:root {
  --brand-navy: #0d1b2a;
  --brand-navy-secondary: #1b263b;
  --brand-gold: #d4af37;
  --brand-gold-hover: #b9901f;
  --brand-gold-text: #8a6500;
  --bodyColor: #253746;
  --bodyBg: #fdfcf8;
  --bodyBg1: #f7f4ec;
  --whitegrey: #6b7280;
  --whitegrey1: #e9e4d8;
  --whitegrey2: #f8f5ed;
  --whitegrey3: #f5edd2;
  --headingColor: #0d1b2a;
  --contentColor: #566273;
  --contentColor2: #536170;
  --primaryColor: #d4af37;
  --secondaryColor: #0d1b2a;
  --secondaryColor2: #1b263b;
  --blackColor: #0d1b2a;
  --blackColor2: #0d1b2a;
  --darkblack: #0d1b2a;
  --darkcolor: #1b263b;
  --darkgray: #aebbc8;
  --deepgray: #1b263b;
  --lightGrey7: #f4f0e4;
  --lightGrey10: #faf8f2;
  --lightGrey11: #fdfcf8;
  --greencolor: #d4af37;
  --greencolor2: #b9901f;
  --orange: #d4af37;
  --blue: #1b263b;
  --skycolor: #d4af37;
  --yellow: #d4af37;
  --yellow1: #d4af37;
}

.is_dark {
  --dark-surface-base: #08131f;
  --dark-surface-sunken: #0a1724;
  --dark-surface-raised: #101f30;
  --dark-surface-muted: #15283b;
  --dark-surface-border: #26394b;
  --dark-surface-shadow: rgba(0, 0, 0, .24);
  --bodyColor: #e7f0f3;
  --bodyBg: var(--dark-surface-base);
  --bodyBg1: #0d1b2a;
  --headingColor: #ffffff;
  --contentColor: #b8c5cf;
  --contentColor2: #b8c5cf;
  --primaryColor: #d4af37;
  --secondaryColor: #1b263b;
  --blackColor: #ffffff;
  --blackColor2: #ffffff;
  --whiteColor: #0d1b2a;
  --whitegrey: #c2ccd4;
  --whitegrey1: #1a2b3c;
  --whitegrey2: var(--dark-surface-raised);
  --whitegrey3: var(--dark-surface-muted);
  --darkblack: #0d1b2a;
  --darkdeep2: #ffffff;
  --darkdeep3: var(--dark-surface-raised);
  --deepgreen: #ffffff;
  --lightGrey7: var(--dark-surface-sunken);
  --lightGrey10: var(--dark-surface-raised);
  --lightGrey11: var(--dark-surface-raised);
  --naveBlue: var(--dark-surface-raised);
  --borderColor: var(--dark-surface-border);
  --borderColor2: #d7e6e8;
  --deepgray: var(--dark-surface-muted);
}

.is_dark .herobannerarea .summery__single__course {
  background: var(--dark-surface-raised);
  border: 1px solid var(--dark-surface-border);
  box-shadow: 0 14px 32px var(--dark-surface-shadow);
}

