.panel__version {
    background-color: #f8f8f8;
    padding: 1.5rem 2rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: space-evenly;
}
.panel__version-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 3.5rem;
}
.off__version{
    display: none;
}

.switch__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.title__panel {
    display: flex;
    justify-content: center;
    font-weight: 600;
    font-size: 1.8rem;
}

.switch__buttons {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.switch__item {
    cursor: pointer;
}

.switch__item:not(:first-child) {
    margin-left: 1rem;
}

.button__panel {
    border: 1px solid #000;
    padding: .5rem;
    margin-top: .5rem;
    cursor: pointer;
}


.black {
    background-color: black !important;
    color: #fff !important;
    background: black !important;
}

.blue {
    background-color: #9dd1ff !important;
    color: #063462 !important;
    background: #9dd1ff !important;
}

.brown {
    background-color: #f7f3d6 !important;
    color: #4d4b43 !important;
    background: #f7f3d6 !important;
}

.green {
    background-color: #3b2716 !important;
    color: #a9e44d !important;
    background: #3b2716 !important;
}
#switch-version {
    max-width: 12rem;
}
.switch-version__text {
    display: inline-block;
    cursor: pointer;
}

.text___version {
    cursor: pointer;
}

/**/
.black-theme .footer{
    background-color: black;
}
.black-theme .header.black .header__address span,
.black-theme .header.black .header__phone-text a,
.black-theme .header.black .header__phone-text span,
.black-theme .header.black .header-menu__link,
.black-theme .section__title,
.black-theme .section__subtitle,
.black-theme .tabs__btn.active,
.black-theme .reviews-slider__text,
.black-theme .reviews-slider__date,
.black-theme .teachers__name,
.black-theme .news__about-title,
.black-theme .news__about-text,
.black-theme .news__about-text p,
.black-theme .news__block-title,
.black-theme .news__item-text,
.black-theme .news__item-text a,
.black-theme .docs__gallery-label,
.black-theme .education__text,
.black-theme .consultation-form__agreement a,
.black-theme .list--check li,
.black-theme .department-sidemenu__item span,
.black-theme .complete-docs__item-title,
.black-theme .complete-docs__item-text,
.black-theme .content-new,
.black-theme .content-new p,
.black-theme .content-new span,
.black-theme .cat-desc-new,
.black-theme .cat-desc-new p,
.black-theme .cat-desc-new span,
.black-theme .cat-desc-new h1,
.black-theme .cat-desc-new h2,
.black-theme .cat-desc-new h3,
.black-theme .cat-desc-new h4,
.black-theme .cat-desc-new h5,
.black-theme .cat-desc-new h6,

.black-theme .consultation-form__title,
.black-theme .consultation-form__subtitle
{
    color: #fff;
}
.black-theme .tabs__btn {
    color: #F8F8F8;
}
.black-theme .header.black .header-menu__arrow svg path {
    fill: #fff;
}

.green-theme .footer{
    background-color: #3b2716;
}
.green-theme .header.green .header__address span,
.green-theme .header.green .header__phone-text a,
.green-theme .header.green .header__phone-text span,
.green-theme .header.green .header-menu__link,
.green-theme .section__title,
.green-theme .section__subtitle,
.green-theme .tabs__btn.active,
.green-theme .reviews-slider__text,
.green-theme .reviews-slider__date,
.green-theme .teachers__name,
.green-theme .news__about-title,
.green-theme .news__about-text,
.green-theme .news__about-text p,
.green-theme .news__block-title,
.green-theme .news__item-text,
.green-theme .news__item-text a,
.green-theme .docs__gallery-label,
.green-theme .education__text,
.green-theme .consultation-form__agreement a,
.green-theme .list--check li,
.green-theme .department-sidemenu__item span,
.green-theme .complete-docs__item-title,
.green-theme .complete-docs__item-text,
.green-theme .content-new,
.green-theme .content-new p,
.green-theme .content-new span,
.green-theme .cat-desc-new,
.green-theme .cat-desc-new p,
.green-theme .cat-desc-new span,
.green-theme .cat-desc-new h1,
.green-theme .cat-desc-new h2,
.green-theme .cat-desc-new h3,
.green-theme .cat-desc-new h4,
.green-theme .cat-desc-new h5,
.green-theme .cat-desc-new h6,

.green-theme .consultation-form__title,
.green-theme .consultation-form__subtitle
{
    color: #a9e44d;
}
.green-theme .tabs__btn {
    color: #a9e44d;
}
.green-theme .header.green .header-menu__arrow svg path {
    fill: #a9e44d;
}

.brown-theme .footer {
    background-color: #f7f3d6;
}
.brown-theme .footer svg {
    filter: invert(1);
}
.brown-theme .footer__menu-link,
.brown-theme .footer__info-val,
.brown-theme .footer__info-name,
.brown-theme .footer__phone-content a,
.brown-theme .footer__phone-text,
.brown-theme .footer__email-content a,
.brown-theme .footer__menu-title {
    color: var(--dark);
}

.blue-theme .footer {
    background-color: #9dd1ff;
}
.blue-theme .footer svg {
    filter: invert(1);
}
.blue-theme .footer__menu-link,
.blue-theme .footer__info-val,
.blue-theme .footer__info-name,
.blue-theme .footer__phone-content a,
.blue-theme .footer__phone-text,
.blue-theme .footer__email-content a,
.blue-theme .footer__menu-title {
    color: var(--dark);
}