* { box-sizing: border-box; margin: 0; padding: 0; }
  :root { --f-red: #e74c3c; --f-green: #28a745; --f-bg: #fcf8f3; }
  html, body { font-family: 'Poppins', sans-serif; margin: 0; padding: 0; overflow-x: hidden !important; }

  /* ===== SLIDER WRAPPER ===== */
  .ps-hero-slider,
  .ps-hero-slider * { max-width: none !important; }

  .ps-hero-slider {
    position: relative;
    width: 100vw !important;
    max-width: none !important;
    height: calc(100vh - 72px) !important;
    overflow: hidden !important;
    background-color: var(--f-bg);
    margin-left: calc(-50vw + 50%) !important;
    margin-right: 0 !important;
  }

.ps-slider-track {
  display: flex;
  height: 100%;
  will-change: transform;
  transform: translateX(-100vw);
}



  .ps-slide {
    flex: 0 0 100vw; width: 100%; height: 100%;
    position: relative; display: flex; align-items: center; overflow: hidden;
  }

  /* ===== SLIDE 1 – HERO ===== */
  .ps-slide-1 {
    background-color: var(--f-bg);
    padding: 0 80px;
    justify-content: space-between;
    align-items: stretch;
  }
  .ps-slide-1-content {
    flex: 0 0 50%; max-width: 580px;
    z-index: 5; padding-top: 0; margin-top: 10px;
  }
  .ps-hero-heading {
    font-family: 'Playfair Display', serif;
    font-size: 65px; color: #2b2b2b;
    line-height: 1.1; margin-bottom: 40px !important; font-weight: 700;
  }
  .ps-hero-heading span { color: var(--f-red); }
  .ps-hero-text { font-size: 18px; color: #444; line-height: 1.7; margin-bottom: 24px; max-width: 500px; }

  /* ===== HERO IMAGE BOX ===== */
  .ps-hero-img-box {
    flex: 0 0 auto !important; width: fit-content !important; max-width: 45% !important;
    display: flex; justify-content: center; align-items: center;
    align-self: flex-start !important; position: relative !important;
    top: -10px !important; height: 90% !important;
    margin-top: auto !important; margin-bottom: auto !important;
    overflow: hidden; background: #1a1a1a; padding: 0;
  }
  .ps-hero-img-box img {
    height: 100% !important; width: 100% !important;
    display: block; object-fit: cover; object-position: top center;
  }
  #profileImg { transition: transform 0.5s ease; cursor: zoom-in; }
  #profileImg:hover { transform: scale(1.05); }

  /* ===== STATS ===== */
  .ps-stats-row { display: flex; gap: 36px; margin-top: 24px; }
  .ps-stat-num { font-size: 40px; font-weight: 700; color: #2b2b2b; line-height: 1; }
  .ps-stat-lbl { font-size: 13px; color: #777; text-transform: uppercase; margin-top: 4px; letter-spacing: 0.5px; }

  /* ===== BG SLIDES (2-5) ===== */
  .ps-slide:not(.ps-slide-1) { background-size: cover; background-position: center; background-repeat: no-repeat; }
  .ps-slide:not(.ps-slide-1) .ps-btn-group { position: absolute; bottom: 32%; left: 5%; z-index: 10; }

  /* ===== BUTTONS ===== */
  .ps-btn-group { display: flex; gap: 14px; align-items: center; }
  .ps-btn {
    position: relative; padding: 12px 28px; border-radius: 50px;
    font-weight: 600; text-decoration: none; font-size: 15px; border: 1px solid;
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer; z-index: 1; transition: color 0.4s ease; overflow: hidden; white-space: nowrap;
  }
  .ps-slide-1 .ps-btn { background: transparent; }
  .ps-slide:not(.ps-slide-1) .ps-btn { background: rgba(255,255,255,0.15); backdrop-filter: blur(6px); }

  .ps-btn-red { border-color: var(--f-red); color: var(--f-red); }
  .ps-btn-red::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--f-red); transition: width 0.4s ease; z-index: -1; }
  .ps-btn-red:hover::before { width: 100%; }
  .ps-btn-red:hover { color: #fff; text-decoration: none; }

  .ps-btn-green { border-color: var(--f-green); color: var(--f-green); width: 168px; padding: 10px 14px; justify-content: flex-start; }
  .ps-btn-green::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--f-green); transition: width 0.45s ease; z-index: -1; }
  .ps-btn-green:hover::before { width: 100%; }
  .ps-btn-green:hover { color: #fff; text-decoration: none; }
  .ps-btn-icon { position: relative; z-index: 1; transition: transform 0.45s ease; margin-right: 10px; display: flex; align-items: center; }
  .ps-btn-green:hover .ps-btn-icon { transform: translateX(108px); }
  .ps-btn-icon img { width: 22px; height: 22px; }
  .ps-btn-text { position: relative; z-index: 1; }

  /* ===== ARROWS ===== */
  .ps-arrow {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 46px; height: 46px; background: rgba(255,255,255,0.85);
    border: none; border-radius: 50%; cursor: pointer; z-index: 100;
    display: flex; align-items: center; justify-content: center; font-size: 18px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.15); transition: background 0.3s;
  }
  .ps-arrow:hover { background: #fff; }
  .ps-arrow-l { left: 18px; }
  .ps-arrow-r { right: 18px; }

  /* ===== DOTS ===== */
  .ps-dots { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 50; }
  .ps-dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(0,0,0,0.2); border: none; cursor: pointer; transition: all 0.3s ease; }
  .ps-dot.active { background: var(--f-red); transform: scale(1.3); }

  /* ===== LIGHTBOX ===== */
  .ps-lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.92); z-index: 99999; display: none; align-items: center; justify-content: center; cursor: zoom-out; }
  .ps-lightbox img { max-height: 90vh; max-width: 90vw; border-radius: 4px; }
  .ps-lightbox.active { display: flex; }

  /* ========== TABLET (768px - 1366px) ========== */
  @media (min-width: 768px) and (max-width: 1366px) {
    .ps-hero-slider {
      height: calc(100vh - 72px) !important;
      min-height: 0 !important;
      max-height: calc(100vh - 72px) !important;
      overflow: hidden !important;
    }
    .ps-slider-track, .ps-slide {
      height: 100% !important;
      min-height: 100% !important;
    }

    .ps-slide-1 {
      display: flex !important;
      flex-direction: row !important;
      align-items: stretch !important;
      justify-content: space-between !important;
      padding: 0 0 0 32px !important;
      gap: 0 !important;
      overflow: hidden !important;
      height: 100% !important;
    }

    .ps-slide-1-content {
      flex: 0 0 52% !important;
      max-width: 52% !important;
      margin: 0 !important;
      padding: 0 20px 0 0 !important;
      text-align: left !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      margin-top: 0 !important;
      padding-top: 0 !important;
      align-self: stretch !important;
      height: 100% !important;
      overflow: visible !important;
    }

    .ps-hero-heading {
      font-size: 50px !important;
      line-height: 1.1 !important;
      margin-bottom: 14px !important;
    }

    .ps-hero-text {
      font-size: 15px !important;
      line-height: 1.55 !important;
      margin-bottom: 14px !important;
      max-width: 100% !important;
    }

    .ps-slide-1 .ps-btn-group {
      position: relative !important;
      left: auto !important;
      bottom: auto !important;
      margin-top: 16px !important;
      gap: 10px !important;
      justify-content: flex-start !important;
      flex-wrap: nowrap !important;
    }

    .ps-slide-1 .ps-btn { font-size: 13px !important; padding: 10px 18px !important; }
    .ps-slide-1 .ps-btn-green { width: 145px !important; }

    .ps-stats-row {
      margin-top: 20px !important;
      gap: 24px !important;
      flex-wrap: nowrap !important;
      align-items: flex-start !important;
      overflow: visible !important;
      padding-bottom: 10px !important;
      height: auto !important;
    }

    .ps-stat-item { flex-shrink: 0 !important; overflow: visible !important; }
    .ps-stat-num { font-size: 28px !important; line-height: 1 !important; }
.ps-stat-lbl {
      font-size: 10px !important;
      line-height: 1.45 !important;
      max-width: none !important;        /* Max-width hata diya taaki full space mile */
      white-space: nowrap !important;    /* Text ko tootne se rokne ke liye */
      margin-top: 4px !important;
      color: #777 !important;
    }
    .ps-hero-img-box {
      flex: 0 0 48% !important;
      max-width: 48% !important;
      width: 48% !important;
      height: 100% !important;
      margin: 0 !important;
      top: 0 !important;
      position: relative !important;
      align-self: stretch !important;
      display: flex !important;
      align-items: stretch !important;
      justify-content: center !important;
      overflow: hidden !important;
      background: #1a1a1a !important;
      padding: 0 !important;
    }

    .ps-hero-img-box img,
    .ps-hero-img-box #profileImg {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: top center !important;
      transform: none !important;
      display: block !important;
    }

    .ps-slide:not(.ps-slide-1) {
      background-size: cover !important;
      background-position: left center !important;
      background-repeat: no-repeat !important;
      background-color: var(--f-bg) !important;
      height: 100% !important;
      min-height: 100% !important;
    }

    .ps-slide:not(.ps-slide-1) .ps-btn-group {
      position: absolute !important;
      left: 5% !important;
      top: 55% !important;
      transform: translateY(-50%) !important;
      bottom: auto !important;
      gap: 10px !important;
      flex-direction: row !important;
      align-items: center !important;
    }

    .ps-slide:not(.ps-slide-1) .ps-btn {
      font-size: 13px !important;
      padding: 10px 16px !important;
      background: rgba(255,255,255,0.88) !important;
      backdrop-filter: none !important;
    }

    #arrowL, .ps-arrow-l { display: none !important; }
    .ps-arrow { width: 36px !important; height: 36px !important; font-size: 14px !important; }
    #arrowR { right: 2px !important; }
  }

  /* ===== iPad Mini (768–800px) ===== */
  @media (min-width: 768px) and (max-width: 800px) {
    .ps-hero-heading { font-size: 30px !important; margin-bottom: 8px !important; }
    .ps-hero-text { font-size: 12px !important; margin-bottom: 8px !important; line-height: 1.5 !important; }
    .ps-slide-1 {
      padding: 0 0 0 16px !important;
      overflow: visible !important;
    }
    .ps-slide-1-content {
      flex: 0 0 52% !important;
      max-width: 52% !important;
      overflow: visible !important;
      padding-right: 10px !important;
    }
    .ps-slide-1 .ps-btn-group {
      flex-wrap: wrap !important;
      gap: 6px !important;
      margin-top: 10px !important;
    }
    .ps-btn { font-size: 11px !important; padding: 7px 12px !important; }
    .ps-btn-green { width: 120px !important; }
    .ps-stats-row { gap: 14px !important; margin-top: 10px !important; }
    .ps-stat-num { font-size: 22px !important; }
    .ps-stat-lbl { font-size: 9px !important; max-width: 55px !important; }

    .ps-slide:not(.ps-slide-1) .ps-btn-group { top: 62% !important; }
  }

  /* ===== iPad Air (801–850px) ===== */
  @media (min-width: 801px) and (max-width: 850px) {
    .ps-hero-heading { font-size: 34px !important; margin-bottom: 10px !important; }
    .ps-hero-text { font-size: 13px !important; margin-bottom: 10px !important; }
    .ps-slide-1 {
      padding: 0 0 0 20px !important;
      overflow: visible !important;
    }
    .ps-slide-1-content {
      flex: 0 0 52% !important;
      max-width: 52% !important;
      overflow: visible !important;
      padding-right: 12px !important;
    }
    .ps-slide-1 .ps-btn-group {
      flex-wrap: wrap !important;
      gap: 8px !important;
      margin-top: 12px !important;
    }
    .ps-btn { font-size: 12px !important; padding: 8px 14px !important; }
    .ps-btn-green { width: 128px !important; }
    .ps-stats-row { gap: 18px !important; margin-top: 12px !important; }
    .ps-stat-num { font-size: 24px !important; }
    .ps-stat-lbl { font-size: 9px !important; max-width: 60px !important; }

    .ps-slide:not(.ps-slide-1) .ps-btn-group { top: 62% !important; }
  }



