/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

@font-face {
    font-family: 'Marcher';
    src: url('../fonts/Marcher-Bold.eot');
    src: url('../fonts/Marcher-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Marcher-Bold.woff2') format('woff2'),
        url('../fonts/Marcher-Bold.woff') format('woff'),
        url('../fonts/Marcher-Bold.ttf') format('truetype'),
        url('../fonts/Marcher-Bold.svg#Marcher-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marcher';
    src: url('../fonts/Marcher-Light.eot');
    src: url('../fonts/Marcher-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Marcher-Light.woff2') format('woff2'),
        url('../fonts/Marcher-Light.woff') format('woff'),
        url('../fonts/Marcher-Light.ttf') format('truetype'),
        url('../fonts/Marcher-Light.svg#Marcher-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


:root {

    --cursorX: 50vw;
    --cursorY: 50vh;
    --backgroundSize: 15vmax;
}

* {
    margin: 0;

}

/* ============================================
   PAGE HEIGHT SANITIZATION
   Prevent phantom spacing and extra scrolling
   ============================================ */
html {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    cursor: url('../img/cursor.svg'), auto;
    cursor: url('../img/cursor.png'), auto;
    cursor: url('../img/cursor.cur'), auto;
}

/* Remove bottom margin from last page elements */
body > *:last-child,
#sectionFooter,
.footer,
.thirdFooter {
    margin-bottom: 0 !important;
}

/* Ensure page ends at footer - no extra space */
html, body {
    height: auto;
    min-height: 100vh;
}

body {
    display: flex;
    flex-direction: column;
}

body > footer,
body > #sectionFooter,
body .footer {
    margin-top: auto;
}

/* Ensure secondFooter has no extra space below */
.secondFooter {
    padding-bottom: 0;
}

.secondFooter .container {
    padding-bottom: 0;
}

/* ============================================
   FOOTER & PAGE LAYOUT - STRUCTURAL FIX
   Footer must be the absolute last visible element
   ============================================ */

/* Lock scroll state when modal/menu is open */
body.scroll {
    overflow: hidden;
    height: 100vh;
}

/* Footer structure - ensure proper containment */
#sectionFooter {
    position: relative;
    background: linear-gradient(180deg, #0a2a4a 0%, #041228 100%);
    overflow: hidden;
}

.footer {
    overflow: hidden;
}

/* ============================================
   PATH ANIMATION ELEMENT (.pathBg)
   Hidden by default on ALL pages - only visible on desktop homepage
   ============================================ */
.pathBg {
    display: none;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

/* Show pathBg ONLY on desktop homepage - positioned relative to body */
@media screen and (min-width: 769px) {
    /* Ensure body is positioned for pathBg */
    body.home-page {
        position: relative;
    }
    
    body.home-page .pathBg {
        display: block;
        visibility: visible;
        height: auto;
        overflow: visible;
        opacity: 1;
        position: absolute;
        right: 0;
        z-index: 1;
        left: 0;
        width: 100%;
        top: 700px; /* Fixed position from top of page - after hero section */
        pointer-events: none;
    }
    
    /* Clip pathBg content that extends past footer - homepage only */
    body.home-page #sectionFooter::after {
        content: '';
        position: absolute;
        left: -100vw;
        right: -100vw;
        top: 100%;
        height: 5000px;
        background: #fff;
        z-index: 9999;
        pointer-events: none;
    }
}

.pathBg svg {
    width: 100%;
    overflow: visible;
}

.pathBg .iconRotate {
    transform-origin: center center;
    transform: scale(1.0);
    transition: transform 0.3s ease;
}

.pathBg .iconRotate.scrolling-up {
    transform: scale(1.0) scaleY(-1);
}

/* header*/
.header {
    z-index: 999;
    left: 0;
    right: 0;
    padding: 25px 140px 0;
    position: fixed;
}

.logo-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 50px;
    border-radius: 20px;
    background-image: -o-linear-gradient(left, transparent 50%, white 50%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, white));
    background-image: linear-gradient(to right, transparent 50%, white 50%);
    background-size: 200% 100%;
    -webkit-transition: background-position 0.5s ease-out;
    -o-transition: background-position 0.5s ease-out;
    transition: background-position 0.5s ease-out;
}


.logo-menu.active {
    background-position: 100% 0;
}

.header.sticky .logo-menu {
    background: #041228;
}

.header.sticky .logo-menu nav.active ul li a {
    color: #fff;
}

.header.sticky .logo-menu .menu-toggle {
    background: #041228;
}


.header.sticky .logo-menu .menu-toggle span {
    background: -o-linear-gradient(top, #FFFFFF 0%, #BDBDBD 59.5%, #EFEFEF 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(59.5%, #BDBDBD), to(#EFEFEF));
    background: linear-gradient(180deg, #FFFFFF 0%, #BDBDBD 59.5%, #EFEFEF 100%);
}


nav {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

nav.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 45px;
}

ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    padding: 15px;
    margin: 0;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

li.menu-item-has-children:hover>ul.sub-menu {
    display: block;
}

/* Styles pour les éléments de sous-menu */
li.menu-item-has-children ul.sub-menu li {
    display: block;
    margin: 0;
}

li.menu-item-has-children ul.sub-menu li:not(:last-child) {
    padding-bottom: 10px;
}

/* Styles pour les liens de sous-menu */
li.menu-item-has-children ul.sub-menu li a {
    white-space: nowrap;
    color: #000 !important;
}

nav ul span.submenu-arrow,
nav ul span.dropdown-arrow {
    font-size: 8px;
    margin-left: 4px;
    opacity: 0.7;
}

nav ul li {
    position: relative;
}

nav.active ul li a {
    color: rgba(0, 0, 0, 1);
}

nav ul li a {
    font-family: 'Marcher';
    font-size: 16px;
    font-weight: 700;
    line-height: 13px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
}

.menu-toggle {
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    width: 36px;
    height: 36px;
    background: -o-linear-gradient(bottom, #FFFFFF, #FFFFFF),
        -o-linear-gradient(top, #FFFFFF 0%, #BFC2FF 83.21%),
        -o-linear-gradient(top, #FFFFFF 0%, rgba(25, 66, 125, 0.35) 83.21%);
    background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#FFFFFF)),
        -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(83.21%, #BFC2FF)),
        -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(83.21%, rgba(25, 66, 125, 0.35)));
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
        linear-gradient(180deg, #FFFFFF 0%, #BFC2FF 83.21%),
        linear-gradient(180deg, #FFFFFF 0%, rgba(25, 66, 125, 0.35) 83.21%);
    border-radius: 50%;
    color: #000000;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3px;
}

.menu-toggle span {

    height: 2px;
    border-radius: 52px;
    background: black;
    display: block;
}

.menu-toggle span:first-child {
    width: 19px;
}

.menu-toggle span:last-child {
    width: 12px;
}

.rotate {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}



/* .section {
    height: 100vh;
    position: relative;
    overflow: hidden;
} */

#sectionHero.no-scroll {
    background-image: url('../../assets/img/bg.png');
    background-size: cover;
    background-position: center;


}

#sectionHero.no-scroll::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: -o-radial-gradient(var(--cursorX) var(--cursorY), circle var(--backgroundSize), rgba(0, 0, 0, 0.33) 0%, #000000 100%);
    background: radial-gradient(circle var(--backgroundSize) at var(--cursorX) var(--cursorY), rgba(0, 0, 0, 0.33) 0%, #000000 100%);
    -webkit-box-shadow: 0px 4px 4px 0px #00000040;
    box-shadow: 0px 4px 4px 0px #00000040;
    top: 0;
    left: 0;

}


#sectionHero .firstBlock {
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}


#sectionHero .hero-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 10;
    cursor: pointer;
    transition: opacity 0.5s ease;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 60px;
}

#sectionHero .hero-video-overlay.hidden {
    opacity: 0;
    pointer-events: none;
}

.scroll-indicator {
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: bounce 2s infinite;
}

.scroll-indicator svg {
    width: 24px;
    height: 24px;
    color: rgba(255, 255, 255, 0.8);
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

#sectionHero .secondBlock .titles,
#sectionHero .secondBlock .firstContent .titles,
#sectionHero .secondBlock .firstContent .titles .title,
.titles {
    display: none !important;
    visibility: hidden !important;
}

#sectionHero .firstBlock,
#sectionHero .secondBlock {
    position: relative;
    z-index: 2;
}

#sectionHero .firstBlock .content {
    position: relative;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 200px;
}

#sectionHero .firstBlock .title {
    font-family: "Marcher";
    font-size: 125px;
    font-weight: 700;
    line-height: 105px;
    letter-spacing: 0em;
    text-align: left;
    background: -o-linear-gradient(top, #FFFFFF 0%, #7696C4 83.21%);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(83.21%, #7696C4));
    background: linear-gradient(180deg, #FFFFFF 0%, #7696C4 83.21%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 12px;
}

#sectionHero .firstBlock .subTitle {
    font-family: "Marcher";
    font-size: 81px;
    font-weight: 700;
    line-height: 100px;
    letter-spacing: 0.09em;
    background: -o-linear-gradient(bottom, #FFFFFF, #FFFFFF),
        -o-linear-gradient(top, #FFFFFF 0%, #D9D9D9 83.21%);
    background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#FFFFFF)),
        -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(83.21%, #D9D9D9));
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
        linear-gradient(180deg, #FFFFFF 0%, #D9D9D9 83.21%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 99px;
    text-transform: uppercase;

}

#sectionHero .firstBlock .bg-person {
    background-image: url("../../assets/img/person.png");
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 266px;
    height: 507px;

}


/* after click*/
#sectionHero.no-scroll .secondBlock {
    display: none;
}

#sectionHero.no-scroll .firstBlock {
    display: block;
}

#sectionHero .firstBlock {
    display: none;
}

#sectionHero {
    background: #041228;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

#sectionHero .firstBlock,
#sectionHero .secondBlock {
    min-height: 100vh;
}

#sectionHero .hero-video-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}

/* Desktop video - show on larger screens, hide on mobile */
#sectionHero .hero-video-desktop {
    display: block;
}

#sectionHero .hero-video-mobile {
    display: none;
}


#sectionHero::after {
    content: none;
}

#sectionHero .secondBlock {
    height: 100%;

}

#sectionHero .secondBlock .cloud {
    background-image: url('../../assets/img/cloud.png');
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 847px;
    opacity: 0.79;
    position: absolute;
    top: -45%;

}

#sectionHero .secondBlock .img-building {
    display: none;
}

#sectionHero .secondBlock .img-building img {
    width: 100%;
    height: 100%;
}

#sectionHero .secondBlock .firstContent {
    position: absolute;
    left: 15%;
    top: 50%;
    -webkit-transform: translate(-15%, -50%);
    -ms-transform: translate(-15%, -50%);
    transform: translate(-15%, -50%);
    width: 100%;
    height: 100%;
}


.titles .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 117px;
}



#sectionHero .secondBlock .firstContent .titles h2 {
    font-family: 'Marcher';
    font-size: 137px;
    font-weight: 700;
    line-height: 114px;
    letter-spacing: 0em;
    width: 507px;
    text-align: left;
    margin: 0;
    text-transform: uppercase;
}

#sectionHero .secondBlock .firstContent .titles .title {
    position: absolute;
    left: 0;
    right: 0;
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#sectionHero .secondBlock .firstContent .titles h2.bg-text {
    -webkit-text-stroke: 2px rgba(255, 255, 255, 1);
    color: #fff;
    z-index: -1;
    position: relative;
}

#sectionHero .secondBlock .firstContent .titles h2.front-text {
    -webkit-text-stroke: 2px rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, 0.3);
    visibility: hidden;
    font-weight: 800;
}

#sectionHero .secondBlock .firstContent .titles .title:nth-of-type(1n) .text {
    text-shadow: 0px 4px 83.3px rgba(0, 0, 0, 0.25);
}


#sectionHero .secondContent {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 -10px 30px rgba(255, 255, 255, 0.8), 0 -5px 15px rgba(255, 255, 255, 1);
    width: 100%;
    height: auto;
    padding: 20px 40px;
    z-index: 25;
    position: absolute;
    overflow: visible;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#sectionHero .secondContent .media-label {
    display: block;
    color: #041228;
    font-family: 'Marcher', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0 0 15px 0;
}

/* Desktop hero headline - visible on all screens */
.hero-mobile-headline {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    padding: 20px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hero-mobile-headline h1 {
    font-family: 'Marcher', sans-serif;
    font-size: clamp(36px, 5vw, 60px);
    font-weight: 800;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 3px;
    margin: 0;
    text-shadow: 0 2px 20px rgba(0,0,0,0.5), 0 4px 40px rgba(4,18,40,0.4);
    visibility: hidden;
}

.hero-mobile-headline h1.typewriter-active {
    visibility: visible;
}

.hero-mobile-headline h1 span {
    display: block;
    font-size: clamp(24px, 3vw, 40px);
    font-weight: 400;
    opacity: 0.9;
    letter-spacing: 4px;
}

/* Typewriter cursor animation */
.typewriter-cursor {
    display: inline-block;
    color: #D6AE70;
    font-weight: 400;
    animation: blink 0.7s infinite;
    margin-left: 2px;
}

@keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

.typewriter-line1, .typewriter-line2 {
    display: inline;
    margin-top: 10px;
    font-weight: 800 !important;
    letter-spacing: 4px;
}

#sectionHero .secondContent .media {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 30;
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    gap: 20px;
}

#sectionHero .secondContent .media p {
    font-family: 'Marcher';
    font-size: 45px;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: 0em;
    text-transform: uppercase;
    margin: 0;

}

.mediaSlider img {
    width: 75px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
}

#sectionHero .secondContent .media .mediaSlider {
    overflow: hidden;
    width: 100%;
}


#sectionHero .pathBg p {
    font-family: 'Marcher';
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: left;
    color: #041228;
    margin-bottom: 19px;


}

/*for animation*/


