@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=Manrope:wght@200..800&family=Outfit:wght@100..900&display=swap'); 
@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 a span em,

.cr-sidebar_accordion_content_item a span span,

.cr-sidebar_accordion_content_item a span,

.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-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 p {

    font-family: Manrope;

    font-weight: 400;

    font-size: 20px;

    line-height: 1.5em;

    letter-spacing: 0.77px;

    vertical-align: middle;

    color: #fff;

}

.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 {

    overflow: hidden;

    color: #000;

    font-family: Outfit;

    font-weight: 600;

    font-size: 20px;

    line-height: 38.51px;

    letter-spacing: 0.69px;

    vertical-align: middle;

}}

.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: 100%;

  flex-direction: column;

}

.am-tutorreviews-list li {

  list-style: none;

}



.am-tutorreview-item {

    gap: 11px;

    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-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-left: -14px;

    display: flex

;

    flex-wrap: wrap;

    margin-top: 45px !important;

}

.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: 55px !important;

    height: auto;

}

.am-similar-user .am-tutordetail_user figure img {

    width: 55px;

    height: 55px;

    object-fit: contain;

    border-radius: 8px;

}

.am-similar-user .am-tutordetail_user figure span {

  display: none;

}

.am-similar-user .am-tutordetail_user_name h3 {

    margin-top: -3px;

    margin-bottom: 4px;

    gap: 5px;

}

.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-tutordetail_user_name h3 .am-custom-tooltip i::before {

    font-size: 18px;

}

.am-tutordetail_user_name h3 .am-custom-tooltip {

    margin-top: 4px !important;

}

.am-tutordetail_user_name h3 .am-custom-tooltip svg {

    width: 15px;

}

.am-tutordetail_user_name h3 .am-custom-tooltip .flag.flag-al {

    margin-left: 0px;

    width: 20px;

    height: 13px;

}

.cr-course-sidebar .am-similar-user .am-tutorreviews-list span {

    font-family: Manrope;

    font-weight: 600;

    font-size: 16px;

    letter-spacing: 0.69px;

    vertical-align: middle;

    color: hsla(168, 85%, 36%, 1);

}

.am-tutorreview-item .am-tutorreview-item_icon {

    width: auto;

}



.am-tutorreview-item .am-tutorreview-item_icon i::before, .am-tutorreview-item .am-tutorreview-item_icon svg {

    font-size: 16px;

    height: auto;

    width: 18px !important;

    color: hsla(168, 85%, 36%, 1);

}

.am-tutorreview-item .am-tutorreview-item_icon svg path {

    stroke: hsla(168, 85%, 36%, 1);

}



body .cr-course-sidebar .am-similar-user .am-tutorreviews-list span em {

    font-family: Manrope;

    font-weight: 400;

    font-size: 16px;

    letter-spacing: 0.69px;

    vertical-align: middle;

    color: hsla(0, 0%, 35%, 0.8);

}



.am-tutordetail_user_name {

    padding-left: 3px;

} 

.am-similar-user .am-tutordetail_user_name > span {

    overflow: hidden;

    font-family: Manrope !important;

    font-weight: 400 !important;

    font-size: 14px !important;

    letter-spacing: 0.69px;

    vertical-align: middle;

}

.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: 22px;

    background: hsla(240, 7%, 97%, 1);

    border-radius: 18px;

    flex-direction: column;

}

body .cr-overview .cr-faq-accordion .accordion .accordion-item .accordion-header .cr-contentbox span {

    font-family: Outfit;

    font-weight: 500;

    font-size: 18px;

    line-height: 27.07px;

    letter-spacing: 0.56px;

    vertical-align: middle;

    color: hsla(0, 0%, 0%, 1);

}

.cr-overview .cr-overview-course#prerequisites-\&-faq .accordion-content p {

    font-family: Outfit !important;

    font-weight: 400 !important;

    font-size: 16px !important;

    line-height: 27.07px !important;

    letter-spacing: 0.56px;

    vertical-align: middle;

}

body  .cr-overview .cr-faq-accordion .accordion .accordion-item .accordion-content p {

    font-family: Manrope;

    font-weight: 400;

    font-size: 16px;

    line-height: 22.56px;

    color: hsla(0, 0%, 31%, 1);

    letter-spacing: 0px;

    vertical-align: middle;

}

.cr-curriculum-list .accordion-icon {

  left: 0;

  position: absolute;

}

.cr-curriculum-list .accordion-item {

  padding: 26px 21px;

  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: 12px;

  padding: 0;

  display: flex;

  flex: none;

  list-style: none;

  margin: 0 0 0 auto;

  align-items: center;

}

body .cr-overview .cr-faq-accordion .accordion .accordion-item .accordion-content .cr-label {

    font-family: Outfit;

    font-weight: 500;

    font-size: 18px;

    line-height: 22.56px;

    letter-spacing: 0px;

    vertical-align: middle;

}

.cr-curriculum-list .accordion-header ul li {

  position: relative;

  list-style-type: none;

}

.cr-curriculum-list .accordion-header ul li + li {

  padding-left: 10px;

   display: none;

}

.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-style: normal;

    align-items: center;

    color: #585858;

    font-family: Outfit;

    font-size: 13.53px;

    line-height: 20.3px;

    letter-spacing: 0.56px;

    vertical-align: middle;

}

.cr-curriculum-list .accordion-header ul li span strong {

  font-weight: 500;

}

.cr-curriculum-list .accordion-content {

    padding: 9px 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: 25px;

}

.cr-course-card .video-js {

    height: 260px !important;

}

body .cr-overview .cr-overview-curriculm .accordion-content .cr-frame-wrapper span strong {

    margin-right: 13px;

    font-family: Outfit;

    font-weight: 500;

    font-size: 16px;

    line-height: 22.56px;

    letter-spacing: 0.56px;

    vertical-align: middle;

}

