@media screen and (max-width: 500px) {
    .menu-hamburguer{
        display:block;
    } 
    
    nav{
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 10px;
        border-radius: 0 0 15px 15px;
        z-index: -1;
        translate: 0 -100%;
    }

    nav a{
        width: 100%;
        text-align: center;
    }

    header{
        align-items: center;
        /* gap: ; */
        justify-content: space-between;
    }
    .gtranslate_wrapper {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin: 0;
    }

    #bg-wrapper{
        display: block;
        height: 60px;
    }

    #prev{
        left: 0px;
    }
    
    #next{
        right:0px;
    }
    
    /*

    nav {
        display: flex ;
        justify-content: space-around;
        width: 100%;
    }

    .menu {
        position: relative;
        display: inline-block;
        margin-top: 20px;
    }
    
    .menu img {
        width: 50px;
        height: 50px;
        cursor: pointer;
    }
    
    .menu-hamburguer-elements {
        display: none;
        position: absolute;
        background-color: #fff;
        list-style-type: none;
        padding: 0;
        margin: 0;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }
    
    .menu-hamburguer-elements li {
        padding: 8px;
    }
    
    .menu-hamburguer-elements li a {
        text-decoration: none;
        color: #333;
    }
    
    .menu-hamburguer-elements li a:hover {
        text-decoration: underline;
    }

    nav a{
        display: none;
    } */

    #caixas-qm-somos-inicial{
        align-items: center;
    }


    #titulo-castle-resumo-castle{
        font-size: 33px;
        text-align: center;
    }

    #p-castle-resumo-castle{
        font-size: 19px;
        width: 80%;
    }

    #caixa-diferencial-castle{
        margin: 120px 10px 0 10px;
        
    }

    .logo-linkedin-socios{
        width: 25px !important; 
    }

    #titulo-likedin {
        font-size: 36px;
        margin-bottom: 0px;
        font-family: 'Technor', sans-serif;
        text-align: center; 
    }

    #diferencial-caixa-inicial{
       
    }

    #diferencial-castle-tab{
        height: 100%;
        margin-bottom: 100px;
    }

    #contato-tab{
        height: 100%;
    }

    .dados-case-caixa-legenda-td{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #p-nosso-diferencial-castle-baixo-titulo{
        width: 100%;
    }

    .icon-lado-diferencial-castle{
        display: none;
    }

    .diferencial-p-castle{
        width: 100%;
    }

    #metodologia-tab{
        height: 100%;
        margin-bottom: 150px;
    }

    #tipos-metodologia{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #corpo-metodologia{
        margin-left: 30px;
    }

    .cada-metodologia{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }

    .titulo-cada-tipo-metodologia{
        text-align: center;

    }

    #socios-castle{
        height: 100%;
        margin: 50px 0 50px 0;
        margin-bottom: 100px;
        
    }

    #socios-foto-nome{
        width: 100%;
    margin-left: 18px;
    }

    .cada-socio-foto-nome img{
        width: 90px;
    }

    .breve-descricao-socio{
        font-size: 12px;
        text-align: center;
    }

    #borda-linha-socios{
        width: 90%;

    }

    #textos-socios{
        width: 89%;
    }

    .dados-artigo input{
        width: 95%;
    }
    #button-enviar-artigo{
        width: 100%;
    }

    #cases{
        margin-top: 150px;
        height: 100%;
        margin: 150px 0 100px 0;
    }

    .todos-cases-resumos{
        flex-direction: column;
    }

    .cada-case{
        margin: 20px 0 0 0;
    }

    #caixas-qm-somos-inicial{
        display: flex;
        flex-direction: column;
    }

    #quem-somos-tudo{
        height: 100%;
        margin-bottom: 150px;
    }

    #seta-baixo-pg-inicial{
        display: none;
    }
    
    #div-tudo-contato{
        flex-direction: column-reverse;
    width: 100%;
    padding: 100px 30px 60px 30px;
    margin: 0;
    align-items: center;
    }

    #div-dir-contato{
        margin: 0;
        width: auto;
    }

    #div-esq-contato{
        width: 100%;
        margin: 0;
    }

    #tudo-clientes-scroll-row{
        height: 100%;
    }

    #embaixo-frase-efeito{
        width: auto;
    }

    #lado-esq-pag-inicial{
        width: 100%;
    }

    .frase-efeito-fortaleza{
        width: auto;
        font-size: 60px;

    }

    .titulo-dentro-caixa-qm-somos-inicial{
        font-size: 22px;
    }
    

    footer{
        flex-direction: column;
        height: 100%;
        padding: 30px 40px;
    }

    .footer-lado-esq{
        margin-bottom: 20px;
    }

    .footer-lado-dir{
        width: 100%;
        align-items: flex-start;
        flex-direction: row;
    }

    .footer-cima{
        margin: 0px 30px 0 0;
    }

    .logo-footer {
        width: 250px;
    }

    #inicial-quem-somos{
        width: 90%;
        padding: 30px 10px 60px 10px;
    }

    #botao-saiba-mais-qm-somos-inicial{
        width: 200px;

    }

    .cada-case-completo{
        width: 95%;
        margin: 50px 5px;
    }

    .um-lado-outro-caixa-case-imgD, .um-lado-outro-caixa-case-imgE{
        font-size: 13px;
        text-align: justify;
        flex-direction: column;
    }

    .semborda-caixa-case{
        flex-direction: row;
        gap: 20px;
    }

    .um-lado-outro-caixa-case-imgD{
        flex-direction: column;
    }

    .um-lado-outro-caixa-case-imgD .ilustracao-caixa-case, .um-lado-outro-caixa-case-imgE .ilustracao-caixa-case{
        margin: 20px 0 15px 0 ;
        /* padding: 35px;
        width: 175PX; */
    }

    .cada-case-completo{
        display: flex;
        flex-direction: column;
    }
    
    .div-titulo-case-completo{
        background-color: unset;
        border-radius: 15px;
        padding: 0px;
        width: 100%;
        margin-top: 0px;
        margin-right: 0px;
        display: flex;
        justify-content: start;
        align-items: start; 
    }

    .titulo-case-completo{
        text-align: start;
    }

    #inicial-quem-somos a{
        width: 95%;
    }

    #inicial-pag-inicial{
        display: flex;
        flex-direction: column;
        padding: 0px;
        align-items: center;
        justify-content: center;
    }

    .cada-artigo{
        display: flex;
        flex-direction: column;
    }

    .preview-conteudos{
        order: 1;
        width: 100%;
        height: 150px;
        overflow: hidden;
    }

    .preview-conteudos img{
        height: 100%;
    }

    .lado-esq-artigo{
        order: 2;
    }

    .lado-dir-artigo{
        order: 3;
    }

    .botao-baixe-artigo{
        width: 100%;
    }
    
    #gif-castle-pg-inicial {
        width: 300px;
    }

    #tudo-inicial-in{ 
        display: flex;
        flex-direction: column;
        padding: 0px 50px;
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin-top: 200px;
    }

    #quem-somos-tudo{
        margin-top: 250px;
    }

    .cards-e-titulo{
        height: 100%;
    }

    .cards{
        gap: 10px;
        padding: 50px 50px 5px 50px;
        overflow-x: scroll;
        width: 100%;
        justify-content: start;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
    }

    .cards-nav{
        display: flex;
    }

    .cards > *{
        z-index: unset!important;
        scale: unset!important;
        scroll-snap-align: center;
        width: 100%;
        min-width: 100%;
    }

    .titulo-cards-geral{
        font-size: 50px;
        text-align: center;
    }

    .titulo-card{
        font-size: 24px;
    }

    #inicial-pag-inicial{
        margin-top: 0;
    }

    #logo-castle-fundo-castle{
        position: absolute;
    }

    .resumo-castle-valores svg{
        display: none;
    }
    .resumo-castle-valores{
        position: relative!important;
        transform: unset!important;
        text-align: center;
        left: unset!important;
        right: unset!important;
        top: unset!important;
        bottom: unset!important;
        padding: 30px;
        background: linear-gradient(135deg, rgba(3,25,46,0.14002097420999648) 35%, rgba(39,81,121,0.46775206664697133) 100%);
        border: #062644 2px solid;
        border-radius: 15px;
    }
    .resumo-castle-wrapper{
        padding: 0px 30px 30px 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
        height: unset!important;
    }
    #resumo-castle-missao{
        text-align: center;
    }
    #resumo-castle-valores{
        height: unset;
    }


    #carousel-container {
        flex-direction: column;
    }

    #carousel iframe {
        width: 80%;
    }

    #prev, #next {
        font-size: 3em;
        margin-right: 15px;
        margin-left: 15px;
    }

    main {
        margin: 120px 20px 60px 20px;
    }
    .formulario-denuncia{
        width: 100%;
    }

    .cada-item-denuncia input, .cada-item-denuncia select {
        width: 100%;
    }
    
    .cada-item-denuncia textarea{
        width: 100%;
    }

    #success-modal-content{
        flex-direction: column-reverse;

        > div:not(:nth-child(1)){
            width: 100%;
        }

        #success-modal-img{
            width: 50%;
            margin: auto;
            margin-bottom: 20px;
        }
    }

    .vaga-resumo{
        text-align: center;
        flex-direction: column;
        gap: 15px;

        .button-vagas{
            width: 100%;
            max-width: 100%;
        }

        .info-rapidas-vaga{
            justify-content: center;
        }
    }

    
    #info-inicial-pag-vagas{
        padding: 30px;
        margin-top: 0;
        width: 100%;
        flex-direction: column-reverse;
        text-align: center;

        > div:nth-child(1){
            width: 100%;
            align-items: center;
            justify-content: center;
        }

        img{
            width: 80%;
        }

        a{
            justify-content: center;
        }
    }

    #main-vagas{
        margin: 100px 0;
    }

}

