.employee_list {
    padding: 0;
    display: grid;
    grid-template-columns:
        calc(25% - 3rem) calc(25% - 3rem) calc(25% - 3rem)
        calc(25% - 3rem);
    justify-content: space-between;
    width: 100%;
    row-gap: 4rem;
}
.employee_list .employee_item {
    list-style: none;
    display: inline-block;
    opacity: 0;
}
.employee_list .media,
.employee_list figure {
    height: 23rem;
}
.employee_list .media img,
.employee_list .media video {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: center;
}
.employee_list h3 {
    font-size: calc(1.8rem * var(--text-scaler));
    line-height: calc(2.6rem * var(--text-scaler));
    margin-bottom: 0.2rem;
}
.employee_list .itemtext {
    border-bottom: var(--border1);
}
.employee_name {
    font-weight: bold;
}
.footer_c1,
.footer_c2 {
    width: 50%;
    text-align: center;
}
.employee_footer {
    display: flex;
    /* position: absolute; */
    width: 100%;
}
.employee_footer a {
    padding: 1rem 0;
    width: 100%;
    float: left;
}
.employee_contacts p,
.employees_module .itemtext p {
    margin: 0;
}
.employee_contacts {
    padding: 2rem;
}
.employee_list a,
.employee_list h3 a:hover {
    text-decoration: none;
}

.item.employee.showing {
    overflow: visible;
    position: relative;
}
.bioshowing .footer_c1 > a,
.bioshowing .footer_c2 > a {
    display: block !important;
}
.footer_c1 > a,
.footer_c2 > a {
    display: none;
    border: var(--border1);
    border-top: 0;
}
.footer_c2 > a {
    border-left: 0;
}
.bio_popup {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 40rem;
    bottom: 0;
    max-width: 100%;
    text-align: left;
    background: var(--bgclr1);
    transition: var(--animtime2);
    overflow-y: auto;
    z-index: 9999;
}
/* .admin-bar .bio_popup { */
/* top: 32px; */
/* } */
.biotop {
    padding: 2.4rem 3.2rem;
    position: relative;
}
.biotop p {
    margin: 0;
}
.bio_content {
    padding: 3.2rem 4rem;
}
.bio_media img {
    width: 100%;
}
.employee_list video {
    max-width: 100%;
}
.bio_close.close {
    right: 3rem;
    top: 50%;
    transform: rotate(45deg) translateY(-1.4rem);
}
.employee_footer .btn-icon {
    width: 2.2rem;
    display: inline-block;
    height: 2.2rem;
    margin-left: 1rem;
    margin-bottom: -0.4rem;
    background-size: 2rem !important;
}
.employee_list a {
    text-decoration: none;
    color: var(--textclr1);
}
.employee_list a:hover {
    text-decoration: underline;
}
.bio .btn-icon {
    background: url('../../img/icons/feather/plus.svg') center no-repeat;
}
.vcard .btn-icon {
    background: url('../../img/icons/feather/download.svg') center no-repeat;
}

.employees_module .item {
    cursor: default;
}

.popup-display .swiper-wrapper {
    transform: unset !important;
}

.employees_module.type-vertical .item .media,
.employees_module.type-vertical .item .media figure {
    height: auto;
}

.employees_module.type-vertical .item .media img,
.employees_module.type-vertical .item .media video {
    position: static;
}

.employees_module.type-vertical .itemtext {
    margin-top: 2.4rem;
}

.employees_module .itemtext {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.8rem;
}

.employees_module .grid-container.columns-4 {
    grid-template-columns: repeat(auto-fit, minmax(23%, calc(25% - 1.8rem)));
    justify-content: flex-start;
}

.employees_module .reel-cat {
    gap: 0.4rem;
    display: flex;
    flex-wrap: wrap;
}

.employees_module .dep {
    border-radius: 6rem;
    background: var(--Color-Brand-Blue-Primary, #0a63fa);
    padding: 0.4rem 0.8rem;
    color: var(--Gray-10, #fff);
    font-size: var(--Typeface-Size-Body-Small, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--Typeface-Size-Line-height-Small, 20px); /* 142.857% */
    display: inline-block;
}

.employees_module .itemtext > * {
    margin: 0;
}

.employees_module .employee_title {
    color: var(--Color-Brand-Blue-Primary, #0a63fa);
    font-size: var(--Typeface-Size-Body-Base, 18px);
    font-weight: 500;
    line-height: var(--Typeface-Size-Line-height-Base, 26px); /* 144.444% */
}

.employee_phone a,
.employee_email a {
    color: var(--Color-Brand-Blue-Core, #08006f);
    font-size: var(--Typeface-Size-Body-Base, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--Typeface-Size-Line-height-Base, 26px); /* 144.444% */
}

.employees_module.type-horizontal .columns-4 {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 2.4rem;
}

.employees_module.type-horizontal .item {
    flex-direction: row;
    align-items: center;
    column-gap: 4rem;
    background: var(--Color-Brand-Blue-Soft, #d9e5fa);
}

.employees_module.type-horizontal .item .media,
.employees_module.type-horizontal .item .media figure {
    height: 100%;
    min-height: 24.2rem;
    width: 19.3rem;
    flex: 0 0 auto;
}

.dep-filter {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 8rem;
    column-gap: 0.8rem;
    row-gap: 0.8rem;
}

.dep-filter__button {
    padding: 1.2rem 2.4rem;
    border-radius: 6rem;
    border: 1px solid var(--Color-Brand-Blue-Core, #08006f);
    color: var(--Color-Brand-Blue-Core, #08006f);
    font-size: var(--Typeface-Size-Miscellaneous-Button-large, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-color: transparent;
    cursor: pointer;
    box-shadow: none;
    transition: var(--animtime1);
}

.dep-filter__button:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
}

.dep-filter__button.active {
    background-color: var(--Color-Brand-Blue-Core, #08006f);
    color: var(--Gray-10, #fff);
}

@media screen and (max-width: 1000px) {
    .employees_module .grid-container.columns-4 {
        grid-template-columns: repeat(auto-fit, minmax(35%, calc(50% - 1.2rem)));
    }
    .employee_list {
        grid-template-columns: calc(50% - 0.8rem) calc(50% - 0.8rem);
    }
    .employee_list .media,
    .employee_list figure {
        height: 29vw;
    }

    .employees_module .container .swiper-slide:first-of-type {
        margin-left: 1.6rem;
    }

    .employees_module.type-horizontal .columns-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .employees_module.type-horizontal .item {
        flex-direction: column;
        align-items: flex-start;
    }

    .employees_module.type-horizontal .itemtext {
        padding: 2.4rem 1.6rem;
    }

    .employees_module.type-horizontal .item .media,
    .employees_module.type-horizontal .item .media figure {
        height: auto;
        min-height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .employees_module.type-horizontal .columns-4 {
        grid-template-columns: 1fr;
    }
    .employees_module .grid-container.columns-4 {
        grid-template-columns: 1fr;
    }
}