/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); */
        
        body {
            font-family: 'Poppins', sans-serif;
        }
        
        .hero-section {
            background-image: url('./assets/image/banner/banner-1.jpg');
            background-size: cover;
            background-position: center;
            position: relative;
        }
        
        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
        }
        
        .side-navigation {
            transition: transform 0.3s ease-in-out;
        }
        
        .side-navigation.open {
            transform: translateX(0);
        }
        
        .side-navigation.closed {
            transform: translateX(100%);
        }
        .feature-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.1);
        }
        .bg-gradient-modern {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        .bg-gradient-tech {
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
        }
        .bg-gradient-future {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
        }
        .floating {
            animation: float 3s ease-in-out infinite;
        }
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
         /* Animations de base */
        @keyframes rotate {
            from {
                transform: translate(-50%, -50%) rotate(0deg);
            }
            to {
                transform: translate(-50%, -50%) rotate(360deg);
            }
        }

        @keyframes counterRotate {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(-360deg);
            }
        }

        @keyframes pulse {
            0%, 100% {
                box-shadow: 0 0 20px rgba(16, 185, 129, 0.5);
            }
            50% {
                box-shadow: 0 0 40px rgba(16, 185, 129, 0.8);
            }
        }

        .rotate-orbit {
            animation: rotate 30s linear infinite;
            transform-origin: center center;
            will-change: transform;
        }

        .outer-orbit {
            animation: rotate 40s linear infinite;
            transform-origin: center center;
            will-change: transform;
        }

        .counter-rotate {
            animation: counterRotate 30s linear infinite;
            transform-origin: center center;
            will-change: transform;
        }

        .outer-orbit .counter-rotate {
            animation: counterRotate 40s linear infinite;
        }

        .sun-pulse {
            animation: pulse 2s ease-in-out infinite alternate;
        }

        .orbit-border {
            border: 2px dashed #10b981;
            /*opacity: 0.4;*/
        }

        .glow-effect {
            box-shadow: 0 0 30px rgba(16, 185, 129, 0.3);
        }

        .fade-in {
            opacity: 0;
            animation: fadeIn 1s ease-in-out 0.5s forwards;
        }

        @keyframes fadeIn {
            to {
                opacity: 1;
            }
        }

        /* Responsivit� am�lior�e pour corriger le d�bordement */
        @media (max-width: 1280px) {
            .partners-section .relative {
                width: 500px !important;
                height: 500px !important;
            }
            
            .orbit-border {
                width: 350px !important;
                height: 350px !important;
            }
            
            .outer-orbit {
                width: 450px !important;
                height: 450px !important;
            }
            
            .planet {
                width: 90px !important;
                height: 90px !important;
            }
            
            .planet img {
                width: 60px !important;
                height: 60px !important;
            }
            
            .sun-center {
                width: 140px !important;
                height: 140px !important;
            }
            
            .sun-center img {
                width: 100px !important;
                height: 100px !important;
            }
        }
        
        @media (max-width: 1024px) {
            .partners-section .relative {
                width: 450px !important;
                height: 450px !important;
            }
            
            .orbit-border {
                width: 300px !important;
                height: 300px !important;
            }
            
            .outer-orbit {
                width: 400px !important;
                height: 400px !important;
            }
            
            .planet {
                width: 85px !important;
                height: 85px !important;
            }
            
            .planet img {
                width: 55px !important;
                height: 55px !important;
            }
            
            .planet h1 {
                font-size: 1.5rem !important;
            }
            
            .sun-center {
                width: 120px !important;
                height: 120px !important;
            }
            
            .sun-center img {
                width: 85px !important;
                height: 85px !important;
            }
        }
        
        @media (max-width: 768px) {
            .partners-section .relative {
                width: 380px !important;
                height: 380px !important;
                padding-left: 0 !important;
                margin: 0 auto !important;
            }
            
            .orbit-border {
                width: 260px !important;
                height: 260px !important;
            }
            
            .outer-orbit {
                width: 340px !important;
                height: 340px !important;
            }
            
            .planet {
                width: 75px !important;
                height: 75px !important;
            }
            
            .planet img {
                width: 45px !important;
                height: 45px !important;
            }
            
            .planet h1 {
                font-size: 1.2rem !important;
            }
            
            .sun-center {
                width: 100px !important;
                height: 100px !important;
            }
            
            .sun-center img {
                width: 70px !important;
                height: 70px !important;
            }
            
            /* Positions corrig�es pour �viter le d�bordement */
            .planet[style*="top: -48px"] {
                top: -37px !important;
            }
            
            .planet[style*="bottom: -48px"] {
                bottom: -37px !important;
            }
            
            .planet[style*="right: -48px"] {
                right: -37px !important;
            }
            
            .planet[style*="left: -48px"] {
                left: -37px !important;
            }
        }
        
        @media (max-width: 640px) {
            .partners-section .relative {
                width: 320px !important;
                height: 320px !important;
            }
            
            .orbit-border {
                width: 220px !important;
                height: 220px !important;
            }
            
            .outer-orbit {
                width: 280px !important;
                height: 280px !important;
            }
            
            .planet {
                width: 65px !important;
                height: 65px !important;
            }
            
            .planet img {
                width: 40px !important;
                height: 40px !important;
            }
            
            .planet h1 {
                font-size: 1rem !important;
            }
            
            .sun-center {
                width: 85px !important;
                height: 85px !important;
            }
            
            .sun-center img {
                width: 60px !important;
                height: 60px !important;
            }
            
            /* Positions encore plus r�duites pour �viter le d�bordement */
            .planet[style*="top: -48px"] {
                top: -32px !important;
            }
            
            .planet[style*="bottom: -48px"] {
                bottom: -32px !important;
            }
            
            .planet[style*="right: -48px"] {
                right: -32px !important;
            }
            
            .planet[style*="left: -48px"] {
                left: -32px !important;
            }
        }
        
        @media (max-width: 480px) {
            .partners-section {
                padding: 20px 10px !important;
            }
            
            .partners-section .relative {
                width: 280px !important;
                height: 280px !important;
            }
            
            .orbit-border {
                width: 180px !important;
                height: 180px !important;
            }
            
            .outer-orbit {
                width: 240px !important;
                height: 240px !important;
            }
            
            .planet {
                width: 60px !important;
                height: 60px !important;
            }
            
            .planet img {
                width: 35px !important;
                height: 35px !important;
            }
            
            .planet h1 {
                font-size: 0.9rem !important;
            }
            
            .sun-center {
                width: 75px !important;
                height: 75px !important;
            }
            
            .sun-center img {
                width: 50px !important;
                height: 50px !important;
            }
            
            /* Positions tr�s r�duites pour les tr�s petits �crans */
            .planet[style*="top: -48px"] {
                top: -30px !important;
            }
            
            .planet[style*="bottom: -48px"] {
                bottom: -30px !important;
            }
            
            .planet[style*="right: -48px"] {
                right: -30px !important;
            }
            
            .planet[style*="left: -48px"] {
                left: -30px !important;
            }
        }
        
        /* Maintien des animations sur tous les �crans */
        @media (max-width: 1280px) {
            .orbit-border {
                border: 2px dashed #10b981 !important;
                /*opacity: 0.4 !important;*/
            }
            
            .rotate-orbit {
                animation: rotate 30s linear infinite !important;
                transform-origin: center center !important;
                will-change: transform !important;
            }
            
            .outer-orbit {
                animation: rotate 40s linear infinite !important;
                transform-origin: center center !important;
                will-change: transform !important;
                border: 2px dashed #10b981 !important;
                /*opacity: 0.4 !important;*/
            }
            
            .counter-rotate {
                animation: counterRotate 30s linear infinite !important;
                transform-origin: center center !important;
                will-change: transform !important;
            }
            
            .outer-orbit .counter-rotate {
                animation: counterRotate 40s linear infinite !important;
            }
            
            .sun-pulse {
                animation: pulse 2s ease-in-out infinite alternate !important;
            }
        }
        
        /* Correction sp�cifique pour emp�cher le d�bordement horizontal */
        @media (max-width: 768px) {
            .partners-section {
                /*overflow-x: hidden !important;*/
            }
            
            .flex-1 {
                min-width: 0 !important;
            }
        }