/**
 * EDU48 brand theme overrides
 * Colors: navy #0B0B1D, accent #5D69B1, secondary #1A1A2E
 */

.bd-header-top.style-three {
  background-color: var(--bd-theme-black);
  border-bottom: 1px solid rgba(93, 105, 177, 0.25);
}

.bd-header-top.style-three a,
.bd-header-top.style-three span {
  color: rgba(255, 255, 255, 0.9);
}

.bd-header-top.style-three a:hover {
  color: var(--bd-primary);
}

.bd-header-transparent-two .header-style-one {
      background-color: #fff;
      border-top: 2px solid #47509f;
    border-bottom: 2px solid #47509f;
}
.bd-header-logo img {
  max-height: auto;
  width: auto;
  max-width: 150px;
}

.bd-footer-widget-logo img {
  max-height: 130px;
  width: auto;
  max-width: 100%;
}

.bd-preloader-circle circle:last-child {
  stroke: var(--bd-primary) !important;
}

.bd-banner-subtitle {
  color: var(--bd-primary);
  font-weight: var(--bd-fw-sbold);
}

.bd-btn.btn-primary,
.bd-footer-subscribe-form .bd-btn.btn-primary {
  background-color: var(--bd-primary);
  border-color: var(--bd-primary);
}

.bd-btn.btn-primary:hover {
  background-color: #4a5699;
  border-color: #4a5699;
}

.bd-btn.btn-outline-primary {
  color: var(--bd-primary);
  border-color: var(--bd-primary);
}

.bd-btn.btn-outline-primary:hover {
  background-color: var(--bd-primary);
  color: var(--bd-white);
}

.bd-btn.btn-outline-border-primary {
  border-color: var(--bd-primary);
  color: var(--bd-white);
}

.bd-btn.btn-outline-border-primary:hover {
  background-color: var(--bd-primary);
  color: var(--bd-white);
}

.main-menu ul li a:hover,
.main-menu ul li.active > a {
  color: var(--bd-primary);
}

.bd-footer-area.style-two.theme-black {
  background-color: var(--bd-theme-black);
}

.bd-footer-copyright-area.style-two.theme-bg {
  background-color: #1A1A2E;
}

.text-secondary {
  color: var(--bd-primary) !important;
}

.bd-title-underline svg path {
  stroke: var(--bd-primary) !important;
}

.bd-video-btn.secondary .icon {
  background-color: var(--bd-primary);
}

.cartmini__title,
.bd-offcanvas-title {
  color: var(--bd-theme-black);
}

.bd-course-price,
.bd-pricing-amount {
  color: var(--bd-primary);
}

#loading-center-absolute .bd-preloader-subtitle {
  color: var(--bd-primary);
}

/* Hero banner (home page)
   The artwork in images/banner/hero/hero-full.jpg carries the banner
   background, so it is stretched across the whole section and the copy is laid
   over the empty right-hand side. Its right edge fades into a gradient sampled
   from the same artwork, which keeps the background seamless on wide screens.
   Type is sized from a single em scale so the copy stays proportional to the
   artwork at every width. */
.edu48-hero-banner {
  --edu48-hero-header: 92px;
  position: relative;
  overflow: hidden;
  padding-top: var(--edu48-hero-header);
  background-color: #fefefe;
  z-index: 1;
}

.edu48-hero-banner__stage {
  display: flex;
  align-items: center;
}

.edu48-hero-banner__stage > .container {
  width: 100%;
}

.edu48-hero-banner__visual {
  display: none;
}

.edu48-hero-banner__content {
  text-align: right;
  font-size: 15px;
}

.edu48-hero-banner__title {
  color: #14142b;
  font-size: 2.2em;
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.02em;
  margin-bottom: 0.6em;
}

.edu48-hero-banner__title span {
  color: #332a9e;
}

.edu48-hero-banner__description {
  color: #43464f;
  font-size: 1.1em;
  line-height: 1.72;
  margin: 0 0 1.5em;
}

.edu48-hero-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  margin-bottom: 1.7em;
}

.edu48-hero-banner__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  min-height: 2.95em;
  padding: 0 1.45em;
  border-radius: 0.85em;
  font-size: 1.07em;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  transition: all 0.25s ease;
}

.edu48-hero-banner__btn--primary {
  background-color: #3728b4;
  border: 2px solid #3728b4;
  color: #ffffff;
}

