/* Responsive overrides (mobile/tablet only)
   Goal: keep desktop design intact and improve mobile UX.
*/

@media (max-width: 992px) {
  /* Header: classic mobile navigation */
  .header-top {
    padding: 12px 18px;
  }

  .desktop-nav,
  .header-social {
    display: none !important;
  }

  .nav-toggle {
    display: inline-flex !important;
  }

  .logo-main {
    transform: scale(1.25);
    transform-origin: left top;
  }

  .partner-logo {
    display: none;
  }

  /* Hero typography */
  .hero-title {
    font-size: 2.4rem;
  }

  /* Beat inline grid styles on index and other pages */
  .intro {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
    /* avoid double vertical padding (section padding + .intro padding) */
    padding: 0 !important;
  }

  .intro-text {
    text-align: left;
    padding: 26px !important;
  }

  /* Intro paragraphs in index are inline-styled; override for mobile clarity */
  .intro-text p[style*="font-size"] {
    font-size: 15px !important;
    line-height: 1.85 !important;
     
  }

  .intro-text p[style*="margin-top"] {
    margin-top: 14px !important;
  }

  .intro-desc {
    padding: 26px !important;
  }

  .grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .features-grid {
    grid-template-columns: 1fr !important;
  }

  .bento-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }

  .bento-large {
    grid-column: span 1 !important;
  }

  /* Internal page headers */
  .page-header {
    height: 240px !important;
  }

  .page-header h1 {
    font-size: 2.2rem !important;
  }

  /* Global headings: override inline h2 sizes */
  main h2 {
    font-size: 2.05rem !important;
    line-height: 1.2 !important;
  }

  /* Common paddings that are too large on mobile */
  section[style*="padding: 100px"] {
    padding: 70px 0 !important;
  }

  section[style*="padding: 80px"] {
    padding: 60px 0 !important;
  }

  /* Cards / grids */
  .blog-grid,
  .tour-list,
  .guide-grid {
    grid-template-columns: 1fr !important;
  }

  .testimonials-container {
    padding: 0 20px;
  }

  .carousel-btn {
    width: 36px;
    height: 36px;
  }
  .testimonial-card-image {
    width: 150px;
  }
}
.intro-text {
  text-align: left;
  padding: 26px !important;
}
@media (max-width: 600px) {
  

  .header-top {
    padding: 10px 14px;
  }

  .logo-main {
    transform: scale(1.1);
  }

  .hero-title {
    font-size: 2.05rem;
  }

  .hero-subtitle {
    font-size: 12px;
    letter-spacing: 2px;
  }

  .intro {
    gap: 20px !important;
  }

  .intro-desc {
    padding: 22px !important;
  }

  main h2 {
    font-size: 1.85rem !important;
  }

  .page-header h1 {
    font-size: 2rem !important;
  }

  .testimonials-container {
    padding: 0 15px;
  }

  .whatsapp-float {
    width: 54px;
    height: 54px;
    bottom: 18px;
    right: 18px;
  }


}