@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{--cl-py: #03873E;--cl-sy: #F58322;--cl-dk: #000000;--cl-md: #777777;--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: #010204;padding: 0;margin: 0;}
body::before{content: '';position: fixed;display: block;height: 722px;width: 100%;aspect-ratio: 144 / 89;background: url("img/bg.avif") 50% 0 no-repeat #010204;background-size: contain;z-index: -1;}

*{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-lt);font-size: 18px;line-height: 20px;}
button{-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;outline: none;}
*::placeholder{font-family: 'montserratregular', sans-serif;font-style: normal;color: var(--cl-lt);margin: 0;font-weight: 400;}
::-webkit-scrollbar{display: block;width: 10px;}
::-webkit-scrollbar-track{background: var(--cl-md);}
::-webkit-scrollbar-thumb{background: var(--cl-lt);}
::-webkit-scrollbar-thumb:hover{background: var(--cl-py);}

.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;}
.font-up {text-transform: uppercase}

.cl-py{color: var(--cl-py)}
.cl-dk{color: var(--cl-dk)}
.cl-sy{color: var(--cl-sy)}

.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(--cl-py);text-align: center;border-radius: 100px;padding: 18px 38px;margin: 0 auto;align-items: center;max-width: 450px;width: fit-content;cursor: pointer;text-transform: uppercase;}
.btn.sy{background-color: var(--cl-dk);color: var(--cl-lt);}

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

body .owl-theme .owl-nav{position: absolute;top: calc(50% - 16px);left: 50%;display: flex;justify-content: space-between;width: calc(100% + 30px);height: 0;transform: translate(-50%, -50%);margin: 0 auto;}
body .owl-theme .owl-nav button{width: 32px;height: 32px;transform: translateY(-19px);}
body .owl-theme .owl-nav button.owl-next:hover,
body .owl-theme .owl-nav button.owl-next{background: url('img/i-next.svg') 50% no-repeat;background-size: 30px;}
body .owl-theme .owl-nav button.owl-prev:hover,
body .owl-theme .owl-nav button.owl-prev{background: url('img/i-prev.svg') 50% no-repeat;background-size: 30px;}

header .content{position: absolute;top: 0;left: 50%;width: 100%;justify-content: center;max-width: 864px;height: 68px;background: var(--cl-lt);transform: translateX(-50%);border-bottom-right-radius: 22px;border-bottom-left-radius: 22px;}
header a.logo{width: 223px;aspect-ratio: 223 / 47;background: url("img/logo.avif") 50% no-repeat;background-size: contain;}

[class*="-section"]{padding-top: 40px; padding-bottom: 40px;}

.hero-section{padding: 150px 0 0;}
.hero-section::before{content: '';display: block;max-width: 834px;background: url("img/hero.avif") 50% no-repeat;background-size: contain;aspect-ratio: 417 / 169;margin: 0 auto 40px;}
.hero-section h1{max-width: 600px;margin: 0 auto 40px}
.hero-section h1::before{content: '';display: block;max-width: 21px;background: url("svg/mouse.svg") 50% no-repeat;background-size: contain;aspect-ratio: 7 / 10;margin: 40px auto 40px;}

.number-section {padding: 60px 0}
.number-section .number-box .item{width: 361px;max-width: 100%;aspect-ratio: 361 / 485;margin: 0 10px 40px}
.number-section .number-box .item:nth-child(1){background: url("img/n-1.avif") 50% no-repeat;background-size: contain;}
.number-section .number-box .item:nth-child(2){background: url("img/n-2.avif") 50% no-repeat;background-size: contain;}
.number-section .number-box .item:nth-child(3){background: url("img/n-3.avif") 50% no-repeat;background-size: contain;}
.number-section h2 {max-width: 660px; text-align: center; margin: 0 auto 40px;}
.number-section p {max-width: 730px; text-align: center; margin: 0 auto 40px;}

