:root {
  /* --primary: #1c2a40; */
  --secondary: #2f435a;

  --primary-light: #f3f5f7;
  --primary-light-2: #e6e9ee;
  --primary-light-3: #edf1f6;
  --primary-dark: #16202f;

  --white: #fff;
  --black: #1a1a1a;

  --background-color: #504e4e;
  --bg-bright: #f8f8f8;
  --bg-dark: #2f435a;

  --font-main: "NeueMontreal", sans-serif;

  --line-height: 1.7;
  /* New Changes  */
  --primary: #0a3161;
  --us-primary: #0a3161;
  --us-app-red: #b31942;
  --light-us-red: #ff7985;
  --dark-blue: #040710;
  --bold-weight: 500;
  --nav-height: 70px;
  --font-sub: clamp(24px, 3vw, 34px);
}

@font-face {
  font-family: "NeueMontreal";
  src: url("../webfonts/NeueMontreal-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "NeueMontreal";
  src: url("../webfonts/NeueMontreal-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0%;
  letter-spacing: 1.1px;
}
/* global */
header {
  position: fixed;
  top: 0px;
  z-index: 9999;
  width: 100vw;
  height: var(--nav-height);
}
	
.grecaptcha-badge { visibility: hidden; }
.page-template-template-joinUs .grecaptcha-badge, .single-job .grecaptcha-badge,.page-template-template-contactUs .grecaptcha-badge { visibility: visible; }

body {
  font-family: var(--font-main);
}
main {
  padding-top: 77px;
}

main.home,
main.it-staffing {
  padding-top: 51px;
}

[data-animate] {
  opacity: 0;
}
p {
  margin-bottom: 0px;
}
/* .animate__animated {
  opacity: 1 !important;
} */

.section-block {
  margin: 0px 80px;
}

.bright-bg {
  background-color: var(--bg-bright);
}

.dark-bg {
  background-color: var(--bg-dark);
}

.dark-bg h1,
.dark-bg h2,
.dark-bg p {
  color: var(--white);
}
/* End Global */

/* nav */
.nav-link {
  font-weight: 500;
  font-size: clamp(12px, 1.1vw, 16px);
  color: var(--black);
}

.nav-link:hover,
.nav-link.active {
  color: var(--primary) !important;
}
.navbar.glassNav {
  background-color: color-mix(
    in srgb,
    var(--white) 80%,
    transparent
  ) !important;
  backdrop-filter: blur(8px);
}
.navbar .join-us-button {
  font-size: clamp(12px, 1vw, 16px);
}

.nav-pill {
  transition: all 0.3s ease;
}

.nav-pill.nav-scrolled {
  box-shadow: none !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  gap: 1.5rem !important;
}

.mega-menu-full {
  width: 100vw !important;
  /* left: 43% !important; */
  /* transform: translateX(-69%) !important; */
  border-radius: 0;
  border: none;
  top: 100%;
  background: var(--white);
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.15);

  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
  /* transform-origin: top; */
  opacity: 0;
  /* transform: translateY(-315px); */
  /* pointer-events: none; */
}
.mega-menu-full {
  opacity: 0;
}
.mega-menu-full.show {
  opacity: 1;
  /* transform: translateY(0); */
}
/* .mega-dropdown-full .dropdown-menu.show,
.mega-dropdown:hover .dropdown-menu {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
} */

/* .dropdown {
  position: static !important;
}

.dropdown-menu {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  margin-top: 0px !important;
  width: 100% !important;
} */
.dropdown-menu h4 {
  display: inline-block;
  /* width: 120px; */
  white-space: normal;
}
/* Submenus */
.dropdown-menu .submenu-title {
  font-size: 1.3rem;
}
.mega-submenu li {
  margin-bottom: 10px;
}
.mega-submenu li {
  opacity: 0;
}

.mega-dropdown:hover .mega-submenu li {
  opacity: 1;
}
.mega-submenu li:nth-child(1) {
  animation-delay: 0.1s;
}

.mega-submenu li:nth-child(2) {
  animation-delay: 0.2s;
}

.mega-submenu li:nth-child(3) {
  animation-delay: 0.3s;
}

.mega-submenu li:nth-child(4) {
  animation-delay: 0.4s;
}

.mega-submenu li:nth-child(5) {
  animation-delay: 0.5s;
}

.mega-submenu a {
  text-decoration: none;
  font-size: 16px;
  color: #333;
}

.mega-submenu a:hover {
  color: var(--primary);
}

/* Enable hover open */
.mega-dropdown:hover .dropdown-menu {
  display: block;
}

.menu-image-block {
  position: relative;
  height: 140px;
  background-image: url("../images/menu-bg-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  clip-path: polygon(0 0, calc(100% - 60px) 0, 100% 60px, 100% 100%, 0 100%);
}
.menu-image-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  clip-path: polygon(0 0, calc(100% - 60px) 0, 100% 60px, 100% 100%, 0 100%);
}
.border-left {
  border-left: solid 1px;
}

.menu-image-block .menu-text {
  position: absolute;
  z-index: 2;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  bottom: 45px;
  left: 20px;
}
/* End Nav */

/* Footer */
footer {
  background: #1a1f29;
  color: #ffffff;
  font-size: 12px;
  z-index: 1;
}
footer.fullpage {
  position: fixed;
  bottom: 0px;
  width: 100vw;
}

.org-address {
  opacity: 0.8;
  padding-inline: 11px;
}

.footer-menus,
.social-icon {
  list-style: none;
  padding: 0;
  line-height: 1.9;
}

.footer-menus a,
.social-icon a {
  text-decoration: none;
  color: #ffffff;
  opacity: 0.8;
}
.social-menus h6 {
  text-align: right;
}
.social-menus .footer-menus a {
  font-size: 24px;
}

.right-reserved {
  background: #000000;
  color: #ffffff;
  font-size: 12px;
}
.social-icon .fa-brands {
  font-size: 30px;
}
/* End Footer */

.btn-primary {
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);

  --bs-btn-hover-bg: #162233;
  --bs-btn-hover-border-color: #121b29;

  --bs-btn-active-bg: #121b29;
  --bs-btn-active-border-color: #0c141f;

  --bs-btn-color: var(--white);
  --bs-btn-hover-color: var(--white);

  transition: all 0.3s ease;
}