@media (min-width: 1900px) {
  .ps-slide-1-content {
    max-width: 600px !important;
    padding-top: 0px !important;
  }

  .ps-hero-heading {
    font-size: 78px !important;
    max-width: 600px !important;
    margin-bottom: 48px !important;
  }

  .ps-hero-text {
    font-size: 20px !important;
    max-width: 400px !important;
    line-height: 1.75 !important;
    margin-bottom: 48px !important;
  }

  .ps-stats-row {
    margin-top: 52px !important;
    gap: 36px !important;
  }

  .ps-stat-num { font-size: 46px !important; }
  .ps-stat-lbl { font-size: 14px !important; white-space: normal !important; }
}



@media (min-width: 1280px) and (max-width: 1281px) and (min-height: 700px) and (max-height: 740px) {
  .ps-slide-1-content {
    max-width: 570px !important;
    padding-top: 0px !important;
    margin-top: -10px !important;

  }

  .ps-hero-heading {
    font-size: 60px !important;
    max-width: 570px !important;
    margin-bottom: 35px !important;
  }

  .ps-hero-text {
    font-size: 18px !important;
    max-width: 100% !important;
    line-height: 1.55 !important;
    margin-bottom: 35px !important;
  }

  .ps-stats-row {
    margin-top: 35px !important;
    gap: 18px !important;
  }

  .ps-stat-num { font-size: 35px !important; }
  .ps-stat-lbl { font-size: 13px !important; white-space: normal !important; }

  .ps-hero-img-box {
    flex: 0 0 33% !important;
    max-width: 33% !important;
    width: 33% !important;
    height: 85% !important;
    align-self: center !important;
    margin-top: -30px !important;
  }

  .ps-hero-img-box img,
  .ps-hero-img-box #profileImg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
  }
}




@media (min-width: 1366px) and (max-width: 1367px) and (min-height: 750px) and (max-height: 790px) {
  .ps-hero-heading {
    margin-bottom: 45px !important;
}
  .ps-hero-text {
    margin-bottom: 45px !important;

}
  .ps-stats-row {
    margin-top: 45px !important;
    gap: 18px !important;
  }

}

@media (min-width: 1440px) and (max-width: 1440px) {
  .ps-hero-slider .ps-slide-1 .ps-slide-1-content .ps-hero-heading {
    margin-bottom: 45px !important;
  }

  .ps-hero-slider .ps-slide-1 .ps-slide-1-content .ps-hero-text {
    margin-bottom: 45px !important;
  }

  .ps-hero-slider .ps-slide-1 .ps-slide-1-content .ps-stats-row {
    margin-top: 45px !important;
    gap: 18px !important;
  }
}





  /* ===== Surface Pro 7 (851–950px) ===== */
  @media (min-width: 851px) and (max-width: 950px) {
    .ps-slide:not(.ps-slide-1) .ps-btn-group { top: 62% !important; }
  }

  /* ===== iPad Pro / Large Tablet (951–1366px) ===== */
  @media (min-width: 951px) and (max-width: 1366px) {
    .ps-slide:not(.ps-slide-1) .ps-btn-group { top: 60% !important; }
  }

  /* ===== MOBILE (≤767px) ===== */
  @media (max-width: 767px) {
    .ps-hero-slider {
      overflow: hidden !important;
      height: auto !important;
      min-height: unset !important;
      max-height: unset !important;
      padding: 0 !important;
    }

    .ps-slider-track {
      display: flex !important;
      flex-direction: row !important;
      align-items: flex-start !important;
      height: auto !important;
    }

    .ps-slide {
      flex: 0 0 100vw !important;
      width: 100vw !important;
      min-width: 100vw !important;
      height: auto !important;
      min-height: unset !important;
      max-height: unset !important;
    }

    .ps-slide-1 {
      flex-direction: column !important;
      padding: 0 !important;
      align-items: center !important;
      justify-content: flex-start !important;
      background-color: var(--f-bg) !important;
      height: auto !important;
    }

    .ps-hero-img-box {
      order: -1 !important;
      width: 100% !important;
      max-width: 100% !important;
      flex: none !important;
      height: 65vw !important;
      max-height: 280px !important;
      min-height: 180px !important;
      display: block !important;
      overflow: hidden !important;
      position: relative !important;
      padding: 0 !important;
      margin: 0 !important;
      top: auto !important;
      align-self: unset !important;
      background: #1a1a1a !important;
    }
    .ps-hero-img-box img,
    .ps-hero-img-box #profileImg {
      position: absolute !important;
      top: 0 !important; left: 0 !important;
      width: 100% !important; height: 100% !important;
      object-fit: cover !important; object-position: center top !important;
      display: block !important; transform: none !important;
    }

    .ps-slide-1-content {
      flex: none !important; width: 100% !important; max-width: 100% !important;
      padding: 12px 16px 20px !important; text-align: center !important;
    }
    .ps-hero-heading { font-size: 26px !important; margin-bottom: 8px !important; line-height: 1.2 !important; }
    .ps-hero-text { font-size: 15px !important; margin-bottom: 10px !important; max-width: 100% !important; line-height: 1.65 !important; color: #555; }
    .ps-stats-row { gap: 14px !important; justify-content: center !important; margin-top: 10px !important; }
    .ps-stat-num { font-size: 18px !important; }
    .ps-stat-lbl { font-size: 9px !important; }

    .ps-slide-1 .ps-btn-group {
      flex-direction: row !important; width: 100% !important;
      justify-content: center !important; gap: 10px !important;
      margin-top: 12px !important; flex-wrap: wrap !important;
      position: relative !important; bottom: auto !important; left: auto !important;
    }
    .ps-slide-1 .ps-btn {
      font-size: 11px !important; padding: 8px 16px !important; width: auto !important;
      background: transparent !important; backdrop-filter: none !important;
      border-radius: 50px !important; border-width: 1.5px !important;
    }
    .ps-slide-1 .ps-btn-green { width: auto !important; justify-content: flex-start !important; }
    .ps-btn-icon img { width: 15px !important; height: 15px !important; }

    .ps-slide:not(.ps-slide-1) {
      background-size: cover !important; background-position: center center !important;
      background-repeat: no-repeat !important;
      height: 60vw !important; min-height: 60vw !important; max-height: 60vw !important;
      display: block !important; overflow: hidden !important;
    }

    .ps-slide:not(.ps-slide-1) .ps-btn-group {
      position: absolute !important;
      bottom: 34% !important;
      left: 0px !important;
      top: auto !important;
      width: 60% !important;
      display: flex !important;
      flex-direction: row !important;
      justify-content: flex-start !important;
      align-items: center !important;
      gap: 4px !important;
      z-index: 99 !important;
      padding: 0 0 0 8px !important;
      background: none !important;
    }
    .ps-slide:not(.ps-slide-1) .ps-btn {
      font-size: 9px !important; padding: 5px 9px !important; width: auto !important;
      background: rgba(255,255,255,0.9) !important; backdrop-filter: none !important;
      border-radius: 50px !important; border-width: 1px !important; white-space: nowrap !important;
    }
    .ps-slide:not(.ps-slide-1) .ps-btn-red { border-color: var(--f-red) !important; color: var(--f-red) !important; }
    .ps-slide:not(.ps-slide-1) .ps-btn-green { border-color: var(--f-green) !important; color: var(--f-green) !important; width: auto !important; }

    .ps-arrow {
      position: absolute !important; top: 30vw !important;
      transform: translateY(-50%) !important;
      width: 28px !important; height: 28px !important; font-size: 12px !important;
    }
    #arrowL, .ps-arrow-l { display: none !important; }
    .ps-arrow-r { right: 6px !important; }
    .ps-dots { display: none !important; }
    .ps-btn-green:hover .ps-btn-icon { transform: translateX(0) !important; }
  }

  @media (max-width: 400px) {
    .ps-hero-heading { font-size: 21px !important; }
    .ps-slide-1 .ps-btn { font-size: 9px !important; padding: 6px 10px !important; }
    .ps-slide:not(.ps-slide-1) { height: 68vw !important; min-height: 68vw !important; max-height: 68vw !important; }
  }




  /* ===== iPad Pro / Large Tablet (951–1366px) ===== */


