:root {
      --primary-bg: #FFFFFF;
      --secondary-bg: #f7f8f5;
      --accent-color: oklch(0.7759 0.0532 147.01);
      --accent-light: #D5DFD3;
      --accent-dark: oklch(0.2508 0.0131 285.41);
      --text-dark: #1A1A1A;
      --text-medium: #4A4A4A;
      --text-light: #7A7A7A;
      --border-color: #E0E0E0;
      --accent-plum: oklch(0.4556 0.0184 325.69);
      --accent-gold: #c5a47e;
      --transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

    html {
      font-size: 16px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: 'Playfair Display', serif !important;
      font-weight: 600;
      letter-spacing: -0.5px;
      line-height: 1.1;
    }

    h1 {
      font-family: 'Playfair Display', serif;
      text-transform: Capitalize !important;
    }

    .heading-1 {
      font-weight: 700;
      letter-spacing: -1.5px;
      margin-bottom: 3rem;
      color: white !important;
      text-shadow: 0 1px 2px rgb(253, 250, 255);

    }

    nav {
      background: transparent !important;
    }

    html,
    body {
      overflow-y: auto !important;
      height: auto !important;
      position: static !important;
    }

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

    .section-title h1 {
      font-family: 'Playfair Display', serif;
      font-size: 3.2rem;
      font-weight: 600;
      margin-bottom: 15px;
      color: var(--primary-dark);
    }

    .section-title p {
      font-size: 1.2rem;
      color: var(--text-medium);
      max-width: 700px;
      margin: 0 auto;
      line-height: 1.7;
    }

    .section-title::after {
      content: '';
      position: absolute;
      bottom: -20px;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 4px;
      background: var(--accent-plum);
      border-radius: 2px;
    }

    /* Preloader */
    .preloader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: var(--primary-bg);
      z-index: 10000;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }

    .preloader-logo {
      font-size: 4rem;
      font-weight: 700;
      color: var(--accent-plum);
      margin-bottom: 2rem;
      opacity: 0;
    }

    .preloader-bar {
      width: 200px;
      height: 2px;
      background: rgba(125, 107, 125, 0.2);
      position: relative;
      overflow: hidden;
    }

    .preloader-fill {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0%;
      background: var(--accent-plum);
    }

    @keyframes whiteblack {
      0% {
        background: oklch(100% .001 120);
        color: oklch(5% .001 120) !important;
        transition: whiteblack 0.13s ease-in;
      }

      100% {
        background: oklch(22% .008 120);
        color: oklch(95% .1 120) !important;
        transition: all 0.3s ease-in;
      }
    }

    @keyframes shimmer {
      0% {
        background-position: -1000px 0;
      }

      100% {
        background-position: 1000px 0;
      }
    }

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

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

      100% {
        transform: translateY(22px)translateX(2px);
      }
    }

    @keyframes pulse {

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

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

    .target-element {
      transition: all 0.3s ease-in;
    }

    .animate-whiteblack {
      transition: all 0.3s ease-in;
      animation: whiteblack 1.5s forwards;
    }

    /* Coordinated sections animation */
    .trust.animate-coordinated {
      position: relative;
      z-index: 2;
    }

    .trust.animate-coordinated::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: oklch(22% .008 120);
      z-index: -1;
      opacity: 0;
      transition: opacity 1.2s cubic-bezier(0.65, 0, 0.35, 1);
    }

    .trust.animate-coordinated.animate-triggered::before {
      opacity: 1;
    }

    .trust.animate-coordinated.animate-triggered .sh2,
    .trust.animate-coordinated.animate-triggered .sp2 {
      background: linear-gradient(180deg, oklch(0 0 0) 0%, oklch(0.28 0.04 146.64) 18%, oklch(0.91 0.05 147.06) 50%, #95a093 80%) !important;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent !important;
      background-clip: text !important;
      transition: color 0.6s ease-in-out 0.6s;
    }

    .animate-whiteblackslow {
      animation: whiteblackslow 1.5s forwards;
    }

    html,
    body {
      font-size: 62.5%;
      overflow-x: hidden;
      background-color: var(--primary-bg);
    }

    p,
    span,
    li,
    ul,
    ol {
      font-size: 16px;
    }

    .hero__subtitle {
      margin-bottom: 1.5rem;
    }

    h1,
    .heading-1 {
      font-size: 80px !important;
    }

    body {
      color: var(--text-dark);
      line-height: 1.6;
      font-weight: 400;
      background-image: radial-gradient(circle at 10% 20%, rgba(125, 107, 125, 0.05) 0%, rgba(125, 107, 125, 0) 20%);
    }

    /* Custom Cursor */
    .cursor {
      position: fixed;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: var(--accent-light);
      mix-blend-mode: difference;
      pointer-events: none;
      z-index: 9999;
      transform: translate(-50%, -50%);
      transition: width 0.2s, height 0.2s;
    }

    .cursor-follower {
      position: fixed;
      width: 40px;
      height: 40px;
      border: 2px solid var(--accent-light);
      border-radius: 50%;
      pointer-events: none;
      z-index: 9998;
      transform: translate(-50%, -50%);
      transition: transform 0.2s ease-out, width 0.2s, height 0.2s;
    }

    .cursor.hover,
    .cursor-follower.hover {
      width: 30px;
      height: 30px;
      background-color: rgba(255, 255, 255, 0.95);
    }

    .cursor-text {
      position: fixed;
      pointer-events: none;
      z-index: 9997;
      color: green;
      font-size: 1.2rem;
      font-weight: 600;
      letter-spacing: 1px;
      opacity: 0;
      transition: opacity 0.3s;
    }

    /* Typography */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-weight: 600;
      letter-spacing: -0.5px;
      line-height: 1.1;
    }

    .heading-1 {
      font-family: 'Playfair Display', serif;
      font-size: 80px !important;
      font-weight: 700;
      letter-spacing: -1px;
      margin-bottom: .25rem;
      text-transform: Capitalize !important;
      color: oklch(95% 0 0);
      text-shadow: 0.2px 0.2px 3px oklch(70% 0 0);
      transition: ease .3s;
      padding-bottom: 0;
    }

    .para-1 {
      color: oklch(96% .008 124);
      font-size: 17.25px;
      font-weight: 300;
      margin: 0 auto 15px;
      padding: 0 0 10px;
    }

    @keyframes texty {
      0% {
        text-shadow: 0.2px 0.2px 3.5px oklch(50% 0.05 120);
      }

      100% {
        text-shadow: 0.2px 0.2px 1.3px oklch(70% 0 0);
      }
    }

    .heading-1 .char {
      display: inline-block;
      opacity: 0;
    }

    .heading-2 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(4rem, 4vw, 4.75rem);
      margin-bottom: 2.95rem;
      position: relative;
      display: inline-block;
      font-weight: 400;
      letter-spacing: -1px;
      line-height: 1.1;
      background: linear-gradient(135deg, var(--accent-dark) 0%, var(--accent-plum) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .heading-2:nth-of-type(1) {
      color: var(--accent-dark);
      padding: 8px 0;
    }

    .sh2 {
      font-size: 38px;
      padding-left: 1.125vw !important;
      margin-bottom: 0 !important;
    }

    @media (min-width:600px) {
      .sp2 {
        padding: 10px 14vw 5px;
      }
    }


    .sp2 {
      padding: 10px 30vw 10px 0.225vw;
    }

    .heading-2:after {
      content: '';
      position: absolute;
      bottom: -1rem;
      left: 0;
      width: 60%;
      height: 2px;
      background: linear-gradient(90deg, var(--accent-plum) 0%, transparent 100%);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.6s ease;
    }

    .heading-2.active:after {
      transform: scaleX(1);
    }

    .heading-3 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.8rem, 2.2vw, 2.4rem);
      margin-bottom: 1.5rem;
      font-weight: 600;
      color: var(--text-dark);
    }

    .heading-4 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.8rem, 2.5vw, 2.2rem);
      margin-bottom: 1.5rem;
    }

    p {
      font-size: clamp(1.6rem, 1.8vw, 1.7rem);
      margin-bottom: 2rem;
      font-weight: 400;
      line-height: 1.6;
    }

    h4 {
      font-size: 20px;
    }

    /* Layout Components */
    .container {
      max-width: 140rem;
      margin: 0 auto;
      padding: 0 clamp(2rem, 4vw, 5rem);
    }

    .section {
      padding: clamp(6rem, 8vw, 10rem) 0;
      position: relative;
      margin: 60px 0;
    }

    /* Enhanced Button */
    .btn {
      text-decoration: none;
      display: inline-block;
      background: var(--accent-light);
      color: var(--text-dark);
      border: 1.3px inset var(--accent-color);
      box-shadow: 0 -1.375px 5px inset var(--accent-color);
      font-family: 'Bodoni Moda', serif;
      font-size: clamp(1.4rem, 1.6vw, 1.5rem);
      text-transform: Capitalize;
      padding: clamp(1.2rem, 2vw, 1.6rem) clamp(2.5rem, 4vw, 4rem);
      cursor: none;
      transition: var(--transition);
      letter-spacing: 2px;
      position: relative;
      overflow: hidden;
      z-index: 1;
      text-align: center;
      min-width: max-content;
      margin-top: clamp(3rem, 4vw, 4rem);
      border-radius: 12px;
    }

    .pwu {
      margin: 20px 0 0;
    }

    .btn::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      background: var(--accent-plum);
      z-index: -1;
      transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .btn:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.2);
      transform: translate(-50%, -50%);
      transition: width 0.6s, height 0.6s;
    }

    .btn:hover::before {
      width: 100%;
    }

    .btn:hover:after {
      width: 300px;
      height: 300px;
    }

    .btn:hover {
      color: var(--primary-bg);
      transform: translateY(-2px);
      box-shadow: 0 10px 30px rgba(125, 107, 125, 0.3);
    }

    .btn--light {
      color: var(--primary-bg);
      border-color: var(--primary-bg);
    }

    .btn--light::before {
      background: var(--primary-bg);
    }

    .btn--light:hover {
      color: var(--accent-plum);
    }

    /* Hero Section Enhanced */
    .hero {
      height: 100vh;
      min-height: 600px;
      position: relative;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: linear-gradient(135deg,
          rgba(0, 0, 0, 0.3) 0%,
          rgba(0, 0, 0, 0.1) 50%,
          rgba(0, 0, 0, 0.2) 100%);
    }

    .hero__background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      overflow: hidden;
    }

    .hero__background img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.05);
      will-change: transform;
    }


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

      10% {
        opacity: 1;
      }

      90% {
        opacity: 1;
      }

      100% {
        transform: translateY(-100vh) translateX(100px) scale(1.5);
        opacity: 0;
      }
    }

    .hero__content {
      position: relative;
      z-index: 3;
      color: var(--text-dark);
      justify-self: start;
      width: 100%;
      padding: 8rem 52.5% 8rem 4.5%;
      transform: translateZ(0);
    }

    h1 {
      text-transform: Capitalize !important;
      text-shadow: 0 -.5px 1.5px oklch(35% .018 120) !important;
      color: oklch(80% .008 140) !important;
    }

    .heading-1 {
      font-size: 80px !important;
      margin: 20px 0;
      font-weight: 700;
      letter-spacing: -1.5px;
      margin-bottom: 3rem;
      color: var(--text-dark);
    }

    .hero__subtitle {
      font-size: 17px
      letter-spacing: 2px;
      text-transform: Capitalize;
      margin-bottom: 2rem;
      display: block;
      opacity: 0;
      transform: translateY(20px);
      position: relative;
      padding-left: 50px;
      max-width: 20% !important;
    }

    .hero__subtitle::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      width: 40px;
      height: 1px;
      background: currentColor;
      transform: translateY(-50%);
    }

    .hero__overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(135deg,
          rgba(0, 0, 0, 0.1) 0%,
          rgba(0, 0, 0, 0.05) 50%,
          rgba(0, 0, 0, 0.1) 100%);
      z-index: 2;
    }

    /* Parallax layers */
    .parallax-layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      will-change: transform;
    }

    .parallax-layer-1 {
      z-index: 1;
      opacity: 0.3;
    }

    .parallax-layer-2 {
      z-index: 2;
      opacity: 0.5;
    }

    .parallax-layer-3 {
      z-index: 3;
      opacity: 0.7;
    }

    /* Navigation Enhanced */
    .nav {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      padding: 2rem clamp(2rem, 4vw, 5rem);
      display: flex;
      justify-content: space-between;
      align-items: center;
      z-index: 1000;
      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease, backdrop-filter 0.3s ease;
      backdrop-filter: blur(20px);
      background: rgba(251, 251, 248, 0.85);
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    
    .nav.nav-hidden {
      transform: translateY(-100%);
    }

    .nav.scrolled {
      padding: 1.5rem clamp(2rem, 4vw, 5rem);
      box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
      background: rgba(251, 251, 248, 0.95);
      backdrop-filter: blur(25px);
    }

    .nav__logo {
      font-size: clamp(1rem, 2vw, 2rem);
      font-weight: 700;
      letter-spacing: 1px;
      color: var(--text-dark);
      text-decoration: none;
      z-index: 1002;
      position: relative;
      overflow: hidden;
    }

    .nav__logo::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      /* background: var(--accent-plum); */
      transform: translateX(-100%);
      transition: transform 0.3s ease;
    }

    .nav__logo:hover::before {
      transform: translateX(0);
    }

    .nav__list {
      display: flex;
      list-style: none;
      transition: var(--transition);
    }

    .nav__item {
      margin-left: clamp(1.5rem, 3vw, 4rem);
      position: relative;
    }

    .nav__link {
      color: var(--text-dark);
      text-decoration: none;
      font-size: clamp(1.2rem, 1.4vw, 1.5rem);
      letter-spacing: 1px;
      position: relative;
      padding: 1rem 0;
      transition: var(--transition);
      white-space: nowrap;
    }

    .nav__link:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 1px;
      background: var(--accent-plum);
      transition: var(--transition);
    }

    .nav__link:hover:after {
      width: 100%;
    }
    
    /* Dropdown Menu Styles */
    .nav__item--dropdown {
      position: relative;
    }
    
    .nav__dropdown {
      position: absolute;
      top: 100%;
      left: 0;
      background: rgba(251, 251, 248, 0.95);
      backdrop-filter: blur(20px);
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
      min-width: 220px;
      padding: 1rem 0;
      opacity: 0;
      visibility: hidden;
      transform: translateY(-10px);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 1001;
      list-style: none;
    }
    
    .nav__item--dropdown:hover .nav__dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
    
    .nav__dropdown-link {
      display: block;
      padding: 0.75rem 1.5rem;
      color: var(--text-dark);
      text-decoration: none;
      font-size: 1rem;
      letter-spacing: 0.5px;
      transition: all 0.3s ease;
      position: relative;
    }
    
    .nav__dropdown-link:hover {
      background: rgba(212, 175, 55, 0.1);
      color: var(--accent-gold);
      transform: translateX(5px);
    }
    
    /* Sub-Sub Dropdown Menu Styles */
    .nav__dropdown-item {
      position: relative;
    }
    
    .nav__dropdown-item--has-submenu .nav__dropdown-link:after {
      content: '▶';
      position: absolute;
      right: 1.5rem;
      top: 50%;
      transform: translateY(-50%);
      font-size: 0.8rem;
      color: var(--text-light);
      transition: all 0.3s ease;
    }
    
    .nav__sub-dropdown {
      position: absolute;
      top: 0;
      left: 100%;
      background: rgba(251, 251, 248, 0.98);
      backdrop-filter: blur(25px);
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
      min-width: 200px;
      padding: 0.75rem 0;
      opacity: 0;
      visibility: hidden;
      transform: translateX(-10px);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 1002;
      list-style: none;
      margin-left: 5px;
    }
    
    /* Smart positioning - flip to left when near screen edge */
    .nav__dropdown-item:last-child .nav__sub-dropdown,
    .nav__dropdown-item:nth-last-child(2) .nav__sub-dropdown {
      left: auto;
      right: 100%;
      margin-left: 0;
      margin-right: 5px;
      transform: translateX(10px);
    }
    
    .nav__dropdown-item:last-child:hover .nav__sub-dropdown,
    .nav__dropdown-item:nth-last-child(2):hover .nav__sub-dropdown {
      transform: translateX(0);
    }
    
    .nav__dropdown-item--has-submenu:hover .nav__sub-dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateX(0);
    }
    
    .nav__sub-dropdown-link {
      display: block;
      padding: 0.6rem 1.25rem;
      color: var(--text-dark);
      text-decoration: none;
      font-size: 0.9rem;
      letter-spacing: 0.3px;
      transition: all 0.3s ease;
      position: relative;
      font-weight: 500;
    }
    
    .nav__sub-dropdown-link:hover {
      background: rgba(212, 175, 55, 0.15);
      color: var(--accent-gold);
      transform: translateX(3px);
      font-weight: 600;
    }
    
    .nav__dropdown-item--has-submenu:hover .nav__dropdown-link:after {
      color: var(--accent-gold);
      transform: translateY(-50%) rotate(90deg);
    }

    .nav__link:hover {
      color: var(--accent-plum);
    }

    /* Mobile Navigation */
    .mobile-toggle {
      display: none;
      background: transparent;
      border: none;
      font-size: 2.8rem;
      color: var(--text-dark);
      cursor: none;
      z-index: 1002;
    }

    .mobile-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.95);
      z-index: 1000;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      opacity: 0;
      pointer-events: none;
      transition: var(--transition);
    }

    .mobile-overlay.active {
      opacity: 1;
      pointer-events: all;
    }

    .mobile-overlay .nav__list {
      flex-direction: column;
      align-items: center;
      gap: 3rem;
    }

    .mobile-overlay .nav__item {
      margin-left: 0;
    }

    .mobile-overlay .nav__link {
      font-size: 2.2rem;
    }

    .close-btn {
      position: absolute;
      top: 3rem;
      right: 3rem;
      font-size: 3rem;
      background: none;
      border: none;
      color: var(--text-dark);
      cursor: none;
    }

    /* Management Section Enhanced */
    .management {
      background: var(--secondary-bg);
      background-image: url("https://www.transparenttextures.com/patterns/noisy-grid.png");
      color: var(--text-dark);
      position: relative;
      overflow: hidden;
      margin: 0;
    }

    .management__content {
      max-width: 95%;
      margin: 0 auto;
      text-align: center;
    }

    @keyframes digi {
      0% {
        transform: scale(1);
        filter: saturate(21) brightness(5) contrast(0.3);
      }

      50% {
        transform: scale(1.04);
        filter: saturate(21) brightness(5) contrast(0.53);
      }

      100% {
        transform: scale(0.9);
        filter: saturate(21) brightness(5) contrast(0.23);
      }
    }

    .management__text {
      font-size: clamp(1.6rem, 1.8vw, 1.8rem);
      margin: 1rem 4.5rem;
      opacity: 0;
      transform: translateY(20px);
      line-height: 1.6;
    }

    .management__stats {
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap;
      margin-top: 9rem;
      gap: clamp(1rem, 3vw, 2rem);
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding: 0 2rem;
    }

    .stat {
      text-align: center;
      flex: 1;
      padding: 0 clamp(0.5rem, 1.5vw, 1rem);
      min-width: 0;
      margin: 0;
      opacity: 0;
      transform: translateY(30px);
      position: relative;
    }

    .stat__number {
      font-size: clamp(2.5rem, 4vw, 3.5rem);
      font-weight: 600;
      color: var(--accent-plum);
      text-shadow: 0 .15px 1.2px var(--accent-dark);
      margin-bottom: 0.5rem;
      position: relative;
      display: inline-block;
    }

    .stat__number:after {
      content: attr(data-suffix);
      font-size: 0.5em;
      position: absolute;
      top: 0;
      right: -1em;
      opacity: 0.8;
    }

    .stat__label {
      font-size: clamp(1.2rem, 1.4vw, 1.5rem);
      text-transform: capitalize;
      letter-spacing: 1px;
    }

    /* Timeline Section Enhanced */
    .timeline {
      background: var(--accent-color);
      padding: clamp(6rem, 8vw, 10rem) 0;
      position: relative;
      overflow: hidden;
    }

    .timeline__header {
      text-align: center;
      margin-bottom: clamp(4rem, 6vw, 8rem);
      color: oklch(12% 0.08 120);
    }

    .timeline__header .heading-2 {
      color: var(--accent-dark);
    }

    .timeline-container {
      max-width: 1000px;
      margin: 0 auto;
      position: relative;
    }

    .timeline-container::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      width: 4px;
      background: linear-gradient(to bottom, transparent 0%, var(--accent-plum) 10%, var(--accent-plum) 90%, transparent 100%);
      left: 50%;
      margin-left: -2px;
    }

    .timeline-item {
      padding: 20px 40px;
      position: relative;
      width: 50%;
      box-sizing: border-box;
      opacity: 0;
      transform: translateY(50px);
    }

    .timeline-item:nth-child(odd) {
      left: 0;
      text-align: right;
      padding-right: 80px;
    }

    .timeline-item:nth-child(even) {
      left: 50%;
      padding-left: 80px;
    }

    .timeline-dot {
      position: absolute;
      width: 20px;
      height: 20px;
      background: var(--accent-plum);
      border: 4px solid var(--accent-color);
      border-radius: 50%;
      top: 50%;
      transform: translateY(-50%);
      z-index: 20;
      transition: all 0.3s ease;
    }

    .timeline-item:nth-child(odd) .timeline-dot {
      right: -10px;
    }

    .timeline-item:nth-child(even) .timeline-dot {
      left: -10px;
    }

    .timeline-item:hover .timeline-dot {
      transform: translateY(-50%) scale(1.3);
      background: var(--accent-gold);
    }

    .timeline-content {
      padding: 30px;
      background: white;
      border-radius: 8px;
      box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
      position: relative;
      z-index: 10;
      transition: all 0.3s ease;
    }

    .timeline-content:hover {
      transform: scale(1.05);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    }

    .timeline-content::after {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      top: 50%;
      transform: translateY(-50%) rotate(45deg);
      background: white;
      z-index: -1;
    }

    .timeline-item:nth-child(odd) .timeline-content::after {
      right: -10px;
    }

    .timeline-item:nth-child(even) .timeline-content::after {
      left: -10px;
    }

    .timeline-year {
      display: inline-block;
      background: linear-gradient(135deg, var(--accent-plum) 0%, var(--accent-gold) 100%);
      color: white;
      padding: 10px 20px;
      border-radius: 30px;
      font-weight: 600;
      margin-bottom: 15px;
      font-size: 1.8rem;
      position: relative;
      overflow: hidden;
    }

    .timeline-year::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
      transition: left 0.5s;
    }

    .timeline-content:hover .timeline-year::before {
      left: 100%;
    }

    .timeline-title {
      font-size: 2.4rem;
      margin-bottom: 15px;
      color: var(--accent-dark);
    }

    /* Story Section Enhanced */
    .story {
      display: grid;
      grid-template-columns: 1fr 1fr;
      min-height: 70rem;
      position: relative;
    }

    .story__visual {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--text-light);
      padding: clamp(3rem, 5vw, 8rem);
      overflow: hidden;
    }

    .story__image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80') no-repeat center center/cover;
      clip-path: inset(0 0 0 100%);
      transition: clip-path 1.5s cubic-bezier(0.77, 0, 0.175, 1);
    }

    .story__image:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(45deg, rgba(125, 107, 125, 0.3) 0%, transparent 100%);
    }

    .story__visual-content {
      position: relative;
      z-index: 2;
      opacity: 0;
      transform: translateY(30px);
    }

    .story__content {
      background: var(--primary-bg);
      padding: clamp(3rem, 5vw, 8rem);
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
    }

    .story__content>h3 {
      font-family: 'Playfair Display', serif;
      font-size: 24px !important;
    }

    .story__content::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url('https://www.transparenttextures.com/patterns/light-wool.png');
      opacity: 0.0675;
      z-index: 0;
    }

    .story__text {
      font-size: clamp(1.6rem, 1.8vw, 1.8rem);
      color: var(--accent-light);
      margin-bottom: 4rem;
      position: relative;
      padding-left: 2.6rem;
      z-index: 1;
      line-height: 1.6;
      opacity: 0;
      transform: translateY(-20px);
    }

    .story__text::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 2px;
      background: linear-gradient(to bottom, var(--accent-plum) 0%, transparent 100%);
    }

    .trust {
      padding: 6vh 1vw 6vh 2vw;
      background: var(--accent-light);
      margin: 0;
    }

    .trust>h2::after {
      content: '';
      position: absolute;
      top: -10vh;
      left: 0;
      width: 100vw;
      height: 300px;
      background: url('https://www.transparenttextures.com/patterns/light-wool.png');
      opacity: 0.1;
      z-index: 1;
    }

    /* Replace existing .reveal-section */
    .reveal-section {
      position: relative;
      min-height: 86vh;
      background: linear-gradient(174deg, oklch(99% 0 0) 0%, oklch(99% 0 0) 30%, oklch(22% 0.008 120) 80%, oklch(18% 0.02 120) 100%);
      z-index: 2;
      margin-top: -1px;
      clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    }

    .lh3 {
      color: var(--accent-light);
      margin-bottom: 12px;
    }

    /* CTA Section Styling */
    .cta1 {
      background: var(--accent-dark) !important;
      position: relative;
      z-index: 5;
      color: #fff;
    }

    .reveal-background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url('https://www.transparenttextures.com/patterns/light-wool.png'), var(--accent-dark);
      opacity: 0.15;
      z-index: 1;
      pointer-events: none;
    }

    .reveal-content {
      position: relative;
      z-index: 3;
      padding: 120px 0;
      clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
      transition: clip-path 1.5s cubic-bezier(0.65, 0, 0.35, 1);
      background: oklch(90% 0.008 132);
      min-height: 60vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .reveal-content.revealed {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }

    .reveal-inner {
      text-align: center;
      max-width: 800px;
      margin: 0 auto;
      padding: 0 2rem;
      opacity: 0;
      transform: translateY(50px);
      transition: all 1s cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
    }

    .reveal-content.revealed .reveal-inner {
      opacity: 1;
      transform: translateY(0);
    }

    .reveal-heading {
      font-size: clamp(3rem, 5vw, 4.5rem);
      color: var(--accent-dark);
      margin-bottom: 2rem;
      background: linear-gradient(135deg, var(--accent-dark) 0%, var(--accent-plum) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .reveal-text {
      font-size: clamp(1.6rem, 2vw, 1.8rem);
      color: var(--text-medium);
      line-height: 1.8;
      margin-bottom: 3rem;
    }

    .services {
      position: relative;
      padding: 0 0 20px;
      background: transparent;
      overflow: hidden;
      z-index: 5;
    }

    .services-header {
      text-align: center;
      padding: 0 0 20px;
      position: relative;
      z-index: 6;
    }

    .services-head {
      color: var(--accent-dark) !important;
      margin-bottom: 1.4rem;
      opacity: 0;
      transform: translateY(30px);
      display: inline-block;
    }

    .services-head.animate-in {
      opacity: 1;
      transform: translateY(0);
      transition: all 1s ease-out;
    }

    .services-header>p {
      max-width: 60rem;
      margin: 20px auto;
      color: oklch(12% .008 120);
      font-size: clamp(1.55rem, 1.8vw, 1.8rem);
      opacity: 0;
      transform: translateY(20px);
    }

    .services-header>p.animate-in {
      opacity: 1;
      transform: translateY(0);
      transition: all 1s ease-out 0.2s;
    }

    /* Services content with white background */
    .services-content {
      position: relative;
      background: oklch(99% 0 0);
      padding: 10px 0;
      margin-top: 0;
      border-radius: 40px 40px 0 0;
      box-shadow: 0 -20px 60px rgba(0, 0, 0, 0.01);
      z-index: 6;
    }

    .services__grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(24rem, 100%), 1fr));
      gap: clamp(1.5rem, 2.5vw, 2rem);
      perspective: 1000px;
      padding: 20px 10px;
    }

    .service {
      text-align: center;
      padding: clamp(4rem, 5vw, 5rem) clamp(3rem, 4vw, 4rem);
      background: linear-gradient(145deg,
          oklch(99% 0 0) 0%,
          oklch(98% 0.005 0) 100%);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08),
        0 1px 0 rgba(255, 255, 255, 1) inset;
      transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
      position: relative;
      overflow: hidden;
      opacity: 0;
      transform: translateY(50px) rotateX(10deg);
      border-radius: 20px;
      border: 1px solid rgba(0, 0, 0, 0.05);
      backdrop-filter: blur(10px);
      transform-style: preserve-3d;
    }

    .service.animate-in {
      opacity: 1;
      transform: translateY(0) rotateX(0);
    }

    .service:nth-child(1) {
      transition-delay: 0.1s;
    }

    .service:nth-child(2) {
      transition-delay: 0.2s;
    }

    .service:nth-child(3) {
      transition-delay: 0.3s;
    }

    .service:nth-child(4) {
      transition-delay: 0.4s;
    }



    .service:after {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg,
          transparent 0%,
          rgba(255, 255, 255, 0.03) 50%,
          transparent 100%);
      transition: left 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .service:hover::before {
      opacity: 1;
    }

    .service:hover:after {
      left: 100%;
    }

    .service:hover {
      transform: translateY(-15px) translateZ(20px);
      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15),
        0 1px 0 rgba(255, 255, 255, 1) inset,
        0 0 50px rgba(125, 107, 125, 0.1);
    }

    .service__icon-wrapper {
      position: relative;
      display: inline-block;
      margin-bottom: 3rem;
    }

    .service__icon-wrapper::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 80px;
      height: 80px;
      background: radial-gradient(circle, rgba(197, 164, 126, 0.1) 0%, transparent 70%);
      border-radius: 50%;
      opacity: 0;
      transition: all 0.6s ease;
    }

    .service:hover .service__icon-wrapper::before {
      opacity: 1;
      width: 100px;
      height: 100px;
    }

    .service__icon {
      font-size: clamp(4rem, 5vw, 5rem);
      background: linear-gradient(135deg, var(--accent-color) 0%, var(--accent-light) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      display: inline-block;
      position: relative;
      z-index: 1;
    }

    .service:hover .service__icon {
      transform: rotateY(360deg) scale(1.2);
      filter: drop-shadow(0 0 20px rgba(197, 164, 126, 0.5));
    }

    .voices {
      color: oklch(12% .0125 280) !important;
      font-size: 26px;
    }

    .service__title {
      font-size: clamp(2rem, 2.2vw, 2.4rem);
      margin-bottom: 1.5rem;
      color: var(--text-dark);
      font-weight: 600;
      letter-spacing: -0.5px;
      position: relative;
    }

    .service__title:after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 2px;
      background: linear-gradient(90deg, transparent 0%, var(--accent-gold) 50%, transparent 100%);
      transition: width 0.6s ease;
    }

    .service:hover .service__title:after {
      width: 80%;
    }

    .service__text {
      font-size: clamp(1.6rem, 1.8vw, 1.8rem);
      color: var(--text-medium);
      line-height: 1.6;
      position: relative;
      z-index: 1;
    }

    /* Features Section Enhanced */
    .features {
      position: relative;
      padding: 6vh 0 7vh;
      background: linear-gradient(190deg, oklch(100% 0 0) 0%, oklch(100% 0 0) 36%, oklch(18% 0 0) 36.3%, oklch(1% 0 0) 100%);
      overflow: hidden;
      z-index: 5;
    }

    .features::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(190deg, oklch(18% 0 0) 0%, oklch(18% 0 0) 36%, transparent 36.3%, transparent 100%);
      opacity: 0;
      transition: opacity 1.5s cubic-bezier(0.4, 0, 0.2, 1);
      z-index: -1;
      pointer-events: none;
    }

    .features.background-animated::before {
      opacity: 1;
    }

    .features__header {
      text-align: center;
      margin-bottom: 6rem;
    }

    .strategy {
      margin-top: 0;
    }

    .features__header .heading-2 {
      margin-bottom: 2rem;
    }

    .features__header>p {
      font-size: clamp(1.8rem, 2vw, 2rem);
      color: var(--text-medium);
      max-width: 80rem;
      margin: 0 auto;
    }

    .features__grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(30rem, 100%), 1fr));
      gap: clamp(2.5rem, 4vw, 5rem);
      margin-top: 6rem;
    }

    .feature {
      text-align: center;
      padding: clamp(4rem, 5vw, 5rem) clamp(3rem, 4vw, 4rem);
      background: radial-gradient(circle at top left, oklch(0.38 0.01 0) 0%, oklch(0.35 0 0) 9.5%, oklch(0.28 0 0) 40%, oklch(0 0 0 / 0.68) 100%), radial-gradient(circle at bottom right, #5454549c 0%, oklch(8.2% .18 124) 25%, oklch(90% 0.91 120)) !important;
      color: white;
      box-shadow: 0 -.3px 6.3px .3px rgb(125 158 125 / 31%), 0 1px 0 rgb(40 22 76) !important;
      transition: all 0.6scubic-bezier(0.4, 0, 0.2, 1);
      position: relative;
      overflow: hidden;
      opacity: 0;
      transform: translateY(50px) rotateX(10deg);
      border-radius: 20px;
      border: 1.1px outset oklch(12.8% 0 0);
      backdrop-filter: blur(10px);
      transform-style: preserve-3d;
    }

    .feature::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: radial-gradient(circle, rgba(125, 107, 125, 0.05) 0%, transparent 70%);
      opacity: 0;
      transition: opacity 0.3s;
      pointer-events: none;
    }

    .feature:hover::before {
      opacity: 1;
    }

    .feature:hover {
      transform: translateY(-10px) scale(1);
      box-shadow: 0 25px 70px rgba(125, 107, 125, 0.15);
    }

    .feature__icon {
      font-size: clamp(3.5rem, 4vw, 4.5rem);
      color: var(--accent-plum);
      margin-bottom: 3rem;
      transition: var(--transition);
      display: inline-block;
    }

    .feature:hover .feature__icon {
      transform: scale(1.1) rotate(5deg);
      color: var(--accent-gold);
    }

    .feature__text {
      font-size: clamp(1.6rem, 1.8vw, 1.8rem);
      line-height: 1.6;
    }

    /* Texas SVG Decoration */
    .texas-decoration {
      position: absolute;
      left: 95%;
      top: 0;
      width: 350px;
      height: 350px;
      margin: 0;
      opacity: 0.0535;
      pointer-events: none;
      z-index: 1;
      transform: rotate(.5deg);
    }

    .texas-decoration-1 {
      position: absolute;
      left: 95%;
      top: 0;
      width: 480px;
      height: 480px;
      margin: 0;
      opacity: 0.2535;
      pointer-events: none;
      z-index: 1;
      transform: rotate(9.5deg);
    }

    .services-wrapper .texas-decoration {
      top: 50px;
      right: 5%;
    }

    .features .texas-decoration {
      bottom: 50px;
      left: 5%;
      transform: rotate(15deg);
    }

    /* Testimonials Enhanced */
    .testimonials {
      padding: clamp(2rem, 8vw, 10rem) 0;
      background: linear-gradient(180deg, oklch(99% 0 0) 0%, var(--accent-color) 100%);
      position: relative;
      overflow: hidden;
      text-align: center;
    }

    .testimonials-container {
      max-width: 1000px;
      margin: 5rem auto 0;
      position: relative;
    }

    .testimonials-slider {
      display: flex;
      gap: 4rem;
      transition: transform 0.5s ease;
    }

    .testimonial {
      background: oklch(20% .04 120);
      padding: 4rem;
      border-radius: 14px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      position: relative;
      max-width: 420px;
      min-height: 445px;
      opacity: 0;
      transform: translateY(30px);
      text-align: center;
    }

    .testimonial::before {
      content: "" ";
 position: absolute;
      top: 20px;
      left: 20px;
      font-size: 8rem;
      color: var(--accent-color);
      opacity: 0.2;
      font-family: Georgia, serif;
    }

    .testimonial-text {
      font-size: 28px !important;
      font-style: italic;
      font-weight: 400 !important;
      margin-bottom: 2rem;
      position: relative;
      z-index: 1;
      color: oklch(95% .02 120);
    }

    .testimonial-author {
      display: flex;
      align-items: center;
    }

    .preform {
      width: 300px;
      max-height: 600px;
      display: border-box;
      background: oklch(9% .008 120);
      border: double 3px black;
      color: oklch(99% 0.04 120);
      border-radius: 12px;
      transform: translateY(-58px);
      margin: 0;
      padding: 24px 13.5px;
    }

    .author-avatar {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      margin-right: 1.5rem;
      border: 3px solid var(--accent-color);
    }

    .author-info h4 {
      margin-bottom: 0.5rem;
    }

    .author-position {
      color: var(--accent-color);
      font-size: 1.4rem;
    }

    .testimonial-nav {
      display: flex;
      justify-content: center;
      gap: 1rem;
      margin-top: 3rem;
    }

    .testimonial-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: rgba(125, 107, 125, 0.3);
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .testimonial-dot.active {
      width: 30px;
      border-radius: 5px;
      background: var(--accent-plum);
    }

    /* IMPROVED Contact Section - Full Width Layout */
    .contact {
      padding: 0;
      background: linear-gradient(135deg, var(--primary-bg) 0%, var(--secondary-bg) 100%);
      position: relative;
      overflow: hidden;
    }
    
    .contact-wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      min-height: 100vh;
      position: relative;
    }
    
    .contact-wrapper::before {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      width: 1px;
      height: 100%;
      background: linear-gradient(to bottom, transparent, var(--accent-plum), transparent);
      transform: translateX(-50%);
      opacity: 0.3;
    }

    .contact::before {
      content: '';
      position: absolute;
      top: -150px;
      right: -150px;
      width: 300px;
      height: 300px;
      background: radial-gradient(circle, rgba(197, 164, 126, 0.1) 0%, transparent 70%);
      border-radius: 50%;
    }

    .contact:after {
      content: '';
      position: absolute;
      bottom: -100px;
      left: -100px;
      width: 1250px;
      height: 250px;
      filter: blur(20px);
      background: radial-gradient(circle, rgba(125, 107, 125, 0.4) 0%, transparent 70%);
      border-radius: 50%;
    }

    .contact-container {
      display: contents;
    }
    
    .contact-info-wrapper {
      padding: 3rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: var(--accent-dark);
      color: var(--accent-light);
      position: relative;
      z-index: 2;
    }
    
    .contact-info-wrapper::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="%23fff" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
      opacity: 0.3;
    }

    .contact-info-wrapper {
      padding-right: 3rem;
    }

    .contact-info-wrapper .heading-2 {
      margin-bottom: 1.5rem;
    }

    .contact-info-wrapper>p {
      font-size: clamp(1.6rem, 1.8vw, 1.8rem);
      color: var(--text-medium);
      margin-bottom: 4rem;
    }

    .contact-info {
      margin-top: 3rem;
    }

    .contact-detail {
      margin-bottom: 3.5rem;
      display: flex;
      align-items: flex-start;
      opacity: 1;
      transform: translateX(0);
      padding: 2rem;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 12px;
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      transition: all 0.3s ease;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
      transition: var(--transition);
    }

    .contact-detail:hover {
      transform: translateX(0) translateY(-5px);
      box-shadow: 0 10px 30px rgba(125, 107, 125, 0.1);
    }

    .contact-icon {
      font-size: 2.5rem;
      color: var(--accent-plum);
      margin-right: 2rem;
      min-width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(125, 107, 125, 0.1);
      border-radius: 50%;
      transition: all 0.3s ease;
    }

    .contact-detail:hover .contact-icon {
      transform: scale(1.1) rotate(10deg);
      background: var(--accent-plum);
      color: white;
    }

    .contact-detail h4 {
      font-size: clamp(1.8rem, 2vw, 2rem);
      margin-bottom: 0.5rem;
      color: rgba(255, 255, 255, 0.9);
    }

    .contact-detail p {
      font-size: clamp(1.4rem, 1.6vw, 1.6rem);
      color: rgba(255, 255, 255, 0.7);
      margin: 0;
    }

    .contact-form-wrapper {
      background: white;
      padding: clamp(3rem, 4vw, 5rem);
      border-radius: 20px;
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
      position: relative;
      overflow: hidden;
    }

    .contact-form-wrapper::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 150px;
      height: 150px;
      background: radial-gradient(circle, rgba(125, 107, 125, 0.05) 0%, transparent 70%);
      pointer-events: none;
    }

    #contactForm {
      position: relative;
      z-index: 1;
    }

    .form-group {
      margin-bottom: 2.5rem;
      position: relative;
    }

    .form-control {
      width: 100%;
      padding: 1.5rem 1.5rem;
      border: 2px solid var(--border-color);
      border-radius: 8px;
      font-family: 'Inter', sans-serif;
      font-size: 1.6rem;
      transition: all 0.3s;
      background: var(--primary-bg);
    }

    .form-control:focus {
      outline: none;
      border-color: var(--accent-plum);
      transform: translateY(-2px);
      box-shadow: 0 5px 20px rgba(125, 107, 125, 0.15);
      background: white;
    }

    .form-control:focus+.form-label,
    .form-control:not(:placeholder-shown)+.form-label {
      transform: translateY(-30px) translateX(-5px) scale(0.85);
      color: var(--accent-plum);
      background: white;
      padding: 0 8px;
    }

    .form-label {
      position: absolute;
      left: 15px;
      top: 15px;
      transition: all 0.3s;
      pointer-events: none;
      color: var(--text-light);
      font-size: 1.6rem;
    }

    textarea.form-control {
      min-height: 150px;
      resize: vertical;
      font-family: 'Inter', sans-serif;
    }

    select.form-control {
      cursor: pointer;
      appearance: none;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
      background-position: right 1rem center;
      background-repeat: no-repeat;
      background-size: 1.5em 1.5em;
      padding-right: 3rem;
    }

    .form-success {
      display: none;
      text-align: center;
      padding: 2rem;
      background: linear-gradient(135deg, rgba(125, 107, 125, 0.1) 0%, rgba(197, 164, 126, 0.1) 100%);
      border-radius: 12px;
      color: var(--accent-plum);
      font-weight: 600;
      margin-top: 2rem;
      font-size: 1.6rem;
      border: 1px solid rgba(125, 107, 125, 0.2);
    }

    /* Final Section */
    .final {
      background: linear-gradient(rgba(125, 107, 125, 0.29), rgba(125, 107, 125, 0.289)),
        url('https://images.unsplash.com/photo-1448630360428-65456885c650?ixlib=rb-4.0.3&auto=format&fit=crop&w=2094&q=80') no-repeat center center/cover;
      color: white;
      text-align: center;
      padding: clamp(8rem, 8vw, 12rem) 0;
      position: relative;
      overflow: hidden;
    }

    .final::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
      pointer-events: none;
    }

    .final__title {
      color: white;
      font-size: 25px
      max-width: 80rem;
      margin: 0 auto 4rem;
      position: relative;
      z-index: 1;
    }

    .final__tagline {
      font-size: 15px;
      font-style: italic;
      max-width: 60rem;
      margin: 10px auto;
      opacity: 0.9;
      position: relative;
      z-index: 1;
    }
