/* SLIZ brand — public site, auth pages, course player and student area.
   Mirrors the sliz.co.zw shell: floating pill nav, off-white page, big rounded white panels,
   dark rounded footer with a gold glow. Structure stays Infix's; this only restyles it. */

html, html body { background: var(--sliz-bg) !important; overflow-x: clip; }
html body main, html body .home, html body section { background-color: transparent; }

:root { --sliz-shell: 1280px; --sliz-gutter: 16px; }
/* Width of a centred panel with a 16px gutter on small screens */
.sliz-panel-w { width: min(var(--sliz-shell), calc(100% - 2 * var(--sliz-gutter))); }

/* =====================================================================
   HEADER — floating, rounded-full, translucent bar (sliz.co.zw Navigation.tsx)
   ===================================================================== */
html body header.heading {
  background: transparent !important;
  padding: 12px var(--sliz-gutter) 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}
html body header.heading > .container-fluid {
  max-width: var(--sliz-shell);
  margin: 0 auto;
  background: rgba(255, 255, 255, .78);
  -webkit-backdrop-filter: blur(16px) saturate(1.4);
  backdrop-filter: blur(16px) saturate(1.4);
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 0 8px 0 20px !important;
  min-height: 64px;
  display: flex;
  align-items: center;
  transition: background-color .3s var(--sliz-ease), border-color .3s var(--sliz-ease), box-shadow .3s var(--sliz-ease);
}
html body header.heading > .container-fluid > .row { width: 100%; margin: 0; }
html body header.heading > .container-fluid > .row > .col-12 { padding: 0; }
/* Infix toggles these when the page scrolls; match the site's "scrolled" state */
html body header.heading.sticky > .container-fluid,
html body header.heading.is-sticky > .container-fluid,
html body header.heading.sticky-header > .container-fluid,
html body header.heading.fixed > .container-fluid,
html body #sticky-header.sticky > .container-fluid {
  background: rgba(255, 255, 255, .88);
  border-color: var(--sliz-card-border);
  box-shadow: var(--sliz-shadow);
}
html body header.heading.sticky, html body #sticky-header.sticky { background: transparent !important; box-shadow: none !important; }
html body .heading-clear { height: 88px !important; }

html body .heading-logo img { height: 40px !important; width: auto !important; max-width: 160px; object-fit: contain; }

/* Category grid icon + search: quiet muted pill */
html body .heading-category { color: var(--sliz-fg) !important; }
html body .heading-category svg, html body .heading-category path { stroke: currentColor; }
html body .heading-search-box {
  background: var(--sliz-muted) !important;
  border-radius: 999px !important;
  height: 44px !important;
  border: 0 !important;
}
html body .heading-search-box .form-control,
html body .heading-search-box input {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  font-size: 14px; color: var(--sliz-fg);
}
html body .heading-search-box .form-control::placeholder { color: var(--sliz-muted-fg); }

/* Nav links sit in a muted pill group; active item becomes a white pill */
html body .heading-nav {
  display: inline-flex !important; align-items: center; gap: 2px;
  background: rgba(236, 235, 232, .8);
  border-radius: 999px; padding: 4px !important; margin: 0 !important;
}
html body .heading-nav > li { display: inline-flex !important; margin: 0 !important; padding: 0 !important; }
html body .heading-nav > li > .heading-links,
html body .heading-nav .heading-links {
  display: inline-flex !important; align-items: center;
  padding: 8px 16px !important;
  border-radius: 999px;
  background: transparent !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--sliz-muted-fg) !important;
  font-size: 14px !important; font-weight: 500 !important;
  line-height: 1.2;
  transition: color .2s var(--sliz-ease), background-color .2s var(--sliz-ease), box-shadow .2s var(--sliz-ease);
}
html body .heading-nav > li > .heading-links::before,
html body .heading-nav > li > .heading-links::after { display: none !important; }
html body .heading-nav > li:hover > .heading-links { color: var(--sliz-fg) !important; }
html body .heading-nav > li.active > .heading-links,
html body .heading-nav > li > .heading-links.active {
  background: #fff !important;
  color: var(--sliz-fg) !important;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, .15);
}
html body .heading-nav .submenu, html body .heading-nav .mega_menu {
  border-radius: var(--sliz-radius-lg) !important;
  border: 1px solid var(--sliz-card-border) !important;
  box-shadow: var(--sliz-shadow) !important;
  padding: 8px !important;
}
html body .heading-nav .submenu li a { border-radius: .75rem; padding: 8px 12px; color: var(--sliz-fg) !important; }
html body .heading-nav .submenu li a:hover { background: var(--sliz-muted); }

/* Right cluster: login = ghost pill, sign up = gold pill (site's "Join SLIZ") */
html body .heading-end .secondary-btn,
html body .heading-end .primary-btn,
html body .offcanvas .secondary-btn,
html body .offcanvas .primary-btn {
  height: 44px; padding: 0 20px !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  font-size: 14px !important; white-space: nowrap;
}
html body .heading-end .secondary-btn { background: transparent !important; border-color: transparent !important; }
html body .heading-end .secondary-btn:hover { background: var(--sliz-muted) !important; }
html body .heading-cart-icon, html body .heading_icons li > a, html body .heading-end .language .btn {
  width: 40px; height: 40px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--sliz-fg) !important;
  transition: background-color .2s var(--sliz-ease);
}
html body .heading-cart-icon:hover, html body .heading_icons li > a:hover { background: var(--sliz-muted); }
html body .notify_count, html body .heading-cart-items {
  background: var(--sliz-gold) !important; color: var(--sliz-on-gold) !important; font-weight: 600;
}
html body .thum-bar, html body .theme-btn.thum-bar {
  background: var(--sliz-fg) !important; border-color: var(--sliz-fg) !important; color: #fff !important;
  width: 44px; height: 44px; border-radius: 999px !important; box-shadow: none; padding: 0 !important;
  align-items: center; justify-content: center;
}
@media (max-width: 991.98px) { html body .thum-bar { display: inline-flex !important; } }
html body .thum-bar * { color: #fff !important; fill: #fff; }

/* Logged-in avatar */
html body .header__right .profile_info .studentProfileThumb,
html body .header__right .profile_img img { border-radius: 999px !important; }
html body .profile_info_iner {
  border-radius: var(--sliz-radius-lg) !important; border: 1px solid var(--sliz-card-border);
  box-shadow: var(--sliz-shadow) !important; overflow: hidden;
}

/* Mobile drawer */
html body .offcanvas { background: var(--sliz-card); border-radius: 0 var(--sliz-radius-xl) var(--sliz-radius-xl) 0; }
html body .offcanvas .heading-nav { display: flex !important; flex-direction: column; align-items: stretch; background: transparent; padding: 0 !important; gap: 4px; }
html body .offcanvas .heading-nav > li { display: block !important; }
html body .offcanvas .heading-nav > li > .heading-links { display: flex !important; padding: 12px 16px !important; font-size: 16px !important; border-radius: 1rem; }
html body .offcanvas .heading-nav > li > .heading-links:hover { background: var(--sliz-muted) !important; }

/* =====================================================================
   HOME — page-builder blocks restyled into the site's panel layout
   ===================================================================== */

/* Hero: one rounded white panel, headline left, rounded photo right */
html body .banner-area {
  width: min(var(--sliz-shell), calc(100% - 2 * var(--sliz-gutter)));
  margin: 8px auto 0 !important;
  background: var(--sliz-card) !important;
  border: 1px solid var(--sliz-card-border);
  border-radius: var(--sliz-radius-xl);
  overflow: hidden;
  min-height: 600px;
  height: auto !important;
  display: flex; align-items: center;
  isolation: isolate;
}
/* Faint gold rings echo the site's hero ornament */
html body .banner-area::before {
  content: ""; position: absolute; z-index: -2;
  width: 620px; height: 620px; right: -120px; top: 50%; transform: translateY(-50%);
  border-radius: 999px; border: 1.5px solid rgba(251, 189, 35, .22);
  box-shadow: inset 0 0 0 70px rgba(251, 189, 35, .035);
}
html body .banner-area .banner-img {
  position: absolute !important; z-index: -1 !important;
  top: 32px !important; bottom: 32px !important; right: 32px !important; left: auto !important;
  width: 42% !important; height: auto !important;
  border-radius: var(--sliz-radius-xl); overflow: hidden;
  box-shadow: 0 30px 60px -30px rgba(17, 18, 20, .45);
}
html body .banner-area .banner-img img { width: 100% !important; height: 100% !important; object-fit: cover; }
html body .banner-area > .container-fluid { padding: 0 !important; width: 100%; }
html body .banner-area .row { justify-content: flex-start !important; margin: 0; }
html body .banner-area .row > [class*="col-"] { width: 56%; flex: 0 0 56%; max-width: 56%; padding: 0; }
html body .banner-area .banner-wrap {
  background: transparent !important; padding: 72px 40px 72px 56px !important; height: auto !important;
}
html body .banner-area .banner-text::before {
  content: "Sport Leadership · Zimbabwe";
  display: inline-flex; align-items: center; gap: .5rem; margin-bottom: 1.25rem;
  font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .18em; color: var(--sliz-muted-fg);
  padding-left: 14px;
  background: radial-gradient(circle at 3px 50%, var(--sliz-gold) 3px, transparent 3.5px) no-repeat;
}
html body .banner-area .banner-text h1,
html body .banner-area .banner-text h1 b {
  font-family: var(--sliz-display) !important;
  font-weight: 500 !important;
  color: var(--sliz-fg) !important;
  font-size: clamp(2.5rem, 5vw, 4.25rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
  margin-bottom: 1.25rem;
}
html body .banner-area .banner-text p {
  color: var(--sliz-muted-fg) !important; font-size: 1.0625rem !important; line-height: 1.6; max-width: 34rem; margin-bottom: 2rem;
}
html body .banner-area .banner-text .theme-btn {
  height: 48px; padding: 0 24px !important; display: inline-flex !important; align-items: center; gap: .5rem;
}
html body .banner-area .banner-text .theme-btn::after { content: "→"; font-weight: 600; }

/* Stats + about: counters become the site's plain white stat cards */
html body .about { background: transparent !important; }
html body .about > .container, html body .counter { position: relative; }
html body .counter-shape { background: var(--sliz-gold-soft) !important; opacity: .9; }
html body .counter-shape::before, html body .counter-shape::after { border-color: rgba(251, 189, 35, .35) !important; }
html body .counter-item {
  border-radius: var(--sliz-radius-lg) !important;
  border: 1px solid var(--sliz-card-border);
  box-shadow: none !important;
  padding: 32px !important;
}
html body .counter-item-icon {
  background: var(--sliz-fg) !important;
  width: 56px !important; height: 56px !important; border-radius: 999px !important;
}
html body .counter-item-icon svg { width: 26px; height: 26px; }
html body .counter-item h4, html body .counter-item h4 * {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: var(--sliz-fg) !important;
  font-size: 2.5rem !important; letter-spacing: -0.03em;
}
html body .counter-item p { color: var(--sliz-muted-fg) !important; font-size: 14px; }
html body .about-content h2, html body .about-content h3, html body .about-content h4 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: var(--sliz-fg) !important;
  font-size: clamp(1.75rem, 3vw, 2.75rem) !important; line-height: 1.08; letter-spacing: -0.03em;
}
html body .about-content p { color: var(--sliz-muted-fg) !important; line-height: 1.7; }

/* Section headings: site uses big display type with an eyebrow above */
html body .section-title h2, html body .section__title, html body .section-subtitle h2,
html body .section-subtitle-action h2, html body .section-subtitle h3 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important;
  color: var(--sliz-fg) !important; letter-spacing: -0.03em !important;
  font-size: clamp(2rem, 4vw, 3.25rem) !important; line-height: 1.05 !important;
}
html body .section-title p, html body .section-subtitle p { color: var(--sliz-muted-fg) !important; }

/* Categories: white cards that turn gold on hover (site's service cards) */
html body .category { background: transparent !important; }
html body .category-item {
  background: var(--sliz-card) !important;
  border: 1px solid var(--sliz-card-border);
  border-radius: var(--sliz-radius-lg) !important;
  color: var(--sliz-fg) !important;
  transition: background-color .25s var(--sliz-ease), transform .25s var(--sliz-ease), border-color .25s var(--sliz-ease);
}
html body .category-item:hover { background: var(--sliz-gold) !important; border-color: var(--sliz-gold); transform: translateY(-3px); }
html body .category-item h6, html body .category-item-content h6 { color: var(--sliz-fg) !important; font-weight: 600 !important; }
html body .category-item p { color: var(--sliz-muted-fg) !important; }
html body .category-item:hover p { color: rgba(26, 26, 26, .75) !important; }
html body .category-item-icon {
  background: var(--sliz-muted) !important; border-radius: 999px !important;
  width: 64px; height: 64px; display: inline-flex !important; align-items: center; justify-content: center; margin-inline: auto;
}
html body .category-item:hover .category-item-icon { background: rgba(255, 255, 255, .55) !important; }

