.videos-slider{
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}
.videos-slider .videos-track{
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
}
.videos-slider .videos-track::-webkit-scrollbar{ height: 6px; }
.videos-slider .videos-track::-webkit-scrollbar-thumb{ background: rgba(255,255,255,0.3); border-radius: 4px; }
.videos-slider .video-col{
    flex: 0 0 auto;
    width: 320px;
    scroll-snap-align: start;
}
.video-slider-arrow{
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.3);
    background: rgba(0,0,0,0.4);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}
.video-slider-arrow:hover{ background: rgba(255,255,255,0.15); }

/* --- overflow / height fixes so "View more on Instagram" link is never clipped --- */
.video-col {
    height: auto;
    overflow: visible;
}

.video-card {
    height: auto;
    overflow: visible;
}

.video-frame-wrap.ratio {
    height: auto;
    min-height: 0;
    overflow: visible;
}

/* Instagram embed apni height khud set karta hai iframe load hone ke baad */
.video-frame-wrap iframe {
    height: 452px;
    min-height: 400px;
}

.video-frame-instagram,
.video-frame-instagram iframe,
.video-frame-instagram .instagram-media,
.video-lazy-thumb-ig {
    height: 452px !important;
    overflow: visible !important;
}

.video-frame-instagram blockquote.instagram-media {
    margin: 0 auto !important;
}

