/* Premium Typography & Variables */
  @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600&family=Inter:wght@300;400;600;800&display=swap');

  :root {
      --dbrau-deep: #5e0b1b;
      /* Imperial Wine */
      --dbrau-gold: #d4af37;
      /* Premium Gold */
      --dbrau-dark: #121212;
      /* Rich Black */
      --glass-white: rgba(255, 255, 255, 0.9);
      --transition-smooth: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }


  body {
      font-family: 'Inter', sans-serif;
      background-color: #fdfdfd;
      overflow-x: hidden;
  }

  /* 1. Ultra-Modern Utility Bar */
  .utility-layer {
      background: var(--dbrau-dark);
      padding: 10px 0;
      font-size: 12px;
      letter-spacing: 1px;
      font-weight: 500;
  }

  .utility-layer a {
      color: #a0a0a0;
      text-decoration: none;
      /* margin-left: 20px; */
      transition: var(--transition-smooth);
  }

  .utility-layer a:hover {
      color: var(--dbrau-gold);
  }

  .premium-login-link {
      background: var(--dbrau-gold);
      color: var(--dbrau-dark) !important;
      padding: 3px 18px;
      border-radius: 50px;
      font-weight: 700;
  }

  /* 2. Main Branding Area */
  .branding-hero {
      padding: 10px 0;
      background: #fff;
      border-bottom: 1px solid #eeeeee;
  }

  .uni-full-name {
      font-family: 'Cinzel', serif;
      /* Elegant, Academic Font */
      font-weight: 600;
      font-size: 2.5em;
      color: var(--dbrau-deep);
      line-height: 1.1;
      margin-bottom: 5px;
  }
  .uni-full-name1 {
      font-family: 'Cinzel', serif;
      /* Elegant, Academic Font */
      font-weight: 600;
      font-size: 1.7em;
      color: var(--dbrau-deep);
      line-height: 1.1;
      margin-bottom: 5px;
  }

  .sub-header-text {
      font-size: 13px;
      letter-spacing: 3px;
      color: #888;
      text-transform: uppercase;
  }

  @media (max-width:991px) {
      .uni-full-name {
          font-size: 2em;
      }
      .uni-full-name1 {
          font-size: 1em;
      }
  }

  @media (max-width:768px) {
      .utility-layer {
          /*display: none;*/
      }

      .logos {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-bottom: 15px;
      }

      .uni-full-name {
          font-size: 1.5em;
        
      }

      .sub-header-text {
          font-size: 9px;
      }

      .logos img {
          max-width: 80px;
      }

  }


  /* 4. Luxury Navigation */
  .navbar-luxury {
      background: var(--dbrau-deep);
      padding: 0;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  }

  .nav-link-premium {
      color: rgba(255, 255, 255, 0.85) !important;
      font-weight: 600;
      font-size: 13px;
      padding: 18px 14px !important;
      text-transform: uppercase;
      letter-spacing: 1px;
      position: relative;
      transition: var(--transition-smooth);
  }

  .nav-link-premium::after {
      content: '';
      position: absolute;
      bottom: 10px;
      left: 50%;
      width: 0;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--dbrau-gold), transparent);
      /* Gradient line */
      transition: var(--transition-smooth);
      transform: translateX(-50%);
  }

  .nav-link-premium:hover {
      color: #fff !important;
      background: rgba(255, 255, 255, 0.05);
  }

  .nav-link-premium:hover::after {
      width: 100%;
  }

  /* Glassmorphism Sticky Navbar */
  .navbar-luxury {
      background: var(--dbrau-deep);
      backdrop-filter: blur(10px);
      border-bottom: 2px solid var(--dbrau-gold);
      transition: var(--transition-premium);
  }

  .navbar-luxury::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: -200px;
      width: 200px;
      height: 2px;
      background: linear-gradient(90deg, transparent, #fff, transparent);
      animation: moveLine 6s linear infinite;
  }

  @keyframes moveLine {
      0% {
          left: -200px;
      }

      100% {
          left: 100%;
      }
  }

  /* Hover logic for Desktop (No Click) */
  @media (min-width: 992px) {
      .nav-item.dropdown:hover>.dropdown-menu {
          display: block;
          opacity: 1;
          visibility: visible;
          margin-top: 0;
          transition: all 0.3s ease;
      }
  }

  /* Dropdown Premium Styling */
  .dropdown-menu {
      border: none !important;
      border-top: 3px solid var(--dbrau-gold) !important;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
      border-radius: 0 0 8px 8px;
      padding: 15px 0;
      margin-top: 0;
      animation: fadeInUp 0.3s ease;
  }

  /* Nested Drop-end Logic */
  .dropdown-submenu {
      position: relative;
  }

  .dropdown-submenu>.dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -3px;
      margin-left: 0;
      display: none;
  }

  .dropdown-submenu>.dropdown-menu.drop-start {
      left: auto;
      right: 100%;
  }

  .dropdown-submenu:hover>.dropdown-menu {
      display: block;
  }


  .dropdown-item {
      font-size: 14px;
      font-weight: 500;
      padding: 10px 25px;
      color: #333;
      transition: var(--transition-premium);
      position: relative;
      z-index: 1;
      overflow: hidden;
  }

  .dropdown-item::before {
      content: '';
      position: absolute;
      left: -100%;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(212, 175, 55, 0.1);
      /* Very light gold flash */
      transition: 0.4s ease;
      z-index: -1;
  }

  .dropdown-item:hover {
      left: 0;
      background: var(--dbrau-deep);
      color: var(--dbrau-gold);
      padding-left: 30px;
      /* Subtle slide effect */
  }

  /* Drop-end indicator icon */
  .dropdown-toggle-split::after {
      display: none;
  }

  .dropend-toggle::after {
      content: "\f054";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      float: right;
      font-size: 10px;
      margin-top: 5px;
  }

  @keyframes fadeInUp {
      from {
          opacity: 0;
          transform: translateY(15px);
      }

      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  .utility-display {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  @media (max-width:768px) {
      .utility-display {
          flex-direction: column;
          align-items: start;
      }
  }

  /* Hero Slider */
  .hero-slider {
      position: relative;
      overflow: hidden;
  }

  .hero-slider .carousel-item {
      height: 90vh;
  }

  /* .slider-home-page{
    height:100%;
  } */

  .slider-image-wrapper {
      width: 100%;
      height:100%;
  }

  .slider-image-wrapper img {
      width: 100%;
      height:100%;
      object-fit: cover;
      object-position: center;
  }

  /* Controls */
  .carousel-control-prev,
  .carousel-control-next {
      width: 6%;
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
      background-color: rgba(212, 175, 55, 0.9);
      border-radius: 50%;
      padding: 22px;
      background-size: 50%;
  }

  /* Indicators */
  .carousel-indicators [data-bs-target] {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #fff;
  }

  .carousel-indicators .active {
      background-color: var(--dbrau-gold);
  }
@media (max-width: 992px) {
     .hero-slider .carousel-item {
      height: 60vh;
  }
}
@media (max-width: 768px) {

    .hero-slider .carousel-item {
        height: 40vh;
        width: 100%;
    }

    .slider-image-wrapper {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background: #000;
    }

    .slider-image-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: contain;   /* full image show */
        object-position: center;
        display: block;
    }
}
  /* Award Section Custom Styling */
  .gold-divider {
      width: 60px;
      height: 3px;
      background: linear-gradient(90deg, transparent, var(--dbrau-gold), transparent);
  }

  /* Premium Tabs Logic */
  .premium-tabs .nav-link {
      background: #fff;
      color: var(--dbrau-deep) !important;
      border: 1px solid #e0e0e0;
      margin: 0 8px;
      border-radius: 4px;
      /* Academic look ke liye kam border-radius */
      font-weight: 700;
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: 1px;
      transition: var(--transition-smooth);
      padding: 12px 30px;
  }

  .premium-tabs .nav-link.active {
      background-color: var(--dbrau-deep) !important;
      color: var(--dbrau-gold) !important;
      border-color: var(--dbrau-deep);
      box-shadow: 0 10px 20px rgba(94, 11, 27, 0.2);
  }

  /* Award Card Luxury Styling */
  .award-card-luxury {
      background: #fff;
      border: 1px solid #eee;
      border-top: 4px solid var(--dbrau-gold);
      padding: 40px;
      display: flex;
      align-items: center;
      gap: 30px;
      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05);
      position: relative;
      overflow: hidden;
  }

  /* Background watermark effect */
  .award-card-luxury::before {
      content: "\f5a2";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      position: absolute;
      right: -20px;
      bottom: -20px;
      font-size: 150px;
      color: rgba(0, 0, 0, 0.1);
  }

  .award-badge {
      width: 80px;
      height: 80px;
      background: rgba(212, 175, 55, 0.1);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 35px;
      color: var(--dbrau-gold);
      flex-shrink: 0;
  }

  .award-info p {
      font-family: 'Inter', sans-serif;
      font-size: 1.1rem;
      line-height: 1.9;
      color: #444;
      margin: 0;
      text-align: justify;
  }

  /* Mobile Adjustments */
  @media (max-width: 768px) {
      .award-card-luxury {
          flex-direction: column;
          padding: 30px 20px;
          text-align: center;
      }

      .premium-tabs .nav-link {
          width: 100%;
          margin-bottom: 10px;
      }
  }


  /* Medal Table Styling */
  .medal-table-container {
      background: #fff;
      border-radius: 15px;
      overflow: hidden;
      border-top: 5px solid var(--dbrau-deep);
  }

  .premium-table {
      margin-bottom: 0;
  }

  .premium-table thead {
      background: #f8f9fa;
      border-bottom: 2px solid var(--dbrau-gold);
  }

  .premium-table th {
      padding: 20px 15px !important;
      font-size: 14px;
      font-weight: 700;
      color: var(--dbrau-dark);
      text-transform: uppercase;
  }

  .premium-table td {
      padding: 15px !important;
      vertical-align: middle;
      font-weight: 500;
      color: #444;
      border-bottom: 1px solid #f0f0f0;
      transition: var(--transition-smooth);
  }

  .premium-table tbody tr:hover {
      background-color: rgba(94, 11, 27, 0.03);
  }

  /* Medal Badges */
  .medal-badge {
      padding: 5px 15px;
      border-radius: 50px;
      font-size: 12px;
      font-weight: 800;
      display: inline-block;
      border: 1px solid transparent;
  }

  .gold-bg {
      background: rgba(212, 175, 55, 0.1);
      color: #b8860b;
      border-color: var(--dbrau-gold);
  }

  .silver-bg {
      background: rgba(192, 192, 192, 0.1);
      color: #707070;
      border-color: #c0c0c0;
  }

  .bronze-bg {
      background: rgba(205, 127, 50, 0.1);
      color: #8b4513;
      border-color: #cd7f32;
  }

  .total-col {
      color: var(--dbrau-deep) !important;
      font-size: 1.1rem;
  }

  /* Mobile responsive fixes */
  @media (max-width: 768px) {

      .premium-table th,
      .premium-table td {
          padding: 10px 5px !important;
          font-size: 12px;
      }
  }


  .ticker-container {
      background: #fff;
      border-top: 2px solid var(--dbrau-gold);
      border-bottom: 1px solid #eee;
      height: 50px;
      display: flex;
      overflow: hidden;
      align-items: center;
  }

  /* Fixed Label */
  .ticker-label {
      background: var(--dbrau-deep);
      color: var(--dbrau-gold);
      padding: 0 25px;
      height: 100%;
      display: flex;
      align-items: center;
      font-weight: 700;
      font-size: 14px;
      text-transform: uppercase;
      position: relative;
      z-index: 10;
      white-space: nowrap;
  }

  /* Bevel effect for label */
  .ticker-label::after {
      content: '';
      position: absolute;
      right: -15px;
      top: 0;
      border-left: 15px solid var(--dbrau-deep);
      border-bottom: 50px solid transparent;
  }

  /* Scrolling Text Wrapper */
  .ticker-content {
      flex-grow: 1;
      display: flex;
      white-space: nowrap;
      overflow: hidden;
  }

  .ticker-text {
      display: inline-block;
      padding-left: 100%;
      animation: ticker-move 90s linear infinite;
      font-weight: 600;
      color: #444;
  }

  .ticker-text span {
      padding: 0 40px;
      position: relative;
  }

  /* Separator dot between news */
  .ticker-text span::after {
      content: '•';
      position: absolute;
      right: 0;
      color: var(--dbrau-gold);
  }

  .ticker-text a {
      text-decoration: none;
      color: inherit;
      transition: 0.3s;
  }

  .ticker-text a:hover {
      color: var(--dbrau-deep);
  }

  /* Animation Logic */
  @keyframes ticker-move {
      0% {
          transform: translate3d(0, 0, 0);
      }

      100% {
          transform: translate3d(-100%, 0, 0);
      }
  }

  /* Pause on Hover */
  .ticker-content:hover .ticker-text {
      animation-play-state: paused;
  }

  @media (max-width:576px) {
      .ticker-label {
          padding: 0 5px;
          height: 100%;
          display: flex;
          font-weight: 600;
          font-size: 12px;
      }

      /* Bevel effect for label */
      .ticker-label::after {
          content: '';
          position: absolute;
          right: -15px;
          top: 0;
          border-left: 0px solid var(--dbrau-deep);
          border-bottom: 0px solid transparent;
      }

  }

     @media(max-width:576px){
          .Ambassadors{
              margin-top:10%;
          }
     }


  /* Gallery Section Custom Styling */
  .gallery-section {
      background-color: #fdfdfd;
  }

  .gallerySwiper {
      padding: 20px 0 50px 0;
      /* Space for pagination dots */
      position: relative;
  }

  /* Gallery Card & Overlay Effect */
  .gallery-card {
      position: relative;
      border-radius: 12px;
      overflow: hidden;
      aspect-ratio: 16 / 10;
      /* Maintain uniform shape */
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
      transition: var(--transition-smooth);
      border: 2px solid #fff;
  }

  .gallery-card img {
      /* width: 100%;*/
      /*height: 100%; */
      object-fit: cover;
      transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }

  .gallery-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(94, 11, 27, 0.85);
      /* Imperial Wine with transparency */
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: var(--transition-smooth);
  }

  .gallery-overlay i {
      color: var(--dbrau-gold);
      /* Royal Gold Icon */
      font-size: 30px;
      transform: scale(0.5);
      transition: transform 0.4s ease;
  }

  /* Hover Effects */
  .gallery-card:hover {
      box-shadow: 0 15px 45px rgba(94, 11, 27, 0.15);
      transform: translateY(-5px);
      border-color: var(--dbrau-gold);
  }

  .gallery-card:hover img {
      transform: scale(1.1);
  }

  .gallery-card:hover .gallery-overlay {
      opacity: 1;
  }

  .gallery-card:hover .gallery-overlay i {
      transform: scale(1);
  }

  /* Main Slider Navigation Customization */
  .gallery-next,
  .gallery-prev {
      color: var(--dbrau-gold) !important;
      background: #fff;
      width: 45px;
      height: 45px;
      border-radius: 50%;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      top: 50%;
      transform: translateY(-50%);
      transition: var(--transition-smooth);
  }

  .gallery-next::after,
  .gallery-prev::after {
      font-size: 18px;
      font-weight: bold;
  }

  .gallery-next:hover,
  .gallery-prev:hover {
      background: var(--dbrau-deep);
      color: #fff !important;
  }

  .gallery-next {
      right: 10px;
  }

  .gallery-prev {
      left: 10px;
  }

  .gallery-pagination .swiper-pagination-bullet-active {
      background: var(--dbrau-gold);
  }

  /* Fancybox (Modal) Customization - Match theme */
  .fancybox__container {
      --fancybox-bg: rgba(18, 18, 18, 0.95);
      /* Rich Black Modal BG */
      --fancybox-color: #fff;
      --fancybox-accent-color: var(--dbrau-gold);
      /* Gold accents for controls */
  }

  .fancybox__toolbar {
      background: rgba(94, 11, 27, 0.5);
      /* Wine Toolbar */
  }

  /* Play Button Wrapper */
  .play-btn-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .video-play-trigger {
      text-decoration: none;
      position: relative;
      z-index: 5;
  }

  /* Ripple Animation Logic */
  .play-ripple {
      width: 90px;
      height: 90px;
      background: var(--dbrau-gold);
      color: var(--dbrau-dark);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 28px;
      position: relative;
      transition: var(--transition-smooth);
  }

  .play-ripple i {
      margin-left: 5px;
      /* Visual centering for play icon */
  }

  /* Pulsing Layers */
  .play-ripple::before,
  .play-ripple::after {
      content: '';
      position: absolute;
      border: 1px solid var(--dbrau-gold);
      width: 100%;
      height: 100%;
      border-radius: 50%;
      z-index: -1;
      animation: ripplePulse 2s linear infinite;
  }

  .play-ripple::after {
      animation-delay: 1s;
  }

  @keyframes ripplePulse {
      0% {
          transform: scale(1);
          opacity: 1;
      }

      100% {
          transform: scale(2.5);
          opacity: 0;
      }
  }

  .play-ripple:hover {
      background: #fff;
      transform: scale(1.1);
      color: var(--dbrau-deep);
  }

  /* Modal Blur Effect */
  #videoModal {
      backdrop-filter: blur(8px);
  }

  #videoModal .modal-content {
      outline: none;
  }

  /* Footer Styles */
  .premium-footer {
      background: var(--dbrau-dark);
      /* Rich Black */
      color: #b0b0b0;
      position: relative;
      border-top: 4px solid var(--dbrau-gold);
  }

  .footer-heading {
      color: #fff;
      font-family: 'Cinzel', serif;
      font-size: 1.1rem;
      font-weight: 600;
      margin-bottom: 20px;
      letter-spacing: 1px;
  }

  .footer-text {
      font-size: 14px;
      line-height: 1.8;
  }

  /* Links Hover Effect */
  .footer-links {
      list-style: none;
      padding: 0;
  }

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

  .footer-links a {
      color: #b0b0b0;
      text-decoration: none;
      font-size: 14px;
      transition: var(--transition-smooth);
      display: flex;
      align-items: center;
  }

  .footer-links a::before {
      content: "\f105";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      margin-right: 10px;
      color: var(--dbrau-gold);
      font-size: 12px;
  }

  .footer-links a:hover {
      color: var(--dbrau-gold);
      padding-left: 8px;
  }

  /* contact-us Styling */
  .contact-us-info {
      font-size: 13.5px;
      line-height: 1.6;
  }

  .text-gold {
      color: var(--dbrau-gold);
  }

  /* Social Media Icons */
  .footer-socials {
      display: flex;
      gap: 15px;
      margin-top: 20px;
  }

  .footer-socials a {
      width: 35px;
      height: 35px;
      background: var(--dbrau-deep);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 14px;
      transition: var(--transition-smooth);
      text-decoration: none;
  }

  .footer-socials a:hover {
      background: var(--dbrau-gold);
      color: var(--dbrau-dark);
      transform: translateY(-3px);
  }

  /* Copyright Bar */
  .footer-bottom {
      background: rgba(0, 0, 0, 0.3);
      border-top: 1px solid rgba(255, 255, 255, 0.05);
      font-size: 13px;
      letter-spacing: 0.5px;
  }


  /* Vision Page  */
  /* Vision Page Custom Styles */
  .vision-section {
      background: linear-gradient(135deg, #fff 0%, #f9f9f9 100%);
      position: relative;
  }

  .vision-card {
      background: #ffffff;
      border-radius: 20px;
      box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07);
      border: 1px solid rgba(212, 175, 55, 0.2);
      position: relative;
      overflow: hidden;
  }

  /* Background Watermark for Vision */
  .vision-card::after {
      content: "\f197";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 25vw;
      color: rgba(94, 11, 27, 0.05);
      z-index: 0;
  }

  .vision-text-wrapper {
      position: relative;
      z-index: 1;
  }

  .vision-content {
      font-size: 1.2rem;
      line-height: 2;
      color: #444;
      text-align: justify;
      font-weight: 400;
  }

  .border-gold-left {
      border-left: 5px solid var(--dbrau-gold);
      font-style: italic;
      background: rgba(212, 175, 55, 0.05);
      padding: 20px;
      border-radius: 0 15px 15px 0;
  }

  .text-gold {
      color: var(--dbrau-gold) !important;
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
      .vision-content {
          font-size: 1.05rem;
          line-height: 1.8;
          /* text-align: left; */
      }

      .vision-card {
          padding: 30px 20px !important;
      }
  }


  /* Objective Page */
  /* Objectives Page Specific Styling */
  .objectives-section {
      background: #fdfdfd;
  }

  .objectives-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 15px;
  }

  .objective-item {
      background: #fff;
      padding: 25px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      text-align: justify;
      gap: 20px;
      border: 1px solid #eee;
      transition: var(--transition-smooth);
      position: relative;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
  }

  .objective-item:hover {
      transform: translateX(10px);
      border-color: var(--dbrau-gold);
      box-shadow: 10px 10px 30px rgba(94, 11, 27, 0.05);
  }

  .objective-item::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 4px;
      background: var(--dbrau-deep);
      border-radius: 12px 0 0 12px;
      opacity: 0;
      transition: 0.3s;
  }

  .objective-item:hover::before {
      opacity: 1;
  }

  .obj-icon {
      width: 50px;
      height: 50px;
      background: rgba(212, 175, 55, 0.1);
      color: var(--dbrau-gold);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      flex-shrink: 0;
  }

  .objective-item p {
      margin: 0;
      font-size: 1.05rem;
      color: #444;
      line-height: 1.6;
      font-weight: 500;
  }

  /* Responsive */
  @media (max-width: 768px) {
      .objective-item {
          padding: 20px;
      }

      .objective-item p {
          font-size: 0.95rem;
      }

      .obj-icon {
          width: 40px;
          height: 40px;
          font-size: 16px;
      }
  }



  /* affiliated Page  */
  .premium-table-container {
      background: #fff;
      border-radius: 15px;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
      padding: 20px;
      border: 1px solid rgba(212, 175, 55, 0.2);
  }

  .custom-table {
      margin-bottom: 0;
  }

  .custom-table thead th {
      background-color: var(--dbrau-deep);
      /* Imperial Wine */
      color: #fff;
      font-family: 'Cinzel', serif;
      font-size: 0.9rem;
      padding: 15px;
      border: none;
      white-space: wrap;
  }

  .custom-table tbody td {
      padding: 15px;
      vertical-align: middle;
      font-size: 14px;
      color: #444;
      border-bottom: 1px solid #f0f0f0;
  }

  .custom-table tbody tr:hover {
      background-color: rgba(212, 175, 55, 0.05) !important;
      transition: 0.3s;
  }

  /* Search Box Styling */
  .search-wrapper {
      position: relative;
  }

  .search-icon {
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--dbrau-gold);
  }

  .premium-search {
      padding-left: 45px;
      height: 50px;
      border-radius: 30px;
      border: 1px solid #ddd;
      box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.02);
  }

  .premium-search:focus {
      border-color: var(--dbrau-gold);
      box-shadow: 0 0 10px rgba(212, 175, 55, 0.2);
  }

  @media (max-width:576px) {
      .custom-table thead th {
          padding: 5px;
          font-size: 12px;
      }

      .custom-table tbody td {
          padding: 0px;
          font-size: 11.5px;
      }

      .premium-table-container {
          padding: 0px;
      }
  }



  /* asian page */
  .document-preview {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      border: 1px solid rgba(212, 175, 55, 0.2);
      cursor: pointer;
      background: #fff;
      /* Height fix karne ke liye niche ki do lines add karo */
      height: 600px;
      width: 100%;
  }

  .document-preview img {
      transition: transform 0.5s ease;
      width: 100%;
      height: 100%;
      /* Isse image stretch nahi hogi aur container fit karegi */
      object-fit: contain;
      background: #f9f9f9;
      padding: 10px;
  }

  .document-preview:hover .gallery-overlay {
      opacity: 1;
  }

  .document-preview:hover .gallery-overlay i {
      transform: scale(1);
  }

  .document-preview:hover img {
      transform: scale(1.1);
  }

  .recognition-card {
      transition: all 0.3s ease;
      border: 1px solid transparent;
  }

  .recognition-card:hover {
      border-color: var(--dbrau-gold);
      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.1);
  }



  /* management page  */
  .management-section {
      background: #fdfdfd;
  }

  .mgmt-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0;
  }

  .mgmt-row {
      display: flex;
      justify-content: center;
      gap: 30px;
      width: 100%;
  }

  .mgmt-card {
      min-width: 180px;
      padding: 20px;
      border-radius: 12px;
      text-align: center;
      color: white;
      font-weight: bold;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      transition: 0.3s ease;
  }

  .mgmt-card h5 {
      margin: 0;
      font-size: 1.1rem;
      font-family: 'Poppins', sans-serif;
  }

  /* Colors based on image hierarchy */
  .president {
      background: #f06292;
  }

  /* Pinkish-Red */
  .vice-president {
      background: #ffb300;
  }

  /* Golden Yellow */
  .sec-gen {
      background: #d81b60;
  }

  /* Deep Magenta */
  .treasurer {
      background: #00bcd4;
  }

  /* Cyan Blue */
  .joint-sec {
      background: #fb8c00;
  }

  /* Orange */
  .member {
      background: #e91e63;
      margin: 5px;
      min-width: 140px;
  }

  /* Member Pink */

  .mgmt-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  }

  .mgmt-line {
      width: 2px;
      height: 30px;
      background: #ccc;
  }

  .mgmt-row.multi {
      flex-wrap: wrap;
      max-width: 900px;
  }

  /* Mobile responsive adjustments */
  @media (max-width: 768px) {
      .mgmt-row {
          flex-direction: column;
          align-items: center;
          gap: 15px;
      }

      .mgmt-line {
          height: 15px;
      }

      .mgmt-card {
          width: 80%;
      }
  }


  /* Audit page  */
  .audit-reports-section {
      background: #fcfcfc;
  }

  .audit-card {
      display: flex;
      align-items: center;
      background: #ffffff;
      border-radius: 12px;
      padding: 20px;
      text-decoration: none;
      color: inherit;
      border: 1px solid rgba(0, 0, 0, 0.05);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
      transition: all 0.3s ease;
      height: 100%;
  }

  .audit-card:hover {
      transform: translateY(-5px);
      border-color: var(--dbrau-gold);
      box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15);
      color: inherit;
  }

  .audit-icon {
      width: 50px;
      height: 50px;
      background: rgba(94, 11, 27, 0.05);
      color: var(--dbrau-deep);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      font-size: 1.5rem;
      margin-right: 15px;
      transition: 0.3s ease;
  }

  .audit-card:hover .audit-icon {
      background: var(--dbrau-deep);
      color: #fff;
  }

  .audit-info {
      flex-grow: 1;
  }

  .report-label {
      display: block;
      font-size: 11px;
      text-transform: uppercase;
      color: #888;
      letter-spacing: 1px;
      margin-bottom: 2px;
  }

  .report-year {
      font-size: 1rem;
      font-weight: 700;
      margin: 0;
      color: #333;
  }

  .download-arrow {
      color: #ddd;
      font-size: 1.2rem;
      transition: 0.3s ease;
  }

  .audit-card:hover .download-arrow {
      color: var(--dbrau-gold);
      transform: translateX(3px);
  }


  /* staff page  */
  .staff-section {
      background-color: #f9f9f9;
  }

  .staff-card {
      background: #fff;
      border-radius: 15px;
      border: none;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
      position: relative;
      overflow: hidden;
      height: 100%;
      transition: all 0.3s ease;
  }

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

  /* High rank badge for CEO */
  .staff-rank-tag {
      position: absolute;
      top: 0;
      right: 0;
      background: var(--dbrau-gold);
      color: #fff;
      padding: 5px 20px;
      font-size: 12px;
      font-weight: bold;
      border-bottom-left-radius: 15px;
  }

  .staff-avatar {
      width: 70px;
      height: 70px;
      background: rgba(94, 11, 27, 0.05);
      color: var(--dbrau-deep);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      font-size: 1.8rem;
      transition: 0.3s;
  }

  .staff-card:hover .staff-avatar {
      background: var(--dbrau-deep);
      color: #fff;
  }

  .designation {
      color: var(--dbrau-gold);
      font-size: 0.75rem;
      letter-spacing: 1px;
      font-weight: 700;
  }

  .staff-name {
      color: var(--dbrau-deep);
      font-weight: 700;
      font-family: 'Poppins', sans-serif;
  }

  .contact-us-box {
      margin-top: 15px;
  }

  .contact-us-link {
      text-decoration: none;
      color: #555;
      font-size: 0.9rem;
      font-weight: 500;
      transition: 0.3s;
      display: inline-block;
      padding: 5px 15px;
      background: #f1f1f1;
      border-radius: 20px;
  }

  .contact-us-link:hover {
      color: var(--dbrau-gold);
      background: #eee;
  }


  /* school games page  */
  .rules-table-container {
      background: #fff;
      border-radius: 15px;
      box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08);
      overflow: hidden;
      border: 1px solid rgba(212, 175, 55, 0.2);
  }

  .custom-rules-table {
      margin-bottom: 0;
  }

  .custom-rules-table thead th {
      background: var(--dbrau-deep);
      /* Your Theme Deep Color */
      color: #fff;
      padding: 20px;
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      border: none;
      white-space: wrap;
  }

  .custom-rules-table tbody td {
      padding: 18px 20px;
      vertical-align: middle;
      border-bottom: 1px solid #f0f0f0;
      color: #444;
      font-size: 1rem;
  }

  .custom-rules-table tbody tr {
      transition: all 0.3s ease;
  }

  .custom-rules-table tbody tr:hover {
      background-color: rgba(212, 175, 55, 0.05);
      transform: scale(1.005);
  }

  .rule-link {
      color: #b8860b;
      /* Theme Gold Color */
      text-decoration: none;
      font-weight: 600;
      transition: all 0.3s ease;
      display: inline-block;
      position: relative;
  }

  .rule-link:hover {
      color: var(--dbrau-deep);
      /* Hover par deep color */
      padding-left: 5px;
      /* Chota sa movement effect */
  }

  /* Link ke niche ek sundar line effect ke liye */
  .rule-link::after {
      content: '';
      position: absolute;
      width: 0;
      height: 1px;
      bottom: -2px;
      left: 0;
      background-color: var(--dbrau-deep);
      transition: width 0.3s ease;
  }

  .rule-link:hover::after {
      width: 100%;
  }

  /* Mobile responsive font */
  @media (max-width: 576px) {

      .custom-rules-table thead th,
      .custom-rules-table tbody td {
          padding: 5px;
          font-size: 12px;
      }
  }



  /* registratio page  */
  .registration-section {
      background: #f8f9fa;
  }

  .form-card-premium {
      background: #fff;
      border-radius: 20px;
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
      border: 1px solid rgba(212, 175, 55, 0.15);
      overflow: hidden;
  }

  .custom-input {
      padding: 12px 15px;
      border-radius: 10px;
      border: 1.5px solid #eee;
      font-size: 0.95rem;
      transition: all 0.3s ease;
  }

  .custom-input:focus {
      border-color: var(--dbrau-gold);
      box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.1);
  }

  .form-label {
      color: var(--dbrau-deep);
      margin-bottom: 8px;
      font-size: 0.9rem;
  }

  .btn-search-premium {
      background: linear-gradient(135deg, var(--dbrau-deep), #800020);
      color: #fff;
      padding: 15px 40px;
      border-radius: 50px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      border: none;
      box-shadow: 0 10px 20px rgba(94, 11, 27, 0.2);
      transition: all 0.3s ease;
  }

  .btn-search-premium:hover {
      transform: translateY(-3px);
      box-shadow: 0 15px 30px rgba(94, 11, 27, 0.3);
      color: #fff;
      background: linear-gradient(135deg, #800020, var(--dbrau-deep));
  }

  /* Luxury Divider Styling */
  /* .gold-divider {
    height: 3px;
    width: 60px;
    background: var(--dbrau-gold);
    border-radius: 2px;
} */


  /* gallery page  */
  /* Video Hero Styles */
  .gallery-video-wrapper {
      width: 100%;
      background: #000;
      /* Video ke sides mein agar jagah bache toh black dikhega */
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
  }

  .video-frame {
      width: 100%;
      max-width: 100%;
      /* Screen se bahar nahi jayega */
      line-height: 0;
      /* Extra bottom space hatane ke liye */
  }

  .responsive-video {
      width: 100%;
      height: 500px;
      /* Height apne aap video ke ratio ke hisaab se adjust hogi */
      display: block;
      /* Isse video ka koi bhi hissa katega nahi (No Crop) */
      object-fit: cover;
  }

  /* Agar aap chahte ho ki desktop par height bahut zyada na ho */
  @media (min-width: 1200px) {
      .responsive-video {
          max-height: 80vh;
          /* Zyada se zyada 80% screen height legi taaki niche ka content dikhe */
      }
  }



  /* Unique Prefix 'pg-' to avoid overriding */
  .pg-grid-section {
      background-color: #ffffff;
  }

  .pg-card-wrapper {
      position: relative;
      border-radius: 15px;
      overflow: hidden;
      height: 280px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
      transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      cursor: pointer;
      border: 1px solid rgba(0, 0, 0, 0.05);
  }

  .pg-card-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.8s ease;
  }

  .pg-card-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(94, 11, 27, 0.8);
      /* Deep Maroon */
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity 0.4s ease;
  }

  .pg-icon-box {
      width: 60px;
      height: 60px;
      background: var(--dbrau-gold);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transform: translateY(20px);
      transition: transform 0.4s ease;
  }

  .pg-icon-box i {
      color: #fff;
      font-size: 1.5rem;
  }

  /* Hover Effects */
  .pg-card-wrapper:hover .pg-card-overlay {
      opacity: 1;
  }

  .pg-card-wrapper:hover .pg-icon-box {
      transform: translateY(0);
  }

  .pg-card-wrapper:hover img {
      transform: scale(1.1);
  }

  .pg-card-wrapper:hover {
      box-shadow: 0 15px 35px rgba(94, 11, 27, 0.2);
  }



  /* Terms page  */
  /* Unique Styles for Terms Page */
  .tc-page-section {
      background-color: #fcfcfc;
  }

  .tc-content-card {
      background: #ffffff;
      padding: 60px;
      border-radius: 20px;
      box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05);
      border: 1px solid rgba(212, 175, 55, 0.1);
  }

  .tc-main-title {
      color: var(--dbrau-deep);
      font-family: 'Cinzel', serif;
      font-weight: 700;
      font-size: 2.8rem;
      margin-bottom: 10px;
  }

  .tc-last-updated {
      color: #666;
      font-size: 0.95rem;
  }

  .tc-gold-line {
      width: 80px;
      height: 3px;
      background: var(--dbrau-gold);
      margin-top: 20px;
  }

  .tc-intro {
      font-size: 1.1rem;
      line-height: 1.8;
      color: #444;
      margin-bottom: 40px;
      text-align: justify;
  }

  .tc-list-item {
      margin-bottom: 30px;
  }

  .tc-list-item h3 {
      color: var(--dbrau-deep);
      font-size: 1.3rem;
      font-weight: 600;
      margin-bottom: 12px;
  }

  .tc-list-item p {
      color: #555;
      line-height: 1.7;
      font-size: 1.05rem;
      text-align: justify;
  }

  .tc-contact-us-footer {
      background: rgba(94, 11, 27, 0.03);
      /* Light version of your deep color */
      border-left: 4px solid var(--dbrau-gold);
      border-radius: 8px;
      font-weight: 500;
      color: #333;
  }

  .tc-site-link,
  .tc-contact-us-link {
      color: var(--dbrau-gold);
      text-decoration: none;
      font-weight: 600;
      transition: 0.3s;
  }

  .tc-site-link:hover,
  .tc-contact-us-link:hover {
      color: var(--dbrau-deep);
      text-decoration: underline;
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
      .tc-content-card {
          padding: 30px 20px;
      }

      .tc-main-title {
          font-size: 2rem;
      }
  }



  /* refund page  */
  /* Unique Styles for Refund Page - Prefix 'rc-' */
  .rc-page-section {
      background-color: #fdfdfd;
  }

  .rc-content-card {
      background: #ffffff;
      padding: 60px;
      border-radius: 20px;
      box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05);
      border: 1px solid rgba(212, 175, 55, 0.1);
  }

  .rc-main-title {
      color: var(--dbrau-deep);
      font-family: 'Cinzel', serif;
      font-weight: 700;
      font-size: 2.5rem;
      margin-bottom: 10px;
  }

  .rc-last-updated {
      color: #666;
      font-size: 0.9rem;
  }

  .rc-gold-line {
      width: 60px;
      height: 3px;
      background: var(--dbrau-gold);
      margin-top: 15px;
  }

  .rc-intro {
      font-size: 1.1rem;
      line-height: 1.8;
      color: #444;
      margin-bottom: 40px;
  }

  .rc-list-item {
      margin-bottom: 40px;
  }

  .rc-list-item h3 {
      color: var(--dbrau-deep);
      font-size: 1.4rem;
      font-weight: 600;
      margin-bottom: 15px;
      border-bottom: 1px solid #f0f0f0;
      padding-bottom: 10px;
  }

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

  .rc-bullet-list li {
      position: relative;
      padding-left: 25px;
      margin-bottom: 12px;
      color: #555;
      line-height: 1.6;
  }

  .rc-bullet-list li::before {
      content: "\f00c";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 0;
      color: var(--dbrau-gold);
      font-size: 0.9rem;
  }

  .rc-contact-us-box {
      background: #fffaf0;
      /* Luxury Light Cream background */
      border: 1px dashed var(--dbrau-gold);
      border-radius: 12px;
  }

  .rc-icon-circle {
      width: 40px;
      height: 40px;
      background: var(--dbrau-deep);
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.9rem;
  }

  .rc-contact-us-link,
  .rc-link,
  .rc-site-link {
      color: var(--dbrau-deep);
      text-decoration: none;
      font-weight: 600;
      transition: 0.3s;
  }

  .rc-contact-us-link:hover,
  .rc-link:hover {
      color: var(--dbrau-gold);
  }

  /* Responsive */
  @media (max-width: 768px) {
      .rc-content-card {
          padding: 30px 20px;
      }

      .rc-main-title {
          font-size: 1.8rem;
      }
  }




  /* privacy page  */
  /* Unique Styles for Privacy Page - Prefix 'pp-' */


  .mt-page-section {
      background-color: #f8f9fa;
  }

  /* --- PREMIUM FILTER STYLES --- */
  .mt-filter-card {
      background: #fff;
      border: 1px solid rgba(212, 175, 55, 0.2);
      padding: 20px;
      margin-bottom: 25px;
      transition: all 0.3s ease;
  }

  .mt-search-group .form-control,
  .mt-search-group .form-select {
      border: 1px solid #ddd;
      padding: 10px 15px;
      border-radius: 8px;
      font-size: 14px;
  }

  .mt-search-group .form-control:focus,
  .mt-search-group .form-select:focus {
      border-color: var(--dbrau-gold);
      box-shadow: 0 0 0 0.25 margin rgba(212, 175, 55, 0.1);
  }

  .btn-export-excel {
      background: #1D6F42;
      /* Excel Green */
      color: white;
      border: none;
      padding: 10px 20px;
      border-radius: 8px;
      font-weight: 600;
      transition: 0.3s;
  }

  .btn-export-excel:hover {
      background: #155231;
      color: white;
      transform: translateY(-2px);
  }

  /* --- SCROLLBAR AREA --- */
  .mt-responsive-scroll-wrapper {
      background: #fff;
      overflow-x: auto !important;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      border: 1px solid rgba(212, 175, 55, 0.3);
      padding-bottom: 10px;
  }

  .mt-responsive-scroll-wrapper::-webkit-scrollbar {
      height: 10px !important;
      display: block !important;
  }

  .mt-responsive-scroll-wrapper::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 10px;
  }

  .mt-responsive-scroll-wrapper::-webkit-scrollbar-thumb {
      background: var(--dbrau-gold);
      background: linear-gradient(to right, var(--dbrau-gold), #b8860b);
      border-radius: 10px;
      border: 2px solid #f1f1f1;
  }

  /* --- TABLE LAYOUT --- */
  .mt-table-container {
      min-width: 1000px;
      width: 100%;
  }

  .mt-header-row,
  .mt-row-trigger {
      display: flex;
      align-items: center;
      width: 100%;
  }

  .mt-header-row {
      background: var(--dbrau-deep);
      color: #fff;
      padding: 15px 0;
      font-weight: 700;
      font-family: 'Cinzel', serif;
  }

  .col-rank {
      flex: 0 0 80px;
      text-align: center;
  }

  .col-state {
      flex: 1;
      padding: 0 20px;
      min-width: 250px;
  }

  .col-medal {
      flex: 0 0 110px;
      text-align: center;
  }

  .col-total {
      flex: 0 0 110px;
      text-align: center;
  }

  .col-action {
      flex: 0 0 100px;
      text-align: center;
  }

  .mt-row-trigger {
      padding: 12px 0;
      border-bottom: 1px solid #eee;
  }

  .mt-main-row:hover .mt-row-trigger {
      background-color: rgba(212, 175, 55, 0.05);
  }

  .mt-btn-plus,
  .btn-gold-circle {
      width: 35px;
      height: 35px;
      border: none;
      background: var(--dbrau-gold);
      color: white;
      border-radius: 6px;
      cursor: pointer;
  }

  .mt-btn-plus:not(.collapsed) {
      background: var(--dbrau-deep);
      transform: rotate(45deg);
  }

  .badge-gold {
      background: linear-gradient(135deg, #FFD700, #DAA520);
      color: white;
      padding: 5px 12px;
      border-radius: 4px;
      font-size: 11px;
  }

  .badge-silver {
      background: linear-gradient(135deg, #C0C0C0, #808080);
      color: white;
      padding: 5px 12px;
      border-radius: 4px;
      font-size: 11px;
  }

  .athlete-box {
      background: #fff;
      border: 1px solid #eee;
      font-size: 14px;
      margin-bottom: 5px;
      padding: 15px;
  }




  /* venue page  */


  .venue-status-card {
      background: #fff;
      border-radius: 15px;
      border: 1px solid rgba(212, 175, 55, 0.2);
      padding: 25px;
  }

  .mt-form-label {
      font-weight: 600;
      font-size: 13px;
      color: #555;
      text-transform: uppercase;
      letter-spacing: 1px;
  }

  .mt-input {
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 10px 15px;
      font-size: 14px;
      transition: all 0.3s ease;
  }

  .mt-input:focus {
      border-color: var(--dbrau-gold);
      box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.1);
  }

  .btn-search-mt {
      background: var(--dbrau-deep);
      color: white;
      font-weight: 600;
      padding: 10px 30px;
      border-radius: 8px;
      border: none;
      transition: 0.3s;
  }

  .btn-search-mt:hover {
      background: #600000;
      transform: translateY(-2px);
      color: white;
  }

  /* --- Table Scroll Area --- */
  .mt-table-wrapper {
      overflow-x: auto !important;
      background: #fff;
      border: 1px solid #eee;
      border-radius: 12px;
  }

  .mt-table-wrapper::-webkit-scrollbar {
      height: 8px;
  }

  .mt-table-wrapper::-webkit-scrollbar-thumb {
      background: var(--dbrau-gold);
      border-radius: 10px;
  }

  .venue-table {
      min-width: 900px;
      /* Force scroll on small screens */
      width: 100%;
      border-collapse: collapse;
  }

  .venue-table thead th {
      background: var(--dbrau-deep);
      color: #fff;
      padding: 15px;
      font-family: 'Cinzel', serif;
      font-size: 14px;
      text-align: center;
  }

  .venue-table tbody td {
      padding: 12px;
      border-bottom: 1px solid #eee;
      font-size: 14px;
      text-align: center;
  }


  /* offcial contact-us page  */


  .officials-card {
      background: #fff;
      border-radius: 15px;
      border: 1px solid rgba(212, 175, 55, 0.2);
      padding: 30px;
  }

  .form-label-custom {
      font-weight: 700;
      font-size: 12px;
      color: #444;
      text-transform: uppercase;
      letter-spacing: 1.2px;
      margin-bottom: 8px;
  }

  .mt-select-input {
      border: 1px solid #ced4da;
      border-radius: 8px;
      padding: 12px;
      font-size: 14px;
      transition: all 0.3s ease;
  }

  .mt-select-input:focus {
      border-color: var(--dbrau-gold);
      box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.15);
  }

  .btn-search-officials {
      background: var(--dbrau-deep);
      color: white;
      font-weight: 700;
      padding: 12px;
      border-radius: 8px;
      border: none;
      letter-spacing: 1px;
      transition: 0.3s;
  }

  .btn-search-officials:hover {
      background: #5a0000;
      transform: translateY(-2px);
      color: #fff;
  }

  /* --- Responsive Table --- */
  .mt-table-wrapper {
      overflow-x: auto !important;
      background: #fff;
      border-radius: 12px;
      border: 1px solid #eee;
  }

  .officials-table {
      min-width: 1000px;
      /* Force horizontal scroll for data safety */
      width: 100%;
      border-collapse: collapse;
  }

  .officials-table thead th {
      background: var(--dbrau-deep);
      color: #fff;
      padding: 15px;
      font-family: 'Cinzel', serif;
      font-size: 13px;
      text-align: center;
      border-right: 1px solid rgba(255, 255, 255, 0.1);
  }

  .officials-table tbody td {
      padding: 15px;
      border-bottom: 1px solid #eee;
      font-size: 14px;
      text-align: center;
      vertical-align: middle;
  }

  .officials-table .contact-us-link {
      color: var(--dbrau-deep);
      text-decoration: none;
      font-weight: 600;
  }

  .officials-table .contact-us-link:hover {
      color: var(--dbrau-gold);
  }


  /* result page  */


  .result-card {
      background: #fff;
      border-radius: 15px;
      border: 1px solid rgba(212, 175, 55, 0.2);
      padding: 30px;
  }

  .mt-form-label {
      font-weight: 700;
      font-size: 12px;
      color: #444;
      text-transform: uppercase;
      letter-spacing: 1.2px;
      margin-bottom: 8px;
  }

  .mt-select {
      border: 1px solid #ced4da;
      border-radius: 8px;
      padding: 12px;
      font-size: 14px;
      transition: all 0.3s ease;
  }

  .mt-select:focus {
      border-color: var(--dbrau-gold);
      box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.1);
  }

  .btn-search-result {
      background: var(--dbrau-deep);
      color: white;
      font-weight: 700;
      padding: 12px;
      border-radius: 8px;
      border: none;
      transition: 0.3s;
  }

  .btn-search-result:hover {
      background: #5a0000;
      transform: translateY(-2px);
      color: #fff;
  }

  /* --- Table Styles --- */
  .mt-table-wrapper {
      overflow-x: auto !important;
      background: #fff;
      border-radius: 12px;
      border: 1px solid #eee;
  }

  .result-table {
      min-width: 1100px;
      /* Data packing ke liye width set ki hai */
      width: 100%;
      border-collapse: collapse;
  }

  .result-table thead th {
      background: var(--dbrau-deep);
      color: #fff;
      padding: 15px;
      font-family: 'Cinzel', serif;
      font-size: 13px;
      text-align: center;
  }

  .result-table tbody td {
      padding: 12px;
      border-bottom: 1px solid #eee;
      font-size: 14px;
      text-align: center;
      vertical-align: middle;
  }

  .winner-photo {
      width: 45px;
      height: 45px;
      object-fit: cover;
      border-radius: 50%;
      border: 2px solid var(--dbrau-gold);
  }

  .download-icon-btn {
      color: var(--dbrau-deep);
      font-size: 18px;
      transition: 0.2s;
  }

  .download-icon-btn:hover {
      color: var(--dbrau-gold);
      transform: scale(1.2);
  }

  .rank-badge {
      padding: 5px 12px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 12px;
  }

  .rank-1 {
      background: #FFD700;
      color: #000;
  }

  /* Gold */
  .rank-2 {
      background: #C0C0C0;
      color: #000;
  }

  /* Silver */
  .rank-3 {
      background: #CD7F32;
      color: #f8f8f8;
  }

