.elementor-22355 .elementor-element.elementor-element-06677a0{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:056px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}.elementor-22355 .elementor-element.elementor-element-06677a0:not(.elementor-motion-effects-element-type-background), .elementor-22355 .elementor-element.elementor-element-06677a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://telehearts.club/wp-content/uploads/2024/12/Frame-1261155310-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22355 .elementor-element.elementor-element-20a07d6{width:100%;max-width:100%;text-align:left;}.elementor-22355 .elementor-element.elementor-element-20a07d6.elementor-element{--align-self:flex-start;}.elementor-22355 .elementor-element.elementor-element-20a07d6 .elementor-heading-title{font-family:"GE Dinar Two Medium";font-size:64px;color:#00080E;}.elementor-22355 .elementor-element.elementor-element-ac081b8{--display:flex;}@media(max-width:1024px){.elementor-22355 .elementor-element.elementor-element-06677a0{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}}@media(max-width:767px){.elementor-22355 .elementor-element.elementor-element-06677a0{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-22355 .elementor-element.elementor-element-20a07d6 .elementor-heading-title{font-size:42px;}}/* Start custom CSS for shortcode, class: .elementor-element-7938973 */#course-filters {
    background: #FDFFFF;
    border-radius: 25px !important;
    padding: 2px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    width: 350px !important; /* Adjust width as needed */
    height: 700px !important;
    max-width: 100%;
}
.filter-label{
    margin-bottom: 7px !important
}
.filter-button{
    background-color: #083AA9 !important; /* Button color */
    color: #FFFFFF !important; /* Text color */
    font-size: 15px !important; /* Slightly smaller text */
    padding: 8px 16px !important; /* Slightly smaller padding */
    transition: all 0.3s ease !important; /* Smooth transition effect */

    border-radius: 12px !important;
    box-shadow: none !important;
}
.filter-button:hover {
    background-color: #E2ECF7 !important; /* Hover button color */
    color: #083AA9 !important; /* Hover text color */
}

.filter-box input,
.filter-box select {
    width: 100%;
    margin-bottom: 25px;
    padding: 10px;
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    font-size: 14px;
    outline: none;
}

.filter-box h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.filter-box select {
    margin-bottom: 35px;
}

.filter-box .rating-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.stars-containe input{
    position: relative !important;
    top: 12px !important;
}

.stars-container span {
    position: relative;
    top: 7px !important;
    color: #ffa500;
    font-size: 40px !important;
    letter-spacing: 2px;
}
.stars-container label{
    position: relative;
    margin: 5px 0 !important;
    font-size: 21px;
    gap: 15px !important;
    text-transform : px !important;
}


.mobile-filter-btn{
        background-color: #083AA9 !important; /* Button color */
    color: #FFFFFF !important; /* Text color */
    font-size: 15px !important; /* Slightly smaller text */
    padding: 8px 16px !important; /* Slightly smaller padding */
    transition: all 0.3s ease !important; /* Smooth transition effect */
    cursor: pointer !important;
    border-radius: 12px !important;
    border: none;
    box-shadow: none !important; 
}

.mobile-filter-btn:hover{
        background-color: #E2ECF7 !important; /* Hover button color */
    color: #083AA9 !important; /* Hover text color */
}


.close-filter-btn{
    background-color: red !important; /* Button color */
    color: #FFFFFF !important; /* Text color */
    font-size: 15px !important; /* Slightly smaller text */
    padding: 8px 16px !important; /* Slightly smaller padding */
    transition: all 0.3s ease !important; /* Smooth transition effect */
    cursor: pointer !important;
    border-radius: 12px !important;
    border: none;
    box-shadow: none !important; 
}

.close-filter-btn:hover{
        background-color: #E2ECF7 !important; /* Hover button color */
    color: #083AA9 !important; /* Hover text color */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'GE Dinar Two Medium';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://telehearts.club/wp-content/uploads/2024/12/alfont_com_AlFont_com_GE-Dinar-Two-Medium_1E.eot');
	src: url('https://telehearts.club/wp-content/uploads/2024/12/alfont_com_AlFont_com_GE-Dinar-Two-Medium_1E.eot?#iefix') format('embedded-opentype'),
		url('https://telehearts.club/wp-content/uploads/2024/12/alfont_com_AlFont_com_GE-Dinar-Two-Medium_1E.woff2') format('woff2'),
		url('https://telehearts.club/wp-content/uploads/2024/12/alfont_com_AlFont_com_GE-Dinar-Two-Medium_1E.woff') format('woff'),
		url('https://telehearts.club/wp-content/uploads/2024/12/alfont_com_AlFont_com_GE-Dinar-Two-Medium_1E.ttf') format('truetype'),
		url('https://telehearts.club/wp-content/uploads/2024/12/alfont_com_AlFont_com_GE-Dinar-Two-Medium_1E.svg#GEDinarTwoMedium') format('svg');
}
/* End Custom Fonts CSS */