/* ============================================

           OPTIMISATION GLOBALE & MOBILE - CES

           ============================================ */

        

        /* --- Background Global --- */

        body {

            background: linear-gradient(135deg, #f8faff 0%, #fff8f0 30%, #f0fff8 60%, #fff0f5 100%);

            background-attachment: fixed;

        }

        

        /* --- Hero Background --- */

        .ak-slider-hero-2 {

            position: relative;

            overflow: hidden;

        }

        .ak-slider-hero-2::before {

            content: '';

            position: absolute;

            top: -50%;

            left: -50%;

            width: 200%;

            height: 200%;

            background: radial-gradient(circle, rgba(247, 147, 30, 0.15) 0%, transparent 70%);

            animation: heroFloat 12s ease-in-out infinite;

            z-index: 1;

        }

        @keyframes heroFloat {

            0%, 100% { transform: translate(0, 0) scale(1); }

            33% { transform: translate(30px, -30px) scale(1.05); }

            66% { transform: translate(-20px, 20px) scale(0.95); }

        }

        

        /* --- Moving Text Section --- */

        .moving-section-wrap {

            background: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ff8c42 100%);

            padding: 15px 0;

        }

        .moving-section.style-2 {

            color: white;

            font-weight: 700;

        }

        

        /* --- About Section Background --- */

        .container:has(.about-us-content) {

            position: relative;

        }

        .container:has(.about-us-content)::before {

            content: '';

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            width: 80%;

            height: 80%;

            background: radial-gradient(circle, rgba(30, 136, 229, 0.05) 0%, transparent 70%);

            pointer-events: none;

        }

        

        /* --- Contact CTA Section Styles --- */

        .contact-cta-section {

            background: linear-gradient(135deg, #030917 0%, #0f1a2e 100%);

            position: relative;

            overflow: hidden;

        }

        .contact-cta-section::before {

            content: '';

            position: absolute;

            top: 0;

            left: 0;

            right: 0;

            bottom: 0;

            background: radial-gradient(circle at 30% 20%, rgba(247,147,30,0.2) 0%, transparent 50%),

                        radial-gradient(circle at 70% 80%, rgba(30,136,229,0.2) 0%, transparent 50%);

            animation: contactPulse 6s ease-in-out infinite;

        }

        @keyframes contactPulse {

            0%,100% { opacity: 1; }

            50% { opacity: 0.6; }

        }

        .contact-cta-content {

            position: relative;

            z-index: 2;

        }

        .contact-cta-content h2 {

            color: white;

            font-size: 42px;

            margin-bottom: 15px;

        }

        .contact-cta-content p {

            color: rgba(255,255,255,0.8);

            font-size: 18px;

            margin-bottom: 30px;

        }

        .contact-cta-buttons {

            display: flex;

            gap: 20px;

            justify-content: center;

            flex-wrap: wrap;

        }

        .contact-cta-btn-primary {

            background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);

            color: white;

            padding: 16px 40px;

            border-radius: 50px;

            font-weight: 700;

            font-size: 16px;

            text-decoration: none;

            transition: all 0.3s ease;

            box-shadow: 0 10px 30px rgba(247, 147, 30, 0.3);

        }

        .contact-cta-btn-primary:hover {

            transform: translateY(-3px);

            box-shadow: 0 15px 40px rgba(247, 147, 30, 0.4);

            color: white;

        }

        .contact-cta-btn-secondary {

            background: rgba(255,255,255,0.1);

            color: white;

            padding: 16px 40px;

            border-radius: 50px;

            font-weight: 600;

            font-size: 16px;

            text-decoration: none;

            border: 2px solid rgba(255,255,255,0.3);

            transition: all 0.3s ease;

        }

        .contact-cta-btn-secondary:hover {

            background: white;

            color: #030917;

            transform: translateY(-3px);

        }

        

        /* --- Global fixes & Mobile --- */

        @media (max-width: 768px) {

            html, body {

                overflow-x: hidden;

            }

            

            /* --- Hero Section --- */

            .ak-slider-hero-2 {

                height: 85vh !important;

            }

            

            .ak-slider-hero-2 .swiper-slide .ak-hero.ak-style1 .hero-slider-info {

                padding: 0 15px !important;

                height: calc(100% - 100px) !important;

            }

            

            .ak-slider-hero-2 .swiper-slide .ak-hero.ak-style1 .hero-slider-info .hero-title .mini-title {

                font-size: 12px !important;

                padding: 4px 10px !important;

                margin-bottom: 10px !important;

            }

            

            .ak-slider-hero-2 .swiper-slide .ak-hero.ak-style1 .hero-slider-info .hero-title .hero-main-title {

                font-size: 22px !important;

                line-height: 1.2 !important;

                word-break: normal !important;

                white-space: normal !important;

            }

            

            .ak-slider-hero-2 .swiper-slide .ak-hero.ak-style1 .hero-slider-info .hero-title .hero-main-title-1.style-2 {

                font-size: 22px !important;

                display: block !important;

            }

            

            .ak-slider-hero-2 .swiper-slide .ak-hero.ak-style1 .hero-slider-info .main-desp {

                font-size: 14px !important;

                line-height: 1.5 !important;

                margin-top: 15px !important;

            }

            

            .ak-slider-hero-2 .swiper-slide .ak-hero.ak-style1 .hero-slider-info .common-btn.style-2 {

                font-size: 13px !important;

                padding: 12px 25px !important;

                margin-top: 20px !important;

            }

            

            .social-medial.hero-2 {

                display: none !important;

            }

            

            .swiper-controller.hero-2 {

                bottom: 20px !important;

            }

            

            /* --- Moving Text --- */

            .moving-section.style-2 {

                font-size: 18px !important;

            }

            

            /* --- About Section --- */

            .about-us-content {

                flex-direction: column !important;

                gap: 30px !important;

            }

            

            .about-us-content .image-content {

                width: 100% !important;

                order: 2 !important;

            }

            

            .about-us-content .info-content {

                width: 100% !important;

                order: 1 !important;

            }

            

            .about-us-content .info-content .ak-section-heading .ak-section-title {

                font-size: 28px !important;

            }

            

            /* --- Services Section --- */

            .services-grid {

                grid-template-columns: 1fr !important;

                gap: 20px !important;

            }

            

            .service-card {

                min-height: 280px !important;

                padding: 25px 20px !important;

            }

            

            .service-icon {

                width: 55px !important;

                height: 55px !important;

                margin-bottom: 15px !important;

            }

            

            .service-icon svg {

                width: 30px !important;

                height: 30px !important;

            }

            

            .service-title {

                font-size: 20px !important;

                margin-bottom: 10px !important;

            }

            

            .service-desc {

                font-size: 14px !important;

                margin-bottom: 15px !important;

            }

            /* --- Strategic Section Mobile Text Adjustments --- */
            .strategic.type-2 {
                width: 100% !important;
                max-width: 100% !important;
            }
            
            .strategic.type-2 .strategic-info {
                width: 100% !important;
                max-width: 100% !important;
                flex: 1 0 100% !important;
                padding: 40px 20px !important;
            }
            
            .strategic.type-2 .strategic-info .ak-section-heading {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
            }
            
            .strategic.type-2 .ak-section-subtitle {
                font-size: 14px !important;
                font-weight: 700 !important;
                color: #ff6b35 !important;
                letter-spacing: 2px !important;
                margin-bottom: 15px !important;
            }
            
            .strategic.type-2 .ak-section-title {
                font-size: 28px !important;
                line-height: 1.2 !important;
                margin-bottom: 15px !important;
            }
            
            .strategic.type-2 .strategic-info .ak-section-heading .ak-section-desp {
                word-break: normal !important;
                overflow-wrap: normal !important;
                white-space: normal !important;
                width: 100% !important;
                max-width: 100% !important;
                display: block !important;
            }
            
            .strategic.type-2 .strategic-info .ak-section-heading .ak-section-desp .split-line,
            .strategic.type-2 .strategic-info .ak-section-heading .ak-section-desp .split-word {
                display: inline !important;
                white-space: normal !important;
            }
            
            .strategic.type-2 .atd-skills {
                flex-wrap: wrap !important;
                gap: 30px !important;
                justify-content: center !important;
            }
            
            .strategic.type-2 .atd-skill {
                min-width: 140px !important;
            }
            
            .strategic.type-2 .atd-skill-text h6 {
                font-size: 18px !important;
                font-weight: 600 !important;
                margin-bottom: 5px !important;
            }
            
            .strategic.type-2 .atd-skill-text p {
                font-size: 14px !important;
            }
            
            .strategic.type-2 .common-btn {
                width: 100% !important;
                justify-content: center !important;
            }

            

            /* --- FAQ Section --- */

            .faq-section {

                grid-template-columns: 1fr !important;

                gap: 30px !important;

            }

            

            .faq-header {

                position: static !important;

                text-align: center !important;

            }

            

            .faq-header-icon {

                width: 65px !important;

                height: 65px !important;

                margin: 0 auto 15px auto !important;

            }

            

            .faq-header-icon svg {

                width: 32px !important;

                height: 32px !important;

            }

            

            .faq-header h2 {

                font-size: 30px !important;

                line-height: 1.2 !important;

            }

            

            /* --- Contact CTA --- */

            .contact-cta-content h2 {

                font-size: 28px !important;

            }

            .contact-cta-content p {

                font-size: 16px !important;

            }

            .contact-cta-buttons {

                gap: 15px !important;

            }

            .contact-cta-btn-primary, .contact-cta-btn-secondary {

                padding: 14px 30px !important;

                font-size: 15px !important;

            }

            

            /* --- Partners Section --- */

            .brand-logo {

                height: 100px !important;

                padding: 15px !important;

            }

            

            /* --- Section Spacings --- */

            .ak-height-125 {

                height: 60px !important;

            }

            .ak-height-lg-80 {

                height: 40px !important;

            }

            .ak-height-60 {

                height: 35px !important;

            }

            .ak-height-lg-50 {

                height: 25px !important;

            }

            .ak-height-100 {

                height: 50px !important;

            }

            .ak-height-lg-100 {

                height: 40px !important;

            }

        }

        

            .faq-header .subtitle {

                font-size: 15px !important;

            }

            .faq-question {

                padding: 18px 16px !important;

            }

            .faq-question h4 {

                font-size: 16px !important;

                line-height: 1.4 !important;

            }

            .faq-icon {

                width: 36px !important;

                height: 36px !important;

                min-width: 36px !important;

            }

            .faq-icon svg {

                width: 18px !important;

                height: 18px !important;

            }

            .faq-answer-content {

                padding: 0 16px 16px !important;

            }

            .faq-answer-content p {

                font-size: 14px !important;

                line-height: 1.6 !important;

            }

            /* --- Strategic Section --- */

            .strategic-full-container {

                padding: 30px 15px !important;

            }

            .ak-section-heading.ak-style-1.color-2 .ak-section-title {

                font-size: 26px !important;

            }

            .ak-section-heading.ak-style-1.color-2 .ak-section-desp {

                font-size: 14px !important;

            }

            /* --- Blog Section --- */

            .blog-card-style-3 {

                margin-bottom: 25px !important;

            }

        

        /* --- Tablet Optimizations --- */

        @media (min-width: 769px) and (max-width: 1199px) {

            .services-grid {

                grid-template-columns: repeat(2, 1fr) !important;

            }

            .moving-section.style-2 {

                font-size: 30px !important;

            }

            .faq-section {

                gap: 40px !important;

            }

            .faq-header h2 {

                font-size: 36px !important;

            }

        }