.display {
  color: var(--colors-gray-light-mode-900);
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
}

.display-2xl {
  font-style: normal;
  line-height: var(--line-height-display-2xl);
  letter-spacing: -0.09rem;
}

.display-xl {
  font-size: var(--font-size-display-xl, 3.75rem);
  line-height: var(--line-height-display-xl);
  letter-spacing: -0.075rem;
}

.display-lg {
  font-size: var(--font-size-display-lg);
  line-height: var(--line-height-display-lg);
  letter-spacing: -0.06rem;
}

.display-md {
  font-size: var(--font-size-display-md);
  line-height: var(--line-height-display-md);
  letter-spacing: -0.045rem;
}

.display-sm {
  font-size: var(--font-size-display-sm, 1.875rem);
  line-height: var(--line-height-display-sm, 2.375rem);
}

.display-xs {
  font-size: var(--font-size-display-xs, 1.5rem);
  line-height: var(--line-height-display-xs, 2rem);
}

.text {
  color: var(--colors-gray-light-mode-900, #181D27);
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
}

.text-xl {
  font-size: var(--font-size-text-xl, 1.25rem);
  line-height: var(--line-height-text-xl, 1.875rem);
}

.text-lg {
  font-size: var(--font-size-text-lg, 1.125rem);
  line-height: var(--line-height-text-lg, 1.75rem);
}

.text-md {
  font-size: var(--font-size-text-md, 1rem);
  line-height: var(--line-height-text-md, 1.5rem);
}

.text-sm {
  font-size: var(--font-size-text-sm, 0.875rem);
  line-height: var(--line-height-text-sm, 1.25rem); /* 142.857% */
}

.text-xs {
  font-size: var(--font-size-text-xs, 0.75rem);
  line-height: var(--line-height-text-xs, 1.125rem); /* 150% */
}

/* begin::buttons */

.button {
  border-radius: var(--radius-md, 0.5rem) !important;
  font-family: Inter;
  font-style: normal;
  font-weight: 600; /* semibold */

  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;

  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  transition: color .15s ease-in-out,
              background-color .15s ease-in-out,
              border-color .15s ease-in-out,
              box-shadow .15s ease-in-out;

  box-shadow: 0 0 0 1px var(--Colors-Effects-Shadows-shadow-skeumorphic-inner-border) inset,
              0 -2px 0 0 var(--Colors-Effects-Shadows-shadow-skeumorphic-inner) inset,
              0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs);
  border: none !important;
}

.button img {
  width: 1.25rem;
  height: 1.25rem;
}

.button:focus, .select2-container--open .select2-selection {
  box-shadow: 0 0 0 1px var(--Colors-Effects-Shadows-shadow-skeumorphic-inner-border) inset,
              0 -2px 0 0 var(--Colors-Effects-Shadows-shadow-skeumorphic-inner) inset,
              0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs),
              0 0 0 2px #FFF,
              0 0 0 4px var(--colors-brand-500) !important;
}

.button-tertiary {
  color: var(--colors-gray-light-mode-600);
  box-shadow: none;
}

.button-tertiary:hover {
  color: var(--colors-gray-light-mode-700);
  background-color: var(--colors-gray-light-mode-50);
}

.button-tertiary:focus {
  box-shadow: 0 0 0 2px #FFF,
              0 0 0 4px var(--colors-brand-500);
}

.button-tertiary:disabled, .button-tertiary.disabled {
  color: var(--colors-gray-light-mode-400);
}

.button-secondary {
  color: var(--colors-gray-light-mode-700);
  background: #fff;
}

.button-secondary:hover {
  background: var(--colors-gray-light-mode-50);
  color: var(--colors-gray-light-mode-800);
}

.button-secondary:disabled, .button-secondary.disabled {
  border: 1px solid var(--colors-gray-light-mode-200);
  background:#FFF;
  box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs);
  color: var(--colors-gray-light-mode-400);
}

.button.disabled:hover {
  cursor: auto;
}

.button-brand::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--radius-md, 0.5rem);
  padding: 2px;
  background: linear-gradient(to bottom, rgb(255, 255, 255, 0.12), transparent);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

.button-brand {
  position: relative;
  border: none;
  z-index: 1;
  background: var(--colors-brand-600);
  color: #FFF;
}

.button-brand:hover {
  background: var(--colors-brand-700);
}

