/* =========================================================
   Tutor LMS Customization
   ========================================================= */

.daf-tutor-single-course .daf-course-hero {
  position: relative;
  min-height: 220px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.daf-tutor-single-course .daf-course-hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
}

.daf-tutor-single-course .daf-course-hero-inner {
  position: relative;
  padding: 80px 0 60px;
  text-align: center;
}

.daf-tutor-single-course .daf-course-hero-title {
  color: #ffffff;
  font-size: 44px;
  line-height: 1.2;
  margin: 0 0 5px;
}

.daf-tutor-single-course .daf-course-hero-breadcrumb {
  color: rgba(255,255,255,0.85);
  font-size: 16px;
}

.daf-tutor-single-course .daf-course-hero-breadcrumb a {
  color: rgba(255,255,255,0.85);
  text-decoration: none;
}

.daf-tutor-single-course .daf-course-hero-breadcrumb a:hover {
  color: #ffffff;
}

.daf-tutor-single-course .daf-course-hero-breadcrumb .daf-sep {
  margin: 0 8px;
  opacity: 0.7;
}

/* Add comfortable spacing after hero */
.daf-tutor-single-course .daf-course-body {
  padding-top: 40px;
  padding-bottom: 60px;
}

/* Width Customization */

.tutor-container, .tutor-container-fluid, .tutor-container-xxl, .tutor-container-xl, .tutor-container-lg, .tutor-container-md, .tutor-container-sm {
    width: 94%;
}

@media (min-width: 576px) {
    .tutor-container-sm,.tutor-container {
        max-width: 94%;
    }
}

@media (min-width: 768px) {
    .tutor-container-md,.tutor-container-sm,.tutor-container {
        max-width: 94%;
    }
}

@media (min-width: 992px) {
    .tutor-container-lg,.tutor-container-md,.tutor-container-sm,.tutor-container {
        max-width: 94%;
    }
}

@media (min-width: 1200px) {
    .tutor-container-xl,.tutor-container-lg,.tutor-container-md,.tutor-container-sm,.tutor-container {
        max-width: 94%;
    }
}

@media (min-width: 1400px) {
    .tutor-container-xxl,.tutor-container-xl,.tutor-container-lg,.tutor-container-md,.tutor-container-sm,.tutor-container {
        max-width: 1440px;
        width: 94%;
    }
}

.tutor-row.tutor-gx-xl-5 {
    --tutor-gutter-x: 0%!important;
    gap: 2%;
}

.tutor-container, .tutor-container-fluid, .tutor-container-xxl, .tutor-container-xl, .tutor-container-lg, .tutor-container-md, .tutor-container-sm {
    padding-right: 0!important;
    padding-left: 0!important;
}

@media (min-width: 1200px) {
    .tutor-col-xl-8 {
        width: calc(66.67% - 2% * 0.6667)!important;
    }
    
     .tutor-col-xl-4 {
        width: calc(33.33% - 2% * 0.3333)!important;
    }
    
     .tutor-col-3, .tutor-col-lg-3 {
        width: calc(25% - 2% * 0.25)!important;
    }
    
    .tutor-col-xl-9, .tutor-col-lg-9 {
        width: calc(75% - 2% * 0.75)!important;
    }
    
    
}

/* Width Customization */
.tutor-course-details-page .tutor-course-thumbnail img {
    border-radius: 5px;
}

/* =========================================================
   Course Element Customization
   ========================================================= */
.tutor-meta>* {
    font-size: 16px;
    line-height: 1.6;
    color: #313131;
}

.tutor-meta-value, .tutor-meta a {
    color: var(--gcid-primary-color);
}

.tutor-course-details-actions.tutor-mt-12.tutor-mt-sm-0 {
    margin-top: 0px!important;
}

.tutor-card-image-top:hover {
    transform: scale(1.1); 
    transition: all 1s ease;
}

.tutor-card-image-top {
    overflow: hidden;
    transition: all 1s 0s ease;
}

