:root {
    --blue: #323962;
    --white: #ffffff;
    --orange: #F26535;
    --dark-gray: #1E1E1E;
    --light-gray: #454040;
    --background-light: #E9EFF2;
}

.section-banner{
    background-color: var(--blue);
    background-image: url('../images/banner-empresa.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 78vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 150px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 5px 5px 10px rgba(50, 57, 98, 0.5);
}

#services{
    background-image: url("../images/banner-servicos.png");
}

.section-banner h1{
    color: var(--white);
    font-size: 80px;
}

.section-banner h2{
    color: var(--white);
    font-weight: normal;
    font-size: 16px;
    max-width: 1000px;
}

.sobre-empresa{
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding: 100px 0px 100px 100px;
}


.sobre-empresa img{
    height: 380px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.5);
}

.sobre-empresa .text-sobre{
    max-width: 600px;
}

.sobre-empresa .text-sobre h1{
    color: var(--blue);
    font-size: 50px;
    letter-spacing: -3px;
    line-height: 0.9;
}

.sobre-empresa .text-sobre p{
    color: var(--dark-gray);
    text-align: justify;
    padding: 20px 0px 40px 0px;
    font-size: 18px;
    font-weight: 500;
}

.sobre-empresa .text-sobre a{
    background-color: var(--blue);
    color: var(--white);
    padding: 15px 30px;
    border-radius: 15px;
    text-transform: uppercase;
    font-size: 16px;
    transition: .5s;
}

.sobre-empresa .text-sobre a:hover{
    background-color: var(--orange);
    font-weight: 600;
}

.caracteristicas {
    display: grid;
    padding: 100px;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}

.caracteristicas .section{
    background-color: var(--blue);
    padding: 40px;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    width: 100%;
    border-radius: 30px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

.caracteristicas #meio{
    background-color: var(--orange);
}

.caracteristicas .section h1{
    color: var(--white);
    font-size: 50px;
    padding-bottom: 20px;
}

.caracteristicas .section p{
    color: var(--white);
    text-align: justify;
}

.caracteristicas .section ul{
    padding: 20px 0px 0px 16px;
}

.caracteristicas .section ul li {
    color: var(--white);
    list-style-type: disc;
    padding-bottom: 5px;
}


/* DIFERENCIAL */
.diferenciais-sec {
    background-image: url('../images/bg-diferenciais.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.diferenciais-sec .title-diferenciais {
    background-color: var(--white);
    width: 200px;
    padding: 10px 0px;
    border-left: 5px solid var(--orange);
    margin-bottom: 20px;
}

.diferenciais-sec .title-diferenciais h1 {
    color: var(--blue);
    font-size: 16px;
    text-align: center;
    font-weight: 600;
}

.diferenciais-sec .content-diferenciais h1 {
    color: var(--white);
    text-align: center;
    font-size: 60px;
    letter-spacing: -2px;
}

.diferenciais-sec .cards-diferenciais {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    padding: 80px 0px;
    gap: 40px;
}

.diferenciais-sec .cards-diferenciais .card-diferencial {
    background-color: var(--white);
    width: 100%;
    height: 230px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.diferenciais-sec .cards-diferenciais .card-diferencial .icone {
    background-color: var(--white);
    height: 90px;
    width: 90px;
    border-radius: 50%;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -80px;
    position: relative;
    margin-bottom: 20px;
}

.diferenciais-sec .cards-diferenciais .card-diferencial #bg-orange {
    background-color: var(--orange);
}

.diferenciais-sec .cards-diferenciais .card-diferencial .icone img {
    height: 50px;
}

.diferenciais-sec .cards-diferenciais .card-diferencial h3 {
    color: var(--dark-gray);
    font-size: 18px;
    padding-bottom: 10px;
}

.diferenciais-sec .cards-diferenciais .card-diferencial p {
    color: var(--light-gray);
    font-size: 14px;
    height: 40px;
}

/* DIFERENCIAL */

.mapa h1 {
    color: var(--blue);
    font-size: 60px;
    text-transform: uppercase;
    letter-spacing: -3px;
}

.mapa h2{
    color: var(--light-gray);
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-size: 18px;
}

#map {
    height: 550px;
    width: 100%;
    border-radius: 30px;
    box-shadow: 2px 2px 10px rgba(50, 57, 98,0.5);
}