.button-brand:disabled, .button-brand.disabled {
  border: 1px solid var(--colors-gray-light-mode-200);
  background: var(--colors-gray-light-mode-100);
  color: var(--colors-gray-light-mode-400);
  box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs);
}

.button-sm {
  padding: var(--spacing-md, 0.5rem) var(--spacing-lg, 0.75rem);
  gap: var(--spacing-xs, 0.25rem);
  /* Text sm */
  font-size: var(--font-size-text-sm, 0.875rem);
  line-height: var(--line-height-text-sm, 1.25rem);
}

/* md */
.button-md {
  padding: 0.625rem 0.875rem;
  gap: var(--spacing-xs, 0.25rem);
  /* Text md */
  font-size: var(--font-size-text-sm, 0.875rem);
  line-height: var(--line-height-text-sm, 1.25rem);
}

/* lg */
.button-lg {
  padding: 0.625rem var(--spacing-xl, 1rem);
  gap: var(--spacing-sm, 0.375rem);
  /* Text lg */
  font-size: var(--font-size-text-md, 1rem);
  line-height: var(--line-height-text-md, 1.5rem);
}

/* xl */
.button-xl {
  padding: var(--spacing-lg, 0.75rem) 1.125rem;
  gap: var(--spacing-sm, 0.375rem);
  /* Text xl */
  font-size: var(--font-size-text-md, 1rem);
  line-height: var(--line-height-text-md, 1.5rem);
}

/* end::buttons */

/* begin::input group */

