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

/* home section */
#home{
height: 370px;
padding:2px 28px;
}
#home::before{
height: 480px;
}
#home p{
    font-size: 0.8rem;
}
.btn{
    font-size: 0.8rem;
    padding: 4px 8px;
}
 /* services section */
 #services{
     
      flex-direction: column;

 }
 #services .box{
padding: 14px;
margin: 2px 0px;
margin-bottom:20px ;
 }

 /* client section */
 #clients{
flex-wrap: wrap;

 }
 .client-item{
    padding: 0px;
 }
 #clients img{
     width: 66px;
    padding: 6px;
    height: auto;
 }

 /* contact section */
 #contact::before{
    /* height: 67%; */
 }
 #contact-box form{
    width: 80%;

 }

 /* footer  */
 footer{

 }

 /* utility classes */
 .h-primary{
    font-size: 1.8rem;
 }