/* Animated fill button */

.home-page-1 button.btn-primary {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: var(--primary);
  border: none;
  color: #fff;
}

.home-page-1 button.btn-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 0;
  height: 100%;
  z-index: -1;
  background-color: var(--secondary);
  transition: width 0.35s ease-in-out;
}

.home-page-1 button.btn-primary:hover::before {
  width: 100%;
}

.home-page-1 button.btn-primary:hover i,
.home-page-1 button.btn-primary:focus i {
  animation: shakeIcon 0.8s ease 1;
}

.home-section-subHeader {
  color: var(--primary);
  font-size: clamp(32px, 4vw, 96px);
  font-weight: bold;
}
.home-section-subHeader1 {
  text-align: center;
  color: var(--primary);
  font-weight: bold;
  font-size: clamp(16px, 5vw, 36px);
}
.home-section-description,
.home-section-description1 {
  color: var(--secondary);
  font-weight: 400;
}
.home-section-description {
  font-size: clamp(15px, 2vw, 22px);
}

.home-section-description1 {
  font-size: clamp(14px, 1.8vw, 18px);
  text-align: center;
}
#fp-nav ul li {
  margin: 30px 10px;
}
#fp-nav ul li span:nth-child(2) {
  height: 3px;
  width: 20px;
  border-radius: 0px;
}
#fp-nav ul li a.active span {
  height: 6px;
  width: 60px;
  border-radius: 0px;
  margin-top: -15px;
  margin-left: -2px;
}
#fp-nav ul li .fp-tooltip.fp-left {
  left: 5px;
}
#fp-nav ul li:hover a span,
#fp-nav ul li:hover a.active span {
  height: 6px;
  width: 60px;
  border-radius: 0px;
  margin-top: -15px;
  margin-left: -2px;
}

#fp-nav ul li:nth-child(odd) .fp-tooltip {
  color: var(--primary);
}
#fp-nav ul li:nth-child(even) a.active span {
  background: var(--white);
}