/* Anything the builder paints in the primary colour becomes a dark SLIZ panel */
html body .bg-primary {
  background: var(--sliz-dark) !important; background-image: none !important;
  color: #fff !important;
}
html body .bg-primary h1, html body .bg-primary h2, html body .bg-primary h3,
html body .bg-primary h4, html body .bg-primary h5, html body .bg-primary p { color: #fff !important; }
html body .course .bg-primary, html body .course-title-area.bg-primary,
html body .testimonial.bg-primary {
  width: min(var(--sliz-shell), calc(100% - 2 * var(--sliz-gutter)));
  margin-inline: auto !important; border-radius: var(--sliz-radius-xl) !important; overflow: hidden; position: relative;
}
html body .testimonial.bg-primary::after {
  content: ""; position: absolute; top: -120px; right: -80px; width: 320px; height: 320px; border-radius: 999px;
  background: rgba(251, 189, 35, .25); filter: blur(64px); pointer-events: none;
}
html body .bg-primary .theme-btn, html body .bg-primary .primary-btn,
html body .bg-primary .bg-white, html body .bg-primary a.btn {
  background: var(--sliz-gold) !important; color: var(--sliz-on-gold) !important; border-color: var(--sliz-gold) !important;
  border-radius: 999px !important;
}

/* Course cards */
html body .course-item {
  background: var(--sliz-card) !important;
  border: 1px solid var(--sliz-card-border) !important;
  border-radius: var(--sliz-radius-lg) !important;
  box-shadow: none !important;
  padding: 14px !important;
  transition: transform .25s var(--sliz-ease), box-shadow .25s var(--sliz-ease);
}
html body .course-item:hover { transform: translateY(-4px); box-shadow: 0 24px 48px -28px rgba(17, 18, 20, .35) !important; }
html body .course-item-img { border-radius: calc(var(--sliz-radius-lg) - 6px) !important; overflow: hidden; }
html body .course-item-img img { transition: transform .5s var(--sliz-ease); }
html body .course-item:hover .course-item-img img { transform: scale(1.04); }
html body .course-tag, html body .course-item .course-tag {
  background: rgba(255, 255, 255, .92) !important; color: var(--sliz-fg) !important;
  border-radius: 999px !important; font-weight: 600; font-size: 12px; padding: 4px 12px !important;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
html body .course-item-title, html body .course-item-info .title, html body .course-item-info .title a,
html body .course-item-content h4, html body .course-item-content h5, html body .course-item-content h4 a {
  font-family: var(--sliz-font) !important; color: var(--sliz-fg) !important; font-weight: 600 !important;
  letter-spacing: -0.01em; line-height: 1.3;
}
html body .course-item-info .title a:hover, html body .course-item-content h4 a:hover { color: var(--sliz-muted-fg) !important; }
html body .course-item .meta, html body .course-item-info-description, html body .course-item .enrolled-student,
html body .course-item .rating, html body .course-item .user { color: var(--sliz-muted-fg) !important; font-size: 14px; }
html body .course-item-footer { border-top: 1px solid var(--sliz-card-border) !important; }
html body .prise_tag, html body .course-item-price, html body .course-item .price {
  color: var(--sliz-fg) !important; font-weight: 600 !important;
}
html body .prise_tag span, html body .course-item-price span {
  background: var(--sliz-gold-soft); border-radius: 999px; padding: 4px 12px; display: inline-block;
}
html body .course-item .fa-star, html body .rating .fa-star, html body .fa-star.checked,
html body .rating_cart i, html body .course_rating i { color: var(--sliz-gold) !important; }

/* Instructors, testimonials, quiz, blog, app promo, reward: calm panels */
html body .instrucotr-item {
  background: var(--sliz-card); border: 1px solid var(--sliz-card-border); border-radius: var(--sliz-radius-lg) !important; overflow: hidden;
}
html body .instrucotr-item-img, html body .instrucotr-item-img img { border-radius: calc(var(--sliz-radius-lg) - 6px) !important; }
html body .instrucotr-item-content h4, html body .instrucotr-item-content h5 { color: var(--sliz-fg) !important; font-weight: 600 !important; }
html body .social-list a, html body .instrucotr-item-actions a {
  border-radius: 999px !important; background: var(--sliz-muted) !important; color: var(--sliz-fg) !important;
}
html body .social-list a:hover { background: var(--sliz-gold) !important; }
html body .apk, html body .quiz .quiz-wrap, html body .about-inner {
  border-radius: var(--sliz-radius-xl) !important; border: 1px solid var(--sliz-card-border); background: var(--sliz-card) !important; overflow: hidden;
}
html body .blog-item, html body .blog_item, html body .single_blog {
  background: var(--sliz-card); border: 1px solid var(--sliz-card-border); border-radius: var(--sliz-radius-lg) !important; overflow: hidden;
}
html body .owl-nav button, html body .owl-prev, html body .owl-next {
  width: 44px; height: 44px; border-radius: 999px !important;
  background: var(--sliz-card) !important; border: 1px solid var(--sliz-card-border) !important; color: var(--sliz-fg) !important;
  transition: background-color .2s var(--sliz-ease);
}
html body .owl-nav button:hover, html body .owl-prev:hover, html body .owl-next:hover {
  background: var(--sliz-fg) !important; color: #fff !important;
}
html body .owl-dots .owl-dot span { background: var(--sliz-input) !important; }
html body .owl-dots .owl-dot.active span { background: var(--sliz-gold) !important; }
html body .about-video-play, html body .video_play, html body .popup-video {
  background: var(--sliz-gold) !important; color: var(--sliz-on-gold) !important;
}
html body .sponsor { background: transparent !important; }

/* =====================================================================
   INNER PAGES — breadcrumb banners, filters, course details
   ===================================================================== */
html body .breadcrumb_area {
  width: min(var(--sliz-shell), calc(100% - 2 * var(--sliz-gutter)));
  margin: 8px auto 0 !important;
  border-radius: var(--sliz-radius-xl);
  overflow: hidden;
  position: relative;
  min-height: 260px; display: flex; align-items: center;
}
html body .breadcrumb_area::before { background: linear-gradient(90deg, rgba(17,18,20,.86), rgba(17,18,20,.45)) !important; opacity: 1 !important; }
html body .breadcrumb_area h3, html body .breadcam_wrap h3, html body .breadcam_wrap h1 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: #fff !important;
  font-size: clamp(2rem, 4.5vw, 3.5rem) !important; letter-spacing: -0.03em;
}
html body .breadcam_wrap p, html body .breadcam_wrap p a, html body .breadcam_wrap span { color: rgba(255,255,255,.7) !important; }
html body .breadcam_wrap p a:hover { color: var(--sliz-gold) !important; }

html body .courses_area, html body .course__details, html body .contact_section, html body .instructors_area {
  background: transparent !important;
}
html body .course_category_chose, html body .course_category_inner, html body .Check_sidebar,
html body .courses_area .box_header {
  background: var(--sliz-card) !important;
  border: 1px solid var(--sliz-card-border);
  border-radius: var(--sliz-radius-lg) !important;
  box-shadow: none !important;
}
html body .course_category_chose { padding: 24px !important; }
html body .course_title, html body .course_category_chose .course_title, html body .box_header h4,
html body .box_header h3 { font-family: var(--sliz-font) !important; font-weight: 600 !important; color: var(--sliz-fg) !important; }
html body .course_category_inner .single_course_categry h4 { color: var(--sliz-fg) !important; font-weight: 600 !important; }

html body .course__details_head {
  background: var(--sliz-card) !important;
  border: 1px solid var(--sliz-card-border);
  border-radius: var(--sliz-radius-xl) !important;
  width: min(var(--sliz-shell), calc(100% - 2 * var(--sliz-gutter)));
  margin: 8px auto 0 !important;
}
html body .course__details_head h1, html body .course__details_head h2, html body .course__details_head h3 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: var(--sliz-fg) !important; letter-spacing: -0.03em;
}
html body .course__details_head .category, html body .course__details_head .highlight {
  background: var(--sliz-gold-soft) !important; color: var(--sliz-fg) !important; border-radius: 999px !important;
}
html body .course__details, html body .details_shadow {
  box-shadow: none !important;
}
html body .course_tabs, html body .course_tab_content, html body .course_sidebar .sidebar__widget,
html body .students_also_bought, html body .course_overview_description {
  background: var(--sliz-card) !important;
  border: 1px solid var(--sliz-card-border) !important;
  border-radius: var(--sliz-radius-lg) !important;
  box-shadow: none !important;
}
html body .course_sidebar .sidebar__widget { padding: 20px !important; }
html body .course_sidebar .video_screen { border-radius: calc(var(--sliz-radius-lg) - 6px) !important; overflow: hidden; }
html body .lms_tabmenu, html body .course_tabs .nav {
  background: var(--sliz-muted) !important; border-radius: 999px !important; padding: 4px !important; border: 0 !important;
  display: inline-flex !important; gap: 2px; flex-wrap: wrap;
}
html body .gradient_border, html body .course_tabs.gradient { border: 0 !important; background-image: none !important; }
html body .lms_tabmenu .nav-link, html body .course_tabs .nav-link {
  border: 0 !important; border-radius: 999px !important; padding: 8px 18px !important;
  color: var(--sliz-muted-fg) !important; font-weight: 500 !important; background: transparent !important;
}
html body .lms_tabmenu .nav-link::after, html body .lms_tabmenu .nav-link::before { display: none !important; }
html body .lms_tabmenu .nav-link.active, html body .course_tabs .nav-link.active {
  background: #fff !important; color: var(--sliz-fg) !important; box-shadow: 0 2px 8px -2px rgba(0, 0, 0, .15);
}
html body .sidebar__title, html body .sidebar__widget h3, html body .sidebar__widget h4 { color: var(--sliz-fg) !important; }
html body .course_includes li, html body .course_includes li p { color: var(--sliz-muted-fg); }
html body .theme_according .card, html body .accordion-item, html body .theme_according .card-header {
  border-radius: var(--sliz-radius) !important; border-color: var(--sliz-card-border) !important;
}

/* Contact / generic content boxes */
html body .contact_info, html body .single_contact, html body .contact_form_wrapper,
html body .blog_details_area .blog_details_inner, html body .single_blog_page {
  border-radius: var(--sliz-radius-lg) !important;
}

/* Cart drawer */
html body .shoping_cart {
  border-radius: var(--sliz-radius-xl) 0 0 var(--sliz-radius-xl) !important; background: var(--sliz-card);
}
html body .shoping_cart .cart_header { border-bottom: 1px solid var(--sliz-card-border); }

/* Cookie bar: small floating dark pill like a toast, not a coloured slab */
html body .theme_cookies {
  background: var(--sliz-dark) !important; color: #fff !important;
  border-radius: var(--sliz-radius-lg) !important; box-shadow: var(--sliz-shadow) !important;
  border: 1px solid rgba(255, 255, 255, .08);
}
html body .theme_cookies p, html body .theme_cookies_info p { color: rgba(255, 255, 255, .75) !important; }
html body .theme_cookies a { color: var(--sliz-gold) !important; }
html body .theme_cookies .cookie_btn, html body .theme_cookies .theme_btn { box-shadow: none; }
html body .theme_cookies .cookeSettingModalBtn {
  background: transparent !important; color: #fff !important; border: 1px solid rgba(255,255,255,.2) !important; border-radius: 999px !important;
}
html body .theme_cookies .icon { background: rgba(255, 255, 255, .08) !important; border-radius: 999px; }

/* =====================================================================
   AUTH — login / register / forgot password
   ===================================================================== */
html body .login_wrapper { background: var(--sliz-bg) !important; min-height: 100vh; padding: 16px; gap: 16px; }
html body .login_wrapper_left {
  background: var(--sliz-card) !important;
  border: 1px solid var(--sliz-card-border);
  border-radius: var(--sliz-radius-xl);
}
html body .login_wrapper_left .logo img { height: 48px !important; width: auto !important; }
html body .login_wrapper_content h4, html body .login_wrapper_content h3, html body .login_wrapper_content h2 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: var(--sliz-fg) !important;
  font-size: clamp(2rem, 3vw, 2.5rem) !important; letter-spacing: -0.03em;
}
html body .login_wrapper_content p, html body .login_wrapper_content .shitch_text { color: var(--sliz-muted-fg) !important; }
html body .custom_group_field .input-group-text {
  background: var(--sliz-muted) !important; border: 1px solid var(--sliz-input) !important; border-right: 0 !important;
  border-radius: .875rem 0 0 .875rem !important; color: var(--sliz-muted-fg);
}
html body .custom_group_field .form-control {
  border-radius: 0 .875rem .875rem 0 !important; height: 50px; background: #fff !important;
}
html body .login_wrapper .theme_btn { height: 50px; width: 100%; font-size: 15px !important; }
html body .login_wrapper .forgot_pass, html body .shitch_text a, html body .login_wrapper_content a:not(.theme_btn) {
  color: var(--sliz-fg) !important; font-weight: 600; text-decoration: underline; text-decoration-color: var(--sliz-gold); text-underline-offset: 3px;
}
html body .socail_links a {
  border-radius: 999px !important; border: 1px solid var(--sliz-card-border) !important; background: #fff !important;
}
/* Right-hand panel: dark with a gold glow, like the site's footer */
html body .login_wrapper_right {
  background: var(--sliz-dark) !important; background-image: none !important;
  border-radius: var(--sliz-radius-xl); overflow: hidden; position: relative; isolation: isolate;
}
html body .login_wrapper_right::after {
  content: ""; position: absolute; z-index: -1; top: -120px; right: -100px; width: 380px; height: 380px;
  border-radius: 999px; background: rgba(251, 189, 35, .3); filter: blur(72px);
}
html body .login_wrapper_right h1, html body .login_wrapper_right h2, html body .login_wrapper_right h3,
html body .login_wrapper_right h4, html body .login_main_info h4 { color: #fff !important; font-family: var(--sliz-display) !important; font-weight: 500 !important; }
html body .login_wrapper_right p, html body .login_wrapper_right a, html body .login_wrapper_right span,
html body .login_wrapper_right li { color: rgba(255, 255, 255, .7) !important; }
html body .login_wrapper_right a:hover { color: var(--sliz-gold) !important; }
html body .login_main_info .thumb img { border-radius: var(--sliz-radius-lg); }

/* =====================================================================
   FOOTER — dark rounded panel with gold glow (sliz.co.zw Footer.tsx)
   ===================================================================== */
html body footer {
  width: min(var(--sliz-shell), calc(100% - 2 * var(--sliz-gutter)));
  margin: 96px auto 16px !important;
  background: var(--sliz-dark) !important;
  border-radius: var(--sliz-radius-xl);
  overflow: hidden;
  position: relative;
  isolation: isolate;
}
html body footer::before {
  content: ""; position: absolute; z-index: -1; top: -128px; right: -96px; width: 320px; height: 320px;
  border-radius: 999px; background: rgba(251, 189, 35, .25); filter: blur(64px); pointer-events: none;
}
html body footer .footer_top_area, html body footer .copyright_area { background: transparent !important; }
html body footer .footer_top_area { padding: 56px 24px 48px !important; border-bottom: 1px solid rgba(255, 255, 255, .1); }
html body footer .copyright_area { padding: 48px 24px 32px !important; }
html body footer .footer__cta .thumb { display: none !important; }
html body footer .footer__cta h3, html body footer .cta_content h3 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: #fff !important;
  font-size: clamp(2rem, 4vw, 3rem) !important; line-height: 1.05; letter-spacing: -0.03em; margin-bottom: .75rem;
}
html body footer .cta_content p { color: rgba(255, 255, 255, .6) !important; }
html body footer .subcribe-form form, html body footer .subscription {
  display: flex !important; align-items: center; gap: 8px;
  background: rgba(255, 255, 255, .07) !important; border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px; padding: 6px 6px 6px 20px !important;
}
html body footer .subcribe-form input.form-control, html body footer .subscription input {
  background: transparent !important; border: 0 !important; box-shadow: none !important; color: #fff !important;
  height: 44px; padding: 0 !important; flex: 1; font-size: 14px;
}
html body footer .subcribe-form input::placeholder { color: rgba(255, 255, 255, .4) !important; }
html body footer .subcribe-form button {
  position: static !important; height: 44px; padding: 0 20px !important; font-size: 14px !important; white-space: nowrap; width: auto !important;
}
html body footer .footer_logo img {
  background: #fff; border-radius: .75rem; padding: 6px; height: 48px !important; width: auto !important;
}
html body footer .footer_widget p, html body footer .copyright_text p { color: rgba(255, 255, 255, .6) !important; font-size: 14px; line-height: 1.7; }
html body footer .copyright_text a { color: rgba(255, 255, 255, .85) !important; }
html body footer .footer_title h3, html body footer .footer_title h4 {
  font-family: var(--sliz-font) !important; font-size: 12px !important; font-weight: 600 !important;
  text-transform: uppercase; letter-spacing: .18em; color: rgba(255, 255, 255, .4) !important; margin-bottom: 20px !important;
}
html body footer .footer_links li { margin-bottom: 12px !important; }
html body footer .footer_links li a { color: rgba(255, 255, 255, .75) !important; font-size: 14px !important; }
html body footer .footer_links li a:hover { color: var(--sliz-gold) !important; }
html body footer .social-network a, html body footer .social-network li a {
  width: 40px; height: 40px; border-radius: 999px !important; border: 1px solid rgba(255, 255, 255, .15) !important;
  background: transparent !important; color: rgba(255, 255, 255, .7) !important;
  display: inline-flex !important; align-items: center; justify-content: center;
}
html body footer .social-network a:hover { background: var(--sliz-gold) !important; border-color: var(--sliz-gold) !important; color: var(--sliz-on-gold) !important; }

