.hero-banner {
     background: url('Assets/13.jpg') center center/cover no-repeat;
     height: 40vh;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     color: white;
     position: relative;
 }

 .hero-banner h1 {
     font-size: 4rem;
     font-weight: 700;
     text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
 }

 @media (max-width: 768px) {
     .hero-banner {
         height: 20vh;
     }

     .hero-banner h1 {
         font-size: 2.5rem;
     }
 }








 .tab-container {
     position: relative;
     overflow: hidden;
 }

 .tab-scroll {
     display: flex;
     overflow-x: auto;
     scroll-behavior: smooth;
     gap: 8px;
     padding: 8px 50px 8px 8px;
     /* right padding for buttons */
 }

 .tab-scroll::-webkit-scrollbar {
     display: none;
 }

 .nav-tabs {
     border: none;
     flex-wrap: nowrap;
 }

 .nav-tabs .nav-link {
     border: none;
     background-color: #e9ecef;
     color: #000;
     border-radius: 20px;
     padding: 8px 16px;
     white-space: nowrap;
     font-weight: 500;
 }

 .nav-tabs .nav-link.active {
     background-color: #198754;
     color: #fff !important;
 }

 .scroll-buttons {
     position: absolute;
     top: 50%;
     right: 8px;
     transform: translateY(-50%);
     display: flex;
     gap: 6px;
     z-index: 1;
 }

 .scroll-btn {
     border: none;
     border-radius: 50%;
     width: 32px;
     height: 32px;
     background-color: #dee2e6;
     font-size: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
 }





 .contact-container {
     max-width: 1200px;
     margin: 50px auto;
     background: #fff;
     padding: 40px;
     border-radius: 16px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }

 .contact-title {
     font-size: 2.5rem;
     font-weight: bold;
     text-align: center;
 }

 .contact-subtitle {
     text-align: center;
     color: #555;
     margin-bottom: 30px;
 }

 .form-control {
     border: none;
     border-bottom: 1px solid #ccc;
     border-radius: 0;
     margin-bottom: 20px;
 }

 .form-control:focus {
     box-shadow: none;
     border-color: #198754;
 }

 .submit-btn {
     background-color: #198754;
     color: white;
     border: none;
     padding: 12px;
     width: 100%;
     border-radius: 8px;
     font-weight: 600;
     transition: background-color 0.3s ease;
 }

 .submit-btn:hover {
     background-color: #146c43;
 }

 iframe {
     width: 100%;
     height: 400px;
     border: none;
     border-radius: 12px;
 }

 @media (max-width: 768px) {
     iframe {
         height: 300px;
     }
 }

 @media (max-width: 576px) {
     .contact-title {
         font-size: 1.8rem;
     }

     iframe {
         height: 250px;
     }
 }


 .map-wrapper {
  border-radius: 12px;
  overflow: hidden;
  height: 100%;
}

.map-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 12px;
}