/* Defaults */

section *{
    font-family: var(--nfs);
}

.sectitlee{
    font-size: 64px;
    color: var(--white);
    font-weight: 400;
    line-height: 1.2;
}

.sectitlee b,
.sectitlee strong{
    font-weight: 800;
}

.sectitlee b{
    color: inherit;
}

.sectitlee strong,
.sectitlee span{
    color: var(--main);
}

.subtit{
    max-width: 480px;
    color: var(--black);
    font-size: 18px;
    font-weight: 800;
}

.btn{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 7px;
    width: fit-content;
    color: var(--black);
    font-size: 16px;
    font-weight: 600;
    border: 2px solid var(--main);
    border-radius: 4px;
    background-color: var(--main);
    padding: 1rem;
    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;
}

.btn:hover{
    background-color: #B37D00;
    border-color: #B37D00;
}

.text{
    color: #212529;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}

/* Defaults ! */

.ban,
section.publicitarios{
    display: none;
    display: -webkit-none;
}

.top{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 860px;
    padding: 16rem 0 0;
}

.top .container{
    max-width: calc(1185px + 140px);
}

.top .sectitlee{
    width: 525px;
    margin-bottom: 4rem;
}

.top .owl-carousel{
    margin-top: 4rem;
}

.top .owl-carousel .item{
    position: relative;
}

.top .owl-carousel .owl-stage>*:not(:last-child) .item::after{
    content: '';
    position: absolute;
    inset: 25% 0 0 auto;
    width: 2px;
    height: 50px;
    background-color: var(--main);
}

.top .num{
    white-space: nowrap;
    color: var(--white);
    font-size: 60px;
    font-weight: 900;
}

.top .num span{
    color: var(--main);
}

.top .title{
    text-transform: uppercase;
    color: var(--main);
    font-size: 16px;
    font-weight: 900;
}

.desenvolvimentos{
    background: url(../../assets/img/dots.svg) no-repeat 7vw 9vw;
    padding: 6.66rem 0;
}

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

.desenvolvimentos .row>*:last-child{
    padding-top: 2rem;
}

.desenvolvimentos .sectitlee{
    max-width: 450px;
    color: var(--black);
    font-size: 55px;
    font-weight: 900;
    margin-bottom: 40px;
}

.desenvolvimentos .subtit{
    margin-bottom: 40px;
}

.desenvolvimentos .items{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 2rem;
}

.desenvolvimentos .items>*{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    grid-gap: 2rem 60px;
}

.desenvolvimentos .items>* .icon{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--main);
}

.desenvolvimentos .items>* .icon img{
    width: 60px;
    height: 60px;
    margin: 20px 0 0 20px;
}

.desenvolvimentos .items>* .title{
    color: #212529;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 15px;
}

.desenvolvimentos .items>* .text{
    max-width: 320px;
    color: #212529;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}

.desenvolvimentos .img{
    position: relative;
}

.desenvolvimentos .img::before{
    content: url(../../assets/img/dots.svg);
    position: absolute;
    z-index: -1;
    inset: auto -9.71604% -31.61855% auto;
}

/* section.dev-mobile h2{
    font-size: 18px;
    font-weight: 800;
    color: #000;
    width: 480px;
    margin: 40px 0;
} */

.solucoes{
    background-color: #F7F7F7;
    padding: 10.66rem 0 8rem;
}

.solucoes .row{
    position: relative;
    z-index: 1;
    grid-gap: 40px 0;
}

.solucoes .row::before{
    content: '';
    position: absolute;
    z-index: -1;
    inset: auto auto -11% -6%;
    width: 19.75945%;
    aspect-ratio: 1/1;
    background: url(../../assets/img/dots.svg) no-repeat center / contain;
}

.solucoes .row>*{
    flex-grow: 1;
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
    padding: 0 15px;
}

.solucoes .sectitlee{
    color: var(--black);
    font-size: 59px;
    font-weight: 800;
    line-height: 65px;
    margin-bottom: 35px; 
}

.solucoes .text.main{
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
}

.solucoes .box{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 1rem;
    min-height: 320px;
    /* height: 100%; */
    border-radius: 16px;
    background-color: var(--white);
    box-shadow: 0 10px 40px #0000001A;
    padding: 30px 50px;
}

.solucoes .box .icon{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 50px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--main);
    box-shadow: 0 10px 20px #FFCC0080;
}

.solucoes .box .icon img{
    width: 20px;
    height: 20px;
    object-fit: contain;
    -o-object-fit: contain;
}

