:root {
  --dark-color1: #171717;
  --dark-color2: #222020;
  --dark-color3: #2b242b;
}

.bg-dark-1 {
  background-color: var(--dark-color1) !important;
}

.bg-dark-2 {
  background-color: var(--dark-color2) !important;
}

.bg-dark-3 {
  background-color: var(--dark-color3) !important;
}

body,
.sticky-header,
.page-wrapper,
.header-style-one,
.header-style-two .main-box,
.header-style-three,
.header-style-four .header-lower,
.banner-section,
.banner-section-two,
.banner-section-three,
.banner-section-four,
.why-choose-us-two .bg,
.footer-style-one,
.footer-style-two,
.footer-style-three,
.footer-style-four,
.team-block-three .social-links a,
.testimonial-section-three,
.fun-fact-section-four,
.about-section-four,
.about-section-four .image-column .inner-column .experience-box,
.footer-style-four .footer-bottom,
.header-contact-list .contact-info .icon,
.about-section-five,
.footer-style-five,
.newslatters-form-three .form-group input[type=email],
.testimonial-block-five .image-box,
.header-style-six,
.about-section-six .images-column .inner-column .image-box .icon,
.about-section-six .images-column .inner-column .experience-box .inner-box,
.footer-style-six,
.footer-style-seven .footer-lower .inner-container,
.service-block-eight .inner-box,
.team-block-seven .inner-box,
.team-section-seven .owl-carousel .owl-dots .owl-dot,
.header-style-seven .header-top,
.banner-section-seven .bg-image:before,
.pricing-block-three .inner-box .sale-badge,
.team-block-eight .inner-box .social-links a,
.project-block-eight .inner-box .info-box:before,
.process-section,
.about-section-eight,
.about-section-eight .image-column .exp-box .inner,
.header-style-eight .header-top,
.banner-section-nine,
.services-section-ten,
.service-block-ten .inner-box .icon-box:before,
.service-block-ten .inner-box .icon-box:after,
.process-section-two,
.process-section-two .image-column .inner-column .image-box .exp-box,
.process-section-two .content-column .inner-column .info-box .icon,
.header-style-ten .header-lower,
.banner-section-ten,
.service-block-eleven .inner-box .read-more::before,
.about-section-ten,
.about-section-ten .content-column .inner-column .counter-block-eleven .inner-box,
.about-section-eleven,
.testimonial-block-ten .inner-box .info-box,
.counter-block-ten .count-box,
.project-section-eight.style-two,
.subscribe-form-four input:not([type=submit]) {
  background-color: var(--dark-color1);
}

.testimonial-block-four .inner-box .info-box .icon {
  color: var(--dark-color1);
}

a {
  color: inherit;
}