.cr-overview .cr-overview-course#prerequisites-\&-faq {

    padding-top: 55px;

}

.cr-question {

    display: flex

;

    align-items: center;

    gap: 9px;

    padding: 16px 19px;

    position: relative;

    border-radius: 9px;

    background-color: #f7f7f8;

}

.cr-question .cr-frame {

    display: flex

;

    flex-direction: column;

    align-items: flex-start;

    gap: 7px;

    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: 28px;

}

.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;

  display: none;

  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: start;

    gap: 16px;

    padding: 12px 0px 0px 26px;

    position: relative;

    align-self: stretch;

    width: 100%;

    flex: 0 0 auto;

    flex-wrap: wrap;

}

.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: 14px 25px;

    border-radius: 10px;

    background: #f7f7f8;

    margin-top: 30px;

    font-family: Manrope;

    font-weight: 400;

    font-size: 16px;

    line-height: 22.56px;

    color: hsla(0, 0%, 31%, 1);

}

.cr-overview .cr-overview-course#prerequisites-\&-faq .cr-prerequisites-frame p {

    font-family: Outfit;

    font-weight: 400;

    font-size: 18px;

    line-height: 27.07px;

    letter-spacing: 0.56px;

    vertical-align: middle;

}

.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

;

    color: hsla(0, 0%, 31%, 1);

    font-style: normal;

    align-items: center;

    list-style-type: none;

    font-family: Outfit;

    font-weight: 400;

    font-size: 16px;

    line-height: 1.5em;

    letter-spacing: 0.56px;

    vertical-align: middle;

    padding-left: 32px;

}

.cr-prerequisites-frame > ul li + li {

  margin-top: 12px;

}

.cr-prerequisites-frame > ul li::before {

    top: 0px;

    left: 0;

    content: "\e995";

    font-size: 17px;

    position: absolute;

    border-radius: 50%;

    font-family: "icomoon";

    line-height: initial;

    color: hsla(168, 85%, 36%, 1);

    margin-top: 4px;

}

.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: 58px;

    z-index: 1;

    width: 100%;

    display: flex;

    margin: 0 auto; 

    padding-left: 15px;

    padding-right: 15px;

    position: relative;

}



.cr-course-banner-info {

  padding: 47px 0;

  position: relative;

}

.cr-course-banner-info .am-breadcrumb {

  margin-bottom: 4px;

}

.cr-course-details-page .am-searchhead_title .cr-title-box h1 {

  font-family: Outfit;

  font-weight: 600;

  font-size: 50px;

  line-height: 1.2em;

  letter-spacing: 0px;

  vertical-align: middle;

  width: 100%;

  margin-bottom: 20px !important;

  max-width: 900px;

  color: #fff;

}

.cr-course-details-banner {

    overflow: hidden;

    position: relative;

    min-height: auto;

    padding-top: 140px;

    margin-top: -140px !important;

    background-repeat: no-repeat;

    background-color: #035848;

    background-size: cover;

    background-position: center;

    padding-bottom: 62px;

}

.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: 23px;

  display: inline-flex;

  justify-content: start;

  flex-wrap: wrap;

  padding-left: 3px;

  margin-bottom: 36px;

}



.cr-rating-container {

  gap: 6px;

  display: flex;

  align-items: center;

}

.cr-rating-container span {

  display: flex;

  align-items: center;

}



.cr-rating-score {

  font-family: Manrope !important;

  font-weight: 600 !important;

  font-size: 18px !important;

  color: #fff !important;

  line-height: 150% !important;

  background: unset !important;

}



.cr-review-count {

  font-family: Manrope;

  font-weight: 400;

  font-size: 18px;

  line-height: 150%;

  background: unset;

  margin-right: 0;

  color: #fff;

  padding-right: 0;

}

.cr-last-updated {

  gap: 7px;

  display: flex;

  color: #585858;

  align-items: center;

  justify-content: start;

  font: 400 14px/1 "Roboto", serif;

}



.cr-update-date {

    color: #fff;

    font-family: Manrope;

    font-weight: 400;

    font-size: 1.5em;

    line-height: 30.95px;

    letter-spacing: 0.77px;

    vertical-align: middle;

}

.cr-last-updated i::before {

    color: #fff;

    font-size: 17px;

}

.cr-stat-item:first-child {

    width: 100%;

    max-width: 192px;

    border-right: 1px solid hsla(0, 0%, 72%, 1);

}

.cr-stat-item svg, .cr-stat-item i::before {

    width: 22px;

    height: auto;

    margin-left: -4px;

    margin-right: 6px;

    color: #fff;

    font-size: 22px;

}

.cr-stat-item:nth-child(3) {

    width: 100%;

    max-width: 225px;

    border-right: 1px solid hsla(0, 0%, 72%, 1);

}

.cr-stat-item:nth-child(2) {

    width: 100%;

    max-width: 246px;

    border-right: 1px solid hsla(0, 0%, 72%, 1);

}

.cr-course-stats {

  border: 0.5px solid hsla(0, 0%, 100%, 0.5);

  background: hsla(0, 0%, 100%, 0.14);

  width: 100%;

  opacity: 1;

  border-radius: 12px;

  border-width: 0.5px;

  max-width: 900px;

 flex-wrap: wrap;

  display: flex;

  padding: 14px 10px;

}

.cr-stat-item {

  flex: 1; 

  gap: 8px;

  display: flex;

  margin: auto 0;

  flex-basis: 20px;

  align-items: center;

  justify-content: start;

  padding-left: 40px;

} 

.cr-stat-item:last-child {

  width: 100%;



  max-width: 246px;



}

.cr-stat-icon-wrapper {

  display: flex;

  min-height: 20px;

  align-items: center;

  gap: 10px;

  justify-content: center; 

}

.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%;

    max-width: max-content;

    align-items: start;

}



