/* Estilos padrão */
<meta name="viewport" content="width=device-width, initial-scale=1">


/* Media query para telas menores que 1300px */
@media (max-width: 1300px) {
    .about_section {
        padding-left: 5%;
        padding-right: 5%;
    }

    .about_section .box {
        align-items: center;
    }
}

/* Media query para telas menores que 1120px */
@media (max-width: 1120px) {
    /* Estilos vazios, pois não há regras especificadas no exemplo */
}

/* Media query para telas menores que 992px (tablets e smartphones) */
@media (max-width: 992px) {
    .hero_area {
        height: 750px; /* Ajusta a altura do hero area para telas menores */
        background-size: cover;
    }

    .contact_nav_container {
        display: none; /* Esconde o container de navegação de contato em telas menores */
    }

    .custom_nav-container {
        padding: 15px 0;
    }

    .slider_section {}

    .wehave_section {
        background: none;
        background-color: #252525;
        padding: 0;
    }

    .wehave_section .box {
        flex-direction: column; /* Muda a direção dos itens em telas menores */
        align-items: center;
    }

    .wehave_section .box .img-box {
        margin-bottom: -25px;
    }

    .why_section .why_container {
        flex-wrap: wrap;
    }

    .why_section .box {
        flex: none;
        flex-basis: calc(50% - 20px);
    }
}

/* Media query para telas menores que 768px (smartphones) */
@media (max-width: 768px) {
    .about_section {
        padding-left: 0;
        padding-right: 0;
    }

    .about_section .box {
        flex-direction: column; /* Muda a direção dos itens em telas menores */
    }

    .about_section .box .detail-box {
        margin: 0;
    }

    .info_section .row>div {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .info_section .row>div:not(:nth-last-child(1)) {
        margin-bottom: 45px;
    }

    .info_section .info_links {
        flex-direction: column;
        align-items: center;
    }
}

/* Media query para telas menores que 576px (smartphones em modo paisagem e menores) */
@media (max-width: 576px) {
    .hero_area {
        height: 750px; /* Ajusta a altura do hero area para telas menores */
    }

    .slider_section {
        padding-bottom: 75px;
    }

    .slider_section .carousel-indicators {
        flex-direction: row;
        justify-content: center;
        width: 100%;
        height: auto;
        top: initial;
        bottom: -35px;
    }

    .slider_section .carousel-indicators li {
        margin: 0 2.5px;
    }

    .slider_section .box {
        flex-direction: column; /* Muda a direção dos itens em telas menores */
    }

    .slider_section .box .care_detail {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .slider_section .box .care_detail .care_text {
        margin-top: 0;
    }

    .slider_section .box .care_detail a {
        margin: 15px 0;
    }

    .user_option {
        display: none;
    }

    .contact_section .contact-form .top_input {
        flex-direction: column;
    }

    .contact_section .contact-form .top_input input {
        width: 100%;
    }

    .client_section .box {
        flex-direction: column; /* Muda a direção dos itens em telas menores */
    }

    .client_section .box .client_detail {
        margin-left: 0;
        padding-left: 25px;
        padding-top: 75px;
        margin-top: -45px;
    }

    .client_section .box .img-box {
        margin-left: 45px;
    }
}

/* Media query para telas menores que 480px (smartphones pequenos) */
@media (max-width: 480px) {
    .why_section .box {
        flex-basis: calc(100% - 20px);
    }
}

/* Media queries adicionais conforme necessário */

/* Media query para telas maiores que 1200px (desktops grandes) */
@media (min-width: 1200px) {
    .container {
        max-width: 1170px; /* Restringe a largura máxima da container para telas maiores */
    }
}