/*vars.css*/

@media only screen and (1280px <=width <=1839px) {
    /*font-sizes*/
    :root {

        /*--footer-size: clamp(884px, 59.791vw, 1148px);*/

        /*font-sizes*/
        --font-size-paragraph: clamp(1rem, round(up, 1.042vw, 1px), 1.25rem) ; /*14px*/
        --line-height-paragraph: clamp(1.125rem, round(up, 1.25vw, 1px), 1.5rem); /*18px*/
        --font-size-paragraph-big: clamp(1.125rem, round(up, 1.458vw, 1px), 1.75rem); /*18px*/
        --line-height-paragraph-big: clamp(1.375rem, round(up, 1.667vw, 1px), 2rem); /*22px*/
        --letter-spacing-paragraph-big:clamp(-0.03375rem, -0.04375vw, -0.0525rem); /*-0.54px*/
        --font-size-paragraph-small: clamp(0.75rem, round(up, 0.833vw, 1px), 1rem); /*12px*/
        --line-height-paragraph-small: clamp(1rem, round(up, 1.042vw, 1px), 1.25rem); /*16px*/

        --font-size-tags: clamp(0.725rem, round(up, 0.729vw, 1px), 0.875rem); /*10px*/
        --line-height-tags: clamp(1rem, round(up, 0.938vw, 1px), 1.125rem); /*14px*/

        --font-size-sub-title: clamp(0.75rem, round(up, 0.833vw, 1px), 1rem); /*12px*/
        --line-height-sub-title: clamp(0.875rem, round(up, 1.042vw, 1px), 1.25rem) ; /*16px*/

        --font-size-link: clamp(0.75rem, round(up, 0.833vw, 1px), 1rem); /*12px*/
        --line-height-link: clamp(1rem, round(up, 1.042vw, 1px), 1.25rem); /*16px*/
        --letter-spacing-link: 0.01rem ; /*0.16px*/

        --font-size-button: clamp(0.75rem, round(up, 0.833vw, 1px), 1rem); /*12px*/
        --line-height-button: clamp(1rem, round(up, 1.042vw, 1px), 1.25rem) ; /*16px*/
        --letter-spacing-button: clamp(0.00875rem, 0.00833vw, 0.01rem); /*0.14px*/

        --font-size-h1: clamp(3.25rem, round(up, 3.75vw, 1px), 4.5rem); /*52px*/
        --line-height-h1: clamp(3.5rem, round(up, 3.958vw, 1px), 4.75rem); /*56px*/
        --letter-spacing-h1: clamp(-0.03rem, -0.0375vw, -0.045rem); /*-0.48px*/

        --font-size-h2: clamp(2.5rem, round(up, 3.125vw, 1px), 3.75rem); /*40px*/
        --line-height-h2: clamp(2.75rem, round(up, 3.333vw, 1px), 4rem); /*44px*/
        --letter-spacing-h2: clamp(-0.075rem, -0.09375vw, -0.1125rem); /*-1.2px*/

        --font-size-h3: clamp(2rem, round(up, 2.5vw, 1px), 3rem); /*32px*/
        --line-height-h3: clamp(2.25rem, round(up, 2.708vw, 1px), 3.25rem); /*36px*/
        --letter-spacing-h3: clamp(-0.0525rem, -0.075vw, -0.09rem); /*-0.84px*/

        --font-size-h4: clamp(1.75rem, round(up, 2.083vw, 1px), 2.5rem); /*28px*/
        --line-height-h4: clamp(2rem, round(up, 2.292vw, 1px), 2.75rem); /*32px*/
        --letter-spacing-h4: clamp(-0.0525rem, -0.0625vw, -0.075rem) ; /*-0.84px*/

        --font-size-h5: 1rem; /*16px*/
        --line-height-h5: 1.5rem; /*24px*/

        --font-size-h6: 0.875rem; /*14px*/
        --line-height-h6: 1.125rem; /*18px*/

        --font-size-number: clamp(4.5rem, round(up, 5.208vw, 1px), 6.25rem); /*72px*/
        --line-height-number: clamp(4.75rem, round(up, 5.417vw, 1px), 6.5rem); /*76px*/
    }
}

