@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: #E54E00;--cl-sy: #DFD7D6;--cl-dk: #3B3B3B;--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: 'montserratregular', sans-serif;font-style: normal;font-weight: 400;text-decoration: none;margin: 0;padding: 0;letter-spacing: -6%;}
h1, h2, h3, h4, p, span, label, a, button, input, select, textarea, li{color: var(--cl-dk);font-size: 30px;line-height: 45px;}
*::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-action);}
::-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: 35px;line-height: 45px;}
.font-xxl, .font-xxl *{font-size: 45px;line-height: 48px;}
.font-giant{font-size: 54px;line-height: 54px;}
.font-up {text-transform: uppercase}
.line-height-1{line-height: 1}
.line-height-2{line-height: 2}
.underline{text-decoration: underline}

.cl-action{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;}
.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: 20px;}
.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: 1425px;}

.btn {font-family: 'montserratbold', sans-serif;display: flex;align-items: center;width: fit-content;background-color: var(--cl-action);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: 32px;}
.btn.lt{background-color: var(--cl-lt);color: var(--cl-action);}
.btn.mob{display: none;}
.btn:hover{box-shadow: 0 3px 4px 2px rgba(0, 0, 0, 0.2);}

*.font-sbold, .font-sbold *{font-family: 'montserratsemibold', sans-serif;}
*.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;}

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{position: relative;min-height: 500px;background:var(--cl-sy);padding: 100px 0 30px}
.hero-section::after{content: '';position: absolute;bottom: 0;right: 0;display: block;height: 100%;max-width: 790px;max-height: 90%;background: url(img/hero.avif) no-repeat 50% / contain;aspect-ratio: 790 / 1127;}
.hero-section .container{position: relative;padding-top: 100px;z-index: 1}
.hero-section .container::before{content: '';display: block;max-width: 341px;background: url("svg/logo.svg") 0 50% no-repeat;background-size: contain;aspect-ratio:  341 / 85;margin: 0 0 100px;}
.hero-section .container > *{max-width: 850px;margin-left:0 }
.hero-section .icon-box{position: absolute;display: flex;align-items: center;justify-content: center;top: 0;right: 0;z-index: 99;}
.hero-section .icon-box a{display: block;height: 32px;width: 32px;background: no-repeat 50% / 32px;margin-left: 8px}
.hero-section .icon-box a:nth-child(1){background-image: url("svg/instragram.svg")}
.hero-section .icon-box a:nth-child(2){background-image: url("svg/linkedin.svg")}
.hero-section .icon-box a:nth-child(3){background-image: url("svg/facebook.svg")}
.hero-section h1{margin-bottom: 100px;}

