/* ==========================================================================
   MY PANDIT G - RESPONSIVE STYLESHEET (responsive.css - MUST LOAD LAST)
   Media Queries for Desktop, Laptop, Tablet, Mobile & Small Screen Sizes
   ========================================================================== */

/* Wide Desktop & Above */
@media (min-width: 1200px) {
  .hero-main-title {
    font-size: 2.75rem;
  }
}

/* Laptop & Medium Screens (992px to 1199px) */
@media (max-width: 1199.98px) {
  .hero-main-title {
    font-size: 2.2rem;
  }
}

/* Tablet & Mobile Screens (Max 991px) */
@media (max-width: 991.98px) {
  .top-utility-bar {
    text-align: center;
  }

  .custom-navbar {
    padding: 10px 0;
  }

  .nav-link {
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.15);
  }

  .hero-section-ref {
    padding: 30px 0 40px;
    text-align: center;
  }

  .hero-main-subtitle {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-arch-frame {
    max-width: 320px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .timeline-track-figma {
    display: none;
  }

  .timeline-node-figma {
    margin-bottom: 8px;
  }

  .guidance-panel-figma {
    padding: 24px 16px;
  }

  .footer-figma {
    padding-top: 40px;
    text-align: center;
  }
}

/* Small Mobile Devices (Max 575px) */
@media (max-width: 575.98px) {
  .hero-main-title {
    font-size: 1.85rem;
  }

  .section-title-figma {
    font-size: 1.5rem;
  }

  .card-24-glass {
    border-radius: 18px !important;
  }

  .btn-hero-maroon, .btn-hero-gold, .btn-hero-whatsapp {
    width: 100%;
    margin-bottom: 8px;
    text-align: center;
  }

  .puja-img-wrapper-figma {
    height: 180px;
  }
}