@font-face {
    font-family: 'montserratblack';
    src: url('fonts/montserrat-black-webfont.woff2') format('woff2'),
    url('fonts/montserrat-black-webfont.woff') format('woff');
}
@font-face {
    font-family: 'montserratextrabold';
    src: url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
    url('fonts/montserrat-extrabold-webfont.woff') format('woff');
}
@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
    url('fonts/montserrat-regular-webfont.woff') format('woff');
}
@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
    url('fonts/montserrat-bold-webfont.woff') format('woff');
}
@font-face {
    font-family: 'montserratsemibold';
    src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
    url('fonts/montserrat-semibold-webfont.woff') format('woff');
}


:root{--cl-action: #FCBF18;--cl-sy: #8A2861;--cl-dk: #032B71;--cl-md: #777777;--cl-lt: #ffffff;}
html{position: relative;height: inherit;min-height: 100%;}
body {position: absolute;display: block;height: 100%;min-height: 100%;width: 100%;min-width: 330px;background: #fff;padding: 0;margin: 0;}

*{box-sizing: border-box;}
h1, h2, h3, h4, p, span, label, a, button, input, select, textarea, li, *{font-family: 'montserratregular', sans-serif;font-style: normal;font-weight: 400;text-decoration: none;margin: 0;padding: 0;letter-spacing: 0.1em;}
h1, h2, h3, h4, p, span, label, a, button, input, select, textarea, li{color: var(--cl-dk);font-size: 16px;line-height: 20px;}
*::placeholder{font-family: 'montserratregular', sans-serif;font-style: normal;color: var(--cl-dk);margin: 0;font-weight: 400;}
::-webkit-scrollbar{display: block;width: 10px;}
::-webkit-scrollbar-track{background: var(--cl-md);}
::-webkit-scrollbar-thumb{background: var(--cl-lt);}
::-webkit-scrollbar-thumb:hover{background: var(--cl-action);}

.font-xs,.font-xs *{font-size: 10px;line-height: 10px;}
.font-sm,.font-sm *{font-size: 14px;line-height: 14px;}
.font-md {font-size: 18px;line-height: 30px;}
.font-lg, .font-lg *{font-size: 22px;line-height: 22px;}
.font-xl, .font-xl *{font-size: 26px;line-height: 26px;}
.font-xxl, .font-xxl *{font-size: 40px;line-height: 44px;}
.font-giant{font-family: 'montserratextrabold', sans-serif;font-size: 56px;line-height: 60px;}
.font-up {text-transform: uppercase}
.line-height-2{line-height: 2}
.underline{text-decoration: underline}

.cl-py{color: var(--cl-action)}
.cl-lt{color: var(--cl-lt)}
.cl-dk{color: var(--cl-dk)}
.cl-sy{color: var(--cl-sy)}

.mt-1{margin-top: 10px;}.mb-1{margin-bottom: 10px;}
.mt-2{margin-top: 20px;}.mb-2{margin-bottom: 20px;}
.mt-3{margin-top: 30px;}.mb-3{margin-bottom: 30px;}
.mt-4{margin-top: 40px;}.mb-4{margin-bottom: 40px;}
.mt-5{margin-top: 50px;}.mb-5{margin-bottom: 50px;}

.flex, .flex-desk, .flex-pad{display: flex;align-items: center;justify-content: space-between;}
.flex-desk.top{align-items: flex-start;}
.txt-center, .txt-center * {text-align: center}
.text-line-desktop{display: block;}
.container{margin: 0 auto;max-width: 1004px;}

.btn {font-family: 'montserratbold', sans-serif;display: flex;align-items: center;width: fit-content;max-width: 572px;background-color: var(--cl-action);color: var(--cl-dk);font-size: 18px;letter-spacing: 1px;text-align: center;text-transform: uppercase;cursor: pointer;padding: 8px 16px 6px;margin: 0 auto;transition: all .2s ease}
.btn.sy{background-color: var(--cl-dk);color: var(--cl-lt);}
.btn.mob{display: none;}
.btn:hover{box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.4);}

*.font-ebold, .font-ebold *{font-family: 'montserratextrabold', sans-serif;}
*.font-black, .font-black *{font-family: 'montserratblack', sans-serif;}
h1 b, h2 b,p b,*.font-bold, .font-bold *{font-family: 'montserratbold', sans-serif;}
.cc-banner *{color: var(--cl-lt)}

header .content{position: absolute;top: 0;left: 50%;width: 100%;justify-content: center;max-width: 864px;height: 68px;background: var(--cl-lt);transform: translateX(-50%);border-bottom-right-radius: 22px;border-bottom-left-radius: 22px;}
header a.logo{width: 223px;aspect-ratio: 223 / 47;background: url("img/logo.avif") 50% no-repeat;background-size: contain;}

ul{padding: 16px 0 32px 32px;}
li{margin: 0 0 8px}

html body * .container .owl-nav{height: 0}
html body * .container .owl-nav button{width: 30px;height: 30px;}
html body * .container .owl-nav button.owl-prev,
html body * .container .owl-nav button.owl-next{transform: translateY(-50%);margin: 0;}
html body * .container .owl-nav button.owl-next:hover,
html body * .container .owl-nav button.owl-next{background: url('svg/owl-next.svg') 50% no-repeat;background-size: cover;}
html body * .container .owl-nav button.owl-prev:hover,
html body * .container .owl-nav button.owl-prev{background: url('svg/owl-prev.svg') 50% no-repeat;background-size: cover;}

.hero-section{min-height: 500px;background: url("img/bg.avif") 50% 100% no-repeat #00016c;padding: 100px 0 30px}
.hero-section .container::before{content: '';display: block;max-width: 405px;background: url("svg/logo.svg") 50% no-repeat;background-size: contain;aspect-ratio: 81 / 16;margin: 40px 0 40px;}
.hero-section p{max-width: 550px}

.split-section{padding: 80px 0;}
.split-section .content p{position: relative;max-width: 320px;padding: 0 8px}
.split-section .content span{;display: block;width: 1px;height: 90px;background: var(--cl-dk);}
.split-section.justify .content p{text-align: justify;}
.split-section.justify .content p:first-child{max-width: 300px}

.form-section{min-height: 740px;background: url("img/form-bg.avif") 50% 100% no-repeat #000223;padding: 100px 0 30px}
.form-section .content .txt-box{margin-bottom: 90px;}
.form-section .content .txt-box *{max-width: 360px}
.form-section .content .txt-box::after{content: '';display: block;max-width: 250px;background: url('svg/logo-mobile.svg') 50% no-repeat;background-size: contain;aspect-ratio: 267 / 146;margin: 40px 0 0;}
.form-section .content .form{width: 100%;max-width: 454px;min-height: 606px;}
.form-section .content .form #rd-column-m1rz6g7i > div *:not(button){color: #fff}
.form-section .content .form #rd-column-m1rz6g7i > div button{height: auto}

.experience-section{padding: 40px 0 40px }
.experience-section .content div{position: relative;width: 100%;max-width: 480px;padding: 0 8px}
.experience-section .content span{display: block;width: 1px;height: 180px;background: var(--cl-dk);margin: 0 8px;}

.travel-section{background: url(img/travel.avif) no-repeat 50% 50% / auto;aspect-ratio: 16 / 9;max-height: 720px;margin: 0 auto}

.brand-section .item{max-width: 220px;margin: 0 auto;}
.brand-section .item img{aspect-ratio: 1;width: 100%;margin-bottom: 8px}
.brand-section .item p:nth-child(2){margin-bottom: 4px}
.brand-section .carousel-box {position: relative;}
.brand-section .carousel-box.brand {position: relative;margin: 64px auto;}
.brand-section .owl-carousel-brand {width: calc(100% - 80px);max-width: 926px;margin: 0 auto;}
.brand-section .owl-carousel-brand span{display: block;width: 64px;height: 64px;background-repeat:no-repeat;background-position:50%;background-size:cover;margin: 2px auto;transition: all .2s ease;}
.brand-section .owl-carousel-brand span:hover{box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.4);}
.brand-section .owl-carousel-brand .owl-nav {position: absolute;top: 50%;left: 50%;display: flex;justify-content: space-between;width: calc(100% + 100px);transform: translate(-50%, -50%);margin: 0 auto;}

.video-section{padding: 110px 0}
.video-section .video-box{width: 100%;max-width: 100%;aspect-ratio: 16/9;padding: 10px;margin: 40px auto;}
.video-section .video-box iframe{width: 100%;height: 100%;}

.blue-section{min-height: 400px;background: url("img/blue-bg.avif") #060321 no-repeat 50% / auto; padding: 300px 0 32px;}
.blue-section p span{display: inline-block;width: 1px;height: 20px;background: #fff;margin: 0 16px;vertical-align: bottom}

.participate{padding: 100px 0;}
.participate .content{align-items: flex-start;margin-top: 80px;}
.participate .content p{position: relative;}
.participate .content p::before{content: '';position: absolute;top: -40px;left: 0;display: block;width: 32px;max-width: 32px;background: url('svg/arrow-down-yellow.svg') no-repeat 50% / contain;aspect-ratio: 1;margin: 0 0 8px;}
.participate .content p:first-child b{display: block}

.split-carousel-section{padding: 50px 0;}
.split-carousel-section .flex{padding: 50px 0;flex-direction: column}
.split-carousel-section .flex .txt-box{width: 100%; max-width: 438px;}
.split-carousel-section .flex .carousel-img-box{width: 100%; max-width: 660px;}
.split-carousel-section .flex .carousel-img-box img{width: 205px;height: 306px;margin: auto}
.split-carousel-section li {font-size: 14px;}

.team-section{padding: 100px 0}
.team-section .item img{width: 100%;height: auto;margin: 0 auto 24px;}

.paris-section{padding: 50px 0;}
.paris-section .flex{padding: 0;}
.paris-section .flex .txt-box{width: 100%; max-width: min(49%, 440px);}
.paris-section .flex .txt-box a{margin-left: 0}
.paris-section .flex:nth-child(2) .txt-box{order: 2}
.paris-section .flex .img-box{width: 100%;max-width: min(50%, 502px);aspect-ratio: 640 / 416;}
.paris-section .container:nth-child(1) .img-box{background: url("img/paris-1.avif") no-repeat 50% / cover;}
.paris-section .container:nth-child(2) .img-box{background: url("img/paris-2.avif") no-repeat 50% / cover;}

footer{background: #000225 url("img/footer-bg.avif") no-repeat 50% calc(100% - 80px) / auto;}
footer .flex {padding: 100px 0;}
footer .flex .txt-box{max-width: 390px;}
footer .flex .txt-box::after{content: '';display: block;max-width: 250px;background: url('svg/logo-mobile.svg') 50% no-repeat;background-size: contain;aspect-ratio: 267 / 146;margin: 40px 0 0;}
footer .flex .form{width: 100%;max-width: 454px;min-height: 606px;}
footer .flex .form #rd-column-m1rz6g7i > div *:not(button){color: #fff}
footer .flex .form #rd-column-m1rz6g7i > div button{height: auto}
footer .logo-box{background: #01012B; padding: 20px 0;}
footer .logo-box a{display: block;width: 157px;height: 40px;background: url("img/logo-footer.avif") no-repeat 50% / auto;margin: 0 auto;}

.scroll-top-icon{position: absolute; right: 20px;bottom: 20px;width: 40px; height: 40px;background: url("svg/caret-up.svg") 50% no-repeat;border: 2px var(--cl-lt) solid;border-radius: 50%;z-index: 9999;cursor: pointer;}

@media (max-width: 1280px) {
    .travel-section{background-size: cover;}
}
@media (max-width: 1044px) {
    * .container{margin: 0 20px;}
    .owl-carousel{position: relative}

    .hero-section{background-size: cover;}

    .brand-section .owl-carousel {width: calc(100% - 80px);max-width: 926px;}
    .brand-section .owl-carousel-person {margin: 0 auto 80px}
    .brand-section .owl-nav {position: absolute;top: 50%;left: 50%;display: flex;justify-content: space-between;width: calc(100% + 100px);transform: translate(-50%, -50%);margin: 0 auto;}

    .participate .content span{display: none}
    .participate .content p::before{content: none;}
    .participate .content p:first-child b{display: inline}
}
@media (max-width: 990px) {
    *.flex-desk{display: block;}
    .btn.mob{display: flex;}

    .hero-section{min-height: 900px;text-align: center;background-position: 100% 90px;padding: 80px 0 30px;}
    .hero-section .container::before{margin: 40px auto}
    .hero-section p{margin: 0 auto}

    .hero-section .content .txt-box{margin: 0 auto 40px;}
    .hero-section .content .txt-box::before{margin: 0 auto;}
    .hero-section .content h1::before{margin: 40px auto;}
    .hero-section .content .form{margin: 0 auto;}

    .split-section .content{flex-direction: column}
    .split-section .content p,
    .split-section.justify .content p,
    .split-section .content p:first-child{max-width: 600px;text-align: center;padding: 32px 0;}
    .split-section .content span{height: 1px;width: 100px; margin: 16px 0}
    .participate .content{align-items: center}
    .participate .content span{display: block}

    .split-carousel-section .flex{flex-direction: column;justify-content: center;}
    .split-carousel-section .flex .txt-box{text-align: center}
    .split-carousel-section .flex:nth-child(2) .txt-box{order: 0}
    .split-carousel-section ul{padding: 16px 0 32px;text-align: center}
    .split-carousel-section li{list-style: none;margin: 0 0 8px}
    .split-carousel-section .flex .carousel-img-box{max-width: 600px;}

    .split-carousel-section .owl-carousel {width: calc(100% - 80px);max-width: 926px;margin: 0 auto;}
    .split-carousel-section .owl-nav {position: absolute;top: 50%;left: 50%;display: flex;justify-content: space-between;width: calc(100% + 100px);transform: translate(-50%, -50%);margin: 0 auto;}

    .paris-section .flex{flex-direction: column;justify-content: center;}
    .paris-section .flex .txt-box{max-width: 600px;text-align: center;margin-bottom: 32px;}
    .paris-section .flex .txt-box a{margin-left: auto}
    .paris-section .flex:nth-child(2) .txt-box{order: 0}
    .paris-section .flex .img-box{max-width: 600px;margin-bottom: 40px}

    footer{background-position: 0 calc(100% - 80px)}
    footer .flex {flex-direction: column}
    footer .flex .txt-box{max-width: 500px;text-align: center; margin-bottom: 80px;}
    footer .flex .txt-box::after{margin: 40px auto 0}
    footer .flex .form{max-width: 500px;}
}
@media (max-width: 900px) {
    .hero-section{background-size: cover;}
    .hero-section::before{margin: 0 20px 40px;}

    .form-section .content{display: block;text-align: center;}
    .form-section .content *,
    .form-section .content .txt-box::after{margin-left: auto; margin-right: auto}

    .team-section .owl-carousel {width: calc(100% - 80px);max-width: 926px;margin: 0 auto;}
    .team-section .owl-nav {position: absolute;top: 50%;left: 50%;display: flex;justify-content: space-between;width: calc(100% + 100px);transform: translate(-50%, -50%);margin: 0 auto;}
}
@media (max-width: 660px) {
    *.flex-pad{display: block;}
    .hero-section .container::before{max-width: 300px;background: url(svg/logo-mobile.svg) 50% no-repeat;background-size: contain;aspect-ratio: 267 / 146;}

    .experience-section .content{flex-direction: column}
    .experience-section .content *{text-align: center}
    .experience-section .content span{height: 1px;width: 200px; margin: 32px 0 24px}

    .blue-section {padding-top: 250px}
    .blue-section p{margin-top: 32px}
    .blue-section p span{display: block;height: 0;background: none;}
}