.header-style-one .header-top,
.header-style-one .main-box .outer-box .toggle-hidden-bar,
.header-style-two .logo-box,
.header-style-three .main-box .logo-box,
.header-style-four .header-top,
.about-section .image-column .inner-column .about-block .inner-box,
.clients-section .clients-outer,
.service-block .inner-box,
.news-block .inner-box .content-box,
.footer-bottom,
.award-box-one,
.project-block .inner-box .info-box,
.team-block .info-box,
.subscribe-section,
.testimonial-block .inner-box,
.testimonial-block .content-box,
.counter-block .inner,
.team-block .share-icon,
.team-block .social-links a,
.mixitup-gallery .filter-btns .filter,
.accordion-box .block .acc-btn.active,
.project-block .inner-box .image-box .read-more,
.news-block .inner-box .image-box .post-date,
.header-style-two .outer-box:before,
.about-section-two .video-column .inner-column .image-box:before,
.about-section-two .video-column .inner-column .info-box,
.about-block-two,
.feature-block .inner-box,
.team-block-two .info-box::before,
.project-block-two .inner-box .info-box,
.news-block-two .inner-box .content-box .title:after,
.fun-fact-section-two,
.call-to-action .outer-box,
.default-navs .owl-next,
.default-navs .owl-prev,
.default-navs .owl-next:before,
.default-navs .owl-prev:before,
.team-block-two .social-links a,
.service-block-three .inner-box,
.why-choose-us-three .images-column .exp-box .inner:before,
.team-section-three,
.project-block-three .inner-box .info-box,
.fun-fact-section-three,
.testimonial-block-three .inner-box,
.about-section-three .image-column .inner-column .exp-box,
.service-block-four .inner-box .content-box,
.clients-section-two,
.testimonial-section-four.alternate:before,
.testimonial-block-four .info-box .rating,
.news-block-four .inner-box .content-box,
.subscribe-section-two .outer-box,
.service-block-five .inner-box,
.about-section-five .image-column .experience-box,
.pricing-tab .tab-btns .tab-btn,
.pricing-block .inner-box,
.fun-fact-section-five,
.team-block-five .info-box,
.project-section-five,
.testimonial-block-five .inner-box,
.subscribe-section-three,
.news-block-five .inner-box .info-box,
.social-icon-three li a,
.footer-style-five .newslatter-widget .widget-content,
.service-block-six .inner-box .content,
.header-style-six .main-box .logo-box,
.header-style-six .header-top,
.banner-section-six .content-column .inner-column .btn-box .theme-btn,
.banner-section-six,
.about-section-six .content-column .inner-column .info-box .inner-box:before,
.about-section-six .content-column .inner-column .info-box:nth-child(even) .inner-box:before,
.about-section-six .images-column .inner-column .experience-box .inner-box,
.about-section-six .images-column .inner-column .video-box .play-now .icon:after,
.services-section-twelve,
.pricing-block-two .inner-box .content-box,
.subscribe-section-four,
.team-block-six .info-box,
.project-block-six .inner-box .info-box:after,
.testimonial-block-six .inner-box,
.counter-block-six .inner,
.news-block-six .inner-box,
.footer-style-seven,
.counter-block-seven .inner,
.services-section-eight,
.about-section-seven .image-column .inner-column .image-box .exp-box,
.about-section-seven .content-column .info-box .inner,
.team-section-seven,
.team-block-seven .social-links a,
.subscribe-section-five .outer-box,
.pricing-block-three .inner-box,
.clients-section-two.alternate,
.service-block-seven .inner-box .content,
.header-style-seven .main-box,
.footer-style-eight,
.subscribe-section-six,
.team-block-eight .inner-box,
.project-section-eight,
.testimonial-block-eight .inner-box,
.process-block .inner-box,
.pricing-block-four .inner-box,
.service-section-nine,
.header-style-eight .main-box .logo-box,
.header-style-eight .header-lower,
.header-style-nine .main-box .logo-box:before,
.service-block-ten .inner-box,
.about-section-nine .image-column .inner-column .image-box:before,
.about-section-nine .image-column .inner-column .image-box:after,
.process-section-two .content-column .inner-column .info-box .inner,
.pricing-block-five .inner-box,
.team-block-nine .info-box,
.fun-fact-section-nine,
.testimonial-block-nine .inner-box,
.news-block-nine .inner-box,
.news-block-nine .inner-box:hover,
.footer-style-nine,
.newslatters-form-one .form-group input[type=text],
.newslatters-form-one .form-group input[type=email],
.header-style-ten .main-box .logo-box:before,
.service-block-eleven .inner-box,
.about-section-ten .image-column .inner-column .info-box,
.testimonial-section-ten:before,
.testimonial-block-ten .inner-box,
.testimonial-block-ten .inner-box .info-box .rating,
.accordion-box.style-three .block .acc-btn,
.subscribe-section-seven,
.about-section-eleven .content-column .exp-box,
.footer-style-ten,
.subscribe-form-seven input:not([type=submit]),
.news-block-two .inner-box .content-box {
  background-color: var(--dark-color2);
}

