@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: 'montserratsemibold';
    src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
    url('fonts/montserrat-semibold-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');
}

:root{--primary-color: #FFD700;--cl-style-dk: #000000;--cl-style-md: #777777;--cl-style-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;padding: 0;margin: 0;}
*{box-sizing: border-box;}
h1, h2, h3, h4, p, span, label, a, button, input, select, textarea, *{font-family: 'montserratregular', sans-serif;font-style: normal;font-weight: 400;text-decoration: none;margin: 0;padding: 0; }
h1, h2, h3, h4, p, span, label, a, button, input, select, textarea{color: var(--cl-style-dk);font-size: 18px;line-height: 20px;}
*::placeholder{font-family: 'montserratregular', sans-serif;font-style: normal;color: var(--cl-style-dk);margin: 0;font-weight: 400;}
::-webkit-scrollbar{display: block;width: 10px;}
::-webkit-scrollbar-track{background: var(--cl-style-md);}
::-webkit-scrollbar-thumb{background: var(--cl-style-lt);}
::-webkit-scrollbar-thumb:hover{background: var(--primary-color);}

.font-size-sm,.font-size-sm *{font-size: 14px;line-height: 18px;}
.font-size-md {font-size: 18px;line-height: 20px;}
.font-size-lg{font-size: 21px;line-height: 24px;}
.font-size-xl, .font-size-xl *{font-size: 30px;line-height: 34px;}
.font-giant{font-family: 'montserratextrabold', sans-serif;font-size: 56px;line-height: 60px;}

.cl-py{color: var(--primary-color)}
.cl-lt{color: var(--cl-style-lt)}

.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;}

.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: 1140px;}

.btn{font-family: 'montserratextrabold', sans-serif;display: flex;background-color: var(--primary-color);text-align: center;border-radius: 100px;padding: 18px 38px;margin: 0 auto;align-items: center;max-width: 360px;width: fit-content;cursor: pointer;}
.btn.sy{background-color: var(--cl-style-dk);color: var(--cl-style-lt);}

*.font-ebold, .font-ebold *{font-family: 'montserratextrabold', sans-serif;}
*.font-sbold, .font-sbold *{font-family: 'montserratsemibold', sans-serif;}

header {background: var(--cl-white);}
header .container {height: 104px;align-items: center;}

header a.logo{width: 200px;aspect-ratio: 33/10;background: url("img/logo.avif") 50% no-repeat;background-size: contain;margin: 0 auto 0 0}

a.icon{display: block;margin-left: 10px;}
a.icon[title=facebook]{width: 35px;aspect-ratio: 1;background: url("svg/facebook.svg") 50% no-repeat;background-size: contain;}
a.icon[title=instagram]{width: 35px;aspect-ratio: 1;background: url("svg/instagram.svg") 50% no-repeat;background-size: contain;}
a.icon[title=linkedin]{width: 35px;aspect-ratio: 1;background: url("svg/linkedin.svg") 50% no-repeat;background-size: contain;}

.hero-section{width: 100%;max-height: 890px;aspect-ratio: 144 / 89;background: url("img/bg.avif") 50% 0 no-repeat;background-size: cover;padding: 80px 0;}
.hero-section::before{content: '';display: block;max-width: 830px;background: url("img/hero.avif") 50% no-repeat;background-size: contain;aspect-ratio: 830 / 163;margin: 0 auto 40px;}
.hero-section h2{max-width: 500px;margin: 0 auto 40px}
.hero-section p.font-size-md{max-width: 670px;margin: 0 auto 40px}
.hero-section p.font-size-md::before{content: '';display: block;max-width: 21px;background: url("svg/mouse.svg") 50% no-repeat;background-size: contain;aspect-ratio: 7 / 10;margin: 0 auto 40px;}
.hero-section .number-box{justify-content: space-around}
.hero-section .number-box p .font-giant{display: block;}