.franchise-section{background: #F37435;padding: 80px 0}
.franchise-section .container *:not(.btn){color: var(--cl-lt)}

.franchise-section .carousel-box {position: relative;}
.franchise-section .carousel-box {position: relative;}
.franchise-section .carousel-box .item p{position: relative;display: flex;align-items: center;height: 250px;max-width: 340px;background: #E95100;padding: 0 10px;border-radius: 20px;text-align: left;letter-spacing: -8%;margin: 50px auto 0;}
.franchise-section .carousel-box .item p::before{content: '';position: absolute;top: -18px;left: 30px;display: block;width: 36px;height: 36px;background: url(svg/chevron-down.svg) no-repeat 50% / cover;}

.model-section{background: url("img/model-bg.avif") no-repeat 50% / auto;padding: 80px 0;}
.model-section .flex{justify-content: flex-start; gap: 20px 30px}
.model-section p{position: relative;width: 405px;background: rgba(233,81,0,.24);padding: 20px 10px 20px 40px;border: 1px solid var(--cl-action);border-radius: 20px;color: var(--cl-lt);margin-left: 21px;}
.model-section p::before{content: '';position: absolute;top: calc(50% - 21px);left: -21px;display: block;width: 42px;height: 42px;background: url(svg/check-red.svg) no-repeat 50% / cover;}

.model-line{max-width: 1920px;margin: 0 auto;}
.model-line div{display: block;width: 34%;aspect-ratio:128/105;background: no-repeat 50% / cover;}
.model-line div:nth-child(1){background-image: url("img/model-1.avif");}
.model-line div:nth-child(2){background-image: url("img/model-2.avif");}
.model-line div:nth-child(3){background-image: url("img/model-3.avif");}


.opportunity-section{padding: 80px 0}
.opportunity-section .owl-carousel-opportunity img{aspect-ratio: 463 / 614;max-height: 614px;width: auto;margin: 0 auto;}


.medic-section{position: relative;max-width: 1920px;background: #DEE0DF;padding: 80px 0;margin: 0 auto;}
.medic-section .container{position: relative;z-index: 9}
.medic-section h2{max-width: 530px;}
.medic-section p{position: relative;max-width: 590px;padding-left: 50px;margin: 0 0 30px;}
.medic-section p::before{content: '';position: absolute;top: calc(50% - 21px);left: 0;display: block;width: 42px;height: 42px;background: url(svg/check-red.svg) no-repeat 50% / cover;}
.medic-section::before{content: '';position: absolute;top: 0;right: 0;display: block;max-width: 558px;height: 100%;aspect-ratio: 558/1235;background: url(img/medic-side.avif) no-repeat 50% / cover;z-index: 2;}
.medic-section::after{content: '';position: absolute;top: 0;right: calc(50% - 400px);display: block;height: 100%;aspect-ratio: 280 / 309;background: url(img/medic-bg.avif) no-repeat 50% / cover;z-index: 1;}
.medic-section .btn{margin-left: 0}
.medic-bottom{display: none}

.support-section{padding: 80px 0;background: #C8BAB9 url("img/support-bg.avif") no-repeat 100% 100% / contain}
.support-section p{max-width: 650px;}
.support-section .carousel-box .item{position: relative;height: 410px;max-width: 340px;background: rgba(288,78,0,.8);padding: 20px;border-radius: 20px;text-align: left;letter-spacing: -8%;margin: 50px auto 0;}
.support-section .carousel-box .item *{color: var(--cl-lt)}
.support-section .carousel-box .item h3{text-align: center;margin-bottom: 20px;}
.support-section li{font-size: 25px;line-height: 1.3;}

.practice-section{padding: 80px 0}
.practice-section > p:nth-child(2){background: #E3E3E3;padding: 10px 20px;border-radius: 70px;width: fit-content;margin: 0 auto 40px;}
.practice-section > p:nth-child(3){letter-spacing: 20%}

.practice-section .scroll-box{justify-content: center}
.practice-section .scroll-box::before{content: '';display: block;width: 100%;max-width: min(731px, 50%);height: 821px;aspect-ratio: 713/821;background: url(img/practice.avif) no-repeat 50% / cover;}
.practice-section .scroll-box ul{width: 100%;max-width: min(731px, 50%);height: 821px;aspect-ratio: 821/731;padding: 0;overflow: auto;}
.practice-section .scroll-box ul li{list-style: none;margin: 0}
.practice-section .scroll-box ul a{position: relative;display: block;padding: 20px 60px 20px 20px;background: #E6DEDD;}
.practice-section .scroll-box ul a::after{content: '';position: absolute;top: calc(50% - 18px);right: 12px;display: block;width: 36px;height: 36px;background: url(svg/owl-next-dk.svg) no-repeat 50% / cover;}
.practice-section .scroll-box ul a:hover{background: #CFC8C7;text-decoration: underline}
.practice-section .scroll-box ul a *{font-size: 20px;line-height: 1;max-width: 500px;}
.practice-section .scroll-box ul a h3{margin-bottom: 10px}

.business-section{position: relative;max-width: 1920px;background: #CCBEBD;padding: 80px 0;margin: 0 auto;}
.business-section .container{position: relative;z-index: 9}
.business-section .content{max-width: 510px;margin: 0 558px 0 auto;}
.business-section p{position: relative;}
.business-section p.dot{padding-left: 50px;margin-bottom: 30px;}
.business-section p.dot::before{content: '';position: absolute;top: calc(50% - 21px);left: 0;display: block;width: 42px;height: 42px;background: url(svg/check-red.svg) no-repeat 50% / cover;}
.business-section::before{content: '';position: absolute;top: 0;left: calc(50% - 960px);display: block;max-width: 558px;height: 100%;aspect-ratio: 558/1235;background: url(img/business-left.avif) no-repeat 50% / cover;z-index: 2;}
.business-section::after{content: '';position: absolute;top: 0;right: 0;display: block;height: 100%;aspect-ratio: 592 / 595;background: url(img/business-bg.avif) no-repeat 50% / cover;z-index: 1;}
.business-section .btn{margin-left: 0}

.advantage-section{padding: 0 0 80px}
.advantage-section::before{content: '';display: block;width: 100%;height: 530px;background: #f0eceb url(img/advantage-top.avif) no-repeat 50% 100% / 1920px;margin-bottom: 40px}
.advantage-section > *{text-align: center}
.advantage-section p{position: relative;display: flex;align-items: center;width: 100%;max-width: 450px;height: 160px;padding: 0 20px 0 110px;border: 1px solid var(--cl-action);border-radius: 25px;text-align: left}
.advantage-section p::before{content: '';position: absolute;top: calc(50% - 21px);left: 33px;display: block;width: 44px;height: 44px;background: url(svg/chevron-right.svg) no-repeat 50% / cover;}

.form-section{background: #444 url("img/form-bg.avif") no-repeat 50% / cover;padding: 80px 0;}
.form-section .txt-box{max-width: min(595px, 50%);}
.form-section .txt-box::before{content: '';display: block;width: 323px;height: 79px;background: url(svg/logo-lt.svg) no-repeat 50% / contain;margin: 0 auto 50px 0;}
.form-section .txt-box :not(h2){color: var(--cl-lt)}

footer{background: var(--cl-action); padding: 40px 0 30px;}
footer .logo-box a{display: block;width: 323px;height: 79px;background: url(svg/logo-lt.svg) no-repeat 50% / contain;margin: 0 auto 20px;}
footer .logo-box 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: 1500px) {
    .business-section .content{margin-right: 650px}
}
@media (max-width: 1465px) {
    * .container{margin: 0 20px;}
    .owl-carousel{position: relative}

    .support-section{background-position-x: 300px}
    .support-section .owl-carousel-support,
    .franchise-section .owl-carousel-franchise {width: calc(100% - 80px);margin: 0 auto;}
    .support-section .owl-carousel-support .owl-nav,
    .franchise-section .owl-carousel-franchise .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;}
    .franchise-section .owl-carousel-franchise img{aspect-ratio: 71 / 93;max-height: 486px;width: auto;margin: 0 auto;}

    .model-section{background-size: cover}
    .model-section .flex{justify-content: center}

    .opportunity-section .owl-carousel-opportunity {position: relative;width: calc(100% - 80px);margin: 0 auto 50px;}
    .opportunity-section .owl-carousel-opportunity .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;}
    html body .opportunity-section .owl-carousel-opportunity button.owl-next:hover,
    html body .opportunity-section .owl-carousel-opportunity button.owl-next{background: url('svg/owl-next-dk.svg') 50% no-repeat;background-size: cover;}
    html body .opportunity-section .owl-carousel-opportunity button.owl-prev:hover,
    html body .opportunity-section .owl-carousel-opportunity button.owl-prev{background: url('svg/owl-prev-dk.svg') 50% no-repeat;background-size: cover;}

    .business-section::before{content: none}
    .business-section .content{margin-left: 0;margin-right: auto}

    .advantage-section .flex{justify-content: center}
}
@media (max-width: 1250px) {
    .medic-section::before{content: none}
    .medic-section::after{right: 0;}
    .medic-bottom{display: block;max-width: 100%;max-height: 412px;aspect-ratio: 134/33;background: url(img/medic-bottom.avif) no-repeat 50% / contain;}
}
@media (max-width: 990px) {
    *.flex-desk{display: block;}

    .hero-section{text-align: center;padding: 100px 0 0}
    .hero-section .container{padding-top: 0;}
    .hero-section .container .icon-box{display: none}
    .hero-section .container::before {margin: 0 auto 40px;}
    .hero-section .container > *{margin-left: auto;}
    .hero-section .container h1{margin-bottom: 40px;}
    .hero-section::after{position: inherit;height: 400px;max-width: 100%;margin: 40px auto 0}

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

    .model-line{display: none;}

    .business-section{padding-bottom: 0;}
    .business-section .content{margin: 0 auto 30px;}
    .business-section .content *:not(.dot){text-align: center}
    .business-section::after{position: inherit;margin: 0 auto;height: 700px;max-width: 100%;background-position: 110% 0;background-size: 900px;}

    .form-section .flex{flex-direction: column}
    .form-section .txt-box{text-align: center;max-width: 500px;}
    .form-section .txt-box::before{margin-left:  auto;}

}
@media (max-width: 950px) {
    .practice-section > p:nth-child(2){background: none;}
    .practice-section > p span{display: block;;background: #E3E3E3;padding: 10px 20px;border-radius: 70px;margin: 0 auto 40px;}

}
@media (max-width: 900px) {
    .support-section{background-image: none;padding-bottom: 0}
    .support-section::after{content: '';display: block;width: 100%;height: 550px;background: #C8BAB9 url("img/support-bg.avif") no-repeat 45% 0 / 800px}

    .practice-section .scroll-box{display: block;}
    .practice-section .scroll-box::before,
    .practice-section .scroll-box ul{max-width: min(calc(100% - 40px) , 741px);margin: 0 auto;}

    .advantage-section::before{height: 400px;background-size: cover}
}
@media (max-width: 768px) {
    h1, h2, h3, h4, p, span, label, a, button, input, select, textarea, li{font-size: 22px;line-height: 32px;}

    .font-xs,.font-xs *{font-size: 10px;line-height: 10px;}
    .font-sm,.font-sm *{font-size: 14px;line-height: 14px;}
    .font-md {font-size: 24px;line-height: 30px;}
    .font-lg, .font-lg *{font-size: 26px;line-height: 22px;}
    .font-xl, .font-xl *{font-size: 28px;line-height: 26px;}
    .font-xxl, .font-xxl *{font-size: 28px;line-height: 44px;}
    .font-giant{font-size: 40px;line-height: 54px;}

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

    .franchise-section .carousel-box .item p{height: 180px;max-width: 340px;padding: 56px 20px 0;text-align: center;}
    .franchise-section .carousel-box .item p::before{left: calc(50% - 18px); top: 20px;}

    .medic-section{padding-bottom: 0;}
    .medic-section h2{text-align: center;}
    .medic-section h2,
    .medic-section p{max-width: 345px;margin-left: auto;margin-right: auto;}
    .medic-section::after{position: inherit;margin: 0 auto;height: 400px;background-position: -60px;}

    .support-section h2,
    .support-section p{text-align: center}

    .business-section::after{position: inherit;margin: 0 auto;height: 400px;background-position: -120px 0;background-size: 500px;}

    .advantage-section::before{height: 300px;}
    .advantage-section p{height: 90px;border-radius: 15px}
}
@media (max-width: 500px) {
    .support-section .carousel-box .item{height: auto;min-height: 460px }

    .form-section #bricks-component-wMXmUaBIIZXbDNApnoAYLQ,
    #rdstation-bricks-embeddable-form-bricks-component-wMXmUaBIIZXbDNApnoAYLQ .bricks--component,
    #rdstation-bricks-embeddable-form-bricks-component-wMXmUaBIIZXbDNApnoAYLQ .bricks--section > div {max-width: 100%; width: auto;}
}