* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Gilroy-regular';
    src: url('../fonts/Gilroy-regular.eot');
    src: url('../fonts/gilroy-medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-regular.woff') format('woff'),
        url('../fonts/Gilroy-regular.woff2') format('woff2'),
        url('../fonts/Gilroy-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gilroy-medium';
    src: url('../fonts/gilroy-medium.eot');
    src: url('../fonts/gilroy-medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gilroy-medium.woff') format('woff'),
        url('../fonts/gilroy-medium.woff2') format('woff2'),
        url('../fonts/gilroy-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gilroy-semigold';
    src: url('../fonts/gilroy-semibold.eot');
    src: url('../fonts/gilroy-semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gilroy-semibold.woff') format('woff'),
        url('../fonts/gilroy-semibold.woff2') format('woff2'),
        url('../fonts/gilroy-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gilroy-bold';
    src: url('../fonts/gilroy-bold.eot');
    src: url('../fonts/gilroy-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gilroy-bold.woff') format('woff'),
        url('../fonts/gilroy-bold.woff2') format('woff2'),
        url('../fonts/gilroy-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT_Hoves_Pro_Regular';
    src: url('../fonts/TT_Hoves_Pro_Regular.eot');
    src: url('../fonts/TT_Hoves_Pro_Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TT_Hoves_Pro_Regular.woff') format('woff'),
        url('../fonts/TT_Hoves_Pro_Regular.woff2') format('woff2'),
        url('../fonts/TT_Hoves_Pro_Regular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT_Hoves_Pro_Bold';
    src: url('../fonts/TT_Hoves_Pro_Bold.eot');
    src: url('../fonts/TT_Hoves_Pro_Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TT_Hoves_Pro_Bold.woff') format('woff'),
        url('../fonts/TT_Hoves_Pro_Bold.woff2') format('woff2'),
        url('../fonts/TT_Hoves_Pro_Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT_Hoves_Pro_Medium';
    src: url('../fonts/TT-Hoves-Pro-Medium.eot');
    src: url('../fonts/TT-Hoves-Pro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TT_Hoves_Pro_Medium.woff') format('woff'),
        url('../fonts/TT_Hoves_Pro_Medium.woff2') format('woff2'),
        url('../fonts/TT-Hoves-Pro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT_Hoves_Pro_DemiBold';
    src: url('../fonts/TT-Hoves-Pro-DemiBold.eot');
    src: url('../fonts/TT-Hoves-Pro-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TT_Hoves_Pro_DemiBold.woff') format('woff'),
        url('../fonts/TT_Hoves_Pro_DemiBold.woff2') format('woff2'),
        url('../fonts/TT-Hoves-Pro-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: Gilroy-Medium, Arial, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;

    --main-black: #121212;
    --main-white: #fff;
    --gray-400: #A0A0A0;
    --main-accent: #0392F2;
    --main-accent-hover: #0392F2;
    color: var(--gray-700);
    background-color: #FFF;
    --color-gray: #8f9093;
    --gray-50: #F9F9F9;
    --gray-100: #D2D2D2;
    --gray-200: #BBB;
    --gray-500: #838383;
    --gray-600: #666;
    --gray-700: #4B4B4B;
    --gray-800: #353535;
    --gray-900: #232323;
    --main-red: #E01935;
    --hoves-400: "TT_Hoves_Pro_Regular";
    --hoves-500: "TT_Hoves_Pro_Medium";
    --hoves-600: "TT_Hoves_Pro_DemiBold";
    --hoves-700: "TT_Hoves_Pro_Bold";
    --gilroy-400: "Gilroy-regular";
    --gilroy-500: "gilroy-medium";
    --gilroy-600: "gilroy-semigold";
    --gilroy-700: "gilroy-bold";
    color: var(--main-black);
    --layout-header-height-default: 70px;
    --layout-header-height: var(--layout-header-height-default);
    overflow-x: hidden;
    width: 100vw;
}

.container {
    max-width: 1344px;
    margin: 0 auto;
    padding-right: 12px;
    padding-left: 12px;
}

.row {
    margin-right: -12px;
    margin-left: -12px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {

    padding-right: 12px;
    padding-left: 12px;
}

body.scroll {
    overflow: hidden;

}

p {
    margin-bottom: 0px;
}

button {
    border: none;
    outline: none;
}

form {
    border: none;
    outline: none;
}

a {
    outline: none;
    text-decoration: none;
}

h2 {
    font-size: 26px;
    line-height: 26px;
    font-family: var(--gilroy-700);
    color: var(--main-black);
}

label {
    margin-bottom: 0px;
}

.wrapper {
    margin-top: 100px;
}

.menu-mob,
.menu-humb__wrap {
    display: none;
}

.header {
    background-color: rgba(18, 18, 18, 1);
    padding: 16px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    width: 100vw;
}

.header-logo__img {
    display: flex;
    gap: 6px;
    align-items: center;
}

.header-logo__wrap {
    display: flex;
    align-items: center;
    gap: 40px;
}

.header-logo__input {
    border-radius: 8px;
    background-color: rgba(35, 35, 35, 1);
    padding: 10px 40px 10px 12px;
    width: 324px;
    gap: 8px;
    border: none;
    outline: none;
    color: var(--main-white);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
}

.header-logo__wrap-input-button {
    display: flex;
    gap: 16px;
}

.header-logo__link {
    color: var(--main-white);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
}

.header-logo__forinput {
    position: relative;
}

.header-logo__button {
    position: absolute;
    right: 12px;
    bottom: 8px;
    background-color: transparent;
    cursor: pointer;
}

.header-logo__geolocation {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--gray-800);
    padding: 10px 20px;
    border-radius: 8px;
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.header-icons__social {
    display: flex;
    gap: 24px;
    position: relative;
}

.header-icons__wrap {
    display: flex;
    align-items: center;
}

.header-icons__link {
    color: var(--main-white);
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    font-family: var(--hoves-500);
    background-color: var(--main-accent);
    padding: 10px 20px;
    border-radius: 8px;
}

.header-icons__login {
    display: flex;
    gap: 4px;
    align-items: center;
}

.header-icons__login-desktop {
    display: flex;
    gap: 4px;
    align-items: center;
}

.header-icons__login-blue-btn {
    display: flex;
    gap: 4px;
    align-items: center;
    display: none;
}

.header-icons__login svg {
    min-width: 20px;
}

.footer {
    background-color: rgba(18, 18, 18, 1);
}

.cards-inner__mainTitle {
    margin-bottom: 24px;

}

.directions-top__menu {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 24px;
}

.directions__button {
    color: var(--main-black);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;

}

.directions-top__block {
    display: flex;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    padding: 10px 12px;
    align-items: center;
    gap: 6px;
}

.directions-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 40px;
}

.directions-wrap__img {
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 184px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: end;
    padding: 18px;
    color: var(--main-white);
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    position: relative;
    overflow: hidden;
}

.directions-wrap__img span {
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-family: var(--hoves-600);
    line-height: 22px;
}

.directions-wrap__bg {
    background: linear-gradient(180deg, rgba(28, 28, 28, 0) 68.65%, rgba(28, 28, 28, 0.50) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
}

.directions-wrap__img:hover {
    transform: scale(1.05);

}

.directions-wrap__banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.left-menu__iconOne {
    border-radius: 50%;
    background: #CFF3FE;
    padding: 10px;
    display: flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
}

.left-menu__iconTwo {
    border-radius: 6px;
    background: #CFF3FE;
    padding: 10px;
    display: flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
}

.left-menu__iconThree {
    border-radius: 6px;
    background: #CFF3FE;
    padding: 10px;
    display: flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
}

.left-menu__iconFour {
    border-radius: 6px;
    background: #CFF3FE;
    padding: 10px;
    display: flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
}

.left-menu__wrap {
    display: grid;
    gap: 32px;
    padding-bottom: 60px;
}

.left-menu__new-button {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--main-accent);
    background: var(--main-accent);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    color: var(--main-white);
    cursor: pointer;
}

.left-menu__new-button-btn {
    color: var(--main-white);
    font-family: var(--hoves-500);
    font-size: 14px;
}




.left-menu__item {
    display: grid;
    grid-template-columns: 38px auto;
    gap: 12px;
    padding: 8px;
    align-items: center;
    border-radius: 8px;
    background: var(--main-white);
}



.left-menu__item:hover {
    border-radius: 8px;
    background: var(--gray-50);
}

.left-menu__item:hover .left-menu__arrow svg path {
    stroke: #232323;
}

.left-menu__title {
    color: var(--main-black);
    font-size: 14px;
    font-family: var(--hoves-600);
    line-height: 18px;
    white-space: nowrap;
}

.left-menu__titleSecond {
    color: var(--main-black);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    white-space: nowrap;
}

.left-menu__block {
    display: grid;
    gap: 6px;
    width: 100%;
}

.left-menu__direction-wrap {
    display: grid;
    gap: 6px;
    width: 100%;
}


.left-menu__elem {
    display: grid;
    grid-template-columns: 38px auto;
    gap: 12px;
}

.left-menu__description {
    color: var(--gray-400);
    font-size: 12px;
    font-family: var(--hoves-500);
    line-height: 14px;
    white-space: nowrap;
}

.left-menu__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.left-menu__arrow {
    justify-self: end;
}

.left-menu__mainTitle {
    color: var(--main-black);
    font-size: 18px;
    font-family: var(--gilroy-600);
    line-height: 22px;
    padding: 0 8px 8px 8px;
    display: flex;
    justify-content: space-between;
}

.left-menu__button {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--main-accent);
    background: var(--main-white);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    color: var(--main-accent);
    margin-top: 8px;


}

.left-menu__button:hover {
    background: var(--main-accent);
    color: var(--main-white);

}




.slider-bannerMain {
    padding-bottom: 40px;
}

.slider-bannerMain .swiper-wrapper {
    border-radius: 25px;
}


.slider-bannerMain__item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    padding: 40px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    height: 336px;
    width: 100%;
}


.swiper-pagination-bullet-active {
    opacity: 1;
    background: #0392F2;
}

.left-menu {
    position: fixed;
    padding-right: 15px;
    height: calc(100vh - var(--layout-header-height));
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    width: 312px;
}

.left-menu:hover {
    scrollbar-color: var(--main-accent) var(--main-white);
}



.mobile-search__input {
    background-color: var(--main-white);
    border-radius: 8px;
    padding: 10px 40px 10px 12px;
    width: 100%;
    gap: 8px;
    border: none;
    outline: none;
    color: var(--main-white);
    position: relative;
}

.mobile-search {
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    margin-bottom: 24px;
}

.mobile-search__button {
    position: absolute;
    right: 30px;
    top: 33px;
    background: var(--main-white);
}

.header-icons__seacrh {
    display: none;
}



.big-picture {
    margin-bottom: 24px;
}

.profile-info__wrap {
    display: flex;
    gap: 24px;
    margin-bottom: 60px;

}

.profile-info__btn-change {
    color: var(--main-black);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    width: 165px;
    padding: 10px 20px;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    gap: 6px;
}

.profile-info__svg-icon {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    gap: 6px;
}

.profile-info__wrapSecond {
    display: flex;
    gap: 24px;
    margin-bottom: 40px;


}

.profile-info__status {
    color: var(--main-accent);
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;

}

.profile-info__title {
    display: flex;
    flex-direction: column;
    position: relative;
}

.profile-info__title svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 93px;
    right: 0;
}


.profile-info__login {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;

}

.profile-info__blockButtons {
    display: flex;
    gap: 10px;
}

.profile-info__name {
    color: var(--main-black);
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 4px;
}

.profile-info__text {
    color: var(--gray-900);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 14px;
}

.profile-info__place {
    color: var(--gray-900);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
}

.profile-info__dateOfBirth {
    color: var(--gray-900);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding-top: 4px;
}

.profile-info__placeSecond {
    color: var(--gray-500);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding-right: 6px;
}

.profile-info__rating {
    margin-bottom: 14px;
    display: flex;
    gap: 4px;
}

.profile-info__geolocation {
    margin-bottom: 14px;
}

.profile-info__hobby {
    color: var(--gray-900);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
}

.profile-info__buttons {
    display: flex;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    padding: 10px 12px;
    white-space: nowrap;
    height: 40px;
}

.profile-info__buttons svg {
    margin-right: 6px;
}

.profile-info__button {
    color: var(--main-black);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;

}

.profile-info__icon {
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    height: 40px;
}

.profile-info__button-profile {
    display: flex;
    width: 200px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    background: var(--main-accent);
    height: 40px;
    color: var(--main-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.profile-info__mainPhoto {
    max-width: 200px;
    max-height: 200px;
}

.posts-search__blockSecond {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 19px;
}

.posts-search__textBlock {
    text-align: center;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.posts-search__btn {
    outline: none;
    border: none;
}

.posts-search__blockSvg {
    display: flex;
    gap: 8px;
}

.posts-search__block {
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.main-info__blockButtons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.posts-search__input-first {
    width: 567px;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    color: var(--gray-400);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;

    text-decoration: none;
    outline: none;
}

.posts-search__btn-posts {
    padding: 10px 20px;
    border-radius: 8px;
    border: 1px solid var(--main-accent);
    gap: 10px;
    color: var(--main-accent);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    white-space: nowrap;
}

.main-info__tabs-item {
    margin-bottom: 24px;
    border-bottom: 1px solid #BBB;
    overflow-y: auto;
}

.main-info__forinput {
    margin-right: 16px;
    position: relative;
}

.main-info__input {
    display: flex;
    padding: 10px 12px;
    align-items: center;
    gap: 8px;
    color: var(--gray-400);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    width: 663px;
    border: none;
    outline: none;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    background: var(--main-white);
}

.main-info__searchBlock {
    margin-bottom: 24px;
    display: flex;
}

.main-info__buttonSecond {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    background: var(--gray-800);
    color: var(--main-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.main-info__description {
    color: var(--gray-500);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 10px;
}

.main-info__img {
    width: 40px;
    height: 40px;
    border-radius: 60px;

}

.main-info__newArticle {
    display: flex;
    padding: 24px 16px;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    background: var(--gray-50);
}


.main-info__articleButtons {
    display: flex;
    align-items: center;
}

.main-info__card {
    display: flex;
    margin: 20px 0;
    border-radius: 8px;
    background: var(--main-white);
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
    padding: 20px;
}

.main-info__card-title {
    color: var(--main-black);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
}

.main-info__card-text {
    color: var(--gray-700);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 16px;
}

.main-info__card-button {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    background: var(--main-accent);
    color: var(--main-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    width: 129px;
}

.main-info__cardPic img {
    width: 340px;
    height: 252px;
}

.main-info__card-description {
    color: rgba(18, 18, 18, 1);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 6px;
}

.main-info__card-info {
    display: flex;
    flex-direction: column;
}

.main-info__cardPic {
    margin-right: 20px;
}

.main-info__buttons {
    display: flex;
    gap: 24px;
    padding-top: 8px;
}

.main-info__articleBlock {
    display: flex;
    align-items: center;
}

.main-info__articleBlockSecond {
    display: flex;
    flex-direction: column;

}

.main-info__articleButton {
    color: var(--main-accent);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-left: 4px;
}



.main-info__button {
    position: absolute;
    right: 12px;
    bottom: 10px;
    background-color: transparent;
    cursor: pointer;
}

.main-info__flow-title {
    color: var(--main-black);
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
}

.main-info__flow {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-info__flow svg {
    margin-right: 4px;
}

.main-info__flow-button {
    color: var(--main-accent);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.main-info__flow-block {
    display: flex;
    align-items: center;
}

.main-info__change-page {
    display: flex;
    margin-bottom: 40px;
    gap: 10px;
}

.main-info__change-button {
    display: flex;
    width: 160px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    color: var(--main-black);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.main-info__change-buttonProfile {
    display: flex;
    width: 160px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    color: var(--main-black);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.main-info__change-buttonProfileOne {
    display: flex;
    width: 79px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    color: var(--main-black);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.main-info__change-buttonProfileTwo {
    display: flex;
    width: 117px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    color: var(--main-black);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.main-info__change-buttonProfileThree {
    display: flex;
    width: 160px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    color: var(--main-black);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.main-info__blockButtons {
    display: flex;
    align-items: baseline
}

.main-info__btnSett {
    color: var(--gray-900);
    font-size: 15px;
    font-weight: 500;
    line-height: 14px;
    border-bottom: 1px solid var(--gray-900);

}

.main-info__regestration {
    color: var(--main-accent);
    font-size: 14px;
    font-family: var(--gilroy-500);
    line-height: 24px;
    text-decoration: underline;
    text-underline-offset: 3px;

}

.main-info__blocked {
    display: flex;
    justify-content: center;
    font-family: var(--gilroy-500);
    font-size: 14px;
    line-height: 24px;

}



.main-info__change-buttonProfile.active {
    border: 1px solid var(--main-accent);
    color: var(--main-accent);
}

.main-info__change-buttonProfileOne.active {
    border: 1px solid var(--main-accent);
    color: var(--main-accent);
}

.main-info__change-buttonProfileTwo.active {
    border: 1px solid var(--main-accent);
    color: var(--main-accent);
}

.main-info__change-buttonProfileThree.active {
    border: 1px solid var(--main-accent);
    color: var(--main-accent);
}

.main-info__change-button.active {
    border: 1px solid var(--main-accent);
    color: var(--main-accent);
}




.main-info__tabs-inner {
    display: flex;
    text-align: center;
    justify-content: space-around;
}

.main-info__tabs-link {
    color: rgba(18, 18, 18, 1);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    padding: 12px 16px;
    width: 100%;
    height: auto;
    white-space: nowrap;
    padding-right: 10px;
    padding-left: 10px;
}

.main-info__tabs-link.active {
    border-bottom: 4px solid var(--main-black, #121212);
}

.main-info__title {
    color: var(--main-black);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    padding-bottom: 10px;
}

.main-info__text {
    color: var(--gray-700);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding-bottom: 10px;
}

.main-info__block {
    padding-bottom: 24px;
}

.main-page .left-menu__wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.breadcrumbs-link__main {
    color: var(--gray-200);
    font-size: 12px;
    font-family: var(--hoves-500);
    line-height: 14px;
}

.breadcrumbs-link__login {
    color: var(--main-black);
    font-size: 12px;
    font-family: var(--hoves-500);
    line-height: 14px;
}

.breadcrumbs__wrap {
    margin-bottom: 15px;
    gap: 8px;
    display: flex;
}

.right-menu {
    margin-top: 28px;
}

.right-menu__wrap {
    display: flex;
    flex-direction: column;
}

.right-menu__title {
    color: var(--main-black);
    font-size: 12px;
    font-family: var(--hoves-700);
    line-height: 14px;
}

.right-menu__time {
    color: var(--main-black);
    font-size: 12px;
    font-family: var(--gilroy-500);
    line-height: 14px;
}

.right-menu__text {
    color: var(--gray-700);
    font-size: 12px;
    font-family: var(--gilroy-500);
    line-height: 14px;
}

.right-menu__button {
    color: var(--main-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--gray-800);
    width: 172px;
}

.right-menu__block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
    padding: 14px;
    border-radius: 8px;
    background: var(--gray-50);
}

.right-menu__comments {
    color: var(--gray-900);
    font-size: 16px;
    font-family: var(--hoves-700);
    line-height: 20px;
}

.right-menu__blockSecond {
    padding: 14px;
    border-radius: 8px;
    background: var(--gray-50);
    gap: 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.right-menu__blockThird {
    background-color: var(--gray-50);
    padding: 14px;
}

.right-menu__blockPicture {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 8px;
}

.right-menu__img {
    border-radius: 6px;
    background-color: #D9D9D9;
    border-radius: 50%;
}

.right-menu__buttonSecond {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--main-accent);
    background: var(--main-white);
    color: var(--main-accent);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    width: 200px;
    margin-top: 10px;
    margin-bottom: 16px;
}

.right-menu__showButton {
    color: var(--main-accent);
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
}

.evens-menu-mob {
    display: none;
}

.profile-info__hashtag-block {
    display: none;
}

.main-info__blockPic {
    display: none;
}

.welcome__title {
    color: var(--main-black);
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    padding-bottom: 24px;
}

.welcome__description {
    color: var(--main-black);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 24px;
}

.steps__wrap {
    padding: 24px;
}

.steps__block {
    display: flex;
    gap: 14px;
    padding-bottom: 24px;
    align-items: center;
}

.steps__secondTitle {
    color: var(--main-black);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 8px;
}



.steps__title {
    color: var(--main-black);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.steps__description {
    color: var(--gray-600);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding-bottom: 24px;
}

.steps__buttoms-block {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    background: var(--gray-800);
}

.steps__buttonTwo {
    color: var(--main-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.steps__buttonOne {
    color: var(--main-black);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    background: var(--main-white);
}

.steps__buttoms {
    display: flex;
    justify-content: space-between;
}

.popup {
    display: none;
    position: relative;
    height: 100%;

}

.popup.active {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 150;
    display: none;
}

.popup-in-chat {
    height: 100%;
}


.popup-authorization__form {
    padding: 40px 32px 32px 32px;
    position: relative;
    background-color: var(--main-white);
    border-radius: 8px;
    min-width: 424px;
}



.popup-registration__form {
    padding: 40px 32px 32px 32px;
    position: relative;
    background-color: var(--main-white);
    border-radius: 8px;
    max-width: 424px;
}

.popup-forgot-password__form {
    padding: 40px 32px 32px 32px;
    position: relative;
    background-color: var(--main-white);
    border-radius: 8px;
}


.popup-authorization__close-form {
    position: absolute;
    right: 16px;
    cursor: pointer;
    top: 16px;
}

.popup-registration__close-form {
    position: absolute;
    right: 16px;
    cursor: pointer;
    top: 16px;
}

.popup-authorization__title {
    font-size: 36px;
    font-family: var(--gilroy-700);
    line-height: 36px;
    color: var(--main-black);
    margin-bottom: 32px;
}

.popup-authorization__header {
    display: flex;
}

.popup-authorization__input-title {
    color: var(--main-black);
    font-size: 14px;
    font-family: var(--hoves-600);
    line-height: 18px;
    margin-bottom: 4px;
}

.popup-forgot-password__input input {
    border: none;
    outline: none;
    border: 1px solid var(--gray-100);
    border-radius: 8px;
    width: 100%;
    padding: 10px 12px;
    gap: 8px;
    margin-bottom: 16px;
}

.popup-authorization__input input {
    border: none;
    outline: none;
    border: 1px solid var(--gray-100);
    border-radius: 8px;
    width: 100%;
    padding: 10px 12px;
    gap: 8px;
    margin-bottom: 4px;
}

.popup-registration__input input {
    border: none;
    outline: none;
    border: 1px solid var(--gray-100);
    border-radius: 8px;
    width: 100%;
    padding: 10px 12px;
    gap: 8px;
    margin-bottom: 4px;
}

.popup-registration__input-block-checkbox {
    display: flex;

    margin-bottom: 16px;
}



.popup-registration__input-checkbox {
    width: 14px;
    height: 14px;
    margin-right: 6px;
}

.popup-registration__input-checkbox__text {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #18212C;
}

.popup-registration__input-checkbox__link {
    text-decoration: underline;
    color: #18212C;
    text-underline-offset: 3px;
}



.popup-authorization__join-button {
    display: flex;
    width: 100%;
    padding: 10px 20px;
    gap: 6px;
    background-color: var(--main-accent);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: var(--main-white);
    border-radius: 8px;
    justify-content: center;
}

.popup-authorization__forgotPassword {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: var(--main-accent);
}

.popup-authorization__input-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
}

.popup-registration__input-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
}

.popup-forgot-password__input-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
}



.popup-authorization__block {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.popup-registration__block {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.popup-forgot-password__block {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}




.popup-authorization__buttons-main {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-bottom: 32px;
    gap: 10px;
}

.popup-authorization__buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.popup-authorization__buttons-vk {
    display: flex;
    border: 1px solid var(--gray-100);
    padding: 10px 12px;
    border-radius: 8px;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.popup-authorization__buttons-apple {
    display: flex;
    border: 1px solid var(--gray-100);
    padding: 10px 12px;
    border-radius: 8px;
    width: 100%;
    justify-content: center;
    align-items: center;

}

.popup-authorization__buttons-classmates {
    display: flex;
    border: 1px solid var(--gray-100);
    padding: 10px 12px;
    border-radius: 8px;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.popup-authorization__buttons-classmates svg {
    margin-right: 6px;
}

.popup-authorization__apple-button {
    color: var(--main-black);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.popup-authorization__classmates-button {
    color: var(--main-black);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.popup-authorization__buttons-apple svg {
    margin-right: 6px;
}

.popup-authorization__buttons-vk svg {
    margin-right: 6px;
}

.popup-authorization__vk-button {
    color: var(--main-black);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
}

.popup-authorization__error {
    border: none;
    outline: none;
    border: 1px solid var(--main-red);
    border-radius: 8px;
    padding: 10px 12px;
    gap: 8px;

}

.popup-authorization__error-text svg {
    margin-right: 6px;
}

.popup-registration__error-text svg {
    margin-right: 6px;
}

.popup-authorization__error-text {
    display: flex;
    text-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--main-red);
    display: none;
}

.popup-registration__error-text {
    display: flex;
    text-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--main-red);
    display: none;
}

.popup-authorization__registration {
    color: var(--main-accent);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    width: 100%;
    padding: 10px 20px;
    border-radius: 8px;
    gap: 6px;
    border: 1px solid var(--main-accent);
    display: flex;
    justify-content: center;

}

.popup-registration__btn {
    color: var(--main-white);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    width: 100%;
    padding: 10px 20px;
    border-radius: 8px;
    gap: 6px;
    border: 1px solid var(--main-accent);
    background-color: var(--main-accent);
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}

.popup-forgot-password__btn {
    color: var(--main-accent);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);

}

.popup-reg-new-password__btn {
    color: var(--main-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    width: 360px;
    padding: 10px 20px;
    border-radius: 8px;
    gap: 6px;
    border: 1px solid var(--main-accent);
    background-color: var(--main-accent);
    display: flex;
    justify-content: center;
}

.popup-registration__btnLogin {
    color: var(--main-accent);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    width: 100%;
    padding: 10px 20px;
    border-radius: 8px;
    gap: 6px;
    border: 1px solid var(--main-accent);
    display: flex;
    justify-content: center;
}

.popup-registration__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    color: var(--main-black);
    margin-bottom: 16px;

}

.popup-registration__header {
    display: flex;
    flex-direction: column;
}

.popup-forgot-password__header {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

.popup-reg-new-password__header {
    display: flex;
    flex-direction: column;
}

.popup-forgot-password__back-form {
    margin-right: 8px;
    cursor: pointer;
}

.popup-forgot-password__close-form {
    position: absolute;
    right: 16px;
    cursor: pointer;
    top: 16px;
}



.popup-reg-new-password__close-form {
    position: absolute;
    right: 16px;
    cursor: pointer;
    top: 16px;
}

.popup-forgot-password__text {
    color: #18212C;
    line-height: 14px;
    font-size: 12px;
    width: 360px;
}

.popup-forgot-password__header-block {
    display: flex;
    align-items: center;
    margin-bottom: 16px;

}

.popup-forgot-password__title {
    line-height: 22px;
    color: var(--main-black);
    font-size: 22px;
    font-weight: 700;
}

.popup-reg-new-password__title {
    line-height: 22px;
    color: var(--main-black);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 32px;
}


.popup-registration__input-title {
    color: var(--main-black);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 4px;
    font-family: var(--hoves-600);
}

.popup-forgot-password__input-title {
    color: var(--main-black);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 4px;
}

.popup-registration__description {
    color: var(--gray-700);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 32px;
    max-width: 360px;
}


body.active {
    overflow-y: hidden;
}


.main-info__card-authorized {
    padding: 20px;
}

.main-info__cardPic-authorized {
    color: var(--main-black);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px;
}

.main-info__card-info-authorized {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.main-info__grade {
    display: flex;
    gap: 20px;
    margin-bottom: 24px;

}

.main-info__views {
    color: var(--gray-400);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;

}

.main-info__discoveries {
    color: var(--gray-400);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.main-info__likes-nubmer {
    color: #727273;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.main-info__likes {
    display: flex;

}

.main-info__block-likes {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 24px;
}

.right-menu__banner {
    padding: 9px 11px;
    margin-bottom: 10px;
    background-image: url(../img/backround-image.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--main-accent);
}

.right-menu__banner-title {
    color: var(--main-black);
    font-size: 32px;
    font-family: var(--hoves-700);
    line-height: 26px;
    margin-bottom: 13px;
}

.right-menu__banner-text {
    color: var(--main-black);
    font-size: 12px;
    font-family: var(--hoves-500);
    line-height: 14px;
    margin-bottom: 57px;
    width: 64%;
}

.right-menu__btn {
    color: var(--main-accent);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    width: 178px;
    padding: 10px 20px;
    border-radius: 8px;
    gap: 6px;
    border: 1px solid var(--main-accent);
    display: flex;
    justify-content: center;
    background-color: var(--main-white);
}

.left-menu__second-block {
    padding: 0 8px 8px 8px;
    display: flex;
    text-align: center;
}

.left-menu__second-checkbox {
    width: 14px;
    height: 14px;
    margin-right: 6px;
}


.left-menu__second-checkbox-text {
    font-size: 12px;
    line-height: 14px;
    color: var(--main-black);
    font-weight: 500;
    display: flex;
}

.left-menu__second-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.left-menu__second-form-block {
    display: flex;
    align-items: center;
}

.area__title {
    font-family: var(--gilroy-700);
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 24px;
}

.area-search__block {
    display: flex;
    gap: 12px;
}

.area-search__input-first {
    width: 836px;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    color: var(--gray-400);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    text-decoration: none;
    outline: none;
}

.area-search__input-first-new {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    color: var(--gray-400);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    text-decoration: none;
    outline: none;
    position: relative;
    margin-bottom: 24px;
}

.area-search__input-first-new-svg {
    position: absolute;
    right: 24px;
    top: 59px;
}


.area-search__input-new {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    color: var(--gray-400);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    position: relative;
    text-decoration: none;
    outline: none;

}



.area-search__block-new svg {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.area-search__input-second {
    width: 836px;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    color: var(--gray-400);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;

    text-decoration: none;
    outline: none;
    margin-bottom: 24px;
}

.area-inner__button {
    padding: 10px 20px;
    border-radius: 8px;
    background: var(--main-accent, #E01935);
    color: var(--main-white);
    font-size: 14px;
    font-style: normal;
    font-family: var(--hoves-500);
    line-height: 18px;
    cursor: pointer;
    width: 175px;
    height: 40px;
}

.area-inner__pic {
    display: flex;
    margin: 24px 0;
    border-radius: 8px;
    background: var(--main-white);
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
    padding: 20px;
}

.area-info__mainPhoto {
    max-width: 340px;
    max-height: 214px;
}

.area-info__name {
    color: var(--main-black);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    padding-bottom: 4px;
}

.area-info__buttons {
    display: flex;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    padding: 10px 20px;
    white-space: nowrap;
    height: 40px;
    width: 126px;
}

.area-info__wrap {
    display: flex;
    gap: 24px;
    margin-bottom: 40px;
}

.area-info__block {
    padding-bottom: 14px;
}

.area-inner__load {

    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    color: var(--main-white);
    cursor: pointer;

}

.area-inner__info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.posts-search__btn-posts-second {
    width: 136px;
    height: 40px;
    padding: 10px 20px;
    border-radius: 8px;
    border: 1px solid var(--main-accent);
    gap: 10px;
    color: var(--main-accent);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    white-space: nowrap;
}

.chat-block {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--gray-100);
    height: var(--block-height);
}

.chat__title {
    padding: 7px 0;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
}

.chat-block__button-block {
    background-color: var(--gray-50);
}

.chat-block__buttons {
    padding: 8px;
    display: flex;
    gap: 12px;
}

.chat-block__button-first {
    font-size: 14px;
    padding: 11px 25px;
    color: var(--main-white);
    line-height: 18px;
    background-color: var(--main-accent);
    border-radius: 8px;
    font-family: var(--hoves-500);

}

.chat-block__button-second {
    font-size: 14px;
    padding: 11px 38px;
    color: var(--gray-100);
    line-height: 18px;
    border-radius: 8px;
    font-family: var(--hoves-500);

}



.chat-svg {
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    padding: 10px;
    display: flex;
}

.chat-block__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.chat-wrap {
    border-radius: 8px;
    background: var(--main-white);
    box-shadow: 0px 0px 8px 0px #00000040;
    margin-bottom: 30px;
    --block-height: 918px;
    overflow: hidden;
}

.chat-inner {
    display: grid;
    grid-template-columns: 318px 1fr;
    height: 100%;
}

.chat-search__block svg {
    margin-right: 12px;
}

.chat-search__input {
    color: var(--gray-400);
    font-size: 14px;
    line-height: 18px;
    border: none;
    outline: none;
    font-family: var(--hoves-500);

}

.chat-form__block {
    padding: 10px 0 10px 12px;
    border-top: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100);
}

.chat-member__block {
    padding: 24px 20px 24px 28px;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
}

.chat-member__pic {
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

.chat-member__title {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--main-black)
}

.chat-member__time {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-200);
}

.chat-member__messages {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-200);
}




.chat-member__messages-quantity {
    color: var(--main-white);
    line-height: 18px;
    font-size: 14px;
    font-family: var(--hoves-500);
    background-color: #FF3257;
    border-radius: 50px;
    min-width: 24px;
    width: auto;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
}

.chat-member__block-messages {
    display: flex;
    justify-content: space-between;
    padding: 0 19px 21px 28px;
    border-bottom: 1px solid var(--gray-100);
    cursor: pointer;
}

.chat-member__block-main:last-child {
    margin-bottom: 38px;
}

.chat-block__second {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: var(--block-height);
}

.chat-block__new-create {
    color: var(--gray-200);
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
}


.chat-block__new-chat {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--main-accent);
}

.chat-block__new-create-second {
    display: flex;
}

.popup-chat__title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    margin-left: 24px;
    margin-top: 24px;
}

.popup-chat__img {
    width: 28px;
    height: 28px;
}

.popup-chat__name {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
}

.popup-chat__main {
    background-color: var(--gray-50);
    overflow-y: auto;
    padding: 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.popup-chat__date-button {
    padding: 6px 24px 6px 24px;
    background-color: #e9e9e9;
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    color: var(--gray-400);
    border-radius: 15px;
}

.popup-chat__date {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
    margin-top: auto;

}

.popup-chat__message {
    border-radius: 6px;
    padding: 4px 12px;
    color: var(--main-white);
    font-size: 12px;
    font-family: var(--hoves-500);
    line-height: 14px;
    margin-bottom: 16px;
    max-width: max-content;
    position: relative;

}

.my-message {
    background-color: #35A6F1;
}

.popup-chat__message-after-my::after {
    content: "";
    background-color: #35A6F1;
    width: 10px;
    height: 10px;
    position: absolute;
    left: -6px;
    bottom: 0px;
}

.your-message {
    background-color: #4A44FC;
}

.popup-chat__message-after-your::after {
    content: "";
    background-color: #4A44FC;
    width: 10px;
    height: 10px;
    position: absolute;
    left: -6px;
    bottom: 0px;
}

.popup-chat__block-message {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-left: 75px;
}

.popup-chat__block-second {
    display: flex;
    flex-direction: column;
}


.popup-chat__input {
    outline: none;
    border: 1px solid var(--gray-100);
    border-radius: 8px;
    width: 616px;
    height: 40px;
    background-color: var(--main-white);
    padding: 10px 12px 10px 44px;
    color: var(--gray-400);
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.popup-chat__write-message {
    position: relative;
    padding-top: 20px;
}

.popup-chat__write-message__button {
    position: absolute;
    background-color: var(--main-white);
    bottom: 10px;
    left: 12px;
    outline: none;
}

.popup-chat__write-message__stickers {
    position: absolute;
    background-color: var(--main-white);
    bottom: 10px;
    right: 24px;
    outline: none;
}

.popup-inside-chat__block {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.popup-inside-chat__title {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 20px 20px;
}

.popup-inside-chat__title-main {
    font-family: var(--hoves-600);
    font-size: 18px;
    line-height: 22px;
    color: var(--main-black)
}

.popup-inside-form {
    background-color: var(--main-white);
    border-radius: 8px;
    width: 388px;
    height: 505px;
}

.popup-inside-profile {
    border-top: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100);
    padding: 20px 20px 20px 20px;
    display: flex;
    flex-direction: column;
}

.popup-inside-profile__name {
    display: flex;
    margin-bottom: 20px;
}

.popup-inside-profile__information {
    display: flex;
    flex-direction: column;
}

.popup-inside-chat__pic {
    width: 60px;
    height: 60px;
    margin-right: 14px;
}

.popup-inside-chat__name {
    font-family: var(--hoves-600);
    font-size: 16px;
    line-height: 20px;
    color: var(--main-black);
    margin-bottom: 4px;
}

.popup-inside-chat__status {
    font-family: var(--gilroy-600);
    font-size: 12px;
    line-height: 14px;
    color: var(--main-accent);
}

.popup-inside-profile__status-block {
    display: flex;
    flex-direction: column;
}

.popup-inside-profile__information-mobile {
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
    color: var(--main-black);
    margin-bottom: 4px;
}

.popup-inside-profile__information-mobile__text {
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
    color: var(--gray-400);
    margin-bottom: 22px;
}

.popup-inside-profile__information-interests {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--main-black);
    margin-bottom: 4px;
}

.popup-inside-profile__information-interests__text {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--gray-400);
    margin-bottom: 22px;
}

.popup-inside-profile__information-about {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--main-black);
    margin-bottom: 4px;
}

.popup-inside-profile__information-about__text {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--gray-400);
    margin-bottom: 2px;
}

.popup-inside-quantity {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 23px 20px;
    border-bottom: 1px solid var(--gray-100);
}

.popup-inside-quantity__block {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

.popup-inside-quantity__block:last-child {
    margin-bottom: 0px;
}

.popup-inside-quantity-text {
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
    color: var(--main-black);
}

.popup-inside__share {
    display: flex;
    align-items: center;
    padding: 20px 20px 20px 20px;
    gap: 20px;
}

.popup-inside__share-text {
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
    color: var(--main-black);
}

.popup-inside-chat__close-popup {
    cursor: pointer;
}

.tabs-block--js {
    display: none;
}

.tabs-block--js.active {
    display: block;
}

.new-chat-block__button-block {
    display: flex;

}

.new-chat-block__button-block svg {
    height: 79px;
    width: 79px;
}

.new-chat__block {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.new-chat-block__input {
    outline: none;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    margin-bottom: 10px;
    font-size: 12px;
    font-family: var(--hoves-500);
    line-height: 14px;
    width: 100%;
}

.new-chat__block-text {
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
    color: var(--gray-400);
}

.new-chat-search__input {
    color: var(--gray-400);
    font-size: 12px;
    line-height: 14px;
    border: none;
    outline: none;
    width: 87%;
    font-family: var(--hoves-500);
}

.new-chat-member__block {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.new-chat-member__block-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 28px;
    margin-bottom: 16px;
    margin-right: 14px;
}

.new-chat-member__title {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

.new-chat-member__block-second {
    display: flex;
    align-items: center;
}

.new-chat-form__block {
    padding: 10px 0 10px 12px;
    border-top: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100);
    margin-bottom: 22px;
}

.new-chat-member__block-main:last-child {
    margin-bottom: 45px;
}

.chat-block__second-none {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.popup-chat__block {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.popup-chat__main-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.new-chat-block__svg {
    margin-right: 10px;
}

.chat-block__main-block {
    padding: 15px 24px 24px 24px;
}

.chat-member__block-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popup-chat__overflow {
    height: calc(100% - 30px - 30px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--main-accent) var(--gray-50);
    padding-right: 24px;
}

.chat-member__block-main-chats {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--main-accent) var(--main-white);
    padding-right: 15px;
}

.chat-member__block-main {
    background-color: var(--main-white);
}

.popup-chat__block-message__avatar {
    position: absolute;
    width: 28px;
    height: 28px;
    left: 375px;

}

.popup-chat__block-message__avatar.my-avatar {
    bottom: 210px;
}

.popup-chat__block-message__avatar.your-avatar {
    bottom: 130px;
}

.new-chat-member__block-main__block {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--main-accent) var(--main-white);
}

.right-menu__titleSection {
    color: var(--main-black);
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin-bottom: 10px;
}

.right-menu__textSection {
    color: var(--gray-700);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 10px;
}

.right-menu__mobButton {
    color: var(--main-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--gray-800);
}

.right-menu__button-blue {
    color: var(--main-accent);
    font-size: 12px;
    line-height: 14px;
    font-family: var(--gilroy-600);
}

.main-info__wrap-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.main-info__wrap-card__title {
    font-family: var(--gilroy-700);
    font-size: 18px;
    color: var(--main-black);
    line-height: 22px;
    margin-bottom: 10px;

}

.main-info__wrap-card__title-second {
    font-family: var(--gilroy-700);
    font-size: 18px;
    color: var(--main-black);
    line-height: 22px;
}

.main-info__wrap-card__text {
    font-family: var(--hoves-500);
    font-size: 12px;
    color: var(--gray-700);
    line-height: 14px;
}

.main-info__wrap-card__block-text {
    display: flex;
    flex-direction: column;
    gap: 18px;
}



.master-data__banner {
    border-radius: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 12 / 3;
    margin-bottom: 20px;

}

.master-data__block-background {
    background-color: #00000073;
    position: absolute;
    width: 118px;
    height: 112px;
    border-radius: 100px;
    top: 5px;
    left: 2px;
    right: 1px;
    bottom: 0;
}




.master-data__avatar-block {
    position: relative;
    top: -35px;

}

.master-data__avatar {
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    border: 4px solid var(--main-white);
    border-radius: 50%;
    width: 122px;
    height: 122px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.master-data__wrap {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.master-data__block {
    display: flex;
    gap: 20px;
    padding-left: 28px;
}

.master-data__info-block {
    display: flex;
    flex-direction: column;
    gap: 19px;
    position: relative;
}

.master-data__block-interests {
    display: flex;
    gap: 6px;
}

.master-data__sub-wrap {
    display: flex;
    gap: 28px;
}

.master-data__sub-block {
    display: flex;
    gap: 8px;
    align-items: center;
}

.master-data__sub-second {
    font-family: var(--hoves-500);
    font-size: 12px;
    color: var(--main-black);
    line-height: 14px;
}

.master-data__sub {
    font-family: var(--hoves-600);
    font-size: 12px;
    color: var(--main-black);
    line-height: 14px;

}

.master-data__status {
    color: var(--main-white);
    background-color: var(--main-accent);
    padding: 3px 11px;
    border-radius: 51px;
    width: 76px;
    height: 20px;
    display: flex;
    justify-content: center;
    font-weight: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
}

.master-data__status-playground {
    color: var(--main-white);
    background-color: var(--main-accent);
    padding: 3px 11px;
    border-radius: 51px;
    width: 22%;
    height: 20px;
    display: flex;
    justify-content: center;
    font-weight: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
}

.master-data__title {
    font-family: var(--gilroy-700);
    font-size: 18px;
    color: var(--main-black);
    line-height: 22px;

}

.playground {
    font-family: var(--gilroy-700);
    font-size: 18px;
    color: var(--main-black);
    line-height: 22px;
    width: 41%;
}

.playground-user {
    font-family: var(--gilroy-700);
    font-size: 18px;
    color: var(--main-black);
    line-height: 22px;
    width: 52%;
}

.master-data__svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 177px;
    right: 0;
}

.master-data__btn-block {
    display: flex;
    gap: 10px;
    height: 40px;

}


.master-data__btn-block__subscribe {
    font-family: var(--hoves-500);
    font-size: 12px;
    color: var(--main-accent);
    line-height: 14px;
    border: 1px solid var(--main-accent);
    border-radius: 8px;
    padding: 13px 10px;
    display: flex;
}

.master-data__btn-block__subscribe-event {
    font-family: var(--hoves-500);
    font-size: 12px;
    color: var(--main-accent);
    line-height: 14px;
    border: 1px solid var(--main-accent);
    border-radius: 8px;
    padding: 13px 10px;
    display: flex;
    display: none;
}

.master-data__btn-block__svg {
    border-radius: 6px;
    background: var(--main-accent);
    padding: 10px;
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.main-info__publication {
    display: flex;
    border-radius: 8px;
    background: var(--main-white);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    padding: 18px 24px;
    flex-direction: column;
    gap: 24px;


}

/* .main-info__publication:last-child {
    margin-bottom: 60px;
} */

.main-info__publication-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.main-info__publication-block {
    display: flex;
    cursor: pointer;
    gap: 12px;
}

.main-info__publication-block__title {
    display: flex;
    flex-direction: column;
    gap: 6px;
}



.main-info__publication-block__name {
    font-family: var(--hoves-600);
    font-size: 16px;
    color: var(--main-black);
    line-height: 20px;
}

.main-info__img-avatar {
    object-fit: cover;
    width: 100%;
    height: 100%;

}

.main-info__publication-block__time {
    font-size: 12px;
    font-family: var(--hoves-500);
    color: var(--main-black);
    line-height: 14px;
    opacity: 0.5;
}

.main-info__publication-post__block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.main-info__publication-post__name {
    font-family: var(--hoves-700);
    font-size: 22px;
    line-height: 22px;
    color: var(--main-black);
}

.main-info__publication-post__description {
    font-family: var(--hoves-500);
    font-size: 16px;
    line-height: 20px;
    color: var(--main-black);
}

/* .main-info__publication-post__image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 4 / 2;
    border-radius: 8px;
} */

.main-info__publication-post__image {
    border-radius: 6px;
}



.main-info__publication-post__image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 333px;
    border-radius: 6px;
}

.main-info__publication-post__image-detal {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 14 / 5;
    border-radius: 8px;
}

.main-info__publication-post__statistics-block {
    display: flex;
    gap: 20px;
}

.main-info__publication-post__statistics-views {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--color-gray);
}

.main-info__publication-post__reactions-wrap {
    display: flex;
    gap: 32px;
    justify-content: space-between;
}

.main-info__publication-post__reactions-block {
    display: flex;
    gap: 10px;
    align-items: center;
}

.main-info__publication-post__reactions-block svg {
    cursor: pointer;
}


.main-info__publication-post__reactions-block svg.active {
    fill: var(--main-accent);
    stroke: var(--main-accent);
}

.main-info__publication-post__reactions__favorit svg {
    cursor: pointer;
}

.not-in-favorit.hidden {
    display: none;
}

.add-favorit {
    display: none;
}

.add-favorit.active {
    display: block;
}

.main-info__publication-post__reactions-block__likes {
    color: var(--color-gray);
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
}

.main-info__publication-post__reactions-block__likes-blue {
    color: var(--main-accent);
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
}

.main-info__wrap-card__reservation {

    border-bottom: 1px solid var(--gray-200);
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    align-items: center;
}

.main-info__wrap-card__reservation:first-child {
    border-top: 1px solid var(--gray-200);
}

.main-info__wrap-card__reservation-info {
    display: flex;
    gap: 24px;
    align-items: center;
}

.main-info__wrap-card__reservation-time {
    font-family: var(--hoves-600);
    font-size: 18px;
    line-height: 22px;
    color: var(--main-black);
}

.main-info__wrap-card__reservation-address {
    font-family: var(--hoves-500);
    font-size: 14px;
    color: var(--main-black);
    line-height: 18px;
}

.main-info__wrap-card__reservation-btn {
    display: flex;
    gap: 10px;
}

.main-info__wrap-card__reservation-button {
    font-family: var(--hoves-500);
    font-size: 12px;
    color: var(--main-white);
    line-height: 14px;
    border: 1px solid var(--main-accent);
    border-radius: 8px;
    padding: 13px 10px;
    display: flex;
    background-color: var(--main-accent);
    width: 100px;
    justify-content: center;
}

.main-info__gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.main-info__gallery-img {
    aspect-ratio: 2 / 2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
}

.main-info__wrap-reviews {
    display: flex;
    justify-content: space-between;
}

.main-info__wrap-reviews__block {
    display: flex;
    gap: 24px;
    align-items: center;
}

.main-info__wrap-reviews__block-point {
    font-family: var(--gilroy-700);
    font-size: 26px;
    line-height: 26px;
    color: var(--main-black);
}

.main-info__wrap-reviews__block-rate {
    display: flex;
    align-items: center;
    gap: 4px;
}

.main-info__wrap-reviews__block-value {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 14px;
    color: var(--gray-400);
}

.main-info__wrap-card__reviews {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    padding: 24px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.main-info__wrap-card__reviews-block {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
}

.main-info__wrap-card__reviews-block__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.main-info__wrap-card__reviews-block__info-title {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--main-black);
}

.main-info__wrap-card__reviews-block__info-svg {
    display: flex;
    gap: 4px;
}

.main-info__wrap-card__reviews-block__info-time {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-400);
}

.main-info__wrap-card__reviews-block__text {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--main-black);
}

.main-info__wrap-card__contacts {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    padding: 24px;
    border-radius: 8px;
}

.main-info__wrap-card__contacts-wrap {
    display: flex;
    justify-content: space-between;
}

.main-info__wrap-card__contacts-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.main-info__wrap-card__contacts-block__item {
    display: flex;
    gap: 14px;
}

.main-info__wrap-card__contacts-block__text {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--main-black);
    white-space: nowrap;
}

.main-info__wrap-card__contacts-block__support-text {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-400);
}

.main-info__wrap-card__contacts-block__support {
    max-width: 230px;
    text-align: right;
}

.masters_main:last-child {
    margin-bottom: 54px;
}



.masters_main__block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 24px 0;
    border-radius: 8px;
    background: var(--main-white);
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
    padding: 18px 24px;
    gap: 14px;
}

.masters_main__block-second {
    display: flex;
    gap: 18px;
}

.user {
    align-items: flex-end;
}



.masters_main__block-info__title {
    font-size: 18px;
    font-family: var(--hoves-600);
    color: var(--main-black);
    line-height: 22px;
}

.masters_main__block-info__place {
    font-size: 16px;
    font-family: var(--hoves-500);
    color: var(--main-black);
    line-height: 20px;
}

.right-menu-new__banner {
    padding: 14px;
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 8px;

}

.right-menu-new__banner-block__avatar {
    display: flex;
    gap: 14px;
    align-items: center;
}

.right-menu-new__banner-block__avatar-name {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--main-black);
}

.right-menu__wrap-new {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.right-menu-new__banner-block__title {
    font-family: var(--hoves-700);
    font-size: 24px;
    line-height: 26px;
    color: var(--main-black);
}

.right-menu-new__banner-block__title-new {
    font-family: var(--hoves-700);
    font-size: 24px;
    line-height: 26px;
    color: var(--main-black);
}

.right-menu-new__banner-block-date {
    display: flex;
    gap: 14px;
    align-items: center;
}

.right-menu-new__banner-block-date__time {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--hoves-500);
}

.right-menu-new__banner-block-field {
    display: flex;
    flex-direction: column;

}

.right-menu-new__banner-block-field__input {
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    padding: 10px 12px;
    outline: none;
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
}

.right-menu-new__banner-block-field__input.hidden,
.right-menu-new__banner-block-date.hidden,
.right-menu-new__banner-block__title-new.hidden,
.right-menu-new__banner-block-cost.hidden,
.right-menu-new__banner-block-support.hidden,
.right-menu-new__banner-block__button.hidden {
    display: none;
}

.right-menu-new__banner-block-blue-text {
    font-family: var(--hoves-400);
    font-size: 16px;
    line-height: 20px;
    color: var(--main-accent);
    display: none;
}




.right-menu-new__banner-block-field__form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.right-menu-new__banner-block-cost {
    font-family: var(--hoves-700);
    font-size: 32px;
    line-height: 26px;
    color: var(--main-black);
}

.right-menu-new__banner-block-support {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    color: var(--gray-400);
}

.right-menu-new__banner-block__button {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--main-accent);
    background: var(--main-accent);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    color: var(--main-white);
    cursor: pointer;

}

.right-menu-new__banner-block__button-banner {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--main-accent);
    background: var(--main-accent);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    color: var(--main-white);
    cursor: pointer;
}

.right-menu-new__banner-block__button-banner.active {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--main-accent);
    background: var(--main-white);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    color: var(--main-accent);
    cursor: pointer;
}

.right-menu-new__banner-block__button-mobile {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--main-accent);
    background: var(--main-accent);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    color: var(--main-white);
    cursor: pointer;
}

.right-menu-new__banner-block__btn {
    color: var(--main-white);
}

.right-menu-new__banner-block__btn.active {
    color: var(--main-accent);
}



.right-menu-new__banner-block__picture {
    display: grid;
    grid-template-columns: repeat(auto-fill, 37px);
    gap: 8px 12px;
}

.event__main {
    margin-bottom: 56px;
}

.event__main-block__pic {
    border-radius: 8px;
}

.event__main-block {
    position: relative;
}

.event__main-block__svg {
    position: absolute;
    left: 18px;
    top: 18px;
    cursor: pointer;
}

.event__main-block__text {
    color: var(--main-black);
    font-family: var(--gilroy-700);
    font-size: 22px;
    line-height: 22px;
    position: absolute;
    left: 18px;
    bottom: 18px;
    padding: 14px 12px;
    background: var(--main-white);
    border-radius: 9px;
}

.event__main-block__button {
    position: absolute;
    top: 18px;
    right: 18px;
    display: flex;
    gap: 12px;
}

.event__main-block__svg-edit {
    border-radius: 6px;
    background: var(--main-white);
    width: 32px;
    height: 37px;
    padding: 6px;
    cursor: pointer;
}

.event__main-block__btn {
    display: flex;
    gap: 12px;
    padding: 9px 24px;
    border-radius: 6px;
    background-color: var(--main-white);
    align-items: center;
    cursor: pointer;
    display: none;

}

.event__main-block__favorit {
    color: var(--main-black);
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
}

.event__direction {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 40px;
}

.event__direction__text {
    font-family: var(--gray-500);
    color: var(--main-black);
    font-size: 18px;
    line-height: 22px;
}

.event__direction__text-span {
    font-family: var(--hoves-600);
    font-size: 18px;
    line-height: 22px;
    color: var(--main-black);
}

.event__main-info {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 40px;
}

.event__main-info__second {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.event__main-info__title {
    font-family: var(--gilroy-700);
    font-size: 26px;
    line-height: 26px;
    color: var(--main-black);
}

.event__main-info__Additional {
    display: flex;
    border-bottom: 1px solid var(--gray-200);
    border-top: 1px solid var(--gray-200);
    padding: 24px 0;
    gap: 40px;
    flex-wrap: wrap;
}

.event__main-info__Additional-block {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.event__main-info__Additional-block__text {
    font-size: 18px;
    line-height: 22px;
    font-family: var(--gilroy-500);
    color: var(--main-black);
}

.event__main-info__Additional-block__text-grey {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-200);
}

.event__main-info__text {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--main-black);
}

.event__main-info__text-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.event__main-info__block-tag {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.event__main-info__tag-button {
    border-radius: 6px;
    border: 1px solid var(--gray-600);
    padding: 8px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    gap: 10px;
}

.event__main-info__tag {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-600);
}

.event__main-date {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 24px;
}

.event__main-date__block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.create-event {
    display: flex;
    gap: 6px;
    align-items: center;
    background-color: var(--main-accent);
    justify-content: center;
    padding: 11px 0;
    border-radius: 8px;
    margin-bottom: 32px;
}


.create-event p {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--main-white);
}

.event__main-date__block-address {
    display: flex;
    gap: 16px;
    align-items: center;
}

.event__main-date__block-address__text {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--main-black);

}

.event__main-date__block-address__btn {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--main-accent);
    background: var(--main-white);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    color: var(--main-accent);
}

.event__main-date__block-address__btn:hover {
    background: var(--main-accent);
    color: var(--main-white);
}

.event__main-gallery {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 40px;
}

.event__main-gallery__block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 9px;
}

.event__main-gallery__block-img {
    aspect-ratio: 4/5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event__main-gallery__block-img__btn {
    text-align: center;
    color: var(--main-black);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    max-width: 100px;
    background-color: transparent;
}

.event-main__contacts {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.event__main-info__form-block__wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.new__event-block__banner {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px;
}

.event-main__contacts-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.event-main__contacts-block__text {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--main-black);
}

.event-main__contacts-block__field {
    display: flex;
    gap: 16px;
    align-items: center;
}

.event-main__contacts-block__field-text {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-black);
}

.event-main__contacts-block__logo {
    display: flex;
    gap: 24px;
}

.event__main-wrap__item {
    display: flex;
    flex-direction: column;
    gap: 24px;

}

.event__main-reviews {
    margin-bottom: 40px;
}

.event__main-reviews h2 {
    margin-bottom: 32px;
}

.event__main__wrap-card__reservation-button {
    font-family: var(--hoves-500);
    font-size: 12px;
    color: var(--main-accent);
    line-height: 14px;
    border: 1px solid var(--main-accent);
    border-radius: 8px;
    padding: 13px 10px;
    background-color: var(--main-white);
}

.event__main__wrap-card__reviews-block {
    display: flex;
    gap: 23px;

}

.event__main__wrap-card__reviews-block__pic {
    height: 68px;
    width: 68px;
}

.event__main__wrap-card__reviews-block__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    white-space: nowrap;
}

.main-info__loadButton {
    margin-bottom: 78px;
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    margin-bottom: 60px;
    cursor: pointer;
    color: var(--main-white);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    background-color: var(--main-accent);
    width: 100%;
}



.banner__text__block a {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}

.banner__text__text {
    color: var(--main-white);
    font-family: var(--hoves-500);
    font-size: 20px;
    line-height: 22px;
}

.banner__text__btn {
    padding: 19px 60px;
    background-color: var(--main-accent);
    color: var(--main-white);
    font-size: 18px;
    line-height: 18px;
    font-family: var(--gilroy-500);
    border-radius: 8px;
    display: none;
}

.new-master__main-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    aspect-ratio: 13 / 7;
    padding: 18px;
    margin-bottom: 14px;
}

.right-menu__banner-new__blue {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid var(--main-accent);
    border-radius: 8px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 311px;

}

.right-menu__banner-new__blue-title {
    font-size: 32px;
    line-height: 26px;
    font-family: var(--hoves-700);
    padding-right: 20px;
}

.right-menu__banner-new__blue-text {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    color: var(--main-black);
    max-width: 165px;
}

.right-menu__banner-new__blue-btn {
    color: var(--main-accent);
    padding: 11px 20px;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    border-radius: 8px;
    border: 1px solid var(--main-accent);
    background-color: var(--main-white);
    text-align: center;
    margin-top: auto;

}

.right-menu__new-block {
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 8px;
    padding: 14px;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.right-menu__img-second {
    border-radius: 24px;
}

.newmaster__main-img__block {
    display: flex;
    justify-content: space-between;
}

.newmaster__main-img__block svg {
    cursor: pointer;
}

.master__about {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 40px;
}

.master__about__title {
    font-size: 26px;
    line-height: 26px;
    font-family: var(--gilroy-700);
    color: var(--main-black);
}

.master__main__practic {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.master__main__practic-text {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
}

.master__flow {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 40px;
}

.master__flow__block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.master__flow-setting {
    font-size: 15px;
    line-height: 14px;
    font-family: var(--gilroy-500);
    color: var(--gray-900);
    text-decoration: underline;
    display: none;
    text-underline-offset: 3px;
}

.main-info__publication-post__reactions-wrap__main {
    display: flex;
    gap: 32px;
}

.master__flow__btn {
    padding: 10px 20px;
    background-color: var(--main-accent);
    border-radius: 8px;
    text-align: center;
    color: var(--main-white);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    cursor: pointer;
    margin-top: 8px;
}

.master__about__block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.master__about__block-text {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-black);
}

.master-data__block__place {
    display: flex;
    align-items: center;
    gap: 6px;
}

.master-data__block__place-item {
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
    color: var(--main-black);
}

.master__about_edit-main {
    margin-bottom: 40px;
}

.master__about_edit-main {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.master__about_edit-main__form {
    display: flex;
    flex-direction: column;
    gap: 24px;

}

.master__about_edit-main__form-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.master__about_edit-main__form__title {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-black);
}

.master__about_edit-main__form__input {
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-black);
    padding: 10px 12px;
    text-decoration: none;
    outline: none;
}

.master__about_edit-main__form-area {
    display: grid;
}

.master__about_edit-main__form-area__text {
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-black);
    padding: 10px 12px;
}

.master__main__practic__form {
    display: grid;
}

.master__main__practic__text-area {
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-black);
    padding: 10px 12px;

}

.event__main-gallery__block-img_add {
    font-variant: var(--gilroy-500);
    font-size: 64px;
    line-height: 34px;
    border: 1px solid var(--main-accent);
    color: var(--main-accent);
    background-color: var(--main-white);
    border-radius: 8px;
    height: 196px;
    width: 156px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event__main-info__tag-add {
    cursor: pointer;
}

.event__main-info__form-block-title {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-black);
}

.event__main-info__form-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.event__main-info__form {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 20px;
}

.event__main-info__block-btn {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.event__main-info__block-btn__button {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--main-accent);
    background: var(--main-accent);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    color: var(--main-white);
    cursor: pointer;
}

.event__main-info__block-btn__button-del {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--main-red);
    font-size: 14px;
    font-family: var(--hoves-500);
    line-height: 18px;
    color: var(--main-white);
    cursor: pointer;
}

.header-icons__photo {
    display: flex;
}

.header-avatar-autorizeted {
    display: flex;
    gap: 10px;
}

.header-icons__login-popup {
    position: absolute;
    width: 288px;
    border: 1px solid #292929;
    padding: 14px;
    border-radius: 12px;
    display: none;
    z-index: 10;
    right: 0;
    top: 50px;
    background-color: var(--main-black);


}

.header-icons__login-popup-mob {
    position: absolute;
    width: 288px;
    border: 1px solid #292929;
    padding: 14px;
    border-radius: 12px;
    display: none;
    z-index: 10;
    right: 0;
    top: 50px;
    background-color: var(--main-black);
}

.header-icons__notifications-popup {
    position: absolute;
    width: 420px;
    border: 1px solid #292929;
    padding: 14px;
    border-radius: 12px;
    display: none;
    z-index: 10;
    right: 457px;
    top: 65px;
    background-color: var(--main-black);
}

.header-icons__notifications-popup-block-info {
    display: flex;
    gap: 10px;
    align-items: flex-start
}

.header-icons__notifications-popup-block-info-block-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.header-icons__notifications-popup-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.relative {
    position: relative;
}

.right-menu__button-show__all {
    padding: 10px 20px;
    background-color: var(--gray-800);
    border-radius: 8px;
    color: var(--main-white);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    display: flex;
    justify-content: center;
}

.right-menu__data {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    color: var(--main-black);
}

.header-icons__login-popup__block {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.header-icons__login-popup__title,
.header-icons__notifications-popup-block-title {
    font-family: var(--gilroy-700);
    font-size: 22px;
    line-height: 22px;
    color: var(--main-white);
}

.header-icons__login-popup__me {
    display: flex;
    gap: 10px;
    align-items: center;
}

.header-icons__login-popup__me-title {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-white)
}

.header-icons__login-popup__column {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.header-icons__login-popup__column-block {
    display: flex;
    gap: 10px;
    align-items: center;
}



.header-icons__login-popup__column-block__text,
.header-icons__notifications-popup-block-info-text {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-white);
}

.header-icons__notifications-popup-block-info-text span {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-600);
    color: var(--main-white);
}

