body.dark-mode {
  background-color: var(--dark-color1);
}

.dark-mode {
  --dark-color1: #171717;
  --dark-color2: #222020;
  --dark-color3: #2b242b;
}
.dark-mode .bg-dark-1 {
  background-color: var(--dark-color1) !important;
}
.dark-mode .bg-dark-2 {
  background-color: var(--dark-color2) !important;
}
.dark-mode .bg-dark-3 {
  background-color: var(--dark-color3) !important;
}
.dark-mode .page-wrapper,
.dark-mode .sticky-header,
.dark-mode .header-style-one,
.dark-mode .header-style-two .header-lower .logo-box:before,
.dark-mode .checkout-form-section .checkout-form,
.dark-mode .service-block .inner-box,
.dark-mode .booking-form-column .inner-column .bk-form .frm-field input,
.dark-mode .booking-form-column .inner-column .bk-form .frm-field select,
.dark-mode .news-block .inner-box .content-box .read-more,
.dark-mode .header-style-two .main-box,
.dark-mode .client-block .inner-box,
.dark-mode .offer-banner .outer-box .btn-column .inner-column .read-more,
.dark-mode .news-block-two .inner-box .content-box .btn-box .read-more,
.dark-mode .pricing-block-two .inner-box .content-column .inner-column::before,
.dark-mode .service-section-two,
.dark-mode .about-section-two .content-column .inner-column .btn-box .theme-btn,
.dark-mode .service-block-two .inner-box .image-box .icon-box::before,
.dark-mode .overlay-anim:before {
  background-color: var(--dark-color1);
}
.dark-mode .testimonial-block-four .inner-box .info-box .icon {
  color: var(--dark-color1);
}
.dark-mode .header-style-one .header-lower .logo-box:before,
.dark-mode .header-style-one .main-box .btn-box:before,
.dark-mode .header-style-four .header-top,
.dark-mode .rooms-section,
.dark-mode .about-section-two,
.dark-mode .service-block .inner-box::before,
.dark-mode .feature-row .content-column .inner-column,
.dark-mode .about-section .image-column .btn-box .play-now-two,
.dark-mode .testimonial-column .inner-column .testimonial-slide .content-box .image-box .thumb::before,
.dark-mode .team-block .info-box,
.dark-mode .booking-form-column .inner-column:before,
.dark-mode .news-block .inner-box .content-box,
.dark-mode .header-style-one .outer-box .header-btn,
.dark-mode .checkout-form-section .checkout-form .btn-style-one,
.dark-mode .about-section .content-column .btn-box .theme-btn,
.dark-mode .about-section .image-column .image-1::after,
.dark-mode .call-to-action .content-colum .inner-column .call-block .inner-box .icon-box,
.dark-mode .client-block .inner-box:before,
.dark-mode .news-block-two .inner-box .content-box,
.dark-mode .pricing-block-two .inner-box .content-column .inner-column,
.dark-mode .pricing-section,
.dark-mode .service-block-two .inner-box {
  background-color: var(--dark-color2);
}
.dark-mode .pricing-section-two {
  background-color: var(--dark-color3);
}
.dark-mode .btn-style-one,
.dark-mode .offer-banner .outer-box {
  background-color: var(--dark-color3);
}
.dark-mode .about-section .content-column .info-box {
  border-bottom: 1px solid var(--dark-color2);
}
.dark-mode .btn-style-three,
.dark-mode .work-tabs .tab-buttons .tab-btn {
  background-color: #000;
}
.dark-mode .service-block-two .inner-box .hover-content .icon,
.dark-mode .about-section-two .content-column .float-text {
  color: #3a3a3a;
}
.dark-mode .blockquote-one {
  color: #8d8d8d;
}
.dark-mode .sticky-header .mobile-nav-toggler,
.dark-mode .main-header .info-btn small,
.dark-mode .main-menu .navigation > li > a,
.dark-mode .header-style-two .main-menu .navigation > li > a,
.dark-mode .list-style-one li,
.dark-mode .main-header .ui-btn,
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode strong,
.dark-mode .title a,
.dark-mode .checkout-form-section .checkout-form .checkout-field > h6,
.dark-mode .sec-title h2,
.dark-mode .info-block .icon-box i,
.dark-mode .pricing-block .inner-box .content-box .title span,
.dark-mode .booking-form-column .inner-column .bk-form .frm-field select,
.dark-mode .news-block .inner-box .content-box .read-more,
.dark-mode .header-style-two .mobile-nav-toggler,
.dark-mode .news-block-two .inner-box .content-box .btn-box .read-more {
  color: #fff;
}
.dark-mode .pricing-block .inner-box .content-box .title span::before {
  opacity: 0.3;
}
.dark-mode .sticky-header .main-menu .navigation > li > a {
  color: var(--dark-color1);
}
.dark-mode .btn-style-one,
.dark-mode .about-section .image-column .image-2,
.dark-mode .service-block .inner-box,
.dark-mode .video-section .btn-column .inner-column .play-now-two,
.dark-mode .about-section .image-column .btn-box:before,
.dark-mode .testimonial-slider .slick-dots li.slick-active,
.dark-mode .booking-form-column .inner-column .bk-form .frm-field input,
.dark-mode .booking-form-column .inner-column .bk-form .frm-field select,
.dark-mode .checkout-form-section .checkout-form .checkout-field,
.dark-mode .banner-section .content-box .btn,
.dark-mode .banner-section-two .banner-slider .content-box .btn,
.dark-mode .banner-section-two .slick-dots li.slick-active button,
.dark-mode .news-block-two .inner-box .content-box .btn-box {
  border-color: #2c2a2a;
}
.dark-mode .feature-block .count {
  -webkit-text-stroke-color: #fff;
}
.dark-mode .counter-block-two .count-box {
  -webkit-text-stroke-color: var(--bg-theme-color2);
}
.dark-mode .header-style-two {
  background-color: unset;
}
.dark-mode .banner-section-two .bottom-box:before,
.dark-mode .contact-section:before {
  opacity: 0.1;
}
.dark-mode .header-style-two .outer-box .search-btn img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.dark-mode .news-section-two::before {
  background-image: url(../images/resource/pattern-4-dark.jpg);
}
.dark-mode .contact-form .form-group textarea {
  background-color: #0a090f;
}
.dark-mode .contact-form .form-group input:not([type=submit]) {
  background-color: #0a090f;
}
.dark-mode .newsletter-form-three .form-group input[type=text],
.dark-mode .newsletter-form-three .form-group input[type=email] {
  background-color: rgba(22, 36, 62, 0.7);
}
.dark-mode .client-block.dark-style img,
.dark-mode .about-section-seven .content-column .bottom-box .auther-info .image {
  display: inline-block !important;
  width: auto !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: unset;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  opacity: 0.4;
}
.dark-mode .team-block .inner-box:after {
  display: none;
}
.dark-mode .banner-section-twelve .gradient-overlay:before {
  background: linear-gradient(90.22deg, var(--dark-color1) 0.19%, rgba(22, 36, 62, 0) 99.81%);
}
.dark-mode .header-style-one {
  margin-top: 0;
  padding-top: 18px;
}