/* sponsership */

.sponsorLogoSwiper{
    padding:20px 0;
    background-color:#fff9f9;
}

.sponsor-logo-card{
    background:#e4dadc;
    border:2px solid #5e0b1b;
    border-radius:15px;
    height:200px;
    width: 200px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:10s;

}

.sponsor-logo-card:hover{
    border-color:var(--dbrau-gold);
    transform:translateY(-5px);
    box-shadow:0 15px 40px rgba(94,11,27,.10);
}

.sponsor-logo-card img{
    width:150px;
    height:150px;
    transition:.4s;
    border-radius: 15px;
    /* filter:grayscale(100%); */
}

.sponsor-logo-card:hover img{
    /* filter:grayscale(0%); */
    transform:scale(1.3);
}


/* TITLE */
.dbrau-title{
    font-family: 'Cinzel', serif;
    color: var(--dbrau-deep);
}

.dbrau-line{
    width:60px;
    height:3px;
    background:var(--dbrau-gold);
}

/* TABS */
.dbrau-tab-btn{
    border:1px solid #ddd;
    padding:8px 18px;
    border-radius:30px;
    background:#fff;
    margin:5px;
    font-weight:600;
    cursor:pointer;
    transition:0.3s;
}

.dbrau-tab-btn.active{
    background:var(--dbrau-deep);
    color:#fff;
}

