.top-hero-section{ padding: 110px 0 0; }
.banner-main-image{ border-radius: 60px; overflow: hidden; margin-bottom: 10px; }
.banner-main-image img{ max-width: 100%; }
.hero-title{ text-align: center; text-transform: uppercase; color: #F68933; font-weight: 400; font-size: 95px; line-height: 1.2; }
.hero-title strong{ font-weight: 700; color: #212060; }
.top-hero-section .full-search-2.hero-search-radius{ -webkit-box-shadow: 0px 0px 0px 8px rgb(246 137 51 / 20%); box-shadow: 0px 0px 0px 8px rgb(246 137 51 / 20%); }

.stats-wrap{ max-width: 650px; margin: 0 auto 50px; display: flex; justify-content: space-between; }
.stats-wrap .stats{ background-color: #f2f2f2; text-align: center; border-radius: 10px; padding: 10px 15px; }
.stats-wrap .stats .stats-num{ font-weight: 600; font-size: 28px; line-height: 1.3; border-bottom: 4px solid; color: #000000; display: inline-block; margin-bottom: 15px; }
.stats-wrap .stats h5{ font-size: 18px; font-weight: bold; margin: 0; }
.footer-shapes img{ position: absolute; }
.footer-shapes .top-left-dots{ left: 50px; top: 50px; max-width: 100px; }
.footer-shapes .top-right{ right: -60px; top: -1px; transform: rotate(180deg); max-width: 300px; }
.footer-shapes .left-bottom{ left: -30px; bottom: 0px; max-width: 260px; }
footer.dark-footer,
.skin-dark-footer .footer-bottom{ background-color: #212060; }


@media only screen  and (max-width : 1600px) {
	.footer-shapes .top-right{ max-width: 240px; }
	.footer-shapes .left-bottom{ max-width: 200px; }
	.footer-shapes .top-left-dots{ max-width: 70px; left: 30px; }
}
@media only screen  and (max-width : 1440px) {
	.footer-shapes .left-bottom{ left: -80px; } 
	.footer-shapes .top-left-dots{ left: -25px; }
}
@media only screen  and (max-width : 1200px) {
	.hero-title{ font-size: 75px; }
	.footer-shapes{ opacity: 0.4; }
}
@media only screen  and (max-width : 991px) {
	.hero-title { font-size: 54px; }
	.footer-widget{ padding-bottom: 0; padding-top: 40px; }
	.footer-bottom{ margin-top: 25px; }
	.top-hero-section{ padding: 80px 0 0; }
	.banner-main-image{ border-radius: 40px; }
}
@media only screen  and (max-width : 767px) {
	.hero-title { font-size: 40px; }
	.stats-wrap .stats .stats-num{ font-size: 22px; }
	.stats-wrap .stats h5{ font-size: 14px; }
}
@media only screen  and (max-width : 480px) {
	.stats-wrap{ display: block; }
	.stats-wrap .stats{ max-width: 320px; margin: 0 auto 20px; }
}

/* NEW HOME PAGE */

/* ===== Vibrant Connect look & feel ===== */

/* HERO */
.vc-hero {
  position: relative;
  min-height: 88vh;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}

.vc-hero-bg {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  transform: scale(1.02);
  filter: saturate(1.05) contrast(1.02);
}

/* .vc-hero-overlay {
  position: absolute; inset: 0;
  background: radial-gradient(1200px 600px at 10% 10%, rgba(246,137,51,.25), rgba(0,0,0,.45)),
              linear-gradient(180deg, rgba(7,11,25,.10) 0%, rgba(7,11,25,.60) 70%);
} */
.vc-hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(7,11,25,.20) 0%, rgba(7,11,25,.65) 80%);
}

.vc-hero-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 96px 0 56px;
}

.vc-hero-content {
  color: #fff;
  max-width: 760px;
}

.vc-hero-title {
  font-size: clamp(36px, 6vw, 64px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 12px;
}
.vc-hero-title span { color: #F68933; }
.vc-hero-white { color: #fff !important; }

.vc-hero-sub {
  font-size: clamp(16px, 2.2vw, 20px);
  opacity: .95;
  margin-bottom: 22px;
}

.vc-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; }

/* Hero shapes */
.vc-hero-shape {
  position: absolute;
  width: 320px; height: 320px;
  background: radial-gradient(circle at 30% 30%, rgba(246,137,51,.22), rgba(94,53,177,.0));
  z-index: 1; pointer-events: none;
}
.vc-hero-shape--tl { top: -80px; left: -60px; }
.vc-hero-shape--br { right: -60px; bottom: -60px; }

/* Buttons */
.vc-btn-pill {
  border-radius: 999px;
  padding: 10px 18px !important;
  font-weight: 600;
  border: 2px solid transparent;
}
.vc-btn-primary {
  background: #F68933; color: #fff !important;
  box-shadow: 0 6px 18px rgba(246,137,51,.35);
}
.vc-btn-primary:hover { filter: brightness(.95); }
.vc-btn-ghost {
  background: rgba(255,255,255,.08);
  color: #fff !important;
  border-color: rgba(255,255,255,.25);
}
.vc-btn-ghost:hover { background: rgba(255,255,255,.14); }

/* Stats strip */
.vc-stats {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  padding: 18px 18px;
  backdrop-filter: blur(6px);
  width: max(60%, 640px);
}
@media (max-width: 992px) {
  .vc-stats { width: 100%; }
}
.vc-stat { text-align: center; color: #fff; }

/* .vc-stat-num {
  font-size: clamp(22px, 4vw, 32px);
  font-weight: 800;
  letter-spacing: -0.01em;
} */

.vc-stat-num {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 800;
  letter-spacing: -0.01em;
}

.vc-stat-label { opacity: .9; font-size: 13px; }

/* Sections */
.vc-section { padding: 72px 0; }
.vc-section-muted { background: #fafbff; }
.vc-section-head {
  display: flex; align-items: end; gap: 16px; margin-bottom: 26px;
}
.vc-section-head.center { justify-content: center; flex-direction: column; align-items: center; text-align: center; }
.vc-eyebrow { color: #6b7280; text-transform: uppercase; letter-spacing: .16em; font-size: 12px; margin: 0; }
.vc-title { font-size: clamp(24px, 3.4vw, 36px); margin: 0; }
.vc-title span { color: #F68933; }
.vc-link { margin-left: auto; color: #111; text-decoration: none; font-weight: 600; }
.vc-link:hover { color: #F68933; }

/* Job card grid */
.vc-job-card {
  display: block;
  background: #fff;
  border: 1px solid #eef0f4;
  border-radius: 16px;
  padding: 18px;
  margin-bottom: 18px;
  text-decoration: none !important;
  color: #0f172a;
  transition: transform .15s ease, box-shadow .15s ease;
  box-shadow: 0 2px 6px rgba(16,24,40,.04);
}
.vc-job-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(16,24,40,.08);
}
.vc-job-card-top { display: flex; gap: 8px; align-items: center; justify-content: space-between; }
.vc-badge {
  background: #10b981; color: #fff; font-weight: 700;
  border-radius: 999px; padding: 4px 10px; font-size: 11px; letter-spacing: .02em;
}
.vc-chip {
  margin-left: auto;
  background: #f3f4f6; color: #111827; border-radius: 999px; padding: 4px 10px; font-size: 11px;
}
.vc-job-logo {
  display: flex; align-items: center; justify-content: center;
  height: 72px; margin: 16px 0 10px;
}
.vc-job-logo img { max-height: 64px; width: auto; }
.vc-logo-fallback {
  width: 64px; height: 64px; border-radius: 12px;
  display: grid; place-items: center; font-weight: 800; color: #fff;
  background: linear-gradient(135deg, #F68933, #5E35B1);
}
.vc-job-title { font-size: 18px; margin: 8px 0 4px; line-height: 1.25; }
.vc-job-company { color: #6b7280; font-size: 13px; margin-bottom: 10px; }
.vc-job-meta { display: flex; justify-content: space-between; align-items: center; }
.vc-salary { font-weight: 700; color: #0f172a; }
.vc-openings { font-size: 12px; color: #6b7280; }

/* Empty state */
.vc-empty {
  text-align: center;
  background: #fff;
  border: 1px dashed #e5e7eb;
  border-radius: 16px;
  padding: 28px;
}

/* Steps */
.vc-steps { margin-top: 8px; }
.vc-step-card {
  background: #fff; border: 1px solid #eef0f4; border-radius: 16px;
  padding: 20px; height: 100%;
  box-shadow: 0 2px 6px rgba(16,24,40,.04);
  transition: transform .15s ease, box-shadow .15s ease;
}
.vc-step-card:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(16,24,40,.08); }
.vc-step-icon {
  width: 56px; height: 56px; border-radius: 14px;
  background: linear-gradient(135deg, #F68933 0%, #5E35B1 100%);
  display: grid; place-items: center; margin-bottom: 12px; overflow: hidden;
}
.vc-step-icon img { width: 36px; height: auto; filter: brightness(10); opacity: .95; }
.vc-step-card h4 { margin: 6px 0; font-weight: 700; }
.vc-step-card p { margin: 0; color: #475569; }

/* CTA band */
.vc-cta {
  padding: 56px 0;
  background: linear-gradient(135deg, rgba(246,137,51,.08) 0%, rgba(94,53,177,.08) 100%);
  border-top: 1px solid #f0f1f6;
}
.vc-cta-inner {
  background: #0f172a;
  border-radius: 20px;
  color: #fff;
  display: flex; gap: 16px; align-items: center; justify-content: space-between;
  padding: 24px;
}
.vc-cta h3 { margin: 0 0 4px; }
.vc-cta p { margin: 0; opacity: .9; }
.vc-btn-invert {
  background: #fff; color: #0f172a !important; border: 2px solid transparent;
}
.vc-btn-invert:hover { filter: brightness(.96); }

/* Center the hero content + stats */
.vc-hero-inner{
  display:flex;
  flex-direction:column;
  align-items:center;          /* horizontally center children */
  justify-content:flex-end;
  text-align:center;           /* center text inside */
}

.vc-hero-content{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.vc-hero-cta{
  justify-content:center;      /* center the buttons row */
}

.vc-stats{
  margin-left:auto;
  margin-right:auto;           /* center the stats strip */
  text-align:center;
}

.vc-stat{ text-align:center; }
.vc-stat-num{ display:inline-block; }  /* keeps numbers centered neatly */

/* Center section head + job cards */
.vc-section-head {
  display: flex;
  flex-direction: column;   /* stack eyebrow, title, link vertically */
  align-items: center;      /* center them horizontally */
  text-align: center;
  gap: 6px;
}

.vc-section-head .vc-link {
  margin: 0;                /* remove the auto push to right */
  order: 3;                 /* ensure it sits under title if you want */
  font-size: 14px;
}

.vc-section-head.center { 
  align-items: center;
  justify-content: center;
}

/* Center job grid when not filling full width */
.vc-section .row {
  justify-content: center;
}

.vc-step-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #F68933;   /* 🔥 Solid orange */
  display: grid;
  place-items: center;
  margin-bottom: 12px;
  overflow: hidden;
}

.vc-step-icon img {
  width: 32px;
  height: auto;
  filter: brightness(100);   /* keep the white line-art visible */
}