.hero-banner {
  background: url("../../../../assets/images/microsite/ovavirtual/apply-banner.png")
    center / cover no-repeat;
}

.hero-banner p {
  font-size: 18px;
  line-height: 35px;
}

/* Contact Form */
.contact form .row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}
.contact form .h3 {
  color: #4f5357;
  font-size: 22px!important;
  font-weight: 700;
  margin-bottom: 30px;
}
.contact form .hr {
  background: #c1c1c1;
  height: 1px;
  margin: 60px 0;
}

.contact h2 {
  color: #2d2d2d !important;
  text-align: center;
  margin-bottom: 60px;
}

.contact .wpcf7 input:not(.wpcf7-submit),
.contact .wpcf7 textarea,
.contact .custom-accordion {
  width: 100%;
  padding: 23px 40px;
  border: 1px solid #c1c1c1;
  border-radius: 5px;
  background: transparent;
  font-size: 22px;
  font-weight: 300;
}

.contact .wpcf7 input:not(.wpcf7-submit)::placeholder,
.contact .wpcf7 textarea::placeholder {
  color: #2d2d2d;
}

.contact .wpcf7 textarea {
  max-height: 245px;
}

.contact .wpcf7-submit {
  width: 100%;
  background: #a0c1d1;
  color: #fff;
  padding: 10px 40px;
  border-radius: 5px;
  border: none;
  font-size: 18px;
  line-height: 35px;
  font-weight: 700;
  transition: 0.3s ease;
  margin-top: 60px;
}

.contact .wpcf7-submit:hover {
  background: #5a7d7c;
}

.contact .accordion-header {
  width: 100%;
  padding: 0;
  background: none;
  border: none;
  text-align: left;
  position: relative;
  font-size: 22px;
  font-weight: 300;
  color: #2d2d2d;
  padding-right: 27px;
}

.contact .custom-accordion.selected .selected-text {
  color: #000;
}

.contact .accordion-header::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 15px;
  height: 8px;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8' fill='none'%3E%3Cpath d='M13.7423 -0.000161692L14.9654 1.06084L8.29961 6.83984C8.19281 6.93299 8.06579 7.00692 7.92589 7.05737C7.78599 7.10782 7.63595 7.13379 7.48442 7.13379C7.33289 7.13379 7.18286 7.10782 7.04295 7.05737C6.90305 7.00692 6.77604 6.93299 6.66923 6.83984L0 1.06084L1.22308 0.00083871L7.48269 5.42484L13.7423 -0.000161692Z' fill='%234F5357'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.contact .custom-accordion.active .accordion-header::after {
  transform: translateY(-50%) rotate(180deg);
}

/* Body */
.contact .accordion-body {
  display: none;
  margin-top: 23px;
}

.contact .custom-accordion.active .accordion-body {
  display: block;
}

/* Remove radio circles */
.contact .accordion-body input[type="radio"] {
  display: none;
}

/* Make options look clickable */
.contact .accordion-body .wpcf7-list-item {
  display: block;
  margin: 0 0 10px;
  color: #2d2d2d;
  font-size: 22px;
}
.contact .accordion-body .wpcf7-list-item.last {
  margin-bottom: 0;
}

.contact .wpcf7-list-item label {
  width: 100%;
}

.contact .accordion-body label {
  cursor: pointer;
}

.contact .custom-accordion br {
  display: none;
}

@media (max-width: 767px) {
  .contact form .hr {
    margin: 30px 0;
  }
  .contact .wpcf7-submit {
    margin-top: 30px;
  }
}

.contact .field-icon {
  position: relative;
}

/* icon base */
.contact .field-icon::after {
  content: "";
  position: absolute;
  right: 40px;
  top: 28px;
  width: 23px;
  height: 23px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* calendar icon */
.contact .field-date::after {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='23' viewBox='0 0 25 23' fill='none'%3E%3Cpath d='M0.75 8.24432H24.0312M6.21908 3.05595V0.75M18.5249 3.05595V0.75M19.3749 3.05595H5.40624C4.17133 3.05595 2.98699 3.4811 2.11378 4.23789C1.24057 4.99467 0.75 6.0211 0.75 7.09135V18.0446C0.75 19.1149 1.24057 20.1413 2.11378 20.8981C2.98699 21.6548 4.17133 22.08 5.40624 22.08H19.3749C20.6099 22.08 21.7942 21.6548 22.6674 20.8981C23.5406 20.1413 24.0312 19.1149 24.0312 18.0446V7.09135C24.0312 6.0211 23.5406 4.99467 22.6674 4.23789C21.7942 3.4811 20.6099 3.05595 19.3749 3.05595Z' stroke='%234F5357' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* upload icon */
.contact .field-upload::after {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M9.90321 16.1148V2.93592L6.35329 6.48584L5.2746 5.39192L10.665 0L16.0569 5.39192L14.9782 6.48737L11.4268 2.93592V16.1148H9.90321ZM2.46209 21.33C1.76023 21.33 1.17467 21.0954 0.705413 20.6261C0.236153 20.1568 0.00101571 19.5708 0 18.8679V15.1763H1.52357V18.8679C1.52357 19.1025 1.62108 19.3179 1.8161 19.5139C2.01111 19.7099 2.22594 19.8074 2.46057 19.8064H18.8694C19.103 19.8064 19.3179 19.7089 19.5139 19.5139C19.7099 19.3189 19.8074 19.1036 19.8064 18.8679V15.1763H21.33V18.8679C21.33 19.5698 21.0954 20.1553 20.6261 20.6246C20.1568 21.0938 19.5708 21.329 18.8679 21.33H2.46209Z' fill='%234F5357'/%3E%3C/svg%3E");
}

.contact .field-placeholder {
  position: absolute;
  left: 40px;
  top: 25px;
  color: #2d2d2d;
  pointer-events: none;
}

.contact .field-icon.has-value .field-placeholder {
  color: #000;
}

/* Hide date icons */
.contact .field-date input::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* Hide file text and default date placeholder */
.contact .field-upload input, .field-date input::-webkit-datetime-edit {
  color: transparent;
}


.contact .field-upload input::file-selector-button, /* Hide choose file button */
.contact .field-upload input::-webkit-file-upload-button /* Firefox fix */ {
  display: none;
}