body.dark {
    background-color: #292c35;
}


/* #9b59b6 */

body.dark h1,
body.dark .support a {
    color: #fff!important;
}

body.dark .dark-title {
    color: #fff!important;
}

body.dark .dark-p {
    color: #fff!important;
}

body.dark .navigation li a {
    color: #fff!important;
}

body.dark .dark-sub-menu {
    background-color: #292c35!important;
    border-color: #292c35 !important;
}

body.dark .dark-under-drop {
    background-color: #292c35!important;
    border-color: #292c35 !important;
}

body.dark .dark-about-section {
    background-color: #292c35!important;
    background: none!important;
}

body.dark .dark-sticky-header {
    background-color: #292c35!important;
}

body.dark .dark-footer-wrap {
    background-color: #203538!important;
    box-shadow: -3px -11px 10px #203538a1!important;
}

body.dark .dark-sub-menu {
    background-color: #292c35!important;
    border-color: #292c35 !important;
}

body.dark .dark-services-item {
    border: 1px solid #233739!important;
}

body.dark .dark-services-item::before {
    background: #1f3538f5!important;
}
body.dark .dark-footer-widget{
border-image: linear-gradient(to bottom, #e1e6ee40, rgb(32 53 56)) 1 100% !important;
    border-left: 4px solid #E1E6EE !important;
}
body.dark .dark-logo-image{
  /*padding: 16px!important;*/
}
body.dark .dark-logo{
    background: #fff!important;
    width: 303px!important;
}
.checkbox {
    opacity: 0;
    position: absolute;
}

.checkbox-label {
    background-color: #111;
    width: 50px;
    height: 26px;
    border-radius: 50px;
    position: relative;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fa-moon-o {
    color: #f1c40f;
}

.fa-sun-o {
    color: #f39c12;
}

.checkbox-label .ball {
    background-color: #ffffff7a;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    transition: transform 0.2s linear;
}

.checkbox:checked+.checkbox-label .ball {
    transform: translateX(24px);
}


/*  Support me if you like it */

.dark-version-switcher {
    margin-left: 20px;
}

.support {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.support a {
    color: #292c35;
    font-size: 32px;
    backface-visibility: hidden;
    display: inline-block;
    transition: transform 0.2s ease;
}

.support a:hover {
    transform: scale(1.1);
}