.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: #fff;

    font-family: Outfit;

    font-weight: 600;

    font-size: 16px;

    line-height: 26px;

    text-align: center;

    vertical-align: middle;

}

.cr-stat-value {

    color: #fff;

    font-family: Outfit;

    font-weight: 400;

    font-size: 14px;

    line-height: 26px;

    text-align: center;

    vertical-align: middle;

    text-transform: capitalize;

}



.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 {

    font-family: Manrope;

    font-weight: 600;

    font-size: 19.25px;

    letter-spacing: 0.69px;

    vertical-align: middle;

    color: hsla(168, 85%, 36%, 1);

    font-style: normal;

}

.cr-curriculum-stats span {

    font-family: Manrope;

    font-weight: 400;

    font-size: 19.25px;

    letter-spacing: 0.69px;

    vertical-align: middle;

    color: hsla(0, 0%, 35%, 0.8);

}

.cr-overview .cr-overview-course .cr-curriculum-header {

    margin-bottom: 30px;

}

.cr-topics svg {

    height: auto;

    width: 6px;

    margin: 0 7px;

}

.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;

} 

.cr-overview.am-tutor-detail {

  max-width: calc(100% - 450px);

  width: auto;

}

/* Course sidebar */

.cr-course-sidebar {

    gap: 20px;

    width: 100%;

    display: flex;

    flex-shrink: 0;

    z-index: 100;

    margin-left: auto;

    max-width: 400px;

    position: relative;

    top: -522px;

    flex-direction: column;

}

.cr-course-sidebar .tags-container {

  max-width: 100%;

}

.cr-course-sidebar .cr-course-card {

    gap: 15px;

    padding: 15px;

    margin-bottom: 20px;

}

.cr-course-details {

    padding-top: 14px;

}

.cr-course-sidebar .cr-course-card figure {

  width: 100%;

  margin-bottom: 0;

  position: relative;

}

.cr-course-sidebar .cr-course-card figure img {

  width: 100%;

  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: 15px;

    width: 68px;

    bottom: 13px;

    height: 68px;

    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: 22px;

    max-width: 100%;

    background: #fff;

    margin-bottom: 20px;

    border-radius: 16px;

    cursor: auto;

    border: 1.38px solid hsla(0, 0%, 92%, 1);

}

.cr-course-sidebar .am-similar-user:hover {

  box-shadow: none;

}

.cr-course-sidebar .am-similar-user .am-tutorreviews-list {

    margin: 18px 0 18px 0px !important;

    max-width: 100%;

    gap: 8px !important;

}

.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;

      flex-wrap: wrap !important;

}

.cr-profile-footer .cr-social-icons {

    gap: 14px;

    align-items: center;

    margin-bottom: 15px;

}

.cr-profile-footer .cr-social-icons li {

  list-style: none;

}

.cr-profile-footer .cr-social-icons li a {

    width: 49px;

    height: 49px;

    position: relative;

    align-items: center;

    background: #f7f7f8;

    text-decoration: none;

    justify-content: center;

    border-radius: 25.714px;

    color: #585858;

    font-size: 14px;

}

.cr-view-data-profiles-enrole {

    width: 100%;

    gap: 16px;

    display: flex;

}



.cr-view-data-profiles-enrole > a {

    width: 100%;

}

.cr-view-data-profiles-enrole .cr-action-buttons button, .cr-view-data-profiles-enrole .cr-action-buttons a, .cr-view-data-profiles-enrole > a button {

    width: 100%;

    border: 0.5px solid hsla(168, 85%, 36%, 1);

    background-color: #fff;

    color: hsla(168, 85%, 36%, 1);

    padding: 12px 11px;

    margin: 0 !important;

    font-family: Manrope !important;

    font-weight: 600 !important;

    font-size: 16px !important;

    line-height: 27.51px !important;

    text-align: center;

    vertical-align: middle;

    border-radius: 8px !important;

    transition: 0.3s;

}



 .cr-view-data-profiles-enrole .cr-action-buttons button:hover, .cr-view-data-profiles-enrole .cr-action-buttons a:hover,

.cr-view-data-profiles-enrole > a button:hover{

     background-color: hsla(168, 85%, 36%, 1);

    color:#fff;

 }



.cr-view-data-profiles-enrole .cr-action-buttons {

    margin-top: 0;

}

.am-similar-user .cr-profile-footer .cr-view-data-profiles-enrole .cr-action-buttons {
    display: none !important;
}

.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 16px;

    padding: 20px 21px;

    align-items: center;

    border-radius: 16px;

    background-color: #fff;

    border: 1px solid #eaeaea;

    justify-content: space-between;

}



.share-text {

    font-family: Outfit;

    font-weight: 500;

    font-size: 20px;

    line-height: 100%;

    letter-spacing: 0.69px;

    vertical-align: middle;

    color: hsla(0, 0%, 0%, 1);

    margin-bottom: 10px;

}

.share-icons-container {

  align-items: center;

  gap: 14px;

  margin: auto 0;

}

.share-icons-container button i::before {

    font-size: 19px;

}

.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: 41px;

    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: 41px;

    height: 41px;

    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 {

    gap: 10px 16px;

    padding: 24px 21px 20px 21px;

    align-items: center;

    border-radius: 16px;

    background-color: #fff;

    border: 1px solid #eaeaea;

    justify-content: space-between;



}

.tags-container h2.tags-title {

    margin: 0;

    font-family: Outfit;

    font-weight: 600;

    font-size: 22px;

    line-height: 100%;

    letter-spacing: 0.69px;

    vertical-align: middle;

    color: hsla(0, 0%, 0%, 1);

}

.tags-container .tags-list .tag {

background: #f7f7f8;

    font-family: Manrope;

    font-weight: 500;

    font-size: 16.5px;

    line-height: 25.76px;

    text-align: center;

    vertical-align: middle;

    color: hsla(0, 0%, 31%, 1);

    padding: 8px 10px;

}



