.invalid-feedback,.error-field {color: #ff4343;}
.modal {
    /*From Right/Left */
  }
  .modal.drawer {display: flex !important; pointer-events: none;}
  .modal.drawer * {pointer-events: none; transition: all 0.5s ease-in-out;}
  /* .modal-backdrop {
    z-index: 0;
} */
  .modal-backdrop{z-index: 0;}
  .modal-backdrop.show{width: auto; }
  .modal.drawer .modal-dialog { margin: 0px; display: flex; flex: auto; transform: translate(30%, 0);}
  .modal.drawer .modal-header{border-bottom: none; text-align: center;}
  .modal.drawer .modal-title{text-align: center; display: flex; justify-content: center; margin: auto; padding: 2rem; width: 100%; font-size: 2rem; font-weight: 300; color: #101442;}
  .modal.drawer .modal-dialog .modal-content { border: none; border-radius: 0px; z-index: 3;}
  .modal.drawer .modal-dialog .modal-content .modal-body {overflow: auto; z-index: 99; background: aliceblue;}
  .modal.drawer.show {pointer-events: auto; background: rgba(0,0,0,0.5); padding-right: 0px !important;}
  .modal.drawer.show * {pointer-events: auto;} 
  .modal.drawer.show .modal-dialog {transform: translate(0, 0); min-width: 30%;}
  .modal.drawer.right-align {flex-direction: row-reverse; }
  .modal.drawer.left-align:not(.show) .modal-dialog {transform: translate(-30%, 0);  }
  .modal.drawer .modal-header .close {font-weight: 300; font-size: 5rem; color: #0D67F9; margin: auto; margin-top: -2.5rem; margin-right: -1rem;}
  .modal.drawer .modal-header .close:hover{color: #0D67F9;}


  .modal_form_wrapper{padding: 0px 2.5rem;}
  .modal_form_wrapper .input_effect ~ label {color: #062652;}
  .modal_form_wrapper .login_signup_form_sec {background: transparent; box-shadow: none;}
  .modal_form_wrapper .input_effect:focus ~ label, .modal_form_wrapper .has-content.input_effect ~ label{color: #062652;}
  .modal_form_wrapper span#country_name {color: #201b4c}
  .modal_form_wrapper .input_effect, .modal_form_wrapper select.input_effect{color: #062652;}
  .mobile_field .input_effect {padding: 4px 1.07rem;}

  .modal_form_wrapper .socail_link {display: block; text-align: center;}
  .modal_form_wrapper .socail_link .title_social{color: #062652; font-size: 1.57rem; font-weight: 400;}
  .modal_form_wrapper .signup-section{color: #062652; font-weight: 400;}
  .modal_form_wrapper .signup-section .text-info {color: #007bff!important;}
 .tacbox label {color: #201b4c; margin-bottom: 0px !important;}
  .tacbox label a{color: #007bff!important; }
/* .modal.drawer .checkbox_parent{position: unset !important;} */
.modal.drawer .checkboxes_block {position: relative;}
.modal.drawer #agree-error {position: absolute; bottom: -1.57rem;}
.modal.drawer .error-field {color: #ff4343; font-size: 0.93rem; font-weight: 300;}

.has-content.input_effect ~ .focus-border{width:100%; transition:0.4s;}
.input_effect ~ label{ position:absolute; left:0; width:100%; top:4px; color: #707786; font-weight: 400; transition:0.3s; z-index:0; letter-spacing:0.5px;}
.input_effect:focus ~ label, .has-content.input_effect ~ label{ top:-18px; font-size: 1rem; color:#062652; font-weight: 500; transition:0.3s;}

.checkboxes_block{ font-size: 1.07rem; color: #707786; font-weight: 400;}
.checkboxes_block .checkbox{ /*display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;*/ line-height: 1.5rem; position: relative;}
.checkbox label{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; color: #062652; margin: 0rem 0rem;}
.checkbox label input{ width: 100%; height: 100%; position: absolute; top: 0%; right: 0%; opacity: 0; z-index: 2;}
.checkbox .check{ width: 1.43rem; height: 1.43rem; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 2px solid rgb(200, 200, 200); border-radius: .25rem; /*background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 1px 4px 0px rgba(91, 91, 91, 0.35); box-shadow: 0px 1px 4px 0px rgba(91, 91, 91, 0.35);*/}
.checkbox label input:checked + .check{ background-color: #ffffff;}
.checkbox label input:checked + .check::before{ width:.43rem; height:.71rem; position:absolute; left:.4rem; top:.1rem;; border:solid #32a4d5; border-width:0px 2px 2px 0px; -webkit-transform:rotate(45deg); transform:rotate(45deg); content:"";}

.country_code .form-control{background-color: transparent; height: 1.8em; width: 100%; border: 0px; padding: 0;}  
.password_icon {cursor: pointer; z-index: 9;}
.input_effect,
select.input_effect{ color: #707786;}
.checkbox_parent #agree-error {position: absolute; width: max-content; border: 0rem; top: 26px; margin: 0 auto; font-weight: 300;}
.checkbox .check{ width: 1.43rem; height: 1.43rem; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 2px solid rgb(200, 200, 200); border-radius: .25rem;}
.checkbox label input:checked + div + .check{ background-color: #ffffff;}
.checkbox label input:checked + div + .check::before{ width:.43rem; height:.71rem; position:absolute; left:.4rem; top:.1rem;; border:solid #32a4d5; border-width:0px 2px 2px 0px; -webkit-transform:rotate(45deg); transform:rotate(45deg); content:"";}

  @media(max-width: 767px){
  .modal_right_btn{position: fixed;
    z-index: 10;
    text-align: center;
    justify-content: center;
    margin: auto;
    display: flex;
    min-width: 16.67rem;
    bottom: 3.5rem;
    left: 50%;
    transform: translate(-50%, 0);}

.modal_form_wrapper {padding: 0px 0rem; }
  }

@media (max-width: 767.98px){
.modal_right_btn {min-width: 95%; bottom: -2.75rem; min-height: 5rem;}
.modal.drawer .modal-header .close {font-size: 4rem; margin-top: -2rem; margin-right: -1rem;}
.modal.drawer .modal-title {padding: 2rem 12px; font-size: 1.75rem; margin-right: -2rem;}
}