/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}

ul.dc-filter-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

ul.dc-filter-list li {
  margin: 0px 10px;
  font-weight: 600;
  cursor: pointer;
}

ul.dc-filter-list li.active {
  border-bottom: 2px solid #000;
}

/* to remove slide effect  css */
.animated {
  -webkit-animation-duration: 0 ms !important;
  animation-duration: 0 ms !important;
  -webkit-animation-fill-mode: both !important;
  animation-fill-mode: both !important;
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

/* Owl-css */
.owl-dots button {
  width: 16px;
  height: 16px;
  background: #dddace !important;
  margin-right: 16px;
  border-radius: 100%;
}

.owl-dots button.owl-dot.active {
  background: #20325f !important;
}

.owl-dots {
  text-align: center;
}

/* Owl-css end */

.pl_slider_item {
  box-shadow: 0px 6px 20px 0px rgba(16, 24, 43, 0.07);
  border-radius: 0px 0px 16px 16px;
}

.pls_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pls_img_wrap a {
  width: 100%;
  height: 100%;
}

.pls_img_wrap {
  width: 100%;
  height: 200px;
  position: relative;
  display: flex;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}

.pls_conts h3 {
  color: #20325f;
  font-size: 24px;
  margin-bottom: 0.6em;
  font-weight: 600;
  line-height: 1.1em;
  height: 2.2em;
  overflow: hidden;
}

.pls_the_content p {
  margin-bottom: 0.6em;
  font-size: 15px;
  line-height: 1.5em;
}

span.seller_desg {
  position: absolute;
  bottom: 15px;
  left: 15px;
  padding: 5px 20px;
  background: #e38800;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 25px;
}

.pls_conts {
  padding: 24px 24px 32px;
}

span.member_pl {
  margin-right: 20px;
}

span.likes_pl,
span.member_pl {
  display: flex;
  align-items: center;
}

.member_nd_likes {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.member_nd_likes svg {
  margin-right: 5px;
}

a.pl_sign_btn {
  display: block;
  text-align: center;
  padding: 10px 15px;
  background: #20325f;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  border: 1px solid #20325f;
  transition: all ease-in-out 0.2s;
}

a.pl_sign_btn.add_to_cart_button.ajax_add_to_cart.added {
  display: none;
}

a.pl_sign_btn:hover {
  background: transparent;
  color: #20325f;
  border: 1px solid #20325f;
}

/* .pls_the_content {
  padding-bottom: 15px;
  height: 180px;
  font-size: 15px;
  overflow: hidden;
} */
.pls_the_content p {
  margin-bottom: 10px;
  height: 116px;
  font-size: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.filter_slider_wrapper .owl-carousel .owl-stage-outer {
  padding-bottom: 25px;
}

/* Filter css */
.home_filters {
  padding-bottom: 45px;
  max-width: 1475px;
  margin: 0 auto;
}

.home_filters ul {
  list-style: none;
  margin: 0;
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.home_filters ul li {
  display: inline-block;
}

.home_filters ul li a {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  border: 2px solid #dddace;
  background: #fff;
  border-radius: 8px;
  font-size: 18px;
  color: #20325f;
  font-weight: 600;
  vertical-align: middle;
}

.home_filters ul li.active a {
  background: #63cec8;
  border: 2px solid #20325f !important;
}
.home_filters.slider-block  ul li a{
  display: flex;
  align-items: center;
  padding: 8px 15px;
  border: 2px solid #20325f;
  background: #20325f;
  border-radius: 8px;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  vertical-align: middle;
}

.home_filters.slider-block ul li.active a {
  background: #63cec8;
  border: 2px solid #63cec8 !important;
}

.home_filters a span {
  display: inline-flex;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

.home_filters a span img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  filter: invert(1) brightness(10);
}

.filter_slider_wrapper .home_filters ul li.active img {
  filter: invert(1) brightness(10);
}

.home_tag_filters {
  padding-bottom: 30px;
  max-width: 1475px;
  margin: 0 auto;
}

.home_tag_filters ul {
  list-style: none;
  margin: 0;
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.home_tag_filters ul li {
  display: inline-block;
}

.home_tag_filters ul li.active {
  background: #63CEC8 !important;
  border-radius: 8px;
}

.home_tag_filters ul li.active a {
  color: #fff !important;
  border: 1px solid #63CEC8 !important;
}

.home_tag_filters ul li a {
  display: flex;
  align-items: center;
  padding: 2px 8px;
  border: 1px solid #dddace;
  border-radius: 8px;
  font-size: 14px;
  color: #20325f;
  font-weight: 600;
  vertical-align: middle;
}

.pl_courses_inner .pl_slider_item {
  width: calc(33.3333% - 20px);
}

.pl_courses_inner {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 10px;
}

.oi_left_img {
  width: 60px;
  height: 60px;
  display: flex;
  overflow: hidden;
  border-radius: 10px;
  margin-right: 16px;
  align-items: center;
  justify-content: center;
}

.oi_left_img.enrolled {
  background: #f8edfd;
}

.oi_left_img.progress {
  background: #eafaf1;
}

.oi_left_img.finished {
  background: #eaf4fb;
}

.oi_left_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oi_filter_item h4 {
  margin: 0;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  text-transform: capitalize;
}

.oi_filter_item {
  display: inline-flex;
  padding: 12px;
  box-shadow: 0px 6px 20px 0px rgba(16, 24, 43, 0.01);
  margin-right: 10px;
  border-radius: 8px;
  align-items: center;
}

.oi_filter_item.active,
.oi_filter_item:hover {
  box-shadow: 0px 6px 20px 0px rgba(16, 24, 43, 0.07);
}

.our_instr_item {
  box-shadow: 0px 6px 20px 0px rgba(16, 24, 43, 0.07);
  padding: 40px;
  border-radius: 16px;
}

.our_instr_slider h3 {
  margin: 0;
  font-size: 32px;
  font-weight: 600;
}

.our_instr_slider .owl-stage-outer {
  padding-top: 30px;
  padding-bottom: 30px;
}

.oi_right_titles span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.our_instr_item p {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

.oi_right_titles {
  text-align: left;
}

.wp-block-woocommerce-empty-cart-block h2.wp-block-heading {
  display: none;
}

.wp-block-woocommerce-empty-cart-block h2.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title {
  display: block;
}

.wp-block-woocommerce-empty-cart-block .wp-block-product-new.wc-block-product-new {
  display: none;
}

/* Custom filter_with_reviews css */
.home_filters form {
  margin: 0;
}

.filter_slider_slide .swiper-slide {
  transition: all ease-in-out 0.2s;
}

.filter_slider_slide .swiper-slide.swiper-slide-active .elementor-testimonial {
  box-shadow: 0px 6px 20px 0px rgba(16, 24, 43, 0.07);
  padding: 24px;
  border-radius: 16px;
}

.filter_slider_slide .swiper-slide .elementor-testimonial {
  padding: 23px;
  border-radius: 16px;
}

.filter_slider_slide .e-n-tabs-heading {
  justify-content: flex-start;
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] .oi_filter_item,
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] a .oi_filter_item {
  box-shadow: 0px 6px 20px 0px rgba(16, 24, 43, 0.07);
}

/* .filter_slider_slide  .e-n-tabs-heading {
  justify-content: flex-start;
  overflow-x: scroll;
  width: max-content;
} */

/* Custom filter_with_reviews css end */

span.elementor-countdown-digits {
  position: relative;
}

span.elementor-countdown-digits::after,
span.elementor-countdown-digits::before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  right: -11px;
  top: 0;
  bottom: 15px;
  margin: auto;
  background: url(/wp-content/uploads/2024/01/star.svg);
  background-position: center;
  background-size: contain;
}

span.elementor-countdown-digits::before {
  bottom: -15px;
}

span.elementor-countdown-digits.elementor-countdown-seconds::after,
span.elementor-countdown-digits.elementor-countdown-seconds::before {
  display: none;
}

/* Enrolled Courses Start */
.enrolled-courses-wrapper {
  padding: 25px 20px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  margin-top: 20px;
  background: #fff;
}

.enrolled-courses-wrapper h3 {
  margin: 0px;
  color: #15181e;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 20px;
}

/* .enrolled-courses {
  padding: 16px 20px 0px;
  margin-left: -20px;
  margin-right: -20px;
} */
.top-title-wrapper {
  color: rgba(21, 24, 30, 0.5);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

table.enrolled-courses-content {
  border: 0px;
  margin-bottom: 0px;
}

/* .top-title-wrapper,
.courses-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  padding: 10px 20px 13px;
  margin-left: -20px;
  margin-right: -20px;
} */
/* .courses-item {
  padding: 0px 20px;
} */
.enrolled-courses .courses-item:not(:first-child) {
  margin-top: 24px;
}

/* .course-name {
  flex-basis: 45%;
  width: 45%;
}
.course-sessions {
  flex-basis: 10%;
}
.course-timeline {
  flex-basis: 15%;
  width: 15%;
}
.course-progress {
  flex-basis: 10%;
  width: 10%;
}
.course-action {
  flex-basis: 10%;
  width: 10%;
} */
.top-title-wrapper tr th {
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}

tbody.enrolled-courses tr td {
  border-bottom: 0px;
}

.enrolled-courses-container {
  overflow-x: auto;
}

.course-name {
  padding-left: 0px;
}

.course-action {
  padding-right: 0px;
}

.courses-item .course-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

/* .courses-item .course-name .course-thumb {} */
.courses-item .course-name .course-thumb img {
  width: 100%;
  max-width: 120px;
  border-radius: 4px;
}

/* .courses-item .course-name .course-title {} */
.courses-item .course-name .course-title a {
  text-decoration: none;
}

.courses-item .course-name .course-title h4 {
  color: #15181e;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0px;
}

.course-sessions p {
  margin: 0px;
}

.course-progress p {
  color: #259b46;
  font-weight: 700;
  margin: 0px;
}

.course-progress .progress {
  width: 100%;
  height: 6px;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 10px;
}

.course-progress .progress::-webkit-progress-bar {
  background-color: rgba(21, 24, 30, 0.1);
}

.course-progress .progress::-webkit-progress-bar,
.course-progress .progress::-webkit-progress-value {
  border-radius: 10px;
}

.course-progress .progress::-moz-progress-bar {
  border-radius: 10px;
}

.course-progress .progress::-webkit-progress-value {
  background: #259b46;
}

.course-action a {
  color: #000;
  text-decoration: none;
  position: relative;
  padding-right: 20px;
  display: block;
}

/* .course-action a::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 100%;
  top: 0px;
  right: 0px;
  background: url(/wp-content/uploads/2024/01/right-up-arrow.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
} */

/* Enrolled Courses End */

/* courses css start */
.stw-courses-wrapper {
  background: #f9f9f9;
}

.stw-courses-container {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(4, minmax(250px, 1fr));
}

a.ru-link-dashboard {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.stw-courses-container .stw-courses-item {
  background: #fffffc;
  border-radius: 10px;
  box-shadow: 0px 3.188px 20px 0px rgba(2, 21, 7, 0.04);
  position: relative;
}

.stw-courses-container .stw-courses-item .courses-image-wrapper {
  padding: 5px;
  /* new css */
  height: 195px;
  border-radius: 10px;
  overflow: hidden;
}

.stw-courses-container .courses-image-wrapper img {
  width: 100%;
  border-radius: 10px;
  /* new css */
  height: 100%;
  object-fit: cover;
}

.stw-courses-container .stw-courses-item .courses-content-wrapper {
  padding: 15px 17px 20px;
}

.stw-courses-container .stw-courses-item .courses-content-wrapper .courses-headline h3 {
  margin: 0px;
  color: #15181e;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.stw-courses-container .stw-courses-item .courses-content-wrapper .courses-timeline {
  margin-top: 14px;
}

.stw-courses-container .stw-courses-item .courses-content-wrapper .courses-timeline table {
  border: 0px;
}

.stw-courses-container .stw-courses-item .courses-content-wrapper .courses-timeline table tbody tr td {
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  border: 0px;
}

.stw-courses-container .stw-courses-item .courses-content-wrapper .courses-timeline table tbody tr td:first-child {
  padding-left: 0px;
  color: rgba(21, 24, 30, 0.6);
  font-size: 14px;
  font-weight: 400;
}

.stw-courses-container .stw-courses-item .courses-content-wrapper .stw-course-progress {
  margin-top: 20px;
}

.stw-courses-container .stw-courses-item .courses-content-wrapper .stw-course-progress .progress {
  width: 100%;
  height: 6px;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 10px;
}

.stw-courses-container .stw-courses-item .courses-content-wrapper .stw-course-progress .progress::-webkit-progress-bar {
  background-color: rgba(21, 24, 30, 0.1);
}

.stw-courses-container .stw-courses-item .courses-content-wrapper .stw-course-progress .progress::-webkit-progress-bar,
.stw-courses-container .stw-courses-item .courses-content-wrapper .stw-course-progress .progress::-webkit-progress-value {
  border-radius: 10px;
}

.stw-courses-container .stw-courses-item .courses-content-wrapper .stw-course-progress .progress::-moz-progress-bar {
  border-radius: 10px;
}

.stw-courses-container .stw-courses-item .courses-content-wrapper .stw-course-progress .progress::-webkit-progress-value {
  background: #259b46;
}

.stw-courses-container .stw-courses-item .courses-content-wrapper .stw-course-progress p {
  color: #259b46;
  margin: 10px 0px 0px;
}

.stw-courses-container .stw-courses-item .courses-content-wrapper .stw-course-progress p span {
  font-weight: 700;
}

.dc-course-mark {
  background: #f75555;
  color: #fff;
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 0 10px 0 0;
  margin: 0;
  padding: 5px;
}

.course-pagination .page-numbers {
  padding: 4px 16px;
  border: 1px solid #20325f;
  text-align: center;
  color: #000;
  transition: all ease-in-out 0.2s;
  font-size: 16px;
  display: inline-block;
  border-radius: 4px;
  margin-bottom: 10px;
  margin-top: 30px;
}

.course-pagination .page-numbers.current,
.course-pagination .page-numbers:hover {
  background-color: #20325f;
  color: #fff;
}

.stw-dash-left-sidebar button.e-n-tab-title:focus-visible {
  outline: none;
}

select#course-order {
  background-color: transparent;
  border: none;
  font-weight: 700;
  outline: none;
  box-shadow: none;
  padding: 0px 30px 0px 5px;
}

h4.cm-heading {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
}

/* courses css end */

.stw-dashboard-section .e-n-tabs-heading {
  background: #fff;
  padding: 20px 15px;
}

.stw-program-summary .bb-dash-grid {
  background: transparent;
  border: 0px;
}

.stw-program-summary .bb-dash-grid .bb-dash-grid__frame {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.stw-program-summary .bb-dash-grid .bb-dash-grid__frame .oi_filter_item {
  background: #fff;
  margin-right: 0px;
  /* flex-basis: calc(33.33% - 14px);
  width: calc(33.33% - 14px); */
}

.stw-program-summary .bb-dash-grid .bb-dash-grid__frame .oi_filter_item .oi_right_titles h4 {
  color: rgba(21, 24, 30, 0.5);
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.stw-program-summary .bb-dash-grid .bb-dash-grid__frame .oi_filter_item .oi_right_titles span {
  color: #15181e;
  font-weight: 500;
  line-height: normal;
}

#calendar_wrap {
  background: #fff;
  padding: 25px 20px;
  border-radius: 10px;
}

table#wp-calendar {
  border: 0px;
}

table#wp-calendar caption {
  margin-bottom: 5px;
}

table#wp-calendar thead tr th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 5px;
}

table#wp-calendar tbody tr td {
  border: 0px;
  padding: 5px 0px;
}

.stw-dashboard-calender>.elementor-element {
  padding-top: 101px;
}

.top_courses_menu {
  position: absolute;
  top: 100%;
  padding: 15px;
  width: max-content;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 6px 19px -11px #999;
  z-index: 9;
}

.toggle_top_midmenu {
  position: relative;
}

.top_courses_menu ul {
  list-style: none;
  margin: 0;
}

.top_courses_menu ul li {
  margin-bottom: 5px;
}

.ttm_search_wrapper {
  position: relative;
  width: 100%;
}

.ttm_humbergr {
  display: flex;
  margin-right: 19px;
  padding: 5px;
  transition: all ease-in-out 0.2s;
  border-radius: 3px;
  cursor: pointer;
}

.ttm_humbergr:hover {
  background: #f2f4f5;
}

.ttm_search_form input.search-field.ui-autocomplete-input {
  height: 47px;
  margin: 12px 0;
  outline: none !important;
  box-shadow: none;
  border: 0;
}

/* Added by Fatima to hide Rating, Time, and Total Sessions on Course Details page */
.course-meta-details .rating,
.course-meta-details .time,
.course-meta-details .total-sessions {
  display: none !important;
}

/*******/

/* Added by Fatima to hide Rating and Tags under Instructor section on Course Details page */
.course-instructor-wrap .rat,
.course-instructor-wrap .tags {
  display: none !important;
}

/*******/

.single-course-right-sidebar {
  width: 100%;
  max-width: 324px;
  padding-top: 96px;
}

.single-course-right-sidebar .stw-courses-item {
  background: #fffffc;
  border-radius: 10px;
  box-shadow: 0px 3.188px 20px 0px rgba(2, 21, 7, 0.04);
}

.single-course-right-sidebar .stw-courses-item .courses-image-wrapper {
  padding: 5px;
}

.single-course-right-sidebar .stw-courses-item .courses-image-wrapper img {
  width: 100%;
  border-radius: 10px;
}

.single-course-right-sidebar .stw-courses-item .courses-content-wrapper {
  padding: 15px 17px 20px;
}

.single-course-right-sidebar .stw-courses-item .courses-content-wrapper .courses-headline h3 {
  margin: 0px;
  color: #15181e;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.single-course-right-sidebar .stw-courses-item .courses-content-wrapper .courses-timeline {
  margin-top: 14px;
}

.single-course-right-sidebar .stw-courses-item .courses-content-wrapper .courses-timeline table {
  border: 0px;
}

.single-course-right-sidebar .stw-courses-item .courses-content-wrapper .courses-timeline table tbody tr td {
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  border: 0px;
}

.single-course-right-sidebar .stw-courses-item .courses-content-wrapper .courses-timeline table tbody tr td:first-child {
  padding-left: 0px;
  color: rgba(21, 24, 30, 0.6);
  font-size: 14px;
  font-weight: 400;
}

.single-course-right-sidebar .stw-courses-item .courses-content-wrapper .stw-course-progress {
  margin-top: 20px;
}

.single-course-right-sidebar .stw-courses-item .courses-content-wrapper .stw-course-progress .progress {
  width: 100%;
  height: 6px;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 10px;
}

.single-course-right-sidebar .stw-courses-item .courses-content-wrapper .stw-course-progress .progress::-webkit-progress-bar {
  background-color: rgba(21, 24, 30, 0.1);
}

.single-course-right-sidebar .stw-courses-item .courses-content-wrapper .stw-course-progress .progress::-webkit-progress-bar,
.single-course-right-sidebar .stw-courses-item .courses-content-wrapper .stw-course-progress .progress::-webkit-progress-value {
  border-radius: 10px;
}

.single-course-right-sidebar .stw-courses-item .courses-content-wrapper .stw-course-progress .progress::-moz-progress-bar {
  border-radius: 10px;
}

.single-course-right-sidebar .stw-courses-item .courses-content-wrapper .stw-course-progress .progress::-webkit-progress-value {
  background: #259b46;
}

.single-course-right-sidebar .stw-courses-item .courses-content-wrapper .stw-course-progress p {
  color: #259b46;
  margin: 10px 0px 0px;
}

.single-course-right-sidebar .stw-courses-item .courses-content-wrapper .stw-course-progress p span {
  font-weight: 700;
}

.single-course-content {
  width: calc(100% - 303px - 364px);
  max-width: 1030px;
}

.single-course-content>.e-con-inner {
  max-width: 792px;
  margin-left: auto;
  margin-right: 0px;
}

.elementor-menu-cart__product-remove.product-remove {
  width: 10px;
  height: 10px;
  margin-left: 3px;
  display: block;
}

.elementor-menu-cart__product-remove a.remove_from_cart_button::before {
  content: "×";
  font-size: 14px;
  line-height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

table.courses-calendar-content {
  width: 100%;
  border: 0px;
  margin-bottom: 0px;
}

table.courses-calendar-content tr.courses-item {
  display: flex;
  align-items: center;
}

table.courses-calendar-content tr.courses-item td {
  padding: 10px 20px;
}

table.courses-calendar-content tr.courses-item td.course-date {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: #f5f5f0;
  border-radius: 7px;
}

table.courses-calendar-content tr.courses-item td.course-date .c-date {
  width: 100%;
  margin: 0px;
  text-align: center;
  font-size: 16px;
  color: #20325f;
}

table.courses-calendar-content tr.courses-item td.course-date .c-day {
  width: 100%;
  margin: 0px;
  text-align: center;
  font-size: 13px;
  color: #a0a7b6;
}

table.courses-calendar-content tr.courses-item td.course-name {
  display: flex;
  align-items: center;
  gap: 12px;
}

table.courses-calendar-content tr.courses-item td.course-name .course-thumb img {
  width: 100%;
  max-width: 120px;
  border-radius: 4px;
}

table.courses-calendar-content tr.courses-item td.course-name .course-title h3 {
  font-size: 15px;
  margin: 0px 0px 7px;
}

table.courses-calendar-content tr.courses-item td.course-name .course-title a {
  font-size: 14px;
  color: #a0a7b6;
  text-decoration: none;
}

table.courses-calendar-content tr.courses-item td.course-name .course-title h4 {
  margin: 0px;
  font-weight: 400;
}

table.courses-calendar-content tr.courses-item td {
  padding: 10px 20px;
  border: 0px;
}

table.courses-calendar-content tr.courses-item .reply {
  font-size: 14px;
  font-weight: 500;
  padding: 7px 16px;
  border: 2px solid #f5f5f0;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

table.courses-calendar-content tr.courses-item .reply .icon {
  margin-bottom: -3px;
}

table.courses-calendar-content tr.courses-item .time p {
  font-size: 14px;
  font-weight: 600;
  color: #737476;
  margin: 0px;
  text-align: center;
  white-space: pre;
}

span.ld-icon-arrow-down.ld-icon {
  color: #fff !important;
}

div#ld-expand-button-429 {
  border: 0;
}

.single-course-content .learndash-wrapper .ld-section-heading .ld-item-list-actions .ld-expand-button {
  background-color: #20325f !important;
}

/* .learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2 {
  visibility: hidden;
  opacity: 0;
} */
body.single .zoom-meeting-block {
  display: none;
}

body.single.logged-in .zoom-meeting-block {
  display: block;
}

body.single.single-sfwd-courses header#masthead .container.site-header-container.flex.default-header {
  max-width: 100%;
}

.stw-dash-left-sidebar .e-n-tabs-heading {
  background: #fff;
  padding: 20px 15px;
}

.stw-dashboard-calender>.elementor-element {
  padding: 30px;
  background: #fff;
  border-radius: 10px;
  margin-top: 40px;
}

#calendar.fc {
  background: #fff;
}

.fc-button-group {
  display: inline-flex;
  gap: 5px;
}

.fc-view-container table,
.fc-view-container table thead,
.fc-view-container table thead tr,
.fc-view-container table thead tr td,
.fc-view-container table table thead th,
.fc-view-container table tbody,
.fc-view-container table tbody tr,
.fc-view-container table tbody tr td {
  border: 0px;
}

.fc-view-container table table {
  margin: 0px;
}

.fc-view-container table table thead tr th {
  padding: 10px;
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd;
}

.fc-view-container table tbody tr td table thead tr td {
  text-align: center;
  padding: 15px 10px;
}

.fc-view-container table tbody tr td table thead tr td span {
  float: none !important;
}

td.fc-widget-content .fc-scroller {
  height: auto !important;
}

.form14steps .e-form__buttons {
  margin-top: 20px;
}

.form14steps span.elementor-field-option input {
  margin-right: 5px;
}

.form14steps form.elementor-form {
  margin: 0;
}

/* dashboard page */
.fc-button-group button {
  box-shadow: 0px 6px 20px 0px rgba(16, 24, 43, 0.01);
  border: 0px;
  border-radius: 5px;
}

.fc-button-group button:hover {
  background: #20325f;
}

.fc-left button,
.fc-right button {
  box-shadow: 0px 6px 20px 0px rgba(16, 24, 43, 0.01);
  border: 0px;
  border-radius: 5px !important;
  background: #20325f08;
  color: #000;
  opacity: 1;
  font-size: 14px;
  margin-bottom: 10px;
}

.fc-left button:hover,
.fc-right button:hover {
  background: #20325f;
  opacity: 1;
  color: #fff;
}

.fc-toolbar .fc-center h2 {
  font-size: 20px !important;
  padding: 0px 10px;
}

.fc-unthemed td.fc-today {
  background: #20325f !important;
  border-radius: 7px;
  color: #fff;
}

td.fc-event-container a {
  color: #20325f !important;
  background: #63cec8 !important;
  border-color: #63cec8;
}

.course-countdown-wrapper {
  padding: 18px 20px;
  background: #f8f8f7;
  border: 2px solid #eeeeed;
  border-radius: 10px;
}

.course-countdown-wrapper .heading-wrapper {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
}

.course-countdown-wrapper .heading-wrapper h3 {
  margin: 0px;
  font-size: 14px;
  font-weight: 500;
  color: #20325f;
}

.course-countdown-wrapper .heading-wrapper .countdown-time {
  font-size: 18px;
  font-weight: 600;
  color: #20325f;
}

.course-countdown-content {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 2px solid #eeeeed;
}

.course-countdown-content .countdown-item {
  display: flex;
  align-items: center;
  gap: 12px 15px;
}

.course-countdown-content .countdown-item .course-thumb img {
  width: 100%;
  max-width: 120px;
  border-radius: 4px;
}

.course-countdown-content .countdown-item .course-title a {
  color: #15181e;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.course-countdown-content .countdown-item .course-title a h4 {
  margin: 0px;
}

/* Added by Fatima to style the homepage Instructors section */
.bio-testimonials-tabs .e-n-tabs-heading {
  margin: 0 auto !important;
  background-color: #20325F;
  border-radius: 30px;
  padding: 5px;
}

.bio-testimonials-tabs button.e-n-tab-title {
  min-width: 200px !important;
}

.bio-testimonials-tabs .elementor-widget-n-tabs .e-n-tab-title-text {
  width: 100px !important;
}

.learndash_join_button.buttons .share-wrap {
  display: none;
}

.learndash_join_button.buttons .continue-browsing-btn {
  background: #63CEC8;
}

.learndash_join_button.buttons .continue-browsing-btn:hover {
  background: #20325f;
}

.learndash_join_button.buttons .added_to_cart {
  background: #20325f;
}

.learndash_join_button.buttons .added_to_cart:hover {
  background: #63CEC8;
}

.wc-block-components-sidebar a.cart-continue-browsing-btn:hover {
  background: #63CEC8;
  border-color: #63CEC8;
}

.wc-block-components-sidebar a.cart-continue-browsing-btn {
  width: 100%;
}

@media only screen and (min-width: 767px) {
  .new-tabs .e-n-tabs-heading {
    justify-content: center;
    text-align: center;
  }

  .new-tabs .e-n-tabs-heading .button-wrapper .e-n-tab-title:hover,
  .new-tabs .e-n-tabs-heading .button-wrapper .e-n-tab-title[aria-selected=true] {


    background: #fff !important;
    border: #FFAC4B 1px solid !important;
  }

  .button-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 450px;
  }

  .button-wrapper #wrap-1 {
    width: calc(100% - 10px);
    display: block;
    flex: none;
    box-sizing: border-box;
    text-align: center;
    font-weight: 700;
    margin: 0 5px 10px;
    background: #63CEC8;
    border: #63CEC8 1px solid;
  }

  .button-wrapper #wrap-2,
  .button-wrapper #wrap-3,
  .button-wrapper #wrap-4 {
    width: calc(33.3% - 10px);
    display: block;
    text-align: center;
    margin: 0 5px 10px;
    flex: none;
    box-sizing: border-box;
    font-weight: 700;
    background: #63CEC8;
    border: #63CEC8 1px solid;
  }
}