.master-data__info-block__master {
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.master-data__block__place-text {
    color: var(--gray-500);
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
}

.master-data__block__place__block {
    display: flex;
    gap: 2px;
    align-items: center;
}

.master__button {
    display: flex;
    gap: 12px;
    margin-top: 56px;
}

.master__button-btn {
    background-color: var(--main-white);
    padding: 10px 20px;
    border-radius: 8px;
    color: var(--main-black);
    border: 1px solid var(--gray-100);
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
}

.new__event {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.new__event-banner {
    background-image: url(../img/banner-black.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 24 / 7;
    height: 348px;
}

.new__event-banner__btn {
    background-color: var(--main-black);
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    padding: 12px 24px;
    border-radius: 6px;
    color: var(--main-white);
    cursor: pointer;
}

.master__about_edit-main__form-block__select {
    position: relative;
    display: grid;
}

.master__about_edit-main__form-block__select-item {
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-black);
    padding: 10px 12px;
    appearance: none;
    outline: none;

}

.master__about_edit-main__form-block__select-item-posts {
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--gray-400);
    padding: 10px 12px;
    appearance: none;
    outline: none;
    width: 348px;

}

.master__about_edit-main__form-block__select:after {
    width: 18px;
    height: 18px;
    background-image: url("../img/ChevronLeft2.png");
    position: absolute;
    right: 12px;
    content: '';
    display: block;
    bottom: 10px;
}

.new__event__edit-tag {
    display: flex;
    gap: 32px;
    flex-direction: column;
}

.flow__block {
    display: flex;
    justify-content: space-between;
}

.flow__btn-block {
    display: flex;
    gap: 4px;
    align-items: center;
}

.flow__btn-block__btn {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-accent);
}

