@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* @font-face{
    font-family: 'SF Pro Display';
    font-weight: 590;
    font-style: Semibold;
    src: url("fonts/San\ Francisco\ Pro\ Display/");
} */
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: Inter;
}

.link {
    text-decoration: none;
}

.container{
    max-width: 1140px;
    margin: 0 auto;
}
.block-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 38px;
}
.block-title{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: clamp(24px, 3.13vw, 32px);
    line-height: 100%;
    color: #000000;
}
.title-num{
    color: #8c8c8c;
}
.block-seeAll{
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.block-allText{
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 100%;
    color: var(--Accent, #000DFF);
}
.block-allArrow{
    height: 21px;
    display: flex;
    align-items: center;
}
.block-but-seeAll{
    display: none;
}

/*header*/
.invest-header{
    height: 66px;
    padding-top: 15px;
}
.header-case{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-navBlock{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}
.header-list{
    list-style-type: none;
    cursor: pointer;
}
.header-link{
    text-decoration: none;
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    line-height: 20px;
    color: #000000;
}
.header-but{
    display: flex;
    gap: 24px;
}
.header-butLog{
    background: none;
    border-style: none;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 20px;
    color: var(--Accent, #000DFF);
    cursor: pointer;
}
.header-butReg{
    border-style: none;
    padding: 9px 16px;
    opacity: 1;
    border-radius: 100px;
    background: #000DFF1A;
    color: var(--Accent, #000DFF);
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    line-height: 100%;
    cursor: pointer;
}
.header-menu{
    display: none;
}

/*main index1*/
/* bar */
.bar-case{
    height: 44px;
    background: #000000CC;
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    /* animation: running 10s linear infinite; */
}
/* @keyframes running{
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}   */

.bar-block{
    display: flex;
    gap: 4px;
}
.bar-name{
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;
    white-space: nowrap
}
.bar-percent{
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 100%;
    color: #82D173;
}

.bar-red {
    color: #B22222;
    font-weight: bold;
}

/* about */
.invest-about{
    padding-top: 70px;
}
.about-case{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about-title{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: clamp(28px, 4.13vw, 54px);
    line-height: 100%;
    color: #000000;
    margin-bottom: 16px;
}
.title-blue{
    color: var(--Accent, #000DFF);
}
.about-sign{
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 150%;
    color: #000000;
    margin-bottom: 32px;
}
.about-but{
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 32px;
}
.but-blue{
    opacity: 1;
    border-radius: 100px;
    padding: 16px 24px;
    background: var(--Accent, #000DFF);
    border-style: none;
    cursor: pointer;

    font-weight: 500;
    font-style: Medium;
    font-size: 17px;
    line-height: 100%;
    color: #FFFFFF;
}
.but-blueframe{
    opacity: 1;
    border-radius: 100px;
    padding: 16px 24px;
    background: none;
    border-color: var(--Accent, #000DFF);
    cursor: pointer;

    font-weight: 500;
    font-style: Medium;
    font-size: 17px;
    line-height: 100%;
    color: var(--Accent, #000DFF);
}
.about-info{
    display: flex;
    gap: 44px;
    align-items: center;
}
.about-infoNum{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: clamp(27px, 2.13vw, 36px);
    line-height: 100%;
    color: #000000CC;
    margin-bottom: 8px;
}
.about-infoText{
    font-weight: 400;
    font-style: Regular;
    font-size: clamp(13px, 2.13vw, 15px);
    line-height: 100%;
    color: #000000A6;
}

/* catalog */
.invest-catalog{
    margin-top: 124px;
    margin-bottom: 200px;
}
.catalog-items{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    /* justify-content: space-between; */
}
.catalog-item{
    width: 263px;
    height: 260px;
}
.catalog-content{
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.catalog-pic{
    width: 100%;
    height: 200px;
    border-radius: 24px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.catalog-cub{
    width: 100%;
    height: 100%;
    padding: 8px 8px 16px 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.catalog-stick{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-radius: 16px;
    background: #FFFFFFE5;
    /* backdrop-filter: blur(20px); */
    width: 176px;
    height: 32px;
    padding: 4px 4px 4px 12px;
}
.catalog-stick-profit{
    display: flex;
    align-items: center;
    gap: 4px;

    font-weight: 400;
    font-style: Regular;
    font-size: 13px;
    line-height: 100%;
    color: #000000A6;
}
.catalog-stick-percent{
    width: 53px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    border-radius: 12px;
    background: #000DFF;
    color: #FFFFFF;
}
.catalog-stripBlock{
    display: none;
    height: 24px;
    width: 100%;
    /*display: flex;*/
    justify-content: center;
}
.catalog-strip{
    width: 88px;
    height: 24px;
    border-radius: 100px;
    background: #00000033;
    border-color: rgba(243, 242, 242, 0.2);
    border-width: 2px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.catalog-point{
    width: 8px;
    height: 8px;
    opacity: 1;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.45);
}
.catalog-point.active{
    background: rgba(255, 255, 255, 1);
}
.catalog-sub{
    padding-top: 12px;
}
.catalog-sub-name{
    /* font-family: SF Pro Display; */
    font-weight: 600;
    /* font-style: Semibold; */
    font-size: 17px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}
.catalog-sub-street{
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 9px;
    padding-left: 3px;
    font-weight: 400;
    font-style: Regular;
    font-size: 13px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
}

/* articles */

.invest-article{
    margin-top: 84px;
    margin-bottom: 84px;
}
.article-items{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 58px 32px;
    /* justify-content: space-between; */
}

.article-items-detail{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 52px;
    /* justify-content: space-between; */
}
.article-item{
    width: 352px;
    /*height: 402px;*/
}
.article-content{
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.article-pic{
    width: 100%;
    height: 247px;
    border-radius: 24px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.article-title-text {
    margin-bottom: 24px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 44px;
    line-height: 53px;
}

.next_news_title {
    margin-bottom: 24px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 53px;
}

.article-pic-detail{
    width: 100%;
    height: 500px;
    border-radius: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 32px;
}
.article-sub{
    padding-top: 16px;
}
.article-sub-name{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 21px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 8px;
}
.article-sub-text{
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 150%;
    color: rgba(0, 0, 0, 1);
}
.article-readMore{
    text-decoration: underline;
    text-decoration-style: solid;
}

/* footer */
/* feedback */

.footer-feedback{
    margin-bottom: 64px;
}
.footer-feedback-case{
    width: 100%;
    min-height: 257px;
    border-radius: 24px;
    background: rgba(229, 231, 255, 1);
    padding: 40px;
}
.footer-feedback-title{
    font-weight: 500;
    font-style: Medium;
    font-size: clamp(24px, 3.13vw, 32px);
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 8px;
}
.footer-feedback-subtitle{
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 150%;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 24px;
}
.footer-feedback-buttons{
    margin-bottom: 12px;
}
.footer-feedback-form{
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
}
.footer-but{
    width: 237px;
    height: 53px;
    border-radius: 100px;
    padding: 16px;
    background: rgba(255, 255, 255, 1);
    border-style: none;
    cursor: pointer;
}
.footer-but::placeholder{
    /* font-family: Proxima Nova; */
    font-weight: 400;
    font-style: italic;
    font-size: 17px;
    line-height: 100%;
    color: rgba(106, 108, 106, 1);
}
.footer-but-blue{
    width: 253px;
    padding: 16px 24px;
    background: var(--Accent, rgba(0, 13, 255, 1));
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    font-style: Medium;
    font-size: 17px;
    line-height: 100%;
    /* padding: 16px 24px; */
    display: flex;
    align-items: center;
}
.footer-feedback-smallText{
    /* font-family: Proxima Nova; */
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    line-height: 100%;
    color: rgba(106, 108, 106, 1);
}

/* footer-doc */

.footer-doc{
    margin-bottom: 66px;
}
.footer-doc-case{
    width: 100%;
    display: flex;
    gap: 75px;
}
.footer-doc-table{
    display: flex;
    gap: 75px;
}
.footer-doc-block{
    display: flex;
    gap: 75px;
}
.footer-doc-column{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.footer-doc-name{
    /* font-family: Proxima Nova; */
    font-weight: 600;
    font-style: Semibold;
    font-size: 14px;
    line-height: 100%;
    color: rgba(69, 71, 69, 1);
}
.footer-doc-navBlock{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.footer-doc-list{
    list-style-type: none;
    cursor: pointer;
}
.footer-doc-link{
    text-decoration: none;
    /* font-family: Proxima Nova; */
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 100%;
    color: rgba(96, 96, 96, 1);
}
.footer-doc-text{
    /* font-family: Proxima Nova; */
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 100%;
    color: rgba(96, 96, 96, 1);
    width: 363px;
    display: flex;
    align-items: flex-end;
}

/* index3 */
/* catalog-main */
.catalog-main-section{
    margin-bottom: 120px;
}
.invest-catalog.catalog-main-section{
    margin-top: 42px;
}
.catalog-search{
    display: flex;
    gap: 8px;
}
.catalog-search-white{
    display: flex;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, 0.12);
}
.catalog-search-text{
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.9);
}
.catalog-search-blue{
    padding: 8px 16px;
    border-radius: 100px;
    background: var(--Accent, rgba(0, 13, 255, 1));
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    line-height: 100%;
    color: rgba(255, 255, 255, 0.9);
}
.catalog-cub-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.catalog-stick-ball{
    background: rgba(255, 255, 255, 0.9);
    width: 32px;
    height: 32px;
    opacity: 1;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.catalog-stick-ball-point{
    width: 5px;
    height: 5px;
    border-radius: 100px;
    background: var(--Accent, rgba(0, 13, 255, 1));
}

/* --------НОВОЕ----------- */
/* index4 */
/* rating-main */
.rating-main-section{
    margin-top: 42px;
    margin-bottom: 120px;
}
.rating-block-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 38px;
}
.rating-block-title{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: clamp(24px, 3.13vw, 32px);
    line-height: 100%;
    color: #000000;
}
.rating-title-num{
    color: #8c8c8c;
}
.rating-search{
    display: flex;
    gap: 8px;
}
.rating-search-white{
    display: flex;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, 0.12);
}
.rating-search-text{
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.9);
}
.rating-search-blue{
    padding: 8px 16px;
    border-radius: 100px;
    background: var(--Accent, rgba(0, 13, 255, 1));
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    line-height: 100%;
    color: rgba(255, 255, 255, 0.9);
}
.rating-block-table{
    border-radius: 24px;
    border: 1px solid rgba(0, 0, 0, 0.12);
}
.rating-table{
    overflow: hidden;
    width: 100%;
    border-radius: 24px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-collapse: collapse;
}
.rating-table-tr{
    height: 60px;
}
.rating-table-th{
    border: 1px solid rgba(0, 0, 0, 0.12);
    text-align: left;
    padding-left: 20px;
}
.rating-table-td{
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding-left: 20px;
}
.rating-star{
    /* font-family: SF Pro; */
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    line-height: 20px;
    color: rgba(244, 190, 80, 1);
}
.rating-arrow{
    margin-left: 2px;
}
.rating-works{
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 20px;
    color: rgba(67, 140, 59, 1);
}
.rating-date{
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 20px;
    color: rgba(0, 0, 0, 1);
}

/* index2 */
/* aparthotel-main */
.aparthotel-main{
    background: #ebebeb;
    padding-top: 24px;
    padding-bottom: 24px;
}
.aparthotel-picture{
    max-width: 1140px;
    margin: 0 auto;
}
.aparthotel-picture-case{
    display: flex;
    justify-content: space-between;
    gap: 8px;
    height: 404px;
}
.aparthotel-picture-bg{
    width: 100%;
    max-width: 568px;
    height: 100%;
    border-radius: 24px 8px 8px 24px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.picture-bg-inside{
    width: 100%;
    height: 100%;
    display: flex;
    /*flex-direction: column;*/ /*убрано пока нет топ1*/
    flex-direction: column-reverse;
    justify-content: space-between;
}
.picture-bg-stick{
    padding-left: 32px;
}
.picture-bg-info{
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}
.picture-bg-street{
    display: flex;
    gap: 7px;
    align-items: center;
    border-radius: 100px;
    height: 40px;
    padding: 8px 16px;
    background: rgba(0, 0, 0, 0.4);
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 100%;
    color: rgba(255, 255, 255, 1);
}
.picture-bg-text{
    display: flex;
    gap: 4px;
    align-items: center;
    border-radius: 100px;
    height: 40px;
    padding: 8px 16px;
    background: rgba(0, 0, 0, 0.4);
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 100%;
    color: rgba(255, 255, 255, 1);
}
.aparthotel-picture-block{
    height: 100%;
    width: 100%;
    max-width: 564px;
    display: flex;
    gap: 8px;
}
.aparthotel-picture-block1{
    width: 100%;
    max-width: 358px;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
}
.aparthotel-picture-block2{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    height: 100%;
    width: 100%;
    max-width: 198px;
}
.picture-block2-bg1{
    width: 100%;
    height: 49%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px 24px 8px 8px;
}
.picture-block2-bg2{
    width: 100%;
    height: 49%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px 8px 24px 8px;
}


.aparthotel-name{
    margin-top: 24px;
    margin-bottom: 24px;
}
.aparthotel-name-case{
    background: rgba(255, 255, 255, 1);
    border-radius: 24px;
    padding: 16px 24px;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}
.aparthotel-name-title{
    text-transform: uppercase;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 32px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 8px;
}
.aparthotel-name-confirmed{
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
}
.aparthotel-name-but{
    display: flex;
    align-items: center;
    gap: 16px;
}
.aparthotel-but-green{
    border-radius: 100px;
    padding: 16px 24px;
    background: rgba(95, 196, 84, 1);
    font-weight: 500;
    font-style: Medium;
    font-size: clamp(14px, 2.13vw, 17px);
    line-height: 100%;
    color: rgba(255, 255, 255, 1);
    border-style: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}
.aparthotel-but-blue{
    opacity: 1;
    border-radius: 100px;
    padding: 16px 24px;
    background: var(--Accent, #000DFF);
    border-style: none;
    cursor: pointer;
    font-weight: 500;
    font-style: Medium;
    font-size: clamp(14px, 2.13vw, 17px);
    line-height: 100%;
    color: #FFFFFF;
    text-decoration: none;
}
.analytics2{
    display: none;
}


.aparthotel-info{
    margin-bottom: 24px;
}
.aparthotel-info-case{
    display: flex;
    /*justify-content: space-between;*/
    gap: 24px;
}
.aparthotel-info-grade{
    background: rgba(255, 255, 255, 1);
    border-radius: 24px;
    padding: 24px;
    width: 32%;
    height: auto;
}
.info-grade-inside{
    width: 100%;
    height: 100%;
}
.info-grade-title{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 24px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 22px;
    text-align: center;
}
.info-grade-promised{
    display: flex;
    flex-direction: column;
    font-family: Inter;
    font-style: Semi Bold;
    font-size: 17px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}
.info-grade-higher{
    display: none;
}
.info-grade-percent{
    color: rgba(238, 106, 95, 1);
}
.info-grade-scale{
    border-radius: 100px;
    height: 32px;
    background: linear-gradient(90deg, #EF8354 -21.26%, #FFFBBD 48.74%, #7FB069 125.45%);
    margin-top: 83px;
    margin-bottom: 59px;
    padding: 8px 16px;
    position: relative;
}
.info-grade-scale-magnitude{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.info-grade-scale-few,
.info-grade-scale-many{
    font-weight: 500;
    font-style: Medium;
    font-size: 13px;
    line-height: 100%;
    color: rgba(255, 255, 255, 0.8);
}
.info-grade-scale-yield{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    position: absolute;
}
.info-grade-scale-title{
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.6);
}
.info-grade-scale-percent{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 17px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}
.info-grade-scale-line{
    border: 1px solid rgba(0, 0, 0, 1);
    width: 1px;
    height: 40px;
}
.info-grade-scale-actual{
    top: -52px;
    left: 50px;
}
.info-grade-scale-promise{
    top: 0;
    left: 120px;
}
.aparthotel-info-description{
    background: rgba(255, 255, 255, 1);
    border-radius: 24px;
    padding: 24px;
    width: 32%;
    height: auto;
}
.info-description-inside{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
}
.info-description-title{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 24px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}
.info-description-text{
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
    height: 168px;
    overflow: hidden;
}
.info-description-expand{
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 100%;
    color: var(--Accent, rgba(0, 13, 255, 1));
    cursor: pointer;
}
.aparthotel-info-map{
    background: rgba(255, 255, 255, 1);
    border-radius: 24px;
    padding: 8px;
    width: 32%;
    height: 280px;
}
.aparthotel-info-map iframe{
    width: 100%;
    height: 100%;
    border-radius: 16px;
}


.aparthotel-profit{
    margin-bottom: 24px;
}
.aparthotel-profit-case{
    border-radius: 24px;
    background: rgba(255, 255, 255, 1);
}
.aparthotel-profit-top{
    height: 69px;
    width: 100%;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.aparthotel-profit-title{
    display: flex;
    align-items: center;
    gap: 8px;
}
.aparthotel-profit-title-text{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: clamp(18px, 2.13vw, 24px);
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}
.aparthotel-profit-title-img{
    cursor: pointer;
}
.aparthotel-profit-btn{
    border-radius: 100px;
    padding: 8px 16px;
    border-width: 1px;
    border: 1px solid rgba(0, 0, 0, 0.12);

    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
    text-decoration: none;
}
.aparthotel-profit-graph{
    padding: 0 8px 23px 8px;
}


.aparthotel-advant{
    margin-bottom: 24px;
}
.aparthotel-advant-case{
    display: flex;
    /*justify-content: space-between;*/
    gap: 24px;
}
.aparthotel-advant-block{
    border-radius: 24px;
    background: rgba(255, 255, 255, 1);
    width: 24%;
    padding: 24px;
}
.aparthotel-advant-num{
    font-weight: 500;
    font-style: Medium;
    font-size: clamp(24px, 2.13vw, 32px);
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 8px;
}
.aparthotel-advant-sign{
    font-weight: 400;
    font-style: Regular;
    font-size: clamp(14px, 2.13vw, 16px);
    line-height: 100%;
    color: rgba(0, 0, 0, 0.6);
}


.aparthotel-company{
    margin-bottom: 24px;
}
.aparthotel-company-case{
    border-radius: 24px;
    background: rgba(255, 255, 255, 1);
    padding: 24px;
    width: 100%;
}
.aparthotel-company-top{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
    height: 54px;
}
.aparthotel-company-top-logo{
    width: 54px;
    height: 54px;
}
.aparthotel-company-top-logo img{
    width: 54px;
    height: 54px;
}
.aparthotel-company-top-title{
    display: flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 4px;
}
.aparthotel-company-top-name{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 20px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}
.aparthotel-company-top-star{
    /* font-family: SF Pro; */
    font-weight: 590;
    font-style: Semibold;
    font-size: 17px;
    line-height: 100%;
    color: rgba(244, 190, 80, 1);
}
.aparthotel-company-top-num{
    /* font-family: SF Pro; */
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}
.aparthotel-company-top-sign{
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.45);
}
.aparthotel-company-description{
    height: 98px;
    overflow: hidden;
    margin-bottom: 8px;
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 140%;
    color: rgba(0, 0, 0, 1);
}
.aparthotel-company-expand{
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 100%;
    color: var(--Accent, rgba(0, 13, 255, 1));
    cursor: pointer;
}


.aparthotel-investors-case{
    background: rgba(255, 255, 255, 1);
    border-radius: 24px;
    padding: 24px;
    width: 100%;
}
.aparthotel-investors-heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}
.aparthotel-investors-heading-title{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: clamp(18px, 2.13vw, 24px);
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 1);
}
.aparthotel-investors-heading-but{
    display: flex;
    gap: 8px;
    align-items: center;
}
.aparthotel-investors-but{
    border-radius: 100px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.12);
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.9);
}
.aparthotel-investors-but.active{
    border-radius: 100px;
    background: rgba(0, 13, 255, 0.1);
    border: none;
    color: var(--Accent, rgba(0, 13, 255, 1));
}
.aparthotel-investors-container{
    display: flex;
    gap: 16px;
    flex-direction: column;
}
.aparthotel-investors-block{
    border-radius: 24px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 24px;
}
.aparthotel-investors-com-top{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    height: 54px;
}
.aparthotel-investors-com-foto{
    width: 54px;
    height: 54px;
}
.aparthotel-investors-com-foto img{
    width: 54px;
    height: 54px;
    border-radius: 100px;
}
.aparthotel-investors-com-title{
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 4px;
}
.aparthotel-investors-com-intelblock{
    display: flex;
    align-items: center;
    gap: 6px;
}
.aparthotel-investors-com-inteltext{
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.5);
}
.aparthotel-investors-com-middle{
    margin-bottom: 16px;
}
.aparthotel-investors-com-text{
    height: 129px;
    overflow: hidden;
    /* font-family: SF Pro; */
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 150%;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 8px;
}
.aparthotel-investors-com-read{
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--Accent, rgba(0, 13, 255, 1));
}
.aparthotel-investors-com-bottom{
    display: flex;
    align-items: center;
    gap: 16px;
}
.aparthotel-investors-com-like,
.aparthotel-investors-com-reply{
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}
.aparthotel-investors-com-like-sum,
.aparthotel-investors-com-reply-sum{
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}
.aparthotel-investors-ans{
    border-radius: 8px;
    background: rgba(0, 13, 255, 0.05);
    padding: 24px;
    margin-top: 24px;
}

.aparthotel-investors-ansinfo{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 4px;
    overflow: hidden;
}
.aparthotel-investors-ans-logo{
    width: 54px;
    height: 54px;
}
.aparthotel-investors-ans-logo img{
    width: 54px;
    height: 54px;
}
.aparthotel-investors-ans-text{
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.aparthotel-investors-ans-title{
    display: flex;
    gap: 4px;
    align-items: center;
    /* margin-bottom: 4px; */
}
.aparthotel-investors-ans-name{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 20px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}
.aparthotel-investors-ans-star{
    /* font-family: SF Pro; */
    font-weight: 590;
    font-style: Semibold;
    font-size: 17px;
    line-height: 100%;
    color: rgba(244, 190, 80, 1);
}
.aparthotel-investors-ans-num{
    /* font-family: SF Pro; */
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}
.aparthotel-investors-ans-sign{
    white-space: nowrap;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.45);
    /* margin-bottom: 8px; */
}
.aparthotel-investors-ans-reply{
    /* font-family: SF Pro; */
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 150%;
    color: rgba(0, 0, 0, 1);
    padding-left: 69px;
}


/* index5 */
/* Блоки фильтров */

/* menu-filtr-catalog */
.menu-filtr-catalog{
    display: none;
    position: absolute;
    width: 313px;
    height: 441px;
    border-radius: 24px;
    padding: 16px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 14px 64px -4px rgba(24, 39, 75, 0.12);
    /* box-shadow: 0px 8px 22px -6px rgba(24, 39, 75, 0.12); */
}
.menu-filtr-topblock{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.menu-filtr-row{
    border-radius: 8px;
    border-width: 1px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 16px;
}
.menu-filtr-row-text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
    cursor: pointer;
}
.menu-filtr-scale-text{
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}
.menu-filtr-scale-text-blue{
    color: var(--Accent, rgba(0, 13, 255, 1));
}
.menu-filtr-scaleline{
    height: 44px;
    padding: 20px 0;
    position: relative;
}
.filtr-line1{
    height: 4px;
    width: 100%;
    background: var(--Accent, rgba(0, 13, 255, 1));
}
.filtr-bal-min1{
    position: absolute;
    left: -14px;
    top: 0;
}
.filtr-bal-max1{
    position: absolute;
    right: -14px;
    top: 0;
}
.filtr-bal-min1 img,
.filtr-bal-max1 img{
    cursor: pointer;
}
.menu-filtr-scalevalue{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
    padding: 0 4px 0 7px;
}
.filtr-line2{
    height: 4px;
    width: 100%;
    background: var(--Accent, rgba(0, 13, 255, 1));
}
.filtr-bal-min2{
    position: absolute;
    left: -14px;
    top: 0;
}
.filtr-bal-max2{
    position: absolute;
    right: -14px;
    top: 0;
}
.filtr-bal-min2 img,
.filtr-bal-max2 img{
    cursor: pointer;
}
.menu-filtr-btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
}
.menu-filtr-btn-reset{
    border-radius: 100px;
    padding: 16px 24px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    font-weight: 500;
    font-style: Medium;
    font-size: 17px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.9);
    cursor: pointer;
}
.menu-filtr-btn-apply{
    border-radius: 100px;
    border-style: none;
    padding: 16px 24px;
    background: var(--Accent, rgba(0, 13, 255, 1));
    font-weight: 500;
    font-style: Medium;
    font-size: 17px;
    line-height: 100%;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
}


/* menu-graph */
.menu-graph{
    display: none;
    width: 282px;
    height: 265px;
    border-radius: 24px;
    padding-left: 16px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    /* box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12); */
}
.menu-graph-row{
    padding: 16px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    gap: 6px;
    align-items: center;
}
.menu-graph-row-check{
    visibility: hidden;
}
.menu-graph-row-text{
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
}
.active .menu-graph-row-check{
    visibility: visible;
}
.active .menu-graph-row-text{
    font-weight: 500;
    font-style: Medium;
    color: var(--Accent, rgba(0, 13, 255, 1));
}


/* menu-companies */
.menu-companies{
    display: none;
    position: absolute;
    width: 282px;
    height: 265px;
    border-radius: 24px;
    padding-left: 16px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    /* box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12); */
}
.menu-companies-row{
    padding: 16px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    gap: 6px;
    align-items: center;
}
.menu-companies-row-check{
    visibility: hidden;
}
.menu-companies-row-text{
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
}
.active .menu-companies-row-check{
    visibility: visible;
}
.active .menu-companies-row-text{
    font-weight: 500;
    font-style: Medium;
    color: var(--Accent, rgba(0, 13, 255, 1));
}


/* Контейнер, скрывающий содержимое за границами */
.invest-bar {
    width: 100%; /* или фиксированная ширина, по необходимости */
    overflow: hidden;
    position: relative;
}

/* Внутренний блок, которого будем анимировать */
.bar-case {
    display: flex; /* Гибкий контейнер для линий */
    width: max-content; /* Размер по содержимому */
    animation: marquee 55s linear infinite; /* Анимация прокрутки */
}

/* Дублирование содержимого для бесшовного повторения */
.bar-case > * {
    flex-shrink: 0; /* Не сокращать элементы */
    margin-right: 50px; /* Расстояние между блоками, опционально */
}

/* Ключевые кадры для движения */
@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.analyt-frame {
    width: 100%;
    height: 800px;
}

.a_hide {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 40px;
    top: 1024px;
}


.hashtags {
    color: blue;
    text-decoration: underline;
}

.lock {
    font-size: 16px;
    color: blue;
    display: flex;
    align-items: center;
}

.info-grade-below {
    padding-bottom: 16px;
    display: flex;

}

.info-grade-below:not(:first-child):not(:last-child) {
    padding-bottom: 16px;
    padding-top: 16px;
}

.info-grade-below:first-child
/*.info-grade-below:nth-child(2)*/ {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.check-img {
    margin-right: 6px;
}