        :root{
            --slider-brand-start: rgba(18, 32, 137, 0.5);
            --slider-brand-end: rgba(73, 49, 108, 0.5);
            --slider-brand-solid-start: #122089;
            --slider-brand-solid-end: #49316c;
        }
        /* Mobile: show short copy; desktop: show long copy (CWV: less layout, faster paint on small screens) */
        #main-slider-celcom .slider-headline-short,
        #main-slider-celcom .slider-subhead-short{
            display: none !important;
        }
        #main-slider-celcom .slider-headline-long,
        #main-slider-celcom .slider-subhead-long{
            display: inline;
        }
        #main-slider-celcom .slider-subhead-long{
            display: block;
        }
        /* Modern Redesigned Slider - CLS Fixed */
        #main-slider-celcom{
            height:500px !important;
            max-height:500px;
            min-height:500px; /* Reserve space to prevent layout shift */
            overflow:hidden;
            background:linear-gradient(135deg, var(--slider-brand-start), var(--slider-brand-end));
            contain: layout style paint; /* Prevent layout shifts */
        }
        #main-slider-celcom .swiper-slide{
            height:500px;
            max-height:500px;
            min-height:500px; /* Reserve space to prevent layout shift */
            overflow:hidden;
            contain: layout style paint; /* Prevent layout shifts */
        }
        #main-slider-celcom .row[style*="min-height"]{
            min-height:500px !important;
            max-height:500px;
            height:500px;
            overflow:hidden;
            contain: layout style; /* Prevent layout shifts */
        }
        #main-slider-celcom .container{
            height:100%;
            overflow-x:auto;
            overflow-y:hidden;
            max-width:100%;
            position:relative;
            z-index:3; /* Above background layers but below content */
        }
        @media (min-width: 992px){
            #main-slider-celcom .container{
                padding-right:2rem;
                overflow-x:visible;
            }
            #main-slider-celcom .slider-content{
                max-width:none;
                width:auto;
                min-width:fit-content;
            }
        }
        #main-slider-celcom h2{font-weight:700 !important;font-family:"Montserrat",system-ui,sans-serif !important}
        #main-slider-celcom .slider-content{
            position:relative;
            z-index:4; /* Above container, overlays, and decorative elements */
            padding:2rem 1.75rem 2.25rem;
            background:linear-gradient(135deg, rgba(18,32,137,.85), rgba(73,49,108,.82));
            border:1px solid rgba(255,255,255,.12);
            border-radius:24px;
            backdrop-filter:blur(12px) saturate(180%);
            -webkit-backdrop-filter:blur(12px) saturate(180%);
            box-shadow:0 20px 60px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.08) inset;
            transition:all .4s cubic-bezier(.4,0,.2,1);
            height:fit-content;
            max-height:100%;
            overflow:visible;
            contain: layout style; /* Prevent layout shifts */
        }
        #main-slider-celcom .slider-content:hover{
            background:linear-gradient(135deg, rgba(18,32,137,.92), rgba(73,49,108,.9));
            box-shadow:0 25px 70px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.12) inset;
            transform:translateY(-2px);
        }
        #main-slider-celcom .slider-content .eyebrow{
            font-size:.75rem;
            font-weight:700;
            letter-spacing:.15em;
            text-transform:uppercase;
            color:#ffffff;
            background:linear-gradient(135deg, rgba(255,255,255,.25), rgba(255,255,255,.05));
            border:1px solid rgba(255,255,255,.25);
            padding:.4rem 1rem;
            border-radius:50px;
            margin-bottom:1rem;
            display:inline-flex;
            align-items:center;
            font-family:"Montserrat",system-ui,sans-serif;
            box-shadow:0 4px 12px rgba(0,0,0,.15);
        }
        #main-slider-celcom .slider-content .headline{
            font-weight:700 !important;
            font-family:"Montserrat",system-ui,sans-serif !important;
            font-size:clamp(1.875rem, 2.5vw + 1.25rem, 3.25rem);
            line-height:1.15;
            letter-spacing:-.02em;
            color:#ffffff;
            margin-bottom:1rem;
            text-wrap:balance;
            text-shadow:0 2px 20px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.2);
        }
        #main-slider-celcom .slider-content h1.headline,
        #main-slider-celcom .slider-content h2.headline{
            line-height:1.15 !important;
            font-weight:800 !important;
            font-family:"Montserrat",system-ui,sans-serif !important;
            letter-spacing:-.03em !important;
        }
        #main-slider-celcom .slider-content .subhead{
            color:rgba(255,255,255,.98);
            max-width:80%;
            font-size:clamp(1rem, .35vw + .9rem, 1.15rem);
            line-height:1.65;
            font-weight:300;
            font-family:"Montserrat",system-ui,sans-serif;
            text-shadow:0 1px 10px rgba(0,0,0,.2);
        }
        #main-slider-celcom .slider-content .cta-row{
            margin-top:1.75rem;
            display:flex;
            flex-wrap:wrap;
            gap:.75rem;
        }
        #main-slider-celcom .slider-content .cta-row .btn{
            padding:.875rem 1.75rem;
            font-weight:700;
            letter-spacing:.3px;
            font-size:.95rem;
            font-family:"Montserrat",system-ui,sans-serif;
            border:none;
            position:relative;
            overflow:hidden;
            transition:all .3s cubic-bezier(.4,0,.2,1);
        }
        /* White background with subtle gradient and brand color text */
        #main-slider-celcom .slider-content .cta-row .btn-gradient{
            background:linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%) !important;
            background-image:linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%) !important;
            color:var(--slider-brand-solid-start) !important;
            border:2px solid rgba(18, 32, 137, 0.1);
            box-shadow:0 2px 8px rgba(18, 32, 137, 0.08);
        }
        #main-slider-celcom .slider-content .cta-row .btn-outline-light{
            background:linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%) !important;
            color:var(--slider-brand-solid-start) !important;
            border:2px solid rgba(18, 32, 137, 0.1);
            box-shadow:0 2px 8px rgba(18, 32, 137, 0.08);
        }
        #main-slider-celcom .slider-content .cta-row .btn-gradient:hover,
        #main-slider-celcom .slider-content .cta-row .btn-outline-light:hover{
            background:linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%) !important;
            background-image:linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%) !important;
            color:var(--slider-brand-solid-end) !important;
            border-color:var(--slider-brand-solid-start);
            box-shadow:0 4px 12px rgba(18, 32, 137, 0.15);
        }
        #main-slider-celcom .slider-content .cta-row .btn::before{
            content:"";
            position:absolute;
            top:0;
            left:-100%;
            width:100%;
            height:100%;
            background:linear-gradient(90deg, transparent, rgba(255,255,255,.3), transparent);
            transition:left .5s ease;
        }
        #main-slider-celcom .slider-content .cta-row .btn:hover::before{
            left:100%;
        }
        #main-slider-celcom .slider-content .cta-row .btn:hover{
            transform:translateY(-2px);
            box-shadow:0 10px 30px rgba(0,0,0,.3);
        }
        #main-slider-celcom .slider-content .cta-row .btn i{
            transition:transform .3s ease;
        }
        #main-slider-celcom .slider-content .cta-row .btn:hover i{
            transform:translateX(4px);
        }
        
        /* Test Gateway Button - Special Highlighted Style with Animations */
        
        /* Animated gradient background */
        @keyframes gradientShift {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
        }
        
        /* Pulsing glow effect */
        @keyframes pulseGlow {
            0%, 100% {
                box-shadow: 0 4px 20px rgba(18, 32, 137, 0.5), 
                            0 0 30px rgba(18, 32, 137, 0.4),
                            inset 0 1px 0 rgba(255, 255, 255, 0.2);
            }
            50% {
                box-shadow: 0 4px 30px rgba(18, 32, 137, 0.7), 
                            0 0 50px rgba(18, 32, 137, 0.6),
                            inset 0 1px 0 rgba(255, 255, 255, 0.3);
            }
        }
        
        
        /* Button text and icon positioning */
        
        /* Hover effects */
        
        /* Icon animation on hover */
        
        @keyframes iconBounce {
            0%, 100% {
                transform: translateX(5px) scale(1.1);
            }
            50% {
                transform: translateX(8px) scale(1.15);
            }
        }
        
        /* Active/click effect */
        
        /* Subtle bounce animation on load */
        @keyframes buttonEntrance {
            0% {
                opacity: 0;
                transform: translateY(20px) scale(0.9);
            }
            60% {
                transform: translateY(-5px) scale(1.02);
            }
            100% {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        /* Override general button hover for test gateway button */
        
        /* Responsive adjustments */
        
        /* Reduced motion support */

        /* Enhanced reveal animations - FCP Optimized - CLS Fixed */
        /* Reserve space to prevent layout shifts */
        #main-slider-celcom .slider-content{
            min-height: 280px; /* Reserve minimum height to prevent shifts */
        }
        @media (min-width: 992px){
            #main-slider-celcom .slider-content{
                min-height: 320px; /* Larger min-height on desktop */
            }
        }
        @media (max-width: 768px){
            #main-slider-celcom .slider-content{
                min-height: 240px; /* Smaller min-height on mobile */
            }
        }
        #main-slider-celcom .slider-content .eyebrow,
        #main-slider-celcom .slider-content .headline,
        #main-slider-celcom .slider-content .subhead,
        #main-slider-celcom .slider-content .cta-row{
            opacity:0;
            transform:translateY(20px);
            will-change:transform, opacity;
            /* Reserve space to prevent layout shifts */
            min-height: 1.2em; /* Reserve space for text */
            visibility: hidden; /* Hide but reserve space */
        }
        /* First slide - immediate render for FCP - no layout shift */
        #main-slider-celcom .swiper-slide:first-child .slider-content .eyebrow,
        #main-slider-celcom .swiper-slide:first-child .slider-content .headline,
        #main-slider-celcom .swiper-slide:first-child .slider-content .subhead,
        #main-slider-celcom .swiper-slide:first-child .slider-content .cta-row{
            opacity:1;
            transform:none;
            animation:none;
            visibility: visible; /* Make visible immediately */
            min-height: auto; /* Remove min-height constraint */
        }
        #main-slider-celcom .swiper-slide-active .slider-content .eyebrow{
            animation:slideUpFade .6s cubic-bezier(.4,0,.2,1) forwards;
            visibility: visible; /* Make visible during animation */
        }
        #main-slider-celcom .swiper-slide-active .slider-content .headline{
            animation:slideUpFade .7s cubic-bezier(.4,0,.2,1) .1s forwards;
            visibility: visible; /* Make visible during animation */
        }
        #main-slider-celcom .swiper-slide-active .slider-content .subhead{
            animation:slideUpFade .7s cubic-bezier(.4,0,.2,1) .2s forwards;
            visibility: visible; /* Make visible during animation */
        }
        #main-slider-celcom .swiper-slide-active .slider-content .cta-row{
            animation:slideUpFade .7s cubic-bezier(.4,0,.2,1) .3s forwards;
            visibility: visible; /* Make visible during animation */
        }

        @keyframes slideUpFade{
            0%{
                opacity:0;
                transform:translateY(20px);
            }
            100%{
                opacity:1;
                transform:translateY(0);
            }
        }

        /* Single Background Image with Different Animations - FCP Optimized */
        #main-slider-celcom .swiper-slide.img-bg{
            position:relative;
            overflow:hidden;
            content-visibility:auto;
            contain:layout style paint;
            transform:translateZ(0);
        }
        #main-slider-celcom .swiper-slide-active.img-bg,
        #main-slider-celcom .swiper-slide:first-child.img-bg{
            content-visibility:visible;
        }
        /* Lazy render non-active slides */
        #main-slider-celcom .swiper-slide:not(.swiper-slide-active):not(:first-child){
            content-visibility:auto;
            contain-intrinsic-size:100% 500px;
        }
        #main-slider-celcom .slider-bg-media{
            position:absolute;
            inset:0;
            z-index:0;
            display:block;
            will-change:transform, opacity;
            /* Optimize for LCP - ensure immediate rendering */
            content-visibility: auto;
            contain: layout style paint;
        }
        #main-slider-celcom .slider-bg-media img{
            width:100%;
            height:100%;
            object-fit:cover;
            opacity:0;
            transition:opacity .5s cubic-bezier(.4,0,.2,1);
            will-change:transform, opacity;
            transform:translateZ(0);
            backface-visibility:hidden;
            /* Ensure image is visible for LCP */
            visibility: visible;
            display: block;
        }
        /* LCP: first slide image – no will-change to allow immediate paint */
        #main-slider-celcom .swiper-slide:first-child .slider-bg-media img{
            will-change: auto;
        }
        #main-slider-celcom .swiper-slide-active.img-bg .slider-bg-media img{
            opacity:1;
        }
        /* First slide - no delay for LCP - visible immediately - Highest specificity */
        #main-slider-celcom .swiper-slide:first-child.img-bg.swiper-slide-active .slider-bg-media img,
        #main-slider-celcom .swiper-slide:first-child.img-bg .slider-bg-media img{
            opacity:1 !important;
            animation:none !important;
            transition:none !important;
            visibility: visible !important;
            display: block !important;
            /* Force immediate render - no delays */
            content-visibility: visible !important;
        }
        
        /* Fade Animation */
        #main-slider-celcom .swiper-slide[data-slide-animation="fade"]:not(:first-child) .slider-bg-media img{
            animation:fadeIn 1s ease forwards;
        }
        #main-slider-celcom .swiper-slide-active[data-slide-animation="fade"]:not(:first-child) .slider-bg-media img{
            animation:fadeIn 1s ease forwards;
        }
        
        /* Zoom In Animation */
        #main-slider-celcom .swiper-slide[data-slide-animation="zoom-in"] .slider-bg-media img{
            transform:scale(1.5);
            opacity:0;
        }
        #main-slider-celcom .swiper-slide-active[data-slide-animation="zoom-in"] .slider-bg-media img{
            animation:zoomIn 1.2s cubic-bezier(.4,0,.2,1) forwards;
        }
        
        /* Animation Keyframes - GPU Optimized */
        @keyframes fadeIn{
            0%{opacity:0;transform:translateZ(0);}
            100%{opacity:1;transform:translateZ(0);}
        }
        @keyframes zoomIn{
            0%{transform:scale3d(1.5,1.5,1);opacity:0;}
            100%{transform:scale3d(1.1,1.1,1);opacity:1;}
        }
        
        /* Overlay gradient */
        #main-slider-celcom .swiper-slide.img-bg::before{
            content:"";
            position:absolute;
            inset:0;
            z-index:1; /* Above background image, below content */
            background:
                linear-gradient(180deg, var(--slider-brand-start) 0%, var(--slider-brand-end) 100%),
                radial-gradient(120% 120% at 10% 10%, rgba(0,0,0,.18), transparent 40%),
                radial-gradient(120% 120% at 90% 5%, rgba(0,0,0,.18), transparent 40%),
                linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.05) 30%, rgba(0,0,0,.32));
            pointer-events:none;
        }
        
        /* Active slide sweep effect */
        #main-slider-celcom .swiper-slide-active.img-bg::after{
            content:"";
            position:absolute;
            inset:0;
            z-index:2; /* Above overlay gradient, below content */
            background:linear-gradient(115deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 30%);
            mix-blend-mode:overlay;
            animation:sweep 2.2s ease forwards;
            pointer-events:none; /* Ensure it doesn't block interactions */
        }
        @keyframes sweep{
            from{
                transform:translateX(-30%);
                opacity:.15;
            }
            to{
                transform:translateX(120%);
                opacity:0;
            }
        }

        @media (min-width: 992px){
            #main-slider-celcom{
                height:580px !important;
                max-height:580px;
            }
            #main-slider-celcom .swiper-slide{
                height:580px;
                max-height:580px;
            }
            #main-slider-celcom .row[style*="min-height"]{
                min-height:580px !important;
                max-height:580px;
                height:580px;
                display:flex;
                align-items:center;
                overflow-x:visible;
                overflow-y:hidden;
            }
            #main-slider-celcom .container{
                overflow-x:visible;
                overflow-y:hidden;
                /*padding-left:20rem;*/
            }
            #main-slider-celcom .col-xl-7,
            #main-slider-celcom .col-lg-8,
            #main-slider-celcom .col-md-10{
                max-width:85%;
                width:auto;
                flex-shrink:0;
            }
            #main-slider-celcom .slider-content{
                padding:2.5rem 2.25rem 2.75rem;
                max-width:100%;
                width:100%;
                min-width:fit-content;
                white-space:normal;
                flex-shrink:0;
            }
            #main-slider-celcom .slider-content .headline{
                font-size:clamp(2.5rem, 2vw + 2rem, 3.5rem);
                line-height:1.12;
                font-weight:700 !important;
                margin-bottom:1.25rem;
            }
            #main-slider-celcom .slider-content h2.headline{
                line-height:1.12 !important;
                font-weight:700 !important;
            }
            #main-slider-celcom .slider-content .subhead{
                font-size:1.125rem;
                line-height:1.7;
            }
            #main-slider-celcom .slider-content .cta-row{
                margin-top:2rem;
            }
            #main-slider-celcom .slider-content .cta-row .btn{
                padding:1rem 2rem;
                font-size:1rem;
                transform:translateZ(0);
            }
        }
        @media (max-width: 768px){
            /* Mobile: shorter copy for less layout and faster CWV */
            #main-slider-celcom .slider-headline-long,
            #main-slider-celcom .slider-subhead-long{
                display: none !important;
            }
            #main-slider-celcom .slider-headline-short,
            #main-slider-celcom .slider-subhead-short{
                display: inline !important;
            }
            #main-slider-celcom .slider-subhead-short{
                display: block !important;
            }
            /* Mobile optimizations: reduce animations, improve performance */
            #main-slider-celcom{
                height:450px !important;
                max-height:450px;
                overflow:hidden;
                will-change:auto;
            }
            #main-slider-celcom .swiper-slide{
                min-height:450px;
                max-height:450px;
                height:450px;
                overflow:hidden;
                contain:layout style paint;
            }
            #main-slider-celcom .row[style*="min-height"]{
                min-height:450px !important;
                max-height:450px;
                height:450px;
                overflow:hidden;
            }
            /* Reduce animations on mobile for better performance */
            @media (prefers-reduced-motion: no-preference) {
                #main-slider-celcom .swiper-slide-active[data-slide-animation="zoom-in"] .slider-bg-media img{
                    animation:zoomInMobile 0.8s cubic-bezier(.4,0,.2,1) forwards;
                }
            }
            @media (prefers-reduced-motion: reduce) {
                #main-slider-celcom * {
                    animation-duration: 0.01ms !important;
                    animation-iteration-count: 1 !important;
                    transition-duration: 0.01ms !important;
                }
            }
            #main-slider-celcom .col-xl-7,
            #main-slider-celcom .col-lg-8,
            #main-slider-celcom .col-md-10{
                max-width:100%;
                width:100%;
                padding-left:.75rem;
                padding-right:.75rem;
            }
            #main-slider-celcom .slider-content{
                padding:1.25rem 1rem 1.5rem;
                border-radius:16px;
                backdrop-filter:blur(8px) saturate(150%);
                -webkit-backdrop-filter:blur(8px) saturate(150%);
                box-shadow:0 15px 40px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.08) inset;
                width:100%;
                max-width:100%;
                margin:0 auto;
                overflow:visible;
            }
            #main-slider-celcom .slider-content:hover{
                transform:none;
                box-shadow:0 15px 40px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.08) inset;
            }
            #main-slider-celcom .slider-content .eyebrow{
                font-size:.7rem;
                padding:.35rem .85rem;
                margin-bottom:.75rem;
            }
            #main-slider-celcom .slider-content .headline{
                font-size:clamp(1.5rem, 5vw + 1rem, 2rem) !important;
                line-height:1.2 !important;
                margin-bottom:.75rem;
                letter-spacing:-.01em;
            }
            #main-slider-celcom .slider-content .subhead{
                font-size:clamp(.9rem, 2vw + .75rem, 1rem);
                line-height:1.6;
                max-width:100%;
                margin-bottom:0;
            }
            #main-slider-celcom .slider-content .cta-row{
                margin-top:1.25rem;
                flex-direction:column;
                gap:.5rem;
            }
            #main-slider-celcom .slider-content .cta-row .btn{
                width:100%;
                padding:.75rem 1.5rem;
                font-size:.9rem;
                touch-action:manipulation;
            }
            #main-slider-celcom .slider-content .cta-row .btn:active{
                transform:scale(.98);
            }
            #main-slider-celcom .slider-bg-media img{
                object-position:center center;
                transform:translateZ(0); /* GPU acceleration */
            }
            #main-slider-celcom .swiper-slide-active.img-bg .slider-bg-media img{
                transform:scale(1.05) translateZ(0); /* Reduced scale for mobile */
            }
            #main-slider-celcom .slider-decor{
                display:none; /* Hide decorative elements on mobile */
            }
            #main-slider-celcom .swiper-pagination{
                display:none !important;
            }
            #main-slider-celcom .swiper-slide.img-bg .slider-bg-media img{
                transition:opacity .4s ease; /* Faster transition on mobile */
            }
            @keyframes zoomInMobile{
                0%{transform:scale3d(1.2,1.2,1) translateZ(0);opacity:0;}
                100%{transform:scale3d(1.05,1.05,1) translateZ(0);opacity:1;}
            }
        }
        @media (max-width: 576px){
            #main-slider-celcom{
                height:420px !important;
                max-height:420px;
                overflow:hidden;
            }
            #main-slider-celcom .swiper-slide{
                min-height:420px;
                max-height:420px;
                height:420px;
                overflow:hidden;
            }
            #main-slider-celcom .row[style*="min-height"]{
                min-height:420px !important;
                max-height:420px;
                height:420px;
                overflow:hidden;
            }
            #main-slider-celcom .container{
                padding-left:.75rem;
                padding-right:.75rem;
                max-width:100%;
                overflow-x:hidden;
                overflow-y:hidden;
            }
            #main-slider-celcom .col-xl-7,
            #main-slider-celcom .col-lg-8,
            #main-slider-celcom .col-md-10{
                padding-left:.5rem;
                padding-right:.5rem;
                max-width:100%;
                width:100%;
            }
            #main-slider-celcom .slider-content{
                padding:1rem .875rem 1.25rem;
                border-radius:14px;
                width:100%;
                max-width:100%;
                overflow:visible;
            }
            #main-slider-celcom .slider-content .eyebrow{
                font-size:.65rem;
                padding:.3rem .75rem;
                margin-bottom:.625rem;
            }
            #main-slider-celcom .slider-content .headline{
                font-size:clamp(1.375rem, 6vw + .875rem, 1.875rem) !important;
                line-height:1.18 !important;
                margin-bottom:.625rem;
            }
            #main-slider-celcom .slider-content .subhead{
                font-size:.9rem;
                line-height:1.55;
                margin-bottom:0;
            }
            #main-slider-celcom .slider-content .cta-row{
                margin-top:1rem;
                gap:.5rem;
            }
            #main-slider-celcom .slider-content .cta-row .btn{
                padding:.7rem 1.25rem;
                font-size:.875rem;
                width:100%;
            }
            #main-slider-celcom .swiper-pagination{
                display:none !important;
            }
        }

        @media (prefers-reduced-motion: reduce){
            #main-slider-celcom .swiper-slide.img-bg{transition:none}
            #main-slider-celcom .swiper-slide-active.img-bg{transform:none}
            #main-slider-celcom .slider-content .eyebrow,#main-slider-celcom .slider-content .headline,#main-slider-celcom .slider-content .subhead,#main-slider-celcom .slider-content .cta-row{
                opacity:1;
                transform:none;
                animation:none;
                visibility: visible; /* Ensure visible to prevent layout shift */
                min-height: auto; /* Remove min-height constraint */
            }
        }

        /* Enhanced pagination styling */
        #main-slider-celcom .swiper-pagination{
            bottom:2rem !important;
            z-index:10;
        }
        #main-slider-celcom .swiper-pagination-bullet{
            width:12px;
            height:12px;
            background:rgba(255,255,255,.4);
            border:2px solid rgba(255,255,255,.6);
            opacity:1;
            transition:all .3s ease;
            margin:0 6px !important;
        }
        #main-slider-celcom .swiper-pagination-bullet-active{
            width:32px;
            background:rgba(255,255,255,.9);
            border-color:rgba(255,255,255,1);
            border-radius:6px;
            box-shadow:0 0 15px rgba(255,255,255,.5);
        }

        /* Modern decorative elements - FCP Optimized */
        #main-slider-celcom{position:relative;contain:layout style paint}
        #main-slider-celcom .slider-decor{
            position:absolute;
            inset:0;
            pointer-events:none;
            z-index:1; /* Same layer as overlay, below sweep effect and content */
            content-visibility:auto;
        }
        #main-slider-celcom .slider-decor .shape{
            position:absolute;
            display:block;
            opacity:.3;
            filter:blur(1px);
            transition:opacity .3s ease;
            will-change:transform;
            transform:translateZ(0);
        }
        #main-slider-celcom .swiper-slide-active ~ * .slider-decor .shape{opacity:.15}
        #main-slider-celcom .slider-decor .s1{
            left:5%;
            top:12%;
            width:140px;
            height:140px;
            background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.4), rgba(255,255,255,0));
            border-radius:24px;
            transform:rotate(12deg) translateZ(0);
            animation:floatY 12s ease-in-out infinite;
            animation-delay:0.5s;
        }
        #main-slider-celcom .slider-decor .s2{
            right:6%;
            top:18%;
            width:180px;
            height:180px;
            background:linear-gradient(135deg, rgba(255,255,255,.3), rgba(255,255,255,0));
            border:2px solid rgba(255,255,255,.3);
            backdrop-filter:blur(4px);
            border-radius:50%;
            transform:translateZ(0);
            animation:floatX 14s ease-in-out -2s infinite;
            animation-delay:0.5s;
        }
        #main-slider-celcom .slider-decor .s3{
            left:28%;
            bottom:10%;
            width:240px;
            height:70px;
            background:linear-gradient(90deg, rgba(255,255,255,.25), rgba(255,255,255,0));
            border-radius:999px;
            transform:skewX(-12deg) translateZ(0);
            animation:driftDiag 16s ease-in-out infinite;
            animation-delay:0.5s;
        }

        @keyframes floatY{
            0%,100%{transform:translate3d(0,0,0) rotate(12deg);}
            50%{transform:translate3d(0,-12px,0) rotate(12deg);}
        }
        @keyframes floatX{
            0%,100%{transform:translate3d(0,0,0);}
            50%{transform:translate3d(-16px,0,0);}
        }
        @keyframes driftDiag{
            0%,100%{transform:translate3d(0,0,0) skewX(-12deg);}
            50%{transform:translate3d(-14px,6px,0) skewX(-12deg);}
        }