.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: 19px;

    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;

    background: hsla(228, 100%, 60%, 1);

    padding: 12px 3px;

    min-width: 191px;

    opacity: 1;

    right: 19px;

    transform: rotate(1deg);

    font-family: Outfit;

    font-weight: 600;

    font-size: 48px;

    line-height: 33.01px;

    letter-spacing: 0.69px;

    vertical-align: middle;

    color: #fff;

    border-radius: 0;

    width: max-content;

    bottom: -17px;

}

.cr-currency {

  line-height: 1;

  font-size: 18px;

  font-weight: 600;

}



.cr-amount {

  line-height: 1;

  font-size: 24px;

  font-weight: 500;

}

.cr-price span {

    font-family: Outfit;

    font-weight: 600;

    font-size: 38px;

    line-height: 33.01px;

    letter-spacing: 0.69px;

    vertical-align: middle;

}

.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: 0px;

    width: 100%;

    flex-direction: column;

    padding: 0 10px;

}



.cr-includes-title {

    margin: 0;

    color: hsla(0, 0%, 0%, 0.8);

    font-family: Outfit;

    font-weight: 500;

    font-size: 20px;

    line-height: 33.01px;

    letter-spacing: 0.69px;

    vertical-align: middle;

    margin-top: 14px;

}

.cr-includes-list {

    gap: 10px;

    padding: 0;

    width: 100%;

    display: flex

;

    line-height: 1;

    font-size: 14px;

    margin-top: 6px;

    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-includes-list .cr-includes-item i::before {

    font-size: 18px;

    color: hsla(228, 100%, 60%, 1);

}

.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 {

    font-family: Manrope;

    font-weight: 400;

    font-size: 16px;

    line-height: 27.51px;

    letter-spacing: 0.69px;

    word-break: break-all;

    vertical-align: middle;

    color: hsla(0, 0%, 35%, 0.9);

}

.cr-profile-footer-title {

    width: 100%;

    color: hsla(168, 85%, 36%, 1);

    font-family: Manrope;

    font-weight: 600;

    font-size: 14px;

    line-height: 27.51px;

    letter-spacing: 0px;

    vertical-align: middle;

}

.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: 100px 0 54px   0;

  margin: 0;

}

.cr-overview .cr-overview-course h3 {

    color: hsla(0, 0%, 0%, 1);

    font-family: Outfit !important;

    font-weight: 500 !important;

    font-size: 28px !important;

    letter-spacing: 0.8px;

    vertical-align: middle;

    text-transform: capitalize;

    margin-bottom: 20px !important;

}

.cr-overview .cr-overview-course h3 + .cr-faq-accordion {

    margin-top: 58px !important;

}

.cr-overview .cr-overview-course p {

    margin: 0;

    color: hsla(0, 0%, 31%, 1);

    font-family: Manrope;

    font-weight: 400;

    font-size: 18px;

    line-height: 1.6em;

    letter-spacing: 0.5px;

    vertical-align: middle;

}

.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#course-curriculum ,

.cr-overview .cr-overview-course#objectives {

    padding-top: 55px;

}

.cr-overview .cr-overview-curriculm h3 {

    margin-bottom: 20px;

}

.cr-overview .cr-overview-course .cr-learn-content .cr-checked-contnet i::before {

    color: hsla(168, 85%, 36%, 1);

    font-size: 20px;

}

.cr-overview .cr-overview-course .cr-show {

    display: block;

    margin-top: 21px;

    color: hsla(0, 0%, 0%, 1);

    font-family: Manrope;

    font-weight: 400;

    font-size: 18px;

    line-height: 20px;

    letter-spacing: 0.5px;

    vertical-align: middle;

    text-decoration: underline;

    text-decoration-style: solid;

    text-decoration-thickness: 0%;

    text-decoration-skip-ink: auto;

}

.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-family: Manrope;

    font-weight: 400;

    font-size: 16px;

    letter-spacing: 0.69px;

    vertical-align: middle;

    color: hsla(0, 0%, 31%, 1);

    font-style: normal;

}

.cr-overview .cr-detail-faq-accordion .accordion-item + .accordion-item {

    margin-top: 24px !important;

}

.cr-overview .cr-detail-faq-accordion .accordion-item .accordion-header {

  padding: 16px !important;

  font: 500 16px/24px "Roboto", serif !important;

}

.cr-overview-rating .cr-review {

    padding-left: 10px;

}

.am-tutor-detail #reviews {

    padding-top: 55px;

}

.am-tutor-detail #reviews h3 {

    margin-bottom: 61px !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:22px 0 0;

}

.cr-overview .cr-overview-curriculm .accordion-content .cr-p,

.cr-overview .cr-overview-curriculm .accordion-content .cr-label {

  margin: 0 !important;

}

body .cr-overview .cr-overview-curriculm .accordion-content .cr-frame-wrapper span .cr-label-preview {

    cursor: pointer;

    color: hsla(168, 85%, 36%, 1);

    margin: 0 0 0 8px;

    position: relative;

    background: hsla(168, 85%, 36%, 0.1);

    font-family: Outfit;

    font-weight: 400;

    font-size: 13.53px;

    line-height: 21.3px;

    letter-spacing: 0.56px;

    vertical-align: middle;

    border-radius: 9px;

    padding: 6px 16px;

}

.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-family: Outfit;

    font-weight: 500;

    font-size: 15.79px;

    line-height: 22.56px;

    letter-spacing: 0.56px;

    vertical-align: middle;

    color: hsla(0, 0%, 31%, 1);

}



.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: 75px;

    flex: none;

    object-fit: cover;

    border-radius: 10px;

    height: 75px;

}

body .cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-review-star .cr-review-name h4 {

    font-family: Outfit;

    font-weight: 500;

    font-size: 28.91px;

    line-height: 43.36px;

    letter-spacing: 0.9px;

    vertical-align: middle;

    color: hsla(0, 0%, 0%, 1);

    display: flex

;

    align-items: center;

}