@-webkit-keyframes slideFromBottomText {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    50% {
        -webkit-transform: translateY(-7%);
        transform: translateY(-7%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


@keyframes slideFromBottomText {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    50% {
        -webkit-transform: translateY(-7%);
        transform: translateY(-7%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


@-webkit-keyframes slideFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


@keyframes slideFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


@-webkit-keyframes slideFromBottomCloud {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    50% {
        -webkit-transform: translateY(-7%);
        transform: translateY(-7%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


@keyframes slideFromBottomCloud {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    50% {
        -webkit-transform: translateY(-7%);
        transform: translateY(-7%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


@-webkit-keyframes rotateBorder {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}


@keyframes rotateBorder {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}


.slideFromBottomText {
    -webkit-animation: slideFromBottomText 2s ease-out;
    animation: slideFromBottomText 2s ease-out;
}

.slideFromBottom {
    -webkit-animation: slideFromBottom 1s ease-in;
    animation: slideFromBottom 1s ease-in;
}

.slideFromBottomCloud {
    -webkit-animation: slideFromBottomCloud 2s ease-in;
    animation: slideFromBottomCloud 2s ease-in;
}

.rotateBorder {
    -webkit-animation: rotateBorder 1s linear forwards;
    animation: rotateBorder 1s linear forwards;
}


/* section two */
#sectionEducation {
    padding: 130px 0 0 0;
    /* overflow-x: hidden; */
    z-index: 2;
    position: relative;
}

.blockHeader {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.blockHeader .title {
    font-family: 'Marcher';
    font-size: 44px;
    font-weight: 700;
    line-height: 36.96px;
    color: #000000;
    text-transform: uppercase;
}

.blockHeader .description {
    font-family: 'Marcher';
    text-align: center;
    color: #000000;
}

#sectionEducation .blockSlider {
    margin: 130px 0 0 68px;
    position: relative;
}

.swiperCategory {
    overflow: hidden;
    padding-bottom: 30px;
}

.swiper-buttons {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    margin-top: 120px;
}

#sectionEducation .swiper-buttons {
    left: calc(50% - 68px);
}

body .swiper-button-prev,
body .swiper-button-next {
    width: 60px;
    height: 60px;
    -webkit-box-shadow: 0px 4px 4px 0px #19427D40;
    box-shadow: 0px 4px 4px 0px #19427D40;
    border-radius: 50%;
    background: #7C828E33;
}


body .swiper-button-prev::after,
body .swiper-button-next::after {
    font-size: 20px;
    color: #041228;
}

body .swiper-button-prev:hover,
body .swiper-button-next:hover {
    background: #041228;
}

body .swiper-button-prev:hover::after,
body .swiper-button-next:hover::after {
    color: #FFFFFF;
}

body .swiper-button-prev {
    left: -40px;
    right: unset;
}

body .swiper-button-next {
    right: unset;
    left: 40px;
}

#sectionEducation .card {
    -webkit-box-shadow: 0px 7px 14.399999618530273px 0px #06253647;
    box-shadow: 0px 7px 14.399999618530273px 0px #06253647;
    padding: 25px 10px;
    text-align: center;
}

#sectionEducation .card .cardNumber {
    font-family: 'Marcher';
    font-size: 113px;
    font-weight: 700;
    line-height: 128.82px;
    color: #7C828EB2;
}

#sectionEducation .card .cardTitle {
    font-family: 'Marcher';
    font-size: 40px;
    font-weight: 700;
    line-height: 45.6px;
    text-align: center;
    color: #7C828E;
}

#sectionEducation .card .cardContent {
    font-family: 'Marcher';
    font-size: 12px;
    font-weight: 200;
    line-height: 16.68px;
    color: #000000;
    margin: 10px 45px 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
}

/* #sectionEducation .card .cardContent:after {
    content: '';
    display: block;
    width: 100%;
    height: 0.5px;
    background: #19427D4F;
    margin-top: 20px;
} */

#sectionEducation .card .link {
    text-decoration: none;
    background: #656C7C;
    padding: 10px 30px;
    font-family: 'Marcher';
    font-size: 14px;
    font-weight: 200;
    color: #FFFFFF;
    margin: 0 auto;
    border-radius: 4px;
}

.swiperSubCategory {
    overflow: visible;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.swiperSubCategory .swiper-wrapper {
    overflow: visible;
}

.swiperSubCategory .swiper-slide {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    overflow: visible;
}

.swiperSubCategory .swiper-buttons {
    margin-top: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    gap: 20px;
    left: 0;
    transform: none;
}

.swiperSubCategory .swiper-button-prev,
.swiperSubCategory .swiper-button-next {
    position: relative;
    left: auto;
    right: auto;
    margin: 0;
}

.subCategory {
    margin-left: 143px;
}

.questionnes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 100px;
    gap: 65px;
    position: relative;
}

img.bgIconPen {
    position: absolute;
    top: 0;
    right: 23px;
    opacity: 0.4;
}

img.bgIconCalculator {
    position: absolute;
    bottom: 0;
    gap: 0px;
    opacity: 0.4;
    left: 15px;
}

img.bgIconPad {
    position: absolute;
    left: 15px;
    top: 20%;
}

.detailQuestion {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
}

.blockSliderSubCat {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    width: 60%;
    position: relative;
    overflow: visible;
}

button.btnBack {
    background: #FFF;
    color: #041228;
    border: 2px solid #041228 !important;
    font-family: 'Marcher';
    font-size: 14px;
    font-weight: 200;
    line-height: 11.76px;
    text-align: left;
    border-radius: 4px;
    padding: 15px 30px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    position: relative;
    z-index: 9999;
}

button.btnBack.active{
    color: #041228;
    background-color: #D6AE70;
    border-color: #D6AE70 !important;
}


.detailQuestion .number {
    font-family: 'Marcher';
    font-size: 118px;
    font-weight: 700;
    line-height: 134.52px;
    text-align: left;
    color: #7C828E;
}

.detailQuestion .tag {
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 20.16px;
    text-align: left;
    color: #727272;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.detailQuestion .questionTitle {
    font-family: 'Marcher';
    font-size: 77px;
    font-weight: 700;
    line-height: 64.68px;
    text-align: left;
    color: #7C828E;
    margin-bottom: 24px;
}

.detailQuestion .questionDetail {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #727272;
}

.cardSubCat-wrap {
    -webkit-perspective: 1200px;
    perspective: 1200px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 436px;
}

.cardSubCat {
    position: relative;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: transform 0.75s ease;
    -o-transition: transform 0.75s ease;
    transition: transform 0.75s ease;
    border-radius: 14px;
    will-change: transform;
}

.cardSubCat-wrap:hover .cardSubCat {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.cardSubCat-wrap:hover .badge {
    z-index: 0;
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.cardSubCat img {
    display: none;
}

.cardSubCat::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 14px;
    background: linear-gradient(135deg, #041228 0%, #0a3d62 50%, #7696C4 100%);
    transition: background 0.5s ease;
}

/* Category-specific gradient colors */
.subCategory[data-category="studying"] .cardSubCat::before {
    background: linear-gradient(135deg, #041228 0%, #0a3d62 60%, #7696C4 100%);
}

.subCategory[data-category="finance"] .cardSubCat::before {
    background: linear-gradient(135deg, #041228 0%, #5c4a1d 60%, #D6AE70 100%);
}

.subCategory[data-category="scholarships"] .cardSubCat::before {
    background: linear-gradient(135deg, #041228 0%, #1a4d5c 60%, #4ECDC4 100%);
}

.subCategory[data-category="culture"] .cardSubCat::before {
    background: linear-gradient(135deg, #041228 0%, #4a1d5c 60%, #9B59B6 100%);
}

.cardSubCat .back,
.cardSubCat .front {
    position: absolute;
    width: 100%;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cardSubCat .front {
    padding: 20px 18px;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cardSubCat .front .globalcontent {
    background: #FFFFFFF0;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    text-align: center;
    padding: 40px 23px;
}

.cardSubCat .front .numberFront {
    font-family: 'Marcher';
    font-size: 113px;
    font-weight: 700;
    line-height: 128.82px;
    color: #7C828EB2;
}

.cardSubCat .front .numberFront:after {
    content: '';
    width: 100%;
    display: block;
    height: 0.5px;
    background: #19427D4F;
    margin: 48px 0 28px 0;
}


.cardSubCat .front .titleFront {
    font-family: 'Marcher';
    font-size: 16px;
    font-weight: 700;
    line-height: 18.24px;
    text-align: center;
    color: #7C828E;
    width: 78%;
    margin: 0 auto;
}


.cardSubCat .badge {
    margin: 20px 18px;
    background: #7C828E;
    color: white;
    font-family: 'Marcher';
    font-size: 19px;
    font-weight: 700;
    line-height: 21.66px;
    padding: 8px 15px;
    position: absolute;
    z-index: -999;
    border-radius: 7px;
    right: 0;
}

.cardSubCat .back {
    bottom: 0;
    padding: 20px 18px;
    -webkit-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    transform: rotatey(180deg);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cardSubCat .back>div {
    background: #FFFFFFF0;
    border-radius: 10px;
    text-align: center;
    padding: 22px 26px;
}

.cardSubCat .back .titleBack {
    font-family: 'Marcher';
    font-size: 16px;
    font-weight: 700;
    line-height: 18.24px;
    text-align: left;
    color: #7C828E;

}


.cardSubCat .back .titleBack:after {
    content: '';
    width: 100%;
    display: block;
    height: 0.5px;
    background: #19427D4F;
    margin: 11px 0;
}

.cardSubCat .back .contentBack {
    font-family: 'Marcher';
    font-size: 12px;
    font-weight: 200;
    line-height: 13.68px;
    text-align: left;

}

.hidden {
    display: none;
}

.visible {
    display: block;
}

.mediaSlider .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}


/*section university*/
#sectionUniversities {
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 100px;
    margin-bottom: 100px;
    z-index: 2;
    position: relative;
}

#sectionUniversities .blockHeader {
    padding: 20px 0 0;
}

#sectionUniversities .universities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 43px 100px;
    position: relative;
}

#sectionUniversities .universities.animateLogos {
    -webkit-animation: animationLogos 2s ease-out;
    animation: animationLogos 2s ease-out;
}

@-webkit-keyframes animationLogos {
    from {
        width: 60%;
        margin: 100px auto 0;
        -webkit-transform: translateY(-65vh);
        transform: translateY(-65vh);
        gap: 20px 60px;
    }

    to {
        gap: 43px 100px;
        width: 100%;
        margin: 100px auto 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);

    }
}

@keyframes animationLogos {
    from {
        width: 60%;
        margin: 100px auto 0;
        -webkit-transform: translateY(-65vh);
        transform: translateY(-65vh);
        gap: 20px 60px;
    }

    to {
        gap: 43px 100px;
        width: 100%;
        margin: 100px auto 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);

    }
}

#sectionUniversities .universities .image {
    -ms-flex-preferred-size: calc(25% - 100px);
    flex-basis: calc(25% - 100px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

#sectionUniversities .universities .image img {
    max-width: 50%;
}

/* section singup */
#sectionJoinUs {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding-top: 0;
    padding-bottom: 100px;
    z-index: 2;
    position: relative;
}

#sectionJoinUs .blockHeader {
    width: 60%;
    margin-bottom: 150px;
}

#sectionJoinUs .blockHeader .title {
    font-family: 'Marcher';
    font-size: 67px;
    font-weight: 700;
    line-height: 56.28px;
    text-align: center;

}


#sectionJoinUs .signup {
    position: relative;
    font-family: 'Marcher';
    font-size: 31px;
    font-weight: 700;
    line-height: 26.04px;
    text-align: center;
    color: #fff;
    -webkit-box-shadow: 0px 9px 12px 0px #FFFFFF80 inset, 0px -6px 12px 0px #00000040 inset;
    box-shadow: 0px 9px 12px 0px #FFFFFF80 inset, 0px -6px 12px 0px #00000040 inset;
    border-radius: 36px;
    padding: 23px 40px;
    border: none;
    background: #fff;
    z-index: 1;
    width: 80%;
    margin: 0 auto 84px;
}

#sectionJoinUs .signup::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 100%;
    background: -o-linear-gradient(left, #19427D 1.86%, #041228 100.99%, rgba(112, 0, 255, 0.94) 101%);
    background: -webkit-gradient(linear, left top, right top, color-stop(1.86%, #19427D), color-stop(100.99%, #041228), color-stop(101%, rgba(112, 0, 255, 0.94)));
    background: linear-gradient(90deg, #19427D 1.86%, #041228 100.99%, rgba(112, 0, 255, 0.94) 101%);
    border-radius: 36px;
    z-index: -1;
    -webkit-transition: width 2s;
    -o-transition: width 2s;
    transition: width 2s;
    -webkit-box-shadow: 0px 9px 12px 0px #FFFFFF80 inset, 0px -6px 12px 0px #00000040 inset;
    box-shadow: 0px 9px 12px 0px #FFFFFF80 inset, 0px -6px 12px 0px #00000040 inset;
}

#sectionJoinUs .signup.moved::before {
    width: 100%;
}

.letsGo {
    border: 1px solid;
    border-image-source: linear-gradient(90deg, #19427D 1.86%, #041228 100.99%, #041228 101%);
    padding: 20px 102px;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26.46px;
    text-align: center;
    color: #000000;
    margin-bottom: 50px;
    border-radius: 4px;
    border: 1px solid #19427D;
    background: var(--Default-White, #FFF);
    -webkit-box-shadow: 0px 4px 7.6px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 4px 7.6px 0px rgba(0, 0, 0, 0.19);
    text-decoration: none;
}

#sectionJoinUs .content .cartoon-btn {
    display: block;
    margin: 50px auto 40px;
}

#sectionJoinUs .description {
    font-family: 'Marcher';
    text-align: center;
    width: 70%;
    margin: 0 auto;
}

/*section etudiant*/
#sectionEtudiant {
    /* overflow: hidden; */
    padding-bottom: 60px;
    padding-top: 60px;
    z-index: 2;
    position: relative;
}

#sectionEtudiant>div {
    /* overflow: hidden; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    /* padding: 165px 0 63px 0; */

}

#sectionEtudiant .blockHeader {
    width: 60%;
    margin-bottom: 50px;
}


#sectionEtudiant .blockHeader .description {
    width: 80%;
    margin: 0 auto;
}

#sectionEtudiant .blockSlider {
    margin-left: 50px;
}

