/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* Reset
/* ---------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
html {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: sans-serif;

    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}
a {
    background-color: transparent;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
a:active,
a:hover {
    outline: 0;
}
b,
strong {
    font-weight: bold;
}
i,
em,
dfn {
    font-style: italic;
}
h1 {
    margin: 0.67em 0;
    font-size: 2em;
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
mark {
    background-color: #fdffb6;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
kbd {
    padding: 3px 5px;
    font-family: var(--font-mono);
    font-size: 1.5rem;
    background: #f6f8fa;
    border: 1px solid rgba(124, 139, 154, 0.25);
    border-radius: 6px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(124, 139, 154, 0.25);
            box-shadow: inset 0 -1px 0 rgba(124, 139, 154, 0.25);
}
@media (max-width: 600px) {
    kbd {
        font-size: 1.3rem;
    }
}
button,
input,
optgroup,
select,
textarea {
    margin: 0; /* 3 */
    color: inherit; /* 1 */
    font: inherit; /* 2 */
}
button {
    overflow: visible;
    border: none;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
/* 1 */
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 3 */
    -webkit-appearance: button; /* 2 */
    -moz-appearance: button;
         appearance: button;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input {
    line-height: normal;
}
input:focus {
    outline: none;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-box-sizing: content-box;
            box-sizing: content-box; /* 2 */
    -moz-appearance: textfield;
         appearance: textfield;
    -webkit-appearance: textfield; /* 1 */
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}
legend {
    padding: 0; /* 2 */
    border: 0; /* 1 */
}
textarea {
    overflow: auto;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td,
th {
    padding: 0;
}



/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    font-size: 62.5%;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    scrollbar-gutter: stable;
}
body {
    color: var(--color-darkgrey);
    font-family: var(--font-sans);
    font-size: 1.6rem;
    line-height: 1.6em;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    text-rendering: optimizeLegibility;
    background: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga" on;
            font-feature-settings: "liga" on;
}

::-moz-selection {
    text-shadow: none;
    background: #daf2fd;
}

::selection {
    text-shadow: none;
    background: #daf2fd;
}

hr {
    position: relative;
    display: block;
    width: 100%;
    margin: 2.5em 0 3.5em;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #f0f0f0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

textarea {
    resize: vertical;
}

::not(.gh-content) p,
::not(.gh-content) ul,
::not(.gh-content) ol,
::not(.gh-content) dl,
::not(.gh-content) blockquote {
    margin: 0 0 1.5em 0;
}

ol,
ul {
    padding-left: 1.3em;
    padding-right: 1.5em;
}

ol ol,
ul ul,
ul ol,
ol ul {
    margin: 0.5em 0 1em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

ul,
ol {
    max-width: 100%;
}

li {
    padding-left: 0.3em;
    line-height: 1.6em;
}

li + li {
    margin-top: 0.5em;
}

dt {
    float: left;
    margin: 0 20px 0 0;
    width: 120px;
    color: #daf2fd;
    font-weight: 500;
    text-align: right;
}

dd {
    margin: 0 0 5px 0;
    text-align: left;
}

blockquote {
    margin: 1.5em 0;
    padding: 0 1.6em 0 1.6em;
    border-left: #daf2fd;
}

blockquote small {
    display: inline-block;
    margin: 0.8em 0 0.8em 1.5em;
    font-size: 0.9em;
    opacity: 0.8;
}
/* Quotation marks */
blockquote small:before {
    content: "\2014 \00A0";
}

blockquote cite {
    font-weight: bold;
}
blockquote cite a {
    font-weight: normal;
}

a {
    color: #15171A;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    line-height: 1.15;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    letter-spacing: -0.01em;
}

h1 {
    margin: 0 0 0.5em 0;
    font-size: 4.8rem;
    font-weight: 400;
    letter-spacing: -0.015em;
}
@media (max-width: 600px) {
    h1 {
        font-size: 2.8rem;
    }
}

h2 {
    margin: 1.5em 0 0.5em 0;
    font-size: 2.8rem;
    font-weight: 400;
}
@media (max-width: 600px) {
    h2 {
        font-size: 2.3rem;
    }
}

h3 {
    margin: 1.5em 0 0.5em 0;
    font-size: 2.4rem;
    font-weight: 400;
}
@media (max-width: 600px) {
    h3 {
        font-size: 2rem;
    }
}

h4 {
    margin: 1.5em 0 0.5em 0;
    font-size: 2rem;
}
@media (max-width: 600px) {
    h4 {
        font-size: 2rem;
    }
}

h5 {
    margin: 1.5em 0 0.5em 0;
    font-size: 2rem;
}

h6 {
    margin: 1.5em 0 0.5em 0;
    font-size: 1.8rem;
}

.kg-width-wide img {
    max-width: 85vw;
}

  .kg-width-full img {
    max-width: 100vw;
}

/*шрифты*/

@font-face {
    font-family: 'Days';
    src: url('../fonts/days.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat-300.woff2') format('woff2');
    font-display: swap;
    font-weight: 300;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat-400.woff2') format('woff2');
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat-500.woff2') format('woff2');
    font-display: swap;
    font-weight: 500;
}

/*переменные*/
:root {
    --gh-font-heading: 'Days', sans-serif;
    --gh-font-body: 'Montserrat', sans-serif;


    --color-bg: #212326;
    --color-font: #ffffff;
    --color-fg: #18171C;
    --color-accent: #57C27A;
}

[color-mode="light"] {
    --color-bg: #fff;/*#212326*/
    --color-fg: #F6F6F6; /*#18171C*/
    --color-font: #18171C; /*#ffffff*/
}

body, button, input, textarea, a {
    font-family: var(--gh-font-body);
    color: var(--color-font);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--gh-font-heading);
    color: var(--color-font);
}

.container {
    max-width: calc(1055px + 20px + 20px);
    padding: 0 20px;
    margin: 0 auto;
}

body {
    background-color: var(--color-bg);
}

.has-background-image {
    background-repeat: repeat;
    background-attachment: fixed;
}

/* .site-container {
    display: grid;
    grid-template-columns: 320px 5fr;
} */

/*шапка*/
.side-header {
    background-color: #18171C;
    padding: 40px 35px;
    height: 100vh;
    position: fixed;
    width: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.side-header-bottom {
    margin-top: auto;
}

.side-header-top {
    margin-bottom: 30px;
}

.site-logo {
    max-height: 35px;
}

.side-header-nav {
    margin-top: 64px;
}

ul.nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

nav.main-nav li {
    padding: 0;
}

nav.main-nav li a {
    color: #fff;
    font-family: var(--gh-font-body);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 11px;
}

nav.main-nav li a:hover span {
    color: var(--color-accent);
}

nav.main-nav li a span {
    padding: 9px 16px;
    background: transparent;
    border-radius: 4px;
    width: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

nav.main-nav li.nav-current a span {
    background: #212326;
}

ul.nav li a:before {
    content: '';
    height: 40px;
    width: 40px;
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}

ul.nav li:first-of-type a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.820312 14.5455C0.820312 7.68866 0.820312 4.26027 2.95045 2.13013C5.08058 0 8.50897 0 15.3658 0H26.2749C33.1317 0 36.56 0 38.6902 2.13013C40.8203 4.26027 40.8203 7.68866 40.8203 14.5455V25.4545C40.8203 32.3113 40.8203 35.7397 38.6902 37.8699C36.56 40 33.1317 40 26.2749 40H15.3658C8.50897 40 5.08058 40 2.95045 37.8699C0.820312 35.7397 0.820312 32.3113 0.820312 25.4545V14.5455Z' fill='%23212326'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.1665 9.68794C20.5553 9.39497 21.0911 9.39504 21.4798 9.68811L30.5181 16.5028C31.3383 17.1212 31.8205 18.0888 31.8205 19.116V27.2591C31.8205 29.0666 30.3553 30.5318 28.5478 30.5318H13.093C11.2856 30.5318 9.82031 29.0666 9.82031 27.2591V19.1163C9.82031 18.0888 10.3028 17.121 11.1234 16.5026L20.1665 9.68794ZM20.8229 11.9253L12.4365 18.2451C12.163 18.4512 12.0021 18.7738 12.0021 19.1163V27.2591C12.0021 27.8616 12.4905 28.35 13.093 28.35H28.5478C29.1503 28.35 29.6387 27.8616 29.6387 27.2591V19.116C29.6387 18.7736 29.4779 18.451 29.2045 18.2449L20.8229 11.9253Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9746 20.4746C15.9746 19.4704 16.7886 18.6564 17.7928 18.6564H23.8468C24.8509 18.6564 25.665 19.4704 25.665 20.4746V28.7135C25.665 29.7177 24.8509 30.5317 23.8468 30.5317H17.7928C16.7886 30.5317 15.9746 29.7177 15.9746 28.7135V20.4746ZM18.1564 20.8382V28.3499H23.4831V20.8382H18.1564Z' fill='white'/%3E%3C/svg%3E%0A");
}

ul.nav li:first-of-type.nav-current a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.820312 14.5455C0.820312 7.68866 0.820312 4.26027 2.95045 2.13013C5.08058 0 8.50897 0 15.3658 0H26.2749C33.1317 0 36.56 0 38.6902 2.13013C40.8203 4.26027 40.8203 7.68866 40.8203 14.5455V25.4545C40.8203 32.3113 40.8203 35.7397 38.6902 37.8699C36.56 40 33.1317 40 26.2749 40H15.3658C8.50897 40 5.08058 40 2.95045 37.8699C0.820312 35.7397 0.820312 32.3113 0.820312 25.4545V14.5455Z' fill='%2357C27A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.1665 9.68794C20.5553 9.39497 21.0911 9.39504 21.4798 9.68811L30.5181 16.5028C31.3383 17.1212 31.8205 18.0888 31.8205 19.116V27.2591C31.8205 29.0666 30.3553 30.5318 28.5478 30.5318H13.093C11.2856 30.5318 9.82031 29.0666 9.82031 27.2591V19.1163C9.82031 18.0888 10.3028 17.121 11.1234 16.5026L20.1665 9.68794ZM20.8229 11.9253L12.4365 18.2451C12.163 18.4512 12.0021 18.7738 12.0021 19.1163V27.2591C12.0021 27.8616 12.4905 28.35 13.093 28.35H28.5478C29.1503 28.35 29.6387 27.8616 29.6387 27.2591V19.116C29.6387 18.7736 29.4779 18.451 29.2045 18.2449L20.8229 11.9253Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9746 20.4746C15.9746 19.4704 16.7886 18.6564 17.7928 18.6564H23.8468C24.8509 18.6564 25.665 19.4704 25.665 20.4746V28.7135C25.665 29.7177 24.8509 30.5317 23.8468 30.5317H17.7928C16.7886 30.5317 15.9746 29.7177 15.9746 28.7135V20.4746ZM18.1564 20.8382V28.3499H23.4831V20.8382H18.1564Z' fill='white'/%3E%3C/svg%3E%0A");
}

ul.nav li:nth-of-type(2) a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.820312 15.4443C0.820312 8.58746 0.820312 5.15907 2.95045 3.02894C5.08058 0.898804 8.50897 0.898804 15.3658 0.898804H26.2749C33.1317 0.898804 36.56 0.898804 38.6902 3.02894C40.8203 5.15907 40.8203 8.58746 40.8203 15.4443V26.3533C40.8203 33.2101 40.8203 36.6385 38.6902 38.7687C36.56 40.8988 33.1317 40.8988 26.2749 40.8988H15.3658C8.50897 40.8988 5.08058 40.8988 2.95045 38.7687C0.820312 36.6385 0.820312 33.2101 0.820312 26.3533V15.4443Z' fill='%23212326'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.415 11.2864C20.6621 11.1827 20.9405 11.1825 21.1877 11.286L33.1385 16.29C33.5099 16.4456 33.7517 16.8089 33.7517 17.2116V24.9432C33.7517 25.495 33.3044 25.9422 32.7526 25.9422C32.2009 25.9422 31.7536 25.495 31.7536 24.9432V18.7129L29.3386 19.7242V26.3409C29.3386 26.4975 29.3018 26.6519 29.2311 26.7916C28.8385 27.568 27.9058 28.5094 26.5369 29.2504C25.1379 30.0077 23.2266 30.5894 20.8019 30.5894C15.959 30.5894 13.2368 28.2629 12.4202 26.8374C12.3337 26.6863 12.2881 26.5151 12.2881 26.3409V19.7234L8.50061 18.1327C8.12971 17.9769 7.88843 17.6138 7.88843 17.2116C7.88843 16.8093 8.12971 16.4462 8.50061 16.2905L20.415 11.2864ZM14.2862 20.5626V26.0438C14.9143 26.8921 16.9342 28.5913 20.8019 28.5913C22.8998 28.5913 24.4835 28.0899 25.5858 27.4932C26.5366 26.9785 27.0943 26.4141 27.3405 26.0648V20.5608L21.1877 23.1371C20.9405 23.2406 20.6621 23.2404 20.415 23.1366L14.2862 20.5626ZM30.166 17.2116L20.8025 21.1322L11.4674 17.2116L20.8025 13.2909L30.166 17.2116Z' fill='white'/%3E%3C/svg%3E");
}

ul.nav li:nth-of-type(2).nav-current a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.820312 15.4443C0.820312 8.58746 0.820312 5.15907 2.95045 3.02894C5.08058 0.898804 8.50897 0.898804 15.3658 0.898804H26.2749C33.1317 0.898804 36.56 0.898804 38.6902 3.02894C40.8203 5.15907 40.8203 8.58746 40.8203 15.4443V26.3533C40.8203 33.2101 40.8203 36.6385 38.6902 38.7687C36.56 40.8988 33.1317 40.8988 26.2749 40.8988H15.3658C8.50897 40.8988 5.08058 40.8988 2.95045 38.7687C0.820312 36.6385 0.820312 33.2101 0.820312 26.3533V15.4443Z' fill='%2357C27A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.415 11.2864C20.6621 11.1827 20.9405 11.1825 21.1877 11.286L33.1385 16.29C33.5099 16.4456 33.7517 16.8089 33.7517 17.2116V24.9432C33.7517 25.495 33.3044 25.9422 32.7526 25.9422C32.2009 25.9422 31.7536 25.495 31.7536 24.9432V18.7129L29.3386 19.7242V26.3409C29.3386 26.4975 29.3018 26.6519 29.2311 26.7916C28.8385 27.568 27.9058 28.5094 26.5369 29.2504C25.1379 30.0077 23.2266 30.5894 20.8019 30.5894C15.959 30.5894 13.2368 28.2629 12.4202 26.8374C12.3337 26.6863 12.2881 26.5151 12.2881 26.3409V19.7234L8.50061 18.1327C8.12971 17.9769 7.88843 17.6138 7.88843 17.2116C7.88843 16.8093 8.12971 16.4462 8.50061 16.2905L20.415 11.2864ZM14.2862 20.5626V26.0438C14.9143 26.8921 16.9342 28.5913 20.8019 28.5913C22.8998 28.5913 24.4835 28.0899 25.5858 27.4932C26.5366 26.9785 27.0943 26.4141 27.3405 26.0648V20.5608L21.1877 23.1371C20.9405 23.2406 20.6621 23.2404 20.415 23.1366L14.2862 20.5626ZM30.166 17.2116L20.8025 21.1322L11.4674 17.2116L20.8025 13.2909L30.166 17.2116Z' fill='white'/%3E%3C/svg%3E");
}