.cr-overview-rating .cr-review .cr-review-content {

    gap: 36px;

    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 {

    display: flex;

    gap: 18px;

}



.cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-review-star .cr-review-name span {

    width: 100%;

    font-family: Manrope;

    font-weight: 400;

    font-size: 21.68px;

    line-height: 32.52px;

    letter-spacing: 0.9px;

    vertical-align: middle;

}

.cr-review-rating-data-show {

    display: flex;

    gap: 21px;

    align-items: center;

}



.am-tutor-detail #reviews  .cr-review-rating-data-show h3 {

    width: 55px;

    height: 55px;

    opacity: 1;

    border-top-right-radius: 7.93px;

    border-bottom-right-radius: 7.93px;

    border-bottom-left-radius: 7.93px;

    font-family: Outfit !important;

    font-weight: 500 !important;

    font-size: 23.79px !important;

    background-color: hsla(168, 85%, 36%, 1);

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 !important;

    color: #fff;

}

 



.cr-overview-rating .cr-review .cr-review-rating-data-show p {

    margin: 0;

    font-family: Outfit;

    font-weight: 500;

    font-size: 21.14px;

    vertical-align: middle;

    color: hsla(0, 0%, 0%, 1);

}

.cr-overview-rating .cr-review .cr-review-content .cr-review-rating-main .cr-review-star .cr-review-name {

    flex-wrap: wrap;

    margin-top: -2px;

    padding-left: 2px;

    gap: 0 !important;

}



.cr-overview-rating .cr-review+.cr-review {

    padding-top: 50px;

}

.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 {

    font-family: Manrope;

    font-weight: 400;

    font-size: 24px;

    line-height: 36.14px;

    letter-spacing: 0.9px;

    vertical-align: middle;

    color: hsla(0, 0%, 31%, 1);

}

.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-price-container {

  flex-wrap: wrap;

}

.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: 1000px;

}

.cr-detail-tabs .am-aboutuser_tab li a {

    font-family: Outfit;

    font-weight: 500;

    font-size: 18px;

    line-height: 24px;

    letter-spacing: 0.5px;

    text-align: center;

    vertical-align: middle;

    color: hsla(0, 0%, 0%, 1) !important;

    margin: 0 2px;

    padding: 22px 0px;

    max-width: 192px;

}

.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;

    padding-left: 15px;

    padding-right: 15px;

}

.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;

  flex-wrap: nowrap;

  align-items: center;

}

.cr-course-body .cr-curriculum-content .am-upload-options h6 {

  padding: 5px 0;

  width: 150px;

  color: #585858;

  font: 500 0.8125rem/1.4285714286em "Roboto", serif;

}

.cr-course-body .cr-curriculum-content .am-upload-options h6.cr-tag {

  flex: auto;

  color: #f04438;

  padding: 6px 8px;

  background: #fee4e2;

  flex-direction: column;

  align-items: flex-start;

}

.cr-course-body

  .cr-curriculum-content

  .am-upload-options:has(h6.cr-tag)

  h6.am-important {

  width: auto;

}

.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;

  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;

  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-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-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: -6px;

  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;

}



.cr-course-sidebar .am-similar-user .cr-action-buttons .am-btn {

  animation: unset;

}

.cr-question .cr-div-wrapper   > ul li + li {

  margin-top: 6px;

}



.cr-question .cr-div-wrapper  li {

  list-style: initial !important;

}



.success-logos img {

  max-width: 115px;

  height: 50px;

  object-fit: contain;

}





.success-logo-row1 {



display: flex;







gap: 61.5px;







animation: success-scroll-lefts 45s linear infinite;



}







.success-logo-row2 {



display: flex;







gap: 61.5px;







animation: success-scroll-right 45s linear infinite;



}





.cr-prerequisites-frame-success .success-logos {

  gap: 25px;

  display: flex;

  flex-direction: column;

  max-width: 974px;

  overflow: hidden;

}



.cr-prerequisites-frame-success {

  margin-top: 50px;

}





@keyframes success-scroll-lefts {



0% {



  transform: translateX(0);



}







100% {



  transform:translateX(-284%);



}



}







@keyframes success-scroll-right {



0% {



  transform:translateX(-284%);



}







100% {



  transform: translateX(0%);



}



}





.cr-prerequisites-frame-success-notifications {

width: 100%;

display: flex;

flex-wrap: wrap;

gap: 20px;

margin-top: 70px;

border-bottom: 1px solid #eaeaea;

padding-bottom: 60px;

}

.cr-prerequisites-frame-success-notifications li {

  width: calc(100% / 2 - 10px);

  background: #DAE9F8;

  border-radius: 7px;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 0;

  padding: 3px 0;

}



.cr-prerequisites-frame-success-notifications li svg {

  width: 74px;

  height: auto;

  margin-bottom: -8px;

}



.cr-prerequisites-frame-success-notifications li h4 {

  font-family: Outfit;

  font-weight: 600;

  font-size: 18px;

  line-height: 22.56px;

  letter-spacing: 0px;

  vertical-align: middle;

}



.cr-prerequisites-frame-success-notifications li p {font-size: 12px !important;}

.cr-overview-certificates {

background: #F7F7F8;

border-radius: 12px;

opacity: 1;

padding: 28px;

}



.cr-overview-certificates-image {

  position: relative;

  border-radius: 10px;

  margin-bottom: 30px;

}

.cr-overview-certificates-image .certificate-badge {

  box-shadow: unset;

  position: absolute;

  width: auto;

  right: -12px;

  bottom: -72px;

  transform: rotate(7deg);

  background-color: #fff0;

}

.cr-overview-certificates-image img {

  width: 100%;

  height: auto;

  border-radius: 18px;

  position: relative;

  background-color: #fff;

  padding: 5px;

}



