.contact-us {
  background-color: #F2F3F7;
  padding: 164px 0 56px 0;
}

.contact-us__container {
  max-width: 1492px;
  margin: 0 auto;
}

.contact-us__content-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #FDFDFF;
  border-radius: 24px;
  gap: 8px;
  padding: 97px 106px 99px 106px;
}

.contact-us__left-side {
  max-width: 540px;
  width: 100%;
  padding-top: 44px;
}

.contact-us__right-side {
  max-width: 631px;
  width: 100%;
}

.contact-us__text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.help-label .line {
  width: 16px;
  height: 3px;
}

.contact-us__title {
  font-family: 'Work Sans', sans-serif;
  font-size: 60px;
  line-height: 52px;
  font-weight: 600;
  color: #18191C;
  letter-spacing: -1.2px;
  margin: 0;
}

.contact-us__title span {
  font-size: 40px;
  line-height: px;
  font-weight: 400;
}

.contact-us__description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #4B4C52;
  letter-spacing: 0.2px;
  margin: -6px 0 0 0;
}

.contact-us__divider {
  height: 1px;
  width: 74px;
  background-color: #DBDBDB;
  margin: 30px 0 40px;
}

.contact-us__info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contact-us__link-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.contact-us__icon {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: cover;
}

.contact-us__icon--1 {
  background-image: url("../Icons/phone.svg");
}

.contact-us__icon--2 {
  background-image: url("../Icons/mail.svg");
}

.contact-us__icon--3 {
  background-image: url("../Icons/location.svg");
}

.contact-us__link-wrapper a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #4B4C52;
  text-decoration: none;
  margin-left: 28px;
}

.contact-us__link-wrapper:hover a {
  text-decoration: underline;
}

.form {
  max-width: 700px;
  margin: auto;
  font-family: 'Inter', sans-serif;
}

.form__row {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}

.form__input-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
}

.form__label {
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
}

.form__row--full {
  flex-direction: column;
  gap: 8px;
}

.form__input {
  height: 40px;
}

.form__input,
.form__textarea {
  font-family: 'Inter', sans-serif;
  flex: 1;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #DBDBDB;
  border-radius: 6px;
  width: 100%;
}

.form__textarea {
  resize: none;
  height: 93px;
}

.form__checkbox {
  font-size: 14px;
  line-height: 20px;
  color: #18191C;
  margin-bottom: 48px;
}

.custom-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  color: #18191C;
  user-select: none;
  position: relative;
}

.custom-checkbox input[type="checkbox"] {
  display: none;
}

.custom-checkbox .checkmark {
  max-width: 18px;
  width: 100%;
  height: 18px;
  border: 1px solid #7aa0e7;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  transition: all 0.2s ease;
  position: relative;
}

.custom-checkbox input[type="checkbox"]:checked + .checkmark::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background-color: #3f75ff;
  border-radius: 50%;
}


.form__submit {
  background-color: #457AE5;
  color: #FDFDFF;
  padding: 16px;
  border: none;
  border-radius: 8px;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  cursor: pointer;
  transition: background-color .2s ease-in-out;
}

.form__submit:hover {
  background-color: #8FAFF0;
}

.iti__country-list {
  z-index: 10;
}

@media screen and (max-width: 1280px) {
  .header-wrapper--contact {
    position: fixed;
  }

  .contact-us {
    padding: 170px 0 98px 0;
  }

  .contact-us__container {
    max-width: 990px;
  }

  .contact-us__content-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 80px;
  }

  .contact-us__left-side {
    padding-top: 0;
  }
}

@media (max-width: 768px) {
  .contact-us {
    padding: 140px 0 80px 0;
  }
  .contact-us__container {
    padding: 0 12px;
  }

  .contact-us__content-wrapper {
    padding: 24px 12px 24px;
  }

  .help-label .label-text {
    font-size: 14px;
    line-height: 100%;
  }

 .help-label .line {
    width: 14px;
    line-height: 100%;
  }

  .contact-us__title {
    display: flex;
    flex-direction: column;
    font-size: 32px;
    line-height: 117%;
    letter-spacing: -0.3px;
  }

  .contact-us__title span {
    font-size: 24px;
    line-height: 24px;
  }

  .contact-us__description {
    font-size: 14px;
    line-height: 22px;
  }

  .form__submit {
   font-size: 14px;
   line-height: 24px;
   width: 100%;
  } 
  
  .form__row {
    flex-direction: column;
  }

  .contact-us__link-wrapper {
    align-items: flex-start;
  }
  
}

@media (max-width: 600px) {
  .contact-us__content-wrapper {
    padding: 40px 14px 32px;
  }

  .contact-us__text-wrapper {
    gap: 24px;
  }

  .contact-us__link-wrapper {
    gap: 0;
  }
}