:root {
  --dark-color1: #171717;
  --dark-color2: #222020;
  --dark-color3: #2b242b;
  --dark-color4: #212529;
}

.bg-dark-1,
body,
.sticky-header.fixed-header,
.page-wrapper,
.about-section-home1 .image-1:before,
.services-section-home1,
.faqs-section-home1:before,
.accordion-box .block,
.accordion-box.style-two,
.work-block .icon-box .count,
.work-block .icon-box .icon,
.news-block .image-box .date,
.team-block .inner-box,
.header-style-two .header-lower .logo-box,
.header-style-two .header-top,
.pricing-block .image,
.skills .skill-item .skill-bar .bar-inner .bar,
.call-to-action.style-two:before,
.testimonial-block-two .inner-content .reviews,
.clients-section-home2,
.pxl-service-single1,
.contact-form.at-home3,
.header-style-four .main-box .logo-box,
.why-choseus-home4,
.services-section-home3,
.banner-section-seven .slide-item .content-box {
  background-color: var(--dark-color1) !important;
}

.bg-dark-light,
.why-choose-home2:before {
  background-color: var(--dark-color1);
  opacity: 0.9;
}

.bg-dark-2,
.header-top .inner-container,
.header-top,
.service-block .content-box,
.team-block .info-box,
.work-section,
.feature-block1-home2,
.icon-box1-home2,
.service-block-home2 .inner-box,
.pricing-block .inner-box,
.contact-form,
.contact-form.home2-style:before,
.contact-form.home2-style:after,
.news-block-two .lower-content:after,
.team-block-two .info-box,
.home3-testimonial,
.skills .skill-item .skill-bar .bar-inner,
.services-section-home,
.testimonial-home4-style .test-content,
.about-us-home5,
.header-style-five .header-top,
.wc-h5-title-bg {
  background-color: var(--dark-color2) !important;
}

.bg-dark-3,
.header-lower .logo-box,
.testimonial-block .content-box,
.news-block .inner-box:hover .read-more,
.pricing-block.style-two .inner-box,
.pxl-service-single1 .pxl-item--inner .pxl-item--icon,
.service-block-home2 .inner-box,
.news-section,
.call-to-action-two,
.testimonial-section-home5 {
  background-color: var(--dark-color3) !important;
}

.bg-dark-4,
.call-to-action-two .outer-box,
.service-block-home2 .icon,
.why-choose-us-home2-2,
.range-slider-one .ui-widget-content .ui-state-default,
.range-slider-one .ui-slider .ui-slider-range,
.why-choose-us-home5,
.team-block-three .item-meta .entry-body:before,
.clients-section-home4 {
  background-color: var(--dark-color4) !important;
}

.btn-style-three,
.work-tabs .tab-buttons .tab-btn {
  background-color: #000;
}

.process-block .inner-box::before,
.service-block .inner-box {
  border-color: var(--dark-color1);
}

.main-menu .navigation > li > a,
.main-menu .navigation > li.current > a,
strong,
.title a,
.sec-title h2,
.metis.tparrows:before,
.accordion-box.style-two .block .acc-btn,
.team-block .name,
.pricing-block .price-box .price,
.pxl-service-single1 .pxl-item--inner .pxl-item--holder .pxl-item--title,
.skills .skill-item .skill-bar .bar-inner .skill-percentage,
.team-block-two .name,
.news-block .title a,
.service-block-home2 h4 a,
.work-block .title,
.testimonial-home4-style .test-content .item-title,
.banner-section-seven .slide-item .content-box .title,
.service-block .content-box .title a {
  color: var(--theme-color-light);
}

.text-lights,
.social-icon-one li a,
.list-style-two li,
.list-style-two li i,
.news-block-two:hover .post-info li,
.testimonial-home4-style .test-content .item-icon i,
.list-style-five li {
  color: rgba(255, 255, 255, 0.6);
}

.bg-dark-text-light,
.btn-style-one,
.metis.tparrows,
.about-section-home1 .company-cell .icon,
.service-block .content-box .read-more,
.faq-block .icon,
.team-block .social-links a,
.work-block .icon-box,
.subscribe-form .form-group input[type=email],
.subscribe-form .form-group input[type=text],
.feature-block-two .icon,
.feature-block1-home2 .icon,
.list-style-three li,
.list-style-four li,
.home-2-tabs .nav-tabs .nav-link,
.featire-block-1 .icon,
.select2-container--default .select2-selection--single,
.contact-info-block .icon-box,
.home3-testimonials-slider.owl-carousel .owl-nav .owl-prev,
.home3-testimonials-slider.owl-carousel .owl-nav .owl-next,
.banner-section-seven .banner-carousel-home5 .owl-nav .owl-prev,
.banner-section-seven .banner-carousel-home5 .owl-nav .owl-next,
.team-block-three .item-social .item-icon i,
.pxl-service-single1 .pxl-item--inner .btn.btn-orange {
  background-color: var(--theme-color-dark);
  color: var(--theme-color-light);
}

/*	Border Color */
.border-color,
.about-section-home1 .image-2,
.contact-form .form-group .select2-container--default .select2-selection--single,
.contact-form .form-group input:not([type=submit]),
.contact-form .form-group textarea, .contact-form .form-group select,
.btn-style-three:before,
.btn-style-three,
.feature-block-two,
.accordion-box.style-two .block .acc-btn,
.accordion-box.style-two .block .acc-content .content,
.work-block .icon-box,
.home2-about1-img-col .image-2,
.icon-box1-home2,
.pricing-block .price-box,
.testimonial-block-two .inner-content,
.range-slider-one .ui-widget-content .ui-state-default,
.home4-about-img .image-2 img,
.list-style-five ul,
.list-style-five li:first-child,
.team-block-three .item-meta .entry-body:before,
.banner-section-seven .banner-carousel-home5 .owl-nav .owl-prev,
.banner-section-seven .banner-carousel-home5 .owl-nav .owl-next {
  border-color: #2c2a2a;
}

.why-choose-us-home1 .info-box:before {
  border-top-color: #2c2a2a;
}

.bg-border-color,
.why-choose-us-home1 .info-box,
.testimonial-block-two .inner-content,
.testimonial-block-two .inner-content:before,
.testimonial-block-two .inner-content:after {
  background-color: #2c2a2a;
}

.header-style-two,
.home4-about-img .image-1:before {
  background-color: unset;
}

.counter-block .inner,
.services-section-home3,
.about-section-four:before,
.services-section-home5:before {
  background-image: unset;
}

.team-section:before {
  background-image: url(../images/icons/shape-6-dark.png);
}

.icon-dotted-map-2 {
  background-image: url(../images/icons/dotted-map-2-dark.png);
}

.services-section-home2 {
  background-image: url(../images/background/service-bg-img-dark.jpg);
}

.pricing-section .bg-layer {
  background-image: url(../images/icons/layout-pricing-right-dark.jpg);
}

.work-block .icon-box:after {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.clients-section .slide-item a:hover {
  background-color: inherit;
}

.contact-form .form-group textarea {
  background-color: #0a090f;
}
.contact-form .form-group input:not([type=submit]) {
  background-color: #0a090f;
}