/*-------------------------------
    Dark Theme  CSS
-------------------------------*/
:root {
  --aztechColor:#091315;
  --codColor: #191919;
  --darkColor: #000;
  --grayColor: #f7f7f7;
}

.switch-theme-mode {
  position: fixed;
  top: 200px;
  right: 15px;
  z-index: 99;
}

/* The switch - the box around the slider */
.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(--aztechColor);
  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: white url("../img/sunny.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}

/*---------------------------------
    Color CSS For Elements 
-----------------------------------*/
.theme-light .navbar-brand .logo-dark {
  display: none !important;
}
.theme-light .navbar-brand .logo-light {
  display: block !important;
}
.theme-light .footer-logo .logo-dark {
  display: none !important;
}
.theme-light .footer-logo .logo-light {
  display: block !important;
}

.theme-dark .navbar-brand .logo-light {
  display: none !important;
}
.theme-dark .navbar-brand .logo-dark {
  display: block !important;
}
.theme-dark .footer-logo .logo-dark {
  display: block !important;
}
.theme-dark .footer-logo .logo-light {
  display: none !important;
}
.theme-dark .process-wrap.bg_gray,
.theme-dark .bg_ash,
.theme-dark .testimonial-card-one,
.theme-dark .footer-wrap {
  background-color: var(--codColor) !important;
}
.theme-dark body,
.theme-dark .bg-white,
.theme-dark .wh-card,
.theme-dark .hero-one .hero-img-wrap .hero-img-one .js-play-now,
.theme-dark .hero-one .hero-img-wrap .hero-img-two .hero-promo-box,
.theme-dark .footer-wrap.footer-one.td-dark,
.theme-dark .client-wrap-one.bg_secondary,
.theme-dark .search-area {
  background-color: var(--darkColor) !important;
}
.theme-dark .partner-logo img {
  filter: brightness(0) invert(1);
}
.theme-dark .td-aztech,
.theme-dark .bg_primary,
.theme-dark .bg_gray,
.theme-dark .hero-three,
.theme-dark .bg_secondary,
.theme-dark .hero-two,
.theme-dark .hero-wrap.hero-one,
.theme-dark .cta-wrap-three .cta-content,
.theme-dark .breadcrumb-wrap,
.theme-dark .talent-wrap-one,
.theme-dark .header-wrap.header-four .header-bottom,
.theme-dark .pricing-card-one,
.theme-dark .hero-three::after,
.theme-dark .skill-card-two ul li a,
.theme-dark .footer-wrap.footer-one,
.theme-dark .header-wrap.header-two.sticky .header-bottom,
.theme-dark .category-card-two,
.theme-dark .category-card-one,
.theme-dark .breadcrumb-wrap::after,
.theme-dark .breadcrumb-wrap-two::after,
.theme-dark .testimonial-card-two,
.theme-dark .testimonial-card-three,
.theme-dark .post-job-content,
.theme-dark .talent-wrap-two .talent-img-wrap .js-play-now,
.theme-dark .progress-wrap::after {
  background-color: var(--aztechColor) !important;
}
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6,
.theme-dark h3 a,
.theme-dark .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a,
.theme-dark .header-wrap.header-two .navbar .navbar-nav .nav-item a,
.theme-dark .header-wrap.header-three .header-bottom .navbar .navbar-nav .nav-item a,
.theme-dark article p strong, .theme-dark article p b, .theme-dark .terms-wrap p strong, .theme-dark .terms-wrap p b {
  color: var(--whiteColor) !important;
}
.theme-dark p, .theme-dark span,
.theme-dark .content-feature-list li,
.theme-dark .login-form .login-body .form-group label,
.theme-dark article ol li,
.theme-dark .terms-wrap ol li,
.theme-dark article p strong,
.theme-dark .terms-wrap p strong,
.theme-dark .content-feature-list li,
.theme-dark article ol li,
.theme-dark .terms-wrap ol li,
.theme-dark article .single-listing-features li,
.theme-dark .terms-wrap .single-listing-features li,
.theme-dark .filter-radio-group [type=radio]:checked + label,
.theme-dark .filter-radio-group [type=radio]:not(:checked) + label,
.theme-dark .post-metainfo li,
.theme-dark .category-card-three .category-link i,
.theme-dark .contact-item .contact-info a,
.theme-dark .contact-item .contact-info p {
  color: var(--offwhiteColor) !important;
}
.theme-dark .service-card-one .service-info h5 a,
.theme-dark .service-card-two .service-info h5 a,
.theme-dark .service-card-three .service-info h5 a,
.theme-dark .service-card-four .service-info h5 a,
.theme-dark .footer-wrap .footer-widget .footer-menu li a,
.theme-dark .footer-wrap .footer-widget .contact-info li p,
.theme-dark .footer-wrap .footer-widget .contact-info li a,
.theme-dark .freelancer-card-one .freelancer-info .freelancer-metainfo li,
.theme-dark .hero-wrap .hero-content .search-keywords a,
.theme-dark .header-wrap.header-four .navbar .navbar-nav .nav-item a,
.theme-dark .breadcrumb-content .breadcrumb-menu li a,
.theme-dark .chat-box,
.theme-dark .chat-box ion-icon,
.theme-dark .skill-card-two ul li a,
.theme-dark .skill-card-three ul li a,
.theme-dark .skill-card-one ul li a {
  color: var(--offwhiteColor);
}
.theme-dark .service-card-one .service-info h5 a:hover,
.theme-dark .service-card-two .service-info h5 a:hover,
.theme-dark .service-card-three .service-info h5 a:hover,
.theme-dark .service-card-four .service-info h5 a:hover,
.theme-dark .footer-wrap .footer-widget .footer-menu li a:hover,
.theme-dark .footer-wrap .footer-widget .contact-info li p:hover,
.theme-dark .footer-wrap .footer-widget .contact-info li a:hover,
.theme-dark .freelancer-card-one .freelancer-info .freelancer-metainfo li:hover,
.theme-dark .hero-wrap .hero-content .search-keywords a:hover,
.theme-dark .header-wrap.header-four .navbar .navbar-nav .nav-item a:hover,
.theme-dark .breadcrumb-content .breadcrumb-menu li a:hover,
.theme-dark .chat-box:hover,
.theme-dark .chat-box ion-icon:hover,
.theme-dark .skill-card-two ul li a:hover,
.theme-dark .skill-card-three ul li a:hover,
.theme-dark .skill-card-one ul li a:hover {
  color: var(--primaryColor);
}
.theme-dark .post-job-content .some-info ul li,
.theme-dark .content-feature-list-two li,
.theme-dark .job-metainfo li,
.theme-dark .breadcrumb-content .breadcrumb-menu li::after,
.theme-dark .testimonial-extra .testimonial-list li,
.theme-dark .pricing-card-one .pricing-features li,
.theme-dark .pricing-card-two .pricing-features li {
  color: var(--offwhiteColor);
}
.theme-dark .post-job-content .some-info ul li .choose-file label {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.theme-dark .seller-location,
.theme-dark .service-desc-box .accordion-item,
.theme-dark .service-desc-box-two .accordion-item,
.theme-dark .service-desc-box,
.theme-dark .service-desc-box-two,
.theme-dark .job-desc-box,
.theme-dark .freelancer-card-one,
.theme-dark .service-card-one,
.theme-dark .service-card-two,
.theme-dark .service-card-three,
.theme-dark .service-card-four,
.theme-dark .employer-card,
.theme-dark .blog-card-one,
.theme-dark .blog-card-two,
.theme-dark .blog-card-three {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: transparent;
  box-shadow: none;
}
.theme-dark h3:hover a,
.theme-dark .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.theme-dark .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active,
.theme-dark .header-wrap.header-three .header-bottom .navbar .navbar-nav .nav-item a:hover,
.theme-dark .header-wrap.header-three .header-bottom .navbar .navbar-nav .nav-item a.active,
.theme-dark .copyright-text a,
.theme-dark .freelancer-details .freelancer-para-two .freelancer-meta span,
.theme-dark .copyright-text span {
  color: var(--primaryColor) !important;
}
.theme-dark .progress-wrap svg.progress-circle path {
  stroke: rgba(255, 255, 255, 0.6);
}
.theme-dark article,
.theme-dark .service-card-one .service-info .service-metaoption,
.theme-dark .service-card-two .service-info .service-metaoption,
.theme-dark .service-card-three .service-info .service-metaoption,
.theme-dark .service-card-four .service-info .service-metaoption .service-card-two .service-info .service-metaoption,
.theme-dark .service-card-three .service-info .service-metaoption,
.theme-dark .service-card-four .service-info .service-metaoption,
.theme-dark .pricing-card-one .pricing-features,
.theme-dark .pricing-card-two .pricing-features,
.theme-dark .footer-wrap.footer-one .copyright-text,
.theme-dark .contact-item-wrap .contact-item,
.theme-dark .employer-logo,
.theme-dark .employer-stat-item,
.theme-dark .employer-details-wrap .job-desc-box .employer-job-wrapper,
.theme-dark .service-extra .filter-radio-group .form-group,
.theme-dark .checkbox label::before,
.theme-dark .freelancer-para,
.theme-dark .freelancer-para-two,
.theme-dark .pricing-card .pricing-features {
  border-color: rgba(255, 255, 255, 0.19) !important;
}
.theme-dark .progressbar-wrap .progress-bar .progress-content-outter:after,
.theme-dark .category-card-three,
.theme-dark .client-wrap-two .client-content .feature-item_wrap .feature-item .feature-icon,
.theme-dark .client-wrap-three .client-content .feature-item_wrap .feature-item .feature-icon {
  background-color: rgba(255, 255, 255, 0.18);
}
.theme-dark .wh-wrap .accordion-item {
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.19);
}
.theme-dark .filter-radio-group div label span {
  background-color: rgba(255, 255, 255, 0.18);
}
.theme-dark .tag-list-one li a {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: var(--whiteColor) !important;
}
.theme-dark .tag-list-one li a:hover {
  background: var(--primaryColor) !important;
  color: var(--whiteColor);
  border-color: transparent;
}
.theme-dark .or-text:before {
  background: rgba(255, 255, 255, 0.2);
}
.theme-dark .or-text p {
  background-color: var(--aztechColor);
}
.theme-dark .counter-card-wrap .counter-card::after {
  background-color: rgba(255, 255, 255, 0.18);
}
.theme-dark .accordion-item {
  background: transparent;
}
.theme-dark .accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  color: var(--whiteColor);
}
.theme-dark .accordion-item .accordion-header .accordion-button span {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.theme-dark .search-area button i {
  color: var(--whiteColor);
}
.theme-dark .category-box-two li a {
  color: var(--whiteColor);
}
.theme-dark .category-box-two li a:hover {
  color: var(--primaryColor);
}
.theme-dark .blog-card-one .blog-info .link-one,
.theme-dark .blog-card-two .blog-info .link-one,
.theme-dark .blog-card-three .blog-info .link-one {
  color: var(--offwhiteColor);
}
.theme-dark .blog-card-one .blog-info .link-one:hover,
.theme-dark .blog-card-two .blog-info .link-one:hover,
.theme-dark .blog-card-three .blog-info .link-one:hover {
  color: var(--primaryColor);
}
.theme-dark .wp-block-quote,
.theme-dark .sidebar-widget,
.theme-dark .sidebar-widget-two {
  background-color: transparent;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.theme-dark .header-wrap .navbar .navbar-nav .nav-item a:hover,
.theme-dark .header-wrap .navbar .navbar-nav .nav-item a:focus,
.theme-dark .header-wrap .navbar .navbar-nav .nav-item a.active {
  color: var(--primaryColor) !important;
}
.theme-dark .post-author,
.theme-dark #cmt-form,
.theme-dark .contact-form,
.theme-dark .post-meta-option {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.theme-dark .hero-one .hero-content .search-freelancers .form-group input,
.theme-dark .hero-two .hero-content .search-freelancers .form-group input,
.theme-dark .hero-three .hero-content .search-freelancers .form-group input,
.theme-dark input, .theme-dark textarea,
.theme-dark .search-box-one .form-group input,
.theme-dark .add-listing-form .form-group input,
.theme-dark .add-listing-form .form-group textarea,
.theme-dark .footer-wrap .footer-widget .newsletter-form .form-group input,
.theme-dark .contact-widget .form-group input,
.theme-dark .contact-widget .form-group textarea,
.theme-dark .login-form-wrap .login-form .form-group input,
.theme-dark .login-form-wrap-two .login-form .form-group input,
.theme-dark .job-proposal-form .form-group input,
.theme-dark .job-proposal-form .form-group textarea,
.theme-dark .post-job-content .form-group input,
.theme-dark .post-job-content .form-group textarea,
.theme-dark #cmt-form .comment-form .form-group input,
.theme-dark #cmt-form .comment-form .form-group textarea,
.theme-dark #contactForm .form-group input,
.theme-dark #contactForm .form-group textarea,
.theme-dark .checkout-form .form-group input,
.theme-dark .login-form-wrap .login-body .form-group input {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: var(--whiteColor);
}
.theme-dark .hero-one .hero-content .search-freelancers .form-group input::-moz-placeholder, .theme-dark .hero-two .hero-content .search-freelancers .form-group input::-moz-placeholder, .theme-dark .hero-three .hero-content .search-freelancers .form-group input::-moz-placeholder, .theme-dark input::-moz-placeholder, .theme-dark textarea::-moz-placeholder, .theme-dark .search-box-one .form-group input::-moz-placeholder, .theme-dark .add-listing-form .form-group input::-moz-placeholder, .theme-dark .add-listing-form .form-group textarea::-moz-placeholder, .theme-dark .footer-wrap .footer-widget .newsletter-form .form-group input::-moz-placeholder, .theme-dark .contact-widget .form-group input::-moz-placeholder, .theme-dark .contact-widget .form-group textarea::-moz-placeholder, .theme-dark .login-form-wrap .login-form .form-group input::-moz-placeholder, .theme-dark .login-form-wrap-two .login-form .form-group input::-moz-placeholder, .theme-dark .job-proposal-form .form-group input::-moz-placeholder, .theme-dark .job-proposal-form .form-group textarea::-moz-placeholder, .theme-dark .post-job-content .form-group input::-moz-placeholder, .theme-dark .post-job-content .form-group textarea::-moz-placeholder, .theme-dark #cmt-form .comment-form .form-group input::-moz-placeholder, .theme-dark #cmt-form .comment-form .form-group textarea::-moz-placeholder, .theme-dark #contactForm .form-group input::-moz-placeholder, .theme-dark #contactForm .form-group textarea::-moz-placeholder, .theme-dark .checkout-form .form-group input::-moz-placeholder, .theme-dark .login-form-wrap .login-body .form-group input::-moz-placeholder {
  color: var(--whiteColor);
}
.theme-dark .hero-one .hero-content .search-freelancers .form-group input::placeholder,
.theme-dark .hero-two .hero-content .search-freelancers .form-group input::placeholder,
.theme-dark .hero-three .hero-content .search-freelancers .form-group input::placeholder,
.theme-dark input::placeholder, .theme-dark textarea::placeholder,
.theme-dark .search-box-one .form-group input::placeholder,
.theme-dark .add-listing-form .form-group input::placeholder,
.theme-dark .add-listing-form .form-group textarea::placeholder,
.theme-dark .footer-wrap .footer-widget .newsletter-form .form-group input::placeholder,
.theme-dark .contact-widget .form-group input::placeholder,
.theme-dark .contact-widget .form-group textarea::placeholder,
.theme-dark .login-form-wrap .login-form .form-group input::placeholder,
.theme-dark .login-form-wrap-two .login-form .form-group input::placeholder,
.theme-dark .job-proposal-form .form-group input::placeholder,
.theme-dark .job-proposal-form .form-group textarea::placeholder,
.theme-dark .post-job-content .form-group input::placeholder,
.theme-dark .post-job-content .form-group textarea::placeholder,
.theme-dark #cmt-form .comment-form .form-group input::placeholder,
.theme-dark #cmt-form .comment-form .form-group textarea::placeholder,
.theme-dark #contactForm .form-group input::placeholder,
.theme-dark #contactForm .form-group textarea::placeholder,
.theme-dark .checkout-form .form-group input::placeholder,
.theme-dark .login-form-wrap .login-body .form-group input::placeholder {
  color: var(--whiteColor);
}
.theme-dark .partner-item img {
  filter: brightness(0) invert(1);
}
.theme-dark .page-nav li a {
  background-color: var(--whiteColor);
}
.theme-dark .page-nav li a:hover, .theme-dark .page-nav li a.active {
  background-color: var(--primaryColor);
  color: var(--whiteColor) !important;
}
.theme-dark .login-wrap:before {
  background-color: var(--codColor);
}
.theme-dark .login-wrap:after {
  background-color: var(--aztechColor);
}
.theme-dark .search-box-two,
.theme-dark .search-box-one .form-group {
  background-color: var(--darkColor);
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.theme-dark .contact-widget .form-group input,
.theme-dark .contact-widget .form-group textarea,
.theme-dark .search-box .form-group input {
  background-color: var(--blackColor);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--whiteColor);
}
.theme-dark .contact-widget .form-group input::-moz-placeholder, .theme-dark .contact-widget .form-group textarea::-moz-placeholder, .theme-dark .search-box .form-group input::-moz-placeholder {
  color: var(--whiteColor);
}
.theme-dark .contact-widget .form-group input::placeholder,
.theme-dark .contact-widget .form-group textarea::placeholder,
.theme-dark .search-box .form-group input::placeholder {
  color: var(--whiteColor);
}
.theme-dark .post-job-content .form-group select,
.theme-dark .hero-one .hero-content .search-freelancers select,
.theme-dark .hero-two .hero-content .search-freelancers select,
.theme-dark .hero-three .hero-content .search-freelancers select,
.theme-dark .register-form .form-group select {
  background-color: var(--aztechColor);
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: var(--whiteColor);
}
.theme-dark .search-box-two select,
.theme-dark .comment-item-wrap.job-proposal-wrap .comment-item,
.theme-dark .search-result-wrap,
.theme-dark .job-card,
.theme-dark .search-result-wrap select,
.theme-dark .search-box-one select {
  background-color: var(--darkColor);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--whiteColor);
}
.theme-dark select {
  background-image: url(../img/down-arrow-white.webp);
}
.theme-dark .blog-details-wrap .author-box,
.theme-dark .comment-item-wrap .comment-item {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.theme-dark .pp-post-item .pp-post-info h6 a {
  color: var(--whiteColor);
}
.theme-dark .pp-post-item .pp-post-info h6 a:hover {
  color: var(--primaryColor);
}
.theme-dark .client-review .comment-item-wrap .comment-item .comment-author-wrap .comment-author-info .reply-btn,
.theme-dark .tag-list.style2 li a,
.theme-dark .blog-metainfo li,
.theme-dark .author-widget .author-social-link .social-profile li a i,
.theme-dark .blog-metainfo li a {
  color: var(--offwhiteColor);
}
.theme-dark .client-review .comment-item-wrap .comment-item .comment-author-wrap .comment-author-info .reply-btn:hover,
.theme-dark .tag-list.style2 li a:hover,
.theme-dark .blog-metainfo li:hover,
.theme-dark .author-widget .author-social-link .social-profile li a i:hover,
.theme-dark .blog-metainfo li a:hover {
  color: var(--primaryColor);
}
.theme-dark .search-result-two select {
  background-color: var(--aztechColor);
  color: var(--whiteColor);
}

@media only screen and (max-width: 991px) {
  .switch-theme-mode {
    top: 270px;
  }
  .theme-dark .main-menu-wrap,
  .theme-dark .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu {
    background-color: var(--aztechColor);
  }
  .theme-dark .menu-close i,
  .theme-dark .header-wrap .navbar .navbar-nav .nav-item .menu-expand i {
    color: var(--whiteColor) !important;
  }
  .theme-dark .header-wrap .navbar .navbar-nav .nav-item a.active,
  .theme-dark .main-menu li a.active {
    color: var(--primaryColor) !important;
  }
  .theme-dark .main-menu li a.active,
  .theme-dark .main-menu li a {
    border-color: rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (min-width: 992px) {
  .theme-dark .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu,
  .theme-dark .main-menu-wrap #menu ul li.has-children .sub-menu {
    background-color: var(--aztechColor);
  }
  .theme-dark .header-wrap .navbar .navbar-nav .nav-item a:hover,
  .theme-dark .header-wrap .navbar .navbar-nav .nav-item a:focus,
  .theme-dark .header-wrap .navbar .navbar-nav .nav-item a.active {
    color: var(--primaryColor) !important;
  }
  .theme-dark .header-wrap.style2 .navbar .navbar-nav .nav-item .dropdown-menu li {
    border-color: rgba(255, 255, 255, 0.15);
  }
}/*# sourceMappingURL=dark-theme.css.map */