#sectionEtudiant .cardEdudiant {
    position: relative;
    width: 330px;
    height: 585px;
    background: lightgray 50%;
    -webkit-box-shadow: 0px 4px 13.1px 0px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 4px 13.1px 0px rgba(0, 0, 0, 0.14);
    border-radius: 10px;
}

#sectionEtudiant .contentCard {
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
}

#sectionEtudiant .cardDetail {
    position: absolute;
    left: -30px;
    bottom: -35px;
    border: 1px solid #DBDEE9;
    width: 100%;
    border-radius: 10px;
    z-index: 11;
    text-align: left;
    padding: 24px 15px;
    background: rgba(255, 255, 255, 0.80);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    width: 75%;

}

.cardDetail:after {
    background: rgb(191 201 211 / 38%);
    -webkit-filter: blur(34px);
    filter: blur(34px);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


#sectionEtudiant .cardDetail .name {
    font-family: 'Marcher';
    font-size: 18px;
    font-weight: 200;
    line-height: 11.76px;
    text-align: left;
    color: #000000;
    text-transform: uppercase;
}

#sectionEtudiant .cardDetail .name:after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: #DBDEE9;
    margin: 8px 0 12px;
}

#sectionEtudiant .cardDetail .matier {
    font-family: 'Marcher';
    font-size: 14px;
    font-weight: 700;
    line-height: 7.56px;
    color: #19427D;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#sectionEtudiant .cardDetail .description {
    font-family: 'Marcher';
    font-size: 13px;
    font-weight: 200;
    line-height: 1.5;
    color: #000000;
}

#sectionEtudiant .buttonPlay {
    position: absolute;
    right: 8px;
    bottom: 8px;
    cursor: pointer;
}


#playVideo .modal-dialog.modal-dialog-centered {
    max-width: 800px !important;
    width: 90%;
}

#playVideo .modal-content {
    border-radius: 31px;
    overflow: hidden;
    background: #000;
    aspect-ratio: 9/16;
    max-height: 80vh;
}

#playVideo #videoPlayer {
    width: 100%;
    height: 100%;
    border: none;
}

#playVideo .bg-video {
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#playVideo .bt-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 999;
}


/* section footer*/

#sectionFooter {
    margin-top: 50px;
    /*margin-top: 200px;*/
    z-index: 100;
    position: relative;
    background: #fff;
}

/* Ensure all main sections cover the pathBg */
.section {
    position: relative;
    z-index: 5;
    background: #fff;
}

main {
    position: relative;
    z-index: 2;
    background: #fff;
}

/* Cover pathBg on all custom page sections - EXCLUDE dark sections */
main > section:not([class*="section-hero"]):not(.section-tickets):not(.section-cta),
.page-frais,
.page-about,
.page-quiz,
.page-majors,
.page-faq,
.page-documents,
.page-step,
.page-scholarship,
.page-reviews,
.page-fin-n9ra {
    position: relative;
    z-index: 5;
    background: #fff;
}

/* Dark sections should keep their own background */
.section-hero-frais,
.section-tickets,
.section-cta,
[class*="section-hero"] {
    background: #041228 !important;
    position: relative;
    z-index: 5;
}

.footer {
    /* position: absolute; */
    width: 100%;
    /* bottom: 0; */
    left: 0;
    right: 0;
    background: #041228;
    border-radius: 23px 23px 0px 0px;
}

/* Third footer styling - ensure text is visible on dark background */
.thirdFooter {
    background: #041228;
    padding: 20px 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.thirdFooter p,
.thirdFooter .left p {
    color: #fff;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    margin: 0;
}

.thirdFooter .menu ul {
    list-style: none;
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
}

.thirdFooter .menu ul li a {
    color: #fff;
    text-decoration: none;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    transition: opacity 0.3s ease;
}

.thirdFooter .menu ul li a:hover {
    opacity: 0.8;
}

/* Ensure ALL thirdFooter text and links are white */
.thirdFooter,
.thirdFooter * {
    color: #fff !important;
}

.thirdFooter a {
    color: #fff !important;
    text-decoration: none;
}

.thirdFooter a:hover {
    opacity: 0.8;
    color: #fff !important;
}

.firstFooter {
    border-radius: 23px 23px 0px 0px;
    padding: 50px 40px;
    background: linear-gradient(135deg, #0a2540 0%, #1a3a5c 50%, #0d2d4d 100%);
    position: relative;
    overflow: hidden;
}

.firstFooter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 20% 50%, rgba(234, 202, 145, 0.08) 0%, transparent 50%),
                radial-gradient(ellipse at 80% 30%, rgba(234, 202, 145, 0.06) 0%, transparent 40%);
    pointer-events: none;
}

.firstFooter > .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    width: 100%;
    box-sizing: border-box;
}

.firstFooter-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.firstFooter-inner-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.firstFooter .content {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    flex-grow: 1;
    min-width: 300px;
}

.firstFooter .content h1 {
    font-family: 'Marcher';
    font-size: 60.99px;
    font-weight: 700;
    line-height: 64px;
    text-align: left;
    color: #fff;
    margin-bottom: 11px;
}

.firstFooter .content p {
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #EFF0F6;
    margin: 0;
}

.firstFooter .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 26px;
}

.firstFooter button.btn {
    font-family: "DM Sans", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    padding: 47px 24px 21px;
    border-radius: 14px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    text-align: left;
    text-transform: uppercase;
}

.firstFooter button.btn span {
    width: 80%;
    display: inline-block;
}

.firstFooter button.btnDark {
    background: #FFFFFF;
    color: #041228;

}

.firstFooter button.btnWhite {
    border: 1.8px solid #FFFFFF;
    color: #FFFFFF;


}

.secondFooter {
    border-radius: 40px 40px 0px 0px;
    padding: 50px 0 0;
    width: 100%;
    background-color: #f5f7fa;
    overflow: hidden;
}

/* Only show footer background image on homepage */
body.home-page .secondFooter {
    background-image: url('../../assets/img/bg-footer.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

.secondFooter .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.secondFooter .menu ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 35px;
}

.secondFooter .menu ul li {
    list-style: none;
}

.secondFooter .menu ul li a {
    text-decoration: none;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.83px;
    text-align: left;
    color: #041228;
}

.secondFooter .menuFooter {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    padding-bottom: 20px;
}

.secondFooter .menuFooter .items-menu {
    display: flex;
    gap: 60px;
    flex: 1;
}

.secondFooter .menuFooter .socialMedia {
    display: flex;
    gap: 12px;
    align-items: center;
}

.secondFooter .menuFooter .socialMedia a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(4, 18, 40, 0.08);
    transition: all 0.3s ease;
}

.secondFooter .menuFooter .socialMedia a:hover {
    background: rgba(214, 174, 112, 0.2);
    transform: translateY(-2px);
}

.secondFooter .menuFooter .socialMedia a img {
    width: 18px;
    height: 18px;
    filter: brightness(0);
    opacity: 0.8;
}


.secondFooter .menu .copyRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.secondFooter .copyRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 26px 0;
}


.secondFooter .copyRight p {
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18.23px;
    text-align: left;
    margin: 0;
}

.secondFooter .conditions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

/* secondFooter has gray background - use dark text */
.secondFooter .conditions a {
    text-decoration: none;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18.23px;
    text-align: left;
    color: #041228;
}

.secondFooter .conditions a:hover {
    opacity: 0.7;
}

.secondFooter .copyRight p {
    color: #041228;
}

/* logos-footer contains payment icons only (circular logo removed) */
.secondFooter .logos-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.secondFooter .payment-icons {
    display: flex;
    align-items: center;
    gap: 8px;
}

.secondFooter .payment-icons img {
    height: 20px;
    width: auto;
}

/* Fix copyRight layout - proper horizontal row below <hr> */
.secondFooter .copyRight {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 20px 0 30px;
    clear: both;
}

/* Copyright text on left */
.secondFooter .copyRight > p {
    flex: 0 0 auto;
    margin: 0;
}

/* Payment logos centered */
.secondFooter .copyRight .logos-footer {
    flex: 1;
    display: flex;
    justify-content: center;
}

/* Conditions on right */
.secondFooter .copyRight .conditions {
    flex: 0 0 auto;
}

/* Ensure copyRight section is properly contained */
.secondFooter .container > .copyRight {
    width: 100%;
}

/* Make HR separator visible */
.secondFooter hr {
    display: block;
    border: none;
    border-top: 1px solid #d0d7df;
    margin: 25px 0 15px;
    width: 100%;
}

/* Desktop menu item styling */
.secondFooter .item-menu {
    min-width: 120px;
}

.secondFooter .item-menu label {
    font-family: 'Marcher', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #041228;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    display: block;
}

.secondFooter .item-menu .menu ul {
    flex-direction: column;
    gap: 12px;
}

.secondFooter .item-menu .menu ul li a {
    font-size: 14px;
    color: #555;
    transition: color 0.3s ease;
}

.secondFooter .item-menu .menu ul li a:hover {
    color: #D6AE70;
}

.logo img {
    width: 40px;
}

.textEnter {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Marcher';
    font-size: 16px;
    cursor: pointer;
    display: none;
}


.padding-navbar {
    padding-top: 117px;
}

/* page map */
.sectionMap {
    text-align: center;
    /* padding-bottom: 50px ; */
}

.sectionMap .bolckDescription {
    width: 50%;
    margin: 0 auto;
}

.sectionMap .bolckDescription h1 {
    font-family: "Marcher";
    font-size: 40px;
    font-weight: 700;
    line-height: 36.8px;
    text-align: center;
    color: #000;
}

.sectionMap .bolckDescription p {
    font-family: 'Marcher';
    font-size: 13px;
    font-weight: 200;
    line-height: 10.92px;
    text-align: center;
    color: #00000066;
    text-transform: lowercase;

}

#map {
    margin: 0 auto;
    width: 700px !important;
    /* height: 600px !important; */
    margin-bottom: 25px;
}

#map_access {
    display: none !important;
}


.tt_sm {
    border-radius: 10px;
    padding: 22px 15px;
    -webkit-box-shadow: 0px 4px 9.3px 0px #00000021;
    box-shadow: 0px 4px 9.3px 0px #00000021;
    max-width: 235px;
    border: 1px solid #000;
    background-color: #ffffff;
}

.tt_sm hr {
    color: #DBDEE9;
    height: 1px;
    margin-top: 2px;
}

.tt_sm ul {
    margin: 0;
}

.tt_name_sm {
    font-family: "Marcher";
    font-size: 14px;
    font-weight: 700;
    line-height: 11.76px;
    text-align: left;
    color: #19427D;
    text-transform: uppercase;

}

.tt_sm ul {
    margin: 0;
    padding: 0 15px;
}

.tt_sm ul div:not(:last-child) {
    margin-bottom: 8px;
}

.tt_sm ul li {
    font-family: 'Marcher';
    font-size: 9px;
    font-weight: 700;
    line-height: 7px;
    text-align: left;
    color: #19427D;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.tt_sm ul p {
    font-family: "Inter", sans-serif;
    font-size: 9px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    color: #000;
    margin: 0;
}

.btnquiz {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26.46px;
    text-align: center;
    padding: 15px 113px;
    background: #041228;
    color: #fff;
    -webkit-box-shadow: 0px 4px 7.6px 0px #00000030;
    box-shadow: 0px 4px 7.6px 0px #00000030;
    border: none;
    border-radius: 4px;
    text-decoration: none;
}

@-webkit-keyframes animatequizBody {
    from {
        -webkit-transform: translateX(100vh);
        transform: translateX(100vh);
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes animatequizBody {
    from {
        -webkit-transform: translateX(100vh);
        transform: translateX(100vh);
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


body.quiz {
    overflow-x: hidden;
}

.quiz.slide-left {
    -webkit-animation: animatequizBody .5s ease-out;
    animation: animatequizBody .5s ease-out;
}

.sectionquiz,
.sectionReasualt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* height: 100vh; */
    gap: 113px;
    width: 70%;
    margin: 0 auto;
}


.sectionquiz.hidden,
.sectionReasualt.hidden {
    display: none;
}

.sectionReasualt {
    gap: 57px;
    width: 60%;
}

.sectionquiz .bolckDescription {
    width: 85%;
    text-align: center;
}

.sectionquiz .bolckDescription h1 {
    font-family: 'Marcher';
    font-size: 40px;
    font-weight: 700;
    line-height: 36.8px;
    color: #000000;
    margin-bottom: 16px;

}

.sectionquiz .bolckDescription p {
    font-family: 'Marcher';
    font-size: 13px;
    font-weight: 200;
    line-height: 10.92px;
    margin: 0;
}

form#questionForm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

form#questionForm h2 {
    font-family: "Inter", sans-serif, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 20.16px;
    text-align: left;
    text-align: center;
    color: #041228;
    margin-bottom: 42px;
}

.options-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 22px 16px;
}

.group-input {
    position: relative;
}

.radio-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid #041228;
    padding: 16px 24px;
    border-radius: 8px;
    font-family: "Inter", sans-serif, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 11.76px;
    text-align: left;
    background: #FFFFFF;
}


.group-input input[type="radio"] {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}

.group-input input[type="radio"]:checked+label {
    background: #284470;
    color: #fff;
    border: none;
}


#submitButton {
    font-family: 'Red Hat Display';
    font-size: 20px;
    font-weight: 700;
    line-height: 26.46px;
    text-align: center;
    padding: 20px 104px;
    color: #FFFFFF;
    background: #041228;
    -webkit-box-shadow: 0px 4px 7.6px 0px #00000030;
    box-shadow: 0px 4px 7.6px 0px #00000030;
    border-radius: 4px;
    margin-top: 150px;
    border: none;
}