.is_dark .about__padding__wrap {
  background: linear-gradient(145deg, #0d1b2a 0%, var(--dark-surface-raised) 100%);
  border: 1px solid var(--dark-surface-border);
  box-shadow: 0 18px 42px var(--dark-surface-shadow);
}

.is_dark .training-course-card,
.is_dark .pricingarea__content__wraper,
.is_dark .event__sidebar__wraper,
.is_dark .course__details__wraper,
.is_dark .loginarea__wraper {
  background: var(--dark-surface-raised);
  border: 1px solid var(--dark-surface-border);
  box-shadow: 0 14px 32px var(--dark-surface-shadow);
}

.is_dark .training-course-card {
  border-radius: var(--borderRadius3);
}

.is_dark .training-course-card:hover,
.is_dark .pricingarea__content__wraper:hover {
  background: var(--dark-surface-muted);
  border-color: rgba(212, 175, 55, .38);
  box-shadow: 0 18px 38px rgba(0, 0, 0, .3);
}

.is_dark .content__cirriculum__wrap .accordion-item {
  background: var(--dark-surface-raised);
  border-color: var(--dark-surface-border);
}

.is_dark .content__cirriculum__wrap .accordion-button {
  background: var(--dark-surface-raised);
}

.is_dark .content__cirriculum__wrap .accordion-body {
  background: var(--dark-surface-sunken);
}

.hidden {
  display: none !important;
}

.header-theme-toggle,
.header-cart-button {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(13, 27, 42, .16);
  border-radius: 10px;
  color: var(--brand-navy);
  display: flex;
  flex: 0 0 40px;
  height: 40px;
  justify-content: center;
  padding: 0;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  width: 40px;
}

.header-theme-toggle:hover,
.header-theme-toggle:focus-visible,
.header-cart-button:hover,
.header-cart-button:focus-visible {
  background: rgba(212, 175, 55, .12);
  border-color: var(--brand-gold);
  outline: none;
}

.header-theme-toggle svg,
.header-cart-button svg {
  height: 19px;
  margin: 0;
  width: 19px;
}

.header-theme-toggle .light__mode {
  display: none;
}

.header-theme-toggle .dark__mode {
  display: block;
}

.is_dark .header-theme-toggle .light__mode {
  display: block;
}

.is_dark .header-theme-toggle .dark__mode {
  display: none;
}

.is_dark .header-theme-toggle {
  background: transparent;
  border-color: var(--dark-surface-border);
  color: var(--brand-gold);
}

.header-cart-button {
  position: relative;
}

.header-cart-button [data-school-cart-count] {
  position: absolute;
  top: -6px;
  right: -6px;
  display: grid;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 999px;
  background: var(--brand-gold);
  color: #172230;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}

.is_dark .header-cart-button {
  border-color: var(--dark-surface-border);
  color: var(--brand-gold);
}

.is_dark .header-cart-button [data-school-cart-count] {
  border-color: var(--dark-surface-raised);
}

.is_dark .header-theme-toggle:hover,
.is_dark .header-theme-toggle:focus-visible {
  background: rgba(212, 175, 55, .12);
  border-color: var(--brand-gold);
}

.lucide {
  display: inline-block;
  height: 1em;
  stroke-width: 2;
  vertical-align: -0.125em;
  width: 1em;
}

.headerarea__login a:not(.default__button) {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}

.headerarea__login .lucide {
  font-size: 18px;
}

.breadcrumb__inner ul li a {
  align-items: center;
  display: inline-flex;
  padding-right: 0;
}

.breadcrumb__inner ul li a:after {
  content: none;
}

.breadcrumb__inner .breadcrumb__separator {
  height: 18px;
  margin: 0 4px;
  width: 18px;
}

#scrollUp .lucide {
  display: block;
  height: 20px;
  margin: 15px auto;
  transition: .5s;
  width: 20px;
}

#scrollUp:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.aboutarea__content__wraper .aboutarea__list ul li .lucide {
  border: 1px solid var(--primaryColor);
  border-radius: 50%;
  box-sizing: border-box;
  color: var(--primaryColor);
  height: 16px;
  margin-right: 12px;
  padding: 2px;
  width: 16px;
}

.aboutarea__content__wraper .aboutarea__bottom__button a .lucide,
.training-course-card__link .lucide {
  font-size: 16px;
}

.gridarea__wraper .gridarea__img .gridarea__small__icon .lucide {
  background: rgba(0, 0, 0, .16);
  border-radius: 3px;
  color: var(--whiteColor);
  height: 27px;
  padding: 5px;
  transition: var(--transition);
  width: 30px;
}

.gridarea__wraper .gridarea__img .gridarea__small__icon .lucide:hover {
  background: var(--primaryColor);
}

.gridarea__wraper .gridarea__content .gridarea__list ul li .lucide {
  color: var(--primaryColor);
  font-size: 18px;
  margin-right: 5px;
}

.pricingarea__content__wraper .pricingarea__list ul li .lucide {
  background: var(--secondaryColor);
  border-radius: 50%;
  box-sizing: border-box;
  color: var(--whiteColor);
  height: 20px;
  margin-right: 15px;
  padding: 4px;
  stroke-width: 3;
  width: 20px;
}

.course__details__price .lucide,
.course__summery__lists .lucide,
.scc__meta .lucide {
  color: var(--primaryColor);
  margin-right: 5px;
}

.course__summery__lists .lucide {
  font-size: 18px;
}