.text-content {
  z-index: 1;
}
.text-justify {
  text-align: justify;
}
.home-page-1 .top-img {
  width: 350px;
  height: 450px;

  background-image: url("../images/img-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  border-radius: 10px 10px 133px 10px;
  /* animation: smoothMove 4s cubic-bezier(0.4, 0, 0.2, 1) infinite; */
}
.home-page-1 .circle-img {
  width: 250px;
  height: 250px;

  background-image: url("../images/img-5.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  border-radius: 50%;
  /* animation: smoothMove 4s cubic-bezier(0.4, 0, 0.2, 1) infinite; */
}

.home-page-1 .bottom-img {
  width: 550px;
  height: 300px;
  background-image: url("../images/img-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  border-radius: 10px 133px 10px 10px;
  /* animation: smoothMove 4s cubic-bezier(0.4, 0, 0.2, 1) infinite; */
}
.home-page-1 .bottom-img-icon {
  position: absolute;
  bottom: 85px;
  right: 75px;

  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--primary);
}
.home-page-1 .bottom-img-icon i {
  position: absolute;
  bottom: 12px;
  right: 8px;
  font-size: 28px;
  color: var(--white);
  animation: breathe 0.8s ease-in-out infinite;
}

.home-page-2 {
  background-image: url("../images/bg-1.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.home-page-4 {
  background-image: url("../images/bg-2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

.card-title {
  font-size: 22px;
}
.card-text {
  font-size: 13px;
}
.home-card {
  width: 20rem;
  padding: 0px;
  border: 0px;

  box-shadow: 10px 20px 0px var(--primary);
}

.why-us-card ul li:not(:last-child) {
  margin-bottom: 10px;
}
.card-img-wrapper {
  position: relative;
}
.home-card .card-icon {
  width: 60px;
  height: 60px;
  background: var(--white);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;

  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.home-card .card-icon img {
  width: 28px;
  height: 28px;
}
.home-card .card-title,
.why-us-card .card-title {
  text-align: center;
  color: var(--primary);
}
.why-us-card .card-title {
  font-weight: 400;
}
.home-card .card-text {
  color: var(--black);
  text-align: justify;
}
.why-us-card .card-text {
  background-color: var(--background-color);
  padding: 10px;
  border-radius: 10px 5px 10px 5px;
}
.home-card .card-icon {
  font-size: 30px;
  color: var(--primary);
}
.home-card .card-know-more {
  cursor: pointer;
  color: var(--primary);
  font-size: 30px;
  transform: rotate(45deg);
}
.home-card .card-know-more:hover {
  transition: transform 0.3s ease;
  transform: rotate(90deg);
}

.client-slider {
  width: 100%;
  overflow: hidden;
  /* background: var(--bg-bright); */
  padding: 20px 0;
}
.home-client-slider {
  width: 100%;
  overflow: hidden;
}
.client-track {
  display: flex;
  gap: 50px;
  animation: scroll 25s linear infinite;
}

.client-track img {
  height: 35px;
  opacity: 0.9;
  object-fit: contain;
  transition: 0.3s ease;
}
.client-track img.abbiveLogo {
  height: 25px;
}
.client-track img.boa-logo {
  width: 150px;
}
.client-track img:hover {
  opacity: 1;
  transform: scale(1.1);
}

/* @keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
} */
@keyframes shakeIcon {
  0% {
    transform: translateY(-5px);
  }
  25% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(-30deg);
  }
  75% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes breathe {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.12);
    opacity: 0.92;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.info-section {
  position: relative;
  padding: 0px 0 20px;
  /* overflow: hidden; */
  background: var(--bg-bright);
  z-index: 1;
}
.bg-shape-block {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
.talent-bg-shape {
  position: absolute;
  width: 230vw;
  height: 200vw;
  background: radial-gradient(
    circle,
    var(--primary-light) 0%,
    var(--primary-light-2) 50%,
    var(--primary-light-3) 100%
  );
  border-radius: 50%;
  top: 300px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  z-index: -1;
}
.talent-header {
  font-size: 20px;
  line-height: var(--line-height);
  color: var(--black);
  min-height: 150px;
}
.talent-content {
  height: 100vh;
}
.talent-content:first-child {
  margin-top: 200px;
}
.talent-content .key {
  font-weight: bold;
  color: var(--primary);
}
.talent-content .text-block {
  margin-top: 40px;
}
.talent-content h2 {
  font-weight: bold;
  color: var(--primary);
  padding-bottom: 5px;
}
.talent-content p {
  font-size: 18px;
  line-height: var(--line-height);
  font-weight: 400;
  padding-bottom: 5px;
}
.talent-content .text-block ul li {
  font-size: 18px;
  line-height: var(--line-height);
}

.highlight {
  color: var(--us-app-red);
  font-weight: bold;
}

.timeline-wrapper {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-bottom: 200px; /* space before footer */
}
.timeline-scroll {
  padding-top: 100px;
  display: flex;
  align-items: flex-start;
}

.side-image {
  position: sticky;
  display: inline-block;
  top: 120px;
  height: fit-content;
}

.side-image svg {
  position: absolute;
  top: 25%;
  left: -10%;
}

.side-image img {
  position: relative;
  top: 200px;
  right: 130px;
  width: 500px;
  height: 400px;
  object-fit: contain;
  border-radius: 10px;
  transition: opacity 0.6s ease-in-out;
  z-index: 1;
  opacity: 1;
}
#sectionImage {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
}

#sectionImage.fade-out {
  opacity: 0;
}

.running-points {
  overflow: hidden;
  background: var(--primary);
  padding: 20px 0;
  position: fixed;
  bottom: 20px;
  right: 1px;
  /* transform: rotate(360deg); */
  z-index: -1;
}
.running-wrapper {
  width: 110%;
  display: flex;
}
.running-track {
  display: flex;
  white-space: nowrap;
  animation: scroll 20s linear infinite;
}
.track {
  display: flex;
  gap: 50px;
}
.track span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  color: var(--white);
  font-size: 22px;
}

.fp-watermark {
  display: none;
}

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

@keyframes smoothMove {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(10px);
  } /* subtle motion */
  100% {
    transform: translateX(0);
  }
}

/* New changes 12-12-2025 */
#app-logo {
  width: 240px;
}
.btn-primary {
  --primary: var(--us-app-red);
}
.banner-text {
  color: #fff;
}
.app-section {
  min-height: calc(85dvh - var(--nav-height));
  transition: background-color 0.8s ease-in;
  position: relative;
  overflow: hidden; /* required so pseudo element doesn't leak out */
  z-index: 1;
}
.ai-cloud-it-solutions .app-section,
.contract-hiring .app-section,
.devops-services .app-section,
.it-staffing .app-section {
  min-height: unset;
}
.it-staffing .app-section:first-child {
  height: 70vh;
}
.appHomeSection {
  transition: background-color 0.8s ease-in;
  position: relative;
  overflow: hidden; /* required so pseudo element doesn't leak out */
  z-index: 1;
}
.app-section.no-min-height,
.appHomeSection.no-min-height {
  min-height: 0px;
}
.stickySection {
  overflow: visible;
  z-index: 0;
}
.sectionheight {
  height: calc(120dvh - var(--nav-height));
}
.hero-section {
  height: 90dvh;
}

.info-strip {
  height: 15dvh;
  color: var(--white);
}
.info-strip.stats {
  height: 35dvh;
}
.hero-content {
  padding-top: 10rem;
}
.it-staffing .hero-content,.healthCare-staffing .hero-content {
  padding-top: 0px;
}
.hero-content1 {
  padding-top: 2rem;
}
.hero-title {
  font-weight: 600;
  font-size: 2.5rem;
  color: var(--primary);
  letter-spacing: 1px;
  line-height: 1.2;
  margin: 0;
}
/* .ai-cloud-it-solutions .hero-title {
  color: var(--white);
} */
.hero-title-img{
    width: 260px;
    height: 50px;
}
.hero-title-img.us-logo{
  width: 270px;
  height: 70px;
}
.hero-desc {
  font-size: 1.2rem;
}
.color-white {
  color: var(--white);
}
.home-hero-text {
  max-width: 500px;
  font-size: 1.6rem;
  text-align: justify;
}
.home-hero-text .us-red{
  font-weight: 600;
}
.hero-tag {
  background-color: var(--us-app-red);
  width: fit-content;
  border-radius: 20px;
  color: white;
  padding-inline: 15px;
  padding-block: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
}
.dot {
  width: 5px;
  display: block;
  height: 5px;
  background: #fff;
  border-radius: 100%;
}
.bg-circle {
  position: relative;
}
.bg-circle::before {
  content: "";
  background: var(--primary);
  position: absolute;
  height: 550px;
  width: 550px;
  z-index: -1;
  border-radius: 100%;
  display: flex;
  opacity: 0.3;
  right: 0px;
}
.us-red {
  color: var(--us-app-red);
}

.us-white {
  color: var(--white);
}

.us-red-text {
  color: var(--us-app-red);
  /* color: var(--white);*/
}

.usBlueBG {
  background-color: var(--us-primary);
  color: var(--white);
}
.appBlackBg {
  color: var(--white);
  background-color: var(--primary);
}

.appBlackBg.whiteOut {
  background-color: var(--white);
}
.appBlackBg.alternate-white-bg {
  background-color: var(--white);
  color: var(----black);
}
.appBlackBg.gray{
  background: #eee;
  color: #000;
}

.appBlackBg.alternate-light {
  background-color: var(--primary-light-3);
  color: var(--black);
}

.appBlackBg.alternate-white-bg h2,
.appBlackBg.alternate-light h2 {
  color: var(--primary);
}
/* CARDS */
.infoCards {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  border-radius: 24px;
  line-height: 1.6;
  transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}

.it_Cards {
  width: 29%;
  margin-top: 50px;
  line-height: 1.6;
}
.it_Cards .info-img {
  border-radius: 100%;
  display: flex;
  justify-content: center;
}
.it_Cards img {
  border-radius: 100%;
  width: 200px;
  height: 200px;
  object-fit: cover;
}
.it_Cards h5 {
  margin-top: 10px;
  text-align: center;
}
.it_Cards ul li {
  font-size: 14px;
  opacity: 0.6 !important;
}
.infoHomeCards {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 320px;
  border-radius: 24px; */
  width: 350px;
  border-radius: 12px;
  background: none;
  line-height: 1.6;
  transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}
.it-staffing .infoCards {
  width: 370px;
}
.infoHomeCardContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* gap: 15px;
   padding: 26px; */
  border-radius: 12px;
  color: #000000;
  overflow: hidden;
  /* background: #f3f5f7; */
  transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}
.infoHomeCardText {
  background: var(--dark-blue);
  color: var(--white);
}
.infoHomeCardText .para {
  padding: 15px;
  z-index: 1;
  font-size: 14px;
  opacity: 0.6;
  text-align: left;
  transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}
.infoCardContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  padding: 26px;
  border-radius: 10px;
  color: #000000;
  overflow: hidden;
  /* background: #f3f5f7; */
  transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}
