/*
Theme Name: eCademy
Theme URI: https://themes.envytheme.com/ecademy
Author: EnvyTheme
Author URI: https://envytheme.com
Description: Elementor LMS & Online Courses Education Theme
Version: 5.2
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ecademy
Tags: education, custom-menu, sticky-post, footer-widgets, featured-images, threaded-comments, translation-ready, right-sidebar
*/
.lp-content-area .single-courses-box {
    width: 100%;
}

.lp-content-area .single-courses-box .courses-image .image img {
    height: 227px;
	width:100%;
}

.lp-content-area .single-courses-box .courses-image .image {
    height: 227px;
}

.lp-content-area .learn-press-courses[data-layout=list] .course {
    border: none;
    margin-bottom: 0;
    padding-top: 0;
}

.lp-content-area .single-courses-box .courses-content .course-author span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lp-content-area .single-courses-box .courses-content h3 a {
    color: #221638;
    height: 60px;
    font-family: 'Recoleta' !important;
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 31px;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    width: 100%;
}
.lp-content-area .pagination {
    justify-content: center;
}
.bodyWrapper .courses-info {
    background: #0d3862;
    padding: 0;
    height: auto;
    border-radius: 12px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}

.bodyWrapper .courses-info p {
    height: auto !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.page-title-content h2 {
    color: #15475F;
}

.page-title-content ul li a {
    color: #15475F;
}

li.item-current.item-246 {
    .page-title-content ul li: last-child;
    color: #15475F;
}

.page-title-content ul li::before {
    background-color: #15475F;
}

a:hover, .section-title .sub-title, .ecademy-nav .navbar .search-box button, .ecademy-nav .navbar .navbar-nav .nav-item a:hover, .ecademy-nav .navbar .navbar-nav .nav-item a:focus, .ecademy-nav .navbar .navbar-nav .nav-item a.active, .ecademy-nav .navbar .navbar-nav .nav-item:hover a, .ecademy-nav .navbar .navbar-nav .nav-item.active a, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a, .ecademy-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a, .ecademy-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .ecademy-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active, .ecademy-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .sub-title, .ecademy-nav .navbar .others-option .cart-btn a:hover, .others-option-for-responsive .option-inner .search-box button, .others-option-for-responsive .option-inner .others-option .cart-btn a:hover, .ecademy-responsive-nav .ecademy-responsive-menu.mean-container .mean-nav ul li a.active, .ecademy-responsive-nav .ecademy-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .ecademy-responsive-nav .ecademy-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active, .ecademy-responsive-nav .ecademy-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .sub-title, .ecademy-responsive-nav .ecademy-responsive-menu.mean-container .search-box button, .ecademy-responsive-nav .ecademy-responsive-menu.mean-container .others-option .cart-btn a:hover, .banner-wrapper-content form label, .banner-wrapper-content .popular-search-list li a:hover, .single-banner-box:hover .icon, .single-box-item .link-btn, .single-features-box .link-btn, .about-content .sub-title, .about-content .features-list li span i, .about-content-box .sub-title, .about-content-box .link-btn, .single-courses-box .courses-image .fav:hover, .single-courses-box .courses-content .course-author span a, .single-courses-box .courses-content .courses-box-footer li i, .single-courses-item .courses-content .fav:hover, .single-courses-item .courses-content .price, .single-courses-item .courses-content .courses-content-footer li i, .single-courses-item-box .courses-image .fav:hover, .single-courses-item-box .courses-content .course-author span, .courses-info p a, .shorting-menu .filter.active, .shorting-menu .filter:hover, .ecademy-grid-sorting .ordering .nice-select .list .option::before, .load-more-btn .load-more, .courses-details-desc .tab-content .courses-curriculum ul li a::before, .courses-details-desc .tab-content .courses-curriculum ul li a .courses-meta .duration, .courses-details-desc .tab-content .courses-curriculum ul li a:hover, .courses-details-info .info li span i, .courses-details-info .info li.price, .courses-details-info .courses-share .share-info span, .courses-details-header .courses-meta ul li span, .courses-details-header .courses-meta ul li a:hover, .courses-details-header .courses-meta ul li a:focus, .courses-details-desc-style-two .why-you-learn ul li span i, .courses-details-desc-style-two .courses-curriculum ul li a::before, .courses-details-desc-style-two .courses-curriculum ul li a .courses-meta .duration, .courses-details-desc-style-two .courses-curriculum ul li a:hover, .courses-sidebar-information .info li span i, .courses-sidebar-information .info li.price, .courses-sidebar-information .courses-share .share-info span, .slogan-content span, .single-advisor-box .advisor-content .sub-title, .single-advisor-item .advisor-content span, .start-with-success-box .content .link-btn, .start-with-success-box .content span, .single-funfacts-box h3, .single-funfacts-item h3, .single-funfacts h3, .feedback-content .sub-title, .feedback-content .feedback-info p a, .single-feedback-item .client-info .title h3, .single-testimonials-item h3, .single-feedback-box .client-info .title h3, .single-testimonials-box h3, .profile-box .content .sub-title, .profile-courses-quizzes .tab-content .table tbody tr td a:hover, .get-instant-courses-content .sub-title, .single-events-box .image .date, .single-events-box .content .location i, .events-details-header ul li i, .events-details-info .info li.price, .events-details-info .btn-box p a, .events-details-info .events-share .share-info span, .single-blog-post .post-content .category:hover, .single-blog-post .post-content .post-content-footer li i, .single-blog-post-item .post-content .category:hover, .single-blog-post-item .post-content .post-content-footer li .post-author span, .single-blog-post-item .post-content .post-content-footer li i, .blog-post-info p a, .single-blog-post-box .post-content .category:hover, .single-blog-post-box .post-content .post-content-footer li .post-author span, .single-blog-post-box .post-content .post-content-footer li i, .blog-details .article-content .entry-meta ul li span, .blog-details .article-content .features-list li i, .blog-details .article-footer .article-share .social li a:hover, .blog-details .article-footer .article-share .social li a:focus, .prev-link-wrapper a:hover .prev-link-info-wrapper, .next-link-wrapper a:hover .next-link-info-wrapper, .view-all-courses-content .sub-title, .teacher-register-box form .default-btn:hover, .premium-access-content .sub-title, .page-title-content ul li a:hover, .subscribe-content .sub-title, .single-products-box .products-content .add-to-cart:hover, .products-details-desc .price, .contact-info .sub-title, .contact-info ul li .icon, .contact-form form .default-btn:hover, .single-footer-widget .footer-links-list li a:hover, .single-footer-widget .footer-contact-info li a:hover, .footer-bottom-area p a, .footer-bottom-area ul li a:hover, .footer-area .calendar_wrap .wp-calendar-nav-prev a:hover, .footer-area .single-footer-widget ul li a:hover, body.single-lp_course.course-item-popup .curriculum-sections .section .section-content .course-item .section-item-link::before, body.single-lp_course.course-item-popup .curriculum-sections .section .section-content .course-item .course-item-meta .item-meta.course-item-status, .learnpress .become-teacher-form .message-info::before, .learnpress #learn-press-checkout-login #checkout-form-login .row a:hover, .learnpress #learn-press-user-profile .learn-press-form-login .row a:hover, .learnpress #learn-press-user-profile .learn-press-form-register .row a:hover, .learnpress .become-teacher-form .form-fields .form-field label span, .single-course-sidebar .widget_lp-widget-popular-courses .course-entry .course-detail a:hover, .single-course-sidebar .widget_lp-widget-popular-courses .course-entry .course-detail h3:hover, .single-course-sidebar .widget_lp-widget-featured-courses .course-entry .course-detail a:hover, .single-course-sidebar .widget_lp-widget-featured-courses .course-entry .course-detail h3:hover, .single-course-sidebar .widget_lp-widget-recent-courses .course-entry .course-detail a:hover, .single-course-sidebar .widget_lp-widget-recent-courses .course-entry .course-detail h3:hover, .sidebar .widget_lp-widget-popular-courses .course-entry .course-detail a:hover, .sidebar .widget_lp-widget-popular-courses .course-entry .course-detail h3:hover, .sidebar .widget_lp-widget-featured-courses .course-entry .course-detail a:hover, .sidebar .widget_lp-widget-featured-courses .course-entry .course-detail h3:hover, .sidebar .widget_lp-widget-recent-courses .course-entry .course-detail a:hover, .sidebar .widget_lp-widget-recent-courses .course-entry .course-detail h3:hover, .lp-user-profile #learn-press-profile-content .learn-press-subtab-content .lp-sub-menu li span, #learn-press-course-curriculum.courses-curriculum ul li a::before, .sidebar .calendar_wrap table #today a, .footer-area .calendar_wrap table #today, .footer-area .single-footer-widget .wp-calendar-nav .wp-calendar-nav-next a:hover, .sidebar .widget_rss ul li .rsswidget:hover, .sidebar .calendar_wrap table th a, .sidebar .calendar_wrap table #today, .wp-block-calendar a, .wp-block-image figcaption a, blockquote a, table td a, dd a, p a, .page-main-content .wp-caption .wp-caption-text a, .blog-details .wp-caption .wp-caption-text a, .blog-details table a, .blog-details .blog-details-content ul li a, .sticky .single-blog-post .post-content .post-content-footer li a:hover, .sticky .single-blog-post .post-content h3 a:hover, .blog-details .blog-details-content .entry-meta li a:hover, .blog-details .blog-details-content ol li a, .wp-block-file a, .blog-details .blog-details-content ol li a, #comments .comment-metadata a:hover, .page-main-content table a, .products_details div.product .woocommerce-product-rating a.woocommerce-review-link:hover, .products_details div.product .product_meta span.sku_wrapper span, .single-language-courses-box .default-btn, .information-content .sub-title, .bbpress-wrapper a, #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name, #bbpress-forums #bbp-single-user-details #bbp-user-navigation a:hover, a.bbp-register-link, a.bbp-lostpass-link, .right-sidebar ul li a:hover, .bbp-author-name:hover, .download-syllabus-form form span.wpcf7-list-item-label a:hover, .preloader .loader .sbl-half-circle-spin, .boxes-info p a, .overview-box .overview-content .sub-title, .single-training-box .link-btn, .experience-content .sub-title, .download-syllabus-form form .form-group .nice-select .list .option::before, #fep-content a, .fep-error a, .about-content .about-list li span:hover i, .single-kindergarten-services-box .content .icon, .single-kindergarten-courses-box .courses-image .fav:hover, .single-blog-item .post-content .category:hover, .events-box .content .location i, .col-lg-3:nth-child(2) .single-selected-ages-box h3, .col-lg-3:nth-child(2) .single-selected-ages-box .ages-number, .tutor-container .tutor-course-loop-title h2 a:hover, .lp-pmpro-membership-list .item-td.item-desc, .lp-pmpro-membership-list .item-td.item-check, .lp-pmpro-membership-list .item-td a:hover, #pmpro_account-profile a, a.ld-enroll-btn {
    color: #15475F;
}

