.contact-form {
  padding: 90px 60px;
}

.contact-form .wrapper {
  display: flex;
  gap: 20px;
}

.contact-form .left-content {
  width: 100%;
  max-width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.contact-form .left-content .img-wrap {
  margin-bottom: 34px;
}

.contact-form .left-content h2 {
  color: var(--Rainforest-Green, #244545);
  font-size: 83px;
  font-weight: 600;
  line-height: 90%; /* 74.7px */
  letter-spacing: -2.49px;
  margin-bottom: 34px;
}

.contact-form .left-content .sub-title {
  width: 100%;
  max-width: 300px;
}

.contact-form .left-content p {
  color: #3C3C3C;
}

.contact-form .left-content .logo-wrap {
  display: flex;
  gap: 24px;
}

.contact-form .left-content .logo-wrap .divider {
  width: 1px;
  background: #CCC;
}
.contact-form .left-content .logo-wrap .divider:last-child {
  display: none;
}
.contact-form .left-content .logo-wrap .logo-item img {
  height: 67px;
}

.contact-form .right-content {
  width: 100%;
  max-width: 67%;
}
.contact-form .right-content .form-wrap {
  padding: 50px 64px;
  background: #00816D;
}

.contact-form .right-content .form-wrap h3 {
  color: #FFF;
  text-align: center;
  margin-bottom: 32px;
}

.contact-form .right-content .form-wrap .form-input-two {
  display: flex;
  gap: 20px;
  margin-bottom: 12px;
}

.contact-form .right-content .form-wrap .form-input-two .input-wrap {
  width: 100%;
}

.contact-form .right-content .form-wrap .form-input-two .input-wrap label {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 9px;
}

.contact-form .right-content .form-wrap .input-wrap input,
.contact-form .right-content .form-wrap .input-wrap select {
  background-color: #fff;
}

.contact-form .right-content .form-wrap .input-wrap input[type=email],
.contact-form .right-content .form-wrap .input-wrap input[type=tel] {
  background-image: unset !important;
  padding-left: 16px !important;
}

.contact-form .right-content .form-wrap .input-wrap select {
  padding-top: 8px;
  padding-bottom: 8px;
}
.contact-form .right-content .form-wrap .form-group-wrapper .divider.first {
  margin-top: 30px;
}
.contact-form .right-content .form-wrap .divider {
  height: 1px;
  width: 100%;
  background: #fff;
  margin: 15px 0;
}

.contact-form .right-content .form-wrap .form-input-one .input-wrap {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.contact-form .right-content .form-wrap .form-input-one label {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  color: #fff;
  margin: 0;
}

.contact-form .right-content .form-wrap .form-input-one span.wpcf7-form-control.wpcf7-radio {
  display: flex;
  gap: 8px;
  min-width: 130px;
}

.contact-form .right-content .form-wrap .form-input-one span.wpcf7-form-control.wpcf7-radio input[type=radio]+span {
  background: #fff;
  color: #244545;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
  padding: 7px 18px;
  border-radius: 170px;
}

.contact-form .right-content .form-wrap .form-input-one span.wpcf7-form-control.wpcf7-radio input[type=radio]+span:before {
  display: none;
}

.contact-form .right-content .form-wrap .form-input-one span.wpcf7-form-control.wpcf7-radio input[type=radio]:checked+span {
  background: #fcb53b; /* Example: different background when checked */
  /* You can change this color as you wish */
}

.contact-form .right-content .form-wrap .form-input-submit input[type=submit] {
  background: #F1B434;
  border: unset;
  outline: none;
  font-size: 18px;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.18px;
  border-radius: 100px;
  padding: 20px 64px;
  color: #244545;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  font-family: 'gilroybold';
  transition: all ease 200ms;

}
.contact-form .right-content .form-wrap .form-input-submit input[type=submit]:hover {
  background: #3f4483;
  color: #fff;
}

.contact-form .right-content .form-wrap .input-wrap input[type=radio] {
  position: absolute;
}
@media screen and (max-width: 1024px) {
  .contact-form .wrapper {
    flex-direction: column;
    gap: 46px;  
  }

  .contact-form .left-content {
    max-width: 100%;
  }

  .contact-form .left-content .sub-title {
    max-width: 100%;
  }

  .contact-form .right-content {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) { 
  .contact-form {
    padding: 60px 20px;
  }

  .contact-form .left-content .img-wrap {
    margin-bottom: 20px;
  }

  .contact-form .left-content h2 {
    font-size: 60px;

  }

  .contact-form .right-content .form-wrap {
    padding: 40px 30px;
  }
  .contact-form .right-content .form-wrap .form-input-two {
    flex-direction: column;
  }
}