.infoCardContent h5 {
  font-weight: 600;
  text-align: center;
}
.infoHomeCardContent h5 {
  font-weight: 600;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 0px;
}
.infoCardContent .para {
  z-index: 1;
  font-size: 14px;
  opacity: 0.6;
  text-align: justify;
  transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}

.infoCardContent .link,
.infoHomeCardContent .link {
  z-index: 1;
  color: #fea000;
  text-decoration: none;
  font-family: inherit;
  font-size: 16px;
  transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}

.infoCardContent .link:hover,
.infoHomeCardContent .link:hover {
  text-decoration: underline;
}

.infoCards:hover,
.infoHomeCardContent:hover {
  transform: translate(0px, -16px);
}

.infoCardContent::before,
.infoHomeCardContent::before {
  rotate: -8deg;
  top: 0;
  width: 100%;
  height: 100%;
}

.infoCardContent::after,
.infoHomeCardContent::after {
  rotate: 8deg;
  top: 0;
  width: 100%;
  height: 100%;
}

/* CARDS END */
/* the background reveal layer */
.info-strip::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; /* start at bottom */
  height: 0%; /* collapsed */
  background: var(--primary-color, --us-primary); /* default color or CSS var */
  opacity: 1; /* set <1 for softer blend if desired */
  transform-origin: bottom center;
  transition:
    height 1s cubic-bezier(0.22, 0.9, 0.32, 1),
    opacity 0.9s ease;
  z-index: -1; /* behind the content */
  pointer-events: none; /* behind content */
}

/* when info-strip becomes active */
section.active::before {
  height: 100%;
}
.bg-fill {
  position: absolute;
  inset: 0;
  background: #111;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 1s ease;
  z-index: 1;
}

/* When section becomes active */
.fill-section.active .bg-fill {
  transform: scaleY(1);
}
.client-section {
  height: 40dvh;
}
.CTA-btn {
  width: fit-content;
}
.client-wrapper h3 {
  color: var(--us-primary);
}
/*WHY US CARD */

.why-us-card {
  margin-top: 1.5rem;
  width: 400px;
  border-radius: 10px;
  padding-inline: 30px;
  padding-block: 30px 5px;
  position: relative;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  backdrop-filter: blur(19px) saturate(180%);
  -webkit-backdrop-filter: blur(19px) saturate(180%);
  background-color: var(--dark-blue);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.125);
}

.why-us-card .icon,
.why-us-card .heading,
.why-us-card .content {
  position: relative;
  z-index: 5;
  transition: all 0.5s;
}
.why-us-card .content {
  opacity: 0.6;
}
.why-us-card .content ul {
  padding: 15px;
}
.why-us-card .content,
.why-us-card .heading {
  color: var(--white);
}
.why-us-card .icon {
  font-size: 3rem;
  color: var(--light-us-red);
  margin-bottom: 20px;
}

.why-us-card .heading {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 10px;
}

.why-us-card .number {
  position: absolute;
  top: -90px;
  right: -85px;
  padding: 80px 100px 30px 30px;
  background: var(--us-app-red);
  border-radius: 100%;
  z-index: 5;
}

.why-us-card .number .text {
  font-size: 28px;
  font-weight: 600;
  color: var(--white);
}

.why-us-card .text {
  margin-top: 20px;
}

.why-us-card .number::after {
  content: "";
  width: 50px;
  height: 50px;
  background: var(--us-app-red);
  position: absolute;
  border-radius: 100%;
  top: 50%;
  right: 50%;
  transition: all 0.5s;
  transform: translateX(50%) translateY(-50%);
  z-index: -1;
}

