.vcc-about-page .about-us {
  width: 100%;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  isolation: isolate;
  text-align: left;
  font-size: 14px;
  color: #fff;
  font-family: 'Inter', sans-serif;
}

.vcc-about-page .hero {
  width: 100%;
  min-height: 552px;
  height: auto;
  position: relative;
  background-color: #000;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 0;
  text-align: center;
}

/* Keep global header above hero and prevent side cropping of the hero GIF */
body.page-template-page-about-us #vc-navbar {
  z-index: 10001 !important;
}

body.page-template-page-about-us #vc-navbar .vc-menu-list li a,
body.page-template-page-about-us #vc-navbar .vc-nav-actions a,
body.page-template-page-about-us #vc-navbar .vc-hamburger span {
  color: #ffffff !important;
}

/* ── DESKTOP HEADER — Blog-style attractive menu styling ── */
body.page-template-page-about-us #vc-nav-menu .mega-menu-wrap,
body.page-template-page-about-us #vc-nav-menu > div:not(.vc-menu-list),
body.vcc-about-page #vc-nav-menu .mega-menu-wrap,
body.vcc-about-page #vc-nav-menu > div:not(.vc-menu-list) {
  display: contents !important;
}

body.page-template-page-about-us #vc-nav-menu .mega-menu-wrap > ul,
body.vcc-about-page #vc-nav-menu .mega-menu-wrap > ul {
  display: flex !important;
}

body.page-template-page-about-us #vc-navbar .vc-menu-list > li > a,
body.page-template-page-about-us #vc-nav-menu ul.vc-menu-list > li > a,
body.page-template-page-about-us #vc-nav-menu .mega-menu-wrap > ul > li > a,
body.vcc-about-page #vc-navbar .vc-menu-list > li > a,
body.vcc-about-page #vc-nav-menu ul.vc-menu-list > li > a,
body.vcc-about-page #vc-nav-menu .mega-menu-wrap > ul > li > a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  -webkit-border-radius: 999px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  background-color: transparent !important;
  color: #ffffff !important;
}

body.page-template-page-about-us #vc-navbar .vc-menu-list > li.current-menu-item > a,
body.page-template-page-about-us #vc-navbar .vc-menu-list > li.current_page_item > a,
body.page-template-page-about-us #vc-navbar .vc-menu-list > li.current_page_parent > a,
body.page-template-page-about-us #vc-navbar .vc-menu-list > li > a[href*='/about-us'],
body.vcc-about-page #vc-navbar .vc-menu-list > li.current-menu-item > a,
body.vcc-about-page #vc-navbar .vc-menu-list > li.current_page_item > a,
body.vcc-about-page #vc-navbar .vc-menu-list > li.current_page_parent > a,
body.vcc-about-page #vc-navbar .vc-menu-list > li > a[href*='/about-us'] {
  background-color: #0446f2 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}

body.page-template-page-about-us #vc-navbar .vc-nav-cta,
body.vcc-about-page #vc-navbar .vc-nav-cta {
  border-radius: 50px !important;
  padding: 0 !important;
  height: 41px !important;
  box-shadow: 0 4px 15px rgba(4, 70, 242, 0.3) !important;
}

body.page-template-page-about-us #vc-navbar .vc-nav-menu,
body.vcc-about-page #vc-navbar .vc-nav-menu {
  border-radius: 0 !important;
  padding: 0 !important;
  height: auto !important;
  box-shadow: none !important;
}

