.examples-banner{background:#092347;border-radius:0 0 0 140px;position:relative}.examples-banner .row{min-height:472px;overflow:hidden}.examples-banner:after,.examples-banner::before{content:"";position:absolute;right:0;top:100%}.examples-banner::before{width:150px;height:90px;background-color:#fff;z-index:2;border-radius:0 140px 0 0}.examples-banner:after{width:100px;height:86px;background:#092347;z-index:1}.examples-banner .banner-content-left{display:flex;flex-flow:column wrap;justify-content:center;padding-top:30px}.examples-banner .banner-content-left p{color:#fff}.examples-banner .author-details{margin:0 0 12px}.examples-banner .author-details img{max-width:40px;border-radius:50%}.examples-banner .author-details ul{list-style:disc;margin:1em 0;color:#fff}.examples-banner .author-details ul li{margin:0 19px}.examples-banner .author-details p{margin:0 10px}.examples-banner .author-details .auth-name{color:#fff;cursor:pointer;font-weight:800}.examples-banner .author-details .auth-name:hover{text-decoration:underline}.examples-banner .banner-image-right .hero-img-wrapper{height:100%;max-width:85%;width:100%;margin:0 auto;position:relative;z-index:2}.examples-banner .banner-image-right .hero-image-1,.examples-banner .banner-image-right .hero-image-2,.examples-banner .banner-image-right .hero-image-3{position:absolute;bottom:-50px;z-index:99}.examples-banner .banner-image-right .hero-image-1 img,.examples-banner .banner-image-right .hero-image-2 img,.examples-banner .banner-image-right .hero-image-3 img{background:#fff}.examples-banner .banner-image-right .hero-image-1{left:0;width:41.5%}.examples-banner .banner-image-right .hero-image-2{left:50%;width:60.6%;transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:999}.examples-banner .banner-image-right .hero-image-3{right:0;width:41.5%}.examples-banner .banner-image-right .shape,.examples-banner .banner-image-right .shape-circle{position:absolute;bottom:0;z-index:1}.examples-banner .banner-image-right .shape-circle{left:0;width:371px;height:371px;background:#ff8873;border-radius:50%}.examples-banner .banner-image-right .shape{background:#abd5dc;right:15px;width:52%;height:calc(100% - 91px);border-radius:0 228.72px 0 0}.examples-banner.blue-ylw h1{font-size:4.6rem;line-height:5.8rem}.examples-banner.blue-ylw.cls-fix h1{font-size:4.4rem}.examples-banner.blue-ylw .banner-image-right .shape-circle{background:#abd5dc}.examples-banner.blue-ylw .banner-image-right .shape{background:#efc778}@media only screen and (min-width: 992px){.examples-banner .author-details{display:flex;align-items:center}}@media only screen and (min-width: 992px)and (max-width: 1024px){.examples-banner.blue-ylw .banner-image-right .shape{height:calc(100% - 140px)}}@media only screen and (min-width: 1200px){.examples-banner.blue-ylw .banner-image-right .shape{height:calc(100% - 42px)}.examples-banner.blue-ylw .banner-image-right .hero-img-wrapper{margin-top:10px}}@media only screen and (max-width: 1199px){.examples-banner .banner-image-right .shape-circle{width:300px;height:300px}.examples-banner .banner-image-right .shape{height:calc(100% - 170px)}.examples-banner .row{min-height:400px}.examples-banner h1{font-size:5.6rem}}@media only screen and (max-width: 991px){.examples-banner{padding:43px 0px}.examples-banner .author-details{display:block;text-align:center}.examples-banner .author-details img{margin:0 10px 0 0}.examples-banner .author-details p{display:contents}.examples-banner .author-details ul{display:block;list-style:none;margin-top:10px}.examples-banner .author-details ul li{list-style:none}.examples-banner .banner-content-left{display:block;text-align:center;margin-bottom:42px;padding-top:0}.examples-banner .banner-image-right{padding-top:37px;width:100%}.examples-banner .banner-image-right .hero-img-wrapper{max-width:100%;width:50%;margin:0 auto}.examples-banner .banner-image-right .hero-image-1{width:100%;margin:0 auto;position:static}.examples-banner .banner-image-right .hero-image-2,.examples-banner .banner-image-right .hero-image-3{display:none}.examples-banner .banner-image-right .shape{width:45%;height:calc(100% - 68px);bottom:68px;border-radius:0 120px 0 0;right:18%}.examples-banner .banner-image-right .shape-circle{bottom:80px;left:15%}}@media only screen and (max-width: 767px){.examples-banner{border-radius:0 0 0 50px}.examples-banner h1{font-size:4rem}.examples-banner .row{min-height:auto}.examples-banner .banner-content-left{width:100%}.examples-banner .banner-image-right .hero-img-wrapper{width:72%}.examples-banner .banner-image-right .shape{width:63%;height:calc(100% - 68px);right:15px}.examples-banner .banner-image-right .shape-circle{width:194px;height:194px;left:15px}}
