/* =========================================================
   Tablet
========================================================= */

@media (max-width:992px){

    .grid{

        gap: 0px 24px;

        padding:0px;

    }

    

}

/* =========================================================
   Mobile
========================================================= */

@media (max-width:768px){

    .contact-section{

        padding:0px;

    }

    .grid{

        grid-template-columns:1fr;

        gap:0px;

    }

    input,
    textarea,
    select{

        border:var(--border-mobile);

    }

    textarea{

        min-height:110px;

    }

    button{

        height:44px;

        width:100%;

    }

}