body.page-template-page-about-us #vc-navbar .vc-menu-list,
body.page-template-page-about-us #vc-nav-menu ul.vc-menu-list,
body.vcc-about-page #vc-navbar .vc-menu-list,
body.vcc-about-page #vc-nav-menu ul.vc-menu-list {
  background: transparent !important;
  border-radius: 0 !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ── MOBILE: keep navbar dark/transparent over the about-us hero ──
   On mobile the hero GIF may not fill the top of the viewport immediately,
   exposing the light (#edeff7) rectangle-parent background behind the
   transparent navbar. Other pages have solid-dark hero images so they
   look fine. This rule gives the about-us navbar the same dark treatment
   as other inner pages on mobile screens. */
@media (max-width: 991px) {
  body.vcc-about-page #vc-navbar,
  body.page-template-page-about-us #vc-navbar,
  body.vcc-about-page #vc-navbar.scrolled,
  body.page-template-page-about-us #vc-navbar.scrolled,
  body.vcc-about-page #vc-navbar.vc-menu-is-open,
  body.page-template-page-about-us #vc-navbar.vc-menu-is-open,
  body.vcc-about-page .vc-navbar,
  body.page-template-page-about-us .vc-navbar,
  body.vcc-about-page .vc-navbar.scrolled,
  body.page-template-page-about-us .vc-navbar.scrolled,
  body.vcc-about-page .vc-navbar.vc-menu-is-open,
  body.page-template-page-about-us .vc-navbar.vc-menu-is-open {
    background: rgba(10, 14, 26, 0.97) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3) !important;
  }

  body.vcc-about-page .vc-nav-inner,
  body.page-template-page-about-us .vc-nav-inner,
  body.vcc-about-page .vc-nav-inner::before,
  body.page-template-page-about-us .vc-nav-inner::before,
  body.vcc-about-page .vc-nav-inner::after,
  body.page-template-page-about-us .vc-nav-inner::after {
    background: rgba(10, 14, 26, 0.97) !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Remove top strip by forcing hero media to fully cover behind navbar */
  .vcc-about-page .rectangle-parent {
    background-color: #000 !important;
  }
  .vcc-about-page .frame-child {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    transform: none !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  /* Match desktop header structure on About Us mobile */
  body.vcc-about-page .vc-nav-logo,
  body.page-template-page-about-us .vc-nav-logo {
    max-width: none !important;
    overflow: visible !important;
  }
  body.vcc-about-page .vc-nav-logo .vc-logo-light,
  body.page-template-page-about-us .vc-nav-logo .vc-logo-light {
    display: block !important;
    height: 40px !important;
    width: auto !important;
  }
  body.vcc-about-page .vc-nav-logo .vc-logo-dark,
  body.page-template-page-about-us .vc-nav-logo .vc-logo-dark {
    display: none !important;
  }

  body.vcc-about-page .vc-nav-cta,
  body.page-template-page-about-us .vc-nav-cta {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.vcc-about-page .vc-cta-blue,
  body.page-template-page-about-us .vc-cta-blue {
    display: none !important;
  }
  body.vcc-about-page .vc-cta-white,
  body.page-template-page-about-us .vc-cta-white {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    background: transparent !important;
    min-width: unset !important;
  }

  /* Ensure hamburger lines stay white */
  body.vcc-about-page .vc-navbar:not(.scrolled) .vc-hamburger span,
  body.page-template-page-about-us .vc-navbar:not(.scrolled) .vc-hamburger span {
    background: #ffffff !important;
  }

  /* Add breathing room between hero and first content label (Our Philosophy) */
  .vcc-about-page .middle {
    padding-top: 32px;
  }
}

@media (max-width: 480px) {
  body.vcc-about-page .vc-nav-logo .vc-logo-light,
  body.page-template-page-about-us .vc-nav-logo .vc-logo-light {
    height: 30px !important;
  }
  body.vcc-about-page .vc-nav-cta,
  body.page-template-page-about-us .vc-nav-cta {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    padding: 0 !important;
  }
  body.vcc-about-page .vc-cta-blue,
  body.page-template-page-about-us .vc-cta-blue {
    display: none !important;
  }
  body.vcc-about-page .vc-cta-white,
  body.page-template-page-about-us .vc-cta-white {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    background: transparent !important;
    min-width: unset !important;
  }
}

.vcc-about-page .rectangle-parent {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #edeff7;
  width: 100%;
  height: 100%;
  overflow: hidden;
  flex-shrink: 0;
}

.vcc-about-page .frame-child {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 0;
  transform: translateY(-50%);
  object-fit: contain !important;
  object-position: center;
  flex-shrink: 0;
}

.vcc-about-page .frame-item {
  position: absolute;
  top: 0px;
  left: 0;
  background: rgba(4, 70, 242, 0.38), rgba(0, 5, 26, 0.49);
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.vcc-about-page .hero-inner {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 92px 48px 84px;
  box-sizing: border-box;
  flex-shrink: 0;
}

.vcc-about-page .frame-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}

.vcc-about-page .rectangle-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  justify-content: center;
}

.vcc-about-page .frame-inner {
  height: 8px;
  width: 8px;
  position: relative;
  background-color: #0446f2;
}

.vcc-about-page .our-philosophy {
  color:#d4dcdc;
  /* Use 'color' instead of 'font-color' */
  position: relative;
  line-height: 63%;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
}

/* Section-specific label colors requested */
.vcc-about-page .hero .our-philosophy {
  color: #ffffff !important;
}

.vcc-about-page .frame-group .our-philosophy {
  color: #00051a !important;
}

.vcc-about-page .middle-inner .our-philosophy {
  color: #ffffff !important;
}

.vcc-about-page .get-to-know-us .our-philosophy {
  color: #00051a !important;
}

.vcc-about-page .our-team2 .our-philosophy {
  color: #00051a !important;
}

.vcc-about-page .our-india-gcc-label {
  color: rgb(16, 16, 16);
  position: relative;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  display: block;
  margin-bottom: 8px;
}

.vcc-about-page .led-by-practitioners {
  max-width: 1032px;
  width: 100%;
  position: relative;
  font-size: clamp(38px, 5vw, 68px);
  line-height: 1.1;
  font-family: 'Outfit', sans-serif;
  display: inline-block;
}

.vcc-about-page .vector-icon {
  position: absolute;
  right: 0px;
  bottom: -32px;
  width: 653px;
  height: 125px;
  object-fit: contain;
  flex-shrink: 0;
  
}
.vc-cta {
  position: relative;
  overflow: hidden;
}


/* top-right corner shape */
.vc-cta::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 653px;
  height: 125px;
  background-color: #cfe1ff;

  -webkit-mask-image: url("/wp-content/uploads/2026/03/white-corner.png");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: top right;
  -webkit-mask-size: contain;

  mask-image: url("/wp-content/uploads/2026/03/white-corner.png");
  mask-repeat: no-repeat;
  mask-position: top right;
  mask-size: contain;

  pointer-events: none;
  z-index: 1;
}



.vcc-about-page .middle {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0 0;
  box-sizing: border-box;
  z-index: 1;
  color: #00051a;
}

.vcc-about-page .frame-group {
  width: 100%;
  position: relative;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 2px 17px;
  box-sizing: border-box;
  text-align: center;
}

.vcc-about-page .frame-container {
  width: 100%;
  max-width: 1240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-bottom: 60px;
}

.vcc-about-page .we-are-operators {
  align-self: stretch;
  position: relative;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.1;
  font-family: 'Outfit', sans-serif;
  margin: 0;
}

.vcc-about-page .valuecast-partners-was-container {
  width: 100%;
  max-width: 1040px;
  position: relative;
  font-size: clamp(16px, 1.8vw, 15px);
  line-height: 1.6;
  display: inline-block;
  opacity: 0.84;
}

.vcc-about-page .frame-icon {
  width: 100%;
  max-width: 1240px;
  border-radius: 24px;
  height: auto;
  aspect-ratio: 16 / 6;
  object-fit: cover;
  box-shadow: 0 16px 32px rgba(0, 5, 26, 0.08);
}

.vcc-about-page .cards {
  width: 100%;
  /* max-width: 1440px; */
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f6f7fb;
  padding: 80px 48px;
  box-sizing: border-box;
}

.vcc-about-page .component-17 {
  width: 100%;
  max-width: 1240px;
  height: auto;
  display: flex;
  align-items: stretch;
  background-color: transparent;
}

.vcc-about-page .frame-parent2 {
  width: 100%;
  border-radius: 40px;
  display: flex;
  align-items: center;
  gap: 80px;
  flex-wrap: wrap;
}

.vcc-about-page .group-wrapper {
  flex: 1 1 400px;
  position: relative;
  overflow: hidden;
  display: flex;
  border-radius: 24px;
  box-shadow: 0 16px 32px rgba(0, 5, 26, 0.08);
}

.vcc-about-page .group-icon {
  width: 100%;
  height: auto;
  min-height: 480px;
  object-fit: cover;
  display: block;
}

.vcc-about-page .our-story-parent {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 28px;
  padding: 40px 0;
}

.vcc-about-page .our-story {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: clamp(38px, 4.5vw, 68px);
  color: #00051a;
  line-height: 1.1;
  margin: 0;
}

.vcc-about-page .we-believe-middle-market {
  font-family: 'Inter', sans-serif;
  font-size: clamp(16px, 1.8vw, 17px);
  line-height: 1.6;
  font-weight: 400;
  color: #00051a;
  opacity: 0.85;
  margin: 0;
  max-width: 580px;
}

.vcc-about-page .middle-inner {
  width: 100%;
  position: relative;
  background-color: #0b0f1a;
  display: flex;
  justify-content: center;
  padding: 56px 100px;
  box-sizing: border-box;
}

.vcc-about-page .frame-wrapper {
  width: 100%;
  max-width: 1240px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.vcc-about-page .frame-parent3 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
}

.vcc-about-page .frame-parent4 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.vcc-about-page .frame-parent5 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}

.vcc-about-page .our-india-based-global {
  max-width: 1240px;
  width: 100%;
  position: relative;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.5;
  display: inline-block;
  opacity: 0.84;
}

.vcc-about-page .box-parent {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
}

.vcc-about-page .this-engine-enables {
  width: 100%;
  max-width: 1240px;
  font-family: 'Inter', sans-serif;
  font-size: clamp(16px, 1.8vw, 20px);
  line-height: 1.6;
  text-align: center;
  color: #ffffff;
  opacity: 0.85;
  margin: 40px auto 0;
}

.vcc-about-page .vcc-feature-box {
  min-height: 225px;
  flex: 1 1 350px;
  max-width: 396px;
  backdrop-filter: blur(116px);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 36px 32px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #ffffff;
}

.vcc-about-page .vcc-feature-box:hover {
  background-color: #0446f2;
  border-color: #0446f2;
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(4, 70, 242, 0.2);
}

/* .vcc-about-page .vcc-feature-box.active {
  background-color: #0446f2;
  border-color: #0446f2;
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(4, 70, 242, 0.2);
} */

