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

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

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

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

:root{--cl-action: #CD9543;--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: 'afacadfluxregular', 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: 30px;line-height: 1;letter-spacing: -5%}
*::placeholder{font-family: 'afacadfluxregular', 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-md {font-size: 24px;}
.font-lg {font-size: 35px;line-height: 1.2;}
.font-giant{font-size: 60px;line-height: 1.1;font-family: 'momotrustregular', sans-serif;}
.font-up {text-transform: uppercase}
.lh{line-height: 1.2}
.lh-half{line-height: 1.5}
.lh-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)}

.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, .flex-desk.gap{gap: 10px;}
.flex.top,.flex-desk.top{align-items: flex-start;}
.flex.start,.flex-desk.start{justify-content: flex-start;}
.flex.center{justify-content: center;}
.txt-center, .txt-center * {text-align: center}
.text-line-desktop{display: block;}
.container{margin: 0 auto;max-width: 1220px;}

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

*.font-momo, .font-momo *{font-family: 'momotrustregular', sans-serif;}
*.font-ebold, .font-ebold *{font-family: 'afacadfluxextrabold', sans-serif;}
h1 b,h2 b,h3 b,p b,*.font-bold, .font-bold *{font-family: 'afacadfluxbold', 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;}


html body * .container .nav-lt .owl-nav button.owl-next:hover,
html body * .container .nav-lt .owl-nav button.owl-next{background-image: url('svg/owl-next-lt.svg')}
html body * .container .nav-lt .owl-nav button.owl-prev:hover,
html body * .container .nav-lt .owl-nav button.owl-prev{background-image: url('svg/owl-prev-lt.svg')}

.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::before{content: '';display: block;width: 100%;max-width: 242px;background: url(svg/logo.svg) 0 50% no-repeat;background-size: contain;aspect-ratio: 242 / 157;}
.hero-section h1{max-width: 700px;margin: 40px 0}
.hero-section p{max-width: 595px;margin-bottom: 80px;}
.hero-section .carousel-box{margin-bottom: -150px;}
.hero-section .item{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 290px;min-height: 292px;background: var(--cl-lt);padding: 20px;border: 2px solid var(--cl-action);border-radius: 20px;margin: 0 auto;}
.hero-section .item::before{content: '';display: block;width: 92px;height: 92px;margin-bottom: 40px;}
.hero-section .item.i1::before{background: url(svg/hero-1.svg) no-repeat 50% / contain;}
.hero-section .item.i2::before{background: url(svg/hero-2.svg) no-repeat 50% / contain;}
.hero-section .item.i3::before{background: url(svg/hero-3.svg) no-repeat 50% / contain;}
.hero-section .item.i4::before{background: url(svg/hero-4.svg) no-repeat 50% / contain;}
.hero-section .item h3{max-width: 150px}

