:root{
    --luxbc-bg-dark:#0b0c10;
    --luxbc-gold:red;
    --luxbc-gold-2:#f2dea6;
    --luxbc-ink:#f5f7fb;
    --luxbc-glass: rgba(255,255,255,.10);
    --luxbc-stroke: rgba(255,255,255,.25);
  }

  /* Section skeleton */
  #luxbc-banner{
    min-height: 60vh;
    display:grid; place-items:center;
    color: var(--luxbc-ink);
    overflow:hidden;
    background: #0e0f14;
  }

  /* Video fills */
  .luxbc-video{
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover; object-position:center;
    filter: saturate(1.05) contrast(1.06);
    z-index:0;
  }

  /* Gold gradient wash + diagonal sheen */
  .luxbc-gradient{
    position:absolute; inset:0; z-index:1;
    background:
      linear-gradient(130deg, rgba(0,0,0,.65) 10%, rgba(0,0,0,.55) 40%, rgba(0,0,0,.65) 100%),
      radial-gradient(700px 400px at 15% 10%, rgba(212,182,101,.28), transparent 60%),
      radial-gradient(700px 400px at 85% 90%, rgba(242,222,166,.18), transparent 60%);
    pointer-events:none;
  }
  .luxbc-vignette{
    position:absolute; inset:-10%;
    background: radial-gradient(80% 80% at 50% 50%, transparent 60%, rgba(0,0,0,.55) 100%);
    z-index:1; pointer-events:none;
  }

  /* Corner ornaments (thin luxury strokes) */
  .luxbc-ornament{
    position:absolute; width:120px; height:120px; z-index:2; opacity:.65;
  }
  .luxbc-ornament--tl{ top:12px; left:12px; }
  .luxbc-ornament--br{ right:12px; bottom:12px; transform: rotate(180deg); }

  .luxbc-ornament::before,
  .luxbc-ornament::after{
    content:""; position:absolute; background:linear-gradient(90deg, var(--luxbc-gold), var(--luxbc-gold-2));
  }
  .luxbc-ornament::before{ width:110px; height:2px; top:0; left:0; border-radius:2px; }
  .luxbc-ornament::after{ width:2px; height:110px; top:0; left:0; border-radius:2px; }

  /* Content */
  .luxbc-content{ z-index:3; padding:3.2rem 0; }
  .luxbc-title{
    font-family:monospace;
    font-weight:700;
    font-size: 30px;
    letter-spacing:.3px;
    position:relative; display:inline-block;
  }
  .luxbc-underline{
    position:absolute; left:10%; right:10%; bottom:-10px; height:4px;
    background: linear-gradient(90deg, var(--luxbc-gold), var(--luxbc-gold-2));
    border-radius:2px;
    transform-origin:left; transform: scaleX(0);
    animation: luxbc-underline-in .9s .25s ease-out forwards;
  }
  @keyframes luxbc-underline-in{ to{ transform: scaleX(1); } }

  .luxbc-subtitle{
    color:#e9ecf3; opacity:.9;
    font-size: clamp(14px, 2.2vw, 18px);
    max-width: 820px; margin-inline:auto;
  }

  /* Glass breadcrumb */
  .luxbc-breadcrumb{
    --bs-breadcrumb-divider: '›';
    background: var(--luxbc-glass);
    backdrop-filter: blur(8px) saturate(120%);
    -webkit-backdrop-filter: blur(8px) saturate(120%);
    border:1px solid var(--luxbc-stroke);
    border-radius: 999px;
    display:inline-flex; padding:.55rem 1rem;
    gap:.35rem;
  }
  .luxbc-crumb-link{
    color:#f7f7fb; text-decoration:none; font-weight:600; opacity:.92;
    display:inline-flex; align-items:center; gap:.45rem;
    padding:.25rem .65rem; border-radius:999px;
  }
  .luxbc-crumb-link:hover{ color:#fff; background: rgba(255,255,255,.08); }
  .luxbc-crumb-link.active{ color:#fff; background: red; }
  .luxbc-crumb-dot{
    width:8px; height:8px; border-radius:50%;
    background: orange;
    box-shadow: 0 0 0 2px rgba(212,182,101,.25);
  }

  /* Responsive tweaks */
  @media (max-width: 575.98px){
    #luxbc-banner{ min-height: 42vh;margin-top: 50px !important; }
    .luxbc-content{ padding: 2.2rem 0; }
  }

  /* Accessibility: respect reduced motion */
  @media (prefers-reduced-motion: reduce){
    .luxbc-video{ animation:none; }
    .luxbc-underline{ animation:none; transform: scaleX(1); }
  }

/* bannner end --------------------------------------------------------------- */



/* <!-- web development servies start ----------------------------------- --> */



/* Namespace: rhQ7- */
.rhQ7-section{ background:#fff; }

/* Typography */
.rhQ7-title{
  font-weight:700;
  line-height:1.05;
  letter-spacing:-0.02em;
  font-size:35px;
  color:#111;
}
.rhQ7-lead{ color:#333; font-size:clamp(14px, 1.8vw, 18px); }
.rhQ7-small{ color:#6b7280; font-size:clamp(13px, 1.6vw, 16px); }

/* Buttons */
.rhQ7-btnPrimary{
  background:#111; color:#fff; padding:.7rem 1.15rem; border-radius:14px;
  box-shadow:0 6px 18px rgba(17,17,17,.12);
}
.rhQ7-btnPrimary:hover{ background:red; color:#fff; transform:translateY(-1px); }
.rhQ7-btnGhost{
  background:#fff; border:1px solid #e5e7eb; color:#111; padding:.7rem 1.15rem; border-radius:14px;
}
.rhQ7-btnGhost:hover{ border-color:#d1d5db; background:#f9fafb; }

/* Media Grid */
.rhQ7-mediaGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap:16px;
}
.rhQ7-mediaGrid .rhQ7-media:nth-child(3){ grid-column:1 / -1; } /* large item spans both */

/* Media items */
.rhQ7-media{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  background:#f2f3f5;
  border:1px solid #eceff3;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
}
.rhQ7-cover{ width:100%; height:100%; object-fit:cover; border-radius:inherit; }

/* Hover polish */
.rhQ7-img:hover{ transform:translateY(-2px); box-shadow:0 16px 32px rgba(0,0,0,.09); }
.rhQ7-img{ transition:transform .25s ease, box-shadow .25s ease; }

/* Video play overlay */
.rhQ7-video{ cursor:pointer; }
.rhQ7-playBtn{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center; gap:.6rem;
  pointer-events:none;
}
.rhQ7-playBg{ fill:#ffffff; opacity:.9; }
.rhQ7-playTri{ fill:#111; }
.rhQ7-playText{
  color:#fff; font-weight:600; position:absolute; bottom:14px; left:16px;
  background:rgba(0,0,0,.45); padding:.35rem .6rem; border-radius:999px; font-size:.9rem;
}
/* Subtle shine on hover for media */
.rhQ7-media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(120deg, rgba(0,0,0,0), rgba(255,255,255,.22), rgba(0,0,0,0));
  transform:translateX(-120%) skewX(-18deg);
  transition:transform .8s ease;
  pointer-events:none;
}
.rhQ7-media:hover::after{ transform:translateX(120%) skewX(-18deg); }

@media (max-width: 991.98px){
  .rhQ7-mediaGrid{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 575.98px){
  .rhQ7-mediaGrid{ grid-template-columns:1fr; }
  .rhQ7-mediaGrid .rhQ7-media:nth-child(3){ grid-column:auto; }
}


/* <!-- web development servies end ----------------------------------- --> */



/* process section start ------------------------------------------------------ */


    /* ✅ Unique Section Styles */
    #sachin-hero-section {
      padding: 60px 0;
      background-color: white;
      margin: auto;
    }

    .sachin-heading {
      font-size: 2rem;
      font-weight: 700;
      color: #0f172a;
      text-align: left;
      margin-bottom: 24px;
    }

    .sachin-image {
      width: 100%;
      max-width: 1152px;
      height: auto;
      display: block;
      border-radius: 16px;
      transition: transform 0.4s ease;
    }

    .sachin-image:hover {
      transform: scale(1.02);
    }

    @media (max-width: 768px) {
      .sachin-heading {
        font-size: 1.6rem;
        text-align: center;
      }
    }
  

/* process section end --------------------------------------------------------- */



/* cta section start -------------------------------------------------- */


/* ===== Same Base Styles from Your Original Section ===== */
  #whyChooseUs {
    position: relative;
    background: url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=2000&q=80') center/cover no-repeat fixed;
    padding: 80px 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Dark Overlay (unchanged) */
  #whyChooseUs::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.88) 0%, rgba(118, 75, 162, 0.88) 100%);
    z-index: 1;
  }

  /* Content */
  .content-wrapper {
    position: relative;
    z-index: 2;
    color: #fff;
  }

  #whyChooseUs h2 {
    font-weight: 800;
    font-size: 2.5rem;
    margin-bottom: 15px;
    line-height: 1.2;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  }

  #whyChooseUs p {
    font-size: 1rem;
    margin-bottom: 25px;
    opacity: 0.95;
    line-height: 1.6;
  }

  .btn-orange {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    color: #fff;
    border-radius: 50px;
    padding: 15px 35px;
    border: none;
    font-weight: 600;
    font-size: 1rem;
    box-shadow: 0 8px 20px rgba(255, 107, 53, 0.4);
    transition: all 0.3s ease;
    cursor: pointer;
  }

  .btn-orange:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(255, 107, 53, 0.5);
  }

  @media (max-width: 768px) {
    #whyChooseUs h2 {
      font-size: 2rem;
    }
    #whyChooseUs {
      padding: 60px 0;
    }
  }





/* faq sectrion start -------------------------------------------------------- */

  .faq-luxury {
    background-color: #fff;
      padding: 90px 0;
      position: relative;
      overflow: hidden;
    }

    /* Decorative Glow Circle Background */
    .faq-luxury::before {
      content: "";
      position: absolute;
      width: 300px;
      height: 300px;
      background: radial-gradient(circle, rgba(22, 125, 243, 0.25) 0%, transparent 70%);
      top: -50px;
      right: -80px;
      border-radius: 50%;
      z-index: 0;
    }

    .faq-luxury .container {
      position: relative;
      z-index: 1;
    }

    /* Left Side Image */
    .faq-luxury img {
      border-radius: 18px;
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
      transition: all 0.5s ease;
      height: 600px;
    }
    .faq-luxury img:hover {
      transform: scale(1.03);
      box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2);
    }

    /* Section Headings */
    .faq-luxury .section-subtitle {
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 1.5px;
      color: #888;
      text-transform: uppercase;
    }

    .faq-luxury .section-title {
      font-size: 35px;
      font-weight: 800;
      color: #0b0b0b;
      text-shadow: 0 1px 1px rgba(0,0,0,0.1);
      margin-bottom: 12px;
    }

    .faq-luxury .section-title span {
      color: red;
    }

    .faq-luxury .desc {
      color: #555;
      font-size: 15.5px;
      max-width: 520px;
    }

    /* FAQ Cards */
    .faq-luxury .faq-card {
      background: #ffffff;
      border-radius: 16px;
      padding: 18px 22px;
      margin-bottom: 15px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      cursor: pointer;
      border: 1px solid rgba(230, 184, 0, 0.2);
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
      transition: all 0.4s ease;
    }

    .faq-luxury .faq-card:hover {
      box-shadow: 0 8px 25px rgba(230, 184, 0, 0.25);
      transform: translateY(-3px);
      border-color: red;
    }

    .faq-luxury .faq-question {
      font-size: 17px;
      font-weight: 600;
      color: #111;
      margin-bottom: 0;
    }

    .faq-luxury .faq-answer {
      display: none;
      margin-top: 8px;
      color: #666;
      line-height: 1.6;
      font-size: 15px;
      animation: fadeIn 0.4s ease;
    }

    /* Gold Icon Button */
    .faq-luxury .faq-icon {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: linear-gradient(135deg, red 0%, red 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 20px;
      box-shadow: inset 0 1px 2px rgba(255,255,255,0.8), 0 2px 4px rgba(0,0,0,0.2);
      transition: transform 0.4s ease;
      flex-shrink: 0;
    }

    .faq-luxury .faq-card.active .faq-icon {
      transform: rotate(180deg);
    }

    .faq-luxury .faq-card.active .faq-answer {
      display: block;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-5px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* Responsive */
    @media (max-width: 767px) {
      .faq-luxury {
        padding: 60px 15px;
      }
      .faq-luxury .section-title {
        font-size: 30px;
      }
      .faq-luxury img {
        margin-bottom: 25px;
        height: auto;
      }
    }