/* ==================================================
   RESPONSIVE
================================================== */

@media(max-width:992px){

    .hero__container{

        grid-template-columns:1fr;

        text-align:center;

    }

    .hero__description{

        margin:auto;

    }

    .hero__actions{

        justify-content:center;

    }

    .nav{

        display:none;

    }
/* ==================================================
   SPRINT 02
================================================== */

@media(max-width:992px){

    .cards-grid{

        grid-template-columns:1fr 1fr;

    }

    .section__title{

        font-size:3rem;

    }

}

@media(max-width:768px){

    .cards-grid{

        grid-template-columns:1fr;

    }

    .feature-cards{

        margin-top:3rem;

    }

    .section{

        padding:5rem 0;

    }

    .section__title{

        font-size:2.5rem;

    }

    .philosophy{

        border-radius:2rem 2rem 0 0;

    }

}

}
/* ==================================================
   ABOUT
================================================== */

@media(max-width:992px){

    .about__container{

        grid-template-columns:1fr;

        text-align:center;

    }

    .about__experience{

        order:-2;

    }

    .about__image{

        order:-1;

        max-width:420px;

        margin:auto;

    }

    .about__highlights{

        grid-template-columns:1fr;

    }

}
/* ==================================================
   PREVENTIVE
================================================== */

@media(max-width:992px){

    .preventive__container{

        grid-template-columns:1fr;

        text-align:center;

    }

    .preventive__illustration{

        order:-1;

        max-width:380px;

        margin:auto;

    }

    .preventive__quote{

        border-left:none;

        border-top:4px solid var(--gold);

        padding-top:2rem;

        padding-left:0;

    }

}
/* ==================================================
   SERVICES
================================================== */

@media(max-width:992px){

    .services__grid{

        grid-template-columns:1fr;

    }

}
/* ==================================================
   BUSINESS
================================================== */

@media(max-width:992px){

    .business__grid{

        grid-template-columns:1fr;

    }

    .business__quote{

        padding:2.5rem;

    }

    .business__quote h3{

        font-size:2rem;

    }

}
/* ==================================================
   PROCESS
================================================== */

@media(max-width:992px){

    .process__grid{

        grid-template-columns:1fr;

    }

}
/* ==================================================
   CTA
================================================== */

@media(max-width:768px){

    .cta__buttons{

        flex-direction:column;

    }

}
/* ==================================================
   FOOTER
================================================== */

@media(max-width:768px){

    .footer__container{

        grid-template-columns:1fr;

        gap:2.5rem;

    }

    .footer__bottom .container{

        flex-direction:column;

        align-items:flex-start;

    }

}