.scc__info .lucide {
  flex: 0 0 auto;
  font-size: 16px;
  margin-right: 10px;
}

.testimonial__slider__active__3 .slick-arrow .lucide {
  font-size: 30px;
}

.is_dark .scc__info .lucide {
  color: var(--blackColor);
}

@media (max-width: 767px) {
  .aboutarea__content__wraper .aboutarea__list ul li .lucide {
    margin-right: 5px;
  }
}

.auth-pending {
  visibility: hidden;
}

.headerarea__main__menu ul {
  margin: 0;
}

.site-brand {
  align-items: center;
  color: var(--blackColor);
  display: inline-flex;
  gap: 8px;
  line-height: 1;
}

.site-brand:hover {
  color: var(--primaryColor);
}

.site-brand__logo {
  display: block;
  flex: 0 0 auto;
  height: auto;
  width: 76px;
}

.site-brand__name,
.footer-brand__name {
  display: flex;
  flex-direction: column;
  font-family: var(--bodyFont);
  font-size: 1.08rem;
  letter-spacing: .015em;
  line-height: 1;
  text-transform: uppercase;
}

.site-brand__name strong,
.footer-brand__name strong {
  font-weight: 700;
}

.site-brand__name > span,
.footer-brand__name > span {
  color: var(--brand-gold-text);
  font-size: .92em;
  font-weight: 500;
  letter-spacing: .02em;
}

.is_dark .site-brand__name > span,
.footer-brand__name > span {
  color: var(--brand-gold);
}

.headerarea__login {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: flex-end;
}

.mobile-navigation {
  display: none;
}

.headerarea__login a.header-dashboard-link {
  min-height: 44px;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: var(--school-heading);
  color: var(--school-surface);
  font-size: 14px;
  white-space: nowrap;
}

.headerarea__login a.header-dashboard-link:hover {
  background: var(--school-gold-ink);
  color: var(--school-surface);
}

.account-navigation {
  position: relative;
}

.account-navigation > summary {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px;
  border: 1px solid var(--school-border-strong);
  border-radius: 10px;
  background: var(--school-surface);
  color: var(--school-heading);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.account-navigation > summary::-webkit-details-marker {
  display: none;
}

.account-navigation > summary .lucide-chevron-down {
  width: 14px;
  height: 14px;
}

.account-navigation[open] > summary .lucide-chevron-down {
  transform: rotate(180deg);
}

.account-navigation > summary:hover,
.account-navigation[open] > summary {
  border-color: var(--school-gold-ink);
  background: var(--school-surface-soft);
}

.headerarea__login a.header-dashboard-link:focus-visible,
.account-navigation > summary:focus-visible,
.headerarea__login .account-navigation a:focus-visible {
  outline: 2px solid var(--school-gold-ink);
  outline-offset: 3px;
}

.account-navigation__panel {
  position: absolute;
  z-index: 100;
  top: calc(100% + 12px);
  right: 0;
  width: 336px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 110px);
  max-height: calc(100dvh - 110px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 8px;
  border: 1px solid var(--school-border-strong);
  border-radius: 16px;
  background: var(--school-surface);
  color: var(--school-heading);
  box-shadow: var(--school-shadow);
  text-align: left;
}

.account-navigation__identity {
  display: grid;
  gap: 3px;
  padding: 12px;
  border-bottom: 1px solid var(--school-border);
  text-align: left;
  overflow-wrap: anywhere;
}

.account-navigation__identity > span {
  color: var(--school-copy);
  font-size: 12px;
}

.account-navigation__identity > strong {
  color: var(--school-heading);
  font-size: 16px;
  font-weight: 700;
}

.account-navigation__links {
  padding: 6px 0;
}

.headerarea__login a.account-navigation__link,
.headerarea__login a.account-navigation__signout {
  display: flex;
  min-height: 48px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--school-heading);
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}

.headerarea__login a.account-navigation__link:hover,
.headerarea__login a.account-navigation__signout:hover {
  background: var(--school-surface-soft);
  color: var(--school-heading);
}

.account-navigation__icon {
  display: grid;
  flex: 0 0 36px;
  height: 36px;
  place-items: center;
  border: 1px solid var(--school-border);
  border-radius: 10px;
  background: var(--school-surface-soft);
  color: var(--school-gold-ink);
}