.why-us-card:hover {
  scale: 1.02;
}

.why-us-card:hover .number::after {
  width: 1200px;
  height: 1200px;
}
.why-us-card:hover .icon {
  color: var(--light-us-red);
}
.why-us-card:hover .heading,
.why-us-card:hover .content {
  color: var(--white);
}
/* WHY US CARD */
.dropdown-menu {
  width: 42rem;
  padding-inline: 10px;
  margin-top: 0.2rem;
}
.dropdown-menu ul {
  display: flex;
  flex-direction: column;
  /* gap:10px; */
}
.dropdown-menu ul li a {
  text-decoration: none;
  color: #000000;
  display: flex;
  justify-content: space-between;
}
.dropdown-menu ul li a:hover {
  color: var(--us-app-red) !important;
  transform: translateX(1.5);
}
.dropdown-menu ul li a::after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  /* font-size: 12px; */
  display: inline-block;
  transform: rotate(315deg);
  transition: transform 0.3s ease;
}
.copy-right {
  /* margin-top: 5px; */
  color: var(--white);
  font-size: 12px;
  padding: 5px;
  text-align: end;
  background-color: #000000;
}
.cardList {
  background: #ffffff;
  min-height: 10rem;
}
.cardList h5 {
  color: var(--us-primary);
}
.us-text {
  color: var(--us-primary);
}
#mainNavbar .nav-link:hover,
#mainNavbar .nav-link.show,
#mainNavbar .dropdown:hover > .nav-link {
  color: var(--us-app-red) !important;
}
#mainNavbar .dropdown-toggle::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  vertical-align: middle;
  border-top: 0px;

  border-radius: 50%;
  background-color: var(--us-app-red);

  transition: transform 0.3s ease;
}
@keyframes bounceCircle {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-6px);
  }
  60% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}
.mega-dropdown .dropdown-menu {
  position: fixed !important;
  top: 68px;
  left: 55%;
  transform: translateX(-55%);
  width: 630px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.menu-arrow::before {
  content: "";
  position: relative;
  top: -31px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
}
.nav-scrolled .menu-arrow::before {
  content: "";
  position: absolute;
  top: -22px;

  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid var(--bs-border-color-translucent);
  border-top: 10px solid transparent;
}

.nav-scrolled .menu-arrow::after {
  content: "";
  position: absolute;
  top: -10px;

  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}

.arrow-1::before {
  left: 8%;
}
.arrow-1::after {
  left: 8.1%;
}

.arrow-2::before {
  left: 40%;
}
.arrow-2::after {
  left: 40.1%;
}

.arrow-3::before {
  top: -30px;
  left: 75%;
}
.arrow-3::after {
  left: 75.1%;
}

#mainNavbar .dropdown:hover .dropdown-toggle::after {
  animation: bounceCircle 0.6s ease-in-out;
}

#mainNavbar .dropdown:hover > .dropdown-toggle::after,
#mainNavbar .dropdown.show > .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

#mainNavbar .dropdown-toggle::after {
  transition: border 0.2s ease;
}
.subSec-Title {
  font-size: var(--font-sub);
  line-height: 1.2;
  color: var(--primary);
}
.appBlackBg .subSec-Title {
  color: var(--white);
}
.enterprise-subSec-Title {
  font-size: 2.3rem;
  line-height: 1.2;
}
.subSec-desc.is-inview {
  opacity: 0.6 !important;
}
.whyUs-section {
  /* height: calc(125dvh - var(--nav-height)); */
  padding-bottom: 4rem;
}
.whyUsSection {
  height: calc(92dvh - var(--nav-height));
}
.subMenuList li:nth-child(1) {
  padding-top: 0px;
}
.subMenuList li {
  font-size: 1rem;
  border-bottom: 1px solid #d3d3d3;
  padding-block: 0.8rem;
}
.subMenuList li:last-child {
  border-bottom: none;
}
.itStaff-desc {
  font-size: 1rem;
  opacity: 0.6 !important;
  line-height: 1.5;
}
.iconBox {
  font-size: 2rem;
  padding: 10px;
  background: #d3d3d3;
  /* width: 100px; */
  /* height: 100px; */
  border-radius: var(--border-radius16);
  /* background: #1dc2dd; */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 17px;
  border-radius: 8px;
  min-width: 4.4rem;
}
.op-6 {
  opacity: 0.6;
}
.op-6.is-inview {
  opacity: 0.6 !important;
}
.iconBox-glass {
  font-size: 2rem;
  padding: 10px;

  border-radius: var(--border-radius16);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 17px;
  border-radius: 8px;
  color: var(--us-primary);
  background: hsla(0, 0%, 100%, 0.7);
  box-shadow: 0px 4px 64px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(4px);
}
.listBox {
  padding: 1.5rem;
  transition: all 0.4s ease-in-out;
  backdrop-filter: blur(19px) saturate(180%);
  -webkit-backdrop-filter: blur(19px) saturate(180%);
  background-color: rgba(43, 42, 42, 0.75);
  /* border-radius: 12px; */
  border-bottom: 1px solid rgb(0 0 0 / 13%);
  /* border-left: 5px solid #a2bddc; */
}
.listBox p {
  padding-left: 5%;
}
.full-banner-hero-overlay .iconBox-glass i {
  color: var(--us-app-red);
}

.talent-vetting-quality .listBox {
  /* border: 1px solid var(--us-app-red); */
  background-color: var(--white);
  /* border-left: 5px solid var(--us-app-red); */
}

.talent-vetting-quality .listBox h4 {
  color: var(----black);
}

.image-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.image-item {
  text-align: center;
}

