.tutor-widget {
    border: 1px solid #e9e9e9;
}

.tutor-widget-title {
    font-size: 24px;
    line-height: 150%;
    font-weight: 500 !important;
    padding-top: 20px;
    margin-bottom: 0;
}

.tutor-widget .tutor-widget-content,
.tutor-widget .tutor-form-wrap
 {
    padding: 20px 0 30px;
    border-bottom: 1px dashed var(--n40);
}

.tutor-list-item label {
    font-size: 16px;
    line-height: 100%;
    color: #717171;
}

.tutor-list-item label input[type="checkbox"] {
    margin-right: 10px;
}
.tutor-form-wrap input[type="Search"] {
    width: 100%;
    height: 50px;
    font-size: 16px;
    border-radius: 30px;
    background: #fff;
}
.tutor-form-icon {
    display: none;
}
.tutor-form-wrap .tutor-icon-search {
    right: 10px;
    left: auto;
    color: #000;
    top: -10px;
}
.tutor-list-item label input[type="checkbox"] {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid var(--n40);
}
.tutor-widget-content .reset_btn {
    color: var(--n700);
    border: 1px solid;
    border-color: var(--s2) !important;
    border-radius: 100px;
    padding: 12px 20px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 30px;
}
.tutor-widget-content .reset_btn:hover {
    background: transparent;
    color: var(--n700);
}
.tutor-form-check-input:focus {
    box-shadow: unset;
}
.tutor-widget-content .reset_btn:active {
    color: var(--n700);
    border: 1px solid;
    border-color: var(--s2) !important;
    background-color: transparent;
}
.tutor-widget-content.reset_btn_area {
    padding: 0;
    border: none;
}
.profile-name.tutor-color-white span {
    color: #fff;
}
.tutor-user-profile-content h3 {
    margin-bottom: 15px;
}
.tutor-wrap.tutor-page-wrap.status-publish.hentry {
    padding: 100px 0;
}
.tutor-login-wrap, #tutor-registration-wrap {
    max-width: 600px;
    border: 1px solid;
    border-color: var(--n40) !important;
    transition: all .4s;
    background: var(--n20) !important;
    box-shadow: unset;
    padding: 16px 10px 20px;
    border-radius: 15px;
}
.tutor-login-wrap:hover {
    border-color: var(--s2) !important;
}
form#tutor-login-form input
 {
    border-radius: 30px;
    padding: 12px;
}
form#tutor-registration-form input {
    border-radius: 30px;
}
form#tutor-registration-form .tutor-form-group {
    margin-bottom: 0;
}
form#tutor-login-form .tutor-btn.tutor-btn-primary,
form#tutor-registration-form .tutor-btn.tutor-btn-primary
 {
 background-color: var(--p1);
 color: #1C1D20;
 border: none;
 padding: 12px 0;
 font-weight: 600;
 border-radius: 30px;
 transition: .4s;
}
form#tutor-login-form .tutor-btn.tutor-btn-primary:hover,
form#tutor-registration-form .tutor-btn.tutor-btn-primary:hover {
    background: #1C1D20;
    color: var(--p1);
}
.tutor-instructor-apply-button.tutor-text-center a {
    background-color: var(--p1);
 color: #1C1D20;
 border: none;
 font-weight: 600;
 transition: .4s;
}
.tutor-instructor-apply-button.tutor-text-center a:hover {
    background: #1C1D20;
    color: var(--p1);
}
img.avatar.avatar-32.photo,
img.avatar.avatar-30.photo {
    border-radius: 100%;
}
.filter-button:hover
{
    background: var(--n20);
    border-radius: 16px;

}
.btn-default:active .filter-button:active {
    background: var(--n20);
    border-radius: 16px;
    font-size: 20px;
    font-weight: 600;
    color: var(--n500);
}

h3.course_about_title {
    font-size: 20px;
    margin: 17px 0 20px;
}

.tutor-course-content-list>li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
.tutor-nav-link.is-active {
    color: var(--n500);
}
.tutor-nav-link:hover {
    color: var(--n500);
}
  
header.tutor-course-details-header {
    margin-top: 36px;
}
.tutor-course-details-title {
    font-size: 56px;
    font-weight: 600;
    line-height: 120%;
}

h5.tutor-course-content-list-item-title a {
    font-size: 16px;
}

