/* Send Us Enquiry Section Styles */
.send-us-enquiry {
  padding: 5rem 0; /* 80px */
}

.enquiry-wrapper {
  display: flex;
  align-items: stretch;
  background: rgba(172, 172, 171, 0.1);
  border-radius: 1.25rem; /* 20px */
  overflow: hidden;
  margin-right: 3.75rem;
  margin-left: 3.75rem;
}

/* Left Side: Form */
.enquiry-form-wrapper {
  flex: 1;
  max-width: 55.3125rem; /* 885px */
  padding: 3.75rem; /* 60px */
  background: rgba(172, 172, 171, 0.1);
}

/* Header */
.enquiry-header {
  margin-bottom: 2.5rem; /* 40px */
}

.enquiry-title {
  font-family: "Lexend", sans-serif;
  font-weight: 400;
  font-size: 3.125rem; /* 50px */
  line-height: 4.625rem; /* 74px */
  letter-spacing: -0.0625rem; /* -1px */
  color: #000000;
  margin: 0 0 0.5rem; /* 8px */
}

.enquiry-subtitle {
  font-family: "Lexend", sans-serif;
  font-weight: 400;
  font-size: 1.375rem; /* 22px */
  line-height: 1.875rem; /* 30px */
  color: #464647;
  margin: 0;
}

/* Form Styles */
.enquiry-form-wrapper .wpcf7-form {
  width: 100%;
}

.enquiry-form-wrapper .form-group {
  margin-bottom: 1.875rem; /* 30px */
  position: relative;
  display: block; /* ensure block formatting context */
}

/* Two Column Layout for Email and Phone */
.enquiry-form-wrapper .form-row-2-col {
  display: flex;
  gap: 1.875rem; /* 30px */
}

.enquiry-form-wrapper .form-row-2-col .form-group {
  flex: 1;
}

@media (max-width: 768px) {
  .enquiry-form-wrapper .form-row-2-col {
    flex-direction: column;
    gap: 0;
  }
}

.enquiry-form-wrapper label {
  font-family: "Dubai", sans-serif;
  font-weight: 400;
  font-size: 1.125rem; /* 18px */
  line-height: 1.125rem; /* 18px */
  color: #464647;
  margin-bottom: 0.5625rem; /* 9px */
  display: block;
}

.enquiry-form-wrapper input[type="text"],
.enquiry-form-wrapper input[type="email"],
.enquiry-form-wrapper input[type="tel"],
.enquiry-form-wrapper textarea,
.enquiry-form-wrapper select {
  width: 100%;
  height: 3.125rem; /* 50px */
  padding: 0 1.25rem; /* 20px */
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0.5rem; /* 8px */
  font-family: "Dubai", sans-serif;
  font-weight: 400;
  font-size: 1.125rem; /* 18px */
  color: #464647;
  outline: none;
  transition: all 0.3s ease;
}

.enquiry-form-wrapper input::placeholder,
.enquiry-form-wrapper textarea::placeholder {
  color: #464647;
  opacity: 1;
}

.enquiry-form-wrapper input:focus,
.enquiry-form-wrapper textarea:focus,
.enquiry-form-wrapper select:focus {
  border-color: #37818d;
}

.enquiry-form-wrapper textarea {
  height: 8.5625rem; /* 137px */
  padding-top: 0.9375rem; /* 15px */
  resize: vertical;
}

.enquiry-form-wrapper select {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L9 1' stroke='%23464647' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  background-size: 0.75rem; /* 12px */
}

/* Custom Checkbox */
.enquiry-form-wrapper .wpcf7-checkbox {
  display: flex;
  align-items: center;
  margin-top: 0.625rem; /* 10px */
}

.enquiry-form-wrapper .wpcf7-list-item {
  margin: 0;
}

.enquiry-form-wrapper .wpcf7-list-item-label {
  font-family: "SF Pro Display", sans-serif;
  font-weight: 400;
  font-size: 1rem; /* 16px */
  line-height: 1rem;
  color: #0d111a;
  padding-left: 0.625rem; /* 10px */
  cursor: pointer;
}

