#slides{height: 380px;}



.main-slide{background: #2d3d59;}
.main-slide .slidesdiv1 {width: 100%;}
.main-slide .banner-full-width{position: relative; width: 100% !important; padding: 0;}
.main-slide .banner-full-width .img-banner {max-width: 100% !important; position: absolute; top: 0; left: 0; height: 380px;}

@media(max-width: 1024px) {
    .main-slide .banner-full-width .img-banner {margin-top: 10px !important;}
}

@media(max-width: 762px) {
    .main-slide .banner-full-width .img-banner {margin-top: 0 !important;}
}

.main-products .slider-title{visibility: hidden;} 
.banner-arrows {width: 48px; height: 48px; position: relative; cursor: pointer; bottom: 45% !important;}
.banner-arrows::before {content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; border-top: 3px solid white; border-left: 3px solid white; transform: translate(-50%, -50%) rotate(-45deg); font-weight: bold;}
.goforward::before {transform: translate(-50%, -50%) rotate(135deg);} 

.main-products{margin-top: -120px !important;}

.home-page-banner-offer, .home-page-banner-delivery, .home-page-banner-security{
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    aspect-ratio: 1440 / 380; 
    height: auto;
    width: 100%;
}

.home-page-banner-offer {
    background: url('/img/banners/buy-more-save-more-dtop-1920x800px.webp');
}

.home-page-banner-delivery {
    background: url('/img/banners/rapid-delivery-dtop-1920x800px.webp');
}

.home-page-banner-security {
    background: url('/img/banners/security-upgrade-dtop-1920x800px.webp');
}

@media(max-width: 1000px) {
    .home-page-banner-offer{background: url('/img/banners/buy-more-save-more-1440x600px.webp');} 
    .home-page-banner-security{background: url('/img/banners/security-upgrade-1440x600px.webp');}
    .home-page-banner-delivery{background: url('/img/banners/rapid-delivery-1440x600px.webp');}
}

@media(max-width: 800px) {
    .home-page-banner-offer{background: url('/img/banners/buy-more-save-more-tablet-1024x500px.webp');} 
    .home-page-banner-security{background: url('/img/banners/security-upgrade-1024x500px.webp');}
    .home-page-banner-delivery{background: url('/img/banners/rapid-delivery-1024x500px.webp');}
    .main-products{margin-top: -70px !important;}
}

@media(max-width: 761px) {
    .main-products{margin-top: -40px !important;}
}


@media(max-width: 450px) {
    .home-page-banner-offer{background: url('/img/banners/buy-more-save-more-mobile-img-1000x1000px.webp');} 
    .home-page-banner-delivery{background: url('/img/banners/rapid-delivery-hpage-mobile.webp');}
    .home-page-banner-security{background: url('./img/banners/security-upgrade-hpage-mobile.webp');}
    .main-products{margin-top: -33px !important;}
}








/*.main-slide .banner-full-width .buy-more-save-more-banner{background-image: url('/img/banners/buy-more-save-more-hpage.webp');  background-position: center; background-repeat: no-repeat;}
.main-slide .banner-full-width .delivery-banner{background-image: url('/img/banners/rapid-delivery-hpage.webp'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.main-slide .banner-full-width .security-banner{background-image: url('/img/banners/security-upgrade-hpage.webp'); background-size: cover; background-position: center; background-repeat: no-repeat;}


@media(max-width: 1024px) {
    .main-slide .banner-full-width .buy-more-save-more-banner{background-image: url('/img/banners/buy-more-save-more-tablet.webp');}
    .main-slide .banner-full-width .delivery-banner{background-image: url('/img/banners/rapid-delivery-tablet.webp');}
    .main-slide .banner-full-width .security-banner{background-image: url('/img/banners/security-upgrade-tablet.webp');}
}

@media(max-width: 500px) {
    .main-slide .banner-full-width .buy-more-save-more-banner{background-image: url('/img/banners/buy-more-save-more-hpage-mobile.webp'); background-size: cover;}
    .main-slide .banner-full-width .delivery-banner{background-image: url('/img/banners/rapid-delivery-hpage-mobile.webp'); background-size: cover;}
    .main-slide .banner-full-width .security-banner{background-image: url('/img/banners/security-upgrade-hpage-mobile.webp'); background-size: cover;}
} */

.intallation-banner{margin-top: 40px; max-width: 1250px; margin: auto;}
.intallation-banner img{width: 100%;}

@media(max-width: 768px) {
    .intallation-banner{margin-top: 40px; max-width: 1250px; margin: auto;}
}

.why-choose-us-section{margin: 40px auto 0; max-width: 1250px;}
.why-choose-us-section .why-choose-us-title{text-align: center; font-size: 24px;}
.why-choose-us-section .why-choose-us-sub-title{text-align: center; width: 90%; margin: 16px auto; font-size: 14px;}
.why-choose-us-content{display: flex; gap: 24px;}
.why-choose-us-content .why-choose-us-blocks{flex-basis: calc(50% - 12px); display: flex; flex-wrap: wrap; gap: 16px; align-content: space-between;}
.why-choose-us-content .why-choose-us-block{flex-basis: calc(50% - 8px); max-height: max-content; flex-direction: column;}
.why-choose-us-content .why-choose-us-block {display: flex; gap: 8px;}
.why-choose-us-content .why-choose-us-block img{width: 75px; height: 75px;}
.why-choose-us-content .why-choose-us-block h4{font-weight: bold; padding: 0; font-size: 16px;}
.why-choose-us-content .why-choose-us-block p{font-size: 14px;}
.why-choose-us-content .why-choose-us-video-wrapper{width: 50%; border: 1px solid grey;}
.why-choose-us-content .why-choose-us-video-wrapper video{width: 100%; height: 100%;}

@media(max-width: 1250px) {
    .why-choose-us-section{max-width: 90%;}
}

@media(max-width: 1024px) {
    .why-choose-us-section .why-choose-us-sub-title{text-align: center; width: 90%; margin: 16px auto; font-size: 14px;}
    .why-choose-us-content{flex-direction: column;}
    .why-choose-us-content .why-choose-us-block {align-items: center;}
    .why-choose-us-content .why-choose-us-block h4{text-align: center;}
    .why-choose-us-content .why-choose-us-block p{text-align: center; font-size: 12px}
    .why-choose-us-content .why-choose-us-video-wrapper{width: 100%; border: unset;}
}

@media(max-width: 540px) {
    .why-choose-us-section .factory-copy{width: 7ch;}
}

.delivery-efficiency-banner{display: flex; justify-content: center; align-items: center; background: #041D3B; padding: 16px;}
.delivery-efficiency-banner .content-wrapper{display: flex;  align-items: center; gap: 16px; position: relative; padding-right: 32px; width: 50%;}
.delivery-efficiency-banner .content-wrapper:not(:last-child){justify-content: end;}
.delivery-efficiency-banner .content-wrapper:not(:last-child)::after{  content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 80%; width: 1px; background: #ffffff; border-radius: 10px;}
.delivery-efficiency-banner .content-wrapper .span-wrapper{display: flex; flex-direction: column;}
.delivery-efficiency-banner .span-wrapper span{color: white;} 
.delivery-efficiency-banner .span-wrapper span:first-child{font-size: 24px;} 
.delivery-efficiency-banner .icon{height: 75px; width: 75px;}

@media(max-width: 768px) {
    .delivery-efficiency-banner{flex-direction: column; padding: 8px;}
    .delivery-efficiency-banner .content-wrapper{width: 75%; padding: 0; margin: auto;}
    .delivery-efficiency-banner .content-wrapper:not(:last-child){justify-content: start; border-bottom: 1px solid #ffffff;}
    .delivery-efficiency-banner .content-wrapper:not(:last-child)::after{display: none;}
    .delivery-efficiency-banner .span-wrapper span{font-size: 12px;} 
}

.homepage-gallery{margin: 20px auto 0; max-width: 1250px;}
.homepage-gallery .gallery-title{text-align: center; font-size: 24px;}
.homepage-gallery .gallery-subcopy{text-align: center; margin: 16px auto; font-size: 14px;}
.homepage-gallery .gallery {display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 16px;}
.homepage-gallery .gallery .gallery-block{max-width: 625px; border: 1px solid grey; border-radius: 10px;}
.homepage-gallery .gallery .gallery-block .gallery-block-content{padding: 16px; display: flex; flex-direction: column; justify-content: center;}
.homepage-gallery .gallery .gallery-block .gallery-block-content h4{padding: 0 0 8px 0; font-size: 18px; font-weight: bold; color: unset;}
.homepage-gallery .gallery .gallery-block .gallery-block-content p{font-size: 14px;}
.homepage-gallery .gallery .gallery-block .gallery-block-content a{font-size: 14px; text-decoration: underline; width: max-content;}
.homepage-gallery .gallery .gallery-block .gallery-block-content a:hover{color: #0077cc;}
.homepage-gallery .gallery .gallery-block .gallery-block-image-wrapper{overflow: hidden;}
.homepage-gallery .gallery .gallery-block .gallery-block-image-wrapper .gallery-block-image{object-fit: cover; transition: transform 0.5s ease;}
.homepage-gallery .gallery .gallery-block .gallery-block-image-wrapper .gallery-block-image:hover{transform: scale(1.1);}


.homepage-gallery .gallery .primary{grid-row: span 2; background: #f4eef1;}
.homepage-gallery .gallery .primary .gallery-block-image-wrapper{width: 100%; height: 300px; border-top-left-radius: inherit; border-top-right-radius: inherit;}
.homepage-gallery .gallery .primary .gallery-block-image-wrapper .gallery-block-image{width: 100%; height: 100%; border-top-left-radius: inherit; border-top-right-radius: inherit;}

.homepage-gallery .gallery .secondary{display: flex; background: #f1f6fe;}
.homepage-gallery .gallery .secondary .gallery-block-image-wrapper{max-width: 50%; overflow: hidden; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.homepage-gallery .gallery .secondary .gallery-block-image-wrapper .gallery-block-image{width: 100%; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.homepage-gallery .gallery .secondary .gallery-block-content{max-width: 50%;}

.homepage-gallery .gallery-advice-wrapper {display: flex; flex-wrap: wrap; gap: 16px;}
.homepage-gallery .gallery-advice-wrapper .advice-block {display: flex; align-items: center; justify-content: center; flex-basis: calc(50% - 8px); height: 100px; border-radius: 10px;  position: relative; overflow: hidden;} 
.homepage-gallery .gallery-advice-wrapper .advice-block .advice-background{position: absolute; background-size: cover; height: 100%; width: 100%; border-radius: inherit; z-index: 0; transition: transform 0.5s ease;}
.homepage-gallery .gallery-advice-wrapper .advice-block .advice-background:hover{transform: scale(1.1);}
.homepage-gallery .gallery-advice-wrapper .advice-block h4{font-size: 18px; font-weight: bold; color: #ffffff; position: relative; z-index: 1;}
.homepage-gallery .gallery-advice-wrapper .advice-block .background-mobile{display: none;}

@media(max-width: 1250px) {
    .homepage-gallery{margin: 20px auto 0; max-width: 90%; overflow: hidden;}
}

@media(max-width: 600px) {
    .homepage-gallery .gallery {grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 100%; gap: 16px;}
    .homepage-gallery .gallery .gallery-block{max-width: unset;}
    .homepage-gallery .gallery .primary{grid-row: unset;}
    .homepage-gallery .gallery .secondary .gallery-block-image-wrapper{height: 200px;}
    .homepage-gallery .gallery-advice-wrapper .advice-block h4{font-size: 16px;}
    .homepage-gallery .gallery-advice-wrapper .advice-block .background-desktop{display: none;}
    .homepage-gallery .gallery-advice-wrapper .advice-block .background-mobile{display: block;}
}

@media(max-width: 768px) {
    .homepage-gallery .gallery .secondary{flex-direction: column;}
    .homepage-gallery .gallery .secondary .gallery-block-image-wrapper{max-width: 100%;}
    .homepage-gallery .gallery .secondary .gallery-block-content{max-width: 100%;}
    .homepage-gallery .gallery .secondary .gallery-block-image-wrapper {border-top-right-radius: inherit; border-bottom-left-radius: 0;}
    .homepage-gallery .gallery .secondary .gallery-block-image-wrapper .gallery-block-image{width: 100%; height: 100%; border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-left-radius: 0;}
}


.slider-nav {
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    position: relative;
    display: none;

    @media(max-width: 600px) {
        display: flex;
    }
}

.slider-arrow {
    font-size: 28px;
    cursor: pointer;
    user-select: none;
    color: #0077cc;
    padding: 0 12px;
}

.slider-dots {
    display: flex;
    gap: 8px; 
}

.slider-dot {
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
}

.slider-dot.active {
    background: #0077cc;
}

.section-divider {
  width: 100%;
  height: 1px;
  background-color: darkgray;
  margin: 30px auto;
}


.testimonials:nth-of-type(2),
.testimonials:nth-of-type(3) {
  display: none;
}
#imgban{display: none;}