/*-------------------------
  Modo Obscuro
---------------------------*/
body.dark-mode {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control::-webkit-input-placeholder {
    color: var(--color-white);
}

.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control::-moz-placeholder {
    color: var(--color-white);
}

.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control:-ms-input-placeholder {
    color: var(--color-white);
}

.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control::-ms-input-placeholder {
    color: var(--color-white);
}

.dark-mode .hero-banner .banner-content p,
.dark-mode .popup-mobile-menu .inner .header-top .close-menu .close-button,
.dark-mode .edublink-vue-mobile-popup-menu .inner .header-top .close-menu .close-button,
.dark-mode .header-action .mobile-menu-bar .hamberger-button,
.dark-mode .edu-course .content .course-rating .rating-count,
.dark-mode .edu-course .content .course-meta li,
.dark-mode .event-details .details-content .event-meta li a,
.dark-mode .edu-sorting-area .sorting-right .layout-switcher label,
.dark-mode .course-details-content .course-enroll-box .single-item .login-btn a,
.dark-mode .course-details-3 .nav-tabs .nav-item .nav-link.active,
.dark-mode .course-details-3 .nav-tabs .nav-item .nav-link:hover,
.dark-mode .header-action .search-bar .input-group .form-control,
.dark-mode .team-details-content .main-info .team-meta li,
.dark-mode .team-details-content .main-info .team-meta li .rating-count,
.dark-mode .team-details-content .contact-info ul li span,
.dark-mode .blog-details-content > ul li,
.dark-mode .blog-meta li,
.dark-mode input[type=text],
.dark-mode input[type=password],
.dark-mode input[type=email],
.dark-mode input[type=number],
.dark-mode input[type=tel],
.dark-mode textarea,
.dark-mode a.edu-btn.btn-border,
.dark-mode button.edu-btn.btn-border,
.dark-mode .edu-search-popup .inner .search-form .submit-button,
.dark-mode .edu-search-popup .close-button .close-trigger,
.dark-mode .about-style-3 .about-content .nav-tabs .nav-link,
.dark-mode .isotop-button button,
.dark-mode .blog-meta li a,
.dark-mode .edu-course .hover-content-aside .content .course-feature ul li:before,
.dark-mode .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item,
.dark-mode .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a,
.dark-mode .edu-breadcrumb-area .edu-breadcrumb li.separator i,
.dark-mode .faq-page-nav .nav-tabs .nav-link,
.dark-mode .edu-course-widget.widget-course-summery .content .course-item li,
.dark-mode .event-details .details-content ul li,
.dark-mode .pricing-table .pricing-header .price-wrap .amount,
.dark-mode .pricing-table .pricing-body .list-item li,
.dark-mode .edu-pagination li a,
.dark-mode .product-details-area .content .product-rating .rating-count,
.dark-mode .tag-list a,
.dark-mode .form-group label,
.dark-mode select,
.dark-mode .edu-breadcrumb-area .course-meta li,
.dark-mode .edu-product .inner > .thumbnail .product-hover-info ul li a,
.dark-mode .edu-sorting-area .sorting-right .edu-sorting .icon,
.dark-mode .edu-product .inner .content .product-rating .rating-count,
.dark-mode .edu-blog-widget.widget-categories .category-list li a,
.dark-mode .product-description-nav .nav-item button.nav-link:hover,
.dark-mode .course-details-content .entry-content .course-meta li,
.dark-mode .product-description-nav .nav-item button.nav-link.active,
.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn i,
.dark-mode .product-details-area .content .product-feature li span,
.dark-mode .cart-table thead th,
.dark-mode .cart-table tbody td.product-remove .remove-wishlist,
.dark-mode .pv-demo-counterup .counterup-wrap .edu-counterup .title,
.dark-mode .order-summery .summery-table tbody td,
.dark-mode .order-summery .summery-table .order-total td:last-child,
.dark-mode a,
.dark-mode a.edu-btn:hover,
.dark-mode button.edu-btn:hover,
.dark-mode .course-layout-five-tooltip-content .content .course-feature ul li:before,
.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control,
.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control::placeholder,
.dark-mode .footer-light .copyright-area p,
.dark-mode .header-action .search-bar .input-group .search-btn,
.dark-mode .hero-banner.hero-style-8 .banner-content .banner-search .input-group .search-btn,
.dark-mode .categorie-grid.categorie-style-3 .content .title,
.dark-mode .categorie-area-5 .categorie-grid .content .title,
.dark-mode .edu-course-area .course-style-10 .content .title a,
.dark-mode .header-photography .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu > li > a,
.dark-mode .course-style-11 .content .title a,
.dark-mode .categorie-area-6 .categorie-grid .content .title,
.dark-mode .header-photography .header-mainmenu.edu-sticky .header-action li.icon a,
.dark-mode .hero-style-12.hero-banner .banner-content .banner-btn-video .video-btn span,
.dark-mode .why-choose-area-5 .why-choose-content .features-list li,
.dark-mode .about-style-17 .about-content p,
.dark-mode .about-style-17 .about-content .features-list li,
.dark-mode .hero-style-19 .banner-content .banner-search .input-group .search-btn,
.dark-mode .expert-area-1 .expert-progressbar .single-progressbar .progress-title,
.dark-mode .expert-area-1 .expert-progressbar .single-progressbar .percentCount,
.dark-mode .footer-for-quran-learning .footer-top .description,
.dark-mode .footer-for-quran-learning .footer-top .information-list li,
.dark-mode .footer-for-quran-learning .footer-top .information-list li a,
.dark-mode .footer-for-quran-learning .footer-top .edu-footer-widget .footer-link li a,
.dark-mode .footer-for-quran-learning .copyright-area p,
.dark-mode .benefits-area-1 .process-content .features-wrapper .features-list li,
.dark-mode .header-style-2.gym-tranning-header .header-mainmenu.edu-sticky .mainmenu > li > a,
.dark-mode .header-style-2.gym-tranning-header .header-mainmenu.edu-sticky .header-action li.icon a,
.dark-mode .course-review .review-wrapper .rating-text,
.dark-mode .course-review .review-wrapper span.rating-value,
.dark-mode .course-layout-five-tooltip-content .content .course-rating .rating-count {
    color: var(--color-white);
}

.dark-mode ul li a:hover,
.dark-mode .edu-blog-widget.widget-categories .category-list li a:hover,
.dark-mode a:hover,
.dark-mode a.btn-transparent:hover,
.dark-mode button.btn-transparent:hover,
.dark-mode .course-details-content .course-enroll-box .single-item .login-btn a:hover,
.dark-mode .social-share.icon-transparent li a:hover,
.dark-mode .hero-banner.hero-style-2 .banner-gallery .online-support .inner .content .title a:hover,
.dark-mode .hero-banner.hero-style-4 .banner-gallery .online-support .inner .content .title a:hover,
.dark-mode .edu-team-grid.team-style-3 .content .title a:hover,
.dark-mode .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a:hover,
.dark-mode .popup-mobile-menu .mainmenu li a:hover,
.dark-mode .login-form-box a,
.dark-mode .edu-course.course-style-4 .content .title a:hover,
.dark-mode .faq-page-nav .nav-tabs .nav-link.active,
.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .footer-link a:hover,
.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li a:hover {
    color: var(--color-primary);
}

.dark-mode .section-title .pre-title.pre-textsecondary,
.dark-mode .login-form-box a:hover,
.dark-mode .about-style-3 .about-content .nav-tabs .nav-link:hover,
.dark-mode .about-style-3 .about-content .nav-tabs .nav-link.active {
    color: var(--color-secondary);
}

.dark-mode ul li a,
.dark-mode .edu-course.course-style-5 .content .course-meta li,
.dark-mode .edu-breadcrumb-area.breadcrumb-style-4 .course-meta li,
.dark-mode .pricing-table .pricing-body .list-item li.item-off,
.dark-mode .benefits-area-1 .benefits-wrapper .benefits-content-box .process-content .features-wrapper .features-list li {
    color: var(--color-body);
}

.dark-mode .about-image-gallery .video-box .inner .thumb .popup-icon:hover,
.dark-mode .popup-mobile-menu .inner .header-top .close-menu .close-button:hover,
.dark-mode .edu-product .inner > .thumbnail .product-hover-info ul li a:hover {
    background-color: var(--color-primary);
}

.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover {
    background-color: var(--color-secondary);
}

.dark-mode a.btn-transparent,
.dark-mode button.btn-transparent {
    color: var(--color-textSecondary);
}

.dark-mode .bg-lighten01,
.dark-mode .bg-lighten04,
.dark-mode .counterup-area-2:before,
.dark-mode .hero-banner.hero-style-5,
.dark-mode .edu-course-area.course-area-10,
.dark-mode .hero-style-10,
.dark-mode .testimonial-area-3,
.dark-mode .testimonial-area-9,
.dark-mode .hero-banner.hero-style-6:before,
.dark-mode .team-area-4,
.dark-mode .why-choose-area-2:before,
.dark-mode .team-area-5,
.dark-mode .counterup-area-7,
.dark-mode .contact-form-area,
.dark-mode .hero-banner.hero-style-1,
.dark-mode .brand-area-6,
.dark-mode .course-area-8,
.dark-mode .testimonial-area-10,
.dark-mode .brand-area-2,
.dark-mode .hero-style-11.remote-training,
.dark-mode .remote-brand,
.dark-mode .edu-sorting-area .sorting-right .edu-sorting .edu-select option,
.dark-mode .testimonial-area-12,
.dark-mode .home-programming-course,
.dark-mode .hero-style-18,
.dark-mode .sales-coach-blog,
.dark-mode .faq-style-12,
.dark-mode .expert-area-1,
.dark-mode .features-area-9,
.dark-mode .features-area-11,
.dark-mode .home-gym-course,
.dark-mode .benefits-area-1,
.dark-mode .testimonial-area-19.testimonial-area-19,
.dark-mode .benefits-area-1 .benefits-wrapper .benefits-wrap-one {
    background-color: var(--dark-bg-color);
}

.dark-mode .breadcrumb-style-7 .edu-breadcrumb-wrapper,
.dark-mode .breadcrumb-style-8 .edu-breadcrumb-wrapper {
    background-color: var(--bg-color-2);
}

.dark-mode .photography-about-style::before {
    background: var(--dark-bg-color);
}

.dark-mode .header-motivation .header-action li.icon a.search-trigger,
.dark-mode .header-motivation .header-action li.icon a.cart-icon,
.dark-mode .header-motivation .header-action li.icon button.search-trigger {
    color: var(--color-black);
}

.dark-mode .header-motivation .header-action li.icon a.search-trigger:hover,
  .dark-mode .header-motivation .header-action li.icon a.cart-icon:hover,
  .dark-mode .header-motivation .header-action li.icon button.search-trigger:hover {
    color: var(--color-primary);
}

.dark-mode .header-motivation .header-mainmenu.edu-sticky .header-action li.icon a.search-trigger,
.dark-mode .header-motivation .header-mainmenu.edu-sticky .header-action li.icon a.cart-icon,
.dark-mode .header-motivation .header-mainmenu.edu-sticky .header-action li.icon button.search-trigger {
    color: var(--color-white);
}

.dark-mode .header-motivation .header-mainmenu.edu-sticky .header-action li.icon a.search-trigger:hover,
  .dark-mode .header-motivation .header-mainmenu.edu-sticky .header-action li.icon a.cart-icon:hover,
  .dark-mode .header-motivation .header-mainmenu.edu-sticky .header-action li.icon button.search-trigger:hover {
    color: var(--color-primary);
}

.dark-mode .remote-training .header-right .header-action .search-bar .input-group {
    background: transparent;
    border: 1px solid #333a44;
}

.dark-mode .header-style-7 .header-mainmenu {
    background-color: transparent !important;
}

.dark-mode .header-style-7 .header-mainmenu.edu-sticky {
    background-color: var(--bg-color-2) !important;
}

.dark-mode .header-photography .header-mainmenu .header-right::after {
    background-color: rgba(255, 255, 255, 0.302) !important;
}

.dark-mode .header-photography .header-mainmenu.edu-sticky .header-action .mobile-menu-bar .hamberger-button {
    color: var(--color-white);
}

.dark-mode .header-business .header-brand img.logo-dark {
    display: none !important;
}

.dark-mode .header-business .header-brand img.logo-light {
    display: inline-block !important;
}

.dark-mode .header-style-7.header-business .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu > li > a,
.dark-mode .header-style-7.header-business .header-mainmenu.edu-sticky .header-action li.icon a {
    color: var(--color-white);
}

.dark-mode .header-style-7.header-business .header-action li.header-btn a {
    color: var(--color-black) !important;
}

.dark-mode .header-style-7.header-business .header-action li.header-btn a:hover {
    color: var(--color-white) !important;
}

.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box:before,
.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box:after,
.dark-mode .course-details-content .course-enroll-box .single-item:after,
.dark-mode .edu-counterup.counterup-style-3:after {
    background-color: var(--dark-color-border);
}

.dark-mode .faq-style-1.faq-style-6 .faq-accordion .accordion-item .accordion-body,
.dark-mode .faq-style-6 .faq-accordion .accordion-item .accordion-button.collapsed {
    background-color: var(--bg-color-2);
}

.dark-mode .faq-style-9 .edu-faq-content .faq-accordion .accordion-item .accordion-button::before {
    color: var(--color-white);
}

.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
    border-right: 0.8px solid var(--dark-color-border);
}