.cr-overview-certificates-content h3 {

color: hsla(0, 0%, 0%, 1);

font-family: Outfit !important;

font-weight: 500 !important;

font-size: 38px !important;

letter-spacing: 0.8px;

vertical-align: middle;

text-transform: capitalize;

margin-bottom: 20px !important;

max-width: 58%;

}



.cr-overview-certificates-content h3 span {

background-color: var(--overlay);

color: #ffffff;

display: inline-block;

rotate: 1deg;

}



.cr-overview-certificates-content ul {

display: flex;

flex-direction: column;

gap: 8px;

}



.cr-overview-certificates-content ul li {

list-style: none;

font-family: Outfit;

font-weight: 400;

font-size: 18px;

line-height: 29.38px;

letter-spacing: 0px;

vertical-align: middle;

color: #505050;

display: flex;

align-items: center;

gap: 14px;

}

.reviews-tetimonials {

  display: flex;

  flex-wrap: nowrap; 

  animation: testimonials-marqueue 30s linear infinite;

}

@keyframes testimonials-marqueue {

0% {

transform: translatex(0px);

}

100% {

transform: translatex(-650px);

}



}

.reviews-tetimonials .wp-pro-school-slide {

  min-width: 400px;

}



.reviews-tetimonials .wp-pro-school-slide .wp-pro-school-title {

  font-weight: 500;

  font-size: 18px !important;

  color: #111111;

  letter-spacing: -0.4px;

  font-family: "outfit";

  margin-bottom: 6px;

}



.reviews-tetimonials .wp-pro-school-slide .wp-pro-school-text {

  color: #505050;

  font-weight: 400;

  font-size: 14px;

  margin: 6px 0 0 0;

  font-family: "Manrope";

}





.reviews-tetimonials .wp-pro-school-slide .wp-pro-school-user-info .role {

  font-weight: 400;

  font-size: var(--size-18);

  color: #505050;

  font-family: "manrope";

}



.testimonials-data {

  overflow: hidden;

}

 @media (max-width: 1500px) {

.cr-course-details-banner .cr-course-details-info {

    max-width: 800px;

}

body .cr-overview-certificates-content h3{

  max-width: 70%;

  font-size: 30px;

}

.cr-course-details-page .am-searchhead_title .cr-title-box h1 {

    font-size: 38px;

    font-weight: 500;

    margin-bottom: 10px !important;

}



.cr-course-details-page .am-searchhead_title .cr-title-box p {

    font-size: 18px;

}



.cr-course-meta {

    margin-bottom: 24px;

    margin-top: 10px;

}



.cr-rating-container span ,.cr-review-count {

    font-size: 18px !important;

}



.cr-update-date {

    font-size: 18px;

}



.cr-last-updated i::before {

    font-size: 15px;

}



.cr-stat-label {

    font-size: 14px;

}



    .cr-course-sidebar {

        top: -411px;

        max-width: 350px;

    }



.cr-overview .cr-overview-course {

    padding-top: 50px;

}


.cr-detail-tabs .am-aboutuser_tab {

    max-width: 950px;

}

 }

@media (max-width: 1400px) {

    .cr-course-sidebar {

        max-width: 350px !important;

    }

   body .cr-overview-certificates-content ul li {

        font-size: 16px;

    }

    .cr-overview-certificates-image .certificate-badge {

        max-width: 158px;

        bottom: -50px;

    }

    body .cr-overview-certificates-content h3 {

      max-width: 82%;

      font-size: 30px !important;

  }

    .cr-course-details-banner .cr-course-details-info {

        max-width: 800px;

    }

    .cr-course-details-page .am-searchhead_title .cr-title-box h1 {

        font-size: 34px;

        font-weight: 500;

        margin-bottom: 10px !important;

    }

   .cr-stat-item { 

    justify-content: start;

    padding-left: 30px;

    padding-right: 30px;

}

    .cr-course-details-banner .cr-course-details-info {

        max-width: 700px;

    }

    .am-aboutuser_section .container {

        max-width: 1144px;

    }

    .cr-detail-tabs .am-aboutuser_tab {

        max-width: 700px;

    }

}

@media (max-width: 1200px) {

  body .cr-course-sidebar {

        max-width: 100% !important;

        margin: 0 !important;

        top: 27px;

    }

    .cr-course-details-area.container {

        flex-direction: column !important;

    }

    .cr-overview.am-tutor-detail {

        max-width: 100%;

    }

    .cr-course-details-sections > .cr-course-details-area {

         gap: 0;

    }

.cr-course-details-banner .cr-course-details-info {

    max-width: 100%;

}

.cr-course-stats { 

    max-width: 800px; 

}

    .cr-detail-tabs .am-aboutuser_tab {

        max-width: 100%;

    }

    .cr-detail-tabs .am-aboutuser_tab li a {

    margin: auto;

}

.am-aboutuser_section .container {

    max-width: 1015px;

}

.cr-view-data-profiles-enrole > a {

    max-width: 100%;

}

.am-aboutuser_section.cr-detail-tabs {

    position: sticky;

    top: 0;

    z-index: 9999;

}

} 

@media (max-width: 992px) {



  .cr-curriculum-content ul {

    flex-wrap: wrap;

  }

     .cr-stat-item {

        justify-content: start;

        padding-left: 20px;

        padding-right: 20px;

    }

  .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) {

body .cr-overview .cr-faq-accordion .accordion .accordion-item .accordion-header .cr-contentbox span {
    font-size: 16px;
    line-height: 22px;
}

  .cr-page-heading {

    flex-direction: column;

  }

 body .cr-overview-certificates-content h3 {

      max-width: 100%;

      font-size: 24px !important;

  }

 .cr-course-stats .cr-stat-item {

            max-width: calc(100% / 2) !important;

            width: calc(100% / 2) !important;

            min-width: calc(100% / 2) !important;

            border-right: unset !important;

            border-bottom: 1px solid hsla(0, 0%, 72%, 1);

            border-left: 1px solid hsla(0, 0%, 72%, 1);

            margin-bottom: 0;

            padding:16px 28px;

        }

    .cr-course-stats {

        padding: 0;

        overflow: hidden;

    }

  .cr-stats-arae .cr-stat-card {

    width: calc((100% - 16px) / 2);

  }

}

