@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

:root{
    --dark-yell: #BF9000;
    --fig: "Figtree", sans-serif;
    --roboto: "Roboto", sans-serif;
    --acu: "Acumin Pro", sans-serif;
}

body{
    font-family: var(--acu);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.27777;
}

html,
body{
    overflow-x: hidden;
}

.tupp{
    text-transform: uppercase;
}

.tlc{
    text-transform: lowercase;
}

html::-webkit-scrollbar{
    width: 10px;
}

html::-webkit-scrollbar-track{
    background: #f2F2F2;
}

html::-webkit-scrollbar-thumb{
    background: var(--main);
    border-radius: 15px;
}

a{
    text-decoration: none;
    color: #000;
}

p{
    margin: 0;
}

hr{
    max-width: 100%;
    opacity: 100%;
    -webkit-opacity: 100%;
    margin: 1rem 0;
}

.sectitle{
    font-size: 32px;
    font-weight: 900;
    line-height: 1.0625;
}

.sectitle strong{
    color: var(--dark-yell);
    font-weight: inherit;
}

.sectitle.w strong{
    color: var(--main);
}

.text{
    color: var(--text);
}

.text p:not(:last-child){
    margin-bottom: 1rem;
}

.telp,
.mailp{
    display: block;
}

.dbtn{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 1rem;
    width: fit-content;
    color: var(--title);
    border: none;
    border-radius: 7px;
    background: var(--dark-yell);
    padding: 3px 20px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dbtn:hover{
    color: var(--white);
    background: var(--title);
}

.dbtn.w{
    color: var(--title);
    background: var(--white);
}

.dbtn.b{
    color: var(--white);
    background: var(--title);
}

.dbtn.b:hover{
    color: var(--title);
    background: var(--main);
}

.wpcf7-not-valid-tip{
    position: absolute;
    font-size: 14px !important;
    top: 100%;
}

h1.entry-title{
    text-align: center;
    margin: 30px 0;
}

form{
    border-radius: 13px 13px 0 0;
    background: var(--black);
    padding: 35px 31px;
}

form .row{
    grid-gap: 19px 0;
    border: 1px solid var(--white);
    border-radius: 18px;
    margin: 0;
    padding: 27px 28px 33px;
}

form label{
    color: var(--white);
    font-size: 14px;
    margin-bottom: 5px;
}

form .ipts{
    color: var(--white);
    font-size: 14px;
    border: 1px solid var(--white);
    border-radius: 11px;
    background: #ffffff66;
    padding: 6px 1rem;
}

form .ipts::placeholder{color:var(--white)}
form .ipts:-moz-placeholder{color:var(--white)}
form .ipts::-moz-placeholder{color:var(--white)}
form .ipts:-ms-input-placeholder{color:var(--white)}
form .ipts::-webkit-input-placeholder{color:var(--white)}

form textarea.ipts{
    height: 127px;
    resize: none;
}

form hr{
    background: var(--white);
    margin: 0;
}

form .dbtn{
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    font-size: 14px;
    padding: 9px 14px;
}

form .dbtn::after{
    content: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.411 15.235C14.3028 15.235 14.1956 15.2137 14.0957 15.1723C13.9957 15.1309 13.9049 15.0702 13.8283 14.9937C13.7518 14.9171 13.6911 14.8263 13.6497 14.7263C13.6083 14.6264 13.587 14.5192 13.587 14.411V1.648H0.823999C0.605461 1.648 0.395873 1.56119 0.241343 1.40666C0.0868135 1.25213 0 1.04254 0 0.823999C0 0.605461 0.0868135 0.395874 0.241343 0.241344C0.395873 0.0868145 0.605461 0 0.823999 0H14.411C14.6295 0 14.8391 0.0868145 14.9937 0.241344C15.1482 0.395874 15.235 0.605461 15.235 0.823999V14.412C15.235 14.6305 15.1482 14.8401 14.9937 14.9947C14.8391 15.1492 14.6295 15.236 14.411 15.236" fill="black"/><path d="M1.52096 14.5392C1.35797 14.5391 1.19866 14.4907 1.06318 14.4001C0.927701 14.3095 0.822136 14.1808 0.759836 14.0301C0.697537 13.8795 0.681302 13.7138 0.713185 13.554C0.745069 13.3942 0.823638 13.2474 0.938955 13.1322L13.829 0.242178C13.9846 0.0935448 14.1923 0.0117251 14.4075 0.0142154C14.6227 0.0167056 14.8284 0.103309 14.9806 0.255505C15.1328 0.4077 15.2194 0.613404 15.2219 0.828627C15.2244 1.04385 15.1426 1.2515 14.994 1.40718L2.10295 14.2982C2.02655 14.3746 1.93582 14.4353 1.83596 14.4766C1.73609 14.518 1.62905 14.5392 1.52096 14.5392Z" fill="black"/></svg>');
    height: 16px;
}

form.invalid .wpcf7-response-output,
form.unaccepted .wpcf7-response-output,
form.payment-required .wpcf7-response-output{
    color: var(--white);
}

.pagination{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: .5rem;
}

.pagination>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 35px;
    aspect-ratio: 1/1;
    color: var(--title);
    font-weight: 700;
    border-radius: 5px;
    background: var(--main);
    margin-top: 2rem;
}