.tutor-course-thumbnail {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}


.tutor-btn-primary {
    background: var(--gcid-primary-color);
    font-weight: 600;
    padding: 12px 16px;
    color: #fff;
    border-color: transparent!important;
}

.tutor-btn-primary:hover {
    background: var(--gcid-heading-color);
    font-weight: 600;
    color: #fff;
}

.tutor-btn.tutor-btn-outline-primary.tutor-btn-block {
    border: 2px solid var(--gcid-heading-color);
    color: var(--gcid-heading-color);
    font-weight: 600;
    padding: 11px 16px;
}

.tutor-btn.tutor-btn-outline-primary.tutor-btn-block:hover {
    border: 2px solid transparent;
    color: #fff;
    background: var(--gcid-primary-color);
    font-weight: 600;
}

.tutor-course-details-title {
    font-size: 28px;
    color: var(--gcid-primary-color);
}

.tutor-course-details-widget-title {
    color: var(--gcid-heading-color);
}

.tutor-fs-5.tutor-fw-bold.tutor-mb-12 {
    color: var(--gcid-heading-color)!important;
}

.tutor-course-content-title {
    color: var(--gcid-heading-color)!important;
}

.tutor-meta a:hover, .tutor-meta a:focus, .tutor-meta a:active {
    color: var(--gcid-primary-color)!important;
}

.tutor-btn-ghost:hover, .tutor-btn-ghost:focus, .tutor-btn-ghost:active {
    color: var(--gcid-primary-color)!important;
}

.tutor-btn.tutor-btn-ghost.tutor-course-wishlist-btn.tutor-mr-16, .tutor-btn.tutor-btn-ghost.tutor-course-share-btn {
    background: #f2f5fa;
    color: var(--gcid-heading-color);
    padding: 6px!important;
    border-radius: 5px;
    font-weight: 500;
}

.tutor-ratings-stars {
    font-size: 18px!important;
}

.tutor-card-body, .tutor-card-footer, .tutor-course-details-instructors, .tutor-course-details-instructors {
    background: #f2f5fa;
}

.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body {
    background: #f2f5fa;
}

.tutor-single-course-sidebar-more>div {
    background: #f2f5fa!important;
    border-bottom: 1px solid #ffffff;
}

.tutor-single-course-sidebar-more {
    border-radius: 5px;
}

.tutor-accordion-item-header.is-active {
    background: #f2f5fa;
    color: var(--gcid-primary-color);
}

.tutor-accordion-item-header {
    color: var(--gcid-heading-color);
    font-size: 18px;
    background-color: #f2f5fa;
    font-weight: 600;
}

.tutor-accordion-item-header:hover {
    color: var(--gcid-primary-color);
}

.tutor-accordion-item-header:after {
    color: var(--gcid-primary-color);
}

.tutor-accordion-item {
    background-color: #f2f5fa !important;
    border: none;
    border-radius: 5px;
}

.tutor-accordion-item-body-content {
    border-top: none;
    padding: 0 16px;
}

.tutor-course-content-list-item {
    padding: 10px 16px;
    border-bottom: 1px solid #f2f5fa;
}

.tutor-course-content-list-item-title {
    font-family: var(--et_global_body_font);
    font-weight: 500;
}

.tutor-course-content-list-item:hover {
    background: #f2f5fa;
}

.tutor-icon-bullet-point:before {
    content: "\e052";
    font-family: 'ETmodules';
    font-size: 15px;
    color: var(--gcid-primary-color);
}

.tutor-color-secondary {
    color: #313131;
}

.tutor-progress-value {
    background: var(--gcid-primary-color);
}

.tutor-color-black.tutor-fs-5.tutor-fw-bold.tutor-mb-16, .tutor-fs-4.tutor-fw-bold {
    color: var(--gcid-heading-color);
}

.tutor-card-header:not(.tutor-no-border) {
    background: #f2f5fa;
}

/* =========================================================
   Tutor LMS Course Tabs -> Toggle Button Style
   ========================================================= */

