@media only screen and (max-width: 600px) {
    #header {
        
    }
    
     .logo {
        width: 125px; 
    }
    
    
    
 .header-text {
        flex-direction: column-reverse; 
    }

    .text-container {
        order: 0; 
    }

    .image-container {
        margin-left: 0;
        padding:20px;
        margin: 0px; 
    }

    .header-text{

        
        font-size: 15px;
    
    }
    
    .header-text h1{
    
        font-size: 26px;
        margin-top: -5px;
    }

    nav .fa-solid {
        display: block;
        font-size: 25px;
      }

      nav ul{
        background: linear-gradient(144deg, #FFE879, #FFE5A4);
        position: fixed;
        top: 0;
        right: -220px;
        width: 220px;
        height: 100vh;
        padding-top: 50px;
        border-radius: 23px 0px 0px 0px;
        z-index: 2;
        margin-top:2px;
        transition: right 0.6s;
        color: #232837;
      }
      
      .hirebutton {
          background: linear-gradient(144deg, #232837, #232837);
          box-shadow: #353d52 0 10px 8px -5px;
          margin-top:10px;
          color:#FFE879;
      }
      
       nav ul li a{
    color: #232837;
}


nav ul li a::after{

    content: '';
    width: 0;
    height: 5px;
    background: #232837;
    position: absolute;
    left: 0;
    border-radius: 20px;
    bottom: -6px;
    transition: 0.5s;
}


      
      nav {
          margin-bottom:35px;
          margin-top:0px;
      }
      
      #Services{

    padding: 0px 0px;

 }

      nav ul li {
        display: block;
        margin: 25px;
      }

      nav ul .fa-solid {
        position: absolute;
        top: 25px;
        left: 25px;
        cursor: pointer;
      }

      .subti{

        font-size:30px;
        
     }

     .row {
        display: block;
    }
    
    .sub-title{
        font-size:35px;
    }
    
    .about-col-1, .about-col-2{
        
        flex-basis:100%;
    }
    .about-col-1{
        margin-bottom:30px;
    }

.about-col-2{
    font-size:14px;
}

.tab-links{
    font-size:16px;
    margin-right:20px;
}

.testimonial-box{
    width:100%;
    padding: 12px;
    margin: 10px 0px;
    
}

.name-user strong{
    color: #bfbfbf;
    font-size: 14px;
    letter-spacing: 0.2px;
}

.name-user span{
    
    font-size: 13px;
}

.reviews i{
    font-size:14px;
}

.client-comment p{
    font-size: 13px;
    
}

}