:root{
    --main: #C8281E;
    --title: #181739;
    --text: #5C5C5C;
    --reg: #8E8E8E;
    --bg: #F6F6F6;
    --bg2: #F8F8F8;
    --line: #ECECEC;
    --white: #fff;
    --black: #000;
    --pop: "Poppins", sans-serif;
}

html,
body{
    width: 100vw;
    overflow: hidden auto;
}

body{
    font-family: var(--pop);
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

p{
    margin-bottom: 0;
}

hr{
    opacity: 100%;
    -webkit-opacity: 100%;
}

img{
    display: block;
    display: -webkit-block;
    max-width: 100%;
}

.container{
    max-width: calc(1180px + 140px);
    padding: 0 10px !important;
}

.row,
.row>*{
    position: initial;
}

.row{
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.divinput{
    position: relative;
    padding-left: unset;
    padding-right: unset;
}

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

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

header .btncontato.popb.fs-18.cl-white.d-xl-none{
    display: flex !important;
    display: -webkit-flex !important;
}

@media(min-width:1200px){
    header form.w-100.d-xl-none{
        display: flex !important;
        display: -webkit-flex !important;
    }
}

section{
    overflow: hidden;
}

section.top{
    overflow: visible;
}

.top{
    position: relative;
    background: url(../../assets/images/dumbgg.png) no-repeat top center/cover;
    padding: 117px 0 194px;
}

.top .row{
    grid-gap: 2rem 0;
}

.top .row>*:last-child{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.top .box{
    background-color: #F8F8F8;
    box-shadow: 0px 0px 10px 0px #0000001a;
}

.top .box .title{
    text-transform: uppercase;
    color: var(--white);
    font-size: 26.607px;
    font-weight: 600;
    line-height: 40px;
    background-color: var(--main);
    padding: 10px 26px;
}

.top .box .bottom{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 13px;
    padding: 2rem 23px;
}

.top .box .df,
.sist .df,
.ferr .df,
.aosbhd .df{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 1rem 13px;
}

.top .box .df .icon,
.sist .df .icon,
.ferr .df .icon,
.aosbhd .df .icon{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    min-width: 99px;
    max-width: 99px;
    aspect-ratio: 1/1;
    border-radius: 13px;
    background: url(../../assets/images/iccbgg.png) no-repeat center/cover;
}

.top .box .df .tit,
.sist .df .tit,
.ferr .df .tit,
.aosbhd .df .tit{
    color: #373736;
    font-size: 17.756px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

.top .box .df .btit,
.sist .df .btit,
.ferr .df .btit,
.aosbhd .df .btit{
    color: #373736;
    font-family: Poppins;
    font-size: 35.512px;
    font-style: normal;
    font-weight: 275;
    line-height: 53px; /* 149.245% */
    text-transform: uppercase;
}

.top .box .df .stit,
.sist .df .stit,
.ferr .df .stit,
.aosbhd .df .stit{
    color: #373736;
    font-family: Poppins;
    font-size: 13.659px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.ferr .df .tit,
.ferr .df .btit,
.ferr .df .stit{
    color: #fff;
}

.ferr .df .icon img,
.ferr .df .icon img,
.ferr .df .icon img{
    margin: 0 !important;
}

.top .img{
    position: absolute;
    inset: 0 0 auto auto;
    width: 56.77083vw;
    aspect-ratio: 1/.50091;
}

.top .img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
}


/* .top .img{
    position: absolute;
    right: 0;
    width: 52.76041%;
    height: calc(100% - 6.33rem);
}

.top .img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
    object-position: bottom left;
    -o-object-position: bottom left;
} */

.sist{
    background: url(../../assets/images/binbirimbinbin.png) no-repeat top left,linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, #FFF 36.1%);
    padding: 191px 0 79px;
}

.sist .row{
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    grid-gap: 2rem 0;
}

.sist .row>*{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}

.sist .img{
    position: relative;
    width: 100%;
    aspect-ratio: 1/.59558;
    background: url(../../assets/images/sisimgbg.png) no-repeat center/cover,#fff;
}

.sist .img img{
    position: absolute;
    inset: auto auto 24px 0;
    width: auto;
    height: calc(100% + 39px);
}

.sist .df{
    margin-bottom: 39px;
}

.sist .text{
    position: relative;
    z-index: 2;
    color: #181739;
    background-color: #F6F6F6;
    margin-left: -60px;
    padding: 34px 35px;
}

.instr{
    background: url(../../assets/images/dumbg1.png) no-repeat center/cover;
    padding: 0 0 99px;
}

.instr img{
    width: fit-content;
    max-width: 100%;
}

.instr .row>*{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}

.instr .title{
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    width: fit-content;
    color: var(--white);
    font-size: 32px;
    font-weight: 700;
    line-height: 128%;
    background-color: var(--main);
    margin-bottom: 12px;
    padding: 0 10px;
}

.instr .title::before{
    content: url('data:image/svg+xml;utf8,<svg width="680" height="31" viewBox="0 0 680 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 31V1H680" stroke="rgb(200, 40, 30)"/></svg>');
    position: absolute;
    inset: auto auto 100% -65px;
}

.instr .text.t1,
.instr .text.t2{
    color: #C8281E;
}

.instr .text.t1{
    font-size: 24px;
    font-weight: 400;
    line-height: 128%;
    padding: 10px 20px;
}

.instr .text.t2{
    position: relative;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 37px;
}

.instr .text.t2::before{
    content: url('data:image/svg+xml;utf8,<svg width="320" height="106" viewBox="0 0 320 106" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 106V1H320" stroke="rgb(200, 40, 30)"/></svg>');
    position: absolute;
    inset: -17px auto auto -27px;
}

.instr .img-2{
    margin-left: -43px;
}

.mimgs{
    background: url(../../assets/images/dumbg2.png) no-repeat center/cover;
    padding: 0 0 84px;
}

.mimgs .row{
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 60px 0;
}

.mimgs .row>*{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}

.mimgs img{
    margin: 0 auto 10px;
}

.mimgs .titlee{
    color: #706F6F;
    text-align: center;
    font-size: 22.204px;;
    font-weight: 700;
    line-height: 33px;
}

.mimgs .title{
    width: fit-content;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    border-bottom: 1px solid #EBEBEB;
    margin: 0 auto 15px;
    padding-bottom: 15px;
}

.mimgs .text{
    width: fit-content;
    color: #898989;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase;
    margin: 0 auto;
}

.ferr{
    background: url(../../assets/images/dumbg3.png) no-repeat center/cover,linear-gradient(261deg, #3C3C3B 0.24%, #2A2A2A 99.76%);
    padding: 80px 0 97px;
}

.ferr .df{
    width: fit-content;
    margin: 0 auto 71px;
}

.ferr .gallery{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 20px 23px;
}

.ferr .gallery>*{
    flex: 0 1 calc((100%/3) - 23px);
}

.ferr .gallery>* img{
    width: 100%;
    height: auto;
}

.aosbhd{
    background: url(../../assets/images/dumbg4.png) no-repeat center/cover;
    padding: 120px 0 140px;
}

.aosbhd .row{
    grid-gap: 20px 0;
}

.aosbhd .df{
    width: fit-content;
    margin: 0 auto 60px;
}

.aosbhd img{
    margin: 0 auto 22px;
}

.aosbhd hr{
    width: 179px;
    background-color: #EBEBEB;
    margin: 0 auto 22px;
}

.aosbhd .text{
    text-align: center;
    color: #898989;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px; /* 150% */
    text-transform: uppercase;
}

@media(max-width:992px){
    .top{
        padding: 2rem 0 0;
    }
    .sist,
    .instr,
    .mimgs,
    .ferr,
    .aosbhd{
        padding: 2rem 0;
    }
    .top .img{
        position: initial;
        width: auto;
        aspect-ratio: unset;
    }
    .top .img img{
        position: initial;
        width: fit-content;
        max-width: 100%;
    }
    .sist .text{
        margin: 0;
    }
    .instr .row{
        grid-gap: 2rem 0;
    }
    .instr .row>*:first-child{
        order: 2;
        -webkit-order: 2;
    }
    .instr .row>*:nth-child(2){
        order: 1;
        -webkit-order: 1;
    }
    .instr .row>*:nth-child(3){
        order: 3;
        -webkit-order: 3;
    }
    .instr .row>*:last-child{
        order: 4;
        -webkit-order: 4;
    }
    .instr .img-2{
        margin: 0 auto;
    }
    .instr img{
        margin: 0 auto;
    }
    .instr .title,
    .instr .text{
        margin-left: auto;
        margin-right: auto;
    }
}

@media(max-width:768px){
    .ferr .gallery>* {
        flex: 0 1 calc(50% - 23px);
    }
}

@media(max-width:575px){
    .ferr .gallery>* {
        flex: 0 1 100%;
    }
    .top .box .df,
    .sist .df,
    .ferr .df,
    .aosbhd .df{
        flex-direction: column;
        -ms-flex-direction: column;
        align-items: flex-start;
    }
}