.sectionquiz .timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    bottom: 80px;
    position: relative;
}

.sectionquiz .step {
    width: 62px;
    border-radius: 8px;
    border: 4px solid rgb(0 0 0 / 30%);
}

.sectionquiz .step.completed {
    border-color: #000;
}


.sectionReasualt .bolckDescription {
    width: 90%;
}

.sectionReasualt .bolckDescription h2 {
    font-family: "Inter", sans-serif, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 28.08px;
    text-align: center;
    color: #000000;
    margin: 0;
}

.sectionReasualt .scools .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 23px;
    margin-bottom: 18px;
}


.sectionReasualt .scools>div {
    text-align: center;
}

.sectionReasualt .scools>div p,
.sectionReasualt .scools span {
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 28.08px;
    text-align: center;
    margin: 0;
    color: #041228;
}

.sectionReasualt .scools .image {
    width: 155px;
    height: 155px;
    border-radius: 100px;
    overflow: hidden;
}

.sectionReasualt .scools .image img {
    width: 100%;
    height: 100%;
}

.sectionReasualt .description {
    border: 1px solid #041228;
    padding: 20px 10px;
    -webkit-box-shadow: 0px 6px 10px 0px #0000001A;
    box-shadow: 0px 6px 10px 0px #0000001A;
    border-radius: 10px;
    font-family: "Inter", sans-serif, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28.08px;
    text-align: center;
    color: #70757C;
}

.longDescription p {
    text-align: center;
    font-family: "Inter", sans-serif, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    color: #00000066;
    margin: 0;
}

.quiz .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.quiz .actions a {
    font-family: "Red Hat Display", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26.46px;
    text-align: center;
    padding: 20px 104px;
    border-radius: 4px;
    /* border: none; */
    text-decoration: none;
}

.quiz .btnDark {
    background: #041228;
    -webkit-box-shadow: 0px 4px 7.6px 0px #00000030;
    box-shadow: 0px 4px 7.6px 0px #00000030;
    color: #FFFFFF;
    border: none;

}

.quiz .btnWhite {
    color: #041228;
    border: 1px solid;
    background: #FFFFFF;

    /* border-image-source: linear-gradient(90deg, #19427D 1.86%, #041228 100.99%, #041228 101%); */

}

/* page study */

.sectionStudy {
    text-align: center;
}

.studies .title {
    font-family: "Marcher";
    font-size: 40px;
    font-weight: 700;
    line-height: 36.8px;
    text-align: center;
    color: #000000;
    position: relative;
    width: 50%;
    margin: 0 auto 18px;
}

.sectionStudy p {
    font-family: "Marcher";
    font-size: 13px;
    font-weight: 200;
    line-height: 10.92px;
    text-align: center;
    color: #00000066;
}

section.sectionStudySwiper {
    padding-top: 89px;
}

.swiperStudy {
    margin-left: 80px;
    overflow: visible !important;
}

.swiperStudy .swiper-wrapper {
    overflow: visible !important;
}

.swiperStudy .swiper-slide {
    overflow: visible !important;
}

.cardStudy {
    border: 1px solid #000000;
    border-radius: 10px;
    position: relative;
    height: 870px;
    overflow: visible !important;
}

.cardStudy a {
    text-decoration: none;
}

.cardStudy .cardIcon {
    position: absolute;
    top: -80px;
    left: 50%;
    height: 109px;
    width: 109px;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid #e0e0e0;
    z-index: 10;
    overflow: visible !important;
}

.cardStudy .cardIcon img,
.cardStudy .cardIcon svg {
    width: 48px;
    height: 48px;
    object-fit: contain;
    position: relative;
    z-index: 2;
    display: block;
}

.cardStudy .cardIcon svg path,
.cardStudy .cardIcon svg line,
.cardStudy .cardIcon svg circle,
.cardStudy .cardIcon svg rect {
    stroke: #041228 !important;
    stroke-width: 1.5 !important;
}

.cardStudy .cardIcon svg circle[fill] {
    fill: #041228 !important;
}

.swiperStudy .swiper-buttons {
    margin-top: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.swiperStudy .swiper-button-prev,
.swiperStudy .swiper-button-next {
    position: relative;
    left: auto;
    right: auto;
    margin: 0;
    top: auto;
}

.cardStudy .cardHeader {
    background: #041228;
    color: #fff;
    text-align: center;
    height: 134px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px 10px 0 0;
}

.cardStudy .cardHeader h3 {
    font-family: "Marcher";
    font-size: 24px;
    font-weight: 700;
    line-height: 22.08px;
    text-align: center;
    color: #F7F7F7;
    margin: 0;
    width: 80%;

}

.cardStudy .cardBody {
    padding: 20px 10px;
}

.cardStudy .cardBody ul {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
}

.cardStudy .cardBody li {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 33.76px;
    text-align: left;
    color: #70757C;
    text-decoration: none;
}

.cardStudy .cardBody li a {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 33.76px;
    text-align: left;
    color: #70757C;
    text-decoration: none;
}

.studies .sectionAction {
    margin-top: 193px;
    text-align: center;
}

.studies .sectionAction .title {
    margin-bottom: 54px;
    position: relative;
}

.studies .sectionAction .title:before {
    content: '';
    display: block;
    background-image: url('../../assets/img/vector-img.png');
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 76px;
    right: 25px;
    top: 33px;
}


.studies .sectionAction .actionquiz {
    position: relative;
    z-index: 99;
}


/* page details study*/

.detailStudy section.details {
    padding: 90px 190px 0;

    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 31.92px;
    color: #70757C;
}

.detailStudy .title {
    font-family: "Marcher";
    font-size: 40px;
    font-weight: 700;
    line-height: 36.8px;
    text-align: center;
    margin: 0;
    color: #000000;
    text-transform: uppercase;
}

.detailStudy .cards {
    gap: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.detailStudy .card {
    border: 1px solid #000000;
    border-radius: 10px;
    overflow: hidden;
}

.detailStudy .cardHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #041228;
    padding: 9px 24px;
    gap: 15px;
}

.detailStudy .cardHeader svg {
    width: 40px;
    height: 40px;
}

.detailStudy .cardHeader h3 {
    font-family: "Marcher";
    font-size: 20px;
    font-weight: 700;
    line-height: 18.4px;
    color: #F7F7F7;
    margin: 0;
}

.detailStudy .cardContent {
    padding: 15px 39px;
}

.detailStudy .cardContent>div {
    margin-bottom: 16px;
}

.detailStudy .cardContent p {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 31.92px;
    text-align: justify;
    color: #70757C;
    margin: 0;
}

.detailStudy .cardContent a {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 31.92px;
    text-align: left;
    color: #023996;
}


.detailStudy .cardContent li {
    color: #70757C;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 29.54px;
    text-align: left;

}

.detailStudy .cardContent h4 {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 18.4px;
    text-align: left;
    color: #000000;
    margin-bottom: 16px;
}

.detailStudy .cardContent .progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 19px;
    border-radius: 100px;
}

.barBlue {
    background: #456291;
    width: 80%;
}

.barDark {
    background: #62728B;
    width: 70%;
}

.barGray {
    background: #959CA6;
    width: 60%;
}

.detailStudy .cardContent div.progress span {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 29.54px;
    text-align: left;
    color: #FFFFFF;
}


.detailStudy .cardContent .blockVideo {
    margin-bottom: 48px;

}

.detailStudy .cardContent .blockVideo .videos {
    position: relative;
    height: 273px;
    overflow: hidden;
    border-radius: 10px;
}

.detailStudy .cardContent .blockVideo .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.detailStudy .cardContent .blockVideo #videoPlayer {
    /* max-height: 100%;
    max-width: 100%; */
    width: 100%;
    height: 100%;

}

.detailStudy .cardContent .blockVideo .bt-play {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
    cursor: pointer;
}

/* page frais and financment*/

.padding-section {
    padding: 50px 190px 0;
}

.section-frais .heading-page h1 {
    font-family: 'Marcher';
    font-size: 40px;
    font-weight: 700;
    line-height: 36.8px;
    color: #000000;
    margin-bottom: 16px;
}

.about-frais .heading-page h2 {
    font-family: 'Marcher';
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 15px;
}

.about-frais .heading-page h4 {
    font-family: 'Inter';
    font-size: 40px;
    font-weight: 500;
    line-height: 48.4px;
    text-align: left;
    margin-bottom: 32px;
}

.about-frais .content p,
.about-frais .content ol {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    color: #727272;

}

.cardFrais {
    border: 1px solid #041228;
    border-radius: 4px 48px;
    padding: 30px 10px;
    text-align: center;
    cursor: pointer;
    /* box-shadow: 0px 30px 42.8px 0px #0412281C; */
    height: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cardFrais:hover {
    background: #041228;
    color: #fff;
}

.cardFrais:hover hr {
    border-color: #fff;
}

.cardFrais:hover .content {
    color: #fff;
}

.cardFrais:hover button {
    background: #FFFFFF;
    color: #041228;


}

.cardFrais .subject {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: center;
    margin-bottom: 7px;
}

.cardFrais .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
}

.cardFrais .price span {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;

}

.cardFrais .price h5 {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;

}

.cardFrais .content {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
    text-align: center;
    color: #041228;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.cardFrais .content h6 {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 700;
    line-height: 25.6px;
    text-align: center;
    margin: 0;
}

.cardFrais hr {
    border-color: #041228;
    opacity: 1;
    width: 80%;
    margin: 29px auto 20px;
}

.cardFrais button {
    background: #041228;
    color: #FFFFFF;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: center;
    padding: 10px 89px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.section-slider {
    padding-left: 190px;
    padding-top: 32px;
}

.section-slider .swiperFrais {
    overflow: hidden;
}

.padding-section.section-infos.info-contact {
    margin-top: 0;
}

.padding-section.section-infos {
    margin-top: 123px;
}

.section-infos .card-context {
    background-color: #041228;
    border-radius: 80px 0px 80px 0px;
    padding: 39px 185px;
    color: #fff;
    background-image: url('../../assets/img/bgtimeline.png');
    background-repeat: no-repeat;
    background-position: 0 80%;
    background-size: 100%;
}

.section-infos .card-context h2 {
    font-family: 'Marcher';
    font-size: 32px;
    font-weight: 700;
    line-height: 26.88px;
    text-align: center;
    margin-bottom: 50px;
}

.section-infos .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 94px;
}

.section-infos .blocks .block {
    text-align: center;
}

.section-infos .blocks .block .title {
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    margin-bottom: 8px;
}

.section-infos .blocks .block .description {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    text-align: center;
    color: #EBEBEB;
}

.section-infos .card-context .description {
    text-align: center;
}

.section-infos .card-context .description p {
    color: #EBEBEB;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    text-align: center;
    margin-bottom: 26px;
}

.section-infos .card-context .btnContact {
    border: 1px solid #FFFFFF;
    color: #fff;
    -webkit-box-shadow: 0px 6px 10px 0px #00000087;
    box-shadow: 0px 6px 10px 0px #00000087;
    padding: 10px 70px;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 300;
    line-height: 27.2px;
    text-align: center;
    border-radius: 8px;
}

.section-cards {
    margin-top: 30px;
}

.section-cards .sub-heading {
    text-align: center;
    width: 36%;
    margin: 0 auto 32px;
}

.section-cards .sub-heading h2 {
    font-family: 'Marcher';
    font-size: 32px;
    font-weight: 700;
    line-height: 26.88px;
    color: #041228;
    margin-bottom: 23px;
}

.section-cards .sub-heading p {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    text-align: center;
    color: #727272;
    margin: 0;
}

.section-cards .cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.section-cards .cards .card {
    background: #D0D0D0;
    border-radius: 40px 0;
    border: none;
    overflow: hidden;
    width: calc(25% - 20px);
    background-image: url('../../assets/img/line-chart.png');
    background-repeat: no-repeat;
    background-position: left 17%;
    -webkit-box-shadow: 0px 30px 42.8px 0px #0412281C;
    box-shadow: 0px 30px 42.8px 0px #0412281C;

}

.section-cards .cards .card .icon {
    background: #041228;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 25px;
    border-radius: 0px 0 10px 0px;
}

.section-cards .cards .card .content {
    padding: 25px 25px 59px;
    text-align: center;
}

.section-cards .cards .card .content h4 {
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    color: #041228;

}

.section-cards .cards .card .content p {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #192C4B;

}

.section-cards .sub-description {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
    width: 57%;
    margin: 44px auto 30px;
}



/** page scholarship */


.scholarship .pathBg {
    top: 5%;
    z-index: -1;
}


.section-scholarship .heading-page {
    width: 50%;
    margin: 0 auto;
}



.section-scholarship .heading-page h1 {
    font-family: 'Marcher';
    font-size: 40px;
    font-weight: 700;
    line-height: 36.8px;
    text-align: center;
    color: #000000;
    margin-bottom: 32px;

}

.section-scholarship .heading-page p {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    text-align: center;
    color: #727272;

}