/*********************************************/

@media only screen and (max-width: 1024px) {
  .stw-enrolled-courses-container {
    flex-wrap: wrap;
  }
}

.sticky-header .site-content {
  min-height: auto;
}

.resourses_course .resourses_course_item p {
  margin-bottom: 5px;
}

.resourses_course .resourses_course_item {
  display: flex;
  flex-wrap: wrap;
  padding-top: 26px;
  gap: 5px;
  flex-direction: column;
}

.elementor-widget-container>.resourses_course {
  margin-bottom: 40px;
}

span.blk_txt {
  color: #000;
}

.pl_slider_inner.owl-carousel .owl-dots.disabled {
  display: block !important;
}

.res-section-heading h2 {
  font-size: 20px;
}

.learndash-wrapper .ld-item-list .ld-item-list-item {
  margin: 0px;
  border-bottom: 1px solid #0001;
  border-radius: 0;
}

.ld-item-list-item-preview {
  border-bottom: 1px solid #0001;
}

.ld-item-list.ld-lesson-list .ld-section-heading .ld-item-list-actions .ld-expand-button {
  background: #20325f;
  color: #fff;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
  background: rgb(255 255 255);
}

a.btn-advance.ld-primary-background.add_to_cart_button.ajax_add_to_cart.added {
  display: none;
}