.pagination>*:not(:first-child):not(:last-child):hover,
.pagination>*:not(:first-child):not(:last-child).active{
}

.pagination>*:first-child,
.pagination>*:last-child{
}

.w{
    color: var(--white);
}

.loader{
    position: fixed;
    inset: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background-color: var(--white);
}

.loader::before{
    content: '';
    position: absolute;
    width: 50px;
    aspect-ratio: 1/1;
    border: 3px solid var(--main);
    border-radius: 50%;
    clip-path: polygon(0 0,70% 0,70% 50%,100% 50%,100% 100%,0 100%);
    -webkit-clip-path: polygon(0 0,70% 0,70% 50%,100% 50%,100% 100%,0 100%);
    animation: 1s linear infinite forwards rotate;
    -webkit-animation: 1s linear infinite forwards rotate;
    -moz-animation: 1s linear infinite forwards rotate;
    -ms-animation: 1s linear infinite forwards rotate;
    -o-animation: 1s linear infinite forwards rotate;
}

@keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}
@-webkit-keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}
@-moz-keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}
@-ms-keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}
@-o-keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}

@media(max-width:992px){
    br{
        display: none;
        display: -webkit-none;
    }
}

@media(max-width:768px){
    form,
    form .row{
        padding: 1.5rem;
    }
}

@media(max-width:575px){
    .dbtn{
        width: 100%;
    }
    form .row{
        grid-gap: 18px 0 !important;
        padding: 2rem .5rem;
    }
}
.banners .item{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    max-height: 100vh;
}

.banners .item::before{
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,transparent 60%,var(--black) 90%);
}

.banners .item>img,
.banners .item>video{
    width: 100% !important;
}

.banners .item .container{
    position: absolute;
    inset: auto 0;
    padding-bottom: clamp(2rem,5.625vw,108px);
}

.banners .sectitle,
.banners .text,
.banners .bottomtitle{
    width: fit-content;
}

.banners .sectitle{
    font-size: 52px;
}

.banners .sectitle strong{
    color: var(--main);
}

.banners .text{
    margin-top: 1rem;
}

.banners .bottomtitle{
    font-size: 32px;
    font-weight: 900;
    border-bottom: 1px solid var(--main);
    margin-top: 99px;
}

.banners .item .selo{
    width: 200px;
    /* margin-left: auto; */
}

.fx{
    background: url(../../assets/img/fxbg.png) no-repeat bottom center/100% auto;
}

.bignumbers{
    padding: 115px 0 104px;
}

.bignumbers .owl-carousel{
    width: 1095px;
    max-width: 100%;
    margin: 57px auto 0;
}

.bignumbers .owl-carousel .item{
    border: 1px solid #DCDCDC;
    border-radius: 16px;
    background: var(--white);
    padding: 28px;
}