/* =====================================================================
   STUDENT AREA — dashboard shell, sidebar, cards
   ===================================================================== */
html body .dashboard_main_wrapper { background: var(--sliz-bg) !important; gap: 16px; padding: 12px var(--sliz-gutter) 0; }
html body .dashboard_main_wrapper .sidebar {
  background: var(--sliz-card) !important;
  border: 1px solid var(--sliz-card-border);
  border-radius: var(--sliz-radius-xl);
  box-shadow: none !important;
  top: 12px !important;
  height: calc(100vh - 24px) !important;
}
html body .dashboard_main_wrapper .sidebar .logo img { height: 40px !important; width: auto !important; }
html body .sidebar-profile img, html body .sidebar-user img, html body .sidebar-user .profile_img {
  border-radius: 999px !important;
}
html body .sidebar-user h4, html body .sidebar-user h5, html body .sidebar-user a { color: var(--sliz-fg) !important; font-weight: 600 !important; }
html body .dashboard_main_wrapper .sidebar #sidebar_menu li a,
html body .dashboard_main_wrapper .sidebar ul li a {
  border-radius: 999px !important;
  color: var(--sliz-muted-fg) !important;
  font-weight: 500 !important;
  background: transparent !important;
  transition: background-color .2s var(--sliz-ease), color .2s var(--sliz-ease);
}
html body .dashboard_main_wrapper .sidebar ul li a svg path,
html body .dashboard_main_wrapper .sidebar ul li a svg { stroke: currentColor; }
html body .dashboard_main_wrapper .sidebar ul li a:hover { background: var(--sliz-muted) !important; color: var(--sliz-fg) !important; }
html body .dashboard_main_wrapper .sidebar ul li a.active,
html body .dashboard_main_wrapper .sidebar ul li.active > a,
html body .dashboard_main_wrapper .sidebar ul li.mm-active > a {
  background: var(--sliz-gold) !important; color: var(--sliz-on-gold) !important; font-weight: 600 !important;
  box-shadow: var(--sliz-gold-glow);
}
html body .dashboard_main_wrapper .sidebar ul li a.active *,
html body .dashboard_main_wrapper .sidebar ul li.active > a * { color: var(--sliz-on-gold) !important; }

/* Top bar inside the student area: same floating pill as the public header */
html body .main_content .header_iner, html body .dashboard_part .header_iner {
  background: rgba(255, 255, 255, .85) !important;
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border: 1px solid var(--sliz-card-border);
  border-radius: 999px !important;
  box-shadow: none !important;
  margin: 0 0 8px !important;
  min-height: 64px;
  padding: 0 8px 0 20px !important;
}
html body .header_iner .category_search, html body .header_iner .category_box_iner,
html body .header_iner .input-group {
  background: var(--sliz-muted) !important; border-radius: 999px !important; border: 0 !important;
}
html body .header_iner .category_search input, html body .header_iner .category_box_iner input {
  background: transparent !important; border: 0 !important; color: var(--sliz-fg) !important;
}
html body .header_iner .category_search input::placeholder { color: var(--sliz-muted-fg) !important; }
html body .header_iner .notification_wrapper > ul,
html body .header_iner .notification_wrapper .notification_open,
html body .header_iner .notification_wrapper li > a {
  background: transparent !important; color: var(--sliz-fg) !important;
}
html body .header_iner .notification_wrapper li > a { border-radius: 999px; }
html body .header_iner .notification_wrapper li > a:hover { background: var(--sliz-muted) !important; }
html body .header_iner .notification_wrapper svg path { stroke: var(--sliz-fg); }
html body .header_iner .point_btn, html body .header_iner .small_btn {
  background: var(--sliz-gold-soft) !important; color: var(--sliz-fg) !important; border-color: transparent !important;
  box-shadow: none !important;
}
html body .header_iner .profile_info .profile_img,
html body .header_iner .profile_info .profile_img img,
html body .header_iner .profile_info_icon {
  border-radius: 999px !important; background: var(--sliz-fg) !important; color: #fff !important;
}
html body .notification_area, html body .notification_body, html body .notification_footer {
  border-radius: var(--sliz-radius) !important;
}

html body .main_content_iner, html body .main_content { background: transparent !important; }
html body .dashboard_title h1, html body .dashboard_title h2, html body .dashboard_title h3,
html body .main_content_iner > .container-fluid > .row > div > h3:first-child {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: var(--sliz-fg) !important;
  letter-spacing: -0.03em;
}
html body .dashboard_title p, html body .dashboard_title span { color: var(--sliz-muted-fg) !important; }
html body .dashboard_card, html body .dashboard_lg_card, html body .dashboard_badge,
html body .white_box, html body .my_courses_wrapper .couse_wizged, html body .purchase_history_wrapper,
html body .main_content_iner .table-responsive, html body .dashboard_main_wrapper .card {
  background: var(--sliz-card) !important;
  border: 1px solid var(--sliz-card-border) !important;
  border-radius: var(--sliz-radius-lg) !important;
  box-shadow: none !important;
}
html body .dashboard_card { transition: transform .25s var(--sliz-ease); }
html body .dashboard_card:hover { transform: translateY(-3px); }
html body .dashboard_card h4, html body .dashboard_card h3, html body .dashboard_card .count {
  font-family: var(--sliz-display) !important; color: var(--sliz-fg) !important; font-weight: 500 !important; letter-spacing: -0.02em;
}
html body .dashboard_card p, html body .dashboard_card span { color: var(--sliz-muted-fg) !important; }
html body .dashboard_badge .head h3, html body .dashboard_badge h3 { font-family: var(--sliz-display) !important; font-weight: 500 !important; color: var(--sliz-fg) !important; }
html body .section__title3 h3, html body .section__title3 h4, html body .section__title3 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: var(--sliz-fg) !important; letter-spacing: -0.03em;
}
html body .theme_search_field, html body .theme_search_field .form-control { border-radius: 999px !important; }
html body .theme_search_field .btn { border-radius: 999px !important; background: var(--sliz-fg) !important; color: #fff !important; }

/* Student tables */
html body .main_content_iner table thead th, html body .dashboard_main_wrapper table thead th {
  background: var(--sliz-muted) !important; color: var(--sliz-fg) !important; font-weight: 600 !important; border: 0 !important;
}
html body .main_content_iner table thead th:first-child { border-radius: .75rem 0 0 .75rem; }
html body .main_content_iner table thead th:last-child { border-radius: 0 .75rem .75rem 0; }
html body .main_content_iner table td { border-color: var(--sliz-card-border) !important; }

/* The student area has its own chrome, so the big marketing footer is overkill there */
html body .dashboard_main_wrapper ~ footer .footer_top_area { display: none !important; }

/* Course player (full-screen) */
html body .course_fullview_wrapper, html body .full_screen_wrapper { background: var(--sliz-bg) !important; }
html body .course__play_warp .play_toggle_btn, html body .theme_according .card-header .btn { color: var(--sliz-fg) !important; }

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width: 991.98px) {
  html body header.heading > .container-fluid { padding: 0 6px 0 16px !important; }
  html body .heading-search-box { display: none !important; }
  html body .banner-area { flex-direction: column; min-height: 0; }
  html body .banner-area::before { display: none; }
  html body .banner-area .banner-img {
    position: relative !important; inset: auto !important; order: 2;
    width: calc(100% - 32px) !important; height: 280px !important; margin: 0 16px 16px;
  }
  html body .banner-area > .container-fluid { order: 1; }
  html body .banner-area .row > [class*="col-"] { width: 100%; flex: 0 0 100%; max-width: 100%; }
  html body .banner-area .banner-wrap { padding: 40px 24px 28px !important; }
  html body footer .footer_top_area { padding: 40px 8px 32px !important; }
  html body footer .copyright_area { padding: 32px 8px 24px !important; }
  html body .dashboard_main_wrapper { padding: 8px 0 0; }
  html body .dashboard_main_wrapper .sidebar { border-radius: 0 var(--sliz-radius-xl) var(--sliz-radius-xl) 0; top: 0 !important; height: 100vh !important; }
  html body .main_content .header_iner { margin: 0 12px 8px !important; }
  html body .login_wrapper_right { display: none !important; }
}
@media (max-width: 575.98px) {
  html body .heading-end .secondary-btn { display: none !important; }
  html body .heading-end .primary-btn { height: 40px; padding: 0 16px !important; }
  html body .heading-logo img { height: 34px !important; }
  html body .banner-area .banner-img { height: 220px !important; }
  html body footer .subcribe-form form, html body footer .subscription { padding-left: 16px !important; }
  html body footer .subcribe-form button { padding: 0 16px !important; }
}

/* =====================================================================
   FIXES AFTER FIRST PREVIEW PASS
   ===================================================================== */

/* Blocks with no data (see sliz-front.js) */
html body .sliz-empty-block { display: none !important; }

/* Carousels must clip their off-screen slides or the page scrolls sideways */
html body .owl-carousel .owl-stage-outer { overflow: hidden !important; }

/* Bootstrap's .text-primary is re-pointed to the theme teal by Infix */
html body .text-primary { color: var(--sliz-fg) !important; }
html body .apk-content .text-primary, html body h3 .text-primary, html body h2 .text-primary {
  color: var(--sliz-fg) !important;
  background: linear-gradient(transparent 62%, rgba(251, 189, 35, .55) 62%, rgba(251, 189, 35, .55) 92%, transparent 92%);
}
html body .bg-primary.owl-dots, html body .owl-dots.bg-primary { background: transparent !important; }

/* Section header bands -> the site's plain heading row: display title left, dark pill right */
html body .section-subtitle, html body .section-subtitle.v2 {
  background: transparent !important; background-image: none !important;
  border: 0 !important; border-radius: 0 !important; padding: 0 0 28px !important; box-shadow: none !important;
}
html body .section-subtitle h3, html body .section-subtitle h3.text-white,
html body .section-subtitle h2, html body .section-subtitle-action h3 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: var(--sliz-fg) !important;
  font-size: clamp(2rem, 4vw, 3.25rem) !important; letter-spacing: -0.03em !important; line-height: 1.05 !important;
}
html body .section-subtitle-action .theme-btn, html body .section-subtitle-action .theme-btn.bg-white,
html body .section-subtitle-action a {
  background: var(--sliz-fg) !important; color: #fff !important; border-color: var(--sliz-fg) !important;
  box-shadow: none !important; height: 44px; padding: 0 20px !important;
  display: inline-flex !important; align-items: center; gap: .5rem; font-size: 14px !important;
}
html body .section-subtitle-action a::after { content: "→"; }
html body .section-subtitle-action a:hover { background: rgba(17, 18, 20, .85) !important; filter: none; }
html body .section-subtitle.v2 { border-bottom: 1px solid var(--sliz-card-border) !important; margin-bottom: 28px; }

/* Rewards: dark rounded panel, copy readable, gold CTA */
html body .reward { width: min(var(--sliz-shell), calc(100% - 2 * var(--sliz-gutter))); margin-inline: auto !important; }
html body .reward-content {
  background: var(--sliz-dark) !important; background-image: none !important;
  border-radius: var(--sliz-radius-xl) !important; overflow: hidden; position: relative; isolation: isolate;
}
html body .reward-content::after {
  content: ""; position: absolute; z-index: -1; top: -120px; right: -80px; width: 340px; height: 340px;
  border-radius: 999px; background: rgba(251, 189, 35, .28); filter: blur(70px);
}
html body .reward::before, html body .reward::after { display: none !important; }
html body .reward-position { display: none !important; }
html body .reward-wrap { background: transparent !important; border: 0 !important; }
html body .reward-wrap h3 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: #fff !important;
  font-size: clamp(2rem, 4vw, 3rem) !important; letter-spacing: -0.03em;
}
html body .reward-wrap p { color: rgba(255, 255, 255, .65) !important; }
html body .reward-wrap .theme-btn, html body .reward-wrap .theme-btn.bg-white {
  background: var(--sliz-gold) !important; color: var(--sliz-on-gold) !important; border-color: var(--sliz-gold) !important;
}