.card-scholarship .cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 28px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 64px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.card-scholarship .card {
    background-color: #041228;
    -webkit-box-shadow: 0px 9px 10px 0px #04122870;
    box-shadow: 0px 9px 10px 0px #04122870;
    border-radius: 40px 0;
    border: none;
    padding: 16px 21px;
    position: relative;
    text-align: center;
    width: calc(33.3333% - 28px);
    background-image: url('../../assets/img/bg-success.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 380px;
}

/* .card-scholarship .card:hover {
    background-color: #041228;
    box-shadow: 0px 9px 10px 0px #04122870;

} */

/* .card-scholarship .card:hover .title,
.card-scholarship .card:hover p {
    color: #fff;

} */

.card-scholarship .card .title {
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    color: #fff;
    margin-bottom: 16px;
}

.card-scholarship .card p {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin: 0;
}

.card-scholarship .sub-scription {
    width: 60%;
    font-family: 'Inter';
}

.card-scholarship .sub-scription h3 {
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    text-align: left;
    color: #727272;

}

.card-scholarship .sub-scription ul {
    padding-left: 20px;
    margin: 0;
}

.card-scholarship .sub-scription li {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    text-align: left;
    color: #727272;
}

.frais-foorsa p {
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 700;
    color: #727272;
}

.frais-foorsa .table-frais {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* margin-bottom: 52px; */
}

.frais-foorsa .table-frais li {
    list-style: none;

}

.frais-foorsa .list-options {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    background: #041228;
    color: #fff;
    padding: 40px 32px;
    -webkit-box-shadow: 8px 24px 84px 0px #030C1B26;
    box-shadow: 8px 24px 84px 0px #030C1B26;
    border-radius: 24px;
}

.frais-foorsa .list-options li {
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 500;
    line-height: 21.78px;
    text-align: left;

}

.frais-foorsa .list-options li:not(:last-child) {
    padding-bottom: 52px;
}

.frais-foorsa .list-price {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    background: #fff;
}

.frais-foorsa .list-price li {
    padding: 20px 0;
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    color: #041228;

}

.frais-foorsa .list-price li:nth-child(odd) {
    background: #EFEFEF;
    border-radius: 8px;
}

.frais-foorsa .notice {
    color: #727272;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 27px;
}

.frais-foorsa .notice span {
    font-size: 20px;
    font-weight: 900;
    line-height: 34px;
    color: #041228;

}

.section-billet .content {
    width: 85%;
}

.section-billet h3 {
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    text-align: left;
    color: #727272;
    margin-bottom: 15px;
}

.section-billet .block-content {
    margin-bottom: 33px;
}

.section-billet .block-content ul {
    padding-bottom: 30px;
    margin: 0;
}

.section-billet .block-content li {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    text-align: left;
    color: #727272;

}

.section-billet .block-content li span {
    font-weight: 700;
}

.section-billet .note {
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    text-align: left;
    color: #727272;
}


/* page scholarship frais */


.section-payment.section-scholarship .heading-page h1 {
    margin-bottom: 72px;
}

.section-payment.section-scholarship .heading-page p span {
    color: red;

}

.payment {
    position: relative;
}

.card-payment {
    background: #041228;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 32px;
    border-radius: 24px;
    gap: 40px;
    -webkit-box-shadow: 8px 24px 84px 0px #030C1B26;
    box-shadow: 8px 24px 84px 0px #030C1B26;
    margin-bottom: 47px;
    z-index: 1;
    position: relative;
}

.payment .price {
    background: #EFEFEF;
    text-align: center;
    color: #041228;
    border-radius: 24px 24px 0 0;
    width: 50%;
    position: absolute;
    left: 0;
    top: -12%;
    z-index: 0;
    padding: 20px 0 57px;
}

.payment .price a {
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    color: #041228;
    text-decoration: none;
}

.card-payment .content h3 {
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 26px;
}

.card-payment .content li {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 18px;
}

.card-payment .content,
.card-payment .form-contact {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.card-payment .form-contact form {
    padding: unset;
    all: unset;
}

.card-payment .form-contact #nav-home form input[type='tel'],
.card-payment .form-contact #nav-home form input[type='text'],
.card-payment .form-contact #nav-home form input[type='email'] {
    border-bottom: 1px solid #ECEDF2;
    background: none;
    color: #fff;
}

.form-contact .form-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 25px;
}

