 
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
/* #lgx_lsw_preloader_10353 {
        display:none !important;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: #ffffff;
        z-index: 9999;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%; */
    
.wwsection_margin{margin-top: 30px; margin-bottom: 30px;}
.fontMulish{font-family: "Mulish", sans-serif !important; font-size: 18px !important; font-weight: 500 !important;}

.wwbackground_grey{background-color: #f3f3f3;}
.wwbackground_white{background-color: #ffffff;}
.font_weight_900{font-weight:900 !important;}
.font_18{font-size: 18px !important;}
.fcolorblack{color: #000;}
.font_22{font-size: 22px !important;}
.font_28{font-size: 28px !important;}


.ww_arrow {transition: transform 0.3s ease;  font-size: 25px;}
.ww_arrow.rotate {transform: rotate(180deg);}
.ww_faq_answer {padding: 30px 30px 30px;  display: none;  color: #000;}
.ww_faq_answer.active {display: block;}
.ww_faq_item {border-bottom: 1px solid #e0e0e0;}
.ww_faq_container {background: #fff;  border-radius: 12px;  border: 1px solid #cfcfcf;  overflow: hidden; margin-top: 20px;}
.margin_10_top_bottom{margin-top:10px; margin-bottom: 10px;}
.margin_top_0{margin-top: 0;}
.margin_top_10{margin-top:10px}
.margin_top_30{margin-top:30px}
.margin_top_80{margin-top:80px}

@media (max-width: 767px) {
.fontMulish{font-family: "Mulish", sans-serif !important; font-size: 16px !important; font-weight: 500 !important;}
.font_18{font-size: 16px !important;}

}

/* Landing page News Section */
.news_section{font-family: "Mulish", sans-serif !important;}
.news_section h3{font-family: "Mulish", sans-serif !important; font-weight: 800 !important;}
.news_section p { color: #000000 !important; font-family: "Mulish", sans-serif !important; font-size: 18px !important; font-weight: 500 !important; letter-spacing: normal;  text-align: unset; }
.news_section_button_green{background-color: #3a6697; color: #ffffff;}
.news_section_button_blue{background-color: #a5cb3b; color: #ffffff;}

/* Zeosorb Start*/
.zeosorb_info_top_button{fill: #FFFFFF !important; color: #FFFFFF !important; background-color: transparent !important; background-image: linear-gradient(40deg, #6fa943 0%, #274113 100%) !important; border-radius: 6px 6px 6px 6px !important; padding: 5px 20px !important;}
.zeosorb_top_background{background-color: #cce4ba;}
.zeosorb_faq_question {font-size: 18px; width: 100%;  padding: 15px 15px 12px 20px; color: #000; text-align: left;  background: #fff;  border: none;  outline: none;  cursor: pointer;  position: relative;  display: flex;  justify-content: space-between;  align-items: center;  transition: background 0.3s ease;}
.zeosorb_faq_question:hover, .faq_question.active {background-color: #cce4ba;}

.zeosorb_maintitle{font-size: 4rem !important; color: #6fa943 !important; font-weight: 800 !important; font-family: "Mulish", sans-serif !important;}
.zeosorb_maintitle span{font-size: 4rem !important; font-family: "Mulish", sans-serif !important; color: #274113 !important; font-weight: 600 !important; }

.zeosorb_tag{background-color: #f6903015; font-weight: 600; padding: 10px;font-weight: 500; border-radius: 10px; float: left; margin-right: 10px; margin-top: 10px;}

.zeosorb_color{color:#6fa943;}
.zeosorb_download{font-weight: 700; text-align: left;}
.zeosorb_download_sub{color: #333 !important; text-align: left;}

@media (max-width: 767px) {
.zeosorb_maintitle h1, h2, h3, h4, h5, h6{font-size: 30px !important; color: #6fa943; font-weight: 800 !important; font-family: "Mulish", sans-serif !important;}
.zeosorb_maintitle span{font-size: 30px !important;; font-family: "Mulish", sans-serif !important; color: #274113 !important; font-weight: 600 !important; }
.zeosorb_faq_question {font-size: 16px !important; width: 100%;  padding: 15px 15px 12px 20px; color: #000; text-align: left;  background: #fff;  border: none;  outline: none;  cursor: pointer;  position: relative;  display: flex;  justify-content: space-between;  align-items: center;  transition: background 0.3s ease;}
}
/* Zeosorb End*/




/* Crystolite Start*/
.crystolite_info_top_button{fill: #FFFFFF !important; color: #FFFFFF !important; background-color: transparent !important; background-image: linear-gradient(40deg, #b8a15c 0%, #65572c 100%) !important; border-radius: 6px 6px 6px 6px !important; padding: 5px 20px !important;}
.crystolite_top_background{background-color: #e3d7b1;}
.crystolite_faq_question {font-size: 18px; width: 100%;  padding: 15px 15px 12px 20px; color: #000; text-align: left;  background: #fff;  border: none;  outline: none;  cursor: pointer;  position: relative;  display: flex;  justify-content: space-between;  align-items: center;  transition: background 0.3s ease;}
.crystolite_faq_question:hover, .faq_question.active {background-color: #e3d7b1;}

.crystolite_maintitle{font-size: 4rem !important; color: #b8a15c; font-weight: 800 !important; font-family: "Mulish", sans-serif !important;}
.crystolite_maintitle span{font-size: 4rem !important; font-family: "Mulish", sans-serif !important; color: #65572c !important; font-weight: 600 !important; }

.crystolite_tag{background-color: #f6903015; font-weight: 600; padding: 10px;font-weight: 500; border-radius: 10px; float: left; margin-right: 10px; margin-top: 10px;}

.crystolite_color{color:#b8a15c;}
.crystolite_download{border: 1px solid #b8a15c; padding: 0px 15px 20px 15px; border-radius: 10px; color: #000;}

@media (max-width: 767px) {
.crystolite_maintitle{font-size: 30px !important; color: #b8a15c; font-weight: 800 !important; font-family: "Mulish", sans-serif !important;}
.crystolite_maintitle span{font-size: 30px !important;; font-family: "Mulish", sans-serif !important; color: #65572c !important; font-weight: 600 !important; }
.crystolite_faq_question {font-size: 16px !important; width: 100%;  padding: 15px 15px 12px 20px; color: #000; text-align: left;  background: #fff;  border: none;  outline: none;  cursor: pointer;  position: relative;  display: flex;  justify-content: space-between;  align-items: center;  transition: background 0.3s ease;}
}
/* Crystolite End*/



/* Filtersorb CT Start*/
.filtersorbct_info_top_button{fill: #FFFFFF !important; color: #FFFFFF !important; background-color: transparent !important; background-image: linear-gradient(40deg, #0074c8 0%, #004c82 100%) !important; border-radius: 6px 6px 6px 6px !important; padding: 5px 20px !important;}
.filtersorbct_top_background{background-color: #d9eefd;}
.filtersorbct_faq_question {font-size: 18px; width: 100%;  padding: 15px 15px 12px 20px; color: #000; text-align: left;  background: #fff;  border: none;  outline: none;  cursor: pointer;  position: relative;  display: flex;  justify-content: space-between;  align-items: center;  transition: background 0.3s ease;}
.filtersorbct_faq_question:hover, .faq_question.active {background-color: #abd8f8;}

.filtersorbct_maintitle{font-size: 4rem !important; color: #0074c8; font-weight: 800 !important; font-family: "Mulish", sans-serif !important;}
.filtersorbct_maintitle span{font-size: 4rem !important; font-family: "Mulish", sans-serif !important; color: #004c82 !important; font-weight: 600 !important; }

.filtersorbct_tag{background-color: #f6903015; font-weight: 600; padding: 10px;font-weight: 500; border-radius: 10px; float: left; margin-right: 10px; margin-top: 10px;}

.filtersorbct_color{color:#0074c8;}
.filtersorbct_main_image{height: 750px !important; margin-top: -100px;}
.filtersorbct_download{border: 1px solid #0074c8; padding: 0px 15px 20px 15px; border-radius: 10px; color: #000;}

@media (max-width: 767px) {
.filtersorbct_maintitle{font-size: 30px !important; color: #0074c8; font-weight: 800 !important; font-family: "Mulish", sans-serif !important;}
.filtersorbct_maintitle span{font-size: 30px !important;; font-family: "Mulish", sans-serif !important; color: #004c82 !important; font-weight: 600 !important; }
.filtersorbct_faq_question {font-size: 16px !important; width: 100%;  padding: 15px 15px 12px 20px; color: #000; text-align: left;  background: #fff;  border: none;  outline: none;  cursor: pointer;  position: relative;  display: flex;  justify-content: space-between;  align-items: center;  transition: background 0.3s ease;}
}
/* Filtersorb CT End*/





/* Titansorb Start*/
.titansorb_info_top_button{fill: #FFFFFF !important; color: #FFFFFF !important; background-color: transparent !important; background-image: linear-gradient(40deg, #f1b0a0 0%, #6b3b34 100%) !important; border-radius: 6px 6px 6px 6px !important; padding: 5px 20px !important;}
.titansorb_top_background{background-color: #fdeeeb;}
.titansorb_faq_question {font-size: 18px; width: 100%;  padding: 15px 15px 12px 20px; color: #000; text-align: left;  background: #fff;  border: none;  outline: none;  cursor: pointer;  position: relative;  display: flex;  justify-content: space-between;  align-items: center;  transition: background 0.3s ease;}
.titansorb_faq_question:hover, .faq_question.active {background-color: #f0e0dd;}

.titansorb_maintitle{font-size: 4rem !important; color: #6b3b34; font-weight: 800 !important; font-family: "Mulish", sans-serif !important;}
.titansorb_maintitle span{font-size: 4rem !important; font-family: "Mulish", sans-serif !important; color: #f1a08b !important; font-weight: 600 !important; }

.titansorb_tag{background-color: #f6903015; font-weight: 600; padding: 10px;font-weight: 500; border-radius: 10px; float: left; margin-right: 10px; margin-top: 10px;}

.titansorb_color{color:#6b3b34;}
.icon_bordered{border: 1px solid #fbcfc3; padding: 20px 0px 25px 0px; border-radius: 5px;}
.titansorb_download{border: 1px solid #6b3b34; padding: 0px 15px 20px 15px; border-radius: 10px; color: #000;}
.titansorb_certificate{padding: 15px 15px !important; text-align: center !important; border: 1px solid #ffffff !important; font-family: 'Mulish' !important; font-size: 22px !important; color: #fff !important; font-weight: 600 !important;}
.titansorb_certificate_background{background-color: #f1a08b !important; border-radius: 15px !important; padding: 30px 30px 0px 30px !important;}

@media (max-width: 767px) {
.titansorb_maintitle{font-size: 30px !important; color: #6b3b34; font-weight: 800 !important; font-family: "Mulish", sans-serif !important;}
.titansorb_maintitle span{font-size: 30px !important;; font-family: "Mulish", sans-serif !important; color: #f1a08b !important; font-weight: 600 !important; }
.titansorb_faq_question {font-size: 16px !important; width: 100%;  padding: 15px 15px 12px 20px; color: #000; text-align: left;  background: #fff;  border: none;  outline: none;  cursor: pointer;  position: relative;  display: flex;  justify-content: space-between;  align-items: center;  transition: background 0.3s ease;}
}
/* Titansorb End*/



/* Ferrolox Start*/
.ferrolox_info_top_button{fill: #FFFFFF !important; color: #FFFFFF !important; background-color: transparent !important; background-image: linear-gradient(40deg, #c32026 0%, #521418 100%) !important; border-radius: 6px 6px 6px 6px !important; padding: 5px 18px !important;}
.ferrolox_top_background{background-color: #f7f0f1;}
.ferrolox_faq_question {font-size: 18px; width: 100%;  padding: 15px 15px 12px 20px; color: #000; text-align: left;  background: #fff;  border: none;  outline: none;  cursor: pointer;  position: relative;  display: flex;  justify-content: space-between;  align-items: center;  transition: background 0.3s ease;}
.ferrolox_faq_question:hover, .faq_question.active {background-color: #f7f0f1;}

.ferrolox_maintitle{font-size: 4rem !important; color: #521418; font-weight: 800 !important; font-family: "Mulish", sans-serif !important;}
.ferrolox_maintitle span{font-size: 4rem !important; font-family: "Mulish", sans-serif !important; color: #c32026 !important; font-weight: 600 !important; }
.ferrolox_removal_icon{padding: 10px; border: 1px solid #bb8587; background-color: #ffffff; border-radius: 10px;}

.ferrolox_tag{background-color: #f6903015; font-weight: 600; padding: 10px;font-weight: 500; border-radius: 10px; float: left; margin-right: 10px; margin-top: 10px;}

.ferrolox_color{color:#521418;}
.ferrolox_download{border: 1px solid #521418; padding: 0px 15px 20px 15px; border-radius: 10px; color: #000;}
.ferrolox_certificate{padding: 15px 15px !important; text-align: center !important; border: 1px solid #ffffff !important; font-family: 'Mulish' !important; font-size: 22px !important; color: #fff !important; font-weight: 600 !important;}
.ferrolox_certificate_background{background-color: #c32026 !important; border-radius: 15px !important; padding: 30px 30px 0px 30px !important;}

@media (max-width: 767px) {
.ferrolox_maintitle{font-size: 30px !important; color: #521418; font-weight: 800 !important; font-family: "Mulish", sans-serif !important;}
.ferrolox_maintitle span{font-size: 30px !important;; font-family: "Mulish", sans-serif !important; color: #c32026 !important; font-weight: 600 !important; }
.ferrolox_faq_question {font-size: 16px !important; width: 100%;  padding: 15px 15px 12px 20px; color: #000; text-align: left;  background: #fff;  border: none;  outline: none;  cursor: pointer;  position: relative;  display: flex;  justify-content: space-between;  align-items: center;  transition: background 0.3s ease;}
}
/* Ferrolox End*/















/* Main Slider */
.custom-carousel-container {
            position: relative;
            width: 100%;
            max-width: 100%;
            border-radius: 12px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            background: white;
            padding: 0;
        }

        .custom-carousel-inner {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        .custom-carousel-item {
            min-width: 100%;
            display: none;
            position: relative;
            transition: opacity 0.6s ease-in-out;
            border-radius: 8px;
        }

        .custom-carousel-item.active {
            display: block;
        }

        .custom-carousel-item img {
            max-height: 500px;
            width: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 8px;
        }

        /* Responsive image switching */
        .desktop-image { display: none; }
        .mobile-image { display: block; }
        @media (min-width: 768px) {
            .desktop-image { display: block; }
            .mobile-image { display: none; }
        }

        .custom-carousel-caption {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.6);
            border-radius: 8px;
            padding: 1rem;
            text-align: center;
            width: 90%;
            max-width: 600px;
            color: white;
            z-index: 5;
        }
        
        .custom-carousel-controls button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.4);
            border: none;
            color: white;
            font-size: 2rem;
            cursor: pointer;
            padding: 0.5rem 1rem;
            border-radius: 50%;
            transition: background-color 0.3s ease;
            z-index: 10;
        }

        .custom-carousel-controls button:hover {
            background-color: rgba(0, 0, 0, 0.6);
        }

        #customPrevBtn { left: 10px; }
        #customNextBtn { right: 10px; }

        .custom-timer-container {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background-color: rgba(255, 255, 255, 0.3);
            z-index: 10;
        }

        .custom-timer-bar {
            height: 100%;
            width: 0;
            background-color: #0d6efd;
            transition: width linear;
        }


   
 