.bignumbers .owl-carousel .item .num{
    text-align: center;
    color: var(--dark-yell);
    font-size: 84px;
    font-weight: 900;
}

.bignumbers .owl-carousel .item .num count-up{
    color: var(--title);
}

.bignumbers .owl-carousel .item .title{
    text-align: center;
    color: var(--line);
    font-size: 18px;
    font-weight: 700;
}

.create{
    padding: 104px 0 111px;
}

.create .lines{
    position: relative;

    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 1rem 34px;
}

.create .lines::before,
.create .lines::after{
    content: '';
    width: 22%;
    height: 2px;
    background: var(--dark-yell);
}

.create .lines .fx{
    content: '';
    position: absolute;
    left: calc(100% + 18px);
    width: 55px;
    aspect-ratio: 1/1;
    background: var(--dark-yell);
}

.create .text{
    margin-top: 27px;
}

.create .row{
    position: relative;
    z-index: 1;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 2rem 0;
    width: 100%;
    margin: 64px 0 0;
    padding: 0 103px 35px;
}

.create .row::before{
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 100%;
    height: calc(100% - 20px);
    border: 2px solid var(--line);
    border-radius: 29px;
    clip-path: polygon(-20% -20%,7.49414% -20%,7.49414% 20%,92.50585% 20%,92.50585% -20%,120% -20%,120% 120%,-20% 120%);
    -webkit-clip-path: polygon(-20% -20%,7.49414% -20%,7.49414% 20%,92.50585% 20%,92.50585% -20%,120% -20%,120% 120%,-20% 120%);
    box-shadow: 0 3px 6px #00000029;
}

.create .row>*:nth-child(odd){
    position: relative;
    padding-right: 58px;
}

.create .row>*:nth-child(odd)::after{
    content: '';
    position: absolute;
    inset: auto 0 0 auto;
    width: 2px;
    height: calc(100% - 20px);
    background: var(--dark-yell);
}

.create .row>*:nth-child(odd){
    padding-left: 58px;
}

.create .row .sectitle{
    font-size: 28px;
}

.create .row .text{
    margin-top: 40px;
}

.create .text.t2{
    margin-top: 69px;
}

.fx2{
    background: url(../../assets/img/noisefx.png) no-repeat bottom center/100%;
}

.solutions{
    padding: 161px 0 144px;
}

.solutions .container>.row{
    position: relative;
    align-items: center;
    grid-gap: 2rem 0;
}

.solutions .container>.row::before{
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    width: 45.95938%;
    height: 118.58747%;
    /* height: 131.58747%; */
    border: 1px solid var(--line);
    border-radius: 29px;
    clip-path: polygon(-20% -20%,120% -20%,120% 9.63661%,80% 9.63661%,80% 90.36338%,120% 90.36338%,120% 120%,-20% 120%);
    -webkit-clip-path: polygon(-20% -20%,120% -20%,120% 9.63661%,80% 9.63661%,80% 90.36338%,120% 90.36338%,120% 120%,-20% 120%);
    box-shadow: 0 3px 6px #00000029;
}

.solutions .container>.row>*{
    align-content: center;
}

.solutions .container>.row>*:first-child{
    padding-left: 67px;
}

