@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot');
  src: url('../fonts/icomoon.eot#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../images/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.my-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-academic-enrichment:before {
  content: "\e900";
}

.icon-address:before {
  content: "\e901";
}

.icon-all:before {
  content: "\e902";
}

.icon-arrow-bottom:before {
  content: "\e903";
}

.icon-arrow-double-right:before {
  content: "\e904";
}

.icon-arrow-left:before {
  content: "\e905";
}

.icon-arrow-long-left:before {
  content: "\e906";
}

.icon-arrow-long-right:before {
  content: "\e907";
}

.icon-arrow-right:before {
  content: "\e908";
}

.icon-arrow-right-top:before {
  content: "\e909";
}

.icon-be:before {
  content: "\e90a";
}

.icon-calander:before {
  content: "\e90b";
}

.icon-calander-2:before {
  content: "\e90c";
}

.icon-call:before {
  content: "\e90d";
}

.icon-call-2:before {
  content: "\e90e";
}

.icon-call-us:before {
  content: "\e90f";
}

.icon-call-us-2:before {
  content: "\e910";
}

.icon-career-dev:before {
  content: "\e911";
}

.icon-checkmark:before {
  content: "\e912";
}

.icon-checkmark-2:before {
  content: "\e913";
}

.icon-colum:before {
  content: "\e914";
}

.icon-comments:before {
  content: "\e915";
}

.icon-community-and-events:before {
  content: "\e916";
}

.icon-courses-completed:before {
  content: "\e917";
}

.icon-design:before {
  content: "\e918";
}

.icon-development:before {
  content: "\e919";
}

.icon-discord:before {
  content: "\e91a";
}

.icon-educational-leadership:before {
  content: "\e91b";
}

.icon-education-empowering-learne:before {
  content: "\e91c";
}

.icon-education-resources:before {
  content: "\e91d";
}

.icon-embark-empowerment:before {
  content: "\e91e";
}

.icon-eye:before {
  content: "\e91f";
}

.icon-eye-cut:before {
  content: "\e920";
}

.icon-facebook:before {
  content: "\e921";
}

.icon-fax:before {
  content: "\e922";
}

.icon-growth-team-help:before {
  content: "\e923";
}

.icon-happy-students:before {
  content: "\e924";
}

.icon-instagram:before {
  content: "\e925";
}

.icon-instagram-2:before {
  content: "\e926";
}

.icon-lesson:before {
  content: "\e927";
}

.icon-linkedin:before {
  content: "\e928";
}

.icon-location:before {
  content: "\e929";
}

.icon-marketing:before {
  content: "\e92a";
}

.icon-massage:before {
  content: "\e92b";
}

.icon-massage-2:before {
  content: "\e92c";
}

.icon-massage-3:before {
  content: "\e92d";
}

.icon-media-activities:before {
  content: "\e92e";
}

.icon-messenger-icon:before {
  content: "\e92f";
}

.icon-online-support:before {
  content: "\e930";
}

.icon-our-platform-caters-need:before {
  content: "\e931";
}

.icon-play:before {
  content: "\e932";
}

.icon-plus:before {
  content: "\e933";
}

.icon-programs-courses:before {
  content: "\e934";
}

.icon-quote:before {
  content: "\e935";
}

.icon-quote-2:before {
  content: "\e936";
}

.icon-row:before {
  content: "\e937";
}

.icon-search:before {
  content: "\e938";
}

.icon-service-station:before {
  content: "\e939";
}

.icon-share:before {
  content: "\e93a";
}

.icon-skill-dev-for-it:before {
  content: "\e93b";
}

.icon-skill-expert:before {
  content: "\e93c";
}

.icon-skype:before {
  content: "\e93d";
}

.icon-star:before {
  content: "\e93e";
}

.icon-technology-and-it:before {
  content: "\e93f";
}

.icon-test-prep-exam:before {
  content: "\e940";
}

.icon-time-hour:before {
  content: "\e941";
}

.icon-twitter:before {
  content: "\e942";
}

.icon-user:before {
  content: "\e943";
}

.icon-user-2:before {
  content: "\e944";
}

.icon-user-3:before {
  content: "\e945";
}

.icon-user-star:before {
  content: "\e946";
}

.icon-youtube:before {
  content: "\e947";
}

.icon-global:before {
  content: "\e948";
}

.icon-instractor:before {
  content: "\e949";
}

.icon-key:before {
  content: "\e94a";
}

.icon-quizzes:before {
  content: "\e94b";
}




/* Parent submenu */
.main-menu .sub-menu {
  position: absolute;
  background: #fff;
  min-width: 220px;
  padding: 10px 0;
  display: none;
  z-index: 999;
}

/* Show first submenu */
.main-menu li:hover>.sub-menu {
  display: block;
}

/* Needed for nested positioning */
.main-menu .sub-menu li {
  position: relative;
}