.elementor-246 .elementor-element.elementor-element-0082aec .contact-info h2, .contact-info h3, .contact-info h4, .contact-info h5, .contact-info h5, .contact-info h6, .contact-info h1 {
    color: #F4C341 !important;
}

.elementor-246 .elementor-element.elementor-element-0082aec .contact-info p {
    color: #606060;
}

a {
}

.contact-info a {
    color: #15475F;
}

.contact-info ul li:hover .icon i {
    color: #fff;
}

.contact-area.ptb-100 .contact-form form input, .contact-area.ptb-100 .contact-form form textarea {
    background-color: #fff !important;
    border-color: #15475F !important;
    color: #15475F !important;
}

.contact-form form input::placeholder, .contact-form form ::placeholder {
    color: #15475F !important;
}

.contact-form h2 {
    color: #F4C341 !important;
}

.contact-area.ptb-100 input.wpcf7-form-control.has-spinner.wpcf7-submit.btn-theme {
    background: #F4C341 !important;
}
.page-title-area {
    background-color: #23455c !important;
}

.page-title-content h2 {
    color: #F4C341 !important;
}

.page-title-area .page-title-content ul li a {
    color: #fff;
}

.page-title-area .page-title-content ul li::before {
    background: #fff;
}

.page-title-content ul li:last-child {
    color: #fff;
}


