/* ============= Reset Bulma Rules =============*/
.label:not(:last-child) {
    margin-bottom: 0;
}
/**/

/* ============= General =============*/
.modal_forms_review_and_pay .modal-card-body {
    border-radius: 8px;
    position: relative;
    width: 100%;
    height: 540px;
}

.modal_forms_review_and_pay .modal-card-body > .delete_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
}

.modal_forms_review_and_pay .modal-form {
    position: relative;
    height: 100%;
    width: 100%;
}

.modal_forms_review_and_pay .form__wrapper {
    gap: 2rem;
    width: 100%;
}

.modal_forms_review_and_pay .form__wrapper form {
    gap: 1rem;
    width: 100%;
}
/**/


/* ============= Review services =============*/
.review_services_content {
    gap: 2rem;
    flex-basis: 100%;
}

.review_services_content,
.review_services_content > div {
    width: 100%;
}

.review_services {
    overflow: auto;
}

.review_services > h3{
    font-size: 1.5rem;
}

/* === servee lvl services ===*/
.review_services_serveeLvl {
    /* max-height: 120px; */
    gap: 2rem;
}

.review_services_serveeLvl_item_container {
    gap: 1rem;
}

.review_services_serveeLvl_item_servee > .servee_header {
    font-size: 1.1rem;
}

.review_services_serveeLvl_item_service {
    gap: 10px;
    border-radius: 6px;
    background-color: rgba(224, 224, 224, 0.5);
    max-width: 190px;
}

.review_services_serveeLvl_item_service > input{
    max-width: 100px;
}

span.input:hover {
    border-color: #dddddd!important;
}

span.input:active {
    border-color: #dddddd!important;
    box-shadow: none!important;
}
/**/

/* === submission lvl service ===*/
.service-submissionLvl__container {
    gap: 1rem;
    overflow: auto;
    /* max-height: 159px; */
}
/**/
/**/


/* ============= Review Payment =============*/
.review_payment_content {
    gap: 2rem;
}

.review_payment_content > div {
    font-size: 1.1rem;
}

.review_payment_title {
    width: 50%;
    min-width: 155px;
    text-align: end;
    margin-right: 30px;
    font-weight: 600;
    text-transform: capitalize;
}

.review_payment_title > :first-child {
    white-space: nowrap;
}

.review_services_serveeLvl_container {
    gap: inherit;
}

.review_payment_content_wrapper {
    gap: 1rem;
}
/**/

/* ============= Review Change Payment Method =============*/
.review_change_method {
    position: absolute;
    bottom: 0;
    right: 0;
}
/**/
