
/*------------------------------------------------------------------------
# mod_mx_course Extension
# ------------------------------------------------------------------------
# author    mixwebtemplates
# copyright Copyright (C) 2019 mixwebtemplates.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.mixwebtemplates.com
-------------------------------------------------------------------------*/

.la-member{
position: relative;
}
.mxt-status.status-01 {
color: var(--mxcolor-primary);
font-size: 14px;
font-weight: 600;
height: 30px;
line-height: 30px;
padding: 0 12px;
background: var(--mxcolor-white);
display: inline-block;
border-radius: 2px; }
.price-list.price-style-01 .current-price {
  border-radius: 3px;
  background: var(--mxcolor-primary);
  font-weight: 700;
  font-size: 16px;
  color: var(--mxcolor-white);
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  display: inline-block; }  
.mxt-rating.rating-default {
display: flex;
align-items: center;
flex-wrap: wrap; }
.mxt-rating.rating-default .rating {
margin-right: 10px; } 
.mxt-course.card-type-1 .author-meta {
display: flex;
align-items: center; margin-left: 25px;
}       
.mxt-course {
overflow: hidden; }
.mxt-course .thumbnail {
position: relative; }
.mxt-course .thumbnail a {
  display: block;
  overflow: hidden; }
  .mxt-course .thumbnail img {
	transition: 0.4s;
	overflow: hidden; }
.mxt-course .thumbnail .top-position {
  position: absolute;
  z-index: 2; }
.mxt-course .thumbnail .wishlist-top-right {
  position: absolute;
  z-index: 2; }
.mxt-course.card-type-1 {
background-color: var(--mxcolor-shade);
transition: 0.4s; }
.mxt-course.card-type-1 .inner .thumbnail {
  position: relative; }
  .mxt-course.card-type-1 .inner .thumbnail a {
	display: block;
	overflow: hidden; }
	.mxt-course.card-type-1 .inner .thumbnail a img {
	  transition: 0.4s;
	  overflow: hidden; }
  .mxt-course.card-type-1 .inner .thumbnail .top-position.left-top {
	left: 15px;
	top: 15px; }
  .mxt-course.card-type-1 .inner .thumbnail .top-position.right-top {
	right: 15px;
	top: 15px; }
  .mxt-course.card-type-1 .inner .thumbnail .wishlist-top-right {
	right: 20px;
	top: 20px; }
.mxt-course.card-type-1 .inner .content {
  padding: 25px 30px 30px; }
  @media only screen and (max-width: 767px) {
	.mxt-course.card-type-1 .inner .content {
	  padding: 25px 20px 25px; } }
  .mxt-course.card-type-1 .inner .content .title {
	margin-bottom: 15px;
	margin-top: 10px; }
  .mxt-course.card-type-1 .inner .content .edu-rating {
	margin-bottom: 25px; }
  .mxt-course.card-type-1 .inner .content .card-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid var(--mxcolor-border);
	padding-top: 25px; }
.mxt-course.card-type-1:hover {
  background: var(--mxcolor-white);
  box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.05); }
.mxt-course.card-type-1.bg-white {
  background-color: var(--mxcolor-white);
  transition: 0.4s; }
  .mxt-course.card-type-1.bg-white:hover {
	background: var(--mxcolor-white);
	box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.06); }
.mxt-course.card-type-2 {
background-color: var(--mxcolor-shade);
padding: 20px 20px 30px;
transition: 0.4s; }
.mxt-course.card-type-2 .inner .thumbnail {
  border-radius: 3px; }
  .mxt-course.card-type-2 .inner .thumbnail img {
	border-radius: 3px; }
.mxt-course.card-type-2 .inner .thumbnail .top-position.left-top {
  left: 0;
  top: 10px; }
.mxt-course.card-type-2 .inner .thumbnail .wishlist-top-right {
  right: 20px;
  top: 10px; }
.mxt-course.card-type-2 .inner .content {
  padding-top: 25px; }
  .mxt-course.card-type-2 .inner .content .card-top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px; }
  .mxt-course.card-type-2 .inner .content .title {
	margin-bottom: 20px; }
  .mxt-course.card-type-2 .inner .content .card-bottom {
	display: flex;
	align-items: center;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid var(--mxcolor-border); }
