@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');

:root {
  --rosy:   #C49797;
  --cord:   #834A49;
  --olive:  #3D4436;
  --black:  #1B1B1D;
  --ivory:  #F8F6E3;
  --cord-light: rgba(131,74,73,0.1);
  --olive-light: rgba(61,68,54,0.08);
}

:root {
    --rosy:     #C49797;
    --rosy-lt:  #D4AFAF;
    --cordovan: #834A49;
    --olive:    #3D4436;
    --olive-lt: #4E5645;
    --eerie:    #1B1B1D;
    --ivory:    #F8F6E3;
    --ivory-dk: #EDE9D0;
    --muted:    #9A8A7A;
  }


* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;  }



.overlay {
    display: none;
    position: fixed;
  
    inset: 0;
    background: rgba(27,27,29,0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 16px;
    opacity: 0; 
    
}

 /* .overlay {
    position: fixed;
    inset: 0;
    background: rgba(27,27,29,0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 16px;
    animation: fadeIn 0.4s ease forwards;
  } */
  @keyframes fadeIn { from{opacity:0} to{opacity:1} }

  .popup {
    position: relative;
    width: 100%;
    max-width: 700px;
    background: var(--ivory);
    border: 1px solid var(--rosy);
    overflow: hidden;
    animation: riseUp 0.6s cubic-bezier(0.16,1,0.3,1) forwards;
    box-shadow: 0 32px 80px rgba(27,27,29,0.4);

    /* box-shadow: 0 32px 80px rgba(27,27,29,0.4); */
  }
  @keyframes riseUp {
    from { opacity:0; transform: translateY(36px) scale(0.96); }
    to   { opacity:1; transform: translateY(0) scale(1); }
    
  }
  .overlay.active {
    display: flex;
    animation: fadeIn 0.4s ease forwards;
}
  
  .overlay.active .popup {
    animation: riseUp 0.6s cubic-bezier(0.16,1,0.3,1) forwards;
}

  /* TICKER */
  .ticker {
    background: var(--olive);
    height: 36px;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .ticker-track {
    display: flex;
    animation: ticker 20s linear infinite;
    white-space: nowrap;
  }
  .ticker-track span {
    font-size: 9px;
    letter-spacing: 0.28em;
    color: rgba(248,246,227,0.5);
    text-transform: uppercase;
    padding: 0 28px;
  }
  .ticker-track span.acc { color: var(--rosy-lt); }
  @keyframes ticker {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }


  /* CLOSE */
  .close-btn {
    position: absolute;
    top: 46px;
    right: 18px;
    background: none;
    border: 1px solid rgba(131,74,73,0.3);
    width: 28px; height: 28px;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    color: var(--cordovan);
    font-size: 12px;
    z-index: 10;
    transition: background 0.2s, color 0.2s;
    font-family: 'DM Mono', monospace;
  }
  .close-btn:hover { background: var(--cordovan); color: var(--ivory); }

  /* GRID */
  .popup-body {
    display: grid;
    grid-template-columns: 210px 1fr;
  }

  /* LEFT */
  .left {
    background: var(--eerie);
    padding: 34px 26px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    min-height: 390px;
  }
  .left::before {
    content: 'CW';
    position: absolute;
    bottom: -18px; right: -8px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 130px;
    font-weight: 600;
    font-style: italic;
    color: rgba(196,151,151,0.055);
    line-height: 1;
    pointer-events: none;
    user-select: none;
  }
  .left::after {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 2px; height: 100%;
    background: linear-gradient(to bottom, var(--cordovan), var(--rosy), transparent);
    opacity: 0.5;
  }

  .left-tag {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 8px; letter-spacing: 0.3em;
    color: var(--rosy); text-transform: uppercase;
    border: 1px solid rgba(196,151,151,0.22);
    padding: 4px 10px; width: fit-content;
    margin-bottom: 16px;
  }
  .left-tag::before { content: '✦'; font-size: 7px; }

  .left h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 52px; font-weight: 300; line-height: 0.88;
    color: var(--ivory); letter-spacing: -0.01em;
    margin-bottom: 12px; position: relative;
  }
  .left h2 em {
    font-style: italic; color: var(--rosy-lt); display: block;
  }
  .left-sub {
    font-size: 9.5px; letter-spacing: 0.1em;
    color: rgba(248,246,227,0.36); line-height: 1.7;
  }

  .proof-pill {
    margin-top: 28px;
    background: rgba(196,151,151,0.09);
    border: 1px solid rgba(196,151,151,0.18);
    padding: 14px 16px;
  }
  .proof-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 32px; font-weight: 600;
    color: var(--ivory); 
    line-height: 1;
    display: block; margin-bottom: 3px;
  }
  .proof-label {
    font-size: 7.5px; letter-spacing: 0.22em;
    color: rgba(248,246,227,0.38); text-transform: uppercase;
  }

  .avatars {
    display: flex; margin-top: 10px;
  }
  .avatars span {
    width: 25px; height: 25px; border-radius: 50%;
    border: 2px solid var(--eerie);
    display: flex; align-items: center; justify-content: center;
    font-size: 9px; color: var(--ivory);
    margin-right: -7px;
    font-family: 'Cormorant Garamond', serif; font-weight: 600;
    background: var(--cordovan);
  }
  .avatars span:nth-child(2) { background: #5C3A3A; }
  .avatars span:nth-child(3) { background: var(--olive-lt); }
  .avatars span:nth-child(4) { background: #7A4A4A; }
  .avatars span.more {
    background: rgba(196,151,151,0.13)
    color: var(--rosy); font-family: 'DM Mono', monospace;
    font-size: 7px; font-weight: 400;
    border-color: rgba(196,151,151,0.18);
  }

  /* RIGHT */
  .right {
    padding: 34px 40px 34px 32px;
    display: flex; flex-direction: column;
    justify-content: space-between;
    background: var(--ivory);
  }

  .eyebrow {
    font-size: 8.5px; letter-spacing: 0.3em;
    color: var(--cordovan); text-transform: uppercase;
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 10px;
  }
  .eyebrow::before {
    content: ''; display: block;
    width: 18px; height: 1px;
    background: var(--cordovan); opacity: 0.4;
  }

  .right h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 24px; font-weight: 400;
    color: var(--eerie); line-height: 1.28;
    margin-bottom: 18px;
  }
  .right h3 strong { font-weight: 600; color: var(--cordovan); }

  .perks {
    list-style: none; margin-bottom: 22px;
    display: flex; flex-direction: column; gap: 8px;
  }
  .perks li {
    display: flex; align-items: flex-start; gap: 9px;
    font-size: 10.5px; letter-spacing: 0.04em;
    color: #5A4F47; line-height: 1.5;
  }
  .dot {
    width: 6px; height: 6px; border-radius: 50%;
    flex-shrink: 0; margin-top: 4px;
    background: var(--rosy);
  }
  .dot.c { background: var(--cordovan); }
  .dot.o { background: var(--olive); }

  /* FORM */
  .form-row {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 8px; margin-bottom: 8px;
  }
  .f { position: relative; }
  .f.full { grid-column: 1 / -1; }
  .f input {
    width: 100%;
    background: transparent;
    border: 1px solid rgba(131,74,73,0.18);
    border-bottom: 1.5px solid rgba(131,74,73,0.38);
    padding: 11px 12px;
    font-family: 'DM Mono', monospace;
    font-size: 10.5px;
    color: var(--eerie);
    outline: none;
    transition: border-color 0.2s, background 0.2s;
    letter-spacing: 0.05em;
    -webkit-appearance: none;
  }
  .f input::placeholder { color: rgba(27,27,29,0.3); }
  .f input:focus {
    border-color: var(--cordovan);
    background: rgba(131,74,73,0.03);
  }

  .cta {
    width: 100%; background: var(--cordovan);
    color: var(--ivory); border: none;
    padding: 14px 16px;
    font-family: 'DM Mono', monospace;
    font-size: 9.5px; letter-spacing: 0.22em; text-transform: uppercase;
    cursor: pointer; transition: background 0.25s;
    display: flex; align-items: center; justify-content: center; gap: 10px;
    margin-top: 4px;
  }
  .cta:hover { background: var(--olive); }
  .cta .arr { transition: transform 0.25s; }
  .cta:hover .arr { transform: translateX(4px); }

  .fine {
    font-size: 8px; letter-spacing: 0.12em;
    color: rgba(27,27,29,0.28); text-align: center; margin-top: 9px;
  }

  /* SUCCESS */
  .success {
    display: none; flex-direction: column;
    align-items: center; justify-content: center;
    text-align: center; flex: 1; padding: 12px 0;
  }
  .s-icon {
    width: 50px; height: 50px; border-radius: 50%;
    background: rgba(131,74,73,0.08);
    border: 1px solid rgba(131,74,73,0.2);
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; color: var(--cordovan);
    margin: 0 auto 14px;
  }
  .success h4 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 26px; font-weight: 400;
    color: var(--eerie); margin-bottom: 8px;
  }
  .success p {
    font-size: 10px; letter-spacing: 0.08em;
    color: var(--muted); line-height: 1.8;
  }

  /* BOTTOM BAR */
  .bar {
    background: var(--olive);
    padding: 10px 26px;
    display: flex; align-items: center; justify-content: space-between;
  }
  .bar-l {
    font-size: 8px; letter-spacing: 0.2em;
    color: rgba(248,246,227,0.38); text-transform: uppercase;
  }
  .dots { display: flex; gap: 5px; align-items: center; }
  .di {
    width: 5px; height: 5px; border-radius: 50%;
    background: rgba(248,246,227,0.18);
  }
  .di.on { background: var(--rosy-lt); }

  /* MOBILE */
  @media (max-width: 580px) {
    .popup-body { grid-template-columns: 1fr; }
    .left { min-height: auto; padding: 28px 22px; }
    .left h2 { font-size: 42px; }
    .right { padding: 28px 22px; }
    .form-row { grid-template-columns: 1fr; }
    .close-btn { top: 44px; }
    .popup {
      overflow: scroll;
      height: 550px;
    }
  }
/* ── NAV ── */
  background: #1b1b1d;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 36px; height: 56px;
  position: sticky; top: 0; z-index: 100;
}
/* Active link styling */
.nav-links a.active {
    border-bottom: 3px solid var(--rosy); /* Mee logo color/cream color */
    /* padding-bottom: 5px; */
    font-weight: 500;
    display: inline-block;
    padding: 13px 10px;
    color: var(--rosy);
    /* transition: color 0.3s ease; */
    transform: scaleX(1); 
    transform-origin: center; 
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}



.nav-links a.nav-cta.active {
      
    background: var(--rosy) !important;
    color: var(--ivory) !important;
        
}
/* Hover effect (Optional) */
.nav-links a:hover {
    /* border-bottom: 2px solid var(--rosy); */
    transition: 0.3s;
    color: var(--rosy);
}
.nav-logo {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 16px; font-style: italic;
  color: var(--ivory); letter-spacing: 0.08em;
}
.nav-links { display: flex; gap: 20px; align-items: center; }
.nav-links a {
  font-size: 13px;
  text-decoration: none; letter-spacing: 0.04em; transition: color 0.3s ease;
  
}

/* .nav-links a:hover { color: var(--ivory); } */
.nav-cta {
  font-size: 13px; font-weight: 500;
  color: var(--olive) !important;
  background: var(--ivory); padding: 7px 18px;
  border-radius: 30px; transition: all 0.2s !important;
}
.nav-cta:hover { background: var(--rosy) !important; color: var(--ivory) !important; transform: translateY(-1px); }
/* Main dropdown container */
.nav-dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown menu box hidden by default */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff; /* Change this to match your website theme */
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 4px;
}

