: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,
.service-block-three .inner-box .icon-box,
.service-block-four .inner-box .content-box,
.client-section-three::before,
.testimonial-block-three .inner-box .content-box .icons,
.process-block-three .inner-box:hover .icon-box span,
.news-block-three .inner-box .contento-box,
.about-section-two .content-column .inner-column::after,
.service-block-two .inner-box .image-box,
.service-block-two .inner-box .content-box .inner,
.contact-form-two .select2-container--default .select2-selection--single,
.contact-form-two input:not([type=submit]),
.contact-form-two textarea,
.contact-form-two select,
.video-section .btn-box-video .play-btn .icon,
.team-block .info-box,
.testimonial-block .rating,
.pricing-block .inner-box {
  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,
.service-block-four .inner-box .content-box .icon-box,
.benifet-block .inner-box,
.benifet-block .inner-box:hover .icon-box,
.benifet-block .inner-box:hover .icon-box::before,
.benifet-block .inner-box:hover .icon-box::after,
.testimonial-block-three .inner-box,
.counter-block .image-box,
.team-block-three .inner-box .content-box,
.process-block-three .inner-box .icon-box,
.news-section-three,
.banner-section-two .content-box .inner-box .inner,
.services-section-two::before,
.service-block-two .inner-box .content-box .inner .icon,
.clients-section-two .text,
.team-block-two .inner-box,
.team-block-two .info-box,
.testimonial-block-two .inner-box,
.why-choose-three,
.contact-form-two,
.news-block-two .inner-box,
.about-section .content-column .inner-column .info-btn-three::after,
.about-section .content-column .inner-column .skills .bar-inner,
.project-block .info-box::before,
.faqs-section,
.faqs-section .graph-box,
.video-section .btn-box-video,
.feature-block-two .content-box,
.schedule-tabs .tab-buttons,
.schedule-section .schedule-outer,
.pricing-section,
.pricing-block .inner-box .shap::after,
.news-block .inner-box .content-box {
  background-color: var(--dark-color2);
}

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

.bg-dark-3,
.process-block-three .inner-box .icon-box span,
.owl-dots .owl-dot.active,
.testimonial-block-two .content-box .inner::before,
.testimonial-block-two .inner-box::before,
.testimonial-block-two .content-box .rating,
.faqs-section .graph-box,
.accordion-box .block,
.accordion-box .block .acc-btn.active,
.video-section .btn-box-video .play-btn::before {
  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,
.benifet-block .inner-box .content-box .title,
.testimonial-block-three .inner-box .content-box .auther-info .title,
.process-block-three .inner-box .icon-box span,
.banner-section-two .content-box .inner-box .inner .info-box .title,
.banner-section-two .content-box .inner-box .inner .icon,
.service-block-two .inner-box .content-box .inner .info-box .title,
.team-block-two .info-box .name a,
.testimonial-block-two .content-box .inner .name,
.why-choose-three .content-column .inner-column .inner-box .title,
.pie-graph .graph-outer .inner-text,
.accordion-box .block .acc-btn.active,
.video-section .btn-box-video h5,
.team-block .info-box .name a,
.feature-block-two .content-box h5,
.schedule-tabs .tab-buttons li h5,
.schedule-block .title,
.video-section .tabs-column .inner-column .about-tabs .btn-box .tab-btn {
  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,
.project-block-three .inner-box .image-box .content-box span,
.image-column .inner-column .read-more,
.pricing-block .features li:before {
  color: rgba(255, 255, 255, 0.6);
}

.bg-dark-text-light,
.banner-section-three .slick-next::before,
.banner-section-three .slick-prev::before,
.service-block-four .inner-box .content-box .plus-btn,
.project-block-three .inner-box .image-box .content-box,
.team-block-three .inner-box .content-box .social-icon li a,
.news-section-three .inner-column-two .slick-prev::before,
.news-section-three .inner-column-two .slick-next::before,
.team-block-two .info-box .social-icons a,
.projects-section.style-two .owl-nav .owl-next,
.projects-section.style-two .owl-nav .owl-prev,
.accordion-box .block .acc-btn,
.pricing-block .inner-box .info-shap {
  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,
.header-style-two .header-lower .outer-box .contact-info i.icon,
.benifet-block .inner-box,
.project-block-three .inner-box .image-box .content-box .arrow-btn,
.banner-section-three .banner-slider .banner-slide .outer-box .inner-box .btn-box-two .play-now .icon,
.header-style-two .header-lower,
.banner-carousel .owl-nav .owl-next, .banner-carousel .owl-nav .owl-prev,
.owl-dots .owl-dot.active,
.owl-dots .owl-dot,
.service-block-two .inner-box .image-box,
.subscribe-form .outer-box .form-group .info-box input,
.projects-section.style-two .owl-nav .owl-next, .projects-section.style-two .owl-nav .owl-prev,
.accordion-box .block .acc-btn,
.accordion-box .block .acc-content .content,
.schedule-tabs .tab-buttons,
.schedule-block .inner-box {
  border-color: #2c2a2a;
}

.clients-section-two .outer-box:before,
.schedule-block.style-two::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,
.service-block-four .inner-box .content-box::before,
.team-block-three .inner-box .content-box::before,
.banner-section-two .content-box .inner-box .inner::before,
.service-block-two .inner-box .content-box .inner::before,
.team-block-two .inner-box:hover .info-box::before,
.pricing-block::before {
  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 {
  background-color: unset;
}

.bg-img-unset,
.team-section-three,
.news-section-three,
.about-section .shap-background-3,
.schedule-section .bg-backgroun,
.pricing-section .bg-backgroun {
  background-image: unset !important;
}

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

.contact-section-three .bg {
  background-image: url(../images/background/17-dark.jpg);
}

.img-light,
.about-section-three .content-column .inner-column .btn-box .auther-info .sig,
.about-section-two .content-column .inner-column .inner-box .founder-info .sig,
.client-block-two a img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.testimonial-block-three .inner-box .content-box .icons img {
  -webkit-filter: brightness(1) invert(0);
          filter: brightness(1) invert(0);
}