.dark-theem {
    --black: #fff;
    --mainColor: #000;
    --with: #fff;
    --gray: #7d7d7d;
    --shadow: rgba(255, 255, 255, 0.5);
    --bg-body: #000;
}
.dark-theem .work .heading-section::after,
.dark-theem .work .heading-section::before,
.dark-theem .abuot .heading-section::after,
.dark-theem .btn-effct::before,
.dark-theem .close,
.dark-theem .abuot .heading-section::before,
.dark-theem .navbar .nav-link::before {
    background-color: var(--with);
}
.dark-theem .navbar .nav-link,
.dark-theem .work .content-work .work-link,
.dark-theem .abuot-title {
    color: var(--with);
}
.dark-theem .navbar,
.dark-theem .box-dark .dark,
.dark-theem .link-popup.btn-effct::before,
.dark-theem footer,
.dark-theem .content-popup-work .close {
    background-color: var(--mainColor);
}
.dark-theem .logo-imge img {
    border: 1px solid var(--with);
}
.dark-theem .box-dark {
    border: 1px solid var(--with);
    background-color: var(--with);
}
.dark-theem .navbar .nav-link:hover,
.dark-theem .btn-contact:hover,
.dark-theem .work .content-work .work-link:hover {
    color: var(--mainColor);
}
.dark-theem .nav-link.active {
    background-color: var(--with);
    color: var(--mainColor) !important;
}

.dark-theem .contact .box-content {
    border: 1px solid var(--with);
}
.dark-theem .copy {
    border-top: 1px solid var(--with);
}