@media (max-width: 575px) {



.cr-course-stats .cr-stat-item {

    padding: 14px 16px;

    flex-direction: column;

    justify-content: center;

    text-align: center;

    align-items: center;

}



.cr-course-stats .cr-stat-item .cr-stat-content {

    justify-content: center;

    align-items: center;

    text-align: center;

}

  .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-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 {

  display: flex;

  border-radius: 10px;

  background-color: #f7f7f8;

  margin-top: 14px;

  width: 100%;

  max-width: 340px;

  justify-content: space-between;

  font-family: "Roboto", serif;

}



.cr-price-info {

  position: relative;

  display: flex;

  align-items: center;

  gap: 5px;

  flex: 1;

  padding: 0px 0px 0px 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: 0px 14px 0px 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;

    padding-left: 4px;

}



.cr-includes-value {

    font-family: Manrope;

    font-weight: 600;

    font-size: 19.25px;

    line-height: 16px;

    letter-spacing: 0.69px;

    vertical-align: middle;

    color: hsla(228, 100%, 60%, 1);

}

.cr-includes-label {

    opacity: 0.8;

    font-family: Manrope;

    font-weight: 400;

    font-size: 16px;

    line-height: 27.51px;

    letter-spacing: 0.69px;

    vertical-align: middle;

    color: hsla(0, 0%, 31%, 1);

}

.cr-action-buttons {

    width: 100%;

    display: flex

;

    line-height: 1;

    font-size: 14px;

    font-weight: 500;

    flex-direction: column;

    margin-top: 4px;

}



.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-action-buttons .am-btn {

    width: 100%;

    font-family: Manrope !important;

    font-weight: 500;

    font-size: 16px;

    line-height: 150%;

    text-align: center;

    background: hsla(228, 100%, 60%, 1);

    padding: 12px 0;

    border-radius: 7px !important;

}

.cr-action-buttons .am-btn:hover {

    background: hsl(228deg 94% 25.57%);

}

.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: 7px;

  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;

  display: flex;

  align-items: center;

  padding: 7px 0 8px 0;

}



.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;

}

 

.cr-course-sidebar-sticky {

    position: sticky;

    top: 30px;

}

@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 12px;

  }

  .cr-course-details-sections > .cr-course-details-area .cr-course-sidebar {

    margin-top: 0;

  }

  .cr-detail-tabs .am-aboutuser_tab {

    max-width: 100%;

  }

 

  .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-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-course-details-page .am-searchhead_title .cr-title-box h1 {
        font-size: 30px;
    }



        .cr-course-details-banner .cr-course-details-area .cr-course-details-info {

            padding-top: 0;

            padding-bottom: 0;

        }



        .cr-update-date {

            font-size: 16px;

        }

        



        .cr-last-updated i::before {

            font-size: 15px;

        }



        .cr-course-meta {

            gap: 10px;

            margin-bottom: 20px;

        }

  .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-faq-accordion .cr-formarea .accordion-item .accordion-content ul .is_preview .cr-question .cr-frame-wrapper span * {
    margin: 0;
}

.cr-faq-accordion .cr-formarea .accordion-item .accordion-content ul .is_preview .cr-question .cr-frame-wrapper span {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

 .cr-overview .cr-overview-course p { 

  font-size: 14px; 

}

.cr-overview .cr-overview-course .cr-learn-content .cr-checked-contnet span i {

  margin-top: -2px;

}

.cr-overview .cr-overview-course .cr-learn-content .cr-checked-contnet em {

  font-size: 13px;

  line-height: 1.3em;

}

.cr-curriculum-stats em, .cr-curriculum-stats span {

  font-size: 15px !important;

}

body .cr-overview .cr-faq-accordion .accordion .accordion-item .accordion-content .cr-label {

  font-size: 15px;

}

.cr-stat-icon-wrapper svg {

  margin-right: 0;

}

.cr-detail-tabs .am-aboutuser_tab li a {

  min-width: 90px;

  padding: 16px 20px !important;

  font-size: 14px;

}

.cr-overview .cr-overview-course h3 {

  font-size: 24px !important;

}

  .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-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;

  }

    .cr-course-stats .cr-stat-item {

        max-width: calc(100% / 2) !important;

        width: calc(100% / 2) !important;

        min-width: calc(100% / 2) !important;

        border-right: unset !important;

        border-bottom: 1px solid hsla(0, 0%, 72%, 1);

        border-left: 1px solid hsla(0, 0%, 72%, 1);

        margin-bottom: 0;

        padding: 17px 0;

    }

.cr-course-stats {

    padding: 0;

    overflow: hidden;

}

.cr-detail-tabs .am-aboutuser_tab {

    flex-wrap: nowrap;

}

.cr-topics {

    flex-wrap: wrap; 

}

}



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



.am-tutordetail-btns.am-tutordetail-btns-proschool .am-btn.am-book-your-slots {

    display: none !important;

}



.am-tutor-detail #reviews {

    display: none !important;

}



.am-aboutuser_tab li:has(a[href="#availability"]) ,

.am-aboutuser_tab li:has(a[href="#reviews"]) 

{

    /* display: none !important; */

}