/* General spacing for the tabs section */
.tutor-course-details-tab {
  margin-top: 10px;
}

/* Sticky wrapper safety */
.tutor-course-details-tab .tutor-is-sticky {
  position: relative;
  z-index: 5;
}

/* Tabs container (remove underline style completely) */
.tutor-course-details-tab .tutor-nav {
  border-bottom: none !important;
  box-shadow: none !important;

  padding: 14px 16px;
  margin: 0;

  background: #f2f5fa;
  border-radius: 5px;

  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}

/* Individual tab item */
.tutor-course-details-tab .tutor-nav .tutor-nav-item {
  margin: 0;
}

/* Tab link styled as a button */
.tutor-course-details-tab .tutor-nav .tutor-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 16px;
  border-radius: 5px;

  background: #ffffff;
  border: none!important; /* remove bottom/outline border */

  font-weight: 700;
  font-size: 16px;
  line-height: 1;

  color: var(--gcid-heading-color);
  text-decoration: none;

  box-shadow: none;
  outline: none;
}

/* Hover state */
.tutor-course-details-tab .tutor-nav .tutor-nav-link:hover {
  background: var(--gcid-primary-color);
  color: #fff;
  border: none!important;
}

/* Active tab button */
.tutor-course-details-tab .tutor-nav .tutor-nav-link.is-active,
.tutor-course-details-tab .tutor-nav .tutor-nav-link.active {
  background: var(--gcid-primary-color);
  color: #fff;
  border: none!important;
}

/* Disable underline / pseudo elements from Tutor default */
.tutor-course-details-tab .tutor-nav .tutor-nav-link::before,
.tutor-course-details-tab .tutor-nav .tutor-nav-link::after {
  display: none !important;
  content: none !important;
}

/* Mobile adjustments */
@media (max-width: 767px) {
  .tutor-course-details-tab .tutor-nav {
    padding: 12px;
    gap: 10px;
  }

  .tutor-course-details-tab .tutor-nav .tutor-nav-link {
    padding: 12px 18px;
    font-size: 16px;
  }
}

/* =========================================================
   Tutor LMS Lesson Tabs (Spotlight) -> Toggle Button Style
   Targets: Overview, Exercise Files (lesson page)
   ========================================================= */

/* Tabs wrapper */
.tutor-course-spotlight-wrapper .tutor-course-spotlight-nav {
  border-bottom: none !important;
  box-shadow: none !important;

  padding: 12px 14px;
  margin: 0 0 18px 0;

  background: #f2f5fa;
  border-radius: 0;

  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

/* Remove default list spacing */
.tutor-course-spotlight-wrapper .tutor-course-spotlight-nav .tutor-nav-item {
  margin: 0 !important;
}

/* Link becomes a button */
.tutor-course-spotlight-wrapper .tutor-course-spotlight-nav .tutor-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 12px 20px;
  border-radius: 5px;

  background: #ffffff;
  border: none!important;

  font-weight: 700;
  font-size: 16px;
  line-height: 1;

  color: var(--gcid-heading-color);
  text-decoration: none;

  box-shadow: none;
  outline: none;
}

/* Hover */
.tutor-course-spotlight-wrapper .tutor-course-spotlight-nav .tutor-nav-link:hover {
  background: var(--gcid-primary-color);
  color: #ffffff;
  border: none!important;
}

/* Active button */
.tutor-course-spotlight-wrapper .tutor-course-spotlight-nav .tutor-nav-link.is-active,
.tutor-course-spotlight-wrapper .tutor-course-spotlight-nav .tutor-nav-link.active {
  background: var(--gcid-primary-color);
  color: #ffffff;
}

/* Disable underline / pseudo elements from default Tutor style */
.tutor-course-spotlight-wrapper .tutor-course-spotlight-nav .tutor-nav-link::before,
.tutor-course-spotlight-wrapper .tutor-course-spotlight-nav .tutor-nav-link::after {
  display: none !important;
  content: none !important;
}

