.main-page-banner.person-details-banner .person-detail-image .person-detail-image-holder img{
    object-position: bottom;
}

.animation-element{
    transition: all 0.3s ease;
}
.interactive-hide{
    transform: translateY(-10px);
    opacity: 0;
}
.search-side-bar .search-side-bar-holder .search-bar-results .search-bar-results-holder.interactive-hide{
    display: none;
}

.page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .text.text-blue-primary p a,
.page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .text.text-blue-primary h4 a,
.page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .text.text-blue-primary .h4 a,
.page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .text.text-blue-primary ul a,
.page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .text.text-blue-primary ol a{
    color: var(--brand-orange-primary);
}
.page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .text.text-blue-primary p a:hover,
.page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .text.text-blue-primary h4 a:hover,
.page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .text.text-blue-primary .h4 a:hover,
.page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .text.text-blue-primary ul a:hover,
.page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .text.text-blue-primary ol a:hover{
    text-decoration: underline;
}


.page-heading.without-picture{
    margin: 0 -8px;
    width: calc((100% / 9) * 8);
}
.page-heading.without-picture .page-heading-holder{
    padding: 0 8px;
}

.non-scrollable{
    scrollbar-gutter: stable;
}


.interactive-loader-elements{
    /*transform: translateY(0px);*/
    opacity: 1;
    transition: all 0.6s ease;
}
.interactive-loader-elements.hide{
    /*transform: translateY(10px);*/
    opacity: 0;
}

.section-full-height-size{
    height: 100vh;
    box-sizing: border-box;
}

@media only screen and (max-width: 766px) {
    .section-full-height-size{
        height: auto;
    }
}

.change-background-on-scroll-top-js{
    /*padding-bottom: 40px;*/
}
.detail-news-after-info-container{
    padding-bottom: 40px;
}

@media only screen and (max-width: 1560px) {
    .section-full-height-size{
        /*min-height: 100vh;*/
    }
}
.section-full-height-size .wrapper-inside,
.section-full-height-size .section-competention-container,
.section-full-height-size .section-competention-container .column-grid-container,
.section-full-height-size .section-competention-container .column-grid-container .competention-slider-content,
.section-full-height-size .section-competention-container .column-grid-container .competention-slider-content .swiper,
.section-full-height-size .section-competention-container .column-grid-container .competention-slider-content .swiper .competention-slider-content-item,
.section-full-height-size .section-competention-container .column-grid-container .competention-slider-content .swiper .competention-slider-content-item .competention-item-container{
    height: 100%;
}


.interactive-vision-elements-block{
    transition: all 0.6s ease;
}
.hide .interactive-vision-elements-block{
    transform: translateY(20px);
    opacity: 0;
}

.loading-on-page{
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.hide .loading-on-page{
    visibility: visible;
    z-index: 10;
}
.loading-on-page .loading-icon{
    top: 50%;
    position: sticky;
    text-align: center;
}
.loading-on-page .loading-icon svg{
    animation: rotation 1s linear infinite;
}








.main-page-banner.person-details-banner .person-detail-image{
    height: 100%;
}
.main-page-banner.person-details-banner .person-detail-image .person-detail-image-holder{
    text-align: center;
}
.main-page-banner.person-details-banner .person-detail-image .person-detail-image-holder img{
    max-width: unset;
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}

@media only screen and (max-width: 1280px) {
    .main-page-banner.person-details-banner .person-detail-image{
        height: calc(100% - 74px);
    }
}
@media only screen and (max-width: 766px) {
    .main-page-banner.person-details-banner .person-detail-image{
        /*height: calc(100% - 74px);*/
    }
    .main-page-banner.person-details-banner .person-detail-image .person-detail-image-holder{
        overflow: hidden;
    }
    .main-page-banner.person-details-banner .person-detail-image .person-detail-image-holder img{
        width: auto;
        transform: translateX(-50%);
        left: 50%;
        position: relative;
    }

}

.error-page-banner{
    overflow: hidden;
}
.error-page-banner::before{
    display: none;
}
.error-page-banner .section-animation-block {
    width: 2000px;
    height: 2000px;
    pointer-events: none;
    touch-action: none;
}
.error-page-banner .section-animation-block.right {
    left: auto;
    right: 0%;
    top: 0%;
    transform: translate(55%, -65%);
}
.error-page-banner .section-animation-block.left {
    left: 0%;
    bottom: 0%;
    transform: translate(-59.2%, 15.6%);
}
@media only screen and (max-width: 1279px) {
    .error-page-banner-container {
        padding: 0px;
    }
    .error-page-banner .section-animation-block,
    .section.section-feedback .section-animation-block{
        width: 1000px;
        height: 1000px;
    }
    .error-page-banner .section-animation-block.right,
    .section.section-feedback .section-animation-block.right{
        transform: translate(41%, -54%);
    }
    .error-page-banner .section-animation-block.left,
    .section.section-feedback .section-animation-block.left{
        transform: translate(-48.2%, 77.6%);
    }
}
@media only screen and (max-width: 766px) {
    .error-page-banner .section-animation-block,
    .section.section-feedback .section-animation-block{
        width: 600px;
        height: 600px;
    }
    .error-page-banner .section-animation-block.right,
    .section.section-feedback .section-animation-block.right{
        transform: translate(53%, -62%);
    }
    .error-page-banner .section-animation-block.left,
    .section.section-feedback .section-animation-block.left{
        transform: translate(-52.2%, 87.6%);
    }
}



.personnel-item{
    transition: all 0.3s ease-in-out;
}
.hidden-element-personnel{
    opacity: 0;
    transform: translateY(10px);
}

.employee-main-slider-container .common-swiper-container{
    height: 100%;
}
.employee-main-slider-container .common-swiper-container .full-hidden-swiper-btn{
    width: 7vw;
}
.employee-card-text-link:hover{
    color: var(--brand-blue-primary);
}


.floating-sub-menu-component-holder-bg{
    position: absolute;
    height: 100%;
}
@media only screen and (max-width: 1279px) {
    .floating-sub-menu-component .floating-sub-menu-component-holder .inner-sub-menu-container {
        width: 100%;
        max-width: unset;
    }
}

.section-personnel-list.pseudo-section-for-floating-sub-menu .section-personnel-list-container .floating-sub-menu-component.column-grid-container{
    left: 0px;
}


@media (max-width: 1480px) {
    .section-competention .competention-item-people-block .employee-list-component .employee-list-component-holdere .images .images-holder .image {
        width: 48px;
        height: 55px;
    }
}
@media (max-width: 768px) {
    .competention-slider-content{
        padding-top: 40px;
    }
}
@media (max-width: 1279px) {
    .bg-third.section-competention .competention-slider-content-item {
        border-left:1px solid  rgb(15 45 105 / 20%)
    }
}


.main-page-banner.page-banner-content.bg-linear-blue.animation-bg-fon{
    position: relative;
    background: linear-gradient(180deg, #06132D 0%, #164198 100%);
}
.main-page-banner.page-banner-content.bg-linear-blue.animation-bg-fon .wrapper-inside{
    z-index: 1;
}
.main-page-banner.page-banner-content.bg-linear-blue.animation-bg-fon:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #13429E 0%, #06132D 100%);
    animation: smoothTransition 6s ease-in-out infinite;
}

@keyframes smoothTransition {
    0%, 100% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.8;
    }
}



