

.areas ul li { text-align: justify;}
.areas h4 { font-weight: 500; }
.hidden {display:none!important;}
.testimonial_image_holder {
    margin: 0 0 30px;
}

.q_team {
    background-color: transparent;
}

.q_team.info_description_below_image .q_team_image_holder{
    text-align: center;
}
.q_team .q_team_image img{
    width: auto;
}

.q_team .q_team_description_inner {
    padding: 0 0px;
}

.q_team.info_description_below_image .q_team_image_holder:hover img{
    -webkit-transform: none;
    transform: none;
}

.qode_video_box .qode_video_image .qode_video_box_button {
    width: 108px;
    height: 108px;
}

.qode_video_box .qode_video_image .qode_video_box_button_arrow{
    border-left-width: 30px;
    border-top-width: 18px;
    border-bottom-width: 18px;
    left: 54%;
}

.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text, .cf7_custom_style_1 textarea.wpcf7-form-control.wpcf7-textarea{
    text-align: center;  
}

@media only screen and (max-width: 600px){
.mobile-header {margin-top:-595px!important;}
.subtitle { font-size: 16px!important;}
}

@media only screen and (max-width: 1200px){
    nav.main_menu > ul > li > a{
        padding: 0 18px;
    }
}

#back_to_top span i {
    font-size: 18px;
    line-height: 46px;
}

#back_to_top {
    display: none !important;
}

/* Media Query para telas com largura MÁXIMA de 1300 pixels */
@media screen and (max-width: 1300px) {
    /* Define o tamanho da fonte (font-size) para todos os elementos <h4> */
    h4 {
        font-size: 16px !important;
        /* O !important garante que este estilo prevaleça sobre os estilos padrão do tema. */
        line-height: 1.4 !important; 
        /* Recomendação: Ajuste o line-height também para melhor legibilidade. */
    }
}

/* Media Query para telas com largura MÁXIMA de 1600 pixels */
@media screen and (max-width: 1600px) {
    
    /* Aplica o novo padding aos links (<a>) dentro dos itens da lista (<li>) do menu principal */
    nav.main_menu > ul > li > a {
        /* Padding: 0px (vertical) e 10px (horizontal) */
        padding: 0 10px !important;
    }
}

/* Media Query para telas entre 992px e 1400px de largura */
@media screen and (min-width: 992px) and (max-width: 1400px) {
    
    /* 1. Altera a estrutura do contêiner do menu */
    nav.main_menu.right {
        /* Garante que ocupe a largura total do contêiner pai */
        width: 100% !important; 
        
        /* Remove o float para que a centralização funcione */
        float: right !important; 
        
        /* Neutraliza o posicionamento lateral para centralização */
        position: static !important; 
        left: 0 !important; 
        right: 0 !important;
        
        /* Centraliza o conteúdo (os itens do menu) */
        text-align: center !important; 
    }

    /* 2. Garante que os itens do menu (ul) também sejam centralizados */
    nav.main_menu.right > ul {
        /* Se o menu estiver definido como inline-block, o text-align: center acima centralizará o <ul> */
        display: inline-block !important; 
    }
}