.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.generate-block[data-v-1a4f06e2]{color:var(--title-text-black)}.generate-block[data-v-1a4f06e2] .swiper-pagination-bullet-active{background-color:#626f82;background:#626f82!important}.generate-block .generate-block-grid[data-v-1a4f06e2]{align-items:center;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (min-width:0) and (max-width:767px){.generate-block .generate-block-grid[data-v-1a4f06e2]{gap:16px;grid-template-columns:1fr 1fr}}.generate-block .generate-block-grid .grid-item[data-v-1a4f06e2]{background:linear-gradient(180deg,#f2f4f6,#fff);border:2px solid #fff;border-radius:20px;min-height:286px;width:100%}@media (min-width:0) and (max-width:767px){.generate-block .generate-block-grid .grid-item[data-v-1a4f06e2]{min-height:0}}.generate-block .generate-block-grid .grid-item img.label-img[data-v-1a4f06e2]{border-radius:20px;height:200px;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width:0) and (max-width:767px){.generate-block .generate-block-grid .grid-item img.label-img[data-v-1a4f06e2]{display:none}}.generate-block .generate-block-grid .grid-item .grid-item-title[data-v-1a4f06e2]{color:#2e353e;font-size:18px;font-weight:600;line-height:24px}.generate-block .generate-block-grid .grid-item .grid-item-bottom[data-v-1a4f06e2]{display:flex;gap:10px;justify-content:space-between;padding:16px 10px 16px 20px}.generate-block .generate-block-grid .grid-item .grid-item-bottom .bottom-left[data-v-1a4f06e2]{align-items:center;display:flex;gap:10px;justify-content:flex-start}.generate-block .generate-block-grid .grid-item:hover .grid-item-bottom .bottom-right.btn-redirect-genqr[data-v-1a4f06e2]{color:#025da4}.generate-block .generate-block-grid .grid-item:hover .grid-item-bottom .bottom-right.btn-redirect-genqr i[data-v-1a4f06e2]{transform:translate(6px)}.generate-block .box-qrcode[data-v-1a4f06e2]{display:grid;gap:30px;grid-template-columns:2fr 1fr;margin-top:50px}@media (min-width:0) and (max-width:767px){.generate-block .box-qrcode[data-v-1a4f06e2]{grid-template-columns:1fr;margin-top:30px}}.generate-block .list-qrcode[data-v-1a4f06e2]{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));width:100%}.generate-block .list-qrcode-item[data-v-1a4f06e2]{display:flex;flex-wrap:wrap;gap:16px;width:100%}.generate-block .list-qrcode-title[data-v-1a4f06e2]{align-items:center;color:var(--secondary2);display:flex;font-size:14px;font-weight:600;justify-content:flex-start;line-height:21px;margin-bottom:16px;position:relative}@media (min-width:0) and (max-width:767px){.generate-block .list-qrcode-title[data-v-1a4f06e2]{font-size:12px}}.generate-block .list-qrcode-title[data-v-1a4f06e2]:after{background-color:#ccc;content:"";flex-grow:1;height:1px;margin-left:10px}.generate-block .list-qrcode .qrcode-item[data-v-1a4f06e2]{align-items:center;background:#fff;border:2px solid transparent;border-radius:20px;box-shadow:0 8px 5px -4px #0e142614;display:flex;flex-direction:column;gap:4px;justify-content:space-around;min-height:103px;padding:10px 4px;width:103px}@media (min-width:0) and (max-width:767px){.generate-block .list-qrcode .qrcode-item[data-v-1a4f06e2]{width:77px}}.generate-block .list-qrcode .qrcode-item-title[data-v-1a4f06e2]{color:#2e353e;font-size:14px;font-weight:600;line-height:21px;text-align:center;word-break:break-word}.generate-block .list-qrcode .qrcode-item[data-v-1a4f06e2]:hover{background:#fff;border:2px solid #33b44a;box-shadow:0 16px 50px #0003;cursor:pointer}.generate-block .list-qrcode .qrcode-item:hover .qrcode-item-title[data-v-1a4f06e2]{color:#33b44a}.icon-arrow-right-1[data-v-1a4f06e2]{font-size:24px}@media (min-width:0) and (max-width:767px){.generate-qr-code[data-v-1a4f06e2]{display:none}.block-title[data-v-1a4f06e2]{font-size:30px!important}.block-sub[data-v-1a4f06e2]{margin:16px 0 30px}}.list-qrcode-title[data-v-1a4f06e2]{text-transform:uppercase}@media (min-width:0) and (max-width:767px){.QRCODE-DESKTOP[data-v-1a4f06e2]{display:none!important}}.QRCODE-MOBILE[data-v-1a4f06e2]{display:none!important}@media (min-width:0) and (max-width:767px){.QRCODE-MOBILE[data-v-1a4f06e2]{display:inherit!important}}.box-search[data-v-1a4f06e2]{display:flex;gap:8px;justify-content:center}@media (min-width:0) and (max-width:767px){.box-search[data-v-1a4f06e2]{width:100%}}.box-search .inputSearch[data-v-1a4f06e2]{border:1px solid #e0e2e6;border-radius:25px;flex-grow:1;padding:15px;width:275px}.generate-advance-block .list-advance[data-v-623967fc]{align-items:center;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));margin-top:50px}@media (min-width:0) and (max-width:767px){.generate-advance-block .list-advance[data-v-623967fc]{gap:16px}}.generate-advance-block .list-advance img.qrcode-img[data-v-623967fc]{height:259px;-o-object-fit:contain;object-fit:contain;width:100%}.generate-advance-block .list-advance-item[data-v-623967fc]{background:linear-gradient(180deg,#d2eee1,#fff 70%);border:2px solid #f6f7f9;border-radius:20px;box-shadow:0 8px 5px -4px #0e142614;overflow:hidden}.generate-advance-block .list-advance-item .btn-redirect-genqr[data-v-623967fc]{color:#33b44a;margin-top:20px}.generate-advance-block .list-advance-item .btn-redirect-genqr[data-v-623967fc]:hover{color:#025da4}.generate-advance-block .list-advance-item[data-v-623967fc]:nth-child(2n+2){background:linear-gradient(180deg,#d9e7f1,#fff 70%)}.generate-advance-block .list-advance-item:nth-child(2n+2) .btn-redirect-genqr[data-v-623967fc]{color:#025da4}.generate-advance-block .list-advance-item:nth-child(2n+2) .btn-redirect-genqr[data-v-623967fc]:hover{color:#33b44a}.generate-advance-block .list-advance-item .item-content[data-v-623967fc],.generate-advance-block .list-advance-item .item-title[data-v-623967fc]{color:#2e353e;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generate-advance-block .list-advance-item .item-content[data-v-623967fc]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px;max-height:72px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.generate-advance-block .list-advance-item .item-title[data-v-623967fc]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:48px;max-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.generate-advance-block .list-advance-item .box-block-left-right[data-v-623967fc]{align-items:center;display:flex;gap:4px;justify-content:space-between}.generate-advance-block .list-advance-item .block-left[data-v-623967fc]{display:flex;flex-direction:column;justify-content:space-between;width:calc(100% - 120px)}@media (min-width:0) and (max-width:767px){.generate-advance-block .list-advance-item .block-left[data-v-623967fc]{width:100%}}.generate-advance-block .list-advance-item .block-right[data-v-623967fc]{margin-left:12px;margin-top:10px;text-align:center;width:108px}@media (min-width:0) and (max-width:767px){.generate-advance-block .list-advance-item .block-right[data-v-623967fc]{display:none}}.generate-advance-block .list-advance-item .block-right .qrcode-img-demo-title[data-v-623967fc]{color:#2e353e;font-size:12px;font-weight:600;text-align:center;text-transform:uppercase}.generate-advance-block .list-advance-item .block-right .qrcode-img-demo[data-v-623967fc]{border-radius:10px;box-shadow:10px 10px 110px -4px #c0c5cd;width:100px}.generate-advance-block .list-advance-item[data-v-623967fc]:hover{border:2px solid #33b44a;box-shadow:0 30px 100px -50px #0009}.generate-advance-block .list-advance-item[data-v-623967fc]:hover:nth-child(2n+2){border:2px solid #025da4}.generate-advance-block .list-advance-item:hover i[data-v-623967fc]{transform:translate(6px)}.generate-advance-block .list-advance .level-tag[data-v-623967fc]{align-items:center;background:linear-gradient(302deg,#025da4 26.61%,#33b44a 63.99%,#88db69 88.91%);border-radius:100px;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:4px 10px;text-transform:uppercase}.block-title[data-v-623967fc]{color:#2e353e;line-height:150%}@media (min-width:0) and (max-width:767px){.block-title[data-v-623967fc]{font-size:30px!important}}.subTitle[data-v-623967fc]{color:#2e353e;line-height:150%}