@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-Thin.ttf');
    font-weight: 100;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-ThinItalic.ttf');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-ExtraLight.ttf');
    font-weight: 200;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-ExtraLightItalic.ttf');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-Light.ttf');
    font-weight: 300;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-LightItalic.ttf');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-Regular.ttf');
    font-weight: 400;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-Italic.ttf');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-Medium.ttf');
    font-weight: 500;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-MediumItalic.ttf');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-SemiBold.ttf');
    font-weight: 600;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-Bold.ttf');
    font-weight: 700;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-BoldItalic.ttf');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-ExtraBold.ttf');
    font-weight: 800;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-Black.ttf');
    font-weight: 900;
}
@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat-BlackItalic.ttf');
    font-weight: 900;
    font-style: italic;
}
html {
    font-size: calc(100vw / 1920 * 10);
}
body {
    font-family: 'Montserrat';
    font-weight: 400;
    transition: all .2s linear !important;
    min-height: 100vh;
    font-size: 1.6rem;
    color: #000;
    background: #FFF;
}
a, h1, h2, h3, h4, h5, p, span, button, ul, li {
    padding: 0;
    margin: 0;
    background: transparent;
    text-decoration: none;
    border: none;
    transition: all .2s linear;
}
input, textarea, select {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    outline: none;
	transition: all .2s linear;
}
.container {
    max-width: 180rem;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
div {
    transition: all .2s linear;
}
path, rect, circle {
    transition: all .2s linear;
}

/* header */

header {
    background: #0B223D;
}
.header-container {
    display: flex;
    flex-direction: column;
}
.header-top {
    padding: 1.2rem 0 0.8rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo {
    display: flex;
}
.logo img {
    width: 23.7rem;
}
.header-main {
    display: flex;
    align-items: center;
    gap: 6.4rem;
}
.header-main .topmenu {
    display: flex;
    align-items: center;
    gap: 4.4rem;
}
.header-main .topmenu > li {
    position: relative;
    list-style: none;
}
.header-main .topmenu > li > a {  
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
.header-main .topmenu > li > a svg {
    width: 1.2rem;
    height: auto;
}
.header-main .submenu {
    position: absolute;
    z-index: 5;
    padding: 1.2rem 2rem 1.6rem 1.6rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
    white-space: nowrap;
    border-radius: 0.2rem;
    background: #FFF;
    visibility: hidden;
    opacity: 0; 
    transform-origin: 0% 0%;
    transform: rotateX(-90deg);
    transition: .3s linear;  
}
.header-main .submenu li {
    position: relative;
    list-style: none;
}
.header-main .submenu li a {
    color: #393939;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
.header-main .submenu li a svg {
    width: 2rem;
    height: auto;
}
.header-main .submenu li a.active {
color: #0B223D;
    font-weight: 600;
}
.header-main .submenu li a.active path {
stroke: #0B223D;
}
.header-main .submenu .submenu {
    position: absolute;
    left: 100%;
    top: -1px;
    transition: .3s linear;
}
.header-main nav li:hover > .submenu {
    transform: rotateX(0deg);
    visibility: visible;
    opacity: 1;
}
.header-online {
    padding: 0.6rem 2.4rem;
    border-radius: 0.2rem;
    background: #FFF;
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.header-row {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.header-search {
    display: flex;
}
.header-lk {
    display: flex;
    cursor: pointer;
}
.header-search svg {
    width: 2.4rem;
    height: auto;
}
.header-lk svg {
    width: 2.4rem;
    height: auto;
}
.burger-open {
    display: none;
}
.header-bottom {
    padding: 2rem 0 3rem 0;
}
.header-bottom nav:nth-child(2) ul {
    display: flex;
    justify-content: space-between;
}
.header-bottom nav:nth-child(2) ul li {
    list-style: none;
    display: flex;
}
.header-bottom nav:nth-child(2) ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 0.8rem;
    color: #5B728D;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 0.8rem;
}
.header-bottom nav:nth-child(2) ul li a svg {
    width: 4rem;
    height: auto;
}
.header-bottom nav:nth-child(2) ul li:first-child a svg {
    width: 6rem;
}
.header-bottom nav:nth-child(2) ul li:first-child a {
    gap: 0;
    padding-bottom: 0.6rem;
}
.header-bottom nav:nth-child(2) ul li a.active {
    color: #FFF;
    font-weight: 600;
}
.header-bottom nav:nth-child(2) ul li a.active path {
    fill: white;
}
.header-reset {
    color: #5B728D;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.header-bottom nav:nth-child(2) ul li:nth-child(7) a.active svg path {
    stroke: white;
    fill: transparent;
}

.header-bottom > nav:first-child {
    display: none;
}
.header-bottom nav:first-child ul {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    flex-wrap: wrap;
}
.header-bottom nav:first-child ul li {
    display: flex;
    list-style: none;
}
.header-bottom nav:first-child ul li a {
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.header-bottom nav:first-child ul li svg {
    width: 1.4rem;
    height: auto;
}
.header-bottom nav:first-child ul li p {
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    opacity: 0.5;
}
main {
    padding-top: 18.79rem;
}
header {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    transition: .3s all;
}
header.top {
    transform: translateY(-100%);
}
header.top .header-bottom ul li a p {
    display: none;
}
header.top .header-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header.top .header-bottom nav:nth-child(2) ul {
    gap: 5.4rem;
}
header.top .header-bottom > nav:first-child {
    display: block;
}
header.fixed {
    transform: translateY(0);
}
header.top .header-bottom {
    padding: 1.2rem 0;
}
header.top .header-bottom nav:nth-child(2) ul li:first-child a {
    margin-bottom: -1rem;
}


@media screen and (max-width: 1692px) {
    html {
        font-size: calc(100vw / 1600 * 10);
    }
    .container {
        max-width: 148rem;
    }
    .header-main .topmenu {
        gap: 3.2rem;
    }
    header.top .header-bottom nav:nth-child(2) ul {
        gap: 3.7rem;
    }
    main {
        padding-top: 18.75rem;
    }
}
@media screen and (max-width: 1392px) {
    html {
        font-size: calc(100vw / 1200 * 10);
    }
    .container {
        max-width: 112rem;
    }
    .header-main .topmenu {
        gap: 2rem;
    }
    .logo img {
        width: 18rem;
    }
    .header-main {
        gap: 2rem;
    }
    .header-bottom nav:nth-child(2) ul li:first-child a svg {
        width: 5rem;
    }
    header.top .header-bottom nav:nth-child(2) ul {
        gap: 2.4rem;
    }
    main {
        padding-top: 17.6rem;
    }
    header.top .header-bottom nav:nth-child(2) ul li:first-child a {
        margin-bottom: -0.5rem;
    }
}
@media screen and (max-width: 992px) {
    html {
        font-size: calc(100vw / 768 * 10);
    }
    .container {
        max-width: 72rem;
    }
    .logo img {
        width: 16.6rem;
    }
    .header-main {
        display: none;
    }
    .header-top {
        padding: 0.8rem 0;
    }
    .header-bottom {
        padding: 0.4rem 1.6rem 1.2rem 1.6rem;
        overflow-x: auto;
        min-width: 100vw;
        margin-left: -2.4rem;
    }
    .header-bottom nav:nth-child(2) ul {
        align-items: center;
    }
    .header-bottom nav:nth-child(2) ul li a {
        font-size: 1.2rem;
        padding-bottom: 0;
        min-width: 10.8rem;
    }
    .header-bottom nav:nth-child(2) ul li a p {
        display: none;
    }
    .header-bottom nav:nth-child(2) ul li a.active p {
        display: block;
    }
    .header-bottom nav:nth-child(2) ul li a svg {
        width: 3.2rem;
    }
    .header-bottom nav:nth-child(2) ul li:first-child a svg {
        width: 4.2rem;
    }
    .header-bottom nav:nth-child(2) ul li:first-child a {
        padding-bottom: 0;
    }
    .burger-open {
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
        position: relative;
        z-index: 9999;
    }
    .burger-open .bar {
        width: 2.7rem;
        background: #FFF;
        border-radius: 1rem;
        height: 0.2rem;
    }
    .change .bar {
        background: #0B223D;
    }
    .change .bar:nth-child(1) {
        transform: rotate(-45deg) translate(-0.8rem, 0.5rem);
    }
    .change .bar:nth-child(2) {
        opacity: 0;
    }
    .change .bar:nth-child(3) {
        transform: rotate(45deg) translate(-0.9rem, -0.6rem);
    }
    header.top .header-bottom > nav:first-child {
        display: none;
    }
    .header-bottom nav:nth-child(2) ul li a p {
        display: block;
        min-height: 3rem;
    }
    header.top .header-bottom nav:nth-child(2) ul {
        gap: 0.6rem;
        white-space: nowrap;
    }
    header.top {
        transform: none;
    }
    main {
        padding-top: 11.1rem;
    }
    header.top .header-bottom nav:nth-child(2) ul li:first-child a {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 678px) {
    html {
        font-size: calc(100vw / 360 * 10);
    }
    .container {
        max-width: 32.8rem;
    }
    .header-top {
        padding: 1.2rem 0;
    }
    .header-bottom {
        padding: 1.6rem;
        min-width: 100vw;
        overflow-x: auto;
        margin-left: -1.5rem;
    }
    .header-bottom nav:nth-child(2) ul {
        gap: 2rem;
    }
    .header-bottom nav:nth-child(2) ul li:last-child {
        padding-right: 1.6rem;
    }
    .header-container {
        overflow: hidden;
        position: relative;
        max-width: none;
        padding: 0 1.6rem;
    }
    body.hidden {
        overflow: hidden;
    }
    .header-bottom nav:nth-child(2) ul li a {
        white-space: wrap;
        min-width: 7.4rem;
    }
    main {
        padding-top: 14.9rem;
    }
}

/* main */

.main {
    margin-top: 0.2rem;
}
.main-container {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
.main-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
}
.main-item {
    width: 100%;
    position: relative;
    height: 72rem;
    display: flex;
    align-items: flex-end;
    padding: 0 2rem 2rem 2rem;
}
.main-item__img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.main-item__img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -17.33%, rgba(0, 0, 0, 0.85) 69.79%);
    transition: .3s all;
}
.main-item__img::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 19.26%, rgba(0, 0, 0, 0.85) 100%);
    transition: .3s all;
    opacity: 0;
}
.main-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main-item__column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
    max-width: 100%;
}
.main-item__column > span {
    color: #E1E1E1;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: -0.4rem;
}
.main-item__title {
    color: #FFF;
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;

    overflow-wrap: break-word;
    max-width: 100%;
}
.main-item__link {
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #FFF;
}
.main-grid {
    display: flex;
    gap: 0.2rem;
}
.main-item__gs {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.main-item__gs svg {
    width: 2.4rem;
    height: auto;
}
.main-item__gs p {
    color: #E1E1E1;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.main-item__pleer {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
.main-item__pleer .audiowave {
    width: 34.6rem;
}
.main-item__pleer p {
    margin-left: 0.4rem;
    color: #E1E1E1;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.main-item__pleer-button {
    display: flex;
}
.main-item__pleer-button svg,
.main-item__pleer-button img {
    width: 3.2rem;
    height: auto;
}
.main-column {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    width: 100%;
    max-width: 71.5rem;
}
.main-item__column > img {
    width: 2rem;
}
.main-row .main-item {
    padding: 0 2rem 2rem 2rem;
}
.main-grid > .main-item {
    padding: 0 2rem 2rem 2rem;
    max-width: 120.3rem;
}
.main-column .main-item {
    padding: 0 15.9rem 2rem 2rem;
    height: 35.9rem;
}
.main-item__link:hover {
    background: #FFF;
    color: #121212;
}
.main-item:hover .main-item__img::before {
    opacity: 0;
}
.main-item:hover .main-item__img::after {
    opacity: 1;
}
.main-item-02 {
    max-width: 25% !important;
    padding: 2rem !important;
}

@media screen and (max-width: 1692px) {
    .main-item {
        height: 60rem;
        padding: 0 2rem 2rem 2rem;
    }
    .main-row .main-item {
        padding: 0 2rem 2rem 2rem;
    }
    .main-grid > .main-item {
        padding: 0 2rem 2rem 2rem;
        max-width: 100rem;
    }
    .main-column {
        max-width: 59.8rem;
    }
    .main-column .main-item {
        padding: 0 2rem 2rem 2rem;
        height: 29.9rem;
    }
}
@media screen and (max-width: 1392px) {
    .main-item {
        height: 45rem;
        padding: 0 2rem 2rem 2rem;
    }
    .main-row .main-item {
        padding: 0 2rem 2rem 2rem;
    }
    .main-item__title {
        font-size: 2.4rem;
    }
    .main-grid > .main-item {
        padding: 0 2rem 2rem 2rem;
        max-width: 75rem;
    }
    .main-column {
        max-width: 44.8rem;
    }
    .main-column .main-item {
        padding: 0 2rem 2rem 2rem;
        height: 22.4rem;
    }
    .main-item-02 {
        max-width: 25% !important;
        padding: 2rem !important;
    }
}
@media screen and (max-width: 992px) {
    .main-item {
        height: 28.8rem;
        padding: 0 1.2rem 1.2rem 1.2rem;
    }
    .main-item__link {
        display: none;
    }
    .main-item__title {
        font-size: 2rem;
    }
    .main-item__column {
        gap: 1.2rem;
    }
    .main-column {
        max-width: 28.6rem;
    }
    .main-item__column > span {
        margin-bottom: 0;
    }
    .main-row .main-item {
        padding: 0 1.2rem 1.2rem 1.2rem;
    }
    .main-grid > .main-item {
        padding: 0 0 1.2rem 1.2rem;
        max-width: 48rem;
    }
    .main-column .main-item {
        padding: 0 1.2rem 1.2rem 1.2rem;
        height: 14.3rem;
    }
    .main-column .main-item .main-item__title {
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 678px) {
    .main-row {
        grid-template-columns: repeat(1, 1fr);
    }
    .main-column {
        max-width: none;
    }
    .main-item {
        height: 21.6rem;
        padding: 0 1.6rem 1.6rem 1.6rem;
    }
    .main-item__column {
        gap: 0.8rem;
    }
    .main-item__title {
        font-size: 1.6rem;
    }
    .main-row .main-item {
        padding: 0 1.6rem 1.6rem 1.6rem;
    }
    .main-grid > .main-item {
        padding: 0 1.6rem 1.6rem 1.6rem;
        max-width: none;
    }
    .main-item__pleer .audiowave {
        width: 23.1rem;
    }
    .main-grid {
        flex-direction: column;
    }
    .main-column .main-item {
        padding: 0 1.6rem 1.6rem 1.6rem;
        height: 21.6rem;
    }
    .main-column {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .main-item-02 {
        max-width: 100% !important;
        padding: 1.6rem !important;
    }
}

/* online */

.online {
    padding: 10rem 0;
}
.online-container {
    display: flex;
    gap: 9.5rem;
    padding-left: 6rem;
}
.online-name {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 36.6rem;
}
.online-title {
    color: #000;
    font-size: 6.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.online-link {
    padding: 1.2rem 3.2rem;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 0.2rem;
    border: 0.1rem solid #000;
}
.online-container > .online-link {
    display: none;
}
.online-slider {
    width: 100%;
    max-width: 139.8rem;
    position: relative;
    display: flex;
    align-items: center;
}
.online-slider .swiper {
width: 100%;
}
.online-swiper .swiper-slide {
    height: auto;
}
.online-item {
    height: 36rem;
    padding: 1rem 2rem 2rem 2rem;
    display: flex;
    align-items: flex-end;
    position: relative;
}
.online-item__img {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.online-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.online-item__time {
    position: absolute;
    z-index: 1;
    right: 2rem;
    top: 2rem;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0.4rem 2rem;
    border-radius: 10rem;
    border: 0.1rem solid #000;
}
.online-item__column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
}
.online-item__title {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.online-item__link {
    border-radius: 0.2rem;
    border: 0.1rem solid #000;
    padding: 1.2rem 3.2rem;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.online-slider > button {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 4.4rem;
    height: 4.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0B223D;
    backdrop-filter: blur(0.8rem);
    -webkit-backdrop-filter: blur(0.8rem);
}
.online-slider > button svg {
    width: 1.4rem;
    height: auto;
}
.online-prev {
    left: 2rem;
}
.online-next {
    right: 2rem;
}
.online-link:hover {
    background: #0B223D;
    border-color: #0B223D;
    color: #FFF;
}
.online-slider > button:hover {
    background: #5B728D;
}
.online-item__link:hover {
    background: #0B223D;
    border-color: #0B223D;
    color: #FFF;
}

@media screen and (max-width: 1692px) {
    .online-slider {
        max-width: 108rem;
    }
}
@media screen and (max-width: 1392px) {
    .online-container {
        gap: 4rem;
        padding-left: 4rem;
    }
    .online-title {
        font-size: 4.8rem;
    }
    .online-slider {
        max-width: 76rem;
    }
}
@media screen and (max-width: 992px) {
    .online {
        padding: 4rem 0;
    }
    .online-container {
        gap: 6rem;
        padding-left: 2.4rem;
    }
    .online-name {
        max-width: 23.2rem;
    }
    .online-title {
        font-size: 3.2rem;
    }
    .online-slider {
        max-width: 45.2rem;
    }
    .online-slider > button {
        display: none;
    }
    .online-item__link {
        display: none;
    }
    .online-item {
        padding: 1.2rem;
        height: 29.5rem;
    }
    .online-item__time {
        right: 1.2rem;
        top: 1.2rem;
    }
}
@media screen and (max-width: 678px) {
    .online {
        padding: 6rem 0;
    }
    .online-container {
        flex-direction: column;
        gap: 2.4rem;
        padding-left: 0;
    }
    .online-name {
        max-width: none;
        padding-left: 1.6rem;
    }
    .online-link {
        display: none;
    }
    .online-slider {
        max-width: 36rem;
    }
    .online-slider .swiper-wrapper {
        padding: 0 1.6rem;
    }
    .online-container > .online-link {
        display: block;
        margin: 0 auto 0 1.6rem;
    }
}

/* footer */

.back-to-top {
    width: 4.4rem;
    height: 4.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0B223D;
    border-radius: 0.2rem;
    position: fixed;
    right: 6rem;
    bottom: 7rem;
    z-index: 999;
}
.back-to-top svg {
    width: 1.7rem;
    height: auto;
}
footer {
    padding: 6.3rem 0 4rem 0;
    background: #0B223D;
}
.footer-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 184rem;
}
.footer-logo {
    display: flex;
    margin-bottom: 2.4rem;
}
.footer-logo img {
    width: 30.1rem;
}
.footer-main {
    display: flex;
    align-items: flex-start;
    gap: 6.7rem;
    margin-bottom: 10rem;
    width: 100%;
}
.footer-main__block {
    display: flex;
    flex-direction: column;
    max-width: 50rem;
}
.footer-main__block p {
    color: #FFF;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.footer-main__block p a {
    color: #FFF;
}
.footer-main__block:last-child a {
    font-weight: 700;
}
.footer-main__block h3 {
    color: #FFF;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 2rem;
}
.footer-container nav {
    width: 100%;
}
.footer-container ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-container ul li {
    display: flex;
    list-style: none;
}
.footer-container ul li a {
    color: #FFF;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}


@media screen and (max-width: 1692px) {
    .footer-container {
        max-width: 152rem;
    }
    .footer-main {
        flex-wrap: wrap;
        gap: 0.6rem 3rem;
    }
    .footer-main__block:last-child {
        margin-left: auto;
        width: 100%;
        max-width: 46rem;
    }
}
@media screen and (max-width: 1392px) {
    footer {
        padding: 6rem 0;
    }
    .footer-container {
        max-width: 112rem;
    }
    .footer-logo {
        margin-bottom: 3.2rem;
    }
    .footer-logo img {
        width: 26.3rem;
    }
    .footer-container ul {
        align-items: flex-start;
    }
    .footer-container ul li:nth-child(3) a {
        max-width: 18.6rem;
    }
    .footer-container ul li:nth-child(4) a {
        max-width: 19.8rem;
    }
    .footer-main {
        gap: 0.6rem 3.2rem;
        flex-direction: column;
        max-height: 20.4rem;
        margin-bottom: 3.2rem;
    }
    .footer-main__block:last-child {
        margin-left: 0;
        margin-top: 3.5rem;
    }
    .back-to-top {
        right: 4rem;
    }
}
@media screen and (max-width: 992px) {
    .back-to-top {
        width: 3.6rem;
        height: 3.6rem;
        right: 2.4rem;
    }
    .back-to-top svg {
        width: 1.5rem;
    }
    footer {
        padding: 3.2rem 0;
    }
    .footer-container {
        max-width: 71.2rem;
        position: relative;
    }
    .footer-main__block {
        max-width: 36.5rem;
    }
    .footer-main {
        gap: 2.4rem 5.1rem;
        flex-direction: column;
        max-height: 34.4rem;
        margin-bottom: 3.2rem;
    }
    .footer-main__block:last-child {
        max-width: 30.5rem;
    }
    .footer-container ul {
        flex-direction: column;
        gap: 1.2rem;
    }
    .footer-container ul li:nth-child(3) a {
        max-width: none;
    }
    .footer-container ul li:nth-child(4) a {
        max-width: none;
    }
}
@media screen and (max-width: 678px) {
    .footer-container {
        max-width: 32.8rem;
    }
    .footer-main {
        gap: 2.4rem;
        max-height: none;
        margin-bottom: 2.4rem;
    }
    .footer-main__block {
        max-width: none;
    }
    .footer-main__block:nth-child(1), .footer-main__block:nth-child(2) {
        order: 2;
    }
    .footer-main__block:last-child {
        max-width: none;
        margin-top: 0;
    }
}

/* blog */

.blog {
    margin-bottom: 6rem;
}
.blog-container {
    display: flex;
    flex-direction: column;
    gap: 5.7rem;
}
.blog-grid {
    display: flex;
    gap: 0.2rem;
}
.blog-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
    max-width: 144.2rem;
    width: 100%;
}
.blog-row .main-item {
    padding: 0 33.8rem 2rem 2rem;
    height: 36rem;
}
.blog-grid > .main-item {
    padding: 0 2rem 2rem 2rem;
    height: auto;
}
.blog-item-date {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 10rem;
    background: #FFF;
    padding: 0.4rem 2rem;
    z-index: 3;
    position: absolute;
    top: 2rem;
    right: 2rem;
}
.main-item__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
    width: 100%;
}
.main-item__buttons .main-item__link {
    text-align: center;
}
.main-item__link-2 {
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    background: #FFF;
    color: #121212;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.blog-grid .main-item__title {
    font-size: 2.4rem;
}
.blog-more {
    margin: 4rem auto;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #000;
}
.blog-more:hover {
    background: #0B223D;
    border-color: #0B223D;
    color: #FFF;
}

@media screen and (max-width: 1692px) {
    .blog-row .main-item {
        height: 30rem;
        padding: 0 2rem 2rem 2rem;
    }
    .blog-row {
        max-width: 120.4rem;
    }
    .blog-grid > .main-item {
        max-width: 39.6rem;
    }
}
@media screen and (max-width: 1392px) {
    .blog-row {
        max-width: 90.4rem;
    }
    .blog-grid > .main-item {
        max-width: 29.6rem;
    }
    .blog-row .main-item {
        height: 22.5rem;
    }
    .blog-container {
        gap: 4rem;
    }
    .blog-grid .main-item__title {
        font-size: 2rem;
    }
    .main-item__link-2 {
        padding: 1.2rem;
    }
    .main-item__buttons .main-item__link {
        padding: 1.2rem;
    }
}
@media screen and (max-width: 992px) {
    .blog-row {
        max-width: 58rem;
    }
    .blog-row .main-item {
        height: 14.4rem;
        padding: 1.2rem;
    }
    .blog-grid .main-item__title {
        font-size: 1.6rem;
    }
    .blog-grid .main-item__pleer .audiowave {
        width: 17.8rem;
    }
    .blog-grid > .main-item {
        max-width: 18.8rem;
        padding: 1.2rem;
    }
    .main-item__buttons {
        display: none;
    }
    .blog-item-date {
        font-size: 1.4rem;
        padding: 0.4rem 1.2rem;
        top: 1.2rem;
        right: 1.2rem;
    }
}
@media screen and (max-width: 678px) {
    .blog {
        margin-bottom: 2.4rem;
    }
    .blog-container {
        gap: 2.4rem;
    }
    .blog-grid {
        flex-direction: column;
    }
    .blog-grid > .main-item {
        max-width: none;
        height: 21.6rem;
        padding: 1.6rem;
    }
    .blog-row {
        max-width: none;
        grid-template-columns: repeat(1, 1fr);
    }
    .blog-row .main-item {
        height: 21.6rem;
        padding: 1.6rem;
    }
}

/* menu-mobile */

.menu-mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

@media screen and (max-width: 992px) {
    .menu-mobile.active {
        display: flex;
    }
    .menu-mobile__fon {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(11, 34, 61, 0.50);
        backdrop-filter: blur(1.2rem);
        -webkit-backdrop-filter: blur(1.2rem);
    }
    .menu-mobile-main {
        position: relative;
        margin-left: auto;
        width: 36rem;
        border-radius: 0.4rem 0rem 0.4rem 0.4rem;
        background: #FFF;
        margin-bottom: auto;
        display: flex;
        flex-direction: column;
        gap: 2.8rem;
        padding: 6.4rem 2.4rem 2.4rem 2.4rem;
    }
    .menu-mobile .topmenu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2.8rem;
        padding-bottom: 2.8rem;
        border-bottom: 0.1rem solid #C7C7C7;
    }
    .menu-mobile .topmenu > li {
        position: relative;
        list-style: none;
    }
    .menu-mobile .topmenu > li > a {  
        color: #000;
        font-size: 2rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: flex;
        align-items: center;
        gap: 0.4rem;
    }
    .menu-mobile .topmenu > li > a svg {
        width: 1.2rem;
        height: auto;
    }
    .menu-mobile .submenu {
        position: relative;
        max-height: 0;
        transition: .3s linear;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 2.4rem;
        gap: 1.2rem;
    }
    .menu-mobile .submenu li {
        position: relative;
        list-style: none;
    }
    .menu-mobile .submenu li a {
        color: #393939;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: flex;
        align-items: center;
        gap: 0.8rem;
    }
    .menu-mobile .submenu li a svg {
        width: 2rem;
        height: auto;
    }
    .menu-mobile .submenu .submenu {
        position: relative;
        left: 100%;
        top: -1px;
        transition: .3s linear;
    }
    .menu-mobile nav li:hover > .submenu {
        max-height: max-content;
        margin-top: 1.2rem;
    }
    .mobile-lk {
        color: #000;
        font-size: 2rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-right: auto;
    }
    .mobile-online {
        margin-top: 1.2rem;
        width: 100%;
        padding: 1.2rem 2.4rem;
        border-radius: 0.2rem;
        background: #0B223D;
        color: #FFF;
        text-align: center;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .mobile-search {
        display: flex;
        position: relative;
    }
    .mobile-search svg {
        width: 2.4rem;
        height: auto;
        position: absolute;
        left: 0.4rem;
        bottom: 0.4rem;
    }
    .mobile-search input {
        width: 100%;
        color: #000;
        font-family: Montserrat;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 0 0 0.4rem 4rem;
        border-bottom: 0.1rem solid #121212;
    }
    .mobile-search input::placeholder {
        color: #A3A3A3;
    }

}
@media screen and (max-width: 678px) {
    .menu-mobile-main {
        width: 100%;
        border-radius: 0.4rem 0rem 0.4rem 0.4rem;
        padding: 6.9rem 2.4rem 2.4rem 2.4rem;
    }
}

/* header */

.contacts-container {
    display: flex;
    flex-direction: column;
}
.contacts-banner {
    height: 64rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    padding: 0 6rem 2rem 6rem;
}
.breadcrumbs {
    margin-top: 2rem;
}
.breadcrumbs ul {
    gap: 0.4rem;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.breadcrumbs li {
    display: flex;
    list-style: none;
}
.breadcrumbs svg {
    width: 1.4rem;
    height: auto;
}
.breadcrumbs p {
    color: rgba(33, 43, 47, 0.50);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.breadcrumbs a {
    color: #0B181E;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.contacts .breadcrumbs a {
    color: #FFF;
}
.contacts .breadcrumbs p {
    color: #FFF;
}
.contacts .breadcrumbs svg path {
    fill: #FFF;
    fill-opacity: 1;
}
.contacts-banner__img {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
.contacts-banner__title {
    color: #FFF;
    font-size: 6.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.contacts-main {
    padding: 6rem 0;
    display: flex;
    justify-content: center;
}
.contacts-main p {
    color: #121212;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    max-width: 92.1rem;
}
.contacts-map {
    height: 64rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10rem;
    position: relative;
}
.contacts-map iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.contacts-map__block {
    position: relative;
    z-index: 2;
    border-radius: 0.4rem;
    background: #0B223D;
    padding: 2.8rem;
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
    overflow: hidden;
}
.contacts-map__title {
    color: #FFF;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.contacts-map__logo {
    width: 24.2rem;
    position: absolute;
    right: -3.1rem;
    bottom: -4.3rem;
    z-index: -1;
}
.contacts-map__column {
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
}
.contacts-map__row {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
}
.contacts-map__row > svg {
    width: 2rem;
    height: auto;
}
.contacts-map__address {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.contacts-map__address span {
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.contacts-map__address p, .contacts-map__address a {
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

@media screen and (max-width: 1692px) {
    .contacts-banner {
        height: 60rem;
        padding: 0 6rem 1.6rem 6rem;
    }
    .contacts-main p {
        max-width: 105.2rem;
    }
    .contacts-map {
        height: 60rem;
    }
}
@media screen and (max-width: 1392px) {
    .contacts-banner {
        height: 38rem;
        padding: 0 4rem 1.6rem 4rem;
    }
    .contacts-main {
        padding: 4rem 0;
    }
    .contacts-main p {
        font-size: 2rem;
        max-width: 69.7rem;
    }
    .contacts-map {
        height: 53.4rem;
        padding: 0 4rem;
    }
}
@media screen and (max-width: 992px) {
    .contacts-banner {
        height: 27.9rem;
        padding: 0 2.4rem 1.2rem 2.4rem;
    }
    .contacts-banner__title {
        font-size: 4.8rem;
    }
    .contacts-main {
        padding: 4rem 2.4rem;
        justify-content: flex-start;
    }
    .contacts-main p {
        font-size: 1.8rem;
        max-width: 62.9rem;
    }
    .contacts-map {
        height: auto;
        padding: 0;
        flex-direction: column-reverse;
    }
    .contacts-map iframe {
        position: relative;
        height: 40rem;
    }
    .contacts-map__block {
        padding: 2.4rem 1.6rem 2.4rem 2.4rem;
        gap: 1.8rem;
        width: 100%;
    }
    .contacts-map__title {
        font-size: 1.8rem;
    }
    .contacts-map__logo {
        width: 17.2rem;
        right: 0;
        bottom: -3.8rem;
    }
    .contacts-map__column {
        gap: 1.8rem;
    }
    .contacts-map__address span {
        font-size: 1.5rem;
    }
    .contacts-map__address p, .contacts-map__address a {
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 678px) {
    .contacts-banner {
        height: 28rem;
        padding: 0 1.6rem 1.2rem 1.6rem;
    }
    .contacts-banner__title {
        font-size: 3.2rem;
    }
    .contacts-main {
        padding: 2.4rem 1.6rem;
    }
    .contacts-main p {
        font-size: 1.6rem;
        max-width: 31rem;
    }
    .contacts-map iframe {
        height: 52rem;
    }
    .contacts-map__block {
        padding: 2rem 1.6rem;
    }
    .contacts-map__logo {
        bottom: -3.4rem;
    }
}

/* medication */

.medication {
    margin: 6rem 0;
}
.medication-container {
    display: flex;
    flex-direction: column;
    gap: 6rem;
}
.medication-title {
    color: #121212;
    font-size: 6.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.medication-main {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.medication-search {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}
.medication-search__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.medication-search__tabs {
    display: flex;
}
.medication-search__tab {
    border-radius: 0.2rem;
    background: #C7C7C7;
    color: #7E7E7E;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0.8rem 1.6rem;
}
.medication-search__tab:last-child {
    margin-left: -0.4rem;
}
.medication-search__tab.active {
    background: #0B223D;
    color: #FFF;
}
.medication-search__link {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    color: #5B728D;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.medication-search__link svg {
    width: 2rem;
    height: auto;
}
.medication-search__content {
    display: none;
}
.medication-search__content.active {
    display: flex;
}
.medication-search__form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}
.medication-search__main {
    display: flex;
    position: relative;
    align-items: center;
}
.medication-search__main svg {
    width: 2.4rem;
    height: auto;
    position: absolute;
    left: 1.2rem;
}
.medication-search__input {
    width: 100%;
    height: 5rem;
    border: 0.1rem solid #4E4E4E;
    padding: 0 1rem 0 5.6rem;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.medication-search__input::placeholder {
    color: #8C8C8C;
}
.medication-search__submit {
    border-radius: 0.2rem;
    background: #0B223D;
    width: 22rem;
    height: 5rem;
    color: #FFF;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.medication-search__letters {
    display: flex;
    gap: 4.3rem;
    flex-wrap: wrap;
}
.medication-search__letter {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.medication-content {
    display: flex;
    flex-direction: column;
    gap: 6rem;
}
.medication-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
}
.medication-item {
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 0.4rem;
    border: 0.1rem solid #DEDEDE;
    justify-content: space-between;
    padding: 3.6rem;
    min-height: 35rem;
}
.medication-item__name {
    color: #8C8C8C;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: absolute;
    top: 3.6rem;
    left: 3.6rem;
}
.medication-item__img {
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
    max-width: 23.7rem;
    margin: 0 auto;
    width: 100%;
}
.medication-item .swiper {
    width: 100%;
}
.medication-item__img .swiper:nth-child(1) {
    height: 18.4rem;
}
.medication-item__img .swiper:nth-child(1) .swiper-slide {
    height: auto;
}
.medication-item__img .swiper:nth-child(1) .swiper-slide a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.medication-item__img .swiper:nth-child(1) .swiper-slide img {
    max-width: 100%;
}
.medication-item__img .swiper:nth-child(2) {
    height: 5.1rem;
}
.medication-item__img .swiper:nth-child(2) .swiper-wrapper {
    justify-content: space-evenly;
}
.medication-item__img .swiper:nth-child(2) .swiper-slide {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: unset;
}
.medication-item__img .swiper:nth-child(2) .swiper-slide a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.medication-item__img .swiper:nth-child(2) .swiper-slide img {
    max-width: 100%;
    height: 100%;
}
.medication-item-pagination {
    display: none;
}
.medication-item__main {
    width: 100%;
    max-width: 51.7rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4rem;
    height: 100%;
}
.medication-item__code {
    color: #8C8C8C;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.medication-item__description {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 50rem;
}
.medication-item__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
    width: 100%;
    margin-top: auto;
}
.medication-item__link {
    border-radius: 0.2rem;
    background: #0B223D;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 1.2rem;
    text-align: center;
}
.medication-item__download {
    border-radius: 0.2rem;
    border: 0.1rem solid #121212;
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 1.2rem;
    text-align: center;
}
.medication-more {
    border-radius: 0.2rem;
    border: 0.1rem solid #000;
    padding: 1.2rem 3.2rem;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 auto;
}

@media screen and (max-width: 1692px) {
    .medication {
        margin: 4rem 0;
    }
    .medication-container {
        gap: 5.7rem;
    }
    .medication-search {
        gap: 2.4rem;
    }
    .medication-search__form {
        gap: 2rem;
    }
    .medication-search__input {
        height: 4.4rem;
    }
    .medication-search__submit {
        height: 4.4rem;
    }
    .medication-search__letters {
        justify-content: space-between;
    }
    .medication-content {
        gap: 4rem;
    }
    .medication-item {
        padding: 3.2rem;
    }
    .medication-item__name {
        top: 3.2rem;
        left: 3.2rem;
    }
    .medication-item__main {
        max-width: 37.3rem;
    }
}
@media screen and (max-width: 1392px) {
    .medication {
        margin: 4rem 0;
    }
    .medication-container {
        gap: 3.7rem;
    }
    .medication-main {
        gap: 4rem;
    }
    .medication-search {
        gap: 2rem;
    }
    .medication-search__link svg {
        width: 1.8rem;
    }
    .medication-search__form {
        gap: 1.8rem;
    }
    .medication-search__submit {
        font-size: 1.6rem;
    }
    .medication-search__letters {
        flex-wrap: nowrap;
        overflow-x: auto;
        min-width: 100vw;
        margin-left: -4rem;
        padding: 0 4rem;
        padding-bottom: 0.5rem;
    }
    .medication-content {
        gap: 4rem;
    }
    .medication-item {
        padding: 2rem 2rem 9.6rem 2rem;
        min-height: 32.1rem;
        position: relative;
    }
    .medication-item__name {
        font-size: 1.5rem;
        top: 2rem;
        left: 2rem;
    }
    .medication-item__img {
        gap: 1.7rem;
        max-width: 17rem;
    }
    .medication-item__img .swiper:nth-child(1) {
        height: 10.5rem;
    }
    .medication-item__img .swiper:nth-child(1) .swiper-slide a {
        height: 100%;
    }
    .medication-item__img .swiper:nth-child(1) .swiper-slide img {
        max-width: 100%;
        max-height: 100%;
        height: 100%;
        object-fit: cover;
    }
    .medication-item__img .swiper:nth-child(2) {
        height: 3.7rem;
    }
    .medication-item__main {
        max-width: 31.7rem;
        gap: 1rem;
    }
    .medication-item__code {
        font-size: 1.5rem;
    }
    .medication-item__buttons {
        position: absolute;
        bottom: 2rem;
        left: 2rem;
        max-width: 51.9rem;
    }
}
@media screen and (max-width: 992px) {
    .medication {
        margin: 2.4rem 0 4rem 0;
    }
    .medication-container {
        gap: 2rem;
    }
    .medication-title {
        font-size: 4.8rem;
    }
    .medication-main {
        gap: 2rem;
    }
    .medication-search {
        gap: 2rem;
    }
    .medication-search__form {
        gap: 2rem;
    }
    .medication-search__input {
        padding: 0 1rem 0 4.8rem;
    }
    .medication-search__letters {
        gap: 0.8rem 2.4rem;
        justify-content: center;
        flex-wrap: wrap;
        min-width: 100%;
        margin: 0;
        padding: 0;
    }
    .medication-content {
        gap: 4rem;
    }
    .medication-grid {
        min-width: 100vw;
        margin-left: -2.4rem;
        gap: 0;
    }
    .medication-item {
        border-radius: 0;
        flex-direction: column;
        gap: 1rem;
        padding: 2rem 1.2rem;
        min-height: auto;
        align-items: flex-start;
    }
    .medication-item__name {
        font-size: 1.4rem;
        position: relative;
        top: auto;
        left: auto;
    }
    .medication-item__img {
        gap: 2.4rem;
        max-width: 22rem;
        margin-bottom: 1.4rem;
    }
    .medication-item__img .swiper:nth-child(1) {
        height: 17rem;
    }
    .medication-item__img .swiper:nth-child(2) {
        display: none;
    }
    .medication-item-pagination {
        display: flex;
        gap: 1.6rem;
        justify-content: center;
        align-items: center;
    }
    .medication-item-pagination .swiper-pagination-bullet {
        margin: 0 !important;
        width: 1rem;
        height: 1rem;
        background: #C7C7C7;
        opacity: 1;
    }
    .medication-item-pagination .swiper-pagination-bullet-active {
        background: #0B223D;
    }
    .medication-item__main {
        max-width: none;
        gap: 1.6rem;
    }
    .medication-item__code {
        font-size: 1.4rem;
    }
    .medication-item__description {
        max-width: none;
    }
    .medication-item__buttons {
        position: relative;
        left: auto;
        bottom: auto;
    }
}
@media screen and (max-width: 678px) {
    .medication-container {
        gap: 2rem;
    }
    .medication-title {
        font-size: 3.2rem;
    }
    .medication-main {
        gap: 2.4rem;
    }
    .medication-search {
        gap: 1.2rem;
    }
    .medication-search__row {
        flex-direction: column;
        align-items: flex-start;
        gap: 2.4rem;
    }
    .medication-search__tab {
        padding: 0.8rem 1.55rem;
    }
    .medication-search__form {
        gap: 2.4rem;
    }
    .medication-search__input {
        padding: 0 0.5rem 0 4.4rem;
    }
    .medication-search__submit {
        width: 11.1rem;
    }
    .medication-content {
        gap: 4rem;
    }
    .medication-grid {
        grid-template-columns: repeat(1, 1fr);
        min-width: 100%;
        margin: 0;
    }
    .medication-item__img {
        margin-bottom: 1rem;
    }
    .medication-item__main {
        gap: 2rem;
    }
    .medication-item__description {
        font-size: 2rem;
        margin-bottom: 1.2rem;
    }
    .medication-item__download {
        padding: 1.2rem 0;
    }
}

/* medicament */

.medicament {
    margin: 6rem 0 17.6rem 0;
}
.medicament-container {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.medicament-title {
    color: #010101;
    font-size: 4.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    max-width: 150.3rem;
}
.medicament-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.medicament-img {
    width: 100%;
    max-width: 50rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.medicament-swiper {
    width: 100%;
    height: 29.2rem;
}
.medicament-swiper.mini {
    width: 100%;
    height: 10rem;
}
.medicament-swiper.mini .swiper-slide {
    width: unset;
}

.medicament-swiper .swiper-wrapper {
    justify-content: space-evenly;
}

.medicament-swiper .swiper-slide {
    height: auto;
}
.medicament-swiper .swiper-slide a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.medicament-swiper .swiper-slide a img {
    height: 100%;
    max-width: 100%;
}
.medicament-swiperthumbs {
    width: 100%;
    height: 12rem;
}
.medicament-swiperthumbs .swiper-slide {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.medicament-swiperthumbs .swiper-slide img {
    max-width: 100%;
    height: 100%;
}
.medicament-pagination {
    display: none;
}
.medicament-column {
    width: 100%;
    max-width: 103rem;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}
.medicament-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.medicament-row span {
    color: #8C8C8C;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.medicament-row p {
    color: #8C8C8C;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.medicament-info {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.medicament-block {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.medicament-block__title {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
.medicament-block__description {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.medicament-download {
    padding: 1.2rem 3.2rem;
    width: 100%;
    text-align: center;
    max-width: 57rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #121212;
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-right: auto;
}

@media screen and (max-width: 1692px) {
    .medicament {
        margin: 4rem 0 8rem 0;
    }
    .medicament-title {
        max-width: 148rem;
    }
    .medicament-column {
        max-width: 75.7rem;
    }
    .medicament-download {
        max-width: none;
    }
    .medicament-img {
        margin-top: auto;
    }
}
@media screen and (max-width: 1392px) {
    .medicament {
        margin: 4rem 0;
    }
    .medicament-title {
        font-size: 4rem;
        max-width: 112rem;
    }
    .medicament-column {
        max-width: 51.8rem;
    }
    .medicament-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.6rem;
    }
    .medicament-img {
        margin-top: 0;
    }
}
@media screen and (max-width: 992px) {
    .medicament {
        margin: 2.4rem 0 4rem 0;
    }
    .medicament-container {
        gap: 2.4rem;
    }
    .medicament-title {
        font-size: 3.2rem;
        max-width: 72rem;
    }
    .medicament-title br {
        display: none;
    }
    .medicament-main {
        flex-direction: column;
        gap: 2.4rem;
    }
    .medicament-img {
        margin: 0 auto;
        max-width: 45rem;
        gap: 1.6rem;
    }
    .medicament-swiper {
        height: 29.2rem;
    }
    .medicament-swiper.mini {
        display: none;
    }
    .medicament-swiperthumbs {
        display: none;
    }
    .medicament-pagination {
        display: flex;
        justify-content: center;
        gap: 1.6rem;
        align-items: center;
    }
    .medicament-pagination .swiper-pagination-bullet {
        background: #C7C7C7;
        opacity: 1;
        width: 1rem;
        margin: 0 !important;
        height: 1rem;
    }
    .medicament-pagination .swiper-pagination-bullet-active {
        background: #0B223D;
    }
    .medicament-column {
        gap: 2rem;
        max-width: none;
    }
    .medicament-row {
        gap: 1.4rem;
    }
    .medicament-block__title {
        font-size: 2rem;
    }
}
@media screen and (max-width: 678px) {
    .medicament {
        margin: 2rem 0 4rem 0;
    }
    .medicament-container {
        gap: 2.4rem;
    }
    .medicament-title {
        font-size: 2.4rem;
        max-width: 32.8rem;
    }
    .medicament-img {
        max-width: 32.8rem;
    }
    .medicament-swiper {
        height: 28.6rem;
    }
    .medicament-swiper .swiper-slide a img {
        object-fit: contain;
    }
}

/* experts */

.experts {
    margin: 6rem 0;
}
.experts-container {
    display: flex;
    flex-direction: column;
    gap: 6rem;
}
.experts-title {
    color: #121212;
    font-size: 6.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.experts-main {
    display: flex;
    flex-direction: column;
    gap: 6rem;
}
.experts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.2rem;
}
.experts-item {
    background: #0B223D;
    padding: 3.2rem 2.4rem;
    display: flex;
    flex-direction: column;
}
.experts-item__img {
    width: 18rem;
    height: 18rem;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 3.2rem;
}
.experts-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.experts-item__name {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    margin-bottom: 4rem;
}
.experts-item__title {
    color: #FFF;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    min-height: 10.5rem;
}
.experts-item__description {
    color: #B4C2D3;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.experts-item__meterials-block {
    min-height: 18.9rem;
}
.experts-item__meterials-block {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-top: auto;
}
.experts-item__meterials {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.experts-item__meterial {
    border-radius: 0.2rem;
    background: #233850;
    padding: 0.6rem 2rem;
    display: flex;
    align-items: center;
    gap: 6.4rem;
    min-height: 6.9rem;
    justify-content: space-between;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.experts-item__meterials-more {
    position: relative;
    max-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.experts-item__meterial p {
    max-width: 30.8rem;
}
.experts-item__meterial svg {
    width: 1.9rem;
    min-width: 1.9rem;
    height: auto;
}
.experts-item__more {
    margin-right: auto;
    color: #5B728D;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 0.8rem;
}
.experts-more {
    margin: 0 auto;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #000;
}

@media screen and (max-width: 1692px) {
    .experts-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .experts-item {
        padding: 2.8rem;
    }
    .experts-item__name {
        margin-bottom: 5rem;
    }
    .experts-item__meterial {
        gap: 3.8rem;
    }
    .experts-item__meterial p {
        max-width: 38rem;
    }
    .experts-item__title {
        min-height: 9.5rem;
    }
}
@media screen and (max-width: 1392px) {
    .experts {
        margin: 4rem 0;
    }
    .experts-container {
        gap: 4rem;
    }
    .experts-main {
        gap: 4rem;
    }
    .experts-item {
        padding: 2.4rem;
    }
    .experts-item__img {
        width: 13rem;
        height: 13rem;
        margin-bottom: 2.6rem;
    }
    .experts-item__name {
        margin-bottom: 3rem;
    }
    .experts-item__meterial {
        padding: 0.6rem 1.6rem;
        gap: 1rem;
        font-size: 1.6rem;
    }
    .experts-item__meterial p {
        max-width: 30rem;
    }
    .experts-item__title {
        min-height: 9rem;
    }
    .experts-item__meterials-block {
        min-height: 14.3rem;
    }
}
@media screen and (max-width: 992px) {
    .experts {
        margin: 2.4rem 0 4rem 0;
    }
    .experts-container {
        gap: 2rem;
    }
    .experts-title {
        font-size: 4.8rem;
    }
    .experts-main {
        gap: 4rem;
    }
    .experts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .experts-item {
        padding: 2rem;
    }
    .experts-item__img {
        width: 12rem;
        height: 12rem;
        margin-bottom: 2rem;
    }
    .experts-item__name {
        gap: 1rem;
        margin-bottom: 2rem;
    }
    .experts-item__title {
        font-size: 2.8rem;
    }
    .experts-item__description {
        font-size: 1.5rem;
    }
    .experts-item__meterials {
        gap: 1rem;
    }
    .experts-item__meterial {
        padding: 0.6rem 1.6rem;
        gap: 2rem;
        justify-content: space-between;
        min-height: 5.2rem;
        font-size: 1.5rem;
    }
    .experts-item__meterial p {
        max-width: 20rem;
    }
    .experts-item__title {
        min-height: 9.2rem;
    }
    .experts-item__meterials-block {
        min-height: 25.7rem;
    }
}
@media screen and (max-width: 678px) {
    .experts-container {
        gap: 2rem;
    }
    .experts-title {
        font-size: 3.2rem;
    }
    .experts-main {
        gap: 4rem;
    }
    .experts-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .experts-item {
        padding: 2rem 1.6rem;
    }
    .experts-item__img {
        width: 11rem;
        height: 11rem;
        margin-bottom: 1.6rem;
    }
    .experts-item__name {
        gap: 1rem;
        margin-bottom: 2rem;
    }
    .experts-item__title {
        font-size: 2.4rem;
    }
    .experts-item__meterials {
        gap: 1rem;
        margin-bottom: 0;
    }
    .experts-item__meterial {
        padding: 0.6rem 1.6rem;
        gap: 1rem;
        min-height: auto;
    }
    .experts-item__meterial p {
        max-width: 20rem;
    }
    .experts-more {
        width: 32.8rem;
    }
    .experts-item__title {
        min-height: auto;
    }
    .experts-item__meterials-block {
        min-height: auto;
    }
}

/* materials */

.materials {
    margin: 6rem 0;
}
.materials-container {
    display: flex;
    flex-direction: column;
    gap: 6rem;
}
.materials-name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
}
.materials-title {
    color: #121212;
    font-size: 6.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 87.7rem;
}
.materials-description {
    color: #121212;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 87.7rem;
}
.materials-main {
    display: flex;
    flex-direction: column;
    gap: 6rem;
}
.materials-grid {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0 0.2rem;
}
.materials-row {
    display: flex;
    gap: 0.2rem;
}
.materials-row-2 {
    display: flex;
    gap: 0.2rem;
}
.materials-row-3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.2rem;
}
.materials-column {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    width: 100%;
    max-width: 71.5rem;
}
.materials-more {
    border-radius: 0.2rem;
    border: 0.1rem solid #000;
    padding: 1.2rem 3.2rem;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 auto;
}
.materials-row > .main-item {
    height: 70rem;
    padding: 0 33.9rem 6rem 6rem;
    max-width: 119.9rem;
}
.materials-column .main-item {
    height: 34.9rem;
    padding: 0 14.7rem 3.2rem 3.2rem;
}
.materials-row > .main-item .main-item__title {
    font-size: 3.2rem;
}
.materials-column .main-item .main-item__title {
    font-size: 2.4rem;
}
.materials-row-2 .main-item:nth-child(1) {
    height: 70rem;
    max-width: 71.5rem;
    padding: 0 15rem 4rem 4rem;
}
.materials-row-2 .main-item:nth-child(2) {
    height: 70rem;
    max-width: 119.9rem;
    padding: 0 34rem 6rem 6rem;
}
.materials-row-2 .main-item:nth-child(2) .main-item__title {
    font-size: 3.2rem;
}
.materials-row-3 .main-item {
    height: 70rem;
    padding: 3.2rem;
}
.materials-row-3 .main-item .main-item__title {
    font-size: 2.4rem;
}


@media screen and (max-width: 1692px) {
    .materials-column {
        max-width: 59.6rem;
    }
    .materials-row > .main-item {
        height: 60rem;
        padding: 0 14rem 6rem 6rem;
        max-width: 100rem;
    }
    .materials-column .main-item {
        height: 29.9rem;
        padding: 0 2.4rem 2.4rem 2.4rem;
    }
    .materials-row-2 .main-item:nth-child(1) {
        height: 60rem;
        max-width: 59.9rem;
        padding: 0 4rem 4rem 4rem;
    }
    .materials-row-2 .main-item:nth-child(2) {
        height: 60rem;
        max-width: 100rem;
        padding: 0 8rem 4rem 4rem;
    }
    .materials-row-2 .main-item:nth-child(2) .main-item__title {
        font-size: 3rem;
    }
    .materials-row-3 .main-item {
        height: 60rem;
        padding: 0 2.1rem 2.4rem 2rem;
    }
}
@media screen and (max-width: 1392px) {
    .materials {
        margin: 4rem 0;
    }
    .materials-container {
        gap: 4rem;
    }
    .materials-main {
        gap: 4rem;
    }
    .materials-column {
        max-width: 44rem;
    }
    .materials-row > .main-item {
        height: 48rem;
        padding: 0 3.9rem 6rem 4rem;
        max-width: 75.8rem;
    }
    .materials-column .main-item {
        height: 23.9rem;
        padding: 0 2rem 2rem 2rem;
    }
    .materials-row > .main-item .main-item__title {
        font-size: 3rem;
    }
    .materials-row-2 .main-item:nth-child(1) {
        height: 48rem;
        max-width: 44rem;
        padding: 0 2rem 6.3rem 2rem;
    }
    .materials-row-2 .main-item:nth-child(2) {
        height: 48rem;
        max-width: 75.8rem;
        padding: 0 3.9rem 6rem 4rem;
    }
    .materials-row-2 .main-item:nth-child(2) .main-item__title {
        font-size: 3rem;
    }
    .materials-row-3 .main-item {
        height: 48rem;
        padding: 2.1rem 2rem 2rem;
    }
}
@media screen and (max-width: 992px) {
    .materials {
        margin: 2rem 0 4rem 0;
    }
    .materials-container {
        gap: 2rem;
    }
    .materials-title {
        font-size: 4.8rem;
    }
    .materials-main {
        gap: 4rem;
    }
    .materials-row-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .materials-column {
        max-width: 28.6rem;
    }
    .materials-row > .main-item {
        height: 48rem;
        padding: 0 1.2rem 2rem 1.2rem;
        max-width: 48rem;
    }
    .materials-column .main-item {
        height: 23.9rem;
        padding: 0 1.2rem 2rem 1.2rem;
    }
    .materials-row > .main-item .main-item__title {
        font-size: 2.4rem;
    }
    .materials-column .main-item .main-item__title {
        font-size: 1.8rem;
    }
    .materials-row-2 .main-item:nth-child(1) {
        height: 48rem;
        max-width: 28.6rem;
        padding: 0 1.2rem 2rem 1.2rem;
    }
    .materials-row-2 .main-item:nth-child(2) {
        height: 48rem;
        max-width: 48rem;
        padding: 0 1.2rem 2rem 1.2rem;
    }
    .materials-row-2 .main-item:nth-child(2) .main-item__title {
        font-size: 2.4rem;
    }
    .materials-row-3 .main-item {
        height: 44rem;
        padding: 1.2rem 2rem 1.2rem;
    }
    .materials-row-3 .main-item .main-item__title {
        font-size: 1.8rem;
    }
    .materials-row-3 .main-item:last-child {
        display: none;
    }
}
@media screen and (max-width: 678px) {
    .materials {
        margin: 2.4rem 0 4rem 0;
    }
    .materials-container {
        gap: 2rem;
    }
    .materials-title {
        font-size: 3.2rem;
    }
    .materials-description {
        font-size: 2rem;
    }
    .materials-main {
        gap: 4rem;
    }
    .materials-row {
        flex-direction: column;
    }
    .materials-row-2 {
        flex-direction: column;
    }
    .materials-row-3 {
        grid-template-columns: repeat(1, 1fr);
    }
    .materials-column {
        max-width: none;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .materials-more {
        width: 100%;
        max-width: 32.8rem;
    }
    .materials-row > .main-item {
        height: 21.6rem;
        padding: 0 1.2rem 1.6rem 1.6rem;
    }
    .materials-column .main-item {
        height: 21.6rem;
        padding: 0 1.4rem 1.6rem 1.6rem;
    }
    .materials-row > .main-item .main-item__title {
        font-size: 1.8rem;
    }
    .materials-column .main-item .main-item__title {
        font-size: 1.6rem;
    }
    .materials-row-2 .main-item:nth-child(1) {
        height: 21.6rem;
        padding: 1.2rem;
        max-width: none;
    }
    .materials-row-2 .main-item:nth-child(2) {
        height: 21.6rem;
        padding: 1.2rem;
    }
    .materials-row-2 .main-item:nth-child(2) .main-item__title {
        font-size: 1.8rem;
    }
    .materials-row-3 .main-item {
        height: 21.6rem;
        padding: 1.2rem;
    }
    .materials-row-3 .main-item .main-item__title {
        font-size: 1.8rem;
    }
    .materials-row-3 .main-item:last-child {
        display: flex;
    }
}

/* event */

.event {
    margin: 6rem 0;
}
.event-container {
    display: flex;
    flex-direction: column;
}
.event-title {
    color: #121212;
    font-size: 4.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: -1rem;
}
.event-main {
    display: flex;
    align-items: flex-start;
    gap: 4rem;
}
.event-content {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    width: 100%;
    max-width: 130.8rem;
}
.event-img {
    position: relative;
    width: 100%;
    height: 53.1rem;
}
.event-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.event-category {
    position: absolute;
    top: 2rem;
    left: 2rem;
    z-index: 1;
    padding: 0.4rem 2rem;
    border-radius: 10rem;
    background: #0B223D;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.event-text {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    max-width: 85rem;
    padding: 1rem;
}
.event-text h3 {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.event-text p, .event-text a {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.event-submit {
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    background: #0B223D;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-right: auto;
}
.event-block {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    /*position: sticky;*/
    top: 5rem;
    width: 100%;
    max-width: 45rem;
    border-radius: 0.2rem;
    background: #0B223D;
    padding: 4rem;
    margin-top: 9.5rem;
}
.event-block__row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.event-block__date {
    display: flex;
    align-items: flex-end;
    gap: 0.8rem;
}
.event-block__date span {
    color: #FFF;
    font-size: 5.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.event-block__date p {
    color: #FFF;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 0.8rem;
}
.event-block__time {
    display: flex;
    padding-bottom: 1rem;
    align-items: center;
    gap: 0.8rem;
}
.event-block__time svg {
    width: 1.6rem;
    height: auto;
}
.event-block__time span {
    color: #FFF;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.event-block__time p {
    color: #FFF;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.event-block__column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
}
.event-block__column p, .event-block__column a {
    color:#FFF;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.event-block__column b {
    font-weight: 600;
}
.event-block__button {
    border-radius: 0.2rem;
    background: #FFF;
    padding: 1.2rem 3.2rem;
    color: #121212;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}
.event-container > .event-title {
    display: none;
}

@media screen and (max-width: 1692px) {
    .event {
        margin: 6rem 0;
    }
    .event-container {
        gap: 2.7rem;
    }
    .event-main {
        gap: 9rem;
    }
    .event-title {
        margin-bottom: 0;
    }
    .event-content {
        gap: 2.7rem;
        max-width: 98.4rem;
    }
    .event-img {
        height: 40rem;
    }
    .event-block {
        max-width: 41.6rem;
        padding: 2rem;
        margin-top: 0;
    }
    .event-block__date span {
        font-size: 4.4rem;
    }
    .event-block__date p {
        font-size: 2rem;
    }
    .event-block__time {
        padding-bottom: 0.8rem;
    }
    .event-block__time span {
        font-size: 2rem;
    }
    .event-block__time p {
        font-size: 1.6rem;
    }
    .event-block__column {
        gap: 0.9rem;
    }
    .event-block__column p, .event-block__column a {
        font-size: 1.6rem;
    }
    .event-block__button {
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 1392px) {
    .event {
        margin: 4rem 0;
    }
    .event-main {
        gap: 4rem;
    }
    .event-content {
        gap: 3.2rem;
        max-width: 66.4rem;
    }
    .event-title {
        font-size: 4rem;
    }
    .event-text {
        max-width: 65rem;
        padding: 0;
    }
    .event-block {
        max-width: 41.6rem;
        top: 5rem;
    }
}
@media screen and (max-width: 992px) {
    .event {
        margin: 2.4rem 0 4rem 0;
    }
    .event-main {
        gap: 2.7rem;
        flex-direction: column-reverse;
    }
    .event-title {
        display: none;
        font-size: 3.2rem;
    }
    .event-container > .event-title {
        display: block;
    }
    .event-block {
        max-width: none;
        top: 0;
        position: relative;
        gap: 1.2rem;
    }
    .event-block__column {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .event-block__button {
        margin-top: 1.2rem;
    }
    .event-content {
        gap: 2.7rem;
        max-width: none;
    }
    .event-text {
        max-width: none;
    }
    .event-submit {
        width: 100%;
    }
}
@media screen and (max-width: 678px) {
    .event {
        margin: 2rem 0 4rem 0;
    }
    .event-title {
        font-size: 2.4rem;
    }
    .event-block {
        padding: 1.2rem 1.2rem 2rem 1.2rem;
        gap: 0;
    }
    .event-block__column p, .event-block__column a {
        font-size: 1.5rem;
    }
    .event-block__button {
        margin-top: 3.1rem;
    }
    .event-img {
        height: 22rem;
    }
    .event-category {
        top: 1.2rem;
        left: 1.2rem;
    }
    .event-text p, .event-text a {
        font-size: 1.5rem;
    }
}

/* material */

.material {
    margin: 4rem 0 12rem 0;
}
.material-container {
    display: flex;
    flex-direction: column;
}
.material-back {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #121212;
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 1.2rem 3.2rem;
    margin-right: auto;
    margin-bottom: 2rem;
}
.material-back svg {
    width: 1.2rem;
    height: auto;
}
.material-main {
    display: flex;
    align-items: center;
    gap: 3.2rem;
    margin-bottom: 6rem;
}
.material-main > img {
    height: auto;
    width: 100%;
    max-width: 103.1rem;
    object-fit: cover;
}
.material-main__column {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    width: 100%;
    max-width: 67.7rem;
}
.material-main__info {
    display: flex;
    gap: 2.4rem;
    align-items: center;
    flex-wrap: wrap;
}
.material-category {
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0.4rem 2rem;
    border-radius: 10rem;
    background: #0B223D;
}
.material-wishlist {
    display: flex;
}
.material-wishlist svg {
    width: 2.4rem;
    height: auto;
}
.material-main__name {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.material-title {
    color: #010101;
    font-size: 4.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.material-main__name p {
    color: #807C7C;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.material-main__row {
    display: flex;
    gap: 1.7rem;
    align-items: center;
}
.material-main__row > img {
    background: #0B223D;
    border-radius: 100%;
    width: 8rem;
    height: 8rem;
    min-width: 8rem;
    object-fit: cover;
}
.material-main__author {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.material-main__author-title {
    color: #010101;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.material-main__author p {
    color: #010101;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.material-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.material-menu {
    position: sticky;
    top: 21rem;
    display: flex;
    flex-direction: column;
    gap: 10.4rem;
}
.material-menu__main {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.material-menu__main-title {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.material-menu__main ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
    padding-left: 1.2rem;
    border-left: 0.1rem solid #5A5A5A;
}
.material-menu__main li {
    display: flex;
    list-style: none;
}
.material-menu__main a {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 36rem;
}
.material-menu__more {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.material-menu__more-title {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.material-menu__more ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
}
.material-menu__more li {
    display: flex;
    list-style: none;
}
.material-menu__more a {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width: 28.7rem;
}
.material-content {
    width: 100%;
    max-width: 101rem;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}
.material-content.unauthorized {
    position: relative;
}
.material-content.unauthorized::before {
    content: '';
    background: linear-gradient(179deg, rgba(255, 255, 255, 0.00) -8.28%, #FFF 15.93%);
    width: 100%;
    height: 73.1rem;
    position: absolute;
    left: 0;
    bottom: 0;
}
.material-content h3, .material-content h2, .material-content h1, .material-content .title {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.material-content h3 {
margin-bottom: 3.2rem;

}
.material-content p, .material-content li {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.material-content a {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-decoration: underline;
}
.material-content ul, .material-content ol {
    padding-left: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.material-content img {
    max-width: 100%;
}
.material-content__block {
    padding: 3.2rem;
    background: #DFEDFC;
    border-radius: 0.4rem;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}
.material-content__block ul{
    margin-left: 2rem;
}
.blog_detail-content ul{
    margin-left: 2rem;
}
.material-quote {
    display: flex;
    align-items: flex-start;
    gap: 3.5rem;
}
.material-quote svg {
    width: 7rem;
    min-width: 7rem;
    height: auto;
}
.material-quote__column {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.material-content__more {
    border-top: 0.1rem solid #000;
    border-bottom: 0.1rem solid #000;
    display: flex;
    padding: 4.4rem 3.2rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
}
.material-content__more a {
    color: #5B728D;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.material-content__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
}

.material-2 .material-main {
    align-items: flex-start;
}
.material-information {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.material-information__title {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.material-information p {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.material-video {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.material-video h3 {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.material-video a {
    display: flex;
    height: 47.77rem;
    justify-content: center;
    align-items: center;
    position: relative;
}
.material-video a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.material-video a svg {
    width: 21.4rem;
    height: auto;
    position: absolute;
    z-index: 2;
}
.material-content.hidden {
    max-height: 104rem;
    position: relative;
    overflow: hidden;
}
.material-content.hidden::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(179deg, rgba(255, 255, 255, 0.00) -8.28%, #FFF 15.93%);
    width: 100%;
    height: 73.1rem;
}
.material-hidden {
    padding: 6rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    border-radius: 0.8rem;
    background: #0B223D;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.material-hidden__title {
    color: #FFF;
    text-align: center;
    font-size: 4.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.material-hidden > p {
    color: #FFF;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 0.8rem;
}
.material-hidden__main {
    border-radius: 0.4rem;
    background: #FFF;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 3.2rem 3rem;
}
.material-hidden__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.material-content .material-hidden__link {
    color: #000;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.material-content .material-hidden__link.active {
    color: #C7C7C7;
    text-decoration-line: none;
}
.material-hidden__form {
    display: flex;
}
.material-hidden__form input {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    border: 0.1rem solid #121212;
    padding: 1.2rem;
    height: 4.4rem;
}
.material-hidden__form input::placeholder {
    color: #B3B3B3;
}
.material-hidden__submit {
    white-space: nowrap;
    color: #FFF;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 3.2rem;
    border-radius: 0.2rem;
    background: #0B223D;
    height: 4.4rem;
}
.material-hidden__main > span {
    color: #818181;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: -1.5rem;
}
.material-hidden__main > p a {
    font-weight: 600;
}
.picture_text_block {
    display: flex;
    align-items: center;
    gap: 4rem;
}
.picture_text {
    min-width: 30%;
}

@media screen and (max-width: 1692px) {
    .material {
        margin: 4rem 0 8rem 0;
    }
    .material-main > img {
        max-width: 70rem;
    }
    .material-content {
        max-width: 85rem;
    }
}
@media screen and (max-width: 1392px) {
    .material {
        margin: 4rem 0 6rem 0;
    }
    .material-main > img {
        max-width: 41.1rem;
    }
    .material-content {
        max-width: 72.8rem;
    }
}
@media screen and (max-width: 992px) {
    .material {
        margin: 2rem 0 4rem 0;
    }
    .material-back {
        gap: 0.8rem;
        border: none;
        color: #5B728D;
        padding: 0;
    }
    .material-back path {
        stroke: #5B728D;
    }
    .material-main {
        flex-direction: column;
        margin-bottom: 3.2rem;
    }
    .material-main > img {
        max-width: 100%;
        height: auto;
    }
    .material-main__column {
        max-width: 100%;
    }
    .material-main__info {
        justify-content: space-between;
    }
    .material-row {
        flex-direction: column;
        gap: 3.2rem;
    }
    .material-menu {
        position: relative;
        top: 0;
        gap: 3.2rem;
    }
    .material-menu__main a {
        max-width: none;
    }
    .material-menu__more a {
        max-width: none;
    }
    .material-content {
        max-width: none;
    }
    .material-content a {
        word-break: break-all;
    }
}
@media screen and (max-width: 678px) {
    .material-back {
        font-size: 1.2rem;
    }
    .material-back svg {
        width: 1rem;
    }
    .material-title {
        font-size: 2.4rem;
    }
    .material-main__author-title {
        font-size: 1.6rem;
    }
    .material-main__author p {
        font-size: 1.2rem;
    }
    .material-menu__main, .material-menu__more {
        gap: 1.6rem;
    }
    .material-menu__main-title, .material-menu__more-title {
        font-size: 2rem;
    }
    .material-menu__main a, .material-menu__more a {
        font-size: 1.5rem;
    }
    .material-content__block {
        padding: 2.4rem;
    }
    .material-content p, .material-content li, .material-content a {
        font-size: 1.5rem;
    }
    .material-content h3 {
        font-size: 2rem;
    }
    .material-quote {
        position: relative;
        padding: 1rem;
    }
    .material-quote svg {
        opacity: 0.2;
        position: absolute;
        top: 0;
        left: -1rem;
    }
    .material-content__more {
        padding: 2.4rem;
    }
    .material-content__more a {
        font-size: 1.8rem;
    }
    .material-content__row {
        grid-template-columns: repeat(1, 1fr);
    }
    .material-information__title {
        font-size: 2rem;
    }
    .material-information p {
        font-size: 1.5rem;
    }
    .material-video a svg {
        width: 12rem;
    }
    .material-video a {
        height: 36rem;
    }
    .material-content.hidden {
        max-height: 112.5rem;
    }
    .material-content.hidden::before {
        display: none;
    }
    .material-hidden {
        padding: 2rem;
    }
    .material-hidden__title {
        font-size: 3.2rem;
    }
    .material-hidden > p {
        font-size: 1.6rem;
    }
    .material-hidden__main {
        padding: 2.4rem 1.2rem;
    }
    .material-hidden__row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.8rem;
    }
    .material-content .material-hidden__link {
        font-size: 2rem;
    }
    .material-hidden__form {
        flex-direction: column;
        gap: 0.8rem;
    }
    .material-hidden__form input {
        font-size: 1.5rem;
    }
    .material-hidden__submit {
        font-size: 1.5rem;
    }
    .material-content.unauthorized::before {
        height: 88rem;
    }
    .picture_text_block {
        flex-direction: column;
        gap: 2rem;
    }
}

/* material_more */

.material_more {
    margin-bottom: 12rem;
}
.material_more-container {
    display: flex;
    justify-content: space-between;
    padding-left: 6rem;
}
.material_more-name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 2rem;
}
.material_more-title {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.material_more-link {
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #121212;
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.material_more-slider {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.material_more-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.4rem;
    height: 4.4rem;
    border: 0.1rem solid #0B223D;
    border-radius: 0.2rem;
}
.material_more-prev svg {
    width: 1.4rem;
    height: auto;
}
.material_more-swiper {
    max-width: 127.8rem;
}
.material_more-item {
    height: 36rem;
    position: relative;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 1.2rem;
}
.material_more-item-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.material_more-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.material_more-item-img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 19.26%, rgba(0, 0, 0, 0.85) 80.61%);
}
.material_more-item-title {
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
    z-index: 3;
}
.material_more-item-button {
    position: relative;
    z-index: 3;
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #FFF;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}
.material_more-item span {
    position: absolute;
    z-index: 3;
    top: 1rem;
    right: 2rem;
    border-radius: 10rem;
    border: 0.1rem solid #FFF;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0.4rem 2rem;
}

@media screen and (max-width: 1692px) {
    .material_more {
        margin-bottom: 8rem;
    }
    .material_more-container {
        padding-left: 4rem;
    }
    .material_more-prev {
        display: none;
    }
    .material_more-swiper {
        max-width: 97.8rem;
    }
}
@media screen and (max-width: 1392px) {
    .material_more {
        margin-bottom: 6rem;
    }
    .material_more-swiper {
        max-width: 74.8rem;
    }
}
@media screen and (max-width: 992px) {
    .material_more {
        margin-bottom: 4rem;
    }
    .material_more-swiper {
        max-width: 41.9rem;
    }
    .material_more-container {
        padding-left: 2.4rem;
    }
}
@media screen and (max-width: 678px) {
    .material_more-swiper {
        max-width: 34.4rem;
    }
    .material_more-container {
        padding-left: 1.6rem;
        flex-direction: column;
        padding-bottom: 6.4rem;
        position: relative;
        gap: 2rem;
    }
    .material_more-link {
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        max-width: 32.8rem;
        right: 0;
        margin: 0 auto;
    }
    .material_more-name {
        padding-bottom: 0;
    }
}

/* events */

.events {
    margin: 6rem 0;
}
.events-container {
    display: flex;
    flex-direction: column;
    gap: 6rem;
}
.events-name {
    display: flex;
    flex-direction: column;
}
.events-title {
    color: #121212;
    font-size: 6.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.events-calendar {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: -5.5rem;
    margin-bottom: 6rem;
}
.events-calendar__info {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-bottom: 6.4rem;
}
.events-calendar__info-block {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.events-calendar__info-block-icon {
    border-radius: 0.4rem;
    border: 0.1rem solid #C7C7C7;
    display: flex;
    width: 4.8rem;
    height: 4.8rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.2rem;
}
.events-calendar__info-block-icon p {
    color: #121212;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.events-calendar__info-block-icon svg {
    width: 1.8rem;
    height: auto;
}
.events-calendar__info-block:nth-child(2) .events-calendar__info-block-icon {
    background: #0B223D;
    border: none;
}
.events-calendar__info-block:nth-child(2) .events-calendar__info-block-icon p {
    color: #FFF;
}
.events-calendar__info-block:nth-child(3) .events-calendar__info-block-icon {
    background: #C7C7C7;
    border: none;
}
.events-calendar__info-block:nth-child(3) .events-calendar__info-block-icon p {
    color: #8C8C8C;
}
.events-calendar__info-block > p {
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.events-main {
    display: flex;
    flex-direction: column;
    gap: 6rem;
}
.events-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.2rem;
    padding: 0 0.2rem;
}
.events-item {
    height: 33.8rem;
    display: flex;
    align-items: flex-end;
    padding: 2rem;
    position: relative;
}
.events-item > span {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0.4rem 2rem;
    border-radius: 10rem;
    background: #FFF;
    position: absolute;
    z-index: 3;
    right: 2rem;
    top: 2rem;
}
.events-item__img {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.events-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.events-item__img::before {
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 19.26%, rgba(0, 0, 0, 0.85) 100%);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.events-item__main {
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
}
.events-item__title {
    color: #FFF;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.events-item__buttons {
    display: flex;
    gap: 1.2rem;
}
.events-item__button-1 {
    border-radius: 0.2rem;
    background: #FFF;
    width: 15rem;
    height: 4.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.events-item__button-2 {
    border-radius: 0.2rem;
    border: 0.1rem solid #FFF;
    width: 15rem;
    height: 4.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.events-more {
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #121212;
    margin: 0 auto;
}
.popup-complete-events, .popup-registration-events {
    display: none !important;
}

@media screen and (max-width: 1692px) {
    .events-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
    }
    .events-item {
        height: 40rem;
    }
}
@media screen and (max-width: 1392px) {
    .events {
        margin: 4rem 0;
    }
    .events-name {
        gap: 3.2rem;
    }
    .events-calendar {
        flex-direction: column-reverse;
        align-items: center;
        gap: 2.4rem;
        margin-top: 0;
    }
    .events-calendar__info {
        flex-direction: row;
        justify-content: center;
        gap: 3.2rem;
    }
    .events-calendar__info-block {
        min-width: 27.2rem;
    }
    .events-main {
        gap: 4rem;
    }
    .events-grid {
        padding: 0 0.2rem;
    }
}
@media screen and (max-width: 992px) {
    .events {
        margin: 2.4rem 0 4rem 0;
    }
    .events-container {
        gap: 4rem;
    }
    .events-title {
        font-size: 4.8rem;
    }
    .events-calendar {
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: 5.4rem;
    }
    .events-calendar__info {
        flex-direction: column;
        gap: 2.4rem;
    }
    .events-calendar__main {
        width: 100%;
        max-width: 35.2rem;
    }
    .events-item {
        height: 25.5rem;
        padding: 2rem 1.2rem;
    }
    .events-item__title {
        font-size: 1.8rem;
    }
    .events-item__button-1 {
        width: 17.25rem;
    }
    .events-item__button-2 {
        width: 17.25rem;
    }
}
@media screen and (max-width: 678px) {
    .events {
        margin: 2rem 0 4rem 0;
    }
    .events-container {
        gap: 4rem;
    }
    .events-name {
        gap: 2rem;
    }
    .events-title {
        font-size: 3.2rem;
    }
    .events-calendar {
        flex-direction: column-reverse;
        justify-content: flex-start;
        gap: 2rem;
        align-items: flex-start;
    }
    .events-calendar__info {
        display: flex;
        flex-direction: column;
        gap: 1.6rem;
    }
    .events-calendar__info-block {
        gap: 0.4rem;
    }
    .events-calendar__info-block-icon {
        border-radius: 0.2rem;
        width: 2.4rem;
        height: 2.4rem;
        gap: 0.1rem;
    }
    .events-calendar__info-block-icon p {
        font-size: 1rem;
    }
    .events-calendar__info-block-icon svg {
        width: 1.1rem;
    }
    .events-calendar__info-block > p {
        font-size: 1.4rem;
    }
    .events-main {
        gap: 4rem;
    }
    .events-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .events-item {
        height: 25.5rem;
        padding: 1.2rem 1.2rem 2rem 1.2rem;
    }
    .events-item > span {
        font-size: 1.4rem;
        right: 2rem;
        top: 1.2rem;
    }
    .events-item__main {
        gap: 0.8rem;
    }
    .events-item__title {
        font-size: 1.8rem;
    }
    .events-item__button-1 {
        width: 16rem;
    }
    .events-item__button-2 {
        width: 16rem;
    }
    .events-more {
        width: 100%;
        max-width: 32.8rem;
    }
}

/* meeting */

.meeting {
    margin: 6rem 0;
}
.meeting-container {
    display: flex;
    flex-direction: column;
}
.meeting-name {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 6rem;
}
.meeting-title {
    color: #121212;
    font-size: 6.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.meeting-name p {
    color: #121212;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.meeting-name p span {
    color: #5B728D;
    font-weight: 600;
}
.meeting-block {
    background-image: url('../images/meeting.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 9rem 6rem;
    display: flex;
    justify-content: space-between;
}
.meeting-block p {
    color: #121212;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    max-width: 57.2rem;
}
.meeting-block__container {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}
.meeting-block__title {
    color: #121212;
    font-size: 4.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    max-width: 57.2rem;
}
.meeting-block__buttons {
    max-width: 57.2rem;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.meeting-block__button-1 {
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    background: #0B223D;
    color: #FFF;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.meeting-block__button-2 {
    padding: 1.2rem 3.2rem;
    color: #5B728D;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.meeting-main {
    display: flex;
    flex-direction: column;
    gap: 6rem;
}
.meeting-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.2rem;
    padding: 0 0.2rem;
}
.meeting-item {
    height: 67.6rem;
    position: relative;
    padding: 3.2rem;
    display: flex;
    align-items: flex-end;
}
.meeting-item__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.meeting-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.meeting-item__img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 19.26%, rgba(0, 0, 0, 0.85) 80.61%);
}
.meeting-item__main {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    position: relative;
    z-index: 3;
}
.meeting-item__title {
    color: #FFF;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.meeting-item__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem;
}
.meeting-item__button-1 {
    border-radius: 0.2rem;
    background: #FFF;
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    padding: 1.2rem;
    line-height: normal;
}
.meeting-item__button-2 {
    border-radius: 0.2rem;
    border: 0.1rem solid #FFF;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    padding: 1.2rem;
    line-height: normal;
}
.meeting-more {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #000;
    margin: 0 auto;
}

@media screen and (max-width: 1392px) {
    .meeting {
        margin: 4rem 0;
    }
    .meeting-name {
        margin-bottom: 3.2rem;
    }
    .meeting-block {
        padding: 4rem 0;
        flex-direction: column;
        align-items: center;
        gap: 6rem;
    }
    .meeting-block__container {
        align-items: center;
        gap: 0.8rem;
    }
    .meeting-block__title {
        text-align: center;
        font-size: 4rem;
        max-width: 72.2rem;
    }
    .meeting-block p {
        max-width: 85rem;
        font-size: 2rem;
        text-align: center;
    }
    .meeting-block__buttons {
        width: 100%;
        max-width: 100.9rem;
    }
    .meeting-main {
        gap: 4rem;
    }
    .meeting-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .meeting-item {
        height: 60rem;
        padding: 2rem;
    }
}
@media screen and (max-width: 992px) {
    .meeting {
        margin: 2.4rem 0 4rem 0;
    }
    .meeting-name {
        margin-bottom: 2.4rem;
    }
    .meeting-title {
        font-size: 4.8rem;
    }
    .meeting-name p {
        font-size: 1.8rem;
    }
    .meeting-block {
        padding: 3.2rem 0;
        gap: 3.2rem;
    }
    .meeting-block__container {
        align-items: flex-start;
        gap: 0.8rem;
    }
    .meeting-block__title {
        text-align: left;
        font-size: 3.2rem;
        max-width: 68.8rem;
    }
    .meeting-block p {
        max-width: 85rem;
        font-size: 1.8rem;
        text-align: left;
    }
    .meeting-item {
        height: 38.3rem;
        padding: 1.2rem;
    }
    .meeting-item__title {
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 678px) {
    .meeting {
        margin: 2rem 0 4rem 0;
    }
    .meeting-name {
        margin-bottom: 2rem;
    }
    .meeting-title {
        font-size: 3.2rem;
    }
    .meeting-name p {
        font-size: 1.6rem;
    }
    .meeting-block__title {
        font-size: 2.4rem;
    }
    .meeting-block p {
        font-size: 1.6rem;
    }
    .meeting-block__button-1 {
        font-size: 1.6rem;
    }
    .meeting-block__button-2 {
        font-size: 1.6rem;
    }
    .meeting-main {
        gap: 2rem;
        padding: 0 1.6rem;
    }
    .meeting-more {
        width: 100%;
    }
    .meeting-grid {
        grid-template-columns: repeat(1, 1fr);
        padding: 0;
        gap: 0.8rem;
    }
}

/* meeting_detail */

.meeting_detail {
    margin: 6rem 0;
}
.meeting_detail-container {
    display: flex;
    flex-direction: column;
    gap: 4.3rem;
}
.meeting_detail-name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.meeting_detail-title {
    color: #121212;
    font-size: 4.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    max-width: 107.5rem;
}
.meeting_detail-button {
    border-radius: 0.2rem;
    background: #0B223D;
    padding: 1.7rem 4.4rem;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 1.2rem;
}
.meeting_detail-main {
    display: flex;
    flex-direction: column;
    gap: 6rem;
}
.meeting_detail-top {
    display: flex;
    gap: 5.5rem;
}
.meeting_detail-column {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}
.meeting_detail-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.meeting_detail-row p {
    color: #8C8C8C;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.meeting_detail-link {
    color: #5B728D;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.meeting_detail-content {
    display: flex;
    flex-direction: column;
}
.meeting_detail-content h3 {
    color: #010101;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.4rem;
    margin-bottom: 2rem;
}
.meeting_detail-content h4 {
    color: #010101;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0.8rem;
}
.meeting_detail-content p {
    color: #010101;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 4rem;
}
.meeting_detail-content ul {
    padding-left: 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.meeting_detail-content li {
    color: #010101;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.meeting_detail-calendar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.meeting_detail-calendar__main {
    min-height: 56rem;
}
.meeting_detail-calendar > p {
    color: #121212;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.meeting_detail-top > img {
    width: 73.5rem;
    min-width: 73.5rem;
    object-fit: cover;
    height: 40rem;
}

@media screen and (max-width: 1392px) {
    .meeting_detail-calendar {
        flex-direction: column;
        gap: 3.2rem;
    }
    .meeting_detail-calendar__main {
        min-height: 54.8rem;
    }
    .meeting_detail-top > img {
        width: 37rem;
        min-width: 37rem;
    }
    .meeting_detail-title {
        font-size: 4rem;
        max-width: 78.5rem;
    }
    .meeting_detail {
        margin: 4rem 0;
    }
    .meeting_detail-more {
        margin-bottom: 4rem;
    }
}
@media screen and (max-width: 992px) {
    .meeting_detail {
        margin: 2.4rem 0 4rem;
    }
    .meeting_detail-container {
        gap: 2.2rem;
    }
    .meeting_detail-name {
        flex-direction: column;
        gap: 1.2rem;
    }
    .meeting_detail-title {
        font-size: 3.2rem;
    }
    .meeting_detail-button {
        padding: 1.7rem 4.4rem;
        font-size: 1.6rem;
        margin-top: 0;
    }
    .meeting_detail-top {
        flex-direction: column;
        gap: 2.4rem;
    }
    .meeting_detail-top > img {
        width: 100%;
        min-width: 100%;
        height: 28rem;
    }
}
@media screen and (max-width: 678px) {
    .meeting_detail {
        margin: 2rem 0 4rem;
    }
    .meeting_detail-container {
        gap: 2rem;
    }
    .meeting_detail-title {
        font-size: 2.4rem;
        line-height: 120%;
    }
    .meeting_detail-button {
        padding: 1.2rem 0;
        width: 100%;
        font-size: 1.6rem;
    }
    .meeting_detail-top > img {
        height: 18rem;
    }
    .meeting_detail-top {
        gap: 2rem;
    }
    .meeting_detail-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 2.4rem;
    }




}

/* header */

.meeting_detail-more {
    margin-bottom: 6rem;
}
.meeting_detail-more-container {
    display: flex;
    justify-content: space-between;
    padding-left: 6rem;
}
.meeting_detail-more-name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 2rem;
}
.meeting_detail-more-title {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.meeting_detail-more-link {
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #121212;
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.meeting_detail-more-slider {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.meeting_detail-more-next {
    border: 0.1rem solid #0B223D;
    width: 4.4rem;
    height: 4.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.meeting_detail-more-next svg {
    width: 1.4rem;
    height: auto;
}
.meeting_detail-more-swiper {
    width: 100%;
    max-width: 127.8rem;
}

@media screen and (max-width: 1692px) {
    .meeting_detail-more-swiper {
        max-width: 95.8rem;
    }
}
@media screen and (max-width: 1392px) {
    .meeting_detail-more-swiper {
        max-width: 74.8rem;
    }
    .meeting_detail-more-container {
        padding-left: 4rem;
    }
}
@media screen and (max-width: 992px) {
    .meeting_detail-more-container {
        padding-left: 2rem;
    }
    .meeting_detail-more-swiper {
        max-width: 42.3rem;
    }
}
@media screen and (max-width: 678px) {
    .meeting_detail-more-container {
        padding-left: 1.6rem;
        padding-bottom: 6.4rem;
        position: relative;
        flex-direction: column;
        gap: 2rem;
    }
    .meeting_detail-more-swiper {
        max-width: 34.4rem;
    }
    .meeting_detail-more-next {
        display: none;
    }
    .meeting_detail-more-link {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        max-width: 32.8rem;
        text-align: center;
    }
    .meeting_detail-more {
        margin-bottom: 4rem;
    }
    .meeting_detail-more-name {
        padding-bottom: 0;
    }
}

/* meeting-popup */

.meeting-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
}
.meeting-popup__fon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    backdrop-filter: blur(3rem);
    -webkit-backdrop-filter: blur(3rem);
}
.meeting-popup__main {
    position: relative;
    z-index: 2;
    margin: auto;
    border-radius: 0.4rem;
    background: #FFF;
    width: 100%;
    max-width: 77rem;
    padding: 10rem 6rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.meeting-popup__close {
    display: flex;
    position: absolute;
    width: 4.4rem;
    height: 4.4rem;
    justify-content: center;
    align-items: center;
    top: 4rem;
    right: 4rem;
}
.meeting-popup__close svg {
    width: 2.4rem;
    height: auto;
}
.meeting-popup__title {
    color: #121212;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.meeting-popup__description {
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

@media screen and (max-width: 992px) {
    .meeting-popup__main {
        max-width: 72rem;
        padding: 10rem 3.2rem;
    }
    .meeting-popup__close {
        top: 2.4rem;
        right: 2.4rem;
    }
    .meeting-popup__title {
        font-size: 2.8rem;
    }
}
@media screen and (max-width: 678px) {
    .meeting-popup__main {
        max-width: 32.8rem;
        padding: 2.4rem 2rem;
    }
    .meeting-popup__close {
        top: 2rem;
        right: 2rem;
    }
    .meeting-popup__title {
        font-size: 2.4rem;
    }
    .meeting-popup__description {
        font-size: 1.5rem;
    }
}

/* meeting-stages__popup */

.meeting-stages__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
}
.meeting-stages__popup-fon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    backdrop-filter: blur(3rem);
    -webkit-backdrop-filter: blur(3rem);
}
.meeting-stages__popup-main {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 100%;
    max-width: 135rem;
    border-radius: 0.4rem;
    background: #0B223D;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    padding: 9.4rem 43rem;
}
.meeting-stages__popup-close {
    position: absolute;
    display: flex;
    top: 4rem;
    right: 4rem;
}
.meeting-stages__popup-close svg {
    width: 4.4rem;
    height: auto;
}
.meeting-stages__popup-title {
    color: #FFF;
    font-size: 4.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.meeting-stages__popup-main ol {
    margin: 0;
    padding: 0;
    padding-left: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.meeting-stages__popup-main li {
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.meeting-stages__popup-button {
    border-radius: 0.2rem;
    background: #FFF;
    padding: 1rem;
    color: #121212;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 2.8rem;
    text-align: center;
}

@media screen and (max-width: 1392px) {
    .meeting-stages__popup-main {
        max-width: 108rem;
        padding: 10rem 30rem;
    }
    .meeting-stages__popup-title {
        font-size: 4rem;
    }
}
@media screen and (max-width: 992px) {
    .meeting-stages__popup-main {
        max-width: 64.8rem;
        gap: 2rem;
        padding: 8rem 6rem;
    }
    .meeting-stages__popup-close {
        top: 2rem;
        right: 2rem;
    }
    .meeting-stages__popup-title {
        font-size: 3.2rem;
    }
    .meeting-stages__popup-button {
        margin-top: 2rem;
    }
}
@media screen and (max-width: 678px) {
    .meeting-stages__popup-main {
        max-width: 32.8rem;
        padding: 2.4rem 1.6rem;
    }
    .meeting-stages__popup-close {
        display: none;
    }
    .meeting-stages__popup-title {
        font-size: 2.4rem;
    }
    .meeting-stages__popup-main ol {
        gap: 1.2rem;
    }
    .meeting-stages__popup-main li {
        font-size: 1.5rem;
    }
    .meeting-stages__popup-button {
        margin-top: 0.4rem;
    }
}

/* popup-login */

.popup-login {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
}
.popup-login__fon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    backdrop-filter: blur(3rem);
    -webkit-backdrop-filter: blur(3rem);
}
.popup-login__main {
    position: relative;
    z-index: 2;
    margin: auto;
    border-radius: 0.4rem;
    background: #0B223D;
    width: 100%;
    max-width: 135rem;
    height: 81.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.popup-login__close {
    display: flex;
    position: absolute;
    top: 4rem;
    right: 4rem;
}
.popup-login__close svg {
    width: 4.4rem;
    height: auto;
}
.popup-login__title {
    color: #FFF;
    text-align: center;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    max-width: 78.4rem;
    margin-bottom: 4rem;
}
.popup-login__main form {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    max-width: 78.4rem;
    border-radius: 0.4rem;
    background: #FFF;
    padding: 3.2rem 3rem 5.6rem 3rem;
}
.popup-login__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.popup-login__link {
    color: #C7C7C7;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}
.popup-login__link.active {
    color: #000;
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.home__err, .home__error {
    display: block;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.home__err.hide, .home__error.hide {
    display: none;
}
.popup-login__description {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.popup-login__submit {
    padding: 1.2rem 3.2rem;
    width: 35.2rem;
    border-radius: 0.2rem;
    background: #0B223D;
    color: #FFF;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.popup-login__submit:disabled {
    opacity: 0.5;
}
.popup-login__inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
.popup-login__input {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.popup-login__input input {
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 1rem 1.2rem;
    border: 0.1rem solid #121212;
    width: 100%;
}
.popup-login__input input::placeholder {
    color: #B3B3B3;
}

@media screen and (max-width: 1392px) {
    .popup-login__main {
        max-width: 108rem;
    }
}
@media screen and (max-width: 992px) {
    .popup-login__main {
        max-width: 64.8rem;
        height: 65.3rem;
    }
    .popup-login__close {
        top: 2rem;
        right: 2rem;
    }
    .popup-login__title {
        font-size: 2.8rem;
        max-width: 52.8rem;
        margin-bottom: 3rem;
    }
    .popup-login__main form {
        max-width: 52.8rem;
        padding: 2.4rem 2rem;
    }
    .popup-login__link {
        font-size: 1.8rem;
    }
    .popup-login__submit {
        width: 24rem;
        font-size: 1.6rem;
        padding: 1.2rem;
    }
    .popup-login__inputs {
        gap: 0.8rem;
    }
}
@media screen and (max-width: 678px) {
    .popup-login__main {
        max-width: 32.8rem;
        height: auto;
        padding: 2rem 1.6rem;
        overflow-y: auto;
        max-height: 90vh;
        justify-content: flex-start;
    }
    .popup-login__close {
        display: none;
    }
    .popup-login__title {
        font-size: 2.4rem;
        margin-bottom: 1.6rem;
    }
    .popup-login__main form {
        padding: 1.2rem;
    }
    .popup-login__bottom {
        flex-direction: column;
        gap: 2rem;
    }
    .popup-login__submit {
        width: 100%;
    }
    
    
}

/* header */
















@media screen and (max-width: 1692px) {
    
}
@media screen and (max-width: 1392px) {
    
}
@media screen and (max-width: 992px) {
    
}
@media screen and (max-width: 678px) {
    
}

/* lk */

.lk {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    display: none;
}
.lk-overflow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    backdrop-filter: blur(3rem);
    -webkit-backdrop-filter: blur(3rem);
}
.lk-inner {
    position: relative;
    margin: auto;
    z-index: 2;
    background: #5B728D;
    display: flex;
    flex-direction: column;
    padding: 4rem;
    width: 100%;
    max-width: 135rem;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.lk-advanced, .lk-delete, .lk-avatar-change {
    display: none;
}
.lk-close {
    position: absolute;
    top: 4rem;
    right: 4rem;
    display: flex;
    cursor: pointer;
}
.lk-close svg {
    width: 4.4rem;
    height: auto;
}
.lk-information {
    display: flex;
    gap: 2.4rem;
    align-items: center;
    margin-bottom: 2.8rem;
}
.lk-information-image {
    display: flex
;
    justify-content: center;
    align-items: center;
    background: #FFF;
    width: 10rem;
    height: 10rem;
    border-radius: 100%;
}
.lk-information-image p {
    color: #5B728D;
    font-size: 8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.lk-information-column {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.lk-information-name {
    color: #FFF;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.lk-information-contacts {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.lk-information-contacts__row {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
.lk-information-contacts__row svg {
    width: 1.6rem;
    height: auto;
}
.lk-information-contacts__row p {
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.lk-main {
    display: flex;
    gap: 3rem;
}
.lk-menu {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    padding: 2.4rem 1.2rem 2.2rem 1.2rem;
    width: 100%;
    max-width: 31rem;
    border-radius: 0.4rem;
    background: #FFF;
}
.lk-tabs {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.lk-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.8rem 1.2rem 0.8rem 0.8rem;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    height: 4.4rem;
}
.lk-tab svg {
    display: none;
    width: 2rem;
    height: auto;
}
.lk-tab.active {
    background: #5B728D;
    border-radius: 0.2rem;
    color: #FFF;
    font-weight: 500;
}
.lk-tab.active svg {
    display: block;
}
.lk-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.lk-button--reset {
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #121212;
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.lk-button-submit {
    border-radius: 0.2rem;
    background: #0B223D;
    padding: 1.2rem 3.2rem;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.lk-button--logout {
    padding: 1.2rem 3.2rem;
    color: #5B728D;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}
.lk-contents {
    width: 100%;
    max-width: 93rem;
    border-radius: 0.4rem;
    background: #FFF;
    display: flex;
}
.lk-content {
    display: none;
    width: 100%;
}
.lk-content.active {
    display: flex;
}
.popup-login__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.popup-login__1, .popup-login__2 {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.popup-login__checkbox {
    position: relative;
    display: flex;
    align-items: center;
}
.popup-login__checkbox label {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 3rem;
}
.popup-login__checkbox input[type=checkbox]:before {
    content:"";
    display:inline-block;
    width: 2rem;
    height: 2rem;
    border: 0.1rem solid #121212;
    position: absolute;
    margin-top: -1rem;
    cursor: pointer;
}
.popup-login__checkbox input[type=checkbox]:checked:before {
    background:transparent;
    background-image: url('/local/templates/grdoc/images/checkbox-filled-svgrepo-com.svg');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-size: 2.4rem;
}​
.popup-login__checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
}
.popup-login__checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
}
.popup-login__checkbox input[type="checkbox"]:checked {
    background-image: none;
}
#reg1 .popup-login__title {
    margin-bottom: 1.2rem;
}
#reg1 .popup-login__main > p {
    color: #FFF;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 4rem;
    max-width: 78.4rem;
}
#reg_form > .home__text {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#reg_form > p {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#code #auth_form_code > .home__text, #code #auth_form_code > .home__grey {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}
#code #auth_form_code > .home__text.hide {
    display: none;
}
#reg_form_data > .home__text, #reg_form_data > .home__grey {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}
#reg_form_data > .home__text.hide {
    display: none;
}
#reg_form > p a {
    font-weight: 600;
    color: #000;
}
#reg_form > span {
    margin-top: -1rem;
    color: #818181;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.reg-row {
    display: flex;
    gap: 2rem;
}
.reg-row .popup-login__input {
    width: 100%;
}
.reg-row .popup-login__submit {
    width: 28.5rem;
    padding: 0.85rem;
}

#reg2 .popup-login__title {
    margin-bottom: 1.2rem;
}
#reg2 .popup-login__main > p {
    margin-bottom: 6rem;
    color: #FFF;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    max-width: 78.4rem;
}
#reg_form_sms > .home__text {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}
.reg_form_sms-column {
    display: flex;
    flex-direction: column-reverse;
    gap: 1.6rem;
    align-items: center;
}
.reg_form_sms-column a {
    color: #5B728D;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.burger-open2 {
display: none;
}

@media screen and (max-width: 1392px) {
    .lk-inner {
        padding: 4rem 2rem;
        max-width: 112rem;
    }
    .lk-close {
        right: 2rem;
    }
    .lk-main {
        gap: 2rem;
    }
    .lk-contents {
        max-width: 75rem;
    }
    
}
@media screen and (max-width: 992px) {
    .lk-inner {
        padding: 2rem;
        max-width: 72.8rem;
    }
    .lk-close {
        top: 2rem;
    }
    .lk-information {
        margin-bottom: 2rem;
    }
    .lk-contents {
        max-width: 36.6rem;
    }
    .lk-main {
        gap: 1.2rem;
    }
    #reg1 .popup-login__main > p {
        font-size: 1.6rem;
        margin-bottom: 2rem;
        max-width: 52.8rem;
    }
    .reg-row {
        gap: 0;
    }
    .reg-row .popup-login__submit {
        width: 20.2rem;
        padding: 1.1rem;
        border-radius: 0 0.2rem 0.2rem 0;
    }
    #reg_form > p {
        font-size: 1.5rem;
    }
    #reg2 .popup-login__main > p {
        font-size: 1.6rem;
        margin-bottom: 2rem;
        max-width: 52.8rem;
    }
    
}
@media screen and (max-width: 678px) {
.burger-open2 {
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
        position: absolute;
        z-index: 9999;
        top: 2rem;
        right: 2rem;
    }
    .burger-open2 .bar {
        width: 2.7rem;
        background: #000;
        border-radius: 1rem;
        height: 0.2rem;
    }
    .change .bar {
        background: #0B223D;
    }
    .change .bar:nth-child(1) {
        transform: rotate(-45deg) translate(-0.8rem, 0.5rem);
    }
    .change .bar:nth-child(2) {
        opacity: 0;
    }
    .change .bar:nth-child(3) {
        transform: rotate(45deg) translate(-0.9rem, -0.6rem);
    }
.lk-menu.active {
display: flex
;

    position: absolute;
    top: 16rem;
    z-index: 9;
    left: 2rem;
    max-width: 29.6rem;
}

    .lk-inner {
        padding: 2rem;
        max-width: 33.6rem;
overflow-y: auto;
        height: 100%;
    }
    .lk-close {
        top: 2rem;
        right: 1.2rem;
    }
    .lk-close svg {
        width: 2.4rem;
    }
    .lk-information {
        margin-bottom: 2.1rem;
        align-items: flex-start;
        gap: 0.8rem;
    }
    .lk-information-image {
        width: 4rem;
        height: 4rem;
    }
    .lk-information-image p {
        font-size: 3.2rem;
    }
    .lk-information-column {
        gap: 0.4rem;
    }
    .lk-information-name {
        font-size: 1.6rem;
        max-width: 19.2rem;
    }
    .lk-information-contacts {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.4rem 2.4rem;
    }
    .lk-information-contacts__row p {
        font-size: 1.2rem;
    }
    .lk-information-contacts__row svg {
        width: 1.2rem;
    }
    .lk-information-contacts__row {
        gap: 0.4rem;
    }
    .lk-main {
        gap: 1.6rem;
        flex-direction: column;
    }
    .lk-menu {
        display: none;
    }
    #reg1 .popup-login__main > p {
        margin-bottom: 1.6rem;
    }
    #reg_form > .home__text {
        font-size: 1.5rem;
    }
    .reg-row {
        flex-direction: column;
        gap: 1.2rem;
    }
    .reg-row .popup-login__submit {
        width: 100%;
        padding: 1.2rem;
        border-radius: 0.2rem;
    }
    .popup-login__inputs {
        gap: 0.4rem;
        grid-template-columns: repeat(1, 1fr);
    }
    
    
}

/* calendar */

.calendar {
    display: flex;
    flex-direction: column;
    gap: 4.3rem;
}
.calendar__flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 86.1rem;
    gap: 4.4rem;
}
.calendar__times {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.calendar__delimiter {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.times-content {
    display: flex;
}
.times-panel {
    display: none;
}
.times-panel.times-panel_active {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.2rem;
}
.calendar-buttons {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.calendar-buttons > .meeting_detail-link {
    padding: 1.2rem 3.2rem 1.2rem 2.5rem;
}
.calendar-buttons > .button {
    border-radius: 0.2rem;
    background: #0B223D;
    padding: 1.2rem 3.2rem 1.2rem 2.5rem;
    color: #FFF;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}
.calendar-item-block {
    position: relative;
}
.calendar-item-block input {
    visibility: hidden;
    position: absolute;
}
.calendar-item-block label {
    color: #121212;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 0.4rem;
    border: 0.1rem solid #C7C7C7;
    display: flex;
    width: 7.2rem;
    height: 4.8rem;
    justify-content: center;
    cursor: pointer;
    align-items: center;
}
.calendar-item-block input:checked+label {
    background: #0B223D;
    border-color: #0B223D;
    color: #FFF;
}
.calendar-item-block input:disabled+label {
    background: #F6F6F6;
    color: #C7C7C7;
    border-color: #F6F6F6;
    cursor: default;
}
.dayContainer,
.vc-dates {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1.2rem;
}
.flatpickr-day,
.vc-date {
    border-radius: 0.4rem;
    border: 0.1rem solid #C7C7C7;
    display: flex;
    width: 4.8rem;
    height: 4.8rem;
    justify-content: center;
    align-items: center;
    color: #121212;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}
.flatpickr-day.flatpickr-disabled,
.vc-date[data-vc-date-month=prev],
.vc-date[data-vc-date-month=next] {
    cursor: default;
    background: #F6F6F6;
    border-color: #F6F6F6;
    color: #C7C7C7;
}

.flatpickr-day.today,
.vc-date[data-vc-date-disabled] {
    background: #C7C7C7;
    border-color: #C7C7C7;
    color: #8C8C8C;
}

.flatpickr-day.selected,
.vc-date[data-vc-date-selected] {
    background: #5B728D;
    border-color: #5B728D;
    color: #FFF;
}
.vc-date[data-vc-date-selected] .vc-date__btn {
    color: #FFF;
}

.vc-date[data-vc-date-month=prev],
.vc-date[data-vc-date-month=next] {
    background: none;
    border: none;
}

.vc-date__btn {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.flatpickr-weekdaycontainer,
.vc-week {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.flatpickr-weekday,
.vc-week__day {
    display: flex;
    width: 4.8rem;
    height: 4.8rem;
    justify-content: center;
    align-items: center;
    color: #121212;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.numInputWrapper {
    display: none;
}
.flatpickr-months,
.vc-header {
    display: flex;
    margin-bottom: 1.2rem;
    padding: 0.8rem 1.2rem;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.4rem;
    border: 0.1rem solid #C7C7C7;
}
.flatpickr-prev-month {
    cursor: pointer;
    display: flex;
}
.flatpickr-prev-month svg {
    width: 2.4rem;
    height: auto;
}
.flatpickr-prev-month.flatpickr-disabled {
    opacity: 0.5;
    cursor: default;
}
.flatpickr-next-month {
    cursor: pointer;
    display: flex;
}
.flatpickr-next-month svg {
    width: 2.4rem;
    height: auto;
}
.flatpickr-next-month.flatpickr-disabled {
    opacity: 0.5;
    cursor: default;
}
.js-visits-result.hide {
    display: none;
}
.calendar__date {
    display: none;
}




@media screen and (max-width: 1692px) {
    
}
@media screen and (max-width: 1392px) {
    
}
@media screen and (max-width: 992px) {
    
}
@media screen and (max-width: 678px) {
    
}

/* announcement__datepicker */

#announcement__datepicker {
    display: flex;
    align-items: center;
    gap: 3.3rem;
}
.vc-grid {
    display: flex;
    gap: 6rem;
}
.vc-header__content {
    margin: 0 auto;
}
.vc-header .vc-month {
    cursor: default;
    color: #121212;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.vc-arrow {
    width: 4.4rem;
    height: 4.4rem;
    background-image: url('/local/templates/grdoc/images/arrow-left.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.vc-arrow.vc-arrow_next {
    transform: rotate(180deg);
}
.flatpickr-current-month span {
    color: #121212;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.times {
    display: flex;
    padding: 0.8rem 1.2rem;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.4rem;
    border: 0.1rem solid #C7C7C7;
}
.times__item {
    display: none;
}
.times__item.times__item_active,
.times__item.timezone {
    display: block;
    color: #121212;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.times > button {
    display: flex;
}
.times > button svg {
    width: 2.4rem;
    height: auto;
}



@media screen and (max-width: 1692px) {
    .meeting_detail-calendar > p {
        max-width: 54rem;
    }
}
@media screen and (max-width: 1392px) {
    .meeting_detail-calendar > p {
        max-width: none;
    }
}
@media screen and (max-width: 992px) {
    .calendar__flex {
        display: flex;
        gap: 4rem;
    }
    .flatpickr-day, .vc-date {
        width: 4rem;
        height: 4rem;
    }
    .flatpickr-weekday, .vc-week__day {
        width: 4rem;
        height: 4rem;
    }
    .calendar-item-block label {
        width: 5.6rem;
        height: 4rem;
    }
}
@media screen and (max-width: 678px) {
    .calendar__flex {
        flex-direction: column;
    }
    .calendar__flex .slick-list {
        width: 100%;
        max-width: 32.8rem;
    }
    .flatpickr-calendar {
        max-width: 32.8rem;
    }
    .calendar__flex .slick-track {
        max-width: 32.8rem;
    }
    .flatpickr-day, .vc-date {
        width: 3.6rem;
        height: 3.6rem;
    }
    .calendar-item-block label {
        height: 3.6rem;
    }
}

/* lk-wishlist */

.lk-wishlist {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    padding: 2.8rem 2rem 0 2rem;
}
.lk-title {
    color: #000;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.lk-wishlist__main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.2rem;
    max-height: 54.4rem;
    overflow-y: auto;
    padding-right: 2rem;
    padding-bottom: 2.8rem;
}
.lk-wishlist__main::-webkit-scrollbar {
    width: 0.2rem;
}
.lk-wishlist__main::-webkit-scrollbar-track {
    background: #D9D9D9;
    border-radius: 2rem;
}
.lk-wishlist__main::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 2rem;
}
.lk-wishlist__item {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 0.4rem;
}
.lk-wishlist__button {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    display: flex;
}
.lk-wishlist__button svg {
    width: 2.4rem;
    height: auto;
}
.lk-wishlist__button.active svg path {
    fill: #0B223D;
}
.lk-wishlist__item-img {
    display: flex;
    height: 15rem;
    min-height: 15rem;
}
.lk-wishlist__item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.4rem 0.4rem 0 0;
}
.lk-wishlist__item-content {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-items: flex-start;
    padding: 1.2rem;
    background: #0B223D;
     border-radius: 0 0 0.4rem 0.4rem;
     height: 100%;
}
.lk-wishlist__item-title {
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
}
.lk-wishlist__item-time {
    color: #969696;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1392px) {
    .lk-wishlist__main {
        grid-template-columns: repeat(2, 1fr);
        max-height: 52.1rem;
        padding-right: 2rem;
        padding-bottom: 2.8rem;
    }
}
@media screen and (max-width: 992px) {
    .lk-wishlist {
        gap: 1.6rem;
        padding: 2.8rem 1.2rem 0 1.2rem;
    }
    .lk-title {
        font-size: 2.4rem;
    }
    .lk-wishlist__main {
        grid-template-columns: repeat(1, 1fr);
        max-height: 53.3rem;
        padding-right: 0.5rem;
        padding-bottom: 2rem;
    }
}
@media screen and (max-width: 678px) {
    .lk-contents {
        max-width: none;
position: relative;
    }
    .lk-wishlist {
        padding: 2.2rem 1.2rem 0 1.2rem;
    }
    .lk-title {
        font-size: 1.6rem;
    }
    .lk-wishlist__main {
        max-height: 50rem;
        height: 50rem;
    }
    
}

/* lk-visits */

.lk-visits {
    width: 100%;
}
.visits-personal {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    padding: 2.8rem 2rem;
}
.lk-visits__main {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    max-height: 54.4rem;
    overflow-y: auto;
    padding-right: 2rem;
    padding-bottom: 2.8rem;
}
.lk-visits__main::-webkit-scrollbar {
    width: 0.2rem;
}
.lk-visits__main::-webkit-scrollbar-track {
    background: #D9D9D9;
    border-radius: 2rem;
}
.lk-visits__main::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 2rem;
}
.lk-visits__item {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.lk-visits__item-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}
.lk-visits__item-title {
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    max-width: 65rem;
}
.lk-visits__item-date {
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.lk-visits__item-time {
    color: #6C6C6C;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0.8rem;
}
.lk-visits__item-buttons {
    display: flex;
    gap: 1.3rem;
}
.lk-visits__item-button-1 {
    padding: 1.2rem 4.4rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #121212;
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.lk-visits__item-button-2 {
    padding: 1.2rem 4.4rem;
    border-radius: 0.2rem;
    background: #0B223D;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media screen and (max-width: 1392px) {
    .lk-visits__main {
        max-height: 52.1rem;
    }
    .lk-visits__item-title {
        max-width: 45rem;
    }
    .lk-visits__item-row {
        align-items: flex-start;
    }
    
}
@media screen and (max-width: 992px) {
    .visits-personal {
        gap: 1.6rem;
        padding: 2.8rem 2rem 0 2rem;
    }
    .lk-visits__main {
        max-height: 53.3rem;
        padding-right: 0.5rem;
        padding-bottom: 2rem;
        gap: 3.2rem;
    }
    .lk-visits__item-row {
        flex-direction: column-reverse;
        gap: 0.4rem;
    }
    .lk-visits__item-date {
        font-size: 1.8rem;
    }
    .lk-visits__item-title {
        font-size: 1.8rem;
    }
    .lk-visits__item-button-1 {
        padding: 1.2rem 4.1rem;
    }
    .lk-visits__item-button-2 {
        padding: 1.2rem 3.7rem;
    }
}
@media screen and (max-width: 678px) {
    .visits-personal {
        gap: 2.4rem;
        padding: 2.6rem 1.2rem 0 1.2rem;
    }
    .lk-visits__main {
        max-height: 50rem;
    }
    .lk-visits__item-date {
        font-size: 1.6rem;
    }
    .lk-visits__item-title {
        font-size: 1.6rem;
    }
    .lk-visits__item-buttons {
        display: grid;
        gap: 0.8rem;
        grid-template-columns: repeat(2, 1fr);
    }
    .lk-visits__item-button-1 {
        padding: 1.2rem 0;
    }
    .lk-visits__item-button-2 {
        padding: 1.2rem 0;
    }
}

/* lk-meetings */

.lk-meetings {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    padding: 2.8rem 2rem 0rem 2rem;
}
.lk-meetings__main {
    max-height: 54.4rem;
    overflow-y: auto;
    padding-right: 9rem;
    padding-bottom: 2.8rem;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.lk-meetings__main::-webkit-scrollbar {
    width: 0.2rem;
}
.lk-meetings__main::-webkit-scrollbar-track {
    background: #D9D9D9;
    border-radius: 2rem;
}
.lk-meetings__main::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 2rem;
}
.lk-meetings__item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
    height: 40rem;
    padding: 2rem;
}
.lk-meetings__item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.lk-meetings__item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lk-meetings__item-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 19.26%, rgba(0, 0, 0, 0.85) 100%);
    z-index: 1;
}
.lk-meetings__item-date {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0.4rem 2rem;
    border-radius: 10rem;
    background: #FFF;
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 2;
}
.lk-meetings__item-title {
    z-index: 2;
    color: #FFF;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

@media screen and (max-width: 1692px) {
    
}
@media screen and (max-width: 1392px) {
    
}
@media screen and (max-width: 992px) {
    
}
@media screen and (max-width: 678px) {
    
}


/* lk-fio */

.lk-fio {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    padding: 2.8rem 2rem;
}
.lk-fio .field-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}
.lk-fio__main .field-item {
    position: relative;
}
.lk-fio__main .field-item input {
    visibility: hidden;
    position: absolute;
}
.lk-fio__main .field-item label {
    cursor: pointer;
    padding: 1.1rem 2rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #E4E4E4;
    color: #808080;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: .3s all;
}
.lk-fio__main .field-item input:checked+label {
    background: #5B728D;
    border-color: #5B728D;
    color: #FFF;
    font-weight: 500;
}
.lk-fio__main .separator {
    display: none;
}
.lk-fio__main [data-value="19083"],
.lk-fio__main [data-value="51183"] {
    display: none;
}
.lk-fio__block {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    max-width: 40rem;
}
.lk-fio__block input {
    border-radius: 0.4rem;
    border: 0.1rem solid #B4B4B4;
    padding: 1rem 1.2rem;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: 100%;
}
.lk-fio__block input::placeholder {
    color: #B3B3B3;
}
.lk-fio__submit {
    border-radius: 0.2rem;
    background: #0B223D;
    height: 4.4rem;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 0.4rem;
}
.lk-fio__column {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

@media screen and (max-width: 992px) {
    .lk-fio {
        gap: 1.6rem;
    }
}
@media screen and (max-width: 678px) {
    .lk-fio {
        gap: 2.4rem;
        padding: 2.8rem 2rem 4rem 2rem;
    }
    .lk-fio__main .field-item label {
        padding: 0.75rem 1.2rem;
        font-size: 1.4rem;
    }
}


/* lk-specialization */

.lk-specialization {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    padding: 2.8rem 2rem;
}
.lk-specialization__main .field-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}
.lk-specialization__main .field-item {
    position: relative;
}
.lk-specialization__main .field-item input {
    visibility: hidden;
    position: absolute;
}
.lk-specialization__main .field-item label {
    cursor: pointer;
    padding: 1.1rem 2rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #E4E4E4;
    color: #808080;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: .3s all;
}
.lk-specialization__main .field-item input:checked+label {
    background: #5B728D;
    border-color: #5B728D;
    color: #FFF;
    font-weight: 500;
}
.lk-specialization__main .separator {
    display: none;
}
.lk-specialization__main [data-value="19083"],
.lk-specialization__main [data-value="51183"] {
    display: none;
}


@media screen and (max-width: 992px) {
    .lk-specialization {
        gap: 1.6rem;
    }
}
@media screen and (max-width: 678px) {
    .lk-specialization {
        gap: 2.4rem;
        padding: 2.8rem 2rem 4rem 2rem;
    }
    .lk-specialization__main .field-item label {
        padding: 0.75rem 1.2rem;
        font-size: 1.4rem;
    }
}

/* lk-work */

.lk-work {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding: 2.8rem 2rem;
}
.lk-work__block {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}
.lk-work .field-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}
.lk-work .field-item {
    position: relative;
}
.lk-work .field-item input {
    visibility: hidden;
    position: absolute;
}
.lk-work .field-item label {
    cursor: pointer;
    padding: 1.1rem 2rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #E4E4E4;
    color: #808080;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: .3s all;
}
.lk-work .field-item input:checked+label {
    background: #5B728D;
    border-color: #5B728D;
    color: #FFF;
    font-weight: 500;
}
.lk-work .separator {
    display: none;
}
.lk-tabs {
    position: relative;
}
.lk-tab:nth-child(5) {
    margin-bottom: 2.1rem;
}
.lk-tabs__hr {
    height: 0.1rem;
    background: #F2F2F2;
    margin: 0 auto;
    width: calc(100% - 1.6rem);
    position: absolute;
    top: 24.2rem;
    left: 0;
    right: 0;
}

@media screen and (max-width: 1692px) {
    
}
@media screen and (max-width: 1392px) {
    
}
@media screen and (max-width: 992px) {
    
}
@media screen and (max-width: 678px) {
    
}

/* lk-region */

.lk-region {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    padding: 2.8rem 2rem 0rem 2rem;
}
.lk-region-search {
    display: flex;
    position: relative;
    align-items: center;
}
.lk-region-search svg {
    position: absolute;
    width: 2.4rem;
    height: auto;
    left: 1.2rem;
}
.lk-region-search > input {
    width: 100%;
    padding: 1.1rem 5.6rem;
    border: 0.1rem solid #4E4E4E;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 4.4rem;
}
.lk-region-search > input::placeholder {
    color: #8C8C8C;
}
.lk-region-search__submit {
    width: 22rem;
    min-width: 22rem;
    border-radius: 0.2rem;
    background: #0B223D;
    height: 4.4rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.lk-region .field-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}
.lk-region .field-item {
    position: relative;
}
.lk-region .field-item input {
    visibility: hidden;
    position: absolute;
}
.lk-region .field-item label {
    cursor: pointer;
    padding: 1.1rem 2rem;
    border-radius: 0.2rem;
    border: 0.1rem solid #E4E4E4;
    color: #808080;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: .3s all;
}
.lk-region .field-item input:checked+label {
    background: #5B728D;
    border-color: #5B728D;
    color: #FFF;
    font-weight: 500;
}
.lk-region .separator {
    display: none;
}
.lk-region__main {
    max-height: 45.1rem;
    overflow-y: auto;
    padding-right: 2rem;
    padding-bottom: 2.8rem;
    display: flex;
}
.lk-region__main::-webkit-scrollbar {
    width: 0.2rem;
}
.lk-region__main::-webkit-scrollbar-track {
    background: #D9D9D9;
    border-radius: 2rem;
}
.lk-region__main::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 2rem;
}

@media screen and (max-width: 1692px) {
    
}
@media screen and (max-width: 1392px) {
    
}
@media screen and (max-width: 992px) {
    
}
@media screen and (max-width: 678px) {
    
}

/* lk-phone */

.lk-phone {
    width: 100%;
    padding: 2.8rem 2rem;
    display: flex;
    justify-content: space-between;
}
.lk-phone__left {
    display: flex;
    flex-direction: column;
    gap: 10.5rem;
    width: 100%;
    max-width: 40rem;
}
.lk-phone__block {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    max-width: 40rem;
}
.lk-phone__block input {
    border-radius: 0.4rem;
    border: 0.1rem solid #B4B4B4;
    padding: 1rem 1.2rem;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: 100%;
}
.lk-phone__block input::placeholder {
    color: #B3B3B3;
}
.lk-phone__submit {
    border-radius: 0.2rem;
    background: #0B223D;
    height: 4.4rem;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 0.4rem;
}
.lk-phone__block input:first-child {
    border-color: #000;
}
.lk-phone__column {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.lk-phone__right {
    display: none;
    width: 100%;
    max-width: 47rem;
    border-radius: 0.4rem 0rem 0rem 0.4rem;
    background: #5B728D;
    padding: 2rem 4rem;
}
.lk-phone__right.active {
    display: flex;
}
.lk-phone__code {
    display: none;
    width: 100%;
}
.lk-phone__code.active {
    display: flex;
}
.lk-phone__code-main {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 1.6rem;
}
.lk-phone__code-title {
    color: #FFF;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    max-width: 33.4rem;
}
.lk-phone__code-description {
    color: #FFF;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.lk-phone__code-inputs {
    display: flex;
    gap: 0.8rem;
    justify-content: center;
}
.lk-phone__code-input_block {
    padding: 1.1rem 0.3rem 0.9rem 0.2rem;
    border-radius: 0.2rem;
    background: rgba(255, 255, 255, 0.20);
    width: 4rem;
}
.lk-phone__code-input {
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 3.5rem;
    text-align: center;
    border-bottom: 0.1rem solid #FFF;
}
.lk-phone__code-input::-webkit-outer-spin-button,
.lk-phone__code-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.lk-phone__code-input {
  -moz-appearance: textfield;
}
.lk-phone__code-input_block.error {
    background: rgba(214, 155, 155, 0.50);
}
.lk-phone__code-error {
    margin-top: -0.8rem;
    color: #D69B9B;
    text-align: center;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: none;
}
.lk-phone__code-error.active {
    display: block;
}
.lk-phone__code-refresh {
    display: none;
    color: #FFF;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 auto;
}
.lk-phone__code-refresh.active {
    display: block;
}
.lk-phone__code-load {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lk-phone__code-load svg {
    width: 8rem;
    height: auto;
    animation: spin 1s infinite linear;
}
@-moz-keyframes spin {
    to {
        transform: rotate(-1turn);
    }
}
@-webkit-keyframes spin {
    to {
        transform: rotate(-1turn);
    }
}
@keyframes spin {
    to {
        transform: rotate(-1turn);
    }
}
.lk-phone__code-complete {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.lk-phone__code-complete-title {
    color: #FFF;
    text-align: center;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media screen and (max-width: 1692px) {
    
}
@media screen and (max-width: 1392px) {
    
}
@media screen and (max-width: 992px) {
    
}
@media screen and (max-width: 678px) {
    
}

/* popup-conservation */

.popup-conservation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none;
}
.popup-conservation.active {
    display: flex;
}
.popup-conservation__fon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.40);
    backdrop-filter: blur(0.4rem);
    -webkit-backdrop-filter: blur(0.4rem);
}
.popup-conservation__main {
    position: relative;
    margin: auto;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.2rem;
    border-radius: 0.4rem;
    background: #FFF;
    padding: 6.4rem;
}
.popup-conservation__close {
    display: flex;
    position: absolute;
    top: 2rem;
    right: 2rem;
}
.popup-conservation__close svg {
    width: 1.4rem;
    height: auto;
}
.popup-conservation__title {
    color: #121212;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.popup-conservation__buttons {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    width: 100%;
}
.popup-conservation__button-1 {
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 0.2rem;
    background: #0B223D;
    padding: 1.2rem;
}
.popup-conservation__button-2 {
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 0.2rem;
    border: 0.1rem solid #121212;
    padding: 1.2rem;
}

@media screen and (max-width: 1692px) {
    
}
@media screen and (max-width: 1392px) {
    
}
@media screen and (max-width: 992px) {
    
}
@media screen and (max-width: 678px) {
    .vc-grid {
        gap: 2rem;
        flex-direction: column;
    }
    .vc-controls {
        order: 2;
    }
    .flatpickr-weekday, .vc-week__day {
        width: 3.6rem;
        height: 3.6rem;
    }
    #announcement__datepicker {
        flex-wrap: wrap;
        gap: 2rem;
        position: relative;
        justify-content: center;
    }
    .flatpickr-day button, .vc-date button {
        color: #000;
    }
}

/* lk-observation */

.lk-observation {
    display: flex;
    gap: 1.2rem;
    overflow-x: auto;
    min-width: 135rem;
    margin-left: -4rem;
    padding: 0 4rem;
    margin-bottom: 1.2rem;
    margin-top: -1.6rem;
    padding-bottom: 0.5rem;
    min-height: 4rem;
}
.lk-observation a {
    border-radius: 0.2rem;
    background: #C10909;
    padding: 0.8rem 2.4rem;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
.lk-observation::-webkit-scrollbar {
    height: 0.4rem;
}
.lk-observation::-webkit-scrollbar-track {
    background: #D9D9D9;
    border-radius: 2rem;
}
.lk-observation::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 2rem;
}
.material-main__info > img {
    width: 2.4rem;
    cursor: pointer;
}

@media screen and (max-width: 1692px) {
    
}
@media screen and (max-width: 1392px) {
    
}
@media screen and (max-width: 992px) {
    
}
@media screen and (max-width: 678px) {
    
}

/* popup-events-complate */

.popup-events-complate {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}
.popup-events-complate.active {
    display: flex;
}
.popup-events-complate__fon {
    background: rgba(0, 0, 0, 0.70);
    backdrop-filter: blur(3rem);
    -webkit-backdrop-filter: blur(3rem);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popup-events-complate__main {
    position: relative;
    z-index: 1;
    margin: auto;
    border-radius: 0.4rem;
    background-color: #0B223D;
    width: 100%;
    max-width: 135rem;
    display: flex;
    flex-direction: column;
    gap: 6rem;
    align-items: center;
    height: 81.2rem;
    justify-content: center;
    background-image: url('/local/templates/grdoc/images/events-complate.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.popup-events-complate__close {
    display: flex;
    position: absolute;
    top: 4rem;
    right: 4rem;
}
.popup-events-complate__close svg {
    width: 4.4rem;
    height: auto;
}
.popup-events-complate__column {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    align-items: center;
    max-width: 80rem;
}
.popup-events-complate__button {
    width: 100%;
    max-width: 43rem;
    border-radius: 0.2rem;
    background: #FFF;
    padding: 1rem 3.2rem;
    color: #121212;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.popup-events-complate__title {
    color: #FFF;
    text-align: center;
    font-size: 4.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.popup-events-complate__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
}
.popup-events-complate__subtitle {
    color: #5B728D;
    text-align: center;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.popup-events-complate__date {
    color: #5B728D;
    text-align: center;
    font-size: 4.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.popup-events-complate__description {
    color: #FFF;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

@media screen and (max-width: 1392px) {
    .popup-events-complate__main {
        max-width: 108rem;
    }
    .popup-events-complate__title {
        font-size: 4rem;
    }
    .popup-events-complate__date {
        font-size: 4rem;
    }
}
@media screen and (max-width: 992px) {
    .popup-events-complate__main {
        max-width: 64.8rem;
        height: 65.4rem;
        padding: 0 6rem;
        gap: 3.2rem;
        background-image: none;
    }
    .popup-events-complate__close {
        top: 2rem;
        right: 2rem;
    }
    .popup-events-complate__column {
        gap: 2rem;
    }
    .popup-events-complate__title {
        font-size: 3.2rem;
    }
    .popup-events-complate__text {
        gap: 0.8rem;
    }
    .popup-events-complate__subtitle {
        font-size: 1.8rem;
    }
    .popup-events-complate__date {
        font-size: 3.2rem;
    }
    .popup-events-complate__button {
        max-width: none;
    }
}
@media screen and (max-width: 678px) {
    .popup-events-complate__main {
        max-width: 32.8rem;
        height: 100%;
        padding: 2rem 1.8rem;
        gap: 2.4rem;
        oveflow-y: auto;
    }
    .popup-events-complate {
        padding: 4rem 0;
    }
    .popup-events-complate__close {
        display: none;
    }
    .popup-events-complate__title {
        font-size: 2.4rem;
    }
    .popup-events-complate__text {
        margin-bottom: 0.4rem;
    }
    .popup-events-complate__subtitle {
        font-size: 1.5rem;
    }
    .popup-events-complate__date {
        font-size: 2.4rem;
    }
    .popup-events-complate__description {
        font-size: 1.5rem;
    }
}

/* login-code-row */

.login-code-row {
    display: flex;
    gap: 0.8rem;
    justify-content: center;
}
.login-code-row .popup-login__input {
    border-radius: 0.2rem;
    background: rgba(91, 114, 141, 0.20);
    width: 6rem;
    height: 6rem;
    padding: 1.4rem 1.2rem 1.2rem 1.3rem;
}
.login-code-row .popup-login__input input {
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0;
    border: none;
    border-bottom: 0.1rem solid #000;
}
.login-code-row .popup-login__input.error {
    background: rgba(255, 159, 159, 0.20);
}
#reg_visits .home__grey {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

@media screen and (max-width: 1692px) {
    
}
@media screen and (max-width: 1392px) {
    
}
@media screen and (max-width: 992px) {
    
}
@media screen and (max-width: 678px) {
    
}

/* lk-password */

.lk-password {
    width: 100%;
    padding: 2.8rem 2rem;
}
.lk-password-content {
    display: none;
}
.lk-password-content.active {
    display: flex;
    height: 100%;
    justify-content: space-between;
}
.lk-password-content .lk-phone__right {
    margin-top: 5.8rem;
}
.lk-password__block {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 40rem;
    gap: 2.4rem;
}
.lk-password-form {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.lk-password-form input {
    width: 100%;
    padding: 1rem 1.2rem;
    border-radius: 0.4rem;
    border: 1px solid #B4B4B4;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.lk-password-form input::placeholder {
    color: #B3B3B3;
}
.lk-password-new {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    max-width: 40rem;
}
.lk-password-new > p {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.lk-password-new__column {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.lk-password-new__input {
    display: flex;
    position: relative;
    align-items: center;
}
.lk-password-new__input input {
    width: 100%;
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 0.4rem;
    border: 1px solid #8C8C8C;
    padding: 1rem 1.2rem;
}
.lk-password-new__input input::placeholder {
    color: #B3B3B3;
}
.lk-password-show {
    display: flex;
    position: absolute;
    z-index: 1;
    right: 1.2rem;
}
.lk-password-show img {
    width: 2.4rem;
}
.lk-password-new__submit {
    border-radius: 0.2rem;
    background: #0B223D;
    padding: 1rem 3.2rem;
    color: #FFF;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.lk-password-load {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lk-password-load svg {
    width: 10rem;
    height: auto;
}
.lk-password-confirm {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lk-password-confirm h2 {
    color: #5B728D;
    text-align: center;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    max-width: 33.4rem;
}
.lk-password__delete {
    color: #5B728D;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: auto;
    margin-right: auto;
}

@media screen and (max-width: 1692px) {
    
}
@media screen and (max-width: 1392px) {
    
}
@media screen and (max-width: 992px) {
    
}
@media screen and (max-width: 678px) {
    
}

/* material-content */

.material-content .popup-login__main {
    padding: 6rem;
    height: auto;
    border-radius: 0.8rem;
    gap: 1.2rem;
}
.material-content .popup-login__main > h2 {
    color: #FFF;
    text-align: center;
    font-size: 4.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}
.material-content .popup-login__main > p {
    margin-bottom: 0.8rem;
    color: #FFF;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.material-content .popup-login__link {
    color: #C7C7C7;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}
.material-content .popup-login__link.active {
    color: #000;
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.main-grid-2 .main-column {
    max-width: 72.1rem;
}
.main-grid-2 > .main-item {
    max-width: 47.6rem;
    padding: 2rem;
}
.main-grid-2 .main-item__title {
    font-size: 2.4rem;
}

@media screen and (max-width: 1692px) {
    .material-content .popup-login__main {
        padding: 3.4rem 6rem;
    }
    .main-grid-2 .main-column {
        max-width: 60rem;
    }
    .main-grid-2 > .main-item {
        max-width: 39.6rem;
        padding: 2rem;
    }
    .main-grid-2 .main-item__title {
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 1392px) {
    .material-content .popup-login__main {
        padding: 6rem;
    }
    .main-grid-2 .main-column {
        max-width: 45rem;
    }
    .main-grid-2 > .main-item {
        max-width: 29.6rem;
        padding: 2rem;
    }
    .main-grid-2 .main-item__title {
        font-size: 2rem;
    }
}
@media screen and (max-width: 992px) {
    .material-content .popup-login__main {
        max-width: none;
    }
    .material-content .popup-login__main form {
        max-width: none;
    }
    .main-grid-2 .main-column {
        max-width: 28.8rem;
    }
    .main-grid-2 > .main-item {
        max-width: 18.8rem;
        padding: 1.2rem;
    }
    .main-grid-2 .main-item__title {
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 678px) {
    .material-content .popup-login__main {
        padding: 2rem;
        max-height: none;
        max-width: none;
    }
    .material-content .popup-login__main > h2 {
        font-size: 3.2rem;
    }
    .material-content .popup-login__main > p {
        font-size: 1.6rem;
    }
    .material-content .popup-login__link {
        font-size: 2rem;
    }
    .material-content .popup-login__row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.8rem;
    }
    .main-grid-2 .main-column {
        max-width: none;
        flex-direction: column;
        display: flex;
    }
    .main-grid-2 > .main-item {
        max-width: none;
        padding: 1.6rem;
    }
    .main-grid-2 .main-item__title {
        font-size: 1.6rem;
    }
    .main-column {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

/* meeting-reg__popup */

.meeting-reg__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
}
.meeting-reg__popup.active {
    display: flex;
}
.meeting-reg__popup-fon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    backdrop-filter: blur(3rem);
    -webkit-backdrop-filter: blur(3rem);
}
.meeting-reg__popup-main {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 100%;
    max-width: 135rem;
    border-radius: 0.4rem;
    background: #0B223D;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.2rem;
    padding: 9.4rem 2rem;
}
.meeting-reg__popup-close {
    position: absolute;
    display: flex;
    top: 4rem;
    right: 4rem;
}
.meeting-reg__popup-close svg {
    width: 4.4rem;
    height: auto;
}
.meeting-reg__popup-title {
    color: #FFF;
    text-align: center;
    font-size: 4.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.meeting-reg__popup .calendar {
    padding: 2rem;
    background: #FFF;
    border-radius: 0.4rem;
}

@media screen and (max-width: 1392px) {
    .meeting-reg__popup-main {
        max-width: 108rem;
        gap: 3.2rem;
        padding: 9.4rem 2rem;
    }
    .meeting-reg__popup-close {
        top: 4rem;
        right: 4rem;
    }
    .meeting-reg__popup-close svg {
        width: 4.4rem;
    }
    .meeting-reg__popup-title {
        font-size: 4rem;
    }
}
@media screen and (max-width: 992px) {
    .meeting-reg__popup {
        padding: 2rem 0;
    }
    .meeting-reg__popup-main {
        max-width: 64.8rem;
        gap: 3.2rem;
        padding: 4.4rem 2rem;
        overflow-y: auto;
        height: 100%;
    }
    .meeting-reg__popup-close {
        top: 2rem;
        right: 2rem;
    }
    .meeting-reg__popup-title {
        font-size: 3.2rem;
    }
    .meeting-reg__popup .calendar__flex {
        flex-direction: column;
    }
}
@media screen and (max-width: 678px) {
    .meeting-reg__popup-main {
        max-width: 32.8rem;
    }
    .meeting-reg__popup-close {
        display: none;
    }
    .meeting-reg__popup-title {
        font-size: 2.4rem;
    }
}

/* popup-delete */

.popup-delete {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    display: none;
}
.popup-delete.active {
    display: flex;
}
.popup-delete__fon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.40);
    backdrop-filter: blur(0.4rem);
    -webkit-backdrop-filter: blur(0.4rem);
}
.popup-delete__main {
    position: relative;
    margin: auto;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.2rem;
    border-radius: 0.4rem;
    background: #FFF;
    padding: 6.4rem;
}
.popup-delete__row {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 38rem;
}
.popup-delete__row label {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 3rem;
}
.popup-delete__row label a {
    color: #000;
    text-decoration: underline;
}
.popup-delete__row input[type=checkbox]:before {
    content:"";
    display:inline-block;
    width: 2rem;
    height: 2rem;
    border: 0.1rem solid #121212;
    position: absolute;
    margin-top: -1rem;
    cursor: pointer;
}
.popup-delete__row input[type=checkbox]:checked:before {
    background:transparent;
    background-image: url('/local/templates/grdoc/images/checkbox-filled-svgrepo-com.svg');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-size: 2.4rem;
}​
.popup-delete__row input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
}
.popup-delete__row input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
}
.popup-delete__row input[type="checkbox"]:checked {
    background-image: none;
}
.popup-delete__main > p {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    max-width: 40rem;
}

@media screen and (max-width: 1692px) {
    
}
@media screen and (max-width: 1392px) {
    
}
@media screen and (max-width: 992px) {
    
}
@media screen and (max-width: 678px) {
    .lk-observation {
display: flex
;
        gap: 1.2rem;
        overflow-x: auto;
        min-width: 29.6rem;
        margin-left: 0;
        padding: 0 2rem;
        margin-bottom: 1.2rem;
        margin-top: -1.6rem;
        padding-bottom: 0.5rem;
}
}

/* observation */

.observation {
    margin: 6rem 0;
}
.observation-container {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.observation-title {
    color: #010101;
    font-size: 4.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    max-width: 148rem;
}
.observation-main {
    display: flex;
    gap: 6rem;
    align-items: flex-start;
}
.observation-column {
    width: 100%;
    max-width: 57rem;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}
.observation-column img {
    width: 100%;
    height: 30.8rem;
    object-fit: cover;
    border-radius: 0.4rem;
}
.observation-buttons {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.observation-link {
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    background: var(--Blue, #0B223D);
    color: var(--White, #FFF);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}
.observation-link-2 {
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    border: 1px solid var(--Black, #121212);
    color: var(--Black, #121212);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}
.observation-content {
    width: 100%;
    max-width: 76.9rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.observation-content p, .observation-content li {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.observation-content ul, .observation-content ol {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    padding-left: 2.5rem;
}
.observation-content a {
    color: #000;
    font-weight: 500;
    text-decoration: underline;
}
.observation-materials {
    width: 100%;
    max-width: 34.1rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.observation-materials__title {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.observation-materials__links {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    align-items: flex-start;
}
.observation-materials__link {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.observation-column .observation-materials {
    display: none;
}

@media screen and (max-width: 1392px) {
    .observation {
        margin: 4rem 0;
    }
    .observation-container {
        gap: 4rem;
    }
    .observation-title {
        font-size: 4rem;
    }
    .observation-main {
        gap: 3.2rem;
    }
    .observation-column {
        max-width: 57rem;
        gap: 2rem;
    }
    .observation-content {
        max-width: 51.8rem;
    }
    .observation-materials {
        max-width: none;
        display: none;
        margin-top: 2rem;
    }
    .observation-column .observation-materials {
        display: flex;
    }
}
@media screen and (max-width: 992px) {
    .observation {
        margin: 2.4rem 0 4rem 0;
    }
    .observation-container {
        gap: 2rem;
    }
    .observation-title {
        font-size: 3.2rem;
    }
    .observation-main {
        gap: 2rem;
        flex-direction: column;
    }
    .observation-column {
        max-width: none;
    }
    .observation-column img {
        height: 38.9rem;
    }
    .observation-column .observation-materials {
        display: none;
    }
    .observation-content {
        max-width: none;
    }
    .observation-materials {
        display: flex;
    }
}
@media screen and (max-width: 678px) {
    .observation {
        margin: 2rem 0 4rem 0;
    }
    .observation-title {
        font-size: 2rem;
    }
    .observation-main {
        gap: 1.6rem;
    }
    .observation-column {
        gap: 1.6rem;
    }
    .observation-column img {
        height: 22rem;
    }
    .observation-buttons {
        gap: 0.8rem;
    }
    .observation-materials {
        margin-top: 1.2rem;
        gap: 1.6rem;
    }
    .observation-materials__title {
        font-size: 1.8rem;
    }
    .observation-materials__links {
        gap: 0.8rem;
    }
    .observation-materials__link {
        font-size: 1.4rem;
    }
}

/* patient */

.patient {
    margin: 6rem 0;
}
.patient-container {
    display: flex;
    flex-direction: column;
}
.patient-name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
    margin-bottom: 1.2rem;
}
.patient-title {
    color: #010101;
    font-size: 4.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.patient-link {
    border-radius: 0.2rem;
    display: flex;
    padding: 1.2rem 3.2rem 1.2rem 0rem;
    align-items: center;
    gap: 1.2rem;
    color: var(--Blue-light, #5B728D);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.patient-link svg {
    width: 2rem;
    height: auto;
}
.patient-search {
    margin-bottom: 3.4rem;
}
.patient-search form {
    display: flex;
    position: relative;
    align-items: center;
}
.patient-search svg {
    width: 2.4rem;
    height: auto;
    position: absolute;
    left: 1.2rem;
}
.patient-search input:nth-child(2) {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    border: 1px solid #4E4E4E;
    height: 5rem;
    padding: 0 5.6rem;
}
.patient-search input:nth-child(2)::placeholder {
    color: #8C8C8C;
}
.patient-search input:nth-child(3) {
    height: 5rem;
    width: 22rem;
    min-width: 22rem;
    border-radius: 0.2rem;
    background: var(--Blue, #0B223D);
    color: var(--White, #FFF);
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    cursor: pointer;
}
.patient-main {
    display: flex;
    flex-direction: column;
}
.patient-top {
    display: flex;
    border-radius: 0.4rem;
    background: #F6F6F6;
    padding: 2rem;
    gap: 6.2rem;
}
.patient-top p {
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    min-width: 3rem;
}
.patient-top__row {
    display: flex;
    gap: 8.4rem;
    margin-left: auto;
}
.patient-column {
    display: flex;
    flex-direction: column;
}
.patient-item {
    display: flex;
    padding: 2rem;
    gap: 6.2rem;
}
.patient-item:nth-child(2n) {
    border-radius: 0.4rem;
    background: #F6F6F6;
}
.patient-item__row {
    display: flex;
    gap: 8.4rem;
    margin-left: auto;
}
.patient-item__checkbox {
    min-width: 9rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.patient-item__checkbox input[type=checkbox]:before {
    content:"";
    display:inline-block;
    width: 2.4rem;
    height: 2.4rem;
    border: 0.1rem solid #121212;
    position: absolute;
    margin-top: -1.6rem;
    cursor: pointer;
    margin-left: -1.2rem;
}
.patient-item__checkbox input[type=checkbox]:checked:before {
    background:transparent;
    background-image: url('/local/templates/grdoc/images/check-box.svg');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-size: 2.4rem;
}​
.patient-item__checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
}
.patient-item__checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
}
.patient-item__checkbox input[type="checkbox"]:checked {
    background-image: none;
}
.patient-item p {
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 3rem;
}
.patient-item a {
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media screen and (max-width: 1392px) {
    .patient {
        margin: 4rem 0;
    }
    .patient-title {
        font-size: 4rem;
    }
    .patient-search {
        margin-bottom: 4rem;
    }
}
@media screen and (max-width: 992px) {
    .patient {
        margin: 2.4rem 0 4rem 0;
    }
    .patient-title {
        font-size: 3.2rem;
    }
    .patient-search {
        margin-bottom: 3.2rem;
    }
}
@media screen and (max-width: 678px) {
    .patient {
        margin: 2rem 0 4rem 0;
    }
    .patient-title {
        font-size: 2.4rem;
    }
    .patient-search input:nth-child(2) {
        font-size: 1.6rem;
        padding: 0 1rem 0 4.4rem;
        height: 4.4rem;
    }
    .patient-search input:nth-child(3) {
        height: 4.4rem;
        padding: 1.2rem 3.2rem;
        width: auto;
        min-width: auto;
        font-size: 1.6rem;
    }
    .patient-search {
        margin-bottom: 2rem;
    }
    .patient-top {
        gap: 1.2rem;
        padding: 2rem 1.2rem;
    }
    .patient-top p {
        font-size: 1.5rem;
    }
    .patient-top__row {
        gap: 1.2rem;
    }
    .patient-item {
        padding: 2rem 1.2rem;
        gap: 1.2rem;
    }
    .patient-item p {
        font-size: 1.5rem;
    }
    .patient-item a {
        font-size: 1.5rem;
    }
    .patient-item__row {
        gap: 1.2rem;
    }
    .patient-item__checkbox {
        min-width: 5rem;
    }
}

/* card_patient */


.card_patient {
    margin: 4rem 0 6rem 0;
}
.card_patient-container {
    display: flex;
    flex-direction: column;
}
.card_patient-back {
    margin: 0 auto 6rem 0;
    display: flex;
    padding: 1.2rem 3.2rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border-radius: 0.2rem;
    border: 1px solid var(--Black, #121212);
    color: var(--Black, #121212);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.card_patient-back svg {
    width: 2rem;
    height: auto;
}
.card_patient-title {
    color: #010101;
    font-size: 4.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 4rem;
}
.card_patient-main {
    display: flex;
    flex-direction: column;
}
.card_patient-inputs {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem 5rem;
    margin-bottom: 6rem;
}
.patrec__input_text {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.patrec__input_text span {
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: auto;
}
.patrec__input_text input {
    padding: 1rem 1.2rem;
    border-radius: 0.4rem;
    border: 1px solid #000;
    color: #000;
    font-family: Montserrat;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.patrec__input_text select,
.patrec__table select,
.patrec__table input[type=date] {
    padding: 1rem 1.2rem;
    border-radius: 0.4rem;
    border: 1px solid #000;
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    cursor: pointer;
}
.patrec__table_selector {
    display: none;
}
.js-first-visit {
    display: flex !important;
}
.patrec__table {
    display: flex;
    flex-direction: column;
}
.patrec__table__row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.patrec__table__col {
    border-bottom: 2px solid #F6F6F6;
    border-left: 2px solid #F6F6F6;
    padding: 2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--Black, #121212);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    gap: 1.2rem;
}
.patrec__table__col:last-child {
    border-right: 2px solid #F6F6F6;
}
.patrec__table__col:first-child {
    border-bottom: 2px solid var(--White, #FFF);
    background: #DBDBDB;
    min-height: 11.3rem;
    padding: 2.4rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-left: none;
}
.patrec__table__col input[type=text] {
    border-radius: 0.4rem;
    border: 1px solid #000;
    padding: 1rem 1.2rem;
    color: var(--Black, #121212);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 33rem;
}
.patrec__table__col textarea {
    border-radius: 0.4rem;
    border: 1px solid #000;
    padding: 1rem 1.2rem;
    color: var(--Black, #121212);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 33rem;
    height: 12rem;
    min-height: 12rem;
}
.patrec__table__col a {
    color: var(--Black, #121212);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-decoration: underline;
}
.patrec__table .patrec__table__col {
    opacity: 0.5;
    pointer-events: none;
}
.patrec__table.first .patrec__table__col:nth-child(2) {
    opacity: 1;
    background: #E5ECF5;
    pointer-events: unset;
}
.patrec__table.second .patrec__table__col:nth-child(3) {
    opacity: 1;
    background: #E5ECF5;
    pointer-events: unset;
}
.patrec__table.third .patrec__table__col:nth-child(4) {
    opacity: 1;
    background: #E5ECF5;
    pointer-events: unset;
}
.patrec__table__col:first-child {
    opacity: 1 !important;
}
.patrec__table__row:first-child .patrec__table__col {
    background: #DBDBDB !important;
}
.patrec__table__col br {
    display: none;
}
.patrec__table__col > div {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    color: var(--Black, #121212);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.patrec__table__row:first-child .patrec__table__col {
    background: #DBDBDB;
    padding: 2.4rem;
    height: 14.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
}
.patrec__table__row:first-child .patrec__table__col:first-child {
    border-left: none;
}
.patrec__table__row:first-child .patrec__table__col p:nth-child(1) {
    color: #121212;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.patrec__table__row:first-child .patrec__table__col p:nth-child(2) {
    color: #535353;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.patrec__table__row:first-child .patrec__table__col p br {
    display: none;
}
.patrec__table__col input[type=checkbox]:before {
    content:"";
    display:inline-block;
    width: 2.4rem;
    height: 2.4rem;
    border: 0.1rem solid #121212;
    position: absolute;
    margin-top: -1.6rem;
    cursor: pointer;
}
.patrec__table__col input[type=checkbox]:checked:before {
    background:transparent;
    background-image: url('/local/templates/grdoc/images/check-box.svg');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-size: 2.4rem;
}​
.patrec__table__col input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
}
.patrec__table__col input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
}
.patrec__table__col input[type="checkbox"]:checked {
    background-image: none;
}

.patrec__table__col input[type=radio]:before {
    content:"";
    display:inline-block;
    width: 2.4rem;
    height: 2.4rem;
    border: 0.1rem solid #121212;
    position: absolute;
    margin-top: -1.6rem;
    cursor: pointer;
    border-radius: 100%;
}
.patrec__table__col input[type=radio]:checked:before {
    background:transparent;
    background-image: url('/local/templates/grdoc/images/radio__22.svg');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-size: 2.4rem;
}​
.patrec__table__col input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
}
.patrec__table__col input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
}
.patrec__table__col input[type="radio"]:checked {
    background-image: none;
}
.patrec__table__col label span {
    color: var(--Black, #121212);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding-left: 3.6rem;
}
.patrec__btns {
    margin-top: 1rem;
    display: flex;
    gap: 2rem;
    justify-content: center;
}
.patrec__btns button,
.patrec__btns a.patrec__edit_btn {
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    background: var(--Blue, #0B223D);
    color: var(--White, #FFF);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}
.patrec__btns a,
.patrec__table__col .js-add-recommended-drug,
.patrec__table__col .js-add-recommended-symptomatic {
    padding: 1.2rem 3.2rem;
    border-radius: 0.2rem;
    border: 1px solid var(--Black, #121212);
    color: var(--Black, #121212);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    text-decoration: none;
}
.patrec__table__col label {
    position: relative;
}
.patrec__table__col.error {
    color: #D90808;
}
.patrec__table__col.error input,
.patrec__select2.error,
.patrec__input_text.error input,
.patrec__input_text.error select {
    border-color: #D90808;
}

@media screen and (max-width: 992px) {
    .patrec__table {
        overflow-x: auto;
        min-width: 100vw;
        margin-left: -2.4rem;
        padding: 0 2.4rem;
    }
    .patrec__table__col {
        min-width: 46.3rem;
        width: 46.3rem;
    }
    .patrec__table__col:first-child {
        min-width: 19.4rem;
        width: 19.4rem;
        padding: 1.2rem;
        font-size: 1.6rem;
    }
    .card_patient-back {
        margin: 0 auto 4rem 0;
    }
    .card_patient-title {
        font-size: 3.2rem;
    }
    .card_patient-inputs {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem 2.8rem;
    }
}
@media screen and (max-width: 678px) {
    .card_patient-back {
        width: 100%;
    }
    .card_patient-title {
        font-size: 2.4rem;
        margin-bottom: 2rem;
    }
    .card_patient-inputs {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.2rem;
    }
    .patrec__input_text span {
        font-size: 1.6rem;
    }
    .patrec__input_text {
        gap: 0.8rem;
    }
    .patrec__input_text input, .patrec__input_text select {
        font-size: 1.5rem;
    }
    .patrec__btns {
        flex-direction: column;
        gap: 1rem;
    }
    .patrec__table {
        margin-left: -1.6rem;
        padding: 0 1.6rem;
    }
    .patrec__table__col {
        min-width: 30.3rem;
        width: 30.3rem;
    }
    .patrec__table__row {
        display: flex;
    }
    .patrec__table__row::after {
        content: '';
        width: 1.6rem;
        display: flex;
        min-width: 1.6rem;
    }
}

/* header */

.meeting-popup__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 2rem;
}
.meeting-popup__button {
    border-radius: 0.2rem;
    background: #0B223D;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 1.2rem;
    text-align: center;
}
.meeting-popup__button:nth-child(2) {
    border-radius: 0.2rem;
    border: 0.1rem solid #121212;
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 1.2rem 3.2rem;
    text-align: center;
    background: transparent;
}






.page404 {
    margin: 10rem 0;
}
.page404-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}
.page404 h2 {
    font-size: 19rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #000;
}
.page404 p {
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: #000;
}
.page404 a {
    border-radius: 0.2rem;
    border: 0.1rem solid #121212;
    color: #121212;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 1.2rem 3.2rem;
    text-align: center;
}



.search-page {
    margin: 5rem 0;
}
.search-page .medication-container {
    gap: 3rem;
}
.search-page .medication-container > br {
    display: none;
}
.search-page .medication-container > div:last-child a {
    font-size: 1.6rem;
    font-weight: 600;
    text-decoration: underline;
    color: #0B223D;
}

.search-block {
    display: flex;
}
.search-img-block {
    margin: 0 20px 0 0;
}
.patrec__table__row {
    display: flex;
}
.patrec__table .patrec__table__col:first-child {
width: 36rem;
}
.patrec__table .patrec__table__col {
width: 42rem;

}

@media screen and (max-width: 1692px) {
    
}
@media screen and (max-width: 1392px) {
    
}
@media screen and (max-width: 992px) {
    
}
@media screen and (max-width: 678px) {
    .page404 h2 {
    font-size: 9rem;
}
.page404 p {
    font-size: 2rem;
}



}