/* Estilo para os rótulos (nomes dos HUBs) */
.custom-label {
    font-size: 10px;
    font-weight: bold;
    color: var(--white);
    background: var(--blue);
    padding: 4px 1px;
    border-radius: 6px;
    box-shadow: 2px 2px 8px rgba(255, 255, 255, 0.5);
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-label:hover {
    background: var(--orange);
    color: var(--white);
}

.leaflet-popup-content-wrapper {
    background: linear-gradient(45deg, #003366, #ff6600);
    color: #fff;
    border-radius: 8px;
    padding: 5px;
}

.leaflet-marker-icon.leaflet-interactive{
    display: flex;
    align-items: center;
    justify-content: center;
}

.mapa{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px;
    background-color: var(--background-light);
}

/* SERVIÇOS */
.service{
    padding: 100px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 40px;
}

.service img{
    height: 380px;
    border-radius: 50px;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.5);
}

.service .description-service{
    max-width: 600px;
    text-align: justify;
}

.service .description-service h1{
    color: var(--blue);
    font-size: 70px;
    letter-spacing: -3px;
    line-height: 0.9;
}

.service .description-service h2{
    color: var(--blue);
    font-size: 18px;
    line-height: 0.9;
    padding-bottom: 20px;
}

.service .description-service p{
    color: var(--dark-gray);
    padding-bottom: 40px;
}

.service .description-service a{
    background-color: var(--blue);
    color: var(--white);
    padding: 15px 30px;
    font-weight: bold;
    text-transform: uppercase;
    transition: .9s;
}

.service .description-service a:hover{
   background-color: var(--orange);
}

#same-day, #log-reversa{
    flex-direction: row-reverse;
    background-color: var(--blue);
}

#same-day .description-service h1, #log-reversa .description-service h1{
    color: var(--white);
}
#same-day .description-service h2, #log-reversa .description-service h2{
    color: var(--white);
}
#same-day .description-service p, #log-reversa .description-service p{
    color: var(--white);
}
#same-day .description-service a, #log-reversa .description-service a{
    color: var(--white);
    background-color: var(--blue);
    border: 2px solid var(--white);
}
#same-day .description-service a:hover, #log-reversa .description-service a:hover{
    color: var(--blue);
    background-color: var(--white);
    border: 2px solid var(--blue);
}
/* SERVIÇOS */


/* FALE CONOSCO */
.informacoes-contato{
    display: flex;
    align-items: center;
    justify-content: centro;
    padding: 100px 80px;
    background-color: var(--blue);
    width: 100%;
}

/* .informacoes-contato .info-contatos{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.informacoes-contato .info-contatos h1{
    color: var(--white);
    text-transform: uppercase;
}

.informacoes-contato .info-contatos .info{
    background-color: var(--white);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    width: 380px;
    height: 150px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    border-radius: 15px;
}

.informacoes-contato .info-contatos .info h2{
    text-transform: uppercase;
    color: var(--blue);
    padding-bottom: 10px;
}

.informacoes-contato .info-contatos .info a{
    color: var(--dark-gray);
    font-weight: 600;
    transition: .9s;
}

.informacoes-contato .info-contatos .info a:hover{
    color: var(--blue);
    font-weight: 700;
} */