.wp-block-woocommerce-cart.alignwide {
  background-color: #fff;
  padding: 30px 30px 10px;
  border-radius: 10px;
}

a.wc-block-components-button.wc-block-cart__submit-button {
  border: 1px solid #63CEC8;
  background: #63CEC8;
  color: #fff;
  border-radius: 5px;
  transition: all .3s;
  margin-top: 30px;
}

a.wc-block-components-button.wc-block-cart__submit-button:hover {
  background: #20325f;
  border: 1px solid #20325f;
}

td.zoom-meeting-block {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  height: max-content;
}

tr.courses-item.course_is_today td.course-date {
  display: none;
}

tr.courses-item.course_is_today {
  display: flex;
  flex-direction: column;
}

tr.courses-item.course_is_today td.course-name {
  order: 4;
  flex-direction: row;
  flex-wrap: nowrap;
  border: 0;
  padding-right: 0;
}

tr.courses-item.course_is_today .course-title h3 {
  display: none;
}

tr.courses-item.course_is_today {
  display: flex;
  flex-direction: column;
  background: rgba(32, 50, 95, 0.03);
  padding: 0 14px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}

tr.courses-item.course_is_today .coming {
  font-size: 14px;
  color: #20325f;
  font-weight: bold;
}

tr.courses-item.course_is_today td.course-time {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  border-color: rgba(0, 0, 0, 0.04);
  gap: 10px;
}

