/* Mobile small */


* {
    box-sizing: border-box;

}







/* Large desktop */
@media (max-width: 1400px) {}







/* Laptop / small desktop */
@media (max-width: 1100px) {


    /* navbar */






}








/* Tablet */
@media (max-width: 768px) {


    .headerBanner {
        padding-block: 0rem;
    }

    .headerSocials {

        flex-direction: column;
    }

    .socialIcons {
        gap: 0.1rem;
    }




    /* navbar */

    .navBar {
        padding-block: 0rem;
    }

    .navBarContainer {

        width: 90%;
    }

    .navLogo {
        width: 230px;
    }

    .navLinks,
    .navSearchIcon,
    .navContactBtn {
        display: none;
    }

    .navHamburger {
        display: block;
        font-size: 1.3rem;
    }





    .heroContainer {

        height: 60dvh;
        justify-content: center;

    }

    .heroContainer {
        gap: 4.5rem;
    }

    .heroMainContent>p {
        font-size: 1rem;
        width: 90%;


    }

    .navigationBtn {
        padding: 0.5rem;
    }




    /* aboutsus */

    .aboutUsContainer {
        flex-direction: column;

    }

    .aboutUsInfoContainer {

        /* height: 600px; */

        padding: 1.5rem 0rem;


        width: 90%;
    }

    .consultantFormContainer {
        height: 750px;
        display: flex;
        flex-direction: column;

        transform: translateY(0px);


        width: 90%;

    }

    .serviceCard {
        /* 
    width: 100%;
    max-width: 310px; */
        width: 330px;
        border: 1px solid rgb(226, 218, 218);
        border-radius: 5px;
        /* max-height: 450px; */
    }


}









/* Mobile / large phone */
@media (max-width: 546px) {


    .headerBanner {
        padding-block: 0rem;
    }

    .headerContact span {
        gap: 0.2rem;
        font-size: 0.7rem;


    }


    /* hero/ */


    .heroContainer {

        height: 50dvh;
        justify-content: center;

    }

    .heroMainContent {

        text-align: center;
        flex-wrap: wrap;

        padding: 1.5rem 0.2rem;
        width: 95%;

    }

    .heroRightBtn,
    .heroLeftBtn {

        display: none;
    }






    .serviceHeader {
        flex-direction: column;
        /* padding: 1.5rem 0.8rem; */
        gap: 1.2rem;
        align-items: flex-start;

    }

    .serviceHeading {
        width: 90%;
        font-size: 0.5rem;
        align-items: flex-start;
        line-height: 2.2rem;


    }

    .serviceHeading>h2 {

        font-size: 2.4rem;



    }

    .serviceHeading>h3 {
        font-size: 1.1rem;
        padding-left: 0.2rem;
        color: #f55b14;
        font-width: bold;

    }

    .serviceHeader p {
        width: 90%;
        color: #3f3f41;
        font-size: clamp(0.75rem, 2vw, 1.1rem);

    }

}








/* smallphone */

@media (max-width: 480px) {

    .headerBanner {
        display: none;
    }


    /* navbar */
    .navBar {
        padding-block: 0.2rem;
    }

    .navLogo {
        width: 210px;

    }



    /* .aboutUsContainer */

    .aboutUsInfoContainer {



        padding: 1.5rem 0rem;


        width: 90%;
    }




}