/* Custom CSS */

/* Example: Override main section background color. */
/* body .jupiterx-main {
    background-color: gray;
} */

/* header */
header .nav-container > .e-con-inner .raven-submenu {
    padding: 10px;
}
header .nav-container > .e-con-inner .raven-submenu li a{
	border-radius: 10px;
}
header .nav-container > .e-con-inner .raven-submenu li a:hover{
	font-weight: 600;
}
@media (min-width:1400px) {
    header .nav-container > .e-con-inner{
        width: 1420px;
        max-width: 1420px;
    }
}

/* form */
.contact_message.co_fo_input {
	width: 100%;
	padding: 16px;
	border: 0;
	border-radius: 0;
	color: #999;
	background-color: #eee;
	font-size: 14px;
	-webkit-appearance: none;
	margin-top: 20px;
}

/* course card */
.course-card:hover .hover-section{
        display: block;
}
.course-card .hover-section {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000cc;
    display: none;
    transition: all .5s ease 0s;
    border-radius: 5px;
}
.course-card:hover .hover-section a{
    -webkit-animation: fadeInUp .2s;
    animation: fadeInUp .2s;
}
.course-card .hover-section .elementor-widget-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
/* end course card */


/* card img color on hover */
.card-box:hover img {
    filter: invert(81%) sepia(64%) saturate(2817%) hue-rotate(203deg) brightness(83%) contrast(98%);
}
.card-box:hover .elementor-image-box-title{
    color: #6567AD !important;
}
/*end card img color on hover */






.rib .tutor-meta.etlms-course-enrolled-count-meta{
  height: 40px;
  width: 220px;
  position: relative;
  background: #FAC316;
}
.rib .tutor-meta.etlms-course-enrolled-count-meta:before,
.rib .tutor-meta.etlms-course-enrolled-count-meta:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  height: 50%;
  width: 30px;
  background: inherit;
}
.rib .tutor-meta.etlms-course-enrolled-count-meta:before {
  transform: skewX(-45deg);
}
.rib .tutor-meta.etlms-course-enrolled-count-meta:after {
  transform: skewX(45deg);
  top: 50%;
}
.rib span.tutor-meta-key {
    order: 1;
}




.list-content li:before {
    content: '\F05D ';
    font-family: FontAwesome;
    font-size: 18px;
    color: #6567AD;
    padding-right: 10;
    padding-right: 10px;
}
.list-content ul {
    padding: 0;
    list-style: none;
}

.course-type-card:hover a.elementor-button {
    background: linear-gradient(267deg, #002C51 -15.61%, #6567AD 123.55%);
    color: #fff  !important;
}
.course-type-card a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.get_course_price {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 5px;
    flex-wrap: wrap;
}
.get_course_price del {
    order: 1;
    font-size: 20px;
    font-weight: 600;
    color: rgb(173, 173, 172);
    font-family: 'Poppins';
}
.get_course_price ins {
    font-size: 29px;
    line-height: 34px;
    font-family: 'Poppins';
    color: #6567AD;
    font-weight: 600;
    text-decoration: none;
}
.course-card-title h2.elementor-heading-title.elementor-size-default {
    height: 50px;
    overflow: hidden;
}



    	.combo-course-hm-card-body ul li span {
    	    color: #484848;
    	    display: inline-block;
    	    line-height: normal;
    	    text-align: left;
    	    padding: 2px 8px;
    	    font-weight: 700;
    	    font-size: 8px;
    	    border-radius: 3px;
    	    border: 1px solid #D9D9D9;
    	    background: #f0f0f0;
    	    text-transform: uppercase;
            margin-bottom: 8px;
    	}
    	.combo-course-hm-card-body ul li strong {
    	    font-size: 16px;
    	    color: #2F2F2F;
    	    font-weight: 600;
    	    display: block;
    	}
    	.combo-course-hm-card-body ul {
            margin: 0 0 16px 4px;
            padding-left: 12px;
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 8px;
            list-style: none;
        }
        .combo-course-hm-card-body ul li strong::before {
            content: "";
            display: inline-block;
            width: 8px;
            height: 8px;
            background: #EE224A;
            border-radius: 50%;
            position: absolute;
            top: 38px;
            left: -15px;
        }
        .combo-course-hm-card-body ul li:before {
            content: "";
            display: inline-block;
            width: 1px;
            background: #EE224A;
            position: absolute;
            bottom: 15px;
            left: -12px;
            height: 100%;
        }
         .combo-course-hm-card-body ul li {
            position: relative;
         }
        .combo-course-hm-card-body ul li:first-child::before {
            top: 40px;
        }


button.call-popup-click.combo {
	font-family: "Nunito Sans", Sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #AFAFAF;
	background-color: #F0F0F0;
	border-radius: 0px 0px 5px 5px;
	padding: 12px 24px 12px 24px;
	width: 100%;
	border: 0;
}

.course-type-card:hover button.call-popup-click.combo,
button.call-popup-click.combo:focus,
button.call-popup-click.combo:hover{
	color: #FFFFFF;
	background-color: transparent;
	background-image: linear-gradient(267deg, #002C51 -15.61%, #6567AD 123.55%);
	outline: none;
}
@media (max-width:1024px) {
    .filter-list {
        display: none;
    }
}