.media-group-area { background-color: #EEEEEE !important; padding: 60px 0 0 0; }
.media-group-area .heading hr { display: none !important; }
.media-group-area .heading h2 { font-family: 'Playfair Display', serif; font-size: 44px; font-weight: 700; color: #2c2c2c; text-align: center; margin-bottom: 12px !important; line-height: 1.2; }
.media-group-area .heading p { font-family: 'Poppins', sans-serif; font-size: 15px; color: #555; text-align: center; max-width: 900px; margin: 0 auto 40px auto; line-height: 1.7; }
.red-text { color: #c94040 !important; }
.red-bold-name { color: #c94040 !important; font-weight: 700; text-decoration: none; }
.red-link { color: #c94040 !important; text-decoration: none; }



.media-owl .owl-stage { display: flex !important; align-items: flex-start !important; }
.media-owl .owl-item { display: flex !important; padding: 8px !important; height: auto !important; }
.media-owl .owl-item .item { width: 100% !important; display: flex !important; }

.media-inr-bx {
    position: relative;
    border-radius: 12px;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    border: 1px solid #f0f0f0;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    cursor: pointer;
    transition: box-shadow 0.3s ease !important;
    transform: translateZ(0);
    overflow: hidden;
    height: auto !important;
    min-height: unset !important;
    align-self: flex-start !important;
}
.media-inr-bx:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important; }

.log-img-container {
    display: flex !important;
    align-items: center !important;
    padding: 12px 15px !important;
    height: 55px !important;
    background: #fff !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
}
.log-img-container img, .log-img-container .logo-img {
    width: auto !important;
    height: 28px !important;
    max-width: 140px !important;
    max-height: 28px !important;
    object-fit: contain !important;
    display: block !important;
}

.media-inr-bx .media-img {
    position: relative;
    overflow: hidden;
    height: 190px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
}
.media-inr-bx .media-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: filter 0.5s ease !important;
}
.media-inr-bx:hover .media-img img { filter: blur(3px) brightness(0.75) !important; }
.media-inr-bx .media-img::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.1);
    opacity: 0;
    transition: 0.4s;
    z-index: 1;
    pointer-events: none;
}
.media-inr-bx:hover .media-img::before { opacity: 1; }

.media-inr-bx::after {
    content: '\2197';
    position: absolute;
    top: calc(55px + 95px);
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 40px; height: 40px;
    background: #FFD27D;
    color: #2c2c2c;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 5;
    opacity: 0;
    pointer-events: none;
}
.media-inr-bx:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }

.media-inr-bx .media-cnt {
    padding: 12px 15px 15px !important;
    background: #fff !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
}
.media-inr-bx .media-cnt p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #2c2c2c !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.read-btn { display: none !important; }


@media (max-width: 768px) {
  .media-inr-bx .media-img {
    height: auto !important;
    aspect-ratio: 16/9 !important;
  }
  .media-inr-bx .media-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}


.media-inr-bx .media-cnt {
    height: auto !important;
    min-height: 78px !important;
    overflow: visible !important;
}




  .pk__cta-section {
    width: 100%;
    padding: 20px 100px 40px 100px;
    background: #f5f5f5;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
  }

  .pk__cta-section *,
  .pk__cta-section *::before,
  .pk__cta-section *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  .pk__cta-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8E8 !important;
    border-radius: 12px !important;
    padding: 30px 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
    box-shadow: 0 2px 16px rgba(0,0,0,0.06) !important;
    width: 100% !important;
    flex-wrap: wrap !important;
  }

  .pk__cta-text {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .pk__cta-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    line-height: 1.3 !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    background: none !important;
    border: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
  }

  .pk__cta-desc {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #555 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    background: none !important;
    border: none !important;
    text-transform: none !important;
  }

  .pk__cta-btn,
  .pk__cta-btn:link,
  .pk__cta-btn:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    background: #7B1C1C !important;
    background-color: #7B1C1C !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 14px 32px !important;
    border-radius: 50px !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transition: background-color 0.25s ease-out, transform 0.2s ease !important;
    line-height: normal !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    margin: 0 !important;
    width: auto !important;
  }

  /* Hover — Figma ke hisaab se orange-red */
  .pk__cta-btn:hover,
  .pk__cta-btn:focus {
    background: #c0392b !important;
    background-color: #c0392b !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(192,57,43,0.35) !important;
    text-decoration: none !important;
    outline: none !important;
  }

  .pk__cta-btn:active {
    background: #7B1C1C !important;
    background-color: #7B1C1C !important;
    transform: translateY(0) !important;
    box-shadow: none !important;
  }

  /* ── RESPONSIVE ── */

  @media (min-width: 1440px) {
    .pk__cta-section { padding: 30px 160px 50px; }
    .pk__cta-title { font-size: 28px !important; }
    .pk__cta-desc { font-size: 15px !important; }
    .pk__cta-btn { font-size: 15px !important; padding: 15px 36px !important; }
  }

  @media (max-width: 1280px) {
    .pk__cta-section { padding: 24px 80px 36px; }
    .pk__cta-title { font-size: 23px !important; }
    .pk__cta-desc { font-size: 13px !important; }
  }

  @media (max-width: 1024px) {
    .pk__cta-section { padding: 20px 60px 32px; }
    .pk__cta-card { gap: 28px !important; padding: 26px 28px !important; }
    .pk__cta-title { font-size: 20px !important; }
    .pk__cta-desc { font-size: 13px !important; }
    .pk__cta-btn { font-size: 13px !important; padding: 13px 24px !important; }
  }

  @media (max-width: 900px) {
    .pk__cta-section { padding: 18px 40px 28px; }
    .pk__cta-card { gap: 20px !important; }
    .pk__cta-title { font-size: 18px !important; }
    .pk__cta-desc { font-size: 13px !important; }
  }

  @media (max-width: 768px) {
    .pk__cta-section { padding: 0px 24px 24px; }
    .pk__cta-card {
      flex-direction: column !important;
      align-items: stretch !important;
      padding: 24px 20px !important;
      gap: 18px !important;
    }
    .pk__cta-title { font-size: 18px !important; }
    .pk__cta-desc { font-size: 13px !important; }
    .pk__cta-btn {
      width: 100% !important;
      font-size: 14px !important;
      padding: 14px 20px !important;
      text-align: center !important;
    }
  }

  @media (max-width: 480px) {
    .pk__cta-section { padding: 0px 16px 20px; }
    .pk__cta-card { padding: 20px 16px !important; }
    .pk__cta-title { font-size: 16px !important; }
    .pk__cta-desc { font-size: 12px !important; }
    .pk__cta-btn { font-size: 13px !important; padding: 13px 16px !important; }
  }

  @media (max-width: 360px) {
    .pk__cta-title { font-size: 15px !important; }
    .pk__cta-desc { font-size: 11px !important; }
    .pk__cta-btn { font-size: 12px !important; padding: 12px 14px !important; }
  }









/* 1. SECTION WRAP */
.pk-badges-section-wrap {
    background-color: #f5ede0;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 80px 0;
    box-sizing: border-box;
    overflow: hidden;
}

/* 2. ROW */
.pk-badges-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 120px;
    box-sizing: border-box;
}