.solutions .sectitle::before{
    content: url('data:image/svg+xml;utf8,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M33.338 5.775V27.562C33.338 29.0936 32.7296 30.5625 31.6465 31.6455C30.5635 32.7286 29.0946 33.337 27.563 33.337H5.775C4.24337 33.337 2.77448 32.7286 1.69146 31.6455C0.608436 30.5625 0 29.0936 0 27.562L0 5.775C0 4.24337 0.608436 2.77448 1.69146 1.69146C2.77448 0.608436 4.24337 0 5.775 0H27.562C29.0936 0 30.5625 0.608436 31.6455 1.69146C32.7286 2.77448 33.338 4.24337 33.338 5.775Z" fill="rgb(191, 144, 0)"/><path d="M9.37598 10.25H23.088V23.962M23.0891 10.249L10.0791 23.258" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
    display: -webkit-block;
    height: 34px;
    margin-bottom: 21px;
}

.solutions .text{
    margin-top: 1rem;
}

.solutions .row .row{
    grid-gap: 19px 0;
}

.solutions .row .row>*{
    padding: 0 .5rem;
}

.solutions .box{
    display: block;
    display: -webkit-block;
    height: 100%;
    border-radius: 21px;
    background: url(../../assets/img/lines.png) repeat top left,url(../../assets/img/boxfx.png) no-repeat center/cover;
    padding: 18px 2rem;
}

.solutions .box .icon{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 64px;
    aspect-ratio: 1/1;
    border-radius: 11px;
    background: var(--dark-yell);
    padding: 5px;
}

.solutions .box .title{
    width: 166px;
    font-size: 18px;
    font-weight: 700;
    margin-top: 21px;
}

.solutions .box.last{
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    grid-gap: 1rem;
    padding: 23px 2rem;
}

.solutions .box.last::after{
    content: url('data:image/svg+xml;utf8,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M33.338 5.775V27.562C33.338 29.0936 32.7296 30.5625 31.6465 31.6455C30.5635 32.7286 29.0946 33.337 27.563 33.337H5.775C4.24337 33.337 2.77448 32.7286 1.69146 31.6455C0.608436 30.5625 0 29.0936 0 27.562L0 5.775C0 4.24337 0.608436 2.77448 1.69146 1.69146C2.77448 0.608436 4.24337 0 5.775 0H27.562C29.0936 0 30.5625 0.608436 31.6455 1.69146C32.7286 2.77448 33.338 4.24337 33.338 5.775Z" fill="rgb(191, 144, 0)"/><path d="M9.37598 10.25H23.088V23.962M23.0891 10.249L10.0791 23.258" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.solutions .box.last .title{
    width: fit-content;
}

.cases{
    padding: 144px 0 149px;
}

.cases .row{
    grid-gap: 55px 0;
}

.cases .row>*{
    align-content: center;
}

.cases .sectitle{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    grid-gap: 1rem;
}

.cases .sectitle::after{
    content: '';
    display: block;
    display: -webkit-block;
    width: 73%;
    height: 2px;
    background: var(--dark-yell);
}

.cases .item{
    position: relative;
    display: block;
    display: -webkit-block;
    height: 471px;
    align-content: end;
    border-radius: 18px;
    padding: 40px 30px;
}

.cases .item .text{
    font-weight: 200;
    margin-top: 4px;
}

.cases .item::before{
    content: url('data:image/svg+xml;utf8,<svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.719 6.361V30.361C36.719 32.048 36.0488 33.666 34.8559 34.8589C33.663 36.0518 32.045 36.722 30.358 36.722H6.358C5.52266 36.7216 4.69558 36.5567 3.92398 36.2366C3.15238 35.9166 2.45137 35.4477 1.86097 34.8568C1.27058 34.2658 0.802361 33.5644 0.483055 32.7925C0.163749 32.0206 -0.000393351 31.1933 7.07834e-07 30.358V6.358C0.000796112 4.67148 0.671322 3.0543 1.86415 1.86203C3.05699 0.669763 4.67448 -1.87566e-07 6.361 0L30.361 0C32.048 0 33.666 0.670175 34.8589 1.86309C36.0518 3.05601 36.722 4.67396 36.722 6.361" fill="rgb(254, 254, 254)"/><path d="M10.3281 11.29H25.4281V26.39M25.432 11.2891L11.103 25.6181" stroke="rgb(191, 144, 0)" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    inset: 2rem 27px auto auto;
    height: 37px;
}

.cases .item img{
    width: fit-content;
}

.cases .item .text{
    margin-top: .5rem;
}

.comments{
    background: var(--black);
    padding: 93px 0 74px;
}

.comments .item{
    border: 1px solid #ffffff96;
    border-radius: 28px;
    background: #ffffff47;
    padding: 39px 35px 56px;
}

.comments .item .icon{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 65px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #F6F6F6;
    padding: .5rem;
    margin-bottom: 2rem;
}

.comments .item .title,
.comments .item .text{
    font-size: 14px;
}

.comments .item .title{
    font-weight: 700;
}

.comments .item hr{
    background: var(--white);
    margin: 21px 0 24px;
}

.comments .owl-carousel .owl-nav{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 6px;
    margin-top: 42px;
}

.contato{
    padding: 97px 0;
}

.contato .row{
    justify-content: space-between;
    -webkit-justify-content: space-between;
    grid-gap: 2rem 0;
}

.contato .row>*{
    grid-gap: 2rem 0;
    align-content: center;
}

.contato .content{
    position: relative;
    display: grid;
    display: -webkit-grid;
    align-items: center;
    padding-left: 70px;
}

.contato .content::before{
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    width: 45.95938%;
    height: 169.58747%;
    border: 1px solid var(--line);
    border-radius: 29px;
    clip-path: polygon(-20% -20%,120% -20%,120% 9.63661%,80% 9.63661%,80% 90.36338%,120% 90.36338%,120% 120%,-20% 120%);
    -webkit-clip-path: polygon(-20% -20%,120% -20%,120% 9.63661%,80% 9.63661%,80% 90.36338%,120% 90.36338%,120% 120%,-20% 120%);
    box-shadow: 0 3px 6px #00000029;
}

.contato .sectitle::before{
    content: url('data:image/svg+xml;utf8,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M33.338 5.775V27.562C33.338 29.0936 32.7296 30.5625 31.6465 31.6455C30.5635 32.7286 29.0946 33.337 27.563 33.337H5.775C4.24337 33.337 2.77448 32.7286 1.69146 31.6455C0.608436 30.5625 0 29.0936 0 27.562L0 5.775C0 4.24337 0.608436 2.77448 1.69146 1.69146C2.77448 0.608436 4.24337 0 5.775 0H27.562C29.0936 0 30.5625 0.608436 31.6455 1.69146C32.7286 2.77448 33.338 4.24337 33.338 5.775Z" fill="rgb(191, 144, 0)"/><path d="M9.37598 10.25H23.088V23.962M23.0891 10.249L10.0791 23.258" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
    display: -webkit-block;
    height: 34px;
    margin-bottom: 21px;
}

.contato .text{
    margin-top: 44px;
}

.contato form{
    border-radius: 13px;
}

@media(max-width:1400px){
    .banners .sectitle br,
    .banners .text br{
        display: none;
        display: -webkit-none;
    }
    .banners .text,
    .banners .bottomtitle{
        margin-top: 2rem;
    }
}

@media(max-width:992px){
    .banners .item{
        padding: 9rem 0 3rem;
    }
    .bignumbers,
    .create,
    .solutions,
    .cases,
    .comments,
    .contato{
        padding: 2rem 0;
    }
    .banners .item .container{
        position: relative;
        z-index: 1;
        padding-bottom: 0;
    }
    .banners .item>img,
    .banners .item>video{
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover;
    }
    .create .row>*:nth-child(odd){
        padding: 0 12px;
    }
    .bignumbers .owl-carousel .item,
    .comments .item{
        padding: 2rem;
    }
    .create .lines .fx,
    .create .row>*:nth-child(odd)::after,
    .solutions .container>.row::before,
    .cases .sectitle::after,
    .contato .content::before{
        display: none;
        display: -webkit-none;
    }
    .solutions .container>.row>*:first-child{
        padding-left: 12px;
    }
    .solutions .box{
        padding: 18px;
    }
    .cases .row{
        grid-gap: 2rem 0;
    }
    .contato .content{
        padding-left: 0;
    }
}

@media(max-width:768px){
    .banners .sectitle{
        font-size: clamp(18px,6.77083vw,52px);
    }
    .banners .bottomtitle{
        font-size: clamp(22px,4.16666vw,32px);
    }
    .create .row::before,
    .create .lines::before,
    .create .lines::after{
        display: none;
        display: -webkit-none;
    }
    .create .row{
        padding: 0;
    }
}