* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      body {
        font-family: "Inter", sans-serif;
        color: #3e2a1f;
        background-color: #fffaf5;
        scroll-behavior: smooth;
      }
      h1,
      h2,
      h3,
      h4,
      .logo-font {
        font-family: "Playfair Display", serif;
      }
      :root {
        --orange: #e67e22;
        --cream: #fef3e2;
        --brown: #7b4a2e;
        --dark-brown: #4e2a1a;
        --light-cream: #fff6ed;
        --golden: #d4a373;
      }
      .bg-orange {
        background-color: var(--orange);
      }
      .bg-cream {
        background-color: var(--cream);
      }
      .bg-brown {
        background-color: var(--brown);
      }
      .text-orange {
        color: var(--orange);
      }
      .text-brown {
        color: var(--brown);
      }
      .btn-orange {
        background-color: var(--orange);
        color: white;
        border-radius: 40px;
        padding: 10px 24px;
        font-weight: 600;
        transition: all 0.3s ease;
        border: none;
      }
      .btn-orange:hover {
        background-color: #cf711f;
        transform: translateY(-3px);
        box-shadow: 0 8px 18px rgba(230, 126, 34, 0.25);
        color: white;
      }
      .btn-outline-brown {
        border: 2px solid var(--brown);
        color: var(--brown);
        border-radius: 40px;
        background: transparent;
        font-weight: 600;
        transition: all 0.3s;
      }
      .btn-outline-brown:hover {
        background-color: var(--brown);
        color: white;
        transform: translateY(-2px);
      }
      .navbar {
        transition: all 0.3s ease;
        background: rgba(255, 248, 240, 0.98);
        backdrop-filter: blur(6px);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
      }
      .navbar.scrolled {
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
        background: #fffaf2;
      }
      .nav-link {
        font-weight: 500;
        color: #4e2a1a !important;
        margin: 0 4px;
        transition: 0.2s;
      }
      .nav-link:hover {
        color: var(--orange) !important;
      }
      .hero-section {
        background:
          linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.5)),
          url("https://images.pexels.com/photos/1721932/pexels-photo-1721932.jpeg?auto=compress&cs=tinysrgb&w=1600")
            center/cover no-repeat;
        min-height: 90vh;
        display: flex;
        align-items: center;
      }
      .feature-badge {
        background: rgba(255, 255, 240, 0.9);
        border-radius: 50px;
        padding: 5px 18px;
        font-weight: 500;
      }
      .card-hover {
        transition: all 0.3s ease;
        border: none;
        border-radius: 28px;
        overflow: hidden;
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.05);
      }
      .card-hover:hover {
        transform: translateY(-8px);
        box-shadow: 0 18px 32px rgba(0, 0, 0, 0.1);
      }
      .service-icon {
        font-size: 2.5rem;
        color: var(--orange);
        background: #fff0e0;
        width: 70px;
        height: 70px;
        line-height: 70px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
      }
      .gallery-img {
        border-radius: 20px;
        cursor: pointer;
        transition: 0.4s;
        height: 240px;
        object-fit: cover;
        width: 100%;
      }
      .gallery-img:hover {
        opacity: 0.9;
        transform: scale(1.02);
      }
      .testimonial-carousel .carousel-item {
        background: #fff6ed;
        border-radius: 36px;
        padding: 2rem;
      }
      .social-icon {
        background: #f0e3d4;
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: var(--brown);
        transition: 0.2s;
        margin: 0 5px;
      }
      .social-icon:hover {
        background: var(--orange);
        color: white;
        transform: translateY(-3px);
      }
      .footer-link {
        text-decoration: none;
        color: #d9c6ad;
        transition: 0.2s;
      }
      .footer-link:hover {
        color: var(--orange);
        padding-left: 5px;
      }
      .whatsapp-float {
        position: fixed;
        bottom: 30px;
        right: 30px;
        background: #25d366;
        color: white;
        border-radius: 50px;
        padding: 12px 20px;
        font-weight: bold;
        z-index: 1040;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
        text-decoration: none;
        transition: 0.2s;
      }
      .whatsapp-float:hover {
        background: #20b859;
        transform: scale(1.05);
        color: white;
      }
      @media (max-width: 768px) {
        .hero-section {
          min-height: 70vh;
          text-align: center;
        }
        .navbar-brand {
          font-size: 1.3rem;
        }
        .whatsapp-float {
          padding: 8px 16px;
          font-size: 0.9rem;
          bottom: 20px;
          right: 20px;
        }
      }