.vcc-about-page .performance-media-icon {
  width: 44px;
  height: 44px;
  /* background: rgba(255, 255, 255, 0.15); */
  border-radius: 8px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.vcc-about-page .performance-marketing {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 12px;
  color: #ffffff;
}

.vcc-about-page .accusamus-et-iusto {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}

.vcc-about-page .div-code {
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  font-size: 14px;
  color: #ffffff;
}

.vcc-about-page .div {
  position: absolute;
  top: 15px;
  left: 13px;
  line-height: 120%;
  font-weight: 900;
}

.vcc-about-page .web-development {
  align-self: stretch;
  position: relative;
  font-size: 18px;
  line-height: 120%;
  font-weight: 500;
}

.vcc-about-page .vector-icon3 {
  position: absolute;
  height: 84.32%;
  width: 75%;
  top: 7.8%;
  right: 14.06%;
  bottom: 7.88%;
  left: 10.94%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.vcc-about-page .this-engine-enables {
  position: static;
  font-size: 20px;
  line-height: 140%;
  display: block;
  width: 100%;
  max-width: 1240px;
  margin: 32px auto 0;
  text-align: center;
  opacity: 0.84;
}

.vcc-about-page .get-to-know-us {
  /* width: 1440px; */
  width: 100%;
  height: 630px;
  position: relative;
  background-color: #cfe1ff;
  overflow: hidden;
  flex-shrink: 0;
  font-size: 18px;
}

.vcc-about-page .mask-group-icon {
  position: absolute;
  top: 93px;
  left: 205px;
  width: 445px;
  height: 420px;
  object-fit: cover;
}

.vcc-about-page .rectangle-parent3 {
  position: absolute;
  top: 93px;
  left: 734px;
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: center;
  font-size: 14px;
}

.vcc-about-page .driving-innovation-and {
  position: absolute;
  top: 127px;
  left: 731px;
  font-size: clamp(26px, 3.5vw, 36px);
  line-height: 1.2;
  font-weight: 600;
  display: inline-block;
  max-width: 600px;
  width: 100%;
}

.vcc-about-page .get-to-know-us-child {
  position: absolute;
  top: 333px;
  left: 731px;
  border-radius: 10px;
  background-color: #fff;
  width: 236px;
  height: 180px;
}

/* Vision card wrapper — mirrors .group-div structure */
.vcc-about-page .vision-card {
  position: absolute;
  top: 333px;
  left: 731px;
  width: 236px;
  height: 180px;
  background-color: #fff;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.vcc-about-page .vision-card:hover {
  background-color: #0446f2;
}

.vcc-about-page .vision-card:hover .vision,
.vcc-about-page .vision-card:hover .to-build-the {
  color: #ffffff !important;
}

.vcc-about-page .vision {
  position: absolute;
  top: 19px;
  left: 20px;
  line-height: 120%;
  font-weight: 600;
  display: inline-block;
  width: 96px;
  transition: color 0.3s ease;
}

.vcc-about-page .to-build-the {
  position: absolute;
  top: 54px;
  left: 20px;
  font-size: 12px;
  line-height: 140%;
  font-weight: 500;
  display: inline-block;
  width: 195px;
  opacity: 0.8;
  transition: color 0.3s ease;
}

.vcc-about-page .group-div {
  position: absolute;
  top: 333px;
  left: 999px;
  width: 236px;
  height: 180px;
  color: #000;
}

.vcc-about-page .group-child {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 10px;
  background-color: #fff;
  width: 236px;
  height: 180px;
}

.vcc-about-page .mission {
  position: absolute;
  top: 19px;
  left: 20px;
  line-height: 120%;
  font-weight: 600;
  display: inline-block;
  width: 96px;
}

.vcc-about-page .to-empower-visionary {
  position: absolute;
  top: 54px;
  left: 20px;
  font-size: 12px;
  line-height: 140%;
  font-weight: 500;
  display: inline-block;
  width: 195px;
  opacity: 0.8;
}

/* Vision/Mission Card Hover States */
.vcc-about-page .vision-card,
.vcc-about-page .group-div {
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Mission card hover state - turns blue */
.vcc-about-page .group-div:hover .group-child {
  background-color: #0446f2;
}

/* Mission card hover - text color to white */
.vcc-about-page .group-div:hover .mission,
.vcc-about-page .group-div:hover .to-empower-visionary {
  color: #ffffff;
}

/* ════════════════════════════════════════════════════════════════
   OUR TEAM SECTION — Pixel-perfect Figma match
   Layout:
     • White bg: label + headline + two founder cards side-by-side
     • Grey bg strip: slider with left/right arrow buttons on outer edges
     • White bg: CTA text + button
   ════════════════════════════════════════════════════════════════ */

.vcc-about-page .our-team {
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding: 70px 90px 70px 90px; */
   padding: 70px 90px 0px 90px;
  box-sizing: border-box;
  font-size: 12px;
  color: #00051a;
}

/* "OUR TEAM" eyebrow label */
.vcc-about-page .our-team2 {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: center;
  font-size: 14px;
  margin-bottom: 14px;
  color: #00051a;
}

/* Section headline */
.vcc-about-page .success-stories-fuel-our-innov-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 52px;
  padding: 0 24px;
}

.vcc-about-page .success-stories-fuel {
  font-size: clamp(28px, 3.5vw, 42px);
  line-height: 1.2;
  font-weight: 700;
  color: #00051a;
  font-family: 'Outfit', sans-serif;
}

/* ── FOUNDER CARDS ROW ───────────────────────────────────────── */
/* Figma: two cards side-by-side, ~320px wide each, compact portrait image */

.vcc-founders-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: 1240px;
  padding: 0;
  box-sizing: border-box;
  margin: 0 auto;
}

/* Each founder card — fixed width matching Figma ~320px */
.vcc-about-page .rectangle-parent4,
.vcc-founders-row .rectangle-parent4 {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: 320px;
  flex: 0 0 320px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

/* Founder image: fixed 320×380px matching Figma card size, rounded corners */
.vcc-about-page .rectangle-icon {
  width: 320px;
  height: 380px;
  border-radius: 10px;
  object-fit: cover;
  object-position: top center;
  display: block;
  background: #ddd;
  flex-shrink: 0;
}

/* Founder name */
.vcc-about-page .mr-founder-name {
  /* width: 100%;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  color: #00051a;
  margin-top: 4px; */
  color: var(--Navy, #00051A);
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 24px */
}

/* Designation */
.vcc-about-page .designation {
  /* width: 100%;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 600;
  color: #00051a;
  text-transform: uppercase;
  letter-spacing: 0.04em; */
  color: #C3C6D2;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 14.4px */
}

/* Bio */
.vcc-about-page .founder-business {
  width: 100%;
  font-size: 12px;
  line-height: 1.6;
  color: #555;
}

/* rectangle-parent5 suppressed — founders now rendered via .vcc-founders-row PHP loop */
.vcc-about-page .rectangle-parent5 {
  display: none !important;
}

/* ── TEAM SLIDER STRIP ───────────────────────────────────────── */
/* Full-width grey background, nav arrows floating on left & right edges */

.vcc-about-page .our-team-inner {
  position: relative;      /* needed for absolute nav arrows */
  width: 100%;
  max-width: 100%;
  background-color: #F8F8F8;
  padding: 70px 63.527px 70px 63.527px;
  box-sizing: border-box;
  margin-top: 60px;
  overflow: visible;        /* let arrow buttons sit outside the swiper */
}

/* Hide ALL legacy absolutely-positioned static children */
.vcc-about-page .group-parent,
.vcc-about-page .name-sirname-parent,
.vcc-about-page .name-sirname-group,
.vcc-about-page .name-sirname-container,
.vcc-about-page .name-sirname-parent2,
.vcc-about-page .group-item,
.vcc-about-page .group-inner,
.vcc-about-page .group-child3,
.vcc-about-page .group-child5 {
  display: none !important;
}

/* Swiper itself — padded so cards don't touch the arrows */
.vcc-team-swiper {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 80px;
  box-sizing: border-box;
  overflow: hidden;
}

/* Each slide wrapper */
.vcc-team-swiper .swiper-slide {
  height: auto;
}

/* Each card */
.vcc-team-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  border: solid 1px #ececec;
  /* box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07); */
  height: 100%;
}

/* Each card */
.vcc-team-card:hover {
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
}
/* Card image wrap: portrait 3/4 ratio, no crop */
.vcc-team-card__img-wrap {
  width: 100%;
  aspect-ratio: 3 / 4;
  background: #e5e7eb;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
  flex-shrink: 0;
}

.vcc-team-card__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
  transition: transform 0.4s ease;
}

.vcc-team-card:hover .vcc-team-card__img-wrap img {
  transform: scale(1.03);
}

.vcc-team-card__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  background: #f0f0f0;
}

/* Card info block */
.vcc-team-card__info {
  padding: 14px 16px 18px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Override any inherited position:absolute from old Figma CSS */
.vcc-about-page .our-team-inner .name-sirname {
  position: static !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #00051a !important;
  top: auto !important;
  left: auto !important;
}

.vcc-about-page .our-team-inner .designation3 {
  position: static !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #0446f2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  top: auto !important;
  left: auto !important;
}

.vcc-about-page .our-team-inner .builds-scalable-businesses,
.vcc-about-page .our-team-inner .drives-business-expansion {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #666 !important;
  top: auto !important;
  left: auto !important;
}

/* ── SLIDER NAV ARROWS — left & right of the swiper, vertically centred ── */
/* Matches Figma: blue circle arrows sitting at the card midpoint */

.vcc-swiper-nav {
  display: contents; /* children become direct children of .our-team-inner */
}

.vcc-swiper-prev,
.vcc-swiper-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #0446f2;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: background 0.2s, transform 0.15s;
  box-shadow: 0 4px 16px rgba(4, 70, 242, 0.3);
  flex-shrink: 0;
  line-height: 1;
}

.vcc-swiper-prev {
  left: 20px;
}

.vcc-swiper-next {
  right: 20px;
}

.vcc-swiper-prev:hover,
.vcc-swiper-next:hover {
  background: #0335c4;
  transform: translateY(-50%) scale(1.08);
}