/* Styling for links inside the dropdown */
.dropdown-content a {
  color: #333333;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Change background color on link hover */
.dropdown-content a:hover {
  background-color: #f1f1f1;
}

/* Show the dropdown menu on hover */
.nav-dropdown:hover .dropdown-content {
  display: block;
}

/* Small down arrow indicator styling */
.nav-arrow {
  font-size: 15px;
  margin-left: 0px;
}

/* Responsive adjustments for mobile screens */
@media screen and (max-width: 768px) {
  .nav-dropdown {
    display: block;
  }
  .dropdown-content {
    position: relative;
    box-shadow: none;
    background-color: transparent;
    padding-left: 15px;
  }
  .nav-dropdown:hover .dropdown-content {
    display: block;
  }
}

/* ── TICKER ── */
.ticker-wrap { background: var(--cord); overflow: hidden; white-space: nowrap; padding: 0px 0; height:30px; }
.ticker-inner {
  display: inline-block; animation: tick 26s linear infinite;
  font-size: 10px; font-weight: 500;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: rgba(248,246,227,0.9);
}
@keyframes tick { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ── HERO ── */
.hero {
  background: var(--olive);
  padding: 72px 48px 45px;
  position: relative; overflow: hidden;
}
.home-hero{
  background: rgb(248, 246, 227);
  padding: 72px 48px 45px;
  position: relative; overflow: hidden;
  display:flex;
  justify-content:center;
}
.about-hero {
  background: var(--olive);
  padding: 72px 48px 45px;
  position: relative; overflow: hidden;
}
.about-hero-inner{width:100% !importent;display:flex; justify-content: space-between;}
.hero-circle-1 {
  position: absolute; top: -80px; right: -80px;
  width: 360px; height: 360px; border-radius: 50%;
  background: rgba(196,151,151,0.07); pointer-events: none;
}
.hero-circle-2 {
  position: absolute; bottom: -50px; left: 25%;
  width: 200px; height: 200px; border-radius: 50%;
  background: rgba(131,74,73,0.06); pointer-events: none;
}
.hero-inner { max-width: 660px; position: relative; z-index: 1; }
.hero-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 10px; font-weight: 500; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--rosy); margin-bottom: 22px;
}
.eyebrow-dash { width: 28px; height: 0.5px; background: var(--rosy); }
.hero h1 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 52px; font-weight: 400;
  color: var(--ivory); line-height: 1.3;
  margin-bottom: 24px; letter-spacing: -0.01em;
  align-items: center !important;
  
}
.home-hero{
    font-family: 'Playfair Display', Georgia, serif;
  font-size: 52px; font-weight: 400;
  color: var(--ivory); line-height: 1.3;
  letter-spacing: -0.01em;
  align-items: center !important;
}
.about-hero h1{
    font-family: 'Playfair Display', Georgia, serif;
  font-size: 52px; font-weight: 400;
  color: var(--ivory); line-height: 1.1;
  margin-bottom: 24px; letter-spacing: -0.01em;
}
.hero h1 em { font-style: italic; color: var(--rosy); }
.hero h1 span { font-style: italic; color: var(--rosy); }
.hero h1 .hero-accent { display: block; font-style: italic; color: #C49797; opacity: 0.85; }
.home-hero h1 em { font-style: italic; color: var(--rosy); }
.home-hero h1 span { font-style: italic; color: var(--rosy); }
.home-hero h1 .hero-accent { display: block; font-style: italic; color: #C49797; opacity: 0.85; }
.hero-sub {
  font-size: 15px; color: rgba(248,246,227,0.58);
  line-height: 1.9; margin-bottom: 20px; max-width: 500px;
}
.hero-sub strong { color: var(--ivory); font-weight: 500; }
.cta-group { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.btn-hero {
  display: inline-flex; align-items: center; gap: 12px;
  background: var(--cord); color: var(--ivory);
  font-size: 14px; font-weight: 500;
  padding: 15px 28px; border-radius: 50px;
  border: none; cursor: pointer; font-family: inherit;
  transition: all 0.2s; text-decoration: none; letter-spacing: 0.01em;
  font-family:sans-serif;
  height:50px;
}
.btn-hero:hover { background: #6e3c3b; transform: translateY(-2px); }
.btn-arr {
  width: 28px; height: 28px;
   /* background: rgba(248,246,227,0.18); */
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  transition: transform 0.2s;
}
.btn-hero:hover .btn-arr { transform: translateX(4px); }
.btn-arr svg { width: 12px; height: 12px; fill: none; stroke: var(--ivory); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.hero-reassure { font-size: 11px; color: rgba(248,246,227,0.28); letter-spacing: 0.03em; }

.hero-pills { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 0px; padding-top: 28px; }
.hero-pill {
  display: flex; align-items: center; gap: 7px;
  background: rgba(248,246,227,0.05);
  border: 0.5px solid rgba(248,246,227,0.1);
  border-radius: 8px; padding: 9px 13px;
}
.pill-dot { width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0; }
.hero-pill span { font-size: 11px; color: rgba(248,246,227,0.5); line-height: 1.4; }

/* ── MANIFESTO ── */
.manifesto { background: var(--cord); padding: 36px 48px; text-align: center; }
.manifesto p {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 20px; font-weight: 400; font-style: italic;
  color: var(--ivory); line-height: 1.65; max-width: 680px; margin: 0 auto;
}
.manifesto p strong { font-style: normal; font-weight: 500; color: #f0d4c8; }
 /* ── PROCESS ── */
.main-process-section { background: var(--ivory); padding: 72px 48px; }
.main-process-section h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 34px; font-weight: 400; color: var(--black);
  line-height: 1.25; margin-bottom: 48px;
}
.main-process-section h2 em { font-style: italic; color: var(--cord); }
.main-process-steps { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; }
.main-process-step { display: flex; flex-direction: column; }
.main-step-bubble {
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--cord); display: flex;
  align-items: center; justify-content: center;
  margin-bottom: 16px;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 16px; font-style: italic; color: var(--ivory);
}
.main-process-step h4 { font-size: 13.5px; font-weight: 500; color: var(--black); margin-bottom: 8px; }
.main-process-step p { font-size: 12px; color: #6B6054; line-height: 1.65; }
@media (max-width: 600px) {
  .main-process-steps {
    display: grid;
   grid-template-columns: repeat(1, minmax(0,1fr));
    
}

.fc-btn-primary {
  width: 65%  !important;
}


}

/* ── WHAT WE DO ── */
.what-section { padding: 72px 48px; background: var(--ivory); }
.s-eyebrow {
  font-size: 10px; font-weight: 500; letter-spacing: 0.18em;
  text-transform: uppercase; color: #1B1B1D; margin-bottom: 14px;
  display: flex; align-items: center; gap: 10px;
      text-align: center;
   
}
.s-eyebrow::after { content: ''; width: 32px; height: 0.5px; background-color: #1B1B1D; }
.what-section h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 36px; font-weight: 400; color: var(--black);
  line-height: 1.2; margin-bottom: 16px;
}
.what-section h2 em { font-style: italic; color: var(--cord);  text-align: center;
    justify-content: center;}
.what-section .lead {
  font-size: 14px; color: #6B6054; line-height: 1.9;
  max-width: 560px; margin-bottom: 48px;
  text-align: center;
    justify-content: center;
}
.what-section .lead strong { color: var(--black); font-weight: 500; }
.features-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin-bottom: 40px; }
.feat-card {
  background: #FDFAF4; border: 0.5px solid rgba(27,27,29,0.08);
  border-radius: 16px; padding: 28px 24px;
  transition: transform 0.2s; position: relative; overflow: hidden;
}
.feat-card::before {
  content: ''; position: absolute;
  top: 0; left: 0; right: 0; height: 3px; border-radius: 16px 16px 0 0;
}
.feat-card.c1::before { background: var(--cord); }
.feat-card.c2::before { background: var(--olive); }
.feat-card.c3::before { background: var(--rosy); }
.feat-card:hover { transform: translateY(-3px); }
.feat-num {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 40px; font-weight: 400; font-style: italic;
  color: var(--cord);
   line-height: 1; margin-bottom: 14px;
}
.feat-card h3 { font-size: 15px; font-weight: 500; color: var(--black); margin-bottom: 10px; }
.feat-card p { font-size: 12.5px; color: #6B6054; line-height: 1.7; }
.what-cta {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--olive); color: var(--ivory);
  font-size: 13px; font-weight: 500; padding: 13px 26px;
  border-radius: 50px; border: none; cursor: pointer;
  font-family: inherit; transition: all 0.2s; text-decoration: none;
}
.what-cta:hover { background: #2d3228; transform: translateY(-1px); }
.what-cta svg{
  width: 12px;
    height: 12px;
    fill: none;
    stroke: var(--ivory);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* ── FOR WHO ── */
.forwho-section { background: var(--olive); padding: 72px 48px; }
.forwho-section .s-eyebrow { color: var(--rosy); }
.forwho-section .s-eyebrow::after { background: var(--rosy); }
.forwho-section h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 36px; font-weight: 400; color: var(--ivory);
  line-height: 1.25; margin-bottom: 40px;
}
.forwho-section h2 em { font-style: italic; color: var(--rosy); }
.forwho-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.forwho-card {
  background: rgba(248,246,227,0.05);
  border: 0.5px solid rgba(248,246,227,0.1);
  border-radius: 14px; padding: 24px 20px;
  transition: background 0.2s;
}
.forwho-card:hover { background: rgba(248,246,227,0.09); }
.forwho-quote {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 15px; font-style: italic; color: var(--rosy);
  line-height: 1.5; margin-bottom: 12px;
}
.forwho-response { font-size: 12px; color: rgba(248,246,227,0.52); line-height: 1.7; }
.forwho-response strong { color: rgba(248,246,227,0.85); font-weight: 500; }

/* ── PROCESS ── */
.process-section { background: var(--ivory); padding: 72px 48px; }
.process-section h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 34px; font-weight: 400; color: var(--black);
  line-height: 1.25;
  /*margin-bottom: 48px;*/
}
.process-section h2 em { color: var(--ivory); }
.process-steps { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; }
.process-step { display: flex; flex-direction: column; }
.step-bubble {
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--cord); display: flex;
  align-items: center; justify-content: center;
  margin-bottom: 16px;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 16px; font-style: italic; color: var(--ivory);
}
.process-step h4 { font-size: 13.5px; font-weight: 500; color: var(--black); margin-bottom: 8px; }
.process-step p { font-size: 12px; color: #6B6054; line-height: 1.65; }

/* ── PROOF ── */
.proof-section { background: var(--cord); padding: 64px 48px; }
.proof-section .s-eyebrow { color: rgba(248,246,227,0.5); }
.proof-section .s-eyebrow::after { background: rgba(248,246,227,0.25); }
.proof-section h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 32px; font-weight: 400; color: var(--ivory);
  line-height: 1.3; margin-bottom: 10px;
}
.proof-section h2 em { font-style: italic; color: rgba(248,246,227,0.75); }
.proof-sub { font-size: 13px; color: rgba(248,246,227,0.6); line-height: 1.85; margin-bottom: 36px; max-width: 520px; }
.proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.proof-card {
  background: rgba(248,246,227,0.09);
  border: 0.5px solid rgba(248,246,227,0.14);
  border-radius: 14px; padding: 22px 20px;
}
.proof-num {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 36px; font-weight: 400; font-style: italic;
  color: rgba(248,246,227,0.18); line-height: 1; margin-bottom: 10px;
}
.proof-card h4 { font-size: 13.5px; font-weight: 500; color: var(--ivory); margin-bottom: 8px; }
.proof-card p { font-size: 14px; color: rgba(248,246,227,0.57); line-height: 1.65; }

/* ── FAQ ── */
.faq-section { background: var(--black); padding: 72px 48px; }
.faq-section .s-eyebrow { color: var(--rosy); }
.faq-section .s-eyebrow::after { background: var(--rosy); }
.faq-section h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 34px; font-weight: 400; color: var(--ivory);
  line-height: 1.25; margin-bottom: 36px;
}
.faq-section h2 em { font-style: italic; color: var(--rosy); }
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.faq-item {
  background: rgba(248,246,227,0.04);
  border: 0.5px solid rgba(248,246,227,0.08);
  border-radius: 12px; padding: 20px 22px;
  /*cursor: pointer;*/
  transition: background 0.15s;
  pointer-events: none;  
    cursor: default;    
    text-decoration: none;
}
/* .faq-item:hover { background: rgba(248,246,227,0.08); } */
.faq-q {
  font-size: 13px; font-weight: 500; color: var(--ivory);
  margin-bottom: 9px; display: flex;
  justify-content: space-between; align-items: flex-start; gap: 12px;
}
.faq-icon { color: var(--rosy); font-size: 16px; flex-shrink: 0; }
.faq-a { font-size: 12px; color: rgba(248,246,227,0.48); line-height: 1.75; }

.page-header-packages{
    background: #3d4436;
    padding: 52px 28px 48px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-direction:row;
}
/* ── SOCIALS — THE GOOD BIT ── */
.socials-section { background: var(--ivory); padding: 72px 48px; }
.socials-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.socials-left .s-eyebrow { color: #1B1B1D; }
.socials-left .s-eyebrow::after { background-color: #1B1B1D; }
.socials-left h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 34px; font-weight: 400; color: var(--black);
  line-height: 1.2; margin-bottom: 14px;
}
.socials-left h2 em { font-style: italic; color: var(--cord); }
.socials-left p { font-size: 14px; color: #6B6054; line-height: 1.85; margin-bottom: 8px; }
.socials-left .sub-note {
  font-size: 12px; color: #1B1B1D; line-height: 1.65;
  font-style: italic; margin-bottom: 32px;
}
.social-cards { display: flex; flex-direction: column; gap: 10px; }
.social-card {
  display: flex; align-items: center; gap: 16px;
  background: #FDFAF4; border: 0.5px solid rgba(27,27,29,0.1);
  border-radius: 12px; padding: 16px 18px;
  text-decoration: none; transition: all 0.2s; cursor: pointer;
}
.social-card:hover { transform: translateX(6px); border-color: var(--cord); }
.social-icon {
  width: 42px; height: 42px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.social-icon svg { width: 20px; height: 20px; fill: var(--ivory); }
.social-card-text { flex: 1; }
.social-card-name { font-size: 13px; font-weight: 500; color: var(--black); margin-bottom: 2px; }
.social-card-desc { font-size: 11.5px; color: #1B1B1D; line-height: 1.4; }
.social-card-arrow { font-size: 16px; color: rgba(27,27,29,0.2); transition: color 0.2s; }
.social-card:hover .social-card-arrow { color: var(--cord); }

.socials-right {
  background: var(--olive); border-radius: 20px;
  padding: 36px 32px; display: flex; flex-direction: column; gap: 20px;
}
.socials-right-label {
  font-size: 10px; font-weight: 500; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--rosy); margin-bottom: 4px;
}
.social-preview-quote {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 18px; font-style: italic; font-weight: 400;
  color: var(--ivory); line-height: 1.5;
}
.social-preview-sub { font-size: 12px; color: rgba(248,246,227,0.45); line-height: 1.6; }
.social-preview-pills { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
.social-preview-pill {
  font-size: 10px; color: rgba(248,246,227,0.5);
  background: rgba(248,246,227,0.07);
  border: 0.5px solid rgba(248,246,227,0.12);
  border-radius: 20px; padding: 4px 12px;
}

/* ── CONTACT ── */
.contact-section { background: var(--olive); padding: 80px 48px; }
.contact-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.contact-left .s-eyebrow { color: var(--rosy); }
.contact-left .s-eyebrow::after { background: var(--rosy); }
.contact-left h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 36px; font-weight: 400; color: var(--ivory);
  line-height: 1.2; margin-bottom: 16px;
}
.contact-left h2 em { font-style: italic; color: var(--rosy); }
.contact-left p { font-size: 14px; color: rgba(248,246,227,0.58); line-height: 1.85; margin-bottom: 28px; }
.contact-left p strong { color: var(--ivory); font-weight: 500; }
.btn-contact {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--cord); color: var(--ivory);
  font-size: 14px; font-weight: 500;
  padding: 15px 28px; border-radius: 50px;
  border: none; cursor: pointer; font-family: inherit;
  transition: all 0.2s; text-decoration: none;
}
.btn-contact svg{
  width: 12px;
    height: 12px;
    fill: none;
    stroke: var(--ivory);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;

}
.btn-contact:hover { background: #6e3c3b; transform: translateY(-2px); }
.contact-reassure { font-size: 11px; color: rgba(248,246,227,0.28); margin-top: 12px; }
.contact-right { display: flex; flex-direction: column; gap: 12px; }
.contact-card {
  background: rgba(248,246,227,0.06);
  border: 0.5px solid rgba(248,246,227,0.1);
  border-radius: 14px; padding: 18px 20px;
  display: flex; gap: 14px; align-items: flex-start;
}
.contact-card svg { width: 20px; height: 20px; fill: none; stroke: var(--rosy); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; margin-top: 1px; }
.cc-label { font-size: 10px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(248,246,227,0.3); margin-bottom: 4px; }
.cc-val { font-size: 13px; color: rgba(248,246,227,0.72); line-height: 1.5; }

/* ── FOOTER ── */
.footer { background: #f6f8e3; padding: 44px 48px 28px; }
.footer-min { background: #1b1b1d; padding: 16px 48px 15px; }
.footer-top { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 32px; }
.footer-logo {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 17px; font-style: italic;
  color: var(--ivory); margin-bottom: 10px; letter-spacing: 0.05em;
}
.icons {
    display: flex;
    gap: 15px;
    margin: 15px 0;
}
.icons a {
    margin: 0 5px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.social img {
    display: inline;
    margin-right: 10px;
    margin-left: 10px;
    height: 20px;
    width: 20px;
}
.footer-text{
  font-size: 12px;
    color: #1b1b1d;
    line-height: 1.75;
    max-width: 220px;
}
.grid-footer{
  /* max-width:1100px;
  margin:auto; */
  /* display:grid; */
  /* grid-template-columns:repeat(4,1fr); */
  /* gap:20px; */
   display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  /* margin-top: 20px; */
}
.grid-footer a{
  background-color: none !important;
  border: 0 px !important;
}
/* .grid-footer img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:6px;
} */
.grid-footer img {
  width: 100%;
  aspect-ratio: 1.2 / 1.5;   /* 🔥 perfect square */
  object-fit: cover;
  border-radius: 5px;
  
}
.footer-brand p { font-size: 14px; color: #1b1b1d; line-height: 1.75; max-width: 230px;font-family: 'Lora', serif;     padding-left: 17px;}
.footer-col-label { font-size: 13px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; color: #1b1b1d; margin-bottom: 14px;  font-family: 'Playfair Display', serif;}
.footer-link { font-size: 14px; color:  #1b1b1d; display: block; margin-bottom: 9px; text-decoration: none; transition: color 0.15s;font-family: 'Lora', serif;}
.footer-link:hover { color: var(--rosy); }
.footer-contact-item a{ font-size: 14px; color:  #1b1b1d; margin-bottom: 9px;text-decoration: none; font-family: 'Lora', serif;}
.footer-bottom { border-top: 0.5px solid rgba(248,246,227,0.07); padding-top: 22px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.footer-bottom p { font-size: 13px; color: rgba(248,246,227,0.18); line-height: 1.6; font-family: 'Lora', serif;}
.footer-privacy { font-size: 13px; color: rgba(248,246,227,0.22); text-decoration: none; transition: color 0.15s; white-space: nowrap; font-family: 'Lora', serif;}
.footer-privacy:hover { color: var(--rosy); }
.footer-bottom-min{
        display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-bottom-min p { font-size: 13px; color: #f8f6e3; line-height: 1.6; font-family: 'Lora', serif;}
.footer-privacy-min { font-size: 13px; color: #f8f6e3; text-decoration: none; transition: color 0.15s; white-space: nowrap; font-family: 'Lora', serif;}
.footer-privacy-min:hover { color: var(--rosy); }
/* General Nav Styling */
.nav {
  height: 70px;
  width: 100%;
  background-color: #1b1b1d; /* Match your image color */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  position: relative;
}

.nav-logo a {
  font-style: italic;
  font-weight: bold;
  font-size: 24px;
  color: #f8f6e3;
  text-decoration: none;
}
.nav-logo img{
  width: 100px;
}
.nav-links a {
  display: inline-block;
  padding: 13px 10px;
  text-decoration: none;
  color: #f8f6e3;
  /* font-size: 14px; */
}

.nav-cta {
  background-color: #f8f6e3;
  color: #3e4437 !important;
  border-radius: 20px;
  padding: 8px 15px !important;
  margin-left: 10px;
}

/* Hide Checkbox & Hamburger by default (Desktop) */
#nav-check, .nav-btn {
  display: none;
}
.nav-closer-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9990; 
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  pointer-events: none;
}

/* Close Icon Styling */
.nav-close-btn {
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 35px;
  color: #f8f6e3;
  cursor: pointer;
  display: none; 
}
/* Menu open (checked)  */
#nav-check:checked ~ .nav-closer-overlay {
  display: block;
  pointer-events: auto;
}

/* --- MOBILE RESPONSIVE LOGIC --- */
/* --- MOBILE SLIDE-IN LOGIC --- */
@media (max-width: 1024px) {
  /* Hamburger icon styling */
  .nav-btn {
    display: inline-block;
  }
  .nav-btn label {
    display: flex;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 10px;
  }
  .nav-btn label span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #f8f6e3;
    transition: 0.3s;
  }
  .nav-close-btn {
    display: block; 
  }

  /* Overlay setup for clicking outside */
  .nav-closer-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.3); 
    z-index: 9990; 
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
  }
body.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
}
  
  #nav-check:checked ~ .nav-closer-overlay {
    opacity: 1;
    pointer-events: auto;
    padding-bottom:50px;
  }

  /* Side Menu - Initial Position (Hidden to the left) */

   .nav-links {
    /* position: fixed;
    top: 0;
    right: -100%;
    width: 280px; 
    height: 100vh;
    background-color: #834A49; 
    display: flex !important; 
    flex-direction: column;
    padding-top: 80px;
       transition: left 0.4s ease-in-out; 


    z-index: 9999; 
    box-shadow: 10px 0 20px rgba(0,0,0,0.5);
    overflow: scroll;
    padding-bottom: 50px;
    transition: right 0.9s cubic-bezier(0.4, 0, 0.2, 1); */
    display: flex !important; 
    position: fixed;
    top: 0;
    right: -100%;
    width: 280px;
    height: 100vh;
    background-color: #834A49;
    flex-direction: column;
      transition: left 0.4s ease-in-out; 
    padding-top: 80px;
    transition: right 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 9999;
  }

  /* Link styling in side menu */
  .nav-links a {
    width: 70%;
    padding: 8px 0px;
    font-size: 14px;
    border-bottom: 1px solid rgba(248, 246, 227, 0.05);
    margin-left: 0;
  }

  /* CHECKBOX LOGIC - Slide in when clicked */
  #nav-check:checked ~ .nav-links {
    right: 0; 
    pointer-events: auto; 
  }

  /* Optional: Hamburger turns into 'X' when open */
  #nav-check:checked ~ .nav-btn label span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 6px);
  }
  #nav-check:checked ~ .nav-btn label span:nth-child(2) {
    opacity: 0;
  }
  #nav-check:checked ~ .nav-btn label span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -7px);
  }
}


/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .hero { padding: 48px 24px; }
  .hero h1 { font-size: 36px; }
  .home-hero { padding: 48px 24px; }
  .home-hero h1 { font-size: 36px; }
  .features-grid, .forwho-grid, .process-steps, .proof-grid, .faq-grid, .socials-inner, .contact-inner { grid-template-columns: 1fr; }
  .what-section, .forwho-section, .process-section, .proof-section, .faq-section, .socials-section, .contact-section { padding: 52px 24px; }
  .manifesto { padding: 30px 24px; }
  .manifesto p { font-size: 16px; }
  .footer-top { grid-template-columns: 1fr; }
  .footer { padding: 36px 24px 24px; }
  .nav-links { display: none; }
  .process-steps { grid-template-columns: 1fr 1fr; gap: 20px; }
  .footer-min {
    background: #1b1b1d;
    padding: 16px 9px 15px;
}
.footer-bottom-min p {
    font-size: 11px;
    color: #f8f6e3;
    line-height: 1.6;
}
.footer-privacy-min {
    font-size: 11px;
}
}



/* comparison page */
/* BREADCRUMB */


/* ── HERO ── */


/* ── MARQUEE STRIP ── */
.marquee-strip { background: var(--cord); overflow: hidden; padding: 10px 0; white-space: nowrap; }
.marquee-inner { display: inline-block; animation: marquee 30s linear infinite; font-size: 10px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: rgba(248,246,227,.7); }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }


/* about us page */
/* BREADCRUMB */
.breadcrumb { background: var(--olive); padding: 0 40px 10px; }
.bc { display: flex; align-items: center; gap: 8px; font-size: 11px; color: rgba(248,246,227,.35); }
.bc a { color: rgba(248,246,227,.45); text-decoration: none; transition: color .15s; }
.bc a:hover { color: var(--rosy); }

/* TICKER */
.ticker { background: var(--cord); overflow: hidden; white-space: nowrap; padding: 7px 0; }
.ticker-inner { display: inline-block; animation: tick 24s linear infinite; font-size: 10px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: rgba(248,246,227,.9); }
@keyframes tick { from { transform: translateX(0); } to { transform: translateX(-50%); } }



/* blog page */
/* BREADCRUMB */
.breadcrumb { background: var(--olive); padding: 0 40px 10px; }
.breadcrumb-inner { display: flex; align-items: center; gap: 8px; font-size: 11px; color: rgba(248,246,227,0.35); }
.breadcrumb-inner a { color: rgba(248,246,227,0.45); text-decoration: none; transition: color 0.15s; }
.breadcrumb-inner a:hover { color: var(--rosy); }
.bc-sep { font-size: 10px; }
/* HERO */
.blog-hero-search{
        width: 60%;
    display: flex;
    align-items: center;
    background: rgba(248, 246, 227, 0.06);
    border: 0.5px solid rgba(248, 246, 227, 0.1);
    border-radius: 5px;
    padding: 0px 18px;
}
.blog-hero-sec { background: var(--olive); padding: 40px 40px 52px; position: relative; overflow: hidden; }
.blog-hero-blob-1 { position: absolute; top: -80px; right: -80px; width: 340px; height: 340px; border-radius: 50%; background: rgba(196,151,151,0.07); pointer-events: none; }
.blog-hero-blob-2 { position: absolute; bottom: -50px; left: 30%; width: 180px; height: 180px; border-radius: 50%; background: rgba(131,74,73,0.05); pointer-events: none; }
.blog-hero-grid { display: grid; grid-template-columns: 1fr 340px; gap: 48px; align-items: start; position: relative; z-index: 1; }
.blog-hero-left .eyebrow { font-size: 10px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--rosy); margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }
.blog-eyebrow-dash { width: 26px; height: 0.5px; background: var(--rosy); }
.blog-hero-sec h1 { font-family: 'Playfair Display', Georgia, serif; font-size: 40px; font-weight: 400; color: var(--ivory); line-height: 1.15; margin-bottom: 16px; }
.blog-hero-sec h1 em { font-style: italic; color: var(--rosy); }
.blog-hero-desc { font-size: 13.5px; color: rgba(248,246,227,0.56); line-height: 1.85; margin-bottom: 28px; max-width: 520px; }

.blog-hero-stats { display: flex; flex-direction: column; gap: 10px; padding-top: 8px; border-top: 0.5 solid transparent ipo !important;}
@media (max-width: 960px) {
      .blog-hero-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

}


/* HERO */
.blog-hero { background: var(--olive); padding: 40px 40px 52px; position: relative; overflow: hidden; }
.hero-blob-1 { position: absolute; top: -80px; right: -80px; width: 340px; height: 340px; border-radius: 50%; background: rgba(196,151,151,0.07); pointer-events: none; }
.hero-blob-2 { position: absolute; bottom: -50px; left: 30%; width: 180px; height: 180px; border-radius: 50%; background: rgba(131,74,73,0.05); pointer-events: none; }
.hero-left .eyebrow { font-size: 10px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--rosy); margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }
.eyebrow-dash { width: 26px; height: 0.5px; background: var(--rosy); }
.blog-hero h1 { font-family: 'Playfair Display', Georgia, serif; font-size: 40px; font-weight: 400; color: var(--ivory); line-height: 1.15; margin-bottom: 16px; }
.blog-hero h1 em { font-style: italic; color: var(--rosy); }
.hero-desc { font-size: 13.5px; color: rgba(248,246,227,0.56); line-height: 1.85; margin-bottom: 28px; max-width: 520px; }

/* SEARCH */
.hero-search:focus-within { border-color: var(--rosy); }
.hero-search svg { width: 16px; height: 16px; fill: none; stroke: rgba(248,246,227,0.35); stroke-width: 1.8; stroke-linecap: round; flex-shrink: 0; }
.hero-search input { background: transparent; border: none; outline: none; font-size: 13px; color: var(--ivory); font-family: inherit; flex: 1; }
.hero-search input::placeholder { color: rgba(248,246,227,0.28); }

/* KEYWORD PILLS — SEO gold */
.keyword-pills { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; }
.kw-pill { font-size: 11px; color: rgba(248,246,227,0.5); background: rgba(248,246,227,0.06); border: 0.5px solid rgba(248,246,227,0.1); border-radius: 20px; padding: 5px 14px; text-decoration: none; transition: all 0.15s; cursor: pointer; }
.kw-pill:hover, .kw-pill.active { background: var(--cord); color: var(--ivory); border-color: var(--cord); }

/* HERO RIGHT — stats */
.hero-stats { display: flex; flex-direction: column; gap: 10px; padding-top: 8px; }
.hero-stat { background: rgba(248,246,227,0.06); border: 0.5px solid rgba(248,246,227,0.1); border-radius: 12px; padding: 16px 18px; }
.hs-num { font-family: 'Playfair Display', Georgia, serif; font-size: 28px; font-weight: 400; color: var(--ivory); line-height: 1; margin-bottom: 8px; }
.hs-label { font-size: 11px; color: rgba(248,246,227,0.42); line-height: 1.5; }
.hero-stat.accent { background: var(--cord); border-color: transparent; }
.hero-stat.accent .hs-label { color: rgba(248,246,227,0.65); }

/* MAIN LAYOUT */
.page-wrap { max-width: 1180px; margin: 0 auto; padding: 44px 40px 72px; display: grid; grid-template-columns: 1fr 292px; gap: 44px; align-items: start; }