.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {
    border-right: 0.8px solid var(--dark-color-border);
}

.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box.counterup-box-1 {
    border-bottom: 0.8px solid var(--dark-color-border);
}

.dark-mode .edu-course-area .course-style-10 .content {
    background: var(--dark-color-bg-body);
}

.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover {
    border-color: var(--color-secondary);
}

.dark-mode .hero-style-13 .banner-content .banner-btn a.edu-btn {
    color: var(--color-heading) !important;
}

.dark-mode .hero-style-13 .banner-content .banner-btn a.edu-btn:hover {
    color: var(--color-white) !important;
}

.dark-mode .hero-style-11 .banner-thumbnail .shape-group li.shape-2 {
    -webkit-filter: opacity(0.2);
    filter: opacity(0.2);
}

.dark-mode .hero-style-16.art-banner,
.dark-mode .home-online-art-course {
    background: var(--dark-bg-color);
}

.dark-mode .hero-style-16.art-banner::before,
.dark-mode .hero-style-16.art-banner .shape-7 img,
.dark-mode .blog-area-11 .shape-group li.shape-3 img {
    -webkit-filter: opacity(0.02);
    filter: opacity(0.02);
}

.dark-mode .features-area-8 .features-grid-wrap-2 .features-box:hover {
    background-color: var(--bg-color-2);
    box-shadow: none;
}

.dark-mode .features-area-10::before {
    background-image: url(../images/bg/dark-bg-image-51.webp);
}

.dark-mode .faq-style-12::before,
.dark-mode .expert-area-1::before {
    background-image: url(../images/bg/dark-bg-image-53.webp);
}

.dark-mode .footer-for-quran-learning .footer-top::before {
    background-image: url(../images/bg/dark-bg-image-53.webp);
}

.dark-mode .home-online-art-course .shape-group li.shape-5 img,
.dark-mode .home-online-art-course .shape-group li.shape-6 img,
.dark-mode .online-art-wrapper .shape-group li.shape-07 img,
.dark-mode .online-art-wrapper .shape-group li.shape-08 img {
    -webkit-filter: opacity(0.03);
    filter: opacity(0.03);
}

.dark-mode .home-online-art-course .shape-group li.shape-3 img {
    -webkit-filter: opacity(0.05);
    filter: opacity(0.05);
}

.dark-mode .gym-tranning-header .header-mainmenu {
    background-color: transparent !important;
}

.dark-mode .header-style-2.gym-tranning-header .header-mainmenu.edu-sticky {
    background-color: var(--bg-color-2) !important;
}

.dark-mode .header-style-2.gym-tranning-header .header-mainmenu.edu-sticky .header-brand img.logo-dark {
    display: none;
}

.dark-mode .header-style-2.gym-tranning-header .header-mainmenu.edu-sticky .header-brand img.logo-light {
    display: block;
}

.dark-mode .faq-style-10 .faq-accordion .accordion-item {
    box-shadow: none;
}

.dark-mode .faq-style-10 .faq-accordion .accordion-item .collapse .accordion-body {
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 10px;
}

.dark-mode .faq-style-10 .faq-accordion .accordion-item .accordion-header .accordion-button {
    background-color: var(--bg-color-2);
    color: var(--color-white);
}

.dark-mode .faq-style-10 .faq-accordion .accordion-item .collapse .accordion-body {
    border-top: 1px solid var(--dark-color-border);
}

.dark-mode .testimonial-area-14 .online-art-testimonial-activation .testimonial-slide.testimonial-style-2 .content {
    box-shadow: none;
}

.dark-mode .testimonial-area-14 .shape-group li.shape-3 span {
    background: -webkit-linear-gradient(rgba(28, 36, 47, 0.3) 0%, rgba(28, 36, 47, 0.04) 100%);
    background: linear-gradient(rgba(28, 36, 47, 0.3) 0%, rgba(28, 36, 47, 0.04) 100%);
}

.dark-mode .home-online-art-course .edu-course {
    background-color: transparent;
}

.dark-mode .edu-course-area .course-style-18 .content {
    background: var(--bg-color-2);
}

.dark-mode .edu-footer.footer-for-online-art .copyright-area {
    border-top: 1px solid var(--dark-color-border);
}

.dark-mode .photography-testimonial .shape-group li.shape-2 img {
    -webkit-filter: brightness(0) saturate(100%) invert(7%) sepia(6%) saturate(4083%) hue-rotate(176deg) brightness(94%) contrast(94%);
    filter: brightness(0) saturate(100%) invert(7%) sepia(6%) saturate(4083%) hue-rotate(176deg) brightness(94%) contrast(94%);
}

.dark-mode .course-area-12 .shape-group li.shape-1 img {
    -webkit-filter: brightness(0) saturate(100%) invert(5%) sepia(58%) saturate(681%) hue-rotate(171deg) brightness(98%) contrast(102%);
    filter: brightness(0) saturate(100%) invert(5%) sepia(58%) saturate(681%) hue-rotate(171deg) brightness(98%) contrast(102%);
}

.dark-mode .language-about .about-image-gallery .shape-group li.shape-2 img,
.dark-mode .faq-style-6 .edu-faq-gallery .shape-group li.shape-4 img {
    -webkit-filter: opacity(1) !important;
    filter: opacity(1) !important;
}

.dark-mode .edu-campus-area .campus-image-gallery .shape-1 span,
.dark-mode .edu-campus-area .campus-content .shape-4 span,
.dark-mode .edu-event-area .shape-group li.shape-2 span,
.dark-mode .edublink-vue-mobile-popup-menu .inner .header-top,
.dark-mode .edublink-vue-mobile-popup-menu .mainmenu li + li,
.dark-mode .about-style-3 .about-image-gallery .shape-group li.shape-4 span,
.dark-mode .home-four-course .shape-group .shape-2 span,
.dark-mode .hero-banner.hero-style-4 .shape-group li.shape-8 span,
.dark-mode .about-style-4 .about-image-gallery .shape-group .shape-4 span,
.dark-mode .why-choose-area-2 .shape-group li.shape-1 span,
.dark-mode .why-choose-area-2 .shape-group li.shape-3 span,
.dark-mode .team-area-5 .shape-group li.shape-3 span,
.dark-mode .team-area-5 .shape-group li.shape-1 span,
.dark-mode .why-choose-area-3 .shape-group li.shape-1 span,
.dark-mode .edu-breadcrumb-area .shape-group li.shape-1,
.dark-mode .edu-breadcrumb-area .shape-group li.shape-4,
.dark-mode .edu-event-list.event-list-2,
.dark-mode .popup-mobile-menu .inner .header-top,
.dark-mode .edu-blog-widget.widget-search .blog-search input,
.dark-mode .login-form-box .form-group input,
.dark-mode .tag-list a,
.dark-mode .edu-product:hover .inner .thumbnail a,
.dark-mode .pro-qty,
.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn,
.dark-mode .product-description-nav,
.dark-mode .product-description-content .comment-area,
.dark-mode .product-details-area .thumbnail,
.dark-mode .checkout-notice .coupn-box,
.dark-mode .order-summery.checkout-summery .summery-table-wrap,
.dark-mode .checkout-billing .form-group select,
.dark-mode .edu-course-widget.widget-course-summery .content .course-item li,
.dark-mode .course-details-content .nav-tabs,
.dark-mode .order-payment,
.dark-mode a.edu-btn.btn-border,
.dark-mode .course-curriculam .course-lesson ul li:first-child,
.dark-mode .course-curriculam .course-lesson ul li,
.dark-mode .course-curriculam .course-lesson,
.dark-mode .social-share li a,
.dark-mode .about-style-3 .shape-group li.shape-6 span,
.dark-mode .footer-dark .copyright-area,
.dark-mode .comment-list-wrapper .comment + .comment,
.dark-mode .course-overview .border-box,
.dark-mode .edu-accordion .accordion-item,
.dark-mode .blog-details-content,
.dark-mode .course-review .border-box,
.dark-mode .course-review .border-box .comment-area,
.dark-mode .edu-blog-widget.widget-latest-post .latest-post,
.dark-mode .contact-form.form-style-2 .form-group input,
.dark-mode .contact-form.form-style-2 .form-group textarea,
.dark-mode .contact-form-area .shape-group li.shape-3 span,
.dark-mode .pv-courses-demo .shape-group li.shape-5 span,
.dark-mode .testimonial-area-4 .swiper-navigation .swiper-btn-nxt,
.dark-mode .testimonial-area-4 .swiper-navigation .swiper-btn-prv,
.dark-mode .course-sidebar-2 .edu-course-widget .inner,
.dark-mode .hero-banner.hero-style-8 .shape-group li.shape-5 span,
.dark-mode .course-area-8 .shape-group li.shape-2 span,
.dark-mode .hero-banner.hero-style-9 .slider .container .shape-group li.shape-1 span,
.dark-mode button.edu-btn.btn-border,
.dark-mode .edu-footer.footer-style-7 .copyright-area,
.dark-mode .edu-course-area.course-area-10 .shape-group li.shape-4 span,
.dark-mode .testimonial-area-10 .shape-group .shape-5 span,
.dark-mode .faq-style-6 .faq-accordion .accordion-item .accordion-button.collapsed,
.dark-mode .testimonial-area-10 .shape-group li.shape-3 span,
.dark-mode .about-counterup .shape-group li.shape-1 span,
.dark-mode .testimonial-area-11 .shape-group li.shape-3 span,
.dark-mode .photography-about-style .shape-group li.shape-8 span,
.dark-mode .hero-style-12.hero-banner .edublink-animated .shape-group li.shape-1 span,
.dark-mode .testimonial-area-12 .shape-group li.shape-2 span,
.dark-mode .hero-style-17 .shape-9 span,
.dark-mode .hero-style-17 .shape-10 span,
.dark-mode .edu-footer.footer-for-digital-marketing,
.dark-mode .edu-footer.footer-for-digital-marketing .copyright-area,
.dark-mode .edu-footer.footer-for-digital-marketing .footer-top .footer-subscription-form input,
.dark-mode .testimonial-area-19 .shape-group li.shape-3 span,
.dark-mode .benefits-area-1 .benefits-wrapper .benefits-content-box .process-content .shape-group li.shape-1 span {
    border-color: var(--dark-color-border);
}

.dark-mode .brand-area-13 .brand-grid-wrap .brand-grid:first-child {
    border-left: none;
}

.dark-mode .pv-demo-counterup .counterup-wrap .edu-counterup.border-end {
    border-color: var(--dark-color-border) !important;
}

.dark-mode .hero-style-10 .banner-content .shape-group li.shape-1 span {
    border-color: rgba(28, 36, 47, 0.2);
}

.dark-mode .hero-style-15.programming-banner::before {
    -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(15%) saturate(6593%) hue-rotate(195deg) brightness(95%) contrast(100%);
    filter: brightness(0) saturate(100%) invert(4%) sepia(15%) saturate(6593%) hue-rotate(195deg) brightness(95%) contrast(100%);
}

.dark-mode .hero-style-15.programming-banner .banner-content .programming-feature-area .feature-course .icon,
.dark-mode .hero-style-15.programming-banner .banner-content .programming-feature-area .feature-instructior .icon {
    background-color: var(--bg-color-2);
}

.dark-mode .about-style-4.programming-about .about-image-gallery .main-img-1 {
    background-color: var(--bg-color-2);
}

.dark-mode .about-style-4.programming-about .about-image-gallery .shape-group .shape-2 img {
    -webkit-filter: opacity(1) !important;
    filter: opacity(1) !important;
}

.dark-mode .hero-style-19 .banner-content .shape-group li.shape-4 img,
.dark-mode .about-style-4.programming-about .about-image-gallery .shape-group .shape-3 img {
    -webkit-filter: opacity(0.1);
    filter: opacity(0.1);
}

.dark-mode .tpd-visible-frame-left .tpd-frame-left:before,
.dark-mode .tpd-visible-frame-right .tpd-frame-left:before,
.dark-mode .tpd-visible-frame-right .tpd-frame-left:after {
    border-right: 13px solid var(--color-black);
}

.dark-mode .motivation-wrapper .edu-cta-banner .section-title .subs-button .btn-medium {
    color: var(--color-black) !important;
}

.dark-mode .motivation-wrapper .edu-cta-banner .section-title .subs-button .btn-medium:hover {
    color: var(--color-white) !important;
}