@media (min-width:501px) and (max-width: 600px) {

    .menu-hamburguer{
        display:block;
    } 
    
    nav{
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 10px;
        border-radius: 0 0 15px 15px;
        z-index: -1;
        translate: 0 -100%;
    }

    nav a{
        width: 100%;
        text-align: center;
    }

    header{
        align-items: center;
        justify-content: space-between;
    }

    #bg-wrapper{
        display: block;
        height: 60px;
    }

    #inicial-quem-somos{
        width: 90%;
        padding: 30px 10px 60px 10px;
    }

    #inicial-pag-inicial{
        margin-left: 0px;
        margin-right: 0;
        padding: 0 25px 0 25px;
        
    }

    .frase-efeito-fortaleza, #embaixo-frase-efeito{
        width: 100%;
    }
    #quem-somos-tudo {
        height: 100%;
        margin: 0 0 150px 0;
    }
    #inicial-quem-somos a {
        width: 95%;
    }

    .caixa-qm-somos-inicial {
        margin-right: 0px;
    }
    
    #contato-tab{
        height: 100%;
    }

    #caixas-qm-somos-inicial{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #inicial-pag-inicial{
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 150px;
        margin-bottom: 50px;
    }

    #tudo-inicial-in{
        height: 100%;
        gap: 0;
        margin-bottom: 150px;
    }

    #gif-castle-pg-inicial {
        width: 400px;
    }

    #titulo-likedin {
        font-size: 36px;
        margin-bottom: 0px;
        font-family: 'Technor', sans-serif;
        text-align: center; 
    }

    .cada-case-completo{
       
        margin: 50px 10px;
    }

    #div-tudo-contato{
        flex-direction: column-reverse;
        width: 100%;
        padding: 100px 30px 60px 30px;
        margin: 0;
        align-items: center;
    }

    #div-dir-contato{
        margin: 0;
        width: auto;
    }

    #div-esq-contato{
        width: 85%;
        margin: 0;
    }

    #tudo-clientes-scroll-row{
        height: 100%;
    }

    footer{
        flex-direction: column;
        height: 100%;
        padding: 30px 40px;
    }

    .footer-lado-esq{
        margin-bottom: 20px;
    }

    
    #diferencial-caixa-inicial, #metodologia-caixa-inicial{
        margin: 0px;
    }


    .footer-lado-dir{
        width: 100%;
        align-items: flex-start;
        flex-direction: row;
    }

    .footer-cima{
        margin: 0px 30px 0 0;
    }

    .logo-footer {
        width: 250px;
    }

    header{
        padding: 15px 10px;
    }

    #titulo-castle-resumo-castle{
        text-align: center;
    }

    #p-castle-resumo-castle {
        font-size: 20px;
    }

    #prev{
        left: 0px;
    }
    
    #next{
        right:0px;
    }

    #caixa-diferencial-castle{
        margin: 200px 10px 200px 10px;
    }

    .icon-lado-diferencial-castle{
        display: none;
    }

    #p-nosso-diferencial-castle-baixo-titulo{
        width: auto;
    }

    #socios-castle{
        height: 100%;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    #socios-foto-nome{
        width: 90%;
    }

    #textos-socios{
        width: 90%;
    }

    #borda-linha-socios{
        width: 90%;
        
    }
    .dados-case-caixa-legenda-td{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #metodologia-tab{
        height: 100%;
        margin: 100px 0 250px 0;
    }

    #corpo-metodologia{
        margin: 40px 20px 40px 20px;
    }

    #tipos-metodologia{
        flex-direction: column;
        align-items: center;
    }

    .cada-metodologia{
        width: auto;
    }

    .titulo-cada-tipo-metodologia{
        text-align: center;
    }

    .descricao-cada-tipo-metodologia{
        font-size: 13px;
    }

    .cada-case-completo{
        width: 95%;
    }

    #cases{
        margin-top: 150px;
        height: 100%;
        margin: 150px 0 100px 0;
    }

    .todos-cases-resumos{
        flex-direction: column;
    }

    .um-lado-outro-caixa-case-imgD, .um-lado-outro-caixa-case-imgE{
        font-size: 13px;
        text-align: justify;
    }

    .cada-case-completo{
        display: flex;
        flex-direction: column;
    }
    
    .div-titulo-case-completo{
        background-color: unset;
        border-radius: 15px;
        padding: 0px;
        width: 100%;
        margin-top: 0px;
        margin-right: 0px;
        display: flex;
        justify-content: start;
        align-items: start;    
    }
    .titulo-case-completo{
        text-align: start;
    }

    .todos-cases-resumos{
        align-items: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    #cases{
        margin-top: 150px;
        margin-bottom: 50px;
        height: 100%;
    }

    .cards-e-titulo{
        height: 100%;
    }

    .cards{
        gap: 10px;
        padding: 50px 50px 5px 50px;
        overflow-x: scroll;
        width: 100%;
        justify-content: start;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
    }

    .cards-nav{
        display: flex;
    }

    .cards > *{
        z-index: unset!important;
        scale: unset!important;
        scroll-snap-align: center;
    }

    .titulo-cards-geral{
        font-size: 50px;
    }

    #logo-castle-fundo-castle{
        position: absolute;
    }

    .cada-artigo{
        flex-direction: column;
    }


    .resumo-castle-valores svg{
        display: none;
    }
    .resumo-castle-valores{
        position: relative!important;
        transform: unset!important;
        text-align: center;
        left: unset!important;
        right: unset!important;
        top: unset!important;
        bottom: unset!important;
        padding: 30px;
        background: linear-gradient(135deg, rgba(3,25,46,0.14002097420999648) 35%, rgba(39,81,121,0.46775206664697133) 100%);
        border: #062644 2px solid;
        border-radius: 15px;
    }
    .resumo-castle-wrapper{
        padding: 100px 30px 30px 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
        height: unset!important;
    }
    #resumo-castle-missao{
        text-align: center;
    }
    #resumo-castle-valores{
        height: unset;
    }

    .titulo-cards-geral{
        text-align: center;
    }
    main {
        margin: 120px 50px 60px 50px;
    }
    .formulario-denuncia{
        width: 100%;
    }

    .cada-item-denuncia input, .cada-item-denuncia select {
        width: 100%;
    }
    
    .cada-item-denuncia textarea{
        width: 100%;
    }

    #success-modal-content{
        flex-direction: column-reverse;

        > div:not(:nth-child(1)){
            width: 100%;
        }

        #success-modal-img{
            width: 50%;
            margin: auto;
            margin-bottom: 20px;
        }
    }

    #info-inicial-pag-vagas{
        padding: 30px;
        margin-top: 0;
        width: 100%;
        flex-direction: column-reverse;
        text-align: center;

        > div:nth-child(1){
            width: 100%;
            align-items: center;
            justify-content: center;
        }

        img{
            width: 80%;
        }

        a{
            justify-content: center;
        }
    }

    #main-vagas{
        margin: 100px 0;
    }

}

