/* Common Colors */

:root {
    --theme-bg-dark: #111111;
    --theme-bg-dark-2: #181818;
    --dark-border-1: #2c2c2c;
    --dark-grey-1: #aeaeae;

}

[data-theme="dark"] body {
    background-color: var(--theme-bg-dark);
}

[data-theme="dark"] header.main-header.transparent {
    background-color: var(--theme-bg-dark);
}

[data-theme="dark"] .post-content .title a {
    color: var(--white-color);
    background: linear-gradient(var(--white-color) 0%, var(--white-color) 98%);
    background-size: 0 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

[data-theme="dark"] .post-content .title a:hover {
    color: var(--white-color);
}

[data-theme="dark"] .post-card.news-post {
    --border-2: #2c2c2c;
}

[data-theme="dark"] .logo-light {
    display: none;
}

[data-theme="dark"] .logo-dark {
    display: block;
}

[data-theme="dark"] .trending-area {
    background-color: var(--theme-bg-dark);
    border-bottom: 1px solid var(--dark-border-1);
}

[data-theme="dark"] .trending-item .trending-content .trending-title a {
    color: var(--white-color);
}

[data-theme="dark"] .trending-item .trending-content span {
    color: var(--dark-grey-1);
}

[data-theme="dark"] .post-content p,
[data-theme="dark"] .hero-text span {
    color: var(--dark-grey-1);
}


[data-theme="dark"] .post-list li span a {
    color: var(--white-color);
}

[data-theme="dark"] .hero-text .news {
    background-color: var(--theme-bg-dark-2);
}

[data-theme="dark"] .post-list li:not(:last-of-type):after,
[data-theme="dark"] .post-list li,
[data-theme="dark"] .list-post-card .post-content span {
    color: var(--white-color);
}

[data-theme="dark"] .bottom-header .site-logo .dark {
    display: block;
}

[data-theme="dark"] .header-2 .top-bar {
    background-color: var(--theme-bg-dark-2);
}

[data-theme="dark"] .bottom-header .site-logo .light {
    display: none;
}

[data-theme="dark"] .bottom-header .sidebar-icon span {
    background-color: var(--white-color);
}

[data-theme="dark"] .main-menu li a {
    color: var(--white-color);
}

[data-theme="dark"] .tab-wrap {
    background-color: var(--theme-bg-dark-2);
}

[data-theme="dark"] .news-carousel .swiper-arrow .swiper-nav {
    color: var(--white-color);
}

[data-theme="dark"] .tab-wrap .nav-item .nav-link {
    background-color: var(--theme-bg-dark);
    color: var(--white-color);
}

[data-theme="dark"] .list-post-card:not(:last-of-type) {
    border-bottom: 1px solid var(--dark-border-1);
}

[data-theme="dark"] .header-2 .top-bar-wrap .top-bar-left .link-title {
    color: var(--white-color);
}

[data-theme="dark"] .header-2 .main-menu li li a,
[data-theme="dark"] .header-2 .top-bar-right .date,
[data-theme="dark"] .header-2 .top-bar-wrap .top-bar-left ul li a {
    color: var(--white-color);
}

[data-theme="dark"] .author-info .name {
    color: var(--white-color);
}

[data-theme="dark"] .page-header {
    border-top: none;
    background-color: var(--theme-bg-dark-1);
    border-bottom: 1px solid var(--dark-border-1);
}

[data-theme="dark"] [data-theme="dark"] [data-theme="dark"] [data-theme="dark"] [data-theme="dark"] [data-theme="dark"] [data-theme="dark"] .list-post-card:not(:last-of-type) {
    border-bottom: 1px solid var(--dark-border-1);
}

[data-theme="dark"] .section-heading .section-title span {
    background-color: var(--theme-bg-dark);
    color: var(--white-color);
}

[data-theme="dark"] .editor-post-card .post-content {
    background-color: var(--theme-bg-dark-2);
    border: none;
}

[data-theme="dark"] .social-box.facebook,
[data-theme="dark"] .social-box.twitter,
[data-theme="dark"] .social-box.youtube,
[data-theme="dark"] .social-box.spotify,
[data-theme="dark"] .social-box.insta,
[data-theme="dark"] .social-box.pinterest {
    background-color: var(--theme-bg-dark-2);
    color: var(--white-color);
}

[data-theme="dark"] .post-author-box .author,
[data-theme="dark"] .social-box .title a {
    color: var(--white-color);
}

[data-theme="dark"] .post-author-box p,
[data-theme="dark"] .social-box .title span {
    color: var(--dark-grey-1);
}

[data-theme="dark"] .post-author-box {
    background-color: var(--theme-bg-dark-2);
    border: none;
}

[data-theme="dark"] .top-area .right-btn,
[data-theme="dark"] .hero-post-area.area-2 .section-heading .section-title span,
[data-theme="dark"] .bg-grey-2 {
    background-color: var(--theme-bg-dark);
}

[data-theme="dark"] .pagination-right a,
[data-theme="dark"] .pagination-list li a {
    color: var(--dark-grey-1);
    border: 1px solid var(--dark-border-1);
}

[data-theme="dark"] .top-area .right-btn,
[data-theme="dark"] .recent-post-area .top-area .right-btn {
    background-color: var(--theme-bg-dark);
}

[data-theme="dark"] .subscribe-content .title {
    color: var(--white-color);
}

[data-theme="dark"] .hero-post-mid .post-card.card-2 {
    border: 1px solid var(--dark-border-1);
}

[data-theme="dark"] .post-card-box .post-thumb img {
    border-radius: 7px;
}

[data-theme="dark"] .tech-post-wrap .travel-card-2.border-line,
[data-theme="dark"] .travel-post-wrap,
[data-theme="dark"] .travel-card-2:not(:last-of-type) {
    border-bottom: 1px solid var(--dark-border-1);
}

[data-theme="dark"] .tech-blog-area .top-area .right-btn {
    background-color: var(--theme-bg-dark);
}

[data-theme="dark"] .video-post-area .top-area .right-btn,
[data-theme="dark"] .subscribe-section.bg-grey {
    background-color: var(--theme-bg-dark-2);
}

[data-theme="dark"] .top-area .right-btn.white {
    background-color: var(--theme-bg-dark);
}

[data-theme="dark"] .video-post .post-content,
[data-theme="dark"] .categorie-2.bg-grey-3,
[data-theme="dark"] .gadget-card .post-content,
[data-theme="dark"] .hero-post-3 {
    background-color: var(--theme-bg-dark);
}


[data-theme="dark"] .categorie-2.bg-grey-3 {
    padding: 0;
}

[data-theme="dark"] .hero-item.item-3,
[data-theme="dark"] .hero-item.item-1 {
    background-color: var(--theme-bg-dark);
}

[data-theme="dark"] .promo-wrap,
[data-theme="dark"] .hero-item.item-2,
[data-theme="dark"] .hero-item.item-4 {
    background-color: var(--theme-bg-dark-2);
}


[data-theme="dark"] .promo-wrap {
    border: none;
}

[data-theme="dark"] .promo-wrap .promo-header .title {
    color: var(--dark-grey-1);
}

[data-theme="dark"] .video-post-area {
    background-color: var(--theme-bg-dark-2);
}

[data-theme="dark"] .header-3 .bottom-header {
    background-color: var(--theme-bg-dark-2);
}

[data-theme="dark"] .header-3 .main-menu li a {
    color: var(--white-color);
}

[data-theme="dark"] .header-3 .main-menu li ul {
    background-color: var(--theme-bg-dark-2);
    border: none;
}

[data-theme="dark"] .header-3 .header-right .toggle-switch .slider {
    border: 1px solid var(--white-color);
}

[data-theme="dark"] .header-3 .header-right .toggle-switch input:checked~.slider::before {
    background-color: var(--white-color);
}

[data-theme="dark"] .main-menu li ul {
    background-color: var(--theme-bg-dark-2);
    border: none;
}


[data-theme="dark"] .trending-section-2 .section-heading .section-title span {
    background-color: var(--theme-bg-dark);
}

[data-theme="dark"] #popup-search-box .box-inner-wrap,
[data-theme="dark"] .author-details-box {
    background-color: var(--theme-bg-dark-2);
}

[data-theme="dark"] #popup-search-box .box-inner-wrap {
    border: none;
}

