/* =========================================================
   GLOBAL SECTION BACKGROUND CONTROL
   Change background images here only. Replace these files in assets/
   or edit the url() path. All main sections use the same design language.
   Desktop/laptop background size: --section-bg-size-desktop
   Mobile background size: --section-bg-size-mobile
   ========================================================= */
:root{
  --section-bg-image:url('../assets/section-bg-blue.svg');
  --hero-bg-image:url('../assets/section-bg-blue.svg');
  --section-bg-position:center center;
  --section-bg-size-desktop:cover;
  --section-bg-size-mobile:cover;
  --section-overlay-light:linear-gradient(180deg,rgba(247,251,255,.94),rgba(238,248,255,.94));
  --section-overlay-dark:linear-gradient(180deg,rgba(5,11,24,.92),rgba(7,19,39,.94));
}

.section-bg-light{
  background:var(--section-overlay-light),var(--section-bg-image) var(--section-bg-position)/var(--section-bg-size-desktop) no-repeat!important;
}
.section-bg-dark{
  background:var(--section-overlay-dark),var(--section-bg-image) var(--section-bg-position)/var(--section-bg-size-desktop) no-repeat!important;
}

:root{
  --main:#071027;
  --support:#20b8ff;
  --support-dark:#088bd2;
  --support-soft:rgba(32,184,255,.12);
  --white:#ffffff;
  --text:#071027;
  --muted:#667085;
  --line:#e7eef8;
  --bg:#eef8ff;
  --shadow:0 24px 70px rgba(7,16,39,.10);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Poppins,sans-serif;color:var(--text);background:var(--white);overflow-x:hidden}
a{text-decoration:none;color:inherit}button,input,select{font-family:inherit}button{cursor:pointer}

