/* Figma Styles of your File */
/*:root {
  !* Colors *!
  --onevasco-red: #e01b22;

  !* Fonts *!
  !* Effects *!
}*/
/* Figma Color Variables of your File */
button.buttons-button,
button.buttons-button3,
button.buttons-button4,
button.buttons-button5 {
  border: none;
  outline: none;
  font: inherit;
  cursor: pointer;
}
body {
  margin: 0;
  padding: 0;
}
.wireframe-1,
.wireframe-1 * {
  box-sizing: border-box;
}
.wireframe-1 {
  background: #ffffff;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.header {
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
}
.attractive-young-man-checkin-airport-with-his-passport-copy-1 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transform: scaleX(-1);
}
.rectangle-5 {
  background: linear-gradient(
    90deg,
    rgba(222, 31, 38, 1) 20.000000298023224%,
    rgba(222, 31, 38, 0) 80.0000011920929%
  );
  width: 100%;
  height: 800px;
  position: absolute;
  left: 0px;
  top: -20px;
}
.heading {
  color: #ffffff;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 64px;
  line-height: 110%;
  letter-spacing: -0.04em;
  font-weight: 400;
  position: absolute;
  left: 80px;
  top: 120px;
  width: 480px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.supporting-text {
  color: #ffffff;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  font-weight: 500;
  position: absolute;
  left: 80px;
  top: 284px;
  width: 526px;
}
.buttons-button {
  background: var(--base-white, #fefefe);
  border-radius: 8px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  padding: 16px 22px 16px 22px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 80px;
  top: 396px;
  box-shadow: var(
    --shadows-shadow-xs-box-shadow,
    0px 1px 2px 0px rgba(16, 24, 40, 0.05)
  );
  overflow: hidden;
}
.text-padding {
  padding: 0px 2px 0px 2px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.text {
  color: var(--onevasco-red, #e01b22);
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: relative;
}
.logo-slider {
  position: absolute;
  inset: 0;
}
.bg-logo {
  background: #fafafa;
  width: 100%;
  padding: 48px 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.container {
  padding: 0px 24px 0px 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.text2 {
  color: #211f20;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.logos {
  display: flex;
  flex-direction: row;
  gap: 60px;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.fictional-company-logo {
  flex-shrink: 0;
  width: 141.67px;
  height: 40px;
  position: relative;
  aspect-ratio: 141.67/40;
}
.logomark {
  /* width: 25.88%;
  height: 91.67%; */
  width: auto;
  height: 100%;
  position: absolute;
  right: 74.12%;
  left: 0%;
  bottom: 4.17%;
  top: 4.17%;
  overflow: visible;
}
.logotype {
  width: 66.99%;
  height: 45.5%;
  position: absolute;
  right: 0.43%;
  left: 32.58%;
  bottom: 28.48%;
  top: 26.02%;
  overflow: visible;
}
.fictional-company-logo2 {
  flex-shrink: 0;
  width: 139.17px;
  height: 40px;
  position: relative;
  aspect-ratio: 139.17/40;
}
.logomark2 {
  /* width: 22.75%;
  height: 91.67%; */
  width: auto;
  height: 100%;
  position: absolute;
  right: 77.25%;
  left: 0%;
  bottom: 4.17%;
  top: 4.17%;
  overflow: visible;
}
.logotype2 {
  width: 69.48%;
  height: 60.53%;
  position: absolute;
  right: 0.17%;
  left: 30.34%;
  bottom: 13.89%;
  top: 25.59%;
  overflow: visible;
}
.fictional-company-logo3 {
  flex-shrink: 0;
  width: 165px;
  height: 40px;
  position: relative;
  aspect-ratio: 165/40;
}
.logomark3 {
  /* width: 22.22%;
  height: 91.67%; */
  width: auto;
  height: 100%;
  position: absolute;
  right: 77.78%;
  left: 0%;
  bottom: 4.17%;
  top: 4.17%;
  overflow: visible;
}
.logotype3 {
  width: 72.68%;
  height: 42.41%;
  position: absolute;
  right: 0.08%;
  left: 27.24%;
  bottom: 28.41%;
  top: 29.18%;
  overflow: visible;
}
.fictional-company-logo4 {
  flex-shrink: 0;
  width: 138.33px;
  height: 40px;
  position: relative;
  aspect-ratio: 138.33/40;
}
.logomark4 {
  /* width: 26.51%;
  height: 91.67%; */
  width: auto;
  height: 100%;
  position: absolute;
  right: 73.49%;
  left: 0%;
  bottom: 4.17%;
  top: 4.17%;
}
.shape {
  border-radius: 50%;
  border-style: solid;
  border-color: var(--violet-700, #6927da);
  border-width: 2.81px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: -0.57%;
  top: 0.57%;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.shape2 {
  border-radius: 50%;
  border-style: solid;
  border-color: var(--violet-700, #6927da);
  border-width: 2.81px;
  width: 59.09%;
  height: 100%;
  position: absolute;
  right: -23.55%;
  left: 64.46%;
  bottom: 5.68%;
  top: -5.68%;
  transform-origin: 0 0;
  transform: rotate(45deg) scale(1, 1);
}
.shape3 {
  border-radius: 50%;
  border-style: solid;
  border-color: var(--violet-700, #6927da);
  border-width: 2.81px;
  width: 59.09%;
  height: 100%;
  position: absolute;
  right: 47.16%;
  left: -6.25%;
  bottom: -36.1%;
  top: 36.1%;
  transform-origin: 0 0;
  transform: rotate(-45deg) scale(1, 1);
}
.logotype4 {
  width: 66.81%;
  height: 57.94%;
  position: absolute;
  right: 0.23%;
  left: 32.96%;
  bottom: 16.42%;
  top: 25.65%;
  overflow: visible;
}
.fictional-company-logo5 {
  flex-shrink: 0;
  width: 164.17px;
  height: 40px;
  position: relative;
  aspect-ratio: 164.17/40;
}
.logomark5 {
  /* width: 22.34%;
  height: 91.67%; */
  width: auto;
  height: 100%;
  position: absolute;
  right: 77.66%;
  left: 0%;
  bottom: 4.17%;
  top: 4.17%;
  overflow: visible;
}
.logotype5 {
  width: 72.87%;
  height: 45.69%;
  position: absolute;
  right: 0.22%;
  left: 26.91%;
  bottom: 28.67%;
  top: 25.65%;
  overflow: visible;
}
.fictional-company-logo6 {
  flex-shrink: 0;
  width: 151.67px;
  height: 40px;
  position: relative;
}
.logomark6 {
  /* width: 24.18%;
  height: 91.67%; */
  width: auto;
  height: 100%;
  position: absolute;
  right: 75.82%;
  left: 0%;
  bottom: 4.17%;
  top: 4.17%;
  overflow: visible;
}
.logotype6 {
  width: 69.43%;
  height: 44.13%;
  position: absolute;
  right: 0.43%;
  left: 30.15%;
  bottom: 28.98%;
  top: 26.89%;
  overflow: visible;
}
.block {
  background: linear-gradient(
    270deg,
    rgba(248, 249, 250, 0) 0%,
    rgba(248, 249, 250, 1) 100%
  );
  width: 400px;
  height: 200px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
.rectangle-8 {
  background: linear-gradient(
    270deg,
    rgba(248, 249, 250, 0) 0%,
    rgba(248, 249, 250, 1) 100%
  );
  width: 400px;
  height: 200px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
}
.header2 {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03),
    0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.container2 {
  padding: 0px 32px 0px 32px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.content {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  max-width: 1280px;
  position: relative;
}
.one-vasco-logo-1 {
  flex-shrink: 0;
  width: 135.26px;
  height: 50px;
  position: relative;
  overflow: hidden;
}
.one-vasco-logo {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  position: relative;
}
.navigation {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.buttons-button2 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.text3 {
  color: #515151;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
}
.navigation-actions {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.buttons-button3 {
  border-radius: 8px;
  padding: 10px 16px 10px 16px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.text4 {
  color: var(--gray-coolish-600, #475467);
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
}
.buttons-button4 {
  background: var(--onevasco-red, #e01b22);
  border-radius: 8px;
  padding: 10px 16px 10px 16px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --shadows-shadow-xs-box-shadow,
    0px 1px 2px 0px rgba(16, 24, 40, 0.05)
  );
  overflow: hidden;
}
.text5 {
  color: var(--base-white, #fefefe);
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
}
.features-section {
  padding: 80px 0px 80px 0px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  position: relative;
}
.glow {
  background: #ffd6d8;
  border-radius: 50%;
  flex-shrink: 0;
  width: 400px;
  height: 400px;
  position: absolute;
  right: -200px;
  bottom: -200px;
  filter: blur(200px);
  aspect-ratio: 1;
}
.glow2 {
  background: #ffd6d8;
  border-radius: 50%;
  flex-shrink: 0;
  width: 400px;
  height: 400px;
  position: absolute;
  left: -200px;
  top: -200px;
  filter: blur(200px);
  aspect-ratio: 1;
}
.container3 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: 1280px;
  position: relative;
}
.content2 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading-and-supporting-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: 768px;
  position: relative;
}
.heading-and-subheading {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading2 {
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.heading-2-span {
  color: #211f20;
}
.heading-2-span2 {
  color: var(--onevasco-red, #e01b22);
}
.wrap2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
  max-width: 1280px;
  position: relative;
}
.stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
  flex: 1;
  max-width: 640px;
  position: relative;
}
.step {
  background: #ffffff;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06),
    0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}
.badge {
  background: var(--onevasco-red, #e01b22);
  border-radius: 32px;
  padding: 6px 12px 6px 12px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.step-1 {
  color: #ffffff;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
}
.text6 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.apply-for-your-visa-online {
  color: var(--onevasco-red, #e01b22);
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  line-height: 100%;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.select-the-applicant-s-nationality-and-destination-review-the-documents-and-fees-required-and-start-your-application-by-paying-the-fees-online {
  color: #211f20;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.step-2 {
  color: #ffffff;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
}
.we-do-all-the-work {
  color: var(--onevasco-red, #e01b22);
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  line-height: 100%;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.our-visa-experts-will-get-in-touch-to-collect-and-review-all-the-documents-required-and-suggest-any-additional-inputs-personalized-to-your-applicants-we-fill-the-required-forms-and-submit-on-your-behalf {
  color: #211f20;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.step-3 {
  color: #ffffff;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
}
.real-time-visa-status-updates {
  color: var(--onevasco-red, #e01b22);
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  line-height: 100%;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sit-back-and-await-the-visa-decision-from-the-concerned-embassy {
  color: #211f20;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.image {
  background: linear-gradient(to left, #ffffff, #ffffff);
  border-radius: 24px;
  align-self: stretch;
  flex-shrink: 0;
  width: 600px;
  position: relative;
  object-fit: cover;
}
/* .features-section2 {
  padding: 80px 0px 80px 0px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  position: relative;
} */
.heading-2-span {
  color: #211f20;
}
.heading-2-span2 {
  color: var(--onevasco-red, #e01b22);
}
.container4 {
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: 1280px;
  position: relative;
}
.content3 {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.wrap3 {
  background: #ffffff;
  border-radius: 20px;
  border-style: solid;
  border-color: rgba(224, 27, 34, 0.2);
  border-width: 1px;
  padding: 16px 16px 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 384px;
  max-width: 100%;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06),
    0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}
/* .noun-destination-6947152-1 {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  position: relative;
  overflow: visible;
} */
.feature-text {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  min-width: 320px;
  max-width: 560px;
  position: relative;
}
.content4 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.text-and-supporting-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text7 {
  color: #211f20;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.supporting-text2 {
  color: #211f20;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
/* .noun-online-support-7942807-1 {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  position: relative;
  overflow: visible;
} */
/* .noun-travel-insurance-6947157-1 {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  position: relative;
  overflow: visible;
} */
/* .noun-check-in-6947135-1 {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  position: relative;
  overflow: visible;
} */
/* .noun-special-6956136-1 {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  position: relative;
  overflow: visible;
} */
/* .frame-18636 {
  border-radius: 0px 0px 40px 40px;
  width: 100%;
  height: 800px;
  position: relative;
  overflow: hidden;
} */
/* .business-man-woman-are-going-business-trip-copy-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transform: scaleX(-1);
} */
/* .container5 {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 24px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 80px;
  top: 80px;
  max-width: 45%;
  box-sizing: border-box;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  backdrop-filter: blur(20px);
} */
/* .heading3 {
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: relative;
} */
/* .heading-3-span {
  color: #211f20;
}
.heading-3-span2 {
  color: var(--onevasco-red, #e01b22);
} */
/* .content5 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: stretch;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
} */
/* .frame-18634 {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
} */
/* .wrap4 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  min-width: 0;
  position: relative;
} */
/* .frame-18630 {
  background: #ffffff;
  border-radius: 12px;
  border-style: solid;
  border-color: transparent;
  border-width: 0.75px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 7.5px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 0.75px 1.5px 0px rgba(16, 24, 40, 0.06),
    0px 0.75px 2.25px 0px rgba(16, 24, 40, 0.1);
} */
.noun-passport-5604476-1 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
}
.passport {
  width: 94.01%;
  height: 77.72%;
  position: absolute;
  right: 3%;
  left: 3%;
  bottom: 11.14%;
  top: 11.14%;
  overflow: visible;
}
/* .feature-text2 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  min-width: 0;
  position: relative;
} */
.supporting-text3 {
  color: #211f20;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
/* .noun-business-trip-5604454-1 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
} */
.business-trip {
  width: 94%;
  height: 90.86%;
  position: absolute;
  right: 3%;
  left: 3%;
  bottom: 4.56%;
  top: 4.58%;
  overflow: visible;
}
.frame-18635 {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
/* .noun-citizenship-5604450-1 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
} */
.group {
  width: 75.26%;
  height: 94.01%;
  position: absolute;
  right: 12.34%;
  left: 12.4%;
  bottom: 2.99%;
  top: 2.99%;
  overflow: visible;
}
.noun-customer-support-8017994-1 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: visible;
}
.faq-section {
  padding: 96px 0px 96px 0px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.container6 {
  padding: 0px 32px 0px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: 1280px;
  position: relative;
}
.content6 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading-and-supporting-text2 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: 768px;
  position: relative;
}
.heading4 {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.heading-4-span {
  color: #211f20;
}
.heading-4-span2 {
  color: var(--onevasco-red, #e01b22);
}
.container7 {
  padding: 0px 32px 0px 32px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: 1280px;
  position: relative;
}
.content7 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: 768px;
  position: relative;
}
.faq-item,
.faq-item2 {
  list-style: none;
}
.faq-item > summary,
.faq-item2 > summary {
  list-style: none;
  cursor: pointer;
}
.faq-item > summary::-webkit-details-marker,
.faq-item2 > summary::-webkit-details-marker {
  display: none;
}
/* Show plus icon by default, hide minus */
.faq-item .icon-wrap .minus-circle,
.faq-item2 .icon-wrap .minus-circle {
  display: none;
}
.faq-item .icon-wrap .plus-circle,
.faq-item2 .icon-wrap .plus-circle {
  display: block;
}
/* When open, show minus and hide plus */
.faq-item[open] .icon-wrap .minus-circle,
.faq-item2[open] .icon-wrap .minus-circle {
  display: block;
}
.faq-item[open] .icon-wrap .plus-circle,
.faq-item2[open] .icon-wrap .plus-circle {
  display: none;
}
.faq-item > .supporting-text4,
.faq-item2 > .supporting-text4 {
  padding-top: 8px;
}
.faq-item {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-width: 320px;
  position: relative;
}
.content8 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text-and-supporting-text2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.text8 {
  color: #211f20;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.supporting-text4 {
  color: #211f20;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  opacity: 0.8;
  position: relative;
  align-self: stretch;
}
.icon-wrap {
  padding: 2px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.minus-circle {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.faq-item2 {
  border-style: solid;
  border-color: #eaecf0;
  border-width: 1px 0px 0px 0px;
  padding: 24px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-width: 320px;
  position: relative;
}
.plus-circle {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.plus-circle2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.plus-circle3 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.plus-circle4 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.section {
  background: linear-gradient(to left, #fafafa, #fafafa);
  border-radius: 40px 40px 0px 0px;
  padding: 80px 0px 80px 0px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-top: -40px;
  z-index: 2;
}
.container8 {
  padding: 0px 32px 0px 32px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  max-width: 1280px;
  position: relative;
}
.form {
  background: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.2) 100%
  );
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 30px 24px 30px 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 600px;
  position: relative;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.04);
  backdrop-filter: blur(24px);
}
.wrap5 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading5 {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.heading-5-span {
  color: #211f20;
}
.heading-5-span2 {
  color: var(--onevasco-red, #e01b22);
}
.supporting-text5 {
  color: #211f20;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.form-fields {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
/* .row {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
} */
.input-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.input-with-label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.label {
  color: #211f20;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  position: relative;
}
.input {
  background: var(--base-white, #fefefe);
  border-radius: 8px;
  border-style: solid;
  border-color: var(--gray-300, #d2d6db);
  border-width: 1px;
  padding: 10px 14px 10px 14px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --shadows-shadow-xs-box-shadow,
    0px 1px 2px 0px rgba(16, 24, 40, 0.05)
  );
}
.content9 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.text9 {
  color: var(--gray-900, #111927);
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.frame-14 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.input2 {
  background: var(--base-white, #fefefe);
  border-radius: 8px;
  border-style: solid;
  border-color: var(--gray-300, #d2d6db);
  border-width: 1px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --shadows-shadow-xs-box-shadow,
    0px 1px 2px 0px rgba(16, 24, 40, 0.05)
  );
}
.dropdown {
  padding: 10px 0px 10px 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.dropdown-text {
  color: var(--gray-700, #384250);
  text-align: left;
  font-family: var(
    --text-md-regular-font-family,
    "Poppins-Regular",
    sans-serif
  );
  font-size: var(--text-md-regular-font-size, 16px);
  line-height: var(--text-md-regular-line-height, 24px);
  font-weight: var(--text-md-regular-font-weight, 400);
  position: relative;
}
.chevron-down {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.text-input {
  padding: 10px 14px 10px 12px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.input-field2 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.content10 {
  padding: 10px 0px 10px 14px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.text-input2 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.dropdown2 {
  padding: 10px 14px 10px 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.chevron-down2 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.textarea-input-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 150px;
  position: relative;
}
.input-with-label2 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.input3 {
  background: var(--base-white, #fefefe);
  border-radius: 8px;
  border-style: solid;
  border-color: var(--gray-coolish-300, #d0d5dd);
  border-width: 1px;
  padding: 12px 14px 12px 14px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
  box-shadow: var(
    --shadows-shadow-xs-box-shadow,
    0px 1px 2px 0px rgba(16, 24, 40, 0.05)
  );
  overflow: hidden;
}
.text10 {
  color: var(--gray-coolish-500, #667085);
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  flex: 1;
}
.actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.buttons-button5 {
  background: var(--onevasco-red, #e01b22);
  border-radius: 8px;
  padding: 12px 18px 12px 18px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --shadows-shadow-xs-box-shadow,
    0px 1px 2px 0px rgba(16, 24, 40, 0.05)
  );
  overflow: hidden;
}
.footer {
  background: var(--onevasco-red, #e01b22);
  border-radius: 40px 40px 0px 0px;
  padding: 64px 0px 64px 0px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: -40px;
  z-index: 3;
}
.container9 {
  padding: 0px 32px 0px 32px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: 1280px;
  position: relative;
}
.content11 {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.logo-and-links {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.logo-and-supporting-text {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.logos2 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.one-vasco-logo-12 {
  flex-shrink: 0;
  width: 136px;
  height: 50px;
  position: relative;
  overflow: hidden;
}
.one-vasco-logo2 {
  height: auto;
  position: absolute;
  left: 1px;
  top: 0px;
  overflow: visible;
}
.wrap6 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.footer-links {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.footer-link {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text11 {
  color: #ffffff;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
}
.footer-links2 {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.footer-link2 {
  color: #ffffff;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  text-decoration: none;
}
a.footer-link2:hover,
a.buttons-button2:hover {
  opacity: 0.8;
}
a.buttons-button2 {
  text-decoration: none;
  color: inherit;
}
.content12 {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.1);
  border-width: 1px 0px 0px 0px;
  padding: 32px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.footer-text {
  color: #ffffff;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
}
.social-icons {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.social-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.social-icon2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.group2 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.social-icon3 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}

a {
    text-decoration: none;
}
/* new css added for form by pooja */

.form-control,
.form-select {
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
}

textarea.form-control {
    resize: none;
}

.form-element {
    min-height: 100px;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0.60) 5.65%, rgba(255, 255, 255, 0.20) 94.35%) !important;
}

.small-text {
    font-size: 14px;
    color: #211F20;
}

.main-form input {
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #D2D6DB);
    padding: 10px 14px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.main-form select {
    padding: 10px 14px;
}

.btn-send {
    padding: 12px 18px;
    color: var(--Base-White, #FEFEFE);
    font-size: 16px;
    border: none;
    border-radius: 8px;
    background: var(--OneVasco-Red, #E01B22);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.form-card {
    border-radius: 24px;
    border: 1px solid #FFF;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0.60) 5.65%, rgba(255, 255, 255, 0.20) 94.35%);
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(24px);
}

/* Why Choose Onevasco */
.why-onevasco {
    overflow: hidden;
    border-radius: 0 0 40px 40px;
}
 
@media (min-width: 992px) {
    .why-onevasco {
        height: 800px !important;
    }
}
 
.bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    transform: scaleX(-1)
}
 
.glass-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px);
    border-radius: 24px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .06);
    z-index: 1;
}
 
@media (min-width: 992px) {
    .glass-card {
        top: 50px !important;
        width: 750px !important;
    }
}
 
 
/* Icon box */
 
.icon-box {
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
}
 
.icon-box img {
    width: 28px;
    height: 28px;
}

/* Our services */
 
.services-heading {
    font-size: 32px;
}
 
.service-card {
    border: 1px solid rgba(224, 27, 34, 0.2);
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);
}
 
.service-icon {
    width: 100px;
    height: 100px;
}
 
.card-title {
    font-size: 18px;
    color: var(--bs-gray-light-text);
}
 
.card-text {
    font-size: 18px;
    line-height: 26px;
    color: var(--bs-gray-light-text);
}