.form-check-input[type=checkbox] {
    margin-right: 10px;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #FFFFFF;
    border-radius: 2px;
    cursor: pointer;
    padding: 0;
    background: transparent;
    margin-top: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-check-input[type=checkbox]::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 2px;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.form-check-input[type=checkbox]:checked::before {
    content: '✓';
    color: #FFFFFF;
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.card-payment .form-contact form input::-webkit-input-placeholder {
    color: #FFFFFF;
}

.card-payment .form-contact form input::-moz-placeholder {
    color: #FFFFFF;
}

.card-payment .form-contact form input:-ms-input-placeholder {
    color: #FFFFFF;
}

.card-payment .form-contact form input::-ms-input-placeholder {
    color: #FFFFFF;
}

.card-payment .form-contact form input::placeholder {
    color: #FFFFFF;
}

.card-payment .form-contact form label {
    color: #ECECEC;
    margin: 0;

}

.card-payment .form-contact form label a {
    color: #ECECEC;
}

.card-payment button.btn.btn-submit {
    border: 1px solid #041228;
    background: #FFFFFF;
    color: #041228;
}

.payment-with {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 33px;
    margin-bottom: 80px;
}

.payment-with.section-bac {
    margin-bottom: 25px;
}

.payment-with>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 13px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.payment-with input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #FFFFFF;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -o-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
    padding: 0;
}

.payment-with input[type="radio"]::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 2px;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.payment-with input[type="radio"]:checked::before {
    content: '✓';
    color: #FFFFFF;
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.payment-with label img {
    border: 2px solid transparent;
    border-radius: 8px;
    -webkit-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s;
}




/*page gourney with forsa*/

.section-journey {
    padding: 117px 190px 0;
}

.section-journey .heading-page h1 {
    font-family: 'Marcher';
    font-size: 40px;
    font-weight: 700;
    line-height: 36.8px;
    text-align: center;
    margin-bottom: 32px;
}


.section-journey .heading-page p,
.section-journey .heading-page ul,
.section-journey .heading-page ol {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    text-align: left;
    color: #727272;
}

.card-journey {
    position: relative;
}

.card-journey .pathBg {
    top: 4%;
    z-index: -1;
}

.card-journey .cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 79px;
    margin-bottom: 56px;
}

.card-journey .card {
    border: 1px solid #041228;
    border-radius: 80px 0;
    text-align: center;
    padding: 43px 25px;
    -webkit-box-shadow: 0px 30px 42.8px 0px #0412281C;
    box-shadow: 0px 30px 42.8px 0px #0412281C;
    width: 670px;
}

.card-journey .card:nth-child(2) {
    margin-top: -320px;
}

.card-journey .card:first-child {
    width: 373px;
}

.card-journey .card:last-child {
    width: 533px;
}

.card-journey .card .title {
    font-family: 'Marcher';
    font-size: 32px;
    font-weight: 700;
    line-height: 29.44px;
    text-align: center;
    color: #041228;
}

.card-journey .card .sub-title {
    font-family: 'Marcher';
    font-size: 20px;
    font-weight: 700;
    line-height: 18.4px;
    text-align: center;
    color: #041228;
    margin: 0;
}


.card-journey .card .content {

    margin-top: 16px;
}

.card-journey .card .content p {

    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    text-align: center;
    margin: 0;
    color: #041228;

}

.card-journey .card .content ul {
    margin: 0;
    padding-left: 18px;
}

.card-journey .card .content li {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    text-align: left;
    color: #041228;
}

.card-journey .card.card-left {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
}

.card-journey .card.card-right {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
}

.section-infos .card-context .description p span {
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 900;
    line-height: 34px;
    text-align: left;

}


/* contact page */

.contact-page main {
    background: #041228 !important;
}

.contact-page section.section-contact {
    background: linear-gradient(135deg, #041228 0%, #0a2540 100%) !important;
    border-radius: 0px 0px 0px 150px;
    min-height: auto;
    padding-bottom: 80px;
}

.contact-page section.section-contact .padding-section {
    padding: 30px 60px 60px !important;
    background: transparent !important;
}

.contact-page .section-contact .contact-content h1 {
    font-family: 'Marcher';
    font-size: 64px;
    font-weight: 700;
    line-height: 1.15;
    text-align: left;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.25);
    margin-bottom: 30px;
}

.contact-page .section-contact .contact-content h1 span {
    color: #EACA91;
    display: block;
}

.contact-page .section-contact .contact-content .description p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.section-contact .contact-content p {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    color: #fff;
    margin: 0;
}

.contact-content {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    max-width: 1200px;
    margin: 0 auto;
}

.contact-content hr {
    color: #DADADA;
    border-width: 1px;
    opacity: 1;
}

.contact-content .social-meida {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.contact-content .social-meida .icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.contact-content .social-meida .icons a {
    text-decoration: none;
}


.contact-content .whatsapp-number a {
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    text-decoration: none;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

.contact-content .description {
    flex: 1;
    padding-top: 40px;
}

.contact-content .form-contact {
    flex: 1;
    max-width: 500px;
}

.form-contact form {
    background: #FFFFFF;
    padding: 40px;
    -webkit-box-shadow: 0px 30px 42.8px 0px #0412281C;
    box-shadow: 0px 30px 42.8px 0px #0412281C;
    border-radius: 20px;
}



.form-contact form .header-form {
    text-align: center;
    margin-bottom: 48px;
}


.form-contact form .header-form .title {
    font-family: 'Inter';
    font-size: 28px;
    font-weight: 700;
    line-height: 33.89px;
    color: #041228;
    margin-bottom: 8px;
}

.form-contact form .header-form p {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    color: #5D5D5D;
    margin: 0;
    text-align: center;
}

.form-contact form h4 {
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 600;
    line-height: 24.2px;
    text-align: left;
    color: #041228;
    margin-bottom: 32px;
}

.form-contact form label {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    color: #5D5D5D;
    margin-bottom: 4px;

}

.form-contact form label span {
    color: #F42F4C;

}

.form-contact .form-input {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.form-contact .form-input.promo-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
}

.form-contact .form-input.promo-code:has(.error-message),
.form-contact .form-input.promo-code:has(.success-message) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.success-message {
    color: #31d431;
}

.form-input.promo-code>div {
    width: 100%;
}

button.btnPromo {
    background: transparent;
    border: none;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    color: #fff;
    padding: 12px 0;
    border-bottom: 1px solid #ECEDF2;
}

.form-contact form input {
    border: none;
    border-bottom: 1px solid #ECEDF2;
    padding: 12px 0;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    color: #041228;
    outline: none;
    width: 100%;
}

.form-contact form input::-webkit-input-placeholder {
    color: #041228;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.form-contact form input::-moz-placeholder {
    color: #041228;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.form-contact form input:-ms-input-placeholder {
    color: #041228;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.form-contact form input::-ms-input-placeholder {
    color: #041228;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.form-contact form input::placeholder {
    color: #041228;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.form-contact form textarea {
    background: #F6F7F9;
    border-bottom: 1px solid #ECEDF2;
    border: none;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    padding: 20px 24px;
    border-radius: 16px;
    height: 235px;
    outline: none;
    color: #515978;
    width: 100%;

}

.error-message {
    color: #F42F4C;
}


.form-contact form .form-footer {
    text-align: end;
}

.form-contact form .btn-submit {
    border: 1px solid #041228;
    padding: 12px 44px;
    color: #041228;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.form-contact .btn-check:checked+.btn,
:not(.btn-check)+.btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
    color: initial;
    background-color: initial;
    border-color: initial;
}

.wpcf7-not-valid-tip {
    font-size: 13px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: transparent;
    color: #F42F4C;
}

.wpcf7 form .wpcf7-response-output {
    margin: 10px 0;
    padding: 0;
    border: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: green;
}

.contact-page .footer {
    padding-top: 17px;
}


/* Careers page */


.form-careers .block {
    margin-bottom: 38px;
}

.form-careers .block-header {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.form-careers h3 {
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    margin-bottom: 0;
    color: #041228;

}



.form-careers .block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px 30px;
}

.form-careers .block-content .form-group {
    -ms-flex-preferred-size: calc(50% - 15px);
    flex-basis: calc(50% - 15px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

}

.form-careers .block-content .form-group>p {
    margin-bottom: 0;
}

.form-careers .block-content .form-group:not(:has(label)) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.form-careers .block-content .form-label {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: left;
}

.form-careers .block-content .form-label span {
    color: #EA4335;
}


.form-careers .block-content input,
.form-careers .block-content select {
    border: 1px solid #D5D8E2;
    padding: 19px 12px;
    outline: none;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #515978;
    width: 100%;
}

.form-careers .block-content input::-webkit-input-placeholder {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #515978;

}

.form-careers .block-content input::-moz-placeholder {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #515978;

}

.form-careers .block-content input:-ms-input-placeholder {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #515978;

}

.form-careers .block-content input::-ms-input-placeholder {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #515978;

}

.form-careers .block-content input::placeholder {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #515978;

}


.form-careers .block-content textarea {
    border: 1px solid #D5D8E2;
    padding: 19px 12px;
    height: 120px;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #515978;
    outline: none;
    width: 100%;
}

.form-careers .block-content textarea::-webkit-input-placeholder {

    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #515978;
}

.form-careers .block-content textarea::-moz-placeholder {

    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #515978;
}

.form-careers .block-content textarea:-ms-input-placeholder {

    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #515978;
}

.form-careers .block-content textarea::-ms-input-placeholder {

    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #515978;
}

.form-careers .block-content textarea::placeholder {

    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #515978;
}

.form-careers .block-content .form-group .form-text {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 41.33px;
    text-align: left;
    color: #464A53;
    margin: 0;
}


.custom-file {
    position: relative;
    border: 1.53px solid #CCCCCC;
    height: 139px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    cursor: pointer;
}

.custom-file span {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.file-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
}

.file-upload p {

    font-family: 'Inter';
    font-size: 14px;
    font-weight: 900;
    line-height: 41.33px;
    text-align: center;
    color: #ABAFB3;
    margin: 0;
}

.file-required {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.file-required p {
    margin: 0;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 41.33px;
    text-align: left;
    color: #464A53;
}

.input-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.file-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}

.progress-custom {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
}

.progress-bar {
    margin-top: 10px;
    height: 10px;
    background: #CCCCCC;
    /* opacity: 0.1; */
    border-radius: 50px;
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
    position: relative;
}

.progress-overlay {
    position: absolute;
    background: #041228;
    width: 0;
    left: 0;
    height: 100%;
    z-index: 99999;
    opacity: 1;
    border-radius: 50px;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
}

.file-progress-bar {
    height: 100%;
    background: #041228;
    width: 0;
}

.file-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.file-info p {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 900;
    line-height: 10px;
    text-align: left;
    color: #464A53;
    margin: 0;
}

button.btn-delete-file {
    all: unset;
    cursor: pointer;
}

.form-careers .block-footer {
    text-align: center;
}

.form-careers .btn-apply {
    -webkit-box-shadow: 0px 6px 10px 0px #00000029;
    box-shadow: 0px 6px 10px 0px #00000029;
    padding: 10px 70px;
    background: #041228;
    border-radius: 8px;
    border: none;
    color: #fff;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 700;
    line-height: 27.2px;
    text-align: center;
}

/* page join us */

.section-joinUs {
    background-color: #041228;
    background-image: linear-gradient(135deg, rgba(4, 18, 40, 0.95) 0%, rgba(10, 37, 64, 0.9) 100%), url('../img/bg-joinUs.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 0px 0px 0px 100px;
    padding-top: 40px !important;
    padding-bottom: 60px !important;
}

.content-join-us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    padding-bottom: 80px;
}

.content-join-us .title,
.content-join-us .description {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.content-join-us .description p {
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.03em;
    text-align: left;
    color: #fff;
}

.content-join-us .title h1 {
    font-family: 'Marcher';
    font-size: 48px;
    font-weight: 200;
    line-height: 57.6px;
    letter-spacing: -0.03em;
    text-align: left;
    color: #fff;
}

.content-join-us .title h1 span {
    font-weight: 700;
}

.section-work-at-foorsa {
    margin-bottom: 0;
    padding-bottom: 60px;
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
}

.section-work-at-foorsa .cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
}

.section-work-at-foorsa .card {
    background: linear-gradient(135deg, #041228 0%, #0a2540 100%);
    border: none;
    border-radius: 24px;
    width: 220px;
    min-height: 240px;
    padding: 40px 25px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 20px rgba(4, 18, 40, 0.15);
}

.section-work-at-foorsa .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(4, 18, 40, 0.25);
}

.section-work-at-foorsa .card img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 20px;
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

.section-work-at-foorsa .card h2 {
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    color: #ffffff;
    margin: 0;
    text-align: center;
}

.section-ready {
    background: #041228;

}

.section-ready .heading-page.text-center h1 {
    color: #FFFFFF;
}

.section-ready .heading-page.text-center p {
    color: #E3E3E3;

}

.section-ready .content {
    padding-bottom: 50px;
}

.section-ready .content h2 {
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 800;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
    margin: 52px 0;
}

.section-ready .list-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 67px;
    margin-bottom: 64px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section-ready .card {
    background: transparent;
    position: relative;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    height: 337px;
    width: 340px;
    padding: 47px 23px;

}

.section-ready .card .icon {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
}

.section-ready .card h3 {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
}


.section-ready .card p {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    text-align: center;
    margin: 0;
    color: #E3E3E3;
    position: relative;
}

.section-ready .action {
    text-align: center;
}

.section-ready .btn-apply {
    -webkit-box-shadow: 0px 6px 10px 0px #00000029;
    box-shadow: 0px 6px 10px 0px #00000029;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 700;
    line-height: 27.2px;
    text-align: center;
    text-decoration: none;
    padding: 10px 70px;
    color: #041228;
    background: #fff;
    border-radius: 10px;
}

/* Recruitment page specific styles */
.recruitment-page main {
    background: transparent;
}

.recruitment-page .padding-section {
    padding: 40px 60px 0;
}

.recruitment-page .section-joinUs {
    background: linear-gradient(180deg, #041228 0%, #0a2540 100%) !important;
    color: #fff;
}

.recruitment-page .section-joinUs .padding-section {
    padding: 120px 60px 60px;
    background: transparent !important;
}

.recruitment-page .section-joinUs .content-join-us {
    padding-bottom: 40px;
}

.recruitment-page .section-work-at-foorsa {
    padding-top: 50px;
    margin-top: 0;
    background: #fff;
}

.recruitment-page .section-work-at-foorsa .heading-page {
    margin-bottom: 40px;
}

.recruitment-page .section-ready {
    background: #041228;
}

.home-page .checkout {
    display: none;
}

.checkout {
    position: fixed;
    right: -65px;
    z-index: 9;
    top: 30%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

html[lang="fr-FR"] .checkout {
    right: -80px;
}

.checkout a {
    background: #EACA91;
    -webkit-box-shadow: 0px 4px 19.9px 0px #04122857;
    box-shadow: 0px 4px 19.9px 0px #04122857;
    font-family: 'Marcher';
    font-size: 18px;
    font-weight: 700;
    line-height: 20.16px;
    text-align: center;
    text-decoration: none;
    padding: 15px 60px;
    color: #fff;
    border-radius: 20px 20px 0 0;
    text-transform: uppercase;
}


.language-switcher {
    position: fixed;
    left: 25px;
    bottom: 0;
    z-index: 99;
}

.language-switcher .dropbtn {
    -webkit-box-shadow: 0px 2px 9.95px 0px #04122857;
    box-shadow: 0px 2px 9.95px 0px #04122857;
    background: #041228;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px 5px 0 0;
    font-family: 'Marcher';
    font-size: 15px;
    font-weight: 700;
    line-height: 10.08px;
    text-align: center;
    color: #fff;
    padding: 15px 10px;

}

.language-switcher .dropup {
    position: relative;
    display: inline-block;
}

.language-switcher .dropup-content {
    display: none;
    position: absolute;
    bottom: calc(100% - 7px);
    z-index: 1;
    width: 100%;
    z-index: -1;
    -webkit-box-shadow: 0px 2px 9.95px 0px #04122857;
    box-shadow: 0px 2px 9.95px 0px #04122857;
    background: #FFFFFF;
    border-radius: 5px 5px 0 0;
}

.language-switcher .dropup-content a {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    padding: 15px 10px;
    color: #041228;
    font-family: 'Marcher';
    font-size: 15px;
    font-weight: 700;
    line-height: 10.08px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.language-switcher .dropup-content a:not(:last-child) {
    border-bottom: 0.5px solid #041228;
}


.language-switcher .flag-icon {
    position: relative;
    overflow: hidden;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.language-switcher .flag-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.language-switcher .dropup:hover .dropup-content {
    display: block;
}


/*page cash plus */

body.page-template-page-cashPlus-php .language-switcher{
    display: none;
}

.section-cashplus h2 {
    font-family: 'Marcher';
    font-size: 24px;
    font-weight: 700;
    line-height: 22.08px;
    text-align: left;
}

.section-cashplus p {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    text-align: left;
    color: #727272;
    margin: 0;
}

.section-cashplus h3,
.section-cashplus p span {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 700;
    line-height: 27.2px;
    text-align: left;
    color: #041228;
}

.tooltip {
    font-family: 'Inter';
    font-weight: 400;
    color: #fff;
    --bs-tooltip-bg: #041228;
}

button#copy-button {
    border: none;
    background: none;
    padding: 0;
    vertical-align: text-bottom;
}

span#payment-token {
    font-weight: 800;
    font-size: 24px;
}

.cashplus-infos {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-cashplus .detail {
    margin: 30px 0;
}

.cashplus-location {
    margin-top: 18px;
}

.section-cashplus .detail a {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 14.72px;
    color: #000000;

}

.section-cashplus .notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.section-cashplus .notice p {
    font-family: 'Marcher';
    font-size: 20px;
    font-weight: 700;
    line-height: 25.8px;
    text-align: left;
    color: #FF3131;

}


/* page about us*/

.teams {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 64px;
}


.teams .member .image {
    width: 374px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
}

.teams .member .image img {
    width: 100%;
}


.teams .member .name {
    font-family: 'Marcher';
    font-size: 20px;
    font-weight: 700;
    line-height: 16.8px;
    text-align: center;
    color: #041228;
}

.teams .member .role {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 13.44px;
    text-align: center;
    margin: 0;
    color: #041228;
}

.section-about {
    position: relative;
}

.section-about .description {
    width: 80%;
}

.section-about .description p {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    color: #727272;

}

.info-about {
    z-index: 1;
    position: relative;
}

.info-about .card-context {
    background-image: url('../img/bg-about-info.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-about .pathBg {
    position: absolute;
    right: 40px;
    z-index: 0;
    left: initial;
    width: initial;
    top: 10%;
}

/* page partner*/

.partner-page main {
    background: transparent;
}

.partner-page .pathBg {
    top: unset;
    z-index: 0;
}

.section-joinUs.section-partner {
    background: linear-gradient(180deg, #041228 0%, #0a2540 100%) !important;
    background-image: url('../img/bg-partner.png');
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    padding: 60px 40px 80px;
    border-radius: 0 0 0 100px;
}

.section-joinUs.section-partner .section-scholarship {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.section-joinUs.section-partner h1 {
    color: #EACA91;
    margin: 0 0 10px;
    font-size: 14px;
    letter-spacing: 3px;
    font-weight: 600;
}

.section-joinUs.section-partner h2 {
    font-family: 'Marcher';
    font-size: 52px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
    line-height: 57.6px;
    letter-spacing: -0.03em;
    color: #fff;

}

.section-joinUs.section-partner p {
    color: #fff;
}

.section-joinUs.section-partner .section-scholarship .heading-page {
    width: 70%;
}

.padding-section.cards-partner {
    padding: 80px 60px;
    position: relative;
    background: #fff;
}

.cards-partner .container {
    max-width: 1200px;
    margin: 0 auto;
}

.cards-partner .about-frais {
    max-width: 800px;
    margin-bottom: 50px;
}

.cards-partner .about-frais .heading-page h2 {
    font-family: 'Marcher';
    font-size: 36px;
    font-weight: 700;
    color: #041228;
    margin-bottom: 20px;
}

.cards-partner .about-frais .content p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

.cards-partner .about-frais .content ol {
    padding-left: 20px;
}

.cards-partner .about-frais .content ol li {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 10px;
}

.cards-partner .cards {
    display: flex;
    gap: 24px;
    margin-bottom: 60px;
    flex-wrap: wrap;
    justify-content: center;
}

.card-partner {
    background: linear-gradient(135deg, #041228 0%, #0a2540 100%);
    border-radius: 24px;
    padding: 40px 30px;
    flex: 1;
    min-width: 280px;
    max-width: 380px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 20px rgba(4, 18, 40, 0.15);
}

.card-partner:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(4, 18, 40, 0.25);
}

.card-partner .image {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    background: rgba(234, 202, 145, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.card-partner .image img {
    width: 100%;
    filter: brightness(0) invert(1);
}

.card-partner h4 {
    font-family: 'Marcher';
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    color: #EACA91;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.card-partner ul {
    padding-left: 20px;
    margin: 0;
}

.card-partner li {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.85);
}

.card-partner li:not(:last-child) {
    margin-bottom: 12px;
}

.sctions-partner-with-us {
    /* height: 1050px; */
    position: relative;
    z-index: 1;
}

.section-infos.sctions-partner-with-us .card-context>div:first-of-type p:first-of-type {
    color: #FFFFFFBF;
}

.sctions-partner-with-us .card-context h5 {
    font-family: 'Marcher';
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.form-partner {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 40px 58px;
    width: 700px;
    -webkit-box-shadow: 0px 30px 42.8px 0px #0412281C;
    box-shadow: 0px 30px 42.8px 0px #0412281C;
    margin: 0 0 -170px auto;
}

.form-partner h6 {
    font-family: 'Inter';
    font-size: 28px;
    font-weight: 700;
    line-height: 33.89px;
    color: #041228;
    text-align: center;
}

.form-partner p {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: center;
    color: #5D5D5D;
}

.form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
}

.form-partner .form-group p {
    text-align: left;
    margin: 0;
}

.form-partner label {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    color: #041228;
    margin-bottom: 8px;
}

.form-partner label span {
    color: #EA4335;
}

.form-partner label span small {
    color: #515978;

}

.form-partner select,
.form-partner input {
    padding: 20px 12px;
    outline: none;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    color: #515978;
    border: 1px solid #D5D8E2;
    width: 100%;
}

.form-partner .submit-partner {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 700;
    line-height: 27.2px;
    text-align: center;
    color: #fff;
    padding: 10px 70px;
    background: #041228;
    border-radius: 8px;
    border: none;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.partner-page .footer .firstFooter {
    padding-top: 200px;
}

.partner-page .sctions-partner-with-us {
    padding-bottom: 200px;
}

/* page faq */

.section-faq {
    background: #041228;
    border-radius: 0 0 0 150px;
    padding-bottom: 89px;
}

.section-faq .heading-page h1 {
    color: #FFFFFF;

}

.section-faq .heading-page p {
    color: #FFFFFFB2;
    margin: 0;
}

.section-faq form {
    position: relative;
    margin-top: 60px;
    width: 100%;
    border-radius: 50px;
    padding: 16px 19px;
    background-color: #fff;
}

.section-faq form input {
    border: none;
    outline: none;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: #858585;
    width: 100%;
}

.section-faq a.search-button {
    position: absolute;
    top: 50%;
    right: 19px;
    text-decoration: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.faq-page .faq-questions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
}

.faq-page .faq-questions .categories {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.faq-page .faq-questions .questions {
    -ms-flex-preferred-size: calc(70% - 60px);
    flex-basis: calc(70% - 60px);
}

.faq-page .faq-questions .categories ul {
    padding: 0;
    margin: 0;
}

.faq-page .faq-questions .categories ul li {
    list-style: none;
    background: #F1F1F1;
    border-radius: 10px;
}

.faq-page .faq-questions .categories ul li:not(:last-child) {
    margin-bottom: 28px;
}

.faq-page .faq-questions .categories ul li.active {
    background: #041228;
}

.faq-page .faq-questions .categories ul li a {
    text-decoration: none;
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #041228;
    width: 100%;
    height: 100%;
    display: block;
    padding: 27px 20px;
}

.faq-page .faq-questions .categories ul li.active a {
    color: #fff;
}


.faq-page .accordion-item {
    border: none;
}

.faq-page .accordion-item:not(:last-child) {
    border-bottom: 0.5px solid #04122880;

}

.faq-page button.accordion-button {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none !important;
    background: none;
    padding: 24px 0;
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #041228;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.faq-page .accordion-body,
.faq-page .accordion-notfound {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: #727272;
    padding: 0 0 24px 0;
}

.faq-page .accordion-button::after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="21" viewBox="0 0 22 21" fill="none"%3E%3Cpath d="M11.0007 7.00195V14.3353M7.33398 10.6686H14.6673M20.1673 10.6686C20.1673 15.7312 16.0633 19.8353 11.0007 19.8353C5.93804 19.8353 1.83398 15.7312 1.83398 10.6686C1.83398 5.60601 5.93804 1.50195 11.0007 1.50195C16.0633 1.50195 20.1673 5.60601 20.1673 10.6686Z" stroke="%23041228" stroke-width="1.83333" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}

.faq-page .accordion-button.collapsed::after {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2222%22%20height=%2223%22%20viewBox=%220%200%2022%2023%22%20fill=%22none%22%3E%3Cpath%20d=%22M7.33203%2011.8327H14.6654M20.1654%2011.8327C20.1654%2016.8953%2016.0613%2020.9993%2010.9987%2020.9993C5.93609%2020.9993%201.83203%2016.8953%201.83203%2011.8327C1.83203%206.77007%205.93609%202.66602%2010.9987%202.66602C16.0613%202.66602%2020.1654%206.77007%2020.1654%2011.8327Z%22%20stroke=%22%23041228%22%20stroke-width=%221.83333%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E');
}

/*page documents*/

.page-document .heading-page p {
    text-align: center;
}


.section-document h2 {
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    color: #041228;
    margin-bottom: 30px;
}

.section-document .cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section-document .card-document {
    background: #041228;
    color: #fff;
    width: calc(50% - 20px);
    height: 720px;
    padding: 30px 50px;
    border-radius: 40px 0px 40px 0px;
}

.section-document .card-document h4 {
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.section-document .card-document ul,
.section-document .section-document ol {
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #FFFFFFBF;
    padding-left: 1rem;
}

section#sectionReview {
    position: relative;
    z-index: 1;
    text-align: center;
}

#sectionReview .googleReviews {
    margin-bottom: 50px;
}




/* page blog*/


.cards-blog {
    margin-bottom: 130px;
    position: relative;
}

.blog-page .pathBg {
    z-index: 0;
    top: 0;
}

.cards-blog .row {
    z-index: 1;
    position: relative;
}

.card-article {
    width: 100%;
    border-radius: 4px;
    box-shadow: 0px 2px 48px 0px #0000000F;
    background: #FFFFFF;
    overflow: hidden;
    margin-bottom: 30px;
}

.article-img {
    position: relative;
}

.article-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}


.article-img span.date {
    position: absolute;
    top: 18px;
    left: 16px;
    background: rgb(0 0 0 / 27%);
    color: #FFFFFF;
    padding: 5px 16px;
    border-radius: 4px;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
}

.article-space {
    padding: 25px 12px;
}

.article-details h3 {
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.675000011920929px;
    margin-bottom: 10px;
    color: #041228;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.article-excerpt {
    font-family: 'Inter';
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.6000000238418579px;
    text-align: center;
    color: #727272;
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.article-excerpt p {
    margin-bottom: 0;
}

.read-more.text-center {
    margin-bottom: 15px;
}

.read-more .btn-send {
    font-family: 'Inter';
    font-size: 15px;
    font-weight: 600;
    line-height: 18.15px;
    letter-spacing: 1.0714285373687744px;
    background: #041228;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 4px;
    display: inline-block;
}

.pagination {
    align-items: center;
    justify-content: center;
    gap: 26px;
    position: relative;
    z-index: 1;
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    display: none;
}

.pagination .page-numbers {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 14px;
    text-decoration: none;
    padding: 11px 13px;
    color: #727272;
}

.pagination .page-numbers.current {
    color: #FFFFFF;
    background: #041228;
    border-radius: 6px;
}


section.section-newsletter {
    background: #041228;
    padding: 26px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.section-newsletter .newsletter {
    background-image: url('../../assets/img/bg-newsletter.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-align: center;
}

.section-newsletter .newsletter h3 {
    font-family: 'Inter';
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 1.2000000476837158px;
    color: #fff;
    margin-bottom: 10px;
}

.section-newsletter .newsletter p {
    font-family: 'Inter';
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.6000000238418579px;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
    width: 80%;
    margin: 0 auto 40px;
}

.section-newsletter .newsletter .formNews {
    position: relative;
    margin-bottom: 30px;
}

.section-newsletter .newsletter form {
    width: 100%;
}

.section-newsletter .newsletter input {
    padding: 13px 19px;
    width: 100%;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.4941176474094391px;
    border: 1px solid #04122845;
    border-radius: 8px;
    outline: none;

}

.section-newsletter .newsletter .btnSend {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    background: #041228;
    border: none;
    padding: 10px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.section-single-blog {
    position: relative;
    height: 480px;
}

section.section-single-blog:before {
    background: linear-gradient(180deg, #041228 0%, rgba(4, 18, 40, 0.15) 100%);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
}

section.section-single-blog img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-blog h1 {
    font-family: 'Inter';
    font-size: 38px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 1.4249999523162842px;
    margin-bottom: 63px;
    color: #041228;
}

.content-blog .content {
    font-family: 'Inter';
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.6000000238418579px;
    color: #727272;
}

.content-blog .share-post {
    display: flex;
    gap: 17px;
    align-items: center;
}

.content-blog .platforme {
    display: flex;
    align-items: center;
    gap: 17px;
}

/*page newsletter*/

.page-newsletter .heading-page p {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

.page-newsletter .section-journey .heading-page h1 {
    margin-bottom: 100px;
}


/*page reviews*/

.page-review .heading-page {
    margin-bottom: 85px;
}

section.review {
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-review {
    background: #041228;
    border-radius: 12px;
    text-align: center;
    padding: 20px;
    width: 320px;
}

.card-review h3 {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    margin-bottom: 12px;
}

.card-review button {
    background: #FFFFFF;
    border: none;
    border-radius: 6px;
    padding: 14px 0;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #041228;
    width: 100%;
}

.star {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
}

.rating {
    border: none;
}

.rating>input {
    display: none;
}

.rating>label:before {
    font-size: 32px;
    display: inline-block;
    content: "★";
}

/* .rating>.half:before {
    content: "★";
    position: absolute;
} */

.rating>label {
    color: #fff;
    float: right;
    cursor: pointer;
}


.rating>input:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: #FFC400;
}


.card-review .form-input {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px;

}

.card-review p {
    font-family: 'Inter';
    font-size: 15.63px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #fff;
    margin-bottom: 8px;
}

.card-review label {
    font-family: 'Inter';
    font-size: 13.67px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    color: #fff;
}

.card-review input,
.card-review textarea {
    border: 1px solid #E5E7EB91;
    border-radius: 6px;
    padding: 10px;
    outline: none;
    font-family: 'Inter';
}

.second-card {
    display: none;
}

.second-card .card-review button {
    border: 1px solid #FFFFFF;
    background: transparent;
    color: #fff;
}

.second-card .card-review h3 {
    text-align: left;
}

/* Resolution screens */


@media(max-width:1920px) {
    #sectionUniversities {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    #sectionEtudiant {
        padding-bottom: 50px;
        padding-top: 30px;
    }

    #sectionEducation .blockSlider {
        margin: 50px 0 0 68px;
        position: relative;
    }
}

.hidden-rtl {
    visibility: hidden;
}

@media(max-width:1600px) {
    #playVideo .modal-dialog.modal-dialog-centered {
        max-width: 400px !important;
        width: 90%;
    }

    #sectionEducation .blockSlider {
        margin: 50px 0 0 68px;
        position: relative;
    }

    #sectionEducation .card .cardNumber {
        font-size: 60px;
        line-height: initial;
    }

    #sectionEducation .card .cardTitle {
        font-size: 25px;
    }

    #sectionEducation {
        padding: 60px 0 0 0;
    }

    .swiper-buttons {
        margin-top: 5.5%;
    }

    .section .swiper-button-prev,
    .section .swiper-button-next {
        width: 50px;
        height: 50px;
    }

    .section .swiper-button-prev::after,
    .section .swiper-button-next::after {
        font-size: 18px;
        color: #041228;
    }

    .questionnes {
        padding-top: 15px;
    }

    .titles .text {
        gap: 0;
        width: 60%;
        margin: 0 auto;
        text-align: center;
    }

    #sectionHero .secondBlock .firstContent .titles h2 {
        font-size: 100px;
        /* width: 450px; */
    }

    #sectionHero .firstBlock .subTitle {
        margin-bottom: auto;
    }

    .cardSubCat {
        height: 500px;
    }

    .cardSubCat .front .numberFront {
        font-size: 90px;
    }

    .detailQuestion .number {
        font-size: 100px;
    }

    .detailQuestion .questionTitle {
        font-size: 60px;
        margin-bottom: 10px;
    }

    img.bgIconPen {
        top: -10%;
    }

    img.bgIconCalculator {
        bottom: 30px;
    }

    #sectionHero .secondBlock .cloud {
        top: -65%;
    }

    #sectionJoinUs .blockHeader {
        margin-bottom: 60px;
    }

    #sectionJoinUs .blockHeader .title {
        font-size: 55px;
        margin: 0;
    }

    .letsGo {
        margin-bottom: 50px;
    }

    #sectionJoinUs .signup {
        margin-bottom: 60px;
    }

    #sectionEtudiant {
        padding-bottom: 60px;
        padding-top: 40px;
    }

    #sectionEtudiant .blockHeader {
        margin-bottom: 5px;
    }

    .blockHeader .title {
        font-size: 40px;
    }

    #sectionUniversities {
        overflow-x: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 60px;
        margin-bottom: 80px;
    }

    .cardStudy {
        height: 1000px;
    }
}

@media(max-width:1300px) {

    #sectionHero .firstBlock .content {
        top: 120px;
    }

    #sectionHero .firstBlock .bg-person {
        height: 345px;
    }

    #sectionHero .firstBlock .subTitle {
        margin-bottom: 10px;
    }

    #sectionHero .firstBlock .subTitle {
        font-size: 60px;
    }

    #sectionHero .firstBlock .title {
        font-size: 90px;
        line-height: 80px;
        margin-bottom: 0;
    }

    #sectionHero .secondBlock .firstContent .titles h2 {
        line-height: 85px;
        font-size: 90px;
    }

    .titles .text {
        gap: 0;
    }

    #sectionHero .secondContent .media p {
        font-size: 50px;
    }

    #sectionEducation .card .cardNumber {
        font-size: 40px;
        line-height: 1;
    }

    #sectionEducation .card .cardTitle {
        line-height: 2;
    }

    #sectionEducation .card .cardContent {
        font-size: 12px;
        margin: 0px 20px 15px;
    }

    #sectionEducation .card .cardContent:after {
        margin-top: 10px;
    }

    #sectionEducation .blockSlider {
        margin: 30px 0 0 68px;
    }

    .section .swiper-button-prev,
    .section .swiper-button-next {
        width: 40px;
        height: 40px;
    }

    .section .swiper-button-prev::after,
    .section .swiper-button-next::after {
        font-size: 15px;
        color: #041228;
    }

    #sectionEducation .card .link {
        font-size: 10px;
    }

    .section .swiper-button-prev {
        left: -20px;
        right: unset;
    }

    .cardSubCat .front .numberFront {
        font-size: 80px;
        line-height: 85px;
    }

    .cardSubCat {
        height: 500px;
    }

    .detailQuestion .number {
        font-size: 70px;
        line-height: 1;
    }

    .detailQuestion .questionTitle {
        font-size: 40px;
        margin-bottom: 10px;
        line-height: 1;
    }

    #sectionJoinUs {
        padding: 140px 0 63px 0;
    }

    #sectionJoinUs .blockHeader .title {
        font-size: 35px;
    }

    #sectionJoinUs .signup {
        font-size: 25px;
        padding: 20px 30px;
        margin-bottom: 50px;
    }

    .letsGo {
        padding: 15px 80px;
        margin-bottom: 30px;
    }

    #sectionJoinUs .container .content {
        padding: 0 140px;
    }

    #sectionJoinUs .blockHeader {
        margin-bottom: 50px;
    }

    .blockHeader .title {
        font-size: 30px;
    }

    .blockHeader p {
        font-size: 13px;
    }

    .contentCard img {
        /* height: 280px; */
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    #sectionEtudiant {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    #sectionEtudiant .cardEdudiant {
        width: 300px;
        height: 530px;
    }

    #sectionEtudiant .cardDetail .name {
        font-size: 15px;
    }

    #sectionEtudiant .cardDetail .matier {
        font-size: 11px;
    }

    #sectionEtudiant .cardDetail .description {
        font-size: 12px;
    }

    #sectionEtudiant .buttonPlay svg {
        width: 50px;
        height: 50px;
    }

    #playVideo .modal-dialog.modal-dialog-centered {
        max-width: 350px !important;
        width: 95%;
    }


    section#sectionUniversities {
        margin-top: 60px;
        margin-bottom: 60px;
    }


    /* page about */

    .teams .member .image {
        width: 290px;
    }
}

