@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&family=Marhey:wght@300;400;500;600&display=swap');
body{
  font-family: 'Cairo', 'Arial Narrow', Arial, sans-serif;
}
.navbar-light .navbar-toggler-icon {
    /* Set desired color for the hamburger icon using valid SVG data URL */
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"%3e%3cpath stroke="%23FFCC29" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"/%3e%3c/svg%3e');
  }
  
.navbar-toggler{
    border: 0;
}
  .navbar-toggler:focus{
    box-shadow: none;
    border: none;
  }
  .navbar-toggler:hover{
    transform: rotate(90deg);
    transition: all 0.5s ease-in-out;
  }


.navbar-brand img{
  width: 8vw;
}
  .about{
    font-size: 3rem;
    color: #D9D9D9;
    width: fit-content;
    border-bottom: solid 2px #FFCC29;
  }

  .sriveces{
    color: white;
    background-color: #292930;
  }

  .card-img-top{
    max-height: 15rem;
  }

  .contactUs{
    padding: 2vw;
    width: fit-content;
    border-radius: 10px;
    color: white;
    background-color: rgb(58, 58, 66);
    border: solid #FFCC29 2px;
  }

  .footer{
    color: white;
    background-color: #FFCC29;
  }
  .footer{
    color: white;
    background-color: #FFCC29;
  }

  .phone{
    position: fixed;
    width:50px;
    height:70px;
    bottom: 10px;
    right: 40px;
    border-radius: 7px;
    box-shadow: 2px 2px 1px #999;
  }
  .phone-text{
    position: fixed;
    width:50px;
    height:70px;
    bottom: 15px;
    right: 40px;
    border-radius: 7px;
    box-shadow: 2px 2px 1px #999;
  }
  @media (max-width: 991.5px){
    .navbar-nav{
      position: absolute;
      z-index: 4;
      width: 90vw;
        padding: 20px;
        border-radius: 20px;
        background-color: #FFCC29;
      }
  }

 

  @media (max-width: 500px){
    .navbar-brand img{
      width: 16vw;
    }
     
  
   
  }