tr.courses-item.course_is_today td.course-name .course_name {
  font-size: 14px;
  line-height: 1.3em;
  color: #20325f;
}

tr.courses-item.course_is_today td.course-time .time p {
  margin: 0;
  font-size: 18px;
  color: #20325f;
}

.zoom-block-close {
  position: absolute;
  right: 15px;
  top: 15px;
  display: flex;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
}

.fc-content {
  cursor: pointer;
}

h4.ldd-meeting-countdown-title {
  margin: 0;
}

div#ldd-meeting-timer {
  max-width: none;
  width: 100%;
  margin: 0;
  display: inline;
}

h4.ldd-meeting-countdown-title {
  margin: 0;
  width: 100%;
  white-space: pre;
}

/* table.courses-calendar-content  */
table.courses-calendar-content td.course-name {
  flex-wrap: nowrap;
}

table.courses-calendar-content .course-thumb {
  width: 65px;
  min-width: 60px;
}

table.courses-calendar-content tr.courses-item td.course-date {
  padding: 6px;
  width: 42px;
  height: 46px;
}

table.courses-calendar-content .course_name {
  font-size: 14px;
  line-height: 1.2;
}

table.courses-calendar-content tr.courses-item td.course-name .course-title h3 {
  font-size: 14px;
  line-height: 1.2;
}

