@font-face { font-family: "PicareskVN"; src: url("https://static.mediacdn.vn/A80/fonts/PicareskVN-Medium.eot"); src: url("https://static.mediacdn.vn/A80/fonts/PicareskVN-Medium.eot?#iefix") format("embedded-opentype"), url("https://static.mediacdn.vn/A80/fonts/PicareskVN-Medium.woff2") format("woff2"), url("https://static.mediacdn.vn/A80/fonts/PicareskVN-Medium.woff") format("woff"), url("https://static.mediacdn.vn/A80/fonts/PicareskVN-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: "PicareskVN"; src: url("https://static.mediacdn.vn/A80/fonts/PicareskVN-Regular.eot"); src: url("https://static.mediacdn.vn/A80/fonts/PicareskVN-Regular.eot?#iefix") format("embedded-opentype"), url("https://static.mediacdn.vn/A80/fonts/PicareskVN-Regular.woff2") format("woff2"), url("https://static.mediacdn.vn/A80/fonts/PicareskVN-Regular.woff") format("woff"), url("https://static.mediacdn.vn/A80/fonts/PicareskVN-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

.modal__overlay-body { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; z-index: 98; left: 0; width: 100%; height: 100%; display: none; }

.show-popup .modal__overlay-body { display: block; }

.show-active .modal__overlay-body { display: block; }

.container-2-9-2025 { margin-top: 12px; margin-bottom: 12px; cursor: pointer; }

.container-2-9-2025 img { width: auto; margin: 0 auto; }

.popupa80 { position: relative; }

.show-popup { overflow: hidden; }

.show-popup .popup__form1 { display: flex; }

.show-active .popup__form2 { display: block; }

.popup__form1 { align-items: center; justify-content: center; position: fixed; z-index: 100; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; }

.popup__form1 .wrap-form1 { position: relative; width: 500px; }

@media (max-width: 768px) {
    .popup__form1 .wrap-form1 { width: 100%; }

    .popup__form1 { width: calc(100% - 30px); }

    .popup__form1 .box-content-video .btn-form { padding: 6px 6px; font-size: 11px; line-height: 22px; }
}

.popup__form1 .wrap-form1 .box-video { display: flex; justify-content: center; align-items: center; }

@media (max-width: 768px) {
    .popup__form1 .wrap-form1 .box-video { width: 100%; }
}

@media (max-width: 768px) {
    .popup__form1 .wrap-form1 .box-video video { width: 100%; }
}

.popup__form1 .music-icon, .popup__form1 .close-icon, .popup__form1 .mute-icon { display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; left: 0; border-radius: 99px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); z-index: 2; width: 32px; height: 32px; cursor: pointer; }

.popup__form1 .music-icon .open-music { display: none; }

.mute-music { display: flex; align-items: center; }

.popup__form1 .mute-icon { left: 12px; bottom: 12px; }

@media (max-width: 768px) {
    .popup__form1 .mute-icon { bottom: inherit; top: 12px; }
}

.popup__form1 .music-icon { left: 12px; bottom: 12px; }

.popup__form1 .music-icon.muted .open-music { display: flex; }

.popup__form1 .music-icon.muted .mute-music { display: none; }

@media (max-width: 768px) {
    .popup__form1 .music-icon { bottom: inherit; top: 12px; }
}

.popup__form1 .close-icon { left: initial; right: 12px; bottom: 12px; }

@media (max-width: 768px) {
    .popup__form1 .close-icon { bottom: inherit; top: 12px; }
}

.popup__form1 .box-content-video { display: flex; flex-direction: column; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); z-index: 10; width: calc(100% - 175px); padding: 50px 0; }

@media (max-width: 768px) {
    .popup__form1 .box-content-video { width: 100%; padding: 10px; }
}

.popup__form1 .box-content-video .flex-top { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 4px; }