ul.nav li:nth-of-type(3) a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.820312 15.3431C0.820312 8.48627 0.820312 5.05787 2.95045 2.92774C5.08058 0.797607 8.50897 0.797607 15.3658 0.797607H26.2749C33.1317 0.797607 36.56 0.797607 38.6902 2.92774C40.8203 5.05787 40.8203 8.48627 40.8203 15.3431V26.2522C40.8203 33.1089 40.8203 36.5373 38.6902 38.6675C36.56 40.7976 33.1317 40.7976 26.2749 40.7976H15.3658C8.50897 40.7976 5.08058 40.7976 2.95045 38.6675C0.820312 36.5373 0.820312 33.1089 0.820312 26.2522V15.3431Z' fill='%23212326'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4507 11.8524C12.0465 12.0179 11.9762 12.2096 11.9499 13.2192L11.9248 14.1798L9.74586 14.2017C9.28791 14.2137 8.82523 14.2438 8.7176 14.2686C8.24747 14.3773 8.25589 14.2352 8.25589 22.0241C8.25589 29.8599 8.2437 29.6645 8.74065 29.7893C9.0049 29.8556 10.5319 29.8262 11.6619 29.5325C14.5586 28.78 17.6446 28.7645 19.668 29.4924C20.6223 29.8358 21.0193 29.8358 21.9736 29.4924C23.993 28.766 27.0888 28.7815 29.9798 29.5325C31.1098 29.8262 32.6367 29.8556 32.901 29.7893C33.3979 29.6645 33.3858 29.8599 33.3858 22.0241C33.3858 14.2352 33.3942 14.3773 32.9241 14.2686C32.8164 14.2438 32.3537 14.2137 31.8958 14.2017L29.7169 14.1798L29.6922 13.2065C29.669 12.2926 29.6539 12.2204 29.4444 12.0233C29.2352 11.8266 29.1461 11.8116 28.0249 11.7843C25.151 11.7145 22.9355 12.4736 21.3315 14.0776L20.7994 14.6097L20.4815 14.2506C19.4422 13.0768 17.7267 12.2137 15.8177 11.9041C14.9463 11.7628 12.7519 11.7291 12.4507 11.8524ZM13.4586 19.088V24.9164H14.1535C16.1027 24.9164 18.2789 25.5834 19.5736 26.5776C19.8277 26.7727 20.0545 26.9323 20.0776 26.9323C20.1007 26.9323 20.1197 24.5106 20.1197 21.5508V16.1692L19.7207 15.6385C18.6017 14.15 16.5506 13.2622 14.2255 13.2603L13.4586 13.2596V19.088ZM26.1072 13.3479C24.9572 13.516 23.5205 14.13 22.6959 14.8057C22.4827 14.9804 22.1313 15.3587 21.9151 15.6463L21.522 16.1692V21.5508C21.522 24.5106 21.5409 26.9323 21.5641 26.9323C21.5872 26.9323 21.8139 26.7749 22.068 26.5824C23.3987 25.5746 25.5249 24.9177 27.46 24.9168L28.1831 24.9164V19.088V13.2596L27.3723 13.2705C26.9264 13.2765 26.3571 13.3114 26.1072 13.3479ZM9.80844 15.6803C9.70475 15.7839 9.73219 28.0717 9.83605 28.0717C9.88557 28.0717 11.7545 27.9755 12.3437 27.8581C14.241 27.4797 16.0077 27.3744 17.618 27.5439C18.0497 27.5893 18.4182 27.6112 18.4369 27.5925C18.5122 27.5172 16.9617 26.8424 16.3071 26.6656C15.7519 26.5156 15.2647 26.4665 13.9671 26.4299C12.4289 26.3865 12.3174 26.372 12.1492 26.1929C11.9734 26.0059 11.9696 25.903 11.9474 20.836L11.9248 15.6698L11.5711 15.6438C11.3765 15.6295 9.8428 15.6459 9.80844 15.6803ZM29.7356 15.6803C29.7012 15.7147 29.673 18.0564 29.673 20.884V26.0252L29.4758 26.206C29.2958 26.3711 29.1376 26.3907 27.6572 26.4318C26.376 26.4673 25.8886 26.5165 25.3346 26.6658C24.6802 26.8424 23.1293 27.5171 23.2048 27.5925C23.2235 27.6112 23.5919 27.5893 24.0237 27.5439C25.634 27.3744 27.4006 27.4797 29.298 27.8581C29.8871 27.9755 31.7563 28.0717 31.8062 28.0717C31.8682 28.0717 31.8898 26.1017 31.8745 21.8707L31.852 15.6698L30.1519 15.6438C29.9573 15.6295 29.77 15.6459 29.7356 15.6803Z' fill='white'/%3E%3C/svg%3E%0A");
}