.discovery-section{width: 100%;background: var(--primary-color);padding: 60px 0;}
.discovery-section h2 {position: relative;max-width: 550px;margin-bottom: 70px;}
.discovery-section h2 .effect{position: absolute;right: -130px;bottom: -45px;width: 400px;font-size: 80px;line-height: 80px;color: var(--primary-color);text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.discovery-section .step-box{text-align: center;margin-bottom: 40px}
.discovery-section .step-box p{position: relative;display: inline-flex;flex-direction: column;width: 100%;max-width: 250px;height: 260px;text-align: left;padding: 0 20px 20px;border: 3px solid var(--cl-style-lt);border-radius: 20px;margin: 10px;}
.discovery-section .step-box p::before{content: '';display: block;width: 20px;height: 3px;background: var(--cl-style-dk);margin-bottom: 20px;}
.discovery-section .step-box p::after{order: -1;display: block;font-family: 'montserratextrabold', sans-serif;font-size: 120px;line-height: 100px;margin: 0 0 20px -24px;color: var(--cl-style-lt)}
.discovery-section .step-box p:nth-child(1)::after{content: '01';}
.discovery-section .step-box p:nth-child(2)::after{content: '02';}
.discovery-section .step-box p:nth-child(3)::after{content: '03';}
.discovery-section .step-box p:nth-child(4)::after{content: '04';}

.partner-section{position: relative;width: 100%;background: var(--primary-color);padding: 60px 0;}
.partner-section::before{content: '';position: absolute;right: 50%;width: calc(100% - 580px);max-width: 630px;height: calc(100% - 120px);max-height: 504px;background: url('img/partner.avif') 50% no-repeat;background-size: cover;}
.partner-section .content{max-width: 500px;margin-left: auto;}
.partner-section p.lh{line-height: 30px}

.cases-section{padding: 40px 0;}
.cases-section h2 .btn{display: inline-flex; max-width: none;padding: 2px 10px}

.cases-section .item::before{content: '';position: absolute;top: 235px;left: 50%;height: 244px;max-width: 100%;transform: translateY(-50%) translateX(-50%);background: var(--bg-image) 50% no-repeat;background-size: cover;aspect-ratio: 365 / 83;z-index: -1;margin: 0 auto;}
.cases-section .item h2{display: flex;align-items: center;justify-content: center;max-width: 260px;height: 80px;text-align: center;margin: 0 auto;}
.cases-section .item img{display: block;margin-right: auto;margin-left: auto;width: auto;max-width: 100%;height: auto}
.cases-section .item img.img-py{box-shadow: 0 1px 8px 5px rgba(0, 0, 0, 0.25);}
.cases-section .item p{max-width: 870px;text-align: center;margin: 40px auto 0;}

.cases-section .owl-nav{position: absolute;top: 40px;left: 50%;display: flex;justify-content: space-between;width: 360px;max-width: 100%;transform: translate(-50%, -50%);margin: 0 auto;}
.cases-section .owl-nav button{width: 32px;height: 32px;}
.cases-section .owl-nav button.owl-next:hover,
.cases-section .owl-nav button.owl-next{background: url('svg/owl-next.svg') 50% no-repeat;background-size: cover;}
.cases-section .owl-nav button.owl-prev:hover,
.cases-section .owl-nav button.owl-prev{background: url('svg/owl-prev.svg') 50% no-repeat;background-size: cover;}

.comment-section h2{max-width: 730px;margin: 0 auto;}
.comment-section .item{height: 316px;max-width: 100%;background: var(--bg-image) 50% no-repeat;background-size: contain;margin: 0 auto;}
.comment-section .owl-nav{display: none;}

.trust-section{padding: 40px 0;}
.trust-section .trust-box{max-width: 1070px;text-align: center;margin: 0 auto;}
.trust-section .trust-box img{display: inline-flex;width: auto;margin: 2px;}

footer{padding: 40px 0 40px;background-color: var(--cl-style-dk);}
footer .content::before{content: '';display: block;width: 200px;aspect-ratio: 249 / 71;background: url('img/logo-white.avif') 50% no-repeat;background-size: contain;margin-bottom: 20px;}
footer *{color: var(--cl-style-lt)}
footer a.icon[title=facebook]{background-image: url("svg/facebook-y.svg");}
footer a.icon[title=instagram]{background-image: url("svg/instagram-y.svg");}
footer a.icon[title=linkedin]{background-image: url("svg/linkedin-y.svg");}

footer .content,
footer .form{width: 100%;max-width: 500px;}
footer .form #rd-form-lbf01jhz{margin-top: 0;}

@media (max-width: 1172px) {
    * .container{margin: 0 20px;}
    .hero-section{background-size: cover;}

    .partner-section::before{right: 590px;background-position-x: 0;}
}
@media (max-width: 990px) {
    *.flex-desk{display: block;}

    footer .content,
    footer .form{margin-right: auto;margin-left: auto;}
}
@media (max-width: 900px) {
    .hero-section{background-size: cover;}
    .hero-section::before{margin: 0 20px 40px;}

    .partner-section::before{position: initial;display: block;width: 100%;aspect-ratio: 710/517;margin: 0 auto 40px;}
    .partner-section .content{max-width: 500px;margin: auto;}

    .trust-section .trust-box img{margin: 15px 10px}
}
@media (max-width: 720px) {
    .discovery-section h2{text-align: center;margin: 0 auto}
    .discovery-section h2 .effect{position: initial;display: block;margin: 0 auto 20px;}

    .cases-section .item::before{content: none;}
    .comment-section .item{height: 350px;background: var(--bg-image-mob) 50% no-repeat;}
}
@media (max-width: 680px) {
    .partner-section{text-align: center}
    .partner-section::before {max-width: calc(100% - 40px);margin: 0 20px 40px;}
}
@media (max-width: 600px) {
    .hero-section {max-height: none;}
    .hero-section .number-box{display: block; text-align: center}
}
@media (max-width: 440px) {
    .discovery-section h2 .effect{font-size: 56px;line-height: 60px;width: auto;}
}