/* =============================================================================
   VCourse child theme — v2.0.0
   1  Tokens            7  Course archive & cards (HiStudy markup)
   2  Base + mobile fix 8  Single course
   3  Buttons & UI      9  Learning area: lessons & quizzes
   4  Header            10 Dashboard, login, forms, WooCommerce
   5  Mobile menu       11 Footer
   6  Page templates    12 Dark mode
   ========================================================================== */

/* 1 ─ Tokens ---------------------------------------------------------------- */
:root{
  --vc-primary:#2F57EF; --vc-primary-hover:#1E3FC4; --vc-primary-soft:#EEF2FF;
  --vc-ink:#192335; --vc-ink-2:#33405A; --vc-body:#4A5468; --vc-muted:#6B7385;
  --vc-line:#E6E8EF; --vc-line-2:#DCE1EE; --vc-surface:#fff; --vc-soft:#F5F7FD; --vc-soft-2:#F8F9FC;
  --vc-dark:#192335; --vc-darker:#0F1626; --vc-dark-line:#26324A; --vc-on-dark:#C3CADB;
  --vc-success:#1F9D61; --vc-warn-bg:#FFF4E0; --vc-warn:#8A5300; --vc-star:#E8A317;
  --vc-r-sm:10px; --vc-r:12px; --vc-r-lg:16px; --vc-r-xl:20px;
  --vc-shadow:0 14px 34px rgba(25,35,53,.10); --vc-shadow-lg:0 20px 50px rgba(25,35,53,.12);
  --vc-focus:0 0 0 3px rgba(47,87,239,.35);
  --vc-gutter:clamp(16px,4vw,40px); --vc-thumb-ratio:720/537; --vc-max:1240px; --vc-header-h:72px;
  /* HiStudy's own tokens, pointed at the calmer palette. */
  --color-primary:#2F57EF; --color-secondary:#2F57EF; --color-heading:#192335; --color-body:#4A5468;
  --color-border:#E6E8EF; --color-gray-light:#F5F7FD; --gradient-primary:#2F57EF;
}

/* 2 ─ Base + the mobile "zoom" fix ------------------------------------------ */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--vc-header-h) + 16px)}
/* Anything wider than the viewport made phones zoom out / pan sideways. Clip (not hidden)
   keeps position:sticky working. */
html,body.vc{overflow-x:clip;max-width:100%}
body.vc{color:var(--vc-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.vc img,.vc video,.vc iframe{max-width:100%}
.vc img{height:auto}
.vc h1,.vc h2,.vc h3,.vc h4,.vc h5,.vc h6{color:var(--vc-ink);letter-spacing:-.01em;text-wrap:balance}
.vc p{text-wrap:pretty}
.vc a{text-underline-offset:2px}
.vc :focus-visible{outline:2px solid var(--vc-primary);outline-offset:2px;box-shadow:none}
.vc .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.vc-skip-link{position:absolute;left:12px;top:-60px;z-index:100000;background:var(--vc-ink);color:#fff!important;padding:10px 16px;border-radius:8px;font-weight:600}
.vc-skip-link:focus{top:12px}
/* Bootstrap g-5 rows are 48px gutters: on phones their negative margins overflow the screen. */
@media (max-width:575px){
  .vc .row.g-5,.vc .row.gx-5,.vc .row.g-4{--bs-gutter-x:1.25rem}
  .vc .container,.vc .container-fluid{padding-left:16px;padding-right:16px}
}
/* iOS zooms into any field under 16px. */
.vc input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),.vc select,.vc textarea,.vc .tutor-form-control{font-size:16px!important}
.vc .vc-hide{display:none!important}
#preloader,.preloader,.rbt-preloader{display:none!important} /* blank screen on every load; see README */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

.vc-container{max-width:var(--vc-max);margin:0 auto;padding-left:var(--vc-gutter);padding-right:var(--vc-gutter);width:100%;box-sizing:border-box}
.vc-icon{flex:none;vertical-align:middle}

/* 3 ─ Buttons & shared UI ---------------------------------------------------- */
.vc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--vc-r);
  font-size:16px;font-weight:600;line-height:1.2;text-decoration:none!important;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s;white-space:nowrap}
