.hr-contact {
  background-color:var(--color-2);
  position:relative;
  margin-top:-200px;
  z-index:0
}
.inquiry-img img {
  border-radius:10px;
  width:100%
}
.rainbowimg {
  position:absolute;
  top:12%;
  left:-5%;
  z-index:2
}
.butterflyimg {
  position:absolute;
  top:40%;
  right:14%
}
.cloudimg {
  position:absolute;
  bottom:-10px;
  left:0;
  right:0;
  z-index:2;
  width:100%;
  height:auto
}
.hr-upper-img {
  position:absolute;
  top:-5px;
  overflow:hidden;
  width:100%;
  left:0;
  line-height:0;
  direction:ltr;
  z-index:3
}
.hr-upper-img svg {
  width:calc(170% + 1.3px);
  height:50px;
  display:block;
  left:50%;
  position:relative;
  transform:translateX(-50%)
}
.elementor-shape-fill {
  fill:#fff;
  transform-origin:center;
  transform:rotateY(0deg)
}
.hr-enrollment-area {
  border:1px solid #ececec;
  background:#fefefe
}
.hr-form-section {
  width:100%;
  padding:53px 80px
}
.hr-required {
  color:red;
  font-weight:400;
  display:block;
  padding-bottom:0;
  margin-bottom:20px
}
.hr-red {
  color:red
}
.hr-formbox {
  margin-bottom:15px
}
.hr-formbox p {
  text-transform:uppercase;
  margin:10px auto 0!important;
  background:var(--color-1);
  padding:10px;
  border-radius:5px;
  color:var(--color-2);
  text-align:center;
  font-weight:700;
  font-size:17px;
  font-family:var(--font-01)
}
.hr-formbox p span {
  font-style:italic;
  font-size:13px;
  text-transform:none;
  font-weight:400
}
.hr-enrollment-form .form-label {
  margin-bottom:10px;
  color:#3e3e3e;
  font-size:16px;
  font-weight:400
}
.hr-enrollment-form .hr-fill {
  width:100%;
  height:63px;
  padding:15px;
  font-size:16px;
  border-radius:15px;
  color:#5c5c5c;
  -moz-box-shadow:0 5px 5px rgb(182 182 182 / .05);
  -webkit-box-shadow:0 5px 5px rgb(182 182 182 / .05);
  box-shadow:0 7px 10px rgb(182 182 182 / .05)
}
.hr-enrollment-form .calendar-icon {
  position:absolute;
  right:35px;
  top:65%;
  transform:translateY(-50%);
  color:#999!important;
  pointer-events:none;
  font-size:16px
}
.hr-enrollment-form .form-control.date {
  padding-right:40px
}
.hr-enrollment-form .hr-radio {
  width:100%
}
.hr-enrollment-form .hr-radio tr td {
  border:1px solid #c7c7c7;
  width:50%;
  float:left;
  transition:.4s;
  border-radius:15px;
  -moz-box-shadow:0 5px 5px rgb(182 182 182 / .05);
  -webkit-box-shadow:0 5px 5px rgb(182 182 182 / .05);
  box-shadow:0 7px 10px rgb(182 182 182 / .05);
  height:53px;
  padding:5.5px;
  margin:5px 0
}
.hr-enrollment-form .hr-radio tr td:first-child {
  margin-right:1%
}
.hr-enrollment-form .hr-radio tr td:not(:last-child) {
  margin-right:.5%
}
[type=radio]:checked+label,
[type=radio]:not(:checked)+label {
  position:relative;
  padding-left:28px;
  cursor:pointer;
  line-height:20px;
  display:inline-block;
  color:#b1b1b1;
  width:100%;
  height:unset;
  padding:10px
}
.highlight {
  border:1px solid #9fd41e!important
}
[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before {
  content:'';
  position:absolute;
  right:0;
  top:8px;
  width:24px;
  height:24px;
  border:1px solid #ddd;
  border-radius:100%;
  background:#fff
}
[type=radio]:checked+label::before,
[type=radio]:not(:checked)+label::before {
  right:6px
}
[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after {
  content:'';
  width:18px;
  height:18px;
  background:#9fd41e;
  position:absolute;
  top:11px;
  right:3px;
  border-radius:100%;
  -webkit-transition:all .2s ease;
  transition:all .2s ease
}
[type=radio]:checked+label:after {
  opacity:1;
  -webkit-transform:scale(.9);
  transform:scale(.9)
}
[type=radio]:checked+label::after,
[type=radio]:not(:checked)+label::after {
  right:9px
}
[type=radio]:not(:checked)+label::after {
  opacity:1;
  -webkit-transform:scale(.9)!important;
  transform:scale(.9)!important;
  background:linear-gradient(#fff,#dbdbdb,#c8c8c8)
}
[type=radio]:checked+label {
  color:#5c5c5c!important
}
.hr-radio input {
  float:right
}
[type=radio]:checked,
[type=radio]:not(:checked) {
  position:absolute;
  left:-9999px
}
.hr-disclaimer p {
  color:#2f2f2f
}
@media (max-width:767.98px) {
  .rainbowimg,
  .butterflyimg {
    display:none!important
  }
}
@media(max-width:991px) {
  .hr-contact {
    margin-top:0
  }
}