.informacoes-contato .formulario{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.informacoes-contato .formulario h1{
    color: var(--white);
    text-transform: uppercase;
    padding-bottom: 40px;
}

.informacoes-contato .formulario form{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--white);
    width: 500px;
    height: 580px;
    gap: 20px;
    padding: 40px;
    border-radius: 30px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

.informacoes-contato .formulario form input, .informacoes-contato .formulario form select, .informacoes-contato .formulario form textarea{
    width: 100%;
    height: 60px;
    padding: 15px;
    border: 2px solid var(--blue);
    border-radius: 15px;
}

.informacoes-contato .formulario form input::placeholder, .informacoes-contato .formulario form select::placeholder, .informacoes-contato .formulario form textarea::placeholder{
    color: var(--dark-gray);
}

.informacoes-contato .formulario form button{
    width: 100%;
    height: 60px;
    background-color: var(--blue);
    color: var(--white);
    border: none;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    transition: .9s;
}

.informacoes-contato .formulario form button:hover{
    background-color: var(--orange);
}


/* FALE CONOSCO */

@media screen and (max-width: 360px){
    .section-banner{
        padding: 30px;
    }
    
    .section-banner h1{
        font-size: 40px;
        padding-bottom: 20px;
    }

    .section-banner h2{
        color: var(--white);
        font-weight: normal;
        font-size: 12px;
        max-width: 100%;
    }

    .sobre-empresa{
        padding: 60px 30px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .sobre-empresa .imagem-sobre{
        display: none;
    }

    .sobre-empresa .text-sobre h1{
        color: var(--blue);
        font-size: 40px;
        letter-spacing: -3px;
        line-height: 0.9;
    }

    .service{
        padding: 60px 30px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .service .description-service{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .service .ilustration-service{
        display: none;
    }

    .service .description-service h1{
        color: var(--blue);
        font-size: 40px;
        letter-spacing: -3px;
        line-height: 0.9;
    }

    .service .description-service h2{
        font-size: 16px;
    }

    .service .description-service p{
        text-align: justify;
    }

    .mapa{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 30px 10px;
        text-align: center;
        background-color: var(--background-light);
    }

    .mapa h1{
        font-size: 40px;
        text-align: center;
    }

    
    .caracteristicas {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 60px 30px;
        gap: 20px;
    }
    
    .caracteristicas .section{
        padding: 40px;
        height: 550px;
        padding: 15px;
        align-items: center;
    }


    .caracteristicas .section h1{
        color: var(--white);
        font-size: 30px;
        padding-bottom: 20px;
        text-align: center;
    }

    .caracteristicas .section p{
        font-size: 14px;
    }

    .caracteristicas .section ul li {
        font-size: 14px;
    }

    .diferenciais-sec {
        padding: 60px 30px;
    }

    .diferenciais-sec .content-diferenciais h1 {
        font-size: 30px;
    }

    .diferenciais-sec .cards-diferenciais {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        position: relative;
        padding: 80px 0px;
        gap: 60px;
    }

    .diferenciais-sec .cards-diferenciais .card-diferencial {
        width: 100%;
    }

    .informacoes-contato{
        flex-direction: column;
        padding: 60px 30px;
        gap: 40px;
    }

    .informacoes-contato .info-contatos h1{
        font-size: 30px;
    }

    .informacoes-contato .info-contatos{
        width: 100%;
    }

    .informacoes-contato .info-contatos .info{
        width: 100%;
        padding: 10px;
    }

    .informacoes-contato .info-contatos .info h2{
        font-size: 18px;
    }

    .informacoes-contato .info-contatos .info a, .informacoes-contato .info-contatos .info p{
        font-size: 14px;
    }
    .informacoes-contato .formulario{
        width: 100%;
    }

    .informacoes-contato .formulario form{
        width: 100%;
    }
}

@media screen and (min-width: 360px) and (max-width: 480px){
    .section-banner{
        padding: 30px;
    }
    
    .section-banner h1{
        font-size: 45px;
        padding-bottom: 20px;
    }

    .section-banner h2{
        color: var(--white);
        font-weight: normal;
        font-size: 14px;
        max-width: 100%;
    }

    .sobre-empresa{
        padding: 60px 30px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .sobre-empresa .imagem-sobre{
        display: none;
    }

    .sobre-empresa .text-sobre h1{
        color: var(--blue);
        font-size: 40px;
        letter-spacing: -3px;
        line-height: 0.9;
    }

    .service{
        padding: 60px 30px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .service .description-service{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .service .ilustration-service{
        display: none;
    }

    .service .description-service h1{
        color: var(--blue);
        font-size: 40px;
        letter-spacing: -3px;
        line-height: 0.9;
    }

    .service .description-service h2{
        font-size: 16px;
    }

    .service .description-service p{
        text-align: justify;
    }

    .mapa{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 30px 10px;
        text-align: center;
        background-color: var(--background-light);
    }

    .mapa h1{
        font-size: 40px;
        text-align: center;
    }

    
    .caracteristicas {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 60px 30px;
        gap: 20px;
    }
    
    .caracteristicas .section{
        padding: 40px;
        height: 550px;
        padding: 15px;
        align-items: center;
    }


    .caracteristicas .section h1{
        color: var(--white);
        font-size: 30px;
        padding-bottom: 20px;
        text-align: center;
    }

    .caracteristicas .section p{
        font-size: 14px;
    }

    .caracteristicas .section ul li {
        font-size: 14px;
    }

    .diferenciais-sec {
        padding: 60px 30px;
    }

    .diferenciais-sec .content-diferenciais h1 {
        font-size: 30px;
    }

    .diferenciais-sec .cards-diferenciais {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        position: relative;
        padding: 80px 0px;
        gap: 60px;
    }

    .diferenciais-sec .cards-diferenciais .card-diferencial {
        width: 100%;
    }

    .informacoes-contato{
        flex-direction: column;
        padding: 60px 30px;
        gap: 40px;
    }

    .informacoes-contato .info-contatos h1{
        font-size: 30px;
    }

    .informacoes-contato .info-contatos{
        width: 100%;
    }

    .informacoes-contato .info-contatos .info{
        width: 100%;
        padding: 10px;
    }

    .informacoes-contato .info-contatos .info h2{
        font-size: 18px;
    }

    .informacoes-contato .info-contatos .info a, .informacoes-contato .info-contatos .info p{
        font-size: 14px;
    }

    .informacoes-contato .formulario{
        width: 100%;
    }

    .informacoes-contato .formulario form{
        width: 100%;
    }

    
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .section-banner{
        padding: 30px;
    }
    
    .section-banner h1{
        font-size: 45px;
        padding-bottom: 20px;
    }

    .section-banner h2{
        color: var(--white);
        font-weight: normal;
        font-size: 14px;
        max-width: 100%;
    }

    .sobre-empresa{
        padding: 60px 30px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .sobre-empresa .imagem-sobre{
        display: none;
    }

    .sobre-empresa .text-sobre h1{
        color: var(--blue);
        font-size: 40px;
        letter-spacing: -3px;
        line-height: 0.9;
    }

    .service{
        padding: 60px 30px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .service .description-service{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .service .ilustration-service{
        display: none;
    }

    .service .description-service h1{
        color: var(--blue);
        font-size: 40px;
        letter-spacing: -3px;
        line-height: 0.9;
    }

    .service .description-service h2{
        font-size: 16px;
    }

    .service .description-service p{
        text-align: justify;
    }

    .mapa{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 30px 10px;
        text-align: center;
        background-color: var(--background-light);
    }

    .mapa h1{
        font-size: 40px;
        text-align: center;
    }

    
    .caracteristicas {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 60px 30px;
        gap: 20px;
    }
    
    .caracteristicas .section{
        padding: 40px;
        height: 550px;
        padding: 15px;
        align-items: center;
    }


    .caracteristicas .section h1{
        color: var(--white);
        font-size: 30px;
        padding-bottom: 20px;
        text-align: center;
    }

    .caracteristicas .section p{
        font-size: 14px;
    }

    .caracteristicas .section ul li {
        font-size: 14px;
    }

    .diferenciais-sec {
        padding: 60px 30px;
    }

    .diferenciais-sec .content-diferenciais h1 {
        font-size: 30px;
    }

    .diferenciais-sec .cards-diferenciais {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        position: relative;
        padding: 80px 0px;
        gap: 60px;
    }

    .diferenciais-sec .cards-diferenciais .card-diferencial {
        width: 100%;
    }

    .informacoes-contato{
        flex-direction: column;
        padding: 60px 30px;
        gap: 40px;
    }

    .informacoes-contato .info-contatos h1{
        font-size: 30px;
    }

    .informacoes-contato .info-contatos{
        width: 100%;
    }

    .informacoes-contato .info-contatos .info{
        width: 100%;
        padding: 20px;
    }

    .informacoes-contato .info-contatos .info h2{
        font-size: 20px;
    }

    .informacoes-contato .info-contatos .info a, .informacoes-contato .info-contatos .info p{
        font-size: 16px;
    }
    .informacoes-contato .formulario{
        width: 100%;
    }

    .informacoes-contato .formulario form{
        width: 100%;
    }
}

@media screen and (min-width: 767px) and (max-width: 1023px) {
    .section-banner{
        padding: 30px;
    }
    
    .section-banner h1{
        font-size: 65px;
        padding-bottom: 20px;
    }

    .section-banner h2{
        color: var(--white);
        font-weight: normal;
        font-size: 16px;
        max-width: 100%;
    }

    .sobre-empresa{
        padding: 60px 30px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .sobre-empresa .imagem-sobre{
        display: none;
    }

    .sobre-empresa .text-sobre h1{
        color: var(--blue);
        font-size: 40px;
        letter-spacing: -3px;
        line-height: 0.9;
    }

    .service{
        padding: 60px 30px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .service .description-service{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .service .ilustration-service{
        display: none;
    }

    .service .description-service h1{
        color: var(--blue);
        font-size: 40px;
        letter-spacing: -3px;
        line-height: 0.9;
    }

    .service .description-service h2{
        font-size: 16px;
    }

    .service .description-service p{
        text-align: justify;
    }

    .mapa{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 30px 10px;
        text-align: center;
        background-color: var(--background-light);
    }

    .mapa h1{
        font-size: 40px;
        text-align: center;
    }

    
    .caracteristicas {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 60px 30px;
        gap: 20px;
    }
    
    .caracteristicas .section{
        padding: 40px;
        height: 300px;
        padding: 15px;
        align-items: center;
    }


    .caracteristicas .section h1{
        color: var(--white);
        font-size: 30px;
        padding-bottom: 20px;
        text-align: center;
    }

    .caracteristicas .section p{
        font-size: 14px;
    }

    .caracteristicas .section ul li {
        font-size: 14px;
    }

    .diferenciais-sec {
        padding: 60px 30px;
    }

    .diferenciais-sec .content-diferenciais {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .diferenciais-sec .content-diferenciais h1 {
        font-size: 30px;
    }

    .diferenciais-sec .cards-diferenciais {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        position: relative;
        padding: 60px 0px 40px 0px;
        gap: 60px;
    }

    .diferenciais-sec .cards-diferenciais .card-diferencial {
        width: 100%;
    }

    .informacoes-contato{
        flex-direction: column;
        padding: 60px 30px;
        gap: 40px;
    }

    .informacoes-contato .info-contatos h1{
        font-size: 30px;
    }

    .informacoes-contato .info-contatos{
        width: 100%;
    }

    .informacoes-contato .info-contatos .info{
        width: 100%;
        padding: 20px;
    }

    .informacoes-contato .info-contatos .info h2{
        font-size: 20px;
    }

    .informacoes-contato .info-contatos .info a, .informacoes-contato .info-contatos .info p{
        font-size: 16px;
    }
    .informacoes-contato .formulario{
        width: 100%;
    }

    .informacoes-contato .formulario form{
        width: 100%;
    }
}

@media (min-width: 1023px) and (max-width: 1279px){
    .sobre-empresa{
        padding: 60px 0px 60px 30px;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        gap: 40px;
    }

    .sobre-empresa img{
        height: 300px;
    }

    .service{
        padding: 60px 30px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .service .ilustration-service img{
        height: 300px;
    }

    .service .description-service h1{
        color: var(--blue);
        font-size: 60px;
        letter-spacing: -3px;
        line-height: 0.9;
    }

    .mapa{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 60px 30px;
        text-align: center;
        background-color: var(--background-light);
    }

    .caracteristicas {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 60px 30px;
        gap: 20px;
    }

    .diferenciais-sec {
        padding: 60px 30px;
    }

    .diferenciais-sec .content-diferenciais {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .diferenciais-sec .content-diferenciais h1 {
        font-size: 50px;
    }

    .diferenciais-sec .cards-diferenciais {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        position: relative;
        padding: 60px 0px 40px 0px;
        gap: 60px;
    }

    .diferenciais-sec .cards-diferenciais .card-diferencial {
        width: 100%;
    }

    .informacoes-contato{
        padding: 60px 30px;
        gap: 40px;
    }
}

@media (min-width: 1279px) and (max-width: 1440px){
    .diferenciais-sec {
        padding: 60px 30px;
    }
 
}

@media (min-width: 1279px) and (max-width: 1340px){
    .sobre-empresa .text-sobre{
        max-width: 550px;
    }

    
}

@media (min-width: 1701px) {

    .secao-como-trabalhamos {
        padding: 50px 250px 80px 250px;
    }

    .cards-como-trabalhamos {
        gap: 10px;
    }

    .card-como-trabalhamos {
        width: 100%;
    }

    .card-como-trabalhamos p {
        font-size: 13px;
    }

    .diferenciais-sec {
        padding: 60px 250px 60px;
    }

    .diferenciais-sec .cards-diferenciais .card-diferencial h3 {
        font-size: 16px;
    }

 
}