:root {
  --dark-color1: #111111;
  --dark-color2: #232323;
  --dark-color3: #343434;
  --dark-color4: #212529;
}

.bg-dark-1,
body,
.sticky-header.fixed-header,
.page-wrapper,
.header-style-two .header-lower,
.trusted-box::before,
.news-block .lower-content,
.banner-carousel .owl-nav .owl-next,
.banner-carousel .owl-nav .owl-prev,
.about-section .content-column .text-block .icon,
.features-section .contact-button .icon,
.clients-section,
.about-section-three .image-column .image-1 .call-anytime-box,
.process-block .inner-box .icon-box,
.banner-section-two .banner-slider .banner-slide .outer-box .content-box .btn-box .inner-box .play-now i,
.banner-section-two .banner-slider .banner-slide .outer-box .content-box .sub-title,
.header-style-three .header-lower .main-box .logo-box,
.project-block .inner-box .title,
.feature-block-five .icon,
.team-block-two .info-box,
.testimonial-block-two .inner-box,
.team-section.home7-bg,
.counter-block-three .inner,
.service-block-five.home8-style .inner-box,
.tab-block .nav-link,
.team-section.home8-style {
  background-color: var(--dark-color1);
}

.video-item .video-box .play-now .icon {
  color: var(--dark-color1);
}

.bg-dark-2,
.header-style-two .header-top,
.header-style-three .header-lower .main-box,
.home1-service-block .inner-box,
.service-block .inner-box,
.about-section-two .skills-column .skills .bar-inner,
.team-section,
.news-section,
.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,
.header-style-two .header-top .inner-container,
.service-block-two.style2,
.feature-block-one .inner-box .content-wrap,
.testimonial-section:before,
.process-section,
.testimonial-section .owl-dots .owl-dot,
.main-header.header-style-four .header-top-iconbox .iconbox:after,
.service-block-three .inner-box,
.about-block-four .graph-box,
.home4-project-slider.owl-carousel .owl-nav .owl-prev,
.home4-project-slider.owl-carousel .owl-nav .owl-next,
.about-section-six .content-column .text-block .icon,
.service-block-four .inner-box,
.news-section-two,
.about-section-seven .text-column .skills .skill-item .bar-inner,
.about-section-seven .image-column .image-1 .call-anytime-box,
.counter-block-two .inner,
.news-section.home6-style,
.service-block-five .inner-box,
.about-section-nine .feature-box,
.skills .skill-item .skill-bar .bar-inner,
.team-block-three .info-box,
.pricing-section,
.service-section-five.home8-style,
.counter-block-three.home8-style .inner {
  background-color: var(--dark-color2);
}

.feature-block-one .inner-box .content-wrap:after {
  border-color: var(--dark-color2) transparent transparent transparent;
}

.bg-dark-3,
.service-section .bg-image,
.testimonial-section-three:before,
.process-block .inner-box:hover .icon-box span {
  background-color: var(--dark-color3);
}

.bg-dark-4 {
  background-color: var(--dark-color4);
}

.main-menu .navigation > li > a,
.main-menu .navigation > li.current > a,
strong,
.title a,
h2,
h6,
.sec-title h2,
.sec-title .sub-title,
.main-header .ui-btn,
.main-header .info-btn,
.about-section-two .skills-column .skills .skill-title,
.about-block .inner .title,
.about-section .content-column .text-block a,
.team-block .info-box .name a,
.about-block-two .inner .title,
.feature-block-one .inner-box .content-wrap .title,
.feature-block-one .inner-box:hover .content-wrap .title,
.testimonial-block .content-box .text,
.testimonial-block .name,
.feature-block-three .title,
.main-header.header-style-four .header-top-iconbox .iconbox .title,
.offer-section-two .content-column .info-box .title,
.main-header.header-style-five .header-middle-iconbox .iconbox .title,
.feature-block-five .icon,
.about-section-six .content-column .skills .skill-item .skill-title,
.about-section-six .content-column .text-block a,
.counter-block .count-box .count-text,
.counter-block .count-box,
.counter-block .inner:hover .icon-box,
.team-block-two .info-box .name a,
.counter-block-two .count-box .count-text,
.counter-block-two .title,
.about-section-nine .list-style-two li,
.about-section-nine .skills .skill-item .skill-title,
.about-section-nine .skills .skill-item .skill-bar .bar-inner .skill-percentage,
.team-block-three .info-box .name a,
.testimonial-block-three .name,
.counter-block-three .count-box,
.innerpage .accordion-box .block .acc-btn,
.pricing-block .title,
.tab-block .nav-link,
.team-block-four .info-box .name a {
  color: var(--theme-color-light) !important;
}