.section-module-picture-container img{
    max-height: 100vh;
    object-fit: cover;
}

.info-slider-container .swiper{
    overflow: visible;
}

.section-personnel-list-container .page-list-title .page-list-title-holder .number .number-holder{
    border-left: 1px solid var(--brand-blue-primary-20);
}

@media only screen and (max-width: 1279px) {
    .page-list-title .page-list-title-holder {
        align-items: baseline;
    }
    .section-personnel-list-container .page-list-title .page-list-title-holder {
        align-items: normal;
    }
}



.main-page-banner.person-details-banner .page-heading-container{
    z-index: 5;
}
@media (hover: hover) {
    .main-page-banner.person-details-banner .page-heading-container {
        pointer-events: unset;
    }
}


.header.employees-header{

}
.header.employees-header .header-menu-block{
    padding-top: 28px;
}
.header.employees-header .header-btns-block{
    padding-top: 28px;
}
.header.employees-header .header-logo{
    padding-top: 24px;
}
.header.employees-header .header-logo svg{
    width: 148px;
    height: 32px;
}
@media only screen and (max-width: 1279px) {
    .header.employees-header .header-logo {
        padding-top: 24px;
    }
    .header.employees-header .header-btns-block {
        padding-top: 24px;
    }
    .header.employees-header .header-menu-block {
        padding-top: 24px;
    }
    .header.employees-header .header-logo svg {
        width: 120px;
        height: 26px;
    }
}
@media only screen and (max-width: 766px) {
    .header.employees-header .header-logo {
        padding-top: 20px;
    }
    .header.employees-header .header-btns-block {
        padding-top: 22px;
    }
}
.cursor-icon-down-white .btn.btn-standalone-icon .btn-part.btn-icon{
    width: 52px;
    height: 52px;
}



@media only screen and (max-width: 1279px) {
    .news-cards-list .news-item-component .news-item-component-holder .news-desc {
        box-sizing: border-box;
        padding-right: 24px;
    }
}


.contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media only screen and (max-width: 766px) {
    .contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes{
        gap: 20px;
    }
}


.numbers-day-item .h3{
    margin-left: 5px;
}
.numbers-day-item{
    color: #0F2D69;
}
.numbers-day-counter{
    transition: all 0.3s ease;
}
.numbers-day-counter.white{
    color: white;
}

.numbers-day-items-text-style-3{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.numbers-day-items-text-style-3 .numbers-day-items-text-title{
    transition: all 0.3s ease;
}
a:hover .numbers-day-items-text-style-3 .numbers-day-items-text-title{
    color: white;
}
a:hover .numbers-day-items-text-style-3 .numbers-day-items-text-date{
    color: white;
}
.numbers-day-items-text-style-3 .numbers-day-items-text-date{
    color: #0F2D69A3;
    opacity: 0.64;
    transition: all 0.3s ease;
}
.numbers-day-items-text-style-3 .numbers-day-items-text-desc{
    color: var(--Text-Primary-64, rgba(15, 45, 105, 0.64));
    transition: all 0.3s ease;
}
a:hover .numbers-day-items-text-style-3 .numbers-day-items-text-desc{
    color: white;
}

.numbers-day-item-content{

}
.numbers-day-item-content .img{

}
.numbers-day-item-content .img img{
    width: 100%;
}

@media only screen and (max-width: 1839px) {
    .numbers-day-counter{
        top: 21px;
        font-size: 12px;
    }
    /*
    .numbers-day-item-container{
        padding-right: calc(100% - 366px);
    }
    */

}

@media (max-width: 1480px) {
    /*
    .numbers-day-item-container {
        padding-right: calc(100% - 296px);
    }
    */
}

@media (max-width: 979px) {
    .section-numbers-day-container {
        width: 91.111%;
    }
}




.side-menu-background-container{

}
.side-menu-background-container.animate-show{
    opacity: 1;
    pointer-events: unset;
    touch-action: unset;
}
.side-menu-container{
    transition: all 0.45s cubic-bezier(0.76, 0, 0.24, 1) 0s;
}
.side-menu-container#side-personnel-position-details-id-1{
    width: clamp(341px, calc((95vw - 18px)/12 * 4 + clamp(28px, 2.083vw, 40px)), 487px);
    transform: translateX(clamp(341px, calc((95vw - 18px)/12 * 4 + clamp(28px, 2.083vw, 40px)), 487px));
}
.side-menu-container.animate-show{
    transform: translate(0);
}
.side-menu-container#side-personnel-position-details-id-1.animate-show{
    transform: translate(0);
}
.side-menu-container.animate-show .side-menu-container-holder .inner-container{
    opacity: 1;
}