.icon-section{text-align: center;background: var(--cl-lt);margin: 50px 0 0;}
.icon-section .item{display: inline-flex;flex-direction: column;width: 270px;height: 260px;background: var(--cl-lt);padding: 50px 20px 10px;border-radius: 20px;margin: -50px 20px 60px;}
.icon-section .item::before{content:'';width: 118px;height: 75px;margin: 0 auto 40px;}
.icon-section .item:nth-child(1)::before{background: url("img/i1.avif") 50% no-repeat;background-size: contain;}
.icon-section .item:nth-child(2)::before{background: url("img/i2.avif") 50% no-repeat;background-size: contain;}
.icon-section .item:nth-child(3)::before{background: url("img/i3.avif") 50% no-repeat;background-size: contain;}
.icon-section .item:nth-child(4)::before{background: url("img/i4.avif") 50% no-repeat;background-size: contain;}
.icon-section .item:nth-child(5)::before{background: url("img/i5.avif") 50% no-repeat;background-size: contain;}
.icon-section .item:nth-child(6)::before{background: url("img/i6.avif") 50% no-repeat;background-size: contain;}

.video-section{background: var(--cl-dk);}
.video-section .container h2.font-size-xl,
.video-section .container p:nth-child(2){width: 100%;max-width: 960px;margin: 0 auto 40px;line-height: 1.5;}
.video-section .video-box .item{width: 418px;max-width: 100%;aspect-ratio: 16/9;padding: 10px;margin: 40px auto;}
.video-section .video-box .item iframe{width: 100%;height: 100%;}

.video-section .comment-box{text-align: center;}
.video-section .comment-box .item{position: relative;display: inline-block;align-items: center;width: 100%;max-width: 521px;min-height: 192px;padding: 10px;border: 1px solid var(--cl-py);margin: 50px 20px 20px;border-radius: 10px;text-align: left}
.video-section .comment-box .item::before{content: '';position: absolute;top: -52px;right: 20px;width: 104px;height: 104px;display: flex;align-items: center;background: var(--img-url) 50% no-repeat var(--cl-dk);background-size: 100px;padding: 8px 10px;border-radius: 10px;}
.video-section .comment-box .item p{height: 120px;font-style: italic;}

.cases-section{background: var(--cl-dk);padding: 0 0 40px;}
.cases-section .video-box iframe{display: block;width: 100%;max-height: 500px;aspect-ratio: 16/9;margin: 0 auto 40px}

.cases-section .cases-box a{display: inline-flex;width: 118px;height: 75px;margin: 4px 30px}
.cases-section .cases-box a:nth-child(1){background: url("img/case-bayard.avif") 50% no-repeat;background-size: contain;}
.cases-section .cases-box a:nth-child(2){background: url("img/case-disantinni.avif") 50% no-repeat;background-size: contain;}
.cases-section .cases-box a:nth-child(3){background: url("img/case-elpatron.avif") 50% no-repeat;background-size: contain;}
.cases-section .cases-box a:nth-child(4){background: url("img/case-tercadaserra.avif") 50% no-repeat;background-size: contain;}

.team-section{background: var(--cl-lt);padding: 80px 0;}
.team-section * :not(.btn) {color: var(--cl-dk)}
.team-section::before{content: '';display: block;max-width: 100%;height: auto;max-height: 441px;background: url("img/team-hero.avif") 50% no-repeat;background-size: contain;aspect-ratio: 1437 / 441;margin: 0 auto 40px;}
.team-section .team-list{max-width: 820px;padding: 40px 0 20px;margin: 0 auto;}
.team-section .team-list span{display: flex;align-items: flex-start;margin: 0 0 20px;text-align: left}
.team-section .team-list span::before{content: '';display: inline-flex;height: 30px;width: 100%;max-width: 30px;background: url("svg/team-icon.svg") 0 no-repeat;background-size: contain;margin-top: -5px;margin-right: 10px;}
.team-section h2{max-width: 820px;margin: 0 auto;}
.team-section p{max-width: 600px;margin: 0 auto 40px;}
.team-section .btn {max-width: 590px;}
.team-section .img-box{}
.team-section .img-box .item{}
.team-section .img-box .item:nth-child(1){background: url("img/case-bayard.avif") 50% no-repeat;background-size: contain;}
.team-section .img-box .item:nth-child(2){background: url("img/case-disantinni.avif") 50% no-repeat;background-size: contain;}
.team-section .img-box .item:nth-child(3){background: url("img/case-elpatron.avif") 50% no-repeat;background-size: contain;}
.team-section .img-box .item:nth-child(4){background: url("img/case-tercadaserra.avif") 50% no-repeat;background-size: contain;}

