@charset "utf-8";
/* ====== Default css : start ====== */


.container,
.big-container { width: 100%; padding: 0; margin: 0 auto; }
.case-studies-sec { overflow: hidden !important;}
.case-studies-sec > .e-con-inner { max-width: 100% !important;}
.slider-section { padding: 0;}
.products-slider { width:100%; position:relative; overflow:visible; --marquee-width:100vw; --marquee-elements-displayed:6; --marquee-element-width:calc(var(--marquee-width) / var(--marquee-elements-displayed)); --marquee-animation-duration:calc(var(--marquee-elements) * 0.4s);}
.products-slider.swiper { overflow: visible;}
.product-title {text-align: center; padding-bottom: 50px;}
.product-title h2 { font-size: 44px; font-weight: 800; color: #000000; position: relative; display: inline-block; max-width: 800px; margin: 0 auto;}
.product-title h2 i {position: absolute; right: -60px; top: -20px; width: 35px; height: 41px;}
.product-title h2 i img {width: 100%; height: 100%;}
.products-box {position: relative; transition: all ease-in-out 0.3s;}
.products-box .img {display: block; position: relative;}
.products-box .img::after {content: ''; display: block; padding: 100% 0 0;}
.products-box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; overflow: hidden; border-radius: 16px;}
.products-box .product-content {position: absolute; left: 0; bottom: 0; padding: 0 50px; display: flex; flex-direction: column; justify-content: center;  color: rgb(255, 255, 255); backdrop-filter: blur(0px) brightness(90%); width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all ease-in-out 0.3s; border-radius: 16px;}
.products-box:hover .product-content {opacity: 1; backdrop-filter: blur(5px) brightness(20%); visibility: visible;}
.products-box .product-content h3 { font-family: "Manrope", Sans-serif; position: relative; margin: 0 0 8px; color: rgb(255, 255, 255); font-weight: 600; font-size: 18px; line-height: 24px; font-weight: bold;}
.products-box .product-content p { font-family: "Manrope", Sans-serif; position: relative; font-weight: 400; font-size: 14px; line-height: 24px; color: rgb(255, 255, 255) !important; padding-bottom: 27px; font-weight: 500;}
.products-box .product-content a { font-family: "Manrope", Sans-serif; display: flex; align-items: center; gap: 20px; color: rgb(255, 255, 255); font-weight: 600; transition: all 0.3s ease-in-out; font-weight: bold;}
.products-box .product-content a:hover { color: rgb(195, 255, 0);}
.products-box .product-content a span {display: block; white-space: nowrap; font-size: 12px; line-height: 18px; color: inherit;}
.products-box .product-content a i {display: inline-flex; width: 25px; height: 23px; }
.products-box .product-content a i svg { display: block;;}
.products-box .product-content a i svg path { stroke:currentColor; transition: all 0.3s ease-in-out;}
.products-slider .swiperr-wrapper { width: 100%; display: flex;}
.products-slider .swiperr-wrapper .swiperr-slide{ width: 320px; display: flex; flex-direction:column; flex-shrink:0; padding: 0 5px;}
.products-slider .swiperr-wrapper .swiperr-slide .products-box:hover{transform: scale(1.05);}
/* .products-slider .swiperr-wrapper { width: 100%; display: flex; animation: bannerMarqueeV59Scrolling var(--marquee-animation-duration) linear infinite; animation-play-state: paused;}
.products-slider .swiperr-wrapper.left { animation:bannerMarqueeV59ScrollingEven var(--marquee-animation-duration) linear infinite; animation-play-state: running;}
.products-slider .swiperr-wrapper.right { animation:bannerMarqueeV59Scrolling var(--marquee-animation-duration) linear infinite; animation-play-state: running;}
.products-slider .swiperr-wrapper .swiperr-slide { width:var(--marquee-element-width); display:flex; flex-direction:column; flex-shrink:0; padding: 0 5px;} */

@keyframes bannerMarqueeV59Scrolling {
    0% { transform:translateX(0);}
    100% { transform:translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));}
}
@keyframes bannerMarqueeV59ScrollingEven {
    0% { transform:translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));}
    100% { transform:translateX(0);}
}

@media (min-width: 1540px) and (max-width: 1680px) {

    .products-slider { --marquee-elements-displayed:5;}

}

@media (min-width: 1440px) and (max-width: 1539px) {

    .products-slider { --marquee-elements-displayed:4.5;}

}

@media (min-width: 1200px) and (max-width: 1439px) {

    .products-slider { --marquee-elements-displayed:4.2;}
    .products-box .product-content { padding: 0 40px;}

}

@media (min-width: 992px) and (max-width: 1199px) {

    .products-slider { --marquee-elements-displayed:3;}
    .products-box .product-content { padding: 0 36px;}

}

@media (min-width: 768px) and (max-width: 991px) {

    .products-slider { --marquee-elements-displayed:2.5;}
    .products-box .product-content { padding: 0 36px;}

}

@media (max-width: 1023px) {

    .products-slider { overflow: auto;}
    .products-slider::-webkit-scrollbar { width: 0; height: 0;}
    .products-slider::-webkit-scrollbar-track { background: transparent;}
    .products-slider::-webkit-scrollbar-thumb { background: transparent;}

}

@media (max-width: 767px) {

    .products-slider { --marquee-elements-displayed:1.2;}
    .product-title { padding-left: 20px !important; padding-right: 20px !important;}
    .product-title h2 i { display: none;}
    .products-box .product-content { padding: 0 30px;}
    .products-slider .swiperr-wrapper .swiperr-slide .products-box:hover { transform: none;}

}