body.popup-open {
  overflow: hidden;
}

body.popup-open .box-model .body-content{
  overflow: hidden;
}

ul.code-list,
ul.code-list li {
  list-style-type: none;
}

ul.code-list {
  display: flex;
  flex-flow: column;
  width: 100%;
  margin-top: 20px;
}

ul.code-list li {
  display: flex;
  flex-flow: column;
  width: 100%;
  justify-content: center;
}

ul.code-list li ul {
  display: flex;
  flex-flow: row;
}

ul.code-list li.table__header ul {
  background: rgba(0, 193, 134, 0.1);
  border-radius: 10px 10px 0 0;
}

ul.code-list li.table__header ul li {
  padding: 22px 20px;
  font-family: 'ProximaNova-Bold';
  color: #00C186;
}

ul.code-list li ul li {
  padding: 12px 20px;
  font-family: 'ProximaNova';
  font-size: 17px;
  line-height: 24px;
}

ul.code-list li ul.specific_area_details li {
  box-shadow: 6.94141px 6.94141px 34.7071px rgba(189, 189, 189, 0.15);
}

ul.code-list li ul li:first-child {
  font-family: 'ProximaNova-Bold';
}

.validation__note-block .note-details {
  padding: 50px;
}

.validation__note-block .note-details p {
  font-size: 20px;
  line-height: 24px;
  color: #282828;
}

.validation__note-block {
  width: 100%;
  max-width: 622px;
  min-height: 100px;
  background: #FFFFFF;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.validation__note-block h3 {
  padding: 34px 50px;
  border-bottom: 5px solid #00C186;
  display: flex;
  justify-content: space-between;
}


.validation__note-block h3 img {
  max-width: 24px;
  margin: 0;
}

.overlay {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  padding: 15px;
  display: none;
}

.overlay.active {
  display: flex;
  align-items: center;
  justify-content: center;
}

.guide_image {
  margin:19px 0 46px;
  max-width: 100%;
}

.phone__fillup-note {
  box-sizing: border-box;
  display: inline-block;
  /* padding-left: 23%; */
  padding-top: 30px;
  position: relative;
  /* right: -11px; */
} 

.phone__fillup-note a {
  font-family: 'ProximaNova-Semibold';
  font-weight: 700;
  color: #00C186;
  text-decoration: underline;
  display: inline-block;
}

.phone__fillup-note a span.icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='url(%23paint0_linear_984_69)'/%3E%3Cpath d='M8.99349 6.46654C8.70416 6.46654 8.45216 6.36388 8.23749 6.15854C8.03216 5.94388 7.92949 5.69188 7.92949 5.40254C7.92949 5.11321 8.03216 4.86588 8.23749 4.66054C8.45216 4.45521 8.70416 4.35254 8.99349 4.35254C9.29216 4.35254 9.54416 4.45521 9.74949 4.66054C9.95483 4.86588 10.0575 5.11321 10.0575 5.40254C10.0575 5.69188 9.95483 5.94388 9.74949 6.15854C9.54416 6.36388 9.29216 6.46654 8.99349 6.46654ZM9.88949 13.9565H8.11149V7.19454H9.88949V13.9565Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_984_69' x1='-1.8' y1='1.28' x2='11.5362' y2='17.7816' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2336E88E'/%3E%3Cstop offset='1' stop-color='%2300C186'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 2px;
  position: relative;
}

.custom__radio-block {
  display: inline-block;
  width: 71%;
}