.solucoes .box .title{
    color: #212529;
    font-size: 20px;
    font-weight: 900;
}

.solucoes .box .text{
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
}

.projetos{
    padding: 6.66rem 0;
}

.projetos .sectitlee{
    color: var(--black);
    font-size: 60px;
    font-weight: 800;
    margin-bottom: .5rem;
}

.projetos .text{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 3.33rem;
}

.projetos .row{
    grid-gap: 3.33rem 0;
}

.projetos .row>*{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 3.33rem;
    padding: 0 15px;
}

/* .projetos .row>*:first-child>*:not(:first-child){
    margin-top: 3.33rem;
}

.projetos .row>*:nth-child(2){
    
} */

.projetos .box{
    display: block;
    display: -webkit-block;
}

.projetos .row>*:nth-child(2)>*:first-child{
    position: relative;
}

.projetos .row>*:nth-child(2)>*:first-child::after{
    content: '';
    position: absolute;
    z-index: -1;
    inset: -13% -8% auto auto;
    width: 34.48275%;
    aspect-ratio: 1/.92631;
    background: url(../../assets/img/dots.svg) no-repeat center / contain;
}

.projetos .box .img{
    width: 100%;
    aspect-ratio: 1/.58802;
    margin-bottom: 2rem;
}

.projetos .box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 10px;
}

.projetos .row>*:nth-child(2) .box .img{
    aspect-ratio: 1/1.05807;
}

.projetos .box .uptitle{
    text-transform: uppercase;
    color: #999999;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 5.6px;
    margin-bottom: .5rem;
}

.projetos .box .title{
    color: var(--black);
    font-size: 24px;
    font-weight: 500;
}

.projetos .btn{
    color: var(--white);
    padding: 10px 20px;
}

.confianca{
    clip-path: polygon(0 0,100% 0,100% 65%,0 100%);
    -webkit-clip-path: polygon(0 0,100% 0,100% 65%,0 100%);
    /* background-attachment: fixed !important; */
    padding: 9rem 0;
}

.confianca .title{
    width: 52%;
    color: var(--white);
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 3.33rem;
}

.confianca .btn{
    color: var(--white);
    background: transparent;
}

.confianca .btn:hover{
    border-color: var(--main);
    background-color: var(--main);
}

.equipe{
    padding: 6.66rem 0 3.33rem;
}

.equipe .sectitlee{
    max-width: 70%;
    text-align: center;
    color: var(--black);
    font-size: 60px;
    font-weight: 800;
    margin: 0 auto 4.66rem;
}

.equipe .owl-carousel .icon{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 50px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--main);
    box-shadow: 0 10px 20px #FFCC0080;
    margin: 0 auto 2rem;
}

.equipe .owl-carousel .icon img{
    width: 20px;
    height: 20px;
    object-fit: contain;
    -o-object-fit: contain;
}

.equipe .owl-carousel .title,
.equipe .owl-carousel .text{
    text-align: center;
    color: var(--black);
}

.equipe .owl-carousel .title{
    color: #212529;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 20px;
}

.equipe .owl-carousel .text{
    font-weight: 600;
}

.clientes{
    overflow: hidden;
    padding: 3.33rem 0 2rem;
}

.clientes .sectitlee{
    max-width: 50%;
    text-align: center;
    color: var(--black);
    font-size: 60px;
    font-weight: 800;
    margin: 0 auto 80px;
}