.image-item img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 10px;
}

.image-item figcaption {
  margin-top: 8px;
  font-size: 14px;
  color: #444;
}
.image-item {
  position: relative;
}

.image-item figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px) saturate(100%);
  -webkit-backdrop-filter: blur(5px) saturate(100%);
  color: #fff;
  font-size: 13px;
}

.info-card {
  padding: 30px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
  height: 100%;
  transition: all 0.4s ease-in-out;
  backdrop-filter: blur(19px) saturate(180%);
  -webkit-backdrop-filter: blur(19px) saturate(180%);
  background-color: var(--dark-blue);
  border-radius: 12px;
  /* border: 1px solid rgba(255, 255, 255, 0.125); */
}
.appBlackBg-dark{
  background-color: var(--dark-blue);
}
.appBlackBg .info-card {
  background-color: var(--dark-blue);
}
.info-card h5,
.info-card ul {
  color: var(--white);
}
.mission-vision .info-card {
  background-color: var(--primary-light);
}

.appBlackBg.alternate-light .info-card.msp-card h4,
.appBlackBg.alternate-light .info-card.msp-card p {
  color: var(--white);
}

.info-number {
  font-size: 42px;
  font-weight: 700;
  color: #a2bddc;
  display: block;
  margin-bottom: 10px;
}

.gallery-honeyComb {
  --s: 170px; /* control the size */
  --g: 10px; /* control the gap */
  display: grid;
  margin: calc(var(--s) + var(--g));
}

.gallery-honeyComb > img {
  grid-area: 1/1;
  width: var(--s);
  aspect-ratio: 1.15;
  object-fit: cover;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  transform: translate(var(--_x, 0), var(--_y, 0)) scale(var(--_t, 1));
  cursor: pointer;
  filter: grayscale(80%);
  transition: 0.2s linear;
}
.gallery-honeyComb > img:hover {
  filter: grayscale(0);
  z-index: 1;
  --_t: 1.2;
}

.gallery-honeyComb > img:nth-child(1) {
  --_y: calc(-100% - var(--g));
}
.gallery-honeyComb > img:nth-child(7) {
  --_y: calc(100% + var(--g));
}
.gallery-honeyComb > img:nth-child(3),
.gallery-honeyComb > img:nth-child(5) {
  --_x: calc(-75% - 0.87 * var(--g));
}
.gallery-honeyComb > img:nth-child(4),
.gallery-honeyComb > img:nth-child(6) {
  --_x: calc(75% + 0.87 * var(--g));
}
.gallery-honeyComb > img:nth-child(3),
.gallery-honeyComb > img:nth-child(4) {
  --_y: calc(-50% - 0.5 * var(--g));
}
.gallery-honeyComb > img:nth-child(5),
.gallery-honeyComb > img:nth-child(6) {
  --_y: calc(50% + 0.5 * var(--g));
}

.feat-item {
  backdrop-filter: blur(19px) saturate(180%);
  -webkit-backdrop-filter: blur(19px) saturate(180%);
  background-color: rgba(231, 231, 231, 0.75);
  padding: 10px;
  border-radius: 4px;
}
.industries {
  padding: 100px 20px;
  background: var(--white);
  text-align: center;
}

.industry-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.industry-card {
  position: relative;
  padding: 40px 20px;
  background: var(--primary-light);
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.industry-card.dark{
  background: var(--dark-blue);
}

.industry-card .shape {
  position: absolute;
  width: 120px;
  height: 120px;
  background: var(--secondary);
  border-radius: 50%;
  opacity: 0.12;
  top: -35px;
  right: -35px;
}
.featureBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.iconBox-clear {
  font-size: 2rem;
  padding: 10px;

  border-radius: var(--border-radius16);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 17px;
  border-radius: 8px;
  backdrop-filter: blur(19px) saturate(180%);
  -webkit-backdrop-filter: blur(19px) saturate(180%);
  background-color: rgba(43, 42, 42, 0.75);
}
.service-card {
  background: var(--white);
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 12px 20px rgba(28, 42, 64, 0.06);
  border: 1px solid var(--primary-light-2);
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 26px rgba(28, 42, 64, 0.12);
  border-color: var(--secondary);
}

/* Accent bar */
.service-card::before {
  content: "";
  position: absolute;
  height: 4px;
  width: 40px;
  background: var(--secondary);
  top: 0;
  left: 32px;
  border-radius: 10px;
  transition: width 0.3s ease;
}

.service-card:hover::before {
  width: 80px;
}

.service-card h3 {
  font-size: 1.4rem;
  /* color: var(--primary); */
  margin-bottom: 14px;
  font-weight: 600;
}

.service-card p {
  opacity: 0.6;
}

.glass-box {
  backdrop-filter: blur(19px) saturate(180%);
  -webkit-backdrop-filter: blur(19px) saturate(180%);
  background-color: var(--primary-light-3);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.125);
  height: fit-content;
  color: #000;
}
.glass-box .iconBox-clear {
  background-color: #a2bddc;
  color: #000000;
}
.service-card {
  background: var(--white);
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 12px 20px rgba(28, 42, 64, 0.06);
  border: 1px solid var(--primary-light-2);
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 26px rgba(28, 42, 64, 0.12);
  border-color: var(--secondary);
}

/* Accent bar */
.service-card::before {
  content: "";
  position: absolute;
  height: 4px;
  width: 40px;
  background: var(--secondary);
  top: 0;
  left: 32px;
  border-radius: 10px;
  transition: width 0.3s ease;
}

.service-card:hover::before {
  width: 80px;
}

.service-card h3 {
  font-size: 1.4rem;
  /* color: var(--primary); */
  margin-bottom: 14px;
  font-weight: 600;
}