.popup__form1 .box-content-video .flex-top #counter { transition: all 0.3s ease; display: inline-block; font-weight: bold; background: linear-gradient(70.32deg, #fffcf4 -0.13%, #ffecb2 15.13%, #ffe9ae 30.39%, #ffcb82 45.65%, #ffecae 60.91%, #fff7de 76.17%, #ffffff 91.43%), #000000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.popup__form1 .box-content-video .flex-top .text { display: block; color: #000; font-family: PicareskVN; font-size: 15.6px; font-style: normal; font-weight: 500; line-height: 110%; letter-spacing: -0.468px; background: linear-gradient(70.32deg, #fffcf4 -0.13%, #ffecb2 15.13%, #ffe9ae 30.39%, #ffcb82 45.65%, #ffecae 60.91%, #fff7de 76.17%, #ffffff 91.43%), #000000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.popup__form1 .box-content-video .flex-top .icon-btn { cursor: pointer; }

.popup__form1 .box-content-video .flex-top .icon-btn img { width: 86px; height: 86px; }

.popup__form1 .box-content-video .flex-top .button { position: relative; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; width: 75px; height: 75px; }

.popup__form1 .box-content-video .flex-top .button .center { width: 50px; height: 50px; position: relative; z-index: 3; border-radius: 50%; background: linear-gradient(70.32deg, #fffcf4 -0.13%, #ffecb2 15.13%, #ffe9ae 30.39%, #ffcb82 45.65%, #ffecae 60.91%, #fff7de 76.17%, #ffffff 91.43%); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25) inset, 0 4px 15px rgba(0, 0, 0, 0.25); display: flex; justify-content: center; align-items: center; }

.popup__form1 .box-content-video .flex-top .button .center svg { width: 18px; height: 18px; fill: #8b4513; opacity: 0.9; }

.popup__form1 .box-content-video .flex-top .button .ring { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.94); border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.55); opacity: 1; pointer-events: none; animation: pulses 1.6s ease-in-out infinite; animation-play-state: running; filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.25)); }

@keyframes pulses {
    0% { transform: translate(-50%, -50%) scale(0.94); }

    30% { transform: translate(-50%, -50%) scale(1.05); }

    70% { transform: translate(-50%, -50%) scale(0.88); }

    100% { transform: translate(-50%, -50%) scale(0.94); }
}

.popup__form1 .box-content-video .flex-top .button .r1 { width: 50px; height: 50px; animation-delay: 0s; }

.popup__form1 .box-content-video .flex-top .button .r2 { width: 54px; height: 54px; animation-delay: 0.05s; }

.popup__form1 .box-content-video .flex-top .button .r3 { width: 58px; height: 58px; animation-delay: 0.1s; }

.popup__form1 .box-content-video .flex-top .button .r4 { width: 62px; height: 62px; animation-delay: 0.15s; }

.popup__form1 .box-content-video .flex-top .button .r5 { width: 66px; height: 66px; animation-delay: 0.2s; }

.popup__form1 .box-content-video .flex-top .button .r6 { width: 70px; height: 70px; animation-delay: 0.25s; }

.popup__form1 .box-content-video .flex-top .button .r7 { width: 74px; height: 74px; animation-delay: 0.3s; }

.popup__form1 .box-content-video .flex-top .button .r8 { width: 78px; height: 78px; animation-delay: 0.35s; }

.popup__form1 .box-content-video .flex-top .button .r9 { width: 82px; height: 82px; animation-delay: 0.4s; }

.popup__form1 .box-content-video .flex-top .button .r10 { width: 86px; height: 86px; animation-delay: 0.45s; }

.popup__form1 .box-content-video .flex-top .button .flag-particle { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background-image: url("https://static.mediacdn.vn/A80/flag-vn.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0; pointer-events: none; transform: translate(-50%, -50%); }

.popup__form1 .box-content-video .flex-top .button.explode .ring { animation: pulse 0.6s ease-out; opacity: 1; filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8)); animation-play-state: running; }

.popup__form1 .box-content-video .flex-top .button.explode .center { transform: scale(1.1); transition: transform 0.1s ease; }

.popup__form1 .box-content-video .flex-top .button .floating-flag { position: absolute !important; z-index: 1000 !important; pointer-events: none !important; }

