.elementor-2882 .elementor-element.elementor-element-24cc658{--display:flex;--min-height:108vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2882 .elementor-element.elementor-element-24cc658:not(.elementor-motion-effects-element-type-background), .elementor-2882 .elementor-element.elementor-element-24cc658 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-822d2fb );}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-repeater-item-33cf06b .swiper-slide-bg{background-color:var( --e-global-color-7b2a761 );background-image:url(https://delhiweb.site/wp-content/uploads/2026/01/suhans-chemicals-hero-section-03.webp);background-size:cover;}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-repeater-item-edd632f .swiper-slide-bg{background-color:var( --e-global-color-7b2a761 );background-image:url(https://delhiweb.site/wp-content/uploads/2026/02/oil-images-11.webp);background-size:cover;}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-repeater-item-edd632f .swiper-slide-inner .elementor-slide-heading{color:var( --e-global-color-822d2fb );}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-repeater-item-edd632f .swiper-slide-inner .elementor-slide-description{color:var( --e-global-color-822d2fb );}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-repeater-item-edd632f .swiper-slide-inner .elementor-slide-button{color:var( --e-global-color-822d2fb );border-color:var( --e-global-color-822d2fb );}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-repeater-item-bd4dfff .swiper-slide-bg{background-color:var( --e-global-color-7b2a761 );background-image:url(https://delhiweb.site/wp-content/uploads/2026/02/oil-images-5.webp);background-size:cover;}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-repeater-item-bd4dfff .swiper-slide-inner .elementor-slide-heading{color:var( --e-global-color-822d2fb );}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-repeater-item-bd4dfff .swiper-slide-inner .elementor-slide-description{color:var( --e-global-color-822d2fb );}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-repeater-item-bd4dfff .swiper-slide-inner .elementor-slide-button{color:var( --e-global-color-822d2fb );border-color:var( --e-global-color-822d2fb );}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-repeater-item-8e18b6c .swiper-slide-bg{background-color:var( --e-global-color-7b2a761 );background-image:url(https://delhiweb.site/wp-content/uploads/2026/02/recycle-img-v2.webp);background-size:cover;}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-repeater-item-8e18b6c .swiper-slide-inner .elementor-slide-heading{color:var( --e-global-color-1bf0c63 );}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-repeater-item-8e18b6c .swiper-slide-inner .elementor-slide-description{color:var( --e-global-color-1bf0c63 );}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-repeater-item-8e18b6c .swiper-slide-inner .elementor-slide-button{color:var( --e-global-color-1bf0c63 );border-color:var( --e-global-color-1bf0c63 );}.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide{transition-duration:calc(12000ms*1.2);height:108vh;}.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide-contents{max-width:40%;}.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide-inner{padding:100px 100px 100px 100px;text-align:start;}.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:10px;}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-slide-heading{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:600;line-height:55px;}.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:20px;}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-slide-button{border-width:1px;border-radius:10px;}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-swiper-button{font-size:22px;}@media(max-width:1024px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide-contents{max-width:65%;}.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide-inner{padding:40px 40px 40px 40px;}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-slide-heading{font-size:40px;}}@media(max-width:767px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide-contents{max-width:100%;}.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide-inner{padding:35px 35px 35px 35px;}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-slide-heading{font-size:30px;line-height:1.3em;}.elementor-2882 .elementor-element.elementor-element-baaa34f .elementor-swiper-button{font-size:16px;}}/* Start custom CSS for slides, class: .elementor-element-baaa34f *//* 1. RESET DEFAULT FADE BEHAVIOR */
.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide {
    opacity: 1 !important; /* Disable the fade to allow the wipe to work */
    visibility: hidden;    /* Hide slides by default to prevent leaking text */
    transition: clip-path 1200ms cubic-bezier(0.77, 0, 0.175, 1) !important;
    clip-path: inset(0 0 0 100%); /* Start hidden (wipe from right to left) */
    z-index: 1;
    pointer-events: none;
}

/* 2. SHOW ONLY RELEVANT SLIDES */
/* The Active Slide (Incoming) */
.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide-active,
.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide-duplicate-active {
    visibility: visible;
    clip-path: inset(0 0 0 0%); /* Fully reveal */
    z-index: 3; /* Top layer */
    pointer-events: auto;
}

/* The Previous Slide (Outgoing - stays underneath) */
.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide-prev,
.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide-duplicate-prev {
    visibility: visible;
    clip-path: inset(0 0 0 0%); /* Stay revealed while slide active wipes over it */
    z-index: 2; /* Middle layer */
}

/* 3. FIX FOR THE 1ST-TO-2ND SLIDE / LOOP GLITCH */
/* This ensures that when Swiper jumps between the end and the start, 
   the clip-path doesn't "snap" or show background text */
.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-slide-next {
    visibility: hidden;
    clip-path: inset(0 0 0 100%);
}

/* 4. TOP PROGRESS BARS */
.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-pagination-bullets {
    top: auto !important;
    bottom: 80px !important;
    left: 5% !important;
    width: 90% !important;
    display: flex !important;
    gap: 15px;
}

.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-pagination-bullet {
    height: 3px !important;
    flex: 1;
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 0 !important;
    margin: 0 !important;
    position: relative;
    overflow: hidden;
    opacity: 1 !important;
}

.elementor-2882 .elementor-element.elementor-element-baaa34f .swiper-pagination-bullet-active::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: #fff;
    transform-origin: left;
    animation: sliderProgress 12000ms linear forwards;
}

@keyframes sliderProgress {
    0% { transform: scaleX(0); }
    100% { transform: scaleX(1); }
}/* End custom CSS */