@media (max-width: 767px){
    .videos-slider .video-col{ width: 260px; }
    .video-slider-arrow{ width: 36px; height: 36px; }
}
/* ===== HERO SECTION CENTER FIX (FORCE) ===== */
.mb-section {
    text-align: center !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.mb-section .hero-title,
.mb-section .hero-subtitle {
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    position: static !important;
    left: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.mb-section .btn-wrapper {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.mb-section .big-text-wrapper {
    text-align: center !important;
    width: 100% !important;
}
/* Instagram embed wrapper - fixed height + overflow hidden to clip "View more on Instagram" link */
.video-frame-instagram {
    height: 400px !important;   /* iframe ki normal height se kam rakho */
    max-height: 400px !important;
    overflow: hidden !important;
    position: relative;
}

.video-frame-instagram iframe {
    height: 452px !important;   /* iframe apni original height me hi render ho */
}
.hero-title {
  text-align: center;
  display: block;
  width: 100%;
}

/* ===== FINAL FORCE FIX FOR HERO HEADING CENTER ===== */
.hero-area .mb-section,
.hero-area .award-wrapper,
.hero-area .text-center {
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.hero-area h1.hero-title,
.hero-area h2.hero-subtitle {
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
    display: block !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

/* ===== SERVICES EXPLORER (home) ===== */
.service-area-service-page{background:#fff;padding:80px 0}
.service-area-service-page .section-title,
.service-area-service-page .section-title span:not(.highlighted){color:#111 !important}
.service-area-service-page .section-subtitle{color:#fe6100 !important}
.service-area-service-page .info-text{color:#111 !important}

.svx-wrap{display:grid;grid-template-columns:340px 1fr;background:#fff;border:0;border-radius:24px;overflow:hidden;color:#111;text-align:left}
.svx-list{max-height:820px;overflow-y:auto;border:0;scrollbar-width:thin;scrollbar-color:#fe6100 transparent;padding-right:8px}
.svx-item{display:flex;align-items:center;gap:18px;height:112px;padding:0 24px;border:0;border-radius:14px;margin-bottom:6px;cursor:pointer;background:transparent;transition:background .2s;box-shadow:inset 3px 0 0 transparent}
.svx-item:hover{background:rgba(0,0,0,.05)}
.svx-item .svx-no{font-weight:700;font-size:15px;color:rgba(0,0,0,.4);min-width:24px;flex-shrink:0}
.svx-item .svx-txt{min-width:0}
.svx-item .svx-name{font-size:19px;font-weight:600;color:#111;margin:0 0 4px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.svx-item .svx-sub{font-size:14.5px;color:rgba(0,0,0,.6);margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.svx-item .svx-arrow{margin-left:auto;opacity:0;color:#fe6100}
.svx-item.active{background:rgba(254,97,0,.10);box-shadow:inset 3px 0 0 #fe6100}
.svx-item.active .svx-no,.svx-item.active .svx-name{color:#fe6100}
.svx-item.active .svx-arrow{opacity:1}
.svx-item .svx-link{color:inherit;text-decoration:none}
.svx-panel{display:none;padding:24px 24px 24px 40px}
.svx-panel.active{display:block}
.svx-head{display:flex;gap:36px;align-items:center;padding-bottom:36px;border:0}
.svx-head img{width:275px;height:188px;object-fit:cover;border-radius:16px;flex-shrink:0}
.svx-head .svx-no{color:#fe6100;font-weight:700;font-size:15px}
.svx-head h3{font-size:42px;font-weight:700;line-height:1.1;margin:6px 0 14px;color:#111}
.svx-head p{font-size:19px;color:rgba(0,0,0,.7);line-height:1.5;margin:0 0 20px;max-width:560px}
.svx-btn{display:inline-block;padding:14px 26px;border:1.5px solid #fe6100;border-radius:50px;color:#fe6100;font-weight:600;text-decoration:none;transition:.2s}
.svx-btn:hover{background:#fe6100;color:#fff}
.svx-inc-title{margin:8px 0 18px;font-size:15px;font-weight:700;color:rgba(0,0,0,.8);letter-spacing:.04em}
.svx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.svx-card{display:flex;flex-direction:column;height:100%;border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;background:#f6f6f8;text-decoration:none;color:inherit;transition:transform .2s,background .2s,box-shadow .2s}
a.svx-card:hover{transform:translateY(-3px);background:rgba(254,97,0,.08);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.svx-card img{width:100%;height:170px;object-fit:cover;display:block;flex-shrink:0}
.svx-card .svx-cb{padding:18px 20px 22px;flex:1}
.svx-card h4{font-size:18px;font-weight:600;margin:0 0 8px;color:#111;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.svx-card p{font-size:15px;color:rgba(0,0,0,.65);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.svx-empty{color:rgba(0,0,0,.55);font-size:15px}
@media(max-width:1199px){.svx-cards{grid-template-columns:repeat(2,1fr)}.svx-head h3{font-size:34px}}
@media(max-width:991px){
  .service-area-service-page{padding:24px 0 !important}
  .service-area-service-page .section-title{line-height:1.2 !important;font-size:28px !important}
  .svx-wrap{grid-template-columns:1fr !important;border-radius:0 !important;display:block !important}
  .svx-list{max-height:none !important;overflow:visible !important;padding:0 !important;display:block}
  .svx-item{height:auto !important;min-height:47px;padding:14px 18px 14px 16px !important;margin:0 !important;border-radius:0 !important;gap:14px !important;border-bottom:1px solid #e6e6e6 !important;background:#fff !important;box-shadow:none !important}
  .svx-item:hover{background:#fff !important}
  .svx-item .svx-no{font-size:10px !important;min-width:18px;color:#9a9a9a !important;font-weight:600}
  .svx-item .svx-name{font-size:14px !important;font-weight:600 !important;line-height:1.3 !important;margin:0 !important;color:#111 !important;text-transform:none !important}
  .svx-item .svx-sub{display:none !important}
  .svx-item .svx-arrow{font-size:0 !important;opacity:1 !important;margin-left:auto;width:12px;height:12px;position:relative;flex-shrink:0}
  .svx-item .svx-arrow::after{content:"";position:absolute;left:2px;top:1px;width:6px;height:6px;border-right:1.5px solid #666;border-bottom:1.5px solid #666;transform:rotate(45deg);transition:transform .2s}
  .svx-item.active{background:#fff0eb !important;border-bottom:0 !important;box-shadow:inset 3px 0 0 #fe6100 !important}
  .svx-item.active .svx-no,.svx-item.active .svx-name{color:#fe6100 !important}
  .svx-item.active .svx-arrow::after{border-color:#fe6100;transform:rotate(-135deg);top:4px}
  .svx-panel{padding:0 16px 18px 16px !important;background:#fff0eb;box-shadow:inset 3px 0 0 #fe6100;border-bottom:1px solid #e6e6e6}
  .svx-head{display:block !important;padding:0 0 14px !important}
  .svx-head img,.svx-head h3,.svx-head .svx-no{display:none !important}
  .svx-head p{font-size:13px !important;line-height:1.5 !important;color:#555 !important;margin:0 0 12px !important;max-width:none !important;padding-left:2px}
  .svx-btn{padding:7px 14px !important;font-size:12px !important;font-weight:600;border-width:1px !important}
  .svx-inc-title{font-size:10px !important;letter-spacing:.06em;margin:6px 0 12px !important;color:#555 !important}
  .svx-cards{grid-template-columns:repeat(2,1fr) !important;gap:10px !important;align-items:start !important}
  .svx-card{height:auto !important;border-radius:10px !important;background:#fff !important;border:1px solid rgba(0,0,0,.06) !important;box-shadow:0 1px 3px rgba(0,0,0,.04)}
  a.svx-card:hover{transform:none;background:#fff !important;box-shadow:0 1px 3px rgba(0,0,0,.04)}
  .svx-card img{height:74px !important;width:100%;object-fit:cover}
  .svx-card .svx-cb{padding:9px 9px 11px !important}
  .svx-card h4{font-size:11px !important;font-weight:700 !important;min-height:0 !important;margin:0 0 3px !important;line-height:1.3 !important;-webkit-line-clamp:2}
  .svx-card p{font-size:9.5px !important;line-height:1.35 !important;color:#5b6b85 !important;-webkit-line-clamp:2 !important}
  .svx-empty{font-size:12px}
}
@media(max-width:575px){.svx-cards{grid-template-columns:1fr}}