.mobileRes {
    display: flex;
    flex-direction: unset;
    flex-wrap: wrap;
}

.detailRes {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.wcol {
    width: 50%;
}

.wRowDtl {
    width: 35%;
}

.w30 {
    width: 30%;
}

.w50 {
    width: 50%;
}

.w20 {
    width: 20%;
}

.w40 {
    width: 40%;
}

.w60 {
    width: 60%
}

.paymentYEC {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.text-bold {
    font-weight: bold;
}

.text-input-right {
    text-align: right;
}

.list-renew {
    margin-top: 1em;
    margin-bottom: 1em;
}

.list-renew .card {
    margin-bottom: auto;
}

.gap-10 {
    gap: 10px;
}

@media (max-width: 1024px) {
    .mobileRes {
        display: flex;
        flex-direction: column;
        flex-wrap: unset;
    }

    .wcol {
        width: 100%;
    }
}

@media (max-width: 990px) {
    .wRowDtl {
        width: 100%;
    }

    .detailRes {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .detailRes .text-right {
        text-align: center !important;
    }

    .paymentYEC {
        flex-direction: column;
    }
}