td.zoom-meeting-block .block_wrapper::after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -5;
  background: #f2f4f58a;
}

tr.courses-item.course_is_today td.course-name img {
  max-width: 60px;
}

table.courses-calendar-content tr.courses-item td.course-date .c-date,
table.courses-calendar-content tr.courses-item td.course-date .c-day {
  line-height: 1;
}

.woocommerce-terms-and-conditions-link {
  text-decoration: underline;
}

.woocommerce-terms-and-conditions-link:hover {
  text-decoration: none;
}

.student-form-fields {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}

.student-form-fields .form-row-halfwide {
  width: 49%;
}

/* Media CSS Start From Here */

@media only screen and (min-width: 1025px) and (max-width: 1300px) {
  .stw-enrolled-courses-container {
    flex-wrap: wrap;
  }

  .stw-dashboard-calender.elementor-element-c822240 {
    flex-basis: 100%;
    padding: 20px;
  }

  .elementor-element.elementor-element-7ebf442.e-con-full {
    flex-basis: 100%;
  }
}

.slider-banner-image img,
.slider-banner-image video {
  width: 1000px !important;
  height: 450px !important;
  object-fit: cover !important;
}

.slick-arrow {
  top: 45% !important;
}

@media screen and (max-width: 1440px) {
  .fc-view-container table table thead tr th span {
    font-size: 0.8rem;
  }

  .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    font-size: 12px;
  }

  .fc-view-container table tbody tr td table thead tr td {
    padding: 6px 4px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .fc-view-container table table thead tr th span {
    font-size: 0.55rem;
  }
}