/* SECTION HEADER */
.section-hd { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.section-hd h2 { font-family: 'Playfair Display', Georgia, serif; font-size: 20px; font-weight: 400; color: var(--black); }
.section-hd h2 em { color: var(--cord); }
.section-hd-line { flex: 1; height: 0.5px; background: rgba(27,27,29,0.1); }
.section-hd-count { font-size: 11px; color: #1B1B1D; background: rgba(27,27,29,0.05); padding: 3px 10px; border-radius: 20px; }

/* FEATURED ARTICLE */
.featured-article { background: var(--card); border: 1px solid rgba(27,27,29,0.09); border-radius: 18px; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 36px; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; }
.featured-article:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(27,27,29,0.08); }
.fa-img {  display: flex; align-items: flex-end; position: relative; overflow: hidden; }
.fa-img-bg { position: absolute; inset: 0; background: linear-gradient(135deg, #2d3228 0%, var(--olive) 60%, #4a5240 100%); }
.fa-img-text { position: relative; z-index: 1; font-family: 'Playfair Display', Georgia, serif; font-size: 11px; font-style: italic; color: rgba(248,246,227,0.25); line-height: 1.6; }
.featured-badge { position: absolute; top: 18px; left: 18px; z-index: 2; background: var(--cord); color: var(--ivory); font-size: 9px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; padding: 4px 11px; border-radius: 20px; }
.fa-body { padding: 28px 26px 24px; display: flex; flex-direction: column; }
.fa-cat { font-size: 10px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--cord); margin-bottom: 10px; display: flex; align-items: center; gap: 6px; }
.fa-cat span { color: #1B1B1D; font-weight: 400; letter-spacing: 0; text-transform: none; }
.fa-body h2 { font-family: 'Playfair Display', Georgia, serif; font-size: 22px; font-weight: 400; color: var(--black); line-height: 1.3; margin-bottom: 12px; }
.fa-body p { font-size: 13px; color: #6B6054; line-height: 1.8; margin-bottom: 20px; flex: 1; }
.fa-meta { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; border-top: 0.5px solid rgba(27,27,29,0.07); }
.author-chip { display: flex; align-items: center; gap: 8px; }
.author-av { width: 30px; height: 30px; border-radius: 50%; background: var(--cord); display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 500; color: var(--ivory); flex-shrink: 0; }
.author-info { font-size: 11px; color: #1B1B1D; line-height: 1.4; }
.author-info strong { font-weight: 500; color: #6B6054; display: block; }
.read-btn { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; color: var(--cord); transition: gap 0.15s; }
.read-btn:hover { gap: 9px; }

/* BLOG GRID 2-col */
.blog-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 36px; }
.blog-card { background: var(--card); border: 1px solid rgba(27,27,29,0.08); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; text-decoration: none; transition: transform 0.2s, border-color 0.2s; }
.blog-card:hover { transform: translateY(-3px); border-color: rgba(131,74,73,0.2); }
.bc-img { height: 222px; display: flex; align-items: flex-end; padding: 12px; position: relative; overflow: hidden; }
.fa-cat:before {
    content: "\f6be";
    display:none;
}
.fa-meta:before {
    content: "\e49b";
    display:none;
}
.bc-img-inner { position: absolute; inset: 0; }
.bg-olive { background: var(--olive); }
/*.bg-cord { background: var(--cord); }*/
.bg-black { background: var(--black); }
.bg-rosy { background: #7A5555; }
.bg-deep { background: #2A2012; }
.bg-forest { background: #253020; }
.bc-img-placeholder { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;  }
.bc-img-placeholder span { font-family: 'Playfair Display', Georgia, serif; font-size: 11px; font-style: italic; color: rgba(248,246,227,0.2); text-align: center; line-height: 1.5; }
.cat-tag { position: relative; z-index: 1; font-size: 9px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; padding: 3px 10px; border-radius: 20px; }
.ct-seo { background: rgba(61,68,54,0.9); color: rgba(248,246,227,0.85); }
.ct-ads { background: rgba(131,74,73,0.9); color: rgba(248,246,227,0.85); }
.ct-social { background: rgba(196,151,151,0.85); color: #2a1a1a; }
.ct-google { background: rgba(27,27,29,0.88); color: rgba(248,246,227,0.8); }
.ct-growth { background: rgba(80,50,10,0.9); color: rgba(248,246,227,0.8); }
.ct-analytics { background: rgba(40,60,30,0.9); color: rgba(248,246,227,0.8); }
.bc-body { padding: 18px 18px 16px; flex: 1; display: flex; flex-direction: column; }
.bc-category { font-size: 10px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cord); margin-bottom: 8px; }
.bc-body h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 15.5px; font-weight: 400; color: var(--black); line-height: 1.35; margin-bottom: 9px; flex: 1; }
.bc-body p { font-size: 12px; color: #6B6054; line-height: 1.65; margin-bottom: 14px; }
.bc-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 11px; border-top: 0.5px solid rgba(27,27,29,0.06); }
.bc-date { font-size: 11px; color: #1B1B1D; }
.bc-time { font-size: 11px; color: var(--cord); font-weight: 500; }

/* LIST POSTS */
.blog-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 36px; }
.list-post { background: var(--card); border: 1px solid rgba(27,27,29,0.07); border-radius: 12px; padding: 18px 20px; display: flex; gap: 16px; align-items: flex-start; text-decoration: none; transition: all 0.15s; }
.list-post:hover { border-color: rgba(131,74,73,0.2); transform: translateX(4px); }
.lp-num { font-family: 'Playfair Display', Georgia, serif; font-size: 22px; font-style: italic; color: #834a49; min-width: 28px; line-height: 1; margin-top: 2px; flex-shrink: 0; }
.lp-content { flex: 1; }
.lp-cat { font-size: 10px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cord); margin-bottom: 5px; }
.lp-content h3 { font-size: 14px; font-weight: 500; color: var(--black); line-height: 1.4; margin-bottom: 4px; }
.lp-content p { font-size: 12px; color: #1B1B1D; line-height: 1.5; }
.lp-meta { font-size: 11px; color: #B0A898; margin-top: 6px; }
.lp-arrow { font-size: 16px; color: rgba(27,27,29,0.15); flex-shrink: 0; margin-top: 3px; transition: color 0.15s, transform 0.15s; }
.list-post:hover .lp-arrow { color: var(--cord); transform: translateX(3px); }

/* PAGINATION */
.pagination { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 8px; }
.page-btn { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 8px; border: 1px solid rgba(27,27,29,0.12); font-size: 13px; font-weight: 500; color: #6B6054; cursor: pointer; text-decoration: none; transition: all 0.15s; background: var(--card); }
.page-btn:hover, .page-btn.active { background: var(--cord); color: var(--ivory); border-color: var(--cord); }
.page-btn.dots { border: none; background: transparent; color: #1B1B1D; cursor: default; }
.page-btn.next { width: auto; padding: 0 16px; gap: 6px; display: flex; align-items: center; }
.page-btn.prev { width: auto; padding: 0 16px; gap: 6px; display: flex; align-items: center; }
.page-btn.prev{ width: auto; padding: 0 16px; gap: 6px; display: flex; align-items: center; }

/* ═══ SIDEBAR ═══ */
.sidebar { display: flex; flex-direction: column; gap: 18px; position: sticky; top: 72px; }

.s-card { background: var(--card); border: 1px solid rgba(27,27,29,0.09); border-radius: 14px; overflow: hidden; }
.s-card-hd { padding: 15px 18px 12px; border-bottom: 0.5px solid rgba(27,27,29,0.07); }
.s-card-hd h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 15px; font-weight: 400; color: var(--black); }
.s-card-hd h3 em { font-style: italic; color: var(--cord); }
.s-card-hd p { font-size: 11px; color: #1B1B1D; margin-top: 2px; line-height: 1.4; }
.s-card-body { padding: 14px 18px 16px; }

/* Audit CTA card */
.audit-card { background: var(--olive); border-radius: 14px; padding: 22px 18px; }
.audit-card .ac-eyebrow { font-size: 9px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--rosy); margin-bottom: 10px; }
.audit-card h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 17px; font-weight: 400; font-style: italic; color: var(--ivory); line-height: 1.35; margin-bottom: 10px; }
.audit-card p { font-size: 12px; color: rgba(248,246,227,0.52); line-height: 1.7; margin-bottom: 16px; }
.audit-points { display: flex; flex-direction: column; gap: 7px; margin-bottom: 18px; }
.audit-point { display: flex; gap: 8px; font-size: 11.5px; color: #f8f6e3; line-height: 1.4; align-items: flex-start; }
.audit-point::before { content: '✓'; color: var(--rosy); font-size: 11px; margin-top: 1px; flex-shrink: 0; }
.audit-cta { display:inline-flex;align-items: center;gap: 10px; justify-content: center; width: 100%; padding: 12px 16px; background: var(--cord); color: var(--ivory); font-size: 13px; font-weight: 500; border-radius: 50px; border: none; cursor: pointer; font-family: inherit; text-align: center; transition: background 0.15s; text-decoration: none; }
.audit-cta:hover { background: #6e3c3b; }
.audit-cta svg{width: 12px;height: 12px; fill: none;stroke: var(--ivory); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}

.audit-note { font-size: 10px; color: rgba(248,246,227,0.28); text-align: center; margin-top: 8px; }

/* Topics */
.topic-row { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 0.5px solid rgba(27,27,29,0.06); text-decoration: none; transition: all 0.15s; cursor: pointer; }
.topic-row:last-child { border-bottom: none; }
.topic-row:hover { padding-left: 4px; }
.topic-left { display: flex; align-items: center; gap: 9px; }
.topic-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.topic-name { font-size: 12.5px; color: var(--black); }
.topic-desc { font-size: 11px; color: #1B1B1D; margin-top: 1px; }
.topic-badge { font-size: 10px; color: #1B1B1D; background: rgba(27,27,29,0.05); padding: 2px 8px; border-radius: 20px; flex-shrink: 0; }
.footer-logo img{
    width:220px;
}
/* Popular posts */
.popular-item { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 0.5px solid rgba(27,27,29,0.06); text-decoration: none; transition: opacity 0.15s; }
.popular-item:last-child { border-bottom: none; }
.popular-item:hover { opacity: 0.72; }
.pop-num { font-family: 'Playfair Display', Georgia, serif; font-size: 20px; font-style: italic; color: #834a49; min-width: 22px; line-height: 1; margin-top: 1px; flex-shrink: 0; }
.pop-title { font-size: 12px; font-weight: 500; color: var(--black); line-height: 1.4; margin-bottom: 3px; }
.pop-cat { font-size: 11px; color: #1B1B1D; }

/* Newsletter */
.nl-card { background: var(--cord); border-radius: 14px; padding: 22px 18px; }
.nl-card h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 16px; font-weight: 400; font-style: italic; color: var(--ivory); margin-bottom: 8px; line-height: 1.35; }
.nl-card p { font-size: 12px; color: rgba(248,246,227,0.55); line-height: 1.65; margin-bottom: 14px; }
.nl-input { display:inline-flex; align-items:center;justify-content:center;gap:10px;width: 100%; padding: 10px 13px; background: rgba(248,246,227,0.1); border: 0.5px solid rgba(248,246,227,0.18); border-radius: 50px; font-size: 12px; color: #fff; font-family: inherit; outline: none; margin-bottom: 8px; transition: border-color 0.2s; }
.nl-input:focus { border-color: rgba(248,246,227,0.4); }
.nl-input::placeholder { color: #fff align-items: center;text-align: center;}
.nl-btn { display:inline-flex; align-items:center;justify-content:center;gap:10px;width: 100%; padding: 11px 16px; background: var(--olive); color: var(--ivory); font-size: 12.5px; font-weight: 500; border-radius: 50px; border: none; cursor: pointer; font-family: inherit; transition: background 0.15s; }
.nl-btn:hover { background: #2d3228; }
.nl-btn svg{width: 12px;height: 12px; fill: none;stroke: var(--ivory); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.nl-note { font-size: 10px; color: rgba(248,246,227,0.28); text-align: center; margin-top: 8px; }

/* KEYWORD BANNER — SEO internal linking block */
.keyword-banner { background: var(--black); padding: 40px 40px; }
.kb-inner { max-width: 1180px; margin: 0 auto; }
.kb-label { font-size: 10px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(248,246,227,0.3); margin-bottom: 16px; }
.kb-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.kb-item { background: rgba(248,246,227,0.04); border: 0.5px solid rgba(248,246,227,0.08); border-radius: 10px; padding: 14px 16px; text-decoration: none; transition: background 0.15s; cursor: pointer; }
.kb-item:hover { background: rgba(248,246,227,0.08); }
.kb-item-icon { font-size: 18px; margin-bottom: 8px; }

    .kb-item-icon i{ color:#fff !important; }

.kb-item-title { font-size: 12.5px; font-weight: 500; color: var(--ivory); margin-bottom: 4px; }
.kb-item-desc { font-size: 11px; color: rgba(248,246,227,0.38); line-height: 1.5; }



@media (max-width: 960px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-stats { display: none; }
  .page-wrap { grid-template-columns: 1fr; padding: 32px 24px 56px; }
  .sidebar { position: static; }
  .featured-article { grid-template-columns: 1fr; }
  .fa-img { min-height: 200px; }
  .blog-grid { grid-template-columns: 1fr; }
  .kb-grid { grid-template-columns: 1fr 1fr; }
  .nav-links { display: none; }
  .blog-hero { padding: 32px 24px 44px; }
  .blog-hero h1 { font-size: 30px; }
  .footer-top { grid-template-columns: 1fr; }
  .footer { padding: 36px 24px 24px; }
  .keyword-banner { padding: 36px 24px; }
  .footer-logo img {
    width:75px;
}
.cta-inner
{
    flex-direction:column;
}

}


/* TOP BAR */
.cp-bar {
  background: #3D4436;
  padding: 18px 22px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.cp-bar-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cp-logo {
  font-family: Georgia, 'Playfair Display', serif;
  font-size: 15px;
  font-style: italic;
  color: #F8F6E3;
  letter-spacing: .06em;
}
.cp-logo img{
  width: 80px;
}
.cp-bar-tag {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ivory);
  /* background: rgba(196,151,151,.15); */
  /* border: .5px solid rgba/(196,151,151,.25); */
  border-radius: 20px;
  padding: 3px 10px;
}
.cp-close {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(248,246,227,.1);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s;
  flex-shrink: 0;
}
.cp-close:hover { background: rgba(248,246,227,.2); }
.cp-close svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: rgba(248,246,227,.7);
  stroke-width: 2;
  stroke-linecap: round;
}

/* BODY */
.cp-body { padding: 26px 28px 24px; }
.cp-eyebrow {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #1B1B1D;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cp-eyebrow::before {
  content: '';
  width: 20px;
  height: .5px;
  background: #C49797;
}
.cp-headline {
  font-family: Georgia, 'Playfair Display', serif;
  font-size: 24px;
  font-weight: 500;
  color: #1B1B1D;
  line-height: 1.2;
  margin-bottom: 10px;
}
.cp-headline em {
  font-style: italic;
  color: #C49797;
}
.cp-sub {
  font-size: 13.5px;
  font-weight: 300;
  color: #6B6054;
  line-height: 1.75;
  margin-bottom: 20px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.cp-sub strong { color: #1B1B1D; font-weight: 500; }

/* WHAT'S INSIDE PILLS */
.cp-pills {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}
.cp-pill {
  font-size: 11px;
  font-weight: 400;
  color: #7A6054;
  background: rgba(131,74,73,.07);
  border: .5px solid rgba(131,74,73,.14);
  border-radius: 20px;
  padding: 4px 11px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* FORM */
.cp-form {
  display: flex;
  gap: 8px;
  /* height: 40px; */
}
.cp-input {
  flex: 1;
  padding: 12px 14px;
  background: #F8F6E3;
  border: 1px solid rgba(27,27,29,.14);
  border-radius: 50px;
  font-size: 13.5px;
  font-weight: 300;
  color: #1B1B1D;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  outline: none;
  transition: border-color .2s;
}
.cp-input:focus { border-color: #C49797; }
.cp-input::placeholder { color: #B0A898; }
.cp-submit {
  padding: 12px 22px;
  background: #C49797;
  color: #F8F6E3;
  font-size: 15px;
  font-weight: 500;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  transition: background .15s, transform .15s;
  white-space: nowrap;
  flex-shrink: 0;
  display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.cp-submit svg{width: 12px;height: 12px; fill: none;stroke: var(--ivory); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}

.cp-submit:hover { background: #6e3c3b; transform: translateY(-1px); }

/* NOTE */
.cp-note {
  font-size: 11px;
  font-weight: 300;
  color: #1B1B1D;
  text-align: center;
  margin-top: 12px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* SUCCESS STATE */
.cp-success {
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 32px 28px 28px;
  gap: 10px;
}
.cp-success-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(29,158,117,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}
.cp-success-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #1D9E75;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cp-success-title {
  font-family: Georgia, 'Playfair Display', serif;
  font-size: 20px;
  font-weight: 400;
  color: #1B1B1D;
}
.cp-success-title em { font-style: italic; color: #C49797; }
.cp-success-sub {
  font-size: 13px;
  font-weight: 300;
  color: #6B6054;
  line-height: 1.65;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.cp-success-close {
  margin-top: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: #C49797;
  cursor: pointer;
  background: none;
  border: none;
  font-family: inherit;
  transition: opacity .15s;
}
.cp-success-close:hover { opacity: .7; }

/* BOTTOM STRIP */
.cp-bottom {
  background: rgba(61,68,54,.06);
  border-top: .5px solid rgba(27,27,29,.07);
  padding: 11px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.cp-bottom-text {
  font-size: 11px;
  font-weight: 300;
  color: #1B1B1D;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.cp-bottom-link {
  font-size: 11px;
  font-weight: 500;
  color: #C49797;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity .15s;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

}
.cp-bottom-link svg{width: 12px;height: 12px; fill: none;stroke: #C49797; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}

.cp-bottom-link:hover { opacity: .7; }

/* MOBILE */
@media (max-width: 540px) {
  #cher-popup { border-radius: 16px; }
  .cp-body { padding: 22px 20px 20px; }
  .cp-headline { font-size: 20px; }
  .cp-form { flex-direction: column; }
  .cp-submit { width: 100%; padding: 13px 20px; }
  .cp-bottom { flex-direction: row; gap: 6px; align-items: flex-start; }
  .page-header h1 {font-size: 26px;}
  .page-header .eyebrow {font-size: 8px;}
  .hero-top-tag{position:absolute; top: 30px;}
  .career-hero {
height: 108vh;
  }
 .hero-left {
        padding: 0px 5px 40px;
    }

}
/* career page */

/* BREADCRUMB */

/* HERO */
.hero { background: var(--olive); min-height: 88vh; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 48px 64px; position: relative; overflow: hidden; }
.hero-bg-word { position: absolute; bottom: -10px; right: -20px; font-family: var(--serif); font-size: 260px; font-weight: 400; font-style: italic; color: rgba(248,246,227,.03); line-height: 1; pointer-events: none; white-space: nowrap; }
.hero-top-tag { position: absolute; top: 48px; right: 48px; display: flex; align-items: center; gap: 10px; }
.ht-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--rosy); animation: pulse 2s ease-in-out infinite; }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(.8)} }
.ht-txt { font-size: 10px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: rgba(248,246,227,.4); }

.hero-label { font-size: 10px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: var(--rosy); margin-bottom: 28px; display: flex; align-items: center; gap: 14px; position: relative; z-index: 1; }
.label-rule { width: 32px; height: .5px; background: var(--rosy); }

.hero h1 { font-family: var(--serif); font-weight: 400; line-height: 1.0; margin-bottom: 0; position: relative; z-index: 1;}
.hl-1 { font-size: clamp(50px, 7.5vw, 90px); color: var(--ivory); display: block; }
.hl-2 { font-size: clamp(50px, 7.5vw, 90px); color: var(--rosy); font-style: italic; display: block; }
.hl-3 { font-size: clamp(50px, 7.5vw, 90px); color: rgba(248,246,227,.2); display: block; }

.hero-bottom { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 48px; gap: 32px; position: relative; z-index: 1; }
.hero-desc { font-size: 15px; font-weight: 300; color: rgba(248,246,227,.55); line-height: 1.85; max-width: 460px; }
.hero-desc strong { color: var(--ivory); font-weight: 500; }
.hero-meta { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; flex-shrink: 0; }
.hm-pill { font-size: 11px; font-weight: 400; color: rgba(248,246,227,.5); background: rgba(248,246,227,.06); border: .5px solid rgba(248,246,227,.12); border-radius: 20px; padding: 6px 14px; white-space: nowrap; }
.hm-pill.accent { background: var(--cord); color: var(--ivory); border-color: var(--cord); }

/* ROLES COUNT STRIP */
.roles-strip { background: var(--cord); padding: 20px 48px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.rs-left { display: flex; align-items: center; gap: 20px; }
.rs-count { font-family: var(--serif); font-size: 36px; font-weight: 400; font-style: italic; color: var(--ivory); line-height: 1; }
.rs-label { font-size: 13px; font-weight: 300; color: rgba(248,246,227,.65); line-height: 1.45; }
.rs-label strong { color: var(--ivory); font-weight: 500; display: block; }
.rs-tags { display: flex; gap: 8px; flex-wrap: wrap; }
.rs-tag { font-size: 10px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: rgba(248,246,227,.55); background: rgba(248,246,227,.08); border: .5px solid rgba(248,246,227,.14); border-radius: 20px; padding: 5px 13px; }

/* MAIN LAYOUT */
.careers-main { display: grid; grid-template-columns: 1fr 320px; gap: 0; align-items: start; padding: 0; }

/* JOB LISTINGS */
.listings { padding: 56px 48px 72px; }
.listings-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 36px; }
.lh-title { font-size: 10px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: #1B1B1D; display: flex; align-items: center; gap: 10px; }
.lh-title::after { content: ''; width: 32px; height: .5px; background-color: #1B1B1D; }
.lh-badge { font-size: 11px; color: var(--cord); background: rgba(131,74,73,.08); border: .5px solid rgba(131,74,73,.15); border-radius: 20px; padding: 4px 12px; font-weight: 500; }

/* JOB CARD */
.job-card { background: var(--card); border: .5px solid rgba(27,27,29,.1); border-radius: 16px; overflow: hidden; margin-bottom: 20px; transition: transform .2s; }
.job-card:hover { transform: translateY(-2px); }
.job-card:last-of-type { margin-bottom: 0; }

.jc-header { padding: 28px 28px 24px; border-bottom: .5px solid rgba(27,27,29,.07); display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: start; }
.jc-tag-row { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
.jc-tag { font-size: 9px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; padding: 3px 10px; border-radius: 20px; }
.tag-active { background: rgba(29,158,117,.12); color: #0F6E56; }
.tag-contract { background: rgba(131,74,73,.1); color: var(--cord); }
.tag-remote { background: rgba(61,68,54,.1); color: var(--olive); }
.tag-india { background: rgba(27,27,29,.06); color: #6B6054; }
.jc-title { font-family: var(--serif); font-size: 26px; font-weight: 400; color: var(--black); line-height: 1.2; margin-bottom: 6px; }
.jc-subtitle { font-size: 13px; font-weight: 300; color: #1B1B1D; }
.jc-apply-top { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.jc-salary { font-family: var(--serif); font-size: 20px; font-weight: 400; font-style: italic; color: var(--cord); white-space: nowrap; }
.jc-start { font-size: 11px; font-weight: 300; color: #1B1B1D; text-align: right; }

.jc-body { padding: 24px 28px; }
.jc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; }
.jc-block-label { font-size: 9.5px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: #1B1B1D; margin-bottom: 10px; }
.jc-list { list-style: none; display: flex; flex-direction: column; gap: 6px; }
.jc-list li { font-size: 12.5px; font-weight: 300; color: #5C5448; line-height: 1.5; display: flex; gap: 9px; align-items: flex-start; }
.jc-list li::before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: var(--cord); margin-top: 6px; flex-shrink: 0; }

.jc-skills-wrap { margin-bottom: 24px; }
.jc-skills { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.jc-skill { font-size: 11px; font-weight: 400; color: #7A6054; background: rgba(27,27,29,.04); border: .5px solid rgba(27,27,29,.1); border-radius: 20px; padding: 4px 12px; }

.jc-note { background: rgba(61,68,54,.06); border: .5px solid rgba(61,68,54,.1); border-radius: 10px; padding: 14px 16px; margin-bottom: 24px; font-size: 12.5px; font-weight: 400; color: var(--olive); display: flex; align-items: flex-start; gap: 10px; line-height: 1.55; }
.jc-note::before { content: '!'; font-family: var(--serif); font-size: 14px; font-style: italic; color: var(--cord); flex-shrink: 0; margin-top: 1px; }

.jc-footer { padding: 18px 28px; border-top: .5px solid rgba(27,27,29,.07); background: rgba(27,27,29,.02); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.jc-footer-meta { display: flex; gap: 20px; flex-wrap: wrap; }
.jfm-item { font-size: 11px; font-weight: 300; color: #1B1B1D; display: flex; align-items: center; gap: 6px; }
.jfm-item svg { width: 13px; height: 13px; fill: none; stroke:#1B1B1D; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.apply-btn { display: inline-flex; align-items: center; gap: 10px; background: var(--cord); color: var(--ivory); font-size: 13px; font-weight: 500; padding: 12px 24px; border-radius: 40px; border: none; cursor: pointer; font-family: var(--sans); transition: all .2s; text-decoration: none; white-space: nowrap; flex-shrink: 0; }
.apply-btn:hover { background: #6e3c3b; transform: translateY(-1px); }
.apply-btn-arr { width: 22px; height: 22px;  border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform .2s; }
.apply-btn:hover .apply-btn-arr { transform: translateX(3px); }
.apply-btn-arr svg { width: 10px; height: 10px; fill: none; stroke: var(--ivory); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.career-sidebar { background: var(--black); padding: 56px 32px 72px; position: sticky; top: 58px; min-height: calc(100vh - 58px); }
.career-hero{
  background: var(--olive);
    min-height: 88vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 48px 64px;
    position: relative;
    overflow: hidden;
}
.career-hero h1 {
    font-family: var(--serif);
    font-size: 46px;
    font-weight: 400;
    color: var(--ivory);
    line-height: 1.1;
    margin-bottom: 18px;
    letter-spacing: -.01em;
}
/* FAQ */
.career-faq-section { background: var(--card); padding: 72px 48px; }
.career-faq-inner {    max-width: 860px;
    margin: 0 auto;}
.career-faq-top { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 36px; gap: 24px; }
.career-faq-top h2 { font-family: var(--serif); font-size: 32px; font-weight: 400; color: var(--black); line-height: 1.2; }
.career-faq-top h2 em { font-style: italic; color: var(--cord); }
.career-faq-top p { font-size: 13px; font-weight: 300; color: #7A7060; line-height: 1.7; max-width: 320px; text-align: right; }
.career-faq-items { display: flex; flex-direction: column; }
.career-faq-item { border-bottom: .5px solid #c49797; padding: 15px 0; }
.career-faq-item:first-child { border-top: .5px solid rgba(27,27,29,.08); }
.career-faq-item:last-child { border-bottom: .5px solid rgba(27,27,29,.08); }
.career-faq-q { font-size: 14px; font-weight: 500; cursor: pointer;color: var(--black); margin-bottom: 9px; display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.faq-icon { color: var(--cord); flex-shrink: 0; font-size: 16px; }
.career-faq-a { font-size: 13px; font-weight: 300; color: #7A7060; line-height: 1.8; max-height: 0;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  padding-bottom: 0;}
  /* Active State */
.career-faq-item.active .career-faq-a {
  max-height: 300px; /* Text length batti adjust avthundi */
  opacity: 1;
  padding-bottom: 25px;
}

/* Icon Animation */
.career-faq-item.active .faq-icon {
  transform: rotate(45deg);
  display: inline-block;
  transition: transform 0.3s ease;
}
@media (max-width: 960px) {
    .career-faq-top {
        flex-direction: column;
        /* gap: 12px; */
    }
    .cta-btn {width:60%;
}
}
/* SIDEBAR */

.sb-section { margin-bottom: 36px; padding-bottom: 36px; border-bottom: .5px solid rgba(248,246,227,.07); }
.sb-section:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.sb-label { font-size: 9px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--rosy); margin-bottom: 16px; }

/* Why join */
.wj-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.wj-item:last-child { margin-bottom: 0; }
.wj-num { font-family: var(--serif); font-size: 18px; font-style: italic; color: rgba(248,246,227,.12); min-width: 22px; line-height: 1; flex-shrink: 0; margin-top: 2px; }
.wj-text { font-size: 12.5px; font-weight: 300; color: rgba(248,246,227,.55); line-height: 1.6; }
.wj-text strong { color: var(--ivory); font-weight: 500; display: block; margin-bottom: 2px; }

/* Who we are */
.sb-about-text { font-size: 13px; font-weight: 300; color: rgba(248,246,227,.48); line-height: 1.8; margin-bottom: 16px; }
.sb-about-link { font-size: 13px; font-weight: 500; color: var(--rosy); text-decoration: none; display:inline-flex; align-items: center; gap: 6px; transition: gap .15s; }
.sb-about-link:hover { gap: 9px; }
.sb-about-link span svg{width: 12px;height: 12px; fill: none;stroke: var(--rosy); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}


/* Application steps */
.step-item { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 14px; }
.step-item:last-child { margin-bottom: 0; }
.step-bubble { width: 26px; height: 26px; border-radius: 50%; background: rgba(248,246,227,.06); border: .5px solid rgba(248,246,227,.12); display: flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 11px; font-style: italic; color: var(--rosy); flex-shrink: 0; }
.step-text { font-size: 12px; font-weight: 300; color: rgba(248,246,227,.5); line-height: 1.6; }
.step-text strong { color: rgba(248,246,227,.8); font-weight: 500; display: block; }

/* Sidebar CTA */
.sb-cta-card { background: var(--cord); border-radius: 12px; padding: 20px 18px; }
.sb-cta-title { font-family: var(--serif); font-size: 16px; font-style: italic; color: var(--ivory); line-height: 1.4; margin-bottom: 8px; }
.sb-cta-desc { font-size: 12px; font-weight: 300; color: rgba(248,246,227,.55); line-height: 1.65; margin-bottom: 14px; }
.sb-cta-btn { display: inline-flex;align-items: center;justify-content: center;gap: 10px; width: 100%; padding: 11px 16px; background: var(--ivory); color: var(--cord); font-size: 12.5px; font-weight: 500; border-radius: 50px; border: none; cursor: pointer; font-family: var(--sans); text-align: center; text-decoration: none; transition: background .15s; }
.sb-cta-btn:hover { background: #f0e8d4; }
.sb-cta-btn svg{width: 12px;height: 12px; fill: none;stroke: var(--cord); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}


/* FAQ */


/* FOOTER */
.footer { background: #f8f6e3; border-top: .5px solid rgba(248,246,227,.07); padding: 52px 48px 28px; }
.ft { display: grid; grid-template-columns: 1.8fr 1fr 1fr; gap: 48px; margin-bottom: 36px; }
.fl { font-family: var(--serif); font-size: 18px; font-style: italic; color: var(--ivory); margin-bottom: 10px; }
.fp { font-size: 12px; font-weight: 300; color: rgba(248,246,227,.3); line-height: 1.8; max-width: 220px; }
.fcl { font-size: 10px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: rgba(248,246,227,.25); margin-bottom: 14px; }
.flink { font-size: 12.5px; font-weight: 300; color: rgba(248,246,227,.4); display: block; margin-bottom: 10px; text-decoration: none; transition: color .15s; }
.flink:hover { color: var(--rosy); }
.fci a{ font-size: 12.5px; font-weight: 300; color: rgba(248,246,227,.4); margin-bottom: 10px; text-decoration: none; }
.fb { border-top: .5px solid rgba(248,246,227,.07); padding-top: 22px; display: flex; justify-content: space-between; align-items: center; }
.fb p { font-size: 11px; font-weight: 300; color: rgba(248,246,227,.17); }
.fp2 { font-size: 11px; font-weight: 300; color: rgba(248,246,227,.2); text-decoration: none; }
.fp2:hover { color: var(--rosy); }

@media (max-width: 960px) {
  .nav { padding: 0 24px; }
  .nav-links { display: none; }
  .hero { padding: 0 24px 48px; min-height: 80vh; }
  .hero-bg-word { font-size: 130px; }
  .hero-bottom { flex-direction: column; align-items: flex-start; }
  .roles-strip { padding: 20px 24px; flex-direction: column; align-items: flex-start; }
  .careers-main { grid-template-columns: 1fr; }
  .sidebar { position: static; min-height: auto; padding: 40px 10px; }
  .listings { padding: 40px 24px 56px; }
  .jc-grid { grid-template-columns: 1fr; gap: 20px; }
  .jc-header { grid-template-columns: 1fr; }
  .jc-apply-top { align-items: flex-start; }
  .faq-section { padding: 56px 24px; }
  .faq-top { flex-direction: column; gap: 12px; }
  .faq-top p { text-align: left; }
  .contact-faq-top { flex-direction: column; gap: 12px; }
  .contact-faq-top p { text-align: left; }
  .footer { padding: 40px 24px 24px; }
  .ft { grid-template-columns: 1fr; gap: 32px; }
}
/* contact us */



/* ═══ HERO — split left/right ═══ */
.contact-hero{
  background:var(--olive);display:flex;grid-template-columns:1fr 520px;min-height:55vh;position:relative;overflow:hidden;
  width: 100%;
  justify-content: space-between}
.hero{background:var(--olive);display:grid;grid-template-columns:1fr 520px;min-height:75vh;position:relative;overflow:hidden;}
.hero-bg-word{position:absolute;bottom:-10px;left:-10px;font-family:var(--serif);font-size:220px;font-weight:400;font-style:italic;color:rgba(248,246,227,.025);pointer-events:none;line-height:1;white-space:nowrap;}
.hero-left{padding:72px 56px 72px 48px;display:flex;flex-direction:row;justify-content:space-between;position:relative;z-index:1;width: 100%;}
.hero-ey{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--rosy);margin-bottom:20px;display:flex;align-items:center;gap:12px;}
.ey-rule{width:28px;height:.5px;background:var(--rosy);}
.contact-hero h1{font-family:var(--serif);font-size:clamp(36px,4vw,56px);font-weight:400;color:var(--ivory);line-height:1.08;margin-bottom:20px;}
.contact-hero h1 em{font-style:italic;color:var(--rosy);}
.hero-sub{font-size:15px;font-weight:300;color:rgba(248,246,227,.54);line-height:1.88;margin-bottom:36px;max-width:420px;}
.hero-sub strong{color:var(--ivory);font-weight:500;}
.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px;}
.h-pill{font-size:11px;font-weight:400;color:rgba(248,246,227,.5);background:rgba(248,246,227,.06);border:.5px solid rgba(248,246,227,.12);border-radius:20px;padding:5px 14px;}
.h-pill.acc{background:var(--cord);color:var(--ivory);border-color:var(--cord);}
.proof-list{display:flex;flex-direction:column;gap:11px;margin-bottom:40px;}
.proof-item{display:flex;align-items:flex-start;gap:10px;}
.p-tick{width:18px;height:18px;border-radius:50%;background:rgba(196,151,151,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.p-tick svg{width:9px;height:9px;fill:none;stroke:var(--rosy);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.p-text{font-size:13px;font-weight:300;color:rgba(248,246,227,.52);line-height:1.55;}
.p-text strong{color:var(--ivory);font-weight:500;}

/* RIGHT — Calendly panel */
.hero-right{background:var(--card);display:flex;flex-direction:column;border-left:.5px solid rgba(27,27,29,.08);position:relative;z-index:1;}
.cal-head{padding:28px 30px 0;}
.cal-ey{font-size:9.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--rosy);margin-bottom:10px;}
.cal-title{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--black);line-height:1.3;margin-bottom:6px;}
.cal-title em{font-style:italic;color:var(--cord);}
.cal-sub{font-size:12.5px;font-weight:300;color:#7A7060;line-height:1.6;padding-bottom:18px;border-bottom:.5px solid rgba(27,27,29,.07);}

.cal-widget-wrap{flex:1;position:relative;}

.cal-foot{padding:14px 30px 24px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:300;color:#1B1B1D;}
.cal-foot::before{content:'';width:6px;height:6px;border-radius:50%;background:#1D9E75;flex-shrink:0;}
.cal-foot a{color:var(--cord);text-decoration:none;}
.cal-foot a:hover{text-decoration:underline;}

/* ═══ BOOKING FORM ═══ */
.booking-form{padding:24px 30px 20px;display:flex;flex-direction:column;gap:0;}
.bf-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.bf-group{margin-bottom:13px;}
.bf-label{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#1B1B1D;margin-bottom:6px;display:flex;align-items:center;gap:6px;}
.bf-opt{font-size:9px;font-weight:400;letter-spacing:0;text-transform:none;color:#B0A898;}
.bf-input{width:100%;padding:10px 13px;background:var(--ivory);border: 1px solid rgba(27, 27, 29, .14); border-radius:8px;font-size:13px;font-weight:300;color:var(--black);font-family:var(--sans);outline:none;transition:border-color .2s;}
.bf-input:focus{border-color:var(--olive);}
.bf-input::placeholder{color:#B0A898;}
.bf-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239B8E82' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;}
.bf-submit{width:100%;padding:13px 20px;background:var(--cord);color:var(--ivory);font-size:13.5px;font-weight:500;border-radius:50px;border:none;cursor:pointer;font-family:var(--sans);display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;margin-top:4px;}
.bf-submit:hover{background:#6e3c3b;transform:translateY(-1px);}
.bf-arr{width:22px;height:22px;background:rgba(248,246,227,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s;}
.bf-submit:hover .bf-arr{transform:translateX(3px);}
.bf-arr svg{width:9px;height:9px;stroke:var(--ivory);}
.bf-note{font-size:11px;font-weight:300;color:#1b1b1d;text-align:center;margin-top:10px;}

/* SUCCESS */
.bf-success{padding:36px 28px 32px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;}
.bf-success-icon{width:52px;height:52px;border-radius:50%;background:rgba(29,158,117,.1);display:flex;align-items:center;justify-content:center;margin-bottom:4px;}
.bf-success-icon svg{width:24px;height:24px;}
.bf-success-title{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--black);}
.bf-success-title em{font-style:italic;color:var(--cord);}
.bf-success-sub{font-size:13px;font-weight:300;color:#6B6054;line-height:1.7;max-width:340px;}
.bf-success-contact{font-size:12px;font-weight:300;color:#1b1b1d;margin-top:8px;}
.bf-success-contact a{color:var(--cord);text-decoration:none;font-weight:500;}
.bf-success-contact a:hover{text-decoration:underline;}

/* ═══ WHAT HAPPENS ON THE CALL ═══ */
.steps-strip{background:var(--cord);padding:36px 48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;}
.si{padding:0 28px 0 0;border-right:.5px solid rgba(248,246,227,.15);}
.si:last-child{border-right:none;padding-right:0;padding-left:28px;}
.si:nth-child(2),.si:nth-child(3){padding-left:28px;}
.si-n{font-family:var(--serif);font-size:13px;font-style:italic;color:rgba(248,246,227,.38);display:block;margin-bottom:10px;}

.si-t{font-size:13.5px;font-weight:500;color:var(--ivory);margin-bottom:6px;line-height:1.3;}
.si-d{font-size:12px;font-weight:300;color:rgba(248,246,227,.48);line-height:1.65;}

/* ═══ WHAT WE SHOW YOU ═══ */
.show-section{background:var(--ivory);padding:80px 48px;}
.show-head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:52px;}
.show-head h2{font-family:var(--serif);font-size:36px;font-weight:400;color:var(--black);line-height:1.2;}
.show-head h2 em{font-style:italic;color:var(--cord);}
.show-head p{font-size:14px;font-weight:300;color:#6B6054;line-height:1.88;}
.show-head p strong{color:var(--black);font-weight:500;}
.show-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.sc{background:var(--card);border:.5px solid #C49797;border-radius:14px;padding:24px 22px;transition:transform .2s;}
.sc:hover{transform:translateY(-2px);}
.sc-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.sc-icon svg{width:17px;height:17px;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.sc-n{font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#1b1b1d;margin-bottom:8px;}
.sc-t{font-size:14px;font-weight:500;color:var(--black);margin-bottom:8px;line-height:1.3;}
.sc-d{font-size:12.5px;font-weight:300;color:#6B6054;line-height:1.7;}

/* ═══ WHO IT'S FOR ═══ */
.contact-for-section{background:var(--black);padding:80px 48px;}
.contact-for-ey{font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--rosy);margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.contact-for-ey::after{content:'';flex:1;height:.5px;background:rgba(196,151,151,.2);}
.contact-for-section h2{font-family:var(--serif);font-size:34px;font-weight:400;color:var(--ivory);line-height:1.2;margin-bottom:40px;}
.contact-for-section h2 em{font-style:italic;color:var(--rosy);}
.contact-for-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.contact-fc{background:rgba(248,246,227,.04);border:.5px solid rgba(248,246,227,.07);border-radius:12px;padding:22px 20px;transition:background .15s;}
.contact-fc:hover{background:rgba(248,246,227,.07);}
.contact-fc-q{font-family:var(--serif);font-size:14px;font-style:italic;color:rgba(248,246,227,.55);line-height:1.5;margin-bottom:10px;}
.contact-fc-a{font-size:12.5px;font-weight:300;color:rgba(248,246,227,.36);line-height:1.7;}
.contact-fc-a strong{color:rgba(248,246,227,.65);font-weight:500;}
.contact-faq-section {
    background: var(--card);
    padding: 80px 48px;
}
/* ═══ FAQ ═══ */
.contact-faq-section{background:var(--card);padding:80px contact-48px;}
.contact-faq-inner{max-width:860px;margin:0 auto;}
.contact-faq-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;gap:24px;}
.contact-faq-top h2{font-family:var(--serif);font-size:32px;font-weight:400;color:var(--black);line-height:1.2;}
.contact-faq-top h2 em{font-style:italic;color:var(--cord);}
.contact-faq-sub{font-size:13px;font-weight:300;color:#7A7060;line-height:1.7;max-width:260px;text-align:right;}
.contact-faq-items{display:flex;flex-direction:column;}
.contact-faq-item{border-bottom:.5px solid #c49797; padding:15px 0;}
.contact-faq-item:first-child{border-top:.5px solid rgba(27,27,29,.08);}
.contact-faq-q{font-size:14px;font-weight:500;cursor: pointer;  color:var(--black);margin-bottom:0px;display:flex;justify-content:space-between;gap:16px;}
.faq-icon{color:var(--cord);flex-shrink:0;}
.contact-faq-a{font-size:13px;font-weight:300;color:#7A7060;line-height:1.8;max-height: 0;
  overflow: hidden;
  transition: all 0.35s ease;
  opacity: 0;
  padding-bottom: 0;
  line-height: 1.6; }
.contact-cta-btn {
  width: 100%;
  display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--cord);
    color: var(--ivory);
    font-size: 14px;
    font-weight: 500;
    padding: 15px 28px;
    border-radius: 50px;
    text-decoration: none;
    transition: all .2s;
    justify-content:center;

}
/* Active (Open) state */
.contact-faq-item.active .contact-faq-a {
  max-height: 400px; /* Content size batti adjust avthundi */
  opacity: 1;
  /* padding-bottom: 20px; */
      font-size: 13px;
    font-weight: 300;
    color: #7A7060;
    line-height: 1.8;

}

/* Icon rotation */
.contact-faq-item.active .faq-icon {
  transform: rotate(45deg);
  display: inline-block;
  transition: transform 0.3s ease;
}

@media (max-width:960px) {
  .contact-cta-btn {
  width: 100%;
  }
  contact-faq-section {
    padding: 45px 28px;
}
.contact-for-grid{grid-template-columns:repeat(1,minmax(0,1fr));}
  
}
/* ═══ PACKAGES NUDGE ═══ */
.pkg-nudge{background:var(--card);padding:0 48px;}
.pkg-nudge-inner{border-radius:16px;padding:28px 0px;display:flex;align-items:center;justify-content:space-between;gap:32px; }
.pn-ey{font-size:9.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#1b1b1d;margin-bottom:7px;}
.pn-title{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--black);margin-bottom:6px;}
.pn-title em{font-style:italic;color:var(--cord);}
.pn-desc{font-size:13px;font-weight:300;color:#7A7060;line-height:1.65;max-width:520px;}
.pn-btn{display:inline-flex;align-items:center;gap:10px;background:var(--cord);color:var(--ivory);font-size:13px;font-weight:500;padding:13px 24px;border-radius:50px;text-decoration:none;transition:all .2s;white-space:nowrap;flex-shrink:0;}
.pn-btn:hover{background:#6e3c3b;transform:translateY(-1px);}
.pn-arr{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pn-arr svg{width:9px;height:9px;}

/* ═══ CONTACT ROW ═══ */
.contact-row{background:var(--ivory);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.cr{padding:36px 32px;border-right:.5px solid rgba(27,27,29,.07);}
.cr:last-child{border-right:none;}
.cr-icon{width:36px;height:36px;border-radius:9px;background:rgba(131,74,73,.08);display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.cr-icon svg{width:16px;height:16px;fill:none;stroke:var(--cord);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.cr-lbl{font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#1B1B1D;margin-bottom:6px;}
.cr-val{font-size:14px;font-weight:400;color:var(--black);margin-bottom:3px;text-decoration:none;display:block;transition:color .15s;}
.cr-val:hover{color:var(--cord);}
.cr-sub{font-size:11.5px;font-weight:300;color:#1B1B1D;}



/* ═══ FINAL CTA ═══ */
.final-cta{background:var(--black);padding:88px 48px;position:relative;overflow:hidden;}
.fc-glow{position:absolute;top:-60px;right:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(131,74,73,.2) 0%,transparent 70%);pointer-events:none;}
.fc-inner {
    display: flex;
    /*grid-template-columns: 1fr 1fr;*/
    gap: 64px;
    align-items: center;
    position: relative;
    z-index: 1;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
/*.fc-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1;}*/
.fc-ey{font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--rosy);margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.fc-ey::after{content:'';width:24px;height:.5px;background:var(--rosy);}
.fc-inner h2{font-family:var(--serif);font-size:42px;font-weight:400;color:var(--ivory);line-height:1.1;margin-bottom:12px;}
.fc-inner h2 em{font-style:italic;color:var(--rosy);}
.fc-inner p{font-size:14px;font-weight:300;color:rgba(248,246,227,.45);line-height:1.85;}
.fc-btns{display:flex;flex-direction:column;gap:14px;align-items:end;}
.cta-btn{display:inline-flex;align-items:center;gap:10px;background:var(--cord);color:var(--ivory);font-size:14px;font-weight:500;padding:15px 28px;border-radius:50px;text-decoration:none;transition:all .2s;}
.cta-btn:hover{background:#6e3c3b;transform:translateY(-1px);}
.cta-arr{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.cta-arr svg{width:9px;height:9px;fill:none;stroke:var(--ivory);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.cta-ghost{display:inline-flex;font-weight:400;color:rgba(248,246,227,.4);text-decoration:none;transition:color .15s; gap: 10px;}
.cta-ghost:hover{color:var(--ivory);}
.cta-ghost svg{width: 12px;height: 12px; fill: none;stroke: #f8f6e366; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}

.cta-note{font-size:11.5px;font-weight:300;color:rgba(248,246,227,.25);}

/* FOOTER */
.footer{background:var(--black);border-top:.5px solid rgba(248,246,227,.07);padding:52px 48px 28px;}
.ft{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:48px;margin-bottom:36px;}
.fl{font-family:var(--serif);font-size:18px;font-style:italic;color:var(--ivory);margin-bottom:10px;}
.ffp{font-size:12px;font-weight:300;color:rgba(248,246,227,.3);line-height:1.8;max-width:220px;}
.fcl{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(248,246,227,.25);margin-bottom:14px;}
.flink{font-size:12.5px;font-weight:300;color:rgba(248,246,227,.4);display:block;margin-bottom:10px;text-decoration:none;transition:color .15s;}
.flink:hover{color:var(--rosy);}
.fci{font-size:12.5px;font-weight:300;color:rgba(248,246,227,.4);margin-bottom:10px;}
.fb{border-top:.5px solid rgba(248,246,227,.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;}
.fb p{font-size:11px;font-weight:300;color:rgba(248,246,227,.17);}
.fp2{font-size:11px;font-weight:300;color:rgba(248,246,227,.2);text-decoration:none;}
.fp2:hover{color:var(--rosy);}
.__cf_email__{
  text-decoration: none;
      color: rgba(248, 246, 227, .4);
}
@media(max-width:960px){
  .nav{padding:0 24px;}.nav-links{display:none;}
  .contact-hero
    {grid-template-columns:1fr;min-height:auto;}
  
  .hero{grid-template-columns:1fr;min-height:auto;}
  .hero-left{padding:10px 10px 40px; flex-direction: column;}
  .cal-widget-wrap{min-height:600px;}
  .steps-strip{grid-template-columns:1fr 1fr;padding:32px 24px;gap:0;}
  .si,.si:nth-child(2),.si:nth-child(3),.si:last-child{padding:20px 0;border-right:none;border-bottom:.5px solid rgba(248,246,227,.12);}
  .si:nth-child(3),.si:last-child{border-bottom:none;}
  .show-section,.for-section,.faq-section,.final-cta,.footer{padding-left:24px;padding-right:24px;}
  .pkg-nudge{padding:0 24px;}
  .pkg-nudge-inner{flex-direction:column;align-items}
  .show-head,.fc-inner{grid-template-columns:1fr;gap:24px; flex-direction:column;}
  .show-grid,.for-grid{grid-template-columns:1fr;}
  .contact-row{grid-template-columns:1fr;}
  .cr{border-right:none;border-bottom:.5px solid rgba(27,27,29,.07);}
  .cr:last-child{border-bottom:none;}
  .faq-top{flex-direction:column;gap:12px;}.faq-sub{text-align:left;}
  .fc-inner h2{font-size:30px;}
  .ft{grid-template-columns:1fr;gap:32px;}
  .blog-hero-search{
      width:100%;
  }
  .custom-dropdown{
      width:100% !important; 
  }
}

/* free audit page */
/* BREADCRUMB */


/* ── HERO ── */
.hero { background: var(--olive); padding: 72px 48px 45px; position: relative; overflow: hidden; }
.hero-blob1 { position: absolute; top: -80px; right: -60px; width: 360px; height: 360px; border-radius: 50%; background: rgba(196,151,151,.07); pointer-events: none; }
.hero-blob2 { position: absolute; bottom: -50px; left: 18%; width: 220px; height: 220px; border-radius: 50%; background: rgba(131,74,73,.05); pointer-events: none; }
.hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; position: relative; z-index: 1; }
.hero-ey { font-size: 10px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: var(--rosy); margin-bottom: 18px; display: flex; align-items: center; gap: 12px; }
.ey-rule { width: 28px; height: .5px; background: var(--rosy); }
.hero h1 { font-family: var(--serif); font-size: 46px; font-weight: 400; color: var(--ivory); line-height: 1.1; margin-bottom: 18px; letter-spacing: -.01em; }
.hero h1 em { font-style: italic; color: var(--rosy); }
.hero-sub { font-size: 15px; font-weight: 300; color: rgba(248,246,227,.56); line-height: 1.85; margin-bottom: 32px; max-width: 460px; }
.hero-sub strong { color: var(--ivory); font-weight: 500; }
.hero-pills { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 36px; margin-top:0;}
.h-pill { font-size: 11px; font-weight: 400; color: rgba(248,246,227,.5); background: rgba(248,246,227,.06); border: .5px solid rgba(248,246,227,.12); border-radius: 20px; padding: 5px 14px; }
.h-pill.acc { background: var(--cord); color: var(--ivory); border-color: var(--cord); }
.hero-anchor { display: inline-flex; align-items: center; gap: 10px; background: var(--cord); color: var(--ivory); font-size: 14px; font-weight: 500; padding: 14px 28px; border-radius: 50px; text-decoration: none; transition: all .2s; }
.hero-anchor:hover { background: #6e3c3b; transform: translateY(-1px); }
.ha-arr { width: 24px; height: 24px;  border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform .2s; }
.hero-anchor:hover .ha-arr { transform: translateX(3px); }
.ha-arr svg { width: 10px; height: 10px; fill: none; stroke: var(--ivory); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.hero-reassure { font-size: 11px; font-weight: 300; color: rgba(248,246,227,.3); margin-top: 10px; }

/* HERO RIGHT — stat cards */
.hero-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.hs { background: rgba(248,246,227,.06); border: .5px solid rgba(248,246,227,.1); border-radius: 12px; padding: 18px 35px; }
.hs.acc { background: var(--cord); border-color: transparent; }
.hs-val { font-family: var(--serif); font-size: 30px; font-weight: 400; color: var(--ivory); line-height: 1; margin-bottom: 6px; }
.hs-lbl { font-size: 13px; font-weight: 300; color: rgba(248,246,227,.42); line-height: 1.5; }
.hs.acc .hs-lbl { color: rgba(248,246,227,.65); }

/* ── WHAT'S INSIDE STRIP ── */
.inside-strip { background: var(--cord); padding: 28px 48px; }
.is-label { font-size: 10px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: rgba(248,246,227,.45); margin-bottom: 16px;font-family: 'lora', serif; }
.is-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 12px; }
.is-item { background: rgba(248,246,227,.07); border: .5px solid rgba(248,246,227,.12); border-radius: 10px; padding: 14px 16px; }
.is-num { font-family: var(--serif); font-size: 12px; font-style: italic; color: var(--rosy); margin-bottom: 6px; }
.is-title { font-size: 12.5px; font-weight: 500; color: var(--ivory); margin-bottom: 4px; line-height: 1.3;font-family: 'Playfair Display', serif; }
.is-desc { font-size: 11px; font-weight: 300; color: rgba(248,246,227,.45); line-height: 1.5; font-family: 'Lora', serif;}

/* ── VIDEO + FORM SECTION ── */
.main-section { padding: 72px 48px; display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; background: var(--ivory); }





/* ── PROCESS ── */
.process-section { background: var(--black); padding: 72px 48px; }
.ps-top { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: end; margin-bottom: 52px; }
.ps-left h2 { font-family: var(--serif); font-size: 36px; font-weight: 400; color: var(--ivory); line-height: 1.2; }
.ps-left h2 em { font-style: italic; color: var(--rosy); }
.ps-right { font-size: 14px; font-weight: 300; color: rgba(248,246,227,.45); line-height: 1.85; }
.ps-steps { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 0; border-top: .5px solid rgba(248,246,227,.08); }
.pss { padding: 28px 28px 0 0; border-right: .5px solid rgba(248,246,227,.07); }
.pss:last-child { border-right: none; padding-right: 0; padding-left: 28px; }
.pss:nth-child(2), .pss:nth-child(3) { padding-left: 28px; }
.pss-num { font-family: var(--serif); font-size: 12px; font-style: italic; color: var(--rosy); display: block; margin-bottom: 16px; }
.pss-h { font-size: 14px; font-weight: 500; color: var(--ivory); margin-bottom: 8px; line-height: 1.3; }
.pss-p { font-size: 12px; font-weight: 300; color: rgba(248,246,227,.42); line-height: 1.7; }

/* ── WHO IT'S FOR ── */
.for-section { background: var(--ivory); padding: 72px 48px; }
.for-ey { font-size: 10px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: #1B1B1D; margin-bottom: 14px; display: flex; align-items: center; gap: 10px; font-family: 'Lora', serif;}
.for-ey::after { content: ''; width: 28px; height: .5px; background-color: #1B1B1D;font-family: 'Lora', serif; }
.for-section h2 { font-family: var(--serif); font-size: 34px; font-weight: 400; color: var(--black); line-height: 1.2; margin-bottom: 40px;font-family: 'Playfair Display', serif; }
.for-section h2 em { font-style: italic; color: var(--cord);font-family: 'Playfair Display', serif; }
.for-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.for-card { background: var(--card); border: .5px solid rgba(27,27,29,.1); border-radius: 14px; padding: 24px 22px; transition: transform .2s; }
.for-card:hover { transform: translateY(-2px); }
.for-quote { font-family: var(--serif); font-size: 15px; font-style: italic; color: var(--cord); line-height: 1.5; margin-bottom: 12px;font-family: 'Playfair Display', serif;font-family: 'Playfair Display', serif; }
.for-response { font-size: 12.5px; font-weight: 300; color: #6B6054; line-height: 1.7;font-family: 'Lora', serif; }
.for-response strong { color: var(--black); font-weight: 500; }



/* ── FINAL CTA ── */
.final-cta { background: var(--olive); padding: 80px 48px; position: relative; overflow: hidden; }
.fc-blob { position: absolute; bottom: -60px; right: -60px; width: 280px; height: 280px; border-radius: 50%; background: rgba(196,151,151,.07); pointer-events: none; }
/*.fc-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; position: relative; z-index: 1; }*/
.fc-left .fc-ey { font-size: 10px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--rosy); margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
.fc-ey-line { width: 24px; height: .5px; background: var(--rosy); }
.fc-left h2 { font-family: var(--serif); font-size: 40px; font-weight: 400; color: var(--ivory); line-height: 1.15; margin-bottom: 14px; }
.fc-left h2 em { font-style: italic; color: var(--rosy); }
.fc-left p { font-size: 14px; font-weight: 300; color: rgba(248,246,227,.5); line-height: 1.85; }
.fc-right { display: flex; flex-direction: column; gap: 12px; }
.fc-btn-primary { display: inline-flex; align-items: center; gap: 10px;width: 100% !important; justify-content: center; background: var(--cord); color: var(--ivory); font-size: 14px; font-weight: 500; padding: 15px 28px; border-radius: 50px; border: none; cursor: pointer; font-family: var(--sans); transition: all .2s; text-decoration: none; }
.fc-btn-primary:hover { background: #6e3c3b; transform: translateY(-1px); }
.fc-btn-note { font-size: 11.5px; font-weight: 300; color: rgba(248,246,227,.3); }
.fc-btn-primary svg{
   width: 12px;
    height: 12px;
    fill: none;
    stroke: var(--ivory);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.btn-p svg{
    width: 12px;
    height: 12px;
    fill: none;
    stroke: var(--ivory);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.btn-g{
  display: inline-flex;
    align-items: center;
    gap: 10px;
        
    /*background: var(--cord);*/
    color: var(--ivory);
    font-size: 13.5px;
    font-weight: 500;
    padding: 13px 26px;
    border-radius: 50px;
    text-decoration: none;
    transition: all .2s;
    background: rgba(131, 74, 73, .2);
    border-color: rgba(196, 151, 151, .3);
}
.btn-g svg{
   width: 12px;
    height: 12px;
    fill: none;
    stroke: var(--ivory);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* FOOTER */
.footer { background: #f8f6e3; border-top: .5px solid rgba(248,246,227,.07); padding: 52px 48px 28px; }
.ft { display: grid; grid-template-columns: 1.8fr 1fr 1fr; gap: 48px; margin-bottom: 36px; }
.fl { font-family: var(--serif); font-size: 18px; font-style: italic; color: var(--ivory); margin-bottom: 10px; }
.fp { font-size: 12px; font-weight: 300; color: rgba(248,246,227,.3); line-height: 1.8; max-width: 220px; }
.fcl { font-size: 10px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: rgba(248,246,227,.25); margin-bottom: 14px; }
.flink { font-size: 12.5px; font-weight: 300; color: rgba(248,246,227,.4); display: block; margin-bottom: 10px; text-decoration: none; transition: color .15s; }
.flink:hover { color: var(--rosy); }
.fci { font-size: 12.5px; font-weight: 300; color: rgba(248,246,227,.4); margin-bottom: 10px; }
.fb { border-top: .5px solid rgba(248,246,227,.07); padding-top: 22px; display: flex; justify-content: space-between; align-items: center; }
.fb p { font-size: 11px; font-weight: 300; color: rgba(248,246,227,.17); }
.fp2 { font-size: 11px; font-weight: 300; color: rgba(248,246,227,.2); text-decoration: none; }
.fp2:hover { color: var(--rosy); }

@media (max-width: 960px) {
  .nav { padding: 0 24px; }
  .nav-links { display: none; }
  .hero { padding: 48px 24px; }
  .hero-grid { grid-template-columns: 1fr; gap: 36px; }
  .hero h1 { font-size: 34px; }
  .inside-strip { padding: 24px 30px; }
  .video-block {
    padding: 0 15px;
}
  .is-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .main-section { grid-template-columns: 1fr; padding: 48px 15px; gap: 40px; }
  .form-block { position: static; }
  .process-section { padding: 48px 24px; }
  .ps-top { grid-template-columns: 1fr; gap: 20px; }
  .ps-steps { grid-template-columns: 1fr 1fr; gap: 0; }
  .pss { padding: 24px 16px 24px 0; }
  .pss:nth-child(2) { padding-left: 16px; }
  .pss:nth-child(3) { border-right: .5px solid rgba(248,246,227,.07); padding-left: 0; }
  .pss:nth-child(4) { padding-left: 16px; }
  .for-section { padding: 48px 24px; }
  .for-grid { grid-template-columns: 1fr; }
  .faq-section { padding: 48px 24px; }
  .faq-top { flex-direction: column; gap: 12px; }
  .faq-top-sub { text-align: left; }
  .final-cta { padding: 48px 24px; }
  .fc-inner { grid-template-columns: 1fr; gap: 32px; }
  .fc-left h2 { font-size: 30px; }
  .footer { padding: 40px 24px 24px; }
  .ft { grid-template-columns: 1fr; gap: 32px; }
  .fc-btn-primary {width: 65% !important;
  }
}

.video-container {
    position: relative;
    
    width: 100%; 
    max-width: 1000px; 
    height: 600px; 
    margin: auto;
    overflow: hidden;
    /*background-color: #000; */
  }

  video {
        width: 100%;
    max-width: 500px;
    height: 85vh;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    border-radius:20px;
  }

  /* Center Play Button */
  .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .play-btn::after {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 25px;
    border-color: transparent transparent transparent #fff;
    margin-left: 5px;
  }

  .hide { display: none; }
  
  
  
  
  
  
  
   /* ── SIDEBAR ── */
 .sb-wrap{width:100%;max-width:320px;display:flex;flex-direction:column;gap:14px;padding:8px 0;
        position: sticky;
    top: 72px;
    margin: 0 auto;

}

/* ─── CARD ─── */
.sb-card{border-radius:16px;overflow:hidden;background:#F8F6E3;box-shadow:0 2px 20px rgba(27,27,27,.12)}

/* ─── HEADER ─── */

.sb-head {padding:22px 24px 20px !important;
position:relative !important;
overflow:hidden !important;}
.sb-head.cord{background:#834A49}
.sb-head.olive{background:#3D4436}
.sb-head::after{content:'';position:absolute;right:-28px;top:-28px;width:100px;height:100px;border-radius:50%;background:rgba(248,246,227,.06);pointer-events:none}

.sb-kicker{font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;font-weight:500;color:rgba(248,246,227,.48);display:block;margin-bottom:9px}
.sb-title{font-family:'Cormorant Garamond',serif;font-size:27px;font-weight:500;color:#F8F6E3;line-height:1.08;letter-spacing:-.01em;margin-bottom:6px}
.sb-sub{font-size:11.5px;color:rgba(248,246,227,.5);font-weight:300;letter-spacing:.03em}

/* ─── BODY ─── */
.sb-body{padding:20px 24px 24px;background:#F8F6E3}

/* ─── BADGES ─── */
.badge-row{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:4px;background:rgba(61,68,54,.1);color:#3D4436}
.badge .pip{width:5px;height:5px;border-radius:50%;background:#C49797;flex-shrink:0}
.badge.live .pip{background:#7ab87a}

/* ─── PITCH ─── */
.pitch{font-family:'Cormorant Garamond',serif;font-size:16.5px;font-weight:300;font-style:italic;color:#3a3630;line-height:1.72;margin-bottom:18px}
.pitch strong{font-style:normal;font-weight:600;color:#834A49}

/* ─── BULLETS ─── */
.blist{list-style:none;margin-bottom:20px;display:flex;flex-direction:column;gap:9px}
.blist li{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:#3a3630;font-weight:300;line-height:1.55}
.blist li::before{content:'';width:4px;height:4px;border-radius:50%;background:#834A49;flex-shrink:0;margin-top:6px}

/* ─── RULE ─── */
.rule{height:1px;background:rgba(131,74,73,.1);margin:16px 0}

/* ─── CLOSES NOTE ─── */
.closes{font-size:10.5px;color:#7a7268;text-align:center;margin-bottom:15px;letter-spacing:.04em;line-height:1.75}
.closes strong{color:#834A49;font-weight:600}




/* ─── NEWSLETTER ─── */
.nl-p{font-size:12.5px;color:#3a3630;font-weight:300;line-height:1.65;margin-bottom:18px}
.nl-label{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:#834A49;font-weight:600;display:block;margin-bottom:8px}
.nl-input{display:block;width:100%;padding:11px 14px;border:1px solid rgba(131,74,73,.22);background:#fff;font-size:13px;font-family:'Jost',sans-serif;font-weight:300;color:#1a1a1b;border-radius:5px;margin-bottom:12px;outline:none;transition:border-color .2s}
.nl-input:focus{border-color:#834A49}
.nl-input::placeholder{color:rgba(122,114,104,.45)}

/* ─── FOOTER NOTE ─── */
.sb-note{font-size:10.5px;color:rgba(248,246,227,.35);text-align:center;line-height:1.7}
.sb-note a{color:#C49797;text-decoration:none}

.events-page-wrap{
        max-width: 1180px;
    margin: 0 auto;
    padding: 44px 40px 72px;
    display: grid;
    grid-template-columns: 1fr 292px;
    gap: 44px;
    align-items: start;
}
@media (max-width: 960px) {
    .main-title {
    font-size: 30px;}
    
    .page-wrap {
    max-width: 100%;
        margin: 0 auto;
        padding: 0px 14px 72px;
        display: block;
         gap: 5px;
  }
}

    .blog-content h2 {
    font-size: 22px;
    line-height:1.5;
    font-weight:500;
    }


/* Base Resets & Font Setup */

/* Banner Section Styling */
.analytics-banner {
  background-color:#834a49; /* Dark charcoal/black background */
  color: #ffffff;
  padding: 40px 30px;
  border-radius: 4px; /* Subtle rounding visible on the container edges */
  max-width: 1200px;
  margin: 0 auto;
  text-align:center;
}

.banner-container {
  /*display: flex;*/
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  
}

/* Typography Styling */
.banner-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  
}
.formula-title{
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  color:#fff;  
}
.formula-subtitle span{
    color:var(--rosy);  
}

.banner-title .highlight {
  color: #c08a8e; /* Muted dusty rose/pink color */
  font-weight: 400;
}
.formula-subtitle{
     color: #7a7a7a; /* Muted gray text */
  font-size: 1.05rem;
  font-weight: 400;
}
.banner-subtitle {
  
  color: #7a7a7a; /* Muted gray text */
  font-size: 1.05rem;
  font-weight: 400;
}

/* Button / CTA Styling */
.banner-btn {
  margin-top: 11px;
    display: inline-flex;
    align-items: center;
    background-color: #7d4f52;
    color: #fcdbdc;
    background: rgba(248, 246, 227, 0.09);
    border: 0.5px solid rgba(248, 246, 227, 0.14);
    text-decoration: none;
    font-size: 15px;
    padding: 10px 50px;
    border-radius: 6px;
    transition: background-color 0.2s ease, transform 0.1s ease;
    white-space: nowrap;
}

.banner-btn:hover {
  background-color: #694144; /* Slightly darker shade on hover */
}

.banner-btn:active {
  transform: scale(0.98);
}

.arrow {
  margin-left: 8px;
  font-size: 1.1rem;
}

/* Responsive Breakpoint for Tablets and Mobile */
@media (max-width: 768px) {
  .analytics-banner {
    padding: 30px 20px;
  }

  .banner-container {
    /*flex-direction: column;*/
    align-items: flex-start; /* Aligns everything nicely to the left on mobile */
    gap: 24px;
  }
  
  .banner-title {
    font-size: 13px;
  }
  
  .banner-btn {
    width: 100%; /* Makes button full-width on mobile for better tap targets */
    justify-content: center;
    padding:5px 30px;
  }
}


/* Container styling */


/* Individual Row */
.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 5px 0;
}

/* Circle Number Badge */
/*.badge {*/
/*    width: 42px;*/
/*    height: 42px;*/
/*    border: 1.5px solid #824D43;/*/
/*    border-radius: 50%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    color: #824D43;*/
/*    font-size: 16px;*/
/*    font-weight: bold;*/
/*    flex-shrink: 0;*/
/*    border-radius:50%;*/
/*}*/

/* Text Block */
.text-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Titles */
.heading {
    /*color: #3C422E;*/
    font-size: 18px !important;
    margin: 0 !important;
    font-weight: 600;
}

/* Description Text */
.paragraph {
    color: #6D6A5B;
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
}

/* Separation Line */
.divider {
    border: 0;
    height: 1px;
    background-color: #E2DFD0;
    margin: 10px 0;
}


/* Responsive adjustment for Mobile screens */
@media (max-width: 600px) {
   .page-wrap {
       gap:0px;
}


}

/* ── THANK YOU PAGE GLOBAL STYLES ── */

/* Main section background for the Thank You page */
.thank-page-main {
  background-color: #3d4a3e !important; /* Dark green background */
  width: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 80px 20px !important;
  box-sizing: border-box !important;
  min-height: 60vh; /* Minimum height to push the footer down */
}

/* Container box holding the thank you card */
.thank-page-container {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Thank you card design */
.thank-page-card {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 20px;
  font-weight: 400;
  color: #f8f6e3 !important; /* Ivory text color */
  line-height: 1.65;
  background: #834a49 !important; /* Cord red background color */
  padding: 45px 30px;
  border-radius: 18px;
  text-align: center;
  width: 100%;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

/* Logo image inside the card */
.thank-page-card img {
  height: 45px;
  width: auto;
  margin-bottom: 24px;
  object-fit: contain;
}

/* Thank you heading title */
.thank-page-title {
  font-size: 28px !important;
  margin: 0 0 12px 0 !important;
  font-style: italic !important;
  color: #f8f6e3 !important;
}

/* Thank you paragraph description */
.thank-page-desc {
  font-size: 15px !important;
  line-height: 1.6 !important;
  opacity: 0.9 !important;
  margin: 0 !important;
  color: #f8f6e3 !important;
}

/* ── MOBILE RESPONSIVENESS ── */
@media (max-width: 600px) {
  .thank-page-main {
    padding: 50px 15px !important;
  }
  .thank-page-card {
    padding: 35px 20px;
  }
  .thank-page-title {
    font-size: 24px !important;
  }
}




/*.cky-notice-btn-wrapper .cky-btn {*/
/*        width: 100%;*/
/*        padding: 8px;*/
/*        margin-right: 0;*/
/*        background: #834a49 !important;*/
/*    }*/
/*        .cky-notice-btn-wrapper .cky-btn {*/
/*        flex: auto;*/
/*        max-width: 100%;*/
/*        margin-top: 10px;*/
/*        white-space: unset;*/
/*        color: #ffff ! IMPORTANT;*/
/*    }*/
button[data-cky-tag="accept-button"],
button[data-cky-tag="reject-button"],
.cky-btn-accept,
.cky-btn-reject {
  background-color: #834a49 !important;
  border-color: #834a49 !important;
  color: #ffffff !important;
}

button[data-cky-tag="settings-button"],
.cky-btn-customize {
  background-color: transparent !important;
  border-color: #834a49 !important;
  color: #834a49 !important;
}
@media only screen and (max-width: 768px) {
    
    
    div[cky-tag="notice"],
    .cky-consent-container {
      padding: 8px 10px !important;
    }

    /* 2. టైటిల్ మరియు డిస్క్రిప్షన్ టెక్స్ట్ సైజ్ తగ్గించడం */
    div[cky-tag="notice"] .cky-title,
    .cky-title {
      font-size: 11px !important;
      margin-bottom: 2px !important;
    }

    div[cky-tag="notice"] .cky-notice-des,
    .cky-notice-des {
      font-size: 9px !important;
      line-height: 1.2 !important;
    }

    /* 3. బటన్లను ఒకే వరుసలో పక్కపక్కనే పెట్టడం */
    div[cky-tag="notice"] .cky-btn-wrapper,
    .cky-btn-wrapper {
      display: flex !important;
      flex-direction: row !important;
      gap: 5px !important;
      margin-top: 6px !important;
    }

    /* 4. Accept All & Reject All బటన్ల రంగు (#834a49) */
    button[data-cky-tag="accept-button"],
    button[data-cky-tag="reject-button"],
    .cky-btn-accept,
    .cky-btn-reject {
      background: #834a49 !important;
      background-color: #834a49 !important;
      border: 1px solid #834a49 !important;
      border-color: #834a49 !important;
      color: #ffffff !important;
      padding: 5px 6px !important;
      font-size: 9px !important;
      border-radius: 4px !important;
      flex: 1 !important;
    }

    /* 5. Customise బటన్ అవుట్‌లైన్ రంగు (#834a49) */
    button[data-cky-tag="settings-button"],
    .cky-btn-customize {
      background: transparent !important;
      background-color: transparent !important;
      border: 1px solid #834a49 !important;
      border-color: #834a49 !important;
      /*color: #834a49 !important;*/
      padding: 5px 6px !important;
      font-size: 9px !important;
      border-radius: 4px !important;
      flex: 1 !important;
    }
    .cky-consent-container .cky-consent-bar {
    background: green !importent;
    border: 1px solid;
    box-shadow: 0 -1px 10px 0 #acabab4d;
    width: 90%;
    margin: 0 auto;
}
.cky-consent-bar .cky-notice-content-wrapper {
    padding: 9px 8px 12px 6px !importent;
}
    .cky-notice-btn-wrapper .cky-btn {
        width: 100%;
        padding: 8px;
        margin-right: 0;
        background: #834a49 !important;
    }
        .cky-notice-btn-wrapper .cky-btn {
        flex: auto;
        max-width: 100%;
        margin-top: 10px;
        white-space: unset;
        color: #ffff ! IMPORTANT;
    }

  }

/*new stlyes*/
/*about us page*/


 
  /*about us*/
.about_us-section { background-image: url('images/about-Hero_section.png'); background-size: cover; background-position: center right; background-repeat: no-repeat; padding: 80px 20px; font-family: 'Playfair Display', serif; color: #1b1b1d; width: 100%; min-height: 40vh; display: flex; align-items: center; box-sizing: border-box; display:block; }
.about_us-container {  margin: 0 auto; width: 100%; padding:80px 50px; }
.about_us-content { max-width: 650px; }
.about_us-subheading { color: #c49797; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; margin-bottom: 24px; font-family: 'lora', serif; }
.about_us-main-heading { font-family: 'Playfair Display', serif; font-size: 48px; font-weight: 400; color: #1b1b1d; line-height: 1.2; margin-bottom: 24px; }
.about_us-italic-text { font-family: 'Playfair Display', serif; font-style: italic; color: #834a49; }
.about_us-description { font-family: 'lora', serif; font-size: 15px; line-height: 1.65; color: #1b1b1d; margin-bottom: 40px; }
.about_us-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.about_us-stat-card { border: 1px solid #c49797; border-radius: 8px; padding: 20px 12px; text-align: center; background-color: transparent; backdrop-filter: blur(4px); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.about_us-stat-number { font-family: 'Playfair Display', serif; font-size: 38px; font-style: italic; color: #834a49; margin-bottom: 6px; line-height: 1; }
.about_us-stat-text { font-family: 'lora', serif; font-size: 11px; line-height: 1.35; color: #1b1b1d; font-weight: 500; }
.about_us-image-wrapper-mobile { display:none; }
.about_us-image { width: 100%; height: auto; border-radius: 8px; object-fit: cover; }
@media (max-width: 992px) { .about_us-content { max-width: 992%; } .about_us-main-heading { font-size: 38px; } .about_us-container { padding:0 15px; } }
@media (max-width: 600px) { .about_us-section { padding: 40px 16px; background-image: none; } .about_us-content, .about_us-image-wrapper { width:100%; } .about_us-image-wrapper-mobile { display:block; } .about_us-image { width: 100%; margin-top: 25px; } .about_us-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } .about_us-main-heading { font-size: 30px; } .about_us-subheading { font-size: 11px; } }
.about_us-banner-section { background-color: #834b4c; padding: 60px 20px; width: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; }
.about_us-banner-container {width: 100%; margin: 0 auto; text-align: left; padding:0 50px;}
.about_us-banner-heading { font-family: 'Playfair Display', serif; font-size: 48px; font-weight: 400; color: #f8f6e3; margin: 0 0 16px 0; line-height: 1.2; letter-spacing: -0.5px; }
.about_us-banner-text { font-family: 'Lora', serif; font-size: 16px; font-weight: 400; color: #f8f6e3; line-height: 1.6; margin: 0; max-width: 950px; }
@media (max-width: 992px) { .about_us-banner-heading { font-size: 38px; } .about_us-banner-container{padding:0 15px;}.about_us-banner-text { font-size: 15px; } }
@media (max-width: 600px) { .about_us-banner-section { padding: 40px 16px;  } .about_us-banner-heading { font-size: 23px; margin-bottom: 12px; } .about_us-banner-text { font-size: 14px; line-height: 1.5; } }
.about_us-team-section { background-color: #f8f6e3; padding: 80px 20px; width: 100%; box-sizing: border-box; }
.about_us-team-container {  margin: 0 auto; padding:0 50px;}
.about_us-team-subheading { font-family: 'Lora', serif; color: #c49797; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; margin-bottom: 12px; }
.about_us-team-main-heading { font-family: 'Playfair Display', serif; font-size: 52px; font-weight: 400; color: #1b1b1d; line-height: 1.1; margin-bottom: 50px; }
.about_us-team-italic-text { font-family: 'Playfair Display', serif; font-style: italic; color: #834a49; }
.about_us-team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.about_us-team-card { display: flex; flex-direction: column; text-align: left; }
.about_us-team-img-box { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 10px; margin-bottom: 24px; }
.about_us-team-img { width: 100%; height: 100%; object-fit: cover; }
.about_us-team-role-tag { font-family: 'Lora', serif; font-size: 11px; letter-spacing: 1.5px; color: #3d4436; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; }
.about_us-team-name { font-family: 'Playfair Display', serif; font-size: 32px; font-weight: 400; color: #1b1b1d; margin-bottom: 4px; line-height: 1.2; }
.about_us-team-designation { font-family: 'Lora', serif; font-size: 13px; color: #00000; margin-bottom: 18px; }
.about_us-team-bio { font-family: 'Lora', serif; font-size: 14px; line-height: 1.6; color: #000000; }
.about_us-team-bio strong { color: #000000; font-weight: 700; }
@media (max-width: 992px) { .about_us-team-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; } .about_us-team-main-heading { font-size: 42px; } }
@media (max-width: 600px) { .about_us-team-section { padding: 50px 16px; } .about_us-team-container {padding:40px 16px;} .about_us-team-grid { grid-template-columns: 1fr; gap: 40px; } .about_us-team-main-heading { font-size: 34px; margin-bottom: 30px; } .about_us-team-name { font-size: 28px; } }
.about_us-why-section { background-color: #3d4436; padding: 80px 20px; width: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; }
.about_us-why-container {width: 100%; margin: 0 auto; display: flex; align-items: center; gap: 50px; padding:0 50px;}
.about_us-why-content { flex: 1; }
.about_us-why-subheading { font-family: 'Lora', serif; color: #c49797; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; }
.about_us-why-main-heading { font-family: 'Playfair Display', serif; font-size: 46px; font-weight: 400; color: #f8f6e3; line-height: 1.25; margin-bottom: 28px; }
.about_us-why-italic-text { font-family: 'Playfair Display', serif; font-style: italic; color: #c49797; }
.about_us-why-description { font-family: 'Lora', serif; font-size: 15px; line-height: 1.65; color: #f8f6e3; margin-bottom: 16px; }
.about_us-why-highlight { font-family: 'Lora', serif; font-size: 16px; font-weight: 700; color: #f8f6e3; margin-bottom: 16px; }
.about_us-why-image-box { flex: 1; display: flex; justify-content: center; }
.about_us-why-image { width: 100%; height: auto; border-radius: 12px; object-fit: cover; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); }
@media (max-width: 992px) { .about_us-why-container { flex-direction: column; gap: 40px; padding:0 15px;} .about_us-why-main-heading { font-size: 38px; } .about_us-why-image-box { width: 100%; } }
@media (max-width: 600px) { .about_us-why-section { padding: 50px 16px; } .about_us-why-main-heading { font-size: 30px; } .about_us-why-subheading { font-size: 11px; } .about_us-why-description, .about_us-why-highlight { font-size: 14px; } }
.about_us-works-section { background-color: #1b1b1d; padding: 80px 20px; width: 100%; box-sizing: border-box; }
.about_us-works-container {width: 100%; margin: 0 auto; align-items: center; gap: 50px; padding:0 50px;}
.about_us-works-cfv { max-width: 1350px; margin: 0 auto; }
.about_us-works-subheading { font-family: 'Lora', serif; color: #c49797; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; margin-bottom: 16px; }
.about_us-works-main-heading { font-family: 'Playfair Display', serif; font-size: 46px; font-weight: 400; color: #f8f6e3; line-height: 1.2; margin-bottom: 50px; }
.about_us-works-italic-text { font-style: italic; color: #c49797; }
.about_us-works-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.about_us-works-card { background-color: #342526; border: 1px solid #c49797; border-radius: 12px; padding: 50px 30px; position: relative; box-sizing: border-box; margin:10px 0; }
.about_us-works-number { font-family: 'lora', serif; font-size: 28px; color: #a37171; background-color: #f8f6e3; width: 50px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 6px; margin-bottom: 20px; font-style: italic; position: absolute; top: -14px; }
.about_us-works-card-title { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 400; color: #c49797; margin-bottom: 12px; line-height: 1.3; }
.about_us-works-card-text { font-family: 'Lora', serif; font-size: 16px; line-height: 1.6; color: #f8f6e3; }
.about_us-works-card-text strong { color: #f8f6e3; font-weight: 700; }
@media (max-width: 992px) { .about_us-works-main-heading { font-size: 38px; } .about_us-works-container {padding:0 15px;}}
@media (max-width: 768px) { .about_us-works-grid { grid-template-columns: 1fr; gap: 20px; } .about_us-works-section { padding: 50px 16px; } .about_us-works-main-heading { font-size: 30px; margin-bottom: 30px; } .about_us-works-card-title { font-size: 20px; } }
.about_us-faq-section { background-color: #f8f6e3; padding: 80px 20px; width: 100%; box-sizing: border-box; display: flex; justify-content: center; }
.about_us-faq-container { width: 100%; display: flex; gap: 50px; align-items: flex-start;padding:0 50px; }
.about_us-faq-left { flex: 1; }
.about_us-faq-subheading { font-family: 'Lora', serif; color: #c49797; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; margin-bottom: 16px; }
.about_us-faq-main-heading { font-family: 'Playfair Display', serif; font-size: 44px; font-weight: 400; color: #1b1b1d; line-height: 1.25; margin-bottom: 30px; }
.about_us-faq-italic-text { font-style: italic; color: #834a49; }
.about_us-faq-image-box { width: 100%; border-radius: 12px; overflow: hidden; height: 605px; }
.about_us-faq-image { width: 100%; height: 605px; display: block; object-fit: cover; border-radius: 12px; }
.about_us-faq-right { flex: 1.1; display: flex; flex-direction: column; gap: 25px; margin-top:45px; }
.about_us-faq-card { background-color: #f8f6e3; border: 1px solid #1b1b1d; border-radius: 12px; padding: 24px; box-sizing: border-box; }
.about_us-faq-question { font-family: 'Playfair Display', serif; font-size: 22px; font-style: italic; font-weight: 600; color: #1b1b1d; margin-bottom: 12px; line-height: 1.3; }
.about_us-faq-answer { font-family: 'Lora', serif; font-size: 15px; line-height: 1.6; color: #1b1b1d; }
@media (max-width: 992px) { .about_us-faq-container { flex-direction: column; gap: 40px;padding:0 15px; } .about_us-faq-left, .about_us-faq-right { width: 100%; } .about_us-faq-main-heading { font-size: 36px; } }
@media (max-width: 600px) { .about_us-faq-section { padding: 50px 16px; } .about_us-faq-main-heading { font-size: 28px; } .about_us-faq-question { font-size: 18px; } .about_us-faq-answer { font-size: 13px; } }
.about_us-cta-section { background-color: #834a49; padding: 20px 20px; width: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.about_us-cta-container {width: 100%; margin: 0 auto; display: flex; align-items: center; gap: 40px; padding:0 50px;}
.about_us-cta-content { flex: 1.1; }
.about_us-cta-subheading { font-family: 'Lora', serif; color: #c49797; font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; font-weight: 500; margin-bottom: 20px; }
.about_us-cta-heading { font-family: 'Playfair Display', serif; font-size: 48px; font-weight: 400; color: #f8f6e4; line-height: 1.15; margin-bottom: 24px; }
.about_us-cta-italic-text { font-style: italic; }
.about_us-cta-description { font-family: 'Lora', serif; font-size: 15px; line-height: 1.6; color: #f8f6e4; margin-bottom: 36px; max-width: 580px; }
.about_us-cta-button { display: inline-flex; align-items: center; gap: 12px; background-color: #f8f6e4; color: #1b1b1d; font-family: 'Lora', serif; font-size: 15px; font-weight: 500; padding: 14px 28px; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; }
.about_us-cta-button:hover { background-color: #ffffff; transform: translateY(-2px); }
.about_us-cta-icon { stroke: #332f2c; transition: transform 0.3s ease; }
.about_us-cta-button:hover .about_us-cta-icon { transform: translateX(4px); }
.about_us-cta-image-wrapper { flex: 0.9; display: flex; justify-content: center; align-items: center; }
.about_us-cta-image { width: 100%; max-width: 550px; height: auto; display: block; object-fit: contain; position: relative; left: 16%; }
/*@media (max-width: 2560px){.about_us-cta-image{left: 32%;}}*/
/*@media (max-width: 1440px){.about_us-cta-image{left: 14%;}}*/
@media (min-width: 1920px) and (max-width: 2560px) {
  .about_us-cta-image {
    left: 30%;
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .about_us-cta-image {
    left: 16%;
  }
}
@media (max-width: 1024px){.about_us-cta-image{left: 19%;}}
@media (max-width: 992px) { .about_us-cta-container { flex-direction: column; gap: 40px;padding:0 15px; } .about_us-cta-content, .about_us-cta-image-wrapper { width: 100%; } .about_us-cta-heading { font-size: 38px; } }
@media (max-width: 600px) {.about_us-cta-heading { font-size: 30px; }  .about_us-cta-image {left: 10%;}}
  
  
  /*why cher page*/
  
  /*packages*/
  .packages-hero-section { background-color: #3d4436; width: 100%; padding: 60px 20px 0 20px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.packages-hero-container { width: 100%; margin: 0 auto; display: flex; align-items: center; gap: 40px; padding:0 50px; }
.packages-hero-content { flex: 1.2; padding-bottom: 60px; }
.packages-hero-subheading { font-family: 'Lora', serif; color: #c49797; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; margin-bottom: 24px; }
.packages-hero-main-heading { font-family: 'Playfair Display', serif; font-size: 52px; font-weight: 400; color: #f8f6e3; line-height: 1.15; margin-bottom: 24px; }
.packages-hero-italic-text { font-style: italic; color: #c49797; }
.packages-hero-description { font-family: 'Lora', serif; font-size: 15px; line-height: 1.65; color: #f8f6e3; margin-bottom: 36px; max-width: 540px; }
.packages-hero-button { display: inline-block; background-color: #834a49; color: #f8f6e3; font-family: 'Lora', serif; font-size: 15px; font-weight: 500; padding: 14px 28px; border-radius: 6px; text-decoration: none; transition: background-color 0.3s ease, transform 0.2s ease; }
.packages-hero-button:hover { background-color: #723c3f; transform: translateY(-2px); }
.packages-hero-image-wrapper { flex: 0.8; display: flex; justify-content: flex-end; align-items: flex-end; }
.packages-hero-image { width: 100%; max-width: 480px; height: auto; display: block; object-fit: cover; }
@media (max-width: 992px) { .packages-hero-container { flex-direction: column; gap: 30px; text-align: left; padding:0 15px;} .packages-hero-content { padding-bottom: 0; } .packages-hero-main-heading { font-size: 40px; } .packages-hero-image-wrapper { justify-content: center; width: 100%; } }
@media (max-width: 600px) { .packages-hero-section { padding: 40px 16px 0 16px; } .packages-hero-subheading { font-size: 10px; letter-spacing: 1.5px; } .packages-hero-main-heading { font-size: 28px; } .packages-hero-description { font-size: 14px; line-height: 1.6; } .packages-hero-button { width: 100%; text-align: center; box-sizing: border-box; padding: 14px 16px; font-size: 14px; } .packages-hero-image { max-width: 100%; } }
.packages-reports-section { background-color: #1b1b1d; padding: 80px 20px; width: 100%; box-sizing: border-box; display: flex; justify-content: center; }
.packages-reports-container { width: 100%; display: flex; gap: 60px; align-items: flex-start; padding: 0 50px;}
.packages-reports-left { flex: 1.1; }
.packages-reports-heading { font-family: 'Playfair Display', serif; font-size: 42px; font-weight: 400; color: #f8f6e3; line-height: 1.25; margin-bottom: 24px; }
.packages-reports-italic-text { font-style: italic; color: #c49797; }
.packages-reports-description { font-family: 'Lora', serif; font-size: 15px; line-height: 1.65; color: #f8f6e3; margin-bottom: 40px; max-width: 540px; }
.packages-reports-image-wrapper { width: 100%; border-radius: 12px; overflow: hidden; }
.packages-reports-image { width: 100%; height: auto; display: block; object-fit: cover; border-radius: 12px; }
.packages-reports-right { flex: 0.9; display: flex; flex-direction: column; gap: 55px; padding-top: 10px; }
.packages-reports-step-item { display: flex; flex-direction: column; }
.packages-reports-step-number { font-family: 'Playfair Display', serif; font-size: 65px; font-weight: 400; color: #c49797; opacity:50%; line-height: 1.55; margin-bottom: 8px; }
.packages-reports-step-title { font-family: 'Playfair Display', serif; font-size: 26px; font-style: italic; font-weight: 600; color: #c49797; margin-bottom: 12px; }
.packages-reports-step-text { font-family: 'Lora', serif; font-size: 15.5px; line-height: 1.6; color: #f8f6e3; max-width: 420px; }
@media (max-width: 992px) { .packages-reports-container { flex-direction: column; gap: 50px; padding:0 15px;} .packages-reports-left, .packages-reports-right { width: 100%; } .packages-reports-heading { font-size: 34px; } .packages-reports-step-number { font-size: 48px; } .packages-reports-step-title { font-size: 22px; } }
@media (max-width: 600px) { .packages-reports-section { padding: 50px 16px; } .packages-reports-heading { font-size: 28px; } .packages-reports-description { font-size: 14px; margin-bottom: 30px; } .packages-reports-right { gap: 30px; } }
.packages-custom-section { background-color: #3d4436; width: 100%; padding: 40px 20px 0 20px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.packages-custom-container { width: 100%; margin: 0 auto; display: flex; align-items: center; gap: 40px; padding:0 50px;}
.packages-custom-content { flex: 1; padding-bottom: 60px; }
.packages-custom-subheading { font-family: 'Lora', serif; color: #c49797; font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; }
.packages-custom-main-heading { font-family: 'Playfair Display', serif; font-size: 48px; font-weight: 400; color: #f8f6e3; line-height: 1.15; margin-bottom: 24px; }
.packages-custom-italic-text { font-style: italic; color: #c49797; font-weight: 600; }
.packages-custom-description { font-family: 'Lora', serif; font-size: 15px; line-height: 1.65; color: #f8f6e3; margin-bottom: 32px; max-width: 540px; }
.packages-custom-button { display: inline-flex; align-items: center; gap: 12px; background-color: #f8f6e3; color: #1b1b1d; font-family: 'Lora', serif; font-size: 15px; font-weight: 500; padding: 14px 28px; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; margin-bottom: 24px; }
.packages-custom-button:hover { background-color: #ffffff; transform: translateY(-2px); }
.packages-custom-btn-icon { stroke: #1b1b1d; transition: transform 0.3s ease; }
.packages-custom-button:hover .packages-custom-btn-icon { transform: translateX(4px); }
.packages-custom-note { font-family: 'Lora', serif; font-size: 14px; font-style: italic; color: #f8f6e3; }
.packages-custom-image-wrapper { flex: 1; display: flex; justify-content: flex-end; align-items: flex-end; }
.packages-custom-image { width: 100%; max-width: 480px; height: auto; display: block; object-fit: cover; }
@media (max-width: 992px) { .packages-custom-container { flex-direction: column; gap: 30px; .packages-custom-container{padding:0 15px;}} .packages-custom-content { padding-bottom: 0; width: 100%; } .packages-custom-main-heading { font-size: 40px; } .packages-custom-image-wrapper { justify-content: center; width: 100%; } }
@media (max-width: 600px) { .packages-custom-section { padding: 40px 16px 0 16px; .packages-custom-container{padding:0 15px;} } .packages-custom-subheading { font-size: 11px; letter-spacing: 1.5px; } .packages-custom-main-heading { font-size: 32px; } .packages-custom-description { font-size: 14px; line-height: 1.6; } .packages-custom-button { width: 90%; justify-content: center; box-sizing: border-box; padding: 14px 20px; font-size: 14px; margin: 10px auto; } .packages-custom-note { font-size: 13px; } .packages-custom-image { max-width: 100%; } }
.packages-audit-section { background-color: #834a49; width: 100%; padding: 0px 20px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.packages-audit-container { width: 100%; margin: 0 auto; display: flex; align-items: center; gap: 50px; padding:0 15px;}
.packages-audit-content { flex: 1; }
.packages-audit-heading { font-family: 'Playfair Display', serif; font-size: 50px; font-weight: 400; color: #f8f6e3; line-height: 1.2; margin-bottom: 24px; }
.packages-audit-description { font-family: 'Lora', serif; font-size: 15px; line-height: 1.65; color: #f8f6e3; margin-bottom: 36px; max-width: 520px; }
.packages-audit-button { display: inline-flex; align-items: center; gap: 12px; background-color: #f8f6e3; color: #1b1b1d; font-family: 'Lora', serif; font-size: 15px; font-weight: 500; padding: 14px 28px; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; }
.packages-audit-button:hover { background-color: #ffffff; transform: translateY(-2px); }
.packages-audit-btn-icon { stroke: #1b1b1b; transition: transform 0.3s ease; }
.packages-audit-button:hover .packages-audit-btn-icon { transform: translateX(4px); }
.packages-audit-image-wrapper { flex: 1; display: flex; justify-content: flex-end; align-items: center; }
.packages-audit-image { width: 100%; max-width: 560px; height: 450px; display: block; object-fit: contain; }
@media (max-width: 992px) { .packages-audit-container { flex-direction: column; gap: 40px;.packages-audit-container: 0 15px } .packages-audit-content { width: 100%; } .packages-audit-heading { font-size: 40px; } .packages-audit-image-wrapper { justify-content: center; width: 100%; } }
@media (max-width: 600px) { .packages-audit-section { padding: 50px 16px; } .packages-audit-heading { font-size: 30px; } .packages-audit-description { font-size: 14px; line-height: 1.6; } .packages-audit-button { width: 80%; justify-content: center; box-sizing: border-box; padding: 14px 20px; font-size: 14px; margin:10px auto; } .packages-audit-image { max-width: 100%; } }
  
  
  /*contact us*/
  .contact_us-hero-section { background-color: #3d4436; width: 100%; padding: 60px 20px 0 20px; box-sizing: border-box; display: flex; justify-content: center; overflow: hidden; }
.contact_us-hero-container { width: 100%; margin: 0 auto; display: flex; align-items: center; gap: 40px; padding:0 50px; }
.contact_us-hero-left { flex: 1.1; padding-bottom: 60px; }
.contact_us-hero-tagline { font-family: 'Lora', serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #c49797; font-weight: 600; margin-bottom: 24px; }
.contact_us-hero-heading { font-family: 'Playfair Display', serif; font-size: 55px; font-weight: 400; color: #f8f6e3; line-height: 1.15; margin-bottom: 24px; }
.contact_us-hero-italic { font-style: italic; color: #c49797; font-weight: 600; }
.contact_us-hero-paragraph { font-family: 'Lora', serif; font-size: 14.5px; line-height: 1.65; color: #f8f6e3; margin-bottom: 20px; max-width: 500px; }
.contact_us-hero-button { display: inline-flex; align-items: center; gap: 12px; background-color: #834a49; color: #f8f6e3; font-family: 'Lora', serif; font-size: 15px; font-weight: 500; padding: 14px 28px; border-radius: 6px; text-decoration: none; margin-top: 16px; transition: all 0.3s ease; }
.contact_us-hero-button:hover { background-color: #653538; transform: translateY(-2px); }
.contact_us-btn-icon { stroke: #f7f5ef; transition: transform 0.3s ease; }
.contact_us-button:hover .contact_us-btn-icon { transform: translateX(4px); }
.contact_us-hero-right { flex: 1; display: flex; justify-content: flex-end; align-items: flex-end; }
.contact_us-image-wrapper { position: relative; width: 100%; max-width: 500px; }
.contact_us-hero-image { width: 100%; height: auto; display: block; object-fit: cover; }
.contact_us-badge { position: absolute; border: 1px solid #c49797; background-color: #59614c; backdrop-filter: blur(4px); color: #f8f6e3; font-family: 'Lora', serif; font-size: 13px; padding: 8px 18px; border-radius: 30px; white-space: nowrap; }
.contact_us-badge-1 { top: 38%; left: -20px; }
.contact_us-badge-2 { top: 34%; right: 20px; }
.contact_us-badge-3 { bottom: 22%; left: -60px; }
.contact_us-badge-4 { bottom: 30%; right: -10px; }
@media (max-width: 1024px) { .contact_us-hero-container { flex-direction: column; gap: 30px; padding:0 15px;} .contact_us-hero-left { padding-bottom: 0; width: 100%; } .contact_us-hero-heading { font-size: 42px; } .contact_us-hero-right { justify-content: center; width: 100%; } .contact_us-badge-3 { left: 0; } .contact_us-badge-4 { right: 0; } }
@media (max-width: 600px) { .contact_us-hero-section { padding: 40px 16px 0 16px; } .contact_us-hero-heading { font-size: 32px; } .contact_us-hero-button { width: 100%; justify-content: center; box-sizing: border-box; } .contact_us-badge { font-size: 9px; padding: 6px 12px; } .contact_us-badge-1 { top: 20%; left: 0; } .contact_us-badge-2 { top: 20%; right: 0; } .contact_us-badge-3 { bottom: 15%; left: 0; } .contact_us-badge-4 { bottom: 15%; right: 0; } }
.contact_us_cards-section { background-color: #1b1b1d; padding: 60px 20px; width: 100%; box-sizing: border-box; display: flex; justify-content: center; }
.contact_us_cards-container {width: 100%; margin: 0 auto;  padding:0 50px;}
.contact_us_cards-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.contact_us_cards-card { background-color: #342526; border: 1px solid #c49797; border-radius: 12px; padding: 32px 24px; box-sizing: border-box; display: flex; flex-direction: column; min-height: 160px; transition: transform 0.3s ease, border-color 0.3s ease; }
.contact_us_cards-card:hover { transform: translateY(-4px); border-color: rgba(223, 163, 151, 0.7); }
.contact_us_cards-number { font-family: 'Lora', serif; font-size: 13px; color: #c49797; margin-bottom: 20px; display: block; }
.contact_us_cards-heading { font-family: 'Playfair Display', serif; font-size: 24px; font-style: italic; font-weight: 400; color: #f8f6e3; line-height: 1.25; margin-bottom: 20px; position: relative; }
.contact_us_cards-heading::after { content: ''; display: block; width: 100%; height: 1px; background-color: rgba(223, 163, 151, 0.3); margin-top: 16px; }
.contact_us_cards-text { font-family: 'Lora', serif; font-size: 13.5px; line-height: 1.6; color: #f8f6e3; margin-top: auto; }
@media (max-width: 1024px) { .contact_us_cards-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }.contact_us_cards-container {padding:0 15px;} }
@media (max-width: 600px) { .contact_us_cards-section { padding: 40px 16px; } .contact_us_cards-grid { grid-template-columns: 1fr; gap: 16px; } .contact_us_cards-card { padding: 24px 20px; min-height: auto; } .contact_us_cards-heading { font-size: 22px; margin-bottom: 12px; } }
.contact_us_what-section { background-color: #f8f6e3; padding: 80px 20px; width: 100%; box-sizing: border-box; display: flex; justify-content: center; }
.contact_us_what-container { width: 100%; margin: 0 auto; padding:0 50px;}
.contact_us_what-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; margin-bottom: 50px; }
.contact_us_what-title { font-family: 'Playfair Display', serif; font-size: 46px; font-weight: 400; color: #1b1b1d; line-height: 1.15; margin: 0; flex: 1; }
.contact_us_what-italic { font-style: italic; color: #834a49; }
.contact_us_what-subtitle { font-family: 'Lora', serif; font-size: 14.5px; line-height: 1.6; color: #1b1b1d; max-width: 500px; margin: 0; flex: 1; padding-top: 10px; }
.contact_us_what-subtitle strong { color: #1b1b1d; font-weight: 600; }
.contact_us_what-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.contact_us_what-card { background-color: #fcfbfa; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 12px; padding: 28px 24px; box-sizing: border-box; display: flex; flex-direction: column; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.contact_us_what-card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); }
.contact_us_what-icon-box { width: 36px; height: 36px; background-color: #f2ece9; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #7a4245; margin-bottom: 20px; }
.contact_us_what-icon-green { background-color: #e8f5e9; }
.contact_us_what-tag { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; color: #834a49; margin-bottom: 12px; display: block; text-transform: uppercase; }
.contact_us_what-card-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 15px; font-weight: 700; color: #1b1b1d; margin-bottom: 10px; line-height: 1.35; }
.contact_us_what-text { font-family: 'Lora', serif; font-size: 13px; line-height: 1.6; color: #1b1b1d; margin: 0; }
@media (max-width: 1024px) { .contact_us_what-header { flex-direction: column; gap: 16px; } .contact_us_what-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .contact_us_what-container {padding:0 15px;}}
@media (max-width: 600px) { .contact_us_what-section { padding: 50px 16px; } .contact_us_what-title { font-size: 32px; } .contact_us_what-subtitle { font-size: 13.5px; } .contact_us_what-grid { grid-template-columns: 1fr; gap: 16px; } .contact_us_what-card { padding: 20px; } }
.contact_call-section { background-color: #1b1b1d; padding: 80px 20px; width: 100%; box-sizing: border-box; display: flex; justify-content: center; }
.contact_call-container { width: 100%; margin: 0 auto; padding:0 50px;}
.contact_call-header { margin-bottom: 50px; }
.contact_call-tagline { font-family: 'Lora', serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #c49797; display: block; margin-bottom: 20px; font-weight: 600; }
.contact_call-title { font-family: 'Playfair Display', serif; font-size: 46px; font-weight: 400; color: #f8f6e3; line-height: 1.2; margin: 0; }
.contact_call-italic { font-style: italic; color: #c49797; }
.contact_call-grid { display: grid; grid-template-columns: repeat(2, 1fr); position: relative; }
.contact_call-grid::before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background-color: rgba(223, 163, 151, 0.2); transform: translateX(-50%); }
.contact_call-card { padding: 36px 40px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; border-bottom: 1px solid rgba(223, 163, 151, 0.2); }
.contact_call-card:nth-child(odd) { padding-left: 0; }
.contact_call-card:nth-child(even) { padding-right: 0; }
.contact_call-card:nth-last-child(-n+2) { border-bottom: none; }
.contact_call-quote { font-family: 'Playfair Display', serif; font-size: 23px; font-style: italic; font-weight: 400; color: #c49797; line-height: 1.35; margin-bottom: 16px; }
.contact_call-desc { font-family: 'Lora', serif; font-size: 13.5px; line-height: 1.6; color: #f8f6e3; margin: 0; }
@media (max-width: 992px) { .contact_call-grid { grid-template-columns: 1fr; } .contact_call-grid::before { display: none; } .contact_call-card { padding: 30px 0; } .contact_call-title { font-size: 36px; }.contact_call-container{padding:0 15px;} }
@media (max-width: 600px) { .contact_call-section { padding: 50px 16px; } .contact_call-title { font-size: 28px; } .contact_call-quote { font-size: 19px; } .contact_call-desc { font-size: 13px; } }
.contact_before_the_call-section { background-color: #3d4436; padding: 0px 20px; width: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.contact_before_the_call-container {  width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 60px; padding:0 50px;}
.contact_before_the_call-content { flex: 1; max-width: 580px; }
.contact_before_the_call-tagline { font-family: 'Lora', serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #c49797; display: block; margin-bottom: 20px; font-weight: 600; }
.contact_before_the_call-title { font-family: 'Playfair Display', serif; font-size: 40px; font-weight: 500; color: #f8f6e3; line-height: 1.2; margin: 0 0 24px 0; }
.contact_before_the_call-italic { font-style: italic; color: #c49797; font-weight: 600; }
.contact_before_the_call-desc { font-family: 'Lora', serif; font-size: 14.5px; line-height: 1.6; color: #f8f6e3; margin: 0 0 36px 0; }
.contact_before_the_call-btn { display: inline-flex; align-items: center; gap: 12px; background-color: #f8f6e3; color: #1b1b1d; font-family: 'Lora', serif; font-size: 14px; font-weight: 500; padding: 14px 28px; border-radius: 8px; text-decoration: none; transition: background-color 0.3s ease, transform 0.2s ease; }
.contact_before_the_call-btn:hover { background-color: #ffffff; transform: translateY(-2px); }
.contact_before_the_call-arrow { transition: transform 0.2s ease; }
.contact_before_the_call-btn:hover .contact_before_the_call-arrow { transform: translateX(4px); }
.contact_before_the_call-media { flex: 1; display: flex; justify-content: flex-end; align-items: center; }
.contact_before_the_call-img { max-width: 100%; height: 500px; object-fit: contain; }
@media (max-width: 992px) { .contact_before_the_call-container { flex-direction: column; gap: 40px; text-align: left;padding:0 15px; } .contact_before_the_call-content { max-width: 100%; } .contact_before_the_call-media { justify-content: center; } .contact_before_the_call-title { font-size: 38px; } }
@media (max-width: 600px) { .contact_before_the_call-section { padding: 50px 16px; } .contact_before_the_call-title { font-size: 30px; } .contact_before_the_call-desc { font-size: 13.5px; } .contact_before_the_call-img { max-width: 100%; height: 250px; object-fit: contain; } .contact_before_the_call-btn { width: 100%; justify-content: center; box-sizing: border-box; } }
.cantact_us_faqs-section { background-color: #f8f6e3; padding: 60px 20px; width: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; }
.cantact_us_faqs-container { width: 100%; margin: 0 auto; display: flex; align-items: flex-start; gap: 60px; padding:0 50px;}
.cantact_us_faqs-media { flex: 0 0 35%; display: flex; justify-content: center; align-items: flex-start; }
.cantact_us_faqs-img { max-width: 100%; height: auto; object-fit: contain; position:relative; top:-60px; }
.cantact_us_faqs-content { flex: 1; }
.cantact_us_faqs-title { font-family: 'Playfair Display', serif; font-size: 44px; font-weight: 400; color: #1b1b1d; line-height: 1.2; margin: 0 0 40px 0; }
.cantact_us_faqs-italic { font-style: italic; color: #834a49; }
.cantact_us_faqs-accordion {}
.cantact_us_faqs-item { border-bottom: 1px solid rgba(43, 43, 43, 0.2); }
.cantact_us_faqs-btn { width: 100%; background: none; border: none; padding: 22px 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer; text-align: left; outline: none; }
.cantact_us_faqs-question { font-family: 'Lora', serif; font-size: 17px; color: #1b1b1d; font-weight: 500; transition: color 0.3s ease; }
.cantact_us_faqs-btn:hover .cantact_us_faqs-question { color: #7a4245; }
.cantact_us_faqs-icon { position: relative; width: 14px; height: 14px; display: inline-block; flex-shrink: 0; margin-left: 15px; }
.cantact_us_faqs-icon::before, .cantact_us_faqs-icon::after { content: ''; position: absolute; background-color: #dfa397; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.cantact_us_faqs-icon::before { top: 6px; left: 0; width: 100%; height: 1.5px; }
.cantact_us_faqs-icon::after { top: 0; left: 6px; width: 1.5px; height: 100%; }
.cantact_us_faqs-active .cantact_us_faqs-icon::before { transform: rotate(45deg); }
.cantact_us_faqs-active .cantact_us_faqs-icon::after { transform: rotate(45deg); }
.cantact_us_faqs-body { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0, 1, 0, 1); }
.cantact_us_faqs-inner { padding-bottom: 22px; }
.cantact_us_faqs-answer { font-family: 'Lora', serif; font-size: 13.5px; line-height: 1.6; color: #1b1b1d; margin: 0; }
@media (max-width: 992px) { .cantact_us_faqs-container { flex-direction: column; align-items: stretch; gap: 30px;padding:0 15px; } .cantact_us_faqs-media { flex: none; max-width: 270px; margin: 0 auto; } .cantact_us_faqs-title { font-size: 36px; text-align: start; } }
@media (max-width: 600px) { .cantact_us_faqs-section { padding: 50px 16px; } .cantact_us_faqs-img { top: -50px; } .cantact_us_faqs-title { font-size: 23px; } .cantact_us_faqs-question { font-size: 14px; } .cantact_us_faqs-answer { font-size: 13px; } }
.contact_us_starts-section { background-color: #834a49; padding: 0px 20px 0 20px; width: 100%; box-sizing: border-box; display: flex; justify-content: center; overflow: hidden; }
.contact_us_starts-container { width: 100%; margin: 0 auto; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; padding:0 50px;}
.contact_us_starts-content { flex: 1.1; padding-bottom: 80px; max-width: 620px; }
.contact_us_starts-tagline { font-family: 'Lora', serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #c49797; font-weight: 600; margin-bottom: 24px; display: block; }
.contact_us_starts-heading { font-family: 'Playfair Display', serif; font-size: 52px; font-weight: 400; color: #f8f6e3; line-height: 1.15; margin: 0 0 24px 0; }
.contact_us_starts-italic { font-style: italic; color: #c49797; }
.contact_us_starts-paragraph { font-family: 'Lora', serif; font-size: 14.5px; line-height: 1.65; color: #e5e3dc; margin-bottom: 32px; max-width: 520px; }
.contact_us_starts-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.contact_us_starts-btn-primary { display: inline-flex; align-items: center; gap: 12px; background-color: #f8f6e3; color: #1b1b1d; font-family: 'Lora', serif; font-size: 14.5px; font-weight: 500; padding: 14px 28px; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; }
.contact_us_starts-btn-primary:hover { background-color: #ffffff; transform: translateY(-2px); }
.contact_us_starts-icon { stroke: #1b1b1d; transition: transform 0.3s ease; }
.contact_us_starts-btn-primary:hover .contact_us_starts-icon { transform: translateX(4px); }
.contact_us_starts-btn-secondary { display: inline-flex; align-items: center; background-color: transparent; color: #f8f6e3; font-family: 'Lora', serif; font-size: 14.5px; font-weight: 500; padding: 14px 28px; border-radius: 8px; border: 1px solid #f8f6e3; text-decoration: none; transition: all 0.3s ease; }
.contact_us_starts-btn-secondary:hover { border-color: #f8f6e3; background-color: rgba(255, 255, 255, 0.05); }
.contact_us_starts-subtext { font-family: 'Lora', serif; font-size: 11px; color: #f8f6e3; margin: 0; letter-spacing: 0.3px; }
.contact_us_starts-media { flex: 1; display: flex; justify-content: flex-end; align-items: flex-end; }
.contact_us_starts-img { max-width: 100%; height: 600px; display: block; object-fit: contain; }
@media (max-width: 1024px) { .contact_us_starts-container { flex-direction: column; align-items: center; gap: 30px;padding:0 15px; } .contact_us_starts-content { padding-bottom: 0; max-width: 100%; } .contact_us_starts-heading { font-size: 42px; } .contact_us_starts-media { width: 100%; justify-content: center; } }
@media (max-width: 600px) { .contact_us_starts-section { padding: 50px 16px 0 16px; } .contact_us_starts-heading { font-size: 32px; } .contact_us_starts-actions { flex-direction: column; align-items: stretch; } .contact_us_starts-btn-primary, .contact_us_starts-btn-secondary { justify-content: center; width: 100%; box-sizing: border-box; text-align: center; } .contact_us_starts-img { max-width: 100%; height: 285px; } }
.contact_us_details-section { background-color: #191919; padding: 60px 20px; width: 100%; box-sizing: border-box; display: flex; justify-content: center; }
.contact_us_details-container { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; padding:0 50px;}
.contact_us_details-card { flex: 1; display: flex; flex-direction: column; align-items: flex-start; }
.contact_us_details-icon-wrapper { width: 40px; height: 40px; background-color: #242424; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }
.contact_us_details-icon { stroke: #d1ccc0; }
.contact_us_details-label { font-family: 'Lora', serif; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: #f8f6e3; font-weight: 600; margin-bottom: 8px; display: block; }
.contact_us_details-value { font-family: 'Lora', serif; font-size: 18px; font-weight: 400; color: #f8f6e3; text-decoration: none; margin-bottom: 6px; line-height: 1.3; transition: color 0.3s ease; }
a.contact_us_details-value:hover { color: #dfa397; }
.contact_us_details-subtext { font-family: 'Lora', serif; font-size: 13px; color: #f8f6e3; line-height: 1.5; }
@media (max-width: 992px) { .contact_us_details-container { flex-direction: column; gap: 40px; padding:0 15px;} .contact_us_details-card { width: 100%; } }
@media (max-width: 600px) { .contact_us_details-section { padding: 40px 16px; } .contact_us_details-value { font-size: 16px; } .contact_us_details-subtext { font-size: 12.5px; } }
 /*audit page*/
 .salon_audit-hero-section { background-color: #3d4436; width: 100%; padding: 60px 0 0 0; box-sizing: border-box; display: flex; justify-content: center; position: relative; overflow: hidden; }
.salon_audit-hero-container { max-width: 100%; width: 100%; margin: 0 auto; display: flex; align-items: flex-start; gap: 40px; padding:0 50px;}
.salon_audit-hero-left { flex: 1; padding-bottom: 80px; z-index: 2; }
.salon_audit-hero-subheading { font-family: 'Lora', serif; color: #c49797; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; margin-bottom: 24px; }
.salon_audit-hero-main-heading { font-family: 'Playfair Display', serif; font-size: 52px; font-weight: 400; color: #f8f6e3; line-height: 1.15; margin-bottom: 24px; }
.salon_audit-hero-italic-text { font-style: italic; color: #c49797; font-weight: 600; }
.salon_audit-hero-description { font-family: 'Lora', serif; font-size: 14.5px; line-height: 1.65; color: #f8f6e3; margin-bottom: 36px; max-width: 480px; }
.salon_audit-hero-button { display: inline-flex; align-items: center; gap: 12px; background-color: #834a49; color: #f8f6e3; font-family: 'Lora', serif; font-size: 15px; font-weight: 500; padding: 14px 28px; border-radius: 6px; text-decoration: none; transition: all 0.3s ease; }
.salon_audit-hero-button:hover { background-color: #653538; transform: translateY(-2px); }
.salon_audit-hero-right { flex: 1.1; position: relative; min-height: 418px; display: flex; flex-direction: column; justify-content: space-between; }
.salon_audit-stats-grid { display: grid; grid-template-columns: repeat(2, 160px); gap: 14px; z-index: 3; position: relative; }
.salon_audit-stat-card { border: 1px solid rgba(223, 163, 151, 0.4); border-radius: 8px; padding: 18px 16px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; height: 120px; background-color: rgba(62, 71, 57, 0.6); backdrop-filter: blur(4px); }
.salon_audit-card-filled { background-color: #834a49 !important; border-color: #c49797; }
.salon_audit-stat-number { font-family: 'Playfair Display', serif; font-size: 32px; font-style: italic; font-weight: 400; color: #f8f6e3; margin-bottom: 6px; }
.salon_audit-stat-text { font-family: 'Lora', serif; font-size: 11px; line-height: 1.35; color: #f8f6e3; }
.salon_audit-image-wrapper { position: absolute; right: -20px; bottom: 0; width: 100%; max-width: 540px; z-index: 1; pointer-events: none; }
.salon_audit-hero-image { width: 100%; height: auto; display: block; object-fit: cover; }
@media (max-width: 1024px) { .salon_audit-hero-container { flex-direction: column; gap: 40px; } .salon_audit-hero-left { padding-bottom: 0; width: 100%; } .salon_audit-hero-right { width: 100%; min-height: auto; } .salon_audit-stats-grid { grid-template-columns: repeat(2, 1fr); width: 100%; } .salon_audit-image-wrapper { position: relative; right: 0; margin-top: 20px; max-width: 100%; } }
@media (max-width: 600px) { .salon_audit-hero-section { padding: 40px 15px 0; } .salon_audit-hero-container{padding:0 15px;}.salon_audit-hero-main-heading { font-size: 32px; } .salon_audit-hero-button { width: 100%; justify-content: center; box-sizing: border-box; } .salon_audit-stat-card { height: auto; min-height: 110px; } }
.video-block {}
.vb-label { font-size: 10px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: #9B8E82; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; font-family: 'Lora', serif; }
.vb-label::after { content: ''; width: 28px; height: .5px; background: #9B8E82; }
.vb-headline { font-family: var(--serif); font-size: 28px; font-weight: 400; color: var(--black); line-height: 1.25; margin-bottom: 12px; font-family: 'Playfair Display', serif; }
.vb-headline em { font-style: italic; color: var(--cord); font-family: 'Playfair Display', serif; }
.vb-desc { font-size: 13.5px; font-weight: 300; color: #6B6054; line-height: 1.8; margin-bottom: 24px; font-family: 'Lora', serif; }
.vb-desc strong { color: var(--black); font-weight: 500; font-family: 'Lora', serif; }
.ig-embed-wrap { border-radius: 16px; overflow: hidden; background: #f0ece0; border: .5px solid rgba(27,27,29,.1); min-height: 420px; display: flex; align-items: center; justify-content: center; position: relative; }
.ig-embed-wrap blockquote.instagram-media { margin: 0 !important; min-width: unset !important; width: 100% !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; }
.ig-loading { position: absolute; display: flex; flex-direction: column; align-items: center; gap: 10px; z-index: 0; }
.ig-loading-ring { width: 32px; height: 32px; border: 2px solid rgba(131,74,73,.2); border-top-color: var(--cord); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.ig-loading span { font-size: 12px; font-weight: 300; color: #9B8E82; }
.vb-caption { margin-top: 14px; font-size: 12px; font-weight: 300; color: #9B8E82; text-align: center; line-height: 1.5; }
.vb-caption a { color: var(--cord); text-decoration: none; }
.vb-caption a:hover { text-decoration: underline; }
.vb-points { margin-top: 24px; display: flex; flex-direction: column; gap: 10px; }
.vp-item { display: flex; gap: 12px; align-items: flex-start; }
.vp-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--cord); margin-top: 6px; flex-shrink: 0; }
.vp-text { font-size: 13px; font-weight: 300; color: #5C5448; line-height: 1.6; font-family: 'Lora', serif; }
.vp-text strong { color: var(--black); font-weight: 500; font-family: 'Lora', serif; }
.form-block { position: sticky; top: 80px; }
.fb-card { background: var(--card); border: .5px solid rgba(27,27,29,.1); border-radius: 20px; overflow: hidden; }
.fb-card-header { background: var(--olive); padding: 28px 28px 24px; }
.fb-card-ey { font-size: 9px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--rosy); margin-bottom: 10px; font-family: 'Playfair Display', serif; }
.fb-card-title { font-family: var(--serif); font-size: 24px; font-weight: 400; color: var(--ivory); line-height: 1.3; margin-bottom: 6px; font-family: 'Playfair Display', serif; }
.fb-card-title em { font-style: italic; color: var(--rosy); font-family: 'Playfair Display', serif; }
.fb-card-sub { font-size: 12.5px; font-weight: 300; color: rgba(248,246,227,.5); line-height: 1.65; font-family: 'Lora', serif; }
.fb-card-body { padding: 28px; font-family: 'Lora', serif; }
.form-group { margin-bottom: 16px; }
.form-label { font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #1B1B1D; margin-bottom: 7px; display: block; font-family: 'Playfair Display', serif; }
.form-input { width: 100%; padding: 12px 14px; background: var(--ivory); border: 1px solid rgba(27,27,29,.14); border-radius: 8px; font-size: 13.5px; font-weight: 300; color: var(--black); font-family: var(--sans); outline: none; transition: border-color .2s; font-family: 'lora', serif; }
.form-input:focus { border-color: var(--cord); }
.form-input::placeholder { color: #B0A898; }
.form-select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239B8E82' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; cursor: pointer; }
.submit-btn { width: 100%; padding: 14px 20px; background: var(--cord); color: var(--ivory); font-size: 14px; font-weight: 500; border-radius: 50px; border: none; cursor: pointer; font-family: var(--sans); display: flex; align-items: center; justify-content: center; gap: 10px; transition: all .2s; margin-top: 8px; }
.submit-btn:hover { background: #6e3c3b; transform: translateY(-1px); }
.submit-arr { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform .2s; }
.submit-btn:hover .submit-arr { transform: translateX(3px); }
.submit-arr svg { width: 10px; height: 10px; fill: none; stroke: var(--ivory); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.form-reassure { font-size: 11px; font-weight: 300; color: #1B1B1D; text-align: center; margin-top: 12px; line-height: 1.5; font-family: 'lora', serif; }
.form-divider { height: .5px; background: rgba(27,27,29,.07); margin: 20px 0; font-family: 'lora', serif; }
.form-includes { display: flex; flex-direction: column; gap: 8px; font-family: 'lora', serif; }
.fi-item { display: flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 300; color: #6B6054; }
.fi-check { width: 16px; height: 16px; border-radius: 50%; background: rgba(29,158,117,.12); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.fi-check svg { width: 8px; height: 8px; fill: none; stroke: #1D9E75; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.salon_audit-process-section { background-color: #1b1b1d; padding: 80px 20px; width: 100%; box-sizing: border-box; display: flex; justify-content: center; }
.salon_audit-process-container { max-width:100%; width: 100%; margin: 0 auto;padding:0 50px; }
.salon_audit-process-header { margin-bottom: 50px; }
.salon_audit-process-title { font-family: 'Playfair Display', serif; font-size: 44px; font-weight: 400; color: #f8f6e3; margin-bottom: 16px; line-height: 1.2; }
.salon_audit-process-italic { font-style: italic; color: #c49797; }
.salon_audit-process-subtitle { font-family: 'Lora', serif; font-size: 15px; line-height: 1.6; color: #f8f6e3; max-width: 720px; }
.salon_audit-process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.salon_audit-process-card { background-color: #342526; border: 1px solid #c49797; border-radius: 12px; padding: 32px 24px; box-sizing: border-box; display: flex; flex-direction: column; min-height: 220px; transition: transform 0.3s ease, border-color 0.3s ease; }
.salon_audit-process-card:hover { transform: translateY(-4px); border-color: rgba(223, 163, 151, 0.6); }
.salon_audit-card-number { font-family: 'Lora', serif; font-size: 13px; color: #c49797; margin-bottom: 24px; display: block; }
.salon_audit-card-heading { font-family: 'Playfair Display', serif; font-size: 21px; font-style: italic; font-weight: 600; color: #f8f6e3; line-height: 1.25; margin-bottom: 20px; }
.salon_audit-card-text { font-family: 'Lora', serif; font-size: 13.5px; line-height: 1.6; font-style: italic; color: #f8f6e3; margin-top: auto; }
.salon_audit-card-text_hr { border: 0.2px solid #c49797; }
@media (max-width: 1024px) { .salon_audit-process-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } .salon_audit-process-title { font-size: 36px; } }
@media (max-width: 600px) { .salon_audit-process-section { padding: 50px 16px; } .salon_audit-process-header { margin-bottom: 30px; } .salon_audit-process-title { font-size: 28px; } .salon_audit-process-subtitle { font-size: 13.5px; } .salon_audit-process-grid { grid-template-columns: 1fr; gap: 16px; } .salon_audit-process-card { padding: 24px 20px; min-height: auto; } .salon_audit-card-heading { font-size: 22px; margin-bottom: 12px; } }
.salon_audit_faqs-section { background-color: #1b1b1d; padding: 40px 20px; width: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; }
.salon_audit_faqs-container { max-width: 100%; width: 100%; margin: 0 auto; display: flex; align-items: center; gap: 60px; padding:0 50px;}
.salon_audit_faqs-image-wrapper { flex: 1; display: flex; justify-content: flex-start; }
.salon_audit_faqs-image { width: 100%; max-width: 520px; height: auto; display: block; object-fit: contain; position: relative; right: 14%; }
.salon_audit_faqs-content { flex: 1.2; }
.salon_audit_faqs-title { font-family: 'Playfair Display', serif; font-size: 48px; font-weight: 400; color: #f8f6e3; line-height: 1.2; margin-bottom: 40px; }
.salon_audit_faqs-italic { font-style: italic; color: #c49797; }
.salon_audit_faqs-accordion-wrapper { display: flex; flex-direction: column; border-top: 1px solid rgba(223, 163, 151, 0.25); }
.salon_audit_faqs-item { border-bottom: 1px solid rgba(223, 163, 151, 0.25); padding: 18px 0; transition: background-color 0.3s ease; }
.salon_audit_faqs-question { font-family: 'Lora', serif; font-size: 17px; color: #c49797; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; user-select: none; }
.salon_audit_faqs-question::-webkit-details-marker { display: none; }
.salon_audit_faqs-icon { position: relative; width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-left: 16px; }
.salon_audit_faqs-icon::before, .salon_audit_faqs-icon::after { content: ''; position: absolute; background-color: #dfa397; transition: transform 0.3s ease; }
.salon_audit_faqs-icon::before { width: 100%; height: 1.5px; }
.salon_audit_faqs-icon::after { width: 1.5px; height: 100%; }
.salon_audit_faqs-item[open] .salon_audit_faqs-icon::before { transform: rotate(45deg); }
.salon_audit_faqs-item[open] .salon_audit_faqs-icon::after { transform: rotate(45deg); }
.salon_audit_faqs-answer { padding-top: 12px; padding-right: 24px; }
@media (min-width: 1920px) and (max-width: 2560px) {
  .about_us-cta-image {
    right: 32%;
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .about_us-cta-image {
    right: 14%;
  }
}
@media (max-width: 1440px){.salon_audit_faqs-image{
    right: 14%;
}}
@media (max-width: 1024px){.salon_audit_faqs-image{
    right: 19%;
}}
.salon_audit_faqs-answer p { font-family: 'Lora', serif; font-size: 13.5px; line-height: 1.6; color: #f8f6e3; margin: 0; }
@media (max-width: 992px) { .salon_audit_faqs-container { flex-direction: column; gap: 40px; } .salon_audit_faqs-image-wrapper { justify-content: center; width: 100%; } .salon_audit_faqs-content { width: 100%; } .salon_audit_faqs-title { font-size: 38px; margin-bottom: 30px; } }
@media (max-width: 600px) { .salon_audit_faqs-section { padding: 40px 16px; } .salon_audit_faqs-title { font-size: 30px; } .salon_audit_faqs-question { font-size: 15px; } .salon_audit_faqs-answer p { font-size: 13px; } }
.salon_audit_cta-section { background-color: #834a49; width: 100%; padding: 0 20px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.salon_audit_cta-container { max-width: px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 40px; padding:0 50px;}
.salon_audit_cta-content { flex: 1.2; padding: 60px 0; }
.salon_audit_cta-tagline { font-family: 'Lora', serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #c49797; display: block; margin-bottom: 24px; }
.salon_audit_cta-title { font-family: 'Playfair Display', serif; font-size: 45px; font-weight: 400; color: #f8f6e3; line-height: 1.2; margin-bottom: 24px; max-width: 620px; }
.salon_audit_cta-italic { font-style: italic; color: #c49797; font-weight: 600; }
.salon_audit_cta-description { font-family: 'Lora', serif; font-size: 14.5px; line-height: 1.65; color: #f8f6e3; margin-bottom: 36px; max-width: 520px; }
.salon_audit_cta-action-wrapper { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.salon_audit_cta-button { display: inline-flex; align-items: center; gap: 12px; background-color: #f8f6e3; color: #1b1b1d; font-family: 'Lora', serif; font-size: 15px; font-weight: 500; padding: 14px 28px; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; }
.salon_audit_cta-button:hover { background-color: #ffffff; transform: translateY(-2px); }
.salon_audit_cta-btn-icon { stroke: #1b1b1d; transition: transform 0.3s ease; }
.salon_audit_cta-button:hover .salon_audit_cta-btn-icon { transform: translateX(4px); }
.salon_audit_cta-subtext { font-family: 'Lora', serif; font-size: 10.5px; color: #f8f6e3; letter-spacing: 0.5px; }
.salon_audit_cta-image-wrapper { flex: 1; display: flex; justify-content: flex-end; align-items: flex-end; height: 100%; }
.salon_audit_cta-image { width: 100%; max-width: 515px; height: auto; display: block; object-fit: cover; }
@media (max-width: 992px) { .salon_audit_cta-container { flex-direction: column; gap: 20px; } .salon_audit_cta-content { padding: 50px 0 0 0; width: 100%; } .salon_audit_cta-title { font-size: 38px; } .salon_audit_cta-image-wrapper { justify-content: center; width: 100%; } .salon_audit_cta-image { max-width: 100%; } }
@media (max-width: 600px) { .salon_audit_cta-section { padding: 0 16px; } .salon_audit_cta-title { font-size: 30px; } .salon_audit_cta-description { font-size: 13.5px; } .salon_audit_cta-button { width: 100%; justify-content: center; box-sizing: border-box; }     .salon_audit_faqs-image {
        right: 9%;
    }
    .salon_audit-process-container {
        padding:0 15px;

}
.salon_audit_faqs-container{
      padding:0 15px;
}
.salon_audit_cta-container{
     padding:0 15px;  
}
}
 
  /* packages */
.page-header { background: #3d4436; padding: 52px 28px 48px; text-align: center; }
.page-header .eyebrow { font-size: 10px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--rosy); margin-bottom: 14px;display: flex;justify-content: center; }
.page-header h1 { font-family: Georgia, serif; font-size: 32px; font-weight: 400; color: #F2EDE0; line-height: 1.25; margin-bottom: 14px; letter-spacing: -0.01em; }
.page-header h1 em { font-style: italic; color: #C49797; }
.page-header .sub { font-size: 13px; color: rgba(242,237,224,0.6); line-height: 1.75; margin-bottom: 22px; }
.page-header .sub a { color: #C49797; text-decoration: underline; cursor: pointer; }
.trust-row { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
/*.trust-pill { font-size: 10px; color: rgba(242,237,224,0.45); background: rgba(242,237,224,0.07); border: 0.5px solid rgba(242,237,224,0.15); border-radius: 20px; padding: 4px 12px; }*/
.trust-pill{
    font-size: 14px;
    padding: 10px 12px;
    background: rgba(248, 246, 227, 0.06);
    border: 0.5px solid rgba(248, 246, 227, 0.1);
    border-radius: 12px;
    padding: 16px 18px;
    color: rgba(242,237,224,0.45);
}
.trust-row-flex{
    flex-direction:column;
}
.tiers-section { padding: 32px 20px 0; background: #F5F0E8; }
.tiers-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: start; }

.pkg-card { background: #FDFAF4; border: 0.5px solid rgba(58,60,44,0.15); border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; transition: transform 0.15s; }
.pkg-card:hover { transform: translateY(-2px); }
.pkg-card.featured { border: 2px solid #3d4436; }
.featured-bar { background: #3d4436; padding: 8px 16px; display: flex; align-items: center; justify-content: space-between; }
.featured-bar span { font-size: 10px; font-weight: 500; color: #F2EDE0; letter-spacing: 0.08em; text-transform: uppercase; }
.featured-bar .rec { color: #C49797; font-size: 10px; }

.card-top { padding: 20px 18px 16px; border-bottom: 0.5px solid rgba(58,60,44,0.08); }
.card-tier-label { font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: #9B9080; margin-bottom: 8px; }
.card-name { font-family: Georgia, serif; font-size: 19px; font-weight: 400; color: #2C2A20; line-height: 1.2; margin-bottom: 8px; }
.card-tagline { font-size: 13px; color: #7A7060; line-height: 1.55; margin-bottom: 14px; font-style: italic; }
.price-row { display: flex; align-items: baseline; gap: 4px; }
.price-num { font-family: Georgia, serif; font-size: 28px; font-weight: 400; color: #2C2A20; }
.price-per { font-size: 12px; color: #9B9080; }

.card-features { padding: 16px 18px; flex: 1; border-bottom: 0.5px solid rgba(58,60,44,0.08); }
.feature-item { display: flex; gap: 8px; align-items: flex-start; margin-bottom: 9px; font-size: 12.5px; color: #5C5448; line-height: 1.45; }
.feature-item:last-child { margin-bottom: 0; }
.feat-dot { width: 5px; height: 5px; border-radius: 50%; background: #834A49; margin-top: 4px; flex-shrink: 0; }
.feat-dot.green { background: #1D9E75; }
.feature-item.inherit { color: #9B9080; font-style: italic; }
.feature-item.inherit .feat-dot { background: #C4B8A8; }

.card-nudge { padding: 12px 18px; background: rgba(58,60,44,0.04); border-bottom: 0.5px solid rgba(58,60,44,0.08); }
.nudge-text { font-size: 11.5px; color: #5C5448; line-height: 1.6; font-style: italic; }

.card-bestfor { padding: 12px 18px; border-bottom: 0.5px solid rgba(58,60,44,0.08); }
.bestfor-label { font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: #9B9080; margin-bottom: 4px; }
.bestfor-text { font-size: 12px; color: #7A7060; line-height: 1.5; }

.card-addons { padding: 10px 18px; border-bottom: 0.5px solid rgba(58,60,44,0.08); }
.addon-label { font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: #9B9080; margin-bottom: 5px; }
.addon-item { font-size: 12px; color: #7A7060; display: flex; justify-content: space-between; padding: 2px 0; line-height: 1.5; }
.addon-price { font-weight: 700; color: #5C5448; }

.card-cta { padding: 16px 18px; }
.cta-btn { width: 35%; padding: 11px 16px; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; font-family: inherit; transition: all 0.15s; text-align: center; display: block; border: none; }
.cta-btn.primary { background: #3d4436; color: #F2EDE0; display: inline-flex; width: 100%; align-items: center; justify-content: center;}
.cta-btn.primary:hover { background: #2a2c1f; }
.cta-btn.primary svg{
    width: 12px; height: 12px; fill: none;    stroke: var(--ivory);stroke-width: 2;stroke-linecap: round; stroke-linejoin: round;
}
.cta-btn.outline { width: 100%;background: transparent; color: #3d4436; border: 1px solid rgba(58,60,44,0.3); text-align: center; display: inline-flex; align-items: center; justify-content: center; }
.cta-btn.outline:hover { background: rgba(58,60,44,0.05); }
.cta-btn.outline svg{
    width: 12px; height: 12px; fill: none;    stroke: #3d4436;;stroke-width: 2;stroke-linecap: round; stroke-linejoin: round;
}
.cta-reassure { font-size: 11px; color: #9B9080; text-align: center; margin-top: 6px; }

.human-banner { margin: 28px 20px 0; background: #834A49; border-radius: 12px; padding: 24px 28px; }
.human-banner-top { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 16px; }
.human-icon { width: 46px; height: 46px; border-radius: 50%; background: rgba(242,237,224,0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.human-icon svg { width: 22px; height: 22px; fill: none; stroke: #F2EDE0; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.human-text h4 { font-family: Georgia, serif; font-size: 16px; font-weight: 400; color: #F2EDE0; line-height: 1.35; margin-bottom: 6px; }
.human-text h4 em { font-style: italic; color: rgba(242,237,224,0.8); }
.human-text p { font-size: 12px; color: rgba(242,237,224,0.6); line-height: 1.7; }
.human-steps { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; border-top: 0.5px solid rgba(242,237,224,0.15); padding-top: 16px; }
.human-step .step-num { font-family: Georgia, serif; font-size: 20px; color: rgba(242,237,224,0.25); line-height: 1; margin-bottom: 4px; }
.human-step .step-title { font-size: 11.5px; font-weight: 500; color: #F2EDE0; line-height: 1.3; margin-bottom: 3px; }
.human-step .step-desc { font-size: 11px; color: rgba(242,237,224,0.5); line-height: 1.5; }

.audit-banner { margin: 16px 20px 0; background: #FDFAF4; border: 1.5px solid #3d4436; border-radius: 12px; padding: 22px 24px; display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; }
.audit-left .audit-eyebrow { font-size: 10px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: #9B9080; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
.pdf-badge { background: #834A49; color: #F2EDE0; font-size: 9px; font-weight: 500; padding: 2px 7px; border-radius: 4px; letter-spacing: 0.06em; }
.audit-left h3 { font-family: Georgia, serif; font-size: 17px; font-weight: 400; color: #2C2A20; line-height: 1.3; margin-bottom: 8px; }
.audit-left h3 em { font-style: italic; color: #834A49; }
.audit-left p { font-size: 12px; color: #7A7060; line-height: 1.65; }
.audit-what { display: flex; flex-direction: column; gap: 5px; margin-top: 12px; }
.audit-point { display: flex; align-items: flex-start; gap: 8px; font-size: 11px; color: #F8F6E3; line-height: 1.45; }
.audit-point::before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #3d4436; margin-top: 4px; flex-shrink: 0; }
.audit-right { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.pdf-mockup { width: 80px; background: #3d4436; border-radius: 6px; padding: 10px 8px 8px; display: flex; flex-direction: column; gap: 5px; }
.pdf-top-bar { display: flex; align-items: center; gap: 4px; }
.pdf-dot { width: 5px; height: 5px; border-radius: 50%; background: rgba(242,237,224,0.2); }
.pdf-lines { display: flex; flex-direction: column; gap: 3px; margin-top: 3px; }
.pdf-line { height: 3px; background: rgba(242,237,224,0.15); border-radius: 2px; }
.pdf-line.accent { background: #834A49; width: 60%; }
.pdf-line.short { width: 70%; }
.pdf-label { font-size: 9px; font-weight: 500; color: #F2EDE0; text-align: center; letter-spacing: 0.04em; margin-top: 4px; }
.audit-cta-btn { background: #3d4436; color: #F2EDE0; font-size: 12px; font-weight: 500; padding: 9px 16px; border-radius: 50px; border: none; cursor: pointer; font-family: inherit; white-space: nowrap; transition: background 0.15s; text-align: center; }
.audit-cta-btn:hover { background: #2a2c1f; }
.audit-sub { font-size: 10px; color: #9B9080; text-align: center; }
.audit-cta-btn svg{width: 12px;height: 12px; fill: none;stroke: var(--ivory); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.custom-section { padding: 16px 20px 0; }
.custom-card { background: #3d4436; border-radius: 14px; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; }
.custom-left { padding: 32px 28px; }
.custom-eyebrow { font-size: 10px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: #C49797; margin-bottom: 12px; }
.custom-left h2 { font-family: Georgia, serif; font-size: 22px; font-weight: 400; color: #F2EDE0; line-height: 1.3; margin-bottom: 10px; }
.custom-left h2 em { font-style: italic; color: #C49797; }
.custom-left p { font-size: 12.5px; color: rgba(242,237,224,0.55); line-height: 1.75; margin-bottom: 20px; }
.custom-cta-btn { display: inline-flex; align-items: center; gap: 8px; background: #F2EDE0; color: #3d4436; font-size: 13px; font-weight: 500; padding: 11px 20px; border-radius: 50px; border: none; cursor: pointer; font-family: inherit; transition: background 0.15s; }
.custom-cta-btn:hover { background: #e4ddd0; }
.custom-cta-btn svg{width: 12px;height: 12px; fill: none;stroke: #3d4436; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}

.custom-cta-sub { font-size: 10px; color: rgba(242,237,224,0.3); margin-top: 8px; }
.custom-right { padding: 32px 28px; border-left: 0.5px solid rgba(242,237,224,0.1); display: flex; flex-direction: column; gap: 10px; justify-content: center; }
.custom-right-label { font-size: 10px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(242,237,224,0.3); margin-bottom: 4px; }
.service-tags-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.service-tag { display: inline-flex; align-items: center; gap: 7px; font-size: 11.5px; color: rgba(242,237,224,0.7); background: rgba(242,237,224,0.07); border: 0.5px solid rgba(242,237,224,0.12); border-radius: 6px; padding: 7px 12px; }
.service-tag .dot { width: 10px; height: 10px; border-radius: 50%; background: #834A49; flex-shrink: 0; }
.custom-note { font-size: 11px; color: rgba(242,237,224,0.3); line-height: 1.5; margin-top: 6px; font-style: italic; }

.bottom-cta { margin: 24px 20px 32px; background: #FDFAF4; border: 0.5px solid rgba(58,60,44,0.15); border-radius: 12px; padding: 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.bottom-cta-left h3 { font-family: Georgia, serif; font-size: 17px; font-weight: 400; color: #2C2A20; margin-bottom: 5px; }
.bottom-cta-left p { font-size: 12px; color: #7A7060; line-height: 1.65; }
.bottom-cta-left p em { color: #9B9080; font-style: italic; }
.bottom-cta-btn a { background: #3d4436; color: #F2EDE0; font-size: 13px;text-decoration: none; font-weight: 500; padding: 11px 20px; border-radius: 50px; border: none; cursor: pointer; font-family: inherit; white-space: nowrap; flex-shrink: 0; transition: background 0.15s; }
.bottom-cta-btn a:hover { background: #2a2c1f; }
.bottom-cta-btn svg{width: 12px;height: 12px; fill: none;stroke: var(--ivory); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}

@media (max-width: 768px) {
  .tiers-grid { grid-template-columns: 1fr; }
  .custom-card { grid-template-columns: 1fr; }
  .custom-right { border-left: none; border-top: 0.5px solid rgba(242,237,224,0.1); }
  .human-steps { grid-template-columns: 1fr; }
  .audit-banner { grid-template-columns: 1fr; }
  .audit-right { display: none; }
  .bottom-cta { flex-direction: column; }
  .footer-top { grid-template-columns: 1fr; }
  .nav-links { display: none; }
  .about-cta-btn{
      width:60%;
  }
  ..blog-hero-search{
      width:100%;
  }
  .about-hero-inner{
          flex-direction: column;
  }
 .fc-inner{
     flex-direction:column;
 }
 .page-header-packages{
  flex-direction:column;
}
 
}
#cher-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(27,27,29,.55);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s ease;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
#cher-popup-overlay.visible {
  opacity: 1;
  visibility: visible;
}
#cher-popup {
  background: #FDFAF4;
  border-radius: 20px;
  overflow: hidden;
  max-width: 520px;
  width: 100%;
  position: relative;
  transform: translateY(16px) scale(.97);
  transition: transform .35s cubic-bezier(.22,.68,0,1.2);
  box-shadow: 0 24px 80px rgba(27,27,29,.22);
}
#cher-popup-overlay.visible #cher-popup {
  transform: translateY(0) scale(1);
}

/* TOP BAR */
.cp-bar {
  background: #3D4436;
  padding: 18px 22px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.cp-bar-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cp-logo {
  font-family: Georgia, 'Playfair Display', serif;
  font-size: 15px;
  font-style: italic;
  color: #F8F6E3;
  letter-spacing: .06em;
}
.cp-logo img{
  width: 80px;
}
.cp-bar-tag {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ivory);
  /* background: rgba(196,151,151,.15); */
  /* border: .5px solid rgba/(196,151,151,.25); */
  border-radius: 20px;
  padding: 3px 10px;
}
.cp-close {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(248,246,227,.1);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s;
  flex-shrink: 0;
}
.cp-close:hover { background: rgba(248,246,227,.2); }
.cp-close svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: rgba(248,246,227,.7);
  stroke-width: 2;
  stroke-linecap: round;
}

/* BODY */
.cp-body { padding: 26px 28px 24px; }
.cp-eyebrow {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #1B1B1D;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cp-eyebrow::before {
  content: '';
  width: 20px;
  height: .5px;
  background: #C49797;
}
.cp-headline {
  font-family: Georgia, 'Playfair Display', serif;
  font-size: 24px;
  font-weight: 500;
  color: #1B1B1D;
  line-height: 1.2;
  margin-bottom: 10px;
}
.cp-headline em {
  font-style: italic;
  color: #C49797;
}
.cp-sub {
  font-size: 13.5px;
  font-weight: 300;
  color: #6B6054;
  line-height: 1.75;
  margin-bottom: 20px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.cp-sub strong { color: #1B1B1D; font-weight: 500; }

/* WHAT'S INSIDE PILLS */
.cp-pills {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}
.cp-pill {
  font-size: 11px;
  font-weight: 400;
  color: #7A6054;
  background: rgba(131,74,73,.07);
  border: .5px solid rgba(131,74,73,.14);
  border-radius: 20px;
  padding: 4px 11px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* FORM */
.cp-form {
  display: flex;
  gap: 8px;
  /* height: 40px; */
}
.cp-input {
  flex: 1;
  padding: 12px 14px;
  background: #F8F6E3;
  border: 1px solid rgba(27,27,29,.14);
  border-radius: 50px;
  font-size: 13.5px;
  font-weight: 300;
  color: #1B1B1D;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  outline: none;
  transition: border-color .2s;
}
.cp-input:focus { border-color: #C49797; }
.cp-input::placeholder { color: #B0A898; }
.cp-submit {
  padding: 12px 22px;
  background: #C49797;
  color: #F8F6E3;
  font-size: 15px;
  font-weight: 500;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  transition: background .15s, transform .15s;
  white-space: nowrap;
  flex-shrink: 0;
  display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.cp-submit svg{width: 12px;height: 12px; fill: none;stroke: var(--ivory); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}

.cp-submit:hover { background: #6e3c3b; transform: translateY(-1px); }

/* NOTE */
.cp-note {
  font-size: 11px;
  font-weight: 300;
  color: #1B1B1D;
  text-align: center;
  margin-top: 12px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* SUCCESS STATE */
.cp-success {
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 32px 28px 28px;
  gap: 10px;
}
.cp-success-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(29,158,117,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}
.cp-success-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #1D9E75;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cp-success-title {
  font-family: Georgia, 'Playfair Display', serif;
  font-size: 20px;
  font-weight: 400;
  color: #1B1B1D;
}
.cp-success-title em { font-style: italic; color: #C49797; }
.cp-success-sub {
  font-size: 13px;
  font-weight: 300;
  color: #6B6054;
  line-height: 1.65;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.cp-success-close {
  margin-top: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: #C49797;
  cursor: pointer;
  background: none;
  border: none;
  font-family: inherit;
  transition: opacity .15s;
}
.cp-success-close:hover { opacity: .7; }

/* BOTTOM STRIP */
.cp-bottom {
  background: rgba(61,68,54,.06);
  border-top: .5px solid rgba(27,27,29,.07);
  padding: 11px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.cp-bottom-text {
  font-size: 11px;
  font-weight: 300;
  color: #1B1B1D;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.cp-bottom-link {
  font-size: 11px;
  font-weight: 500;
  color: #C49797;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity .15s;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

}
.cp-bottom-link svg{width: 12px;height: 12px; fill: none;stroke: #C49797; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}

.cp-bottom-link:hover { opacity: .7; }

/* MOBILE */
@media (max-width: 540px) {
  #cher-popup { border-radius: 16px; }
  .cp-body { padding: 22px 20px 20px; }
  .cp-headline { font-size: 20px; }
  .cp-form { flex-direction: column; }
  .cp-submit { width: 100%; padding: 13px 20px; }
  .cp-bottom { flex-direction: row; gap: 6px; align-items: flex-start; }
  .page-header h1 {font-size: 26px;}
  .page-header .eyebrow {font-size: 8px;}
  .hero-top-tag{position:absolute; top: 30px;}
  .career-hero {
height: 108vh;
  }
 .hero-left {
        padding: 0px 5px 40px;
    }

}