.modal_size {
     width: 380px;

 }

 .modal-title{
    color:#212529;
 }

 .custom-modal .modal-content {
     border-radius: 12px;
     overflow: hidden;
 }

 .modal_close_btn {
     float: right;
 }

 .custom-modal .modal-header {
     background-color: #e6f7fa;
     border-bottom: none;
     text-align: center;
     display: block;
 }

 .modal-header p {
     font-weight: 400;
     font-size: 16px;
     line-height: 26px;
     letter-spacing: 0;
     text-align: center;
     margin: 1rem 0 0;
    color:#212529;

 }

 .custom-modal .modal-header h5 {
     font-weight: 500;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: -0.69px;
     text-align: center;
     margin: 4rem 0 0;
     width: 85%;
     margin: 4rem auto 0;

 }

 .text-highlight {
     color: #0173B5;
 }

 .custom-modal .modal-body {
     padding: 2rem;
 }

 .custom-modal .form-control {
     margin-bottom: 1rem;
     border-radius: 8px;
 }

 .custom-btn {
     background-color: #0173B5;
     color: #fff;
     width: 100%;
     border-radius: 8px;
     padding: 1rem;
     border: none;
     font-weight: 500;
     font-size: 16px;
     line-height: 11.65px;
     letter-spacing: -0.22px;
     vertical-align: middle;

 }

 .terms {
     font-size: 0.9rem;
     margin-bottom: 1rem;
     color: #526077;
 }


 .demo_form {
     display: flex;
     flex-direction: column;
     gap: 10PX;
 }

 .demo_form div {
     font-weight: 500;
     font-size: 12px;
     line-height: 20px;
     letter-spacing: 0.5px;
     text-transform: uppercase;

 }

 .demo_form div label {
     text-transform: uppercase;
 }

 .demo_form div input {
     font-weight: 400;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: 0px;
     color: #526077;
     height: 48px;
     border-radius: 8px;
     border: 1px solid #ECEEF2;
     outline: none;
 }


 .demo_form div input:focus {}


 .terms {
     text-decoration: none;
     display: flex;
     gap: 10px;
     align-items: center;
     text-transform: capitalize !important;
 }

 .terms label {
     text-transform: capitalize !important;

 }

 .terms label a {
     color: #526077;

     text-decoration: underline;
 }

 .book_gif {
     margin: 2rem 0 -2rem;
     width: 50%;
 }

 .check_gif {
     margin: 0rem 0 0rem;
     width: 70%;
 }

 #successMessage {
     display: none;
     text-align: center;
     padding: 20px;
     background: #DEFDFF;
 }

 #successMessage h4 {
     color: #0173B5 !important;
     font-weight: 500;
     font-size: 28px;
     line-height: 38px;
     letter-spacing: -0.69px;
     text-align: center;
     margin: 1rem auto;
     width: 85%;
 }

 #successMessage p {
     font-weight: 400;
     font-size: 16px;
     line-height: 26px;
     letter-spacing: 0;
     text-align: center;

 }

 @media (max-width: 767px) {
     .modal_size {
         width: 94%;
     }

     .custom-modal .modal-header h5 {
         font-size: 24px;
         margin: 2rem auto 0;
     }

     .custom-modal .modal-header p {
         font-size: 14px;
         margin: 1rem auto 0;
     }

     .custom-btn {
         padding: 0.75rem;
         font-size: 14px;

     }

 }