.testimonial-block .content-box .rating {
  color: var(--theme-color1);
}

.text-lights,
p,
.text,
.list-style-one li,
.list-style-one li a,
.list-style-one li i,
.list-style-two li,
.counter-block .counter-title,
.testimonial-block-two .text {
  color: rgba(255, 255, 255, 0.6);
}

.bg-dark-text-light,
.home1-team-slider .owl-nav .owl-prev,
.home1-team-slider .owl-nav .owl-next,
.home2-news-slider .owl-nav .owl-prev,
.home2-news-slider .owl-nav .owl-next,
.btn-style-two,
.list-style-three li,
.innerpage .accordion-box .block {
  background-color: var(--theme-color-dark);
  color: var(--theme-color-light);
}

.process-block .inner-box .title::before {
  border-right-color: var(--theme-color-dark);
}

.about-section-two .image-column .inner-column .exp-box .inner:before {
  border-top-color: var(--theme-color-dark);
}

.main-menu .navigation > li:before {
  background-color: var(--theme-color-light);
}

/*	Border Color */
.border-color,
.about-section .image-column .image-2,
.team-block .image-box:before,
.contact-section .content-column .feature-box,
.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,
.clients-carousel,
.about-block-three .images-2,
.news-block.style-two .lower-content,
.about-section-three .image-column .image-2,
.about-section-four .image-column .image-2,
.offer-section-two .content-column .info-box,
.main-header.header-style-five .header-lower,
.service-section-four,
.testimonial-block-two .inner-box,
.about-section-seven .image-column .image-2,
.innerpage .accordion-box .block .acc-btn {
  border-color: #2c2a2a;
}

.process-block-two .inner-box .content-box::before {
  background-color: #2c2a2a;
}

.about-section-nine:before {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(4, 4, 4, 0.09)), color-stop(82%, #000000));
  background-image: linear-gradient(270deg, rgba(4, 4, 4, 0.09) 0%, #000000 82%);
  opacity: 0.9;
}

.op-1 {
  opacity: 0.1;
}

.op-2 {
  opacity: 0.2;
}

.op-3 {
  opacity: 0.3;
}

.op-4,
.about-section .bg,
.about-section-four .bg {
  opacity: 0.4;
}

.bg-unset,
.offer-section-two .content-column .info-box:hover .icon,
.main-header.header-style-six .header-lower .logo-box:before {
  background-color: unset;
}

.bg-img-unset,
.contact-section:after,
.fun-fact-section,
.fun-fact-section-two {
  background-image: unset !important;
}

.banner-section-one .bottom-shape {
  background-image: url(../images/main-slider/bottom-shape-dark.png);
}

.bg-pattern-2 {
  background-image: url(../images/icons/pattern-2-dark.png);
}

.why-choose-us-two .content-column {
  background-image: url(../images/pattern/pattern-1-dark.jpg);
}

.bg-pattern-1 {
  background-image: url(../images/icons/pattern-1-dark.png);
}

.project-section-three:before {
  background-image: url(../images/icons/bg-shape6-dark.png);
}

.img-light,
.clients-carousel .client-item img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}