.custom-navbar {
  width: 100%;
  background: black !important;
  padding-bottom: 27px;
 
}

.navbar-nav .nav-link {
  color: #ffffff;
  font-weight: 300;
  margin: 10px 10px;
  font-size: 20px;
}

.navbar-nav .nav-link.active {
  color:white; 
}

.navbar-nav .nav-link:hover {
  color: #1e90ff; 
}

.dropdown-menu {
  background-color: #1a1a1a;
}
.dropdown-menu .dropdown-item {
  color: #ffffff;
}
.dropdown-menu .dropdown-item:hover {
  background-color: #1e90ff;
  color: #fff;
}

.get-in-touch-btn {
  background-color: #195BE9;
  color: #fff;
  padding: 8px 20px;
  border-radius: 50px;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.3s ease;
   transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.get-in-touch-btn:hover {
  background-color: #0077cc;
 /* same as get-in-touch-btn hover */
  transform: scale(1.08);    /* zoom effect */
  box-shadow: 0 8px 20px rgba(0, 59, 181, 0.4); /* glowing shadow */
  color: #fff;
}
/* end navbar style */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}





@media (max-width: 767px) {
  /* Mobile menu initial state (hidden off-screen) */
  .navbar-collapse {
    position: fixed;
    top: 0;
    right: -100%;  /* start hidden on right */
    width: 100%;    /* menu width (you can make 100% if full page) */
    height: 100vh;
    background: #000;  /* dark background */
    z-index: 9999;
    padding-top: 80px;
    text-align: center;
    transition: right 0.4s ease-in-out; /* smooth slide effect */
  }

  /* When menu is opened */
  .navbar-collapse.show {
    right: 0 !important; /* slide into view */
  }

  /* Nav links style */
  .navbar-nav .nav-link {
    font-size: 20px;
    padding: 15px 0;
    color: #fff !important;
    display: block;
  }

  .navbar-nav .nav-link.active {
    color: white !important;
    font-weight: bold;
  }

  /* Contact button inside overlay */
  .get-in-touch-btn {
    display: block;
    margin: 30px auto;
    padding: 12px 24px;
    background: #195BE9;
    color: #fff !important;
    border-radius: 50px;
    text-align: center;
    width: 70%;
  }

  /* Toggle button stays on top */
  .navbar-toggler {
    z-index: 10000;
  }
}


.footer {
  background: #111;
  color: #ccc;
  padding: 80px 0 30px !important;
  position: relative;
  overflow: hidden;
}

.footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(17, 17, 17, 0.95);
  z-index: 0;
}

/* Background logo wrapper */
.footer-logo-bg {
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.footer-logo-bg img {
  max-width: 780px;
  width: 100%;
  height: auto;
  object-fit: contain;
  pointer-events: auto;

  /* default state */
  filter: grayscale(100%) brightness(0.4); /* dark gray */
  opacity: 0.2;
  transition: transform 0.6s ease, opacity 0.6s ease, filter 0.6s ease;
}

.footer-logo-bg img:hover {
  transform: scale(1.05);                 
  filter: grayscale(20%) brightness(40%); /* white effect */
  opacity: 1;  
}




/* Keep footer content above background logo */
.footer > * {
  position: relative;
  z-index: 1;
}

.foot {
  padding-bottom: 200px !important;
}

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

.footer h5 {
  font-size: 1.1rem;
  color: #fff;
  

}

.footer-links li {
  margin-bottom: 8px;
}

.footer-links a {
  color: #bbb;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-links a:hover {
  color: #008bee;
}

.social-links a {
  display: inline-block;
  margin-right: 10px;
  font-size: 1.2rem;
  color: #bbb;
  transition: color 0.3s ease, transform 0.3s ease;
}

.social-links a:hover {
  color: #008bee;
  transform: translateY(-3px);
}





@media (max-width: 576px) {
  
  .footer .row.foot > .col-md-6:nth-child(2),
  .footer .row.foot > .col-md-6:nth-child(3) {
    width: 50%;         
    float: left;        
  }
}



/* 📱 Mobile view adjustments */
@media (max-width: 767px) {
  .footer-logo-bg {
    top: 83%; /* move up a little for small screens */
  }

  .footer-logo-bg img {
    max-width: 300px; /* shrink image size for mobile */
  }

  .footer-logo-bg img:hover {
    transform: scale(1.08); /* slightly stronger zoom on small screens */
    filter: grayscale(20%) brightness(40%);
    opacity: 1;
  }
}

.container{
  margin-top: 1.2%;
}