@charset "UTF-8";
/** TABLE OF CONTENTS
------------------------------------------------------------/
1 - Abstracts
        1.1 - # Sass Variables
        1.2 - # Sass Functions
        1.3 - # Sass Placeholders

2 - Base
        2.1 - # Reset/normalize
        2.2 - # Typography rules
        2.3 - # Keyframes
        2.4 - # Globalclasses
        2.5 - # Socialicon

3 - Components
        3.1 - Buttons
        3.2 - Form
4 - layout
        4.1 - Header
        4.2 - Footer
5 - pages
        5.1 - index

/// END TABLE OF CONTENTS **/
/** ====== Sass Variables ====== **/
/** --- theme color variables --- **/
/** --- theme fonts variables --- **/
/** --- radius variables --- **/
/** ====== Sass function ====== **/
/** ====== Sass Placeholder ====== **/
/** --- Heading placeholder --- **/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/** --- Sub title placeholder --- **/
/** --- Paragraph placeholder --- **/
.cr-filter-options label {
  font: 400 0.875rem/1.7142857143em "Roboto", serif;
}

/** --- Transition placeholder --- **/
.cr-allcourses_list .cr-card .cr-course-card .cr-start-course, .cr-allcourses_list .cr-card-skeleton .cr-course-card .cr-start-course, .cr-allcourses_list .cr-card, .cr-submit-main .cr-submit:before, .cr-stats_info-reply:has(.cr-countreply) .cr-countreply, .cr-stats_info-reply:has(.cr-countreply), .cr-villy-about-content .cr-villy-stats_info em, .cr-villy-about-content .cr-villy-stats i, .cr-usercourse_header_actions .cr-btn svg path, .cr-usercourse_header_actions .cr-btn, .cr-usercourse_header .am-language-select a i:before, .cr-usercourse_header .am-language-select a, .cr-save-for-later:before, .cr-add-to-cart:before, .cr-instructor-info .cr-bookmark-button, .cr-card, .cr-card-skeleton, .cr-search-courses-area .accordion-item > .accordion-header .accordion-button i, .cr-clear-filter, .cr-price-dropdown > span, .cr-pagination .cr-page-controls button, .cr-close, .cr-course-body .cr-curriculum-item .cr-actionbox .cr-close-btn, .cr-course-body .cr-formarea .am-custom-editor .note-editor, .cr-course-body .cr-formarea .am-cancel-btn, .cr-remove_file svg path, .cr-remove_file, .cr-overview .cr-overview-curriculm .accordion-content .cr-frame-wrapper span .cr-label-preview:before, .am-similaruser-btns .am-sendmessage-btn .am-likebtn i::before, .am-similaruser-btns .am-sendmessage-btn .am-likebtn, .am-similaruser-btns .am-sendmessage-btn .am-btn i::before, .am-userinfo_content .tab-pane .am-booking-weekly-clander .am-weekly-slots_card, .am-bookingbtns, .am-weekly-slots_card, .am-booking_section.am-featured-courses .am-handpick-tutor .splide__arrow.splide__arrow--prev,
.am-booking_section.am-featured-courses .am-handpick-tutor .splide__arrow.splide__arrow--next, .am-booking_section .am-detailuser_video, .am-aboutuser_tab li a:before, .am-tutordetail-btns .am-likebtn .am-icon-heart-01::before, .am-tutordetail-btns .am-white-btn i::before, .cr-sidebar_accordion_content_item i svg, .cr-sidebar_accordion_content_item i, .cr-sidebar_accordion_content_item a span em, .cr-sidebar_accordion_content_item a span span, .cr-sidebar_accordion_content_item a span, .cr-sidebar_accordion_content_item a, .cr-sidebar_accordion_title > a i, .cr-sidebar_accordion_title > a span em, .cr-sidebar_accordion_title > a span span, .cr-sidebar_accordion_title > a span, .cr-sidebar_accordion_title > a > em, .cr-sidebar_accordion_title > a:hover > em, .cr-sidebar_toggle a, .cr-sidebar_toggle, .cr-sidebar, .am-btn:before,
.am-btn-light:before,
.am-white-btn:before,
.am-btnvtwo:before, .am-btn,
.am-btn-light,
.am-white-btn,
.am-btnvtwo {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/** --- flex placeholder --- **/
.cr-allcourses_list .cr-card.cr-card-skeleton .cr-instructor-name, .cr-allcourses_list .cr-card-skeleton .cr-instructor-name, .cr-allcourses_list .cr-card .cr-course-card .cr-course-header .cr-instructor-details a, .cr-allcourses_list .cr-card-skeleton .cr-course-card .cr-course-header .cr-instructor-details a, .cr-allcourses_list, .cr-allcourses_title, .cr-david-villy-content, .cr-david-list > li .cr-loadmore-btn, .cr-coursecontent_sidebar .am-similar-user .cr-profile-footer .cr-social-icons li a, .cr-coursecontent_sidebar .am-similar-user .cr-profile-footer .cr-social-icons, .cr-coursecontent_sidebar .cr-course-card .cr-course-includes.cr-course-rating-wrap .cr-course-rating,
.cr-coursecontent_sidebar .am-similar-user .cr-course-includes.cr-course-rating-wrap .cr-course-rating, .cr-usercourse_header, .cr-coursedetails_article_actions, .cr-price-container, .cr-sorting-options, .cr-filter-options label, .cr-filter-section, .cr-course-body .cr-curriculum-content .am-upload-options, .cr-labels, .cr-overview .cr-overview-course .cr-curriculum-header, .share-icons-container, .share-course-container, .cr-profile-footer .cr-social-icons li a, .cr-profile-footer .cr-social-icons, .cr-profile-footer, .cr-price-section, .cr-question .cr-div, .am-reviews_ratio, .am-userinfomore_card_info ul, .am-userinfomore_cards, .am-bookingbtns, .wa-tags-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/** --- Border placeholder --- **/
/** --- Theme stars styling --- **/
.cr-allcourses_list .cr-card.cr-card-skeleton .cr-cardbtn, .cr-allcourses_list .cr-card-skeleton .cr-cardbtn, .cr-allcourses_list .cr-card.cr-card-skeleton .cr-usercourse_header_progress_bar, .cr-allcourses_list .cr-card-skeleton .cr-usercourse_header_progress_bar, .cr-allcourses_list .cr-card.cr-card-skeleton .cr-usercourse_header_progress .cr-progress-percentage, .cr-allcourses_list .cr-card-skeleton .cr-usercourse_header_progress .cr-progress-percentage, .cr-allcourses_list .cr-card.cr-card-skeleton .cr-usercourse_header_progress .cr-progress-title, .cr-allcourses_list .cr-card-skeleton .cr-usercourse_header_progress .cr-progress-title, .cr-allcourses_list .cr-card.cr-card-skeleton .cr-course-category, .cr-allcourses_list .cr-card-skeleton .cr-course-category, .cr-allcourses_list .cr-card.cr-card-skeleton .cr-course-title, .cr-allcourses_list .cr-card-skeleton .cr-course-title, .cr-allcourses_list .cr-card.cr-card-skeleton .cr-favrbtn, .cr-allcourses_list .cr-card-skeleton .cr-favrbtn, .cr-allcourses_list .cr-card.cr-card-skeleton .cr-instructor-name .cr-username, .cr-allcourses_list .cr-card-skeleton .cr-instructor-name .cr-username, .cr-allcourses_list .cr-card.cr-card-skeleton .cr-instructor-name .cr-userimg, .cr-allcourses_list .cr-card-skeleton .cr-instructor-name .cr-userimg, .cr-allcourses_list .cr-card.cr-card-skeleton .cr-image-wrapper, .cr-allcourses_list .cr-card-skeleton .cr-image-wrapper, .cr-coursedetails_body_video .cr-image-wrapper,
.cr-coursedetails_body_video figure.cr-image-wrapper, .cr-course-skeleton em, .cr-course-skeleton strong em, .cr-course-skeleton p, .cr-course-skeleton span, .cr-curriculum-content .am-uploadedfile figure {
  background: #ebebea;
  background-size: 40px 100%;
  background-clip: padding-box;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  animation: skeleton-wave 1.2s ease infinite;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
@keyframes skeleton-wave {
  to {
    background-position: right -40px top 0;
  }
  100% {
    background-position: left 40px top 1;
  }
}

/**--- No Record ---**/
.cr-norecord {
  width: 100%;
  height: 362px;
  display: flex;
  padding: 15px;
  align-items: center;
  border-radius: 20px;
  background: #fff;
  justify-content: center;
}
.cr-norecord_content {
  width: 100%;
  display: flex;
  max-width: 350px;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.cr-norecord_content h5 {
  margin: 20px 0 0;
  color: rgba(0, 0, 0, 0.7);
  font: 600 1.25rem/1.5em "Roboto", serif;
}
.cr-norecord_content span {
  display: block;
  margin-top: 5px;
  color: #585858;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}

/** ====== button components ====== **/
/** --- theme buttons --- **/
.am-btn,
.am-btn-light,
.am-white-btn,
.am-btnvtwo {
  gap: 6px;
  border: 0;
  z-index: 0;
  cursor: pointer;
  overflow: hidden;
  color: #fff;
  position: relative;
  padding: 10px 18px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border-radius: 10px;
  background-color: #295c51;
  font: 600 0.875rem/1.4285714286em "Roboto", serif;
}
.am-btn:before,
.am-btn-light:before,
.am-white-btn:before,
.am-btnvtwo:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  z-index: -1;
}
.am-btn:hover, .am-btn:focus,
.am-btn-light:hover,
.am-btn-light:focus,
.am-white-btn:hover,
.am-white-btn:focus,
.am-btnvtwo:hover,
.am-btnvtwo:focus {
  outline: none;
  color: #fff;
}
.am-btn:hover:before,
.am-btn-light:hover:before,
.am-white-btn:hover:before,
.am-btnvtwo:hover:before {
  opacity: 0.1;
}
.am-btn i::before,
.am-btn-light i::before,
.am-white-btn i::before,
.am-btnvtwo i::before {
  color: #fff;
}

.am-btnvtwo {
  color: rgba(0, 0, 0, 0.7);
}
.am-btnvtwo:hover, .am-btnvtwo:focus {
  color: rgba(0, 0, 0, 0.7);
}

.am-btnsmall {
  height: 36px;
  padding: 8px 14px;
}

.am-btn-light {
  color: #585858;
  background: transparent;
}
.am-btn-light:hover {
  background: #f7f7f8;
  color: #585858;
}

.am-white-btn {
  background: #fff;
  border: 1px solid #eaeaea;
  color: rgba(88, 88, 88, 0.8);
}
.am-white-btn:hover, .am-white-btn:focus {
  background: #fff;
  color: rgba(88, 88, 88, 0.8);
}
.am-white-btn i::before {
  color: #585858;
}

/* theme Global Button style end */
.am-btn_disable {
  pointer-events: none;
  background: #f7f7f8;
  color: rgba(88, 88, 88, 0.5) !important;
}
.am-btn_disable:after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  animation: 0.5s btnloader infinite linear;
  border: 2px solid rgba(88, 88, 88, 0.5);
  border-top-color: rgba(88, 88, 88, 0.1);
}

@keyframes btnloader {
  to {
    transform: rotate(360deg);
  }
}
.am-bodywrap:has(.cr-coursesdetails) {
  background: #1E1E1E;
}

.cr-sidebar {
  width: 100%;
  flex: none;
  max-width: 300px;
  min-height: 100vh;
}
.cr-sidebar_logo {
  display: flex;
  padding: 22px 16px;
  align-items: center;
  background: #1E1E1E;
}
.cr-sidebar_toggle {
  margin-left: auto;
}
.cr-sidebar_toggle a {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  background: rgba(0, 0, 0, 0.25);
}
.cr-sidebar_toggle a i:before {
  color: rgba(255, 255, 255, 0.6);
}
.cr-sidebar_goback {
  padding: 0 16px;
  margin: 0 0 30px;
}
.cr-sidebar_goback a {
  gap: 10px;
  display: flex;
  color: #fff;
  padding: 10px 12px;
  align-items: center;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-sidebar_goback a i:before {
  color: #fff;
}
.cr-sidebar_title {
  padding: 0 16px;
  margin: 0 0 30px;
}
.cr-sidebar_title span {
  display: block;
  margin: 0 0 4px;
  color: rgba(255, 255, 255, 0.5);
  font: 400 0.75rem/1.5em "Roboto", serif;
}
.cr-sidebar_title h2 {
  margin: 0;
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font: 500 1rem/1.5em "Roboto", serif;
}
.cr-sidebar_contentwrap {
  overflow: auto;
  height: calc(100vh - 257px);
}
.cr-sidebar_contentwrap:hover::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.1);
  border: 5px solid rgba(255, 255, 255, 0.1);
}
.cr-sidebar_contentwrap::-webkit-scrollbar {
  width: 5px;
}
.cr-sidebar_contentwrap::-webkit-scrollbar-thumb {
  border-radius: 16px;
}
.cr-sidebar_contentwrap::-webkit-scrollbar-button {
  display: none;
}
.cr-sidebar_accordion_item {
  padding: 0 16px;
}
.cr-sidebar_accordion_item + .cr-sidebar_accordion_item {
  margin-top: 16px;
}
.cr-sidebar_accordion_title {
  width: 100%;
}
.cr-sidebar_accordion_title > a {
  gap: 4px;
  display: flex;
  padding: 1px 16px;
  align-items: center;
  border-radius: 10px;
  min-height: 40px;
}
.cr-sidebar_accordion_title > a[aria-expanded=true] {
  background: rgba(255, 255, 255, 0.05);
}
.cr-sidebar_accordion_title > a[aria-expanded=true] > em {
  align-self: center;
  color: #fff;
}
.cr-sidebar_accordion_title > a[aria-expanded=true] span {
  color: #fff;
}
.cr-sidebar_accordion_title > a[aria-expanded=true] span em {
  display: none;
}
.cr-sidebar_accordion_title > a[aria-expanded=true] i {
  transform: rotate(90deg);
}
.cr-sidebar_accordion_title > a[aria-expanded=true] i:before {
  color: #fff;
}
.cr-sidebar_accordion_title > a:hover > em {
  color: #fff;
}
.cr-sidebar_accordion_title > a:hover span {
  color: #fff;
}
.cr-sidebar_accordion_title > a:hover span em {
  color: #fff;
}
.cr-sidebar_accordion_title > a:hover i:before {
  color: #fff;
}
.cr-sidebar_accordion_title > a > em {
  color: #AAA;
  align-self: flex-start;
  font: normal 500 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-sidebar_accordion_title > a span {
  color: #AAA;
  font: normal 500 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-sidebar_accordion_title > a span span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.cr-sidebar_accordion_title > a span em {
  display: block;
  color: rgba(255, 255, 255, 0.4);
  font: normal 500 0.75rem/1.5em "Roboto", serif;
}
.cr-sidebar_accordion_title > a i {
  margin-left: auto;
  font-weight: 700;
  font-size: 12px;
  display: block;
  flex: none;
}
.cr-sidebar_accordion_content_item {
  padding: 2px 0 2px 31px;
  position: relative;
}
.cr-sidebar_accordion_content_item:has(.cr-active):after, .cr-sidebar_accordion_content_item:has(.cr-active):before {
  background: #fff;
}
.cr-sidebar_accordion_content_item:before {
  top: 0;
  width: 1px;
  left: 18px;
  content: "";
  height: 100%;
  position: absolute;
  background: #585858;
}
.cr-sidebar_accordion_content_item:after {
  top: 0;
  left: 18px;
  top: 50%;
  margin-top: -0.5px;
  width: 12px;
  content: "";
  height: 1px;
  position: absolute;
  background: #585858;
}
.cr-sidebar_accordion_content_item:first-child {
  margin-top: 6px;
}
.cr-sidebar_accordion_content_item a {
  gap: 6px;
  display: flex;
  min-height: 40px;
  padding: 2px 10px;
  align-items: center;
}
.cr-sidebar_accordion_content_item a.cr-active span {
  color: #fff;
}
.cr-sidebar_accordion_content_item a.cr-active span em {
  display: none;
}
.cr-sidebar_accordion_content_item a.cr-active i svg path {
  fill: #fff;
}
.cr-sidebar_accordion_content_item a.cr-active i:before {
  color: #fff;
}
.cr-sidebar_accordion_content_item a span {
  color: #AAA;
  display: block;
  font: normal 500 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-sidebar_accordion_content_item a span span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cr-sidebar_accordion_content_item a span em {
  display: block;
  color: rgba(255, 255, 255, 0.4);
  font: normal 500 0.75rem/1.3333333333em "Roboto", serif;
}
.cr-sidebar_accordion_content_item i {
  flex: none;
  margin-left: auto;
}
.cr-sidebar_accordion_content_item i svg {
  display: block;
}
.cr-sidebar_accordion_content_item:hover span {
  color: #fff;
}
.cr-sidebar_accordion_content_item:hover span em {
  color: #fff;
}
.cr-sidebar_accordion_content_item:hover i svg path {
  fill: #fff;
}
.cr-sidebar_accordion_content_item:hover i:before {
  color: #fff;
}
.cr-sidebar_accordion_content_item:hover:after, .cr-sidebar_accordion_content_item:hover:before {
  background: #fff;
}
.cr-sidebar .cr-logo {
  display: block;
}
.cr-sidebar .cr-logo figure {
  margin: 0;
  max-width: 119px;
}

/*  Start */
.am-bodywrap:has(.cr-course-details-page) .am-header_two {
  background-color: #fff;
}

.cr-course-details-page .am-searchhead_title .cr-title-box {
  display: block;
}
.cr-course-details-page .am-searchhead_title .cr-title-box h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: rgba(0, 0, 0, 0.9);
}
.cr-course-details-page .am-searchhead_title .cr-title-box p {
  color: rgba(88, 88, 88, 0.9);
}

.am-searchdetail {
  gap: 60px;
  display: flex;
  align-items: flex-start;
}

.am-search-detail-banner {
  margin-top: 40px;
}

.am-tutordetail_head {
  gap: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.am-tutordetail_user {
  gap: 16px;
  display: flex;
  align-items: center;
}
.am-tutordetail_user .am-tutorvone_img {
  max-width: 80px;
}
.am-tutordetail_user .am-tutorvone_img img {
  height: 80px;
  border-radius: 20px;
}

.am-tutordetail_user_name h3 {
  gap: 14px;
  display: flex;
  margin-bottom: 0;
  align-items: center;
  color: #000;
  font: 500 1.875rem/1.2666666667em "Roboto", serif;
}
.am-tutordetail_user_name h3 a {
  line-clamp: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #000;
}
.am-tutordetail_user_name h3 a:hover {
  color: #000;
}
.am-tutordetail_user_name h3 .flag {
  height: 13px;
  max-width: 18.67px;
}
.am-tutordetail_user_name h3 img {
  max-width: 18.67px;
}
.am-tutordetail_user_name h3 .am-icon-user-05 {
  display: inline-flex;
}
.am-tutordetail_user_name h3 .am-icon-user-05::before {
  font-size: 16px;
  color: rgb(51, 204, 94);
}
.am-tutordetail_user_name > span {
  line-clamp: 1;
  flex-wrap: wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.am-tutordetail_user_name > ul {
  gap: 0 4px;
  line-clamp: 3;
  display: flex;
  margin-left: 0;
  flex-wrap: wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.am-tutordetail_user_name > ul li > span {
  color: #585858;
  font: 400 0.8125rem/1.2307692308em "Roboto", serif;
}
.am-tutordetail_user_name > ul li > a {
  display: inline-block;
  color: #585858;
  font: 500 0.75rem/1.5em "Roboto", serif;
}

.am-search-userdetail {
  width: 100%;
}

.am-detailuser_video {
  width: 100%;
  max-width: 416px;
  border-radius: 20px;
  border: 8px solid #fff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.am-detailuser_video .video-js {
  width: 100%;
  display: block;
  border-radius: 20px;
}
.am-detailuser_video .video-js video {
  object-fit: cover;
}
.am-detailuser_video.am-detailuser_video_main {
  height: 300px;
}
.am-detailuser_video.am-detailuser_video_main .video-js {
  height: 100%;
}
.am-detailuser_video.am-detailuser_video_main .vjs-big-play-button {
  top: auto;
  left: 10px;
  bottom: 10px;
  width: 60px !important;
  height: 60px !important;
  transform: translateY(0);
}

.am-bodytutor-detail {
  background: #FBF9F4;
}
.am-bodytutor-detail .am-main {
  padding: 50px 0 80px;
}

.am-tutordetail_fee {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.am-tutordetail_fee strong {
  position: relative;
  color: #000;
  font: 600 1.875rem/1.2666666667em "Roboto", serif;
}
.am-tutordetail_fee strong sup {
  top: -1px;
  left: -10px;
  position: absolute;
  font: 500 1rem/1.5em "Roboto", serif;
}
.am-tutordetail_fee strong sub {
  display: contents;
  font: 600 1.4375rem/1.3913043478em "Roboto", serif;
}
.am-tutordetail_fee strong em {
  margin-left: 2px;
  font-style: normal;
  color: #585858;
  font: 400 1rem/1.5em "Roboto", serif;
}
.am-tutordetail_fee span {
  display: block;
  color: #585858;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}

.am-tutordetail-reviews {
  gap: 10px;
  display: flex;
  margin-top: 30px;
}
.am-tutordetail-reviews i::before {
  font-size: 16px;
}

.am-tutorreviews-list {
  gap: 12px;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  max-width: 310px;
  flex-direction: column;
}
.am-tutorreviews-list li {
  list-style: none;
}

.am-tutorreview-item {
  gap: 6px;
  display: flex;
  align-items: center;
}
.am-tutorreview-item + .am-tutorreview-item {
  margin-top: 6px;
}
.am-tutorreview-item span {
  gap: 6px;
  display: flex;
  align-items: center;
  color: #585858;
  font: 500 0.875rem/1.4285714286em "Roboto", serif;
}
.am-tutorreview-item span em {
  font-weight: 400;
  font-style: normal;
  color: #585858;
}
.am-tutorreview-item .wa-tags-list {
  gap: 4px;
  margin: 0;
  display: flex;
  align-items: center;
}
.am-tutorreview-item .wa-tags-list p {
  gap: 4px;
  display: flex;
  margin: 0 !important;
  align-items: center;
  color: rgba(88, 88, 88, 0.7);
  font: 400 0.8125rem/1.2307692308em "Roboto", serif;
}
.am-tutorreview-item .wa-tags-list p span {
  display: flex;
  padding: 2px 6px;
  border-radius: 6px;
  align-items: center;
  color: #585858;
  justify-content: center;
  background-color: #EFF8FF;
  font: 500 0.75rem/1.5em "Roboto", serif;
}
.am-tutorreview-item .wa-tags-list p .wa-bg-yellow {
  background: #FEF0C7;
}
.am-tutorreview-item .wa-tags-list p .wa-bg-green {
  background: #ECFDF3;
}
.am-tutorreview-item .wa-tags-list ul {
  gap: 0 4px;
  display: flex;
  margin-left: 0;
  flex-wrap: wrap;
  align-items: center;
  font: 400 0.8125rem/1.2307692308em "Roboto", serif;
}
.am-tutorreview-item .wa-tags-list ul li {
  list-style: none;
  line-height: inherit;
}
.am-tutorreview-item .wa-tags-list ul li > span {
  display: inline-block;
  color: rgba(88, 88, 88, 0.7);
  font: 400 0.8125rem/1.2307692308em "Roboto", serif;
}
.am-tutorreview-item_icon {
  flex: none;
  width: 16px;
  height: 20px;
  align-items: center;
  display: inline-flex;
  font-size: 16px;
  justify-content: center;
}
.am-tutorreview-item_icon i,
.am-tutorreview-item_icon svg {
  flex: none;
  width: 16px;
  height: 16px;
}

.am-tutorskills-list {
  gap: 12px;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.am-tutorskills-list li {
  list-style: none;
  line-height: inherit;
}
.am-tutorskills-list li > ul {
  gap: 0 4px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 6px;
  margin-left: 22px;
  align-items: center;
}
.am-tutorskills-list li > ul li:nth-last-child(n+3) span:after {
  content: ",";
}
.am-tutorskills-list li > ul li > span {
  display: block;
  color: #585858;
  font: 500 0.875rem/1.4285714286em "Roboto", serif;
}
.am-tutorskills-list li > ul li a {
  display: block;
  color: #585858;
  text-decoration: underline;
  font: 500 0.75rem/1.5em "Roboto", serif;
}
.am-tutorskills-list li p {
  margin: 6px 0 0 22px;
  color: #585858;
  font: 500 0.875rem/1.4285714286em "Roboto", serif;
}
.am-tutorskills-list li p a {
  color: #585858;
  font: 500 0.75rem/1.5em "Roboto", serif;
}

.am-tooltip-text span:not(:last-child):after {
  content: ",";
}

.am-tutorskills-item {
  gap: 6px;
  display: flex;
  align-items: center;
}
.am-tutorskills-item span {
  display: block;
  color: #585858;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}

.wa-tags-list {
  gap: 0 16px;
  align-items: center;
  margin: 6px 0 0 22px;
}
.wa-tags-list p {
  gap: 4px;
  display: flex;
  margin: 0 !important;
  align-items: center;
  color: #585858;
  font: 500 0.875rem/1.4285714286em "Roboto", serif;
}
.wa-tags-list p span {
  display: flex;
  padding: 2px 6px;
  border-radius: 6px;
  align-items: center;
  color: #585858;
  justify-content: center;
  background-color: #EFF8FF;
  font: 500 0.75rem/1.5em "Roboto", serif;
}
.wa-tags-list p .wa-bg-yellow {
  background: #FEF0C7;
}
.wa-tags-list p .wa-bg-green {
  background: #ECFDF3;
}
.wa-tags-list ul {
  gap: 0 6px;
  display: flex;
  margin-left: 0;
  flex-wrap: wrap;
  align-items: center;
}
.wa-tags-list ul li {
  list-style: none;
}
.wa-tags-list ul li:nth-last-child(n+2) span:after {
  content: ",";
}
.wa-tags-list ul li > span {
  display: block;
  color: #585858;
  font: 500 0.875rem/1.4285714286em "Roboto", serif;
}
.wa-tags-list ul li > a {
  display: block;
  color: #585858;
  font: 500 0.75rem/1.5em "Roboto", serif;
}

.am-tutordetail-btns {
  margin-top: 30px;
}
.am-tutordetail-btns > div {
  gap: 10px;
  display: flex;
  align-items: center;
}
.am-tutordetail-btns > div > a {
  gap: 8px;
  display: flex;
  min-width: 190px;
  padding: 13px 16px;
  align-items: center;
  font: 600 0.875rem/1.4285714286em "Roboto", serif;
}
.am-tutordetail-btns > div > a.am-white-btn {
  padding: 12px 15px;
  border-color: #E9BB71;
}
.am-tutordetail-btns > span {
  width: 46px;
  height: 46px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.am-tutordetail-btns .am-icon-calender-duration::before {
  font-size: 18px;
  color: #fff;
}
.am-tutordetail-btns .am-icon-chat-03::before {
  font-size: 18px;
}
.am-tutordetail-btns .am-white-btn:hover {
  color: #fff;
  background: #295c51;
  border-color: #295c51;
}
.am-tutordetail-btns .am-white-btn:hover i::before {
  color: #fff;
}
.am-tutordetail-btns .am-likebtn {
  padding: 0;
  min-width: 46px;
  max-width: 46px;
  min-height: 46px;
  border: 1px solid transparent;
}
.am-tutordetail-btns .am-likebtn .am-icon-heart-01::before {
  font-size: 18px;
}
.am-tutordetail-btns .am-likebtn:hover, .am-tutordetail-btns .am-likebtn.active {
  background: #fff;
  border-color: #eaeaea;
}
.am-tutordetail-btns .am-likebtn:hover .am-icon-heart-01::before, .am-tutordetail-btns .am-likebtn.active .am-icon-heart-01::before {
  color: #F04438;
}
.am-tutordetail-btns .am-likebtn.am-loading {
  opacity: 0.5;
  pointer-events: none;
}

.am-aboutuser_section {
  top: 0;
  z-index: 99;
  margin-top: 40px;
  position: static;
  background: #faf8f5;
  border-bottom: 3px solid #eaeaea;
}
.am-aboutuser_tab {
  gap: 10px;
  display: flex;
  list-style: none;
}
.am-aboutuser_tab li {
  width: 100%;
  line-height: inherit;
  list-style-type: none;
}
.am-aboutuser_tab li:hover a:before, .am-aboutuser_tab li.active a:before {
  height: 5px;
  opacity: 1;
}
.am-aboutuser_tab li a {
  gap: 8px;
  width: 100%;
  display: flex;
  text-align: center;
  padding: 16px 20px;
  position: relative;
  align-items: center;
  color: #585858;
  justify-content: center;
  font: 500 0.9375rem/1.6em "Roboto", serif;
}
.am-aboutuser_tab li a span {
  display: block;
  padding: 2px 8px;
  border-radius: 9999px;
  background: rgba(219, 132, 1, 0.1);
  font: 500 0.75rem/1.5em "Roboto", serif;
}
.am-aboutuser_tab li a:before {
  width: 100%;
  height: 0;
  content: "";
  left: 0;
  opacity: 0;
  bottom: -3px;
  position: absolute;
  background: #295c51;
  border-radius: 50px 50px 0 0;
}

.am-booking_section {
  padding: 40px 0;
  position: relative;
  background: #fff;
}
.am-booking_section .am-userinfo_section {
  padding: 0;
}
.am-booking_section .am-userinfo_content h3 {
  margin-bottom: 0;
}
.am-booking_section .am-detailuser_video {
  right: 20px;
  bottom: 20px;
  z-index: 999;
  position: fixed;
  max-width: 200px;
  display: block !important;
  transform: translateX(120%);
}
.am-booking_section .am-detailuser_video[style*="display: block;"] {
  transform: translateX(0%);
}
.am-booking_section .am-detailuser_video .video-js {
  position: relative;
  border-radius: 14px;
}
.am-booking_section .am-detailuser_video_close {
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
  z-index: 999;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  background: #fff;
}
.am-booking_section.am-featured-courses {
  overflow: hidden;
  padding: 70px 0 100px;
}
.am-booking_section.am-featured-courses h1 {
  margin: 0;
  color: #000;
  font: 600 1.5rem/1.3333333333em "Roboto", serif;
}
.am-booking_section.am-featured-courses .am-handpick-tutor {
  margin-top: 20px;
}
.am-booking_section.am-featured-courses .am-handpick-tutor::before, .am-booking_section.am-featured-courses .am-handpick-tutor::after {
  width: 113px;
  filter: blur(72px);
  background: #fff;
}
.am-booking_section.am-featured-courses .am-handpick-tutor::before {
  left: -43.5px;
}
.am-booking_section.am-featured-courses .am-handpick-tutor::after {
  right: -3.5px;
}
.am-booking_section.am-featured-courses .am-handpick-tutor .splide__arrow.splide__arrow--prev,
.am-booking_section.am-featured-courses .am-handpick-tutor .splide__arrow.splide__arrow--next {
  width: 36px;
  height: 36px;
  border-radius: 8181px;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(19.4400005341px);
}
.am-booking_section.am-featured-courses .am-handpick-tutor .splide__arrow.splide__arrow--prev:hover,
.am-booking_section.am-featured-courses .am-handpick-tutor .splide__arrow.splide__arrow--next:hover {
  opacity: 1;
}
.am-booking_section.am-featured-courses .am-handpick-tutor .splide__arrow.splide__arrow--prev {
  left: -30px;
}
.am-booking_section.am-featured-courses .am-handpick-tutor .splide__arrow.splide__arrow--next {
  right: -30px;
}
.am-booking_section.am-featured-courses .am-handpick-tutor .splide__list {
  gap: 10px;
}
.am-booking_section.am-featured-courses .am-handpick-tutor .splide__list .splide__slide {
  padding: 10px;
  max-width: 392px;
}
.am-booking_section.am-featured-courses .am-handpick-tutor .splide__list .splide__slide .cr-card, .am-booking_section.am-featured-courses .am-handpick-tutor .splide__list .splide__slide .cr-card-skeleton {
  padding: 0;
  width: 100%;
}
.am-booking_section.am-featured-courses .am-handpick-tutor .splide__list .splide__slide .cr-card .cr-price-container, .am-booking_section.am-featured-courses .am-handpick-tutor .splide__list .splide__slide .cr-card-skeleton .cr-price-container {
  margin: 0;
}
.am-booking_section.am-featured-courses .am-handpick-tutor .cr-course-card .cr-instructor-details {
  padding: 2px 0;
}
.am-booking_section.am-featured-courses .am-handpick-tutor .cr-course-card .cr-instructor-details .cr-instructor-name {
  display: flex;
  align-items: center;
}
.am-booking_section.am-featured-courses .am-featured-courses-btn {
  display: flex;
  margin-top: 30px;
  align-items: center;
  justify-content: center;
}
.am-booking_section.am-featured-courses .am-featured-courses-btn .am-btn {
  background: #fff;
  border: 1px solid #E9BB71;
  border-color: #eaeaea;
  color: rgba(0, 0, 0, 0.6);
}
.am-booking_section.am-featured-courses .am-norecord {
  margin-top: 20px;
  background: #fff;
}

.am-weekly-slots_card:hover .am-bookingbtns {
  opacity: 1;
  height: auto;
  margin-top: 5px;
  visibility: visible;
}

.am-bookcartopen {
  top: 60px !important;
  right: 40px !important;
  display: block !important;
  position: fixed !important;
  opacity: 1;
  visibility: visible;
}

.am-weekly-slots_card,
.am-emptyslot {
  gap: 10px;
  width: 168px;
  padding: 10px;
  display: flex;
  font-size: 12px;
  text-align: center;
  border-radius: 10px;
  border-radius: 8px;
  flex-direction: column;
  background: #FBF9F4;
  color: rgba(0, 0, 0, 0.4);
}

.am-emptyslot {
  padding: 12px 22px;
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.4);
  font: 400 0.75rem/1.1666666667em "Roboto", serif;
}

.am-bookingbtns {
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.am-bookingbtns button {
  margin: 0;
  width: 100%;
}
.am-bookingbtns button + button {
  margin-top: 4px;
}
.am-bookingbtns .am-booksession {
  gap: 10px;
  display: flex;
  padding: 5px 12px;
  border-radius: 6px;
  color: #295c51;
  align-items: center;
  justify-content: center;
  background: rgba(41, 92, 81, 0.1);
  font: 500 0.75rem/1.5em "Roboto", serif;
}
.am-bookingbtns .am-viewdetail {
  gap: 10px;
  display: flex;
  background: #fff;
  align-items: center;
  padding: 4px 11px;
  border-radius: 6px;
  justify-content: center;
  color: #585858;
  border: 1px solid #eaeaea;
  font: 500 0.75rem/1.5em "Roboto", serif;
}

.am-tooltipicon {
  right: 38px;
  position: absolute;
}
.am-tooltipicon svg {
  display: block;
}

.am-userinfo_section {
  padding: 40px 0;
}
.am-userinfo_content {
  padding: 0 30px;
}
.am-userinfo_content .am-filter-list {
  right: 0 !important;
  top: 100% !important;
  left: auto !important;
  transform: none !important;
  margin-top: 10px !important;
}
.am-userinfo_content .am-filter-list .form-group {
  padding: 8px;
}
.am-userinfo_content .am-filter-list .form-group .am-btn {
  margin: 0;
}
.am-userinfo_content .am-booking-filter-wrapper {
  position: relative;
}
.am-userinfo_content .am-booking-filter-wrapper .select2-container {
  width: 100% !important;
}
.am-userinfo_content .am-booking-filter-wrapper .select2-container--open .select2-dropdown--below {
  padding: 8px 10px;
}
.am-userinfo_content .am-booking-filter-wrapper .am-subject-tag {
  margin: 0;
  text-decoration: none;
  padding: 3px 9px !important;
  font: 500 0.75rem/1.5em "Roboto", serif;
}
.am-userinfo_content .am-booking-filter-wrapper .am-multiple-select .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field {
  margin: 9px 0 0;
  line-height: 20px;
}
.am-userinfo_content .am-booking-filter-wrapper .select2-selection--single {
  background: #f7f7f8 !important;
  border-color: #f7f7f8 !important;
}
.am-userinfo_content .am-booking-filter-wrapper .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 9px 30px 9px 12px;
  color: rgba(88, 88, 88, 0.6);
}
.am-userinfo_content h3 {
  margin: 0 0 10px;
  color: #000;
  font: 600 1.5rem/1.3333333333em "Roboto", serif;
}
.am-userinfo_content p {
  margin: 0;
  color: #585858;
  font: 400 1rem/1.5em "Roboto", serif;
}
.am-userinfo_content p + p, .am-userinfo_content p p {
  margin: 10px 0 0;
}
.am-userinfo_content a {
  display: block;
  margin: 10px 0 0;
  color: #585858;
  text-decoration: underline;
  font: 600 0.875rem/1.4285714286em "Roboto", serif;
}
.am-userinfo_content .am-booking-calander {
  overflow: visible;
  min-height: inherit;
}
.am-userinfo_content .am-booking-calander_header {
  padding: 20px 0;
}
.am-userinfo_content .am-booking-calander_header .am-booking-dates-slot {
  width: 100%;
  max-width: 400px;
}
.am-userinfo_content .am-booking-calander_header .am-booking-dates-slot .am-booking-calander-date {
  width: 100%;
  max-width: 300px;
}
.am-userinfo_content .am-booking-calander .am-booking-filter-slot {
  gap: 10px;
  display: flex;
  align-items: center;
}
.am-userinfo_content .am-booking-calander .am-booking-filter-slot .am-booking-filter {
  margin-top: 0;
  display: flex;
  text-decoration: none;
}
.am-userinfo_content .am-booking-calander .am-booking-filter-slot .select2-selection--single {
  background: #fff;
  border-color: #eaeaea;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.am-userinfo_content .am-booking-calander .am-booking-filter-slot .select2-container--default .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.am-userinfo_content .am-booking-calander .am-booking-calander-day,
.am-userinfo_content .am-booking-calander .am-booking-calander-date {
  gap: 6px;
  background: #FBF9F4;
}
.am-userinfo_content .am-booking-calander .am-booking-calander-day a,
.am-userinfo_content .am-booking-calander .am-booking-calander-date a {
  margin: 0;
  text-decoration: none;
  color: #585858;
  font: 600 0.875rem/1.4285714286em "Roboto", serif;
}
.am-userinfo_content .am-booking-calander .am-booking-calander-day input,
.am-userinfo_content .am-booking-calander .am-booking-calander-date input {
  background: #FBF9F4;
  padding-right: 42px;
}
.am-userinfo_content .am-booking-calander .am-view_schedule-wrap {
  display: flex;
  margin-top: 20px;
  align-items: center;
  justify-content: center;
}
.am-userinfo_content .am-booking-calander .am-view_schedule-wrap .am-view_schedule {
  background: #fff;
  border-color: #E9BB71;
}
.am-userinfo_content .am-booking-calander .am-view_schedule-wrap .am-view_schedule:before {
  display: none;
}
.am-userinfo_content .tab-pane {
  display: flex;
  position: relative;
}
.am-userinfo_content .tab-pane_leftarrow {
  top: 16px;
  margin: 0;
  width: 36px;
  left: -46px;
  height: 36px;
  display: flex;
  position: absolute;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
}
.am-userinfo_content .tab-pane_leftarrow[disabled] {
  pointer-events: none;
}
.am-userinfo_content .tab-pane_leftarrow[disabled] svg > path {
  stroke: rgba(88, 88, 88, 0.4);
}
.am-userinfo_content .tab-pane_rightarrow {
  top: 16px;
  margin: 0;
  width: 36px;
  right: -46px;
  height: 36px;
  display: flex;
  position: absolute;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander thead tr th {
  border: 0;
  padding: 0 5px;
  cursor: pointer;
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander thead tr th .am-booking-calander-title {
  padding: 16px 5px;
  border-radius: 10px;
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander thead tr th .am-booking-calander-title span {
  margin-top: -2px;
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander thead tr th.active .am-booking-calander-title {
  background: #FBF9F4;
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander tbody tr td {
  border: 0;
  padding: 10px 5px;
  vertical-align: top;
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander .am-weekly-slots {
  border: 0;
  padding: 0;
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander .am-weekly-slots_card {
  padding: 10px;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  border: 1px solid transparent;
  background: rgba(219, 132, 1, 0.05);
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander .am-weekly-slots_card h6 {
  margin: 0;
  display: flex;
  align-items: center;
  color: rgba(88, 88, 88, 0.9);
  font: 400 0.6875rem/1.1818181818em "Roboto", serif;
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander .am-weekly-slots_card h6 .am-closepopup {
  width: auto;
  height: auto;
  margin-left: auto;
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander .am-weekly-slots_card h5 {
  margin: 2px 0 0 0;
  color: rgba(0, 0, 0, 0.7);
  font: 500 0.75rem/1.5em "Roboto", serif;
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander .am-weekly-slots_card::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  background: #FDA29B;
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander .am-weekly-slots_card:hover {
  background: #fff;
  border: 1px solid #eaeaea;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander .am-weekly-slots_info {
  margin-top: 5px;
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander .am-weekly-slots_info span {
  gap: 10px;
  display: flex;
  padding: 5px 0;
  align-items: center;
  color: rgba(0, 0, 0, 0.8);
  font: 400 0.75rem/1.1666666667em "Roboto", serif;
}
.am-userinfo_content .tab-pane .am-booking-weekly-clander .am-weekly-slots_info span em {
  color: rgba(0, 0, 0, 0.8);
  font: normal 400 0.75rem/1.1666666667em "Roboto", serif;
}

.am-userinfomore_wrap {
  padding: 40px 30px;
}
.am-userinfomore_tab {
  margin: 0 0 40px;
}
.am-userinfomore_tab.nav-tabs {
  gap: 10px;
  border: 0;
}
.am-userinfomore_tab .nav-link {
  border: 0;
  padding: 10px 20px;
  border-radius: 10px;
  color: #585858;
  font: 500 0.9375rem/1.6em "Roboto", serif;
}
.am-userinfomore_tab .nav-link.active {
  color: #585858;
  background: rgba(219, 132, 1, 0.05);
}
.am-userinfomore_title {
  margin: 0 0 30px;
}
.am-userinfomore_title h3 {
  margin: 0;
  color: #000;
  font: 600 1.5rem/1.3333333333em "Roboto", serif;
}
.am-userinfomore_cards {
  margin: 0 -15px;
}
.am-userinfomore_card {
  gap: 10px;
  width: 100%;
  max-width: 50%;
  padding: 0 15px;
  display: flex;
  align-items: flex-start;
}
.am-userinfomore_card_img {
  margin: 0;
  width: 100%;
  max-width: 90px;
}
.am-userinfomore_card_img img {
  width: 100%;
  max-width: 90px;
  display: block;
  border-radius: 10px;
}
.am-userinfomore_card:nth-last-child(+1n+3) .am-userinfomore_card_info {
  flex: auto;
  border-bottom: 1px solid #eaeaea;
}
.am-userinfomore_card:nth-child(n+3) {
  padding-top: 30px;
}
.am-userinfomore_card > span {
  flex: none;
  display: block;
  padding: 4px 0;
  min-width: 120px;
  font: 600 0.875rem/1.4285714286em "Roboto", serif;
}
.am-userinfomore_card_info {
  padding-bottom: 30px;
}
.am-userinfomore_card_info .am-description p + p {
  margin-top: 20px;
}
.am-userinfomore_card_info h4 {
  margin: 0 0 4px;
  color: #585858;
  font: 500 1.125rem/1.5555555556em "Roboto", serif;
}
.am-userinfomore_card_info ul {
  gap: 6px 16px;
  padding: 0;
  margin: 0 0 16px;
  list-style: none;
  align-items: center;
}
.am-userinfomore_card_info ul li {
  gap: 5px;
  display: flex;
  font: 400 0.8125rem/1.3846153846em "Roboto", serif;
}
.am-userinfomore_card_info ul li i::before {
  font-size: 16px;
}
.am-userinfomore_card_info p {
  margin: 0;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.am-userinfomore_card_info .full-description,
.am-userinfomore_card_info .short-description {
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.am-userinfomore_card_info a {
  display: block;
  margin: 10px 0 0 0;
  color: #585858;
  text-decoration: underline;
  font: 600 0.875rem/1.4285714286em "Roboto", serif;
}

.am-reviews_section {
  padding: 0 0 80px;
}
.am-reviews_section_wrap {
  padding: 40px 0 0;
  position: relative;
}
.am-reviews_section_wrap:after {
  top: 0;
  left: 0;
  content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  background: #fff;
  border-top: 1px solid #F5E2C8;
}
.am-reviews_title {
  padding: 0 30px;
  margin: 0 0 30px;
}
.am-reviews_title h3 {
  margin: 0;
  color: #000;
  font: 600 1.5rem/1.3333333333em "Roboto", serif;
}
.am-reviews_wrap {
  gap: 30px;
  display: flex;
  padding: 0 30px;
  align-items: flex-start;
}
.am-reviews_wrap .am-norecord {
  height: 388px;
}
.am-reviews_sidebar {
  top: 60px;
  width: 100%;
  flex: none;
  max-width: 386px;
  border-radius: 20px;
  position: sticky;
  padding: 24px 24px 34px 24px;
  background: rgba(219, 132, 1, 0.05);
}
.am-reviews_sidebar_head {
  gap: 14px;
  display: flex;
  margin: 0 0 20px;
  padding: 0 0 20px;
  position: relative;
  align-items: center;
}
.am-reviews_sidebar_head:after {
  left: 0;
  bottom: 0;
  content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  background: #fff;
  border-top: 1px solid #F5E2C8;
}
.am-reviews_sidebar_head strong {
  color: #000;
  font: 600 3rem/1.25em "Roboto", serif;
}
.am-reviews_sidebar_stars > span {
  gap: 4px;
  display: flex;
}
.am-reviews_sidebar_stars > span svg {
  width: 16px;
  height: 16px;
}
.am-reviews_sidebar_stars > em {
  margin-top: 6px;
  display: block;
  color: rgba(0, 0, 0, 0.7);
  font: normal 400 0.875rem/1.4285714286em "Roboto", serif;
}
.am-reviews_sidebar_stars > em em {
  font: normal 500 0.875rem/1.4285714286em "Roboto", serif;
  color: rgba(0, 0, 0, 0.8);
}
.am-reviews_ratio {
  margin: 0;
  padding: 0;
  list-style: none;
}
.am-reviews_ratio li {
  width: 100%;
  line-height: inherit;
  list-style-type: none;
}
.am-reviews_ratio li + li {
  margin-top: 20px;
}
.am-reviews_ratio_title {
  gap: 10px;
  display: flex;
  margin: 0 0 6px;
  align-items: center;
}
.am-reviews_ratio_title span {
  display: block;
  color: #585858;
  font: 500 0.875rem/1.4285714286em "Roboto", serif;
}
.am-reviews_ratio_title em {
  margin-left: auto;
  color: rgba(0, 0, 0, 0.7);
  font: 400 0.75rem/1.4285714286em "Roboto", serif;
}

.am-progressbar {
  height: 4px;
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  background: rgba(219, 132, 1, 0.1);
}
.am-progressbar span {
  width: 80%;
  height: 100%;
  position: absolute;
  background: #079455;
  border-radius: 10px;
}

.am-comments {
  flex: auto;
}
.am-comments .am-pagination {
  margin-top: 30px;
}
.am-comments_list {
  list-style: none;
}
.am-comments_list li {
  gap: 10px;
  display: flex;
  align-items: flex-start;
  list-style-type: none;
}
.am-comments_list li + li {
  padding-top: 30px;
}
.am-comments_list li:not(:last-child) .am-comment {
  border-bottom: 1px solid #eaeaea;
}
.am-comments_user {
  flex: none;
  gap: 10px;
  width: 100%;
  display: flex;
  max-width: 202px;
  align-items: center;
}
.am-comments_user_name h4 {
  gap: 6px;
  margin: 0;
  display: flex;
  align-items: center;
  color: #000;
  font: 500 1rem/1.5em "Roboto", serif;
}
.am-comments_user_name h4 img {
  max-width: 16px;
  border-radius: 4px;
}
.am-comments_user_name h4 .flag {
  height: 13px;
  max-width: 18.67px;
}
.am-comments_user_name span {
  display: block;
  font: 400 0.75rem/1.5em "Roboto", serif;
}
.am-comments_img {
  margin: 0;
  width: 100%;
  max-width: 42px;
}
.am-comments_img img {
  width: 100%;
  display: block;
  max-width: 42px;
  border-radius: 6px;
}

.am-comment {
  flex: auto;
  padding-bottom: 30px;
}
.am-comment_rate {
  margin: 0 0 10px;
  gap: 10px;
  display: flex;
  align-items: center;
}
.am-comment_rate_stars {
  gap: 4px;
  display: flex;
  align-items: center;
}
.am-comment_rate_stars svg {
  width: 14px;
  height: 14px;
}
.am-comment_rate span {
  color: rgba(0, 0, 0, 0.8);
  font: normal 500 0.875rem/1.4285714286em "Roboto", serif;
}
.am-comment_rate span em {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
}
.am-comment p {
  margin: 0;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.am-comment p a {
  margin: 0;
  display: inline-block;
  color: #585858;
  text-decoration: underline;
  font: 600 0.875rem/1.4285714286em "Roboto", serif;
}

.am-booksession {
  margin-top: 40px;
  background: #fff;
}
.am-booksession_wrap {
  padding: 0 30px;
}
.am-booksession_date {
  display: flex;
  margin-top: 20px;
  align-items: center;
  justify-content: space-between;
}
.am-booksession_date .am-select-date {
  gap: 10px;
  display: flex;
  align-items: center;
}
.am-booksession_date .am-select-date span {
  display: block;
  padding: 10px 16px;
  border-radius: 8px;
  background: #FBF9F4;
  color: #585858;
  font: 600 0.875rem/1.25em "Roboto", serif;
}

.am-similar-tutor {
  padding: 80px 0;
  position: relative;
}
.am-similar-tutor:after {
  top: 0;
  left: 0;
  content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  background: #fff;
  border-top: 1px solid #F5E2C8;
}

.am-similaruser-list {
  padding: 0;
  margin: -12px;
  display: flex;
  flex-wrap: wrap;
}
.am-similaruser-list > li {
  padding: 12px;
  list-style: none;
}

.am-similaruser-btn {
  display: flex;
  margin-top: 30px;
  align-items: center;
  justify-content: center;
}
.am-similaruser-btn .am-white-btn {
  background: #fff;
  border-color: #E9BB71;
}
.am-similaruser-btn .am-white-btn::before {
  opacity: 0;
}

.am-similar-user {
  width: 100%;
  padding: 20px;
  display: flex;
  cursor: pointer;
  border-radius: 14px;
  flex-direction: column;
  background: #fff;
}
.am-similar-user:hover {
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.am-similar-user:hover .am-sendmessage-btn .am-btn {
  color: #fff;
  background: #295c51;
  border: 1px solid #295c51;
}
.am-similar-user:hover .am-sendmessage-btn .am-btn i::before {
  color: #fff;
}
.am-similar-user .am-tutordetail_user {
  gap: 10px;
}
.am-similar-user .am-tutordetail_user figure {
  max-width: 40px;
}
.am-similar-user .am-tutordetail_user figure img {
  height: 40px;
  border-radius: 6px;
}
.am-similar-user .am-tutordetail_user figure span {
  display: none;
}
.am-similar-user .am-tutordetail_user_name {
  width: 100%;
}
.am-similar-user .am-tutordetail_user_name h3 {
  font: 500 1rem/1.5em "Roboto", serif;
}
.am-similar-user .am-tutordetail_user_name h3 .flag {
  margin-left: -4px;
}
.am-similar-user .am-tutordetail_user_name h3 img {
  max-width: 20px;
}
.am-similar-user .am-tutordetail_user_name > span {
  gap: 0 4px;
  line-clamp: 1;
  flex-wrap: wrap;
  overflow: hidden;
  max-width: 216px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font: 400 0.8125rem/1.2307692308em "Roboto", serif;
}
.am-similar-user .am-tutorreviews-list {
  gap: 10px;
  margin: 20px 0;
}
.am-similar-user .am-tutorreview-item span {
  font-size: 14px;
}
.am-similar-user .am-tutorreview-item span em {
  font-size: 14px;
  line-height: 20px;
  color: rgba(88, 88, 88, 0.7);
  font: 400 0.8125rem/1.2307692308em "Roboto", serif;
}
.am-similar-user .am-tutorreview-item .am-more {
  padding: 2px 4px;
}
.am-similar-user .am-tutorreview-item .am-tooltip-text {
  flex-wrap: wrap;
  display: flex !important;
}
.am-similar-user .am-tutorreview-item .am-tooltip-text span {
  gap: 0;
}

/**--- Custom Tooltip Start ---**/
.am-custom-tooltip {
  padding: 4px;
  cursor: pointer;
  color: #fff;
  position: relative;
  transition: all 0.2s;
  color: #585858;
  font: 400 0.8125rem/1.2307692308em "Roboto", serif;
}
.am-custom-tooltip:hover .am-tooltip-text {
  opacity: 1;
  bottom: 30px;
  visibility: visible;
  pointer-events: auto;
}

.am-tooltip-text {
  left: 50%;
  bottom: 0;
  opacity: 0;
  width: 250px;
  padding: 12px;
  max-height: 96px;
  position: absolute;
  border-radius: 10px;
  transition: all 0.3s;
  pointer-events: none;
  background: #182230;
  -webkit-line-clamp: 4;
  line-clamp: 4 !important;
  transform: translateX(-50%);
  -webkit-box-orient: vertical;
  display: -webkit-box !important;
  color: rgba(255, 255, 255, 0.8) !important;
  font: 500 0.75rem/1.5em "Roboto", serif !important;
  box-shadow: 4px 8px 48px -8px rgba(99, 115, 146, 0.12);
}
.am-tooltip-text::before {
  left: 50%;
  content: "";
  width: 0.6em;
  height: 0.6em;
  bottom: -0.2em;
  position: absolute;
  background: #182230;
  transform: translate(-50%) rotate(45deg);
}
.am-tooltip-text span {
  color: rgba(255, 255, 255, 0.8) !important;
}

/**--- Custom Tooltip End ---**/
.am-similaruser-btns {
  margin-top: auto;
}
.am-similaruser-btns .am-sendmessage-btn > div {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.am-similaruser-btns .am-sendmessage-btn .am-btn {
  width: 100%;
  padding: 9px 15px;
  background: #fff;
  border: 1px solid #eaeaea;
  color: rgba(88, 88, 88, 0.8);
}
.am-similaruser-btns .am-sendmessage-btn .am-btn i::before {
  font-size: 16px;
  color: #585858;
}
.am-similaruser-btns .am-sendmessage-btn .am-btn:hover {
  color: #fff;
  background: #295c51;
  border: 1px solid #295c51;
}
.am-similaruser-btns .am-sendmessage-btn .am-btn:hover i::before {
  color: #fff;
}
.am-similaruser-btns .am-sendmessage-btn .am-white-btn {
  flex: auto;
  padding: 9px 15px;
  border-color: #f7f7f8;
  background-color: #f7f7f8;
}
.am-similaruser-btns .am-sendmessage-btn .am-white-btn i::before {
  font-size: 16px;
}
.am-similaruser-btns .am-sendmessage-btn .am-likebtn {
  border: 1px solid transparent;
}
.am-similaruser-btns .am-sendmessage-btn .am-likebtn i::before {
  font-size: 18px;
}
.am-similaruser-btns .am-sendmessage-btn .am-likebtn:hover, .am-similaruser-btns .am-sendmessage-btn .am-likebtn.active {
  background: #fff;
  border-color: #eaeaea;
}
.am-similaruser-btns .am-sendmessage-btn .am-likebtn:hover i::before, .am-similaruser-btns .am-sendmessage-btn .am-likebtn.active i::before {
  color: #F04438;
}

.am-allsimilaruser-btn {
  display: flex;
  margin-top: 30px;
  align-items: center;
  justify-content: center;
}
.am-allsimilaruser-btn .am-white-btn {
  border-color: #E9BB71;
}

.am-slot-selected {
  background: #fff !important;
  border: 1px solid #eaeaea !important;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.am-slot-selected .am-bookingbtns {
  opacity: 1;
  height: auto;
  margin-top: 5px;
  visibility: visible;
}

.am-slot-pending:before {
  background: #53B1FD !important;
}

.am-slot-warning:before {
  background: #FDA29B !important;
}

.am-slot-ready:before {
  background: #FEC84B !important;
}

.am-slot-success:before {
  background: #75E0A7 !important;
}

.am-session-detail-modal_two .am-session-detail {
  width: 100%;
  min-height: auto;
}

.am-howtobook {
  right: 30px;
  z-index: 99;
  bottom: 30px;
  position: absolute;
}
.am-howtobook > a {
  gap: 8px;
  display: flex;
  padding: 12px 16px;
  border-radius: 8px;
  align-items: center;
  background: #295c51;
  justify-content: center;
}
.am-howtobook > a i::before {
  font-size: 18px;
  color: #fff;
}
.am-howtobook > a span {
  display: block;
  color: #fff;
  font: 600 0.875rem/1.4285714286em "Roboto", serif;
}
.am-howtobook_popup {
  right: 0;
  z-index: 99;
  bottom: 100%;
  width: 340px;
  display: none;
  overflow: hidden;
  position: absolute;
  background: #fff;
  margin-bottom: 10px;
  border-radius: 20px;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.am-howtobook_img {
  margin: 0;
  width: 100%;
  position: relative;
}
.am-howtobook_img img {
  width: 100%;
}
.am-howtobook_content {
  padding: 20px;
}
.am-howtobook_info + .am-howtobook_info {
  margin-top: 14px;
}
.am-howtobook_info h3 {
  margin: 0 0 8px;
  color: #000;
  font: 400 0.8125rem/1.3846153846em "Roboto", serif;
}
.am-howtobook_info ol {
  margin: 0;
  font: 400 0.75rem/1.1666666667em "Roboto", serif;
}
.am-howtobook_info ol li {
  line-height: inherit;
}
.am-howtobook_info ol li + li {
  margin-top: 7px;
}
.am-howtobook_info ol li span {
  display: block;
}
.am-howtobook_info ol li span strong {
  font-weight: 500;
}
.am-howtobook_info ol li span a {
  font-style: italic;
  color: #585858;
  text-decoration: underline;
}
.am-howtobook_close {
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  position: absolute;
  justify-content: center;
}

.am-booksession-details {
  width: 100%;
  height: 640px;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.am-booksession-details .am-weekly-slots_card {
  gap: 0;
  width: 167.2px;
  text-align: left;
}
.am-booksession-details .am-weekly-slots_card:hover .am-bookingbtns {
  margin-top: 5px;
}
.am-booksession-details .am-booking-weekly-clander thead {
  top: 0;
  z-index: 1;
  position: sticky;
  background: #fff;
}

.cr-curriculum-list .cr-faq-accordion {
  margin-top: 20px;
}
.cr-curriculum-list .accordion {
  gap: 2px;
  display: flex;
  padding: 20px;
  background: #f7f7f8;
  border-radius: 16px;
  flex-direction: column;
}
.cr-curriculum-list .accordion-icon {
  left: 0;
  position: absolute;
}
.cr-curriculum-list .accordion-item {
  padding: 20px 16px;
  border-radius: 0 !important;
  background-color: transparent !important;
}
.cr-curriculum-list .accordion-item:has(.accordion-checkbox:checked) {
  border-top: 0 !important;
  border-radius: 12px !important;
  background-color: #fff !important;
}
.cr-curriculum-list .accordion-item:has(.accordion-checkbox:checked) + .accordion-item {
  border-top: 0 !important;
}
.cr-curriculum-list .accordion-item + .accordion-item {
  margin-top: 0 !important;
  border-top: 1px solid #eaeaea !important;
}
.cr-curriculum-list .accordion-header {
  gap: 8px;
  padding: 0 !important;
  padding-left: 23px !important;
  justify-content: space-between !important;
}
.cr-curriculum-list .accordion-header .cr-contentbox span {
  color: #585858;
  font: 500 14px/16px "Roboto", serif;
}
.cr-curriculum-list .accordion-header ul {
  gap: 6px;
  padding: 0;
  display: flex;
  flex: none;
  list-style: none;
  margin: 0 0 0 auto;
  align-items: center;
}
.cr-curriculum-list .accordion-header ul li {
  position: relative;
  list-style-type: none;
}
.cr-curriculum-list .accordion-header ul li + li {
  padding-left: 10px;
}
.cr-curriculum-list .accordion-header ul li + li::before {
  top: 50%;
  left: 0;
  width: 4px;
  content: "";
  height: 4px;
  position: absolute;
  border-radius: 50%;
  background: #585858;
  transform: translateY(-50%);
}
.cr-curriculum-list .accordion-header ul li span {
  gap: 4px;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  font-style: normal;
  align-items: center;
  color: #585858;
}
.cr-curriculum-list .accordion-header ul li span strong {
  font-weight: 500;
}
.cr-curriculum-list .accordion-content {
  padding: 14px 0 0 23px !important;
}
.cr-curriculum-list .accordion-content > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cr-curriculum-list .accordion-content > ul li {
  list-style-type: none;
}
.cr-curriculum-list .accordion-content > ul li + li {
  margin-top: 12px;
}

.cr-question {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  position: relative;
  border-radius: 8px;
  background-color: #f7f7f8;
}

.cr-question .cr-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.cr-question .cr-div {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  padding-left: 25px;
}
.cr-question .cr-div > i, .cr-question .cr-div > svg {
  left: 0;
  position: absolute;
}

.cr-question .cr-img {
  position: relative;
  width: 15px;
  height: 15px;
}

.cr-question .cr-frame-2 {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}
.cr-question .cr-frame-2 > svg {
  flex: none;
}

.cr-question .cr-frame-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.cr-question .cr-frame-3 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.cr-question .cr-frame-4 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.cr-question .cr-text-wrapper {
  font-family: var(--text-xs-regular-12-font-family);
  font-weight: 400;
  color: var(--other-colorslight-color);
  font-size: 12px;
  line-height: 18px;
}

.cr-question .cr-div-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 180px;
  padding: 0px 0px 0px 23px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.cr-question .cr-p {
  position: relative;
  flex: 1;
  opacity: 0.9;
  margin: 0;
  font-family: var(--text-sm-regular-14-font-family);
  font-weight: var(--text-sm-regular-14-font-weight);
  color: var(--other-colorslight-color);
  font-size: var(--text-sm-regular-14-font-size);
  letter-spacing: var(--text-sm-regular-14-letter-spacing);
  line-height: var(--text-sm-regular-14-line-height);
  font-style: var(--text-sm-regular-14-font-style);
}

.cr-prerequisites-frame {
  padding: 30px;
  border-radius: 10px;
  background: #f7f7f8;
  margin-top: 10px;
}
.cr-prerequisites-frame > p {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 24px; /* 150% */
  color: #585858;
  font-family: "Roboto", serif;
  margin: 0;
}
.cr-prerequisites-frame > ul {
  padding: 0;
  list-style: none;
  margin: 16px 0;
}
.cr-prerequisites-frame > ul li {
  position: relative;
  gap: 10px;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  color: #585858;
  line-height: 24px; /* 150% */
  font-style: normal;
  align-items: center;
  list-style-type: none;
  padding-left: 28px;
  font-family: "Roboto", serif;
}
.cr-prerequisites-frame > ul li + li {
  margin-top: 16px;
}
.cr-prerequisites-frame > ul li::before {
  top: 4px;
  left: 0;
  content: "\e995";
  font-size: 15px;
  position: absolute;
  border-radius: 50%;
  font-family: "icomoon";
  line-height: initial;
}
.cr-prerequisites-frame > ul + p {
  margin-top: 16px;
}
.cr-prerequisites-frame ol li {
  width: 100% !important;
}

/* Detail page */
.cr-course-details-wrapper {
  background-color: #fff;
}

.cr-course-details-area {
  gap: 80px;
  z-index: 1;
  width: 100%;
  display: flex;
  margin: 0 auto;
  max-width: 1464px;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
}

.cr-course-banner-info {
  padding: 47px 0;
  position: relative;
}
.cr-course-banner-info .am-breadcrumb {
  margin-bottom: 4px;
}

.cr-course-details-banner {
  overflow: hidden;
  position: relative;
  background: #f7f7f8;
}
.cr-course-details-banner .cr-course-details-info {
  width: 100%;
  padding: 50px 0;
  max-width: 992px;
}

.cr-course-details-info .am-breadcrumb {
  margin-bottom: 4px;
}
.cr-course-details-info .am-breadcrumb li a {
  color: rgba(0, 0, 0, 0.7);
}
.cr-course-details-info .am-breadcrumb li span {
  color: rgba(0, 0, 0, 0.5);
}

.cr-course-shap-image {
  top: -70px;
  right: -34px;
  width: 588px;
  height: 360px;
  min-width: 240px;
  position: absolute;
  aspect-ratio: 1.63;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
}

.cr-course-shap-image2 {
  left: 0%;
  width: 212px;
  height: 86px;
  bottom: -2px;
  position: absolute;
  object-fit: contain;
  object-position: center;
}

.cr-title-box {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cr-title-box h2 {
  margin-bottom: 8px;
}
.cr-title-box .cr-course-category {
  display: flex;
  text-align: center;
  padding: 3px 10px;
  border-radius: 8px;
  font: 400 12px/18px "Roboto", serif;
  border: 1px solid rgba(88, 88, 88, 0.2);
}
.cr-title-box .cr-course-category span {
  font-weight: 500;
}

.cr-course-meta {
  width: 100%;
  gap: 35px;
  margin-top: 20px;
  display: inline-flex;
  justify-content: start;
  flex-wrap: wrap;
}

.cr-rating-container {
  gap: 6px;
  display: flex;
  align-items: center;
}
.cr-rating-container span {
  display: flex;
  align-items: center;
}

.cr-rating-score {
  border-radius: 4px;
  background-color: #2ec063;
  gap: 2px;
  color: #fff;
  white-space: nowrap;
  padding: 0 5px;
  font: 500 14px/20px "Roboto", serif;
}

.cr-review-count {
  color: #585858;
  font: 400 12px/18px "Roboto", serif;
}

.cr-last-updated {
  gap: 7px;
  display: flex;
  color: #585858;
  align-items: center;
  justify-content: start;
  font: 400 14px/1 "Roboto", serif;
}

.cr-update-date {
  font: 400 14px/20px "Roboto", serif;
}

.cr-course-stats {
  gap: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  align-items: center;
  justify-content: start;
}

.cr-stat-item {
  flex: 1;
  gap: 8px;
  display: flex;
  margin: auto 0;
  flex-basis: 20px;
  align-items: end;
  justify-content: start;
}

.cr-stat-icon-wrapper {
  display: flex;
  min-height: 20px;
  align-items: center;
  gap: 10px;
  justify-content: center;
  width: 15px;
}
.cr-stat-icon-wrapper i {
  display: block;
  line-height: inherit;
}

.cr-stat-icon {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 15px;
  align-self: stretch;
  margin: auto 0;
}

.cr-stat-content {
  display: flex;
  flex-direction: column;
  font-family: "Roboto", serif;
  white-space: nowrap;
  justify-content: start;
  flex: 1;
  flex-basis: 0%;
}

.cr-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.cr-stat-label {
  color: #585858;
  font: 400 12px/18px "Roboto", serif;
}

.cr-stat-value {
  font: 500 14px/20px "Roboto", serif;
  color: rgba(0, 0, 0, 0.7);
}

.cr-topics {
  gap: 6px;
  display: flex;
  align-items: center;
}

.curriculum-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.curriculum-title {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.cr-curriculum-stats {
  font-size: 14px;
  color: #666;
}
.cr-curriculum-stats em {
  color: #585858;
  font: 500 14px/20px "Roboto", serif;
}
.cr-curriculum-stats span {
  font: 400 14px/20px "Roboto", serif;
  color: rgba(88, 88, 88, 0.8);
}

.cr-expand-all {
  color: #754FFE;
  border: none;
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 5px 10px;
  border-radius: 8px;
  background-color: rgba(117, 79, 254, 0.1);
  font: 400 12px/18px "Roboto", serif;
}

/* Course sidebar */
.cr-course-sidebar {
  gap: 20px;
  width: 100%;
  display: flex;
  flex-shrink: 0;
  z-index: 100;
  margin-left: auto;
  max-width: 413px;
  position: relative;
  top: -302px;
  flex-direction: column;
}
.cr-course-sidebar .tags-container {
  max-width: 100%;
}
.cr-course-sidebar .cr-course-card {
  gap: 24px;
  padding: 16px;
}
.cr-course-sidebar .cr-course-card figure {
  width: 100%;
  height: 237px;
  margin-bottom: 0;
  position: relative;
}
.cr-course-sidebar .cr-course-card figure img {
  width: 100%;
  height: 237px;
  object-fit: cover;
  border-radius: 10px;
}
.cr-course-sidebar .cr-course-card figure figcaption {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 10px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
}
.cr-course-sidebar .cr-course-card figure figcaption > button {
  right: 10px;
  width: 50px;
  bottom: 10px;
  height: 50px;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(2.6666667461px);
  backdrop-filter: blur(2.6666667461px);
}
.cr-course-sidebar .cr-course-card .cr-card-skeleton {
  padding: 0;
  height: 237px;
  width: 100%;
  border-radius: 10px;
}
.cr-course-sidebar .cr-course-card .cr-card-skeleton .cr-image-wrapper-skeleton {
  height: 100%;
  border-radius: 10px;
}

.cr-course-card {
  gap: 20px;
  width: 100%;
  display: flex;
  padding: 16px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #eaeaea;
  font-family: "Roboto", serif;
}

.cr-course-video {
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  height: 237px;
}

.cr-price-section {
  width: 100%;
  align-items: center;
  gap: 10px 43px;
  justify-content: flex-start;
  padding: 0 10px;
}

/* Coupon style */
.cr-coupon-container {
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid #eaeaea;
  background-color: #fff;
  display: flex;
  max-width: 413px;
  padding: 16px;
  flex-direction: column;
  overflow: hidden;
  gap: 16px;
}

.cr-coupon-wrapper {
  border-radius: 10px;
  background-color: rgba(236, 77, 64, 0.04);
  display: flex;
  width: 100%;
  padding-right: 14px;
  align-items: center;
  gap: 16px;
  overflow: hidden;
}

.cr-discount-banner {
  background-color: #ec4d40;
  align-self: stretch;
  display: flex;
  width: 80px;
  flex-direction: column;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
}

.cr-discount-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cr-discount-value {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-family: SF Pro Text, sans-serif;
  color: #fff;
}

.cr-discount-number {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.cr-discount-percent {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.cr-discount-text {
  color: #fff;
  font: 500 12px/18px "Roboto", serif;
}

.cr-promo-code-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  font-family: SF Pro Text, sans-serif;
  color: #585858;
  justify-content: center;
  width: 226px;
}

.cr-promo-code-label {
  font: 400 12px/18px "Roboto", serif;
}

.cr-promo-code-content {
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  line-height: 1;
  justify-content: center;
}

.cr-promo-code-text {
  align-self: stretch;
  margin: auto 0;
  font: 500 14px/20px "Roboto", serif;
}

.cr-copy-icon-wrapper {
  justify-content: center;
  align-items: center;
  border-radius: 21.176px;
  background-color: #fff;
  align-self: stretch;
  display: flex;
  width: 24px;
  height: 24px;
  margin: auto 0;
  padding: 0 5px;
  cursor: pointer;
}

.cr-coupon-input-wrapper {
  gap: 12px;
  width: 100%;
  display: flex;
  padding: 4px;
  align-items: center;
  border-radius: 10px;
  background-color: #f7f7f8;
  font-family: "Roboto", serif;
}

.cr-input-field {
  flex: 1;
  width: 100%;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  background-color: #f7f7f8;
}

.cr-input-text {
  flex: 1;
  border: none;
  margin: auto 0;
  font-size: 14px;
  align-self: stretch;
  padding: 10px 12px !important;
  background-color: transparent;
  color: rgba(88, 88, 88, 0.6);
  font-family: SF Pro Text, sans-serif;
}

.cr-input-text:hover,
.cr-input-text:focus {
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
}

.am-tutordetail_user_name a {
  font: 700 18px/28px "Roboto", serif;
}
.am-tutordetail_user_name span {
  color: #585858;
  font: 400 12px/18px "Roboto", serif !important;
}

.instructor-bio {
  margin: 0;
}

.cr-apply-button {
  border: none;
  display: flex;
  color: #fff;
  flex-shrink: 0;
  cursor: pointer;
  font-size: 16px;
  min-height: 43px;
  overflow: hidden;
  font-weight: 600;
  line-height: 24px;
  padding: 9px 12px;
  align-items: center;
  border-radius: 10px;
  white-space: nowrap;
  justify-content: center;
  background-color: #34a853;
}

.cr-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* profile card */
.cr-course-sidebar .am-similar-user {
  height: auto;
  padding: 16px;
  max-width: 100%;
  background: #fff;
  border-radius: 16px;
  cursor: auto;
  border: 1px solid #eaeaea;
}
.cr-course-sidebar .am-similar-user:hover {
  box-shadow: none;
}
.cr-course-sidebar .am-similar-user .am-tutorreviews-list {
  margin: 16px 0;
  max-width: 100%;
}
.cr-course-sidebar .am-similar-user .am-tutorreviews-list .wa-tags-list em {
  padding: 2px 6px;
  border-radius: 6px;
  background: #EFF8FF;
  color: #585858;
}

.cr-profile-footer {
  gap: 14px;
  margin-top: 16px;
  align-items: center;
  justify-content: space-between;
}
.cr-profile-footer .cr-social-icons {
  gap: 10px;
  align-items: center;
}
.cr-profile-footer .cr-social-icons li {
  list-style: none;
}
.cr-profile-footer .cr-social-icons li a {
  width: 36px;
  height: 36px;
  position: relative;
  align-items: center;
  background: #f7f7f8;
  text-decoration: none;
  justify-content: center;
  border-radius: 25.714px;
  color: #585858;
  font-size: 14px;
}
.cr-profile-footer .cr-social-icons li a .am-tooltip-text {
  width: auto;
  bottom: 100%;
}
.cr-profile-footer .cr-social-icons li a:hover .am-tooltip-text {
  opacity: 1;
}

.cr-view-profile-btn {
  border-radius: 10px;
  background-color: rgba(41, 92, 81, 0.1);
  color: #295c51;
  padding: 8px 16px;
  font: 500 14px/1 "Roboto", serif;
}

.share-course-container {
  gap: 10px 20px;
  padding: 16px;
  align-items: center;
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #eaeaea;
  justify-content: space-between;
}

.share-text {
  opacity: 0.8;
  margin: auto 0;
  align-self: stretch;
  color: #000;
  font: 600 16px "Roboto", serif;
}

.share-icons-container {
  align-items: center;
  gap: 10px;
  margin: auto 0;
}
.share-icons-container button {
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-icons-container button .am-tooltip-text {
  width: auto;
  bottom: 100%;
}
.share-icons-container button:hover .am-tooltip-text {
  opacity: 1;
}
.share-icons-container .fw-bookmark {
  left: 50%;
  bottom: 100%;
  width: auto;
  padding: 12px;
  max-height: 96px;
  position: absolute;
  border-radius: 10px;
  display: inline-flex;
  transition: all 0.3s;
  pointer-events: none;
  background: #182230;
  justify-content: center;
  transform: translateX(-50%);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4 !important;
  color: rgba(255, 255, 255, 0.8) !important;
  font: 500 0.75rem/1.5em "Roboto", serif !important;
  box-shadow: 4px 8px 48px -8px rgba(99, 115, 146, 0.12);
}
.share-icons-container .fw-bookmark::before {
  left: 50%;
  content: "";
  width: 0.6em;
  height: 0.6em;
  bottom: -0.2em;
  position: absolute;
  background: #182230;
  transform: translate(-50%) rotate(45deg);
}

.share-icon {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 30px;
  align-self: stretch;
  margin: auto 0;
}

.more-options {
  border-radius: 30px;
  background-color: rgba(41, 92, 81, 0.1);
  align-self: stretch;
  display: flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: auto 0;
  padding: 0 8px 0 7px;
}
.more-options i:before {
  color: #295c51;
}

.cr-facebook i:before {
  color: #3b5999;
}

.cr-twitter i:before {
  color: #55acee;
}

.cr-linkedin i:before {
  color: #0077b5;
}

.cr-instagram i:before {
  color: #e4405f;
}

.more-options-icon {
  aspect-ratio: 1.07;
  object-fit: contain;
  object-position: center;
  width: 15px;
  align-self: stretch;
  margin: auto 0;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.tags-container {
  border-radius: 16px;
  background-color: #fff;
  display: flex;
  max-width: 413px;
  flex-direction: column;
  font-family: "Roboto", serif;
  justify-content: center;
  padding: 16px;
  border: 1px solid #eaeaea;
}
.tags-container h2.tags-title {
  margin: 0;
}
.tags-container .tags-list .tag {
  line-height: 18px;
  background: #f7f7f8;
  letter-spacing: normal;
}

.tags-title {
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
}

.tags-list {
  gap: 10px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  margin-top: 12px;
  font-weight: 400;
  text-align: center;
  align-items: center;
  justify-content: start;
  color: #585858;
}

.tag {
  align-self: stretch;
  border-radius: 8px;
  background-color: #f8f7f3;
  padding: 4px 10px;
  word-break: break-word;
}

.cr-price-wrapper {
  display: flex;
  min-width: 240px;
  align-items: center;
  gap: 7px;
  color: #34A853;
  white-space: nowrap;
  flex: 1;
  flex-basis: 20px;
  margin: auto 0;
}

.cr-price {
  display: flex;
  align-items: flex-start;
}

.cr-currency {
  line-height: 1;
  font-size: 18px;
  font-weight: 600;
}

.cr-amount {
  line-height: 1;
  font-size: 24px;
  font-weight: 500;
}

.cr-discount {
  width: 37px;
  height: 20px;
  align-self: stretch;
  margin: auto 0;
}

.cr-discount-label {
  flex: none;
  border-radius: 4px;
  background-color: rgba(236, 77, 64, 0.1);
  color: #ec4d40;
  font: 500 12px/18px "Roboto", serif;
  text-align: center;
  padding: 6px 10px;
}

.cr-course-includes {
  display: flex;
  margin-top: 10px;
  width: 100%;
  flex-direction: column;
  padding: 0 10px;
}

.cr-includes-title {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8);
}

.cr-includes-list {
  gap: 10px;
  padding: 0;
  width: 100%;
  display: flex;
  line-height: 1;
  font-size: 14px;
  margin-top: 12px;
  color: #585858;
  list-style-type: none;
  flex-direction: column;
}
.cr-includes-list .cr-includes-item {
  gap: 10px;
  width: 100%;
  display: flex;
  line-height: 20px;
  align-items: center;
  white-space: nowrap;
  justify-content: flex-start;
}

.cr-overview-course + .cr-overview-course {
  border-top: 1px solid #eaeaea;
  padding: 40px 0 0;
  margin-top: 40px;
}

.cr-faq-accordion.cr-detail-faq-accordion .accordion .accordion-item .accordion-checkbox:checked + .accordion-header + .accordion-content {
  padding: 0 16px 16px 16px;
}

.cr-course-sidebar .am-custom-tooltip {
  gap: 14px;
  padding: 0;
  display: flex;
  align-items: center;
}
.cr-course-sidebar .am-custom-tooltip img {
  width: 18px;
  height: 14px;
}
.cr-course-sidebar .am-similar-user .am-tutorreviews-list span em {
  font: 400 14px/20px "Roboto", serif;
  color: rgba(88, 88, 88, 0.8);
}
.cr-course-sidebar .am-similar-user .cr-instructor-bio {
  margin: 0;
  font: 400 14px/20px "Roboto", serif;
  color: rgba(88, 88, 88, 0.9);
}
.cr-course-sidebar .am-similar-user .cr-view-profile-btn {
  font: 500 14px/20px "Roboto", serif;
}
.cr-course-sidebar .am-similar-user .wa-tags-list {
  padding-left: 26px;
}
.cr-course-sidebar .am-similar-user .wa-tags-list li span {
  color: #585858;
  font: 500 14px/20px "Roboto", serif;
}
.cr-course-sidebar .am-similar-user .wa-tags-list li .cr-native {
  font: 500 12px/20px "Roboto", serif;
}

.cr-overview {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.cr-overview .cr-faq-accordion .accordion .accordion-item .accordion-header .cr-contentbox span {
  display: block;
  color: #585858;
}
.cr-overview .cr-faq-accordion .accordion .accordion-item .accordion-content p {
  color: rgba(88, 88, 88, 0.8);
}
.cr-overview.tab-content {
  padding-top: 60px;
}
.cr-overview.tab-content > .tab-pane {
  display: block;
}
.cr-overview .cr-overview-course {
  padding: 40px 0;
  margin: 0;
}
.cr-overview .cr-overview-course h3 {
  margin-bottom: 20px;
  font: 500 20px/30px "Roboto", serif;
  color: rgba(0, 0, 0, 0.9);
}
.cr-overview .cr-overview-course h3 + .cr-faq-accordion {
  margin-top: 0;
}
.cr-overview .cr-overview-course p {
  margin: 0;
  color: #585858;
  font: 400 16px/24px "Roboto", serif;
}
.cr-overview .cr-overview-course p ~ ul, .cr-overview .cr-overview-course p ~ p {
  margin-top: 16px;
}
.cr-overview .cr-overview-course .cr-curriculum-header {
  gap: 10px 30px;
  align-items: center;
  justify-content: space-between;
}
.cr-overview .cr-overview-course .cr-show {
  display: block;
  margin-top: 10px;
  color: #585858;
  text-decoration: underline;
  font: 400 14px/20px "Roboto", serif;
}
.cr-overview .cr-overview-course .cr-learn-content {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  gap: 16px 30px;
}
.cr-overview .cr-overview-course .cr-learn-content > li {
  list-style-type: none;
  width: calc((100% - 30px) / 2);
}
.cr-overview .cr-overview-course .cr-learn-content .cr-checked-contnet {
  gap: 10px;
  display: flex;
}
.cr-overview .cr-overview-course .cr-learn-content .cr-checked-contnet span {
  flex: none;
  font-size: 18px;
}
.cr-overview .cr-overview-course .cr-learn-content .cr-checked-contnet span i {
  margin: 2px 0;
  display: block;
}
.cr-overview .cr-overview-course .cr-learn-content .cr-checked-contnet span svg {
  display: block;
  opacity: 0.8;
}
.cr-overview .cr-overview-course .cr-learn-content .cr-checked-contnet em {
  font: 400 16px/24px "Roboto", serif;
  color: rgba(88, 88, 88, 0.9);
}
.cr-overview .cr-detail-faq-accordion .accordion-item + .accordion-item {
  margin-top: 16px !important;
}
.cr-overview .cr-detail-faq-accordion .accordion-item .accordion-header {
  padding: 16px !important;
  font: 500 16px/24px "Roboto", serif !important;
}
.cr-overview .cr-detail-faq-accordion .accordion-content p {
  overflow-y: auto;
  max-height: 336px;
  overflow-x: hidden;
  font: 400 1rem/1.5em "Roboto", serif !important;
}
.cr-overview .cr-detail-faq-accordion .accordion-content p::-webkit-scrollbar-thumb {
  background-color: #e8e8e9;
  border: 5px solid #e8e8e9;
}
.cr-overview .cr-detail-faq-accordion .accordion-content p::-webkit-scrollbar {
  width: 5px;
}
.cr-overview .cr-detail-faq-accordion .accordion-content p::-webkit-scrollbar-thumb {
  border-radius: 16px;
}
.cr-overview .cr-detail-faq-accordion .accordion-content p::-webkit-scrollbar-button {
  display: none;
}
.cr-overview .cr-detail-faq-accordion .accordion-content ol li {
  width: 100% !important;
}
.cr-overview .cr-overview-curriculm h3 {
  margin-bottom: 4px;
}
.cr-overview .cr-overview-curriculm .accordion-content p {
  margin-bottom: 0 !important;
  color: rgba(88, 88, 88, 0.9);
}
.cr-overview .cr-overview-curriculm .accordion-content p + ul {
  margin: 12px 0 0;
}
.cr-overview .cr-overview-curriculm .accordion-content .cr-p,
.cr-overview .cr-overview-curriculm .accordion-content .cr-label {
  margin: 0 !important;
}
.cr-overview .cr-overview-curriculm .accordion-content .cr-frame-wrapper span {
  display: flex;
  align-items: center;
  color: #585858;
  font: 400 12px/18px "Roboto", serif;
}
.cr-overview .cr-overview-curriculm .accordion-content .cr-frame-wrapper span strong {
  margin-right: 4px;
  font: 500 14px/20px "Roboto", serif;
}
.cr-overview .cr-overview-curriculm .accordion-content .cr-frame-wrapper span .cr-label-preview {
  cursor: pointer;
  color: #FD7900;
  padding: 3px 6px;
  margin: 0 0 0 8px;
  border-radius: 8px;
  position: relative;
  background: rgba(253, 121, 0, 0.1);
  font: 400 12px/18px "Roboto", serif;
}
.cr-overview .cr-overview-curriculm .accordion-content .cr-frame-wrapper span .cr-label-preview:before {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  border-radius: 8px;
  background-color: #000;
}
.cr-overview .cr-overview-curriculm .accordion-content .cr-frame-wrapper span .cr-label-preview:hover, .cr-overview .cr-overview-curriculm .accordion-content .cr-frame-wrapper span .cr-label-preview:focus {
  outline: none;
}
.cr-overview .cr-overview-curriculm .accordion-content .cr-frame-wrapper span .cr-label-preview:hover:before {
  opacity: 0.1;
}
.cr-overview .cr-overview-curriculm .accordion-content .cr-frame-wrapper span .cr-labels {
  display: ruby;
  color: #FD7900;
  padding: 3px 6px;
  margin: 0 0 0 8px;
  border-radius: 8px;
  background: rgba(253, 121, 0, 0.1);
  font: 600 14px/20px "Roboto", serif;
}
.cr-overview .cr-overview-curriculm .accordion-content .cr-frame-wrapper span .cr-labels em {
  opacity: 0.7;
  font-style: normal;
  font: 600 12px/18px "Roboto", serif;
}
.cr-overview .cr-overview-curriculm .accordion-content .cr-frame-wrapper span .cr-labels em span {
  color: #FD7900;
  font: 500 12px/18px "Roboto", serif;
}
.cr-overview .cr-overview-curriculm .cr-courses-info span {
  font-weight: 400;
}
.cr-overview .cr-overview-curriculm .cr-courses-info span strong {
  display: block;
  font: 500 14px/20px "Roboto", serif;
}

.cr-review + .cr-review {
  border-top: 1px solid #eaeaea;
}

.cr-overview-rating {
  display: flex;
  flex-direction: column;
}
.cr-overview-rating h3 {
  margin: 0 !important;
}
.cr-overview-rating .cr-review {
  gap: 20px;
  display: flex;
  padding-top: 20px;
}
.cr-overview-rating .cr-review:last-child .cr-review-content {
  padding-bottom: 0;
}
.cr-overview-rating .cr-review img {
  width: 42px;
  flex: none;
  height: 42px;
  object-fit: cover;
  border-radius: 6px;
}
.cr-overview-rating .cr-review .cr-review-content {
  gap: 10px;
  flex: auto;
  display: flex;
  padding-bottom: 40px;
  flex-direction: column;
}
.cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main {
  display: flex;
  justify-content: space-between;
}
.cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-review-star .cr-review-name {
  gap: 6px;
  display: flex;
  align-items: center;
}
.cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-review-star .cr-review-name h4 {
  margin: 0;
  color: #000;
  font: 500 16px/24px "Roboto", serif;
}
.cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-review-star .cr-review-name img {
  width: 16px;
  height: 12px;
  border-radius: 4px;
}
.cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-review-star .cr-review-name .am-custom-tooltip .am-tooltip-text {
  max-width: fit-content;
}
.cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-review-star span {
  color: #585858;
  font: 400 12px/18px "Roboto", serif;
}
.cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-review-star span.flag {
  width: 16px;
  height: 12px;
  border-radius: 4px;
}
.cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-reviews-content {
  gap: 10px;
  display: flex;
  align-items: center;
}
.cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-reviews-content .cr-review-stars {
  gap: 5px;
  display: flex;
}
.cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-reviews-content .cr-review-stars span {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
}
.cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-reviews-content .cr-review-rating span {
  font: 500 14px/20px "Roboto", serif;
  color: rgba(0, 0, 0, 0.8);
}
.cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-reviews-content .cr-review-rating span em {
  opacity: 0.7;
  margin-left: 2px;
  font-weight: 400;
  font-style: normal;
}
.cr-overview-rating .cr-review p {
  margin: 0;
  color: #585858;
  font: 400 16px/24px "Roboto", serif;
}
.cr-overview-rating .cr-review-button {
  margin-top: 20px;
  border-radius: 8px;
  text-align: center;
  padding: 10px 16px;
  background: #f7f7f8;
  color: #585858;
  font: 400 14px/20px "Roboto", serif;
}

.cr-course-like-main {
  background-color: #f7f7f8;
}
.cr-course-like-main .cr-course-like-area {
  gap: 20px;
  width: 100%;
  display: flex;
  margin: 0 auto;
  padding: 40px 0;
  max-width: 1440px;
  flex-direction: column;
}
.cr-course-like-main .cr-course-like-area h5 {
  margin: 0;
  color: rgba(0, 0, 0, 0.9);
  font: 500 20px/30px "Roboto", serif;
}
.cr-course-like-main .cr-course-like-area .cr-course-card {
  background: #fff;
}
.cr-course-like-main .cr-course-like-card {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(281px, 1fr));
}
.cr-course-like-main .cr-course-like-card .cr-card, .cr-course-like-main .cr-course-like-card .cr-card-skeleton {
  margin: 0;
  padding: 0;
  width: 100%;
  background: transparent;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.cr-course-like-main .cr-course-like-card .cr-card .cr-course-card, .cr-course-like-main .cr-course-like-card .cr-card-skeleton .cr-course-card {
  gap: 0;
  border: none;
  padding: 16px 10px 10px 10px;
  border-radius: 0 0 10px 10px;
}
.cr-course-like-main .cr-course-like-card .cr-card .cr-course-card .cr-instructor-details, .cr-course-like-main .cr-course-like-card .cr-card-skeleton .cr-course-card .cr-instructor-details {
  padding: 2px 0;
}
.cr-course-like-main .cr-course-like-card .cr-card .cr-course-card .cr-course-title, .cr-course-like-main .cr-course-like-card .cr-card-skeleton .cr-course-card .cr-course-title {
  font: 500 14px/20px "Roboto", serif;
}
.cr-course-like-main .cr-course-like-card .cr-card .cr-course-card .cr-duration-info, .cr-course-like-main .cr-course-like-card .cr-card-skeleton .cr-course-card .cr-duration-info {
  flex: none;
}
.cr-course-like-main .cr-course-like-card .cr-card .cr-course-card .cr-price-container, .cr-course-like-main .cr-course-like-card .cr-card-skeleton .cr-course-card .cr-price-container {
  position: relative;
}
.cr-course-like-main .cr-course-like-card .cr-card .cr-course-card .cr-price-container .cr-original-price, .cr-course-like-main .cr-course-like-card .cr-card-skeleton .cr-course-card .cr-price-container .cr-original-price {
  opacity: 0.9;
  font: 400 14px/20px "Roboto", serif;
}
.cr-course-like-main .cr-course-like-card .cr-card .cr-course-card .cr-price-container .cr-original-price::before, .cr-course-like-main .cr-course-like-card .cr-card-skeleton .cr-course-card .cr-price-container .cr-original-price::before, .cr-course-like-main .cr-course-like-card .cr-card .cr-course-card .cr-price-container .cr-original-price::after, .cr-course-like-main .cr-course-like-card .cr-card-skeleton .cr-course-card .cr-price-container .cr-original-price::after {
  top: 3px;
  left: 29px;
  width: 1px;
  content: "";
  height: 2px;
  height: 38.329px;
  position: absolute;
  transform: rotate(77.262deg);
  background: rgb(104, 104, 104);
}
.cr-course-like-main .cr-course-like-card .cr-card .cr-course-card .cr-price-container .cr-original-price::before, .cr-course-like-main .cr-course-like-card .cr-card-skeleton .cr-course-card .cr-price-container .cr-original-price::before {
  top: 4px;
  height: 38.329px;
  background: #f7f7f8;
}
.cr-course-like-main .cr-course-like-card .cr-card .cr-image-wrapper, .cr-course-like-main .cr-course-like-card .cr-card-skeleton .cr-image-wrapper {
  height: 185px;
}
.cr-course-like-main .cr-course-like-card .cr-card .cr-image-wrapper .cr-background-image, .cr-course-like-main .cr-course-like-card .cr-card-skeleton .cr-image-wrapper .cr-background-image {
  height: 185px;
}

.cr-bookmark-button svg path {
  stroke: rgba(88, 88, 88, 0.5);
}
.cr-bookmark-button.cr-likedcard svg, .cr-bookmark-button:hover svg {
  fill: #F63C3C;
}
.cr-bookmark-button.cr-likedcard svg g, .cr-bookmark-button:hover svg g {
  opacity: 1;
}
.cr-bookmark-button.cr-likedcard svg path, .cr-bookmark-button:hover svg path {
  opacity: 1;
  stroke: #F63C3C;
}

.cr-detail-tabs {
  margin-top: 0;
  border-width: 1px;
  background: #fff;
}
.cr-detail-tabs .am-aboutuser_tab {
  gap: 0;
  width: 100%;
  max-width: 992px;
}
.cr-detail-tabs .am-aboutuser_tab li a {
  padding: 17.5px 4px;
  width: 100%;
  position: relative;
  background: transparent;
  font: 500 15px/24px "Roboto", serif;
  color: rgba(88, 88, 88, 0.7);
}
.cr-detail-tabs .am-aboutuser_tab li a::before {
  bottom: -1px;
}
.cr-detail-tabs .am-aboutuser_tab li.active a {
  color: #585858;
}

.cr-course-details-sections > .cr-course-details-area {
  z-index: unset;
  padding-bottom: 80px;
}

.cr-overview-course.cr-overview-rating {
  padding-bottom: 0;
}

.cr-offering-videojs iframe {
  display: block;
  background: #000;
}
.cr-offering-videojs .video-js {
  position: relative;
}
.cr-offering-videojs .video-js .vjs-tech {
  width: 100%;
  height: 400px;
}

.tb-action-icon li a {
  position: relative;
}
.tb-action-icon li a .tb-tooltip {
  left: 50%;
  bottom: 0;
  opacity: 0;
  width: 250px;
  padding: 12px;
  max-height: 96px;
  position: absolute;
  border-radius: 10px;
  transition: all 0.3s;
  pointer-events: none;
  background: #182230;
  transform: translate(-50%);
  -webkit-box-orient: vertical;
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  color: #fff !important;
  width: max-content;
  font: 500 0.75rem/1.5em SF Pro Text !important;
  box-shadow: 4px 8px 48px -8px rgba(99, 115, 146, 0.1215686275);
}
.tb-action-icon li a:hover .tb-tooltip {
  opacity: 1;
  bottom: 30px;
  visibility: visible;
  pointer-events: auto;
}

.cr-article-modal .cr-article-content {
  overflow-y: auto;
  max-height: 400px;
  overflow-x: hidden;
}
.cr-article-modal .cr-article-content::-webkit-scrollbar-thumb {
  background-color: #e8e8e9;
  border: 5px solid #e8e8e9;
}
.cr-article-modal .cr-article-content::-webkit-scrollbar {
  width: 5px;
}
.cr-article-modal .cr-article-content::-webkit-scrollbar-thumb {
  border-radius: 16px;
}
.cr-article-modal .cr-article-content::-webkit-scrollbar-button {
  display: none;
}
.cr-article-modal .am-modal-header h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.cr-article-modal .am-modal-header .am-closepopup {
  flex: none;
}

.cr-invalid .form-control,
.cr-invalid .select2-selection {
  border-color: #f04438;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}

.cr-invalid .am-custom-editor .note-editor.note-frame {
  border-radius: 10px;
  border: 1px solid #f04438;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}

.cr-course {
  padding: 20px;
}
.cr-course:hover::-webkit-scrollbar-thumb {
  background-color: #e8e8e9;
  border: 5px solid #e8e8e9;
}
.cr-course::-webkit-scrollbar {
  width: 5px;
}
.cr-course::-webkit-scrollbar-thumb {
  border-radius: 16px;
}
.cr-course::-webkit-scrollbar-button {
  display: none;
}
.cr-course .container {
  gap: 20px;
  margin: 0 auto;
  display: flex;
  max-width: 1440px;
  align-items: flex-start;
  justify-content: center;
}
.cr-course.cr-create-course .cr-course-creation .cr-steps li:not(.cr-active) .cr-steps_info strong {
  pointer-events: none;
}
.cr-course.cr-create-course .cr-course-box .am-themeform .cr-grap-input.draggable-mirror {
  width: 614px;
}
.cr-course.cr-create-course .cr-course-box .cr-discount-table.am-payouthistory {
  border: 0;
  box-shadow: none;
}
.cr-course.cr-create-course .cr-course-box .cr-discount-table.am-payouthistory .am-table .cr-input-wrap input {
  height: 32px;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body:has(.cr-faq-accordion) .cr-faq-accordion {
  margin: 0;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body:has(.cr-faq-accordion) .cr-faq-accordion .accordion-icon i::before {
  font-size: 12px;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body:has(.cr-faq-accordion) .cr-faq-accordion + .cr-faq-accordion {
  margin-top: 16px;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body:has(.cr-faq-accordion) .cr-faq-accordion + .cr-formarea {
  margin-top: 10px;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body:has(.cr-faq-accordion) .cr-faq-accordion + .cr-formarea > .form-group {
  padding: 0;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea {
  margin-top: 0;
  padding: 14px 16px;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-course-item {
  padding: 0 !important;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea > .cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea.cr-allow-discount input {
  box-shadow: none;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .characters-count {
  right: 12px;
  bottom: 10px;
  position: absolute;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-curriculum-item .cr-contentbox {
  gap: 4px;
  width: 100%;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-curriculum-item .cr-contentbox .cr-contentbox_title {
  margin-left: 6px;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-curriculum-item .cr-actionbox {
  flex: none;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-curriculum-content > ul {
  margin-top: 10px;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-curriculum-content .form-group {
  padding-left: 0;
  padding-right: 0;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-curriculum-content .am-uploadedfile {
  margin-top: 16px;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-curriculum-content .cr-btns {
  margin-top: 20px;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-curriculum-content .cr-btns .cr-preview {
  gap: 10px;
  display: flex;
  margin-right: auto;
  align-items: center;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-curriculum-content .cr-btns .cr-preview .cr-label {
  margin: 0;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-curriculum-content .cr-btns .cr-allow-discount {
  width: auto;
  padding: 4px 0;
  gap: 10px;
  margin-right: auto;
  background: transparent;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-curriculum-content .cr-btns .cr-allow-discount label {
  opacity: 1;
  color: #585858;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-curriculum-content .am-custom-editor.am-custom-textarea .note-editor.note-frame {
  background: #f7f7f8;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-curriculum-content .am-custom-editor.am-custom-textarea .note-editor.note-frame .note-toolbar {
  background: #f7f7f8;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-curriculum-content .cr-custom-video .vjs-big-play-button {
  left: 50%;
  width: 55px !important;
  height: 55px !important;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-course-modal .am-themeform .am-custom-editor.am-custom-textarea .note-editor.note-frame {
  background: #f7f7f8;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-course-modal .am-themeform .am-custom-editor.am-custom-textarea .note-editor.note-frame .note-toolbar {
  background: #f7f7f8;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-invalid .note-editor.note-frame {
  border-color: #fd306e;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .form-control {
  background: #fff;
  border-color: #eaeaea;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .form-control.is-invalid {
  border-color: #fd306e;
}
.cr-course.cr-create-course .cr-course-box .cr-no-record-container {
  background: #f7f7f8;
  padding: 50px 20px;
  min-height: auto;
}
.cr-course.cr-create-course .cr-course-box .cr-no-record-container .am-btn {
  padding: 7px 14px;
  font: 500 0.75rem/1.5em "Roboto", serif;
}
.cr-course.cr-create-course .cr-course-box .cr-no-record-container .am-btn.am-btn_disable svg path {
  stroke: rgba(88, 88, 88, 0.5);
}
.cr-course.cr-create-course .cr-course-box .cr-pre-requisites {
  margin-bottom: 0;
}
.cr-course.cr-create-course .cr-course-box .cr-pre-requisites ~ .am-themeform_footer {
  margin-top: 0;
}
.cr-course.cr-create-course .cr-course-box .noticeboard-editor .am-themeform_field.am-custom-editor.am-custom-textarea {
  margin-top: 30px;
}
.cr-course.cr-create-course .cr-course-box .noticeboard-editor .am-btn {
  display: flex;
  margin: 30px 0 0 auto;
}
.cr-course.cr-create-course .cr-course-box .am-promoslist li {
  margin-top: 10px;
}
.cr-course.cr-create-course .cr-course-box .cr-content-box.cr-discussion-forum .cr-free_course {
  gap: 10px;
  opacity: 0.9;
  margin-bottom: 30px;
  align-items: center;
  letter-spacing: normal;
}
.cr-course.cr-create-course .cr-course-box .cr-content-box.cr-discussion-forum .cr-free_course > span em {
  color: rgba(88, 88, 88, 0.9);
  font: normal 400 1rem/1.5em "Roboto", serif;
}
.cr-course.cr-create-course .cr-course-box .cr-content-box.cr-discussion-forum p {
  margin: 0;
  letter-spacing: normal;
}
.cr-course.cr-create-course .cr-course-box .cr-content-box.cr-discussion-forum p + p {
  margin-top: 14px;
}

.cr-noticeboard {
  margin: 30px -30px -30px;
  border-top: 1px solid #eaeaea;
  padding: 30px;
}
.cr-noticeboard .cr-no-record-container {
  margin: 10px 0 0;
}
.cr-noticeboard_title {
  margin: 0 0 10px;
}
.cr-noticeboard_title h3 {
  color: #000;
  font: normal 500 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-noticeboard .am-promoslist {
  margin: 0;
}
.cr-noticeboard .am-promoowrap {
  flex-wrap: wrap;
  padding: 10px 16px;
  border-radius: 10px;
  background: #fff;
  color: #585858;
  border: 0.767px solid #eaeaea;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.cr-noticeboard .am-promoowrap .am-description {
  width: 100%;
  margin-top: 2px;
}
.cr-noticeboard .am-promoowrap .am-description p {
  margin: 0;
  word-break: break-word;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-noticeboard .am-promoowrap_date {
  gap: 4px;
  display: flex;
  width: 100%;
  align-items: center;
}
.cr-noticeboard .am-promoowrap_date em {
  margin-right: auto;
  opacity: 0.6;
  font-style: normal;
  color: #585858;
  font: 400 0.75rem/1.5em "Roboto", serif;
}
.cr-noticeboard .am-promoowrap_date .am-editpromo,
.cr-noticeboard .am-promoowrap_date .am-deletepromo {
  cursor: pointer;
}

.cr-course-creation {
  width: 100%;
  flex: none;
  padding: 20px;
  max-width: 350px;
  font-family: Arial, sans-serif;
}
.cr-course-creation h2 {
  margin-bottom: 5px;
  color: #295c51;
  font: 600 0.75rem/1.5em "Roboto", serif;
}
.cr-course-creation p {
  margin-top: 0;
  font-size: 14px;
  color: #585858;
  font: 400 0.75rem/1.5em "Roboto", serif;
}

.cr-steps {
  padding: 0;
  margin-top: 24px;
  list-style-type: none;
}
.cr-steps > li {
  display: flex;
  position: relative;
}
.cr-steps > li:not(:last-child) {
  padding-bottom: 24px;
}
.cr-steps > li:not(:last-child)::after {
  top: 34px;
  left: 17px;
  width: 1px;
  z-index: 0;
  content: "";
  position: absolute;
  height: calc(100% - 34px);
  background: rgba(0, 0, 0, 0.08);
}
.cr-steps > li .cr-icon {
  z-index: 1;
  flex: none;
  width: 34px;
  height: 34px;
  display: flex;
  font-size: 20px;
  margin-right: 14px;
  text-align: center;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.cr-steps > li .cr-icon i {
  font-size: 16px;
  color: #585858;
}
.cr-steps > li .cr-icon .cr-checked {
  opacity: 0;
  display: none;
  visibility: hidden;
}
.cr-steps > li:not(.cr-active) .cr-icon {
  background: #eaeaea;
}
.cr-steps > li.cr-active .cr-icon {
  background: #fff;
  border: 1.7px solid #295c51;
}
.cr-steps > li.cr-active .cr-icon i {
  display: none;
}
.cr-steps .cr-steps_info {
  padding-top: 6px;
}
.cr-steps .cr-steps_info strong {
  gap: 6px;
  opacity: 0.8;
  display: flex;
  align-items: center;
  color: #000;
  font: 500 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-steps .cr-steps_info strong > svg path {
  opacity: 0.7;
  fill: #000;
}
.cr-steps .cr-steps_info > span {
  display: block;
  margin-top: 4px;
  color: #585858;
  font: 400 0.75rem/1.5em "Roboto", serif;
}
.cr-steps .cr-steps_info > em {
  gap: 6px;
  display: none;
  cursor: pointer;
  margin-top: 4px;
  align-items: center;
  font: 400 0.75rem/1.5em "Roboto", serif;
  color: rgba(88, 88, 88, 0.7);
}
.cr-steps .cr-active .cr-steps_info strong {
  opacity: 1;
}
.cr-steps .cr-active .cr-steps_info strong > svg path {
  fill: #d92d20;
  opacity: 1;
}
.cr-steps .cr-active .cr-icon {
  position: relative;
}
.cr-steps .cr-active .cr-icon:after {
  width: 8px;
  content: "";
  height: 8px;
  border-radius: 50%;
  background: #295c51;
}
.cr-steps .cr-active .cr-icon svg {
  display: none;
}
.cr-steps .cr-completed .cr-icon {
  background: rgba(41, 92, 81, 0.1) !important;
  border-color: rgba(41, 92, 81, 0.1) !important;
}
.cr-steps .cr-completed .cr-icon svg:not(.cr-checked) {
  opacity: 0;
  display: none;
  visibility: hidden;
}
.cr-steps .cr-completed .cr-icon > .cr-checked path {
  stroke: #295c51;
}
.cr-steps .cr-completed .cr-icon i {
  display: none;
}
.cr-steps .cr-completed::after {
  background: #295c51 !important;
}
.cr-steps .cr-completed .cr-checked {
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
}
.cr-steps .cr-completed .cr-steps_info strong {
  opacity: 0.7;
}
.cr-steps .cr-completed .cr-steps_info > em {
  display: flex;
}
.cr-steps .cr-completed .cr-steps_info > em svg {
  opacity: 0.7;
  display: block;
  visibility: visible;
}
.cr-steps .cr-completed .cr-steps_info > span {
  display: none;
}

.cr-course-box {
  width: 100%;
  padding: 29px;
  max-width: 700px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #eaeaea;
  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}
.cr-course-box .am-uploadoption {
  max-width: 100%;
}
.cr-course-box form {
  margin-top: 30px;
}
.cr-course-box .am-uploadfile {
  border: none;
}
.cr-course-box .am-uploadfile .am-border-svg {
  stroke: #eaeaea;
}
.cr-course-box .form-group-wrap {
  width: 100%;
}
.cr-course-box .am-uploadfile {
  gap: 10px;
}
.cr-course-box .am-uploadfile span i {
  text-decoration: underline;
}

.cr-content-box h1 {
  word-spacing: 0.5px;
  color: #000;
  font: 500 1.25rem/1.5em "Roboto", serif;
}
.cr-content-box p {
  margin-top: 6px;
  color: #585858;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}

.cr-media-upload > p {
  color: #666;
  margin-bottom: 30px;
}

.cr-course-box {
  position: relative;
}

.cr-grap-input {
  gap: 10px;
  display: flex;
  position: relative;
  align-items: center;
}
.cr-grap-input > span {
  cursor: pointer;
}
.cr-grap-input .am-inputfield {
  width: 100%;
}
.cr-grap-input .am-inputfield .form-control {
  padding-right: 40px;
}
.cr-grap-input + .cr-grap-input {
  margin-top: 10px;
}

.am-themeform_footer {
  display: flex;
  align-items: center;
  margin: 30px -30px 0;
  padding: 30px 30px 0;
  justify-content: space-between;
  border-top: 1px solid #eaeaea;
}
.am-themeform_footer .am-btn {
  display: flex;
  margin-left: auto;
}

.cr-tags {
  margin-top: 10px;
}
.cr-tags .cr-tag {
  display: inline-block;
  background-color: #f0f0f0;
  padding: 5px 10px;
  border-radius: 20px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 12px;
}
.cr-tags .cr-tag .cr-remove {
  background: none;
  border: none;
  color: #666;
  cursor: pointer;
  margin-left: 5px;
}

.cr-learning-objective {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.cr-learning-objective input {
  flex-grow: 1;
  margin-right: 10px;
}
.cr-learning-objective .remove {
  background: none;
  border: none;
  color: #666;
  cursor: pointer;
}

.cr-add-more {
  color: #295c51;
  text-decoration: none;
  float: right;
}

.cr-uploaded_file {
  gap: 10px;
  padding: 10px;
  display: flex;
  margin-top: 10px;
  border-radius: 10px;
  align-items: center;
  border: 1px solid #eaeaea;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.cr-uploaded_info {
  gap: 10px;
  display: flex;
  align-items: center;
}
.cr-uploaded_status {
  left: 0;
  z-index: -1;
  width: 60%;
  height: 100%;
  position: absolute;
  border-radius: 10px;
  background: #f7f7f8;
  border: 4px solid #fff;
  animation: progressAnimationStrike 6s;
}

@keyframes progressAnimationStrike {
  from {
    width: 0;
  }
  to {
    width: 60%;
  }
}
.cr-remove_file {
  width: 36px;
  height: 36px;
  display: flex;
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
}
.cr-remove_file:hover {
  background-color: #eaeaea;
}
.cr-remove_file:hover svg path {
  opacity: 1;
  stroke: #585858;
}
.cr-remove_file.cr-trash:hover {
  background: #fee4e2;
}
.cr-remove_file.cr-trash:hover svg path {
  stroke: #f04438 !important;
}

.cr-upload-section {
  margin-top: 30px;
}

.cr-file_icon {
  font-size: 18px;
  margin-right: 10px;
}
.cr-file_name {
  flex-grow: 1;
  color: #585858;
  font: 500 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-file_size {
  display: block;
  margin-right: 10px;
  color: #585858;
  font: 400 0.75rem/0.8333333333em "Roboto", serif;
}

.cr-spinner {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
}
.cr-spinner > em {
  height: 16px;
  width: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px; /* Half of 16px to center the spinner */
  -webkit-animation: cr-rotation 1s infinite linear;
  -moz-animation: cr-rotation 1s infinite linear;
  -o-animation: cr-rotation 1s infinite linear;
  animation: cr-rotation 1s infinite linear;
  border: 2px solid rgba(0, 0, 0, 0.2); /* Smaller border for a 16px spinner */
  border-radius: 100%;
}
.cr-spinner > em:before {
  content: "";
  display: block;
  position: absolute;
  left: -2px;
  top: -2px;
  height: 100%;
  width: 100%;
  border-top: 2px solid rgba(0, 0, 0, 0.8); /* Adjusted for smaller size */
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
  border-radius: 100%;
}

@-webkit-keyframes cr-rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes cr-rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes cr-rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes cr-rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.cr-labels {
  gap: 10px;
  margin-top: 10px;
  align-items: center;
}
.cr-labels li {
  gap: 6px;
  display: flex;
  padding: 3px 9px;
  border-radius: 8px;
  align-items: center;
  background: #fff;
  border: 1px solid #eaeaea;
  list-style: none;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.cr-labels li span {
  display: block;
  word-break: break-word;
  color: #585858;
  font: 500 0.75rem/1.5em "Roboto", serif;
}

.cr-card, .cr-card-skeleton {
  flex: none;
  width: 350px;
  padding: 22px;
  margin-left: auto;
  position: relative;
  border-radius: 20px;
  border: 8px solid #fff;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.cr-card h2, .cr-card-skeleton h2 {
  margin-top: 0;
  font-size: 18px;
  margin-bottom: 10px;
}
.cr-card p, .cr-card-skeleton p {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}
.cr-card ul, .cr-card-skeleton ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.cr-card ul li, .cr-card-skeleton ul li {
  font-size: 14px;
  margin-bottom: 8px;
  padding-left: 25px;
  position: relative;
}
.cr-card ul li::before, .cr-card-skeleton ul li::before {
  left: 0;
  content: "✓";
  color: #4caf50;
  font-weight: bold;
  position: absolute;
}
.cr-card .cr-blob, .cr-card-skeleton .cr-blob {
  top: -8px;
  right: -8px;
  opacity: 0.6;
  position: absolute;
}

.cr-course-box .cr-content-box h2 {
  color: #000;
  font: 500 1.25rem/1.5em "Roboto", serif;
}

.cr-course-body {
  padding-top: 30px;
}
.cr-course-body > .cr-faq-accordion ~ .cr-addbtn {
  margin-top: 10px;
}
.cr-course-body > .cr-addbtn {
  margin-top: 0;
}
.cr-course-body .cr-addbtn {
  gap: 4px;
  width: 100%;
  display: flex;
  margin-top: 10px;
  min-height: 36px;
  padding: 8px 12px;
  position: relative;
  color: #295c51;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  background: rgba(41, 92, 81, 0.1);
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-course-body .cr-addbtn .am-border-svg {
  stroke: rgba(41, 92, 81, 0.4);
}
.cr-course-body .cr-addbtn .am-border-svg rect {
  stroke-width: 1px;
}
.cr-course-body .cr-addbtn i::before {
  font-weight: 600;
  color: #295c51;
}
.cr-course-body .cr-formarea {
  gap: 16px;
  display: flex;
  padding: 20px;
  margin-top: 10px;
  border-radius: 10px;
  background: #f7f7f8;
  flex-direction: column;
}
.cr-course-body .cr-formarea .accordion-header {
  padding: 0px 10px !important;
}
.cr-course-body .cr-formarea .accordion-content {
  padding: 6px 0 0 0 !important;
}
.cr-course-body .cr-formarea + .cr-formarea {
  margin-top: 10px;
}
.cr-course-body .cr-formarea .cr-curriculum-state .form-group {
  padding: 0;
}
.cr-course-body .cr-formarea .cr-curriculum-state .form-control {
  background: #fff;
}
.cr-course-body .cr-formarea .cr-btns {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.cr-course-body .cr-formarea .am-btn {
  padding: 7px 12px;
  font: 600 0.75rem/1.5em "Roboto", serif;
}
.cr-course-body .cr-formarea .am-remove-curriculum {
  color: #f04438;
  background: #fee4e2;
}
.cr-course-body .cr-formarea .am-cancel-btn {
  gap: 5px;
  display: flex;
  min-height: 32px;
  padding: 7px 12px;
  color: #585858;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  background: transparent;
  font: 600 0.75rem/1.5em "Roboto", serif;
}
.cr-course-body .cr-formarea .am-cancel-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.cr-course-body .cr-formarea .am-custom-editor .note-editor {
  background: #fff;
  border-radius: 10px !important;
  border: 1px solid transparent;
}
.cr-course-body .cr-formarea .am-custom-editor .note-editor:hover {
  border-color: #eaeaea;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.cr-course-body .cr-formarea .am-custom-editor .characters-count {
  bottom: 0;
  padding: 0;
  position: relative;
}
.cr-course-body .cr-formarea .am-custom-editor .characters-count .tu-input-counter {
  position: relative;
}
.cr-course-body .cr-formarea .am-custom-editor .note-toolbar {
  background: #fff;
}
.cr-course-body .cr-course-item {
  gap: 6px;
  display: flex;
  padding: 0px 10px;
  align-items: center;
  justify-content: space-between;
}
.cr-course-body .cr-course-item .cr-contentbox {
  gap: 6px;
  display: flex;
  align-items: center;
}
.cr-course-body .cr-course-item .cr-contentbox svg {
  display: block;
  flex: none;
}
.cr-course-body .cr-course-item .cr-contentbox span {
  color: #585858;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-course-body .cr-course-item .am-itemdropdown > a {
  width: auto;
  height: auto;
  background: transparent;
}
.cr-course-body .cr-curriculum-item {
  display: flex;
  margin-top: 10px;
  padding: 16px 10px;
  border-radius: 10px;
  background: #fff;
  flex-direction: column;
}
.cr-course-body .cr-curriculum-item.draggable-mirror {
  width: 100%;
  max-width: 600px;
}
.cr-course-body .cr-curriculum-item .cr-contentbox-area {
  gap: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cr-course-body .cr-curriculum-item .cr-contentbox {
  gap: 10px;
  display: flex;
  align-items: center;
}
.cr-course-body .cr-curriculum-item .cr-contentbox span {
  gap: 5px;
  display: flex;
  align-items: center;
  color: #585858;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-course-body .cr-curriculum-item .cr-contentbox span.cr-drag {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cr-course-body .cr-curriculum-item .cr-contentbox span.cr-drag i:before {
  color: rgba(0, 0, 0, 0.4);
}
.cr-course-body .cr-curriculum-item .cr-actionbox {
  gap: 8px;
  display: flex;
  align-items: center;
}
.cr-course-body .cr-curriculum-item .cr-actionbox span {
  cursor: pointer;
}
.cr-course-body .cr-curriculum-item .cr-actionbox .cr-close-btn:hover svg g {
  opacity: 1 !important;
}
.cr-course-body .cr-curriculum-content {
  margin-top: 20px;
}
.cr-course-body .cr-curriculum-content p {
  margin: 0 0 10px;
  color: #585858;
  font: 400 0.75rem/1.5em "Roboto", serif;
}
.cr-course-body .cr-curriculum-content ul {
  gap: 10px;
  display: flex;
  list-style: none;
  align-items: center;
}
.cr-course-body .cr-curriculum-content ul li {
  width: calc((100% - 20px) / 3);
  display: flex;
  cursor: pointer;
  min-height: 36px;
  padding: 10px 12px;
  border-radius: 10px;
  align-items: center;
  list-style-type: none;
  background: #fff;
  gap: var(--spacing-xs, 4px);
  justify-content: space-between;
  border: 1px dashed #eaeaea;
}
.cr-course-body .cr-curriculum-content ul li.cr-active {
  border: 1px solid #295c51;
  outline: 1px solid #295c51;
}
.cr-course-body .cr-curriculum-content .am-upload-options {
  gap: 16px;
  margin-top: 20px;
  align-items: center;
}
.cr-course-body .cr-curriculum-content .am-upload-options h6 {
  padding: 5px 0;
  min-width: 150px;
  color: #585858;
  font: 500 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-course-body .cr-curriculum-content .am-upload-options .am-radio label {
  padding-right: 20px;
}
.cr-course-body .cr-curriculum-content .am-upload-options input.form-control {
  background: #f7f7f8 !important;
}
.cr-course-body .cr-curriculum-content .am-upload-options input.form-control:focus {
  background: #fff !important;
}
.cr-course-body .cr-curriculum-content .cr-curriculum-btnconten {
  gap: 5px;
  display: flex;
  align-items: center;
}
.cr-course-body .cr-curriculum-content .cr-curriculum-btnconten figure {
  margin: 0;
  width: 26px;
  height: 26px;
}
.cr-course-body .cr-curriculum-content .cr-curriculum-btnconten figure img {
  width: 100%;
  height: 100%;
  display: block;
}
.cr-course-body .cr-curriculum-content .cr-curriculum-btnconten span {
  color: #585858;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-course-body .cr-curriculum-content .cr-tag {
  flex: none;
  display: flex;
  padding: 2px 5px;
  color: #fff;
  border-radius: 6px;
  align-items: center;
  background: #f79009;
  justify-content: center;
  border: 1px solid #eaeaea;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  font: 400 0.75rem/1.5em "Roboto", serif;
}
.cr-course-body .cr-curriculum-content .form-group {
  margin: 10px 0 20px;
}
.cr-course-body .cr-curriculum-content .form-group .form-control {
  background: #f7f7f8;
}
.cr-course-body .cr-curriculum-content .am-uploadfile {
  height: 178px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.cr-course-body .cr-curriculum-content .am-uploadfile span {
  text-align: center;
  color: #585858;
}
.cr-course-body .cr-curriculum-content .am-uploadfile span em {
  display: block;
  opacity: 0.7;
  line-height: 18px;
}
.cr-course-body .cr-curriculum-content .am-uploadfile span i {
  text-decoration: underline;
}
.cr-course-body .cr-curriculum-content .am-uploadfile > input {
  display: none;
}
.cr-course-body .cr-curriculum-content .am-uploadfile .am-border-svg rect {
  stroke-width: 1px;
}
.cr-course-body .cr-curriculum-content .am-white-btn {
  padding: 7px 12px;
  font: 600 0.75rem/1.5em "Roboto", serif;
}
.cr-course-body .cr-file-Previewbox {
  gap: 10px;
  display: flex;
  margin-top: 20px;
  padding: 16px 10px;
  align-items: center;
  border-radius: 10px;
  background: #f7f7f8;
  justify-content: space-between;
}
.cr-course-body .cr-file-preview {
  gap: 12px;
  display: flex;
  align-items: center;
}
.cr-course-body .cr-file-preview figure {
  margin: 0;
  width: 38px;
  height: 38px;
}
.cr-course-body .cr-file-preview figure img {
  width: 100%;
  height: 100%;
  display: block;
}
.cr-course-body .cr-file-preview .cr-file-preview-info h4 {
  margin: 0;
  color: #585858;
  font: 600 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-course-body .cr-file-preview .cr-file-preview-info .cr-edit-content {
  gap: 4px;
  display: flex;
  cursor: pointer;
  color: #295c51;
  align-items: center;
  font: 400 0.75rem/1.5em "Roboto", serif;
}

.cr-uploaded-status {
  padding: 4px;
  margin-top: 10px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #eaeaea;
}
.cr-uploaded-status .am-uploadedfile {
  border: 0;
  padding: 5px;
  z-index: 1;
  overflow: hidden;
  margin-top: 0;
  position: relative;
}
.cr-uploaded-status .am-uploadedfile span {
  display: block;
}
.cr-uploaded-status .am-uploadedfile-progess {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  background-color: #f7f7f8;
}
.cr-uploaded-status .am-uploadedfile .tu-themegallery::after {
  display: none;
}
.cr-uploaded-status .am-uploadedfile .tu-themegallery {
  position: relative;
}
.cr-uploaded-status .am-uploadedfile .tu-themegallery i {
  top: 50%;
  left: 50%;
  color: #fff;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cr-uploaded-status .am-uploadedfile .tu-themegallery i:before {
  color: #fff;
}

.cr-drag,
.cr-close-icon {
  cursor: pointer;
}

.cr-curriculum-content .am-uploadedfile:has(.video-js) {
  padding: 0;
  border: 0;
}
.cr-curriculum-content .am-uploadedfile figure {
  margin: 0;
  width: 100%;
  height: 178px;
  display: block;
  border-radius: 10px;
}
.cr-curriculum-content .am-uploadedfile figure .video-js {
  width: 100%;
  height: 178px;
  border-radius: 10px;
}
.cr-curriculum-content .am-uploadedfile figure .video-js .vjs-control-bar {
  bottom: 12px;
}
.cr-curriculum-content .am-uploadedfile figure .video-js * {
  color: #fff;
}

.cr-btns {
  margin-top: 10px;
}

.cr-curriculum-state {
  margin-top: 10px;
}
.cr-curriculum-state .form-group + .form-group {
  margin-top: 10px;
}
.cr-curriculum-state .cr-btns {
  margin-top: 10px;
}
.cr-curriculum-state .note-editable,
.cr-curriculum-state .am-error-msg {
  text-align: left;
}

.cr-free_course {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.cr-free_course strong {
  display: block;
  text-align: right;
  word-break: break-all;
  color: #000;
  font: 700 1.25rem/1.5em "Roboto", serif;
}
.cr-free_course strong span {
  display: block;
  font: 400 0.625rem/1.2em "Roboto", serif;
  color: rgba(88, 88, 88, 0.9);
}
.cr-free_course > input {
  flex: none;
}
.cr-free_discription > label {
  display: block;
  margin-bottom: 0;
  color: #000;
  font: 500 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-free_discription > p {
  display: block;
  color: #585858;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}

.cr-toggle {
  appearance: none;
  width: 44px;
  height: 24px;
  background: #ccc;
  border-radius: 20px;
  position: relative;
  outline: none;
  cursor: pointer;
  transition: background 0.3s;
}
.cr-toggle:checked {
  background: #295c51;
}
.cr-toggle:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.3s;
}
.cr-toggle:checked:before {
  transform: translateX(20px);
}

.cr-allow-discount {
  gap: 0.5rem;
  width: 100%;
  display: flex;
  max-width: 230px;
  padding: 10px 12px;
  align-items: center;
  border-radius: 10px;
  justify-content: space-between;
  background: rgba(41, 92, 81, 0.1);
}
.cr-allow-discount label {
  gap: 4px;
  display: flex;
  flex: 1;
  margin-bottom: 0;
  align-items: center;
  color: rgba(0, 0, 0, 0.7);
  font: 500 0.75rem/1.5em "Roboto", serif;
}
.cr-allow-discount label > span {
  display: block;
  font: 400 0.625rem/1.2em "Roboto", serif;
  color: rgba(88, 88, 88, 0.9);
}
.cr-allow-discount .cr-toggle {
  height: 20px;
  width: 36px;
}
.cr-allow-discount .cr-toggle:before {
  width: 16px;
  height: 16px;
}
.cr-allow-discount .cr-toggle:checked:before {
  transform: translateX(16px);
}

.cr-option-disable {
  pointer-events: none;
}
.cr-option-disable > label {
  opacity: 0.5;
}
.cr-option-disable .cr-allow-discount {
  background: #f7f7f8;
}
.cr-option-disable .cr-allow-discount > label {
  opacity: 0.7;
}
.cr-option-disable .cr-toggle {
  background-color: #eaeaea;
}

.cr-choose_discount {
  padding: 16px;
  border-radius: 10px;
  background: #f7f7f8;
}

.cr-discount-wrap {
  flex-wrap: nowrap !important;
}
.cr-discount-wrap .at-form-group {
  position: relative;
}
.cr-discount-wrap .at-form-group i {
  top: 50%;
  left: 12px;
  position: absolute;
  font-style: normal;
  color: #9b9b9b;
  transform: translateY(-50%);
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-discount-wrap .at-form-group input {
  padding-left: 20px;
}
.cr-discount-wrap .at-form-group input:focus ~ i {
  color: #585858;
}

.cr-discount-table {
  padding: 6px;
  margin-top: 20px;
  border-radius: 10px;
  background: #fff;
}
.cr-discount-table table thead tr th {
  width: 33.3333333333%;
  color: #585858;
  font: 500 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-discount-table table tbody tr td {
  width: 33.3333333333%;
}
.cr-discount-table table tbody tr td span {
  display: block;
  word-break: break-all;
  color: #585858;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-discount-table table tbody tr td input {
  width: 100%;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border: 1px solid #eaeaea;
}
.cr-discount-table table tbody tr td input[type=checkbox]:checked + label::before, .cr-discount-table table tbody tr td input[type=radio]:checked + label::before {
  background: #295c51;
  border: 1px solid #295c51;
}

.cr-input-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cr-input-wrap .am-checkbox,
.cr-input-wrap .am-radio {
  width: 20px;
  height: 20px;
}
.cr-input-wrap .am-checkbox label,
.cr-input-wrap .am-radio label {
  width: 20px;
  height: 20px;
}

.cr-titlewrap {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
}
.cr-titlewrap > span {
  flex: none;
  cursor: pointer;
  color: #295c51;
  position: relative;
  font: 500 0.75rem/1.5em "Roboto", serif;
}
.cr-titlewrap > span.am-btn_disable {
  background: transparent;
}
.cr-titlewrap > span.am-btn_disable::after {
  position: absolute;
  margin-left: 4px;
}

.cr-faq-accordion {
  margin-top: 30px;
}
.cr-faq-accordion .accordion .accordion-item {
  border: none;
  background-color: #f7f7f8;
  border-radius: 10px;
}
.cr-faq-accordion .accordion .accordion-item .accordion-checkbox {
  display: none;
}
.cr-faq-accordion .accordion .accordion-item .accordion-checkbox:checked + .accordion-header + .accordion-content {
  opacity: 1;
  display: block;
  max-height: 100%;
  visibility: visible;
  padding: 5px 14px 15px;
}
.cr-faq-accordion .accordion .accordion-item .accordion-checkbox:checked + .accordion-header .accordion-icon {
  transform: rotate(0deg);
}
.cr-faq-accordion .accordion .accordion-item .accordion-header {
  border: none;
  padding: 15px;
  width: 100%;
  text-align: left;
  font-family: "Roboto", serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #585858;
  cursor: pointer;
  outline: none;
  transition: background 0.3s ease;
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 10px;
  justify-content: space-between;
}
.cr-faq-accordion .accordion .accordion-item .accordion-header .cr-courses-info {
  margin: 0;
}
.cr-faq-accordion .accordion .accordion-item .accordion-header .accordion-icon {
  transition: transform 0.3s ease;
  transform: rotate(-90deg);
}
.cr-faq-accordion .accordion .accordion-item .accordion-header .accordion-icon i::before {
  font-size: 13px;
  font-weight: 600;
}
.cr-faq-accordion .accordion .accordion-item .accordion-header .cr-delete-curriculum,
.cr-faq-accordion .accordion .accordion-item .accordion-header .cr-delete-option {
  color: #F04438;
  background: #FEE4E2;
}
.cr-faq-accordion .accordion .accordion-item .accordion-header .cr-delete-curriculum svg path,
.cr-faq-accordion .accordion .accordion-item .accordion-header .cr-delete-option svg path {
  stroke: #F04438;
}
.cr-faq-accordion .accordion .accordion-item .accordion-content {
  opacity: 0;
  display: none;
  max-height: 0;
  padding: 0 15px;
  visibility: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
}
.cr-faq-accordion .accordion .accordion-item .accordion-content p {
  color: rgba(88, 88, 88, 0.9);
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
  margin: 0;
}
.cr-faq-accordion .accordion .accordion-item + .accordion-item {
  margin-top: 10px;
}
.cr-faq-accordion .am-itemdropdown {
  margin-left: auto;
  margin-right: 10px;
}
.cr-faq-accordion .am-itemdropdown > a {
  width: auto;
  height: auto;
  background: transparent;
}

.cr-pre-requisites {
  padding: 30px;
  margin: 30px -30px;
  border-top: 1px solid #eaeaea;
}
.cr-pre-requisites form .form-group label {
  margin-bottom: 4px;
  font: 400 0.75rem/1.5em "Roboto", serif;
}
.cr-pre-requisites form .form-group textarea {
  width: 100%;
  height: 199px;
}
.cr-pre-requisites .form-group-wrap {
  width: 100%;
}

.cr-count-charleft {
  color: rgba(0, 0, 0, 0.3);
  font: 400 0.75rem/1.5em "Roboto", serif;
}
.cr-count-charleft > .tu-input-counter {
  position: relative;
  padding: 0;
  left: 0;
  top: 0;
}

.am-promoslist {
  padding: 0;
  list-style: none;
  margin: 30px 0 0 0;
}
.am-promoslist li {
  list-style-type: none;
}
.am-promoslist li + li {
  margin: 10px 0 0;
}
.am-promoslist .am-itemdropdown {
  margin-left: auto;
  margin-right: 10px;
}
.am-promoslist .am-itemdropdown > a {
  width: auto;
  height: auto;
  background: transparent;
}
.am-promoslist .cr-delete-option {
  color: #F04438;
  background: #FEE4E2;
}
.am-promoslist .cr-delete-option svg path {
  stroke: #F04438;
}
.am-promoslist .cr-delete-option:hover {
  background: #FEE4E2;
}

.am-promoowrap {
  border-radius: 10px;
}

.am-discount,
.am-discount_pink,
.am-discount_blue,
.am-discount_green,
.am-discount_yellow,
.am-discount_black {
  display: flex;
  flex: none;
  width: 125px;
  padding: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px 0 0 10px;
  position: relative;
}
.am-discount:after,
.am-discount_pink:after,
.am-discount_blue:after,
.am-discount_green:after,
.am-discount_yellow:after,
.am-discount_black:after {
  content: "";
  position: absolute;
  right: -2px;
  width: 6px;
  height: 100%;
}
.am-discount span,
.am-discount_pink span,
.am-discount_blue span,
.am-discount_green span,
.am-discount_yellow span,
.am-discount_black span {
  display: flex;
  color: #fff;
  font: 700 18px/28px "Roboto", serif;
}
.am-discount span sup,
.am-discount_pink span sup,
.am-discount_blue span sup,
.am-discount_green span sup,
.am-discount_yellow span sup,
.am-discount_black span sup {
  margin-top: 20px;
  margin-right: 2px;
}
.am-discount span em,
.am-discount_pink span em,
.am-discount_blue span em,
.am-discount_green span em,
.am-discount_yellow span em,
.am-discount_black span em {
  color: #fff;
  font: 600 14px/20px "Roboto", serif;
}
.am-discount h6,
.am-discount_pink h6,
.am-discount_blue h6,
.am-discount_green h6,
.am-discount_yellow h6,
.am-discount_black h6 {
  color: #fff;
  font: 500 12px/18px "Roboto", serif;
  margin: 0;
}
.am-discount_orange,
.am-discount_pink_orange,
.am-discount_blue_orange,
.am-discount_green_orange,
.am-discount_yellow_orange,
.am-discount_black_orange {
  background: #ea700b;
}
.am-discount_orange:after,
.am-discount_pink_orange:after,
.am-discount_blue_orange:after,
.am-discount_green_orange:after,
.am-discount_yellow_orange:after,
.am-discount_black_orange:after {
  border-right: 5.8px dotted #ea700b;
}
.am-discount_blue,
.am-discount_pink_blue,
.am-discount_blue_blue,
.am-discount_green_blue,
.am-discount_yellow_blue,
.am-discount_black_blue {
  background: #336b8b;
}
.am-discount_blue:after,
.am-discount_pink_blue:after,
.am-discount_blue_blue:after,
.am-discount_green_blue:after,
.am-discount_yellow_blue:after,
.am-discount_black_blue:after {
  border-right: 5.8px dotted #336b8b;
}
.am-discount_green,
.am-discount_pink_green,
.am-discount_blue_green,
.am-discount_green_green,
.am-discount_yellow_green,
.am-discount_black_green {
  background: #83984d;
}
.am-discount_green:after,
.am-discount_pink_green:after,
.am-discount_blue_green:after,
.am-discount_green_green:after,
.am-discount_yellow_green:after,
.am-discount_black_green:after {
  border-right: 5.8px dotted #83984d;
}
.am-discount_yellow,
.am-discount_pink_yellow,
.am-discount_blue_yellow,
.am-discount_green_yellow,
.am-discount_yellow_yellow,
.am-discount_black_yellow {
  background: #d29700;
}
.am-discount_yellow:after,
.am-discount_pink_yellow:after,
.am-discount_blue_yellow:after,
.am-discount_green_yellow:after,
.am-discount_yellow_yellow:after,
.am-discount_black_yellow:after {
  border-right: 5.8px dotted #d29700;
}
.am-discount_black,
.am-discount_pink_black,
.am-discount_blue_black,
.am-discount_green_black,
.am-discount_yellow_black,
.am-discount_black_black {
  background: #423f3f;
}
.am-discount_black:after,
.am-discount_pink_black:after,
.am-discount_blue_black:after,
.am-discount_green_black:after,
.am-discount_yellow_black:after,
.am-discount_black_black:after {
  border-right: 5.8px dotted #423f3f;
}
.am-discount_pink,
.am-discount_pink_pink,
.am-discount_blue_pink,
.am-discount_green_pink,
.am-discount_yellow_pink,
.am-discount_black_pink {
  background: #fe7666;
}
.am-discount_pink:after,
.am-discount_pink_pink:after,
.am-discount_blue_pink:after,
.am-discount_green_pink:after,
.am-discount_yellow_pink:after,
.am-discount_black_pink:after {
  border-right: 5.8px dotted #fe7666;
}

.am-coupon_shape {
  z-index: 0;
  right: -2px;
  height: 100%;
  width: 6px;
  content: "";
  top: 0px;
  position: absolute;
  border-right: 5px dotted transparent;
}

.am-promoowrap:has(.am-discount_green) {
  background: rgba(131, 152, 77, 0.04);
}

.am-promoowrap:has(.am-discount_black) {
  background: rgba(66, 63, 63, 0.04);
}

.am-promoowrap:has(.am-discount_yellow) {
  background: rgba(210, 151, 0, 0.04);
}

.am-promoowrap:has(.am-discount_pink) {
  background: rgba(254, 118, 102, 0.04);
}

.am-promoowrap:has(.am-discount_blue) {
  background: rgba(51, 107, 139, 0.04);
}

.am-promoowrap:has(.am-discount_orange) {
  background: rgba(234, 112, 11, 0.04);
}

.am-promodinfo {
  flex: 1;
}
.am-promodinfo h6 {
  margin: 0;
  word-break: break-word;
  color: #585858;
  font: 400 12px/18px "Roboto", serif;
}
.am-promodinfo span {
  display: block;
  word-break: break-word;
  color: #585858;
  font: 500 14px/20px "Roboto", serif;
}

.am-promodetail {
  padding: 14px 20px;
  flex: 1;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  border-radius: 0 10px 10px 0;
}

.am-promoowrap {
  background: rgba(234, 112, 11, 0.04);
  display: flex;
}

.am-promoinfowrap {
  display: flex;
  gap: 10px;
  flex: 1;
  justify-content: end;
  align-items: center;
}
.am-promoinfowrap > span {
  display: inline-block;
  font: 400 12px/18px "Roboto", serif;
  color: rgba(88, 88, 88, 0.8);
}

.cr-publish_success {
  max-width: 700px;
  padding: 60px 30px;
  text-align: center;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.cr-publish_success .cr-icon {
  width: 80px;
  height: 80px;
  display: flex;
  margin: 0 auto;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: rgb(220, 250, 230);
}
.cr-publish_success .cr-checkmark {
  font-size: 30px;
  color: rgb(23, 178, 106);
}
.cr-publish_content {
  margin: 20px 0;
}
.cr-publish_content h2 {
  color: #333;
  margin: 0 0 6px 0;
  font: 600 16px/24px "Roboto", serif;
}
.cr-publish_content p {
  margin: 0px;
  color: #666;
  font: 400 14px/20px "Roboto", serif;
}
.cr-publish_content p + p {
  margin-top: 20px;
}

.cr-course-modal .modal-dialog {
  max-width: 574px;
}
.cr-course-modal .modal-dialog .modal-content {
  overflow: visible;
  border-radius: 12px;
  box-shadow: 10px -6px 30px 10px rgba(0, 0, 0, 0.06);
}
.cr-course-modal .modal-header {
  border: none;
  padding: 10px 20px;
}
.cr-course-modal .modal-header h5 {
  color: #000;
  font: 500 16px/24px "Roboto", serif;
}
.cr-course-modal .modal-body {
  padding: 20px;
}
.cr-course-modal .modal-footer {
  border: none;
  gap: 10px;
  padding: 20px;
}
.cr-course-modal .modal-footer > button {
  margin: 0;
}
.cr-course-modal .modal-footer > button.am-white-btn {
  padding: 9px 18px;
}
.cr-course-modal .am-themeform {
  margin-top: 0;
}
.cr-course-modal .am-themeform textarea {
  height: 150px;
  padding: 10px 12px 28px;
}

.cr-textarea-charleft {
  position: relative;
}
.cr-textarea-charleft > span {
  bottom: 10px;
  right: 32px;
  opacity: 0.3;
  position: absolute;
}

.cr-coupon-modal .modal-dialog {
  max-width: 424px;
}

.cr-close {
  width: 36px;
  padding: 0;
  height: 36px;
  display: flex;
  cursor: pointer;
  margin-left: auto;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
}
.cr-close:hover {
  background: rgba(0, 0, 0, 0.05);
}

.cr-delete-icon {
  width: 60px;
  height: 60px;
  display: flex;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  align-items: center;
  background: #f7f7f8;
  justify-content: center;
}
.cr-delete-icon figcaption span {
  border-radius: 50%;
  position: absolute;
  background: #d92d20;
}
.cr-delete-icon figcaption span:nth-child(1) {
  left: 0;
  width: 4px;
  height: 4px;
  top: 16.5px;
}
.cr-delete-icon figcaption span:nth-child(2) {
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  opacity: 0.2;
}
.cr-delete-icon figcaption span:nth-child(3) {
  left: 12px;
  width: 8px;
  height: 8px;
  opacity: 0.5;
  bottom: 13.5px;
}
.cr-delete-icon figcaption span:nth-child(4) {
  right: 4px;
  width: 4px;
  height: 4px;
  opacity: 0.7;
  bottom: 5px;
}

.cr-delete-content {
  margin-top: 14px;
  text-align: center;
}
.cr-delete-content h3 {
  color: #585858;
  font: 500 16px/24px "Roboto", serif;
}
.cr-delete-content p {
  margin-top: 10px;
  font: 400 14px/20px "Roboto", serif;
  color: rgba(88, 88, 88, 0.7);
}

.cr-course-del-modal .modal-dialog {
  max-width: 424px;
}
.cr-course-del-modal .modal-body {
  padding: 30px 20px 20px;
  position: relative;
}
.cr-course-del-modal .modal-body .cr-close {
  top: 10px;
  right: 10px;
  position: absolute;
}
.cr-course-del-modal .modal-footer {
  flex-wrap: nowrap;
}
.cr-course-del-modal .modal-footer > button {
  width: 100%;
}
.cr-course-del-modal .modal-footer .cr-del-btn {
  background: #f04438 !important;
}

.cr-all-courses {
  width: 100%;
  padding: 20px;
  min-height: 100%;
  border-radius: 15px;
  background-color: #f7f7f8;
}
.cr-all-courses .am-pagination {
  border-top: 1px solid #f7f7f8;
}
.cr-all-courses .am-pagination .am-pagination-filter + .am-pagination {
  margin-left: auto;
}
.cr-all-courses .am-pagination .am-pagination {
  padding: 0;
  border: 0;
  width: auto;
}
.cr-all-courses .am-table-area .am-table tbody td {
  white-space: normal;
}

.am-iframe-video {
  height: 178px;
  width: 100%;
  margin-top: 10px;
  background: #000;
  border-radius: 10px;
}

.cr-page-heading {
  gap: 20px;
  display: flex;
  margin-bottom: 24px;
  justify-content: space-between;
}
.cr-page-heading .cr-headingbox h2 {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.7);
  font: 500 1.25rem/1.5em "Roboto", serif;
}
.cr-page-heading .cr-headingbox p {
  color: #585858;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-page-heading .cr-btn {
  flex: none;
  min-height: 40px;
  height: 100%;
  padding: 10px 16px;
  font: 600 0.75rem/1.5em "Roboto", serif;
}

.cr-stats-arae {
  gap: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.cr-stats-arae .cr-stat-card {
  gap: 10px;
  display: flex;
  position: relative;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #fff;
  width: calc((100% - 64px) / 5);
  justify-content: space-between;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.cr-stats-arae .cr-stat-card:after {
  left: 0;
  top: 19px;
  bottom: 0;
  width: 2px;
  content: "";
  position: absolute;
  height: calc(100% - 38px);
  border-radius: 0px 3px 3px 0px;
  background-color: #eaeaea;
}
.cr-stats-arae .cr-stat-card:nth-child(1):after {
  background: #2C86FF;
}
.cr-stats-arae .cr-stat-card:nth-child(2):after {
  background: #F76666;
}
.cr-stats-arae .cr-stat-card:nth-child(3):after {
  background: #06C168;
}
.cr-stats-arae .cr-stat-card:nth-child(4):after {
  background: #AE36F0;
}
.cr-stats-arae .cr-stat-card:nth-child(5):after {
  background: #F9B900;
}
.cr-stats-arae .cr-stat-card .cr-contentbox {
  gap: 3px;
  display: flex;
  flex-direction: column;
}
.cr-stats-arae .cr-stat-card .cr-contentbox span {
  color: #000;
  font: 600 1.375rem/1.3636363636em "Roboto", serif;
}
.cr-stats-arae .cr-stat-card .cr-contentbox p {
  margin: 0;
  color: #585858;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-stats-arae .cr-stat-card .cr-iconbox {
  width: 40px;
  height: 40px;
  display: flex;
  flex-shrink: 0;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.1);
}
.cr-stats-arae .cr-stat-card .cr-iconbox.orange {
  background-color: #ea700b;
}
.cr-stats-arae .cr-stat-card .cr-iconbox.blue {
  background-color: #F2F7FD;
}
.cr-stats-arae .cr-stat-card .cr-iconbox.blue svg path {
  fill: #2C86FF;
}
.cr-stats-arae .cr-stat-card .cr-iconbox.red {
  background-color: #FFF6F6;
}
.cr-stats-arae .cr-stat-card .cr-iconbox.red svg path {
  fill: #F76666;
}
.cr-stats-arae .cr-stat-card .cr-iconbox.green {
  background-color: #EDFEF2;
}
.cr-stats-arae .cr-stat-card .cr-iconbox.green svg path {
  fill: #06C168;
}
.cr-stats-arae .cr-stat-card .cr-iconbox.purple {
  background-color: #FAF1FF;
}
.cr-stats-arae .cr-stat-card .cr-iconbox.purple svg path {
  fill: #AE36F0;
}
.cr-stats-arae .cr-stat-card .cr-iconbox.yellow {
  background-color: #FFF9E8;
}
.cr-stats-arae .cr-stat-card .cr-iconbox.yellow svg path {
  fill: #F9B900;
}

.cr-filter-area {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
  justify-content: space-between;
}
.cr-filter-area .at-form-group {
  position: relative;
}
.cr-filter-area .at-form-group .select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 9px;
  padding-bottom: 9px;
}
.cr-filter-area .at-form-group.cr-price-dropdown > span {
  color: #585858;
}
.cr-filter-area .at-form-group .at-form-control {
  height: 40px;
  border: 0;
  min-width: 320px;
  border-radius: 10px;
  background-color: #fff;
  padding: 10px 45px 10px 16px;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-filter-area .at-form-group .at-form-control::placeholder {
  color: #585858;
}
.cr-filter-area .at-form-group svg {
  top: 50%;
  right: 16px;
  position: absolute;
  pointer-events: none;
  transform: translateY(-50%);
}
.cr-filter-area .cr-filters {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cr-filter-area .cr-filters .am-select2 {
  height: 40px;
  width: 200px;
  padding: 10px;
  cursor: pointer;
  border-radius: 10px;
  background-color: #fff;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-filter-area .cr-filters .select2-selection {
  background: #fff;
}

.form-contro_wrap-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.am-noborder {
  border: 0 !important;
  padding: 0 !important;
}

.am-table-area {
  padding: 6px;
  border-radius: 10px;
  background: #fff;
}
.am-table-area .am-table {
  width: 100%;
}
.am-table-area .am-table > thead > tr th,
.am-table-area .am-table > tbody > tr td {
  white-space: nowrap;
}
.am-table-area .am-table > thead > tr th {
  padding: 12px 24px;
}
.am-table-area .am-table > tbody > tr td {
  padding: 14px 24px;
}
.am-table-area .am-table > tbody > tr td .am-itemdropdown > a {
  margin-left: auto;
}
.am-table-area .cr-image-and-text {
  gap: 10px;
  display: flex;
  align-items: center;
}
.am-table-area .cr-image-and-text figure {
  margin: 0;
  flex: none;
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 4px;
}
.am-table-area .cr-image-and-text figure img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
}
.am-table-area .cr-status {
  gap: 6px;
  display: inline-flex;
  padding: 2px 6px;
  border-radius: 6px;
  align-items: center;
  background: #fff;
  border: 1px solid #eaeaea;
  font: 500 0.75rem/1.5em "Roboto", serif;
}
.am-table-area .cr-status .cr-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.am-table-area .cr-status .cr-dot.active {
  background-color: #19a04c;
}
.am-table-area .cr-status .cr-dot.inactive {
  background-color: #f79009;
}
.am-table-area .cr-status .cr-dot.draft {
  background-color: #667085;
}
.am-table-area .cr-status .cr-dot.under-review {
  background-color: #0ba5ec;
}

.am-courses-table {
  width: 100%;
  max-width: 100%;
}
.am-courses-table table thead,
.am-courses-table table tbody {
  border: 0;
}
.am-courses-table table thead tr,
.am-courses-table table tbody tr {
  display: flex;
  width: 100%;
  table-layout: fixed;
  align-items: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
}
.am-courses-table table thead tr th:nth-child(1),
.am-courses-table table thead tr td:nth-child(1),
.am-courses-table table tbody tr th:nth-child(1),
.am-courses-table table tbody tr td:nth-child(1) {
  max-width: 31%;
  min-width: 31%;
  width: 100%;
}
.am-courses-table table thead tr th:nth-child(2),
.am-courses-table table thead tr td:nth-child(2),
.am-courses-table table tbody tr th:nth-child(2),
.am-courses-table table tbody tr td:nth-child(2) {
  min-width: 15%;
  max-width: 15%;
  width: 100%;
}
.am-courses-table table thead tr th:nth-child(3),
.am-courses-table table thead tr td:nth-child(3),
.am-courses-table table tbody tr th:nth-child(3),
.am-courses-table table tbody tr td:nth-child(3) {
  max-width: 12%;
  min-width: 12%;
  width: 100%;
}
.am-courses-table table thead tr th:nth-child(4),
.am-courses-table table thead tr td:nth-child(4),
.am-courses-table table tbody tr th:nth-child(4),
.am-courses-table table tbody tr td:nth-child(4) {
  max-width: 25%;
  min-width: 25%;
  width: 100%;
}
.am-courses-table table thead tr th:nth-child(5),
.am-courses-table table thead tr td:nth-child(5),
.am-courses-table table tbody tr th:nth-child(5),
.am-courses-table table tbody tr td:nth-child(5) {
  max-width: 17%;
  min-width: 17%;
  width: 100%;
}
.am-courses-table table tbody tr td {
  border: 0 !important;
}
.am-courses-table table tbody tr + tr {
  border-top: 1px solid rgba(234, 234, 234, 0.6);
}
.am-courses-table table tbody tr.cr-courses-emptycase {
  margin-top: 8px;
  padding: 0;
}
.am-courses-table table tbody tr.cr-courses-emptycase td {
  margin-top: 0;
}

.cr-status-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cr-status-wrap .am-itemdropdown_list {
  min-width: 250px;
}
.cr-status-wrap .am-itemdropdown_list .am-likedcourse i:before {
  color: #F04438;
}

.student-list {
  gap: 6px;
  display: flex;
  align-items: center;
}
.student-list img {
  border-radius: 50%;
  margin-right: 5px;
}
.student-list span {
  font-size: 1em;
}

.cr-pagination {
  display: flex;
  padding: 14px 31px 8px;
  align-items: center;
  justify-content: space-between;
}
.cr-pagination .cr-page-size {
  gap: 5px;
  display: flex;
  align-items: center;
  flex: none;
}
.cr-pagination .cr-page-size select {
  flex: none;
}
.cr-pagination .cr-page-size .select2 {
  width: 60px !important;
}
.cr-pagination .cr-page-size .select2 > .selection button ~ span {
  padding: 10px;
}
.cr-pagination .cr-page-size label {
  margin-bottom: 0;
}
.cr-pagination .cr-page-size > span {
  flex: none;
}
.cr-pagination .cr-page-controls {
  gap: 4px;
  display: flex;
  align-items: center;
}
.cr-pagination .cr-page-controls button {
  cursor: pointer;
  padding: 7px 12px;
  border-radius: 8px;
  color: #585858;
  border: 1px solid #eaeaea;
  font: 600 0.75rem/1.5em "Roboto", serif;
}
.cr-pagination .cr-page-controls button:first-child {
  margin-right: 16px;
}
.cr-pagination .cr-page-controls button:last-child {
  margin-left: 16px;
}
.cr-pagination .cr-page-controls button.cr-active {
  color: #fff;
  border-color: #000;
  background-color: #000;
}
.cr-pagination .cr-page-controls button:hover {
  color: #fff;
  border-color: #000;
  background-color: #000;
}
.cr-pagination .am-pagination {
  padding: 0;
  width: auto;
}
.cr-pagination .am-pagination ul li a:hover,
.cr-pagination .am-pagination ul li span:hover,
.cr-pagination .am-pagination ul li.active a,
.cr-pagination .am-pagination ul li.active span {
  background: #295c51;
  border-color: #295c51;
}

.cr-avatar-group {
  display: flex;
  align-items: center;
}

.cr-avatar {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: -6px;
  border: 2.54px solid #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.cr-avatar:last-child {
  margin-right: 0;
}
.cr-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cr-no-record-container {
  display: flex;
  padding: 50px 0;
  min-height: 400px;
  margin-top: 30px;
  align-items: center;
  align-self: stretch;
  flex-direction: column;
  border-radius: 10px;
}
.cr-no-record-container > figure {
  display: block;
  margin: 0;
}
.cr-no-record-container > figure img {
  width: 148px;
  height: 122px;
}
.cr-no-record-container > h6 {
  margin: 0 0 8px;
  text-align: center;
  color: #000;
  font: 500 1rem/1.5em "Roboto", serif;
}
.cr-no-record-container > p {
  margin-top: 0;
  text-align: center;
  color: #585858;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-no-record-container button {
  margin-top: 24px;
}

.cr-courses-emptycase:hover {
  background: transparent !important;
}
.cr-courses-emptycase td {
  max-width: 100% !important;
  min-width: 100% !important;
  padding: 0 !important;
  border-radius: 10px;
  margin-top: 10px;
}
.cr-courses-emptycase .cr-no-record-container {
  width: 100%;
  margin-top: 0;
  overflow-y: auto;
  overflow-x: hidden;
  justify-content: center;
  height: calc(100vh - 467px);
}
.cr-courses-emptycase .cr-no-record-container:hover::-webkit-scrollbar-thumb {
  background-color: #e8e8e9;
  border: 5px solid #e8e8e9;
}
.cr-courses-emptycase .cr-no-record-container::-webkit-scrollbar {
  width: 5px;
}
.cr-courses-emptycase .cr-no-record-container::-webkit-scrollbar-thumb {
  border-radius: 16px;
}
.cr-courses-emptycase .cr-no-record-container::-webkit-scrollbar-button {
  display: none;
}
.cr-courses-emptycase .cr-no-record-container > p {
  margin-top: 0;
  max-width: 400px;
  white-space: normal;
}
.cr-courses-emptycase .cr-no-record-container > h6 {
  margin-top: 20px;
}

.cr-price-dropdown {
  position: relative;
}
.cr-price-dropdown > span {
  width: 200px;
  display: block;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border-radius: 10px;
  font-family: "SF Pro Text";
  background-color: #fff;
  padding: 9px 30px 9px 12px;
  border: 1px solid transparent;
  color: rgba(88, 88, 88, 0.6);
}
.cr-price-dropdown > span:hover {
  color: #585858;
  border-color: #eaeaea;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.cr-price-range {
  top: 100%;
  right: 0;
  z-index: 11;
  padding: 20px;
  width: 400px;
  margin-top: 6px;
  overflow: hidden;
  position: absolute;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.04), 0px 3px 16px rgba(0, 0, 0, 0.04);
}
.cr-price-range > .form-group {
  padding: 0;
}
.cr-price-range .cr-slider-range {
  width: 100%;
  margin: 17px 0 0;
  box-shadow: none;
  padding: 31px 20px;
  position: relative;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #eaeaea;
}
.cr-price-range .cr-slider-range:after {
  content: " ";
  position: absolute;
  border: 1px solid #eaeaea !important;
  transform: rotate(135deg) !important;
  height: 12px;
  width: 12px;
  border-top: 0 !important;
  border-right: 0 !important;
  background: #fff;
  top: -6px;
  left: 68px;
}
.cr-price-range .noUi-horizontal .noUi-handle {
  right: -12px;
  top: -10px;
  border: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 50%;
  background: #faf8ff;
  border: 1.5px solid #295c51;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.cr-price-range .noUi-connect,
.cr-price-range .noUi-origin {
  top: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  transform-origin: 0 0;
  transform-style: flat;
  will-change: transform;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
}
.cr-price-range .noUi-base,
.cr-price-range .noUi-connects {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
}
.cr-price-range .noUi-connect {
  background: #295c51;
}
.cr-price-range .noUi-connects {
  background: #eaeaea !important;
  border-radius: 60px 0px 0px 60px !important;
  height: 2px !important;
}
.cr-price-range .noUi-handle::after, .cr-price-range .noUi-handle::before {
  display: none;
}

.cr-clear-filter {
  gap: 4px;
  display: flex;
  opacity: 0.8;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px; /* 150% */
  font-style: normal;
  align-items: center;
  font-family: "SF Pro Text";
  color: #585858;
}
.cr-clear-filter:hover {
  opacity: 1;
}
.cr-clear-filter:hover svg path {
  fill: #585858;
}

.cr-cours-underreview .am-itemdropdown {
  pointer-events: none;
}

.cr-course-skeleton {
  gap: 10px;
  display: flex;
  align-items: center;
}
.cr-course-skeleton span {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 4px;
}
.cr-course-skeleton p {
  max-width: 234px;
  height: 20px;
  border-radius: 4px;
  width: 100%;
}
.cr-course-skeleton strong {
  display: flex;
}
.cr-course-skeleton strong em {
  width: 26px;
  height: 26px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: -6px;
  border: 2.54px solid #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.cr-course-skeleton em {
  width: 100%;
  height: 20px;
  max-width: 104px;
  border-radius: 4px;
}
.cr-course-skeleton em ~ span {
  margin-left: auto;
  width: 28px;
  height: 28px;
}

@media (max-width: 1560px) {
  .cr-stats-arae {
    flex-wrap: wrap;
  }
  .cr-stats-arae .cr-stat-card {
    width: calc((100% - 48px) / 4);
  }
}
@media (max-width: 1460px) {
  .cr-course {
    padding: 20px 0;
  }
  .cr-course-creation {
    max-width: 280px;
  }
}
@media (max-width: 1366px) {
  .cr-curriculum-content ul {
    flex-wrap: wrap;
  }
  .cr-curriculum-content ul li {
    width: calc((100% - 20px) / 2) !important;
  }
}
@media (max-width: 1260px) {
  .cr-stats-arae .cr-stat-card {
    width: calc((100% - 32px) / 3);
  }
  .cr-pre-requisites {
    padding: 20px;
    margin: 20px -20px;
  }
  .cr-course-box {
    padding: 20px;
  }
  .cr-course-box .am-themeform_footer {
    padding: 20px 20px 0;
    margin: 20px -20px 0;
  }
  .cr-course-creation {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1260px) {
  .cr-course-box {
    max-width: 100%;
  }
  .cr-course .form-group-two-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 1200px) {
  .cr-curriculum-content ul {
    flex-wrap: wrap;
  }
  .cr-curriculum-content ul li {
    width: calc((100% - 20px) / 3) !important;
  }
}
@media (max-width: 991px) {
  .cr-curriculum-content ul {
    flex-wrap: wrap;
  }
  .cr-curriculum-content ul li {
    width: calc((100% - 20px) / 2) !important;
  }
  .cr-steps {
    display: flex;
    justify-content: space-around;
    padding: 0 15px;
  }
  .cr-steps > li {
    width: 14.2857142857%;
    flex-direction: column;
    padding-bottom: 0 !important;
  }
  .cr-steps > li.cr-active .cr-steps_info, .cr-steps > li.cr-completed .cr-steps_info {
    display: block;
  }
  .cr-steps > li .cr-icon {
    margin-right: 0;
  }
  .cr-steps > li:not(:last-child)::after {
    width: calc(100% - 21px);
    height: 1px;
    right: -13px;
    top: 17px;
    left: auto;
  }
  .cr-steps > li:last-child {
    width: 34px;
  }
  .cr-steps_info {
    display: none;
  }
  .cr-steps_info > span {
    display: none !important;
  }
  .cr-course-creation {
    max-width: 100%;
  }
  .cr-course .container {
    flex-direction: column;
  }
  .cr-publish_success {
    margin: 0 auto;
  }
}
@media (max-width: 830px) {
  .cr-steps_info {
    display: none !important;
  }
  .cr-pagination {
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
  }
  .cr-pagination .cr-page-controls {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .cr-page-heading {
    flex-direction: column;
  }
  .cr-stats-arae .cr-stat-card {
    width: calc((100% - 16px) / 2);
  }
}
@media (max-width: 575px) {
  .cr-discount-wrap {
    flex-wrap: wrap !important;
  }
  .cr-stats-arae {
    gap: 10px;
  }
  .cr-stats-arae .cr-stat-card {
    width: 100%;
  }
  .cr-curriculum-content ul {
    flex-wrap: wrap;
  }
  .cr-curriculum-content ul li {
    width: 100% !important;
  }
  .cr-steps {
    padding: 0;
  }
  .cr-filter-area .cr-filters .am-select2 {
    width: calc((100% - 10px) / 2);
  }
}
@media (max-width: 480px) {
  .cr-course .am-uploadfile {
    align-items: center;
  }
  .cr-course .am-uploadfile span {
    text-align: center;
  }
  .cr-filter-area .at-form-group {
    width: 100%;
  }
  .cr-filter-area .at-form-group .at-form-control {
    min-width: 100%;
  }
  .cr-filter-area .cr-filters .am-select2 {
    width: 100%;
  }
}
@media (max-width: 420px) {
  .cr-course .am-themeform_footer {
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }
  .cr-course .am-themeform_footer > button, .cr-course .am-themeform_footer > a {
    width: 100%;
  }
  .cr-course .am-themeform_footer > button button, .cr-course .am-themeform_footer > a button {
    width: 100%;
  }
  .cr-course .am-themeform_footer > .am-btn {
    margin-left: 0;
  }
  .cr-page-heading .cr-btn {
    width: 100%;
  }
}
.cr-none {
  display: none !important;
}

.am-modal-header h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 2.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite !important;
}

.cr-course-card:has(.vjs-loading-spinner) .video-js,
.cr-card:has(.vjs-loading-spinner) figure .cr-video-modal .video-js.vjs-waiting,
.cr-card-skeleton:has(.vjs-loading-spinner) figure .cr-video-modal .video-js.vjs-waiting {
  background: #000 !important;
}

.cr-course-card:has(.vjs-loading-spinner) .video-js.vjs-waiting .vjs-big-play-button,
.cr-card:has(.vjs-loading-spinner) figure .cr-video-modal .video-js.vjs-waiting .vjs-big-play-button,
.cr-card-skeleton:has(.vjs-loading-spinner) figure .cr-video-modal .video-js.vjs-waiting .vjs-big-play-button {
  opacity: 0 !important;
}

.cr-course-card .vjs-loading-spinner,
.cr-card .vjs-loading-spinner,
.cr-card-skeleton .vjs-loading-spinner {
  width: 45px !important;
  height: 45px !important;
  border-width: 2px !important;
  z-index: 9;
}

.cr-noticeboard-item {
  width: 100%;
  padding: 19px;
  border-radius: 10px;
  border: 1px solid #eaeaea;
}
.cr-noticeboard-item + .cr-noticeboard-item {
  margin-top: 10px;
}

.cr-noticeboard-tab > .cr-forum-item-wrapper {
  justify-content: flex-start !important;
}
.cr-noticeboard-tab > .cr-forum-item-wrapper > h3 {
  margin: 0 0 10px;
  color: rgba(0, 0, 0, 0.9);
  font: 500 1.125rem/1.5555555556em "Roboto", serif;
}

.cr-noticeboard_date {
  display: block;
  margin: 0 0 2px;
  color: rgba(88, 88, 88, 0.6);
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}

.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-course-modal .modal-footer {
  padding: 0 20px 20px;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-course-modal .am-btn {
  padding: 10px 18px;
  font: 600 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-course-modal .form-control {
  background: #f7f7f8;
}
.cr-course.cr-create-course .cr-course-box .cr-course-body .cr-formarea .cr-course-modal .form-control:hover {
  background: #fff;
}

.cr-courses-container {
  padding: 0 30px;
  margin: 0 auto;
  max-width: 1500px;
}
.cr-courses-container .am-resume_item.am-resume_wrap {
  gap: 12px;
  border: 0;
  padding: 16px;
  margin-top: 40px;
  box-shadow: none;
  border-radius: 16px;
  background: #fff;
}
.cr-courses-container .am-resume_item.am-resume_wrap img {
  width: 56px;
  height: 56px;
  border-radius: 8.96px;
}
.cr-courses-container .am-resume_item.am-resume_wrap .am-resume_item_title {
  margin: 0 0 10px;
}
.cr-courses-container .am-resume_item.am-resume_wrap .am-resume_item_title h3 {
  font-size: 18px;
}
.cr-courses-container .am-resume_item.am-resume_wrap .am-resume_item_info {
  gap: 10px;
}
.cr-courses-container .am-resume_item.am-resume_wrap .am-resume_item_info li > span span.flag {
  width: 20px;
  height: 14px;
  border-radius: 3.5px;
}
.cr-courses-container .am-resume_item.am-resume_wrap .am-itemdropdown {
  margin-bottom: auto;
}
.cr-courses-container .am-resume_item.am-resume_wrap .am-itemdropdown_btn {
  width: 28px;
  height: 28px;
  display: flex;
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.05);
}

.cr-search-courses .cr-searchhead {
  width: 100%;
  padding: 20px 0;
}
.cr-search-courses .am-breadcrumb {
  margin-bottom: 0;
}

.cr-search-courses-area {
  gap: 20px;
  width: 100%;
  display: flex;
  padding: 30px 0;
  align-items: flex-start;
}

.cr-filters-sidebar-wapper {
  width: 100%;
  flex-shrink: 0;
  max-width: 300px;
}
.cr-filters-sidebar-wapper .cr-filter-sidebar a {
  gap: 5px;
  margin: 0;
  display: flex;
  color: #754FFE;
  align-items: center;
  justify-content: flex-start;
  font: 400 14px/20px "Roboto", serif;
}
.cr-filters-sidebar-wapper .cr-clear-button {
  gap: 5px;
  display: flex;
  margin-top: 10px;
  align-items: center;
  color: #585858;
  justify-content: center;
  font: 400 12px/18px "Roboto", serif;
}

.cr-filter-section {
  gap: 10px;
  padding: 10px 0;
  min-height: 40px;
  margin-bottom: 16px;
  align-items: center;
  justify-content: space-between;
}

.cr-filter-title {
  margin: 0;
  color: #000;
  font: 500 1.125rem/1.1111111111em "Roboto", serif;
}

.cr-clear-filters {
  gap: 4px;
  display: flex;
  cursor: pointer;
  align-items: center;
  color: #585858;
  font: 400 12px/18px "Roboto", serif;
}

.cr-filter-sidebar {
  padding: 20px;
  border-radius: 12px;
  background: #fff;
}

.cr-search-courses-area .am-searchinput {
  max-width: 100%;
  margin-bottom: 20px;
}
.cr-search-courses-area .am-searchinput input {
  box-shadow: none;
  padding-right: 40px;
  background: transparent;
  border-color: #eaeaea;
}
.cr-search-courses-area .am-searchinput input:hover {
  border-color: #295c51;
}
.cr-search-courses-area .am-searchinput input:active, .cr-search-courses-area .am-searchinput input:focus-within, .cr-search-courses-area .am-searchinput input:focus {
  border-color: #295c51;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.cr-search-courses-area .accordion-button::after {
  background-size: 15px;
  background-position: 0;
}
.cr-search-courses-area .accordion-item {
  border: none;
  padding: 16px 0;
  border-bottom: 1px solid #eaeaea;
}
.cr-search-courses-area .accordion-item:first-child {
  padding-top: 0;
}
.cr-search-courses-area .accordion-item:last-child {
  border: 0;
  padding-bottom: 0;
}
.cr-search-courses-area .accordion-item .accordion-header {
  border: 0;
  font-size: 14px;
  line-height: 20px;
}
.cr-search-courses-area .accordion-item .accordion-header .accordion-button[aria-expanded=true] {
  border: none;
  box-shadow: none;
}
.cr-search-courses-area .accordion-item .accordion-header .accordion-button {
  padding: 0;
  background: none;
  color: #000;
  font: 400 14px/20px "Roboto", serif;
}
.cr-search-courses-area .accordion-item .accordion-header .accordion-button:focus {
  border: none;
  box-shadow: none;
}
.cr-search-courses-area .accordion-item .accordion-body {
  padding: 0;
  margin-right: -22px;
}
.cr-search-courses-area .accordion-item .accordion-body .cr-filter-options {
  padding-right: 8px;
}
.cr-search-courses-area .accordion-item .accordion-body .cr-filter-options .cr-option-details {
  color: #585858;
  font: 400 14px/20px "Roboto", serif;
}
.cr-search-courses-area .accordion-item .accordion-body .cr-filter-options .cr-radio-options {
  padding-right: 20px;
}
.cr-search-courses-area .accordion-item .accordion-body:has(.cr-radio-options) {
  margin-right: 0;
}
.cr-search-courses-area .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border: none;
  padding-bottom: 0;
}
.cr-search-courses-area .accordion-item > .accordion-header .accordion-button {
  display: flex;
  padding-top: 0;
  justify-content: space-between;
}
.cr-search-courses-area .accordion-item > .accordion-header .accordion-button i {
  flex: none;
  display: block;
  font-size: 12px;
  font-weight: 700;
}
.cr-search-courses-area .accordion-item > .accordion-header .accordion-button[aria-expanded=true] i {
  transform: rotate(-180deg);
}
.cr-search-courses-area .accordion-item > .accordion-header .accordion-button:after {
  display: none;
}
.cr-search-courses-area .accordion-item:last-of-type > .accordion-header .accordion-button[aria-expanded=true] {
  border-bottom: 0;
  outline: none !important;
  transition: none !important;
  box-shadow: none !important;
}
.cr-search-courses-area .accordion-item:last-of-type > .accordion-header {
  border: none;
}
.cr-search-courses-area .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}

.cr-filter-options {
  width: 100%;
  display: flex;
  margin-top: 12px;
  overflow-y: auto;
  max-height: 140px;
  color: #585858;
  flex-direction: column;
  scrollbar-gutter: stable;
  margin-left: -10px;
  padding-left: 10px;
}
.cr-filter-options:hover::-webkit-scrollbar-thumb {
  background-color: #e8e8e9;
  border: 5px solid #e8e8e9;
}
.cr-filter-options::-webkit-scrollbar {
  width: 5px;
}
.cr-filter-options::-webkit-scrollbar-thumb {
  border-radius: 16px;
}
.cr-filter-options::-webkit-scrollbar-button {
  display: none;
}

.cr-filter-option {
  gap: 8px;
  display: flex;
  margin-top: 10px;
  align-items: center;
  justify-content: space-between;
}
.cr-filter-option .am-radio input[type=radio]:checked + label:before {
  background-color: #295c51;
  border-color: #295c51;
}
.cr-filter-option:first-child {
  margin-top: 0;
}

.cr-option-details {
  flex: 1;
  gap: 5px;
  display: flex;
  margin-bottom: 0;
  align-items: center;
  justify-content: space-between;
}

.cr-level-count,
.cr-option-count,
.cr-rating-count {
  text-align: right;
  font: 400 12px/18px "Roboto", serif;
  color: rgba(88, 88, 88, 0.7);
}

.cr-checkbox {
  width: 16px;
  height: 16px;
  opacity: 0.5;
  padding: 3px;
  cursor: pointer;
  appearance: none;
  min-height: 16px;
  border-radius: 4px;
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #585858;
}

.cr-checkbox:checked {
  opacity: 1;
  border-color: #007bff;
  background-color: #007bff;
}

.cr-checkbox:checked::after {
  top: 50%;
  left: 50%;
  font-size: 12px;
  content: "✓";
  color: #fff;
  position: absolute;
  transform: translate(-50%, -50%);
}

.cr-checkbox:focus {
  outline-offset: 2px;
  outline: 2px solid #007bff;
}

.cr-filter-options {
  display: flex;
  margin-top: 12px;
  flex-direction: column;
}

.cr-radio-input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}

.cr-radio-custom {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  border: 1px solid #585858;
}

.cr-radio-input:checked + .cr-radio-custom::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: #295c51;
}

.cr-radio-input:focus + .cr-radio-custom {
  box-shadow: 0 0 0 2px rgba(117, 79, 254, 0.3);
}

.cr-option-label {
  gap: 5px;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
}

.cr-option-text {
  flex: 1;
  font-size: 14px;
  color: #585858;
}

.cr-pricerange {
  margin-top: 10px;
}

.cr-price-slider {
  height: 2px;
  margin: 20px 0;
  position: relative;
  background-color: #eaeaea;
}

.cr-slider-track {
  height: 100%;
  position: absolute;
  background-color: rgb(117, 79, 254);
}

.cr-slider-handle {
  top: 50%;
  width: 16px;
  height: 16px;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  border: 2px solid rgb(117, 79, 254);
  background-color: rgb(250, 248, 255);
  box-shadow: 0 8px 11px -3px rgba(16, 24, 40, 0.08);
}

.cr-price-inputs {
  gap: 10px;
  display: flex;
  margin-top: 20px;
  align-items: center;
}
.cr-price-inputs .cr-option-count {
  color: #585858;
}
.cr-price-inputs input {
  gap: 8px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  padding: 10px 16px 10px 40px;
  background-color: #fff;
  border: 1px solid #eaeaea !important;
}
.cr-price-inputs .cr-price-input {
  flex: 1;
  min-height: 40px;
  position: relative;
}
.cr-price-inputs .cr-price-input > svg {
  top: 50%;
  left: 16px;
  position: absolute;
  transform: translateY(-50%);
}

.cr-currency-icon {
  width: 16px;
  height: 18px;
}

.cr-price-value {
  flex: 1;
  width: 100%;
  border: none;
  outline: none;
  font-size: 14px;
  color: #585858;
}

.cr-separator {
  font-size: 16px;
  color: #585858;
}

.cr-visually-hidden {
  width: 1px;
  border: 0;
  padding: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
}

.cr-level-option input:checked + label:after {
  top: 4px !important;
}

.cr-filter-options + .cr-filter-options {
  margin-top: 10px;
}
.cr-filter-options input {
  padding: 0;
  display: none;
  width: initial;
  height: initial;
  cursor: pointer;
  margin-bottom: 0;
}
.cr-filter-options label {
  margin: 0;
  gap: 10px;
  cursor: pointer;
  font-weight: 500;
  flex-wrap: nowrap;
  position: relative;
  align-items: center;
  justify-content: flex-start;
}
.cr-filter-options label:before {
  content: "";
  flex: none;
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  border: 1px solid rgba(88, 88, 88, 0.5);
}
.cr-filter-options input:checked + label:after {
  top: 4px;
  left: 5px;
  width: 5px;
  content: "";
  height: 10px;
  display: block;
  position: absolute;
  border: solid #fff;
  transform: rotate(45deg);
  border-width: 0 2px 2px 0;
}
.cr-filter-options input:checked + label:before {
  border: 2px solid #295c51;
  background-color: #295c51;
}

.cr-price-rangeoption .am-radio input[type=radio]:checked + label:before {
  background: #295c51;
  border-color: #295c51;
}
.cr-price-rangeoption .am-radio label:before {
  border-color: #585858;
}

.cr-filter-sidebar .cr-filter-options input:checked + label:before {
  background: #295c51;
  border-color: #295c51;
}

.cr-price-rangeoption .cr-price-range {
  width: 100%;
  position: inherit;
  background-color: rgba(117, 79, 254, 0.04);
}

.cr-search-results-wrapper {
  display: flex;
  flex-direction: column;
  width: calc(100% - 320px);
}

.cr-search-results-container {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
  align-items: center;
  font-family: "Roboto", serif;
}

.cr-curriculum-state .am-custom-editor.am-custom-textarea .note-editor.note-frame .note-editable {
  padding: 12px;
}

.cr-search-courses {
  background: #F7F5F6;
}
.cr-search-courses .cr-card, .cr-search-courses .cr-card-skeleton {
  padding: 0;
  width: 100%;
}
.cr-search-courses .cr-card h2, .cr-search-courses .cr-card-skeleton h2 {
  font-size: 16px !important;
}
.cr-search-courses .cr-card h2 a, .cr-search-courses .cr-card-skeleton h2 a {
  color: rgba(0, 0, 0, 0.8);
}
.cr-search-courses .cr-card h2 a:hover, .cr-search-courses .cr-card-skeleton h2 a:hover {
  color: #2e90fa;
}

.am-bodywrap:has(.cr-search-courses) .am-header_two {
  background: #fff;
}

.cr-results-summary {
  flex: 1;
  gap: 4px;
  display: flex;
  flex-wrap: wrap;
  min-width: 240px;
  align-items: center;
  color: #000;
  justify-content: start;
  font: 400 18px/28px "Roboto", serif;
}

.cr-results-text {
  opacity: 0.7;
  align-self: stretch;
}

.cr-results-count {
  font-weight: 500;
  align-self: stretch;
}

.cr-results-listing {
  opacity: 0.7;
  align-self: stretch;
}

.cr-sorting-options {
  gap: 10px;
}
.cr-sorting-options .at-form-group {
  position: relative;
}
.cr-sorting-options .at-form-group .select2 {
  width: 200px;
}
.cr-sorting-options .at-form-group + .at-form-group .am-select2, .cr-sorting-options .at-form-group + .at-form-group .select2-selection__rendered {
  padding-left: 120px;
}
.cr-sorting-options .at-form-group .cr-option-select {
  top: 50%;
  left: 16px;
  z-index: 1;
  position: absolute;
  pointer-events: none;
  color: #585858;
  transform: translateY(-50%);
  font: 400 14px/20px "Roboto", serif;
}
.cr-sorting-options .at-form-group > svg {
  top: 50%;
  right: 16px;
  z-index: 1;
  position: absolute;
  pointer-events: none;
  transform: translateY(-50%);
}
.cr-sorting-options .at-form-group .select2-container--default .select2-selection {
  border: 0;
}
.cr-sorting-options .at-form-group .select2-selection__rendered {
  border-radius: 10px;
  padding: 9px 30px 9px 68px;
  background-color: #fff;
  border: 1px solid #eaeaea;
}
.cr-sorting-options .am-select2 {
  gap: 8px;
  width: 100%;
  display: flex;
  background: #fff;
  border-radius: 10px;
  padding: 9px 30px 9px 69px;
  border: 1px solid #eaeaea;
  width: 200px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.cr-dropdown-icon {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 16px;
  align-self: stretch;
  margin: auto 0;
}

.cr-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.cr-card, .cr-card-skeleton {
  height: 100%;
  border: none;
  display: flex;
  border-radius: 10px;
  flex-direction: column;
  background-color: #fff;
  box-shadow: none;
}
.cr-card:hover, .cr-card-skeleton:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.cr-card .cr-course-card, .cr-card-skeleton .cr-course-card {
  border: 0;
  height: 100%;
  border-radius: 0;
  gap: 0 !important;
  background: transparent;
}
.cr-card .cr-filter-option, .cr-card-skeleton .cr-filter-option {
  gap: 6px;
  margin-top: 14px;
  justify-content: flex-start;
}
.cr-card figure, .cr-card-skeleton figure {
  width: 100%;
  height: 200px;
  margin-bottom: 0;
  position: relative;
  min-height: 200px;
}
.cr-card figure .cr-video-modal .video-js, .cr-card-skeleton figure .cr-video-modal .video-js {
  width: 100%;
  height: 200px;
  border-radius: 10px 10px 0 0;
  background: transparent;
}
.cr-card figure > img, .cr-card-skeleton figure > img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
.cr-card figure figcaption, .cr-card-skeleton figure figcaption {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 10px 10px 0px 0px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
}
.cr-card figure figcaption > span, .cr-card-skeleton figure figcaption > span {
  left: 0;
  top: 15px;
  color: #fff;
  padding: 4px 5px;
  position: absolute;
  position: absolute;
  border-radius: 0 6px 6px 0;
  font: 500 12px/20px "Roboto", serif;
  background-color: rgb(246, 60, 60);
}
.cr-card figure figcaption > button, .cr-card-skeleton figure figcaption > button {
  bottom: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2.6666667461px);
}
.cr-card .cr-course-features, .cr-card-skeleton .cr-course-features {
  margin-top: 0;
  margin-bottom: 14px;
}
.cr-card .cr-price-container, .cr-card-skeleton .cr-price-container {
  width: auto;
  margin-top: auto;
  margin: auto -10px -6px;
}

.cr-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.cr-course-card {
  width: 100%;
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
}

.cr-course-header {
  gap: 3px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.cr-course-header > .am-custom-tooltip {
  padding: 0;
}

.cr-instructor-info {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
}
.cr-instructor-info .cr-bookmark-button.cr-likedcard, .cr-instructor-info .cr-bookmark-button:hover {
  background: #F04438;
}
.cr-instructor-info .cr-bookmark-button.cr-likedcard svg, .cr-instructor-info .cr-bookmark-button:hover svg {
  stroke: #fff;
  fill: #fff;
}
.cr-instructor-info .cr-bookmark-button.cr-likedcard svg path, .cr-instructor-info .cr-bookmark-button:hover svg path {
  stroke: #fff;
}

.cr-instructor-details {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #585858;
  flex: 1;
  font: 500 14px/1 "Roboto", serif;
}

.cr-instructor-avatar {
  aspect-ratio: 1;
  object-fit: contain;
  width: 30px;
  margin-right: 7px;
  border-radius: 50%;
}

.cr-instructor-name {
  flex: 1;
  color: #585858;
}

.cr-bookmark-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #f7f7f8;
  width: 34px;
  height: 34px;
  padding: 8px;
}

.cr-bookmark-icon {
  width: 16px;
  height: 16px;
}

.cr-course-title {
  margin: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font: 500 16px/24px "Roboto", serif;
  color: rgba(0, 0, 0, 0.8);
}

.am-itemdropdown_list li a i {
  min-width: 20px;
  text-align: center;
}

.cr-course-category {
  gap: 3px;
  display: flex;
  color: #585858;
  align-items: baseline;
  font: 400 14px/1 "Roboto", serif;
}
.cr-course-category > a {
  color: #585858;
}

.cr-category-link {
  color: #585858;
  text-decoration: underline;
  font: 400 14px/20px "Roboto", serif;
}
.cr-category-link:hover {
  color: #2e90fa;
  text-decoration: underline;
}

.cr-course-features {
  width: 100%;
  display: flex;
  margin-top: 14px;
  flex-direction: column;
}

.cr-price-option {
  align-items: center;
  justify-content: space-between;
}

.cr-price-options {
  gap: 8px;
  display: flex;
  align-items: center;
}

.cr-rating-container {
  display: flex;
  align-items: center;
  gap: 6px;
}

.cr-radio-options {
  margin-top: 12px;
}
.cr-radio-options span {
  font: 400 14px/20px "Roboto", serif;
}
.cr-radio-options .cr-price-range {
  width: 100%;
  padding: 20px;
  box-shadow: none;
  margin-top: 10px;
  position: relative;
  border-radius: 8px;
  background-color: rgba(41, 92, 81, 0.04);
}
.cr-radio-options .cr-price-range .cr-slider-range {
  border: 0;
  margin: 0;
  height: 12px;
  padding: 6px 0;
  box-shadow: none;
  background: transparent;
}
.cr-radio-options .cr-price-range .cr-slider-range .noUi-handle {
  width: 12px;
  height: 12px;
  top: -5px;
}
.cr-radio-options .cr-price-range .cr-slider-range::after {
  content: none;
}
.cr-radio-options .cr-price-range .form-group-two-wrap {
  margin-top: 20px;
}

.cr-star-rating {
  display: flex;
  align-items: center;
  gap: 6px;
}
.cr-star-rating span {
  width: 15px;
  display: flex;
  height: 15px;
  align-items: center;
}

.cr-star-icon {
  width: 14px;
  height: 14px;
}

.cr-rating-score {
  color: #fff;
  padding: 0 5px;
  border-radius: 4px;
  background-color: #2ec063;
  font: 500 14px/20px "Roboto", serif;
}

.cr-review-count {
  color: #585858;
  font: 400 12px/18px "Roboto", serif;
}

.cr-course-info {
  display: flex;
  margin-top: 12px;
  width: 100%;
  color: #585858;
  font: 400 14px/1 "Roboto", serif;
}

.cr-lesson-count,
.cr-info-item {
  gap: 7px;
  flex: 1;
  display: flex;
  align-items: center;
}
.cr-lesson-count span,
.cr-info-item span {
  color: #585858;
  font: 400 14px/20px "Roboto", serif;
}

.cr-info-icon {
  width: 18px;
  height: 18px;
}

.cr-lesson-count {
  display: flex;
  margin-top: 12px;
  width: 100%;
  align-items: center;
  gap: 7px;
  color: #585858;
  font: 400 14px/1 "Roboto", serif;
}

.cr-price-container {
  width: 100%;
  margin-top: 14px;
  min-height: 44px;
  max-width: 340px;
  border-radius: 10px;
  background-color: #f7f7f8;
  justify-content: space-between;
  font-family: "Roboto", serif;
}

.cr-price-info {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  flex: 1;
  padding: 7px 14px;
}

.cr-original-price {
  color: #585858;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.9;
  position: relative;
}
.cr-original-price img, .cr-original-price svg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.cr-discount-line {
  position: absolute;
  width: 36px;
  height: 10px;
  left: 12px;
  bottom: 17px;
}

.cr-discounted-price {
  display: flex;
  align-items: flex-start;
  color: #295c51;
}
.cr-discounted-price .cr-price-amount {
  font: 500 1.25rem/1.5em "Roboto", serif;
}

.cr-price-currency {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  width: 10px;
}

.cr-price-amount {
  font-size: 20px;
  font-weight: 700;
}

.cr-duration-info {
  flex: 1;
  gap: 7px;
  flex: none;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 14px;
  align-items: center;
  color: #585858;
}
.cr-duration-info i {
  font-size: 16px;
}
.cr-duration-info i:before {
  color: #295c51;
}

.cr-includes-text {
  gap: 4px;
  display: flex;
  align-items: center;
}

.cr-includes-value {
  font-weight: 500;
}

.cr-includes-label {
  opacity: 0.8;
  font-weight: 400;
}

.cr-action-buttons {
  width: 100%;
  display: flex;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  flex-direction: column;
}

.cr-add-to-cart {
  border-radius: 10px;
  background-color: #6a00fc;
  display: flex;
  gap: 6px;
  min-height: 40px;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  color: #fff;
  border: none;
  cursor: pointer;
  position: relative;
  font: 600 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-add-to-cart:before {
  top: 0;
  left: 0;
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 10px;
  background-color: #000;
}
.cr-add-to-cart:hover, .cr-add-to-cart:focus {
  outline: none;
  color: #fff;
}
.cr-add-to-cart:hover:before {
  opacity: 0.1;
}

.cr-save-for-later {
  border-radius: 8px;
  border: 1px solid #eaeaea;
  background-color: #fff;
  display: flex;
  min-height: 40px;
  margin-top: 12px;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  color: #585858;
  cursor: pointer;
  position: relative;
}
.cr-save-for-later:before {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  border-radius: 8px;
  background-color: #000;
}
.cr-save-for-later:hover, .cr-save-for-later:focus {
  outline: none;
  color: #585858;
}
.cr-save-for-later:hover:before {
  opacity: 0.1;
}

.cr-add-to-cart_disable {
  background: #f7f7f8;
  pointer-events: none;
  color: rgba(88, 88, 88, 0.5) !important;
}
.cr-add-to-cart_disable:after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  animation: 0.5s btnloader infinite linear;
  border: 2px solid rgba(88, 88, 88, 0.5);
  border-top-color: rgba(88, 88, 88, 0.1);
}

@keyframes btnloader {
  to {
    transform: rotate(360deg);
  }
}
.cr-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.cr-stars {
  gap: 5px;
  display: flex;
  align-items: center;
}
.cr-stars i:before {
  color: #FDB022;
}
.cr-stars.cr-5star i:before {
  content: "\eacf";
}
.cr-stars.cr-4star i:nth-child(-n+4):before {
  content: "\eacf";
}
.cr-stars.cr-3star i:nth-child(-n+3):before {
  content: "\eacf";
}
.cr-stars.cr-2star i:nth-child(-n+2):before {
  content: "\eacf";
}
.cr-stars.cr-1star i:nth-child(-n+1):before {
  content: "\eacf";
}

.cr-fourstar span {
  width: 80%;
}

.cr-threestar span {
  width: 60%;
}

.cr-twostar span {
  width: 40%;
}

.cr-onestar span {
  width: 20%;
}

.cr-courses-emptycase {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  background: #fff;
}
.cr-courses-emptycase:hover {
  background: #fff !important;
}

.cr-promotional-video {
  width: 100%;
  border-radius: 10px;
}

.cr-shimmer-effect, .cr-card-skeleton .cr-duration-info-skeleton, .cr-card-skeleton .cr-price-info-skeleton, .cr-card-skeleton .cr-lesson-count-skeleton, .cr-card-skeleton .cr-info-item-skeleton, .cr-card-skeleton .cr-review-count-skeleton, .cr-card-skeleton .cr-rating-score-skeleton, .cr-card-skeleton .cr-stars-skeleton, .cr-card-skeleton .cr-course-category-skeleton, .cr-card-skeleton .cr-course-title-skeleton, .cr-card-skeleton .cr-bookmark-button-skeleton, .cr-card-skeleton .cr-instructor-name-skeleton, .cr-card-skeleton .cr-instructor-avatar-skeleton, .cr-card-skeleton .cr-image-wrapper-skeleton {
  overflow: hidden;
  position: relative;
  background-color: #e0e0e0;
}
.cr-shimmer-effect:before, .cr-card-skeleton .cr-duration-info-skeleton:before, .cr-card-skeleton .cr-price-info-skeleton:before, .cr-card-skeleton .cr-lesson-count-skeleton:before, .cr-card-skeleton .cr-info-item-skeleton:before, .cr-card-skeleton .cr-review-count-skeleton:before, .cr-card-skeleton .cr-rating-score-skeleton:before, .cr-card-skeleton .cr-stars-skeleton:before, .cr-card-skeleton .cr-course-category-skeleton:before, .cr-card-skeleton .cr-course-title-skeleton:before, .cr-card-skeleton .cr-bookmark-button-skeleton:before, .cr-card-skeleton .cr-instructor-name-skeleton:before, .cr-card-skeleton .cr-instructor-avatar-skeleton:before, .cr-card-skeleton .cr-image-wrapper-skeleton:before {
  content: "";
  top: 0;
  left: -150%;
  width: 150%;
  height: 100%;
  position: absolute;
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.5) 50%, transparent 100%);
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  100% {
    left: 150%;
  }
}
.cr-card-skeleton .cr-image-wrapper-skeleton {
  width: 100%;
  height: 200px;
  flex-shrink: 0;
  border-radius: 10px 10px 0 0;
}
.cr-card-skeleton .cr-instructor-avatar-skeleton {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 50%;
}
.cr-card-skeleton .cr-instructor-name-skeleton {
  max-width: 200px;
  width: 100%;
  height: 14px;
  flex-shrink: 0;
  border-radius: 45px;
}
.cr-card-skeleton .cr-bookmark-button-skeleton {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 50%;
}
.cr-card-skeleton .cr-course-title-skeleton {
  width: 100%;
  height: 24px;
  border-radius: 45px;
  margin: 0;
}
.cr-card-skeleton .cr-course-category-skeleton {
  width: 50%;
  height: 18px;
  border-radius: 45px;
}
.cr-card-skeleton .cr-stars-skeleton {
  width: 99px;
  height: 20px;
  border-radius: 45px;
}
.cr-card-skeleton .cr-rating-score-skeleton {
  width: 31px;
  height: 20px;
  border-radius: 45px;
}
.cr-card-skeleton .cr-review-count-skeleton {
  width: 77px;
  height: 20px;
  border-radius: 45px;
}
.cr-card-skeleton .cr-info-item-skeleton {
  width: 80px;
  height: 20px;
  border-radius: 45px;
}
.cr-card-skeleton .cr-lesson-count-skeleton {
  width: 100px;
  height: 20px;
  border-radius: 45px;
}
.cr-card-skeleton .cr-price-info-skeleton {
  width: 100%;
  height: 24px;
  border-radius: 45px;
}
.cr-card-skeleton .cr-duration-info {
  width: 50%;
}
.cr-card-skeleton .cr-duration-info-skeleton {
  width: 100%;
  height: 24px;
  border-radius: 45px;
}

.cr-search-list-container > .gy-4.row {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -20px !important;
}
.cr-search-list-container > .gy-4.row > div {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px !important;
}
.cr-search-list-container .am-pagination {
  padding: 0;
  margin-top: 20px;
}
.cr-search-list-container .am-pagination ul li a:hover, .cr-search-list-container .am-pagination ul li span:hover, .cr-search-list-container .am-pagination ul li.active a, .cr-search-list-container .am-pagination ul li.active span {
  color: #fff;
  background: #295c51;
  border-color: #295c51;
}
.cr-search-list-container .cr-image-wrapper figcaption button {
  top: auto;
  left: auto;
  right: 16px;
  bottom: 16px;
  transform: none;
}

.cr-spinner-loader {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border-top: 2px #fff solid;
  border: 2px rgba(0, 0, 0, 0.25) solid;
  animation: spiinner-loader 0.6s infinite linear;
  -webkit-animation: spiinner-loader 0.6s infinite linear;
}

@keyframes spiinner-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.vjs-loading-spinner {
  width: 80px !important;
  height: 80px !important;
}

.cr-btn_disable {
  background: #f7f7f8;
  pointer-events: none;
  color: rgba(88, 88, 88, 0.5) !important;
}
.cr-btn_disable:after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  animation: 0.5s btnloader infinite linear;
  border: 2px solid rgba(88, 88, 88, 0.5);
  border-top-color: rgba(88, 88, 88, 0.1);
}

@keyframes btnloader {
  to {
    transform: rotate(360deg);
  }
}
.cr-coursesdetails {
  display: flex;
}

.cr-coursedetails_content {
  flex: 1;
  padding-right: 20px;
}
.cr-coursedetails_body {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  scroll-margin: 20px 0;
  background: #fff;
  padding: 10px 5px 0 10px;
  scrollbar-gutter: stable;
  height: calc(100vh - 80px);
  border-radius: 20px 20px 0 0;
}
.cr-coursedetails_body:has(.cr-coursedetails_article) {
  background-color: #fff;
}
.cr-coursedetails_body:hover::-webkit-scrollbar-thumb {
  background-color: #e8e8e9;
  border: 5px solid #e8e8e9;
}
.cr-coursedetails_body::-webkit-scrollbar {
  width: 5px;
}
.cr-coursedetails_body::-webkit-scrollbar-track {
  margin: 20px 0;
}
.cr-coursedetails_body::-webkit-scrollbar-thumb {
  border-radius: 16px;
}
.cr-coursedetails_body::-webkit-scrollbar-button {
  display: none;
}
.cr-coursedetails_body_video {
  width: 100%;
  height: 680px;
  position: relative;
  width: 100%;
}
.cr-coursedetails_body_video .cr-card-skeleton {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  padding: 0;
  border-radius: 10px 10px 0 0;
}
.cr-coursedetails_body_video .cr-card-skeleton .cr-image-wrapper-skeleton {
  height: 100%;
  border-radius: 20px 20px 0 0;
}
.cr-coursedetails_body_video:has(.cr-coursedetails_article) {
  height: auto;
  padding: 50px 70px;
  border-radius: 20px;
  background: #fff;
  border-bottom: 1px solid #eaeaea;
}
.cr-coursedetails_body_video iframe,
.cr-coursedetails_body_video .video-js {
  width: 100%;
  height: 680px;
  display: block;
  border-radius: 20px 20px 0 0;
}
.cr-coursedetails_body_video iframe .vjs-control-bar,
.cr-coursedetails_body_video .video-js .vjs-control-bar {
  width: 100% !important;
  padding: 0 1% !important;
  z-index: 1;
}
.cr-coursedetails_body_video iframe .vjs-control-bar:after,
.cr-coursedetails_body_video .video-js .vjs-control-bar:after {
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 140px;
  opacity: 0.5;
  pointer-events: none;
  bottom: -12px;
  position: absolute;
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.cr-coursedetails_body_video iframe video,
.cr-coursedetails_body_video .video-js video {
  border-radius: 20px 20px 0 0;
}
.cr-coursedetails_body_video .cr-image-wrapper,
.cr-coursedetails_body_video figure.cr-image-wrapper {
  margin: 0;
  width: 100%;
  height: 680px;
  position: relative;
  border-radius: 20px 20px 0 0;
}
.cr-coursedetails_body_video .cr-image-wrapper img,
.cr-coursedetails_body_video figure.cr-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}
.cr-coursedetails_body_video .cr-image-wrapper figcaption,
.cr-coursedetails_body_video figure.cr-image-wrapper figcaption {
  top: 50%;
  left: 50%;
  width: 140px;
  display: flex;
  height: 140px;
  cursor: pointer;
  position: absolute;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(7.4666666985px);
  box-shadow: 0px 3.5px 38.5px 0px rgba(0, 0, 0, 0.1);
}
.cr-coursedetails_body_video .cr-image-wrapper figcaption button,
.cr-coursedetails_body_video figure.cr-image-wrapper figcaption button {
  background: transparent;
}
.cr-coursedetails_body_video .cr-image-wrapper figcaption button i,
.cr-coursedetails_body_video figure.cr-image-wrapper figcaption button i {
  display: block;
  font-size: 40px;
}
.cr-coursedetails_body_video .cr-image-wrapper figcaption button i::before,
.cr-coursedetails_body_video figure.cr-image-wrapper figcaption button i::before {
  color: #fff;
}
.cr-coursedetails_body_video:has(.cr-coursedetails_article)::after {
  top: -135px;
  content: "";
  width: 27px;
  right: 48.8%;
  opacity: 0.02;
  height: 1600px;
  position: absolute;
  mix-blend-mode: multiply;
  transform: rotate(90deg);
  background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0.34) 40.5%, rgba(0, 0, 0, 0) 100%);
}
.cr-coursedetails_article {
  height: 579px;
  overflow: hidden;
  overflow-y: auto;
}
.cr-coursedetails_article:hover::-webkit-scrollbar-thumb {
  background-color: #e8e8e9;
  border: 5px solid #e8e8e9;
}
.cr-coursedetails_article::-webkit-scrollbar {
  width: 5px;
}
.cr-coursedetails_article::-webkit-scrollbar-thumb {
  border-radius: 16px;
}
.cr-coursedetails_article::-webkit-scrollbar-button {
  display: none;
}
.cr-coursedetails_article_actions {
  gap: 10px;
  margin-top: 30px;
  align-items: center;
}
.cr-coursedetails_article_actions .am-btn {
  padding: 14px 18px;
}
.cr-coursedetails_article_actions .am-btnnext {
  gap: 6px;
  padding: 14px 20px;
  display: flex;
  min-width: 172px;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #34a853;
  font: 600 0.875rem/1.4285714286em "Roboto", serif;
}

.vjs-fullscreen.video-js .vjs-tech {
  height: 100vh !important;
}

.vjs-control-bar {
  width: 100% !important;
  padding: 0 1% !important;
  z-index: 1;
}
.vjs-control-bar:after {
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 140px;
  opacity: 0.5;
  pointer-events: none;
  bottom: -12px;
  position: absolute;
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.am-share-link {
  margin: 0 0 20px;
}
.am-share-link .form-control[disabled] {
  pointer-events: none;
}

.am-share-copy {
  margin-top: 20px;
}
.am-share-copy .am-btn {
  margin-left: auto;
  display: block;
}

.cr-copy-link {
  display: flex;
  align-items: center;
  position: relative;
}
.cr-copy-link .cr-btncopy {
  right: 0;
  gap: 5px;
  width: auto;
  height: 40px;
  display: flex;
  min-width: 40px;
  padding: 0 12px;
  position: absolute;
  align-items: center;
  justify-content: center;
  background-color: #f7f7f7;
  border-radius: 0 10px 10px 0;
}
.cr-copy-link .am-tooltip-text {
  left: 50%;
  bottom: calc(100% + 10px);
  opacity: 0;
  width: 70px;
  padding: 12px;
  max-height: 96px;
  position: absolute;
  border-radius: 10px;
  display: inline-flex;
  transition: all 0.3s;
  pointer-events: none;
  background: #182230;
  justify-content: center;
  transform: translateX(-50%);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4 !important;
  color: rgba(255, 255, 255, 0.8) !important;
  font: 500 0.75rem/1.5em "Roboto", serif !important;
  box-shadow: 4px 8px 48px -8px rgba(99, 115, 146, 0.12);
}
.cr-copy-link .am-tooltip-text::before {
  left: 50%;
  content: "";
  width: 0.6em;
  height: 0.6em;
  bottom: -0.2em;
  position: absolute;
  background: #182230;
  transform: translate(-50%) rotate(45deg);
}
.cr-copy-link .am-tooltip-text span {
  color: rgba(255, 255, 255, 0.8) !important;
}
.cr-copy-link .am-tooltip-text-enable {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.cr-share-icons {
  gap: 10px;
  display: flex;
  justify-content: center;
}
.cr-share-icons a {
  width: 32px;
  height: 32px;
  display: flex;
  border-radius: 50%;
  position: relative;
  background: #f7f7f8;
  align-items: center;
  justify-content: center;
}
.cr-share-icons a:hover span {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.cr-share-icons a span {
  left: 50%;
  opacity: 0;
  bottom: 100%;
  width: 80px;
  padding: 12px;
  max-height: 96px;
  position: absolute;
  border-radius: 10px;
  display: inline-flex;
  transition: all 0.3s;
  pointer-events: none;
  background: #182230;
  justify-content: center;
  transform: translateX(-50%);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4 !important;
  color: rgba(255, 255, 255, 0.8) !important;
  font: 400 0.75rem/1.5em "Roboto", serif !important;
  box-shadow: 4px 8px 48px -8px rgba(99, 115, 146, 0.12);
}
.cr-share-icons a span::before {
  left: 50%;
  content: "";
  width: 0.6em;
  height: 0.6em;
  bottom: -0.2em;
  position: absolute;
  background: #182230;
  transform: translate(-50%) rotate(45deg);
}

@media (min-width: 1200px) {
  .cr-togglesidebar {
    transform: translate(-300px, 0);
    margin-left: -280px;
  }
  .cr-togglesidebar > div {
    width: 300px;
  }
  .cr-togglesidebar .cr-sidebar_toggle {
    margin-right: -280px;
    transform: translate(72px, 0);
  }
  .cr-coursesdetails_fullwidth .cr-usercourse_header {
    margin-left: auto;
    max-width: calc(100% - 56px);
  }
}
.cr-usercourse_header {
  gap: 20px;
  padding: 20px 0;
  background: #1e1e1e;
  justify-content: space-between;
}
.cr-usercourse_header .am-language-select a {
  color: #8e8e8e;
}
.cr-usercourse_header .am-language-select a i:before {
  color: #8e8e8e;
}
.cr-usercourse_header .am-language-select:hover a {
  color: #fff;
}
.cr-usercourse_header .am-language-select:hover a i:before {
  color: #fff;
}
.cr-usercourse_header_progress {
  width: 100%;
  max-width: 452px;
}
.cr-usercourse_header_progress span {
  gap: 10px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  font: 400 0.75rem/1.5em "Roboto", serif;
}
.cr-usercourse_header_progress span em {
  font-weight: 500;
  font-style: normal;
  color: rgba(255, 255, 255, 0.8);
}
.cr-usercourse_header_progress_bar {
  width: 100%;
  height: 6px;
  display: block;
  margin-top: 6px;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
}
.cr-usercourse_header_progress_bar_inner {
  height: 100%;
  border-radius: 6px;
  position: absolute;
  background: #34a853;
  background-image: url(../images/loader-shape.png);
  -webkit-animation: cr-stripe 2s linear infinite;
  animation: cr-stripe 30s linear infinite;
}
.cr-usercourse_header_actions {
  gap: 14px;
  display: flex;
  margin-left: auto;
  align-items: center;
}
.cr-usercourse_header_actions .cr-btn {
  gap: 10px;
  display: flex;
  color: #8e8e8e;
  padding: 10px 18px;
  align-items: center;
  border-radius: 10px;
  font: 600 0.875rem/1.4285714286em "Roboto", serif;
  background: rgba(0, 0, 0, 0.25);
}
.cr-usercourse_header_actions .cr-btn:hover {
  color: #fff;
}
.cr-usercourse_header_actions .cr-btn:hover svg g {
  opacity: 1;
}
.cr-usercourse_header_actions .cr-btn:hover svg path {
  stroke: #fff;
}
.cr-usercourse_header_actions .cr-btn svg {
  display: block;
}
.cr-dropdownbtn {
  gap: 10px;
  display: flex;
  color: #8e8e8e;
  width: 40px;
  height: 40px;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  background: rgba(0, 0, 0, 0.25);
  font: 600 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-dropdownbtn > img {
  width: 40px;
  height: 40px;
  border-radius: 12px;
}

.cr-rating-form:has(.am-error-msg) .form-control {
  background: #fff !important;
  border-color: #f04438 !important;
  box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1019607843), 0 2px 4px -2px rgba(16, 24, 40, 0.0588235294) !important;
}

@keyframes cr-stripe {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
.cr-coursecontent {
  display: flex;
  background: #fff;
  justify-content: space-between;
}
.cr-coursecontent_body {
  flex: 1;
}
.cr-coursecontent_sidebar {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  background: #f7f7f8;
  border-left: 1px solid #eaeaea;
}
.cr-coursecontent_sidebar .cr-course-sidebar {
  gap: 0;
  margin: 0;
}
.cr-coursecontent_sidebar .cr-course-card,
.cr-coursecontent_sidebar .am-similar-user {
  border: 0;
  padding: 20px;
  box-shadow: none;
  border-radius: 0;
  background: transparent;
}
.cr-coursecontent_sidebar .cr-course-card + .cr-course-card,
.cr-coursecontent_sidebar .am-similar-user + .cr-course-card {
  border-top: 1px solid #eaeaea;
}
.cr-coursecontent_sidebar .cr-course-card .cr-course-includes,
.cr-coursecontent_sidebar .am-similar-user .cr-course-includes {
  margin: 0;
}
.cr-coursecontent_sidebar .cr-course-card .cr-course-includes .cr-includes-list,
.cr-coursecontent_sidebar .am-similar-user .cr-course-includes .cr-includes-list {
  gap: 12px;
}
.cr-coursecontent_sidebar .cr-course-card .cr-course-includes.cr-course-rating-wrap,
.cr-coursecontent_sidebar .am-similar-user .cr-course-includes.cr-course-rating-wrap {
  gap: 16px;
  padding: 0;
}
.cr-coursecontent_sidebar .cr-course-card .cr-course-includes.cr-course-rating-wrap .cr-course-rating,
.cr-coursecontent_sidebar .am-similar-user .cr-course-includes.cr-course-rating-wrap .cr-course-rating {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.cr-coursecontent_sidebar .cr-course-card .cr-course-includes.cr-course-rating-wrap .cr-course-rating h2,
.cr-coursecontent_sidebar .am-similar-user .cr-course-includes.cr-course-rating-wrap .cr-course-rating h2 {
  margin: 0;
  opacity: 0.8;
  color: #000;
  font: 500 1rem/1.5em "Roboto", serif;
}
.cr-coursecontent_sidebar .cr-course-card .cr-course-includes.cr-course-rating-wrap .cr-course-rating .cr-rating-container span i,
.cr-coursecontent_sidebar .am-similar-user .cr-course-includes.cr-course-rating-wrap .cr-course-rating .cr-rating-container span i {
  cursor: pointer;
}
.cr-coursecontent_sidebar .cr-course-card .cr-course-includes.cr-course-rating-wrap textarea,
.cr-coursecontent_sidebar .am-similar-user .cr-course-includes.cr-course-rating-wrap textarea {
  height: 150px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.cr-coursecontent_sidebar .cr-course-card .cr-course-includes.cr-course-rating-wrap .cr-btn_disable,
.cr-coursecontent_sidebar .am-similar-user .cr-course-includes.cr-course-rating-wrap .cr-btn_disable {
  background: #eaeaea;
}
.cr-coursecontent_sidebar .am-similar-user {
  border-top: 1px solid #eaeaea;
}
.cr-coursecontent_sidebar .am-similar-user .am-tutorvone_img {
  height: 45px;
  max-width: 45px;
  border-radius: 11.25px;
}
.cr-coursecontent_sidebar .am-similar-user .am-tutorvone_img img {
  width: 100%;
  height: 100%;
  border-radius: 11.25px;
}
.cr-coursecontent_sidebar .am-similar-user .am-tutordetail_user_name > span {
  max-width: 100%;
  margin-top: -1px;
}
.cr-coursecontent_sidebar .am-similar-user .cr-instructor-bio {
  flex-wrap: wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cr-coursecontent_sidebar .am-similar-user .cr-profile-footer .cr-social-icons {
  gap: 10px;
  align-items: center;
}
.cr-coursecontent_sidebar .am-similar-user .cr-profile-footer .cr-social-icons li {
  list-style: none;
}
.cr-coursecontent_sidebar .am-similar-user .cr-profile-footer .cr-social-icons li a {
  width: 36px;
  height: 36px;
  font-size: 15px;
  color: #585858;
  border-radius: 50%;
  align-items: center;
  text-decoration: none;
  background: #fff;
  justify-content: center;
}
.cr-coursecontent_sidebar .am-similar-user .cr-profile-footer .cr-social-icons li.cr-detailsbtn a span {
  display: block;
  margin-top: -6px;
  font-weight: 800;
}
.cr-coursecontent_tabs {
  top: -10px;
  z-index: 99;
  padding: 0 40px;
  position: sticky;
  list-style: none;
  background: #fff;
  border-bottom: 1px solid #eaeaea;
}
.cr-coursecontent_tabs > li {
  flex: auto;
  line-height: inherit;
  list-style-type: none;
  text-align: center;
}
.cr-coursecontent_tabs > li button {
  width: 100%;
  display: flex;
  position: relative;
  text-align: center;
  padding: 17.5px 4px;
  align-items: center;
  justify-content: center;
  border: none !important;
  color: rgba(88, 88, 88, 0.7);
  font: 500 0.9375rem/1.6em "Roboto", serif;
}
.cr-coursecontent_tabs > li button::before {
  left: 50%;
  height: 0;
  bottom: 0;
  width: 60%;
  content: "";
  position: absolute;
  background: #295c51;
  transform: translateX(-50%);
  border-radius: 50px 50px 0 0;
  transition: all 0.3s ease-in-out;
}
.cr-coursecontent_tabs > li button.active {
  color: #585858 !important;
}
.cr-coursecontent_tabs > li.active button, .cr-coursecontent_tabs > li:hover button {
  color: #585858 !important;
}
.cr-coursecontent_tabs > li.active button::before, .cr-coursecontent_tabs > li:hover button::before {
  height: 5px;
}
.cr-coursecontent_tabs_content {
  padding: 40px;
}
.cr-coursecontent_tabs_content .cr-course-details-banner {
  background: #fff;
}
.cr-coursecontent_tabs_content .cr-course-details-banner .cr-course-details-area {
  padding: 0;
}
.cr-coursecontent_tabs_content .cr-course-details-banner .cr-course-details-area .cr-course-details-info {
  padding: 0;
  max-width: 100%;
}
.cr-coursecontent_tabs_content .cr-course-details-banner .cr-course-details-area .cr-course-details-info .am-searchhead_title .cr-title-box h2 {
  margin: 0;
  letter-spacing: normal;
  letter-spacing: 0.5px;
  color: rgba(0, 0, 0, 0.9);
  font: 500 1.5rem/1.3333333333em "Roboto", serif;
}
.cr-coursecontent_tabs_content .cr-course-details-banner .cr-course-details-area .cr-course-details-info .am-searchhead_title .cr-title-box span {
  padding: 3px 9px;
  border-radius: 8px;
  color: #585858;
  border: 1px solid rgba(88, 88, 88, 0.2);
  font: 500 0.75rem/1.5em "Roboto", serif;
}
.cr-coursecontent_tabs_content .cr-course-details-banner .cr-course-details-area .cr-course-details-info .am-searchhead_title .cr-title-box span em {
  font-weight: 400;
  font-style: normal;
}
.cr-coursecontent_tabs_content .cr-course-details-banner .cr-course-details-area .cr-course-details-info .am-searchhead_title p {
  opacity: 0.9;
  margin-top: 8px;
  letter-spacing: normal;
}
.cr-coursecontent_tabs_content .cr-course-details-banner .cr-course-details-area .cr-course-details-info .cr-course-stats {
  gap: 10px 0;
  margin: 20px -20px 0;
}
.cr-coursecontent_tabs_content .cr-course-details-banner .cr-course-details-area .cr-course-details-info .cr-course-stats .cr-stat-item {
  padding: 0 20px;
}
.cr-coursecontent_tabs_content .cr-overview-course h3 {
  margin: 0;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.9);
  font: 500 1.125rem/1.5555555556em "Roboto", serif;
}
.cr-coursecontent_tabs_content .cr-overview-course > p {
  margin: 10px 0 0;
  letter-spacing: normal;
  font: 400 1rem/1.5em "Roboto", serif;
  color: rgba(88, 88, 88, 0.9);
}
.cr-coursecontent_tabs_content .cr-overview-course > a {
  display: block;
  margin: 10px 0 0;
  color: #585858;
  text-decoration-line: underline;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-coursecontent_tabs_content .cr-overview-course .cr-detail-faq-accordion {
  margin-top: 10px;
}
.cr-coursecontent_tabs_content .cr-overview-course .cr-detail-faq-accordion .accordion-item .cr-contentbox span {
  font: 500 1rem/1.5em "Roboto", serif;
}
.cr-coursecontent_tabs_content .cr-overview-course .cr-detail-faq-accordion .accordion-item .accordion-content p {
  font: 400 1rem/1.5em "Roboto", serif;
}
.cr-coursecontent_tabs_content .cr-overview-course .cr-detail-faq-accordion .accordion-item + .accordion-item {
  margin-top: 16px;
}
.cr-coursecontent_tabs_content .cr-overview-course.cr-desc-section h3 {
  margin-bottom: 10px;
}
.cr-coursecontent_tabs_content .cr-overview-course.cr-desc-section .cr-desc-content {
  max-height: 200px;
  min-height: 200px;
  overflow: hidden;
}
.cr-coursecontent_tabs_content .cr-overview-course.cr-desc-section .cr-desc-content p {
  font: 400 1rem/1.5em "Roboto", serif;
  color: rgba(88, 88, 88, 0.9);
}
.cr-coursecontent_tabs_content .cr-overview-course.cr-desc-section .cr-desc-content p + p {
  margin-top: 10px;
}
.cr-coursecontent_tabs_content .cr-overview-course.cr-desc-section.cr-desc-section-show .cr-desc-content {
  height: 100%;
  max-height: inherit;
  overflow: auto;
}
.cr-coursecontent_tabs_content .cr-overview-course.cr-discussion-course {
  padding-bottom: 60px;
}
.cr-coursecontent_tabs_content .cr-overview-course.cr-discussion-course h3 {
  margin-bottom: 10px;
}
.cr-coursecontent_tabs_content .cr-overview-course.cr-discussion-course .cr-submit-main .cr-submit {
  background: #295c51;
}
.cr-coursecontent_tabs_content .cr-forum-item-wrapper {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.cr-coursecontent_tabs_content .cr-forum-item-wrapper .cr-noticeboard-item p {
  margin: 0;
  color: #585858;
  font: 400 1rem/1.5em "Roboto", serif;
}

.cr-david-list {
  gap: 30px;
  margin: 0;
  padding: 0;
  display: flex;
  margin-bottom: 30px;
  flex-direction: column;
}
.cr-david-list > li {
  padding: 20px;
  list-style: none;
  position: relative;
  border-radius: 12px;
  background: #f7f7f8;
}
.cr-david-list > li::before {
  z-index: 0;
  left: 40px;
  width: 1px;
  content: "";
  bottom: 20px;
  position: absolute;
  height: calc(100% - 96px);
  background: #eaeaea;
}
.cr-david-list > li ul {
  margin: 40px 0 0 60px;
}
.cr-david-list > li ul li {
  list-style: none;
  position: relative;
}
.cr-david-list > li ul li::before {
  bottom: 0;
  z-index: 0;
  left: 20px;
  width: 1px;
  content: "";
  position: absolute;
  background: #eaeaea;
  height: calc(100% - 56px);
}
.cr-david-list > li ul li::after {
  top: -4px;
  z-index: 0;
  left: -40px;
  content: "";
  width: 3.9%;
  height: 25px;
  position: absolute;
  border-radius: 0 0 0 10px;
  border-left: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.cr-david-list > li ul li + li {
  margin-top: 0;
}
.cr-david-list > li ul li .cr-loadmore-btn {
  display: none;
}
.cr-david-list > li .cr-topic-content {
  position: relative;
}
.cr-david-list > li .cr-topic-content .cr-removemodal {
  top: 15px;
  right: 18px;
  width: 36px;
  height: 36px;
  display: flex;
  color: #585858;
  margin-left: auto;
  position: absolute;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.cr-david-list > li .cr-topic-content .cr-removemodal:hover {
  background: #f7f7f8;
}
.cr-david-list > li .cr-custom-editor .note-toolbar,
.cr-david-list > li .cr-custom-editor .note-editing-area {
  background: #f7f7f7;
}
.cr-david-list > li .cr-loadmore-btn {
  margin-top: 40px;
  align-items: center;
  justify-content: center;
}
.cr-david-list > li .cr-loadmore-btn .cr-bookmark {
  color: #585858;
  background: #fff;
  border-color: #eaeaea;
  font: 500 14px/20px "Roboto", serif;
}
.cr-david-list > li .cr-loadmore-btn .cr-bookmark::before {
  border-radius: 8px;
}
.cr-david-list .cr-comment > .cr-comment_item ~ .cr-comment_item {
  margin-top: 20px !important;
}

.cr-villy-about {
  gap: 20px;
  display: flex;
  position: relative;
}
.cr-villy-about .cr-villy-img {
  margin: 0;
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  z-index: 1;
}
.cr-villy-about .cr-villy-img img {
  flex: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.cr-villy-about-content {
  width: 100%;
}
.cr-villy-about-content .cr-villy-stats {
  gap: 16px;
  display: flex;
  margin-top: 20px;
}
.cr-villy-about-content .cr-villy-stats i {
  font-size: 16px;
}
.cr-villy-about-content .cr-villy-stats_info {
  gap: 6px;
  display: flex;
  position: relative;
  align-items: center;
}
.cr-villy-about-content .cr-villy-stats_info .cr-active-villy {
  color: #ea0c0c;
}
.cr-villy-about-content .cr-villy-stats_info > a {
  color: #585858;
}
.cr-villy-about-content .cr-villy-stats_info > a.cr-stats_info-like:hover i::before, .cr-villy-about-content .cr-villy-stats_info > a.cr-stats_info-like.cr-active i::before {
  content: "\ea10";
  color: #ea0c0c !important;
}
.cr-villy-about-content .cr-villy-stats_info > a i.am-icon-heart-01::before {
  color: #585858;
}
.cr-villy-about-content .cr-villy-stats_info span {
  color: #585858;
  font: 500 14px/20px "Roboto", serif;
}
.cr-villy-about-content .cr-villy-stats_info em {
  font-style: normal;
  color: #585858;
  font: 400 14px/20px "Roboto", serif;
}

.cr-stats_info-reply,
.cr-stats_info-like {
  gap: 6px;
  display: flex;
  align-items: center;
}

.cr-stats_info-reply:has(.cr-countreply) {
  padding: 4px 5px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #eaeaea;
}
.cr-stats_info-reply:has(.cr-countreply) i {
  transition: none;
}
.cr-stats_info-reply:has(.cr-countreply):hover {
  background: #f7f7f8;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}
.cr-stats_info-reply:has(.cr-countreply):hover span {
  color: #2e90fa !important;
}

.cr-david-villy-content {
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.cr-david-villy-content em {
  font-style: normal;
  color: rgba(93, 93, 93, 0.8);
  font: 400 16px/24px "Roboto", serif;
}

.cr-david-villy {
  gap: 8px;
  display: flex;
  align-items: center;
}
.cr-david-villy span {
  color: #585858;
  font: 600 16px/24px "Roboto", serif;
}
.cr-david-villy .cr-villy-one {
  color: #585858;
  font: 500 14px/20px "Roboto", serif;
}
.cr-david-villy em {
  opacity: 0.8;
  color: #585858;
  font: 400 14px/20px "Roboto", serif;
}

.cr-villy-paragraph {
  display: flex;
  margin: 10px 0 0;
  color: #585858;
  flex-direction: column;
  font: 400 1rem/1.5em "Roboto", serif;
}
.cr-villy-paragraph > .cr-villy-paragraph {
  margin-top: 0;
}
.cr-villy-paragraph span,
.cr-villy-paragraph p {
  margin: 0;
  color: #585858;
  font: 400 1rem/1.5em "Roboto", serif;
}
.cr-villy-paragraph > ul, .cr-villy-paragraph > ol {
  margin: 0 0 0 !important;
}
.cr-villy-paragraph > ul li:after, .cr-villy-paragraph > ol li:after {
  display: none;
}
.cr-villy-paragraph > ul li + li, .cr-villy-paragraph > ol li + li {
  margin-top: 0 !important;
}
.cr-villy-paragraph > ul li::after, .cr-villy-paragraph > ol li::after {
  display: none;
}
.cr-villy-paragraph > ul li {
  list-style: inside !important;
}

.cr-topic-content {
  padding: 19px;
  margin-top: 20px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #eaeaea;
}
.cr-topic-content .cr-draganddrop {
  margin-top: 20px;
}

.cr-topic-content-reply {
  padding: 20px;
  border-radius: 12px;
  background: #f7f7f8;
}
.cr-topic-content-reply h3.cr-forum-tag-title {
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.8);
  font: 500 1.25rem/1.5em "Roboto", serif;
}
.cr-topic-content-reply .cr-forum-topic-description {
  gap: 9px;
  display: flex;
  flex-direction: column;
}

.cr-submit-main {
  display: flex;
  margin-top: 20px;
  align-items: flex-end;
  justify-content: flex-end;
}
.cr-submit-main .cr-submit {
  gap: 6px;
  z-index: 0;
  border: none;
  cursor: pointer;
  overflow: hidden;
  color: #fff;
  width: max-content;
  padding: 12px 19px;
  position: relative;
  align-items: center;
  border-radius: 10px;
  display: inline-flex;
  text-decoration: none;
  background: #754ffe;
  justify-content: center;
  font: 600 16px/24px "Roboto", serif;
}
.cr-submit-main .cr-submit:before {
  top: 0;
  left: 0;
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 10px;
  background-color: #000;
}
.cr-submit-main .cr-submit:hover, .cr-submit-main .cr-submit:focus {
  outline: none;
  color: #fff;
}
.cr-submit-main .cr-submit:hover:before {
  opacity: 0.1;
}
.cr-submit-main .cr-btn_disable {
  background: #eaeaea;
}

.cr-custom-editor {
  width: 100%;
  position: relative;
  border-radius: 10px;
}
.cr-custom-editor .note-editor.note-frame {
  border: 0;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
  max-height: 300px;
}
.cr-custom-editor .note-editor.note-frame .note-statusbar {
  display: none;
}
.cr-custom-editor textarea.form-control {
  border: 0;
  box-shadow: none;
  height: 256.78px;
  background: #fff;
}
.cr-custom-editor .note-toolbar {
  border-bottom: 0;
  padding: 14px 11px;
  background: #fff;
  border-radius: 8px 8px 0 0;
}
.cr-custom-editor .note-toolbar .note-btn-group {
  margin: 0;
}
.cr-custom-editor .note-toolbar .note-btn-group.note-fontname, .cr-custom-editor .note-toolbar .note-btn-group.note-table, .cr-custom-editor .note-toolbar .note-btn-group.note-insert, .cr-custom-editor .note-toolbar .note-btn-group.note-view {
  display: none;
}
.cr-custom-editor .note-toolbar .note-btn-group.note-font, .cr-custom-editor .note-toolbar .note-btn-group.note-para {
  margin: 0 2px;
}
.cr-custom-editor .note-toolbar .note-btn-group.note-font .note-btn, .cr-custom-editor .note-toolbar .note-btn-group.note-para .note-btn {
  padding: 2px 8px;
}
.cr-custom-editor .note-toolbar .note-btn-group .note-btn {
  border: 0;
  padding: 2px 10px;
  background-color: transparent;
}
.cr-custom-editor .note-editing-area {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.cr-custom-editor .note-editing-area .note-editable {
  padding: 0 22px 12px;
  height: 200px !important;
}
.cr-custom-editor .note-editing-area .note-editable:hover::-webkit-scrollbar-thumb {
  background-color: #e8e8e9;
  border: 5px solid #e8e8e9;
}
.cr-custom-editor .note-editing-area .note-editable::-webkit-scrollbar {
  width: 5px;
}
.cr-custom-editor .note-editing-area .note-editable::-webkit-scrollbar-thumb {
  border-radius: 16px;
}
.cr-custom-editor .note-editing-area .note-editable::-webkit-scrollbar-button {
  display: none;
}
.cr-custom-editor .note-editing-area .note-editable ul {
  margin: 0;
  padding-left: 15px;
}
.cr-custom-editor .note-editing-area .note-editable ul li {
  line-height: 1.5714285714em;
  list-style: disc inside none;
}
.cr-custom-editor .note-editing-area .note-editable ol {
  margin: 0;
}
.cr-custom-editor .note-editing-area .note-editable ol li {
  line-height: 1.5714285714em;
  list-style: decimal inside none;
}
.cr-custom-editor .note-editing-area .note-editable ol li:before, .cr-custom-editor .note-editing-area .note-editable ol li:after {
  display: none;
}
.cr-custom-editor .note-editing-area .note-editable p {
  margin: 0;
}
.cr-custom-editor .note-editing-area .note-editable span {
  background-color: transparent !important;
}

.cr-forum-invalid {
  border: 1px solid transparent;
}
.cr-forum-invalid.cr-invalid {
  border-radius: 4px;
  margin-bottom: 10px;
  border: 1px solid #f04438;
}
.cr-forum-invalid.cr-invalid .am-error-msg {
  display: block;
  margin-top: 4px;
  color: #f04438;
  position: absolute;
  font: 400 0.75rem/1.5em "Roboto", serif;
}
.cr-forum-invalid.cr-invalid .note-editor.note-frame {
  border: none !important;
}

.cr-allcourses {
  padding: 24px;
}
.cr-allcourses .cr-courses-emptycase {
  padding: 0;
}
.cr-allcourses .cr-no-record-container {
  background-color: transparent;
}
.cr-allcourses_title {
  gap: 10px;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.cr-allcourses_title h2 {
  margin: 0;
  opacity: 0.9;
  color: #000;
  font: 600 1.5rem/1.3333333333em "Roboto", serif;
}
.cr-allcourses_title p {
  margin: 2px 0 0;
  color: #585858;
  font: 400 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-allcourses_title .am-searchinput {
  max-width: 260px;
}
.cr-allcourses_title .am-searchinput input {
  background: #fff;
  border-color: #eaeaea;
}
.cr-allcourses_list {
  gap: 20px;
  margin-top: 20px;
}
.cr-allcourses_list .cr-card, .cr-allcourses_list .cr-card-skeleton {
  margin: 0;
  padding: 0;
  height: auto;
  width: 100%;
  max-width: calc(25% - 15px);
  background: #f7f7f8;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.cr-allcourses_list .cr-card:hover, .cr-allcourses_list .cr-card-skeleton:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.cr-allcourses_list .cr-card .cr-image-wrapper, .cr-allcourses_list .cr-card-skeleton .cr-image-wrapper {
  flex: none;
  width: 100%;
  min-height: 185px;
  max-height: 185px;
}
.cr-allcourses_list .cr-card .cr-image-wrapper img, .cr-allcourses_list .cr-card-skeleton .cr-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cr-allcourses_list .cr-card .cr-course-card, .cr-allcourses_list .cr-card-skeleton .cr-course-card {
  padding: 15px;
  margin-top: auto;
}
.cr-allcourses_list .cr-card .cr-course-card .cr-course-header .cr-instructor-details a, .cr-allcourses_list .cr-card-skeleton .cr-course-card .cr-course-header .cr-instructor-details a {
  gap: 7px;
  flex-wrap: nowrap;
  line-height: 20px;
  align-items: center;
  letter-spacing: normal;
}
.cr-allcourses_list .cr-card .cr-course-card .cr-course-header .cr-course-title, .cr-allcourses_list .cr-card-skeleton .cr-course-card .cr-course-header .cr-course-title {
  opacity: 0.8;
  overflow: hidden;
  color: #000;
  letter-spacing: normal;
  font: 500 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-allcourses_list .cr-card .cr-course-card .cr-course-header .cr-course-category span, .cr-allcourses_list .cr-card-skeleton .cr-course-card .cr-course-header .cr-course-category span {
  line-height: 20px;
  letter-spacing: normal;
}
.cr-allcourses_list .cr-card .cr-course-card .cr-course-header .cr-course-category a, .cr-allcourses_list .cr-card-skeleton .cr-course-card .cr-course-header .cr-course-category a {
  letter-spacing: normal;
}
.cr-allcourses_list .cr-card .cr-course-card .cr-usercourse_header_progress, .cr-allcourses_list .cr-card-skeleton .cr-course-card .cr-usercourse_header_progress {
  padding: 19px 0;
  max-width: 100%;
}
.cr-allcourses_list .cr-card .cr-course-card .cr-usercourse_header_progress span, .cr-allcourses_list .cr-card-skeleton .cr-course-card .cr-usercourse_header_progress span {
  letter-spacing: normal;
  font: 400 0.75rem/1.5em "Roboto", serif;
  color: rgba(88, 88, 88, 0.7);
}
.cr-allcourses_list .cr-card .cr-course-card .cr-usercourse_header_progress span em, .cr-allcourses_list .cr-card-skeleton .cr-course-card .cr-usercourse_header_progress span em {
  font-weight: 500;
  color: rgba(88, 88, 88, 0.8);
}
.cr-allcourses_list .cr-card .cr-course-card .cr-usercourse_header_progress .cr-usercourse_header_progress_bar, .cr-allcourses_list .cr-card-skeleton .cr-course-card .cr-usercourse_header_progress .cr-usercourse_header_progress_bar {
  background: #eaeaea;
}
.cr-allcourses_list .cr-card .cr-course-card .cr-start-course, .cr-allcourses_list .cr-card-skeleton .cr-course-card .cr-start-course {
  width: 100%;
  display: flex;
  cursor: pointer;
  min-height: 40px;
  margin-top: auto;
  padding: 10px 16px;
  border-radius: 8px;
  position: relative;
  align-items: center;
  color: #585858;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #eaeaea;
  font: 500 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-allcourses_list .cr-card .cr-course-card .cr-start-course:hover, .cr-allcourses_list .cr-card-skeleton .cr-course-card .cr-start-course:hover, .cr-allcourses_list .cr-card .cr-course-card .cr-start-course:focus, .cr-allcourses_list .cr-card-skeleton .cr-course-card .cr-start-course:focus {
  outline: none;
  color: #fff;
  background: #295c51;
  border-color: #295c51;
}
.cr-allcourses_list .cr-card.cr-card-skeleton .cr-image-wrapper, .cr-allcourses_list .cr-card-skeleton .cr-image-wrapper {
  border-radius: 10px 10px 0 0;
}
.cr-allcourses_list .cr-card.cr-card-skeleton .cr-instructor-name, .cr-allcourses_list .cr-card-skeleton .cr-instructor-name {
  gap: 7px;
  align-items: center;
}
.cr-allcourses_list .cr-card.cr-card-skeleton .cr-instructor-name .cr-userimg, .cr-allcourses_list .cr-card-skeleton .cr-instructor-name .cr-userimg {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.cr-allcourses_list .cr-card.cr-card-skeleton .cr-instructor-name .cr-username, .cr-allcourses_list .cr-card-skeleton .cr-instructor-name .cr-username {
  width: 70px;
  height: 16px;
  border-radius: 20px;
}
.cr-allcourses_list .cr-card.cr-card-skeleton .cr-favrbtn, .cr-allcourses_list .cr-card-skeleton .cr-favrbtn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.cr-allcourses_list .cr-card.cr-card-skeleton .cr-course-title, .cr-allcourses_list .cr-card-skeleton .cr-course-title {
  width: 300px;
  height: 20px;
  border-radius: 20px;
}
.cr-allcourses_list .cr-card.cr-card-skeleton .cr-course-category, .cr-allcourses_list .cr-card-skeleton .cr-course-category {
  width: 100px;
  height: 20px;
  border-radius: 20px;
}
.cr-allcourses_list .cr-card.cr-card-skeleton .cr-usercourse_header_progress .cr-progress-title, .cr-allcourses_list .cr-card-skeleton .cr-usercourse_header_progress .cr-progress-title {
  width: 95px;
  height: 14px;
  border-radius: 20px;
}
.cr-allcourses_list .cr-card.cr-card-skeleton .cr-usercourse_header_progress .cr-progress-percentage, .cr-allcourses_list .cr-card-skeleton .cr-usercourse_header_progress .cr-progress-percentage {
  width: 40px;
  height: 18px;
  border-radius: 10px;
}
.cr-allcourses_list .cr-card.cr-card-skeleton .cr-usercourse_header_progress_bar, .cr-allcourses_list .cr-card-skeleton .cr-usercourse_header_progress_bar {
  border-radius: 10px;
}
.cr-allcourses_list .cr-card.cr-card-skeleton .cr-cardbtn, .cr-allcourses_list .cr-card-skeleton .cr-cardbtn {
  width: 100%;
  height: 43px;
  border-radius: 8px;
}

.cr-create-course .am-uploadimg_popup .modal-dialog {
  max-width: 1000px;
}

.vjs-tech {
  width: 100%;
  object-fit: cover;
}

.cr-overview-course.cr-desc-section {
  margin-top: 20px;
}

.cr-course-card .video-js {
  width: 100%;
  border-radius: 8px;
  height: 237px;
}

.cr-search-courses .cr-price-container {
  max-width: inherit;
}

.cr-next-curriculum {
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 20px 20px 0 0;
  padding: 20px;
}
.cr-next-curriculum_content {
  width: 100%;
  max-width: 600px;
}
.cr-next-curriculum_content span {
  display: block;
  margin: 0 0 10px;
  color: #fff;
  font: 400 1.125rem/1.2222222222em "Roboto", serif;
}
.cr-next-curriculum_content h2 {
  margin: 0 0 10px;
  color: #fff;
  font: 500 2.25rem/0.8888888889em "Roboto", serif;
}
.cr-next-curriculum_content p {
  margin: 0 0 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: rgba(255, 255, 255, 0.8);
  font: 400 1.25rem/1.2em "Roboto", serif;
}
.cr-next-curriculum_btn {
  gap: 8px;
  padding: 10px 16px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  background: #295c51;
  font: 500 0.875rem/1.4285714286em "Roboto", serif;
}
.cr-next-curriculum_btn i:before {
  color: #fff;
}

@media (max-width: 1536px) {
  .cr-allcourses_list .cr-card, .cr-allcourses_list .cr-card-skeleton {
    max-width: calc(33.33% - 14px);
  }
}
@media (max-width: 1399px) {
  .cr-card figure,
  .cr-card-skeleton figure {
    height: 250px;
    min-height: 250px;
  }
  .cr-card figure > img,
  .cr-card-skeleton figure > img {
    height: 250px;
  }
  .cr-card figure .cr-video-modal .video-js,
  .cr-card-skeleton figure .cr-video-modal .video-js {
    height: 250px;
  }
  .cr-card-skeleton .cr-image-wrapper-skeleton {
    height: 250px;
  }
  .cr-course-sidebar {
    max-width: 350px;
  }
  .cr-course-details-area .am-aboutuser_tab li {
    width: auto;
  }
  .cr-course-details-area .am-aboutuser_tab li a {
    padding: 17.5px 10px !important;
  }
  .cr-detail-tabs .am-aboutuser_tab {
    flex-wrap: nowrap;
    justify-content: space-around;
    max-width: calc(100% - 370px);
  }
  .cr-course-details-banner .cr-course-details-area .cr-course-details-info {
    max-width: 720px;
    margin-left: 0;
  }
  .cr-course-sidebar {
    margin-top: 60px;
  }
}
@media (max-width: 1320px) and (min-width: 1200px) {
  .cr-allcourses_list .cr-card, .cr-allcourses_list .cr-card-skeleton {
    max-width: calc(50% - 10px);
  }
}
@media (max-width: 1199px) {
  .am-table-area > .am-pagination {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .am-table-area > .am-pagination .am-pagination {
    width: 100%;
    margin: 0;
    justify-content: flex-start;
  }
  .am-courses-table {
    max-width: calc(100vw - 109px);
    width: 100%;
    overflow: auto;
  }
  .am-courses-table table > thead:first-child > tr:first-child > th:first-child {
    min-width: 328px;
  }
  .am-courses-table table > thead:first-child > tr:first-child > th:nth-child(2) {
    min-width: 290px;
  }
  .am-courses-table table > thead:first-child > tr:first-child > th:nth-child(3) {
    min-width: 100px;
  }
  .am-courses-table table > thead:first-child > tr:first-child > th:nth-child(4) {
    min-width: 240px;
  }
  .am-courses-table table > thead:first-child > tr:first-child > th:nth-child(5) {
    min-width: 280px;
  }
  .am-courses-table table > tbody tr > td:first-child {
    min-width: 328px;
  }
  .am-courses-table table > tbody tr > td:nth-child(2) {
    min-width: 290px;
  }
  .am-courses-table table > tbody tr > td:nth-child(3) {
    min-width: 100px;
  }
  .am-courses-table table > tbody tr > td:nth-child(4) {
    min-width: 240px;
  }
  .am-courses-table table > tbody tr > td:nth-child(5) {
    min-width: 280px;
  }
  .cr-usercourse_header {
    padding-left: 50px;
  }
  .cr-sidebar {
    position: absolute;
    z-index: 999;
    background: #1E1E1E;
    box-shadow: 10px -6px 30px 10px rgba(0, 0, 0, 0.06);
  }
  .cr-sidebar:not(.cr-togglesidebar) {
    width: 20px;
    transform: translate(-300px, 0);
  }
  .cr-sidebar:not(.cr-togglesidebar) > div {
    width: 300px;
  }
  .cr-sidebar_toggle {
    transform: translate(72px, 0);
  }
  .cr-togglesidebar .cr-sidebar_toggle {
    transform: none;
  }
  .cr-coursedetails_content {
    padding-left: 20px;
  }
}
@media (max-width: 1049px) {
  .cr-coursecontent {
    flex-direction: column;
  }
  .cr-coursecontent_sidebar {
    margin: 0;
    border: 0;
    max-width: 100%;
  }
  .cr-coursecontent_sidebar .cr-course-sidebar {
    margin: 0;
    max-width: 100%;
  }
  .cr-course-sidebar .am-similar-user .am-tutorreviews-list,
  .cr-coursecontent_sidebar .cr-course-card .cr-course-includes .cr-includes-list {
    flex-direction: unset;
    flex-wrap: wrap;
  }
  .cr-course-sidebar .am-similar-user .am-tutorreviews-list > li,
  .cr-coursecontent_sidebar .cr-course-card .cr-course-includes .cr-includes-list > li {
    width: auto;
  }
}
@media (max-width: 991px) {
  .cr-course-details-sections > .cr-course-details-area {
    padding: 20px;
  }
  .cr-course-details-sections > .cr-course-details-area .cr-course-sidebar {
    margin-top: 0;
  }
  .cr-detail-tabs .am-aboutuser_tab {
    max-width: 100%;
  }
  .cr-detail-tabs .am-aboutuser_tab li {
    width: auto;
  }
  .cr-course-sidebar {
    top: 0;
    max-width: 100%;
    order: -1;
  }
  .cr-course-details-sections .cr-course-details-area {
    gap: 0;
    flex-wrap: wrap;
  }
  .cr-course-details-sections > .cr-course-details-area {
    max-width: 100%;
  }
  .cr-course-details-sections .cr-detail-tabs .cr-course-details-area {
    justify-content: center;
  }
  .cr-allcourses_list .cr-card, .cr-allcourses_list .cr-card-skeleton {
    max-width: calc(50% - 10px);
  }
  .cr-coursedetails_article {
    height: 419px;
  }
  .cr-coursedetails_body_video,
  .cr-coursedetails_body_video iframe, .cr-coursedetails_body_video .video-js {
    height: 520px;
  }
}
@media (max-width: 820px) {
  .cr-usercourse_header .am-header_user {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .cr-next-curriculum_content span {
    font-size: 14px;
  }
  .cr-next-curriculum_content h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .cr-next-curriculum_content p {
    font-size: 16px;
  }
  .cr-course-body .cr-curriculum-item .cr-contentbox-area {
    flex-wrap: wrap;
    gap: 10px 0;
  }
  .am-aboutuser_tab li a {
    padding: 17.5px 5px !important;
  }
  .cr-topic-main.cr-forum-topic {
    overflow: auto;
    max-width: calc(100vw - 106px);
  }
  .cr-topic-main.cr-forum-topic .cr-david-list {
    width: 720px;
  }
  .cr-david-list > li ul li::after {
    left: -20px;
    width: 1.9%;
  }
  .cr-david-list > li ul {
    margin-left: 40px;
  }
  .cr-villy-about {
    gap: 10px;
  }
  .cr-coursedetails_article {
    height: 309px;
  }
  .cr-coursedetails_body_video,
  .cr-coursedetails_body_video iframe, .cr-coursedetails_body_video .video-js {
    height: 370px;
  }
  .cr-filter-area .cr-filters {
    flex: auto;
    gap: 0;
    margin: -5px;
  }
  .cr-filter-area .cr-filters .cr-price-range {
    right: auto;
  }
  .cr-filter-area .cr-filters .cr-price-dropdown > span {
    width: 100%;
  }
  .cr-filter-area .cr-filters > .at-form-group {
    width: 50%;
    padding: 5px;
  }
  .cr-filter-area .cr-filters > .at-form-group .select2-container {
    width: 100% !important;
  }
  .cr-filters-sidebar-wapper {
    max-width: 100%;
  }
  .cr-search-results-wrapper {
    width: 100%;
  }
  .cr-search-courses-area {
    flex-wrap: wrap;
  }
  .cr-course-sidebar .cr-price-wrapper,
  .cr-course-includes {
    padding: 0;
  }
  .cr-coursecontent_tabs,
  .cr-coursecontent_tabs_content {
    padding-left: 30px;
    padding-right: 30px;
  }
  .cr-coursedetails_body_video:has(.cr-coursedetails_article) {
    padding: 30px 30px;
  }
}
@media (max-width: 576px) {
  .cr-detail-tabs .am-aboutuser_tab {
    flex-wrap: wrap;
  }
  .cr-detail-tabs .am-aboutuser_tab li {
    width: 100%;
  }
  .cr-coursedetails_body {
    height: auto;
    border-radius: 20px;
  }
  .cr-topic-main.cr-forum-topic {
    max-width: calc(100vw - 53px);
  }
  .cr-allcourses_title .am-searchinput {
    width: 100%;
    max-width: 100%;
  }
  .cr-sidebar_toggle {
    transform: translate(64px, 0);
  }
  .cr-coursedetails_content {
    padding-left: 12px;
    padding-right: 12px;
  }
  .cr-faq-accordion .accordion .accordion-item .accordion-header {
    flex-wrap: wrap;
  }
  .cr-overview-course .cr-faq-accordion .accordion .accordion-item .accordion-header {
    flex-wrap: nowrap;
  }
  .cr-curriculum-list .accordion-item {
    padding-left: 10px;
    padding-right: 10px;
  }
  .cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main {
    flex-wrap: wrap;
  }
  .cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-reviews-content {
    width: 100%;
  }
  .cr-overview .cr-overview-course .cr-learn-content {
    flex-wrap: wrap;
  }
  .cr-overview .cr-overview-course .cr-learn-content > li {
    width: 100%;
  }
  .cr-allcourses {
    padding-left: 10px;
    padding-right: 10px;
  }
  .cr-usercourse_header {
    padding-left: 40px;
  }
  .cr-allcourses_title {
    flex-wrap: wrap;
  }
  .cr-allcourses_list .cr-card, .cr-allcourses_list .cr-card-skeleton {
    max-width: 100%;
  }
  .cr-courses-container,
  .cr-coursecontent_sidebar .cr-course-card, .cr-coursecontent_sidebar .am-similar-user,
  .cr-coursecontent_tabs,
  .cr-coursedetails_body_video:has(.cr-coursedetails_article),
  .cr-coursecontent_tabs_content {
    padding-left: 12px;
    padding-right: 12px;
  }
  .cr-coursecontent_body .cr-course-details-area {
    padding-left: 0;
    padding-right: 0;
  }
  .cr-coursecontent_tabs_content .cr-course-meta {
    gap: 14px;
  }
  .cr-coursecontent_tabs_content .cr-course-stats .cr-stat-item {
    width: 50% !important;
  }
}
@media (max-width: 480px) {
  .cr-course-body .cr-course-item .cr-contentbox span {
    max-width: 150px;
  }
  .cr-steps > li:not(:last-child)::after {
    top: 12px;
    right: -2px;
  }
  .cr-steps > li .cr-icon {
    width: 24px;
    height: 24px;
  }
  .cr-steps > li .cr-icon i {
    font-size: 12px;
  }
  .cr-sorting-options {
    width: 100%;
  }
  .cr-sorting-options .select2-container {
    width: 100% !important;
  }
  .cr-sorting-options .at-form-group {
    width: 100%;
  }
  .cr-share-icons a {
    width: 32px;
    height: 32px;
  }
  .cr-question .cr-div-wrapper {
    padding: 0;
  }
  .cr-curriculum-list .accordion {
    padding: 10px;
  }
  .cr-curriculum-list .accordion-content {
    padding: 14px 0 0 !important;
  }
  .cr-filter-area .cr-filters > .at-form-group {
    width: 100%;
  }
  .cr-coursedetails_body_video,
  .cr-coursedetails_body_video iframe, .cr-coursedetails_body_video .video-js {
    height: 250px;
  }
  .cr-coursedetails_article {
    height: 189px;
  }
}

/*# sourceMappingURL=main.css.map */