.popup__form1 .box-content-video .btn-form { display: flex; align-items: center; justify-content: center; border-radius: 50.781px; height: 26px; border: 0.813px solid var(--gradient, #fffcf4); -webkit-backdrop-filter: blur(4.9562501907px); backdrop-filter: blur(4.9562501907px); padding: 8px 16px; color: #000; text-align: center; font-family: PicareskVN; font-size: 13px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.374px; text-transform: uppercase; background: linear-gradient(70.32deg, #fffcf4 -0.13%, #ffecb2 15.13%, #ffe9ae 30.39%, #ffcb82 45.65%, #ffecae 60.91%, #fff7de 76.17%, #ffffff 91.43%), #000000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; }

.popup__form1 .box-content-video .btn-form::before { content: ""; border-radius: 50.781px; background: rgba(152, 0, 0, 0.7); -webkit-backdrop-filter: blur(4.9562501907px); backdrop-filter: blur(4.9562501907px); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

.popup__form1 .box-content-video .btn-form .txt { background: linear-gradient(70.32deg, #fffcf4 -0.13%, #ffecb2 15.13%, #ffe9ae 30.39%, #ffcb82 45.65%, #ffecae 60.91%, #fff7de 76.17%, #ffffff 91.43%), #000000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; z-index: 2; top: 2px; }

.popup__form2 { background: url(https://static.mediacdn.vn/A80/Pop_up_1_click_CTA.png) no-repeat; background-size: cover; width: 1000px; height: calc(100% - 400px); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 101; display: none; min-height: 500px; }

.popup__form2 .wrap-form2 { display: flex; flex-direction: column; width: 635px; margin-left: auto; padding: 40px 60px 20px 0px; }

@media (max-width: 768px) {
    .popup__form2 .wrap-form2 { width: 100%; padding: 16px; }

    .popup__form2 { width: calc(100% - 27px); height: calc(100% - 20%); }
}

.popup__form2 .wrap-form2 .title { color: #000; text-align: right; font-family: PicareskVN; font-size: 35px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -1.05px; background: linear-gradient(70.32deg, #fffcf4 -0.13%, #ffecb2 15.13%, #ffe9ae 30.39%, #ffcb82 45.65%, #ffecae 60.91%, #fff7de 76.17%, #ffffff 91.43%), #000000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 8px; }

@media (max-width: 768px) {
    .popup__form2 .wrap-form2 .title { font-size: 24px; }
}

.popup__form2 .wrap-form2 .des { display: block; color: #fff; font-family: PicareskVN; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.36px; text-align: right; margin-bottom: 16px; }

@media (max-width: 768px) {
    .popup__form2 .wrap-form2 .des { font-size: 15px; }
}

.popup__form2 .wrap-form2 .box-form-input { width: calc(100% - 200px); display: flex; flex-direction: column; margin-left: auto; gap: 10px; }

@media (max-width: 768px) {
    .popup__form2 .wrap-form2 .box-form-input { width: 100%; }
}

.popup__form2 .wrap-form2 .box-form-input .row:first-child { display: flex; align-items: center; gap: 10px; }

.popup__form2 .wrap-form2 .box-form-input .row:first-child .col:first-child { width: 60%; }

.popup__form2 .wrap-form2 .box-form-input .row:first-child .col:last-child { width: 40%; }

.popup__form2 .wrap-form2 .box-form-input .row.loichuc input { height: 56px; }

textarea { border-radius: 5px; background: #830404; border: none; color: #FFF; font-family: PicareskVN; font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.3px; width: 100%; padding: 5px 20px 20px 20px; }

textarea::placeholder { color: #fff; }

.popup__form2 .wrap-form2 .box-form-input .row .col input { display: flex; border-radius: 5px; background: #830404; padding: 5px 20px; border: none; font-family: PicareskVN; font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; /* 22.5px */ letter-spacing: -0.3px; color: #fff; width: 100%; }

.popup__form2 .wrap-form2 .box-form-input .row .col input::-moz-placeholder { color: #fff; }

.popup__form2 .wrap-form2 .box-form-input .row .col input::placeholder { color: #fff; }

.popup__form2 .wrap-form2 .box-form-input .btn-bayto { display: flex; align-items: center; justify-content: center; border-radius: 5px; background: #c6c5c5; width: -moz-max-content; width: max-content; margin: 20px auto auto; padding: 5px 20px; color: #313131; font-family: PicareskVN; font-size: 15px; font-style: normal; font-weight: 500; line-height: 150%; text-transform: uppercase; }

.popup__form2 .wrap-form2 .box-form-input .btn-bayto .txt { position: relative; top: 2px; }

.popup__form2 .wrap-form2 .title-bottom { color: #000; text-align: right; font-family: PicareskVN; font-size: 23.4px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.702px; text-transform: uppercase; background: linear-gradient(70.32deg, #fffcf4 -0.13%, #ffecb2 15.13%, #ffe9ae 30.39%, #ffcb82 45.65%, #ffecae 60.91%, #fff7de 76.17%, #ffffff 91.43%), #000000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-top: 65px; }

.popup__form3 { display: none; }

.popup__form3 .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #262626; display: flex; justify-content: center; align-items: center; z-index: 1000; padding: 0; }

.popup__form3 .wrap-form3 { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 20; }

.popup__form3 .wrap-form3 .box-action-first { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }

.popup__form3 .wrap-form3 .box-action-first .images-tt { display: flex; }

.popup__form3 .wrap-form3 .box-action-first .images-tt .banner-random-images1 { display: flex; height: 600px; }

.popup__form3 .wrap-form3 .box-action-first .images-tt .banner-random-images2 { display: none; height: 600px; }

.popup__form3 .wrap-form3 .box-action-first .images-tt img { height: 100%; }

.popup__form3 .wrap-form3 .box-action-first .box-content { width: 233px; position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); }

.popup__form3 .wrap-form3 .box-action-first .box-content .box-author { display: flex; align-items: center; justify-content: center; gap: 5px; }

.popup__form3 .wrap-form3 .box-action-first .box-content .box-author .avt { width: 40px; height: 40px; }

.popup__form3 .wrap-form3 .box-action-first .box-content .box-author .avt img { width: 100%; height: 100%; border-radius: 100%; -o-object-fit: cover; object-fit: cover; }

.popup__form3 .wrap-form3 .box-action-first .box-content .box-author .name { display: flex; color: #fff; text-align: center; font-family: PicareskVN; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.28px; }

.popup__form3 .wrap-form3 .box-action-first .box-content .box-author .tuoi { color: #fff; font-family: PicareskVN; font-size: 14px; font-style: italic; font-weight: 400; line-height: 150%; letter-spacing: -0.28px; }

.popup__form3 .wrap-form3 .box-action-first .box-content .sapo { color: #f1ebdc; text-align: center; font-family: PicareskVN; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.32px; padding-top: 10px; }

.popup__form3 .wrap-form3 .box-action-first .box-content .logo { display: flex; align-items: center; justify-content: center; margin-top: 12px; width: 80px; margin: 12px auto auto; }

.popup__form3 .wrap-form3 .box-action-first .box-content .logo img { height: auto; }

.popup__form3 .desr { color: #fff; font-family: PicareskVN; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.36px; margin: 20px auto auto; text-align: center; }

@media (max-width: 768px) {
    .popup__form3 .desr { width: calc(100% - 32px); font-size: 15px; }

    .popup__form3 .wrap-form3 .box-action-first .box-content .logo { width: 60px; margin: 12px auto auto; }

    .popup__form3 .wrap-form3 .box-action-first .box-content .sapo { font-size: 13px; padding-top: 8px; }
}

.popup__form3 .close-btn { width: 260px; margin: 20px auto auto; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 5px; background: #f1ebdc; padding: 5px 20px; color: #313131; font-family: PicareskVN; font-size: 15px; font-style: normal; font-weight: 500; line-height: 150%; text-transform: uppercase; }

.popup__form3 .close-btn .btn { position: relative; top: 2px; }

/*# sourceMappingURL=popup.css.map */


/*Custom*/
.popup__form2 .close-icon { display: flex; align-items: center; justify-content: center; position: absolute; top: 8px; right: 8px; border-radius: 99px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgb(0 0 0 / 10%); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); z-index: 2; width: 32px; height: 32px; cursor: pointer; }

.popup__form2 .wrap-form2 { position: relative; }

.popup__form3 .wrap-form3 .box-action-first .box-content .sapo { overflow-y: auto; max-height: 160px; scrollbar-width: thin; /* mỏng lại */ scrollbar-color: #999 transparent; /* màu thanh - màu track */ }

.popup__form3 .wrap-form3 .box-action-first .box-content .sapo::-webkit-scrollbar { width: 6px; }

.popup__form3 .wrap-form3 .box-action-first .box-content .sapo::-webkit-scrollbar-track { background: transparent; }

.popup__form3 .wrap-form3 .box-action-first .box-content .sapo::-webkit-scrollbar-thumb { background-color: #999; border-radius: 4px; }

.popup__form2 .close-icon { display: flex; align-items: center; justify-content: center; position: absolute; top: 8px; right: 8px; border-radius: 99px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgb(0 0 0 / 10%); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); z-index: 2; width: 32px; height: 32px; cursor: pointer; }

.popup__form2 .wrap-form2 { position: relative; }

.popup__form3 .wrap-form3 .box-action-first .box-content .sapo { overflow-y: auto; max-height: 160px; scrollbar-width: thin; /* mỏng lại */ scrollbar-color: #999 transparent; /* màu thanh - màu track */ }

.popup__form3 .wrap-form3 .box-action-first .box-content .sapo::-webkit-scrollbar { width: 6px; }

.popup__form3 .wrap-form3 .box-action-first .box-content .sapo::-webkit-scrollbar-track { background: transparent; }

.popup__form3 .wrap-form3 .box-action-first .box-content .sapo::-webkit-scrollbar-thumb { background-color: #999; border-radius: 4px; }

.popup__form2 .wrap-form2 .box-form-input .row .col input { margin-bottom: 10px; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input[type=number] { -moz-appearance: textfield; }

.container-2-9-2025 { display: flex; justify-content: center; }

.popup__form2 { background-image: url(https://static-tuoitre.tuoitre.vn/thumb_w/1000/tuoitre/images/Pop_up_1_click_CTA1.png); }

.popup__form2 .wrap-form2 .box-form-input .row.loichuc .col { width: 100% !important; }

.popup__form4 { background: url(https://static-tuoitre.tuoitre.vn/tuoitre/images/Pop_up_1_click_CTA1.png) no-repeat; background-size: cover; width: 95vw; height: 95vh; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 102; display: none; min-height: 501px; }
.popup__form4 .wrap-form4 { display: flex; flex-direction: column; width: 60vw; margin-left: auto; padding: 40px 60px 20px 0px; }
.popup__form4 .wrap-form4 .title { color: #000; text-align: right; font-family: PicareskVN; font-size: 35px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -1.05px; background: linear-gradient(70.32deg, #fffcf4 -0.13%, #ffecb2 15.13%, #ffe9ae 30.39%, #ffcb82 45.65%, #ffecae 60.91%, #fff7de 76.17%, #ffffff 91.43%), #000000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 8px; }

@media (max-width: 768px) {
    .popup__form4 .wrap-form4 { width: 100%; padding: 16px; }
    .popup__form4 { width: calc(100% - 27px); height: calc(100% - 20%); }
}

@media (max-width: 768px) {
    .popup__form4 .wrap-form4 .title { font-size: 24px; }
}



.show-activelist .popup__form4 { display: block; }
.popup__form4 .wrap-form4 .box-form-input .row .col input { display: flex; border-radius: 5px; background: #830404; padding: 5px 20px; border: none; font-family: PicareskVN; font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; /* 22.5px */ letter-spacing: -0.3px; color: #fff; width: 100%; }
.popup__form4 .wrap-form4 .box-form-input .row .col input::-moz-placeholder { color: #fff; }
.popup__form4 .wrap-form4 .box-form-input .row .col input::placeholder { color: #fff; }
.popup__form4 .wrap-form4 .box-form-input .btn-bayto { display: flex; align-items: center; justify-content: center; border-radius: 5px; background: #f1ebdc; width: -moz-max-content; width: max-content; margin: 20px auto auto; padding: 5px 20px; color: #313131; font-family: PicareskVN; font-size: 15px; font-style: normal; font-weight: 500; line-height: 150%; text-transform: uppercase; }
.popup__form4 .wrap-form4 .box-form-input .btn-bayto .txt { position: relative; top: 2px; }
.popup__form4 .wrap-form4 .title-bottom { color: #000; text-align: right; font-family: PicareskVN; font-size: 23.4px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.702px; text-transform: uppercase; background: linear-gradient(70.32deg, #fffcf4 -0.13%, #ffecb2 15.13%, #ffe9ae 30.39%, #ffcb82 45.65%, #ffecae 60.91%, #fff7de 76.17%, #ffffff 91.43%), #000000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-top: 65px; }
.popup__form4 .wrap-form4 .box-action-first .box-content { width: 233px; position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); }
.popup__form4 .wrap-form4 .box-action-first .box-content .box-author { display: flex; align-items: center; justify-content: center; gap: 5px; }
.popup__form4 .wrap-form4 .box-action-first .box-content .box-author .avt { width: 40px; height: 40px; }
.popup__form4 .wrap-form4 .box-action-first .box-content .box-author .avt img { width: 100%; height: 100%; border-radius: 100%; -o-object-fit: cover; object-fit: cover; }
.popup__form4 .wrap-form4 .box-action-first .box-content .box-author .name { display: flex; color: #fff; text-align: center; font-family: PicareskVN; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.28px; }
.popup__form4 .wrap-form4 .box-action-first .box-content .box-author .tuoi { color: #fff; font-family: PicareskVN; font-size: 14px; font-style: italic; font-weight: 400; line-height: 150%; letter-spacing: -0.28px; }
.popup__form4 .wrap-form4 .box-action-first .box-content .sapo { color: #f1ebdc; text-align: center; font-family: PicareskVN; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.32px; padding-top: 10px; }
.popup__form4 .wrap-form4 .box-action-first .box-content .logo { display: flex; align-items: center; justify-content: center; margin-top: 12px; width: 80px; margin: 12px auto auto; }
.popup__form4 .wrap-form4 .box-action-first .box-content .logo img { height: auto; }
.popup__form4 .wrap-form4 .box-action-first .box-content .sapo { overflow-y: auto; max-height: 160px; scrollbar-width: thin; /* mỏng lại */ scrollbar-color: #999 transparent; /* màu thanh - màu track */ }
.popup__form4 .wrap-form4 .box-action-first .box-content .sapo::-webkit-scrollbar { width: 6px; }
.popup__form4 .wrap-form4 .box-action-first .box-content .sapo::-webkit-scrollbar-track { background: transparent; }
.popup__form4 .wrap-form4 .box-action-first .box-content .sapo::-webkit-scrollbar-thumb { background-color: #d1422f; border-radius: 4px; }
.popup__form4 .wrap-form4 .box-action-first .box-content .sapo { overflow-y: auto; max-height: 160px; scrollbar-width: thin; /* mỏng lại */ scrollbar-color: #999 transparent; /* màu thanh - màu track */ }
.popup__form4 .wrap-form4 .box-action-first .box-content .sapo::-webkit-scrollbar { width: 6px; }
.popup__form4 .wrap-form4 .box-action-first .box-content .sapo::-webkit-scrollbar-track { background: transparent; }
.popup__form4 .wrap-form4 .box-action-first .box-content .sapo::-webkit-scrollbar-thumb { background-color: #d1422f; border-radius: 4px; }
.popup__form4 .lstLoiChucA80 { max-height: calc(95vh - 200px); overflow-y: auto; min-height: 400px }
.popup__form4 .lstLoiChucA80 .lstlc { display: flex; flex-wrap: wrap; gap: 30px; }
.popup__form4 .lstLoiChucA80::-webkit-scrollbar { width: 8px; }
.popup__form4 .lstLoiChucA80::-webkit-scrollbar-track { background: transparent; }
.popup__form4 .lstLoiChucA80::-webkit-scrollbar-thumb { background-color: #999; border-radius: 4px; }
.popup__form4 .lstLoiChucA80::-webkit-scrollbar { width: 8px; }
.popup__form4 .lstLoiChucA80::-webkit-scrollbar-track { background: transparent; }
.popup__form4 .lstLoiChucA80::-webkit-scrollbar-thumb { background-color: #999; border-radius: 4px; }
.popup__form4 .lstLoiChucA80 .item-comment { width: 45%; background: transparent; padding: 0px; margin: 0; }
.popup__form4 .wrap-form4 .box-action-first { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
.popup__form4 .close-iconlst { display: flex; align-items: center; justify-content: center; position: absolute; top: 8px; right: 8px; border-radius: 99px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgb(0 0 0 / 10%); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); z-index: 2; width: 32px; height: 32px; cursor: pointer; }
.show-activelist { overflow: hidden; }
.show-activelist .modal__overlay-body { display: block; }
.popup__form4 .read { background: #fff; position: relative; margin: 24px auto; width: 200px; border-radius: 8px; text-align: center; color: #000; padding: 10px; display: block; font-family: PicareskVN; font-size: 16px; font-weight: 500; }
.popup__form4 .item-comment .list-share .btn-cm { color: #fff; cursor: pointer; position: relative; text-align: center; display: flex; justify-content: center; width: 100%; font-size: 12px; text-decoration: underline; font-style: italic; }
.popup__form4 .item-comment .list-share .btn-cm:hover .wrapsharecmt { display: block }
.popup__form4 .item-comment .list-share .btn-cm:hover .wrapsharecmt { display: flex; position: absolute; top: -39px; }
.popup__form4 .wrapsharecmt button { border: none; }
.popup__form4 .item-comment .list-share li { width: 100% !important; }
/*.popup__form4 .lstLoiChucA80 .item-comment.fadein { box-shadow: 0px 0px 30px 0px #f79b99; }*/
.popup__form4 .empty { color: #fff; }
.popup__form4 .empty .desr { display: block; width: 100%; font-size: 20px; line-height: 32px; text-align: center; position: relative; margin-top: 50px; }
.btnviewmoreshare { color: #000; text-align: center; margin-top: 18px; display: flex; font-size: 16px; font-style: italic; background: #fff; justify-content: center; padding: 10px; border-radius: 8px; width: 45%; }
.popup__form2 .wrap-form2 .box-form-input .row.captcha .col { display: flex; gap: 10px; }

.popup__form2 .wrap-form2 .box-form-input .row.captcha .col input { margin-bottom: 0; }

.popup__form2 .wrap-form2 .box-form-input .row.captcha .col .resetcaptcha { flex-shrink: 0; }

.popup__form2 .wrap-form2 .box-form-input .row.captcha .col .imgcaptcha { height: 100% !important; margin-right: 0 !important;  width: 100px;}

@media (max-width: 1440px) {
    .popup__form4 .lstLoiChucA80 .item-comment, .btnviewmoreshare { width: 80%; }
    .popup__form4 .lstLoiChucA80 .lstlc { justify-content: center; }
    .popup__form4 .lstLoiChucA80 .item-comment { width: calc(33.33% - 12px); }
}

@media (max-width: 1024px) {
    .popup__form4 .lstLoiChucA80 .item-comment, .btnviewmoreshare { width: 100%; }
    .popup__form4 .wrap-form4 .box-action-first .box-content .sapo { max-height: 160px; }
}

.popup__form4 .wrap-form4 { width: 100% !important; padding: 40px 60px 20px 60px; }

.popup__form4 .lstLoiChucA80 { overflow-x: hidden; }

@media (max-width: 1024px) {
    .popup__form4 .wrap-form4 .box-action-first .box-content { width: 220px; }
}

@media (max-width: 768px) {
    .popup__form3 .wrap-form3 .box-action-first .images-tt .banner-random-images1 { height: auto; padding: 0 16px; }
}