.market-section{background: #F6F7F9 url(img/market-bg.avif) repeat-x 50% 115% / auto;padding: 250px 0 300px;}
.market-section .btn{margin-bottom: 100px;}

.why-section {padding: 40px 0 80px}
.why-section .item{max-width: 231px;min-height: 235px;margin: 0 auto}
.why-section .item::before{content: '';display: block;width: 100%;aspect-ratio: 231 / 248;background: url(img/why-1.avif) no-repeat 50% / contain;border-radius: 15px;}
.why-section .item.w2::before{background-image: url(img/why-2.avif)}
.why-section .item.w3::before{background-image: url(img/why-3.avif)}
.why-section .item.w4::before{background-image: url(img/why-4.avif)}
.why-section .item.w5::before{background-image: url(img/why-5.avif)}
.why-section .item p{text-align: left;padding: 0 10px;max-width: 200px}
.why-section .item p::before{content: '';display: block;width: 34px;height: 5px;border-radius: 100px;background: var(--cl-action);margin: 15px 0 10px}

.heineken-section {position: relative;background: #003e01 url(img/heineken-bg.avif) 50% / contain;padding: 120px 0 80px;}
.heineken-section::before{content: '';position: absolute;top: -50px;left: calc(50% - 131px);display: block;width: 262px;aspect-ratio: 263 / 146;background: url(svg/heineken.svg) no-repeat 50% / contain;}
.heineken-section .carousel-box{max-width: 750px;margin: 40px auto}
.heineken-section .item{display: block;width: 100%;max-width: 100px;aspect-ratio: 1;background: url(img/heineken-1.avif) no-repeat 50% / contain;border-radius: 15px;margin: 0 auto 20px;}
.heineken-section .item.h2{background-image: url(img/heineken-2.avif)}
.heineken-section .item.h3{background-image: url(img/heineken-3.avif)}
.heineken-section .item.h4{background-image: url(img/heineken-4.avif)}
.heineken-section .item.h5{background-image: url(img/heineken-5.avif)}

.model-section{background: var(--cl-dk);padding: 80px 0;}
.model-section .container::before{content: '';display: block;width: 100%;max-width: 552px;aspect-ratio: 46 / 65;margin-bottom: 20px;background: url(img/model.avif) no-repeat 50% / contain;}
.model-section .container .txt-box{width: 100%;max-width: 650px;}
.model-section p.flex{justify-content: center;width: 100%;max-width: 270px;min-height: 125px;padding: 10px;border: 1px solid var(--cl-action);border-radius: 15px;color: var(--cl-lt);}
.model-section .carousel-box{display: none;}

.support-section{background: var(--cl-lt);padding: 80px 0;}
.support-section .container .txt-box{width: 100%;max-width: 650px;}
.support-section .container::after{content: '';display: block;width: 100%;max-width: 600px;aspect-ratio: 67 / 86;margin-bottom: 20px;background: url(img/support.avif) no-repeat 50% / contain;}
.support-section p.flex{justify-content: center;width: 100%;max-width: 270px;min-height: 125px;padding: 10px;border: 1px solid var(--cl-action);border-radius: 15px;}
.support-section .carousel-box{display: none;}

.brand-section{background: #F2EFEF;padding: 80px 0;}
.brand-section .container::before{content: '';display: block;width: 100%;max-width: 555px;aspect-ratio: 555 / 788;margin-bottom: 20px;background: url(img/brand.avif) no-repeat 50% / contain;}
.brand-section .txt-box::before{content: '';display: block;width: 100%;max-width: 140px;background: url(svg/logo.svg) 0 50% no-repeat;background-size: contain;aspect-ratio: 242 / 157;margin-bottom: 30px}
.brand-section .txt-box{width: 100%;max-width: 590px;}
.brand-section .txt-box h2{max-width: 500px;}
.brand-section .btn{margin-left: 0;}




.form-section{background: #070707 url(img/form-bg.avif) no-repeat 50%  0 / cover;padding: 40px 0;}
.form-section .txt-box{max-width: 400px;}
.form-section .txt-box::before{content: '';display: block;width: 100%;max-width: 140px;background: url(svg/logo.svg) 0 50% no-repeat;background-size: contain;aspect-ratio: 242 / 157;margin-bottom: 30px}
.form-section .form,
.form-section .form > *{max-width: min(450px,100%);}


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

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

@media (max-width: 1720px) {
    .heineken-section {background-size: cover;}

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

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

    .owl-carousel-hero .owl-nav,
    .owl-carousel-why .owl-nav,
    .owl-carousel-heineken .owl-nav,
    .owl-carousel-model .owl-nav,
    .owl-carousel-support .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;}

    .hero-section .carousel-box{margin-bottom: 40px;}

    .form-section .container{justify-content: center}
    .model-section .container::before,
    .support-section .container::after{max-width: min(552px, 40%);}

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

    .model-section .container::before{max-width: 552px;order: 2}
    .model-section .container .txt-box{order: 1}
    .model-section .container .txt-box .btn{display: none;}
    .model-section .container .mob{display: flex;order: 3;margin-top: 40px;}

    .support-section .container::after{max-width: 600px;margin-top: 40px;}

    .brand-section .container::before{content: none;}
    .brand-section .txt-box::before,
    .brand-section .txt-box *{margin-right: auto; margin-left: auto; text-align: center;}
}
@media (max-width: 900px) {
    .hero-section{background-position: 60% 50%}

    /*.form-section .txt-box {max-width: 319px;}*/

    .form-section .txt-box::before,
    .form-section .txt-box *{margin-right: auto; margin-left: auto; text-align: center;}
}
@media (max-width: 768px) {
    h1, h2, h3, h4, p, span, label, a, button, input, select, textarea, li{font-size: 16px;line-height: 16px;}

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

    .btn {font-size: 18px;}

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

    .hero-section{padding: 40px 0}
    .hero-section .container::before,
    .hero-section .container > *{margin-left: auto;margin-right: auto; text-align: center}

    .market-section{background-position: 55% 100%;padding: 80px 0 400px;}

    .why-section {padding-top: 0;margin-top: -100px;}
    .why-section h2{display: none}

    .heineken-section{background-image: url(img/heineken-bg-mob.avif)}

    .model-section .cards{display: none}
    .model-section .carousel-box{display: block;}
    .model-section p.flex{min-height: 100px;}


    .support-section .cards{display: none}
    .support-section .carousel-box{display: block;}
    .support-section p.flex{min-height: 100px;}


    .form-section{padding-bottom: 80px;}
    .form-section .txt-box p{display: none}

    footer{position: relative;background: var(--cl-dk); padding: 50px 0 40px;}
    footer a{position: absolute;top: -50px;left: calc(50% - 65px);display: block;width: 130px;aspect-ratio: 242 / 157;background: url(svg/logo.svg) no-repeat 50% / contain;}
}
@media (max-width: 500px) {
    .hero-section {background: #040000 url(img/hero-bg-mob.avif) no-repeat 50% 100% / cover;}
}