@font-face {
    font-family: 'atkinsonBold';
    src: url('fonts/atkinsonhyperlegiblenextbold.woff2') format('woff2'),
    url('fonts/atkinsonhyperlegiblenextbold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'atkinsonregular';
    src: url('fonts/atkinsonhyperlegiblenextregular.woff2') format('woff2'),
    url('fonts/atkinsonhyperlegiblenextregular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'lilitaone';
    src: url('fonts/lilitaone.woff2') format('woff2'),
    url('fonts/lilitaone.woff') format('woff');
    font-display: swap;
}

:root{--cl-action: #F7002A;--cl-sy: #FFEFD7;--cl-dk: #000;--cl-md: #C8BAB9;--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: 'atkinsonregular', 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, li{color: var(--cl-dk);font-size: 20px;line-height: 30px;}
*::placeholder{font-family: 'atkinsonregular', 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-action);}
::-webkit-scrollbar-thumb:hover{background: var(--cl-action);}

.font-xs,.font-xs *{font-size: 13px;line-height: 13px;}
.font-sm,.font-sm *{font-size: 18px;line-height: 18px;}
.font-md {font-size: 18px;line-height: 25px;}
.font-lg {font-size: 30px;line-height: 30px;}
.font-xl, .font-xl *{font-size: 40px;line-height: 45px;font-family: 'lilitaone', sans-serif;}
.font-giant{font-size: 60px;line-height: 55px;font-family: 'lilitaone', sans-serif;}
.font-up {text-transform: uppercase}
.lh-half{line-height: 1}
.lh-2{line-height: 2}
.underline{text-decoration: underline}

.cl-action{color: var(--cl-action)}
.cl-lt{color: var(--cl-lt)}
.cl-md{color: var(--cl-md)}

.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;}
.mt-6{margin-top: 60px;}.mb-6{margin-bottom: 60px;}
.mt-8{margin-top: 80px;}.mb-8{margin-bottom: 80px;}

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

.btn {font-family: 'lilitaone', sans-serif;display: flex;align-items: center;width: fit-content;background-color: var(--cl-action);font-size: 30px;line-height: 30px;color: var(--cl-lt);text-align: center;text-transform: uppercase;cursor: pointer;padding: 8px 16px 6px;margin: 0 auto;transition: all .2s ease;border-radius: 10px;}
.btn.small{font-size: 20px; line-height: 1}
.btn.mob{display: none;}
.btn:hover{box-shadow: 0 3px 4px 2px rgba(0, 0, 0, 0.2);}

*.font-momo, .font-momo *{font-family: 'lilitaone', sans-serif;}
h1 b,h2 b,h3 b,p b,*.font-bold, .font-bold *{font-family: 'atkinsonbold', sans-serif;}

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

.oz-efx {transform: scale(.95); transition: transform 0.3s ease;cursor: pointer;}
.oz-efx:hover {transform: scale(1);}

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{position: relative;min-height: 500px;background: #040000 url(img/hero-bg.avif) no-repeat 50% / auto;padding: 120px 0 30px;}
.hero-section .container .flex.top::after{content: '';display: block;width: 100%;max-width: 227px;background: url(svg/logo.svg) 0 50% no-repeat;background-size: contain;aspect-ratio: 227 / 195;}
.hero-section h1{max-width: 910px;}
.hero-section p.font-bold{max-width: 660px;font-size: 26px;}
.hero-section p:not(.font-bold){max-width: 480px;}
.hero-section .btn{margin-left: 0;}
.hero-section .carousel-box{display: none;}

.hero-section .cards{max-width: 600px}
.hero-section p.red{position: relative;display: inline-flex;flex-direction: column;justify-content: center;width: 100%;min-height: 88px;background: rgba(0,0,0,.45);padding: 10px;border: 1px solid var(--cl-action);border-radius: 15px;color: var(--cl-lt);}
.hero-section p.red:nth-child(1n){max-width: 270px}
.hero-section p.red:nth-child(2n){max-width: 160px}
.hero-section p.red b{display: block;}

.why-section{background: var(--cl-lt);padding: 80px 0;}
.why-section p:nth-child(3){max-width: 700px;margin: 20px auto}
.why-section .carousel-box {position: relative;}
.why-section .item{padding: 20px 10px;border: 1px solid var(--cl-action);border-radius: 15px;}
.why-section .item *{text-align: left}
.why-section .item.w1::before{content: '';display: block;width: 62px;height: 62px;background: url(svg/why-1.svg) no-repeat 50% / contain;margin-bottom: 20px;}
.why-section .item.w2::before{content: '';display: block;width: 62px;height: 62px;background: url(svg/why-2.svg) no-repeat 50% / contain;margin-bottom: 20px;}
.why-section .item.w3::before{content: '';display: block;width: 62px;height: 62px;background: url(svg/why-3.svg) no-repeat 50% / contain;margin-bottom: 20px;}
.why-section .item.w4::before{content: '';display: block;width: 62px;height: 62px;background: url(svg/why-4.svg) no-repeat 50% / contain;margin-bottom: 20px;}
.why-section .item.w5::before{content: '';display: block;width: 62px;height: 62px;background: url(svg/why-5.svg) no-repeat 50% / contain;margin-bottom: 20px;}
.why-section .item h3{font-size: 25px;margin-bottom: 20px;}
.why-section .item p{min-height: 160px;}

.number-section{background: #040000 url(img/number-bg.avif) no-repeat 50% / auto;padding: 80px 0;}
.number-section *:not(.cl-action){color: var(--cl-lt)}
.number-section .item{position: relative;max-width: 340px;min-height: 235px;padding: 100px 10px 20px;border: 1px solid var(--cl-action);border-radius: 15px;margin: 100px auto 0;}
.number-section .item::before{content: '';position: absolute;top: -98px;left: calc(50% - 98px);display: block;width: 196px;height: 196px;}
.number-section .item.n1::before{background: url(svg/number-1.svg) no-repeat 50% / contain;}
.number-section .item.n2::before{background: url(svg/number-2.svg) no-repeat 50% / contain;}
.number-section .item.n3::before{background: url(svg/number-3.svg) no-repeat 50% / contain;}
.number-section .item h3 b{font-size: 50px;line-height: 1}

.model-section{background: var(--cl-lt);padding: 80px 0;}
.model-section .carousel-box {position: relative;}
.model-section .item{position: relative;max-width: 294px;min-height: 235px;padding: 0 0 10px;border: 1px solid var(--cl-action);border-radius: 15px;margin: 100px auto 10px;}
.model-section .item::before{content: '';display: block;width: 100%;aspect-ratio: 146/127;border-top-left-radius: 14px;border-top-right-radius: 14px;}
.model-section .item.m1::before{background: url(img/model-1.avif) no-repeat 50% / contain;margin-bottom: 20px;}
.model-section .item.m2::before{background: url(img/model-2.avif) no-repeat 50% / contain;margin-bottom: 20px;}
.model-section .item.m3::before{background: url(img/model-3.avif) no-repeat 50% / contain;margin-bottom: 20px;}
.model-section .item.m4::before{background: url(img/model-4.avif) no-repeat 50% / contain;margin-bottom: 20px;}
.model-section .item .flex{align-items: inherit;justify-content: space-around;margin-bottom: 10px;}
.model-section .item .line{min-height: 100%;width: 100%;max-width: 1px;background: var(--cl-action);}
.model-section .item p{max-width: 110px;text-align: left;line-height: 1.2;}
.model-section .item::after{content: '';display: block;width: 64px;height: 6px;background: var(--cl-action);border-radius: 100px;margin: 0 auto -13px}

.support-section{background: var(--cl-sy);padding: 80px 0;}
.support-section .container > p.font-bold{max-width: 750px;margin: 0 auto 20px;}
.support-section .item{position: relative;width: 100%;max-width: 600px;min-height: 494px;padding: 60px 20px 0;border: 1px solid var(--cl-action);border-radius: 15px;margin: 80px auto 40px;}
.support-section .item h3{position: absolute;top: -20px;left: 20px;background: var(--cl-action);padding: 5px 20px;border-radius: 30px;}
.support-section .item p{position: relative;text-align: left; padding-left: 20px;margin-bottom: 30px;}
.support-section .item p::before{content: '';position: absolute; left: 0; top: calc(50% - 4px);width: 8px;height: 8px;background: var(--cl-action);border-radius: 100%;}

.support-section .item:nth-child(1)::after{content: '';position: absolute;bottom: 0;right: 10px;display: block;width: 198px;aspect-ratio: 198 / 252;background: url(svg/support-1.svg) no-repeat 50% / contain;}
.support-section .item:nth-child(2)::after{content: '';position: absolute;bottom: 0;right: 10px;display: block;width: 234px;aspect-ratio: 234 / 307;background: url(svg/support-2.svg) no-repeat 50% / contain;}
.support-section .item:nth-child(2) p:nth-child(n + 4){max-width: 320px;}

.grow-section{background: var(--cl-dk);padding: 80px 0;}
.grow-section h2{max-width: 770px;margin: 0 auto 40px}
.grow-section .carousel-box {position: relative;}
.grow-section .item::before{content: '';display: block;width: 100%;aspect-ratio: 228 / 425;margin-bottom: 20px;}
.grow-section .item.g1::before{background: url(img/grow-1.avif) no-repeat 50% / contain;}
.grow-section .item.g2::before{background: url(img/grow-2.avif) no-repeat 50% / contain;}
.grow-section .item.g3::before{background: url(img/grow-3.avif) no-repeat 50% / contain;}
.grow-section .item.g4::before{background: url(img/grow-4.avif) no-repeat 50% / contain;}
.grow-section .item.g5::before{background: url(img/grow-5.avif) no-repeat 50% / contain;}
.grow-section .item p{max-width: 180px;min-height: 75px;margin: 0 auto 20px;}

.history-section{background: var(--cl-lt);padding: 80px 0;}
.history-section .flex .txt-box{width: 100%; max-width: 45%}
.history-section .flex .btn{margin-left: 0}
.history-section .flex::after{content: '';display: block;width: 100%;max-width: min(54%, 588px);aspect-ratio: 588 / 702;background: url(img/history.avif) no-repeat 50% / contain;}

.form-section{background: #070707 url("img/form-bg.avif") no-repeat 50%  0 / contain;padding: 40px 0;}
.form-section .container > *{max-width: 400px;}
.form-section .flex a{display: block;height: 36px;width: 36px;background: no-repeat 50% / contain;margin-left: 8px}
.form-section .flex a:nth-child(1){background-image: url("svg/whatsapp.svg")}
.form-section .flex a:nth-child(2){background-image: url("svg/email.svg");width: 52px;}
.form-section .flex a:nth-child(3){background-image: url("svg/instagram.svg")}

.form-section #bricks-component-2fTHTUodt2PvSDm9CJkpDg,
.form-section #rdstation-bricks-embeddable-form-bricks-component-2fTHTUodt2PvSDm9CJkpDg .bricks--component,
.form-section #rdstation-bricks-embeddable-form-bricks-component-2fTHTUodt2PvSDm9CJkpDg .bricks--column,
.form-section #rdstation-bricks-embeddable-form-bricks-component-2fTHTUodt2PvSDm9CJkpDg .bricks--section > div{max-width: 100%; width: auto;}
.form-section #rd-button-mplmm0ka.bricks--component-button {background-color: var(--cl-dk);color: var(--cl-lt)}

.faq-section{padding: 80px 0}
.faq-box{background: #F2EFEA;padding: 40px;border-radius: 20px;}
.faq-box p{padding-bottom: 20px;border-bottom: 1px solid #A2A2A2;margin-bottom: 20px;}
.faq-box p:last-child{padding-bottom: 0;border: none;margin-bottom: 0;}


footer{position: relative;background: var(--cl-action); margin-top: 56px; padding: 56px 0 40px;}
footer a{position: absolute;top: -56px;left: calc(50% - 65px);display: block;width: 130px;height: 112px;background: url(svg/logo.svg) no-repeat 50% / contain;}
footer p{font-size: 20px;text-align: center}

.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: 1720px) {
    .form-section{background-size: cover;background-position: 80% 0;}

}
@media (max-width: 1260px) {
    * .container{margin: 0 20px;}
    .owl-carousel{position: relative}

    .owl-carousel-why,
    .owl-carousel-number,
    .owl-carousel-model,
    .owl-carousel-grow {width: calc(100% - 80px);margin: 0 auto;}

    .owl-carousel-why .owl-nav,
    .owl-carousel-number .owl-nav,
    .owl-carousel-model .owl-nav,
    .owl-carousel-grow .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;}

    .why-section .item{border: none;}
    .why-section .item::before{margin-left: auto;margin-right: auto;}
    .why-section .item *{text-align: center}
    .why-section .item h3{font-size: 20px;}
    .why-section .item p{min-height: 160px;}


}
@media (max-width: 990px) {
    *.flex-desk{display: block;}

    .model-line{display: none;}


}
@media (max-width: 900px) {

    .hero-section{background-position: 60% 50%}

    .history-section .btn:last-child{display: block; margin: 0 auto}
    .history-section .flex {flex-direction: column; align-items: center}
    .history-section .flex::after{max-width: 588px;margin: 0 auto 40px;}
    .history-section .flex .btn{display: none;}
    .history-section .flex .txt-box{max-width: 588px; text-align: center}
    .history-section .flex .txt-box p{max-height: 350px;text-align: center;background: #E6DEDD;padding: 40px 30px;margin-bottom: 0;overflow: auto;line-height: 1.5;}

}
@media (max-width: 768px) {
    h1, h2, h3, h4, p, span, label, a, button, input, select, textarea, li{font-size: 16px;line-height: 16px;}

    .font-sm,.font-sm *{font-size: 14px;line-height: 14px;}
    .font-md {font-size: 16px;line-height: 20px;}
    .font-lg {font-size: 18px;line-height: 20px;}
    .font-xl, .font-xl *{font-size: 25px;line-height: 25px;}
    .font-giant{font-size: 25px;line-height: 30px;}

    .btn.desktop{display: none}
    .btn.mob{display: block;}

    .hero-section {padding: 30px 0 30px;background-position: calc(50% - 200px) 0;background-size: auto calc(100% + 70px);}
    .hero-section .container .flex{flex-direction: column}
    .hero-section .container .flex.top::after{max-width: 47px;order: -1;margin: 0 auto 20px;}
    .hero-section .container > *{margin-left: auto;margin-right: auto; text-align: center}
    .hero-section p.font-bold{font-size: 16px;}
    .hero-section .cards{display: none;}
    .hero-section .carousel-box{display: block;}
    .hero-section p.mt-6{margin-top: 250px;text-align: right;}

    .support-section .flex{flex-direction: column}
    .support-section .item{max-width: 400px;min-height: 0}
    .support-section .item h3{font-size: 25px;}
    .support-section .item p{text-align: center;font-size: 25px;margin-bottom: 25px;}
    .support-section .item p::before{content: none}
    .support-section .item p::after{content: '';display: block;width: 8px;height: 4px;background: var(--cl-action);border-radius: 100%; margin: 20px auto 0}
    .support-section .item p:last-child::after{content: none;}
    .support-section .item:nth-child(1)::after{bottom: 96%;right: 30px;width: 76px;}
    .support-section .item:nth-child(2){margin-top: 150px;}
    .support-section .item:nth-child(2)::after{bottom: calc(100% + 20px);right: calc(50% - 51px);width: 102px;}

    .form-section{background: #070707 url(img/form-bg-mob.avif) no-repeat 50% / cover;}
    .form-section .container{text-align: center}
    .form-section .container > *{margin-right: auto; margin-left: auto;}
    .form-section .flex {justify-content: center}


    /*.faq-box{background: #F2EFEA;padding: 40px;border-radius: 20px;}*/
    .faq-box{max-width: 400px;max-height: 500px;background: #E6DEDD;padding: 40px 30px;overflow: auto;border-radius: 0;margin: 0 auto}
    .faq-box p{line-height: 1.2;}

}
@media (max-width: 500px) {
    .hero-section {background: #040000 url(img/hero-bg-mob.avif) no-repeat 50% 100% / cover;}
}