html {
    -webkit-text-size-adjust: 100%;
    font: 400 var(--s16)/1 var(--f-manr);
}
html {
    scrollbar-width: auto;
    scrollbar-color:
            var(--color-total)
            var(--color-white-10);
    scroll-behavior: smooth;
}

html::-webkit-scrollbar {
    width: .75rem;
    height: 1rem;
}
html::selection {
    background: var(--color-selection-background, #3B7773);
    color: var(--color-selection, #3B7773);
}

html::-webkit-scrollbar-track {
    background: var(--color-white-10);
}

html::-webkit-scrollbar-thumb {
    min-height: 4rem;
    background: var(--color-total);
    border: 0.2rem solid var(--color-page);
    border-radius: 1rem;
}

html::-webkit-scrollbar-thumb:hover {
    background: var(--color-title);
}

body,
body > header,
header .header_phones_wrap a,
.footer{
    color: var(--text-color);
}
footer {
    background: var(--brand-violet);
    padding: 2.75rem 0 4.75rem;
    margin-top: 3.75rem;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    min-width: 320px;
    font-family: var(--f-manr);
    color: var(--color-text);
    background: var(--color-page);
    font-weight: var(--fw-light);

}

img,
svg,
video,
canvas {
    display: block;
    max-width: 100%;
}

img {
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea,
select {
    font: inherit;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--f-manr);
    color: var(--color-title);
    font-weight: 400;
    margin-block-end: 0;
    margin-block-start: 0;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
p {
    margin-block-end: 0;
    margin-block-start: 0;
    margin: 0 0 1rem;
}
h2 {
    font-size: 2.23rem;
    margin-left: 6.875rem;
    margin-bottom: 1.875rem;
    text-transform: uppercase;
}
section {
    max-width: var(--page-max-width);
    min-width: var(--page-max-width);
}
h3  {
    font-size: 1.575rem;
    margin-bottom: 1.875rem;
}
h1 {
    font-weight: 800;
    font-size: 2.5rem;
}