:root {
  --primary: #0A2540;        /* Deep Navy Blue - Main brand color */
  --secondary: #D4AF37;      /* Rich Gold - Luxury accent */
  --accent: #1E4D6C;         /* Tealish Blue - subtle accent */
  --background: #F8F5F0;     /* Warm Off-white / Cream */
  --light-bg: #F4F0E8;       /* Slightly different section bg */
  --text-primary: #1F1F1F;   /* Dark text for good readability */
  --text-secondary: #4A4A4A; /* Paragraph text */
  --white: #FFFFFF;
}
.achievements-list {
    display: grid!important;
    grid-template-columns: repeat(2, 1fr)!important;   /* Exactly 2 columns */
    gap: 25px 40px!important;
    list-style: none!important;
    padding: 0!important;
    margin: 0 auto!important;
    max-width: 1000px!important;
}

.achievements-list li {
    display: flex!important;
    align-items: flex-start!important;
    gap: 15px!important;
    font-size: 1.18rem!important;
    line-height: 1.55!important;
}

.tick {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: linear-gradient(135deg, #D4AF37, #E8C44A);   /* Gold gradient */
    color: #0A2540;
    font-size: 22px;
    font-weight: 900;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4);
    flex-shrink: 0;
    margin-top: 3px;
}

/* Hover Effect (Optional - Premium feel) */
.achievements-list li:hover .tick {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(212, 175, 55, 0.5);
    transition: all 0.3s ease;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .achievements-list {
        grid-template-columns: 1fr;   /* Mobile pe 1 column */
        gap: 20px;
    }
}


/* Gallery Images */
.gallery-img {
    width: 100%;
    height: 280px;           /* Desktop pe fixed height */
   
}

/* Mobile pe full width + auto height */
@media (max-width: 576px) {
    .gallery-img {
        height: auto !important;     /* Mobile pe height auto ho jayegi */
        min-height: 220px;           /* Thodi minimum height rakhi hai */
    }
}

/* Optional: Artist card ke liye */
.artist-card {
    overflow: hidden;
    border-radius: 8px;
}

.header-icons i {
  font-size: 22px; /* try 22px or 24px */
  margin-left: 15px;
}
  #wh-toggle {
    position: fixed;
    bottom: 28px;
    right: 28px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #1F2A44;
    color: white;
    border: 3px solid white;
    cursor: pointer;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(224,90,43,0.5);
    transition: background 0.2s, transform 0.2s;
    flex-shrink: 0;
  }
  #wh-toggle:hover { background: #c94d22; transform: scale(1.07); }
  #wh-toggle svg { display: block; flex-shrink: 0; }

  #wh-card {
    position: fixed;
    bottom: 90px;
    right: 28px;
    width: 240px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.13);
    z-index: 9998;
    overflow: hidden;
    transform: scale(0.85) translateY(20px);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.25s cubic-bezier(.34,1.56,.64,1), opacity 0.2s;
    transform-origin: bottom right;
  }
  #wh-card.open {
    transform: scale(1) translateY(0);
    opacity: 1;
    pointer-events: all;
  }

  .wh-header {
    background: #1F2A44;
    color: white;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .wh-header-left {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .wh-header-title {
    font-size: 14px;
    font-weight: 600;
    font-family: sans-serif;
  }
  .wh-header-sub {
    font-size: 11px;
    opacity: 0.85;
    font-family: sans-serif;
    margin-top: 1px;
  }
  .wh-close {
    background: rgba(255,255,255,0.25);
    border: none;
    color: white;
    min-width: 26px;
    min-height: 26px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    flex-shrink: 0;
    padding: 0;
  }
  .wh-close:hover { background: rgba(255,255,255,0.45); }

  .wh-body {
    padding: 14px 16px;
  }

  .wh-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    font-family: sans-serif;
    margin-bottom: 12px;
    padding: 4px 10px;
    border-radius: 20px;
  }
  .wh-status.open-now { background: #E1F5EE; color: #0F6E56; }
  .wh-status.closed-now { background: #FCEBEB; color: #A32D2D; }
  .wh-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
  }
  .wh-status.open-now .wh-dot { background: #1D9E75; }
  .wh-status.closed-now .wh-dot { background: #E24B4A; }

  .wh-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
    border-bottom: 0.5px solid #f0f0f0;
    font-family: sans-serif;
  }
  .wh-row:last-child { border-bottom: none; }
  .wh-day { font-size: 13px; color: #666; }
  .wh-time { font-size: 13px; font-weight: 500; color: #1a1a1a; }
  .wh-time.closed { color: #1F2A44; }

  .wh-footer {
    background: #fafafa;
    border-top: 0.5px solid #f0f0f0;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #1F2A44;
    font-family: sans-serif;
  }
  .wh-footer a {
    color: #1F2A44;
    text-decoration: none;
    font-weight: 500;
    margin-left: auto;
    font-size: 12px;
  }
  .wh-footer a:hover { text-decoration: underline; }

  /* Pulse ring on button when card is closed */
  #wh-toggle.pulse::after {
    content: '';
    position: absolute;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 2px solid #E05A2B;
    animation: wh-pulse 2s ease-out infinite;
  }
  @keyframes wh-pulse {
    0%   { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(1.7); opacity: 0; }
  }

 /* .gallery-wrapper img
  {
    width: 305px;
    height: 235px;
  }*/


  @media (max-width: 768px) {
  .header-logo img {
    width: 100px !important;
    transform: scale(1.2);
  }
}