body.dark-theme {
    background-color: #121212;
    color: #e0e0e0;
}

.dark-theme *, .dark-theme *:before, .dark-theme *:after {
    transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, filter 0.5s ease;
}

.dark-theme a {

}

.dark-theme .header__logo {
filter: grayscale(100%) invert(100%);
}

.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6 {
    color: #ffffff;
}

.dark-theme .header.fixed {
    background: rgba(18, 18, 18, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(3.125rem);
}


.dark-theme .title.darkblue {
    color: #e0e0e0;
}


.dark-theme .form__input input {
    background: #333;
    border-color: #272727;
    color: #fff;
}

.dark-theme .form__input input::placeholder {
  color: #aaa;
}

.dark-theme .form__check label {
background: rgba(18, 18, 18, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(3.125rem);
}

.dark-theme .form__check input:checked + label {
    background: var(--Primary, rgb(12, 135, 212));
    color: #fff;
}

.dark-theme .form__check input:checked + label .title,
.dark-theme .form__check input:checked + label .subtitle {
    color: #ffffff !important;
}

.dark-theme .form__numbers {
    background: #2a2a2a;
    border-color: #272727;
}


.dark-theme .asked__right {
background-color: #151515;
    border-color: #242424;
}

.dark-theme .asked__btn {
    color: #ffffff;
}

.dark-theme .asked__right .icon {
    background: #333;
    border-color: #272727;
}

.dark-theme .asked__right .icon::after,
.dark-theme .asked__right .icon::before {
    background: #fff;
}

.dark-theme .asked__block {
    color: #a0a0a0;
}

.dark-theme .social {
    background: #2a2a2a;
}


.dark-theme .container--footer {
border-radius: var(--hg);
    gap: calc(var(--hg) * 2);
    background-color: rgb(19 19 19);
    padding: calc(var(--hg) * 2);
    width: 100%;
}

.dark-theme .befaft__slider .slick-prev, 
.dark-theme .befaft__slider .slick-next {
    background: #333;
    border-color: #272727;
}

.dark-theme .befaft__slider .slick-prev:hover, 
.dark-theme .befaft__slider .slick-next:hover {
  background: #444;
}

.dark-theme .befaft__slider .slick-prev::after, 
.dark-theme .befaft__slider .slick-next::after {
    border-color: #fff;
}

.dark-theme .modal__close {
    background: #333;
    border-color: #272727;
}

.dark-theme .modal__text {
    color: #a0a0a0;
}

.dark-theme #theme-toggle,
.dark-theme #theme-toggle-mobile {
    color: #fff;
    border-color: #fff;
}


.dark-theme .form__input {
    display: flex
;
    align-items: center;
    margin-bottom: 1rem;
    gap: 0.5rem;
    border-radius: var(--xs);
    padding: var(--xs);
    flex-shrink: 0;
    font-family: var(--primary-font);
    border: none;
    background: transparent;
    color: #fff;
}

.dark-theme .container--calc {
background-color: #151515;
    border-color: #242424;
}


.dark-theme .panel,
.dark-theme .card,
.dark-theme .prices__first,
.dark-theme .prices__second,
.dark-theme .card__vertical,
.dark-theme .card__video {
background-color: #151515;
    border-color: #242424;
}

.dark-theme .card:hover {
    box-shadow: 0px 20px 100px #000;
}




.dark-theme .checkbox {
    border-color: #272727;
    background-color: #2a2a2a;
}

.dark-theme input[type="text"].form__input,
.dark-theme .form__input input[type="text"],
.dark-theme .form__input input[type="tel"],
.dark-theme .form__input input[type="email"],
.dark-theme input[type="date"].form__input {
    background: #333;
    border-color: #272727;
    color: #fff;
}

.dark-theme .form__input input:focus,
.dark-theme input[type="text"].form__input:focus,
.dark-theme input[type="date"].form__input:focus {
    border-color: var(--Primary, rgb(12, 135, 212));
    background-color: #2a2a2a;
}

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

.dark-theme .print {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-theme .chip {

     border-color: #242424;
}




body.dark-theme.animated-bg {
background: radial-gradient(circle at center, #000000e3, #0d0d0d, #1e1e1e, #232323d4), linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(11 11 11) 90%);
    background-repeat: no-repeat;
    background-size: 200% 200%, 100% 100%;
    animation: gradientPulse 12s ease-in-out infinite;
}