ul.nav li:nth-of-type(3).nav-current a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.820312 15.3431C0.820312 8.48627 0.820312 5.05787 2.95045 2.92774C5.08058 0.797607 8.50897 0.797607 15.3658 0.797607H26.2749C33.1317 0.797607 36.56 0.797607 38.6902 2.92774C40.8203 5.05787 40.8203 8.48627 40.8203 15.3431V26.2522C40.8203 33.1089 40.8203 36.5373 38.6902 38.6675C36.56 40.7976 33.1317 40.7976 26.2749 40.7976H15.3658C8.50897 40.7976 5.08058 40.7976 2.95045 38.6675C0.820312 36.5373 0.820312 33.1089 0.820312 26.2522V15.3431Z' fill='%2357C27A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4507 11.8524C12.0465 12.0179 11.9762 12.2096 11.9499 13.2192L11.9248 14.1798L9.74586 14.2017C9.28791 14.2137 8.82523 14.2438 8.7176 14.2686C8.24747 14.3773 8.25589 14.2352 8.25589 22.0241C8.25589 29.8599 8.2437 29.6645 8.74065 29.7893C9.0049 29.8556 10.5319 29.8262 11.6619 29.5325C14.5586 28.78 17.6446 28.7645 19.668 29.4924C20.6223 29.8358 21.0193 29.8358 21.9736 29.4924C23.993 28.766 27.0888 28.7815 29.9798 29.5325C31.1098 29.8262 32.6367 29.8556 32.901 29.7893C33.3979 29.6645 33.3858 29.8599 33.3858 22.0241C33.3858 14.2352 33.3942 14.3773 32.9241 14.2686C32.8164 14.2438 32.3537 14.2137 31.8958 14.2017L29.7169 14.1798L29.6922 13.2065C29.669 12.2926 29.6539 12.2204 29.4444 12.0233C29.2352 11.8266 29.1461 11.8116 28.0249 11.7843C25.151 11.7145 22.9355 12.4736 21.3315 14.0776L20.7994 14.6097L20.4815 14.2506C19.4422 13.0768 17.7267 12.2137 15.8177 11.9041C14.9463 11.7628 12.7519 11.7291 12.4507 11.8524ZM13.4586 19.088V24.9164H14.1535C16.1027 24.9164 18.2789 25.5834 19.5736 26.5776C19.8277 26.7727 20.0545 26.9323 20.0776 26.9323C20.1007 26.9323 20.1197 24.5106 20.1197 21.5508V16.1692L19.7207 15.6385C18.6017 14.15 16.5506 13.2622 14.2255 13.2603L13.4586 13.2596V19.088ZM26.1072 13.3479C24.9572 13.516 23.5205 14.13 22.6959 14.8057C22.4827 14.9804 22.1313 15.3587 21.9151 15.6463L21.522 16.1692V21.5508C21.522 24.5106 21.5409 26.9323 21.5641 26.9323C21.5872 26.9323 21.8139 26.7749 22.068 26.5824C23.3987 25.5746 25.5249 24.9177 27.46 24.9168L28.1831 24.9164V19.088V13.2596L27.3723 13.2705C26.9264 13.2765 26.3571 13.3114 26.1072 13.3479ZM9.80844 15.6803C9.70475 15.7839 9.73219 28.0717 9.83605 28.0717C9.88557 28.0717 11.7545 27.9755 12.3437 27.8581C14.241 27.4797 16.0077 27.3744 17.618 27.5439C18.0497 27.5893 18.4182 27.6112 18.4369 27.5925C18.5122 27.5172 16.9617 26.8424 16.3071 26.6656C15.7519 26.5156 15.2647 26.4665 13.9671 26.4299C12.4289 26.3865 12.3174 26.372 12.1492 26.1929C11.9734 26.0059 11.9696 25.903 11.9474 20.836L11.9248 15.6698L11.5711 15.6438C11.3765 15.6295 9.8428 15.6459 9.80844 15.6803ZM29.7356 15.6803C29.7012 15.7147 29.673 18.0564 29.673 20.884V26.0252L29.4758 26.206C29.2958 26.3711 29.1376 26.3907 27.6572 26.4318C26.376 26.4673 25.8886 26.5165 25.3346 26.6658C24.6802 26.8424 23.1293 27.5171 23.2048 27.5925C23.2235 27.6112 23.5919 27.5893 24.0237 27.5439C25.634 27.3744 27.4006 27.4797 29.298 27.8581C29.8871 27.9755 31.7563 28.0717 31.8062 28.0717C31.8682 28.0717 31.8898 26.1017 31.8745 21.8707L31.852 15.6698L30.1519 15.6438C29.9573 15.6295 29.77 15.6459 29.7356 15.6803Z' fill='white'/%3E%3C/svg%3E%0A");
}