/* Instructor cards: photo on top, name + socials on white underneath */
html body .instrucotr-item-content { background: var(--sliz-card) !important; padding: 16px 12px 18px !important; }
html body .instrucotr-item-content h4, html body .instrucotr-item-content h4 a,
html body .instrucotr-item-content a.currentColor {
  color: var(--sliz-fg) !important; font-family: var(--sliz-font) !important; font-weight: 600 !important; font-size: 1.0625rem !important;
  overflow-wrap: anywhere;
}
html body .instrucotr-item-head::after, html body .instrucotr-item-img::after { display: none !important; }
html body .instrucotr-item-content p, html body .instrucotr-item-content span { color: var(--sliz-muted-fg) !important; }

/* Testimonial band (when it has slides): dark panel, keep the photo */
html body .testimonial.bg-primary { padding: 56px 48px !important; }

/* Header: keep nav on one line; search collapses first when space runs out */
html body .heading-nav > li > .heading-links { white-space: nowrap; }
html body .heading-search-box { width: 240px !important; }
@media (max-width: 1399.98px) {
  html body header.heading .heading-search-box { display: none !important; }
}
html body .heading-nav > li.sliz-active > .heading-links {
  background: #fff !important; color: var(--sliz-fg) !important; box-shadow: 0 2px 8px -2px rgba(0, 0, 0, .15);
}
html body header.heading.sliz-scrolled > .container-fluid {
  background: rgba(255, 255, 255, .88); border-color: var(--sliz-card-border); box-shadow: var(--sliz-shadow);
}

/* Infix buttons carry a square ::before/::after hover layer that shows behind pill corners */
html body .theme-btn::before, html body .theme-btn::after, html body .primary-btn::before, html body .primary-btn::after,
html body .secondary-btn::before, html body .secondary-btn::after, html body .theme_btn::before, html body .theme_btn::after {
  display: none !important;
}
html body .heading-end .primary-btn { box-shadow: var(--sliz-gold-glow) !important; }

/* Keep every home block inside the same 1280px frame as the hero and footer */
html body [data-type="container-content"] > [data-type] > div > .container,
html body [data-type="container-content"] > [data-type] > div > .container-fluid,
html body .category > .container, html body .course > .container, html body .instrucotr > .container,
html body .instrucotr > .container-fluid, html body .quiz > .container, html body .blog > .container,
html body .classes > .container, html body .classes > .container-fluid, html body .about > .container {
  max-width: var(--sliz-shell) !important; margin-inline: auto !important;
  padding-inline: 0 !important; width: calc(100% - 2 * var(--sliz-gutter)) !important;
}
html body .instrucotr, html body .classes, html body .blog, html body .quiz, html body .course { background: transparent !important; }
html body .category-item-content h6 { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
html body .about-content h2, html body .about-content h3, html body .about-content h4, html body .about-content h5 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: var(--sliz-fg) !important;
  font-size: clamp(1.75rem, 2.6vw, 2.5rem) !important; line-height: 1.08 !important; letter-spacing: -0.03em !important;
}
/* Social icon rows for instructors with no links are just empty circles */
html body .instrucotr-item-actions a[href="#"], html body .instrucotr-item-actions a[href=""] { display: none !important; }
html body .sliz-static-row { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; }
html body .sliz-static-row > * { width: auto !important; }

/* ---- pass 3: courses list, login, cards ---- */
html body .course_category_chose .course_category_inner,
html body .course_category_chose .Check_sidebar,
html body .course_category_chose .single_course_categry {
  border: 0 !important; border-radius: 0 !important; background: transparent !important; padding-inline: 0 !important;
}
html body .course_category_chose .single_course_categry { border-bottom: 1px solid var(--sliz-card-border) !important; padding-block: 16px !important; }
html body .course_category_chose .single_course_categry:last-child { border-bottom: 0 !important; }
html body .course_category_chose ul, html body .course_category_chose .Check_sidebar ul { border: 0 !important; }
html body .courses_area .box_header { background: transparent !important; border: 0 !important; padding: 0 0 12px !important; }
html body .courses_area .box_header h5, html body .courses_area .box_header p { color: var(--sliz-muted-fg) !important; font-weight: 500 !important; }
html body .course-tag, html body .course-tag * { color: var(--sliz-fg) !important; -webkit-text-fill-color: currentColor; }
html body .course-tag:empty { display: none !important; }

html body .category .sliz-static-row { justify-content: center; grid-template-columns: repeat(auto-fit, minmax(180px, 220px)); }
html body .category-item-content h6 {
  display: block !important; height: auto !important; max-height: none !important; -webkit-line-clamp: unset !important;
  line-height: 1.3 !important; margin-bottom: 6px !important;
}
html body .instrucotr-item, html body .instrucotr-item-head { height: auto !important; overflow: visible; }
html body .instrucotr-item { overflow: hidden; }
html body .instrucotr-item-img { display: block; aspect-ratio: 4 / 5; overflow: hidden; }
html body .instrucotr-item-img img { width: 100% !important; height: 100% !important; object-fit: cover; }

html body .login_wrapper { align-items: stretch !important; }
html body .login_wrapper_left { display: flex !important; align-items: center; justify-content: center; }
html body .login_wrapper_right a, html body .login_wrapper_right h5, html body .login_wrapper_right h6 { color: var(--sliz-gold) !important; }
html body .login_wrapper_right .other_links a, html body .login_wrapper_right .contact_info a { color: rgba(255,255,255,.75) !important; }
html body .login_wrapper_right .other_links a:hover, html body .login_wrapper_right .contact_info a:hover { color: var(--sliz-gold) !important; }

/* ---- pass 4: course details ---- */
html body .course__details_head .category *, html body .course__details_head .highlight *,
html body .course__details_head .location *, html body .course__details_head .meta_item * {
  color: var(--sliz-fg) !important; -webkit-text-fill-color: currentColor;
}
html body .course__details_head .location, html body .course__details_head .meta_item { color: var(--sliz-fg) !important; }
html body .course_overview_description h1, html body .course_overview_description h2,
html body .course_overview_description h3, html body .single_overview h2, html body .single_overview h3,
html body .students_also_bought h3, html body .students_also_bought h2 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; letter-spacing: -0.025em; color: var(--sliz-fg) !important;
}
html body .course_overview_description h4, html body .course_overview_description h5 { font-weight: 600 !important; color: var(--sliz-fg) !important; }
html body .course_overview_description, html body .course_overview_description p,
html body .course_overview_description li { color: #3b3e43; line-height: 1.7; }
html body .course_tab_content { padding: 28px !important; }
html body .apply_coupon_section .form-control, html body .applyCoupon .form-control {
  background: #fff !important; border-radius: 999px 0 0 999px !important; height: 44px;
}
html body .apply_coupon_section .theme_btn, html body .applyCoupon .theme_btn, html body .applyCoupon button {
  border-radius: 0 999px 999px 0 !important; height: 44px; box-shadow: none !important;
}
html body .course_share_social_links a { border-radius: 999px !important; border: 1px solid var(--sliz-card-border) !important; color: var(--sliz-fg) !important; }
html body .course_share_social_links a:hover { background: var(--sliz-gold) !important; border-color: var(--sliz-gold) !important; }
html body .more_course_section, html body .author_courses { background: transparent !important; }
html body .more_course_section .section__title h3, html body .more_course_section h3, html body .author_courses h3 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; letter-spacing: -0.03em;
  font-size: clamp(2rem, 3.5vw, 3rem) !important; color: var(--sliz-fg) !important;
}
html body .more_course_section .section__title p { color: var(--sliz-muted-fg) !important; }
html body .course_sidebar .sidebar__widget .theme_btn { height: 48px; }
html body .course_includes i, html body .course_includes svg { color: var(--sliz-muted-fg) !important; }
/* "Students also bought" renders an empty box when nothing qualifies */
html body .students_also_bought:not(:has(.course-item, .single_course, .slider_item, img)) { display: none !important; }

/* ---- pass 5: mobile ---- */
html body .heading_icons {
  background: rgba(255, 255, 255, .9) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.4); backdrop-filter: blur(16px) saturate(1.4);
  border: 1px solid var(--sliz-card-border); border-radius: 999px !important;
  box-shadow: 0 16px 40px -16px rgba(17, 18, 20, .35) !important;
  left: 12px !important; right: 12px !important; bottom: calc(12px + env(safe-area-inset-bottom)) !important;
  width: auto !important; padding: 6px 8px !important;
}
html body .heading_icons ul { justify-content: space-around !important; margin: 0 !important; }
html body .heading_icons li a {
  width: 48px; height: 44px; border-radius: 999px; display: inline-flex !important; align-items: center; justify-content: center;
  color: var(--sliz-fg) !important;
}
html body .heading_icons li a svg path, html body .heading_icons li a svg circle { stroke: var(--sliz-fg); }
html body .heading_icons li a.active, html body .heading_icons li.active a { background: var(--sliz-gold) !important; }
html body .course__details_head .category, html body .course__details_head .highlight { display: inline-flex !important; width: auto !important; padding: 4px 12px !important; }

@media (max-width: 575.98px) {
  html body header.heading { padding: 10px 12px 0 !important; }
  html body header.heading > .container-fluid { padding: 0 4px 0 12px !important; min-height: 60px; }
  html body .heading-end { gap: 4px !important; }
  html body .heading-end .mobile-search { display: none !important; }
  html body .heading-end .primary-btn { padding: 0 14px !important; font-size: 13px !important; }
  html body .heading-logo img { height: 30px !important; }
  html body .thum-bar, html body .theme-btn.thum-bar { width: 40px; height: 40px; }
  html body footer { margin-bottom: 88px !important; }
}

/* ---- pass 6: student area ---- */
html body .dashboard_main_wrapper section.main_content, html body section.main_content.dashboard_part,
html body .dashboard_main_wrapper .main_content_padding { background: transparent !important; }
html body .dashboard_main_wrapper .sidebar .logo {
  background: transparent !important; border-bottom: 1px solid var(--sliz-card-border); padding: 20px 24px !important;
}
html body .dashboard_main_wrapper .sidebar { box-shadow: none !important; }
/* Rainbow gradient discs -> the site's dark icon discs (white glyph kept) */
html body .dashboard_card .icon svg > rect, html body .dashboard_card .icon svg > circle:first-child { fill: var(--sliz-fg) !important; }
html body .dashboard_card .icon svg { width: 60px; height: 60px; }
html body .dashboard_card span { font-size: 14px; }
html body .dashboard_card h4 { font-size: 2rem !important; margin-top: 4px; }
html body .dashboard_title h3 span { color: var(--sliz-muted-fg) !important; }
/* Header icons ship as white SVG images */
html body .header_iner .notification_wrapper img, html body .header_iner .notify_icon img { filter: invert(1) brightness(.2); }
html body .header_iner .theme_search_field .btn,
html body .header_iner .input-group-prepend .btn {
  background: transparent !important; color: var(--sliz-muted-fg) !important; border: 0 !important; box-shadow: none !important;
}
html body .header_iner .profile_info_icon, html body .header_iner .profile_info .profile_img { width: 44px; height: 44px; }
html body .sidebar-badge img, html body .sidebar-badge svg { filter: none; }
html body .sidebar-profile .profile_img, html body .sidebar-user .thumb { box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--sliz-gold) !important; }
html body .theme_search_field .btn, html body .theme_search_field .input-group-prepend .btn {
  background: transparent !important; color: var(--sliz-muted-fg) !important; border: 0 !important; box-shadow: none !important;
}
html body .theme_search_field { background: var(--sliz-muted) !important; border-radius: 999px !important; }
html body .theme_search_field .form-control { background: transparent !important; border: 0 !important; box-shadow: none !important; }

/* ---- pass 7: auth column layout, contact card ---- */
html body .login_wrapper_left { flex-direction: column !important; align-items: stretch !important; justify-content: center !important; padding: 48px clamp(24px, 5vw, 64px) !important; }
html body .login_wrapper_left > * { width: 100% !important; max-width: 440px; margin-inline: auto !important; }
html body .login_wrapper_left .logo { margin-bottom: 24px !important; }
html body .login_wrapper_left .logo img { height: 44px !important; width: auto !important; max-width: 180px; }
html body .contact_info::before, html body .contact_info::after { display: none !important; }
html body .contact_info i, html body .contact_info svg, html body .contact_info .icon { color: var(--sliz-fg) !important; }
html body .contact_info {
  border: 1px solid var(--sliz-card-border) !important; border-image: none !important; box-shadow: none !important;
  border-radius: var(--sliz-radius-lg) !important;
}
html body .login_wrapper_right .contact_info {
  border: 0 !important; background: transparent !important; padding: 0 !important; border-radius: 0 !important;
}
html body .contact_section .contact_info img, html body .contact_info .icon img,
html body .contact_info > div img { filter: grayscale(1) brightness(.25); }
html body .login_wrapper_content h4, html body .login_wrapper_content h3, html body .login_wrapper_content h2 { line-height: 1.08 !important; }

/* ---- pass 8: auth pages rebuilt (login_wrapper_right.blade.php) ---- */
html body .login_wrapper_content h4 {
  font-size: clamp(2.25rem, 3.4vw, 3rem) !important; line-height: 1.02 !important; margin-bottom: .5rem !important;
  text-wrap: balance;
}
html body .sliz-auth-sub { color: var(--sliz-muted-fg) !important; font-size: 1rem; margin: 0 0 2rem !important; }
html body .login_wrapper_left .logo { margin-bottom: 40px !important; }