/* 3. BADGE SIZE: 260px — perfect for modern websites */
.pk-badge-wrap {
    width: 260px;
    height: 260px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* 4. SPINNING RING — mask radius proportional to 260px */
.pk-badge-outer {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    animation: pkSpinRing 15s linear infinite;
    transform-origin: center center;
    z-index: 1;
    -webkit-mask-image: radial-gradient(circle at center, transparent 84px, black 90px, black 100%);
    mask-image: radial-gradient(circle at center, transparent 84px, black 90px, black 100%);
}

/* 5. INNER FIXED — mask radius proportional to 260px */
.pk-badge-inner {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-mask-image: radial-gradient(circle at center, black 87px, transparent 93px, transparent 100%);
    mask-image: radial-gradient(circle at center, black 87px, transparent 93px, transparent 100%);
}

@keyframes pkSpinRing {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* ── TABLET: 1100px ── */
@media (max-width: 1100px) {
    .pk-badges-row {
        padding: 0 60px;
    }
    .pk-badge-wrap {
        width: 220px;
        height: 220px;
    }
    .pk-badge-outer {
        -webkit-mask-image: radial-gradient(circle at center, transparent 71px, black 77px, black 100%);
        mask-image: radial-gradient(circle at center, transparent 71px, black 77px, black 100%);
    }
    .pk-badge-inner {
        -webkit-mask-image: radial-gradient(circle at center, black 74px, transparent 80px, transparent 100%);
        mask-image: radial-gradient(circle at center, black 74px, transparent 80px, transparent 100%);
    }
}

/* ── SMALL TABLET / LARGE MOBILE: 768px ── */
@media (max-width: 768px) {
    .pk-badges-section-wrap {
        padding: 50px 0;
    }
    .pk-badges-row {
        padding: 0 30px;
    }
    .pk-badge-wrap {
        width: 180px;
        height: 180px;
    }
    .pk-badge-outer {
        -webkit-mask-image: radial-gradient(circle at center, transparent 58px, black 63px, black 100%);
        mask-image: radial-gradient(circle at center, transparent 58px, black 63px, black 100%);
    }
    .pk-badge-inner {
        -webkit-mask-image: radial-gradient(circle at center, black 61px, transparent 66px, transparent 100%);
        mask-image: radial-gradient(circle at center, black 61px, transparent 66px, transparent 100%);
    }
}

/* ── MOBILE: 600px — column layout ── */
@media (max-width: 600px) {
    .pk-badges-section-wrap {
        padding: 40px 0;
    }
    .pk-badges-row {
        flex-direction: column;
        gap: 30px;
        padding: 0 20px;
    }
    .pk-badge-wrap {
        width: 200px;
        height: 200px;
    }
    .pk-badge-outer {
        -webkit-mask-image: radial-gradient(circle at center, transparent 65px, black 70px, black 100%);
        mask-image: radial-gradient(circle at center, transparent 65px, black 70px, black 100%);
    }
    .pk-badge-inner {
        -webkit-mask-image: radial-gradient(circle at center, black 68px, transparent 73px, transparent 100%);
        mask-image: radial-gradient(circle at center, black 68px, transparent 73px, transparent 100%);
    }
}

/* ── EXTRA SMALL: 380px ── */
@media (max-width: 380px) {
    .pk-badge-wrap {
        width: 170px;
        height: 170px;
    }
    .pk-badge-outer {
        -webkit-mask-image: radial-gradient(circle at center, transparent 55px, black 60px, black 100%);
        mask-image: radial-gradient(circle at center, transparent 55px, black 60px, black 100%);
    }
    .pk-badge-inner {
        -webkit-mask-image: radial-gradient(circle at center, black 58px, transparent 63px, transparent 100%);
        mask-image: radial-gradient(circle at center, black 58px, transparent 63px, transparent 100%);
    }
}


    /* Mobile Optimization: No more text breaking or huge gaps */
    @media (max-width: 767px) {
        .main-section-fix { padding: 40px 0 !important; }
        .heading-wrapper-fix { margin-bottom: 25px !important; } /* Exact 1 inch gap look */
        .main-heading-fix { font-size: 28px !important; line-height: 1.3 !important; }
        .gap-hr-fix { margin: 10px auto 20px !important; }
        .inner-why-fix { padding-left: 0 !important; }
        .img_box_fix { height: 230px !important; margin-bottom: 20px !important; }
        /* Button text single line fix */
        .mobile-single-line-btn { 
            width: 100% !important; 
            max-width: 100% !important; 
            padding: 12px 10px !important; /* Side padding kam ki taaki text na toote */
            font-size: 14px !important; /* Font thoda chhota kiya single line ke liye */
            white-space: nowrap !important; /* Text ko force karega single line mein rehne ke liye */
            display: block !important;
            text-align: center !important;
        }
    }

  .pk-single-btn:hover {
    background-color: #c0392b !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(192,57,43,0.35) !important;
  }
  
  
  <!-- ── Responsive: stack on tablet/mobile, let heading wrap naturally there ── -->
        @media (max-width: 1250px) {
            .why-Scientific-area .row { flex-direction: column; gap: 26px !important; align-items: stretch !important; }
            .why-Scientific-area .col-lg-6 { flex: 1 1 100% !important; max-width: 100% !important; width: 100% !important; }
            .why-Scientific-area .img_box_fix { min-height: 320px !important; height: 320px !important; aspect-ratio: 764 / 405; }
            .why-Scientific-area .inner-why-fix { padding-left: 0 !important; }
            .why-Scientific-area .main-heading-fix { font-size: 40px !important; max-width: 90% !important; }
            .why-Scientific-area .main-heading-fix br { display: none; }
        }
        @media (max-width: 767px) {
            .why-Scientific-area .container { padding: 0 18px !important; }
            .why-Scientific-area .main-heading-fix { font-size: 28px !important; }
            .why-Scientific-area p { font-size: 16px !important; }
        }




  /* 1. SECTION WRAP: Padding को कम किया गया है ताकि गैप कम दिखे */
  .pk-about-section {
    background-color: #f5efe7;
    padding: 60px 0;
 /* ऊपर और नीचे का गैप Figma जैसा कम कर दिया गया है */
    font-family: 'Poppins', sans-serif;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  /* 2. CONTAINER: 120px Side Margins */
  .pk-about-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 120px;
    box-sizing: border-box;
  }

  /* 3. HEADING STYLE: Margin-bottom को कम किया गया है */
  .pk-about-title {
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.1;
    color: #1a0a10;
    text-align: center;
    margin: 0 0 40px; /* हेडिंग के नीचे का गैप कम किया गया */
  }
  .pk-about-title span {
    color: #e74c3c;
  }

  /* 4. FLEX LAYOUT: Professional 80px Gap */
  .pk-about-flex {
    display: flex;
    align-items: flex-start; /* Figma के अनुसार टेक्स्ट ऊपर से शुरू होगा */
    justify-content: space-between;
    gap: 80px; 
  }

  /* 5. TEXT CONTENT: Full Paragraphs */
  .pk-about-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px; 
  }
  .pk-about-text p {
    font-size: 17px; /* Figma के टेक्स्ट साइज के करीब */
    line-height: 1.6;
    color: #333;
    margin: 0;
    text-align: justify;
  }
  .pk-about-text a {
    color: #c94040;
    font-weight: 500;
    text-decoration: none;
  }

  /* 6. IMAGE STYLES: Figma जैसा क्लीन लुक */
  .pk-about-img-wrap {
    flex: 0 0 500px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
  }
  .pk-about-img-wrap img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.8s ease;
  }
  .pk-about-img-wrap:hover img {
    transform: scale(1.05);
  }

  /* RESPONSIVE DESIGN */
  @media (max-width: 1200px) {
    .pk-about-container { padding: 0 60px; }
    .pk-about-flex { gap: 40px; }
    .pk-about-img-wrap { flex: 0 0 400px; }
  }

  @media (max-width: 900px) {
    .pk-about-section { padding: 40px 0; }
    .pk-about-container { padding: 0 25px; }
    .pk-about-flex { flex-direction: column; gap: 30px; }
    .pk-about-img-wrap { flex: unset; width: 100%; max-width: 500px; margin: 0 auto; }
    .pk-about-text p { font-size: 16px; text-align: left; }
    .pk-about-title { font-size: 32px; margin-bottom: 30px; }
  }



        /* 1. CORE SETUP */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background-color: #fdfaf7;
            font-family: 'Poppins', sans-serif;
            color: #1a1a1a;
            line-height: 1.6;
        }

        .section-wrapper {
            padding: 80px 0;
            width: 100%;
    background: #ece8e1;

        }

        /* 2. BEST STANDARD CONTAINER (1240px) */
        .container {
            max-width: 1240px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .section-title {
            text-align: center;
            font-family: 'Playfair Display', serif;
            font-size: 42px;
            font-weight: 700;
            margin-bottom: 50px;
            color: #1a0a10;
        }

        /* 3. PROFESSIONAL GRID (30px GAP) */
        .services-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            justify-items: center;
        }

        /* 4. BALANCED CARD SIZE: 380x420 */
        .service-card {
            background-color: #6b0f1a;
            width: 380px !important;
            height: 420px !important;
            border-radius: 24px; /* More modern rounding */
            border: 1.5px solid #c6a75e;
            padding: 40px 30px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            transition: all 0.3s ease;
            position: relative;
        }

        /* ICON SIZE - OPTIMIZED */
        .icon-box {
            height: 70px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .icon-box img {
            width: 65px; /* Clean & sharp size */
            height: auto;
        }

        /* TYPOGRAPHY */
        .service-card h6 {
            font-family: 'Playfair Display', serif;
            font-size: 22px;
            color: #ffda83;
            margin-bottom: 10px;
            font-weight: 500;
            position: relative;
            padding-bottom: 12px;
        }

        /* AUTO-WIDTH YELLOW LINE */
        .service-card h6::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1.5px;
            background-color: #ffda83;
        }

        /* TEXT BALANCE (3-4 LINES) */
        .service-card p {
            font-size: 15px;
            color: #ffda83;
            opacity: 0.9;
            margin-bottom: auto;
        }

        /* 5. EXPLORE BUTTON - PREMIUM HOVER */
        .explore-btn {
            position: relative;
            margin-top: 25px;
            width: 200px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1.5px solid #ffda83;
            border-radius: 10px;
            color: #ffda83;
            text-decoration: none;
            font-size: 16px;
            font-weight: 500;
            overflow: hidden;
            z-index: 1;
            transition: color 0.4s ease;
        }

        .explore-btn::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 0%;
            height: 100%;
            background: #ffda83;
            transition: width 0.4s ease;
            z-index: -1;
        }

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

        .explore-btn:hover {
            color: #6b0f1a;
        }

        /* CENTER LAST CARD */
        .center-card {
            grid-column: 2;
        }

        /* RESPONSIVE */
        @media (max-width: 1180px) {
            .services-grid { grid-template-columns: repeat(2, 1fr); }
            .center-card { grid-column: auto; }
        }

        @media (max-width: 768px) {
            .services-grid { grid-template-columns: 1fr; }
            .service-card { width: 100% !important; max-width: 380px; }
        }

  /* 1. SECTION SETUP & RESET */
  .astro-benefits-section * { box-sizing: border-box; margin: 0; padding: 0; }

  .astro-benefits-section {
    background: #f5f0e8;
    padding: 20px 0 80px 0; /* Starts from top */
    width: 100%;
    overflow: hidden;
  }

  /* 2. HEADING & DESCRIPTION */
  .benefits-heading-wrap {
    max-width: 1200px;
    margin: 0 auto 18px auto;
    padding: 0 20px;
  }

  .benefits-section-title {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    color: #1a0a10;
  }

  .benefits-para-wrap {
    max-width: 1100px;
    margin: 0 auto 40px auto;
    padding: 0 20px;
  }

  .benefits-section-desc {
    font-family: 'Poppins', sans-serif;
    font-size: 15.5px;
    color: #3a1010;
    line-height: 1.7;
    text-align: center;
  }

  /* 3. MAIN CONTAINER - EQUAL HEIGHT SYSTEM */
  .benefits-inner {
    display: flex;
    align-items: stretch; /* Both sides stay equal height */
    max-width: 1300px; 
    margin: 0 auto;
    padding: 0 40px;
    gap: 50px; /* Precise gap between section and image */
  }

  /* 4. LEFT SECTION (7 ITEMS) - REDUCED WIDTH */
  .benefits-left {
    flex: 0 0 46%; /* Reduced width to ensure gap */
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
    gap: 12px;
  }

  .benefit-item {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #ffffff;
    border: 1px solid #e8dece;
    border-radius: 12px;
    padding: 12px 18px;
    flex: 1; 
    transition: border-color 0.3s ease, box-shadow 0.3s ease; /* No transform to prevent shaking */
    cursor: default;
    min-height: 70px; /* Fixed height to prevent movement */
  }

  .benefit-item:hover {
    border-color: #c9a84c;
    box-shadow: 0 6px 15px rgba(0,0,0,0.05);
  }

  /* ICON SETUP */
  .benefit-icon-slot {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 50%;
    background: #f5f0e8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .benefit-icon-slot img {
    width: 26px;
    height: 26px;
    object-fit: contain;
  }

  .benefit-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #1a0a10;
    line-height: 1.2;
  }

  .benefit-desc {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #6a3a3a;
    margin-top: 2px;
  }

  /* 5. RIGHT IMAGE SECTION */
  .benefits-right {
    flex: 1;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 45px rgba(0,0,0,0.1);
    display: flex;
  }

  .benefits-right img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures image matches list height */
    display: block;
  }

  /* 6. BUTTON SETUP */
  .benefits-btn-wrap {
    text-align: center;
    margin-top: 50px;
  }


  /* 7. MOBILE RESPONSIVE */
  @media (max-width: 1024px) {
    .benefits-inner { flex-direction: column; padding: 0 20px; }
    .benefits-left { width: 100%; flex: unset; }
    .benefits-right { width: 100%; height: 450px; flex: unset; }
  }

  @media (max-width: 600px) {
    .benefits-section-title { font-size: 26px; }
    .benefits-section-desc { font-size: 14px; }
    .benefits-right { height: 320px; }
    .btn-consult { width: 90%; }
  }


