.dark-body {
    background: #010514 !important;

    &.dark-bg-2 {
        background: #18010d !important;
    }

    &.dark-bg-3 {
        background: #011316 !important;
    }

    &.dark-bg-4 {
        background: #140801 !important;
    }

    &.dark-bg-5 {
        background: #010f16 !important;
    }
}

    .dark-body .page-wrapper {
        background: #010514 !important;

        h1, h2, h3, h4, h5, h6 {
            color: #fff;
        }

        .section-title h2 span {
            color: rgb(255 255 255 / 56%);
        }

        p {
            color: #fff;
            opacity: .8;
        }

        .brand-box-1 {
            border: 1px solid rgb(255 255 255 / 16%);

            img {
                filter: brightness(0) invert(1);
            }
        }

        .section-bg {
            background: #a82782;
        }

        .service-card-item {
            background: #a82782;
        }

        .array-button .array-prev, .array-button .array-next {
            border: 1px solid rgb(255 255 255 / 16%);
            color: #fff;
        }

        .feature-box-items {
            background: #a82782;

            h3 {
                a {
                    color: #fff;
                }
            }
        }

        .testimonial-warpper::before {
            background: #a82782;
        }

        .testimonial-warpper .array-button .array-prev, .testimonial-warpper .array-button .array-next {
            background-color: transparent;

            &:hover {
                background-color: #772f88 ;
            }
        }

        .faq-content-1 {
            background: #a82782;
        }

            .faq-content-1 .accordion-box .block .acc-btn {
                color: #fff;
            }

            .faq-content-1 .accordion-box .block .acc-content .content .text {
                color: #fff;
                opacity: .8;
            }

            .faq-content-1 .accordion-box .block {
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            }

                .faq-content-1 .accordion-box .block .acc-btn .icon {
                    color: #fff;
                }

            .faq-content-1 .accordion-box {
                border-top: 1px solid rgba(255, 255, 255, 0.1);
            }

        .pricing-box-items {
            background: #a82782;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

            .pricing-box-items .pricing-header span {
                color: #fff;
                opacity: .8;
            }

            .pricing-box-items .pricing-header h3 sub {
                color: #fff;
                opacity: .8;
            }

            .pricing-box-items .pricing-list {
                background: rgba(255, 255, 255, 0.08);
                backdrop-filter: blur(20px);
            }

                .pricing-box-items .pricing-list ul li {
                    color: #fff;
                }

                    .pricing-box-items .pricing-list ul li i {
                        color: #772f88 ;
                    }

            .pricing-box-items .pricing-btn {
                background-color: #010514;

                &:hover {
                    background-color: #772f88 ;
                    color: #fff;
                }
            }

        .news-box-items {
            background: #a82782;
        }

            .news-box-items .content ul li a {
                background-color: #000;
            }

            .news-box-items .content ul li {
                color: #fff;
            }

            .news-box-items .content h3 a {
                color: #fff;
            }

            .news-box-items .content .news-bottom .link-btn {
                color: #fff;
            }

        .color-palate h6 {
            color: var(--header);
        }

        .hero-2 {
            background-color: #18010d;
            background-image: none !important;
        }

            .hero-2 .hero-content h6 {
                background-color: #18010d;
                border: 1px solid rgba(255, 255, 255, 0.08);
            }

        .service-card-item.style-2 {
            background-image: none !important;
            background-color: #280316;

            h3 {
                color: #fff;
            }

            p {
                color: #fff;
                opacity: .8;
            }

            &.active {
                h3 {
                    color: var(--header2);
                }

                p {
                    color: var(--header2);
                }
            }
        }

        .about-section-2 {
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

        .about-wrapper-2 .about-image-items .content {
            background-color: #280316;
            background-image: none !important;

            h3 {
                color: #fff;
            }

            p {
                color: #fff;
                opacity: .8;
            }
        }

        .section-title.style-2 h2 span {
            color: var(--theme2);
        }

        .about-wrapper-2 .about-content .about-list-item ul li {
            color: #fff;
        }

            .about-wrapper-2 .about-content .about-list-item ul li i {
                color: var(--theme2);
            }

        .global-service-box {
            border: 1px solid rgba(255, 255, 255, 0.08);
            background-color: #280316;
            background-image: none !important;

            &::before {
                background-color: var(--theme2);
            }
        }

            .global-service-box .content h3 a {
                color: #fff;
            }

            .global-service-box .content .number {
                color: #fff;
            }

        .section-bg-3 {
            background-color: #280316;
            background-image: none !important;
        }

        .project-image-items-2::before {
            background-color: #280316;
        }

        .choose-us-wrapper-2 .choose-us-wrap-item .choose-us-content {
            background-color: #280316;
            background-image: none !important;

            h3, p {
                color: #fff;
            }

            &::before {
                background-color: var(--theme2);
            }
        }

        .choose-us-wrapper-2 .choose-us-wrap-item .left .number-line {
            background-color: #280316;
            border: 1px solid #280316;
        }

        .testimonial-box-items::before {
            background-color: #18010d;
        }

        .testimonial-box-items .content .client-info h4 {
            color: #fff;
        }

        .testimonial-box-items .content .client-info {
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

        .news-box-items-2 {
            background-color: #280316;
        }

            .news-box-items-2 .content ul li {
                color: #fff;
            }

            .news-box-items-2 .content h3 a {
                color: #fff;
            }

            .news-box-items-2 .content .link-btn {
                color: #fff;
            }

        .footer-widget-wrapper.style-2 .footer-widget-items .widget-head h3 {
            color: #fff;
        }

        .footer-widget-wrapper.style-2 .footer-widget-items .gt-list-area li a {
            color: #fff;

            &:hover {
                color: var(--theme2);
            }
        }

        .footer-widget-wrapper.style-2 .footer-widget-items .contact-list li {
            color: #fff;

            a {
                color: #fff;
            }
        }

        .footer-widget-wrapper.style-2 .footer-widget-items .footer-content p {
            color: #fff;
        }

        .footer-widget-wrapper.style-2 .footer-widget-items .footer-content .social-icon a {
            background-color: #18010d;

            &:hover {
                background-color: var(--theme2);
            }
        }

        .footer-widget-wrapper.style-2 .footer-widget-items .footer-logo {
            display: none;
        }

        .footer-widget-wrapper.style-2 .footer-widget-items .footer-logo2 {
            display: block !important;
        }

        .footer-bottom.footer-bottom-2 {
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

            .footer-bottom.footer-bottom-2 .footer-list li a {
                color: #fff;

                &:hover {
                    color: var(--theme2);
                }
            }

        .hero-3 {
            background-color: #112d32;

            .line-shape {
                display: none;
            }

            .ratting-image {
                filter: brightness(0) invert(1);
            }
        }

            .hero-3 .hero-content .hero-btn h4 a {
                color: #fff;
            }

            .hero-3 .hero-content .hero-btn h4 i {
                color: #fff;
            }

            .hero-3 .hero-image::before {
                background-color: #05A4BF;
            }

        .about-wrapper-3 .about-content .about-text {
            color: #fff;
            opacity: .8;
        }

        .section-bg-4 {
            background-color: #112d32;
        }

        .about-section-3::before {
            background-color: #112d32;
        }

        .service-section-3 .array-button .array-prev, .service-section-3 .array-button .array-next {
            background-color: #011316;

            &:hover {
                background-color: var(--theme3);
            }
        }

        .service-box-style-3 {
            background-color: #011316;

            &::before {
                background-color: var(--theme3);
            }

            .icon {
                background-color: var(--theme3);
            }

            h3 a {
                color: #fff;
            }

            .link-btn {
                color: #fff;
            }

            &:hover {
                .icon {
                    background-color: #112d32;
                }
            }
        }

        .service-section-3 .swiper-dot .swiper-pagination-bullet {
            background-color: #fff;
        }

            .service-section-3 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background-color: #05A4BF;
            }

        .choose-us-wrapper-3 .choose-us-content .choose-list li {
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }

            .choose-us-wrapper-3 .choose-us-content .choose-list li .icon {
                background-color: #112d32;
            }

            .choose-us-wrapper-3 .choose-us-content .choose-list li .content h3 {
                color: #fff;
            }

            .choose-us-wrapper-3 .choose-us-content .choose-list li .content p {
                color: #fff;
            }

            .choose-us-wrapper-3 .choose-us-content .choose-list li.active {
                background-color: #05A4BF;
            }

        .project-section-3 .line-shape {
            display: none;
        }

        .project-wrapper-3 .project-box-items-3 li {
            background-color: #011316;
        }

            .project-wrapper-3 .project-box-items-3 li .content h3 a {
                color: #fff;

                &:hover {
                    color: #05A4BF;
                }
            }

            .project-wrapper-3 .project-box-items-3 li .content span {
                color: #fff;
            }

            .project-wrapper-3 .project-box-items-3 li .content .icon {
                background-color: #112d32;

                &:hover {
                    background-color: #05A4BF;
                }
            }

        .team-section-3 .line-shape {
            display: none;
        }

        .team-box-item-3 .content h3 a {
            color: #fff;

            &:hover {
                color: #05A4BF;
            }
        }

        .testimonial-box-items-3 {
            background-color: #112d32;
        }

        .testimonial-section-3 .array-button .array-prev, .testimonial-section-3 .array-button .array-next {
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.08);
            background-color: #112d32;

            &:hover {
                background-color: #05A4BF;
            }
        }

        .faq-items-2 .accordion-box {
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

            .faq-items-2 .accordion-box .block .acc-content .content .text {
                color: #fff;
                opacity: .8;
            }

            .faq-items-2 .accordion-box li .number {
                color: #fff;
            }

            .faq-items-2 .accordion-box .block .acc-btn {
                color: #fff;
            }

            .faq-items-2 .accordion-box .block {
                border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            }

        .footer-area.footer-area-3 {
            background-color: #112d32;
        }

        .section-bg-6 {
            background-color: #220d00;
        }

        .hero-4 .hero-content .hero-bottom .content {
            border-top: 1px solid #fff;
        }

            .hero-4 .hero-content .hero-bottom .content p {
                color: #fff;
            }

            .hero-4 .hero-content .hero-bottom .content a {
                color: #fff;
            }

        .work-process-box-style-4 {
            background-color: #220d00;
        }

            .work-process-box-style-4 .work-btn {
                color: #fff;
            }

        .service-box-style-4 .service-list-wrap.active-block {
            background-color: #220d00;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }

        .service-box-style-4 .service-list-wrap .service-acc-btn .number {
            color: #fff;
        }

        .service-box-style-4 .service-list-wrap {
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }

            .service-box-style-4 .service-list-wrap .service-wrap .item-text h4 {
                color: #fff;
            }

            .service-box-style-4 .service-list-wrap .service-wrap .item-text ul li {
                color: #fff;
            }

            .service-box-style-4 .service-list-wrap .service-acc-btn .icon {
                border: 1px solid rgba(255, 255, 255, 0.08);
                color: #fff;
            }

        .testimonial-box-style-4 {
            background-color: #220d00;
        }

            .testimonial-box-style-4 .client-info-item {
                border-top: 1px solid rgba(255, 255, 255, 0.08);
            }

                .testimonial-box-style-4 .client-info-item .client-info h4 {
                    color: #fff;
                }

                .testimonial-box-style-4 .client-info-item .client-info span {
                    color: #fff;
                }

        .testimonial-section-4 .swiper-dot .swiper-pagination-bullet {
            background-color: #fff;
        }

            .testimonial-section-4 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background-color: var(--theme4);
            }

        .award-section {
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

        .text_invert-2 > div {
            background-image: linear-gradient(to right, rgb(255, 119, 34) 50%, rgb(255, 255, 255) 50%);
            background-size: 200% 100%;
            background-position-x: 100%;
            color: transparent;
            background-clip: text;
        }

        .award-wrapper .award-box-items {
            background-color: #220d00;

            img {
                filter: brightness(0) invert(1);
            }
        }

            .award-wrapper .award-box-items .award-title {
                color: #fff;
                border-top: 1px solid rgba(255, 255, 255, 0.08);
            }

        .news-left-items .content h3 a {
            color: #fff;

            &:hover {
                color: var(--theme4);
            }
        }

        .news-left-items .content ul li {
            color: #fff;

            a {
                background-color: var(--theme4);
            }
        }

        .news-left-items .content .link-btn {
            color: #fff;

            &:hover {
                color: var(--theme4);
            }
        }

        .news-left-items {
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .news-right-list li .news-box-style-4 {
            border: 1px solid rgba(255, 255, 255, 0.08);

            a {
                color: #fff;
            }

            &:hover {
                color: var(--theme4);
            }
        }

            .news-right-list li .news-box-style-4 .content ul li a {
                background-color: var(--theme4);
            }

            .news-right-list li .news-box-style-4 .content ul li {
                color: #fff;
            }

        .footer-area.style-footer-area-4 .footer-widget-wrapper .footer-widget-items .widget-head h3 {
            color: #fff !important;
        }

        .footer-area.style-footer-area-4 .footer-widget-wrapper .footer-widget-items .gt-list-area li a {
            color: #fff;

            &:hover {
                color: var(--theme4);
            }
        }

        .footer-area.style-footer-area-4 .footer-widget-wrapper .footer-form-3 h3 {
            color: #fff;
        }

        .footer-area.style-footer-area-4 .footer-widget-wrapper .footer-form-3 .sq-checkbox {
            color: #fff;
        }

        .footer-widget-wrapper .footer-widget-items .footer-content p {
            color: #fff !important;
        }

        .footer-bottom.style-bottom-4 {
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

        .footer-bottom .footer-bottom-wrapper p {
            color: #fff !important;
        }

        .footer-bottom.style-bottom-4 .footer-list li a {
            color: #fff !important;

            &:hover {
                color: var(--theme4) !important;
            }
        }

        .footer-area.style-footer-area-4 .footer-widget-items {
            .footer-logo {
                display: none;
            }

            .footer-logo2 {
                display: block !important;
            }
        }

        .section-title.style-5 h2 {
            color: #fff;
        }

        .feature-box-style-3 {
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

            .feature-box-style-3.active {
                h3, p {
                    color: #000;
                }
            }

        .section-bg-6 {
            background-color: #010514;
        }

        .scroll-down img {
            filter: brightness(0) invert(1);
        }

        .hero-5 .vec-shape img {
            filter: brightness(0) invert(1);
        }

        .section-bg-5 {
            background-color: #010514;
        }

        .about-wrapper-5 .about-left-items .about-bottom-content {
            background-color: #010f16;
        }

            .about-wrapper-5 .about-left-items .about-bottom-content .about-counter h2 {
                color: #fff;
            }

            .about-wrapper-5 .about-left-items .about-bottom-content .about-counter p {
                color: #fff;
            }

            .about-wrapper-5 .about-left-items .about-bottom-content .about-line {
                opacity: .2;
            }

            .about-wrapper-5 .about-left-items .about-bottom-content .content p {
                color: #fff;
            }

        .about-wrapper-5 .about-content .about-icon-wrap {
            background-color: #010f16;
        }

            .about-wrapper-5 .about-content .about-icon-wrap::before {
                background-color: #fff;
                opacity: .2;
            }

            .about-wrapper-5 .about-content .about-icon-wrap .about-icon-item {
                h3 {
                    color: #fff;
                }

                p {
                    color: #fff;
                }

                img {
                    filter: brightness(0) invert(1);
                }
            }

                .about-wrapper-5 .about-content .about-icon-wrap .about-icon-item.active {
                    h3 {
                        color: #000;
                    }

                    p {
                        color: #000;
                    }

                    img {
                        filter: initial;
                    }
                }

        .service-wrapper-5 .bb-top {
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

        .service-wrapper-5 .bb-bottom {
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }

        .service-wrapper-5 .service-box-style-5 .title a {
            color: #fff;

            &:hover {
                color: var(--theme5);
            }
        }

        .service-wrapper-5 .service-box-style-5 .text {
            color: #fff;
        }

        .service-wrapper-5 .service-box-style-5 .arrow-icon {
            color: #fff;

            &:hover {
                color: var(--theme5);
            }
        }

        .counter-box-style-5::before {
            background-color: #010f16;
        }

        .counter-box-style-5.active {
            &::before {
                background-color: var(--theme5);
            }

            h2 {
                color: #000;
            }

            p {
                color: #000;
            }
        }

        .project-box-style-5 {
            background: #010514 !important;
            border: 1px solid rgba(255, 255, 255, 0.08);

            h3 {
                a {
                    color: #fff;

                    &:hover {
                        color: var(--theme5);
                    }
                }
            }
        }

        .testimonial-wrapper-5::before {
            background-color: #010f16;
        }

        .testimonial-box-style-5 {
            border-right: 1px solid rgba(255, 255, 255, 0.08);
        }

            .testimonial-box-style-5 .client-info {
                border-top: 1px solid rgba(255, 255, 255, 0.08);
            }

            .testimonial-box-style-5 .star {
                color: var(--theme5);
            }

        .news-box-style-5 {
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

            .news-box-style-5 .content ul li {
                color: #fff;

                span {
                    color: #fff;
                }
            }

            .news-box-style-5 .content h3 a {
                color: #fff;

                &:hover {
                    color: var(--theme5);
                }
            }

            .news-box-style-5 .content .news-btn {
                color: #fff;

                &:hover {
                    color: var(--theme5);
                }
            }

        .footer-widget-wrapper-5 .footer-left-item h2 {
            color: #000;
        }

        .footer-widget-wrapper-5 .footer-right-item .footer-header-item p {
            color: #fff;
        }

        .footer-widget-wrapper-5 .footer-right-item .footer-widget-items .gt-list-area li a {
            color: #fff;

            &:hover {
                color: var(--theme5);
            }
        }

        .footer-bottom-5 .footer-bottom-wrapper-5 p b {
            color: #fff;
        }

        .footer-bottom-5 {
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

            .footer-bottom-5 .footer-bottom-wrapper-5 .footer-list li a {
                color: #fff;

                &:hover {
                    color: var(--theme5);
                }
            }

        .footer-widget-wrapper-5 .footer-right-item .footer-header-item {
            .footer-logo {
                display: none;
            }

            .footer-logo2 {
                display: block !important;
            }
        }

            .footer-widget-wrapper-5 .footer-right-item .footer-header-item::before {
                background-color: rgba(255, 255, 255, 0.08);
            }

        .header-5 {
            .mean__menu-wrapper {

                .main-menu {

                    ul {
                        li {


                            a {
                                color: #fff;

                                i {
                                    margin-left: 4px;
                                    font-size: 14px;
                                }

                                &:hover {
                                    color: var(--theme5) !important;
                                }
                            }

                            .submenu {
                                background: #000;
                                box-shadow: none;

                                li {
                                    a {

                                        &:hover {
                                            color: var(--theme5) !important;
                                        }

                                        &::before {
                                            background-color: var(--theme5);
                                        }
                                    }


                                    &:hover {
                                        > a {
                                            color: var(--theme5) !important;

                                            &::after {
                                                color: var(--theme5);
                                            }
                                        }
                                    }
                                }

                                    li.has-dropdown {
                                        > a {
                                            &::after {
                                                color: var(--theme5);
                                            }
                                        }
                                    }
                            }

                            &:hover {
                                > a {
                                    color: var(--theme5);

                                    &::after {
                                        color: var(--theme5);
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .sidebar__toggle {
                color: #fff;
            }

            .header-left {
                .logo {
                    display: none;
                }

                .logo2 {
                    display: block !important;
                }
            }
        }

        .hero-5 .hero-content .social-icon span {
            color: #fff;
        }

        .sticky.header-5 {
            background-color: #000;
            box-shadow: none;
        }

        .sticky.header-4 {
            background-color: #000;
            box-shadow: none;
        }

        .sticky.header-3 {
            background-color: #000;
            box-shadow: none;
        }

        .sticky.header-2 {
            box-shadow: none;
        }

        .header-4 {

            .logo {
                display: none;
            }

            .logo2 {
                display: block !important;
            }

            .mean__menu-wrapper {

                .main-menu {

                    ul {
                        li {


                            a {
                                color: #fff;

                                &:hover {
                                    color: var(--theme4) !important;
                                }
                            }

                            .submenu {
                                background: #000;
                                color: #fff;
                                border-top: 4px solid var(--theme4);
                                box-shadow: none;

                                li {
                                    a {
                                        color: #fff;

                                        &::before {
                                            background: var(--theme4);
                                        }

                                        &:hover {
                                            color: var(--theme4) !important;
                                        }
                                    }


                                    &:hover {
                                        > a {
                                            color: var(--theme4) !important;

                                            &::after {
                                                color: var(--theme4);
                                            }
                                        }
                                    }
                                }

                                    li.has-dropdown {
                                        > a {
                                            &::after {
                                                color: var(--theme4);
                                            }
                                        }
                                    }
                            }

                            &:hover {
                                > a {
                                    color: var(--theme4);

                                    &::after {
                                        color: var(--theme4);
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .mean__menu-wrapper {
                border: 1px solid #000;
                background-color: #000;
            }
        }

        .header-3 {
            .logo {
                display: none;
            }

            .logo2 {
                display: block !important;
            }

            .sidebar__toggle {
                color: #fff;
            }


            .mean__menu-wrapper {

                .main-menu {

                    ul {
                        li {


                            a {
                                color: #fff;

                                &:hover {
                                    color: var(--theme3) !important;
                                }
                            }

                            .submenu {
                                background: #000;
                                color: #fff;
                                border-top: var(--theme3);
                                box-shadow: none;

                                li {
                                    a {
                                        color: #fff;

                                        &::before {
                                            background: var(--theme3);
                                        }

                                        &:hover {
                                            color: var(--theme3) !important;
                                        }
                                    }


                                    &:hover {
                                        > a {
                                            color: var(--theme3) !important;

                                            &::after {
                                                color: var(--theme3);
                                            }
                                        }
                                    }
                                }

                                    li.has-dropdown {
                                        > a {
                                            &::after {
                                                color: var(--theme3);
                                            }
                                        }
                                    }
                            }

                            &:hover {
                                > a {
                                    color: var(--theme3);

                                    &::after {
                                        color: var(--theme3);
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

        .header-section-2 {
            .header-2 {
                background-color: #280316;
                border-bottom: 1px solid rgba(255, 255, 255, 0.08);

                .logo {
                    display: none;
                }

                .logo2 {
                    display: block !important;
                }

                .mean__menu-wrapper {

                    .main-menu {

                        ul {
                            li {


                                a {
                                    color: #fff;

                                    &:hover {
                                        color: var(--theme2) !important;
                                    }
                                }

                                .submenu {
                                    background: #38001c;
                                    color: #fff;
                                    border-top: var(--theme2);
                                    box-shadow: none;

                                    li {
                                        a {
                                            color: #fff;

                                            &::before {
                                                background: var(--theme2);
                                            }

                                            &:hover {
                                                color: var(--theme2) !important;
                                            }
                                        }


                                        &:hover {
                                            > a {
                                                color: var(--theme2) !important;

                                                &::after {
                                                    color: var(--theme2);
                                                }
                                            }
                                        }
                                    }

                                        li.has-dropdown {
                                            > a {
                                                &::after {
                                                    color: var(--theme2);
                                                }
                                            }
                                        }
                                }

                                &:hover {
                                    > a {
                                        color: var(--theme2);

                                        &::after {
                                            color: var(--theme2);
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }

                .header-2 .search-toggler {
                    border: 1px solid rgba(255, 255, 255, 0.08);
                    color: #fff;
                }
        }

        .about-inner-section .section-title-area .about-content p {
            color: #fff;
            opacity: .8;
        }

        .about-inner-section .section-title-area .about-content .about-info span {
            color: #fff;
        }

        .about-inner-section .about-counter-wrapper .about-counter-item {
            background-color: #a82782;
        }

            .about-inner-section .about-counter-wrapper .about-counter-item h6 {
                color: #fff;
            }

            .about-inner-section .about-counter-wrapper .about-counter-item p {
                color: #fff;
            }

        .actually-area {
            background-color: #a82782 !important;
        }

            .actually-area .t_line > div {
                background-image: linear-gradient(to right, var(--white) 50%, rgba(255, 255, 255, 0.2980392157) 50%);
                background-size: 200% 100%;
                background-position-x: 100%;
                color: transparent;
                background-clip: text;
                -webkit-background-clip: text;
            }

        .testimonial-box-items-3.style-2 {
            background-color: #a82782 !important;
        }

        .faq-about {
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

        .faq-items-2.style-faq-2 .accordion-box .block {
            background-color: #a82782 !important;
        }

        .faq-items-2 .accordion-box .block .acc-btn .icon {
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .service-details-wrapper .service-details-content .service-list-items ul li {
            color: #fff;
        }

        .service-details-wrapper .service-details-content .service-box-area .service-box-items {
            background-color: #a82782 !important;
        }

        .service-details-wrapper .service-details-sidebar .sidebar-widget {
            background-color: #a82782 !important;
        }

        .service-details-wrapper .service-details-sidebar .service-list-item li a {
            background-color: #010514;
            color: #fff;

            &:hover {
                background-color: var(--theme);
            }
        }

        .project-box-items-inner .project-content-area .content h3 a {
            color: #fff;

            &:hover {
                color: var(--theme);
            }
        }

        .project-box-items-inner .project-content-area .content .text {
            background-color: #010514;
            color: #fff;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .project-box-items-inner .project-content-area .circle-check {
            background-color: #010514;
            color: #fff;
            border: 1px solid rgba(255, 255, 255, 0.08);

            &:hover {
                background-color: var(--theme);
            }
        }

        .project-details-wrapper .project-details-sidebar .sidebar-widget {
            background-color: #a82782 !important;
        }

            .project-details-wrapper .project-details-sidebar .sidebar-widget .project-infrom li {
                background-color: #010514;
                color: #fff;

                span {
                    color: #fff;
                }
            }

        .project-details-wrapper .project-details-content .project-list-items ul li {
            color: #fff;
        }

        .project-details-wrapper .project-details-content .slider-button .previus-text {
            color: #fff;
        }

        .project-details-wrapper .project-details-content .slider-button .icon-gird {
            color: var(--theme);
        }

        .project-details-wrapper .project-details-content .slider-button {
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }

        .team-details-wrapper .team-details-content {
            background-color: #a82782 !important;
        }

            .team-details-wrapper .team-details-content .team-infrom li span {
                color: #fff;
            }

            .team-details-wrapper .team-details-content .team-infrom li {
                color: #fff;
            }

                .team-details-wrapper .team-details-content .team-infrom li a {
                    color: #fff;
                }

        .team-details-wrapper .team-middle-items .team-skill-area .skill-content .progress-wrap .pro-items .pro-head .title {
            color: #fff;
        }

        .team-details-wrapper .team-middle-items .team-skill-area .skill-content .progress-wrap .pro-items .progress {
            background-color: #a82782;
        }

        .team-details-wrapper .team-middle-items .team-skill-area .skill-content .progress-wrap .pro-items .progress-value {
            background-color: var(--theme);
        }

        .team-details-wrapper .team-bottom-items {
            background-color: #a82782;
        }

            .team-details-wrapper .team-bottom-items .team-left-items .phone-icon .icon {
                color: #fff;
            }

            .team-details-wrapper .team-bottom-items .team-left-items .phone-icon a {
                color: #fff;
            }

            .team-details-wrapper .team-bottom-items .team-right-items .contact-form-box .form-clt input, .team-details-wrapper .team-bottom-items .team-right-items .contact-form-box .form-clt textarea {
                border-bottom: 1px solid rgba(255, 255, 255, 0.08);
                color: #fff;

                &::placeholder {
                    color: #fff;
                }
            }

            .team-details-wrapper .team-bottom-items .team-right-items .contact-form-box .form-clt .form .single-select {
                border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            }

        .team-details-wrapper .team-middle-items .team-skill-area .skill-content .progress-wrap .pro-items .pro-head .point {
            color: #fff;
        }

        .gt-main-sideber .gt-single-sideber-widget {
            background-color: #a82782;
        }

            .gt-main-sideber .gt-single-sideber-widget .gt-search-widget form input {
                background-color: #010514;
            }

            .gt-main-sideber .gt-single-sideber-widget .gt-category-list li {
                background-color: #010514;

                a {
                    color: #fff;
                }

                span {
                    color: #fff;
                }

                &:hover {
                    background-color: var(--theme);
                }
            }

            .gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-content h5 a {
                color: var(--white);

                &:hover {
                    color: var(--theme);
                }
            }

            .gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-content ul li {
                color: #fff;
                opacity: .8;
            }

            .gt-main-sideber .gt-single-sideber-widget .tagcloud a {
                background-color: #010514;
                color: #fff;

                &:hover {
                    background-color: var(--theme);
                }
            }

        .gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-date-list li i {
            color: var(--theme);
        }

        .gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-date-list li {
            color: #fff;
        }

        .gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content h3 a {
            color: #fff;

            &:hover {
                color: var(--theme);
            }
        }

        .news-details-area .blog-post-details .single-blog-post .post-content .hilight-text {
            background-color: #a82782;
        }

        .news-details-area .blog-post-details .tag-share-wrap {
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }

            .news-details-area .blog-post-details .tag-share-wrap .tagcloud a {
                background-color: #a82782;
                color: #fff;

                &:hover {
                    background-color: var(--theme);
                }
            }

            .news-details-area .blog-post-details .tag-share-wrap .social-share span {
                color: #fff;
            }

            .news-details-area .blog-post-details .tag-share-wrap .social-share a {
                color: #fff;

                &:hover {
                    color: var(--theme);
                }
            }

        .news-details-area .blog-post-details .comments-area {
            background-color: #a82782;
        }

            .news-details-area .blog-post-details .comments-area .blog-single-comment {
                border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            }

                .news-details-area .blog-post-details .comments-area .blog-single-comment .content .head .con h5 a {
                    color: #fff;

                    &:hover {
                        color: var(--theme);
                    }
                }

                .news-details-area .blog-post-details .comments-area .blog-single-comment .content {
                    span {
                        color: #fff;
                    }
                }

        .news-details-area .blog-post-details .comment-form-wrap {
            background-color: #a82782;
        }

            .news-details-area .blog-post-details .comment-form-wrap .form-clt input, .news-details-area .blog-post-details .comment-form-wrap .form-clt textarea {
                background-color: #010514;
                color: #fff;

                &::placeholder {
                    color: #fff;
                }
            }

        .news-details-area .blog-post-details .single-blog-post .post-content .post-list li {
            color: #fff;
        }

        .contact-info-box {
            background-color: #a82782;

            a {
                color: #fff;
            }
        }

        .contact-wrapper .contact-box-items {
            background-color: #a82782;
        }

            .contact-wrapper .contact-box-items .contact-form-box .form-clt input, .contact-wrapper .contact-box-items .contact-form-box .form-clt textarea {
                border-bottom: 1px solid rgba(255, 255, 255, 0.08);
                color: #fff;

                &::placeholder {
                    color: #fff;
                }
            }

            .contact-wrapper .contact-box-items .contact-form-box .form-clt .form .single-select {
                border-bottom: 1px solid rgba(255, 255, 255, 0.08);

                .current {
                    color: #fff;
                }
            }

                .contact-wrapper .contact-box-items .contact-form-box .form-clt .form .single-select::after {
                    border-bottom: 2px solid var(--theme);
                    border-right: 2px solid var(--theme);
                }

        .team-details-wrapper .team-bottom-items .team-right-items .contact-form-box .form-clt .form .single-select {
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);

            .current {
                color: #fff;
            }

            &::after {
                border-bottom: 2px solid var(--theme);
                border-right: 2px solid var(--theme);
            }
        }

        .error-items .error-image {
            display: none;
        }

        .error-items .error-image2 {
            display: block !important;

            img {
                width: 100%;
            }
        }
    }