.mxt-course.card-type-2:hover {
  background-color: var(--mxcolor-white);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06); }
.mxt-course.card-type-3 {
background-color: var(--mxcolor-white);
box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.06);
position: relative; }
.mxt-course.card-type-3 .inner .thumbnail {
  border-radius: 3px; }
  .mxt-course.card-type-3 .inner .thumbnail img {
	border-radius: 3px; }
.mxt-course.card-type-3 .inner .thumbnail .top-position.left-bottom {
  left: 30px;
  bottom: -19px; }
  @media only screen and (max-width: 767px) {
	.mxt-course.card-type-3 .inner .thumbnail .top-position.left-bottom {
	  left: 20px; } }
.mxt-course.card-type-3 .inner .thumbnail .wishlist-top-right {
  right: 20px;
  top: 20px; }
.mxt-course.card-type-3 .inner .content {
  padding: 44px 30px 30px; }
  @media only screen and (max-width: 767px) {
	.mxt-course.card-type-3 .inner .content {
	  padding: 44px 20px 20px; } }
  .mxt-course.card-type-3 .inner .content .card-top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px; }
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
	  .mxt-course.card-type-3 .inner .content .card-top {
		flex-wrap: wrap; } }
	@media only screen and (min-width: 768px) and (max-width: 991px) {
	  .mxt-course.card-type-3 .inner .content .card-top {
		flex-wrap: wrap; } }
	@media only screen and (max-width: 767px) {
	  .mxt-course.card-type-3 .inner .content .card-top {
		flex-wrap: wrap; } }
	.mxt-course.card-type-3 .inner .content .card-top .author-meta {
	  margin-right: 10px; }
  .mxt-course.card-type-3 .inner .content .title {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	color: var(--mxcolor-heading); }
  .mxt-course.card-type-3 .inner .content .card-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid var(--mxcolor-border);
	padding-top: 25px;
	flex-wrap: wrap; }
.mxt-course.card-type-3 .card-hover-action {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--mxcolor-primary);
  opacity: 0;
  transition: 0.4s;
  box-shadow: 0px 12px 30px rgba(82, 95, 225, 0.1);
  border-radius: 5px;
  padding: 30px;
  z-index: 2; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.mxt-course.card-type-3 .card-hover-action {
	  padding: 30px 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.mxt-course.card-type-3 .card-hover-action {
	  padding: 30px 20px; } }
  @media only screen and (max-width: 767px) {
	.mxt-course.card-type-3 .card-hover-action {
	  padding: 30px 20px; } }
  .mxt-course.card-type-3 .card-hover-action .content-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px; }
	.mxt-course.card-type-3 .card-hover-action .content-top .top-status-bar .eduvibe-status {
	  background: rgba(255, 255, 255, 0.15);
	  border: 0 none;
	  line-height: 33px; }
	.mxt-course.card-type-3 .card-hover-action .content-top .top-wishlist-bar .wishlist-btn {
	  background: rgba(255, 255, 255, 0.2);
	  backdrop-filter: blur(10px); }
  .mxt-course.card-type-3 .card-hover-action .title {
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 20px; }
	.mxt-course.card-type-3 .card-hover-action .title a {
	  color: var(--mxcolor-white); }
  .mxt-course.card-type-3 .card-hover-action .description {
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 25px; }
  .mxt-course.card-type-3 .card-hover-action .price-list {
	margin-bottom: 25px; }
	.mxt-course.card-type-3 .card-hover-action .price-list .price {
	  color: var(--mxcolor-white); }
	  .mxt-course.card-type-3 .card-hover-action .price-list .price.old-price {
		color: rgba(255, 255, 255, 0.8); }
  .mxt-course.card-type-3 .card-hover-action .hover-bottom-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	flex-wrap: wrap; }
	.mxt-course.card-type-3 .card-hover-action .hover-bottom-content .author-meta .author-title {
	  font-weight: 600;
	  font-size: 16px;
	  line-height: 26px;
	  color: var(--mxcolor-white); }
	.mxt-course.card-type-3 .card-hover-action .hover-bottom-content .edu-meta li {
	  color: var(--mxcolor-white); margin-right: 10px; }
	  .mxt-course.card-type-3 .card-hover-action .hover-bottom-content .edu-meta li i {
		color: var(--mxcolor-white); }