/* 
    .final {
      background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
        url('https://images.unsplash.com/photo-1448630360428-65456885c650?ixlib=rb-4.0.3&auto=format&fit=crop&w=2094&q=80') no-repeat center center/cover;
      color: white;
      text-align: center;
      padding: 15rem 0;
    } */


    .finalbutton {
      color: var(--primary-bg);
      background: oklch(60% .038 280) !important;
      border-color: #555660 !important;
      box-shadow: 0 0 4.3px -2px #153b5e !important;
    }
    /* Footer */
    .footer {
      background: oklch(8% .008 240);
      color: var(--text-light);
      padding: 8rem 0 4rem;
      border-top: 1px solid var(--border-color);
    }

    .footer__grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
      gap: 5rem;
      margin-bottom: 6rem;
      color: var(--text-light) !important;
    }

    .footer__col h4 {
      font-size: 2rem;
      margin-bottom: 2.5rem;
      position: relative;
      padding-bottom: 1rem;
      color: var(--primary-bg);
    }

    .footer__col h4:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 40px;
      height: 2px;
      background: var(--accent-color);
    }

    .footer__links {
      list-style: none;
    }

    .footer__link {
      color: rgba(255, 255, 255, 0.7);
      text-decoration: none;
      font-size: 1.6rem;
      margin-bottom: 1.2rem;
      display: block;
      transition: var(--transition);
    }

    .footer__link:hover {
      color: var(--accent-color);
      padding-left: 5px;
    }

    .footer__copyright {
      text-align: center;
      padding-top: 4rem;
      border-top: 1px solid var(--border-color);
      font-size: 1.4rem;
      opacity: 0.7;
    }

    /* Footer Enhanced */
    .footer {
      background: oklch(85.8% .028 130);
      color: var(--text-dark);
      padding: clamp(5rem, 8vw, 8rem) 0 clamp(3rem, 4vw, 4rem);
      position: relative;
      overflow: hidden !important;
    }

    .footer::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: linear-gradient(90deg, transparent 0%, var(--accent-plum) 50%, transparent 100%);
    }

    .footer__grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(25rem, 100%), 1fr));
      gap: clamp(2.5rem, 4vw, 5rem);
      margin-bottom: clamp(4rem, 6vw, 6rem);
    }

    .footer__col h4 {
      font-size: clamp(1.8rem, 2vw, 2rem);
      margin-bottom: 2.5rem;
      position: relative;
      padding-bottom: 1rem;
      color: black;
    }

    .footer__col h4:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 40px;
      height: 2px;
      background: linear-gradient(90deg, var(--accent-plum) 0%, var(--accent-gold) 100%);
    }

    .footer__links {
      list-style: none;
    }

    .footer__link {
      color: rgba(2.55, 2.55, 2.55, 0.7);
      text-decoration: none;
      font-size: clamp(1.4rem, 1.6vw, 1.6rem);
      margin-bottom: 1.2rem;
      display: block;
      transition: var(--transition);
      position: relative;
    }

    .footer__link::before {
      content: '→';
      position: absolute;
      left: -20px;
      opacity: 0;
      transition: all 0.3s;
    }

    .footer__link:hover {
      color: var(--accent-plum);
      padding-left: 15px;
    }

    .footer__link:hover::before {
      left: -15px;
      opacity: 1;
    }

    .footer__copyright {
      text-align: center;
      padding-top: clamp(2.5rem, 4vw, 4rem);
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      font-size: clamp(1.2rem, 1.4vw, 1.4rem);
      opacity: 0.7;
    }

    /* Decorative Elements Enhanced */
    .plum-tint {
      position: fixed;
      width: clamp(150px, 30vw, 300px);
      height: clamp(150px, 30vw, 300px);
      border-radius: 50%;
      background: rgba(125, 107, 125, 0.08);
      filter: blur(50px);
      z-index: -1;
      animation: pulse 4s ease-in-out infinite;
    }

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

    .tint-2 {
      bottom: 15%;
      right: 8%;
      animation-delay: 1.3s;
    }

    .tint-3 {
      top: 40%;
      right: 15%;
      background: rgba(213, 223, 211, 0.2);
      animation-delay: 2.6s;
    }

    /* Progress Bar */
    .progress-bar {
      position: fixed;
      top: 0;
      left: 0;
      width: 0%;
      height: 3px;
      background: linear-gradient(90deg, var(--accent-light) 0%, var(--accent-color) 100%);
      z-index: 10001;
      transition: width 0.3s ease;
    }

    /* Animations */
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(50px);
      }

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

    @keyframes fadeInLeft {
      from {
        opacity: 0;
        transform: translateX(-50px);
      }

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

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

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

    /* Typography */

    /* Combined Section */
    .combined-section {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
      margin-bottom: 60px;
    }

    /* GSAP Text Marquee Wrapper */
    .testimonial-marquee-wrapper {
      width: 100%;
      height: 110px;
      overflow: hidden;
      background: linear-gradient(135deg, oklch(87% .008 124) 0%, var(--accent-light) 100%);
      position: relative;
      display: flex;
      align-items: center;
    }

    .marquee-track {
      display: flex;
      white-space: nowrap;
      will-change: transform;
      align-items: center;
      height: 100%;
    }

    .marquee-text {
      font-family: 'Playfair Display', serif;
      font-size: clamp(2rem, 3vw, 2.8rem);
      font-weight: 500;
      font-style: italic;
      color: var(--primary-dark);
      white-space: nowrap;
      padding-right: 80px;
      line-height: 1.2;
      letter-spacing: 0.5px;
    }

    /* NEW FAQ Section - Full Width Alternating Layout */
    .faq-section {
      position: relative;
      overflow: hidden;
    }
    
    .faq-hero {
      background: linear-gradient(135deg, var(--primary-bg) 0%, var(--secondary-bg) 100%);
      padding: clamp(6rem, 8vw, 10rem) 0 clamp(4rem, 6vw, 8rem);
      position: relative;
    }
    
    .faq-hero::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="%23000" opacity="0.02"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
      opacity: 0.3;
    }
    
    .faq-hero-content {
      text-align: center;
      position: relative;
      z-index: 2;
    }
    
    .faq-main-title {
      font-family: 'Playfair Display', serif;
      font-size: clamp(3.5rem, 6vw, 6rem);
      font-weight: 600;
      color: var(--primary-dark);
      margin-bottom: 2rem;
      opacity: 0;
      transform: translateY(30px);
    }
    
    .faq-main-subtitle {
      font-size: clamp(1.6rem, 2vw, 2rem);
      color: var(--text-medium);
      max-width: 600px;
      margin: 0 auto;
      line-height: 1.6;
      opacity: 0;
      transform: translateY(30px);
    }
    
    .faq-content {
      background: var(--accent-dark);
      position: relative;
    }
    
    .faq-grid {
      display: grid;
      grid-template-columns: 1fr;
      max-width: none;
      margin: 0;
    }
    
    /* FAQ Column */
    .faq-column {
      background: var(--primary-light);
      padding: 70px 60px;
    }

    /* FAQ Dark Theme */
    .faq-column.faq-dark {
      background: var(--accent-dark);
      color: var(--accent-light);
    }

    .faq-column.faq-dark .faq-header h2 {
      color: var(--accent-light);
    }

    .faq-column.faq-dark .faq-header p {
      color: rgba(255, 255, 255, 0.7);
    }

    .faq-column.faq-dark .faq-question {
      background: rgba(255, 255, 255, 0.05);
      border-color: rgba(255, 255, 255, 0.1);
    }

    .faq-column.faq-dark .faq-question h3 {
      color: var(--accent-light);
    }

    .faq-column.faq-dark .faq-toggle {
      color: var(--accent-gold);
    }

    .faq-column.faq-dark .faq-answer {
      background: rgba(255, 255, 255, 0.03);
    }

    .faq-column.faq-dark .faq-answer p {
      color: rgba(255, 255, 255, 0.8);
    }

    .faq-column.faq-dark .faq-item {
      border-color: rgba(255, 255, 255, 0.1);
    }

    .faq-column.faq-dark .faq-item.active {
      border-color: var(--accent-gold);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    }

    .faq-header {
      margin-bottom: 40px;
    }

    .faq-header h2 {
      font-family: 'Playfair Display', serif;
      font-size: 3.5rem;
      font-weight: 600;
      margin-bottom: 15px;
      color: var(--primary-dark);
    }

    .faq-header p {
      font-size: .1rem;
      color: var(--text-medium);
      line-height: 1.7;
    }

    .faq-list {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    /* New FAQ Item Styles - Alternating Layout */
    .faq-item {
      display: grid;
      grid-template-columns: 1fr 1fr;
      min-height: 400px;
      position: relative;
      overflow: hidden;
      opacity: 0;
      transform: translateY(50px);
      transition: all 0.6s ease;
    }
    
    .faq-item:nth-child(even) {
      background: linear-gradient(135deg, var(--primary-bg) 0%, var(--secondary-bg) 100%);
    }
    
    .faq-item:nth-child(even) .faq-question {
      order: 2;
      background: var(--accent-dark);
      color: white;
    }
    
    .faq-item:nth-child(even) .faq-question h3 {
      color: white !important;
    }
    
    .faq-item:nth-child(even) .faq-answer {
      order: 1;
      background: transparent;
    }
    
    .faq-item:nth-child(odd) {
      background: linear-gradient(135deg, var(--accent-dark) 0%, oklch(15% 0 0) 100%);
    }
    
    .faq-item:nth-child(odd) .faq-question {
      background: var(--primary-bg);
      color: var(--primary-dark);
    }
    
    .faq-item:nth-child(odd) .faq-answer {
      background: transparent;
      color: var(--accent-light);
    }
    
    /* Legacy FAQ Item Styles */
    .faq-column .faq-item {
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
      transition: all 0.3s ease;
      border: 1px solid var(--border-color);
      display: block;
      grid-template-columns: none;
      min-height: auto;
      opacity: 1;
      transform: none;
    }

    .faq-item.active {
      box-shadow: 0 10px 30px rgba(125, 107, 125, 0.15);
      border-color: var(--accent-plum);
    }

    .faq-question {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 25px;
      background: var(--primary-light);
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .faq-question h3 {
      font-family: 'Playfair Display', serif;
      font-size: 1.2rem;
      font-weight: 500;
      color: var(--text-dark);
    }

    .faq-toggle {
      font-size: 1.8rem;
      font-weight: 300;
      transition: transform 0.3s ease;
      color: var(--accent-plum);
      flex-shrink: 0;
      margin-left: 15px;
    }

    .faq-item.active .faq-toggle {
      transform: rotate(45deg);
    }

    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
      background: rgba(125, 107, 125, 0.03);
    }

    .faq-item.active .faq-answer {
      max-height: 300px;
    }

    .faq-answer-content {
      padding: 0 25px 25px;
    }

    .faq-answer p {
      color: var(--text-medium);
      line-height: 1.8;
      font-size: 1.05rem;
    }
    
    /* New FAQ Grid Layout Overrides */
    .faq-grid .faq-question {
      padding: clamp(3rem, 5vw, 6rem);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      cursor: pointer;
      transition: all 0.6s ease;
      position: relative;
      overflow: hidden;
      border: none;
      background: transparent;
    }
    
    .faq-grid .faq-question::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
      transition: left 0.8s ease;
    }
    
    .faq-grid .faq-question:hover::before {
      left: 100%;
    }
    
    .faq-grid .faq-question h3 {
      font-size: clamp(2rem, 3vw, 3.5rem);
      font-weight: 600;
      margin-bottom: 1.5rem;
      line-height: 1.2;
    }
    
    .faq-grid .faq-toggle {
      display: none;
    }
    
    .faq-grid .faq-toggle:hover {
      opacity: 1;
      transform: scale(1.1);
    }
    
    .faq-grid .faq-answer {
      padding: clamp(3rem, 5vw, 6rem);
      display: flex;
      align-items: center;
      max-height: none;
      overflow: visible;
      transition: all 0.6s ease;
      opacity: 0.9;
      background: transparent;
    }
    
    .faq-grid .faq-answer p {
      font-size: clamp(1.6rem, 2vw, 2rem);
      line-height: 1.7;
      margin: 0;
    }
    
    .faq-grid .faq-item:nth-child(even) .faq-answer p {
      color: var(--text-dark);
    }
    
    .faq-grid .faq-item:nth-child(odd) .faq-answer p {
      color: var(--accent-light);
    }
    
    /* Responsive FAQ Grid Layout */
    @media (max-width: 768px) {
      .faq-hero {
        padding: clamp(4rem, 6vw, 6rem) 0 clamp(2rem, 4vw, 4rem);
      }
      
      .faq-content {
        background: var(--primary-bg);
      }
      
      .faq-item {
        grid-template-columns: 1fr;
        min-height: auto;
        background: var(--primary-bg) !important;
        margin-bottom: 1rem;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        opacity: 1;
        transform: none;
      }
      
      .faq-item:nth-child(even) .faq-question,
      .faq-item:nth-child(odd) .faq-question {
        order: 1;
        background: var(--primary-bg);
        color: var(--primary-dark);
        padding: 2rem;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--border-color);
      }
      
      .faq-item:nth-child(even) .faq-answer,
      .faq-item:nth-child(odd) .faq-answer {
        order: 2;
        background: rgba(125, 107, 125, 0.03);
        color: var(--text-medium);
        padding: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        display: block;
      }
      
      .faq-grid .faq-question::before {
        display: none;
      }
      
      .faq-grid .faq-question h3 {
        font-size: clamp(1.6rem, 3vw, 2rem);
        margin-bottom: 0;
        font-weight: 500;
      }
      
      .faq-grid .faq-toggle {
        display: block;
        position: static;
        font-size: 1.8rem;
        color: var(--accent-plum);
        transition: transform 0.3s ease;
      }
      
      .faq-grid .faq-answer p {
        font-size: clamp(1.4rem, 2vw, 1.6rem);
        color: var(--text-medium);
        padding: 2rem;
        margin: 0;
      }
      
      .faq-grid {
        padding: 2rem;
        max-width: 800px;
        margin: 0 auto;
      }
    }
    
    /* Responsive Contact Layout */
    @media (max-width: 768px) {
      .contact-wrapper {
        grid-template-columns: 1fr;
        min-height: auto;
      }
      
      .contact-wrapper::before {
        display: none;
      }
      
      .contact-info-wrapper {
        padding: 2rem;
      }
    }

    @media (max-width: 1200px) {
      .heading-1 {
        font-size: 58px !important;
        line-height: 1em;
      }
    }

    /* Responsive */
    @media (max-width: 1024px) {

      .heading-1 {
        font-size: 55px !important;
        line-height: 1em;
      }

      .combined-section {
        grid-template-columns: 1fr;
      }

      .testimonial-column,
      .faq-column {
        padding: 50px 40px;
      }

      .testimonial-quote {
        font-size: 28px;
      }
    }

    /* Responsive */
    @media (max-width: 992px) {
      .story {
        grid-template-columns: 1fr;
        min-height: auto;
      }

      .heading-1 {
        font-size: 50px !important;
        padding: 0 1.5%;
        line-height: 1em;
        text-align: center;
        margin: 0;
      }

      .para-1 {
        text-align: center;
        font-size: 17px;
        margin: 0;
        padding: 0 6.5%;
        line-height: 1.3em;
      }

      .hero__content {
        width: 80;
        justify-self: center;
        align-self: center;
        align-items: center;
        justify-items: center;
        align-content: center;
        justify-items: center;
        margin: 0 auto;
        gap: 0;
        padding: 60px 30px;
      }

      .hero-btn {
        justify-self: center;
        align-self: center;
        letter-spacing: 2px;
        position: absolute !important;
        top: 92% !important;
        left: 30% !important;
      }

      .story__visual {
        min-height: 50rem;
      }

      .trust {
        align-items: center;
        justify-items: center;
        text-align: center;
        padding: 30px 0;
        width: 100%;
      }

      .trust>p {
        width: 100%;
        justify-self: center;

      }

    /* IMPROVED Contact Section - Full Width Layout */
      .contact-container {
        padding: 6vh 4vw;
        background: linear-gradient(135deg, var(--primary-bg) 0%, var(--secondary-bg) 100%);
        position: relative;
        overflow: hidden;
      }
      

      .contact-container {
        grid-template-columns: 1fr;
      }

      .contact-info-wrapper {
        margin-bottom: 4rem;
      }
    }

    @media (max-width: 768px) {
      .nav__list {
        display: none;
      }

      .lh3 {
        color: var(--accent-light);
        margin: 22px 0;
      }

      .mobile-toggle {
        display: block;
      }

      .story__text {
        margin-bottom: 0px;
      }

      .heading-1 {
        font-size: 54px !important;
        line-height: 1em;
        margin: 14px 0;
        color: oklch(84% 0.045 138) !important;
        text-shadow: -.1px -1.125px 1.75px oklch(5% 0 0) !important;
      }

      .heading-2 {
        font-size: clamp(2.8rem, 4vw, 3.2rem) !important;
        line-height: 1.1;
      }
      
      h2 {
        font-size: clamp(2.8rem, 4vw, 3.2rem) !important;
        line-height: 1.1;
      }

      .sh2 {
        margin: 28px 0;
        font-size: 32px;
      }

      .management__stats {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
        padding: 0 1rem;
        margin: 2.8rem 0;
      }

      .stat {
        flex: none;
        width: 100%;
        max-width: 300px;
        margin: 0;
        padding: 0 1rem;
      }

      .hero__content {
        position: relative;
        z-index: 2;
        color: var(--text-dark);
        width: 100%;
        padding: 1rem 2.5% 8rem;
      }

      .cursor,
      .cursor-follower,
      .cursor-text {
        display: none;
      }

      .services__grid {
        grid-template-columns: 1fr;
      }

      .sp2 {
        padding: 10px 7.5vw 5px;
      }

      .contact-detail {
        padding: 1.5rem;
      }

      /*       
      .section-title h1 {
        font-size: 2.5rem;
      } */

      .testimonial-column,
      .faq-column {
        padding: 40px 30px;
      }

      .quote-icon {
        top: 30px;
        left: 30px;
        font-size: 80px;
      }

      .testimonial-quote {
        font-size: 24px !important;
      }

      .author-avatar {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
      }

      .faq-header h2 {
        font-size: 2rem;
      }
    }

    @media (max-width: 480px) {
      .stat {
        flex: 0 0 100%;
        min-width: auto;
      }

      .feature,
      .service {
        padding: 3rem 2rem;
      }

      .hero {
        min-height: 500px;
      }

      .hero__content {
        padding-top: 2rem;
      }

      .story__text {
        padding-left: 2rem;
        margin-bottom: 10px;
      }

      .story__text:nth-of-type(2) {
        margin-bottom: 30px !important;
      }

      .contact-form-wrapper {
        padding: 2rem;
      }

      .btn .hero-btn {
        justify-self: center;
        align-self: center;
        letter-spacing: 2px;
        position: absolute !important;
        top: 85% !important;
        left: 32% !important;
      }

      .sh2 {
        margin: 20px 30px 10px 40px;
        font-size: 30.5px !important;
        text-align: left !important;
        padding: 20px 1.5vw 0;
        display: block !important;
        transform: scale(1);
      }

      .sp2 {
        padding: 5px 6.95vw 0 6.95vw;
        text-align: left !important;
        word-spacing: .05em;
        font-size: 14.5px;
      }
    }

    @media (max-width: 400px) {
      .sh2 {
        margin: 0;
        font-size: 26px !important;
        text-align: left !important;
        padding: 20px 1vw 2.5px 2vw;
        display: block !important;
      }

      .sp2 {
        padding: 5px 4.25vw 0 3.5vw;
        text-align: left !important;
        word-spacing: .05em;
        font-size: 13.5px;
      }

      h1 heading-1 {
        font-size: 40px !important;
      }
    }