@media screen and (max-width: 768px) {
    .navbarphone{
        width: 100%;
border-radius: 5px;
background-color: rgba(66, 66, 66, 0.3);

margin: 0 auto;


    }
    .nav-links, .icons {
      display: none;
    }
    .hamburger {
      display: block;
      font-size: 30px;
      cursor: pointer;
      color: #fff;
    }
    .footer-container {
        display: flex;
        grid-template-columns: 1fr; 
        flex-direction: column;
        text-align: center;
        align-items: center;
        gap: 15px;
    }
    
    .footer-section {
        width: 100%;
        max-width: 90%;
        padding: 10px 0;
    }

    .icon-footer {
        justify-content: center;
        gap: 10px;
    }

    .icon-footer a {
        font-size: 20px;
    }
    
.facebook{
    display: inline-flex;
     justify-content: center; 
    align-items: center;
     background-color:#fff  ; 
    padding: 10px;
     border-radius: 8px;
     width: 30px;
     height: 30px;

}
.whatsapp{
   display: inline-flex;
    justify-content: center; 
    align-items: center;
     background-color: #25D366 ; 
     padding: 10px; 
     border-radius: 8px;
    width: 30px;
    height: 30px;
}
.twitter{
    display: inline-flex;
     justify-content: center; 
     align-items: center;
      background-color: #1DA1F2 ; 
      padding: 10px; 
      border-radius: 8px;
     width: 30px;
     height: 30px;
 }
 .instagram{
    display: inline-flex;
     justify-content: center; 
     align-items: center;
      background-color: #E4405F ; 
      padding: 10px; 
      border-radius: 8px;
     width: 30px;
     height: 30px;
 }
 .icon-footer i{
    color: #fff; 
    font-size: 25px;
}
.facebook .fa-facebook{
    color:#1877F2 ;
    font-size: 25px;
}
.whatsapp .fa-whatsapp{
    color:#ffffff ;
    font-size: 25px;
}
.twitter .fa-twitter{
    color:#ffffff ;
    font-size: 25px;
}
.instagram .fa-instagram{
    color:#ffffff ;
    font-size: 25px;
}


    .fixed-footer {
        display: flex;
        position: fixed;
        bottom: 0;
        width: 100%;
        background: linear-gradient(to bottom, #1d3e6e, #121212);
        color: white;
        text-align: center;
        padding: 10px 0;
        justify-content: space-around;
        z-index: 9999;
    }
    
    .fixed-footer a {
        color: white;
        text-decoration: none;
        padding: 10px;
        font-size: 16px;
    }
    .fixed-footer a {
        font-size: 18px;
        padding: 8px;
    }

    .call-btn, .whatsapp-btn {
       display: flex; 
       align-items: center; 
       justify-content: center; 
       gap: 5px;
       text-align: center;
       width: 100%; 
       }
       .call-btn {  
           background: #254ed3;
           color: white;
           padding: 5px 5px;
           border-radius: 30px;
           text-decoration: none;
           margin-top: 3px;
           
       }
       .whatsapp-btn {   
           background: #25D366;
           color: white;
           padding: 10px 10px;
           border-radius: 30px;
           text-decoration: none;
           margin-top: 10px;
       }


  }


@media screen and (max-width: 480px) {
    body {
        padding-bottom: 35px;
        overflow-y: auto; 
    }
    .hero h1 {
        font-size: 28px;
    }
    .hero p {
        font-size: 16px;
        width: 90%;
        margin: 20px auto;
    }
    .primary-btn, .secondary-btn {
        font-size: 14px;
        padding: 8px 15px;
    }
    .fixed-footer {
        display: flex;
        flex-direction: row; 
        justify-content: center; 
        gap: 10px; 
        padding: 5px;
    }
    .logo img {
        width: 65px;
        /* filter: invert(1); */
        /* margin-top: -10px; */
    }
    .logo {
       
    
        margin-right: 0px;
    }
    .call-btn, .whatsapp-btn {
     display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 5px;
    text-align: center;
    width: 100%; 
    }
    .call-btn {  
        background: #254ed3;
        color: white;
        padding: 5px 5px;
        border-radius: 30px;
        text-decoration: none;
        margin-top: 3px;
        
    }
    .whatsapp-btn {   
        background: #25D366;
        color: white;
        padding: 10px 10px;
        border-radius: 30px;
        text-decoration: none;
      
        margin-top: 10px;
    }

    .footer-section h2 {
        font-size: 20px;
    }

    .footer-section p,
    .footer-section ul li a {
        font-size: 14px;
    }

    .icon-footer a {
        font-size: 18px;
    }
    
.whatsapp{
   display: inline-flex;
    justify-content: center; 
    align-items: center;
     background-color: #25D366 ; 
     padding: 10px; 
     border-radius: 8px;
    width: 30px;
    height: 30px;
}

 .icon-footer i{
    color:white;
    font-size: 25px;
}

.whatsapp .fa-whatsapp{
    color:#ffffff ;
    font-size: 25px;
    
}
  


    .fixed-footer a {
        width: 50%;
        margin: 3px ;
    }

}



@media (max-width: 320px) {
    .footer-container {
        gap: 10px;
    }

    .footer-section h2 {
        font-size: 18px;
    }

    .icon-footer a {
        font-size: 16px;
    }
    
.facebook{
    display: inline-flex;
     justify-content: center; 
    align-items: center;
     background-color:#fff  ; 
    padding: 10px;
     border-radius: 8px;
     width: 30px;
     height: 30px;

}
.whatsapp{
   display: inline-flex;
    justify-content: center; 
    align-items: center;
     background-color: #25D366 ; 
     padding: 10px; 
     border-radius: 8px;
    width: 30px;
    height: 30px;
}
.twitter{
    display: inline-flex;
     justify-content: center; 
     align-items: center;
      background-color: #1DA1F2 ; 
      padding: 10px; 
      border-radius: 8px;
     width: 30px;
     height: 30px;
 }
 .instagram{
    display: inline-flex;
     justify-content: center; 
     align-items: center;
      background-color: #E4405F ; 
      padding: 10px; 
      border-radius: 8px;
     width: 30px;
     height: 30px;
 }
 .icon-footer i{
    color: #fff; 
    font-size: 25px;
}
.facebook .fa-facebook{
    color:#1877F2 ;
    font-size: 25px;
}
.whatsapp .fa-whatsapp{
    color:#ffffff ;
    font-size: 25px;
    
}
.twitter .fa-twitter{
    color:#ffffff ;
    font-size: 25px;
}
.instagram .fa-instagram{
    color:#ffffff ;
    font-size: 25px;
}

.footer-bottom {
    margin-top: 5px;
    border-top: 1px solid #444;
    padding-top: 5px;
    font-size: 14px;
}



}