.elementor-2377 .elementor-element.elementor-element-77ad82f0:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-77ad82f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.arulagam.org/wp-content/uploads/2026/06/brown-bear-observing-in-forest-in-summertime-nature.jpg");background-position:50% 70%;background-repeat:no-repeat;background-size:cover;}.elementor-2377 .elementor-element.elementor-element-77ad82f0 > .elementor-background-overlay{background-color:var( --e-global-color-secondary );opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2377 .elementor-element.elementor-element-77ad82f0 > .elementor-container{max-width:650px;}.elementor-2377 .elementor-element.elementor-element-77ad82f0{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:14em 1em 9em 1em;}.elementor-2377 .elementor-element.elementor-element-686eee3a{text-align:center;}.elementor-2377 .elementor-element.elementor-element-686eee3a .elementor-heading-title{color:var( --e-global-color-651faef );}.elementor-2377 .elementor-element.elementor-element-bfb8a2d{text-align:center;color:var( --e-global-color-9eaa092 );}.elementor-2377 .elementor-element.elementor-element-378c9bbd{overflow:hidden;padding:6em 1em 6em 1em;}.elementor-bc-flex-widget .elementor-2377 .elementor-element.elementor-element-65ceef40.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2377 .elementor-element.elementor-element-65ceef40.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2377 .elementor-element.elementor-element-65ceef40 > .elementor-element-populated{margin:0em 4em 0em 0em;--e-column-margin-right:4em;--e-column-margin-left:0em;}.elementor-2377 .elementor-element.elementor-element-2820f19f .elementor-heading-title{font-size:clamp(1.2125rem, 1.1489rem + 0.2826vw, 1.375rem);font-weight:700;line-height:1.2em;}.elementor-2377 .elementor-element.elementor-element-156425bc{z-index:3;}.elementor-2377 .elementor-element.elementor-element-26ab294{padding:0em 3em 0em 0em;}.elementor-2377 .elementor-element.elementor-element-5fc1342a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-2377 .elementor-element.elementor-element-5fc1342a > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 15px 0px;}@media(max-width:1024px) and (min-width:768px){.elementor-2377 .elementor-element.elementor-element-65ceef40{width:100%;}.elementor-2377 .elementor-element.elementor-element-5fc1342a{width:100%;}}@media(max-width:1024px){.elementor-2377 .elementor-element.elementor-element-77ad82f0 > .elementor-container{max-width:600px;}.elementor-2377 .elementor-element.elementor-element-77ad82f0:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-77ad82f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:50% 100%;}.elementor-2377 .elementor-element.elementor-element-77ad82f0{padding:10em 1em 6em 1em;}.elementor-2377 .elementor-element.elementor-element-378c9bbd{padding:4em 2em 5em 2em;}.elementor-2377 .elementor-element.elementor-element-65ceef40 > .elementor-element-populated{margin:0em 0em 3em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;}.elementor-2377 .elementor-element.elementor-element-26ab294{padding:0em 0em 0em 0em;}.elementor-2377 .elementor-element.elementor-element-5fc1342a > .elementor-element-populated{margin:0px 0px 30px 50px;--e-column-margin-right:0px;--e-column-margin-left:50px;}}@media(max-width:767px){.elementor-2377 .elementor-element.elementor-element-77ad82f0:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-77ad82f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-2377 .elementor-element.elementor-element-77ad82f0{padding:9em 1em 5em 1em;}.elementor-2377 .elementor-element.elementor-element-60951eff > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:15px;}.elementor-2377 .elementor-element.elementor-element-378c9bbd{padding:2em 1.5em 2.5em 1.5em;}.elementor-2377 .elementor-element.elementor-element-65ceef40 > .elementor-element-populated{margin:0em 0em 2em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;}.elementor-2377 .elementor-element.elementor-element-5fc1342a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS for html, class: .elementor-element-3d7174c */.impact-slider {
    width: 100%;
    height: 60vh;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
}

.slider-track {
    position: relative;
    width: 100%;
    height: 100%;
}

.slider-track img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    /* Total duration increased to 36s for a slower transition */
    animation: fadeImages 36s infinite linear;
}

/* First image visible initially */
.slider-track img:first-child {
    opacity: 1;
}

/* Delays adjusted based on 6-second intervals (36s total / 6 images) */
.slider-track img:nth-child(1) { animation-delay: 0s; }
.slider-track img:nth-child(2) { animation-delay: 6s; }
.slider-track img:nth-child(3) { animation-delay: 12s; }
.slider-track img:nth-child(4) { animation-delay: 18s; }
.slider-track img:nth-child(5) { animation-delay: 24s; }
.slider-track img:nth-child(6) { animation-delay: 30s; }

/* Adjusted keyframes for smooth fading with the new duration */
@keyframes fadeImages {
    0% {
        opacity: 0;
    }
    1.5% {
        opacity: 1; /* Fade in ends */
    }
    16.66% {
        opacity: 1; /* Stays visible */
    }
    18.16% {
        opacity: 0; /* Fade out ends */
    }
    100% {
        opacity: 0;
    }
}/* End custom CSS */