.elementor-4813 .elementor-element.elementor-element-124584e{--display:flex;--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;--overlay-opacity:0.66;}.elementor-4813 .elementor-element.elementor-element-124584e::before, .elementor-4813 .elementor-element.elementor-element-124584e > .elementor-background-video-container::before, .elementor-4813 .elementor-element.elementor-element-124584e > .e-con-inner > .elementor-background-video-container::before, .elementor-4813 .elementor-element.elementor-element-124584e > .elementor-background-slideshow::before, .elementor-4813 .elementor-element.elementor-element-124584e > .e-con-inner > .elementor-background-slideshow::before, .elementor-4813 .elementor-element.elementor-element-124584e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4813 .elementor-element.elementor-element-b94b2d4{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-4813 .elementor-element.elementor-element-b94b2d4 .elementor-heading-title{font-family:"Abhaya Libre", Sans-serif;font-size:57px;font-weight:700;}.elementor-4813 .elementor-element.elementor-element-77bc01b{width:var( --container-widget-width, 100.666% );max-width:100.666%;margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 44px) 0px;--container-widget-width:100.666%;--container-widget-flex-grow:0;text-align:center;}.elementor-4813 .elementor-element.elementor-element-77bc01b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4813 .elementor-element.elementor-element-77bc01b .elementor-heading-title{font-family:"Abhaya Libre", Sans-serif;font-size:22px;font-weight:600;line-height:27px;}.elementor-4813 .elementor-element.elementor-element-c4e4a61{--display:flex;--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4813 .elementor-element.elementor-element-1d36882{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Abhaya Libre", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-text );}.elementor-4813 .elementor-element.elementor-element-4535e7c{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Abhaya Libre", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-text );}.elementor-4813 .elementor-element.elementor-element-b85fdaf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4813 .elementor-element.elementor-element-3d12ae4{--display:flex;}.elementor-4813 .elementor-element.elementor-element-6613057{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-4813 .elementor-element.elementor-element-6613057:not(.elementor-motion-effects-element-type-background), .elementor-4813 .elementor-element.elementor-element-6613057 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-4813 .elementor-element.elementor-element-6613057.e-con{--align-self:center;}.elementor-4813 .elementor-element.elementor-element-a12064c .elementor-heading-title{font-family:"Abhaya Libre", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4813 .elementor-element.elementor-element-641b301 img{width:300px;max-width:300%;height:300px;object-fit:cover;object-position:center center;border-style:solid;border-width:2px 2px 2px 2px;border-radius:100% 100% 100% 100%;box-shadow:2px 2px 8px 0px rgba(0,0,0,0.5);}.elementor-4813 .elementor-element.elementor-element-bf449fa{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Abhaya Libre", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-text );}.elementor-4813 .elementor-element.elementor-element-4dbd525{--display:flex;}.elementor-4813 .elementor-element.elementor-element-dc3007f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-4813 .elementor-element.elementor-element-dc3007f:not(.elementor-motion-effects-element-type-background), .elementor-4813 .elementor-element.elementor-element-dc3007f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-4813 .elementor-element.elementor-element-dc3007f.e-con{--align-self:center;}.elementor-4813 .elementor-element.elementor-element-40c5a81 .elementor-heading-title{font-family:"Abhaya Libre", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-4813 .elementor-element.elementor-element-26bb587 img{width:300px;max-width:300%;height:300px;object-fit:cover;object-position:center center;border-style:solid;border-width:2px 2px 2px 2px;border-radius:100% 100% 100% 100%;box-shadow:2px 2px 8px 0px rgba(0,0,0,0.5);}.elementor-4813 .elementor-element.elementor-element-25370b7{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Abhaya Libre", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-text );}.elementor-4813 .elementor-element.elementor-element-07ea54e{--display:flex;}.elementor-4813 .elementor-element.elementor-element-5a0228a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-4813 .elementor-element.elementor-element-5a0228a:not(.elementor-motion-effects-element-type-background), .elementor-4813 .elementor-element.elementor-element-5a0228a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-4813 .elementor-element.elementor-element-5a0228a.e-con{--align-self:center;}.elementor-4813 .elementor-element.elementor-element-180ca25 .elementor-heading-title{font-family:"Abhaya Libre", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-4813 .elementor-element.elementor-element-a38cdd1 img{width:300px;max-width:300%;height:300px;object-fit:cover;object-position:center center;border-style:solid;border-width:2px 2px 2px 2px;border-radius:100% 100% 100% 100%;box-shadow:2px 2px 8px 0px rgba(0,0,0,0.5);}.elementor-4813 .elementor-element.elementor-element-18bcf98{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Abhaya Libre", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-text );}.elementor-4813 .elementor-element.elementor-element-6fd1a67{--display:flex;}.elementor-4813 .elementor-element.elementor-element-9dbd9cb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-4813 .elementor-element.elementor-element-9dbd9cb:not(.elementor-motion-effects-element-type-background), .elementor-4813 .elementor-element.elementor-element-9dbd9cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-4813 .elementor-element.elementor-element-9dbd9cb.e-con{--align-self:center;}.elementor-4813 .elementor-element.elementor-element-e313dfa .elementor-heading-title{font-family:"Abhaya Libre", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-4813 .elementor-element.elementor-element-523a416 img{width:300px;max-width:300%;height:300px;object-fit:cover;object-position:center center;border-style:solid;border-width:2px 2px 2px 2px;border-radius:100% 100% 100% 100%;box-shadow:2px 2px 8px 0px rgba(0,0,0,0.5);}.elementor-4813 .elementor-element.elementor-element-2eedd6c{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Abhaya Libre", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-text );}.elementor-4813 .elementor-element.elementor-element-593a3e8{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:29px;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4813 .elementor-element.elementor-element-593a3e8{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-4813 .elementor-element.elementor-element-124584e{--min-height:0px;}.elementor-4813 .elementor-element.elementor-element-b94b2d4 .elementor-heading-title{font-size:31px;}.elementor-4813 .elementor-element.elementor-element-77bc01b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4813 .elementor-element.elementor-element-77bc01b .elementor-heading-title{font-size:18px;}.elementor-4813 .elementor-element.elementor-element-1d36882{text-align:center;font-size:16px;}.elementor-4813 .elementor-element.elementor-element-4535e7c{text-align:left;}.elementor-4813 .elementor-element.elementor-element-593a3e8{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for nested-carousel, class: .elementor-element-593a3e8 *//* WordPress/Elementor Carousel Custom Numbered Dots - Fixed Version */

/* Base styling for all pagination bullets */
.swiper-pagination-bullet {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    background: transparent !important;
    opacity: 1 !important;
    border: 2px solid #ccc !important;
    position: relative !important;
    margin: 0 5px !important;
}

/* Remove default background */
.swiper-pagination-bullet::before {
    display: none !important;
}

/* Default numbers for bullets */
.swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    color: #333;
    font-size: 14px;
    font-family: Arial, sans-serif;
    z-index: 10;
}

/* Default state - show 1, 2, 3, > */
.swiper-pagination-bullet:nth-of-type(1)::after {
    content: '1' !important;
}

.swiper-pagination-bullet:nth-of-type(2)::after {
    content: '2' !important;
}

.swiper-pagination-bullet:nth-of-type(3)::after {
    content: '3' !important;
}

.swiper-pagination-bullet:nth-of-type(4)::after {
    content: '>' !important;
    font-size: 16px !important;
}

/* Active state styling */
.swiper-pagination-bullet-active {
    background: #103813 !important;
    border-color: #103813 !important;
}

.swiper-pagination-bullet-active::after {
    color: white !important;
}

/* When 4th bullet is active - Use more specific .elementor-4813 .elementor-element.elementor-element-593a3e8s */
.swiper-pagination-bullet-active:nth-of-type(4) {
    position: relative;
}

/* Change 4th bullet to show "4" when active */
.swiper-pagination-bullet-active:nth-of-type(4)::after {
    content: '4' !important;
    font-size: 14px !important;
}

/* Change 1st bullet to "<" when 4th is active - Using parent container approach */
.swiper-pagination:has(.swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active) .swiper-pagination-bullet:nth-of-type(1)::after,
.swiper-pagination-bullets:has(.swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active) .swiper-pagination-bullet:nth-of-type(1)::after {
    content: '<' !important;
    font-size: 16px !important;
}

/* Fallback approach using adjacent .elementor-4813 .elementor-element.elementor-element-593a3e8s */
.swiper-pagination-bullet:nth-of-type(1):has(~ .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active)::after {
    content: '<' !important;
    font-size: 16px !important;
}

/* Alternative method using body class */
body.slide-4-active .swiper-pagination-bullet:nth-of-type(1)::after {
    content: '<' !important;
    font-size: 16px !important;
}

body.slide-4-active .swiper-pagination-bullet:nth-of-type(4)::after {
    content: '4' !important;
    font-size: 14px !important;
}

/* CSS Custom Properties approach for dynamic content */
.swiper-pagination-bullet.arrow-left::after {
    content: '<' !important;
    font-size: 16px !important;
}

.swiper-pagination-bullet.number-four::after {
    content: '4' !important;
    font-size: 14px !important;
}

/* Force override using CSS variables */
.swiper-pagination-bullet {
    --bullet-content: '';
}

.swiper-pagination-bullet::after {
    content: var(--bullet-content, '1') !important;
}

.swiper-pagination-bullet:nth-of-type(1) {
    --bullet-content: '1';
}

.swiper-pagination-bullet:nth-of-type(2) {
    --bullet-content: '2';
}

.swiper-pagination-bullet:nth-of-type(3) {
    --bullet-content: '3';
}

.swiper-pagination-bullet:nth-of-type(4) {
    --bullet-content: '>';
}

/* For Elementor specific .elementor-4813 .elementor-element.elementor-element-593a3e8s */
.elementor-carousel .swiper-pagination-bullet {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    background: transparent !important;
    opacity: 1 !important;
    border: 2px solid #ccc !important;
    margin: 0 5px !important;
    position: relative !important;
}

.elementor-carousel .swiper-pagination-bullet::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    color: #333;
    font-size: 14px;
    font-family: Arial, sans-serif;
    z-index: 10;
}

.elementor-carousel .swiper-pagination-bullet:nth-of-type(1)::after {
    content: '1' !important;
}

.elementor-carousel .swiper-pagination-bullet:nth-of-type(2)::after {
    content: '2' !important;
}

.elementor-carousel .swiper-pagination-bullet:nth-of-type(3)::after {
    content: '3' !important;
}

.elementor-carousel .swiper-pagination-bullet:nth-of-type(4)::after {
    content: '>' !important;
    font-size: 16px !important;
}

.elementor-carousel .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active::after {
    content: '4' !important;
    font-size: 14px !important;
}

.elementor-carousel .swiper-pagination-bullet-active {
    background: #103813 !important;
    border-color: #103813 !important;
}

.elementor-carousel .swiper-pagination-bullet-active::after {
    color: white !important;
}

/* Hover effects */
.swiper-pagination-bullet:hover {
    transform: scale(1.1);
    transition: all 0.3s ease;
}

/* Responsive design */
@media (max-width: 768px) {
    .swiper-pagination-bullet,
    .elementor-carousel .swiper-pagination-bullet {
        width: 30px !important;
        height: 30px !important;
    }
    
    .swiper-pagination-bullet::after,
    .elementor-carousel .swiper-pagination-bullet::after {
        font-size: 12px !important;
    }
    
    .swiper-pagination-bullet:nth-of-type(4)::after,
    .elementor-carousel .swiper-pagination-bullet:nth-of-type(4)::after {
        font-size: 14px !important;
    }
}

/* Updated JavaScript Helper with better functionality */
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Wait a bit for carousel to initialize
    setTimeout(function() {
        const bullets = document.querySelectorAll('.swiper-pagination-bullet');
        
        if (bullets.length > 0) {
            // Function to update bullet content
            function updateBullets(activeIndex) {
                bullets.forEach((bullet, index) => {
                    const afterElement = window.getComputedStyle(bullet, '::after');
                    
                    if (activeIndex === 3) { // When 4th bullet (index 3) is active
                        if (index === 0) { // First bullet
                            bullet.style.setProperty('--bullet-content', '"<"');
                            bullet.classList.add('arrow-left');
                        } else if (index === 3) { // Fourth bullet
                            bullet.style.setProperty('--bullet-content', '"4"');
                            bullet.classList.add('number-four');
                        } else {
                            bullet.style.removeProperty('--bullet-content');
                            bullet.classList.remove('arrow-left', 'number-four');
                        }
                        document.body.classList.add('slide-4-active');
                    } else {
                        // Reset to default
                        bullet.style.removeProperty('--bullet-content');
                        bullet.classList.remove('arrow-left', 'number-four');
                        document.body.classList.remove('slide-4-active');
                    }
                });
            }
            
            // Add click listeners to bullets
            bullets.forEach((bullet, index) => {
                bullet.addEventListener('click', function() {
                    // Small delay to let carousel update
                    setTimeout(() => updateBullets(index), 100);
                });
            });
            
            // Also listen for carousel slide changes
            const swiperContainer = document.querySelector('.swiper-container, .swiper');
            if (swiperContainer && swiperContainer.swiper) {
                swiperContainer.swiper.on('slideChange', function() {
                    updateBullets(this.activeIndex);
                });
            }
        }
    }, 500);
});
</script>/* End custom CSS */