/* Second level submenu */
.main-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 5px;
}

/* Menu links */
.main-menu .sub-menu li a {
  display: block;
  padding: 4px 18px;
  white-space: nowrap;
}

/* Hover effect */
.main-menu .sub-menu li a:hover {
  background: #f5f5f5;
}

/* Mobile submenu */
.mobile-menu .sub-menu {
  display: none;
  padding-left: 15px;
}

/* Show submenu when active */
.mobile-menu .menu-item-has-children.active>.sub-menu {
  display: block;
}

/* Mobile links */
.mobile-menu ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

/* Menu link alignment */
.main-menu .menu-item-has-children>a {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Dropdown icon style */
.main-menu .dropdown-icon {
  font-size: 12px;
  transition: 0.3s;
}

/* Rotate top icon on hover */
.main-menu .menu-item-has-children:hover>a .fa-angle-down {
  transform: rotate(180deg);
}

/* Optional hover effect */
.main-menu .menu-item-has-children:hover>a {
  color: #0d6efd;
}






/*=================================
    Popular Courses Section
==================================*/

.popular-course-section {
  padding: 100px 0;
  background: var(--color-white6);
  position: relative;
}

/*=================================
    Heading
==================================*/

.section-heading {
  margin-bottom: 60px;
}

.heading-top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.heading-line {
  width: 55px;
  height: 3px;
  background: var(--color-primary);
  border-radius: 50px;
}

.sub-title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--color-primary);
  font-family: var(--body-font);
}

.section-heading h2 {
  font-size: 50px;
  line-height: 1.2;
  margin: 0;
  color: var(--color-secondary);
  font-weight: 600;
  font-family: var(--title-font);
}

/*=================================
    Grid
==================================*/

.popular-course-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/*=================================
    Course Box
==================================*/

.course-box {
  position: relative;
  background: var(--color-white);
  border: 1px solid rgba(23, 155, 215, 0.12);
  padding: 40px 35px;
  text-decoration: none;
  transition: 0.4s ease;
  overflow: hidden;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.course-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: var(--color-primary);
  transition: 0.4s;
}

.course-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  border-color: rgba(23, 155, 215, 0.25);
}

.course-box:hover::before {
  width: 100%;
  opacity: 0.03;
}

/* Number */
.course-number {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: 2px;
  margin-bottom: 25px;
  display: inline-block;
  font-family: var(--body-font);
}

/* Content */
.course-content h3 {
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 18px;
  color: var(--color-secondary);
  font-weight: 600;
  font-family: var(--title-font);
}

.course-content p {
  font-size: 16px;
  line-height: 1.8;
  color: var(--color-paragraph);
  margin: 0;
  font-family: var(--body-font);
}

/* Bottom Tag */
.course-tag {
  margin-top: 35px;
  display: inline-block;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary);
  letter-spacing: 0.5px;
  font-family: var(--body-font);
}

/*=================================
    Responsive
==================================*/

@media(max-width:1200px) {

  .popular-course-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media(max-width:991px) {

  .popular-course-section {
    padding: 80px 0;
  }

  .section-heading h2 {
    font-size: 40px;
  }

  .course-content h3 {
    font-size: 26px;
  }

}

@media(max-width:767px) {

  .popular-course-grid {
    grid-template-columns: 1fr;
  }

  .section-heading {
    margin-bottom: 45px;
  }

  .section-heading h2 {
    font-size: 32px;
  }

  .course-box {
    padding: 35px 25px;
    min-height: auto;
  }

}

@media(max-width:575px) {

  .popular-course-section {
    padding: 70px 0;
  }

  .section-heading h2 {
    font-size: 28px;
    line-height: 1.4;
  }

  .course-content h3 {
    font-size: 24px;
  }

  .course-content p {
    font-size: 15px;
  }

}

/* Slider spacing */
.popular-course-slider {
  padding: 10px 5px 70px;
}

/* Make cards full height */
.popular-course-slider .swiper-slide {
  height: auto;
}

.popular-course-slider .course-box {
  height: 100%;
}

/* Navigation Buttons */
.course-next,
.course-prev {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(23, 155, 215, 0.15);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
  color: var(--color-primary);
  transition: 0.3s;
}

.course-next:hover,
.course-prev:hover {
  background: var(--color-primary);
  color: #fff;
}

.course-next::after,
.course-prev::after {
  font-size: 16px;
  font-weight: 700;
}

/* Mobile arrows */
@media(max-width:767px) {

  .course-next,
  .course-prev {
    display: none;
  }

}


/*=================================
    Hiring Partner Section
==================================*/

.hiring-partner-section {
  padding: 100px 0;
  background: var(--color-white);
  position: relative;
  overflow: hidden;
}

/* Background Shape */
.hiring-partner-section::before {
  content: "";
  position: absolute;
  width: 350px;
  height: 350px;
  background: rgba(23, 155, 215, 0.04);
  border-radius: 50%;
  top: -120px;
  right: -120px;
}

/*=================================
    Heading
==================================*/

.partner-heading {
  text-align: center;
  max-width: 850px;
  margin: 0 auto 70px;
}

.heading-top {
  display: flex;

  gap: 12px;
  margin-bottom: 18px;
}

.heading-line {
  width: 50px;
  height: 3px;
  background: var(--color-primary);
  border-radius: 50px;
}

.sub-title {
  margin: 0;
  color: var(--color-primary);
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: var(--body-font);
}

.partner-heading h2 {
  font-size: 48px;
  line-height: 1.2;
  color: var(--color-secondary);
  margin-bottom: 20px;
  font-weight: 600;
  font-family: var(--title-font);
}

.partner-heading p {
  font-size: 17px;
  line-height: 1.9;
  color: var(--color-paragraph);
  margin: 0;
  font-family: var(--body-font);
}

/*=================================
    Slider
==================================*/

.hiring-partner-slider {
  padding-bottom: 10px;
}

/*=================================
    Logo Box
==================================*/

.partner-logo-box {
  height: 140px;
  background: #fff;
  border: 1px solid rgba(23, 155, 215, 0.10);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  transition: 0.4s ease;
  position: relative;
  overflow: hidden;
}

/* Hover Effect */
.partner-logo-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,
      rgba(23, 155, 215, 0.03),
      transparent);
  opacity: 0;
  transition: 0.4s;
}

