/*----------------------------------------*/
/*  01. Dark Mode CSS
/*----------------------------------------*/
body{
    color:white;
    background: #17191A !important;
    background-image: none !important;
}

.dark-home-one .menu > .nav-item > .nav-link {
    color: white;
}
.dark-home-one .header-bg {
    background: rgba(255, 255, 255, 0.03);
}
.dark-home-one .slider-bg-3 {
     background: 0;
}

.dark-home-one .main-head-three.menu-sticky {
    background: #2F3132;
}

.dark-home-one .main-head-three.menu-sticky  .header-bg {
    background: transparent;
}

.dark-home-one .header-top-cta ul li span {
    color: white;
}
.dark-home-one .search-input input {
    color: white;
    border-color: white;
}
.header-top-nav ul li span img,
.dark-home-one .search-input .search {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.dark-home-one .search-input input::placeholder{
    color:white
}

h1, h2, h3, h4, h5, h6, p, span{
    color:white;
}
.white-title h1,.white-title h2,.white-title h3,.white-title h4,.white-title h5,.white-title p{
    color:white
}
.white-title h6 {
    color: rgba(255, 255, 255, 0.26);
}
.white-title span.number {
    color: #ff6324;
}
.client-box h5{
    color:#050020
}

.page-title-wrapper .page-title{
    color:unset
}
.dark-home-one .slider-img-one::before {
    background: url(../img/dark-mode/hm1a.png);
}.page-title-img::before,
.page-area-two .page-title-img::before{
    background: url(../img/dark-mode/hm1a.png);
    background-position: bottom left;
}
.slider-img-one::after {
    content: '';
    background: rgba(0, 0, 0, 0.2);
}
.page-t-height::before,
.slider-bg-img::before {
    background-color: #17191A;
}

.dark-home-one .slider__content h3 {
    color: white;
}

.dark-home-one .slider__form p {
    color: white;
}

.dark-home-one .slide-video-area span {
    color: white;
}

.dark-home-one .do-box h5 {
    color: rgba(255, 255, 255, 0.4);
}

.dark-home-one .do-box h3 {
    color: white;
}

.skew-bg::after,.skew-bg::before,.do-box:hover, .do-box.active {
    background: #232526;
}

.do-box:hover::before, .do-box.active::before {
    background: #232526;
}

.do-box:hover::after, .do-box.active::after {
    background: #232526;
}

.dark-home-one .do-box-2{
    background:transparent
}
.dark-home-one .do-box-2:hover, .dark-home-one .do-box-2.active {
    background: rgba(255, 255, 255, 0.05);
}

.dark-home-one .do-box-2 .more-btn {
    color: #ff6324;
    border-bottom-color: #ff6324;
}

.dark-home-one .para-text {
    color: rgba(255, 255, 255, 0.5);
}

.dark-home-one .about-img-wrapper {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}

.dark-home-one .s-services {
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.dark-home-one .s-services .s-more-btn img.back-two {
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.dark-home-one .s-services:hover::before, .dark-home-one .s-services.active::before {
    background: rgba(255, 255, 255, 0.05);
}

.dark-home-one .info-text {
    color: white;
}
/* blog css*/
.dark-home-one .blog-title {
    color: white;
}
.blogs-std .blogs__content .blog-title a{
    color:unset
}
.blogs-std .blogs__content .date-tag {
    color: #A5A5A5;
}
.blog-single-cat > a{
    color:white
}
.blog-single-reading-time,
.blog_single_author > span,
.blog_single_item p {
    color: #FFFFFF;
    opacity: 60%;
}
.blog_single_item p strong,
.blog_single_item p b{
    opacity:100%
}
.blog_single_date {
    color: #FFFFFF;
    opacity: 60%;
}
.blog-share {
    border-bottom: 1px solid rgba(46, 48, 49, 1);
}
.share-tag span {
    color: white !important;
}
.share-social span {
    color: #fff;
}
.blog-details-title {
    color: white;
}
.blog-comments .quote-form .email-input {
    background: rgba(46, 48, 49, 1);
}
.blog-comments .quote-form .email-input input,
.blog-comments .quote-form .email-input textarea,
.blog-comments .quote-form .email-input input::placeholder,
.blog-comments .quote-form .email-input textarea::placeholder{
    color:#fff
}
p.logged-in-as > a {
    color: #fff;
    opacity: .6;
}
blockquote {
    background: rgba(46, 48, 49, 1);
    color:#fff
}
.blog-widget-area blockquote p{
    margin-bottom: unset
}
.blog-widget-area blockquote cite{
    color:#fff;
    opacity: .6
}
blockquote h3{
    color:#fff
}
.quote-form .email-input{
    border-radius:0px
}
.subscribe-form input {
    color: #fff;
    background: rgba(46, 48, 49, 1);
}
.wp-block-tag-cloud > a, .tagcloud .tag-cloud-link {
    border-radius: 0px;
}
.subscribe-form input::placeholder {
    color: #fff;
}
.single-comments .authors__content .reply {
    background: rgba(46, 48, 49, 1);
    color: #afafaf;
}
.single-comments .authors__content .reply:hover {
    color: #fff;
    background: rgba(46, 48, 49, 1);
}
.single-comments .authors__content h4 {
    color: #fff;
}
.widget ul li,
.latest-comments li.comment {
    border-top: 1px solid rgba(46, 48, 49, 1);
}
.widget ul li:last-child,
li.comment:last-child {
    border-bottom: 1px solid rgba(46, 48, 49, 1);
}
.pagination .nav-links .page-numbers {
    border: 1px solid rgba(46, 48, 49, 1);
    color:#fff
}
.pagination .nav-links .page-numbers:hover, .pagination .nav-links .page-numbers.current {
    border: 1px solid rgba(45, 47, 49, 1);
    background: rgba(46, 48, 49, 1);
}
.pagination .nav-links .page-numbers:hover i{
    color:#fff
}
.subscribe-form .fas{
    color:white
}
.widget ul li a {
    color: #fff;
}
.wp-block-tag-cloud > a, .tagcloud .tag-cloud-link {
    color: #fff;
    background: rgba(45, 47, 49, 1);
}
.widget ul li.recentcomments a {
    color: #fff;
}
.dark-home-one .quote-img-wrapper .quote-mask-image {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}

.dark-home-one .testimonial-text-wrapper .white-title .sub-title {
    color: rgba(255, 255, 255, 0.8);
}

.dark-home-one .feedback-img-wrapper {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}

.dark-home-one .hr-border {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.dark-home-one .footer__widget .contact-list li h5 {
    color: rgba(255, 255, 255, 0.8);
}

.dark-home-one .footer__widget p {
    color: rgba(255, 255, 255, 0.59);
}

.dark-home-one .widget-title {
    color: white;
}

.dark-home-one .fot-list li a {
    color: rgba(255, 255, 255, 0.59);
}

.dark-home-one .fot-list li a:hover {
    color: #ff1f1f;
}

.dark-home-one .footer-social a {
    color: #464748;
}

.dark-home-one .footer-social a:hover {
    color: white;
}

.dark-home-one .foter-subscribe span {
    color: rgba(255, 255, 255, 0.5);
}

.dark-home-one .copyright p {
    color: white;
    opacity:.6
}


/*
Author Box Section 01
*/

.dark-home-one .about-img-wrapper::before {
    background: url(../img/dark-mode/hm2a.png);
}
/*
Author Box Section 02
*/

.about-wrapper p span{
    color:white !important;
}

.dark-home-one .about-img-wrapper::before {
    background: url(../img/dark-mode/hm2a.png);
}

/*
Form Section 01
*/
.dark-home-one .form-box-2 {
    background: rgba(255, 255, 255, 0.06);
}
.dark-home-one .form-box-2 .sub-title {
    color: white;
}
.dark-home-one .quote-img-wrapper .quote-mask-image::before {
    background: url(../img/dark-mode/hm3a.png);
}
.dark-home-one .form-box-2 .quote-form .email-input,.dark-home-one .form-box-2 .quote-form .choice-list {
     background: white;
 }
.dark-home-one .form-box-2 .review-text {
     color: white;
 }
.dark-home-one .form-box-2 .review-text a {
    color: #ff6324;
    border-color: #ff6324;
}
/*
Blog 01
*/
.blogs__content > a, .dark-home-one .blog-title a {
    color: white;
}
.dark-home-one .blogs .blogs-mask-img::before {
    background: url(../img/dark-mode/p4a.svg) no-repeat;
}
.dark-home-one .blogs .blogs-mask-img::after {
    background: url(../img/dark-mode/p3a.svg) no-repeat;
}
.dark-home-one .blogs .blogs__thumb::before {
    background: url(../img/dark-mode/p1a.svg) no-repeat;
}
.dark-home-one .blogs .blogs__thumb::after {
    background: url(../img/dark-mode/p2a.svg) no-repeat;
}

.white-mode-read-more{
    display:none
}
.dark-mode-read-more{
    display:block
}

/*
Blog 02
*/
.dark-home-one .blogs-2 .blog-btn {
    color: rgba(255, 255, 255, 0.3);
}

/*
Blog 03
*/
.dark-home-one .blogs-3 .blogs__content .blog-btn {
    color: rgba(255, 255, 255, 0.3);
}

/*
Testimonial 01
*/
.dark-home-one .feedback-img-wrapper::before {
    background: url(../img/dark-mode/hm2a.png);
}
.feedback-active1 .feedback-inner-content {
    background: #2E3031;
}

.feedback-inner-content .inner-text {
    color: #FFFFFF;
}
.client-box h5 {
    color: #FFFFFF;
}

.feedback-item-wrapper::before {
    background: #2F3233;
}
.feedback-item-wrapper::after {
    background: #2A2C2E;
}
/*
Testimonial 02
*/
.dark-home-one .feedback-box {
    background: #2F3233;
}
.dark-home-one .feedback-box .feedback-inner-content {
     background: transparent;
 }
.dark-home-one .feedback-box.fb-box2{
    background: rgba(34, 37, 38, 1);
}
.dark-home-one .sub-title {
    color: #A5A5A5;
}
.dark-home-one .owl-carousel .owl-nav button.owl-next, .dark-home-one .owl-carousel .owl-nav button.owl-prev {
    background: #2D2F30 !important;
}
.dark-home-one .owl-carousel .owl-nav button.owl-next img, .dark-home-one .owl-carousel .owl-nav button.owl-prev img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

/*
Testimonial 03
*/

.dark-home-one .slick-slider button img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.dark-home-one .slick-slider button {
    background: black !important;
    filter: unset;
}
.dark-home-one .testimonial-sub-heading .title{
    color:rgba(255, 255, 255, 0.6)
}
.s-teams__content .team-member-name > a {
    color: white;
}
/*
Feature Box 02
*/
.dark-home-one .chose-box .chose-box-text h5 {
    color: rgba(255, 255, 255, 0.59);
}
.dark-home-one .chose-box {
    background: rgba(255, 255, 255, 0.05);
}

/*
Feature Box 03
*/
.dark-home-one .status-bg {
    background: #2F3132;
}
.dark-home-one .status-box .status-content span {
    color: rgba(255, 255, 255, 0.35);
    text-transform: uppercase;
    font-weight: 300;
}
.status-box .status-content .sub-title {
    color: #fff;
    line-height: 30px;
    margin-top: 15px;
}

/*
Feature Box 04
*/
.dark-home-one .s-services-wrapper {
    background: rgba(34, 37, 38, 1);
    transition:.3s all
}
.dark-home-one .s-services-wrapper:hover {
    background: #2F3132;
}
.dark-home-one .s-services-wrapper .s-services-text .sub-title {
    color: rgba(255, 255, 255, 0.6);
    font-weight:100
}

/*
Feature Box 05
*/
.dark-home-one .do-box-wrapper {
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(255, 255, 255, 0.01);
}
.dark-home-one .do-box-wrapper h5 {
    color: rgba(255, 255, 255, 0.6);
}

/*
States Counter
*/
.dark-home-one .fact-list li .fact-one {
    background: #17191A;
}
.dark-home-one .fact-one h3 span {
    color: #07B292;
}
.dark-home-one .fact-one.fact-two h3 span{
    color:#ff1f1f
}
.dark-home-one .fact-one.fact-three h3 span{
    color:#ffd36f
}
.dark-home-one .fact-list li .fact-one .sub-title-2 {
    color: #787878;
}

/*
Accordion 01
*/

.dark-home-one .card .card-header button {
    color: white;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.dark-home-one .card:last-child .card-header button {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

/*
Contact Form 7
*/

.dark-home-one .quote-form-left .quote-form .input-title {
    color: #B7B7B7;
    background: #232526;
}
.dark-home-one .quote-form-left .quote-form .choice-list .select-product .current {
    color: white;
}

.dark-home-one .quote-form-left .quote-form .email-input input::placeholder,
.dark-home-one .quote-form-left .quote-form .email-input input {
    color: white !important;
}
.dark-home-one .quote-form-left .review-text {
    color: white;
}
.dark-home-one .form-box .sub-title {
    color: black;
}
.dark-home-one .form-box-2 .sub-title {
    color: white;
}
.elementor-element-76faacc .quote-form .choice-list .select-product::before{
    color:white
}
.elementor-element-f3e316f .quote-form .email-input,
.elementor-element-f3e316f .quote-form .choice-list{
    background:white
}
/*
Footer
*/
.footer__widget ul li a {
    color: rgba(255, 255, 255, 0.59);
}

/*
Static Class
*/
.dark-home-one .dark-block-content-wrapper,.dark-home-one .happy-customer-section .elementor-widget-wrap{
    background:#17191A !important;
}
.dark-home-one .dark-block-content-wrapper p.elementor-heading-title{
    color:rgba(255, 255, 255, 0.6) !important;
}
.dark-home-one .dark-block-wrapper,
.dark-home-one .dark-block-wrapper .elementor-widget-wrap{
    background:#2F3233 !important;
    box-shadow:none !important;
}
.app-screen::before {
    background: linear-gradient(rgba(47, 50, 51, 0) 0%, rgba(47, 50, 51, 0.84) 48.54%, #2f3233 100%) !important;
}
.happy-customer-heading h2{
    color:rgba(255, 255, 255, 0.6)
}
.dark-home-one .wp-static-text-color h4,.dark-home-one .wp-static-text-color h4 span{
    color:rgba(255, 255, 255, 0.6)
}

.dark-home-one .wp-static-sub-heading-text p.elementor-heading-title,
.dark-home-one .wp-static-text-color h4.elementor-heading-title {
    color: rgba(255, 255, 255, 0.6) !important;
}
.dark-home-one .wp-static-sub-heading-text h6.elementor-heading-title{
    color:red
}

.dark-home-one .wp-static-sub-heading-text h3.elementor-heading-title{
    color:white
}
.dark-home-one .dark-block-wrapper-2 .elementor-widget-wrap{
    background:#232526 !important;
    box-shadow:none !important;
}
.dark-home-one .dark-column-container h6.elementor-heading-title{
    color:white !important;
}
.static-border-style-radius{
    border-radius:10px
}
.dark-mode-hero-btn .btn-one .elementor-button:hover span{
    color:black
}
.dark-mode-hero-btn .btn-two .elementor-button span{
    color:black
}
.dark-mode-hero-btn .btn-two .elementor-button:hover span{
    color:white
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232;
    background: #dc3232;
}
.quote-form .input-title {
    color: #A5A5A5;
}
.contact-form-area .quote-form .email-input textarea,
.contact-form-area .quote-form .email-input input{
    border-color: #fff;
}
.contact-form-area .quote-form .email-input textarea,
.contact-form-area .quote-form .email-input textarea::placeholder,
.contact-form-area .quote-form .email-input input,
.contact-form-area .quote-form .email-input input::placeholder{
    color:white
}

.dark-home-one .card:last-child .card-header button{
    border-bottom:none
}
#accordion .card:last-child {
    border-width: 1px;
    border-color: rgb(255 255 255 / 14%);
}
.dark-home-one .card .card-header button[aria-expanded="true"] {
    border-top: 1px solid rgba(46, 48, 50, 1);
    background: rgba(46, 48, 50, 1);
}
.card .card-body {
    background: rgba(46, 48, 50, 1);
    color: rgba(255, 255, 255, 0.6);
}

.card > .show {
    border-style: solid;
    border-top: aliceblue;
    border-left: none;
    border-right: none;
}
.card .card-header{
    border-top: 1px solid rgba(46, 48, 50, 1);
}
.card .card-header button.btn-link::after {
    background: url(../img/card-arrow.png);
    right: 20px;
}
.faqs-inner-page {
    background: rgba(32, 35, 36, 1);
    padding: 170px 0 100px;
}
.faq-que-details .card .card-body{
    background: rgba(52, 55, 59, 1);
}
.faq-que-details .card .card-header button {
    background: rgba(46, 48, 49, 1);
}
.faq-que-details .card {
    background: rgba(52, 55, 59, 1);
}
.faq-que-details .card .card-header button.btn-link::after {
    background: unset;
}
.faq-que-details .card .card-header button[aria-expanded="true"] {
    border-top: 1px solid rgba(52, 55, 59, 1);
    background: rgba(52, 55, 59, 1);
}
/* FAQ Search */
.faq-que-search .subscribe-form input::placeholder,
.faq-que-search .subscribe-form input {
    color: white;
}
/* page subtitle */
.page-title-wrapper h5{
    color:unset
}
.page-title-wrapper .sub-title > p {
    color: #A5A5A5;
}
.page-title-wrapper h5::before {
    background: #fff;
}
/*Pricing plan table*/
.plan:hover, .plan.active {
    border-color: rgba(46, 48, 49, 1);
    background: rgba(46, 48, 49, 1);
}
.plan__header {
    border-bottom: 1px solid rgba(46, 48, 49, 1);
}
.plan.active .plan__header,
.plan:hover .plan__header {
    border-bottom: 1px solid rgb(72 72 72 / 73%);
}
.plan .chose-text-list {
    border-bottom: 1px solid rgba(46, 48, 49, 1);
}
.plan.active .chose-text-list,
.plan:hover .chose-text-list {
    border-bottom: 1px solid rgb(72 72 72 / 73%);
}
.plan__header h1{
    color:unset
}
.plan__header h5{
    color:#A5A5A5
}
.plan .plan-tag {
    color: black;
    background: white;
}
.plan__footer h6 {
    color: #A5A5A5;
}
.plan {
    border: 1px solid rgba(32, 35, 36, 1);
    background: rgba(32, 35, 36, 1);
}
/* ERROR page css*/
.error-area {
    background-position: center;
}
.error-wrapper .error-title{
    color:unset
}
.team-member-container {
    background: rgba(37, 39, 40, 1);
}
.team-member-single .team-member-details p {
    color: #A5A5A5;
}
.team-member-single .team-member-details .team-member-info > p > b {
    color: #fff;
}
.team-member-single .team-member-details .team-member-info > p {
    color: #A5A5A5;
}
.team-member-single .team-member-details .team-member-info .social_links a {
    background: rgba(48, 50, 51, 1);
}
.team-member-single .team-member-details .team-member-info .cv_download {
    border: 1px solid white;
    color: white;
}
.team-member-single .team-member-details .team-member-info .cv_download .download-hover-icon {
    display: inline-block;
}
.team-member-single .team-member-details .team-member-info .cv_download .download-black-icon{
    display:none !important;
}

/* SIDEBAR CSS */
.wp-block-calendar table th {
    background: rgba(46, 48, 49, 1);
}
#wp-calendar caption {
    background: rgba(46, 48, 49, 1);
    border: 1px solid rgb(64 64 64);
    color:#fff
}
.wp-block-search .wp-block-search__input {
    border-color: #4a4a4a;
    background: #2e3031;
    color:#fff
}
.wp-block-search .wp-block-search__label {
    color: #fff;
}
.calendar_wrap thead tr th {
    color: #fff;
    background: #2e3031;
    border: 1px solid #fff;
}
.calendar_wrap tbody td, .calendar_wrap tbody th {
    border: 1px solid white;
}
.calendar_wrap td#today{
    color:var(--brand_color);
    background:unset
}
.widget td,
.widget th {
    border-top: 1px solid #ededed;
    color: white;
    opacity: .6;
}

@media screen and ( max-width: 991px){
    .slider__content-2 .main-title {
        color: #fff;
    }
}
@media screen and ( max-width: 767px){
    .page-area-two {
        height: auto;
        margin-bottom: -70px;
    }
    .page-t-height {
        margin-bottom: -100px;
        background-image: none !important;
    }
}