.modal-backdrop.show{opacity:.78;background:#0b0f33}
#selectCountryModal .gate-card {
    padding: 40px 40px !important;
}
#selectCountryModal .modal-dialog{max-width:860px}
#selectCountryModal .modal-content{border:0;border-radius:4px;box-shadow:0 24px 80px rgba(0,0,0,.35)}
#selectCountryModal .modal-body{padding:14px 18px 22px;background:#fff;border-radius:8px}
#selectCountryModal .gate-header{display:flex;justify-content:center;align-items:center;padding:25px 24px 0}
#selectCountryModal .gate-title{text-align:center}
#selectCountryModal .gate-title{padding:15px 24px;text-align:center}
#selectCountryModal .gate-title h2{margin:8px 0 6px;font-size:22px;font-weight:700;color:#0f172a}
#selectCountryModal .gate-title p{margin:0 0 18px;font-size:14px;color:#6b7280}
#selectCountryModal .gate-card {
    margin: 0 15px 20px;
    background: #f8fafc;
    border: 1px solid #eef1f5;
    border-radius: 8px;
}
#selectCountryModal .cs-search-wrap{position:relative;margin-bottom:16px}
#selectCountryModal .cs-search{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px 12px 38px;font-size:14px}
#selectCountryModal .cs-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8}
#selectCountryModal .cs-grid{display:flex;flex-wrap:wrap;gap:14px}
#selectCountryModal .cs-card{display:inline-flex;align-items:center;gap:8px;border-radius:4px;padding:12px 5px;background:#fff;cursor:pointer;border:1px solid #e5e7eb;transition:box-shadow .18s ease,border-color .18s ease,transform .06s ease}
#selectCountryModal .cs-card:hover{border-color:#cbd5e1;box-shadow:0 8px 20px rgba(2,6,23,.06);transform:translateY(-1px)}
#selectCountryModal .cs-card.active{border-color:#2b5cff;box-shadow:0 0 0 3px rgba(43,92,255,.16),0 8px 24px rgba(2,6,23,.08);background:#f5f7ff}
#selectCountryModal .cs-card img{width:40px;height:26px;border-radius:2px;object-fit:cover}
#selectCountryModal .cs-card .name{font-size:12px;font-weight:100;color:#000;font-family:'Poppins'}
#selectCountryModal .cs-radio{display:none}
#selectCountryModal .gate-actions{display:flex;justify-content:center;padding:22px 24px 26px;gap:12px}
#selectCountryModal .select-btn{min-width:180px;height:46px;border-radius:4px;border:1px solid #003399;background:#003399;color:#fff;font-weight:700;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .06s ease}
#selectCountryModal .select-btn,#selectCountryModal .select-btn:hover,#selectCountryModal .select-btn:active{box-shadow:none;transform:none}
#selectCountryModal .select-btn:hover:not([disabled]){background:#002e85;border-color:#002e85}
#selectCountryModal .select-btn:active{background:#002a78;border-color:#002a78}
#selectCountryModal .select-btn[disabled],#selectCountryModal .select-btn[disabled]:hover{opacity:.6;cursor:not-allowed;background:#003399;border-color:#003399}
#confirmCountryModal .modal-content{border:0;border-radius:14px}
#confirmCountryModal .warn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#fff1f2;color:#dc2626}
#confirmCountryModal .modal-title{text-align:center;width:100%;font-weight:700}
#confirmCountryModal .modal-desc{text-align:center}
#confirmCountryModal .ys-btn-cancel{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:10px 18px}
#confirmCountryModal .ys-btn-confirm{border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;border-radius:10px;padding:10px 18px}
@media (max-width:576px){
  #selectCountryModal .modal-dialog{max-width:94%;margin:0 auto}
  #selectCountryModal .gate-card{padding:12px 14px}
  #selectCountryModal .cs-grid{gap:10px}
  #selectCountryModal .cs-card{padding:8px 10px}
}
#selectCountryModal .cs-search{border-color:#E2E8F0;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
#selectCountryModal .cs-search:hover{border-color:#CBD5E1}
#selectCountryModal .cs-search:focus,#selectCountryModal .cs-search:focus-visible{border-color:#94A3B8;box-shadow:0 0 0 3px rgba(2,132,199,.12);outline:none}
#selectCountryModal .cs-search-wrap:focus-within .cs-search-icon{color:#64748B}
#selectCountryModal .select-btn{transition:background-color .15s ease,border-color .15s ease,color .15s ease}
#selectCountryModal .step-confirm .gate-card{padding:24px 28px!important;margin:0 24px 16px;background:#fff;border:1px solid #eef1f5;border-radius:12px}
#selectCountryModal .step-confirm .warn{width:50px;height:50px;border-radius:50%;background:#fff4e5;color:#b45309;display:flex;align-items:center;justify-content:center;margin:6px auto 10px;border:1px dashed #ffd08a}
#selectCountryModal .step-confirm .gate-subtitle{text-align:center;font-weight:700;color:#0f172a;margin:0 0 6px}
#selectCountryModal .step-confirm .modal-desc{text-align:center;color:#6b7280;margin:0 auto 8px;max-width:620px}
#selectCountryModal .step-confirm .selected-line{text-align:center;margin-top:6px}
#selectCountryModal .step-confirm .sel-wrap{display:inline-flex;align-items:center;gap:10px;margin-top:6px}
#selectCountryModal .cancel-btn{border:1px solid #e5e7eb;background:#fff;color:#0f172a;border-radius:4px;height:46px;padding:0 18px;font-weight:600;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
#selectCountryModal .cancel-btn:hover{background:#f8fafc}
#selectCountryModal .step-confirm .select-btn{min-width:180px;height:46px;border-radius:4px;border:1px solid #003399;background:#003399;color:#fff;font-weight:700}
#selectCountryModal .modal-dialog.modal-md{max-width:600px}
.ys-btn-confirm {
    background: #001458 !important;
    border: 0;
    color: #fff;
    border-radius: 4px !important;
    padding: .5rem 1rem;
}
.ys-btn-cancel {
    background: #eef2ff;
    border: 0;
    color: #111827;
    border-radius: 4px !important;
    padding: .5rem 1rem;
}

.modal-header {
    padding: 0rem 0rem !important;

}