section.hero-image-slider{padding:40px 16px;background:#FFF;position:relative}section.hero-image-slider .separator-shape{position:absolute;bottom:-30px;right:0;width:50%;height:30px;background:#FFF;border-radius:0;z-index:10}section.hero-image-slider .separator-shape svg{position:absolute;top:-1px;left:-99px;height:calc(100% + 1px);width:100px;transform:scaleX(-1)}section.hero-image-slider .wrapper>.content{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:auto;padding:0 16px}section.image-carousel{padding:0;position:relative;overflow:hidden}section.image-carousel .swiper{position:relative}section.image-carousel .swiper .swiper-navigation{position:absolute;bottom:12px;left:0;padding:0 12px;width:100%;height:calc(100% - 60px);z-index:9999;display:flex;align-items:flex-end;justify-content:space-between;flex-direction:row;flex-wrap:auto;gap:16px}section.image-carousel .swiper .swiper-navigation .swiper-pagination{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;gap:4px;width:fit-content;position:relative;bottom:auto;top:auto;left:auto}section.image-carousel .swiper .swiper-navigation .swiper-pagination .swiper-pagination-bullet{background:#C1C7CD;opacity:1;width:10px;height:10px;border-radius:10px}section.image-carousel .swiper .swiper-navigation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFF}section.image-carousel .swiper .swiper-navigation .swiper-next,section.image-carousel .swiper .swiper-navigation .swiper-prev{align-self:center;cursor:pointer;transition:all .3s ease}section.image-carousel .swiper .swiper-navigation .swiper-next:hover,section.image-carousel .swiper .swiper-navigation .swiper-prev:hover{opacity:.7}section.image-carousel .swiper .swiper-navigation .swiper-next svg,section.image-carousel .swiper .swiper-navigation .swiper-prev svg{width:48px;height:fit-content;min-width:48px;min-height:fit-content}section.image-carousel .swiper .swiper-navigation .swiper-next svg path,section.image-carousel .swiper .swiper-navigation .swiper-prev svg path{stroke:#fff}section.image-carousel .swiper .swiper-wrapper .swiper-slide .image{width:100%;aspect-ratio:1.41/1;overflow:hidden}section.image-carousel .swiper .swiper-wrapper .swiper-slide .image img{width:100%;height:100%;object-fit:cover;object-position:center}section.image-carousel .swiper .swiper-wrapper .swiper-slide .content{position:absolute;top:50%;max-width:1326px;padding:0 16px;width:100%;margin:0 auto;left:0;right:0}section.image-carousel .swiper .swiper-wrapper .swiper-slide .content h4{max-width:514px;color:#fff;font-weight:700;font-size:1.5rem;text-shadow:0 0 8px rgba(0,0,0,.4)}@media only screen and (min-width: 992px){section.hero-image-slider{padding:100px 16px 80px}section.hero-image-slider .separator-shape{height:100px;bottom:-20px;width:55%}section.hero-image-slider .separator-shape svg{top:-1px;left:-139px;width:140px}section.hero-image-slider .wrapper{position:relative}section.hero-image-slider .wrapper>.content{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:64px}section.hero-image-slider .wrapper>.content .wrap{position:relative;flex-basis:50%;z-index:12}section.hero-image-slider .wrapper>.content .wrap:first-child{padding-bottom:20px}section.hero-image-slider .wrapper>.content .wrap:not(:first-child){margin-top:64px}section.hero-image-slider .wrapper>.content .wrap>*{position:relative;z-index:13}section.image-carousel{margin-top:-80px;z-index:9}section.image-carousel .swiper-navigation{bottom:0;width:100%}section.image-carousel .swiper{padding-bottom:0}section.image-carousel .swiper .swiper-navigation{bottom:32px}section.image-carousel .swiper .swiper-navigation .swiper-pagination{display:flex}section.image-carousel .swiper .swiper-navigation .swiper-what-next svg path,section.image-carousel .swiper .swiper-navigation .swiper-what-prev svg path{stroke:#fff}section.image-carousel .swiper .swiper-wrapper .swiper-slide .image{aspect-ratio:2.3/1}section.image-carousel .swiper .swiper-wrapper .swiper-slide .content h4{font-size:2.5rem}}@media only screen and (min-width: 1200px){section.hero-image-slider .wrapper>.content{padding:0}}