.vc-btn--primary{background:var(--vc-primary);color:#fff!important}
.vc-btn--primary:hover{background:var(--vc-primary-hover);color:#fff}
.vc-btn--ghost{background:#fff;border-color:var(--vc-line-2);color:var(--vc-ink)!important}
.vc-btn--ghost:hover{border-color:var(--vc-ink)}
.vc-btn--light{background:#fff;color:var(--vc-ink)!important}
.vc-btn--light:hover{background:#EEF1F8}
.vc-btn--outline-light{border-color:#3A4766;color:#fff!important;background:transparent}
.vc-btn--outline-light:hover{border-color:#fff}
.vc-btn--sm{min-height:44px;padding:0 18px;font-size:15px;border-radius:var(--vc-r-sm)}
.vc-btn--lg{min-height:52px;padding:0 26px}
.vc-btn--block{width:100%}
.vc-actions{display:flex;flex-wrap:wrap;gap:12px}
.vc-center{text-align:center;margin-top:28px}
.vc-link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:var(--vc-primary)}
.vc-eyebrow{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vc-primary)}
.vc-eyebrow-pill{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #E1E6F8;font-size:13px;font-weight:500;color:var(--vc-primary)}
.vc-eyebrow-pill span{width:6px;height:6px;border-radius:50%;background:currentColor}
.vc-tag{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;font-size:13px;font-weight:500;background:var(--vc-primary-soft);color:var(--vc-primary)}
.vc-tag--dark{background:var(--vc-dark-line);color:#fff!important}
.vc-checks{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;color:var(--vc-body)}
.vc-checks li{display:flex;align-items:center;gap:8px;margin:0}
.vc-checks .vc-icon{color:var(--vc-success)}
.vc-breadcrumb ol{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--vc-muted)}
.vc-breadcrumb li{margin:0;display:flex;gap:6px}
.vc-breadcrumb li+li::before{content:"/";opacity:.6}
.vc-breadcrumb a{color:inherit}
.vc-breadcrumb a:hover{color:var(--vc-primary)}
.vc-price{font-weight:700;color:var(--vc-ink);font-size:18px;white-space:nowrap}
.vc-price del{font-weight:400;color:var(--vc-muted);font-size:.8em;margin-right:6px}
.vc-price ins{text-decoration:none}
.vc-price--free{color:var(--vc-success)}

/* 4 ─ Header ----------------------------------------------------------------- */
.vc .rbt-header .rbt-header-wrapper{background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid var(--vc-line);padding:12px 0;box-shadow:none}
.vc .rbt-header .rbt-header-wrapper.rbt-sticky{box-shadow:0 6px 20px rgba(25,35,53,.06)}
.vc .rbt-header .mainbar-row{display:flex;align-items:center;gap:24px;flex-wrap:nowrap}
.vc .rbt-header .header-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.vc .vc-logo a{display:flex;align-items:center;gap:10px;text-decoration:none}
.vc .vc-logo__mark{width:44px;height:44px;display:block;flex:none}
.vc .vc-logo__name{font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--vc-ink);line-height:1}
.vc .rbt-header .logo img{max-height:none}
.vc .rbt-header .mainmenu-nav .mainmenu>li>a{font-size:15px;font-weight:500;padding:0 14px;height:40px;line-height:40px;color:var(--vc-ink-2);border-radius:10px;transition:background .15s,color .15s}
.vc .rbt-header .mainmenu-nav .mainmenu>li>a:hover,.vc .rbt-header .mainmenu-nav .mainmenu>li>a:focus-visible,.vc .rbt-header .mainmenu-nav .mainmenu>li.current-menu-item>a,.vc .rbt-header .mainmenu-nav .mainmenu>li.current-menu-ancestor>a{color:var(--vc-primary);background:var(--vc-primary-soft)}
.vc .rbt-header .mainmenu-nav .mainmenu>li{display:flex;align-items:center;height:auto}
.vc .rbt-header .mainmenu-nav .mainmenu{display:flex;align-items:center;gap:2px}
.vc .rbt-header .mainmenu-nav .mainmenu>li>a::after,.vc .rbt-header .mainmenu-nav .mainmenu>li>a::before{display:none}
.vc .rbt-header .mainmenu-nav .mainmenu>li{margin:0}
.vc .mainmenu-nav .submenu{border-radius:var(--vc-r);border:1px solid var(--vc-line);box-shadow:var(--vc-shadow);padding:8px}
.vc .mainmenu-nav .submenu li a{border-radius:8px;padding:10px 12px;font-size:15px}
.vc .rbt-header .quick-access{display:flex;align-items:center;gap:8px;margin:0;padding:0}
.vc .rbt-header .quick-access>li{margin:0}
.vc .rbt-header .rbt-round-btn,.vc .rbt-header .rbt-user-not-logged-in-btn>a{position:relative;width:44px;height:44px;min-width:44px;padding:0!important;margin:0;line-height:1!important;
  border:1px solid var(--vc-line);background:#fff;color:var(--vc-ink);border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;font-size:18px;box-shadow:none;transition:background .15s,border-color .15s,color .15s}
.vc .rbt-header .rbt-round-btn::after,.vc .rbt-header .rbt-round-btn::before,.vc .rbt-header .rbt-user-not-logged-in-btn>a::before,.vc .rbt-header .rbt-user-not-logged-in-btn>a::after{display:none!important}
/* HiStudy gives every header icon margin-right:10px — that pushed icons off-centre. */
.vc .rbt-header .quick-access>li>a i,.vc .rbt-header .rbt-round-btn i,.vc .rbt-header .hamberger-button i{margin:0!important;line-height:1;display:block}
.vc .rbt-header .rbt-round-btn:hover,.vc .rbt-header .rbt-round-btn.open,.vc .rbt-header .rbt-user-not-logged-in-btn>a:hover,.vc .rbt-header .rbt-user-wrapper:hover>.rbt-round-btn{background:var(--vc-primary-soft);border-color:transparent;color:var(--vc-primary)}
.vc .rbt-header .rbt-mini-cart>a{position:relative}
.vc .rbt-header .quick-access>li{display:flex;align-items:center}
.vc .rbt-round-btn::after{display:none}
.vc .rbt-header .rbt-user-label{display:none!important}
.vc .rbt-header .rbt-cart-count{position:absolute;top:-4px;right:-4px;background:var(--vc-primary);color:#fff;min-width:18px;height:18px;line-height:18px;padding:0 5px;font-size:11px;font-weight:600;border-radius:9px;text-align:center}
.vc .rbt-header .rbt-cart-count:empty{display:none}
.vc .rbt-header .hamberger-button{background:var(--vc-ink)!important;color:#fff!important;border-color:var(--vc-ink)!important}
.vc .rbt-header .hamberger-button:hover{background:var(--vc-primary)!important;border-color:var(--vc-primary)!important}
.vc-header-cta{align-items:center;gap:8px;margin-left:8px}
.vc .rbt-header .rbt-btn-wrapper{display:none} /* old marquee CTA, if another header still prints it */
.vc .rbt-search-dropdown{border-radius:0 0 var(--vc-r-lg) var(--vc-r-lg);box-shadow:var(--vc-shadow-lg)}
.vc .rbt-search-dropdown input{height:56px;border-radius:var(--vc-r);border:1px solid var(--vc-line-2);padding:0 18px}
@media (max-width:1199px){ .vc .rbt-header .rbt-header-wrapper{padding:10px 0} }
@media (max-width:575px){
  .vc .vc-logo__mark{width:40px;height:40px}
  .vc .rbt-header .vc-search-toggle{display:none} /* search lives in the mobile menu */
  .vc .rbt-header .quick-access{gap:6px}
  .vc .rbt-header .header-right{gap:6px}
}

/* 5 ─ Mobile menu ------------------------------------------------------------ */
.vc .popup-mobile-menu .inner-wrapper{width:min(88vw,380px);max-width:100%;padding:18px 20px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px}
.vc .popup-mobile-menu .inner-top{border:0;padding:0;margin:0}
.vc .popup-mobile-menu .inner-top .content{display:flex;align-items:center;justify-content:space-between}
.vc .popup-mobile-menu .description,.vc .popup-mobile-menu .rbt-information-list{display:none}
.vc .popup-mobile-menu .mainmenu{padding:0;margin:0}
.vc .popup-mobile-menu .mainmenu li{margin:0}
.vc .popup-mobile-menu .mainmenu li a{display:flex;align-items:center;min-height:52px;padding:0 4px;font-size:17px;font-weight:500;color:var(--vc-ink);border-bottom:1px solid #F0F1F5}
.vc .popup-mobile-menu .mainmenu li a:hover{color:var(--vc-primary)}
.vc .popup-mobile-menu .mainmenu .submenu{padding-left:12px}
.vc .popup-mobile-menu .mainmenu .submenu li a{font-size:16px;min-height:46px;color:var(--vc-body)}
.vc-mobile-search{display:flex;align-items:center;gap:10px;border:1px solid var(--vc-line-2);border-radius:var(--vc-r);padding:0 14px;height:50px;color:var(--vc-muted)}
.vc .vc-mobile-search input{border:0!important;outline:0;box-shadow:none!important;flex:1;min-width:0;min-height:0!important;height:46px;padding:0!important;background:transparent}
.vc-mobile-menu__actions{display:flex;flex-direction:column;gap:16px;margin-top:8px;padding:0!important;border:0!important}
.vc-mobile-menu__pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vc-mobile-menu__contact{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--vc-body)}
body.vc.vc-lock{overflow:hidden}
/* HiStudy's fixed bottom app bar (mobile) — keep it clear of the home indicator. */
.vc .rbt-course-menu-fixed-pos-bottom{padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--vc-line);box-shadow:0 -6px 20px rgba(25,35,53,.06)}
.vc .rbt-course-menu-fixed-pos-bottom li a{min-height:52px}

/* 5b ─ Mobile bottom navigation ------------------------------------------------ */
.vc-bottom-nav{display:none}
@media (max-width:1199px){
  .vc-bottom-nav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:9997;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);
    border-top:1px solid var(--vc-line);box-shadow:0 -6px 20px rgba(25,35,53,.06);padding-bottom:env(safe-area-inset-bottom)}
  .vc-bottom-nav ul{list-style:none;margin:0 auto;padding:0;max-width:560px;display:flex}
  .vc-bottom-nav li{flex:1;margin:0;display:flex}
  .vc-bottom-nav__item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:62px;padding:8px 4px;
    background:none;border:0;color:var(--vc-muted);font:inherit;font-size:12px;font-weight:500;line-height:1.1;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .vc-bottom-nav__item .vc-icon{width:22px;height:22px}
  .vc-bottom-nav__item:hover,.vc-bottom-nav__item[aria-current="page"],.vc-bottom-nav__item[aria-expanded="true"]{color:var(--vc-primary)}
  .vc-bottom-nav__item[aria-current="page"]::before{content:"";position:absolute;top:0;left:50%;width:28px;height:3px;margin-left:-14px;border-radius:0 0 3px 3px;background:var(--vc-primary)}
  .vc-bottom-nav__badge{position:absolute;top:6px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--vc-primary);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center}
}

/* 10b ─ Dashboard ---------------------------------------------------------------- */
.vc .vc-dash{padding:clamp(20px,3vw,40px) 0 clamp(40px,6vw,80px);background:var(--vc-soft);margin:0!important}
.vc-dash__head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--vc-line);border-radius:var(--vc-r-xl);padding:clamp(16px,2.4vw,24px);margin-bottom:24px}
.vc-dash__avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--vc-line)}
.vc-dash__hello{flex:1;min-width:0}
.vc .vc-dash__kicker{margin:0 0 2px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vc-primary)}
.vc .vc-dash__title{margin:0;font-size:clamp(20px,2.4vw,26px)!important;line-height:1.25!important;font-weight:600;overflow-wrap:anywhere}
.vc-dash__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vc-dash__note{font-size:14px;color:var(--vc-warn);background:var(--vc-warn-bg);padding:6px 12px;border-radius:999px}
.vc-dash__layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.vc-dash__nav{position:sticky;top:calc(var(--vc-header-h) + 16px);background:#fff;border:1px solid var(--vc-line);border-radius:var(--vc-r-xl);padding:10px}
.vc-dash__sheet-head{display:none}
.vc-dash__menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.vc-dash__menu li{margin:0}
.vc .vc-dash__link{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:10px;color:var(--vc-ink-2)!important;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}
.vc .vc-dash__link:hover{background:var(--vc-soft);color:var(--vc-ink)!important}
.vc .vc-dash__menu .active>.vc-dash__link,.vc .vc-dash__link[aria-current="page"]{background:var(--vc-primary-soft);color:var(--vc-primary)!important;font-weight:600}
.vc-dash__icon{width:20px;text-align:center;font-size:18px;flex:none;color:var(--vc-muted)}
.vc .vc-dash__menu .active .vc-dash__icon,.vc .vc-dash__link:hover .vc-dash__icon{color:inherit}
.vc .tutor-dashboard-menu-logout .vc-dash__link{color:#B42318!important}
.vc-dash__sep{height:1px;background:var(--vc-line);margin:8px 6px}
.vc-dash__group{padding:8px 12px 4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vc-muted)}
.vc-dash__main{min-width:0}
.vc .vc-dash__content{background:#fff;border:1px solid var(--vc-line);border-radius:var(--vc-r-xl);padding:clamp(18px,3vw,32px);box-shadow:none;margin:0}
.vc .vc-dash__content>.tutor-fs-5:first-child,.vc .vc-dash__content .tutor-dashboard-title,.vc .vc-dash__content>h3:first-child{font-size:22px!important;font-weight:600;color:var(--vc-ink);margin-bottom:20px!important}
/* Stats cards on the dashboard home. */
.vc .vc-dash .rbt-counterup{background:#fff!important;border:1px solid var(--vc-line)!important;border-radius:var(--vc-r-lg);padding:20px;box-shadow:none;height:100%;transform:none!important}
.vc .vc-dash .rbt-counterup .inner{display:flex;align-items:center;gap:16px;text-align:left}
.vc .vc-dash .rbt-counterup .rbt-round-icon{width:52px;height:52px;min-width:52px;border-radius:14px;display:grid;place-items:center;font-size:22px;margin:0;background:var(--vc-primary-soft)!important;color:var(--vc-primary);box-shadow:none!important}
.vc .vc-dash .rbt-counterup .content{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:0;margin:0;text-align:left}
.vc .vc-dash .rbt-counterup .counters{font-size:30px!important;line-height:1.1!important;font-weight:700;margin:0;padding:0;text-align:inherit;width:auto;color:var(--vc-ink)!important}
.vc .vc-dash .rbt-counterup .counters span{display:inline;padding:0;margin:0}
.vc .vc-dash .rbt-counterup .rbt-title-style-2{font-size:14px!important;font-weight:500;letter-spacing:0;text-transform:lowercase;color:var(--vc-muted);margin:0;padding:0;border:0;line-height:1.3}
.vc .vc-dash .rbt-counterup .rbt-title-style-2::first-letter{text-transform:uppercase}
.vc .vc-dash .tutor-row.tutor-gx-lg-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:0 0 28px}
.vc .vc-dash .tutor-row.tutor-gx-lg-4>[class*=tutor-col]{width:auto;max-width:none;flex:initial;padding:0;margin:0!important}
.vc .vc-dash__content .tutor-fs-5{font-size:20px!important;font-weight:600!important;color:var(--vc-ink)!important;margin-bottom:16px!important}
.vc .vc-dash .tutor-card{border:1px solid var(--vc-line);border-radius:var(--vc-r-lg);box-shadow:none;overflow:hidden}
.vc .vc-dash .tutor-nav:not(.tutor-nav-pills){gap:4px;border-bottom:1px solid var(--vc-line);overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
.vc .vc-dash .tutor-nav-link{min-height:44px;white-space:nowrap;font-weight:500}
.vc .vc-dash .tutor-nav-link.is-active{color:var(--vc-ink);border-bottom-color:var(--vc-primary)}
.vc .vc-dash .tutor-table{border:1px solid var(--vc-line);border-radius:var(--vc-r);overflow:hidden}
.vc .vc-dash .tutor-alert{border-radius:var(--vc-r)}
.vc .vc-dash .rbt-card .rbt-card-img img{aspect-ratio:var(--vc-thumb-ratio)}

@media (max-width:991px){
  .vc .vc-dash{padding:16px 0 calc(96px + env(safe-area-inset-bottom))}
  .vc-dash__head{margin-bottom:16px;gap:12px}
  .vc-dash__avatar{width:52px;height:52px}
  .vc-dash__actions{width:100%}
  .vc-dash__actions .vc-btn{flex:1}
  .vc-dash__layout{grid-template-columns:minmax(0,1fr);gap:0}
  /* Menu becomes a bottom sheet opened from the bottom nav. */
  .vc-dash__nav{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:9999;max-height:min(80vh,640px);overflow-y:auto;overscroll-behavior:contain;
    border-radius:20px 20px 0 0;border:0;padding:8px 12px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px rgba(25,35,53,.2);
    transform:translateY(105%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
  body.vc-dash-open .vc-dash__nav{transform:none;visibility:visible;transition:transform .25s ease}
  .vc-dash__sheet-head{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 10px;margin-bottom:6px;border-bottom:1px solid var(--vc-line);font-weight:600;color:var(--vc-ink);font-size:17px;position:sticky;top:-8px;background:#fff;z-index:1}
  .vc-dash__sheet-head::before{content:"";position:absolute;top:-2px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--vc-line-2)}
  .vc-dash__close{width:44px;height:44px;display:grid;place-items:center;border:0;background:var(--vc-soft);border-radius:50%;color:var(--vc-ink);cursor:pointer}
  .vc .vc-dash__link{min-height:52px;font-size:16px}
  .vc-dash__backdrop{position:fixed;inset:0;z-index:9998;background:rgba(15,22,38,.45)}
  .vc-dash__backdrop[hidden]{display:none}
  .vc .vc-dash__content{padding:16px;border-radius:var(--vc-r-lg)}
  .vc .vc-dash .tutor-row.tutor-gx-lg-4{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}
  .vc .vc-dash .rbt-counterup{padding:14px 10px}
  .vc .vc-dash .rbt-counterup .inner{flex-direction:column;align-items:center;gap:8px;text-align:center}
  .vc .vc-dash .rbt-counterup .content{align-items:center;text-align:center}
  .vc .vc-dash .rbt-counterup .rbt-round-icon{width:40px;height:40px;min-width:40px;font-size:18px;border-radius:12px}
  .vc .vc-dash .rbt-counterup .counters{font-size:24px!important}
  .vc .vc-dash .rbt-counterup .rbt-title-style-2{font-size:12px!important}
  /* Tutor's own 3-button mobile footer is replaced by the bottom nav. */
  #tutor-dashboard-footer-mobile{display:none!important}
}

/* 6 ─ Page templates (home / about / contact) -------------------------------- */
.vc-page{color:var(--vc-body)}
.vc-page h2{font-size:clamp(26px,3.4vw,38px);line-height:1.15;font-weight:600;margin:0}
.vc-page h3{font-size:19px;line-height:1.3;font-weight:600;margin:0 0 8px}
.vc-page p{font-size:16px;line-height:1.65;margin:0}
.vc-section{padding:clamp(48px,7vw,88px) 0 0}
.vc-section--last{padding-bottom:clamp(48px,7vw,88px)}
.vc-section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}

.vc-hero{background:var(--vc-soft);border-bottom:1px solid #EAECF2}
.vc-hero__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,5vw,64px);align-items:center;padding-top:clamp(40px,7vw,96px);padding-bottom:clamp(40px,7vw,96px)}
.vc-hero__copy{display:flex;flex-direction:column;gap:22px}
.vc-hero__title{margin:0;font-size:clamp(34px,5.4vw,60px)!important;line-height:1.05!important;font-weight:600;letter-spacing:-.02em}
.vc-hero__lead{font-size:clamp(16px,1.6vw,19px)!important;color:var(--vc-body);max-width:540px}
.vc-hero__feature .vc-card{box-shadow:0 24px 60px rgba(47,87,239,.14);border-color:#E6EAF6;border-radius:var(--vc-r-xl)}

.vc-cat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px}
.vc-cat-grid li{margin:0}
.vc-cat{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;padding:14px 18px;border:1px solid var(--vc-line);border-radius:14px;background:#fff;color:var(--vc-ink);font-weight:500;font-size:15px;transition:border-color .15s,background .15s}
.vc-cat:hover{border-color:var(--vc-primary);background:#F7F9FF;color:var(--vc-ink)}
.vc-cat__count{color:var(--vc-muted);font-size:13px;white-space:nowrap}

.vc-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:20px;scrollbar-width:none}
.vc-chips::-webkit-scrollbar{display:none}
.vc-chips[hidden]{display:none}
.vc-chip{flex:none;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--vc-line-2);background:#fff;color:var(--vc-ink-2);font-size:14px;font-weight:500;cursor:pointer}
.vc-chip[aria-pressed=true]{background:var(--vc-ink);border-color:var(--vc-ink);color:#fff}

.vc-card-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}
.vc-card-grid>li{margin:0;display:flex}
.vc-card-grid--compact{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:16px}
/* Without JS show the first six; with JS the filter decides. */
[data-vc-filter]:not(.is-ready) .vc-card-grid>li:nth-child(n+7){display:none}
.vc-card-grid>li[hidden]{display:none}
.vc-card{position:relative;display:flex;flex-direction:column;width:100%;border:1px solid var(--vc-line);border-radius:var(--vc-r-lg);overflow:hidden;background:#fff;transition:box-shadow .2s,border-color .2s}
.vc-card:hover{box-shadow:var(--vc-shadow);border-color:#D5DBEA}
.vc-card__media{display:block;aspect-ratio:var(--vc-thumb-ratio);background:#EEF1F8;overflow:hidden}
.vc-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.vc-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.vc-card__cat{font-size:13px;color:var(--vc-muted)}
.vc-page .vc-card__title,.vc .vc-card__title{font-size:17px!important;line-height:1.35!important;font-weight:600;margin:0}
.vc-card__title a{color:var(--vc-ink)}
.vc-card__title a::after{content:"";position:absolute;inset:0} /* whole card is clickable */
.vc-card__title a:hover{color:var(--vc-primary)}
.vc-card__meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--vc-muted)}
.vc-card__meta li{margin:0}
.vc-card__foot{margin-top:auto;padding-top:12px;border-top:1px solid #F0F1F5;display:flex;align-items:center;justify-content:space-between;gap:12px}
.vc-card__more{font-size:14px;font-weight:600;color:var(--vc-primary)}

.vc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;counter-reset:none}
.vc-steps li{margin:0;padding:24px;border:1px solid var(--vc-line);border-radius:var(--vc-r-lg);background:#fff}
.vc-steps__n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--vc-primary-soft);color:var(--vc-primary);font-weight:700;margin-bottom:14px}
.vc-steps p,.vc-features p{font-size:15px!important;color:var(--vc-body)}

.vc-features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1px;background:var(--vc-line);border:1px solid var(--vc-line);border-radius:18px;overflow:hidden}
.vc-features--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.vc-features li{margin:0;background:#fff;padding:28px 24px;display:flex;flex-direction:column;gap:6px}
.vc-features .vc-icon{color:var(--vc-primary);margin-bottom:8px}

.vc-band{background:var(--vc-dark);border-radius:24px;padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:36px;align-items:center;color:#fff}
.vc-band--compact{grid-template-columns:1fr auto}
@media (max-width:767px){ .vc-band--compact{grid-template-columns:1fr} }
.vc-band__copy{display:flex;flex-direction:column;gap:14px}
.vc-band h2{color:#fff!important}
.vc-band p{color:var(--vc-on-dark)}
.vc-cert{aspect-ratio:1.414/1;border-radius:14px;background:linear-gradient(135deg,#fff 0%,#EEF2FF 100%);border:8px solid #fff;outline:1px solid rgba(255,255,255,.2);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--vc-ink);text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.25)}
.vc-cert__kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--vc-primary);font-weight:600}
.vc-cert__name{font-size:clamp(22px,3vw,30px);font-weight:600;font-style:italic}
.vc-cert__line{width:60%;height:1px;background:#C9D1EA}
.vc-cert__course{font-size:15px;color:var(--vc-body)}
.vc-cert__foot{display:flex;justify-content:space-between;width:80%;margin-top:12px;font-size:11px;color:var(--vc-muted)}

.vc-page-hero{background:var(--vc-soft);border-bottom:1px solid #EAECF2;padding:clamp(36px,6vw,64px) 0}
.vc-page-hero h1{margin:0 0 12px;font-size:clamp(32px,4.6vw,48px)!important;line-height:1.1!important;font-weight:600}
.vc-page-hero__lead{max-width:640px;font-size:clamp(16px,1.6vw,18px)!important}
.vc-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:991px){ .vc-split{grid-template-columns:1fr} }
.vc-prose{display:flex;flex-direction:column;gap:16px;max-width:720px}
.vc-prose p{font-size:17px!important;line-height:1.75}
.vc-facts dl{margin:0;border:1px solid var(--vc-line);border-radius:var(--vc-r-lg);overflow:hidden}
.vc-facts dl>div{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid var(--vc-line)}
.vc-facts dl>div:first-child{border-top:0}
.vc-facts dt{font-weight:500;color:var(--vc-muted)}
.vc-facts dd{margin:0;font-weight:600;color:var(--vc-ink);text-align:right}

.vc-contact__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:991px){ .vc-contact__grid{grid-template-columns:1fr} }
.vc-contact__side{display:flex;flex-direction:column;gap:20px}
.vc-panel{border:1px solid var(--vc-line);border-radius:var(--vc-r-lg);padding:clamp(20px,3vw,32px);background:#fff}
.vc-panel--soft{background:var(--vc-soft-2)}
.vc-page .vc-panel__title{font-size:20px!important;margin:0 0 18px}
.vc-contact__list,.vc-link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.vc-contact__list li{display:flex;align-items:center;gap:10px;margin:0;color:var(--vc-primary)}
.vc-link-list li{margin:0}
.vc-link-list a{display:flex;justify-content:space-between;align-items:center;min-height:44px;border-bottom:1px solid var(--vc-line);color:var(--vc-ink);font-weight:500}
.vc-link-list a::after{content:"→";color:var(--vc-muted)}
.vc-link-list a:hover{color:var(--vc-primary)}
/* Contact Form 7 inside the panel. */
.vc-form .wpcf7-form p{margin:0 0 16px}
.vc-form .wpcf7-form label{display:flex;flex-direction:column;gap:8px;width:100%}
.vc-form .wpcf7-form-control-wrap{display:block}
.vc-form .wpcf7-form input:not([type=submit]),.vc-form .wpcf7-form textarea{width:100%}
.vc-form .wpcf7-submit{width:100%;min-height:52px;border:0;border-radius:var(--vc-r);background:var(--vc-primary);color:#fff;font-weight:600;font-size:16px;cursor:pointer}
.vc-form .wpcf7-submit:hover{background:var(--vc-primary-hover)}
.vc-form .wpcf7-not-valid-tip{font-size:13px;margin-top:6px}
.vc-form .wpcf7-response-output{margin:16px 0 0!important;border-radius:var(--vc-r-sm);padding:12px 14px!important;font-size:14px}

/* My Quiz Attempts: separate "Final exam" / "Lesson quizzes" tables. */
.vc .vc-attempts-title{font-size:17px!important;font-weight:600;color:var(--vc-ink);margin:24px 0 0}
.vc .vc-attempts-title:first-of-type{margin-top:0}

/* Dashboard "Certificate pending" notices. */
.vc-exam-notices{display:flex;flex-direction:column;gap:12px;margin:0 0 24px}
.vc-exam-notice{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:var(--vc-r-lg);background:#FFF8E6;border:1px solid #F3E2B3}
.vc-exam-notice__icon{flex:none;width:40px;height:40px;border-radius:10px;background:#FDEBC2;color:#8A5300;display:grid;place-items:center}
.vc-exam-notice__text{flex:1;min-width:220px;display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.45;color:#6B4A0E}
.vc-exam-notice__text strong{font-size:15px;color:#5C3A00}
@media (max-width:991px){
  .vc-exam-notices{margin-bottom:16px}
  .vc-exam-notice__text{min-width:0;flex-basis:calc(100% - 54px)}
  .vc-exam-notice .vc-btn{width:100%}
}

/* 6b ─ Exam result page --------------------------------------------------------- */
.vc-btn--dark{background:var(--vc-ink);color:#fff!important}
.vc-btn--dark:hover{background:#000;color:#fff}
.vc-btn--outline{background:#fff;border-color:var(--vc-ink);color:var(--vc-ink)!important}
.vc-btn--outline:hover{background:var(--vc-soft)}
.vc-actions--center{justify-content:center}
.vc-exam .vc-btn{white-space:normal;text-align:center}
.vc-exam__pending{background:#FFF8E6;border-bottom:1px solid #F3E2B3}
.vc-exam__pending-inner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.vc-exam__pending-icon{flex:none;width:36px;height:36px;border-radius:10px;background:#FDEBC2;color:#8A5300;display:grid;place-items:center}
.vc-exam__pending-text{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.45;color:#6B4A0E}
.vc-exam__pending-text strong{font-size:15px;color:#5C3A00}
.vc-exam__hero{background:var(--vc-soft);border-bottom:1px solid #EAECF2}
.vc-exam__hero-inner{max-width:880px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding-top:clamp(32px,6vw,72px);padding-bottom:clamp(32px,6vw,72px)}
.vc-exam__hero .vc-breadcrumb ol{justify-content:center;margin:0}
.vc .vc-exam__hero h1{margin:0;font-size:clamp(28px,5vw,50px)!important;line-height:1.1!important;letter-spacing:-.02em;font-weight:600}
.vc-exam__lead{max-width:600px;font-size:clamp(16px,1.8vw,18px)!important;color:var(--vc-body)}
.vc-exam__mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center}
.vc-exam__mark svg{width:30px;height:30px}
.vc-exam__mark--fail{background:#FDECEC;color:#C62828}
.vc-exam__mark--pass{background:#E8F6EE;color:#1F7A4D}
.vc-exam__mark--info{background:var(--vc-primary-soft);color:var(--vc-primary)}
.vc-exam__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}
.vc-exam__badge--fail{background:#FDECEC;border:1px solid #F6C9C9;color:#B71C1C}
.vc-exam__badge--pass{background:#E8F6EE;border:1px solid #CBEBD8;color:#1F7A4D}
.vc-exam__badge--info{background:var(--vc-primary-soft);border:1px solid #D6DEFF;color:var(--vc-primary)}
.vc-exam__narrow{max-width:1000px}
.vc-exam__offers{scroll-margin-top:calc(var(--vc-header-h) + 12px)}
.vc-exam__center-head{text-align:center;display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.vc .vc-exam__center-head h2{font-size:clamp(24px,3.4vw,36px)!important}
.vc-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;align-items:stretch}
.vc-offer{position:relative;display:flex;flex-direction:column;gap:20px;border:1px solid var(--vc-line);border-radius:20px;padding:clamp(20px,3vw,30px);background:#fff}
.vc-offer--featured{border:2px solid var(--vc-primary);box-shadow:0 24px 60px rgba(47,87,239,.14)}
.vc-offer__flag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--vc-primary);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}
.vc-offer__head{display:flex;align-items:center;gap:14px}
.vc-offer__icon{flex:none;width:44px;height:44px;border-radius:12px;background:#F1F3F8;color:var(--vc-ink-2);display:grid;place-items:center}
.vc-offer__icon--blue{background:var(--vc-primary-soft);color:var(--vc-primary)}
.vc .vc-offer__kicker{margin:0 0 4px;font-size:13px!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vc-muted)}
.vc .vc-offer__kicker--blue{color:var(--vc-primary)}
.vc .vc-offer h3{margin:0;font-size:21px!important;font-weight:600}
.vc .vc-offer__price{display:flex;align-items:baseline;gap:8px;margin:0}
.vc-offer__price b{font-size:clamp(36px,6vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--vc-ink)}
.vc-offer__price span{font-size:14px;color:var(--vc-muted)}
.vc-offer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:15px}
.vc-offer__list li{position:relative;margin:0;padding-left:30px;line-height:1.45;color:var(--vc-ink)}
.vc-offer__list li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:#E8F6EE center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F7A4D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4.5 4.5L19 7'/%3E%3C/svg%3E")}
.vc-offer__list li.is-off{color:#8A92A3}
.vc-offer__list li.is-off::before{background:#F1F2F6 center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A92A3' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}
.vc-offer .vc-btn{margin-top:auto}
.vc-exam__trust{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:14px;color:var(--vc-muted)}
.vc-exam__trust li,.vc-exam__trust a{display:flex;align-items:center;gap:6px;margin:0}
.vc .vc-exam__h2{display:flex;align-items:center;gap:10px;font-size:22px!important;margin:0 0 20px}
.vc-exam__h2-icon{color:var(--vc-primary);display:flex}
.vc-exam__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}
.vc-exam__steps li{position:relative;margin:0;padding:22px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--vc-line);border-radius:16px;background:#fff}
.vc-exam__step-icon{width:44px;height:44px;border-radius:12px;background:var(--vc-primary-soft);color:var(--vc-primary);display:grid;place-items:center}
.vc-exam__steps small{position:absolute;top:22px;right:22px;font-size:13px;font-weight:600;color:#9AA2B3}
.vc-exam__steps b{font-size:16px;font-weight:600;color:var(--vc-ink)}
.vc-exam__steps li>span:last-child{font-size:14px;line-height:1.55;color:var(--vc-body)}
.vc-exam__help{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:32px;align-items:start}
.vc-faq{border:1px solid var(--vc-line);border-radius:16px;overflow:hidden;background:#fff}
.vc-faq details+details{border-top:1px solid var(--vc-line)}
.vc-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:14px 18px;font-size:15px;font-weight:600;color:var(--vc-ink);cursor:pointer}
.vc-faq summary::-webkit-details-marker{display:none}
.vc-faq summary::after{content:"";flex:none;width:16px;height:16px;transition:transform .2s;background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23192335' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.vc-faq details[open] summary::after{transform:rotate(180deg)}
.vc .vc-faq p{margin:0;padding:0 18px 18px;font-size:15px!important;line-height:1.6;color:var(--vc-body)}
.vc-exam__support{background:var(--vc-dark);color:#fff;border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:12px}
.vc-exam__support-icon{width:44px;height:44px;border-radius:12px;background:var(--vc-dark-line);display:grid;place-items:center}
.vc .vc-exam__support h3{margin:0;color:#fff!important;font-size:19px!important}
.vc .vc-exam__support p{color:var(--vc-on-dark);font-size:15px!important}
.vc-exam__bar{display:none}
@media (max-width:767px){
  .vc-exam__pending-text{min-width:0;flex-basis:calc(100% - 48px)}
  .vc-exam__pending-inner .vc-btn{width:100%}
  .vc-exam .vc-actions--center{flex-direction:column;align-items:stretch;width:100%}
  .vc-exam .vc-actions--center .vc-btn{width:100%}
  .vc-offers{gap:28px}
  .vc-offer--featured{order:-1}  /* most popular first on phones */
  .vc-exam__steps{grid-template-columns:1fr 1fr;gap:10px}
  .vc-exam__steps li{padding:16px}
  .vc-exam__steps small{top:16px;right:16px}
  .vc-exam__step-icon{width:38px;height:38px}
  .vc-exam__bar{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:var(--vc-bottomnav-h,0px);z-index:9996;background:#fff;border-top:1px solid var(--vc-line);
    padding:10px 16px max(10px, calc(env(safe-area-inset-bottom) - var(--vc-bottomnav-h,0px)));box-shadow:0 -8px 24px rgba(25,35,53,.08)}
  .vc-exam__bar>div{flex:1;min-width:0;display:flex;flex-direction:column}
  .vc-exam__bar small{font-size:12px;color:var(--vc-muted)}
  .vc-exam__bar b{font-size:20px;line-height:1.1;color:var(--vc-ink)}
  .vc-exam{padding-bottom:84px}
}
@media (max-width:379px){ .vc-exam__steps{grid-template-columns:1fr} }

/* 7 ─ Course archive & HiStudy cards ----------------------------------------- */
.vc .rbt-page-banner-wrapper,.vc .rbt-breadcrumb-default{background:var(--vc-soft)!important}
.vc .rbt-page-banner-wrapper .rbt-banner-image{display:none}
.vc .rbt-page-banner-wrapper .title{font-size:clamp(30px,4.4vw,46px)!important;font-weight:600}
.vc .rbt-page-banner-wrapper .description{font-size:16px;color:var(--vc-body)}
.vc .rbt-card{border:1px solid var(--vc-line);border-radius:var(--vc-r-lg);box-shadow:none;padding:0;overflow:hidden;height:100%;display:flex;flex-direction:column;background:#fff;transition:box-shadow .2s,border-color .2s}
.vc .rbt-card:hover{box-shadow:var(--vc-shadow);border-color:#D5DBEA;transform:none}
.vc .rbt-card .rbt-card-img,.vc .rbt-card .rbt-card-img a{border-radius:0;display:block}
.vc .rbt-card .rbt-card-img img{aspect-ratio:var(--vc-thumb-ratio);width:100%;object-fit:cover;border-radius:0!important}
.vc .rbt-card .rbt-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.vc .rbt-card .rbt-card-title{font-size:17px!important;line-height:1.35;font-weight:600;margin-bottom:8px}
.vc .rbt-card .rbt-card-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vc .rbt-card .rbt-card-text{font-size:14px;color:var(--vc-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vc .rbt-card .rbt-card-bottom{margin-top:auto;padding-top:12px;border-top:1px solid #F0F1F5;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.vc .rbt-card .rbt-price .current-price,.vc .rbt-price .current-price{color:var(--vc-ink);font-weight:700}
.vc .rbt-card .rbt-badge-6,.vc .rbt-card .rbt-badge-group .rbt-badge-6{border-radius:999px;background:var(--vc-soft);color:var(--vc-ink-2)}
.vc .rbt-meta li{font-size:13px;color:var(--vc-muted)}
.vc .rbt-card .rbt-bookmark-btn a{width:40px;height:40px;display:grid;place-items:center}
.vc .vc-new-badge{font-size:13px;font-weight:600;color:#1F7A4D;background:#E8F6EE;padding:3px 9px;border-radius:999px}
.vc .rbt-sorting-list,.vc .rbt-short-item{flex-wrap:wrap;gap:10px}
.vc .rbt-search-style input,.vc .rbt-search-style-1 input{height:52px;border-radius:var(--vc-r)}
.vc .rbt-btn{border-radius:var(--vc-r);background-image:none}
.vc .rbt-btn.btn-gradient,.vc .rbt-btn.btn-border-gradient{background:var(--vc-primary)!important;color:#fff!important;border:0}
.vc .rbt-btn.btn-gradient::after,.vc .rbt-btn.btn-border-gradient::before,.vc .rbt-btn.btn-border-gradient::after{display:none}

/* 8 ─ Single course ---------------------------------------------------------- */
.vc-course-hero{background:var(--vc-dark);color:#fff;padding:clamp(28px,5vw,56px) 0 clamp(32px,5vw,64px)}
.vc .vc-course-hero .vc-breadcrumb ol,.vc .vc-course-hero .vc-breadcrumb a{color:#AEB7CC}
.vc .vc-course-hero .vc-breadcrumb li[aria-current]{color:#fff}
.vc-course-hero .vc-breadcrumb a:hover{color:#fff}
.vc-course-hero__main{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:calc(100% - 400px)}
@media (max-width:991px){ .vc-course-hero__main{max-width:none} }
.vc .vc-course-hero__title{margin:0;color:#fff!important;font-size:clamp(28px,4.2vw,46px)!important;line-height:1.12!important;font-weight:600;letter-spacing:-.015em}
.vc .vc-course-hero__lead{margin:0;font-size:17px;line-height:1.6;color:var(--vc-on-dark);max-width:720px}
.vc-course-hero__facts{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--vc-on-dark)}
.vc .vc-course-hero__facts li{display:flex;align-items:center;gap:6px;margin:0;color:var(--vc-on-dark);font-size:14px;line-height:1.5}
.vc-course-hero__facts b{color:#fff}
.vc-course-hero__facts a{color:inherit;text-decoration:underline}
.vc-star{color:#F5B83D}

.vc-course__layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"main aside";gap:40px;align-items:start;padding-bottom:72px}
.vc-course__main{grid-area:main;display:flex;flex-direction:column;gap:32px;padding-top:32px;min-width:0}
.vc-course__aside{grid-area:aside;position:sticky;top:calc(var(--vc-header-h) + 16px);margin-top:-200px;z-index:4}
@media (max-width:991px){
  .vc-course__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"aside" "main";gap:0}
  .vc-course__aside{position:static;margin-top:-24px}
  .vc-course__main{padding-top:24px}
}
/* HiStudy purchase card inside the aside. */
.vc-enroll-card{border:1px solid var(--vc-line);border-radius:18px;box-shadow:var(--vc-shadow-lg);overflow:hidden;background:#fff}
.vc-enroll-card__media{background:#EEF1F8}
.vc-enroll-card__media img{display:block;width:100%;height:auto;aspect-ratio:var(--vc-thumb-ratio);object-fit:cover}
.vc-enroll-card__media .tutor-video-player,.vc-enroll-card__media .tutor-video-player-wrapper{border-radius:0!important;margin:0}
/* HiStudy paints this card with a purple gradient (!important) + a white ::before inset. */
.vc .vc-course__aside .course-sidebar,.vc .vc-course__aside .rbt-gradient-border{position:static!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0;top:auto;overflow:visible}
.vc .vc-course__aside .rbt-gradient-border::before,.vc .vc-course__aside .rbt-gradient-border::after,.vc .vc-course__aside .course-sidebar::before,.vc .vc-course__aside .course-sidebar::after{display:none!important}
.vc .vc-course__aside .inner{padding:0}
.vc .vc-course__aside .video-popup-with-text,.vc .vc-course__aside .rbt-course-thumbnail,.vc .vc-course__aside .tutor-video-player-wrapper{border-radius:0;margin:0}
.vc .vc-course__aside .course-sidebar{padding:0!important;margin:0!important}
.vc .vc-course__aside .content-item-content{padding:20px 22px 22px!important}
.vc .vc-course__aside .mt--15{margin-top:12px!important}
.vc .vc-course__aside .rbt-price-wrapper{margin-bottom:16px}
.vc .vc-course__aside .rbt-price{font-size:32px;font-weight:700}
.vc .vc-course__aside .rbt-price .current-price{font-size:32px}
.vc .vc-course__aside .tutor-btn,.vc .vc-course__aside .rbt-btn,.vc .vc-course__aside .add-to-cart-button .rbt-btn,.vc .vc-course__aside button.single_add_to_cart_button{
  width:100%;min-height:52px!important;height:auto!important;line-height:1.2!important;padding:12px 20px!important;border-radius:var(--vc-r)!important;font-size:16px;font-weight:600;
  display:flex!important;align-items:center;justify-content:center;text-align:center}
.vc .vc-course__aside .tutor-btn-primary,.vc .vc-course__aside .add_to_cart_button,.vc .vc-course__aside .single_add_to_cart_button{background:var(--vc-primary)!important;background-image:none!important;color:#fff!important;border:0!important}
.vc .vc-course__aside .ajax-buy-now-product,.vc .vc-course__aside .tutor-btn-outline-primary{background:#fff!important;border:1px solid var(--vc-ink)!important;color:var(--vc-ink)!important}
.vc .vc-course__aside .rbt-widget-details .rbt-course-details-list-wrapper li{display:flex;justify-content:space-between;gap:12px;min-height:40px;align-items:center;border-bottom:1px solid #F0F1F5;font-size:14px}
.vc .vc-course__aside .social-share-wrapper{border-top:1px solid #F0F1F5}
.vc .vc-course__aside .rbt-show-more-btn{font-weight:600;color:var(--vc-primary)}

.vc-course__tabs{position:sticky;top:var(--vc-header-h);z-index:3;background:#fff;border-bottom:1px solid var(--vc-line);display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--vc-gutter) * -1);padding:0 var(--vc-gutter)}
.vc-course__tabs::-webkit-scrollbar{display:none}
@media (min-width:992px){ .vc-course__tabs{margin:0;padding:0} }
.vc-course__tabs a{flex:none;padding:14px;font-size:15px;font-weight:500;color:var(--vc-muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.vc-course__tabs a:hover,.vc-course__tabs a.is-active{color:var(--vc-ink);border-bottom-color:var(--vc-primary)}
.vc-course__section{scroll-margin-top:calc(var(--vc-header-h) + 60px)}
.vc-course__section h2,.vc .vc-course .rbt-title-style-3,.vc .vc-course .tutor-course-details-widget-title,.vc .vc-course .tutor-course-details-content>h2{font-size:22px!important;font-weight:600;color:var(--vc-ink);margin:0 0 16px}
/* Tutor content blocks inside the main column. */
.vc .vc-course .rbt-shadow-box,.vc .vc-course .course-content,.vc .vc-course .rbt-course-feature-box,.vc .vc-course .tutor-course-details-widget{border:1px solid var(--vc-line);border-radius:var(--vc-r-lg);box-shadow:none;padding:clamp(20px,3vw,28px);background:#fff;margin-top:0!important}
.vc .vc-course .tutor-course-details-content,.vc .vc-course .tutor-course-details-content p{font-size:16px;line-height:1.75;color:var(--vc-ink-2)}
.vc .vc-course .tutor-course-details-widget-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px 28px;margin:0;padding:0}
.vc .vc-course .tutor-course-details-widget-list li{display:flex;gap:10px;font-size:15px;line-height:1.55;color:var(--vc-ink-2)}
.vc .vc-course .tutor-course-details-widget-list .tutor-icon-bullet-point::before,.vc .vc-course .tutor-course-details-widget-list [class*=tutor-icon-]::before{color:var(--vc-success)}
.vc .vc-course #tutor-course-details-tab-info{display:flex;flex-direction:column;gap:20px}
.vc .vc-course .tutor-accordion-item{border:0;border-top:1px solid var(--vc-line);border-radius:0;margin:0}
.vc .vc-course .tutor-accordion-item:first-child{border-top:0}
.vc .vc-course .tutor-accordion{border:1px solid var(--vc-line);border-radius:var(--vc-r-lg);overflow:hidden}
.vc .vc-course .tutor-accordion-item-header{background:var(--vc-soft-2);min-height:56px;padding:14px 18px;font-size:16px;font-weight:600;color:var(--vc-ink)}
.vc .vc-course .tutor-accordion-item-body{padding:4px 0}
.vc .vc-course .tutor-course-content-list-item,.vc .vc-course .rbt-course-main-content li a,.vc .vc-course .rbt-course-main-content li{min-height:48px;padding:10px 18px;font-size:15px;color:var(--vc-ink-2)}
.vc .vc-course .rbt-badge-5,.vc .vc-course .course-content-right .rbt-badge-5{border-radius:6px;font-size:12px}
.vc .vc-course .tutor-review-summary{border:1px solid var(--vc-line);border-radius:var(--vc-r-lg);padding:24px}
.vc .vc-course .tutor-ratings-stars,.vc .vc-course .rating i{color:var(--vc-star)}
.vc .vc-course .tutor-review-list-item{border-top:1px solid var(--vc-line);padding:20px 0}

.vc-buybar{position:fixed;left:0;right:0;bottom:var(--vc-bottomnav-h,0px);z-index:9998;background:#fff;border-top:1px solid var(--vc-line);box-shadow:0 -8px 24px rgba(25,35,53,.08);
  padding:10px 16px max(10px, calc(env(safe-area-inset-bottom) - var(--vc-bottomnav-h,0px)));display:flex;align-items:center;gap:12px}
.vc-buybar[hidden]{display:none}
.vc-buybar__price{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.vc-buybar__price .vc-price{font-size:20px}
.vc-buybar__price small{font-size:12px;color:var(--vc-muted)}
@media (min-width:992px){ .vc-buybar{display:none!important} }
body.vc-has-buybar .vc-footer__bottom{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
/* The buy bar replaces the popup buy bars on the course page (the bottom nav stays; the buy bar sits above it). */
.vc-single-course .rbt-course-action-bottom,.vc-single-course .tutor-course-details-actions-mobile{display:none!important}

/* 8b ─ Single course polish: icon headings, check bullets, curriculum rows, includes panel. */
.vc .vc-course-hero__facts{gap:8px}
.vc .vc-course-hero__facts li{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}
.vc .vc-course-hero__facts .vc-icon{color:#9DB2FF}
.vc .vc-course-hero__facts .vc-star .vc-icon{color:#F5B83D;fill:#F5B83D}

/* Section headings get an icon tile (icon colour is baked into the SVG). */
.vc .vc-course{--vc-h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F57EF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2z'/%3E%3Cpath d='M4 19V5'/%3E%3C/svg%3E")}
.vc .vc-course .tutor-course-details-widget-title{--vc-h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F57EF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4.5 4.5L19 7'/%3E%3C/svg%3E")}
.vc .vc-course #tutor-course-details-tab-lesson .rbt-title-style-3{--vc-h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F57EF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E")}
.vc .vc-course #tutor-course-details-tab-reviews{--vc-h-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F57EF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z'/%3E%3C/svg%3E")}
.vc .vc-course .rbt-title-style-3,.vc .vc-course .tutor-course-details-widget-title,.vc .vc-course #tutor-course-details-tab-reviews h3{display:flex!important;align-items:center;gap:12px}
.vc .vc-course .rbt-title-style-3::before,.vc .vc-course .tutor-course-details-widget-title::before,.vc .vc-course #tutor-course-details-tab-reviews h3::before{
  content:"";flex:none;width:36px;height:36px;border-radius:10px;background:var(--vc-primary-soft) var(--vc-h-icon) center/18px no-repeat;position:static;transform:none}
.vc .vc-course .rbt-title-style-3::after{display:none}

/* "What you'll learn": green check circles instead of grey dots. */
.vc .vc-course .tutor-course-details-widget-list li{align-items:flex-start}
.vc .vc-course .tutor-course-details-widget-list .tutor-icon-bullet-point{display:none}
.vc .vc-course .tutor-course-details-widget-list li::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:#E8F6EE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F9D61' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/14px no-repeat}

/* Curriculum rows. */
.vc .vc-course .rbt-accordion-style .accordion-item{border:0;border-top:1px solid var(--vc-line);border-radius:0;margin:0}
.vc .vc-course .rbt-accordion-style .accordion-item:first-child{border-top:0}
.vc .vc-course .rbt-accordion-style .accordion{border:1px solid var(--vc-line);border-radius:var(--vc-r-lg);overflow:hidden}
.vc .vc-course .rbt-accordion-style .accordion-button{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:14px 18px;background:var(--vc-soft-2);font-size:16px;font-weight:600;color:var(--vc-ink);box-shadow:none;border:0;text-align:left}
.vc .vc-course .rbt-accordion-style .accordion-button .rbt-badge-5{margin-left:auto;background:#fff;border:1px solid var(--vc-line);color:var(--vc-muted);font-weight:500;padding:3px 10px;border-radius:999px;font-size:12px;white-space:nowrap}
.vc .vc-course .rbt-course-main-content{margin:0;padding:4px 0}
.vc .vc-course .rbt-course-main-content li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:8px 18px;border-top:1px solid #F2F3F7;margin:0}
.vc .vc-course .rbt-course-main-content li:first-child{border-top:0}
.vc .vc-course .rbt-course-main-content li>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}
.vc .vc-course .rbt-course-main-content li i[class*=feather-play],.vc .vc-course .rbt-course-main-content li i.tutor-icon-document-text,.vc .vc-course .rbt-course-main-content li i.tutor-icon-circle-question-mark{
  flex:none;width:32px;height:32px;margin:0!important;border-radius:8px;display:grid;place-items:center;font-size:16px;background:var(--vc-primary-soft);color:var(--vc-primary)}
.vc .vc-course .rbt-course-main-content li i.tutor-icon-circle-question-mark{background:var(--vc-warn-bg);color:var(--vc-warn)}
.vc .vc-course .rbt-course-main-content .tutor-course-content-list-item-title{font-size:15px!important;font-weight:500;margin:0;color:var(--vc-ink-2);line-height:1.4}
.vc .vc-course .rbt-course-main-content .course-content-right{display:flex;align-items:center;gap:10px;flex:none;font-size:13px;color:var(--vc-muted);font-variant-numeric:tabular-nums}
.vc .vc-course .rbt-course-main-content .course-lock{color:#A3AABB}
.vc .vc-course .rbt-course-main-content .rbt-badge{border-radius:999px;font-size:12px;padding:3px 10px}

/* "This course includes" panel under the price card. */
.vc-includes{margin-top:16px;border:1px solid var(--vc-line);border-radius:18px;background:#fff;padding:20px 22px}
.vc .vc-includes__title{font-size:16px!important;font-weight:600;margin:0 0 14px;color:var(--vc-ink)}
.vc-includes ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.vc-includes li{display:flex;align-items:center;gap:12px;margin:0;font-size:15px;color:var(--vc-ink-2)}
.vc-includes__icon{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--vc-primary-soft);color:var(--vc-primary)}
@media (max-width:991px){
  .vc-includes{margin-top:12px}
  .vc-includes ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}
  .vc-includes li{font-size:14px;gap:10px}
  .vc-includes__icon{width:32px;height:32px}
}
@media (max-width:359px){ .vc-includes ul{grid-template-columns:1fr} }
/* Benefits: Tutor's 2-column widget sets li width:50% — inside our grid that squeezed the text. */
.vc .vc-course .tutor-course-details-widget-list li{width:auto!important;max-width:none!important;flex:initial;gap:10px;margin:0!important}
/* Curriculum: one border only, compact headers. */
.vc .vc-course #tutor-course-details-tab-lesson .tutor-accordion{border:0;border-radius:0;overflow:visible;margin-top:0}
.vc .vc-course .rbt-accordion-style .card-header,.vc .vc-course .rbt-accordion-style .accordion-header{padding:0!important;margin:0;background:none;border:0}
.vc .vc-course .rbt-accordion-style .card-body,.vc .vc-course .rbt-accordion-style .accordion-body{padding:0!important;border-top:1px solid var(--vc-line)}
.vc .vc-course .rbt-accordion-style .accordion-button{min-height:56px;padding:12px 18px!important}
.vc .vc-course .rbt-accordion-style .accordion-button::before,.vc .vc-course .rbt-accordion-style .accordion-button::after{right:18px}
.vc .vc-course .rbt-accordion-style .accordion-button .rbt-badge-5{margin-left:8px;margin-right:28px}
.vc .vc-course .section-title{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--vc-line)}
.vc .vc-course .rbt-title-style-3{border:0!important;padding-bottom:0!important;margin-bottom:0!important}
.vc .vc-course .section-title+hr,.vc .vc-course .rbt-title-style-3+hr{display:none}
.vc .vc-course #tutor-course-details-tab-reviews h3{font-size:22px!important;margin-bottom:16px}
.vc .vc-course .tutor-course-details-widget{border:1px solid var(--vc-line);border-radius:var(--vc-r-lg);padding:clamp(20px,3vw,28px)}
.vc .vc-course .tutor-course-details-widget-title{margin:0 0 16px!important;padding-bottom:16px;border-bottom:1px solid var(--vc-line)}

/* 9 ─ Learning area: lessons & quizzes -------------------------------------- */
.vc .tutor-course-single-content-wrapper{background:var(--vc-soft-2)}
.vc .tutor-course-single-sidebar-wrapper{background:#fff;border-right:1px solid var(--vc-line)}
.vc .tutor-course-single-sidebar-title{padding:18px 20px;border-bottom:1px solid var(--vc-line);font-size:16px;font-weight:600}
.vc .tutor-course-topic .tutor-accordion-item-header{background:#fff;font-weight:600;font-size:15px;padding:14px 20px;color:var(--vc-ink);border-bottom:1px solid #F0F1F5}
.vc .tutor-course-topic-item a{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 20px;font-size:14px;color:var(--vc-ink-2)}
.vc .tutor-course-topic-item.is-active a,.vc .tutor-course-topic-item a:hover{background:var(--vc-primary-soft);color:var(--vc-primary)}
.vc .tutor-course-topic-item.is-active a{box-shadow:inset 3px 0 0 var(--vc-primary)}
.vc .tutor-course-topic-item-icon{color:var(--vc-muted)}
.vc .tutor-course-topic-single-header{background:var(--vc-dark)!important;color:#fff;min-height:60px;padding:10px 16px}
.vc .tutor-course-topic-single-header a,.vc .tutor-course-topic-single-header .tutor-course-topic-single-header-title{color:#fff}
.vc .tutor-course-topic-single-body{max-width:900px;margin:0 auto;padding:clamp(16px,3vw,40px)}
.vc .tutor-course-spotlight-wrapper .tutor-course-spotlight-nav{border-bottom:1px solid var(--vc-line);gap:4px;overflow-x:auto}
.vc .tutor-course-spotlight-nav .tutor-nav-link{min-height:48px;font-weight:500}
.vc .tutor-course-spotlight-nav .tutor-nav-link.is-active{color:var(--vc-ink);border-bottom-color:var(--vc-primary)}
.vc .tutor-course-spotlight-tab,.vc .tutor-lesson-wrapper{font-size:17px;line-height:1.75;color:var(--vc-ink-2)}
.vc .tutor-video-player-wrapper,.vc .tutor-video-player{border-radius:var(--vc-r-lg);overflow:hidden}
.vc .tutor-topbar-mark-btn,.vc .tutor-topbar-complete-btn{min-height:44px;border-radius:var(--vc-r-sm)}
.vc .tutor-next-previous-pagination-wrap a,.vc .tutor-single-course-content-prev a,.vc .tutor-single-course-content-next a{min-height:44px}
.vc .tutor-progress-bar{height:8px;border-radius:4px;background:#E6E9F2}
.vc .tutor-progress-bar .tutor-progress-value{background:var(--vc-success)}
/* Quiz */
.vc .tutor-quiz-wrapper,.vc .tutor-start-quiz-wrapper,.vc .tutor-quiz-wrap{background:#fff;border:1px solid var(--vc-line);border-radius:var(--vc-r-lg);padding:clamp(20px,3vw,36px);box-shadow:none}
.vc .tutor-start-quiz-title{font-size:clamp(22px,3vw,30px)!important;font-weight:600;color:var(--vc-ink)}
.vc .tutor-quiz-info-area,.vc .tutor-quiz-info{gap:8px 24px;color:var(--vc-body)}
.vc .tutor-quiz-question-item .question-text,.vc .tutor-quiz-wrap h4,.vc .tutor-quiz-wrap .tutor-quiz-question-title{font-size:clamp(18px,2.2vw,22px)!important;line-height:1.45;color:var(--vc-ink);font-weight:600}
.vc .tutor-quiz-answer-single{border:1px solid var(--vc-line-2);border-radius:var(--vc-r);background:#fff;transition:border-color .15s,background .15s}
.vc .tutor-quiz-answer-single label{min-height:56px;padding:14px 16px!important;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:16px}
.vc .tutor-quiz-answer-single:hover{border-color:var(--vc-primary)}
.vc .tutor-quiz-answer-single:has(input:checked){border-color:var(--vc-primary);background:var(--vc-primary-soft)}
.vc .tutor-quiz-btn-group,.vc .tutor-quiz-btn-grp{gap:12px;flex-wrap:wrap}
.vc .tutor-quiz-btn-group .tutor-btn,.vc .tutor-quiz-btn-grp .tutor-btn{min-height:48px;border-radius:var(--vc-r)}
.vc .tutor-quiz-questions-pagination ul{gap:8px;flex-wrap:wrap}
.vc .tutor-quiz-questions-pagination a{min-width:40px;min-height:40px;border-radius:50%}
.vc .quiz-attempts-table,.vc .tutor-table{border-radius:var(--vc-r);overflow:hidden}
@media (max-width:767px){ .vc .tutor-table-responsive,.vc .tutor-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch} }

/* 10 ─ Dashboard, login, forms, WooCommerce --------------------------------- */
.vc .tutor-btn{border-radius:var(--vc-r-sm);font-weight:600}
.vc .tutor-btn-primary{background:var(--vc-primary);border-color:var(--vc-primary)}
.vc .tutor-btn-primary:hover{background:var(--vc-primary-hover);border-color:var(--vc-primary-hover)}
/* Not applied to HiStudy floating-label forms (.form-group > input + label): a background there hides the label. */
.vc :not(.form-group)>input[type=text],.vc :not(.form-group)>input[type=email],.vc :not(.form-group)>input[type=password],.vc :not(.form-group)>input[type=tel],.vc :not(.form-group)>input[type=search],.vc :not(.form-group)>input[type=number],.vc :not(.form-group)>input[type=url],.vc :not(.form-group)>select,.vc :not(.form-group)>textarea,.vc .tutor-form-control{
  min-height:50px;border:1px solid var(--vc-line-2);border-radius:var(--vc-r-sm);padding:0 14px;color:var(--vc-ink);background-color:#fff;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.vc :not(.form-group)>textarea,.vc textarea.tutor-form-control{padding:12px 14px;min-height:130px}
.vc :not(.form-group)>input:focus,.vc :not(.form-group)>select:focus,.vc :not(.form-group)>textarea:focus,.vc .tutor-form-control:focus{border-color:var(--vc-primary);box-shadow:var(--vc-focus);outline:none}
.vc label{font-size:14px;font-weight:500;color:var(--vc-ink)}
.vc input[type=checkbox],.vc input[type=radio]{accent-color:var(--vc-primary);width:18px;height:18px}
.vc .tutor-dashboard .tutor-dashboard-left-menu{border-right:1px solid var(--vc-line)}
.vc .tutor-dashboard-menu-item-link{min-height:44px;border-radius:var(--vc-r-sm);font-weight:500}
.vc .tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-link,.vc .tutor-dashboard-menu-item-link:hover{background:var(--vc-primary-soft);color:var(--vc-primary)!important}
.vc .tutor-dashboard .tutor-card{border:1px solid var(--vc-line);border-radius:var(--vc-r-lg);box-shadow:none}
.vc .tutor-dashboard-header-avatar .tutor-avatar{box-shadow:0 0 0 3px #fff,0 0 0 4px var(--vc-line)}
@media (max-width:991px){
  .vc .tutor-dashboard .tutor-dashboard-left-menu{border-right:0}
  .vc .tutor-dashboard .tutor-frontend-dashboard-header{flex-wrap:wrap;gap:12px}
}
.vc-auth{padding:clamp(32px,6vw,80px) 16px;background:var(--vc-soft)}
.vc-auth--wide .vc-auth__card{max-width:560px}
.vc-auth__card{max-width:440px;margin:0 auto;background:#fff;border:1px solid var(--vc-line);border-radius:var(--vc-r-xl);padding:clamp(24px,4vw,40px);box-shadow:var(--vc-shadow)}
.vc .vc-auth__title{font-size:28px!important;margin:0 0 6px;font-weight:600}
.vc-auth__sub{margin:0 0 24px;font-size:15px}
.vc-auth__sub a{color:var(--vc-primary)!important;font-weight:600}
/* Split login / registration layout (VCourse redesign "Login" screen). */
.vc-auth--split{display:grid;grid-template-columns:1fr 1fr;min-height:640px;padding:0;background:#fff;max-width:1240px;width:calc(100% - 2 * var(--vc-gutter));box-sizing:border-box;margin:clamp(24px,4vw,48px) auto;border:1px solid var(--vc-line);border-radius:24px;overflow:hidden}
.vc-auth__aside{background:var(--vc-primary);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.vc-auth__kicker{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#D6DEFF}
.vc-auth__pitch{display:flex;flex-direction:column;gap:20px}
.vc .vc-auth__pitch h2{margin:0;color:#fff!important;font-size:clamp(28px,3vw,36px)!important;line-height:1.15!important;font-weight:600}
.vc-auth__pitch ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.vc-auth__pitch li{display:flex;align-items:center;gap:12px;margin:0;font-size:16px;color:#E6EBFF}
.vc-auth__pitch .vc-icon{flex:none;width:28px;height:28px;padding:5px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff}
.vc-auth__help{font-size:14px;color:#D6DEFF}
.vc-auth__help a{color:#fff!important;text-decoration:underline}
.vc-auth__main{display:grid;place-items:center;padding:clamp(32px,6vw,64px) clamp(20px,4vw,48px)}
.vc-auth--split .vc-auth__card{width:100%;max-width:400px;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.vc-auth--split #tutor-registration-form{max-width:440px}
.vc-auth--split:has(#tutor-registration-form) .vc-auth__card{max-width:440px}
.vc .vc-auth--split .vc-auth__title{font-size:30px!important;letter-spacing:-.01em}
@media (max-width:991px){
  .vc-auth--split{grid-template-columns:1fr;min-height:0;margin:0;width:100%;border:0;border-radius:0}
  .vc-auth__aside{display:none}
  .vc-auth__main{place-items:start center}
}
.vc-auth .tutor-login-form-wrapper>.tutor-fs-5:first-child{display:none}
.vc-auth .tutor-btn-primary{width:100%;justify-content:center;min-height:52px}
.vc .tutor-login-form-wrapper .tutor-form-group{margin-bottom:18px}
.vc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.vc-form-grid__full{grid-column:1/-1}
@media (max-width:479px){ .vc-form-grid{grid-template-columns:1fr} }
.vc-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.vc-field label{margin:0}
.vc-field input{width:100%}
.vc-field .tutor-password-field{position:relative;display:flex;flex-direction:column;gap:8px}
.vc-field .tutor-password-field .show-hide-btn{position:absolute;right:12px;bottom:13px;cursor:pointer}
.vc-field .tutor-password-strength-hint{margin-top:8px}
.vc-check{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:400;color:var(--vc-body);cursor:pointer}
.vc-check input{margin-top:2px;flex:none}
.vc-auth .tutor-alert{border-radius:var(--vc-r-sm)}
.vc-auth .tutor-alert ul{margin:0;padding-left:18px}
.vc .woocommerce .button,.vc .woocommerce button.button,.vc .woocommerce a.button{min-height:48px;border-radius:var(--vc-r);font-weight:600;background:var(--vc-primary);color:#fff}
.vc .woocommerce .button:hover{background:var(--vc-primary-hover);color:#fff}
.vc .woocommerce-checkout .col2-set,.vc .woocommerce-checkout #order_review,.vc .woocommerce-cart .cart_totals{border:1px solid var(--vc-line);border-radius:var(--vc-r-lg);padding:clamp(16px,3vw,28px)}
.vc .woocommerce form .form-row{margin-bottom:16px}
.vc .woocommerce-message,.vc .woocommerce-info,.vc .woocommerce-error{border-radius:var(--vc-r-sm);border-top-width:0;border-left:4px solid var(--vc-primary)}
@media (max-width:767px){ .vc .woocommerce table.shop_table_responsive tr td{padding:12px 0} }

/* 11 ─ Footer ---------------------------------------------------------------- */
.vc .rbt-separator-mid:has(+ .vc-footer){display:none}
.vc-footer{background:var(--vc-darker);color:var(--vc-on-dark)}
.vc-footer__grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:36px;padding-top:56px;padding-bottom:36px}
@media (max-width:991px){ .vc-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))} .vc-footer__brand{grid-column:1/-1} }
@media (max-width:479px){ .vc-footer__grid{grid-template-columns:1fr} }
.vc-footer__brand{display:flex;flex-direction:column;gap:14px;max-width:340px}
.vc-footer__logo{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;color:#fff;font-weight:700;font-size:20px}
.vc-footer__logo img{width:44px;height:44px;border-radius:50%;background:#fff;padding:2px}
.vc-footer p{font-size:14px;line-height:1.6;color:var(--vc-on-dark);margin:0}
.vc .vc-footer__h{color:#fff!important;font-size:15px!important;font-weight:600;margin:0 0 14px;letter-spacing:0}
.vc-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.vc-footer__col li{margin:0}
.vc-footer a{color:var(--vc-on-dark)}
.vc-footer a:hover{color:#fff}
.vc-footer__col a{display:inline-flex;min-height:36px;align-items:center;font-size:14px}
.vc-footer__bottom{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;padding-top:20px;padding-bottom:calc(28px + env(safe-area-inset-bottom));border-top:1px solid #1F2940;font-size:13px}
.vc-footer__contact{display:flex;flex-wrap:wrap;gap:8px 20px}
.vc-social{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.vc-social li{margin:0}
.vc-social a{width:40px;height:40px;border-radius:50%;border:1px solid #2A3550;display:grid;place-items:center;color:#fff;font-size:16px}
.vc-social a:hover{border-color:#fff}
.vc-social--light a{border-color:var(--vc-line);color:var(--vc-ink)}
.vc-social--light a:hover{border-color:var(--vc-ink)}
@media (max-width:1199px){ body.vc:has(.vc-bottom-nav):not(.vc-has-buybar) .vc-footer__bottom{padding-bottom:calc(88px + env(safe-area-inset-bottom))} } /* room for the bottom nav */

/* 12 ─ Dark mode (HiStudy toggle) -------------------------------------------- */
.vc.active-dark-mode{--vc-ink:#F2F4F8;--vc-ink-2:#D6DBE6;--vc-body:#B6BDCD;--vc-muted:#8E97AB;--vc-line:#26324A;--vc-line-2:#2F3B56;--vc-soft:#121A2B;--vc-soft-2:#141C2E;--vc-primary-soft:#1B2647}
.vc.active-dark-mode .vc-card,.vc.active-dark-mode .rbt-card,.vc.active-dark-mode .vc-cat,.vc.active-dark-mode .vc-panel,.vc.active-dark-mode .vc-steps li,.vc.active-dark-mode .vc-features li,.vc.active-dark-mode .vc-btn--ghost,.vc.active-dark-mode .vc-chip,.vc.active-dark-mode .vc-buybar,.vc.active-dark-mode .vc-course__tabs{background:#0F1626}
.vc.active-dark-mode .rbt-header .rbt-header-wrapper{background:rgba(15,22,38,.94)}
.vc.active-dark-mode .rbt-round-btn{background:#0F1626;color:#fff}