@font-face {
  font-family: Pro-display-regular;
  src: url('../fonts/SF-Pro-Display-Regular.woff');
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: Pro-display-semibold;
  src: url('../fonts/SF-Pro-Display-Semibold.woff');
  font-display: swap;
  font-weight: 600;
}

@font-face {
  font-family: Pro-display-bold;
  src: url('../fonts/SF-Pro-Display-Bold.woff');
  font-display: swap;
  font-weight: 700;
}

@font-face {
  font-family: PT-Serif-bold;
  src: url('../fonts/PT-Serif-Latin-700.woff2');
  font-display: swap;
  font-weight: 700;
}

@font-face {
  font-family: PT-Serif-bold;
  src: url('../fonts/PT-Serif-Latin-700-ext.woff2');
  font-display: swap;
  font-weight: 700;
}

@font-face {
  font-family: PT-Serif-bold;
  src: url('../fonts/PT-Serif-Cyrilic-700.woff2');
  font-display: swap;
  font-weight: 700;
}

@font-face {
  font-family: PT-Serif-regular;
  src: url('../fonts/PT-Serif-Latin-400.woff2');
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: PT-Serif-regular;
  src: url('../fonts/PT-Serif-Cyrilic-400.woff2');
  font-display: swap;
  font-weight: 400;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.005em;
  color: #8F95B2;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.005em;
  color: #8F95B2;
}

.object-fit-cover {
  object-fit: cover;
}

.language-selector {
  /* padding: 5px; */
  /* transition: 0.5s; */
  border: none;
  background-color: white;
  outline: none;
}

.appearance-initial {
  -webkit-appearance: initial;
}


html {
  scroll-behavior: smooth;
  scroll-padding-top: 68px;
}

body {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  font-family: Pro-display-regular;
  text-underline-offset: 2px;
  -webkit-tap-highlight-color: transparent;
}

img {
  vertical-align: bottom;
}

button {
  cursor: pointer;
}

td {
  height: 56px;
}

.selected-plan {
  background: #E1EEE4 !important;
}

h1,
h2,
h3,
h4,
p {
  font-weight: 400;
  margin: 0px;
}


.gap-5 {
  gap: 5px !important;
}

.gap-10 {
  gap: 10px !important;
}

.gap-15 {
  gap: 15px !important;
}

.gap-20 {
  gap: 20px !important;
}

.gap-30 {
  gap: 30px !important;
}

.gap-40 {
  gap: 40px !important;
}

.gap-50 {
  gap: 50px !important;
}

.container-1110 {
  width: 100%;
}

.container-1600 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
}

/* COLORS */
.bg-white {
  background-color: white;
}

.bg-gray {
  background-color: #EDEEEF;
}

.bg-darkblue {
  background-color: #182032;
}

.bg-warning {
  background-color: #F8F1EF;
}

.bg-greencta {
  background-color: #31AB4C;
}

.bg-primary {
  background-color: #007bff;
}

.bg-mobile {
  background-color: #F1F3F5;
}

.bg-form-closed {
  background-color: #EAEBEC;
}

.bg-transparent {
  background-color: transparent;
}

.bg-attention {
  background-color: #F8F1EF;
}

.border-none {
  border: none;
}

.border-1-lightgray {
  border: 1px solid lightgray;
}

.border-toggle-form {
  border: 1px solid #bfc2c5c7;
}

.radius-1 {
  border-radius: 1px;
}

.radius-2 {
  border-radius: 2px;
}

.text-navy {
  color: #4B556C;
}

.text-darkheader {
  color: #2D333D;
}

.text-primary {
  color: #007bff;
}

.text-darkgray {
  color: #8E9095;
}

.text-muted {
  color: #898E96 !important;
}

.text-subheader {
  color: #A4AAB6;
}

.text-brown-light {
  color: #DECCB3;
}

.text-red600 {
  color: #B22E2E;
}

.text-darkgreen {
  color: #4DA560;
}

.text-greencta {
  color: #31AB4C;
}

