body {
      font-family: Arial, sans-serif;
      background-color: #fff8f0;
      scroll-behavior: smooth;
    }

    /* Banner */
    .banner img {
      width: 100%;
      height: auto;
      max-height: 600px;
      object-fit: cover;
      border-bottom: 5px solid #FFD700;
    }
        /* Navbar */
    .navbar {
      background: linear-gradient(90deg, #b30000, #ff6600);
      padding: 10px 15px;
    }

    .navbar .nav-link {
      color: #fff !important;
      font-weight: bold;
      text-transform: uppercase;
      margin: 0 8px;
    }

    .navbar-brand {
      color: #FFD700 !important;
      font-weight: bold;
    }

    @media screen and (max-width: 767px) {
      .navbar-brand img {
        width: 260px;
      }

    }

    .navbar-toggler {
      border: none;
    }

    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    /* Sections */
    section {
      padding: 80px 20px;
    }

    section h2 {
      color: #b30000;
      margin-bottom: 20px;
      border-left: 5px solid #FFD700;
      padding-left: 10px;
    }

    section p {
      font-size: 18px;
      line-height: 1.6;
    }

    /* Leader Section */
    #leader {
      background: linear-gradient(135deg, #fff5e1, #ffe6b3);
      border-top: 5px solid #FFD700;
      border-bottom: 5px solid #FFD700;
      /* text-align: center; */
    }

    #leader img {
      max-width: 250px;
      width: 100%;
      margin-bottom: 15px;
      border: 3px solid #FFD700;
      border-radius: 12px;
      background: #fff;
      padding: 5px;
    }

    #leader h3 {
      color: #b30000;
      font-weight: bold;
      margin-top: 10px;
    }

    #leader p {
      font-size: 17px;
    }

    /* Footer */
    footer {
      background: linear-gradient(90deg, #b30000, #ff6600);
      color: #fff;
      text-align: center;
      padding: 20px;
    }

    footer p {
      margin: 0;
      font-size: 14px;
    }

    /* Buttons */
    .btn-theme {
      background: #FFD700;
      color: #000;
      font-weight: bold;
      border-radius: 30px;
      padding: 10px 25px;
      transition: 0.3s;
    }

    .btn-theme:hover {
      background: #ffcc00;
      color: #b30000;
    }

    /* Language toggle */
    #lang-toggle {
      background: #FFD700;
      color: #000;
      font-weight: bold;
      border-radius: 30px;
      padding: 5px 15px;
      cursor: pointer;
      margin-left: 15px;
      transition: 0.3s;
    }

    #lang-toggle:hover {
      background: #ffcc00;
      color: #b30000;
    }

    #lang-toggle2 {
      background: #FFD700;
      color: #000;
      font-weight: bold;
      border-radius: 30px;
      padding: 5px 15px;
      cursor: pointer;
      margin-left: 15px;
      transition: 0.3s;
      text-decoration: none;
    }

    #lang-toggle2:hover {
      background: #ffcc00;
      color: #b30000;
    }

    .social-links {
      display: flex;
      gap: 10px;
      align-items: center;
      margin-top: 10px;
    }

    .social-link {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      border: 1px solid #eee;
      transition: transform .2s, box-shadow .2s;
      text-decoration: none;
      font-size: 1.25rem;
    }

    .social-link:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
    }

    .social-link.ig {
      color: #E4405F;
    }

    .social-link.x {
      color: #111;
    }

    .social-link.fb {
      color: #1877F2;
    }

    .social-link.yt {
      color: #FF0000;
    }

    @media screen and (max-width: 766px) {
      .contact-button.whatsapp-button {
        display: none;
      }
    }

    @media screen and (max-width: 766px) {
      .prt_floting_customsett {
        display: none;
      }
    }

    .contact-button {
      position: fixed;
      z-index: 9999;
    }

    .whatsapp-button {
      left: 20px;
      bottom: 40px
    }

    .appoint img {
      width: 25px;
      /* Adjust icon size */
      height: auto;
      margin: 0 auto;
      display: block;
      /* Center the image */
    }

    .appoint a {
      display: flex;
      flex-direction: column;
      /* Stack image and text */
      align-items: center;
      justify-content: center;
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      font-weight: 400;
      width: 33%;
      /* Divide buttons evenly */
      padding: 4px 0;
      box-sizing: border-box;
    }

    .appoint span {
      margin-top: 5px;
      /* Add space between image and text */
      display: block;
      /* Ensure text appears below the image */
    }

    .appoint {
      position: fixed;
      bottom: 0;
      background: linear-gradient(90deg, #b30000, #ff6600);
      ;
      left: 0;
      color: #fff;
      font-size: 14px;
      z-index: 99;
      padding: 10px 0;
      letter-spacing: .3px;
      font-weight: 400;
      display: flex;
      width: 100%;
    }

    @media screen and (min-width: 766px) {
      .appoint {
        display: none;
      }
    }

    /* Vision styling */
    .vision-section h2 {
      color: #b30000;
      border-left: 5px solid #FFD700;
      padding-left: 10px;
    }

    .vision-item i {
      font-size: 1.6rem;
      color: #ff6600;
      line-height: 1;
    }

    #events .carousel-caption {
      background: rgba(0, 0, 0, .45);
      border-radius: 12px;
      padding: .6rem .9rem;
    }

    /* Gold check icons in the leader bullets */
    #leader .bi-check-circle-fill {
      color: #FFD700 !important;
      margin-top: .25rem;
    }


    
/* Header */
.topbar{ position:sticky; top:0; z-index:1030; padding:.6rem 0;
  background:linear-gradient(90deg,var(--tvk-red),var(--tvk-orange));
  box-shadow:0 6px 24px rgba(0,0,0,.2);
}
.topbar a{ color:#fff; text-decoration:none; font-weight:600; }

/* Hero */
.hero{ background:linear-gradient(90deg,var(--tvk-red),var(--tvk-orange)); color:#fff; padding:56px 0 40px; }
.hero h1{ color:var(--tvk-gold); font-weight:900; margin:0; }

/* Gallery */
.gallery img{
  width:100%; aspect-ratio:16/9; object-fit:cover; display:block;
  border-radius:14px; box-shadow:0 10px 28px rgba(0,0,0,.12);
  transition:transform .18s ease, box-shadow .18s ease; cursor:zoom-in;
}
.gallery img:hover{ transform:scale(1.02); box-shadow:0 16px 36px rgba(0,0,0,.18); }
.empty{ color:#6b7280; }

/* Lightbox */
.modal-dark .modal-content{ background:#000; color:#fff; border:none; }
#lightboxImg{ width:100%; object-fit:contain; }
.nav-btn{
  position:absolute; top:50%; transform:translateY(-50%);
  background:rgba(0,0,0,.5); border:none; color:#fff; width:44px; height:44px;
  border-radius:999px; display:flex; align-items:center; justify-content:center;
}
.nav-btn:hover{ background:rgba(0,0,0,.7); }
.nav-left{ left:12px; }
.nav-right{ right:12px; }