
.hero-banner .swiper-button-prev,.hero-banner .swiper-button-next{--swiper-navigation-size:44px;--swiper-navigation-color:#1c2539;--swiper-navigation-background-color:#fff;--swiper-navigation-hover-color:#fff;--swiper-navigation-hover-background-color:#1c2539}.hero-banner{--padding-block-start:100px;--padding-block-bottom:100px;min-height:100vh;align-items:center;padding-block-start:var(--padding-block-start);padding-block-end:var(--padding-block-bottom);display:flex;position:relative;overflow:hidden}.hero-banner.with-floating-header{--padding-block-start:calc(var(--header-height) + 60px + 60px);--padding-block-bottom:calc(var(--header-height))}.hero-banner .content>.buttons{flex-wrap:wrap;align-items:center;gap:30px;display:flex}.hero-phone-call{color:var(--color-foreground);align-items:center;gap:14px;text-decoration:none;display:flex}.hero-phone-call svg{min-width:44px;height:44px}.banner-slider{display:block;position:relative}.hero-banner .main-img{border-radius:10px;position:relative}.thumb-slider{z-index:2;margin-block-start:-12%;padding-inline:12%;position:relative}.hero-banner .thumb-img{border-radius:10px;overflow:hidden}.hero-banner .thumb-img:before{content:"";cursor:pointer;background:0 0;border-radius:10px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.hero-banner .swiper-slide-thumb-active .thumb-img:before{content:"";background:var(--color-overlay);border-radius:10px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.hero-banner .thumb-img,.hero-banner .main-img img{object-fit:cover;height:100%}.hero-banner .main-img img{-webkit-mask-image:url(/img/slider/subtract.png);mask-image:url(/img/slider/subtract.png);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-banner .banner-badge{z-index:2;width:24%;height:24%;font-family:var(--font-heading--family), sans-serif;border-radius:100%;position:absolute;top:12px;left:0}.hero-banner .banner-badge img{border-radius:inherit}.hero-banner .swiper-button-prev,.hero-banner .swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);color:var(--swiper-navigation-color);background:var(--swiper-navigation-background-color);z-index:9;border-radius:100%;transition:all .3s}.hero-banner .swiper-button-prev:focus,.hero-banner .swiper-button-prev:hover,.hero-banner .swiper-button-next:focus,.hero-banner .swiper-button-next:hover{color:var(--swiper-navigation-hover-color);background-color:var(--swiper-navigation-hover-background-color)}.hero-banner .swiper-button-prev svg,.hero-banner .swiper-button-next svg{width:16px;height:16px}.hero-banner .swiper-button-prev{left:8.5%;right:auto}.hero-banner .swiper-button-next{left:auto;right:8.5%}.hero-slider-controls{--hero-dash-progress:0%;z-index:9;justify-content:center;align-items:center;gap:16px;margin-block-start:22px;display:flex;position:relative}.hero-slider-controls .swiper-button-prev,.hero-slider-controls .swiper-button-next{flex-shrink:0;margin:0;position:static;inset:auto}.hero-dashes{align-items:center;gap:8px;display:flex}.hero-dash{cursor:pointer;background:#1c25392e;border:0;border-radius:99px;width:40px;height:3px;padding:0;overflow:hidden}.hero-dash-fill{background:#1c2539;width:0;height:100%;display:block}.hero-dash.is-active .hero-dash-fill{width:var(--hero-dash-progress)}.with-fixed-bg .slider-card{height:100vh;min-height:inherit}.with-fixed-bg .slider-media{clip-path:inset(0)}.with-fixed-bg .slider-media img{position:fixed}.text-banner{--color-background:#1c2539;--color-foreground:#fff;--color-foreground-heading:#fff;--color-foreground-subheading:#fff;--color-secondary-button-hover-border:#ffffff4d}.text-banner-inner{--padding:60px;background-color:var(--color-background);padding:var(--padding)}.text-banner .section-headings .text{max-width:800px}@media (max-width:991px){.banner-slider{margin-block-start:50px}}@media (max-width:767px){.hero-banner{--padding-block-start:60px;--padding-block-bottom:60px}.text-banner-inner{--padding:40px 15px}.hero-banner.with-floating-header{--padding-block-start:calc(var(--header-height) + 40px)}.hero-banner .swiper-button-prev,.hero-banner .swiper-button-next{--swiper-navigation-size:36px}.hero-banner .swiper-button-prev svg,.hero-banner .swiper-button-next svg{width:14px;height:14px}.hero-banner .content>.buttons{flex-direction:column-reverse;align-items:flex-start}.hero-dash{width:28px}}