@media screen and (min-width: 1025px) {
  .stw-dash-left-sidebar .e-n-tabs-heading {
    background: #fff;
    padding: 20px 15px;
    flex-basis: 310px;
  }
}

@media screen and (max-width: 1024px) {
  .result {
    justify-content: space-evenly !important;
  }

  .filter-new-old {
    margin-top: -5px !important;
  }

  .home_filters ul li a {
    padding: 4px 8px;
    font-size: 14px;
  }

  .home_tag_filters ul li a {
    padding: 4px 8px;
    font-size: 14px;
  }

  span.elementor-countdown-digits::after,
  span.elementor-countdown-digits::before {
    width: 8px;
    height: 8px;
  }

  span.elementor-countdown-digits::before {
    bottom: -8px;
  }

  .single-course-content {
    width: calc(100% - 364px);
  }

  .stw-dashboard-calender.elementor-element-c822240 {
    padding: 20px;
  }
}

@media screen and (max-width: 900px) {
  .student-form-fields .form-row-halfwide {
    width: 100%;
  }

  .oi_left_img {
    width: 70px;
    height: 70px;
    margin-right: 20px;
  }

  .oi_filter_item h4 {
    font-size: 18px;
    line-height: 1.2em;
  }

  .oi_right_titles span {
    font-size: 14px;
  }

  .slider-banner-image img,
  .slider-banner-image video {
    height: 350px !important;
  }

  .banner-slider .slider.slider-nav {
    max-width: 97% !important;
    top: 10px !important;
    height: 120px !important;
  }
}

