/* Course archive: responsive grid with minimum card width */
.course-archive-page .tutor-course-list.tutor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
}

.tutor-coming-soon-wrapper .tutor-color-success {
    color: var(--l2l-text);
}

.my-tutor-astra-shell {
	display: flex;
	gap: 2rem;
	align-items: flex-start;
}

.my-tutor-astra-content {
	flex: 1 1 auto;
	min-width: 0;
}

/* Respect Astra-ish sidebar sizing; adjust fallback as needed */
#secondary.my-tutor-astra-shell,
#secondary.widget-area.secondary {
	flex: 0 0 300px;
}

@media (max-width: 921px) {
	.my-tutor-astra-shell {
		flex-direction: column;
	}
	#secondary.widget-area.secondary {
		flex: 0 0 auto;
		width: 100%;
	}
}

.tutor-color-black {
  color: var(--l2l-text);
}
.tutor-color-white {
  color: #fff;
}
.tutor-color-primary {
  color: var(--tutor-color-primary);
}
.tutor-color-success {
  color: #24a148;
}
.tutor-color-warning {
  color: #ed9700;
}
.tutor-color-danger {
  color: #f44337;
}
.tutor-color-secondary {
  color: var(--tutor-color-secondary);
}
.tutor-color-muted {
  color: var(--tutor-color-muted);
}
.tutor-color-subdued {
  color: var(--tutor-color-subdued);
}
.tutor-color-hints {
  color: var(--tutor-color-hints);
}
.tutor-color-gray-20 {
  color: var(--tutor-color-gray);
}
.tutor-color-gray-10 {
  color: var(--tutor-color-gray-10);
}
.tutor-bg-black {
  background-color: var(--l2l-text);
}
.tutor-bg-white {
  background-color: #fff;
}
.tutor-bg-primary {
  background-color: var(--tutor-color-primary);
}
.tutor-bg-success {
  background-color: #24a148;
}
.tutor-bg-warning {
  background-color: #ed9700;
}
.tutor-bg-danger {
  background-color: #f44337;
}
.tutor-bg-secondary {
  background-color: #41454f;
}
.tutor-bg-muted {
  background-color: #757c8e;
}
.tutor-bg-subdued {
  background-color: #5b616f;
}
.tutor-bg-hints {
  background-color: #767c8e;
}
.tutor-bg-gray-20 {
  background-color: #e3e5eb;
}
.tutor-bg-gray-10 {
  background-color: #eff1f6;
}


body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.tutor-frontend *,
body.tutor-frontend :before,
body.tutor-frontend :after {
  box-sizing: border-box;
}
body .media-modal * {
  box-sizing: content-box;
}
.tutor-wrap {
  color: var(--l2l-text);
}
.tutor-wrap img {
  max-width: 100%;
  height: auto;
}
.tutor-custom-list-style {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tutor-custom-list-style li {
  margin-bottom: 5px;
  padding-left: 25px;
  line-height: 30px;
  position: relative;
}
.tutor-custom-list-style li:before {
  color: var(--tutor-color-primary);
  font-family: tutor;
  position: absolute;
  left: 0;
}
.tutor-entry-content > br {
  display: none;
}
.tutor-entry-content p:not(:last-child) {
  word-wrap: break-word;
  padding-bottom: 20px;
}
.tutor-segment-title {
  color: var(--l2l-text);
  margin-bottom: 13px;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
}
.tutor-course-topics-header {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}
.tutor-course-topics-header
  .tutor-course-topics-header-right
  span:not(:first-child) {
  margin-left: 45px;
}
.tutor-course-topics-contents h4 {
  font-size: var(--tutor-text-size);
  color: var(--l2l-text);
  margin-bottom: 0;
  font-weight: 500;
}
.tutor-course-topics-contents .tutor-course-title {
  cursor: pointer;
}
.tutor-course-topics-contents .tutor-course-title h4 {
  color: var(--tutor-color-primary);
  margin-top: 0;
  font-size: 16px;
  line-height: 25px;
  overflow: hidden;
}
.tutor-course-topics-contents .tutor-course-title h4 i {
  float: left;
  margin-right: 10px;
  font-size: 15px;
  line-height: 25px;
}
.tutor-course-topics-contents .tutor-course-topic {
  border: 1px solid var(--l2l-border);
  border-radius: 5px;
  margin-bottom: 20px;
  overflow: hidden;
}
.tutor-course-title,
.tutor-course-lesson {
  padding: 14px 20px;
}
.tutor-course-lesson {
  border-top: 1px solid var(--l2l-border);
}
.tutor-course-lesson h5 {
  line-height: 22px;
  font-size: var(--tutor-text-size);
  color: inherit;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}
.tutor-course-lesson h5 a {
  color: var(--tutor-color-primary);
  transition: all 0.3s;
}
.tutor-course-lesson h5 a:hover {
  color: var(--tutor-color-primary-hover);
}
.tutor-course-lesson h5 i {
  vertical-align: text-top;
  color: var(--tutor-color-muted);
  margin-right: 10px;
  line-height: 22px;
  display: block;
}
.tutor-course-lesson h5 .lesson-preview-icon i {
  margin-left: 10px;
  margin-right: 0;
}
.tutor-course-lesson h5 .tutor-lesson-duration {
  align-self: flex-start;
  margin-left: auto;
  padding-left: 5px;
}
.tutor-course-lesson .lesson-preview-title {
  flex-direction: row;
  flex: 1 0 0;
  align-items: flex-start;
  display: flex;
}
table.course-single-gradebooks .datetime {
  margin: 0;
  font-size: 80%;
}
.tutor-course-lessons .tutor-course-lesson h5 i.tutor-lesson-thumbnail-icon {
  text-align: center;
  color: var(--l2l-text-inverse);
  z-index: 1;
  border-radius: 3px;
  width: 70px;
  height: 50px;
  margin-right: 10px;
  font-size: 20px;
  line-height: 50px;
  position: relative;
  overflow: hidden;
  background-position: 50% !important;
  background-size: cover !important;
}
.tutor-course-lessons
  .tutor-course-lesson
  h5
  i.tutor-lesson-thumbnail-icon:after {
  content: "";
  z-index: -1;
  background: var(--l2l-overlay-backdrop);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.theme-twentytwentytwo .select2-container .select2-selection {
  padding: 0.2rem;
}
.tutor-password-protected-course .tutor-modal-overlay {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.tutor-password-protected-course .tutor-course-thumbnail {
  margin-bottom: 60px;
}
.tutor-password-protected-course .tutor-course-thumbnail img {
  width: 100%;
}
.tutor-password-protected-course .tutor-locked-badge {
  color: var(--l2l-text);
  background-color: var(--l2l-surface-0);
  border-radius: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
}
.tutor-password-protected-course .tutor-btn {
  justify-content: center;
  min-width: 110px;
}
.tutor-quiz-questions-pagination {
  margin-top: 24px;
}
.tutor-quiz-questions-pagination ul {
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  list-style: none;
  display: flex;
  padding: 0 !important;
}
.tutor-quiz-questions-pagination ul li {
  display: inline-block;
}
.tutor-quiz-questions-pagination ul li a {
  border: 1px solid var(--tutor-color-primary);
  color: var(--tutor-color-primary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 7px 13px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}
.tutor-quiz-questions-pagination ul li a:hover,
.tutor-quiz-questions-pagination ul li a.active {
  background-color: var(--tutor-color-primary);
  color: var(--l2l-text-inverse);
}
.tutor-quiz-questions-pagination ul li a:hover:hover,
.tutor-quiz-questions-pagination ul li a.active:hover {
  opacity: 0.8;
}
.tutor-info-msg,
.tutor-success-msg,
.tutor-warning-msg,
.tutor-error-msg {
  border-radius: 3px;
  margin: 10px 0;
  padding: 10px;
}
.tutor-info-msg {
  color: var(--tutor-color-primary);
  background-color: #bef;
}
.tutor-success-msg {
  color: var(--tutor-color-success);
  background-color: #dff2bf;
}
.tutor-warning-msg {
  color: #9f6000;
  background-color: #feefb3;
}
.tutor-error-msg {
  color: #d8000c;
  background-color: #fbdcdc;
  border: 1px solid #d8000c;
}
.tutor-profile-photo-upload-wrap {
  width: 200px;
  height: auto;
  margin-bottom: 70px;
  position: relative;
}
.tutor-profile-photo-upload-wrap img {
  width: 100%;
  height: auto;
  display: block;
}
a.tutor-profile-photo-upload-btn,
button.tutor-profile-photo-upload-btn {
  background-color: var(--tutor-color-primary);
  color: var(--l2l-text-inverse);
  text-align: center;
  width: 100%;
  padding: 9px 0;
  display: block;
  position: absolute;
  top: 100%;
}
a.tutor-profile-photo-upload-btn:hover,
button.tutor-profile-photo-upload-btn:hover {
  background-color: var(--tutor-color-primary-hover);
  color: var(--l2l-text-inverse);
}
.tutor-profile-photo-delete-btn {
  color: #ff000c;
  position: absolute;
  top: 10px;
  right: 10px;
}
.single-instructor-wrap {
  border: 1px solid var(--l2l-border);
  border-radius: 4px;
  margin-bottom: 30px;
}
.single-instructor-wrap .single-instructor-top {
  border-bottom: 1px solid var(--l2l-border);
  padding: 20px;
  display: flex;
}
@media (max-width: 767px) {
  .single-instructor-wrap .single-instructor-top {
    flex-wrap: wrap;
  }
}
.single-instructor-wrap .single-instructor-top h3,
.single-instructor-wrap .single-instructor-top h4 {
  margin: 0;
  padding: 0;
}
.single-instructor-wrap .tutor-instructor-left {
  flex: none;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .single-instructor-wrap .tutor-instructor-left {
    width: 100%;
    margin-bottom: 15px;
  }
}
.single-instructor-wrap .instructor-name {
  float: left;
  max-width: 180px;
  padding-left: 20px;
}
.single-instructor-wrap .instructor-name h3 {
  color: var(--l2l-text);
  font-size: 16px;
  font-weight: 600;
}
.single-instructor-wrap .instructor-name h3 a {
  color: var(--l2l-text);
  font-weight: 500;
}
.single-instructor-wrap .instructor-name h4 {
  color: var(--tutor-color-muted);
  font-weight: 500;
}
.single-instructor-wrap .single-instructor-bottom {
  text-align: right;
  padding: 15px 20px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .single-instructor-wrap .single-instructor-bottom {
    text-align: left;
  }
}
.single-instructor-wrap .single-instructor-bottom p {
  margin: 0;
}
.single-instructor-wrap .single-instructor-bottom .ratings {
  float: left;
}
.single-instructor-wrap .single-instructor-bottom .ratings i {
  margin-right: 4px;
}
.single-instructor-wrap .single-instructor-bottom .courses,
.single-instructor-wrap .single-instructor-bottom .students {
  margin-left: 20px;
  display: inline-block;
}
.single-instructor-wrap .single-instructor-bottom .courses i,
.single-instructor-wrap .single-instructor-bottom .students i {
  vertical-align: middle;
  margin-right: 2px;
  font-size: 18px;
  display: inline-block;
}
.single-instructor-wrap .single-instructor-bottom .ratings .rating-total-meta {
  color: var(--l2l-text-subtle);
}
.single-instructor-wrap .single-instructor-bottom .ratings .rating-generated {
  color: #f8c51c;
}
.tutor-dashboard-pagination-results-stats {
  margin: 10px 0 30px;
}
.statement-address {
  color: var(--l2l-text);
  margin: 10px 0;
}
.statement-order-completed {
  background: var(--tutor-color-success);
  color: var(--l2l-text-inverse);
  border: none;
  padding: 2px 5px;
}
.tutor-login-wrap,
#tutor-registration-wrap {
  border-radius: 5px;
  max-width: 520px;
  margin: 0 auto;
  padding: 40px 0 32px;
  box-shadow: var(--l2l-shadow);
}
.tutor-login-form-wrapper,
#tutor-registration-form {
  padding: 24px;
}
.tutor-login-form-wrapper .tutor-password-strength-checker .show-hide-btn,
#tutor-registration-form .tutor-password-strength-checker .show-hide-btn {
  top: 45%;
}
@media (max-width: 767px) {
  .tutor-login-form-wrapper .tutor-password-strength-checker .show-hide-btn,
  #tutor-registration-form .tutor-password-strength-checker .show-hide-btn {
    top: 42%;
  }
}
.tutor-login-wrap form {
  margin: 0;
}
.tutor-login-wrap .tutor-login-title {
  text-align: center;
  margin-bottom: 25px;
  padding: 0 40px;
}
.tutor-login-rememeber-wrap {
  text-align: right;
  margin-bottom: 30px;
  overflow: hidden;
}
.tutor-login-rememeber-wrap p {
  float: left;
  display: inline-block;
}
.tutor-login-rememeber-wrap p,
.tutor-login-rememeber-wrap label {
  margin: 0;
}
.tutor-form-register-wrap a,
.tutor-login-rememeber-wrap a,
.tutor-login-rememeber-wrap label {
  color: var(--l2l-text-muted);
  vertical-align: middle;
  opacity: 0.5;
  transition: all 0.3s;
}
.tutor-form-register-wrap a:hover,
.tutor-login-rememeber-wrap a:hover,
.tutor-login-rememeber-wrap label:hover {
  opacity: 1;
}
.tutor-form-register-wrap {
  text-align: center;
  margin-top: 15px;
}
.tutor-course-login-wrap h4 {
  color: var(--l2l-text);
  margin-bottom: 20px;
  font-size: 42px;
  line-height: 1.2;
}
.login-overlay-close {
  z-index: -1;
  background: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.course-login-title {
  margin-bottom: 50px;
}
.tutor-option-field-row label,
.tutor-form-group label {
  margin-top: -2px;
  margin-bottom: 10px;
  display: block;
}
.tutor-option-field textarea,
.tutor-form-group textarea {
  width: 100%;
  box-shadow: none;
  text-indent: 15px;
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 0;
  font-size: 16px;
  line-height: 48px;
  transition: all 0.3s;
  display: block;
}
.tutor-option-field input[type="text"] {
  width: 100%;
  box-shadow: none;
  text-indent: 15px;
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 0;
  font-size: 16px;
  line-height: 48px;
  transition: all 0.3s;
  display: block;
}
.tutor-option-field input[type="number"] {
  width: 100%;
  box-shadow: none;
  text-indent: 15px;
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 0;
  font-size: 16px;
  line-height: 48px;
  transition: all 0.3s;
  display: block;
}
.tutor-option-field input[type="pas\.tutor-dashboard-content-innersword"] {
  width: 100%;
  box-shadow: none;
  text-indent: 15px;
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 0;
  font-size: 16px;
  line-height: 48px;
  transition: all 0.3s;
  display: block;
}
.tutor-form-group input[type="text"] {
  width: 100%;
  box-shadow: none;
  text-indent: 15px;
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 0;
  font-size: 16px;
  line-height: 48px;
  transition: all 0.3s;
  display: block;
}
.tutor-form-group input[type="number"] {
  width: 100%;
  box-shadow: none;
  text-indent: 15px;
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 0;
  font-size: 16px;
  line-height: 48px;
  transition: all 0.3s;
  display: block;
}
.tutor-form-group input[type="password"] {
  width: 100%;
  box-shadow: none;
  text-indent: 15px;
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 0;
  font-size: 16px;
  line-height: 48px;
  transition: all 0.3s;
  display: block;
}
.tutor-option-field textarea,
.tutor-form-group textarea {
  text-indent: 0;
  height: 180px;
  padding: 15px;
  line-height: 26px;
}
.tutor-option-field textarea:focus,
.tutor-form-group textarea:focus,
.tutor-option-field input:focus,
.tutor-form-group input:focus {
  outline: none;
}
.tutor-option-field textarea:focus,
.tutor-form-group textarea:focus {
  background: var(--l2l-surface-0);
  border-color: var(--l2l-primary) !important;
}
.tutor-option-field input:not([type="submit"]):focus {
  background: var(--l2l-surface-0);
  border-color: var(--l2l-primary) !important;
}
.tutor-form-group input:not([type="submit"]):focus {
  background: var(--l2l-surface-0);
  border-color: var(--l2l-primary) !important;
}
.tutor-option-field textarea::-webkit-input-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-option-field input::-webkit-input-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-form-group textarea::-webkit-input-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-form-group input::-webkit-input-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-option-field textarea::-moz-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-option-field textarea::-moz-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-option-field input::-moz-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-form-group textarea::-moz-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-form-group input::-moz-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-option-field textarea:-ms-input-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-option-field input:-ms-input-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-form-group textarea:-ms-input-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-form-group input:-ms-input-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-option-field textarea:-moz-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-option-field input:-moz-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-form-group textarea:-moz-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-form-group input:-moz-placeholder {
  color: var(--l2l-text-subtle);
  opacity: 1;
}
.tutor-form-group.tutor-reg-form-btn-wrap {
  text-align: right;
}
.tutor-option-field p.desc {
  opacity: 0.7;
  margin: -10px 0 20px;
  font-size: 13px;
  font-style: italic;
}
.tutor-option-field:last-child .tutor-option-field p.desc {
  margin-bottom: 0;
}
.tutor-option-gorup-fields-wrap .tutor-lesson-video-runtime {
  display: flex;
}
.tutor-option-gorup-fields-wrap
  .tutor-lesson-video-runtime
  .tutor-option-group-field {
  padding-right: 30px;
}
.tutor-price-preview-box {
  border: 1px solid var(--l2l-border);
  border-radius: 4px;
  margin-bottom: 30px;
  padding: 20px;
  overflow: hidden;
}
.tutor-price-box-thumbnail {
  margin: -20px -20px 20px;
}
.tutor-price-box-thumbnail .tutor-single-lesson-segment {
  margin-bottom: 0;
}
.tutor-price-preview-box .price {
  margin: 0 0 20px;
  font-size: 35px;
  font-weight: 500;
  line-height: 1;
  overflow: hidden;
}
.tutor-price-preview-box .price .subscription-details {
  font-size: var(--tutor-text-size);
  margin-top: 12px;
  line-height: 1.2em;
  display: block;
}
.tutor-price-preview-box .price > .price {
  margin-bottom: 0;
}
.tutor-price-preview-box .price del + ins {
  float: left;
  margin-left: 0;
}
.tutor-course-reviews-wrap {
  border: 1px solid var(--l2l-border);
  border-radius: 4px;
}
.tutor-course-avg-rating-total {
  color: var(--tutor-color-muted);
}
.tutor-course-avg-rating-total span {
  color: var(--l2l-text);
}
.tutor-review-individual-item {
  border: 1px solid var(--l2l-border);
  padding: 30px;
  overflow: hidden;
}
.tutor-review-individual-item p {
  margin: 0;
  padding: 0;
}
.course-avg-rating-wrap {
  padding: 20px 20px 20px 40px;
}
.tutor-review-individual-item .review-left {
  float: left;
  width: 200px;
  overflow: hidden;
}
.tutor-review-individual-item .review-content {
  padding-left: 200px;
}
@media (max-width: 991px) {
  .tutor-review-individual-item .review-left {
    float: none;
    width: 100%;
    margin-bottom: 25px;
  }
  .tutor-review-individual-item .review-content {
    padding-left: 0;
  }
}
.tutor-review-individual-item .review-avatar {
  float: left;
  width: 50px;
}
.tutor-review-individual-item .review-avatar img {
  border: none;
  border-radius: 50%;
  max-width: 100%;
  height: auto;
  margin: 0;
}
.tutor-review-individual-item .tutor-review-user-info {
  float: left;
  padding-left: 20px;
}
.tutor-review-individual-item .tutor-review-user-info p {
  margin-bottom: 0;
}
.tutor-review-individual-item .tutor-review-user-info a {
  color: var(--l2l-text);
}
.review-avatar .tutor-text-avatar,
.tutor-dashboard-avater .tutor-text-avatar,
.instructor-avatar .tutor-text-avatar {
  text-align: center;
  color: var(--l2l-text-inverse);
  text-shadow: var(--l2l-text-shadow);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: block;
}
.course-avg-rating-wrap .course-avg-rating {
  font-size: 76px;
  font-weight: 400;
  line-height: 1;
}
.course-avg-rating-wrap p {
  margin: 0;
}
.tutor-review-individual-item .tutor-review-name {
  font-size: 16px;
  font-weight: 600;
}
.tutor-review-individual-item .review-meta {
  color: var(--tutor-color-muted);
}
.individual-review-rating-wrap {
  color: #f8c51c;
}
.individual-review-rating-wrap i,
.course-avg-rating-html i {
  color: #f8c51c;
  margin-right: 4px;
}
.tutor-course-tags {
  margin: -5px;
}
.tutor-course-tags a {
  color: var(--l2l-text);
  background: var(--l2l-surface-1);
  border-radius: 2px;
  margin: 5px;
  padding: 6px 15px;
  transition: all 0.3s;
  display: inline-block;
}
.tutor-course-tags a:hover {
  color: var(--l2l-text);
}
#tutor-single-entry-content .tutor-course-prerequisites {
  padding: 60px;
}
.prerequisites-course-lists {
  margin: 0;
  padding: 0;
  list-style: none;
}
.prerequisites-course-lists li a {
  color: var(--tutor-color-primary);
  border: 1px solid var(--l2l-border);
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 13px 15px;
  font-size: 16px;
  font-weight: 500;
}
.prerequisites-course-lists li:first-child {
  color: #b39f70;
  background: #fffff5;
  border: 1px solid #f7e5b9;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 13px 40px 13px 60px;
  font-weight: 500;
  position: relative;
}
.prerequisites-course-lists li:first-child > span {
  position: absolute;
  top: 13px;
  left: 20px;
}
.prerequisites-course-lists li .prerequisites-course-item {
  align-items: center;
  display: flex;
}
.prerequisites-course-feature-image img {
  border-radius: 2px;
  width: 70px;
  height: auto;
  box-shadow: var(--l2l-shadow-sm);
  margin: 0 !important;
}
.prerequisites-course-lists li .prerequisites-course-title {
  flex-grow: 1;
  padding-left: 15px;
  transition: all 0.3s;
}
.prerequisites-course-lists li a:hover .prerequisites-course-title {
  color: var(--tutor-color-primary);
}
.prerequisites-course-checkmark {
  text-transform: uppercase;
  min-width: 107px;
  height: 24px;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
}
.prerequisites-course-checkmark i {
  color: #dbdddd;
  text-align: center;
  background: #dbdddd;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  margin-right: 3px;
  display: inline-block;
}
.prerequisites-course-checkmark.is-complete i {
  background: var(--tutor-color-success);
  color: var(--l2l-text-inverse);
}
.rtl .tutor-progress-bar .tutor-progress-filled:after {
  left: auto;
  right: var(--tutor-progress-left);
  transform: translateY(-50%) translate(50%);
}
.rtl .tutor-progress-percent {
  padding-left: 0;
  padding-right: 20px;
}
.rtl .tutor-course-lesson h5 i {
  margin-left: 10px;
  margin-right: 0;
}
.rtl .tutor-course-lesson h5 .lesson-preview-icon i {
  margin-left: 0;
  margin-right: 10px;
}
.rtl .tutor-course-lesson h5 .tutor-lesson-duration {
  text-align: left;
  flex-grow: 1;
}
.rtl .tutor-custom-list-style li {
  padding-left: 0;
  padding-right: 25px;
}
.rtl .tutor-custom-list-style li:before {
  left: auto;
  right: 0;
}
.rtl .single-instructor-wrap .instructor-name {
  float: right;
  padding-left: 0;
  padding-right: 20px;
}
.rtl .single-instructor-wrap .instructor-bio {
  padding-left: 0;
  padding-right: 260px;
}
.rtl .tutor-lessons-under-topic .tutor-lesson-right-icons {
  left: 15px;
  right: auto;
}
.rtl
  .tutor-lessons-under-topic
  .tutor-lesson-right-icons
  .tutor-lesson-complete {
  margin-left: 0;
  margin-right: 8px;
}
.rtl
  .tutor-single-lesson-button-group
  .tutor-single-lesson-button
  a
  > i:first-child,
.rtl
  .tutor-topics-in-single-lesson
  .tutor-single-lesson-items
  a
  > i:first-child {
  margin-left: 10px;
  margin-right: 0;
}
.rtl .tutor-topbar-home-btn {
  margin-left: 0;
  margin-right: 20px;
}
@media screen and (max-width: 546px) {
  .rtl .tutor-topbar-home-btn {
    margin-right: 10px;
  }
}
.label-order-status {
  border-radius: 3px;
  padding: 3px 5px;
}
.label-status-completed {
  color: var(--l2l-text-inverse);
  background-color: #4bd863;
}
.label-status-cancelled {
  color: var(--l2l-text-inverse);
  background-color: #fd6a03;
}
.label-status-on-hold {
  color: var(--l2l-text-inverse);
  background-color: #db5382;
}
.tutor-lesson-content-area h2 {
  margin-top: 20px;
  margin-bottom: 25px;
  font-weight: 500;
}
.assignment-result-wrap {
  text-align: center;
  padding: 10px 0;
}
.submitted-assignment-grade-pass {
  color: var(--tutor-color-success);
}
.submitted-assignment-grade-failed {
  color: red;
}
.received-marks {
  color: var(--tutor-color-primary);
}
.video-poster-img img {
  max-width: 200px;
  height: auto;
}
.tutor-assignment-information {
  font-size: 16px;
}
.tutor-assignment-information ul {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
  display: flex;
}
.tutor-assignment-information ul li strong {
  font-weight: 700;
}
.tutor-assignment-attachment-upload-wrap .tutor-form-group {
  display: inline-block;
}
.tutor-assignment-attachment-upload-wrap .tutor-form-group label + input {
  display: none;
}
.tutor-assignment-attachment-upload-wrap .tutor-form-group label {
  cursor: pointer;
  border: 1px solid var(--l2l-border);
  border-radius: 4px;
  margin-right: 15px;
  padding: 15px 17px;
  overflow: hidden;
}
.tutor-assignment-attachment-upload-wrap .tutor-form-group label i {
  float: left;
  margin-right: 12px;
  font-size: 30px;
  line-height: 30px;
}
.tutor-assignment-attachment-upload-wrap .tutor-form-group label span {
  line-height: 30px;
}
.tutor-assignment-attachment-upload-wrap {
  margin-bottom: 40px;
}
.ui-sortable-placeholder {
  visibility: visible;
  background-color: var(--l2l-surface-2);
}
.lesson-modal-close-wrap a {
  text-align: center;
  color: var(--l2l-text-muted);
  background: var(--l2l-surface-0);
  width: 50px;
  height: 59px;
  font-size: 15px;
  line-height: 57px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
.lesson-modal-close-wrap a:hover {
  color: red;
}
.lesson-modal-field.tutor-lesson-modal-title-wrap {
  width: 95%;
}
.lesson-modal-field-row input[type="text"] {
  box-shadow: none;
  color: var(--l2l-text-muted);
  vertical-align: middle;
  background-color: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 3px;
  min-width: 400px;
  min-height: 35px;
  margin: 0 10px 0 0;
  padding: 7px 12px;
  display: inline-block;
}
.tutor-lesson-modal-title-wrap input {
  width: 100%;
}
.tutor-lesson-modal-wrap .modal-footer {
  background-color: var(--l2l-surface-0);
  width: 100%;
  padding: 10px 20px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}
.tutor-option-field .tutor-lesson-edit-feature-img {
  width: 100px;
  position: relative;
}
.tutor-option-field .tutor-lesson-edit-feature-img img {
  width: 100%;
  height: auto;
}
.tutor-get-pro-text {
  color: #e02424;
}
.updating-icon:before {
  font-family: tutor;
  animation: 1s linear infinite spin;
  display: inline-block;
}
.tutor-notice-warning {
  background-color: var(--l2l-surface-0);
  border-color: var(--l2l-border);
  margin-bottom: 10px;
  padding: 20px;
}
.quiz-modal-btn-cancel,
.quiz-modal-btn-back {
  color: var(--l2l-text-muted);
  border: 1px solid var(--l2l-border);
}
.tutor-quiz-builder-group {
  margin-bottom: 25px;
}
.tutor-quiz-builder-group > p.warning {
  color: red;
  font-size: 12px;
}
.tutor-quiz-builder-group > p.help {
  color: #a4a4a4;
  margin-top: 7px;
  font-size: 12px;
}
.tutor-quiz-builder-group > h4 {
  color: var(--l2l-text-muted);
  margin: 0 0 15px;
  font-weight: 600;
}
.tutor-quiz-builder-row {
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}
.tutor-quiz-builder-col {
  flex-grow: 1;
  padding-left: 10px;
  padding-right: 10px;
}
.tutor-quiz-builder-col.auto-width {
  flex: none;
}
.tutor-quiz-builder-group textarea {
  text-indent: 15px;
  box-shadow: none;
  color: var(--l2l-text-muted);
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 3px;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 5px 0;
  line-height: 40px;
  display: inline-block;
}
.tutor-quiz-builder-group input[type="text"] {
  text-indent: 15px;
  box-shadow: none;
  color: var(--l2l-text-muted);
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 3px;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 5px 0;
  line-height: 40px;
  display: inline-block;
}
.tutor-quiz-builder-group input[type="email"] {
  text-indent: 15px;
  box-shadow: none;
  color: var(--l2l-text-muted);
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 3px;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 5px 0;
  line-height: 40px;
  display: inline-block;
}
.tutor-quiz-builder-group input[type="number"] {
  text-indent: 15px;
  box-shadow: none;
  color: var(--l2l-text-muted);
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 3px;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 5px 0;
  line-height: 40px;
  display: inline-block;
}
.tutor-quiz-builder-group input[type="password"] {
  text-indent: 15px;
  box-shadow: none;
  color: var(--l2l-text-muted);
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 3px;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 5px 0;
  line-height: 40px;
  display: inline-block;
}
.tutor-quiz-builder-group textarea:focus {
  border-color: var(--tutor-color-primary);
}
.tutor-quiz-builder-group input[type="text"]:focus {
  border-color: var(--tutor-color-primary);
}
.tutor-quiz-builder-group input[type="email"]:focus {
  border-color: var(--tutor-color-primary);
}
.tutor-quiz-builder-group input[type="number"]:focus {
  border-color: var(--tutor-color-primary);
}
.tutor-quiz-builder-group input[type="password"]:focus {
  border-color: var(--tutor-color-primary);
}
.tutor-quiz-builder-group textarea {
  resize: none;
  text-indent: 0;
  height: 80px;
  padding: 11px 15px;
  line-height: 22px;
}
.tutor-quiz-builder-group textarea[name="quiz_description"] {
  height: 150px;
}
.tutor-quiz-builder-group select {
  box-shadow: none;
  border: 1px solid var(--l2l-border);
  margin: 0;
  line-height: 1;
  height: 42px !important;
  padding: 0 12px !important;
}
.question-type-pro {
  color: var(--l2l-text-inverse);
  font-size: 9px;
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translateY(-50%);
}
.quiz-builder-question {
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 3px;
  flex: 1;
  max-width: calc(100% - 52px);
  padding: 10px;
  display: flex;
}
.quiz-builder-question .question-sorting {
  margin-right: 10px;
  line-height: 22px;
}
.quiz-builder-question .question-sorting i {
  line-height: 24px;
  display: block;
}
.quiz-builder-question .question-edit-icon {
  line-height: 22px;
}
.quiz-builder-question .question-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  margin-right: 10px;
  line-height: 22px;
  overflow: hidden;
}
.quiz-builder-question .question-icon {
  flex: 0 0 155px;
}
.quiz-builder-qustion-trash a {
  color: rgba(57, 60, 64, 0.4);
  padding: 0 0 0 10px;
  font-size: 20px;
  line-height: 44px;
  display: block;
}
.tutor-quiz-answer-wrap {
  display: flex;
}
.tutor-quiz-answer-trash-wrap a.answer-trash-btn {
  padding: 0 10px;
  line-height: 44px;
  display: inline-block;
}
span.tutor-quiz-answer-title {
  flex: 1;
}
.tutor-quiz-answer-media .option-media-preview {
  margin-bottom: 20px;
}
.tutor-quiz-answer-media .option-media-preview img {
  max-width: 80px;
  height: auto;
}
.tutor-question-answer-image {
  margin-right: 10px;
}
.tutor-question-answer-image img {
  width: auto;
  max-height: 25px;
}
.tutor-video-embeded-wrap {
  max-width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}
.tutor-video-embeded-wrap iframe,
.tutor-video-embeded-wrap object,
.tutor-video-embeded-wrap embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.select2-selection__rendered [class^="tutor-icon-"] {
  vertical-align: top;
  margin-right: 6px;
  display: inline-block;
}
.select2-results__options [class^="tutor-icon-"] {
  color: var(--tutor-color-primary);
  vertical-align: top;
  margin-right: 6px;
  display: inline-block;
}
.select2-results__option--highlighted [class^="tutor-icon-"] {
  color: var(--l2l-text-inverse);
}
.video-metabox-source-input-wrap {
  background-color: var(--l2l-surface-1);
  border: 1px solid var(--l2l-border);
  border-radius: 3px;
  padding: 30px;
}
.no-memberhsip-msg-wrap p {
  margin: 0;
}
.content-drip-message-wrap.tutor-error-msg {
  margin: 40px 50px;
}
.content-drip-message-wrap {
  margin: 120px;
}
.content-drip-wrap-flex {
  display: flex;
}
.content-drip-wrap-flex .content-drip-left {
  margin-right: 50px;
}
.content-drip-wrap-flex ul {
  margin: 0;
  list-style-position: inside;
}
.content-drip-wrap-flex ul li a {
  color: var(--tutor-color-primary);
}
.gradename-bg {
  text-align: center;
  color: var(--l2l-text-inverse);
  border-radius: 20px;
  min-width: 32px;
  height: 32px;
  margin-right: 7px;
  padding: 0 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  display: inline-block;
}
.gradename-outline {
  text-align: center;
  border: 2px solid;
  border-radius: 20px;
  min-width: 32px;
  height: 32px;
  margin-right: 7px;
  padding: 0 8px;
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
}
.generate-course-gradebook-btn-wrap {
  margin: 10px 0;
}
.gradebook-result-for-label {
  background-color: var(--l2l-surface-1);
  margin: 0 0 10px;
  padding: 4px 7px;
  display: inline-block;
}
table.course-single-gradebooks {
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid var(--l2l-border);
  width: 100%;
}
table.course-single-gradebooks th {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--l2l-border);
  padding: 1em 1.41575em;
  font-weight: 600;
}
table.course-single-gradebooks thead th {
  vertical-align: middle;
  background-color: var(--l2l-surface-2);
  padding: 1.41575em;
}
table.course-single-gradebooks tbody td {
  border-bottom: 1px solid var(--l2l-border);
  background-color: var(--l2l-surface-0) !important;
}
table.course-single-gradebooks a {
  color: var(--l2l-text-muted);
}
.text-label {
  background-color:  var(--l2l-surface-2);
  border-radius: 3px;
  margin: 0;
  padding: 4px 7px;
  display: inline-block;
}
.text-label.submitted-assignment-grade-pass {
  color: #fff;
  background-color: #86b223;
}
.text-label.submitted-assignment-grade-failed {
  color: #fff;
  background-color: #d71830;
}
.tutor-bp-message-recipient-header {
  margin-bottom: 20px;
  display: flex;
}
.tutor-bp-recipient-info-wrap {
  flex-grow: 1;
}
.tutor-bp-message-recipient-avatar-wrap img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
}
.tutor-bp-message-recipient-avatar-wrap {
  margin-right: 35px;
}
.tutor-bp-message-recipient-header .tutor-bp-thread-recipient-name h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin: 10px 0 8px !important;
}
.tutor-bp-message-recipient-header .tutor-bp-thread-recipient-name h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 20px !important;
}
.tutor-bp-enrolled-courses-wrap {
  margin: 0;
}
.tutor-bp-enrolled-courses-wrap .tutor-bp-enrolled-total-course-notice {
  color: var(--l2l-text-muted);
  font-weight: 400;
  margin: 10px 0 8px !important;
}
.tutor-bp-enrolled-courses-wrap ul {
  color:  var(--l2l-text-muted);
  margin: 0;
  padding: 0 0 0 17px;
}
.tutor-bp-enrolled-courses-wrap ul li a {
  color:  var(--l2l-text-muted);
  padding-left: 10px;
  line-height: 1.7;
  display: block;
}
.tutor-bp-enrolled-courses-wrap ul li a:hover {
  color: var(--tutor-color-primary);
  opacity: 1;
  transition: all 0.3s;
  text-decoration: underline !important;
}
.oxy-tutor-element {
  width: 100%;
}
.list-item-price ins {
  text-decoration: none;
}
.list-item-price del {
  color:  var(--l2l-text-muted);
  font-size: 15px;
  font-weight: 400;
  line-height: 160%;
}
.list-item-button .ajax_add_to_cart.added,
.tutor-course-booking-availability .ajax_add_to_cart.added {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .tutor-course-list-pagination.tutor-pagination {
    width: 80%;
    margin: 50px auto 0;
  }
}
@media only screen and (max-width: 1199px) {
  .tutor-course-list-pagination.tutor-pagination {
    width: 90%;
    margin: 50px auto 0;
  }
}
.list-item-button .edd-has-js.edd-no-js {
  display: none !important;
}
.tutor-forgot-password-form,
.tutor-reset-password-form {
  max-width: 520px;
  margin: 0 auto;
  padding: 15px;
  padding: 15px !important;
}
.tutor-social-share-wrap button {
  color:  var(--l2l-text-inverse);
  cursor: pointer;
  border: none;
  border-radius: 6px;
  align-items: center;
  margin-right: 16px;
  padding: 8px 15px;
  display: inline-flex;
}
@media (max-width: 575.98px) {
  .tutor-social-share-wrap button {
    justify-content: center;
    width: 150px;
  }
  .tutor-social-share-wrap button:not(:first-child) {
    margin-top: 10px;
  }
}
.tutor-social-share-wrap button span {
  color:  var(--l2l-text-inverse);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  position: relative;
  top: 1px;
  left: 2px;
}
.tutor-social-share-wrap .tutor_share.s_linkedin i {
  margin-top: -2px;
}
.tutor-course-loop-price {
  color: var(--l2l-text);
  gap: 5px;
  font-size: 16px;
}
.tutor-course-loop-price > .price {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  display: flex;
}
.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap {
  margin-left: auto;
}
.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a {
  color: var(--l2l-text);
  vertical-align: top;
  background: 0 0;
  padding: 0;
  font-weight: 400;
  line-height: 20px;
  display: block;
  position: relative;
}
.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a.added {
  display: none;
}
.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a:hover {
  color: var(--tutor-color-primary);
}
.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a:before {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  color: var(--tutor-color-primary);
  margin-right: 5px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  font-family: tutor !important;
}
.tutor-course-loop-price
  > .price
  .tutor-loop-cart-btn-wrap
  .tutor-course-booked-fully {
  margin-left: auto;
}
.tutor-course-loop-price
  > .price
  .tutor-loop-cart-btn-wrap
  .tutor-course-booked-fully
  > * {
  vertical-align: middle;
  display: inline-block;
}
.tutor-course-loop-price
  > .price
  .tutor-loop-cart-btn-wrap
  .tutor-course-booked-fully
  img {
  width: 24px;
  height: 24px;
}
.tutor-course-loop-price > .price .subscription-details {
  margin-left: 4px;
  font-size: 15px;
  font-weight: 400;
}
.tutor-course-loop-price > .price del {
  font-weight: 400;
}
.tutor-course-loop-price > .price del > span {
  margin-right: 6px;
}
.tutor-course-loop-price > .price del span {
  color: var(--tutor-color-muted);
  text-decoration: line-through;
}
.tutor-course-loop-price > .price del + ins {
  background: 0 0;
  margin-left: 0;
  text-decoration: none;
}