.enquiry-form-wrapper input[type="checkbox"] {
  accent-color: #37818d;
  width: 1.125rem; /* 18px */
  height: 1.125rem; /* 18px */
  border-radius: 0.25rem; /* 4px */
  cursor: pointer;
}

/* Submit Button Container */
.enquiry-form-wrapper .submit-btn-wrapper {
  margin-top: 1.875rem; /* 30px */
  display: flex;
  justify-content: flex-start;
}

/* Form Loader Overlay */
.enquiry-form-wrapper .wpcf7-form {
  position: relative; /* Ensure overlay is relative to form */
}

.cf7-loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(55, 129, 141, 0.4); /* Transparent Blue/Teal */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  border-radius: 1.25rem; /* Match container radius if needed */
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.cf7-loader-overlay.active {
  opacity: 1;
  visibility: visible;
}

.cf7-spinner {
  width: 3.125rem; /* 50px */
  height: 3.125rem; /* 50px */
  border: 5px solid #ffffff;
  border-top: 5px solid #37818d; /* Blue/Teal spinner color */
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* intl-tel-input Customization */
.iti {
  width: 100%;
  max-width: 46.875rem; /* 750px */
}

.iti__tel-input {
  width: 100%;
  height: 3.125rem; /* 50px */
  padding: 0.875rem 1.25rem 0.875rem 5.625rem !important; /* 14px 20px 14px 90px */
  background: #ffffff;
  border: none;
  border-radius: 0.5rem; /* 8px */
  font-family: "Lexend", sans-serif;
  font-size: 1.125rem; /* 18px */
  color: #464647;
  outline: none;
}

.iti__country-container {
  padding-left: 0.9375rem; /* 15px */
}

.iti__selected-dial-code {
  font-family: "Lexend", sans-serif;
  font-size: 1.125rem; /* 18px */
  color: #464647;
}

/* Submit Button */
.enquiry-form .btn {
  margin-top: 1.25rem; /* 20px */
  width: fit-content;
}

.btn-gradient {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem; /* 10px */
  padding: 1rem 1.875rem; /* 16px 30px */
  background: var(--enaya-gradient);
  border: none;
  border-radius: 1rem; /* 16px */
  font-family: "Lexend", sans-serif;
  font-weight: 400;
  font-size: 1.125rem; /* 18px */
  line-height: 1.375rem; /* 22px */
  letter-spacing: -0.05em;
  text-transform: capitalize;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-gradient:hover {
  opacity: 0.9;
  transform: translateY(-0.125rem); /* -2px */
}

.btn-dot {
  width: 0.5rem; /* 8px */
  height: 0.5rem; /* 8px */
  background: #ffffff;
  border-radius: 50%;
}

/* Right Side: Image */
.enquiry-image-wrapper {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.enquiry-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
  background-color: transparent;
}

/* Separator between country code and input */
.iti--separate-dial-code .iti__selected-flag::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 1.6875rem; /* 27px */
  width: 1px;
  background: #464647;
  opacity: 0.4;
}

/* Responsiveness */
@media (max-width: 1200px) {
  .enquiry-form-wrapper,
  .enquiry-image-wrapper {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .send-us-enquiry {
    padding: 1rem 0;
  }
  .enquiry-form-wrapper {
    padding: 1.75rem;
  }
}

@media (max-width: 768px) {
  .enquiry-form-wrapper {
    padding: 2.5rem 1.25rem; /* 40px 20px */
  }

  .enquiry-title {
    font-size: 2.25rem; /* 36px */
    line-height: 3rem; /* 48px */
  }

  .enquiry-subtitle {
    font-size: 1.125rem; /* 18px */
  }

  .form-group input,
  .form-group select,
  .form-group textarea {
    max-width: 100%;
  }

  .phone-input-wrapper {
    max-width: 100%;
  }
  .enquiry-wrapper {
    margin-right: 0;
    margin-left: 0;
  }
  .enquiry-image-wrapper {
    display: none;
  }
}