html body .sliz-auth-aside { display: flex !important; align-items: stretch; }
html body .sliz-auth-aside .login_main_info {
  display: flex !important; flex-direction: column; justify-content: flex-end;
  text-align: left !important; align-items: flex-start !important;
  width: 100%; max-width: 640px; margin: 0 !important; padding: clamp(40px, 5vw, 72px) !important;
  gap: 0;
}
.sliz-eyebrow-dark { color: rgba(255, 255, 255, .55) !important; margin-bottom: 1.25rem; }
html body .sliz-auth-aside h4 {
  text-align: left !important; font-size: clamp(2.5rem, 4vw, 3.75rem) !important; line-height: 1.02 !important;
  letter-spacing: -0.035em !important; margin: 0 0 2rem !important; max-width: 14ch; text-wrap: balance;
}
html body .sliz-auth-aside .thumb { margin: 0 0 2rem !important; width: 100%; }
html body .sliz-auth-aside .thumb img { width: 100%; max-height: 280px; object-fit: cover; border-radius: var(--sliz-radius-lg); }
html body .sliz-auth-aside .other_links {
  display: flex !important; flex-wrap: wrap; gap: 8px; justify-content: flex-start !important; margin: 0 0 2.5rem !important;
}
html body .sliz-auth-aside .other_links span {
  display: inline-flex; align-items: center; height: 36px; padding: 0 16px; margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, .15); border-radius: 999px;
  color: rgba(255, 255, 255, .85) !important; font-size: 14px !important; font-weight: 500;
}
html body .sliz-auth-aside .other_links span::before, html body .sliz-auth-aside .other_links span::after { display: none !important; }
html body .sliz-auth-contact {
  display: grid !important; grid-template-columns: repeat(2, minmax(0, auto)); gap: 48px;
  width: 100%; padding-top: 2rem !important; margin: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .1) !important; text-align: left !important;
}
html body .sliz-auth-contact > div { display: flex; flex-direction: column; gap: 6px; }
html body .sliz-auth-contact h6 {
  color: rgba(255, 255, 255, .4) !important; font-size: 12px !important; font-weight: 600 !important;
  text-transform: uppercase; letter-spacing: .18em; margin: 0 0 6px !important; font-family: var(--sliz-font) !important;
}
html body .sliz-auth-contact a { color: rgba(255, 255, 255, .85) !important; font-size: 15px; text-decoration: none; }
html body .sliz-auth-contact a:hover { color: var(--sliz-gold) !important; }
@media (max-width: 575.98px) { html body .sliz-auth-contact { grid-template-columns: 1fr; gap: 24px; } }
html body .sliz-auth-aside { justify-content: flex-start !important; }
html body .sliz-auth-aside .login_main_info { margin: 0 !important; max-width: 720px; }
html body .sliz-auth-aside h4 {
  padding: 0 !important; margin-left: 0 !important; text-indent: 0 !important; max-width: 18ch;
  font-size: clamp(2.25rem, 3.6vw, 3.25rem) !important;
}
html body .sliz-auth-aside h4::before, html body .sliz-auth-aside h4::after { display: none !important; }

/* =====================================================================
   PASS 9 — full-site audit fixes
   ===================================================================== */

/* Page-builder rows carry Bootstrap's negative gutters at the page edge (12px sideways scroll) */
html body [data-type="container-content"], html body .full-page > .row, html body .ui-resizable > div > .row { max-width: 100%; }
html body div:has(> .col-sm-12.ui-resizable) { margin-inline: 0 !important; }

/* Bootstrap default link blue + theme teal leftovers: links take the text colour, prose links get a gold underline */
html body a { color: inherit; }
html body a:hover { color: inherit; }
html body .course-item-rating a, html body .course-item-rating .content, html body .course-item-rating span,
html body .banner_info_profile, html body .single_instractor a, html body .address_info a,
html body .reward-leader a, html body .mobile_progress, html body .progress-value {
  color: var(--sliz-fg) !important;
}
html body .course-item-rating .content span.lh-1 { font-weight: 600; }
html body .course_overview_description a, html body .single_overview a, html body .page_content a,
html body .blog_details_inner a, html body .single_page_content a, html body .contact_info a[href^="mailto"] {
  color: var(--sliz-fg) !important; text-decoration: underline; text-decoration-color: var(--sliz-gold);
  text-decoration-thickness: 2px; text-underline-offset: 3px;
}
html body .course-item > a, html body .course-item-img .course-tag { color: var(--sliz-fg) !important; }

