/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.hero-banner{display:grid;grid-template-columns:100%;grid-template-rows:auto auto;grid-row-gap:40px;justify-items:stretch;background:linear-gradient(65deg,rgb(255,255,255) 0%,rgba(120,204,141,0) 5%,rgba(205,217,86,0.5) 40%,rgba(205,217,86,0.1) 100%),linear-gradient(65deg,rgba(34,192,198,0) 0%,rgba(12,189,212,0.7) 100%);position:relative}.hero-banner::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/themes/custom/cemc/components/hero-banner/public/assets/noise.png);background-repeat:repeat;opacity:.2;pointer-events:none;z-index:1}.hero-banner .banner-data{padding:40px 20px 0;position:relative;z-index:2}.hero-banner .banner-data .hero-banner-title{font-weight:700;font-size:40px;font-family:"Barlow",sans-serif;line-height:48px;color:#151515;padding:0 0 24px;margin:0}.hero-banner .banner-data .hero-banner-body{font-family:"Noto Sans",sans-serif;font-size:18px;line-height:27px;font-weight:400;margin-bottom:24px}.hero-banner .hero-banner-images-container{width:100%;overflow:hidden;display:grid;position:relative}.hero-banner .hero-banner-images{position:relative;overflow:hidden;margin-left:auto;margin-right:0}.hero-banner .hero-banner-images>div{position:absolute;clip-path:polygon(39% 0,61% 0,100% 50%,61% 100%,39% 100%,0% 50%);background-color:#00bdda}.hero-banner .hero-banner-images.single-image,.hero-banner .hero-banner-images.triple-image{height:285.88px;width:390px}.hero-banner .hero-banner-images.single-image>div,.hero-banner .hero-banner-images.triple-image>div{height:285.88px;width:338px;z-index:5}.hero-banner .hero-banner-images.single-image>div>div:not(.contextual),.hero-banner .hero-banner-images.triple-image>div>div:not(.contextual){height:100%;width:100%}.hero-banner .hero-banner-images.single-image>div>div:not(.contextual) div,.hero-banner .hero-banner-images.triple-image>div>div:not(.contextual) div{width:100%;height:100%}.hero-banner .hero-banner-images.single-image>div>div:not(.contextual) img,.hero-banner .hero-banner-images.triple-image>div>div:not(.contextual) img{clip-path:polygon(39% 0,61% 0,100% 50%,61% 100%,39% 100%,0% 50%);margin-left:8px;object-fit:cover;width:100%;height:100%}.hero-banner .hero-banner-images.single-image .mosaic-top,.hero-banner .hero-banner-images.triple-image .mosaic-top{position:absolute;top:0;right:0;width:125px;z-index:1}.hero-banner .hero-banner-images.single-image .mosaic-bottom,.hero-banner .hero-banner-images.triple-image .mosaic-bottom{position:absolute;bottom:0;right:0;width:133px;z-index:1}.hero-banner .hero-banner-images.triple-image{height:440px}.hero-banner .hero-banner-images.triple-image>div:nth-of-type(1){height:245px;width:298px;top:0;left:0}.hero-banner .hero-banner-images.triple-image>div:nth-of-type(2){height:220px;width:255px;left:185px;top:166px}.hero-banner .hero-banner-images.triple-image>div:nth-of-type(3){height:180px;width:210px;bottom:0;left:12px}.hero-banner .hero-banner-images.triple-image .mosaic-top{top:0;left:190px;width:219px}.hero-banner .hero-banner-images.triple-image .mosaic-bottom{bottom:0;left:120px;width:219px}@media(min-width:992px){.hero-banner{min-height:400px;width:100%;grid-template-columns:auto 600px;grid-template-rows:100%;grid-row-gap:unset;grid-column-gap:10px;overflow:hidden}.hero-banner .banner-data{padding:0 0 0 60px;align-self:center}.hero-banner .banner-data.triple-image{padding:100px 0 100px 60px}.hero-banner .banner-data .hero-banner-title{font-size:68px;line-height:81.6px}.hero-banner .hero-banner-images-container{overflow:hidden;width:100%;justify-content:flex-start;min-height:460px}.hero-banner .hero-banner-images,.hero-banner .hero-banner-images.single-image,.hero-banner .hero-banner-images.triple-image{height:100%;width:600px}.hero-banner .hero-banner-images>div,.hero-banner .hero-banner-images.single-image>div,.hero-banner .hero-banner-images.triple-image>div{height:409px;width:484px;left:0}.hero-banner .hero-banner-images .mosaic-top,.hero-banner .hero-banner-images.single-image .mosaic-top,.hero-banner .hero-banner-images.triple-image .mosaic-top{width:200px;height:auto;left:400px}.hero-banner .hero-banner-images .mosaic-bottom,.hero-banner .hero-banner-images.single-image .mosaic-bottom,.hero-banner .hero-banner-images.triple-image .mosaic-bottom{left:435px;width:165px;height:auto}.hero-banner .hero-banner-images.single-image>div{height:470px;width:545px;left:0}.hero-banner .hero-banner-images.triple-image{min-height:671px;grid-template-columns:auto 610px}.hero-banner .hero-banner-images.triple-image>div:nth-of-type(1){width:450px;height:389px;top:0;left:0}.hero-banner .hero-banner-images.triple-image>div:nth-of-type(2){width:387px;height:334px;left:270px;top:255px}.hero-banner .hero-banner-images.triple-image>div:nth-of-type(3){width:310px;height:255px;left:19px;top:408px}.hero-banner .hero-banner-images.triple-image .mosaic-top{width:290px;height:auto;left:323px}.hero-banner .hero-banner-images.triple-image .mosaic-bottom{left:200px;bottom:0;width:331px;height:auto}}@media(min-width:1400px){.hero-banner .hero-banner-images-container{min-height:inherit}.hero-banner .hero-banner-images.single-image>div{height:409px;width:484px}}