.text-underline {
  text-decoration: underline;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.immigration-span {
  border-radius: 2px 0px 0px 2px;
  border: 1px solid #DCDCDC;
  background: #EBEBEB;
  padding: 1px 4px;
  font-size: 12px;
  font-family: 'PT-Serif-bold';
}

.visa-span {
  border-radius: 0px 2px 2px 0px;
  border: 1px solid #DCDCDC;
  padding: 1px 4px;
  font-size: 12px;
  font-family: 'PT-Serif-regular';
}

.fixed-header-bar-hidden {
  position: fixed;
  left: 0px;
  top: -80px;
  width: 100%;
  height: 62px;
  z-index: 3;
  transition: 1s;
  background-color: white;
  box-sizing: border-box;
  box-shadow: 0px 3px 5px rgb(0 0 0 / 10%);
}

.fixed-header-bar {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 62px;
  z-index: 3;
  transition: 1s;
  background-color: white;
  box-sizing: border-box;
  box-shadow: 0px 3px 5px rgb(0 0 0 / 10%);
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.visibility-content-hidden {
  content-visibility: hidden;
}

.visibility-visible {
  visibility: visible;
}

.flex-grow-1 {
  flex-grow: 1;
  flex-basis: 0;
}

.flex-none {
  flex: none;
}

.align-self-center {
  align-self: center;
}

.cursor-pointer {
  cursor: pointer;
}

.tap-transparent {
  -webkit-tap-highlight-color: transparent;
}

.zindex-2 {
  z-index: 2;
}

.border-box {
  box-sizing: border-box;
}

.loading-block {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100vh;
  background-color: black;
  opacity: 0.7;
  z-index: 2;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}


.height-0 {
  max-height: 0px;
}

.height-80vh {
  height: 80vh;
  box-sizing: border-box;
}

.height-100p {
  height: 100%;
  box-sizing: border-box;
}

.height-100vh {
  height: 100vh;
  box-sizing: border-box;
}

.min-height-100vh {
  min-height: 100vh;
}

.width-20p {
  width: 20%;
}

.width-45p {
  width: 45%;
}

.width-50p {
  width: 50%;
}

.width-210 {
  width: 210px;
}

.width-225 {
  width: 225px;
}

.width-445 {
  width: 445px;
}

.width-490 {
  width: 490px;
}

.width-60p {
  min-width: 60%;
}

.width-90p {
  width: 90%;
}

.width-100p {
  width: 100%;
}

.width-content {
  width: fit-content;
}

.min-width-100p {
  min-width: 100%;
}

.opacity-0 {
  opacity: 0;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

.opacity-10 {
  opacity: 1;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-all {
  pointer-events: all;
}

.text-decoration-none {
  text-decoration: none;
}

.text-white {
  color: white;
}

.text-error {
  color: #C76171;
}

.text-neutral {
  color: #8F95B2;
}

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

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.mt-10 {
  margin-top: 10px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-15 {
  margin-top: 12px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-18 {
  margin-top: 18px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-20p {
  margin-top: 20%;
}

.mt-22 {
  margin-top: 22px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-26 {
  margin-top: 26px;
}

.mt-27 {
  margin-top: 27px;
}

.mt-28 {
  margin-top: 28px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-34 {
  margin-top: 34px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-36 {
  margin-top: 36px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-40p {
  margin-top: 40%;
}

.mt-42 {
  margin-top: 42px;
}

.mt-44 {
  margin-top: 44px;
}

.mt-46 {
  margin-top: 46px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-50p {
  margin-top: 50%;
}

.mt-52 {
  margin-top: 52px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-62 {
  margin-top: 62px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-250 {
  margin-top: 250px;
}

.mt-270 {
  margin-top: 270px;
}

.mt-380 {
  margin-top: 380px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-40p {
  margin-bottom: 40%;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-62 {
  margin-bottom: 62px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-160 {
  margin-bottom: 160px;
}


.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.my-18 {
  margin-top: 18px;
  margin-bottom: 18px;
}

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.ms-30 {
  margin-left: 30px;
}

.ms-80 {
  margin-left: 80px;
}

.ms {
  margin-right: calc(var(--bs-gutter-x) * .55);
}

.me {
  margin-left: calc(var(--bs-gutter-x) * .55);
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.py-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pb-124 {
  padding-bottom: 124px !important;
}

.ps {
  padding-right: calc(var(--bs-gutter-x) * .55);
}

.pe {
  padding-left: calc(var(--bs-gutter-x) * .55);
}

.ps-50 {
  padding-left: 50px;
}

.ps-16 {
  padding-left: 16px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.py-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}


.top-0 {
  top: 0px;
}

.left-0 {
  left: 0px;
}

.right-0 {
  right: 0px;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-20 {
  bottom: 20px;
}

.bottom-30 {
  bottom: 30px;
}

.bottom-35 {
  bottom: 35px;
}

.bottom-60 {
  bottom: 60px;
}

.bottom-70 {
  bottom: 70px;
}

.bottom-80 {
  bottom: 80px;
}

/* ANIMATION */
.transition-03 {
  transition: 0.3s;
}

.transition-05 {
  transition: 0.5s;
}

.transition-1 {
  transition: 1s;
}


/* GENERAL */
.slide-circles {
  width: 10px;
  height: 10px;
}


/* HEADER - BLOCK*/
.header-description-block {
  position: absolute;
  bottom: 100px;
  left: 0px;
}

.header-reg-button {
  background: #31AB4C;
  border: none;
  border-radius: 1px;
  color: white;
  width: 220px;
  height: 54px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.mobile-menu-block {
  position: fixed;
  width: 100%;
  top: 0px;
  left: 100%;
  background-color: #141B2C;
  height: 100%;
  z-index: 6;
}

.mobile-menu-block-active {
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0%;
  background-color: #141B2C;
  height: 100%;
  z-index: 6;
}

/* POSSIBILITIES */
.hr-2 {
  height: 1px;
  background-color: #E0E5EA;
  border: none;
  margin-top: 36px;
  margin-bottom: 44px;
}

.possibility-block {
  background-color: #FAFAFA;
}



/* WHAT IS - BLOCK */
.background-block {
  background: linear-gradient(0deg, #272E43, #272E43), #FAFAFA;
  /* background-image: url('/images/icons/gerb.png');
  background-repeat: no-repeat;
  background-size: 50% 50%; */
}

.gerb {
  position: absolute;
  left: 35%;
  top: 0px;
  opacity: 0.15;
  transform: rotate(18deg);
  max-width: 550px;
  max-height: 600px;
}

.resident-card {
  width: 95%;
  height: auto;
}


.ff-pt-regular {
  font-family: 'PT-Serif-regular', sans;
}

.ff-pt-bold {
  font-family: 'PT-Serif-bold', sans;
}

.fw-bold {
  font-weight: 700;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-38 {
  font-size: 38px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-42 {
  font-size: 42px !important;
}

.fs-64 {
  font-size: 64px !important;
}

/* FORM BLOCK */
/* #form {
  background-color: #FAFAFA;
} */

.input-block {
  height: 56px;
  background-color: #F1F3F4;
  border: none;
  border-bottom: 1.5px solid #E0E0E0;
  outline: none;
  transition: 0.3s;
}

.input-block-active {
  height: 56px;
  background-color: white;
  border: none;
  border-bottom: 1.5px solid #53A5FF;
  outline: none;
  transition: 0.3s;
}

.success-text-underline {
  text-decoration: underline;
  color: #59B96E;
}

.success-text {
  color: #59B96E;
}

.input-label {
  font-size: 14px;
  line-height: 20px;
  color: #79808C;
}

.input-label-active {
  pointer-events: none;
  position: absolute;
  left: 20px;
  margin: 0px;
  transition: 0.3s;
  transform-origin: left;
  transform: translateY(-17px) scale(0.8);
  color: #4B556C;
}

.input-block-error {
  height: 56px;
  background-color: white;
  border: none;
  border-bottom: 1px solid #C76171;
  outline: none;
  transition: 0.3s;
}

.form-birth-input {
  -webkit-appearance: initial;
  display: block;
  box-sizing: border-box;
  background-color: white;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 10px;
  border: 1px solid #D8DAE5;
  border-radius: 4px;
  outline: none;
  font-size: 14px;
  line-height: 20px;
  color: #2D333D;
  transition: 0.5s;
}

.form-birth-input:focus {
  -webkit-appearance: initial;
  display: block;
  box-sizing: border-box;
  background-color: white;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 10px;
  border: 1px solid #8F95B2;
  border-radius: 4px;
  outline: none;
  font-size: 14px;
  line-height: 20px;
  color: #2D333D;
  transition: 0.5s;
}

.form-input-label {
  font-size: 14px;
  line-height: 20px;
  color: #474D66;
}

.form-input {
  -webkit-appearance: initial;
  display: block;
  box-sizing: border-box;
  background-color: white;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 10px;
  border: 1px solid #D8DAE5;
  border-radius: 1px;
  outline: none;
  font-size: 14px;
  line-height: 20px;
  color: #8F95B2;
  transition: 0.5s;
}

.form-input:focus {
  -webkit-appearance: initial;
  border: 1px solid #8F95B2;
  border-radius: 1px;
  outline: none;
  color: #1e1f24;
  transition: 0.5s;
}

.form-input:valid {
  color: #1e1f24;
}

.form-submit-button {
  background-color: transparent;
  text-align: center;
  color: #2D333D;
  padding-top: 16px;
  padding-bottom: 16px;
  border: 1.5px solid #2D333D;
  width: 100%;
  border-radius: 1px;
}

.form-submit-final {
  background-color: #172738;
  text-align: center;
  color: white;
  padding: 20px;
  border: none;
  width: 100%;
  border-radius: 1px;
}

.form-start-button {
  background: #31AB4C;
  text-align: center;
  color: white;
  padding-top: 15px;
  padding-bottom: 15px;
  border: none;
  border-radius: 1px;
  width: 50%;
  font-size: 16px;
}

.form-progress {
  width: 70px;
  height: 70px;
}

.upload-photo-button {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.image-frame {
  width: 310px;
  height: 310px;
  min-height: 310px;
  border: 1px solid lightgray;
  overflow: hidden;
  text-align: center;
}

.image-param {
  max-width: 100%;
  max-height: 100%;
}

/* .upload-button{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px dashed #C1C4D6;
  border-radius: 1px;
} */
.photo-label {
  font-size: 18px;
  line-height: 21px;
  letter-spacing: -0.015em;
  color: #2D333D;
  opacity: 0.79;
  margin-top: 40px;
}

.payment-selection {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #DADADA;
  background-color: white;
  transition: 0.5s;
}

.payment-selection-selected {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 6px solid #31AB4C;
  background-color: white;
  transition: 0.5s;
}

.error-message {
  color: #C76171;
  /* padding-left: 10px; */
}

.overview-error-message {
  color: #C76171;
  transition: 0.5s;
  overflow: hidden;
}

.error-message-underline {
  border-bottom: 1px solid #C76171 !important;
}

.passport-preview {
  width: 100%;
  height: auto;
  border-radius: 5px;
  box-shadow: 0px 20px 35px #ececec;
}

.video-instruction-block {
  background-color: #2D333D;
  border-radius: 35px;
  width: 55%;
}

.image-example-block {
  width: 47%;
}

.photo-example {
  margin-top: 18px;
  width: 100%;
  height: auto;
}

.image-restriction {
  width: 20px;
  height: 20px;
}

.collapse-data {
  width: 24px;
  height: 24px;
}

.overview-label {
  color: #898E96;
  width: 50%;
}

.overview-value {
  color: #46484E;
  width: 50%;
}

.overview-value-input {
  color: #46484E;
  background-color: transparent;
  border: none;
  outline: none;
}


.registration-separator {
  background-color: #F0F0F0;
  border: none;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.active-registration-separator {
  background-color: #43505B;
  border: none;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.registration-block {
  background-color: #FAFAFA;
  border: 1.5px solid #EEF0F3;
  border-radius: 4px;
  transition: 0.3s;
  color: #2D333D;
}

.active-registration-block {
  background-color: #233248;
  border: 1.5px solid #808E9C;
  border-radius: 4px;
  color: white;
  box-shadow: 0px 8px 22px -6px rgba(24, 39, 75, 0.12), 0px 30px 64px -4px rgba(24, 39, 75, 0.12);
  transition: 0.3s;
}

.registration-block-icons {
  width: 24px;
  height: 24px;
}

.payment-select {
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid #5A646D;
  ;
  margin-top: 20px;
  border-radius: 2px;
  transition: 0.3s;
}

.active-select {
  display: block;
  width: 100%;
  padding: 10px;
  margin-top: 20px;
  border-radius: 2px;
  background: #5A646D;
  color: #F3F3F3;
  transition: 0.3s;
}

.next-steps-label {
  color: #B22E2E;
  text-decoration: underline dashed;
}

.social-share-block {
  background-color: white;
  box-shadow: 0px 25px 67px rgba(29, 29, 49, 0.02), 0px 16.2037px 39.2384px rgba(29, 29, 49, 0.0151852), 0px 9.62963px 21.3407px rgba(29, 29, 49, 0.0121481), 0px 5px 10.8875px rgba(29, 29, 49, 0.01), 0px 2.03704px 5.45926px rgba(29, 29, 49, 0.00785185), 0px 0.462963px 2.63657px rgba(29, 29, 49, 0.00481481);
  text-align: center;
  border-radius: 2px;
}

.social-share-block2 {
  background-color: white;
  box-shadow: 0px 25px 67px rgba(29, 29, 49, 0.02), 0px 16.2037px 39.2384px rgba(29, 29, 49, 0.0151852), 0px 9.62963px 21.3407px rgba(29, 29, 49, 0.0121481), 0px 5px 10.8875px rgba(29, 29, 49, 0.01), 0px 2.03704px 5.45926px rgba(29, 29, 49, 0.00785185), 0px 0.462963px 2.63657px rgba(29, 29, 49, 0.00481481);
  text-align: center;
  border-radius: 2px;
}

.share-icons {
  width: 24px;
  height: 24px;
}

.completed-step-circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: white;
  background: linear-gradient(0deg, #59B96E, #59B96E), #4DA560;
  display: flex;
  justify-content: center;
  align-items: center;
}

.next-step-circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1.5px solid #8E9095;
  color: #8E9095;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* CUSTOMERS BLOCK */
.customers-slider-block {
  position: absolute;
  left: 0px;
}

.customer-img {
  background-image: url('../images/customer1.jpg');
}

.customer-description-block {
  box-sizing: border-box;
  position: absolute;
  bottom: 60px;
  width: 100%;
}

/* ABOUT USA BLOCK */
/* .usa-tab-underline{
  border-bottom: 2px solid #A09078;
  color: #A09078;
} */
.usa-tab-underline {
  border-bottom: 2px solid #31AB4C;
  /* color: #31AB4C; */
}

.about-images {
  object-fit: cover;
  max-height: 70vh;
}


/* SERVICES BLOCK */
.services-tab {
  width: 50%;
  padding: 10px;
  text-align: center;
  border: 1px solid #E3E4E5;
}

.check-mark {
  width: 20px;
  height: 20px;
}

.close-mark {
  width: 20px;
  height: 20px;
}

.check-mark-circle {
  width: 16px;
  height: 16px;
}

.collapse-arrow {
  width: 20px;
  height: 20px;
}


/* FAQ */
.collapse-plus {
  width: 14px;
  height: 14px;
}

/* FOOTER */
.footer-social-img {
  width: 24px;
  height: 24px;
}

.footer-social-separator {
  margin-right: 22px;
  margin-left: 22px;
  width: 1px;
  background-color: #3F4660;
}

.footer-contact-button {
  color: white;
  background-color: #242D41;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  border: none;
  border-radius: 1px;
}


.register-button-transparent {
  background-color: transparent;
  border: 2px solid white;
  border-radius: 1px;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-top: 78px;
  margin-bottom: 46px;
}


/* FONTS HEADLINE*/
.text-shadow {
  text-shadow: 0px 10.2px 5.85px rgba(0, 0, 0, 0.215), 0px 4.15556px 2.93333px rgba(0, 0, 0, 0.168815), 0px 0.944444px 1.41667px rgba(0, 0, 0, 0.103519);
}

.h1-45 {
  font-family: Pro-display-bold;
  font-size: 45px;
  line-height: 25px;
  text-shadow: 0px 9px 2px rgba(0, 0, 0, 0.25), 0px 3.75998px 0.835552px rgba(0, 0, 0, 0.179714);
}

.h1-46-bold {
  font-family: Pro-display-bold;
  font-size: 46px;
  line-height: 25px;
  letter-spacing: -0.015em;
}

.h2-36-semibold {
  font-family: Pro-display-semibold;
  font-size: 36px;
  line-height: 43px;
  letter-spacing: -0.01em;
}

.h2-27-semibold {
  font-family: Pro-display-semibold;
  font-size: 27px;
  line-height: 32px;
  letter-spacing: -0.01em;
}

.h2-27-bold {
  font-family: Pro-display-bold;
  font-size: 27px;
  line-height: 26px;
}

.h3-24-regular {
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.015em;
}

.semibold-24 {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.01em;
}

.semibold-22 {
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
}

/* FONTS CONTENT */
.regular-9 {
  font-size: 9px;
  line-height: 110%;
  letter-spacing: 0.01em;
}

.regular-12 {
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.01em;
}

.regular-12-underline {
  font-size: 12px;
  line-height: 140.34%;
  letter-spacing: 0.005em;
  text-decoration-line: underline;
}

.regular-14 {
  font-size: 14px;
  line-height: 20px;
}

.regular-14-underline {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
}

.regular-15 {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.005em;
}

.regular-16 {
  font-size: 16px;
  line-height: 140%;
}

.regular-18 {
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.01em;
}

.regular-28 {
  font-size: 28px;
  letter-spacing: -0.01em;
}

.medium-15 {
  font-family: Pro-display-medium;
  font-size: 15px;
  line-height: 140.34%;
  letter-spacing: 0.005em;
}

.medium-20 {
  font-family: Pro-display-medium;
  font-size: 20px;
  line-height: 140.34%;
  letter-spacing: 0.005em;
}

.medium-18 {
  font-family: Pro-display-medium;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.01em;
}

.medium-20 {
  font-family: Pro-display-medium;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.015em;
}

.medium-21 {
  font-family: Pro-display-medium;
  font-size: 21px;
  line-height: 26px;
  letter-spacing: 0.015em;
}

.medium-22 {
  font-family: Pro-display-medium;
  font-size: 22px;
  line-height: 20px;
}

.semibold-18 {
  font-family: Pro-display-semibold;
  font-size: 18px;
  line-height: 21px;
}

.light-23 {
  font-weight: 300;
  font-size: 23px;
  line-height: 140.84%;
  letter-spacing: -0.015em;
}


/* POPUP VIDEO */
.video-background {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 5;
  transition: 0.3s;
}

.video-block {
  position: absolute;
  width: 100%;
  padding-top: 56.24%;
}

.video-player {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  top: 0px;
}


.footer-bg {
  background: #0F1733;
}

.cookie-block-show {
  position: fixed;
  bottom: -500px;
  background-color: white;
  width: 80%;
  left: 0px;
  right: 0px;
  margin: auto;
  animation-name: show-cookie;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  z-index: 5;
}

.service-vertical-line {
  background-color: #00348E;
  position: absolute;
  height: 93%;
  width: 1.5px;
  top: 0;
  left: 15.3px;
}

@keyframes show-cookie {
  from {
    bottom: -500px;
  }

  to {
    bottom: 10px;
  }
}

.cookie-block-hide {
  position: fixed;
  bottom: -500px;
  background-color: white;
  width: 80%;
  left: 0px;
  right: 0px;
  margin: auto;
  transition: 1s;
  z-index: 5;
}

@keyframes hide-cookie {
  from {
    bottom: 0px;
  }

  to {
    bottom: -500px;
  }
}

.form-fixed-menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: white;
  width: 100%;
  height: 60px;
  z-index: 6;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
}

.form-background {
  background: #FAFAFA 100%;
}

.whatis-background {
  background: #0F1733 100%;
}

.whatis-gerb-position {
  position: absolute;
  top: 0;
  right: 0;
  object-fit: cover;
  width: 80%;
  height: 100%;
}

.desktop-fixed-menu {
  position: sticky;
  display: flex;
  justify-content: center;
  left: 0px;
  top: 0px;
  background-color: white;
  max-width: 100%;
  z-index: 6;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}

.travel-service-icons {
  width: 32px;
  height: 32px;
}

/* .form-width {
  overflow-y: auto;
  max-height: 75vh;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  background-color: #FAFAFA;
} */
.form-container {
  overflow-y: auto;
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 7;
}

@media only screen and (min-width: 375px) {
  .immigration-span {
    border-radius: 2px 0px 0px 2px;
    border: 1px solid #DCDCDC;
    background: #EBEBEB;
    padding: 4px 14px;
    font-size: 12px;
    font-family: 'PT-Serif-bold';
  }

  .visa-span {
    border-radius: 0px 2px 2px 0px;
    border: 1px solid #DCDCDC;
    padding: 4px 14px;
    font-size: 12px;
    font-family: 'PT-Serif-regular';
  }
}

/* WIDTH 767+ */
@media only screen and (min-width: 767px) {
  .fs-md-16 {
    font-size: 16px !important;
  }

  .fs-md-18 {
    font-size: 18px !important;
  }

  .fs-md-20 {
    font-size: 20px !important;
  }

  .fs-md-38 {
    font-size: 38px !important;
  }

  .py-md-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .py-md-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .ms-md-80 {
    margin-left: 80px !important;
  }

  .regular-md-14 {
    font-size: 14px;
    line-height: 19px;
  }

  .whatis-gerb-position {
    position: absolute;
    top: 0;
    right: 0;
    object-fit: cover;
    width: 40%;
    height: 100%;
  }

  .slide-button-aboutusa {
    width: 30px;
    height: 30px;
    background-color: rgb(114 114 114 / 50%);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  .slide-button-aboutusa:hover {
    width: 30px;
    height: 30px;
    background-color: rgba(69, 69, 69, 0.4);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  .imageD-slide {
    min-height: 500px;
    object-fit: cover;
  }

  .collapse-plus {
    width: 24px;
    height: 24px;
  }
}

/* WIDTH 992+ */
@media only screen and (min-width: 992px) {

  td {
    height: 78px;
  }

  .pb-lg-100 {
    padding-bottom: 100px !important;
  }

  .pt-lg-40 {
    padding-top: 40px !important;
  }

  .pt-lg-60 {
    padding-top: 60px !important;
  }

  .pt-lg-100 {
    padding-top: 100px !important;
  }

  .gap-lg-30 {
    gap: 30px !important;
  }

  .position-lg-relative {
    position: relative !important;
  }

  .desktop-fixed-menu-items {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .fs-lg-16 {
    font-size: 16px !important;
  }

  .fs-lg-18 {
    font-size: 18px !important;
  }

  .fs-lg-20 {
    font-size: 20px !important;
  }

  .fs-lg-22 {
    font-size: 22px !important;
  }

  .fs-lg-28 {
    font-size: 28px !important;
  }

  .fs-lg-38 {
    font-size: 38px !important;
  }

  .fs-lg-64 {
    font-size: 64px !important;
  }

  .py-lg-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .py-lg-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .fs-lg-42 {
    font-size: 42px !important;
  }

  .py-lg-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .py-lg-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .my-lg-130 {
    margin-bottom: 130px !important;
    margin-top: 130px !important;
  }

  .width-lg-50p {
    width: 50% !important;
  }

  .width-lg-90p {
    width: 90%;
  }

  .form-background {
    background: linear-gradient(90deg, transparent 50%, #FAFAFA 50%, #FAFAFA 100%);
  }

  .whatis-background {
    background: linear-gradient(90deg, #FAFAFA 50%, #0F1733 50%, #0F1733 100%);
  }

  .form-input {
    -webkit-appearance: initial;
    display: block;
    box-sizing: border-box;
    background-color: white;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    border: 1px solid #D8DAE5;
    border-radius: 1px;
    outline: none;
    font-size: 14px;
    line-height: 20px;
    color: #8F95B2;
    transition: 0.5s;
  }

  #customer-reviews p {
    font-size: 30px;
    line-height: 28px;
    letter-spacing: -0.005em;
  }

  #customer-reviews p::before {
    position: absolute;
    content: '';
    background-image: url('../images/quote-top.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    left: -50px;
    top: -30px;
  }

  #customer-reviews p::after {
    position: absolute;
    content: '';
    background-image: url('../images/quote-bottom.png');
    background-repeat: no-repeat;
    bottom: -50px;
    right: 0;
    width: 50px;
    height: 50px;
  }

  .customer-slide-button {
    background-color: #EAEAEA;
    width: 60px;
    height: 60px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
  }

  .customer-slide-button:hover {
    background-color: #c9c9c9;
    width: 60px;
    height: 60px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
  }

  .customer-photo-slide1 {
    position: absolute;
    left: 0px;
    width: 356px;
    height: 488px;
    z-index: 5;
    box-shadow: 0px 20px 30px rgb(0 0 0 / 25%);
    transition: 0.3s;
  }

  .customer-photo-slide2 {
    position: absolute;
    left: 20px;
    width: 356px;
    height: 468px;
    z-index: 4;
    box-shadow: 0px 20px 30px rgb(0 0 0 / 25%);
    transition: 0.3s;
  }

  .customer-photo-slide3 {
    position: absolute;
    left: 40px;
    width: 356px;
    height: 440px;
    z-index: 3;
    box-shadow: 0px 20px 30px rgb(0 0 0 / 25%);
    transition: 0.3s;
  }

  .customer-photo-slide4 {
    position: absolute;
    left: 60px;
    width: 356px;
    height: 412px;
    z-index: 2;
    box-shadow: 0px 20px 30px rgb(0 0 0 / 25%);
    transition: 0.3s;
  }

  .customer-description-slide1 {
    transition: 0.3s;
    transform: translateY(0%);
    position: absolute;
    left: 0px;
  }

  .customer-description-slide2 {
    transition: 0.3s;
    transform: translateY(-150%);
    position: absolute;
    left: 0px;
    opacity: 0;
  }

  .customer-description-slide3 {
    transition: 0.3s;
    transform: translateY(-150%);
    position: absolute;
    left: 0px;
    opacity: 0;
  }

  .customer-description-slide4 {
    transition: 0.3s;
    transform: translateY(-150%);
    position: absolute;
    left: 0px;
    opacity: 0;
  }

  .customer-name-slide1 {
    transition: 0.3s;
    transform: translateY(0%);
    position: absolute;
    left: 0px;
    top: 0px;
  }

  .customer-name-slide2 {
    transition: 0.3s;
    transform: translateY(120%);
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
  }

  .customer-name-slide3 {
    transition: 0.3s;
    transform: translateY(120%);
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
  }

  .customer-name-slide4 {
    transition: 0.3s;
    transform: translateY(120%);
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
  }

  .image-play-button {
    background-color: rgba(255, 255, 255, 0.7);
    width: 82px;
    height: 82px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .play-button-shadow {
    border-radius: 50%;
    transition: 0.5s;
  }

  .play-button-shadow:hover {
    box-shadow: 0px 0px 25px rgb(0 0 0 / 60%);
    border-radius: 50%;
    transition: 0.5s;
  }

  .slide-button-aboutusa {
    width: 40px;
    height: 40px;
    background-color: rgb(114 114 114 / 50%);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  .slide-button-aboutusa:hover {
    width: 40px;
    height: 40px;
    background-color: rgba(69, 69, 69, 0.4);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
}


/* WIDTH 1200+ */
@media only screen and (min-width: 1200px) {

  html {
    scroll-behavior: smooth;
    scroll-padding-top: 90px;
  }

  .immigration-span {
    border-radius: 2px 0px 0px 2px;
    border: 1px solid #DCDCDC;
    background: #EBEBEB;
    padding: 7px 24px;
  }

  .visa-span {
    border-radius: 0px 2px 2px 0px;
    border: 1px solid #DCDCDC;
    padding: 7px 24px;
  }

  .fs-xl-16 {
    font-size: 16px !important;
  }

  .fs-xl-18 {
    font-size: 18px !important;
  }

  .fs-xl-20 {
    font-size: 20px !important;
  }

  .fs-xl-22 {
    font-size: 22px !important;
  }

  .fs-xl-24 {
    font-size: 24px !important;
  }

  .fs-xl-28 {
    font-size: 28px !important;
  }

  .fs-xl-42 {
    font-size: 42px !important;
  }

  .fs-xl-80 {
    font-size: 80px !important;
  }

  .pb-xl-70 {
    padding-bottom: 70px !important;
  }


  .gap-xl-30 {
    gap: 30px;
  }

  .gap-xl-40 {
    gap: 40px;
  }

  .gap-xl-48 {
    gap: 48px;
  }

  .gap-xl-90 {
    gap: 90px;
  }

  .pt-xl-60 {
    padding-top: 60px !important;
  }

  .width-xl-80p {
    width: 80%;
  }

  .width-xl-90p {
    width: 90%;
  }

  .width-xl-225 {
    width: 225px;
  }

  .width-xl-445 {
    width: 445px;
  }

  .mt-xl-100 {
    margin-top: 100px !important;
  }

  .mt-xl-270 {
    margin-top: 270px !important;
  }

  .min-height-950 {
    min-height: 950px;
  }

  .container-xl-260 {
    width: 260px;
  }

  .container-xl-350 {
    width: 350px;
  }

  .container-xl-450 {
    width: 450px;
  }

  .container-xl-650 {
    width: 650px;
  }

  .container-1110 {
    width: 1110px;
  }

  .container-1440 {
    width: 1440px;
  }


  .text-xl-start {
    text-align: start;
  }

  .text-xl-white {
    color: white;
  }


  .header-block {
    width: 100%;
    object-fit: cover;
  }

  .header-images {
    width: 100%;
    height: 80vh;
    min-height: 950px;
    object-fit: cover;
  }

  .header-label-block {
    position: absolute;
    top: 0px;
    height: 80vh;
    min-height: 950px;
    box-sizing: border-box;
    text-align: center;
  }

  .imageD-slide {
    height: 914px;
    object-fit: cover;
  }

  ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #8F95B2;
  }

  ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #8F95B2;
  }


  .header-label-position {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 285px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .header-possibility-block {
    background-color: transparent;
    border: none;
    border-top: 1px solid #485473;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: none;
  }

  .header-possibility-subblock {
    width: 295px;
    text-align: start;
  }


  .possibility-block {
    background-color: #0F1733;
  }

  /* #form{
    background-color: transparent;
  } */

  .py-xl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .py-xl-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .py-xl-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }

  .py-xl-190 {
    padding-top: 190px !important;
    padding-bottom: 190px !important;
  }

  .my-xl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .my-xl-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mt-xl-70 {
    margin-top: 70px !important;
  }

  .mt-xl-100 {
    margin-top: 100px !important;
  }

  .mt-xl-160 {
    margin-top: 160px !important;
  }

  .mb-xl-90 {
    margin-bottom: 90px !important;
  }

  .mb-xl-160 {
    margin-bottom: 160px !important;
  }

  .height-xl-auto {
    height: auto;
  }

  .min-height-xl-auto {
    min-height: auto;
  }

  .height-content {
    height: fit-content;
  }

  .height-0 {
    max-height: 0px;
  }

  .height-xl-80vh {
    height: 80vh;
  }

  .whatis-content-block {
    width: 50%;
  }

  .form-input {
    -webkit-appearance: initial;
    display: block;
    box-sizing: border-box;
    background-color: white;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
    border: 1px solid #D8DAE5;
    border-radius: 1px;
    outline: none;
    font-size: 14px;
    line-height: 20px;
    color: #8F95B2;
    transition: 0.5s;
  }

  .background-block {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
  }

  .bg-head {
    background: linear-gradient(to top, #232D43 0%, #2A364E 100%);
  }


  #customer-reviews p {
    font-size: 30px;
    line-height: 28px;
    letter-spacing: -0.005em;
  }

  #customer-reviews p::before {
    position: absolute;
    content: '';
    background-image: url('../images/quote-top.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    left: -50px;
    top: -30px;
  }

  #customer-reviews p::after {
    position: absolute;
    content: '';
    background-image: url('../images/quote-bottom.png');
    background-repeat: no-repeat;
    bottom: -50px;
    right: 0;
    width: 50px;
    height: 50px;
  }

  .customer-slide-button {
    background-color: #EAEAEA;
    width: 60px;
    height: 60px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
  }

  .customer-slide-button:hover {
    background-color: #c9c9c9;
    width: 60px;
    height: 60px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
  }

  .customer-photo-slide1 {
    position: absolute;
    left: 0px;
    width: 446px;
    height: 610px;
    z-index: 5;
    box-shadow: 0px 20px 30px rgb(0 0 0 / 25%);
    transition: 0.3s;
  }

  .customer-photo-slide2 {
    position: absolute;
    left: 20px;
    width: 446px;
    height: 587px;
    z-index: 4;
    box-shadow: 0px 20px 30px rgb(0 0 0 / 25%);
    transition: 0.3s;
  }

  .customer-photo-slide3 {
    position: absolute;
    left: 40px;
    width: 446px;
    height: 551px;
    z-index: 3;
    box-shadow: 0px 20px 30px rgb(0 0 0 / 25%);
    transition: 0.3s;
  }

  .customer-photo-slide4 {
    position: absolute;
    left: 60px;
    width: 446px;
    height: 515px;
    z-index: 2;
    box-shadow: 0px 20px 30px rgb(0 0 0 / 25%);
    transition: 0.3s;
  }

  .customer-description-slide1 {
    transition: 0.3s;
    transform: translateY(0%);
    position: absolute;
    left: 0px;
  }

  .customer-description-slide2 {
    transition: 0.3s;
    transform: translateY(-150%);
    position: absolute;
    left: 0px;
    opacity: 0;
  }

  .customer-description-slide3 {
    transition: 0.3s;
    transform: translateY(-150%);
    position: absolute;
    left: 0px;
    opacity: 0;
  }

  .customer-description-slide4 {
    transition: 0.3s;
    transform: translateY(-150%);
    position: absolute;
    left: 0px;
    opacity: 0;
  }

  .customer-name-slide1 {
    transition: 0.3s;
    transform: translateY(0%);
    position: absolute;
    left: 0px;
    top: 0px;
  }

  .customer-name-slide2 {
    transition: 0.3s;
    transform: translateY(120%);
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
  }

  .customer-name-slide3 {
    transition: 0.3s;
    transform: translateY(120%);
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
  }

  .customer-name-slide4 {
    transition: 0.3s;
    transform: translateY(120%);
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
  }

  .image-play-button {
    background-color: rgba(255, 255, 255, 0.7);
    width: 82px;
    height: 82px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .play-button-shadow {
    border-radius: 50%;
    transition: 0.5s;
  }

  .play-button-shadow:hover {
    box-shadow: 0px 0px 25px rgb(0 0 0 / 60%);
    border-radius: 50%;
    transition: 0.5s;
  }

  .video-background {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 5;
    transition: 0.3s;
  }

  .video-block {
    position: absolute;
    width: 50%;
    padding-top: 28.12%;
    left: 25%;
  }

  .video-player {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    top: 0px;
  }

  .input-block-error {
    height: 56px;
    background-color: white;
    border: none;
    border-bottom: 2px solid #C76171;
    outline: none;
    transition: 0.3s;
  }

  .gender-selection-block {
    border: 1.2px solid rgba(75, 85, 108, 0.15);
    background-color: transparent;
    border-radius: 3px;
    padding: 20px;
  }

  .gender-selection-block-selected {
    border: 1.2px solid rgba(89, 185, 110, 0.3);
    background-color: #F8FBF8;
    border-radius: 3px;
    padding: 20px;
  }

  .quota-font {
    font-family: Pro-display-bold;
    font-size: 58px;
    line-height: 40px;
    letter-spacing: -0.015em;
  }

  .secure-connection-block {
    border-radius: 3px;
    background-color: #ECEEEF;
    border: 1.2px solid rgba(89, 185, 110, 0.1);
  }

  .register-button {
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 2px solid white;
    background-color: transparent;
  }

  .slide-button-aboutusa {
    width: 60px;
    height: 60px;
    background-color: rgb(114 114 114 / 50%);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  .slide-button-aboutusa:hover {
    width: 60px;
    height: 60px;
    background-color: rgba(69, 69, 69, 0.4);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  .form-submit-button {
    background-color: transparent;
    text-align: center;
    color: #2D333D;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1.5px solid #2D333D;
    border-radius: 1px;
    width: 190px;
    cursor: pointer;
  }

  .form-start-button {
    background: #31AB4C;
    text-align: center;
    color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
    border-radius: 1px;
    width: 50%;
  }

  .form-input {
    -webkit-appearance: initial;
    display: block;
    box-sizing: border-box;
    background-color: white;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
    border: 1px solid #D8DAE5;
    border-radius: 1px;
    outline: none;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.005em;
    color: #8F95B2;
    transition: 0.5s;
  }

  .form-input:focus {
    -webkit-appearance: initial;
    display: block;
    box-sizing: border-box;
    background-color: white;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
    border: 1px solid #8F95B2;
    border-radius: 1px;
    outline: none;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.005em;
    color: #1e1f24;
    transition: 0.5s;
  }

  .form-birth-input {
    -webkit-appearance: initial;
    display: block;
    box-sizing: border-box;
    background-color: white;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
    border: 1px solid #D8DAE5;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    line-height: 17px;
    color: #8F95B2;
    transition: 0.5s;
  }

  .form-birth-input:focus {
    -webkit-appearance: initial;
    display: block;
    box-sizing: border-box;
    background-color: white;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
    border: 1px solid #8F95B2;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    line-height: 17px;
    color: #2D333D;
    transition: 0.5s;
  }

  .form-progress {
    width: 112px;
    height: 112px;
  }

  .image-frame {
    width: 400px;
    height: 400px;
    min-height: 400px;
    border: 1px solid lightgray;
    overflow: hidden;
    text-align: center;
  }

  .image-param {
    max-width: 100%;
    max-height: 100%;
  }

  .photo-popup {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    margin: auto;
    background-color: #323E64;
    width: 800px;
    height: 770px;
    overflow-y: auto;
    margin-top: 100px;
  }

  .image-preview-desktop-block {
    width: 350px;
    height: 350px;
    border: 1px solid rgb(223, 223, 223);
    border-radius: 3px;
  }

  .image-preview {
    object-fit: contain;
  }

  .payment-select {
    display: block;
    width: 100%;
    padding: 10px;
    border: none;
    background-color: #EEEFF0;
    margin-top: 20px;
    border-radius: 2px;
    transition: 0.3s;
  }

  .registration-block {
    background-color: #FAFAFA;
    border: 1.3px solid #DCE3EA;
    border-radius: 4px;
    transition: 0.3s;
    color: #2D333D;
  }

  /* .registration-separator{
    background-color: #F0F0F0; 
    border: none; 
    height: 1px;
    margin-top: 15px;
    margin-bottom: 15px;
  } */
  .active-registration-block {
    background-color: #233248;
    border: 1.5px solid #808E9C;
    border-radius: 4px;
    color: white;
    box-shadow: 0px 8px 22px -6px rgba(24, 39, 75, 0.12), 0px 30px 64px -4px rgba(24, 39, 75, 0.12);
    transition: 0.3s;
  }

  .form-submit-final {
    background-color: #172738;
    text-align: center;
    color: white;
    padding: 20px;
    border: none;
    width: 328px;
    border-radius: 1px;
  }

  .social-share-block {
    background-color: #FAFAFA;
    text-align: center;
    border-radius: 12px;
    box-sizing: border-box;
    /* width: 540px; */
  }

  .social-share-block2 {
    background-color: transparent;
    box-shadow: none;
    text-align: center;
    border-radius: none;
    box-sizing: border-box;
    /* width: 540px; */
  }

  .regular-xl-12 {
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.005em;
  }

  .regular-xl-14 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.005em;
  }

  .regular-xl-16 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
  }

  .regular-xl-16-underline {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;
    text-decoration: underline;
  }

  .regular-xl-18 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.01em;
  }

  .regular-xl-20 {
    font-size: 20px;
    line-height: 140%;
  }

  .regular-xl-21 {
    font-size: 21px;
    line-height: 28px;
    letter-spacing: -0.005em;
  }

  .medium-xl-15 {
    font-family: Pro-display-medium;
    font-size: 15px;
    line-height: 140.34%;
    letter-spacing: 0.005em;
  }

  .medium-xl-18 {
    font-family: Pro-display-medium;
    font-size: 18px;
    line-height: 22px;
  }

  .medium-xl-21 {
    font-family: Pro-display-medium;
    font-size: 21px;
    line-height: 26px;
    letter-spacing: 0.015em;
  }

  .medium-xl-22 {
    font-family: Pro-display-medium;
    font-size: 22px;
    line-height: 120%;
  }

  .semibold-xl-18 {
    font-family: Pro-display-semibold;
    font-size: 18px;
    line-height: 21px;
  }


  .h1-46 {
    font-family: Pro-display-bold;
    font-size: 46px;
    line-height: 25px;
    letter-spacing: -0.015em;
  }

  .h2-36 {
    font-family: Pro-display-bold;
    font-size: 36px;
    line-height: 50px;
    letter-spacing: -0.01em;
  }

  .h2-42 {
    font-family: Pro-display-bold;
    font-size: 42px;
    line-height: 50px;
    letter-spacing: -0.01em;
  }

  .h3-27 {
    font-size: 27px;
    line-height: 34px;
    letter-spacing: 0.005em;
  }

  .h3-27-bold {
    font-family: Pro-display-bold;
    font-size: 27px;
    line-height: 34px;
    letter-spacing: 0.005em;
  }

  .header-label {
    font-family: Pro-display-bold;
    font-size: 131px;
    line-height: 100%;
    letter-spacing: -0.015em;
    /* text-shadow: 0px 24px 161px rgba(20, 20, 21, 0.25), 0px 10.0266px 67.2619px rgba(20, 20, 21, 0.179714), 0px 5.36071px 35.9615px rgba(20, 20, 21, 0.149027), 0px 3.00517px 20.1597px rgba(20, 20, 21, 0.125), 0px 1.59602px 10.7067px rgba(20, 20, 21, 0.100973), 0px 0.664142px 4.45528px rgba(20, 20, 21, 0.0702864); */
    text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
  }

  .text-shadow-light {
    text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
  }

  .cookie-block-show {
    position: fixed;
    bottom: -210px;
    background-color: white;
    width: 80%;
    left: 0px;
    right: 0px;
    margin: auto;
    animation-name: show-cookie;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay: 2s;
    z-index: 5;
  }

  @keyframes show-cookie {
    from {
      bottom: -210px;
    }

    to {
      bottom: 10px;
    }
  }

  .cookie-block-hide {
    position: fixed;
    bottom: -250px;
    background-color: white;
    width: 80%;
    left: 0px;
    right: 0px;
    margin: auto;
    transition: 1s;
    /* animation-name: hide-cookie;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay: 0s; */
    z-index: 5;
  }

  @keyframes hide-cookie {
    from {
      bottom: 0px;
    }

    to {
      bottom: -250px;
    }
  }

  .travel-service-icons {
    width: 40px;
    height: 40px;
  }



}

@media only screen and (min-width: 1400px) {
  .width-xxl-80p {
    width: 80%;
  }

  .gap-xxl-40 {
    gap: 40px;
  }

  .fs-xxl-42 {
    font-size: 42px !important;
  }

  .service-vertical-line {
    left: 19.3px
  }
}