@media screen and (max-width: 768px) {
  .pl_courses_inner .pl_slider_item {
    width: calc(50% - 20px);
  }

  .home_filters {
    padding-bottom: 30px !important;
  }

  .home_tag_filters {
    padding-bottom: 30px !important;
  }

  .elementor-48 .elementor-element.elementor-element-34efc19.elementor-arrows-yes .elementor-main-swiper {
    width: 100% !important;
  }

  .oi_left_img {
    width: 70px;
    height: 70px;
    margin-right: 20px;
  }

  .oi_filter_item h4 {
    font-size: 22px;
    line-height: 1.2em;
  }

  .oi_right_titles span {
    font-size: 14px;
  }

  .stw-enrolled-courses-container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .stw-dashboard-calender>.elementor-element {
    padding-top: 0px;
  }

  td.course-sessions {
    text-align: center;
  }

  .single-course-content {
    width: 100%;
  }

  .single-course-right-sidebar {
    width: 100%;
    max-width: 500px;
    padding-top: 20px;
    margin: 0 auto;
  }

  .courses-item .course-name .course-title h4 {
    font-size: 12px;
  }

  .course-sessions p,
  .course-progress p,
  .course-action a,
  .top-title-wrapper tr th {
    font-size: 12px;
  }

  td.course-timeline span {
    font-size: 10px;
  }

  .courses-item .course-name {
    gap: 6px;
  }

  tbody.enrolled-courses tr td {
    padding: 8px;
  }

  .slider-banner-image img,
  .slider-banner-image video {
    height: 350px !important;
  }

  .banner-slider .slider.slider-for {
    padding-right: 0px !important;
  }

  .banner-slider .slider.slider-for button {
    left: 5px !important;
  }

  .banner-slider .slider.slider-for button.slick-next {
    left: 88% !important;
  }

  .banner-slider .slider.slider-for .slick-track {
    width: 2000px !important;
    gap: 10px !important;
    object-fit: cover !important;
    image-rendering: -webkit-optimize-contrast;
  }
}

