.checkboxDiv, .checkboxDiv * {

    cursor: pointer;

}

.select2-container {

  width: 100% !important;

  height: 40px !important;

}



.select2-container .select2-selection--single {

  border-radius: 7px !important;

  border: 1px solid var(--light-color) !important;

  background-color: #fff !important;

  height: 100% !important;

}

.select2-container .select2-selection__rendered {

  margin-top: 5px;

  margin-left: 16px;

  margin-right: 16px;

}

.btn {

  font-size: 1rem;

  font-weight: 500;

  padding: 0.5rem 1rem;

}

.mr20px {

  margin-right: 20px;

}

.centered-div {

  width: 500px;

  height: 500px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

@media (max-width: 600px) {

.centered-div {

  width: 250px;

  height: 250px;

}

#left-container-processing-area{

width: 100% !important;

height: 100% !important;

border-radius: 0px!important;

max-height: initial !important;

}

.stepper {

margin: 20px 10px 20px 10px;

width: initial;

max-width: initial;

margin-bottom: 150px;

}



.form-box {

margin-bottom: 100px;

}



.form-box .form-four, .form-box .form-five {

min-height: 400px !important;

}

}

.drawer-overlay {

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  overflow: hidden;

  z-index: 109;

  background-color: var(--bs-drawer-overlay-bg-color);

  animation: animation-drawer-fade-in 0.3s ease-in-out 1;

}

.right-hidden {

  width: 0 !important;

}



.left-100 {

  width: 100% !important;

}



.left-child-hidden {

  width: 100%;

  height: 100%;

}



.stepper-show {

}



.box-animator {

  animation-name: bringFront;



  animation-fill-mode: both;

  animation-duration: 2s;

}



.box-animator-reverse {

  animation-name: sendBack;

  animation-fill-mode: both;

  animation-duration: 2s;

}



.required-star {

  color: red;

  font-size: 16px;

}



.left-child {

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 1;

}



@keyframes bringFront {

  from {

    opacity: 0;

    z-index: 0;

  }

  70% {

    z-index: 1;

  }

  to {

    opacity: 1;

    z-index: 1;

  }

}



@keyframes sendBack {

  from {

    opacity: 1;

    z-index: 1;

  }

  70% {

    z-index: 0;

  }

  to {

    opacity: 0;

    z-index: 0;

  }

}



.h-1000px {

  height: 1000px !important;

  background: transparent !important;

  overflow-y: auto;

}





.resend-info {

  font-size: 1em;

  margin: 10px 0 30px 0;

  color: #666;

}



.resend-link {

  font-size: 1em;

  color: blue;

  cursor: pointer;

  text-decoration: underline;

  margin-bottom: 30px;

}



.input-control.success input {

  border-color: #09c372;

}



.input-control.error input {

  border-color: #ff3860;

}



.input-control .error {

  color: #ff3860;

  font-size: 12px;

  padding-left: 10px;

}

.logo {

  text-align: center;

}