@media screen and (max-width: 940px) {

    /*----------------A SEGUIR DIVS ESCONDIDAS NO MOBILE--------------------*/


    /*----------------FIM DIVS ESCONDIDAS NO MOBILE--------------------*/

    .head {
        width: 100%;
        height: 100vh;
        background-image: url(fundo-topo.jpg);
        background-size: cover;
        position: relative;
        z-index: 8;
    }

    .logo {
        width: 50px;
    }

    .hamburguer {
        width: 50px;
        height: 50px;
    }
    .hamburguer-close {
        width: 50px;
        height: 50px;
        right: 5vw;
        top: 2vh;
    }
    .principal {
        position: absolute;
        font-size: 13vw;
        color: #fff;
        font-weight: 900;
        z-index: 9999;
        top: 10vh;
        left: 6vw;
        width: 90vw;
        line-height: .85em;
        letter-spacing: -3.5px;
        & span {
            color: #ffffff;
            font-size: .3em;
            font-weight: 400;
            letter-spacing: normal;
            width: 75%;
            display: block;
            line-height: 1.4em;
            margin: 21px 0 0 0;
        }
    }
    .pc {
        position: absolute;
        right: 1vw;
        top: 52vh;
        z-index: 99;
        width: 72vw;
    }
    .pc {
        position: absolute;
        right: 7vw;
        top: 64vh;
        z-index: 99;
        width: 72vw;
    }
    .iphone {
        position: absolute;
        right: 62vw;
        top: 72vh;
        width: 24vw;
        z-index: 999;
    }
    .falar-especialista {
        position: absolute;
        left: 10vw;
        top: 92vh;
        color: #fff;
        z-index: 999999999;
    }
    .detalhe01 {
        position: absolute;
        left: 80vw;
        top: 35vh;
        z-index: 99999999;
    }
    .ano {
        color: #ffffff;
        font-size: 8px;
        position: absolute;
        left: -4vw;
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
        z-index: 999999999;
        letter-spacing: 4px;
        top: 80%;
    }

    nav {
        position: absolute;
        bottom: auto;
        display: block;
        z-index: 999999999;
        left: 3vh;
        top: 5vh;
    }
    nav ul li {
        color: #b2b2b3;
        margin: 2vh 25px;
        font-size: 11vw;
        text-transform: capitalize;
        position: relative;
        font-weight: 900;
        letter-spacing: -2px;
    }

    .linha-banners {
        width: 88vw;
        height: auto;
        margin: 0 auto;
        margin-top: 5vh;
        z-index: 999;
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        gap: 3vw;
    } 
    .banner-pq-inicial01 {
        background-color: #1c1a20;
        width: 100%;
        height: 160px;
        border-radius: 20px;
        position: relative;
        overflow: hidden;
        padding: 5%;
        transition: .5s;
    }
    .banner-pq-inicial02 {
        background-color: #0d0c0f;
        width: 100%;
        height: 160px;
        border-radius: 20px;
        position: relative;
        overflow: hidden;
        padding: 10%;
        transition: .5s;
    }
    .banner-pq-inicial02 h1 {
        font-size: 7vw;
        padding: 0 0 7px 0;
    }
    .banner-pq-inicial02 p {
        position: absolute;
        z-index: 999;
        color: #fff;
        font-weight: 200;
        font-size: 4vw;
        top: 39%;
        left: 8%;
        width: 82%;
        text-align: left;
        line-height: 1.2em;
        font-family: 'Lato', sans-serif;
        letter-spacing: .1px;
    }
    .banner-pq-inicial03 {
        background-color: #0d0c0f;
        width: 100%;
        height: 160px;
        border-radius: 20px;
        position: relative;
        overflow: hidden;
        padding: 10%;
        transition: .5s;
    }
    .banner-pq-inicial03 h1 {
        font-size: 7vw;
        padding: 0 0 7px 0;
    }
    .banner-pq-inicial03 p {
        position: absolute;
        z-index: 999;
        color: #fff;
        font-weight: 200;
        font-size: 4vw;
        top: 39%;
        left: 8%;
        width: 82%;
        text-align: left;
        line-height: 1.2em;
        font-family: 'Lato', sans-serif;
        letter-spacing: .1px;
    }



    .possibilidades {
        width: 100%;
        min-height: 400px;
        background-color: #161616;
        margin: 12vw 0 0 0;
        position: relative;
    }
    .possibilidades:after, .possibilidades:before {
        top: 40%;
        left: 22%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 60vh;
        height: 60vh;
    }
    .conteudo-possibilidades {
        width: 88vw;
        padding: 70px 0 50px 0;
        & h1 {
            color: #ffffff;
            font-size: 7.9vw;
        }
        & b {
            font-size: 4vw;
            font-weight: 100;
            color: #eb5d1c;
        }
    }
    .conteudo-possibilidades h1::after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBvcGFjaXR5PSIuMTU5IiBkPSJNMCAwaDEzdjEzSDB6Ii8+PHBhdGggZD0iTTMuNTggMy41MDloMi41MWEuMTg1LjE4NSAwIDAwLjE5LS4xOS4xODUuMTg1IDAgMDAtLjE5LS4xODhIMy41OFYuNjJhLjE4NS4xODUgMCAwMC0uMTktLjE4OS4xODUuMTg1IDAgMDAtLjE4OS4xODl2Mi41MUguNjkxYS4xODUuMTg1IDAgMDAtLjE5LjE5YzAgLjA1NC4wMTQuMDk0LjA1NS4xMzUuMDQuMDQuMDguMDU0LjEzNS4wNTRIMy4ydjIuNTFjMCAuMDU1LjAyNy4xMDkuMDU0LjEzNmEuMjA2LjIwNiAwIDAwLjEzNS4wNTQuMTg1LjE4NSAwIDAwLjE5LS4xOVYzLjUxeiIgZmlsbD0iI0Q3RDdENyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==);
        background-repeat: repeat;
        content: " ";
        position: absolute;
        width: 35vw;
        height: 12px;
        top: 61px;
        left: 0vw;
    }
    .conteudo-possibilidades ul {
        width: 100%;
        height: auto;
        position: relative;
        display: grid;
        grid-template-columns: 100%;
        gap: 4%;
    }
    .card-possibilidades p {
        width: 80%;
        position: absolute;
        left: 80%;
        height: 360px;
        top: 10%;
        background-color: #0d0c0f;
        border-radius: 20px;
        padding: 15px;
        font-family: 'Lato', sans-serif;
        font-weight: 500;
        color: #b2b2b3;
        font-size: 3.6vw;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.2em;
    }

    .iniciar-projeto-pagina {
        width: 100%;
        text-align: center;
    }


    .motivos {
        width: 100%;
        min-height: 400px;
        margin: 90px 0 0 0;
        position: relative;
        & h1 {
            color: #ffffff;
            font-size: 8vw;
            position: relative;
            width: 100%;
            text-align: center;
            letter-spacing: -1px;
        }
        & b {
            font-size: 6vw;
            font-weight: 900;
            color: #eb5d1c;
        }
    }
    .motivos h1::after {
        width: 18vw;
    }
    .conteudo-motivos {
        width: 88vw;
        min-height: 350px;
        margin: 0px auto;
        padding: 50px 0 0 0;
        position: relative;
        z-index: 99;
        display: grid;
        grid-template-columns: 100%;
        column-gap: 0;
    }
    .conteudo-motivos li {
        width: 100%;
        height: 140px;
        position: relative;
        display: flex;
        background: #161516;
        border-radius: 20px;
        margin: 0px 0 65px 0;
        align-items: center;
        padding: 0 20px 0 30px;
        color: #ffffff94;
        font-family: 'Lato', sans-serif;
        font-size: 3.5vw;
        line-height: 1.3em;
        transition: .5s;
    }


    .cases {
        width: 100%;
        min-height: 400px;
        margin: 80px 0 0 0;
        position: relative;
        background-color: #121212;
        padding: 60px 0;
        & h1 {
            color: #ffffff;
            font-size: 8vw;
            position: relative;
            width: 100%;
            text-align: center;
            letter-spacing: -1px;
        }
        & b {
            font-size: 5vw;
            font-weight: 900;
            color: #eb5d1c;
        }
    }
    .cases h1::after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBvcGFjaXR5PSIuMTU5IiBkPSJNMCAwaDEzdjEzSDB6Ii8+PHBhdGggZD0iTTMuNTggMy41MDloMi41MWEuMTg1LjE4NSAwIDAwLjE5LS4xOS4xODUuMTg1IDAgMDAtLjE5LS4xODhIMy41OFYuNjJhLjE4NS4xODUgMCAwMC0uMTktLjE4OS4xODUuMTg1IDAgMDAtLjE4OS4xODl2Mi41MUguNjkxYS4xODUuMTg1IDAgMDAtLjE5LjE5YzAgLjA1NC4wMTQuMDk0LjA1NS4xMzUuMDQuMDQuMDguMDU0LjEzNS4wNTRIMy4ydjIuNTFjMCAuMDU1LjAyNy4xMDkuMDU0LjEzNmEuMjA2LjIwNiAwIDAwLjEzNS4wNTQuMTg1LjE4NSAwIDAwLjE5LS4xOVYzLjUxeiIgZmlsbD0iI0Q3RDdENyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==);
        background-repeat: repeat;
        content: " ";
        position: absolute;
        width: 19vw;
        height: 12px;
        top: 110px;
        left: 50%;
        transform: translate(-50%, -147px);
    }

    .slider-cases-inicial {
        width: 90%;
        height: 550px;
        position: relative;
        display: block;
        left: 5%;
    }

    .expertise {
        width: 100%;
        padding: 50px 0 90px 0;
        & h1 {
            color: #ffffff;
            font-size: 8vw;
            position: relative;
            width: 100%;
            text-align: center;
            letter-spacing: -1px;
        }
        & b {
            font-size: 5vw;
            font-weight: 900;
            color: #eb5d1c;
        }
    }
    .expertise h1::after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBvcGFjaXR5PSIuMTU5IiBkPSJNMCAwaDEzdjEzSDB6Ii8+PHBhdGggZD0iTTMuNTggMy41MDloMi41MWEuMTg1LjE4NSAwIDAwLjE5LS4xOS4xODUuMTg1IDAgMDAtLjE5LS4xODhIMy41OFYuNjJhLjE4NS4xODUgMCAwMC0uMTktLjE4OS4xODUuMTg1IDAgMDAtLjE4OS4xODl2Mi41MUguNjkxYS4xODUuMTg1IDAgMDAtLjE5LjE5YzAgLjA1NC4wMTQuMDk0LjA1NS4xMzUuMDQuMDQuMDguMDU0LjEzNS4wNTRIMy4ydjIuNTFjMCAuMDU1LjAyNy4xMDkuMDU0LjEzNmEuMjA2LjIwNiAwIDAwLjEzNS4wNTQuMTg1LjE4NSAwIDAwLjE5LS4xOVYzLjUxeiIgZmlsbD0iI0Q3RDdENyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==);
        background-repeat: repeat;
        content: " ";
        position: absolute;
        width: 18vw;
        height: 12px;
        top: 110px;
        left: 50%;
        transform: translate(-50%, -147px);
    }

    .conteudo-expertise {
        width: 88vw;
        min-height: 200px;
        margin: 0px auto;
        padding: 60px 0;
        position: relative;
        display: grid;
        z-index: 99;
        grid-template-columns: 1fr;
        background-color: #2b292f;
        border-radius: 20px;
    }

    .conteudo-expertise li {
        position: relative;
        display: flex;
        flex-direction: column;
        padding: 0 72px;
        color: #fffffff8;
        font-weight: 900;
        font-size: 5.8vw;
        align-items: center;
        text-align: center;
        margin: 0 0 36px 0;
    }
    .conteudo-expertise li img {
        width: 70px;
        height: 70px;
        margin: 0 0 11px 0;
    }

    .artemidas-inicial {
        background: url(../fundo-artemidas.png) #121212;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        min-height: 400px;
        margin: 0 0 0 0;
        position: relative;
        padding: 10px 0 40px 0;
    }
    .conteudo-artemidas {
        width: 88vw;
        min-height: 200px;
        margin: 0px auto;
        padding: 0 0;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

    .img-artemidas {
        border-radius: 20px;
        height: auto;
    }
    
    .direita-artemidas {
        padding: 30px 0 0 0;
        
        & h1 {
            color: #ffffff;
            font-size: 9vw;
            position: relative;
        }
        & b {
            font-size: 4vw;
            font-weight: 100;
            color: #eb5d1c;
        }
    }

    .direita-artemidas p {
        color: #ffffff;
        font-size: 3.5vw;
        line-height: 1.4em;
        width: 100%;
        margin-bottom: 17px;
    }

    

    .depoimentos {
        width: 100%;
        min-height: 400px;
        margin: 0;
        position: relative;
        padding: 60px 0 60px 0;
        & h1 {
            color: #ffffff;
            font-size: 8vw;
            position: relative;
            width: 100%;
            gap: 8px;
        }
        & b {
            font-size: 5vw;
            font-weight: 900;
            color: #eb5d1c;
        }
    }

    .depoimentos h1::after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBvcGFjaXR5PSIuMTU5IiBkPSJNMCAwaDEzdjEzSDB6Ii8+PHBhdGggZD0iTTMuNTggMy41MDloMi41MWEuMTg1LjE4NSAwIDAwLjE5LS4xOS4xODUuMTg1IDAgMDAtLjE5LS4xODhIMy41OFYuNjJhLjE4NS4xODUgMCAwMC0uMTktLjE4OS4xODUuMTg1IDAgMDAtLjE4OS4xODl2Mi41MUguNjkxYS4xODUuMTg1IDAgMDAtLjE5LjE5YzAgLjA1NC4wMTQuMDk0LjA1NS4xMzUuMDQuMDQuMDguMDU0LjEzNS4wNTRIMy4ydjIuNTFjMCAuMDU1LjAyNy4xMDkuMDU0LjEzNmEuMjA2LjIwNiAwIDAwLjEzNS4wNTQuMTg1LjE4NSAwIDAwLjE5LS4xOVYzLjUxeiIgZmlsbD0iI0Q3RDdENyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==);
        background-repeat: repeat;
        content: " ";
        position: absolute;
        width: 19vw;
        height: 12px;
        top: 110px;
        left: 50%;
        transform: translate(-50%, -147px);
    }

    .conteudo-depoimentos {
        width: 88vw;
        min-height: 200px;
        margin: 0px auto;
        padding: 60px 0 0 0;
        position: relative;
        display: flex;
        z-index: 99;
        /* background-color: #2b292f; */
        border-radius: 20px;
        flex-direction: column;
        align-items: center;
    }

    .conteudo-depoimentos li {
        background: #fff;
        width: 100%;
        padding: 40px 40px 170px 40px;
        border-radius: 20px;
        height: auto;
        font-size: 3.75vw;
        line-height: 1.3em;
        position: relative;
        margin: 0 0 90px 0;
        & h2 {
            margin: 20px 0 0 0;
            color: #222222;
            font-weight: 900;
            position: absolute;
            bottom: 90px;
            font-size: 5.3vw;
        }
    
    }

    .faq {
        padding: 90px 0 40px 0;
        & h1 {
            color: #ffffff;
            font-size: 8vw;
            position: relative;
            width: 100%;
            text-align: center;
            letter-spacing: -1px;
        }
        & b {
            font-size: 5vw;
            font-weight: 900;
            color: #eb5d1c;
        }
    }

    .conteudo-faq {
        width: 88vw;
        min-height: 200px;
        margin: 0px auto;
        padding: 60px 0;
        position: relative;
        display: flex;
        grid-template-columns: 100%;
        gap: 4%;
        z-index: 99;
        /* background-color: #2b292f; */
        border-radius: 20px;
        justify-content: space-between;
        flex-direction: column;
    }
    .perguntas ul {
        display: flex;
        flex-flow: column;
        width: 100%;
        float: right;
        background: #0000003b;
        border-radius: 20px;
        padding: 30px;
        margin: 0 0 40px 0;
    }

    .perguntas ul li {
        width: 100%;
        border-bottom: 1px solid #393939;
        line-height: 3.3em;
        color: #ffffff;
        position: relative;
        font-size: .8em;
    }





    footer {
        width: 100%;
        height: auto;
    }
    .conteudo-footer {
        width: 88vw;
        min-height: 200px;
        margin: 0px auto;
        padding: 60px 0;
        position: relative;
        display: grid;
        grid-template-columns: 100%;
        gap: 2%;
        z-index: 99;
    }

    .blog .container {
        flex-flow: column;
        gap: 30px;
    }

    .blog .container .left, .blog .container .cards {
        grid-template-columns: 1fr;
        grid-gap: 30px;
        padding-left: 0;
    }

    .blog .container .right {
        align-items: center;
        justify-content: center;
        gap: 12px;
    }

    .title-interna {
        gap: 0.8rem;
    }
    
    .blog {
        padding: 30px 0;
    }

    .blog .container .right::after, .title-interna::after {
        left: 50%;
        max-width: 19vw;
        margin-left: calc(-19vw / 2);
    }

    .blog .container b, .title-interna b {
        font-size: 5vw;
    }

    .blog .container .right h2, .title-interna h2 {
        font-size: 8vw;
    }

    .breadcrumbs {
        margin-top: calc(2vh + 50px);
        padding: 30px 0;
    }
    
    .blog .container .card .image {
        height: 180px;
    }

    .blog .container .card .infos h3 {
        font-size: 18px;
    }

    .blog .container .card .infos span {
        font-size: 12px;
    }

    .s-expertise {
        padding: 30px 0;
    }

    .s-expertise .container .wrapper {
        flex-flow: column;
        gap: 30px;
    }

    .s-expertise .container .wrapper .left {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        height: auto;
        padding: 30px 0;
        text-align: center;
        row-gap: 60px;
    }

    .s-expertise .container .wrapper .left .info {
        align-items: center;
        gap: 12px;
    }

    
    .s-expertise .container .wrapper .left .info p {
        font-size: 16px;
    }

    .s-expertise .container .wrapper .left .info .image {
        width: 100px;
        height: 100px;
    }

    .title h1 {
        font-size: 8vw;
    }

    .title b {
        font-size: 5vw;
    }


    .conteudo-faq .faq-direita .image {
        height: 265px;
    }

    .blog .container .right {
        max-width: 100%;
    }

    .main-tool-bar {
        padding: 2vh 0;
    }

    .s-contato .container .chamada h1 {
        font-size: 12vw;
        width: 100%;
    }

    .s-contato .container .chamada p {
        font-size: 12px;
    }

    .s-contato .container form {
        margin: 30px 0;
    }

    .s-cases_new .case .header .container .image-fundo {
        width: 100%;
        height: 100%;
        background: url(../imgs/mockup-mobile.svg);
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 23px 26px;
        position: relative;
        overflow: hidden;
        z-index: 2023;
    } 

    .s-cases_new .case .header .container .logo-cases {
        display: none;
    }

    .s-cases_new .case .header .container .image-fundo img {
        top: 0;
        bottom: inherit;
        z-index: 2022;
        border-radius: 63px;
        padding: 16px;
    } 

    .s-cases_new .case .header .container {
        padding-top: 40px;
    }

    .s-cases_new .case .infos .container {
        flex-flow: column;
        gap: 30px;
    }

    .s-cases_new .case .header .container .image-fundo img.desktop {
        display: none;
    }

    .s-cases_new .case .header .container .image-fundo img.mobile {
        display: block;
    }

    .s-noticia {
        padding-bottom: 30px;
    }

    .s-noticia .container {
        flex-flow: column;
    }

    .s-noticia .container .right, .s-noticia .container .left {
        max-width: 100%;
    }

    .s-noticia .container .right .title-blog h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .s-noticia .container .right .text p {
        font-size: 16px;
        line-height: 26px;
    }

    .s-noticia .container .right .capa-noticia .image{
        height: 240px;
    }

    .s-noticia .container .right p {
        font-size: 16px;
    }

    .s-noticia .container .right .capa-noticia {
        margin-bottom: 30px;
    }

    .s-noticia .container .left {
        margin-top: 30px;
    }

    .s-more-news {
        padding: 30px 0;
    }

    .s-more-news .container {
        max-width: 88vw;
    }

    .s-more-news .container .cards .card {
        flex-flow: column;
    }

    .s-more-news .container h3 {
        font-size: 18px;
        line-height: 30px;
    }

    .s-more-news .container .cards .card .thumb {
        max-width: 100%;
    }

    .s-more-news .container .cards .card .infos h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .s-desenvolvimento .container .infos .right .icon {
        left: 50%;
        margin-left: calc(-200px / 2);
        width: 200px;
        height: 200px;
    }

    .s-desenvolvimento .banner {
        height: 50vh;
    }

    .s-desenvolvimento .banner {
        background-attachment: inherit;
    }

    .s-desenvolvimento .banner.website {
        background-image: url(../imgs/banner-institucional_mobile.jpg);
    }

    .s-desenvolvimento .banner.e-commerce {
        background-image: url(../imgs/banner-e-commerce_mobile.jpg);
    }

    .s-desenvolvimento .container .infos {
        flex-flow: column;
    }

    .s-desenvolvimento .container.mot {
        margin-top: 30px;
    }

    .s-desenvolvimento .container .infos .left .intro p {
        font-size: 18px;
    }

    .s-desenvolvimento .container .infos .left .diferenciais {
        padding: 8px 0 8px 16px;
    }

    .s-desenvolvimento .container .infos .left .diferenciais ul li {
        font-size: 14px;
    }

    .s-desenvolvimento .container .infos .left .intro h2 {
        font-size: 32px;
    }

    .s-desenvolvimento .container .infos .left .intro h2 {
        margin: 0 0 16px;
    }

    .s-desenvolvimento .container .motivos-wrapper .right, .s-desenvolvimento .container .infos, .s-desenvolvimento .container .infos .left .intro {
        margin-bottom: 30px;
    }

    .s-desenvolvimento .container .motivos-wrapper .left ul {
        flex-flow: column;
        gap: 30px;
    }

    .s-desenvolvimento .container .motivos-wrapper .left ul li {
        text-align: center;
        height: auto;
        display: flex;
        align-items: center;
        gap: 24px;
        font-size: 16px;
        line-height: 24px;
        flex-flow: column;
        padding: 24px;
    }

    .s-desenvolvimento .container .infos {
        gap: 30px;
    }

    .s-desenvolvimento .container .motivos-wrapper .right, .s-desenvolvimento .container .motivos-wrapper .left {
        max-width: 100%;
    }

    .s-desenvolvimento .container .motivos-wrapper {
        flex-flow: column;
    }

    .s-desenvolvimento .container .motivos-wrapper .right h2 {
        font-size: 24px;
        max-width: 260px;
    }

    .s-desenvolvimento.e-commerce {
        margin-top: 30px;
    }

    .s-desenvolvimento {
        margin-bottom: 30px;
    }

    .s-institucional .container .wrapper {
        flex-flow: column;
        gap: 30px;
    }

    .s-institucional .container .wrapper .image {
        height: 380px;
    }

    .s-institucional .container .wrapper .text .title h2 {
        font-size: 32px;
        line-height: 48px;
    }

    .s-institucional .container .wrapper .text .title span, .s-institucional .container .wrapper .text p {
        font-size: 16px;
        line-height: 24px;
    }

    .title {
        margin-bottom: 24px;
    }

    .s-acoes .container .left .wrapper {
        grid-template-columns: 1fr 1fr;
        display: grid;
        grid-gap: 30px;
    }

    .s-acoes .container .left .wrapper .logo {
        width: 100%;
        height: 122px;
        overflow: hidden;
        background: white;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .s-acoes .container .left .wrapper .logo img {
        width: 122px;
        height: 100%;
        object-fit: cover;
    }

    .s-acoes .container, .s-acoes .container .left {
        max-width: 88vw;
    }

    .s-valores .container .wrapper {
        grid-template-columns: 1fr;
    }

    .s-institucional, .s-valores {
        padding: 30px 0;
    }

    .s-depoimentos .conteudo-depoimentos {
        flex-wrap: wrap;
        grid-row-gap: 0;
    }


}/**fim mobile**/