.dmfw-theme-btn {
  bottom: 7%;
  right: 3%;
  position: fixed;
  cursor: pointer;
  z-index: 999999999999;
}
.dmfw-theme-btn{
  top: var(--top-right);
  left: var(--top-left);
}
.dmfw-theme-btn i {
  font-size: 2.5rem!important;
  pointer-events: none;
  color: var(--dmfw-switch);
}

@media screen and (max-width: 768px) {
  .dmfw-theme-btn{
    display: var(--mobile-device)!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  .dmfw-theme-btn{
    display: var(--tablet-device)!important;
  }
}
@media screen and (min-width: 992px) {
  .dmfw-theme-btn{
    display: var(--desktop-device)!important;
  }
}


 body.dmfw-dark-mode *{
  background: var(--dmfw-primary)!important;
  background-size: cover!important;
  color: var(--dmfw-para)!important;
  border-color: var(--dmfw-border-color)!important;
}
body.dmfw-dark-mode{
  background-color: var(--dmfw-primary)!important;
  color: var(--dmfw-para)!important;
  border-color: var(--dmfw-border-color)!important;
}
.dmfw-dark-mode h1, .dmfw-dark-mode h2, .dmfw-dark-mode h3, .dmfw-dark-mode h4, .dmfw-dark-mode h5, .dmfw-dark-mode h6{
  color: var(--dmfw-heading)!important;
}
.dmfw-dark-mode h1 span{
  color: var(--dmfw-heading)!important;
}
.dmfw-dark-mode h2 span{
  color: var(--dmfw-heading)!important;
}
.dmfw-dark-mode h3 span{
  color: var(--dmfw-heading)!important;
}
.dmfw-dark-mode h4 span{
  color: var(--dmfw-heading)!important;
}
.dmfw-dark-mode h5 span{
  color: var(--dmfw-heading)!important;
}
.dmfw-dark-mode h6 span{
  color: var(--dmfw-heading)!important;
}
.dmfw-dark-mode p, .dmfw-dark-mode div, .dmfw-dark-mode strong, .dmfw-dark-mode i, .dmfw-dark-mode b{
  color: var(--dmfw-para)!important;
}
.dmfw-dark-mode span{
  color: var(--dmfw-para)!important;
}
.dmfw-dark-mode a{
  color: var(--dmfw-link)!important;
}
.dmfw-dark-mode a div{
  color: var(--dmfw-link)!important;
}
.dmfw-dark-mode a span{
  color: var(--dmfw-link)!important;
}

.dmfw-dark-mode a:hover{
  color: var(--dmfw-link-hover)!important;
}
.dmfw-dark-mode a div:hover{
  color: var(--dmfw-link-hover)!important;
}
.dmfw-dark-mode a span:hover{
  color: var(--dmfw-link-hover)!important;
}

.dmfw-dark-mode a span{
  color: var(--dmfw-link)!important;
}
.dmfw-dark-mode a{
  background-color: var(--dmfw-link-bg)!important;
}