.mxt-course.card-type-3:hover .card-hover-action {
  opacity: 1; }
.mxt-course.card-type-3.variation-2 {
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05); }
  .mxt-course.card-type-3.variation-2 .inner .thumbnail .top-position.left-bottom {
	left: 30px;
	bottom: -13.5px; }
  .mxt-course.card-type-3.variation-2 .inner .edu-meta.meta-01 {
	margin: 0 -10px; }
	.mxt-course.card-type-3.variation-2 .inner .edu-meta.meta-01 li {
	  font-weight: 500;
	  line-height: 26px;
	  margin: 0 10px;
	  display: flex;
	  align-items: center;
	  font-size: 14px; }
  .mxt-course.card-type-3.variation-2 .inner .eduvibe-status.status-03 {
	color: var(--mxcolor-white);
	font-size: 14px;
	font-weight: 600;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	background: var(--mxcolor-primary);
	border-radius: 4px;
	display: inline-block;
	border: 0 none; }
  .mxt-course.card-type-3.variation-2 .inner .content {
	padding: 32px 30px 30px; }
	.mxt-course.card-type-3.variation-2 .inner .content .title {
	  margin-bottom: 20px;
	  font-size: 20px;
	  margin-top: 15px;
	  line-height: 32px; }
	.mxt-course.card-type-3.variation-2 .inner .content p {
	  margin-bottom: 0; }
.mxt-course.card-type-4 {
background-color: var(--mxcolor-shade);
transition: 0.4s; }
.mxt-course.card-type-4 .inner {
  display: flex; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.mxt-course.card-type-4 .inner {
	  display: block; } }
  @media only screen and (max-width: 767px) {
	.mxt-course.card-type-4 .inner {
	  display: block; } }
  .mxt-course.card-type-4 .inner .thumbnail {
	flex-basis: 38.33%; }
	.mxt-course.card-type-4 .inner .thumbnail a {
	  height: 100%;
	  display: block; }
	  .mxt-course.card-type-4 .inner .thumbnail a img {
		height: 100%;
		object-fit: cover; }
		@media only screen and (max-width: 767px) {
		  .mxt-course.card-type-4 .inner .thumbnail a img {
			max-height: 330px; } }
	.mxt-course.card-type-4 .inner .thumbnail .top-position.left-top {
	  left: 10px;
	  top: 10px; }
	.mxt-course.card-type-4 .inner .thumbnail .wishlist-top-right {
	  right: 10px;
	  top: 10px; }
  .mxt-course.card-type-4 .inner .content {
	flex-basis: 61.66%;
	padding: 30px 25px; }
	@media only screen and (min-width: 768px) and (max-width: 991px) {
	  .mxt-course.card-type-4 .inner .content {
		padding: 30px 18px; } }
	@media only screen and (max-width: 767px) {
	  .mxt-course.card-type-4 .inner .content {
		padding: 30px 18px; } }
	.mxt-course.card-type-4 .inner .content .card-top {
	  display: flex;
	  justify-content: space-between;
	  margin-bottom: 20px; }
	.mxt-course.card-type-4 .inner .content .title {
	  margin-bottom: 20px;
	  margin-top: 20px; }
	.mxt-course.card-type-4 .inner .content .card-bottom {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  flex-wrap: wrap; }
.mxt-course.card-type-4:hover {
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
  background-color: var(--mxcolor-white); }
.mxt-course.card-type-4.bg-white {
  background-color: var(--mxcolor-white); }
.mxt-course.card-type-5 {
background: var(--mxcolor-white);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06); }
.mxt-course.card-type-5 .inner {
  padding: 15px 15px 0; }
  .mxt-course.card-type-5 .inner .thumbnail a {
	height: 100%;
	display: block;
	border-radius: 3px; }
	.mxt-course.card-type-5 .inner .thumbnail a img {
	  height: 100%;
	  border-radius: 3px; }
  .mxt-course.card-type-5 .inner .thumbnail .top-position.left-top {
	left: 10px;
	top: 10px; }
  .mxt-course.card-type-5 .inner .thumbnail .wishlist-top-right {
	right: 10px;
	top: 10px; }
  .mxt-course.card-type-5 .inner .content {
	padding: 25px 15px; }
	.mxt-course.card-type-5 .inner .content .card-top {
	  display: flex;
	  justify-content: space-between;
	  margin-bottom: 20px; }
	.mxt-course.card-type-5 .inner .content .title {
	  margin-bottom: 20px;
	  margin-top: 15px; }
	.mxt-course.card-type-5 .inner .content .card-bottom {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  margin-top: 20px; }