@media screen and (max-width: 599px) {
  .home_filters {
    padding-bottom: 30px !important;
  }

  .home_tag_filters {
    padding-bottom: 30px !important;
  }

  .pl_courses_inner .pl_slider_item {
    width: calc(100%);
  }

  .pls_the_content {
    height: auto;
  }

  tbody.enrolled-courses tr td {
    padding: 5x;
  }

  .slider-banner-image img,
  .slider-banner-image video {
    height: 275px !important;
  }

  .banner-slider .slider.slider-nav .slick-list .slick-track .slick-slide {
    display: none !important;
  }

  .banner-slider .slider.slider-nav {
    display: none !important;
  }
}

@media screen and (max-width: 425px) {
  .result {
    display: grid !important;
  }

  .home_filters {
    padding-bottom: 20px !important;
  }

  .home_tag_filters {
    padding-bottom: 20px !important;
  }

  .filter-new-old {
    margin-top: 10px !important;
  }
}

.elementor-element-a269941 {
  display: none;
}

.elementor-element-ea52d77 ul li:nth-child(2) {
  display: none;
}

.waiting-list-block{
  background: #63cec8;
  padding: 2px 8px;
  border-radius: 20px;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
}
.pls_the_content{
  min-height: 100px;
}

.forms-sortings{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 992px) {
    .forms-sortings{
        flex-direction: column;
        width: 100%;
        gap: 0;
    }
    .forms-sortings select {
        width: 100%;
    }
}