.theme-switcher {
  position: fixed;
  z-index: 999999;
  bottom: 30px;
  right: 80px;
  /* Rounded sliders */
}

.theme-switcher .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 34px;
}

.theme-switcher .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.theme-switcher .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.theme-switcher .slider::before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  left: 0px;
  bottom: 4px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-shadow: 0 0px 15px #2020203d;
          box-shadow: 0 0px 15px #2020203d;
  background: white url("../../../../../i.ibb.co/FxzBYR9/night.png");
  background-repeat: no-repeat;
  background-position: center;
}

.theme-switcher input:checked + .slider {
  background-color: #111111;
}

.theme-switcher input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #111111;
          box-shadow: 0 0 1px #111111;
}

.theme-switcher input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  transform: translateX(18px);
  background: white url("../../../../../i.ibb.co/7JfqXxB/sunny.png");
  background-repeat: no-repeat;
  background-position: center;
}

.theme-switcher .slider.round {
  border-radius: 34px;
}

.theme-switcher .slider.round::before {
  border-radius: 50%;
}

.theme-light {
  --backgroundColor: #f9fbfe;
  --transparentColor: #fcebe5;
  --whiteColor: #ffffff;
  --blackColor: #212121;
  --paragraphColor: #555555;
}

.theme-light .white-logo {
  display: none;
}

.theme-light .black-logo {
  display: block;
}

.theme-dark {
  --backgroundColor: #f9fbfe;
  --transparentColor: #fcebe5;
  --whiteColor: #212121;
  --blackColor: #ffffff;
  --paragraphColor: #e4e4e4;
  --boxShadow:  rgba(60, 60, 60, 0.329) 0px 0px 10px;
  /*================================================
    Footer Area area CSS
    =================================================*/
  /*================================================
    Index 01 Banner area CSS
    =================================================*/
  /*================================================
    Index 01 Newsletter area CSS
    =================================================*/
  /*================================================
    Index 02 Banner area CSS
    =================================================*/
  /*================================================
    Index 03 Banner area CSS
    =================================================*/
  /*================================================
    Uni Banner area CSS
    =================================================*/
  /*================================================
    Blog Details area CSS
    =================================================*/
  /*================================================
    Contact area CSS
    =================================================*/
  /*================================================
    Accordion area CSS
    =================================================*/
  /*================================================
    Form area CSS
    =================================================*/
}

.theme-dark .white-logo {
  display: block;
}

.theme-dark .black-logo {
  display: none;
}

.theme-dark .bg-f9fbfe {
  background-color: #060606;
}

.theme-dark .footer, .theme-dark .copyright {
  background-color: #020c14;
}

.theme-dark .main-banner .half-circle {
  background-color: #181a1c;
}

.theme-dark .newsletter-content form .default-button {
  background-color: var(--fix-blackColor);
}

.theme-dark .home-banner {
  background-color: #2a2a2a;
}

.theme-dark .home-banner::after {
  background-color: #131416;
}

.theme-dark .banner-slider-area .owl-dots .owl-dot {
  color: var(--blackColor);
}

.theme-dark .banner-slider-area .owl-dots .active {
  color: var(--mainColor);
}

.theme-dark .banner::before {
  background-color: rgba(0, 0, 0, 0.8);
}

.theme-dark .uni-banner::before {
  background-color: rgba(0, 0, 0, 0.9);
}

.theme-dark .blog-form-area {
  background-color: #212121;
  -webkit-box-shadow: var(--boxShadow);
          box-shadow: var(--boxShadow);
}

.theme-dark .blog-form-area form .form-control {
  background-color: #242424;
}

.theme-dark .contact-form-area .form-control {
  background-color: #242424;
}

.theme-dark .accordion-item {
  border: 0px !important;
}

.theme-dark .accordion-item .accordion-button {
  background-color: #242424;
}

.theme-dark .accordion-item .accordion-body {
  background-color: #000000;
  border: 0;
}

.theme-dark .form-area {
  background-color: #242424;
}
/*# sourceMappingURL=dark-mode.css.map */