/* HERO BACKGROUND OPTIONS
   Desktop/laptop: edit .hero background-size / background-position below.
   Mobile: edit the @media(max-width:700px) .hero background line.
   Replace assets/hero-bg.jpeg with your own full section background image.
*/
.site-header{position:fixed;top:0;left:0;width:100%;z-index:50;padding:22px clamp(16px,5vw,100px)}
.navbar{height:82px;max-width:1700px;margin:auto;background:rgba(255,255,255,.96);border:1px solid rgba(7,16,39,.06);border-radius:18px;box-shadow:0 20px 60px rgba(7,16,39,.12);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 18px 0 20px}
.brand{display:flex;align-items:center;gap:14px;font-weight:900;text-transform:uppercase;letter-spacing:.3px;min-width:230px}.brand img{width:54px;height:54px;object-fit:cover;border-radius:12px}.brand span{line-height:1.05}.brand b{display:block;letter-spacing:7px;font-size:12px;color:#39445a}.nav-links{list-style:none;display:flex;align-items:center;gap:34px;font-weight:700}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:3px;border-radius:20px;background:var(--support);transition:.25s}.nav-links a:hover:after{width:100%}.nav-cta{height:60px;display:flex;align-items:center;gap:10px;background:var(--main);color:#fff;border-radius:14px;padding:0 22px;font-weight:900;box-shadow:0 14px 30px rgba(7,16,39,.22)}.nav-cta i{width:36px;height:36px;background:var(--support);color:var(--main);display:grid;place-items:center;border-radius:10px}.menu-toggle{display:none;border:0;background:var(--main);color:#fff;width:46px;height:46px;border-radius:12px;font-size:20px}

.hero{min-height:100vh;padding:150px 20px 82px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(238,248,255,.98)),url('../assets/hero-bg.jpeg') center top/cover no-repeat}.hero-shell{width:min(1320px,100%);margin:auto;text-align:center}.top-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:0 auto 70px}.stat-card{min-height:130px;background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:22px;padding:28px 26px;display:flex;align-items:center;gap:22px;text-align:left;box-shadow:0 18px 48px rgba(7,16,39,.08)}.stat-card i{width:64px;height:64px;border-radius:18px;background:var(--support-soft);color:var(--support);display:grid;place-items:center;font-size:26px}.stat-card strong{display:block;font-size:clamp(32px,3vw,46px);line-height:1;color:var(--main);letter-spacing:.5px}.stat-card span{display:block;margin-top:10px;color:#4d596d;font-weight:600}.hero-copy{max-width:900px;margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:var(--support-soft);color:var(--support-dark);border-radius:999px;padding:9px 20px;text-transform:uppercase;letter-spacing:1.8px;font-size:13px;font-weight:900;margin-bottom:22px}.hero h1{font-size:clamp(46px,6vw,88px);line-height:1.04;letter-spacing:-3px;color:var(--main);margin-bottom:22px}.hero h1 span{color:var(--support)}.hero-text{max-width:820px;margin:0 auto;color:#455064;font-size:18px;line-height:1.8;font-weight:500}.hero-search{width:min(1040px,100%);margin:46px auto 26px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;display:grid;grid-template-columns:1.1fr 1fr 1fr 150px;gap:10px;box-shadow:0 22px 58px rgba(7,16,39,.08)}.hero-search label{height:58px;background:#fbfdff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:12px;padding:0 18px;color:#a3acba}.hero-search input,.hero-search select{width:100%;height:100%;border:0;outline:0;background:transparent;color:#707a8b;font-weight:500}.hero-search button{border:0;border-radius:14px;background:var(--support);color:var(--main);font-weight:900;box-shadow:0 12px 28px rgba(32,184,255,.28)}.walkin{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(7,16,39,.28);background:#f4f9ff;border-radius:999px;padding:14px 26px;margin-bottom:44px;font-weight:600}.walkin b{background:var(--main);color:#fff;border-radius:999px;padding:4px 10px;font-size:11px}.trusted span{display:block;text-transform:uppercase;color:#9ba4b3;font-size:12px;font-weight:900;letter-spacing:.8px;margin-bottom:20px}.logo-row{display:flex;align-items:center;justify-content:center;gap:42px;flex-wrap:wrap}.logo-row b{color:var(--support-dark);font-weight:900}

.explore-jobs{position:relative;overflow:hidden;padding:96px clamp(18px,4vw,70px) 112px;background:linear-gradient(180deg,#fff,#eef8ff);color:var(--main)}.explore-jobs:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-190px;height:430px;border-radius:50% 50% 0 0;background:linear-gradient(90deg,rgba(32,184,255,.20),rgba(7,16,39,.08));z-index:0}.explore-jobs>*{position:relative;z-index:1}.section-head{text-align:center;max-width:780px;margin:0 auto 50px}.section-head.compact{margin-bottom:32px}.section-head p{display:inline-flex;background:var(--support-soft);color:var(--support-dark);border-radius:999px;padding:9px 20px;text-transform:uppercase;font-size:13px;letter-spacing:1.2px;font-weight:900;margin-bottom:18px}.section-head h2{font-size:clamp(34px,4vw,56px);line-height:1.12;letter-spacing:-1.5px;text-transform:capitalize}.section-head span{display:block;margin-top:14px;color:var(--muted);line-height:1.7;font-weight:500}.job-tabs{width:min(520px,100%);margin:0 auto 54px;background:#e8eef7;border-radius:12px;padding:6px;display:grid;grid-template-columns:1fr 1fr}.job-tabs button{height:40px;border:0;border-radius:9px;background:transparent;color:var(--main);font-weight:800}.job-tabs button.active{background:#fff;box-shadow:0 8px 20px rgba(7,16,39,.08),inset 0 0 0 1px #dce0e8}.category-grid{max-width:1080px;margin:0 auto 88px;display:none;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,138px);gap:22px}.category-grid.active{display:grid}.category-card{background:#fff;border:1px solid #edf0f5;border-radius:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font-weight:800;box-shadow:0 10px 36px rgba(7,16,39,.04);transition:.25s}.category-card:hover{transform:translateY(-6px);border-color:rgba(32,184,255,.42);box-shadow:0 18px 50px rgba(7,16,39,.09)}.category-card i{font-size:28px;color:var(--support)}.category-card.tall{grid-row:span 2;height:auto}.category-card span{text-align:center}.poster-row{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px}.poster-card{min-height:310px;border-radius:22px;position:relative;overflow:hidden;padding:42px;background:#eaf6ff;border:1px solid #d9ecff;box-shadow:0 18px 48px rgba(7,16,39,.06);display:flex;align-items:center;justify-content:space-between;gap:28px}.poster-content{max-width:520px}.poster-card small{display:inline-block;background:#fff;border-radius:999px;padding:8px 14px;text-transform:uppercase;font-size:12px;font-weight:900;color:var(--support-dark);margin-bottom:18px}.poster-card h3{font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-1.5px}.poster-card p{color:#4f5a6f;font-weight:600;margin:16px 0 24px;line-height:1.7}.poster-card a{display:inline-flex;align-items:center;gap:10px;border-radius:12px;background:var(--main);color:#fff;padding:14px 20px;font-weight:900}.poster-stat{min-width:180px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.7);border-radius:20px;padding:24px;display:grid;gap:22px;text-align:center}.poster-stat b{display:block;font-size:42px;color:var(--support);line-height:1}.poster-stat span{display:block;color:var(--muted);font-weight:800;margin-top:6px}.recruiter-poster{background:linear-gradient(100deg,#eaf6ff,#f8fcff)}.poster-visual{width:150px;height:150px;min-width:150px;border-radius:40px;background:#fff;display:grid;place-items:center;color:var(--support);font-size:66px;box-shadow:0 22px 50px rgba(7,16,39,.10)}

.service,.about{padding:100px 20px}.service{background:#fff}.service-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.service-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 18px 48px rgba(7,16,39,.06);transition:.25s}.service-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(7,16,39,.10)}.service-card i{font-size:34px;color:var(--support);margin-bottom:18px}.service-card h3{font-size:21px;margin-bottom:10px}.service-card p{color:var(--muted);line-height:1.7}.about{background:#eef8ff}.about-box{max-width:1180px;margin:auto;border-radius:32px;background:var(--main);color:#fff;padding:52px;display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;box-shadow:var(--shadow)}.about-box h2{font-size:clamp(30px,3vw,42px);line-height:1.18;letter-spacing:-1px}.about-box p{line-height:1.85;color:#d9e2ef}.dark{background:rgba(32,184,255,.12)}footer{background:var(--main);color:#fff;padding:38px 20px;display:flex;justify-content:center;gap:32px;align-items:center;flex-wrap:wrap}footer a{color:#d9e2ef;margin:0 16px}

.recruiter-page{min-height:100vh;padding:160px 20px 70px;background:linear-gradient(180deg,#fff,#eef8ff);display:grid;place-items:center}.recruiter-box{width:min(900px,100%);background:#fff;border-radius:30px;box-shadow:var(--shadow);padding:48px;border:1px solid #edf0f5}.recruiter-box h1{font-size:clamp(36px,4vw,58px);line-height:1.1;letter-spacing:-1.8px}.recruiter-box p{color:var(--muted);line-height:1.8;margin:18px 0 28px}.recruiter-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.recruiter-form input,.recruiter-form textarea{border:1px solid #e7eef8;border-radius:14px;padding:16px;outline:0}.recruiter-form textarea{grid-column:1/-1;min-height:130px;resize:vertical}.recruiter-form button{grid-column:1/-1;border:0;border-radius:14px;background:var(--support);color:var(--main);font-weight:900;padding:16px}

@media(max-width:1100px){.top-stats{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.category-card{min-height:130px}.category-card.tall{grid-row:auto}.poster-row{grid-template-columns:1fr}.poster-card{min-height:auto}}
@media(max-width:900px){.site-header{padding:14px}.navbar{height:auto;min-height:72px;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;width:100%;flex-direction:column;gap:16px;padding:18px 0 20px;text-align:center}.nav-links.active{display:flex}.nav-cta{height:48px;padding:0 16px}.hero{padding:130px 16px 70px}.hero-search{grid-template-columns:1fr;max-width:560px}.hero-search button{height:54px}.about-box{grid-template-columns:1fr}.recruiter-form{grid-template-columns:1fr}.service,.about{padding:76px 18px}.about-box{padding:30px}}
@media(max-width:700px){.hero{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(238,248,255,.99)),url('../assets/hero-bg.jpeg') center top/cover no-repeat}.top-stats{grid-template-columns:1fr;gap:14px;margin-bottom:42px}.stat-card{min-height:104px;padding:20px}.stat-card i{width:54px;height:54px;font-size:23px}.brand span{font-size:13px}.brand img{width:46px;height:46px}.hero h1{font-size:38px;letter-spacing:-1.2px}.hero-text{font-size:15px;line-height:1.75}.walkin{font-size:12px;padding:12px 16px;gap:8px}.logo-row{gap:18px}.explore-jobs{padding:70px 14px}.category-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:56px}.category-card{min-height:112px;border-radius:18px}.category-card span{font-size:13px}.poster-row{gap:18px}.poster-card{padding:26px;min-height:260px;display:block}.poster-card h3{font-size:32px}.poster-stat{margin-top:24px;grid-template-columns:1fr 1fr}.poster-visual{display:none}.job-tabs{margin-bottom:36px}.service-grid{grid-template-columns:1fr}.recruiter-box{padding:28px}footer{flex-direction:column;text-align:center;gap:14px}}

/* Section 3 - Aura Aspire Talent Hub */
.hub-section{
  background:var(--main);
  color:#fff;
  padding:118px 20px 132px;
}
.hub-head{
  text-align:center;
  max-width:760px;
  margin:0 auto 72px;
}
.hub-head h2{
  font-size:clamp(36px,4.4vw,64px);
  line-height:1.08;
  letter-spacing:-1.8px;
  margin-bottom:22px;
}
.hub-head p{
  color:#b9c9e6;
  font-size:18px;
  font-weight:500;
}
.hub-grid{
  width:min(1320px,100%);
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:34px;
}
.hub-card{
  min-height:320px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  padding:50px 42px;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
  transition:.25s ease;
}
.hub-card:hover{
  transform:translateY(-8px);
  border-color:rgba(32,184,255,.35);
  box-shadow:0 30px 90px rgba(32,184,255,.10);
}
.hub-icon{
  width:78px;
  height:78px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--support),#536dff);
  color:#fff;
  font-size:32px;
  margin-bottom:34px;
}
.hub-card h3{
  font-size:26px;
  line-height:1.15;
  margin-bottom:22px;
  letter-spacing:-.5px;
}
.hub-card p{
  color:#b5c2d9;
  line-height:1.8;
  font-weight:500;
  max-width:360px;
}

.fresher-poster{background:linear-gradient(105deg,#eaf6ff,#f6fbff)}
.remote-poster{background:linear-gradient(105deg,#f5fbff,#e4f4ff)}

@media(max-width:1100px){
  .hub-grid{grid-template-columns:1fr;max-width:720px}
  .hub-card{min-height:auto}
}
@media(max-width:700px){
  .hub-section{padding:78px 16px 86px}
  .hub-head{margin-bottom:38px}
  .hub-head h2{font-size:34px;letter-spacing:-1px}
  .hub-head p{font-size:14px;line-height:1.7}
  .hub-card{padding:30px 26px;border-radius:22px}
  .hub-icon{width:62px;height:62px;font-size:25px;margin-bottom:24px}
  .hub-card h3{font-size:22px;margin-bottom:14px}
  .hub-card p{font-size:14px}
}


/* === FINAL REWORK: Section 2 Poster Scroll + Section 3 Full Page Hierarchy === */
.explore-jobs{
  overflow:hidden;
  padding-bottom:120px;
}
.poster-row{
  width:min(1320px,100%);
  max-width:1320px;
  margin:0 auto;
  display:flex;
  grid-template-columns:none;
  gap:26px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:8px 6px 34px;
  -webkit-overflow-scrolling:touch;
}
.poster-row::-webkit-scrollbar{height:9px}
.poster-row::-webkit-scrollbar-track{background:#dcecff;border-radius:999px}
.poster-row::-webkit-scrollbar-thumb{background:var(--support);border-radius:999px}
.poster-card{
  flex:0 0 min(650px,88vw);
  scroll-snap-align:start;
}
.poster-scroll-controls{
  width:min(1320px,100%);
  margin:18px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
}
.poster-scroll-controls button{
  width:46px;
  height:46px;
  border:1px solid rgba(7,16,39,.12);
  border-radius:50%;
  background:#fff;
  color:var(--main);
  box-shadow:0 12px 30px rgba(7,16,39,.10);
  font-size:18px;
  transition:.22s ease;
}
.poster-scroll-controls button:hover{
  background:var(--support);
  color:var(--main);
  transform:translateY(-2px);
}
.poster-hint{
  font-weight:800;
  color:var(--muted);
  font-size:13px;
  letter-spacing:.3px;
}

.hub-section{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 10%, rgba(32,184,255,.13), transparent 34%),
    linear-gradient(180deg,#050b1d 0%, var(--main) 58%, #050b1d 100%);
  padding:128px clamp(18px,4vw,70px);
  position:relative;
  overflow:hidden;
}
.hub-section::before,
.hub-section::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(4px);
  pointer-events:none;
}
.hub-section::before{
  width:420px;height:420px;right:-160px;top:12%;
  background:rgba(32,184,255,.08);
}
.hub-section::after{
  width:360px;height:360px;left:-140px;bottom:10%;
  background:rgba(83,109,255,.08);
}
.hub-section > *{position:relative;z-index:1}
.hub-head{
  margin:0 auto 70px;
  max-width:820px;
}
.hub-head::before{
  content:"SECTION 03";
  display:inline-flex;
  margin-bottom:20px;
  color:var(--support);
  background:rgba(32,184,255,.10);
  border:1px solid rgba(32,184,255,.22);
  border-radius:999px;
  padding:9px 18px;
  font-size:12px;
  font-weight:900;
  letter-spacing:1.6px;
}
.hub-head h2{
  font-size:clamp(42px,5vw,74px);
  letter-spacing:-2.2px;
}
.hub-head p{
  max-width:660px;
  margin:auto;
  font-size:18px;
  line-height:1.8;
}
.hub-grid{
  width:min(1260px,100%);
  gap:32px;
  align-items:stretch;
}
.hub-card{
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:54px 44px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.045));
  border-color:rgba(255,255,255,.12);
}
.hub-card:nth-child(2){
  transform:translateY(-22px);
  border-color:rgba(32,184,255,.34);
  box-shadow:0 34px 90px rgba(32,184,255,.10), 0 24px 70px rgba(0,0,0,.18);
}
.hub-card:nth-child(2):hover{transform:translateY(-30px)}
.hub-icon{
  margin-bottom:38px;
  box-shadow:0 16px 38px rgba(32,184,255,.22);
}
.hub-card h3{
  font-size:28px;
  margin-bottom:22px;
}
.hub-card p{
  font-size:16px;
  line-height:1.9;
}

@media(max-width:1100px){
  .poster-row{width:100%}
  .hub-section{min-height:auto;padding:92px 20px}
  .hub-card:nth-child(2){transform:none}
  .hub-card:nth-child(2):hover{transform:translateY(-8px)}
}
@media(max-width:700px){
  .poster-card{flex-basis:88vw;min-height:300px}
  .poster-scroll-controls{margin-top:8px}
  .poster-hint{font-size:12px}
  .hub-section{padding:84px 16px 92px}
  .hub-head{margin-bottom:36px}
  .hub-head::before{font-size:11px;padding:8px 14px;margin-bottom:16px}
  .hub-head h2{font-size:36px;letter-spacing:-1.1px}
  .hub-grid{gap:18px}
  .hub-card{min-height:auto;padding:30px 26px}
}

/* Reworked recruitment agency footer */
.site-footer{
  position:relative;
  overflow:hidden;
  background:#202020;
  color:#eef4ff;
  padding:0;
  display:block;
}
.site-footer::before,
.site-footer::after{
  content:"";
  position:absolute;
  width:560px;
  height:560px;
  border-radius:46%;
  background:rgba(255,255,255,.025);
  pointer-events:none;
}
.site-footer::before{left:8%;top:18%;transform:rotate(18deg)}
.site-footer::after{right:-8%;top:-18%;transform:rotate(45deg)}
.site-footer a{color:#d8e2f5;text-decoration:none;transition:.22s ease}
.site-footer a:hover{color:#ff6500;transform:translateX(4px)}
.footer-inner{max-width:1180px;margin:0 auto;padding:46px 24px 40px;position:relative;z-index:1}
.footer-main-grid{display:grid;grid-template-columns:1.05fr .95fr 1.75fr;gap:42px;align-items:start}
.footer-about-card p{font-size:14px;line-height:1.9;color:#d1d6df;margin:0;max-width:340px}
.footer-read-more{color:#ff6500!important;font-weight:800;display:inline-block;margin-top:2px}
.footer-about-card h4,
.footer-links-card h4,
.footer-location-card h4{
  color:#fff;
  font-size:17px;
  line-height:1;
  margin:0 0 28px;
  font-weight:900;
  position:relative;
  width:max-content;
}
.footer-about-card h4::after,
.footer-links-card h4::after,
.footer-location-card h4::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-14px;
  width:76px;
  height:3px;
  border-radius:999px;
  background:#ff6500;
  box-shadow:-16px 0 0 #ff6500,-28px 0 0 #ff6500;
}
.footer-links-card{display:flex;flex-direction:column;gap:0}
.footer-links-card a{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.16);font-size:14px;color:#d7deeb}
.footer-links-card a i{font-size:11px;color:#ff6500}
.footer-location-wrap{display:grid;grid-template-columns:minmax(220px,1fr) 230px;gap:18px;align-items:stretch}
.map-box{min-height:145px;background:#f6f8fb;border:2px solid #dbe2ec;border-radius:2px;position:relative;color:#1d2430;overflow:hidden;background-image:linear-gradient(135deg,rgba(32,115,208,.08) 25%,transparent 25%),linear-gradient(45deg,rgba(32,115,208,.08) 25%,transparent 25%);background-size:28px 28px;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:800}
.map-tag{position:absolute;left:14px;top:12px;background:#fff;color:#2c6bd6;padding:5px 8px;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.08)}
.map-pin{font-size:34px;color:#ff3b23;margin-bottom:8px}
.map-box p{margin:4px 0 0;line-height:1.35}
.review-box{background:#fff;color:#14171d;border-radius:2px;padding:24px 22px;display:flex;flex-direction:column;justify-content:center;gap:14px;box-shadow:0 18px 40px rgba(0,0,0,.20)}
.google-text{font-size:42px;line-height:1;font-weight:800;letter-spacing:-2px;background:linear-gradient(90deg,#4285f4,#ea4335,#fbbc05,#34a853);-webkit-background-clip:text;background-clip:text;color:transparent}
.review-box strong{font-size:19px;color:#111827}.review-box strong span{color:#ffb400;letter-spacing:2px}.review-box b{font-size:16px;color:#151922;text-transform:uppercase}
.footer-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.footer-contact-box{display:grid;grid-template-columns:42px 1fr;gap:14px;background:#151a21;border:1px solid rgba(255,255,255,.06);padding:24px 22px;min-height:128px;align-items:start;box-shadow:0 20px 45px rgba(0,0,0,.18)}
.footer-contact-box>i{font-size:30px;color:#ff6500;margin-top:2px}.footer-contact-box h5{margin:0 0 8px;color:#fff;font-size:17px;font-weight:900}.footer-contact-box p{margin:0;color:#d9e1ee;line-height:1.75;font-size:14px}
.footer-orange-bar{position:relative;z-index:1;background:#ff6500;color:#fff;padding:17px 24px;display:flex;align-items:center;justify-content:center;gap:min(22vw,360px);font-size:14px;font-weight:700}.footer-orange-bar p{margin:0;text-align:center}
@media(max-width:1000px){.footer-main-grid{grid-template-columns:1fr 1fr;gap:34px}.footer-location-card{grid-column:1/-1}.footer-contact-grid{grid-template-columns:1fr}.footer-orange-bar{gap:20px;justify-content:space-between}}
@media(max-width:720px){.footer-inner{padding:38px 18px 32px}.footer-main-grid{grid-template-columns:1fr;gap:34px}.footer-location-wrap{grid-template-columns:1fr}.footer-contact-box{grid-template-columns:36px 1fr;padding:22px 18px}.google-text{font-size:34px}.footer-orange-bar{flex-direction:column;gap:8px;font-size:12px}.footer-about-card p{max-width:none}}


/* Floating quick contact - right bottom on every section */
.quick-contact{
  position:fixed;
  right:32px;
  bottom:32px;
  z-index:9999;
  display:flex;
  flex-direction:column-reverse;
  align-items:center;
  gap:14px;
}
.quick-toggle,
.quick-btn{
  width:62px;
  height:62px;
  border-radius:50%;
  border:0;
  display:grid;
  place-items:center;
  color:#fff;
  cursor:pointer;
  text-decoration:none;
  box-shadow:0 18px 42px rgba(0,0,0,.20);
  transition:transform .24s ease, box-shadow .24s ease, opacity .24s ease;
}
.quick-toggle{
  background:#9b73d9;
  font-size:24px;
}
.quick-toggle:hover,
.quick-btn:hover{
  transform:translateY(-4px) scale(1.04);
  box-shadow:0 22px 54px rgba(0,0,0,.28);
}
.quick-actions{
  display:flex;
  flex-direction:column;
  gap:14px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(16px) scale(.92);
  transition:opacity .25s ease, transform .25s ease, visibility .25s ease;
}
.quick-contact.open .quick-actions{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.quick-contact.open .quick-toggle{
  display:none;
}
.quick-btn{font-size:28px}
.quick-btn.whatsapp{background:#31d767}
.quick-btn.phone{background:#08d88f}
.quick-btn.mail{background:#ff4860}
.quick-btn.close{background:#9b73d9;font-size:30px}

@media(max-width:700px){
  .quick-contact{
    right:18px;
    bottom:20px;
    gap:12px;
  }
  .quick-toggle,
  .quick-btn{
    width:54px;
    height:54px;
    font-size:22px;
  }
  .quick-btn{font-size:24px}
  .quick-btn.close{font-size:27px}
}

/* === FINAL MENU BAR OPTIONS REWORK === */
.site-header{z-index:1000}
.navbar{position:relative;overflow:visible}
.nav-links{gap:26px;text-transform:uppercase;font-size:14px}
.nav-links > li{position:relative;display:flex;align-items:center}
.nav-links a,.nav-drop-trigger{font-weight:900;letter-spacing:.2px;color:var(--main);font-family:inherit;text-transform:uppercase}
.nav-drop-trigger{border:0;background:transparent;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:14px;padding:26px 0}
.nav-drop-trigger i{font-size:10px;transition:.2s ease;color:var(--support)}
.has-dropdown:hover .nav-drop-trigger i,.has-dropdown.open .nav-drop-trigger i{transform:rotate(180deg)}
.career-link{display:inline-flex;align-items:flex-start;gap:2px}
.career-link sup{color:#ff4e62;font-size:9px;font-weight:900;letter-spacing:.6px;transform:translateY(-6px)}
.dropdown-panel{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(12px);background:#fff;color:var(--main);border:1px solid rgba(7,16,39,.08);box-shadow:0 26px 80px rgba(7,16,39,.20);border-radius:22px;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease;z-index:1200;text-transform:none}
.has-dropdown:hover .dropdown-panel,.has-dropdown.open .dropdown-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.dropdown-panel::before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%) rotate(45deg);width:18px;height:18px;background:#fff;border-left:1px solid rgba(7,16,39,.08);border-top:1px solid rgba(7,16,39,.08)}
.services-menu{width:430px;display:grid;grid-template-columns:1fr;gap:8px}
.services-menu a{display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:16px;text-transform:none;color:var(--main)}
.services-menu a:hover{background:#eef8ff;transform:none}
.services-menu i{width:38px;height:38px;border-radius:12px;background:rgba(32,184,255,.12);color:var(--support);display:grid;place-items:center;flex:0 0 auto}
.services-menu b{display:block;font-size:14px;margin-bottom:4px}
.services-menu small{display:block;color:var(--muted);font-weight:600;line-height:1.35;text-transform:none}
.industry-menu{width:360px;max-height:min(70vh,720px);overflow:auto;padding:14px}
.industry-menu a{display:block;padding:13px 16px;border-radius:12px;color:#071027;font-weight:800;font-size:14px;line-height:1.25;text-transform:none}
.industry-menu a:hover{background:#eef8ff;color:var(--support);transform:none}
.industry-menu::-webkit-scrollbar{width:8px}.industry-menu::-webkit-scrollbar-track{background:#eef4ff;border-radius:20px}.industry-menu::-webkit-scrollbar-thumb{background:var(--support);border-radius:20px}
.nav-links a:after{bottom:-7px}
.faq-section{background:#fff;padding:96px 20px}.faq-grid{width:min(1180px,100%);margin:44px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.faq-grid article{border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff;box-shadow:0 18px 50px rgba(7,16,39,.06)}.faq-grid h3{font-size:20px;margin-bottom:12px}.faq-grid p{color:var(--muted);line-height:1.75}
@media(max-width:1100px){.nav-links{gap:18px;font-size:13px}.nav-drop-trigger{font-size:13px}.brand{min-width:190px}.nav-cta{padding:0 16px}}
@media(max-width:900px){.nav-links{align-items:stretch;text-transform:none}.nav-links > li{display:block}.nav-drop-trigger{width:100%;justify-content:center;padding:12px 0}.dropdown-panel{position:static;transform:none!important;width:100%!important;max-height:0;overflow:hidden;opacity:1;visibility:visible;pointer-events:auto;padding:0;border:0;box-shadow:none;background:#f5f9ff;border-radius:16px;transition:max-height .25s ease,padding .25s ease;margin-top:0}.dropdown-panel::before{display:none}.has-dropdown.open .dropdown-panel{max-height:560px;padding:12px;margin-top:8px;overflow:auto}.has-dropdown:hover .dropdown-panel{transform:none}.industry-menu a{text-align:left}.services-menu a{text-align:left}.faq-grid{grid-template-columns:1fr}}
@media(max-width:640px){.nav-cta{width:100%;justify-content:center}.brand{min-width:auto}.faq-section{padding:70px 16px}.faq-grid article{padding:24px}}

/* === FINAL CLIENT REWORK: Hero BG, Section 2 Board, Section 3, About === */
:root{--main:#071327;--support:#20b8ff;--softBlue:#eaf7ff;--ink:#071327;--muted:#66748a;}
.hero{
  background:
    radial-gradient(circle at 18% 20%, rgba(32,184,255,.26), transparent 28%),
    radial-gradient(circle at 84% 16%, rgba(84,118,255,.20), transparent 28%),
    linear-gradient(135deg,#061127 0%,#0a1d3b 54%,#06213d 100%) !important;
  color:#fff;
}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;
  background:linear-gradient(90deg,transparent 24%,rgba(255,255,255,.12) 25%,transparent 26%),linear-gradient(0deg,transparent 24%,rgba(255,255,255,.08) 25%,transparent 26%);
  background-size:82px 82px;
}
.hero-shell{position:relative;z-index:1}.hero h1,.hero-text{color:#fff}.trusted span{color:#aad6ff}.logo-row b{color:#fff}
.explore-jobs{
  background:linear-gradient(180deg,#f7fbff 0%,#eef8ff 100%) !important;
  padding:96px 20px 118px !important;
}
.explore-board{
  width:min(1320px,100%);
  margin:42px auto 0;
  padding:48px;
  border-radius:36px;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(234,247,255,.92));
  border:1px solid rgba(32,184,255,.16);
  box-shadow:0 30px 90px rgba(7,19,39,.10);
}
.explore-jobs .section-head{max-width:780px}.explore-jobs .section-head h2{color:var(--ink)}
.category-grid{
  background:rgba(255,255,255,.58);
  border:1px solid rgba(7,19,39,.06);
  border-radius:30px;
  padding:30px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.category-card{background:#fff !important;border-color:rgba(7,19,39,.08) !important;box-shadow:0 16px 42px rgba(7,19,39,.06)}
.category-card i{color:var(--support)}
.poster-row{margin-top:38px}.poster-card{border:1px solid rgba(32,184,255,.14);box-shadow:0 22px 60px rgba(7,19,39,.10)}
.poster-card h3{letter-spacing:-1.1px}.poster-card a{background:var(--main);color:#fff;border-radius:14px;padding:13px 18px;font-weight:900;display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.hub-section{min-height:100vh !important;background:linear-gradient(180deg,#050b18 0%,#071327 48%,#06101f 100%) !important;padding:120px 20px !important;display:grid;place-items:center}
.hub-layout{width:min(1280px,100%);margin:auto}.section-label{text-transform:uppercase;letter-spacing:1.8px;color:var(--support)!important;font-weight:900;font-size:13px;margin-bottom:18px}
.hub-head{text-align:center;max-width:880px;margin:0 auto 70px!important}.hub-head:before{display:none!important}.hub-head h2{font-size:clamp(40px,4.6vw,72px)!important;line-height:1.08;letter-spacing:-2px;margin-bottom:22px}.hub-head p:last-child{color:#b9c9e6!important;line-height:1.75}
.hub-grid{grid-template-columns:repeat(3,1fr)!important;gap:34px!important}.hub-card{min-height:330px!important;border-radius:30px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.11)!important;padding:46px 38px!important}.hub-card.featured-card,.hub-card:nth-child(2){transform:translateY(-26px)!important;border-color:rgba(32,184,255,.40)!important;box-shadow:0 34px 90px rgba(32,184,255,.12)!important}.hub-icon{background:linear-gradient(135deg,var(--support),#5c7cff)!important}
.about-rework{min-height:100vh;display:grid!important;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;width:min(1420px,100%);margin:auto;padding:110px 48px!important;background:#f7f7f7!important;color:#111!important}
.about-visual{position:relative;min-height:560px;display:grid;place-items:center}.office-frame{position:relative;width:min(690px,100%);height:460px}.office-photo{position:absolute;left:0;bottom:0;width:72%;height:72%;border-radius:4px;background:linear-gradient(180deg,rgba(32,184,255,.05),rgba(7,19,39,.08)),url('../assets/hero-bg.jpeg') center/cover no-repeat;filter:saturate(.8);box-shadow:0 22px 60px rgba(0,0,0,.14)}
.review-card{position:absolute;right:0;width:360px;min-height:94px;background:#fff;border-radius:14px;padding:17px 18px;display:flex;gap:14px;align-items:center;box-shadow:0 14px 42px rgba(0,0,0,.14);font-size:13px}.review-card i{font-size:32px;color:#4285f4}.review-card strong{display:block;color:#111;font-weight:900;margin-bottom:4px}.review-card span{display:block;color:#666;line-height:1.35}.review-one{top:58px}.review-two{top:206px;width:420px}.review-three{top:354px;right:50px;width:330px}
.about-content{max-width:640px}.about-kicker{text-transform:uppercase;font-size:14px;font-weight:900;letter-spacing:.6px;color:#111;margin-bottom:24px}.about-content h2{font-size:clamp(42px,4.3vw,70px);line-height:1.08;letter-spacing:-2px;text-transform:uppercase;color:#111;margin-bottom:34px}.about-content p{font-size:17px;line-height:1.82;color:#555;font-weight:600;margin-bottom:28px}.about-content strong{color:#222}.about-more{width:32px;height:32px;display:inline-grid;place-items:center;color:#555;text-decoration:none}
@media(max-width:1100px){.explore-board{padding:28px}.hub-grid{grid-template-columns:1fr!important;max-width:720px}.hub-card.featured-card,.hub-card:nth-child(2){transform:none!important}.about-rework{grid-template-columns:1fr;padding:80px 24px!important;gap:35px}.about-content{max-width:100%}.about-visual{min-height:480px}}
@media(max-width:700px){.hero{background:linear-gradient(135deg,#061127,#08264a)!important}.explore-jobs{padding:70px 14px!important}.explore-board{padding:18px;border-radius:24px}.category-grid{padding:16px;border-radius:20px}.poster-card{flex-basis:88vw}.hub-section{padding:78px 16px!important}.hub-head h2{font-size:36px!important}.hub-card{padding:28px 24px!important;min-height:auto!important}.about-rework{padding:70px 16px!important}.about-visual{min-height:430px}.office-frame{height:390px}.office-photo{width:92%;height:58%}.review-card{right:auto;left:32px;width:78%;padding:13px;font-size:11px}.review-two{top:175px}.review-three{top:292px}.about-content h2{font-size:34px}.about-content p{font-size:14px}}

/* Section 2 separate category + poster background boxes rework */
.explore-jobs{
  background:linear-gradient(180deg,#061127 0%,#08264a 52%,#07101f 100%)!important;
  color:#fff!important;
}
.explore-jobs:before{
  background:radial-gradient(circle at 50% 20%,rgba(32,184,255,.22),transparent 38%)!important;
  height:560px!important;
  bottom:auto!important;
  top:10%!important;
}
.explore-jobs .section-head p{background:rgba(32,184,255,.12)!important;color:#20b8ff!important;border:1px solid rgba(32,184,255,.2)}
.explore-jobs .section-head h2{color:#fff!important}
.explore-jobs .section-head span{color:#b8c7df!important}
.explore-board{
  max-width:1240px!important;
  display:grid!important;
  gap:34px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.category-panel-box,
.poster-panel-box{
  position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.12);
  border-radius:32px;
  box-shadow:0 30px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
  padding:34px;
  overflow:hidden;
}
.category-panel-box:before,
.poster-panel-box:before{
  content:"";
  position:absolute;
  width:360px;height:360px;
  border-radius:50%;
  background:rgba(32,184,255,.12);
  filter:blur(20px);
  right:-160px;top:-190px;
  pointer-events:none;
}
.mini-title{position:relative;z-index:1;text-align:center;margin:0 auto 24px}
.mini-title span{
  display:inline-flex;
  padding:8px 15px;
  border-radius:999px;
  background:rgba(32,184,255,.14);
  color:#20b8ff;
  border:1px solid rgba(32,184,255,.22);
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:1px;
}
.mini-title h3{margin-top:12px;font-size:clamp(24px,2.6vw,36px);letter-spacing:-.8px;color:#fff}
.job-tabs{
  position:relative;z-index:2;
  margin:0 auto 32px!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.14);
}
.job-tabs button{color:#dcecff!important}
.job-tabs button.active{background:#20b8ff!important;color:#061127!important;box-shadow:0 14px 35px rgba(32,184,255,.28)!important}
.category-grid{
  position:relative;z-index:1;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  max-width:1050px!important;
}
.category-card{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  box-shadow:0 16px 40px rgba(0,0,0,.17)!important;
}
.category-card i{color:#20b8ff!important}
.category-card:hover{background:rgba(32,184,255,.12)!important;border-color:rgba(32,184,255,.45)!important}
.poster-panel-box{padding:34px 34px 42px!important}
.poster-title{margin-bottom:22px!important}
.poster-row{
  max-width:100%!important;
  margin:0!important;
  display:flex!important;
  gap:24px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory;
  padding:4px 4px 18px!important;
}
.poster-card{
  flex:0 0 min(620px,86vw)!important;
  scroll-snap-align:start;
  background:linear-gradient(135deg,rgba(32,184,255,.20),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:0 22px 60px rgba(0,0,0,.23)!important;
}
.poster-card small{background:rgba(255,255,255,.12)!important;color:#20b8ff!important;border:1px solid rgba(32,184,255,.24)}
.poster-card p{color:#c8d6ea!important}
.poster-card a{background:#20b8ff!important;color:#061127!important}
.poster-stat{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.14)!important}
.poster-stat b,.poster-visual{color:#20b8ff!important}
.poster-stat span{color:#d6e5f6!important}
.poster-visual{background:rgba(255,255,255,.10)!important}
.poster-scroll-controls{margin-top:18px!important;color:#dcecff!important}
.poster-scroll-controls button{background:#20b8ff!important;color:#061127!important;border:0!important}
.poster-hint{color:#b8c7df!important;font-weight:800!important}
@media(max-width:700px){
  .category-panel-box,.poster-panel-box{padding:20px!important;border-radius:24px}
  .category-grid{grid-template-columns:1fr 1fr!important;gap:13px!important}
  .poster-card{flex-basis:88vw!important;padding:24px!important}
  .poster-row{gap:16px!important}
}

/* Final fix: Section 2 card hierarchy + clean equal grid */
.explore-jobs .category-panel-box{
  max-width:1280px;
  margin:0 auto;
  padding:44px 42px 48px!important;
}
.explore-jobs .category-grid,
.explore-jobs .category-grid.active{
  display:none;
}
.explore-jobs .category-grid.active{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(170px,1fr))!important;
  grid-template-rows:none!important;
  gap:22px!important;
  max-width:1050px!important;
  width:100%!important;
  margin:0 auto!important;
  align-items:stretch!important;
}
.explore-jobs .category-card,
.explore-jobs .category-card.tall{
  grid-row:auto!important;
  height:150px!important;
  min-height:150px!important;
  border-radius:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:20px!important;
  gap:14px!important;
}
.explore-jobs .category-card i{
  font-size:30px!important;
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
}
.explore-jobs .category-card span{
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
.explore-jobs .job-tabs{
  max-width:520px!important;
  height:auto!important;
  padding:7px!important;
}
.explore-jobs .job-tabs button{
  min-height:46px!important;
  font-size:15px!important;
}
.explore-jobs .poster-panel-box{
  max-width:1280px;
  margin:34px auto 0;
}
.explore-jobs .poster-row::-webkit-scrollbar{height:8px}
.explore-jobs .poster-row::-webkit-scrollbar-thumb{background:rgba(32,184,255,.55);border-radius:999px}
.explore-jobs .poster-row::-webkit-scrollbar-track{background:rgba(255,255,255,.08);border-radius:999px}

@media(max-width:980px){
  .explore-jobs .category-grid.active{
    grid-template-columns:repeat(3,minmax(150px,1fr))!important;
  }
}
@media(max-width:700px){
  .explore-jobs .category-panel-box{padding:24px 16px 28px!important}
  .explore-jobs .category-grid.active{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .explore-jobs .category-card,
  .explore-jobs .category-card.tall{
    height:118px!important;
    min-height:118px!important;
    border-radius:18px!important;
    padding:14px!important;
  }
  .explore-jobs .category-card i{font-size:24px!important;width:34px!important;height:34px!important}
  .explore-jobs .category-card span{font-size:13px!important}
  .explore-jobs .job-tabs{width:100%!important;margin-bottom:24px!important}
  .explore-jobs .job-tabs button{font-size:13px!important;min-height:42px!important}
}

/* Services page rework */
.nav-links a.active-page{color:var(--support)}
.page-hero{min-height:78vh;padding:150px 20px 80px;background:radial-gradient(circle at 20% 10%,rgba(38,181,255,.26),transparent 32%),linear-gradient(135deg,#061127,#08264a 58%,#061127);display:grid;place-items:center;text-align:center;color:#fff}
.page-hero-inner{width:min(980px,100%);margin:auto}.page-hero-inner h1{font-size:clamp(42px,6vw,86px);line-height:1.02;letter-spacing:-3px;margin:18px 0}.page-hero-inner p:last-child{font-size:18px;line-height:1.8;color:#cfe0f6;width:min(780px,100%);margin:auto}
.services-page-section{padding:105px 20px;background:#06101f;color:#fff}.services-page-head{text-align:center;width:min(850px,100%);margin:0 auto 52px}.services-page-head p{text-transform:uppercase;letter-spacing:2px;color:#26b5ff;font-weight:900}.services-page-head h2{font-size:clamp(34px,4vw,58px);line-height:1.08;margin:12px 0}.services-page-head span{color:#aebbd0;line-height:1.7}.services-page-grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-detail-card{background:linear-gradient(180deg,#151b2a,#101725);border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:34px;min-height:330px;box-shadow:0 22px 60px rgba(0,0,0,.24);transition:.25s ease}.service-detail-card:hover,.featured-service-card{transform:translateY(-6px);border-color:rgba(38,181,255,.48);box-shadow:0 28px 72px rgba(38,181,255,.16)}.service-detail-icon{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#26b5ff,#0c6eff);font-size:26px;margin-bottom:24px}.service-detail-card h3{font-size:24px;margin-bottom:14px}.service-detail-card p{color:#b8c5d9;line-height:1.72}.service-detail-card ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px}.service-detail-card li{color:#dbe8fa;font-weight:700}.service-detail-card li::before{content:'✓';color:#26b5ff;margin-right:9px}.service-process-section{padding:95px 20px;background:linear-gradient(180deg,#071327,#050b18);color:#fff}.compact-head{margin-bottom:34px}.process-row{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.process-row article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:32px}.process-row b{color:#26b5ff;font-size:34px}.process-row h3{font-size:23px;margin:15px 0 10px}.process-row p{color:#b9c6da;line-height:1.7}@media(max-width:950px){.services-page-grid,.process-row{grid-template-columns:1fr}.service-detail-card{min-height:auto}.page-hero{min-height:auto;padding-top:130px}.page-hero-inner h1{letter-spacing:-1.5px}}


/* === All menu pages rework === */
.nav-links a.active-page{color:var(--accent, #22b8ff);font-weight:800;}
.inner-blue-hero{min-height:46vh;background:radial-gradient(circle at 20% 20%, rgba(34,184,255,.22), transparent 34%), linear-gradient(135deg,#071326,#102b48);display:flex;align-items:center;justify-content:center;text-align:center;padding:140px 18px 80px;color:#fff;}
.inner-blue-hero .page-hero-inner{max-width:980px;margin:auto;}
.inner-blue-hero h1{font-size:clamp(38px,6vw,82px);line-height:1.02;margin:18px 0;font-weight:900;letter-spacing:-.04em;}
.inner-blue-hero p:last-child{max-width:760px;margin:auto;color:#c9d7ea;font-size:18px;line-height:1.8;}
.inner-section{padding:90px 6%;background:#07101f;color:#fff;}
.industry-page-grid,.contact-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1180px;margin:40px auto 0;}
.industry-page-grid article,.contact-page-grid article{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.24);}
.industry-page-grid i,.contact-page-grid i{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#26bdff,#0b72d9);font-size:24px;margin-bottom:22px;}
.industry-page-grid h3,.contact-page-grid h3{font-size:21px;margin-bottom:10px;}
.industry-page-grid p,.contact-page-grid p{color:#b8c4d8;line-height:1.7;}
.about-page-full{min-height:92vh;padding-top:140px!important;}
.page-search{max-width:1050px;margin:0 auto 60px;}
.faq-page{padding-top:120px;min-height:90vh;}
.contact-form-box{max-width:900px;margin:50px auto 0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:34px;}
.contact-form-box h2{font-size:34px;margin-bottom:22px;}
.contact-form-box form{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.contact-form-box input,.contact-form-box textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:#0f1c2e;color:#fff;border-radius:16px;padding:16px;font-family:inherit;}
.contact-form-box textarea{grid-column:1/-1;min-height:130px;resize:vertical;}
.contact-form-box button{grid-column:1/-1;border:0;border-radius:16px;padding:16px 22px;background:linear-gradient(135deg,#28c1ff,#0878df);color:#fff;font-weight:800;cursor:pointer;}
@media(max-width:900px){.industry-page-grid,.contact-page-grid{grid-template-columns:1fr}.contact-form-box form{grid-template-columns:1fr}.inner-blue-hero{padding-top:115px}.inner-section{padding:70px 18px}.about-page-full{padding-top:110px!important;}}

/* === Testimonials + Clients homepage section === */
.testimonials-clients{
  padding:100px 20px 94px;
  background:radial-gradient(circle at 50% 42%,rgba(34,184,255,.16),transparent 34%),linear-gradient(180deg,#f7fbff 0%,#eef7ff 100%);
  color:#061127;
  overflow:hidden;
}
.light-head p{color:#0b8ce8!important;}
.light-head h2{color:#061127!important;}
.light-head span{color:#50647e!important;}
.testimonial-slider{
  position:relative;
  width:min(1180px,100%);
  margin:44px auto 36px;
  padding:0 54px 46px;
}
.testimonial-track{
  display:flex;
  gap:28px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:8px 4px 92px;
  scrollbar-width:none;
}
.testimonial-track::-webkit-scrollbar{display:none;}
.testimonial-card{
  position:relative;
  flex:0 0 calc((100% - 56px)/3);
  min-height:310px;
  padding:38px 32px 48px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(34,184,255,.18);
  box-shadow:0 24px 70px rgba(7,33,66,.10);
  text-align:center;
  scroll-snap-align:center;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 34px 90px rgba(34,184,255,.18);border-color:rgba(34,184,255,.42);}
.testimonial-card::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-17px;
  width:34px;
  height:34px;
  background:#fff;
  border-right:1px solid rgba(34,184,255,.18);
  border-bottom:1px solid rgba(34,184,255,.18);
  transform:translateX(-50%) rotate(45deg);
}
.testimonial-card .stars{
  color:#22b8ff;
  letter-spacing:4px;
  font-size:19px;
  margin-bottom:22px;
}
.testimonial-card p{
  color:#52657e;
  line-height:1.85;
  font-weight:600;
  margin:0 auto 28px;
}
.testimonial-card strong{
  position:absolute;
  left:0;
  right:0;
  bottom:-76px;
  color:#061127;
  text-transform:uppercase;
  letter-spacing:1.2px;
  font-size:16px;
}
.featured-testimonial{border-color:rgba(34,184,255,.45);box-shadow:0 30px 90px rgba(34,184,255,.16);}
.testimonial-nav{
  position:absolute;
  top:42%;
  transform:translateY(-50%);
  z-index:5;
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid rgba(34,184,255,.28);
  background:#fff;
  color:#0b8ce8;
  box-shadow:0 12px 36px rgba(7,33,66,.14);
  cursor:pointer;
}
.testimonial-prev{left:0;}
.testimonial-next{right:0;}
.testimonial-dots{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:9px;}
.testimonial-dots button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(11,140,232,.25);cursor:pointer;padding:0;}
.testimonial-dots button.active{width:26px;border-radius:999px;background:#0b8ce8;}
.clients-block{width:min(1180px,100%);margin:88px auto 0;text-align:center;}
.clients-title{margin-bottom:30px!important;}
.clients-marquee{position:relative;overflow:hidden;padding:6px 0 12px;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);}
.clients-row{display:flex;gap:18px;width:max-content;animation:clientMarquee 26s linear infinite;}
.clients-marquee:hover .clients-row{animation-play-state:paused;}
.client-logo{
  min-width:180px;
  min-height:92px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(7,33,66,.1);
  box-shadow:0 14px 40px rgba(7,33,66,.08);
  color:#0a3766;
  font-weight:900;
  font-size:18px;
  text-align:center;
  padding:16px;
}
.client-logo:nth-child(even){color:#0b8ce8;}
@keyframes clientMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(max-width:980px){
  .testimonial-slider{padding:0 46px 46px;}
  .testimonial-card{flex-basis:calc((100% - 28px)/2);}
}
@media(max-width:640px){
  .testimonials-clients{padding:72px 16px 74px;}
  .testimonial-slider{padding:0 0 46px;}
  .testimonial-nav{display:none;}
  .testimonial-card{flex-basis:86%;min-height:auto;padding:30px 22px 44px;}
  .clients-block{margin-top:78px;}
  .client-logo{min-width:155px;min-height:78px;font-size:15px;}
}


/* Apply Job page + CTA rework */
.apply-cta-band{
  width:min(1180px, calc(100% - 40px));
  margin:34px auto 90px;
  padding:34px 38px;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(34,184,255,.18), rgba(5,16,39,.92));
  border:1px solid rgba(34,184,255,.28);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  box-shadow:0 24px 70px rgba(5,16,39,.18);
}
.apply-cta-band h2{font-size:clamp(28px,3vw,44px);color:#fff;margin:8px 0 8px;line-height:1.05;}
.apply-cta-band p{color:#bfd8f5;max-width:650px;line-height:1.7;margin:0;}
.apply-page-btn,.apply-submit{
  border:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:16px 24px;
  border-radius:16px;
  background:#22b8ff;
  color:#061127;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 18px 40px rgba(34,184,255,.28);
  cursor:pointer;
  white-space:nowrap;
}
.apply-page-btn:hover,.apply-submit:hover{transform:translateY(-2px);filter:brightness(1.05);}
.apply-hero{padding-bottom:72px;}
.apply-section{padding:72px 20px 110px;background:linear-gradient(180deg,#eef8ff 0%,#ffffff 70%);}
.apply-shell{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:.88fr 1.35fr;gap:28px;align-items:start;}
.apply-info-card,.apply-form{
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(7,33,66,.1);
  box-shadow:0 24px 70px rgba(7,33,66,.1);
}
.apply-info-card{padding:36px;position:sticky;top:110px;}
.apply-info-card h2{font-size:clamp(30px,3vw,48px);line-height:1.08;color:#061127;margin:14px 0;}
.apply-info-card p{color:#52657e;line-height:1.8;font-weight:600;}
.apply-highlights{display:grid;gap:12px;margin-top:24px;}
.apply-highlights span{display:flex;gap:10px;align-items:center;color:#0a3766;font-weight:800;background:#eef8ff;border:1px solid rgba(34,184,255,.18);padding:13px 14px;border-radius:14px;}
.apply-highlights i{color:#22b8ff;}
.apply-form{padding:34px;display:grid;gap:18px;}
.apply-form label{display:grid;gap:8px;color:#0b1834;font-weight:800;font-size:14px;}
.form-row{display:grid;gap:18px;}
.form-row.two{grid-template-columns:repeat(2,1fr);}
.form-row.three{grid-template-columns:repeat(3,1fr);}
.apply-form input,.apply-form select,.apply-form textarea{
  width:100%;
  border:1px solid rgba(7,33,66,.14);
  background:#f8fbff;
  border-radius:14px;
  padding:15px 16px;
  color:#061127;
  font:inherit;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.apply-form input:focus,.apply-form select:focus,.apply-form textarea:focus{border-color:#22b8ff;background:#fff;box-shadow:0 0 0 4px rgba(34,184,255,.13);}
.apply-form input[type=file]{padding:12px;background:#fff;}
.apply-submit{justify-self:start;margin-top:8px;}
@media(max-width:900px){
  .apply-shell{grid-template-columns:1fr;}
  .apply-info-card{position:relative;top:auto;}
  .apply-cta-band{flex-direction:column;align-items:flex-start;}
}
@media(max-width:640px){
  .form-row.two,.form-row.three{grid-template-columns:1fr;}
  .apply-form,.apply-info-card{padding:24px;border-radius:24px;}
  .apply-cta-band{width:calc(100% - 28px);padding:26px 22px;margin-bottom:70px;}
  .apply-page-btn,.apply-submit{width:100%;}
}

/* Enhanced Apply Job page: PDF + WhatsApp + Email workflow */
.apply-shell-enhanced {
  align-items: flex-start;
}
.apply-info-sticky {
  position: sticky;
  top: 110px;
}
.main-contact-box {
  margin-top: 24px;
  padding: 18px;
  border: 1px solid rgba(40, 174, 255, 0.22);
  background: rgba(2, 13, 31, 0.36);
  border-radius: 20px;
  display: grid;
  gap: 10px;
}
.main-contact-box h3 {
  margin: 0 0 4px;
  color: #fff;
  font-size: 18px;
}
.main-contact-box a {
  color: #d9efff;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
}
.main-contact-box i {
  color: #28aeff;
}
.enhanced-apply-form {
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}
.form-title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}
.form-title-row h2 {
  margin: 8px 0 0;
  font-size: clamp(28px, 3vw, 40px);
  color: #ffffff;
}
.form-note {
  font-size: 13px;
  font-weight: 800;
  color: #9bdcff;
  background: rgba(40, 174, 255, 0.12);
  border: 1px solid rgba(40, 174, 255, 0.22);
  padding: 10px 14px;
  border-radius: 999px;
  white-space: nowrap;
}
.submit-action-row {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 18px;
}
.submit-action-row p {
  margin: 0;
  color: #a9bad2;
  font-size: 14px;
  line-height: 1.6;
}
.apply-form input[type="file"] {
  padding: 13px;
  cursor: pointer;
}
.apply-form input:focus,
.apply-form select:focus,
.apply-form textarea:focus {
  border-color: rgba(40, 174, 255, 0.75);
  box-shadow: 0 0 0 4px rgba(40, 174, 255, 0.12);
}
.application-status {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(40, 174, 255, 0.12);
  border: 1px solid rgba(40, 174, 255, 0.25);
  color: #dff4ff;
  font-weight: 700;
}
@media (max-width: 980px) {
  .apply-info-sticky { position: static; }
  .form-title-row,
  .submit-action-row { flex-direction: column; align-items: flex-start; }
  .form-note { white-space: normal; }
}

/* Backend application status */
.application-status {
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 14px;
  font-weight: 700;
  line-height: 1.5;
  border: 1px solid rgba(40, 174, 255, 0.24);
  background: rgba(40, 174, 255, 0.10);
  color: #0b2345;
}
.application-status[data-type="success"] {
  border-color: rgba(16, 185, 129, 0.35);
  background: rgba(16, 185, 129, 0.12);
  color: #065f46;
}
.application-status[data-type="error"] {
  border-color: rgba(239, 68, 68, 0.35);
  background: rgba(239, 68, 68, 0.12);
  color: #991b1b;
}
.apply-submit:disabled {
  opacity: 0.72;
  cursor: not-allowed;
}


/* Backend requirement form polish */
.recruiter-form label,
.application-form label{display:flex;flex-direction:column;gap:8px;font-weight:700;color:#0b2d4d;font-size:14px;letter-spacing:.01em}
.form-grid.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.recruiter-form select,
.recruiter-form input[type="file"]{width:100%;border:1px solid rgba(15,80,130,.16);background:#fff;border-radius:16px;padding:14px 16px;font:inherit;outline:none;box-shadow:0 10px 24px rgba(13,72,115,.05)}
.recruiter-form select:focus,
.recruiter-form input[type="file"]:focus{border-color:#28aeff;box-shadow:0 0 0 4px rgba(40,174,255,.14)}
.requirement-status,.application-status{margin-top:18px;padding:14px 16px;border-radius:16px;font-weight:700;line-height:1.5;background:#eef8ff;color:#075985;border:1px solid rgba(40,174,255,.25)}
.requirement-status[data-type="success"],.application-status[data-type="success"]{background:#ecfdf5;color:#047857;border-color:#bbf7d0}
.requirement-status[data-type="error"],.application-status[data-type="error"]{background:#fff1f2;color:#be123c;border-color:#fecdd3}
@media (max-width:720px){.form-grid.two-col{grid-template-columns:1fr}.recruiter-form label{font-size:13px}}

/* === Walk-in Drive CTA + New Page Rework === */
.walkin-hero-cta{
  max-width:560px!important;
  margin:30px auto 0!important;
  padding:14px 18px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  color:#061127!important;
  border:1px solid rgba(255,255,255,.74)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.95)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  font-weight:900!important;
  letter-spacing:-.2px!important;
  text-decoration:none!important;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease!important;
}
.walkin-hero-cta:hover{transform:translateY(-4px);box-shadow:0 30px 76px rgba(32,184,255,.26)!important;background:#fff!important}
.walkin-hero-cta .walkin-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef8ff;color:#061127;box-shadow:inset 0 0 0 1px rgba(32,184,255,.18)}
.walkin-hero-cta b{background:#061127!important;color:#fff!important;border-radius:999px!important;padding:7px 10px!important;font-size:11px!important;line-height:1!important;letter-spacing:.4px!important;text-transform:uppercase!important}
.walkin-hero-cta > i{font-size:18px;color:#061127;transition:transform .25s ease}.walkin-hero-cta:hover > i{transform:translateX(5px)}
.walkin-page-hero{
  min-height:82vh;
  padding:150px 20px 90px;
  display:grid;
  place-items:center;
  text-align:center;
  color:#fff;
  background:
    radial-gradient(circle at 20% 18%, rgba(32,184,255,.28), transparent 30%),
    radial-gradient(circle at 82% 24%, rgba(84,118,255,.18), transparent 32%),
    linear-gradient(135deg,#050b18 0%,#071327 52%,#082e52 100%);
  position:relative;
  overflow:hidden;
}
.walkin-page-hero:before{content:"";position:absolute;inset:0;opacity:.14;background:linear-gradient(90deg,transparent 24%,rgba(255,255,255,.13) 25%,transparent 26%),linear-gradient(0deg,transparent 24%,rgba(255,255,255,.08) 25%,transparent 26%);background-size:88px 88px;pointer-events:none}
.walkin-hero-inner{position:relative;z-index:1;width:min(980px,100%);margin:auto}.walkin-hero-inner h1{font-size:clamp(44px,6vw,90px);line-height:1.02;letter-spacing:-3px;margin:18px 0}.walkin-hero-inner p:last-of-type{width:min(780px,100%);margin:0 auto;color:#c7d9f1;line-height:1.85;font-weight:600;font-size:18px}
.walkin-quick-stats{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:34px}.walkin-quick-stats span{display:flex;gap:8px;align-items:center;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#d7e8ff;font-weight:800}.walkin-quick-stats b{color:#20b8ff;font-size:20px}
.walkin-live-section{padding:90px 20px 110px;background:linear-gradient(180deg,#eef8ff 0%,#fff 78%)}.walkin-live-grid{width:min(1240px,100%);margin:auto;display:grid;grid-template-columns:.88fr 1.18fr;gap:30px;align-items:start}.walkin-drive-list,.walkin-register-form{border-radius:30px;background:#fff;border:1px solid rgba(7,33,66,.10);box-shadow:0 24px 70px rgba(7,33,66,.10)}.walkin-drive-list{padding:36px;position:sticky;top:110px}.walkin-drive-list h2{font-size:clamp(30px,3.4vw,52px);line-height:1.08;color:#061127;margin:14px 0 26px}.drive-cards{display:grid;gap:16px}.drive-cards article{padding:22px;border-radius:20px;background:#f7fbff;border:1px solid rgba(32,184,255,.16);transition:.25s}.drive-cards article:hover{transform:translateY(-4px);border-color:rgba(32,184,255,.38);box-shadow:0 18px 42px rgba(7,33,66,.08)}.drive-cards span{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e6f6ff;color:#0b8ce8;font-size:12px;font-weight:900;text-transform:uppercase}.drive-cards h3{font-size:21px;color:#061127;margin:14px 0 8px}.drive-cards p{color:#60718a;line-height:1.65;font-weight:600;margin-bottom:10px}.drive-cards b{color:#0b8ce8}
.walkin-register-form{padding:34px!important}@media(max-width:900px){.walkin-live-grid{grid-template-columns:1fr}.walkin-drive-list{position:relative;top:auto}.walkin-page-hero{min-height:auto;padding-top:132px}.walkin-hero-inner h1{letter-spacing:-1.5px}.walkin-hero-cta{max-width:100%!important}}@media(max-width:640px){.walkin-hero-cta{font-size:12px!important;padding:11px 12px!important;gap:7px!important}.walkin-hero-cta .walkin-icon{width:30px;height:30px}.walkin-hero-cta b{padding:6px 8px!important}.walkin-live-section{padding:72px 14px}.walkin-drive-list,.walkin-register-form{padding:24px!important;border-radius:24px}.walkin-quick-stats{display:grid}.walkin-hero-inner p:last-of-type{font-size:15px}.walkin-page-hero{padding-left:16px;padding-right:16px}}

/* === FINAL POLISH: Walk-in CTA + Walk-in Page hierarchy, spacing and alignment === */
.walkin-hero-cta{
  width:min(640px,100%)!important;
  min-height:74px!important;
  padding:12px 16px!important;
  margin:36px auto 0!important;
  justify-content:flex-start!important;
  gap:14px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(32,184,255,.22)!important;
  box-shadow:0 24px 70px rgba(7,33,66,.14)!important;
}
.walkin-hero-cta .walkin-icon{
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  background:linear-gradient(135deg,#eaf7ff,#ffffff)!important;
  color:var(--support)!important;
  border:1px solid rgba(32,184,255,.18)!important;
}
.walkin-hero-cta .walkin-copy{
  flex:1;
  display:grid;
  gap:2px;
  text-align:left;
  line-height:1.15;
}
.walkin-hero-cta .walkin-copy small{
  color:var(--support);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.9px;
}
.walkin-hero-cta .walkin-copy strong{
  color:#061127;
  font-size:clamp(14px,1.3vw,18px);
  letter-spacing:-.3px;
}
.walkin-hero-cta b{
  flex:0 0 auto;
  background:var(--main)!important;
  color:#fff!important;
}
.walkin-hero-cta > i{
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eef8ff;
  color:var(--support)!important;
}

.walkin-page-hero{
  min-height:86vh;
  padding:166px 20px 104px;
  background:
    radial-gradient(circle at 18% 18%, rgba(32,184,255,.24), transparent 32%),
    radial-gradient(circle at 78% 12%, rgba(32,184,255,.16), transparent 30%),
    linear-gradient(135deg,#050b18 0%,#08182f 52%,#073a66 100%);
}
.walkin-hero-inner{
  width:min(1080px,100%);
}
.walkin-hero-inner .eyebrow{
  justify-content:center;
  margin-inline:auto;
  color:#72d6ff;
  background:rgba(32,184,255,.12);
  border:1px solid rgba(32,184,255,.24);
  padding:10px 18px;
  border-radius:999px;
  width:max-content;
}
.walkin-hero-inner h1{
  max-width:920px;
  margin:22px auto 22px;
  font-size:clamp(42px,6.4vw,92px);
  line-height:.98;
  letter-spacing:-3.2px;
}
.walkin-hero-inner p:last-of-type{
  max-width:780px;
  font-size:18px;
  line-height:1.85;
  color:#cfe1f7;
}
.walkin-quick-stats{
  margin-top:42px;
  gap:18px;
}
.walkin-quick-stats span{
  min-width:178px;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  padding:18px 20px;
  border-radius:22px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(14px);
}
.walkin-quick-stats b{
  font-size:28px;
  line-height:1;
}
.walkin-quick-stats em{
  color:#d7e8ff;
  font-style:normal;
  font-size:13px;
  font-weight:800;
}
.walkin-live-section{
  padding:96px 20px 122px;
  background:linear-gradient(180deg,#eef8ff 0%,#f8fcff 46%,#fff 100%);
}
.walkin-process-strip{
  width:min(1120px,100%);
  margin:0 auto 34px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.walkin-process-strip article{
  display:flex;
  align-items:center;
  gap:15px;
  background:#fff;
  border:1px solid rgba(7,33,66,.09);
  border-radius:22px;
  padding:20px 22px;
  box-shadow:0 18px 50px rgba(7,33,66,.08);
}
.walkin-process-strip i{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(135deg,var(--support),#4f7cff);
  flex:0 0 auto;
}
.walkin-process-strip strong{
  display:block;
  color:#061127;
  font-size:16px;
  line-height:1.15;
}
.walkin-process-strip span{
  display:block;
  color:#60718a;
  font-size:13px;
  font-weight:700;
  margin-top:3px;
}
.walkin-live-grid{
  width:min(1260px,100%);
  grid-template-columns:.92fr 1.2fr;
  gap:34px;
}
.walkin-drive-list,
.walkin-register-form{
  border-radius:34px;
  border:1px solid rgba(32,184,255,.14);
  box-shadow:0 28px 80px rgba(7,33,66,.11);
}
.walkin-drive-list{
  padding:42px;
}
.walkin-drive-list .eyebrow,
.walkin-register-form .eyebrow{
  color:var(--support);
  background:rgba(32,184,255,.10);
  border:1px solid rgba(32,184,255,.18);
  border-radius:999px;
  padding:9px 14px;
  width:max-content;
}
.drive-cards{
  gap:18px;
}
.drive-cards article{
  padding:24px;
  border-radius:22px;
  background:linear-gradient(180deg,#f8fcff,#eef8ff);
}
.walkin-register-form{
  padding:40px!important;
}
.walkin-register-form .form-title-row{
  margin-bottom:26px;
}
.walkin-register-form .form-title-row h2{
  color:#061127;
}
.walkin-register-form .form-note{
  color:#0b8ce8;
  background:#eef8ff;
}
.walkin-register-form label{
  color:#0b1834;
}
.walkin-register-form .submit-action-row{
  align-items:center;
  padding-top:8px;
}
.walkin-register-form .submit-action-row p{
  color:#60718a;
  font-weight:700;
}

@media(max-width:900px){
  .walkin-process-strip{grid-template-columns:1fr;}
  .walkin-live-grid{grid-template-columns:1fr;}
  .walkin-page-hero{min-height:auto;padding:136px 16px 82px;}
  .walkin-drive-list{position:relative;top:auto;}
}
@media(max-width:640px){
  .walkin-hero-cta{min-height:66px!important;padding:10px 12px!important;}
  .walkin-hero-cta .walkin-icon{width:40px!important;height:40px!important;flex-basis:40px!important;}
  .walkin-hero-cta .walkin-copy small{font-size:9px;}
  .walkin-hero-cta .walkin-copy strong{font-size:13px;}
  .walkin-hero-cta b{font-size:10px!important;padding:6px 8px!important;}
  .walkin-hero-cta > i{width:30px;height:30px;flex-basis:30px;}
  .walkin-hero-inner h1{letter-spacing:-1.6px;font-size:40px;}
  .walkin-hero-inner p:last-of-type{font-size:15px;}
  .walkin-quick-stats{grid-template-columns:1fr;display:grid;}
  .walkin-live-section{padding:72px 14px 86px;}
  .walkin-process-strip article{padding:18px;border-radius:18px;}
  .walkin-drive-list,.walkin-register-form{padding:24px!important;border-radius:24px;}
}


/* SAME BACKGROUND DESIGN APPLIED TO ALL HOME SECTIONS */
.hero{
  background:linear-gradient(180deg,rgba(247,251,255,.94),rgba(238,248,255,.94)),var(--hero-bg-image) center center/var(--section-bg-size-desktop) no-repeat!important;
}
.explore-jobs,.about-rework,.testimonials-clients,.faq-section{
  background:var(--section-overlay-light),var(--section-bg-image) var(--section-bg-position)/var(--section-bg-size-desktop) no-repeat!important;
}
.hub-section{
  background:var(--section-overlay-dark),var(--section-bg-image) var(--section-bg-position)/var(--section-bg-size-desktop) no-repeat!important;
}
.recruiter-page,.page-hero,.application-page,.walkin-page,.services-page,.industries-page,.careers-page,.contact-page,.about-page,.faq-page{
  background:var(--section-overlay-light),var(--section-bg-image) var(--section-bg-position)/var(--section-bg-size-desktop) no-repeat!important;
}

/* Optional visual background picker - appears only when added in HTML */
.bg-control-panel{
  position:fixed;left:18px;bottom:18px;z-index:1600;background:rgba(255,255,255,.94);
  border:1px solid rgba(7,16,39,.10);box-shadow:0 18px 50px rgba(7,16,39,.16);
  border-radius:18px;padding:12px;display:flex;gap:8px;align-items:center;backdrop-filter:blur(12px);
}
.bg-control-panel span{font-size:11px;font-weight:900;color:var(--main);text-transform:uppercase;letter-spacing:.7px;margin-right:4px}
.bg-choice{width:34px;height:34px;border:2px solid #fff;border-radius:11px;box-shadow:0 6px 16px rgba(7,16,39,.18);cursor:pointer}
.bg-choice.blue{background:linear-gradient(135deg,#061127,#20b8ff)}
.bg-choice.light{background:linear-gradient(135deg,#eef8ff,#fff)}
.bg-choice.dark{background:linear-gradient(135deg,#050b18,#08264a)}
.bg-choice.active{outline:3px solid var(--support)}

@media(max-width:700px){
  .hero,.explore-jobs,.about-rework,.testimonials-clients,.faq-section,.hub-section,
  .recruiter-page,.page-hero,.application-page,.walkin-page,.services-page,.industries-page,.careers-page,.contact-page,.about-page,.faq-page{
    background-size:var(--section-bg-size-mobile)!important;
    background-position:center top!important;
  }
  .bg-control-panel{left:12px;bottom:12px;padding:9px;border-radius:14px}
  .bg-choice{width:28px;height:28px}
}


/* =========================================================
   FINAL: SAME BACKGROUND IMAGE ON EVERY SECTION + EVERY PAGE
   Replace only this file to change the full website background:
   assets/section-bg-blue.svg
   Desktop/laptop/mobile use cover, no visual option button.
   ========================================================= */
:root{
  --site-bg-image:url('../assets/section-bg-blue.svg');
  --site-bg-position:center center;
  --site-bg-size:cover;
  --site-light-overlay:linear-gradient(180deg,rgba(247,251,255,.94),rgba(238,248,255,.94));
  --site-dark-overlay:linear-gradient(180deg,rgba(5,11,24,.90),rgba(7,19,39,.93));
}
.bg-control-panel{display:none!important;}
body{
  background:var(--site-dark-overlay),var(--site-bg-image) var(--site-bg-position)/var(--site-bg-size) fixed no-repeat!important;
}
/* Home sections */
.hero,
.explore-jobs,
.about-rework,
.testimonials-clients,
.faq-section,
.hub-section{
  background:var(--site-dark-overlay),var(--site-bg-image) var(--site-bg-position)/var(--site-bg-size) no-repeat!important;
  position:relative;
  overflow:hidden;
}
/* Inner pages and all page sections */
.recruiter-page,
.page-hero,
.inner-blue-hero,
.inner-section,
.services-page-section,
.service-process-section,
.apply-cta-band,
.application-page,
.apply-section,
.walkin-page-hero,
.walkin-live-section,
.walkin-process-strip,
.walkin-page,
.services-page,
.industries-page,
.careers-page,
.contact-page,
.about-page,
.faq-page{
  background:var(--site-dark-overlay),var(--site-bg-image) var(--site-bg-position)/var(--site-bg-size) no-repeat!important;
  position:relative;
  overflow:hidden;
}
/* Keep light content sections readable while background image stays visible */
.testimonials-clients,
.faq-section:not(.faq-page),
.about-rework,
.application-page,
.apply-section,
.recruiter-page{
  background:var(--site-light-overlay),var(--site-bg-image) var(--site-bg-position)/var(--site-bg-size) no-repeat!important;
}
/* Dark page typography safety */
.explore-jobs .section-head h2,
.hub-section h2,
.services-page-section h2,
.service-process-section h2,
.inner-section h2,
.walkin-live-section h2{color:#fff!important;}
.explore-jobs .section-head span,
.hub-section p,
.services-page-section span,
.service-process-section p,
.inner-section p,
.walkin-live-section p{color:#cfe0f6!important;}
/* Background image change instructions for developer:
   1) Put your new image inside assets/
   2) Rename it as section-bg-blue.svg or change --site-bg-image url above
*/
@media(max-width:700px){
  body,
  .hero,.explore-jobs,.about-rework,.testimonials-clients,.faq-section,.hub-section,
  .recruiter-page,.page-hero,.inner-blue-hero,.inner-section,.services-page-section,.service-process-section,.apply-cta-band,
  .application-page,.apply-section,.walkin-page-hero,.walkin-live-section,.walkin-process-strip,.walkin-page,
  .services-page,.industries-page,.careers-page,.contact-page,.about-page,.faq-page{
    background-position:center top!important;
    background-size:cover!important;
  }
}


/* Search Jobs Page Rework */
.search-jobs-hero .page-hero-inner{max-width:920px;}
.job-search-page{padding-top:70px;}
.job-search-layout{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:380px 1fr;gap:28px;align-items:start;}
.job-filter-box,.job-results-box{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:28px;box-shadow:0 24px 70px rgba(7,16,39,.10);}
.job-filter-box{padding:28px;position:sticky;top:110px;}
.job-search-form{display:grid;gap:16px;margin-top:22px;}
.job-search-form label{display:grid;gap:8px;text-align:left;}
.job-search-form label span{font-size:12px;text-transform:uppercase;letter-spacing:.8px;font-weight:900;color:var(--main);}
.job-search-form input,.job-search-form select{height:54px;border:1px solid var(--line);border-radius:15px;padding:0 16px;outline:0;background:#f8fbff;color:#4d596d;font-weight:600;font-family:inherit;}
.job-search-form input:focus,.job-search-form select:focus{border-color:var(--support);box-shadow:0 0 0 4px rgba(32,184,255,.16);}
.job-search-form button{height:56px;border:0;border-radius:16px;background:var(--support);color:var(--main);font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 16px 34px rgba(32,184,255,.25);cursor:pointer;}
.job-results-box{padding:30px;}
.results-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;}
.results-head p{margin:0 0 6px;color:var(--support-dark);font-size:13px;text-transform:uppercase;letter-spacing:1px;font-weight:900;}
.results-head h2{margin:0;color:var(--main);font-size:clamp(26px,3vw,42px);letter-spacing:-1.2px;}
.small-apply-btn{height:48px;padding:0 22px;border-radius:999px;background:var(--main);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;white-space:nowrap;}
.category-chip-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px;}
.category-chip-row button{border:1px solid var(--line);background:#f5faff;color:var(--main);border-radius:999px;padding:11px 16px;font-weight:800;cursor:pointer;}
.category-chip-row button:hover,.category-chip-row button.active{background:var(--support);border-color:var(--support);}
.job-result-grid{display:grid;gap:16px;}
.job-result-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:18px;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#fff,#f7fbff);transition:.25s ease;}
.job-result-card:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(7,16,39,.10);}
.job-result-card>i{width:58px;height:58px;border-radius:18px;background:var(--support-soft);color:var(--support-dark);display:grid;place-items:center;font-size:24px;}
.job-result-card h3{margin:0 0 6px;color:var(--main);font-size:20px;}
.job-result-card p{margin:0 0 7px;color:#526075;line-height:1.55;}
.job-result-card span{color:#8a95a6;font-size:13px;font-weight:700;}
.job-result-card a{border-radius:999px;background:var(--support);color:var(--main);padding:12px 18px;font-weight:900;white-space:nowrap;}
@media(max-width:980px){.job-search-layout{grid-template-columns:1fr}.job-filter-box{position:relative;top:auto}.results-head{align-items:flex-start;flex-direction:column}.job-result-card{grid-template-columns:52px 1fr}.job-result-card a{grid-column:1/-1;text-align:center}}
@media(max-width:560px){.job-filter-box,.job-results-box{padding:20px;border-radius:22px}.job-result-card{grid-template-columns:1fr;text-align:center}.job-result-card>i{margin:auto}.category-chip-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.category-chip-row button{white-space:nowrap}}

/* Search Jobs strict result flow: only listed jobs + no-result profile form */
.result-subtitle{margin:8px 0 0!important;color:#64748b!important;font-size:14px!important;font-weight:600!important;line-height:1.6!important;max-width:680px;}
.job-help-card{display:flex;gap:16px;align-items:flex-start;padding:24px;border:1px dashed rgba(31,122,183,.35);border-radius:22px;background:rgba(245,250,255,.85);}
.job-help-card i{width:54px;height:54px;border-radius:16px;background:var(--support-soft);display:grid;place-items:center;color:var(--support-dark);font-size:22px;flex:0 0 auto;}
.job-help-card h3{margin:0 0 6px;color:var(--main);font-size:20px;}
.job-help-card p{margin:0;color:#526075;line-height:1.6;}
.no-job-box{margin-top:8px;padding:24px;border:1px solid rgba(31,122,183,.18);border-radius:26px;background:linear-gradient(135deg,#ffffff,#f4faff);box-shadow:0 18px 48px rgba(7,16,39,.08);}
.no-job-message{display:flex;gap:18px;align-items:flex-start;padding:20px;border-radius:22px;background:rgba(32,184,255,.10);border:1px solid rgba(32,184,255,.20);margin-bottom:22px;}
.no-job-message>i{width:58px;height:58px;border-radius:18px;background:#fff;color:var(--support-dark);display:grid;place-items:center;font-size:24px;box-shadow:0 10px 24px rgba(7,16,39,.08);flex:0 0 auto;}
.no-job-message h3{margin:0 0 8px;color:var(--main);font-size:22px;}
.no-job-message p{margin:0;color:#526075;line-height:1.65;}
.candidate-profile-form{display:grid;gap:18px;}
.candidate-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.candidate-profile-form label{display:grid;gap:8px;text-align:left;}
.candidate-profile-form label span{font-size:12px;text-transform:uppercase;letter-spacing:.8px;font-weight:900;color:var(--main);}
.candidate-profile-form input,.candidate-profile-form textarea{width:100%;border:1px solid var(--line);border-radius:15px;padding:0 16px;outline:0;background:#f8fbff;color:#4d596d;font-weight:600;font-family:inherit;}
.candidate-profile-form input{height:54px;}
.candidate-profile-form input[readonly]{background:#edf6ff;color:#607086;}
.candidate-profile-form textarea{min-height:112px;padding-top:14px;resize:vertical;}
.candidate-profile-form input:focus,.candidate-profile-form textarea:focus{border-color:var(--support);box-shadow:0 0 0 4px rgba(32,184,255,.16);}
.candidate-profile-form .full-field{grid-column:1/-1;}
.candidate-profile-form button{height:58px;border:0;border-radius:16px;background:var(--main);color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 16px 34px rgba(7,16,39,.18);cursor:pointer;}
.candidate-profile-status{margin:0!important;padding:14px 16px;border-radius:14px;background:#eef7ff;color:#255a87!important;font-weight:700!important;display:block;}
.candidate-profile-status:empty{display:none;}
.candidate-profile-status[data-type="success"]{background:#e9fbf0;color:#126137!important;}
.candidate-profile-status[data-type="error"]{background:#fff0f0;color:#b42318!important;}
@media(max-width:760px){.candidate-form-grid{grid-template-columns:1fr}.no-job-message{flex-direction:column}.no-job-box{padding:18px}.job-help-card{flex-direction:column}}


/* =========================================================
   MOBILE RESPONSIVE FIT REWORK - every page + every section
   Purpose: prevent overflow, keep cards/buttons/forms perfectly fitting
   on 320px, 360px, 390px, 430px mobile screens.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden;}
img,video,iframe,svg{max-width:100%;height:auto;}
.container,.hero-shell,.page-hero-inner,.inner-wrap,.about-rework-inner,.footer-inner,.job-search-layout{max-width:100%;}

@media(max-width:1100px){
  .site-header{padding:14px 14px;}
  .navbar{height:auto;min-height:70px;border-radius:16px;padding:10px 12px;gap:12px;}
  .brand{min-width:auto;gap:10px;}
  .brand img{width:44px;height:44px;border-radius:10px;}
  .brand span{font-size:13px;}
  .brand b{font-size:10px;letter-spacing:4px;}
  .menu-toggle{display:grid;place-items:center;flex:0 0 46px;}
  .nav-links{position:fixed;left:14px;right:14px;top:92px;z-index:80;display:grid;grid-template-columns:1fr;gap:6px;background:rgba(255,255,255,.98);border:1px solid rgba(7,16,39,.08);border-radius:18px;padding:14px;box-shadow:0 24px 70px rgba(7,16,39,.18);transform:translateY(-14px);opacity:0;pointer-events:none;transition:.25s ease;max-height:calc(100vh - 112px);overflow-y:auto;}
  .nav-links.open,.navbar.open .nav-links,.site-header.open .nav-links{transform:translateY(0);opacity:1;pointer-events:auto;}
  .nav-links li{width:100%;}
  .nav-links a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 14px;border-radius:12px;background:#f5faff;font-size:14px;}
  .nav-links a:after{display:none;}
  .nav-cta{height:46px;padding:0 12px;border-radius:12px;font-size:13px;white-space:nowrap;}
  .nav-cta i{width:30px;height:30px;border-radius:9px;}
}

@media(max-width:900px){
  .hero{min-height:auto;padding:118px 14px 58px;place-items:start center;}
  .top-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:34px;}
  .stat-card{min-height:auto;padding:18px 14px;border-radius:18px;gap:12px;}
  .stat-card i{width:48px;height:48px;border-radius:14px;font-size:20px;flex:0 0 48px;}
  .stat-card strong{font-size:28px;}
  .stat-card span{font-size:12px;line-height:1.35;margin-top:6px;}
  .hero h1{font-size:clamp(34px,11vw,58px);letter-spacing:-1.8px;}
  .hero-text{font-size:15px;line-height:1.65;}
  .hero-search{grid-template-columns:1fr;gap:10px;border-radius:18px;padding:10px;margin-top:30px;}
  .hero-search label{height:54px;padding:0 14px;}
  .hero-search button{height:54px;}
  .logo-row{gap:18px;}

  .explore-jobs,.service,.about,.about-rework,.testimonials-clients,.faq-section,.hub-section{padding-left:14px!important;padding-right:14px!important;}
  .section-head{margin-bottom:32px;}
  .section-head h2{font-size:clamp(28px,8vw,42px);letter-spacing:-1px;}
  .section-head span{font-size:14px;}
  .job-tabs{margin-bottom:28px;}
  .category-grid,.category-grid.active{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:12px;margin-bottom:38px;}
  .category-card,.category-card.tall{min-height:116px;height:auto;grid-row:auto;border-radius:18px;padding:16px 10px;}
  .category-card span{font-size:13px;}
  .poster-row{gap:14px;padding-left:0;padding-right:0;}
  .poster-card{flex-basis:calc(100vw - 32px);min-height:auto;border-radius:20px;padding:24px;display:grid;grid-template-columns:1fr;}
  .poster-content{max-width:none;}
  .poster-card h3{font-size:32px;letter-spacing:-1px;}
  .poster-card p{font-size:14px;}
  .poster-stat{min-width:0;width:100%;grid-template-columns:repeat(2,1fr);padding:16px;gap:10px;}
  .poster-stat b{font-size:30px;}
  .poster-visual{width:92px;height:92px;min-width:92px;border-radius:28px;font-size:42px;}

  .service-grid,.industries-grid,.cards-grid,.page-grid,.contact-page-grid,.about-grid,.footer-grid{grid-template-columns:1fr!important;}
  .service-card,.industry-card,.page-card,.about-card,.contact-card{border-radius:22px;padding:22px;}
  .hub-grid{grid-template-columns:1fr!important;gap:16px;}
  .hub-card{padding:24px;border-radius:22px;}
  .about-rework-card,.about-browser,.about-window{grid-template-columns:1fr!important;}

  .page-hero,.inner-blue-hero,.services-hero,.walkin-page-hero{min-height:auto!important;padding:118px 14px 60px!important;}
  .page-hero h1,.inner-blue-hero h1,.services-hero h1,.walkin-page-hero h1{font-size:clamp(34px,10vw,54px)!important;letter-spacing:-1.5px!important;}
  .inner-section,.services-page-section,.service-process-section,.apply-section,.application-page,.walkin-live-section{padding:64px 14px!important;}
}

@media(max-width:560px){
  .site-header{padding:10px;}
  .navbar{border-radius:14px;min-height:64px;}
  .brand img{width:40px;height:40px;}
  .brand span{max-width:128px;white-space:normal;}
  .nav-cta{display:none;}
  .nav-links{top:82px;left:10px;right:10px;}
  .menu-toggle{width:42px;height:42px;flex-basis:42px;}

  .hero{padding-top:100px;padding-bottom:44px;}
  .top-stats{grid-template-columns:1fr;gap:10px;margin-bottom:28px;}
  .stat-card{padding:15px;}
  .eyebrow{font-size:10px;letter-spacing:1px;padding:8px 12px;margin-bottom:14px;}
  .hero h1{font-size:38px;line-height:1.08;margin-bottom:14px;}
  .hero-text{font-size:14px;}
  .walkin{width:100%;border-radius:16px;align-items:flex-start;text-align:left;padding:12px 14px;margin-bottom:28px;}
  .logo-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:center;}
  .logo-row b{background:rgba(255,255,255,.72);padding:10px;border-radius:12px;}

  .job-tabs{grid-template-columns:1fr;gap:6px;border-radius:16px;}
  .category-grid,.category-grid.active{grid-template-columns:1fr;}
  .poster-scroll-controls{gap:8px;}
  .poster-scroll-controls button{width:40px;height:40px;}
  .poster-hint{font-size:11px;}

  .testimonials-slider,.testimonial-track,.client-marquee,.client-track{max-width:100%;overflow:hidden;}
  .testimonial-card,.client-logo-card{min-width:calc(100vw - 42px)!important;max-width:calc(100vw - 42px)!important;}

  .site-footer,.footer-rework,.main-footer{padding:54px 14px 28px!important;}
  .footer-brand,.footer-column,.footer-bottom{max-width:100%;}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center;}

  .floating-contact,.floating-actions,.chat-float,.contact-float{right:12px!important;left:auto!important;bottom:14px!important;transform:none!important;z-index:1200;}
  .floating-contact-panel,.contact-float-menu{right:0!important;left:auto!important;max-width:calc(100vw - 24px)!important;}

  .job-search-page{padding-top:44px;}
  .job-search-layout{grid-template-columns:1fr;gap:18px;width:100%;}
  .job-filter-box,.job-results-box{width:100%;padding:18px;border-radius:20px;}
  .job-filter-box{position:relative!important;top:auto!important;}
  .results-head{gap:12px;margin-bottom:16px;}
  .results-head h2{font-size:26px;}
  .small-apply-btn{width:100%;height:46px;}
  .job-result-card{grid-template-columns:1fr!important;text-align:left;padding:18px;border-radius:18px;gap:12px;}
  .job-result-card>i{margin:0;}
  .job-result-card a{width:100%;text-align:center;}
  .job-help-card,.no-job-message{padding:16px;border-radius:18px;}
  .candidate-form-grid{grid-template-columns:1fr!important;}
  .candidate-profile-form button{width:100%;}

  form{width:100%;}
  input,select,textarea,button{max-width:100%;font-size:14px;}
  table{display:block;width:100%;overflow-x:auto;}
}

@media(max-width:380px){
  .brand span{max-width:108px;font-size:12px;}
  .hero h1{font-size:34px;}
  .stat-card strong{font-size:24px;}
  .section-head h2{font-size:28px;}
  .poster-card{padding:20px;}
  .poster-card h3{font-size:28px;}
}

/* =========================================================
   FINAL MOBILE FIX - Search Jobs Page
   Fixes 320px/360px/390px overflow, clipped heading, light text,
   form width, result spacing and Apply Job button alignment.
   ========================================================= */
.search-jobs-hero,
.job-search-page{
  overflow-x:hidden;
}
.search-jobs-hero .page-hero-inner,
.job-search-layout,
.job-filter-box,
.job-results-box,
.no-job-box,
.candidate-profile-form,
.candidate-form-grid{
  box-sizing:border-box;
}
.search-jobs-hero .eyebrow,
.job-filter-box .mini-title span{
  color:var(--support-dark)!important;
}
.job-filter-box .mini-title h3,
.results-head h2,
.no-job-message h3,
.job-help-card h3{
  color:var(--main)!important;
}
.job-results-box p,
.result-subtitle,
.no-job-message p,
.job-help-card p{
  color:#526075!important;
}
.job-search-form button,
.small-apply-btn,
.candidate-profile-form button{
  white-space:nowrap;
}

@media(max-width:700px){
  .search-jobs-hero.page-hero,
  .search-jobs-hero.inner-blue-hero{
    min-height:auto!important;
    padding:96px 14px 34px!important;
    text-align:left!important;
  }
  .search-jobs-hero .page-hero-inner{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
  }
  .search-jobs-hero .eyebrow{
    margin:0 0 14px!important;
    max-width:max-content;
  }
  .search-jobs-hero h1{
    width:100%!important;
    max-width:100%!important;
    display:block!important;
    font-size:clamp(28px,8.8vw,38px)!important;
    line-height:1.12!important;
    letter-spacing:-1px!important;
    margin:0 0 12px!important;
    color:var(--main)!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  .search-jobs-hero p:not(.eyebrow){
    color:#526075!important;
    font-size:14px!important;
    line-height:1.65!important;
    max-width:100%!important;
    margin:0!important;
  }
  .job-search-page.inner-section,
  .job-search-page{
    padding:28px 12px 54px!important;
  }
  .job-search-layout{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    margin:0!important;
  }
  .job-filter-box,
  .job-results-box{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:18px!important;
    border-radius:20px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.94)!important;
  }
  .job-filter-box{
    position:relative!important;
    top:auto!important;
  }
  .job-filter-box .mini-title{
    display:block!important;
    text-align:left!important;
    margin-bottom:16px!important;
  }
  .job-filter-box .mini-title span{
    display:inline-flex!important;
    margin-bottom:10px!important;
    font-size:11px!important;
    letter-spacing:.8px!important;
  }
  .job-filter-box .mini-title h3{
    font-size:26px!important;
    line-height:1.1!important;
    letter-spacing:-.5px!important;
    margin:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .job-search-form{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin:0!important;
  }
  .job-search-form label,
  .candidate-profile-form label{
    width:100%!important;
    min-width:0!important;
  }
  .job-search-form input,
  .job-search-form select,
  .candidate-profile-form input,
  .candidate-profile-form textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:54px!important;
    box-sizing:border-box!important;
    font-size:14px!important;
    border-radius:14px!important;
  }
  .candidate-profile-form textarea{
    height:auto!important;
    min-height:108px!important;
  }
  .job-search-form button{
    width:100%!important;
    height:58px!important;
    border-radius:16px!important;
    font-size:15px!important;
  }
  .results-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin-bottom:18px!important;
  }
  .results-head p{
    color:var(--support-dark)!important;
    font-size:11px!important;
    line-height:1.5!important;
    margin-bottom:6px!important;
  }
  .results-head h2{
    width:100%!important;
    font-size:clamp(24px,7vw,32px)!important;
    line-height:1.15!important;
    letter-spacing:-.6px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .result-subtitle{
    font-size:13px!important;
    line-height:1.6!important;
    margin-top:8px!important;
  }
  .small-apply-btn{
    width:100%!important;
    height:50px!important;
    border-radius:14px!important;
    justify-content:center!important;
    padding:0 16px!important;
  }
  .category-chip-row{
    display:flex!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    padding-bottom:8px!important;
    margin:0 0 18px!important;
    -webkit-overflow-scrolling:touch;
  }
  .category-chip-row button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    padding:10px 14px!important;
  }
  .job-result-grid{
    gap:14px!important;
  }
  .job-result-card{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:1fr!important;
    padding:18px!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  .job-result-card a{
    width:100%!important;
    text-align:center!important;
    justify-content:center!important;
  }
  .no-job-box{
    width:100%!important;
    max-width:100%!important;
    padding:16px!important;
    margin-top:14px!important;
    border-radius:20px!important;
  }
  .no-job-message{
    flex-direction:column!important;
    gap:12px!important;
    padding:16px!important;
    border-radius:18px!important;
  }
  .no-job-message h3{
    font-size:20px!important;
    line-height:1.25!important;
  }
  .no-job-message p{
    font-size:13px!important;
    line-height:1.6!important;
  }
  .candidate-form-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
  }
  .candidate-profile-form button{
    width:100%!important;
    height:56px!important;
    border-radius:16px!important;
  }
}

@media(max-width:380px){
  .search-jobs-hero h1{font-size:28px!important;}
  .job-filter-box .mini-title h3{font-size:24px!important;}
  .results-head h2{font-size:24px!important;}
  .job-filter-box,.job-results-box{padding:16px!important;}
}

/* =========================================================
   FINAL MENU BAR RESPONSIVE FIT REWORK
   Purpose: keep all menu content perfectly inside navbar in
   desktop, laptop, tablet and mobile views.
   ========================================================= */
.site-header{
  width:100%;
  padding:clamp(10px,1.4vw,22px) clamp(10px,4vw,80px)!important;
}
.navbar{
  width:min(1700px,100%)!important;
  min-height:76px;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  gap:clamp(10px,1.4vw,24px)!important;
  padding:10px clamp(12px,1.6vw,22px)!important;
  overflow:visible!important;
}
.brand{
  flex:0 0 auto!important;
  min-width:clamp(160px,15vw,230px)!important;
  max-width:240px;
  gap:clamp(8px,1vw,14px)!important;
  white-space:nowrap!important;
}
.brand img{
  width:clamp(42px,3.2vw,54px)!important;
  height:clamp(42px,3.2vw,54px)!important;
}
.brand span{font-size:clamp(14px,1.2vw,18px)!important;line-height:1.05!important;}
.brand b{font-size:clamp(9px,.75vw,12px)!important;letter-spacing:clamp(3px,.5vw,7px)!important;}
.nav-links{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(10px,1.55vw,28px)!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}
.nav-links > li{flex:0 0 auto!important;min-width:0!important;}
.nav-links a,
.nav-drop-trigger{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:8px 2px!important;
  font-size:clamp(12px,.86vw,15px)!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  letter-spacing:.1px!important;
}
.career-link sup,
.nav-links sup{
  position:relative;
  top:-.5em;
  margin-left:2px;
  font-size:9px!important;
  color:#ff4966;
  font-weight:900;
}
.nav-cta{
  flex:0 0 auto!important;
  height:clamp(48px,3.7vw,60px)!important;
  padding:0 clamp(12px,1.3vw,22px)!important;
  border-radius:14px!important;
  font-size:clamp(12px,.88vw,15px)!important;
  white-space:nowrap!important;
}
.nav-cta i{
  width:clamp(30px,2.35vw,36px)!important;
  height:clamp(30px,2.35vw,36px)!important;
}
.menu-toggle{flex:0 0 auto!important;}

/* Laptop/tablet: hide CTA first, keep all links neat */
@media (max-width:1180px){
  .navbar{gap:10px!important;}
  .brand{min-width:150px!important;}
  .nav-links{gap:clamp(8px,1.2vw,16px)!important;}
  .nav-links a,.nav-drop-trigger{font-size:12.5px!important;}
  .nav-cta{padding:0 12px!important;}
}
@media (max-width:1040px){
  .nav-cta{display:none!important;}
  .brand{min-width:155px!important;}
  .nav-links{justify-content:flex-end!important;gap:clamp(10px,1.6vw,20px)!important;}
}

/* Mobile menu: compact top bar + full-width dropdown panel */
@media (max-width:900px){
  .site-header{padding:10px!important;}
  .navbar{
    min-height:64px!important;
    border-radius:16px!important;
    padding:9px 10px!important;
    flex-wrap:nowrap!important;
  }
  .brand{min-width:0!important;max-width:calc(100% - 58px)!important;}
  .brand img{width:42px!important;height:42px!important;border-radius:10px!important;}
  .brand span{font-size:14px!important;}
  .brand b{font-size:9px!important;letter-spacing:4px!important;}
  .menu-toggle{
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    height:44px!important;
    margin-left:auto!important;
    border:0!important;
    border-radius:12px!important;
    background:var(--main)!important;
    color:#fff!important;
    z-index:1002!important;
  }
  .nav-links{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:84px!important;
    width:auto!important;
    max-height:calc(100vh - 104px)!important;
    overflow-y:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:12px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(7,16,39,.10)!important;
    border-radius:18px!important;
    box-shadow:0 24px 70px rgba(7,16,39,.20)!important;
    transform:translateY(-12px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:.24s ease!important;
    z-index:1001!important;
  }
  .nav-links.active,
  .nav-links.open,
  .navbar.open .nav-links,
  .site-header.open .nav-links{
    transform:translateY(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .nav-links > li{width:100%!important;display:block!important;}
  .nav-links a,
  .nav-drop-trigger{
    width:100%!important;
    min-height:48px!important;
    padding:13px 14px!important;
    justify-content:space-between!important;
    border-radius:13px!important;
    background:#f5faff!important;
    color:var(--main)!important;
    font-size:14px!important;
    font-weight:900!important;
    text-align:left!important;
  }
  .nav-links a.active-page{background:var(--support-soft)!important;color:var(--support-dark)!important;}
  .nav-links a:after{display:none!important;}
  .nav-cta{display:none!important;}
  .dropdown-panel{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    transform:none!important;
    max-height:0!important;
    overflow:hidden!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    box-shadow:none!important;
    background:#eef8ff!important;
    border-radius:14px!important;
    transition:max-height .24s ease,padding .24s ease,margin .24s ease!important;
  }
  .has-dropdown.open .dropdown-panel{
    max-height:60vh!important;
    padding:10px!important;
    margin-top:8px!important;
    overflow:auto!important;
  }
  .services-menu,.industry-menu{width:100%!important;max-height:none!important;padding:8px!important;}
  .services-menu a,.industry-menu a{background:#fff!important;border-radius:12px!important;margin-bottom:6px!important;}
}
@media (max-width:420px){
  .site-header{padding:8px!important;}
  .navbar{min-height:60px!important;border-radius:14px!important;padding:8px!important;}
  .brand img{width:38px!important;height:38px!important;}
  .brand span{font-size:12.5px!important;}
  .brand b{letter-spacing:3px!important;font-size:8px!important;}
  .menu-toggle{width:40px!important;height:40px!important;border-radius:11px!important;}
  .nav-links{left:8px!important;right:8px!important;top:76px!important;max-height:calc(100vh - 90px)!important;border-radius:16px!important;}
  .nav-links a,.nav-drop-trigger{min-height:46px!important;font-size:13px!important;padding:12px!important;}
}

/* === Trusted Enterprises scrolling animation rework === */
.trusted-enterprise-slider{
  width:min(1040px,100%);
  margin:0 auto;
  text-align:center;
  overflow:hidden;
}
.trusted-enterprise-slider span{
  display:block;
  margin-bottom:18px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:13px;
  font-weight:900;
}
.trusted-marquee{
  position:relative;
  overflow:hidden;
  padding:8px 0 14px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
}
.trusted-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:18px;
  animation:trustedEnterpriseScroll 24s linear infinite;
}
.trusted-marquee:hover .trusted-track{animation-play-state:paused;}
.trusted-track b{
  min-width:175px;
  min-height:64px;
  padding:16px 22px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(32,184,255,.16);
  color:#fff;
  font-size:clamp(17px,1.8vw,24px);
  font-weight:900;
  text-align:center;
  box-shadow:0 18px 48px rgba(0,0,0,.12);
  backdrop-filter:blur(10px);
  white-space:nowrap;
}
.trusted-track b:nth-child(even){color:#bfeaff;}
@keyframes trustedEnterpriseScroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@media(max-width:768px){
  .trusted-enterprise-slider{width:100%;}
  .trusted-track{gap:14px;animation-duration:18s;}
  .trusted-track b{min-width:150px;min-height:58px;font-size:16px;padding:14px 18px;}
}
@media(max-width:420px){
  .trusted-track b{min-width:138px;font-size:15px;}
}

/* =========================================================
   FINAL FIX: Hero content + stats + trusted slider responsive
   Fixes desktop/laptop/tablet/mobile horizontal overflow and
   keeps all homepage section-1 content centered and inside screen.
   ========================================================= */
html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
*, *::before, *::after{box-sizing:border-box;}
.hero{
  width:100%!important;
  max-width:100vw!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding-left:clamp(14px,4vw,70px)!important;
  padding-right:clamp(14px,4vw,70px)!important;
}
.hero-shell{
  width:min(1320px,100%)!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  transform:none!important;
  left:auto!important;
  right:auto!important;
}
.top-stats{
  width:100%!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(14px,1.4vw,22px)!important;
  overflow:visible!important;
}
.stat-card{
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}
.stat-card div{min-width:0!important;}
.stat-card strong,
.stat-card span{
  overflow-wrap:anywhere!important;
}
.hero-copy,
.hero-search,
.walkin-hero-cta,
.trusted-enterprise-slider{
  margin-left:auto!important;
  margin-right:auto!important;
  transform:none!important;
}
.hero-copy{width:min(930px,100%)!important;}
.hero-search{
  width:min(1040px,100%)!important;
  max-width:100%!important;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) minmax(130px,150px)!important;
}
.hero-search label,
.hero-search input,
.hero-search select,
.hero-search button{min-width:0!important;}
.walkin-hero-cta{
  max-width:min(720px,100%)!important;
  width:fit-content!important;
}
.trusted-enterprise-slider{
  width:min(1040px,100%)!important;
  max-width:100%!important;
}
.trusted-marquee{width:100%!important;max-width:100%!important;}
.trusted-track{will-change:transform;}
.trusted-track b{flex:0 0 auto!important;}

@media (max-width:1280px){
  .top-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:760px!important;}
  .stat-card{min-height:112px!important;}
}
@media (max-width:1040px){
  .hero{padding-top:120px!important;}
  .hero-search{grid-template-columns:1fr!important;width:min(620px,100%)!important;}
  .hero-search button{height:56px!important;}
}
@media (max-width:640px){
  .hero{padding:100px 14px 54px!important;min-height:auto!important;}
  .hero-shell{width:100%!important;}
  .top-stats{grid-template-columns:1fr!important;max-width:100%!important;gap:12px!important;margin-bottom:34px!important;}
  .stat-card{min-height:auto!important;padding:16px!important;border-radius:18px!important;}
  .hero h1{font-size:clamp(34px,10.5vw,44px)!important;line-height:1.08!important;letter-spacing:-1.4px!important;}
  .hero-text{font-size:14px!important;line-height:1.7!important;}
  .hero-search{padding:10px!important;border-radius:18px!important;margin-top:28px!important;}
  .hero-search label{height:54px!important;}
  .walkin-hero-cta{width:100%!important;max-width:100%!important;justify-content:flex-start!important;}
  .walkin-copy{min-width:0!important;}
  .walkin-copy strong{font-size:13px!important;line-height:1.25!important;overflow-wrap:anywhere!important;}
  .trusted-enterprise-slider{width:100%!important;}
  .trusted-track b{min-width:142px!important;min-height:54px!important;font-size:15px!important;padding:13px 16px!important;}
}
@media (min-width:1281px){
  .top-stats{max-width:1180px!important;}
  .stat-card{padding:24px 22px!important;}
}

/* =========================================================
   FINAL SECTION 2 FIT REWORK - Category / Work Mode panel
   Keeps content inside the section in every mode.
   ========================================================= */
.explore-jobs{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(72px,7vw,112px) 16px clamp(78px,7vw,118px)!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(32,184,255,.18),transparent 32%),
    radial-gradient(circle at 86% 24%,rgba(32,184,255,.12),transparent 28%),
    linear-gradient(180deg,#061127 0%,#08264a 52%,#061127 100%)!important;
  color:#fff!important;
}
.explore-jobs::before{
  content:""!important;
  position:absolute!important;
  inset:auto -12% -260px -12%!important;
  height:520px!important;
  border-radius:50% 50% 0 0!important;
  background:linear-gradient(90deg,rgba(32,184,255,.12),rgba(255,255,255,.045),rgba(32,184,255,.10))!important;
  filter:blur(.1px)!important;
  z-index:0!important;
}
.explore-jobs > *{position:relative!important;z-index:1!important;}
.explore-jobs .section-head{
  width:min(820px,100%)!important;
  margin:0 auto clamp(28px,4vw,46px)!important;
  text-align:center!important;
}
.explore-jobs .section-head h2{
  color:#fff!important;
  font-size:clamp(34px,4.5vw,58px)!important;
  line-height:1.08!important;
  letter-spacing:-1.6px!important;
  margin:0!important;
}
.explore-jobs .section-head span{
  display:block!important;
  width:min(680px,100%)!important;
  margin:14px auto 0!important;
  color:#c9d9ef!important;
  font-size:clamp(14px,1.2vw,17px)!important;
  line-height:1.65!important;
}
.explore-board{
  width:min(1260px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:clamp(24px,3vw,38px)!important;
}
.category-panel-box,
.poster-panel-box{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  border-radius:clamp(22px,2.4vw,34px)!important;
  padding:clamp(22px,3.2vw,46px)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.10)!important;
  overflow:hidden!important;
}
.category-panel-box::before,
.poster-panel-box::before{
  pointer-events:none!important;
  opacity:.85!important;
}
.explore-jobs .mini-title{
  text-align:center!important;
  margin:0 auto clamp(20px,3vw,32px)!important;
}
.explore-jobs .mini-title h3{
  color:#fff!important;
  font-size:clamp(26px,3vw,42px)!important;
  line-height:1.12!important;
  letter-spacing:-1px!important;
  margin:12px 0 0!important;
}
.explore-jobs .job-tabs{
  width:min(560px,100%)!important;
  margin:0 auto clamp(24px,3vw,38px)!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  padding:7px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
.explore-jobs .job-tabs button{
  min-width:0!important;
  width:100%!important;
  min-height:46px!important;
  border-radius:12px!important;
  font-size:clamp(13px,1vw,15px)!important;
  line-height:1.15!important;
  white-space:normal!important;
  text-align:center!important;
}
.explore-jobs .category-grid,
.explore-jobs .category-grid.active{
  width:100%!important;
  max-width:1060px!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  grid-template-rows:none!important;
  align-items:stretch!important;
}
.explore-jobs .category-grid{display:none!important;}
.explore-jobs .category-grid.active{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(14px,2vw,22px)!important;
}
.explore-jobs .category-card,
.explore-jobs .category-card.tall{
  width:100%!important;
  height:auto!important;
  min-height:142px!important;
  max-width:100%!important;
  grid-row:auto!important;
  grid-column:auto!important;
  box-sizing:border-box!important;
  border-radius:22px!important;
  padding:20px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  text-align:center!important;
  background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.055))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:0 16px 42px rgba(0,0,0,.18)!important;
}
.explore-jobs .category-card i{
  flex:0 0 auto!important;
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  font-size:28px!important;
  line-height:1!important;
  color:#20b8ff!important;
  margin:0!important;
}
.explore-jobs .category-card span{
  display:block!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:clamp(13px,1.2vw,16px)!important;
  line-height:1.25!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
}
.explore-jobs .poster-panel-box{margin:0 auto!important;}
.explore-jobs .poster-row{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  display:flex!important;
  gap:clamp(16px,2vw,24px)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  padding:4px 4px 18px!important;
  -webkit-overflow-scrolling:touch!important;
}
.explore-jobs .poster-card{
  flex:0 0 min(600px,calc(100vw - 64px))!important;
  min-width:0!important;
  max-width:600px!important;
  min-height:280px!important;
  box-sizing:border-box!important;
  scroll-snap-align:start!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  padding:clamp(24px,3vw,40px)!important;
}
.explore-jobs .poster-card h3{
  font-size:clamp(28px,3.2vw,48px)!important;
  line-height:1.04!important;
  overflow-wrap:anywhere!important;
}
.explore-jobs .poster-card p{
  font-size:clamp(14px,1.1vw,16px)!important;
  line-height:1.65!important;
}
.explore-jobs .poster-stat{
  flex:0 0 160px!important;
  min-width:150px!important;
  box-sizing:border-box!important;
}
@media(max-width:1100px){
  .explore-jobs .category-grid.active{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .explore-jobs .poster-card{flex-basis:min(560px,calc(100vw - 56px))!important;}
}
@media(max-width:760px){
  .explore-jobs{padding:70px 14px 84px!important;}
  .category-panel-box,.poster-panel-box{padding:22px 14px 26px!important;border-radius:24px!important;}
  .explore-jobs .section-head h2{font-size:clamp(30px,8.5vw,42px)!important;}
  .explore-jobs .section-head span{font-size:14px!important;}
  .explore-jobs .mini-title h3{font-size:28px!important;}
  .explore-jobs .job-tabs{grid-template-columns:1fr 1fr!important;border-radius:15px!important;margin-bottom:22px!important;}
  .explore-jobs .job-tabs button{min-height:42px!important;font-size:12.5px!important;padding:8px!important;}
  .explore-jobs .category-grid.active{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .explore-jobs .category-card,.explore-jobs .category-card.tall{min-height:112px!important;border-radius:18px!important;padding:14px 8px!important;gap:10px!important;}
  .explore-jobs .category-card i{width:34px!important;height:34px!important;font-size:23px!important;}
  .explore-jobs .category-card span{font-size:12.5px!important;line-height:1.22!important;}
  .explore-jobs .poster-card{flex-basis:calc(100vw - 44px)!important;max-width:calc(100vw - 44px)!important;min-height:auto!important;display:grid!important;grid-template-columns:1fr!important;}
  .explore-jobs .poster-stat{width:100%!important;min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:390px){
  .explore-jobs .category-grid.active{gap:10px!important;}
  .explore-jobs .category-card,.explore-jobs .category-card.tall{min-height:104px!important;padding:12px 6px!important;}
  .explore-jobs .category-card span{font-size:11.5px!important;}
  .explore-jobs .job-tabs button{font-size:11.5px!important;}
}

/* === FINAL REWORK: Homepage top statistics responsive fit === */
.hero-shell{
  max-width:1320px!important;
  width:100%!important;
  overflow:hidden!important;
}
.top-stats{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto clamp(36px,5vw,70px)!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(12px,1.5vw,22px)!important;
  padding:0 clamp(4px,1vw,10px)!important;
  box-sizing:border-box!important;
}
.stat-card{
  min-width:0!important;
  min-height:clamp(92px,9vw,130px)!important;
  padding:clamp(14px,1.6vw,28px)!important;
  gap:clamp(10px,1.3vw,22px)!important;
  border-radius:clamp(16px,1.8vw,22px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
}
.stat-card i{
  width:clamp(42px,4.5vw,64px)!important;
  height:clamp(42px,4.5vw,64px)!important;
  min-width:clamp(42px,4.5vw,64px)!important;
  border-radius:clamp(12px,1.3vw,18px)!important;
  font-size:clamp(18px,2vw,26px)!important;
}
.stat-card strong{
  font-size:clamp(26px,3vw,46px)!important;
  line-height:.95!important;
  white-space:nowrap!important;
}
.stat-card span{
  font-size:clamp(12px,1.05vw,16px)!important;
  line-height:1.25!important;
  margin-top:clamp(5px,.8vw,10px)!important;
  white-space:normal!important;
}

@media(max-width:1100px){
  .top-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:760px!important;
  }
}

@media(max-width:700px){
  .hero{padding-top:112px!important;padding-left:12px!important;padding-right:12px!important;}
  .top-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    max-width:100%!important;
    margin-bottom:32px!important;
    padding:0!important;
  }
  .stat-card{
    min-height:76px!important;
    padding:12px 10px!important;
    gap:9px!important;
    border-radius:16px!important;
    box-shadow:0 10px 28px rgba(7,16,39,.08)!important;
  }
  .stat-card i{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }
  .stat-card strong{
    font-size:22px!important;
    letter-spacing:-.4px!important;
  }
  .stat-card span{
    font-size:10.5px!important;
    margin-top:4px!important;
    line-height:1.2!important;
  }
}

@media(max-width:380px){
  .top-stats{gap:8px!important;}
  .stat-card{padding:10px 8px!important;gap:7px!important;min-height:70px!important;}
  .stat-card i{width:30px!important;height:30px!important;min-width:30px!important;font-size:13px!important;}
  .stat-card strong{font-size:19px!important;}
  .stat-card span{font-size:9.5px!important;}
}


/* FINAL FIX: remove only homepage top statistics cards, keep all hero content */
.hero .hero-shell{padding-top:clamp(20px,4vw,54px);}
.hero .hero-copy{margin-top:0!important;}
@media(max-width:700px){
  .hero{padding-top:118px!important;}
  .hero .hero-shell{padding-top:0;}
}

/* =========================================================
   FINAL FIX: Walk-in CTA to Trusted Enterprises spacing
   Keeps the walk-in pill and trusted-title separated properly
   in desktop, laptop, tablet and mobile modes.
   ========================================================= */
.hero .walkin-hero-cta,
.hero a.walkin.walkin-hero-cta{
  margin-top:34px!important;
  margin-bottom:34px!important;
}
.hero .trusted,
.hero .trusted-enterprise-slider{
  margin-top:0!important;
  padding-top:12px!important;
  clear:both!important;
}
.hero .trusted-enterprise-slider > span,
.hero .trusted > span{
  margin-top:0!important;
  margin-bottom:18px!important;
  display:block!important;
  line-height:1.3!important;
}
@media(max-width:768px){
  .hero .walkin-hero-cta,
  .hero a.walkin.walkin-hero-cta{
    margin-top:28px!important;
    margin-bottom:30px!important;
  }
  .hero .trusted,
  .hero .trusted-enterprise-slider{
    padding-top:10px!important;
  }
  .hero .trusted-enterprise-slider > span,
  .hero .trusted > span{
    font-size:11px!important;
    letter-spacing:.7px!important;
    margin-bottom:14px!important;
  }
}
@media(max-width:420px){
  .hero .walkin-hero-cta,
  .hero a.walkin.walkin-hero-cta{
    margin-bottom:28px!important;
  }
}


/* === Final Role Section Rework: every role/work-mode card opens Apply Job page === */
.explore-jobs{
  background: radial-gradient(circle at 50% 8%, rgba(32,184,255,.18), transparent 38%), linear-gradient(180deg,#06172b 0%,#082b4b 100%) !important;
  color:#fff !important;
}
.explore-board{
  max-width:1180px !important;
  margin:0 auto !important;
  display:block !important;
}
.explore-jobs .section-head p,
.explore-jobs .mini-title span{
  background:rgba(32,184,255,.16) !important;
  color:#20b8ff !important;
  border:1px solid rgba(32,184,255,.26) !important;
}
.explore-jobs .section-head h2,
.explore-jobs .mini-title h3{color:#fff !important;}
.explore-jobs .section-head span{color:#cfe3f8 !important;}
.explore-jobs .category-panel-box{
  width:min(1120px,100%) !important;
  margin:0 auto !important;
  padding:46px clamp(18px,4vw,54px) 54px !important;
  border-radius:34px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.10) !important;
  overflow:hidden !important;
}
.explore-jobs .job-tabs{
  width:min(560px,100%) !important;
  margin:26px auto 34px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  padding:7px !important;
  border-radius:18px !important;
}
.explore-jobs .job-tabs button{
  color:#eaf6ff !important;
  border-radius:13px !important;
  font-weight:900 !important;
}
.explore-jobs .job-tabs button.active{
  background:#20b8ff !important;
  color:#061127 !important;
  box-shadow:0 10px 26px rgba(32,184,255,.28) !important;
}
.explore-jobs .role-card-grid,
.explore-jobs .category-grid.active.role-card-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-template-rows:auto !important;
  gap:18px !important;
  max-width:980px !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.explore-jobs .category-grid:not(.active){display:none !important;}
.explore-jobs .role-apply-card,
.explore-jobs .role-apply-card.tall{
  min-height:132px !important;
  height:auto !important;
  padding:22px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  border-radius:24px !important;
  text-decoration:none !important;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.07)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  box-shadow:0 18px 44px rgba(0,0,0,.12) !important;
  position:relative !important;
  overflow:hidden !important;
  grid-row:auto !important;
}
.explore-jobs .role-apply-card::after{
  content:"";position:absolute;inset:auto -20% -55% -20%;height:70%;
  background:radial-gradient(circle,rgba(32,184,255,.24),transparent 62%);
  opacity:.9;transition:.25s;
}
.explore-jobs .role-apply-card:hover{
  transform:translateY(-7px) !important;
  border-color:rgba(32,184,255,.55) !important;
  box-shadow:0 24px 64px rgba(32,184,255,.12) !important;
}
.explore-jobs .role-apply-card:hover::after{transform:translateY(-12px);opacity:1;}
.explore-jobs .role-apply-card i{
  width:48px !important;height:48px !important;border-radius:16px !important;
  display:grid !important;place-items:center !important;
  background:rgba(32,184,255,.16) !important;color:#20b8ff !important;
  font-size:24px !important;position:relative !important;z-index:1 !important;
}
.explore-jobs .role-apply-card span{
  color:#fff !important;font-size:17px !important;font-weight:900 !important;line-height:1.2 !important;
  position:relative !important;z-index:1 !important;text-align:center !important;
}
.explore-jobs .role-apply-card em{
  position:relative !important;z-index:1 !important;font-style:normal !important;
  font-size:12px !important;font-weight:900 !important;letter-spacing:.4px !important;
  color:#20b8ff !important;background:rgba(32,184,255,.12) !important;
  padding:7px 12px !important;border-radius:999px !important;
}
@media(max-width:900px){
  .explore-jobs .role-card-grid,.explore-jobs .category-grid.active.role-card-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;}
  .explore-jobs .category-panel-box{padding:34px 18px 38px !important;border-radius:28px !important;}
}
@media(max-width:520px){
  .explore-jobs{padding:64px 12px !important;}
  .explore-jobs .section-head{margin-bottom:24px !important;}
  .explore-jobs .section-head h2{font-size:30px !important;line-height:1.12 !important;}
  .explore-jobs .mini-title h3{font-size:26px !important;line-height:1.12 !important;}
  .explore-jobs .job-tabs{margin:20px auto 24px !important;}
  .explore-jobs .role-card-grid,.explore-jobs .category-grid.active.role-card-grid{grid-template-columns:1fr !important;}
  .explore-jobs .role-apply-card{min-height:112px !important;padding:20px 16px !important;border-radius:20px !important;}
  .explore-jobs .role-apply-card i{width:42px !important;height:42px !important;font-size:20px !important;}
  .explore-jobs .role-apply-card span{font-size:16px !important;}
}

/* === FINAL FIX: Section 2 role cards clipping / top border issue === */
.explore-jobs .category-panel-box{
  overflow: visible !important;
  padding-top: 50px !important;
}
.explore-jobs .role-card-grid,
.explore-jobs .category-grid.active.role-card-grid{
  align-items: stretch !important;
  padding-top: 8px !important;
  gap: 22px !important;
}
.explore-jobs .role-apply-card,
.explore-jobs .role-apply-card.tall{
  margin: 0 !important;
  box-sizing: border-box !important;
  transform: none;
  will-change: transform;
}
.explore-jobs .role-apply-card:hover{
  transform: translateY(-5px) !important;
}
@media(max-width:900px){
  .explore-jobs .category-panel-box{
    overflow: visible !important;
    padding-top: 38px !important;
  }
  .explore-jobs .role-card-grid,
  .explore-jobs .category-grid.active.role-card-grid{
    padding-top: 6px !important;
    gap: 16px !important;
  }
}
@media(max-width:520px){
  .explore-jobs .category-panel-box{
    padding-top: 28px !important;
    overflow: visible !important;
  }
  .explore-jobs .role-card-grid,
  .explore-jobs .category-grid.active.role-card-grid{
    padding-top: 4px !important;
    gap: 14px !important;
  }
}


/* Fix category card inner border */
.category-card,.job-card,.role-card{background-clip:padding-box !important;}
.category-card::before,.category-card::after,.job-card::before,.job-card::after,.role-card::before,.role-card::after{display:none !important;content:none !important;}

/* === FINAL REWORK: Remove Section 2 poster background box === */
.explore-jobs .poster-panel-box{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 72px 0 32px !important;
  margin: 70px auto 0 !important;
  max-width: 1180px !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
.explore-jobs .poster-panel-box::before,
.explore-jobs .poster-panel-box::after{
  display:none !important;
  content:none !important;
}
.explore-jobs .poster-title{
  margin-bottom: 34px !important;
  text-align:center !important;
}
.explore-jobs .poster-row{
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 0 16px !important;
  background: transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.explore-jobs .poster-card{
  background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.18) !important;
}
.explore-jobs .poster-scroll-controls{
  margin-top: 18px !important;
  background: transparent !important;
}
@media(max-width:900px){
  .explore-jobs .poster-panel-box{
    margin-top: 50px !important;
    padding: 54px 0 24px !important;
    max-width: 100% !important;
  }
  .explore-jobs .poster-row{
    max-width: 100% !important;
  }
}
@media(max-width:520px){
  .explore-jobs .poster-panel-box{
    margin-top: 40px !important;
    padding: 42px 0 18px !important;
  }
  .explore-jobs .poster-title{margin-bottom:22px !important;}
  .explore-jobs .poster-row{
    padding-bottom: 12px !important;
  }
}

/* === FINAL REWORK: Poster cards full-size background images inside each layer === */
.explore-jobs .poster-row{
  width:100% !important;
  max-width:1240px !important;
  margin:0 auto !important;
  padding:8px 8px 18px !important;
  scroll-padding-left:8px !important;
}
.explore-jobs .poster-card{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  min-height:360px !important;
  flex:0 0 min(590px, calc(100vw - 42px)) !important;
  padding:44px !important;
  background-color:#123654 !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:28px !important;
  box-shadow:0 24px 64px rgba(0,0,0,.24) !important;
}
.explore-jobs .poster-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:linear-gradient(90deg,rgba(6,17,39,.92) 0%,rgba(6,17,39,.68) 52%,rgba(6,17,39,.36) 100%) !important;
}
.explore-jobs .poster-card::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:42% !important;
  z-index:-1 !important;
  background:linear-gradient(0deg,rgba(32,184,255,.14),transparent) !important;
}
.explore-jobs .walkin-poster{background-image:url('../assets/poster-bg-walkin.svg') !important;}
.explore-jobs .recruiter-poster{background-image:url('../assets/poster-bg-companies.svg') !important;}
.explore-jobs .fresher-poster{background-image:url('../assets/poster-bg-freshers.svg') !important;}
.explore-jobs .remote-poster{background-image:url('../assets/poster-bg-remote.svg') !important;}
.explore-jobs .poster-content,
.explore-jobs .poster-stat,
.explore-jobs .poster-visual{position:relative !important;z-index:2 !important;}
.explore-jobs .poster-content{max-width:390px !important;}
.explore-jobs .poster-card h3{color:#fff !important;text-shadow:0 3px 18px rgba(0,0,0,.25) !important;}
.explore-jobs .poster-card p{color:#d8e8fb !important;max-width:390px !important;}
.explore-jobs .poster-stat,
.explore-jobs .poster-visual{
  background:rgba(255,255,255,.13) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
@media(max-width:900px){
  .explore-jobs .poster-row{padding:6px 16px 16px !important;scroll-padding-left:16px !important;}
  .explore-jobs .poster-card{flex-basis:calc(100vw - 52px) !important;min-height:340px !important;padding:34px !important;}
}
@media(max-width:520px){
  .explore-jobs .poster-row{padding:4px 12px 14px !important;scroll-padding-left:12px !important;gap:14px !important;}
  .explore-jobs .poster-card{flex-basis:calc(100vw - 36px) !important;min-height:360px !important;padding:26px !important;border-radius:22px !important;}
  .explore-jobs .poster-card::before{background:linear-gradient(180deg,rgba(6,17,39,.90),rgba(6,17,39,.72)) !important;}
  .explore-jobs .poster-content{max-width:100% !important;}
  .explore-jobs .poster-card p{max-width:100% !important;}
  .explore-jobs .poster-stat{grid-template-columns:repeat(2,1fr) !important;}
}

/* === FINAL FIX: Poster carousel no clipping / clean full-card scrolling === */
.explore-jobs,
.explore-board{
  overflow:visible!important;
}
.explore-jobs .poster-panel-box{
  overflow:visible!important;
  padding-inline:clamp(16px,3vw,44px)!important;
  padding-top:clamp(34px,4vw,54px)!important;
  padding-bottom:clamp(36px,4vw,56px)!important;
}
.explore-jobs .poster-panel-box::before{
  display:none!important;
}
.explore-jobs .poster-title{
  margin-top:0!important;
  margin-bottom:clamp(24px,3vw,38px)!important;
  padding-inline:10px!important;
}
.explore-jobs .poster-title h3{
  font-size:clamp(30px,4vw,52px)!important;
  line-height:1.08!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.explore-jobs .poster-row{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:stretch!important;
  gap:clamp(18px,2vw,28px)!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding-inline:clamp(16px,3vw,34px)!important;
  padding:10px clamp(16px,3vw,34px) 22px!important;
  box-sizing:border-box!important;
  scrollbar-gutter:stable both-edges!important;
  border:0!important;
}
.explore-jobs .poster-card{
  flex:0 0 min(610px,calc(100vw - 80px))!important;
  max-width:min(610px,calc(100vw - 80px))!important;
  min-width:0!important;
  min-height:330px!important;
  scroll-snap-align:center!important;
  scroll-margin-inline:clamp(16px,3vw,34px)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:28px!important;
  transform:none!important;
  margin:0!important;
}
.explore-jobs .poster-card:first-child{
  margin-left:0!important;
}
.explore-jobs .poster-card:last-child{
  margin-right:0!important;
}
.explore-jobs .poster-content{
  min-width:0!important;
  max-width:100%!important;
}
.explore-jobs .poster-card h3,
.explore-jobs .poster-card p{
  max-width:100%!important;
}
.explore-jobs .poster-scroll-controls{
  position:relative!important;
  z-index:4!important;
  margin-top:clamp(18px,2.4vw,28px)!important;
  padding-bottom:4px!important;
}
@media(max-width:760px){
  .explore-jobs .poster-panel-box{
    padding:28px 10px 36px!important;
    border-radius:24px!important;
  }
  .explore-jobs .poster-row{
    gap:14px!important;
    padding:8px 14px 18px!important;
    scroll-padding-inline:14px!important;
  }
  .explore-jobs .poster-card{
    flex-basis:calc(100vw - 52px)!important;
    max-width:calc(100vw - 52px)!important;
    min-height:auto!important;
    border-radius:22px!important;
    padding:24px!important;
    scroll-snap-align:center!important;
  }
  .explore-jobs .poster-title h3{
    font-size:30px!important;
  }
}
@media(max-width:390px){
  .explore-jobs .poster-row{
    padding-inline:10px!important;
    scroll-padding-inline:10px!important;
  }
  .explore-jobs .poster-card{
    flex-basis:calc(100vw - 42px)!important;
    max-width:calc(100vw - 42px)!important;
    padding:20px!important;
  }
}

/* =========================================================
   FINAL POSTER SLIDER FIX - ONE POSTER PER VIEW
   Each click/swipe shows exactly one poster layer.
   ========================================================= */
.explore-jobs .poster-panel-box{
  max-width:min(1060px, calc(100vw - 48px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  overflow:visible !important;
}
.explore-jobs .poster-row{
  width:100% !important;
  max-width:920px !important;
  margin:34px auto 0 !important;
  display:flex !important;
  gap:0 !important;
  overflow:hidden !important;
  overflow-x:hidden !important;
  overflow-y:visible !important;
  scroll-snap-type:none !important;
  scroll-behavior:smooth !important;
  padding:0 !important;
  border:0 !important;
  scrollbar-width:none !important;
  scrollbar-gutter:auto !important;
  position:relative !important;
}
.explore-jobs .poster-row::-webkit-scrollbar{display:none !important;}
.explore-jobs .poster-card{
  flex:0 0 100% !important;
  width:100% !important;
  max-width:100% !important;
  min-width:100% !important;
  margin:0 !important;
  scroll-snap-align:none !important;
  box-sizing:border-box !important;
  transform:none !important;
}
.explore-jobs .poster-card:first-child,
.explore-jobs .poster-card:last-child{margin:0 !important;}
.poster-counter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:58px;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(32,184,255,.22);
  color:#dcecff;
  font-weight:900;
  font-size:13px;
}
.poster-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:16px;
}
.poster-dot{
  width:8px;
  height:8px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.25);
  padding:0;
  cursor:pointer;
}
.poster-dot.active{width:24px;background:#20b8ff;}
@media(max-width:760px){
  .explore-jobs .poster-panel-box{
    max-width:calc(100vw - 24px) !important;
    padding:26px 12px 34px !important;
  }
  .explore-jobs .poster-row{
    max-width:100% !important;
    margin-top:24px !important;
  }
  .explore-jobs .poster-card{
    min-width:100% !important;
    flex-basis:100% !important;
    padding:24px !important;
    min-height:360px !important;
  }
  .poster-scroll-controls{flex-wrap:wrap !important;}
  .poster-counter{order:2;}
}
@media(max-width:390px){
  .explore-jobs .poster-panel-box{max-width:calc(100vw - 16px) !important;}
  .explore-jobs .poster-card{padding:20px !important;min-height:380px !important;}
}

/* =========================================================
   FINAL SECTION 2 REDESIGN - clean role picker
   One-click cards open Apply Job page, all modes responsive
   ========================================================= */
.explore-jobs{
  position:relative!important;
  padding:clamp(70px,8vw,120px) 20px!important;
  background:
    radial-gradient(circle at 18% 12%, rgba(32,184,255,.22), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(32,184,255,.14), transparent 32%),
    linear-gradient(180deg,#06172b 0%,#082845 52%,#06172b 100%)!important;
  overflow:hidden!important;
}
.explore-jobs::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
  background-size:88px 88px!important;
  opacity:.22!important;
  pointer-events:none!important;
}
.explore-jobs .section-head{
  position:relative!important;
  z-index:1!important;
  max-width:760px!important;
  margin:0 auto 34px!important;
  text-align:center!important;
}
.explore-jobs .section-head p,
.explore-jobs .mini-title span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 18px!important;
  border-radius:999px!important;
  background:rgba(32,184,255,.16)!important;
  border:1px solid rgba(32,184,255,.35)!important;
  color:#28bdff!important;
  font-weight:900!important;
  font-size:12px!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
}
.explore-jobs .section-head h2{
  margin:16px 0 10px!important;
  color:#fff!important;
  font-size:clamp(34px,5vw,64px)!important;
  line-height:1.02!important;
  letter-spacing:-1.4px!important;
}
.explore-jobs .section-head span{
  color:#c9def5!important;
  font-size:clamp(14px,1.5vw,18px)!important;
  line-height:1.7!important;
}
.explore-board{
  position:relative!important;
  z-index:1!important;
  max-width:1240px!important;
  margin:0 auto!important;
  display:block!important;
}
.explore-jobs .category-panel-box{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
.explore-jobs .mini-title{
  text-align:center!important;
  margin:0 auto 28px!important;
}
.explore-jobs .mini-title h3{
  margin:16px 0 0!important;
  color:#fff!important;
  font-size:clamp(30px,4.2vw,54px)!important;
  line-height:1.05!important;
  letter-spacing:-.8px!important;
}
.explore-jobs .job-tabs{
  width:min(620px,100%)!important;
  margin:0 auto 34px!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:22px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 20px 60px rgba(0,0,0,.18)!important;
}
.explore-jobs .job-tabs button{
  min-height:54px!important;
  border:0!important;
  border-radius:16px!important;
  color:#eaf6ff!important;
  font-size:15px!important;
  font-weight:900!important;
  background:transparent!important;
  cursor:pointer!important;
}
.explore-jobs .job-tabs button.active{
  background:#21b8ff!important;
  color:#061426!important;
  box-shadow:0 14px 30px rgba(32,184,255,.30)!important;
}
.explore-jobs .role-card-grid,
.explore-jobs .category-grid.active.role-card-grid{
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.explore-jobs .category-grid:not(.active){display:none!important;}
.explore-jobs .role-apply-card,
.explore-jobs .role-apply-card.tall{
  min-height:188px!important;
  padding:26px 22px!important;
  border-radius:30px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:18px!important;
  row-gap:10px!important;
  text-decoration:none!important;
  color:#fff!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.055)),
    radial-gradient(circle at 88% 18%,rgba(32,184,255,.24),transparent 34%)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10)!important;
  position:relative!important;
  overflow:hidden!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
.explore-jobs .role-apply-card::before,
.explore-jobs .role-apply-card::after{
  display:none!important;
  content:none!important;
}
.explore-jobs .role-apply-card:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(32,184,255,.56)!important;
  box-shadow:0 30px 76px rgba(32,184,255,.16), inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.explore-jobs .role-apply-card i{
  grid-row:1 / span 2!important;
  width:72px!important;
  height:72px!important;
  border-radius:22px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,rgba(32,184,255,.30),rgba(32,184,255,.10))!important;
  color:#29bdff!important;
  font-size:31px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 14px 34px rgba(32,184,255,.12)!important;
  position:relative!important;
  z-index:1!important;
}
.explore-jobs .role-apply-card span{
  align-self:end!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-align:left!important;
  position:relative!important;
  z-index:1!important;
}
.explore-jobs .role-apply-card em{
  justify-self:start!important;
  align-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  font-style:normal!important;
  font-size:13px!important;
  font-weight:900!important;
  color:#061426!important;
  background:#21b8ff!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  position:relative!important;
  z-index:1!important;
}
.explore-jobs .role-apply-card em::after{
  content:"→"!important;
  font-size:14px!important;
}
@media(max-width:1024px){
  .explore-jobs .role-card-grid,
  .explore-jobs .category-grid.active.role-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
  .explore-jobs .role-apply-card{min-height:170px!important;}
}
@media(max-width:680px){
  .explore-jobs{padding:70px 14px!important;}
  .explore-jobs .section-head{margin-bottom:26px!important;}
  .explore-jobs .section-head h2{font-size:34px!important;line-height:1.08!important;}
  .explore-jobs .mini-title h3{font-size:30px!important;}
  .explore-jobs .job-tabs{border-radius:18px!important;margin-bottom:24px!important;}
  .explore-jobs .job-tabs button{min-height:48px!important;font-size:13px!important;border-radius:13px!important;}
  .explore-jobs .role-card-grid,
  .explore-jobs .category-grid.active.role-card-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .explore-jobs .role-apply-card{
    min-height:112px!important;
    padding:18px!important;
    border-radius:22px!important;
    grid-template-columns:auto 1fr auto!important;
    grid-template-rows:1fr!important;
    column-gap:14px!important;
  }
  .explore-jobs .role-apply-card i{grid-row:auto!important;width:50px!important;height:50px!important;border-radius:16px!important;font-size:22px!important;}
  .explore-jobs .role-apply-card span{align-self:center!important;font-size:17px!important;text-align:left!important;}
  .explore-jobs .role-apply-card em{align-self:center!important;justify-self:end!important;font-size:0!important;width:42px!important;height:42px!important;padding:0!important;display:grid!important;place-items:center!important;}
  .explore-jobs .role-apply-card em::after{font-size:20px!important;}
}
@media(max-width:380px){
  .explore-jobs .role-apply-card{padding:15px!important;column-gap:10px!important;}
  .explore-jobs .role-apply-card span{font-size:15.5px!important;}
  .explore-jobs .role-apply-card i{width:44px!important;height:44px!important;font-size:20px!important;}
  .explore-jobs .role-apply-card em{width:38px!important;height:38px!important;}
}

/* Sales icon reliability fix */
.role-apply-card[href*="Sales"] i.fa-chart-line,
.category-card[href*="Sales"] i.fa-chart-line{
  display:grid !important;
  place-items:center !important;
  color:#25b9ff !important;
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
}
.role-apply-card[href*="Sales"] i.fa-chart-line::before,
.category-card[href*="Sales"] i.fa-chart-line::before{
  content:"\f201" !important;
}

/* Search button validation: disabled until candidate enters at least one search field */
.hero-search button:disabled,
.hero-search button.is-disabled,
.job-search-form button:disabled,
.job-search-form button.is-disabled{
  opacity:.48!important;
  cursor:not-allowed!important;
  filter:saturate(.65)!important;
  box-shadow:none!important;
  transform:none!important;
}
.hero-search.search-empty,
.job-search-form.search-empty{
  position:relative;
}
@keyframes searchEmptyShake{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-5px)}
  50%{transform:translateX(5px)}
  75%{transform:translateX(-3px)}
}
.shake-on-empty{animation:searchEmptyShake .38s ease both;}
@media(max-width:768px){
  .hero-search button:disabled,
  .hero-search button.is-disabled,
  .job-search-form button:disabled,
  .job-search-form button.is-disabled{
    opacity:.5!important;
  }
}

/* === SECTION 03 COMPLETE REDESIGN FIX === */
.hub-section.hub-redesign{
  min-height:auto!important;
  padding:120px 20px 130px!important;
  display:block!important;
  background:
    radial-gradient(circle at 8% 18%, rgba(32,184,255,.16), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(32,184,255,.13), transparent 28%),
    linear-gradient(180deg,#061127 0%,#071327 52%,#050b18 100%)!important;
  overflow:hidden;
}
.hub-redesign-layout{
  width:min(1260px,100%)!important;
  display:grid!important;
  grid-template-columns:.92fr 1.08fr!important;
  gap:56px!important;
  align-items:center!important;
}
.hub-copy{text-align:left!important;max-width:560px!important;position:relative;z-index:1;}
.hub-copy .section-label{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 17px;border-radius:999px;
  background:rgba(32,184,255,.12);border:1px solid rgba(32,184,255,.25);
  color:#20b8ff!important;font-size:13px!important;margin-bottom:22px!important;
}
.hub-copy h2{
  font-size:clamp(42px,4.8vw,74px)!important;
  line-height:1.02!important;
  letter-spacing:-2.4px!important;
  color:#fff!important;
  margin:0 0 22px!important;
}
.hub-lead{
  color:#c6d7ef!important;
  font-size:18px!important;
  line-height:1.8!important;
  max-width:540px;
}
.hub-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.hub-actions a{
  min-height:52px;padding:0 24px;border-radius:16px;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:#20b8ff;color:#03101f;font-weight:950;
  box-shadow:0 18px 45px rgba(32,184,255,.22);
}
.hub-actions .secondary-action{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:none;}
.hub-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  max-width:none!important;
}
.hub-benefit-grid .benefit-card{
  min-height:245px!important;
  padding:30px!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.22)!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
.hub-benefit-grid .benefit-card:hover{transform:translateY(-8px)!important;border-color:rgba(32,184,255,.42)!important;box-shadow:0 34px 95px rgba(32,184,255,.13)!important;}
.hub-benefit-grid .hub-icon{
  width:64px!important;height:64px!important;border-radius:20px!important;
  display:grid!important;place-items:center!important;
  color:#fff!important;font-size:23px!important;
  background:linear-gradient(135deg,#20b8ff,#4d74ff)!important;
  margin:0 0 28px!important;
}
.hub-benefit-grid span{display:block;color:#20b8ff;font-weight:950;font-size:13px;letter-spacing:1.3px;margin-bottom:10px;}
.hub-benefit-grid h3{font-size:26px!important;line-height:1.06!important;margin:0 0 12px!important;color:#fff!important;letter-spacing:-.5px!important;}
.hub-benefit-grid p{font-size:15.5px!important;line-height:1.68!important;color:#c3d1e5!important;margin:0!important;}
@media(max-width:1050px){
  .hub-redesign-layout{grid-template-columns:1fr!important;gap:38px!important;}
  .hub-copy{text-align:center!important;margin:auto!important;max-width:820px!important;}
  .hub-lead{margin-left:auto!important;margin-right:auto!important;}
  .hub-actions{justify-content:center!important;}
}
@media(max-width:720px){
  .hub-section.hub-redesign{padding:82px 14px 92px!important;}
  .hub-copy h2{font-size:38px!important;letter-spacing:-1.4px!important;}
  .hub-lead{font-size:15px!important;line-height:1.7!important;}
  .hub-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .hub-actions a{width:100%!important;}
  .hub-benefit-grid{grid-template-columns:1fr!important;gap:16px!important;}
  .hub-benefit-grid .benefit-card{min-height:auto!important;padding:24px!important;border-radius:22px!important;}
  .hub-benefit-grid .hub-icon{width:56px!important;height:56px!important;border-radius:18px!important;margin-bottom:20px!important;}
  .hub-benefit-grid h3{font-size:23px!important;}
  .hub-benefit-grid p{font-size:14px!important;}
}

/* ===== ABOUT SECTION COMPLETE REDESIGN ===== */
.about-premium{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-height:auto!important;
  padding:120px 22px!important;
  background:linear-gradient(135deg,#061127 0%,#082541 48%,#061127 100%)!important;
  overflow:hidden;
  color:#fff!important;
}
.about-premium::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 18%,rgba(32,184,255,.18),transparent 28%),
    radial-gradient(circle at 88% 70%,rgba(32,184,255,.12),transparent 30%),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:auto,auto,160px 160px,160px 160px;
  opacity:.8;
  pointer-events:none;
}
.about-premium-wrap{
  position:relative;
  z-index:1;
  width:min(1260px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:68px;
  align-items:center;
}
.about-media-card{
  position:relative;
  min-height:560px;
  border-radius:38px;
  padding:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 28px 95px rgba(0,0,0,.28);
  overflow:visible;
}
.about-image-panel{
  position:absolute;
  left:34px;
  bottom:92px;
  width:72%;
  height:58%;
  border-radius:30px;
  overflow:hidden;
  background:linear-gradient(135deg,#071327,#103a62);
  border:1px solid rgba(32,184,255,.22);
  box-shadow:0 24px 60px rgba(0,0,0,.28);
  display:grid;
  place-items:center;
}
.about-image-panel img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.55;
  filter:saturate(1.05) contrast(1.12);
}
.about-image-glow{
  position:absolute;
  inset:auto -20% -30% -20%;
  height:60%;
  background:radial-gradient(circle,rgba(32,184,255,.42),transparent 60%);
}
.about-floating-card{
  position:absolute;
  width:min(360px,78%);
  display:grid;
  grid-template-columns:46px 1fr;
  gap:14px;
  align-items:center;
  padding:18px 20px;
  border-radius:18px;
  background:#fff;
  color:#071327;
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}
.about-floating-card i{
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#20b8ff;
  background:#e9f7ff;
  font-size:20px;
}
.about-floating-card strong{display:block;font-size:14px;font-weight:900;color:#071327;margin-bottom:4px}
.about-floating-card span{display:block;font-size:12px;line-height:1.5;color:#526070;font-weight:600}
.about-floating-card.card-one{right:26px;top:72px}
.about-floating-card.card-two{right:8px;top:220px}
.about-mini-stats{
  position:absolute;
  left:34px;
  right:34px;
  bottom:26px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.about-mini-stats span{
  border-radius:18px;
  padding:16px 12px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.13);
  color:#bcd8ef;
  font-size:12px;
  font-weight:700;
  text-align:center;
}
.about-mini-stats b{display:block;color:#20b8ff;font-size:24px;line-height:1.1;margin-bottom:4px}
.about-premium-content{max-width:650px;color:#fff!important}
.about-premium-content .about-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 18px;
  border-radius:999px;
  background:rgba(32,184,255,.14);
  border:1px solid rgba(32,184,255,.25);
  color:#20b8ff!important;
  letter-spacing:1px;
  font-size:12px;
  margin-bottom:22px;
}
.about-premium-content h2{
  color:#fff!important;
  font-size:clamp(38px,4.6vw,68px)!important;
  line-height:1.04!important;
  letter-spacing:-2.5px!important;
  text-transform:none!important;
  margin:0 0 26px!important;
}
.about-premium-content p{
  color:#cfe2f2!important;
  font-size:17px!important;
  line-height:1.85!important;
  font-weight:500!important;
  margin-bottom:20px!important;
}
.about-premium-content strong{color:#fff!important;font-weight:900}
.about-feature-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:28px 0 34px;
}
.about-feature-list span{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-weight:800;
  font-size:14px;
}
.about-feature-list i{color:#20b8ff}
.about-actions{display:flex;gap:14px;flex-wrap:wrap}
.about-actions a{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 24px;
  border-radius:16px;
  background:#20b8ff;
  color:#061127;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 16px 38px rgba(32,184,255,.28);
}
.about-actions .outline-link{
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
  box-shadow:none;
}
.about-page-full + .inner-section{background:#061127!important;color:#fff!important}
.about-page-full + .inner-section .services-page-head h2{color:#fff!important}
.about-page-full + .inner-section .process-row article{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13);color:#fff}
.about-page-full + .inner-section .process-row p{color:#cfe2f2}

@media(max-width:1050px){
  .about-premium{padding:90px 18px!important}
  .about-premium-wrap{grid-template-columns:1fr;gap:42px}
  .about-media-card{min-height:500px;order:2}
  .about-premium-content{max-width:820px;text-align:center;margin:auto;order:1}
  .about-feature-list{max-width:680px;margin-left:auto;margin-right:auto}
  .about-actions{justify-content:center}
}
@media(max-width:640px){
  .about-premium{padding:72px 14px!important}
  .about-premium-content h2{font-size:34px!important;letter-spacing:-1.4px!important}
  .about-premium-content p{font-size:14px!important;line-height:1.75!important}
  .about-feature-list{grid-template-columns:1fr;gap:10px;margin:22px 0 26px}
  .about-feature-list span{font-size:13px;padding:13px 14px}
  .about-actions a{width:100%;min-height:50px}
  .about-media-card{min-height:560px;border-radius:26px;padding:18px}
  .about-image-panel{left:18px;right:18px;bottom:140px;width:auto;height:45%;border-radius:22px}
  .about-floating-card{width:calc(100% - 36px);left:18px!important;right:auto!important;padding:14px 15px;grid-template-columns:40px 1fr}
  .about-floating-card i{width:40px;height:40px}
  .about-floating-card.card-one{top:22px}.about-floating-card.card-two{top:112px}
  .about-mini-stats{left:18px;right:18px;bottom:18px;grid-template-columns:1fr;gap:8px}
  .about-mini-stats span{padding:10px}.about-mini-stats b{font-size:20px}
}

/* === FINAL FIX: About section alignment issue ===
   The old .about-rework rule was forcing the about section itself into a 2-column grid.
   That pushed the actual about content to the right and left a large empty area.
   Keep only the inner .about-premium-wrap as the grid layout. */
.about.about-rework.about-premium,
section.about-rework.about-premium{
  display:block!important;
  grid-template-columns:none!important;
  align-items:initial!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.about-premium > .about-premium-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
}
.about-premium > .about-premium-wrap{
  position:relative!important;
  z-index:2!important;
  width:min(1260px, calc(100% - 44px))!important;
  margin:0 auto!important;
}
@media(max-width:1050px){
  .about-premium > .about-premium-wrap{width:min(820px, calc(100% - 32px))!important;}
}
@media(max-width:640px){
  .about-premium > .about-premium-wrap{width:100%!important;}
}

/* =========================================================
   FINAL REWORK: Testimonials + Clients complete redesign
   - Clean Aura Aspire Talent Hub dark blue theme
   - Proper hierarchy / spacing / alignment
   - Responsive slider cards without overflow
   ========================================================= */
.testimonials-clients{
  position:relative;
  isolation:isolate;
  padding:120px 20px 118px !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(34,184,255,.18), transparent 30%),
    radial-gradient(circle at 88% 20%, rgba(36,96,255,.15), transparent 32%),
    linear-gradient(180deg,#061426 0%,#08233b 56%,#061426 100%) !important;
  color:#fff !important;
  overflow:hidden !important;
}
.testimonials-clients::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:92px 92px;
  opacity:.45;
  pointer-events:none;
  z-index:-2;
}
.testimonials-clients::after{
  content:"";
  position:absolute;
  left:50%;
  top:44%;
  width:min(960px,90vw);
  height:min(960px,90vw);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(34,184,255,.13), transparent 68%);
  filter:blur(8px);
  z-index:-1;
  pointer-events:none;
}
.testimonials-clients .section-head{
  max-width:850px !important;
  margin:0 auto !important;
  text-align:center !important;
}
.testimonials-clients .light-head p,
.testimonials-clients .section-head p{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:10px 18px !important;
  border-radius:999px !important;
  background:rgba(34,184,255,.13) !important;
  border:1px solid rgba(34,184,255,.28) !important;
  color:#22b8ff !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:1.7px !important;
  text-transform:uppercase !important;
  margin:0 auto 22px !important;
}
.testimonials-clients .light-head h2,
.testimonials-clients .section-head h2{
  max-width:760px !important;
  margin:0 auto 18px !important;
  color:#fff !important;
  font-size:clamp(34px,5vw,68px) !important;
  line-height:.98 !important;
  letter-spacing:-2px !important;
}
.testimonials-clients .light-head span,
.testimonials-clients .section-head span{
  display:block !important;
  color:#b9d6f2 !important;
  font-size:clamp(15px,1.5vw,18px) !important;
  line-height:1.7 !important;
  max-width:720px !important;
  margin:0 auto !important;
}
.testimonial-slider{
  width:min(1180px,100%) !important;
  margin:58px auto 0 !important;
  padding:0 64px 70px !important;
  position:relative !important;
  overflow:visible !important;
}
.testimonial-track{
  display:flex !important;
  gap:24px !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  padding:18px 8px 92px !important;
  scrollbar-width:none !important;
}
.testimonial-track::-webkit-scrollbar{display:none !important;}
.testimonial-card{
  flex:0 0 calc((100% - 48px)/3) !important;
  min-width:0 !important;
  min-height:345px !important;
  padding:38px 32px 58px !important;
  border-radius:30px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.065)) !important;
  border:1px solid rgba(210,236,255,.16) !important;
  box-shadow:0 26px 76px rgba(0,0,0,.24) !important;
  backdrop-filter:blur(18px) !important;
  text-align:left !important;
  scroll-snap-align:center !important;
  transform:none !important;
  overflow:visible !important;
}
.testimonial-card:hover{
  transform:translateY(-8px) !important;
  border-color:rgba(34,184,255,.42) !important;
  box-shadow:0 36px 95px rgba(34,184,255,.16) !important;
}
.testimonial-card::before{
  content:'“';
  position:absolute;
  right:28px;
  top:18px;
  font-size:94px;
  line-height:1;
  font-weight:900;
  color:rgba(34,184,255,.16);
  pointer-events:none;
}
.testimonial-card::after{
  content:"" !important;
  position:absolute !important;
  left:36px !important;
  bottom:-16px !important;
  width:34px !important;
  height:34px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.065)) !important;
  border-right:1px solid rgba(210,236,255,.16) !important;
  border-bottom:1px solid rgba(210,236,255,.16) !important;
  transform:rotate(45deg) !important;
}
.testimonial-card .stars{
  display:inline-flex !important;
  gap:4px !important;
  margin:0 0 28px !important;
  color:#22b8ff !important;
  font-size:19px !important;
  letter-spacing:2px !important;
}
.testimonial-card p{
  color:#d7eaff !important;
  font-size:16px !important;
  line-height:1.75 !important;
  font-weight:700 !important;
  margin:0 !important;
  max-width:100% !important;
}
.testimonial-card strong{
  position:absolute !important;
  left:32px !important;
  right:auto !important;
  bottom:-78px !important;
  color:#fff !important;
  background:rgba(34,184,255,.12) !important;
  border:1px solid rgba(34,184,255,.24) !important;
  border-radius:999px !important;
  padding:10px 16px !important;
  font-size:13px !important;
  letter-spacing:1.2px !important;
  text-transform:uppercase !important;
  box-shadow:0 12px 32px rgba(0,0,0,.2) !important;
}
.featured-testimonial{
  border-color:rgba(34,184,255,.48) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(34,184,255,.2), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.075)) !important;
}
.testimonial-nav{
  position:absolute !important;
  top:44% !important;
  z-index:8 !important;
  width:54px !important;
  height:54px !important;
  border-radius:50% !important;
  border:1px solid rgba(34,184,255,.28) !important;
  background:#22b8ff !important;
  color:#061127 !important;
  display:grid !important;
  place-items:center !important;
  box-shadow:0 18px 50px rgba(34,184,255,.24) !important;
  cursor:pointer !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}
.testimonial-nav:hover{transform:translateY(-50%) scale(1.06) !important;box-shadow:0 22px 60px rgba(34,184,255,.32) !important;}
.testimonial-prev{left:0 !important;}
.testimonial-next{right:0 !important;}
.testimonial-dots{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}
.testimonial-dots button{
  width:9px !important;
  height:9px !important;
  border-radius:999px !important;
  border:0 !important;
  background:rgba(255,255,255,.32) !important;
  cursor:pointer !important;
  padding:0 !important;
  transition:width .2s ease, background .2s ease !important;
}
.testimonial-dots button.active{width:32px !important;background:#22b8ff !important;}
.clients-block{
  width:min(1180px,100%) !important;
  margin:112px auto 0 !important;
  text-align:center !important;
  padding:0 !important;
}
.clients-title{margin-bottom:34px !important;}
.clients-title h2{
  max-width:820px !important;
  font-size:clamp(32px,4vw,56px) !important;
}
.clients-marquee{
  position:relative !important;
  overflow:hidden !important;
  padding:12px 0 18px !important;
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent) !important;
}
.clients-row{
  display:flex !important;
  gap:20px !important;
  width:max-content !important;
  animation:clientMarquee 28s linear infinite !important;
}
.clients-marquee:hover .clients-row{animation-play-state:paused !important;}
.client-logo{
  min-width:205px !important;
  min-height:94px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.22) !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:18px !important;
  text-align:center !important;
  padding:18px !important;
  backdrop-filter:blur(12px) !important;
}
.client-logo:nth-child(even){color:#22b8ff !important;}
@media(max-width:1100px){
  .testimonial-slider{padding:0 54px 66px !important;}
  .testimonial-card{flex-basis:calc((100% - 24px)/2) !important;}
}
@media(max-width:760px){
  .testimonials-clients{padding:86px 14px 90px !important;}
  .testimonials-clients .light-head h2,
  .testimonials-clients .section-head h2{font-size:clamp(32px,10vw,46px) !important;letter-spacing:-1px !important;line-height:1.05 !important;}
  .testimonial-slider{padding:0 0 60px !important;margin-top:38px !important;}
  .testimonial-track{gap:16px !important;padding:12px 4px 88px !important;}
  .testimonial-card{flex:0 0 calc(100vw - 42px) !important;min-height:320px !important;padding:34px 24px 54px !important;border-radius:26px !important;text-align:center !important;}
  .testimonial-card::after{left:50% !important;transform:translateX(-50%) rotate(45deg) !important;}
  .testimonial-card strong{left:50% !important;right:auto !important;bottom:-74px !important;transform:translateX(-50%) !important;white-space:nowrap !important;}
  .testimonial-nav{display:none !important;}
  .clients-block{margin-top:96px !important;}
  .client-logo{min-width:160px !important;min-height:78px !important;font-size:15px !important;border-radius:18px !important;}
  .clients-row{gap:14px !important;}
}
@media(max-width:420px){
  .testimonial-card{flex-basis:calc(100vw - 32px) !important;padding:30px 20px 52px !important;}
  .testimonial-card p{font-size:15px !important;line-height:1.65 !important;}
}

/* === FIX: Removed extra Section 2 heading block above role picker === */
.explore-jobs > .section-head.compact{
  display:none !important;
}
.explore-jobs{
  padding-top: clamp(56px, 7vw, 110px) !important;
}
.explore-jobs .explore-board{
  margin-top: 0 !important;
}
@media (max-width: 768px){
  .explore-jobs{
    padding-top: 42px !important;
  }
}

/* === FAQ + FOOTER COMPLETE REDESIGN FIX === */
.faq-section{
  position:relative;
  overflow:hidden;
  padding:110px 20px 96px!important;
  background:
    radial-gradient(circle at 18% 18%, rgba(32,184,255,.18), transparent 28%),
    radial-gradient(circle at 82% 20%, rgba(32,184,255,.12), transparent 32%),
    linear-gradient(180deg,#eaf6ff 0%,#f6fbff 100%)!important;
}
.faq-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.35;
  background:
    linear-gradient(90deg,rgba(7,19,39,.045) 1px,transparent 1px),
    linear-gradient(0deg,rgba(7,19,39,.04) 1px,transparent 1px);
  background-size:92px 92px;
}
.faq-section .section-head{position:relative;z-index:1;max-width:820px;margin:0 auto;text-align:center}
.faq-section .section-head p{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:0 20px;border-radius:999px;
  background:#d6f0ff;color:#14aef4;font-size:13px;font-weight:900;letter-spacing:1px;
  margin-bottom:18px;
}
.faq-section .section-head h2{
  color:#071327;font-size:clamp(34px,4vw,62px);line-height:1.03;letter-spacing:-2px;margin:0 0 14px;
}
.faq-section .section-head span{display:block;color:#5e6d82;font-size:17px;font-weight:700;line-height:1.6}
.faq-grid{
  position:relative;z-index:1;
  width:min(1180px,100%)!important;
  margin:54px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
}
.faq-grid article{
  position:relative;
  min-height:220px;
  border:1px solid rgba(32,184,255,.18)!important;
  border-radius:30px!important;
  padding:34px 32px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 28px 80px rgba(7,19,39,.08)!important;
  backdrop-filter:blur(12px);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.faq-grid article:hover{transform:translateY(-8px);border-color:rgba(32,184,255,.46)!important;box-shadow:0 34px 100px rgba(7,19,39,.13)!important}
.faq-grid article::before{
  content:"?";
  width:42px;height:42px;border-radius:15px;
  display:grid;place-items:center;margin-bottom:22px;
  background:linear-gradient(135deg,#20b8ff,#58d2ff);
  color:#071327;font-size:22px;font-weight:1000;
  box-shadow:0 14px 34px rgba(32,184,255,.28);
}
.faq-grid h3{color:#071327!important;font-size:21px!important;line-height:1.25;margin:0 0 14px!important;letter-spacing:-.3px}
.faq-grid p{color:#53637a!important;font-size:15.5px!important;line-height:1.8!important;margin:0!important;font-weight:650}

.site-footer{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 16% 52%,rgba(32,184,255,.12),transparent 26%),
    radial-gradient(circle at 86% 16%,rgba(255,255,255,.06),transparent 28%),
    linear-gradient(135deg,#071327 0%,#101923 100%)!important;
  color:#fff!important;
  padding:0!important;
  display:block!important;
}
.site-footer::before{
  content:""!important;
  position:absolute!important;inset:0!important;
  opacity:.18!important;pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.06) 1px,transparent 1px)!important;
  background-size:92px 92px!important;
  transform:none!important;
  width:auto!important;height:auto!important;border-radius:0!important;
}
.site-footer::after{display:none!important}
.footer-inner{width:min(1380px,100%);margin:0 auto!important;padding:74px 28px 48px!important;position:relative;z-index:1}
.footer-main-grid{
  display:grid!important;
  grid-template-columns:1fr .9fr 1.65fr!important;
  gap:42px!important;
  align-items:start!important;
}
.footer-about-card,.footer-links-card,.footer-location-card{min-width:0}
.footer-about-card h4,.footer-links-card h4,.footer-location-card h4{
  color:#fff!important;font-size:16px!important;font-weight:1000!important;letter-spacing:.3px!important;margin:0 0 28px!important;text-transform:uppercase!important;
}
.footer-about-card h4::after,.footer-links-card h4::after,.footer-location-card h4::after{
  background:#20b8ff!important;width:70px!important;height:3px!important;box-shadow:0 0 20px rgba(32,184,255,.55)!important;
}
.footer-about-card p{max-width:360px!important;color:#d8e7f7!important;font-size:15px!important;line-height:1.9!important;font-weight:600!important}
.footer-read-more{color:#20b8ff!important;font-weight:950!important;margin-top:10px!important}
.footer-links-card a{
  color:#d8e7f7!important;border-bottom:1px solid rgba(255,255,255,.12)!important;
  padding:13px 0!important;font-size:15px!important;font-weight:700!important;
}
.footer-links-card a i{color:#20b8ff!important}
.footer-location-wrap{display:grid!important;grid-template-columns:minmax(280px,1fr) 260px!important;gap:22px!important;align-items:stretch!important}
.map-box{
  min-height:178px!important;border-radius:0!important;
  border:1px solid rgba(32,184,255,.18)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(232,246,255,.96)),
    repeating-linear-gradient(45deg,transparent 0 12px,rgba(32,184,255,.12) 12px 24px)!important;
  box-shadow:0 26px 60px rgba(0,0,0,.22)!important;
}
.map-tag{background:#fff!important;color:#20b8ff!important;font-weight:900!important}
.map-pin{color:#ff4f45!important;text-shadow:0 10px 30px rgba(255,79,69,.35)!important}
.map-box p{color:#071327!important;font-weight:900!important}
.review-box{
  border-radius:0!important;background:#fff!important;color:#071327!important;padding:26px 24px!important;
  box-shadow:0 26px 60px rgba(0,0,0,.24)!important;border:1px solid rgba(255,255,255,.14)!important;
}
.google-text{font-size:38px!important;font-weight:1000!important;letter-spacing:-2px!important;color:#4285f4!important}
.review-box strong{display:block;margin:12px 0 8px!important;color:#071327!important;font-size:18px!important}.review-box span{color:#ffb400!important}.review-box b{color:#071327!important;font-size:14px!important}
.footer-contact-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin-top:40px!important;
}
.footer-contact-box{
  border-radius:0!important;background:#111820!important;border:1px solid rgba(32,184,255,.12)!important;
  box-shadow:0 24px 54px rgba(0,0,0,.20)!important;padding:28px!important;
  display:grid!important;grid-template-columns:46px 1fr!important;gap:18px!important;min-height:142px!important;
}
.footer-contact-box>i{color:#20b8ff!important;font-size:30px!important}.footer-contact-box h5{font-size:17px!important;color:#fff!important}.footer-contact-box p{color:#d7e7f9!important;font-size:15px!important;line-height:1.75!important}
.footer-orange-bar{
  position:relative!important;z-index:1!important;
  background:linear-gradient(90deg,#17b8ff,#20b8ff)!important;color:#071327!important;
  padding:18px 28px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:min(18vw,320px)!important;
  font-size:14px!important;font-weight:950!important;
}
.footer-orange-bar p{margin:0!important;text-align:center!important;color:#071327!important}
.quick-contact{right:26px!important;bottom:28px!important;left:auto!important}

@media(max-width:1100px){
  .faq-grid{grid-template-columns:1fr!important;max-width:720px!important}
  .faq-grid article{min-height:auto!important}
  .footer-main-grid{grid-template-columns:1fr 1fr!important}.footer-location-card{grid-column:1/-1!important}.footer-contact-grid{grid-template-columns:1fr!important}.footer-location-wrap{grid-template-columns:1fr 260px!important}
}
@media(max-width:720px){
  .faq-section{padding:84px 16px 76px!important}.faq-section .section-head h2{font-size:38px!important;letter-spacing:-1.2px!important}.faq-section .section-head span{font-size:15px!important}.faq-grid{margin-top:34px!important;gap:18px!important}.faq-grid article{padding:26px 22px!important;border-radius:24px!important}
  .footer-inner{padding:58px 18px 38px!important}.footer-main-grid{grid-template-columns:1fr!important;gap:34px!important}.footer-location-wrap{grid-template-columns:1fr!important}.footer-contact-box{grid-template-columns:38px 1fr!important;padding:24px 18px!important}.footer-orange-bar{flex-direction:column!important;gap:8px!important;font-size:12px!important;padding:16px 18px!important}.quick-contact{right:18px!important;bottom:20px!important}
}

/* ===== FAQ complete redesign - clean modern support section ===== */
.faq-redesign{
  position:relative!important;
  overflow:hidden!important;
  padding:110px 24px 0!important;
  background:
    radial-gradient(circle at 20% 18%,rgba(32,184,255,.12),transparent 34%),
    radial-gradient(circle at 82% 62%,rgba(32,184,255,.10),transparent 30%),
    linear-gradient(180deg,#f7fcff 0%,#eaf6ff 100%)!important;
  color:#061226!important;
}
.faq-redesign::before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;opacity:.42!important;
  background:
    linear-gradient(90deg,rgba(3,25,52,.045) 1px,transparent 1px),
    linear-gradient(0deg,rgba(3,25,52,.035) 1px,transparent 1px)!important;
  background-size:92px 92px!important;
}
.faq-redesign::after{
  content:""!important;position:absolute!important;inset:-160px 8% auto auto!important;width:68vw!important;height:360px!important;
  border:1px solid rgba(22,129,228,.12)!important;border-radius:50%!important;transform:rotate(-13deg)!important;pointer-events:none!important;
}
.faq-bg-dot{position:absolute!important;width:120px!important;height:120px!important;opacity:.22!important;pointer-events:none!important;background-image:radial-gradient(#23b8ff 2px,transparent 2px)!important;background-size:18px 18px!important}
.faq-dot-left{left:34px!important;top:70px!important}.faq-dot-right{right:86px!important;bottom:270px!important}
.faq-hero-head{position:relative!important;z-index:2!important;max-width:980px!important;margin:0 auto!important;text-align:center!important}
.faq-hero-head p{
  width:max-content!important;margin:0 auto 22px!important;padding:12px 23px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;gap:11px!important;background:#e2f4ff!important;color:#086ed7!important;
  font-size:14px!important;letter-spacing:.8px!important;text-transform:uppercase!important;font-weight:1000!important;box-shadow:0 14px 30px rgba(32,184,255,.12)!important;
}
.faq-hero-head p i{width:30px!important;height:30px!important;border-radius:50%!important;background:#0b6dde!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:14px!important}
.faq-hero-head h2{font-size:clamp(44px,5vw,78px)!important;line-height:.98!important;letter-spacing:-3px!important;color:#071327!important;margin:0!important;text-transform:none!important;font-weight:1000!important}
.faq-hero-head span{display:block!important;margin:24px auto 0!important;color:#52657d!important;font-size:20px!important;font-weight:800!important;max-width:760px!important}
.faq-hero-head em{display:block!important;width:76px!important;height:7px!important;border-radius:20px!important;margin:32px auto 0!important;background:linear-gradient(90deg,#31c1ff,#0776df)!important;box-shadow:0 8px 22px rgba(32,184,255,.34)!important}
.faq-modern-grid{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:34px!important;max-width:1420px!important;margin:54px auto 38px!important}
.faq-modern-card{
  position:relative!important;min-height:430px!important;border-radius:32px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(180,219,247,.75)!important;
  box-shadow:0 34px 80px rgba(31,97,155,.12)!important;padding:48px 38px 34px!important;text-align:left!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease!important;
}
.faq-modern-card:hover{transform:translateY(-8px)!important;box-shadow:0 42px 100px rgba(31,97,155,.18)!important}
.faq-card-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;margin-bottom:34px!important}.faq-icon{width:78px!important;height:78px!important;border-radius:50%!important;background:linear-gradient(135deg,#eaf5ff,#dcecff)!important;color:#086ed7!important;display:grid!important;place-items:center!important;font-size:30px!important;box-shadow:inset 0 0 0 1px rgba(32,184,255,.06)!important}.faq-card-top b{width:58px!important;height:58px!important;border-radius:50%!important;background:#eaf4ff!important;color:#086ed7!important;display:grid!important;place-items:center!important;font-size:18px!important;font-weight:1000!important}.faq-modern-card h3{color:#071327!important;font-size:28px!important;line-height:1.14!important;letter-spacing:-.8px!important;margin:0!important;font-weight:1000!important}.faq-line{height:1px!important;background:linear-gradient(90deg,#9ddcff,rgba(157,220,255,.18))!important;margin:30px 0!important;position:relative!important}.faq-line::before{content:""!important;display:block!important;width:34px!important;height:3px!important;border-radius:20px!important;background:#8fd8ff!important;transform:translateY(-1px)!important}.faq-modern-card p{font-size:20px!important;line-height:1.65!important;color:#43536d!important;font-weight:600!important;margin:0!important}.faq-modern-card a{position:absolute!important;left:38px!important;right:38px!important;bottom:34px!important;border-top:1px solid rgba(157,220,255,.5)!important;padding-top:24px!important;color:#075fd0!important;text-decoration:none!important;font-weight:1000!important;display:flex!important;gap:14px!important;align-items:center!important;font-size:18px!important}.faq-modern-card a i{width:34px!important;height:34px!important;border-radius:50%!important;background:#edf7ff!important;display:grid!important;place-items:center!important;color:#086ed7!important;border:1px solid rgba(8,109,215,.12)!important}
.faq-support-strip{position:relative!important;z-index:2!important;max-width:1420px!important;margin:0 auto 50px!important;padding:30px 38px!important;border-radius:26px!important;border:1px solid rgba(172,213,244,.75)!important;background:rgba(255,255,255,.55)!important;box-shadow:0 22px 60px rgba(31,97,155,.10)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:26px!important}.faq-support-left{display:flex!important;align-items:center!important;gap:24px!important}.faq-support-left>span{width:72px!important;height:72px!important;border-radius:50%!important;background:linear-gradient(135deg,#0b6dde,#0047b9)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:30px!important;box-shadow:0 18px 36px rgba(11,109,222,.24)!important}.faq-support-left h3{margin:0 0 8px!important;color:#071327!important;font-size:24px!important}.faq-support-left p{margin:0!important;color:#52657d!important;font-size:18px!important;font-weight:600!important}.faq-support-strip>a{display:inline-flex!important;align-items:center!important;gap:14px!important;padding:18px 32px!important;border-radius:14px!important;background:linear-gradient(135deg,#0b76e8,#0052c8)!important;color:#fff!important;text-decoration:none!important;font-size:18px!important;font-weight:950!important;box-shadow:0 18px 40px rgba(0,82,200,.25)!important;white-space:nowrap!important}
.faq-feature-strip{position:relative!important;z-index:2!important;margin:0 -24px!important;padding:36px 24px!important;background:#061b38!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;color:#fff!important}.faq-feature-strip>div{display:grid!important;grid-template-columns:64px 1fr!important;gap:18px!important;align-items:center!important;padding:0 48px!important;border-right:1px solid rgba(255,255,255,.18)!important}.faq-feature-strip>div:last-child{border-right:none!important}.faq-feature-strip span{width:56px!important;height:56px!important;border-radius:50%!important;background:linear-gradient(135deg,#0b76e8,#0052c8)!important;display:grid!important;place-items:center!important;font-size:22px!important}.faq-feature-strip b{display:block!important;font-size:19px!important;font-weight:1000!important}.faq-feature-strip small{display:block!important;margin-top:6px!important;color:#c7d8ed!important;font-size:15px!important;font-weight:600!important}
@media(max-width:1100px){.faq-modern-grid{grid-template-columns:1fr!important;max-width:720px!important}.faq-modern-card{min-height:360px!important}.faq-feature-strip{grid-template-columns:repeat(2,1fr)!important;row-gap:28px!important}.faq-feature-strip>div{border-right:none!important}.faq-support-strip{flex-direction:column!important;text-align:center!important}.faq-support-left{flex-direction:column!important}}
@media(max-width:720px){.faq-redesign{padding:82px 16px 0!important}.faq-hero-head h2{font-size:40px!important;letter-spacing:-1.5px!important}.faq-hero-head span{font-size:15px!important}.faq-modern-grid{gap:18px!important;margin-top:36px!important}.faq-modern-card{border-radius:24px!important;min-height:auto!important;padding:28px 24px 110px!important}.faq-icon{width:58px!important;height:58px!important;font-size:22px!important}.faq-card-top b{width:44px!important;height:44px!important;font-size:14px!important}.faq-modern-card h3{font-size:22px!important}.faq-modern-card p{font-size:15px!important}.faq-modern-card a{left:24px!important;right:24px!important;font-size:15px!important}.faq-support-strip{padding:26px 20px!important;border-radius:22px!important}.faq-support-strip>a{width:100%!important;justify-content:center!important}.faq-feature-strip{grid-template-columns:1fr!important;margin:0 -16px!important}.faq-feature-strip>div{padding:0 24px!important}.faq-dot-left,.faq-dot-right{display:none!important}}

/* === FINAL FAQ FIX: clean spacing, icons, no overlapping text === */
.faq-redesign{
  padding:110px 20px 72px!important;
  overflow:hidden!important;
}
.faq-redesign .faq-hero-head{
  max-width:1100px!important;
  padding:0 16px!important;
}
.faq-redesign .faq-hero-head p{
  width:max-content!important;
  margin:0 auto 26px!important;
  padding:10px 22px!important;
  border-radius:999px!important;
  background:#d9f0ff!important;
  color:#0878df!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.9px!important;
  display:inline-flex!important;
  gap:10px!important;
  align-items:center!important;
}
.faq-redesign .faq-hero-head h2{
  font-size:clamp(42px,5vw,76px)!important;
  line-height:1.02!important;
  letter-spacing:-3px!important;
  margin:0!important;
  color:#071327!important;
}
.faq-redesign .faq-hero-head span{
  margin-top:22px!important;
  font-size:18px!important;
  line-height:1.5!important;
  color:#53637a!important;
}
.faq-redesign .faq-hero-head em{
  width:72px!important;
  height:6px!important;
  margin:28px auto 0!important;
  display:block!important;
  border-radius:20px!important;
  background:linear-gradient(90deg,#31c1ff,#0776df)!important;
}
.faq-modern-grid{
  max-width:1280px!important;
  margin:58px auto 36px!important;
  gap:36px!important;
  align-items:stretch!important;
}
.faq-modern-card{
  position:relative!important;
  min-height:430px!important;
  height:auto!important;
  padding:42px 38px 36px!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:30px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(198,230,252,.82)!important;
  box-shadow:0 28px 90px rgba(26,94,155,.11)!important;
  overflow:hidden!important;
}
.faq-card-top{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  margin:0 0 30px!important;
}
.faq-icon{
  width:72px!important;
  height:72px!important;
  flex:0 0 72px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#eaf6ff,#dcefff)!important;
  color:#086ed7!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
}
.faq-icon i{display:none!important;}
.faq-modern-card:nth-child(1) .faq-icon::before{content:"👤";font-size:30px!important;line-height:1!important;}
.faq-modern-card:nth-child(2) .faq-icon::before{content:"📋";font-size:30px!important;line-height:1!important;}
.faq-modern-card:nth-child(3) .faq-icon::before{content:"💼";font-size:30px!important;line-height:1!important;}
.faq-card-top b{
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#eaf4ff!important;
  color:#086ed7!important;
  font-weight:1000!important;
  font-size:16px!important;
}
.faq-modern-card h3{
  min-height:68px!important;
  margin:0!important;
  font-size:26px!important;
  line-height:1.16!important;
  letter-spacing:-.75px!important;
  color:#071327!important;
}
.faq-line{
  flex:0 0 auto!important;
  margin:26px 0!important;
  height:1px!important;
  background:linear-gradient(90deg,#8fd8ff,rgba(143,216,255,.18))!important;
}
.faq-modern-card p{
  flex:1 1 auto!important;
  margin:0!important;
  font-size:17px!important;
  line-height:1.78!important;
  color:#45556f!important;
  font-weight:650!important;
  max-width:100%!important;
}
.faq-modern-card a{
  position:static!important;
  margin-top:28px!important;
  padding:18px 0 0!important;
  border-top:1px solid rgba(157,220,255,.55)!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  width:max-content!important;
  max-width:100%!important;
  color:#086ed7!important;
  text-decoration:none!important;
  font-weight:1000!important;
  font-size:16px!important;
  line-height:1!important;
}
.faq-modern-card a i{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#edf7ff!important;
  border:1px solid rgba(8,109,215,.12)!important;
  font-size:13px!important;
}
.faq-support-strip{
  max-width:1280px!important;
  margin:34px auto 46px!important;
  padding:30px 38px!important;
}
@media(max-width:1100px){
  .faq-modern-grid{grid-template-columns:1fr!important;max-width:720px!important;gap:24px!important;}
  .faq-modern-card{min-height:0!important;}
  .faq-modern-card h3{min-height:0!important;}
}
@media(max-width:720px){
  .faq-redesign{padding:82px 14px 0!important;}
  .faq-redesign .faq-hero-head h2{font-size:38px!important;letter-spacing:-1.4px!important;}
  .faq-redesign .faq-hero-head span{font-size:15px!important;margin-top:16px!important;}
  .faq-redesign .faq-hero-head em{margin-top:22px!important;}
  .faq-modern-grid{margin-top:34px!important;gap:18px!important;}
  .faq-modern-card{padding:26px 22px!important;border-radius:24px!important;}
  .faq-card-top{margin-bottom:22px!important;}
  .faq-icon{width:56px!important;height:56px!important;flex-basis:56px!important;}
  .faq-modern-card:nth-child(n) .faq-icon::before{font-size:24px!important;}
  .faq-card-top b{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:13px!important;}
  .faq-modern-card h3{font-size:22px!important;line-height:1.2!important;}
  .faq-line{margin:20px 0!important;}
  .faq-modern-card p{font-size:15px!important;line-height:1.65!important;}
  .faq-modern-card a{margin-top:22px!important;font-size:15px!important;}
  .faq-support-strip{margin-top:26px!important;padding:24px 18px!important;}
}

/* =========================================================
   MODERN AURA AURA ASPIRE TALENT HUB FOOTER - COMPLETE REDESIGN
   ========================================================= */
.site-footer.aspire-modern-footer{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  display:block!important;
  background:
    radial-gradient(circle at 8% 18%, rgba(32,184,255,.18), transparent 28%),
    radial-gradient(circle at 92% 10%, rgba(31,105,255,.16), transparent 30%),
    linear-gradient(135deg,#061426 0%,#071b31 48%,#061222 100%)!important;
  color:#fff!important;
  border-top:1px solid rgba(32,184,255,.18)!important;
}
.site-footer.aspire-modern-footer::before{
  content:""!important;
  position:absolute!important;
  inset:28px!important;
  border:1px solid rgba(32,184,255,.22)!important;
  border-radius:28px!important;
  pointer-events:none!important;
  box-shadow:inset 0 0 50px rgba(32,184,255,.04)!important;
}
.site-footer.aspire-modern-footer::after{display:none!important}
.footer-glow{position:absolute;border-radius:999px;filter:blur(38px);opacity:.45;pointer-events:none}
.footer-glow-left{width:220px;height:220px;left:-90px;top:70px;background:#20b8ff}
.footer-glow-right{width:260px;height:260px;right:-110px;top:-50px;background:#1269ff}
.footer-modern-inner{
  width:min(1480px,100%);
  margin:0 auto;
  padding:78px 56px 38px;
  position:relative;
  z-index:1;
}
.footer-modern-top{
  display:grid;
  grid-template-columns:1.25fr .9fr 1.05fr 1.15fr;
  gap:46px;
  align-items:start;
}
.footer-logo-wrap{display:flex!important;align-items:center;gap:16px;text-decoration:none!important;color:#fff!important;margin-bottom:28px!important}
.footer-logo-wrap img{width:58px;height:58px;object-fit:cover;border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.28)}
.footer-logo-wrap strong{display:block;font-size:25px;line-height:1;letter-spacing:.04em;font-weight:950;color:#fff}.footer-logo-wrap strong span{color:#20b8ff}.footer-logo-wrap small{display:block;margin-top:7px;color:#a9c0db;text-transform:uppercase;letter-spacing:.28em;font-size:11px;font-weight:800}
.footer-brand-block p{max-width:370px;color:#d7e7f8;font-size:17px;line-height:1.9;font-weight:500;margin:0 0 26px}
.footer-socials{display:flex;gap:14px;flex-wrap:wrap}.footer-socials a{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:#fff!important;border:1px solid rgba(255,255,255,.08);font-size:21px;text-decoration:none!important;transition:.25s ease}.footer-socials a:hover{background:#20b8ff;color:#061426!important;transform:translateY(-4px)!important}
.footer-modern-links h4,.footer-location-modern h4,.footer-rating-modern h4{margin:0 0 26px;color:#fff;text-transform:uppercase;letter-spacing:.10em;font-size:19px;font-weight:950}.footer-modern-links h4::after,.footer-location-modern h4::after,.footer-rating-modern h4::after{content:"";display:block;width:58px;height:4px;border-radius:999px;background:#20b8ff;margin-top:14px;box-shadow:0 0 18px rgba(32,184,255,.55)}
.footer-modern-links{display:flex;flex-direction:column}.footer-modern-links a{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.09);color:#e7f3ff!important;text-decoration:none!important;font-size:17px;font-weight:650;transition:.25s ease}.footer-modern-links a i{color:#20b8ff;font-size:13px}.footer-modern-links a:hover{color:#20b8ff!important;transform:translateX(6px)!important}
.footer-map-card{min-height:265px;border:1px solid rgba(32,184,255,.22);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025)),radial-gradient(circle at 50% 20%,rgba(32,184,255,.12),transparent 45%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;box-shadow:0 26px 70px rgba(0,0,0,.22)}
.footer-map-card>i{font-size:52px;color:#178fff;margin-bottom:22px;text-shadow:0 0 24px rgba(32,184,255,.45)}.footer-map-card strong{font-size:18px}.footer-map-card span{color:#cfe3fb;margin-top:8px;font-size:16px}.footer-map-card a,.footer-review-card a{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;border-radius:14px;border:1px solid rgba(32,184,255,.45);background:rgba(32,184,255,.10);color:#20b8ff!important;text-decoration:none!important;font-size:16px;font-weight:800}.footer-map-card a:hover,.footer-review-card a:hover{background:#20b8ff;color:#061426!important;transform:none!important}
.footer-review-card{min-height:265px;border-radius:18px;background:#fff;color:#071327;padding:34px;box-shadow:0 28px 80px rgba(0,0,0,.28);display:flex;flex-direction:column;justify-content:center}.footer-review-card .google-text{font-size:38px;font-weight:950;letter-spacing:-1px;background:linear-gradient(90deg,#4285f4,#34a853,#fbbc05,#ea4335);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:20px}.footer-review-card strong{font-size:32px;color:#071327}.footer-review-card strong span{color:#ffb000;font-size:30px;letter-spacing:2px}.footer-review-card p{font-size:17px;margin:12px 0 0;color:#334155;font-weight:600}.footer-review-card a{color:#107be8!important;background:#e9f6ff;border:0;margin-top:30px}
.footer-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:58px;padding-top:44px;border-top:1px dashed rgba(32,184,255,.28)}
.footer-info-card{min-height:138px;display:grid;grid-template-columns:74px 1fr;gap:22px;align-items:center;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(32,184,255,.18);padding:28px 30px;box-shadow:0 24px 60px rgba(0,0,0,.18);border-left:4px solid #20b8ff}.footer-info-card>i{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:28px;color:#fff;background:linear-gradient(135deg,#20b8ff,#005eea);box-shadow:0 18px 45px rgba(32,184,255,.25)}.footer-info-card h5{margin:0 0 8px;color:#fff;font-size:19px;letter-spacing:.08em;text-transform:uppercase;font-weight:950}.footer-info-card p,.footer-info-card a{margin:0;color:#d7e7f8!important;line-height:1.75;font-size:16px;text-decoration:none!important;font-weight:500}
.footer-modern-bottom{margin-top:44px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.045);display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:center;padding:22px 26px}.footer-modern-bottom p{margin:0;color:#d8e7f7;font-size:16px;text-align:center}.footer-modern-bottom i{color:#20b8ff;margin-right:10px}

@media(max-width:1180px){.footer-modern-inner{padding:68px 32px 34px}.footer-modern-top{grid-template-columns:1fr 1fr;gap:34px}.footer-info-grid{grid-template-columns:1fr}.footer-modern-bottom{grid-template-columns:1fr;gap:12px}.site-footer.aspire-modern-footer::before{inset:18px}}
@media(max-width:720px){.footer-modern-inner{padding:56px 18px 30px}.footer-modern-top{grid-template-columns:1fr;gap:36px}.footer-logo-wrap img{width:52px;height:52px}.footer-logo-wrap strong{font-size:22px}.footer-brand-block p{font-size:15px;line-height:1.8;max-width:none}.footer-modern-links a{font-size:15px;padding:13px 0}.footer-map-card,.footer-review-card{min-height:auto;padding:26px 20px}.footer-info-card{grid-template-columns:54px 1fr;gap:16px;padding:22px 18px;min-height:116px}.footer-info-card>i{width:50px;height:50px;font-size:22px}.footer-info-card h5{font-size:15px}.footer-info-card p,.footer-info-card a{font-size:14px}.footer-modern-bottom{padding:18px}.footer-modern-bottom p{font-size:13px}.footer-review-card .google-text{font-size:32px}.footer-review-card strong{font-size:27px}.site-footer.aspire-modern-footer::before{display:none!important}}

/* =========================================================
   FOOTER FINAL POLISH - balanced desktop/tablet/mobile layout
   ========================================================= */
.site-footer.aspire-modern-footer{
  margin-top:0!important;
  background:
    radial-gradient(circle at 0% 16%, rgba(32,184,255,.22), transparent 24%),
    radial-gradient(circle at 100% 8%, rgba(0,89,255,.18), transparent 24%),
    linear-gradient(135deg,#06182b 0%,#071426 52%,#061225 100%)!important;
}
.site-footer.aspire-modern-footer::before{
  inset:26px!important;
  border-radius:26px!important;
  opacity:.7!important;
}
.footer-modern-inner{
  width:min(1240px, calc(100% - 48px))!important;
  padding:64px 0 34px!important;
}
.footer-modern-top{
  grid-template-columns:1.18fr .85fr 1.05fr 1.05fr!important;
  gap:40px!important;
  align-items:start!important;
}
.footer-brand-block p{
  max-width:330px!important;
  font-size:15.5px!important;
  line-height:1.85!important;
}
.footer-logo-wrap{margin-bottom:24px!important;}
.footer-logo-wrap img{width:54px!important;height:54px!important;}
.footer-logo-wrap strong{font-size:23px!important;}
.footer-socials{
  display:grid!important;
  grid-template-columns:repeat(4,52px)!important;
  gap:16px!important;
  width:max-content!important;
}
.footer-socials a{
  width:52px!important;
  height:52px!important;
  border-radius:14px!important;
}
.footer-modern-links h4,
.footer-location-modern h4,
.footer-rating-modern h4{
  font-size:17px!important;
  margin-bottom:24px!important;
}
.footer-modern-links a{
  padding:13px 0!important;
  font-size:15.5px!important;
}
.footer-map-card,
.footer-review-card{
  min-height:235px!important;
  border-radius:18px!important;
}
.footer-map-card{padding:26px 22px!important;}
.footer-map-card>i{font-size:48px!important;margin-bottom:18px!important;}
.footer-map-card a,
.footer-review-card a{min-height:48px!important;margin-top:22px!important;font-size:14.5px!important;}
.footer-review-card{padding:30px 28px!important;}
.footer-review-card .google-text{font-size:34px!important;margin-bottom:18px!important;}
.footer-review-card strong{font-size:28px!important;}
.footer-review-card strong span{font-size:26px!important;}
.footer-review-card p{font-size:15px!important;}
.footer-info-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  margin-top:48px!important;
  padding-top:40px!important;
}
.footer-info-card{
  min-height:126px!important;
  grid-template-columns:62px 1fr!important;
  gap:20px!important;
  padding:24px 24px!important;
  border-radius:16px!important;
}
.footer-info-card>i{width:56px!important;height:56px!important;font-size:24px!important;}
.footer-info-card h5{font-size:16px!important;margin-bottom:7px!important;}
.footer-info-card p,
.footer-info-card a{font-size:14.5px!important;}
.footer-modern-bottom{
  margin-top:34px!important;
  padding:20px 24px!important;
  grid-template-columns:1.15fr 1fr 1.25fr!important;
}
.footer-modern-bottom p{font-size:14px!important;}

@media(max-width:1180px){
  .footer-modern-inner{width:min(920px, calc(100% - 40px))!important;padding:58px 0 32px!important;}
  .footer-modern-top{grid-template-columns:1fr 1fr!important;gap:36px!important;}
  .footer-brand-block p{max-width:100%!important;}
  .footer-info-grid{grid-template-columns:1fr!important;gap:18px!important;}
  .footer-modern-bottom{grid-template-columns:1fr!important;gap:10px!important;}
}
@media(max-width:720px){
  .site-footer.aspire-modern-footer{overflow:hidden!important;}
  .footer-modern-inner{width:calc(100% - 28px)!important;padding:46px 0 26px!important;}
  .footer-modern-top{grid-template-columns:1fr!important;gap:32px!important;}
  .footer-logo-wrap{gap:12px!important;margin-bottom:18px!important;}
  .footer-logo-wrap img{width:48px!important;height:48px!important;}
  .footer-logo-wrap strong{font-size:20px!important;}
  .footer-logo-wrap small{font-size:9px!important;letter-spacing:.22em!important;}
  .footer-brand-block p{font-size:14px!important;line-height:1.75!important;}
  .footer-socials{grid-template-columns:repeat(4,46px)!important;gap:12px!important;}
  .footer-socials a{width:46px!important;height:46px!important;font-size:18px!important;}
  .footer-modern-links h4,.footer-location-modern h4,.footer-rating-modern h4{font-size:15px!important;margin-bottom:18px!important;}
  .footer-modern-links a{font-size:14px!important;padding:12px 0!important;}
  .footer-map-card,.footer-review-card{min-height:auto!important;padding:24px 18px!important;}
  .footer-review-card .google-text{font-size:30px!important;}
  .footer-review-card strong{font-size:25px!important;}
  .footer-info-grid{margin-top:34px!important;padding-top:30px!important;}
  .footer-info-card{grid-template-columns:50px 1fr!important;gap:14px!important;padding:20px 16px!important;min-height:108px!important;}
  .footer-info-card>i{width:46px!important;height:46px!important;font-size:20px!important;}
  .footer-modern-bottom{padding:16px!important;margin-top:26px!important;}
  .footer-modern-bottom p{font-size:12.5px!important;line-height:1.5!important;}
}

/* =========================================================
   FOOTER FULL COVER FIX - use whole section width properly
   ========================================================= */
.site-footer.aspire-modern-footer{
  width:100%!important;
  min-height:auto!important;
  padding:32px 0!important;
  box-sizing:border-box!important;
}
.site-footer.aspire-modern-footer::before{
  inset:24px!important;
  border-radius:24px!important;
}
.footer-modern-inner{
  width:min(1680px, calc(100% - 56px))!important;
  max-width:1680px!important;
  padding:54px 0 28px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}
.footer-modern-top{
  display:grid!important;
  grid-template-columns:minmax(280px,1.1fr) minmax(220px,.85fr) minmax(310px,1fr) minmax(310px,1fr)!important;
  gap:34px!important;
  align-items:stretch!important;
  width:100%!important;
}
.footer-brand-block,
.footer-modern-links,
.footer-location-modern,
.footer-rating-modern{
  min-width:0!important;
  width:100%!important;
}
.footer-brand-block p{max-width:100%!important;}
.footer-socials{width:100%!important;grid-template-columns:repeat(4,52px)!important;}
.footer-map-card,
.footer-review-card{width:100%!important;min-height:250px!important;box-sizing:border-box!important;}
.footer-info-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  margin-top:46px!important;
  padding-top:36px!important;
}
.footer-info-card{width:100%!important;box-sizing:border-box!important;}
.footer-modern-bottom{
  width:100%!important;
  box-sizing:border-box!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

@media (min-width:1400px){
  .footer-modern-inner{width:min(1700px, calc(100% - 80px))!important;}
  .footer-modern-top{gap:42px!important;}
}
@media (max-width:1180px){
  .footer-modern-inner{width:calc(100% - 40px)!important;padding:48px 0 28px!important;}
  .footer-modern-top{grid-template-columns:1fr 1fr!important;gap:28px!important;}
  .footer-info-grid{grid-template-columns:1fr!important;gap:18px!important;}
  .footer-modern-bottom{grid-template-columns:1fr!important;gap:12px!important;}
}
@media (max-width:720px){
  .site-footer.aspire-modern-footer{padding:18px 0!important;}
  .site-footer.aspire-modern-footer::before{display:none!important;}
  .footer-modern-inner{width:calc(100% - 24px)!important;padding:36px 0 22px!important;}
  .footer-modern-top{grid-template-columns:1fr!important;gap:28px!important;}
  .footer-socials{grid-template-columns:repeat(4,44px)!important;gap:10px!important;}
  .footer-socials a{width:44px!important;height:44px!important;}
  .footer-map-card,.footer-review-card{min-height:auto!important;width:100%!important;}
  .footer-info-card{grid-template-columns:48px 1fr!important;}
}

/* =========================================================
   WORK MEMBERS / BOOK SERVICE PAGE
   CHANGE HERE: edit workers.html service cards to add more workers.
   ========================================================= */
.worker-hero{background-image:linear-gradient(135deg,rgba(7,24,47,.92),rgba(31,122,183,.82)),url('assets/bg-services.svg');}
.worker-services-section,.book-worker-section{padding:70px 6vw;background:#f6fbff;}
.worker-service-head{max-width:980px;margin:0 auto 28px;text-align:center;}
.worker-service-head h2{font-size:clamp(28px,4vw,46px);margin:8px 0 10px;color:#07182f;}
.worker-service-head p{color:#607086;font-weight:600;}
.worker-card-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.worker-card{border:1px solid rgba(31,122,183,.16);background:#fff;border-radius:24px;padding:24px;box-shadow:0 18px 42px rgba(7,24,47,.08);display:grid;gap:12px;transition:.25s ease;}
.worker-card:hover{transform:translateY(-6px);box-shadow:0 22px 54px rgba(31,122,183,.18);}
.worker-card i{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#eaf7ff;color:#1f7ab7;font-size:25px;}
.worker-card h3{margin:0;color:#07182f;font-size:20px;}
.worker-card p{margin:0;color:#607086;font-weight:600;line-height:1.55;}
.worker-card button{border:0;border-radius:14px;padding:13px 16px;background:#07182f;color:#fff;font-weight:900;cursor:pointer;}
.book-worker-section{background:linear-gradient(180deg,#ffffff,#eef8ff);}
.book-worker-shell{max-width:1180px;margin:auto;display:grid;grid-template-columns:.78fr 1.42fr;gap:28px;align-items:start;}
.book-worker-info,.worker-booking-form{background:#fff;border:1px solid rgba(31,122,183,.14);border-radius:28px;padding:28px;box-shadow:0 20px 50px rgba(7,24,47,.08);}
.book-worker-info{position:sticky;top:110px;}
.book-worker-info h2{font-size:34px;line-height:1.12;margin:10px 0;color:#07182f;}
.book-worker-info p{color:#607086;font-weight:600;line-height:1.7;}
.book-steps{display:grid;gap:12px;margin-top:20px;}
.book-steps span{display:flex;gap:12px;align-items:center;padding:14px;border-radius:16px;background:#eef8ff;color:#28445f;font-weight:800;}
.book-steps b{background:#1f7ab7;color:#fff;border-radius:10px;padding:6px 8px;font-size:12px;}
.worker-booking-form{display:grid;gap:18px;}
.worker-booking-form label{display:grid;gap:8px;color:#07182f;font-weight:800;font-size:13px;}
.worker-booking-form input,.worker-booking-form select,.worker-booking-form textarea{width:100%;border:1px solid #dbe8f5;background:#f8fbff;border-radius:15px;padding:0 16px;font-family:inherit;font-weight:600;color:#40506a;outline:0;}
.worker-booking-form input,.worker-booking-form select{height:54px;}
.worker-booking-form textarea{padding-top:14px;resize:vertical;min-height:120px;}
.worker-booking-form input:focus,.worker-booking-form select:focus,.worker-booking-form textarea:focus{border-color:#28aeff;box-shadow:0 0 0 4px rgba(40,174,255,.14);}
.service-booking-status{padding:15px 16px;border-radius:15px;font-weight:800;background:#eef7ff;color:#255a87;}
.service-booking-status[data-type="success"]{background:#e9fbf0;color:#126137;}
.service-booking-status[data-type="error"]{background:#fff0f0;color:#b42318;}
.active-link{color:#1f7ab7!important;font-weight:900;}
@media(max-width:1050px){.worker-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.book-worker-shell{grid-template-columns:1fr}.book-worker-info{position:static}}
@media(max-width:640px){.worker-services-section,.book-worker-section{padding:44px 18px}.worker-card-grid{grid-template-columns:1fr}.book-worker-info,.worker-booking-form{padding:20px;border-radius:22px}.worker-booking-form .form-row.two,.worker-booking-form .form-row.three{grid-template-columns:1fr!important}.worker-card{padding:20px}.book-worker-info h2{font-size:28px}}

/* === ROLE CARD CODE IMAGE OPTION === */
.explore-jobs .role-code-image-icon{
  width:54px !important;
  height:54px !important;
  border-radius:17px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(32,184,255,.16) !important;
  position:relative !important;
  z-index:2 !important;
  overflow:hidden !important;
  flex:0 0 auto !important;
  padding:4px !important;
}
.explore-jobs .role-code-image-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:14px !important;
  display:block !important;
}
@media(max-width:520px){
  .explore-jobs .role-code-image-icon{width:48px !important;height:48px !important;border-radius:15px !important;}
}

/* =========================================================
   FAQ INDIVIDUAL DETAIL PAGE REWORK
   Click FAQ card -> opens clear details page
   ========================================================= */
.faq-click-card{cursor:pointer!important;transition:transform .25s ease,box-shadow .25s ease!important;}
.faq-click-card:hover{transform:translateY(-8px)!important;}
.faq-click-card a{position:relative!important;z-index:4!important;}
.faq-detail-page{
  min-height:100vh!important;
  padding:130px 20px 80px!important;
  background:
    radial-gradient(circle at 15% 18%,rgba(35,184,255,.18),transparent 28%),
    radial-gradient(circle at 85% 8%,rgba(8,109,215,.14),transparent 30%),
    linear-gradient(180deg,#eef7ff 0%,#ffffff 100%)!important;
}
.faq-detail-wrap{width:min(1180px,100%)!important;margin:0 auto!important;}
.faq-back-link{display:inline-flex!important;align-items:center!important;gap:10px!important;margin-bottom:26px!important;color:#086ed7!important;text-decoration:none!important;font-weight:900!important;background:#fff!important;border:1px solid rgba(8,109,215,.12)!important;border-radius:999px!important;padding:12px 18px!important;box-shadow:0 14px 34px rgba(26,94,155,.08)!important;}
.faq-detail-hero{position:relative!important;overflow:hidden!important;text-align:center!important;border-radius:34px!important;padding:54px 28px!important;background:linear-gradient(135deg,#071327,#0b3a64 58%,#085a96)!important;color:#fff!important;box-shadow:0 34px 100px rgba(7,19,39,.22)!important;}
.faq-detail-hero::before{content:""!important;position:absolute!important;inset:-80px!important;background:radial-gradient(circle at 20% 20%,rgba(49,193,255,.34),transparent 28%),radial-gradient(circle at 85% 15%,rgba(255,255,255,.16),transparent 26%)!important;pointer-events:none!important;}
.faq-detail-badge,.faq-detail-icon,.faq-detail-hero h1,.faq-detail-hero p{position:relative!important;z-index:2!important;}
.faq-detail-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 18px!important;border-radius:999px!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.18)!important;color:#aee6ff!important;font-weight:1000!important;letter-spacing:.7px!important;}
.faq-detail-icon{width:88px!important;height:88px!important;margin:28px auto 22px!important;border-radius:50%!important;background:#eaf6ff!important;color:#071327!important;display:grid!important;place-items:center!important;font-size:42px!important;box-shadow:0 20px 46px rgba(0,0,0,.18)!important;}
.faq-detail-hero h1{font-size:clamp(34px,5vw,62px)!important;line-height:1.05!important;letter-spacing:-2px!important;margin:0!important;font-weight:1000!important;}
.faq-detail-hero p{max-width:820px!important;margin:22px auto 0!important;font-size:18px!important;line-height:1.7!important;color:#d8eefb!important;font-weight:650!important;}
.faq-detail-grid{display:grid!important;grid-template-columns:1.55fr .75fr!important;gap:28px!important;margin-top:30px!important;align-items:start!important;}
.faq-detail-main-card,.faq-detail-side-card{background:#fff!important;border:1px solid rgba(198,230,252,.9)!important;border-radius:30px!important;box-shadow:0 24px 70px rgba(26,94,155,.10)!important;}
.faq-detail-main-card{padding:38px!important;}
.faq-detail-main-card h2{font-size:26px!important;color:#071327!important;margin:0 0 16px!important;letter-spacing:-.5px!important;}
.faq-detail-main-card p{font-size:17px!important;line-height:1.9!important;color:#43536d!important;font-weight:600!important;margin:0 0 32px!important;}
.faq-detail-main-card ol{margin:0!important;padding-left:24px!important;display:grid!important;gap:16px!important;}
.faq-detail-main-card li{font-size:16px!important;line-height:1.7!important;color:#31445d!important;font-weight:700!important;padding-left:8px!important;}
.faq-detail-side-card{position:sticky!important;top:110px!important;padding:30px!important;}
.faq-detail-side-card h3{font-size:24px!important;margin:0 0 18px!important;color:#071327!important;}
.faq-detail-side-card ul{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:14px!important;}
.faq-detail-side-card li{display:flex!important;align-items:center!important;gap:10px!important;color:#31445d!important;font-size:15px!important;font-weight:800!important;}
.faq-detail-side-card li i{color:#0b76e8!important;}
.faq-detail-action{margin-top:26px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;text-decoration:none!important;background:linear-gradient(135deg,#31c1ff,#0776df)!important;color:#061426!important;border-radius:16px!important;padding:16px 18px!important;font-size:15px!important;font-weight:1000!important;box-shadow:0 16px 36px rgba(7,118,223,.24)!important;}
@media(max-width:900px){.faq-detail-grid{grid-template-columns:1fr!important}.faq-detail-side-card{position:relative!important;top:auto!important}.faq-detail-page{padding:110px 14px 60px!important}.faq-detail-main-card{padding:28px 22px!important}.faq-detail-hero{padding:42px 20px!important;border-radius:26px!important}.faq-detail-hero h1{letter-spacing:-1px!important}.faq-detail-hero p{font-size:15px!important}.faq-detail-icon{width:70px!important;height:70px!important;font-size:34px!important}.faq-modern-card{cursor:pointer!important}}

/* Work Members page: bottom customer booking form removed */
.worker-apply-note-section{
  padding: clamp(36px, 6vw, 72px) 20px;
  background: linear-gradient(180deg, #ffffff 0%, #eef8ff 100%);
}
.worker-apply-note-card{
  max-width: 780px;
  margin: 0 auto;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid rgba(33, 166, 231, .18);
  border-radius: 28px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 22px 60px rgba(0, 52, 92, .10);
  text-align: center;
}
.worker-apply-note-card h2{
  margin: 10px 0 10px;
  color: #06152f;
  font-size: clamp(24px, 3vw, 36px);
}
.worker-apply-note-card p{
  color: #42516a;
  line-height: 1.75;
  margin: 0;
}


/* ===== LIVE GOOGLE MAPS + REVIEWS REWORK ===== */
.map-box.live-map-link,.review-box.live-review-link{text-decoration:none;cursor:pointer;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.map-box.live-map-link:hover,.review-box.live-review-link:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(0,0,0,.24);border-color:#2db7f5}
.map-box small{display:block;margin-top:8px;color:#2381c6;font-weight:800;font-size:11px}
.live-google-section{padding-top:50px}
.live-google-head{max-width:820px;margin:0 auto 26px;text-align:center}
.live-google-head h2{font-size:clamp(30px,4vw,56px);line-height:1;margin:10px 0;color:#06152b}
.live-google-head p:not(.eyebrow){color:#52637a;font-weight:700;line-height:1.7}
.live-google-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;max-width:1100px;margin:0 auto;align-items:stretch}
.live-map-preview{position:relative;display:block;border-radius:26px;overflow:hidden;min-height:390px;background:#eaf6ff;border:1px solid rgba(29,183,245,.28);box-shadow:0 24px 70px rgba(12,69,118,.14);text-decoration:none}
.live-map-preview iframe{width:100%;height:100%;min-height:390px;border:0;display:block;filter:saturate(1.05)}
.live-map-preview span{position:absolute;left:22px;bottom:22px;background:#0b1529;color:#fff;border-radius:999px;padding:14px 20px;font-weight:900;box-shadow:0 15px 35px rgba(0,0,0,.25)}
.live-review-panel{background:#fff;border-radius:26px;padding:34px;box-shadow:0 24px 70px rgba(12,69,118,.14);border:1px solid rgba(29,183,245,.18);display:flex;flex-direction:column;justify-content:center;gap:16px}
.live-review-panel h3{font-size:32px;line-height:1.05;color:#06152b;margin:0}
.live-review-panel p{color:#52637a;font-weight:700;line-height:1.7;margin:0 0 6px}
.google-review-btn,.google-map-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;padding:15px 18px;text-decoration:none;font-weight:900}
.google-review-btn{background:#1db7f5;color:#00172a;box-shadow:0 12px 28px rgba(29,183,245,.25)}
.google-map-btn{background:#eef8ff;color:#0b5b91;border:1px solid rgba(29,183,245,.25)}
@media(max-width:900px){.live-google-grid{grid-template-columns:1fr}.live-map-preview,.live-map-preview iframe{min-height:310px}.live-review-panel{padding:26px}}

/* Poster layer image background helper - background is controlled from main.js */
.poster-layer-image-bg{
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.poster-layer-image-bg .poster-content,
.poster-layer-image-bg .poster-stat,
.poster-layer-image-bg .poster-visual{
  position:relative;
  z-index:1;
}

/* =============================================================
   HOME ROLE TYPE: WORK MEMBERS LIST ADDED
   ============================================================= */
.explore-jobs .job-tabs{
  grid-template-columns:repeat(3,1fr)!important;
  width:min(760px,100%)!important;
}
.explore-jobs .workmembers-grid .worker-role-card{
  background:
    linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06)),
    radial-gradient(circle at 86% 15%,rgba(32,184,255,.30),transparent 36%),
    linear-gradient(135deg,rgba(10,49,78,.75),rgba(4,19,41,.80))!important;
}
.explore-jobs .workmembers-grid .worker-role-card em{
  background:#20b8ff!important;
  color:#061127!important;
}
@media(max-width:760px){
  .explore-jobs .job-tabs{grid-template-columns:1fr!important;width:100%!important;gap:7px!important;}
}


/* =====================================================================
   FINAL FIX: INDIVIDUAL SECTION BACKGROUND IMAGE CHANGE - WORKING
   ---------------------------------------------------------------------
   Bro, previous code used one global --site-bg-image, so changing one
   section background could look like it was not changing. This block is
   kept at the VERY BOTTOM of main.css, so it overrides all old background
   code properly.

   HOW TO CHANGE:
   1) Put your image inside: assets/section-backgrounds/
   2) Change the URL below for the section/page you want.
      Example:
      --bg-role-section: url('assets/section-backgrounds/my-role-bg.jpg');
   3) Save and refresh with Ctrl + F5.
   ===================================================================== */
:root{
  /* HOME PAGE INDIVIDUAL SECTIONS */
  --bg-home-hero: url('assets/section-backgrounds/home-hero-bg.svg');
  --bg-role-section: url('assets/section-backgrounds/role-section-bg.svg');
  --bg-service-section: url('assets/section-backgrounds/service-section-bg.svg');
  --bg-about-home-section: url('assets/section-backgrounds/about-section-bg.svg');
  --bg-testimonials-section-final: url('assets/section-backgrounds/testimonials-section-bg.svg');
  --bg-faq-home-section: url('assets/section-backgrounds/faq-section-bg.svg');
  --bg-footer-section: url('assets/section-backgrounds/footer-bg.svg');

  /* SEPARATE PAGE INDIVIDUAL BACKGROUNDS */
  --bg-about-page-final: url('assets/section-backgrounds/about-page-bg.svg');
  --bg-services-page-final: url('assets/section-backgrounds/services-page-bg.svg');
  --bg-industries-page-final: url('assets/section-backgrounds/industries-page-bg.svg');
  --bg-careers-page-final: url('assets/section-backgrounds/careers-page-bg.svg');
  --bg-recruiters-page-final: url('assets/section-backgrounds/recruiters-page-bg.svg');
  --bg-contact-page-final: url('assets/section-backgrounds/contact-page-bg.svg');
  --bg-faq-page-final: url('assets/section-backgrounds/faq-page-bg.svg');
  --bg-apply-page-final: url('assets/section-backgrounds/apply-page-bg.svg');
  --bg-worker-apply-page-final: url('assets/section-backgrounds/worker-apply-page-bg.svg');
  --bg-walkin-page-final: url('assets/section-backgrounds/walkin-page-bg.svg');
  --bg-search-page-final: url('assets/section-backgrounds/search-page-bg.svg');

  /* CONTROLS */
  --section-bg-size-final: cover;
  --section-bg-position-final: center center;
  --section-light-readable: linear-gradient(180deg,rgba(247,251,255,.92),rgba(238,248,255,.92));
  --section-dark-readable: linear-gradient(180deg,rgba(5,11,24,.84),rgba(7,19,39,.88));
}

/* HOME PAGE */
body .hero{
  background:var(--section-light-readable),var(--bg-home-hero) var(--section-bg-position-final)/var(--section-bg-size-final) no-repeat!important;
}
body .explore-jobs{
  background:var(--section-dark-readable),var(--bg-role-section) var(--section-bg-position-final)/var(--section-bg-size-final) no-repeat!important;
}
body .hub-section{
  background:var(--section-dark-readable),var(--bg-service-section) var(--section-bg-position-final)/var(--section-bg-size-final) no-repeat!important;
}
body .about-rework{
  background:var(--section-light-readable),var(--bg-about-home-section) var(--section-bg-position-final)/var(--section-bg-size-final) no-repeat!important;
}
body .testimonials-clients{
  background:var(--section-light-readable),var(--bg-testimonials-section-final) var(--section-bg-position-final)/var(--section-bg-size-final) no-repeat!important;
}
body .faq-section:not(.faq-page){
  background:var(--section-light-readable),var(--bg-faq-home-section) var(--section-bg-position-final)/var(--section-bg-size-final) no-repeat!important;
}
body .site-footer,body .footer-rework,body .main-footer{
  background:var(--section-dark-readable),var(--bg-footer-section) var(--section-bg-position-final)/var(--section-bg-size-final) no-repeat!important;
}

/* PAGE BACKGROUND SELECTOR - using body classes added by page scripts below */
body.bg-page-about{--active-page-bg:var(--bg-about-page-final);}
body.bg-page-services{--active-page-bg:var(--bg-services-page-final);}
body.bg-page-industries{--active-page-bg:var(--bg-industries-page-final);}
body.bg-page-careers{--active-page-bg:var(--bg-careers-page-final);}
body.bg-page-recruiters{--active-page-bg:var(--bg-recruiters-page-final);}
body.bg-page-contact{--active-page-bg:var(--bg-contact-page-final);}
body.bg-page-faq{--active-page-bg:var(--bg-faq-page-final);}
body.bg-page-apply{--active-page-bg:var(--bg-apply-page-final);}
body.bg-page-worker-apply{--active-page-bg:var(--bg-worker-apply-page-final);}
body.bg-page-walkin{--active-page-bg:var(--bg-walkin-page-final);}
body.bg-page-search{--active-page-bg:var(--bg-search-page-final);}

/* SEPARATE PAGES */
body[class*="bg-page-"]{
  background:var(--section-dark-readable),var(--active-page-bg) center/cover fixed no-repeat!important;
}
body[class*="bg-page-"] .page-hero,
body[class*="bg-page-"] .inner-blue-hero,
body[class*="bg-page-"] .services-hero,
body[class*="bg-page-"] .walkin-page-hero,
body[class*="bg-page-"] .search-jobs-hero{
  background:var(--section-dark-readable),var(--active-page-bg) center/cover no-repeat!important;
}
body[class*="bg-page-"] .inner-section,
body[class*="bg-page-"] .services-page-section,
body[class*="bg-page-"] .service-process-section,
body[class*="bg-page-"] .apply-cta-band,
body[class*="bg-page-"] .application-page,
body[class*="bg-page-"] .apply-section,
body[class*="bg-page-"] .walkin-live-section,
body[class*="bg-page-"] .walkin-process-strip,
body[class*="bg-page-"] .recruiter-page,
body[class*="bg-page-"] .worker-apply-page,
body[class*="bg-page-"] .worker-apply-note-section,
body[class*="bg-page-"] .job-search-page,
body[class*="bg-page-"] .faq-detail-page{
  background:var(--section-light-readable),var(--active-page-bg) center/cover no-repeat!important;
}

/* Mobile fit */
@media(max-width:700px){
  body .hero,body .explore-jobs,body .hub-section,body .about-rework,body .testimonials-clients,body .faq-section,
  body .site-footer,body .footer-rework,body .main-footer,
  body[class*="bg-page-"] .page-hero,body[class*="bg-page-"] .inner-section,body[class*="bg-page-"] .application-page,
  body[class*="bg-page-"] .apply-section,body[class*="bg-page-"] .walkin-live-section,body[class*="bg-page-"] .job-search-page{
    background-position:center top!important;
    background-size:cover!important;
    background-attachment:scroll!important;
  }
}

/* ===== MERGED SECTION BACKGROUND CONTROL FROM CHANGE_SECTION_BACKGROUNDS_HERE.css ===== */
/* =====================================================================
   CHANGE SECTION BACKGROUNDS HERE - FINAL PROPER FIX
   ---------------------------------------------------------------------
   ✅ Main CSS disturb panna vendam.
   ✅ Intha file last-la load agum, so section background correct change agum.
   ✅ Image path mattum change pannunga.

   HOW TO CHANGE:
   1) Your image put here: assets/section-backgrounds/
   2) Below variable URL change pannunga.
      Example:
      --home-hero-bg: url('assets/section-backgrounds/my-home.jpg');
   3) Browser hard refresh: Ctrl + F5
   ===================================================================== */

:root{
  /* HOME PAGE SECTIONS */
  --home-hero-bg: url('assets/section-backgrounds/home-hero-bg.svg');
  --home-role-type-bg: url('assets/section-backgrounds/role-section-bg.svg');
  --home-service-bg: url('assets/section-backgrounds/service-section-bg.svg');
  --home-about-bg: url('assets/section-backgrounds/about-section-bg.svg');
  --home-testimonials-bg: url('assets/section-backgrounds/testimonials-section-bg.svg');
  --home-faq-bg: url('assets/section-backgrounds/faq-section-bg.svg');
  --site-footer-bg: url('assets/section-backgrounds/footer-bg.svg');

  /* INDIVIDUAL HTML PAGES */
  --about-page-bg: url('assets/section-backgrounds/about-page-bg.svg');
  --services-page-bg: url('assets/section-backgrounds/services-page-bg.svg');
  --industries-page-bg: url('assets/section-backgrounds/industries-page-bg.svg');
  --careers-page-bg: url('assets/section-backgrounds/careers-page-bg.svg');
  --recruiters-page-bg: url('assets/section-backgrounds/recruiters-page-bg.svg');
  --contact-page-bg: url('assets/section-backgrounds/contact-page-bg.svg');
  --faq-page-bg: url('assets/section-backgrounds/faq-page-bg.svg');
  --apply-page-bg: url('assets/section-backgrounds/apply-page-bg.svg');
  --worker-apply-page-bg: url('assets/section-backgrounds/worker-apply-page-bg.svg');
  --walkin-page-bg: url('assets/section-backgrounds/walkin-page-bg.svg');
  --search-page-bg: url('assets/section-backgrounds/search-page-bg.svg');

  /* BACKGROUND IMAGE CONTROL */
  --bg-position: center center;
  --bg-size: cover;
  --light-layer: linear-gradient(180deg,rgba(247,251,255,.88),rgba(238,248,255,.90));
  --dark-layer: linear-gradient(180deg,rgba(5,11,24,.78),rgba(7,19,39,.84));
}

/* HOME PAGE - every section separate image */
html body section.hero#home{
  background-image: var(--light-layer), var(--home-hero-bg) !important;
  background-position: center top, var(--bg-position) !important;
  background-size: cover, var(--bg-size) !important;
  background-repeat: no-repeat, no-repeat !important;
}
html body section.explore-jobs#featured{
  background-image: var(--dark-layer), var(--home-role-type-bg) !important;
  background-position: center top, var(--bg-position) !important;
  background-size: cover, var(--bg-size) !important;
  background-repeat: no-repeat, no-repeat !important;
}
html body section.hub-section#service{
  background-image: var(--dark-layer), var(--home-service-bg) !important;
  background-position: center top, var(--bg-position) !important;
  background-size: cover, var(--bg-size) !important;
  background-repeat: no-repeat, no-repeat !important;
}
html body section.about-rework#about{
  background-image: var(--light-layer), var(--home-about-bg) !important;
  background-position: center top, var(--bg-position) !important;
  background-size: cover, var(--bg-size) !important;
  background-repeat: no-repeat, no-repeat !important;
}
html body section.testimonials-clients#testimonials{
  background-image: var(--light-layer), var(--home-testimonials-bg) !important;
  background-position: center top, var(--bg-position) !important;
  background-size: cover, var(--bg-size) !important;
  background-repeat: no-repeat, no-repeat !important;
}
html body section.faq-section#faq{
  background-image: var(--light-layer), var(--home-faq-bg) !important;
  background-position: center top, var(--bg-position) !important;
  background-size: cover, var(--bg-size) !important;
  background-repeat: no-repeat, no-repeat !important;
}
html body footer,
html body .site-footer,
html body .main-footer,
html body .footer-rework{
  background-image: var(--dark-layer), var(--site-footer-bg) !important;
  background-position: center top, var(--bg-position) !important;
  background-size: cover, var(--bg-size) !important;
  background-repeat: no-repeat, no-repeat !important;
}

/* Existing decorative overlays reduce panna - image clear-a theriyum */
html body section.explore-jobs::before,
html body section.hub-section::before,
html body section.about-rework::before,
html body section.testimonials-clients::before,
html body section.faq-section::before{
  opacity:.22 !important;
  pointer-events:none !important;
}

/* INDIVIDUAL PAGE BODY VARIABLE MATCHING */
body.bg-page-about{--current-page-bg:var(--about-page-bg);}
body.bg-page-services{--current-page-bg:var(--services-page-bg);}
body.bg-page-industries{--current-page-bg:var(--industries-page-bg);}
body.bg-page-careers{--current-page-bg:var(--careers-page-bg);}
body.bg-page-recruiters{--current-page-bg:var(--recruiters-page-bg);}
body.bg-page-contact{--current-page-bg:var(--contact-page-bg);}
body.bg-page-faq{--current-page-bg:var(--faq-page-bg);}
body.bg-page-apply{--current-page-bg:var(--apply-page-bg);}
body.bg-page-worker-apply{--current-page-bg:var(--worker-apply-page-bg);}
body.bg-page-walkin{--current-page-bg:var(--walkin-page-bg);}
body.bg-page-search{--current-page-bg:var(--search-page-bg);}

/* INDIVIDUAL HTML PAGES - page full background + sections */
html body[class*="bg-page-"]{
  background-image: var(--dark-layer), var(--current-page-bg) !important;
  background-position: center top, var(--bg-position) !important;
  background-size: cover, var(--bg-size) !important;
  background-repeat: no-repeat, no-repeat !important;
  background-attachment: fixed, fixed !important;
}

html body[class*="bg-page-"] .page-hero,
html body[class*="bg-page-"] .inner-blue-hero,
html body[class*="bg-page-"] .services-hero,
html body[class*="bg-page-"] .walkin-page-hero,
html body[class*="bg-page-"] .search-jobs-hero,
html body[class*="bg-page-"] .recruiter-page,
html body[class*="bg-page-"] .application-page,
html body[class*="bg-page-"] .apply-section,
html body[class*="bg-page-"] .worker-apply-page,
html body[class*="bg-page-"] .job-search-page,
html body[class*="bg-page-"] .faq-detail-page,
html body[class*="bg-page-"] .inner-section,
html body[class*="bg-page-"] .services-page-section,
html body[class*="bg-page-"] .service-process-section,
html body[class*="bg-page-"] .walkin-live-section,
html body[class*="bg-page-"] .walkin-process-strip,
html body[class*="bg-page-"] main{
  background-image: var(--light-layer), var(--current-page-bg) !important;
  background-position: center top, var(--bg-position) !important;
  background-size: cover, var(--bg-size) !important;
  background-repeat: no-repeat, no-repeat !important;
}

@media(max-width:700px){
  html body[class*="bg-page-"],
  html body section.hero#home,
  html body section.explore-jobs#featured,
  html body section.hub-section#service,
  html body section.about-rework#about,
  html body section.testimonials-clients#testimonials,
  html body section.faq-section#faq{
    background-attachment:scroll !important;
    background-position:center top, center top !important;
    background-size:cover, cover !important;
  }
}


/* =====================================================================
   FINAL BACKGROUND CONTROL - HOME SECTIONS + ALL INDIVIDUAL PAGES
   ---------------------------------------------------------------------
   Bro, background image change panna ONLY this block use pannunga.

   1) Put your image inside:
      web/client/assets/section-backgrounds/

   2) Change file name below:
      Example:
      --home-hero-bg: url('assets/section-backgrounds/my-new-home.jpg');

   IMPORTANT:
   - main.css full disturb panna vendam.
   - இந்த block மட்டும் edit பண்ணா போதும்.
   - Every homepage section has separate background variable.
   - Every individual page has separate background variable.
===================================================================== */
:root{
  /* ================= HOME PAGE SECTION BACKGROUNDS ================= */
  --home-hero-bg: url('assets/section-backgrounds/home-hero-bg.svg');
  --home-featured-jobs-bg: url('assets/section-backgrounds/jobs-section-bg.svg');
  --home-work-members-bg: url('assets/section-backgrounds/role-section-bg.svg');
  --home-services-bg: url('assets/section-backgrounds/services-section-bg.svg');
  --home-about-bg: url('assets/section-backgrounds/about-section-bg.svg');
  --home-testimonials-bg: url('assets/section-backgrounds/testimonials-section-bg.svg');
  --home-faq-bg: url('assets/section-backgrounds/faq-section-bg.svg');
  --home-footer-bg: url('assets/section-backgrounds/footer-bg.svg');

  /* ================= INDIVIDUAL PAGE BACKGROUNDS ================= */
  --page-about-bg: url('assets/section-backgrounds/about-page-bg.svg');
  --page-services-bg: url('assets/section-backgrounds/services-page-bg.svg');
  --page-industries-bg: url('assets/section-backgrounds/industries-page-bg.svg');
  --page-careers-bg: url('assets/section-backgrounds/careers-page-bg.svg');
  --page-recruiters-bg: url('assets/section-backgrounds/recruiters-page-bg.svg');
  --page-contact-bg: url('assets/section-backgrounds/contact-page-bg.svg');
  --page-faqs-bg: url('assets/section-backgrounds/faq-page-bg.svg');
  --page-faq-detail-bg: url('assets/section-backgrounds/faq-detail-page-bg.svg');
  --page-apply-job-bg: url('assets/section-backgrounds/apply-job-page-bg.svg');
  --page-search-jobs-bg: url('assets/section-backgrounds/search-jobs-page-bg.svg');
  --page-walkin-bg: url('assets/section-backgrounds/walkin-page-bg.svg');
  --page-workers-bg: url('assets/section-backgrounds/workers-page-bg.svg');
  --page-worker-apply-bg: url('assets/section-backgrounds/worker-apply-page-bg.svg');

  /* readable overlay controls */
  --bg-overlay-light: linear-gradient(180deg,rgba(255,255,255,.90),rgba(238,248,255,.94));
  --bg-overlay-soft: linear-gradient(180deg,rgba(247,251,255,.86),rgba(232,244,255,.92));
  --bg-overlay-dark: linear-gradient(180deg,rgba(4,10,23,.80),rgba(5,18,38,.88));
  --bg-size-desktop: cover;
  --bg-position-desktop: center center;
  --bg-size-mobile: cover;
  --bg-position-mobile: center top;
}

/* ========== HOME PAGE: EACH SECTION BACKGROUND IMAGE SEPARATE ========== */
body.home-page .hero{
  background:var(--bg-overlay-light),var(--home-hero-bg) var(--bg-position-desktop)/var(--bg-size-desktop) no-repeat!important;
}
body.home-page .explore-jobs,
body.home-page #featured{
  background:var(--bg-overlay-dark),var(--home-featured-jobs-bg) var(--bg-position-desktop)/var(--bg-size-desktop) no-repeat!important;
  color:#fff!important;
}
body.home-page .hub-section,
body.home-page #service{
  background:var(--bg-overlay-dark),var(--home-work-members-bg) var(--bg-position-desktop)/var(--bg-size-desktop) no-repeat!important;
  color:#fff!important;
}
body.home-page .hub-section .service-card,
body.home-page .hub-section .role-card,
body.home-page .hub-section .member-card{
  background:rgba(255,255,255,.94)!important;
  color:#0f172a!important;
}
body.home-page .about,
body.home-page #about{
  background:var(--bg-overlay-soft),var(--home-about-bg) var(--bg-position-desktop)/var(--bg-size-desktop) no-repeat!important;
}
body.home-page .testimonials-clients,
body.home-page #testimonials{
  background:var(--bg-overlay-soft),var(--home-testimonials-bg) var(--bg-position-desktop)/var(--bg-size-desktop) no-repeat!important;
}
body.home-page .faq-section,
body.home-page #faq{
  background:var(--bg-overlay-soft),var(--home-faq-bg) var(--bg-position-desktop)/var(--bg-size-desktop) no-repeat!important;
}
body.home-page footer,
body.home-page .site-footer,
body.home-page .main-footer{
  background:var(--bg-overlay-dark),var(--home-footer-bg) var(--bg-position-desktop)/var(--bg-size-desktop) no-repeat!important;
  color:#fff!important;
}

/* ========== PAGE BACKGROUND MAPPING ========== */
body.about-page{--current-page-bg:var(--page-about-bg);}
body.services-page{--current-page-bg:var(--page-services-bg);}
body.industries-page{--current-page-bg:var(--page-industries-bg);}
body.careers-page{--current-page-bg:var(--page-careers-bg);}
body.recruiters-page{--current-page-bg:var(--page-recruiters-bg);}
body.contact-page{--current-page-bg:var(--page-contact-bg);}
body.faqs-page{--current-page-bg:var(--page-faqs-bg);}
body.faq-detail-page-body{--current-page-bg:var(--page-faq-detail-bg);}
body.apply-job-page{--current-page-bg:var(--page-apply-job-bg);}
body.search-jobs-page{--current-page-bg:var(--page-search-jobs-bg);}
body.walkin-page{--current-page-bg:var(--page-walkin-bg);}
body.workers-page{--current-page-bg:var(--page-workers-bg);}
body.worker-apply-page{--current-page-bg:var(--page-worker-apply-bg);}

/* ========== ALL INDIVIDUAL PAGES: BODY + PAGE SECTIONS ========== */
body.about-page,
body.services-page,
body.industries-page,
body.careers-page,
body.recruiters-page,
body.contact-page,
body.faqs-page,
body.faq-detail-page-body,
body.apply-job-page,
body.search-jobs-page,
body.walkin-page,
body.workers-page,
body.worker-apply-page{
  background:var(--bg-overlay-dark),var(--current-page-bg) var(--bg-position-desktop)/var(--bg-size-desktop) fixed no-repeat!important;
}

body:not(.home-page) .page-hero,
body:not(.home-page) .inner-blue-hero,
body:not(.home-page) .services-hero,
body:not(.home-page) .walkin-page-hero,
body:not(.home-page) .worker-hero,
body:not(.home-page) header + section{
  background:var(--bg-overlay-dark),var(--current-page-bg) var(--bg-position-desktop)/var(--bg-size-desktop) no-repeat!important;
  color:#fff!important;
}

body:not(.home-page) main > section:not(.page-hero):not(.inner-blue-hero):not(.services-hero):not(.walkin-page-hero):not(.worker-hero),
body:not(.home-page) .inner-section,
body:not(.home-page) .services-page-section,
body:not(.home-page) .service-process-section,
body:not(.home-page) .apply-cta-band,
body:not(.home-page) .apply-section,
body:not(.home-page) .application-page,
body:not(.home-page) .walkin-live-section,
body:not(.home-page) .walkin-process-strip,
body:not(.home-page) .worker-services-section,
body:not(.home-page) .book-worker-section,
body:not(.home-page) .worker-apply-note-section,
body:not(.home-page) .faq-detail-page,
body:not(.home-page) .recruiter-page{
  background:var(--bg-overlay-light),var(--current-page-bg) var(--bg-position-desktop)/var(--bg-size-desktop) no-repeat!important;
}

/* Optional extra classes: use this class in any new page section */
.section-bg-current{
  background:var(--bg-overlay-light),var(--current-page-bg) var(--bg-position-desktop)/var(--bg-size-desktop) no-repeat!important;
}
.section-bg-dark-current{
  background:var(--bg-overlay-dark),var(--current-page-bg) var(--bg-position-desktop)/var(--bg-size-desktop) no-repeat!important;
  color:#fff!important;
}

@media(max-width:700px){
  body.home-page .hero,
  body.home-page .explore-jobs,
  body.home-page #featured,
  body.home-page .hub-section,
  body.home-page #service,
  body.home-page .about,
  body.home-page #about,
  body.home-page .testimonials-clients,
  body.home-page #testimonials,
  body.home-page .faq-section,
  body.home-page #faq,
  body.home-page footer,
  body:not(.home-page),
  body:not(.home-page) .page-hero,
  body:not(.home-page) .inner-blue-hero,
  body:not(.home-page) .services-hero,
  body:not(.home-page) .walkin-page-hero,
  body:not(.home-page) .worker-hero,
  body:not(.home-page) main > section{
    background-size:var(--bg-size-mobile)!important;
    background-position:var(--bg-position-mobile)!important;
    background-attachment:scroll!important;
  }
}
/* ================= END FINAL BACKGROUND CONTROL ================= */


/* =========================================================
   ✅ FINAL REAL FIX: EACH HOMEPAGE SECTION + EACH PAGE BACKGROUND
   Bro: change only image files in: assets/backgrounds/
   CSS path is correct because main.css is inside web/client.
   ========================================================= */
:root{
  --bg-home-hero: url("assets/backgrounds/home-hero-bg.svg");
  --bg-home-role: url("assets/backgrounds/home-role-bg.svg");
  --bg-home-services: url("assets/backgrounds/home-services-bg.svg");
  --bg-home-about: url("assets/backgrounds/home-about-bg.svg");
  --bg-home-testimonials: url("assets/backgrounds/home-testimonials-bg.svg");
  --bg-home-faq: url("assets/backgrounds/home-faq-bg.svg");
  --bg-footer: url("assets/backgrounds/footer-bg.svg");

  --bg-about-page: url("assets/backgrounds/about-page-bg.svg");
  --bg-services-page: url("assets/backgrounds/services-page-bg.svg");
  --bg-industries-page: url("assets/backgrounds/industries-page-bg.svg");
  --bg-careers-page: url("assets/backgrounds/careers-page-bg.svg");
  --bg-workers-page: url("assets/backgrounds/workers-page-bg.svg");
  --bg-contact-page: url("assets/backgrounds/contact-page-bg.svg");
  --bg-apply-job-page: url("assets/backgrounds/apply-job-page-bg.svg");
  --bg-worker-apply-page: url("assets/backgrounds/worker-apply-page-bg.svg");
  --bg-faq-detail-page: url("assets/backgrounds/faq-detail-page-bg.svg");
  --bg-search-jobs-page: url("assets/backgrounds/search-jobs-page-bg.svg");
  --bg-walkin-page: url("assets/backgrounds/walkin-page-bg.svg");
  --bg-recruiters-page: url("assets/backgrounds/recruiters-page-bg.svg");
}

/* Common stable background behaviour */
body.home-page main > section,
body[class$="-page"] main > section,
body[class*="-page"] main > section{
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
}

/* HOME PAGE - individual section backgrounds */
body.home-page .hero#home{
  position:relative !important;
  color:#fff !important;
  background-image:linear-gradient(180deg,rgba(5,11,24,.50),rgba(7,19,39,.72)), var(--bg-home-hero) !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
body.home-page .hero#home h1,
body.home-page .hero#home .hero-text{color:#fff !important;}
body.home-page .hero#home::before{opacity:.10 !important;}
body.home-page .explore-jobs#featured{
  background-image:linear-gradient(180deg,rgba(5,11,24,.56),rgba(7,19,39,.84)), var(--bg-home-role) !important;
  color:#fff !important;
}
body.home-page .explore-jobs#featured .mini-title h3,
body.home-page .explore-jobs#featured .section-head h2{color:#fff !important;}
body.home-page .explore-jobs#featured .explore-board{background:rgba(7,19,39,.34) !important;backdrop-filter:blur(8px);}
body.home-page .explore-jobs#featured .category-grid{background:transparent !important;}
body.home-page .hub-section#service{
  background-image:linear-gradient(180deg,rgba(5,11,24,.70),rgba(7,19,39,.86)), var(--bg-home-services) !important;
}
body.home-page .about-rework#about{
  background-image:linear-gradient(90deg,rgba(255,255,255,.90),rgba(255,255,255,.78)), var(--bg-home-about) !important;
  background-color:transparent !important;
}
body.home-page .testimonials-clients#testimonials{
  background-image:linear-gradient(180deg,rgba(255,255,255,.86),rgba(238,248,255,.86)), var(--bg-home-testimonials) !important;
}
body.home-page .faq-section#faq{
  background-image:linear-gradient(180deg,rgba(255,255,255,.90),rgba(238,248,255,.88)), var(--bg-home-faq) !important;
}
body.home-page footer,
footer.footer,
.site-footer{
  background-image:linear-gradient(180deg,rgba(5,11,24,.82),rgba(2,7,19,.92)), var(--bg-footer) !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

/* PAGE BODY BACKGROUNDS */
body.about-page{background-image:linear-gradient(180deg,rgba(255,255,255,.86),rgba(238,248,255,.88)), var(--bg-about-page) !important;background-size:cover !important;background-position:center !important;background-attachment:fixed !important;}
body.services-page{background-image:linear-gradient(180deg,rgba(255,255,255,.86),rgba(238,248,255,.88)), var(--bg-services-page) !important;background-size:cover !important;background-position:center !important;background-attachment:fixed !important;}
body.industries-page{background-image:linear-gradient(180deg,rgba(255,255,255,.86),rgba(238,248,255,.88)), var(--bg-industries-page) !important;background-size:cover !important;background-position:center !important;background-attachment:fixed !important;}
body.careers-page{background-image:linear-gradient(180deg,rgba(5,11,24,.56),rgba(7,19,39,.78)), var(--bg-careers-page) !important;background-size:cover !important;background-position:center !important;background-attachment:fixed !important;}
body.workers-page{background-image:linear-gradient(180deg,rgba(5,11,24,.58),rgba(7,19,39,.80)), var(--bg-workers-page) !important;background-size:cover !important;background-position:center !important;background-attachment:fixed !important;}
body.contact-page{background-image:linear-gradient(180deg,rgba(255,255,255,.88),rgba(238,248,255,.88)), var(--bg-contact-page) !important;background-size:cover !important;background-position:center !important;background-attachment:fixed !important;}
body.apply-job-page{background-image:linear-gradient(180deg,rgba(5,11,24,.58),rgba(7,19,39,.78)), var(--bg-apply-job-page) !important;background-size:cover !important;background-position:center !important;background-attachment:fixed !important;}
body.worker-apply-page{background-image:linear-gradient(180deg,rgba(5,11,24,.58),rgba(7,19,39,.78)), var(--bg-worker-apply-page) !important;background-size:cover !important;background-position:center !important;background-attachment:fixed !important;}
body.faq-detail-page-body{background-image:linear-gradient(180deg,rgba(255,255,255,.88),rgba(238,248,255,.88)), var(--bg-faq-detail-page) !important;background-size:cover !important;background-position:center !important;background-attachment:fixed !important;}
body.search-jobs-page{background-image:linear-gradient(180deg,rgba(5,11,24,.58),rgba(7,19,39,.78)), var(--bg-search-jobs-page) !important;background-size:cover !important;background-position:center !important;background-attachment:fixed !important;}
body.walkin-page{background-image:linear-gradient(180deg,rgba(5,11,24,.58),rgba(7,19,39,.78)), var(--bg-walkin-page) !important;background-size:cover !important;background-position:center !important;background-attachment:fixed !important;}
body.recruiters-page{background-image:linear-gradient(180deg,rgba(255,255,255,.86),rgba(238,248,255,.88)), var(--bg-recruiters-page) !important;background-size:cover !important;background-position:center !important;background-attachment:fixed !important;}

/* PAGE SECTIONS - remove old solid backgrounds and let page background show */
body.about-page main > section,
body.services-page main > section,
body.industries-page main > section,
body.careers-page main > section,
body.workers-page main > section,
body.contact-page main > section,
body.apply-job-page main > section,
body.worker-apply-page main > section,
body.faq-detail-page-body main > section,
body.search-jobs-page main > section,
body.walkin-page main > section,
body.recruiters-page main > section{
  background-color:transparent !important;
}
body.careers-page .page-hero,
body.workers-page .page-hero,
body.apply-job-page .page-hero,
body.worker-apply-page .page-hero,
body.search-jobs-page .page-hero,
body.walkin-page .walkin-page-hero{
  background:rgba(7,19,39,.36) !important;
  color:#fff !important;
  backdrop-filter:blur(4px);
}
body.about-page .about-rework,
body.services-page .services-page-section,
body.services-page .service-process-section,
body.industries-page .inner-section,
body.careers-page .inner-section,
body.contact-page .inner-section,
body.workers-page .worker-services-section,
body.worker-apply-page .book-worker-section,
body.apply-job-page .apply-section,
body.search-jobs-page .job-search-page,
body.faq-detail-page-body .faq-detail-page,
body.walkin-page .walkin-live-section,
body.recruiters-page .recruiter-page{
  background:rgba(255,255,255,.82) !important;
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.45) !important;
  box-shadow:0 30px 90px rgba(7,19,39,.12) !important;
}

/* Mobile: fixed backgrounds can feel jumpy, so keep normal scroll */
@media(max-width:700px){
  body.about-page,body.services-page,body.industries-page,body.careers-page,body.workers-page,body.contact-page,body.apply-job-page,body.worker-apply-page,body.faq-detail-page-body,body.search-jobs-page,body.walkin-page,body.recruiters-page{background-attachment:scroll !important;}
}


/* =====================================================================
   ✅ ULTIMATE BACKGROUND IMAGE FIX - DO NOT REMOVE
   ---------------------------------------------------------------------
   Bro, previous background did not change clearly because old CSS had
   many overlay/background rules. This block is the LAST block in main.css
   and it overrides every old rule.

   HOW TO CHANGE IMAGE:
   1) Put/replace image inside: web/client/assets/backgrounds/
   2) Keep same file name, example: home-hero-bg.svg / home-hero-bg.jpg
   3) If you use JPG/PNG, change only the extension below.
   4) Hard refresh browser: Ctrl + F5
   ===================================================================== */
:root{
  /* HOME PAGE EACH SECTION */
  --home-hero-image: url("assets/backgrounds/home-hero-bg.svg");
  --home-role-image: url("assets/backgrounds/home-role-bg.svg");
  --home-services-image: url("assets/backgrounds/home-services-bg.svg");
  --home-about-image: url("assets/backgrounds/home-about-bg.svg");
  --home-testimonials-image: url("assets/backgrounds/home-testimonials-bg.svg");
  --home-faq-image: url("assets/backgrounds/home-faq-bg.svg");
  --footer-image: url("assets/backgrounds/footer-bg.svg");

  /* INDIVIDUAL PAGE BACKGROUNDS */
  --about-page-image: url("assets/backgrounds/about-page-bg.svg");
  --services-page-image: url("assets/backgrounds/services-page-bg.svg");
  --industries-page-image: url("assets/backgrounds/industries-page-bg.svg");
  --careers-page-image: url("assets/backgrounds/careers-page-bg.svg");
  --workers-page-image: url("assets/backgrounds/workers-page-bg.svg");
  --contact-page-image: url("assets/backgrounds/contact-page-bg.svg");
  --apply-job-page-image: url("assets/backgrounds/apply-job-page-bg.svg");
  --worker-apply-page-image: url("assets/backgrounds/worker-apply-page-bg.svg");
  --faq-detail-page-image: url("assets/backgrounds/faq-detail-page-bg.svg");
  --search-jobs-page-image: url("assets/backgrounds/search-jobs-page-bg.svg");
  --walkin-page-image: url("assets/backgrounds/walkin-page-bg.svg");
  --recruiters-page-image: url("assets/backgrounds/recruiters-page-bg.svg");

  /* overlay strength - lower value = image more visible */
  --dark-visible-layer: linear-gradient(180deg,rgba(3,8,20,.48),rgba(5,14,32,.64));
  --light-visible-layer: linear-gradient(180deg,rgba(255,255,255,.50),rgba(238,248,255,.62));
  --soft-visible-layer: linear-gradient(180deg,rgba(255,255,255,.42),rgba(238,248,255,.58));
}

/* HOME PAGE: direct section selectors, no JS needed */
html body.home-page section.hero#home,
html body section.hero#home{
  background:var(--dark-visible-layer),var(--home-hero-image) center center/cover no-repeat !important;
  background-color:#061127 !important;
  color:#fff !important;
}
html body.home-page section.hero#home h1,
html body.home-page section.hero#home p,
html body section.hero#home h1,
html body section.hero#home p{color:#fff !important;}

html body.home-page section.explore-jobs#featured,
html body section.explore-jobs#featured{
  background:var(--dark-visible-layer),var(--home-role-image) center center/cover no-repeat !important;
  background-color:#061127 !important;
  color:#fff !important;
}
html body.home-page section.hub-section#service,
html body section.hub-section#service{
  background:var(--dark-visible-layer),var(--home-services-image) center center/cover no-repeat !important;
  background-color:#061127 !important;
  color:#fff !important;
}
html body.home-page section.about#about,
html body.home-page section.about-rework#about,
html body section.about#about,
html body section.about-rework#about{
  background:var(--light-visible-layer),var(--home-about-image) center center/cover no-repeat !important;
  background-color:#eef8ff !important;
}
html body.home-page section.testimonials-clients#testimonials,
html body section.testimonials-clients#testimonials{
  background:var(--soft-visible-layer),var(--home-testimonials-image) center center/cover no-repeat !important;
  background-color:#eef8ff !important;
}
html body.home-page section.faq-section#faq,
html body section.faq-section#faq{
  background:var(--soft-visible-layer),var(--home-faq-image) center center/cover no-repeat !important;
  background-color:#eef8ff !important;
}
html body footer,
html body.home-page footer,
html body .site-footer,
html body .main-footer{
  background:var(--dark-visible-layer),var(--footer-image) center center/cover no-repeat !important;
  background-color:#020617 !important;
  color:#fff !important;
}

/* reduce old decorative overlays that hide images */
html body section.hero#home::before,
html body section.explore-jobs#featured::before,
html body section.hub-section#service::before,
html body section.about#about::before,
html body section.testimonials-clients#testimonials::before,
html body section.faq-section#faq::before{
  opacity:.08 !important;
  pointer-events:none !important;
}

/* PAGE MAPPING */
body.about-page{--page-live-bg:var(--about-page-image);}
body.services-page{--page-live-bg:var(--services-page-image);}
body.industries-page{--page-live-bg:var(--industries-page-image);}
body.careers-page{--page-live-bg:var(--careers-page-image);}
body.workers-page{--page-live-bg:var(--workers-page-image);}
body.contact-page{--page-live-bg:var(--contact-page-image);}
body.apply-job-page{--page-live-bg:var(--apply-job-page-image);}
body.worker-apply-page{--page-live-bg:var(--worker-apply-page-image);}
body.faq-detail-page-body, body.faqs-page{--page-live-bg:var(--faq-detail-page-image);}
body.search-jobs-page{--page-live-bg:var(--search-jobs-page-image);}
body.walkin-page{--page-live-bg:var(--walkin-page-image);}
body.recruiters-page{--page-live-bg:var(--recruiters-page-image);}

/* PAGE BODY: full page background */
html body.about-page,
html body.services-page,
html body.industries-page,
html body.careers-page,
html body.workers-page,
html body.contact-page,
html body.apply-job-page,
html body.worker-apply-page,
html body.faq-detail-page-body,
html body.faqs-page,
html body.search-jobs-page,
html body.walkin-page,
html body.recruiters-page{
  background:var(--dark-visible-layer),var(--page-live-bg) center center/cover fixed no-repeat !important;
}

/* PAGE HERO SECTIONS: image visible */
html body:not(.home-page) .page-hero,
html body:not(.home-page) .inner-blue-hero,
html body:not(.home-page) .services-hero,
html body:not(.home-page) .worker-hero,
html body:not(.home-page) .walkin-page-hero,
html body:not(.home-page) .search-jobs-hero,
html body:not(.home-page) .recruiter-page{
  background:var(--dark-visible-layer),var(--page-live-bg) center center/cover no-repeat !important;
  color:#fff !important;
}

/* PAGE CONTENT SECTIONS: same page background but readable */
html body:not(.home-page) main > section:not(.page-hero):not(.inner-blue-hero):not(.services-hero):not(.worker-hero):not(.walkin-page-hero):not(.search-jobs-hero),
html body:not(.home-page) .inner-section,
html body:not(.home-page) .services-page-section,
html body:not(.home-page) .service-process-section,
html body:not(.home-page) .apply-section,
html body:not(.home-page) .book-worker-section,
html body:not(.home-page) .worker-services-section,
html body:not(.home-page) .walkin-live-section,
html body:not(.home-page) .job-search-page,
html body:not(.home-page) .faq-detail-page{
  background:var(--light-visible-layer),var(--page-live-bg) center center/cover no-repeat !important;
}

@media(max-width:700px){
  html body.about-page,
  html body.services-page,
  html body.industries-page,
  html body.careers-page,
  html body.workers-page,
  html body.contact-page,
  html body.apply-job-page,
  html body.worker-apply-page,
  html body.faq-detail-page-body,
  html body.faqs-page,
  html body.search-jobs-page,
  html body.walkin-page,
  html body.recruiters-page,
  html body.home-page section.hero#home,
  html body.home-page section.explore-jobs#featured,
  html body.home-page section.hub-section#service,
  html body.home-page section.about#about,
  html body.home-page section.testimonials-clients#testimonials,
  html body.home-page section.faq-section#faq{
    background-attachment:scroll !important;
    background-position:center top !important;
    background-size:cover !important;
  }
}
/* ================= END ULTIMATE BACKGROUND IMAGE FIX ================= */


/* =============================================================
   HTML DATA-BG BACKGROUND SYSTEM - FINAL
   -------------------------------------------------------------
   Bro: now every section background is controlled from HTML.
   Change only data-bg="..." in index.html or pages/*.html.
   This CSS only makes sure old CSS/overlays do not hide the image.
   ============================================================= */
html body .html-bg-section{
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  position:relative !important;
  isolation:isolate !important;
}
html body .html-bg-section::before{
  opacity:.04 !important;
  pointer-events:none !important;
}
html body .html-bg-section > *{
  position:relative;
  z-index:1;
}
@media(max-width:700px){
  html body .html-bg-section{
    background-attachment:scroll !important;
    background-position:center top !important;
  }
}
/* ===================== END HTML DATA-BG SYSTEM ===================== */

/* =========================================================
   KANI FINAL FIX - ROLE SECTION INNER LAYER REMOVED
   - Removes extra inner glass/box layer from role section
   - Keeps cards clean without hidden overlay layers
   - Forces role background image to fit correctly on mobile
   ========================================================= */
body .explore-jobs,
html body .explore-jobs.html-bg-section{
  min-height:auto !important;
  padding:clamp(72px,8vw,115px) 16px !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  overflow:hidden !important;
}

body .explore-jobs::before,
body .explore-jobs::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  background:none !important;
}

body .explore-jobs .explore-board,
body .explore-jobs .category-panel-box,
body .explore-jobs .poster-panel-box{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body .explore-jobs .explore-board{
  width:min(1180px,100%) !important;
  margin:0 auto !important;
  padding:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
}

body .explore-jobs .category-panel-box{
  width:100% !important;
  max-width:1120px !important;
  margin:0 auto !important;
  padding:0 !important;
  border-radius:0 !important;
}

body .explore-jobs .mini-title,
body .explore-jobs .job-tabs,
body .explore-jobs .role-card-grid{
  position:relative !important;
  z-index:2 !important;
}

body .explore-jobs .role-card-grid,
body .explore-jobs .category-grid.active.role-card-grid{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

body .explore-jobs .role-apply-card::before,
body .explore-jobs .role-apply-card::after,
body .explore-jobs .category-card::before,
body .explore-jobs .category-card::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
}

@media(max-width:700px){
  body .explore-jobs,
  html body .explore-jobs.html-bg-section{
    min-height:auto !important;
    padding:62px 14px 72px !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-attachment:scroll !important;
  }

  body .explore-jobs .explore-board,
  body .explore-jobs .category-panel-box{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 auto !important;
  }

  body .explore-jobs .job-tabs{
    width:100% !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  body .explore-jobs .role-card-grid,
  body .explore-jobs .category-grid.active.role-card-grid{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:1fr !important;
    gap:13px !important;
  }

  body .explore-jobs .role-apply-card{
    width:100% !important;
    min-height:104px !important;
    padding:16px !important;
    background:rgba(6,20,38,.74) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.22) !important;
  }
}


/* =========================================================
   KANI FINAL FIX 2 - ROLE BACKGROUND BOX FULLY REMOVED + FOOTER BG
   - Removes the big grey/blur layer visible behind Choose your role type
   - Keeps only the page background image and role cards
   - Adds footer background image system using footer[data-bg]
   ========================================================= */
html body .explore-jobs.html-bg-section{
  background-image:linear-gradient(180deg,rgba(6,12,30,.26),rgba(6,12,30,.34)), var(--html-section-bg) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
html body .explore-jobs.html-bg-section::before,
html body .explore-jobs.html-bg-section::after,
html body .explore-jobs .explore-board::before,
html body .explore-jobs .explore-board::after,
html body .explore-jobs .category-panel-box::before,
html body .explore-jobs .category-panel-box::after,
html body .explore-jobs .poster-panel-box::before,
html body .explore-jobs .poster-panel-box::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html body .explore-jobs .explore-board,
html body .explore-jobs .category-panel-box,
html body .explore-jobs .poster-panel-box,
html body .explore-jobs .category-panel,
html body .explore-jobs .jobs-panel,
html body .explore-jobs .job-panel,
html body .explore-jobs .section-panel,
html body .explore-jobs .glass-panel{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html body .explore-jobs .category-panel-box{
  max-width:1100px !important;
  padding:0 !important;
}
html body .explore-jobs .role-apply-card{
  background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(11,26,46,.32)) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.18) !important;
}

html body footer.site-footer.html-bg-section,
html body .site-footer.aspire-modern-footer.html-bg-section{
  background-image:linear-gradient(180deg,rgba(4,11,26,.70),rgba(3,8,19,.86)), var(--html-section-bg) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-attachment:scroll !important;
}
html body footer.site-footer.html-bg-section::before,
html body footer.site-footer.html-bg-section::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
}
html body .site-footer .footer-glow{
  display:none !important;
}

@media(max-width:700px){
  html body .explore-jobs.html-bg-section{
    min-height:100svh !important;
    padding:54px 14px 64px !important;
    background-size:cover !important;
    background-position:center center !important;
  }
  html body .explore-jobs .category-panel-box{
    max-width:100% !important;
  }
  html body .explore-jobs .mini-title h3{
    font-size:clamp(30px,9vw,44px) !important;
    line-height:1.05 !important;
  }
  html body .explore-jobs .role-apply-card{
    background:rgba(15,31,53,.76) !important;
  }
  html body footer.site-footer.html-bg-section,
  html body .site-footer.aspire-modern-footer.html-bg-section{
    background-size:cover !important;
    background-position:center center !important;
  }
}

/* =========================================================
   FINAL USER FIX - ROLE INNER LAYER BOX 100% REMOVED
   Screenshot issue: big dark rectangle behind Choose your role type.
   This override is intentionally last and stronger than previous home-page rules.
   ========================================================= */
html body.home-page .explore-jobs#featured,
html body .explore-jobs#featured.html-bg-section{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  background-color:transparent !important;
  background-image:var(--html-section-bg, url('assets/role2.png')) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-attachment:scroll !important;
  overflow:hidden !important;
}

html body.home-page .explore-jobs#featured::before,
html body.home-page .explore-jobs#featured::after,
html body .explore-jobs#featured.html-bg-section::before,
html body .explore-jobs#featured.html-bg-section::after{
  display:none !important;
  content:none !important;
  background:none !important;
  background-image:none !important;
  opacity:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html body.home-page .explore-jobs#featured .explore-board,
html body.home-page .explore-jobs#featured .category-panel-box,
html body.home-page .explore-jobs#featured .poster-panel-box,
html body.home-page .explore-jobs#featured .category-panel,
html body.home-page .explore-jobs#featured .category-grid,
html body.home-page .explore-jobs#featured .jobs-panel,
html body.home-page .explore-jobs#featured .job-panel,
html body.home-page .explore-jobs#featured .section-panel,
html body.home-page .explore-jobs#featured .glass-panel,
html body .explore-jobs#featured.html-bg-section .explore-board,
html body .explore-jobs#featured.html-bg-section .category-panel-box,
html body .explore-jobs#featured.html-bg-section .poster-panel-box,
html body .explore-jobs#featured.html-bg-section .category-panel,
html body .explore-jobs#featured.html-bg-section .category-grid,
html body .explore-jobs#featured.html-bg-section .jobs-panel,
html body .explore-jobs#featured.html-bg-section .job-panel,
html body .explore-jobs#featured.html-bg-section .section-panel,
html body .explore-jobs#featured.html-bg-section .glass-panel{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html body.home-page .explore-jobs#featured .explore-board::before,
html body.home-page .explore-jobs#featured .explore-board::after,
html body.home-page .explore-jobs#featured .category-panel-box::before,
html body.home-page .explore-jobs#featured .category-panel-box::after,
html body.home-page .explore-jobs#featured .category-grid::before,
html body.home-page .explore-jobs#featured .category-grid::after,
html body .explore-jobs#featured.html-bg-section .explore-board::before,
html body .explore-jobs#featured.html-bg-section .explore-board::after,
html body .explore-jobs#featured.html-bg-section .category-panel-box::before,
html body .explore-jobs#featured.html-bg-section .category-panel-box::after,
html body .explore-jobs#featured.html-bg-section .category-grid::before,
html body .explore-jobs#featured.html-bg-section .category-grid::after{
  display:none !important;
  content:none !important;
  background:none !important;
  background-image:none !important;
  opacity:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html body.home-page .explore-jobs#featured .explore-board{
  width:min(1180px,100%) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
}

html body.home-page .explore-jobs#featured .category-panel-box{
  width:100% !important;
  max-width:1120px !important;
  margin:0 auto !important;
  padding:0 !important;
}

/* Keep only small cards visible; no big parent layer. */
html body.home-page .explore-jobs#featured .role-apply-card{
  background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(12,28,49,.36)) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(3px) !important;
  -webkit-backdrop-filter:blur(3px) !important;
}

@media(max-width:700px){
  html body.home-page .explore-jobs#featured,
  html body .explore-jobs#featured.html-bg-section{
    min-height:auto !important;
    padding:54px 14px 64px !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  html body.home-page .explore-jobs#featured .explore-board,
  html body.home-page .explore-jobs#featured .category-panel-box{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
  }

  html body.home-page .explore-jobs#featured .job-tabs{
    width:100% !important;
    max-width:100% !important;
  }

  html body.home-page .explore-jobs#featured .role-card-grid,
  html body.home-page .explore-jobs#featured .category-grid.active.role-card-grid{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:1fr !important;
    gap:13px !important;
    padding:0 !important;
  }
}
/* ================= END FINAL USER FIX ================= */

/* =========================================================
   KANI FINAL SAME BACKGROUND FIX - ALL PAGES
   Date: 2026-07-03
   Purpose:
   ✅ Same selected background image applied across every page/section
   ✅ Role section inner layer/large box stays removed
   ✅ Mobile background fit fixed with cover + top center
   ✅ Old different page background rules overridden from the very bottom
   ========================================================= */
:root{
  --kani-same-bg-image:url("assets/role2.png");
  --kani-dark-layer:linear-gradient(180deg,rgba(4,10,24,.46),rgba(6,18,38,.68));
  --kani-light-layer:linear-gradient(180deg,rgba(255,255,255,.48),rgba(238,248,255,.62));
  --kani-soft-layer:linear-gradient(180deg,rgba(255,255,255,.58),rgba(238,248,255,.70));
  --kani-bg-position:center center;
  --kani-bg-size:cover;
}

/* Same background image for homepage sections */
html body.home-page,
html body.home-page main,
html body.home-page section.hero#home,
html body.home-page section.explore-jobs#featured,
html body.home-page section.hub-section#service,
html body.home-page section.about#about,
html body.home-page section.about-rework#about,
html body.home-page section.testimonials-clients#testimonials,
html body.home-page section.faq-section#faq{
  background-image:var(--kani-dark-layer),var(--kani-same-bg-image) !important;
  background-position:center top,var(--kani-bg-position) !important;
  background-size:cover,var(--kani-bg-size) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-color:#eef8ff !important;
}

/* Light readable layer for content-heavy home sections */
html body.home-page section.about#about,
html body.home-page section.about-rework#about,
html body.home-page section.testimonials-clients#testimonials,
html body.home-page section.faq-section#faq{
  background-image:var(--kani-light-layer),var(--kani-same-bg-image) !important;
}

/* Same background image for every individual page body */
html body.about-page,
html body.services-page,
html body.industries-page,
html body.careers-page,
html body.workers-page,
html body.contact-page,
html body.apply-job-page,
html body.worker-apply-page,
html body.faq-detail-page-body,
html body.faqs-page,
html body.search-jobs-page,
html body.walkin-page,
html body.recruiters-page{
  background-image:var(--kani-dark-layer),var(--kani-same-bg-image) !important;
  background-position:center top,var(--kani-bg-position) !important;
  background-size:cover,var(--kani-bg-size) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-attachment:fixed,fixed !important;
  background-color:#061127 !important;
}

/* Same background image for every individual page section */
html body:not(.home-page) main,
html body:not(.home-page) main > section,
html body:not(.home-page) .page-hero,
html body:not(.home-page) .inner-blue-hero,
html body:not(.home-page) .services-hero,
html body:not(.home-page) .worker-hero,
html body:not(.home-page) .walkin-page-hero,
html body:not(.home-page) .search-jobs-hero,
html body:not(.home-page) .recruiter-page,
html body:not(.home-page) .inner-section,
html body:not(.home-page) .services-page-section,
html body:not(.home-page) .service-process-section,
html body:not(.home-page) .apply-section,
html body:not(.home-page) .application-page,
html body:not(.home-page) .book-worker-section,
html body:not(.home-page) .worker-services-section,
html body:not(.home-page) .walkin-live-section,
html body:not(.home-page) .walkin-process-strip,
html body:not(.home-page) .job-search-page,
html body:not(.home-page) .faq-detail-page{
  background-image:var(--kani-soft-layer),var(--kani-same-bg-image) !important;
  background-position:center top,var(--kani-bg-position) !important;
  background-size:cover,var(--kani-bg-size) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-color:transparent !important;
}

/* Hero/heading areas slightly darker for text clarity */
html body:not(.home-page) .page-hero,
html body:not(.home-page) .inner-blue-hero,
html body:not(.home-page) .services-hero,
html body:not(.home-page) .worker-hero,
html body:not(.home-page) .walkin-page-hero,
html body:not(.home-page) .search-jobs-hero{
  background-image:var(--kani-dark-layer),var(--kani-same-bg-image) !important;
  color:#fff !important;
}

/* Footer same matching background */
html body footer,
html body .site-footer,
html body .main-footer,
html body .footer-rework{
  background-image:linear-gradient(180deg,rgba(2,7,19,.76),rgba(2,7,19,.88)),var(--kani-same-bg-image) !important;
  background-position:center top,var(--kani-bg-position) !important;
  background-size:cover,var(--kani-bg-size) !important;
  background-repeat:no-repeat,no-repeat !important;
  color:#fff !important;
}

/* Role section: remove the big inner/background layer box permanently */
html body .explore-jobs .explore-board,
html body .explore-jobs .category-panel-box,
html body .explore-jobs .poster-panel-box,
html body .explore-jobs .category-grid,
html body .explore-jobs .role-card-grid{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html body .explore-jobs::before,
html body .explore-jobs::after,
html body .explore-jobs .explore-board::before,
html body .explore-jobs .explore-board::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
}

/* Mobile background fit */
@media(max-width:700px){
  html body,
  html body.home-page,
  html body.home-page main,
  html body.home-page main > section,
  html body:not(.home-page),
  html body:not(.home-page) main,
  html body:not(.home-page) main > section,
  html body footer,
  html body .site-footer,
  html body .main-footer{
    background-attachment:scroll !important;
    background-position:center top,center top !important;
    background-size:cover,cover !important;
    background-repeat:no-repeat,no-repeat !important;
  }
  html body .explore-jobs{
    padding:72px 14px !important;
    overflow:hidden !important;
  }
}
/* ================= END KANI FINAL SAME BACKGROUND FIX ================= */


/* =========================================================
   KANI PAGE BACKGROUND MATCH REWORK - FINAL
   Purpose:
   ✅ All pages now use homepage section image set
   ✅ Images stored inside assets/page-backgrounds/
   ✅ Section backgrounds cover perfectly on mobile/desktop
   ✅ Role big inner layer remains removed
   ========================================================= */
:root{
  --kani-home-bg:url("assets/page-backgrounds/home-hero-match.png");
  --kani-role-bg:url("assets/page-backgrounds/role-section-match.png");
  --kani-service-bg:url("assets/page-backgrounds/services-section-match.png");
  --kani-about-bg:url("assets/page-backgrounds/about-section-match.png");
  --kani-faq-bg:url("assets/page-backgrounds/faq-section-match.png");
  --kani-contact-bg:url("assets/page-backgrounds/footer-contact-match.png");
}

html body.about-page{background-image:linear-gradient(180deg,rgba(255,255,255,.40),rgba(238,248,255,.58)),var(--kani-about-bg)!important;}
html body.services-page,html body.industries-page,html body.recruiters-page{background-image:linear-gradient(180deg,rgba(3,10,24,.48),rgba(4,14,32,.70)),var(--kani-service-bg)!important;}
html body.careers-page,html body.search-jobs-page,html body.apply-job-page,html body.workers-page,html body.worker-apply-page,html body.walkin-page{background-image:linear-gradient(180deg,rgba(3,10,24,.44),rgba(4,14,32,.66)),var(--kani-role-bg)!important;}
html body.faqs-page,html body.faq-detail-page-body{background-image:linear-gradient(180deg,rgba(255,255,255,.42),rgba(238,248,255,.62)),var(--kani-faq-bg)!important;}
html body.contact-page{background-image:linear-gradient(180deg,rgba(3,10,24,.52),rgba(4,14,32,.76)),var(--kani-contact-bg)!important;}

html body:not(.home-page){
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  background-color:#061127!important;
}

/* Make page sections let the selected homepage backgrounds show cleanly */
html body:not(.home-page) main,
html body:not(.home-page) main > section{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
}

/* Consistent readable glass panels over image backgrounds */
html body:not(.home-page) .service-detail-card,
html body:not(.home-page) .contact-page-grid article,
html body:not(.home-page) .contact-form-box,
html body:not(.home-page) .faq-item,
html body:not(.home-page) .process-row article,
html body:not(.home-page) .worker-service-card,
html body:not(.home-page) .job-card,
html body:not(.home-page) .application-card,
html body:not(.home-page) .book-worker-card{
  background:rgba(255,255,255,.84)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 18px 48px rgba(7,16,39,.16)!important;
}

/* Footer uses homepage contact/footer image */
html body footer,
html body .site-footer,
html body .main-footer,
html body .footer-rework{
  background-image:linear-gradient(180deg,rgba(2,7,19,.76),rgba(2,7,19,.91)),var(--kani-contact-bg)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Role section: no big inner layer box */
html body .explore-jobs .explore-board,
html body .explore-jobs .category-panel-box,
html body .explore-jobs .poster-panel-box,
html body .explore-jobs .category-grid,
html body .explore-jobs .role-card-grid{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

@media(max-width:700px){
  html body:not(.home-page){
    background-attachment:scroll!important;
    background-position:center top!important;
  }
  html body:not(.home-page) main > section,
  html body .html-bg-section{
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    min-height:auto;
  }
}
/* ================= END KANI PAGE BACKGROUND MATCH REWORK ================= */

/* =========================================================
   KANI READABILITY REWORK - FINAL
   Purpose:
   ✅ Fix light/white text not visible on glass layers/cards
   ✅ Make every page card and layer readable over image backgrounds
   ✅ Keep homepage matched background images
   ========================================================= */
html body:not(.home-page) .service-detail-card,
html body:not(.home-page) .service-card,
html body:not(.home-page) .hub-card,
html body:not(.home-page) .process-row article,
html body:not(.home-page) .faq-item,
html body:not(.home-page) .contact-page-grid article,
html body:not(.home-page) .contact-form-box,
html body:not(.home-page) .worker-service-card,
html body:not(.home-page) .job-card,
html body:not(.home-page) .application-card,
html body:not(.home-page) .book-worker-card,
html body:not(.home-page) .apply-info-card,
html body:not(.home-page) .apply-form,
html body:not(.home-page) .recruiter-box,
html body:not(.home-page) .about-box,
html body:not(.home-page) .industry-card,
html body:not(.home-page) .walkin-card,
html body:not(.home-page) .testimonial-card{
  background:rgba(255,255,255,.965)!important;
  color:#111827!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 24px 70px rgba(2,8,23,.22)!important;
}

html body:not(.home-page) .service-detail-card h1,
html body:not(.home-page) .service-detail-card h2,
html body:not(.home-page) .service-detail-card h3,
html body:not(.home-page) .service-detail-card h4,
html body:not(.home-page) .service-card h3,
html body:not(.home-page) .hub-card h3,
html body:not(.home-page) .process-row h3,
html body:not(.home-page) .faq-item h3,
html body:not(.home-page) .contact-page-grid h3,
html body:not(.home-page) .contact-form-box h3,
html body:not(.home-page) .worker-service-card h3,
html body:not(.home-page) .job-card h3,
html body:not(.home-page) .application-card h2,
html body:not(.home-page) .book-worker-card h3,
html body:not(.home-page) .apply-info-card h2,
html body:not(.home-page) .apply-form h2,
html body:not(.home-page) .recruiter-box h2,
html body:not(.home-page) .about-box h2,
html body:not(.home-page) .industry-card h3,
html body:not(.home-page) .walkin-card h3,
html body:not(.home-page) .testimonial-card strong{
  color:#0f172a!important;
  text-shadow:none!important;
}

html body:not(.home-page) .service-detail-card p,
html body:not(.home-page) .service-detail-card li,
html body:not(.home-page) .service-card p,
html body:not(.home-page) .hub-card p,
html body:not(.home-page) .process-row p,
html body:not(.home-page) .faq-item p,
html body:not(.home-page) .contact-page-grid p,
html body:not(.home-page) .contact-page-grid a,
html body:not(.home-page) .contact-form-box label,
html body:not(.home-page) .worker-service-card p,
html body:not(.home-page) .job-card p,
html body:not(.home-page) .job-card span,
html body:not(.home-page) .application-card p,
html body:not(.home-page) .book-worker-card p,
html body:not(.home-page) .apply-info-card p,
html body:not(.home-page) .apply-info-card li,
html body:not(.home-page) .apply-form label,
html body:not(.home-page) .about-box p,
html body:not(.home-page) .industry-card p,
html body:not(.home-page) .walkin-card p,
html body:not(.home-page) .testimonial-card p{
  color:#374151!important;
  text-shadow:none!important;
  opacity:1!important;
}

html body:not(.home-page) .service-detail-card li::before,
html body:not(.home-page) .apply-info-card li::before,
html body:not(.home-page) .book-worker-card li::before{
  color:#0ea5e9!important;
  font-weight:900!important;
}

html body:not(.home-page) .service-detail-icon,
html body:not(.home-page) .hub-icon,
html body:not(.home-page) .worker-service-card i,
html body:not(.home-page) .industry-card i,
html body:not(.home-page) .contact-page-grid i{
  color:#fff!important;
  background:linear-gradient(135deg,#1da1ff,#0c6eff)!important;
  box-shadow:0 14px 34px rgba(13,110,253,.26)!important;
}

html body:not(.home-page) input,
html body:not(.home-page) textarea,
html body:not(.home-page) select{
  background:rgba(255,255,255,.98)!important;
  color:#111827!important;
  border-color:rgba(15,23,42,.16)!important;
}
html body:not(.home-page) input::placeholder,
html body:not(.home-page) textarea::placeholder{color:#6b7280!important;opacity:1!important;}

/* Keep section headings readable over background */
html body:not(.home-page) .page-hero-inner h1,
html body:not(.home-page) .services-page-head h2,
html body:not(.home-page) .section-head h2{
  color:#fff!important;
  text-shadow:0 4px 22px rgba(0,0,0,.42)!important;
}
html body:not(.home-page) .page-hero-inner p,
html body:not(.home-page) .services-page-head span,
html body:not(.home-page) .section-head span{
  color:#edf6ff!important;
  text-shadow:0 3px 16px rgba(0,0,0,.34)!important;
}

@media(max-width:700px){
  html body:not(.home-page) .service-detail-card,
  html body:not(.home-page) .service-card,
  html body:not(.home-page) .hub-card,
  html body:not(.home-page) .process-row article,
  html body:not(.home-page) .faq-item,
  html body:not(.home-page) .contact-page-grid article,
  html body:not(.home-page) .contact-form-box,
  html body:not(.home-page) .worker-service-card,
  html body:not(.home-page) .job-card,
  html body:not(.home-page) .application-card,
  html body:not(.home-page) .book-worker-card{
    background:rgba(255,255,255,.975)!important;
    border-radius:22px!important;
  }
}
/* ================= END KANI READABILITY REWORK ================= */

/* ================= KANI MOBILE FEATURE STRIP FIX =================
   Fixes mobile overlap/stacking issue in the FAQ/features strip.
   Problem: small text was falling under the icon column and headings overlapped.
*/
.faq-feature-strip > div{
  min-width:0!important;
}
.faq-feature-strip > div > span{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  flex:0 0 auto!important;
}
.faq-feature-strip > div > b{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  line-height:1.22!important;
  margin:0!important;
}
.faq-feature-strip > div > small{
  grid-column:2!important;
  grid-row:2!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  line-height:1.45!important;
  margin:6px 0 0!important;
}

@media(max-width:720px){
  .faq-feature-strip{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:30px 18px!important;
    margin:0 -16px!important;
    background:#061b38!important;
  }
  .faq-feature-strip > div{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:18px!important;
    row-gap:0!important;
    width:100%!important;
    padding:18px 6px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
  }
  .faq-feature-strip > div:last-child{
    border-bottom:0!important;
  }
  .faq-feature-strip > div > span{
    width:56px!important;
    height:56px!important;
    font-size:21px!important;
  }
  .faq-feature-strip > div > b{
    font-size:20px!important;
    letter-spacing:-.2px!important;
    color:#fff!important;
    text-shadow:none!important;
  }
  .faq-feature-strip > div > small{
    font-size:15px!important;
    color:#d7e8ff!important;
    font-weight:700!important;
    text-shadow:none!important;
  }
}

@media(max-width:420px){
  .faq-feature-strip > div{
    grid-template-columns:52px minmax(0,1fr)!important;
    column-gap:16px!important;
    padding:16px 4px!important;
  }
  .faq-feature-strip > div > span{
    width:52px!important;
    height:52px!important;
    font-size:19px!important;
  }
  .faq-feature-strip > div > b{
    font-size:18px!important;
  }
  .faq-feature-strip > div > small{
    font-size:14px!important;
  }
}
/* ================= END KANI MOBILE FEATURE STRIP FIX ================= */

/* Aura Aspire Talent Hub - WhatsApp-first form helper */
.whatsapp-form-note{margin:10px 0 0;font-size:13px;line-height:1.6;opacity:.78}

/* ===== FOOTER BRAND NAME FINAL REWORK ===== */
.site-footer.aspire-modern-footer .footer-logo-wrap{
  align-items:center!important;
}
.site-footer.aspire-modern-footer .footer-logo-wrap > div{
  min-width:0!important;
}
.site-footer.aspire-modern-footer .footer-logo-wrap strong{
  display:block!important;
  font-size:clamp(17px,1.35vw,22px)!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  white-space:normal!important;
}
.site-footer.aspire-modern-footer .footer-logo-wrap strong span{
  display:block!important;
  margin-top:3px!important;
}
.site-footer.aspire-modern-footer .footer-logo-wrap small{
  display:block!important;
  margin-top:7px!important;
}
@media(max-width:520px){
  .site-footer.aspire-modern-footer .footer-logo-wrap strong{
    font-size:18px!important;
  }
}

/* ===== FINAL PLAIN BACKGROUND REWORK =====
   No photographs, SVGs, textures, dots, grids or decorative background patterns.
   Page/section canvases use flat solid colours only. */
:root{
  --page-plain:#ffffff;
  --page-plain-alt:#f7faff;
  --page-plain-dark:#071327;
}
html,body{
  background:#ffffff!important;
  background-image:none!important;
}

/* Main page and section backgrounds: flat colour only. */
main,
section,
.hero,
.explore-jobs,
.service,
.about,
.recruiter-page,
.apply-section,
.page-section,
.inner-section,
.hub-section,
.about-rework,
.services-page-section,
.service-process-section,
.page-hero,
.inner-blue-hero,
.walkin-page-hero,
.faq-page,
.contact-page,
.careers-page,
.workers-page{
  background-image:none!important;
  background-attachment:initial!important;
}

/* Clean flat light sections. */
main,
section,
.explore-jobs,
.service,
.about,
.recruiter-page,
.apply-section,
.page-section,
.hub-section,
.about-rework,
.faq-page,
.contact-page,
.careers-page,
.workers-page{
  background-color:var(--page-plain)!important;
}

/* Alternate only by solid colour, never a pattern. */
main > section:nth-of-type(even),
.explore-jobs,
.about,
.service-process-section{
  background-color:var(--page-plain-alt)!important;
}

/* Hero/inner dark areas remain plain solid for contrast. */
.hero,
.page-hero,
.inner-blue-hero,
.walkin-page-hero,
.services-page-section,
.inner-section{
  background-color:var(--page-plain-dark)!important;
  background-image:none!important;
}

/* Remove old decorative background pseudo-layers. */
.hero::before,.hero::after,
.page-hero::before,.page-hero::after,
.inner-blue-hero::before,.inner-blue-hero::after,
.walkin-page-hero::before,.walkin-page-hero::after,
.explore-jobs::before,.explore-jobs::after,
.about::before,.about::after,
.service::before,.service::after,
.services-page-section::before,.services-page-section::after,
.inner-section::before,.inner-section::after{
  background-image:none!important;
}

/* Explicitly neutralise the old image-background variables on page canvases. */
main,section,.hero,.page-hero,.inner-blue-hero,.walkin-page-hero{
  --section-bg-image:none!important;
}

@media(max-width:700px){
  html,body,main,section{background-image:none!important;}
  .hero,.page-hero,.inner-blue-hero,.walkin-page-hero{background-image:none!important;}
}
/* ===== END FINAL PLAIN BACKGROUND REWORK ===== */


/* ============================================================
   AURA ASPIRE - FLOATING GOOGLE MAPS LOCATION
   Desktop: location sits inside the quick-contact action stack.
   Mobile: compact icon-only control with tactile pulse animation.
   ============================================================ */
.quick-btn.location{
  position:relative;
  overflow:visible;
  background:#2563eb;
  color:#fff;
  box-shadow:0 14px 32px rgba(37,99,235,.30);
}
.quick-btn.location i{pointer-events:none}
.quick-btn.location::before,
.quick-btn.location::after{
  content:"";
  position:absolute;
  inset:-4px;
  border:2px solid rgba(37,99,235,.42);
  border-radius:inherit;
  opacity:0;
  pointer-events:none;
}
.quick-btn.location.location-opening{
  animation:auraLocationTap .38s ease both;
}
.quick-btn.location.location-opening::before{
  animation:auraLocationRing .52s ease-out both;
}
.quick-btn.location.location-opening::after{
  animation:auraLocationRing .52s .08s ease-out both;
}
@keyframes auraLocationTap{
  0%{transform:scale(1)}
  42%{transform:scale(.86) rotate(-7deg)}
  100%{transform:scale(1.08) rotate(0)}
}
@keyframes auraLocationRing{
  0%{opacity:.85;transform:scale(.82)}
  100%{opacity:0;transform:scale(1.55)}
}
@media(max-width:700px){
  .quick-btn.location{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    font-size:24px!important;
    line-height:1!important;
  }
  .quick-btn.location::selection{background:transparent}
}
@media(prefers-reduced-motion:reduce){
  .quick-btn.location.location-opening,
  .quick-btn.location.location-opening::before,
  .quick-btn.location.location-opening::after{animation:none!important}
}