/*ui-kit.css*/
@media only screen and (1280px <=width <=1839px) {
    .tags .tags-holder .tag .tag-item {
        padding: clamp(7px, 0.46875vw, 9px) clamp(10px, 0.625vw, 12px);
    }

    .tags .tags-holder .tag .tag-item.no-bg {
        padding: clamp(7px, 0.46875vw, 9px) 0;
    }

    .tags-group {
        gap: clamp(12px, 0.833vw, 16px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .pagination nav ul li>* {
        width: clamp(37px, 2.708vw, 52px);
        height: clamp(37px, 2.708vw, 52px);
    }
}

/*buttons.css*/
@media only screen and (1280px <=width <=1839px) {
    .btn .btn-part.btn-text {
        padding: clamp(13px, 0.833vw, 16px) clamp(29px, 1.719vw, 33px);
    }
    .btn.btn-icon-morphed{
        width: clamp(42px, 2.708vw, 52px);
        height: clamp(42px, 2.708vw, 52px);
    }
    .btn .btn-part.btn-icon {
        width: clamp(40px, 2.708vw, 52px);
        min-height: clamp(40px, 2.708vw, 52px);
    }

    .btn .btn-icon .icon-group {
        width: clamp(14px, 1.042vw, 20px);
        height: clamp(14px, 1.042vw, 20px);
    }
}

/*components.css*/
@media only screen and (1280px <=width <=1839px) {
    .with-side-line {
        padding-left: clamp(24px, 1.666vw, 32px);
    }

    .with-top-line {
        padding-top: clamp(24px, 1.666vw, 32px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .desc-component .desc-component-holder .heading {
        margin: 0 0 clamp(20px, 1.302vw, 25px);
    }

    .desc-component .desc-component-holder .desc.big-margin {
        margin: clamp(32px, 2.083vw, 40px) 0 0;
    }

    .desc-component .desc-component-holder .desc .desc-holder {
        gap: clamp(32px, 2.292vw, 44px)
    }

    .desc-component .desc-component-holder .desc .desc-holder .text {
        height: clamp(54px, 3.75vw, 72px);
    }

    .desc-component .desc-component-holder .desc .desc-holder .text.four-lines-crop {
        height: clamp(72px, 5vw, 96px);
    }

    .desc-component .desc-component-holder .desc .desc-holder .text .text-holder img {
        height: clamp(338px, 25.781vw, 495px);
    }

    .desc-component .desc-component-holder .desc .desc-holder .text .text-holder .projects-list {
        margin-top: clamp(60px, 4.167vw, 80px)
    }
}

@media only screen and (1280px <=width <=1839px) {
    .boon-card-size-block {
        width: clamp(308px, 23.333vw, 448px);
    }

    .boon-card-size-block.with-image {
        width: clamp(612px, 47.5vw, 912px);
    }

    .boon-card-component .boon-card-component-holder {
        min-height: clamp(412px, 31.25vw, 600px);
    }

    .boon-card-component .boon-card-component-holder .text-container .text-container-holder .inner-text-container {
        padding: clamp(24px, 1.666vw, 32px);
    }
}


@media only screen and (1280px <=width <=1839px) {
    .cookie-pop-up {
        width: clamp(308px, 23.333vw, 448px);
        left: 40px;
        bottom: clamp(34px, 1.771vw, 40px);
    }

    .cookie-pop-up .cookie-pop-up-holder {
        padding: clamp(20px, 1.25vw, 24px);
    }

    .cookie-pop-up .cookie-pop-up-holder .close {
        right: clamp(21px, 1.25vw, 24px);
        top: clamp(20px, 1.354vw, 26px);
    }

    .cookie-pop-up .cookie-pop-up-holder .action {
        margin: clamp(12px, 0.833vw, 16px) 0 0;
    }
}

@media only screen and (1280px <=width <=1839px) {
    .data-list .data-element .data-element-holder.with-side-line {
        padding-left: clamp(12px, 0.833vw, 16px);
    }
}


@media only screen and (1280px <=width <=1839px) {
    .employee-card-size-block {
        width: clamp(308px, 23.333vw, 448px);
    }

    .employee-card-size-block.big {
        width: clamp(388px, 23.333vw, 448px);
    }

    .employee-card-component .employee-card-component-holder {
        min-height: clamp(88px, 6.510vw, 125px);
    }

    .employee-card-component .employee-card-component-holder .image {
        width: clamp(70px, 5.208vw, 100px);
        height: clamp(88px, 6.510vw, 125px);
    }

    .employee-card-component .employee-card-component-holder .desc {
        width: calc(100% - clamp(70px, 5.208vw, 100px) - 16px);
    }

    .employee-card-component.type-employee .employee-card-component-holder {
        min-height: clamp(98px, 7.292vw, 140px);
        gap: 12px;
    }

    .employee-card-component.type-employee .employee-card-component-holder .image {
        width: clamp(78px, 5.833vw, 112px);
        height: clamp(98px, 7.292vw, 140px);
    }

    .employee-card-component.type-employee .employee-card-component-holder .desc {
        width: clamp(calc(100% - 78px - 12px), calc(100% - 5.833vw - 12px), calc(100% - 112px - 16px));
    }

    .employee-card-component.type-employee .employee-card-component-holder .desc .desc-holder {
        padding-left: clamp(12px, 0.833vw, 16px);
    }

    .employee-card-component.big .employee-card-component-holder {
        gap: clamp(24px, 1.666vw, 32px);
    }

    .employee-card-component.big .employee-card-component-holder .image {
        width: clamp(190px, 14.219vw, 273px);
        height: clamp(238px, 17.813vw, 342px);
    }

    .employee-list-component .employee-list-component-holdere {
        gap: 12px;
        min-height: clamp(98px, 7.292vw, 140px);
    }

    .employee-list-component .employee-list-component-holdere .images .images-holder .image {
        width: clamp(78px, 5.833vw, 112px);
        height: clamp(98px, 7.292vw, 140px);
    }

    .employee-list-component .employee-list-component-holdere .desc {
        width: calc(100% - 12px - clamp(238px, 17.708vw, 340px));
    }

    .employee-list-component .employee-list-component-holdere .desc .desc-holder.with-side-line {
        padding-left: clamp(12px, 0.833vw, 16px);
    }

    .employee-list-component.small .employee-list-component-holdere .images .images-holder .image {
        width: clamp(56px, 4.167vw, 80px);
        height: clamp(70px, 5.208vw, 100px);
    }

    .competention-item-people-block .employee-list-component .employee-list-component-holdere .images .images-holder .image {
        width: clamp(42px, 3.125vw, 60px);
        height: clamp(42px, 3.125vw, 60px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .news-item-size-block {
        width: clamp(308px, 23.333vw, 448px);
    }

    .news-item-size-block.big {
        width: clamp(414px, 31.354vw, 602px);
    }

    .news-item-component .news-item-component-holder {
        padding: 0 clamp(20px, 1.25vw, 24px);
        min-height: clamp(412px, 31.25vw, 600px);
        gap: clamp(20px, 1.667vw, 32px);
    }

    .news-item-component.big .news-item-component-holder {
        padding: 0 clamp(24px, 1.666vw, 32px);
        min-height: clamp(398px, 30.208vw, 580px);
    }

    .news-item-component .news-item-component-holder .news-desc {
        gap: clamp(8px, 0.833vw, 16px);
    }

    .news-item-component .news-item-component-holder .news-add-infoes .add-info .news-image {
        width: clamp(296px, 11.094vw, 408px);
        height: clamp(197px, 15vws, 273px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .publication-card-size-block {
        width: clamp(416px, 31.146vw, 598px);
    }

    .publication-card-component .publication-card-component-holder {
        padding: clamp(24px, 1.666vw, 32px);
        gap: clamp(24px, 1.666vw, 32px);
        min-height: clamp(417px, 31.25vw, 600px);
    }

    .publication-card-component .publication-card-component-holder .heading {
        gap: clamp(14px, 1.042vw, 20px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .research-card-size-block {
        width: clamp(956px, 71.666vw, 1376px);
    }

    .research-card-size-block.small {
        width: clamp(633px, 47.448vw, 911px);
    }

    .research-card-size-block.middle  {
        width: clamp(633px, 47.448vw, 911px);
    }

    .research-card-component .research-card-component-holder {
        min-height: clamp(425px, 31.25vw, 600px);
    }

    .research-card-component .research-card-component-holder .image {
        width: calc(100% - clamp(308px, 23.333vw, 448px));
    }

    .research-card-component .research-card-component-holder .image .image-holder .image-text .image-text-holder {
        padding: clamp(24px, 1.667vw, 32px);
        width: clamp(75%, 90%, 100%);
    }

    .research-card-component .research-card-component-holder .details {
        width: clamp(308px, 23.333vw, 448px);
    }

    .research-card-component .research-card-component-holder .details .details-holder {
        gap: clamp(24px, 1.667vw, 32px);
        padding: clamp(24px, 1.667vw, 32px);
    }

    .research-card-component .research-card-component-holder .details .details-holder .heading {
        gap: clamp(14px, 1.042vw, 20px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .multi-info-slider-component .multi-info-slider-component-holder {
        min-height: clamp(612px, 47.5vw, 912px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .text-card-size-block {
        width: clamp(308px, 23.333vw, 448px);
    }

    .text-card-size-block.big {
        width: clamp(558px, 39.479vw, 758px);
    }

    .text-card-size-block.medium {
        width: clamp(465px, 35.365vw, 679px);
    }

    .text-card-component .text-card-component-holder .contains {
        padding: clamp(24px, 1.667vw, 32px);
        gap: clamp(12px, 0.833vw, 16px);
        min-height: clamp(280px, 16.667vw, 320px);
    }

    .text-card-component.mid-height .text-card-component-holder .contains {
        min-height: clamp(280px, 16.667vw, 320px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .position-catrd-size-block {
        width: clamp(425px, 31.406vw, 603px);
    }

    .position-card-component .position-card-component-holder {
        padding: 0 clamp(24px, 1.667vw, 32px);
        min-height: clamp(338px, 22.292vw, 428px);
    }

    .position-card-component .position-card-component-holder .desc .desc-holder {
        gap: clamp(28px, 2.083vw, 40px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .accordion-component .accordion-component-holder .heading .heading-holder {
        gap: clamp(60px, 4.167vw, 80px);
    }

    .accordion-component .accordion-component-holder .heading .heading-holder>.text {
        width: calc(100% - clamp(60px, 4.167vw, 80px) - 32px)
    }

    .accordion-component.full-width-text .accordion-component-holder .heading .heading-holder {
        gap: clamp(24px, 1.667vw, 32px);
    }

    .accordion-component .accordion-component-holder .contains .contains-hodler>.text {
        padding: clamp(24px, 1.667vw, 32px) 0 0;
    }
}

@media only screen and (1280px <=width <=1839px) {
    .project-card-component .project-card-component-holder {
        padding-right: clamp(60px, 4.167vw, 80px);
        min-height: clamp(142px, 8.75vw, 168px);
    }

    .project-card-component .project-card-component-holder.with-side-line {
        padding-left: clamp(16px, 1.25vw, 24px)
    }
}

@media only screen and (1280px <=width <=1839px) {
    .info-card-size-block {
        width: clamp(580px, 39.427vw, 757px);
    }

    .info-card-size-block.with-image {
        width: clamp(912px, 55.417vw, 1064px);
    }

    .info-card .info-card-holder {
        min-height: clamp(444px, 29.844vw, 573px);
        gap: clamp(24px, 1.667vw, 32px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .event-component-size-block {
        width: clamp(400px, 31.146vw, 598px);
    }

    .event-component-size-block.small {
        width: clamp(388px, 23.333vw, 448px);
    }

    .event-component .event-component-holder {
        padding: clamp(24px, 1.667vw, 32px);
        min-height: clamp(420px, 31.25vw, 600px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder {
        gap: clamp(22px, 2.083vw, 40px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .page-list-title .page-list-title-holder {
        gap: clamp(12px, 0.938vw, 18px);
    }

    .page-list-title .page-list-title-holder .number .number-holder {
        padding: 0 0 0 clamp(12px, 0.781vw, 15px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .common-action {
        margin: clamp(40px, 2.708vw, 52px) 0 0;
    }

    .common-action.smaller-gap {
        margin: clamp(31px, 2.708vw, 40px) 0 0;
    }
}

@media only screen and (1280px <=width <=1839px) {
    .menues-component .menues-holder {
        gap: clamp(112px, 8.333vw, 160px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .science-card-size-block {
        width: clamp(422px, 31.406vw, 603px);
    }

    .science-card-component .science-card-component-holder .name {
        padding-right: clamp(80px, 6.25vw, 120px);
        margin: 0 0 clamp(46px, 3.438vw, 66px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .timeline-list .timeline-list-holder {
        gap: clamp(60px, 4.167vw, 80px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .quote-component .quote-component-holder .author {
        margin: clamp(60px, 4.167vw, 80px) 0 0;
    }
}

@media only screen and (1280px <=width <=1839px) {
    .column-grid-container .col.col-9 .personnel-small-list {
        padding-right: clamp(75px, 5.573vw, 107px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .personnel-small-list .personnel-small-list-holder .person-item {
        margin: 0 0 clamp(32px, 2.083vw, 40px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .contacts-card-component .contacts-card-component-holder .desc .desc-holder {
        padding: clamp(24px, 1.667vw, 32px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .services-list .services-list-holder {
        gap: clamp(44px, 3.281vw, 63px)
    }
}

@media only screen and (1280px <=width <=1839px) {
    .info-plaque-component .info-plaque-component-holder {
        min-height: clamp(224px, 16.667vw, 320px);
        padding: clamp(24px, 1.667vw, 32px);
    }
}

@media only screen and (1921px <= width) {
    .contacts-card-size-block {
        width: clamp(639px, 47.5vw, 912px);
    }

    .contacts-card-component .contacts-card-component-holder .image {
        width: clamp(206px, 15.26vw, 293px);
    }

    .contacts-card-component .contacts-card-component-holder {
        min-height: clamp(257px, 19.063vw, 366px);
    }
}

/*page-main.css*/
@media only screen and (1280px <=width <=1839px) {
    .section-numbers-day-title{
        padding-top: clamp(55px, 4.688vw, 90px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .section-padding {
        padding: clamp(112px, 8.333vw, 160px) 0;
    }

    .section-padding-small{
        padding: clamp(72px, 5.208vw, 100px) 0;
    }
}

@media only screen and (1280px <=width <=1839px) {
    .section-info-head.column-style{
        gap: clamp(28px, 2.083vw, 40px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .section-feedback{
        height: clamp(768px, 100vh, 1080px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .partners-block{
        padding-top: clamp(54px, 3.125vw, 60px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .partners-card a{
        padding-left: clamp(19px, 1.25vw, 24px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .footer {
        padding: clamp(58px, 4.167vw, 80px) 0;
    }

    .footer .footer-item-element-container {
        padding: 0 clamp(19px, 1.25vw, 24px);
    }

    .footer-line-2{
        padding-top: clamp(115px, 8.333vw, 160px);
    }

    /*
    .footer-logos-line .line {
        height: clamp(73px, 15.417vw, 46px);
    }

    .footer-logos-line .footer-logo-vshe img {
        width: clamp(73px, 15.417vw, 46px);
        height: clamp(73px, 15.417vw, 46px);
    }

    .footer-logos-line .footer-logo-igmu img {
        height: clamp(73px, 15.417vw, 46px);
    }
    .footer-line-3{
        padding-top: clamp(57px, 4.167vw, 80px);
    }
    */
}

@media only screen and (1280px <=width <=1839px) {
    .section-module-padding{
        padding-top: clamp(120px, 8.333vw, 160px);
    }

    .section-module-padding-small {
        padding-top: clamp(70px, 5.208vw, 100px);
    }

    .section-module-padding-bottom {
        padding-bottom: clamp(120px, 8.333vw, 160px);
    }

    .section-modulte-page {
        padding-bottom: clamp(120px, 8.333vw, 160px);
    }

}

@media only screen and (1280px <=width <=1839px) {
    .interactive-block-element{
        padding: 0 clamp(24px, 1.667vw, 32px) 0 clamp(24px, 1.667vw, 32px);
    }

    .interactive-block-element-title {
        height: clamp(200px, 17.708vw, 220px);
    }

    .interactive-block-element.text-mode .interactive-block-element-title{
        height:  clamp(172px, 14.166vw, 272px);
    }
    .interactive-block-element.text-mode.small-text-mode .interactive-block-element-title{
        height: clamp(184px, 14.791vw, 284px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .module-content-block-container{
        padding-left: clamp(23px, 1.615vw, 31px);
        padding-right: clamp(24px, 1.667vw, 32px);
        gap: clamp(24px, 1.667vw, 32px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .quote-container .module-content-block-container {
        gap: clamp(60px, 4.167vw, 80px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .competention-slider-content-item {
        padding-right: clamp(105px, 7.813vw, 150px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .section-info-body {
        padding-top: clamp(112px, 8.333vw, 160px);
    }

    .section-info-body.medium-padding {
        padding-top: clamp(56px, 4.167vw, 80px);
    }

    .section-info-body.short-padding {
        padding-top: clamp(45px, 3.333vw, 64px);
    }

}

@media only screen and (1280px <=width <=1839px) {
    .competention-item-container {
        height: clamp(541px, 42.583vw, 760px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .employee-main-slider-picture img.block-image{
        height: clamp(424px, 31.51vw, 605px);
    }

    .employee-main-slider-controller .employee-list-component .employee-list-component-holdere .images .images-holder .image {
        height: clamp(70px, 5.208vw, 100px);
        width: clamp(58px, 4.323vw, 83px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .chars-block-container {
        gap: clamp(56px, 4.167vw, 80px)
    }
}

@media only screen and (1280px <=width <=1839px) {
    .content-page-body-block {
        padding-top: clamp(45px, 3.333vw, 64px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .technical-information-content {
        gap: clamp(62px, 4.583vw, 88px);
    }

    .technical-information-line {
        gap: clamp(18px, 1.354vw, 26px);
    }

    .technical-information-container {
        gap: clamp(48px, 3.542vw, 68px);
    }
}

@media only screen and (1280px <=width <=1839px) {

    .news-cards-list .news-cards-list-holder {
        row-gap: clamp(84px, 6.25vw, 120px)
    }

    .news-cards-list .news-item-component .news-item-component-holder {
        padding: 0 clamp(24px, 1.667vw, 32px);
        min-height: clamp(406px, 30.208vw, 580px);
    }
}

@media only screen and (1280px <=width <=1839px) {
    .publications-list .publications-list-holder {
        row-gap: clamp(28px, 2.083vw, 40px);
    }
}

/*personnel-list*/
@media only screen and (1280px <=width <=1839px) {
    .section-personnel-list .section-personnel-list-container {
        padding-bottom: clamp(70px, 5.208vw, 100px);
    }

    .section-personnel-list .section-personnel-list-container .heading {
        margin: 0 0 clamp(35px, 2.604vw, 50px);
    }

    .personnel-list .personnel-list-holder.column-grid-container {
        gap: clamp(45px, 3.333vw, 64px) 0;
    }
}


/*forms.css*/
@media only screen and (1280px <=width <=1839px) {

    form .action {
        gap: clamp(17px, 1.25vw, 24px);
    }

    .filter-action .action .action-group {
        gap: clamp(7px, 0.521vw, 10px);
    }

    form.big-field-gap .form-field {
        margin-bottom: clamp(9px, 0.625vw, 12px);
    }

    form .form-field .select .name,
    form .form-field .input .name,
    form .form-field .checkcontainer .name,
    form .form-field .file-upload .name {
        margin-bottom: clamp(5px, 0.313vw, 6px);
    }

    form .form-field .select .note,
    form .form-field .input .note,
    form .form-field .checkcontainer .note,
    form .form-field .file-upload .note {
        margin: clamp(7px, 0.521vw, 10px) 0 0;
    }

    form .checkbox-list {
        gap: clamp(12px, 0.833vw, 16px);
    }

    form .form-field .checkcontainer input:checked~.checkmark::after {
        transform: translate(-50%, -50%) scale(9);
    }

    form .form-field .checkcontainer .checkmark {
        height: clamp(14px, 1.042vw, 20px);
        width: clamp(14px, 1.042vw, 20px);
    }

    form .form-field .checkcontainer .name {
        width: calc(100% - clamp(14px, 1.042vw, 20px) - 9px);
        margin-left: 9px;
    }

    form .form-field .select .selectric-selectric-select .selectric {
        height: clamp(31px, 2.292vw, 44px);
    }

    form .form-field .select.alt .selectric-selectric-select .selectric {
        height: clamp(26px, 1.875vw, 36px);
    }

    form .form-field .select .selectric-selectric-select .selectric .label {
        width: calc(100% - 2px - clamp(31px, 2.292vw, 44px));
    }

    form .form-field .select.alt .selectric-selectric-select .selectric .label {
        width: calc(100% - clamp(26px, 1.875vw, 36px));
    }

    form .form-field .select .selectric-selectric-select .selectric .button {
        height: clamp(31px, 2.292vw, 44px);
        width: clamp(31px, 2.292vw, 44px);
    }

    form .form-field .select.alt .selectric-selectric-select .selectric .button  {
        height: clamp(26px, 1.875vw, 36px);
        width: clamp(26px, 1.875vw, 36px);
    }

    form .form-field .input .side-line .clear {
        right: clamp(10px, 0.677vw, 13px);
        top: clamp(10px, 0.729vw, 14px);
    }

    form .form-field .input input,
    form .form-field .input textarea {
        height: clamp(31px, 2.292vw, 44px);
    }

    form .form-field .input textarea {
        height: clamp(112px, 8.333vw, 160px);
    }

    form .form-field .file-upload .filenames .file .fileicon {
        width: clamp(9px, 0.625vw, 12px);
        height: clamp(9px, 0.625vw, 12px);
    }

    form .form-field .file-upload .filenames .file .action {
        width: clamp(9px, 0.625vw, 12px);
        height: clamp(9px, 0.625vw, 12px);
    }
}

/*search.css*/
@media only screen and (1280px <=width <=1839px) {
    .search-side-bar {
        padding-top: clamp(21px, 1.563vw, 30px);
    }

    .search-side-bar .search-side-bar-holder .search-bar {
        height: clamp(69px, 5.104vw, 98px);
        margin-bottom: clamp(25px, 1.823vw, 35px);
    }

    .search-side-bar .search-side-bar-holder .search-bar-results {
        height: calc(100% - clamp(69px, 5.104vw, 98px) - clamp(25px, 1.823vw, 35px) - clamp(65px, 4.792vw, 92px));
    }

    .search-side-bar .search-side-bar-holder .search-bar-results .search-bar-results-holder {
        gap: clamp(56px, 4.167vw, 80px);
        padding-right: clamp(14px, 1.042vw, 20px);
    }

    .search-side-bar .search-side-bar-holder .search-action {
        height: clamp(65px, 4.792vw, 92px);
    }

    .search-side-bar .search-bar .search-bar-holder form .form-group .form-col.col-search-action {
        width: clamp(41px, 3.021vw, 58px);
    }

    .search-side-bar .search-bar .search-bar-holder form .form-group .form-col.col-search-query {
        width: calc(100% - clamp(41px, 3.021vw, 58px));
    }

    .search-side-bar .search-bar .search-bar-holder form .form-field .input input {
        height: clamp(37px, 2.708vw, 52px);
    }

    .search-side-bar .search-bar .search-bar-holder .message {
        margin-top: clamp(14px, 1.042vw, 20px);
        height: clamp(14px, 1.042vw, 20px);
    }

    .search-side-bar .search-result-group .group-name {
        margin: 0 0 clamp(17px, 1.25vw, 24px);
    }

    .block-search-bar .block-search-bar-holder {
        padding-bottom: clamp(26px, 1.875vw, 36px);
    }

    .block-search-bar .block-search-bar-holder form .form-group .form-col.col-search-query {
        width: calc(100% - clamp(209px, 15.521vw, 298px));
    }

    .block-search-bar .block-search-bar-holder form .form-group .form-col.col-search-category {
        width: clamp(209px, 15.521vw, 298px);
    }

    .block-search-bar .block-search-bar-holder form .form-group .input input {
        height: clamp(37px, 2.708vw, 52px);
        padding: clamp(5px, 0.365vw, 7px) clamp(58px, 4.271vw, 82px) clamp(5px, 0.365vw, 7px) clamp(23px, 1.667vw, 32px);
    }

    .block-search-bar .block-search-bar-holder form .form-field .input .addon {
        width: clamp(37px, 2.708vw, 52px);
        height: clamp(37px, 2.708vw, 52px);
    }

    .block-search-bar .block-search-bar-holder form .form-field .select .selectric-selectric-select .selectric {
        height: clamp(37px, 2.708vw, 52px);
    }

    .block-search-bar .block-search-bar-holder form .form-field .select .selectric-selectric-select .selectric .label {
        width: calc(100% - 2px - clamp(37px, 2.708vw, 52px));
    }

    .block-search-bar .block-search-bar-holder form .form-field .select .selectric-selectric-select .selectric .button {
        width: clamp(37px, 2.708vw, 52px);
        height: clamp(37px, 2.708vw, 52px);
    }

    .search-result-totals .search-result-totals-holder {
        padding: clamp(21px, 1.563vw, 30px) 0;
    }

    .search-result-totals .search-result-totals-holder .loading {
        padding: clamp(117px, 8.646vw, 166px) 0;
    }

    .search-result-totals .search-result-totals-holder .loading .loading-icon {
        width: clamp(28px, 2.083vw, 40px);
    }
}