ul.nav li:nth-of-type(4) a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.820312 15.2421C0.820312 8.38532 0.820312 4.95692 2.95045 2.82679C5.08058 0.696655 8.50897 0.696655 15.3658 0.696655H26.2749C33.1317 0.696655 36.56 0.696655 38.6902 2.82679C40.8203 4.95692 40.8203 8.38532 40.8203 15.2421V26.1512C40.8203 33.008 40.8203 36.4364 38.6902 38.5665C36.56 40.6967 33.1317 40.6967 26.2749 40.6967H15.3658C8.50897 40.6967 5.08058 40.6967 2.95045 38.5665C0.820312 36.4364 0.820312 33.008 0.820312 26.1512V15.2421Z' fill='%23212326'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.8188 19.4805C22.9785 19.4805 24.7293 17.7298 24.7293 15.5701C24.7293 13.4104 22.9785 11.6596 20.8188 11.6596C18.6592 11.6596 16.9084 13.4104 16.9084 15.5701C16.9084 17.7298 18.6592 19.4805 20.8188 19.4805ZM20.8188 21.6624C24.1835 21.6624 26.9111 18.9347 26.9111 15.5701C26.9111 12.2054 24.1835 9.47778 20.8188 9.47778C17.4542 9.47778 14.7266 12.2054 14.7266 15.5701C14.7266 18.9347 17.4542 21.6624 20.8188 21.6624Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.3155 28.5277C27.9619 26.9574 27.2336 25.5288 26.2143 24.3992C24.742 22.7677 22.7962 21.9001 20.821 21.9001C18.8458 21.9001 16.9 22.7676 15.4277 24.3992C14.4084 25.5288 13.68 26.9574 13.3265 28.5277L28.3155 28.5277ZM30.6522 29.2583C30.7481 30.0559 30.0878 30.7095 29.2845 30.7095L12.3575 30.7095C11.5542 30.7095 10.8939 30.0559 10.9897 29.2583C11.2757 26.8789 12.2593 24.6537 13.8079 22.9375C15.6679 20.8763 18.1906 19.7183 20.821 19.7183C23.4514 19.7183 25.9741 20.8763 27.8341 22.9375C29.3827 24.6537 30.3663 26.8789 30.6522 29.2583Z' fill='white'/%3E%3C/svg%3E%0A");
}

ul.nav li:nth-of-type(4).nav-current a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.820312 15.2421C0.820312 8.38532 0.820312 4.95692 2.95045 2.82679C5.08058 0.696655 8.50897 0.696655 15.3658 0.696655H26.2749C33.1317 0.696655 36.56 0.696655 38.6902 2.82679C40.8203 4.95692 40.8203 8.38532 40.8203 15.2421V26.1512C40.8203 33.008 40.8203 36.4364 38.6902 38.5665C36.56 40.6967 33.1317 40.6967 26.2749 40.6967H15.3658C8.50897 40.6967 5.08058 40.6967 2.95045 38.5665C0.820312 36.4364 0.820312 33.008 0.820312 26.1512V15.2421Z' fill='%2357C27A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.8188 19.4805C22.9785 19.4805 24.7293 17.7298 24.7293 15.5701C24.7293 13.4104 22.9785 11.6596 20.8188 11.6596C18.6592 11.6596 16.9084 13.4104 16.9084 15.5701C16.9084 17.7298 18.6592 19.4805 20.8188 19.4805ZM20.8188 21.6624C24.1835 21.6624 26.9111 18.9347 26.9111 15.5701C26.9111 12.2054 24.1835 9.47778 20.8188 9.47778C17.4542 9.47778 14.7266 12.2054 14.7266 15.5701C14.7266 18.9347 17.4542 21.6624 20.8188 21.6624Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.3155 28.5277C27.9619 26.9574 27.2336 25.5288 26.2143 24.3992C24.742 22.7677 22.7962 21.9001 20.821 21.9001C18.8458 21.9001 16.9 22.7676 15.4277 24.3992C14.4084 25.5288 13.68 26.9574 13.3265 28.5277L28.3155 28.5277ZM30.6522 29.2583C30.7481 30.0559 30.0878 30.7095 29.2845 30.7095L12.3575 30.7095C11.5542 30.7095 10.8939 30.0559 10.9897 29.2583C11.2757 26.8789 12.2593 24.6537 13.8079 22.9375C15.6679 20.8763 18.1906 19.7183 20.821 19.7183C23.4514 19.7183 25.9741 20.8763 27.8341 22.9375C29.3827 24.6537 30.3663 26.8789 30.6522 29.2583Z' fill='white'/%3E%3C/svg%3E%0A");
}