@font-face {
    font-family: 'Recoleta Alt';
    src: url('RecoletaAlt-Thin.eot');
    src: local('Recoleta Alt Thin'), local('RecoletaAlt-Thin'),
        url('RecoletaAlt-Thin.eot?#iefix') format('embedded-opentype'),
        url('RecoletaAlt-Thin.woff2') format('woff2'),
        url('RecoletaAlt-Thin.woff') format('woff'),
        url('RecoletaAlt-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta';
    src: url('Recoleta-Medium.eot');
    src: local('Recoleta Medium'), local('Recoleta-Medium'),
        url('Recoleta-Medium.eot?#iefix') format('embedded-opentype'),
        url('Recoleta-Medium.woff2') format('woff2'),
        url('Recoleta-Medium.woff') format('woff'),
        url('Recoleta-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('RecoletaAlt-SemiBold.eot');
    src: local('Recoleta Alt SemiBold'), local('RecoletaAlt-SemiBold'),
        url('RecoletaAlt-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('RecoletaAlt-SemiBold.woff2') format('woff2'),
        url('RecoletaAlt-SemiBold.woff') format('woff'),
        url('RecoletaAlt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('RecoletaAlt-Medium.eot');
    src: local('Recoleta Alt Medium'), local('RecoletaAlt-Medium'),
        url('RecoletaAlt-Medium.eot?#iefix') format('embedded-opentype'),
        url('RecoletaAlt-Medium.woff2') format('woff2'),
        url('RecoletaAlt-Medium.woff') format('woff'),
        url('RecoletaAlt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('RecoletaAlt-Regular.eot');
    src: local('Recoleta Alt Regular'), local('RecoletaAlt-Regular'),
        url('RecoletaAlt-Regular.eot?#iefix') format('embedded-opentype'),
        url('RecoletaAlt-Regular.woff2') format('woff2'),
        url('RecoletaAlt-Regular.woff') format('woff'),
        url('RecoletaAlt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta';
    src: url('Recoleta-Thin.eot');
    src: local('Recoleta Thin'), local('Recoleta-Thin'),
        url('Recoleta-Thin.eot?#iefix') format('embedded-opentype'),
        url('Recoleta-Thin.woff2') format('woff2'),
        url('Recoleta-Thin.woff') format('woff'),
        url('Recoleta-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('RecoletaAlt-Bold.eot');
    src: local('Recoleta Alt Bold'), local('RecoletaAlt-Bold'),
        url('RecoletaAlt-Bold.eot?#iefix') format('embedded-opentype'),
        url('RecoletaAlt-Bold.woff2') format('woff2'),
        url('RecoletaAlt-Bold.woff') format('woff'),
        url('RecoletaAlt-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('RecoletaAlt-Black.eot');
    src: local('Recoleta Alt Black'), local('RecoletaAlt-Black'),
        url('RecoletaAlt-Black.eot?#iefix') format('embedded-opentype'),
        url('RecoletaAlt-Black.woff2') format('woff2'),
        url('RecoletaAlt-Black.woff') format('woff'),
        url('RecoletaAlt-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('RecoletaAlt-Light.eot');
    src: local('Recoleta Alt Light'), local('RecoletaAlt-Light'),
        url('RecoletaAlt-Light.eot?#iefix') format('embedded-opentype'),
        url('RecoletaAlt-Light.woff2') format('woff2'),
        url('RecoletaAlt-Light.woff') format('woff'),
        url('RecoletaAlt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta';
    src: url('Recoleta-SemiBold.eot');
    src: local('Recoleta SemiBold'), local('Recoleta-SemiBold'),
        url('Recoleta-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('Recoleta-SemiBold.woff2') format('woff2'),
        url('Recoleta-SemiBold.woff') format('woff'),
        url('Recoleta-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta';
    src: url('Recoleta-Regular.eot');
    src: local('Recoleta Regular'), local('Recoleta-Regular'),
        url('Recoleta-Regular.eot?#iefix') format('embedded-opentype'),
        url('Recoleta-Regular.woff2') format('woff2'),
        url('Recoleta-Regular.woff') format('woff'),
        url('Recoleta-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta';
    src: url('Recoleta-Bold.eot');
    src: local('Recoleta Bold'), local('Recoleta-Bold'),
        url('Recoleta-Bold.eot?#iefix') format('embedded-opentype'),
        url('Recoleta-Bold.woff2') format('woff2'),
        url('Recoleta-Bold.woff') format('woff'),
        url('Recoleta-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta';
    src: url('Recoleta-Black.eot');
    src: local('Recoleta Black'), local('Recoleta-Black'),
        url('Recoleta-Black.eot?#iefix') format('embedded-opentype'),
        url('Recoleta-Black.woff2') format('woff2'),
        url('Recoleta-Black.woff') format('woff'),
        url('Recoleta-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Recoleta';
    src: url('Recoleta-Light.eot');
    src: local('Recoleta Light'), local('Recoleta-Light'),
        url('Recoleta-Light.eot?#iefix') format('embedded-opentype'),
        url('Recoleta-Light.woff2') format('woff2'),
        url('Recoleta-Light.woff') format('woff'),
        url('Recoleta-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/*  */

.star-widget input {
	display: none !important;
}

.star-widget label {
	font-size: 20px;
	color: #fff;
	padding: 3px;
	float: right;
	transition: all 0.2s ease;
	cursor: pointer;
}

.star-widget input:not(:checked)~label:hover,
.star-widget input:not(:checked)~label:hover~label {
	color: #F4C341;
	pointer-events: all;
}

input:checked~label {
	color: #F4C341;
}

input#rate-5:checked~label {
	color: #F4C341;
}

.courses-rating .review-stars-rated .review-stars.filled {
	margin-bottom: 0;
	padding-bottom: 0;
	height: auto;
	margin-top: 0px;
	display: flex;
	flex-direction: row-reverse;
}

.courses-rating .review-stars-rated {
	width: 142px;
	height: 34px;
}

/* .page-title-content .rating {
    display: none;
}

.courses-details-desc .nav .nav-item:last-child {
    display: none;
} */

/* div#tab-reviews {
    display: none !important;
} */

.courses-details-desc .nav .nav-item .nav-link:hover, .courses-details-desc .nav .nav-item .nav-link.active {
    color: #0d3862 !important;
    background: #fff !important;
    border-top: 5px solid #0d3862;
    border-radius: 0;
}
.lp-courses-bar .switch-layout {
	display: none !important;
}

/* checkout page layout change */


div#customer_details {
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
}

p.form-row.validate-required {
    margin-top: 20px;
    margin-bottom: 20px !important;
}

p {
    font-family: "Recoleta";
}

h3.title {
    font-family: "Recoleta";
}

a.showcoupon {
    color: #23455c;
}

.woocommerce-checkout #payment {
    background: #f7f6f7;
    width: 100%;
    border-radius: 15px;
    padding-top: 10px;
    padding-bottom: 20px;
	margin-top: 0% !important;
}

span.woocommerce-terms-and-conditions-checkbox-text {}

.woocommerce table.shop_table tbody tr:nth-child(1) td br {
    display: none;
}

td#_sumo_pp_plans_to_choose p br:nth-child(2) {
    display: none;
}

p {
    font-family: "Recoleta";
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    background: #F4C341 !important;
    color: #23455c;
    border: none;
    border-radius: 15px;
    width: 15%;
    padding: 10px 15px;
    /* float: none !important; */
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.terms-modal {
    position: fixed;
    top: 0;
    background: rgb(0 0 0 / 59%);
    left: 0;
    right: 0;
    z-index: 9999;
    height: 100%;
    display: none;
}

.modal-dialogue {
    max-width: 800px;
    background: #fff;
    margin: auto;
    padding: 20px;
    height: 500px;
    overflow: hidden;
    overflow-y: auto;
    transform: translateY(15%);
}

p.title {
    font-size: 19px;
    color: #F4C341;
    font-weight: bold;
}

.modal-dialogue::-webkit-scrollbar {
    display: none;
}

button.btn.subBtn {
    background: #0d3862 !important;
    color: #F4C341;
    padding: 10px 20px;
    font-size: 20px;
}

.order-details {
    /* background: #ebe9eb; */
    padding: 0 20px;
    border-radius: 0;
    /* border-bottom: 1px solid #23455c; */
    /* margin-bottom: 40px; */
}

table {
    background: #fff;
    /* border: none !important; */
    /* border-collapse: collapse !important; */
    width: 50% !important;
}

div#order_review {
    display: flex;
    gap: 0;
    align-items: baseline;
    flex-wrap: wrap;
    border-radius: 5px;
}

td#_sumo_pp_plans_to_choose {
    padding-left: 0;
    vertical-align: baseline;
}

table.shop_table._sumo_pp_orderpp_fields tr td {
    vertical-align: baseline;
    border: none;
}

.page-main-content {
padding-top: 0;
padding-bottom: 0;
}

.container {
max-width: 100%;
padding: 0;
}

form.checkout.woocommerce-checkout .row {
flex-direction: column-reverse;
}

.woocommerce-info {margin: 0;}

.woocommerce table.shop_table {
width: 100% !important;
/* margin-bottom: -2px; */
/* border-top: none !important; */
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1em 2em 1em 4.5em !important;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
font-family: WooCommerce;
content: "\e028";
display: inline-block;
position: absolute;
top: 1em;
left: 2.6em;
}

.product-infor {
display: flex;
flex-direction: column;
}

.woocommerce-billing-fields.billing-details {
max-width: 1270px;
margin: auto;
}

form.checkout.woocommerce-checkout {}

table.shop_table._sumo_pp_orderpp_fields {background: transparent;border: none;}

.woocommerce table.shop_table tbody:first-child tr:first-child td {
border-radius: 5px;
padding-left: 0;
}
td {
border: 1px solid black;
/* border-radius: 10px; */
}

.woocommerce-form-coupon-toggle {
border-bottom: 1px solid #f4c341;
}

div#customer_details .col-lg-6 {
width: 100%;
}

.checkout-area table.shop_table td {
/* border: none; */
border-bottom: none;
border-left: 1px solid #eaedff;
padding-left: 58px;
border-bottom: 1px solid #e8ecef;
padding-top: 20px;
padding-bottom: 20px;
}

table.shop_table._sumo_pp_orderpp_fields tbody tr:last-child {
display: flex;
flex-direction: column;
}

table.shop_table._sumo_pp_orderpp_fields tbody tr:last-child td:first-child {
display: none;
}

td#_sumo_pp_plans_to_choose p {
border: 1px solid #eaedff;
width: 35%;
padding: 15px;
background: #fff;
margin: 0;
border-radius: 15px;
}

td#_sumo_pp_plans_to_choose {display: flex;align-items: center;gap: 20px;}

.page-main-content .entry-content a {
text-decoration: underline !important;
color: #95b4f9;
}

table.shop_table.woocommerce-checkout-review-order-table {
max-width: 71%;
position: relative;
margin-bottom: 30px;
}

tr._sumo_pp_orderpp_payment_details_info {}

tr._sumo_pp_orderpp_payment_details_info {
/* position: absolute; */
background: #fff;
right: -370px;
padding: 20px 28px;
padding-top: 20px;
top: 0;
display: flex;
flex-direction: column;
/* float: right; */
position: absolute;
width: 330px;
border-radius: 15px;
border: 1px solid #eaedff;
}

tfoot {
/* position: relative; */
/* position: absolute; */
/* right: -400px; */
/* top: 0; */
/* width: 400px; */
}

tr._sumo_pp_orderpp_payment_details_info td p:first-child {
display: none;
}

tr._sumo_pp_orderpp_payment_details_info td p {
margin: 0;
}

table.shop_table.woocommerce-checkout-review-order-table {
border-top-left-radius: 15px;
/* border: none; */
/* border-radius: 0; */
/* border-top-left-radius: 15px; */
border-top: none;
border-left: none;
border-right: none;
border-radius: 15px;
}

table.shop_table.woocommerce-checkout-review-order-table thead {
background: #f7f6f7;
/* color: red; */
border-radius: 15px;
}

table.shop_table.woocommerce-checkout-review-order-table thead th {
color: #0a4865;
width: 50%;
border-left: none;
border-right: none;
padding-left: 60px;
font-size: 20px;
}

td.product-name {
display: flex;
/* flex-direction: column; */
flex-wrap: wrap;
gap: 0px;
}

strong.product-quantity {
/* width: 200px; */
margin-left: 7px;
}

td.product-name span {
width: 100%;
color: #858585;
font-weight: 600;
margin-top: 5px;
}

td.product-name {
/* border: none; */
}

.woocommerce-billing-fields.billing-details {
display: none;
}




table {
border-spacing: 0;
border-radius: 15px 12px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}

table th:first-child {
border-radius: 6px 0 0 0;
-moz-border-radius: 6px 0 0 0;
-webkit-border-radius: 6px 0 0 0;
}

table th:last-child {
border-radius: 0 6px 0 0;
-moz-border-radius: 0 6px 0 0;
-webkit-border-radius: 0 6px 0 0;
}

table td:first-child,
.bordered th:first-child {
border-left: medium none;
}

table th {
border-top: medium none;
}

table td,
table th {
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}

table.shop_table.woocommerce-checkout-review-order-table thead {
padding-left: 30px;
}

.form-row.place-order {
padding-top: 0;
}

.form-row.place-order {
padding-top: 0 !important;
}

tr._sumo_pp_orderpp_payment_details_info td p br {
display: none;
}

tr._sumo_pp_orderpp_payment_details_info td p {
display: flex;
align-items: center;
font-weight: 500;
gap: 8px;
}

td#_sumo_pp_plans_to_choose p strong {
font-size: 20px;
}
span.page-numbers.dots {
    display: none;
}

/* course about changes for price and discounted price */

span.origin-price {
    text-decoration: line-through;
    opacity: .5;
    margin-right: 10px;
    font-size: 20px;
}

span.sale-date {
    font-size: 16px;
}
/* new changes course card changes for course curriculum */
.courses-details-area .courses-details-desc .tab-content {
    padding-left: 0;
    padding-right: 0;
}

.curriculum-scrollable .learn-press-courses[data-layout=list] .col-lg-4.col-md-6.lp_course.type-lp_course.status-publish.has-post-thumbnail.hentry.course.program-course {
    padding: 0;
    width: 48% !important;
    flex: none;
    max-width: 100%;
}
/* blogs course card css */
.elementor-widget-eCademy_Posts .single-blog-post {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease-in-out;
    position: relative;
    height: 100%;
	margin-bottom:20px;
}

.elementor-widget-eCademy_Posts .col-lg-4.col-md-6 {
    margin-bottom: 30px;
}
.page-title-area h2,
.page-title-area ul{
    text-align: center !important;
}
.single-blog-post .post-content {
    padding-left: 20px;
    padding-right: 20px;
}

.single-blog-post .post-content h3 {
    font-size: 20px;
    height: 52px;
}
/* blogs banner image set */
.article-image img {
    width: 100%;
}
/* checkout page css */
tr._sumo_pp_orderpp_payment_details_info {
    padding: 0;
    border: none;
}

tr._sumo_pp_orderpp_payment_details_info th {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-left: 1px solid #eaedff;
    border-right: 1px solid #eaedff;
}

tr._sumo_pp_orderpp_payment_details_info td {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-left: 20px !important;
    border: 1px solid #eaeaea !important;
    border-top: none !important;
    border-top-width: 0 !important;
}

.woocommerce table.shop_table td {
}

td.product-name {
    border-bottom: 0 !important;
    border-right: 0;
    border-left: 0;
}

td.product-total {
    border-left: none !important;
    border-right: none;
}

tr.cart-subtotal td {
    border-radius: 0;
}

tr.cart-subtotal th, tfoot th {
    border-radius: 0;
    border-left: none;
    border-right: none;
}

tr.cart-subtotal td, tfoot td {
    border-top: none !important;
    border-left: none !important;
    border-right: none;
    border-top-width: 0 !important;
    /* border: none !important; */
    border-bottom: 1px solid;
}

table th:first-child {
    /* border-top: none !important; */
}

tr.order-total th {
    border-top: none !important;
    padding-left: 56px !important;
}

tr.cart-subtotal th {
    border-top: none !important;
}

td.product-name {
    border-bottom: 1px solid #eaedff !important;
    border-left: none !important;
}

tr.cart-subtotal th {
    padding-left: 56px !important;
}

tr._sumo_pp_orderpp_payable_now_info th {
    padding-left: 56px !important;
    border-top: none !important;
    border-bottom: none !important;
    /* border-bottom-left-radius: 15px !important; */
}

table.shop_table.woocommerce-checkout-review-order-table {
    border-radius: 15px !important;
    border-collapse: initial;
    overflow: hidden;
}

tr._sumo_pp_orderpp_payable_now_info td {
    border-bottom: none !important;
}

th.product-name {
    border-top-left-radius: 15px;
}

table.shop_table.woocommerce-checkout-review-order-table thead {
    border-radius: 15px;
    border-top-left-radius: 15px;
}

th.product-name {
    border: 1px solid;
    border-top-left-radius: 15px !important;
}
.woocommerce-checkout .page-main-content {
    padding-top: 0;
}

.woocommerce-checkout .page-main-content .container {
    max-width: 1440px;
    padding: 0;
}

tr.order-total th {
    border-right: none;
}
.checkout-area .woocommerce-checkout #payment ul.payment_methods li label {
    color: #0a4865;
    color: #16485c;
    font-weight: 600;
    font-size: 25px;
}

.woocommerce-checkout #payment ul.payment_methods {
    border: none;
    padding-bottom: 0;
}

.woocommerce-checkout #payment {
    background: #f8f8f8 !important;
}

button#place_order {
    width: 15% !important;
}

span.woocommerce-terms-and-conditions-checkbox-text a.woocommerce-terms-and-conditions-link {
    color: #505050;
}
table.shop_table._sumo_pp_orderpp_fields {
    border: none !important;
}

label[for="subscribe"] {
    color: #434343;
    font-size: 20px;
}
tr._sumo_pp_orderpp_payable_now_info th {
    border-right: none;
}

th.product-name {
    border-top-left-radius: 15px;
}

table.shop_table.woocommerce-checkout-review-order-table thead th.product-total {
    border-top-right-radius: 15px !important;
    border-left: none;
}
th.product-total {
    border-top-right-radius: 15px !important;
}
table.shop_table.woocommerce-checkout-review-order-table {
    overflow: auto;
    border-collapse: separate;
    border-radius: 15px !important;
}
tr._sumo_pp_orderpp_payable_now_info th {
    border: none;
}

tr._sumo_pp_orderpp_payable_now_info td {
    border-right: none;
}
.woocommerce-info {padding: 1em 2em 1em 4em !important;}
/* rating and category mobile view changes */

@media only screen and (max-width: 767px) {
    .courses-rating .review-stars-rated {
        width: auto;
        height: auto;
    }
    
    .courses-rating .review-stars-rated .review-stars {
        height: auto;
        display: block;
    }
    
    .courses-rating .review-stars-rated .review-stars.filled {
        top: 3px;
    }
    .page-title-content .rating {
        position: static;
    }
    .lp-archive-courses.custom-lp-archive-course {
        right: 0 !important;
        left: 180px;
    }
}
.curriculum-scrollable .learn-press-courses[data-layout=list] {
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    gap: 31px !important;
    height: auto;
}
.elementor-246 .elementor-element.elementor-element-0082aec .contact-info h2, .contact-info h3, .contact-info h4, .contact-info h5, .contact-info h5, .contact-info h6, .contact-info h1 {
    font-family: 'Recoleta' !important;
}
.elementor-246 .elementor-element.elementor-element-0082aec .contact-info p{
    font-family: 'recoleta' !important;
}
.contact-form p {font-family : 'recoleta' !important;}

/* curriculum cards design */
.curriculum-scrollable .learn-press-courses[data-layout=list] {
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    gap: 27px !important;
    height: auto;
	justify-content:space-between;
}
.curriculum-scrollable .single-courses-box .courses-image .image {
    height: 210px !important;
}
@media only screen and (max-width: 767px) {
    .curriculum-scrollable .learn-press-courses[data-layout=list] .col-lg-4.col-md-6.lp_course.type-lp_course.status-publish.has-post-thumbnail.hentry.course.program-course {
        width: 100% !important;
    }
    
.courses-details-desc .nav {
    width: 100% !important;
}
.courses-details-desc .nav .nav-item {
    width: 33% !important;
}
}
.post-content>h3>a {color:#333 !important}
.curriculum-scrollable .single-courses-box .courses-image .image {
    height: 250px !important;
}
#learn-press-course-tabs.course-tabs .curriculum-scrollable .single-courses-box .courses-image .image {
    height: 250px !important;
}
.woocommerce-error{
	display:none !important;
}
body .page-title-area h2, .page-title-area ul {
         text-align: center !important;
        }
        span.lmscourseid {
         width: 200px;
        text-align: right;
        }

.woocommerce form .form-row .input-checkbox {
    display: inline;
    margin: -2px 1px 0 0;
    text-align: center;
    vertical-align: middle
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
   width: auto !important;
}
      @media only screen and (max-width: 850px) {
	.woocommerce-info::before {
		left: 2em;
	}
	td#_sumo_pp_plans_to_choose p {width:100% }
	td#_sumo_pp_plans_to_choose{display:inline-grid}

	.page-main-content {
		padding-top: 0 !important;
	}

	.order-details {
		margin-top: 0;
	}

	.order-details {
		padding: 0;
	}
    tr._sumo_pp_orderpp_payment_details_info {
        right: -20px;
        top: auto;
        margin-top: 30px;
    }
    .woocommerce-checkout #payment {
        margin-top: 85%;
    }
	tr._sumo_pp_orderpp_payment_details_info{
	right: 0px;
    top: auto;
    margin-top: 30px;
    width: 100%;
		  }
	table.shop_table.woocommerce-checkout-review-order-table {
    width: 100%;
    max-width: 100%;
	}
}
.woocommerce-info::before {
    left: 2em;
}
/* css for second checkout page  */


span.origin-price {
    text-decoration: line-through;
    opacity: .5;
    margin-right: 10px;
    font-size: 20px;
}

span.sale-date {
    font-size: 16px;
}

li.wc_payment_method.payment_method_bgsm_payment_gateway p:nth-child(2) {
    display: none;
}

p {}

p {}

ul.wc_payment_methods.payment_methods.methods {
    list-style-type: none;
}

li.wc_payment_method.payment_method_bgsm_payment_gateway {
    list-style-type: none;
}

li.wc_payment_method.payment_method_bgsm_payment_gateway p {
    margin: 0;
    /* color: #F4C341; */
}

li.wc_payment_method.payment_method_bgsm_payment_gateway p br {
    display: none;
}

li.wc_payment_method.payment_method_bgsm_payment_gateway p label {
    color: #F4C341;
    font-size: 16px;
    font-family: 'Recoleta';
}

.form-row p:nth-child(2) {
    display: none;
}

.form-row p:nth-child(4) {
    width: 100%;
}

.form-row {}

.page-main-content p:first-child {
    font-family: 'Recoleta';
}

* {
    font-family: 'Recoleta';
}

p.form-row.validate-required {}

p.form-row.validate-required br {
    display: none;
}

p.form-row.validate-required {}

p {
    font-family: 'Recoleta';
}

.woocommerce-error::before {
    left: 2em;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
	width :100% !important;
}

i.fa.fa-bookmark-o.custom-bookmark-style {
    color: #F4C341;
    font-size: 40px;
    margin-top: 5px;
}

.lp-archive-courses.custom-lp-archive-course {
    display: flex;
    gap: 10px;
}
/* course about page  */

h3 a {
    color: #606060 !important;
}
span.elementor-button-text {
    color: #ffffff;
}
@media only screen and (max-width: 850px) {
	.course-info a {
    display: flex !important;
    width: 50% !important;
}

p.course-name {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    overflow-wrap: break-word !important;
    overflow: visible !important;
    word-break: break-word !important;
}
html body .order-details 
#order_review .woocommerce-checkout-payment.mt-100 {
    margin-top: 80% !important;
}
tr._sumo_pp_orderpp_payment_details_info {
    right: 0 !important;
}
}
.page-title-content h2{
    gap : 7px !important;
}
/* media query added for the tablet */
@media only screen and (max-width: 800px) {
table.shop_table.woocommerce-checkout-review-order-table {
    width: 100% !important;
}

table.shop_table.woocommerce-checkout-review-order-table thead {
    padding-left: 0;
}

table.shop_table.woocommerce-checkout-review-order-table thead th {
    padding-left: 20px;
}

td.product-name,
td.product-total,
tr.cart-subtotal th,
tr.cart-subtotal td,
tr.order-total th,
tr.order-total td,
tr._sumo_pp_orderpp_payable_now_info th,
tr._sumo_pp_orderpp_payable_now_info td{
    padding-left: 20px !important;
}
tr._sumo_pp_orderpp_payment_details_info {
    position: static;
    width: 100% !important;
    /* max-width: 100%; */
    display: table-row;
    margin-top: 0;
    /* vertical-align: inherit; */
}
tr.cart-subtotal th {
    padding-left: 20;
}
tr._sumo_pp_orderpp_payment_details_info th {
    vertical-align: baseline;
}
tr._sumo_pp_orderpp_payment_details_info th {
    display: table-cell;
    border-radius: 0;
    border-width: 1px 0 0;
    border-bottom-left-radius: 20px;
}

form.checkout.woocommerce-checkout tr._sumo_pp_orderpp_payment_details_info td {
    display: table-cell;
    border-radius: 0;
    border-width: 1px 0 0px 0px !important;
    border-bottom-right-radius: 30px;
    border-top-color: #eaedff !important;
}

tr._sumo_pp_orderpp_payment_details_info td p {
    flex-direction: column;
    display: block;
    width: 100%;
}

tr._sumo_pp_orderpp_payment_details_info td p br {
    display: block;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	table.shop_table.woocommerce-checkout-review-order-table {
    width: 40% !important;
    max-width: 100%;
}
	.course-info a {
    display: flex;
    width: 70%;
}
	p.course-name {
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
}
	.course-info {
    font-size: 14px;
    /* white-space: nowrap; */
    display: flex;
    flex-wrap: wrap;
    column-gap: 4px;
}

tr._sumo_pp_orderpp_payment_details_info {
    top: 0 !important;
    right: -380px !important;
    border: 1px solid #eaedff;
    margin-top: 0 !important;
}

}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.courses-details-info .text-center.price {
    margin-top: 30px;
}

.courses-details-info .btn-box {
    margin-top: 20px;
}
	.page-title-area .page-title-content .rating {
		margin-top: 0;
	}
	.courses-details-area .courses-details-desc .tab-content .courses-instructor .single-advisor-box .col-lg-4.col-md-4,
	.courses-details-area .courses-details-desc .tab-content .courses-instructor .single-advisor-box .advisor-image{
    width: 0;
}
	.container.coursesContainer {
    padding: 0;
}

.courses-filter-list a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
	.bodyWrapper .container.coursesContainer {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}
	.bodyWrapper .container:nth-child(4) {
    padding: 0;
}
	
ul.list-unstyled.navList {
    gap: 5px !important;
}
	table.shop_table.woocommerce-checkout-review-order-table {
    max-width: 50%;
}

tr._sumo_pp_orderpp_payment_details_info {
    right: -440px;
    width: 400px;
}
}
a.ham-menu.hover-icon {border-radius: 50% !important;}

/* adding css for notification panel */


.notification-popup {
    background-color: rgb(255, 255, 255) border-bottom-left-radius 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px;
    box-sizing: border-box;
    color: rgb(69, 69, 69);
    display: none;
    font-family: recoleta, "Recoleta Alt", sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 452.5px;
    line-height: 27px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    position: absolute;
    right: 124px;
    text-align: left;
    text-size-adjust: 100%;
    top: 62px;
    unicode-bidi: isolate;
    width: 335px;
    z-index: 99999;
}

body div#notification-popup {
    border-bottom-left-radius:15px !important;
    
    border-bottom-right-radius:15px !important;
}

body .notification-list {
    border-radius:10px;
}

.notification-header h3 {
    margin: 0;
}
body .notification-popup h3 {
    color: #f4c341 !important;
    font-size: 18px !important;
    margin-bottom: 0 !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    font-size:18px !important;
    font-family:"recoleta" !important;
}
.notification-header {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(1, 79, 102) !important;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    box-sizing: border-box;
    color: rgb(244, 195, 65) !important;
    display: block;
    font-family: "Recoleta Alt", sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    height: 52.5px;
    line-height: 27px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    text-align: left;
    text-size-adjust: 100%;
    unicode-bidi: isolate;
    width: 335px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

.notification-list-container {
    box-sizing: border-box;
    color: rgb(69, 69, 69);
    display: block;
    font-family: recoleta, "Recoleta Alt", sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 400px;
    line-height: 27px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    text-size-adjust: 100%;
    unicode-bidi: isolate;
    width: 335px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.notification-list {
    box-sizing: border-box;
    background-color: #fff;
    ;
    color: rgb(69, 69, 69);
    display: block;
    font-family: recoleta, "Recoleta Alt", sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 400px;
    line-height: 27px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    max-height: 400px;
    overflow-y: auto;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    scrollbar-width: none;
    text-align: left;
    text-size-adjust: 100%;
    unicode-bidi: isolate;
    width: 335px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.notification-item.unread {
    background-color: rgb(233, 236, 239);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-sizing: border-box;
    color: rgb(69, 69, 69);
    cursor: pointer;
    display: block;
    font-family: recoleta, "Recoleta Alt", sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 116px;
    line-height: 27px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 10px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    position: relative;
    text-align: left;
    text-size-adjust: 100%;
    transition-behavior: normal;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: background-color;
    transition-timing-function: ease;
    unicode-bidi: isolate;
    width: 315px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.notification-item.read {
    background-color: rgb(250, 249, 246) !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-sizing: border-box;
    color: rgb(69, 69, 69);
    cursor: pointer;
    display: block;
    font-family: recoleta, "Recoleta Alt", sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: auto;
    line-height: 27px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 10px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    position: relative;
    text-align: left;
    text-size-adjust: 100%;
    transition-behavior: normal;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: background-color;
    transition-timing-function: ease;
    unicode-bidi: isolate;
    width: 315px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.notification-title {
    box-sizing: border-box;
    color: rgb(69, 69, 69);
    cursor: pointer;
    display: block;
    font-family: recoleta, "Recoleta Alt", sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: 27px;
    line-height: 27px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: left;
    text-overflow: ellipsis;
    text-size-adjust: 100%;
    text-wrap-mode: nowrap;
    unicode-bidi: isolate;
    white-space-collapse: collapse;
    width: 301px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.notification-content {
    box-sizing: border-box;
    color: rgb(69, 69, 69);
    cursor: pointer;
    display: flow-root;
    font-family: recoleta, "Recoleta Alt", sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: auto;
    line-height: 27px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: left;
    text-overflow: ellipsis;
    text-size-adjust: 100%;
    unicode-bidi: isolate;
    width: 301px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.notification-end {
    align-items: center;
    box-sizing: border-box;
    color: rgb(69, 69, 69);
    cursor: pointer;
    display: flex;
    font-family: recoleta, "Recoleta Alt", sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 18px;
    justify-content: space-between;
    line-height: 27px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-top: 5px;
    text-align: left;
    text-size-adjust: 100%;
    unicode-bidi: isolate;
    width: 301px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.notification-timestamp {
    box-sizing: border-box;
    color: rgb(153, 153, 153);
    cursor: pointer;
    display: block;
    font-family: recoleta, "Recoleta Alt", sans-serif;
    font-size: 12px;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    text-size-adjust: 100%;
    unicode-bidi: isolate;
    width: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.unread-indicator {
    background-color: rgb(244, 195, 65);
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: rgb(255, 255, 255);
    border-right-style: solid;
    border-right-width: 2px;
    border-top-color: rgb(255, 255, 255);
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-top-style: solid;
    border-top-width: 2px;
    box-sizing: border-box;
    color: rgb(69, 69, 69);
    cursor: pointer;
    display: block;
    font-family: recoleta, "Recoleta Alt", sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 14px;
    line-height: 27px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    position: absolute;
    right: -5px;
    text-align: left;
    text-size-adjust: 100%;
    top: -5px;
    width: 14px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.notification-item p {
    box-sizing: border-box;
    color: rgb(102, 102, 102);
    cursor: pointer;
    display: block;
    font-family: recoleta, "Recoleta Alt", sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 21px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-block-end: 5px;
    margin-block-start: 5px;
    margin-bottom: 5px;
    margin-inline-end: 0px;
    margin-inline-start: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
    text-align: left;
    text-size-adjust: 100%;
    unicode-bidi: isolate;
    width: 301px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.read-more {
    font-size: 14px;
    color: #4169E1;
    cursor: pointer;
    text-decoration: underline;
    display: flex;
    justify-content: end;
}

.half-triangle {
    position: absolute;
    right: 11px;
    top: -8px;
    width: 20px;
    height: 20px;
    background: #014f66;
    transform: rotateZ(45deg);

}
p.notification-badge{
    background-color: red;
    border-radius: 50%;
    color: #fff !important;
    font-size: 8px;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px 6px;
    position: absolute;
    top: 0;
    right: 0;
}

.notification-item.expanded{
    height:unset !important;
}
.notification-item.expanded .notification-title{
    height:unset;
}
.notification-item.expanded .notification-content {
  overflow: visible;
  display: block;    
   height:unset !important;
  -webkit-line-clamp: unset; 
}
.notification-item.expanded .notification-content p{
  height:unset;
}

.notification-item .notification-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2; 
  max-height: 3.6em; 
}
.notification-item.expanded .notification-content {
  -webkit-line-clamp: unset;
  max-height: unset;
  overflow: visible;
  display: block;
}

.notification-item.expanded .notification-title {
  height: unset;
}
.notification-item .notification-title {
  overflow: hidden;
  text-overflow: ellipsis; 
  white-space: nowrap;
}

.notification-item .notification-title,
.notification-item .notification-content p {
  margin: 0;
}

.notification-item a{
    font-size:14px;
    color:#0d3862 !important;
}

.notification-item.expanded .notification-title {
    height: unset;
    text-overflow: unset;
    white-space: unset;
}

.notification-item.expanded .notification-title {
    height: unset;
    text-overflow: unset;
    white-space: unset;
}
.notification-item a {
  white-space: nowrap;      
  overflow: hidden;         
  text-overflow: ellipsis;  
  display: block;           
  width: 100%;              
}
.notification-list .notification-item{
    height:min-content !important;
}
body .notification-list .notification-item  .notification-content p{
    height:unset !important;
    margin: 5px 0px !important;
}

.sidemenu-content ul.list-unstyled.subMenu li button img {
    filter: brightness(0) invert(1);
}
ul.list-unstyled.subMenu.show-menu>li {
    justify-content: normal !important;
}
ul.list-unstyled.subMenu.show-menu>li>button {
    font-size: 18px !important;
    font-weight: 400 !important;
}