.partner-logo-box:hover::before {
  opacity: 1;
}

.partner-logo-box:hover {
  transform: translateY(-8px);
  border-color: rgba(23, 155, 215, 0.25);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.06);
}

/* Logo */
.partner-logo-box img {
  width: 150px;
  height: 120px;
  object-fit: contain;
  opacity: 0.75;
  transition: 0.4s;
}

.partner-logo-box:hover img {
  opacity: 1;
  filter: grayscale(0%);
}

/*=================================
    Responsive
==================================*/

@media(max-width:991px) {

  .hiring-partner-section {
    padding: 80px 0;
  }

  .partner-heading h2 {
    font-size: 38px;
  }

}

@media(max-width:767px) {

  .partner-heading {
    margin-bottom: 50px;
  }

  .partner-heading h2 {
    font-size: 30px;
  }

  .partner-heading p {
    font-size: 15px;
  }

  .partner-logo-box {
    height: 120px;
    padding: 25px;
  }

}

@media(max-width:575px) {

  .hiring-partner-section {
    padding: 70px 0;
  }

  .partner-heading h2 {
    font-size: 26px;
    line-height: 1.4;
  }

}

/*=================================
    Course Details Button
==================================*/

.course-details-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 26px;
  background: var(--color-primary);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  transition: 0.3s ease;
  font-family: var(--body-font);
  border: 1px solid transparent;
}

/* Hover */
.course-details-btn:hover {
  background: transparent;
  border-color: var(--color-primary);
  color: var(--color-primary);
}

/* Price & Review Alignment */
.price-and-review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 25px;
}

/* Mobile Responsive */
@media(max-width:575px) {

  .price-and-review {
    flex-direction: column;
    align-items: flex-start;
  }

  .course-details-btn {
    width: 100%;
  }

}

.chooses-skill-items.v2 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.chooses-skill-items.v2 li {
  flex: 1;
  text-align: center;
}

/* Small screen */
@media (max-width: 767px) {

  .chooses-skill-items.v2 {
    gap: 5px;
  }

  .chooses-skill-items.v2 li {
    padding: 8px 3px;
  }

  .chooses-skill-items.v2 .title {
    font-size: 18px;
  }

  .chooses-skill-items.v2 .para {
    font-size: 11px;
  }

  .chooses-skill-items.v2 .skill-icon i {
    font-size: 22px;
  }
}



/* MOBILE TOPBAR */
.mobile-topbar-slider {
  display: none;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 10px 0;
}

.mobile-topbar-track {
  display: flex;
  align-items: center;
  gap: 30px;
  width: max-content;
  animation: mobileTicker 18s linear infinite;
}

.mobile-topbar-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 13px;
  white-space: nowrap;
  font-weight: 500;
}

.mobile-topbar-item i {
  font-size: 14px;
}

.mobile-topbar-item a {
  color: #fff !important;
  margin-left: 5px;
}

.social-item {
  gap: 6px;
}

/* Smooth Infinite Scroll */
@keyframes mobileTicker {

  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }

}

/* MOBILE ONLY */
@media(max-width: 991px) {

  .desktop-topbar {
    display: none !important;
  }

  .mobile-topbar-slider {
    display: block;
  }

}

/* DESKTOP */
@media(min-width: 992px) {

  .mobile-topbar-slider {
    display: none;
  }

}