.elementor-146243 .elementor-element.elementor-element-2cc5c04:not(.elementor-motion-effects-element-type-background), .elementor-146243 .elementor-element.elementor-element-2cc5c04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDBE4F;background-image:url("https://preparia.ma/wp-content/uploads/2023/07/Science-Cosmos-Kids-STEAM-Education-Center-franchise-opportunities-12.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-146243 .elementor-element.elementor-element-2cc5c04 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #8ED13B 0%, #007E3B 100%);opacity:0.85;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-146243 .elementor-element.elementor-element-2cc5c04 > .elementor-container{min-height:650px;}.elementor-146243 .elementor-element.elementor-element-2cc5c04{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-380px;margin-bottom:0px;padding:11px -4px 13px 0px;overflow:visible;}.elementor-146243 .elementor-element.elementor-element-2cc5c04 > .elementor-shape-bottom svg{width:calc(110% + 1.3px);height:85px;}.elementor-146243 .elementor-element.elementor-element-425225e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.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-146243 .elementor-element.elementor-element-9521278 > .elementor-widget-container{margin:250px 0px 0px 0px;}.elementor-146243 .elementor-element.elementor-element-9521278{text-align:center;}.elementor-146243 .elementor-element.elementor-element-9521278 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:43px;font-weight:600;color:#FFFFFF;}.elementor-146243 .elementor-element.elementor-element-e74a7e3{--display:flex;overflow:visible;}@media(max-width:767px){.elementor-146243 .elementor-element.elementor-element-2cc5c04:not(.elementor-motion-effects-element-type-background), .elementor-146243 .elementor-element.elementor-element-2cc5c04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://preparia.ma/wp-content/uploads/2023/07/Science-Cosmos-Kids-STEAM-Education-Center-franchise-opportunities-12.jpg");background-position:center center;background-size:cover;}.elementor-146243 .elementor-element.elementor-element-2cc5c04 > .elementor-shape-bottom svg{width:calc(133% + 1.3px);height:47px;}}/* Start custom CSS for html, class: .elementor-element-c0da3e7 */:root {
        /* Dégradé Vert pour l'état actif */
        --active-green-gradient: linear-gradient(135deg, #27ae60, #1e8449);
        --inactive-bg: #eaeaea;
        --text-dark: #333;
        --transition: all 0.3s ease;
    }

    .preparia-navigation-wrapper {
        font-family: 'Poppins', sans-serif;
        max-width: 800px;
        margin: 20px auto;
    }

    .main-tabs {
        display: flex;
        justify-content: center;
        gap: 5px;
        margin-bottom: 25px;
    }

    /* Style Rectangulaire - Gris par défaut */
    .tab-item {
        background: var(--inactive-bg);
        color: var(--text-dark);
        border: none;
        padding: 15px 0;
        width: 140px;
        border-radius: 0px; /* Rectangulaire pur */
        font-weight: 600;
        cursor: pointer;
        text-decoration: none;
        transition: var(--transition);
        font-size: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* Style au survol et quand l'onglet est VERT (Actif) */
    .tab-item:hover, .tab-item.active {
        background: var(--active-green-gradient);
        color: white;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(39, 174, 96, 0.2);
    }

    /* Sous-menus */
    .sub-menu-content {
        display: none;
        background: #ffffff;
        padding: 25px;
        border-radius: 4px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        border: 1px solid #eee;
        animation: slideUp 0.3s ease-out;
    }

    .sub-menu-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
    }

    /* Boutons de la grille en vert également */
    .styled-button {
        background: var(--active-green-gradient);
        color: white;
        padding: 12px 20px;
        border-radius: 4px;
        text-decoration: none;
        font-weight: 500;
        font-size: 14px;
        transition: var(--transition);
        border: none;
    }

    .styled-button:hover {
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(39, 174, 96, 0.3);
        color: white;
    }

    @keyframes slideUp {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 600px) {
        .main-tabs { flex-direction: column; align-items: center; gap: 2px; }
        .tab-item { width: 100%; max-width: 300px; }
    }/* End custom CSS */