.mxt-course.card-type-6 {
background: var(--mxcolor-white);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06); }
.mxt-course.card-type-6 .inner {
  padding: 15px; }
  .mxt-course.card-type-6 .inner .thumbnail {
	margin-bottom: 15px; }
	.mxt-course.card-type-6 .inner .thumbnail a {
	  height: 100%;
	  display: block;
	  border-radius: 3px; }
	  .mxt-course.card-type-6 .inner .thumbnail a img {
		height: 100%;
		border-radius: 3px; }
	.mxt-course.card-type-6 .inner .thumbnail .top-position.left-top {
	  left: 10px;
	  top: 10px; }
  .mxt-course.card-type-6 .inner .content .title {
	margin-bottom: 12px;
	margin-top: 10px;
	font-size: 18px;
	line-height: 28px; }
  .mxt-course.card-type-6 .inner .content p {
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 5px; }
.mxt-course:hover .thumbnail img {
transform: scale(1.1); }
.author-meta {
display: flex;
align-items: center; }
.author-meta .author-thumb {
display: block;
transition: 0.4s; }
.author-meta .author-thumb img {
  height: 34px !important;
  width: 34px !important;
  border-radius: 100%;
  margin-right: 10px;
  display: inline-block !important; }
.author-meta .author-thumb .author-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: var(--mxcolor-heading);
  transition: 0.4s; }
.author-meta .author-thumb:hover .author-title {
  color: var(--mxcolor-primary); }

.eduvibe-status.status-03 {
color: var(--mxcolor-white);
font-size: 14px;
font-weight: 600;
height: 34px;
line-height: 30px;
padding: 0 15px;
background: var(--mxcolor-primary);
border-radius: 2px;
display: inline-block;
border: 2px solid var(--mxcolor-white); }
.eduvibe-status.status-03 a {
color: var(--mxcolor-white);}
.edu-meta.meta-02 {
margin: 0 -20px;
}
.edu-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
}
.edu-meta li {
margin-right: 10px;
}
.edu-meta.meta-01 li{
margin-right: 20px;
}
.price-list.price-style-02 .current-price {
  font-weight: 700;
  font-size: 20px;
  color: var(--mxcolor-heading); }
a.edu-btn.btn-white,
button.edu-btn.btn-white {
background: var(--mxcolor-white);
color: var(--mxcolor-primary);
padding: 10px 25px;
font-size: 16px; }
a.edu-btn.btn-white:hover,
button.edu-btn.btn-white:hover {
  color: var(--mxcolor-white);
  background: var(--mxcolor-secondary); }     
:root {
--mxcolor-primary: #525FE1;
--mxcolor-secondary: #F86F03;
--mxcolor-secondary-alt: #FFF6F4;
--mxcolor-tertiary: #FFA41B;
--mxcolor-tertiary-2: #7152E9;
--mxcolor-dark: #231F40;
--mxcolor-body: #6F6B80;
--mxcolor-heading: #231F40;
--mxcolor-white: #ffffff;
--mxcolor-shape: #EEEEEE;
--mxcolor-shade: #F5F5F5;
--mxcolor-border: #EEEEEE;
--mxcolor-black: #000000;
--border-width: 2px;
--radius-small: 5px;
--radius: 10px;
--radius-big: 16px;
--shadow-primary: 0px 8px 30px rgba(0, 0, 0, 0.04);
--shadow-light: 1px 1px 6px rgba(0,0,0,0.25);
--shadow-lighter: 4px 4px 20px 20px rgba(0,0,0,0.01);
--transition: 0.3s;
--transition-2: 0.7s;
--transition-transform: transform .65s cubic-bezier(.23,1,.32,1);
}

.crs-badge li .soldout-badge {
background-color: var(--mxcolor-custom); }    

.xs-ratting-content{color: var(--mxcolor-custom);}
.xs-ratting-content .review {font-size: 15px;  }
