.modal {
    font-family: "Mulish", sans-serif;
}
.reg-title {
    font-size: 40px;
    font-weight: 700;
    color: #333333;
}
.reg-sub-title {
    font-size: 17px;
    font-weight: 400;
    color: #7A7A7A;
}
.modal-content {
  border-radius: 30px !important;
}

.modal-title {
  font-size: 32px;
}

textarea::placeholder {
  color: #999;
}

.form-control:focus {
  box-shadow: none;
  border-color: #006795;
}

button.btn-close {
    border: 2px solid #333333;
    border-radius: 100%;
    font-size: 13px;
    opacity: 1;
}
.modal-body form .form-control{
    font-family: "Mulish", sans-serif;
    border-radius: 15px !important;
    border-color: #DDDDDD;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
}
.modal-body form input::placeholder,
textarea::placeholder {
  font-family: "Mulish", sans-serif;
  color: #CCCCCC;     
  font-size: 16px;        
  font-weight: 400;       
}
.modal-body form input:focus::placeholder,
textarea:focus::placeholder {
  color: #CCCCCC;
}
/* Style the placeholder text */
.textarea-input::placeholder {
  font-family: "Mulish", sans-serif !important;
  color: #CCCCCC !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

/* Set height for the textarea itself */
.textarea-input {
  height: 150px !important;
}
.modal-body form  .form-check-input {
    --bs-form-check-bg: #D9D9D9 !important;
}
.form-check-label {
     font-family: "Mulish", sans-serif !important;
     font-size: 16px;
     font-weight: 400;
}
.form-check-label .terms {
     font-family: "Mulish", sans-serif !important;
     font-size: 17px;
     font-weight: 700;
}

.modal-body form .btn-theme-df {
    width: 222px !important;
    height: 49px;
    line-height: 1;
    margin-top: 20px;
}