.vcc-swiper-prev.swiper-button-disabled,
.vcc-swiper-next.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* ── BOTTOM CTA ─────────────────────────────────────────────── */

.vcc-about-page .interested-being-a {
  position: static;
  display: block;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
  color: #00051a;
  margin: 60px auto 24px;
  max-width: 540px;
  padding: 0 24px;
  text-decoration: none !important;
font-family: Inter;
font-size: 36px;
font-style: normal;
line-height: 120%; /* 43.2px */
}

.vcc-about-page .buttonwhite-about {
  display: inline-flex;
  height: 54px;
  padding: 4px 20px 4px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  color: var(--Ice-White, #FFF);
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
  border-radius: 120px;
  background: var(--Electric-Blue, #0446F2);
  margin-top: 20px;;
}

.vcc-about-page .buttonwhite-about:hover { background: var(--vc-blue); color: #fff; }

.buttonwhite-about {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}

.buttonwhite-about .arrow-right-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  flex-shrink: 0;
}

.buttonwhite-about .arrow-right-wrapper svg {
  width: 24px;
  height: 24px;
}

/* ── HIDE FOUNDERS AND TEAM MEMBERS (TEMPORARY) ────────────── */
/* Hide the entire team section heading and subtitle */
.vcc-about-page .our-team .our-team2,
.vcc-about-page .our-team .success-stories-fuel-our-innov-wrapper {
  display: none !important;
}

/* Hide the founders row */
.vcc-about-page .vcc-founders-row {
  display: none !important;
}

/* Hide the fallback founder card */
.vcc-about-page .our-team .rectangle-parent4 {
  display: none !important;
}

/* Hide the team members swiper section */
.vcc-about-page .our-team-inner,
.vcc-about-page .vcc-team-swiper,
.vcc-about-page .vcc-swiper-nav {
  display: none !important;
}

/* Hide the fallback team members message */
.vcc-about-page .our-team > p {
  display: none !important;
}

/* ── RESPONSIVE ─────────────────────────────────────────────── */

@media (max-width: 1100px) {
  .vcc-about-page .our-team {
    padding: 60px 0 0;
  }
  .vcc-about-page .hero-inner {
    padding: 100px 40px 60px;
  }
  .vcc-about-page .cards {
    padding: 60px 32px;
  }
  .vcc-about-page .frame-parent2 {
    gap: 48px;
  }
}

@media (max-width: 768px) {
  .vcc-about-page .our-team {
    padding: 48px 0 0;
  }
  .vcc-founders-row {
    flex-direction: column;
    align-items: center;
  }
  .vcc-about-page .rectangle-parent4,
  .vcc-founders-row .rectangle-parent4 {
    width: 100%;
    max-width: 100%;
    flex: 1 1 100%;
  }
  .vcc-about-page .rectangle-icon {
    width: 100%;
    height: 300px;
  }
  .vcc-about-page .our-team-inner {
    padding: 40px 0 36px;
    margin-top: 40px;
  }
  .vcc-team-swiper {
    padding: 0 56px;
  }
  .vcc-swiper-prev { left: 4px; }
  .vcc-swiper-next { right: 4px; }
  .vcc-about-page .hero-inner {
    padding: 80px 24px 48px;
  }
  .vcc-about-page .cards {
    padding: 48px 20px;
  }
  .vcc-about-page .frame-parent2 {
    flex-direction: column;
    gap: 32px;
  }
  .vcc-about-page .group-wrapper {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
  }
  .vcc-about-page .our-story-parent {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: visible;
    padding: 24px 0;
  }
  .vcc-about-page .our-story {
    font-size: clamp(28px, 7vw, 40px);
    white-space: normal;
    word-wrap: break-word;
  }
  .vcc-about-page .we-believe-middle-market {
    font-size: 15px;
    max-width: 100%;
    overflow: visible;
  }
  .vcc-about-page .group-icon {
    min-height: 280px;
  }
  .vcc-about-page .middle-inner {
    padding: 0 20px;
  }
  .vcc-about-page .frame-container {
    gap: 24px;
    margin-bottom: 40px;
  }
  .vcc-about-page .vector-icon {
    width: 60%;
    bottom: -40px;
  }
}

@media (max-width: 480px) {
  .vcc-about-page .hero {
    min-height: 360px;
  }
  .vcc-about-page .hero-inner {
    padding: 72px 16px 40px;
  }
  .vcc-about-page .led-by-practitioners {
    font-size: clamp(28px, 7vw, 40px);
  }
  .vcc-about-page .cards {
    padding: 40px 16px;
  }
  .vcc-about-page .frame-parent2 {
    gap: 24px;
  }
  .vcc-about-page .our-story {
    font-size: clamp(28px, 7vw, 40px);
  }
  .vcc-about-page .we-believe-middle-market {
    font-size: 15px;
  }
  .vcc-team-swiper {
    padding: 0 32px;
  }
}

/* ── ABOUT CTA BUTTON FIX ─────────────────────────────────────── */
body.page-template-page-about-us .vc-cta .vc-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 54px;
  padding: 8px 10px 8px 28px;
  border-radius: 120px;
  border: 1.5px solid rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(2px);
  text-decoration: none;
  margin: 0 auto;
}

body.page-template-page-about-us .vc-cta .vc-cta-btn .explore-more {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff !important;
}

body.page-template-page-about-us .vc-cta .vc-cta-btn .arrowright-wrapper {
  border-color: #ffffff;
}

body.page-template-page-about-us .vc-cta .vc-cta-btn .arrowright,
body.page-template-page-about-us .vc-cta .vc-cta-btn .vector-icon-btn {
  color: #ffffff;
  stroke: currentColor;
}

/* ── FIGMA PARITY: WHO WE ARE / OUR STORY / SUCCESS STORIES ───────────────── */
@media (min-width: 1025px) {
  .vcc-about-page .frame-group {
    padding: 84px 0 20px;
  }

  .vcc-about-page .frame-container {
    gap: 34px;
    margin-bottom: 72px;
  }

  .vcc-about-page .we-are-operators {
    font-size: clamp(44px, 4.7vw, 68px);
    line-height: 1.08;
    font-weight: 500;
    letter-spacing: -0.01em;
  }

  .vcc-about-page .valuecast-partners-was-container {
    max-width: 1032px;
    font-size: 20px;
    line-height: 1.45;
    opacity: 0.86;
  }

  .vcc-about-page .frame-icon {
    max-width: 1240px;
    aspect-ratio: 1240 / 540;
    border-radius: 20px;
  }

  .vcc-about-page .cards {
    padding: 94px 100px;
  }

  .vcc-about-page .frame-parent2 {
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 64px;
  }

  .vcc-about-page .group-wrapper,
  .vcc-about-page .our-story-parent {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .vcc-about-page .group-icon {
    min-height: 520px;
    border-radius: 18px;
  }

  .vcc-about-page .our-story {
    font-size: clamp(44px, 4.8vw, 68px);
    line-height: 1.08;
    font-weight: 500;
    letter-spacing: -0.01em;
  }

  .vcc-about-page .we-believe-middle-market {
    max-width: 620px;
    font-size: 20px;
    line-height: 1.45;
    opacity: 0.86;
  }

  .vcc-about-page .box-parent {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    width: 100%;
    height: auto;
    max-width: 1240px;
    margin: 0 auto;
  }

  .vcc-about-page .box-parent .vcc-feature-box {
    max-width: none;
  }



  .vcc-about-page .this-engine-enables {
    position: static !important;
    width: 100%;
    max-width: 1240px;
    margin: 36px auto 0;
    text-align: center;
  }

  .vcc-about-page .our-team {
    /* padding-top: 40px; */
    padding-top: 0px;
  }

  .vcc-about-page .success-stories-fuel-our-innov-wrapper {
    margin-bottom: 58px;
  }

  .vcc-about-page .success-stories-fuel {
    font-size: clamp(38px, 4.1vw, 56px);
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: -0.01em;
    max-width: 980px;
  }

  .vcc-founders-row {
    justify-content: center;
    gap: 28px;
    width: 100%;
    max-width: 1240px;
    padding: 0 24px;
  }

  .vcc-about-page .rectangle-parent4,
  .vcc-founders-row .rectangle-parent4 {
    width: calc(50% - 14px);
    flex: 0 0 calc(50% - 14px);
    max-width: 606px;
  }

  .vcc-about-page .rectangle-icon {
    width: 100%;
    height: 420px;
    border-radius: 14px;
  }

  .vcc-about-page .mr-founder-name {
    font-size: 24px;
    line-height: 1.2;
    margin-top: 8px;
  }

  .vcc-about-page .designation {
    font-size: 13px;
  }

  .vcc-about-page .founder-business {
    font-size: 14px;
    line-height: 1.65;
    max-width: 95%;
  }
}

/* Team bottom CTA Button */

.vc-btn-o:hover { background: var(--vc-blue); color: #fff; }

.vc-btn-o {
  display: inline-flex;
  height: 54px;
  padding: 4px 8px 4px 32px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  color: var(--Ice-White, #FFF);
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
  border-radius: 120px;
  background: var(--Electric-Blue, #0446F2);
}

/* Get-to-know-us centered on 1920x1080 desktop */
@media (min-width: 1900px) and (max-width: 2200px) and (min-height: 1000px) {
  .vcc-about-page .mask-group-icon {
    left: calc(50% - 515px);
  }

  .vcc-about-page .rectangle-parent3 {
    left: calc(50% + 14px);
  }

  .vcc-about-page .driving-innovation-and {
    left: calc(50% + 11px);
  }

  .vcc-about-page .get-to-know-us-child {
    left: calc(47% + 21px);
  }

  .vcc-about-page .vision,
  .vcc-about-page .to-build-the {
    left: calc(50% + 31px);
  }

  .vcc-about-page .group-div {
    left: calc(50% + 279px);
  }

  .vcc-about-page .vision-card {
    left: 920px;
    top: 333px;
  }

  /* Vision text content inside the card — reset to card-relative positioning */
  .vcc-about-page .vision-card .vision,
  .vcc-about-page .vision-card .to-build-the {
    left: 20px !important;
  }
}

.vc-btn-o:hover { background: var(--vc-blue); color: #fff; }

.vc-btn-w {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: var(--vc-blue);
  padding: 14px 32px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.15s, box-shadow 0.15s;
}

.vc-btn-w:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); color: var(--vc-blue); }

.vc-ico {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.vc-ico-b {
  display: flex;
  width: 38px;
  height: 38px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  aspect-ratio: 1/1;
  border-radius: 72px;
  border: 1.5px solid var(--Ice-White, #FFF);
}

/* ════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE — ABOUT US PAGE
   Breakpoints:
     1024px  Tablet landscape
      768px  Tablet portrait / large phone landscape
      576px  Large phone landscape / small tablet
      480px  Standard mobile portrait
      430px  iPhone 14 Plus / 15 Plus / Pro Max
      390px  iPhone 14 / 15 / 14 Pro / 15 Pro
      375px  iPhone SE 2&3, 12 mini, 13 mini
      360px  Samsung Galaxy S-series / most Android
      320px  iPhone 5 / SE 1st gen / very small screens
   ════════════════════════════════════════════════════════════════ */

/* ── TABLET LANDSCAPE (≤ 1024px) ────────────────────────────── */
@media (max-width: 1024px) {
  /* Hero */
  .vcc-about-page .hero {
    min-height: 480px;
  }
  .vcc-about-page .hero-inner {
    padding: 80px 40px 60px;
  }
  .vcc-about-page .led-by-practitioners {
    font-size: clamp(32px, 5vw, 52px);
  }

  /* Who We Are */
  .vcc-about-page .frame-group {
    padding: 64px 40px 20px;
  }
  .vcc-about-page .frame-container {
    gap: 28px;
    margin-bottom: 48px;
  }
  .vcc-about-page .we-are-operators {
    font-size: clamp(32px, 4vw, 52px);
  }

  /* Our Story */
  .vcc-about-page .cards {
    padding: 64px 40px;
  }
  .vcc-about-page .frame-parent2 {
    flex-direction: column;
    gap: 40px;
  }
  .vcc-about-page .group-wrapper,
  .vcc-about-page .our-story-parent {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .vcc-about-page .our-story {
    font-size: clamp(32px, 4vw, 52px);
  }

  /* India GCC Section */
  .vcc-about-page .middle-inner {
    padding: 48px 40px;
  }
  .vcc-about-page .our-india-based-global {
    font-size: 16px;
  }
  .vcc-about-page .vcc-feature-box {
    flex: 1 1 calc(50% - 12px);
    min-width: 200px;
  }

  /* Vision & Mission */
  .vcc-about-page .get-to-know-us {
    height: auto;
    overflow: visible;
    padding: 48px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
  }
  .vcc-about-page .mask-group-icon {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 420px;
    height: 360px;
    object-fit: cover;
    border-radius: 12px;
  }
  .vcc-about-page .rectangle-parent3 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
  }
  .vcc-about-page .driving-innovation-and {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    font-size: clamp(24px, 3.5vw, 36px);
    max-width: 100%;
    width: 100%;
  }
  .vcc-about-page .get-to-know-us-child {
    display: none !important;
  }
  /* Vision card — mirrors .group-div on mobile */
  .vcc-about-page .vision-card {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
    background: #fff !important;
  }
  .vcc-about-page .vision {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    width: auto;
    z-index: 1;
    color: #000 !important;
  }
  .vcc-about-page .to-build-the {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: block;
    font-size: 13px;
    opacity: 0.8;
    z-index: 1;
    width: 100%;
    color: #000 !important;
    padding: 0;
    background: none;
    border-radius: 0;
    margin: 0;
  }
  .vcc-about-page .group-div {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
    background: #fff !important;
  }
  .vcc-about-page .group-child {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 10px;
    background-color: #fff !important;
  }
  .vcc-about-page .mission {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    z-index: 1;
  }
  .vcc-about-page .to-empower-visionary {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: block;
    font-size: 13px;
    opacity: 0.8;
    z-index: 1;
    width: 100%;
  }

  /* Vision/Mission Card Hover States - Mobile */
  .vcc-about-page .vision-card:hover {
    background: #0446f2 !important;
  }

  .vcc-about-page .vision-card:hover .vision,
  .vcc-about-page .vision-card:hover .to-build-the {
    color: #ffffff !important;
  }

  .vcc-about-page .group-div:hover {
    background: #0446f2 !important;
  }

  .vcc-about-page .group-div:hover .mission,
  .vcc-about-page .group-div:hover .to-empower-visionary {
    color: #ffffff !important;
  }

  .vcc-about-page .group-div:hover .group-child {
    background: #0446f2 !important;
  }

  /* Team */
  .vcc-about-page .our-team {
    padding: 60px 40px 0;
  }
  .vcc-team-swiper {
    padding: 0 50px;
  }
  .vcc-swiper-prev,
  .vcc-swiper-next {
    width: 44px;
    height: 44px;
  }
}

/* ── TABLET PORTRAIT / LARGE PHONE LANDSCAPE (≤ 768px) ─────── */
@media (max-width: 768px) {
  /* Hero */
  .vcc-about-page .hero {
    min-height: 400px;
  }
  .vcc-about-page .hero-inner {
    padding: 72px 24px 48px;
  }
  .vcc-about-page .led-by-practitioners {
    font-size: clamp(28px, 7vw, 42px);
  }
  .vcc-about-page .frame-parent {
    gap: 20px;
    padding-top: 13px;
  }

  /* Who We Are */
  .vcc-about-page .frame-group {
    padding: 48px 24px 20px;
  }
  .vcc-about-page .frame-container {
    gap: 20px;
    margin-bottom: 36px;
  }
  .vcc-about-page .we-are-operators {
    font-size: clamp(26px, 6vw, 40px);
  }
  .vcc-about-page .valuecast-partners-was-container {
    font-size: 15px;
  }
  .vcc-about-page .frame-icon {
    border-radius: 16px;
    aspect-ratio: 16 / 7;
  }

  /* Our Story */
  .vcc-about-page .cards {
    padding: 48px 24px;
  }
  .vcc-about-page .frame-parent2 {
    gap: 32px;
  }
  .vcc-about-page .group-wrapper {
    min-height: 280px;
  }
  .vcc-about-page .group-icon {
    min-height: 280px;
  }
  .vcc-about-page .our-story-parent {
    padding: 24px 0;
    height: auto;
    overflow: visible;
    width: 100%;
  }
  .vcc-about-page .our-story {
    font-size: clamp(26px, 6vw, 42px);
    white-space: normal;
    word-wrap: break-word;
  }
  .vcc-about-page .we-believe-middle-market {
    font-size: 15px;
    max-width: 100%;
    overflow: visible;
  }

  /* India GCC Section */
  .vcc-about-page .middle-inner {
    padding: 40px 24px;
  }
  .vcc-about-page .frame-wrapper {
    padding: 0;
  }
  .vcc-about-page .box-parent {
    flex-direction: column;
    gap: 16px;
    width: 100%;
    height: 250px;
    overflow-y: auto;
  }
  .vcc-about-page .vcc-feature-box {
    flex: 1 1 100%;
    min-height: 180px;
    max-width: 100%;
    padding: 28px 24px;
  }
  .vcc-about-page .performance-marketing {
    font-size: 18px;
  }
  .vcc-about-page .accusamus-et-iusto {
    font-size: 14px;
  }

  /* Vision & Mission */
  .vcc-about-page .get-to-know-us {
    padding: 40px 24px;
    gap: 20px;
    align-items: center;
    text-align: center;
  }
  .vcc-about-page .mask-group-icon {
    max-width: 100%;
    width: 100% !important;
    height: 280px;
  }
  .vcc-about-page .rectangle-parent3 {
    justify-content: center;
  }
  .vcc-about-page .driving-innovation-and {
    font-size: clamp(22px, 5vw, 32px);
    text-align: center;
  }
  .vcc-about-page .vision-card {
    width: 100% !important;
    text-align: left;
  }

  /* Team */
  .vcc-about-page .our-team {
    padding: 48px 24px 0;
  }
  .vcc-about-page .success-stories-fuel-our-innov-wrapper {
    margin-bottom: 32px;
  }
  .vcc-about-page .success-stories-fuel {
    font-size: clamp(24px, 5vw, 36px);
  }
  .vcc-founders-row {
    flex-direction: column;
    align-items: center;
    gap: 28px;
  }
  .vcc-about-page .rectangle-parent4,
  .vcc-founders-row .rectangle-parent4 {
    width: 100% !important;
    flex: 1 1 100% !important;
    max-width: 360px !important;
  }
  .vcc-about-page .rectangle-icon {
    width: 100% !important;
    height: 320px;
  }
  .vcc-about-page .our-team-inner {
    padding: 48px 24px;
    margin-top: 40px;
  }
  .vcc-team-swiper {
    padding: 0 44px;
    max-width: 100%;
  }
  .vcc-team-card {
    width: 100%;
  }
  .vcc-swiper-prev {
    left: 4px;
    width: 40px;
    height: 40px;
  }
  .vcc-swiper-next {
    right: 4px;
    left: auto;
    width: 40px;
    height: 40px;
  }

  /* CTA */
  .vcc-about-page .interested-being-a {
    font-size: 26px;
    margin-bottom: 16px;
  }
  .vcc-about-page .buttonwhite-about {
    height: 50px;
    font-size: 16px;
  }
}

/* ── LARGE PHONE LANDSCAPE (≤ 576px) ───────────────────────── */
@media (max-width: 576px) {
  /* Hero */
  .vcc-about-page .hero-inner {
    padding: 64px 20px 44px;
  }
  .vcc-about-page .led-by-practitioners {
    font-size: clamp(26px, 7vw, 36px);
  }

  /* Who We Are */
  .vcc-about-page .frame-group {
    padding: 40px 20px 16px;
  }
  .vcc-about-page .we-are-operators {
    font-size: clamp(24px, 5.5vw, 36px);
  }
  .vcc-about-page .valuecast-partners-was-container {
    font-size: 14px;
  }

  /* Our Story */
  .vcc-about-page .cards {
    padding: 40px 20px;
  }
  .vcc-about-page .our-story {
    font-size: clamp(24px, 6vw, 36px);
  }
  .vcc-about-page .we-believe-middle-market {
    font-size: 14px;
  }

  /* India GCC */
  .vcc-about-page .middle-inner {
    padding: 36px 20px;
  }

  /* Vision & Mission */
  .vcc-about-page .get-to-know-us {
    padding: 36px 20px;
  }
  .vcc-about-page .mask-group-icon {
    height: 250px;
  }
  .vcc-about-page .driving-innovation-and {
    font-size: clamp(20px, 5.5vw, 28px);
  }

  /* Team */
  .vcc-about-page .our-team {
    padding: 40px 20px 0;
  }
  .vcc-about-page .our-team-inner {
    padding: 40px 20px;
  }
  .vcc-team-swiper {
    padding: 0 36px;
  }

  /* CTA */
  .vcc-about-page .interested-being-a {
    font-size: 22px;
    padding: 0 16px;
  }
}

/* ── STANDARD MOBILE PORTRAIT (≤ 480px) ─────────────────────── */
@media (max-width: 480px) {
  /* Hero */
  .vcc-about-page .hero {
    min-height: 360px;
  }
  .vcc-about-page .hero-inner {
    padding: 60px 16px 40px;
  }
  .vcc-about-page .led-by-practitioners {
    font-size: clamp(24px, 7.5vw, 34px);
  }
  .vcc-about-page .frame-parent {
    gap: 16px;
  }
  .vcc-about-page .vector-icon {
    width: min(280px, 60vw);
    height: auto;
  }

  /* Who We Are */
  .vcc-about-page .frame-group {
    padding: 32px 16px 12px;
  }
  .vcc-about-page .frame-container {
    gap: 16px;
    margin-bottom: 28px;
    padding: 0 4px;
  }
  .vcc-about-page .we-are-operators {
    font-size: clamp(22px, 6vw, 32px);
  }
  .vcc-about-page .valuecast-partners-was-container {
    font-size: 13px;
    line-height: 1.55;
  }
  .vcc-about-page .frame-icon {
    border-radius: 12px;
    aspect-ratio: 16 / 8;
  }

  /* Our Story */
  .vcc-about-page .cards {
    padding: 36px 16px;
  }
  .vcc-about-page .frame-parent2 {
    gap: 24px;
  }
  .vcc-about-page .group-wrapper {
    min-height: 240px;
  }
  .vcc-about-page .group-icon {
    min-height: 240px;
  }
  .vcc-about-page .our-story-parent {
    padding: 20px 0;
    height: auto;
    overflow: visible;
    width: 100%;
  }
  .vcc-about-page .our-story {
    font-size: clamp(22px, 6.5vw, 32px);
    white-space: normal;
    word-wrap: break-word;
  }
  .vcc-about-page .we-believe-middle-market {
    font-size: 13px;
    line-height: 1.55;
    max-width: 100%;
    overflow: visible;
  }

  /* India GCC */
  .vcc-about-page .middle-inner {
    padding: 32px 16px;
  }
  .vcc-about-page .box-parent {
    gap: 12px;
    width: 100%;
    height: 250px;
    overflow-y: auto;
  }
  .vcc-about-page .vcc-feature-box {
    padding: 24px 20px;
    min-height: 160px;
  }
  .vcc-about-page .performance-media-icon {
    width: 36px;
    height: 36px;
    margin-bottom: 12px;
  }
  .vcc-about-page .performance-marketing {
    font-size: 17px;
    margin-bottom: 8px;
  }
  .vcc-about-page .accusamus-et-iusto {
    font-size: 13px;
  }

  /* Vision & Mission */
  .vcc-about-page .get-to-know-us {
    padding: 32px 16px;
    gap: 16px;
  }
  .vcc-about-page .mask-group-icon {
    height: 230px;
    border-radius: 10px;
  }
  .vcc-about-page .driving-innovation-and {
    font-size: clamp(18px, 5.5vw, 26px);
  }
  .vcc-about-page .vision-card {
    padding: 16px;
  }
  .vcc-about-page .vision {
    font-size: 17px;
  }
  .vcc-about-page .to-build-the {
    font-size: 12px;
  }
  .vcc-about-page .group-div {
    padding: 16px;
  }
  .vcc-about-page .mission {
    font-size: 17px;
  }
  .vcc-about-page .to-empower-visionary {
    font-size: 12px;
  }

  /* Team */
  .vcc-about-page .our-team {
    padding: 24px 16px 0;
  }
  .vcc-about-page .success-stories-fuel {
    font-size: clamp(20px, 5.5vw, 28px);
  }
  .vcc-founders-row {
    gap: 20px;
  }
  .vcc-about-page .rectangle-parent4,
  .vcc-founders-row .rectangle-parent4 {
    max-width: 300px !important;
  }
  .vcc-about-page .rectangle-icon {
    height: 300px;
  }
  .vcc-about-page .mr-founder-name {
    font-size: 18px;
  }
  .vcc-about-page .our-team-inner {
    padding: 36px 16px;
  }
  .vcc-team-swiper {
    padding: 0 32px;
  }
  .vcc-swiper-prev,
  .vcc-swiper-next {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }

  /* CTA */
  .vcc-about-page .interested-being-a {
    font-size: 20px;
    line-height: 1.2;
    margin: 40px auto 16px;
    padding: 0 16px;
  }
  .vcc-about-page .buttonwhite-about {
    height: 48px;
    font-size: 15px;
    padding: 4px 16px 4px 16px;
  }
}

/* ── iPHONE 14 PLUS / 15 PLUS / PRO MAX (≤ 430px) ─────────── */
@media (max-width: 430px) {
  .vcc-about-page .hero-inner {
    padding: 80px 16px 40px;
  }
  .vcc-about-page .led-by-practitioners {
    font-size: clamp(22px, 7vw, 30px);
  }
  .vcc-about-page .we-are-operators {
    font-size: clamp(20px, 5.5vw, 28px);
  }
  .vcc-about-page .our-story {
    font-size: clamp(20px, 6vw, 28px);
  }
  .vcc-about-page .mask-group-icon {
    height: 210px;
  }
  .vcc-about-page .driving-innovation-and {
    font-size: clamp(18px, 5vw, 24px);
  }
  .vcc-about-page .vcc-feature-box {
    padding: 20px 16px;
    min-height: 150px;
  }
  .vcc-about-page .performance-marketing {
    font-size: 16px;
  }
  .vcc-about-page .interested-being-a {
    font-size: 19px;
  }
}

/* ── iPHONE 14 / 15 / 14 PRO / 15 PRO (≤ 390px) ───────────── */
@media (max-width: 390px) {
  .vcc-about-page .hero {
    min-height: 340px;
  }
  .vcc-about-page .hero-inner {
    padding: 52px 14px 36px;
  }
  .vcc-about-page .led-by-practitioners {
    font-size: clamp(20px, 7.5vw, 28px);
  }
  .vcc-about-page .frame-group {
    padding: 28px 14px 12px;
  }
  .vcc-about-page .we-are-operators {
    font-size: clamp(20px, 6vw, 26px);
  }
  .vcc-about-page .valuecast-partners-was-container {
    font-size: 12px;
  }
  .vcc-about-page .cards {
    padding: 28px 14px;
  }
  .vcc-about-page .our-story {
    font-size: clamp(20px, 6.5vw, 26px);
  }
  .vcc-about-page .we-believe-middle-market {
    font-size: 12px;
  }
  .vcc-about-page .middle-inner {
    padding: 28px 14px;
  }
  .vcc-about-page .get-to-know-us {
    padding: 28px 14px;
    gap: 14px;
  }
  .vcc-about-page .mask-group-icon {
    height: 195px;
  }
  .vcc-about-page .driving-innovation-and {
    font-size: clamp(17px, 5.5vw, 22px);
  }
  .vcc-about-page .vision,
  .vcc-about-page .mission {
    font-size: 15px;
  }
  .vcc-about-page .to-build-the,
  .vcc-about-page .to-empower-visionary {
    font-size: 11px;
  }
  .vcc-about-page .our-team {
    padding: 28px 14px 0;
  }
  .vcc-about-page .success-stories-fuel {
    font-size: clamp(18px, 6vw, 24px);
  }
  .vcc-about-page .rectangle-parent4,
  .vcc-founders-row .rectangle-parent4 {
    max-width: 100% !important;
  }
  .vcc-about-page .rectangle-icon {
    height: 260px;
  }
  .vcc-about-page .our-team-inner {
    padding: 28px 14px;
  }
  .vcc-team-swiper {
    padding: 0 28px;
  }
  .vcc-swiper-prev,
  .vcc-swiper-next {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
  .vcc-about-page .interested-being-a {
    font-size: 18px;
    padding: 0 12px;
  }
  .vcc-about-page .buttonwhite-about {
    height: 44px;
    font-size: 14px;
    padding: 4px 14px;
  }
}

/* ── iPHONE SE 2/3 / 12 MINI / COMMON SMALL (≤ 375px) ──────── */
@media (max-width: 375px) {
  .vcc-about-page .hero {
    min-height: 320px;
  }
  .vcc-about-page .hero-inner {
    padding: 48px 12px 32px;
  }
  .vcc-about-page .led-by-practitioners {
    font-size: clamp(19px, 7.5vw, 26px);
  }
  .vcc-about-page .frame-group {
    padding: 24px 12px 10px;
  }
  .vcc-about-page .frame-container {
    gap: 12px;
    margin-bottom: 24px;
  }
  .vcc-about-page .we-are-operators {
    font-size: clamp(18px, 6vw, 24px);
  }
  .vcc-about-page .cards {
    padding: 24px 12px;
  }
  .vcc-about-page .frame-parent2 {
    gap: 20px;
  }
  .vcc-about-page .group-icon {
    min-height: 200px;
  }
  .vcc-about-page .our-story {
    font-size: clamp(18px, 6.5vw, 24px);
  }
  .vcc-about-page .middle-inner {
    padding: 24px 12px;
  }
  .vcc-about-page .vcc-feature-box {
    padding: 18px 14px;
    min-height: 130px;
  }
  .vcc-about-page .performance-marketing {
    font-size: 15px;
  }
  .vcc-about-page .accusamus-et-iusto {
    font-size: 12px;
  }
  .vcc-about-page .get-to-know-us {
    padding: 24px 12px;
    gap: 12px;
  }
  .vcc-about-page .mask-group-icon {
    height: 180px;
  }
  .vcc-about-page .driving-innovation-and {
    font-size: clamp(16px, 5vw, 20px);
  }
  .vcc-about-page .vision-card {
    padding: 14px;
  }
  .vcc-about-page .vision {
    font-size: 14px;
  }
  .vcc-about-page .to-build-the {
    font-size: 11px;
  }
  .vcc-about-page .group-div {
    padding: 14px;
  }
  .vcc-about-page .mission {
    font-size: 14px;
    margin-bottom: 6px;
  }
  .vcc-about-page .to-empower-visionary {
    font-size: 11px;
  }
  .vcc-about-page .our-team {
    padding: 24px 12px 0;
  }
  .vcc-about-page .success-stories-fuel {
    font-size: clamp(16px, 5.5vw, 22px);
  }
  .vcc-about-page .rectangle-icon {
    height: 240px;
  }
  .vcc-about-page .mr-founder-name {
    font-size: 16px;
  }
  .vcc-about-page .our-team-inner {
    padding: 24px 12px;
  }
  .vcc-team-swiper {
    padding: 0 24px;
  }
  .vcc-about-page .interested-being-a {
    font-size: 17px;
    margin: 32px auto 14px;
  }
  .vcc-about-page .buttonwhite-about {
    height: 42px;
    font-size: 13px;
    padding: 4px 12px;
  }
}

/* ── SAMSUNG GALAXY / COMMON ANDROID (≤ 360px) ─────────────── */
@media (max-width: 360px) {
  .vcc-about-page .hero-inner {
    padding: 44px 12px 28px;
  }
  .vcc-about-page .led-by-practitioners {
    font-size: clamp(18px, 7vw, 24px);
  }
  .vcc-about-page .we-are-operators {
    font-size: clamp(16px, 6vw, 22px);
  }
  .vcc-about-page .our-story {
    font-size: clamp(16px, 6.5vw, 22px);
  }
  .vcc-about-page .vcc-feature-box {
    padding: 16px 12px;
    min-height: 120px;
  }
  .vcc-about-page .performance-marketing {
    font-size: 14px;
  }
  .vcc-about-page .mask-group-icon {
    height: 165px;
  }
  .vcc-about-page .driving-innovation-and {
    font-size: clamp(15px, 5vw, 18px);
  }
  .vcc-about-page .success-stories-fuel {
    font-size: clamp(15px, 5.5vw, 20px);
  }
  .vcc-about-page .interested-being-a {
    font-size: 16px;
    margin: 28px auto 12px;
  }
  .vcc-about-page .buttonwhite-about {
    height: 40px;
    font-size: 12px;
    padding: 4px 10px;
  }
}

/* ── iPHONE 5 / SE 1ST GEN / VERY SMALL (≤ 320px) ──────────── */
@media (max-width: 320px) {
  .vcc-about-page .hero {
    min-height: 300px;
  }
  .vcc-about-page .hero-inner {
    padding: 44px 10px 24px;
  }
  .vcc-about-page .led-by-practitioners {
    font-size: clamp(16px, 7.5vw, 22px);
    line-height: 1.15;
  }
  .vcc-about-page .rectangle-group {
    gap: 6px;
  }
  .vcc-about-page .our-philosophy {
    font-size: 10px;
  }
  .vcc-about-page .frame-group {
    padding: 20px 10px 8px;
  }
  .vcc-about-page .we-are-operators {
    font-size: clamp(15px, 6vw, 20px);
    line-height: 1.15;
  }
  .vcc-about-page .valuecast-partners-was-container {
    font-size: 11px;
  }
  .vcc-about-page .cards {
    padding: 20px 10px;
  }
  .vcc-about-page .group-icon {
    min-height: 180px;
  }
  .vcc-about-page .our-story {
    font-size: clamp(15px, 6.5vw, 20px);
    line-height: 1.15;
  }
  .vcc-about-page .we-believe-middle-market {
    font-size: 11px;
  }
  .vcc-about-page .middle-inner {
    padding: 20px 10px;
  }
  .vcc-about-page .vcc-feature-box {
    padding: 14px 10px;
    min-height: 110px;
    border-radius: 8px;
  }
  .vcc-about-page .performance-media-icon {
    width: 30px;
    height: 30px;
    margin-bottom: 8px;
  }
  .vcc-about-page .performance-marketing {
    font-size: 13px;
    margin-bottom: 6px;
  }
  .vcc-about-page .accusamus-et-iusto {
    font-size: 11px;
  }
  .vcc-about-page .get-to-know-us {
    padding: 20px 10px;
    gap: 10px;
  }
  .vcc-about-page .mask-group-icon {
    height: 150px;
  }
  .vcc-about-page .driving-innovation-and {
    font-size: clamp(14px, 5vw, 17px);
  }
  .vcc-about-page .vision,
  .vcc-about-page .mission {
    font-size: 13px;
  }
  .vcc-about-page .to-build-the,
  .vcc-about-page .to-empower-visionary {
    font-size: 10px;
  }
  .vcc-about-page .our-team {
    padding: 20px 10px 0;
  }
  .vcc-about-page .success-stories-fuel {
    font-size: clamp(14px, 5.5vw, 18px);
  }
  .vcc-about-page .rectangle-icon {
    height: 200px;
  }
  .vcc-about-page .mr-founder-name {
    font-size: 14px;
  }
  .vcc-about-page .designation {
    font-size: 10px;
  }
  .vcc-about-page .our-team-inner {
    padding: 20px 10px;
  }
  .vcc-team-swiper {
    padding: 0 20px;
  }
  .vcc-swiper-prev,
  .vcc-swiper-next {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }
  .vcc-about-page .interested-being-a {
    font-size: 15px;
    margin: 24px auto 10px;
    padding: 0 8px;
  }
  .vcc-about-page .buttonwhite-about {
    height: 38px;
    font-size: 11px;
    padding: 4px 8px;
    gap: 8px;
  }
  .buttonwhite-about .arrow-right-wrapper {
    width: 28px;
    height: 28px;
  }
}

/* iPad Pro portrait: keep Vision/Mission section balanced */
@media (min-width: 769px) and (max-width: 1024px) and (min-height: 1100px) {
  .vcc-about-page .get-to-know-us {
    display: grid;
    grid-template-columns: minmax(340px, 42%) minmax(0, 1fr);
    grid-template-areas:
      "image label"
      "image title"
      "image vision"
      "image mission";
    align-items: center;
    gap: 16px 32px;
    height: auto;
    min-height: 560px;
    padding: 64px 56px;
    overflow: visible;
    box-sizing: border-box;
  }

  .vcc-about-page .mask-group-icon {
    grid-area: image;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: none;
    height: 390px;
    object-fit: cover;
    border-radius: 14px;
    align-self: center;
  }

  .vcc-about-page .rectangle-parent3 {
    grid-area: label;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
    justify-content: flex-start;
    align-self: end;
  }

  .vcc-about-page .driving-innovation-and {
    grid-area: title;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
    max-width: 520px;
    font-size: clamp(30px, 3.8vw, 40px);
    line-height: 1.14;
    text-align: left;
    align-self: start;
  }

  .vcc-about-page .vision-card {
    grid-area: vision;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 128px;
    padding: 22px 24px;
    box-sizing: border-box;
  }

  .vcc-about-page .group-div {
    grid-area: mission;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 128px;
    padding: 22px 24px;
    box-sizing: border-box;
    background: #fff !important;
  }

  .vcc-about-page .vision,
  .vcc-about-page .mission,
  .vcc-about-page .to-build-the,
  .vcc-about-page .to-empower-visionary {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
    display: block;
  }

  .vcc-about-page .vision,
  .vcc-about-page .mission {
    margin-bottom: 8px;
    font-size: 18px;
  }

  .vcc-about-page .to-build-the,
  .vcc-about-page .to-empower-visionary {
    font-size: 13px;
    line-height: 1.45;
  }
}

/* iPad Air portrait: tighter Vision/Mission + CTA alignment */
@media (min-width: 800px) and (max-width: 850px) and (min-height: 1120px) and (max-height: 1220px) {
  .vcc-about-page .get-to-know-us {
    grid-template-columns: minmax(285px, 44%) minmax(0, 1fr);
    gap: 10px 24px;
    min-height: 470px;
    padding: 44px 36px;
  }

  .vcc-about-page .mask-group-icon {
    height: 300px;
    border-radius: 12px;
  }

  .vcc-about-page .rectangle-parent3 {
    align-self: end;
  }

  .vcc-about-page .driving-innovation-and {
    max-width: 360px;
    font-size: clamp(22px, 3.4vw, 28px);
    line-height: 1.12;
  }

  .vcc-about-page .vision-card,
  .vcc-about-page .group-div {
    min-height: 96px;
    padding: 14px 16px;
    border-radius: 8px;
  }

  .vcc-about-page .vision,
  .vcc-about-page .mission {
    font-size: 15px;
    margin-bottom: 5px;
  }

  .vcc-about-page .to-build-the,
  .vcc-about-page .to-empower-visionary {
    font-size: 11px;
    line-height: 1.35;
  }

  body.page-template-page-about-us .vc-cta {
    padding: 72px 32px;
    min-height: 300px;
  }

  body.page-template-page-about-us .vc-cta-inner {
    max-width: 540px;
    gap: 18px;
  }

  body.page-template-page-about-us .vc-cta h2 {
    font-size: clamp(30px, 4.4vw, 38px);
    line-height: 1.12;
    margin: 0;
  }

  body.page-template-page-about-us .vc-cta .vc-cta-btn {
    min-height: 46px;
    padding: 6px 8px 6px 22px;
    gap: 12px;
  }

  body.page-template-page-about-us .vc-cta .vc-cta-btn .explore-more {
    font-size: 13px;
    white-space: nowrap;
  }

  body.page-template-page-about-us .vc-cta .vc-cta-btn .arrowright-wrapper {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    padding: 7px;
  }

  body.page-template-page-about-us .vc-cta .vector-icon.top-right,
  body.page-template-page-about-us .vc-cta .vector-icon.bottom-left {
    height: 76px;
  }
}