:root {
    --blue: #1b66c9;
    --blue-dark: #0c4ea3;
    --blue-deep: #0a3d8f;
    --maroon: #7a1b3a;
    --navy: #11366b;
    --text: #555555;
    --text-light: #777;
    --heading: #2964B0;
    --line: #e7e7e7;
    --bg: #fff;
    --muted: #9aa3b2;
    --field-border: #dfe5f0;
    --green: #8cc63f;
    --green-dark: #76ab2f;
    --danger: #d4145a;
    --field-bg: #fff;
    --surface: #fff;
    --page: #f4f6fa;
}
body{font-family:'Figtree',sans-serif;color:var(--text);font-size:14px;line-height:1.5;background:#F7F6F2;overflow-x:hidden; font-weight:400;}
html{scroll-behavior:smooth;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
.container{max-width:1520px;}

a:focus-visible,button:focus-visible,.nav-link:focus-visible{outline:3px solid #ffbf47;outline-offset:2px;border-radius:4px;}
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:#0c4ea3;color:#fff;padding:10px 18px;border-radius:0 0 6px 0;font-size:13px;font-weight:600;}
.skip-link:focus{left:0;}

/* HEADER */
.topbar{position:fixed;top:0;left:0;right:0;z-index:1045; background:#F7F6F2;padding:18px 0;border-bottom:1px solid #f0f0f0; transform:translateY(0); transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .25s ease; will-change:transform;}
.topbar .navbar{flex-wrap:nowrap;}
.topbar.is-hidden{transform:translateY(-100%);}
.topbar.is-scrolled{box-shadow:0 6px 20px rgba(15,40,90,.1);}
.header-spacer{height:97px;}
.brand{display:flex;align-items:center;gap:12px;}
.nav-atg .nav-link{color:#000;font-size:16px;font-weight:400;transition:.2s;padding:.25rem 1rem !important;}
.nav-atg .nav-link:hover{color:var(--blue);}
.callus{color:#A93F58;font-size:16px;font-weight:600;white-space:nowrap;}
.btn-signin{border:1px solid #2964B0;border-radius:30px;padding:12px 22px;font-size:14px;font-weight:500;color:#2B2828;background:#fff;transition:.2s;cursor:pointer;}
.btn-signin:hover{background:var(--blue);color:#fff;border-color:var(--blue);}
.btn-signin svg{display:none;}
.burger{font-size:24px;color:var(--blue);background:none;border:none;cursor:pointer;}
#atgNavMobile{ display:none;}
@media(max-width:1360px){
    .nav-atg .nav-link{ padding:.25rem 8px !important; font-size:14px;}
    .callus{ font-size:14px;}
}
@media(max-width:1199px){
    .nav-atg .nav-link{ font-size:16px; border-bottom:1px solid #e2e2e2; padding:12px 0 !important}
    .callus{ font-size:16px;}
    #atgNav {display: none;}
    #atgNavMobile {position: fixed; top: 0; left: 0; width: 280px; height: 100vh; background: #fff; box-shadow: 0 10px 24px rgba(0,0,0,.12); padding: 30px 20px 20px;  z-index: 1060; overflow-y: auto; transform: translateX(-100%); visibility: hidden; transition: transform .3s ease, visibility .3s; display: block; }
    #atgNavMobile .navbar-nav {flex-direction: column;}
    #atgNavMobile.is-open {transform: translateX(0); visibility: visible;}
    .nav-backdrop {position: fixed; inset: 0; background: rgba(0,0,0,.35); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s ease, visibility .3s; z-index: 1055; }
    .nav-backdrop.is-open {opacity: 1; visibility: visible; pointer-events: auto;}
    body.nav-open {overflow: hidden;}
    .burger.is-active i::before{ content: "\f00d"; }
}
@media(max-width:990px){
    .btn-signin{ padding:12px;}
    .callus{ font-size:14px;}
    .number-login.gap-3{gap:8px !important;}
}
@media(max-width:767px) {
    .topbar{padding-top:55px;}
    .header-spacer {height: 132px;}
    .callus { position: fixed; top: 0; left: 0; margin: 0 auto; text-align: center; width: 100%; background: #fff; padding: 10px; border-radius: 0 0 15px 15px; font-size:16px;}
    .btn-signin{ padding:8px;}
    .btn-signin svg{display:block;}
    .btn-signin span{display:none;}
    .brand{ margin-right:18px;}
}
@media(max-width:767px) {
    .header-spacer {height: 128px;}
}
/* FOOTER */
.footer{background:#fff;padding:40px 40px 30px 40px; border-radius:20px;}
.footer .footer-top{ display:flex; justify-content:space-between;gap:12%;}
.footer .footer-about, .footer .footer-linking, .footer .help-list{ position:relative; padding-top:60px;}
.footer .brand-foot{font-family:'Cinzel',serif;color:#1b66c9;font-size:20px;display:flex;align-items:center;gap:8px;margin-bottom:18px; position: absolute; top:0;}
.footer .addr{font-size:16px;color:#222;margin-bottom:30px;font-weight:500;}
.footer .small{font-size:14px;color:#555;line-height:1.8;}
.footer h4{color:#222;font-size:16px;font-weight:500;margin-bottom:20px;}
.footer ul{list-style:none;padding-left:0;}
.footer ul li{margin-bottom:5px;}
.footer ul li a{font-size:14px;color:#555;cursor:pointer;transition:.2s; white-space:nowrap;}
.footer ul li a:hover{color:var(--blue);}
.help-list .row-item{display: grid; gap: 14px; margin-bottom: 16px; grid-template-columns: 42px 1fr;}
.help-list .row-item .lbl{font-size:14px;color:#727272;}
.help-list .row-item .val{font-size:17px;color:#444;font-weight:500; white-space: nowrap;}
.cartCards{ display:flex; justify-content:space-between; align-items:flex-end; padding:25px 0 0 0; margin-top:25px;border-top:1px solid #E3E3E3; gap:25px;}
.accept{margin-top:0px; min-width: 200px;}
.accept .lbl{font-size:14px;color:#727272;text-align:left;margin-bottom:6px;}

.cards{display:flex;gap:6px;justify-content:flex-start;}
.certs{display:flex;align-items:center;justify-content:center;gap:15px;}
.copyright{text-align: center; padding: 30px 15px; font-size: 14px; color: #444; margin: 0;}
@media(max-width:1440px){
    .footer .footer-top{gap:10%;}
}
@media(max-width:1200px){
    .footer .footer-top{gap:7%;}
}
@media(max-width:991px) {
    .footer h4{ width:100%;}
    .footer .footer-top{ flex-wrap:wrap; gap:0px;}
    .footer .footer-about{ width:60%;}
    .footer .footer-linking{ width:40%; padding-left:10%;}
    .footer .help-list{ width: 100%;  border-top: 1px solid #E3E3E3; margin-top: 30px; display: flex; flex-wrap: wrap; padding-top: 30px;}
    .help-list .row-item {min-width: 49%; gap: 0 15px;}
}
@media(max-width:767px){
    .cartCards{flex-wrap:wrap; justify-content:flex-start;}
    .certs{flex-wrap:wrap; justify-content:flex-start; gap:20px;}
    .certs .cert img{max-height:38px;}
    .copyright{ font-size:12px; padding: 20px 0;}
    .accept{min-width: 250px;}
    .help-list .row-item{ width:100%;}
    .footer{padding:20px 12px 20px 12px;}
}
@media(max-width:600px) {
    .footer .footer-about{ width:100%;}
    .footer .footer-linking{ width:100%; padding:30px 0 0 0}
    .help-list .row-item .val{ font-size:16px;}
    .certs .cert img {max-height: 31px;}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .marquee-track.ltr,.marquee-track.rtl{animation:none;}
  *{transition:none!important;}
}



/* ===== SHARED MODAL STYLES (login + forgot) ===== */
.atg-modal .modal-dialog{max-width:400px;}
.atg-modal .modal-content{border:none;border-radius:20px;padding:27px 30px;box-shadow:0 30px 70px rgba(0,0,0,.35);}
.atg-modal .modal-header{border:none;padding:0 0px 6px;align-items:flex-start; position:relative;}
.atg-modal .modal-title{font-size:22px;font-weight:600;color:var(--blue);}
.atg-modal .btn-close-x{background:none;border:none;line-height:1;cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#222;transition:.2s;border-radius:8px;position:absolute; right:0px;}
.atg-modal .btn-close-x:hover{background:#f1f3f7;}
.atg-modal .btn-close-x svg{width:20px;height:20px;}
.atg-modal .title-rule{height:1px;background:#eef1f6;margin:10px 0 4px;}
.atg-modal .modal-body{padding:18px 0px 0px;}
.atg-modal .lead-text{font-size:14px;color:var(--text-light);margin:-2px 0 18px;line-height:1.6; font-weight:400;}
.atg-modal .form-label{font-size:16px;font-weight:400;color:#444;margin-bottom:8px;}
.atg-modal .form-control{border:1.5px solid var(--field-border);border-radius:10px;padding:13px 15px;font-size:14px;color:var(--text);transition:border-color .18s, box-shadow .18s;}
.atg-modal .form-control:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(41,100,176,.12);}
.atg-modal .link-blue{display:inline-block;font-size:14px;color:var(--blue);font-weight:500;text-decoration:none;}
.atg-modal .link-blue:hover{text-decoration:underline;}
.atg-modal .btn-submit{width:100%;background:var(--blue);color:#fff;border:none;border-radius:40px;padding:14px;font-size:15px;font-weight:600;transition:.2s;margin-bottom:14px;}
.atg-modal .btn-submit:hover{background:var(--blue-dark);}
.atg-modal .btn-ghost{width:100%;background:#fff;color:var(--blue);border:1.5px solid var(--blue);border-radius:40px;padding:13px;font-size:15px;font-weight:600;transition:.2s; display:block; text-align:center;}
.atg-modal .btn-ghost:hover{background:var(--blue);color:#fff;}
.atg-modal .back-row{text-align:center;margin-top:4px;}
.atg-modal .back-row a{font-size:14px;color:var(--muted);font-weight:500;text-decoration:none;}
.atg-modal .back-row a:hover{color:var(--blue);}
.atg-modal .back-row a svg{width:14px;height:14px;vertical-align:-2px;margin-right:5px;}
 
/* success note inside forgot modal */
.atg-modal .sent-note{display:none;background:#eef6ec;border:1px solid #cfe6c8;color:#3c7a2e;border-radius:10px;padding:12px 14px;font-size:13px;margin-bottom:16px;}
.atg-modal .sent-note.show{display:block;}
 
@media(max-width:480px){
  .atg-modal .modal-header,.atg-modal .modal-body{padding-left:20px;padding-right:20px;}
  .atg-modal .title-rule{margin-left:20px;margin-right:20px;}
}