/* Helvetica Neue - Medium */
@font-face { font-family:'HelveticaNeueLTPro'; src:url('fonts/HelveticaNeueLTProBd.otf') format('opentype'); font-weight:500; font-style:normal; font-display:swap; }

/* Helvetica Neue - Bold */
@font-face { font-family:'HelveticaNeueLTPro'; src:url('fonts/HelveticaNeueLTProBd.otf') format('opentype'); font-weight:700; font-style:normal; font-display:swap; }

/* Helvetica Neue - Black */
@font-face { font-family:'HelveticaNeueLTPro'; src:url('fonts/HelveticaNeueLTProBlk.otf') format('opentype'); font-weight:900; font-style:normal; font-display:swap; }

/* Helvetica Neue LT Pro - Thin */
@font-face { font-family:'HelveticaNeueLTPro'; src:url('fonts/HelveticaNeueLTProTh.otf') format('opentype'); font-weight:100; font-style:normal; font-display:swap; }

/* Helvetica Neue LT Pro - Light */
@font-face { font-family:'HelveticaNeueLTPro'; src:url('fonts/HelveticaNeueLTProLt.otf') format('opentype'); font-weight:300; font-style:normal; font-display:swap; }
/* BASE SECTION */
.grid-section { position:relative; overflow:hidden; min-height:100vh; background:#0f0f0f; color:#fff; }

/* DARK OVERLAY */
.grid-section::before { content:""; position:absolute; inset:0; background:rgb(10 10 10 / 1); backdrop-filter:blur(2px); z-index:1; }

/* BLUEPRINT GRID */
.grid-section::after { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background-image:linear-gradient(rgb(255 255 255 / 22%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 13%) 1px, transparent 1px), linear-gradient(rgb(255 255 255 / 8%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 8%) 1px, transparent 1px); background-size:80px 80px, 80px 80px, 20px 20px, 20px 20px; opacity:.35; animation:gridFade 2s ease forwards; }

/* CONTENT ABOVE EVERYTHING */
.grid-section > * { position:relative; z-index:3; }

/* ANIMATION */
@keyframes gridFade { from { opacity:0; } to { opacity:.35; } }
@media screen and (max-width:767px){ .grid-section { min-height:55vh !important; } }

.headtxt, .headtxt h1, .headtxt h2, .headtxt h3 { font-family:'HelveticaNeueLTPro', sans-serif !important; }

@media screen and (max-width:767px){
  header.mainHeader .e-con-inner { display:flex; }
  header.mainHeader .e-con-inner .elementor-element:nth-child(1) { width:80%; }
  header.mainHeader .e-con-inner .elementor-element:nth-child(2) { width:20%; }
  .headtxt.years h2 span sub {font-size: 14px !important;}
}

@media screen and (max-width:1024px){
  div#ekit-megamenu-main-header { height:100vh !important; }
  .mainMenu ul#menu-main-header li.current_page_item:after { bottom:42% !important; left:5px !important; }
}
html {
    margin-top: 0px !important;
}

.mainMenu ul#menu-main-header li.current_page_item:after { content:''; position:absolute; bottom:-4px; left:48%; width:5px; height:5px; background:#000; border-radius:50%; }

.footerMenu ul#menu-main-footer li { width:100%; }

.footerMenu ul#menu-main-footer li:hover>a { width:100%; text-align:start; padding-left:18%; border-radius:6px; }

.footerMenu ul#menu-main-footer li>a { transition:all .7s ease; }

span.thin { font-weight:200; }

span.dark { color:#000; }

.headtxt.years h2 span sub { font-size:2vw; }

.contactList ul li p.eael-feature-list-content a { color:#fff !important; }

/* .sliderImage.sliderLtr .elementor-image-carousel.swiper-wrapper { gap:20px; } */

.sliderImage.sliderLtr .elementor-image-carousel.swiper-wrapper .swiper-slide { background-color:#d2d2d2; border-radius:10px; height:6.4rem; margin:10px; align-content:center; }

.sliderImage.sliderLtr .elementor-image-carousel.swiper-wrapper .swiper-slide figure { width:70%; justify-self:center; }

.kx-project-container { width:60%; margin:5% auto; padding:0 16px; max-width:95%; transition:transform .3s ease, opacity .3s ease, filter .3s ease; will-change:transform, opacity, filter; }

/* default inactive */
.kx-project-container.inactive { transform:scale(.92); opacity:.5; filter:blur(2px); }

/* active */
.kx-project-container.active { transform:scale(1); opacity:1; filter:blur(0); z-index:5; position:relative; }

.kx-project-image { height:clamp(300px, 55vh, 650px); background-size:cover; background-position:center; position:relative; overflow:hidden; }

.kx-project-image { transition:border-radius .2s linear, transform .5s ease;  }

.kx-project-overlay { position:absolute; top:50%; left:5%; transform:translateY(-50%); max-width:90%; color:#fff; justify-self:anchor-center; }

a.kx-project-link { text-decoration:none; display:flex; align-items:center; gap:6px; font-family:"Open Sans", sans-serif; color:#666 !important; }

a.kx-project-link span { color:#fff; background:#000; border-radius:50%; padding:2px; display:flex; width:1.4rem; height:1.4rem; align-items:center; justify-content:center; font-size:1rem; }

.kx-project-title { font-family:'HelveticaNeueLTPro' !important; font-size:clamp(20px, 5vw, 80px); font-weight:700; line-height:1.1; word-break:break-word; color:#fff; }

.kx-project-container.active .kx-project-image { transform:scale(1.03); }

.kx-project-title span { position:relative; z-index:2; color:#000; }

@keyframes slamOverlay {
  0% { transform:translateX(-100%); }
  60% { transform:translateX(0%); }
  100% { transform:translateX(100%); }
}

.kx-project-title span { font-weight:200; }

.kx-project-footer { display:flex; justify-content:space-between; margin-top:18px; font-size:clamp(14px, 1vw, 18px); font-family:"Open Sans",sans-serif!important; gap:20px; flex-wrap:wrap; align-items:center; }

@media (max-width: 768px) {
	.kx-project-footer > * { flex:1 1 100%; text-align:center; }
}
.kx-project-link { text-decoration:none; color:#666; display:flex; align-items:center; gap:8px; }

.kx-project-link span { background:#000; color:#fff; border-radius:50%; width:24px; height:24px; display:flex; align-items:center; justify-content:center; }

.kx-project-category { color:#666; }

.kx-project-desc { display:flex; align-items:center; gap:14px; justify-content:space-between; }

.kx-project-desc span { color:#6b6666; font-size:1.2rem; }

.kx-project-completion-year, .kx-project-area { font-size:2.3vw; }

.imageGrid div#gallery-1 { display:flex; flex-wrap:wrap; justify-content:center; }

.imageGrid figure.gallery-item { display:flex; align-content:center; }

.imageGrid div#gallery-1 figure.gallery-item img { width:80%; }

.contactList ul.eael-feature-list-items li.eael-feature-list-item .eael-feature-list-content-box { display:flex; gap:10px; }

.contactList ul.eael-feature-list-items li.eael-feature-list-item .eael-feature-list-icon-box { display:none; }

.contactList h2.eael-feature-list-title { padding-top:6px; line-height:normal; }

.contactList ul.eael-feature-list-items li.eael-feature-list-item a { text-decoration:none !important; }

.contactForm p{display:flex;gap:10px;flex-direction:column;flex-wrap:wrap}

.contactForm p span{width:80%;margin:0 auto}

.contactForm input.wpcf7-form-control,.contactForm textarea.wpcf7-form-control{border:none;border-bottom:1px solid #777; outline:none; background:transparent; resize:none; color: #fff;}
.contactForm input[type=submit]{background:#808584;color:#000;border-radius:3px;width:80%;margin:20px auto 0;display:block;border:none; cursor:pointer;transition:.3s ease;font-weight:500}
.contactForm input[type=submit]:hover{background:#fff;color:#000;transform:translateY(-2px)}

section.grid-section.contactFormSection { min-height:auto !important; }


 
@media screen and (max-width:480px){
  .contactForm p { grid-template-columns:1fr !important; }
}
	
/* **************** Contact Page section starts **************** */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&family=Inter:wght@300;400;500&display=swap');

.lux-parallax { position:relative; min-height:80vh; background-attachment:fixed; display:flex; align-items:center; padding:60px 7%; color:#fff; overflow:hidden; font-family:'Inter', sans-serif; }

/* DARK MATTE */
.overlay { position:absolute; inset:0; background:#000; backdrop-filter:blur(2px); z-index:1; }

/* BLUEPRINT GRID */
.grid-overlay { position:absolute; inset:0; z-index:2; pointer-events:none; background-image:linear-gradient(rgb(255 255 255 / 23%) 1px, #fffcfc1a 1px), linear-gradient(90deg, rgb(187 169 169 / 24%) 1px, transparent 1px); background-size:80px 80px; opacity:0; animation:gridFade 2s ease forwards; }

.grid-overlay::after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size:20px 20px; }


/* CONTENT */
.lux-content { position:relative; z-index:3; display:flex; justify-content:space-between; gap:80px; width:100%; }

/* LEFT */
.lux-left { max-width:600px; animation:fadeUp 1.2s ease forwards; }

.lux-left h2 { font-family:'Playfair Display', sans-serif; font-size:clamp(32px, 5vw, 58px); margin-bottom:10px; line-height:1.2; }

.lux-lead { font-size:clamp(14px, 2vw, 16px); color:#ddd; margin-bottom:10vh; }

.contactBtn { color:#fff; margin-bottom:6px; padding:.6rem 2rem; border:1px solid #fff; font-size:clamp(14px, 2vw, 16px); display: inline-block;}

.contactBtn:hover { background:#fff; color:#000000; }

.lux-line { width:60px; height:1px; background:#aaa; margin-bottom:40px; transition:.6s; }

.lux-left:hover .lux-line { width:120px; }

.lux-desc { font-size:clamp(14px, 2vw, 18px); color:#bbb; line-height:1.7; }

/* GLASS PANEL */
.glass { background:rgb(255 255 255 / .05); border:1px solid rgb(255 255 255 / .1); backdrop-filter:blur(12px); padding:40px; border-radius:10px; max-width:400px; animation:fadeUp 1.4s ease forwards; width:100%; }

/* CONTACT */
.lux-contact { margin-bottom:25px; }

.lux-contact span { font-size:11px; letter-spacing:2px; color:#aaa; text-transform:uppercase; }

.lux-contact a,
.lux-contact p { display:block; margin-top:6px; font-size:clamp(14px, 2vw, 18px); color:#fff; text-decoration:none; transition:.3s; }

.lux-contact a:hover { color:#d8d3d3; transform:translateX(6px); }

/* ANIMATIONS */
@keyframes fadeUp {
  from { opacity:0; transform:translateY(60px); }
  to { opacity:1; transform:translateY(0); }
}

@keyframes gridFade {
  to { opacity:.4; }
}

/* MOBILE */
@media (max-width:768px){
  .lux-parallax { background-attachment:scroll; }
  .lux-content { flex-direction:column; }
  .lux-left h2 { font-size:40px; }
}

/* **************** Contact Page section Ends **************** */

/* .project-row.level-3 .project-item:nth-child(2) { margin-top:6vh; }

.project-row.level-3 .project-item:nth-child(3) { margin-top:16vh; } */

.project-row.level-2 .project-item:nth-child(2) { height:90%; }

.sliderImage .swiper-wrapper { transition-timing-function:linear !important; }

.sliderImage > .swiper > .swiper-wrapper > .swiper-slide { opacity:.8; transition:.3s; }

.sliderImage > .swiper > .swiper-wrapper > .swiper-slide:hover { opacity:1; }

.counterBox .elementor-counter-title { text-align:center; font-family:'HelveticaNeueLTPro' !important; min-height:4rem; align-items:self-start; }

/* *******Project Convesation Home******* */



/* *******Project Convesation Home Ends ******* */

.projects-container:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.6)); }

header.mainHeader { position:fixed; top:0; left:0; width:100%; z-index:999; will-change:transform; }

header.mainHeader.scrolled { background-color:#fff !important;}

header.mainHeader.scrolled .logo img { filter:invert(1); }

header.mainHeader.scrolled #menu-main-header li a { color:#000 !important; }

header.mainHeader.scrolled #menu-main-header li a.active,
header.mainHeader.scrolled #menu-main-header li.current_page_item.active:after { color:#4c4c4c !important; }

.stats-cinematic { position:relative; min-height:100vh; color:white; display:flex; align-items:center; justify-content:center; overflow:hidden; background-size:120%; }

.stats-inner { width:80%; text-align:center; }

.stats-heading { font-size:clamp(26px, 4vw, 60px); margin-bottom:clamp(40px, 6vw, 70px); margin-top:clamp(30px, 5vw, 50px); }

.stats-display { position:relative; height:300px; display:flex; justify-content:space-around; align-items:center; }

.stat { position:relative; width:200px; text-align:center; opacity:0; cursor:default; transform:translateY(50px) scale(.6); }

.bubble { width:clamp(140px, 18vw, 220px); height:clamp(140px, 18vw, 220px); margin:0 auto; border-radius:50%; background:rgba(255,255,255,.1); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; box-shadow:0 0 20px rgba(255,255,255,.15); }

.big-number { font-size:clamp(40px, 7vw, 120px); font-weight:700; line-height:1; letter-spacing:-2px; user-select:none; }

.stat p { margin-top:clamp(12px, 1.5vw, 20px); font-size:clamp(13px, 1vw, 16px); opacity:.85; user-select:none; line-height:1.4; }

/* ************ Home : Trust Sliders Starts ************ */

.slider-section{ margin:40px auto; user-select:none; overflow:hidden; width:100%;}
.slider{position:relative;overflow:hidden; width:100%; margin:20px 0;}
.slider .track{ display:flex; align-items:center; flex-wrap:nowrap; width:max-content; will-change:transform; transform:translate3d(0,0,0); backface-visibility:hidden;}

.slide{ flex:0 0 clamp(220px,25vw,280px); margin-right:clamp(10px,2vw,20px); background:#eee; border-radius:12px; padding:clamp(12px,2vw,20px); display:flex; justify-content:center; align-items:center;  opacity:.7; transition: opacity .3s ease, transform .3s ease; box-sizing:border-box;}

.slide:hover{ opacity:1; transform:translateY(-4px);}
.slide img{ display:block; width:100%; max-width:180px; height:auto; object-fit:contain; pointer-events:none; -webkit-user-drag:none;}

/* MOBILE */

@media screen and (max-width:768px){
    .slide{ flex:0 0 68vw; padding:18px;}
    .slide img{ max-width:120px;}
}

/* ************ Home : Trust Sliders Ends ************ */

/* ************ About Us page Starts ************ */
.about-nav-btn:hover, .team-mobile-arrow:hover {
    background: #fff;
    color: #000;
}
.about-nav-btn:hover svg{ stroke: #000 !important; }
.aboutSection { position:relative; overflow:hidden; }

.horizontalWrap { height:100vh; display:flex; align-items:center; overflow:hidden; }

/* LEFT SAFE ZONE (5%) */

.textTrack { width:max-content; /* padding-left:5vw; */ }

.aboutSection h1 { font-size:clamp(48px, 7vw, 120px); line-height:1.3; color:#fff; width:90vw; }

.line { display:block; white-space:nowrap; will-change:transform, font-size, opacity; transform-origin:left center; margin-left:5vw; }

/* Mobile */

@media screen and (max-width:1024px){ .horizontalWrap { height:60vh !important; } }

@media (max-width:768px){ .horizontalWrap { height:auto; padding:60px 20px; } .aboutSection h1 { font-size:28px; } span.line {margin: 0 !important;}}

.sticky-section { position:relative; }

.textBox { position:relative; }

.stickyText { position:sticky; top:20%; transform:translateY(-00%); }

/* Optional: make sure image controls height */

.imageBox img { width:100%; height:auto; display:block; }



.jobs-section { padding:120px 8%; /* background:#fff; */ }

.jobs-container { max-width:1400px; margin:auto; }

/* HEADING */

.jobs-heading { font-size:3vw; margin-bottom:2rem; font-family:'HelveticaNeueLTPro'; }

/* LAYOUT */

.jobs-wrap { display:flex; gap:80px; }

/* LEFT */

.jobs-left { width:45%; }

.jobs-left p { font-size:1.2vw; line-height:1.8; color:#e2e2e2; }

/* INTRO TEXT */

.jobs-intro { margin-bottom:40px; }

/* SUBHEADING */

.opporSubTitle { font-size:1.8vw; font-weight:400; line-height:1.4; font-family:'HelveticaNeueLTPro'; color:#fff; max-width:420px; }

/* RIGHT */

.jobs-right { width:40%; position:relative; }

/* SPOTLIGHT */

.jobs-spotlight { position:absolute; width:300px; height:300px; background:radial-gradient(circle, rgb(184 181 181 / 23%), transparent 70%); pointer-events:none; transform:translate(-50%, -50%); opacity:0; }

/* JOB ITEMS */

.job-item { display:flex; justify-content:space-between; align-items:center; padding:20px 0; text-decoration:none; color:#000; border-bottom:1px solid #ddd; font-size:1.2vw; position:relative; transition:transform .4s ease; }

/* LINE ANIMATION */

.job-item::after { content:""; position:absolute; bottom:0; left:0; width:0%; height:1px; background:#000; transition:width .5s ease; }

.job-item:hover::after { width:100%; }

/* HOVER MOTION */

.job-item:hover { transform:translateX(6px); }

.arrow { transition:transform .4s ease; color:#e2e2e2; }

.job-item:hover .arrow { transform:translateX(8px); }

/* TAP FEEDBACK */

.job-item:active { transform:scale(.98); }

/* CONTENT WRAP */

.job-content { display:flex; flex-direction:column; }

/* TITLE */

.job-title { font-size:clamp(14px, 2vw, 16px); color:#e2e2e2; }

/* DESCRIPTION (HIDDEN) */

.job-desc { font-size:13px; line-height:1.6; color:#e0e0e0; max-height:0; opacity:0; overflow:hidden; transition:max-height .7s ease-in-out, opacity .8s ease-in, margin-top .4s ease-in-out; }

/* SHOW ON HOVER */

.job-item:hover .job-desc { max-height:100px; opacity:1; margin-top:8px; }

/* ================= MOBILE ================= */

@media (max-width:768px){

  .jobs-section { padding:80px 20px; }

  .jobs-heading { font-size:28px; margin-bottom:40px; }

  .jobs-wrap { flex-direction:column; gap:40px; }

  .jobs-left, .jobs-right { width:100%; }

  .jobs-left p { font-size:15px; line-height:1.7; }

  .job-item { font-size:16px; padding:16px 0; }

  .arrow { font-size:18px; }

  .jobs-spotlight { display:none; }

  .jobs-intro { margin-bottom:20px; }

  .opporSubTitle { font-size:20px; line-height:1.4; max-width:100%; }

  /* MOBILE TAP SUPPORT */

  .job-item.active .job-desc { max-height:120px; opacity:1; margin-top:8px; }
}

/* ************ About Us page Ends ************ */

/* responsive */

/* ****** About team secion starts ****** */

.team-arch{position:relative;background:rgb(0 0 0 / 10%);color:#fff;overflow:hidden;}
.team-sticky{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1fr 1fr 1fr;padding:80px 8%;}
.team-left{align-self:start;}
.team-left h2{font-size:3vw;font-weight:400;font-family:'HelveticaNeueLTPro';margin-bottom:18px;}
.team-left p{width:90%;line-height:1.8;opacity:.7;}
.team-center{display:flex;flex-direction:column;align-items:flex-start;height:100%;gap:12px;}
.team-name{font-size:2vw;opacity:0;transform:translateY(40px);cursor:pointer;will-change:transform,opacity;font-family:'HelveticaNeueLTPro';font-weight:400;transition:.2s ease;}
.team-right{display:flex;flex-direction:column;justify-content:center;}
.img-mask{overflow:hidden;border-radius:8px;}
.img-mask img{width:100%;display:block;}
#team-role{margin-top:12px;font-size:1.4vw;opacity:.6;text-align:center;}

@media(max-width:1024px){
.team-arch{min-height:100vh;overflow:clip;}
.team-sticky{grid-template-columns:40% 60%;grid-template-rows:auto auto;align-content:start;min-height:100vh;height:auto!important;padding:60px 24px;}
.team-left{grid-column:1;grid-row:1;}
.team-right{grid-column:2;grid-row:2;}
.team-center{grid-column:1/1;grid-row:2;}
p#team-role{font-size:.9rem!important;}
}

.team-mobile-story{display:none;}

@media(max-width:767px){
.team-sticky{display:none;}
.team-mobile-story{display:flex;flex-direction:column;min-height:100svh;background:#111;color:#fff;}
.team-mobile-top{padding:30px 22px 26px;}
.team-mobile-top h2{font-size:32px;margin-bottom:14px;font-weight:400;}
.team-mobile-top p{font-size:14px;line-height:1.8;opacity:.75;}
.team-mobile-visual{position:relative;flex:1;min-height:46svh;overflow:hidden;width:90%;margin:0 auto;}
.team-mobile-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease,transform .9s ease;}
.team-mobile-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.05));}
.team-mobile-bottom{padding:26px 22px 34px;}
.team-mobile-role{font-size:13px;opacity:.6;letter-spacing:.03em;margin-bottom:16px;text-align:center;}
.team-mobile-nav{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:14px;}
.team-mobile-arrow{width:56px;height:56px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s ease;}
.team-mobile-arrow svg{width:18px;height:18px;}
.team-mobile-arrow:disabled{opacity:.2;cursor:not-allowed;}
.team-mobile-arrow:not(:disabled):active{transform:scale(.95);}
.team-mobile-name-wrap{text-align:center;}
.team-mobile-name{font-size:28px;line-height:1.2;font-weight:400;}
.team-mobile-count{margin-top:10px;font-size:12px;letter-spacing:.18em;opacity:.45;}
}

/* vision mission  */


/* =========================================================
   VM SECTION
========================================================= */

.vm-section{
  position:relative;
  overflow:hidden;
  background:rgb(0 0 0 / 10%);
  color:#fff;
}

/* =========================================================
   DESKTOP / TABLET
========================================================= */

.vm-sticky{
  position:sticky;
  top:0;
  height:100vh;
  display:flex;
  overflow:hidden;
}

/* RIGHT */

.vm-right{
  width:100%;
  height:100vh;
  margin-left:auto;
  position:relative;
  overflow:hidden;
  will-change:width;
}

.vm-img-wrap{
  position:absolute;
  inset:0;
}

.vm-img-wrap .img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  clip-path:inset(100% 0 0 0);
}

.vm-img-wrap .img.active{
  clip-path:inset(0 0 0 0);
}

/* VALUES */

.vm-values{
  position:absolute;
  inset:0;
  display:flex;
  justify-content:space-between;
  padding:5%;
  z-index:4;
  height:90%;
  top:10vh;
}

.vm-values h2{
  font-size:clamp(24px,3vw,52px);
  width:30%;
}

.vm-values p{
  width:40%;
  align-content:end;
  font-size:clamp(14px,1.2vw,18px);
  line-height:1.8;
}

/* LEFT */

.vm-left{
  width:50%;
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
}

.vm-layer{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0 10%;
  opacity:0;
  transform:translateY(40px);
}

.vm-layer h2{
  font-size:clamp(24px,3vw,52px);
  margin-bottom:18px;
}

.vm-layer p{
  font-size:clamp(14px,1.1vw,16px);
  line-height:1.8;
}

/* =========================================================
   MOBILE STORY MODE
========================================================= */

.vm-mobile-story{
  display:none;
}

@media(max-width:767px){

  .vm-sticky{
    display:none;
  }

  .vm-mobile-story{
    display:block;
    position:relative;
    min-height:100vh;
    background:#000;
  }

  /* TOP IMAGE */

  .vm-mobile-visual{
    position:relative;
    height:48vh;
    overflow:hidden;
  }

  .vm-mobile-image{
    position:absolute;
    inset:0;
    opacity:0;
    transition:
    opacity .7s ease,
    transform 1.2s ease;
    transform:scale(1.06);
  }

  .vm-mobile-image.active{
    opacity:1;
    transform:scale(1);
    z-index:2;
  }

  .vm-mobile-image img{
    width:100%;
    height:100%;
    object-fit:cover;
  }

  /* OVERLAY */

  .vm-mobile-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(
      to top,
      rgba(0,0,0,.78),
      rgba(0,0,0,.1)
    );
    z-index:3;
  }

  /* CONTENT */

  .vm-mobile-content{
    padding:32px 24px 40px;
    position:relative;
    z-index:5;
    min-height:42vh;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }

  .vm-mobile-text{
    position:relative;
    min-height:220px;
  }

  .vm-mobile-panel{
    position:absolute;
    inset:0;
    opacity:0;
    transform:translateY(20px);
    transition:
    opacity .45s ease,
    transform .45s ease;
    pointer-events:none;
  }

  .vm-mobile-panel.active{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
  }

  .vm-mobile-panel h2{
    font-size:32px;
    margin-bottom:16px;
  }

  .vm-mobile-panel p{
    font-size:15px;
    line-height:1.8;
    opacity:.9;
  }

  /* CONTROLS */

  .vm-mobile-controls{
    display:flex;
    gap:10px;
    margin-top:15px;
  }

  .vm-btn{
    width:54px;
    height:54px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.06);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    backdrop-filter:blur(10px);
    transition:.3s ease;
  }

  .vm-btn svg{
    width:18px;
    height:18px;
  }

  .vm-btn.active{
    background:#fff;
    color:#000;
    transform:scale(1.05);
  }

  /* LABELS */

  .vm-mobile-nav{
    display:flex;
    gap:14px;
    margin-top:10px;
    flex-wrap:wrap;
  }

  .vm-nav-item{
    font-size:13px;
    letter-spacing:.08em;
    text-transform:uppercase;
    opacity:.35;
    transition:.3s ease;
  }

  .vm-nav-item.active{
    opacity:1;
  }

}
/* ****** About team secion Ends ****** */






/* text replects on BG Starts */
.fadedtextSection{position:relative;overflow:hidden;}

.fadedtextSection::before{content:attr(data-heading);position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);font-size:clamp(4rem,11vw,9rem);font-weight:700;text-transform:uppercase;letter-spacing:6px;color:rgba(255,255,255,.04);white-space:nowrap;pointer-events:none;user-select:none;transition:all .5s ease;text-wrap-mode:wrap;line-height:normal;}

.fadedtextSection:hover::before{transform:translate(-50%,-50%) scale(1.05);color:rgba(255,255,255,.07);}

.fadedtextSection>*{position:relative;z-index:1;}

/* text replects on BG Ends */