@import url(header.css);
@import url(footer.css);
@import url(info.css);
@import url(icons.css);
@import url(breadcrumbs.css);
@import url(modal.css);
@import url(bad-vision.css);
@import url(docs.css);
@import url(hero.css);
@import url(home.css);
@import url(error.css);
@import url(accordion.css);
@import url(analytics-agreement.css);


@font-face {
    font-family: "LatoWeb";
    src: url(/user/themes/dshi3/assets/fonts/Lato-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "LatoWeb";
    src: url(/user/themes/dshi3/assets/fonts/Lato-Bold.woff2);
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --bs-primary: #17324d;
    --bs-secondary: #5b6b7e;
    --bs-dark: #212529;
    --bs-light: #fafcff;
    --bs-light-1: #eff5f9;
    --bs-light-2: #dce5f0;
    --bs-light-3: #e3eaf3;
    --bs-white: #ffffff;
    --bs-yellow: #ffc107;

    --bs-link-color: #0d4cd3;
    --bs-link-hover-color: #216cff;

    --bs-gradient-hero: linear-gradient(90deg,#fbffd4 40%,#c1a2ff);

    --bs-shadow-xs: 0 2px 2px rgba(0, 0, 0, 0.02);
    --bs-shadow-sm: 0 1px 4px #e3ebfc, 0 24px 18px #e6ebf566;
    --bs-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.08);
    --bs-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);

    --bs-font-family: LatoWeb, sans-serif;

    --bs-container-width: 1220px;

    --bs-line-height: 1.5;
    --bs-letter-spacing: 0px;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--bs-font-family);
    font-size: 1rem;
    scroll-behavior: smooth;
    color: var(--bs-primary);
    background-color: var(--bs-light);
    line-height: var(--bs-line-height);
    letter-spacing: var(--bs-letter-spacing);
}

.container {
    max-width: var(--bs-container-width);
    margin: 0 auto;
    padding: 0 15px;
}

.gosuslugi-pos {
    border-radius: 25px;
    overflow: hidden;
    box-shadow: var(--bs-shadow-sm);
    margin: 50px 0;
}

a {
    text-decoration: unset;
    color: var(--bs-link-color);
}

a:hover {
    color: var(--bs-link-hover-color) !important;
}

h1 {
    font-size: 2.25rem;
    margin-top: 42px;
    margin-bottom: 32px;
}

h2 {
    font-size: 2rem;
    margin-top: 40px;
    margin-bottom: 15px;
}

h3 {
    font-size: 1.5rem;
    margin: 32px 0 15px 0;
}

h4 {
    font-size: 1.25rem;
    margin: 10px 0;
}

h5 {
    font-size: 0.875rem;
    margin-bottom: 0;
}

li {
    margin-left: 25px;
}

ul {
    padding: 0;
    margin: 0;
}

ul > li::marker {
    font-weight: bold;
    font-size: 1.5rem;
    color: var(--bs-link-hover-color);
}

button {
    background: unset;
    border: 0;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    padding: 0;
}

@media screen and (max-width: 768px) {

    h1 {
        font-size: 2rem !important;
        line-height: max(1.25, var(--bs-line-height)) !important;
    }

    h2 {
        font-size: 1.5rem !important;
        line-height: max(1.1, var(--bs-line-height)) !important;
    }

}