.dark-mode .about-style-10 .about-image-gallery .video-box .inner .thumb .popup-icon {
    background: transparent;
}

.dark-mode .about-style-10 .about-content .signature img {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(105deg) brightness(108%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(105deg) brightness(108%) contrast(101%);
}

.dark-mode .tpd-visible-frame-right .tpd-frame-right:after {
    border-left: 13px solid var(--color-black);
}

.dark-mode .about-counterup .about-course .about-course-style-2,
.dark-mode .hero-banner.hero-style-8 .banner-content .banner-search .input-group .form-control,
.dark-mode .hero-banner.hero-style-8 .banner-content .banner-search .input-group .search-btn {
    background-color: var(--bg-color-2);
}

.dark-mode .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-1 img {
    filter: opacity(0.03);
    -webkit-filter: opacity(0.03);
}

.dark-mode .video-area-5 .video-gallery .thumbnail .video-play-btn i {
    color: var(--color-secondary);
}

.dark-mode .hero-style-10 .wave-bottom-bg img,
.dark-mode .language-about .about-image-gallery .main-img-3 {
    -webkit-filter: brightness(0) saturate(100%) invert(6%) sepia(10%) saturate(3102%) hue-rotate(176deg) brightness(96%) contrast(93%);
    filter: brightness(0) saturate(100%) invert(6%) sepia(10%) saturate(3102%) hue-rotate(176deg) brightness(96%) contrast(93%);
}

.dark-mode .video-area-5::after {
    -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(6549%) hue-rotate(193deg) brightness(83%) contrast(100%);
    filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(6549%) hue-rotate(193deg) brightness(83%) contrast(100%);
}

.dark-mode .features-area-6::after {
    -webkit-filter: brightness(0) saturate(100%) invert(7%) sepia(8%) saturate(2950%) hue-rotate(173deg) brightness(97%) contrast(95%);
    filter: brightness(0) saturate(100%) invert(7%) sepia(8%) saturate(2950%) hue-rotate(173deg) brightness(97%) contrast(95%);
}

.dark-mode .features-area-7 .features-grid-wrap-2 .features-box {
    box-shadow: none;
    background-color: var(--bg-color-2);
}

.dark-mode .categorie-area-6 .shape-group li.shape-1 img,
.dark-mode .features-area-6 .shape-group li.shape-2 img,
.dark-mode .testimonial-area-11 .shape-group .shape-5 img {
    -webkit-filter: brightness(0) saturate(100%) invert(16%) sepia(6%) saturate(1952%) hue-rotate(178deg) brightness(94%) contrast(92%);
    filter: brightness(0) saturate(100%) invert(16%) sepia(6%) saturate(1952%) hue-rotate(178deg) brightness(94%) contrast(92%);
}

.dark-mode .language-about .about-image-gallery .main-img-wrapper .main-img-inner::after {
    background: var(--dark-color-border);
    opacity: .99;
}

.dark-mode .edu-course-area .course-style-10 .content .title a:hover {
    color: var(--color-primary);
}

.dark-mode .edu-course-area .course-style-22 .content .read-more-btn .edu-btn {
    background-color: transparent;
    border-color: rgba(229, 229, 229, 0.15);
}

.dark-mode .edu-course-area .course-style-22 .content .read-more-btn .edu-btn:hover {
    color: var(--color-white) !important;
}

.dark-mode .hero-style-10 .banner-thumbnail .shape-group li.shape-5 img,
.dark-mode .hero-style-10 .banner-thumbnail .shape-group li.shape-6 img {
    -webkit-filter: opacity(0.05);
    filter: opacity(0.05);
}

.dark-mode .faq-style-6 .edu-faq-gallery .shape-group li.shape-1 span,
.dark-mode .faq-style-6 .edu-faq-gallery .shape-group li.shape-2 span {
    -webkit-filter: opacity(0.05);
    filter: opacity(0.05);
}

.dark-mode .faq-style-9 .nav-pills .nav-link.active {
    color: var(--color-primary);
    background-color: var(--bg-color-2);
}

.dark-mode .faq-style-9 .nav-pills .nav-link {
    color: var(--color-white);
}

.dark-mode .faq-style-9 .edu-faq-content .faq-accordion .accordion-item {
    box-shadow: none;
}

.dark-mode .faq-style-9 .edu-faq-content .faq-accordion .accordion-item .accordion-button {
    color: var(--color-white);
    background-color: transparent;
}

.dark-mode .faq-style-9 .faq-accordion .accordion-item .accordion-body {
    border-radius: 0 0 10px 10px;
}

.dark-mode .hero-style-11::before,
.dark-mode .remote-brand::after,
.dark-mode .faq-style-7::after {
    display: none;
}

.dark-mode .about-counterup .about-course .about-course-style-2 .certificate {
    background-color: #24353c;
}

.dark-mode .hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner p,
.dark-mode .testimonial-area-9 .home-health-testimonial-activator .testimonial-grid .content p,
.dark-mode .event-area-4 .edu-event.event-style-1 .content .event-meta li,
.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .description,
.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .footer-link a,
.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li,
.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li a,
.dark-mode .edu-footer.footer-style-7 .copyright-area a,
.dark-mode .testimonial-area-10 .home-language-testimonial-activator .testimonial-grid .content p,
.dark-mode .about-counterup .about-course .about-course-style-2 .content p,
.dark-mode .photography-about-style .about-content p,
.dark-mode .photography-testimonial .photography-testimonial-activator .testimonial-grid .content p,
.dark-mode .footer-for-photography .description,
.dark-mode .footer-for-photography .information-list li,
.dark-mode .footer-for-photography .information-list li a,
.dark-mode .testimonial-area-12 .testimonial-grid .content p {
    color: var(--color-title);
}

.dark-mode .breadcrumb-style-8 .course-meta li:after {
    background-color: var(--color-white) !important;
}

.dark-mode .hero-style-17.digital-marketing-banner::before {
    background: url(../images/bg/dark-bg-image-45.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.dark-mode .pricing-area-1::before {
    background: url(../images/bg/dark-bg-image-58.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.dark-mode .pricing-area-1 .gym-tab-nav .gym-tab-slider-tabs {
    background-color: #1C242F;
}

.dark-mode .hero-style-17.digital-marketing-banner .banner-content::after {
    background-color: rgba(40, 47, 58, 0.2);
}

.dark-mode .hero-style-17.digital-marketing-banner .banner-content .shape-group li.shape-1 img,
.dark-mode .hero-style-17.digital-marketing-banner .banner-content .shape-group li.shape-5 img,
.dark-mode .breadcrumb-style-8 .shape-group li.shape-6 img {
    -webkit-filter: opacity(0.06);
    filter: opacity(0.06);
}

.dark-mode .hero-style-17.digital-marketing-banner .banner-content .shape-group li.shape-7 img {
    -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(7%) saturate(2%) hue-rotate(92deg) brightness(113%) contrast(100%);
    filter: brightness(0) saturate(100%) invert(99%) sepia(7%) saturate(2%) hue-rotate(92deg) brightness(113%) contrast(100%);
}

.dark-mode .about-style-3.about-style-16 .about-image-gallery .shape-group li.shape-2 img {
    -webkit-filter: opacity(1);
    filter: opacity(1);
}

.dark-mode .about-style-3.about-style-16 .about-image-gallery .main-img-inner::after,
.dark-mode .why-choose-area-5 .why-choose-gallery .video-lesson .inner::after,
.dark-mode .faq-style-11 .edu-faq-gallery .support-question .inner::after {
    background: var(--dark-color-bg-body);
}

.dark-mode .hero-style-17.digital-marketing-banner .banner-content .instructor-info .inner::before {
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.dark-mode .hero-style-20::before {
    background: url(../images/bg/bg-image-54.png);
}

.dark-mode .digital-marketing-course .digital-marketing-course-activation::before {
    background: -webkit-linear-gradient(194deg, rgba(28, 36, 47, 0.4) 19%, rgba(28, 36, 47, 0.9) 63%);
    background: linear-gradient(256deg, rgba(28, 36, 47, 0.4) 19%, rgba(28, 36, 47, 0.9) 63%);
}

.dark-mode .digital-marketing-course .digital-marketing-course-activation::after {
    background: -webkit-linear-gradient(1deg, rgba(28, 36, 47, 0.4) 19%, rgba(28, 36, 47, 0.9) 63%);
    background: linear-gradient(89deg, rgba(28, 36, 47, 0.4) 19%, rgba(28, 36, 47, 0.9) 63%);
}

.dark-mode .digital-marketing-testimonial::before {
    background: url(../images/bg/dark-bg-image-46.webp);
}

.dark-mode .faq-style-11 .faq-accordion .accordion-item .accordion-header .accordion-button {
    background-color: var(--bg-color-2);
    color: var(--color-white);
}

.dark-mode .faq-style-11 .faq-accordion .accordion-item {
    box-shadow: none;
}

.dark-mode .expert-area-1 .expert-progressbar .single-progressbar .progressbar::before {
    background-color: #353C45 !important;
}

.dark-mode .digital-marketing-testimonial .digital-marketing-activator .testimonial-grid .content p {
    color: var(--color-white);
}

.dark-mode .digital-marketing-sytle .content {
    background-color: transparent !important;
}

.dark-mode .benefits-area-1 .shape-group li.shape-1 span {
    border-color: rgba(255, 255, 255, 0.05);
}

.dark-mode .edu-course-area .course-style-22 .content .course-meta li,
.dark-mode .edu-course-area .course-style-22 .content .course-meta li i {
    color: var(--color-white);
}

.dark-mode .testimonial-area-19 .gym-testimonial-activator .swiper-navigation .swiper-btn-nxt,
.dark-mode .testimonial-area-19 .gym-testimonial-activator .swiper-navigation .swiper-btn-prv {
    border-color: rgba(229, 229, 229, 0.15);
}

.dark-mode .hero-style-18::before {
    background: url(../images/bg/dark-bg-image-47.webp);
}

.dark-mode .hero-style-18 .banner-content .shape-group li.shape-1 span {
    border-color: rgba(255, 255, 255, 0.03);
}

.dark-mode .hero-style-19 .social-wrapper .social-wrap a {
    background: -webkit-linear-gradient(194deg, white 0%, white 40%);
    background: linear-gradient(256deg, white 0%, white 40%);
    -webkit-background-clip: text;
    background-clip: text;
}

.dark-mode .hero-style-19 .social-wrapper .social-wrap::after {
    background: -webkit-linear-gradient(194deg, white 0%, white 40%);
    background: linear-gradient(256deg, white 0%, white 40%);
}

.dark-mode .hero-style-19 .banner-content .banner-search .input-group {
    background-color: var(--bg-color-2);
}

.dark-mode .features-area-10 .features-box {
    background-color: var(--bg-color-2);
    box-shadow: none;
}

.dark-mode .course-area-18 .edu-course {
    background-color: transparent;
}

.dark-mode .brand-area-12 .brand-grid-wrap .brand-grid:first-child,
.dark-mode .brand-area-12 .brand-grid-wrap .brand-grid:nth-child(5n) {
    border-left: none;
}

.dark-mode .about-style-17 .section-title .pre-title {
    color: var(--color-primary);
}

.dark-mode .sales-coach-course .edu-course {
    background-color: var(--dark-bg-color);
}

.dark-mode .sales-coach-course .edu-course:hover {
    background-color: var(--color-primary);
}

.dark-mode .sales-coach-course::before {
    background: url(../images/bg/dark-bg-image-50.webp);
    background-repeat: no-repeat;
    background-position: center center;
}

.dark-mode .process-area-1 .process-content .course-list .course-content {
    background-color: var(--bg-color-2);
}

.dark-mode .testimonial-area-18::before {
    background: -webkit-linear-gradient(bottom, rgba(17, 24, 33, 0) 0%, rgba(17, 24, 33, 0.55) 17.44%, rgba(17, 24, 33, 0.85) 35.42%, rgba(17, 24, 33, 0.877041) 47.68%, rgba(17, 24, 33, 0.9) 62.13%, #111821 83.92%);
    background: linear-gradient(0deg, rgba(17, 24, 33, 0) 0%, rgba(17, 24, 33, 0.55) 17.44%, rgba(17, 24, 33, 0.85) 35.42%, rgba(17, 24, 33, 0.877041) 47.68%, rgba(17, 24, 33, 0.9) 62.13%, #111821 83.92%);
}

.dark-mode .testimonial-area-18::after {
    background: -webkit-linear-gradient(top, rgba(17, 24, 33, 0) 0%, rgba(17, 24, 33, 0.55) 17.44%, rgba(17, 24, 33, 0.85) 35.42%, rgba(17, 24, 33, 0.877041) 47.68%, rgba(17, 24, 33, 0.9) 62.13%, #111821 83.92%);
    background: linear-gradient(180deg, rgba(17, 24, 33, 0) 0%, rgba(17, 24, 33, 0.55) 17.44%, rgba(17, 24, 33, 0.85) 35.42%, rgba(17, 24, 33, 0.877041) 47.68%, rgba(17, 24, 33, 0.9) 62.13%, #111821 83.92%);
}

.dark-mode .team-area-8 .edu-team-grid.team-style-1:hover .team-share-info li:first-child a {
    border-color: var(--color-white);
}

.dark-mode .sales-coach-blog::after {
    background: url(../images/bg/dark-sales-blog-bg-2.webp);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.dark-mode .sales-coach-blog .blog-style-2.blog-style-10 .inner .content {
    background-color: var(--bg-color-2);
}

.dark-mode .business-testimonial::before {
    background-image: url(../images/bg/dark-business-testimonial-bg-1.svg);
}

.dark-mode .business-testimonial::after {
    background-image: url(../images/bg/dark-business-testimonial-bg-2.svg);
}

.dark-mode .faq-style-12 .faq-accordion .accordion-item .accordion-button.collapsed {
    background: var(--bg-color-2);
}

.dark-mode .footer-for-sales-coach .copyright-area {
    background-color: rgba(20, 20, 23, 0.4) !important;
}

.dark-mode .brand-area-11 .brand-grid-wrap.brand-style-2 .brand-grid:first-child {
    border-left: none;
}

.dark-mode .edu-course.course-style-15 .inner .course-meta li {
    color: var(--color-title);
    background-color: var(--bg-color-2);
}

.dark-mode .home-programming-course .edu-course {
    background-color: transparent;
}

.dark-mode .edu-course-area .course-style-17 .content {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-course-area .course-style-17 .content .course-meta li {
    color: var(--color-white);
}

.dark-mode .home-gym-course::before {
    background: url(../images/bg/dark-bg-image-57.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.dark-mode .motivation-wrapper::before {
    -webkit-filter: none !important;
    filter: none !important;
}

.dark-mode .testimonial-area-12 .testimonial-grid {
    background-color: transparent;
}

.dark-mode .testimonial-area-12 .shape-group li.shape-6 img {
    -webkit-filter: brightness(0) saturate(100%) invert(10%) sepia(4%) saturate(5649%) hue-rotate(178deg) brightness(91%) contrast(78%);
    filter: brightness(0) saturate(100%) invert(10%) sepia(4%) saturate(5649%) hue-rotate(178deg) brightness(91%) contrast(78%);
}

.dark-mode .swiper-navigation .swiper-btn-nxt,
.dark-mode .swiper-navigation .swiper-btn-prv {
    background: var(--bg-color-2) !important;
}

.dark-mode .swiper-navigation .swiper-btn-nxt img,
.dark-mode .swiper-navigation .swiper-btn-prv img {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.dark-mode .footer-for-photography .copyright-area {
    background-color: var(--dark-color-bg-body);
    border: 1px solid var(--dark-color-border);
}

.dark-mode .edu-footer.gym-footer-style {
    background-color: var(--dark-bg-color) !important;
}

.dark-mode .pv-cta-area .cta-content .button-group .btn-bg-white,
.dark-mode .remote-training-wrapper .edu-cta-banner .section-title .subs-button .btn-medium {
    color: var(--color-black) !important;
}

.dark-mode .remote-training-wrapper .edu-cta-banner .section-title .subs-button .btn-medium:hover {
    color: var(--color-white) !important;
}

.dark-mode .course-style-11 .content {
    background: var(--dark-color-bg-body);
}

.dark-mode .edu-course.course-style-15 {
    background-color: transparent !important;
}

.dark-mode .features-area-5 .features-box:hover .icon {
    border: 7px solid var(--color-white);
}

.dark-mode .features-area-5 .features-box.color-primary-style:hover .icon {
    background-color: var(--color-primary);
    border: 7px solid var(--color-white);
}

.dark-mode .features-area-5 .features-box.color-extra06-style:hover .icon {
    background-color: var(--color-extra06);
}

.dark-mode .features-box,
.dark-mode .edu-course-area.course-area-9 .edu-course.course-style-5 {
    background-color: transparent;
}

.dark-mode .features-area-5 .features-box .icon {
    background-color: #1c242f;
    border: 7px solid #2e353f;
    box-shadow: none;
}

.dark-mode .features-area-5 .features-box .content,
.dark-mode .features-area-11 .features-grid-wrap .features-box {
    background: var(--bg-color-2);
    box-shadow: none;
}

.dark-mode .features-area-8 .features-style-8.active {
    background-color: var(--bg-color-2);
    box-shadow: none;
}

.dark-mode .about-counterup .about-course .about-course-style-2,
.dark-mode .faq-style-6 .faq-accordion .accordion-item .accordion-body,
.dark-mode .video-area-5 .video-gallery .thumbnail img {
    box-shadow: none;
}

.dark-mode .faq-style-10 .faq-accordion .accordion-item {
    background-color: transparent;
}

.dark-mode .faq-style-10 .faq-accordion .accordion-item .accordion-collapse {
    background-color: transparent;
    border-top: 1px solid var(--dark-color-border);
}

.dark-mode .footer-for-online-art .copyright-area,
.dark-mode .footer-for-digital-marketing .copyright-area {
    background-color: var(--bg-color-2) !important;
}

.dark-mode .testimonial-area-9 .bg-thumbnail .shape-group li.shape-4 img {
    -webkit-filter: opacity(0.09);
    filter: opacity(0.09);
}

.dark-mode .testimonial-area-9 .swiper-navigation .swiper-btn-prv,
.dark-mode .testimonial-area-9 .swiper-navigation .swiper-btn-nxt {
    background-color: var(--color-white);
}

.dark-mode .testimonial-area-13 .shape-group li.shape-2 span {
    background: -webkit-linear-gradient(rgba(28, 36, 47, 0.1) 0%, rgba(28, 36, 47, 0.1) 100%);
    background: linear-gradient(rgba(28, 36, 47, 0.1) 0%, rgba(28, 36, 47, 0.1) 100%);
}

.dark-mode .testimonial-area-13 .testimonial-slide .content {
    box-shadow: none;
}

.dark-mode .programming-wrapper .shape-group li.shape-01 span {
    border: 30px solid var(--bg-color-2);
}

.dark-mode .blog-style-1.programming-sytle .content {
    background-color: transparent;
}

.dark-mode .health-coach-wrapper.cta-banner-7 .input-group input {
    background-color: var(--color-white) !important;
}

.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .logo a img.logo-dark {
    display: inline-block;
}

.dark-mode .home-photography-course ul .course-view-all a.edu-btn {
    color: var(--color-heading) !important;
}

.dark-mode .home-photography-course ul .course-view-all a:hover {
    color: var(--color-white) !important;
}

.dark-mode .health-coach-wrapper.cta-banner-7 .input-group input {
    color: var(--color-heading);
}

.dark-mode .cta-banner-7::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(2, 11, 23, 0.8);
    z-index: 1;
}

.dark-mode .categorie-area-5 .container,
.dark-mode .cta-banner-7 .container {
    position: relative;
    z-index: 2;
}

.dark-mode .categorie-area-5::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(2, 11, 23, 0.8);
    z-index: 1;
}

.dark-mode .edu-course-area.course-area-9 ul .course-view-all a.edu-btn {
    color: var(--color-primary) !important;
}

.dark-mode .edu-course-area.course-area-9 ul .course-view-all a.edu-btn:hover {
    color: var(--color-white) !important;
}

.dark-mode {
  /*-------------------
    About Dark Styles
    ---------------------*/
  /*-------------------
    Breadcrumb Dark Styles
    ---------------------*/
  /*-------------------
    Brand Dark Styles
    ---------------------*/
  /*-------------------
    Blog Dark Styles
    ---------------------*/
  /*-------------------
    Call To Action Dark Styles
    ---------------------*/
  /*-------------------
    Categorie Dark Styles
    ---------------------*/
  /*-------------------------
        Counterup Styles  
    --------------------------*/
  /*-------------------------
        Landing Page Dark Styles  
    --------------------------*/
  /*-------------------------
        Course Styles  
    --------------------------*/
  /*-------------------------
        Campus Styles  
    --------------------------*/
  /*-------------------------
        Copyright Styles  
    --------------------------*/
  /*-------------------
    Event Dark Styles
    ---------------------*/
  /*-------------------
    Features Dark Styles
    ---------------------*/
  /*-------------------
    FAQ Dark Styles
    ---------------------*/
  /*-------------------
    Footer Dark Styles
    ---------------------*/
  /*-------------------
    Header Dark Styles
    ---------------------*/
  /*-------------------
    Hero Banner Dark Styles
    ---------------------*/
  /*-------------------
    Instagram Dark Styles
    ---------------------*/
  /*-------------------
    Shop Dark Styles
    ---------------------*/
  /*-------------------
    Team Dark Styles
    ---------------------*/
  /*-------------------
    Testimonial Dark Styles
    ---------------------*/
  /*-------------------
    Video Dark Styles
    ---------------------*/
  /*--------------------------
    why-choose-us Dark Styles
    ----------------------------*/
  /*----------------------------------------
    Coming Soon/Gallery/Pagination Dark Styles
    ------------------------------------------*/
  /*-------------------
    Section Dark Styles
    ---------------------*/
  /*-------------------
    Button Dark Styles
    ---------------------*/
  /*-------------------
    Form Dark Styles
    ---------------------*/
  /*-------------------
    Swiper Slider Dark Styles
    ---------------------*/
}

.dark-mode p {
    color: var(--color-title);
}

.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode .h1, .dark-mode .h2, .dark-mode .h3, .dark-mode .h4, .dark-mode .h5, .dark-mode .h6 {
    color: var(--color-white);
}

.dark-mode .edu-pagination li:hover a {
    color: var(--color-white);
}

.dark-mode #edublink-preloader {
    background: var(--dark-bg-color);
}

.dark-mode #edublink-preloader .preloader-close-btn-wraper .preloader-close-btn {
    background: #1C252F;
    color: var(--color-white);
}

.dark-mode .edu-btn {
    color: var(--color-white) !important;
}

.dark-mode .d-none-shape-dark {
    display: block;
}

.dark-mode .d-block-shape-light {
    display: none;
}

.dark-mode .about-image-gallery .video-box .inner {
    background-color: var(--color-white);
}

.dark-mode .about-image-gallery .video-box .inner .thumb .popup-icon {
    background-color: var(--color-white);
}

.dark-mode .about-style-1 .about-image-gallery .shape-group li.shape-1 img,
  .dark-mode .about-style-2 .about-image-gallery .shape-group li.shape-1 img,
  .dark-mode .about-style-7 .about-image-gallery .shape-group li.shape-1 img,
  .dark-mode .about-style-9 .about-image-gallery .shape-group li.shape-1 img {
    -webkit-filter: opacity(0.06);
    filter: opacity(0.06);
}

.dark-mode .about-style-4 .about-image-gallery .main-img-1 {
    background-color: var(--color-white);
}

.dark-mode .about-style-4 .about-image-gallery .shape-group .shape-2 img {
    -webkit-filter: opacity(0.06);
    filter: opacity(0.06);
}

.dark-mode .about-style-3 .about-image-gallery .shape-group li.shape-2 img {
    -webkit-filter: opacity(0.06);
    filter: opacity(0.06);
}

.dark-mode .about-style-3 .about-content .nav-tabs .nav-item::after {
    background-color: var(--color-extra09);
}

.dark-mode .about-style-6 {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .about-style-6::after {
    -webkit-filter: brightness(0) saturate(100%) invert(6%) sepia(8%) saturate(3633%) hue-rotate(174deg) brightness(95%) contrast(93%);
    filter: brightness(0) saturate(100%) invert(6%) sepia(8%) saturate(3633%) hue-rotate(174deg) brightness(95%) contrast(93%);
}

.dark-mode .about-style-2 .about-image-gallery .author-box .inner {
    background-color: var(--color-white);
}

.dark-mode .about-style-2 .about-image-gallery .author-box .inner .title {
    color: var(--color-black);
}

.dark-mode .about-style-2 .about-image-gallery .award-status .inner .content .subtitle {
    color: var(--color-black);
}

.dark-mode .about-style-8::before {
    background: var(--dark-bg-color);
}

.dark-mode .about-style-8::after {
    border: 1px solid var(--color-extra10);
}

.dark-mode .about-style-8 .about-image-gallery .shape-group li.shape-1 img {
    -webkit-filter: opacity(0.06);
    filter: opacity(0.06);
}

.dark-mode .about-style-8 .about-image-gallery .shape-group li.shape-4 span {
    border: 1px solid var(--color-extra10);
}

.dark-mode .about-content .features-list li {
    color: var(--color-title);
}

.dark-mode .breadcrumb-style-2 .page-title .title {
    color: var(--color-white);
}

.dark-mode .breadcrumb-style-2 .edu-breadcrumb li {
    color: var(--color-white);
}

.dark-mode .breadcrumb-style-2 .edu-breadcrumb li.breadcrumb-item a {
    color: var(--color-white);
}

.dark-mode .breadcrumb-style-2 .edu-breadcrumb li.separator i {
    color: var(--color-white);
}

.dark-mode .breadcrumb-style-5 {
    background: var(--dark-bg-color);
}

.dark-mode .edu-breadcrumb-area {
    background-color: var(--dark-bg-color);
    z-index: -1;
}

.dark-mode .edu-breadcrumb-area .course-meta li::after {
    background-color: var(--color-extra10);
}

.dark-mode .why-choose-box.features-box {
    background-color: var(--bg-color-2);
}

.dark-mode .why-choose-box-2.features-box {
    background-color: var(--bg-color-2);
    box-shadow: none;
}

.dark-mode .why-choose-box-2.features-box .icon {
    color: var(--color-white);
}

.dark-mode .why-choose-box-2.features-box.color-extra08-style:hover .icon {
    color: var(--color-white);
}

.dark-mode .brand-grid-wrap::after {
    background-color: var(--color-extra11);
}

.dark-mode .brand-grid-wrap .brand-grid {
    border-right: 1px solid var(--color-extra11);
}

.dark-mode .brand-grid-wrap .brand-grid:first-child {
    border-left: 1px solid var(--color-extra11);
}

.dark-mode .brand-grid-wrap .brand-grid:nth-child(5n) {
    border-left: 1px solid var(--color-extra11);
}

.dark-mode .brand-grid-wrap .brand-grid:hover {
    box-shadow: var(--shadow-darker);
}

.dark-mode .brand-area-1 .brand-grid-wrap .brand-grid:hover {
    background-color: #232c38;
}

.dark-mode .brand-area-3 .brand-grid-wrap .brand-grid {
    border-right: none;
}

.dark-mode .brand-area-3 .brand-grid-wrap.brand-style-3 .brand-grid {
    background-color: var(--bg-color-2);
    opacity: 1;
}

.dark-mode .brand-area-3 .brand-grid-wrap.brand-style-3 .brand-grid img {
    -webkit-filter: brightness(0) saturate(100%) invert(73%) sepia(0%) saturate(4982%) hue-rotate(288deg) brightness(90%) contrast(90%);
    filter: brightness(0) saturate(100%) invert(73%) sepia(0%) saturate(4982%) hue-rotate(288deg) brightness(90%) contrast(90%);
}

.dark-mode .brand-area-3 .brand-grid-wrap.brand-style-3 .brand-grid:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(71%) saturate(0%) hue-rotate(333deg) brightness(106%) contrast(100%);
    filter: brightness(0) saturate(100%) invert(99%) sepia(71%) saturate(0%) hue-rotate(333deg) brightness(106%) contrast(100%);
}

.dark-mode .brand-area-5::before {
    background-image: url(../images/bg/dark-bg-image-20.svg);
}

@media only screen and (max-width: 991px) {
    .dark-mode .brand-area-5::before {
        background: var(--dark-bg-color);
    }
}

.dark-mode .brand-area-2 .brand-grid-wrap .brand-grid:first-child,
  .dark-mode .brand-area-4 .brand-grid-wrap .brand-grid:first-child,
  .dark-mode .brand-area-5 .brand-grid-wrap .brand-grid:first-child,
  .dark-mode .brand-area-6 .brand-grid-wrap .brand-grid:first-child,
  .dark-mode .brand-area-7 .brand-grid-wrap .brand-grid:first-child,
  .dark-mode .brand-area-4 .brand-grid-wrap .brand-grid:nth-child(5n),
  .dark-mode .brand-area-5 .brand-grid-wrap .brand-grid:nth-child(5n),
  .dark-mode .brand-area-6 .brand-grid-wrap .brand-grid:nth-child(5n),
  .dark-mode .brand-area-7 .brand-grid-wrap .brand-grid:nth-child(5n) {
    border-left: none;
}

@media (max-width: 479px) {
    .dark-mode .brand-area-7 .brand-style-2 .brand-grid:nth-child(3n) {
        border-right: 1px solid #22272e;
    }
}

@media (max-width: 479px) {
    .dark-mode .brand-area-7 .brand-style-2 .brand-grid:last-child {
        border-right: none;
    }
}

.dark-mode .edu-blog .content {
    background-color: var(--bg-color-2);
    box-shadow: none;
}

.dark-mode .edu-blog.blog-style-3 .content::before {
    -webkit-filter: brightness(0) saturate(100%) invert(11%) sepia(21%) saturate(912%) hue-rotate(174deg) brightness(83%) contrast(92%);
    filter: brightness(0) saturate(100%) invert(11%) sepia(21%) saturate(912%) hue-rotate(174deg) brightness(83%) contrast(92%);
}

.dark-mode .edu-blog.blog-style-list {
    background-color: var(--bg-color-2);
}

.dark-mode .blog-meta li::after {
    background-color: var(--color-extra09);
}

.dark-mode .edu-blog-area.blog-area-2::before {
    -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%);
    filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%);
}

.dark-mode .edu-blog-area.blog-area-3 .blog-style-2 .content {
    background-color: transparent;
}

.dark-mode .edu-blog-area.blog-area-3 .blog-style-2 .content .blog-date span {
    color: var(--color-white);
}

.dark-mode .edu-blog-area.blog-area-3 .blog-style-2 .content .blog-meta i {
    color: var(--color-title);
}

.dark-mode .edu-blog-area.blog-area-3 .blog-style-2 .inner .thumbnail .blog-date span {
    color: var(--color-white);
}

.dark-mode .edu-blog-sidebar {
    background-color: var(--bg-color-2);
}

.dark-mode .blog-pagination-list {
    border: 1px solid var(--dark-color-border);
}

.dark-mode .blog-pagination-list:hover {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-cta-banner-area {
    background-color: var(--dark-bg-color);
}

.dark-mode .edu-cta-banner-area::before {
    -webkit-filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%);
    filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%);
}

.dark-mode .university-cta-wrapper.edu-cta-banner-area::before {
    -webkit-filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%) !important;
    filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%) !important;
}

.dark-mode .online-academy-cta-wrapper {
    background-image: none;
    background-color: var(--dark-bg-color);
}

.dark-mode .online-academy-cta-wrapper::before {
    background-image: url(../images/cta/h-4-cta.svg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-filter: brightness(0) saturate(100%) invert(6%) sepia(18%) saturate(1959%) hue-rotate(173deg) brightness(98%) contrast(97%);
    filter: brightness(0) saturate(100%) invert(6%) sepia(18%) saturate(1959%) hue-rotate(173deg) brightness(98%) contrast(97%);
}

.dark-mode .cta-banner-2 {
    background-color: var(--dark-bg-color);
}

.dark-mode .cta-banner-2::before {
    display: none;
}

.dark-mode .cta-banner-2 .shape-group li.shape-5 {
    bottom: 0;
}

.dark-mode .cta-banner-3 {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .cta-banner-3::before {
    -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
}

.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .cta-banner-3 .shape-group li.shape-3 img, .dark-mode .cta-banner-3 .shape-group li.shape-4 img {
    opacity: .65;
}

.dark-mode .cta-area-1 .cta-style-3 .inner .content .subtitle {
    color: var(--color-white);
}

.dark-mode .cta-area-1 .cta-style-3 .inner .content .title {
    color: var(--color-white);
}

.dark-mode .cta-area-1 .cta-style-3 .shape-group li.shape-02 img {
    -webkit-filter: opacity(0.06);
    filter: opacity(0.06);
}

.dark-mode .cta-area-1 .home-one-cta .shape-group li.shape-02 img {
    -webkit-filter: opacity(0.06);
    filter: opacity(0.06);
}

.dark-mode .cta-area-2 .cta-style-2 .inner .content .subtitle {
    color: var(--color-black);
}

.dark-mode .cta-area-2 .cta-style-2 .inner .content .title a {
    color: var(--color-black);
}

.dark-mode .cta-area-2 .cta-style-2 .inner .content .title a:hover {
    color: rgba(24, 24, 24, 0.75);
}

.dark-mode .categorie-grid {
    background-color: var(--bg-color-2);
}

.dark-mode .categorie-grid .content p {
    color: var(--color-title);
}

.dark-mode .categorie-grid:hover .icon {
    color: var(--color-white);
}

.dark-mode .categorie-grid:hover .content .title {
    color: var(--color-white);
}

.dark-mode .categorie-grid:hover .icon svg path {
    stroke: var(--color-white);
}

.dark-mode .categorie-grid.color-primary-style:hover .icon,
    .dark-mode .categorie-grid.color-primary-style:hover .course-remain, .dark-mode .categorie-grid.color-secondary-style:hover .icon,
    .dark-mode .categorie-grid.color-secondary-style:hover .course-remain, .dark-mode .categorie-grid.color-tertiary-style:hover .icon,
    .dark-mode .categorie-grid.color-tertiary-style:hover .course-remain, .dark-mode .categorie-grid.color-extra01-style:hover .icon,
    .dark-mode .categorie-grid.color-extra01-style:hover .course-remain, .dark-mode .categorie-grid.color-extra02-style:hover .icon,
    .dark-mode .categorie-grid.color-extra02-style:hover .course-remain, .dark-mode .categorie-grid.color-extra03-style:hover .icon,
    .dark-mode .categorie-grid.color-extra03-style:hover .course-remain, .dark-mode .categorie-grid.color-extra04-style:hover .icon,
    .dark-mode .categorie-grid.color-extra04-style:hover .course-remain, .dark-mode .categorie-grid.color-extra05-style:hover .icon,
    .dark-mode .categorie-grid.color-extra05-style:hover .course-remain, .dark-mode .categorie-grid.color-extra06-style:hover .icon,
    .dark-mode .categorie-grid.color-extra06-style:hover .course-remain, .dark-mode .categorie-grid.color-extra07-style:hover .icon,
    .dark-mode .categorie-grid.color-extra07-style:hover .course-remain, .dark-mode .categorie-grid.color-extra08-style:hover .icon,
    .dark-mode .categorie-grid.color-extra08-style:hover .course-remain {
    color: var(--color-white);
}

.dark-mode .categorie-grid.color-primary-style:hover .icon, .dark-mode .categorie-grid.color-secondary-style:hover .icon, .dark-mode .categorie-grid.color-tertiary-style:hover .icon, .dark-mode .categorie-grid.color-extra01-style:hover .icon, .dark-mode .categorie-grid.color-extra02-style:hover .icon, .dark-mode .categorie-grid.color-extra03-style:hover .icon, .dark-mode .categorie-grid.color-extra04-style:hover .icon, .dark-mode .categorie-grid.color-extra05-style:hover .icon, .dark-mode .categorie-grid.color-extra06-style:hover .icon, .dark-mode .categorie-grid.color-extra07-style:hover .icon, .dark-mode .categorie-grid.color-extra08-style:hover .icon {
    color: var(--color-white);
}

.dark-mode .categorie-grid.categorie-style-3 {
    background-color: var(--bg-color-2);
}

.dark-mode .categorie-area-3 {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .categorie-area-3::before {
    display: none;
}

.dark-mode .home-four-course::before {
    display: none;
}

.dark-mode .edu-counterup.counterup-style-5 {
    background-color: var(--bg-color-2);
}

.dark-mode .counterup-area-1 .counterup-style-1 {
    background-color: var(--bg-color-2);
    box-shadow: none;
}

.dark-mode .counterup-area-2 .counterup-box-wrap {
    background-color: var(--bg-color-2);
    box-shadow: inherit;
}

.dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup {
    border-radius: 0;
}

.dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
    border-right: 0.8px solid var(--dark-color-border);
}

@media only screen and (max-width: 479px) {
    .dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
        border-right: none;
    }
}

.dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {
    border-right: 0.8px solid var(--dark-color-border);
}

@media only screen and (max-width: 479px) {
    .dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {
        border-right: none;
    }
}

.dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box.counterup-box-1 {
    border-bottom: 0.8px solid var(--dark-color-border);
}

@media only screen and (max-width: 479px) {
    .dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box.counterup-box-1 {
        border-bottom: none;
    }
}

.dark-mode .course-area-3 .isotop-button button {
    background-color: var(--bg-color-2);
}

.dark-mode .course-area-3 .isotop-button button.is-checked, .dark-mode .course-area-3 .isotop-button button:hover {
    background-color: var(--color-secondary);
}

.dark-mode .counterup-area-7 .counterup-box-wrap {
    background-color: var(--bg-color-2);
}

.dark-mode .counterup-area-8 .shape-group li.shape-1 img {
    -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
}

.dark-mode .counterup-style-4,
  .dark-mode .counterup-area-14 .counterup-style-14 {
    background-color: var(--bg-color-2);
    box-shadow: none;
}

.dark-mode .counterup-style-6 .icon,
  .dark-mode .counterup-style-6 .count-number,
  .dark-mode .counterup-style-6 .title {
    color: var(--color-white);
}

.dark-mode .pv-demo-counterup .counterup-wrap {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-sorting-area .sorting-right .edu-sorting .edu-select {
    background-color: var(--bg-color-2);
}

.dark-mode .pv-demo-area .single-demo .inner {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-course {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-course .thumbnail .duration {
    color: var(--color-white);
}

.dark-mode .edu-course .inner .content .course-meta li::after {
    background-color: var(--color-extra09);
}

.dark-mode .edu-course .course-hover-content .content .course-level {
    background-color: var(--color-white);
    color: var(--color-black);
}

.dark-mode .edu-course .course-hover-content .content .title {
    color: var(--color-white);
}

.dark-mode .edu-course .course-hover-content .content .course-rating .rating-count {
    color: var(--color-white);
}

.dark-mode .edu-course .course-hover-content .content .course-price {
    color: var(--color-white);
}

.dark-mode .edu-course .course-hover-content .content p {
    color: var(--color-white);
}

.dark-mode .edu-course .course-hover-content .content .course-meta li {
    color: var(--color-white);
}

.dark-mode .edu-course .course-hover-content .content .course-meta li i {
    color: var(--color-white);
}

.dark-mode .edu-course .course-hover-content .content .btn-secondary {
    color: var(--color-white);
}

.dark-mode .edu-course .course-hover-content .content .btn-secondary:hover {
    color: var(--color-black) !important;
}

.dark-mode .edu-course.course-style-3::before {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-course.course-style-3 .inner .content {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-course.course-style-4:hover .content .course-price {
    color: var(--color-white);
}

.dark-mode .edu-course.course-style-4:hover .content .title a {
    color: var(--color-white);
}

.dark-mode .edu-course.course-style-4:hover .content .course-rating .rating-count {
    color: var(--color-white);
}

.dark-mode .edu-course.course-style-4:hover .content .course-meta li {
    color: var(--color-white);
}

.dark-mode .edu-course.course-style-4:hover .content .course-meta li::after {
    background-color: var(--color-title);
}

.dark-mode .edu-course.course-style-4:hover .content .course-meta li i {
    color: var(--color-white);
}

.dark-mode .edu-course.course-style-5 .inner .content .price-round {
    color: var(--color-white);
}

.dark-mode .edu-course.course-style-6 {
    background-color: var(--dark-bg-color);
}

.dark-mode .edu-course.course-style-6 .content {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-course.course-style-6 .thumbnail .price-round {
    color: var(--color-white);
}

.dark-mode .edu-course.course-style-7 .thumbnail .course-price.price-round {
    background-color: var(--color-white);
}

.dark-mode .edu-course.course-style-7 .content .course-level,
    .dark-mode .edu-course.course-style-7 .content .title {
    color: var(--color-white);
}

.dark-mode .edu-course.course-style-7 .content .course-meta li {
    color: var(--color-white);
}

.dark-mode .edu-course.course-style-7 .content .course-meta li::after {
    background-color: #a19c9c;
}

.dark-mode .edu-course.course-style-7 .content .course-meta li i {
    color: var(--color-white);
}

.dark-mode .edu-course.course-style-7 .content p {
    color: var(--color-white);
}

.dark-mode .edu-course.course-style-8:hover .content .course-price, .dark-mode .edu-course.course-style-4:hover .content .course-price {
    color: var(--color-white);
}

.dark-mode .edu-course.course-style-8 .hover-content-aside .content:before, .dark-mode .edu-course.course-style-4 .hover-content-aside .content:before {
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    border-bottom: 13px solid var(--dark-bg-color);
}

.dark-mode .edu-course.course-style-14:hover {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-course.course-style-9:hover {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-course .hover-content-aside .content {
    background-color: var(--dark-bg-color);
}

.dark-mode .edu-course .hover-content-aside .content::before {
    border-right: 13px solid var(--dark-bg-color);
}

.dark-mode .bg-lighten03 {
    background-color: var(--dark-bg-color);
}

.dark-mode .tpd-tooltip .tpd-content-relative-padder {
    background-color: var(--dark-bg-color);
}

.dark-mode .tpd-tooltip .tpd-content-relative-padder .content .button-group .edu-btn {
    color: var(--color-white) !important;
}

.dark-mode .course-area-1 .edu-course-widget {
    background-color: var(--bg-color-2);
}

.dark-mode .course-area-4 {
    background-color: var(--dark-bg-color);
}

.dark-mode .course-area-7::before {
    -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
}

.dark-mode .course-area-7 .shape-group li img {
    opacity: .65;
}

.dark-mode .pv-course-details-area {
    background-color: var(--dark-bg-color);
}

.dark-mode .pv-course-details-area::before {
    display: none;
}

.dark-mode .pv-courses-demo .shape-group li.shape-2 img {
    -webkit-filter: opacity(0.06);
    filter: opacity(0.06);
}

.dark-mode .course-sidebar-2 {
    background-color: var(--dark-bg-color);
}

.dark-mode .course-sidebar-3 .edu-course-widget {
    background-color: var(--bg-color-2);
}

.dark-mode .course-sidebar-3 .edu-course-widget.widget-course-summery .thumbnail .play-btn {
    background-color: var(--color-white);
}

.dark-mode .course-sidebar-3 .edu-course-widget.widget-course-summery .thumbnail .play-btn:hover {
    color: var(--color-secondary);
}

.dark-mode .course-sidebar-3 .edu-blog-widget {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-course-widget {
    background-color: var(--bg-color-2);
}

.dark-mode .course-curriculam .course-lesson ul li {
    background-color: var(--dark-color-bg-body);
    color: var(--color-white);
}

.dark-mode .course-curriculam .course-lesson ul li:hover {
    color: var(--color-primary);
}

.dark-mode .course-review .rating-box {
    background: var(--bg-color-2);
}

.dark-mode .course-review .review-wrapper .progress {
    background-color: var(--bg-color-2);
}

.dark-mode .course-review .comment-form-area .rating-icon .rating i {
    color: var(--dark-footer-text);
}

.dark-mode .course-details-area .entry-content .thumbnail .video-play-btn {
    background-color: var(--color-white);
    color: var(--color-secondary);
}

.dark-mode .course-details-area .entry-content .thumbnail .video-play-btn:hover {
    background-color: var(--color-secondary);
    color: var(--color-white);
}

.dark-mode .course-details-content .course-enroll-box {
    background-color: var(--bg-color-2);
}

.dark-mode .course-details-content .entry-content .course-meta li::after {
    background-color: var(--color-extra10);
}

.dark-mode .tag-list a:Hover {
    color: var(--color-white);
}

.dark-mode .edu-blog-widget.widget-action .inner {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .edu-blog-widget.widget-action .inner::before {
    background-image: url(../images/others/dark-shape-21.png);
}

.dark-mode .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .title {
    color: var(--color-white);
}

.dark-mode .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span {
    color: var(--color-white);
}

.dark-mode .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span::after {
    background-color: var(--color-white);
}

.dark-mode .course-details-3 .course-curriculam .edu-accordion .accordion-item {
    border: 1px solid var(--dark-color-border);
}

.dark-mode .course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button::after {
    color: var(--color-white);
}

.dark-mode .edu-campus-area .campus-image-gallery .shape-2 img {
    -webkit-filter: opacity(0.06);
    filter: opacity(0.06);
}

.dark-mode .edu-campus-area .campus-content {
    background-color: var(--bg-color-2);
    box-shadow: none;
}

@media only screen and (max-width: 575px) {
    .dark-mode .edu-campus-area .campus-content {
        background-color: transparent;
    }
}

.dark-mode .edu-campus-area .campus-content .shape-5 span {
    opacity: 0.1;
}

.dark-mode .footer-lighten .copyright-area {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .footer-lighten .copyright-area a {
    color: var(--color-primary);
}

.dark-mode .footer-lighten p,
  .dark-mode .footer-lighten li,
  .dark-mode .footer-lighten a {
    color: var(--color-title);
}

.dark-mode .edu-event .inner .content {
    background-color: var(--bg-color-2);
}

.dark-mode .event-area-3::before {
    -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
}

.dark-mode .event-area-3 .edu-event-list {
    background-color: var(--bg-color-2);
}

.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .title {
    color: var(--color-white);
}

.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .title a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .event-meta li {
    color: var(--color-white);
}

.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .event-meta li i {
    color: var(--color-white);
}

.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .event-location {
    color: var(--color-white);
}

.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .event-location i {
    color: var(--color-white);
}

.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content p {
    color: var(--color-white);
}

.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .edu-btn {
    color: var(--color-heading) !important;
}

.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .edu-btn:hover {
    color: var(--color-white) !important;
}

.dark-mode .event-area-3 .edu-event-list.bg-style-primary .content .edu-btn.btn-medium:hover {
    color: var(--color-heading) !important;
}

.dark-mode .event-area-3 .shape-group li img {
    opacity: .65;
}

.dark-mode .edu-event-list {
    background-color: transparent;
}

.dark-mode .features-box .content p {
    color: var(--color-title);
}

.dark-mode .features-box.features-style-2 .content .title {
    color: var(--color-white);
}

.dark-mode .features-box.features-style-4:hover .icon {
    color: var(--color-white);
}

.dark-mode .features-box.color-primary-style:hover .icon {
    color: var(--color-white);
}

.dark-mode .features-box.color-secondary-style:hover .icon {
    color: var(--color-white);
}

.dark-mode .features-box.color-extra05-style:hover .icon {
    color: var(--color-white);
}

.dark-mode .features-box.color-extra08-style:hover .icon {
    color: var(--color-white);
}

.dark-mode .features-box.color-extra02-style:hover .icon {
    color: var(--color-white);
}

.dark-mode .features-box.color-extra03-style:hover .icon {
    color: var(--color-white);
}

.dark-mode .features-box.color-extra04-style:hover .icon {
    color: var(--color-white);
}

.dark-mode .features-area-1 .features-box {
    background-color: var(--bg-color-2);
    box-shadow: none;
}

.dark-mode .features-area-1 .features-box:hover .icon svg path {
    stroke: var(--color-white);
}

.dark-mode .features-area-1 .features-box .content p {
    color: var(--color-title);
}

.dark-mode .features-area-3 .features-grid-wrap {
    background-color: var(--bg-color-2);
    box-shadow: none;
}

.dark-mode .faq-accordion .accordion-item {
    background-color: var(--bg-color-2);
    color: var(--color-white);
}

.dark-mode .faq-accordion .accordion-item .accordion-button {
    color: var(--color-white);
}

.dark-mode .faq-accordion .accordion-item .accordion-button::before {
    color: var(--color-white);
}

.dark-mode .faq-accordion .accordion-item .accordion-button.collapsed {
    color: var(--color-white);
}

.dark-mode .faq-accordion .accordion-item .accordion-button.collapsed::before {
    color: var(--color-white);
}

.dark-mode .faq-accordion .accordion-item .accordion-body {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-faq-gallery .shape-group li.shape-4 img {
    -webkit-filter: opacity(0.06);
    filter: opacity(0.06);
}

.dark-mode .faq-style-2 {
    background-color: var(--dark-bg-color);
}

.dark-mode .faq-style-2::before {
    display: none;
}

.dark-mode .faq-style-2 .edu-faq-gallery .shape-group .shape-3 img,
    .dark-mode .faq-style-2 .edu-faq-gallery .shape-group .shape-5 img {
    -webkit-filter: opacity(0.08);
    filter: opacity(0.08);
}

.dark-mode .faq-style-2 .edu-faq-gallery .shape-group .shape-6 img {
    -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(310deg) brightness(54%) contrast(36%);
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(310deg) brightness(54%) contrast(36%);
}

.dark-mode .faq-style-3 .edu-faq-gallery .thumbnail-1 {
    background-color: var(--color-white);
}

.dark-mode .faq-style-4 .faq-accordion .accordion-item .accordion-button {
    color: var(--color-white);
}

.dark-mode .faq-style-4 .faq-accordion .accordion-item .accordion-button::before {
    color: var(--color-white);
}

.dark-mode .faq-page-tab-content::after {
    -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
}

.dark-mode .edu-footer .footer-dark .widget-title {
    color: var(--color-white);
}

.dark-mode .edu-footer.footer-style-1 {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-footer.footer-style-1 .footer-top .edu-footer-widget .logo a img.logo-light {
    display: none;
}

.dark-mode .edu-footer.footer-style-1 .footer-top .edu-footer-widget .logo a img.logo-dark {
    display: inline-block;
}

.dark-mode .edu-footer.footer-style-1 .copyright-area {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .edu-footer.footer-style-2 {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-footer.footer-style-2 .footer-top .edu-footer-widget .logo a img.logo-light {
    display: inline-block;
}

.dark-mode .edu-footer.footer-style-3 {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .edu-footer.footer-style-3 .edu-footer-widget .logo a img.logo-light {
    display: inline-block;
}

.dark-mode .edu-footer.footer-style-3 .edu-footer-widget .widget-title {
    color: var(--color-white);
}

.dark-mode .edu-footer.footer-style-6 {
    background: var(--dark-color-bg-body);
}

.dark-mode .edu-footer.footer-style-6 .footer-top .edu-footer-widget .widget-title {
    color: var(--color-white);
}

.dark-mode .edu-footer .edu-footer-widget .footer-link li a {
    color: var(--color-title);
}

.dark-mode .edu-footer .edu-footer-widget .footer-link li a:hover {
    color: var(--color-primary);
}

.dark-mode .edu-footer .edu-footer-widget .logo a img.logo-light {
    display: none;
}

.dark-mode .edu-footer .edu-footer-widget .logo a img.logo-dark {
    display: inline-block;
}

.dark-mode .edu-footer .edu-footer-widget .input-group .form-control {
    color: var(--color-white);
    background-color: var(--dark-color-border);
}

.dark-mode .edu-footer .edu-footer-widget .inner .input-group .btn-secondary {
    color: var(--color-white);
}

.dark-mode .edu-footer.footer-kindergarten .copyright-area::before {
    -webkit-filter: brightness(0) saturate(100%) invert(14%) sepia(8%) saturate(2142%) hue-rotate(173deg) brightness(95%) contrast(89%);
    filter: brightness(0) saturate(100%) invert(14%) sepia(8%) saturate(2142%) hue-rotate(173deg) brightness(95%) contrast(89%);
}

.dark-mode .footer-for-kitchen .edu-footer-widget .inner .description,
  .dark-mode .footer-for-yoga .edu-footer-widget .inner .description {
    color: var(--color-title);
}

.dark-mode .footer-for-kitchen .edu-footer-widget .inner .widget-information ul li,
  .dark-mode .footer-for-yoga .edu-footer-widget .inner .widget-information ul li {
    color: var(--color-title);
}

.dark-mode .footer-for-kitchen .edu-footer-widget .inner .widget-information ul li span,
    .dark-mode .footer-for-yoga .edu-footer-widget .inner .widget-information ul li span {
    color: var(--color-white);
}

.dark-mode .footer-for-kitchen .edu-footer-widget .inner .widget-information ul li a,
    .dark-mode .footer-for-yoga .edu-footer-widget .inner .widget-information ul li a {
    color: var(--color-title);
}

.dark-mode .footer-for-kitchen .edu-footer-widget .inner .widget-information ul li a:hover,
      .dark-mode .footer-for-yoga .edu-footer-widget .inner .widget-information ul li a:hover {
    color: var(--color-primary);
}

.dark-mode .footer-for-kitchen .edu-footer-widget .inner li a,
  .dark-mode .footer-for-yoga .edu-footer-widget .inner li a {
    color: var(--color-title);
}

.dark-mode .footer-for-kitchen .edu-footer-widget .inner li a:hover,
    .dark-mode .footer-for-yoga .edu-footer-widget .inner li a:hover {
    color: var(--color-primary);
}

.dark-mode .footer-for-kitchen .copyright-area,
  .dark-mode .footer-for-yoga .copyright-area {
    background-color: var(--dark-color-bg-body);
    border-top: 1px solid #262626;
}

.dark-mode .header-action li.icon a .count {
    color: var(--color-white);
}

.dark-mode .header-action li.icon a.search-trigger,
  .dark-mode .header-action li.icon a.cart-icon,
  .dark-mode .header-action li.icon button.search-trigger {
    color: var(--color-white);
}

.dark-mode .header-action .header-btn a {
    color: var(--color-white);
}

.dark-mode .header-action .search-bar .input-group {
    border: 1px solid #333a44;
}

.dark-mode .header-action .search-bar .input-group .form-control {
    background: transparent;
}

.dark-mode .header-style-2 .header-top .header-info li::after {
    background-color: #30302f;
}

.dark-mode .header-style-2 .header-top .header-info li a {
    color: var(--color-white);
}

.dark-mode .header-style-2 .header-mainmenu .header-right::after {
    background-color: var(--dark-color-border);
}

.dark-mode .header-style-3 .header-top-bar {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .header-style-3 .header-mainmenu .header-right::after {
    background-color: var(--color-extra09);
}

.dark-mode .header-style-3 .header-top .header-info li a:hover {
    color: var(--color-secondary);
}

.dark-mode .header-style-3 .header-top .header-info li a.edu-btn:hover {
    color: var(--color-white);
}

.dark-mode .salsa-header.header-style-4::before {
    -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%);
    filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%);
}

.dark-mode .salsa-header.header-style-4::after {
    -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%);
    filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%);
}

.dark-mode .salsa-header.header-style-4 .header-mainmenu {
    background-color: transparent;
}

.dark-mode .salsa-header.header-style-4 .header-mainmenu.edu-sticky {
    background-color: var(--bg-color-2);
}

.dark-mode .salsa-header.header-style-4 .header-mainmenu .header-navbar .header-right .header-action .search-bar .input-group input[type="text"] {
    background: transparent;
}

.dark-mode .salsa-header .header-mainmenu {
    background-color: #62A85E;
}

.dark-mode .salsa-header.header-photography .header-mainmenu {
    background-color: transparent;
}

.dark-mode .salsa-header.header-photography .header-mainmenu.edu-sticky {
    background-color: var(--bg-color-2);
}

.dark-mode .salsa-header.pv-header-style .header-mainmenu {
    background-color: transparent;
}

.dark-mode .salsa-header.pv-header-style .header-mainmenu.edu-sticky {
    background-color: var(--bg-color-2);
}

.dark-mode .salsa-header .header-category {
    border-left: 1.5px  #62A85E;
    border-right: 1.5px  #62A85E;
}

.dark-mode .salsa-header .header-brand img.logo-light {
    display: none;
}

.dark-mode .salsa-header .header-brand img.logo-dark {
    display: inline-block;
}

.dark-mode .salsa-header.header-photography .header-brand img.logo-light, .dark-mode .salsa-header.gym-tranning-header .header-brand img.logo-light {
    display: inline-block;
}

.dark-mode .salsa-header.header-photography .header-brand img.logo-dark, .dark-mode .salsa-header.gym-tranning-header .header-brand img.logo-dark {
    display: none;
}

.dark-mode .header-top-bar {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .header-top .header-notify {
    color: var(--color-white);
}

.dark-mode .header-top .header-info li a {
    color: var(--color-white);
}

.dark-mode .header-top .header-info li a:hover {
    color: var(--color-secondary);
}

.dark-mode .header-top .header-info li.header-btn .edu-btn {
    color: var(--color-white);
}

.dark-mode .header-top .header-info li.header-btn .edu-btn i {
    color: var(--color-white);
}

.dark-mode .header-top .header-info .social-icon a i {
    color: var(--color-white);
}

.dark-mode .popup-mobile-menu .mainmenu li a {
    color: var(--color-white);
}

.dark-mode .popup-mobile-menu .mainmenu li + li {
    border-top: 1px solid #478044;
}

.dark-mode .popup-mobile-menu .inner {
    
    background-color: #62A85E;
}

.dark-mode .popup-mobile-menu .inner .header-top {
    border-bottom: 1px solid #478044;
}

.dark-mode .popup-mobile-menu .inner .header-top .logo a img.logo-light {
    display: none;
}

.dark-mode .popup-mobile-menu .inner .header-top .logo a img.logo-dark {
    display: inline-block;
}

.dark-mode .popup-mobile-menu .inner .header-top .close-menu .close-button {
    background-color: #478044;
}

.dark-mode .mainmenu-nav .mainmenu > li > a {
    color: var(--color-white);
}

.dark-mode .mainmenu-nav .mainmenu li.has-droupdown .submenu {
    background-color: #02060d;
}

.dark-mode .mainmenu-nav .mainmenu li.has-droupdown .submenu li a {
    color: var(--color-title);
}

.dark-mode .mainmenu-nav .mainmenu li.has-droupdown ul {
    box-shadow: var(--shadow-darker);
}

.dark-mode .mainmenu-nav .mainmenu li.has-droupdown .mega-sub-menu-01 {
    box-shadow: none;
}

.dark-mode .mainmenu-nav .mainmenu li ul.mega-menu {
    background-color: #02060d;
}

.dark-mode .mainmenu-nav .mainmenu li ul.mega-menu > li {
    border-right: 1px solid #191d22;
}

.dark-mode .edu-search-popup .content-wrap {
    background-color: #282f3a;
}

.dark-mode .edu-search-popup .content-wrap .search-form {
    border-bottom: 1px solid #646465;
}

.dark-mode .edu-search-popup .site-logo img.logo-light {
    display: none;
}

.dark-mode .edu-search-popup .site-logo img.logo-dark {
    display: inline-block;
}

.dark-mode .edu-search-popup .inner .search-form input {
    background: transparent;
}

.dark-mode .hero-banner .banner-thumbnail .instructor-info .inner {
    background-color: var(--color-white);
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
}

.dark-mode .hero-banner .banner-thumbnail .instructor-info .inner .title {
    color: var(--color-black);
}

.dark-mode .hero-banner .banner-thumbnail .instructor-info .inner .media .content {
    color: var(--color-black);
}

.dark-mode .hero-banner.presentation-hero-style::before {
    background-image: url(../images/bg/dark-bg-image-27.png);
}

.dark-mode .hero-banner.presentation-hero-style .banner-content::after, .dark-mode .hero-banner.presentation-hero-style .banner-content::before {
    border: 1px solid #242424;
}

.dark-mode .hero-banner.hero-style-1::before {
    -webkit-filter: opacity(0.1);
    filter: opacity(0.1);
}

.dark-mode .hero-banner.hero-style-2::before {
    -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%);
    filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%);
}

.dark-mode .hero-banner.hero-style-3 .banner-content .title {
    color: var(--color-white);
}

.dark-mode .hero-banner.hero-style-3 .banner-content p {
    color: var(--color-white);
}

.dark-mode .hero-banner.hero-style-4 {
    -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
    background: var(--dark-bg-color);
}

.dark-mode .hero-banner.hero-style-4 .scroll-down-btn {
    bottom: -100px;
}

@media only screen and (max-width: 767px) {
    .dark-mode .hero-banner.hero-style-4 .scroll-down-btn {
        bottom: -10px;
    }
}

.dark-mode .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn {
    background-color: rgba(255, 255, 255, 0.05);
}

.dark-mode .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn::before, .dark-mode .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn::after {
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.dark-mode .hero-banner.hero-style-4::before {
    display: none;
}

.dark-mode .hero-banner.hero-style-4 .shape-group li.shape-1 img {
    -webkit-filter: opacity(0.06);
    filter: opacity(0.06);
}

.dark-mode .hero-banner.hero-style-4 .shape-group li.shape-7 img {
    -webkit-filter: opacity(0.05);
    filter: opacity(0.05);
}

.dark-mode .hero-banner.hero-style-4 .shape-group li.shape-3 img, .dark-mode .hero-banner.hero-style-4 .shape-group li.shape-5 img {
    -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(0%) hue-rotate(313deg) brightness(59%) contrast(36%);
    filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(0%) hue-rotate(313deg) brightness(59%) contrast(36%);
}

.dark-mode .hero-banner.hero-style-4 .banner-gallery .online-support .inner .content .title a {
    color: var(--color-black);
}

.dark-mode .hero-banner.hero-style-5 .banner-thumbnail .thumbnail {
    background-color: var(--color-white);
}

.dark-mode .hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-1 img {
    -webkit-filter: opacity(0.08);
    filter: opacity(0.08);
}

.dark-mode .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-1 img {
    -webkit-filter: opacity(0.08);
    filter: opacity(0.08);
}

.dark-mode .hero-banner.hero-style-7 {
    background: var(--dark-bg-color);
}

.dark-mode .hero-banner.hero-style-7 .shape-group {
    z-index: 1;
}

.dark-mode .hero-banner.hero-style-7 .shape-group li img {
    opacity: .65;
}

.dark-mode .instagram-grid a::after {
    background-color: var(--color-black);
}

.dark-mode .instagram-grid a .user-info {
    color: var(--color-white);
}

.dark-mode .pv-shop-area {
    background-color: var(--dark-bg-color);
}

.dark-mode .pv-shop-area::before {
    display: none;
}

.dark-mode .pv-inner-page-area {
    background: var(--dark-bg-color);
}

.dark-mode .pv-inner-page-area::before {
    display: none;
}

.dark-mode .pv-cta-area {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .pv-cta-area::before {
    background-image: url(../images/bg/dark-bg-imgae-26.png);
}

.dark-mode .pv-cta-area .cta-content .title {
    color: var(--color-white);
}

.dark-mode .team-share-info li a {
    color: var(--color-white);
    border: 2px solid var(--color-white);
}

.dark-mode .team-share-info li a:hover {
    color: var(--color-primary);
    background: var(--color-white);
}

.dark-mode .edu-team-grid.team-style-1:hover .team-share-info li:first-child a {
    background-color: var(--color-white);
    border-color: transparent;
}

.dark-mode .edu-team-grid.team-style-2::after {
    background-color: var(--bg-color-2);
    box-shadow: none;
}

.dark-mode .edu-team-grid.team-style-3 .content .title a {
    color: var(--color-heading);
}

.dark-mode .edu-team-grid.team-style-4 .content .title {
    background-color: var(--bg-color-2);
    color: var(--color-white);
}

.dark-mode .edu-team-grid.team-style-4 .content .designation {
    background-color: var(--bg-color-2);
    color: var(--color-white);
}

.dark-mode .edu-team-grid.team-style-5 .content {
    background-color: var(--bg-color-2);
    box-shadow: none;
}

.dark-mode .edu-team-grid.team-style-5 .content .title {
    color: var(--color-white);
}

.dark-mode .team-area-6 .shape-group .shape-1 img,
  .dark-mode .team-area-6 .shape-group .shape-2 img,
  .dark-mode .team-area-6 .shape-group .shape-3 img {
    -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
}

.dark-mode .edu-team-details-area .team-details-content .main-info .team-meta li::after {
    background-color: #6a6a6a;
}

.dark-mode .testimonial-grid {
    background-color: var(--bg-color-2);
    box-shadow: none;
}

.dark-mode .testimonial-grid p {
    color: var(--color-title);
}

.dark-mode .testimonial-grid .thumbnail .qoute-icon {
    color: var(--color-white);
    border: 4px solid var(--color-white);
}

.dark-mode .testimonial-area-2 .testimonial-slide .content {
    box-shadow: none;
}

.dark-mode .testimonial-area-2 .shape-group .shape-1 img {
    -webkit-filter: opacity(0.06);
    filter: opacity(0.06);
}

.dark-mode .testimonial-area-2.edu-section-gap .shape-group .shape-3 img {
    -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
}

.dark-mode .testimonial-area-3 .shape-group li.shape-5 {
    bottom: 150px;
}

.dark-mode .testimonial-area-3 .shape-group li.shape-5 img {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(344deg) brightness(100%) contrast(104%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(344deg) brightness(100%) contrast(104%);
}

.dark-mode .testimonial-slide .content {
    background-color: var(--bg-color-2);
}

.dark-mode .testimonial-slide .content p {
    color: var(--color-title);
}

.dark-mode .testimonial-area-4 .shape-group li.shape-2 img {
    -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
}

.dark-mode .testimonial-area-6::before {
    background: var(--dark-bg-color);
}

.dark-mode .testimonial-area-6 .testimonial-slide .content {
    background-color: transparent;
}

.dark-mode .testimonial-area-6 .shape-group li.shape-3 span {
    border: 1px solid var(--color-extra10);
}

.dark-mode .testimonial-area-8::before {
    -webkit-filter: brightness(0) saturate(100%) invert(5%) sepia(18%) saturate(3887%) hue-rotate(188deg) brightness(92%) contrast(102%);
    filter: brightness(0) saturate(100%) invert(5%) sepia(18%) saturate(3887%) hue-rotate(188deg) brightness(92%) contrast(102%);
}

.dark-mode .testimonial-coverflow .testimonial-grid::before {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .video-area-1::before {
    -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(83%) saturate(1113%) hue-rotate(182deg) brightness(92%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(4%) sepia(83%) saturate(1113%) hue-rotate(182deg) brightness(92%) contrast(101%);
}

.dark-mode .video-gallery .thumbnail .video-play-btn i {
    color: var(--color-white);
}

.dark-mode .video-banner-content .video-play-btn i {
    color: var(--color-white);
}

.dark-mode .video-banner-content .title {
    color: var(--color-white);
}

.dark-mode .video-gallery .content {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .why-choose-area-1 .thumbnail.thumbnail-2 img {
    background-color: var(--color-white);
}

.dark-mode .why-choose-area-1 .why-choose-content .features-list .features-box.color-secondary-style:hover .icon, .dark-mode .why-choose-area-1 .why-choose-content .features-list .features-box.color-primary-style:hover .icon, .dark-mode .why-choose-area-1 .why-choose-content .features-list .features-box.color-extra05-style:hover .icon {
    color: var(--color-white);
}

.dark-mode .why-choose-area-2 {
    background-color: var(--dark-color-bg-body);
}

.dark-mode .why-choose-area-4 .shape-group li.shape-2 span {
    border: 1px solid var(--color-extra10);
}

.dark-mode .why-choose-box-3.features-box .icon {
    color: var(--color-white);
}

.dark-mode .why-choose-box-3.features-box .content {
    background-color: var(--bg-color-2);
}

.dark-mode .coming-soon-page-area {
    background: var(--dark-bg-color);
}

.dark-mode .coming-soon-page-area::before {
    -webkit-filter: opacity(0.2);
    filter: opacity(0.2);
}

.dark-mode .coming-soon-page-area .coming-soon-content .title {
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dark-mode .coming-soon-page-area .coming-soon-content .input-group {
    background-color: var(--bg-color-2);
}

.dark-mode .coming-soon-page-area .coming-soon-content .input-group .form-control {
    color: var(--color-white);
}

.dark-mode .coming-soon-page-area .coming-countdown .countdown-section::after {
    color: var(--color-white);
}

.dark-mode .coming-soon-page-area .coming-countdown .countdown-number {
    color: var(--color-white);
}

.dark-mode .coming-soon-page-area .shape-group li.shape-1 img, .dark-mode .coming-soon-page-area .shape-group li.shape-2 img {
    -webkit-filter: opacity(0.5);
    filter: opacity(0.5);
}

.dark-mode .edu-gallery-grid .zoom-icon {
    background-color: var(--color-white);
}

.dark-mode .edu-pagination li.active a {
    color: var(--color-white);
}

.dark-mode .section-title .pre-title {
    color: var(--color-title);
}

.dark-mode .section-title p {
    color: var(--color-title);
}

.dark-mode .section-title-flex .left-content::after {
    background-color: var(--color-extra10);
}

.dark-mode .social-share li a {
    color: var(--color-white);
}

.dark-mode .social-share li a:hover {
    color: var(--color-white);
}

.dark-mode .pricing-table {
    background-color: var(--bg-color-2);
}

.dark-mode .pricing-table .pricing-header {
    border-bottom: 1px solid var(--dark-color-border) !important;
}

.dark-mode .login-form-box {
    background-color: var(--bg-color-2);
}

.dark-mode select {
    border: 1px solid var(--dark-color-border);
    background: url(../images/icons/Down-Arrow.png) 88% center no-repeat transparent;
}

.dark-mode .edu-product .inner > .thumbnail .product-hover-info ul li a {
    background-color: var(--bg-color-2);
}

.dark-mode .edu-product .inner > .thumbnail .product-hover-info ul li a:hover {
    color: var(--color-white);
}

.dark-mode .pro-qty input {
    color: var(--color-white);
}

.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover i {
    color: var(--color-white);
}

.dark-mode .cart-table th,
  .dark-mode .cart-table td {
    border-bottom: 1px solid var(--dark-color-border) !important;
}

.dark-mode .cart-table tbody td {
    color: var(--color-title);
}

.dark-mode .cart-update-btn-area .product-cupon {
    border: 1px solid var(--dark-color-border);
}

.dark-mode .cart-update-btn-area .product-cupon .submit-btn {
    color: var(--color-white);
}

.dark-mode .cart-update-btn-area input[type="text"] {
    background-color: transparent;
}

.dark-mode .cart-update-btn-area .update-btn .edu-btn.disabled {
    opacity: 1;
}

.dark-mode .order-summery tbody td {
    border-color: var(--dark-color-border) !important;
}

.dark-mode .checkout-billing .form-group input,
  .dark-mode .checkout-billing .form-group textarea {
    border-color: var(--dark-color-border);
    background-color: transparent;
}

.dark-mode .checkout-billing .form-group select {
    background: url(../images/icons/Down-Arrow.png) 88% center no-repeat transparent;
}

.dark-mode .order-payment .payment-method {
    background-color: var(--bg-color-2);
}

.dark-mode .order-payment .form-group {
    border-bottom: 1px solid var(--dark-color-border);
}

.dark-mode .order-payment .form-group:last-child {
    border-bottom: none;
}

.dark-mode .cls-1 {
    fill: var(--color-white);
}

.dark-mode .edu-accordion .accordion-item .accordion-button {
    color: var(--color-white);
    background-color: var(--dark-color-bg-body);
}

.dark-mode blockquote {
    background-color: var(--bg-color-2);
}

.dark-mode .contact-form.form-style-2 {
    background-color: var(--bg-color-2);
    box-shadow: none;
}

.dark-mode .event-details .details-content .event-meta li::after {
    background-color: var(--dark-color-border);
}

.dark-mode .error-page-area .shape-group .shape-1 img {
    -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
}

.dark-mode .privacy-policy ul li {
    color: var(--color-title);
}

.dark-mode .course-overview ul li {
    color: var(--color-title);
}

.dark-mode .product-description-content .comment-form .form-group input,
  .dark-mode .product-description-content .comment-form .form-group textarea {
    background: transparent;
}

.dark-mode .comment-form .form-group input,
  .dark-mode .comment-form .form-group textarea {
    box-shadow: none;
    border: 1px solid var(--dark-color-border);
    background: transparent;
}

.dark-mode .comment-form .form-group .edu-form-check label::before {
    background-color: transparent;
}

.dark-mode .wishlist-btn {
    background: transparent;
}

.dark-mode .wishlist-btn.btn-outline-dark {
    border: 1px solid var(--dark-color-border);
}

.dark-mode .wishlist-btn.btn-outline-dark:hover {
    color: var(--color-white);
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
}

.dark-mode .wishlist-btn i {
    color: var(--color-white);
}

.dark-mode .btn-icon-round {
    color: var(--color-white);
}

.dark-mode .btn-icon-round:hover {
    color: var(--color-white);
}

.dark-mode a.edu-btn.btn-secondary {
    color: var(--color-white);
}

.dark-mode a.edu-btn.btn-secondary:hover {
    color: var(--color-white);
}

.dark-mode .isotop-button button:hover, .dark-mode .isotop-button button.is-checked {
    color: var(--color-white);
}

.dark-mode a.edu-btn.btn-border:hover {
    color: var(--color-white);
}

.dark-mode input[type="text"],
  .dark-mode input[type="password"],
  .dark-mode input[type="email"],
  .dark-mode input[type="number"],
  .dark-mode input[type="tel"],
  .dark-mode textarea {
    background-color: transparent;
}

.dark-mode .contact-form-area input[type="text"],
  .dark-mode .contact-form-area input[type="password"],
  .dark-mode .contact-form-area input[type="email"],
  .dark-mode .contact-form-area input[type="number"],
  .dark-mode .contact-form-area input[type="tel"],
  .dark-mode .contact-form-area textarea {
    border: 1px solid var(--dark-color-border);
}

.dark-mode input[type="checkbox"] ~ label,
  .dark-mode input[type="radio"] ~ label {
    color: var(--color-title);
}

.dark-mode input[type="checkbox"] ~ label::before,
  .dark-mode input[type="radio"] ~ label::before {
    border: 1px solid var(--dark-color-border);
    color: var(--color-white);
}

.dark-mode input[type="checkbox"] ~ label::after,
  .dark-mode input[type="radio"] ~ label::after {
    color: var(--color-white);
}

.dark-mode input[type="checkbox"]:checked ~ label::before,
  .dark-mode input[type="radio"]:checked ~ label::before {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.dark-mode .login-form-box .chekbox-area .edu-form-check label::before {
    background-color: transparent;
}

.dark-mode .swiper-navigation .swiper-btn-nxt,
  .dark-mode .swiper-navigation .swiper-btn-prv {
    background-color: transparent;
    color: var(--color-white);
}

.dark-mode .swiper-navigation .swiper-btn-nxt:hover,
    .dark-mode .swiper-navigation .swiper-btn-prv:hover {
    background: var(--color-primary) !important;
    color: var(--color-white);
}

.dark-mode .blog-style-4 .swiper-navigation .swiper-btn-nxt,
  .dark-mode .blog-style-4 .swiper-navigation .swiper-btn-prv {
    background-color: var(--bg-color-2);
    color: var(--color-white);
}

.dark-mode .blog-style-4 .swiper-navigation .swiper-btn-nxt:hover,
    .dark-mode .blog-style-4 .swiper-navigation .swiper-btn-prv:hover {
    color: var(--color-white);
}


#fondo_modal {
    display: none; /* Hide by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Dim the background */
    z-index: 9;
}
#modal_formulario {
    display: none; /* Hide by default */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background-color: #fff;
   
    
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    width: 90%;
    z-index: 10;
}

.modal_formulario_contenido {
    position: relative;
}

.btn_reservation{ cursor:pointer; }
.btn_reservation .texto_boton span{ color:#ffffff;}