:root {
      --primary: #9c2c2c;
      --secondary: #d9a441;
      --accent: #3a5a40;
      --text: #333333;
      --light: #f8f9fa;
      --dark: #212529;
      --bg: #11100F;
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: 'Montserrat', sans-serif;
      background-color: #FFF;
      overflow-x: hidden;
      color: var(--text);
    }

    /* Original Header Styles */
    /* Header Styles */
    .navbar {
      transition: all 0.3s ease;
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      backdrop-filter: blur(10px);
    }

    .navbar-scrolled {
      padding: 0.5rem 2rem;
      background-color: rgba(255, 255, 255, 0.98);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .brand-logo {
      font-family: 'Tangerine', cursive;
      font-size: 2.5rem;
      color: var(--primary);
      margin: 0;
      letter-spacing: 1px;
    }

    .nav-link {
      color: var(--text);
      font-weight: 500;
      margin: 0 1rem;
      position: relative;
      transition: all 0.3s ease;
      text-transform: uppercase;
      font-size: 0.85rem;
      letter-spacing: 1px;
      padding: 0.5rem 0;
    }

    .nav-link:before {
      content: '';
      position: absolute;
      width: 0;
      height: 1px;
      bottom: 0;
      left: 0;
      background-color: var(--primary);
      transition: all 0.3s ease;
    }

    .nav-link:hover {
      color: var(--primary);
    }

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

    .nav-link.active {
      color: var(--primary);
    }

    .nav-link.active:before {
      width: 100%;
    }

    /* Hero Section Styles */
    .hero-section {
      position: relative;
      min-height: 100vh;
      width: 100%;
      display: flex;
      flex-direction: row;
      overflow: hidden;
    }

    /* Left side hero content */
    .hero-content-wrapper {
      position: relative;
      width: 50%;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 100px 0;
      z-index: 10;
    }

    .hero-content {
      width: 100%;
      max-width: 600px;
      padding: 0 60px;
    }

    .hero-tagline {
      color: var(--secondary);
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 4px;
      font-weight: 500;
      margin-bottom: 20px;
      display: inline-block;
      position: relative;
    }

    .hero-tagline::after {
      content: '';
      position: absolute;
      width: 60px;
      height: 1px;
      background: var(--secondary);
      top: 50%;
      margin-left: 15px;
    }

    .hindi-title {
      font-family: 'Tiro Devanagari Hindi', serif;
      color: var(--primary);
      font-size: 4rem;
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 15px;
    }

    .hindi-subtitle {
      font-family: 'Tiro Devanagari Hindi', serif;
      color: var(--secondary);
      font-size: 2.2rem;
      font-weight: 400;
      margin-bottom: 30px;
    }

    .hero-description {
      color: var(--text);
      font-size: 16px;
      line-height: 1.8;
      margin-bottom: 40px;
    }

    .cta-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .btn-primary {
      background-color: var(--secondary);
      color: var(--dark);
      border: none;
      padding: 12px 30px;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 600;
      border-radius: 0;
      position: relative;
      overflow: hidden;
      transition: all 0.3s ease;
      z-index: 1;
    }

    .btn-primary::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: var(--primary);
      transition: all 0.3s ease;
      z-index: -1;
    }

    .btn-primary:hover {
      color: #fff;
    }

    .btn-primary:hover::before {
      left: 0;
    }

    .btn-outline {
      background-color: transparent;
      color: var(--primary);
      border: 1px solid var(--primary);
      padding: 12px 30px;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 600;
      border-radius: 0;
      transition: all 0.3s ease;
    }

    .btn-outline:hover {
      background-color: var(--primary);
      color: #fff;
    }

    /* Spice feature elements */
    .spice-features {
      margin-top: 60px;
      display: flex;
      gap: 30px;
    }

    .feature-item {
      flex: 1;
      text-align: center;
      padding: 20px;
      position: relative;
      border-left: 1px solid rgba(0, 0, 0, 0.1);
    }

    .feature-item:first-child {
      border-left: none;
    }

    .feature-icon {
      color: var(--primary);
      font-size: 24px;
      margin-bottom: 15px;
      transform: translateY(0);
      transition: transform 0.3s ease;
    }

    .feature-item:hover .feature-icon {
      transform: translateY(-5px);
      color: var(--secondary);
    }

    .feature-title {
      color: var(--text);
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 10px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .feature-desc {
      color: rgba(0, 0, 0, 0.6);
      font-size: 14px;
      line-height: 1.5;
    }

    /* Right side slider */
    .slider-wrapper {
      position: relative;
      width: 50%;
      height: 100vh;
      overflow: hidden;
    }

    /* Transition element between content and slider */
    .transition-element {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100px;
      background: linear-gradient(90deg, #fff, transparent);
      z-index: 10;
      pointer-events: none;
    }

    /* The panoramic slider */
    .panorama-slider {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    .slider-track {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 400%;
      /* 4 slides × 100% */
      display: flex;
      transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .slider-slide {
      position: relative;
      width: 25%;
      /* 100% ÷ 4 slides */
      height: 100%;
      overflow: hidden;
    }

    .slider-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 8s ease;
    }

    .slider-slide.active .slider-img {
      transform: scale(1.1);
    }

    .slide-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(135deg, rgba(156, 44, 44, 0.6) 0%, rgba(0, 0, 0, 0) 60%);
      pointer-events: none;
    }

    .slider-content {
      position: absolute;
      bottom: 80px;
      left: 60px;
      max-width: 400px;
      z-index: 10;
      pointer-events: none;
      opacity: 0;
      transform: translateY(20px);
      transition: all 0.6s ease;
    }

    .slider-slide.active .slider-content {
      opacity: 1;
      transform: translateY(0);
    }

    .slider-title {
      color: #fff;
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 10px;
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    }

    .slider-subtitle {
      font-family: 'Tiro Devanagari Hindi', serif;
      color: var(--secondary);
      font-size: 1.5rem;
      margin-bottom: 15px;
    }

    .slider-desc {
      color: rgba(255, 255, 255, 0.9);
      font-size: 1rem;
      line-height: 1.6;
      text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    }

    /* Slider progress bar */
    .slider-progress {
      position: absolute;
      bottom: 30px;
      right: 60px;
      z-index: 10;
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .progress-bar {
      width: 240px;
      height: 2px;
      background-color: rgba(255, 255, 255, 0.3);
      position: relative;
      overflow: hidden;
    }

    .progress-line {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0%;
      background-color: var(--secondary);
      transition: width 0.1s linear;
    }

    .slider-controls {
      display: flex;
      gap: 15px;
    }

    .slider-btn {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.2);
      color: #fff;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .slider-btn:hover {
      background-color: var(--secondary);
    }

    /* Floating spice elements */
    .floating-spices {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      overflow: hidden;
      pointer-events: none;
      z-index: 2;
    }

    .spice-item {
      position: absolute;
      width: 20px;
      height: 20px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      opacity: 0.15;
      animation: float 15s infinite linear;
    }

    .spice-cardamom {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23d9a441' d='M50,10 C70,10 80,30 80,50 C80,70 70,90 50,90 C30,90 20,70 20,50 C20,30 30,10 50,10 Z'/%3E%3C/svg%3E");
    }

    .spice-clove {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23d9a441' d='M50,10 L60,50 L90,60 L60,70 L50,90 L40,70 L10,60 L40,50 Z'/%3E%3C/svg%3E");
    }

    .spice-star {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23d9a441' d='M50,10 L61,36 L90,40 L69,59 L74,90 L50,75 L26,90 L31,59 L10,40 L39,36 Z'/%3E%3C/svg%3E");
    }

    @keyframes float {
      0% {
        transform: translateY(100vh) rotate(0);
        opacity: 0;
      }

      10% {
        opacity: 0.15;
      }

      90% {
        opacity: 0.15;
      }

      100% {
        transform: translateY(-100px) rotate(720deg);
        opacity: 0;
      }
    }

    /* Background patterns */
    .bg-pattern {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239c2c2c' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      opacity: 0.5;
      z-index: 1;
    }
    /* Logo */
    .logo-container {
      display: flex;
      align-items: center;
    }
    
    .logo-image {
      width: 60px;
      height: 60px;
      object-fit: contain;
      margin-right: 15px;
      transition: all 0.3s ease;
    }
    
    .logo-image:hover {
      transform: translateY(-2px);
    }
    
    .brand-info {
      display: flex;
      flex-direction: column;
    }
    
    .brand-name {
      font-family: 'Tangerine', cursive;
      font-size: 2.5rem;
      color: var(--primary);
      margin: 0;
      letter-spacing: 1px;
    }
    
    .logo-subtitle {
      font-size: 0.85rem;
      color: var(--text);
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: 500;
    }
    /* Responsive styles */
    @media (max-width: 1200px) {
      .hero-content {
        padding: 0 40px;
      }

      .hindi-title {
        font-size: 3.5rem;
      }

      .hindi-subtitle {
        font-size: 2rem;
      }

      .slider-content {
        left: 40px;
        bottom: 60px;
      }

      .slider-progress {
        right: 40px;
      }
    }

    @media (max-width: 991px) {
      .brand-name {
      font-size: 1.5rem;
    }
      .logo-image {
        width: 50px;
        height: 50px;
      }
      .hero-content-wrapper {
        width: 55%;
      }

      .slider-wrapper {
        width: 45%;
      }

      .hero-content {
        padding: 0 30px;
      }

      .hindi-title {
        font-size: 3rem;
      }

      .hindi-subtitle {
        font-size: 1.8rem;
      }

      .slider-content {
        left: 30px;
        bottom: 50px;
        max-width: 350px;
      }

      .slider-title {
        font-size: 1.8rem;
      }

      .slider-subtitle {
        font-size: 1.3rem;
      }

      .slider-progress {
        right: 30px;
        bottom: 20px;
      }

      .progress-bar {
        width: 180px;
      }

      .transition-element {
        width: 70px;
      }
    }

    @media (max-width: 767px) {
      .brand-name {
      font-size: 1.5rem;
    }
      .logo-image {
        width: 45px;
        height: 45px;
      }
      .hero-section {
        flex-direction: column;
        min-height: auto;
        height: auto;
      }

      .hero-content-wrapper {
        width: 100%;
        order: 2;
        padding: 120px 0 60px;
        justify-content: center;
      }

      .hero-content {
        padding: 0 20px;
      }

      .slider-wrapper {
        width: 100%;
        height: 400px;
        order: 1;
      }

      .transition-element {
        display: none;
      }

      .spice-features {
        flex-direction: column;
        gap: 15px;
      }

      .feature-item {
        border-left: none;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding: 15px 0;
      }

      .feature-item:first-child {
        border-top: none;
      }

      .slider-content {
        left: 20px;
        bottom: 60px;
      }

      .slider-progress {
        right: 20px;
        bottom: 20px;
      }

      .hindi-title {
        font-size: 2.8rem;
      }

      .hindi-subtitle {
        font-size: 1.6rem;
      }
    }

    @media (max-width: 575px) {
      .brand-name {
      font-size: 1.5rem;
    }
      .logo-image {
        width: 40px;
        height: 40px;
      }
      .hero-content-wrapper {
        padding: 100px 0 50px;
      }

      .slider-wrapper {
        height: 300px;
      }

      .hindi-title {
        font-size: 2.2rem;
      }

      .hindi-subtitle {
        font-size: 1.4rem;
      }

      .cta-buttons {
        flex-direction: column;
      }

      .slider-title {
        font-size: 1.5rem;
      }

      .slider-subtitle {
        font-size: 1.1rem;
      }

      .slider-desc {
        font-size: 0.9rem;
      }

      .progress-bar {
        width: 120px;
      }
    }

    /* About Us Section Styles */
    .about-section {
      position: relative;
      padding: 100px 0;
      background-color: var(--bg-light);
      overflow: hidden;
    }

    /* Decorative Elements */
    .desi-pattern {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239c2c2c' fill-opacity='0.05'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      opacity: 1;
      z-index: 0;
    }

    .corner-design {
      position: absolute;
      width: 200px;
      height: 200px;
      z-index: 1;
    }

    .corner-design-top-right {
      top: 0;
      right: 0;
      background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M200 0 L200 200 L0 200 Z' fill='%23d9a441' fill-opacity='0.1'/%3E%3Cpath d='M200 0 L200 150 L50 200 Z' fill='%23d9a441' fill-opacity='0.1'/%3E%3Cpath d='M200 0 L200 100 L100 200 Z' fill='%23d9a441' fill-opacity='0.1'/%3E%3C/svg%3E");
    }

    .corner-design-bottom-left {
      bottom: 0;
      left: 0;
      background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 200 L0 0 L200 0 Z' fill='%23d9a441' fill-opacity='0.1'/%3E%3Cpath d='M0 200 L0 50 L150 0 Z' fill='%23d9a441' fill-opacity='0.1'/%3E%3Cpath d='M0 200 L0 100 L100 0 Z' fill='%23d9a441' fill-opacity='0.1'/%3E%3C/svg%3E");
      transform: rotate(180deg);
    }

    .paisleys {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239c2c2c' fill-opacity='0.04'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      opacity: 0.5;
    }

    /* Section Title */
    .section-title-wrapper {
      position: relative;
      margin-bottom: 60px;
      text-align: center;
      display: grid;
    }

    .section-subtitle {
      display: inline-block;
      font-family: 'Tiro Devanagari Hindi', serif;
      color: var(--primary);
      font-size: 1.5rem;
      margin-bottom: 10px;
    }

    .section-title {
      position: relative;
      display: inline-block;
      padding-bottom: 15px;
      margin-bottom: 0;
      font-size: 2.5rem;
      font-weight: 700;
      color: var(--dark);
    }

    .section-title::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 3px;
      background: var(--secondary);
    }

    .title-decoration {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100px;
      height: 3px;
      background-color: rgba(217, 164, 65, 0.3);
    }

    .title-decoration-left {
      right: 100%;
      margin-right: 20px;
    }

    .title-decoration-right {
      left: 100%;
      margin-left: 20px;
    }

    /* Content Styles */
    .about-content {
      position: relative;
      z-index: 2;
    }

    .story-title {
      font-family: 'Tiro Devanagari Hindi', serif;
      color: var(--primary);
      font-size: 1.8rem;
      margin-bottom: 20px;
      position: relative;
      display: inline-block;
    }

    .story-title::after {
      content: '';
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 60px;
      height: 2px;
      background: var(--secondary);
    }

    .hindi-highlight {
      font-family: 'Tiro Devanagari Hindi', serif;
      color: var(--primary);
      font-size: 1.1em;
      font-weight: 600;
    }

    .story-text {
      font-size: 1rem;
      line-height: 1.8;
      margin-bottom: 25px;
      color: #555;
    }

    .values-container {
      margin-top: 50px;
      border-top: 1px solid rgba(157, 44, 44, 0.1);
      padding-top: 30px;
    }

    .value-item {
      background: #fff;
      padding: 30px 25px;
      border-radius: 8px;
      text-align: center;
      margin-bottom: 30px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
      transition: all 0.3s ease;
      height: 100%;
      position: relative;
      overflow: hidden;
      z-index: 1;
    }

    .value-item::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 0;
      background: linear-gradient(to bottom, rgba(217, 164, 65, 0.1), transparent);
      transition: all 0.5s ease;
      z-index: -1;
    }

    .value-item:hover {
      transform: translateY(-5px);
    }

    .value-item:hover::before {
      height: 100%;
    }

    .value-icon {
      width: 70px;
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 20px;
      background-color: rgba(156, 44, 44, 0.1);
      border-radius: 50%;
      color: var(--primary);
      font-size: 28px;
    }

    .value-title {
      font-family: 'Tiro Devanagari Hindi', serif;
      margin-bottom: 15px;
      color: var(--dark);
      font-size: 1.5rem;
    }

    .value-desc {
      color: #666;
      font-size: 0.9rem;
      line-height: 1.7;
      margin-bottom: 0;
    }

    .about-img-wrapper {
      position: relative;
      padding: 30px;
    }

    .about-img {
      position: relative;
      z-index: 2;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .about-img img {
      width: 100%;
      height: auto;
      display: block;
    }

    .experience-badge {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 150px;
      height: 150px;
      background: var(--primary);
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #fff;
      z-index: 3;
      box-shadow: 0 10px 30px rgba(156, 44, 44, 0.3);
    }

    .exp-number {
      font-size: 3rem;
      font-weight: 700;
      line-height: 1;
    }

    .exp-text {
      font-size: 1rem;
      text-transform: uppercase;
      margin-top: 5px;
    }

    .deco-spice {
      position: absolute;
      z-index: 1;
      opacity: 0.1;
    }

    .deco-spice-1 {
      width: 120px;
      height: 120px;
      top: 5%;
      right: 5%;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%239c2c2c'/%3E%3C/svg%3E");
    }

    .deco-spice-2 {
      width: 80px;
      height: 80px;
      bottom: 10%;
      left: 0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50,5 L95,50 L50,95 L5,50 Z' fill='%239c2c2c'/%3E%3C/svg%3E");
    }

    .pattern-divider {
      height: 30px;
      background-image: url("data:image/svg+xml,%3Csvg width='40' height='12' viewBox='0 0 40 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.172L6.172 0h5.656L0 11.828V6.172zm40 5.656L28.172 0h5.656L40 6.172v5.656zM6.172 12l12-12h3.656l12 12h-5.656L20 3.828 11.828 12H6.172zm12 0L20 10.172 21.828 12h-3.656z' fill='%23d9a441' fill-opacity='0.15'/%3E%3C/svg%3E");
      margin: 40px 0;
    }

    /* Responsive Styles */
    @media (max-width: 991px) {
      .about-section {
        padding: 80px 0;
      }

      .about-img-wrapper {
        margin-top: 50px;
      }

      .experience-badge {
        width: 120px;
        height: 120px;
      }

      .exp-number {
        font-size: 2.5rem;
      }

      .exp-text {
        font-size: 0.9rem;
      }
    }

    @media (max-width: 767px) {
      .section-title {
        font-size: 2rem;
      }

      .title-decoration {
        width: 60px;
      }

      .section-subtitle {
        font-size: 1.2rem;
      }

      .story-title {
        font-size: 1.5rem;
      }

      .experience-badge {
        width: 100px;
        height: 100px;
        right: 15px;
        bottom: 15px;
      }

      .exp-number {
        font-size: 2rem;
      }

      .exp-text {
        font-size: 0.8rem;
      }
    }
    
/**/
/* Custom Color Variables - Matching with Header CSS */
    :root {
      --shrisadhna-primary: #9c2c2c;
      --shrisadhna-secondary: #d9a441;
      --shrisadhna-accent: #3a5a40;
      --shrisadhna-text: #333333;
      --shrisadhna-light: #f8f9fa;
      --shrisadhna-dark: #212529;
      --shrisadhna-bg: #11100F;
    }

    /* Why Choose Us Section Base Styles */
    .shrisadhna-why-choose-us {
      position: relative;
      padding: 120px 0;
      background: linear-gradient(to bottom, #fff, #fff8f0);
      overflow: hidden;
    }

    /* Animated Background Styles */
    .shrisadhna-animated-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      pointer-events: none;
    }

    .shrisadhna-spice-particle {
      position: absolute;
      width: 6px;
      height: 6px;
      background: var(--shrisadhna-secondary);
      border-radius: 50%;
      opacity: 0.2;
      animation: shrisadhna-float-up 15s linear infinite;
    }

    .shrisadhna-particle-1 {
      left: 10%;
      top: 20%;
      animation-delay: 0s;
    }

    .shrisadhna-particle-2 {
      left: 25%;
      top: 60%;
      animation-delay: 2s;
    }

    .shrisadhna-particle-3 {
      left: 50%;
      top: 70%;
      animation-delay: 5s;
    }

    .shrisadhna-particle-4 {
      left: 70%;
      top: 40%;
      animation-delay: 7s;
    }

    .shrisadhna-particle-5 {
      left: 85%;
      top: 30%;
      animation-delay: 9s;
    }

    @keyframes shrisadhna-float-up {
      0% {
        transform: translateY(0) rotate(0deg);
        opacity: 0;
      }

      10% {
        opacity: 0.2;
      }

      90% {
        opacity: 0.2;
      }

      100% {
        transform: translateY(-1000px) rotate(360deg);
        opacity: 0;
      }
    }

    .shrisadhna-floating-masala {
      position: absolute;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      opacity: 0.1;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      filter: blur(1px);
      animation: shrisadhna-float 20s ease-in-out infinite;
    }

    .shrisadhna-masala-1 {
      left: 5%;
      top: 20%;
      background-color: var(--shrisadhna-primary);
      animation-delay: 0s;
    }

    .shrisadhna-masala-2 {
      right: 8%;
      top: 60%;
      background-color: var(--shrisadhna-accent);
      animation-delay: 7s;
    }

    .shrisadhna-masala-3 {
      left: 60%;
      bottom: 10%;
      background-color: var(--shrisadhna-secondary);
      animation-delay: 14s;
    }

    @keyframes shrisadhna-float {
      0% {
        transform: translateY(0) translateX(0);
      }

      25% {
        transform: translateY(-20px) translateX(10px);
      }

      50% {
        transform: translateY(0) translateX(20px);
      }

      75% {
        transform: translateY(20px) translateX(10px);
      }

      100% {
        transform: translateY(0) translateX(0);
      }
    }

    /* Section Header Styles */
    .shrisadhna-section-header {
      position: relative;
      margin-bottom: 60px;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
    }

    .shrisadhna-spices-decoration {
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
    }

    .shrisadhna-spices-decoration span {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      margin: 0 5px;
      display: inline-block;
      animation: shrisadhna-color-change 5s infinite alternate;
    }

    .shrisadhna-spices-decoration span:nth-child(1) {
      animation-delay: 0s;
      background-color: var(--shrisadhna-primary);
    }

    .shrisadhna-spices-decoration span:nth-child(2) {
      animation-delay: 1s;
      width: 12px;
      height: 12px;
      background-color: var(--shrisadhna-secondary);
    }

    .shrisadhna-spices-decoration span:nth-child(3) {
      animation-delay: 2s;
      background-color: var(--shrisadhna-accent);
    }

    @keyframes shrisadhna-color-change {
      0% {
        transform: scale(1);
      }

      50% {
        transform: scale(1.5);
      }

      100% {
        transform: scale(1);
      }
    }

    .shrisadhna-accent-text {
      color: var(--shrisadhna-primary);
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 3px;
      text-transform: uppercase;
      overflow: hidden;
      display: inline-block;
      margin-bottom: 10px;
    }

    .shrisadhna-reveal-text {
      position: relative;
    }

    .shrisadhna-reveal-text::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--shrisadhna-secondary);
      transform: scaleX(1);
      transform-origin: right;
      animation: shrisadhna-text-reveal 1.5s ease forwards;
    }

    @keyframes shrisadhna-text-reveal {
      0% {
        transform: scaleX(1);
      }

      100% {
        transform: scaleX(0);
        transform-origin: left;
      }
    }

    .shrisadhna-section-title {
      font-size: 3rem;
      font-weight: 700;
      color: var(--shrisadhna-text);
      margin-bottom: 15px;
      position: relative;
    }

    .shrisadhna-highlighted-text {
      color: var(--shrisadhna-primary);
      font-family: 'Tangerine', cursive;
      font-size: 4rem;
      font-weight: 700;
      position: relative;
      display: inline-block;
    }

    .shrisadhna-highlighted-text::after {
      content: '';
      position: absolute;
      bottom: 5px;
      left: 0;
      width: 100%;
      height: 8px;
      background-color: rgba(217, 164, 65, 0.2);
      z-index: -1;
    }

    .shrisadhna-reveal-title {
      opacity: 0;
      animation: shrisadhna-fade-in 0.8s ease 0.5s forwards;
    }

    @keyframes shrisadhna-fade-in {
      0% {
        opacity: 0;
        transform: translateY(20px);
      }

      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .shrisadhna-title-underline {
      width: 80px;
      height: 3px;
      background-color: rgba(156, 44, 44, 0.2);
      margin: 20px auto;
      position: relative;
      overflow: hidden;
    }

    .shrisadhna-underline-inner {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--shrisadhna-primary);
      animation: shrisadhna-line-fill 2s ease 1s forwards;
      transform: translateX(-100%);
    }

    @keyframes shrisadhna-line-fill {
      0% {
        transform: translateX(-100%);
      }

      100% {
        transform: translateX(0);
      }
    }

    .shrisadhna-lead-text {
      color: var(--shrisadhna-text);
      font-size: 18px;
      max-width: 700px;
      margin: 0 auto;
      opacity: 0;
      animation: shrisadhna-fade-in 0.8s ease 1.5s forwards;
    }

    /* Feature Cards Styles */
    .shrisadhna-feature-container {
      position: relative;
      z-index: 2;
      margin: 0 -15px;
    }

    .shrisadhna-feature-wrapper {
      padding: 15px;
      transform: translateY(50px);
      opacity: 0;
      animation: shrisadhna-card-appear 0.8s ease forwards;
    }

    .shrisadhna-feature-wrapper:nth-child(1) {
      animation-delay: 0.2s;
    }

    .shrisadhna-feature-wrapper:nth-child(2) {
      animation-delay: 0.4s;
    }

    .shrisadhna-feature-wrapper:nth-child(3) {
      animation-delay: 0.6s;
    }

    .shrisadhna-feature-wrapper:nth-child(4) {
      animation-delay: 0.8s;
    }

    @keyframes shrisadhna-card-appear {
      0% {
        transform: translateY(50px);
        opacity: 0;
      }

      100% {
        transform: translateY(0);
        opacity: 1;
      }
    }

    .shrisadhna-feature-card {
      position: relative;
      width: 100%;
      height: 280px;
      perspective: 1000px;
      margin: 0 auto;
      max-width: 300px;
    }

    .shrisadhna-card-flip {
      position: relative;
      width: 100%;
      height: 100%;
      transform-style: preserve-3d;
      transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    .shrisadhna-feature-card:hover .shrisadhna-card-flip {
      transform: rotateY(180deg);
    }

    .shrisadhna-card-front,
    .shrisadhna-card-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      border-radius: 15px;
      padding: 30px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    }

    .shrisadhna-card-front {
      background: white;
      border: 1px solid rgba(156, 44, 44, 0.1);
    }

    .shrisadhna-card-back {
      background: linear-gradient(135deg, var(--shrisadhna-primary) 0%, #d9515e 100%);
      color: white;
      transform: rotateY(180deg);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 40px 20px;
    }

    .shrisadhna-card-back p {
      font-size: 15px;
      line-height: 1.6;
      z-index: 1;
    }

    .shrisadhna-traditional-pattern {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      border-radius: 15px;
      opacity: 0.8;
    }

    .shrisadhna-icon-circle {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--shrisadhna-primary) 0%, #d9515e 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
      color: white;
      font-size: 28px;
      box-shadow: 0 5px 15px rgba(217, 164, 65, 0.3);
      animation: shrisadhna-pulse 2s infinite;
    }

    @keyframes shrisadhna-pulse {
      0% {
        box-shadow: 0 0 0 0 rgba(217, 164, 65, 0.5);
      }

      70% {
        box-shadow: 0 0 0 15px rgba(217, 164, 65, 0);
      }

      100% {
        box-shadow: 0 0 0 0 rgba(217, 164, 65, 0);
      }
    }

    .shrisadhna-card-front h3 {
      margin: 15px 0;
      font-size: 18px;
      font-weight: 600;
      color: var(--shrisadhna-text);
    }

    .shrisadhna-hover-prompt {
      position: absolute;
      bottom: 20px;
      width: 100%;
      text-align: center;
      font-size: 13px;
      color: #999;
      opacity: 0.8;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
    }

    .shrisadhna-hover-prompt i {
      font-size: 14px;
      animation: shrisadhna-point-right 1.5s infinite;
    }

    @keyframes shrisadhna-point-right {
      0% {
        transform: translateX(0);
      }

      50% {
        transform: translateX(5px);
      }

      100% {
        transform: translateX(0);
      }
    }

    /* Journey Timeline Styles */
    .shrisadhna-spice-journey {
      position: relative;
      padding: 40px 0;
      margin-top: 30px;
      max-width: 100%;
      overflow: hidden;
    }

    .shrisadhna-journey-timeline {
      position: relative;
      width: 100%;
      height: 150px;
      overflow: hidden;
      margin: 0 auto;
      max-width: 1000px;
    }

    .shrisadhna-timeline-container {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px;
    }

    .shrisadhna-timeline-step {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      z-index: 2;
      width: 20%;
      padding: 0 10px;
    }

    .shrisadhna-step-icon {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--shrisadhna-primary) 0%, #d9515e 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 20px;
      margin-bottom: 15px;
      position: relative;
      z-index: 3;
      opacity: 0.5;
      transition: all 0.5s ease;
    }

    .shrisadhna-step-content {
      text-align: center;
      opacity: 0.5;
      transition: all 0.5s ease;
    }

    .shrisadhna-step-content h4 {
      font-size: 16px;
      font-weight: 600;
      color: var(--shrisadhna-text);
      margin-bottom: 5px;
    }

    .shrisadhna-step-content p {
      font-size: 13px;
      color: #666;
      margin: 0;
    }

    .shrisadhna-connect-line {
      position: absolute;
      top: 25px;
      right: -50%;
      width: 100%;
      height: 2px;
      background: linear-gradient(to right, var(--shrisadhna-primary), var(--shrisadhna-secondary));
      z-index: 1;
    }

    .shrisadhna-timeline-step:last-child .shrisadhna-connect-line {
      display: none;
    }

    .shrisadhna-journey-tracker {
      position: absolute;
      top: 25px;
      left: 25px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: var(--shrisadhna-secondary);
      z-index: 4;
      box-shadow: 0 0 0 4px rgba(217, 164, 65, 0.3);
      animation: shrisadhna-track-journey 12s linear infinite;
    }

    @keyframes shrisadhna-track-journey {
      0% {
        left: 25px;
        box-shadow: 0 0 0 4px rgba(217, 164, 65, 0.3);
      }

      10% {
        box-shadow: 0 0 0 8px rgba(217, 164, 65, 0.1);
      }

      20% {
        left: 25%;
        box-shadow: 0 0 0 4px rgba(217, 164, 65, 0.3);
      }

      30% {
        box-shadow: 0 0 0 8px rgba(217, 164, 65, 0.1);
      }

      40% {
        left: 45%;
        box-shadow: 0 0 0 4px rgba(217, 164, 65, 0.3);
      }

      50% {
        box-shadow: 0 0 0 8px rgba(217, 164, 65, 0.1);
      }

      60% {
        left: 65%;
        box-shadow: 0 0 0 4px rgba(217, 164, 65, 0.3);
      }

      70% {
        box-shadow: 0 0 0 8px rgba(217, 164, 65, 0.1);
      }

      80% {
        left: 85%;
        box-shadow: 0 0 0 4px rgba(217, 164, 65, 0.3);
      }

      90% {
        box-shadow: 0 0 0 8px rgba(217, 164, 65, 0.1);
      }

      100% {
        left: 25px;
        box-shadow: 0 0 0 4px rgba(217, 164, 65, 0.3);
      }
    }

    /* Timeline hover effect */
    .shrisadhna-timeline-container:hover .shrisadhna-step-icon,
    .shrisadhna-timeline-container:hover .shrisadhna-step-content {
      opacity: 1;
    }

    /* CTA Section Styles */
    .shrisadhna-cta-container {
      position: relative;
      padding: 40px;
      background: linear-gradient(135deg, rgba(156, 44, 44, 0.03) 0%, rgba(217, 164, 65, 0.05) 100%);
      border-radius: 15px;
      border-left: 4px solid var(--shrisadhna-primary);
      margin-top: 50px;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
    }

    .shrisadhna-cta-text {
      font-size: 24px;
      font-weight: 600;
      color: var(--shrisadhna-text);
      margin-bottom: 25px;
    }

    .shrisadhna-cta-button {
      position: relative;
      overflow: hidden;
      padding: 12px 30px;
      background-color: var(--shrisadhna-secondary);
      color: var(--shrisadhna-dark);
      border: none;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 600;
      transition: all 0.3s ease;
    }

    .shrisadhna-cta-button::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: var(--shrisadhna-primary);
      transition: all 0.3s ease;
      z-index: 0;
    }

    .shrisadhna-cta-button:hover {
      color: #fff;
    }

    .shrisadhna-cta-button:hover::before {
      left: 0;
    }

    .shrisadhna-cta-button span {
      position: relative;
      z-index: 1;
      transition: all 0.3s ease;
    }

    .shrisadhna-cta-button i {
      margin-left: 8px;
      position: relative;
      z-index: 1;
      transition: all 0.3s ease;
    }

    .shrisadhna-cta-button:hover i {
      transform: translateX(5px);
    }

    .shrisadhna-spice-decoration {
      position: absolute;
      width: 100%;
      height: 40px;
      bottom: 0;
      left: 0;
      display: flex;
      justify-content: space-around;
      padding: 0 20%;
    }

    .shrisadhna-spice-icon {
      width: 15px;
      height: 15px;
      border-radius: 50%;
      position: relative;
    }

    .shrisadhna-spice-1 {
      background-color: var(--shrisadhna-primary);
      animation: shrisadhna-bounce 3s infinite ease;
    }

    .shrisadhna-spice-2 {
      background-color: var(--shrisadhna-secondary);
      animation: shrisadhna-bounce 3s infinite ease 1s;
    }

    .shrisadhna-spice-3 {
      background-color: var(--shrisadhna-accent);
      animation: shrisadhna-bounce 3s infinite ease 2s;
    }

    @keyframes shrisadhna-bounce {

      0%,
      100% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(-15px);
      }
    }

    /* Touch device support - flip on tap */
    @media (hover: none) {
      .shrisadhna-hover-prompt span {
        content: 'Tap to see more';
      }

      /* Add JS support to detect touch and add active class */
      .shrisadhna-feature-card:active .shrisadhna-card-flip {
        transform: rotateY(180deg);
      }
    }

    /* Responsive Styles */
    @media (max-width: 1200px) {
      .shrisadhna-section-title {
        font-size: 2.8rem;
      }

      .shrisadhna-highlighted-text {
        font-size: 3.8rem;
      }
    }

    @media (max-width: 991px) {
      .shrisadhna-why-choose-us {
        padding: 100px 0;
      }

      .shrisadhna-section-title {
        font-size: 2.5rem;
      }

      .shrisadhna-highlighted-text {
        font-size: 3.5rem;
      }

      .shrisadhna-feature-card {
        height: 250px;
        margin-bottom: 20px;
      }

      .shrisadhna-timeline-container {
        flex-direction: column;
        height: auto;
        gap: 30px;
        padding: 20px 0;
      }

      .shrisadhna-timeline-step {
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        gap: 20px;
      }

      .shrisadhna-connect-line {
        width: 2px;
        height: 30px;
        top: 100%;
        left: 25px;
        right: auto;
      }

      .shrisadhna-step-content {
        text-align: left;
      }

      .shrisadhna-journey-tracker {
        display: none;
      }

      .shrisadhna-journey-timeline {
        height: auto;
      }
    }

    @media (max-width: 767px) {
      .shrisadhna-why-choose-us {
        padding: 80px 0;
      }

      .shrisadhna-section-title {
        font-size: 2rem;
      }

      .shrisadhna-highlighted-text {
        font-size: 3rem;
      }

      .shrisadhna-lead-text {
        font-size: 16px;
      }

      .shrisadhna-feature-wrapper {
        margin-bottom: 15px;
      }

      .shrisadhna-cta-text {
        font-size: 20px;
      }

      .shrisadhna-card-front,
      .shrisadhna-card-back {
        padding: 25px 20px;
      }
    }

    @media (max-width: 575px) {
      .shrisadhna-why-choose-us {
        padding: 60px 0;
      }

      .shrisadhna-section-title {
        font-size: 1.8rem;
      }

      .shrisadhna-highlighted-text {
        font-size: 2.5rem;
      }

      .shrisadhna-card-front,
      .shrisadhna-card-back {
        padding: 20px 15px;
      }

      .shrisadhna-icon-circle {
        width: 60px;
        height: 60px;
        font-size: 24px;
      }

      .shrisadhna-cta-container {
        padding: 30px 20px;
      }

      .shrisadhna-cta-text {
        font-size: 18px;
      }

      .shrisadhna-cta-button {
        padding: 10px 20px;
        font-size: 14px;
      }
    }
    
    /**/
        /* Simple Product Section Styling */
    .ss-products-section {
      position: relative;
      padding: 100px 0;
      background-color: #fcfaf7;
      overflow: hidden;
    }

    /* Background Pattern */
    .ss-bg-pattern {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239c2c2c' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      opacity: 1;
      z-index: 0;
      pointer-events: none;
    }

    /* Section Header */
    .ss-section-header {
      position: relative;
      margin-bottom: 50px;
      z-index: 1;
    }

    .ss-section-tagline {
      display: inline-block;
      font-size: 14px;
      text-transform: uppercase;
      color: #9c2c2c;
      letter-spacing: 2px;
      font-weight: 500;
      margin-bottom: 10px;
    }

    .ss-section-title {
      font-size: 2.5rem;
      font-weight: 700;
      color: #333;
      margin-bottom: 15px;
    }

    .ss-section-subtitle {
      font-size: 16px;
      color: #666;
      max-width: 700px;
      margin: 0 auto 20px;
      line-height: 1.6;
    }

    .ss-section-divider {
      width: 80px;
      height: 3px;
      background: linear-gradient(to right, #9c2c2c, #d9a441);
      margin: 0 auto;
      border-radius: 3px;
    }

    /* Product Cards */
    .ss-product-grid {
      position: relative;
      z-index: 2;
    }

    .ss-product-card {
      background-color: white;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      height: 100%;
    }

    .ss-product-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

    .ss-product-image {
      padding: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      overflow: hidden;
      background: linear-gradient(135deg, #fcfaf7 0%, #ffffff 100%);
    }

    .ss-image-container {
      width: 160px;
      height: 160px;
      border-radius: 50%;
      overflow: hidden;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      position: relative;
    }

    .ss-image-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }

    .ss-product-card:hover .ss-image-container img {
      transform: scale(1.1);
    }

    .ss-image-container::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: radial-gradient(circle, transparent 50%, rgba(156, 44, 44, 0.03) 100%);
      pointer-events: none;
    }

    .ss-product-info {
      padding: 20px 25px 30px;
      text-align: center;
      border-top: 2px solid #f5f5f5;
    }

    .ss-product-title {
      font-size: 1.5rem;
      font-weight: 600;
      color: #9c2c2c;
      margin-bottom: 5px;
    }

    .ss-product-title-hindi {
      font-family: 'Tiro Devanagari Hindi', serif;
      font-size: 1.3rem;
      color: #d9a441;
      margin-bottom: 15px;
      font-weight: 500;
    }

    .ss-product-desc {
      margin-top: 15px;
      text-align: left;
    }

    .ss-product-desc p {
      font-size: 14px;
      color: #666;
      line-height: 1.6;
      margin-bottom: 15px;
    }

    .ss-product-features {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .ss-product-features li {
      font-size: 14px;
      color: #444;
      padding: 6px 0;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .ss-product-features li i {
      color: #9c2c2c;
      font-size: 12px;
    }

    /* Media Queries */
    @media (max-width: 991px) {
      .ss-section-title {
        font-size: 2.2rem;
      }

      .ss-product-card {
        margin-bottom: 30px;
      }

      .ss-image-container {
        width: 140px;
        height: 140px;
      }
    }

    @media (max-width: 767px) {
      .ss-products-section {
        padding: 70px 0;
      }

      .ss-section-title {
        font-size: 1.8rem;
      }

      .ss-image-container {
        width: 120px;
        height: 120px;
      }

      .ss-product-title {
        font-size: 1.3rem;
      }

      .ss-product-title-hindi {
        font-size: 1.1rem;
      }
    }

    @media (max-width: 575px) {
      .ss-products-section {
        padding: 50px 0;
      }

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

      .ss-image-container {
        width: 100px;
        height: 100px;
      }

      .ss-product-image {
        padding: 20px;
      }

      .ss-product-info {
        padding: 15px 20px 25px;
      }

      .ss-product-title {
        font-size: 1.2rem;
      }

      .ss-product-title-hindi {
        font-size: 1rem;
        margin-bottom: 10px;
      }

      .ss-product-desc p {
        font-size: 13px;
      }

      .ss-product-features li {
        font-size: 13px;
      }
    }
    /**/
    .shri-uniqueness-section {
        padding: 120px 0;
        position: relative;
        background-color: #fff;
        overflow: hidden;
      }

      .shri-uniqueness-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239c2c2c' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        opacity: 0.5;
      }

      .shri-container {
        width: 100%;
        max-width: 1200px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 15px;
        padding-left: 15px;
      }

      .shri-section-title-wrapper {
        text-align: center;
        position: relative;
        margin-bottom: 80px;
      }

      .shri-section-accent {
        width: 80px;
        height: 3px;
        background: linear-gradient(90deg, #9c2c2c, #d9a441);
        margin: 0 auto 20px;
      }

      .shri-section-title {
        font-size: 2.8rem;
        color: #333333;
        font-weight: 700;
        margin-bottom: 15px;
        position: relative;
        display: inline-block;
      }

      .shri-section-title .shri-highlight {
        font-family: 'Tangerine', cursive;
        font-size: 3.5rem;
        color: #9c2c2c;
      }

      .shri-section-subtitle {
        font-size: 1.1rem;
        color: #3a5a40;
        font-weight: 500;
        max-width: 600px;
        margin: 0 auto;
      }

      .shri-unique-wrapper {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        margin-bottom: 80px;
        align-items: flex-start;
      }

      .shri-unique-content-wrapper {
        flex: 0 0 55%;
        padding-right: 50px;
        box-sizing: border-box;
      }

      .shri-unique-visual-wrapper {
        flex: 0 0 45%;
        position: relative;
        min-height: 600px;
        box-sizing: border-box;
      }

      /* Timeline styling */
      .shri-timeline {
        position: relative;
        padding-left: 0;
        margin-left: 80px;
      }

      .shri-timeline::before {
        content: '';
        position: absolute;
        left: -30px;
        top: 0;
        bottom: 0;
        width: 2px;
        background-color: #d9a441;
        opacity: 0.3;
      }

      .shri-timeline-item {
        position: relative;
        padding-bottom: 60px;
        transition: all 0.4s ease;
        margin-left: 0;
        clear: both;
      }

      .shri-timeline-item::after {
        content: '';
        position: absolute;
        left: -34px;
        top: 10px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #d9a441;
        z-index: 1;
      }

      .shri-timeline-year {
        position: absolute;
        left: -100px;
        top: 0;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 2rem;
        width: 100px;
        text-align: left;
        padding-bottom: 0;
        border-bottom: none;
      }

      .shri-year-prefix {
        color: #d9a441;
        font-size: 1.8rem;
        font-weight: 600;
      }

      .shri-year-suffix {
        color: #9c2c2c;
        font-size: 2.2rem;
        font-weight: 700;
      }

      .shri-timeline-info {
        position: relative;
        padding-left: 0;
        max-width: 100%;
        border-left: 1px solid #d9a441;
        padding-left: 30px;
        margin-left: 2px;
      }

      .shri-timeline-info::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 30px;
        height: 1px;
        background-color: #d9a441;
      }

      .shri-timeline-info h3 {
        font-size: 1.6rem;
        color: #333333;
        margin-bottom: 15px;
        font-weight: 600;
      }

      .shri-timeline-info p {
        color: #666;
        line-height: 1.8;
        font-size: 1rem;
        max-width: 90%;
      }

      .shri-timeline-item:hover::before {
        background-color: #d9a441;
        transform: scale(1.2);
      }

      /* Heritage cards */
      .shri-heritage-card {
        position: absolute;
        width: 320px;
        height: 220px;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
        transition: all 0.5s ease;
      }

      .shri-card-1 {
        top: 50px;
        right: 60px;
        z-index: 2;
      }

      .shri-card-2 {
        top: 320px;
        right: 120px;
        z-index: 1;
      }

      .shri-card-image-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
      }

      .shri-card-pattern {
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ddb458' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        z-index: 1;
      }

      .shri-card-image {
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
        transition: all 0.5s ease;
      }

      .shri-card-label {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 15px;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 0.9rem;
        z-index: 2;
      }

      .shri-heritage-card:hover {
        transform: translateY(-10px);
      }

      .shri-heritage-card:hover .shri-card-image {
        transform: scale(1.1);
      }

      /* Decorative elements */
      .shri-unique-circle {
        position: absolute;
        width: 250px;
        height: 250px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(221, 180, 88, 0.15) 0%, rgba(156, 44, 44, 0.05) 70%);
        top: 200px;
        left: 50px;
        z-index: 0;
      }

      .shri-spice-motif {
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: 0.1;
        z-index: 0;
      }

      .shri-motif-1 {
        width: 100px;
        height: 100px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%239c2c2c' d='M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0-9a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0v-4a1 1 0 0 1 1-1zm0-4a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E");
        top: 50px;
        left: 20px;
      }

      .shri-motif-2 {
        width: 150px;
        height: 150px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d9a441' d='M9.6 3.34l2.4 5.6 2.4-5.6a9.99 9.99 0 0 1 4.54 13.34l-5.6-2.4 2.4 5.6a10 10 0 0 1-13.34-4.54l5.6-2.4-5.6-2.4A9.99 9.99 0 0 1 9.6 3.34z'/%3E%3C/svg%3E");
        bottom: 30px;
        right: 0;
      }

      .shri-motif-3 {
        width: 120px;
        height: 120px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233a5a40' d='M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-3.54-4.46a1 1 0 0 1 1.42-1.42 3 3 0 0 0 4.24 0 1 1 0 0 1 1.42 1.42 5 5 0 0 1-7.08 0zM9 11a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm6 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'/%3E%3C/svg%3E");
        top: 400px;
        left: 100px;
      }

      /* Features grid */
      .shri-unique-features {
        margin-bottom: 80px;
      }

      .shri-row {
        margin-right: -15px;
        margin-left: -15px;
        display: flex;
        flex-wrap: wrap;
      }

      .shri-col-md-4 {
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        margin-bottom: 30px;
      }

      .shri-feature-box {
        background-color: #fff;
        padding: 30px;
        border-radius: 8px;
        text-align: center;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        height: 100%;
        transition: all 0.3s ease;
        border: 1px solid rgba(0, 0, 0, 0.05);
        position: relative;
        overflow: hidden;
      }

      .shri-feature-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 5px;
        height: 0;
        background: linear-gradient(to bottom, #9c2c2c, #d9a441);
        transition: all 0.3s ease;
      }

      .shri-feature-box:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
      }

      .shri-feature-box:hover::before {
        height: 100%;
      }

      .shri-feature-icon-wrapper {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: linear-gradient(135deg, #9c2c2c, #d9a441);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 20px;
        position: relative;
        z-index: 1;
      }

      .shri-feature-icon-wrapper i {
        color: #fff;
        font-size: 24px;
      }

      .shri-feature-box h3 {
        font-size: 1.2rem;
        color: #333333;
        margin-bottom: 15px;
        font-weight: 600;
      }

      .shri-feature-box p {
        color: #666;
        font-size: 0.95rem;
        line-height: 1.7;
      }

      /* Quote section */
      .shri-heritage-quote-wrapper {
        max-width: 800px;
        margin: 0 auto;
        padding: 60px 0;
        position: relative;
      }

      .shri-heritage-quote {
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 8px;
        padding: 40px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        position: relative;
        z-index: 1;
        display: flex;
        align-items: flex-start;
        border-left: 5px solid #d9a441;
      }

      .shri-quote-icon {
        font-size: 30px;
        color: #d9a441;
        opacity: 0.5;
        margin-right: 20px;
        margin-top: 5px;
      }

      .shri-quote-text p {
        font-family: 'Tiro Devanagari Hindi', serif;
        font-size: 1.4rem;
        line-height: 1.6;
        color: #333333;
        margin-bottom: 15px;
        font-style: italic;
      }

      .shri-quote-text cite {
        font-family: 'Montserrat', sans-serif;
        font-size: 1rem;
        color: #9c2c2c;
        font-weight: 600;
        font-style: normal;
      }

      /* Responsive styles */
      @media (max-width: 1200px) {
        .shri-unique-content-wrapper {
          padding-right: 30px;
        }

        .shri-heritage-card {
          width: 280px;
          height: 200px;
        }

        .shri-card-1 {
          right: 10px;
        }

        .shri-card-2 {
          right: 70px;
        }
      }

      @media (max-width: 991px) {
        .shri-uniqueness-section {
          padding: 80px 0;
        }

        .shri-unique-wrapper {
          flex-direction: column;
        }

        .shri-unique-content-wrapper {
          flex: 0 0 100%;
          padding-right: 0;
          margin-bottom: 60px;
        }

        .shri-unique-visual-wrapper {
          flex: 0 0 100%;
          min-height: 500px;
        }

        .shri-heritage-card {
          position: relative;
          width: 80%;
          margin: 0 auto 30px;
          height: 250px;
        }

        .shri-card-1,
        .shri-card-2 {
          top: auto;
          right: auto;
        }

        .shri-unique-circle,
        .shri-spice-motif {
          display: none;
        }

        .shri-section-title {
          font-size: 2.4rem;
        }

        .shri-section-title .shri-highlight {
          font-size: 3rem;
        }

        .shri-col-md-4 {
          flex: 0 0 100%;
          max-width: 100%;
        }
      }

      @media (max-width: 767px) {
        .shri-uniqueness-section {
          padding: 60px 0;
        }

        .shri-section-title-wrapper {
          margin-bottom: 50px;
        }

        .shri-section-title {
          font-size: 2rem;
        }

        .shri-section-title .shri-highlight {
          font-size: 2.5rem;
        }

        .shri-section-subtitle {
          font-size: 1rem;
        }

        .shri-heritage-card {
          width: 100%;
          height: 200px;
        }

        .shri-heritage-quote {
          padding: 25px;
          flex-direction: column;
        }

        .shri-quote-icon {
          margin-bottom: 15px;
        }

        .shri-quote-text p {
          font-size: 1.2rem;
        }

        .shri-timeline {
          margin-left: 0;
          padding-left: 0;
        }

        .shri-timeline::before {
          left: 0;
        }

        .shri-timeline-item {
          padding-left: 15px;
        }

        .shri-timeline-item::after {
          left: -5px;
        }

        .shri-timeline-year {
          position: relative;
          left: 0;
          margin-bottom: 10px;
          display: block;
          margin-bottom: 15px;
        }

        .shri-timeline-info {
          padding-left: 15px;
          margin-left: 0;
          border-left-color: rgba(217, 164, 65, 0.3);
        }

        .shri-timeline-info::before {
          width: 15px;
        }

        .shri-timeline-info p {
          max-width: 100%;
        }
      }

      /* Animation classes for AOS library integration */
      [data-aos="fade-up"],
      [data-aos="fade-left"] {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.6s ease, transform 0.6s ease;
      }

      [data-aos="fade-left"] {
        transform: translateX(30px);
      }

      [data-aos].aos-animate {
        opacity: 1;
        transform: translate(0);
      }
      /**/
          :root {
      --primary: #9c2c2c;
      --secondary: #d9a441;
      --accent: #3a5a40;
      --text: #333333;
      --light: #f8f9fa;
      --dark: #212529;
      --bg: #11100F;
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: 'Montserrat', sans-serif;
      background-color: #FFF;
      overflow-x: hidden;
      color: var(--text);
    }

    /* Contact Section */
    .shri-contact-section {
      position: relative;
      padding: 100px 0 80px;
      background-color: #fff;
      overflow: hidden;
    }

    .shri-contact-bg-pattern {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239c2c2c' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      opacity: 0.6;
      z-index: -1;
    }

    /* Section Heading */
    .shri-section-heading {
      margin-bottom: 40px;
    }

    .shri-section-tagline {
      display: block;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 3px;
      color: var(--primary);
      margin-bottom: 10px;
      font-weight: 500;
    }

    .shri-section-title {
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 15px;
      color: var(--text);
    }

    .shri-text-primary {
      color: var(--primary) !important;
    }

    .shri-text-secondary {
      color: var(--secondary) !important;
    }

    .shri-spice-divider {
      position: relative;
      height: 30px;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .shri-spice-divider:before {
      content: '';
      position: absolute;
      width: 60px;
      height: 2px;
      background: var(--secondary);
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }

    .shri-divider-icon {
      position: relative;
      background: #fff;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      color: var(--secondary);
      box-shadow: 0 0 0 8px #fff;
      z-index: 1;
    }

    .shri-section-description {
      max-width: 700px;
      margin: 0 auto;
      font-size: 16px;
      line-height: 1.7;
      color: rgba(51, 51, 51, 0.8);
    }

    /* Contact Info */
    .shri-contact-info-wrapper {
      background: linear-gradient(145deg, var(--primary) 0%, #7a2323 100%);
      color: #fff;
      border-radius: 10px;
      padding: 40px 30px;
      height: 100%;
      position: relative;
      overflow: hidden;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
      transform: translateY(0);
      transition: all 0.3s ease;
    }

    .shri-contact-info-wrapper:before {
      content: '';
      position: absolute;
      width: 150px;
      height: 150px;
      background: rgba(217, 164, 65, 0.15);
      border-radius: 50%;
      top: -75px;
      right: -75px;
      z-index: 0;
    }

    .shri-contact-info-wrapper:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    }

    .shri-contact-info-item {
      display: flex;
      align-items: flex-start;
      margin-bottom: 25px;
      position: relative;
      z-index: 1;
    }

    .shri-icon-box {
      width: 45px;
      height: 45px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 15px;
      color: var(--secondary);
      font-size: 18px;
      flex-shrink: 0;
      transition: all 0.3s ease;
    }

    .shri-contact-info-item:hover .shri-icon-box {
      background: var(--secondary);
      color: var(--primary);
      transform: scale(1.1);
    }

    .shri-info-details h4 {
      font-size: 17px;
      font-weight: 600;
      margin-bottom: 5px;
      color: #fff;
    }

    .shri-info-details p {
      margin-bottom: 3px;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8);
      line-height: 1.5;
    }

    .shri-social-media-links {
      display: flex;
      margin-top: 30px;
      position: relative;
      z-index: 1;
    }

    .shri-social-link {
      width: 38px;
      height: 38px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 12px;
      color: #fff;
      font-size: 15px;
      transition: all 0.3s ease;
    }

    .shri-social-link:hover {
      background: var(--secondary);
      color: var(--primary);
      transform: translateY(-5px);
    }

    /* Contact Form */
    .shri-contact-form-wrapper {
      background: #fff;
      border-radius: 10px;
      padding: 40px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
      border: 1px solid rgba(0, 0, 0, 0.05);
      height: 100%;
      transform: translateY(0);
      transition: all 0.3s ease;
    }

    .shri-contact-form-wrapper:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    }

    .shri-spice-decoration-1,
    .shri-spice-decoration-2 {
      position: absolute;
      width: 100px;
      height: 100px;
      background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d9a441' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .shri-spice-decoration-1 {
      top: 0;
      right: 0;
      opacity: 0.8;
      z-index: 0;
    }

    .shri-spice-decoration-2 {
      bottom: 0;
      left: 0;
      opacity: 0.5;
      z-index: 0;
    }

    .shri-form-floating {
      margin-bottom: 0;
    }

    .shri-form-floating>.form-control,
    .shri-form-floating>.form-select {
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      padding: 1rem 1rem;
      height: calc(3.5rem + 2px);
      transition: all 0.3s ease;
    }

    .shri-form-floating>textarea.form-control {
      height: 150px;
      resize: none;
    }

    .shri-form-floating>.form-control:focus {
      box-shadow: 0 0 0 3px rgba(156, 44, 44, 0.1);
      border-color: var(--primary);
    }

    .shri-form-floating>label {
      padding: 1rem 1rem;
      color: rgba(0, 0, 0, 0.6);
      display: flex;
      align-items: center;
    }

    .shri-form-floating>.form-control:focus~label,
    .shri-form-floating>.form-control:not(:placeholder-shown)~label {
      color: var(--primary);
      opacity: 0.8;
      transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    }

    .shri-form-floating>.form-control:-webkit-autofill~label {
      color: var(--primary);
      opacity: 0.8;
      transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    }

    .shri-form-check {
      padding-left: 1.8em;
      margin: 1.5rem 0;
    }

    .shri-form-check .form-check-input {
      width: 20px;
      height: 20px;
      margin-left: -1.8em;
      border: 1px solid rgba(0, 0, 0, 0.25);
      cursor: pointer;
    }

    .shri-form-check .form-check-input:checked {
      background-color: var(--primary);
      border-color: var(--primary);
    }

    .shri-form-check .form-check-label {
      padding-left: 0.5rem;
      cursor: pointer;
      font-size: 14px;
      color: rgba(51, 51, 51, 0.8);
    }

    .shri-btn-submit {
      padding: 0.8rem 2rem;
      font-size: 16px;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 30px;
      background: linear-gradient(145deg, var(--secondary) 0%, #c68f2a 100%);
      border: none;
      color: var(--dark);
      box-shadow: 0 5px 15px rgba(217, 164, 65, 0.3);
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
      z-index: 1;
    }

    .shri-btn-submit:before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(145deg, var(--primary) 0%, #7a2323 100%);
      transition: all 0.5s ease;
      z-index: -1;
    }

    .shri-btn-submit:hover {
      color: #fff;
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(156, 44, 44, 0.3);
    }

    .shri-btn-submit:hover:before {
      left: 0;
    }

    .shri-btn-submit i {
      transform: translateX(0);
      transition: all 0.3s ease;
    }

    .shri-btn-submit:hover i {
      transform: translateX(5px);
    }

    /* Form Success Message */
    .shri-form-success-message {
      text-align: center;
      padding: 40px 20px;
    }

    .shri-success-icon {
      font-size: 5rem;
      color: var(--accent);
      margin-bottom: 20px;
      animation: pulse 2s infinite;
    }

    .shri-form-success-message h4 {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 15px;
      color: var(--primary);
    }

    .shri-form-success-message p {
      font-size: 16px;
      margin-bottom: 30px;
      color: rgba(51, 51, 51, 0.8);
    }

    /* Map Section */
    .shri-map-section {
      position: relative;
      overflow: hidden;
    }

    .shri-map-container {
      position: relative;
      height: 400px;
      overflow: hidden;
    }

    .shri-map-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, rgba(17, 16, 15, 0.85) 0%, rgba(17, 16, 15, 0.7) 40%, rgba(17, 16, 15, 0) 100%);
      z-index: 1;
    }

    .shri-map-card {
      position: relative;
      z-index: 2;
      background: rgba(156, 44, 44, 0.85);
      backdrop-filter: blur(10px);
      padding: 30px;
      border-radius: 10px;
      color: #fff;
      margin-top: 80px;
      max-width: 400px;
      border-left: 4px solid var(--secondary);
      transition: all 0.3s ease;
    }

    .shri-map-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    }

    .shri-hindi-title {
      font-family: 'Tiro Devanagari Hindi', serif;
      font-size: 2.2rem;
      color: var(--secondary);
      margin-bottom: 15px;
    }

    .shri-map-card p {
      margin-bottom: 20px;
      font-size: 15px;
      line-height: 1.7;
      color: rgba(255, 255, 255, 0.9);
    }

    .shri-btn-outline {
      color: #fff;
      border-color: rgba(255, 255, 255, 0.3);
      padding: 8px 20px;
      font-size: 14px;
      border-radius: 30px;
      transition: all 0.3s ease;
    }

    .shri-btn-outline:hover {
      background-color: var(--secondary);
      border-color: var(--secondary);
      color: var(--primary);
      transform: translateY(-3px);
    }

    .shri-map-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
    }

    /* Animations */
    @keyframes pulse {
      0% {
        transform: scale(1);
        opacity: 0.8;
      }

      50% {
        transform: scale(1.1);
        opacity: 1;
      }

      100% {
        transform: scale(1);
        opacity: 0.8;
      }
    }

    /* Special animation effects for elements */
    .shri-contact-info-wrapper,
    .shri-contact-form-wrapper,
    .shri-map-card {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.8s ease, transform 0.8s ease;
    }

    .shri-contact-info-wrapper.animate,
    .shri-contact-form-wrapper.animate,
    .shri-map-card.animate {
      opacity: 1;
      transform: translateY(0);
    }

    /* Staggered animation for contact info items */
    .shri-contact-info-item {
      opacity: 0;
      transform: translateX(-20px);
      transition: opacity 0.5s ease, transform 0.5s ease;
    }

    .shri-contact-info-wrapper.animate .shri-contact-info-item {
      opacity: 1;
      transform: translateX(0);
    }

    .shri-contact-info-wrapper.animate .shri-contact-info-item:nth-child(1) {
      transition-delay: 0.1s;
    }

    .shri-contact-info-wrapper.animate .shri-contact-info-item:nth-child(2) {
      transition-delay: 0.2s;
    }

    .shri-contact-info-wrapper.animate .shri-contact-info-item:nth-child(3) {
      transition-delay: 0.3s;
    }

    .shri-contact-info-wrapper.animate .shri-contact-info-item:nth-child(4) {
      transition-delay: 0.4s;
    }

    /* Form field focus effect */
    .shri-form-floating.focused .form-control {
      box-shadow: 0 0 0 3px rgba(217, 164, 65, 0.15);
      border-color: var(--secondary);
    }

    .shri-form-floating.focused label {
      color: var(--secondary) !important;
    }

    /* Button loading animation */
    .shri-btn-submit .fa-spinner {
      animation: spin 1s infinite linear;
    }

    @keyframes spin {
      from {
        transform: rotate(0deg);
      }

      to {
        transform: rotate(360deg);
      }
    }

    /* Success message animation */
    .shri-form-success-message {
      animation: fadeIn 0.5s ease-out;
    }

    .shri-success-icon i {
      display: inline-block;
      animation: scaleIn 0.5s ease-out forwards, pulse 2s infinite 0.5s;
    }

    @keyframes scaleIn {
      from {
        transform: scale(0);
        opacity: 0;
      }

      to {
        transform: scale(1);
        opacity: 1;
      }
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(20px);
      }

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

    /* Responsive Styles */
    @media (max-width: 1199px) {
      .shri-section-title {
        font-size: 2.2rem;
      }

      .shri-hindi-title {
        font-size: 1.8rem;
      }
    }

    @media (max-width: 991px) {
      .shri-contact-section {
        padding: 80px 0 60px;
      }

      .shri-section-title {
        font-size: 2rem;
      }

      .shri-contact-info-wrapper {
        margin-bottom: 30px;
      }

      .shri-map-card {
        margin-top: 50px;
      }
    }

    @media (max-width: 767px) {
      .shri-contact-section {
        padding: 60px 0 40px;
      }

      .shri-section-title {
        font-size: 1.8rem;
      }

      .shri-contact-form-wrapper {
        padding: 30px 20px;
      }

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

      .shri-info-details h4 {
        font-size: 16px;
      }

      .shri-map-container {
        height: 350px;
      }

      .shri-map-card {
        margin-top: 40px;
        max-width: 300px;
      }

      .shri-hindi-title {
        font-size: 1.6rem;
      }
    }

    @media (max-width: 575px) {
      .shri-contact-section {
        padding: 50px 0 30px;
      }

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

      .shri-btn-submit {
        width: 100%;
      }

      .shri-map-container {
        height: 300px;
      }

      .shri-map-card {
        padding: 20px;
        margin-top: 30px;
      }

      .shri-hindi-title {
        font-size: 1.4rem;
      }
    }
    /**/
    /* Footer Styles */
    .shri-footer-section {
      background-color: var(--bg);
      color: rgba(255, 255, 255, 0.7);
      position: relative;
      overflow: hidden;
    }

    .shri-footer-top {
      position: relative;
      padding: 80px 0 50px;
      background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ddb458' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .shri-footer-logo {
      font-family: 'Tangerine', cursive;
      font-size: 3rem;
      color: var(--secondary);
      margin-bottom: 5px;
    }

    .shri-footer-tagline {
      color: rgba(255, 255, 255, 0.7);
      font-size: 14px;
      margin-bottom: 15px;
      text-transform: uppercase;
      letter-spacing: 2px;
    }

    .shri-footer-desc {
      color: rgba(255, 255, 255, 0.5);
      font-size: 14px;
      line-height: 1.6;
      margin-bottom: 0;
    }

    .shri-footer-title {
      color: #fff;
      font-size: 18px;
      margin-bottom: 25px;
      position: relative;
      padding-bottom: 10px;
    }

    .shri-footer-title::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 40px;
      height: 2px;
      background-color: var(--secondary);
    }

    .shri-footer-links {
      list-style: none;
      padding: 0;
      margin: 0;
    }

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

    .shri-footer-links a {
      color: rgba(255, 255, 255, 0.5);
      text-decoration: none;
      transition: all 0.3s ease;
      font-size: 14px;
      position: relative;
      padding-left: 15px;
      display: inline-block;
    }

    .shri-footer-links a::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 6px;
      height: 6px;
      background-color: var(--secondary);
      border-radius: 50%;
      opacity: 0.5;
      transition: all 0.3s ease;
    }

    .shri-footer-links a:hover {
      color: var(--secondary);
      padding-left: 20px;
    }

    .shri-footer-links a:hover::before {
      opacity: 1;
      transform: translateY(-50%) scale(1.2);
    }

    .shri-footer-newsletter-text {
      color: rgba(255, 255, 255, 0.5);
      font-size: 14px;
      margin-bottom: 20px;
    }

    .shri-footer-newsletter .input-group {
      background-color: rgba(255, 255, 255, 0.05);
      border-radius: 30px;
      overflow: hidden;
      padding: 3px;
    }

    .shri-footer-newsletter .form-control {
      background-color: transparent;
      border: none;
      height: 44px;
      color: #fff;
      padding-left: 20px;
    }

    .shri-footer-newsletter .form-control::placeholder {
      color: rgba(255, 255, 255, 0.3);
    }

    .shri-footer-newsletter .form-control:focus {
      outline: none;
      box-shadow: none;
    }

    .shri-footer-newsletter .btn {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--secondary);
      border-color: var(--secondary);
    }

    .shri-footer-newsletter .btn:hover {
      background-color: var(--primary);
      border-color: var(--primary);
    }

    .shri-footer-social {
      display: flex;
      margin-top: 25px;
    }

    .shri-footer-social .shri-social-link {
      width: 36px;
      height: 36px;
      background-color: rgba(255, 255, 255, 0.05);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 12px;
      color: #fff;
      font-size: 15px;
      transition: all 0.3s ease;
    }

    .shri-footer-social .shri-social-link:hover {
      background: var(--secondary);
      color: var(--primary);
      transform: translateY(-5px);
    }

    .shri-footer-bottom {
      background-color: rgba(0, 0, 0, 0.2);
      padding: 20px 0;
      position: relative;
    }

    .shri-copyright {
      color: rgba(255, 255, 255, 0.4);
      font-size: 13px;
      margin: 0;
    }

    .shri-powered-by {
      color: rgba(255, 255, 255, 0.4);
      font-size: 13px;
      margin: 0;
    }

    .shri-powered-by a {
      color: var(--secondary);
      text-decoration: none;
      font-weight: 600;
      transition: all 0.3s ease;
    }

    .shri-powered-by a:hover {
      color: #fff;
    }

    /* Heart icon animation */
    .shri-powered-by .fa-heart {
      color: var(--primary);
      margin-left: 4px;
      animation: heartbeat 1.5s infinite;
      font-size: 12px;
    }

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

      25% {
        transform: scale(1.2);
      }

      50% {
        transform: scale(1);
      }

      75% {
        transform: scale(1.2);
      }

      100% {
        transform: scale(1);
      }
    }

    /* Responsive Styles */
    @media (max-width: 767px) {
      .shri-footer-section {
        text-align: center;
      }

      .shri-footer-title::after {
        left: 50%;
        transform: translateX(-50%);
      }

      .shri-footer-links a {
        padding-left: 0;
      }

      .shri-footer-links a::before {
        display: none;
      }

      .shri-footer-social {
        justify-content: center;
      }

      .shri-powered-by {
        margin-top: 10px;
        text-align: center;
      }
    }
    .whatsapp-float {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
  }
  
  .whatsapp-float a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background-color: #25D366;
    color: white;
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    position: relative;
  }
  
  .whatsapp-float a i {
    font-size: 28px;
  }
  
  .whatsapp-float a:hover {
    background-color: #128C7E;
    transform: scale(1.05);
  }
  
  .whatsapp-tooltip {
    position: absolute;
    right: 70px;
    background-color: #333;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  
  .whatsapp-tooltip::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
  }
  
  .whatsapp-float a:hover .whatsapp-tooltip {
    opacity: 1;
    visibility: visible;
  }
  
  /* Animation effect */
  .whatsapp-float {
    animation: float-bounce 2s infinite;
  }
  
  @keyframes float-bounce {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }
  
  /* Responsive adjustments */
  @media (max-width: 767px) {
    .whatsapp-float {
      bottom: 20px;
      right: 20px;
    }
    
    .whatsapp-float a {
      width: 50px;
      height: 50px;
    }
    
    .whatsapp-float a i {
      font-size: 24px;
    }
    
    .whatsapp-tooltip {
      display: none;
    }
  }