html[dir="rtl"] {
  .sidebar-second .experience-heading {
    text-align: right;
  }

  .subheading-right-side {
    text-align: right;
  }

  .contact-form {
    .form-select {
      padding-right: 40px;
    }
  }

  .contact-message-custom-contact-form-form .form-control::placeholder {
    height: 50px !important;
  }
}

.contact-us-heading {
  color: #1e3564;
}

.contact-phone-dir {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.contact-us-description {
  color: #1e3564 !important;
  font-size: 16px !important;
  font-weight: 400;
  font-family: Helvetica;
  line-height: 25.6px;
}

.custom-contact-container {
  margin-top: 40px;
  margin-bottom: 100px;
  /* background-color: white !important; */
}

.custom-contact-card {
  margin-top: 25px;
}

.custom-contact-card:hover {
  background-color: white !important;
}

.contact-message-custom-contact-form-form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
  background-color: white;
  border-radius: 16px;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease-in-out;
  padding-bottom: 60px;
}

.field--type-language {
  display: none !important;
}

.contact-message-custom-contact-form-form .form-wrapper {
  flex: 1 1 45%;
  /* Grow, shrink, basis */
  display: flex;
  flex-direction: column;
}

.contact-message-custom-contact-form-form .form-actions {
  max-width: fit-content;
  height: 0px;
  margin-top: 10px !important;
}

.contact-message-custom-contact-form-form #edit-actions {
  height: 0px !important;
}
.contact-message-custom-contact-form-form .captcha {
  flex: 1 1 100%;
}
.contact-message-custom-contact-form-form .btn-primary {
  gap: 8px !important;
  background-color: white !important;
  color: #1e3564 !important;
  max-height: 40px;
  padding: 12px;
  gap: 8px;
  border-radius: 8px;
  border: 2px solid #1e3564;
  font-weight: 600;
  text-transform: capitalize;
}

.contact-message-custom-contact-form-form .btn-primary:hover {
  border-color: #42bb96 !important;
  color: #42bb96 !important;
  transition: 0.2s ease-in-out !important;
}

.contact-social-icons {
  display: flex;
  align-items: center;
  gap: 15px;
  /* Adjust spacing between icons */
  border-radius: 8px;
  /* Optional for rounded background */
}

.subheading-right-side {
  font-size: 14px;
  font-weight: 400;
  line-height: var(--BodyMediumLineHeight);
  letter-spacing: var(--BodyMediumTracking);
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.contact-message-custom-contact-form-form .form-type-textarea {
  width: 690px !important;
}

.contact-message-custom-contact-form-form .form-control {
  border-radius: 8px;
  border: none;
  background-color: #eef3f7 !important;
  width: 100% !important;
}

.sidebar-second .sidebar-contact-card {
  background-color: #1e3564 !important;
  color: white;
  border-radius: 16px !important;
}

.sidebar-second .experience-heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  letter-spacing: var(--TitleLargeTracking);
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.sidebar-heading {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 25.6px !important;
  color: #040b12 !important;
}

@media (min-width: 2000px) and (max-width: 2560px) {
  .contact-message-custom-contact-form-form .form-type-textarea {
    /* width: 27vw !important; */
  }
}
@media (min-width: 1024px) and (max-width: 1339px) {
  .contact-message-custom-contact-form-form .form-type-textarea {
    width: 570px !important;
  }
}

@media (max-width: 768px) {
  .contact-message-custom-contact-form-form .form-wrapper {
    flex: 1 1 45%;
  }

  .sidebar-contact-card {
    margin-top: 20px;
  }

  .contact-message-custom-contact-form-form .form-type-textarea {
    width: 650px !important;
  }
}

@media (min-width: 430px) and (max-width: 767px) {
  .contact-message-custom-contact-form-form .form-type-textarea {
    width: 350px !important;
  }
}

@media (max-width: 567px) {
  .contact-message-custom-contact-form-form .form-wrapper {
    flex: 1 1 100%;
  }

  .contact-message-custom-contact-form-form .form-label {
    font-size: 11px;
  }

  .contact-message-custom-contact-form-form input::placeholder {
    font-size: 11px;
  }

  .contact-message-custom-contact-form-form .form-type-textarea {
    width: 100% !important;
  }
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  background-size: inherit !important;
  padding-right: 45px !important;
}
.was-validated .form-select:valid {
  background-image: url("../images/chevron-down.svg") !important;
}

.contact-social-icons a[href*="youtube"]:hover img {
  content: url("../images/youtube-hover.svg");
}

.contact-social-icons a[href*="github"]:hover img {
  content: url("../images/github-icon-hover.svg");
}

.contact-social-icons a[href*="x.com"]:hover img {
  content: url("../images/twitter-hover.svg");
}

.contact-social-icons a[href*="linkedin"]:hover img {
  content: url("../images/linkedin-hover.svg");
}

.contact-social-icons a[href*="instagram"]:hover img {
  content: url("../images/instagram-hover.svg");
}
.contact-social-icons a[href*="facebook"]:hover img {
  content: url("../images/facebook-hover.svg");
}