.clientes .owl-carousel{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.clientes .owl-carousel::before{
    content: url(../../assets/img/dots.svg);
    position: absolute;
    left: -23%;
}

.clientes .owl-carousel::after{
    content: url(../../assets/img/heart.png);
    position: absolute;
    top: 0;
    right: -14%;
}

.clientes .owl-carousel .owl-stage-outer{
    background: url(../../assets/img/dots.svg) no-repeat 98.5% 78% / 13%;
    margin: -2rem;
    padding: 2rem;
}

.clientes .box{
    border-radius: 6px;
    border-bottom: 8px solid var(--main);
    background-color: var(--white);
    box-shadow: 0 15px 40px #00000014;
    padding: 30px 50px;
}

.clientes .box .stars{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-bottom: 2rem;
}

.clientes .box .text{
    line-height: 1.2;
    margin-bottom: 20px;
}

.clientes .box .name{
    color: var(--black);
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
}

.clientes .box .prof{
    line-height: 1.2;
}

.blog{
    background: url(../../assets/img/blogbgg.png) no-repeat bottom left / clamp(10px,16.66666%,320px),#F7F7F7;
    padding: 8rem 0;
    overflow: hidden;
}

.blog .sectitlee{
    text-align: center;
    color: var(--black);
    font-weight: 800;
    margin-bottom: 80px;
}

.blog .owl-carousel{
    margin-bottom: 6.66rem;
}

.blog .owl-carousel .owl-stage-outer{
    margin: -2rem;
    padding: 2rem;
}

.blog .box{
    display: block;
    display: -webkit-block;
    border-radius: 20px;
    box-shadow: 0 20px 40px #0000000D;
    background-color: var(--white);
}

.blog .box .img{
    width: 100%;
    aspect-ratio: 1/.66849;
}

.blog .box .img img{
    width: 100%;
    height: 100%;
    border-radius: 20px 20px 0 0;
}

.blog .box .bottom{
    padding: 10px 30px 20px;
}

.blog .box .bottom .info{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 1rem;
    margin-bottom: 20px;
}

.blog .box .bottom .info .tag{
    color: var(--white);
    font-size: 15px;
    font-weight: 600;
    border-radius: 15px;
    background-color: var(--main);
    padding: 8px 15px;
}

.blog .box .bottom .info .date{
    color: var(--text);
    font-weight: 500;
}

.blog .box .bottom .title{
    color: var(--black);
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 12px;
}

.blog .box .bottom .author{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 9px;
    color: var(--text);
    font-size: 15px;
}

.blog .box .bottom .author::before{
    content: url('data:image/svg+xml;utf8,<svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9 11.2812C10.8109 11.2812 10.2873 11.875 8.5 11.875C6.71272 11.875 6.19286 11.2812 5.1 11.2812C2.28437 11.2812 0 13.5152 0 16.2687V17.2188C0 18.2021 0.815848 19 1.82143 19H15.1786C16.1842 19 17 18.2021 17 17.2188V16.2687C17 13.5152 14.7156 11.2812 11.9 11.2812ZM15.1786 17.2188H1.82143V16.2687C1.82143 14.5023 3.29375 13.0625 5.1 13.0625C5.65402 13.0625 6.55335 13.6562 8.5 13.6562C10.4618 13.6562 11.3422 13.0625 11.9 13.0625C13.7063 13.0625 15.1786 14.5023 15.1786 16.2687V17.2188ZM8.5 10.6875C11.5167 10.6875 13.9643 8.29395 13.9643 5.34375C13.9643 2.39355 11.5167 0 8.5 0C5.48326 0 3.03571 2.39355 3.03571 5.34375C3.03571 8.29395 5.48326 10.6875 8.5 10.6875ZM8.5 1.78125C10.5074 1.78125 12.1429 3.38066 12.1429 5.34375C12.1429 7.30684 10.5074 8.90625 8.5 8.90625C6.49263 8.90625 4.85714 7.30684 4.85714 5.34375C4.85714 3.38066 6.49263 1.78125 8.5 1.78125Z" fill="rgb(255,204,0)"/></svg>');
    height: 19px;
}

.blog .btn{
    color: var(--white);
}

.site-ideal{
    overflow: hidden;
    padding: 6.66rem 0;
}

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

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

.site-ideal .sectitlee{
    max-width: 600px;
    color: var(--black);
    font-size: 59px;
    font-weight: 800;
    line-height: 65px;
    margin-bottom: 35px;
}

.site-ideal .text{
    max-width: 560px;
    color: var(--black);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 40px;
}

.site-ideal .lists{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 0 30px;
}

.site-ideal .lists>*{
    flex: 1 1 calc(50% - 30px);
    list-style: none;
}

.site-ideal .lists>*>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 10px;
    color: var(--black);
    font-size: 20px;
    font-weight: 500;
    line-height: unset;
}

.site-ideal .lists>*>*::before{
    content: url('data:image/svg+xml;utf8,<svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.4624 1.0914L6.10716 11.5505L2.30224 7.70744C2.11777 7.52112 1.81865 7.52112 1.63414 7.70744L0.52068 8.83206C0.336206 9.01839 0.336206 9.3205 0.52068 9.50686L5.77309 14.8119C5.95756 14.9982 6.25667 14.9982 6.44119 14.8119L18.244 2.89082C18.4284 2.7045 18.4284 2.40239 18.244 2.21602L17.1305 1.0914C16.946 0.905079 16.6469 0.905079 16.4624 1.0914Z" fill="black"/></svg>');
}

.site-ideal .img{
    position: relative;
    width: fit-content;
}

