.vehicle_information.step4 .form-container .form .checkbox/* Submit Popup */
.vehicle_information.step4 .form-container{width: 100%;padding-top: 30px;}
.vehicle_information.step4 .form-container .form{display: flex;flex-direction: column;gap: 20px;}
.vehicle_information.step4 .form-container .form .form-row{display: flex;gap: 16px;flex-wrap: wrap;}
.vehicle_information.step4 .form-container .form .form-row .form-group{flex: 1;display: flex;flex-direction: column;gap: 15px;}
.vehicle_information.step4 .form-container .form .form-row .form-group label {font-weight: 500;font-size: 16px;line-height: 14px;letter-spacing: 0px;color: #1a1a1a;}
.vehicle_information.step4 .form-container .form .form-row .form-group input, .vehicle_information.step4 .form-container .form .form-row .form-group textarea {padding: 15px;border: 1px solid #D0CECC;border-radius: 6px;background: #f0f0f0;font-size: 15px;outline: none;resize: none;transition: border 0.2s, background 0.2s;color: #6B7280;height: auto;}
.vehicle_information.step4 .form-container .form .form-row .form-group input.disabled-look::placeholder{opacity: 1;}
.vehicle_information.step4 .form-container .form .form-row .form-group input::placeholder, .vehicle_information.step4 .form-container .form .form-row .form-group textarea::placeholder {opacity: 0.5;}

.vehicle_information.step4 .form-container .form input[type="checkbox"]{-webkit-appearance: none;appearance: none;width: 25px;height: 25px;border: 1px solid #D0CECC;border-radius: 3px;cursor: pointer;transition: all 0.2s ease;background: #F0F0F0;}
.vehicle_information.step4 .form-container .form input[type="checkbox"]:checked{background: #000;}
.vehicle_information.step4 .form-container .form .checkbox{display: flex;align-items: center;gap: 8px;font-size: 14px;color: #6B7280;flex-wrap: wrap;}
.vehicle_information.step4 .form-container .form .checkbox #agree-error{flex-basis: 100%;width: 100%;}
.vehicle_information.step4 .form-container .form .checkbox label{margin-top: 4px;}
.vehicle_information.step4 .form-container .form .form-row .form-group textarea{min-height: 125px;}
.overlay {
    background-color: rgba(0 ,0 ,0 , 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    display: block;
}


.appointment_popup.modal-popup .modal-content{
  border-radius: 12px;
  border-width: 1px;
  background-color: #ffffff;
  z-index: 1111111;
  padding: 25px;
  text-align: center;
}

.modal-popup._inner-scroll.appointment_popup .modal-inner-wrap{max-width: 512px !important;width: 100%;}


.appointment_popup header{display: none;}


.appointment_popup .heading {font-weight: 700;font-size: 24px;line-height: 28px;letter-spacing: 0px;color: #1a1a1a;padding-block: 25px 10px;display: block;}
.appointment_popup .primary-btn{border-radius: 4px;background: #000000;color: #ffffff;font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: 0px;padding: 10px 50px;display: inline-block;}
.appointment_popup .cross-btn{position: absolute;top: 10px;right: 15px;background: transparent;border: 0;cursor: pointer;padding: 0;}
.appointment_popup .keep-btn{background: #fff;color: #000;border: 1px solid rgba(0, 0, 0, 0.1);}


.vehicle_information .action-btns button{margin-top: 0px;}


.appointment_popup .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #6B7280;
    padding-bottom: 20px;
}

.appointment_popup .appointment_details {
      display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 12px;
    width: 100%;
    margin-bottom: 20px;
}

.appointment_details .detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.appointment_details .detail span:nth-child(1) {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #6B7280;
    text-align: left;
    min-width: 30%;
}

.appointment_details .detail span:nth-child(2) {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #1a1a1a;
    text-align: right;
}

.appointment_details .primary-btn {
    width: 100%;
}

.appointment_details .cross-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: 0;
  cursor: pointer;
}



@media (max-width: 600px) {
  .form-row {
    flex-direction: column;
  }

  .checkbox label {
    font-size: 12px;
    line-height: 16px;
  }

  .checkbox input[type="checkbox"] {
    width: 40px;
  }

 /* .appointment_popup {
    max-width: 280px;
  }*/

  .appointment_popup .heading {
    font-size: 18px;
    line-height: 24px;
    padding-block: 18px 8px;
  }

  .appointment_popup .text {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #6B7280;
    padding-bottom: 15px;
  }
}