/* CARD */
.dbrau-card{
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.dbrau-img{
    width:100%;
    height:220px;
    object-fit:cover;
    transition:0.4s;
}

.dbrau-card:hover .dbrau-img{
    transform:scale(1.1);
}

/* EVENT CARD */
.dbrau-event-card{
    background:#fff;
    padding:20px;
    border-radius:12px;
    box-shadow:0 8px 20px rgba(0,0,0,0.05);
}




/* Buttons */
.org-btn{
    border:1px solid #ddd;
    padding:8px 20px;
    margin:5px;
    border-radius:30px;
    background:#fff;
    font-weight:600;
    cursor:pointer;
    transition:0.3s;
}

.org-btn.active{
    background:var(--dbrau-deep);
    color:#fff;
}

/* WRAPPER */
.org-wrapper{
    overflow:hidden;
    position:relative;
}

/* TRACK (movement area) */
.org-track{
    display:flex;
    transition: transform 0.7s ease-in-out;
    width:300%;
}

/* ITEM */
.org-item{
    min-width:100%;
    padding:10px;
    opacity:0;
    transform:translateX(100px);
    transition:0.6s;
}

/* ACTIVE SHOW */
.org-item.active{
    opacity:1;
    transform:translateX(0);
}


.tag-marquee-wrapper{
    width: 100%;
    overflow: hidden;
    background: #fff;
    /* border-top: 2px solid var(--dbrau-gold); */
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.tag-track{
    display: flex;
    gap: 15px;
    width: max-content;
    animation: scrollLeft 60s linear infinite; /* SLOWER from 30s → 60s */
}

.actor-tag{
    display: inline-block;
    padding: 10px 25px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    color: var(--dbrau-deep);
    background: rgba(94, 11, 27, 0.05);
    border: 1px solid rgba(212, 175, 55, 0.4);
    white-space: nowrap;
    transition: 0.3s;
}

.actor-tag:hover{
    background: var(--dbrau-deep);
    color: #fff;
    transform: scale(1.05);
}

@keyframes scrollLeft{
    0%{ transform: translateX(0%); }
    100%{ transform: translateX(-50%); }
}

.tag-marquee-wrapper:hover .tag-track{
    animation-play-state: paused;
}

/* Mobile adjustments */
@media(max-width:768px){
    .tag-track{
        animation-duration: 40s; /* slower on mobile too */
    }
    .actor-tag{
        padding: 8px 15px;
        font-size: 12px;
    }
}





.ambessdores img{
 width: 100%;
}

.ambessdores{
 width: 100%;
}
.divider{
    display: flex;
    justify-content: center;
    margin: 10px 0;

}
.divider::before{
    content: "";
    width: 38%;
    height: 2px;
    position:absolute;
    left: 8%;
    background:linear-gradient(to right, transparent, #5e0b1b);

}
.divider::after{
    content: "";
    width: 38%;
    height: 2px;
    position:absolute;
    right: 8%;
    background:linear-gradient(to left, transparent, #5e0b1b);

}



@media (max-width:768px) {

    /* FORCE SINGLE LINE FLEX */
    .row.align-items-center{
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap !important;
    }

    /* LEFT + RIGHT LOGO CLEAN */
    .row.align-items-center .col-lg-1,
    .row.align-items-center .col-md-3{
        flex: 0 0 auto !important;
        width: auto !important;
    }

    /* LOGO FIX */
    .row.align-items-center img{
        width: 50px !important;
        height: 50px !important;
        object-fit: contain;
        border-radius: 50%;
        padding: 3px;
        background: #fff;
        border: 1px solid #883344;
    }

    /* CENTER BLOCK FIX */
    .row.align-items-center .col-lg-10,
    .row.align-items-center .col-md-6{
        flex: 1 !important;
        text-align: center;
        padding: 0 5px;
        min-width: 0;
    }

    /* TEXT PERFECT */
    /*.uni-full-name{*/
    /*    font-size: 13px !important;*/
    /*    margin: 0;*/
    /*    line-height: 1.1;*/
    /*    white-space: nowrap;*/
    /*    overflow: hidden;*/
    /*    text-overflow: ellipsis;*/
    /*}*/

    /*.uni-full-name1{*/
    /*    font-size: 18px !important;*/
    /*    margin: 0;*/
    /*    line-height: 1.1;*/
    /*}*/
    /* .row.align-items-center .col-lg-1 img:first-child{*/
    /*    margin-top: 8px !important;  */
    /*}*/
      /* CENTER TEXT */
    /*.uni-full-name{*/
        /*font-size: 16px !important;*/
    /*    margin: 0;*/
    /*    line-height: 1.2;*/
    /*    white-space: nowrap;*/
    /*    overflow: hidden;*/
    /*    text-overflow: ellipsis;*/
    /*}*/

    /*.uni-full-name1{*/
    /*    font-size: 20px !important; */
    /*    margin: 0;*/
    /*    line-height: 1.2;*/
    /*}*/
}
/*.gallery-section{*/
/*    display:none;*/
/*}*/

.gallery-section.active{
    display:block;
}

/*.actor-tag.active-tag{*/
/*    background:#d4af37;*/
/*    color:#fff !important;*/
/*    border-radius:30px;*/
/*    padding:8px 18px;*/
/*}*/



    :root {
        --primary: #0d3b66;
        --secondary: #ff7a00;
        --light: #f5f8fc;
    }

    body {
        font-family: 'Segoe UI', sans-serif;
        background: var(--light);
    }

    /* Hero */
    .hero {
        background: linear-gradient(135deg, #0d3b66, #17538d);
        color: white;
        padding: 80px 0;
        text-align: center;
    }

    .hero h1 {
        font-size: 3rem;
        font-weight: 700;
    }

    .hero p {
        font-size: 1.1rem;
        opacity: .9;
    }

    /* Cards */
    .stats-card {
        background: #fff;
        border-radius: 15px;
        padding: 25px;
        text-align: center;
        box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
        border-top: 5px solid var(--dbrau-deep);
        transition: .3s;
    }

    .stats-card:hover {
        transform: translateY(-5px);
    }

    .stats-card h2 {
        color: var(--primary);
        font-weight: 700;
    }

    /* Table */
    .games-section {
        padding: 60px 0;
    }

    .table-box {
        background: white;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    }

    .table thead {
        background: var(--primary);
        color: white;
    }

    .table th,
    .table td {
        text-align: center;
        vertical-align: middle;
    }

    .table td:nth-child(2) {
        text-align: left;
        font-weight: 600;
    }

    .check {
        color: green;
        font-weight: bold;
    }

    .cross {
        color: red;
        font-weight: bold;
    }

    .search-box {
        margin-bottom: 25px;
    }

    .search-box input {
        height: 55px;
        border-radius: 50px;
        padding-left: 20px;
    }

    /* CTA */
    .cta {
        background: linear-gradient(135deg, #ff7a00, #ff9d41);
        color: white;
        padding: 60px;
        border-radius: 20px;
        text-align: center;
    }

    .cta h2 {
        font-weight: 700;
    }

    .btn-custom {
        background: white;
        color: var(--primary);
        font-weight: 600;
        border: none;
        padding: 12px 25px;
        border-radius: 50px;
    }


    @media(max-width:768px) {
        .hero h1 {
            font-size: 2rem;
        }
    }