/*
 * LWSOC platform brand layer
 * Palette:
 *   primary #116AF8, navy #052699, cyan #20BCED, ice #A8E6FF
 */

:root {
  --lwsoc-brand-primary: #116AF8;
  --lwsoc-brand-navy: #052699;
  --lwsoc-brand-cyan: #20BCED;
  --lwsoc-brand-ice: #A8E6FF;
  --lwsoc-brand-ink: #061A3A;
  --lwsoc-brand-muted: #52627A;
  --lwsoc-brand-line: rgba(5, 38, 153, 0.14);
  --lwsoc-brand-surface: #F4FBFF;
  --lwsoc-brand-surface-strong: rgba(168, 230, 255, 0.42);
  --lwsoc-brand-primary-rgb: 17, 106, 248;
  --lwsoc-brand-navy-rgb: 5, 38, 153;
  --lwsoc-brand-cyan-rgb: 32, 188, 237;
  --lwsoc-brand-ice-rgb: 168, 230, 255;
  --lwsoc-brand-action-gradient: linear-gradient(135deg, #052699 0%, #116AF8 100%);
  --lwsoc-brand-display-gradient: linear-gradient(135deg, #052699 0%, #116AF8 58%, #20BCED 100%);
  --lwsoc-brand-soft-gradient: linear-gradient(135deg, rgba(168, 230, 255, 0.48) 0%, rgba(17, 106, 248, 0.10) 100%);
  --lwsoc-brand-shadow: 0 16px 36px rgba(5, 38, 153, 0.16);
  --lwsoc-brand-shadow-soft: 0 10px 26px rgba(5, 38, 153, 0.10);
  --lwsoc-brand-focus: 0 0 0 0.24rem rgba(17, 106, 248, 0.28);
  --lwsoc-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --lwsoc-font-heading: var(--lwsoc-font-sans);

  --lwsoc-primary: var(--lwsoc-brand-primary);
  --lwsoc-indigo: var(--lwsoc-brand-navy);
  --lwsoc-navy: var(--lwsoc-brand-navy);
  --lwsoc-ink: var(--lwsoc-brand-ink);
  --lwsoc-muted: var(--lwsoc-brand-muted);
  --lwsoc-surface: var(--lwsoc-brand-surface);
  --lwsoc-surface-2: rgba(168, 230, 255, 0.24);
  --lwsoc-gradient: var(--lwsoc-brand-action-gradient);
  --lwsoc-focus-ring: var(--lwsoc-brand-focus);

  --primary: var(--lwsoc-brand-primary);
  --blue: var(--lwsoc-brand-primary);
  --indigo: var(--lwsoc-brand-navy);
  --cyan: var(--lwsoc-brand-cyan);
  --info: var(--lwsoc-brand-cyan);

  --color-4: var(--lwsoc-brand-primary);
  --color-12: rgba(17, 106, 248, 0.18);
  --color-15: rgba(17, 106, 248, 0.28);
  --color-17: var(--lwsoc-brand-primary);

  --ddii-blue-deep: var(--lwsoc-brand-navy);
  --ddii-blue-deep-alt: var(--lwsoc-brand-navy);
  --ddii-blue: var(--lwsoc-brand-primary);
  --ddii-blue-mid: var(--lwsoc-brand-primary);
  --ddii-sky: var(--lwsoc-brand-cyan);
  --ddii-ink: var(--lwsoc-brand-ink);
  --ddii-muted: var(--lwsoc-brand-muted);
  --ddii-canvas: var(--lwsoc-brand-surface);
  --ddii-gradient: var(--lwsoc-brand-action-gradient);
  --ddii-gradient-rich: radial-gradient(circle at 12% 0%, rgba(32, 188, 237, 0.28), transparent 32%), var(--lwsoc-brand-action-gradient);
  --ddii-button-gradient: var(--lwsoc-brand-action-gradient);
  --ddii-card-border: var(--lwsoc-brand-line);
  --ddii-card-shadow: var(--lwsoc-brand-shadow);
  --ddii-card-shadow-soft: var(--lwsoc-brand-shadow-soft);
}

html {
  accent-color: var(--lwsoc-brand-primary);
}

body {
  color: var(--lwsoc-brand-muted);
  font-family: var(--lwsoc-font-sans);
  text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
  font-family: var(--lwsoc-font-sans);
}

a,
span,
strong,
b,
em,
td,
th,
figcaption {
  font-family: var(--lwsoc-font-sans);
}

::selection {
  background: rgba(32, 188, 237, 0.30);
  color: var(--lwsoc-brand-navy);
}

a,
.text-primary,
.link-primary {
  color: var(--lwsoc-brand-navy);
}

a:hover,
a:focus,
.text-primary:hover,
.link-primary:hover {
  color: var(--lwsoc-brand-primary);
}

:focus-visible {
  outline: 3px solid rgba(17, 106, 248, 0.45);
  outline-offset: 2px;
}

.form-control:focus,
.form-select:focus,
.custom-select:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--lwsoc-brand-primary) !important;
  box-shadow: var(--lwsoc-brand-focus) !important;
}

