@import url("https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@500&display=swap");
.qr-theme-thumb {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.qr-theme-thumb-item {
    border: 2px solid #f0f0f0;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
}
.qr-menu-holder {
    width: 495px;
    height: 740px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    overflow: hidden;
    background-repeat:  no-repeat !important;
    background-size: cover !important;
    background-position: center center;
}
.qr-footer {
    direction: ltr;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 15px 10px;
    color: #333 !important;
    margin-bottom: -1px;
    box-shadow: 0 -3px 6px -1px rgba(0,0,0,0.1);
}
.qr-footer-provider {
    font-size: 11px;
    line-height: 12px;
    color: #999;
}
.qr-footer-provider span {
    display: block;
    font-size: 13px;
    color: #333;
}
#titleLabel,
#tableLabel,
#descriptionLabel {
    text-align: center;
    font-family: 'Noto Kufi Arabic', sans-serif;
}
#qr-code {
    border-radius: 12px;
    border: 5px solid #333;
    padding: 10px;
    background-color: #fff;
}
#tableLabel {
    font-size: 36px;
}

.qrt-0 {
    color: #222;
}
.qrt-1 #titleLabel,
.qrt-1 #tableLabel,
.qrt-1 #descriptionLabel {
    text-shadow: 0 0 10px rgba(0,0,0,0.7);
    color: #fff;
}

.qrt-1 #tableLabel {
    padding: 15px;
    background-color: #fff;
    border-radius: 12px;
    color: #4d3120;
    text-shadow: none;
}
.qrt-2 #qr-code {
    border-color: #fcc2c0;
}


.qrt-3 #tableLabel,
.qrt-3 #descriptionLabel {
    color: #fff;
}
.qrt-3 #qr-code {
    border-color: #cab002;
}


.qrt-4 #titleLabel,
.qrt-4 #tableLabel,
.qrt-4 #descriptionLabel {
    text-shadow: 2px 2px 2px rgba(255,255,255,0.7);
    color: #222;
}


.qrt-5 #titleLabel,
.qrt-5 #tableLabel,
.qrt-5 #descriptionLabel {
    color: #fff;
}

.qrt-6 #tableLabel {
    padding: 15px;
    background-color: #fff;
    border-radius: 12px;
    color: #185e16;
}

.qrt-7 #titleLabel,
.qrt-7 #tableLabel,
.qrt-7 #descriptionLabel {
    color: #fff;
}

.qrt-8 #titleLabel,
.qrt-8 #tableLabel,
.qrt-8 #descriptionLabel {
    color: #fff;
}

.qrt-9 #titleLabel,
.qrt-9 #tableLabel,
.qrt-9 #descriptionLabel {
    color: #fff;
}

.qrt-11 #titleLabel,
.qrt-11 #tableLabel,
.qrt-11 #descriptionLabel {
    color: #fff;
}

.qrt-13 #titleLabel,
.qrt-13 #tableLabel,
.qrt-13 #descriptionLabel {
    color: #ba8a66;
}
.qrt-13 .qr-menu-holder {
    justify-content: space-around;
}
.qrt-13 .qr-footer {
    margin-top: auto!important;
}
.qrt-13 #qr-code {
    border-color: #ba8a66;
}
.qrt-13 #titleLabel {
    margin-top: 80px;
    margin-bottom: 20px;
}
.qrt-13 #tableLabel {
    margin-top: 10px;
}
.qrt-13 .empty {
    margin-bottom: auto !important;
}


.qrt-14 #titleLabel,
.qrt-14 #tableLabel,
.qrt-14 #descriptionLabel {
    color: #fff;
}
.qrt-14 #qr-code {
    border-color: #74543b;
}
.qrt-14 #tableLabel {
    padding: 15px;
    background-color: #74543b;
    border-radius: 12px;
    color: #fff;
}

.qrt-15 #titleLabel {
    color: #f6f0a4;
}

.qrt-15 #tableLabel,
.qrt-15 #descriptionLabel {
    color: #fff;
}
.qrt-15 #qr-code {
    border-color: #222;
}


.qrt-18 #titleLabel,
.qrt-18 #tableLabel,
.qrt-18 #descriptionLabel {
    color: #fff;
}


.qrt-19 #titleLabel,
.qrt-19 #tableLabel,
.qrt-19 #descriptionLabel {
    color: #fff;
}

.qrt-22 #titleLabel,
.qrt-22 #tableLabel,
.qrt-22 #descriptionLabel {
    color: #fff;
}


.qrt-23 #titleLabel,
.qrt-23 #tableLabel,
.qrt-23 #descriptionLabel {
    color: #fff;
}


.qrt-24 #titleLabel,
.qrt-24 #tableLabel,
.qrt-24 #descriptionLabel {
    color: #fff;
}

.qrt-25 #titleLabel,
.qrt-25 #tableLabel,
.qrt-25 #descriptionLabel {
    color: #fff;
}

.qrt-26 #titleLabel,
.qrt-26 #tableLabel,
.qrt-26 #descriptionLabel {
    color: #fff;
}

.qrt-27 #titleLabel,
.qrt-27 #tableLabel,
.qrt-27 #descriptionLabel {
    color: #fff;
}

.qrt-28 #titleLabel,
.qrt-28 #tableLabel,
.qrt-28 #descriptionLabel {
    color: #fff;
}

.qrt-29 #titleLabel,
.qrt-29 #tableLabel,
.qrt-29 #descriptionLabel {
    color: #fff;
}

.qrt-30 #titleLabel,
.qrt-30 #tableLabel,
.qrt-30 #descriptionLabel {
    color: #fff;
}