:root {
    --font_size: 16px;
    --min-width-div: 300px;
    --input-block-width: 90%;
    --inbound-mobile-min-width: 0;
    --min-height-block-form: 524px;
    --border-radius: 30px;
    --number-row-gap: 30px;
    --number-justify-content: space-evenly;
    --number-width: 100%;
}


[data-theme=light] {
    --color-header: #000;

}

[data-theme=dark] {
    --color-header: #fff;

}



html {
    font-size: var(--font_size);
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background-color: #eaeef2;
}

.no_scroll {
    overflow: hidden;
}

.container-full {
    width: 100%;
    background-color: #eaeef2;
    padding: 2em 2em 0;
}
@media (max-width: 768px) {
    .container-full {
        padding: 1em 1em 0;
    }
}

.container {
    width: 100%;
    padding: 20px 20px 0 20px;
    margin: 0 auto;
}

.container.grid {
    display: grid;
    gap: 5em;
    padding: 5em 0;
}
* {
    font-family: 'Gilroy', sans-serif;
    box-sizing: border-box;
}

body {
    position: relative;
}
html {
    font-size: var(--font_size);
}
h1, h2, h3, h4, h5, h6, p, pre {
    margin: 0;
    padding: 0;
}
ol, ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}
@media screen and (min-width: 577px) {
    :root {
        --min-width-div: 464px;
        --input-block-width: 100%;
        --inbound-mobile-min-width: 530px;
        --min-height-block-form: 524px;
        --number-row-gap: 3px;
        --number-justify-content: space-between;
        --number-width: 571px;
    }
}
@media screen and (min-width: 769px) {
    :root {
        --number-row-gap: 52px;
        --number-width: 620px;
    }
}
@media screen and (min-width: 1201px) {
    :root {
        --number-width: 100%;
    }
}
@media screen and (min-width: 1400px) {
    :root {}
}