nav.main-nav li + li {
    margin-top: 10px;
}

.theme-toggle {
    width: 100%;
    background: #212326;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.theme-toggle .theme-toggle-btn {
    outline: none;
    border: none;
    background: transparent;
    padding: 11px 23px;
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
}

button.theme-toggle-btn svg {
    height: 22px;
    width: 22px;
}

span.theme-toggle-divider {
    width: 1px;
    background: #535353;
    height: 28px;
    display: block;
    margin-top: 10px;
}

[color-mode="dark"] .theme-toggle-dark svg circle, [color-mode="dark"] .theme-toggle-dark svg path {
    stroke: #fff;
}

[color-mode="dark"] .theme-toggle-dark, [color-mode="light"] .theme-toggle-light {
    pointer-events: none;
    cursor: auto;
}

.theme-toggle-btn svg circle, .theme-toggle-btn svg path {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

[color-mode="dark"] .theme-toggle-dark, [color-mode="light"] .theme-toggle-light {
    /* pointer-events: none; */
    cursor: auto;
}

[color-mode="light"] .theme-toggle-light svg circle, [color-mode="light"] .theme-toggle-light svg path {
    fill: #fff;
}

[color-mode="dark"] .theme-toggle-light:hover svg circle, [color-mode="dark"] .theme-toggle-light:hover svg path {
    fill: var(--color-accent);
}

[color-mode="light"] .theme-toggle-dark:hover svg circle, [color-mode="light"] .theme-toggle-dark:hover svg path {
    stroke: var(--color-accent);
}

.site-header-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 19px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 25px;
    border-top: 1px solid #535353;
    margin-top: 25px;
}

a.site-header-socials-link {
    background: #212326;
    border-radius: 10px;
    position: relative;
    padding: 11px 22px;
    height: 44px;
    width: 100%;
}