.service-card p {
  opacity: 0.6;
}
.gridBox {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 1rem;
}
.gridBox .info-card:nth-child(1) {
  grid-column: span 2 / span 2;
  grid-row: span 2 / span 2;
}

.gridBox .info-card:nth-child(2) {
  grid-column: span 2 / span 2;
  grid-row: span 2 / span 2;
  grid-column-start: 1;
  grid-row-start: 3;
}

.gridBox .info-card:nth-child(3) {
  grid-row: span 4 / span 4;
  grid-column-start: 3;
  grid-row-start: 1;
}

.gridBox .info-card:nth-child(4) {
  grid-row: span 4 / span 4;
  grid-column-start: 4;
  grid-row-start: 1;
}

.stripSection {
  height: calc(40dvh - var(--nav-height));
}
/* .stripSection .iconBox-clear {
  width: 150px;
  height: 150px;
} */
.slider {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  backdrop-filter: blur(19px) saturate(180%);
  -webkit-backdrop-filter: blur(19px) saturate(180%);
  background-color: rgba(43, 42, 42, 0.75);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.125);
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.clientele .slider {
  background-color: unset;
}
.clientele .boa-logo {
  width: 90%;
}
.clientele .fis-logo {
  width: 45%;
}

.slider-items {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  animation: scrolling 20s linear infinite;
}
.slider-items.no-animation {
  animation: none;
}

@keyframes scrolling {
  0% {
    transform: translateX(80%);
  }

  100% {
    transform: translateX(-20%);
  }
}

.slider-items img {
  width: 10%;
  margin: 20px;
}

.sticky-left {
  position: fixed;
  width: 613.6px;
  margin-top: 0px;
  margin-bottom: 0px;
  top: 120px;
  inset-inline-start: 130.4px;
  z-index: 10;
}
#leftContent {
  will-change: transform;
}

.upRightArrow::after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  /* font-size: 12px; */
  display: inline-block;
  transform: rotate(315deg);
  transition: transform 0.3s ease;
}
.mega-menu-icon::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  vertical-align: middle;
  border-top: 0px;

  border-radius: 50%;
  background-color: var(--us-app-red);

  transition: transform 0.3s ease;
}
#mobileMenu {
  width: 250px;
}
#mobileMenu .nav-item .nav-item {
  border-left: 1px solid var(--us-app-red);
}

.highlight-section {
  background: linear-gradient(145deg, #0b0f14, #141a22);
  padding: 30px 20px;
  margin-top: 60px;
  position: relative;
  overflow: hidden;
}

.highlight-section::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  pointer-events: none;
}

.talent-vetting-page .highlight-section {
  margin-top: 0;
}

.highlight-title {
  color: #ffffff;
  margin-bottom: 20px;
  font-weight: 600;
}
.glow-text-block {
  position: relative;
  padding: 40px;
  border-radius: 10px;
}
.glow-text-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border-top: 2px solid rgba(255, 255, 255, 0.4);
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 10px 0 0 0;
}

.glow-text-block::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.4);
  border-right: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 0 0 10px 0;
}
.glow-text {
  text-align: justify;
  position: relative;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.6;
  /* max-width: 900px; */
  color: #5fd0e6;
  font-weight: 400;

  /* gradient glow mask */
  background: linear-gradient(120deg, #5fd0e6 0%, #ffffff 50%, #5fd0e6 100%);
  background-size: 200% auto;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: glowSweep 3.5s linear infinite;
}

.about-us-overview .glow-text-block {
  position: relative;
  padding: 40px;
  border-radius: 10px;
}
.about-us-overview .glow-text-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border-top: 2px solid rgba(255, 0, 0, 0.4);
  border-left: 2px solid rgba(255, 0, 0, 0.4);
  border-radius: 10px 0 0 0;
}

.about-us-overview .glow-text-block::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border-bottom: 2px solid rgba(255, 0, 0, 0.4);
  border-right: 2px solid rgba(255, 0, 0, 0.4);
  border-radius: 0 0 10px 0;
}
.about-us-overview .glow-text {
  text-align: justify;
  position: relative;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.6;
  /* max-width: 900px; */
  color: var(--us-app-red);
  font-weight: 400;

  /* gradient glow mask */
  background: linear-gradient(
    120deg,
    var(--us-app-red) 0%,
    #000 50%,
    var(--us-app-red) 100%
  );
  background-size: 200% auto;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: glowSweep 3.5s linear infinite;
}

@keyframes glowSweep {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: -200% center;
  }
}

.glow-text::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  color: #5fd0e6;
  filter: blur(12px);
  opacity: 0.25;
  z-index: -1;
}
.glow-text {
  animation-play-state: paused;
}

.glow-text.is-visible {
  animation-play-state: running;
}

.delay-1 {
  animation-delay: 1s;
}
.delay-2 {
  animation-delay: 1.2s;
}
.delay-3 {
  animation-delay: 1.4s;
}
.delay-4 {
  animation-delay: 1.6s;
}

.clientele .app-section,
.certifications .app-section,
.about-us-overview .app-section,
.mission-vision .app-section {
  height: 50vh;
  min-height: 0px;
}
.about-us-overview .app-section.appBlackBg,
.mission-vision .app-section.appBlackBg,
.certifications
  .app-section.appBlackBg
  .about-us-overview
  .app-section.appBlackBg {
  height: unset;
}
.mission-vision .app-section.noBlackBg {
  background-color: white;
}
.mission-vision .app-section.noBlackBg {
  color: black;
}
.mission-vision .app-section.appBlackBg .info-card h4,
.mission-vision .app-section.appBlackBg .info-card .op-6 {
  color: #000;
}
.certifications .stripSection {
  height: unset;
}
.our-card .subSec-desc {
  min-height: 120px;
}