.tutor-accordion-item-header::after {
    color: var(--n500);
}
.tutor-course-content-title {
    font-size: 24px;
    color: var(--n700);
}
.write-course-review-link-btn {
    color: var(--n500);
    background: var(--p1);
    transition: .4s;
}
.tutor-form-group .def-btn {
    color: var(--n500);
    background: var(--p1);
    padding: 6px 11px;
    border-radius: 6px;
    font-size: 16px;
    transition: .4s;
    margin-top: 20px;
}
.write-course-review-link-btn:hover,
.tutor-form-group .def-btn:hover {
    background-color: #1C1D20;
    color: #fff;
}
.tutor-write-review-form textarea {
    border: 1px solid;
    border-color: var(--n40) !important;
    transition: all 0.4s;
    padding: 15px;
}
.tp-page-area.sec-mar {
    padding: 100px 0;
}
.tutor-option-field textarea:focus, .tutor-option-field input:not([type=submit]):focus, .tutor-form-group textarea:focus, .tutor-form-group input:not([type=submit]):focus {
    background: #fff;
    border-color: var(--s2) !important;
}
.tutor-form-group h2 {
    font-size: 20px;
    padding: 30px 0 20px;
}
button.tutor-btn.tutor-btn-primary.tutor-btn-block {
    margin: 20px 0;
}
button.tutor-btn.tutor-btn-primary.tutor-add-to-cart-button {
    background: var(--p1);
    border: none;
    border-radius: 30px;
   
}

button.tutor-btn.tutor-btn-primary.tutor-add-to-cart-button span {
    color: var(--n500);
    transition: .4s;
    font-weight: 600;
}
button.tutor-btn.tutor-btn-primary.tutor-add-to-cart-button:hover span {
    color: #fff;
}
button.tutor-btn.tutor-btn-primary.tutor-add-to-cart-button:hover {
    background: #1C1D20;
}
.tutor-tag-list li a {
    border-radius: 30px;
}
.tutor-tag-list li a:hover {
    color: #1C1D20;
    border-color: var(--s2) !important;
}
.class-card.course_archive h5 a {
    font-size: 18px;
    transition: .4s;
}
.class-card.course_archive h5 a:hover {
    font-size: 18px;
}
.class-card.course_archive .common__r .price-text {
    font-size: 16px;
    padding: 4px 12px;
}
span.tp-course-sale-price {
    font-size: 16px;
    font-weight: 700;
}
.class-card.course_archive .fs-five,
.class-card.course_archive .fs-six
 {
    font-size: 18px;
    line-height: 0;
    font-weight: 400!important;
    margin-top: 2px;
}
.class-card.course_archive h6.n700-color.fw_500.d-flex.gap-2 span,
.class-card.course_archive .d-flex.align-items-center.gap-1.gap-xl-1 span
 {
    font-size: 14px;
    font-weight: 400;
}
.class-card.course_archive span.n20-bg.rounded {
    padding: 2px 10px 4px;
    font-size: 14px;
}
h6.n700-color.fw_500.author {
    font-size: 14px;
}
a.n20-bg.w400.d-center.rounded {
    height: 30px;
    width: 30px;
    line-height: 30px;
}
i.ti.ti-bookmark.fs-five,
i.ti.ti-clock-hour-5.fs-five {
    font-size: 18px;
    font-weight: 400 !important;
}
h6.n700-color.fw_500 {
    font-size: 14px;
}
i.ti.ti-star-filled.fs-five.s1-color {
    font-size: 18px;
}
span.n20-bg.rounded.fw_600.py-1.py-xl-1.px-3.px-xl-2 {
    font-size: 14px;
}

img.avatar.avatar-70.photo {
    border-radius: 100%;
    height: 100%;
}
span.class-details-teacher-name.d-block {
    font-size: 14px;
}
span.color-1.position a {
    font-size: 16px;
    font-weight: 700;
}

.author_info {
    padding: 20px 30px;
    border: 1px solid #ddd;
}
span.single-info {
    font-size: 14px;
}
.author_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.tutor-course-thumbnail img {
    max-width: 100%;
    width: 100%;
}