.flow__block-search__form {
    display: grid;
    position: relative;
}

.flow__block-search-btn {
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-black);
    padding: 10px 12px;
    appearance: none;
    outline: none;
}

.flow__block-search__form-svg {
    position: absolute;
    right: 12px;
    top: 10px;
    bottom: 10px;
}

.flow__block-card {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.flow__new {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.main-info__publication-block__sub-btn {
    color: var(--main-white);
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    font-family: var(--hoves-500);
    background-color: var(--main-accent);
    padding: 10px 20px;
    border-radius: 8px;
}

.main-info__publication-block-btns {
    display: flex;
    gap: 24px;
    align-items: center;
}

.main-info__publication-post__block__detal-text {
    font-family: var(--hoves-500);
    font-size: 16px;
    line-height: 20px;
}

.flow-detal__new {
    display: flex;
    gap: 36px;
    flex-direction: column;
}

.flow-detal__block-card {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.main-info__publication-post__image-detal-text__block {
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.main-info__publication-post__reactions-answer {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--hoves-500);
    color: var(--gray-400);
    cursor: pointer;
}

.main-info__publication-block__popup.active {
    display: block;
}

.main-info__publication-block__popup {
    position: absolute;
    width: 288px;
    height: 120px;
    border: 1px solid #292929;
    padding: 14px;
    border-radius: 12px;
    display: none;
    z-index: 10;
    right: 31px;
    top: 106px;
    background-color: var(--main-black);
}

.show {
    display: block !important;
}


.main-info__publication-block__send-btn {
    color: var(--main-white);
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    font-family: var(--hoves-500);
    background-color: var(--main-accent);
    padding: 10px 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 262px;

}

.main-info__publication__form-btn {
    position: absolute;
    bottom: 18px;
    right: 12px;
}

.main-info__publication__form-textarea {
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-black);
    padding: 10px 12px 51px;
    outline: none;
    width: 100%;
    min-height: 178px;
}



.post-level-second {
    padding-left: 24px;
    border-left: 2px solid #AFAFAF;
}

.masters_main__block-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.masters_main__block-info__interests-block {
    display: flex;
    gap: 24px;
    align-items: center;
}


.masters_main__block-photo__link {
    font-size: 16px;
    font-family: var(--hoves-500);
    color: var(--main-black);
    line-height: 20px;
}

.nav-link {
    padding: 0;
}

.block_wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.popup-authorization__error__mail-text {
    padding: 12px;
    background-color: var(--gray-800);
    border-radius: 8px;
    width: 360px;
    margin-top: 32px;
    display: none;
}



.popup-authorization__error__mail-text-block {
    display: flex;
    gap: 8px;

}

.popup-authorization__error__mail-text-block svg {
    width: 16px;
    height: 16px;
}

.popup-authorization__error__mail-text-block__item {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    color: var(--main-white);
    text-align: center;
    width: 100%;
}

.right-menu-new__banner-main-page {
    padding: 14px;
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 8px;
    display: none;
}

.right-menu-new__banner-block-main-page {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.right-menu-new__banner-block__picture-main-page {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px 16px;
}

.event__main__wrap-card__reviews-block__mobile {
    display: flex;
    gap: 23px;
}


.right-menu-new__banner-block {
    justify-content: center;
    background-color: var(--main-white);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.popup-registration-event-block {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.popup-registration-event-block__form {
    position: relative;
}

.popup-registration-event-block__form-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.popup-registration-event-block__form__block {
    padding: 14px;
    box-shadow: 0px 0px 4px 0px #00000040;
    background-color: var(--main-white);
    border-radius: 8px;
}

.popup-registration-event-block__form__block-dn {
    display: none;
}

.popup-registration-event-block-close {
    position: absolute;
    right: 14px;
    top: 14px;
    cursor: pointer;
}

.popup-registration-event-block__form__item {
    display: flex;
    gap: 14px;
    flex-direction: column;
}

.event__main-block__pic {
    background-image: url(../img/Rectangle5776.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    aspect-ratio: 11 / 6;

}

.event__main-mobile__block {
    gap: 24px;
    display: none;
    margin-bottom: 40px;
}

.masters_main__block-photo__item {
    border-radius: 6px;
    width: 178px;
    height: 178px;
}

.masters_main__block-tag {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    color: var(--gray-500);
}

.event_main__block-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.event_main__block-info-second {
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: space-between;
}

.event_main__block-info-second-block {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.event_main__block-info__title {
    font-family: var(--gilroy-700);
    font-size: 18px;
    line-height: 22px;
    color: var(--main-black);
}

.event_main__block-info__name-block {
    display: flex;
    gap: 14px;
    align-items: center;
}

.event_main__block-info__name {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-black);
}

.event_main__block-info__interests-block {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.event_main__block-info__interests-block__place {
    display: flex;
    gap: 6px;
    align-items: center;
}

.event_main__block-info__interests-block__offline {
    display: flex;
    gap: 24px;
}

.event_main__block {
    display: flex;
    justify-content: space-between;
    margin: 24px 0;
    border-radius: 8px;
    background: var(--main-white);
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
    padding: 18px 24px;
    gap: 14px;
}

.event_main__block-info__btns-cost-block {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: center;
}

.event_main__block-info__btns-cost {
    display: flex;
    gap: 6px;
    align-items: center;
}

.event_main__block-info__btns {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.event_main__block-info__btns-price {
    font-family: var(--gilroy-700);
    font-size: 18px;
    line-height: 22px;
    color: var(--main-black);
}

.event_main__block-second {
    display: flex;
    gap: 18px;
}

.masters_main__block-tag__mobile svg {
    display: none;
}

.map-block {
    margin-top: 32px;
    position: relative;
}

.map-item {
    border-radius: 12px;
}

.map-legend-wrap {
    position: absolute;
    padding: 14px;
    background-color: var(--main-white);
    left: 0;
    top: 0;
    margin: 14px;
    border-radius: 12px;


}

.map-legend-block-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.map-legend-block-info h2 {
    font-family: var(--hoves-700);
    font-size: 16px;
    line-height: 20px;
    color: var(--main-black);
}

.map-legend-block-info p {
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
    color: var(--main-black);
}

.map-legend-block-hints {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.map-legend-block-hints-item {
    display: flex;
    gap: 12px;
    align-items: center;
}

.map-legend-block-hints-item p {
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 18px;
    color: var(--main-black);
}

.br-desktop {
    display: block;
}

.map-menu-click {
    padding: 6px;
    background-color: #2D4047;
    border-radius: 6px;
    position: absolute;
    top: 0;
    right: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--main-white) #2D4047;
    padding-right: 15px;
    max-height: 221px;

}


.map-menu-click__wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;

}

.map-menu-click__wrap svg {
    position: absolute;
    right: -14px;
    width: 18px;
    height: 20px;
    top: -8px;
}



.map-menu-click__wrap-block {
    display: flex;
    gap: 10px;
}

.map-menu-click img {
    border: 2px solid #657378;
    border-radius: 6px;
    width: 58px;

}

.map-menu-click-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.map-menu-click-block h2 {
    font-family: var(--hoves-500);
    font-size: 10px;
    line-height: 12px;
    color: var(--main-white);
}

.map-menu-click-block p {
    font-family: var(--hoves-500);
    font-size: 10px;
    line-height: 12px;
    color: var(--main-white);
}

.map-menu-click-block a {
    font-family: var(--hoves-500);
    font-size: 10px;
    line-height: 12px;
    color: #CFF3FE;
    text-decoration: underline;
}

.map-menu-click-block__link {
    display: flex;
}

.applications-actual {
    margin-top: 24px;
}

.applications-actual__block {
    display: flex;
    justify-content: space-between;
    margin: 29px 0;
    border-radius: 6px;
    background: var(--main-white);
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
    padding: 20px;
    gap: 24px;
    align-items: center;
}

.applications-actual__block-info {
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: space-between;
}

.applications-actual__block-main {
    display: flex;
    gap: 24px;
}

.applications-actual__block-info-tag {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    color: var(--gray-500);
}

.applications-actual__block-info-detal {
    display: flex;
    flex-direction: column;
}

.applications-actual__block-info-detal-ticket {
    display: flex;
    gap: 24px;
}

.applications-actual__block-info-detal-ticket p {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    color: var(--gray-900);
}

.applications-actual__block-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.applications-actual__block-button {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    color: var(--main-white);
    padding: 9px 44px;
    background-color: var(--main-accent);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.applications-actual__block-button-sec {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    color: var(--main-accent);
    padding: 13px 10px;
    background-color: var(--main-white);
    border-radius: 8px;
    border: 1px solid var(--main-accent);
    text-align: center;
    display: none;
}

.applications-actual__block-buttons-text {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--hoves-500);
    color: var(--main-black);
}

.popup-add-application {

    display: none;
}

.popup-add-application-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 40px 32px 32px;
    background-color: var(--main-white);
    border-radius: 8px;
    max-height: 680px;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--gray-100) var(--main-white);

}

.popup-add-application-close {
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
}

.popup-add-application-close-second {
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
}

.popup-add-application h2 {
    font-size: 18px;
    line-height: 22px;
    font-family: var(--gilroy-700);
    color: var(--main-black);
}

.popup-add-application-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.popup-add-application-block-item {
    box-shadow: 0px 0px 4px 0px #00000040;
    padding: 8px 12px;
    display: flex;
    gap: 12px;
    border-radius: 6px;
    align-items: center;
    max-width: 532px;
    justify-content: space-between;
    width: 532px;
}

.popup-add-application-block-item-block {
    display: flex;
    gap: 12px;
    align-items: center;
}

.popup-add-application-block-item img {
    width: 48px;
}



.popup-add-application-block-item a {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-600);
    color: var(--main-black);
}

.popup-flow-wrap {
    padding: 40px 60px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: var(--main-white);
    align-items: flex-start;
    max-width: 482px;
    border-radius: 8px;
}

.close-flow {
    position: absolute;
    right: 12px;
    top: 12px;
}

.popup-flow-wrap h2 {
    font-size: 36px;
    line-height: 36px;
    font-family: var(--gilroy-700);
    color: var(--main-black);
}

.popup-flow-wrap p {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--hoves-500);
    color: var(--main-black);
}

.popup-flow-wrap-block-checkbox {
    display: flex;
    gap: 6px;
    align-items: center;
}


.popup-flow-wrap-block form {
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.popup-flow-wrap button {
    background-color: var(--main-accent);
    color: var(--main-white);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    padding: 11px 20px;
    border-radius: 8px;
}

.popup-add-new-post-wrap {
    padding: 40px 60px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: var(--main-white);
    max-width: 1070px;
    max-height: 750px;
    height: 750px;
    justify-content: space-between;
    border-radius: 8px;
}



.popup-add-new-post-wrap-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.popup-add-new-post-wrap-form-main-textarea {
    display: grid;
    position: relative;
}

.popup-add-new-post-close {
    position: absolute;
    right: 12px;
    top: 12px;
}

.popup-add-new-post-wrap-form-svg {
    position: absolute;
    left: -35px;
    top: -5px;
}

.popup-add-new-post-wrap-form p {
    font-size: 22px;
    line-height: 22px;
    font-family: var(--gilroy-700);
    color: var(--main-black);
}

.popup-add-new-post-wrap-block {
    display: flex;
    gap: 16px;
}

.popup-add-new-post-wrap-block-main {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.popup-add-new-post-wrap h2 {
    font-size: 36px;
    line-height: 36px;
    font-family: var(--gilroy-700);
    color: var(--main-black);
}

.popup-add-new-post-wrap-main {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.popup-add-new-post-wrap textarea {
    border: none;
    outline: none;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
}

.popup-add-new-post-wrap button {
    background-color: var(--main-accent);
    color: var(--main-white);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    padding: 10px 20px;
    border-radius: 8px;
    max-width: 133px;
    outline: none;
}

.popup-add-new-post-wrap textarea::placeholder {
    color: var(--main-black);
}

.popup-edit-new-post-wrap {
    padding: 40px 60px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: var(--main-white);
    max-width: 1070px;
}

.popup-edit-new-post-wrap h2 {
    font-size: 36px;
    line-height: 36px;
    font-family: var(--gilroy-700);
    color: var(--main-black);
}

.popup-edit-new-post-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}




.select-posts form .select {
    background-color: var(--gray-50);
    padding: 8px;
    border-radius: 8px;
    outline: none;
    border: none;
}



.select-posts form .select option {
    background-color: var(--main-black);
    padding: 14px;
    border-radius: 8px;
    outline: none;
    border: none;
    color: var(--main-white);
}


.select {
    display: block;
    max-width: 135px;
    width: 100%;
    position: relative;

}

.select svg {
    position: absolute;
}

.new-select {
    position: relative;
    background-color: var(--gray-50);
    padding: 8px;
    cursor: pointer;
    user-select: none;
    border-radius: 8px;
    color: var(--main-black);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
}

.new-select-applications {
    position: relative;
    cursor: pointer;
    user-select: none;
    border-radius: 8px;
    color: var(--main-black);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    background-color: #F0DA11;
    padding: 4px 12px;
    display: inline-block;
}

.new-select__list {
    position: absolute;
    top: 54px;
    left: 0;
    cursor: pointer;
    width: 240px;
    max-width: 240px;
    z-index: 2;
    background: var(--main-black);
    border-radius: 6px;
    user-select: none;
    padding: 14px;
}

.new-select__list-applications {
    position: absolute;
    top: 44px;
    left: 0;
    cursor: pointer;
    max-width: 240px;
    z-index: 2;
    background: var(--main-white);
    border-radius: 6px;
    user-select: none;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.select-applications-block {
    background-color: var(--gray-50);
    padding: 8px;
    cursor: pointer;
    user-select: none;
    border-radius: 8px;
    color: var(--main-black);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    display: flex;
    gap: 24px;
    align-items: center;
}



.select-applications-block:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url('../img/Chevron-Right.png') no-repeat right center / cover;

    -webkit-transition: all .27s ease-in-out;
    -o-transition: all .27s ease-in-out;
    transition: all .27s ease-in-out;

    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.select-applications.on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select-applications .active {
    display: block;
}

.new-select__list-applications.on {
    display: block;
}

.new-select__list.on {
    display: block;

}

.new-select__item-applications span {
    display: block;
    padding: 4px 12px;

    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
}

.new-select__item-applications:nth-child(1) {

    border-radius: 8px;
    color: var(--main-black);
    border: 1px solid #F02411;
}

.new-select__item-applications:nth-child(2) {
    background-color: #F0DA11;

    border-radius: 8px;
    color: var(--main-black);
}



.new-select__item-applications:nth-child(3) {
    background-color: #46B434;
    border-radius: 8px;
    color: var(--main-white);
}

.new-select__item-applications:nth-child(4) {
    background-color: #F02411;
    border-radius: 8px;
    color: var(--main-white);
}

.new-select__item span {
    display: block;
    padding: 14px;
    color: var(--main-white);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
}

.new-select__item span:hover {
    background-color: var(--main-white);
    border-radius: 6px;
    color: var(--main-black);
}

.new-select:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 9px;
    top: 9px;
    background: url('../img/Chevron-Right.png') no-repeat right center / cover;

    -webkit-transition: all .27s ease-in-out;
    -o-transition: all .27s ease-in-out;
    transition: all .27s ease-in-out;

    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.new-select.on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.left-menu__mainTitle-city-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 200px;
    overflow-x: auto;
}

.left-menu__mainTitle-city-block-hidden {
    display: none;
}

.left-menu__mainTitle-city-block-hidden.active {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.open-hidden-city.active {
    transform: rotate(180deg);
}

.new-master__main-img-dowl-banner {
    border-radius: 8px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(173, 173, 173, 0.2);
    min-height: 348px;
    margin-bottom: 40px;
    margin-top: 40px;
}


.new-master__main-img-dowl-banner-text {
    padding: 9px 24px;
    background-color: #121212;
    color: white;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    font-family: var(--hoves-500);
    cursor: pointer;
}

.masters_main-new-block {
    border: 1px solid #D8D8D8;
    max-width: 310px;
    padding: 8px;
    border-radius: 8px;
}

.masters_main-new-block-banner {
    background-image: url('../img/master-banner-behind.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    aspect-ratio: 13 / 5;
    position: relative;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.masters_main-new-block-banner-avatar {
    position: absolute;
    border: 2px solid var(--main-white);
    border-radius: 50%;
    background-image: url('../img/new-avatar.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 13 / 5;
    width: 49px;
    height: 49px;
    bottom: -20px;

}

.masters_main-new-block-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.masters_main-new-block-info-title {
    font-family: var(--hoves-600);
    font-size: 14px;
    line-height: 18px;
    color: var(--main-black);
}

.masters_main-new-block-info-place {
    display: flex;
    gap: 2px;
}

.masters_main-new-block-info-place p {
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
    color: var(--main-black);
}

.masters_main-new-block-info-detal {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 26px;
    flex-wrap: wrap;
}

.masters_main-new-block-info-detal-sub {
    display: flex;
    gap: 7px;
    align-items: center;
}

.masters_main-new-block-info-detal-sub-svg {
    width: 19px;
    height: 19px;
}

.masters_main-new-block-info-detal-sub,
.masters_main-new-block-info-detal-hobby p {
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
    color: var(--main-black);
}

.masters_main-new-block-info-button {
    padding: 11px 20px;
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
    color: var(--main-accent);
    border: 1px solid var(--main-accent);
    width: 100%;
    text-align: center;
    border-radius: 8px;
}

.masters_main-new-wrap {
    margin-bottom: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 27px;
}

.area__title-map-text {
    font-family: var(--hoves-400);
    font-size: 14px;
    line-height: 20px;
    color: var(--main-black);
    margin-bottom: 24px;
}

.map-block-legend {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.map-block-legend p {
    font-size: 14px;
    line-height: 20px;
    font-family: var(--hoves-500);
}

.map-block-legend:nth-child(2) {
    margin-bottom: 24px;
}

.map-block-legend-block {
    gap: 6px;
    display: flex;
    align-items: center;
}

.map-block-legend-block p {
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
    color: var(--main-black);
}

.map-block-legend-form {
    display: flex;
    gap: 20px;
    align-items: center;
}

.main-info__publication {
    display: flex;
    border-radius: 8px;
    background: var(--main-white);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    padding: 18px 24px;
    flex-direction: column;
    gap: 24px;
}

.main-info__publication-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-info__publication-block {
    display: flex;
    cursor: pointer;
}

.main-info__publication-post__image-detal {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 14 / 5;
    border-radius: 8px;
}

.main-info__publication-block__title {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.main-info__publication-block-btns {
    display: flex;
    gap: 24px;
    align-items: center;
}

.main-info__publication-block {
    display: flex;
    cursor: pointer;
}

.main-info__publication-block-avatar {
    height: 43px;
    width: 46px;
}

.main-info__publication-block__sub-btn {
    color: var(--main-white);
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    font-family: var(--hoves-500);
    background-color: var(--main-accent);
    padding: 10px 20px;
    border-radius: 8px;
}

.header-icons__login-popup__block {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.header-icons__login-popup__column {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.header-icons__login-popup__column-block:hover {
    background: var(--main-white);
    border-radius: 6px;
}

.header-icons__login-popup__column-block:hover p {
    color: var(--main-black);
}

.header-icons__login-popup__column-block:hover svg {
    stroke: #000;
    fill: #000;
}

.header-icons__login-popup__column-block:hover svg path {
    stroke: #000;
    fill: #000;
}

.header-icons__login-popup__column-block {
    display: flex;
    gap: 10px;
    align-items: center;
}

.header-icons__login-popup__column-block__text {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-white);
}

.main-info__publication-post__image-detal-text__block {
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.main-info__publication-post__image-detal-text__block p {
    font-family: var(--hoves-500);
    font-size: 16px;
    line-height: 20px;
}

.right-menu-new__banner-block-hidden-info {
    display: none;
}

.right-menu-new__banner-block-hidden-info.active {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
}

.right-menu-new__banner-block-hidden-info-btn {
    padding: 4px 12px;
    background-color: #F0DA11;
    color: #2A2A2A;
    font-size: 12px;
    line-height: 15px;
    font-family: var(--hoves-400);
    display: inline-block;
    border-radius: 4px;
}

.right-menu-new__banner-block-hidden-info-text {
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
    color: var(--gray-400);
}

.popup-add-application-block-item-block-buttons {
    display: flex;
    gap: 24px;
    align-items: center;
    position: relative;
}

.applications-actual__block-new-wrap {
    margin-top: 24px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    gap: 50px;
    flex-wrap: wrap;
}


.applications-actual__block-new {
    display: flex;
    flex-direction: column;
    max-width: 467px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
    border-radius: 30px;

}

.applications-actual__block-new-block-photo {
    overflow: hidden;
    width: 100%;
    height: 228px;

}




.applications-actual__block-new-block-photo img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.applications-actual__block-new-block-info {

    display: flex;
    flex-direction: column;
    gap: 14px;
}

.applications-actual__block-new-block-info-tags {
    display: flex;
    gap: 11px;
    flex-direction: column;
    padding: 14px 16px 0 16px;
}

.applications-actual__block-new-block-info-tags-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.applications-actual__block-new-block-info-tags-text-block {
    display: flex;
    align-items: center;
    gap: 24px;
}

.applications-actual__block-new-block-info-tags-text p {
    text-transform: uppercase;
    font-family: var(--hoves-400);
    font-size: 12px;
    line-height: 18px;
    color: var(--main-black);
}

.applications-actual__block-new-block-info-tags-text-new p {
    text-transform: uppercase;
    font-family: var(--hoves-400);
    font-size: 12px;
    line-height: 18px;
    color: var(--main-black);
}

.applications-actual__block-new-block-info-tags-text-new {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.applications-actual__block-new-block-info-tags-new {
    display: flex;
    gap: 11px;
    flex-direction: column;
    padding: 14px 16px 0 16px;
}

.applications-actual__block-new-block-info-title {
    font-size: 14px;
    font-family: var(--hoves-700);
    line-height: 18px;
    color: var(--main-black);
}

.applications-actual__block-new-block-info-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 14px 16px;

}


.applications-actual__block-new-block-info-price-name {
    display: flex;
    align-items: center;
    gap: 14px;
}

.applications-actual__block-new-block-info-price-name a {
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 14px;
    color: var(--main-black);
}

.applications-actual__block-new-block-info-price-name img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.applications-actual__block-new-block-info-price-number {
    display: flex;
    gap: 4px;
    align-items: center;
}

.applications-actual__block-new-block-info-price-number span {
    font-family: var(--gilroy-600);
    font-size: 32px;
    line-height: 14px;
    color: var(--main-black);
}

.applications-actual__block-new-block-info-price-number p {
    font-family: var(--gilroy-700);
    font-size: 14px;
    line-height: 17px;
    color: var(--main-black);
    align-self: flex-start
}

.applications-actual__block-new-block-info-price-number p.end-event {
    font-size: 14px;
    line-height: 17px;
    font-family: var(--hoves-500);
    color: #F02411;
}

.applications-actual__block-new-block-info-detal {
    display: flex;
    padding: 0 16px 14px 16px;
    justify-content: space-between;
    align-items: center;
}

.applications-actual__block-new-block-info-detal-wrap {
    display: flex;
    gap: 14px;
}

.applications-actual__block-new-block-info-detal-block {
    border-left: 1px solid rgba(3, 146, 242, 1);
    padding-left: 5px;

}

.applications-actual__block-new-block-info-detal-block p {
    font-family: var(--hoves-400);
    font-size: 12px;
    line-height: 15px;
    color: var(--main-black);
}

.applications-actual__block-new-block-info-detal-block a {
    font-family: var(--hoves-500);
    font-size: 12px;
    line-height: 15px;
    color: var(--main-black);
}

.right-menu-new__banner-block-blue-text-block.active {
    display: flex;
    align-items: flex-start;
}

.right-menu-new__banner-block-blue-text-block {
    display: none;
    flex-direction: column;
    gap: 14px;
}

.right-menu-new__banner-block-yellow-text {
    border-radius: 8px;
    color: var(--main-black);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    background-color: #F0DA11;
    padding: 4px 12px;
    display: block;
}

.applications-actual__block-new-block-info-tags-btn.green {
    padding: 4px 12px;
    background-color: #46B434;
    border-radius: 4px;
    font-family: var(--hoves-400);
    font-size: 12px;
    line-height: 15px;
    color: var(--main-white);
}

.applications-actual__block-new-block-info-tags-btn.red {
    padding: 4px 12px;
    background-color: #F02411;
    border-radius: 4px;
    font-family: var(--hoves-400);
    font-size: 12px;
    line-height: 15px;
    color: var(--main-white);
}

.applications-actual__block-new-block-info-tags-text-block {
    display: flex;
    gap: 24px;
}

.unpacking-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.unpacking-block {
    display: grid;
    gap: 24px;
    grid-template-columns: 2fr 1fr;
}

.unpacking-block-left {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    box-shadow: 0px 0px 6px 0px #00000040;
    border-radius: 6px;
    justify-content: space-between;

}

.unpacking-block-left h2 {
    font-family: var(--gilroy-700);
    font-size: 24px;
    line-height: 26px;
    color: var(--main-black);
    text-transform: uppercase;
}

.unpacking-block-left p {
    font-family: var(--gilroy-400);
    font-size: 14px;
    line-height: 17px;
    color: var(--main-black);
}

.unpacking-block-left-buttons {
    display: flex;
    gap: 24px;

}

.unpacking-block-left-buttons a {
    color: var(--main-black);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    border-radius: 8px;
    padding: 10px 20px;
    background-color: var(--main-accent);
    color: var(--main-white);
    text-align: center;
    width: 100%;
}

.unpacking-block-right {
    box-shadow: 0px 0px 6px 0px #00000040;
    border-radius: 6px;
    width: 100%;
    overflow: hidden;
}

.unpacking-block-left-block-top {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.unpacking-block-right img {
    height: 100%;
    width: 100%;
    border-radius: 6px;
}

.main-info__publication-block__svg {
    cursor: pointer;
}

.main-info__publication-post__reactions-answer-block {
    display: flex;
    gap: 24px;
}

.main-info__publication-post__reactions-answer-block-hidden {
    display: none;
}

.header-icons__login__popup {
    display: none;
}

.header-inner-wrap-avatar-input-block {
    display: flex;
}

.header-icons__login__popup-img-left {
    display: none;
    max-width: 34px;
    max-height: 34px;
    object-fit: cover;

}

.header-icons__notifications {
    display: none;
}

.header-icons__new-post-mobile {
    display: none;
}

.header-icons__login__popup-svg {
    display: none;
    max-width: 34px;
    max-height: 34px;
}

.footer-mobile-menu {
    display: none;
}

.left-menu-new__direction-block,
.left-menu-bottom-block {
    display: flex;
    gap: 12px;
    align-items: center;
}

.left-menu-new__direction-block img {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    object-fit: cover;
}

.left-menu-new__direction-block span {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-black);
}


.left-menu-bottom-block p {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-black);
}

.left-menu-bottom-block span {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    color: var(--gray-400);
}


.left-menu-new__direction-item {
    padding: 8px;

}

.left-menu-new__direction-item:hover {
    border-radius: 8px;
    background: var(--gray-50);
}

.left-menu__direction-block {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.left-menu__direction-block-title {
    padding-left: 8px;
    font-size: 18px;
    line-height: 22px;
    font-family: var(--hoves-600);
}

.left-menu-bottom {
    border-top: 1px solid #D9D9D9;
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* .header-avatar-autorizeted {
    display: none;
} */

.select-posts-menu {
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 8px;
    background-color: var(--gray-50);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    border-radius: 8px;
    outline: none;
    position: relative;

}

.select-posts-menu:not([multiple]) {
    background-repeat: no-repeat;
    background-position: center right 8px;
    background-size: 16px;
    background-image: url("../img/select-arrow.png");
}

/* скроет иконку стрелки в IE */
.select-posts-menu::-ms-expand {
    display: none;
}

.select-posts-menu option {
    background-color: black;
    color: var(--main-white);
}

.confidentiality-wrap h3 {
    font-size: 14px;
    line-height: 14px;
    font-family: var(--hoves-500);
}

.confidentiality-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.confidentiality-wrap p {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-400);
}

.br-desktop {
    display: block;
}

.about-project-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.about-project-wrap-block-desctription p {
    font-size: 14px;
    line-height: 14px;
    font-family: var(--hoves-400);
    color: #000000;
}

.about-project-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.about-project-card {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 2 / 1;
    padding: 10px 10px 20px 20px;
    width: 321px;
    height: 220px;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.about-project-card-text p {
    text-transform: uppercase;
    font-size: 20px;
    font-family: var(--hoves-500);
    line-height: 24px;
    color: var(--main-white);
}

.about-project-card-svg {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 10px;
    top: 10px;
}

.about-project-wrap-first-h2 {
    font-size: 26px;
    line-height: 26px;
    font-family: var(--gilroy-700);
    color: var(--main-black);
}

.about-project-rules-text {
    font-size: 14px;
    line-height: 14px;
    font-family: var(--hoves-400);
    color: #000000;
}

.about-project-rules-text a {
    font-size: 14px;
    line-height: 14px;
    font-family: var(--hoves-400);
    color: var(--main-accent);
}

.about-project-card-steps-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: flex-start;
}

.about-project-card-step {
    display: flex;
    padding: 24px;
    flex-direction: column;
    gap: 24px;
    background: var(--gray-50);
    border-radius: 8px;
    min-width: 246px;
}

.about-project-card-step-title {
    display: flex;
    gap: 14px;
    align-items: center;
}

.about-project-card-step-title p {
    font-size: 18px;
    line-height: 22px;
    color: var(--main-black);
    font-family: var(--gilroy-700);
}

.about-project-card-step-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.about-project-card-step-text h2 {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--hoves-600);
    color: var(--main-black);
}

.about-project-card-step-text p {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-400);
    color: var(--gray-600);
}

.about-project-card-step-text .red {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-400);
    color: var(--main-red);
    text-transform: lowercase;
}

.about-project-questions {
    display: flex;
    flex-direction: column;
    gap: 20px;
}



.bg-text {
    position: absolute;
    right: 400px;
    bottom: 300px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
}

.bg {
    background-image: url(../img/404.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 2 / 1;
    position: relative;
}

.bg-text p {
    font-size: 32px;
    line-height: 40px;
    font-family: var(--hoves-400);
    color: var(--main-white);
    margin-bottom: 30px;
}

.bg-text a {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    padding: 11px 20px;
    background-color: var(--main-accent);
    color: var(--main-white);
    border-radius: 8px;
    text-decoration: none;
}

.left-menu__new-button-popup {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    background-color: var(--main-black);
    position: absolute;
    top: 43px;
    right: 0px;
    display: none;
    border-radius: 8px;
    min-width: 200px;
}

.left-menu__new-button-popup.active {
    display: flex;
}

.left-menu__new-button-popup a {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-white);
    padding: 12px;
    border-radius: 6px;
}


.new-post-mobile-popup {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    background-color: var(--main-black);
    position: absolute;
    top: 30px;
    right: 15px;
    display: none;
    border-radius: 8px;
}

.new-post-mobile-popup.active {
    display: flex;
}

.new-post-mobile-popup a {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-white);
    padding: 12px;
    border-radius: 6px;
}


.new-post-mobile-popup a:hover {
    background-color: var(--main-white);
    color: var(--main-black);
}

.back-to {
    position: fixed;
    bottom: 70px;
    right: 20px;
    cursor: pointer;
    z-index: 1000;
    display: none;
}



.right-menu-new-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.right-menu-new-top,
.right-menu-new-bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    box-shadow: 0px 0px 4px 0px #00000040;
    color: var(--main-white);
    border-radius: 8px;
}

.right-menu-new-top h2,
.right-menu-new-bottom h2 {
    font-family: var(--hoves-500);
    font-size: 16px;
    line-height: 20px;
    color: var(--main-black);
}

.right-menu-new-top p.grey,
.right-menu-new-bottom p.grey {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    color: var(--gray-700);
}

.right-menu-new-bottom p {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    color: var(--main-black);
}

.right-menu-new-top a {
    padding: 10px 0;
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--main-white);
    background-color: var(--main-accent);
    text-align: center;
    border-radius: 8px;
}

.right-menu-new-bottom-comments {
    display: flex;
    gap: 10px;
    align-items: center;
}

.right-menu-new-bottom .right-menu-new-bottom-comments p {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-400);
}

.right-menu-new-bottom-all {
    display: flex;
    gap: 2px;
    align-items: center;
}

.right-menu-new-bottom-all a {
    color: var(--main-accent);
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);

}

.back-to-top {
    display: none;
}

.to-top {
    display: none;
}


.header-icons__notifications-desktop-popup {
    padding: 14px;
    flex-direction: column;
    gap: 24px;
    background: var(--main-black);
    border: 1px solid #292929;
    border-radius: 12px;
    max-width: 420px;
    max-height: 402px;
    position: absolute;
    bottom: -410px;
    min-width: 420px;
    right: 85px;
    display: none;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.header-icons__notifications-desktop-popup:hover {
    scrollbar-color: var(--main-accent) var(--main-white);
}

.header-icons__notifications-desktop-popup.active {
    display: flex;
}

.mobile-search {
    display: none;
}



.header-icons__notifications-desktop-popup h2 {
    font-size: 22px;
    line-height: 22px;
    font-family: var(--gilroy-700);
    color: var(--main-white);
}

.header-icons__notifications-desktop-popup-block {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.header-icons__notifications-desktop-popup-block-img {
    max-width: 46px;
    max-height: 46px;
    min-width: 46px;
    min-height: 46px;
}

.header-icons__notifications-desktop-popup-block-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.header-icons__notifications-desktop-popup-block-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.header-icons__notifications-desktop-popup-block-text p {
    font-family: var(--hoves-500);
    font-size: 14px;
    line-height: 18px;
    color: var(--main-white);
}

.header-icons__notifications-desktop-popup-block-text span {
    font-family: var(--hoves-600);
    font-size: 14px;
    line-height: 18px;
    color: var(--main-white);
}

.archive-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.archive-wrap-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.archive-wrap-block p {
    font-size: 14px;
    line-height: 20px;
    font-family: var(--hoves-500);
    color: var(--main-black);
}

.archive-wrap-block-form {
    display: flex;
    gap: 6px;
}

.archive-wrap-block form {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.archive-wrap-block form p {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--hoves-500);
    color: var(--main-black);
}

.archive-wrap-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.archive-wrap-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 6px;
    max-width: 312px;
}



.archive-wrap-card-img {
    max-width: 288px;
    max-height: 160px;
}

.archive-wrap-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.archive-wrap-card p {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    font-family: var(--hoves-400);
    color: var(--main-black);
}

.archive-wrap-card a {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--gilroy-700);
    color: var(--main-black);
}

.archive-wrap-card span {
    font-size: 14px;
    line-height: 20px;
    font-family: var(--hoves-400);
    color: var(--gray-400);
}

.header-icons__chat-desktop,
.header-icons__notifications-desktop,
.footer-mobile-menu-chat {
    position: relative;
}

.header-icons__chat-desktop span,
.header-icons__notifications-desktop span {
    position: absolute;
    right: -9px;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-white);
    padding: 2px 6px;
    background-color: var(--main-accent);
    border-radius: 5px;
    top: -10px;

}

.footer-mobile-menu-chat span {
    position: absolute;
    right: -15px;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--hoves-500);
    color: var(--main-white);
    padding: 2px 6px;
    background-color: var(--main-accent);
    border-radius: 5px;
    top: -15px;
}

@media screen and (max-width: 1344px) {
    .about-project-cards {
        grid-template-columns: 1fr 2fr;
    }

    .about-project-card-steps-wrap {
        grid-template-columns: 1fr 1fr;
        align-items: normal;
    }
}

@media screen and (max-width: 1260px) {
    .left-menu {
        width: 240px;
    }

    .bg-text {
        right: 150px;
    }
}
@media screen and (max-width: 1100px) {
    .master-data__block {
        flex-direction: column;
        padding-left: 0;
    }

    .master-data__btn-block {
        position: absolute;
        right: 11px;
    }

}

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

    .header-icons__photo {
        gap: 18px;
    }

    .master__button {
        margin-top: 24px;
    }

    .unpacking-block-right {
        display: none;
    }

    .unpacking-block {
        grid-template-columns: 1fr;
    }

    .archive-wrap-card {
        max-width: 100%;
    }

    .archive-wrap-card-img {
        max-width: 100%;
        max-height: 160px;
    }

    .archive-wrap-cards {
        grid-template-columns: repeat(2, 1fr);
    }


    .header-icons__notifications-desktop {
        display: none;
    }

    .directions-wrap__img {
        background-position: center;
    }

    .header-icons__new-post-mobile {
        display: block;
    }

    .header-icons__notifications {
        display: block;
    }

    .header-icons__chat-desktop {
        display: none;
    }

    .header .container {
        padding-right: 16px;
        padding-left: 16px;
        position: relative;
        display: flex;
        flex-direction: column;
    }


    .to-top {
        display: block;
        align-self: center;
        position: absolute;
        top: 73px;
    }

    .back-to-top.active {
        color: var(--main-black);
        gap: 10px;
        background: var(--main-white);
        padding: 8px 24px;
        border-radius: 59px;
        cursor: pointer;
        display: flex;
        align-items: center;
        box-shadow: 0px 0px 5px 0px #00000080;
        justify-content: center;
        max-width: 126px;
        max-height: 30px;
    }

    .back-to-top p {
        font-size: 16px;
        line-height: 20px;
        font-family: var(--hoves-500);
    }

    .back-to {
        display: block;
        right: 10px;
    }

    .header-icons__login__popup-img-right {
        display: none;
    }

    .bg {
        background-image: url('../img/404-991.png');
    }

    .bg-text {
        right: 0px;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        bottom: 270px;
    }


    .bg-text p {
        margin-bottom: 15px;
    }


    .bg-text p {
        font-size: 24px;
        line-height: 30px;

    }

    .footer-mobile-menu {
        display: block;
    }

    .footer-mobile-menu-direction-page a {
        display: block;
    }

    .icon-humb__line:nth-child(2) {
        width: 75%;

    }

    .header-icons__login .header-icons__photo-svg {
        display: none;
    }



    .footer-mobile-menu-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
        background-color: rgba(18, 18, 18, 1);
    }

    .btn-back {
        display: block;
        position: absolute;
        right: 0;
        width: 57px;
        height: 57px;
    }

    .header-logo__input {

        margin-left: 0;
    }


    .header-icons__login__popup-img-left {
        display: block;
    }

    .header-icons__login-popup {
        left: 0;

    }

    .header-icons__login__popup {
        display: block;
    }

    .header-icons__social {
        display: flex;
    }

    .container {
        padding-right: 16px;
        padding-left: 16px;
    }

    .header-logo__img {
        display: none;
    }

    .header-icons__photo.relative {
        display: flex;
        align-items: center;
    }

    .applications-actual__block-new-wrap {
        flex-direction: column;
        gap: 24px;
    }





    .applications-actual__block-new {
        overflow: hidden;
        max-width: 100%;
    }

    .header-icons__social {
        padding-right: 0;
    }



    .event__main-mobile__block {
        display: flex;
        flex-direction: column;
    }

    .master__flow-setting {
        display: none;
    }

    .right-menu-new__banner-main-page {
        display: block;
        margin-top: 24px;
    }

    .right-menu-new__banner-block__picture-main-page {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 16px;
    }

    .directions-wrap__banner {
        height: 200px;
        margin-top: 16px;
    }

    .nav-link {
        padding: 0;
    }

    .cards-inner__buttoms {
        flex-direction: column;
        gap: 8px
    }

    .header-icons__link {
        display: none;
    }

    .header-icons__item {
        display: none;
    }

    .header-logo__geolocation {
        display: none;
    }



    .menu-humb__wrap {
        display: block;
    }

    .menu-humb {
        width: 24px;
        min-width: 24px;
        height: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu-humb.active {
        padding-right: 6px;
    }

    .icon-humb {
        width: 20px;
        height: 16px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        transform: rotate(180deg);
    }

    .menu-humb.active .icon-humb {
        width: 19px;
    }

    .icon-humb__line {
        background: #fff;
        width: 100%;
        height: 2px;
        border-radius: 2px;
        transition: transform 0.2s ease-in-out;
    }

    .icon-humb__line:first-child {
        transform-origin: 0% 0%;
        transition: transform 0.4s ease-in-out;
    }

    .icon-humb__line:last-child {
        transform-origin: 0% 100%;
        transition: transform 0.4s ease-in-out;
    }

    .menu-humb.active .icon-humb__line {
        transform: scale(0);

    }

    .menu-humb.active .icon-humb__line:first-child {
        transform: rotate(45deg);
        width: 110%;
    }

    .menu-humb.active .icon-humb__line:last-child {
        transform: rotate(-45deg);
        width: 110%;
    }

    .menu-mob {
        display: block;
        position: fixed;
        top: 53px;
        left: -1000px;
        overflow-y: auto;
        width: 100%;
        transition: 0.5s;
        height: 100vh;
        background-color: var(--main-white);
        padding-bottom: 53px;
    }

    .menu-mob.active {
        z-index: 80;
        left: 0;
    }

    .menu-mob__inner {
        padding: 24px 16px;

    }

    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        padding: 10px 0;
    }

    .wrapper {
        margin-top: 100px;
    }



    .left-menu__wrap {
        position: static;
        gap: 24px;
    }

    .left-menu {
        padding-bottom: 0px;
    }

    .left-menu-mobile {
        padding-bottom: 0px;
        position: relative;
        z-index: 100px;
    }

    .header-icons__login {
        gap: 16px;

    }

    .header-icons__seacrh {
        display: block;
    }

    .menu-mob__item {
        display: flex;
        padding: 10px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        border-radius: 8px;
        background: #353535;
        margin-left: 16px;
        gap: 12px;
        margin-bottom: 24px;
    }

    .menu-mob__icons-social {
        display: none;
    }

    .menu-mob__footer-button {
        color: var(--main-white);
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
    }

    .menu-mob__footer {
        display: flex;
        padding: 10px 20px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        align-self: stretch;
        border-radius: 8px;
        background: #353535;
        margin: 24px 16px;
    }

    .menu-mob__footerBlock {
        background: var(--main-black);
        display: flex;
        flex-direction: column;
    }

    .menu-mob__geolocation {
        display: flex;
        margin: 0px 16px 16px 16px;
        gap: 4px;

    }

    .menu-mob__link {
        color: var(--main-white);
        font-family: Gilroy;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
    }

    .menu-mob__geolocation svg {
        background: var(--main-black);
    }

    .evens-menu-mob {
        display: block;
        position: fixed;
        top: 53px;
        right: -1000px;
        overflow-y: auto;
        width: 100%;
        transition: 0.5s;
        height: 100vh;
        background-color: var(--main-white);
    }

    .evens-menu-mob.active {
        z-index: 80;
        right: 0;
    }

    .right-menu__head {
        display: flex;
        justify-content: space-between;
        align-items: start;
    }

    .evens-menu-mob .profile-info__mainPhoto {
        max-width: 76px;
        max-height: 76px;
    }

    .right-menu__close {
        border: 1px solid #ccc;
        border-radius: 4px;
        cursor: pointer;
    }

    .profile-info__more {
        cursor: pointer;
        color: #4B7EFF;
        font-size: 12px;
        line-height: 18px;
        display: none;
    }

    .profile-info__more span {
        margin-left: 7px;
    }

    .profile-info__name {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
    }

    .profile-info__title {
        gap: 0;
    }

    .right-menu__blockPicture {
        grid-template-columns: 0fr 0fr 0fr 0fr 0fr 0fr;
        gap: 15px;
    }

    .right-menu__titleSection {
        color: var(--main-black);
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        margin-bottom: 10px;
    }

    .right-menu__textSection {
        color: var(--gray-700);
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
    }

    .right-menu__mobButton {
        color: var(--main-white);
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        display: flex;
        padding: 10px 20px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        align-self: stretch;
        border-radius: 8px;
        background: var(--gray-800);
    }

    .profile-info__title svg {
        left: 66px;
    }

    .event-main__contacts-block__text {
        display: none;
    }



}

@media screen and (max-width: 820px) {
    .banner__text__title {
        font-size: 48px;
    }
}

@media screen and (max-width: 767px) {
    .directions__button {
        display: none;
    }

    .masters_main-new-wrap {
        grid-template-columns: 1fr 1fr;
    }

    .masters_main-new-block {
        max-width: 100%;
    }

    .directions-wrap {
        grid-template-columns: repeat(3, 1fr);
    }



    .event_main__block-info__btns svg {
        display: none;
    }

    .event_main__block-info__btns {
        align-items: flex-start;
    }

    .event_main__block {
        flex-direction: column;
    }

    .masters_main__block-tag__mobile {
        display: flex;
        justify-content: space-between;
    }

    .masters_main__block-tag__mobile svg {
        display: block;
    }

    .masters_main__block-photo__item {
        width: 100%;
        height: 100%;
    }

    .master-data__info-block {
        margin-bottom: 20px;
    }

    .master-data__block {
        flex-direction: column;
        gap: 0;
    }

    .banner__text__title {
        font-size: 32px;
    }

    .banner__text__text {
        font-size: 20px;
        line-height: 30px;
    }

    .directions-top__block {
        width: 46px;
    }

    .directions-top__block svg {
        margin-right: 0;
    }

    .directions-wrap__banner {
        height: 140px;
    }

    .directions-wrap {
        gap: 10px;
    }

    .cards-inner__button {
        width: 100%;
    }

    .cards-inner__buttonSecond {
        width: 100%;
    }

    .footer-table__column {
        display: none;
    }

    .footer-inner {
        flex-direction: column;
    }

    .footer-inner__logo {
        max-width: 100%;
    }

    .footer-inner__text {
        max-width: 100%;
    }

    .footer-inner__item {
        margin-bottom: 32px;
    }

    .footer-inner__geolocationLink {
        padding-bottom: 8px;
    }

    .footer-inner__geolocation {
        max-width: 100%;
    }


    h2 {
        font-size: 22px;
        line-height: 22px;
    }

    .cards-inner__mainTitle {
        font-size: 22px;
        line-height: 22px;


    }

    .cards-inner__pic {
        flex-direction: column;
        margin-bottom: 16px;
        padding: 10px;
    }

    .cards-inner__photo {
        margin-bottom: 20px;
        margin-right: 0px;
    }

    .main-info__tabs-inner {
        justify-content: start;
    }

    .profile-info__blockButtons {
        display: flex;
        gap: 10px;
        position: absolute;
        top: 0;
        right: 0;

    }

    .profile-info__wrap {
        position: relative;
        flex-direction: column;
        margin-bottom: 10px;

    }

    .profile-info__blockSecond {
        display: flex;
        margin-bottom: 12px;
    }

    .profile-info__name {
        margin-right: 33px;
    }

    .profile-info__hobby {
        padding-bottom: 12px;
    }

    .profile-info__hashtag {
        border-radius: 25px;
        background: #4B7EFF;
        width: 48px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-self: stretch;
    }

    .profile-info__hashtag a {
        color: #FFF;
        text-align: center;
        font-size: 10px;
        font-weight: 400;
        line-height: 18px;
    }

    .profile-info__hashtag-block {
        padding-bottom: 12px;
        display: flex;
        gap: 5px;
    }

    .main-info__blockPic {
        display: block;
    }

    .main-info__blockPic button {
        width: 129px;
    }

    .main-info__blockPic h3 {
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        max-width: 50%;
    }

    .main-info__tabs-link {
        font-size: 12px;
    }

    .profile-info__wrap-mob {
        display: flex;
        gap: 24px;
        margin-bottom: 40px;

    }

    .profile-info__more {
        display: flex;
    }

    .masters_main__block-second {
        gap: 12px;
    }

    .masters_main__block {
        align-items: flex-start;
        flex-direction: column;
    }

    .event_main__block-second {
        flex-direction: column;
    }

    .applications-actual__block {
        flex-direction: column;
        align-items: center
    }

    .applications-actual__block-main {
        flex-direction: column;
    }
}

@media screen and (max-width: 678px) {
    .about-project-cards {
        grid-template-columns: 1fr;
    }
}


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

    .archive-wrap-cards {

        grid-template-columns: repeat(1, 1fr);
    }

    .directions-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-project-card-steps-wrap {
        grid-template-columns: 1fr;
    }

    .slider-bannerMain__item {
        aspect-ratio: 22 / 11;
        height: 250px;
    }

    .banner__text__title svg {
        width: 250px;
        height: 30px;
    }

    .header-logo__input {
        width: 100%;
        margin-left: 0;
    }

    .popup-add-application-block-item {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .popup-add-application-block-item-block-buttons {
        justify-content: space-between;
    }

    .directions-wrap {
        grid-template-columns: repeat(2, 1fr);

    }

    .masters_main__block-info__interests-block {
        flex-direction: column;
        align-items: flex-start;
    }

    .event__main-gallery__block {
        grid-template-columns: repeat(2, 1fr);
    }

    .master__button {
        flex-wrap: wrap;
    }

    .banner__text__title {
        font-size: 26px;
        line-height: 26px;
    }

    .banner__text__text {
        font-size: 14px;
        line-height: 18px;
    }

    .directions-wrap span {
        font-size: 16px;
        line-height: 20px;
    }

    .cards-inner__photo img {
        max-width: 100%;
    }

    .cards-inner__tabs-link {
        font-size: 14px;
        line-height: 18px;
    }

    .cards-inner__title {
        font-size: 16px;
        line-height: 20px;
    }

    .cards-inner__description {
        color: var(--Main-Black, #121212);
        font-size: 12px;
        line-height: 14px;
    }

    .profile-info__mainPhoto {
        max-width: 76px;
        max-height: 76px;
    }

    .main-info__wrap-card__reservation {
        gap: 12px;
        flex-direction: column;
        align-items: normal;
    }

    .event__main__wrap-card__reviews-block {
        flex-direction: column;
        gap: 12px;
    }

    .main-info__wrap-reviews {
        flex-direction: column;
        gap: 26px;
    }


    .event__main__wrap-card__reservation-button {
        justify-content: center;
    }





    .masters_main__block-info {
        display: flex;
        flex-direction: column;
    }

    .masters_main__block-photo__link {
        text-align: center;
    }

    .master-data__sub-block {
        margin-bottom: 12px;
    }

    .slider-bannerMain__item {
        padding: 24px;
        aspect-ratio: 10 / 7;
    }

    .banner__text__btn {
        padding: 15px 30px;
        font-size: 16px;
    }

    .banner__text__block {
        gap: 12px;
    }

    .event__main-info__Additional {
        gap: 24px;
    }

    .master-data__block {
        padding-left: 0;
    }

}

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

    .popup-authorization__form {
        min-width: 100%;
    }

    .masters_main-new-wrap {
        grid-template-columns: 1fr;
    }

    .bg {
        background-image: url('../img/404-mob.png');
    }

    .bg-text {
        bottom: 200px;
    }


    .header-logo__button {
        bottom: 0;
    }

    .header-logo__input {
        padding: 5px 6px;
        font-size: 12px;
        line-height: 14px;
        border-radius: 4px;
    }

    .master-data__avatar {
        width: 90px;
        height: 90px;
    }

    .master-data__block-background {
        width: 84px;
        height: 84px;
    }

    .applications-actual__block-buttons-text {
        display: none;
    }

    .applications-actual__block-new-block-info-detal {
        flex-direction: column;
        gap: 24px;
        align-items: normal;
    }
}