.site-ideal .img::after{
    content: url(../../assets/img/dots.svg);
    position: absolute;
    z-index: -1;
    right: -11%;
    bottom: -34%;
}

.contato{
    padding: 6.66rem 0;
}

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

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

.contato .sectitlee{
    color: var(--black);
    font-size: 54px;
    font-weight: 900;
    margin-bottom: 50px;
}

.contato .form .row{
    grid-gap: 30px 0;
}

.contato .form .row>*{
    padding: 0 1rem;
}

.contato .form .lb{
    color: var(--black);
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 7.5px;
}

.contato .form .ipts{
    width: 100%;
    color: var(--black);
    font-size: 16px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    padding: 10px;
    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;
}

.contato .form .ipts::placeholder{color:#CCCCCC}
.contato .form .ipts:-moz-placeholder{color:#CCCCCC}
.contato .form .ipts::-moz-placeholder{color:#CCCCCC}
.contato .form .ipts:-ms-input-placeholder{color:#CCCCCC}
.contato .form .ipts::-webkit-input-placeholder{color:#CCCCCC}

.contato .form .ipts:focus-visible{
    border-bottom-width: 2px;
}

.contato .form textarea{
    height: 123px;
    resize: none;
}

.contato .form .tlb{
    color: #999999;
    font-weight: 500;
}

.contato .form .btn{
    width: 100%;
    color: var(--white);
    font-size: 16px;
    padding: 10px 20px;
}

.contato .box{
    height: 100%;
    border-radius: 20px;
    background-color: #B37D00;
    padding: 60px 60px 20px;
}

.contato .box .title{
    color: var(--white);
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 7.5px;
}

.contato .box .text{
    color: var(--white);
    font-size: 16px;
    border-bottom: 1px solid var(--white);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.contato .box .conts{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 20px;
}

.contato .box .conts>*{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    grid-gap: 20px;
}

.contato .box .conts>* .icon{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    min-width: 60px;
    max-width: 60px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--white);
}

.contato .box .conts>* .tit{
    color: var(--white);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7.5px;
}

.contato .box .conts>* .telp,
.contato .box .conts>* .whap,
.contato .box .conts>* .mailp,
.contato .box .conts>* .local{
    color: var(--white);
    font-size: 16px;
    line-height: 25px;
}

.contato .box .conts>* .telp span,
.contato .box .conts>* .whap span,
.contato .box .conts>* .mailp span{
    color: var(--white);
}

@media(max-width:1770px){
    .desenvolvimentos{
        background: none;
    }
}

@media(max-width:1200px){
    section{
        overflow: hidden;
    }
}

@media(max-width:992px){
    .top{
        height: fit-content;
        padding: 15rem 0 2rem;
    }
    .top .num{
        white-space: normal;
    }
    .desenvolvimentos,
    .solucoes,
    .projetos,
    .equipe,
    .clientes,
    .blog,
    .site-ideal,
    .contato{
        padding: 2rem 0;
    }
    .sectitlee,
    .subtit{
        max-width: 100% !important;
    }
    .projetos .row,
    .projetos .row>*{
        grid-gap: 2rem;
    }
    .projetos .row>*:nth-child(2)>*:first-child::after{
        display: none;
        display: -webkit-none;
    }
    .confianca{
        padding: 2rem 0 4rem;
    }
    .confianca .title{
        width: 100%;
    }
    .clientes .owl-carousel .owl-stage-outer,
    .blog .owl-carousel .owl-stage-outer{
        margin: -1rem;
        padding: 1rem;
    }
    .blog .owl-carousel{
        margin-bottom: 2rem;
    }
}

@media(max-width:768px){
    .sectitlee{
        font-size: clamp(16px,8.33333vw,64px) !important;
        line-height: 1.2 !important;
    }
    .site-ideal .lists>*{
        flex-basis: 100%;
    }
    .desenvolvimentos .items>*,
    .contato .box .conts>*{
        flex-direction: column;
        -ms-flex-direction: column;
    }
    .solucoes .box,
    .clientes .box,
    .contato .box{
        padding: 1rem;
    }
    .clientes .owl-carousel::before,
    .clientes .owl-carousel::after{
        display: none;
        display: -webkit-none;
    }
    .blog .box .bottom{
        padding: 10px 1rem;
    }
    .confianca{
        clip-path: none;
        -webkit-clip-path: none;
    }
}

@media(max-width:425px){
    .sectitlee{
        font-size: clamp(16px,10.33333vw,64px) !important;
    }
}