[data-theme="dark"] #popup-search-box .box-inner-wrap input {
    border-bottom: 1px solid var(--dark-border-1);
    color: var(--white-color);
}

[data-theme="dark"] #popup-search-box .box-inner-wrap input:focus {
    border-bottom: 1px solid var(--primary-color);
}

[data-theme="dark"] .author-info .name a,
[data-theme="dark"] .page-header-content ul li a {
    color: var(--white-color);
}

[data-theme="dark"] .author-info .prof {
    color: #ddd;
    border-bottom: 1px solid var(--dark-border-1);
}

[data-theme="dark"] .comment-item:not(:last-of-type) {
    border-bottom: 1px solid var(--dark-border-1);
}

[data-theme="dark"] .author-social .follow,
[data-theme="dark"] .author-info p {
    color: var(--dark-grey-1);
}

[data-theme="dark"] .blog-default-card .post-content .news-post-btn,
[data-theme="dark"] .blog-default-card {
    border: 1px solid var(--dark-border-1);
}

[data-theme="dark"] .fashion-blog-area .post-card .post-thumb img {
    border-radius: 10px;
}

[data-theme="dark"] .post-layout-content p {
    color: var(--dark-grey-1);
}

[data-theme="dark"] .post-layout-content .layout-title {
    color: var(--white-color);
}