@media (min-width:601px) and (max-width: 720px) {

    #info-inicial-pag-vagas{
        width: 100%;
        flex-direction: column-reverse;
        text-align: center;

        > div:nth-child(1){
            width: 100%;
            align-items: center;
            justify-content: center;
        }

        a{
            justify-content: center;
        }
    }

    .logo-castle-nav{
        display: flex;
        align-content: center;
        align-items: center;
        margin-right: 15px;
    }

    #carousel iframe {
        width: 80%;
        height: 300px;
    }

    nav{
        gap: 8px;
    }

    #inicial-quem-somos{
        width: 90%;
        padding: 30px 10px 60px 10px;
    }

    .caixa-qm-somos-inicial{
        height:100%;
        
    }

    #inicial-pag-inicial{
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 200px;
        margin-bottom: 350px;
    }

    #tudo-inicial-in{
        height: 100%;
        gap: 0;
        margin-bottom: 250px;
        justify-content: center;
    }

    #gif-castle-pg-inicial {
        width: 430px;
    }

    #prev{
        left: 0px;
    }
    
    #next{
        right:0px;
    }
    
    #contato-tab{
        height: 100%;
    }   

    #div-tudo-contato{
        flex-direction: column-reverse;
        width: 100%;
        padding: 100px 30px 60px 30px;
        margin: 0;
        align-items: center;
    }

    #div-dir-contato{
       width: auto;
       margin: 0;
    }

    #div-esq-contato{
        width: 85%;
        margin: 0;
    }

    .logo-footer{
        width: 250px;
    }

    footer{
        height: 100%;
        padding: 30px 20px;

    }

    .footer-baixo{
        margin-top: 200px;
    }

    #titulo-likedin {
        font-size: 36px;
        margin-bottom: 0px;
        font-family: 'Technor', sans-serif;
        text-align: center; 
    }

    #quem-somos-tudo{
        height: 100%;
        margin-top: 250px;
        margin-bottom: 250px;
    }

    #inicial-pag-inicial{
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 150px;
        margin-bottom: 50px;
    }

    #tudo-inicial-in{
        height: 100%;
        gap: 0;
        margin-bottom: 150px;
    }

    #gif-castle-pg-inicial {
        width: 400px;
    }

    #tudo-clientes-scroll-row{
        height: 100%;
        margin: 200px 0 0 0;
    }

    #titulo-castle-resumo-castle{
        text-align: center;
    }

    #titulo-castle-resumo-castle{
        font-size: 50px;
    }

    #caixa-diferencial-castle{
        margin: 200px 10px 200px 10px;
    }

    .icon-lado-diferencial-castle{
        display: none;
    }

    #p-nosso-diferencial-castle-baixo-titulo{
        width: auto;
    }

    #metodologia-tab{
        height: 100%;
        margin: 100px 0 250px 0;
    }

    #corpo-metodologia{
        margin: 40px 20px 40px 20px;
    }

    #tipos-metodologia{
        flex-direction: column;
        align-items: center;
    }

    .cada-metodologia{
        width: auto;
    }

    .titulo-cada-tipo-metodologia{
        text-align: center;
    }

    .descricao-cada-tipo-metodologia{
        font-size: 13px;
    }

    #socios-castle{
        height: 100%;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    #socios-foto-nome{
        width: 90%;
    }

    #textos-socios{
        width: 90%;
    }

    #borda-linha-socios{
        width: 90%;
        
    }
    .cada-case-completo{
        width: 85%;
    }

    .um-lado-outro-caixa-case-imgD, .um-lado-outro-caixa-case-imgE{
        font-size: 13px;
        text-align: justify;
    }

    .cada-case-completo{
        display: flex;
        flex-direction: column;
    }
    
    .div-titulo-case-completo{
        background-color: unset;
        border-radius: 15px;
        padding: 0px;
        width: 100%;
        margin-top: 0px;
        margin-right: 0px;
        display: flex;
        justify-content: start;
        align-items: start;    
    }
    .titulo-case-completo{
        text-align: start;
    }

    .todos-cases-resumos{
        align-items: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    #cases{
        margin-top: 150px;
        margin-bottom: 50px;
        height: 100%;
    }

    .cards-e-titulo{
        height: 100%;
    }

    .cards{
        gap: 10px;
        padding: 50px;
        overflow-x: scroll;
        width: 100%;
        justify-content: start;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
    }

    .cards-nav{
        display: flex;
    }

    .cards > *{
        z-index: unset!important;
        scale: unset!important;
        scroll-snap-align: center;
    }

    .titulo-cards-geral{
        font-size: 50px;
    }

    #logo-castle-fundo-castle{
        position: absolute;
    }

    .resumo-castle-valores svg{
        display: none;
    }
    .resumo-castle-valores{
        position: relative!important;
        transform: unset!important;
        text-align: center;
        left: unset!important;
        right: unset!important;
        top: unset!important;
        bottom: unset!important;
        padding: 30px;
        background: linear-gradient(135deg, rgba(3,25,46,0.14002097420999648) 35%, rgba(39,81,121,0.46775206664697133) 100%);
        border: #062644 2px solid;
        border-radius: 15px;
    }
    .resumo-castle-wrapper{
        padding: 100px 30px 30px 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
        height: unset!important;
    }
    #resumo-castle-missao{
        text-align: center;
    }
    #resumo-castle-valores{
        height: unset;
    }
    .logo-castle-nav{
        display: none;
    }

    .formulario-denuncia{
        width: 500px;
    }

    .cada-item-denuncia input, .cada-item-denuncia select {
        width: 400px;
    }
    
    .cada-item-denuncia textarea{
        width: 400px;
    }

    main {
        margin: 120px 70px 60px 70px;
    }
    .formulario-denuncia{
        width: 100%;
    }

    .cada-item-denuncia input, .cada-item-denuncia select {
        width: 100%;
    }
    
    .cada-item-denuncia textarea{
        width: 100%;
    }
    .form-vagas{
        width: 100%;
    }
    #success-modal{
        width: 90%;
    }

}

