/* ============================
   ABOUT PAGE STYLES
============================ */

/* ============================
   PAGE TITLE BAR
============================ */

.vm-page-title {
  background-color: var(--vm-purple-footer);
  padding: 96px 0;
  text-align: center;
}

.vm-page-title__heading {
  margin: 0;
  font-family: var(--vm-font);
  font-weight: var(--vm-fw-500);
  line-height: 1;
  letter-spacing: var(--vm-ls--174);
}

/* ABOUT (blue) */
.vm-page-title__highlight {
  color: var(--vm-blue-accent);
  margin-right: 8px;
}

/* Visa Matters (white) */
.vm-page-title__main {
  color: var(--vm-white);
}

/* ============================
   RESPONSIVE TYPOGRAPHY
============================ */

/* Desktop */
@media (min-width: 1200px) {
  .vm-page-title__heading {
    font-size: var(--vm-fs-58);
    line-height: var(--vm-lh-57);
  }
}

/* Tablet */
@media (max-width: 1199px) {
  .vm-page-title__heading {
    font-size: 48px;
    line-height: 1.1;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .vm-page-title {
    padding: 64px 0;
  }

  .vm-page-title__heading {
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: var(--vm-ls--1);
  }
}

/* ============================
   OUR IMMIGRATION SERVICES
============================ */

.vm-about-services {
  background-color: var(--vm-white);
  padding-top: 120px;
  padding-bottom: 120px;
}

/* Title */
.vm-about-services__title {
  font-family: var(--vm-font);
  font-weight: var(--vm-fw-500);
  font-size: var(--vm-fs-46);
  line-height: var(--vm-lh-52);
  letter-spacing: var(--vm-ls--138);
  color: var(--vm-heading);
  margin-bottom: 24px;
}

/* Description */
.vm-about-services__desc {
  font-family: var(--vm-font);
  font-weight: var(--vm-fw-400);
  font-size: var(--vm-fs-16);
  line-height: var(--vm-lh-21);
  letter-spacing: var(--vm-ls--032);
  color: var(--vm-text-body);
  margin-bottom: 16px;
}

/* Image wrapper */
.vm-about-services__image {
  width: 100%;
  max-height: 475px;
  border-radius: 6px;
  overflow: hidden;
}

/* Image */
.vm-about-services__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ============================
   RESPONSIVE TUNING
============================ */

/* Tablet */
@media (max-width: 991px) {
  .vm-about-services {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .vm-about-services__title {
    font-size: 38px;
    line-height: 44px;
  }

  .vm-about-services__image {
    max-height: 360px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .vm-about-services {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .vm-about-services__title {
    font-size: var(--vm-fs-30);
    line-height: 36px;
    letter-spacing: -0.8px;
  }

  .vm-about-services__desc {
    font-size: 15px;
    line-height: var(--vm-lh-22);
  }

  .vm-about-services__image {
    max-height: 260px;
  }
}

/* ============================
   FOUNDER SECTION
============================ */

.vm-founder {
  position: relative;
  padding-top: 127px;
  padding-bottom: 127px;
  overflow: hidden;
}

/* Background layer */
.vm-founder::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: #DBDBE1;
  opacity: 0.35;
  z-index: 0;
}

/* Keep content above background */
.vm-founder > .container {
  position: relative;
  z-index: 1;
}

/* Row gap override */
.vm-founder__row {
  --bs-gutter-x: 50px;
}

/* ============================
   IMAGE
============================ */

.vm-founder__image-wrap {
  max-width: 582px;
  width: 100%;
}

.vm-founder__image {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
}

/* ============================
   CONTENT
============================ */

.vm-founder__name {
  font-family: var(--vm-font);
  font-weight: var(--vm-fw-500);
  font-size: var(--vm-fs-46);
  line-height: var(--vm-lh-52);
  letter-spacing: var(--vm-ls--138);
  color: var(--vm-heading);
  margin-bottom: 12px;
}

.vm-founder__role {
  font-family: var(--vm-font);
  font-weight: var(--vm-fw-600);
  font-size: var(--vm-fs-20);
  line-height: var(--vm-lh-21);
  letter-spacing: var(--vm-ls--02);
  color: var(--vm-text-body);
  margin-bottom: 8px;
}

.vm-founder__licence {
  font-family: var(--vm-font);
  font-style: italic;
  font-weight: var(--vm-fw-400);
  font-size: var(--vm-fs-14);
  line-height: var(--vm-lh-18);
  letter-spacing: var(--vm-ls--014);
  color: var(--vm-text-body);
  margin-bottom: 24px;
}

.vm-founder__desc {
  font-family: var(--vm-font);
  font-weight: var(--vm-fw-400);
  font-size: var(--vm-fs-16);
  line-height: var(--vm-lh-21);
  letter-spacing: var(--vm-ls--016);
  color: var(--vm-text-body);
  margin-bottom: 16px;
}

/* CTA alignment */
.vm-founder__cta {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
}

/* ============================
   RESPONSIVE TUNING
============================ */

/* Tablet */
@media (max-width: 991px) {
  .vm-founder {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .vm-founder__name {
    font-size: 38px;
    line-height: 44px;
  }

  .vm-founder__cta {
    justify-content: flex-start;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .vm-founder {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .vm-founder__name {
    font-size: var(--vm-fs-30);
    line-height: 36px;
    letter-spacing: -0.8px;
  }

  .vm-founder__role {
    font-size: var(--vm-fs-18);
  }

  .vm-founder__cta {
    justify-content: flex-start;
  }
}

/* ============================
   OUR TEAM SECTION
============================ */

.vm-team {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: var(--vm-white);
}

/* Section title */
.vm-team__title {
  font-family: var(--vm-font);
  font-weight: var(--vm-fw-500);
  font-size: var(--vm-fs-46);
  line-height: var(--vm-lh-52);
  letter-spacing: var(--vm-ls--138);
  color: var(--vm-heading);
  margin-bottom: 64px;
}

/* ============================
   TEAM CARD
============================ */

.vm-team-card {
  background-color: var(--vm-white);
  border-radius: 6px;
  overflow: hidden;
  height: 100%;
}

/* Image */
.vm-team-card__image {
  width: 100%;
  height: 340px;
  object-fit: cover;
  display: block;
}

/* Body */
.vm-team-card__body {
  padding: 0px;
}

/* Name */
.vm-team-card__name {
  font-family: var(--vm-font);
  font-weight: var(--vm-fw-600);
  font-size: var(--vm-fs-24);
  line-height: var(--vm-lh-28);
  letter-spacing: var(--vm-ls--048);
  color: var(--vm-heading);
  margin-bottom: 12px;
	margin-top:15px;
}

/* Divider */
.vm-team-card__divider {
  width: 100%;
  height: 1px;
  background-color: rgba(15, 15, 15, 0.2);
  margin-bottom: 12px;
}

/* Position */
.vm-team-card__position {
  font-family: var(--vm-font);
  font-weight: var(--vm-fw-600);
  font-size: var(--vm-fs-18);
  line-height: var(--vm-lh-21);
  letter-spacing: var(--vm-ls--018);
  color: var(--vm-text-body);
  margin-bottom: 4px;
}

/* Licence */
.vm-team-card__licence {
  font-family: var(--vm-font);
  font-weight: 300;
  font-size: var(--vm-fs-18);
  line-height: var(--vm-lh-21);
  letter-spacing: var(--vm-ls--018);
  color: var(--vm-text-body);
  margin-bottom: 20px;
  font-style: italic;
}

/* Description */
.vm-team-card__desc {
  font-family: var(--vm-font);
  font-weight: var(--vm-fw-400);
  font-size: var(--vm-fs-16);
  line-height: var(--vm-lh-21);
  letter-spacing: var(--vm-ls--016);
  color: var(--vm-text-body);
  margin-bottom: 0;
}

/* ============================
   RESPONSIVE
============================ */

/* Tablet */
@media (max-width: 991px) {
  .vm-team {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .vm-team__title {
    font-size: 38px;
    line-height: 44px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .vm-team {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .vm-team__title {
    font-size: var(--vm-fs-30);
    line-height: 36px;
    letter-spacing: -0.8px;
    margin-bottom: 40px;
  }

  .vm-team-card__image {
    height: 260px;
  }
}

/* ============================
   RECOGNITION SECTION
============================ */

.vm-recognition {
  position: relative;
  padding-top: 128px;
  padding-bottom: 128px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

/* Black overlay @ 50% */
.vm-recognition__overlay {
  position: absolute;
  inset: 0;
  background-color: var(--vm-black);
  opacity: 0.5;
  z-index: 0;
}

/* Content wrapper */
.vm-recognition__content {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: 0 auto;
}

/* Title */
.vm-recognition__title {
  font-family: var(--vm-font);
  font-weight: var(--vm-fw-500);
  font-size: var(--vm-fs-46);
  line-height: var(--vm-lh-52);
  letter-spacing: var(--vm-ls--138);
  color: var(--vm-white);
  margin-bottom: 50px;
}

/* Description */
.vm-recognition__desc {
  font-family: var(--vm-font);
  font-weight: var(--vm-fw-400);
  font-size: var(--vm-fs-24);
  line-height: var(--vm-lh-32);
  letter-spacing: var(--vm-ls--048);
  color: var(--vm-white);
  opacity: 0.8;
  margin-bottom: 74px;
}

/* ============================
   RESPONSIVE
============================ */

/* Tablet */
@media (max-width: 991px) {
  .vm-recognition {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .vm-recognition__title {
    font-size: 38px;
    line-height: 44px;
  }

  .vm-recognition__desc {
    font-size: var(--vm-fs-20);
    line-height: var(--vm-lh-28);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .vm-recognition {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .vm-recognition__title {
    font-size: var(--vm-fs-30);
    line-height: 36px;
    letter-spacing: -0.8px;
    margin-bottom: 32px;
  }

  .vm-recognition__desc {
    font-size: var(--vm-fs-18);
    line-height: var(--vm-lh-26);
    margin-bottom: 40px;
  }
}