.animate-this-block{
    overflow: hidden;
}
.animate-this-block.animate-hide-overflow{
    overflow: visible;
}
.animate-this-block.animate-text{

}
.animate-this-block.animate-inactive{

}
.animate-this-block .animate-this-content{
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.7s cubic-bezier(0.38, 0, 0, 0.99) 0s;
}
.animate-this-block.animate-active .animate-this-content{
    opacity: 1;
    transform: translateY(0%);
}


html.menuOpen{
    overflow: hidden;
    scrollbar-width: none;
}
html.menuOpen::-webkit-scrollbar { display: none; }
.separated-full-container-content .top{
    overflow: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    padding-right: 20px;
}
.menues-component.custom-scroll{
    overflow: visible;
}
.tabs .tab .tab-content .inner-tab-conentent .custom-scroll{
    padding-right: 20px;
}
/*
#side-contact-form .tabs .tab .tab-content .inner-tab-conentent .custom-scroll{
    padding-right: 0px;
}
*/


.complex-side-form .separated-form-content .top,
.side-menu-contains .side-menu-contains-holder .top-part,
.personnel-position-detail .position-details .position-details-holder{
    overflow: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.section-numbers-day-slider{
    position: relative;
}
.section-numbers-day-slider .swiper-prev-slide{
    display: inline-block;
    width: 80px;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: 0;
    cursor: pointer;
}
.section-numbers-day-slider .swiper-next-slide{
    display: inline-block;
    width: 80px;
    height: 100%;
    position: absolute;
    z-index: 10;
    right: 0px;
    cursor: pointer;
}




.footer-line-3{
    padding-top: 160px;
}
.footer-line-3 .column-grid-container{
    align-items: end;
}
.footer-logos-line{
    width: 74.5%;
}
.footer-logos-line .footer-logo-vshe img{
    width: 73px;
    height: 73px;
}
.footer-logos-line .line{
    height: 73px;
}
.footer-logos-line .footer-logo-igmu img{
    width: 340px;
    height: 73px;
}
.footer-line-3 .footer-politica{
    margin-top: 15px;
}


@media only screen and (1280px <=width <=1839px) {
    .footer-menu-container ul li{
        margin-bottom: 14px;
    }

    .footer-line-3{
        padding-top: 118px;
    }
    .footer-logos-line{
        width: 68.5%;
    }
    .footer-logos-line .footer-logo-vshe img{
        width: 46px;
        height: 46px;
    }
    .footer-logos-line .line{
        height: 46px;
    }
    .footer-logos-line .footer-logo-igmu img{
        width: auto;
        height: 46px;
    }
    .footer-line-3 .footer-politica{
        margin-top: 12px;
    }
}

@media only screen and (max-width: 1279px){
    .footer-line-3 {
        padding-top: 100px;
    }
    .footer-logos-line .footer-logo-vshe img{
        width: 61px;
        height: 61px;
    }
    .footer-logos-line .line{
        height: 61px;
    }
    .footer-logos-line .footer-logo-igmu img{
        width: auto;
        height: 61px;
    }
    .footer-logos-line {
        width: 84.5%;
    }
    .footer-line-3 .column-grid-container{
        align-items: start;
    }
    .footer-line-3 .footer-politica {
        margin-top: 6px;
    }
    .footer-line-3 .footer-func{
        margin-top: 6px;
    }
}

@media only screen and (max-width: 767px){

    .footer-line-3 {
        padding-top: 18px;
    }
    .footer-logos-line .footer-logo-vshe img {
        width: 54px;
        height: 54px;
    }
    .footer-logos-line .line {
        height: 54px;
    }
    .footer-logo-igmu {
        width: auto;
    }
    .footer-logos-line{
        width: 100%;
        margin-bottom: 27px;
    }
    .footer-logos-line .footer-logo-igmu img {
        width: auto;
        height: 54px;
    }
    .footer-line-3 .footer-politica {
        margin-top: 12px;
    }
    .footer-line-3 .footer-func {
        margin-top: 12px;
    }

}

.personnel-list-otdels-list{
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.section-personnel-list .section-personnel-list-container .heading.with-otdels{
    /*margin-bottom: 52px;*/
}

@media only screen and (max-width: 1279px) {
    .personnel-list-otdel-item .page-list-title .page-list-title-holder .number .number-holder {
        font-size: var(--font-size-paragraph);
    }
}

@media only screen and (max-width: 767px) {
    .personnel-list-otdels-list{
        gap: 40px;
    }

}


.competention-item-title .otdels-name{
    margin-top: 16px;
    color: var(--brand-blue-primary-44);
    font-size: var(--font-size-sub-title);
    line-height: var(--line-height-sub-title);
    letter-spacing: var(--letter-spacing-sub-title);
}

@media only screen and (max-width: 767px) {

}


.otdel-item{
    margin-bottom: 115px;
}
.otdel-item:last-of-type{
    margin-bottom: 0;
}
.otdel-item .heading{
    margin-bottom: 52px;
}
@media only screen and (max-width: 1279px) {
    .otdel-item{
        margin-bottom: 44px;
    }
    .otdel-item .heading{
        margin-bottom: 32px;
    }
}
@media only screen and (max-width: 767px) {
    .otdel-item{
        margin-bottom: 40px;
    }
    .otdel-item .heading{
        margin-bottom: 24px;
    }
}



.lang-changer{
    margin-top: 12px;
}
.lang-changer.onpage{
    margin-top: 0px;
}
.lang-changer svg{

}
.text-white-primary .lang-changer:hover{
    color: #FA6626;
}
.text-white-primary .lang-changer.active{
    color: var(--brand-white-primary-64);
}
.text-white-primary .lang-changer.active svg{
    transform: rotate(180deg);
}
.lang-changer-list .common-link.lang-changer-item.another-lang{
    font-size: 20px;
}
.lang-changer-list{

}
.lang-changer-list .lang-changer-item{
    margin-top: 12px;
}


.floating-header.lang-mode{
    overflow: visible;
}


.floating-header .lang-changer{
    margin-top: -2px;
    margin-right: 1px;
}
.floating-header-language{
    position: relative;
}
.floating-header-language .lang-changer-list{
    position: absolute;
    left: -19px;
    top: 48px;
    padding: 0 31px 12px 19px;
    background-color: var(--brand-white-primary-64);
    backdrop-filter: blur(12px);
}


@media only screen and (max-width: 1279px) {
    .lang-changer{
        margin-top: 0px;
    }
    .floating-header-language .lang-changer-list{
        top: 41px;
    }
}
@media only screen and (max-width: 767px) {
    .lang-changer {
        margin-top: -2px;
    }

    #page-sections-filter .bottom{
        padding-bottom: 16px;
        display: flex;
        align-items: end;
    }

}


@media only screen and (min-width: 1280px) {

    .personnel-slider-container .common-swiper-holder.lang-version {
        /*margin: 0 -8px;*/
    }

    .personnel-slider-container .swiper-slide-auto-width.lang-version {
        width: calc(33.33% - 10px);
        box-sizing: border-box;
        /*padding: 0 8px;*/
    }

    .lang-version .employee-card-size-block.big {
        width: 100%;
    }

    .lang-version .employee-card-component .employee-card-component-holder.with-side-line {
        /*padding-right: 16px;*/
    }

    .lang-version .employee-card-component.big .employee-card-component-holder .image {
        width: 100%;
        height: auto;
    }

}


.mediacenter-slider-container.lang-version{

}
.lang-version .details .desc .desc-holder .text.four-lines-crop.text-linecrop {
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
.lang-version .details .desc .desc-holder .action{
    margin-top: 46px;
}
.lang-version .details .desc .desc-holder .text.four-lines-crop{
    height: 70px;
}
.lang-version .collapseabale-component-js .desc .desc-holder .text{
    overflow: hidden;
    transition: all 300ms;
}

.lang-version .news-item-component .news-item-component-holder{
    gap: 44px;
}
.lang-version .news-item-component .news-item-component-holder .news-desc .details{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.lang-version .news-item-component .news-item-component-holder .news-desc .details .name{

}
.lang-version .news-item-component .news-item-component-holder .news-desc .details .name p.big{

}
.lang-version .news-item-size-block{
    width: 100%;
}
.lang-version .news-item-component .news-item-component-holder .news-desc{
    gap: 24px;
}

@media only screen and (max-width: 1279px) {
    .lang-version .news-item-component .news-item-component-holder .news-desc {
        gap: 10px;
    }
    .lang-version .news-item-component .news-item-component-holder .news-desc .details{
        gap: 10px;
    }
    .lang-version .details  .desc .desc-holder .text.four-lines-crop{
        height: 60px;
    }
    .lang-version .details .desc .desc-holder .action {
        margin-top: 24px;
    }
    .lang-version .news-item-component .news-item-component-holder {
        gap: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .lang-version .news-item-component .news-item-component-holder .news-desc {
        gap: 12px;
    }
    .lang-version .news-item-component .news-item-component-holder .news-desc .details {
        gap: 12px;
    }
    .lang-version .news-item-component .news-item-component-holder {
        gap: 24px;
    }
}



.section-info-block-text.lang-version{
    width: calc((100% / 9) * 4);
}
.section-info-body.lang-version{
    padding-top: 100px;
}
.text-for-resheniya-correction{
    max-width: 448px;
}
.block-search-bar-holder .selectric-open{
    z-index: 1;
}
@media only screen and (max-width: 1279px) {
    .section-info-block-text.lang-version{
        width: calc((100% / 9) * 5);
    }
    .section-info-body.lang-version {
        padding-top: 64px;
    }
    .module-page-text-block .text .text-for-resheniya-correction p{
        width: 100%;
    }

    .equipment-page-list .floating-sub-menu-component .floating-sub-menu-component-holder .inner-sub-menu-container{
        padding-top: 52px;
    }

    .complex-side-form .complex-side-form-holder .tabs .tab .tab-content .inner-tab-conentent{
        padding-top: 92px;
    }

}
@media only screen and (max-width: 767px) {
    .section-info-block-text.lang-version{
        width: 100%;
    }
    .section-info-body.lang-version {
        padding-top: 52px;
    }
    .text-for-resheniya-correction{
        max-width: 100%;
    }
    .menues-component .menu .items-list nav ul.smaller li{
        margin-bottom: 12px;
    }
    .menues-component .menu .items-list nav ul.smaller li:last-of-type{
        margin-bottom: 0px;
    }
}


.content.lang-version{
    padding-bottom: 0px;
}
.header.onlangpage{
    overflow: visible;
}
@media only screen and (max-width: 1279px) {
    .header-menu-container.onlangpage{
        justify-content: end;
    }
}
@media only screen and (max-width: 767px) {
    .header-btns-block.onlangpage{
        display: flex;
        gap: 24px;
    }
}


.section-module-page-technical-information.section-module-page-modef{
    display: flex;
    flex-direction: column;
    gap: 88px;
}
.research-docs-slider-modef{
    display: flex;
    flex-direction: column;
    gap: 26px;
}
.change-background-on-scroll-top-js .detail-news-after-info-container .tags .tags-holder .tag .tag-item:not(.no-bg),
.change-background-on-scroll-top-js .event-detail-after-info-container .tags .tags-holder .tag .tag-item:not(.no-bg){
    background-color: var(--brand-blue-primary-8);
}
@media only screen and (1280px <= width <= 1839px) {
    .section-module-page-technical-information.section-module-page-modef{
        gap: clamp(48px, 3.542vw, 68px);
    }
    .research-docs-slider-modef {
        gap: clamp(18px, 1.354vw, 26px);
    }
}
@media only screen and (max-width: 1279px) {
    .swiper .competention-slider-content-item .slide-anim{
        transform: translateY(0px);
        opacity: 1;
    }
}
@media only screen and (max-width: 767px) {
    .section-module-page-technical-information.section-module-page-modef {
        gap: 35px;
    }
    .research-docs-slider-modef {
        gap: 20px;
    }
}














.not-ordinary-page{
    text-align: right;
}
.not-ordinary-page .column-grid-container{
    flex-direction: row-reverse;
}
.not-ordinary-page .header-logo{
    text-align: right;
}
.not-ordinary-page .header-menu-container{
    justify-content: end;
    border-left: 0;
    border-right: 1px solid var(--brand-white-primary-20);
}
.not-ordinary-page .header-menu-block{
    padding-left: 0px;
    padding-right: 18px;
}
.not-ordinary-page .common-link{
    flex-direction: row-reverse;
}
.not-ordinary-page .btn{
    /*flex-direction: row-reverse;*/
    direction: rtl;
}

.not-ordinary-page .lang-changer-list{
    text-align: right;
}
.not-ordinary-page .page-navigation-component .page-navigation-component-holder.with-side-line{
    padding-left: 0px;
    padding-right: 40px;
}
.not-ordinary-page .section-info-head .category-title{
    margin-top: 0px;
}
.not-ordinary-page .with-side-line::before,
.not-ordinary-page .with-side-line::after{
    left: auto;
    right: 0px;
}
.not-ordinary-page .btn.btn-no-bg .btn-part.btn-icon,
.not-ordinary-page .btn .btn-part.btn-icon{
    transform: scaleX(-1);
}
.not-ordinary-page .sub-title{
    flex-direction: row-reverse;
}
.not-ordinary-page .chars-block-container-item{
    border-left: 0;
    border-right: 1px solid var(--Stroke-Primary, rgba(15, 45, 105, 0.20));
    padding-left: 0px;
    padding-right: 19px;
}
.not-ordinary-page .section-info-block-text{
    float: right;
}
.not-ordinary-page .desc-component .desc-component-holder .desc .desc-holder .text .text-holder p{
    float: right;
}
.not-ordinary-page .section-info-head.column-style{
    /*float: right;*/
    width: 100%;
    justify-content: end;
}
.not-ordinary-page .employee-card-component.big .employee-card-component-holder .desc{
    float: right;
}
.not-ordinary-page .employee-card-component .employee-card-component-holder.with-side-line{
    padding-left: 0px;
    padding-right: 24px;
}
.not-ordinary-page .research-card-component .research-card-component-holder .image .image-holder .image-text .image-text-holder{
    float: right;
}
.not-ordinary-page .desc-component .desc-component-holder .desc .desc-holder .action{
    direction: rtl;
}
.not-ordinary-page .breadcrumbs .breadcrumbs-holder nav ul li{
    margin-right: 0px;
    margin-left: 12px;
}
.not-ordinary-page .text-card-component .text-card-component-holder .contains{
    min-height: 400px;
}
.not-ordinary-page .chars-block-item{
    padding-right: 0px;
    padding-left: 80px;
}
.not-ordinary-page .tab-links .tab-link a.btn.current{
    /*flex-direction: row-reverse;*/
}
.not-ordinary-page .tab-links .tab-link a.btn.current .btn-part.btn-icon{
    transform: scaleX(-1);
}
.not-ordinary-page .menues-component .menu .items-list nav ul li a.current{
    transform: translateX(-10px);
}
.not-ordinary-page .menues-component .menu .items-list nav ul li a::before{
    left: auto;
    right: -10px;
}

.not-ordinary-page .desc-component .desc-component-holder .desc .desc-holder .text{
    height: auto;
}
.not-ordinary-page .desc-component .desc-component-holder .desc .desc-holder .text.four-lines-crop{
    height: 110px;
}

.lang-ar .cursors-list{
    transform: scaleX(-1);
}
.lang-ar .cookie-pop-up,
.lang-prs .cookie-pop-up{
    left: auto;
    right: 40px;
}
.lang-ar .cookie-pop-up .cookie-pop-up-holder .close,
.lang-prs .cookie-pop-up .cookie-pop-up-holder .close{
    right: auto;
    left: 24px;
}
.lang-ar .cookie-pop-up .cookie-pop-up-holder .text,
.lang-prs .cookie-pop-up .cookie-pop-up-holder .text{
    padding-right: 0px;
    padding-left: 32px;
}
@media only screen and (max-width: 1839px) {
    .cookie-pop-up {

    }
}
@media only screen and (max-width: 1279px) {
    .lang-ar .cookie-pop-up,
    .lang-prs .cookie-pop-up{

    }
}
@media only screen and (max-width: 767px) {
    .lang-ar .cookie-pop-up,
    .lang-prs .cookie-pop-up{
        left: auto;
        right: 0;
    }
}

.lang-ar .desc .text .text-holder,
.lang-prs .desc .text .text-holder{
    display: inline-block;
}

@media only screen and (max-width: 1279px) {
    .not-ordinary-page .header-menu-container{
        justify-content: start;
        border-color: transparent;
    }
    .not-ordinary-page .text-card-component .text-card-component-holder .contains {
        min-height: 300px;
    }
    .not-ordinary-page .employee-card-component .employee-card-component-holder.with-side-line{
        padding-right: 20px;
    }
    .not-ordinary-page .research-card-component .research-card-component-holder .image {
        width: calc(100% - 494px);
    }
    .not-ordinary-page .lang-version .details .desc .desc-holder .text.four-lines-crop{
        height: 72px;
    }
}
@media only screen and (max-width: 767px) {
    .not-ordinary-page .header-btns-block.onlangpage{
        flex-direction: row-reverse;
    }
    .not-ordinary-page .breadcrumbs .breadcrumbs-holder nav ul{
        justify-content: end;
    }
    .not-ordinary-page .breadcrumbs .breadcrumbs-holder nav ul li:last-of-type{
        padding-right: 0px;
    }
    .not-ordinary-page .breadcrumbs .breadcrumbs-holder nav{
        width: 100%;
        margin: 0px;
    }
    .not-ordinary-page .text-card-component .text-card-component-holder .contains {
        min-height: 280px;
    }
    .not-ordinary-page .employee-card-component .employee-card-component-holder.with-side-line{
        padding-right: 0px;
    }
    .not-ordinary-page.header.floating-header .header-menu-block{
        display: none;
    }
    .not-ordinary-page.header.floating-header .header-btns-block{
        flex-direction: row-reverse;
    }

    .lang-ar .research-card-component .research-card-component-holder .details .details-holder .heading,
    .lang-ar .research-card-component .research-card-component-holder .details .details-holder .heading .desc,
    .lang-ar .research-card-component .research-card-component-holder .details .details-holder .heading .desc .name
    .lang-prs .research-card-component .research-card-component-holder .details .details-holder .heading,
    .lang-prs .research-card-component .research-card-component-holder .details .details-holder .heading .desc,
    .lang-prs .research-card-component .research-card-component-holder .details .details-holder .heading .desc .name{
        height: 100%;
    }
    .lang-ar .research-card-component .research-card-component-holder .details .details-holder .heading .desc .name,
    .lang-prs .research-card-component .research-card-component-holder .details .details-holder .heading .desc .name{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        height: 100%;
    }

}




.lang-prs{

}
.lang-ar body,
.lang-prs body{
    font-family: "Noto Sans Arabic", sans-serif;
}



















.grafic-item{
    background: #F3F4F5;
}
.grafic-item .gradic-item-container{
    box-sizing: border-box;
    padding: 60px;
}
.grafic-item .gradic-item-container .grafic-item-title{
    margin-bottom: 64px;
}






/* курсор-крестик над графиком */
#revenueChart { cursor: crosshair; }

/* HTML-легенда (квадраты 14×14, отступ 12, gap 32) */
.grafic-item-lines .chart-legend {
    display: flex;
    align-items: center;
    gap: 33px;
    row-gap: 16px;
    flex-wrap: wrap;
    font-family: "HSE_Sans", Helvetica, Arial, sans-serif;
    color: #0F2D69;
}
.grafic-item-lines .chart-legend__item {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    line-height: 20px;
    font-size: 16px;
    user-select: none;
    cursor: pointer;
}
.grafic-item-lines .chart-legend__item.is-hidden { opacity: .5; }
.grafic-item-lines .chart-legend__box {
    width: 14px; height: 14px;
    border-radius: 0; /* квадрат */
    display: inline-block;
    box-sizing: border-box;
}

/* Внешний tooltip-карточка */
.grafic-item-lines .chart-tooltip{
    position:absolute;
    pointer-events:none;
    z-index:10;
    background:#fff;
    border-radius: 0px;
    padding:16px;
    border:0;
    font-family:"HSE_Sans",Helvetica,Arial,sans-serif;
    font-size:14px; line-height:21px;
    color:#0F2D69;
    /* transform: translate(-8px, -8px);  <-- убрать */
}
.grafic-item-lines .chart-tooltip .row {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
}
.grafic-item-lines .chart-tooltip .row:last-of-type{
    margin-bottom: 0px;
}
.grafic-item-lines .chart-tooltip .dot {
    width: 14px;
    height: 14px;
}
.grafic-item-lines .chart-tooltip .footer-tooltip {
    margin-top: 0px;

    color: rgba(15, 45, 105, 0.64);
}








.grafic-item-bars .chart-toolbar{
    display: flex;
    gap: 16px;
    margin: 0px 0 64px;
    flex-wrap: wrap;
}
.grafic-item-bars .chart-toolbar select{
    font: 16px/20px "HSE_Sans", Helvetica, Arial, sans-serif;
    padding:10px 12px; border:1px solid #E0E4EA; border-radius:8px; background:#fff;
}
.grafic-item-bars .chart-wrap{ position:relative; }
.grafic-item-bars #postalBars{
    width:100%;
    /*height:500px;*/
}
.grafic-item-bars .chart-bars-wrap{
    /* скролл появится автоматически, когда высота canvas больше, чем эта */
    overflow-y: auto;
}



.grafic-item-pie .pie-wrap-grafic{
    width: 100%;
    text-align: center;
}
/* квадратный контейнер под пирог */
.grafic-item-pie .pie-wrap{
    position: relative;
    width: min(470px, 100%); /* можно 100% если надо адаптивно */
    aspect-ratio: 1 / 1;    /* гарантируем квадрат */
    /* Или, если aspect-ratio недоступен: задайте явную высоту, напр. height:560px; */
    margin: 0 auto;
}

/* ОБЯЗАТЕЛЬНО перебиваем глобальные canvas-стили */
.grafic-item-pie .pie-wrap canvas{
    position:absolute; inset:0;
    width:100% !important;
    height:100% !important;   /* это убирает бесконечный рост */
    display:block;
}

/* легенда — как в первом графике (если ещё не подключено) */
.grafic-item-pie .chart-legend{
    display:flex;
    flex-wrap:wrap;
    gap:32px;
    align-items:center;
    font-family:"HSE_Sans",Helvetica,Arial,sans-serif;
    font-size:16px;
    line-height:20px;
    color:#0F2D69;
    margin-bottom: 80px;
}
.grafic-item-pie .chart-legend__item{display:inline-flex;align-items:center;cursor:pointer;user-select:none}
.grafic-item-pie .chart-legend__box{width:14px;height:14px;margin-right:12px;border:2px solid transparent}
.grafic-item-pie .chart-legend__item.is-hidden .chart-legend__box{opacity:.35}
.grafic-item-pie .chart-legend__item.is-hidden span:last-child{opacity:.55}

.grafic-item-donut .chart-legend__item{display:inline-flex;align-items:center;cursor:pointer;user-select:none}
.grafic-item-donut .chart-legend__box{width:14px;height:14px;margin-right:12px;border:2px solid transparent}
.grafic-item-donut .chart-legend__item.is-hidden .chart-legend__box{opacity:.35}
.grafic-item-donut .chart-legend__item.is-hidden span:last-child{opacity:.55}


/* только для этого графика */
.grafic-item-donut #donutWrap{
    position:relative;
    width: 100% !important;
}
.grafic-item-donut #donutWrap canvas{
    display:block;           /* убирает лишние нижние отступы */
    max-height:none !important;
    aspect-ratio:auto !important; /* на случай глобального правила */
}

/* html-легенда как в первом графике: квадратики 14×14, шрифт 16/20 */
.grafic-item-donut .chart-legend{display:flex;gap:32px;align-items:center;margin:0 0 16px 0;flex-wrap:wrap; margin-bottom: 80px;}
.grafic-item-donut .chart-legend__item{display:inline-flex;align-items:center;font:16px/20px "HSE_Sans",Helvetica,Arial,sans-serif;color:#0F2D69}
.grafic-item-donut .chart-legend__box{width:14px;height:14px;border-radius:2px;margin-right:12px}
.grafic-item-donut .pie-wrap {
    position: relative;
    width: min(560px, 100%);
    aspect-ratio: 1 / 1;
    margin: 0 auto;
}



.grafic-item {
    position: relative;
    height: 100%;
} /* важно для позиционирования тултипа */

.grafic-item .chart-tooltip{
    position:absolute;
    pointer-events:none;
    z-index:10;
    background:#fff;
    border-radius:0;
    padding:16px;
    border:0;
    font-family:"HSE_Sans",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:21px;
    color:#0F2D69;
}
.grafic-item .chart-tooltip .row{
    display:flex;
    align-items:center;
    gap:12px;
    white-space:nowrap;
    font-size:16px;
    line-height:20px;
    margin-bottom:12px;
}
.grafic-item .chart-tooltip .row:last-of-type{
    margin-bottom:0;
}
.grafic-item .chart-tooltip .dot{
    display: inline-block;
    width:14px;
    height:14px;
    border-radius:2px;
}
.grafic-item .chart-tooltip .footer-tooltip{
    color:rgba(15,45,105,.64);
}
.grafic-item .chart-tooltip-list{
    display: inline-block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: rgba(15, 45, 105, 0.64);
    margin-top: 6px;
}
.grafic-item .chart-tooltip-list li{
    margin-bottom: 0px;
}

.grafic-item-lines{

}
.grafic-item-lines .chart-legend{
    margin-bottom: 32px;
}




.bars-wrap-grafic{
    height: 500px;
    overflow-y: auto;
}
.bars-wrap {
    position: relative;
    width: 100%;
}

.bars-wrap canvas {
    display: block;
    width: 100% !important;
}






.pseudo-select-container{
    position: relative;
}
.pseudo-select-container .pseudo-select-container-content{
    display: flex;
    gap: 2px;
    cursor: pointer;
}
.pseudo-select-container .pseudo-select-container-content .pseudo-select-container-name{
    color: #0F2D69;
    font-family: "HSE_Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;

    background: white;

    box-sizing: border-box;
    padding: 10px 14px;

    transition: all 0.3s ease;
}
.pseudo-select-container .pseudo-select-container-content .pseudo-select-container-arrow{
    background: white;
    box-sizing: border-box;
    padding: 12px;

    transition: all 0.3s ease;

}

.pseudo-select-container .pseudo-select-container-content:hover .pseudo-select-container-name{

}
.pseudo-select-container .pseudo-select-options{
    display: inline-block;
    width: 100%;
    position: absolute;
    background: white;
    top: calc(100% + 2px);
    box-sizing: border-box;
    padding: 10px 14px;
    z-index: 10;
    display: none;
}
.pseudo-select-container .pseudo-select-options .chart-checkbox{
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.pseudo-select-container .pseudo-select-options .chart-checkbox:last-of-type{
    margin-bottom: 0px;
}




#revenueChart {
    display: block;
    width: 100% !important;
    height: 100% !important;  /* растягиваемся по wrapper'у */
}
.revenue-chart-wrapper {
    position: relative;
    width: 100%;
    height: 442px;          /* базовая высота */
}
@media only screen and (max-width: 1279px) {
    .grafic-item .gradic-item-container{

    }
    .grafic-item .gradic-item-container .grafic-item-title{
        margin-bottom: 42px;
    }
    .grafic-item-pie .chart-legend{
        margin-bottom: 52px;
    }
    .grafic-item-bars-vertical .chart-toolbar{
        margin-bottom: 52px;
    }
}
@media only screen and (max-width: 767px) {
    .revenue-chart-wrapper {
        height: 400px;      /* повыше на мобиле, как хочет клиент */
    }
    .grafic-item .gradic-item-container{
        padding: 18px;
    }
    .grafic-item .gradic-item-container .grafic-item-title {
        margin-bottom: 40px;
    }
    .grafic-item-bars.grafic-item .gradic-item-container .grafic-item-title{
        margin-bottom: 16px;
    }
    .grafic-item-lines .chart-legend,
    .grafic-item-pie .chart-legend{
        gap: 16px;
        row-gap: 8px;
    }
    .grafic-item-lines .chart-legend__item{
        font-size: 14px;
        gap: 7px;
    }

    .pseudo-select-container .pseudo-select-container-content .pseudo-select-container-name{
        font-size: 12px;
        line-height: 24px;
        white-space: nowrap;
    }
    .grafic-item .chart-tooltip{
        max-width: 200px;
    }
    .grafic-item .chart-tooltip .chart-tooltip-title{
        max-width: 100%;
        white-space: break-spaces;
    }


    .grafic-item-pie .pie-wrap{
        width: min(220px, 100%);
    }
    .grafic-item-pie .pie-wrap-grafic{
        margin-bottom: 40px;
    }

    .grafic-item-donut .pie-wrap{
        width: min(220px, 100%);        margin-bottom: 40px;
    }
    .grafic-item-donut .chart-legend{
        gap: 12px;
    }

}






.section-numbers-day-new{

}
.section-numbers-day-container-new{
    display: flex;
    flex-wrap: nowrap;
}
.section-numbers-day-left-block{
    width: calc(((100% - 1840px) / 2) + (((1840px + 16px) / 12) * 9) - 8px);
    padding-left: calc((100% - 1840px) / 2);
}
.section-numbers-day-right-block{
    box-sizing: border-box;
    width: calc(((100% - 1840px) / 2) + (((1840px + 16px) / 12) * 3) - 8px);
    padding-right: calc((100% - 1840px) / 2);
}
.section-numbers-day-left-block .section-numbers-day-title{
    width: 90%;
    box-sizing: border-box;
    height: 100%;
    align-items: end;
    display: flex;
    padding-bottom: 68px;
    padding-left: 0px;
}
.section-numbers-day-right-block .numbers-day-counter{
    right: 0px;
}


@media only screen and (1921px <= width) {
    .section-numbers-day-left-block{
        width: calc(((100% - 95.833%) / 2) + (((95.833% + 16px) / 12) * 9) - 8px);
        padding-left: calc((100% - 95.833%) / 2);
    }
    .section-numbers-day-right-block{
        width: calc(((100% - 95.833%) / 2) + (((95.833% + 16px) / 12) * 3) - 8px);
        padding-right: calc((100% - 95.833%) / 2);
    }
}
@media only screen and (max-width: 1839px) {
    .section-numbers-day-left-block{
        width: calc(((100% - 94.118%) / 2) + (((94.118% + 16px) / 12) * 9) - 8px);
        padding-left: calc((100% - 94.118%) / 2);
    }
    .section-numbers-day-right-block{
        width: calc(((100% - 94.118%) / 2) + (((94.118% + 16px) / 12) * 3) - 8px);
        padding-right: calc((100% - 94.118%) / 2);
    }
    .section-numbers-day-left-block .section-numbers-day-title{
        padding-bottom: 48px;
    }

    .captcha-line .captcha-img{
        width: 40%;
    }

}
@media only screen and (max-width: 1279px) {
    .section-numbers-day-left-block{
        width: calc(((100% - 95%) / 2) + (((95% + 12px) / 8) * 5) - 6px);
        padding-left: calc((100% - 95%) / 2);
    }
    .section-numbers-day-right-block{
        width: calc(((100% - 95%) / 2) + (((95% + 12px) / 8) * 3) - 6px);
        padding-right: calc((100% - 95%) / 2);
        padding-left: 6px;
    }
    .section-numbers-day-left-block .section-numbers-day-title{
        padding-bottom: 48px;
        width: 100%;
    }



}
@media only screen and (max-width: 767px) {
    .section-numbers-day-left-block{
        display: none;
    }
    .section-numbers-day-right-block{
        width: 100%;
        padding-right: calc((100% - 91.111%) / 2);
        padding-left: calc((100% - 91.111%) / 2);
    }
    .numbers-day-counter{
        top: 32px;
    }

    .page-list-title .page-list-title-holder .number{
        padding-top: 4px;
    }

}

.numbers-day-item a:before{
    display: none;
}
.section-numbers-day-right-block:before {
    content: '';
    position: absolute;
    top: 0;
    width: calc(100% - 8px);
    height: 0%;
    right: 0;
    background: var(--brand-orange-primary);
    opacity: 0;
    transition: all 300ms ease-in;
}
.section-numbers-day-right-block.hovered:before {
    opacity: 1;
    height: 100%;
}



.floating-sub-menu-component .floating-sub-menu-component-holder .inner-sub-menu-container{
    max-width: unset;
    width: 100%;
}

.competention-slider-controller-links ul li{
    margin-bottom: 0px;
}

.desc-component .desc-component-holder .desc.no-margin{
    margin-top: 0px;
}

.contact-person-details-picture{
    display: inline-block;

}


.employee-card-component.type-employee .employee-card-component-holder .desc .desc-holder.no-left-padding{
    padding-left: 0px;
}


.captcha-line{
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    margin-top: 20px;
}
.btn-bordered{
    border: 1px solid rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.64) !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 24px;
}
.btn-bordered:hover{
    border: 1px solid rgba(255,255,255,1);
    color: rgba(255,255,255,1) !important;
}
form .form-field .input .side-line{
    vertical-align: top;
}
.contact-person-details .contact-person-details-holdeer .image img{

}
.science-slider-container .swiper-slide{
    height: auto;
}
.science-slider-container .swiper-slide .research-card-size-block{
    height: 100%;
}


.bg-brand-blue-primary .employee-card-component .employee-card-component-holder .desc{
    color: white;
}
.bg-brand-blue-primary .employee-card-component .employee-card-component-holder .desc .desc-holder .type .type-name{
    color: white;
}
.bg-brand-blue-primary .employee-card-component .employee-card-component-holder .desc .desc-holder .name{
    color: white;
}
.bg-brand-blue-primary .employee-card-component.type-employee .employee-card-component-holder .desc .desc-holder .position{
    color: white;
}