.title .picture {
    margin: 2rem auto;
    height: 10rem;
    width: 12rem;
}


.partnerInfo {
    margin: 3rem 0 0 0;
    padding: 2.4rem 4rem 6rem 4rem;
    box-shadow: 0.1rem 0.1rem 0 0 #221C4633;
    text-align: left;
}

.partnerInfo .title {
    margin-bottom: 3rem;
    color: #5A5469;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.1rem;
}

.partnerInfo .container,
.partnerInfo .container .mobile {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
}



.partnerInfo .container a {
    text-decoration: underline;
}

.partnerInfo .container .item,
.partnerInfo .container .item2 {
    padding: 1.6rem 2.4rem;
}

.partnerInfo .container .item {
    background-color: var(--clr-background-white);
}

.partnerInfo .container .showMore,
.partnerInfo .container .showMore2 {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    cursor: pointer;
}

#voucherBoxCont .title {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    text-align: left;
}

#voucherBox {
    display: flex;
    margin-bottom: 4rem;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    color: var(--clr-blue);
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    text-align: left;
    gap: 1.6rem;
}

.voucherCont {
    display: flex;
    height: 7rem;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.voucher {
    width: 40%;
}

.qtyCont {
    display: flex;
    width: 30%;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1rem;
}

.qtyCont .minus,
.qtyCont .plus {
    display: flex;
    width: 3rem;
    height: 3rem;
    color: var(--clr-light-blue);
    border: 0.2rem solid var(--clr-light-blue);
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.qtyCont .qty {
    display: flex;
    width: 9.6rem;
    height: 4.8rem;
    background-color: var(--clr-white);
    border: 0.1rem solid var(--clr-dark-grey);
    align-items: center;
    justify-content: center;
}

.subTotal {
    width: 20%;
    color: var(--clr-pink);
    font-weight: 700;
    text-align: right;
}

.total {
    display: flex;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    justify-content: space-between;
    align-items: center;
}

#totalPrice {
    color: var(--clr-pink);
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
}

#companyTotal {
    display: flex;
    width: 100%;
    gap: 1.6rem;
    flex-direction: column;
    flex-wrap: nowrap;
    color: var(--clr-blue);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-align: left;
}

#companyTotal .title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
}

#companyTotal .companyTotal {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

#companyTotal .companyTotal .left {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
}

#companyTotal .companyTotal .left .name {
    width: 16rem;
}

#companyTotal .companyTotal .left .divider {
    margin: 0 2rem 0 1rem;
    height: 2rem;
    border-right: solid 0.1rem var(--clr-grey);
}

#companyTotal .companyTotal .left .image {
    height: 6.4rem;
    width: 10rem;
}

#companyTotal .companyTotal .right .price {
    color: var(--clr-pink);
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
}

.mainDivider {
    margin: 2rem 0 0.4rem 0;
    width: 100%;
    border-top: dashed 0.1rem var(--clr-grey);
}

.companyTotal {
    display: flow-root;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.companyTotal p {
    float: left;
    margin: 20px 0 0 0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #7F7F9D;
    font-weight: normal;
}

.companyTotal p:nth-child(2) {
    float: right;
}

.companyTotal.warning p{
    color: red;
}

.companyTotal.warning p a {
    color: #180f94;
    font-weight: bold;
}

.checkbox {
    width: 100%;
    text-align: center;
}

.checkbox div {
    display: inline-block;
}

.checkbox .form {
    display: flex;
    margin-bottom: 2rem;
    width: 100%;
    color: var(--clr-blue);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-align: left;
    align-items: center;
}

.checkbox .goToSummary {
    float: right;
    width: 100%;
}

div[aria-describedby="cashbackDialog"] .ui-dialog-buttonpane{
    background-color: transparent !important;
}


/* ----------------- Mobile 360px ----------------- */
@media only screen and (max-width: 500px) {
    .partnerInfo {
        padding: 2.4rem 2rem 6rem 2rem;
    }

    .checkbox {
        margin-bottom: 5.4rem;
        height: max-content;
    }

    .qtyCont {
        width: 36%;
        gap: 0.5rem;
    }

    .qtyCont .minus,
    .qtyCont .plus {
        width: 2.6rem;
        height: 2.6rem;
        border: 0.2rem solid var(--clr-light-blue);
    }

    .qtyCont .qty {
        width: 4.6rem;
        height: 4.6rem;
    }

    .qtyCont .soldOut {
        text-align: center;
    }

}