[data-theme="dark"] .content-box {
    background-color: var(--theme-bg-dark-2);
    margin-top: 30px;
}

[data-theme="dark"] .content-box .title {
    color: var(--white-color);
}

[data-theme="dark"] .content-box .content-list-wrap .content-list li {
    color: var(--dark-grey-1);
}

[data-theme="dark"] .layout-desc-2 span {
    color: var(--dark-grey-1);
}


[data-theme="dark"] .main-menu li li a,
[data-theme="dark"] .single-card .post-content .title,
[data-theme="dark"] .sidebar-content .sidebar-social li a,
[data-theme="dark"] .contact-form-wrap .title,
[data-theme="dark"] .adress-list.list-2 li,
[data-theme="dark"] .adress-box .title,
[data-theme="dark"] .error-content .title,
[data-theme="dark"] .team-nav-wrap .title,
[data-theme="dark"] .team-member-info .title,
[data-theme="dark"] .team-details-content .title,
[data-theme="dark"] .team-item .team-content .title a,
[data-theme="dark"] .team-top .left-item .title,
[data-theme="dark"] .skills-items .skills-item .progress .progress-bar span,
[data-theme="dark"] .skills-items .skills-item h5,
[data-theme="dark"] .skill-heading .title,
[data-theme="dark"] .about-content .about-year,
[data-theme="dark"] .about-content .title,
[data-theme="dark"] .comment-info-wrap .comment-info .reply,
[data-theme="dark"] .comment-info-wrap .comment-info .author,
[data-theme="dark"] .article-wrap .article-item .article-thumb a,
[data-theme="dark"] .article-wrap .article-item .arrow:hover,
[data-theme="dark"] .article-wrap .article-item .arrow,
[data-theme="dark"] .layout-social-box .box-right .share,
[data-theme="dark"] blockquote span {
    color: var(--white-color);
}


