/*///////////////////////////////////////navbar//////////////////////////  */
  
  #lezgoNavbar {
         background-color: rgba(0, 0, 0, 0.6);
  transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
} 

 #lezgoNavbar.scrolled {
   background-color: rgb(0, 0, 0);
   backdrop-filter: blur(10px);
 }

 /* Link Hover  */
 .nav-link:hover {
   color: #ff7a00 !important;
 }


 /* Buttons */
 .contact-btn {
   background-color: #FF8210;
 }
/* ////////////////////////////////////contact form/////////////////////////// */
 body {
   font-family: 'Segoe UI', sans-serif;
   background-color: #000;
   color: #fff;
 }



 .btn-orange {
   background-color: #ff7a00;
   color: #fff;
   border: none;
   padding: 8px 16px;
   border-radius: 8px;
 }

 .btn-orange:hover {
   background-color: #e06700;
 }

 .hero {
   padding: 80px 20px 40px;
   text-align: center;
   margin-top: 30px;
 }

 .hero h2 {
   font-size: 2.5rem;
   font-weight: 700;
 }

 .hero p {
   font-size: 1.1rem;
   color: #ccc;
 }

 .bg-orange {
   background-color: #ff7b00;
 }

 .text-orange {
   color: #ff7a00;
 }

 .custom-input {
   border: none;
   border-bottom: 2px solid white;
   background-color: transparent;
   color: white;
   border-radius: 0;
   padding: 10px;
 }

 .custom-input::placeholder {
   color: #fff;
   opacity: 0.7;
 }

 .custom-input:focus {
   box-shadow: none;
   border-color: #fff;
   background-color: transparent;
 }

 /*//////////////////////////////////////////////////////////// Section backgrounds/////////////////////////////// */
 .hero {
  background-color: #000;
  color: #fff;
}

.contact-section {
  background-color: #fff;
  color: #000;
  padding: 60px 0;
 
}

.contact-section .custom-input {
  border-color: #000;
  color: #000;
}

.contact-section .custom-input::placeholder {
  color: #000;
  opacity: 0.6;

}

.contact-section .custom-input:focus {
  border-color: #000;
  
} 

/* ///////////////////////////////////////////////////////////////////////footer/////////////////////////////////////////////// */
 /* .footer-icons a {
   color: #fff;
   margin-right: 10px;
   font-size: 1.2rem;
 } */

 /* Footer underline */
/* .footer-line {
  height: 3px;
  background-color: #000; 
  border: none;
} */

/* Footer icons spacing and hover effect */
/* .footer-icons a {
  color: #000; 
  margin: 0 10px;
  font-size: 1.4rem;
  transition: color 0.3s ease;
}

.footer-icons a:hover {
  color: #ff7a00;
} */

 .footer-section {
            background-color: #000;
            color: #fff;
        }

        .footer-logo {
            max-width: 160px;
        }

        .logo-text {
            color: #5f1d0d;
            font-family: 'Orbitron', sans-serif;
            font-weight: bold;
            font-size: 14px;
        }

        .contact-info p {
            margin: 0;
            font-size: 14px;
        }

        .social-icons {
            display: flex;
            justify-content: flex-end;
        }

        .social-icons a i {
            transition: color 0.3s ease;
        }

        .social-icons a:hover i {
            color: #ff8210 !important;
        }

        @media (max-width: 764px) {
            .social-icons {
                justify-content: center;
            }
        }