.tutor-widget {
    border: 1px solid #e9e9e9;
  }
  
  
  .tutor-widget .tutor-widget-content {
    padding: 30px;
  }
  
  .tutor-list-item label {
    font-size: 16px;
    line-height: 100%;
    color: #717171;
  }
  
  .tutor-list-item label input[type="checkbox"] {
    margin-right: 10px;
  }
  .tutor-form-wrap input[type="Search"] {
    width: 100%;
    height: 50px;
    font-size: 16px;
    border: 1px solid #e9e9e9;
  }
  
  .tutor-form-wrap .tutor-icon-search {
    right: 19px;
    left: auto;
    color: var(--s2) !important;
  }
  .tutor-list-item label input[type="checkbox"] {
    margin-right: 10px;
    width: 15px;
    height: 15px;
  }
  h3.class-details-title.mt--3.mb-30 {
    margin-bottom: 15px;
  }
  
  .edufast-course-details-head-info .class-details-txt-box .tutor-ratings {
    display: block;
  }
  .tutor-ratings-stars {
    color: #ed9700;
    margin: 0 -3px;
    font-size: 16px;
  }
  .class-details-teacher-name {
    font-size: 18px;
    color: #17161c;
  }
  .color-1 a {
    color: var(--s2) !important;
  }
  .about-class {
    font-size: 14px;
    font-weight: 400;
    margin: 15px 0;
  }
  
  .class-details-info {
    border-bottom: 1px solid rgba(113, 113, 113, 0.2);
  }
  .class-info .box.text-center {
    display: flex;
    align-items: center;
    grid-gap: 10px;
  }
  .class-info .box span.single-info {
    margin-bottom: 0;
    line-height: 1;
    margin-top: 0px;
  }
  .color-3 {
    color: var(--s2) !important;
  }
  .about-class-box.d-flex.c-gap-70.r-gap-30.mb-25 {
    padding: 20px 0;
  }
  .vertical-border {
    width: 1px;
    background: rgba(113, 113, 113, 0.2);
  }
  .class-info .box.text-center {
    display: flex;
    align-items: center;
    grid-gap: 10px;
  }

  span.tutor-icon-star-line,
  span.tutor-icon-star-bold {
    font-size: 14px;
    color: #FFB21D;
  }
  .color-1 {
    color: var(--s2) !important;
  }
  .color-2 {
    color: var(--s2) !important;
  }
  .class-details-img {
    margin-bottom: 40px;
  }
  .class-info.class-details-info {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .tutor-accordion-item-header:hover {
      color: var(--s2) !important;
  }
  .tutor-course-content-list-item-title a {
      font-size: 16px;
      font-weight: 400 !important;
      line-height: 1.6;
      margin: 0;
      padding: 0;
  }
  .tutor-wrap .tutor-course-details-tab .tutor-nav-item:not(:last-child) {
      border-right: 1px solid #d2d3dc;
  }
  .tutor-wrap .tutor-course-details-tab .tutor-nav-item .tutor-nav-link {
      background: #edeef3;
      font-size: 16px;
      font-weight: 600;
      height: 54px;
      line-height: 55px;
      padding: 0px 50px;
      width: 100%;
      text-align: center;
      overflow: hidden;
      color: #0e1133;
  }
  .tutor-wrap .tutor-course-details-tab .tutor-nav-item .tutor-nav-link.is-active {
      background: var(--p1);
      border-bottom-color: var(--p1);
      font-size: 16px;
      font-weight: 600;
      height: 54px;
      line-height: 55px;
      text-align: center;
      overflow: hidden;
  }
  img.avatar.avatar-32.photo {
      border-radius: 100%;
  }
  .tutor-pagination ul.tutor-pagination-numbers .page-numbers.current {
    color: var(--n700);
}
.tutor-pagination ul.tutor-pagination-numbers .page-numbers:before {
   display: none;
}
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev:hover, .tutor-pagination ul.tutor-pagination-numbers .page-numbers.next:hover {
    color: var(--n700);
    background: var(--p1) !important;
}
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev, .tutor-pagination ul.tutor-pagination-numbers .page-numbers.next {
    border-radius: 100%;
}
.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a span {
    color: var(--tutor-color-white);
}
.tutor-user-public-profile.tutor-user-public-profile-pp-circle .ratings, .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .ratings {
    display: flex;
    align-items: center;
    gap: 7px;
}
.tutor-user-public-profile .photo-area .pp-area .profile-rating-media .tutor-rating-container .rating-total-meta {
    color: #fff;
}
span.tp-course-regular-price {
    font-size: 13px;
    text-decoration: line-through;
}
/* @media (max-width: 1199px) and (min-width:767) {
    .tutor-grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
} */

@media (max-width: 1199px) and (min-width: 768px) {
    .tutor-grid-3 {
        grid-template-columns: repeat(2, 1fr);
       
    }
}