.form-check-input:checked,
.custom-control-input:checked ~ .custom-control-label::before,
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background-color: var(--lwsoc-brand-primary) !important;
  border-color: var(--lwsoc-brand-primary) !important;
}

.btn,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  letter-spacing: 0;
}

.btn-primary,
.btn-info,
.btn-success,
.btn-danger,
.btn-warning,
.btn-default,
.btn-primary-2,
.btn-primary-3,
.btn_zoom,
.forum-btn,
.ctBtn,
.cart-btn,
.eBtn.gradient,
.enroll-btn,
.pay-btn,
.payment-btn,
.paypal,
.stripe,
.ft2-newsLetter-btn,
.form-arrow,
button[type="submit"]:not(.note-btn),
input[type="submit"] {
  background: var(--lwsoc-brand-action-gradient) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.lwsoc-header-join,
.right-menubar > .ctBtn {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
}

.btn-primary:hover,
.btn-info:hover,
.btn-success:hover,
.btn-danger:hover,
.btn-warning:hover,
.btn-default:hover,
.btn-primary-2:hover,
.btn-primary-3:hover,
.btn_zoom:hover,
.forum-btn:hover,
.ctBtn:hover,
.cart-btn:hover,
.eBtn.gradient:hover,
.enroll-btn:hover,
.pay-btn:hover,
.payment-btn:hover,
.paypal:hover,
.stripe:hover,
.ft2-newsLetter-btn:hover,
.form-arrow:hover,
button[type="submit"]:not(.note-btn):hover,
input[type="submit"]:hover {
  background: linear-gradient(135deg, #052699 0%, #116AF8 100%) !important;
  color: #fff !important;
  box-shadow: var(--lwsoc-brand-shadow-soft);
  filter: none;
}

.btn-primary:focus,
.btn-info:focus,
.btn-success:focus,
.btn-danger:focus,
.btn-warning:focus,
.btn-default:focus,
.btn-primary-2:focus,
.btn-primary-3:focus,
.btn_zoom:focus,
.forum-btn:focus,
.ctBtn:focus,
.cart-btn:focus,
.eBtn.gradient:focus,
.enroll-btn:focus,
.pay-btn:focus,
.payment-btn:focus,
.paypal:focus,
.stripe:focus,
.ft2-newsLetter-btn:focus,
.form-arrow:focus,
button[type="submit"]:not(.note-btn):focus,
input[type="submit"]:focus {
  box-shadow: var(--lwsoc-brand-focus), var(--lwsoc-brand-shadow-soft) !important;
}

.btn-outline-primary,
.btn-outline-info,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-secondary,
.btn-outline-primary-1 {
  background: #fff !important;
  border-color: var(--lwsoc-brand-primary) !important;
  color: var(--lwsoc-brand-navy) !important;
}

.btn-outline-primary:hover,
.btn-outline-info:hover,
.btn-outline-success:hover,
.btn-outline-danger:hover,
.btn-outline-warning:hover,
.btn-outline-secondary:hover,
.btn-outline-primary-1:hover,
.btn-check:checked + .btn-outline-primary {
  background: var(--lwsoc-brand-action-gradient) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.btn-secondary,
.btn-light,
.btn-white {
  background: var(--lwsoc-brand-surface) !important;
  border-color: var(--lwsoc-brand-line) !important;
  color: var(--lwsoc-brand-navy) !important;
}

.btn-secondary:hover,
.btn-light:hover,
.btn-white:hover {
  background: rgba(168, 230, 255, 0.55) !important;
  border-color: rgba(17, 106, 248, 0.35) !important;
  color: var(--lwsoc-brand-navy) !important;
}

.bg-primary,
.bg-info,
.bg-success,
.bg-gradient-primary,
.progress-bar,
.jq-toast-loader,
.dropdown-item.active,
.dropdown-item:active,
.page-item.active .page-link,
.nav-pills .nav-link.active,
.list-group-item.active,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.datepicker table tr td.active.active,
.daterangepicker td.active,
.ranges li.active {
  background: var(--lwsoc-brand-action-gradient) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.badge-primary,
.badge-info,
.badge-success,
.badge-warning,
.badge-danger,
.badge-soft-primary,
.badge-outline-primary,
.course-badge,
.tag,
.label-primary {
  background: rgba(168, 230, 255, 0.54) !important;
  border-color: rgba(17, 106, 248, 0.24) !important;
  color: var(--lwsoc-brand-navy) !important;
}

.border-primary,
.border-info {
  border-color: var(--lwsoc-brand-primary) !important;
}

.text-info,
.text-success {
  color: var(--lwsoc-brand-primary) !important;
}

.modal-content,
.payment-in-modal,
.webui-popover,
.dropdown-menu,
.popover,
.card,
.course-card,
.course-box,
.note-editor.note-frame,
.select2-dropdown {
  border-color: var(--lwsoc-brand-line) !important;
  box-shadow: var(--lwsoc-brand-shadow-soft);
}

.modal-header {
  background: var(--lwsoc-brand-action-gradient) !important;
  border-bottom: 0 !important;
  color: #fff !important;
}

.modal-header .modal-title,
.modal-header .title,
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
  color: #fff !important;
}

.modal-header .close,
.modal-header .btn-close,
.modal-header button,
.modal-header .btn {
  color: #fff !important;
}

.modal-footer {
  background: var(--lwsoc-brand-surface) !important;
  border-top-color: var(--lwsoc-brand-line) !important;
}

.accordion-button:not(.collapsed),
.accordion-item .accordion-header button:not(.collapsed),
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.ct-tabs-custom-one button.nav-link.active,
.ct-tabs-custom-one button.nav-link:hover {
  color: var(--lwsoc-brand-navy) !important;
  border-color: var(--lwsoc-brand-primary) !important;
}

.ct-tabs-custom-one button.nav-link.active,
.ct-tabs-custom-one button.nav-link:hover,
.gradient-text,
.text-gradient,
.header-banner-wrap .title span,
.forum-item .reaction-reply .item .no {
  background-image: var(--lwsoc-brand-display-gradient) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.ct-tabs-custom-one button.nav-link span,
.course-content-items .item.active,
.forum-btn,
.lesson-sidebar .active,
.course-progress .progress-bar {
  background: var(--lwsoc-brand-action-gradient) !important;
}

.s_search input:focus,
.s_search input:hover,
.forum-input:focus,
.forum-input:hover,
.tab-certificate .c-progress,
.page-link:hover,
.page-link:focus {
  border-color: var(--lwsoc-brand-primary) !important;
}

.page-link {
  color: var(--lwsoc-brand-navy) !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background: rgba(168, 230, 255, 0.38) !important;
  color: var(--lwsoc-brand-navy) !important;
}

.menubar::before,
.navbar,
.topnav-navbar,
.topnav-navbar-dark,
.navbar-custom {
  border-color: var(--lwsoc-brand-line) !important;
}

.menubar .right-menubar a:hover,
.menubar a:hover,
.main-nav-wrap a:hover,
.menu-area a:hover,
.lms-header a:hover,
.header-menu a:hover {
  color: var(--lwsoc-brand-primary) !important;
}

.navbar-custom,
.topnav-navbar-dark,
.left-side-menu,
.left-side-menu-detached {
  background: radial-gradient(circle at 8% 0%, rgba(32, 188, 237, 0.26), transparent 30%), var(--lwsoc-brand-action-gradient) !important;
}

.side-nav .side-nav-link:hover,
.side-nav .side-nav-link:focus,
.side-nav .side-nav-link.active,
.side-nav .side-nav-item.active > .side-nav-link,
.side-nav-light .side-nav-link:hover,
.side-nav-light .side-nav-link:focus,
.side-nav-light .side-nav-link.active {
  background: rgba(168, 230, 255, 0.18) !important;
  color: #fff !important;
}

.navbar-custom .topbar-right-menu .nav-link:hover,
.navbar-custom .topbar-right-menu li.show .nav-link,
.navbar-custom .button-menu-mobile:hover {
  background: rgba(168, 230, 255, 0.18) !important;
}

.card-title,
.page-title,
.course-title,
.title,
.title-1,
.title-one .title,
.lwsoc-live-heading,
.lwsoc-section-heading h1,
.lwsoc-section-heading h2,
.lwsoc-section-heading h3,
.lwsoc-section-heading h4,
.lwsoc-auth-head h1,
.sing-up-right h3,
.sing-up-right h5,
.bread-crumb h1,
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body h5,
.content-page h1,
.content-page h2,
.content-page h3,
.content-page h4,
.content-page h5,
.content-page h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--lwsoc-brand-ink) !important;
  font-family: var(--lwsoc-font-heading) !important;
}

.h-1-banner h1,
.h-2-banner h1,
.h-3-banner-text h1,
.lms-hero-section3 h1,
.lms-hero-section4 h1,
.lms-hero-section5 h1,
.lms-hero-section6 h1,
.lms-hero-section7 h1,
.lms-hero-section8 h1,
.lms-hero-section9 h1,
.lms-hero-section10 h1,
.lms-hero-section11 h1,
.lms-hero-section12 h1,
.lms-hero-section13 h1,
.lwsoc-uni-hero h1,
.lwsoc-path-hero h1,
.lwsoc-path-detail-hero h1,
.banner-wrap h1,
.banner-content h1,
.banner-five-content h1,
.banner-six-content h1,
.header-banner-wrap h1,
.bread-crumb h1,
section[class*="hero"] h1,
section[class*="banner"] h1,
div[class*="hero"] h1,
div[class*="banner"] h1 {
  color: #fff !important;
}

.bread-crumb.courses-details .courses-details-1st-text h1 {
  color: #000 !important;
}

.bread-crumb .col-12 h1.lwsoc-page-title-black,
.privacy-policy .col-12 h1 {
  color: #000 !important;
}

p,
li,
label,
blockquote,
.subtitle,
.sub-title,
.subtitle-typo1,
.subtitle-8,
.subtitle-9,
.lms1-text-secondary,
.lwsoc-section-kicker,
.title-one .subtitle,
.lwsoc-live-subtitle,
.course-meta-info1,
.info,
.text-muted,
.card-subtitle,
.small,
small {
  font-family: var(--lwsoc-font-sans) !important;
}

.subtitle,
.sub-title,
.subtitle-typo1,
.subtitle-8,
.subtitle-9,
.lms1-text-secondary,
.lwsoc-section-kicker,
.title-one .subtitle,
.lwsoc-live-subtitle,
.course-meta-info1,
.info,
.text-muted,
.card-subtitle,
.small,
small {
  color: var(--lwsoc-brand-muted) !important;
}

.lwsoc-section-kicker,
.title-one .subtitle,
.bar-right .subtitle,
.section-subtitle,
.subheader,
.sub-heading,
.subheading {
  color: var(--lwsoc-brand-primary) !important;
  font-weight: 800;
  letter-spacing: .08em;
}

.title-one .bar,
.section-title .bar,
.bar-right .bar {
  background: var(--lwsoc-brand-display-gradient) !important;
}

.lwsoc-mandate-panel,
.lwsoc-outcomes-panel,
.lwsoc-final-cta {
  background: var(--lwsoc-brand-action-gradient) !important;
  border-color: rgba(168, 230, 255, 0.18) !important;
  box-shadow: var(--lwsoc-brand-shadow) !important;
}

.lwsoc-mandate-panel .lwsoc-section-kicker,
.lwsoc-outcomes-panel .lwsoc-section-kicker,
.lwsoc-final-cta .lwsoc-section-kicker {
  color: var(--lwsoc-brand-ice) !important;
}

.lwsoc-mandate-panel h1,
.lwsoc-mandate-panel h2,
.lwsoc-mandate-panel h3,
.lwsoc-mandate-panel h4,
.lwsoc-mandate-panel p,
.lwsoc-outcomes-panel h1,
.lwsoc-outcomes-panel h2,
.lwsoc-outcomes-panel h3,
.lwsoc-outcomes-panel h4,
.lwsoc-outcomes-panel p,
.lwsoc-final-cta h1,
.lwsoc-final-cta h2,
.lwsoc-final-cta h3,
.lwsoc-final-cta h4,
.lwsoc-final-cta p {
  color: #fff !important;
}

.menu_number,
.notification-list .noti-icon-badge,
.badge.bg-primary,
.badge-primary,
.counter,
.count,
.number,
.course-number,
.question-number,
.step-number,
.uv-hero1-counter-title,
.kg-counter-title,
.about-info .item .title,
ol > li::marker {
  color: var(--lwsoc-brand-primary) !important;
}

.menu_number,
.notification-list .noti-icon-badge,
.cart-count,
.wishlist-count,
.badge.bg-primary,
.badge-primary {
  background: var(--lwsoc-brand-action-gradient) !important;
  border-color: rgba(168, 230, 255, 0.32) !important;
  color: #fff !important;
}

.about-info .item,
.counter-area-wrap1 .item,
.category-item,
.lwsoc-audience-card,
.lwsoc-value-card,
.lwsoc-step-card,
.lwsoc-track-card {
  border-color: var(--lwsoc-brand-line) !important;
}

.about-info .item::before,
.about-info .item::after,
.category-item::before,
.category-item::after,
.lwsoc-audience-card::before,
.lwsoc-value-card::before,
.lwsoc-step-card::before {
  background: var(--lwsoc-brand-soft-gradient) !important;
}

.course-content-items .item.active .left .title,
.course-content-items .item.active .duration {
  color: #fff !important;
}

.navbar,
.main-header,
.menu-header,
.sub-header,
.mobile-view-offcanves,
.offcanvas,
.navbarHover,
.sub-category-menu,
.menu_pro_tgl_bg,
.menu_pro_wish,
.menu_pro_cart {
  border-color: var(--lwsoc-brand-line) !important;
}

.navbar .nav-link,
.main-nav-wrap .nav-link,
.navigation-main-area li a,
.right-menubar > a,
.navbarHover a,
.sub-category-menu a,
.mobile-view-offcanves a,
.offcanvas a,
.menu_pro_tgl_bg a {
  color: var(--lwsoc-brand-ink) !important;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.main-nav-wrap .nav-link:hover,
.main-nav-wrap .nav-link:focus,
.navigation-main-area li a.active,
.navigation-main-area li a:hover,
.right-menubar > a:hover,
.navbarHover a:hover,
.sub-category-menu a:hover,
.mobile-view-offcanves a:hover,
.offcanvas a:hover,
.menu_pro_tgl_bg a:hover {
  color: var(--lwsoc-brand-primary) !important;
}

.navbarHover li:hover > a,
.sub-category-menu li:hover > a,
.menu_pro_tgl_bg li:hover > a,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  background: rgba(168, 230, 255, 0.30) !important;
  color: var(--lwsoc-brand-navy) !important;
}

.header-search,
.search-container,
.search-input-form .dropdown-menu,
.menu-search,
.mobile-search,
.hoverMenuSearch,
.select-box .nice-select,
.form-select {
  border-color: var(--lwsoc-brand-line) !important;
}

.lwsoc-auth i,
.lwsoc-field .position-relative > i,
.lwsoc-field .lwsoc-eye,
.header-search-icon,
.header-search-icon i,
.menu-search-icon,
.search-menu-icon,
.close-menu-icon,
.m-search-icon,
.m-cross-icon,
.icons,
.icons i,
.category-item .icon,
.category-item .icon i,
.cate-icon,
.cate-icon i,
.category-type1-icon,
.category-type3-icon,
.course-icon,
.course-icon i,
.courses-icon,
.courses-icon i,
.include-icon i,
.price-icon,
.profile-font-icon,
.notify-icon,
.title_icon,
.lwsoc-audience-card i,
.lwsoc-value-icon,
.course-content-items .item .left .icon,
.forum-item .reaction-reply .item .icon,
.action-icon,
.action-icon i,
.navbar i,
.main-nav-wrap i,
.right-menubar i,
.mobile-view-offcanves i,
.offcanvas i,
.menu_pro_tgl_bg i,
.social-btn,
.social-btn i,
.eSocialShare a,
.eSocialShare i,
.header-social a,
.instructor_social li a,
.footer .icon i,
.rating i,
.rating-icon i,
.review-icon i,
.fa-star,
.fas.fa-star,
.far.fa-star {
  color: var(--lwsoc-brand-primary) !important;
}

.lwsoc-auth i:not(.lwsoc-eye),
.category-item .icon,
.cate-icon,
.category-type1-icon,
.category-type3-icon,
.course-icon,
.courses-icon,
.include-icon,
.profile-font-icon,
.notify-icon,
.lwsoc-audience-card i,
.lwsoc-value-icon,
.course-content-items .item .left .icon,
.social-btn,
.eSocialShare a,
.instructor_social li a {
  background: rgba(168, 230, 255, 0.38) !important;
  border-color: rgba(17, 106, 248, 0.18) !important;
}

.eSocialShare a,
.social-btn,
.instructor_social li a {
  align-items: center;
  border: 1px solid rgba(17, 106, 248, 0.18) !important;
  border-radius: 999px;
  display: inline-flex;
  justify-content: center;
}

.eSocialShare a:hover,
.social-btn:hover,
.social-btn:focus,
.instructor_social li a:hover {
  background: var(--lwsoc-brand-action-gradient) !important;
  color: #fff !important;
}

.eSocialShare a:hover svg path,
.social-btn:hover svg path,
.instructor_social li a:hover svg path {
  fill: #fff !important;
  stroke: #fff !important;
}

.review-icon i,
.rating i.filled,
.rating-icon i,
.ele-testimonial-profile-name i {
  color: var(--lwsoc-brand-cyan) !important;
}

.review-icon .thin i,
.rating i:not(.filled),
.ele-testimonial-profile-name .thin i {
  color: var(--lwsoc-brand-ice) !important;
}

.swiper-pagination-bullet,
.slick-dots li button::before,
.owl-dot span {
  background: var(--lwsoc-brand-ice) !important;
  color: var(--lwsoc-brand-ice) !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active,
.slick-dots li.slick-active button::before,
.owl-dot.active span {
  background: var(--lwsoc-brand-primary) !important;
  color: var(--lwsoc-brand-primary) !important;
  outline-color: rgba(168, 230, 255, 0.74) !important;
}

.top-categories h1::after,
.title-two .title::after,
.title-three .title::after,
.section-title::after,
.section-heading::after,
.course-decription .nav-link.active,
.nav-tabs .nav-link.active {
  border-color: var(--lwsoc-brand-primary) !important;
  background-color: var(--lwsoc-brand-primary) !important;
}

.course-card,
.courses-card,
.course-item-one,
.course-item-5,
.course-item-6,
.category-product-body,
.category-item,
.blog-item,
.instructor-item,
.instructor-item-5 {
  border-color: var(--lwsoc-brand-line) !important;
}

.course-card:hover,
.courses-card:hover,
.course-item-one:hover,
.course-item-5:hover,
.course-item-6:hover,
.category-product-body:hover,
.category-item:hover,
.blog-item:hover,
.instructor-item:hover,
.instructor-item-5:hover {
  border-color: rgba(17, 106, 248, 0.28) !important;
  box-shadow: var(--lwsoc-brand-shadow-soft) !important;
}

.course-price,
.price,
.current-price,
.discount-price,
.ammount h1,
.schedule-no,
.speech-item-content .no,
.s_list_one li::after,
.upcoming-course-five li .date,
.step-no,
.serial-no,
.lesson-no,
.question-no {
  color: var(--lwsoc-brand-primary) !important;
}

.schedule-no,
.speech-item-content .inner .title::before,
.s_list_one li::after,
.upcoming-course-five li .date,
.course-badge,
.course-tag,
.s_course_tag,
.ebook-item-one .status {
  background: var(--lwsoc-brand-soft-gradient) !important;
  border-color: rgba(17, 106, 248, 0.20) !important;
}

.menubar svg path,
.main-nav-wrap svg path,
.menu-area svg path,
.lwsoc-auth svg path,
.bread-crumb svg path,
.course-right-section svg path,
.courses-card svg path,
.grid-view-body svg path,
.courses-list-view-card-body svg path,
.category-item svg path,
.lwsoc-audience-card svg path,
.lwsoc-value-card svg path,
.lwsoc-step-card svg path,
.lwsoc-track-card svg path,
.modal-body svg path,
.content-page svg path,
.card svg path {
  fill: var(--lwsoc-brand-primary) !important;
  stroke: var(--lwsoc-brand-primary) !important;
}

.lwsoc-mandate-panel svg path,
.lwsoc-outcomes-panel svg path,
.lwsoc-final-cta svg path,
.navbar-custom svg path,
.left-side-menu svg path,
.footer svg path,
.lms2-footer-section svg path,
.eBottomfooter svg path {
  fill: var(--lwsoc-brand-ice) !important;
  stroke: var(--lwsoc-brand-ice) !important;
}

.forum-item .reaction-reply .item:has(.no) .icon svg path,
.forum-item .reaction-reply .item:has(.no) .icon svg,
.action-icon:hover,
.action-icon:hover i,
.mdi:hover,
.dripicons-document-edit:hover,
.fa:hover,
.fas:hover,
.far:hover,
.fi:hover {
  color: var(--lwsoc-brand-primary) !important;
  fill: var(--lwsoc-brand-primary) !important;
}

.footer,
.lms2-footer-section,
.eBottomfooter {
  background: radial-gradient(circle at 12% 0%, rgba(32, 188, 237, 0.24), transparent 34%), var(--lwsoc-brand-action-gradient) !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer p,
.footer a,
.lms2-footer-section h1,
.lms2-footer-section h2,
.lms2-footer-section h3,
.lms2-footer-section h4,
.lms2-footer-section h5,
.lms2-footer-section h6,
.lms2-footer-section p,
.lms2-footer-section a,
.eBottomfooter p,
.eBottomfooter a {
  color: rgba(255, 255, 255, 0.86) !important;
}

.footer a:hover,
.lms2-footer-section a:hover,
.eBottomfooter a:hover {
  color: var(--lwsoc-brand-ice) !important;
}

.footer .form-control,
.footer input,
.lms2-footer-section .form-control,
.lms2-footer-section input,
.ft2-newsLetter-input {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(168, 230, 255, 0.42) !important;
  color: var(--lwsoc-brand-navy) !important;
}

.footer svg path,
.lms2-footer-section svg path,
.eBottomfooter svg path {
  fill: var(--lwsoc-brand-ice) !important;
}

.ft2-socila-link,
.footer .nav a,
.eBottomfooter .nav a {
  background: rgba(168, 230, 255, 0.12) !important;
  border-color: rgba(168, 230, 255, 0.22) !important;
}

.ft2-socila-link:hover,
.footer .nav a:hover,
.eBottomfooter .nav a:hover {
  background: rgba(168, 230, 255, 0.24) !important;
}

.live_class_note,
.alert-info,
.alert-primary,
.callout-info {
  background: rgba(168, 230, 255, 0.34) !important;
  border-color: rgba(17, 106, 248, 0.28) !important;
  color: var(--lwsoc-brand-navy) !important;
}

.toast-success,
.toast-info,
.jq-icon-success,
.jq-icon-info,
.jq-icon-primary,
.jq-toast-single {
  background: var(--lwsoc-brand-action-gradient) !important;
  color: #fff !important;
  border-color: transparent !important;
}

.plyr--full-ui input[type="range"] {
  color: var(--lwsoc-brand-primary) !important;
}

.plyr__control--overlaid,
.plyr--video .plyr__control:hover,
.plyr--audio .plyr__control:hover,
.plyr__control[aria-expanded="true"] {
  background: var(--lwsoc-brand-primary) !important;
  color: #fff !important;
}

.package-details {
  color: var(--lwsoc-brand-navy) !important;
}

.StripeElement,
.field {
  color: #fff !important;
}

.field.is-focused + span,
label .field.is-focused + span {
  border-bottom-color: var(--lwsoc-brand-cyan) !important;
}

body.payment-page,
body.checkout-page {
  background: var(--lwsoc-brand-action-gradient) !important;
}

/* Admin chrome readability */
.left-side-menu .leftbar-user-name,
.left-side-menu .side-nav .side-nav-title,
.left-side-menu .side-nav .side-nav-link,
.left-side-menu .side-nav .side-nav-link i,
.left-side-menu .side-nav .side-nav-link span,
.left-side-menu .side-nav-second-level li a,
.left-side-menu .side-nav-third-level li a,
.left-side-menu.left-side-menu-detached .side-nav-light .side-nav-second-level li a,
.left-side-menu.left-side-menu-detached .side-nav-light .side-nav-third-level li a,
.left-side-menu .side-nav .menu-arrow:before {
  color: #fff !important;
}

.navbar-custom .topbar-right-menu > li > .nav-link,
.navbar-custom .topbar-right-menu > li > .nav-link i,
.navbar-custom .topbar-right-menu > li.show > .nav-link,
.navbar-custom .topbar-right-menu > li.show > .nav-link i,
.navbar-custom .button-menu-mobile,
.navbar-custom .button-menu-mobile:hover {
  color: #fff !important;
}

.navbar-custom .button-menu-mobile .lines span,
.navbar-custom .button-menu-mobile .lines:before,
.navbar-custom .button-menu-mobile .lines:after {
  background-color: #fff !important;
}

.navbar-custom svg path,
.left-side-menu svg path {
  fill: #fff !important;
  stroke: #fff !important;
}

.lwsoc-naira-equivalent {
  color: currentColor;
  display: inline-block;
  font-size: 0.58em;
  font-weight: 700;
  line-height: 1;
  margin-left: 0.25em;
  opacity: 0.78;
  text-decoration: none;
  vertical-align: super;
  white-space: nowrap;
}

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