.team-section .team-img{display: flex;align-items: center;justify-content: center}
.team-section .team-img::before,
.team-section .team-img::after{content: '';display: inline-flex;width: 100%;max-width: 700px;aspect-ratio: 704 / 351;margin-top: 40px}
.team-section .team-img:nth-child(2)::before{background: url(img/team-1.avif) 50% no-repeat;background-size: cover;margin-right: 20px;}
.team-section .team-img:nth-child(2)::after{background: url(img/team-2.avif) 50% no-repeat;background-size: cover;margin-left: 20px;}
.team-section .team-img:nth-child(3)::before{background: url(img/team-3.avif) 50% no-repeat;background-size: cover;margin-right: 20px;}
.team-section .team-img:nth-child(3)::after{background: url(img/team-4.avif) 50% no-repeat;background-size: cover;margin-left: 20px;}

.form-section {background: url("img/footer-bg.avif") 50% 0 no-repeat #010204;background-size: auto;padding: 80px 0;}
.form-section .content::before{content: '';display: block;width: 475px;max-width: 100%;aspect-ratio: 475 / 99;background: url("img/logo-lt.avif") 50% no-repeat;background-size: contain;margin-bottom: 50px;}
.form-section p b{color: var(--cl-sy)}
.form-section .iso{max-width: 460px;}
.form-section .iso::before{content: '';display: inline-flex;width: 156px;max-width: 100%;float: left;aspect-ratio: 78 / 55;background: url("img/selo-iso.avif") 50% no-repeat;background-size: contain;margin: 15px 20px 15px 0;}


.form-section .icon-box{justify-content: center}
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;}

.form-section .content,
.form-section .form{width: 100%;max-width: 500px;}
.form-section .form #rd-form-lbf01jhz{margin-top: 0;}
section#rd-section-lbf01jhs,
#rd-row-lbf01jhx .bricks--column > div,
.form-section .form *:not(input){background: transparent}

footer{background: url("img/footer-bg.avif") 50% 0 no-repeat #010204;background-size: auto;padding: 20px 0 0;}
footer::after{content: '';display: block;width: 100%;max-width: 995px;background: url("img/end.avif") 50% 0 no-repeat;background-size: auto;aspect-ratio: 995 / 327;margin: 30px auto 0;}

.cc-message, .cc-message *{color: var(--cl-dk)}

@media (max-width: 1440px) {
    body::before{background-size: cover}
}
@media (max-width: 1172px) {
    * .container{margin: 0 20px;}
    .hero-section{background-size: cover;}
}
@media (max-width: 990px) {
    *.flex-desk{display: block;}

    .number-section .number-box .item{margin: 0 auto 40px}

    .form-section .content,
    .form-section .form{margin-right: auto;margin-left: auto;}
}
@media (max-width: 900px) {
    .hero-section{background-size: cover;}
    .hero-section::before{margin: 0 20px 40px;}
}
@media (max-width: 800px) {
    .team-section .team-img{display: block;text-align: center;}

    .team-section .team-img::before,
    .team-section .team-img::after{margin: 40px 20px 0; width: calc(100% - 40px)}
}
@media (max-width: 680px) {
    .video-section .comment-box .item{margin: 0 auto 20px;}
}
@media (max-width: 600px) {
    .team-section::before {background-position: 45% 50%;background-size: cover;aspect-ratio: 11 / 6;}
}
@media (max-width: 360px) {
    .form-section .iso::before{width: 125px;}
}