/* Mobile tweaks */
@media (max-width: 767px) {
  .tutor-course-spotlight-wrapper .tutor-course-spotlight-nav {
    padding: 10px;
    gap: 10px;
  }

  .tutor-course-spotlight-wrapper .tutor-course-spotlight-nav .tutor-nav-link {
    padding: 10px 16px;
    font-size: 15px;
  }
}


/* =========================================================
   Tutor Single Lessons
   ========================================================= */
   
.tutor-btn-sm {
    font-size: 15px;
    font-weight: 600;
    padding: 8px 12px;
}   

.tutor-btn-secondary, .tutor-iconic-btn-secondary {
    background-color: hsl(from var(--gcid-primary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0.1);;
    color: var(--gcid-primary-color);
}

.tutor-btn-secondary:hover, .tutor-btn-secondary:focus, .tutor-btn-secondary:active, .tutor-iconic-btn-secondary:hover {
    background-color: var(--gcid-primary-color);
    color: #ffffff;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
    background: var(--gcid-primary-color);
    color: #ffffff;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-iconic-btn:hover {
    color: var(--gcid-primary-color);
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-topbar-mark-btn:hover {
    color: var(--gcid-primary-color);
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header:hover, .tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active, .tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active:after {
    color: var(--gcid-primary-color);
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:hover .tutor-course-topic-item-icon, .tutor-course-single-sidebar-wrapper .tutor-course-topic-item:hover .tutor-course-topic-item-title, .tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-icon, .tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-title {
    color: var(--gcid-primary-color);
}

.tutor-card.tutor-px-16.tutor-py-12 {
    background: #f2f5fa;
}

.tutor-form-check-input.tutor-form-check-input[type=radio]:checked {
  border-color: var(--gcid-primary-color);
  background-color: var(--gcid-primary-color);
}

/* =========================================================
   Tutor Course Archive
   ========================================================= */
   
.dfy-tutor-archive-wrap {
    padding-top: 40px;
    padding-bottom: 60px;
}

@media (max-width: 767px) {
.dfy-tutor-archive-wrap {
    padding-top: 40px;
    padding-bottom: 50px;
  } 
}

.tutor-course-filter-form.tutor-form {
    padding: 20px;
    background: #f2f5fa;
    border-radius: 5px;
}

.tutor-form-control.tutor-form-select.tutor-js-form-select {
    background-color: #f2f5fa;
    font-size: 15px;
    font-weight: 500;
    color: #515151;
    padding-right: 36px!important;
}

.tutor-widget.tutor-widget-course-categories.tutor-mt-48, .tutor-widget.tutor-widget-course-price.tutor-mt-48, .tutor-widget.tutor-widget-course-levels.tutor-mt-48 {
    margin-top: 20px;
}

h3.tutor-widget-title {
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--gcid-heading-color);
}

.tutor-course-list.tutor-grid.tutor-grid-3 {
    grid-gap: 25px;
}

.tutor-list-item:not(:last-child) {
    margin-bottom: 5px;
}

.tutor-course-wishlist-btn.save-bookmark-btn.tutor-iconic-btn.tutor-iconic-btn-secondary {
    background-color: #ffffff;
}

.tutor-course-wishlist-btn.save-bookmark-btn.tutor-iconic-btn.tutor-iconic-btn-secondary:hover {
    background-color: var(--gcid-primary-color);
}

.tutor-course-card .tutor-course-name, .tutor-course-card .tutor-course-name a {
    color: var(--gcid-heading-color);
    font-weight: 600;
    line-height: 1.2em;
}

.tutor-course-card .tutor-course-name a:hover {
    color: var(--gcid-primary-color);
    font-weight: 600;
}

.tutor-meta.tutor-mt-12.tutor-mb-20 {
    margin-top: 7px;
    margin-bottom: 12px;
}

.tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-btn-block.product_type_simple.add_to_cart_button.ajax_add_to_cart, .tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-btn-block.tutor-course-list-enroll, .tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-btn-block {
    background: var(--gcid-primary-color);
    border-color: transparent;
    color: #ffffff;
    font-weight: 500;
    padding: 8px 12px!important;
}

.tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-btn-block.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover, .tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-btn-block.tutor-course-list-enroll:hover, .tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-btn-block:hover {
    background: var(--gcid-heading-color);
    border-color: transparent;
    color: #ffffff;
    font-weight: 500;
    padding: 8px 12px!important;
}

.tutor-course-card .tutor-card-body {
    padding: 15px;
}

.tutor-card-footer:not(.tutor-no-border) {
    padding: 15px;
}

@media (max-width: 1199px) {
    .tutor-course-filter-container {
    background: #f2f5fa;
    padding: 10px;
   }
}

.tutor-form-check-input.tutor-form-check-input[type=checkbox]:checked {
    border-color: var(--gcid-primary-color);
    background-color: var(--gcid-primary-color);
}

.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm {
    border-color: var(--gcid-primary-color);
    color: var(--gcid-primary-color);    
}

.tutor-btn.tutor-btn-outline-primary.tutor-btn-sm:hover, .tutor-btn-outline-primary:hover, .tutor-btn-outline-primary:focus, .tutor-btn-outline-primary:active {
    background-color: var(--gcid-primary-color);
    color: #ffffff;
}

.tutor-fs-3.tutor-fw-medium.tutor-color-black {
    color: var(--gcid-primary-color);
    font-size: 20px;
    font-family: var(--et_global_heading_font);
    font-weight: 600;
}


.tutor-d-block.tutor-d-xl-none.tutor-mb-32 {
    margin-bottom: 25px;
}

.tutor-list.tutor-list-item {
    font-size: 15px;
}

.tutor-form-select-options {
    padding: 0;
    border-radius: 6px;
}

.tutor-form-select-dropdown {
    border: none;
}

.tutor-form-select-option {
    line-height: 1.6em;
    
}

.tutor-form-select-option span {
    color: #515151;
    font-size: 15px;
}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev, .tutor-pagination ul.tutor-pagination-numbers .page-numbers.next {
    background: hsl(from var(--gcid-primary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0.1);
}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev:hover, .tutor-pagination ul.tutor-pagination-numbers .page-numbers.next:hover {
    color: #ffffff;
    background: var(--gcid-primary-color);
}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers.current {
    color: var(--gcid-primary-color);
}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers:before {
    background: var(--gcid-primary-color);
}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers:hover {
    color: var(--gcid-primary-color);
}

/* =========================================================
   Tutor Dashboard
   ========================================================= */

.tutor-wrap.tutor-wrap-parent.tutor-dashboard.tutor-frontend-dashboard.tutor-dashboard-student.tutor-pb-80 {
    padding-top: 40px;
    padding-bottom: 50px;
    background: #f2f5fa;
}

.tutor-row.tutor-frontend-dashboard-maincontent {
    margin: 0;
    gap: 2%;
}

.tutor-dashboard .tutor-frontend-dashboard-header {
    padding-bottom: 15px;
    margin: 0;
}

.tutor-dashboard .tutor-frontend-dashboard-header:after {
    display: none;
}

.tutor-avatar-text {
    background-color: var(--gcid-primary-color);
}

.tutor-btn-outline-primary {
    border-color: var(--gcid-primary-color);
    color: var(--gcid-primary-color);
    padding: 8px 12px;
    font-weight: 500;
}

.tutor-btn-outline-primary:hover {
    border-color: var(--gcid-primary-color);
    color: #ffffff;
}

.tutor-col-12.tutor-col-md-4.tutor-col-lg-3.tutor-dashboard-left-menu {
    padding: 20px;
    background: #ffffff;
    border-radius: 5px;
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks {
    margin: 0;
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item-link {
    border-radius: 5px;
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a {
    background-color: var(--gcid-primary-color);
    color: #ffffff;
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:hover {
    background-color: var(--gcid-primary-color);
    color: #ffffff;
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item-icon {
    color: var(--gcid-primary-color);
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover {
    background-color: hsl(from var(--gcid-primary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0.1);
}

.tutor-col-12.tutor-col-md-8.tutor-col-lg-9 {
    padding: 0;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .tutor-col-12.tutor-col-md-4.tutor-col-lg-3.tutor-dashboard-left-menu {
    width: calc(33.33% - 2% * 0.3333)!important;
  }
     .tutor-col-12.tutor-col-md-8.tutor-col-lg-9 {
    width: calc(66.67% - 2% * 0.6667)!important;
  }
}

.tutor-round-box.tutor-mr-12.tutor-mr-lg-0.tutor-mb-lg-12 {
    color: var(--gcid-primary-color);
    background: hsl(from var(--gcid-primary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0.1);
}

.tutor-fs-4.tutor-fw-medium.tutor-color-black.tutor-dashboard-header-username, .tutor-fs-4.tutor-fw-medium.tutor-dashboard-header-username {
    color: var(--gcid-heading-color);
    font-family: var(--et_global_heading_font);
    font-weight: 600;
}

.tutor-dashboard .tutor-dashboard-content {
    padding-top: 0px;
}

.tutor-fs-5.tutor-fw-medium.tutor-color-black.tutor-text-capitalize.tutor-mb-24.tutor-dashboard-title {
    display: none;
}

.tutor-fs-5.tutor-fw-medium.tutor-color-black {
    color: var(--gcid-heading-color);
    font-family: var(--et_global_heading_font);
    font-weight: 600;
}

.tutor-dashboard .tutor-table tr th {
    font-size: 16px;
    font-weight: 600;
    color: var(--gcid-heading-color);
    background: hsl(from var(--gcid-primary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0.1);
}

.tutor-dashboard-content-inner.tutor-dashboard-profile-data {
    padding: 20px;
    background: #ffffff;
    border-radius: 5px;
}

.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) .tutor-nav-link.is-active {
    border-bottom-color: var(--gcid-primary-color);
}

.tutor-nav-link:hover, .tutor-nav-link.is-active {
    color: var(--gcid-primary-color);
}

.tutor-card-body.tutor-card-body-inprogress {
    background: #ffffff;
}

.tutor-course-name.tutor-fs-6.tutor-fw-bold.tutor-mb-32 {
    margin-bottom: 15px;
}

.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-qna-vew-as.current-view-student .tutor-form-toggle-label.tutor-form-toggle-checked {
    color: var(--gcid-primary-color);
}

.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-qna-vew-as.tutor-form-toggle .tutor-form-toggle-control {
    border: 1px solid var(--gcid-primary-color);
}

.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-qna-vew-as.current-view-student .tutor-form-toggle-control:before {
    background: var(--gcid-primary-color);
}

.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-qna-vew-as.current-view-student .tutor-form-toggle-label.tutor-form-toggle-unchecked {
    color: #414141;
}

.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-qna-vew-as.current-view-instructor .tutor-form-toggle-label.tutor-form-toggle-checked {
    color: var(--gcid-primary-color)!important;
}

.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-qna-vew-as.current-view-instructor .tutor-form-toggle-label.tutor-form-toggle-unchecked {
    color: #414141!important;
}

.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-qna-vew-as.current-view-instructor .tutor-form-toggle-control:before {
    background: var(--gcid-primary-color)!important;
}

.tutor-dashboard .tutor-form-control.tutor-form-select.tutor-js-form-select {
  background-color: #ffffff;
}

.tutor-dashboard .tutor-course-card .tutor-card-body {
    background: #ffffff;
}

.tutor-dashboard .tutor-card-footer:not(.tutor-no-border) {
    background: #ffffff;
    padding: 0 15px 15px 15px;
}

.tutor-dashboard .tutor-divider.tutor-radius-12.tutor-overflow-hidden {
    margin-top: 30px;
}

.tutor-form-control {
    padding: 12px 16px!important;
}

.tutor-dashboard .tutor-fs-4.tutor-fw-medium.tutor-mb-24 {
    color: var(--gcid-heading-color);
    font-family: var(--et_global_heading_font);
    font-weight: 600;
}

.tutor-dashboard .tutor-round-box.tutor-p-8 {
    color: var(--gcid-primary-color);
    background: hsl(from var(--gcid-primary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0.1);
}

.tutor-dashboard .tutor-dashboard-menu-divider-header {
    color: #414141;
    font-size: 18px;
    font-weight: 600;
}

.tutor-dashboard .tutor-btn-ghost {
    color: #414141;
    font-weight: 600;
}

.tutor-dashboard .tutor-table tr td>a:not(.tutor-btn):not(.tutor-iconic-btn):not(.quiz-manual-review-action):hover, .tutor-table tr td .tutor-table-link:hover {
    color: var(--gcid-primary-color);
}

/* =========================================================
   Tutor Login & Registration
   ========================================================= */
   
.tutor-login-wrap {
    margin: 40px auto;
    background: #f2f5fa;
    border-radius: 5px;
    box-shadow: none;
    width: 94%;
}

.tutor-btn.tutor-btn-link {
    color: var(--gcid-primary-color);
    margin-bottom: 3px;
}

.tutor-form-check label {
    color: #616161;
    
}

.tutor-btn-link:hover:after {
    background: var(--gcid-primary-color);
}

.tutor-fs-5.tutor-color-black.tutor-mb-32 {
    color: var(--gcid-primary-color);
    font-family: var(--et_global_heading_font);
    font-weight: 600;
    font-size: 24px;
    text-align: center;
}

.tutor-forgot-password-form, .tutor-reset-password-form {
    margin: 40px auto;
    background: #f2f5fa;
    border-radius: 5px;
    box-shadow: none;
    padding: 40px 25px 10px 25px!important;
}

.tutor-form-group input:not([type=submit]):focus {
   border-color: var(--gcid-primary-color)!important;
}

.tutor-alert .tutor-alert-text {
   font-weight: 500;
}

#tutor-registration-wrap {
    margin: 40px auto;
    background: #f2f5fa;
    border-radius: 5px;
    box-shadow: none;
    padding: 20px 0 20px;
    width: 94%;
}

.tutor-form-group {
    margin-bottom: 15px;
}

.tutor-form-group label {
    margin-bottom: 5px;
}

.tutor-modal-content-white {
    background: #f2f5fa;
    width: 94%;
    margin: auto;
}    

.tutor-fs-4.tutor-fw-medium.tutor-color-black.tutor-mb-32 {
    color: var(--gcid-primary-color);
    font-family: var(--et_global_heading_font);
    font-weight: 600;
    font-size: 24px;
    text-align: center;
}

.tutor-modal-body {
    padding: 0 25px;
}

@media (max-width: 575.98px) {
.tutor-btn.tutor-btn-primary.tutor-btn-block {
    width: 100%!important;
    max-width: 100%!important;
    font-size: 15px;
  }
}

.tutor-d-flex.tutor-justify-between.tutor-align-center.tutor-mb-40 {
    margin-bottom: 20px;
}

@media (max-width: 575.98px) {
    .tutor-modal .tutor-btn:not(.tutor-is-icon-btn) {
    font-size: 15px;
  }
  
    a.tutor-btn.tutor-btn-ghost, .tutor-fs-7.tutor-color-muted {
    font-size: 15px;
  }
  
    .tutor-text-center.tutor-fs-6.tutor-color-secondary.tutor-mt-20 {
    font-size: 15px;
  }
  
    .tutor-modal-body {
    padding: 15px;
  }
}

.tutor-iconic-btn:hover, .tutor-iconic-btn:focus, .tutor-iconic-btn:active {
    color: var(--gcid-primary-color);
    background: hsl(from var(--gcid-primary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0.1);    
}