:root {
  --orange:#e35b0f;
  --blue:#0b5fa5;
  --dark-blue:#084b83;
  --light-blue:#eaf6fb;
  --card-blue:#eaf6fb;
  --card-border:#7fc4ff;
  --footer-brown:#4a1f0a;
  --footer-dark:#2d1206;
}
.top-header-logo {height: 80px;}
.brand-text {line-height: 1.2;}
.brand-title {font-size: 22px; font-family: 'Poppins', sans-serif;font-weight: 600;color: #084b83;}
.brand-subtitle {font-size: 16px;font-family: 'Poppins', sans-serif;font-weight: 600;color: #000;}
.main-nav {background: linear-gradient(90deg, #0b5fa5, #084a82);box-shadow: 0 4px 12px rgba(0,0,0,.15);}
.nav-logo {height: 50px;}
.navbar-toggler {border: 1px solid rgba(255,255,255,.4);}
.navbar-nav {align-items: center;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.navbar-nav .nav-link {color: #ffffff;font-size: 14px;padding: 6px 14px;transition: all .3s ease;}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {background: rgba(255,255,255,.12);border-radius: 4px;}
.cm-img {width: 80px;height: 90px;object-fit: cover;margin-left: 12px;}
.cm-name {font-size: 22px;font-weight: 700;color: #084b83;line-height: 1.2;}
.cm-designation {font-size: 16px;font-weight: 500;color: #555;}
.dropdown-menu {border-radius: 6px;border: none;box-shadow: 0 8px 20px rgba(0,0,0,.15);}
.dropdown-item {font-size: 14px;padding: 10px 16px;}
.dropdown-item:hover {background: #eaf6fb;}
.top-header {background: #eaf6fb;}
.master-wrapper-content {padding-top: 130px;}

/* Footer Start */
.gov-footer {background: radial-gradient(circle at left, #0b5fa5, #084b83);color: #f5f5f5;padding-top: 50px;font-size: 14px;}
.footer-emblem {height: 70px;}
.footer-title {margin: 10px 0 0;font-size: 24px;font-weight: 700;}
.footer-subtitle {margin: 0;font-size: 16px;opacity: 0.85;}
.footer-text {font-size: 13px;line-height: 1.6;margin-bottom: 10px;}
.footer-heading {font-size: 18px;margin-bottom: 18px;padding-bottom: 8px;border-bottom: 2px solid #eaf6fb;display: inline-block;}
.footer-list {list-style: none;padding: 0;margin: 0;}
.footer-list li {padding: 8px 0;border-bottom: 1px dashed rgba(255,255,255,0.2);}
.footer-list li a {color: #fff;text-decoration: none;}
.footer-list li a:hover {color: #b3e8ff;}
.footer-map iframe {width: 100%;height: 160px;border: 2px solid rgba(255,255,255,0.2);border-radius: 6px;}
.footer-social a {display: inline-block;margin-right: 10px;width: 36px;height: 36px;line-height: 36px;text-align: center;background: rgba(255,255,255,0.15);border-radius: 4px;color: #fff;font-size: 18px;}
.footer-social a:hover {background: #084b83;color: #000;}
.footer-scroll {max-height: 260px;overflow-y: auto;padding-right: 6px;scrollbar-width: thin;scrollbar-color: #b3e8ff rgba(255,255,255,0.1);}
.footer-scroll::-webkit-scrollbar {width: 6px;}
.footer-scroll::-webkit-scrollbar-track {background: rgba(255,255,255,0.1);border-radius: 4px;}
.footer-scroll::-webkit-scrollbar-thumb {background: #b3e8ff;border-radius: 4px;}
.footer-bottom {background: #3a3a3a;padding: 6px 0;font-size: 13px;margin-top: 40px;}
/* Footer End */



/* ================= HERO CAROUSEL ================= */
.hero-carousel .carousel-item img {width:100%;height:485px;object-fit:cover;}
.carousel-control-prev,
.carousel-control-next {width:45px;background:rgba(103, 199, 254, 0.35);z-index:5;}
.carousel-control-prev-icon,
.carousel-control-next-icon {filter:invert(1);}
.hero-right {background:#fff;padding:10px;}
.official-card {display: flex;gap: 20px;background: var(--card-blue);border: 1px solid var(--card-border);border-radius: 8px;padding: 5px;margin-bottom: 8px;align-items: flex-start;}
.official-card img {width:72px;height:72px;object-fit:cover;border:1px solid #9ccfff;border-radius:4px;}
.official-info h6 {font-size:15px;font-weight:700;color:var(--blue);margin:0;}
.official-info .role {font-size:13px;font-weight:700;margin:1px 0;}
.official-info p {font-size:12px;margin:0;line-height:1.4;}
.hero-section{margin-top: 140px;}

.info-card { background: #ffffff;border-radius: 10px;overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.15);display: flex;flex-direction: column;max-height: 485px;}
.info-card-header {background: #e35b0f;color: #ffffff;font-weight: 700;font-size: 15px;padding: 12px 16px;letter-spacing: 0.5px;  flex-shrink: 0;}
.info-card-body {padding: 16px;font-size: 14px;line-height: 1.7;color: #222;flex: 1;overflow-y: auto;}
.info-card-body::-webkit-scrollbar {width: 6px;}
.info-card-body::-webkit-scrollbar-track {background: #ffe7d9;}
.info-card-body::-webkit-scrollbar-thumb {background: #ffb68c;border-radius: 6px;}
#about {scroll-margin-top: 166px !important;}

/* PRICE LIST */
.price-list-section {background: #f4f7fb;}
.price-card {background: #fff;border-radius: 12px;box-shadow: 0 15px 40px rgba(0,0,0,0.08);padding: 20px;}
.price-table th {background: #0b5fa5;color: #fff;text-align: center;vertical-align: middle;position: sticky;top: 0;}
.price-table td {vertical-align: middle;font-size: 14px;}
.price-table tbody tr:hover {background: #f1f7ff;}
.price-table-scroll {max-height: 550px;overflow-y: auto;}

/* CONTACT SECTION */
.contact-section {background: #f4f7fb;}
.section-title {font-weight: 700;color: #e35b0f;}
.section-subtitle {color: #666;font-size: 14px;}
.contact-card-modern {background: #ffffff;border-radius: 14px;box-shadow: 0 20px 40px rgba(0,0,0,0.08);}
.contact-item {display: flex;align-items: flex-start;gap: 16px;margin-bottom: 22px;}
.contact-icon {width: 44px;height: 44px;border-radius: 50%;background: linear-gradient(135deg, #0b5fa5, #80ccf7);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 18px;flex-shrink: 0;}
.contact-text a {color: #333;text-decoration: none;font-size: 15px;}
.contact-text a:hover {color: #0b5fa5;text-decoration: underline;}
#contact {scroll-margin-top: 140px;}
#about {scroll-margin-top: 150px !important;}

/* ABOUT US */
.about-section {background: #f4f7fb; margin-top: 150px;}
.about-card {background: #ffffff;border-radius: 12px;box-shadow: 0 15px 40px rgba(0,0,0,0.08);}
.about-heading {font-weight: 700;color: #0b5fa5;margin-bottom: 8px;}
/* NOTIFICATION PAGE */
.notification-section {padding: 60px 0;background: #f4f7fb;}
.notification-card {background: #ffffff;border-radius: 12px;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);padding: 40px;}
.notification-title {text-align: center;font-weight: 700;color: #0b5fa5;margin-bottom: 30px;letter-spacing: 1px;}
.notification-list {padding: 0;margin: 0;}
.notification-list li {display: flex;align-items: flex-start;gap: 12px;padding: 12px 0;border-bottom: 1px solid #eee;font-size: 15px;}
.notification-list li:last-child {border-bottom: none;}
.notification-list i {color: #e35b0f;font-size: 16px;margin-top: 3px;}
.notification-list a {color: #0b5fa5;text-decoration: none;font-weight: 600;margin-left: 6px;}
.notification-list a:hover {text-decoration: underline;}


 /* ================= GALLERY SECTION ================= */
.gallery-section {background: #eaf6fb;}
.gallery-card {aspect-ratio: 1 / 1;overflow: hidden;border-radius: 16px;box-shadow: 0 10px 25px rgba(0,0,0,0.12);}
.gallery-card img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}
.gallery-card:hover img {transform: scale(1.08);}
.carousel-control-prev-icon,
.carousel-control-next-icon {background-color: #000;border-radius: 50%;padding: 15px;}

.gov-list {
  list-style: none;
  padding-left: 0;
}

.gov-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 5px;
  line-height: 1.7;
}

.gov-list li::before {
  content: "›";
  position: absolute;
  left: 0;
  color: #0b5fa5;
  font-weight: bold;
}
.operation_vessels-scroll {max-height: 550px;overflow-y: auto;}

    /* ===== GALLERY SECTION ===== */
    .gallery-section {
      padding: 60px 0;
    }

    .gallery-title {
      font-size: 28px;
      font-weight: 700;
      margin-bottom: 10px;
    }

    .gallery-subtitle {
      font-size: 14px;
      color: #666;
      margin-bottom: 40px;
    }

    /* ===== GALLERY ITEM ===== */
    .gallery-item {
      overflow: hidden;
      border-radius: 8px;
      box-shadow: 0 6px 18px rgba(0,0,0,0.15);
      cursor: pointer;
    }

    .gallery-item img {
      width: 100%;
      height: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      transition: transform 0.4s ease;
    }

    .gallery-item:hover img {
      transform: scale(1.06);
    }

    /* ===== MODAL ===== */
    .modal-img {
      width: 100%;
      border-radius: 6px;
    }

/* Responsive Styles Start */

@media (max-width: 991px) {
.cm-img {width: 60px;height: 80px;}
}

@media (max-width: 768px) {
.cm-info {display: none !important;}
.nav-logo {height: 36px;}
.master-wrapper-content {padding-top: 115px;}
.footer-heading {font-size: 16px;}
.footer-map iframe {height: 200px;}
.hero-section {margin-top: 136px;}
.notification-card {padding: 25px;}
      .gallery-title {
        font-size: 28px;
      }
      .gallery-subtitle {
        font-size: 14px;
      }
}

@media (max-width: 767px) {
.cm-img {width: 55px;height: 75px;}
.footer-left {display: flex;flex-direction: column;}
.footer-brand-col {order: 1;}
.footer-implinks-col {order: 2;}
.footer-otherlinks-col {order: 3;}
.footer-address-col {order: 4;}
.footer-social-col {order: 5;text-align: center;margin-top: 15px;}
.footer-social a {margin-right: 0;}
.footer-social {display: flex;justify-content: center;align-items: center;gap: 12px;text-align: center;}
.hero-carousel .carousel-item img {width:100%;height:auto;object-fit:cover;}
.info-card {max-height: 300px;margin-bottom: 10px;}

}

@media (max-width: 576px) {
.dept-title {font-size: 16px;}
.dept-subtitle {font-size: 13px;}
.hero-section {margin-top: 136px;}
}

/* Responsive Styles End */