.mixitup-gallery .filter-btns .filter:hover,
.mixitup-gallery .filter-btns .filter.active,
.process-block-six .inner-box .content-box .count,
.pricing-tab .tab-btns .tab-btn.active-btn,
.pricing-block-two .inner-box:hover:before,
.accordion-box.style-three .block .acc-btn.active,
.pricing-section-six .swiper-nav .swiper-next:before,
.pricing-section-six .swiper-nav .swiper-prev:before {
  background-color: var(--dark-color3);
}

.testimonial-section .owl-carousel .owl-dots .owl-dot {
  background-color: var(--dark-color3);
}

.about-section-three .image-column .image-2,
.about-section-seven .image-column .image-2 img {
  border: 10px solid var(--dark-color1);
}

.about-section-nine .image-column .image-2 {
  border: 10px solid var(--dark-color2);
}

.process-block .info-box:before {
  border-bottom: 10px solid var(--dark-color2);
}

.testimonial-block .content-box:before {
  border-top: 30px solid var(--dark-color2);
}

.feature-block .inner-box:hover .icon {
  background-color: var(--dark-color3);
}

.team-block .info-box:before {
  background: -webkit-gradient(linear, left bottom, left top, from(var(--dark-color2)), to(transparent));
  background: linear-gradient(to top, var(--dark-color2), transparent);
}

.team-block .image-box .image {
  background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(var(--dark-color2)), to(var(--dark-color2)));
  background: linear-gradient(to top, transparent, var(--dark-color2), var(--dark-color2));
}

.team-block .image-box .image:before {
  background: -webkit-gradient(linear, left bottom, left top, from(var(--dark-color2)), color-stop(var(--dark-color2)), to(var(--theme-color1)));
  background: linear-gradient(to top, var(--dark-color2), var(--dark-color2), var(--theme-color1));
}

.feature-block .inner-box .image-box .image::before {
  background: -webkit-gradient(linear, left bottom, left top, from(var(--dark-color2)), to(transparent));
  background: linear-gradient(to top, var(--dark-color2), transparent);
}

.project-block-nine .inner-box .info-box:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 38, 110, 0)), to(var(--dark-color1)));
  background: linear-gradient(180deg, rgba(30, 38, 110, 0) 0%, var(--dark-color1) 100%);
}

.testimonial-block-two .inner-box:hover .content-box {
  background-color: var(--dark-color3);
}

.social-icon-one li a:hover {
  color: #505050;
}

.list-style-two li {
  color: #74707c;
}

.features-section .tabs-column .tab-btns .tab-btn.active-btn:before {
  background-color: var(--dark-color2);
}

.clients-section .outer-box {
  border-top: 1px solid var(--dark-color2);
}

.about-section .content-column .info-box {
  border-bottom: 1px solid var(--dark-color2);
}

.about-section .content-column .other-info .list-style-two {
  border-left: 1px solid var(--dark-color2);
}

.quote-section .content-column .other-info {
  border-top: 1px solid var(--dark-color1);
}

.counter-block .inner:before {
  border-right: 1px solid var(--dark-color1);
}

.feature-block .inner-box .content-box .icon-box {
  border: 12px solid var(--dark-color2);
}

.why-choose-us .outer-box .float-image:before {
  border: 10px solid var(--dark-color2);
}

.header-style-two .main-box .outer-box .info-btn .icon {
  padding-right: 20px;
}

.about-section-five .content-column .inner-column {
  padding: 50px;
}

.faq-section-two .images-column .image-2 img {
  border: 10px solid #505050;
}

.about-section-five .image-column .image-2,
.about-section-two .image-column .image-2 {
  border: 20px solid var(--dark-color2);
}

.features-section .tabs-column .tab-btns .tab-btn.active-btn:after {
  border-left: 20px solid var(--dark-color2);
}

.testimonial-block-two .content-box:before {
  border-top: 20px solid #222020;
}