[data-theme="dark"] .sidebar-content p,
[data-theme="dark"] .sidebar-content .sidebar-info li,
[data-theme="dark"] .contact-form-wrap p,
[data-theme="dark"] .adress-list.list-2 li a,
[data-theme="dark"] .adress-list li span,
[data-theme="dark"] .team-list li,
[data-theme="dark"] .team-details-content p,
[data-theme="dark"] .team-top .right-item p,
[data-theme="dark"] .skill-heading p,
[data-theme="dark"] .about-list-wrap .about-list li,
[data-theme="dark"] .about-content p,
[data-theme="dark"] .medi-list li,
[data-theme="dark"] .content-list-2 li {
    color: var(--dark-grey-1);
}

[data-theme="dark"] .bottom-header,
[data-theme="dark"] .mid-header {
    background-color: var(--theme-bg-dark-2);
}

[data-theme="dark"] .mid-header {
    border-bottom: 1px solid var(--dark-border-1);
}

[data-theme="dark"] .error-content .title {
    margin-top: 40px;
}

[data-theme="dark"] .layout-social-box .box-left .tag,
[data-theme="dark"] .layout-social-box .box-left ul li a,
[data-theme="dark"] .post-layout-1 .content-wrap .content-right span {
    color: var(--white-color);
}

[data-theme="dark"] .medi-list li i {
    color: var(--primary-color);
}

[data-theme="dark"] .layout-social-box {
    border: 1px dashed var(--dark-border-1)
}

[data-theme="dark"] .contact-form .form-group .form-control,
[data-theme="dark"] .blog-form .form-group .form-control {
    background-color: transparent;
    color: var(--white-color);
    border: 1px solid var(--dark-border-1);
}

[data-theme="dark"] .sidebar-area,
[data-theme="dark"] .skill-section {
    background-color: var(--theme-bg-dark);
}

[data-theme="dark"] .sidebar-area {
    border: none;
}

/* TOC Dark Mode Styles */
[data-theme="dark"] .toc-wrapper {
    background-color: #1a1a1a !important;
    border-color: #2c2c2c !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .toc-wrapper h3 {
    color: #ffffff !important;
}

[data-theme="dark"] .toc-list .absolute[class*="bg-gray-100"] {
    background-color: #374151 !important;
}

[data-theme="dark"] .toc-list li a {
    color: #d1d5db !important;
}

[data-theme="dark"] .toc-list li a:hover {
    color: var(--primary-color) !important;
}

[data-theme="dark"] .toc-list .absolute[class*="border-gray"] {
    background-color: #1a1a1a !important;
    border-color: #4b5563 !important;
}

/* FAQ Dark Mode Styles */
[data-theme="dark"] .faq-item {
    border-bottom-color: var(--dark-border-1);
}

[data-theme="dark"] .faq-question h4 {
    color: var(--white-color);
}

[data-theme="dark"] .faq-question:hover h4 {
    color: var(--primary-color);
}

[data-theme="dark"] .faq-icon {
    color: var(--dark-grey-1);
}

[data-theme="dark"] details[open] .faq-icon {
    color: var(--primary-color);
}

[data-theme="dark"] .answer-content {
    color: var(--dark-grey-1);
}

[data-theme="dark"] .answer-content strong {
    color: var(--white-color);
}

/* Next/Prev Section Dark Mode Styles */
[data-theme="dark"] .next-prev-card .card-title {
    color: var(--white-color);
}

[data-theme="dark"] .next-prev-card:hover .card-title {
    color: var(--primary-color);
}

[data-theme="dark"] {}


/* Hero Section Dark Mode */
[data-theme="dark"] .hero-area {
    background-color: var(--theme-bg-dark-2);
}

[data-theme="dark"] .hero-area h1 {
    color: var(--white-color);
}

[data-theme="dark"] .hero-area p {
    color: var(--dark-grey-1);
}