.custom__radio-block span {
  display: inline-block;
  padding: 0;
  background: #fbfbfb;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}

.custom__radio-block span.checked {
  background: rgba(51, 229, 141, 0.15);
  box-shadow: none;
}

.custom__radio-block span.checked label {
  font-family: ProximaNova-Semibold;
}

.custom__radio-block span+span {
  margin-left: 9px;
}

.custom__radio-block strong {
  margin: 0 5px;
}

.custom__radio-block [type="radio"]:checked,
.custom__radio-block [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.custom__radio-block [type="radio"]:checked+label,
.custom__radio-block [type="radio"]:not(:checked)+label {
  font-size: 20px;
  position: relative;
  padding: 15px 20px 15px 54px;
  cursor: pointer;
  line-height: 25px;
  display: inline-block;
  color: #000;
}

.custom__radio-block [type="radio"]:checked+label:before,
.custom__radio-block [type="radio"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12.5' r='11' stroke='url(%23paint0_linear_984_62)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_984_62' x1='-2.4' y1='2.20667' x2='15.3816' y2='24.2088' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2336E88E'/%3E%3Cstop offset='1' stop-color='%2300C186'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.custom__radio-block [type="radio"]:checked+label:after,
.custom__radio-block [type="radio"]:not(:checked)+label:after {
  content: '';
  width: 24px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12.5' r='11' fill='url(%23paint0_linear_984_57)' stroke='url(%23paint1_linear_984_57)' stroke-width='2'/%3E%3Cpath d='M10.2305 17.7812C10.5039 18.0547 10.9688 18.0547 11.2422 17.7812L19.2812 9.74219C19.5547 9.46875 19.5547 9.00391 19.2812 8.73047L18.2969 7.74609C18.0234 7.47266 17.5859 7.47266 17.3125 7.74609L10.75 14.3086L7.66016 11.2461C7.38672 10.9727 6.94922 10.9727 6.67578 11.2461L5.69141 12.2305C5.41797 12.5039 5.41797 12.9688 5.69141 13.2422L10.2305 17.7812Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_984_57' x1='-2.4' y1='2.20667' x2='15.3816' y2='24.2088' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2336E88E'/%3E%3Cstop offset='1' stop-color='%2300C186'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_984_57' x1='-2.4' y1='2.20667' x2='15.3816' y2='24.2088' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2336E88E'/%3E%3Cstop offset='1' stop-color='%2300C186'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.custom__radio-block [type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.custom__radio-block [type="radio"]:checked+label:after {
  opacity: 1;
  transform: scale(1) translateY(-50%);
}

.text-box .input {
  position: relative;
  background-color: #fbfbfb;
  margin: 15px 0;
}

.text-box .input__placeholder {
  position: absolute;
  top: 24px;
  left: 0;
  color: #B7B7B7;
  z-index: 1;
}

.text-box .input__field,
.text-box .input__placeholder {
  font-family: 'AzeretMono-Regular', monospace;
  font-size: 20px;
}

.text-box .input__field {
  padding: 20px 12px;
  position: relative;
  left: 0;
  margin:0;
  border-radius: 5px;
  z-index: 2;
  background: transparent;
  box-sizing: border-box;
  /* width: 94.5%; */
  width: 100%;
}

.text-box .error {
  color: #CA0000;
  display: none;
}

.text-box .invalid .error {
  display: block;
  padding: 0;
  max-width: 90%;
}

.text-box .invalid .input__field {
  border: 1px solid #CA0000;
}

/* div#homePhoneWrapper,
div#mobilePhoneWrapper {
  padding-left: 136px;
} */

.phoneNumberArea {
  padding-left: 136px;
}

/* div#homePhoneWrapper .text-box,
div#mobilePhoneWrapper .text-box {
  padding-bottom: 0;
} */

.phoneNumberArea .text-box {
  padding-bottom: 0;
}

/* div#mobilePhoneWrapper .text-box .input__field {
  padding: 20px 5px;
} */

.phoneNumberArea.mobile .text-box .input__field {
  padding: 20px 5px;
}

/* div#mobilePhoneWrapper .text-box .input__placeholder {
  left: 6px;
} */

.phoneNumberArea.mobile .text-box .input__placeholder{
  left: 6px;
}

@media only screen and (max-width: 767px) {
  .text-box .input__field{
    padding: 10px 12px;
  }
  
/*   div#mobilePhoneWrapper .text-box .input__field {
    padding: 10px 5px;
  } */

  .phoneNumberArea.mobile .text-box .input__field {
    padding: 10px 5px;
  }

  .text-box .input__placeholder {
    color: #B7B7B7;
  }

  .text-box .input__placeholder {
    top: 13px;
  }

  .text-box p.lable {
    width: 100%;
    margin-right: 0;
  }

  .custom__radio-block {
    width: 100%;
    margin: 10px 0 0;
  }

 /*  div#homePhoneWrapper,
  div#mobilePhoneWrapper {
    padding-left: 0;
  } */

  .phoneNumberArea {
    padding-left: 0;
  }

  .phone__fillup-note {
    right: 0;
  }

  .custom__radio-block [type="radio"]:checked+label,
  .custom__radio-block [type="radio"]:not(:checked)+label {
    padding: 15px 20px 15px 48px;
    font-size: 19px;
  }

  .custom__radio-block [type="radio"]:checked+label:before,
  .custom__radio-block [type="radio"]:not(:checked)+label:before {
    left: 15px;
  }

  .custom__radio-block [type="radio"]:checked+label:after,
  .custom__radio-block [type="radio"]:not(:checked)+label:after {
    left: 15px;
  }

  .custom__radio-block span+span {
    margin-left: 5px;
  }

  .overlay {
    padding: 10px;
  }

  .validation__note-block .note-details {
    padding: 20px;
  }

  .validation__note-block .note-details p {
    font-size: 18px;
    line-height: 22px;
  }

  ul.code-list li.table__header ul li {
    padding: 13px 10px;
  }

  ul.code-list li ul li:first-child {
    width: 140px;
  }

  ul.code-list li ul li {
    font-size: 16px;
    line-height: 21px;
    padding: 12px 10px;
  }

  .guide_image {
    margin: 30px 0;
  }

  .validation__note-block h3 {
    padding: 34px 20px;
  }

}

@media only screen and (max-width: 500px) {
  .custom__radio-block [type="radio"]:checked+label,
  .custom__radio-block [type="radio"]:not(:checked)+label {
    padding: 15px 10px 15px 40px;
  }
  .custom__radio-block [type="radio"]:checked+label:before,
  .custom__radio-block [type="radio"]:not(:checked)+label:before {
    left: 10px;
  }

  .custom__radio-block [type="radio"]:checked+label:after,
  .custom__radio-block [type="radio"]:not(:checked)+label:after {
    left: 10px;
  }
}