.error-404.not-found {
    position: relative;
    height: 100vh;
}

.error-404.not-found img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
}

.error404 #sectionFooter {
    margin-top: 0;
}

#sectionEtudiant .cardEdudiant img {
    width: 100%;
    /* height: 400px; */
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.payment ul li {
    color: white;
}

.xmark_sm {
    position: absolute;
    top: 10px;
    right: 0;
    width: 30px;
    height: 30px;
}

.btn-apply a{
    font-family: 'Red Hat Display', sans-serif;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
    border-radius: 4px;
    border: 1px solid #041228;
    padding: 15px 69px;
    text-decoration: none;
    margin: 0 auto;
    display: block;
    width: max-content;
    background-color: #041228;
}


@media(max-width: 500px){
    .btn-apply a {
        font-size: 15px;
        padding: 15px 50px;
    }
}

.menuFooter .items-menu{
    display: flex;
    gap: 100px;
}

.menuFooter .items-menu ul{
    display: block;
}

.menuFooter .item-menu label {
    color: #041228;
    font-size: 19px;
    margin-bottom: 10px;
    font-weight: 600;
}

.backToCategory{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    margin-bottom: 20px;
}

@media(max-width: 500px){
    .backToCategory {
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: center;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }

    button.btnBack{
        font-size: 12px;
        padding: 15px 10px;
        width: 47%;
    }
}

