﻿.vt-modal .modal-content{border:0;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.18);overflow:hidden;background:#ffffff;}.vt-modal .modal-header{padding:18px 22px;border-bottom:1px solid rgba(17,24,39,.10);background:#ffffff;}.vt-title{font-size: 24px;line-height: 1.25;margin: 0;font-family: SFProdisplayBold;text-align: center;color: #2c2f31 !important;}.vt-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(17,24,39,.10);background:#ffffff;display:inline-block;cursor:pointer;}.vt-modal .modal-body{padding:18px 22px 10px 22px;background:#ffffff;}.vt-terms{border:1px solid rgba(17,24,39,.10);border-radius:14px;background:#ffffff;padding:16px 18px;max-height:46vh;overflow-y:auto;overflow-x:hidden;}.vt-terms p{margin:0 0 10px 0;color:#111827;font-size:14px;line-height:1.65;}.vt-terms h6{font-size:14px;font-weight:800;margin:14px 0 8px 0;}.vt-terms hr{border-color:rgba(17,24,39,.10);}.vt-section-title{font-size: 18px;margin: 16px 0 10px 0;color: #2c2f31;font-family: SFProdisplayBold;}.vt-check-item{position:relative;display:flex;gap:8px;align-items:flex-start;padding:12px 12px;border:1px solid rgba(17,24,39,.10);border-radius:14px;background:#ffffff;margin-bottom:10px;}.vt-check-text{font-size: 14px;line-height: 1.5;color: #2c2f31;margin-top: -1px;cursor: pointer;font-weight: 100;font-family: SFProDisplayRegular;}.vt-req{color:#e03;font-weight:100;margin-right:6px;font-family: SFProDisplayRegular;}.vt-hint{color:#6b7280;font-size:12.5px;margin-top:6px;line-height:1.45;}.vt-cb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:6px;border:2px solid #e03;background:#ffffff;margin-top:0!important;position:relative;flex:0 0 auto;cursor:pointer;transition:.12s ease;}.vt-cb:checked{border-color:#ee0033;background:#ee0033;}.vt-cb:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:2px solid #ffffff;border-top:0;border-left:0;transform:rotate(45deg);}.vt-required-error{background:#ffe9ee;border:1px solid #ee0033;}.vt-required-msg{display:none;color:#ee0033;font-size:12.5px;margin-top:6px;line-height:1.45;font-style:italic;font-family: SFProDisplayRegular;}.vt-modal .modal-footer{padding:14px 22px 18px 22px;border-top:1px solid rgba(17,24,39,.10);background:#ffffff;}.vt-footer-row{display: flex;gap: 14px;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;}.vt-confirm{display:flex;gap:8px;align-items:flex-start;flex:1 1 560px;min-width:280px;}.vt-confirm .vt-check-text{font-size:13.5px;color:#111827;}.vt-btn{border:0;border-radius:14px;padding:12px 18px;transition:.14s ease;min-width:140px;font-family: SFProDisplayBold;}.vt-btn-primary{background:#ee0033;color:#ffffff;}.vt-btn-primary:hover{background:#d8002e;}.vt-btn-primary:disabled{background:rgba(17,24,39,.18);color:rgba(255,255,255,.9);box-shadow:none;cursor:not-allowed;}.vt-saved-msg{margin-top:12px;display:none;border-radius:14px;border:1px solid rgba(17,24,39,.10);background:#ffffff;padding:10px 14px;color:#111827;}@media (max-width:576px){.vt-modal .modal-header, .vt-modal .modal-body, .vt-modal .modal-footer{padding-left:14px;padding-right:14px;}.vt-terms{max-height:52vh;}.vt-btn{width:100%;}}input[type="checkbox"]:focus, input[type="radio"]:focus,.btn-danger.focus, .btn-danger:focus {outline: none !important;}.open-popup-viettel {background: #fff;border: 0;font-family: SFProDisplayBold;padding: 0;color: #E90628;}.headline-csbv {font-family:SFProDisplayBold;font-size: 24px;line-height: 28px;color: rgb(12, 0, 51);margin: 0px 0px 20px;text-align: center;}.frame-open-popup-viettel {color: rgb(238, 0, 51);font-family:SFProDisplayBold;font-size: 16px;}.vt-otp-title {font-family: SFProdisplayBold;font-size: 16px;color: #111827;margin-bottom: 10px;text-align:left;}.vt-otp-channels {display: flex;gap: 10px;flex-wrap: wrap;}.vt-radio {position: relative;display: inline-flex;align-items: center;gap: 8px;padding: 10px 12px;border: 1px solid rgba(17,24,39,.10);border-radius: 999px;background: #fff;cursor: pointer;user-select: none;transition: .12s ease;}.vt-radio input {position: absolute;opacity: 0;pointer-events: none;}.vt-radio-ui {width: 18px;height: 18px;border-radius: 999px;border: 2px solid rgba(17,24,39,.22);display: inline-block;position: relative;transition: .12s ease;}.vt-radio-text {font-size: 14px;color: #111827;font-family: SFProDisplayRegular;}.vt-radio input:checked + .vt-radio-ui {border-color: #ee0033;}.vt-radio input:checked + .vt-radio-ui::after {content: "";position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border-radius: 999px;background: #ee0033;transform: translate(-50%,-50%);}.vt-radio:has(input:checked) {border-color: rgba(238,0,51,.35);background: rgba(238,0,51,.06);}.vt-otp-row {display: flex;gap: 10px;align-items: center;flex-wrap: wrap;}.vt-otp-input {min-width: 180px;height: 30px;border-radius: 12px;border: 1px solid rgba(17,24,39,.12);padding: 0 12px;font-size: 14px;font-family: SFProDisplayRegular;}.vt-otp-input:disabled {background: rgba(17,24,39,.04);color: rgba(17,24,39,.55);}.vt-btn-ghost {background: #ffffff;border: 1px solid rgba(17, 24, 39, .18);color: #111827;padding: 5px 18px;min-width: auto;}.vt-btn-ghost:hover {background: rgba(17,24,39,.04);}.vt-btn-ghost:disabled {background: rgba(17,24,39,.06);border-color: rgba(17,24,39,.10);color: rgba(17,24,39,.45);cursor: not-allowed;}.vt-otp-timer {margin-top: 10px;font-size: 13px;color: #e03;font-family: SFProDisplayRegular;text-align:center;}.vt-otp-err {margin-top: 8px;font-size: 14px;color: #ee0033;font-style: italic;font-family: SFProDisplayRegular;text-align:center;}.custom-checkbox {display: flex;align-items: center;gap: 5px;cursor: pointer;user-select: none;font-weight: 100;}.custom-checkbox input[type="checkbox"] {display: none;}.checkbox-box {width: 20px;height: 20px;background-color: #eee;border-radius: 4px;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;}.custom-checkbox input[type="checkbox"]:checked + .checkbox-box {background-color: #e60023;border-color: #e60023;}.checkbox-box::after {content: "✓";font-size: 14px;color: white;display: none;}.custom-checkbox input[type="checkbox"]:checked + .checkbox-box::after {display: block;}.checkbox-error {color: red;font-size: 13px;margin-top: 4px;display: none;margin-top: 10px;}.custom-checkbox a {color: #E90628;}.frame-vt-otp {display: flex;gap: 10px;}