.project-section-two .project-block .content-box {
  border-bottom-color: var(--dark-color2);
}

.client-block {
  border-right: 1px solid var(--dark-color1);
}

.pricing-block.style-two .inner-box {
  background-color: var(--dark-color3);
}

.btn-style-three,
.work-tabs .tab-buttons .tab-btn {
  background-color: #000;
}

.counter-block-two .inner:hover .icon {
  background-color: transparent;
}

.about-section-six .image-column .image-box:before {
  background-color: var(--bg-theme-color2);
}

.blockquote-one {
  background-color: #323232;
}

.about-section .content-column .info-btn i {
  background-color: #282a2e;
}

.about-section-two .content-column .inner-column .list-style-two li {
  color: #6a6a6a;
}

.service-block .content-box .read-more {
  color: #fff;
}

.about-section .content-column .author-info .designation,
.about-section .content-column .info-box:hover .title {
  color: #bdbdbd;
}

.service-block-two .inner-box .hover-content .icon,
.about-section-two .content-column .float-text {
  color: #3a3a3a;
}

.blockquote-one {
  color: #8d8d8d;
}

.newslatters-form-one .form-group input[type=email]::-webkit-input-placeholder, .subscribe-form-seven input:not([type=submit])::-webkit-input-placeholder, .subscribe-form-four input:not([type=submit])::-webkit-input-placeholder {
  color: #fff;
}

.newslatters-form-one .form-group input[type=email]::-moz-placeholder, .subscribe-form-seven input:not([type=submit])::-moz-placeholder, .subscribe-form-four input:not([type=submit])::-moz-placeholder {
  color: #fff;
}

.newslatters-form-one .form-group input[type=email]:-ms-input-placeholder, .subscribe-form-seven input:not([type=submit]):-ms-input-placeholder, .subscribe-form-four input:not([type=submit]):-ms-input-placeholder {
  color: #fff;
}

.newslatters-form-one .form-group input[type=email]::-ms-input-placeholder, .subscribe-form-seven input:not([type=submit])::-ms-input-placeholder, .subscribe-form-four input:not([type=submit])::-ms-input-placeholder {
  color: #fff;
}

.sticky-header .mobile-nav-toggler,
.sticky-header .main-menu .navigation > li > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a,
.header-style-one .main-box .outer-box .ui-btn,
.main-menu .navigation > li > a,
.banner-section .content-column .inner-column .title,
h6,
strong,
.title a,
.sec-title h2,
.social-icon-one li a,
.footer-style-one .widgets-section .widget-title,
.service-block .inner-box .read-more,
.accordion-box .block .acc-btn,
.accordion-box.style-two .block .acc-btn.active,
.accordion-box.style-two .block .acc-btn:before,
.accordion-box.style-two .block .acc-btn .icon,
.counter-block .icon,
.team-block .share-icon,
.team-block .social-links a,
.mixitup-gallery .filter-btns .filter,
.accordion-box .block .acc-btn .icon,
.news-block .inner-box .content-box .post-meta li .icon,
.service-block-two .inner-box .icon,
.default-navs .owl-next,
.default-navs .owl-prev,
.team-block-two .social-links a,
.pricing-tab .tab-btns .tab-btn,
.team-block-seven .social-links a,
.team-block-eight .inner-box .social-links a,
.about-section-nine .content-column .inner-column .info-box .inner-box .icon,
.newslatters-form-one .form-group input[type=email]::placeholder,
.subscribe-form-seven input:not([type=submit])::placeholder,
.subscribe-form-four input:not([type=submit])::placeholder {
  color: #fff;
}

.light-text,
.news-block-five .inner-box .info-box .post-meta li,
.list-style-two li,
.testimonial-block .content-box .image-box .quote-icon,
.news-block .inner-box .content-box .post-meta li,
.testimonial-block-two .info-box .designation,
.news-block-two .inner-box .content-box .post-meta li,
.team-block-three .designation,
.news-block-four .inner-box .content-box .post-meta li,
.testimonial-block-five .content-box .quote-icon .icon {
  color: rgba(255, 255, 255, 0.6) !important;
}