.talent-vetting-subDesc {
  margin-bottom: 20px;
}

.w-40 {
  width: 40%;
}
.statsSeparater {
  float: left;
  border-left: 2px solid #d3d3d3;
  height: 100%;
}
.statsWrapper {
  width: 20%;
  padding: 0px;
  border-right: 1px solid #eee;
  height: 100px;
}
.lastStat {
  border: none;
  width: 14%;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.statsHeader {
  font-size: 2rem;
}

.full-banner-hero {
  width: 100%;
  height: 50vh;
  min-height: 180px;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
}
.about-us-overview .full-banner-hero {
  /* background-position-y: center; */
  height: 70vh;
}

.mission-vision .full-banner-hero {
  background-position-y: top;
  height: 70vh;
}

.full-banner-hero-overlay {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.full-banner-hero-title {
  color: var(--primary);
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.full-banner-hero .itStaff-desc {
  max-width: 600px;
}
#turnaroundTime {
  width: 99%;
}

.talent-hero,
.msp-hero {
  width: 100%;
  height: 70vh;
  min-height: 180px;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 9;
}

.healthCare-staffing .talent-hero{
background-position: center center;
}
.home .talent-hero {
  height: 100vh;
  background-position: 60% top;
}
.msp-hero {
  height: 70vh;
}
.badgesImg {
  background-color: var(--primary-light-3);
  height: 50%;
  padding: 1px 36px;
}
.badgesImg img {
  height: 80%;
  width: 80%;
}
.build-on-block .appBlackBg {
  height: 450px;
}
.build-on-block .img-fluid {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.vm-card {
  background-color: var(--black);
  min-height: 400px;
}
.vm-header {
  font-size: 1.8rem;
}
.vm-desc {
  position: relative;

  background: linear-gradient(120deg, #5fd0e6 0%, #ffffff 50%, #5fd0e6 100%);
  background-size: 200% auto;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: glowSweep 3.5s linear infinite;
}
.vm-desc::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-top: 2px solid rgba(255, 255, 255, 0.4);
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 10px 0 0 0;
}

.vm-desc::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.4);
  border-right: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 0 0 10px 0;
}
.strip-section {
  padding-block: 5rem;
}
.client-logo-block img {
  max-height: 70px;
  object-fit: contain;
  width: 105px;
}
.client-logo-block .logos {
  row-gap: 39px !important;
}
.client-logo-block > div {
  column-gap: 3.5rem !important;
}

.page-head-quote {
  font-size: 1.5rem;
  font-style: italic;
  color: var(--white);
  background-color: var(--primary);
  padding-top: 30px;
  padding-bottom: 30px;
}

.banner-desc {
  font-weight: bold;
  font-size: 1.2rem;
  color: #333333;
}

#scrollTopBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--secondary-color, #0056b3);
  color: white;
  border: none;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transform: scale(0);
  transition:
    opacity 0.3s,
    transform 0.3s;
  z-index: 999;
}

/* Show Button on Scroll */
#scrollTopBtn.show {
  opacity: 1;
  transform: scale(1);
}

/* SVG Progress Circle */
#scrollTopBtn svg {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-90deg);
}

#scrollTopBtn circle {
  fill: none;
  stroke: white;
  stroke-width: 5;
  stroke-dasharray: 126;
  stroke-dashoffset: 126;
  transition: stroke-dashoffset 0.2s ease;
}
.person-img {
  height: 100%;
  width: 70%;
}
.person-img-fem {
  height: 100%;
  width: 80%;
}
#cookie-banner {
    background: #222;
    color: #fff;
    padding: 15px;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 9999;
}

.healthCare-staffing .info-card{
height: 27rem;
padding-inline: 25px;
}
.info-img.ai img{
  object-position: 93%;
}
.healthCare-staffing .content-list{
  padding-left: 1.2rem;
}


 .shine{
    /* --chip-bg:#f3f4f6; */
    position:relative;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--chip-bg);
    border-radius:10px;
    /* padding:10px 18px; */
  }
 
  .shine::after{
    content:"";
    position:absolute;
    top:0; left:-160%;
    width:55%; height:100%;
    background:linear-gradient(115deg,
      transparent 0%,
      rgba(255,255,255,.95) 50%,
      transparent 100%);
    transform:skewX(-20deg);
    /* animation: shine-sweep 4s ease-in-out infinite; */
    z-index:2;
    pointer-events:none;
  }
 
  .genome-shine::after{ animation-delay:2s; }   /* right after logo1 fades in */
  .arrow-shine::after{  animation-delay:3s; }   /* right after arrow fades in */
  .us-shine::after{     animation-delay:4s; }   /* right after logo2 fades in */
 
  @keyframes shine-sweep{
    0%   { left:-160%; }
    22%  { left:160%;  }
    100% { left:160%;  } /* parked off-screen until the loop restarts */
  }
 
  /* ---------- arrow ---------- */
  .arrow{
    flex:0 0 auto;
    display:flex;
    align-items:center;
  }
 
  .arrow-shine{
    width:34px;
    height:56px;
    padding:0;
  }
 
  .arrow-icon{
    color:#9aa0a8;
    position:relative;
    z-index:1;
    /* animation: arrow-nudge 1s ease-in-out 3s infinite alternate; */
  }
 
  @keyframes arrow-nudge{
    from{ transform:translateX(0); }
    to{ transform:translateX(4px); }
  }
 
  @media (max-width:560px){
    .rebrand{ flex-direction:column; gap:18px; }
    .arrow{ transform:rotate(90deg); }
  }
 
  @media (prefers-reduced-motion: reduce){
    .arrow-icon{ animation:none; }
    .shine::after{ animation:none; content:none; }
    .hero-title-img, .arrow{ animation:none !important; }
  }