body {
   font-family: 'Segoe UI', sans-serif;
   scroll-behavior: smooth;
 }

 .navbar {
   background: #fff;
   margin-left: 50px;
   margin-right: 50px;
 }
/* 
     .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 20px ! IMPORTANT;
        padding-left: 20px ! IMPORTANT;
    } */


 .navbar-brand {
   font-size: 1.5rem;
   /* Adjust font size as needed */
   font-weight: bold;
 }
.navbar {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Bottom-only light shadow */
}

 /* .navbar li {
   padding-left: 20px;
 } */

 .sticky-top {
   background: #fff !important;
 }

 .navbar-nav .nav-item {
   margin: 0 15px;
   /* Adds horizontal gap between menu items */
 }

 .logo-img {
   height: 50px;
   width: auto;
   object-fit: contain;
 }

 @media (max-width: 768px) {
   .logo-img {
     height: 40px;
     /* smaller size for mobile */
   }
 }


  /* Space between menu items */
  .navbar-nav .nav-item {
    margin-right: 20px;
  }
  .navbar-nav .nav-item:last-child {
    margin-right: 0;
  }

  /* Email with icon */
  .navbar-email {
    display: flex;
    align-items: center;
    font-weight: 500;
  }
  .navbar-email i {
    margin-right: 8px;
  }
  @media (max-width: 768px) {
    .navbar-email {
      display: none;
    }
  }
 .navbar.sticky-bg {
   background-color: white !important;
   transition: background-color 0.3s ease;
 }

 .navbar.sticky-bg .nav-link {
   color: #000 !important;
   /* Change menu link color to dark */
 }

 .navbar.sticky-bg .navbar-brand {
   color: #000 !important;
   /* Change logo color if it's text */
 }

 
/* .mt-3 {
    padding: 12px 34px !important;
    margin-top: 1rem !important;
} */
 /* Heading style */
 
  #contact h2 {
    font-weight: bold;
    color: #333;
  }

  #contact .form-control:focus {
       padding: 12px 25px;
    font-size: 16px;
    background: linear-gradient(135deg, #25579c, #00a3d3);
    color: #fff;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  }

  #contact button.btn-warning {
    font-weight: bold;
    transition: 0.3s;
  }

  #contact button.btn-warning:hover {
       padding: 12px 25px;
    font-size: 16px;
    background: linear-gradient(135deg, #25579c, #00a3d3);
    color: #fff;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  }
.service-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: #fff;
}
.choose-box {
  transition: all 0.3s ease;
  background-color: #ffffff;
}

.choose-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}


.service-card .icon {
  background: #f5f5f5;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  margin: 0 auto;
}

.service-card h5 {
  margin-top: 15px;
}

 .service-card {
   transition: transform 0.3s, box-shadow 0.3s;
 }

 .service-card:hover {
   transform: translateY(-10px);
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
 }

 footer {
   background: #222;
   color: #ccc;
   padding: 30px 0;
   text-align: center;
 }
 /* Popup styles */
    #popup-form {
      display: none;
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0, 0, 0, 0.5);
      justify-content: center;
      align-items: center;
      z-index: 9999;
      display: flex; /* Use flex for centering */
      flex-direction: column;
    }

    .popup-box {
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      max-width: 400px;
      width: 90%;
      position: relative;
    }

    .close-btn {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 24px;
      font-weight: bold;
      cursor: pointer;
      user-select: none;
    }

    
    /* Popup styles */
    #popup-form {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.5);
      justify-content: center;
      align-items: center;
      z-index: 9999;
      display: flex;
      /* Use flex for centering */
      flex-direction: column;
    }

    .popup-box {
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      max-width: 400px;
      width: 90%;
      position: relative;
    }

    .close-btn {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 24px;
      font-weight: bold;
      cursor: pointer;
      user-select: none;
    }

  

    .form-control {
      display: block;
      margin-bottom: 15px;
    }