.edu48-hero-banner__btn--primary:hover {
  background-color: #2b1f93;
  border-color: #2b1f93;
  color: #ffffff;
}

.edu48-hero-banner__btn--outline {
  background-color: #ffffff;
  border: 2px solid #3728b4;
  color: #3728b4;
}

.edu48-hero-banner__btn--outline:hover {
  background-color: #3728b4;
  color: #ffffff;
}

.edu48-hero-banner__features {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  color: #4c4e57;
}

.edu48-hero-banner__features li {
  display: inline-flex;
  align-items: center;
  gap: 0.55em;
  padding-inline: 1.3em;
}

.edu48-hero-banner__features li:first-child {
  padding-inline-start: 0;
}

.edu48-hero-banner__features li:not(:last-child) {
  border-inline-end: 1px solid #c9ccda;
}

.edu48-hero-banner__features i {
  color: #2b2e3a;
  font-size: 1.1em;
}

@media (min-width: 992px) {
 /* .edu48-hero-banner {
    background-image:
      url("/images/banner/hero/hero_bg.png"),
      linear-gradient(180deg, #edecfc 0%, #f0efff 8.3%, #f0f0fc 16.7%,
        #f3f3fd 25%, #f4f4fe 33.3%, #f4f4fe 58.3%, #f5f5fd 66.7%,
        #f7f8fd 75%, #f9f8fe 83.3%, #f8f7fd 91.7%, #ffffff 100%),
      linear-gradient(180deg, #ffffff 0%, #edecfc 100%);
    background-repeat: no-repeat;
    background-position: left bottom, left bottom, left top;
    background-size:
      auto calc(100% - var(--edu48-hero-header)),
      100% calc(100% - var(--edu48-hero-header)),
      100% var(--edu48-hero-header);
  }*/

 .edu48-hero-banner {
    background-image: url("/images/banner/hero/hero_bg.png");
            background-repeat: no-repeat;
        background-size: cover;
  }
  .edu48-hero-banner__stage {
    aspect-ratio: 1024 / 390;
    max-height: 680px;
  }

  .edu48-hero-banner__content {
    width: 100%;
/*    font-size: clamp(13px, 1.37vw, 19px);*/
    display: flex;
  }

  .edu48-hero-banner__title {
    font-size: 3.14em;
  }

  .edu48-hero-banner__description {
    max-width: 86%;
  }
}

.edu48-hero-banner__right {
  
}
.edu48-hero-banner__left {
 
}

@media (max-width: 991px) {
  .edu48-hero-banner {
    background-color: #ffffff;
  }

  /* Ends on the devices crop's top edge colour so the stacked artwork below
     continues the background without a visible join. */
  .edu48-hero-banner__stage {
    padding-block: 1.25rem 1.5rem;
    background-image: linear-gradient(180deg, #fbfaff 0%, #f1f0fd 55%, #e2e0f9 100%);
  }

  .edu48-hero-banner__visual {
    display: block;
    aspect-ratio: 604 / 390;
    background: url("/images/banner/hero/hero-devices.jpg") left top / 100% 100% no-repeat;
  }

  .edu48-hero-banner__features li {
    width: 100%;
    padding-inline: 0;
    border-inline-end: 0;
    margin-bottom: 0.5em;
  }
}

.bd-feature-area-row {
  margin-top: 0;
}
 .bd-feature-wrapper{
    background-color: #fff;
    padding: 30px 15px;
        border-radius: 20px;
    box-shadow: 0 0 10px 4px rgb(137 137 137 / 20%);
 }
.bd-feature-wrapper.style-one .bd-feature-item .description {
  color: #000;
}

 .bd-category-wrapper.style-seven .bd-category-item {
  background-color: #47509f;
    border-radius: 30px;
 }
 .bd-category-wrapper.style-seven .bd-category-icon {
  margin-top: 5px;
 }
 .bd-category-wrapper.style-seven .bd-category-item:hover .bd-category-icon {
  background-color: #000;
 }

.bd-category-wrapper.style-seven .bd-category-title {
    color: #fff;
}
.bd-category-wrapper.style-seven .bd-category-item:hover .bd-category-title {
  color: #000;
}
.bd-category-wrapper.style-seven .bd-category-subtitle {
      color: #fff;
      padding-bottom: 10px;
}
.bd-category-wrapper.style-seven .bd-category-subtitle .total-course {
  color: #fff;
}