.my-input {
  padding: 0.625rem 0.875rem !important;
  border-radius: var(--radius-md, 0.5rem) !important;
  border: 1px solid var(--Colors-Border-border-primary, #D5D7DA) !important;
  background: var(--Colors-Background-bg-primary, #FFF);
  display: block;
  width: 100%;

  /* Shadows/shadow-xs */
  box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
}

.my-input:focus, .my-phone select:focus, .my-phone input:focus {
  border: 2px solid var(--Colors-Border-border-brand, #159E87) !important;
}

.my-input:disabled, .my-input.disabled {
  background: var(--Colors-Background-bg-disabled_subtle, #FAFAFA);
}

.my-phone {
  display: flex;
  width: 100%;
}

.my-phone select, .my-phone .select2-selection {
  max-width: 100px;
  border-radius: var(--radius-md, 0.5rem) 0 0 var(--radius-md, 0.5rem) !important;
  padding: 0.625rem 0.875rem !important;
  border: 1px solid var(--Colors-Border-border-primary, #D5D7DA) !important;
  border-right: 0 !important;
  background: var(--Colors-Background-bg-primary, #FFF);
  /* display: block; */
  width: 100%;
  height: auto !important;

  /* Shadows/shadow-xs */
  box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
}

.my-phone .select2-container .select2-dropdown {
  top: 100% !important;
  bottom: auto !important;
}

.my-phone .select2-container.open-up .select2-dropdown {
  bottom: 100% !important;
  top: auto !important;
}

.my-phone .select2-container {
  /* width: 100% !important; */
  width: 100px !important;
}

.select2-container--default .select2-results__option {
  margin: 0 var(--spacing-sm);
  color: var(--colors-text-text-primary-900, #181D27);

  font-family: var(--Font-family-font-family-body, Inter);
  font-size: var(--Font-size-text-md, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-height-text-md, 1.5rem);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin: 0;
  padding-right: var(--spacing-sm) !important;
}

.select2-container--default .select2-selection--multiple {
  position: relative;
  padding-right: 28px !important;
  min-height: 38px;
  padding: var(--spacing-lg, 0.75rem) 1.125rem !important;
  cursor: pointer;
}

.select2-selection__placeholder, .select2-selection__rendered {
  color: var(--colors-text-text-secondary-700, #414651) !important;

  /* Text md/Regular */
  font-family: var(--Font-family-font-family-body, Inter) !important;
  font-size: var(--Font-size-text-md, 1rem) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: var(--Line-height-text-md, 1.5rem) !important;
}

.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--selected {
  background-color: var(--colors-gray-light-mode-50) !important;
  border-radius: var(--radius-sm);
  color: var(--colors-text-text-primary-900, #181D27) !important;
}

.select2-results__option {
  display: flex;
  align-items: center;
  gap: 8px;
}

.select2-selection__choice {
  display: none !important;
}

.select2-results__option input[type="checkbox"] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid var(--colors-gray-light-mode-300);;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
}

.phone-select2-fixed-width {
  width: 15.5rem !important;
}

.select2-results__option.select2-results__option--selected input[type="checkbox"] {
  background-color: var(--colors-brand-600);
  border-color: var(--colors-brand-600);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M6.173 12.414 2.05 8.293l1.414-1.414 2.708 2.708 6.364-6.364 1.414 1.414z'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

.select2-container--default .select2-selection--multiple {
  position: relative;
  padding-right: 28px;
  min-height: 38px;
  cursor: pointer !important;
}

.select2-container--open .select2-dropdown {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.select2-container--default .select2-selection--multiple::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='gray'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/></svg>") no-repeat center;
  background-size: contain;
  pointer-events: none;
}

.select2-container--default .select2-selection--multiple textarea.select2-search__field {
  display: none;
}

.select2-results__option {
  display: flex;
  align-items: center;
}

.select2-container--default .select2-results__option {
  position: relative;
  padding-right: 24px;
}

.select2-container--default .select2-results__option--selected::after {
  content: "";
  position: absolute;
  right: 1px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  top: 50%;
}

.select2-container--default .select2-dropdown {
  border-radius: var(--radius-md, 0.5rem) !important;
  border: 1px solid var(--Colors-Border-border-primary, #D5D7DA) !important;
  box-shadow: 0 12px 16px -4px var(--Colors-Effects-Shadows-shadow-lg_01, rgba(10, 13, 18, 0.08)), 0 4px 6px -2px var(--Colors-Effects-Shadows-shadow-lg_02, rgba(10, 13, 18, 0.03)), 0 2px 2px -1px var(--Colors-Effects-Shadows-shadow-lg_03, rgba(10, 13, 18, 0.04));
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: var(--radius-md, 0.5rem) !important;
  border: 1px solid var(--Colors-Border-border-primary, #D5D7DA) !important;
}


.select2-container--default .select2-results__options::-webkit-scrollbar {
    width: 4px;
}

.select2-container--default .select2-results__options::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 8px;
}

.select2-container--default .select2-results__options::-webkit-scrollbar-thumb {
    background: var(--colors-brand-700);
    border-radius: 8px;
}

.select2-container--default .select2-results__options::-webkit-scrollbar-thumb:hover {
    background: var(--colors-brand-800);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.my-phone input {
  border-radius: 0 var(--radius-md, 0.5rem) var(--radius-md, 0.5rem) 0 !important;
  padding: 0.625rem 0.875rem !important;
  border: 1px solid var(--Colors-Border-border-primary, #D5D7DA) !important;
  border-left: 0 !important;
  background: var(--Colors-Background-bg-primary, #FFF);
  display: block;
  width: 100%;

  /* Shadows/shadow-xs */
  box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
}

.my-phone .select2-selection__rendered {
  padding-left: 0 !important;
  padding-right: var(--spacing-sm) !important;
  color: var(--colors-text-text-tertiary-600, #535862) !important;
  font-size: var(--Font-size-text-md, 1rem);
  line-height: var(--Line-height-text-md, 1.5rem) !important;
}

.my-selcet + .select2 {
  width: 100% !important;
  /* max-width: 100px; */
  margin-bottom: var(--spacing-xl);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--colors-text-text-secondary-700, #414651) !important;
  font-size: var(--Font-size-text-md, 1rem);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-text-md, 1.5rem);
}

.my-selcet + .select2-container--default .select2-selection--single .select2-selection__arrow {
  transform: none !important;
  position: sticky;
}

.my-selcet + .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: inherit;
  padding: 0 !important;
}

.select2-container--default .select2-results {
  border-top: 1px solid var(--colors-gray-light-mode-200);
  padding-top: 0.75rem;
}

.select2-container--default .select2-results .select2-results__options {
  padding: 0 0.25rem 0.25rem 0.25rem !important;
}

.select2-container--default .select2-search--dropdown {
  padding: 0.75rem !important;
}

/* end::input group */

/* begin::arrow buttons */
.arrow-btns {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4xl);
}

.arrow-btns > * {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-lg, 0.75rem);
  flex-shrink: 0;
  border-radius: var(--radius-full, 624.9375rem);
  border: 1px solid var(--Colors-Border-border-secondary, #E9EAEB) !important;
  background: #fff !important;
  color: var(--colors-gray-light-mode-400) !important;
}

.arrow-btns > *:hover:not(:disabled) {
  background: var(--colors-gray-light-mode-50);

  /* Backdrop blurs/backdrop-blur-sm */
  backdrop-filter: blur(4px);
}

.arrow-btns > * svg path {
  stroke: var(--colors-gray-light-mode-400) !important;
}
.arrow-btns > *:disabled svg path {
  stroke: var(--colors-gray-light-mode-300) !important;
}
.arrow-btns > *:disabled {
  border: 1px solid var(--colors-gray-light-mode-100) !important;
  color: var(--colors-gray-light-mode-300) !important;
}

.arrow-btns-lg > * {
  width: 3.5rem !important;
  height: 3.5rem !important;
}

.arrow-btns-md > * {
  width: 3rem !important;
  height: 3rem !important;
}

/* end::arrow buttons */

/* begin::links */
.link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  border-radius: var(--radius-xs, 0.25rem);

  transition: color .15s ease-in-out,
              background-color .15s ease-in-out,
              border-color .15s ease-in-out,
              box-shadow .15s ease-in-out;
}

.link-sm, .link-md {
  font-size: var(--font-size-text-sm, 0.875rem);
  line-height: var(--line-height-text-sm, 1.25rem);
  gap: var(--spacing-xs, 0.25rem);
}

.link-lg, .link-xl {
  font-size: var(--font-size-text-md, 1rem);
  line-height: var(--line-height-text-md, 1.5rem);
  gap: var(--spacing-md, 0.5rem);
}

.link-brand {
  color: var(--colors-brand-700);
}


.link-brand:hover {
  color: var(--colors-brand-800);
  /* text-decoration-line: underline; */
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.link:focus {
  box-shadow: 0 0 0 2px #FFF,
              0 0 0 4px var(--colors-brand-500);
}

.link-brand:disabled, .link-brand.disabled,
.link-gray:disabled, .link-gray.disabled {
  color: var(--colors-gray-light-mode-400);
  cursor: auto;
  text-decoration: none;
}

.link-gray {
  color: var(--colors-gray-light-mode-600);
}

.link-gray:hover:not(.link-gray:disabled, .link-gray.disabled) {
  color: var(--colors-gray-light-mode-700);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

/* end::links */

/* begin::badges */
.my-badge {
  display: inline-flex;
  padding: var(--spacing-xs, 0.25rem) var(--spacing-md, 0.5rem) var(--spacing-xs, 0.25rem) var(--spacing-xs, 0.25rem);
  align-items: center;
  gap: var(--spacing-md, 0.5rem);

  border-radius: var(--radius-lg, 0.625rem);
  border: 1px solid var(--colors-gray-light-mode-300);
  background: #FFF;

  /* Shadows/shadow-xs */
  box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));

  color: var(--colors-text-text-secondary-700, #414651);
  text-align: center;

  /* Text xs/Medium */
  font-family: Inter;
  font-style: normal;
  font-weight: 500;

}

.my-badge > div {
  display: flex;
  padding: var(--spacing-xxs, 0.125rem) var(--spacing-sm, 0.375rem);
  align-items: center;
  gap: var(--spacing-xs, 0.25rem);

  border-radius: var(--radius-lg, 0.625rem);
  border: 1px solid var(--Colors-Border-border-primary, #D5D7DA);
  background: var(--Colors-Background-bg-primary, #FFF);

  /* Shadows/shadow-xs */
  box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
}

.my-badge:hover, .my-badge > div:hover {
  background: var(--colors-gray-light-mode-50);
}

.my-badge img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  max-width: 100%;
}

.my-badge-md {
  font-size: var(--font-size-text-xs, 0.75rem);
  line-height: var(--line-height-text-xs, 1.125rem);
}

.my-badge-lg {
  font-size: var(--font-size-text-sm, 0.75rem);
  line-height: var(--line-height-text-sm, 1.125rem);
}


.my-pill {
  display: flex;
  padding: var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-xs);
  align-items: center;
  gap: var(--spacing-md);

  border-radius: var(--radius-full);
  border: 1px solid var(--colors-brand-200);
  background: var(--colors-brand-50);

  color: var(--colors-brand-700);
  text-align: center;

  /* Text xs/Medium */
  font-family: Inter;
  font-style: normal;
  font-weight: 500;

}

.my-pill > div {
  display: flex;
  padding: var(--spacing-xxs, 0.125rem) var(--spacing-sm, 0.375rem);
  align-items: center;
  gap: var(--spacing-md);

  border-radius: var(--radius-full);
  border: 1px solid var(--colors-brand-200);
  background: var(--Colors-Background-bg-primary, #FFF);
}

.my-pill:hover {
  background: var(--colors-brand-100);
}

.my-pill-md {
  font-size: var(--font-size-text-xs, 0.75rem);
  line-height: var(--line-height-text-xs, 1.125rem);
}

.my-pill-lg {
  font-size: var(--font-size-text-sm, 0.75rem);
  line-height: var(--line-height-text-sm, 1.125rem);
}


/* end::badges */

/* begin::hero header */
.hero-header {
  padding-top: var(--spacing-7xl);
  padding-bottom: var(--spacing-7xl);
}

.hero-header > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-4xl, 3rem);
  flex: 1 0 0;
}

.hero-header > div:first-child > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xl, 1.5rem);
  align-self: stretch;
}

.hero-header > div:first-child > div:last-child {
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: var(--spacing-lg);
}

.hero-header > div:first-child > div:first-child > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xl, 1rem);
  align-self: stretch;
}

.hero-header > div:last-child {
  height: 24.5rem !important;
}

/* end::hero header */

/* begin::cta split */
.cta-split-section {
  display: flex;
  flex-direction: column;
  /* gap: var(---spacing-7xl); */
  align-items: center;
  background-color: var(--colors-brand-800);
  border-radius: var(--radius-4xl);
  overflow: hidden;
  box-shadow: 0 20px 24px -4px var(--Colors-Effects-Shadows-shadow-xl_01, rgba(10, 13, 18, 0.08)), 0 8px 8px -4px var(--Colors-Effects-Shadows-shadow-xl_02, rgba(10, 13, 18, 0.03)), 0 3px 3px -1.5px var(--Colors-Effects-Shadows-shadow-xl_03, rgba(10, 13, 18, 0.04));
}

.cta-split-section > div:first-child {
  padding: var(--spacing-6xl) var(--spacing-3xl);
  /* flex-grow: 1; */
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4xl);
  width: 100%;
}

.cta-split-section > div:first-child .col {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

.cta-split-section > div:last-child {
  height: 17.5rem;
  width: 100%;
}

.cta-split-section > div:first-child .btns {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.cta-split-section > div:first-child .btns > * {
  width: 100%;
}
/* end::cta split */

/* begin::visa-banner */
.visa-banner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: center;
}

.visa-banner > div:first-child {
  padding: var(--spacing-5xl) var(--spacing-3xl) var(--spacing-6xl) var(--spacing-3xl);
  width: 100%;
}

.visa-banner > div:last-child {
  height: 12rem;
  width: 100%;
  padding-left: var(--spacing-3xl);
}
/* end::visa-banner */

/* begin::navigation */

.navbar-toggler:focus {
  box-shadow: none !important;
}

.navbar-toggler[aria-expanded="false"] > span:first-child {
  display: inline-block !important;
}

.navbar-toggler[aria-expanded="false"] > span:last-child {
  display: none !important;
}

.navbar-toggler:not([aria-expanded="false"]) > span:first-child {
  display: none !important;
}

.navbar-toggler:not([aria-expanded="false"]) > span:last-child {
  display: inline-block !important;
}

.navbar:has(.navbar-toggler:not([aria-expanded="false"])) > div {
  background-color: white !important;
  box-shadow: 0 12px 16px -4px var(--Colors-Effects-Shadows-shadow-lg_01, rgba(10, 13, 18, 0.08)), 0 4px 6px -2px var(--Colors-Effects-Shadows-shadow-lg_02, rgba(10, 13, 18, 0.03)), 0 2px 2px -1px var(--Colors-Effects-Shadows-shadow-lg_03, rgba(10, 13, 18, 0.04));
}

.navbar:has(.navbar-toggler:not([aria-expanded="false"])) > div {
  z-index: 100;
}

body:has(.navbar-toggler:not([aria-expanded="false"]))::before {
  content: '';
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: var(--Colors-Background-bg-overlay, #0A0D12);
  z-index: 99;
  top: 0;
  left: 0;
}

body::before, body {
  transition: all .2s ease;
}

.navbar-collapse.collapse.show > ul {
  gap: var(--spacing-xxs);
}

:focus-visible {
  outline: 0;
}

.nav-link:focus-visible {
  box-shadow: none !important;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: var(--colors-gray-light-mode-100) !important;
  color: inherit !important;
}

.navbar-collapse.collapse.show > ul li:hover {
  background-color: var(--colors-gray-light-mode-50);
  border-radius: var(--radius-xl);
}

.h-nav {
  height: 4.5rem;
}

.dropdown-menu.show {
  display: flex !important;
}
.dropdown-menu {
  flex-direction: column;
  gap: var(--spacing-xxs);
}

/* dropdown icon */
.dropdown-toggle::after {
  border: none !important;
  width: 0.625rem;
  height: 0.375rem;
  margin-left: auto !important;
  background-repeat: no-repeat;
  transition: background 0.2s ease-in-out;
  flex-shrink: 0;
}

/* end::navigation */

/* begin::slide-map-section */
.slide-map-section {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--spacing-6xl);
}

.slide-map-section > div:first-child {
  height: 12.06331rem;
  flex-grow: 1;
}

.slide-map-section > div:last-child {
  height: 12.06331rem;
  flex-shrink: 1;
}
/* end::slide-map-section */

/* begin::pagination */

.my-pagination {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: var(--spacing-xxs);
  margin-bottom: 0;
  padding-left: 0;
}

.my-pagination > li > a {
  width: 100%;
  padding: 0.75rem;
  border-radius: var(--radius-full);
  height: 100%;
}

.my-pagination > li {
  padding: var(--spacing-lg);
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.my-pagination > li.active {
  border-radius: var(--radius-full, 624.9375rem);
  background: var(--Colors-Background-bg-primary_hover, #FAFAFA);
  color: var(--colors-gray-light-mode-700);
}

/* end::pagination */

/* begin::range slider */
.noUi-tooltip {
  top: 120% !important;
  bottom: 0 !important;
  border: none !important;
  background-color: none !important;
  border-radius: none !important;
}

.noUi-handle::before {
  display: none !important;
}

.noUi-handle::after {
  display: none !important;
}

.noUi-handle {
  height: 1.5rem !important;
  width: 1.5rem !important;
  top: -8px !important;
  right: -23px !important;
  border-radius: var(--radius-full) !important;
  border: 2px solid var(--colors-brand-600) !important;
  background-color: white !important;
}

.noUi-handle.noUi-handle-upper {
  right: -1px !important;
}

.noUi-connect {
  background-color: var(--colors-brand-600) !important;
}

/* end::range slider */

/* begin::fp serach input */
.fp-search-input {
  width: 100%;
  margin: auto;
  display: flex;
}

.fp-search-input input {
  /* width: 22.69rem; */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: none !important;
}

.fp-search-input button {
  /* width: 7.31rem; */
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
/* end::fp serach input */

/* on Medium Screens */
@media (min-width: 768px) {

  .home-hero-img {
    aspect-ratio: 7 / 3 !important;
  }

  .my-pill-md-md {
    font-size: var(--font-size-text-xs, 0.75rem);
    line-height: var(--line-height-text-xs, 1.125rem);
  }

  .my-pill-md-lg {
    font-size: var(--font-size-text-sm, 0.75rem);
    line-height: var(--line-height-text-sm, 1.125rem);
  }

  .my-selcet + .select2 {
    width: auto !important;
    margin-right: var(--spacing-xl);
    margin-bottom: 0;
  }

  /* begin::visa-banner */
  .visa-banner {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    align-items: center;
  }

  .visa-banner > div:first-child {
    padding: var(--spacing-3xl);
  }

  .visa-banner > div:last-child {
    height: 29rem;
    width: 39rem;
    padding: 3rem 0 0 3rem;
  }
  /* end::visa-banner */

  .slide-map-section > div:first-child,
  .slide-map-section > div:last-child {
    height: 25rem;
  }

  .hero-header > div:first-child > div:last-child {
    flex-direction: row-reverse;
  }

  .arrow-md-btns-lg > * {
    width: 3.5rem !important;
    height: 3.5rem !important;
  }

  .arrow-md-btns-md > * {
    width: 3rem !important;
    height: 3rem !important;
  }

  /* begin::cta split */
  .cta-split-section {
    flex-direction: row;
  }

  .cta-split-section > div:first-child {
    /* padding: var(--spacing-7xl);
    gap: var(--spacing-6xl); */
    width: auto;
  }

  .cta-split-section > div:first-child .col {
    display: flex;
    flex-direction: column;
    /* gap: var(--spacing-2xl); */
  }

  .cta-split-section > div:last-child {
    height: 25rem;
    min-width: 30rem;
  }

  .cta-split-section > div:first-child .btns {
    flex-direction: row-reverse;
    justify-content: start;
  }

  .cta-split-section > div:first-child .btns > * {
    width: auto;
  }
  /* end::cta split */

  .my-badge-md-md {
    font-size: var(--font-size-text-xs, 0.75rem);
    line-height: var(--line-height-text-xs, 1.125rem);
  }

  .my-badge-md-lg {
    font-size: var(--font-size-text-sm, 0.75rem);
    line-height: var(--line-height-text-sm, 1.125rem);
  }

  .display-md-2xl {
    font-style: normal;
    line-height: var(--line-height-display-2xl);
    letter-spacing: -0.09rem;
  }

  .display-md-xl {
    font-size: var(--font-size-display-xl, 3.75rem);
    line-height: var(--line-height-display-xl);
    letter-spacing: -0.075rem;
  }

  .display-md-lg {
    font-size: var(--font-size-display-lg);
    line-height: var(--line-height-display-lg);
    letter-spacing: -0.06rem;
  }

  .display-md-md {
    font-size: var(--font-size-display-md);
    line-height: var(--line-height-display-md);
    letter-spacing: -0.045rem;
  }

  .display-md-sm {
    font-size: var(--font-size-display-sm, 1.875rem);
    line-height: var(--line-height-display-sm, 2.375rem);
  }

  .display-md-xs {
    font-size: var(--font-size-display-xs, 1.5rem);
    line-height: var(--line-height-display-xs, 2rem);
  }

  .text {
    color: var(--colors-gray-light-mode-900, #181D27);
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
  }

  .text-md-xl {
    font-size: var(--font-size-text-xl, 1.25rem);
    line-height: var(--line-height-text-xl, 1.875rem);
  }

  .text-md-lg {
    font-size: var(--font-size-text-lg, 1.125rem);
    line-height: var(--line-height-text-lg, 1.75rem);
  }

  .text-md-md {
    font-size: var(--font-size-text-md, 1rem);
    line-height: var(--line-height-text-md, 1.5rem);
  }

  .text-md-sm {
    font-size: var(--font-size-text-sm, 0.875rem);
    line-height: var(--line-height-text-sm, 1.25rem); /* 142.857% */
  }

  .text-md-xs {
    font-size: var(--font-size-text-xs, 0.75rem);
    line-height: var(--line-height-text-xs, 1.125rem); /* 150% */
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  /* begin::fp serach input */
  .fp-search-input {
    width: 30rem;
  }

  .fp-search-input input {
    width: 22.69rem;
  }

  .fp-search-input button {
    width: 7.31rem;
  }
  /* end::fp serach input */

  .select2-fixed-width {
    width: 15.5rem !important;
  }

  .visa-banner > div:first-child {
    padding: var(--spacing-7xl);
  }

  .slide-map-section {
    flex-direction: row;
    height: 25.3225rem;
  }

  .slide-map-section > div:first-child,
  .slide-map-section > div:last-child {
    height: 25.3225rem;
  }

  .slide-map-section > div:last-child {
    /* min-width: 20rem; */
    min-width: 28rem;
  }

  .h-nav {
    height: 5rem;
  }

  .dropdown-menu {
    width: 20rem;
  }

  .navbar:has(.navbar-toggler:not([aria-expanded="false"])) > div {
    background: none !important;
    box-shadow: none !important;
  }

  .navbar-collapse.collapse.show > ul li:hover {
    background: none !important;
  }

  .dropdown-menu.show {
    box-shadow: 0 12px 16px -4px var(--Colors-Effects-Shadows-shadow-lg_01, rgba(10, 13, 18, 0.08)), 0 4px 6px -2px var(--Colors-Effects-Shadows-shadow-lg_02, rgba(10, 13, 18, 0.03)), 0 2px 2px -1px var(--Colors-Effects-Shadows-shadow-lg_03, rgba(10, 13, 18, 0.04));
  }

  /* dropdown icon */
  .dropdown-toggle::after {
    margin-left: var(--spacing-sm) !important;
  }

  /* begin::cta split */
  .cta-split-section {
    flex-direction: row;
  }

  .cta-split-section > div:first-child {
    padding: var(--spacing-7xl);
    gap: var(--spacing-6xl);
    width: auto;
  }

  .cta-split-section > div:first-child .col {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xl);
  }

  .cta-split-section > div:last-child {
    height: 25rem;
    width: 30rem;
  }

  .cta-split-section > div:first-child .btns {
    flex-direction: row-reverse;
    justify-content: start;
  }

  .cta-split-section > div:first-child .btns > * {
    width: auto;
  }
  /* end::cta split */

  .my-badge-lg-md {
    font-size: var(--font-size-text-xs, 0.75rem);
    line-height: var(--line-height-text-xs, 1.125rem);
  }

  .my-badge-lg-lg {
    font-size: var(--font-size-text-sm, 0.75rem);
    line-height: var(--line-height-text-sm, 1.125rem);
  }

  /* begin::hero header */
  .hero-header {
    display: flex;
    max-width: var(--container-max-width-desktop, 80rem);
    /* padding: 0 var(--container-padding-desktop, 2rem); */
    justify-content: end;
    align-items: center;
    gap: var(--spacing-4xl, 2rem);
    align-self: stretch;
    padding-bottom: var(--spacing-9xl);
    position: relative;
  }

  .hero-header > div:first-child {
    position: absolute;
    left: 0;
  }

  .hero-header > div:first-child > div:first-child {
    gap: var(--spacing-3xl, 1.5rem);
  }

  .hero-header > div:first-child > div:first-child > div:first-child {
    min-width: 48rem;
  }

  .hero-header > div:last-child {
    height: 40rem !important;
    max-width: 35rem;
    flex: 1 0 0;
  }

  .hero-header > div:last-child.country {
    max-width: 37rem;
  }

  .hero-header > div:last-child.city {
    height: 45rem !important;
  }

  body:has(.navbar-toggler:not([aria-expanded="false"]))::before {
    position: static;
    width: auto;
    height: auto;
    opacity: 0;
    background: none;
    z-index: 0;
  }
  /* end::hero header */


  .display-lg-2xl {
    font-style: normal;
    line-height: var(--line-height-display-2xl);
    letter-spacing: -0.09rem;
  }

  .display-lg-xl {
    font-size: var(--font-size-display-xl, 3.75rem);
    line-height: var(--line-height-display-xl);
    letter-spacing: -0.075rem;
  }

  .display-lg-lg {
    font-size: var(--font-size-display-lg);
    line-height: var(--line-height-display-lg);
    letter-spacing: -0.06rem;
  }

  .display-lg-md {
    font-size: var(--font-size-display-md);
    line-height: var(--line-height-display-md);
    letter-spacing: -0.045rem;
  }

  .display-lg-sm {
    font-size: var(--font-size-display-sm, 1.875rem);
    line-height: var(--line-height-display-sm, 2.375rem);
  }

  .display-lg-xm {
    font-size: var(--font-size-display-xs, 1.5rem);
    line-height: var(--line-height-display-xs, 2rem);
  }

  .text {
    color: var(--colors-gray-light-mode-900, #181D27);
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
  }

  .text-lg-xl {
    font-size: var(--font-size-text-xl, 1.25rem);
    line-height: var(--line-height-text-xl, 1.875rem);
  }

  .text-lg-lg {
    font-size: var(--font-size-text-lg, 1.125rem);
    line-height: var(--line-height-text-lg, 1.75rem);
  }

  .text-lg-md {
    font-size: var(--font-size-text-md, 1rem);
    line-height: var(--line-height-text-md, 1.5rem);
  }

  .text-lg-sm {
    font-size: var(--font-size-text-sm, 0.875rem);
    line-height: var(--line-height-text-sm, 1.25rem); /* 142.857% */
  }

  .text-lg-xs {
    font-size: var(--font-size-text-xs, 0.75rem);
    line-height: var(--line-height-text-xs, 1.125rem); /* 150% */
  }
}

.filter-select2 + .select2 {
  width: 100% !important;
}