@media (min-width:721px) and (max-width: 1077px) {
    #div-tudo-contato{
        flex-direction: column-reverse;
        width: 100%;
        margin: 100px 30px 60px 30px;
        align-items: center;
    }
    .diferencial-p-castle, #p-nosso-diferencial-castle-baixo-titulo {
        width: auto;
    }

    #contato-tab{
        margin-bottom: 150px;
    }

    #caixa-diferencial-castle{
        margin-bottom: 200px;
    }

    #diferencial-castle-tab{
        height: 100%;
    }


    #inicial-quem-somos{
        width: 85%; 
    }

    #div-dir-contato{
        margin-right: 50px;
        margin-left: 20px;
        width: 60%;
    }

    #div-esq-contato{
       
        margin-left: 20px;
        margin-right: 60px;
    }

    .caixa-qm-somos-inicial{
        height:100%;
        
    }

    #quem-somos-tudo{
        height: 100%;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    #tudo-clientes-scroll-row{
        height: 100%;
    }
    
    .cada-case-completo{
        width: 85%;
    }
    .cada-case-completo{
        display: flex;
        flex-direction: column;
    }
    
    .logo-castle-nav{
        display: none;
    }
    
    .div-titulo-case-completo{
        background-color: unset;
        border-radius: 15px;
        padding: 0px;
        width: 100%;
        margin-top: 0px;
        margin-right: 0px;
        display: flex;
        justify-content: start;
        align-items: start;   
    }
    .titulo-case-completo{
        text-align:start;
    }

    #titulo-likedin {
        font-size: 36px;
        margin-bottom: 0px;
        font-family: 'Technor', sans-serif;
        text-align: center; 
    }

    #prev{
        left: 0px;
    }
    
    #next{
        right:0px;
    }

    .todos-cases-resumos{
        align-items: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    #cases{
        margin-top: 150px;
        margin-bottom: 50px;
        height: 100%;
    }

    #inicial-pag-inicial{
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 150px;
        margin-bottom: 50px;
    }

    #tudo-inicial-in{
        height: 100%;
        gap: 0;
        margin-bottom: 150px;
    }

    #gif-castle-pg-inicial {
        width: 500px;
    }

    .titulo-cards-geral{
        text-align: center;
        font-size: 50px;
    }
    .cards{
        scale: .75;
    }
    #logo-castle-fundo-castle img{
        width: 300px;
    }
    .resumo-castle-valores{
        position: relative!important;
        transform: unset!important;
        max-width: 300px;
        left: unset!important;
        right: unset!important;
        top: unset!important;
        bottom: unset!important;
    }
    .resumo-castle-wrapper{
        padding: 100px 30px 30px 30px;
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
    }
    .resumo-castle-valores svg{
        display: none;
    }
    #resumo-castle-missao{
        left: 50px;
        text-align: left;
    }
    #resumo-castle-visao{
        left: 50px;
        align-self: flex-end;
        text-align: right;
    }
    #resumo-castle-valores{
        text-align: left;
        right: 50px;
        height: unset;
    }
    .formulario-denuncia{
        width: 550px;
    }

    .cada-item-denuncia input, .cada-item-denuncia select {
        width: 450px;
    }
    
    .cada-item-denuncia textarea{
        width: 450px;
    }

}

@media (min-width:1078px) and (max-width: 1440px) {
    #div-tudo-contato{
        margin-left: 50px;
        margin-right: 50px;
    }
    .todos-cases-resumos{
        align-items: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    #cases{
        margin-top: 150px;
        margin-bottom: 50px;
        height: 100%;
    }

    .cards{
        scale: .8;
    }
}

@media (orientation: portrait){
    .cards-e-titulo{
        height: 100%;
    }

    .cards{
        gap: 10px;
        padding: 50px 50px 5px 50px;
        overflow-x: scroll;
        width: 100%;
        justify-content: start;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scale: unset;
    }

    .cards-nav{
        display: flex;
    }

    .cards > *{
        z-index: unset!important;
        scale: unset!important;
        scroll-snap-align: center;
        opacity: 1!important;
    }

    .cards::-webkit-scrollbar { 
        display: none;  /* Safari and Chrome */
    }
}