[data-theme="dark"] .header-input-form input {
    background-color: var(--theme-bg-dark);
    border-color: var(--dark-border-1);
    color: var(--white-color);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .header-input-form input:focus {
    border-color: #ffdb59;
}

[data-theme="dark"] .header-input-form .pera-c-1 {
    color: var(--dark-grey-1) !important;
}

[data-theme="dark"] .after::after {
    opacity: 0.3;
}

/* Features Section Dark Mode */
[data-theme="dark"] .featuers {
    background-color: var(--theme-bg-dark);
}

[data-theme="dark"] .featuers-hadding h1,
[data-theme="dark"] .hadding-c1 {
    color: var(--white-color);
}

[data-theme="dark"] .featuers-item-box {
    background-color: var(--theme-bg-dark-2);
    border-color: var(--dark-border-1);
}

[data-theme="dark"] .featuers-item-box:hover {
    background-color: #222;
    border-color: #ffdb59;
}

[data-theme="dark"] .featuers-icon {
    background-color: var(--theme-bg-dark);
}

/* Tools Section Dark Mode */
[data-theme="dark"] .toos {
    background-color: var(--theme-bg-dark-2);
}

[data-theme="dark"] .toos .hadding-c1,
[data-theme="dark"] .read-more-btn a {
    color: var(--white-color);
}

[data-theme="dark"] .read-more-btn a:hover {
    color: #ffdb59;
}

/* Service Section Dark Mode */
[data-theme="dark"] .home4-service {
    background-color: var(--theme-bg-dark);
}

[data-theme="dark"] .home4-service-box {
    background-color: var(--theme-bg-dark-2);
    border-color: var(--dark-border-1);
}

[data-theme="dark"] .home4-service-box h4 a,
[data-theme="dark"] .home4-service-box .learen-more {
    color: var(--white-color);
}

[data-theme="dark"] .home4-service-box .hadding4-p2 {
    color: var(--dark-grey-1);
}

[data-theme="dark"] .home4-service-box-icon {
    background-color: var(--theme-bg-dark);
}

[data-theme="dark"] .home4-service-box:hover .home4-service-box-icon {
    background-color: #ffdb59;
}

/* Feedback Section Dark Mode */
[data-theme="dark"] .home4-feedback {
    background-color: var(--theme-bg-dark);
}

[data-theme="dark"] .feedback-box {
    background-color: var(--theme-bg-dark-2);
    border-color: var(--dark-border-1);
}

[data-theme="dark"] .feedback-bottom-hadding h6 a {
    color: var(--white-color);
}

[data-theme="dark"] .home4-btn-f {
    background: var(--white-color);
    color: var(--dark-color);
}

[data-theme="dark"] .home4-btn-f:hover {
    background: #eee;
}

/* NewFooter Dark Mode */
[data-theme="dark"] .footer-section {
    background-color: #050505 !important;
    color: #ededed !important;
}

[data-theme="dark"] .footer-section h4 {
    color: #ffffff !important;
}

[data-theme="dark"] .footer-list-v2 li a {
    color: #ededed !important;
}

[data-theme="dark"] .footer-list-v2 li a:hover {
    color: #004CFF !important;
}

[data-theme="dark"] .social-pill {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #ededed !important;
}

[data-theme="dark"] .contact-item-v2 {
    color: #ededed !important;
}

[data-theme="dark"] .contact-item-v2 a {
    color: #ededed !important;
}

[data-theme="dark"] .contact-item-v2 a:hover {
    color: #004CFF !important;
}

[data-theme="dark"] .trust-item {
    color: rgba(237, 237, 237, 0.5) !important;
}

[data-theme="dark"] .sub-footer-v2 {
    background-color: #000000 !important;
    border-top-color: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .sub-footer-v2 p,
[data-theme="dark"] .sub-link {
    color: #ededed !important;
}

[data-theme="dark"] .sub-link:hover {
    color: #004CFF !important;
}