@import url(styles.css);

 .background {
     width: 430px;
     /* height: 520px; */
     position: absolute;
     transform: translate(-50%, -50%);
     left: 50%;
     top: 50%;
 }

 .background .shape {
     height: 200px;
     width: 200px;
     position: absolute;
     border-radius: 50%;
 }

 .shape:first-child {
     background: linear-gradient(var(--persian-blue), var(--bright-azure-color));
     left: -80px;
     top: -80px;
 }

 .shape:last-child {
     background: linear-gradient(to right, var(--fiery-orange-color), var(--sunset-orange-color));
     right: -30px;
     bottom: -80px;
 }

 .modal-enroll {
     background-color: var(--semi-transparent-white-color-reg);
     border-radius: 10px;
     backdrop-filter: blur(10px);
     border: 2px solid var(--semi-transparent-white-color);
     box-shadow: 0 0 40px var(--dark-shade-purle-color);
     padding: 10px 35px;
     color: var(--white-color);
 }

 .modal-enroll * {
     letter-spacing: 0.5px;
     outline: none;
     border: none;
 }

 .modal-enroll .modal-title {
     font-size: 32px;
     font-weight: 500;
     line-height: 42px;
     text-align: center;
 }

 .enroll-form-sec label {
     display: block;
     margin-top: 10px;
     font-size: 16px;
     font-weight: 500;
 }

 .enroll-model-sec input {
     color: var(--white-color);
 }

 .error {
     color: var(--color-red) !important;
     font-size: 0.875em;
     margin-top: 5px;
 }

 .error {
     color: var(--color-red);
     font-size: 0.875em;
     margin-top: 5px;
 }

 .dropdown-container {
     position: relative;
     /* display: inline-block; */
 }

 .dropdown-list {
     display: none;
     position: absolute;
     background-color: var(--light-grey-color-pop);
     max-height: 150px;
     overflow-y: auto;
     border: 1px solid var(--coachTraining-iconlist-timeline-bc);
     z-index: 1;
 }

 .dropdown-list a {
     color: var(--color-black);
     padding: 12px 16px;
     text-decoration: none;
     display: block;
 }

 .dropdown-list a:hover {
     background-color: var(--whisper-gray-color);
 }

 .enroll-form-sec input {
     display: block;
     height: 40px;
     width: 100%;
     background-color: var(--soft-light-white-color);
     border-radius: 3px;
     padding: 0 10px;
     margin-top: 8px;
     font-size: 14px;
     font-weight: 300;
 }


 .tc {
     font-size: 12px;
 }

 #terms {
     width: 19px;
     height: 19px;
 }

 .termsCondition {
     display: flex;
     align-items: end;

 }
 .padding-0{
    padding: 0 !important;
  }