.account-navigation__copy {
  flex: 1;
  min-width: 0;
}

.account-navigation__copy strong,
.account-navigation__copy small {
  display: block;
}

.account-navigation__copy strong {
  color: var(--school-heading);
  font-size: 14px;
  font-weight: 650;
}

.account-navigation__copy small {
  margin-top: 2px;
  color: var(--school-copy);
  font-size: 12px;
  font-weight: 400;
}

.headerarea__login .account-navigation__arrow {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  color: var(--school-copy);
}

.headerarea__login a.account-navigation__signout {
  border-top: 1px solid var(--school-border);
  border-radius: 0 0 10px 10px;
  justify-content: flex-start;
}

.headerarea__login .default__button {
  padding: 12px 22px;
}

.default__button {
  color: var(--brand-navy);
  font-weight: 600;
}

.default__button.default__button--2 {
  color: #fff;
}

.is_dark .default__button.default__button--2 {
  background-color: var(--brand-navy-secondary);
  border-color: var(--brand-gold);
  color: #fff;
}

.pricingarea__button.pricingarea__button__2 .default__button {
  color: #fff;
}

.herobannerarea__title .herobannerarea__small__title span {
  color: var(--brand-gold-text);
}

.is_dark .herobannerarea__title .herobannerarea__small__title span {
  color: var(--brand-gold);
}

.herobannerarea__title .herobannerarea__title__heading__2 h2 span {
  color: var(--brand-gold-text);
}

.is_dark .herobannerarea__title .herobannerarea__title__heading__2 h2 span {
  color: var(--brand-gold);
}

.form-message {
  margin-top: 16px;
  white-space: pre-wrap;
}

.login-submit-button {
  border: 0;
  width: 100%;
}

.loginarea .tab__button__wrap {
  justify-content: center;
  margin-bottom: 30px;
}

.loginarea .single__tab__link {
  display: inline-block;
}

.loginarea .login__shape__img {
  pointer-events: none;
}

.training-copy {
  max-width: 880px;
}

.training-copy h2 {
  margin-top: 32px;
}

[data-aos] {
  opacity: 1 !important;
  transform: none !important;
}

