@import url('https://fonts.googleapis.com/css2?family=Baloo+Tamma+2&family=Bree+Serif&display=swap');

/* ===============Navigation=============== */
#navbar{
    flex-direction: column;
}
#navbar ul li a{
    font-size: 1rem;
    padding: 0px 7px;
    padding-bottom: 8px;
}

/* =============Home Section============= */
#home{
    height: 400px;
    padding: 3px 28px;
}
#home::before{
    height: 480px;
}
#home p{
    font-size: 15px;
    font-family: 'Bree Serif', serif;
}

/* ============Service Section============ */
#services{
    flex-direction: column;
}
#services .box{
    padding: 14px;
    margin: 2px 0px;
    margin-bottom: 20px;
}

/* =================Clients Section================= */
#clients{
     flex-wrap: wrap;
}
#clients img{
    /* flex-wrap: wrap; */
     width: 128px;
     /* width: auto; */
     padding: 5px 10px;
     /* height: 115px; */
     height: auto;
}
#client-section::before{
    height: 100%;
}
/* =========Contact us section========= */
#contact-box form{
    width:80%;
}

/* ==============footer============== */

/* ==============Utility Classes============== */
.h-prime{
    font-size: 30px;
}
.btn{
    font-size: 13px;
    padding: 4px 8px;
    font-family: 'Bree Serif', serif;
}