.site-header-socials-link svg {
    max-height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.site-header-socials-link svg.hover {
    opacity: 0;
}

.site-header-socials-link:hover svg:not(.hover) {
    opacity: 0;
}

.site-header-socials-link:hover svg.hover {
    opacity: 1;
}

.mobile-header {
    display: none;
}

@media(max-width: 1240px) {
    .mobile-header {
        display: block;
        background-color: #18171C;
        height: 70px;
        position: fixed;
        width: 100%;
        z-index: 9;
    }

    .side-header {
        position: fixed;
        width: 100%;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .side-header {
        -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
                transform: translateX(-100%);
        z-index: 8;
    }

    .site-logo {
        max-height: 30px;
    }

    .site-logo img {
        height: 100%;
        width: auto;
    }

    .header-burger span {
        display: block;
        width: 23px;
        height: 3px;
        background: #fff;
        position: relative;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        border-radius: 999px;
    }

    .header-burger span:before {
        display: block;
        width: 23px;
        height: 3px;
        background: #fff;
        content: "";
        position: absolute;
        top: -7px;
        left: 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        border-radius: 999px;
    }

    .header-burger span:after {
        display: block;
        width: 23px;
        height: 3px;
        background: #fff;
        content: "";
        position: absolute;
        top: 7px;
        left: 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        border-radius: 999px;
    }

    .header-burger {
        background: #212326;
        border-radius: 10px;
        padding: 5px;
        width: 50px;
        height: 43px;
        display: -ms-grid;
        display: grid;
        place-items: center;
    }

    .mobile-header-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 14px 0;
    }

    .menu-open .header-burger span, .menu-open .header-burger span:after, .menu-open .header-burger span:before {
        background: var(--color-accent);
    }

    .menu-open .header-burger span {
        width: 15px;
    }

    .menu-open .header-burger span:after {
        left:-4px;
    }

    .menu-open .header-burger span:before {
        left:-4px;
    }

    .menu-open .side-header {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }

    .side-header .side-header-logo {
        display: none;
    }

    .menu-open {
        overflow-y: hidden;
    }

    .side-header {
        padding: 20px;
    }

    .side-header-nav {
        margin-top: 85px;
    }

}

/* главная страница*/
main {
    padding-left: 320px;
}

.home-header h1 {
    font-family: var(--gh-font-heading);
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
}

.home-header-cover {
    height: 190px;
}

.site-header-cover {
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

.site-content {
    padding: 85px 0;
}

.home-header {
    position: relative;
}

.home-header h1 {
    position: absolute;
    bottom: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 65px;
}

.home-header-search {
    max-width: 690px;
    width: 100%;
    margin: -25px auto 0 auto;
    position: relative;
    z-index: 1;
}

.home-header-search button {
    background-color: #F6F6F6;
    border-radius: 5px;
    outline: 0;
    border: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.home-header-search .search-placeholder {
    font-family: var(--gh-font-body);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;
    color: #BEBEBE;
    padding: 12px 12px 12px 24px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.home-header-search .search-icon {
    border: 1px solid #57C27A;
    width: 50px;
    height: 100%;
    border-radius: 4px;
    padding: 12px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: -ms-grid;
    display: grid;
    place-items: center;
}

/* .home-header-search button:hover {
    background-color: #e7e7e7;
} */

.home-header-search button:hover .search-icon {
    background-color: var(--color-accent);
}

.home-header-search button:hover .search-icon svg path {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.home-header-search button:hover .search-icon svg path {
    fill: #fff;
}

[color-mode="dark"] .home-header-search button  {
    background-color: #18171C
}

[color-mode="dark"] .home-header-search .search-placeholder {
    color: #535353;
}

[color-mode="dark"] .home-header-search button .search-icon svg path {
    fill: #fff;
}

.home-post h2 {
    font-family: var(--gh-font-heading);
    font-weight: 400;
    font-size: 25px;
    line-height: 22px;
}

.home-post-content {
    padding: 35px 30px;
    background: var(--color-fg);
    border-radius: 15px;
    margin-top: 35px;
}

.home-post-content * {
    font-family: var(--gh-font-body);
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
}

.home-post-content > * + * {
    margin-top: 20px;
}

.home-flex {
    display: -ms-grid;
    display: grid;
    gap: 30px;
    -ms-grid-columns: 2fr 30px 1fr;
    grid-template-columns: 2fr 1fr;
}

.home-feed h2 {
    font-family: var(--gh-font-heading);
    font-weight: 400;
    font-size: 25px;
    line-height: 22px;
    letter-spacing: 0%;
}

.home-feed-posts article {
    background: var(--color-fg);
    padding: 24px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.post-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px;
    font-family: var(--gh-font-body);
    font-weight: 300;
    font-size: 12px;
    line-height: 21px;
}

.home-feed-posts h3 {
    font-family: var(--gh-font-body);
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0%;
}

.home-feed-posts .post-excerpt {
    font-family: var(--gh-font-body);
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.post-link {
    padding: 12px 24px;
    background-color: var(--color-bg);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    font-family: var(--gh-font-body);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.post-link:hover span {
    color: #fff;
}

.home-feed-posts {
    margin-top: 35px;
}

.post-link-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

[color-mode="dark"] .post-link svg path, .post-link:hover svg path {
    fill: #fff;
}

.post-link:hover {
    background-color: var(--color-accent);
}

[color-mode="dark"] .post-date svg path {
    fill: #fff;
}

.post-feed-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.post-tag {
    background-color: var(--color-bg);
    border-radius: 10px;
    padding: 5px;
    height: 40px;
    width: 40px;
    display: -ms-grid;
    display: grid;
    place-items: center;
}

@media(max-width: 1240px) {
    main {
        padding-left: 0;
    }
}

@media(max-width: 992px){
    .home-flex {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 0;
    }
}

@media(max-width: 768px) {
    .site-content {
        padding: 85px 0 40px;
    }

    .home-header h1 {
        font-family: var(--gh-font-heading);
        font-weight: 400;
        font-size: 25px;
        line-height: 25px;
        left: 30px;
        margin-top: -8px;
    }

    .home-post h2 {
        font-size: 20px;
        line-height: 22px;
    }

    .home-post-content {
        margin-top: 15px;
    }

    .home-post-content {
        margin-top: 15px;
        padding: 24px;
    }

    .home-feed-posts {
        margin-top: 15px;
    }
}

/*страница контакты*/
.page-header h1 {
    font-family: var(--gh-font-heading);
    font-weight: 400;
    font-size: 30px;
    line-height: 22px;
}

.page-contacts-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px 24px;
}

.page-contacts-item {
    background-color: var(--color-fg);
    border-radius: 15px;
    padding: 29px;
}

.page-contacts-icon {
    background-color: var(--color-bg);
    border-radius: 4px;
    display: -ms-grid;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}

.page-contacts-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    margin-bottom: 29px;
    font-family: var(--gh-font-body);
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    min-height: 40px;
}

.page-flex {
    margin-top: 41px;
}

.page-contacts-icon svg {
    width: auto;
    height: 12px;
}

.page-contacts-active input {
    padding: 12px 16px;
    background-color: var(--color-bg);
    border-radius: 4px;
    font-family: var(--gh-font-body);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
    outline: none;
    width: 100%;
    max-height: 46px;
}

.page-contacts-active button {
    padding: 12px 16px;
    background-color: var(--color-bg);
    border-radius: 4px;
    border: none;
    outline: none;
    display: -ms-grid;
    display: grid;
    place-items: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    max-width: 44px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    max-height: 46px;
}

.page-contacts-active button.copied {
    pointer-events: none;
}

.page-contacts-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.page-contacts-active button:hover {
    background: var(--color-accent);
}

span.copied svg path {
    fill: var(--color-accent);
}

.page-contacts-active button.copied:hover {
    background: var(--color-bg);
}

.page-contacts-active button span.copied, .page-contacts-active button.copied span.copy {
    display: none;
}

.page-contacts-active button.copied span.copied {
    display: block;
}

[color-mode="light"] .page-contacts-active .copy svg path {
    fill: #535353;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

[color-mode="light"] .page-contacts-active button:hover .copy svg path {
    fill: #fff;
}

.page-team {
    margin-top: 85px;
}

.page-team h2 {
    font-family:car(--gh-font-heading);
    font-weight: 400;
    font-size: 30px;
    line-height: 22px;
    margin-bottom: 40px;
}

.page-team-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.page-team-item {
    background-color: var(--color-fg);
    border-radius: 15px;
}

.page-team-content {
    padding: 16px 20px 40px 20px;
}

.page-team-photo {
    height: 200px;
}

.page-team-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 15px;
}

.page-team-name {
    font-family: var(--gh-font-body);
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
}

.page-team-subname {
    font-family: var(--gh-font-body);
    font-weight: 300;
    font-size: 11px;
    line-height: 18px;
    text-align: right;
}

.page-team-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    min-height: 46px;
}

.page-team-desc {
    font-family: var(--gh-font-body);
    font-weight: 300;
    font-size: 11px;
    line-height: 14px;
    margin-top: 12px;
}

.page-flex {
    display: -ms-grid;
    display: grid;
    gap: 30px;
    -ms-grid-columns: 2fr 30px 1fr;
    grid-template-columns: 2fr 1fr;
}

.page-contacts .page-flex {
    display: block;
}

.post-text > * + * {
    margin-top: 20px;
}

.post-text a {
    color: var(--color-accent);
    text-decoration: underline;
}

.post-text a:hover {
    opacity: .8;
}

/* .post-text p, .post-text span, .post-text a {
    font-family: var(--gh-font-body);
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
} */

body.page-template .home-feed h2 {
    margin-top: 0;
}

@media(max-width: 1240px) {
    .page-contacts-inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .page-team-inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .page-team-photo img {
        width: 100%;
    }
}

@media(max-width: 992px){
    .page-flex {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 0;
    }
    body.page-template .home-feed h2 {
        margin-top: 30px;
    }
}

@media(max-width: 768px) {
    .page-header h1 {
        font-family: var(--gh-font-heading);
        font-weight: 400;
        font-size: 20px;
        line-height: 22px;
    }

    .page-contacts-inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .page-flex {
        margin-top: 15px;
    }

    .page-header {
        margin-top: 15px;
    }

    .page-team-inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .page-team-photo img {
        width: 100%;
    }

    .page-team-name {
        font-family: var(--gh-font-body);
        font-weight: 400;
        font-size: 20px;
        line-height: 22px;
    }

    .page-team-desc {
        font-family: var(--gh-font-body);
        font-weight: 300;
        font-size: 13px;
        line-height: 14px;
    }

    .page-team-top {
        min-height: unset;
    }

    .page-team h2 {
        font-family: var(--gh-font-heading);
        font-weight: 400;
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 16px;
    }

    .page-team {
        margin-top: 25px;
    }
}

/*страница уроков*/
.page-flex.page-flex--blog {
    display: block;
}

.home-header-search.blog-header-search {
    margin: unset;
}

.page-tabs a {
    display: inline-block;
    padding: 10px 20px;
    font-family: var(--gh-font-body);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;
}

.page-tabs a:hover  {
    opacity: .85;
}

.page-tabs a.page-tabs--active {
    font-weight: 700;
    color: var(--color-accent);
    border-bottom: 4px solid var(--color-accent);
    margin-bottom: -2px;
    pointer-events: none;
}

.page-tabs {
    border-bottom: 1px solid #BEBEBE;
}

.blog-posts {
    margin-top: 60px;
}

.blog-posts .home-feed-posts {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.blog-posts .home-feed-posts article {
    background: var(--color-fg);
    padding: 0;
    border-radius: 15px;
    margin-bottom: 0;
}

.post-feed-content {
    padding: 15px 23px 30px;
}

.post-feed-image {
    position: relative;
    height: 190px;
    width: 100%;
}
.post-feed-image > a, .post-feed-image > a img {
    height: 100%;
    display: block;
    height: 190px;
    -o-object-fit: cover;
       object-fit: cover;
}
.post-feed-image .post-tag {
    position: absolute;
    bottom: 12px;
    right: 12px;
}

.post-feed-image > a:hover {
    opacity: .85;
}

.post-feed-content .post-title {
    font-family: var(--gh-font-body);
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    margin-top: 17px;
    vertical-align: middle;
    /* font-variant: small-caps; */
}

.post-feed-content .post-title a:hover {
    color: var(--color-accent)
}

.pagination a {
    background: var(--color-fg);
    border-radius: 10px;
    position: relative;
    padding: 11px 22px;
    height: 44px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    margin-top: 32px;
}

.pagination a svg path {
    fill: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

[color-mode="light"] .pagination a svg path {
    fill: #181723;
}

.pagination a svg {
    width: 8px;
    height: 11px;
}

.pagination a:hover {
    background-color: var(--color-accent);
    color: #fff;
}

.pagination a:hover svg path {
    fill: #fff;
}

.pagination a.newer-posts svg {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.page-title {
    font-family: var(--gh-font-heading);
    font-weight: 400;
    font-size: 5rem;
    line-height: 5.8rem;
    margin-bottom: 32px;
}

.page-description {
    max-width: 690px;
    margin-bottom: 32px;
    font-size: 14px;
    line-height:22px;
}

@media(max-width:1240px) {
    .blog-posts .home-feed-posts {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width:992px) {
    .page-tabs {
        overflow-x: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-y: hidden;
    }

    .blog-posts {
        margin-top: 30px;
    }

    .page-tabs::-webkit-scrollbar {
        display: none;
      }

      /* Hide scrollbar for IE, Edge and Firefox */
      .page-tabs {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
      }
}

@media(max-width: 768px) {
    .blog-posts .home-feed-posts {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

/*страница и пост*/
.post-flex {
    border-radius: 15px;
    padding: 30px;
    background-color: var(--color-fg);
}

.post-flex p, .post-flex ul, .post-flex ol, .post-flex a, .post-flex span,  .post-flex figcaption {
    font-family: var(--gh-font-body);
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0%;
}

.post-flex strong {
    font-size: 14px;
    line-height: 19px;
    -webkit-text-decoration-color: var(--color-accent);
    text-decoration-color: var(--color-accent);
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-color: var(--color-accent);
    -webkit-text-decoration-color: var(--color-reserve);
    text-decoration-thickness: var(--unit);
    -webkit-text-decoration-thickness: var(--unit);
    text-underline-offset: 3px;
    -webkit-text-underline-offset: 3px;
}

.post-flex article > * + * {
    margin-top: 25px;
}

.post-flex h2 {
    font-weight: 400;
    font-size: 4rem;
    line-height: 4.8rem;
    margin-bottom: -10px;
}

.post-flex h3 {
    font-weight: 400;
    font-size: 3rem;
    line-height: 3.8rem;
    margin-bottom: -10px;
}

.post-flex .page-featured-image {
    margin-top: 0;
}

.post-flex blockquote {
    font-family: var(--gh-font-body);
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.4rem;
    vertical-align: middle;
    padding: 16px 24px 16px;
    background-color: var(--color-bg);
    border-radius: 4px;
}

.post-flex blockquote:before {
    content: '“';
    color: var(--color-accent);
    font-size: 2.6rem;
    padding-right: 3px;
    vertical-align: middle;
}

.post-flex blockquote:after {
    content: '”';
    color: var(--color-accent);
    font-size: 2.6rem;
    padding-left: 3px;
    vertical-align: middle;
}

.kg-toggle-card-icon {
    display: none !important;
}

.kg-toggle-heading:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.088 4.255a.5.5 0 000-.707L5.906.366a.5.5 0 10-.707.707L8.028 3.9 5.199 6.73a.5.5 0 00.707.707l3.182-3.182zm-.977.146h.624v-1H8.11v1zM4.674 4.255a.5.5 0 000-.707L1.492.366a.5.5 0 00-.707.707L3.613 3.9.785 6.73a.5.5 0 00.707.707l3.182-3.182zm-.977.146h.624v-1h-.624v1z' fill='%23fff'/%3E%3C/svg%3E");
    display: block;
    width: 10px;
    height: 8px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.kg-toggle-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.kg-toggle-heading {
    padding: 1.2em;
    border-radius: 4px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.kg-toggle-content {
    padding: 1.2em;
    padding-top: 0;
    padding-bottom: 0;
}

[data-kg-toggle-state="open"] .kg-toggle-content {
    padding-bottom: 1.2em;
    background: var(--color-fg);
    border: 4px solid var(--color-bg);
    border-radius: 0 0 4px 4px;
    border-top: 0;
    padding-top: 1.2em;
}

.kg-toggle-content > * {
    margin-top: 0 !important;
}

.kg-toggle-card {
    background-color: var(--color-bg) !important;
    border: 0;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;

}

.kg-toggle-heading:hover {
    background-color: var(--color-accent);
}

.kg-card.kg-toggle-card {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

[data-kg-toggle-state="open"] .kg-toggle-heading:after {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.post-flex table {
    border-collapse: collapse;
    border: none;
    font-size: 14px;
    line-height: 21px;
    background: var(--color-bg);
    border-radius: 4px;
}

.post-flex table td, .post-flex table th {
    border: 1px solid #BEBEBE;
    padding: 8px 24px;
    vertical-align: middle;
}

.post-flex thead th, .post-flex tfoot th {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2.2rem;
}

.post-flex table tr:first-child th, .post-flex table tr:first-child td {
    border-top: 0;
}

.post-flex table tr:last-child td {
    border-bottom: 0;
}

.post-flex table tr td:first-child, .post-flex table tr th:first-child {
    border-left: 0;
}

.post-flex table tr td:last-child, .post-flex table tr th:last-child {
    border-right: 0;
}

.post-flex figure, .post-flex img {
    border-radius: 15px;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.post-flex figcaption {
    background-color: var(--color-bg);
    padding: 24px 24px 9px;
    border-radius: 0 0 15px 15px;
    margin-top: -15px;
}

.related-posts {
    margin-top: 64px;
}

.related-posts-feed .home-feed-posts {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.related-posts-title {
    font-family: var(--gh-font-heading);
    font-weight: 400;
    font-size: 25px;
    line-height: 22px;
}

.kg-card.kg-embed-card iframe {
    border-radius: 15px;
    width: 100%;
}

.code {
    border-radius: 4px;
    border: 4px solid var(--color-bg);
    position: relative;
}

.code-title {
    background: var(--color-bg);
    padding: 11px 24px 15px;
}

code, kbd, pre, samp {
    font-family: "Consolas", monospace;
    font-weight: 400;
    font-style: italic;
    font-size: 13px;
    line-height: 18px;

    font-style: italic;
}

.code-copy {
    background: var(--color-bg);
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 12px;
    border-radius: 4px 0 0 0;
    outline: 0;
    width: 38px;
    height: 38px;
}

.code-copy:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.947266 1.49244C0.947266 1.16364 1.21381 0.897095 1.54261 0.897095H6.56048C6.71837 0.897095 6.8698 0.959818 6.98145 1.07147L9.90854 3.99856C10.0202 4.11021 10.0829 4.26163 10.0829 4.41953V11.11C10.0829 11.4388 9.81637 11.7054 9.48757 11.7054H1.54261C1.21381 11.7054 0.947266 11.4388 0.947266 11.11V1.49244ZM2.13795 2.08778V10.5147H8.89223V5.01487H6.56048C6.23168 5.01487 5.96514 4.74833 5.96514 4.41953V2.08778H2.13795ZM7.15582 2.92972L8.05029 3.82419H7.15582V2.92972Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.45508 6.51038C3.45508 6.18158 3.72162 5.91504 4.05042 5.91504H6.97751C7.30631 5.91504 7.57285 6.18158 7.57285 6.51038C7.57285 6.83918 7.30631 7.10572 6.97751 7.10572H4.05042C3.72162 7.10572 3.45508 6.83918 3.45508 6.51038Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.45508 8.60108C3.45508 8.27228 3.72162 8.00574 4.05042 8.00574H6.97751C7.30631 8.00574 7.57285 8.27228 7.57285 8.60108C7.57285 8.92988 7.30631 9.19642 6.97751 9.19642H4.05042C3.72162 9.19642 3.45508 8.92988 3.45508 8.60108Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.72742 2.32874C9.72742 1.99994 9.99396 1.7334 10.3228 1.7334H11.5772C11.906 1.7334 12.1726 1.99994 12.1726 2.32874V13.2008C12.1726 13.5296 11.906 13.7961 11.5772 13.7961H4.05042C3.72162 13.7961 3.45508 13.5296 3.45508 13.2008C3.45508 12.872 3.72162 12.6055 4.05042 12.6055H10.9819V2.92408H10.3228C9.99396 2.92408 9.72742 2.65754 9.72742 2.32874Z' fill='white'/%3E%3C/svg%3E%0A");
    display: block;
    width: 13px;
    height: 14px;
}

.code-copy.copied:before{
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1602 2.68459C14.5359 2.23631 14.477 1.56835 14.0288 1.19268C13.5805 0.817 12.9125 0.875861 12.5368 1.32414L5.92075 9.21894L2.05287 4.95244C1.66003 4.51912 0.990294 4.4863 0.55697 4.87913C0.123645 5.27197 0.0908254 5.94171 0.483664 6.37503L5.16752 11.5416C5.37309 11.7684 5.66672 11.8951 5.97273 11.8891C6.27875 11.8832 6.56722 11.7451 6.76381 11.5105L14.1602 2.68459Z' fill='%2357C27A'%3E%3C/path%3E%3C/svg%3E");
    width: 15px;
    height: 12px;
}

.post-flex ul {
    list-style: square;
}

.post-flex ul li::marker, .post-flex ol li::marker {
    color: var(--color-accent); /* bullet color */
}

.post-flex ul, .post-flex ol {
    margin-left: 20px;
}

.post-flex a {
    background: var(--color-bg);
    padding: 0 8px 2px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
}

.post-flex a:hover {
    background: var(--color-accent);
    color: #fff;
    font-weight: 500;
}

[color-mode="light"] .code-copy:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.947266 1.49244C0.947266 1.16364 1.21381 0.897095 1.54261 0.897095H6.56048C6.71837 0.897095 6.8698 0.959818 6.98145 1.07147L9.90854 3.99856C10.0202 4.11021 10.0829 4.26163 10.0829 4.41953V11.11C10.0829 11.4388 9.81637 11.7054 9.48757 11.7054H1.54261C1.21381 11.7054 0.947266 11.4388 0.947266 11.11V1.49244ZM2.13795 2.08778V10.5147H8.89223V5.01487H6.56048C6.23168 5.01487 5.96514 4.74833 5.96514 4.41953V2.08778H2.13795ZM7.15582 2.92972L8.05029 3.82419H7.15582V2.92972Z' fill='%2318171C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.45508 6.51038C3.45508 6.18158 3.72162 5.91504 4.05042 5.91504H6.97751C7.30631 5.91504 7.57285 6.18158 7.57285 6.51038C7.57285 6.83918 7.30631 7.10572 6.97751 7.10572H4.05042C3.72162 7.10572 3.45508 6.83918 3.45508 6.51038Z' fill='%2318171C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.45508 8.60108C3.45508 8.27228 3.72162 8.00574 4.05042 8.00574H6.97751C7.30631 8.00574 7.57285 8.27228 7.57285 8.60108C7.57285 8.92988 7.30631 9.19642 6.97751 9.19642H4.05042C3.72162 9.19642 3.45508 8.92988 3.45508 8.60108Z' fill='%2318171C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.72742 2.32874C9.72742 1.99994 9.99396 1.7334 10.3228 1.7334H11.5772C11.906 1.7334 12.1726 1.99994 12.1726 2.32874V13.2008C12.1726 13.5296 11.906 13.7961 11.5772 13.7961H4.05042C3.72162 13.7961 3.45508 13.5296 3.45508 13.2008C3.45508 12.872 3.72162 12.6055 4.05042 12.6055H10.9819V2.92408H10.3228C9.99396 2.92408 9.72742 2.65754 9.72742 2.32874Z' fill='%2318171C'/%3E%3C/svg%3E%0A");
}

.code pre {
    white-space: normal;
    padding: 24px;
}

[color-mode="light"] .code-copy.copied:before{
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1602 2.68459C14.5359 2.23631 14.477 1.56835 14.0288 1.19268C13.5805 0.817 12.9125 0.875861 12.5368 1.32414L5.92075 9.21894L2.05287 4.95244C1.66003 4.51912 0.990294 4.4863 0.55697 4.87913C0.123645 5.27197 0.0908254 5.94171 0.483664 6.37503L5.16752 11.5416C5.37309 11.7684 5.66672 11.8951 5.97273 11.8891C6.27875 11.8832 6.56722 11.7451 6.76381 11.5105L14.1602 2.68459Z' fill='%2357C27A'%3E%3C/path%3E%3C/svg%3E");
    width: 15px;
    height: 12px;
}

@media(max-width: 1240px) {
    .related-posts-feed .home-feed-posts {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .related-posts-feed .home-feed-posts article {
        margin-bottom: 0;
    }
}

@media(max-width: 992px) {
    .post-flex .table {
        overflow-x: auto;
    }

    .post-flex table td, .post-flex table th {
        padding: 8px 12px;
    }

    .code pre {
        white-space: normal;
        padding: 15px;
    }
}

@media(max-width: 768px) {
    .post-flex {
        padding: 15px;
    }

    .related-posts-feed .home-feed-posts {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.page-description a {
    color: var(--color-accent);
    font-weight: 500;
}

::-moz-selection {
    background: rgba(87, 194, 123, 0.562);
    text-shadow: none;
  }

::selection {
    background: rgba(87, 194, 123, 0.562);
    text-shadow: none;
  }

/*карточки*/
.kg-header-card {
    border-radius: 15px;
}

.kg-product-card-container {
    background: var(--color-bg) !important;
    box-shadow: unset !important;
}

.kg-file-card a.kg-file-card-container {
    background: var(--color-bg) !important;
    color: var(--color-font) !important;
    border: none !important;
}

.kg-audio-card {
    background: var(--color-bg) !important;
    color: var(--color-font) !important;
    border: none !important;
    box-shadow: unset !important;
}

figure.kg-card.kg-bookmark-card img.kg-bookmark-icon {
    display: none !important;
}

.kg-bookmark-card a.kg-bookmark-container, .kg-bookmark-card a.kg-bookmark-container:hover {
    background: var(--color-bg) !important;
    color: var(--color-font) !important;
    border: none !important;
}

.post-flex hr {
    border-color: var(--color-font) !important;
}

.kg-header-card h2.kg-header-card-heading, .kg-header-card h2.kg-header-card-heading * {
    font-weight: 700 !important;
}

.kg-header-card.kg-width-wide .kg-header-card-subheading, .kg-header-card.kg-width-wide .kg-header-card-subheading * {
    font-weight: 500 !important;
}