/*-------------------------------
    Dark Theme  CSS
-------------------------------*/
.switch-theme-mode {
  position: fixed;
  top: 200px;
  right: 15px;
  z-index: 99;
}

.switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/*.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}*/
.slider.round {
  border-radius: 50%;
}
.slider.round:before {
  border-radius: 50%;
}
.slider:before {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  left: 0px;
  bottom: 4px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  transition: 0.4s;
  box-shadow: 0 0px 15px rgba(32, 32, 32, 0.2392156863);
  background: white url("../img/night.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--optionalColor);
  background-size: 17px;
}

input:checked + .slider {
  background-color: transparent;
}

input:focus + .slider {
  box-shadow: 0 0 1px transparent;
}

input:checked + .slider:before {
  transform: translateX(0);
  background: #000 url("../img/sunny.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}

.theme-light .client-logo .logo-dark,
.theme-light .navbar-brand .logo-dark,
.theme-light .logo .logo-dark {
  display: none !important;
}
.theme-light .client-logo .logo-light,
.theme-light .navbar-brand .logo-light,
.theme-light .logo .logo-light {
  display: block !important;
}

.theme-dark .navbar-brand .logo-dark,
.theme-dark .client-logo .logo-dark,
.theme-dark .logo .logo-dark {
  display: block !important;
}
.theme-dark .navbar-brand .logo-light,
.theme-dark .client-logo .logo-light,
.theme-dark .logo .logo-light {
  display: none !important;
}
.theme-dark .text-dark-offwhite {
  color: rgba(255, 255, 255, 0.8) !important;
}
.theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6 {
  color: var(--whiteColor);
}
.theme-dark body {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark body,
.theme-dark .testimonial-wrap.style-three::after,
.theme-dark .feature-wrap::after,
.theme-dark .responsive-navbar {
  background-color: var(--blackColor) !important;
}
.theme-dark .pricing-card.featured .btn,
.theme-dark .pricing-card:hover .btn,
.theme-dark .btn.style-three,
.theme-dark .hero-section.style-three .hero-content > span,
.theme-dark .section-subtitle.text-title {
  color: var(--titleColor) !important;
}
.theme-dark .navbar-area .navbar .navbar-toggler .burger-menu span {
  background-color: var(--whiteColor) !important;
}
.theme-dark .testimonial-card.style-one .client-quote,
.theme-dark .footer-wrap .copyright-text,
.theme-dark .pricing-card,
.theme-dark .feature-box::after,
.theme-dark .service-card.bg-white,
.theme-dark .blog-card.style-one::after,
.theme-dark .blog-card.style-two::after,
.theme-dark .blog-card.style-three::after,
.theme-dark .navbar-area.style-two .navbar,
.theme-dark .navbar-area.sticky {
  background-color: var(--codColor) !important;
}
.theme-dark .hero-slider .hero-content p span.text_secondary,
.theme-dark .category-box li a:hover {
  color: var(--secondaryColor) !important;
}
.theme-dark .navbar-area .navbar .others-option .searchbox input {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--whiteColor);
}
.theme-dark .navbar-area .navbar .others-option .searchbox input::-moz-placeholder {
  color: var(--offwhiteColor);
  opacity: 1;
}
.theme-dark .navbar-area .navbar .others-option .searchbox input::placeholder {
  color: var(--offwhiteColor);
  opacity: 1;
}
.theme-dark .navbar-area .navbar .others-option .searchbox button i {
  color: var(--whiteColor);
}
.theme-dark .page-nav li:first-child a i,
.theme-dark .page-nav li:last-child a i,
.theme-dark .text-title,
.theme-dark a,
.theme-dark .text_secondary,
.theme-dark .text-title,
.theme-dark .page-nav li a:hover,
.theme-dark .page-nav li a.active,
.theme-dark article p strong, .theme-dark article p b, .theme-dark .service-desc p strong, .theme-dark .service-desc p b, .theme-dark .project-desc p strong, .theme-dark .project-desc p b, .theme-dark .terms-wrap p strong, .theme-dark .terms-wrap p b,
.theme-dark .navbar-area.style-two .navbar-top .other-options .btn,
.theme-dark .footer-wrap .footer-widget-wrap .footer-widget .contact-list li,
.theme-dark .breadcrumb-wrapper .br-content .br-menu li,
.theme-dark .breadcrumb-wrapper .br-content .br-menu li a,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list > a:hover::after,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list > a.active::after,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list > a::after,
.theme-dark .responsive-navbar .offcanvas-header .close-btn,
.theme-dark .accordion-item .accordion-header .accordion-button,
.theme-dark .responsive-navbar .offcanvas-body .contact-info .contact-item a,
.theme-dark .responsive-navbar .offcanvas-body .contact-info .contact-item p,
.theme-dark .page-nav li a,
.theme-dark .hero-section.style-three .hero-content h1,
.theme-dark .search-box-widget button i,
.theme-dark article ol li, .theme-dark .service-desc ol li, .theme-dark .project-desc ol li, .theme-dark .terms-wrap ol li,
.theme-dark .footer-wrap .copyright-text a {
  color: var(--whiteColor) !important;
}
.theme-dark .team-card .team-info span,
.theme-dark .team-desc .team-info .team-info-item .social-profile li a i,
.theme-dark .app-box .app-content .feature-list li,
.theme-dark .about-wrap.style-two .about-features .feature-item .feature-list li,
.theme-dark .responsive-navbar .offcanvas-body .contact-info .contact-item span,
.theme-dark .contact-wrap.style-one .contact-img-wrap .client-review .client-ratings span,
.theme-dark .contact-wrap.style-one .contact-img-wrap .client-review .trustlogo .ratings span,
.theme-dark .contact-wrap.style-one .contact-img-wrap .client-review .trustlogo .client-logo p,
.theme-dark .contact-form .form-group label,
.theme-dark .pp-post-item .pp-post-info span,
.theme-dark .comment-item-wrap .single-comment-box .comment-item .comment-author-wrap .comment-author-name .comment-date,
.theme-dark .footer-wrap .footer-widget-wrap .footer-widget .social-profile li a i,
.theme-dark .footer-wrap .copyright-text {
  color: var(--offwhiteColor);
}
.theme-dark .copyright-text .link.style-one,
.theme-dark .team-desc .team-info .team-info-item .social-profile li a:hover i,
.theme-dark .footer-wrap .footer-widget-wrap .footer-widget .contact-list li a:hover,
.theme-dark .footer-wrap .footer-widget-wrap .footer-widget .footer-menu li a:hover {
  color: var(--secondaryColor);
}
.theme-dark .contact-form .form-group select option,
.theme-dark .testimonial-card.style-one:hover .client-quote .client-info-wrap .client-info h5,
.theme-dark .testimonial-card.style-one:hover .client-quote .client-info-wrap .client-info span,
.theme-dark .testimonial-card.style-one:hover .client-quote p {
  color: var(--blackColor);
}
.theme-dark .accordion-item .accordion-header .accordion-button.collapsed,
.theme-dark .footer-wrap .footer-widget-wrap,
.theme-dark .accordion-item .accordion-body p,
.theme-dark .blog-card.style-one,
.theme-dark .blog-card.style-two,
.theme-dark .blog-card.style-three,
.theme-dark .service-list-wrap .service-list,
.theme-dark .counter-card-wrap.style-one,
.theme-dark .pricing-card .price-tag,
.theme-dark .pricing-card p,
.theme-dark .service-list li,
.theme-dark .comment-item-wrap .single-comment-box .comment-item,
.theme-dark .comment-item-wrap .single-comment-box .reply-btn,
.theme-dark .feature-card.style-two,
.theme-dark .contact-info-box-wrap .contact-info-box,
.theme-dark .about-wrap.style-two .about-features .feature-item,
.theme-dark .responsive-navbar .offcanvas-header,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu .active > .responsive-menu-items li,
.theme-dark .testimonial-card.style-one .client-quote .client-info-wrap,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
  border-color: rgba(255, 255, 255, 0.2);
}
.theme-dark .testimonial-wrap.style-two .testimonial-slider-wrap::before,
.theme-dark .testimonial-wrap.style-two .testimonial-slider-wrap::after,
.theme-dark .contact-wrap.style-one .contact-img-wrap .client-review::after {
  background-color: rgba(255, 255, 255, 0.2);
}
.theme-dark .sidebar,
.theme-dark .comment-item-wrap .single-comment-box {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.theme-dark .service-list-wrap .service-list .service-link {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.theme-dark .service-list-wrap .service-list .service-link:hover {
  border-color: transparent;
  background-color: var(--secondaryColor);
}
.theme-dark .link.style-one:after, .theme-dark .link.style-three:after {
  background-color: var(--offwhiteColor);
}
.theme-dark .link img {
  filter: brightness(0) invert(1);
}
.theme-dark .project-card .project-info span,
.theme-dark .move-text ul li {
  -webkit-text-stroke: 1.6px rgba(255, 255, 255, 0.2);
}
.theme-dark .blog-card.style-two .link img,
.theme-dark .blog-card.style-three .link img,
.theme-dark .wh-area .wh-content .award-logo-wrap img,
.theme-dark .brand-logo img,
.theme-dark .page-nav a img,
.theme-dark .service-list li a img,
.theme-dark .app-btn a:nth-child(2) img,
.theme-dark .work-card-wrap .work-card::after,
.theme-dark .hero-section.style-three .hero-content .hero-btn .link img,
.theme-dark .move-text ul li::after {
  filter: brightness(0) invert(1);
}
.theme-dark .link.style-one,
.theme-dark .link.style-three,
.theme-dark .service-list li a,
.theme-dark .comment-item-wrap .comment-item .comment-info .reply-btn,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .nav-link,
.theme-dark .pp-post-item h3 a,
.theme-dark .blog-metainfo li a,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list a,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu li a,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link,
.theme-dark .footer-wrap .footer-widget .footer-menu li a {
  color: var(--whiteColor);
}
.theme-dark .link.style-one:hover, .theme-dark .link.style-one.active,
.theme-dark .link.style-three:hover,
.theme-dark .link.style-three.active,
.theme-dark .service-list li a:hover,
.theme-dark .service-list li a.active,
.theme-dark .comment-item-wrap .comment-item .comment-info .reply-btn:hover,
.theme-dark .comment-item-wrap .comment-item .comment-info .reply-btn.active,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .nav-link:hover,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .nav-link.active,
.theme-dark .pp-post-item h3 a:hover,
.theme-dark .pp-post-item h3 a.active,
.theme-dark .blog-metainfo li a:hover,
.theme-dark .blog-metainfo li a.active,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list a:hover,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list a.active,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu li a:hover,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu li a.active,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.active,
.theme-dark .footer-wrap .footer-widget .footer-menu li a:hover,
.theme-dark .footer-wrap .footer-widget .footer-menu li a.active {
  color: var(--secondaryColor) !important;
}
.theme-dark .search-btn i,
.theme-dark .navbar-area .navbar .navbar-nav > .nav-item > .nav-link.dropdown-toggle::before {
  color: var(--whiteColor);
}
.theme-dark .navbar-area .navbar .navbar-nav > .nav-item > .nav-link.dropdown-toggle.active:before {
  color: var(--secondaryColor);
}
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list a.active,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu li a.active {
  color: var(--secondaryColor);
}
.theme-dark .tag-list li a {
  background-color: var(--codColor);
}
.theme-dark .tag-list li a:hover {
  background-color: var(--secondaryColor);
}
.theme-dark .bg-white,
.theme-dark .bg-optional,
.theme-dark .project-card .project-info:after,
.theme-dark .service-card.bg-optional,
.theme-dark .contact-wrap.style-one .contact-img-wrap .client-review,
.theme-dark .wh-area:after,
.theme-dark .hero-section.style-three,
.theme-dark .blog-wrap.style-one::after,
.theme-dark .service-card-item:after,
.theme-dark .navbar-area.style-two::after,
.theme-dark .testimonial-wrap.style-three::before,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .dropdown-menu,
.theme-dark .accordion-item .accordion-body,
.theme-dark .accordion-item .accordion-header .accordion-button {
  background-color: var(--aztechColor) !important;
}
.theme-dark .sidebar .sidebar-widget .search-form i,
.theme-dark .navbar-area .navbar-top .navbar-right .social-profile li a i {
  color: var(--whiteColor);
}
.theme-dark .service-card.style-one .link.style-two img {
  filter: brightness(1) invert(0);
}
.theme-dark .search-box-widget input,
.theme-dark .contact-widget input,
.theme-dark .contact-widget textarea,
.theme-dark .contact-form .form-group input,
.theme-dark .contact-form .form-group select,
.theme-dark .contact-form .form-group textarea,
.theme-dark .footer-wrap .subscribe-form input {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: rgba(255, 255, 255, 0.8);
}
.theme-dark .search-box-widget input::-moz-placeholder, .theme-dark .contact-widget input::-moz-placeholder, .theme-dark .contact-widget textarea::-moz-placeholder, .theme-dark .contact-form .form-group input::-moz-placeholder, .theme-dark .contact-form .form-group select::-moz-placeholder, .theme-dark .contact-form .form-group textarea::-moz-placeholder, .theme-dark .footer-wrap .subscribe-form input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.theme-dark .search-box-widget input::placeholder,
.theme-dark .contact-widget input::placeholder,
.theme-dark .contact-widget textarea::placeholder,
.theme-dark .contact-form .form-group input::placeholder,
.theme-dark .contact-form .form-group select::placeholder,
.theme-dark .contact-form .form-group textarea::placeholder,
.theme-dark .footer-wrap .subscribe-form input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.theme-dark .footer-wrap .subscribe-form button {
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--whiteColor);
}
.theme-dark .about-wrap.style-two .about-features .feature-item .feature-title span {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

@media only screen and (max-width: 991px) {
  .switch-theme-mode {
    top: 270px;
  }
}/*# sourceMappingURL=dark-theme.css.map */