.team-block-four .image-box .image:before,
.work-block .inner-box .image-box .image:before,
.project-block-five .inner-box .image-box .image:before {
  background: linear-gradient(3.65deg, #212529 5.86%, rgba(30, 38, 110, 0) 82.23%);
}

.team-block .info-box,
.accordion-box .block .acc-btn,
.service-block-two .inner-box,
.accordion-box.style-two .block,
.testimonial-block-two .info-box .quote-icon,
.testimonial-block-two .inner-box,
.news-block-two .inner-box .content-box .read-more,
.testimonial-block-two .info-box,
.team-block-two .share-icon,
.team-block-two .info-box::before,
.testimonial-block-two .info-box .quote-icon,
.header-style-three .main-box .toggle-hidden-bar,
.about-section-three .image-column .inner-column .exp-box,
.service-block-three .inner-box,
.why-choose-us-three .images-column .inner-column .image-box .image-2 img,
.counter-block-three .inner,
.testimonial-block-three .inner-box,
.service-block-four .inner-box .read-more,
.news-block-four .inner-box .content-box,
.banner-section-four .image-column .inner-column .image-box .image:before,
.about-section-four .image-column .inner-column .experience-box,
.about-section-five .content-column .inner-column .theme-btn,
.pricing-tab .tab-btns:before,
.pricing-block .inner-box,
.pricing-block .inner-box .title-box,
.play-btn .icon,
.banner-section-five .content-column .inner-column .btn-box .play-btn .icon::after,
.fun-fact-section-five .fact-counter,
.testimonial-block-five .inner-box,
.subscribe-form-two input:not([type=submit]),
.subscribe-form-three input:not([type=submit]),
.newslatters-form-three .form-group input[type=text],
.newslatters-form-three .form-group input[type=email],
.banner-section-six .content-column .inner-column .btn-box .theme-btn,
.banner-section-six .image-column .image::before,
.banner-section-six .image-column .image:after,
.about-section-six .content-column .inner-column .bottom-box .theme-btn,
.about-section-six .images-column .inner-column .experience-box .inner-box:before,
.pricing-block-two .inner-box:before,
.testimonial-block-six .info-box .thumb,
.counter-block-six .inner,
.news-block-six .inner-box,
.news-block-six .inner-box .content-box .post-meta,
.pricing-block-two .inner-box:hover:before,
.news-block-seven .inner-box,
.testimonial-block-seven .rating,
.testimonial-block-seven .info-box .thumb,
.services-section-eight .content-column .theme-btn,
.about-section-seven .image-column .inner-column .image-box .exp-box,
.about-section-seven .image-column .inner-column .image-box .image-2,
.subscribe-form-five input:not([type=submit]),
.pricing-block-three .inner-box,
.pricing-block-three .inner-box .title-box,
.service-block-seven .inner-box,
.service-block-seven .inner-box .title,
.service-block-seven .inner-box .theme-btn,
.news-block-eight .inner-box .content-box,
.news-block-eight .inner-box .content-box .text,
.testimonial-block-eight .inner-box,
.why-choose-us-four .image-column .inner-column .image-box .image-2,
.about-section-eight .image-column .exp-box .inner,
.about-section-nine .image-column .inner-column .video-box .inner .image,
.process-section-two .image-column .inner-column .image-box .image-1,
.process-section-two .image-column .inner-column .image-box .image-2,
.btn-style-three,
.testimonial-block-nine .info-box,
.testimonial-block-nine .rating,
.newslatters-form-one .form-group input[type=email],
.service-block-eleven .inner-box,
.about-section-ten .image-column .inner-column .image-box .image,
.counter-block-ten .inner,
.pricing-block-six .inner-box,
.about-section-ten .content-column .inner-column .exp-box .images-box img,
.testimonial-block-three .bottom-box .rating,
.news-block-eight .inner-box .content-box,
.about-section-ten .image-column .inner-column .image-box .image-2 {
  border-color: #505050;
}

.subscribe-form-seven input:not([type=submit]),
.subscribe-form-four input:not([type=submit]) {
  border: 1px solid #505050;
}

.service-block-two .inner-box .content-box .icon,
.about-section-four .image-column .inner-column .image-box::after,
.testimonial-block-four .inner-box .image {
  border: 5px solid #505050;
}

.feature-block .count {
  -webkit-text-stroke-color: #fff;
}

.counter-block-two .count-box {
  -webkit-text-stroke-color: var(--bg-theme-color2);
}

.header-style-two {
  background-color: unset;
}

.counter-block .inner {
  background-image: unset;
}

.banner-section-two .bottom-box:before,
.contact-section:before {
  opacity: 0.1;
}

.sponsors-outer .client-block img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.clients-carousel .slide-item img {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.clients-section .slide-item a:hover {
  background-color: inherit;
}

.icon-dots {
  background-image: url(../images/icons/icon-dots-dark.png);
}

.bg-pattern-3 {
  background-image: url(../images/icons/pattern-3-dark.png);
}

.main-footer .footer-bg-1 {
  background-image: url(../images/icons/footer-bg-1-dark.png);
}

.banner-section-three .image-column .image .bg-circle {
  background-image: url(../images/banner/circle-dark.png);
}

.service-block-five .inner-box:before {
  background-image: url(../images/icons/shadow-1-dark.png);
}

.about-section-six .images-column .inner-column .video-box .play-now {
  background-image: url(../images/icons/shape-2-dark.png);
}

.services-section-eight .bg-shape {
  background-image: url(../images/icons/shape-4-dark.png);
}

.banner-section-seven .bg-image::after {
  background-image: url(../images/banner/shape-1-dark.png);
}

.icon-dots-5 {
  background-image: url(../images/icons/icon-dots-5-dark.png);
}

.icon-wave-line {
  background-image: url(../images/icons/icon-wave-line-dark.png);
}

.icon-line-1 {
  background-image: url(../images/icons/icon-line-1-dark.png);
}

.icon-line-2 {
  background-image: url(../images/icons/icon-line-2-dark.png);
}

.banner-section-nine .image-column .image-box .overlay-shape {
  background-image: url(../images/banner/shape-2-dark.png);
}

.icon-object-1 {
  background-image: url(../images/icons/icon-object-1-dark.png);
}

.icon-object-2 {
  background-image: url(../images/icons/icon-object-2-dark.png);
}

.about-section-nine .image-column .inner-column .video-box .inner:before {
  background-image: url(../images/icons/shape-2-dark.png);
}

.banner-section-ten .image-box .overlay-shape {
  background-image: url(../images/banner/shape-3-dark.png);
}

.contact-form .form-group textarea {
  background-color: #0a090f;
}
.contact-form .form-group input:not([type=submit]) {
  background-color: #0a090f;
}

.testimonial-block .content-box .image-box .quote-icon,
.testimonial-block-four .info-box .quote-icon {
  -webkit-text-stroke-color: var(--dark-color1);
  color: var(--dark-color1);
  text-shadow: var(--dark-color1);
}

.banner-section .content-column .inner-column .title .highlighted,
.banner-section-four .content-column .inner-column .title span {
  -webkit-text-stroke-color: #fff;
}

.about-section .content-column .inner-column .author-info .sign img,
.clients-section-two .image img,
.about-section-nine .content-column .inner-column .author-box .sign img {
  -webkit-filter: invert(0.5);
          filter: invert(0.5);
}

.counter-block .icon,
.contact-list-three li .icon,
.counter-block-six .icon {
  background-color: transparent;
}