@font-face {
    font-family: 'gothambold';
    src: url('fonts/Gotham-Bold.woff2') format('woff2'),
    url('fonts/Gotham-Bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'gothambook';
    src: url('fonts/Gotham-Book.woff2') format('woff2'),
    url('fonts/Gotham-Book.woff') format('woff');
    font-display: swap;
}

:root{--cl-action: #6D3F11;--cl-sy: #FFB700;--cl-dk: #4E4E4E;--cl-md: #F8F6EE;--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: 'gothambook', sans-serif;font-style: normal;font-weight: 400;text-decoration: none;margin: 0;padding: 0;letter-spacing: -5%;}
h1, h2, h3, h4, p, span, label, a, button, input, select, textarea, li{color: var(--cl-dk);font-size: 25px;line-height: 30px;}
*::placeholder{font-family: 'gothambook', 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-sm,.font-sm *{font-size: 18px;line-height: 18px;}
.font-lg, .font-lg *{font-size: 45px;line-height: 48px;}
.font-giant{font-size: 50px;line-height: 55px;}
.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: 1422px;}

.btn {font-family: 'gothambold', sans-serif;display: flex;align-items: center;width: fit-content;background-color: var(--cl-action);color: var(--cl-lt);text-align: center;cursor: pointer;padding: 12px 16px 14px;margin: 0 auto;transition: all .2s ease;border-radius: 18px;}
.btn.lt{background-color: var(--cl-lt);color: var(--cl-action);}
.btn.special{background: none;border: 3px solid var(--cl-sy)}

.btn.mob{display: none;}
.btn:hover{box-shadow: 0 3px 4px 2px rgba(0, 0, 0, 0.2);}

*.font-sbold, .font-sbold *{font-family: 'gothamsemibold', sans-serif;}
*.font-ebold, .font-ebold *{font-family: 'gothamextrabold', sans-serif;}
*.font-black, .font-black *{font-family: 'gothamblack', sans-serif;}
h1 b, h2 b,p b,*.font-bold, .font-bold *{font-family: 'gothambold', sans-serif;}

.marked{display: inline-block;background: var(--cl-action);font-family: 'gothambold', serif;color: var(--cl-sy);padding: 0 8px 4px;border-radius: 10px}

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


.hero-section{position: relative;min-height: 500px;background: url("img/hero-bg.avif") no-repeat 50% / cover;padding: 100px 0 100px;}
.hero-section .container{position: relative;z-index: 1;}
.hero-section .container > *{max-width: 720px;margin-left:0 }
.hero-section a.logo{display: block;width: 100%;max-width:220px;background: url("svg/logo.svg") 0 50% no-repeat;background-size: contain;aspect-ratio: 220/127;margin: 0 0 80px;}
.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% / cover;margin-left: 8px}
.hero-section .icon-box a:nth-child(1){background-image: url("svg/instragram-lt.svg")}
.hero-section .icon-box a:nth-child(2){background-image: url("svg/linkedin-lt.svg")}
.hero-section .icon-box a:nth-child(3){background-image: url("svg/facebook-lt.svg")}
.hero-section h1{margin-bottom: 80px;}

.icon-section{position: relative;padding: 0 0 40px;margin-top: -50px;z-index: 1;}
.icon-section .container{display: flex;justify-content: center;}
.icon-section .container div{width: 100%;max-width: 16%;min-height: 202px;padding: 16px}
.icon-section .container div::before{content: '';display: block;width: 69px;height: 75px;background: no-repeat 50% / contain;margin-bottom: 20px}
.icon-section .container div:nth-child(1){background: var(--cl-sy);border-bottom-left-radius: 30px;border-top-left-radius: 30px;}
.icon-section .container div:nth-child(2),
.icon-section .container div:nth-child(5){background: var(--cl-md)}
.icon-section .container div:nth-child(3){background: var(--cl-action)}
.icon-section .container div:nth-child(4){background: #303030}
.icon-section .container div:nth-child(6){background: var(--cl-action);border-bottom-right-radius: 30px;border-top-right-radius: 30px;}

.icon-section .container div:nth-child(1)::before{background-image: url("svg/icon-1.svg")}
.icon-section .container div:nth-child(2)::before{background-image: url("svg/icon-2.svg")}
.icon-section .container div:nth-child(3)::before{background-image: url("svg/icon-3.svg")}
.icon-section .container div:nth-child(4)::before{background-image: url("svg/icon-4.svg")}
.icon-section .container div:nth-child(5)::before{background-image: url("svg/icon-5.svg")}
.icon-section .container div:nth-child(6)::before{background-image: url("svg/icon-6.svg")}

.store-section{padding: 80px 0;}
.store-section .container::before{content: '';display: block;width: 100%;max-width: min(589px, 49%);height: 624px;background: url("img/store.avif") no-repeat 50% / contain;margin-bottom: 20px}
.store-section .txt-box{width: 100%;max-width: min(700px, 50%);}
.store-section .txt-box span{display: inline-block;background: var(--cl-sy);font-family: 'gothambold', serif;color: var(--cl-action);padding: 0 8px 4px;border-radius: 10px}
.store-section .txt-box .btn{margin-left: 0}

.card-section{background: var(--cl-md);padding: 80px 0;}
.card-section h2{max-width: 900px;margin: 0 auto}
.card-section .content{justify-content: center;margin: 80px 0 40px;}
.card-section .content p{position: relative;display: flex;align-items: center;width: 270px;height: 260px;background: var(--cl-sy);padding: 16px;border-radius: 20px;margin-bottom: 50px;}
.card-section .content p::before{content: '';position: absolute;top: -42px;left: calc(50% - 43px);height: 84px;width: 86px;background: url("svg/check.svg") no-repeat 50% / contain;}

.jundia-section{padding: 80px 0;}
.jundia-section .container::after{content: '';display: block;width: 100%;max-width: min(700px, 49%);height: 624px;background: url("img/compete.avif") no-repeat 50% / contain;margin-bottom: 20px}
.jundia-section .txt-box{width: 100%;max-width: min(600px, 50%);}
.jundia-section .txt-box p{position: relative;padding-left: 66px;margin-bottom: 20px}
.jundia-section .txt-box p::before{content: '';position: absolute;top: calc(50% - 26px);left: 0;height: 52px;width: 52px;background: url("svg/check-sy.svg") no-repeat 50% / contain;}
.jundia-section .txt-box .btn{margin-left: 0;margin-top: 40px;}


.franchise-section{padding: 0 0 80px;}
.franchise-section .container::before{content: '';display: block;height: 3px; background: #D9D9D9;margin-bottom: 40px;}
.franchise-section .content{align-items: normal;margin-bottom: 80px}
.franchise-section .content p{font-family: 'gothambold', sans-serif;width: 100%; max-width: min(300px, 23%);text-align: left;}
.franchise-section .content p::before{content: '';display: block;width: 58px;height: 58px;background: no-repeat 50% / contain;margin-bottom: 20px;}
.franchise-section .content p:nth-child(1)::before{background-image: url("svg/icon-f-1.svg");}
.franchise-section .content p:nth-child(3)::before{background-image: url("svg/icon-f-2.svg")}
.franchise-section .content p:nth-child(5)::before{background-image: url("svg/icon-f-3.svg")}
.franchise-section .content p:nth-child(7)::before{background-image: url("svg/icon-f-4.svg")}
.franchise-section .content span{display: block;width: 1px;background: #D9D9D9;margin-right: 10px;}

.form-section{background: var(--cl-md);padding: 20px 0 80px;}
.form-section .txt-box{max-width: min(620px, 50%);margin: 0 0 100px;}
#rdstation-bricks-embeddable-form-bricks-component-eXLtTs8jdql6Z1bAWu3j3w .bricks--section{border-radius: 24px;overflow: hidden}

footer{background: var(--cl-lt);margin-top: -110px;padding: 40px 0 40px;z-index: 0;}
footer a.logo{position: absolute;display: block;width: 100%;max-width: 320px;background: var(--cl-lt) url("svg/logo.svg") no-repeat  40% 70%  / 221px;aspect-ratio: 220/127;padding: 40px;margin: -120px 0 0;border-radius: 30px;}
footer .icon-box{display: flex;align-items: center;justify-content: center;}
footer .icon-box a{display: block;height: 32px;width: 32px;background: no-repeat 50% / cover;margin-left: 8px;}
footer .icon-box a:nth-child(1){background-image: url("svg/instragram.svg")}
footer .icon-box a:nth-child(2){background-image: url("svg/linkedin.svg")}
footer .icon-box a:nth-child(3){background-image: url("svg/facebook.svg")}

@media (max-width: 1500px) {
    .business-section .content{margin-right: 650px}
}
@media (max-width: 1465px) {
    * .container{margin: 0 20px;}
}

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

    .hero-section{text-align: center;padding: 80px 0;}
    .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}

    .icon-section{padding: 40px 0;margin-top: 0;}
    .icon-section .container{flex-wrap: wrap;gap: 16px;}
    html body .main .icon-section .container div{display: flex;align-items: center;width: 100%;max-width: 250px;min-height: 50px;padding: 8px;border-radius: 15px;}
    .icon-section .container div::before{width: 100%; max-width: 69px;margin-right: 8px;margin-bottom: 0}

    .store-section .container::before{content: none;}
    .store-section .container .txt-box{max-width: 700px;margin: 0 auto}
    .store-section .container .txt-box p:first-child::after{content: '';display: block;width: 100%;max-width: 80%;aspect-ratio:589/624;background: url("img/store.avif") no-repeat 50% / contain;margin: 30px auto}
    .store-section .container .txt-box span{display: inline-block;background: var(--cl-sy);font-family: 'gothambold', serif;color: var(--cl-action);padding: 0 8px 4px;border-radius: 10px}

    .franchise-section .content{justify-content: center;gap: 30px;}
    .franchise-section .content p{max-width: 350px;}
    .franchise-section .content span{display: none;}


    .jundia-section .container::after{content: none}
    .jundia-section .txt-box{width: 100%;max-width: 600px;}
    .jundia-section .txt-box div{display: block;width: 100%;max-width: 80%;aspect-ratio:589/624;background: url("img/compete.avif") no-repeat 50% / contain;margin: 30px auto;}
    .jundia-section .txt-box .btn{margin-left: auto}



    .form-section .container{flex-direction: column;}
    .form-section .txt-box{max-width: 600px;margin: 40px 0;}

    footer{margin-top: 0;padding: 40px 0 40px;}
    footer a.logo{position: relative;margin: -100px auto -50px;}
    footer .icon-box{width: fit-content;margin: 0 0 0 auto}
}
@media (max-width: 768px) {
    h1, h2, h3, h4, p, span, label, a, button, input, select, textarea, li{font-size: 16px;line-height: 18px;}

    .font-sm,.font-sm *{font-size: 14px;line-height: 14px;}
    .font-md {font-size: 24px;line-height: 30px;}
    .font-lg, .font-lg *{font-size: 22px;line-height: 26px;}
    .font-giant{font-size: 28px;line-height: 32px;}

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

    .hero-section{text-align: center;padding: 40px 0}
    .hero-section a.logo{max-height: 70px;}

    html body .main .icon-section .container div{max-width: 48%;}

    .card-section .content p{width: 230px;height: 170px;background: var(--cl-sy);padding: 16px;border-radius: 20px;}
    .card-section .content p::before{top: -30px;left: calc(50% - 30px);width: 60px;height: 60px;}

    .franchise-section .content p{max-width: 45%;}

    footer a.logo{max-width: 210px;background-size: 65%;}
}
@media (max-width: 500px) {
    .hero-section .container .icon-box a,
    footer .icon-box a{height: 24px;width: 24px;}


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

    footer a.logo{margin: -80px auto -40px 0;}
}

@media (max-width: 440px) {
    html body .main .icon-section .container div{max-width: 250px;}
}