.herobannerarea__single__course .herobannerarea__text p {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.pricingarea__single__course {
  height: auto;
}

.training-course-card {
  height: 100%;
}

.training-course-card .gridarea__img img {
  aspect-ratio: 16 / 10;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.training-course-card .gridarea__content {
  display: flex;
  flex-direction: column;
  min-height: 300px;
}

.training-course-card .gridarea__bottom {
  margin-top: auto;
}

.training-course-card__link {
  color: var(--brand-gold-text);
  font-weight: 700;
}

.grid__badge.orange__color {
  background: var(--brand-gold);
  color: var(--brand-navy);
}

.gridarea__wraper .gridarea__img .gridarea__small__button .grid__badge.pink__color {
  background: var(--brand-gold);
  color: var(--brand-navy);
}

.footerarea {
  background: var(--brand-navy);
}

.is_dark .footerarea {
  background: var(--brand-navy);
}

.footer-brand {
  align-items: center;
  color: #fff;
  display: inline-flex;
  gap: 10px;
  margin: 0 0 1rem;
}

.footer-brand__logo {
  display: block;
  flex: 0 0 auto;
  height: auto;
  width: 112px;
}

.footer-brand__name {
  font-size: 1.22rem;
}

.footer-brand:hover,
.footer-brand:focus {
  color: #fff;
}

.footerarea__wrapper .footerarea__inner .footerarea__heading h3,
.footerarea__copyright__wrapper .footerarea__copyright__content.footerarea__copyright__content__2 p {
  color: #fff;
}

.footerarea__wrapper .footerarea__inner .footerarea__content p,
.footerarea__wrapper .footerarea__inner .footerarea__list ul li a,
.footerarea__copyright__wrapper .footerarea__copyright__content p,
.footerarea__copyright__wrapper .footerarea__copyright__content p a {
  color: #aebbc8;
}

.header__area.sticky {
  box-shadow: 0 14px 38px rgba(13, 27, 42, .12);
}

.theme__shadow__circle,
.theme__shadow__circle.shadow__right {
  background-image: linear-gradient(45deg, var(--brand-gold), var(--brand-gold-hover));
}

@media (max-width: 991px) {
  .headerarea .desktop__menu__wrapper {
    display: block !important;
    position: relative;
  }

  .headerarea .row {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
  }

  .headerarea .main_menu_wrap {
    display: none !important;
  }

  .headerarea .col-md-6:first-child {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
  }

  .headerarea .col-md-6:last-child {
    flex: 0 0 auto;
    width: auto;
  }

  .site-brand__logo {
    width: 70px;
  }

  .site-brand__name {
    font-size: 1rem;
  }

  .headerarea__login {
    gap: 8px;
  }

  .headerarea .headerarea__login > a,
  .headerarea__login > .account-navigation {
    display: none;
  }

  .header-theme-toggle,
  .header-cart-button,
  .mobile-navigation > summary {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }

  .mobile-navigation {
    display: block;
  }

  .mobile-navigation > summary {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--school-border-strong);
    border-radius: 10px;
    color: var(--school-heading);
    cursor: pointer;
    list-style: none;
  }

  .mobile-navigation > summary::-webkit-details-marker {
    display: none;
  }

  .mobile-navigation > summary:focus-visible,
  .headerarea__login .mobile-navigation a:focus-visible {
    outline: 2px solid var(--school-gold-ink);
    outline-offset: 2px;
  }

  .mobile-navigation > summary svg {
    width: 22px;
    height: 22px;
    margin: 0;
  }

  .mobile-navigation:not([open]) > summary .lucide-x,
  .mobile-navigation[open] > summary .lucide-menu {
    display: none;
  }

  .mobile-navigation__panel {
    position: absolute;
    z-index: 100;
    top: 100%;
    right: 12px;
    left: 12px;
    max-height: calc(100vh - 110px);
    max-height: calc(100dvh - 110px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 12px;
    text-align: left;
    border: 1px solid var(--school-border);
    border-radius: 14px;
    background: var(--school-surface);
    box-shadow: var(--school-shadow);
  }

  .headerarea__login .mobile-navigation a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 10px 12px;
    border: 0;
    border-radius: 8px;
    color: var(--school-heading);
    font-size: 16px;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }

  .headerarea__login .mobile-navigation a svg {
    flex: 0 0 18px;
    height: 18px;
    margin: 0;
  }

  .mobile-navigation a:hover,
  .mobile-navigation a[aria-current] {
    background: var(--school-surface-soft);
  }

  .mobile-navigation__account {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--school-border);
  }

  .mobile-navigation__account small {
    display: block;
    color: var(--school-copy);
    font-size: 13px;
  }

  .headerarea__login .mobile-navigation a.account-navigation__signout {
    justify-content: flex-start;
    border-top: 1px solid var(--school-border);
  }
}

@media (max-width: 575px) {
  .site-brand__logo {
    width: 48px;
  }

  .site-brand__name {
    font-size: .8rem;
  }

  .footer-brand {
    gap: 8px;
  }

  .footer-brand__logo {
    width: 96px;
  }

  .footer-brand__name {
    font-size: 1.05rem;
  }

  .course__details__price.summery__single__course ul {
    display: grid !important;
    gap: 12px;
    grid-template-columns: 1fr;
    text-align: center;
  }

  .course__details__price.summery__single__course li {
    display: block;
    justify-content: center;
  }

  .summery__single__course .course__price {
    font-size: 24px;
    line-height: 1.1;
  }

  .herobannerarea__single__course .herobannerarea__title__heading__3 h2 {
    font-size: 34px;
    line-height: 1.15;
  }
}

/* Give signed-in account controls room beside the main navigation. */
.headerarea__login details > summary { white-space: nowrap; }
@media (min-width: 992px) {
  .has-session .headerarea .desktop__menu__wrapper > .row { row-gap: 8px; }
  .has-session .headerarea .desktop__menu__wrapper > .row > .col-md-6 { width: auto; }
  .has-session .headerarea .desktop__menu__wrapper > .row > .main_menu_wrap { flex: 1; width: auto; }
  .has-session .headerarea__main__menu nav > ul { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
  .has-session .headerarea__main__menu nav > ul > li > a { padding: 28px 0; white-space: nowrap; }
}