/* Firefox */
html {
    scrollbar-color: var(--main-color) #f0f0f0 !important;
    scrollbar-width: auto; /* при желании */
}

/* WebKit */
::-webkit-scrollbar {
    width: 12px;               /* ширина полосы прокрутки */
    background-color: #f0f0f0; /* цвет фона */
}
::-webkit-scrollbar-thumb {
    background-color: var(--main-color) !important; /* цвет "ползунка" */
    border-radius: 6px;                             /* скругляем углы */
}
::-webkit-scrollbar-track {
    background-color: #f0f0f0; /* цвет дорожки */
}


.color-primary{
    color: var(--main-color)!important;
}
.color-primary__border {
    border-color: var(--main-color) !important;
}
.color-primary__fill{
    fill: var(--main-color);
}
.color-primary__border-hover:hover,
.color-primary__border-hover:active,
.color-primary__border-hover:focus,
.color-primary__border-hover.active
{
    border-color: var(--main-color) !important;
}
.color-primary__background {
    background-color: var(--main-color) !important;
    color: var(--button-color) !important;
}
.color-primary__background:hover {
    background-color: var(--hover-color) !important;
}
.color-primary__decoration {
    text-decoration-color: var(--main-color);
}
.swiper-pagination-bullet-active {
    background:var(--main-color)!important;
}

[data-theme="dark"] .color-dark__fill {
    fill: #e5e7eb;
}
[data-theme="light"] .color-dark__fill {
    fill: #000000;
}
[data-theme="dark"] .color-dark__stroke {
    stroke: #e5e7eb;
}
[data-theme="light"] .color-dark__stroke {
    stroke: #000000;
}
table.table th {
    background-color: var(--main-color);
}
.styled-block {
    border-left-color: var(--main-color);
}
.text-white {color: #ffffff}