@font-face {
    font-family: "EstedadWeb";
    src: url("../fonts/Estedadwght.woff2") format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
div#sp-position8 {
    position: fixed;
    bottom: 10px;
    z-index: 999999;
}
.ltr{
        direction: ltr;
}
.font12{
    font-size:12px;
}
.logged-in .col-12.col-lg-4.rsmlg {
    display: none;
}
#sp-main-body {
    padding: 30px 0;
}
 .font13{
     font-size:13px;
     
 }
button.btn.btn-secondary.input-password-toggle {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    border: none;
    color: #888880;
}
:root{--ba-navy:#11263d;--ba-blue:#1976a9;--ba-cyan:#31a8c7;--ba-cream:#f7f5ef;--ba-white:#fff;--ba-line:#e2e8ea;--ba-text:#17232d;--ba-muted:#66727d;--ba-shadow:0 14px 40px rgba(17,38,61,.12)}
.ba-global-nav{position:fixed;inset:0 0 auto 0;height:72px;background:rgba(247,245,239,.96);border-bottom:1px solid var(--ba-line);backdrop-filter:blur(14px);z-index:9999;direction:rtl}
.ba-global-nav *{box-sizing:border-box}.ba-nav-inner{width:min(1180px,calc(100% - 32px));height:100%;margin:auto;display:flex;align-items:center;gap:26px}.ba-logo{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--ba-navy)!important;text-decoration:none!important;white-space:nowrap}.ba-logo-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--ba-cyan),var(--ba-blue));display:grid;place-items:center;color:#fff;font-size:20px}.ba-links{display:flex;align-items:center;gap:20px;margin-right:auto}.ba-links a{font-size:13px;font-weight:650;color:#44535e!important;text-decoration:none!important}.ba-links a:hover,.ba-links a[aria-current="page"]{color:var(--ba-blue)!important}.ba-auth{display:flex;gap:8px}.ba-nav-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 15px;border-radius:10px;font-size:13px;font-weight:800;text-decoration:none!important;border:1px solid var(--ba-line);color:var(--ba-navy)!important;background:#fff}.ba-nav-btn.primary{background:var(--ba-blue);border-color:var(--ba-blue);color:#fff!important}.ba-menu-toggle{display:none;margin-right:auto;width:42px;height:42px;border:1px solid var(--ba-line);border-radius:10px;background:#fff;font-size:22px;color:var(--ba-navy)}
.ba-site-footer{background:var(--ba-navy);color:#c8d8df;padding:42px 0 20px;direction:rtl}.ba-footer-inner{width:min(1180px,calc(100% - 32px));margin:auto}.ba-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:28px}.ba-site-footer h3,.ba-site-footer h4{color:#fff;margin:0 0 12px}.ba-site-footer p{font-size:13px;max-width:430px;margin:0}.ba-site-footer a{display:block;color:#c8d8df;text-decoration:none;margin:7px 0;font-size:13px}.ba-site-footer a:hover{color:#fff}.ba-footer-copy{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:16px;font-size:12px;color:#91aab5}
.ba-login-shell{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:34px 16px;background:radial-gradient(circle at 80% 10%,#d9f0f0 0,#f7f5ef 42%)}.com-users-login__form h1{font-size:28px;color:var(--ba-navy);margin:0 0 8px}.com-users-login__form>p{color:var(--ba-muted);font-size:14px;margin:0 0 24px}.ba-field{margin-bottom:15px}form label{display:block;font-size:13px;font-weight:750;margin-bottom:6px;color:var(--ba-text)}.ba-field input{width:100%;height:48px;border:1px solid #d8e0e3;border-radius:10px;padding:0 13px;font:inherit;direction:ltr;text-align:left;outline:none}.ba-field input:focus{border-color:var(--ba-blue);box-shadow:0 0 0 3px rgba(25,118,169,.12)}.ba-login-submit{width:100%;height:48px;border:0;border-radius:10px;background:var(--ba-blue);color:#fff;font:inherit;font-weight:850;cursor:pointer}.ba-demo-box{margin-top:18px;background:#eef6f8;border-radius:12px;padding:12px 14px;font-size:13px;color:#35505c}.ba-login-error{display:none;margin:0 0 14px;padding:10px 12px;border-radius:9px;background:#fff0f0;color:#a62929;font-size:13px}.ba-login-error.show{display:block}
@media(max-width:860px){.ba-menu-toggle{display:block}.ba-links{display:none;position:absolute;top:72px;right:16px;left:16px;background:#fff;border:1px solid var(--ba-line);border-radius:14px;padding:10px;box-shadow:var(--ba-shadow);flex-direction:column;align-items:stretch;gap:0}.ba-links.open{display:flex}.ba-links a{padding:11px 12px;border-bottom:1px solid #eef1f2}.ba-links a:last-child{border-bottom:0}.ba-auth .ba-nav-btn:not(.primary){display:none}.ba-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px).ba-global-nav{height:64px}.ba-links{top:64px}.ba-nav-inner{width:calc(100% - 22px);gap:9px}.ba-logo span:last-child{font-size:15px}.ba-logo-mark{width:36px;height:36px}.ba-auth .ba-nav-btn.primary{padding:7px 10px;font-size:12px}.ba-footer-grid{grid-template-columns:1fr}}

/* Hierarchical navigation */
.ba-menu-item{position:relative}.ba-submenu-toggle{border:0;background:transparent;color:#44535e;font:inherit;font-size:13px;font-weight:650;padding:0;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap}.ba-menu-item.is-active>.ba-submenu-toggle,.ba-submenu-toggle:hover{color:var(--ba-blue)}.ba-submenu{display:none;position:absolute;top:calc(100% + 18px);right:-14px;min-width:220px;padding:8px;background:#fff;border:1px solid var(--ba-line);border-radius:14px;box-shadow:var(--ba-shadow);z-index:100}.ba-submenu:before{content:"";position:absolute;right:0;left:0;top:-20px;height:20px}.ba-submenu a,.ba-submenu .ba-submenu-toggle{width:100%;min-height:42px;padding:9px 11px!important;border-radius:9px;text-align:right;justify-content:space-between}.ba-submenu a:hover,.ba-submenu .ba-submenu-toggle:hover{background:#f1f7f9}.ba-submenu-level-2{top:-8px;right:calc(100% + 9px)}.ba-has-submenu:hover>.ba-submenu,.ba-has-submenu.submenu-open>.ba-submenu{display:block}
.ba-page-hero{background:linear-gradient(125deg,var(--ba-navy),#24445d);color:#fff;padding:76px 16px 68px;direction:rtl}.ba-page-hero-inner{width:min(1120px,100%);margin:auto}.ba-page-hero span{display:block;color:#8fd2e3;font-size:14px;font-weight:800;margin-bottom:8px}.ba-page-hero h1{font:900 clamp(34px,5vw,58px)/1.35 ;margin:0 0 13px;color:#fff}.ba-page-hero p{max-width:730px;margin:0;color:#d9e7ee;font:400 16px/2 }.ba-service-main{min-height:45vh;padding:54px 16px;background:#f6f7f8;direction:rtl}.ba-service-card{width:min(850px,100%);margin:auto;background:#fff;border:1px solid var(--ba-line);border-radius:20px;padding:32px;box-shadow:var(--ba-shadow);}.ba-service-card h2{margin:0 0 12px;color:var(--ba-navy)}.ba-service-card p{color:var(--ba-muted);line-height:2}.ba-inline-cta{display:inline-flex;margin-top:10px;padding:11px 18px;border-radius:10px;background:var(--ba-blue);color:#fff!important;text-decoration:none;font-weight:800}
.ba-smart-course-page .ba-assessment{padding-top:54px}
@media(max-width:860px){.ba-menu-item{width:100%}.ba-submenu-toggle{width:100%;padding:11px 12px;justify-content:space-between;border-bottom:1px solid #eef1f2}.ba-submenu{position:static;min-width:0;border:0;box-shadow:none;border-radius:0;padding:0 13px 5px;background:#f8fafb}.ba-submenu:before{display:none}.ba-submenu-level-2{position:static}.ba-has-submenu:hover>.ba-submenu{display:none}.ba-has-submenu.submenu-open>.ba-submenu{display:block}.ba-submenu a{padding-right:18px!important}.ba-submenu-level-2 a{padding-right:30px!important}.ba-page-hero{padding:54px 16px 48px}}

/* ======================================================================
   BALANCE ACADEMY DESIGN SYSTEM — v3.0
   Single source of truth for color, typography, spacing and components.
   ====================================================================== */
:root {
  /* Brand palette */
  --ba-color-primary-900: #102a43;
  --ba-color-primary-800: #153e5c;
  --ba-color-primary-700: #176b8e;
  --ba-color-primary-600: #1887b2;
  --ba-color-primary-500: #25a4c6;
  --ba-color-primary-100: #dff3f7;
  --ba-color-primary-050: #eff9fb;

  --ba-color-secondary-700: #84651f;
  --ba-color-secondary-500: #c79a3b;
  --ba-color-secondary-100: #f6ecd3;

  /* Neutral palette */
  --ba-color-neutral-950: #101820;
  --ba-color-neutral-900: #17232d;
  --ba-color-neutral-700: #44535e;
  --ba-color-neutral-600: #66727d;
  --ba-color-neutral-500: #7d8992;
  --ba-color-neutral-300: #cfd8dc;
  --ba-color-neutral-200: #e2e8ea;
  --ba-color-neutral-100: #f0f3f4;
  --ba-color-neutral-050: #f7f8f8;
  --ba-color-white: #ffffff;
  --ba-color-canvas: #f7f5ef;

  /* Semantic palette */
  --ba-color-success-700: #26734d;
  --ba-color-success-100: #e4f3ea;
  --ba-color-warning-700: #93691d;
  --ba-color-warning-100: #fbf0d8;
  --ba-color-danger-700: #b33a3a;
  --ba-color-danger-100: #fbe8e8;
  --ba-color-info-700: #176b8e;
  --ba-color-info-100: #e3f2f7;

  /* Semantic roles */
  --ba-bg-page: var(--ba-color-canvas);
  --ba-bg-section: var(--ba-color-neutral-050);
  --ba-bg-surface: var(--ba-color-white);
  --ba-bg-subtle: var(--ba-color-primary-050);
  --ba-text-heading: var(--ba-color-primary-900);
  --ba-text-body: var(--ba-color-neutral-900);
  --ba-text-muted: var(--ba-color-neutral-600);
  --ba-text-on-dark: var(--ba-color-white);
  --ba-border: var(--ba-color-neutral-200);
  --ba-border-strong: var(--ba-color-neutral-300);
  --ba-link: var(--ba-color-primary-700);
  --ba-link-hover: var(--ba-color-primary-900);

  /* Typography */
  --ba-font-size-xs: .75rem;
  --ba-font-size-sm: .875rem;
  --ba-font-size-md: 1rem;
  --ba-font-size-lg: 1.125rem;
  --ba-font-size-xl: 1.375rem;
  --ba-font-size-2xl: 1.75rem;
  --ba-font-size-3xl: clamp(2rem, 4vw, 3.5rem);
  --ba-line-height-tight: 1.45;
  --ba-line-height-body: 1.9;
  --ba-weight-regular: 400;
  --ba-weight-medium: 500;
  --ba-weight-semibold: 600;
  --ba-weight-bold: 700;
  --ba-weight-extrabold: 800;
  --ba-weight-black: 900;

  /* Spacing */
  --ba-space-1: .25rem;
  --ba-space-2: .5rem;
  --ba-space-3: .75rem;
  --ba-space-4: 1rem;
  --ba-space-5: 1.25rem;
  --ba-space-6: 1.5rem;
  --ba-space-8: 2rem;
  --ba-space-10: 2.5rem;
  --ba-space-12: 3rem;
  --ba-space-16: 4rem;
  --ba-space-20: 5rem;

  /* Shape, shadow and motion */
  --ba-radius-xs: 6px;
  --ba-radius-sm: 10px;
  --ba-radius-md: 14px;
  --ba-radius-lg: 20px;
  --ba-radius-xl: 28px;
  --ba-shadow-sm: 0 2px 8px rgba(16, 42, 67, .06);
  --ba-shadow-md: 0 10px 30px rgba(16, 42, 67, .10);
  --ba-shadow-lg: 0 18px 55px rgba(16, 42, 67, .14);
  --ba-focus-ring: 0 0 0 3px rgba(24, 135, 178, .18);
  --ba-transition-fast: 160ms ease;
  --ba-transition: 240ms ease;

  /* Legacy aliases — keeps every existing page on the same system */
  --ba-navy: var(--ba-color-primary-900);
  --ba-dark: var(--ba-color-primary-900);
  --ba-dark-soft: var(--ba-color-primary-800);
  --ba-dark-lighter: var(--ba-color-primary-700);
  --ba-blue: var(--ba-color-primary-700);
  --ba-cyan: var(--ba-color-primary-500);
  --ba-green: var(--ba-color-primary-500);
  --ba-green-dark: var(--ba-color-primary-700);
  --ba-green-light: var(--ba-color-primary-100);
  --ba-gold: var(--ba-color-secondary-500);
  --ba-gold-light: var(--ba-color-secondary-100);
  --ba-red: var(--ba-color-danger-700);
  --ba-red-light: var(--ba-color-danger-100);
  --ba-blue-light: var(--ba-color-info-100);
  --ba-cream: var(--ba-bg-page);
  --ba-cream-dark: var(--ba-color-neutral-100);
  --ba-white: var(--ba-color-white);
  --ba-line: var(--ba-border);
  --ba-text: var(--ba-text-body);
  --ba-muted: var(--ba-text-muted);
  --ba-text-light: var(--ba-color-neutral-500);
  --ba-border-dark: var(--ba-border-strong);
  --ba-radius: var(--ba-radius-md);
  --ba-shadow: var(--ba-shadow-md);
  --ba-transition: var(--ba-transition);

  --navy: var(--ba-color-primary-900);
  --blue: var(--ba-color-primary-700);
  --cyan: var(--ba-color-primary-500);
  --cream: var(--ba-bg-page);
  --ink: var(--ba-text-body);
  --muted: var(--ba-text-muted);
  --white: var(--ba-color-white);
  --line: var(--ba-border);
  --gold: var(--ba-color-secondary-500);
  --bg: var(--ba-bg-page);
  --surface: var(--ba-bg-surface);
  --card: var(--ba-bg-surface);
  --brand: var(--ba-color-primary-700);
  --dark: var(--ba-color-primary-900);
  --green: var(--ba-color-primary-700);
  --green2: var(--ba-color-primary-600);
  --green-dark: var(--ba-color-primary-900);
  --lime: var(--ba-color-primary-100);
  --soft: var(--ba-color-primary-050);
  --accent: var(--ba-color-secondary-500);
}
.login .password-group button.input-password-toggle {
    background-color: transparent;
    border-color: transparent;
    color: #212529;
    position: absolute;
    left: 5px;
    top: 5px;
    bottom: 0;
}
a.com-users-login__reset.list-group-item, a.com-users-login__remind.list-group-item {
    background: none;
    border: none;
    font-size: 13px;
    font-weight: 600;
}
.com-users-login__options.list-group {
    background: none;
    padding: 0 15px;
    margin-top: 15px;
}
.com-users-login__remember .form-check-input {
    width: 20px;
    height: 20px;
    float: right;
    display: inline-block;
    position: relative;
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
}
.com-users-login__remember label.form-check-label {
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 30px;
}
.required .star {
    display: none;
}
a { transition: color var(--ba-transition-fast), background-color var(--ba-transition-fast), border-color var(--ba-transition-fast), transform var(--ba-transition-fast), box-shadow var(--ba-transition-fast); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--ba-color-primary-600);
  outline-offset: 2px;
  box-shadow: var(--ba-focus-ring);
}

/* Typographic hierarchy */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--ba-font-family);
  color: var(--ba-text-heading);
  font-weight: var(--ba-weight-extrabold);
  line-height: var(--ba-line-height-tight);
  letter-spacing: -.025em;
}
h1 { font-size: var(--ba-font-size-3xl); font-weight: var(--ba-weight-black); }
h2 { font-size: var(--ba-font-size-2xl); }
h3 { font-size: var(--ba-font-size-xl); }
h4 { font-size: var(--ba-font-size-lg); }
p, li, label, input, textarea, select, button { font-family: var(--ba-font-family); }
p { color: var(--ba-text-body); }
small, .muted, .section-lead { color: var(--ba-text-muted); }


.section-head { margin-bottom: var(--ba-space-8); }
.section-head h2, .section h2 { color: var(--ba-text-heading); }
.section-head p, .section-lead { color: var(--ba-text-muted); }

/* Site navigation */
.ba-global-nav {
  background: rgba(247, 245, 239, .96);
  border-color: var(--ba-border);
  box-shadow: 0 1px 0 rgba(16, 42, 67, .03);
}
.ba-logo, .brand { color: var(--ba-text-heading) !important; }
.ba-logo-mark, .brand-mark {
  background: linear-gradient(145deg, var(--ba-color-primary-500), var(--ba-color-primary-700));
  box-shadow: 0 8px 20px rgba(23, 107, 142, .18);
}
.ba-links a, .ba-submenu-toggle { color: var(--ba-color-neutral-700) !important; font-weight: var(--ba-weight-semibold); }
.ba-links a:hover, .ba-links a[aria-current="page"], .ba-submenu-toggle:hover { color: var(--ba-link) !important; }
.ba-submenu { border-color: var(--ba-border); border-radius: var(--ba-radius-md); box-shadow: var(--ba-shadow-md); }
.ba-submenu a:hover, .ba-submenu .ba-submenu-toggle:hover { background: var(--ba-bg-subtle); }

/* Buttons — one visual grammar */
.btn, .nav-cta, .ba-nav-btn, .ba-inline-cta, .ba-login-submit, button[type="submit"], input[type="submit"] {
  min-height: 44px;
  border-radius: var(--ba-radius-sm) !important;
  font-weight: var(--ba-weight-bold) !important;
  line-height: 1.4;
  cursor: pointer;
}
.btn-primary, .nav-cta, .ba-nav-btn.primary, .ba-inline-cta, .ba-login-submit, button[type="submit"], input[type="submit"] {
  background: var(--ba-color-primary-700) !important;
  border-color: var(--ba-color-primary-700) !important;
  color: var(--ba-color-white) !important;
  box-shadow: 0 7px 18px rgba(23, 107, 142, .18);
}
.btn-primary:hover, .nav-cta:hover, .ba-nav-btn.primary:hover, .ba-inline-cta:hover, .ba-login-submit:hover, button[type="submit"]:hover, input[type="submit"]:hover {
  background: var(--ba-color-primary-900) !important;
  border-color: var(--ba-color-primary-900) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(16, 42, 67, .20);
}
.btn-light, .ba-nav-btn:not(.primary), .ba-btn-outline {
  background: var(--ba-bg-surface);
  color: var(--ba-text-heading) !important;
  border-color: var(--ba-border) !important;
  box-shadow: var(--ba-shadow-sm);
}
.btn-light:hover, .ba-nav-btn:not(.primary):hover, .ba-btn-outline:hover { border-color: var(--ba-color-primary-500) !important; color: var(--ba-link) !important; }

/* Cards and panels */
.card, .course, .articles .sppb-addon-article, .feature, .step, .ba-service-card, .ba-panel, .ba-stat-card,.article-list .article {
  background: var(--ba-bg-surface);
  border-color: var(--ba-border) !important;
  border-radius: var(--ba-radius-md);
  box-shadow: var(--ba-shadow-sm);
}
.card:hover, .course:hover, .articles .sppb-addon-article:hover, .feature:hover, .step:hover,.article-list .article:hover {
  border-color: var(--ba-color-primary-100) !important;
  box-shadow: var(--ba-shadow-md);
}
.course-top { background: linear-gradient(135deg, var(--ba-color-primary-900), var(--ba-color-primary-600)) !important; }
.course:nth-child(2) .course-top { background: linear-gradient(135deg, #735719, var(--ba-color-secondary-500)) !important; }
.course:nth-child(3) .course-top { background: linear-gradient(135deg, var(--ba-color-primary-800), var(--ba-color-primary-500)) !important; }
.course-body p, .articles .sppb-addon-article p, .feature p, .step p, .ba-service-card p { color: var(--ba-text-muted); }

/* Hero and callouts */
.hero:not(.ba-page-hero), .ba-login-shell { background: radial-gradient(circle at 82% 12%, var(--ba-color-primary-100) 0, var(--ba-bg-page) 40%, var(--ba-bg-page) 100%); }
.ba-page-hero, .purchase, .sale, .about-box {
  background: linear-gradient(125deg, var(--ba-color-primary-900), var(--ba-color-primary-700)) !important;
  color: var(--ba-text-on-dark);
}
.ba-page-hero h1, .purchase h2, .sale h2, .about-box h2, .about-box h3 { color: var(--ba-text-on-dark); }
.ba-page-hero p, .purchase p, .sale p, .about-box p { color: #dceaf0; }
.ba-page-hero span, .eyebrow, .article-tag, .link { color: var(--ba-link); }
.ba-page-hero span { color: #9bdced; }
.note { background: var(--ba-color-warning-100) !important; border-color: var(--ba-color-secondary-500) !important; }
.price { color: var(--ba-color-secondary-700); }
.purchase .price { color: #f1cf81; }

/* Forms */
input.form-control,input, textarea.form-control,textarea, select.form-select,select {
  background: var(--ba-bg-surface);
  color: var(--ba-text-body);
  border-color: var(--ba-border-strong) !important;
  border-radius: var(--ba-radius-sm) !important;
      font: inherit;
    border: 1px solid #dce3de;
    padding: 11px 13px;
    color: var(--ink);
    outline: none;
        height: auto;
}
.form-label {
    font-size: 13px;
    font-weight: 600;
}
input:focus, textarea:focus, select:focus,input.form-control:focus, textarea.form-control:focus, select.form-select:focus { border-color: var(--ba-color-primary-600) !important; box-shadow: var(--ba-focus-ring) !important; }
.ba-demo-box { background: var(--ba-bg-subtle); color: var(--ba-color-primary-900); }
.ba-login-error { background: var(--ba-color-danger-100); color: var(--ba-color-danger-700); }

/* Dashboard alignment with public site */
.ba-dashboard-page {
  --ba-sidebar-w: 280px;
  background: var(--ba-bg-page) !important;
  color: var(--ba-text-body) !important;
}
.ba-sidebar { background: var(--ba-color-primary-900) !important; }
.ba-sidebar-brand span, .ba-nav-item.active i, .ba-stat-icon { color: var(--ba-color-primary-500); }
.ba-nav-item.active { background: rgba(37, 164, 198, .13) !important; border-color: var(--ba-color-primary-500) !important; }
.ba-topbar, .ba-panel, .ba-stat-card { background: var(--ba-bg-surface); }
.ba-panel-title, .ba-stat-value { color: var(--ba-text-heading); }
.ba-panel-subtitle, .ba-stat-label { color: var(--ba-text-muted); }
.ba-course-progress-bar { background: var(--ba-color-primary-600) !important; }
.ba-course-progress-bar.warning { background: var(--ba-color-warning-700) !important; }
.ba-course-progress-bar.danger { background: var(--ba-color-danger-700) !important; }

/* Footer */
.ba-site-footer, footer { background: var(--ba-color-primary-900); }
.ba-site-footer h3, .ba-site-footer h4, footer h3, footer h4, .footer-brand { color: var(--ba-color-white); }
.ba-site-footer p, .ba-site-footer a, footer p, footer a { color: #c7d8df; }

/* Utility classes for standardized states */
.ba-bg-surface { background: var(--ba-bg-surface) !important; }
.ba-bg-subtle { background: var(--ba-bg-subtle) !important; }
.ba-text-muted { color: var(--ba-text-muted) !important; }
.ba-text-success { color: var(--ba-color-success-700) !important; }
.ba-text-danger { color: var(--ba-color-danger-700) !important; }
.ba-status-success { background: var(--ba-color-success-100); color: var(--ba-color-success-700); }
.ba-status-warning { background: var(--ba-color-warning-100); color: var(--ba-color-warning-700); }
.ba-status-danger { background: var(--ba-color-danger-100); color: var(--ba-color-danger-700); }
.ba-status-info { background: var(--ba-color-info-100); color: var(--ba-color-info-700); }
.section:nth-of-type(even) {
    border-block: 1px solid rgba(226, 232, 234, .65);
}
@media (max-width: 700px) {
  html { font-size: 15px; }
  .section { padding-block: var(--ba-space-16); }
  h2 { font-size: 1.55rem; }
  .ba-page-hero { padding-block: var(--ba-space-12); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* ======================================================================
   BALANCE ACADEMY — NATURAL PALETTE THEME v4.0
   Source palette: Green #A0B48C, Grey #B4B2BB, Khaki #CDB9AA,
   Black scale #0A0A0A / #161616 / #212121.
   Accessibility rule: light green actions use dark text, not white.
   ====================================================================== */
:root {
  /* Supplied brand colors */
  --ba-brand-green: #A0B48C;
  --ba-brand-grey: #B4B2BB;
  --ba-brand-khaki: #CDB9AA;
  --ba-brand-black: #0A0A0A;
  --ba-brand-charcoal: #161616;
  --ba-brand-graphite: #212121;

  /* Derived, functional shades */
  --ba-green-900: #34402D;
  --ba-green-800: #4B5D41;
  --ba-green-700: #647958;
  --ba-green-600: #81966F;
  --ba-green-500: var(--ba-brand-green);
  --ba-green-200: #DCE5D4;
  --ba-green-100: #EBF0E7;
  --ba-green-050: #F5F7F2;

  --ba-khaki-700: #816B5D;
  --ba-khaki-500: var(--ba-brand-khaki);
  --ba-khaki-200: #E9DDD4;
  --ba-khaki-100: #F4EDE8;

  --ba-grey-700: #66646C;
  --ba-grey-500: var(--ba-brand-grey);
  --ba-grey-300: #D7D5DB;
  --ba-grey-200: #E6E5E9;
  --ba-grey-100: #F1F0F3;

  /* Semantic roles */
  --ba-bg-page: #F8F7F3;
  --ba-bg-section: #F2F3EF;
  --ba-bg-surface: #FFFFFF;
  --ba-bg-subtle: var(--ba-green-050);
  --ba-text-heading: var(--ba-brand-black);
  --ba-text-body: var(--ba-brand-graphite);
  --ba-text-muted: #66666B;
  --ba-text-on-dark: #FFFFFF;
  --ba-border: #DEDDD9;
  --ba-border-strong: var(--ba-brand-grey);
  --ba-link: var(--ba-green-800);
  --ba-link-hover: var(--ba-brand-black);

  /* Compatibility with existing pages */
  --ba-color-primary-900: var(--ba-brand-black);
  --ba-color-primary-800: var(--ba-brand-charcoal);
  --ba-color-primary-700: var(--ba-green-800);
  --ba-color-primary-600: var(--ba-green-700);
  --ba-color-primary-500: var(--ba-brand-green);
  --ba-color-primary-100: var(--ba-green-100);
  --ba-color-primary-050: var(--ba-green-050);
  --ba-color-secondary-700: var(--ba-khaki-700);
  --ba-color-secondary-500: var(--ba-brand-khaki);
  --ba-color-secondary-100: var(--ba-khaki-100);
  --ba-color-neutral-950: var(--ba-brand-black);
  --ba-color-neutral-900: var(--ba-brand-graphite);
  --ba-color-neutral-700: #4F4E53;
  --ba-color-neutral-600: #66666B;
  --ba-color-neutral-500: #807F85;
  --ba-color-neutral-300: var(--ba-grey-300);
  --ba-color-neutral-200: var(--ba-grey-200);
  --ba-color-neutral-100: var(--ba-grey-100);
  --ba-color-neutral-050: #F8F8F7;
  --ba-color-canvas: var(--ba-bg-page);

  --ba-shadow-sm: 0 2px 10px rgba(10,10,10,.055);
  --ba-shadow-md: 0 6px 20px rgba(10,10,10,.09);
  --ba-shadow-lg: 0 24px 64px rgba(10,10,10,.13);
  --ba-focus-ring: 0 0 0 4px rgba(160,180,140,.32);
}

/* Calm, contemporary foundation */

/* Header and navigation */
.ba-global-nav {
  background: rgba(248,247,243,.92) !important;
  border-bottom-color: rgba(10,10,10,.10) !important;
  box-shadow: 0 1px 0 rgba(10,10,10,.03) !important;
}
.ba-logo-mark, .brand-mark {
  background: var(--ba-brand-black) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.ba-links a:hover, .ba-links a[aria-current="page"],
.ba-submenu-toggle:hover, .ba-menu-item.is-active>.ba-submenu-toggle {
  color: var(--ba-green-800) !important;
}
.ba-submenu { background: rgba(255,255,255,.98) !important; border-color: var(--ba-border) !important; }
.ba-submenu a:hover, .ba-submenu .ba-submenu-toggle:hover { background: var(--ba-green-050) !important; }

/* Accessible action hierarchy */
.btn-primary, .nav-cta, .ba-nav-btn.primary, .ba-inline-cta,
.ba-login-submit, button[type="submit"], input[type="submit"] {
  background: var(--ba-brand-green) !important;
  border-color: var(--ba-brand-green) !important;
  color: var(--ba-brand-black) !important;
  box-shadow: 0 8px 22px rgba(75,93,65,.16) !important;
  font-size: 14px ; 
  line-height: 30px;
}
.btn-primary:hover, .nav-cta:hover, .ba-nav-btn.primary:hover,
.ba-inline-cta:hover, .ba-login-submit:hover, button[type="submit"]:hover,
input[type="submit"]:hover {
  background: var(--ba-green-800) !important;
  border-color: var(--ba-green-800) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(10,10,10,.16) !important;
}
.btn-light, .ba-nav-btn:not(.primary), .ba-btn-outline {
  background: rgba(255,255,255,.88) !important;
  color: var(--ba-brand-black) !important;
  border-color: var(--ba-border) !important;
}
.btn-light:hover, .ba-nav-btn:not(.primary):hover, .ba-btn-outline:hover {
  border-color: var(--ba-brand-green) !important;
  background: var(--ba-green-050) !important;
  color: var(--ba-brand-black) !important;
}
#sp-footer, #sp-bottom {
    background: #0a0a0a;
    color: #b4b2bb;
}
/* Heroes use the supplied black family */
.ba-page-hero {
  background: linear-gradient(135deg, var(--ba-brand-black) 0%, var(--ba-brand-charcoal) 58%, var(--ba-brand-graphite) 100%) !important;
}
.ba-page-hero span { color: var(--ba-brand-green) !important; }
.ba-page-hero p { color: #D8D7D9 !important; }

/* Cards, sections and form controls */
.article-list .article,.card, .course, .articles .sppb-addon-article, .feature, .step, .ba-service-card,
 .ba-panel, .ba-stat-card {
  border-color: var(--ba-border) !important;
  box-shadow: var(--ba-shadow-sm) !important;
  -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.com-content section#sp-main-body {
    padding: 10rem 0;
}
.article-list .article:hover,.card:hover, .course:hover, .articles .sppb-addon-article:hover, .feature:hover, .step:hover {
  border-color: var(--ba-brand-green) !important;
  box-shadow: var(--ba-shadow-md) !important;
}
.ba-service-main { background: var(--ba-bg-section) !important; }
.ba-login-shell {
  background:
    radial-gradient(circle at 85% 8%, rgba(160,180,140,.34), transparent 34%),
    radial-gradient(circle at 10% 92%, rgba(205,185,170,.32), transparent 31%),
    var(--ba-bg-page) !important;
}
.ba-demo-box { background: var(--ba-green-100) !important; color: var(--ba-green-900) !important; }
input:focus, textarea:focus, select:focus, .ba-field input:focus {
  border-color: var(--ba-green-700) !important;
  box-shadow: var(--ba-focus-ring) !important;
}

/* Soft accents */
.badge, .eyebrow, .kicker, .tag {  color: var(--ba-green-900) !important; }
.highlight, .accent-box, .notice { border-color: var(--ba-brand-khaki) !important; background: var(--ba-khaki-100) !important; }
.progress-fill, .meter-fill { background: var(--ba-brand-green) !important; }

/* Footer */
.ba-site-footer { background: var(--ba-brand-black) !important; color: #D3D2D5 !important; }
.ba-site-footer a { color: #C6C5C9 !important; }
.ba-site-footer a:hover { color: var(--ba-brand-green) !important; }
.ba-footer-copy { color: #929096 !important; border-top-color: rgba(255,255,255,.12) !important; }

/* Mobile usability */
@media (max-width: 860px) {
  .ba-links { background: rgba(255,255,255,.98) !important; }
  .ba-submenu { background: var(--ba-green-050) !important; }
}

@media (prefers-contrast: more) {
  :root { --ba-border: #9B999F; }
  .btn-primary, .nav-cta, .ba-nav-btn.primary, .ba-inline-cta,
  .ba-login-submit, button[type="submit"], input[type="submit"] {
    outline: 2px solid var(--ba-brand-black);
  }
}

/* ======================================================================
   BALANCE ACADEMY — NATURAL PALETTE CONTRAST REVISION v5.0
   Reduces large black surfaces and explicitly controls foreground contrast.
   ====================================================================== */
:root {
  --ba-surface-green-deep: #52634B; 
  --ba-surface-green: #718466;
  --ba-surface-green-soft: #879A79;
  --ba-surface-green-light: #A0B48C;
  --ba-on-green: #FFFFFF;
  --ba-on-green-muted: rgba(255,255,255,.88);
  --ba-on-light: #161616;
}

/* Large branded surfaces: green-led instead of black-led */
.ba-page-hero {
  background: linear-gradient(135deg, #52634B 0%, #718466 58%, #879A79 100%) !important;
  color: var(--ba-on-green) !important;
}
.ba-page-hero h1,
.ba-page-hero h2,
.ba-page-hero h3 { color: var(--ba-on-green) !important; }
.ba-page-hero p { color: var(--ba-on-green-muted) !important; }
.ba-page-hero span { color: #F4EDE8 !important; }

/* Homepage visual card */
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span{
    position: relative;
    display:block;
    color: #4f4e53 !important;
    font-weight: var(--ba-weight-semibold);
        padding: 11px 12px;
        border-bottom: 1px solid #eef1f2;
font-size: 14px;
}
body.rtl .offcanvas-menu .offcanvas-inner .sp-module ul>li ul > li span, body.rtl .offcanvas-menu .offcanvas-inner .sp-module ul>li ul > li a {
    font-size: 13px;
    font-weight: 600;
        border: none;
}
.offcanvas-active .offcanvas-overlay {
    visibility: visible;
    opacity: 0;
}

/* About highlight: calm green with explicit readable foreground */
.about-box {
  background: linear-gradient(135deg, #64775B 0%, #7F9272 55%, #A0B48C 100%) !important;
  color: var(--ba-on-green) !important;
}
.about-box h2,
.about-box h3 { color: var(--ba-on-green) !important; }
.about-box p,
.about-box li,
.about-box .check-list li { color: var(--ba-on-green-muted) !important; }
.about-box .check-list li::before {
  background: var(--ba-brand-khaki) !important;
  color: var(--ba-on-light) !important;
}
.about-box::after { color: rgba(255,255,255,.075) !important; }

/* About-page quote: remove black background and prevent inherited dark text */
.quote {
  background: linear-gradient(135deg, #64775B 0%, #7F9272 56%, #A0B48C 100%) !important;
  color: var(--ba-on-green) !important;
  box-shadow: 0 18px 45px rgba(82,99,75,.16);
}
.quote p {
  color: var(--ba-on-green) !important;
  text-shadow: none !important;
}
.quote span { color: #F4EDE8 !important; }
.quote::before { color: rgba(255,255,255,.10) !important; }

/* Calls to action should feel natural, not terminal-black */
.sale,
.purchase,
.cta {
  background: linear-gradient(125deg, #52634B 0%, #718466 62%, #879A79 100%) !important;
  color: var(--ba-on-green) !important;
}
.sale h2, .sale h3,
.purchase h2, .purchase h3,
.cta h2, .cta h3 { color: var(--ba-on-green) !important; }
.sale p, .purchase p, .cta p { color: var(--ba-on-green-muted) !important; }
.purchase .price { color: #F4EDE8 !important; }

/* Course cover contrast: titles adapt to surface luminance */


/* Keep true black limited to small identity elements and footer */
.ba-logo-mark,
.brand-mark { background: #212121 !important; }
.ba-site-footer { background: #212121 !important; }

/* Inline legacy footers on standalone pages */
.foot { background: #52634B !important; color: rgba(255,255,255,.76) !important; }

@media (max-width: 769px) {
  .quote { padding-inline: 24px !important; }
  .about-box { padding: 28px 24px !important; }
  button.rsm-webpush__bell {bottom: 90px !important;}
  div.rsm-webpush__mini {bottom: 140px !important;}
}
#sp-page-builder .sppb-section-title {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}

div#sp-logged-in-usermenu {
    display: flex !important;
    justify-content: end;
    align-items: center;
}
.topbar-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.4rem 1rem;
    border-radius:999px;
    background:linear-gradient(135deg,#C7FF00,#A8E600);
    color:#111;
    font-weight:700;
    text-decoration:none;
    transition:.35s ease;
    box-shadow:
        0 10px 30px rgba(199,255,0,.22),
        inset 0 1px 0 rgba(255,255,255,.35);
}

.topbar-btn:hover{
    transform:translateY(-2px);
    box-shadow:
        0 14px 36px rgba(199,255,0,.35),
        inset 0 1px 0 rgba(255,255,255,.45);
}
#sp-header{
    position: relative;
    top: 0px;
    left: 0;
    right: 0;
    background: #ebf0e7;
    isolation: isolate;
    z-index: 9999;
}

body {
    background: var(--ba-bg-page) !important;
    color: var(--ba-text-body) !important;

    font-family: "EstedadWeb", sans-serif !important;
    font-weight: 400;

}
.sp-megamenu-parent>li:last-child>a {
    padding: 0px 10px 0px 0px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child span.sp-menu-heading {
    display: block;
    position: relative;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child span.sp-menu-heading:after {
    font-family: "Font Awesome 6 Free";
    content: "\f053";
    float: left;
    margin-right: 3px;
    font-weight: 900;
    font-size: 8px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover{
    background: var(--ba-green-050) ;
}
#sp-bottom .sp-module ul>li>a {
    display: block;
    font-size: 13px;
    margin: 8px 0;
    color: #c7d8df;
}
#sp-bottom  .footer-brand h3{
    color: white;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 12px;
}
#sp-bottom  .footer-brand p{
    font-size: 13px;
    max-width: 290px;
}

#sp-bottom .sp-module h4 {
    color: white;
    font-size: 15px;
    margin-bottom: 14px;
}

/* Mobile Menu Button */
#offcanvas-toggler {
    margin-right: auto;
    width: 42px;
    height: 42px;
    border: 1px solid var(--ba-line);
    border-radius: 10px;
    background: #fff;
    font-size: 22px;
    color: var(--ba-navy);
}


/* Hover */
#offcanvas-toggler:hover {

    transform:scale(1.08);

    background:
    linear-gradient(
        135deg,
        rgba(199,255,0,.18),
        rgba(255,255,255,.06)
    );
}



/* Burger */
#offcanvas-toggler .burger-icon {
margin: auto;
    width:20px;
    height:13px;
    position:relative;
    display:block;
}


#offcanvas-toggler .burger-icon span {

    position:absolute;

    right:0;

    width:90%;
    height:1px;

    border-radius:20px;

    background:var(--ba-navy);

    transition:
    transform .4s cubic-bezier(.68,-0.6,.32,1.6),
    opacity .25s ease,
    width .3s ease;
}


/* Position */
#offcanvas-toggler .burger-icon span:nth-child(1){
    top:0;
}

#offcanvas-toggler .burger-icon span:nth-child(2){
    top:6px;
}

#offcanvas-toggler .burger-icon span:nth-child(3){
    bottom:0;
}




/* Close Offcanvas Button */
.close-offcanvas {

    width:48px;
    height:48px;
    border-radius:100px;

    display:flex;
    align-items:center;
    justify-content:center;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    transition:
    transform .35s cubic-bezier(.22,1,.36,1),
    background .35s ease;
}


.close-offcanvas:hover {

    transform:rotate(90deg) scale(1.08);

    background:
    linear-gradient(
        135deg,
        rgba(199,255,0,.18),
        rgba(255,255,255,.06)
    );
}
@media (min-width: 1400px) {
    .container,.sppb-row-container {
        width: min(1140px, calc(100% - 32px));
        padding:0;
    }
}
@media (max-width: 768px){
div#sp-logged-in-usermenu {
    justify-content: center;
    padding: 0 0 0 15px;
}
#sp-menu>.sp-column {
    justify-content: center !important;
}
div .ba-nav-btn{
            padding: 7px 10px;
        font-size: 12px;
}
span.sp-copyright span {
    display: block;
    float: right !important;
    width: 100%;
}
}
/* Icon */
.close-offcanvas .burger-icon {

    width:20px;
    height:20px;

    position:relative;

    display:block;
}


.close-offcanvas .burger-icon span {

    position:absolute;

    top:50%;
    left:50%;

    width:22px;
    height:1px;

    border-radius:20px;

    background:#000;

    transition:.35s cubic-bezier(.22,1,.36,1);
}

#sp-header .sp-module {
    margin-left: 0px;
}

/* تبدیل به X */
.close-offcanvas .burger-icon span:nth-child(1){

    transform:
    translate(-50%,-50%)
    rotate(45deg);
}


.close-offcanvas .burger-icon span:nth-child(2){

    opacity:0;

    transform:
    translate(-50%,-50%)
    scaleX(0);
}
.abdre .sppb-row{
    align-items: stretch !important;
}

.abdre .sppb-row > .sppb-row-column{
    display: flex;
}

.close-offcanvas .burger-icon span:nth-child(3){

    transform:
    translate(-50%,-50%)
    rotate(-45deg);
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
        background: rgba(255, 255, 255, .98) !important;
    border-color: var(--ba-border) !important;
        min-width: 220px;
    padding: 8px;
        border-radius: var(--ba-radius-md);
    box-shadow: var(--ba-shadow-md);
}
input[type="text"]:not(.form-control),
input[type="email"]:not(.form-control),
input[type="url"]:not(.form-control),
input[type="date"]:not(.form-control),
input[type="password"]:not(.form-control),
input[type="search"]:not(.form-control),
input[type="tel"]:not(.form-control),
input[type="number"]:not(.form-control),
select:not(.form-select):not(.form-control) {

    width: 100%;
    min-height: 50px;

    padding: .65rem .9rem !important;

    font-size: 14px;
    line-height: 1.6;

    color: #252525 !important;

    /* White Glass */
    background: rgba(255, 255, 255, .72) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    /* بدون Border */
    border: none !important;
    outline: none !important;

    border-radius: 10px !important;

    /* سایه خیلی نرم */
    box-shadow:
        0 2px 8px rgba(0, 0, 0, .04),
        0 8px 24px rgba(0, 0, 0, .035) !important;

    transition:
        background .25s ease,
        box-shadow .25s ease;
}


/* Placeholder */

input[type="text"]:not(.form-control)::placeholder,
input[type="email"]:not(.form-control)::placeholder,
input[type="url"]:not(.form-control)::placeholder,
input[type="date"]:not(.form-control)::placeholder,
input[type="password"]:not(.form-control)::placeholder,
input[type="search"]:not(.form-control)::placeholder,
input[type="tel"]:not(.form-control)::placeholder,
input[type="number"]:not(.form-control)::placeholder {

    color: #999 !important;
}


/* Hover */

input[type="text"]:not(.form-control):hover,
input[type="email"]:not(.form-control):hover,
input[type="url"]:not(.form-control):hover,
input[type="date"]:not(.form-control):hover,
input[type="password"]:not(.form-control):hover,
input[type="search"]:not(.form-control):hover,
input[type="tel"]:not(.form-control):hover,
input[type="number"]:not(.form-control):hover,
select:not(.form-select):not(.form-control):hover {

    background: rgba(255,255,255,.9) !important;

    box-shadow:
        0 3px 10px rgba(0,0,0,.05),
        0 10px 28px rgba(0,0,0,.04) !important;
}


/* Focus */

input[type="text"]:not(.form-control):focus,
input[type="email"]:not(.form-control):focus,
input[type="url"]:not(.form-control):focus,
input[type="date"]:not(.form-control):focus,
input[type="password"]:not(.form-control):focus,
input[type="search"]:not(.form-control):focus,
input[type="tel"]:not(.form-control):focus,
input[type="number"]:not(.form-control):focus,
select:not(.form-select):not(.form-control):focus {

    background: #fff !important;

    box-shadow:
        0 3px 12px rgba(0,0,0,.06),
        0 0 0 1px rgba(0,0,0,.04) !important;
}

div.smslogin-shell {
    margin-top: 0;
}
/* Disabled */

input:disabled,
select:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.form-check.form-check-inline {
    margin: 0;
}
 .form-check:has(> input#remember),
.form-check:has(> input#remember0) {
  display: block;
  margin: 0;
  padding: 0;
}

.form-check:has(> input#remember) > input#remember,
.form-check:has(> input#remember0) > input#remember0 {
  position: absolute !important;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.form-check:has(> input#remember) > label,
.form-check:has(> input#remember0) > label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 12px 72px 12px 16px;
  min-height: 50px;
  border-radius: 14px;
  background: #ffffff;
  font-size: 14px;
  font-weight: 500;
  color: #111111;
  line-height: 1.6;
  cursor: pointer;
  user-select: none;
  text-align: right;
}

.form-check:has(> input#remember) > label::before,
.form-check:has(> input#remember0) > label::before {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 42px;
  height: 25px;
  margin-top: -12.5px;
  border-radius: 13px;
  background: #e9e9ea;
  box-shadow: inset 0 0 0 .5px rgba(0,0,0,.06);
  transition: background-color .25s ease;
}

.form-check:has(> input#remember) > label::after,
.form-check:has(> input#remember0) > label::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 21px;
  height: 21px;
  margin-top: -10.5px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 3px 8px rgba(0,0,0,.18), 0 1px 1px rgba(0,0,0,.08);
  transition: right .25s cubic-bezier(.2,.8,.2,1);
}

.form-check:has(> input#remember) > label:active::after,
.form-check:has(> input#remember0) > label:active::after {
  width: 24px;
}

input#remember:checked + label::before,
input#remember0:checked + label::before {
  background-color: #34c759;
}
input#remember:checked + label::after,
input#remember0:checked + label::after {
  right: 35px;
  background: #ffffff;
}

input#remember:focus-visible + label,
input#remember0:focus-visible + label {
  border-color: #34c759;
  box-shadow: 0 0 0 4px rgba(52,199,89,.18);
}

@media (prefers-reduced-motion: reduce) {
  .form-check:has(> input#remember) > label,
  .form-check:has(> input#remember0) > label,
  .form-check:has(> input#remember) > label::before,
  .form-check:has(> input#remember0) > label::before,
  .form-check:has(> input#remember) > label::after,
  .form-check:has(> input#remember0) > label::after {
    transition: none;
  }
}