.benefits-right img {
    transition: transform 0.6s ease !important;
}

.benefits-right:hover img {
    transform: scale(1.05) !important;
}

.benefit-item:hover {
    transform: none !important; /* यह सेक्शन को स्थिर रखेगा */
}



  /* 1. GLOBAL RESET & NO GAP SETUP */
  .pawan-wrapper-section * { box-sizing: border-box; margin: 0; padding: 0; }

  .pawan-wrapper-section {
    background: #f8f4ef;
    padding: 0 0 80px 0; /* Top padding zero for no gap */
    width: 100%;
    font-family: 'Poppins', sans-serif;
  }

  .pawan-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
  }

  /* 2. HEADING - ZERO TOP MARGIN GUARANTEED */
  .pawan-main-heading {
    font-family: 'Playfair Display', serif;
    font-size: 3.2rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    margin: 0 0 55px 0; /* Margin-top is 0 to start from the very top */
    padding-top: 30px; /* Precise spacing from browser top */
    color: #1a0a10;
  }

  /* 3. FLEX LAYOUT - EQUAL HEIGHT GUARANTEE */
  .pawan-flex-layout {
    display: flex;
    gap: 60px;
    align-items: stretch; /* Bottom of Image and Text will always be equal */
  }

  /* 4. IMAGE COLUMN - SLOW TRANSITION GUARANTEE */
  .pawan-image-col {
    flex: 0 0 500px; 
    min-width: 320px;
  }

  .pawan-img-card {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
    height: 100%; 
    position: relative;
    background-color: #f8f4ef;
  }

  .pawan-img-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: top;
    position: absolute; 
    top: 0;
    left: 0;
    transition: opacity 1.2s ease-in-out; /* Super slow smooth transition */
  }

  .pawan-img-card .img-hover { opacity: 0; }
  .pawan-img-card:hover .img-main { opacity: 0; }
  .pawan-img-card:hover .img-hover { opacity: 1; }

  /* 5. TEXT COLUMN */
  .pawan-text-col {
    flex: 1;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
  }

  /* --- RESPONSIVE SETTINGS --- */
  @media (max-width: 1100px) {
    .pawan-flex-layout { flex-direction: column; gap: 40px; }
    .pawan-image-col { flex: none; width: 100%; max-width: 600px; margin: 0 auto; height: 500px; }
    .pawan-img-card img { position: relative; }
    .pawan-img-card .img-hover { display: none; }
    .pawan-main-heading { font-size: 2.5rem !important; }
  }

  @media (max-width: 600px) {
    .pawan-wrapper-section { padding: 0 0 50px 0; }
    .pawan-container { padding: 0 20px; }
    .pawan-image-col { height: 350px; }
    .pawan-main-heading { font-size: 1.8rem !important; margin-bottom: 35px !important; }
    .pawan-text-col p, .pawan-text-col strong { font-size: 1rem !important; }
  }


    .pawan-full-sec {
        background-color: #EEEEEE !important;
padding: 0px 0 30px 0 !important;
        margin-top: 0 !important;
        width: 100% !important;
        overflow: hidden;
        font-family: 'Poppins', sans-serif;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
    .pawan-full-sec *, .pawan-full-sec *::before, .pawan-full-sec *::after {
        box-sizing: border-box;
        outline: none !important;
        text-decoration: none !important;
    }
    .pawan-full-sec iframe,
    .pawan-v-frame,
    .pawan-v-frame *,
    .pawan-s-view,
    .pawan-s-container {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
    .pawan-h-wrap {
        width: 1297px !important;
        max-width: 95% !important;
        margin: 0 auto !important;
        text-align: center;
        padding-top: 50px;
    }
    .pawan-h-wrap h2 {
        font-family: 'Playfair Display', serif;
        font-size: 3.5rem;
        line-height: 1.2;
        font-weight: 700;
        color: #000 !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }
    .pawan-h-wrap h2 span { color: #ff5e5e !important; }
    .pawan-main-desc {
        padding: 0 150px !important;
        text-align: center;
        font-size: 1.15rem;
        color: #444 !important;
        margin-top: 15px !important;
        margin-bottom: 60px !important;
        line-height: 1.8;
        border: none !important;
    }
    .pawan-s-container {
        position: relative !important;
        max-width: 1450px !important;
        margin: 0 auto !important;
        padding: 0 70px !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
    .pawan-s-view {
        overflow: hidden !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
    .pawan-s-track {
        display: flex !important;
        width: 800% !important;
        transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
        border: none !important;
    }
    .pawan-card {
        flex: 0 0 12.5% !important;
        display: flex !important;
        align-items: flex-start !important;
        gap: 50px !important;
        background: #EEEEEE !important;
        padding: 0 10px !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
    .pawan-v-frame {
        flex: 0 0 45% !important;
        width: 45% !important;
        aspect-ratio: 16/9 !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        background: #000 !important;
        position: relative !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
    .pawan-v-frame .yt-thumb {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
        z-index: 1 !important;
        border: none !important;
        cursor: pointer !important;
    }
    .pawan-v-frame .yt-play-btn {
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        background: transparent !important;
        border: none !important;
    }
    .pawan-v-frame .yt-play-btn svg {
        width: 72px !important;
        height: 72px !important;
        filter: drop-shadow(0 2px 8px rgba(0,0,0,0.5)) !important;
        transition: transform 0.2s ease !important;
    }
    .pawan-v-frame .yt-play-btn:hover svg { transform: scale(1.1) !important; }

    /* Close button */
    .pawan-v-frame .pk-close {
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        z-index: 99 !important;
        width: 34px !important;
        height: 34px !important;
        background: rgba(0,0,0,0.75) !important;
        border: none !important;
        border-radius: 50% !important;
        color: #fff !important;
        font-size: 16px !important;
        cursor: pointer !important;
        display: none !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
    }
    .pawan-v-frame.playing .pk-close { display: flex !important; }
    .pawan-v-frame.playing .pk-close:hover { background: rgba(200,0,0,0.85) !important; }

    .pawan-v-frame iframe {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        z-index: 3 !important;
        display: none !important;
    }
    .pawan-v-frame.playing iframe { display: block !important; }
    .pawan-v-frame.playing .yt-thumb,
    .pawan-v-frame.playing .yt-play-btn { display: none !important; }

    .pawan-t-frame {
        flex: 1 1 0 !important;
        width: auto !important;
        text-align: left !important;
        padding-top: 8px !important;
        border: none !important;
    }
    .pawan-t-frame p {
        font-size: 1.15rem !important;
        line-height: 1.8 !important;
        color: #333 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }
    .pawan-nav {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 50px !important;
        height: 50px !important;
        background: #fff !important;
        border-radius: 50% !important;
        cursor: pointer !important;
        z-index: 10 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
        border: none !important;
        outline: none !important;
        font-size: 18px !important;
        color: #333 !important;
        transition: box-shadow 0.2s !important;
    }
    .pawan-nav:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.18) !important; }
    .pawan-nav-l { left: 8px !important; }
    .pawan-nav-r { right: 8px !important; }

    /* Arrows video chal rahi ho tab disabled dikh rahe ho */
    .pawan-nav:disabled {
        opacity: 0.35 !important;
        cursor: not-allowed !important;
    }

    @media (max-width: 1024px) {
        .pawan-h-wrap h2 { font-size: 2.8rem !important; }
        .pawan-main-desc { padding: 0 60px !important; font-size: 1.05rem !important; }
        .pawan-s-container { padding: 0 55px !important; }
        .pawan-card { gap: 36px !important; }
        .pawan-v-frame { flex: 0 0 50% !important; width: 50% !important; }
        .pawan-t-frame p { font-size: 1.05rem !important; }
    }
    @media (max-width: 900px) {
        .pawan-h-wrap h2 { font-size: 2.4rem !important; }
        .pawan-main-desc { padding: 0 40px !important; font-size: 1rem !important; margin-bottom: 40px !important; }
        .pawan-s-container { padding: 0 50px !important; }
        .pawan-card { gap: 28px !important; }
        .pawan-v-frame { flex: 0 0 52% !important; width: 52% !important; }
        .pawan-t-frame p { font-size: 1rem !important; }
    }
    @media (max-width: 768px) {
        .pawan-full-sec { padding-bottom: 60px !important; }
        .pawan-h-wrap { padding-top: 36px !important; }
        .pawan-h-wrap h2 { font-size: 2rem !important; line-height: 1.25 !important; }
        .pawan-main-desc { padding: 0 20px !important; font-size: 0.95rem !important; margin-top: 12px !important; margin-bottom: 30px !important; line-height: 1.7 !important; }
        .pawan-s-container { padding: 0 44px !important; }
        .pawan-nav { width: 36px !important; height: 36px !important; font-size: 14px !important; }
        .pawan-card { flex-direction: column !important; align-items: stretch !important; gap: 20px !important; padding: 0 4px !important; }
        .pawan-v-frame { flex: unset !important; width: 100% !important; border-radius: 12px !important; }
        .pawan-t-frame { flex: unset !important; width: 100% !important; text-align: center !important; padding-top: 0 !important; }
        .pawan-t-frame p { font-size: 0.95rem !important; line-height: 1.7 !important; }
        .pawan-v-frame .yt-play-btn svg { width: 54px !important; height: 54px !important; }
    }
    @media (max-width: 600px) {
        .pawan-h-wrap h2 { font-size: 1.75rem !important; }
        .pawan-main-desc { font-size: 0.9rem !important; padding: 0 16px !important; }
        .pawan-s-container { padding: 0 38px !important; }
        .pawan-nav { width: 32px !important; height: 32px !important; font-size: 13px !important; }
        .pawan-card { gap: 16px !important; }
        .pawan-t-frame p { font-size: 0.9rem !important; }
    }
    @media (max-width: 480px) {
        .pawan-h-wrap { padding-top: 28px !important; }
        .pawan-h-wrap h2 { font-size: 1.55rem !important; }
        .pawan-main-desc { font-size: 0.88rem !important; padding: 0 14px !important; margin-bottom: 22px !important; }
        .pawan-s-container { padding: 0 34px !important; }
        .pawan-nav { width: 30px !important; height: 30px !important; font-size: 12px !important; }
        .pawan-card { gap: 14px !important; padding: 0 2px !important; }
        .pawan-t-frame p { font-size: 0.88rem !important; }
        .pawan-v-frame { border-radius: 10px !important; }
        .pawan-v-frame .yt-play-btn svg { width: 46px !important; height: 46px !important; }
    }
    @media (max-width: 375px) {
        .pawan-h-wrap h2 { font-size: 1.4rem !important; }
        .pawan-main-desc { font-size: 0.84rem !important; padding: 0 12px !important; }
        .pawan-s-container { padding: 0 30px !important; }
        .pawan-t-frame p { font-size: 0.84rem !important; }
        .pawan-card { gap: 12px !important; }
    }
    @media (max-width: 360px) {
        .pawan-h-wrap h2 { font-size: 1.3rem !important; }
        .pawan-main-desc { font-size: 0.82rem !important; padding: 0 10px !important; }
        .pawan-s-container { padding: 0 28px !important; }
        .pawan-nav { width: 28px !important; height: 28px !important; font-size: 11px !important; }
        .pawan-t-frame p { font-size: 0.82rem !important; }
        .pawan-full-sec { padding-bottom: 40px !important; }
    }
    @media (max-width: 320px) {
        .pawan-h-wrap h2 { font-size: 1.2rem !important; }
        .pawan-main-desc { font-size: 0.8rem !important; padding: 0 8px !important; }
        .pawan-s-container { padding: 0 26px !important; }
        .pawan-t-frame p { font-size: 0.8rem !important; }
        .pawan-card { gap: 10px !important; }
    }


  .pk__cta-section {
    padding: 30px 113px !important;
    background-color: #EEEEEE !important;
  }
  .pk__cta-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    min-width: 0 !important;
    flex: 1 1 0 !important;
  }
  .pk__cta-title {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: block !important;
  }
  .pk__cta-desc {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: block !important;
  }

  /* ── RESPONSIVE ── */

  @media (max-width: 1280px) {
    .pk__cta-section { padding: 28px 80px !important; }
  }

  @media (max-width: 1024px) {
    .pk__cta-section { padding: 24px 60px !important; }
  }

  @media (max-width: 900px) {
    .pk__cta-section { padding: 20px 40px !important; }
  }

  @media (max-width: 768px) {
    .pk__cta-section { padding: 18px 24px !important; }
    .pk__cta-card {
      flex-direction: column !important;
      align-items: stretch !important;
      gap: 16px !important;
    }
    .pk__cta-btn {
      width: 100% !important;
      text-align: center !important;
    }
  }

  @media (max-width: 480px) {
    .pk__cta-section { padding: 16px 16px !important; }
  }

  @media (max-width: 360px) {
    .pk__cta-section { padding: 14px 12px !important; }
  }



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

    body {
      background: #fff;
      font-family: 'Poppins', Arial, sans-serif;
    }

    /* ─── SECTION ─── */
    .awards-section {
      background: #EEEEEE !important;
      padding: 50px 100px 60px 100px;
    }

    .awards-inner {
      max-width: 1280px;
      margin: 0 auto;
    }

    /* ─── HEADING ─── */
    .awards-heading {
      text-align: center;
      margin-bottom: 32px;
    }

    .awards-heading h2 {
      font-family: 'Playfair Display', Georgia, serif;
      font-size: clamp(24px, 3.2vw, 48px);
      font-weight: 700;
      color: #1a0a10;
      line-height: 1.2;
    }

    .awards-heading .divider {
      width: 64px;
      height: 3px;
      background: #C9A24B;
      margin: 14px auto 0;
      border-radius: 2px;
    }

    /* ─── SHARED IMAGE CARD — no forced aspect-ratio, natural size, never crops, never white-space ─── */
    .img-wrap {
      border-radius: 10px;
      overflow: hidden;
      position: relative;
      box-shadow: 0 8px 24px rgba(26, 10, 16, 0.12);
    }

    .img-wrap img {
      width: 100%;
      height: auto;
      display: block;
      transition: transform 0.4s ease;
      transform-origin: center center;
    }

    .img-wrap:hover img {
      transform: scale(1.06);
    }

    /* ─── ROW 1: Image Left | Text Right ─── */
    .row-1 {
      display: flex;
      gap: 55px;
      align-items: center;
      margin-bottom: 24px;
    }

    .row-1 .img-wrap {
      flex: 0 0 46%;
    }

    .row-1 .text-block {
      flex: 1;
    }

    /* ─── ROW 2: Text Left | Image Right ─── */
    .row-2 {
      display: flex;
      gap: 80px;
      align-items: center;
    }

    .row-2 .text-block {
      flex: 0 0 50%;
    }

    .row-2 .img-wrap {
      flex: 0 0 42%;
    }

    /* ─── TYPOGRAPHY — Poppins 18px like Figma ─── */
    .text-block p {
      font-family: 'Poppins', Arial, sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.8;
      color: #424242;
      margin: 0;
      letter-spacing: 0.01em;
    }

    /* ─── 1280px–1366px: reduce padding/gap so image gets more width ─── */
    @media (max-width: 1366px) and (min-width: 1025px) {
      .awards-section {
        padding: 50px 40px 60px 40px;
      }
      .row-1 {
        gap: 30px;
      }
      .row-2 {
        gap: 40px;
      }
      .row-1 .img-wrap {
        flex: 0 0 48%;
      }
      .row-2 .img-wrap {
        flex: 0 0 44%;
      }
      .row-2 .text-block {
        flex: 0 0 46%;
      }
    }

    /* ─── TABLET 768px–1024px ─── */
    @media (max-width: 1024px) {
      .awards-section {
        padding: 40px 40px 50px 40px;
      }
      .awards-heading h2 {
        font-size: 38px;
      }
      .text-block p {
        font-size: 12px;
      }
      .row-1, .row-2 {
        gap: 10px;
      }
      /* Force override — some theme/WordPress CSS was forcing object-fit:cover +
         fixed height on this breakpoint, causing the crop. This resets it back
         to natural, uncropped image display, scoped only to tablet widths. */
      .img-wrap img {
        height: auto !important;
        object-fit: unset !important;
        object-position: unset !important;
        max-width: 100% !important;
      }
    }

    /* ─── MOBILE up to 767px ─── */
    @media (max-width: 767px) {
      .awards-section {
        padding: 30px 20px 40px 20px;
      }
      .awards-heading {
        margin-bottom: 22px;
      }
      .awards-heading h2 {
        font-size: 28px;
      }
      .row-1 {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 20px;
      }
      .row-2 {
        flex-direction: column;
        gap: 16px;
      }
      .row-1 .img-wrap,
      .row-2 .img-wrap {
        flex: 0 0 auto;
        width: 100%;
      }
      .row-1 .text-block,
      .row-2 .text-block {
        flex: 0 0 auto;
        width: 100%;
      }
      .text-block p {
        font-size: 13px;
        line-height: 1.75;
      }
    }

    /* ─── SMALL MOBILE up to 480px ─── */
    @media (max-width: 480px) {
      .awards-section {
        padding: 24px 16px 32px 16px;
      }
      .awards-heading h2 {
        font-size: 24px;
      }
      .text-block p {
        font-size: 12.5px;
      }
    }

    /* ─── VERY SMALL up to 360px ─── */
    @media (max-width: 360px) {
      .awards-heading h2 {
        font-size: 22px;
      }
      .text-block p {
        font-size: 12px;
      }
    }


/* ── 1. GLOBAL RESET ── */
*, *::before, *::after { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
}

/* ── 1. MAIN SECTION ── */
.pk-ts-sec {
    background: #EEEEEE !important;
    padding: 50px 0 60px 0 !important; 
    width: 100%;
    position: relative;
    overflow: hidden !important; /* clips the gold bar bleed consistently */
}
.pk-ts-heading {
    text-align: center;
    margin: 0 auto 44px auto;
    padding: 0 100px;
}

.pk-ts-heading h2 {
    font-family: 'Playfair Display', serif;
    font-size: 2.4rem;
    font-weight: 700;
    color: #1a0a10;
    line-height: 1.35;
}

.pk-ts-heading h2 span { color: #e62129; }

/* ── 2. CONTAINER ── */
.pk-ts-container {
    position: relative;
    width: 100%;
    padding: 0 100px;
    box-sizing: border-box;
}

/* Outer row holds: left (slider) + right (fixed wheel) side by side */
.pk-ts-row {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 480px;
}

/* ── 3. LEFT PANEL WRAPPER (this is what clips + slides) ── */
.pk-ts-left-wrap {
    flex: 0 0 58%;
    width: 58%;
    position: relative;
    z-index: 10;
    overflow: hidden; /* clip the sliding track to this panel only */
}

.pk-ts-view {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.pk-ts-track {
    display: flex;
    will-change: transform;
}

/* Each slide = one full-width text block (NO avatars inside anymore) */
.pk-ts-card {
    display: flex;
    flex-direction: column;
    text-align: left;
    background: #EEEEEE !important;
    flex-shrink: 0;
    width: 100%;
    padding: 20px 40px 20px 0;
    box-sizing: border-box;
}

.pk-ts-title {
    font-family: 'Playfair Display', serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a0a10;
    margin: 0 0 12px 0;
}

.pk-ts-body {
    font-size: 0.95rem;
    line-height: 1.85;
    color: #444;
    margin: 0 0 20px 0;
}

.pk-ts-footer {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
}

.pk-ts-quote { width: 40px; height: 40px; flex-shrink: 0; }
.pk-ts-name { font-size: 1.05rem; font-weight: 700; color: #1a0a10; }
.pk-ts-loc { font-size: 0.85rem; color: #888; }
.pk-ts-stars { color: #f5a623; font-size: 0.95rem; margin-top: 4px; }

/* ── 4. STATIC AVATAR ROW (outside slider, never moves) ── */
.pk-ts-avatars {
    display: flex;
    gap: 10px;
    margin-bottom: 24px;
    flex-wrap: wrap;
    padding: 20px 40px 0 0;
}

.pk-ts-avatar {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    border: 2.5px solid transparent;
    /* NOTE: no grayscale / opacity dimming — avatars stay in full color always,
       exactly like the Figma reference. Only the active one gets a red ring. */
    transition: border-color 0.3s ease, transform 0.3s ease;
}

.pk-ts-avatar.active {
    border-color: #e62129;
    transform: scale(1.05);
}

.pk-ts-avatar img { width: 100%; height: 100%; object-fit: cover; display:block; }

/* ── 5. ARROWS (also static, outside slider) ── */
.pk-ts-arrows { display: flex; gap: 12px; margin-top: 10px; padding: 0 40px 0 0; }

.pk-ts-arr {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid #7B1C1C;
    background: transparent;
    color: #7B1C1C;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    font-size: 1.1rem;
}

.pk-ts-arr:hover { background: #7B1C1C; color: #fff; }

/* ── 6. RIGHT FIXED PANEL (Rectangle & Wheel) ── */
.pk-ts-right-fixed {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 42%;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    pointer-events: none;
}

.pk-ts-gold-bar {
    position: absolute;
    left: 46% !important;
    width: 100vw !important; 
    height: 46px !important; 
    background: linear-gradient(90deg, #8a6010 0%, #e8c96a 50%, #8a6010 100%);
    z-index: 1;
    margin: 0 !important;
}

.pk-ts-circle {
    position: relative;
    width: 300px;
    height: 300px;
    z-index: 2;
    animation: pkSpinWheel 25s linear infinite;
}

.pk-ts-circle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@keyframes pkSpinWheel {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* ── 7. RESPONSIVE QUERIES ── */
@media (max-width: 991px) {
    .pk-ts-left-wrap { flex: 0 0 55%; width: 55%; }
    .pk-ts-right-fixed { width: 45%; }
    .pk-ts-circle { width: 250px; height: 250px; }
    .pk-ts-gold-bar { height: 38px; max-width: 600px; }
}

@media (max-width: 767px) {
    .pk-ts-sec { padding: 40px 0 !important; }
    .pk-ts-heading { padding: 0 20px; }
    .pk-ts-container { padding: 0 20px; }
    .pk-ts-row { flex-direction: column; text-align: center; min-height: auto; }
    .pk-ts-left-wrap { width: 100%; order: 2; }
    .pk-ts-card { padding: 20px; align-items: center; }
    .pk-ts-avatars { justify-content: center; padding: 20px 20px 0 20px; order: 2; }
    .pk-ts-arrows { justify-content: center; padding: 0 20px; order: 2; }
    .pk-ts-right-fixed { position: relative; width: 100%; height: 260px; order: 1; transform: none; top: 0; margin-bottom: 20px; }
    .pk-ts-gold-bar { left: 50%; width: 50%; max-width: none; }
    .pk-ts-footer { justify-content: center; text-align: left; }
    .pk-ts-heading h2 { font-size: 1.8rem; }
}


  .pk__cta-section {
    padding: 30px 113px !important;
    background-color: #EEEEEE !important;
  }
  .pk__cta-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    min-width: 0 !important;
    flex: 1 1 0 !important;
  }
  .pk__cta-title {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: block !important;
  }
  .pk__cta-desc {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: block !important;
  }

  @media (max-width: 1280px) {
    .pk__cta-section { padding: 28px 80px !important; }
  }
  @media (max-width: 1024px) {
    .pk__cta-section { padding: 24px 60px !important; }
  }
  @media (max-width: 900px) {
    .pk__cta-section { padding: 20px 40px !important; }
  }
  @media (max-width: 768px) {
    .pk__cta-section { padding: 18px 24px !important; }
    .pk__cta-card {
      flex-direction: column !important;
      align-items: stretch !important;
      gap: 16px !important;
    }
    .pk__cta-btn {
      width: 100% !important;
      text-align: center !important;
    }
  }
  @media (max-width: 480px) {
    .pk__cta-section { padding: 16px 16px !important; }
  }
  @media (max-width: 360px) {
    .pk__cta-section { padding: 14px 12px !important; }
  }


.pk-gallery-area {
    width: 100% !important;
    background: #EEEEEE !important;
    padding: 60px 0 !important;
}
.pk-gallery-wrap {
    width: calc(100% - 200px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}
.pk-gallery-heading {
    text-align: center;
    margin: 0 auto 40px auto;
}
.pk-gallery-heading h2 {
    font-size: 34px;
    color: #222;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
}
.pk-gallery-heading span {
    color: #e74c3c;
}
.pk-celeb-grid {
    display: grid;
    grid-template-columns: 1fr 1.05fr 1fr;
    gap: 20px;
    align-items: start;
}
.pk-celeb-side {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.pk-img-box {
    overflow: hidden;
    border-radius: 14px;
    width: 100%;
}
.pk-img-box img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 14px;
    transition: transform 0.5s ease;
}
.pk-img-box:hover img {
    transform: scale(1.04);
}
@media (max-width: 991px) {
    .pk-gallery-wrap {
        width: calc(100% - 80px) !important;
    }
}
@media (max-width: 767px) {
    .pk-gallery-wrap {
        width: calc(100% - 40px) !important;
    }
    .pk-celeb-grid {
        grid-template-columns: 1fr;
    }
    .pk-gallery-heading h2 {
        font-size: 1.8rem;
    }
}



    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { background: #fff; }

    .pk-section {
      background: #EFE6DE !important;
      width: 100% !important;
      padding: 60px 0 200px !important;
      box-sizing: border-box !important;
      position: relative !important;
    }

    /* 100px guaranteed — table approach */
    .pk-gap-table {
      width: 100% !important;
      border-collapse: collapse !important;
      table-layout: fixed !important;
    }
    .pk-gap-td-left {
      width: 100px !important;
      min-width: 100px !important;
      max-width: 100px !important;
      padding: 0 !important;
    }
    .pk-gap-td-right {
      width: 100px !important;
      min-width: 100px !important;
      max-width: 100px !important;
      padding: 0 !important;
    }
    .pk-gap-td-center {
      padding: 0 !important;
      vertical-align: top !important;
    }

    .pk-heading {
      font-family: 'Playfair Display', serif;
      font-weight: 700;
      font-size: 36px;
      color: #2c2c2c;
      margin: 0 0 10px 0;
      line-height: 1.3;
      text-align: center;
      background: none !important;
      background-color: transparent !important;
      padding: 0 !important;
      border: none !important;
      box-shadow: none !important;
    }
    .pk-heading span { color: #c0392b; }

    .pk-subtext {
      font-family: 'Poppins', sans-serif;
      font-weight: 400;
      font-size: 14px;
      color: #666;
      margin: 0 0 40px 0;
      line-height: 1.6;
      text-align: center;
    }

    .pk-steps {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
    }

    .pk-step {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      cursor: pointer;
    }

    .pk-step-top {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 18px;
      position: relative;
    }

    .pk-step-top::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      height: 1px;
      background: #b8972e;
      transform: translateY(-50%);
      z-index: 0;
    }
    .pk-step:first-child .pk-step-top::before { left: 50%; }
    .pk-step:last-child  .pk-step-top::before { right: 50%; }

    .pk-step-num {
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 13px;
      color: #b8972e;
      background: #EFE6DE;
      padding: 0 6px;
      position: relative;
      z-index: 1;
    }

    .pk-step-icon {
      width: 52px;
      height: 52px;
      object-fit: contain;
      margin-bottom: 16px;
      display: block;
      filter: brightness(0) saturate(100%) invert(58%) sepia(45%) saturate(500%) hue-rotate(5deg) brightness(95%);
      transition: transform 0.3s ease;
    }
    .pk-step:hover .pk-step-icon { transform: scale(1.1); }

    .pk-step-label {
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 14px;
      color: #2c2c2c;
      text-align: center;
      line-height: 1.4;
      padding: 0 4px;
    }

    /* ── Tooltip — fixed height sabke liye same ── */
    .pk-tooltip {
      display: none;
      position: absolute;
      top: calc(100% + 16px);
      background: #fff;
      border: 1px solid #e0d4c4;
      border-radius: 8px;
      padding: 16px 18px;
      width: 100%;
      height: 160px;
      font-family: 'Poppins', sans-serif;
      font-weight: 400;
      font-size: 12px;
      color: #444;
      line-height: 1.7;
      z-index: 10;
      box-shadow: 0 4px 20px rgba(0,0,0,0.08);
      overflow: hidden;
      box-sizing: border-box;
    }
    .pk-tooltip::before {
      content: '';
      position: absolute;
      top: -7px;
      width: 12px;
      height: 12px;
      background: #fff;
      border-left: 1px solid #e0d4c4;
      border-top: 1px solid #e0d4c4;
      transform: rotate(45deg);
    }

    body.no-touch .pk-step:hover .pk-tooltip { display: block; }
    body.is-touch .pk-step.active .pk-tooltip { display: block; }

    .pk-step:nth-child(1) .pk-tooltip { left: 0; right: auto; transform: none; }
    .pk-step:nth-child(1) .pk-tooltip::before { left: 28px; }

    .pk-step:nth-child(2) .pk-tooltip { left: 50%; transform: translateX(-50%); }
    .pk-step:nth-child(2) .pk-tooltip::before { left: 50%; margin-left: -6px; }

    .pk-step:nth-child(3) .pk-tooltip { left: 50%; transform: translateX(-50%); }
    .pk-step:nth-child(3) .pk-tooltip::before { left: 50%; margin-left: -6px; }

    .pk-step:nth-child(4) .pk-tooltip { left: auto; right: 0; transform: none; }
    .pk-step:nth-child(4) .pk-tooltip::before { left: auto; right: 28px; }

    .pk-step:nth-child(5) .pk-tooltip { left: auto; right: 0; transform: none; }
    .pk-step:nth-child(5) .pk-tooltip::before { left: auto; right: 28px; }

/* ===== TABLET ===== */
@media (min-width: 768px) and (max-width: 1366px) {
  .pk-section { 
    padding: 40px 0 40px !important; 
    overflow: visible !important;
  }
  
  .pk-gap-td-left, .pk-gap-td-right {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
  }
  .pk-heading { font-size: 26px; }
  .pk-step-icon { width: 38px; height: 38px; }
  .pk-step-label { font-size: 12px; }

  .pk-step:nth-child(1) .pk-tooltip,
  .pk-step:nth-child(2) .pk-tooltip,
  .pk-step:nth-child(3) .pk-tooltip,
  .pk-step:nth-child(4) .pk-tooltip,
  .pk-step:nth-child(5) .pk-tooltip {
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 160px !important;
    min-height: 160px !important;
    overflow-y: auto !important;
    margin-top: 10px !important;
    font-size: 11px !important;
    box-sizing: border-box !important;
  }

  .pk-step:nth-child(1) .pk-tooltip::before,
  .pk-step:nth-child(2) .pk-tooltip::before,
  .pk-step:nth-child(3) .pk-tooltip::before,
  .pk-step:nth-child(4) .pk-tooltip::before,
  .pk-step:nth-child(5) .pk-tooltip::before {
    display: none !important;
  }
}

/* iPad Mini fix */
@media (min-width: 768px) and (max-width: 800px) {
  .pk-step:nth-child(1) .pk-tooltip,
  .pk-step:nth-child(2) .pk-tooltip,
  .pk-step:nth-child(3) .pk-tooltip,
  .pk-step:nth-child(4) .pk-tooltip,
  .pk-step:nth-child(5) .pk-tooltip {
    height: 200px !important;
    min-height: 200px !important;
  }
}
/* ===== MOBILE ===== */
    @media (max-width: 600px) {
      .pk-section { padding: 36px 0 40px !important; }
      .pk-gap-td-left, .pk-gap-td-right {
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
      }
      .pk-heading { font-size: 20px; }
      .pk-subtext { font-size: 13px; margin-bottom: 28px; }

      .pk-steps {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        align-items: start;
      }
      .pk-step:nth-child(5) {
        grid-column: 1 / -1;
        max-width: 50%;
        margin: 0 auto;
      }
      .pk-step { flex: unset; width: 100%; cursor: pointer; }
      .pk-step-top::before { display: none; }

      .pk-step:nth-child(1) .pk-tooltip,
      .pk-step:nth-child(2) .pk-tooltip,
      .pk-step:nth-child(3) .pk-tooltip,
      .pk-step:nth-child(4) .pk-tooltip,
      .pk-step:nth-child(5) .pk-tooltip {
        position: static;
        transform: none;
        left: auto; right: auto; top: auto;
        width: 100%;
        height: 160px;
        margin-top: 10px;
        padding: 12px 10px;
        font-size: 11px;
        line-height: 1.6;
        border-radius: 8px;
        overflow-y: auto;
        box-shadow: 0 2px 12px rgba(0,0,0,0.08);
      }
      .pk-step:nth-child(1) .pk-tooltip::before,
      .pk-step:nth-child(2) .pk-tooltip::before,
      .pk-step:nth-child(3) .pk-tooltip::before,
      .pk-step:nth-child(4) .pk-tooltip::before,
      .pk-step:nth-child(5) .pk-tooltip::before { display: none; }

      body.is-touch .pk-step.active .pk-tooltip { display: block; }

      .pk-step-label::after { content: ' ↓'; font-size: 10px; color: #b8972e; font-weight: 400; }
      .pk-step.active .pk-step-label::after { content: ' ↑'; }
      .pk-step-icon { width: 40px; height: 40px; margin-bottom: 10px; }
      .pk-step-num  { font-size: 12px; }
      .pk-step-label { font-size: 12px; }
    }




  .consult-section {
    background: #EEEEEE;
    padding: 60px 100px 80px;
  }

  .consult-inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
  }

  .consult-heading {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 48px;
    color: #1a1a1a;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 60px;
  }

  .consult-heading span { color: #c0392b; }

  /* ============ LARGE DESKTOP (default, >1450px) - jaisa aapka original tha ============ */
  .consult-grid {
    display: grid;
    grid-template-columns: 1fr 778px;
    gap: 64px;
    align-items: stretch; /* center ki jagah stretch - top/bottom dono match karega */
  }

  .consult-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    padding: 0 !important;
    margin: 0 !important;
    height: 100%;
  }

  .consult-list li {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    color: #333 !important;
    line-height: 1.7 !important;
    padding-left: 20px !important;
    padding-right: 0 !important;
    position: relative !important;
    text-align: left !important;
    margin: 0 !important;
    list-style: none !important;
  }

  .consult-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #c0392b;
    font-size: 16px;
    top: 0;
  }

  .consult-image-wrap {
    width: 778px;
    height: 778px;
    max-width: 100%;
    border-radius: 16px;
    overflow: hidden;
    flex-shrink: 0;
  }

  .consult-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .consult-image-wrap:hover img { transform: scale(1.07); }

  /* ============ SMALL DESKTOP / TABLET LANDSCAPE (901px - 1450px) ============
     Ye range 1280x720, iPad Pro (1366), Surface Pro 7 (1368) sab ko cover karta hai.
     Yahan image fixed 778px nahi lega - dono column flexible 50-50 honge,
     list ko compact banaya taaki uski height image ke barabar fit ho jaye. */
  @media (max-width: 1450px) {
    .consult-section { padding: 55px 60px 70px; }
    .consult-grid {
      grid-template-columns: 1fr 1fr;

      gap: 40px;
      align-items: stretch;

    }


    .consult-heading { font-size: 38px; }

    .consult-image-wrap {
      width: 100%;
      height: 100%;
      aspect-ratio: 1 / 1; /* square rahega, crop nahi hogi kyunki isi ratio me hi fit hai */
    }

    .consult-list {
      gap: 0;
      justify-content: space-between; /* poori height evenly use hogi - top aur bottom dono match */
    }

    .consult-list li {
      font-size: 13.5px !important;
      line-height: 1.55 !important;
    }
  }





  /* TABLET 900px - stacked: image pehle, full width, koi side gap nahi */
  @media (max-width: 900px) {
    .consult-section { padding: 40px 0 50px; }
    .consult-inner { padding: 0 24px; }
    .consult-heading { font-size: 30px; margin-bottom: 36px; }
    .consult-list li { font-size: 14px !important; line-height: 1.7 !important; }
    .consult-grid {
      grid-template-columns: 1fr ;
      gap: 32px;
    }
    .consult-list {
      justify-content: flex-start;
      gap: 16px;
    }
    .consult-image-wrap {
      width: 100vw;
      max-width: 100vw;
      margin-left: calc(-50vw + 50%);
      height: auto;
      aspect-ratio: 16 / 10;
      border-radius: 0;
      order: -1; /* image pehle, content baad me - guaranteed */
    }
    .consult-list {
      padding: 0 24px !important;
      order: 1;
    }
  }

  /* MOBILE 600px - guaranteed: pehle IMAGE, uske baad CONTENT */
  @media (max-width: 600px) {
    .consult-section { padding: 32px 0 48px; }
    .consult-inner { padding: 0 16px; }
    .consult-heading { font-size: 22px; margin-bottom: 24px; }
    .consult-list { padding: 0 16px !important; gap: 12px; }
    .consult-list li { font-size: 13px !important; }
    .consult-grid {
      grid-template-columns: 1fr; /* stacked - side by side nahi */
      gap: 24px;
    }
    .consult-image-wrap {
      width: 100vw;
      max-width: 100vw;
      margin-left: calc(-50vw + 50%);
      height: auto;
      aspect-ratio: 4 / 3;
      border-radius: 0;
      order: -1; /* image sabse pehle - guaranteed */
    }
    .consult-list {
      order: 1; /* content image ke baad - guaranteed */
    }
  }


  .media-container {
    max-width: 1100px;
    margin: 0 auto 50px auto;
    text-align: center;
    padding: 0 20px;
  }

  .media-heading {
    font-family: 'Georgia', serif;
    font-size: 38px;
    color: #2b2b2b;
    margin-bottom: 20px;
    font-weight: normal;
  }

  .media-heading span.red-text {
    color: #e74c3c;
  }

  .media-paragraph {
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    color: #444;
    line-height: 1.8;
    text-align: center;
  }

  .media-paragraph a {
    color: #e74c3c;
    text-decoration: none;
    font-weight: bold;
  }
.videos-area {
  background: #EEEEEE !important;
  padding: 40px 0 !important;
}



.ps-platforms-section {
  background-color: #f8f3eb;
  padding: 80px 0;
  text-align: center;
  overflow: hidden;
  width: 100%;
}

.ps-platforms-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
}

.ps-platforms-heading {
  font-family: 'Playfair Display', serif !important;
  font-size: 40px;
  color: #2b2b2b;
  line-height: 1.3;
  margin-bottom: 20px;
  font-weight: 700;
}

.ps-platforms-heading .ps-red { color: #e74c3c; }

.ps-platforms-text {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px;
  color: #444;
  line-height: 1.8;
  max-width: 850px;
  margin: 0 auto 50px auto;
}

.ps-platforms-text a {
  color: #2b2b2b;
  font-weight: 600;
}

/* Slider viewport */
.ps-slider-viewport {
  overflow: hidden;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

/* Track holds all logo cards in a row */
.ps-logo-track {
  display: flex;
  align-items: center;
transition: transform 0.4s cubic-bezier(0.4,0,0.2,1);
  gap: 20px;
}

/* Every logo card — base size */
.ps-logo-card {
  flex-shrink: 0;
  background: #ffffff;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  transition: all 0.8s cubic-bezier(0.4,0,0.2,1);
  border: none;
  outline: none;
  width: 210px;
  height: 130px;
opacity: 1;

}

/* Active card: bigger, no border/rectangle, soft shadow only */
.ps-logo-card.ps-active {
  width: 240px;
  height: 150px;
  border: none;
  outline: none;
  opacity: 1;
  box-shadow: 0 8px 28px rgba(0,0,0,0.10);
}

.ps-logo-card img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

/* Dots */
.ps-dots-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
}

.ps-dot {
  width: 10px;
  height: 10px;
  background-color: #d1d1d1;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  padding: 0;
}

.ps-dot.ps-active {
  background-color: #6b0f1a;
  width: 30px;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .ps-platforms-heading { font-size: 28px; }
  .ps-logo-card { width: 160px; height: 110px; }
  .ps-logo-card.ps-active { width: 180px; height: 125px; }
}


@media (max-width: 768px) {
  .ps-platforms-heading { font-size: 28px; }
  .ps-logo-card { width: 160px; height: 110px; }
  .ps-logo-card.ps-active { width: 180px; height: 125px; }

  /* SIRF YEH ADD KARO */
  .ps-slider-viewport {
    max-width: 200px !important;
  }
}