@media (max-width: 1100px) {

        .proschool-nav-links, .header-btn {

        display: none !important;

    }

    .cr-course-details-banner .cr-course-details-area .cr-course-details-info {

        max-width: 100%;

    }

    .cr-course-sidebar {

        max-width: 100% !important;

        margin: 0 !important;

    }

     

.cr-course-details-banner .cr-course-details-area .cr-course-details-info {

    max-width: 100%;

}



body .cr-course-sidebar {

    max-width: 100% !important;

    margin: 0 !important;

    top: 27px;

}

 



}



.cr-overview .cr-overview-course .cr-learn-content .cr-checked-contnet i {

    padding-top: 4px;

}

.cr-course-sidebar .cr-action-buttons .am-btn{ 

    animation: shadowPulse 1.5s infinite ease-in-out;

    transition: all 0.3s ease; /* works for hover/other state changes */

}

.cr-course-card.cr-cart-empty .cr-action-buttons .am-btn.am-btn_disable.processing {
    color: #fff !important;
}

.cr-course-card.cr-cart-empty .cr-action-buttons .am-btn.am-btn_disable.processing::after {
    border-top-color: #fff !important;
}



@keyframes shadowPulse {

    0% {

        box-shadow: 0px 0px 0px 0px hsl(228deg 100% 60% / 30%);

    }

    50% {

        box-shadow: 0px 0px 8px 2px hsl(228deg 100% 60% / 68%);

    }

    100% {

        box-shadow: 0px 0px 0px 0px hsl(228deg 100% 60% / 30%);

    }

}





 



@media (min-width: 1176px) and (max-width: 1278px) {

  .cr-course-sidebar {

    max-width: 35% !important;

  }

}



 
.cr-coursecontent_tabs_content .cr-course-details-banner .cr-course-details-area .cr-course-details-info .cr-course-stats,
.cr-coursecontent_tabs_content .cr-course-details-banner .cr-course-details-area .cr-course-meta {
    display: none;
}

.am-tutordetail_user_name h3 a {
    line-height: 1.3em;
}

.cr-coursecontent_tabs_content .cr-course-details-banner {
    padding-bottom: 12px;
    margin-top: -88px !important;
    padding-top: 106px;
}
.cr-coursedetails_body_video {
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 40px;
}
.cr-coursecontent_tabs_content .cr-overview-course.cr-desc-section .cr-desc-content {
    overflow: inherit;
    max-height: unset;
    min-height: unset;
}

.cr-coursecontent_tabs_content .cr-overview-course > a {
    display: none;
}

.cr-coursecontent_tabs > li button.active {
    border-bottom: 1px solid #ddd !important;
}

.cr-coursecontent_tabs {
    border-bottom: 1px solid #eaeaea !important;
    border-top: 1px solid #eaeaea !important;
}
 

.cr-coursedetails_article {
    color: #ddd;
}

.cr-coursedetails_body_video:has(.cr-coursedetails_article) {
    background-color: #ddd;
    margin-bottom: 15px;
}
.am-switch-language {
    display: none;
}
.cr-usercourse_header {
    background-color: #fff;
}

.cr-sidebar_logo {
    background-color: #fff;
}

.am-bodywrap:has(.cr-coursesdetails) {
    background-color: #fff;
}

.cr-usercourse_header_progress span {
    color: #000;
}

.cr-usercourse_header_progress span em {
    color: #000;
}

.cr-usercourse_header_progress_bar {
    background-color: #000;
}
 

.cr-sidebar_toggle a {
    background-color: #0eaa8c;
}

.cr-usercourse_header_actions .cr-btn {
    background-color: #0eaa8c;
    color: #fff;
}

.cr-usercourse_header_actions .cr-btn svg rect {
    fill: #fff;
}
 
.cr-usercourse_header_actions .cr-btn svg g {
    opacity: 1;
}

.cr-usercourse_header_actions .cr-btn svg g path {
    stroke: #fff;
}

.cr-sidebar_goback a {
    color: #000 !important;
}

.cr-sidebar_goback a i:before {
    color: #000 !important;
}

.cr-sidebar_title span {
    color: #000 !important;
}

.cr-sidebar_title h2 {
    color: #000 !important;
}

.cr-sidebar_accordion_title > a > em {
    color: #000 !important;
}

.cr-sidebar_accordion_title > a span span {
    color: #000 !important;
}

.cr-sidebar_accordion_content_item a span {
    color: #000 !important;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.4em;
}
.am-btn, .am-btn-light, .am-white-btn, .am-btnvtwo {
    background-color: #0eaa8c ;
}

.cr-includes-value {
    color: #0eaa8c !important;
}

.cr-includes-list .cr-includes-item i::before {
    color: #0eaa8c !important;
}
.cr-sidebar_accordion_content_item a span em {
    color: #000 !important;
}

 
.cr-sidebar_accordion_content_item i svg path {
    fill: #0eaa8c !important;
}

.cr-sidebar_accordion_content_item:before {
    background-color: #0eaa8c !important;
}

.cr-sidebar_accordion_content_item:after {
    background: #0eaa8c !important;
}

.am-icon-chevron-right:before {
    color: #000 !important;
}

.cr-sidebar_accordion_title > a[aria-expanded="true"] {
    background-color: #0eaa8c !important;
}

.cr-sidebar_accordion_title > a[aria-expanded="true"] > em {
    color: #fff !important;
}

.cr-sidebar_accordion_title > a[aria-expanded="true"] span {
    color: #fff !important;
}

.cr-sidebar_accordion_title > a[aria-expanded="true"] i:before {
    color: #fff !important;
}

.cr-sidebar_accordion_title > a[aria-expanded="false"] {
    opacity: 0.6;
}
 
.cr-sidebar .cr-logo figure svg {
    width: auto;
    max-width: 160px;
}

.cr-sidebar_accordion_content_item {
    background-color: #0691760f;
    padding: 9px 10px 11px 33px;
    border-radius: 8px;
    margin-top: 0 !important;
}
.am-detailuser_video.am-detailuser_video_main iframe {
    height: 100% !important;
    object-fit: cover;
}