.logos-footer>a img{
    width: 35px;
}

.btn-apply-navbar{
    background-color: #EACA91;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 50px;
    font-weight: bold;
    text-transform: uppercase;
     animation: blurr 2s;
  animation-iteration-count: infinite;
}


@keyframes blurr {
  0%,
  100% {
    box-shadow: 0 0 10px #ffffff;
  }

  50% {
    box-shadow: 0 0 30px #ffffff;
  }
}

@keyframes fade {
  0% {
    opacity: 100%;
  }
  100% {
    opacity: 0%;
  }
}

.checkout-stripe .simpay-checkout-form{
    max-width: 40%;
    display: block;
    margin: 0 auto;
}

.checkout-stripe .simpay-form-title{
    text-align:center !important;
}

.checkout-stripe .simpay-form-description{
    text-align:center !important;
}

.checkout-stripe{
    padding-bottom: 50px;
}

@media(max-width:500px){
    .checkout-stripe .simpay-checkout-form {
        max-width: 100%;
    }
}
.form-contact nav{
    display: block;
}
.form-contact .tab-content{
    background-color: #1E2A3E;
    padding: 30px;
    border-radius: 0 0 12px 12px;
}
.form-contact .nav-tabs{
    border:none;
}

.form-contact button#nav-profile-tab {
    font-size: 14px;
    color: #fff;
    font-family: 'Inter';
}
.form-contact .nav-tabs .nav-link.active{
    color: #fff;
    background-color: #1E2A3E;
    border-color: #1E2A3E;
}

.form-contact .nav-tabs .nav-link:hover{
    border-color: transparent;
}
.form-contact .nav-tabs .nav-link:focus{
    border-color: transparent;
}
.simpay-form-title{
    display: none !important;
}
.simpay-form-description{
    display:none !important;
}

.p-FieldLabel{
    color: #ECECEC !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}


/* thankyou page stripe*/
.section-hero-stripe .card {
    display: flex;
    width: 808px;
    flex-direction: column; /* Stack elements vertically */
    align-items: center; /* Center align content */
    justify-content: center;
    text-align: center; /* Center the text */
    padding: 20px;
    border-radius: 10px; /* Optional rounded corners */
    box-shadow:none; /* Optional shadow */
    background-color:transparent;
}

.page-stripe-thanks .col-12 {
    flex: 0 0 100%; /* Take up full width */
    max-width: 100%;
    padding: 10px; /* Optional padding */
}

.section-hero-stripe .card img {
    max-width: 100%; /* Make sure the image scales within the container */
    height: auto; /* Maintain aspect ratio */
    margin-bottom: 20px; /* Optional spacing between image and text */
}

.section-hero-stripe .card-body h1 {
    font-size: 44px;
    color: #fff;
    font-weight: 700;
}
.section-hero-stripe .card-body p {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}
.page-stripe-thanks .content {
    display: flex;
    flex-direction: column; 
    justify-content: center;
    padding: 20px;
    align-items: center;
}
.page-stripe-thanks .content h2{
    font-size:40px;
    color : #041228;
    font-weight: 700;
    text-align:center;
}

.section-hero-stripe {
    background-color: #041228;
    height: 774px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 0px 0px 150px;
}

.page-stripe-thanks .content ul li .text-t1{
    color:#041228;
    font-size: 20px;
    line-height:32px;
    font-weight: 400;
}

.page-stripe-thanks .content .text-t2{
    color:#041228;
    font-size: 20px;
    line-height:32px;
    font-weight: 500;
}
.bnr-contact .contact{
    display: flex;
    justify-content: center;
    align-items: center;

    
}
.bnr-contact .social-media{
    align-items: center;
    background-color:#041228;
    width: 100%;
    height: auto;
    border-radius: 80px 0px 80px 0px;
    background-image: url('../../assets/img/border-s.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding:50px;

}
.bnr-contact .social-media h3{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 34px;
    font-weight: 700;
    color:#fff
}
.bnr-contact .social-media-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px 0px;
    gap: 30px;

}
.bnr-contact .social-media p{
    text-align: center;
    color:#fff;
    font-size: 20px;
    font-weight: 400;
}

@media(max-width:500px){
    .section-hero-stripe .card img{
        max-width: 50%;
        height: auto;
        margin-bottom: 20px;
    }
    .section-hero-stripe .card-body h1 {
        font-size: 25px;
    }
    .section-hero-stripe .card-body p {
        font-size: 16px;
    }
    .section-hero-stripe{
        height:550px;
    }
    .page-stripe-thanks .content h2 {
        font-size: 25px;
    }
    .page-stripe-thanks .content ul li .text-t1 {
        font-size: 16px;
        line-height: 25px;
    }
    .bnr-contact .social-media h3 {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        text-align: center;
    }
    .bnr-contact .social-media p {
        font-size: 16px;
    }
}

/* Google Reviews Widget */
.google-reviews-widget {
    max-width: 1200px;
    margin: 40px auto;
    padding: 30px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.google-reviews-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 20px;
}

.google-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.overall-rating {
    display: flex;
    align-items: center;
    gap: 10px;
}

.overall-rating .rating-number {
    font-size: 36px;
    font-weight: 700;
    color: #333;
}

.overall-rating .total-reviews {
    font-size: 14px;
    color: #666;
}

.review-stars {
    display: flex;
    gap: 2px;
}

.google-reviews-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 20px;
}

.google-review-card {
    background: #f9f9f9;
    border-radius: 12px;
    padding: 20px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.google-review-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.review-author {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.author-photo {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
}

.author-photo-placeholder {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #041228;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
}

.author-info {
    display: flex;
    flex-direction: column;
}

.author-name {
    font-weight: 600;
    color: #333;
    font-size: 15px;
}

.review-time {
    font-size: 12px;
    color: #888;
}

.review-text {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.6;
    color: #444;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.write-review-btn {
    display: block;
    width: fit-content;
    margin: 30px auto 0;
    padding: 14px 40px;
    background: #041228;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    transition: background 0.2s;
}

.write-review-btn:hover {
    background: #0a2040;
    color: #fff;
}

.google-reviews-error {
    text-align: center;
    padding: 40px;
    color: #666;
    font-size: 16px;
}

@media (max-width: 768px) {
    .google-reviews-list {
        grid-template-columns: 1fr;
    }
    
    .google-reviews-header {
        flex-direction: column;
        text-align: center;
    }
    
    .google-reviews-widget {
        padding: 20px;
        margin: 20px;
    }
}
/* Native Google Reviews Section */
#sectionReview {
    padding: 40px 0;
    background: transparent;
}

#sectionReview .blockHeader {
    text-align: center;
    margin-bottom: 30px;
}

#sectionReview .blockHeader .subtitle {
    font-family: 'Marcher';
    font-size: 16px;
    color: #7C828E;
    margin-top: 10px;
}

.reviewsSlider {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.swiperReviews {
    overflow: hidden;
    padding: 10px 0;
}

.swiperReviews .swiper-slide {
    height: auto;
}

.reviewCard {
    background: #ffffff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e7eb;
}

.reviewCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.reviewCard .stars {
    font-size: 24px;
    color: #FFD700;
    margin-bottom: 15px;
    letter-spacing: 2px;
}

.reviewCard .reviewText {
    font-family: 'Marcher';
    font-size: 15px;
    font-weight: 300;
    line-height: 1.7;
    color: #4a5568;
    flex-grow: 1;
    margin-bottom: 20px;
}

.reviewCard .reviewerName {
    font-family: 'Marcher';
    font-size: 14px;
    font-weight: 700;
    color: #041228;
}

.swiperReviews .swiper-buttons {
    margin-top: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.swiperReviews .swiper-button-prev,
.swiperReviews .swiper-button-next {
    position: relative;
    left: auto;
    right: auto;
    margin: 0;
}

/* Google Reviews Header */
.reviewsHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.googleBranding {
    display: flex;
    align-items: center;
    gap: 12px;
}

.googleBranding .googleText {
    font-family: 'Marcher';
    font-size: 24px;
    font-weight: 700;
    color: #041228;
}

.ratingStats {
    display: flex;
    align-items: center;
    gap: 15px;
}

.overallRating {
    font-family: 'Marcher';
    font-size: 48px;
    font-weight: 700;
    color: #041228;
}

.starsAndCount .starsLarge {
    font-size: 24px;
    color: #FFD700;
    letter-spacing: 2px;
}

.starsAndCount .reviewCount {
    font-family: 'Marcher';
    font-size: 14px;
    color: #7C828E;
    margin-top: 4px;
}

/* Review Card with Google styling */
.reviewCard .reviewHeader {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.reviewCard .reviewerInitial {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4285F4, #34A853);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Marcher';
    font-weight: 700;
    font-size: 18px;
}

.reviewCard .reviewerInfo {
    flex: 1;
}

.reviewCard .reviewerInfo .reviewerName {
    font-family: 'Marcher';
    font-size: 15px;
    font-weight: 700;
    color: #041228;
}

.reviewCard .reviewerInfo .reviewMeta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
}

.reviewCard .reviewerInfo .reviewMeta .stars {
    font-size: 14px;
    color: #FFD700;
}

.reviewCard .reviewerInfo .reviewMeta .reviewDate {
    font-family: 'Marcher';
    font-size: 12px;
    color: #7C828E;
}

.reviewCard .googleIcon {
    flex-shrink: 0;
}

.reviewCard .reviewText {
    font-family: 'Marcher';
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    color: #4a5568;
    margin: 0;
}

@media (max-width: 768px) {
    .reviewsHeader {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    
    .googleBranding .googleText {
        font-size: 20px;
    }
    
    .overallRating {
        font-size: 36px;
    }
}

/* Cartoon Button Style */
.cartoon-btn {
    position: relative;
    display: inline-block;
    height: 48px;
    padding: 0 24px;
    font-family: 'Marcher';
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #EACA91;
    border: 2px solid #fff;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.15s ease;
    overflow: hidden;
    text-decoration: none;
    line-height: 44px;
    white-space: nowrap;
}

.cartoon-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 0 0 #fff;
}

.cartoon-btn:active {
    transform: translateY(0);
    box-shadow: none;
}

.cartoon-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -100%;
    width: 64px;
    height: 96px;
    background: rgba(255, 255, 255, 0.5);
    transform: translateY(-50%) rotate(12deg);
    transition: all 0.5s ease;
}

.cartoon-btn:hover::after {
    left: 200%;
}

.cartoon-btn.purple {
    background: #c084fc;
}

.cartoon-btn.blue {
    background: #60a5fa;
}

.cartoon-btn.green {
    background: #4ade80;
}

.cartoon-btn.yellow {
    background: #facc15;
}

.cartoon-btn.pink {
    background: #f472b6;
}

.cartoon-btn.dark {
    background: #041228;
    color: #fff;
    border-color: #041228;
}

.cartoon-btn.dark:hover {
    box-shadow: 0 4px 0 0 #EACA91;
}

.cartoon-btn.white-outline {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.cartoon-btn.white-outline:hover {
    background: #fff;
    color: #262626;
    box-shadow: 0 4px 0 0 #EACA91;
}

/* Button container adjustments */
.btn-apply .cartoon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cartoon-btn.white {
    background: #ffffff;
    color: #262626;
    border-color: #262626;
}

/* WhatsApp Sticky Button */
.whatsapp-sticky {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 10px;
}

.whatsapp-sticky a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
    transition: all 0.3s ease;
    text-decoration: none;
}

.whatsapp-sticky a:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.5);
}

.whatsapp-sticky svg {
    width: 32px;
    height: 32px;
    fill: #fff;
}

.whatsapp-sticky .whatsapp-tooltip {
    background: #fff;
    color: #333;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    position: absolute;
    right: 70px;
}

.whatsapp-sticky:hover .whatsapp-tooltip {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 768px) {
    .whatsapp-sticky {
        bottom: 20px;
        right: 20px;
    }
    .whatsapp-sticky a {
        width: 55px;
        height: 55px;
    }
    .whatsapp-sticky .whatsapp-tooltip {
        display: none;
    }
}

/* FOOTER DUPLICATE FIX - Added to fix mobile/desktop footer visibility */
.hidden-mobile {
  display: block !important;
}
.hidden-desktop {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .hidden-mobile {
    display: none !important;
  }
  .hidden-desktop {
    display: block !important;
  }
}
/* END FOOTER FIX */

/* SINGLE RESPONSIVE FOOTER */
footer .container {
  display: block !important;
}

@media screen and (max-width: 768px) {
  footer .container .row {
    flex-direction: column;
    text-align: center;
  }
  
  footer .container .col,
  footer .container [class*="col-"] {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  
  footer .socialMedia,
  footer .payment-icons,
  footer .logos-footer {
    justify-content: center !important;
    display: flex !important;
  }
  
  footer .menuFooter {
    text-align: center;
    align-items: center;
  }
  
  footer .conditions {
    justify-content: center !important;
  }
  
  footer .copyRight {
    text-align: center !important;
  }
}
/* END SINGLE RESPONSIVE FOOTER */

/* HIDE FOOTER NAV COLUMNS ON MOBILE */
@media screen and (max-width: 768px) {
  .secondFooter .items-menu,
  .secondFooter .item-menu,
  .secondFooter .menuFooter .items-menu {
    display: none !important;
  }
}
/* END HIDE FOOTER NAV */