.elementor-886 .elementor-element.elementor-element-3dd12318{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-886 .elementor-element.elementor-element-9fdfc7d{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-886 .elementor-element.elementor-element-4793325 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.6rem;font-weight:700;line-height:46px;color:var( --e-global-color-kadence3 );}.elementor-886 .elementor-element.elementor-element-9529e98{padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-886 .elementor-element.elementor-element-4793325 .elementor-heading-title{font-size:2rem;line-height:1.2em;}}/* Start custom CSS for shortcode, class: .elementor-element-9529e98 *//* Trending courses list layout inside course details */
.tutor-course-details-content .tutor-course-list.tutor-grid-2 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
.tutor-course-details-content .tutor-grid-2 .tutor-card.tutor-course-card {
  flex-direction: row !important;
  border-radius: 0 !important;
  border: none !important;
  border-bottom: 1px solid #eee !important;
  padding: 6px 0 !important;
  gap: 10px !important;
  align-items: center !important;
}
.tutor-course-details-content .tutor-grid-2 .tutor-card.tutor-course-card:last-child {
  border-bottom: none !important;
}

/* Thumbnail — square */
.tutor-course-details-content .tutor-grid-2 .tutor-course-thumbnail {
  width: 100px !important;
  min-width: 100px !important;
  height: 100px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.tutor-course-details-content .tutor-grid-2 .tutor-course-thumbnail .tutor-ratio {
  border-radius: 8px !important;
  padding-bottom: 0 !important;
  height: 100% !important;
}
.tutor-course-details-content .tutor-grid-2 .tutor-course-thumbnail img.tutor-card-image-top {
  border-radius: 8px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

/* Card body — title first, ratings below */
.tutor-course-details-content .tutor-grid-2 .tutor-card-body {
  padding: 0 !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
.tutor-course-details-content .tutor-grid-2 h3.tutor-course-name {
  order: 1 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 0 6px 0 !important;
  -webkit-line-clamp: 1 !important;
}
.tutor-course-details-content .tutor-grid-2 .tutor-course-ratings {
  order: 2 !important;
  margin-bottom: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.tutor-course-details-content .tutor-grid-2 .tutor-card-body > .tutor-meta.tutor-mt-12 {
  order: 3 !important;
  display: inline-flex !important;
  margin: 4px 0 0 0 !important;
  font-size: 12px !important;
  color: #888 !important;
}

/* Hide author/category row */
.tutor-course-details-content .tutor-grid-2 .tutor-card-body > .tutor-meta.tutor-mt-auto {
  display: none !important;
}
/* Hide bookmark */
.tutor-course-details-content .tutor-grid-2 .tutor-course-bookmark {
  display: none !important;
}

/* Footer — price + button on right */
.tutor-course-details-content .tutor-grid-2 .tutor-card-footer {
  border-top: none !important;
  margin-top: 0 !important;
  padding: 0 !important;
  min-width: fit-content !important;
}
.tutor-course-details-content .tutor-grid-2 .tutor-card-footer .tutor-d-flex.tutor-align-center.tutor-justify-between {
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
}
.tutor-course-details-content .tutor-grid-2 .tutor-card-footer .price ins {
  font-size: 15px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
.tutor-course-details-content .tutor-grid-2 .tutor-card-footer .price del {
  font-size: 12px !important;
}
.tutor-course-details-content .tutor-grid-2 .tutor-card-footer .list-item-button a,
.tutor-course-details-content .tutor-grid-2 .tutor-card-footer .tutor-course-list-btn a {
  display: inline-block !important;
  width: auto !important;
  padding: 6px 14px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  border-radius: 6px !important;
}
div .tutor-card-footer{
    border-top: 0px !important;
}
@media (max-width: 576px) {
  .tutor-course-details-content .tutor-grid-2 .tutor-course-thumbnail {
    width: 70px !important;
    min-width: 70px !important;
    height: 70px !important;
  }
  .tutor-course-details-content .tutor-grid-2 .tutor-card-footer .tutor-d-flex.tutor-align-center.tutor-justify-between {
    flex-direction: column !important;
    gap: 6px !important;
  }
}

.tutor-course-filter { display: none !important; }
div.tutor-col-12{
    padding: 0px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9fdfc7d */.single-courses.has-sidebar .content-container{
    padding-bottom:30px !important ;
    max-width: 1440px ;
}


/* EduMzansi — Flat White Clean Layout */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

.tutor-wrap, .tutor-wrap *:not([class*="tutor-icon"]),
.tutor-card, .tutor-card *:not([class*="tutor-icon"]) {
  font-family: 'Poppins', sans-serif !important;
}

.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body{
    background: #fff !important;
}
.entry-content-wrap{
    padding: 1rem 0.3rem !important;
}

/* === COURSE CARDS === */

.tutor-course-list.tutor-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}
@media (max-width: 1024px) { .tutor-course-list.tutor-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 576px) { .tutor-course-list.tutor-grid { grid-template-columns: 1fr !important; } }

.tutor-card.tutor-course-card {
  border: 1px solid #eee !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: 10px 10px 0 10px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  position: relative;
}
.tutor-card.tutor-course-card:hover { border-color: #ccc !important; }

.tutor-card.tutor-course-card .tutor-course-thumbnail,
.tutor-card.tutor-course-card .tutor-course-thumbnail .tutor-ratio {
  border-radius: 10px !important; overflow: hidden !important;
}
.tutor-card.tutor-course-card .tutor-course-thumbnail img.tutor-card-image-top {
  width: 100% !important; object-fit: cover !important; border-radius: 10px !important;
}

.tutor-card.tutor-course-card .tutor-card-body {
  padding: 14px 8px 8px 8px !important;
  flex: 1 !important; display: flex !important; flex-direction: column !important;
}

/* Card stars */
.tutor-card.tutor-course-card .tutor-ratings-stars span[class*="tutor-icon"] {
  font-size: 0 !important; width: 13px !important; height: 13px !important;
  display: inline-block !important; position: relative !important;
}
.tutor-card.tutor-course-card .tutor-ratings-stars span[class*="tutor-icon"]::before {
  content: "★" !important; font-family: Arial, sans-serif !important;
  font-size: 13px !important; position: absolute !important;
  top: 0 !important; left: 0 !important; line-height: 1 !important;
}
.tutor-card.tutor-course-card .tutor-ratings-stars span.tutor-icon-star-line::before { color: #ddd !important; }
.tutor-card.tutor-course-card .tutor-ratings-stars span.tutor-icon-star-bold::before,
.tutor-card.tutor-course-card .tutor-ratings-stars span.tutor-icon-star-half::before { color: #1a1a1a !important; }

.tutor-card.tutor-course-card h3.tutor-course-name {
  font-size: 15px !important; font-weight: 600 !important;
  line-height: 1.4 !important; color: #1a1a1a !important;
  margin: 0 0 auto 0 !important;
  display: -webkit-box !important; -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important; overflow: hidden !important;
}
.tutor-card.tutor-course-card h3.tutor-course-name a { color: #1a1a1a !important; text-decoration: none !important; }
.tutor-card.tutor-course-card .tutor-card-body > .tutor-meta { display: none !important; }

.tutor-card.tutor-course-card .tutor-card-footer {
  display: block !important; padding: 12px 8px 16px 8px !important;
  border-top: 1px solid #eee !important; margin-top: 14px !important;
}
.tutor-card-footer .tutor-d-flex.tutor-align-center.tutor-justify-between {
  flex-direction: column !important; align-items: stretch !important; gap: 10px !important;
}
.tutor-card-footer .price ins { font-size: 17px !important; font-weight: 700 !important; color: #1a1a1a !important; text-decoration: none !important; }
.tutor-card-footer .price del { font-size: 13px !important; color: #999 !important; }

.tutor-card-footer .tutor-btn,
.tutor-card-footer a.add_to_cart_button,
.tutor-card-footer a.tutor-course-list-enroll,
.tutor-card-footer .list-item-button a,
.tutor-card-footer .tutor-course-list-btn a {
  display: block !important; width: 100% !important; text-align: center !important;
  padding: 10px 16px !important; background: transparent !important;
  color: #1a1a1a !important; font-size: 13px !important; font-weight: 600 !important;
  border: 1.5px solid #1a1a1a !important; border-radius: 8px !important;
  cursor: pointer !important; text-decoration: none !important;
  transition: all 0.2s ease !important; box-sizing: border-box !important;
}
.tutor-card-footer .tutor-btn:hover,
.tutor-card-footer a.add_to_cart_button:hover,
.tutor-card-footer a.tutor-course-list-enroll:hover,
.tutor-card-footer .list-item-button a:hover,
.tutor-card-footer .tutor-course-list-btn a:hover {
  background: #1a1a1a !important; color: #fff !important;
}

/* Bookmark */


/* === COURSE DETAILS PAGE === */

.tutor-wrap.tutor-full-width-course-top, .tutor-wrap-parent,
.tutor-course-details-page, .content-area, .content-container,
.site-main, #primary, div#primary, .entry, .content-bg,
.single-entry, .entry-content-wrap, .tutor-course-details-tab,
.tutor-tab, .tutor-tab-item, body.single-courses {
  background: #fff !important;
}



.content-area { margin: 0 !important; }

.tutor-course-details-header {
  background: #fff !important;
  margin-bottom: 24px !important;
  padding: 32px 0 24px 0 !important;
  border-bottom: 1px solid #eee !important;
}



/* Details stars */
.tutor-course-details-page .tutor-ratings-stars span[class*="tutor-icon"] {
  font-size: 0 !important; width: 15px !important; height: 15px !important;
  display: inline-block !important; position: relative !important;
}
.tutor-course-details-page .tutor-ratings-stars span[class*="tutor-icon"]::before {
  content: "★" !important; font-family: Arial, sans-serif !important;
  font-size: 15px !important; position: absolute !important;
  top: 0 !important; left: 0 !important; line-height: 1 !important;
}
.tutor-course-details-page .tutor-ratings-stars span.tutor-icon-star-line::before { color: #ddd !important; }
.tutor-course-details-page .tutor-ratings-stars span.tutor-icon-star-bold::before,
.tutor-course-details-page .tutor-ratings-stars span.tutor-icon-star-half::before { color: #1a1a1a !important; }

.tutor-course-details-info a { color: #1a1a1a !important; text-decoration: underline !important; font-weight: 500 !important; }

.tutor-course-details-actions .tutor-btn-ghost {
  color: #1a1a1a !important; font-size: 13px !important; font-weight: 600 !important;
  border: 1.5px solid #1a1a1a !important; border-radius: 8px !important;
  padding: 8px 16px !important; background: transparent !important;
}
.tutor-course-details-actions .tutor-btn-ghost:hover { background: #1a1a1a !important; color: #fff !important; }
.tutor-course-details-actions .tutor-btn-ghost:hover i { color: #fff !important; }

.tutor-course-details-page main .tutor-course-thumbnail img {
  width: 100% !important; border-radius: 12px !important; display: block !important;
}

/* Tabs */
.tutor-course-details-tab .tutor-nav {
  display: flex !important; border-bottom: 1px solid #eee !important;
}
.tutor-course-details-tab .tutor-nav-link {
  font-size: 14px !important; font-weight: 600 !important; color: #999 !important;
  padding: 14px 20px !important; text-decoration: none !important;
  border-bottom: 2px solid transparent !important; margin-bottom: -1px !important;
  background: transparent !important;
}
.tutor-course-details-tab .tutor-nav-link:hover { color: #1a1a1a !important; background: transparent !important; }
.tutor-course-details-tab .tutor-nav-link.is-active { color: #1a1a1a !important; border-bottom-color: #1a1a1a !important; background: transparent !important; }
.tutor-course-details-tab .tutor-tab { padding-top: 24px !important; }

.tutor-course-details-content h2 { font-size: 18px !important; font-weight: 700 !important; color: #1a1a1a !important; }
.tutor-course-details-content .tutor-color-secondary { font-size: 15px !important; line-height: 1.7 !important; color: #444 !important; }
.tutor-empty-state img { max-width: 180px !important; opacity: 0.4 !important; }


/* === SIDEBAR === */

.tutor-single-course-sidebar {
  position: sticky !important;
  top: 80px !important;
}

/* Sidebar card — flat white, thin border */
.tutor-sidebar-card {
  border: 1px solid #eee !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  background: #fff !important;
}

.tutor-sidebar-card .tutor-card-body { padding: 28px 24px !important; }

/* Price */
.tutor-course-sidebar-card-pricing {
  padding-bottom: 20px !important;
  border-bottom: 1px solid #f0f0f0 !important;
}
.tutor-course-sidebar-card-pricing .tutor-fw-bold {
  font-size: 32px !important; font-weight: 700 !important;
  color: #1a1a1a !important; letter-spacing: -0.02em !important;
}
.tutor-course-sidebar-card-pricing del { font-size: 16px !important; color: #bbb !important; }

/* Add to Cart */
.tutor-sidebar-card .tutor-add-to-cart-button,
.tutor-sidebar-card button.tutor-btn-primary {
  display: block !important; width: 100% !important; text-align: center !important;
  padding: 15px 20px !important; background: #1a1a1a !important; color: #fff !important;
  font-size: 15px !important; font-weight: 600 !important;
  border: none !important; border-radius: 10px !important;
  cursor: pointer !important; margin-top: 20px !important;
}
.tutor-sidebar-card .tutor-add-to-cart-button:hover,
.tutor-sidebar-card button.tutor-btn-primary:hover { background: #333 !important; }
.tutor-sidebar-card .tutor-add-to-cart-button .btn-icon { display: none !important; }

/* Progress */
.tutor-course-progress-wrapper {
  padding-bottom: 20px !important;
  border-bottom: 1px solid #f0f0f0 !important;
}
.tutor-course-progress-wrapper h3 {
  font-size: 13px !important; font-weight: 600 !important; color: #1a1a1a !important;
  text-transform: uppercase !important; letter-spacing: 0.06em !important;
}
.tutor-course-progress-wrapper .progress-steps,
.tutor-course-progress-wrapper .progress-percentage { font-size: 13px !important; color: #888 !important; }

.tutor-progress-bar { background: #f0f0f0 !important; border-radius: 20px !important; height: 5px !important; overflow: hidden !important; }
.tutor-progress-bar .tutor-progress-value { background: #1a1a1a !important; border-radius: 20px !important; height: 100% !important; display: block !important; }

/* Complete Course */
.tutor-sidebar-card .tutor-btn-outline-primary {
  display: block !important; width: 100% !important; text-align: center !important;
  padding: 13px 20px !important; background: transparent !important;
  color: #1a1a1a !important; font-size: 14px !important; font-weight: 600 !important;
  border: 1.5px solid #1a1a1a !important; border-radius: 10px !important; cursor: pointer !important;
}
.tutor-sidebar-card .tutor-btn-outline-primary:hover { background: #1a1a1a !important; color: #fff !important; }

/* Course info footer — no background */
.tutor-sidebar-card .tutor-card-footer {
  padding: 0 !important; border-top: none !important;
  background: #fff !important; margin-top: 20px !important;
}
.tutor-sidebar-card .tutor-card-footer ul {
  list-style: none !important; padding: 0 !important; margin: 0 !important;
  border-top: 1px solid #f0f0f0 !important;
}
.tutor-sidebar-card .tutor-card-footer li {
  font-size: 13px !important; color: #555 !important;
  padding: 12px 24px !important; border-bottom: 1px solid #f0f0f0 !important;
}

/* Sidebar more — instructor & tags */
.tutor-single-course-sidebar-more {
  margin-top: 16px !important;
  display: flex !important; flex-direction: column !important; gap: 12px !important;
}

/* Instructor */
.tutor-course-details-instructors {
  background: #fff !important; border: 1px solid #eee !important;
  border-radius: 16px !important; padding: 20px 24px !important;
}
.tutor-course-details-instructors h3 {
  font-size: 11px !important; font-weight: 600 !important; color: #aaa !important;
  text-transform: uppercase !important; letter-spacing: 0.08em !important;
  margin-bottom: 12px !important;
}
.tutor-course-details-instructors a.tutor-fw-bold {
  color: #1a1a1a !important; text-decoration: none !important; font-size: 15px !important; font-weight: 600 !important;
}
.tutor-course-details-instructors a.tutor-fw-bold:hover { text-decoration: underline !important; }
.tutor-course-details-instructors .tutor-avatar { width: 36px !important; height: 36px !important; }
.tutor-course-details-instructors .tutor-avatar-text {
  background: #1a1a1a !important; color: #fff !important; font-weight: 700 !important;
  font-size: 14px !important; display: flex !important; align-items: center !important;
  justify-content: center !important; border-radius: 50% !important;
  width: 100% !important; height: 100% !important;
}

/* Tags */
.tutor-course-details-widget {
  background: #fff !important; border: 1px solid #eee !important;
  border-radius: 16px !important; padding: 20px 24px !important;
}
.tutor-course-details-widget-title {
  font-size: 11px !important; font-weight: 600 !important; color: #aaa !important;
  text-transform: uppercase !important; letter-spacing: 0.08em !important;
  margin-bottom: 12px !important;
}
.tutor-tag-list {
  list-style: none !important; padding: 0 !important;
  display: flex !important; flex-wrap: wrap !important; gap: 8px !important;
}
.tutor-tag-list li a {
  display: inline-block !important; padding: 5px 12px !important;
  border: 1px solid #eee !important; border-radius: 6px !important;
  font-size: 12px !important; font-weight: 500 !important; color: #555 !important;
  text-decoration: none !important;
}
.tutor-tag-list li a:hover { background: #1a1a1a !important; color: #fff !important; border-color: #1a1a1a !important; }

/* Login modal */
.tutor-login-modal .tutor-modal-window { border-radius: 16px !important; overflow: hidden !important; }
.tutor-login-modal .tutor-btn-primary {
  background: #1a1a1a !important; border: none !important;
  border-radius: 10px !important; padding: 13px 20px !important; font-weight: 600 !important;
}
.tutor-login-modal .tutor-btn-primary:hover { background: #333 !important; }
.tutor-login-modal .tutor-btn-link { color: #1a1a1a !important; text-decoration: underline !important; }

/* Responsive */
@media (max-width: 768px) {
  h1.tutor-course-details-title,
  h1.tutor-course-details-title span { font-size: 20px !important; }
  .tutor-single-course-sidebar { position: static !important; }
  .tutor-sidebar-card .tutor-card-body { padding: 20px 16px !important; }
}/* End custom CSS */