.tutor-wrap-parent {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

#primary {
	margin-top: 1em;
	margin-bottom: 4em;
	margin-left: 0;
	margin-right: 0;
}

@media (max-width: 1199px) {
  .tutor-course-filter-container {
    z-index: 999999;
    background-color:  var(--l2l-surface-0);
    width: 340px;
    padding: 32px;
    transition: all 0.3s ease-in;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -100%;
    overflow-y: auto;
  }
  .tutor-course-filter-backdrop {
    z-index: -1;
    opacity: 0;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(22, 22, 22, 0.5);
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in;
    position: fixed;
    top: 0;
    left: 0;
  }
  body.tutor-course-filter-open .tutor-course-filter-container {
    right: 0;
  }
  body.tutor-course-filter-open .tutor-course-filter-backdrop {
    opacity: 1;
    z-index: 999998;
  }
}
@media (min-width: 1200px) {
  .tutor-course-filter-backdrop {
    display: none;
  }
}
.tutor-single-course-wrapper {
  overflow: auto;
}
.tutor-single-course-wrapper > div {
  float: left;
  width: 100%;
}
@media (min-width: 992px) {
  .tutor-single-course-wrapper > div:first-child {
    width: calc(100% - 370px);
  }
  .tutor-single-course-wrapper > div:last-child {
    float: right;
    width: 350px;
  }
}
.course-enrolled-nav-wrap {
  border-bottom: 1px solid  var(--l2l-border);
  margin-bottom: 45px;
}
.course-enrolled-nav-wrap .course-enrolled-nav ul {
  margin: 0 0 -1px;
  padding: 0;
  list-style: none;
}
.course-enrolled-nav-wrap .course-enrolled-nav ul li {
  display: inline-block;
}
.course-enrolled-nav-wrap .course-enrolled-nav ul li a {
  color: var(--tutor-color-muted);
  border-bottom: 2px solid transparent;
  margin-right: 20px;
  padding: 5px 0 20px;
  font-size: 16px;
  display: block;
}
.course-enrolled-nav-wrap .course-enrolled-nav ul li:not(:first-child) a {
  margin-left: 20px;
}
.course-enrolled-nav-wrap .course-enrolled-nav ul li.active a {
  border-bottom: 2px solid var(--tutor-color-primary);
  color: var(--l2l-text);
}
.course_template_shortcode .tutor-courses-wrap {
  margin-top: 0;
}
.course-players {
  position: relative;
  overflow: hidden;
}
.tutor-single-course-sidebar.tutor-sidebar-sticky {
  z-index: 501;
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
}
.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body {
  background-color:  var(--l2l-surface-1);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tutor-single-course-sidebar .tutor-course-single-info-card {
  background-color: var(--l2l-surface-1);
}
.tutor-single-course-sidebar-more > div {
  border-left: 1px solid var(--tutor-border-color);
  border-right: 1px solid var(--tutor-border-color);
  background-color: var(--l2l-surface-1);
  margin: 0;
  padding: 16px 32px;
}
.tutor-single-course-sidebar-more > div:first-child {
  border-top: 1px solid var(--tutor-border-color);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-top: 24px;
}
.tutor-single-course-sidebar-more > div:last-child {
  border-bottom: 1px solid var(--tutor-border-color);
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding-bottom: 24px;
}
.tutor-single-course-sidebar-more .tutor-course-details-instructors {
  padding-bottom: 24px;
}
.tutor-single-course-sidebar-more .tutor-course-details-instructors + div {
  border-top: 1px solid var(--tutor-border-color);
  padding-top: 24px;
}
.tutor-course-author img {
  vertical-align: middle;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  margin-right: 8px;
  overflow: hidden;
}
.tutor-course-author span {
  color: var(--l2l-text-muted);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.tutor-course-author strong {
  color: var(--l2l-text-muted);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}
.tutor-text-ellipsis,
.tutor-dropdown-select.select-dropdown .tutor-dropdown-select-selected > *,
.tutor-dropdown-select.select-dropdown .tutor-dropdown-select-selected {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tutor-dropdown-select.select-dropdown
  .tutor-dropdown-select-option:last-child {
  border-top: none;
}
.tutor-dropdown-select.select-dropdown .tutor-dropdown-select-selected {
  align-items: center;
  margin-bottom: 0;
  display: grid;
}
.tutor-dropdown-select.select-dropdown
  .tutor-dropdown-select-selected
  .text-medium-body {
  padding-right: 20px;
}
.tutor-dropdown-select.select-dropdown
  .tutor-dropdown-select-options-container {
  z-index: -1;
  flex-direction: column;
  min-width: 228px;
  display: flex;
  overflow-y: hidden;
}
.tutor-dropdown-select.select-dropdown
  .tutor-dropdown-select-options-container
  .tutor-input-search
  input {
  border-color: var(--l2l-border);
  border-top-style: none;
  border-top-width: medium;
  border-left-style: none;
  border-left-width: medium;
  border-right-style: none;
  border-right-width: medium;
  border-bottom-left-radius: unset !important;
  border-bottom-right-radius: unset !important;
}
.tutor-dropdown-select.select-dropdown
  .tutor-dropdown-select-options-container
  .tutor-input-search
  input:active,
.tutor-dropdown-select.select-dropdown
  .tutor-dropdown-select-options-container
  .tutor-input-search
  input:focus {
  box-shadow: none;
  border-color: var(--l2l-border);
}
.tutor-dropdown-select.select-dropdown
  .tutor-dropdown-select-options-container.is-active {
  z-index: 999;
  text-align: left;
}
.tutor-dropdown-select.select-dropdown
  .tutor-dropdown-select-options-container
  .tutor-frequencies {
  max-height: 100%;
  overflow-y: auto;
}
.tutor-zoom-meeting-modal-wrap .tutor-dropdown-select.select-dropdown {
  width: 100%;
}
.tutor-dashboard-content {
  margin-bottom: 60px;
}
.tutor-dashboard-content > h2 {
  margin-bottom: 20px;
}
.tutor-dashboard-assignment-submitted-table tr td {
  text-align: center;
}
.tutor-dashboard-assignment-submitted-table tr td a {
  color: var(--l2l-text-subtle);
  transition: all 0.3s;
}
.tutor-dashboard-assignment-submitted-table tr td a:hover {
  color: var(--tutor-color-primary);
}
.tutor-dashboard-assignment-submitted-table tr td,
.tutor-dashboard-assignment-submitted-table tr th {
  border: 1px solid var(--l2l-border);
}
.tutor-assignment-review-header {
  margin-bottom: 30px;
}
.tutor-assignment-review-header h3 {
  margin-bottom: 10px;
  line-height: 28px;
}
.tutor-assignment-evaluate-wraps h3,
.tutor-assignment-review-header h3 a {
  color: var(--l2l-text);
  font-size: 22px;
  font-weight: 700;
  display: block;
}
.tutor-assignment-review-header p {
  color: var(--l2l-text);
  margin: 0;
  font-weight: 400;
}
.tutor-assignment-review-header p a {
  color: var(--l2l-text);
  font-weight: 400;
}
.tutor-assignment-review-header a {
  transition: all 0.3s;
}
.tutor-assignment-review-header a:hover {
  color: var(--tutor-color-primary);
}
.tutor-option-field-label label br {
  display: none;
}
.tutor-option-field-label label p {
  margin: 0;
  display: inline-block;
}
.tutor-dashboard-avater img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: block;
}
.tutor-dashboard-student-info h4 {
  color: var(--tutor-color-muted);
  margin-bottom: 0;
  font-size: 18px;
}
.tutor-dashboard-student-info h4 a {
  color: var(--l2l-text);
}
.tutor-dashboard-user-role {
  font-weight: 400;
}
@media (max-width: 991px) {
  .tutor-dashboard-student .tutor-col-3,
  .tutor-dashboard-student .tutor-col-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .profile-completion-warning-details {
    margin-bottom: 10px;
  }
}
.tutor-dashboard-menu-divider {
  background-color: var(--tutor-border-color);
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
}
.tutor-dashboard-menu-divider-header {
  color: var(--l2l-text-inverse);
  cursor: default;
  padding: 10px 20px;
}
.tutor-date-range-wrap {
  display: inline-block;
}
.date-range-input {
  width: 100%;
  position: relative;
}
.date-range-input:last-child {
  margin-right: 0;
}
.date-range-input:last-child button {
  border-radius: 0;
}
.date-range-input input {
  box-shadow: none;
  width: 100%;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 30px;
  line-height: 29px;
}
.date-range-input input[type="text"] {
  box-shadow: none;
  width: 100%;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 30px;
  line-height: 29px;
}
.date-range-input i.tutor-icon-calendar {
  position: absolute;
  top: 7px;
  right: 10px;
}
.date-range-input button {
  background-color: var(--tutor-color-primary);
  color: var(--l2l-text-inverse);
  border: none;
  padding: 0 15px;
  line-height: 30px;
}
.date-range-input button:hover {
  background-color: var(--tutor-color-primary-hover);
}
.tutor-dashboard-statement-table-wrap {
  overflow-x: auto;
}
table.tutor-dashboard-statement-table p {
  margin: 0;
  padding: 0;
}
table.tutor-dashboard-statement-table p.small-text {
  color: var(--l2l-text-muted);
  font-size: 12px;
}
@media (max-width: 580px) {
  .profile-completion-warning-details li {
    display: block !important;
  }
}
.tutor-mycourse-view,
.tutor-mycourse-edit,
.tutor-mycourse-delete {
  color: var(--tutor-color-muted);
  transition: all 0.3s;
}
.tutor-mycourse-view i,
.tutor-mycourse-edit i,
.tutor-mycourse-delete i {
  line-height: inherit;
  vertical-align: top;
  color: var(--tutor-color-primary);
  display: inline-block;
}
.tutor-mycourse-view:hover,
.tutor-mycourse-edit:hover,
.tutor-mycourse-delete:hover {
  color: var(--tutor-color-primary);
}
.tutor-dashboard-content-inner .tutor-mycourse-wrap {
  border: 1px solid var(--l2l-border);
  border-radius: 4px;
  flex-direction: row;
  margin-bottom: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}
@media (max-width: 580px) {
  .tutor-dashboard-content-inner .tutor-mycourse-wrap {
    flex-wrap: wrap;
  }
}
.tutor-dashboard-content-inner .tutor-mycourse-wrap .tutor-course-status h4 {
  display: none;
}
.tutor-dashboard-content-inner .tutor-mycourse-wrap p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767.98px) {
  .tutor-header-right-side {
    justify-content: flex-start;
    margin-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .tutor-header-right-side {
    margin-top: 20px;
  }
}
.submitted-assignment-title a,
.submitted-assignment-title h3 {
  margin-bottom: 20px;
}
.submitted-assignments-sorting-wrap {
  margin-bottom: 30px;
}
.submitted-assignments-sorting-wrap .tutor-form-group {
  align-items: center;
  display: flex;
  flex-basis: 25% !important;
}
.submitted-assignments-sorting-wrap .tutor-form-group label,
.submitted-assignments-sorting-wrap .tutor-form-group select {
  margin-bottom: 0;
}
.submitted-assignments-sorting-wrap .tutor-form-group label {
  flex-basis: 35%;
}
.submitted-assignments-sorting-wrap .tutor-form-group select {
  height: 40px;
}
.tutor-dashboard-assignment-table .student-column {
  align-items: center;
  display: flex;
}
.tutor-dashboard-assignment-table .student-column .student-avatar {
  width: 34px;
  margin-right: 10px;
}
.tutor-dashboard-assignment-table .student-column .student-avatar img {
  border-radius: 50%;
}
.tutor-dashboard-assignment-table .student-column .student-avatar span {
  text-align: center;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  font-size: 12px;
  line-height: 34px;
  display: block;
}
.tutor-dashboard-assignment-table .student-column .student-details h4,
.tutor-dashboard-assignment-table .student-column .student-details p {
  margin-bottom: 0;
  line-height: 1.3;
}
.tutor-dashboard-assignment-table span.review-required,
.tutor-dashboard-assignment-table span.result-pass,
.tutor-dashboard-assignment-table span.result-fail {
  color: #fff;
  background: #df3247;
  border-radius: 2px;
  padding: 4px 11px;
  font-size: 14px;
  font-weight: 700;
}
.tutor-dashboard-assignment-table span.result-pass {
  background: var(--tutor-color-success);
}
.tutor-dashboard-assignment-table span.review-required {
  background: #f5b30d;
}
.tutor-assignment-review-header p span {
  color: var(--l2l-text);
  font-weight: 600;
}
.tutor-assignment-submitted-page {
  border-bottom: none;
}
.tutor-assignment-submitted-page .assignment-info {
  align-items: center;
  display: flex;
}
.tutor-assignment-submitted-page .assignment-info p {
  margin-right: 15px;
}
.tutor-assignment-submitted-page h3 {
  margin: 5px 0;
}
.tutor-dashboard-announcement-sorting-input {
  grid-template-columns: 1fr 3fr;
  align-items: center;
  max-width: 294px;
  display: grid;
}
.tutor-dashboard-announcement-sorting-wrap {
  column-gap: 15px;
  display: flex;
}
.tutor-dashboard-announcement-sorting-wrap div:first-child {
  flex-basis: 50%;
}
.tutor-dashboard-announcement-sorting-wrap div:nth-child(2) {
  flex-basis: 20%;
}
.tutor-dashboard-announcement-sorting-wrap div:nth-child(3) {
  flex-basis: 30%;
}
.tutor-announcement-datepicker {
  position: relative;
}
.tutor-announcement-datepicker input,
.tutor-announcement-datepicker i {
  position: absolute;
}
.tutor-announcement-datepicker i {
  color: #3e64de;
  top: 50%;
  right: 10px;
}
table.frontend-dashboard-table tbody tr td[data-th="Date"] {
  vertical-align: baseline;
}
table.frontend-dashboard-table tbody tr td[data-th="Date"] div.td-datetime {
  margin-top: 3px;
}
.tutor-quiz-attempt-info-row .attempt-view-bottom,
.tutor-quiz-attempt-info-row .attempt-view-top {
  justify-content: space-between;
  display: flex;
}
.tutor-quiz-attempt-info-row .attempt-view-bottom .attempt-info-col,
.tutor-quiz-attempt-info-row .attempt-view-top .attempt-info-col {
  align-items: center;
  max-width: 30%;
  display: inline-flex;
}
.tutor-quiz-attempt-info-row .attempt-view-bottom .attempt-info-col {
  align-items: flex-start;
}
.tutor-quiz-attempt-info-row .attempt-info-content span.result-review-required,
.tutor-quiz-attempt-info-row .attempt-info-content span.result-pass,
.tutor-quiz-attempt-info-row .attempt-info-content span.result-fail {
  color: #fff;
  background: #df3247;
  border-radius: 2px;
  margin-right: 13px;
  padding: 1px 4px;
  font-size: 14px;
  font-weight: 400;
}
.tutor-quiz-attempt-info-row .attempt-info-content span.result-pass {
  background: var(--tutor-color-success);
}
.tutor-quiz-attempt-info-row .attempt-info-content span.result-review-required {
  background: #f5b30d;
}
.tutor-quiz-attempt-info-row .attempt-info-content h4,
.tutor-quiz-attempt-info-row .attempt-info-content h5 {
  color: var(--l2l-text-muted);
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}
.tutor-quiz-attempt-info-row .attempt-info-content h4 a,
.tutor-quiz-attempt-info-row .attempt-info-content h4 {
  color: var(--l2l-text);
  margin-top: 7px;
  font-weight: 700;
}
.tutor-quiz-attempt-info-row .attempt-view-top {
  border-bottom: 1px solid var(--l2l-border);
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.tutor-quiz-attempt-info-row .attempt-view-bottom {
  margin-bottom: 60px;
}
.attempt-user-details {
  align-items: center;
  display: flex;
}
.attempt-user-details .attempt-user-avatar {
  padding-right: 20px;
}
.attempt-user-details .attempt-user-avatar img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: block;
}
.attempt-user-details .attempt-info-content h4 {
  font-size: 18px;
}
.attempt-review-notice-wrap {
  justify-content: space-between;
  margin-bottom: 60px;
  display: flex;
}
.attempt-review-notice-wrap p {
  align-items: center;
  margin: 0;
  display: inline-flex;
}
.attempt-review-notice-wrap p.attempt-review-notice i {
  color: #f5c813;
  margin-right: 9px;
  font-size: 16px;
}
.attempt-review-notice-wrap p.attempt-review-at > span {
  color: var(--tutor-color-primary);
  margin-right: 7px;
  font-size: 16px;
}
.attempt-review-notice-wrap p > strong {
  margin-right: 5px;
  font-weight: 400;
}
.quiz-view-attempts-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.quiz-view-attempts-wrapper .back-to-quiz-btn {
  margin-left: 10px;
  color: var(--l2l-text-inverse) !important;
}
.tutor-status-blocked-context i,
.tutor-status-approved-context i,
.quiz-correct-answer-text i,
.quiz-incorrect-answer-text i {
  text-align: center;
  color: var(--l2l-text-inverse);
  background: #7bbc30;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
}
.tutor-status-blocked-context i,
.quiz-incorrect-answer-text i {
  background: #f44337;
  font-size: 10px;
  font-weight: 900;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-circle
  .profile-rating-media.content-for-desktop,
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
  .profile-rating-media.content-for-desktop {
  flex-direction: column;
  display: flex;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-circle
  .tutor-rating-container,
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
  .tutor-rating-container {
  align-self: flex-end;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-circle .ratings,
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .ratings {
  align-items: flex-end;
  display: flex;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-circle
  .ratings
  .text-regular-caption,
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
  .ratings
  .text-regular-caption {
  color: var(--l2l-text-muted) !important;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-circle
  .profile-rating-media.content-for-desktop {
  row-gap: 15px;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle {
  row-gap: 3px;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp .ratings {
  display: flex;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name h3 {
  margin-bottom: 15px;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name {
  padding-left: 40px;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name span {
  font-weight: 400;
  color: var(--tutor-color-secondary) !important;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-pic {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  border: none !important;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp
  .tutor-rating-container {
  margin-top: 30px;
  padding-left: 80px;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp
  .tutor-social-container {
  top: 110px;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-circle .profile-pic {
  border-radius: 50%;
  width: 160px;
  height: 160px;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-circle .pp-area {
  top: -147px;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-circle
  .tutor-social-container {
  margin-top: 2px;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
  .profile-name {
  padding-left: 23px;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
  .profile-name
  span {
  font-weight: 300;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .profile-pic {
  border-radius: 10px;
  width: 235px;
  height: 275px;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
  .tutor-social-container {
  margin-top: 12px;
}
.tutor-user-public-profile .photo-area {
  height: 414px;
  margin-top: 30px;
  overflow: hidden;
}
.tutor-user-public-profile .photo-area .cover-area {
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.tutor-user-public-profile .photo-area .cover-area > div:first-child {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 352px;
}
.tutor-user-public-profile .photo-area .cover-area > div:last-child {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  height: 70%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.tutor-user-public-profile .photo-area .pp-area {
  align-items: center;
  gap: 30px;
  padding-left: 40px;
  display: flex;
  position: relative;
  top: -141px;
}
@media (max-width: 992px) {
  .tutor-user-public-profile .photo-area .pp-area {
    gap: 10px;
  }
}
.tutor-user-public-profile .photo-area .pp-area .profile-pic {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 8px solid var(--l2l-border);
  display: inline-block;
}
.tutor-user-public-profile .photo-area .pp-area .profile-name h3 {
  color: var(--l2l-text-inverse);
  margin: 0;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
}
.tutor-user-public-profile .photo-area .pp-area .profile-rating-media {
  text-align: right;
  flex: 1;
  padding-bottom: 20px;
  padding-right: 30px;
}
.tutor-user-public-profile
  .photo-area
  .pp-area
  .profile-rating-media
  .tutor-rating-container {
  font-size: 16px;
}
.tutor-user-public-profile
  .photo-area
  .pp-area
  .profile-rating-media
  .tutor-rating-container
  .rating-digits {
  color: var(--l2l-text-inverse);
  font-size: 16px;
  font-weight: 500;
}
.tutor-user-public-profile
  .photo-area
  .pp-area
  .profile-rating-media
  .tutor-rating-container
  .rating-total-meta {
  color: var(--l2l-text-muted);
}
.tutor-user-public-profile .photo-area .pp-area .tutor-social-container {
  text-align: right;
}
.tutor-user-public-profile .photo-area .pp-area .tutor-social-container a {
  color: var(--l2l-text-inverse);
  cursor: pointer;
  margin-left: 15px;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
}
.tutor-user-public-profile
  .photo-area
  .pp-area
  .tutor-social-container
  a:hover {
  color: var(--l2l-text-inverse);
}
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .photo-area {
  overflow: initial;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
  .photo-area
  .profile-name,
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
  .photo-area
  .profile-rating-media {
  padding-bottom: 137px;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
  .tutor-user-profile-sidebar {
  margin-top: 79px;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp .photo-area {
  height: auto;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp .cover-area {
  display: none;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp .pp-area {
  top: 0;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name {
  padding-top: 40px;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name h3 {
  color: var(--l2l-text) !important;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp
  .profile-name
  > span
  > span {
  color: var(--l2l-text) !important;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp
  .profile-rating-media {
  position: absolute;
  top: 15px;
  left: 226px;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp
  .profile-rating-media
  .rating-digits {
  color: var(--l2l-text) !important;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp
  .tutor-rating-container {
  text-align: left;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp
  .tutor-social-container {
  text-align: left !important;
  margin-top: 5px !important;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp
  .tutor-social-container
  a {
  margin-right: 20px;
  color: var(--l2l-text-muted) !important;
  margin-left: 0 !important;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp
  .tutor-social-container
  a:hover {
  color: var(var(--l2l-text)) !important;
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp
  .profile-rating-media {
  width: calc(100% - 157px);
}
.tutor-user-public-profile.tutor-user-public-profile-no-cp
  .tutor-social-container {
  position: absolute;
  left: auto;
  right: 36px;
}
@media (min-width: 768px) {
  .tutor-user-public-profile .content-for-mobile {
    display: none;
  }
  .tutor-user-public-profile .content-for-desktop {
    display: block;
  }
}
@media (max-width: 991px) {
  .tutor-user-public-profile .profile-name span {
    color: var(--l2l-text-subtle) !important;
  }
  .tutor-user-public-profile .content-for-mobile {
    margin: 22px 0 0;
    display: block;
    padding: 0 !important;
  }
  .tutor-user-public-profile .content-for-mobile .ratings {
    justify-content: center;
    align-items: center;
  }
  .tutor-user-public-profile .content-for-desktop {
    display: none !important;
  }
  .tutor-user-public-profile.tutor-user-public-profile-pp-circle .photo-area,
  .tutor-user-public-profile.tutor-user-public-profile-no-cp .photo-area,
  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
    .photo-area {
    height: auto;
  }
  .tutor-user-public-profile.tutor-user-public-profile-pp-circle
    .photo-area
    .cover-area
    > div:first-child,
  .tutor-user-public-profile.tutor-user-public-profile-no-cp
    .photo-area
    .cover-area
    > div:first-child,
  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
    .photo-area
    .cover-area
    > div:first-child {
    height: 220px;
  }
  .tutor-user-public-profile.tutor-user-public-profile-pp-circle .pp-area,
  .tutor-user-public-profile.tutor-user-public-profile-no-cp .pp-area,
  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .pp-area {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 0 !important;
    top: -82px !important;
  }
  .tutor-user-public-profile.tutor-user-public-profile-pp-circle .profile-name,
  .tutor-user-public-profile.tutor-user-public-profile-pp-circle
    .profile-rating-media,
  .tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name,
  .tutor-user-public-profile.tutor-user-public-profile-no-cp
    .profile-rating-media,
  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
    .profile-name,
  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
    .profile-rating-media {
    text-align: center !important;
    width: 100% !important;
  }
  .tutor-user-public-profile.tutor-user-public-profile-pp-circle
    .profile-name
    > span
    > span,
  .tutor-user-public-profile.tutor-user-public-profile-no-cp
    .profile-name
    > span
    > span,
  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
    .profile-name
    > span
    > span {
    color: var(--l2l-text) !important;
  }
  .tutor-user-public-profile.tutor-user-public-profile-pp-circle
    .profile-name
    > span:nth-of-type(2)
    > span,
  .tutor-user-public-profile.tutor-user-public-profile-no-cp
    .profile-name
    > span:nth-of-type(2)
    > span,
  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
    .profile-name
    > span:nth-of-type(2)
    > span {
    color: var(--l2l-text-inverse) !important;
  }
  .tutor-user-public-profile.tutor-user-public-profile-pp-circle
    .profile-name
    h3,
  .tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name h3,
  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
    .profile-name
    h3 {
    color: var(--l2l-text) !important;
    font-size: 30px !important;
  }
  .tutor-user-public-profile.tutor-user-public-profile-pp-circle .rating-digits,
  .tutor-user-public-profile.tutor-user-public-profile-no-cp .rating-digits,
  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
    .rating-digits {
    color: var(--l2l-text) !important;
  }
  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .pp-area {
    top: -98px !important;
  }
  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle
    .profile-pic {
    width: 153px !important;
    height: 160px !important;
  }
  .tutor-user-public-profile.tutor-user-public-profile-no-cp .pp-area,
  .tutor-user-public-profile.tutor-user-public-profile-no-cp
    .profile-rating-media,
  .tutor-user-public-profile.tutor-user-public-profile-no-cp
    .tutor-social-container,
  .tutor-user-public-profile.tutor-user-public-profile-no-cp .ratings {
    text-align: center !important;
    position: static !important;
    top: 0 !important;
  }
  .tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name {
    padding: 0 !important;
  }
  .tutor-user-public-profile .tutor-social-container {
    margin: 15px 0 0 !important;
  }
  .tutor-user-public-profile .tutor-social-container a {
    color: var(--l2l-text-muted) !important;
  }
  .tutor-user-public-profile .profile-name {
    padding: 0 !important;
  }
  .tutor-user-public-profile.tutor-user-public-profile-pp-circle .pp-area,
  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .pp-area {
    margin-top: -83px !important;
    position: relative !important;
    top: 0 !important;
  }
  .tutor-user-public-profile .tutor-user-profile-sidebar {
    margin-top: 0 !important;
  }
}
.tutor-user-public-profile .tutor-user-profile-sidebar {
  float: left;
  width: 278px;
  padding: 15px;
}
.tutor-user-public-profile .tutor-user-profile-content {
  float: right;
  width: calc(100% - 278px);
  margin-bottom: 30px;
  padding-left: 30px;
}
.tutor-user-public-profile .tutor-user-profile-content h3 {
  color: var(--l2l-text);
  margin-top: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  font-size: 24px !important;
}
.tutor-user-public-profile .tutor-user-profile-content h3:first-child {
  margin-top: 0;
}
.tutor-user-public-profile .tutor-user-profile-content p {
  color: var(--tutor-color-secondary);
  font-size: 16px;
  line-height: 28px;
}
@media (max-width: 991px) {
  .tutor-user-public-profile.tutor-user-public-profile-no-cp .pp-area {
    padding-left: 0 !important;
  }
  .tutor-user-public-profile.tutor-user-public-profile-no-cp
    .profile-rating-media {
    left: 178px !important;
  }
  .tutor-user-public-profile.tutor-user-public-profile-no-cp
    .tutor-rating-container {
    padding-left: 0;
  }
  .tutor-user-public-profile .tutor-user-profile-sidebar,
  .tutor-user-public-profile .tutor-user-profile-content {
    float: none;
    width: 100%;
    padding: 10px 0;
  }
}
@media (min-width: 992px) {
  .tutor-user-public-profile .photo-area {
    margin-bottom: -90px;
  }
}
@media (max-width: 992px) {
  .tutor-user-public-profile .student-details-table-wrapper {
    margin-top: 40px;
  }
}
.analytics-profile-authormeta {
  gap: 20px;
}
@media (min-width: 1200px) {
  .analytics-profile-authormeta {
    gap: 40px;
    display: flex;
  }
  .analytics-profile-authormeta > :first-child {
    position: relative;
  }
  .analytics-profile-authormeta > :first-child:before {
    content: "";
    background: var(--l2l-surface-1);
    border-radius: 50%;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
  }
}
@media (max-width: 1200px) {
  .analytics-profile-authormeta > * {
    display: block;
  }
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  .withdraw-history-table-title
  h4 {
  margin-top: 45px;
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table
  .tutor-withdrawals-method {
  grid-gap: 15px;
  grid-template-columns: 40px auto;
  align-items: center;
  display: grid;
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history {
  box-sizing: border-box;
  border: 1px solid var(--l2l-border);
  position: relative;
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  th {
  background: var(--l2l-surface-1);
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  th,
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  td {
  text-align: left;
  vertical-align: middle;
  border-collapse: collapse;
  border: none;
  border-bottom: 1px solid var(--l2l-border);
  padding: 10px;
  font-size: 13px;
  font-weight: 400;
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  th:first-child,
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  td:first-child {
  padding: 10px 0 15px 15px;
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  th:last-child,
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  td:last-child {
  text-align: right;
  width: 50px;
  padding-right: 15px;
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  th:nth-child(4),
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  td:nth-child(4) {
  width: 105px;
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  td
  .withdraw-method-name {
  font-size: 15px;
  line-height: 20px;
  display: block;
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  small {
  font-size: 13px;
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  .tutor-status-text-container
  .tool-tip-container {
  cursor: pointer;
  height: 24px;
  display: inline-block;
  position: relative;
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  .tutor-status-text-container
  .tool-tip-container
  img {
  width: 16px;
  display: inline-block !important;
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  .tutor-status-text {
  color: var(--l2l-text-inverse);
  background: var(--l2l-surface-3);
  border-radius: 2px;
  padding: 3px 9px;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  .tutor-status-text.status-approved {
  background: #24a148;
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  .tutor-status-text.status-pending {
  background: #ed9700;
}
.tutor-frontend-dashboard-withdrawal
  .withdraw-history-table-wrap
  table.withdrawals-history
  .tutor-status-text.status-rejected {
  background: #f44337;
}
.tutor-tooltip-inside .tooltip {
  z-index: 2;
  clip: rect(0, 0, 0, 0);
  box-sizing: border-box;
  cursor: default;
  color: var(--l2l-text-inverse);
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  text-align: center;
  white-space: normal;
  background: var(--l2l-text);
  border: 0 solid var(--l2l-text-inverse);
  border-top-color: var(--l2l-text);
  border-radius: 10px;
  width: 0;
  height: auto;
  padding: 7px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: normal;
  transition: opacity 0.3s ease-in 0.3s;
  position: absolute;
  overflow: hidden;
}
.tutor-tooltip-inside .tooltip.isVisible {
  clip: auto;
  opacity: 1;
  border-width: 1px;
  width: 150px;
  height: auto;
  padding: 10px 15px;
  overflow: visible;
}
.tutor-tooltip-inside .tooltip,
.tutor-tooltip-inside .tooltip.tip-bottom,
.tutor-tooltip-inside .tooltip.tip-top {
  left: 50%;
  transform: translate(-50%);
}
.tutor-tooltip-inside .tooltip,
.tutor-tooltip-inside .tooltip.tip-bottom,
.tutor-tooltip-inside .tooltip.tip-bottom-left,
.tutor-tooltip-inside .tooltip.tip-bottom-right {
  top: calc(100% + 13px);
}
.tutor-tooltip-inside .tooltip.tip-top,
.tutor-tooltip-inside .tooltip.tip-top-left,
.tutor-tooltip-inside .tooltip.tip-top-right {
  top: auto;
  bottom: calc(100% + 13px);
}
.tutor-tooltip-inside .tooltip.tip-bottom-left,
.tutor-tooltip-inside .tooltip.tip-bottom-right,
.tutor-tooltip-inside .tooltip.tip-top-left,
.tutor-tooltip-inside .tooltip.tip-top-right {
  transform: none;
}
.tutor-tooltip-inside .tooltip.tip-bottom-left,
.tutor-tooltip-inside .tooltip.tip-top-left {
  margin-right: -25px;
  left: auto;
  right: 50%;
}
.tutor-tooltip-inside .tooltip.tip-bottom-right,
.tutor-tooltip-inside .tooltip.tip-top-right {
  margin-left: -25px;
}
.tutor-tooltip-inside .tooltip.tip-left,
.tutor-tooltip-inside .tooltip.tip-right {
  top: 50%;
  transform: translateY(-50%);
}
.tutor-tooltip-inside .tooltip.tip-left {
  left: auto;
  right: calc(100% + 13px);
}
.tutor-tooltip-inside .tooltip.tip-right {
  left: calc(100% + 13px);
}
.tutor-tooltip-inside .tooltip:after {
  content: " ";
  pointer-events: none;
  border-style: solid;
  border-width: 10px;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
}
.tutor-tooltip-inside .tooltip:after,
.tutor-tooltip-inside .tooltip.tip-bottom:after,
.tutor-tooltip-inside .tooltip.tip-top:after {
  margin-left: -10px;
  left: 50%;
}
.tutor-tooltip-inside .tooltip:after,
.tutor-tooltip-inside .tooltip.tip-bottom:after,
.tutor-tooltip-inside .tooltip.tip-bottom-left:after,
.tutor-tooltip-inside .tooltip.tip-bottom-right:after {
  border-color: transparent transparent var(--l2l-text);
  top: -20px;
}
.tutor-tooltip-inside .tooltip.tip-top:after,
.tutor-tooltip-inside .tooltip.tip-top-left:after,
.tutor-tooltip-inside .tooltip.tip-top-right:after {
  border-color: var(--l2l-text) transparent transparent;
  top: auto;
  bottom: -20px;
}
.tutor-tooltip-inside .tooltip.tip-bottom-left:after,
.tutor-tooltip-inside .tooltip.tip-bottom-right:after,
.tutor-tooltip-inside .tooltip.tip-top-left:after,
.tutor-tooltip-inside .tooltip.tip-top-right:after {
  margin-left: 0;
}
.tutor-tooltip-inside .tooltip.tip-bottom-left:after,
.tutor-tooltip-inside .tooltip.tip-top-left:after {
  left: auto;
  right: 15px;
}
.tutor-tooltip-inside .tooltip.tip-bottom-right:after,
.tutor-tooltip-inside .tooltip.tip-top-right:after {
  left: 15px;
}
.tutor-tooltip-inside .tooltip.tip-left:after,
.tutor-tooltip-inside .tooltip.tip-right:after {
  margin-top: -10px;
  margin-left: auto;
  top: 50%;
}
.tutor-tooltip-inside .tooltip.tip-left:after {
  border-color: transparent transparent transparent var(--l2l-text);
  left: auto;
  right: -20px;
}
.tutor-tooltip-inside .tooltip.tip-right:after {
  border-color: transparent var(--l2l-text) transparent transparent;
  left: -20px;
}
.tutor-instructor-list-item .tutor-instructor-cover-photo {
  border-radius: 5px 5px 0 0;
}
.tutor-instructor-list-item .tutor-avatar {
  z-index: 1;
  box-shadow: 0 0 0 1px var(--tutor-border-color);
  position: relative;
}
.tutor-instructor-list-item.tutor-instructor-layout-cover .tutor-avatar {
  box-shadow: 0 0 0 1px var(--tutor-border-color), 0 0 0 6px var(--l2l-surface-0);
  margin-top: -69px;
}
.tutor-instructor-list-item.tutor-instructor-layout-portrait-horizontal
  .tutor-instructor-cover-photo {
  border-radius: 5px 0 0 5px;
}
.tutor-instructor-filter {
  overflow: auto;
}
.tutor-instructor-filter > div {
  float: left;
}
.tutor-instructor-filter > div:first-child {
  width: 230px;
}
@media (min-width: 1024px) {
  .tutor-instructor-filter > div:last-child {
    width: calc(100% - 250px);
    padding: 0 51px;
  }
}
.tutor-instructor-filter .tutor-instructor-filter-result .keyword-field {
  box-sizing: border-box;
  border: 1px solid var(--l2l-border);
  border-radius: 6px;
  margin-bottom: 30px;
  padding: 5px;
}
.tutor-instructor-filter .tutor-instructor-filter-result .keyword-field i {
  color: var(--l2l-secondary);
  padding: 0 5px;
}
.tutor-instructor-filter .tutor-instructor-filter-result .keyword-field i,
.tutor-instructor-filter .tutor-instructor-filter-result .keyword-field input {
  font-size: 16px;
}
.tutor-instructor-filter .tutor-instructor-filter-result .keyword-field input {
  background: 0 0;
  border: none;
  width: calc(100% - 40px);
  padding: 0;
}
.tutor-instructor-filter .tutor-instructor-filter-result .keyword-field input,
.tutor-instructor-filter
  .tutor-instructor-filter-result
  .keyword-field
  input:hover,
.tutor-instructor-filter
  .tutor-instructor-filter-result
  .keyword-field
  input:active {
  outline: 0;
}
.tutor-instructor-rejection-notice {
  clear: both;
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 6px;
  width: 100%;
  margin: 41px 0 0;
  padding: 16.5px;
}
.tutor-instructor-rejection-notice span {
  color: #c62828;
  font-size: 16px;
  font-weight: 400;
}
.tutor-instructor-rejection-notice span i {
  color: #f44337;
  margin-right: 14px;
  font-size: 27px;
  display: inline-block;
}
.tutor-instructor-rejection-notice a {
  float: right;
  color: #f44337;
  cursor: pointer;
  font-weight: 700;
}
.tutor-instructor-rejection-notice a:hover {
  color: #e41304;
}
.tutor-instructor-filter * {
  box-sizing: border-box;
}
.tutor-instructor-filter .tutor-instructor-ratings-wrapper {
  border-top: 1px solid var(--l2l-surface-1);
  padding-top: 33px;
}
.tutor-instructor-filter .filter-result-container {
  position: relative;
}
.tutor-disabled-wrapper {
  flex-direction: column;
  justify-content: center;
  max-width: 444px;
  margin: auto;
  padding: 60px 0 30px;
  display: flex;
}
.tutor-disabled-wrapper .tutor-disabled-content-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
}
.tutor-disabled-wrapper .tutor-disabled-content-wrapper img {
  margin-bottom: 30px;
}
.tutor-disabled-wrapper .tutor-disabled-content-wrapper p {
  margin-bottom: 38px;
}
.tutor-disabled-wrapper .tutor-disabled-content-wrapper h3 {
  font-size: 20px;
  font-weight: 500;
}
.tutor-disabled-wrapper .tutor-disabled-content-wrapper p {
  font-size: 15px;
  font-weight: 400;
}
.tutor-video-player {
  position: relative;
}
.tutor-video-player .loading-spinner:before {
  margin-top: -25px;
  margin-left: -25px;
  top: 50%;
}
.tutor-video-player-wrapper {
  position: relative;
}
.tutor-course-single-content-wrapper .tutor-lesson-feature-image img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: 0 auto;
  display: block;
}
.tutor-course-single-content-wrapper .tutor-video-player .loading-spinner {
  background: var(--tutor-color-gray-10);
  z-index: 10;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tutor-course-single-content-wrapper
  .tutor-video-player
  .loading-spinner:before {
  content: "";
  box-sizing: border-box;
  border: 2px solid var(--l2l-border);
  border-top-color: var(--tutor-color-primary);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  animation: 0.8s linear infinite spinner;
  position: absolute;
  top: 50%;
  left: 50%;
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.tutor-course-single-content-wrapper
  .tutor-video-player
  .loading-spinner:before {
  width: 50px;
  height: 50px;
  top: calc(50% - 25px);
}
.tutor-course-single-content-wrapper .tutor-video-player .loading-spinner.hide {
  display: none;
}
.tutor-course-single-content-wrapper .tutor-video-player iframe {
  border: none;
  width: 100%;
  height: 100%;
}
.tutor-course-single-content-wrapper
  .tutor-video-player
  .plyr--vimeo
  .plyr__captions {
  display: none !important;
}
.site-content {
  padding-bottom: 0 !important;
}
.tutor-course-single-sidebar-title {
  background-color: var(--l2l-surface-0);
  border-bottom: 1px solid var(--l2l-border);
  align-items: center;
  height: 60px;
  padding: 8px 16px;
  display: flex;
}
.tutor-course-single-sidebar-wrapper {
  background-color: var(--l2l-surface-0);
  border-right: 1px solid var(--l2l-border);
  flex: 0 0 400px;
  width: 400px;
}
@media (max-width: 1199.98px) {
  .tutor-course-single-sidebar-wrapper {
    opacity: 0;
    z-index: -1;
    flex: 0 0 100%;
    width: 100%;
    position: absolute;
    top: 0;
  }
}
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header {
  color: var(--l2l-text);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: var(--l2l-surface-0);
  border-bottom: 1px solid var(--l2l-border);
  border-radius: 0;
  padding: 12px 44px 12px 16px;
  font-size: 16px;
  font-weight: 500;
}
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header:after {
  color: var(--tutor-color-muted);
  font-size: 14px;
}
.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(--tutor-color-primary);
}
.tutor-course-single-sidebar-wrapper
  .tutor-accordion-item-header
  .tutor-course-topic-title {
  position: relative;
}
.tutor-course-single-sidebar-wrapper
  .tutor-accordion-item-header
  .tutor-course-topic-title-info {
  cursor: pointer;
  display: inline-flex;
  position: relative;
  top: 2px;
}
.tutor-course-single-sidebar-wrapper
  .tutor-accordion-item-header
  .tutor-course-topic-title-info-icon {
  color: rgba(var(--l2l-text-rgb), 0.5);
  font-size: 14px;
}
.tutor-course-single-sidebar-wrapper
  .tutor-accordion-item-header
  .tutor-course-topic-summary {
  color: var(--tutor-color-muted);
  font-size: 12px;
}
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-body {
  background-color: var(--l2l-surface-0);
  padding-top: 8px;
  padding-bottom: 8px;
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item {
  position: relative;
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a {
  background-color: var(--l2l-surface-0);
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 10px 16px;
  text-decoration: none;
  display: flex;
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-icon {
  color: rgba(var(--l2l-text-rgb), 0.3);
  font-size: 18px;
  transition: all 0.3s ease-in;
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-title {
  color: var(--tutor-color-secondary);
  transition: all 0.3s ease-in;
}
.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(--tutor-color-primary);
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a {
  background-color: var(--l2l-surface-0);
}
.tutor-course-single-sidebar-wrapper
  .tutor-course-topic-item
  .tutor-form-check-circle[checked] {
  border-color: var(--tutor-color-success);
  background-color: var(--tutor-color-success);
}
.tutor-course-single-sidebar-wrapper
  .tutor-course-topic-item
  .tutor-check-pending {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23FFF' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14' height='10' viewBox='0 0 459.313 459.314' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M459.313,229.648c0,22.201-17.992,40.199-40.205,40.199H40.181c-11.094,0-21.14-4.498-28.416-11.774 C4.495,250.808,0,240.76,0,229.66c-0.006-22.204,17.992-40.199,40.202-40.193h378.936 C441.333,189.472,459.308,207.456,459.313,229.648z'/%3E%3C/g%3E%3C/svg%3E");
  border-color: var(--tutor-color-warning) !important;
  background-color: var(--tutor-color-warning) !important;
}
.tutor-course-single-sidebar-wrapper
  .tutor-course-topic-item
  .tutor-check-fail {
  background-image: url("data:image/svg+xml,%3Csvg fill='white' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath d='M49.9,78c-4.2,0-7.6,3.5-7.6,7.8v1.5c0,4.3,3.4,7.7,7.6,7.7c4.2,0,7.7-3.4,7.7-7.7v-1.5C57.6,81.5,54.2,78,49.9,78L49.9,78z M49.8,5c-6.3,0-11.9,6.1-11.3,12.4l3.8,47c0.2,3.7,3.1,6.9,6.9,7.2c4.3,0.3,8.1-3,8.4-7.2l3.9-47C62,11.1,56.6,5,49.8,5z'%3E%3C/path%3E%3C/svg%3E");
  border-color: var(--tutor-color-danger) !important;
  background-color: var(--tutor-color-danger) !important;
}
body.rtl .tutor-course-single-sidebar-wrapper .tutor-accordion-item-header {
  padding: 12px 16px 12px 44px;
}
.tutor-course-single-content-wrapper {
  width: 100%;
  display: flex;
  position: relative;
}
.tutor-course-single-content-wrapper a {
  text-decoration: none;
}
.tutor-course-single-content-wrapper ul,
.tutor-course-single-content-wrapper ol,
.tutor-course-single-content-wrapper li > ul,
.tutor-course-single-content-wrapper li > ol {
  padding-left: 1em;
}
.tutor-course-single-content-wrapper a,
.tutor-course-single-content-wrapper a:hover,
.tutor-course-single-content-wrapper a:active,
.tutor-course-single-content-wrapper a:focus {
  text-decoration: none;
}
.tutor-course-single-content-wrapper.tutor-course-single-sidebar-hidden
  .tutor-course-single-sidebar-wrapper {
  display: none;
}
.tutor-course-single-content-wrapper.tutor-course-single-sidebar-hidden
  .tutor-course-topics-sidebar-toggler
  .tutor-icon-left {
  transform: rotate(180deg);
}
@media (max-width: 1199.98px) {
  .tutor-course-single-content-wrapper.tutor-course-single-sidebar-open
    .tutor-course-single-sidebar-wrapper {
    opacity: 1;
    z-index: 1026;
    background-color: var(--l2l-surface-0);
    height: 100vh;
    padding-bottom: 150px;
    overflow-y: auto;
    right: 0 !important;
  }
  .tutor-course-single-content-wrapper.tutor-course-single-sidebar-open
    .tutor-course-single-sidebar-wrapper
    .tutor-course-single-sidebar-title {
    z-index: 1027;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
}
.tutor-course-single-content-wrapper
  input.tutor-form-check-input.tutor-form-check-circle {
  width: 20px;
  height: 20px;
  margin-top: 1px;
}
.tutor-course-single-content-wrapper #tutor-single-entry-content {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}
@media (min-width: 1200px) {
  .tutor-course-single-content-wrapper #tutor-single-entry-content {
    min-height: 100vh;
  }
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-course-topic-single-header {
  background: var(--tutor-color-primary);
  min-height: 60px;
  color: var(--text-inverse);
  flex-shrink: 0;
  align-items: center;
  padding: 8px 16px;
  display: flex;
  position: relative;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-course-topic-single-header
  .tutor-topbar-mark-btn {
  color: var(--l2l-text-inverse);
  border-color: var(--l2l-border);
  background-color: transparent;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-course-topic-single-header
  .tutor-topbar-mark-btn:hover {
  color: var(--tutor-color-primary);
  background-color: var(--l2l-surface-0);
  border-color: var(--l2l-border);
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-course-topic-single-header
  .tutor-iconic-btn {
  color: var(--l2l-surface-0);
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-course-topic-single-header
  .tutor-iconic-btn:hover {
  color: var(--tutor-color-primary);
  background-color: var(--l2l-surface-0);
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-course-topic-single-header
  .tutor-iconic-btn-secondary {
  background-color: rgba(0, 0, 0, 0.2);
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-course-topic-single-header-icon {
  font-size: 24px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-course-topic-single-footer {
  border-top: 1px solid rgba(var(--tutor-color-primary-rgb), 0.15);
  background-color: rgba(var(--tutor-color-primary-rgb), 0.1);
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: flex;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-mobile-footer-navigation {
  background: var(--l2l-surface-0);
  z-index: 1;
  border: 1px solid var(--l2l-border);
  width: 100%;
  height: 90px;
  position: fixed;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 16px var(--l2l-shadow);
}
@media (min-width: 576px) {
  .tutor-course-single-content-wrapper
    #tutor-single-entry-content
    .tutor-mobile-footer-navigation {
    display: none;
  }
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-mobile-footer-navigation
  .tutor-footer-content {
  flex-basis: 70%;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-mobile-footer-navigation
  .tutor-quiz-skip-button {
  flex-basis: 50%;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-mobile-footer-navigation
  .tutor-quiz-skip-button
  button {
  border: 0;
  padding: 0;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-mobile-footer-navigation
  .tutor-footer-complete-btn
  button {
  padding: 8px 20px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  #tutor-start-quiz {
  display: inline-block;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-dotted-box {
  border: 2px dashed var(--tutor-border-color);
  border-radius: 5px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-dotted-box
  span[class^="tutor-icon-"],
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-dotted-box
  span[class*="\ tutor-icon-"] {
  display: none;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .quiz-image
  img {
  max-width: 100%;
  height: auto;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-dropzone.tutor-drop-over {
  border: 2px dashed var(--tutor-color-primary) !important;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-dropzone
  input {
  display: none;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .question-type-image_answering
  > div:not(:last-child) {
  margin-bottom: 70px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .question-type-image_answering
  .tutor-image-answer {
  max-width: 500px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .question-type-image_answering
  .tutor-image-answer
  img {
  border-radius: 6px;
  width: 100%;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper {
  padding: 80px 24px;
}
@media (max-width: 575.98px) {
  .tutor-course-single-content-wrapper
    #tutor-single-entry-content
    .tutor-quiz-wrapper {
    padding: 40px 16px;
  }
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-start-quiz-wrapper {
  border: 1px solid var(--l2l-border);
  border-radius: 10px;
  max-width: 560px;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .tutor-course-single-content-wrapper
    #tutor-single-entry-content
    .tutor-quiz-wrapper
    .tutor-start-quiz-wrapper {
    padding: 65px 95px;
  }
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-start-quiz-wrapper
  .tutor-start-quiz-title {
  border-bottom: 1px solid var(--tutor-border-color);
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-start-quiz-wrapper
  .tutor-quiz-info-area
  .tutor-quiz-info:not(:first-child) {
  padding-top: 15px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-meta-info {
  justify-content: space-between;
  display: flex;
}
@media (max-width: 575.98px) {
  .tutor-course-single-content-wrapper
    #tutor-single-entry-content
    .tutor-quiz-wrapper
    .tutor-quiz-wrap
    .quiz-meta-info {
    flex-direction: column;
    gap: 16px;
  }
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-meta-info
  .quiz-meta-info-left {
  gap: 35px;
  display: flex;
}
@media (max-width: 767.98px) {
  .tutor-course-single-content-wrapper
    #tutor-single-entry-content
    .tutor-quiz-wrapper
    .tutor-quiz-wrap
    .quiz-meta-info
    .quiz-meta-info-left {
    gap: 16px;
  }
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-meta-info
  .quiz-meta-info-right
  .quiz-time-remaining
  #tutor-quiz-time-update {
  text-align: right;
  min-width: 50px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-meta-info
  .quiz-meta-info-right
  .quiz-time-remaining
  .quiz-time-remaining-progress-circle,
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-meta-info
  .quiz-meta-info-right
  .quiz-time-remaining
  .quiz-time-remaining-expired-circle {
  width: 40px;
  height: 25px;
  margin-top: 1px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-meta-info
  .quiz-meta-info-right
  .quiz-time-remaining
  .quiz-time-remaining-progress-circle
  svg {
  width: 50px;
  height: 50px;
  margin-top: -3px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-meta-info
  .quiz-meta-info-right
  .quiz-time-remaining
  .quiz-time-remaining-progress-circle
  svg
  circle {
  transform: translate(17px, 15px);
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-meta-info
  .quiz-meta-info-right
  .quiz-time-remaining
  .quiz-time-remaining-progress-circle
  svg
  circle:first-child {
  stroke: var(--tutor-color-primary);
  stroke-width: 13px;
  stroke-dasharray: 44;
  stroke-dashoffset: 0;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-meta-info
  .quiz-meta-info-right
  .quiz-time-remaining
  .quiz-time-remaining-progress-circle
  svg
  circle:last-child {
  fill: none;
  stroke: var(--tutor-color-gray);
  stroke-dasharray: 44;
  stroke-dashoffset: calc(44 - 44 * var(--quizProgress) / 100);
  stroke-width: 13px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-meta-info
  .quiz-meta-info-right
  .quiz-time-remaining
  .quiz-time-remaining-expired-circle
  svg {
  width: 50px;
  height: 50px;
  margin-top: -3px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-meta-info
  .quiz-meta-info-right
  .quiz-time-remaining
  .quiz-time-remaining-expired-circle
  svg
  circle {
  stroke: #f44337;
  stroke-dashoffset: 0;
  stroke-dasharray: 75;
  stroke-width: 2px;
  fill: var(--l2l-surface-0);
  transform: translate(17px, 15px);
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .tutor-quiz-border-box {
  cursor: move;
  border: 1px solid var(--tutor-border-color);
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 18px;
  display: flex;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .tutor-quiz-border-box
  .tutor-icon-hamburger-menu {
  cursor: move;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .tutor-quiz-border-box
  input {
  display: none;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .tutor-quiz-dotted-box {
  color: var(--l2l-text-muted);
  border: 2px dashed var(--l2l-border);
  border-radius: 5px;
  padding: 8px 12px;
  font-size: 1rem;
  line-height: 1.5;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-flash-message
  .tutor-quiz-warning-box {
  border-radius: 6px;
  padding: 9px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-flash-message
  .tutor-quiz-warning-box.time-remaining-warning {
  border: 1px solid rgba(var(--tutor-color-warning-rgb), 0.3);
}
@media (max-width: 600px) {
  .tutor-course-single-content-wrapper
    #tutor-single-entry-content
    .tutor-quiz-wrapper
    .tutor-quiz-wrap
    .quiz-flash-message
    .tutor-quiz-warning-box {
    flex-wrap: wrap;
  }
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-flash-message
  .tutor-quiz-warning-box
  .flash-info
  span:first-child {
  font-size: 27px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-flash-message
  .tutor-quiz-warning-box
  .flash-action
  button {
  color: var(--text-inverse);
  border: unset;
  background: #ed9700;
}
@media (max-width: 600px) {
  .tutor-course-single-content-wrapper
    #tutor-single-entry-content
    .tutor-quiz-wrapper
    .tutor-quiz-wrap
    .quiz-flash-message
    .tutor-quiz-warning-box
    .flash-action
    button {
    margin-top: 10px;
  }
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-flash-message
  .tutor-quiz-warning-box.time-over {
  border: 1px solid #f44337;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .matching-quiz-question-desc {
  grid-template-columns: repeat(auto-fit, minmax(163px, 1fr));
  gap: 20px;
  display: grid !important;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .tutor-quiz-question-item {
  cursor: pointer;
  display: block;
  position: relative;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .tutor-quiz-question-item-has-media
  .tutor-form-check-input {
  z-index: 1;
  position: absolute;
  top: 8px;
  right: 8px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .tutor-quiz-question-item-has-media
  .tutor-form-check-input:checked
  + .tutor-card {
  border-color: var(--tutor-color-primary);
  box-shadow: 0 0 0 1px var(--tutor-color-primary);
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-question-ans-choice-area
  .quiz-short-ans-image {
  width: 100%;
  max-width: 444px;
  height: auto;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-question-ans-choice-area
  .quiz-question-ans-choice
  label {
  border: 1px solid var(--tutor-border-color);
  cursor: pointer;
  border-radius: 6px;
  min-width: 240px;
  padding: 9.5px 15px;
  display: inline-block;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-question-ans-choice-area
  .quiz-question-ans-choice
  label
  input {
  margin-top: 1px;
  margin-right: 8px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-question-ans-choice-area
  .quiz-question-ans-choice
  .tutor-quiz-correct-ans
  span:first-child {
  font-size: 28px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-question-ans-choice-area
  .fill-in-the-gap
  .fill-blank {
  border-bottom: 2px dashed var(--tutor-color-secondary);
  margin: 0 0 10px;
  display: inline-block;
}
@media (max-width: 575.98px) {
  .tutor-course-single-content-wrapper
    #tutor-single-entry-content
    .tutor-quiz-wrapper
    .tutor-quiz-wrap
    .quiz-question-ans-choice-area
    .fill-in-the-gap
    .fill-blank {
    margin: 0 10px 5px 0;
  }
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-question-ans-choice-area
  .fill-in-the-gap
  input {
  background-color: var(--l2l-surface-0);
  border: 1px solid var(--tutor-border-color);
  box-shadow: none;
  border-radius: 5px;
  margin: 0 0 3px;
  padding: 2px 5px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-matching-ans-area
  > div:not(:last-child) {
  margin-bottom: 25px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-matching-ans-area
  .quiz-matching-ans {
  flex-wrap: wrap;
  align-items: center;
  max-width: 500px;
  display: flex;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-matching-ans-area
  .quiz-matching-ans
  .tutor-quiz-ans-no {
  width: 230px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-matching-ans-area
  .quiz-matching-ans
  .quiz-matching-ans-item {
  align-items: center;
  width: 270px;
  display: flex;
}
@media (max-width: 575.98px) {
  .tutor-course-single-content-wrapper
    #tutor-single-entry-content
    .tutor-quiz-wrapper
    .tutor-quiz-wrap
    #quiz-matching-ans-area
    .quiz-matching-ans
    .quiz-matching-ans-item {
    margin-top: 20px;
  }
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-matching-ans-area
  .quiz-matching-ans
  .quiz-matching-ans-item
  > span {
  margin: 0 20px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-matching-ans-area
  .quiz-matching-ans
  .quiz-matching-ans-item
  .tutor-quiz-dotted-box {
  width: 230px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-matching-ans-area
  .tutor-matching-item {
  flex-direction: column;
  margin-right: 10px;
  display: flex;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-matching-ans-area
  .tutor-matching-item
  .tutor-matching-image {
  border-radius: 6px;
  overflow: hidden;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-ordering-ans-area {
  counter-reset: serial-number;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-ordering-ans-area
  > div:not(:last-child) {
  margin-bottom: 25px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-ordering-ans-area
  .quiz-ordering-ans-item
  .tutor-quiz-border-box {
  width: 250px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-ordering-ans-area
  .snum:before {
  counter-increment: serial-number;
  content: counter(serial-number);
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-image-ordering-ans {
  cursor: pointer;
  grid-template-columns: 30px 315px;
  display: grid;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-image-ordering-ans
  .quiz-image-ordering-ans-item {
  border: 1px solid var(--l2l-border);
  border-radius: 6px;
  grid-template-columns: 46px auto;
  width: 315px;
  display: grid;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-image-ordering-ans
  .quiz-image-ordering-ans-item
  .tutor-quiz-image-ordering-icon {
  background: var(--l2l-surface-1);
  border-radius: 6px 0 0 6px;
  width: 46px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-image-ordering-ans
  .quiz-image-ordering-ans-item
  .tutor-quiz-image-ordering-icon
  span {
  font-size: 27px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-image-ordering-ans
  .quiz-image-ordering-ans-item
  .tutor-quiz-image-ordering-item {
  grid-template-rows: auto;
  grid-template-columns: 80px auto;
  display: grid;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-image-ordering-ans
  .quiz-image-ordering-ans-item
  .tutor-quiz-image-ordering-item
  img {
  border-radius: 6px;
  width: 80px;
  height: 80px;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  .quiz-image-ordering-ans
  .quiz-image-ordering-ans-item
  .tutor-quiz-image-ordering-item
  span {
  word-break: break-word;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-image-matching-ans-area
  .quiz-image-matching-ans {
  grid-template-columns: repeat(auto-fit, minmax(162px, 1fr));
  gap: 20px;
  display: grid !important;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-image-matching-ans-area
  .quiz-image {
  border-radius: 6px;
  width: 100%;
  height: 162px;
  overflow: hidden;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-wrap
  #quiz-image-matching-ans-area
  .quiz-image
  img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-wrapper
  .tutor-quiz-result-summary {
  border-top: 1px solid var(--tutor-border-color);
  border-bottom: 1px solid var(--tutor-border-color);
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}
@media (max-width: 575.98px) {
  .tutor-course-single-content-wrapper
    #tutor-single-entry-content
    .tutor-quiz-wrapper
    .tutor-quiz-result-summary {
    flex-direction: column;
    gap: 16px;
  }
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  #tutor-quiz-time-expire-wrapper {
  margin-bottom: 40px;
  display: none;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  #tutor-quiz-time-expire-wrapper.tutor-alert-show {
  display: flex !important;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  #tutor-quiz-time-expire-wrapper
  .flash-info
  span:first-child.tutor-icon-cross-circle-outline-filled:before {
  color: #f44337;
}
.tutor-course-single-content-wrapper
  #tutor-single-entry-content
  .tutor-quiz-time-expired {
  color: #f44337;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
.tutor-course-single-content-wrapper mjx-container,
.tutor-course-single-content-wrapper .MathJax_Display {
  display: inline !important;
}
.tutor-course-spotlight-wrapper .tutor-course-spotlight-tab {
  padding-top: 32px;
  padding-bottom: 32px;
}
.tutor-course-spotlight-wrapper .tutor-lesson-wrapper iframe {
  max-width: 100%;
}
.tutor-course-spotlight-wrapper .tutor-exercise-files {
  word-break: break-all;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  display: grid;
}
@media (max-width: 575.98px) {
  .tutor-course-spotlight-wrapper .tutor-exercise-files {
    grid-template-columns: repeat(1, 1fr);
  }
}
.tutor-course-spotlight-wrapper .tutor-exercise-files .tutor-instructor-card {
  cursor: pointer;
}
.tutor-course-spotlight-wrapper
  .tutor-exercise-files
  .tutor-instructor-card:hover
  .tutor-avatar {
  background: var(--tutor-color-primary);
}
.tutor-course-spotlight-wrapper
  .tutor-exercise-files
  .tutor-instructor-card:hover
  .tutor-avatar
  span {
  color: var(--l2l-text-inverse);
}
.tutor-course-spotlight-wrapper
  .tutor-exercise-files
  .tutor-instructor-card
  .tutor-avatar {
  background: rgba(var(--tutor-color-primary-rgb), 0.15);
}
.tutor-course-spotlight-wrapper
  .tutor-exercise-files
  .tutor-instructor-card
  .tutor-avatar
  span {
  font-size: 30px;
}
.tutor-course-spotlight-wrapper .tutor-conversation {
  border-bottom: 1px solid var(--l2l-border);
  padding: 0 0 55px;
}
.tutor-course-spotlight-wrapper .tutor-conversation .tutor-no-comments-show {
  border: 1px solid var(--tutor-border-color);
  border-radius: 6px;
  padding: 47px 33px;
}
@media (max-width: 575.98px) {
  .tutor-course-spotlight-wrapper .tutor-conversation .tutor-no-comments-show {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
  }
  .tutor-course-spotlight-wrapper
    .tutor-conversation
    .tutor-no-comments-show
    p {
    text-align: center;
  }
}
.tutor-course-spotlight-wrapper .tutor-conversation .comment-avatar img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comment-textarea:before,
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-actual-comment:before {
  content: "";
  border: 1px solid var(--tutor-border-color);
  -webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  background-color: var(--l2l-surface-0);
  border-radius: 0 0 0 3px;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 18px;
  left: -6px;
  transform: rotate(45deg);
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comment-textarea:after,
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-actual-comment:after {
  content: "";
  background-color: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 3px 0 0 3px;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 18px;
  left: -2px;
}
.tutor-course-spotlight-wrapper .tutor-conversation .tutor-comment-box {
  grid-template-columns: 70px auto;
  display: grid;
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comment-box
  .tutor-comment-textarea {
  border: 1px solid var(--tutor-border-color);
  border-radius: 6px;
  grid-area: 1/2/1/3;
  position: relative;
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comment-box
  .tutor-comment-textarea.is-focused,
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comment-box
  .tutor-comment-textarea.is-focused:before {
  border: 1px solid var(--tutor-color-primary);
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comment-box
  .tutor-comment-textarea
  textarea {
  border-color: transparent;
  min-height: 96px;
  padding: 20px;
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comment-box
  .tutor-comment-submit-btn {
  grid-area: 2/2/2/3;
  justify-self: end;
  margin-top: 20px;
}
.tutor-course-spotlight-wrapper .tutor-conversation .tutor-comments-list {
  grid-template-columns: 70px auto;
  display: grid;
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list
  .tutor-single-comment
  .tutor-actual-comment {
  border: 1px solid var(--tutor-border-color);
  background-color: var(--l2l-surface-0);
  border-radius: 6px;
  padding: 15px 20px;
  position: relative;
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list
  .tutor-single-comment
  .tutor-actual-comment
  .tutor-comment-author
  span:first-child {
  color: var(--l2l-text);
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list
  .tutor-single-comment
  .tutor-actual-comment
  .tutor-comment-author
  span:last-child {
  color: var(--l2l-text-subtle);
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list
  .tutor-single-comment
  .tutor-comment-actions
  span {
  cursor: pointer;
  text-transform: capitalize;
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list
  .tutor-single-comment
  .tutor-comment-actions
  span:not(:last-child) {
  margin-right: 23px;
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list
  .tutor-single-comment
  .tutor-comment-box.tutor-reply-box {
  min-height: 54px;
  padding: 16px 0 16px 16px;
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list
  .tutor-single-comment
  .tutor-comment-box.tutor-reply-box
  .tutor-comment-textarea
  textarea {
  min-height: 56px;
  padding: 15px 20px;
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list.tutor-parent-comment {
  position: relative;
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list.tutor-parent-comment
  .tutor-comment-line {
  background: var(--tutor-border-color);
  width: 1px;
  position: absolute;
  top: 50px;
  left: 24px;
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list.tutor-parent-comment
  .tutor-child-comment {
  position: relative;
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list.tutor-parent-comment
  .tutor-child-comment:after {
  content: "";
  background: var(--tutor-border-color);
  width: 45px;
  height: 1px;
  position: absolute;
  top: 25px;
  left: -45px;
}
.tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list.tutor-parent-comment
  .tutor-child-comment:before {
  content: "";
  background: var(--tutor-border-color);
  z-index: 9;
  width: 45px;
  height: 1px;
  position: absolute;
  top: 3px;
  left: -68px;
  transform: rotate(90deg);
}
@media (max-width: 575.98px) {
  .tutor-course-spotlight-wrapper
    .tutor-conversation
    .tutor-comments-list.tutor-parent-comment
    .tutor-child-comment
    .tutor-single-comment
    .tutor-actual-comment
    .tutor-comment-author {
    flex-direction: column;
    display: flex;
  }
}
.tutor-spotlight-mobile-progress-complete {
  background: var(--l2l-surface-0);
	border-top: var(--l2l-border);
  margin-top: 0px;
  box-shadow: 0 0 16px var(--l2l-shadow);
}
@media (max-width: 420px) {
  .tutor-spotlight-mobile-progress-complete .tutor-col-6 {
    flex: none;
    width: 100%;
  }
}
.tutor-spotlight-mobile-progress-right {
  text-align: center;
}
@media (min-width: 420px) {
  .tutor-spotlight-mobile-progress-right .tutor-topbar-complete-btn {
    text-align: right;
  }
}
@media (max-width: 420px) {
  .tutor-spotlight-mobile-progress-right
    .tutor-topbar-complete-btn.tutor-ml-24 {
    margin-left: 0 !important;
  }
}
.tutor-spotlight-mobile-progress-right [class*="tutor-icon-"] {
  display: none;
}
.tutor-course-spotlight-comments {
  max-width: 670px;
  margin: auto;
}
body.rtl
  .tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comment-textarea:before,
body.rtl
  .tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-actual-comment:before {
  left: initial;
  border-radius: 0 3px 0 0;
  right: -6px;
  transform: rotate(220deg);
}
body.rtl
  .tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comment-textarea:after,
body.rtl
  .tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-actual-comment:after {
  left: initial;
  right: -2px;
}
body.rtl
  .tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list
  .tutor-single-comment
  .tutor-comment-actions
  span:not(:last-child) {
  margin-right: initial;
  margin-left: 23px;
}
body.rtl
  .tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list.tutor-parent-comment
  .tutor-comment-line {
  left: initial;
  right: 24px;
}
body.rtl
  .tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list.tutor-parent-comment
  .tutor-child-comment:after {
  left: initial;
  right: -45px;
}
body.rtl
  .tutor-course-spotlight-wrapper
  .tutor-conversation
  .tutor-comments-list.tutor-parent-comment
  .tutor-child-comment:before {
  left: initial;
  right: -68px;
  transform: rotate(90deg);
}
#tutor-assignment-wrap .tutor-assignment-attachments-list {
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
  display: grid;
}
@media (max-width: 768px) {
  #tutor-assignment-wrap .tutor-assignment-attachments-list {
    grid-template-columns: 1fr;
  }
}
#tutor-assignment-wrap .tutor-assignment-meta-info {
  border-top: 1px solid var(--tutor-border-color);
  border-bottom: 1px solid var(--tutor-border-color);
}
@media (min-width: 576px) and (max-width: 1192px) {
  #tutor-assignment-wrap .tutor-assignment-meta-info {
    flex-direction: column;
  }
}
#tutor-assignment-wrap
  .tutor-assignment-meta-info
  .tutor-assignment-detail-info
  > div:not(:last-child) {
  margin-right: 16px;
}
@media (min-width: 576px) and (max-width: 1192px) {
  #tutor-assignment-wrap
    .tutor-assignment-meta-info
    .tutor-assignment-detail-info
    .tutor-assignment-duration,
  #tutor-assignment-wrap
    .tutor-assignment-meta-info
    .tutor-assignment-detail-info
    .tutor-assignmetn-deadline,
  #tutor-assignment-wrap
    .tutor-assignment-meta-info
    .tutor-assignment-detail-info
    .tutor-assignment-marks,
  #tutor-assignment-wrap
    .tutor-assignment-meta-info
    .tutor-assignment-detail-info
    .tutor-assignmetn-pass-mark {
    flex-basis: 50%;
  }
}
@media (max-width: 575px) {
  #tutor-assignment-wrap
    .tutor-assignment-meta-info
    .tutor-assignment-detail-info
    .tutor-assignment-duration,
  #tutor-assignment-wrap
    .tutor-assignment-meta-info
    .tutor-assignment-detail-info
    .tutor-assignmetn-deadline,
  #tutor-assignment-wrap
    .tutor-assignment-meta-info
    .tutor-assignment-detail-info
    .tutor-assignment-marks,
  #tutor-assignment-wrap
    .tutor-assignment-meta-info
    .tutor-assignment-detail-info
    .tutor-assignmetn-pass-mark {
    flex-direction: column;
    flex-basis: 50%;
    display: flex;
  }
}
@media (max-width: 576px) {
  #tutor-assignment-wrap .tutor-assignment-meta-info {
    flex-direction: column;
  }
}
#tutor-assignment-wrap .tutor-assignment-border-bottom {
  border-bottom: 1px solid var(--tutor-border-color);
}
#tutor-assignment-wrap .tutor-instructor-card {
  background-color: var(--l2l-surface-0);
  cursor: pointer;
  border-radius: 6px;
  grid-template-columns: auto 40px;
  min-width: 100%;
  display: grid;
}
#tutor-assignment-wrap
  .tutor-instructor-card
  .tutor-icard-content
  > div:first-child {
  margin-right: 10px;
}
#tutor-assignment-wrap .tutor-instructor-card .tutor-icard-content > div {
  word-break: break-all;
}
@media (max-width: 768px) {
  #tutor-assignment-wrap.tutor-course-assignment-details
    .tutor-assignment-footer
    .tutor-assignment-footer-btn {
    flex-direction: column;
  }
  #tutor-assignment-wrap.tutor-course-assignment-details
    .tutor-assignment-footer
    .tutor-assignment-footer-btn
    a,
  #tutor-assignment-wrap.tutor-course-assignment-details
    .tutor-assignment-footer
    .tutor-assignment-footer-btn
    button {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }
}
#tutor-assignment-wrap.tutor-course-assignment-details .no-before:before,
#tutor-assignment-wrap.tutor-course-assignment-details #full-text {
  display: none;
}
#tutor-assignment-wrap.tutor-time-out-assignment
  .quiz-flash-message
  .tutor-quiz-warning-box {
  background-color: rgba(var(--tutor-color-danger-rgb), 0.15);
  border: 1px solid rgba(var(--tutor-color-danger-rgb), 0.3);
}
#tutor-assignment-wrap.tutor-time-out-assignment
  .tutor-time-out-assignment-details
  .tutor-to-assignment {
  position: relative;
}
#tutor-assignment-wrap.tutor-time-out-assignment
  .tutor-time-out-assignment-details
  .tutor-to-assignment:before {
  content: "";
  background: linear-gradient(
    var(--l2l-text) 1.31%,
    var(--l2l-text) 15.41%,
    var(--l2l-surface-0) 100%
  );
  width: 100%;
  height: 120px;
  position: absolute;
  bottom: 0;
}
#tutor-assignment-wrap.tutor-submit-assignment
  .tutor-assignment-submission
  .tutor-assignment-body {
  max-width: 730px;
}
#tutor-assignment-wrap.tutor-submit-assignment
  .tutor-assignment-submission
  .tutor-assignment-body
  .tutor-assignment-attachment {
  background-color: var(--l2l-surface-1);
  border-radius: 6px;
}
#tutor-assignment-wrap.tutor-submit-assignment
  .tutor-assignment-submission
  .tutor-assignment-body
  .tutor-assignment-attachment
  .tutor-input-type-size
  span {
  font-weight: 500;
}
#tutor-assignment-wrap.tutor-submit-assignment
  .tutor-assignment-submission
  .tutor-assignment-body
  .tutor-assignment-attachment
  .tutor-attachment-files {
  grid-template-columns: 180px auto;
  display: grid;
}
@media (max-width: 767.98px) {
  #tutor-assignment-wrap.tutor-submit-assignment
    .tutor-assignment-submission
    .tutor-assignment-body
    .tutor-assignment-attachment
    .tutor-attachment-files {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
#tutor-assignment-wrap.tutor-submit-assignment
  .tutor-assignment-submission
  .tutor-assignment-body
  .tutor-assignment-attachment
  .tutor-attachment-files
  .tutor-assignment-upload-btn
  input,
#tutor-assignment-wrap.tutor-submit-assignment
  .tutor-assignment-submission
  .tutor-assignment-body
  .tutor-assignment-attachment
  .tutor-attachment-files
  .tutor-assignment-upload-btn
  input#tutor-assignment-file-upload {
  display: none;
}
#tutor-assignment-wrap.tutor-submit-assignment
  .tutor-assignment-submission
  .tutor-assignment-body
  .tutor-assignment-attachment
  .tutor-asisgnment-upload-file-preview {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  display: grid;
}
@media (max-width: 600px) {
  #tutor-assignment-wrap.tutor-submit-assignment
    .tutor-assignment-submission
    .tutor-assignment-body
    .tutor-assignment-attachment
    .tutor-asisgnment-upload-file-preview {
    grid-template-columns: 1fr;
  }
}
#tutor-assignment-wrap.tutor-submit-assignment
  .tutor-assignment-description-details
  .tutor-ad-body {
  position: relative;
}
#tutor-assignment-wrap.tutor-submit-assignment
  .tutor-assignment-description-details
  .tutor-ad-body:before {
  content: "";
  background: linear-gradient(
    var(--l2l-text) 1.31%,
    var(--l2l-text) 15.41%,
    var(--l2l-surface-0) 100%
  );
  width: 100%;
  height: 120px;
  position: absolute;
  bottom: 0;
}
#tutor-assignment-wrap.tutor-assignment-result-pending
  .tutor-assignment-details
  .tutor-ar-body {
  border: 1px solid var(--tutor-border-color);
  box-sizing: border-box;
  border-radius: 6px;
}
#tutor-assignment-wrap.tutor-assignment-result-pending
  .tutor-assignment-details
  .tutor-ar-body
  .tutor-input-files {
  max-width: 330px;
}
#tutor-assignment-wrap.tutor-assignment-result-pending
  .tutor-assignment-description-details
  .tutor-ad-body {
  position: relative;
}
#tutor-assignment-wrap.tutor-assignment-result-pending
  .tutor-assignment-description-details
  .tutor-ad-body:before {
  content: "";
  background: linear-gradient(
    var(--l2l-text) 1.31%,
    var(--l2l-text) 15.41%,
    var(--l2l-surface-0) 100%
  );
  width: 100%;
  height: 120px;
  position: absolute;
  bottom: 0;
}
#tutor-assignment-wrap .tutor-instructor-note {
  background-color: rgba(var(--tutor-color-primary-rgb), 0.2);
  border: 1px solid rgba(var(--tutor-color-primary-rgb), 0.4);
  border-radius: 6px;
}
#tutor-assignment-wrap.tutor-assignment-results .tutor-instructor-note {
  background-color: rgba(var(--tutor-color-primary-rgb), 0.2);
  border: 1px solid rgba(var(--tutor-color-primary-rgb), 0.2);
  border-radius: 6px;
}
#tutor-assignment-wrap.tutor-assignment-results
  .tutor-assignment-details
  .tutor-ar-body {
  border: 1px solid var(--tutor-border-color);
  box-sizing: border-box;
  border-radius: 6px;
}
#tutor-assignment-wrap.tutor-assignment-results
  .tutor-assignment-details
  .tutor-ar-body
  .tutor-input-files {
  max-width: 330px;
}
#tutor-assignment-wrap.tutor-assignment-results
  .tutor-assignment-description-details
  .tutor-ad-body {
  position: relative;
}
#tutor-assignment-wrap.tutor-assignment-results
  .tutor-assignment-description-details
  .tutor-ad-body:before {
  content: "";
  background: linear-gradient(
    var(--l2l-text) 1.31%,
    var(--l2l-text) 15.41%,
    var(--l2l-surface-0) 100%
  );
  width: 100%;
  height: 120px;
  position: absolute;
  bottom: 0;
}
.submited-files > div:not(:last-child) {
  margin-right: 15px;
}
.submited-files .tutor-instructor-card {
  width: 100%;
}
.submited-files .tutor-instructor-card .tutor-icard-content {
  padding-right: 10px;
}
.tutor-qna-single-question table.tutor-table-data-td-target [data-td-target] {
  padding: 12px !important;
}
.tutor-qna-single-question table.tutor-table tr:last-child td:last-child {
  border-radius: 0;
}
.tutor-qna-single-question
  table.tutor-table-data-td-target
  .is-active:not(.expand-btn) {
  background-color: var(--l2l-surface-0) !important;
}
body.wp-admin .tutor-qna-single-wrapper .tutor-qa-reply {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  overflow: hidden;
}
.tutor-qna-single-question .tutor-qna-single-wrapper .qna-back-button {
  color: var(--l2l-text-muted);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.tutor-qna-single-question .tutor-qa-reply {
  z-index: 10;
  background: var(--l2l-surface-0);
  bottom: 0;
}
.tutor-qna-single-question .tutor-qa-reply textarea {
  border: none;
  border: 1px solid var(--tutor-border-color);
  resize: none;
  border-radius: 6px;
  width: 100%;
  padding: 15px;
  min-height: initial !important;
  height: 80px !important;
}
.tutor-qna-single-question .tutor-qa-reply textarea,
.tutor-qna-single-question .tutor-qa-reply textarea:focus,
.tutor-qna-single-question .tutor-qa-reply textarea:active {
  box-shadow: none;
  outline: none !important;
}
.tutor-qna-single-question .tutor-qna-badges .tutor-btn:not(:last-child) {
  margin-right: 18px;
}
.tutor-qna-single-question .tutor-qna-single-wrapper {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
.tutor-qna-single-question .tutor-qa-sticky-bar {
  border-bottom: 1px solid var(--tutor-border-color);
  z-index: 9;
  margin-bottom: 16px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat {
  flex-direction: column;
  margin-bottom: 30px;
  display: flex;
}
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat .tutor-qna-user {
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  display: flex;
}
.tutor-qna-single-question
  .tutor-qa-chatlist
  .tutor-qna-chat
  .tutor-qna-user
  img {
  border-radius: 50%;
  width: 48px;
  height: 48px;
}
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat .tutor-qna-text {
  background: var(--l2l-surface-0);
  border-radius: 8px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0;
  padding: 16px 24px;
  position: relative;
}
.tutor-qna-single-question
  .tutor-qa-chatlist
  .tutor-qna-chat
  .tutor-qna-text:before {
  content: "";
  background: inherit;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
  clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
  border-radius: 3px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -5px;
  transform: rotate(45deg);
}
.tutor-qna-single-question
  .tutor-qa-chatlist
  .tutor-qna-chat.tutor-qna-left
  .tutor-qna-text:before {
  left: 15px;
}
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat.tutor-qna-right {
  align-items: flex-end;
}
.tutor-qna-single-question
  .tutor-qa-chatlist
  .tutor-qna-chat.tutor-qna-right
  .tutor-qna-user {
  flex-direction: row-reverse;
}
.tutor-qna-single-question
  .tutor-qa-chatlist
  .tutor-qna-chat.tutor-qna-right
  .tutor-qna-text:before {
  right: 15px;
}
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat p {
  margin: 0;
}
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat ul {
  padding-left: 2rem;
}
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat ul li {
  list-style-type: disc;
}
.tutor-qna-single-question:not([data-context="backend-dashboard-qna-single"])
  .tutor-qna-left
  .tutor-qna-text {
  min-width: 50px;
  color: var(--l2l-text);
  background: var(--l2l-surface-1);
}
.tutor-qna-single-question:not([data-context="backend-dashboard-qna-single"])
  .tutor-qna-right
  .tutor-qna-text {
  color: var(--l2l-text);
  background: var(--l2l-surface-2);
}
.tutor-qna-single-question .tutor-toggle-reply {
  text-align: right;
}
.tutor-qna-single-question .tutor-toggle-reply span {
  cursor: pointer;
}
.tutor-qna-single-question .tutor-toggle-reply span:hover {
  color: var(--l2l-text-muted);
  font-style: normal;
  font-weight: 400;
  text-decoration: underline;
}
body.wp-admin .tutor-qa-chatlist {
  margin-top: 16px;
  margin-right: 16px;
}
table.qna-list-table .tutor-icon-msg-important-filled {
  color: var(--tutor-color-muted);
}
table.qna-list-table .tutor-icon-msg-important-fill-filled {
  color: #ed9700;
}
table.qna-list-table tr .tutor-qna-title {
  color: var(--l2l-text);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  display: block;
}
table.qna-list-table tr:not(.is-qna-read) .tutor-qna-title {
  color: var(--l2l-text);
  font-size: 16px;
  font-weight: 700;
}
table.qna-list-table .tutor-qna-question-col i {
  margin-right: 13px;
  top: 2px;
  left: -6px;
  font-size: 24px !important;
}
table.qna-list-table .tutor-qna-question-col span {
  margin-bottom: 5px;
}
table.qna-list-table .tutor-qna-question-col small {
  color: var(--l2l-text-muted);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
}
table.qna-list-table .tutor-qna-question-col:not(.is-read) i {
  color: var(--tutor-color-primary);
}
table.qna-list-table .tutor-qna-question-col:not(.is-read) .tutor-qna-content {
  color: var(--l2l-text);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
table.qna-list-table
  .tutor-qna-question-col:not(.is-read)
  .tutor-qna-content
  ul {
  padding-left: 2rem;
}
table.qna-list-table
  .tutor-qna-question-col:not(.is-read)
  .tutor-qna-content
  ul
  li {
  line-height: 1.5;
  list-style-type: disc;
}
table.qna-list-table .tutor-qna-question-col.is-read i {
  color: var(--l2l-surface-2);
}
table.qna-list-table .tutor-qna-question-col.is-read .tutor-qna-content {
  color: var(--l2l-text);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}
table.qna-list-table .tutor-qna-question-col.is-read .tutor-qna-content ul {
  padding-left: 2rem;
}
table.qna-list-table .tutor-qna-question-col.is-read .tutor-qna-content ul li {
  line-height: 1.5;
  list-style-type: disc;
}
.tutor-qna-spotlight-sidebar {
  padding: 15px;
}
.tutor-qna-spotlight-sidebar
  .tutor-qa-new[data-context="course-single-qna-sidebar"] {
  background: var(--l2l-surface-1);
  width: 100%;
  margin: -15px;
  padding: 15px;
  position: absolute;
  bottom: 15px;
}
.tutor-qna-spotlight-sidebar .tutor-qa-reply {
  position: initial !important;
}
.tutor-qa-reply[data-context="course-single-qna-sidebar"],
.tutor-qa-reply[data-context="course-single-qna-sidebar"] textarea,
.tutor-qa-reply[data-context="course-single-qna-single"],
.tutor-qa-reply[data-context="course-single-qna-single"] textarea {
  border: none !important;
}
.tutor-qa-reply[data-context="course-single-qna-sidebar"] textarea,
.tutor-qa-reply[data-context="course-single-qna-single"] textarea {
  border: 1px solid var(--l2l-border) !important;
  border-radius: 6px !important;
}
#sidebar-qna-tab-content-bak
  .tutor-qna-single-question
  .tutor-qa-chatlist
  .tutor-qna-chat {
  max-width: 100%;
  margin-bottom: 10px;
}
#sidebar-qna-tab-content-bak .tutor-qna-single-question .tutor-qa-reply div {
  padding: 10px 0 0;
}
#sidebar-qna-tab-content-bak
  .tutor-qa-new
  .tutor-quesanswer-askquestion:not(.tutor-quesanswer-askquestion-expand)
  .sidebar-ask-new-qna-submit,
#sidebar-qna-tab-content-bak
  .tutor-qa-new
  .tutor-quesanswer-askquestion:not(.tutor-quesanswer-askquestion-expand)
  textarea,
#sidebar-qna-tab-content-bak
  .tutor-qa-new
  .tutor-quesanswer-askquestion.tutor-quesanswer-askquestion-expand
  .sidebar-ask-new-qna-btn-wrap {
  display: none;
}
#sidebar-qna-tab-content-bak .tutor-qa-reply textarea:focus {
  border: 1px solid var(--tutor-color-primary) !important;
}
body.wp-admin .tutor-qna-single-wrapper > * {
  padding: 20px !important;
}
body.wp-admin .tutor-qna-single-wrapper .tutor-qa-reply {
  border-radius: 0;
}
body.wp-admin .tutor-qa-reply {
  background: 0 0;
}
#tutor-course-details-tab-questions
  .tutor-qna-reply-editor
  .wp-editor-container {
  border: none;
}
#tutor-course-details-tab-questions
  .tutor-qna-reply-editor
  .mce-tinymce.mce-panel {
  box-shadow: none;
  background: var(--l2l-surface-1);
  border: none;
}
#tutor-course-details-tab-questions
  .tutor-qna-reply-editor
  .mce-tinymce.mce-panel
  > .mce-container-body {
  border: 1px solid var(--l2l-border);
  border-radius: 6px;
}
#tutor-course-details-tab-questions .tutor-qna-reply-editor .mce-toolbar-grp {
  background: 0 0;
  border-bottom: none;
}
#tutor-course-details-tab-questions
  .tutor-qna-reply-editor
  .mce-top-part:before {
  box-shadow: 0 1px var(--l2l-shadow-sm);
}
#tutor-course-details-tab-questions .tutor-qna-reply-editor .mce-statusbar {
  border-top: none;
}
#tutor-course-details-tab-questions
  .tutor-qna-reply-editor
  .mce-statusbar
  > .mce-container-body
  .mce-path {
  visibility: hidden;
}
#tutor-course-details-tab-questions
  .tutor-qna-reply-editor
  .mce-statusbar.mce-last {
  background-color: transparent;
}
#tutor-course-details-tab-questions
  .tutor-qna-reply-editor
  .mce-toolbar
  .mce-ico {
  color: var(--l2l-text-muted);
  --size: 22px;
  width: var(--size);
  height: var(--size);
  justify-content: center;
  align-items: center;
  display: flex;
}
.answer-image-matched-wrap {
  display: block;
}
.answer-image-matched-wrap .image-matching-item {
  align-items: center;
  display: flex;
}
.answer-image-matched-wrap .image-matching-item:not(:last-child) {
  margin-bottom: 12px;
}
.answer-image-matched-wrap .image-matching-item img {
  max-width: 35px;
}
.answer-image-matched-wrap .image-matching-item .dragged-caption {
  margin-left: 12px;
  font-size: 14px;
}
.correct-answer-wrap .matching-type {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.correct-answer-wrap .matching-type:not(:last-child) {
  margin-bottom: 12px;
}
.correct-answer-wrap .text-image-type {
  align-items: center;
  display: flex;
}
.correct-answer-wrap .text-image-type .image {
  margin-right: 12px;
}
.correct-answer-wrap img {
  max-width: 32px;
  max-height: 32px;
}
.tutor-quiz-attempt-details img {
  width: 100%;
}
.tutor-quiz-attempt-details .tutor-icon-rounded {
  box-sizing: border-box;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: 14px;
  display: inline-flex;
  overflow: hidden;
}
.tutor-quiz-attempt-details .tutor-icon-rounded:not(:hover) {
  opacity: 0.8;
}
.tutor-quiz-attempt-details tr td {
  vertical-align: middle;
}
.tutor-quiz-attempt-details
  tr:not(:hover).tutor-quiz-answer-status-correct
  .tutor-icon-rounded.tutor-color-danger,
.tutor-quiz-attempt-details
  tr:not(:hover).tutor-quiz-answer-status-wrong
  .tutor-icon-rounded.tutor-color-success,
.tutor-quiz-attempt-details
  tr:not(:hover).tutor-quiz-answer-status-pending
  .tutor-icon-rounded.tutor-color-success,
.tutor-quiz-attempt-details
  tr:not(:hover).tutor-quiz-answer-status-pending
  .tutor-icon-rounded.tutor-color-danger {
  color: var(--l2l-text-inverse) !important;
  border-color: var(--l2l-border) !important;
}
.tutor-quiz-attempt-details .explain-toggle {
  background: var(--l2l-surface-1);
  padding: 4px;
  text-align: center !important;
}
.tutor-quiz-attempt-details .explain-toggle button {
  margin: 0;
  line-height: 32px;
}
@media (max-width: 575.98px) {
  .tutor-quiz-attempt-details .tutor-manual-review-wrapper {
    text-align: left;
  }
}
.tutor-quiz-type-icon {
  color: var(--l2l-text-inverse);
  text-align: center;
  vertical-align: middle;
  background-color: var(--tutor-color-primary);
  border-radius: 4px;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  padding: 0;
  font-size: 20px;
  line-height: 32px;
  display: inline-block;
}
.rtl .tutor-quiz-type-icon {
  margin-left: 8px;
  margin-right: 0;
}
.tutor-quiz-type-boolean {
  background-color: #3e64de;
}
.tutor-quiz-type-single-choice {
  background-color: #00b890;
}
.tutor-quiz-type-multiple-choices {
  background-color: #9034a9;
}
.tutor-quiz-type-open-ended {
  background-color: #fe3129;
}
.tutor-quiz-type-fill-blanks {
  background-color: #ffbf00;
}
.tutor-quiz-type-short-answer {
  background-color: #f37512;
}
.tutor-quiz-type-matching {
  background-color: #8a4a1b;
}
.tutor-quiz-type-image-matching {
  background-color: #f37512;
}
.tutor-quiz-type-image-answering {
  background-color: #a322f9;
}
.tutor-quiz-type-ordering {
  background-color: #1b52d8;
}
.tutor-instructor-note.tutor-quiz-attempt-note {
  background-color: rgba(var(--tutor-color-primary-rgb), 0.15);
  border: 1px solid rgba(var(--tutor-color-primary-rgb), 0.4);
  border-radius: 6px;
}
.tutor-snackbar-wrapper {
  text-align: center;
  z-index: 2147483647;
  -o-transition: all 1s;
  padding: 0 15px;
  transition: all 1s;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.tutor-snackbar-wrapper.tutor-snackbar-show {
  display: block;
}
.tutor-snackbar-wrapper .tutor-btn-outline-primary {
  color: var(--l2l-border);
}
.tutor-snackbar-wrapper > div {
  text-align: initial;
  color: var(--l2l-text-inverse);
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
  background: rgba(0, 0, 0, 0.66);
  border-radius: 10px;
  margin: 15px auto;
  padding: 7px 14px;
  font-size: 15px;
  display: inline-block;
  box-shadow: 0 5px 30px rgba(58, 57, 132, 0.06);
}
.tutor-snackbar-wrapper > div > div {
  white-space: nowrap;
  margin: 5px 0;
  display: inline-block;
}
.tutor-snackbar-wrapper .tutor-snackbar-title-icon {
  color: var(--l2l-text-inverse);
  vertical-align: middle;
  margin-right: 13px;
  font-size: 24px;
}
.tutor-snackbar-wrapper .tutor-snackbar-close {
  cursor: pointer;
  padding: 5px;
  font-size: 12px;
  display: inline-block;
  color: var(--l2l-text-muted) !important;
}
.tutor-snackbar-wrapper p {
  color: var(--l2l-text-inverse);
  margin: 8px 45px 8px 0;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}
.tutor-cart-page {
  padding: 80px 0;
}
@media (max-width: 575.98px) {
  .tutor-cart-page {
    padding: 40px 0;
  }
}
.tutor-cart-page .tutor-cart-course-list {
  border: 1px solid var(--tutor-border-color);
  border-radius: 6px;
  flex-direction: column;
  gap: 8px;
  display: flex;
}
.tutor-cart-page .tutor-cart-course-item {
  align-items: stretch;
  gap: 24px;
  padding: 32px;
  display: flex;
}
@media (max-width: 575.98px) {
  .tutor-cart-page .tutor-cart-course-item {
    flex-direction: column;
    padding: 16px;
  }
}
.tutor-cart-page .tutor-cart-course-item:not(:last-child) {
  border-bottom: 1px solid var(--tutor-border-color);
}
.tutor-cart-page .tutor-cart-course-item .tutor-cart-course-thumb {
  border-radius: 8px;
  width: 160px;
  height: 90px;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .tutor-cart-page .tutor-cart-course-item .tutor-cart-course-thumb {
    width: 100%;
    height: auto;
  }
}
.tutor-cart-page .tutor-cart-course-item .tutor-cart-course-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.tutor-cart-page .tutor-cart-course-item .tutor-cart-course-title {
  flex-direction: column;
  gap: 8px;
  display: flex;
}
.tutor-cart-page .tutor-cart-course-item .tutor-cart-course-title a {
  color: var(--l2l-text);
  text-decoration: none;
}
.tutor-cart-page .tutor-cart-course-item .tutor-cart-course-title a:hover {
  opacity: 1;
}
.tutor-cart-page .tutor-cart-course-item .tutor-cart-course-info {
  align-items: center;
  gap: 32px;
  margin: auto 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.tutor-cart-page .tutor-cart-course-item .tutor-cart-course-info li {
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  line-height: 18px;
  position: relative;
}
.tutor-cart-page
  .tutor-cart-course-item
  .tutor-cart-course-info
  li:not(
    .tutor-cart-page
      .tutor-cart-course-item
      .tutor-cart-course-info
      li:last-child
  ):before {
  content: "";
  background: var(--l2l-surface-1);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 4px;
  right: -20px;
}
.tutor-cart-page
  .tutor-cart-course-item
  .tutor-cart-course-info
  li:not(
    .tutor-cart-page
      .tutor-cart-course-item
      .tutor-cart-course-info
      li:last-child
  ):after {
  content: "";
  background-color: var(--l2l-surface-3);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 6px;
  right: -18px;
}
.tutor-cart-page .tutor-cart-course-item .tutor-cart-course-price-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
  margin-left: auto;
  display: flex;
}
@media (max-width: 575.98px) {
  .tutor-cart-page .tutor-cart-course-item .tutor-cart-course-price-wrapper {
    flex-direction: row;
    align-items: start;
    margin-left: 0;
  }
}
.tutor-cart-page
  .tutor-cart-course-item
  .tutor-cart-course-price-wrapper
  .tutor-cart-course-price {
  color: var(--l2l-text);
  flex-direction: column;
  align-items: end;
  display: flex;
}
@media (max-width: 575.98px) {
  .tutor-cart-page
    .tutor-cart-course-item
    .tutor-cart-course-price-wrapper
    .tutor-cart-course-price {
    flex-direction: row;
    gap: 8px;
  }
}
.tutor-cart-page
  .tutor-cart-course-item
  .tutor-cart-course-price-wrapper
  .tutor-cart-discount-price {
  color: var(--l2l-text-muted);
  font-size: 13px;
  text-decoration: line-through;
}
.tutor-cart-page .tutor-cart-summery {
  border: 1px solid var(--tutor-border-color);
  border-radius: 6px;
}
.tutor-cart-page .tutor-cart-summery .tutor-cart-summery-top {
  border-bottom: 1px solid var(--tutor-border-color);
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  display: flex;
}
@media (max-width: 575.98px) {
  .tutor-cart-page .tutor-cart-summery .tutor-cart-summery-top {
    padding: 16px;
  }
}
.tutor-cart-page .tutor-cart-summery .tutor-cart-summery-bottom {
  padding: 32px;
}
@media (max-width: 575.98px) {
  .tutor-cart-page .tutor-cart-summery .tutor-cart-summery-bottom {
    padding: 16px;
  }
}
.tutor-cart-page .tutor-cart-summery .tutor-cart-summery-item {
  color: var(--l2l-text);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.tutor-cart-page .tutor-cart-empty-state {
  border: 1px solid var(--tutor-border-color);
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 32px;
  display: flex;
}
.tutor-cart-page .tutor-cart-empty-state p {
  color: var(--l2l-text);
  margin-bottom: 24px;
  padding: 0;
  font-size: 24px;
  line-height: 32px;
}
.tutor-cart-page .tutor-cart-empty-state a {
  justify-content: center;
  width: 280px;
}
.tutor-checkout-page {
  padding: 40px 0;
}
.tutor-checkout-page select {
  text-indent: 0;
  padding: 0 10px;
  line-height: 36px;
}
.tutor-checkout-page input[type="text"] {
  text-indent: 0;
  padding: 0 10px;
  line-height: 36px;
}
.tutor-checkout-page input[type="email"] {
  text-indent: 0;
  padding: 0 10px;
  line-height: 36px;
}
.tutor-checkout-page .tutor-checkout-container {
  max-width: 1032px;
  margin: 0 auto;
}
.tutor-checkout-page .tutor-checkout-details .tutor-checkout-details-inner {
  background-color: var(--l2l-surface-1);
  border-radius: 5px;
  padding: 24px 24px 12px;
}
.tutor-checkout-page .tutor-checkout-detail-item {
  padding: 24px 0;
}
.tutor-checkout-page .tutor-checkout-detail-item:not(:last-child) {
  border-bottom: 1px solid var(--tutor-border-color);
}
@media (max-width: 575.98px) {
  .tutor-checkout-page .tutor-checkout-detail-item {
    padding: 16px;
  }
}
.tutor-checkout-page .tutor-checkout-courses {
  flex-direction: column;
  gap: 24px;
  display: flex;
}
.tutor-checkout-page .tutor-checkout-course-item {
  color: var(--l2l-text);
  flex-direction: column;
  display: flex;
}
.tutor-checkout-page .tutor-checkout-course-content {
  justify-content: space-between;
  align-items: start;
  gap: 24px;
  display: flex;
}
.tutor-checkout-page .tutor-checkout-course-thumb-title {
  grid-template-columns: 56px 1fr;
  align-items: start;
  gap: 8px;
  display: grid;
}
.tutor-checkout-page .tutor-checkout-course-thumb-title img {
  border-radius: 3px;
  max-width: 100%;
  margin-top: 6px;
}
.tutor-checkout-page .tutor-checkout-enrollment-fee {
  justify-content: space-between;
  align-items: start;
  margin-top: 16px;
  font-size: 14px;
  display: flex;
}
.tutor-checkout-page .tutor-checkout-course-plan-badge {
  color: var(--l2l-text-muted);
  background-color: var(--l2l-surface-0);
  border-radius: 2px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  display: inline-block;
}
.tutor-checkout-page .tutor-checkout-course-title {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
.tutor-checkout-page .tutor-checkout-course-title a {
  color: var(--l2l-text);
  text-decoration: none;
}
.tutor-checkout-page .tutor-checkout-course-title a:hover {
  opacity: 1;
}
.tutor-checkout-page .tutor-checkout-coupon-badge {
  color: var(--l2l-text-muted);
  background-color: var(--l2l-surface-0);
  border-radius: 4px;
  align-items: center;
  gap: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 6px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}
.tutor-checkout-page .tutor-checkout-coupon-badge.tutor-has-delete-button {
  padding: 10px 8px;
  font-size: 13px;
  line-height: 18px;
}
.tutor-checkout-page .tutor-checkout-coupon-badge button {
  color: var(--tutor-color-hints);
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  font-size: 14px;
  display: flex;
}
.tutor-checkout-page .tutor-checkout-discount-price {
  color: var(--l2l-text-subtle);
  font-size: 13px;
  text-decoration: line-through;
}
.tutor-checkout-page .tutor-checkout-summary {
  flex-direction: column;
  gap: 8px;
  display: flex;
}
.tutor-checkout-page .tutor-checkout-summary-item {
  color: var(--l2l-text);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.tutor-checkout-page .tutor-checkout-separator {
  color: var(--l2l-text);
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 18px;
  position: relative;
}
.tutor-checkout-page .tutor-checkout-separator span {
  z-index: 1;
  background-color: var(--l2l-surface-0);
  padding: 0 4px;
  position: relative;
}
.tutor-checkout-page .tutor-checkout-separator:before {
  content: "";
  background-color: var(--tutor-border-color);
  width: 100%;
  height: 1px;
  position: absolute;
  top: 8px;
  left: 0;
}
.tutor-checkout-page .tutor-payment-instructions {
  border: 1px solid var(--tutor-border-color);
  white-space: pre-line;
  background-color: var(--l2l-surface-0);
  border-radius: 6px;
  margin-top: 16px;
  padding: 16px;
}
.tutor-checkout-page .tutor-apply-coupon-form {
  border: 1px solid var(--tutor-border-color);
  background-color: var(--l2l-surface-0);
  border-radius: 6px;
  padding: 4px;
  display: flex;
}
.tutor-checkout-page .tutor-apply-coupon-form input {
  width: 100%;
  box-shadow: none;
  background-color: transparent;
  border: none;
  outline: none;
}
.tutor-checkout-page .tutor-apply-coupon-form button {
  border: none;
  padding: 4px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
}
.tutor-checkout-page .tutor-show-tax-rates {
  color: var(--tutor-color-primary);
  cursor: pointer;
  background: 0 0;
  border: 0;
  outline: 0;
}
.tutor-checkout-page .tutor-show-tax-rates:hover {
  text-decoration: underline;
}
.tutor-checkout-page .tutor-tax-breakdown-modal {
  z-index: 99999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.tutor-checkout-page .tutor-tax-breakdown-modal__backdrop {
  z-index: 1;
  background: rgba(22, 22, 22, 0.7);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tutor-checkout-page .tutor-tax-breakdown-modal__content {
  z-index: 2;
  background-color: var(--l2l-surface-0);
  border-radius: 6px;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 8px 24px rgba(17, 18, 19, 0.12);
}
.tutor-checkout-page .tutor-tax-breakdown-modal__header {
  justify-content: space-between;
  display: flex;
}
.tutor-checkout-page .tutor-tax-breakdown-modal__header button {
  color: var(--l2l-text-subtle);
  cursor: pointer;
  background: 0 0;
  border: 0;
  outline: 0;
  width: 32px;
  height: 32px;
}
.tutor-checkout-page .tutor-tax-breakdown-modal__header h6 {
  font-size: 1rem;
}
.tutor-checkout-page .tutor-tax-breakdown-modal__item {
  grid-template-columns: 2fr 1fr 1fr;
  display: grid;
}
.tutor-checkout-page .tutor-tax-breakdown-modal__item > span {
  font-size: 0.875rem;
}
.tutor-checkout-page
  .tutor-tax-breakdown-modal__item
  > span:not(:first-of-type) {
  text-align: right;
  font-weight: 600;
}
.tutor-checkout-page .tutor-checkout-spinner {
  padding: 0;
  position: absolute;
  top: 12px;
  right: 0;
}
.tutor-checkout-page .tutor-plan-trial-price {
  background-color: var(--l2l-surface-1);
  border-radius: 4px;
  justify-content: space-between;
  align-items: start;
  padding: 8px;
  display: flex;
}
.tutor-checkout-page .tutor-plan-trial-price .tutor-plan-trial-icon-wrapper {
  align-items: center;
  gap: 4px;
  display: flex;
}
.tutor-checkout-billing .tutor-billing-fields .tutor-form-label {
  display: none;
}
.tutor-checkout-billing .tutor-billing-fields .tutor-mb-16 {
  margin: 0 !important;
}
.tutor-checkout-billing .tutor-billing-fields .tutor-form-control {
  border-radius: 0;
  height: 40px;
}
.tutor-checkout-billing
  .tutor-billing-fields
  .tutor-col-12:not(:last-of-type)
  .tutor-form-control {
  border-bottom: none !important;
}
.tutor-checkout-billing
  .tutor-billing-fields
  .tutor-col-12:first-of-type
  .tutor-form-control {
  border-top-left-radius: 6px;
}
.tutor-checkout-billing
  .tutor-billing-fields
  .tutor-col-12:last-of-type
  .tutor-form-control {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
@media (min-width: 992px) {
  .tutor-checkout-billing
    .tutor-billing-fields
    .tutor-col-sm-6:nth-of-type(odd)
    .tutor-form-control {
    border-right: none !important;
  }
  .tutor-checkout-billing
    .tutor-billing-fields
    .tutor-col-12:nth-of-type(2)
    .tutor-form-control {
    border-top-right-radius: 6px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .tutor-checkout-billing
    .tutor-billing-fields
    .tutor-col-sm-6:nth-of-type(odd)
    .tutor-form-control {
    border-right: none !important;
  }
  .tutor-checkout-billing
    .tutor-billing-fields
    .tutor-col-12:nth-of-type(2)
    .tutor-form-control {
    border-top-right-radius: 6px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tutor-checkout-billing
    .tutor-billing-fields
    .tutor-col-12:first-of-type
    .tutor-form-control {
    border-top-right-radius: 6px;
  }
}
@media (max-width: 575px) {
  .tutor-checkout-billing
    .tutor-billing-fields
    .tutor-col-12:first-of-type
    .tutor-form-control {
    border-top-right-radius: 6px;
  }
}
.tutor-checkout-payment-options {
  border: 1px solid var(--tutor-border-color);
  background-color: var(--l2l-surface-0);
  border-radius: 6px;
  flex-direction: column;
  display: flex;
}
.tutor-checkout-payment-options .tutor-checkout-payment-item {
  cursor: pointer;
  background-color: transparent;
  border: none;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 16px;
  line-height: 24px;
  display: flex;
}
.tutor-checkout-payment-options .tutor-checkout-payment-item:not(:last-child) {
  border-bottom: 1px solid var(--tutor-border-color);
}
.tutor-checkout-payment-options
  .tutor-checkout-payment-item
  .tutor-payment-item-content {
  color: var(--l2l-text);
  gap: 6px;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}
.tutor-checkout-payment-options
  .tutor-checkout-payment-item
  .tutor-payment-item-content
  img {
  max-width: 24px;
}
.tutor-checkout-payment-options .tutor-checkout-payment-item.active {
  background-color: var(--l2l-surface-2);
  border-color: transparent;
  box-shadow: 0 0 0 1px var(--l2l-shadow-sm);
}
.tutor-checkout-payment-options
  .tutor-checkout-payment-item.active:first-of-type {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tutor-checkout-payment-options
  .tutor-checkout-payment-item.active:last-of-type {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.tutor-checkout-payment-options .tutor-alert {
  margin: -1px;
}
.tutor-order-status-wrapper {
  text-align: center;
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  max-width: 450px;
  min-height: 400px;
  margin: 80px auto;
  padding: 48px 32px 32px;
  display: flex;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.06), 0 0 6px rgba(0, 0, 0, 0.08);
}
.tutor-order-status-wrapper .tutor-btn {
  padding-left: 24px;
  padding-right: 24px;
  font-size: 15px;
  font-weight: 500;
}
.tutor-display-none {
  display: none;
}
.tutor-page-wrap {
  width: 100%;
}


.tutor-bg-light {
  background-color: var(--l2l-surface-0);
}
.tutor-bg-transparent {
  background-color: transparent !important;
}
.tutor-img-responsive {
  max-width: 100%;
  height: auto;
}
.tutor-plain-code {
  color: #fff;
  background: #212327;
  border-radius: 6px;
  padding: 8px 16px;
}
.tutor-plain-code .tutor-color-muted {
  color: #757c8e;
}
.tutor-border-top-light {
  border-top: 1px solid var(--l2l-border);
}
.tutor-divider {
  border: 1px solid var(--l2l-border);
}
.tutor-divider-left {
  border-left: 1px solid var(--l2l-border);
}
.tutor-divider-right {
  border-right: 1px solid var(--l2l-border);
}
.tutor-divider-top {
  border-top: 1px solid var(--l2l-border);
}
.tutor-divider-bottom {
  border-bottom: 1px solid var(--l2l-border);
}
.tutor-toggle-more-collapsed:before {
  content: " ";
  z-index: 5;
  background: linear-gradient(
    rgba(0,0,0,0) 1%,
    var(--l2l-surface-0) 100%
  );
  width: 100%;
  height: 62px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.tutor-svg svg {
  width: 1em;
  height: 1em;
}
.tutor-user-profile .tutor-profile-content {
  color: var(--tutor-color-muted);
  padding-left: 20px;
  font-size: 15px;
}
.tutor-user-profile .tutor-profile-subtitle {
  color: var(--l2l-text);
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}
.tutor-user-profile .tutor-profile-name {
  color: var(--l2l-text);
  font-size: 30px;
  line-height: 37px;
  display: block;
}
.tutor-instructor-card {
  border-radius: 4px;
  min-width: 320px;
  padding: 12px 17px;
}
.tutor-instructor-card .tutor-icard-content {
  color: var(--tutor-color-muted);
  flex-grow: 1;
  font-size: 13px;
  line-height: 18px;
}
.tutor-instructor-card .tutor-name {
  color: var(--l2l-text);
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.tutor-instructor-card .tutor-name .tutor-icard-icon {
  color: var(--tutor-color-primary);
  padding-left: 6px;
  font-size: 13px;
}
.tutor-switch input:checked + .slider {
  background-color: #24a148;
}
.tutor-switch input:checked + .slider.tutor-switch-blue {
  background-color: #3e64de;
}
.tutor-switch input:checked + .slider:before {
  transform: translate(14px);
}
.tutor-switch input:focus + .slider {
  box-shadow: 0 0 1px #24a148;
}
.tutor-switch .slider {
  cursor: pointer;
  background-color: var(--l2l-surface-2);
  transition: all 0.4s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tutor-switch .slider.round {
  border-radius: 34px;
}
.tutor-switch .slider.round:before {
  border-radius: 50%;
}
.tutor-switch .slider:before {
  content: "";
  background-color: var(--l2l-surface-0);
  width: 18px;
  height: 18px;
  transition: all 0.4s;
  position: absolute;
  bottom: 3px;
  left: 4px;
}
.tutor-toast-parent {
  z-index: 99999999;
  background: 0 0;
  width: 350px;
  max-height: 400px;
  position: fixed;
  bottom: 25px;
  left: auto;
  right: 25px;
  overflow-x: hidden;
  overflow-y: auto;
}
.tutor-toast-parent:empty {
  display: none;
}
.tutor-toast-parent.tutor-toast-left {
  position: fixed;
  bottom: 25px;
  left: 25px;
  right: auto;
}
.tutor-toast-parent .tutor-is-success .tutor-notification-icon,
.tutor-toast-parent .tutor-is-success .tutor-notification-content h5 {
  color: var(--tutor-color-success);
}
.tutor-toast-parent .tutor-is-warning .tutor-notification-icon,
.tutor-toast-parent .tutor-is-warning .tutor-notification-content h5 {
  color: var(--tutor-color-warning);
}
.tutor-toast-parent .tutor-is-danger .tutor-notification-icon,
.tutor-toast-parent .tutor-is-danger .tutor-notification-content h5 {
  color: var(--tutor-color-danger);
}
body.rtl .tutor-toast-parent {
  left: 50px;
  right: auto;
}
.ui-datepicker {
  box-sizing: border-box;
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 6px;
  width: 260px;
  margin-top: 4px;
  padding: 10px;
  display: none;
  box-shadow: 0 10px 14px rgba(0, 0, 0, 0.12);
}
.ui-datepicker table th span {
  color: var(--l2l-surface-3);
  font-size: 13px;
  font-weight: 400;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  color: var(--l2l-text);
  font-size: 20px;
  font-weight: 500;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
  width: 100%;
  border: 0 !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  background: 0 0;
  border: none;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight {
  padding: 5px;
  color: var(--l2l-text-muted) !important;
  background-color: var(--l2l-surface-0) !important;
  border: none !important;
  border-radius: 100% !important;
}
.ui-datepicker .ui-datepicker-calendar td {
  cursor: pointer;
  width: 30px;
  height: 30px;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  border-radius: 50% !important;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
  color: var(--l2l-text-muted) !important;
  background-color: var(--l2l-surface-1) !important;
  border: none !important;
  border-radius: 100% !important;
}
.ui-datepicker .ui-datepicker-calendar td a {
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-calendar tbody {
  border: 0 !important;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
  text-align: center;
  padding: 0;
  border: 0 !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
  cursor: default;
  background-color: var(--l2l-surface-0);
}
.ui-datepicker .ui-datepicker-current-day {
  background-color: var(--l2l-secondary) !important;
  border-radius: 100% !important;
}
.ui-datepicker .ui-datepicker-current-day,
.ui-datepicker .ui-datepicker-current-day a {
  color: var(--l2l-text-inverse) !important;
}
.ui-datepicker .ui-datepicker-prev.ui-corner-all,
.ui-datepicker .ui-datepicker-next.ui-corner-all {
  color: var(--l2l-secondary);
}
.ui-datepicker .ui_tpicker_hour_slider,
.ui-datepicker .ui_tpicker_minute_slider {
  border: 1px solid !important;
}
.ui-datepicker a,
.ui-datepicker a:hover {
  text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
  color: var(--l2l-secondary-hover);
  transition: color 0.1s ease-in-out;
}
.tutor-field-type-slider {
  box-shadow: none;
  color: var(--l2l-text-muted);
  background-color: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 6px;
  width: 100%;
  height: 46px;
  margin: 0 10px 0 0;
  padding: 20px 70px 24px 15px;
  display: block;
  position: relative;
}
.tutor-field-type-slider .ui-widget-header {
  background: var(--l2l-surface-2);
  border-radius: 4px;
}
.tutor-field-type-slider .ui-widget-content {
  background-color: var(--tutor-color-primary);
  border: none;
  border-radius: 4px;
  height: 4px;
}
.tutor-field-type-slider .ui-widget-content .ui-state-default {
  border: 4px solid var(--tutor-color-primary);
  background-color: var(--l2l-surface-0);
  border-radius: 50%;
}
.tutor-field-type-slider .tutor-field-type-slider-value {
  background: var(--tutor-color-primary);
  text-align: center;
  color: var(--l2l-text-inverse);
  border-radius: 4px;
  width: 43px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 34px;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.tutor-field-type-slider .tutor-field-type-slider-value:before {
  content: "";
  border: 7px solid transparent;
  border-right-color: var(--tutor-color-primary);
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}
.tutor-quiz-slider .tutor-field-type-slider {
  padding: 10px 0 10px 6px !important;
}
.tutor-quiz-slider .tutor-field-type-slider .ui-widget-content {
  width: 85% !important;
  top: 40% !important;
}
.tutorPlayer,
.tutorPlayer iframe {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.add_question_answers_option.disabled {
  color: var(--l2l-text-disabled) !important;
  cursor: none !important;
  pointer-events: none !important;
}
.add_question_answers_option.disabled i {
  background-color: var(--l2l-surface-disabled) !important;
}
.tutor-valign-middle {
  vertical-align: middle;
}
.tutor-btn {
  color: var(--tutor-color-primary);
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  align-items: center;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  text-decoration: none;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out;
  display: inline-flex;
}
.tutor-btn[disabled],
.tutor-btn.disabled {
  pointer-events: none;
  color: var(--l2l-surface-disabled);
}
.tutor-btn-block {
  justify-content: center;
  width: 100%;
  display: flex;
}
.tutor-btn-fw {
  justify-content: center;
  min-width: 120px;
  display: inline-flex;
}
.tutor-btn-primary {
  border-color: var(--tutor-color-primary);
  background-color: var(--tutor-color-primary);
  color: var(--l2l-text-inverse);
}
.tutor-btn-primary:hover,
.tutor-btn-primary:focus,
.tutor-btn-primary:active {
  color: var(--l2l-text-inverse);
  border-color: var(--tutor-color-primary-hover);
  background-color: var(--tutor-color-primary-hover);
}
.tutor-btn-primary[disabled],
.tutor-btn-primary.disabled {
  background-color: var(--l2l-primary-disabled);
  border-color: var(--l2l-border);
}
.tutor-btn-outline-primary {
  border-color: var(--tutor-color-primary);
}
.tutor-btn-outline-primary:hover,
.tutor-btn-outline-primary:focus,
.tutor-btn-outline-primary:active {
  color: var(--l2l-text-inverse);
  border-color: var(--tutor-color-primary-hover);
  background-color: var(--tutor-color-primary-hover);
}
.tutor-btn-outline-primary[disabled],
.tutor-btn-outline-primary.disabled {
  border-color: var(--l2l-border);
}
.tutor-btn-secondary {
  background-color: rgba(var(--tutor-color-primary-rgb), 0.1);
  color: var(--tutor-color-primary);
}
.tutor-btn-secondary:hover,
.tutor-btn-secondary:focus,
.tutor-btn-secondary:active {
  color: var(--l2l-text-inverse);
  background-color: var(--tutor-color-primary-hover);
}
.tutor-btn-secondary[disabled],
.tutor-btn-secondary.disabled {
  background-color: var(--l2l-secondary-disabled);
}
.tutor-btn-outline-secondary {
  border-color: rgba(var(--tutor-color-primary-rgb), 0.1);
  background-color: rgba(var(--tutor-color-primary-rgb), 0.1);
  color: var(--tutor-color-primary);
}
.tutor-btn-outline-secondary:hover,
.tutor-btn-outline-secondary:focus,
.tutor-btn-outline-secondary:active {
  color: var(--l2l-text-inverse);
  border-color: var(--tutor-color-primary-hover);
  background-color: var(--tutor-color-primary-hover);
}
.tutor-btn-outline-secondary[disabled],
.tutor-btn-outline-secondary.disabled {
  background-color: var(--l2l-secondary-disabled);
  border-color: var(--l2l-border);
}
.tutor-btn-tertiary {
  color: var(--tutor-color-secondary);
  border: 1px solid var(--tutor-border-color);
  background-color: var(--l2l-surface-0);
}
.tutor-btn-tertiary [class^="tutor-icon-"] {
  color: var(--l2l-text-muted);
}
.tutor-btn-tertiary:hover,
.tutor-btn-tertiary:focus,
.tutor-btn-tertiary:active {
  color: var(--tutor-color-secondary);
  background-color: var(--l2l-surface-1);
}
.tutor-btn-tertiary[disabled],
.tutor-btn-tertiary.disabled {
  background-color: var(--l2l-surface-disabled);
}
.tutor-btn-danger {
  color: #fff;
  background-color: #f44337;
}
.tutor-btn-danger:hover,
.tutor-btn-danger:focus,
.tutor-btn-danger:active {
  color: #fff;
}
.tutor-btn-danger[disabled],
.tutor-btn-danger.disabled {
  color: #000;
  background-color: #e9e9ea;
  border-color: #e9e9ea;
}
.tutor-btn-link {
  font-size: inherit;
  position: relative;
  padding: 0 !important;
}
.tutor-btn-link:after {
  content: " ";
  background: var(--tutor-color-primary-hover);
  width: 0;
  height: 1px;
  transition: width 0.2s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
}
.tutor-btn-link:hover:after,
.tutor-btn-link:focus:after,
.tutor-btn-link:active:after {
  width: 100%;
}
.tutor-btn-ghost {
  color: #757c8e;
  border-radius: 0;
  outline: 0;
  position: relative;
  padding: 0 !important;
}
.tutor-btn-ghost.tutor-has-underline {
  position: relative;
}
.tutor-btn-ghost.tutor-has-underline:after {
  content: " ";
  background-color: #757c8e;
  width: 100%;
  height: 1px;
  transition: background-color 0.2s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
}
.tutor-btn-ghost:hover,
.tutor-btn-ghost:focus,
.tutor-btn-ghost:active {
  color: var(--tutor-color-primary);
  box-shadow: none;
  outline: 0;
}
.tutor-btn-ghost:hover.tutor-has-underline:after,
.tutor-btn-ghost:focus.tutor-has-underline:after,
.tutor-btn-ghost:active.tutor-has-underline:after {
  background-color: var(--tutor-color-primary);
}
.tutor-btn-ghost-light {
  color: var(--l2l-surface-0);
}
.tutor-btn-ghost-light.tutor-has-underline:after {
  background-color: var(--l2l-surface-0);
}
.tutor-btn-ghost-light:hover,
.tutor-btn-ghost-light:focus,
.tutor-btn-ghost-light:active {
  color: var(--l2l-surface-hover);
}
.tutor-btn-ghost-light:hover.tutor-has-underline:after,
.tutor-btn-ghost-light:focus.tutor-has-underline:after,
.tutor-btn-ghost-light:active.tutor-has-underline:after {
  background-color: var(--l2l-surface-hover);
}
.tutor-btn-sm {
  padding: 5px 12px;
  font-size: 14px;
}
.tutor-btn-md {
  padding: 6px 12px;
}
.tutor-btn-lg {
  padding: 12px 32px;
  font-size: 16px;
  line-height: 1.5;
}
.tutor-btn-xl {
  padding: 15px 24px;
  font-size: 18px;
}
.tutor-btn.is-loading:before {
  margin-right: 8px;
}
.tutor-btn.is-loading [class^="tutor-icon-"],
.tutor-btn.is-loading [class*="\ tutor-icon-"] {
  display: none;
}
.tutor-iconic-btn-group {
  align-items: center;
  gap: 4px;
  display: flex;
}
.tutor-iconic-btn {
  color: var(--l2l-text-muted);
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-top: -4px;
  margin-bottom: -4px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  text-decoration: none;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  display: inline-flex;
}
.tutor-iconic-btn [class^="tutor-icon-"],
.tutor-iconic-btn [class*="\ tutor-icon-"] {
  pointer-events: none;
}
.tutor-iconic-btn:hover,
.tutor-iconic-btn:focus,
.tutor-iconic-btn:active {
  color: var(--tutor-color-primary-hover);
  background-color: rgba(var(--tutor-color-primary-rgb), 0.1);
  border-color: rgba(var(--tutor-color-primary-rgb), 0.1);
}
.tutor-iconic-btn[disabled],
.tutor-iconic-btn.disabled {
  background-color: var(--l2l-surface-disabled);
}
.tutor-iconic-btn-outline {
  border-color: var(--tutor-color-primary);
  color: var(--tutor-color-primary);
}
.tutor-iconic-btn-outline:hover,
.tutor-iconic-btn-outline:focus,
.tutor-iconic-btn-outline:active {
  color: var(--l2l-text-inverse);
  border-color: var(--tutor-color-primary-hover);
  background-color: var(--tutor-color-primary-hover);
}
.tutor-iconic-btn-outline[disabled],
.tutor-iconic-btn-outline.disabled {
  border-color: var(--l2l-border);
}
.tutor-iconic-btn-secondary {
  background-color: rgba(var(--tutor-color-primary-rgb), 0.1);
  color: var(--tutor-color-primary);
}
.tutor-iconic-btn-secondary:hover,
.tutor-iconic-btn-secondary:focus,
.tutor-iconic-btn-secondary:active {
  color: var(--l2l-text-inverse);
  background-color: var(--tutor-color-primary-hover);
}
.tutor-iconic-btn-secondary[disabled],
.tutor-iconic-btn-secondary.disabled {
  background-color: var(--l2l-surface-disabled);
  border-color: var(--l2l-border);
}
.tutor-iconic-btn-light {
  color: var(--l2l-surface-0);
}
.tutor-iconic-btn-light:hover,
.tutor-iconic-btn-light:focus,
.tutor-iconic-btn-light:active {
  color: var(--l2l-text-inverse);
  background-color: var(--tutor-color-primary-hover);
}
.tutor-iconic-btn-light[disabled],
.tutor-iconic-btn-light.disabled {
  background-color: var(--l2l-surface-disabled);
  border-color: var(--l2l-border);
}
.tutor-iconic-btn-md {
  width: 40px;
  height: 40px;
  font-size: 20px;
}
.tutor-iconic-btn-lg {
  width: 48px;
  height: 48px;
  font-size: 24px;
}
.tutor-btn-group {
  vertical-align: middle;
  display: inline-flex;
  position: relative;
}
.tutor-btn-group .tutor-btn {
  flex: 1;
  position: relative;
}
.tutor-btn-group .tutor-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tutor-btn-group .tutor-btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.tutor-btn.is-loading:before,
.tutor-iconic-btn.is-loading:before {
  margin-top: -2px;
  margin-bottom: -2px;
  font-family: tutor;
  font-size: 18px;
  line-height: 1;
  animation: 0.8s linear infinite rotateSpinner;
  display: inline-block;
}
.tutor-btn.is-loading [class^="tutor-icon-"],
.tutor-btn.is-loading [class*="\ tutor-icon-"],
.tutor-iconic-btn.is-loading [class^="tutor-icon-"],
.tutor-iconic-btn.is-loading [class*="\ tutor-icon-"] {
  display: none;
}
.tutor-animation-spin {
  animation: 0.8s linear infinite rotateSpinner;
}
@keyframes rotateSpinner {
  to {
    transform: rotate(360deg);
  }
}
#tutor-pro-google-authentication {
  width: 400px;
}
.tutor-form-group {
  margin-bottom: 32px;
}
.tutor-form-wrap {
  display: flex;
  position: relative;
}
.tutor-form-control {
  background-color: var(--l2l-surface-0);
  box-sizing: border-box;
  width: 100%;
  color: var(--tutor-color-black);
  height: auto;
  box-shadow: none;
  border-radius: 6px;
  outline: none;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out;
  display: block;
  border: 1px solid var(--tutor-border-color) !important;
}
.tutor-form-control.tutor-placeholder {
  color: var(--tutor-color-muted);
}
.tutor-form-control::-webkit-input-placeholder {
  color: var(--tutor-color-muted);
}
.tutor-form-control::-ms-input-placeholder {
  color: var(--tutor-color-muted);
}
.tutor-form-control::placeholder {
  color: var(--tutor-color-muted);
}
.tutor-form-control:focus,
.tutor-form-control.is-active {
  border-color: var(--tutor-color-primary);
  box-shadow: unset;
}
.tutor-form-control[readonly]:focus,
.tutor-form-control[readonly] {
  background-color: var(--tutor-disabled-bg);
  border-color: var(--tutor-disabled-bg);
  color: var(--tutor-disabled-color);
}
.tutor-form-control[readonly]:focus::-webkit-input-placeholder {
  color: var(--tutor-disabled-color);
}
.tutor-form-control[readonly]:focus::-ms-input-placeholder {
  color: var(--tutor-disabled-color);
}
.tutor-form-control[readonly]:focus::placeholder {
  color: var(--tutor-disabled-color);
}
.tutor-form-control[readonly]::-webkit-input-placeholder {
  color: var(--tutor-disabled-color);
}
.tutor-form-control[readonly]::-ms-input-placeholder {
  color: var(--tutor-disabled-color);
}
.tutor-form-control[readonly]::placeholder {
  color: var(--tutor-disabled-color);
}
.tutor-form-control:disabled {
  cursor: not-allowed;
  background: var(--l2l-surface-disabled);
  border-color: var(--l2l-border);
}
.tutor-form-control:disabled::-webkit-input-placeholder {
  color: var(--tutor-color-muted);
}
.tutor-form-control:disabled::-ms-input-placeholder {
  color: var(--tutor-color-muted);
}
.tutor-form-control:disabled::placeholder {
  color: var(--tutor-color-muted);
}
.tutor-form-control-sm {
  padding: 5px 12px;
  font-size: 14px;
}
.tutor-form-control-md {
  padding: 6px 12px;
}
.tutor-form-control-lg {
  padding: 10px 20px;
  font-size: 18px;
}
.tutor-form-control-xl {
  padding: 15px 24px;
  font-size: 18px;
}
.tutor-form-select {
  text-align: left;
  cursor: pointer;
  min-width: 180px;
  position: relative;
}
.tutor-form-select-dropdown {
  z-index: 10;
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 6px;
  flex-direction: column;
  width: 100%;
  min-width: 220px;
  max-height: 300px;
  transition: all 0.1s;
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  box-shadow: 0 6px 20px rgba(28, 49, 104, 0.1);
}
.tutor-form-select-dropdown .tutor-form-control {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.tutor-form-select.is-active .tutor-form-select-dropdown {
  display: flex;
}
.tutor-form-select-options {
  flex-direction: column;
  gap: 1px;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  display: flex;
  overflow-y: auto;
}
.tutor-form-select-option {
  cursor: pointer;
  font-weight: 400;
  line-height: 1.4;
}
.tutor-form-select-option span {
  padding: 8px 19px;
  font-size: 14px;
  display: block;
}
.tutor-form-select-option:hover,
.tutor-form-select-option.is-active {
  background: var(--l2l-surface-active);
}
.tutor-form-label {
  color: var(--l2l-text);
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  display: block;
}
.tutor-form-icon {
  width: 40px;
  color: var(--tutor-color-muted);
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 1.4;
  display: inline-flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.tutor-form-icon:not(.tutor-password-reveal) {
  pointer-events: none;
}
.tutor-form-icon-reverse {
  left: auto;
  right: 0;
}
.tutor-form-icon-reverse ~ .tutor-form-control {
  padding-right: 40px !important;
}
.tutor-form-icon:not(.tutor-form-icon-reverse) ~ .tutor-form-control {
  padding-left: 40px !important;
}
textarea.tutor-form-control {
  resize: vertical;
  min-height: 180px;
}
textarea.tutor-form-control-auto-height {
  min-height: 72px;
}
select.tutor-form-control,
.tutor-form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  padding-right: 36px;
}
.tutor-input-group {
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}
.tutor-input-group-addon {
  text-align: center;
  white-space: nowrap;
  background-color: var(--l2l-surface-0);
  border: 1px solid var(--tutor-border-color);
  border-radius: 6px;
  align-items: center;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
}
.tutor-input-group > :not(.tutor-form-wrap):not(:last-child),
.tutor-input-group > .tutor-form-wrap:not(:last-child) > .tutor-form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tutor-input-group > :not(.tutor-form-wrap):not(:first-child),
.tutor-input-group > .tutor-form-wrap:not(:first-child) > .tutor-form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tutor-input-group > :not(.tutor-form-wrap):not(:first-child),
.tutor-input-group > .tutor-form-wrap:not(:first-child) {
  margin-left: -1px;
}
.tutor-input-group > .tutor-form-control,
.tutor-input-group > .tutor-form-wrap {
  flex: auto;
  width: 1%;
  min-width: 0;
  position: relative;
}
.tutor-input-group .tutor-btn {
  z-index: 2;
  position: relative;
}
.tutor-input-group .tutor-btn:focus {
  z-index: 3;
}
.tutor-form-feedback {
  color: var(--tutor-color-muted);
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
  position: relative;
}
.tutor-form-feedback .tutor-form-feedback-icon {
  margin-right: 8px;
  font-size: 18px;
}
.tutor-form-check {
  display: inline-block;
}
.tutor-form-check label {
  color: var(--l2l-text);
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  margin: 0 !important;
  display: inline-block !important;
}
.tutor-form-check input.tutor-form-check-input {
  margin-right: 8px;
  margin-top: 0 !important;
}
.tutor-form-check + .tutor-form-check {
  margin-left: 16px;
}
.tutor-form-check-input.tutor-form-check-input {
  vertical-align: top;
  background-color: var(--l2l-surface-0);
  border: 2px solid var(--tutor-border-color);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  color-adjust: exact;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 0 0 rgba(var(--tutor-color-primary-rgb), 0.1);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 4px;
  flex: none;
  margin: 0;
  transition: all 0.3s;
  display: inline-block;
  outline: none !important;
}
.tutor-form-check-input.tutor-form-check-input:before,
.tutor-form-check-input.tutor-form-check-input:after {
  display: none !important;
}
.tutor-form-check-input.tutor-form-check-input:focus {
  box-shadow: 0 0 0 6px rgba(var(--tutor-color-primary-rgb), 0.1);
}
.tutor-form-check-input.tutor-form-check-input[type="checkbox"] {
  border-radius: 4px;
}
.tutor-form-check-input.tutor-form-check-input[type="checkbox"].tutor-form-check-square {
  border-radius: 0;
}
.tutor-form-check-input.tutor-form-check-input[type="checkbox"].tutor-form-check-circle {
  border-radius: 50%;
}
.tutor-form-check-input.tutor-form-check-input[type="checkbox"]:checked {
  border-color: var(--tutor-color-primary);
  background-color: var(--tutor-color-primary);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.922 5.7a.627.627 0 01-.127-.194.72.72 0 010-.5.6.6 0 01.127-.195l.905-.867a.562.562 0 01.425-.195.592.592 0 01.25.05.665.665 0 01.207.145l2.73 2.734L11.295.82a.658.658 0 01.202-.145.613.613 0 01.484.002.568.568 0 01.191.143l.905.88a.6.6 0 01.127.195.72.72 0 010 .5.628.628 0 01-.127.194l-7.2 7.163a.575.575 0 01-.195.147.655.655 0 01-.5 0 .575.575 0 01-.195-.147L.922 5.7z' fill='%23fff'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
}
.tutor-form-check-input.tutor-form-check-input-radio {
  background-size: 100%;
  border-radius: 50%;
}
.tutor-form-check-input.tutor-form-check-input[type="radio"] {
  background-size: 100%;
  border-radius: 50%;
}
input:checked + label .tutor-form-check-input-radio,
.tutor-form-check-input.tutor-form-check-input-radio:checked,
.tutor-form-check-input.tutor-form-check-input-radio.is-active {
  border-color: var(--tutor-color-primary);
  background-color: var(--tutor-color-primary);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
  background-position: 50%;
}
.tutor-form-check-input.tutor-form-check-input[type="radio"]:checked {
  border-color: var(--tutor-color-primary);
  background-color: var(--tutor-color-primary);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
  background-position: 50%;
}
.tutor-form-check-input.tutor-form-check-input[type="radio"].is-active {
  border-color: var(--tutor-color-primary);
  background-color: var(--tutor-color-primary);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
  background-position: 50%;
}
.tutor-form-check-input.tutor-form-check-input.tutor-form-check-20 {
  background-size: 10px;
}
.tutor-form-toggle {
  vertical-align: top;
  align-items: center;
  display: inline-flex;
}
.tutor-form-toggle input {
  display: none;
}
.tutor-form-toggle input ~ .tutor-form-toggle-control {
  vertical-align: top;
  cursor: pointer;
  background-color: var(--l2l-surface-1);
  border-radius: 12px;
  flex-shrink: 0;
  width: 40px;
  height: 24px;
  margin: 0 4px;
  display: inline-block;
  position: relative;
}
.tutor-form-toggle input ~ .tutor-form-toggle-control:before {
  content: "";
  background-color: var(--l2l-surface-0);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: all 0.1s;
  position: absolute;
  top: 3px;
  left: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.165);
}
.tutor-form-toggle input:checked ~ .tutor-form-toggle-control {
  background-color: var(--tutor-color-primary);
}
.tutor-form-toggle input:checked ~ .tutor-form-toggle-control:before {
  left: 18px;
}
.tutor-form-toggle input ~ .tutor-form-toggle-label {
  padding: 0 4px;
}
.tutor-form-toggle input ~ .tutor-form-toggle-label.tutor-form-toggle-checked {
  color: var(--tutor-border-color);
}
.tutor-form-toggle input:checked ~ .tutor-form-toggle-checked {
  color: inherit;
}
.tutor-form-toggle input:checked ~ .tutor-form-toggle-unchecked {
  color: var(--tutor-border-color);
}
.tutor-control-button {
  cursor: pointer;
  color: var(--l2l-text-subtle);
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
  font-size: 16px;
}
.tutor-control-button.active {
  color: var(--tutor-color-primary);
}
.tutor-control-button input {
  display: none;
}
.tutor-badge,
.tutor-badge-square {
  color: var(--text-inverse);
  box-sizing: border-box;
  border-radius: 2px;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 700;
  line-height: 21px;
}
.tutor-badge-square {
  text-align: center;
  min-width: 32px;
  padding: 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.tutor-profile-badge {
  box-sizing: border-box;
}
.tutor-profile-badge img {
  max-width: 50px;
  height: auto;
}
.tutor-profile-badge .tutor-profile-badge-content {
  color: var(--tutor-color-muted);
  padding-left: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.tutor-profile-badge .tutor-profile-badge-content h5 {
  color: var(--l2l-text);
  margin: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}
.tutor-floating-badge {
  background-color: var(--tutor-color-danger);
  box-sizing: border-box;
  color: var(--l2l-text-inverse);
  z-index: 1;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  min-height: 20px;
  padding: 0 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  position: absolute;
  top: -4px;
  right: -4px;
}
.tutor-tag-list {
  margin: 0 0 0 -15px;
  padding: 0;
  list-style: none;
}
.tutor-tag-list li {
  display: inline-block;
}
.tutor-tag-list li a {
  border: 1px solid var(--tutor-border-color);
  color: var(--tutor-color-secondary);
  border-radius: 6px;
  margin-left: 15px;
  padding: 7px 23px;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  transition: all 0.2s;
  display: block;
}
.tutor-tag-list li a:hover {
  color: var(--tutor-color-primary);
  border-color: var(--tutor-color-primary);
}
.tutor-ratings {
  align-items: center;
  display: flex;
}
.tutor-ratings-stars {
  color: #ed9700;
  margin: 0 -3px;
  font-size: 16px;
}
.tutor-ratings-stars > * {
  margin: 0 3px;
}
.tutor-ratings-average {
  color: var(--l2l-text);
  margin-left: 12px;
  font-weight: 500;
}
.tutor-ratings-count {
  color: var(--tutor-color-muted);
  margin-left: 8px;
}
.tutor-ratings-progress-bar {
  height: 8px !important;
}
.tutor-ratings-progress-bar .tutor-progress-value {
  background-color: #ed9700;
}
.tutor-ratings-selectable .tutor-ratings-stars {
  cursor: pointer;
}
.tutor-ratings-lg .tutor-ratings-stars {
  font-size: 20px;
}
.tutor-ratings-xl .tutor-ratings-stars {
  font-size: 40px;
}
.tutor-badge-label {
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 50px;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  display: inline-flex;
}
.tutor-badge-label.label-default {
  background: var(--tutor-color-gray-10);
  color: var(--tutor-color-muted);
  border-color: var(--tutor-border-color);
}
.tutor-badge-label.label-primary {
  background: rgba(var(--tutor-color-primary-rgb), 0.15);
  color: var(--tutor-color-primary);
  border-color: rgba(var(--tutor-color-primary-rgb), 0.3);
}
.tutor-badge-label.label-success {
  background: rgba(var(--tutor-color-success-rgb), 0.15);
  color: var(--tutor-color-success);
  border-color: rgba(var(--tutor-color-success-rgb), 0.3);
}
.tutor-badge-label.label-warning {
  background: rgba(var(--tutor-color-warning-rgb), 0.15);
  color: var(--tutor-color-warning);
  border-color: rgba(var(--tutor-color-warning-rgb), 0.3);
}
.tutor-badge-label.label-danger {
  background: rgba(var(--tutor-color-danger-rgb), 0.15);
  color: var(--tutor-color-danger);
  border-color: rgba(var(--tutor-color-danger-rgb), 0.3);
}
.tutor-form-select-with-icon.select-primary {
  color: var(--tutor-color-primary);
  background: rgba(var(--tutor-color-primary-rgb), 0.15);
  border: 1px solid rgba(var(--tutor-color-primary-rgb), 0.3);
}
.tutor-form-select-with-icon.select-primary select {
  color: var(--tutor-color-primary);
}
.tutor-form-select-with-icon.select-primary:focus {
  border-color: var(--tutor-color-primary);
}
.tutor-form-select-with-icon.select-default {
  color: var(--l2l-text-muted);
  border: 1px solid var(--tutor-border-color);
  background: var(--l2l-surface-1);
}
.tutor-form-select-with-icon.select-default select {
  color: var(--l2l-text-muted);
}
.tutor-form-select-with-icon.select-default:focus {
  border-color: var(--l2l-text-muted);
}
.tutor-form-select-with-icon.select-success {
  color: var(--tutor-color-success);
  background: rgba(var(--tutor-color-success-rgb), 0.15);
  border: 1px solid rgba(var(--tutor-color-success-rgb), 0.3);
}
.tutor-form-select-with-icon.select-success select {
  color: var(--tutor-color-success);
}
.tutor-form-select-with-icon.select-success:focus {
  border-color: var(--tutor-color-success);
}
.tutor-form-select-with-icon.select-danger {
  color: var(--tutor-color-danger);
  background: rgba(var(--tutor-color-danger-rgb), 0.15);
  border: 1px solid rgba(var(--tutor-color-danger-rgb), 0.3);
}
.tutor-form-select-with-icon.select-danger select {
  color: var(--tutor-color-danger);
}
.tutor-form-select-with-icon.select-danger:focus {
  border-color: var(--tutor-color-danger);
}
.tutor-form-select-with-icon.select-warning {
  color: var(--tutor-color-warning);
  background: rgba(var(--tutor-color-warning-rgb), 0.15);
  border: 1px solid rgba(var(--tutor-color-warning-rgb), 0.3);
}
.tutor-form-select-with-icon.select-warning select {
  color: var(--tutor-color-warning);
}
.tutor-form-select-with-icon.select-warning:focus {
  border-color: var(--tutor-color-warning);
}
.tutor-form-select-with-icon {
  border-radius: 42px;
  justify-content: space-between;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 120px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  display: flex;
  position: relative;
}
.tutor-form-select-with-icon select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  z-index: 1;
  cursor: pointer;
  background: 0 0;
  border: none;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 5px 28px;
  display: block;
  position: relative;
  min-height: 24px !important;
}
.tutor-form-select-with-icon select:focus {
  box-shadow: none;
}
.tutor-form-select-with-icon > i {
  font-size: 14px;
  position: absolute;
}
.tutor-form-select-with-icon .icon1 {
  left: 8px;
}
.tutor-form-select-with-icon .icon2 {
  right: 8px;
}
.tutor-tag {
  color: var(--l2l-text);
  background-color: var(--l2l-surface-1);
  border-radius: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
}
.tutor-tag.tag-default {
  background: var(--tutor-color-gray-10);
  color: var(--tutor-color-muted);
}
.tutor-tag.tag-primary {
  background: rgba(var(--tutor-color-primary-rgb), 0.15);
  color: var(--tutor-color-primary);
}
.tutor-tag.tag-success {
  background: rgba(var(--tutor-color-success-rgb), 0.15);
  color: #202223;
}
.tutor-tag.tag-warning {
  background: rgba(var(--tutor-color-warning-rgb), 0.15);
  color: var(--tutor-color-warning);
}
.tutor-tag.tag-danger {
  background: rgba(var(--tutor-color-danger-rgb), 0.15);
  color: var(--tutor-color-danger);
}
.tutor-avatar {
  width: 36px;
  height: 36px;
  box-shadow: 0px 0px 0px 1px var(--tutor-border-color);
  background-color: var(--l2l-surface-0);
  border-radius: 100px;
  flex-shrink: 0;
  display: inline-flex;
  overflow: hidden;
}
.tutor-avatar-text {
  color: var(--l2l-text-inverse);
  background-color: var(--tutor-color-primary);
  justify-content: center;
  align-items: center;
  display: flex;
}
.tutor-avatar-xl {
  width: 96px;
  height: 96px;
}
.tutor-avatar-xl .tutor-avatar-text {
  font-size: 24px;
  font-weight: 500;
}
.tutor-avatar-lg {
  width: 64px;
  height: 64px;
}
.tutor-avatar-md {
  width: 48px;
  height: 48px;
}
.tutor-avatar-sm {
  width: 32px;
  height: 32px;
}
.tutor-avatar-xs {
  width: 24px;
  height: 24px;
}
.tutor-avatar.tutor-is-lg {
  width: 120px;
  height: 120px;
}
.tutor-avatar.tutor-is-sm {
  width: 60px;
  height: 60px;
}
.tutor-avatar.tutor-is-xs {
  width: 40px;
  height: 40px;
}
.tutor-table {
  border-collapse: separate;
  border-spacing: 0;
  --tutor-table-border-radius: 6px;
  width: 100%;
  min-width: 600px;
  margin: 0;
}
.tutor-table-responsive {
  -webkit-overflow-scrolling: touch;
  position: relative;
  overflow-x: auto;
}
.tutor-table tbody,
.tutor-table td,
.tutor-table tfoot,
.tutor-table th,
.tutor-table thead,
.tutor-table tr {
  border-color: inherit;
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}
.tutor-table thead {
  vertical-align: bottom;
}
.tutor-table tbody {
  vertical-align: inherit;
}
.tutor-table tr th {
  border-bottom: 1px solid var(--tutor-border-color);
  border-top: 1px solid var(--tutor-border-color);
  white-space: nowrap;
  color: var(--tutor-color-secondary);
  background: var(--l2l-surface-1);
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
}
.tutor-table
  tr
  th:not(.tutor-text-left):not(.tutor-text-center):not(.tutor-text-right) {
  text-align: left;
}
.tutor-table tr th:first-child {
  border-left: 1px solid var(--tutor-border-color);
}
.tutor-table tr th:last-child {
  border-right: 1px solid var(--tutor-border-color);
}
.tutor-table tr td {
  border-bottom: 1px solid var(--tutor-border-color);
  color: var(--l2l-text);
  background: var(--l2l-surface-0);
  padding: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}
.tutor-table
  tr
  td
  > a:not(.tutor-btn):not(.tutor-iconic-btn):not(.quiz-manual-review-action),
.tutor-table tr td .tutor-table-link {
  color: var(--l2l-text);
  font-weight: 500;
  text-decoration: none;
}
.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(--tutor-color-primary);
}
.tutor-table
  tr
  td:not(.tutor-text-left):not(.tutor-text-center):not(.tutor-text-right) {
  text-align: left;
}
.tutor-table tr td:first-child {
  border-left: 1px solid var(--tutor-border-color);
}
.tutor-table tr td:last-child {
  border-right: 1px solid var(--tutor-border-color);
}
.tutor-table tr:first-child th:first-child {
  border-top-left-radius: var(--tutor-table-border-radius);
}
.tutor-table tr:first-child th:last-child {
  border-top-right-radius: var(--tutor-table-border-radius);
}
.tutor-table tr:last-child td:first-child {
  border-bottom-left-radius: var(--tutor-table-border-radius);
}
.tutor-table tr:last-child td:last-child {
  border-bottom-right-radius: var(--tutor-table-border-radius);
}
.tutor-table-top td,
.tutor-table-top th {
  vertical-align: top;
}
.tutor-table-middle td,
.tutor-table-middle th {
  vertical-align: middle;
}
.tutor-table-bottom td,
.tutor-table-bottom th {
  vertical-align: bottom;
}
.tutor-table .tutor-td-top {
  vertical-align: top;
}
.tutor-table .tutor-td-middle {
  vertical-align: middle;
}
.tutor-table .tutor-td-bottom {
  vertical-align: bottom;
}
.tutor-table.tutor-table-data-td-target .has-data-td-target.is-active:before {
  transform: rotate(180deg);
}
@media only screen and (max-width: 575px) {
  .tutor-table-mobile table {
    min-width: auto;
  }
  .tutor-table-mobile table,
  .tutor-table-mobile thead,
  .tutor-table-mobile tbody,
  .tutor-table-mobile th,
  .tutor-table-mobile td,
  .tutor-table-mobile tr {
    display: block;
  }
  .tutor-table-mobile thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .tutor-table-mobile tr {
    border: 1px solid var(--tutor-border-color);
    border-radius: 6px;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .tutor-table-mobile td {
    color: var(--l2l-text);
    border: none;
    border-bottom: 1px solid var(--tutor-border-color);
    font-size: 15px;
    font-weight: 400;
  }
  .tutor-table-mobile td[data-title] {
    grid-template-columns: 1fr 1.5fr;
    align-items: center;
    display: grid;
  }
  .tutor-table-mobile td:first-child {
    border-left: none !important;
    border-radius: 0 !important;
  }
  .tutor-table-mobile td:last-child {
    border-bottom: none !important;
    border-right: none !important;
  }
  .tutor-table-mobile td:before {
    content: attr(data-title);
    color: var(--tutor-color-subdued);
    text-align: left;
    font-size: 13px;
    font-weight: 500;
  }
}
.tutor-thumbnail-uploader {
  width: 100%;
}
.tutor-thumbnail-uploader .thumbnail-wrapper {
  background: var(--l2l-surface-0);
  box-sizing: border-box;
  border-radius: 6px;
}
.tutor-thumbnail-uploader .thumbnail-wrapper:not(.tutor-is-borderless) {
  border: 1px solid var(--tutor-border-color);
}
.tutor-thumbnail-uploader .thumbnail-preview {
  --width: 235px;
  width: 268px;
  height: 98px;
  width: var(--width);
  height: calc(var(--width) / 1.775);
  background: var(--l2l-surface-1);
  border: 2px solid var(--l2l-border);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.tutor-thumbnail-uploader .thumbnail-preview img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.tutor-thumbnail-uploader .thumbnail-preview img:before {
  content: "";
  background: var(--l2l-surface-1)
    url("data:image/svg+xml;charset=UTF-8,%3csvg width='125' height='32' viewBox='0 0 125 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.66663 9.37562C4.66663 6.77485 6.75507 4.6665 9.33131 4.6665H22.1438C24.72 4.6665 26.8085 6.77485 26.8085 9.37562V19.4552C26.8085 19.9329 26.4249 20.3201 25.9517 20.3201C25.4785 20.3201 25.0949 19.9329 25.0949 19.4552V9.37562C25.0949 7.73023 23.7737 6.39638 22.1438 6.39638H9.33131C7.70145 6.39638 6.38018 7.73023 6.38018 9.37562V22.3102C6.38018 23.9556 7.70144 25.2894 9.33131 25.2894H19.3246C19.7978 25.2894 20.1813 25.6767 20.1813 26.1543C20.1813 26.632 19.7978 27.0193 19.3246 27.0193H9.33131C6.75507 27.0193 4.66663 24.9109 4.66663 22.3102V9.37562Z' fill='%23B4B7C0'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.9032 25.8664C21.9032 25.3887 22.2868 25.0015 22.76 25.0015L29.1432 25.0015C29.6164 25.0015 29.9999 25.3887 29.9999 25.8664C29.9999 26.3441 29.6164 26.7313 29.1432 26.7313L22.76 26.7313C22.2868 26.7313 21.9032 26.3441 21.9032 25.8664Z' fill='%23B4B7C0'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.0827 21.7856C26.5559 21.7856 26.9395 22.1729 26.9395 22.6506L26.9395 29.1348C26.9395 29.6125 26.5559 29.9998 26.0827 29.9998C25.6095 29.9998 25.2259 29.6125 25.2259 29.1348L25.2259 22.6506C25.2259 22.1729 25.6095 21.7856 26.0827 21.7856Z' fill='%23B4B7C0'/%3e%3cpath d='M9.03067 17.1587C8.9164 17.2781 8.85254 17.4377 8.85254 17.6038V21.9306C8.85254 22.4614 9.27875 22.8917 9.80451 22.8917H21.8629C22.3886 22.8917 22.8148 22.4614 22.8148 21.9306V17.6069C22.8148 17.439 22.7495 17.2778 22.6329 17.158L19.1287 13.5567C18.7763 13.1946 18.1969 13.1887 17.8373 13.5437L13.375 17.9483C13.2556 18.0662 13.0634 18.0648 12.9458 17.9452L11.2367 16.2087C10.8765 15.8427 10.2855 15.8469 9.93056 16.218L9.03067 17.1587Z' fill='%23B4B7C0'/%3e%3cpath d='M15.0194 10.7788C15.0194 11.9171 14.1054 12.8398 12.9779 12.8398C11.8503 12.8398 10.9363 11.9171 10.9363 10.7788C10.9363 9.64052 11.8503 8.71777 12.9779 8.71777C14.1054 8.71777 15.0194 9.64052 15.0194 10.7788Z' fill='%23B4B7C0'/%3e%3cpath d='M40.2588 21.1758C42.9175 21.1758 44.5288 19.6011 44.5288 17.2866V10.4312H42.8955V17.1548C42.8955 18.6929 41.9434 19.7256 40.2588 19.7256C38.5742 19.7256 37.6147 18.6929 37.6147 17.1548V10.4312H35.9741V17.2866C35.9741 19.6011 37.6074 21.1758 40.2588 21.1758ZM46.2866 23.5635H47.8687V19.7036H47.9053C48.3594 20.5972 49.2456 21.1538 50.3369 21.1538C52.2705 21.1538 53.5376 19.6084 53.5376 17.1548V17.1475C53.5376 14.6865 52.2778 13.1484 50.3149 13.1484C49.2163 13.1484 48.3667 13.7051 47.9053 14.6206H47.8687V13.2949H46.2866V23.5635ZM49.9048 19.7915C48.7109 19.7915 47.8613 18.7515 47.8613 17.1548V17.1475C47.8613 15.5435 48.7036 14.5034 49.9048 14.5034C51.1426 14.5034 51.9263 15.5068 51.9263 17.1475V17.1548C51.9263 18.7808 51.1499 19.7915 49.9048 19.7915ZM54.8267 21H56.4087V10.4312H54.8267V21ZM61.3452 21.1538C63.5498 21.1538 65 19.6304 65 17.1475V17.1328C65 14.6646 63.5352 13.1484 61.3379 13.1484C59.1479 13.1484 57.6904 14.6719 57.6904 17.1328V17.1475C57.6904 19.623 59.1333 21.1538 61.3452 21.1538ZM61.3525 19.8281C60.1147 19.8281 59.3091 18.854 59.3091 17.1475V17.1328C59.3091 15.4482 60.1221 14.4741 61.3379 14.4741C62.5757 14.4741 63.3813 15.4482 63.3813 17.1328V17.1475C63.3813 18.8467 62.5903 19.8281 61.3525 19.8281ZM68.4863 21.1392C69.5044 21.1392 70.3979 20.6118 70.8447 19.7842H70.874V21H72.4634V15.6899C72.4634 14.1445 71.2695 13.1484 69.3872 13.1484C67.4902 13.1484 66.3403 14.1665 66.2305 15.4922L66.2231 15.5728H67.7173L67.7319 15.5068C67.8638 14.8916 68.4277 14.4595 69.3433 14.4595C70.3247 14.4595 70.874 14.9722 70.874 15.8218V16.4004L68.7793 16.5249C66.9556 16.6348 65.9155 17.4551 65.9155 18.7954V18.8101C65.9155 20.1943 66.9482 21.1392 68.4863 21.1392ZM67.5122 18.7734V18.7588C67.5122 18.1069 68.0396 17.6895 68.9917 17.6309L70.874 17.5137V18.1143C70.874 19.1177 70.0317 19.8721 68.9185 19.8721C68.0688 19.8721 67.5122 19.4473 67.5122 18.7734ZM76.8799 21.1538C77.9858 21.1538 78.8354 20.5972 79.2969 19.6963H79.3262V21H80.9155V10.4312H79.3262V14.606H79.2969C78.8354 13.6978 77.9565 13.1484 76.8652 13.1484C74.9316 13.1484 73.6572 14.6865 73.6572 17.1401V17.1475C73.6572 19.6011 74.917 21.1538 76.8799 21.1538ZM77.2974 19.7915C76.0449 19.7915 75.2759 18.7881 75.2759 17.1475V17.1401C75.2759 15.5142 76.0522 14.5034 77.2974 14.5034C78.4839 14.5034 79.3335 15.5435 79.3335 17.1401V17.1475C79.3335 18.7515 78.4912 19.7915 77.2974 19.7915ZM86.4453 12.1084C86.9653 12.1084 87.3682 11.6982 87.3682 11.2002C87.3682 10.6948 86.9653 10.2847 86.4453 10.2847C85.9326 10.2847 85.5225 10.6948 85.5225 11.2002C85.5225 11.6982 85.9326 12.1084 86.4453 12.1084ZM85.6543 21H87.2363V13.2949H85.6543V21ZM88.8696 21H90.4517V16.2393C90.4517 15.2432 91.1182 14.5034 92.0557 14.5034C92.9492 14.5034 93.5132 15.0747 93.5132 15.9683V21H95.0659V16.1807C95.0659 15.2065 95.7178 14.5034 96.6553 14.5034C97.5928 14.5034 98.1274 15.082 98.1274 16.0854V21H99.7168V15.7046C99.7168 14.1592 98.7207 13.1484 97.1973 13.1484C96.0986 13.1484 95.1904 13.7271 94.7949 14.6646H94.7583C94.4507 13.6978 93.6743 13.1484 92.6123 13.1484C91.6016 13.1484 90.8179 13.6831 90.4883 14.4888H90.4517V13.2949H88.8696V21ZM103.511 21.1392C104.529 21.1392 105.422 20.6118 105.869 19.7842H105.898V21H107.488V15.6899C107.488 14.1445 106.294 13.1484 104.412 13.1484C102.515 13.1484 101.365 14.1665 101.255 15.4922L101.248 15.5728H102.742L102.756 15.5068C102.888 14.8916 103.452 14.4595 104.368 14.4595C105.349 14.4595 105.898 14.9722 105.898 15.8218V16.4004L103.804 16.5249C101.98 16.6348 100.94 17.4551 100.94 18.7954V18.8101C100.94 20.1943 101.973 21.1392 103.511 21.1392ZM102.537 18.7734V18.7588C102.537 18.1069 103.064 17.6895 104.016 17.6309L105.898 17.5137V18.1143C105.898 19.1177 105.056 19.8721 103.943 19.8721C103.093 19.8721 102.537 19.4473 102.537 18.7734ZM112.402 23.7173C114.578 23.7173 115.94 22.5454 115.94 20.7876V13.2949H114.351V14.606H114.314C113.86 13.7344 113.01 13.1484 111.926 13.1484C109.971 13.1484 108.682 14.6646 108.682 17.0815V17.0889C108.682 19.4912 109.956 21.0073 111.89 21.0073C112.996 21.0073 113.875 20.4727 114.314 19.6377H114.351V20.6924C114.351 21.769 113.655 22.4429 112.395 22.4429C111.406 22.4429 110.74 22.106 110.527 21.6152L110.498 21.5566H108.931L108.938 21.6226C109.172 22.8018 110.425 23.7173 112.402 23.7173ZM112.336 19.7183C111.084 19.7183 110.3 18.7222 110.3 17.1108V17.1035C110.3 15.5142 111.084 14.5034 112.336 14.5034C113.538 14.5034 114.351 15.5215 114.351 17.1035V17.1108C114.351 18.7002 113.545 19.7183 112.336 19.7183ZM120.796 21.1538C122.664 21.1538 123.85 20.0405 124.099 18.8174L124.114 18.7368H122.612L122.59 18.7954C122.393 19.374 121.77 19.8574 120.833 19.8574C119.573 19.8574 118.774 19.0078 118.745 17.5503H124.202V17.0156C124.202 14.7012 122.876 13.1484 120.715 13.1484C118.555 13.1484 117.163 14.7598 117.163 17.1694V17.1768C117.163 19.6084 118.533 21.1538 120.796 21.1538ZM120.723 14.4448C121.755 14.4448 122.502 15.0967 122.634 16.4297H118.767C118.906 15.1406 119.697 14.4448 120.723 14.4448Z' fill='%23B4B7C0'/%3e%3c/svg%3e ")
    50% no-repeat;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tutor-thumbnail-uploader .thumbnail-preview span.delete-btn {
  cursor: pointer;
  background-color: #f44337;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'%3e%3cpath d='M1.36301 12.0781C1.36301 12.3889 1.48628 12.687 1.7057 12.9068C1.92512 13.1265 2.22272 13.25 2.53302 13.25H9.55307C9.86337 13.25 10.161 13.1265 10.3804 12.9068C10.5998 12.687 10.7231 12.3889 10.7231 12.0781V3.875H1.36301V12.0781ZM7.99306 5.82813C7.99306 5.72453 8.03415 5.62517 8.10729 5.55191C8.18043 5.47866 8.27962 5.4375 8.38306 5.4375C8.48649 5.4375 8.58569 5.47866 8.65883 5.55191C8.73197 5.62517 8.77306 5.72453 8.77306 5.82813V11.2969C8.77306 11.4005 8.73197 11.4998 8.65883 11.5731C8.58569 11.6463 8.48649 11.6875 8.38306 11.6875C8.27962 11.6875 8.18043 11.6463 8.10729 11.5731C8.03415 11.4998 7.99306 11.4005 7.99306 11.2969V5.82813ZM5.65304 5.82813C5.65304 5.72453 5.69413 5.62517 5.76727 5.55191C5.84041 5.47866 5.93961 5.4375 6.04304 5.4375C6.14648 5.4375 6.24568 5.47866 6.31882 5.55191C6.39196 5.62517 6.43305 5.72453 6.43305 5.82813V11.2969C6.43305 11.4005 6.39196 11.4998 6.31882 11.5731C6.24568 11.6463 6.14648 11.6875 6.04304 11.6875C5.93961 11.6875 5.84041 11.6463 5.76727 11.5731C5.69413 11.4998 5.65304 11.4005 5.65304 11.2969V5.82813ZM3.31303 5.82813C3.31303 5.72453 3.35412 5.62517 3.42726 5.55191C3.50039 5.47866 3.59959 5.4375 3.70303 5.4375C3.80646 5.4375 3.90566 5.47866 3.9788 5.55191C4.05194 5.62517 4.09303 5.72453 4.09303 5.82813V11.2969C4.09303 11.4005 4.05194 11.4998 3.9788 11.5731C3.90566 11.6463 3.80646 11.6875 3.70303 11.6875C3.59959 11.6875 3.50039 11.6463 3.42726 11.5731C3.35412 11.4998 3.31303 11.4005 3.31303 11.2969V5.82813ZM11.1131 1.53125H8.18806L7.95893 1.07471C7.9104 0.977107 7.83563 0.895005 7.74305 0.837641C7.65046 0.780276 7.54373 0.749926 7.43487 0.750004H4.64879C4.54016 0.749586 4.43362 0.779823 4.34137 0.837251C4.24911 0.894679 4.17487 0.976976 4.12716 1.07471L3.89803 1.53125H0.97301C0.869575 1.53125 0.770377 1.57241 0.697237 1.64567C0.624097 1.71892 0.583008 1.81828 0.583008 1.92188L0.583008 2.70313C0.583008 2.80673 0.624097 2.90609 0.697237 2.97934C0.770377 3.0526 0.869575 3.09375 0.97301 3.09375H11.1131C11.2165 3.09375 11.3157 3.0526 11.3889 2.97934C11.462 2.90609 11.5031 2.80673 11.5031 2.70313V1.92188C11.5031 1.81828 11.462 1.71892 11.3889 1.64567C11.3157 1.57241 11.2165 1.53125 11.1131 1.53125Z' fill='white'/%3e%3c/svg%3e");
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: -12px;
  right: -12px;
}
.tutor-thumbnail-uploader .thumbnail-preview span.delete-btn:hover {
  background-color: #f2281a;
}
.tutor-thumbnail-uploader .thumbnail-input input[type="file"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  display: none;
}
.tutor-thumbnail-uploader .thumbnail-input .tutor-btn {
  cursor: pointer;
  border-radius: 6px;
  padding: 6px 14px;
}
.tutor-thumbnail-uploader .thumbnail-input .tutor-btn > .tutor-btn-icon {
  font-size: 24px;
}
.tutor-offcanvas .tutor-offcanvas-backdrop {
  z-index: 1040;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.25);
  width: 100vw;
  height: 100vh;
  transition: all 0.3s;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tutor-offcanvas .tutor-offcanvas-main {
  z-index: 1050;
  opacity: 0;
  visibility: hidden;
  background: var(--l2l-surface-0);
  padding: 20px 0;
  transition: all 0.3s ease-in-out;
  position: fixed;
  box-shadow: 0 6px 20px rgba(28, 49, 104, 0.1);
}
.tutor-offcanvas.tutor-offcanvas-right .tutor-offcanvas-main {
  width: 360px;
  max-width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  transform: translate(100%);
}
.tutor-offcanvas.tutor-offcanvas-left .tutor-offcanvas-main {
  width: 360px;
  max-width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translate(-100%);
}
.tutor-offcanvas.tutor-offcanvas-top .tutor-offcanvas-main {
  height: 360px;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100%);
}
.tutor-offcanvas.tutor-offcanvas-bottom .tutor-offcanvas-main {
  width: 100%;
  height: 360px;
  max-height: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
}
.tutor-offcanvas.is-active {
  opacity: 1;
  visibility: visible;
}
.tutor-offcanvas.is-active .tutor-offcanvas-main {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.tutor-offcanvas.is-active .tutor-offcanvas-backdrop {
  opacity: 1;
  visibility: visible;
}
.tutor-offcanvas .tutor-offcanvas-header {
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
  display: flex;
}
.tutor-offcanvas .tutor-offcanvas-main {
  --padding: 20px;
}
.tutor-offcanvas .tutor-offcanvas-header,
.tutor-offcanvas .tutor-offcanvas-body {
  padding: 0 var(--padding);
}
.tutor-notification-tab .tab-header {
  position: relative;
}
.tutor-notification-tab .tab-header:before {
  content: " ";
  bottom: 0;
  left: calc(-1 * var(--padding));
  width: calc(100% + 2 * var(--padding));
  border-bottom: 1px solid var(--tutor-border-color);
  position: absolute;
}
.tutor-notification-tab .tab-header-item {
  cursor: pointer;
  position: relative;
}
.tutor-notification-tab .tab-header-item > * {
  pointer-events: none;
}
.tutor-notification-tab .tab-header-item span {
  padding: 10px;
  display: flex;
}
.tutor-notification-tab .tab-header-item:before {
  content: "";
  border-bottom: 2px solid var(--l2l-secondary);
  width: 100%;
  transition: all 0.3s ease-in;
  position: absolute;
  bottom: 0;
  transform: scaleY(0);
}
.tutor-notification-tab .tab-header-item.is-active:before {
  transform: scaleY(1);
}
.tutor-notification-tab .tab-body {
  min-width: 100%;
  width: calc(100% + var(--padding));
  min-height: 200px;
  max-height: calc(100vmin - 120px);
  padding-right: var(--padding);
  --scrollbarBG: rgba(205, 207, 213, 0.5);
  --thumbBG: var(--l2l-secondary);
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  overflow-y: auto;
}
.tutor-notification-tab .tab-body-item {
  display: none;
}
.tutor-notification-tab .tab-body-item.is-active {
  display: block;
}
.tutor-notification-tab .tab-body::-webkit-scrollbar {
  width: 4px;
}
.tutor-notification-tab .tab-body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.tutor-notification-tab .tab-body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 40px;
}
.tutor-notification-element:not(.notification-read)
  .element-icon
  .element-primary,
.tutor-notification-element:not(.notification-read)
  .element-content
  .header
  .element-primary {
  color: var(--tutor-color-primary);
}
.tutor-notification-element:not(.notification-read)
  .element-icon
  .element-success,
.tutor-notification-element:not(.notification-read)
  .element-content
  .header
  .element-success {
  color: var(--tutor-color-success);
}
.tutor-notification-element:not(.notification-read)
  .element-icon
  .element-warning,
.tutor-notification-element:not(.notification-read)
  .element-content
  .header
  .element-warning {
  color: var(--tutor-color-warning);
}
.tutor-notification-element:not(.notification-read)
  .element-icon
  .element-danger,
.tutor-notification-element:not(.notification-read)
  .element-content
  .header
  .element-danger {
  color: var(--tutor-color-danger);
}
.tutor-notification-element:not(.notification-read)
  .element-icon
  .element-purple,
.tutor-notification-element:not(.notification-read)
  .element-content
  .header
  .element-purple {
  color: #9b4ab4;
}
.tutor-notification-element {
  gap: 10px;
  padding-top: 20px;
  padding-bottom: 15px;
  display: flex;
}
.tutor-notification-element .element-icon {
  color: var(--tutor-color-muted);
}
.tutor-notification-element .element-icon [class^="element-"] {
  background: 0 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 18px;
  display: flex;
}
.tutor-notification-element .element-content .header {
  justify-content: space-between;
  margin-bottom: 10px;
  display: flex;
}
.tutor-notification-element .element-content .header .meta {
  align-items: center;
  gap: 8px;
  display: flex;
}
.tutor-notification-element .element-content .header .meta .dot {
  background: var(--tutor-color-primary);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: inline-block;
  position: relative;
  box-shadow: 0 0 0 2px #e9edfb;
}
.tutor-notification-element .element-content .header .meta .dot:before {
  content: "";
  z-index: -1;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.1);
  }
  to {
    box-shadow: 0 0 0 6px transparent;
  }
}
.tutor-notification-element .element-content .header [class^="element-"] {
  color: var(--tutor-color-secondary);
}
.tutor-notification-element .element-content .message span {
  font-weight: 400;
}
.tutor-notification-element.notification-read
  .element-content
  .header
  .meta
  .dot {
  display: none;
}
.tutor-notification-element.notification-read .element-content .message,
.tutor-notification-element.notification-read .element-content .message > * {
  color: var(--tutor-color-secondary);
}
.tutor-notification-element-empty {
  text-align: center;
  align-items: center;
  justify-items: center;
  display: grid;
}
.tutor-notification-element-empty .element-content {
  max-width: 250px;
}
.tutor-course-certificate-tabs.tutor-nav {
  background: var(--l2l-surface-1);
  border-radius: 6px;
  padding: 4px;
  display: inline-flex;
}
.tutor-course-certificate-tabs.tutor-nav > li > a {
  color: var(--tutor-color-muted);
}
.tutor-course-certificate-tabs.tutor-nav > li > a:hover {
  color: var(--tutor-color-primary);
  background-color: transparent;
}
.tutor-course-certificate-tabs.tutor-nav > li > a.is-active {
  color: var(--tutor-color-primary);
  background-color: var(--l2l-surface-0);
  box-shadow: 0 1px 2px rgba(2, 11, 83, 0.2);
}
.tutor-certificate-templates {
  grid-template-rows: min-content;
  grid-template-columns: repeat(auto-fill, minmax(228px, 1fr));
  gap: 25px;
  min-height: 580px;
  display: grid;
  position: relative;
}
.tutor-certificate-template {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.tutor-certificate-template label {
  cursor: pointer;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  position: relative;
}
.tutor-certificate-template img {
  border-radius: 6px;
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.tutor-certificate-template-inner {
  box-shadow: 0 0 0 1px var(--tutor-color-gray-10);
  z-index: 1;
  background-color: var(--l2l-surface-0);
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}
.tutor-certificate-template-inner:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.42318 12.9161C6.3686 12.8593 6.32513 12.7929 6.29503 12.7201C6.23499 12.558 6.23499 12.3797 6.29503 12.2175C6.32453 12.1445 6.36807 12.0779 6.42318 12.0215L7.33283 11.1496C7.38636 11.0869 7.45336 11.0371 7.52883 11.0038C7.60148 10.971 7.68026 10.9538 7.76001 10.9536C7.84642 10.9519 7.93217 10.9691 8.01129 11.0038C8.0895 11.0386 8.16031 11.0881 8.21985 11.1496L10.9639 13.8986L16.8539 8.00855C16.9119 7.94744 16.981 7.89797 17.0575 7.8628C17.1368 7.82861 17.2224 7.81149 17.3088 7.81255C17.3898 7.813 17.4698 7.83071 17.5435 7.8645C17.6171 7.8983 17.6827 7.94741 17.7359 8.00855L18.6456 8.89306C18.7007 8.9494 18.7442 9.01598 18.7737 9.08906C18.8338 9.25121 18.8338 9.42949 18.7737 9.59163C18.7436 9.66439 18.7002 9.73087 18.6456 9.78763L11.4061 16.9894C11.3522 17.0523 11.2853 17.1029 11.2101 17.1377C11.0492 17.2041 10.8685 17.2041 10.7076 17.1377C10.6323 17.1029 10.5655 17.0523 10.5116 16.9894L6.42318 12.9161Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: 2px 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  background-color: var(--tutor-color-primary);
  z-index: 1;
  opacity: 0;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  transition: all 0.2s ease-in;
  position: absolute;
  top: -15px;
  right: -15px;
}
.tutor-certificate-template input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  display: none;
}
.tutor-certificate-template
  input[type="radio"]:checked
  + .tutor-certificate-template-inner {
  box-shadow: 0 0 0 2px var(--tutor-color-primary);
}
.tutor-certificate-template
  input[type="radio"]:checked
  + .tutor-certificate-template-inner:after {
  opacity: 1;
}
.tutor-certificate-template-icon {
  z-index: 10;
  opacity: 0;
  transition: all 0.2s ease-in;
  position: absolute;
  top: -20px;
  right: -12px;
}
.tutor-certificate-template-overlay {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  visibility: hidden;
  opacity: 0;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  transition: all 0.2s ease-in;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tutor-certificate-template:hover .tutor-certificate-template-overlay {
  visibility: visible;
  opacity: 1;
}
.tutor-dashboard-content-inner .field-label {
  color: var(--tutor-color-secondary);
}
.tutor-password-strength-checker {
  position: relative;
}
.tutor-password-strength-checker .tutor-password-field {
  text-align: left;
}
.tutor-password-strength-checker .tutor-password-field .field-group,
.tutor-password-strength-checker .tutor-password-field .tutor-input-group {
  position: relative;
}
.tutor-password-strength-checker .tutor-password-field input.password-checker {
  transition: border-color 0.3s;
}
.tutor-password-strength-checker .show-hide-btn {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70941 24C7.89169 24.3172 8.14035 24.7327 8.45342 25.2175C9.2055 26.382 10.3194 27.9309 11.7662 29.4741C14.687 32.5897 18.7868 35.5 23.875 35.5C28.9632 35.5 33.063 32.5897 35.9838 29.4741C37.4306 27.9309 38.5445 26.382 39.2966 25.2175C39.6096 24.7327 39.8583 24.3172 40.0406 24C39.8583 23.6828 39.6096 23.2673 39.2966 22.7825C38.5445 21.618 37.4306 20.0691 35.9838 18.5259C33.063 15.4103 28.9632 12.5 23.875 12.5C18.7868 12.5 14.687 15.4103 11.7662 18.5259C10.3194 20.0691 9.2055 21.618 8.45342 22.7825C8.14035 23.2673 7.89169 23.6828 7.70941 24ZM41.75 24C43.0916 23.3292 43.0914 23.3287 43.0911 23.3281L43.0904 23.3267L43.0886 23.3231L43.0831 23.3123L43.065 23.2769C43.0497 23.2472 43.0281 23.2054 43 23.1524C42.944 23.0465 42.8625 22.8955 42.7558 22.706C42.5427 22.3272 42.2287 21.7929 41.8167 21.155C40.9946 19.882 39.7726 18.1809 38.1724 16.4741C34.9995 13.0897 30.1618 9.5 23.875 9.5C17.5882 9.5 12.7505 13.0897 9.57757 16.4741C7.97744 18.1809 6.75544 19.882 5.9333 21.155C5.5213 21.7929 5.20726 22.3272 4.99415 22.706C4.88754 22.8955 4.80601 23.0465 4.74996 23.1524C4.72193 23.2054 4.70025 23.2472 4.68497 23.2769L4.66685 23.3123L4.6614 23.3231L4.65889 23.3281C4.65861 23.3287 4.65836 23.3292 6 24L4.65836 23.3292C4.44721 23.7515 4.44721 24.2485 4.65836 24.6708L6 24C4.65836 24.6708 4.65861 24.6713 4.65889 24.6719L4.6614 24.6769L4.66685 24.6877L4.68497 24.7231C4.70025 24.7529 4.72193 24.7946 4.74996 24.8476C4.80601 24.9535 4.88754 25.1045 4.99415 25.294C5.20726 25.6729 5.5213 26.2071 5.9333 26.845C6.75544 28.118 7.97744 29.8191 9.57757 31.5259C12.7505 34.9103 17.5882 38.5 23.875 38.5C30.1618 38.5 34.9995 34.9103 38.1724 31.5259C39.7726 29.8191 40.9946 28.118 41.8167 26.845C42.2287 26.2071 42.5427 25.6729 42.7558 25.294C42.8625 25.1045 42.944 24.9535 43 24.8476C43.0281 24.7946 43.0497 24.7529 43.065 24.7231L43.0831 24.6877L43.0886 24.6769L43.0904 24.6733L43.0911 24.6719C43.0914 24.6713 43.0916 24.6708 41.75 24ZM41.75 24L43.0916 24.6708C43.3028 24.2485 43.3028 23.7515 43.0916 23.3292L41.75 24Z' fill='%23212327'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.875 20.625C22.011 20.625 20.5 22.136 20.5 24C20.5 25.864 22.011 27.375 23.875 27.375C25.739 27.375 27.25 25.864 27.25 24C27.25 22.136 25.739 20.625 23.875 20.625ZM17.5 24C17.5 20.4792 20.3542 17.625 23.875 17.625C27.3958 17.625 30.25 20.4792 30.25 24C30.25 27.5208 27.3958 30.375 23.875 30.375C20.3542 30.375 17.5 27.5208 17.5 24Z' fill='%23212327'/%3E%3C/svg%3E");
  background-size: 30px;
  width: 30px;
  height: 30px;
  font-size: 15px;
  font-weight: 600;
  display: none;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.tutor-password-strength-checker .show-hide-btn.hide-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.9965 13.1362C23.0202 13.1339 22.047 13.2452 21.0964 13.4677C20.2898 13.6565 19.4828 13.1556 19.294 12.349C19.1052 11.5424 19.6061 10.7354 20.4127 10.5466C21.5891 10.2713 22.7935 10.1335 24.0018 10.1362C30.0093 10.1369 34.6277 13.5671 37.6511 16.7921C39.1767 18.4194 40.3415 20.0409 41.1251 21.2543C41.5179 21.8624 41.8173 22.3718 42.0206 22.7332C42.1223 22.9141 42.2002 23.0582 42.2537 23.1594C42.2805 23.2101 42.3013 23.2501 42.316 23.2786L42.3334 23.3127L42.3387 23.3231L42.3411 23.328C42.3414 23.3285 42.3416 23.3291 41 23.9999L42.3416 23.3291C42.5592 23.7642 42.5522 24.2779 42.3229 24.707C41.3355 26.5541 40.158 28.2931 38.8096 29.8956C38.2762 30.5295 37.3299 30.611 36.6961 30.0776C36.0622 29.5442 35.9807 28.598 36.5141 27.9641C37.5555 26.7265 38.4836 25.3986 39.2875 23.9963C39.117 23.7011 38.889 23.3215 38.605 22.8818C37.8914 21.777 36.8347 20.3076 35.4625 18.844C32.6908 15.8875 28.8098 13.1362 24 13.1362L23.9965 13.1362ZM13.9096 13.6277C14.5069 13.1717 15.3493 13.2279 15.8807 13.7592L21.7784 19.6569C21.7819 19.6604 21.7854 19.6639 21.7889 19.6674L28.3324 26.2109C28.3359 26.2145 28.3395 26.218 28.343 26.2216L34.2407 32.1192C34.5467 32.4252 34.7056 32.8486 34.6766 33.2804C34.6476 33.7122 34.4335 34.1105 34.0893 34.3728C31.1929 36.5806 27.666 37.8038 24.0245 37.8633L24 37.8635C17.9916 37.8635 13.3726 34.4329 10.3489 31.2076C8.82332 29.5803 7.6585 27.9588 6.87488 26.7455C6.48215 26.1374 6.18271 25.628 5.97939 25.2665C5.87767 25.0857 5.79984 24.9416 5.74625 24.8403C5.71945 24.7897 5.6987 24.7497 5.68404 24.7212L5.66662 24.6871L5.66134 24.6766L5.65889 24.6718C5.65861 24.6712 5.65836 24.6707 7 23.9999L5.65836 24.6707C5.44039 24.2348 5.44782 23.7201 5.67827 23.2906C7.70177 19.5196 10.5083 16.225 13.9096 13.6277ZM8.71331 24.0048C8.88371 24.2999 9.11149 24.6789 9.395 25.1179C10.1086 26.2228 11.1653 27.6921 12.5375 29.1558C15.3068 32.1098 19.1836 34.8588 23.9878 34.8635C26.404 34.8219 28.7586 34.1587 30.8297 32.9509L27.1742 29.2954C26.9214 29.456 26.6567 29.5982 26.3818 29.7207C25.6291 30.0561 24.8165 30.2364 23.9926 30.2509C23.1687 30.2655 22.3503 30.1139 21.5862 29.8053C20.8221 29.4967 20.128 29.0373 19.5453 28.4546C18.9626 27.8719 18.5032 27.1778 18.1946 26.4137C17.886 25.6496 17.7344 24.8312 17.7489 24.0073C17.7635 23.1833 17.9438 22.3708 18.2792 21.6181C18.4017 21.3432 18.5439 21.0784 18.7044 20.8256L14.7099 16.8311C12.3103 18.8548 10.2806 21.2821 8.71331 24.0048ZM20.933 23.0542C20.817 23.3767 20.7545 23.7165 20.7485 24.0602C20.741 24.4813 20.8185 24.8996 20.9763 25.2902C21.134 25.6807 21.3688 26.0354 21.6666 26.3333C21.9644 26.6311 22.3192 26.8659 22.7097 27.0236C23.1003 27.1814 23.5186 27.2588 23.9397 27.2514C24.2834 27.2453 24.6232 27.1828 24.9457 27.0669L20.933 23.0542Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93934 5.93934C6.52513 5.35355 7.47487 5.35355 8.06066 5.93934L42.0607 39.9393C42.6464 40.5251 42.6464 41.4749 42.0607 42.0607C41.4749 42.6464 40.5251 42.6464 39.9393 42.0607L5.93934 8.06066C5.35355 7.47487 5.35355 6.52513 5.93934 5.93934Z' fill='black'/%3E%3C/svg%3E%0A");
}
.tutor-password-strength-hint {
  justify-content: space-between;
  align-items: center;
  margin-top: 7px;
  display: flex;
}
.tutor-password-strength-hint .indicator {
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  height: 10px;
  margin: 10px 0;
  display: none;
}
.tutor-password-strength-hint .indicator span {
  background: var(--l2l-surface-3);
  border-radius: 5px;
  width: 72px;
  height: 2px;
  position: relative;
}
.tutor-password-strength-hint .indicator span.active:before {
  content: "";
  border-radius: 5px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.tutor-password-strength-hint .indicator span.weak:before {
  background-color: #f44337;
}
.tutor-password-strength-hint .indicator span.medium:before {
  background-color: #ed9700;
}
.tutor-password-strength-hint .indicator span.strong:before {
  background-color: var(--tutor-color-success);
}
.tutor-password-strength-hint .indicator span:nth-child(2) {
  margin: 0 3px;
}
.tutor-password-strength-hint .text {
  text-align: right;
  text-transform: capitalize;
  display: none;
}
.tutor-password-strength-hint .text.weak {
  color: #f44337;
}
.tutor-password-strength-hint .text.medium {
  color: #ed9700;
}
.tutor-password-strength-hint .text.strong {
  color: var(--tutor-color-success);
}
.tutor-card {
  word-wrap: break-word;
  background-color: var(--l2l-surface-0);
  border-radius: 6px;
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: relative;
}
.tutor-card:not(.tutor-no-border) {
  border: 1px solid var(--tutor-border-color);
}
.tutor-card-header {
  border-radius: 5px 5px 0 0;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}
.tutor-card-header:not(.tutor-no-border) {
  border-bottom: 1px solid var(--tutor-border-color);
}
.tutor-card-title {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
.tutor-card-body {
  flex: auto;
  padding: 20px;
}
.tutor-card-footer {
  border-radius: 0 0 5px 5px;
  padding: 16px 20px;
}
.tutor-card-footer:not(.tutor-no-border) {
  border-top: 1px solid var(--tutor-border-color);
}
.tutor-card-image {
  border-radius: 5px;
}
.tutor-card-image-top {
  border-radius: 5px 5px 0 0;
}
.tutor-card-image-right {
  border-radius: 0 5px 5px 0;
}
.tutor-card-image-bottom {
  border-radius: 0 0 5px 5px;
}
.tutor-card-image-left {
  border-radius: 5px 0 0 5px;
}
.tutor-card-secondary {
  border: 2px solid var(--l2l-border);
}
.tutor-card.is-selected {
  background-color: rgba(var(--tutor-color-primary-rgb), 0.05);
  border-color: rgba(var(--tutor-color-primary-rgb), 0.4);
}
.tutor-card.is-active {
  background-color: rgba(var(--tutor-color-primary-rgb), 0.05);
  border-color: var(--tutor-color-primary);
}
.tutor-card-sm .tutor-card-header {
  padding: 10px 16px;
}
.tutor-card-sm .tutor-card-body,
.tutor-card-sm .tutor-card-footer {
  padding: 16px;
}
.tutor-card-md .tutor-card-header {
  padding: 24px 32px;
}
.tutor-card-md .tutor-card-body {
  padding: 32px;
}
.tutor-card-md .tutor-card-footer {
  padding: 24px 32px;
}
.tutor-card-list {
  border-radius: 6px;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}
.tutor-card-list:first-child {
  border-top-width: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.tutor-card-list-item {
  color: var(--l2l-text);
  background-color: var(--l2l-surface-0);
  text-decoration: none;
  display: block;
  position: relative;
}
.tutor-card-list-item:nth-child(2n) {
  background-color: var(--l2l-surface-0);
}
.tutor-card-list-item:not(:last-child) {
  border-bottom: 1px solid var(--l2l-border);
}
.tutor-card-list-item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tutor-card-list-item:last-child {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
@media (min-width: 1200px) {
  .tutor-card-list-horizontal {
    flex-direction: row;
  }
  .tutor-card-list-horizontal .tutor-card-list-item {
    border-bottom: 0;
    border-radius: 6px;
    flex-grow: 1;
    flex-shrink: 0;
  }
  .tutor-card-list-horizontal .tutor-card-list-item:not(:last-child) {
    border-right: 1px solid var(--l2l-border);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.tutor-accordion-item {
  background-color: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 6px;
}
.tutor-accordion-item:not(:last-child) {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .tutor-accordion-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.tutor-accordion-item-header {
  color: var(--tutor-color-secondary);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  background-color: var(--l2l-surface-1);
  border-radius: 6px;
  padding: 16px 40px 16px 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  transition: all 0.3s ease-in;
  position: relative;
  margin: 0 !important;
}
.tutor-accordion-item-header:after {
  color: var(--tutor-color-primary);
  font-size: 16px;
  font-weight: 400;
  transition: all 0.15s;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%) rotate(0);
  font-family: tutor !important;
}
.tutor-accordion-item-header:hover {
  color: var(--tutor-color-primary);
}
.tutor-accordion-item-header.is-active {
  color: var(--tutor-color-primary);
  background-color: var(--l2l-surface-2);
  border-radius: 6px 6px 0 0;
}
.tutor-accordion-item-header.is-active:after {
  transform: translateY(-50%) rotate(-90deg);
}
.tutor-accordion-item-header .tooltip-wrap.tooltip-icon {
  margin-left: 8px;
  font-size: 16px;
  position: relative;
  top: 1px;
}
.tutor-accordion-item-body {
  overflow: hidden;
}
.tutor-accordion-item-body-content {
  border-top: 1px solid var(--l2l-border);
  padding: 0 16px;
}
.tutor-modal {
  z-index: 99999;
  outline: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.tutor-modal-open {
  overflow: hidden;
}
.tutor-modal.tutor-is-active,
.tutor-modal-active {
  display: block;
}
.tutor-modal-overlay {
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.tutor-modal-window {
  pointer-events: none;
  align-items: center;
  width: auto;
  max-width: 640px;
  min-height: calc(100% - 96px);
  margin: 48px auto;
  display: flex;
  position: relative;
}
.tutor-modal-window-lg {
  max-width: 880px;
}
.tutor-modal-window-md {
  max-width: 520px;
}
.tutor-modal-window-sm {
  max-width: 430px;
}
.tutor-modal-content {
  pointer-events: auto;
  border: 1px solid var(--tutor-border-color);
  background-color: var(--l2l-surface-1);
  background-clip: padding-box;
  border-radius: 16px;
  outline: 0;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}
.tutor-modal-content-white {
  background-color: var(--l2l-surface-0);
}
.tutor-modal-header,
.tutor-modal-footer {
  background-color: var(--l2l-surface-0);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 16px 32px;
  display: flex;
}
.tutor-modal-header {
  border-bottom: 1px solid var(--tutor-border-color);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.tutor-modal-header .tutor-modal-close {
  margin-right: -16px;
}
.tutor-modal .tutor-modal-close-o {
  z-index: 1;
  font-size: 20px;
  position: absolute;
  top: 16px;
  right: 16px;
}
.tutor-modal-title {
  color: var(--l2l-text);
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.tutor-modal-footer {
  border-top: 1px solid var(--tutor-border-color);
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.tutor-modal-body {
  flex: auto;
  padding: 24px 32px;
  position: relative;
}
.tutor-modal-scrollable .tutor-modal-window {
  height: calc(100% - 96px);
}
.tutor-modal-scrollable .tutor-modal-content {
  max-height: 100%;
  overflow: hidden;
}
.tutor-modal-scrollable .tutor-modal-body {
  overflow-y: auto;
}
.tutor-modal-steps ul {
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  overflow: hidden;
}
.tutor-modal-steps ul li {
  color: var(--tutor-color-muted);
  z-index: 8;
  flex-direction: column;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  display: flex;
  position: relative;
}
.tutor-modal-steps ul li:nth-child(2) {
  z-index: 7;
}
.tutor-modal-steps ul li:nth-child(3) {
  z-index: 6;
}
.tutor-modal-steps ul li:nth-child(4) {
  z-index: 5;
}
.tutor-modal-steps ul li:nth-child(5) {
  z-index: 4;
}
.tutor-modal-steps ul li:nth-child(6) {
  z-index: 3;
}
.tutor-modal-steps ul li:nth-child(7) {
  z-index: 2;
}
.tutor-modal-steps ul li:nth-child(8) {
  z-index: 1;
}
.tutor-modal-steps ul li:nth-child(9) {
  z-index: 0;
}
.tutor-modal-steps ul li .tutor-modal-step-btn {
  width: 20px;
  height: 20px;
  color: var(--tutor-color-muted);
  background: var(--tutor-color-gray);
  cursor: pointer;
  z-index: 1;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 4px 0;
  font-size: 13px;
  display: flex;
  position: relative;
}
.tutor-modal-steps ul li .tutor-modal-step-btn:before {
  content: "";
  background-color: var(--tutor-color-gray);
  width: 1000px;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  right: 100%;
}
.tutor-modal-steps ul li.tutor-is-completed {
  color: var(--l2l-text);
}
.tutor-modal-steps ul li.tutor-is-completed .tutor-modal-step-btn {
  color: transparent;
  background-position: 5px;
  background-repeat: no-repeat;
  background-size: 10px;
  background-color: var(--tutor-color-primary);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 9'%3e%3cpath d='M.436496 4.58374C.391263 4.5367.355238 4.4816.330285 4.4213c-.049755-.13438-.049755-.28214 0-.41652a.499923.499923 0 01.106211-.16244l.753894-.72265c.04436-.05197.09989-.09326.16244-.12079.06021-.02724.1255-.04143.19159-.04165.07162-.00139.14269.01282.20826.04165.06482.02883.1235.06983.17285.12079L4.1997 5.39802 9.08124.516483c.04802-.050643.10527-.091641.16869-.120789.06572-.028338.13668-.042529.20825-.041652a.472749.472749 0 01.19453.043062c.06105.02801.11542.068706.15951.119379l.75388.733067c.0457.04668.0818.10187.1062.16244.0498.13438.0498.28213 0 .41651-.0249.0603-.061.1154-.1062.16244L4.56623 7.95958c-.04471.05213-.10011.09403-.16244.12287-.13338.05508-.28314.05508-.41651 0-.06233-.02884-.11773-.07074-.16244-.12287L.436496 4.58374z' fill='%23fff'/%3e%3c/svg%3e");
}
.tutor-modal-steps ul li.tutor-is-completed .tutor-modal-step-btn:before {
  background-color: var(--tutor-color-primary);
}
.tutor-modal-steps ul li:first-child .tutor-modal-step-btn:after,
.tutor-modal-steps ul li:last-child .tutor-modal-step-btn:after {
  content: "";
  background-color: var(--l2l-surface-0);
  width: 100px;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  right: 100%;
}
.tutor-modal-steps ul li:last-child .tutor-modal-step-btn:after {
  left: 100%;
  right: auto;
}
.tutor-quiz-item {
  background: var(--l2l-surface-0);
  border-radius: 6px;
  display: flex;
}
.tutor-quiz-item .tutor-quiz-item-label {
  flex-grow: 1;
  align-items: flex-start;
  min-width: 0;
  display: inline-flex;
}
.tutor-quiz-item .tutor-quiz-item-label .tutor-quiz-item-name {
  margin: 0;
  padding: 9px 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
.tutor-quiz-item .tutor-quiz-item-label .tutor-quiz-item-draggable {
  color: var(--tutor-color-muted);
  cursor: move;
  padding: 0 15px 0 13px;
  line-height: 42px;
}
.tutor-quiz-item .tutor-quiz-item-action {
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 3px;
  display: inline-flex;
}
.tutor-quiz-item .tutor-quiz-item-action .tutor-quiz-item-type {
  align-items: center;
  width: 165px;
  padding-right: 10px;
  font-size: 13px;
  line-height: 42px;
  display: inline-flex;
}
.tutor-radio-select {
  background: var(--l2l-surface-0);
  cursor: pointer;
  border-radius: 6px;
  padding: 13px;
  display: flex;
}
.tutor-radio-select .tutor-form-check-input {
  width: 19px;
  height: 19px;
  margin-top: 4px;
}
.tutor-radio-select .tutor-radio-select-content {
  color: var(--tutor-color-muted);
  padding-left: 12px;
  font-size: 13px;
  line-height: 18px;
}
.tutor-radio-select .tutor-radio-select-content .tutor-radio-select-title {
  color: var(--l2l-text);
  font-size: 15px;
  line-height: 24px;
  display: block;
}
.tutor-radio-select .tutor-radio-select-content a {
  color: var(--tutor-color-primary);
  text-decoration: none;
}
.tutor-radio-select .tutor-radio-select-content a:hover {
  color: var(--tutor-color-primary-hover);
}
.tutor-modal .tutor-alert {
  padding: 8px 12px;
}
.tutor-modal .tutor-alert.tutor-warning {
  background-color: rgba(var(--tutor-color-warning), 0.15);
  color: var(--tutor-color-warning);
  border-color: rgba(var(--tutor-color-warning), 0.3);
  text-align: left;
}
.tutor-modal-ins-approval .tutor-modal-root {
  width: 634px;
}
.tutor-modal-ins-approval .tutor-modal-buttons .tutor-btn {
  max-width: 280px;
}
.tutor-modal-ins-approval .tutor-avatar {
  width: 100px;
  height: 100px;
}
.tutor-modal-ins-approval .tutor-avatar img {
  object-fit: cover;
}
.tutor-modal-ins-approval .tutor-modal-buttons {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 575.98px) {
  .tutor-modal .tutor-btn:not(.tutor-is-icon-btn) {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    height: auto !important;
    padding: 6px 20px !important;
  }
}
.tutor-modal.tutor-login-modal .tutor-modal-root .tutor-modal-body {
  align-items: unset;
  padding: 50px 57px;
}
.tutor-modal.tutor-login-modal
  .tutor-modal-root
  .tutor-modal-body
  .tutor-form-check
  label {
  color: var(--tutor-color-muted);
}
.tutor-meta {
  align-items: center;
  gap: 16px;
  display: flex;
}
.tutor-meta > * {
  color: var(--tutor-color-hints);
  font-size: 14px;
  line-height: 1.6;
}
.tutor-meta-value,
.tutor-meta a {
  color: var(--l2l-text);
  font-weight: 500;
}
.tutor-meta a {
  text-decoration: none;
}
.tutor-meta a:hover,
.tutor-meta a:focus,
.tutor-meta a:active {
  color: var(--tutor-color-primary);
  outline: 0;
  text-decoration: none;
}
.tutor-meta-icon {
  margin-right: 4px;
  line-height: 1.6;
}
.tutor-wp-dashboard-filter {
  gap: 30px;
}
@media (max-width: 1300px) {
  .tutor-wp-dashboard-filter {
    flex-wrap: wrap;
    margin-top: 40px;
  }
}
@media (max-width: 575.98px) {
  .tutor-wp-dashboard-filter {
    flex-direction: row;
    display: block !important;
  }
  .tutor-wp-dashboard-filter-items {
    display: block !important;
  }
  .tutor-wp-dashboard-filter-items .tutor-input-group {
    width: 100% !important;
    max-width: 100% !important;
  }
  .tutor-wp-dashboard-filter-item {
    margin-top: 20px;
  }
}
.tutor-wp-dashboard-filter .tutor-form-select-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  max-width: 200px;
  display: inline-block;
  overflow: hidden;
}
.tutor-wp-dashboard-filter .tutor-wp-dashboard-filter-items {
  gap: 24px;
}
.tutor-wp-dashboard-filter .tutor-wp-dashboard-filter-items .tutor-form-label {
  color: var(--tutor-color-secondary);
}
.tutor-wp-dashboard-header {
  border-bottom: 1px solid var(--l2l-border);
  margin-bottom: 24px;
}
.tutor-wp-dashboard-header-inner {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}
.tutor-wp-dashboard-header-title {
  color: var(--l2l-text);
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
}
.tutor-wp-dashboard-course-filter {
  align-items: start;
  gap: 24px;
  display: flex;
}
@media (max-width: 575.98px) {
  .tutor-wp-dashboard-course-filter {
    flex-direction: column;
    gap: 16px;
  }
}
body:not(.rtl)
  .tutor-wp-dashboard-course-filter
  .tutor-wp-dashboard-filter-right.tutor-flex-column
  .tutor-wp-dashboard-filter-tag-dropdown:last-child
  .tutor-form-select-dropdown {
  left: auto;
  right: 0;
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filter-order {
  color: var(--l2l-text-subtle);
  border: 1px solid var(--tutor-border-color);
  cursor: pointer;
  background-color: var(--l2l-surface-0);
  border-radius: 6px;
  padding: 12px;
  font-size: 14px;
  line-height: 1.5;
  transition: all 0.25s ease-in-out;
  display: flex;
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filter-order i {
  transition: background-color 0.25s ease-in-out;
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filter-order:hover {
  background-color: var(--l2l-surface-1);
  border-color: var(--l2l-border-subtle);
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filter-order:hover i {
  color: var(--tutor-color-primary);
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filters {
  position: relative;
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filters-button {
  color: var(--l2l-text);
  border: 1px solid var(--tutor-border-color);
  cursor: pointer;
  background-color: var(--l2l-surface-0);
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 14px;
  transition: all 0.25s ease-in-out;
  display: flex;
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filters-button.active {
  padding: 4px 6px 4px 12px;
}
.rtl
  .tutor-wp-dashboard-course-filter
  .tutor-wp-dashboard-filters-button.active {
  padding: 4px 12px 4px 6px;
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filters-button i {
  color: var(--l2l-text-subtle);
  transition: background-color 0.25s ease-in-out;
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filters-button:hover {
  background-color: var(--l2l-surface-1);
  border-color: var(--l2l-border-subtle);
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filters-button:hover i {
  color: var(--tutor-color-primary);
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filters-line {
  background: var(--l2l-surface-1);
  border-radius: 4px;
  width: 1px;
  height: 24px;
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filters-count {
  width: 30px;
  height: 30px;
  color: var(--tutor-color-primary);
  background-color: var(--l2l-surface-2);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filters .tutor-dropdown {
  border: none;
  border-radius: 6px;
  min-width: 266px;
  padding: 16px;
  top: calc(100% + 2px);
}
.tutor-wp-dashboard-course-filter
  .tutor-wp-dashboard-filters
  .tutor-form-label {
  margin-bottom: 4px;
  font-weight: 400;
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filter-tag-wrapper {
  align-items: center;
  gap: 8px;
  display: flex;
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filter-tag-dropdown {
  background-color: var(--l2l-surface-0);
  border-radius: 4px;
  align-items: center;
  display: flex;
}
.tutor-wp-dashboard-course-filter
  .tutor-wp-dashboard-filter-tag-dropdown
  select.tutor-form-control {
  width: 100px !important;
}
.tutor-wp-dashboard-course-filter
  .tutor-wp-dashboard-filter-tag-dropdown
  .tutor-form-select {
  color: var(--l2l-text-muted) !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  min-width: auto !important;
  font-size: 14px !important;
  line-height: 24px !important;
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filter-tag-dropdown a {
  color: var(--l2l-text-subtle);
  width: 40px;
  height: 40px;
  transition: color 0.25 ease-in-out;
  border-left: 1px solid var(--l2l-border);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
}
.rtl
  .tutor-wp-dashboard-course-filter
  .tutor-wp-dashboard-filter-tag-dropdown
  a {
  border-left: none;
  border-right: 1px solid var(--l2l-border);
}
.tutor-wp-dashboard-course-filter
  .tutor-wp-dashboard-filter-tag-dropdown
  a:hover {
  color: var(--tutor-color-primary);
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filter-tag {
  color: var(--tutor-color-secondary);
  text-transform: capitalize;
  background-color: var(--l2l-surface-0);
  border-radius: 4px;
  align-items: center;
  padding-left: 12px;
  font-size: 14px;
  line-height: 18px;
  display: flex;
}
.rtl .tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filter-tag {
  padding-left: 0;
  padding-right: 12px;
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filter-tag a {
  color: var(--l2l-text-subtle);
  width: 40px;
  height: 40px;
  transition: color 0.25 ease-in-out;
  border-left: 1px solid var(--l2l-border);
  justify-content: center;
  align-items: center;
  display: flex;
}
.tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filter-tag a:hover {
  color: var(--tutor-color-primary);
}
.rtl .tutor-wp-dashboard-course-filter .tutor-wp-dashboard-filter-tag a {
  border-left: none;
  border-right: 1px solid var(--l2l-border);
}
.tutor-wp-dashboard-course-filter
  .tutor-wp-dashboard-filter-tag
  .tutor-v2-date-picker
  input.tutor-form-control {
  background-color: transparent;
  width: 90px;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
}
.tutor-wp-dashboard-course-filter
  .tutor-wp-dashboard-filter-tag
  .tutor-v2-date-picker
  .tutor-form-icon {
  display: none;
}
.tutor-course-details-header a {
  text-decoration: none;
}
@media (min-width: 992px) {
  .tutor-course-details-title {
    max-width: 80%;
  }
}
.tutor-course-details-page-main .plyr--video,
.tutor-course-details-page-main .tutor-course-thumbnail img,
.tutor-course-details-page-main .tutor-video-player {
  border-radius: 6px;
  overflow: hidden;
}
@media (min-width: 800px) {
  .tutor-course-details-page .tutor-course-details-tab .tutor-is-sticky {
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    z-index: 500;
    background: var(--l2l-surface-3);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  .admin-bar .tutor-course-details-tab .tutor-is-sticky {
    top: 32px;
  }
}
.tutor-course-details-widget ul {
  margin: 0;
  padding: 0;
}
.tutor-course-details-widget-list {
  margin-top: 16px;
}
.tutor-course-details-widget-tags {
  margin-left: -16px;
}
.tutor-course-details-widget-tags .tutor-tag-list li a {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .tutor-course-details-widget-col-2 ul {
    flex-flow: wrap;
    justify-content: space-between;
    display: flex;
  }
  .tutor-course-details-widget-col-2 ul > li {
    width: calc(50% - 1.2rem);
  }
}
.tutor-course-sidebar-card {
  border: 1px solid var(--tutor-border-color);
  border-radius: 6px;
  position: relative;
}
.tutor-course-sidebar-card-footer {
  border-top: 1px solid var(--tutor-border-color);
}
.tutor-course-sidebar-card-meta-list li > div {
  flex-basis: 50%;
  justify-content: flex-start;
  max-width: 50%;
}
.tutor-course-sidebar-card-meta-list li:not(:last-child) {
  margin-bottom: 9px;
}
.tutor-course-sidebar-card .tutor-alert .tutor-alert-text {
  align-items: flex-start;
}
.tutor-course-sidebar-card .tutor-alert .tutor-alert-icon {
  margin-top: -4px;
}
.tutor-course-sidebar-card-membership-plan {
  border-color: rgba(var(--tutor-color-primary), 0.2);
}
.tutor-course-sidebar-card-membership-plan-badge {
  position: absolute;
  top: -1px;
  right: 30px;
}
.tutor-course-sidebar-card-membership-plan-badge.badge-left {
  right: unset;
  left: 30px;
}
.tutor-course-sidebar-card-membership-plan.badge-triangle-ribbon {
  position: relative;
}
.tutor-course-sidebar-card-membership-plan.badge-triangle-ribbon:before {
  content: "";
  color: var(--l2l-text-inverse);
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  background: var(--l2l-secondary)
    url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.91728 2.33301C6.98861 2.33348 7.05929 2.34669 7.12598 2.37202C7.19764 2.39504 7.26396 2.43218 7.32103 2.48125C7.37943 2.53622 7.4259 2.60261 7.45756 2.6763L8.63177 5.06371L11.2884 5.45381C11.3645 5.46335 11.4377 5.4893 11.5029 5.52988C11.565 5.56953 11.6214 5.61743 11.6707 5.67227C11.7124 5.7317 11.744 5.7976 11.7643 5.86732C11.7833 5.93195 11.7931 5.99891 11.7935 6.06627C11.7945 6.13854 11.7784 6.21002 11.7467 6.27497C11.7144 6.33838 11.6722 6.3963 11.6219 6.44662L9.68894 8.33276L10.1454 10.9893C10.1601 11.0601 10.1601 11.1331 10.1454 11.2039C10.1292 11.2731 10.1015 11.339 10.0634 11.3989C10.0277 11.4611 9.97919 11.515 9.92105 11.5569C9.80242 11.6419 9.65634 11.6795 9.51144 11.6623C9.4421 11.6521 9.37565 11.6275 9.31639 11.5901L6.91728 10.3515L4.52596 11.5901C4.4667 11.6275 4.40025 11.6521 4.33091 11.6623C4.18602 11.6795 4.03993 11.6419 3.9213 11.5569C3.86317 11.515 3.81463 11.4611 3.77892 11.3989C3.74081 11.339 3.71311 11.2731 3.69699 11.2039C3.68227 11.1331 3.68227 11.0601 3.69699 10.9893L4.15341 8.33276L2.21266 6.45637C2.16394 6.40236 2.12381 6.34118 2.09368 6.27497C2.06362 6.20917 2.04578 6.13846 2.04102 6.06627C2.04088 5.99695 2.05074 5.92798 2.07027 5.86147C2.09099 5.79005 2.12618 5.72366 2.17365 5.66642C2.21755 5.61005 2.27103 5.56185 2.33164 5.52403C2.39717 5.48522 2.4704 5.46125 2.5462 5.45381L5.20278 5.06371L6.39259 2.66459C6.42351 2.59437 6.46945 2.53179 6.52717 2.48125C6.58425 2.43218 6.65057 2.39504 6.72223 2.37202C6.78461 2.34823 6.85054 2.33505 6.91728 2.33301V2.33301Z' fill='white'/%3E%3C/svg%3E%0A")
    90% 10%/12px no-repeat;
  border-radius: 0 5px 0 0;
  width: 26px;
  height: 26px;
  transition: all 0.2s;
  position: absolute;
  top: -1px;
  right: -1px;
}
.tutor-course-sidebar-card-pick-plan-label {
  cursor: pointer;
  align-items: center;
  display: grid;
  position: relative;
}
.tutor-course-sidebar-card-pick-plan-label input[type="radio"] {
  border: 2px solid var(--tutor-border-color);
  z-index: 1;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 20px;
}
.tutor-course-sidebar-card-pick-plan-label
  input[type="radio"]:checked
  ~ .tutor-course-sidebar-card-pick-plan-input {
  background: rgba(var(--tutor-color-primary), 0.15);
  border-color: var(--tutor-color-primary);
}
.tutor-course-sidebar-card-pick-plan-label
  input[type="radio"]:checked
  ~ .tutor-course-sidebar-card-pick-plan-input:before {
  opacity: 1;
}
.tutor-course-sidebar-card-pick-plan-input {
  grid-gap: 10px;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 16px 20px 16px 48px;
  transition: all 0.4s;
  display: grid;
  position: relative;
}
.tutor-course-sidebar-card-pick-plan-input:before {
  content: "";
  color: var(--l2l-text-inverse);
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  opacity: 0;
  background: var(--l2l-secondary)
    url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.91728 2.33301C6.98861 2.33348 7.05929 2.34669 7.12598 2.37202C7.19764 2.39504 7.26396 2.43218 7.32103 2.48125C7.37943 2.53622 7.4259 2.60261 7.45756 2.6763L8.63177 5.06371L11.2884 5.45381C11.3645 5.46335 11.4377 5.4893 11.5029 5.52988C11.565 5.56953 11.6214 5.61743 11.6707 5.67227C11.7124 5.7317 11.744 5.7976 11.7643 5.86732C11.7833 5.93195 11.7931 5.99891 11.7935 6.06627C11.7945 6.13854 11.7784 6.21002 11.7467 6.27497C11.7144 6.33838 11.6722 6.3963 11.6219 6.44662L9.68894 8.33276L10.1454 10.9893C10.1601 11.0601 10.1601 11.1331 10.1454 11.2039C10.1292 11.2731 10.1015 11.339 10.0634 11.3989C10.0277 11.4611 9.97919 11.515 9.92105 11.5569C9.80242 11.6419 9.65634 11.6795 9.51144 11.6623C9.4421 11.6521 9.37565 11.6275 9.31639 11.5901L6.91728 10.3515L4.52596 11.5901C4.4667 11.6275 4.40025 11.6521 4.33091 11.6623C4.18602 11.6795 4.03993 11.6419 3.9213 11.5569C3.86317 11.515 3.81463 11.4611 3.77892 11.3989C3.74081 11.339 3.71311 11.2731 3.69699 11.2039C3.68227 11.1331 3.68227 11.0601 3.69699 10.9893L4.15341 8.33276L2.21266 6.45637C2.16394 6.40236 2.12381 6.34118 2.09368 6.27497C2.06362 6.20917 2.04578 6.13846 2.04102 6.06627C2.04088 5.99695 2.05074 5.92798 2.07027 5.86147C2.09099 5.79005 2.12618 5.72366 2.17365 5.66642C2.21755 5.61005 2.27103 5.56185 2.33164 5.52403C2.39717 5.48522 2.4704 5.46125 2.5462 5.45381L5.20278 5.06371L6.39259 2.66459C6.42351 2.59437 6.46945 2.53179 6.52717 2.48125C6.58425 2.43218 6.65057 2.39504 6.72223 2.37202C6.78461 2.34823 6.85054 2.33505 6.91728 2.33301V2.33301Z' fill='white'/%3E%3C/svg%3E%0A")
    90% 10%/12px no-repeat;
  border-radius: 0 5px 0 0;
  width: 26px;
  height: 26px;
  transition: all 0.2s;
  position: absolute;
  top: -1px;
  right: -1px;
}
.tutor-course-sidebar-card-pick-plan.has-input-expandable
  .tutor-course-sidebar-card-pick-plan-label
  input[type="radio"] {
  top: 24px;
}
.tutor-course-sidebar-card-pick-plan.has-input-expandable
  .tutor-course-sidebar-card-pick-plan-input {
  padding-left: 16px;
  display: block;
}
.tutor-course-sidebar-card-pick-plan.has-input-expandable
  .tutor-course-sidebar-card-pick-plan-input
  .input-plan {
  grid-gap: 10px;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 0 16px 0 40px;
  transition: all 0.4s;
  display: grid;
  position: relative;
}
.tutor-course-sidebar-card-pick-plan.has-input-expandable
  .tutor-course-sidebar-card-pick-plan-input
  .input-plan-details {
  max-height: 0;
  transition: max-height 0.25s linear;
  overflow: hidden;
}
.tutor-course-sidebar-card-pick-plan.has-input-expandable
  .tutor-course-sidebar-card-pick-plan-input
  .input-plan-details
  > :first-child {
  margin-top: 17px;
}
.tutor-course-details-page ul.tutor-course-details-widget-list {
  padding: 0;
  list-style: none;
}
.tutor-course-details-page .tutor-course-thumbnail img {
  width: 100%;
  max-height: 100%;
}
@media (min-width: 992px) {
  .tutor-course-details-page-main {
    grid-gap: 32px;
    grid-template-columns: 8fr 4fr;
    display: grid;
  }
}
@media (min-width: 1200px) {
  .tutor-course-details-page-main {
    grid-gap: 54px;
  }
}
.tutor-course-content-list {
  margin: 0 -16px;
  padding: 0;
  list-style: none;
}
.tutor-course-content-list-item {
  background-color: var(--l2l-surface-0);
  justify-content: space-between;
  align-items: start;
  gap: 8px;
  padding: 8px 16px;
  font-size: 16px;
  transition: background-color 0.3s ease-in;
  display: flex;
}
.tutor-course-content-list-item:last-child {
  border-radius: 0 0 6px 6px;
}
.tutor-course-content-list-item:hover {
  background-color: var(--l2l-surface-1);
}
.tutor-course-content-list-item-title {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.tutor-course-content-list-item-title a {
  color: inherit;
}
.tutor-course-content-list-item-icon {
  color: rgba(var(--l2l-text-rgb), 0.35);
}
.tutor-review-summary-average-rating {
  color: var(--l2l-text);
  font-size: 80px;
  font-weight: 500;
  line-height: 81px;
}
.tutor-review-summary-rating:not(:last-child) {
  margin-bottom: 8px;
}
.tutor-quesanswer-askquestion textarea.tutor-form-control {
  min-height: 72px;
}
.tutor-quesanswer-commentlist {
  list-style: none;
}
.tutor-quesanswer-commentlist .commentlist-comment {
  border-radius: 6px;
  position: relative;
}
.tutor-quesanswer-commentlist .commentlist-comment > * {
  z-index: 1;
  position: relative;
}
.tutor-quesanswer-commentlist .commentlist-comment:before {
  content: "";
  background: inherit;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
  clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
  border-radius: 3px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -5px;
  left: 15px;
  transform: rotate(45deg);
}
.tutor-quesanswer-commentlist .commentlist-comment:after {
  content: "";
  background: var(--l2l-surface-0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tutor-quesanswer-commentlist .commentlist-comment:before,
.tutor-quesanswer-commentlist .commentlist-comment:after {
  opacity: 0.5;
}
.tutor-quesanswer-commentlist-item-reply .commentlist-comment:before {
  left: unset;
  right: 15px;
}
.tutor-announcement {
  border: 1px solid var(--tutor-border-color);
  border-radius: 6px;
  overflow: hidden;
}
.tutor-emptystate img {
  max-width: 100%;
}
.tutor-gradebook-finalgrade {
  box-sizing: border-box;
  background: var(--l2l-surface-1);
  border: 1px solid var(--l2l-border);
  border-radius: 6px;
}
.tutor-gradebook-grade-badge {
  width: 38px;
  height: 38px;
  color: var(--tutor-color-primary);
  border: 1px solid var(--tutor-color-primary);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 1.4px;
  display: inline-flex;
}
.tutor-gradebook-grade-badge-lg {
  width: 64px;
  height: 64px;
  font-size: 28px;
  font-weight: 700;
}
.tutor-course-card {
  height: 100%;
}
.tutor-course-card .tutor-card-body {
  flex-flow: column;
  display: flex;
}
.tutor-course-card .tutor-course-bookmark {
  position: absolute;
  top: 12px;
  right: 12px;
}
.tutor-course-card .tutor-course-co-author-badge {
  color: var(--l2l-text-inverse);
  background: var(--l2l-secondary);
  border-radius: 4px;
  padding: 0 7px;
  font-size: 10px;
  position: absolute;
  top: 9px;
  right: 10px;
}
.tutor-course-card .tutor-course-difficulty-level {
  background: var(--tutor-color-primary);
  color: var(--l2l-text-inverse);
  border-radius: 50px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  position: absolute;
  top: 12px;
  left: 12px;
}
.tutor-course-card .tutor-course-name {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}
.tutor-course-card .tutor-course-name,
.tutor-course-card .tutor-course-name a {
  color: var(--l2l-text);
}
.tutor-course-card .tutor-course-name a:hover {
  color: var(--tutor-color-primary);
}
.tooltip-wrap {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.tooltip-wrap.tooltip-icon {
  color: var(--tutor-color-muted);
  margin-left: 4px;
}
.tooltip-wrap .tooltip-txt {
  background: var(--l2l-text);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 208px;
  color: var(--text-inverse);
  text-align: center;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  padding: 10px 15px;
  transition: all 0.2s ease-in;
  position: absolute;
}
.tooltip-wrap:hover .tooltip-txt {
  opacity: 1;
  visibility: visible;
  -webkit-filter: blur();
  filter: blur();
}
.tooltip-wrap .tooltip-top {
  bottom: calc(100% + 8px);
}
.tooltip-wrap .tooltip-top:after {
  border-top-color: var(--l2l-text);
  margin-left: -5px;
  top: 100%;
  left: 50%;
}
.tooltip-wrap .tooltip-bottom {
  top: calc(100% + 8px);
}
.tooltip-wrap .tooltip-bottom:after {
  border-bottom-color: var(--l2l-text);
  margin-left: -5px;
  bottom: 100%;
  left: 50%;
}
.tooltip-wrap .tooltip-top,
.tooltip-wrap .tooltip-bottom {
  left: 50%;
  transform: translate(-50%);
}
.tooltip-wrap .tooltip-left,
.tooltip-wrap .tooltip-right {
  top: -5px;
}
.tooltip-wrap .tooltip-left:after,
.tooltip-wrap .tooltip-right:after {
  margin-top: -5px;
  top: 18px;
}
.tooltip-wrap .tooltip-left.arrow-center,
.tooltip-wrap .tooltip-right.arrow-center {
  top: 50%;
  transform: translateY(-50%);
}
.tooltip-wrap .tooltip-left.arrow-center:after,
.tooltip-wrap .tooltip-right.arrow-center:after {
  margin-top: unset;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip-wrap .tooltip-right {
  left: calc(100% + 8px);
}
.tooltip-wrap .tooltip-right:after {
  border-right-color: var(--l2l-text);
  right: 100%;
}
.tooltip-wrap .tooltip-left {
  right: calc(100% + 8px);
}
.tooltip-wrap .tooltip-left:after {
  border-left-color: var(--l2l-text);
  left: 100%;
}
.tooltip-wrap .tooltip-top {
  transform: translate(-50%) translateY(-2px);
}
.tooltip-wrap .tooltip-bottom {
  transform: translate(-50%) translateY(2px);
}
.tooltip-wrap .tooltip-right {
  transform: translate(2px);
}
.tooltip-wrap .tooltip-left {
  transform: translate(-2px);
}
.tooltip-wrap:hover .tooltip-top,
.tooltip-wrap:hover .tooltip-bottom {
  transform: translate(-50%) translateY(0);
}
.tooltip-wrap:hover .tooltip-right,
.tooltip-wrap:hover .tooltip-left {
  transform: translate(0);
}
.tooltip-wrap:hover .arrow-center.tooltip-right,
.tooltip-wrap:hover .arrow-center.tooltip-left {
  transform: translateY(-50%) translate(0);
}
.tooltip-wrap .arrow-center.tooltip-right {
  transform: translateY(-50%) translate(2px);
}
.tooltip-wrap .arrow-center.tooltip-left {
  transform: translateY(-50%) translate(-2px);
}
.tutor-download-certificate {
  max-width: 750px;
  margin: auto;
  display: grid;
}
.tutor-certificate-demo {
  max-width: 730px;
  height: auto;
  overflow: hidden;
}
.tutor-certificate-demo img {
  width: 100%;
}
.tutor-certificate-info {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
@media (max-width: 650px) {
  .tutor-certificate-info {
    grid-template-columns: repeat(2, 1fr);
  }
  .tutor-certificate-info .tutor-info-issued,
  .tutor-certificate-info .tutor-info-issued-date {
    padding-top: 10px;
  }
  .tutor-certificate-info .tutor-info-id-name,
  .tutor-certificate-info .tutor-info-expiration-name,
  .tutor-certificate-info .tutor-info-issued-name,
  .tutor-certificate-info .tutor-info-date-name {
    font-size: 13px;
  }
  .tutor-certificate-info .tutor-info-id-details,
  .tutor-certificate-info .tutor-info-expiration-value,
  .tutor-certificate-info .tutor-info-issued-value,
  .tutor-certificate-info .tutor-info-date-details {
    font-size: 18px;
  }
}
@media (max-width: 400px) {
  .tutor-certificate-info {
    grid-template-columns: repeat(1, 1fr);
  }
  .tutor-certificate-info .tutor-info-expiration {
    padding-top: 10px;
  }
}
.tutor-dc-button-group {
  position: absolute;
  top: 210px;
  right: 20px;
}
@media (min-width: 992px) {
  .tutor-download-certificate {
    padding-top: 100px;
    padding-bottom: 200px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .tutor-dc-button-group {
    top: 200px;
  }
}
@media (max-width: 991px) {
  .tutor-dc-button-group {
    top: 125px;
    right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .tutor-certificate-demo {
    max-width: 570px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .tutor-certificate-demo {
    max-width: 420px;
  }
}
@media (max-width: 576px) {
  .tutor-certificate-demo {
    max-width: 82%;
  }
}
.tutor-dc-button-group .tooltip-txt.tooltip-left {
  top: unset;
  right: calc(100% + 19px);
}
.tutor-app-process-image {
  max-width: 920px;
  height: auto;
  overflow: hidden;
}
.tutor-app-process-image img {
  border-radius: 10px;
  width: 100%;
}
.tutor-ins-app-title {
  max-width: 570px;
}
@media (max-width: 767px) {
  span.tutor-app-process-title {
    font-size: 28px;
  }
  span.tutor-app-process-subtitle {
    font-size: 16px;
  }
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before {
  content: "";
  border: 3px solid var(--l2l-border);
  border-width: 3px 3px 0 0;
  width: 9px;
  height: 9px;
  display: block;
  position: absolute;
  top: 6px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  width: 0;
  margin-left: -4px;
  position: absolute;
}
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:after {
  box-sizing: content-box;
  content: "";
  z-index: -1;
  border: 8px solid transparent;
  width: 1px;
  height: 0;
  position: absolute;
  left: -8px;
}
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:before {
  border-bottom-color: var(--l2l-border-subtle);
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  margin-top: -8px;
  top: 0;
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:after {
  border-top: none;
  border-bottom-color: var(--l2l-border);
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:after {
  top: 0;
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle:before {
  border-bottom-color: var(--l2l-border-subtle);
  top: -1px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
  margin-bottom: -8px;
  bottom: 0;
}
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:after {
  border-top-color: var(--l2l-border);
  border-bottom: none;
}
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle:before {
  border-top-color: var(--l2l-border-subtle);
  bottom: -1px;
}
.react-datepicker-wrapper {
  border: 0;
  width: 100%;
  padding: 0;
  display: inline-block;
}
.react-datepicker {
  color: var(--l2l-text);
  background-color: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border-subtle);
  border-radius: 0.3rem;
  font-family: Helvetica Neue, helvetica, arial, sans-serif;
  font-size: 0.8rem;
  display: inline-block;
  position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^="bottom"] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement="bottom-end"]
  .react-datepicker__triangle,
.react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^="top"] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^="right"] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.react-datepicker__header {
  text-align: center;
  background-color: var(--l2l-surface-0);
  border-bottom: 1px solid var(--l2l-border-subtle);
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  margin: 0 2px;
  display: inline-block;
}
.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  color: var(--l2l-text);
  margin-top: 0;
  font-size: 0.944rem;
  font-weight: 700;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  text-align: center;
  cursor: pointer;
  z-index: 1;
  text-indent: -999em;
  background: 0 0;
  border: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 2px;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(
    .react-datepicker__navigation--next--with-today-button
  ) {
  right: 85px;
}
.react-datepicker__navigation--years {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 0;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover :before {
  border-color: var(--l2l-border-subtle);
}
.react-datepicker__navigation-icon {
  width: 0;
  font-size: 20px;
  position: relative;
  top: -1px;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next:before {
  left: -7px;
  transform: rotate(45deg);
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous:before {
  right: -7px;
  transform: rotate(225deg);
}
.tutor-react-datepicker .react-datepicker-popper {
  z-index: 99999;
}
.tutor-react-datepicker .datepicker-header-custom {
  justify-content: space-between;
  gap: 2px;
  margin: 0;
  display: flex;
}
.tutor-react-datepicker .dropdown-container {
  position: relative;
}
.tutor-react-datepicker .dropdown-container .dropdown-label {
  color: var(--l2l-text);
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  padding: 8px 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}
.tutor-react-datepicker .dropdown-container .dropdown-label:hover {
  color: var(--tutor-color-primary);
  background: rgba(var(--tutor-color-primary-rgb), 0.15);
}
.tutor-react-datepicker .dropdown-container .dropdown-label:hover > svg path {
  stroke: var(--tutor-color-primary);
}
.tutor-react-datepicker .dropdown-container > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tutor-react-datepicker .dropdown-container .dropdown-list {
  text-align: left;
  box-sizing: border-box;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  --scrollbarBG: rgba(205, 207, 213, 0);
  --thumbBG: #d2dbf5;
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border-subtle);
  border-radius: 6px;
  min-width: 71px;
  max-width: 112px;
  min-height: 200px;
  max-height: 258px;
  transition: all 0.2s ease-out;
  position: absolute;
  top: calc(100% - 8px);
  left: 50%;
  overflow-y: auto;
  transform: translate(-50%) translateY(-4px);
  box-shadow: 0 10px 14px rgba(0, 0, 0, 0.12);
}
.tutor-react-datepicker .dropdown-container .dropdown-list::-webkit-scrollbar {
  width: 4px;
}
.tutor-react-datepicker
  .dropdown-container
  .dropdown-list::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.tutor-react-datepicker
  .dropdown-container
  .dropdown-list::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 30px;
}
.tutor-react-datepicker .dropdown-container .dropdown-list li {
  color: var(--l2l-text);
  padding: 4px 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 160%;
}
.tutor-react-datepicker .dropdown-container .dropdown-list li:hover {
  color: var(--tutor-color-primary);
  cursor: pointer;
  background: var(--l2l-surface-1);
}
.tutor-react-datepicker .dropdown-container .dropdown-list li.is-current {
  color: var(--l2l-text-inverse);
  background: var(--tutor-color-primary);
}
.tutor-react-datepicker .dropdown-container.dropdown-months .dropdown-list li {
  padding: 4px 14px;
}
.tutor-react-datepicker .dropdown-container.is-active .dropdown-list {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%) translateY(0);
}
.tutor-react-datepicker .dropdown-container.is-active .dropdown-label {
  color: var(--tutor-color-primary);
  background: rgba(var(--tutor-color-primary-rgb), 0.15);
}
.tutor-react-datepicker
  .dropdown-container.is-active
  .dropdown-label
  > svg
  path {
  stroke: var(--tutor-color-primary);
}
.tutor-react-datepicker .navigation-icon {
  gap: 2px;
  display: flex;
}
.tutor-react-datepicker .navigation-icon button {
  cursor: pointer;
  background: 0 0;
  border: none;
  outline: none;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  display: flex;
  position: relative;
}
.tutor-react-datepicker .navigation-icon button:hover > svg path {
  fill: var(--tutor-color-primary);
}
.tutor-react-datepicker .react-datepicker {
  border: 1px solid var(--tutor-border-color);
  box-sizing: border-box;
  background: var(--l2l-surface-0);
  border-radius: 6px;
  min-width: 350px;
  display: flex;
  box-shadow: 0 6px 20px rgba(28, 49, 104, 0.1);
}
.tutor-react-datepicker .react-datepicker__custom-wrapper {
  width: 100%;
}
.tutor-react-datepicker .react-datepicker__month-container {
  float: unset;
  width: 100%;
  min-width: 348px;
}
.tutor-react-datepicker .react-datepicker__header {
  background: 0 0;
  border-bottom: none;
  padding: 0;
}
.tutor-react-datepicker .react-datepicker__week:not(:first-child) {
  margin-top: 15px;
}
.tutor-react-datepicker .react-datepicker__day-names,
.tutor-react-datepicker .react-datepicker__week {
  justify-content: space-between;
  display: flex;
}
.tutor-react-datepicker .react-datepicker__day-name {
  text-align: center;
  color: var(--l2l-text-subtle);
  font-size: 13px;
  font-weight: 400;
  line-height: 138%;
}
.tutor-react-datepicker .react-datepicker__day {
  cursor: pointer;
  text-align: center;
  color: var(--l2l-text-muted);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 160%;
  transition: all 0.1s;
  display: flex;
}
.tutor-react-datepicker
  .react-datepicker__day:not(
    :-webkit-any(
        .react-datepicker__day--keyboard-selected,
        .react-datepicker__day--selected,
        .react-datepicker__day--range-start,
        .react-datepicker__day--in-range
      )
  ):hover {
  color: var(--l2l-text-muted);
  background: var(--l2l-surface-1);
  box-shadow: 0 0 0 1px #d2dbf5;
}
.tutor-react-datepicker
  .react-datepicker__day:not(
    :-moz-any(
        .react-datepicker__day--keyboard-selected,
        .react-datepicker__day--selected,
        .react-datepicker__day--range-start,
        .react-datepicker__day--in-range
      )
  ):hover {
  color: var(--l2l-text-muted);
  background: var(--l2l-surface-1);
  box-shadow: 0 0 0 1px #d2dbf5;
}
.tutor-react-datepicker
  .react-datepicker__day:not(
    :is(
        .react-datepicker__day--keyboard-selected,
        .react-datepicker__day--selected,
        .react-datepicker__day--range-start,
        .react-datepicker__day--in-range
      )
  ):hover {
  color: var(--l2l-text-muted);
  background: var(--l2l-surface-1);
  box-shadow: 0 0 0 1px #d2dbf5;
}
.tutor-react-datepicker .react-datepicker__day--selected {
  background: var(--tutor-color-primary);
  color: #fff;
}
.tutor-react-datepicker .react-datepicker__day--keyboard-selected {
  background: rgba(var(--tutor-color-primary-rgb), 0.8);
  color: #fff;
}
.tutor-react-datepicker .react-datepicker__day-names {
  margin: 26px 0 0;
}
.tutor-react-datepicker .react-datepicker__day--outside-month,
.tutor-react-datepicker .react-datepicker__day--disabled {
  color: #b4b7c0;
}
.tutor-react-datepicker .react-datepicker__day-name,
.tutor-react-datepicker .react-datepicker__month {
  margin: 0;
  padding: 0;
}
.tutor-react-datepicker .react-datepicker__header,
.tutor-react-datepicker .react-datepicker__month,
.tutor-react-datepicker .react-datepicker__timepicker {
  padding: 10px 20px;
}
.tutor-react-datepicker .react-datepicker__month {
  padding-bottom: 20px;
}
.tutor-react-datepicker .react-datepicker__time-container {
  float: unset;
  width: unset;
  border-left: 1px solid #c0c3cb;
}
.rtl .tutor-react-datepicker .react-datepicker__time-container {
  border-left: 0;
  border-right: 1px solid #c0c3cb;
}
.tutor-react-datepicker
  .react-datepicker__time-container
  .react-datepicker-time__input {
  margin-left: 0;
}
.tutor-react-datepicker
  .react-datepicker__time-container
  .react-datepicker-time__input
  > input {
  box-sizing: border-box;
  color: var(--l2l-text);
  background: var(--l2l-surface-0);
  border: 1px solid var(--l2l-border);
  border-radius: 6px;
  height: 40px;
  padding: 4px 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 162%;
  transition: all 0.2s ease-out;
}
.tutor-react-datepicker
  .react-datepicker__time-container
  .react-datepicker-time__input
  > input::-webkit-calendar-picker-indicator {
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  padding: 0;
  font-size: 24px;
  display: flex;
}
.tutor-react-datepicker
  .react-datepicker__time-container
  .react-datepicker-time__input
  > input:focus-visible {
  border-color: var(--tutor-color-primary);
  outline: none;
}
.tutor-react-datepicker
  .react-datepicker__time-container
  .react-datepicker-time__caption {
  display: none;
}
.tutor-react-datepicker .react-datepicker__time-list {
  overflow: auto;
  height: calc(276px + 0.85rem) !important;
}
.tutor-react-datepicker .react-datepicker__time-list-item {
  height: 40px !important;
  padding: 11px 10px !important;
}
.tutor-react-datepicker__selects-range .react-datepicker__navigation {
  --pd: 15px;
  top: 18px;
}
.tutor-react-datepicker__selects-range .react-datepicker__navigation--next {
  right: var(--pd);
}
.tutor-react-datepicker__selects-range .react-datepicker__navigation--previous {
  left: var(--pd);
}
.tutor-react-datepicker__selects-range
  .react-datepicker__navigation:hover
  :before {
  border-color: var(--tutor-color-primary);
}
.tutor-react-datepicker__selects-range .react-datepicker__day {
  z-index: 1;
  position: relative;
}
.tutor-react-datepicker__selects-range .react-datepicker__day:before {
  content: "";
  z-index: -1;
  opacity: 0;
  background: var(--l2l-surface-0);
  transition: all 0.1s;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: -50%;
  right: -50%;
  box-shadow: 0 1px #d2dbf5, 0 -1px #d2dbf5;
}
.tutor-react-datepicker__selects-range
  .react-datepicker__day--in-selecting-range:not(
    .react-datepicker__day--selecting-range-start
  ) {
  color: var(--l2l-text-muted);
  background: var(--l2l-surface-1);
  box-shadow: 0 0 0 1px #d2dbf5;
}
.tutor-react-datepicker__selects-range .react-datepicker__day--range-start,
.tutor-react-datepicker__selects-range .react-datepicker__day--range-end {
  background: var(--tutor-color-primary);
  color: #fff;
}
.tutor-react-datepicker__selects-range
  .react-datepicker__day--range-start:after,
.tutor-react-datepicker__selects-range .react-datepicker__day--range-end:after {
  content: "";
  z-index: -1;
  background: var(--tutor-color-primary);
  border-radius: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tutor-react-datepicker__selects-range .react-datepicker__day--in-range:before {
  opacity: 1;
}
.tutor-react-datepicker__selects-range
  .react-datepicker__day--in-range__day--range-start,
.tutor-react-datepicker__selects-range
  .react-datepicker__day--in-range__day--range-end {
  background: var(--tutor-color-primary);
  color: #fff;
}
.tutor-react-datepicker__selects-range
  .react-datepicker__day--in-range:first-child:before {
  left: 0;
}
.tutor-react-datepicker__selects-range
  .react-datepicker__day--in-range:last-child:before {
  right: 0;
}
.tutor-react-datepicker__selects-range
  .react-datepicker__day--range-start.react-datepicker__day--in-range:before {
  left: 50%;
}
.tutor-react-datepicker__selects-range
  .react-datepicker__day--range-end.react-datepicker__day--in-range:before {
  right: 50%;
}
.tutor-react-datepicker__selects-range .react-datepicker__header {
  padding: 20px 20px 10px;
}
.tutor-react-datepicker__selects-range .react-datepicker__current-month {
  text-align: center;
  color: #212327;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
.tutor-react-datepicker__selects-range .react-datepicker__custom-footer {
  color: #9ca0ac;
  border-top: 1px solid #e3e6eb;
  justify-content: space-between;
  align-items: center;
  padding: 15px 24px;
  font-size: 13px;
  font-weight: 500;
  line-height: 162%;
  display: flex;
}
.tutor-react-datepicker__selects-range
  .react-datepicker__custom-footer
  .tutor-btns {
  grid-gap: 10px;
  align-items: center;
  display: flex;
}
.tutor-react-datepicker__selects-range
  .react-datepicker__custom-footer
  .tutor-btn:not(.tutor-btn-icon).tutor-btn-md {
  padding: 7px 16.8px;
}
.tutor-screen-frontend-dashboard
  .tutor-react-datepicker
  .react-datepicker__input-container
  input:focus {
  border-color: var(--tutor-color-primary);
}
.react-datepicker__input-container {
  position: relative;
}
.react-datepicker__input-container .react-datepicker__close-icon {
  cursor: pointer;
  --color: #b3b3b3;
  color: #fff;
  border: none;
  border-radius: 50%;
  outline: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background: var(--color) !important;
  border-color: var(--color) !important;
  padding: 0 !important;
}
.rtl .react-datepicker__input-container .react-datepicker__close-icon {
  left: 10px;
  right: auto;
}
.react-datepicker__input-container .react-datepicker__close-icon:hover {
  --color: gray;
  background: var(--color) !important;
  border-color: var(--color) !important;
}
.react-datepicker__input-container .react-datepicker__close-icon:after {
  margin-top: -2px;
}
.tutor-pagination {
  border: 1px solid var(--tutor-border-color);
  background: 0 0;
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 7px 18px;
  display: flex;
}
@media (min-width: 768px) {
  .tutor-pagination {
    flex-direction: row;
  }
}
.tutor-pagination ul.tutor-pagination-numbers {
  align-items: center;
  gap: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
@media (max-width: 767.98px) {
  .tutor-pagination ul.tutor-pagination-numbers {
    gap: 10px;
    margin-top: 10px;
  }
}
.tutor-pagination ul.tutor-pagination-numbers a {
  color: inherit;
  text-decoration: none;
}
.tutor-pagination ul.tutor-pagination-numbers .page-numbers {
  color: var(--l2l-text);
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  display: flex;
  position: relative;
}
.tutor-pagination ul.tutor-pagination-numbers .page-numbers:hover {
  color: var(--tutor-color-primary);
}
.tutor-pagination ul.tutor-pagination-numbers .page-numbers a {
  padding: 1px 6px;
}
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev,
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.next {
  background: rgba(var(--tutor-color-primary-rgb), 0.1);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  transition: all 0.15s linear;
  display: flex;
}
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev:hover,
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.next:hover {
  color: var(--text-inverse);
  background: var(--tutor-color-primary);
}
@media (min-width: 1200px) {
  .tutor-pagination ul.tutor-pagination-numbers .page-numbers {
    --margin: 32px;
  }
  .tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev {
    margin-right: var(--margin);
  }
  .tutor-pagination ul.tutor-pagination-numbers .page-numbers.next {
    margin-left: var(--margin);
  }
}
.tutor-pagination ul.tutor-pagination-numbers .page-numbers:before {
  content: "";
  background: var(--tutor-color-primary);
  transform-origin: bottom;
  width: 100%;
  height: 2px;
  transition: transform 0.1s linear;
  position: absolute;
  bottom: -12px;
  left: 0;
  transform: scaleY(0);
}
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.current {
  color: var(--tutor-color-primary);
}
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.current:before {
  transform: scaleY(1);
}
.tutor-pagination[data-tutor_pagination_ajax] {
  position: relative;
}
.tutor-pagination[data-tutor_pagination_ajax]:not(
    .is-ajax-pagination-enabled
  ):before {
  content: "";
  z-index: 99;
  border-radius: inherit;
  opacity: 0.03;
  background: #000;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tutor-dropdown-select {
  display: flex;
  position: relative;
}
.tutor-dropdown-select label {
  cursor: pointer;
}
.tutor-dropdown-select input[type="radio"] {
  display: none;
}
.tutor-dropdown-select h3,
.tutor-dropdown-select h5 {
  margin: 0 !important;
}
.tutor-dropdown-select-options-container {
  z-index: 10;
  border: 1px solid var(--tutor-border-color);
  opacity: 0;
  visibility: hidden;
  background: var(--l2l-surface-0);
  border-radius: 6px;
  order: 1;
  width: 100%;
  max-height: 290px;
  transition: all 0.1s;
  position: absolute;
  top: calc(100% + 5px);
  overflow-y: auto;
  box-shadow: 0 6px 20px rgba(28, 49, 104, 0.1);
}
.tutor-dropdown-select-options-container.is-active {
  opacity: 1;
  visibility: visible;
}
.tutor-dropdown-select-options-container.is-active
  + .tutor-dropdown-select-selected:after {
  transform: translateY(-50%) rotate(-180deg);
}
.tutor-dropdown-select-selected {
  border: 1px solid var(--tutor-border-color);
  background: var(--l2l-surface-0);
  border-radius: 6px;
  order: 0;
  width: 100%;
  margin-bottom: 12px;
  position: relative;
}
.tutor-dropdown-select-selected:after {
  color: var(--l2l-text-muted);
  transition: transform 0.2s linear;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  font-family: tutor !important;
}
.tutor-dropdown-select-option {
  cursor: pointer;
  padding: 8px 19px;
}
.tutor-dropdown-select-option:hover {
  background: var(--l2l-surface-1);
}
.tutor-dropdown-select-option:last-child {
  border-top: 1px solid #cdcfd5;
}
.tutor-dropdown-select-selected {
  cursor: pointer;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.tutor-dropdown-select-selected > div:first-child {
  color: var(--l2l-text);
}
.tutor-dropdown-select-options-container.is-active
  + .tutor-dropdown-select-selected {
  border-color: var(--tutor-color-primary);
}
.tutor-form-group-select-sm .tutor-dropdown-select {
  height: 40px;
}
.tutor-form-group-select-md .tutor-dropdown-select {
  height: 48px;
}
.tutor-form-group-select-lg .tutor-dropdown-select {
  height: 54px;
}
.tutor-dropdown {
  background-color: var(--l2l-surface-0);
  border: 1px solid var(--tutor-border-color);
  z-index: 1025;
  border-radius: 4px;
  padding: 8px 0;
  list-style: none;
  display: none;
  position: absolute;
  top: calc(100% - 4px);
  right: 0;
  box-shadow: 0 6px 20px rgba(28, 49, 104, 0.1);
}
.tutor-dropdown > li {
  margin: 0;
  padding: 0;
}
.tutor-dropdown-item {
  color: var(--tutor-color-secondary);
  white-space: nowrap;
  background-color: transparent;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}
.tutor-dropdown-item:hover,
.tutor-dropdown-item:focus,
.tutor-dropdown-item.is-active {
  color: var(--tutor-color-primary);
  background-color: rgba(var(--tutor-color-primary-rgb), 0.1);
}
.tutor-dropdown-dark {
  background-color: #212327;
  border: 1px solid #212327;
}
.tutor-dropdown-dark .tutor-dropdown-item,
.tutor-dropdown-dark .tutor-dropdown-item:hover,
.tutor-dropdown-dark .tutor-dropdown-item:focus {
  color: #fff;
}
.tutor-dropdown-dark .tutor-dropdown-item:hover,
.tutor-dropdown-dark .tutor-dropdown-item:focus {
  background-color: #41454f;
}
.tutor-dropdown-dark .tutor-dropdown-item.is-active {
  color: #fff;
  background-color: #41454f;
}
.tutor-dropdown-parent {
  position: relative;
}
.tutor-dropdown-parent.is-open .tutor-dropdown {
  display: block;
}
.tutor-notification {
  border: 1px solid var(--tutor-border-color);
  box-sizing: border-box;
  overflow-wrap: anywhere;
  background: var(--l2l-surface-0);
  border-radius: 10px;
  align-items: center;
  width: 340px;
  padding: 16px 20px;
  display: flex;
  position: relative;
}
.tutor-notification.tutor-bg-primary {
  border-color: var(--tutor-color-primary);
}
.tutor-notification.tutor-bg-success {
  border-color: var(--tutor-color-success);
}
.tutor-notification.tutor-bg-warning {
  border-color: var(--tutor-color-warning);
}
.tutor-notification.tutor-bg-danger {
  border-color: var(--tutor-color-color);
}
.tutor-notification-icon {
  color: var(--tutor-color-primary);
  margin-right: 16px;
  font-size: 32px;
}
.tutor-notification-content {
  color: var(--tutor-color-muted);
  flex-grow: 1;
  font-size: 14px;
  line-height: 18px;
}
.tutor-notification-content h5 {
  color: var(--tutor-color-primary);
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
.tutor-notification-content p {
  margin: 0;
}
.tutor-notification-close {
  color: var(--tutor-border-color);
  cursor: pointer;
  background: 0 0;
  border: none;
  outline: none;
  padding: 5px;
  transition: all 0.2s;
  position: absolute;
  top: 6px;
  right: 6px;
}
.tutor-notification-close:hover {
  color: var(--l2l-text);
}
.tutor-notification-close span {
  font-size: 16px;
  display: block;
}
.tutor-alert {
  grid-gap: 24px;
  background: var(--l2l-surface-0);
  border: 1px solid var(--tutor-border-color);
  border-radius: 6px;
  margin-bottom: 16px;
  padding: 13px 16px;
  font-size: 16px;
  display: grid;
}
@media (min-width: 576px) {
  .tutor-alert {
    grid-template-columns: 1fr auto;
  }
}
.tutor-alert.tutor-primary {
  color: var(--l2l-text-muted);
  border: 1px solid rgba(var(--tutor-color-primary-rgb), 0.7);
  background: var(--l2l-surface-0);
}
.tutor-alert.tutor-primary .tutor-alert-icon {
  color: var(--tutor-color-primary);
}
.tutor-alert.tutor-primary .tutor-btn:not(.tutor-btn-outline-primary) {
  color: var(--tutor-color-primary);
  background: rgba(var(--tutor-color-primary-rgb), 0.15);
  border: 1px solid rgba(var(--tutor-color-primary-rgb), 0.3);
}
.tutor-alert.tutor-success {
  color: var(--l2l-text-muted);
  border: 1px solid rgba(var(--tutor-color-success-rgb), 0.7);
  background: var(--l2l-surface-0);
}
.tutor-alert.tutor-success .tutor-alert-icon {
  color: var(--tutor-color-success);
}
.tutor-alert.tutor-success .tutor-btn:not(.tutor-btn-outline-primary) {
  color: var(--tutor-color-success);
  background: rgba(var(--tutor-color-success-rgb), 0.15);
  border: 1px solid rgba(var(--tutor-color-success-rgb), 0.3);
}
.tutor-alert.tutor-danger {
  color: var(--l2l-text-muted);
  border: 1px solid rgba(var(--tutor-color-danger-rgb), 0.7);
  background: var(--l2l-surface-0);
}
.tutor-alert.tutor-danger .tutor-alert-icon {
  color: var(--tutor-color-danger);
}
.tutor-alert.tutor-danger .tutor-btn:not(.tutor-btn-outline-primary) {
  color: var(--tutor-color-danger);
  background: rgba(var(--tutor-color-danger-rgb), 0.15);
  border: 1px solid rgba(var(--tutor-color-danger-rgb), 0.3);
}
.tutor-alert.tutor-warning {
  color: var(--l2l-text-muted);
  border: 1px solid rgba(var(--tutor-color-warning-rgb), 0.7);
  background: var(--l2l-surface-0);
}
.tutor-alert.tutor-warning .tutor-alert-icon {
  color: var(--tutor-color-warning);
}
.tutor-alert.tutor-warning .tutor-btn:not(.tutor-btn-outline-primary) {
  color: var(--tutor-color-warning);
  background: rgba(var(--tutor-color-warning-rgb), 0.15);
  border: 1px solid rgba(var(--tutor-color-warning-rgb), 0.3);
}
.tutor-alert .tutor-alert-text {
  color: var(--tutor-color-secondary);
  display: flex;
}
@media (min-width: 768px) {
  .tutor-alert .tutor-alert-text {
    align-items: center;
  }
}
.tutor-alert .alert-btn-group {
  grid-gap: 10px;
  justify-self: flex-end;
  align-items: center;
  display: flex;
}
.tutor-alert .tutor-btn:not(.tutor-btn-icon).tutor-btn-sm {
  padding: 7.5px 13px;
}
.tutor-alert .tutor-btn.tutor-btn-outline-primary {
  border-color: var(--tutor-border-color);
}
.tutor-alert .tutor-alert-close {
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .tutor-alert .tutor-alert-close {
    display: none;
  }
}
.tutor-large-notification {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  border: 1px solid var(--tutor-border-color);
  background: var(--l2l-surface-0);
  display: flex;
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
@media (min-width: 1200px) {
  .tutor-large-notification {
    padding-right: 90px;
  }
}
.tutor-large-notification-icon {
  margin-right: 20px;
  font-size: 32px;
}
.tutor-large-notification-btns .tutor-btn:not(.tutor-btn-icon).tutor-btn-sm {
  padding: 8px 12px;
}
.tutor-large-notification-btns > :not(:last-child) {
  margin-right: 10px;
}
.tutor-large-notification .tutor-noti-close {
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 13px;
}
.tutor-large-notification.tutor-large-notification-primary
  .tutor-large-notification-icon,
.tutor-large-notification.tutor-large-notification-primary
  .tutor-large-notification-title {
  color: var(--tutor-color-primary);
}
.tutor-large-notification.tutor-large-notification-primary
  .tutor-btn:not(.tutor-is-outline).tutor-btn-secondary {
  border-color: rgba(var(--tutor-color-primary-rgb), 0.3);
  background: rgba(var(--tutor-color-primary-rgb), 0.15);
  color: var(--tutor-color-primary);
}
.tutor-large-notification.tutor-large-notification-success
  .tutor-large-notification-icon,
.tutor-large-notification.tutor-large-notification-success
  .tutor-large-notification-title {
  color: var(--tutor-color-success);
}
.tutor-large-notification.tutor-large-notification-success
  .tutor-btn:not(.tutor-is-outline).tutor-btn-secondary {
  border-color: rgba(var(--tutor-color-success-rgb), 0.3);
  background: rgba(var(--tutor-color-success-rgb), 0.15);
  color: var(--tutor-color-success);
}
.tutor-large-notification.tutor-large-notification-warning
  .tutor-large-notification-icon,
.tutor-large-notification.tutor-large-notification-warning
  .tutor-large-notification-title {
  color: var(--tutor-color-warning);
}
.tutor-large-notification.tutor-large-notification-warning
  .tutor-btn:not(.tutor-is-outline).tutor-btn-secondary {
  border-color: rgba(var(--tutor-color-warning-rgb), 0.3);
  background: rgba(var(--tutor-color-warning-rgb), 0.15);
  color: var(--tutor-color-warning);
}
.tutor-large-notification.tutor-large-notification-danger
  .tutor-large-notification-icon,
.tutor-large-notification.tutor-large-notification-danger
  .tutor-large-notification-title {
  color: var(--tutor-color-danger);
}
.tutor-large-notification.tutor-large-notification-danger
  .tutor-btn:not(.tutor-is-outline).tutor-btn-secondary {
  border-color: rgba(var(--tutor-color-danger-rgb), 0.3);
  background: rgba(var(--tutor-color-danger-rgb), 0.15);
  color: var(--tutor-color-danger);
}
.tutor-nav {
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.tutor-nav > li {
  margin: 0;
  padding: 0;
  line-height: 1.6;
  position: relative;
}
.tutor-nav-link {
  color: var(--tutor-color-secondary);
  cursor: pointer;
  align-items: center;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}
.tutor-nav-link,
.tutor-nav-link:focus,
.tutor-nav-link:hover,
.tutor-nav-link:active {
  box-shadow: none;
  background: 0 0;
  outline: 0;
  line-height: 1.6;
  text-decoration: none;
}
.tutor-nav-link:hover,
.tutor-nav-link.is-active {
  color: var(--tutor-color-primary);
}
.tutor-nav .tutor-nav-more {
  margin-left: auto !important;
}
.tutor-nav .tutor-nav-more-icon {
  color: var(--tutor-color-primary);
  margin-left: 4px;
  font-size: 12px;
  transition: transform 0.2s ease-in;
  transform: rotate(-45deg);
}
.tutor-nav .tutor-nav-more.tutor-nav-opened .tutor-dropdown {
  display: block;
}
.tutor-nav .tutor-nav-more.tutor-nav-opened .tutor-nav-more-icon {
  transform: rotate(0);
}
.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) {
  border-bottom: 1px solid var(--tutor-border-color);
}
.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) .tutor-nav-link {
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs)
  .tutor-nav-link.is-active {
  border-bottom-color: var(--tutor-color-primary);
}
.tutor-nav-pills {
  border-bottom: 0;
}
.tutor-nav-pills .tutor-nav-item:not(:last-child) {
  margin-right: 4px;
}
.tutor-nav-pills .tutor-nav-link {
  border-radius: 6px;
}
.tutor-nav-pills .tutor-nav-link:hover {
  color: var(--tutor-color-secondary);
  background-color: var(--l2l-surface-1);
}
.tutor-nav-pills .tutor-nav-link.is-active {
  background-color: var(--tutor-color-primary);
  color: #fff;
  margin-bottom: 0;
}
.tutor-nav-tabs {
  background-color: var(--l2l-surface-0);
  border-bottom: 1px solid var(--l2l-border);
  border-radius: 6px 6px 0 0;
}
.tutor-nav-tabs .tutor-nav-link {
  border-right: 1px solid var(--tutor-border-color);
  border-top: 2px solid transparent;
  border-bottom: 1px solid var(--tutor-border-color);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: -1px;
  margin-bottom: -1px;
  padding: 16px 32px;
  position: relative;
}
.tutor-nav-tabs .tutor-nav-link.is-active {
  border-top-color: var(--tutor-color-primary);
  background-color: var(--l2l-surface-0);
  border-bottom-color: var(--l2l-border);
}
.tutor-nav-tabs .tutor-nav-item {
  flex: auto;
  align-items: stretch;
  display: flex;
}
.tutor-nav-tabs .tutor-nav-item:first-child .tutor-nav-link {
  border-radius: 5px 0 0;
}
.tutor-nav-tabs .tutor-nav-item:last-child .tutor-nav-link {
  border-right: 0;
  border-radius: 0 5px 0 0;
}
.tutor-nav-tabs-container {
  border: 1px solid var(--tutor-border-color);
  background-color: var(--l2l-surface-0);
  border-radius: 6px;
}
.tutor-nav-v {
  border-bottom: 0;
  flex-direction: column;
}
.tutor-nav-v .tutor-nav-item {
  margin-right: 0;
}
.tutor-nav-v .tutor-nav-item:not(:last-child) {
  margin-bottom: 4px;
}
.tutor-nav-admin {
  border-bottom: 0 !important;
}
.tutor-nav-admin .tutor-nav-item {
  margin: 0;
}
.tutor-nav-admin .tutor-nav-link {
  padding: 20px 16px;
}
.tutor-tab-item:not(.is-active) {
  display: none;
}
.tutor-widget-title {
  color: var(--l2l-text);
  margin: 0 0 24px;
  font-size: 20px;
  font-weight: 500;
}
.tutor-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tutor-list-item {
  color: var(--l2l-text);
  font-size: 16px;
  text-decoration: none;
  display: block;
  position: relative;
}
.tutor-list-item:not(:last-child) {
  margin-bottom: 16px;
}
.tutor-list-item label {
  cursor: pointer;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}
.tutor-list-item label input[type="checkbox"] {
  margin-right: 16px;
}
.tutor-progress-bar {
  background: var(--l2l-surface-2);
  border-radius: 10px;
  width: 100%;
  height: 4px;
  position: relative;
  overflow: hidden;
}
.tutor-progress-value {
  background: var(--tutor-color-primary);
  width: var(--tutor-progress-value);
  height: 100%;
  position: absolute;
}
.tutor-progress-circle {
  --w: 24px;
  --pd: 3px;
  width: var(--w);
  height: var(--w);
  padding: var(--pd);
  background: conic-gradient(
    var(--tutor-color-primary) var(--pro),
    0,
    rgba(var(--tutor-color-primary-rgb), 0.15) 100%
  );
  border-radius: 50%;
  position: relative;
}
.tutor-progress-circle:before {
  content: "";
  inset: calc(0% + var(--pd));
  background: var(--l2l-surface-0);
  border-radius: 50%;
  position: absolute !important;
}

.tutor-coming-soon-wrapper {
    color: var(--l2l-text) !important;
    background-color:var(--l2l-ast-muted) !important;
    border-radius: 4px;
    padding: 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}

.tutor-course-topic-single-body {
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}