/*=========================================
=            TABLETS                      =
=========================================*/

@media (max-width:1200px){

    .container{

        width:min(100% - 40px,1200px);

    }

}

/*=========================================
=              TABLET                     =
=========================================*/

@media (max-width:992px){

    section{

        padding:90px 0;

    }

    h1{

        font-size:3rem;

    }

    h2{

        font-size:2.3rem;

    }

    .hero{

        min-height:auto;

        padding:170px 0 100px;

    }

    .hero-content,
    .hero-image{

        width:100%;

    }

    .hero-grid,
    .environment-card,
    .final-cta-wrapper,
    .footer-grid{

        grid-template-columns:1fr;

    }

    .footer-contact{

        grid-template-columns:1fr;

    }

    .models-grid,
    .segments-grid,
    .advantages-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .projects-grid{

        grid-template-columns:1fr;

    }

    .process-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

/*=========================================
=               MOBILE                    =
=========================================*/

@media (max-width:768px){

    section{

        padding:70px 0;

    }

    h1{

        font-size:2.3rem;

    }

    h2{

        font-size:1.9rem;

    }

    p{

        font-size:1rem;

    }

    .section-title{

        margin-bottom:45px;

    }

    .hero{

        padding-top:140px;

    }

    .hero-buttons{

        flex-direction:column;

    }

    .hero-buttons a{

        width:100%;

    }

    .hero-trust{

        grid-template-columns:repeat(2,1fr);

    }

    .models-grid,
    .segments-grid,
    .advantages-grid,
    .projects-grid,
    .process-grid{

        grid-template-columns:1fr;

    }

    .environment-content{

        padding:35px;

    }

    .final-cta-buttons{

        flex-direction:column;

    }

    .final-cta-buttons a{

        width:100%;

    }

    .client-item{

        width:170px;

        height:90px;

    }

    .footer-grid{

        gap:45px;

    }

    .footer-bottom{

        text-align:center;

        flex-direction:column;

    }

    .footer-bottom nav{

        flex-direction:column;

        gap:15px;

    }

}

/*=========================================
=           SMALL DEVICES                 =
=========================================*/

@media (max-width:480px){

    .container{

        width:calc(100% - 30px);

    }

    h1{

        font-size:2rem;

    }

    h2{

        font-size:1.7rem;

    }

    .section-tag{

        font-size:.8rem;

    }

    .model-content,
    .project-content,
    .advantage-card,
    .process-item{

        padding:25px;

    }

    .faq-question{

        padding:22px;

        font-size:1rem;

    }

    .faq-answer p{

        padding:0 22px 25px;

    }

}