/* Filter labels were a pale lilac (3:1) */
html body .primary_checkbox .label_name, html body .course_category_chose label span { color: #43474d !important; }

/* Anything active on a gold fill gets dark text (white on gold is 1.7:1) */
html body .nav-pills .nav-link.active, html body .nav-tabs .nav-link.active, html body .nav-tabsms-0 .nav-link.active,
html body .applyCoupon, html body button.applyCoupon, html body .profile-right li, html body .reward-tabs .nav-link.active,
html body .badge.bg-primary, html body .theme_badge {
  color: var(--sliz-on-gold) !important;
}
html body .nav-pills .nav-link.active, html body .nav-tabs .nav-link.active, html body .nav-tabsms-0 .nav-link.active {
  background: var(--sliz-gold) !important; border-radius: 999px !important; border-color: transparent !important;
}
html body .nav-pills .nav-link, html body .nav-tabsms-0 .nav-link { border-radius: 999px !important; color: var(--sliz-muted-fg); }
html body .text-green { color: #15803d !important; }
html body .text-danger, html body .text-red { color: #b91c1c !important; }

/* Student dashboard "continue learning" banner */
html body .dashboard_banner .badge { background: rgba(255, 255, 255, .92) !important; color: var(--sliz-fg) !important; }
html body .progress-status, html body .banner_info .progress-status { color: var(--sliz-fg) !important; font-weight: 600; }
html body .progress { background: var(--sliz-muted) !important; border-radius: 999px !important; }
html body .progress .progress-bar, html body .progress > div[role="progressbar"] { background: var(--sliz-gold) !important; border-radius: 999px; }

/* Mobile: student top bar was 12px wider than the screen; reward table scrolls inside its card */
@media (max-width: 991.98px) {
  html body .main_content .header_iner, html body .dashboard_part .header_iner {
    margin: 0 12px 8px !important; width: auto !important; max-width: calc(100vw - 24px); padding: 0 6px 0 12px !important;
  }
  html body .header_iner .category_search { min-width: 0; flex: 1 1 auto; }
  html body .header_iner .notification_wrapper ul { gap: 0 !important; }
}
html body .reward-table, html body .main_content_iner .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ---------- Course player ---------- */
html body .course_fullview_wrapper .accordion-button, html body .accordion-button {
  background: var(--sliz-card) !important; color: var(--sliz-fg) !important;
  font-weight: 600 !important; box-shadow: none !important; border-radius: var(--sliz-radius) !important;
}
html body .accordion-button * { color: inherit !important; }
html body .accordion-button .course_length { color: var(--sliz-muted-fg) !important; font-weight: 500; }
html body .accordion-button:not(.collapsed) { background: var(--sliz-gold-soft) !important; }
html body .accordion-button::after { filter: none !important; }
html body .accordion-item { border: 1px solid var(--sliz-card-border) !important; border-radius: var(--sliz-radius) !important; overflow: hidden; margin-bottom: 8px; }
html body .accordion-body, html body .curriculam_list { background: var(--sliz-card) !important; }
html body .single_play_list a { color: var(--sliz-fg) !important; border-radius: .75rem; transition: background-color .2s var(--sliz-ease); }
html body .single_play_list a:hover { background: var(--sliz-muted); }
html body .single_play_list a.active { background: var(--sliz-gold-soft) !important; color: var(--sliz-fg) !important; }
html body .single_play_list a.active .course_play_name span, html body .single_play_list a .course_play_name span { color: inherit !important; }
html body .single_play_list a.active .course_play_name span { font-weight: 600; }
html body .course_fullview_wrapper .contact_btn a, html body .course_fullview_wrapper .theme_btn,
html body .header__right .theme_btn, html body .course__play_warp .theme_btn,
html body .courseplayer_header .theme_btn, html body .player_header .theme_btn {
  border-radius: 999px !important;
}
html body .contact_wrap .contact_btn > a:not(.mobile_progress), html body .contact_wrap .contact_btn > button {
  border-radius: 999px !important; box-shadow: none !important;
}
html body .contact_wrap .mobile_progress { background: transparent !important; }

/* ---------- About page (demo layout, kept readable) ---------- */
html body .who_we_info .info_right { background: var(--sliz-gold) !important; border-radius: var(--sliz-radius-lg); }
html body .who_we_info .info_right p, html body .who_we_info .info_right h3, html body .who_we_info .info_right h4 { color: var(--sliz-on-gold) !important; }
html body .single_counter h3, html body .single_counter h3 span { color: var(--sliz-fg) !important; font-family: var(--sliz-display) !important; font-weight: 500 !important; }

/* =====================================================================
   CONTENT PAGES (About, programmes, help, legal…) — generated by tools/pages.py
   ===================================================================== */
html body .sliz-page {
  width: min(var(--sliz-shell), calc(100% - 2 * var(--sliz-gutter))); margin: 16px auto 0;
  display: flex; flex-direction: column; gap: 16px;
}
html body .sliz-panel {
  background: var(--sliz-card); border: 1px solid var(--sliz-card-border); border-radius: var(--sliz-radius-xl);
  padding: clamp(24px, 4vw, 56px);
}
html body .sliz-panel h2, html body .sliz-cta h2 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: var(--sliz-fg) !important;
  font-size: clamp(2rem, 4vw, 3.25rem) !important; line-height: 1.04 !important; letter-spacing: -0.03em !important;
  margin: .75rem 0 1.25rem !important;
}
html body .sliz-panel p { color: var(--sliz-muted-fg); line-height: 1.7; font-size: 1rem; }
html body .sliz-panel p.sliz-lead { color: var(--sliz-fg); font-size: clamp(1.0625rem, 1.4vw, 1.25rem); line-height: 1.6; }
html body .sliz-panel a:not(.theme-btn):not(.secondary-btn) {
  color: var(--sliz-fg) !important; text-decoration: underline; text-decoration-color: var(--sliz-gold);
  text-decoration-thickness: 2px; text-underline-offset: 3px;
}
html body .sliz-split { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(24px, 4vw, 56px); align-items: stretch; }
html body .sliz-split-text { display: flex; flex-direction: column; justify-content: center; }
html body .sliz-split-media { border-radius: var(--sliz-radius-lg); overflow: hidden; min-height: 320px; }
html body .sliz-split-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
html body .sliz-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--sliz-card-border); }
html body .sliz-stat strong { display: block; font-family: var(--sliz-display); font-weight: 500; font-size: clamp(1.75rem, 3vw, 2.5rem); letter-spacing: -0.03em; color: var(--sliz-fg); line-height: 1; }
html body .sliz-stat span { display: block; margin-top: 6px; font-size: 13px; color: var(--sliz-muted-fg); }
html body .sliz-two { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
html body .sliz-card-lg p { font-size: 1.125rem; color: var(--sliz-fg); margin-top: 1rem; }
html body .sliz-card-gold { background: var(--sliz-gold); border-color: var(--sliz-gold); }
html body .sliz-card-gold .sliz-eyebrow { color: rgba(26, 26, 26, .7); }
html body .sliz-card-gold .sliz-eyebrow::before { background: var(--sliz-on-gold); }
html body .sliz-card-gold p { color: var(--sliz-on-gold) !important; }
html body .sliz-values { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
html body .sliz-value { background: var(--sliz-bg); border-radius: var(--sliz-radius-lg); padding: 20px; transition: background-color .25s var(--sliz-ease), transform .25s var(--sliz-ease); }
html body .sliz-value:hover { background: var(--sliz-gold-soft); transform: translateY(-2px); }
html body .sliz-value h4 { font-size: 1.0625rem !important; font-weight: 600 !important; color: var(--sliz-fg) !important; margin: 0 0 6px !important; }
html body .sliz-value p { font-size: 14px; margin: 0; }
html body .sliz-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
html body .sliz-gallery img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--sliz-radius-lg); display: block; }
html body .sliz-services { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
html body .sliz-services-4 { grid-template-columns: repeat(4, 1fr); }
html body .sliz-service { background: var(--sliz-bg); border-radius: var(--sliz-radius-lg); padding: 24px; position: relative; }
html body .sliz-service:first-child { background: var(--sliz-gold); }
html body .sliz-service:first-child p, html body .sliz-service:first-child .sliz-num { color: rgba(26, 26, 26, .75) !important; }
html body .sliz-num { font-size: 12px; font-weight: 600; color: var(--sliz-muted-fg); letter-spacing: .1em; }
html body .sliz-service h4 { font-family: var(--sliz-display) !important; font-weight: 500 !important; font-size: 1.375rem !important; color: var(--sliz-fg) !important; margin: 28px 0 8px !important; letter-spacing: -0.02em; }
html body .sliz-service p { font-size: 14px; margin: 0; }
html body .sliz-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 1.5rem; }
html body .sliz-actions .theme-btn, html body .sliz-actions .secondary-btn,
html body .sliz-cta .theme-btn, html body .sliz-btn-ghost-dark {
  height: 48px; padding: 0 24px !important; display: inline-flex !important; align-items: center; font-size: 15px !important; text-decoration: none !important;
}
html body .sliz-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 1.5rem; }
html body .sliz-steps > div { background: var(--sliz-bg); border-radius: var(--sliz-radius-lg); padding: 20px; }
html body .sliz-steps h4 { font-size: 1rem !important; font-weight: 600 !important; color: var(--sliz-fg) !important; margin: 0 0 6px !important; }
html body .sliz-steps p { font-size: 14px; margin: 0; }
html body .sliz-prose { max-width: none; }
html body .sliz-prose > *:not(.sliz-eyebrow):not(h2) { max-width: 760px; }
html body .sliz-prose h4 { font-size: 1.125rem !important; font-weight: 600 !important; color: var(--sliz-fg) !important; margin: 2rem 0 .5rem !important; }
html body .sliz-prose ul { padding-left: 1.25rem; margin: 0; }
html body .sliz-prose li { color: var(--sliz-muted-fg); line-height: 1.7; margin-bottom: .35rem; list-style: disc; }
html body .sliz-contact-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
html body .sliz-contact-strip h6, html body .sliz-sitemap h6 {
  font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: .18em; color: var(--sliz-muted-fg) !important; margin: 0 0 10px !important;
}
html body .sliz-contact-strip a, html body .sliz-contact-strip p { font-size: 1rem; color: var(--sliz-fg) !important; margin: 0; }
html body .sliz-faqs { display: flex; flex-direction: column; gap: 8px; }
html body .sliz-faq { background: var(--sliz-bg); border-radius: var(--sliz-radius); padding: 0; overflow: hidden; }
html body .sliz-faq summary {
  cursor: pointer; list-style: none; padding: 18px 56px 18px 20px; font-weight: 600; color: var(--sliz-fg); position: relative;
}
html body .sliz-faq summary::-webkit-details-marker { display: none; }
html body .sliz-faq summary::after {
  content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);
  width: 28px; height: 28px; border-radius: 999px; background: #fff; display: grid; place-items: center; font-weight: 500;
  transition: transform .25s var(--sliz-ease);
}
html body .sliz-faq[open] summary::after { transform: translateY(-50%) rotate(45deg); }
html body .sliz-faq p { padding: 0 20px 18px; margin: 0; max-width: 760px; }
html body .sliz-sitemap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
html body .sliz-sitemap > div { display: flex; flex-direction: column; gap: 10px; }
html body .sliz-sitemap a { color: var(--sliz-fg) !important; text-decoration: none !important; }
html body .sliz-sitemap a:hover { text-decoration: underline !important; text-decoration-color: var(--sliz-gold) !important; }
/* Dark call-to-action panel (site footer style) */
html body .sliz-cta {
  background: var(--sliz-dark); color: #fff; border-radius: var(--sliz-radius-xl); padding: clamp(28px, 4vw, 56px);
  display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; position: relative; overflow: hidden; isolation: isolate;
}
html body .sliz-cta::after {
  content: ""; position: absolute; z-index: -1; top: -120px; right: -80px; width: 320px; height: 320px; border-radius: 999px;
  background: rgba(251, 189, 35, .25); filter: blur(64px);
}
html body .sliz-cta h2 { color: #fff !important; margin: 0 0 .5rem !important; }
html body .sliz-cta p { color: rgba(255, 255, 255, .65); margin: 0; max-width: 34rem; }
html body .sliz-cta-actions { display: flex; gap: 10px; flex-wrap: wrap; }
html body .sliz-btn-ghost-dark {
  border: 1px solid rgba(255, 255, 255, .2); border-radius: 999px; color: #fff !important; font-weight: 600;
  transition: background-color .2s var(--sliz-ease);
}
html body .sliz-btn-ghost-dark:hover { background: rgba(255, 255, 255, .08); }
/* These pages sit in the builder's containers; drop the leftover courses_area padding */
html body .sliz-page ~ *, html body .breadcrumb_area + .sliz-page { margin-top: 16px; }

@media (max-width: 991.98px) {
  html body .sliz-split, html body .sliz-two { grid-template-columns: 1fr; }
  html body .sliz-split-media { min-height: 240px; order: -1; }
  html body .sliz-values, html body .sliz-services-4, html body .sliz-sitemap { grid-template-columns: repeat(2, 1fr); }
  html body .sliz-services, html body .sliz-contact-strip { grid-template-columns: 1fr; }
  html body .sliz-gallery { grid-template-columns: repeat(2, 1fr); }
  html body .sliz-stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575.98px) {
  html body .sliz-values, html body .sliz-services-4, html body .sliz-steps, html body .sliz-sitemap { grid-template-columns: 1fr; }
}

/* ---- pass 10 ---- */
html body footer .sliz-gold-text { color: var(--sliz-gold) !important; }
/* Header must fit the 1280 frame at 1440: let the middle shrink, tighten links, smaller search */
html body header.heading .d-flex { min-width: 0; }
html body header.heading .flex-grow-1 { min-width: 0; flex-shrink: 1; }
html body .heading-search-box { width: 200px !important; }
html body .heading-nav > li > .heading-links { padding: 8px 14px !important; }
html body header.heading > .container-fluid .gap-3 { gap: 12px !important; }
/* Cookie banner buttons */
html body .theme_cookies .cookie_btn, html body .theme_cookies button.theme_btn, html body .theme_cookies a.theme_btn {
  background: var(--sliz-gold) !important; color: var(--sliz-on-gold) !important; border-color: var(--sliz-gold) !important; border-radius: 999px !important;
}
html body .theme_cookies .cookeSettingModalBtn { background: transparent !important; color: #fff !important; }
html body .theme_cookies .icon { background: rgba(255,255,255,.1) !important; }

/* ---- pass 11: quiz screens ---- */
html body .quiz_test_header {
  background: var(--sliz-dark) !important; background-image: none !important; color: #fff !important;
  border-radius: var(--sliz-radius-lg) !important; padding: 24px 28px !important; position: relative; overflow: hidden; isolation: isolate;
}
html body .quiz_test_header::after {
  content: ""; position: absolute; z-index: -1; top: -100px; right: -60px; width: 260px; height: 260px; border-radius: 999px;
  background: rgba(251, 189, 35, .25); filter: blur(56px);
}
html body .quiz_test_header * { color: #fff !important; }
html body .quiz_test_header h3, html body .quiz_test_header h4, html body .quiz_test_header h5 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; letter-spacing: -0.02em;
}
html body .quiz_test_header p, html body .quiz_test_header span { color: rgba(255, 255, 255, .75) !important; }
html body .quiz_questions_wrapper { border-radius: var(--sliz-radius-xl) !important; }
html body .alert-info, html body .quiz_questions_wrapper .alert-info {
  background: var(--sliz-gold-soft) !important; border: 0 !important; color: var(--sliz-fg) !important; border-radius: var(--sliz-radius) !important;
}
html body .alert-info * { color: var(--sliz-fg) !important; }
html body .alert-success { background: #ecfdf3 !important; border: 0 !important; color: #14532d !important; border-radius: var(--sliz-radius) !important; }
html body .alert-danger { background: #fef2f2 !important; border: 0 !important; color: #7f1d1d !important; border-radius: var(--sliz-radius) !important; }
html body .alert-warning { background: var(--sliz-gold-soft) !important; border: 0 !important; color: var(--sliz-fg) !important; border-radius: var(--sliz-radius) !important; }
html body .question_number_lists .questionLink {
  border: 1px solid var(--sliz-card-border) !important; background: var(--sliz-card) !important; color: var(--sliz-fg) !important;
  box-shadow: none !important; font-weight: 600;
}
html body .question_number_lists .questionLink:hover { background: var(--sliz-muted) !important; }
html body .question_number_lists .questionLink.active, html body .question_number_lists .questionLink.current {
  background: var(--sliz-fg) !important; border-color: var(--sliz-fg) !important; color: #fff !important;
}
html body .question_number_lists .questionLink.skip_qus, html body .question_number_lists .questionLink.skip {
  background: #fef2f2 !important; border-color: #fecaca !important;
}
html body .question_number_lists .questionLink.submit_qus, html body .question_number_lists .questionLink.answered,
html body .question_number_lists .questionLink.done { background: var(--sliz-gold) !important; border-color: var(--sliz-gold) !important; color: var(--sliz-on-gold) !important; }
html body .multypol_qustion h4, html body .multypol_qustion h3, html body .multypol_qustion p {
  font-family: var(--sliz-font) !important; font-weight: 600 !important; color: var(--sliz-fg) !important; font-size: 1.1875rem !important; line-height: 1.45;
}
html body .quiz_select li {
  border: 1px solid var(--sliz-card-border); border-radius: var(--sliz-radius); padding: 14px 16px !important; margin-bottom: 8px !important;
  transition: background-color .2s var(--sliz-ease), border-color .2s var(--sliz-ease);
}
html body .quiz_select li:hover { background: var(--sliz-bg); }
html body .quiz_select li:has(input:checked) { border-color: var(--sliz-gold); background: var(--sliz-gold-soft); }
html body .header__common_btn { border-radius: 999px !important; color: var(--sliz-on-gold) !important; }

/* ---- pass 12: public profile ---- */
html body .profile-cover {
  width: min(var(--sliz-shell), calc(100% - 2 * var(--sliz-gutter))); margin: 8px auto 0 !important;
  height: 220px !important; border-radius: var(--sliz-radius-xl); overflow: hidden; position: relative; isolation: isolate;
  background: var(--sliz-dark) !important;
}
html body .profile-cover::after {
  content: ""; position: absolute; z-index: 0; top: -120px; right: -80px; width: 360px; height: 360px; border-radius: 999px;
  background: rgba(251, 189, 35, .28); filter: blur(70px);
}
html body .profile-cover img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
/* no uploaded cover -> the default src is empty or 404; hide the broken image so the panel shows */
html body .profile-cover img:not([src]), html body .profile-cover img[src=""] { display: none; }
html body .profile { margin-top: -96px !important; position: relative; z-index: 2; }
html body .profile-wrapper {
  border: 1px solid var(--sliz-card-border) !important; border-radius: var(--sliz-radius-xl) !important; box-shadow: none !important;
}
html body .profile-info h4, html body .profile-info h3 { color: var(--sliz-fg) !important; font-family: var(--sliz-display) !important; font-weight: 500 !important; letter-spacing: -0.02em; }
html body .profile-info .badges, html body .profile-info .social_media, html body ul.badges, html body ul.social_media {
  background: var(--sliz-muted) !important; border-radius: 999px !important;
}
html body ul.social_media a { background: #fff !important; color: var(--sliz-fg) !important; }
html body ul.social_media a:hover { background: var(--sliz-gold) !important; }
html body .profile-img-container, html body .profile-img-container img { border-radius: var(--sliz-radius-lg) !important; }
html body .profile-right { border-radius: var(--sliz-radius-lg) !important; }
html body .profile-right * { color: var(--sliz-on-gold) !important; }
html body .profile-right svg path { stroke: var(--sliz-on-gold) !important; }
/* Infix's default cover is a stock sunset photo; show the SLIZ panel instead unless the user uploaded one */
html body .profile-cover img[src$="assets/profile/cover.jpg"] { display: none; }

/* ---- pass 13 ---- */
html body .profile-cover { z-index: 0 !important; height: 220px !important; min-height: 0 !important; }
/* Account settings: tab pills sat on top of the page title */
html body .main_content_iner .profile > .nav-tabs { margin: 0 0 20px !important; gap: 6px; flex-wrap: wrap; position: relative; z-index: 1; }
html body .main_content_iner .profile .box_header, html body .main_content_iner .profile .main-title { position: static !important; margin-top: 0 !important; }
html body .main_content_iner .profile .nav-tabs .nav-link {
  background: var(--sliz-card) !important; color: var(--sliz-fg) !important; border: 1px solid var(--sliz-card-border) !important;
  border-radius: 999px !important; padding: 8px 16px !important; font-size: 14px; font-weight: 500;
}
html body .main_content_iner .profile .nav-tabs .nav-link:hover { background: var(--sliz-muted) !important; }
html body .main_content_iner .profile .nav-tabs .nav-link.active { background: var(--sliz-gold) !important; border-color: var(--sliz-gold) !important; color: var(--sliz-on-gold) !important; }
/* Rewards: stat numbers readable, leaderboard ranks in brand colours */
html body .reward-card h3, html body .reward-card h4, html body .reward_card h3, html body [class*="reward"] .text-warning,
html body .gamification_card h3, html body .gamification-card h3 { color: var(--sliz-fg) !important; }
html body .reward-leader .rank, html body .reward-leader [class*="rank"], html body .leaderboard-rank { background: var(--sliz-muted) !important; color: var(--sliz-fg) !important; }
html body .reward-leader .rank-1, html body .reward-leader li:first-child [class*="rank"] { background: var(--sliz-gold) !important; color: var(--sliz-on-gold) !important; }
html body .reward-leader-position { background: var(--sliz-muted) !important; background-image: none !important; color: var(--sliz-fg) !important; border-radius: .75rem !important; }
html body .reward-leader-position.one { background: var(--sliz-gold) !important; color: var(--sliz-on-gold) !important; }
html body .reward-leader-position.two, html body .reward-leader-position.three { background: var(--sliz-fg) !important; color: #fff !important; }

/* ---- pass 14 ---- */
html body .login_wrapper_right .sliz-auth-contact a, html body .login_wrapper_right .sliz-auth-contact a[href^="mailto"] {
  color: rgba(255, 255, 255, .85) !important; text-decoration: none !important;
}
html body .login_wrapper_right .sliz-auth-contact a:hover { color: var(--sliz-gold) !important; }
html body .reward-table { overflow-x: auto !important; max-width: 100%; }
html body .reward-table table { min-width: 520px; }
html body .profile .nav-pills { flex-wrap: wrap !important; gap: 6px; }
@media (max-width: 575.98px) { html body .profile .nav-pills .nav-link { padding: 8px 14px !important; font-size: 14px; } }
html body .contact_form_area h3, html body .contact_form_area h2, html body .send_message h3, html body .contact_section h3,
html body [class*="contact"] .section__title h3 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: var(--sliz-fg) !important;
  font-size: clamp(2rem, 3.5vw, 2.75rem) !important; letter-spacing: -0.03em;
}
html body textarea, html body textarea.form-control, html body textarea.primary_textarea { border-radius: var(--sliz-radius) !important; border: 1px solid var(--sliz-input) !important; }

/* ---- pass 15: course details alignment ---- */
html body .course__details_head { padding: 48px 40px 56px !important; }
html body .course__details_head > .container { max-width: none !important; width: 100% !important; padding: 0 !important; }
html body .course__details_head .course-partner-logo { margin-bottom: 20px; }
html body .course__details > .container {
  max-width: var(--sliz-shell) !important; width: calc(100% - 2 * var(--sliz-gutter)) !important; padding: 0 !important;
}
@media (min-width: 992px) {
  /* price card sits inside the head panel with the same 40px inset as the text */
  html body .course__details > .container > .row { margin-right: 28px !important; }
}
html body .course_sidebar .sidebar__widget { border-radius: var(--sliz-radius-xl) !important; box-shadow: 0 30px 60px -30px rgba(17, 18, 20, .35) !important; }
html body .course_sidebar .video_screen { border-radius: var(--sliz-radius-lg) !important; }
html body .course_tab_content .course_overview_description, html body .course_tab_content .single_overview {
  border: 0 !important; padding: 0 !important; background: transparent !important; border-radius: 0 !important;
}
html body .course__details_head h1, html body .course__details_head h2, html body .course__details_head h3 {
  -webkit-line-clamp: unset !important; display: block !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important;
}
html body .course_tabs { background: transparent !important; border: 0 !important; padding: 0 !important; }

/* ---- pass 16: drawers ---- */
html body .offcanvas.offcanvas-start { width: min(340px, 86vw) !important; }
html body .offcanvas .secondary-btn, html body .offcanvas .primary-btn { gap: 6px; }
html body .offcanvas .secondary-btn svg, html body .offcanvas .primary-btn svg { flex: 0 0 auto; }
html body .offcanvas-body > div:last-child, html body .offcanvas .heading-btns { gap: 8px; }
html body .shoping_cart .cart_header h4, html body .shoping_cart .cart_header h3, html body .shoping_cart h4 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: var(--sliz-fg) !important; letter-spacing: -0.02em;
}
html body .shoping_cart .single_cart { border-bottom: 1px solid var(--sliz-card-border); }
html body .shoping_cart .cart_footer, html body .shoping_cart .total_price { color: var(--sliz-fg) !important; }

/* ---- pass 17 ---- */
html body .verify_certificate_search, html body .verify_certificate_form button {
  background: var(--sliz-gold) !important; background-image: none !important; color: var(--sliz-on-gold) !important;
  border: 0 !important; border-radius: 999px !important; font-weight: 600 !important; box-shadow: var(--sliz-gold-glow);
}
html body .verify_certificate_form input { border-radius: 999px !important; }
/* Banner titles wrapped with an ellipsis on phones */
html body .breadcam_wrap h3, html body .breadcam_wrap h1, html body .breadcrumb_area h3 {
  white-space: normal !important; overflow: visible !important; text-overflow: clip !important;
  -webkit-line-clamp: unset !important; display: block !important; text-wrap: balance;
}
@media (max-width: 575.98px) {
  html body .breadcrumb_area { min-height: 180px; padding: 32px 16px !important; }
  html body .breadcrumb_area h3, html body .breadcam_wrap h3 { font-size: 2rem !important; line-height: 1.08 !important; }
}

/* ---- pass 18: un-looped instructor row (few instructors) ---- */
html body .instrucotr .sliz-static-row { grid-template-columns: repeat(auto-fit, minmax(220px, 260px)); justify-content: center; }
html body .sliz-static-row .instrucotr-item, html body .sliz-static-row .owl-item { height: auto !important; min-height: 0 !important; }
html body .sliz-static-row .instrucotr-item-content { position: static !important; transform: none !important; }
/* Home about block: the title is pasted as a bold 26px span inside a one-item <ol> */
html body .about-content ol { list-style: none !important; padding: 0 !important; margin: 0 0 1.25rem !important; }
html body .about-content ol li { list-style: none !important; }
html body .about-content ol li::marker { content: none; }
html body .about-content ol li b, html body .about-content ol li span[style*="font-size"] {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: var(--sliz-fg) !important;
  font-size: clamp(1.75rem, 2.8vw, 2.5rem) !important; line-height: 1.08 !important; letter-spacing: -0.03em; display: block;
}
html body .about-content > p:first-child:empty, html body .about-content > p:first-child { margin: 0 !important; line-height: 0; }
html body .about-content::before {
  content: "Who we are"; display: inline-flex; align-items: center; gap: .5rem; margin-bottom: 1rem;
  font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .18em; color: var(--sliz-muted-fg);
  padding-left: 14px; background: radial-gradient(circle at 3px 50%, var(--sliz-gold) 3px, transparent 3.5px) no-repeat;
}
html body #back-top a {
  background: var(--sliz-fg) !important; color: #fff !important; border-radius: 999px !important;
  box-shadow: 0 10px 24px -10px rgba(17, 18, 20, .5) !important;
}
html body #back-top a:hover { background: var(--sliz-gold) !important; color: var(--sliz-on-gold) !important; }
@media (max-width: 991.98px) { html body #back-top { bottom: 92px !important; } }
/* Student top bar on phones: the menu toggle rendered white-on-white */
html body .header_iner .sidebar_icon {
  width: 44px; height: 44px; border-radius: 999px; background: var(--sliz-fg) !important;
  display: none; align-items: center; justify-content: center; flex: 0 0 auto;
}
html body .header_iner .sidebar_icon i { color: #fff !important; font-size: 18px; }
@media (max-width: 991.98px) { html body .header_iner .sidebar_icon { display: inline-flex !important; } }
html body .nice-select.theme_select, html body .nice-select.small_select, html body .short_select .nice-select {
  border-radius: 999px !important; padding-left: 18px !important; border-color: var(--sliz-input) !important; height: 44px; line-height: 42px;
}

/* ---- pass 12: header overlap ----
   Pass 10's blanket `.d-flex{min-width:0}` let the logo/search group and the
   cart/login group shrink below their content, so they spilled over the nav
   (search over "Home", cart over "Contact Us"). Only the nav may give way now. */
html body header.heading .col-12 > .d-flex > .d-flex:first-child { flex-shrink: 0; min-width: auto; }
html body header.heading .heading-end { flex-shrink: 0; min-width: auto; margin-left: 12px !important; }
html body header.heading .heading-end .heading-cart-icon { margin-right: 0 !important; }
html body header.heading .flex-grow-1 { gap: 0 !important; }
html body header.heading .heading-category { margin: 0 !important; padding: 0 !important; }
html body header.heading .heading-category-inner { gap: 8px; padding: 0 !important; }
html body .heading-nav > li > .heading-links { padding: 8px 13px !important; }
@media (min-width: 1200px) {
  /* The theme's search toggler only exists between 992 and 1199; above that this is an empty 16px gap */
  html body header.heading .heading-end .mobile-search { display: none !important; }
}
@media (min-width: 1400px) {
  html body .heading-search-box { width: 190px !important; }
  /* With the search box showing there's no room for the "Category" word; the grid icon keeps the menu */
  html body header.heading .heading-category-inner > span { display: none !important; }
  html body header.heading .heading-category-inner {
    width: 44px; height: 44px; justify-content: center; border-radius: 999px; background: var(--sliz-muted);
  }
}
/* Below 1200 the six links no longer fit beside the logo and buttons: use the drawer instead */
@media (max-width: 1199.98px) {
  html body header.heading nav.d-lg-block { display: none !important; }
  html body header.heading .heading-end .secondary-btn { display: none !important; }
  html body header.heading .thum-bar { display: inline-flex !important; }
}
/* The theme adds 20–50px side margins at wide breakpoints on top of the flex gaps */
html body header.heading .heading-logo, html body header.heading .heading-search-box, html body header.heading nav.d-lg-block { margin: 0 !important; }
html body header.heading nav.d-lg-block { margin-left: 16px !important; min-width: 0; }
@media (min-width: 992px) {
  html body header.heading .heading-category-inner {
    width: 44px; height: 44px; justify-content: center; border-radius: 999px; background: var(--sliz-muted); cursor: pointer;
  }
  html body header.heading .heading-category-inner > span { display: none !important; }
}

/* ---- pass 13: home rhythm ----
   Theme sections each carried their own 125–170px spacing (the teacher block had
   150px padding *and* the reward block a 170px margin), so gaps ranged 125–320px. */
html body [data-type="container-content"] .about.section-margin-lg,
html body [data-type="container-content"] .category.section-padding-sm,
html body [data-type="container-content"] .course,
html body [data-type="container-content"] .reward { margin-top: 112px !important; }
html body [data-type="container-content"] .course { margin-bottom: 0 !important; }
html body [data-type="container-content"] .instrucotr { padding-top: 112px !important; padding-bottom: 0 !important; }
/* Course heading row had 41px side padding, so it sat inset from the cards below it */
html body .course .section-subtitle > .d-flex { padding-left: 0 !important; padding-right: 0 !important; }
html body .course .section-subtitle { margin-bottom: 40px !important; }
/* Reward card: .reward is already framed to the 1280 shell, and the generic frame rule
   framed its inner .container again, insetting the card 16px from the hero and footer */
html body [data-type="container-content"] > [data-type] > div.reward > .container { width: 100% !important; max-width: none !important; }
html body .reward .row { margin-inline: 0 !important; }
html body .reward .row > .col-12 { padding-inline: 0 !important; }

/* ---- pass 19: About Us content on the home page ----
   Same markup as /about-us, so it reuses the content-page panels; only the gap to the
   hero needs to match the 112px home rhythm. */
html body [data-type="container-content"] .sliz-home-about { margin-top: 112px !important; }
html body .sliz-home-about .sliz-actions { margin-top: 1.5rem; }

/* ---- pass 20: auth pages (login / register / reset) ----
   Both panels were forced to 100vh inside a frame that already pads 16px, so every auth
   page scrolled 16px and lost its bottom corners. The frame now owns the height. */
html body .login_wrapper { min-height: 100vh !important; min-height: 100dvh !important; height: auto !important; box-sizing: border-box; }
html body .login_wrapper > .login_wrapper_left,
html body .login_wrapper > .login_wrapper_right { height: auto !important; min-height: 0 !important; }

/* Right panel: SLIZ photo up top, fading into the dark copy block (photo set per page in login_wrapper_right.blade.php) */
html body .login_wrapper_right.sliz-auth-aside {
  background-color: var(--sliz-dark) !important;
  background-image: linear-gradient(180deg, rgba(17, 18, 20, 0) 0%, rgba(17, 18, 20, .25) 100%), var(--sliz-auth-photo, none) !important;
  flex-direction: column !important; justify-content: flex-end !important;
  background-size: cover !important; background-position: center 30% !important; background-repeat: no-repeat !important;
}
html body .login_wrapper_right.sliz-auth-aside::after { top: auto; bottom: -160px; right: -120px; opacity: .6; }
/* The scrim travels with the copy block, so the text never lands on faces at short window heights */
html body .sliz-auth-aside .login_main_info {
  justify-content: flex-end; padding-top: 140px !important;
  background: linear-gradient(180deg, rgba(17, 18, 20, 0) 0, rgba(17, 18, 20, .82) 110px, var(--sliz-dark) 230px);
}
html body .sliz-auth-aside h4 { max-width: 16ch; }

/* Fields: one rounded box per input, icon inside, gold focus ring (was a bare underline with a grey tab) */
html body .login_wrapper .custom_group_field {
  display: flex !important; flex-wrap: nowrap !important; align-items: center;
  height: 52px; background: #fff !important; border: 1px solid var(--sliz-input) !important; border-radius: .875rem !important;
  transition: border-color .2s var(--sliz-ease), box-shadow .2s var(--sliz-ease);
}
html body .login_wrapper .custom_group_field:hover { border-color: #bfbcb5 !important; }
html body .login_wrapper .custom_group_field:focus-within { border-color: var(--sliz-gold) !important; box-shadow: 0 0 0 4px rgba(251, 189, 35, .22); }
html body .login_wrapper .custom_group_field .input-group-prepend { display: flex; height: 100%; }
html body .login_wrapper .custom_group_field .input-group-text {
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
  width: auto !important; height: 100% !important; padding: 0 0 0 16px !important; display: flex; align-items: center;
}
html body .login_wrapper .custom_group_field .input-group-text svg { width: 16px; height: 16px; }
html body .login_wrapper .custom_group_field .input-group-text svg path { fill: var(--sliz-muted-fg); }
html body .login_wrapper .custom_group_field .form-control {
  height: 50px !important; border: 0 !important; border-radius: .875rem !important; background: transparent !important; box-shadow: none !important;
  padding: 0 16px 0 12px !important; font-size: 15px !important; color: var(--sliz-fg) !important; font-weight: 400 !important;
}
html body .login_wrapper .custom_group_field .form-control.ps-0 { padding-left: 16px !important; }
html body .login_wrapper .custom_group_field .form-control::placeholder { color: #8a8d92 !important; opacity: 1; font-weight: 400; }
html body .login_wrapper .custom_group_field .form-control:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px #fff inset !important; -webkit-text-fill-color: var(--sliz-fg); }
html body .login_wrapper .col-12.mt_20:empty { display: none; }
html body .login_wrapper .text-danger { display: block; font-size: 13px; margin-top: 6px; }

/* Remember me / terms: a real square checkbox (was a pale circle) */
html body .login_wrapper .primary_checkbox { align-items: center !important; gap: 10px; cursor: pointer; }
html body .login_wrapper .primary_checkbox .checkmark {
  position: relative !important; top: 0 !important; flex: 0 0 20px; width: 20px !important; height: 20px !important; margin: 0 !important;
  border: 1.5px solid #bfbcb5 !important; border-radius: 6px !important; background: #fff !important;
  transition: background-color .15s var(--sliz-ease), border-color .15s var(--sliz-ease);
}
html body .login_wrapper .primary_checkbox .checkmark::before { display: none !important; }
html body .login_wrapper .primary_checkbox .checkmark::after {
  content: "" !important; position: absolute !important; display: block !important; left: 5.5px !important; top: 2px !important;
  width: 6px !important; height: 11px !important; border: solid var(--sliz-on-gold) !important; border-width: 0 2px 2px 0 !important;
  border-radius: 0 !important; background: none !important; transform: rotate(45deg) scale(0) !important; opacity: 0;
  transition: transform .15s var(--sliz-ease), opacity .15s;
}
html body .login_wrapper .primary_checkbox input:checked ~ .checkmark { background: var(--sliz-gold) !important; border-color: var(--sliz-gold) !important; }
html body .login_wrapper .primary_checkbox input:checked ~ .checkmark::after { transform: rotate(45deg) scale(1) !important; opacity: 1; }
html body .login_wrapper .primary_checkbox input:focus-visible ~ .checkmark { box-shadow: 0 0 0 4px rgba(251, 189, 35, .3); }
html body .login_wrapper .primary_checkbox .label_name { font-size: 14px !important; color: var(--sliz-fg) !important; }
html body .login_wrapper .primary_checkbox p { margin: 0 !important; font-size: 14px; line-height: 1.5; color: var(--sliz-muted-fg) !important; }
html body .login_wrapper .remember_forgot_pass { align-items: center; }
html body .login_wrapper .forgot_pass { font-size: 14px !important; }

html body .login_wrapper .theme_btn { margin-top: 8px; }
html body .login_wrapper .theme_btn:disabled { opacity: .5; box-shadow: none !important; cursor: not-allowed; }
html body .login_wrapper_left .shitch_text { margin-top: 24px !important; font-size: 14px !important; font-weight: 400 !important; color: var(--sliz-muted-fg) !important; }
html body .login_wrapper_left .shitch_text a { margin-left: 2px; }

/* Phones/tablets: the form card is the page; the decorative panel goes (it was rendering as an empty dark block under the form) */
@media (max-width: 991.98px) {
  html body .login_wrapper { grid-template-columns: 1fr !important; padding: 12px !important; }
  html body .login_wrapper_right.sliz-auth-aside { display: none !important; }
  html body .login_wrapper_left { min-height: calc(100dvh - 24px) !important; padding: 40px 24px !important; }
}
/* Scrim spans the panel; only the copy keeps its reading width */
html body .sliz-auth-aside .login_main_info { width: 100% !important; max-width: none !important; }
html body .sliz-auth-aside .login_main_info > * { max-width: 640px; }

/* ---- pass 21: full UX sweep (6 Oct 2026) ---- */

/* Lead paragraph and the paragraph after it were touching on every content page */
html body .sliz-panel p.sliz-lead + p { margin-top: .75rem; }

/* Reward card: the theme pulls the footer up 170px over it (margin-bottom:-170px). On desktop that
   was hidden by our 112px rhythm; on phones it cut the copy off mid-sentence and hid the button. */
html body .reward { margin-bottom: 0 !important; }
@media (max-width: 767.98px) {
  html body [data-type="container-content"] .reward { margin-left: 4px !important; margin-right: 4px !important; }
  html body .reward-content { padding: 32px 0 !important; }
  html body .reward-wrap { padding: 0 24px !important; }
  html body .reward .theme-btn { margin-top: 8px; }
}

/* Home course row: 98px of stacked spacing between the heading row and the first card on phones */
@media (max-width: 767.98px) {
  html body .course .section-subtitle { padding-bottom: 0 !important; margin-bottom: 24px !important; }
  html body .course .course-item { margin-top: 0 !important; }
}

/* Values: eight full-width tiles made a very long scroll on phones; two per row reads as a set */
@media (max-width: 575.98px) {
  html body .sliz-values { grid-template-columns: 1fr 1fr !important; gap: 8px; }
  html body .sliz-value { padding: 14px; }
  html body .sliz-value h4 { font-size: 15px !important; }
  html body .sliz-value p { font-size: 13px; line-height: 1.45; }
}

/* Checkboxes everywhere (course filters, terms): the theme's pale circle looked disabled */
html body .primary_checkbox { cursor: pointer; }
html body .primary_checkbox .checkmark {
  position: relative !important; top: 0 !important; flex: 0 0 20px; width: 20px !important; height: 20px !important;
  border: 1.5px solid #bfbcb5 !important; border-radius: 6px !important; background: #fff !important;
  transition: background-color .15s var(--sliz-ease), border-color .15s var(--sliz-ease);
}
html body .primary_checkbox .checkmark::before { display: none !important; }
html body .primary_checkbox .checkmark::after {
  content: "" !important; position: absolute !important; display: block !important; left: 5.5px !important; top: 2px !important;
  width: 6px !important; height: 11px !important; border: solid var(--sliz-on-gold) !important; border-width: 0 2px 2px 0 !important;
  border-radius: 0 !important; background: none !important; transform: rotate(45deg) scale(0) !important; opacity: 0;
  transition: transform .15s var(--sliz-ease), opacity .15s;
}
html body .primary_checkbox input:checked ~ .checkmark { background: var(--sliz-gold) !important; border-color: var(--sliz-gold) !important; }
html body .primary_checkbox input:checked ~ .checkmark::after { transform: rotate(45deg) scale(1) !important; opacity: 1; }
html body .primary_checkbox:hover .checkmark { border-color: var(--sliz-fg) !important; }
html body .Check_sidebar .primary_checkbox { align-items: center; gap: 10px; }
html body .Check_sidebar .primary_checkbox .checkmark { margin: 0 !important; }

/* Empty listing (e.g. Free courses): a real empty state instead of "No Topic Found" */
html body .Nocouse_wizged { flex-direction: column; gap: 16px; padding: 56px 24px; background: var(--sliz-card); border: 1px solid var(--sliz-card-border); border-radius: var(--sliz-radius-xl); }
html body .Nocouse_wizged .thumb img { width: 44px !important; opacity: .6; }
html body .sliz-empty-copy h1 { font-family: var(--sliz-display) !important; font-weight: 500 !important; font-size: clamp(1.5rem, 2.4vw, 2rem) !important; color: var(--sliz-fg) !important; margin: 0 0 .5rem !important; }
html body .sliz-empty-copy p { color: var(--sliz-muted-fg); margin: 0 0 1.25rem; }
html body .sliz-empty-copy .theme-btn { display: inline-flex; align-items: center; height: 46px; padding: 0 22px !important; }

/* Course page: tabs stay on one row on phones (they wrapped into a lumpy two-row block) */
@media (max-width: 767.98px) {
  html body .course_tabs .nav, html body .course_details_tabs .nav, html body ul.nav.lms_tabmenu, html body .course__details_tab ul.nav {
    flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
  }
  html body .course_tabs .nav::-webkit-scrollbar, html body ul.nav.lms_tabmenu::-webkit-scrollbar { display: none; }
  html body ul.nav.lms_tabmenu .nav-link, html body .course_tabs .nav-link { white-space: nowrap; }
}
html body .course_tab_content h1, html body .course_tab_content h2, html body .course_tab_content h3,
html body .course_tab_content h4, html body .course_tab_content h5 {
  font-family: var(--sliz-display) !important; font-weight: 500 !important; color: var(--sliz-fg) !important; letter-spacing: -0.02em;
}
html body .more_course_section .section__title h3 { text-wrap: balance; }

/* Instructors: the initials avatar was a 300px brown arch; make it a tidy card */
html body .single_instractor { background: var(--sliz-card); border: 1px solid var(--sliz-card-border); border-radius: var(--sliz-radius-xl); padding: 14px 14px 22px; text-align: center; }
html body .single_instractor .thumb { border-radius: var(--sliz-radius-lg) !important; overflow: hidden; aspect-ratio: 1 / 1; margin-bottom: 18px !important; background: var(--sliz-muted); }
html body .single_instractor .thumb img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; }
html body .single_instractor .member-name { font-size: 1.125rem !important; font-weight: 600 !important; color: var(--sliz-fg) !important; margin: 0 0 4px !important; }
html body .single_instractor .designation { color: var(--sliz-muted-fg); font-size: 14px; }
html body .instractors_wrapper .section__title2 span { color: var(--sliz-muted-fg) !important; letter-spacing: .18em; font-size: 12px !important; text-transform: uppercase; }
html body .instractors_wrapper .section__title2 h4 { font-family: var(--sliz-display) !important; font-weight: 500 !important; font-size: clamp(1.5rem, 2.6vw, 2.25rem) !important; line-height: 1.15 !important; color: var(--sliz-fg) !important; }
@media (min-width: 992px) { html body .instractors_wrapper .row > [class*="col-xl-3"] { max-width: 300px; } }

/* Certificate check: the purple stock illustration is gone; the form sits in a card */
html body .verify_certificate_section { padding-top: 16px !important; padding-bottom: 0 !important; }
html body .verify_certificate_section > .row > .col-md-6 {
  background: var(--sliz-card); border: 1px solid var(--sliz-card-border); border-radius: var(--sliz-radius-xl);
  padding: clamp(28px, 4vw, 56px) !important; width: min(720px, 100%); flex: 0 0 auto; max-width: none;
}
html body .verify_certificate_title { font-family: var(--sliz-display) !important; font-weight: 500 !important; font-size: clamp(1.75rem, 3vw, 2.5rem) !important; margin-bottom: 8px !important; text-align: center; color: var(--sliz-fg) !important; }
html body .verify_certificate_intro { color: var(--sliz-muted-fg); text-align: center; margin: 0 0 24px; max-width: 46ch; }
html body .verify_certificate_form { width: 100%; }
html body .verify_certificate_input { flex: 1; height: 52px; border: 1px solid var(--sliz-input) !important; border-radius: 999px !important; padding: 0 20px !important; font-size: 15px; background: #fff; }
html body .verify_certificate_input:focus { outline: none; border-color: var(--sliz-gold) !important; box-shadow: 0 0 0 4px rgba(251, 189, 35, .22); }
html body .verify_certificate_search { height: 52px; padding: 0 26px !important; border-radius: 999px !important; }

/* Contact: info card icons were grey blobs and the card sat off-centre with an empty bottom */
html body .contact_info .address_info img { width: 28px !important; height: 28px !important; filter: none !important; opacity: .85; }
html body .contact_info .address_info h4 { font-family: var(--sliz-display) !important; font-weight: 500 !important; margin: 12px 0 10px !important; }
html body .contact_info .address_info p { margin: 0 0 2px !important; color: var(--sliz-muted-fg); }
html body .contact_info .address_info a { color: var(--sliz-fg) !important; }
html body .contact_info_container .contact_info { padding: clamp(24px, 3vw, 40px) !important; margin-bottom: 0 !important; }

/* Footer link groups: three long single-column lists on phones; two columns reads as a footer */
@media (max-width: 767.98px) {
  html body footer .copyright_area .col-xl-8 > .row { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 16px; margin: 0 !important; }
  html body footer .copyright_area .col-xl-8 > .row > div { width: auto !important; max-width: none !important; padding: 0 !important; }
  html body footer .copyright_area .col-xl-8 > .row > div:last-child { grid-column: 1 / -1; }
  html body footer .footer_links li { margin-bottom: 10px !important; }
}

/* Course purchase card: coupon field and Apply button as one pill */
html body .coupon_wrapper, html body .course_sidebar .coupon_form, html body form.coupon_form { border-radius: 999px; }
/* Contact: the info card is absolutely positioned to float over the (now removed, keyless) map;
   without the map it covered the form, so put it back in the flow */
html body .contact_info_container { position: static !important; transform: none !important; }
html body .contact_info_container + *, html body .contact_section { margin-top: 0 !important; }
html body .col-xl-8.position-relative:has(.contact_info_container) { margin-bottom: 56px; }
html body .contact_info .address_info img { filter: grayscale(1) brightness(.25) !important; }
/* Course description content: authors paste bold <strong>/<b> inside headings, which rendered heavy */
html body :is(h1, h2, h3, h4, h5) > :is(b, strong) { font-weight: inherit !important; }
/* Instructors: give the intro room under the banner and centre the cards */
html body .instractors_wrapper { padding-top: 56px !important; }
html body .instractors_wrapper .row:has(> [class*="col-xl-3"]) { justify-content: center; }
/* Reward card on phones: soften the gold disc behind the copy */
@media (max-width: 767.98px) { html body .reward-content::before, html body .reward-content::after, html body .reward-wrap::before { opacity: .35 !important; } }
html body .contact_info_container { margin-top: 16px; }
@media (max-width: 767.98px) {
  html body .contact_info .single_address_line + .single_address_line { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--sliz-card-border); }
  html body .contact_section .col-xl-10 { padding-inline: 4px; }
}
/* Settings: the public-profile overlap rule (.profile margin-top:-96px) also caught the settings
   tab strip and laid it over the "Profile Settings" title */
html body .main_content_iner .profile.p-0.m-0 { margin-top: 0 !important; z-index: auto; }
html body .main_content_iner .profile.p-0.m-0 .nav-tabs { gap: 8px; }
@media (max-width: 767.98px) {
  html body .main_content_iner .profile.p-0.m-0 .nav-tabs { flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; }
  html body .main_content_iner .profile.p-0.m-0 .nav-tabs::-webkit-scrollbar { display: none; }
  html body .main_content_iner .profile.p-0.m-0 .nav-link { white-space: nowrap; }
}
/* Student empty states ("No Course Purchased Yet!") were a tiny grey line in a big white box */
html body .main_content_iner .text-center:only-child > h4:only-child, html body .no_data_found, html body .main_content_iner p.text-center {
  font-family: var(--sliz-display); font-weight: 500; color: var(--sliz-fg); font-size: 1.125rem;
}
/* Reward points on phones: four full-width coin tiles and a history table with 160px-tall rows
   whose columns ran off the card */
@media (max-width: 767.98px) {
  html body .row:has(> .col-md-6 > .reward-card > .reward-card-points) { --bs-gutter-x: 10px; }
  html body .row > .col-md-6:has(> .reward-card > .reward-card-points) { width: 50% !important; flex: 0 0 50%; }
  html body .reward-card-points { flex-direction: column; align-items: flex-start !important; gap: 8px; padding: 16px !important; }
  html body .reward-card-points img { width: 36px !important; height: auto !important; }
  html body .reward-card-points .content h4, html body .reward-card-points .content h3 { font-size: 1.5rem !important; margin: 0 !important; }
  html body .reward-card-points .content p { font-size: 13px !important; margin: 0 !important; }
  html body .reward-table { overflow-x: auto !important; }
  html body .reward-table th, html body .reward-table td { padding: 12px 10px !important; font-size: 14px !important; white-space: nowrap; height: auto !important; }
  html body .reward-table td p { margin: 0 !important; font-size: 14px !important; }
}
@media (max-width: 767.98px) {
  html body .col-md-6 > .reward-card:has(> .reward-card-points) { height: calc(100% - 10px); }
  html body .reward-card-points .content { width: 100%; }
  html body .reward-card-points .content p { line-height: 1.3 !important; }
}
/* Pagination arrows kept the theme purple */
html body .pagination a, html body .pagination li a, html body .page-link, html body .pagination-wrapper a { color: var(--sliz-fg) !important; border-color: var(--sliz-card-border) !important; }
html body .pagination a svg, html body .pagination a i, html body .pagination-wrapper a svg path { color: var(--sliz-fg) !important; fill: currentColor; stroke: currentColor; }
html body .pagination .active a, html body .pagination li.active a, html body .page-item.active .page-link { background: var(--sliz-gold) !important; border-color: var(--sliz-gold) !important; color: var(--sliz-on-gold) !important; }