.about-us .text-content {
    max-width: 1168px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 64px 0 0;
    margin-bottom: 22px;
}

.about-us .text-content {
    /* max-height: 255px; */
    transition: max-height 2s ease-out;
    overflow: hidden;
    letter-spacing: 1px;
}

.about-us .transp-btn.white {
    font-weight: 300;
    border: 1px solid #fff;
    padding: 0px 21px;
    cursor: pointer;
}

.about-us .text-content.show {
    max-height: 100% !important;
    transition: max-height 3s ease-in;
}

.about-us .text-content p, .about-us .text-content div {
    margin-bottom: 5px;
}

.about-us .text-content p:nth-of-type(1) {
    font-weight: 700;
}

.about-us .expand-text {
    padding-bottom: 257px;
    text-align: center;
}

.about-us .read-less {
    display: none;
}

.about-us .expand-text button:hover, .about-us .expand-text button:focus {
    background-color: #fff;
    color: #344975;
}

.advantages.site-width {
    text-align: center;
    margin-top: -272px;
    margin-bottom: 57px;
}

.advantages h2 {
    color: #fff;
    margin-bottom: 35px;
}

.advantages .item {
    background-color: #fff;
    padding: 52px 2.5% 47px;
    box-shadow: 3px 2px 6px 2px rgb(0 0 0 / 7%);
    max-width: 257px;
    margin: 0 6px 6px;
    color: #344975;
    width: 100%;
}

.advantages .flex {
    justify-content: center;
}

.advantages .item.flex {
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: flex-start;
}

.advantages .item.flex .img {
    height: 91px;
    margin-bottom: 46px;
}

.advantages .item.flex .img img {
    height: auto;
    max-height: 100%;
    width: auto;
}

.advantages .item span {
    line-height: 20px;
    font-size: 14px;
    margin-top: 6px;
}

.staff {
    margin-bottom: 160px;
}

.staff h3 {
    color: #344975;
    text-align: center;
    padding-top: 0px;
    margin-bottom: 33px;
}

.staff .staff-row {
    margin-bottom: 28px;
}

.staff .single-item {
    width: 24%;
    margin-bottom: 28px;
}

.staff .single-item h4 {
    color: #141515;
    letter-spacing: -0.5px;
}

.staff .single-item span.item-meta {
    font-size: 14px;
    line-height: 1.43;
    color: #344975;
}

.staff .single-item .content {
    box-shadow: 3px 2px 6px 2px rgb(0 0 0 / 7%);
}

.staff .content img {
    width: 100%;
    height: 327px;
    padding: 0;
    object-fit: cover;
    display: block;
}

.staff .single-item .item-body {
    height: 150px;
}

.staff .blue-strip.single-item h4 {
    color: #fff;
}

.staff .single-item:hover {
    cursor: pointer;
}

.staff .staff-row .single-item:hover .content .item-body {
    background-color: #344975;
}

.staff .staff-row .single-item:hover .content .item-body h4, .staff .staff-row .single-item:hover .content .item-body span.item-meta {
    color: #fff;
}

.staff .staff-row:first-of-type .single-item:nth-child(2) .item-body.unchecked, .staff .staff-row:first-of-type .single-item:nth-child(3) .item-body.unchecked {
    background-color: #fff;
}

.staff .staff-row:first-of-type .single-item:nth-child(2) .item-body.unchecked h4, .staff .staff-row:first-of-type .single-item:nth-child(3) .item-body.unchecked h4 {
    color: #141515;
}

.staff .staff-row:first-of-type .single-item:nth-child(2) .item-body.unchecked span.item-meta, .staff .staff-row:first-of-type .single-item:nth-child(3) .item-body.unchecked span.item-meta {
    color: #344975;
}

#page-mask {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 21;
    display: none;
}

.staff-popup.flex.show #page-mask {
    display: block;
}

.staff .single-item .extra-info {
    display: none;
}

.staff-popup.flex {
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    background-color: #fff;
    z-index: 22;
    bottom: 0;
    flex-direction: column;
    justify-content: flex-end;
    transition: width 2s;
    display: none;
}

.staff-popup.flex.show {
    width: 581px;
    transition: width 2s;
    display: flex;
}

body:not(.rtl) .staff-popup.flex {
    left: 0;
    right: unset;
}

.staff-popup .container {
    max-width: 448px;
    width: 100%;
    margin: 0 auto;
    flex: 1;
    flex-direction: column;
}

.staff-popup .arrows {
    max-width: 448px;
    width: 100%;
    margin: 0 auto;
}

.staff-popup .staff-item {
    padding: 0px 0 29px;
    margin: 84px 0 0px;
    flex: 1;
    box-shadow: 3px 2px 6px 2px rgb(0 0 0 / 7%);
}

.staff-popup .staff-item .inner {
    padding: 41px 33px;
    padding: 40px 8% 0;
    text-align: right;
}

.staff-popup .staff-item .inner img {
    width: 100%;
    height: auto;
}

body:not(.rtl) .staff-popup .staff-item .description {
    text-align: left;
}

.staff-popup .staff-item h5 {
    margin-top: 30px;
    font-size: 30.5px;
    line-height: 1.08;
    color: #344975;
    margin-bottom: 1px;
}

body:not(.rtl) .staff-popup .staff-item h5 {
    text-align: left;
}

.staff-popup .staff-item .status {
    line-height: 1.42;
    letter-spacing: normal;
    color: #344975;
    margin-bottom: 10px;
}

.staff-popup .staff-item .description {
    font-size: 14px;
    max-height: 125px;
    overflow: auto;
    overscroll-behavior: contain;
}

.staff-popup .bottom-footer-strip {
    height: 45px;
    position: relative;
    transform: none;
    left: 0;
    right: 0;
    bottom: 0;
}

.staff-popup .close {
    right: auto;
    left: 51px;
    top: 26px;
}

.staff-popup .close:before, .staff-popup .close:after {
    height: 29px;
}

.staff-popup .contact-btn a {
    display: block;
    /* position: absolute;

    bottom: 50px; */
    padding: 15px 0;
}

.arrows.flex {
    padding: 29px 0 30px;
}

body.rtl .arrows .arrow-prev:after, body.rtl .arrows .arrow-next:before, body:not(.rtl) .arrows .arrow-next:before, body:not(.rtl) .arrows .arrow-prev:after {
    content: '';
    display: inline-block;
    margin: 0px auto;
    width: 6px;
    height: 6px;
    border-top: 1px solid #344975;
    border-left: 1px solid #344975;
}

body.rtl .arrows .arrow-next:before, body:not(.rtl) .arrows .arrow-prev:after {
    transform: rotate(135deg);
    margin: 0px auto 0 5px;
}

body.rtl .arrows .arrow-prev:after, body:not(.rtl) .arrows .arrow-next:before {
    transform: rotate(-45deg);
}

.arrows button {
    border: 0;
    background: 0;
}

.staff-popup .arrows span {
    font-size: 14.5px;
}

body:not(.rtl) .staff-popup .arrows span.arrow-prev {
    transform: rotate(135deg);
}

@media screen and (max-height: 960px) {
    .staff .content img {
        height: 227px;
    }
}

@media screen and (max-height: 700px) {
    .staff-popup .container::-webkit-scrollbar {
        display: none;
    }

    .staff-popup .container {
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .staff-popup .container {
        max-width: 90%;
    }

    .staff-popup.flex {
        width: 481px;
    }

    .staff-popup .arrows {
        max-width: 80%;
        padding: 23px 0 23px;
    }

    .staff-popup .staff-item {
        margin: 84px auto 0;
        width: 90%;
    }
}

@media screen and (max-width: 1166px) {
    .about-us .text-content {
        padding: 64px 15px 0;
    }
}

@media screen and (max-width: 950px) {
    .staff .container img {
        height: 220px;
    }

    .staff .single-item h4 {
        font-size: 20px;
        line-height: 1.08;
    }

    .staff .single-item .item-body {
        height: 91px;
    }

    .advantages .item {
        background-color: #fff;
        padding: 24px 1.5% 24px;
    }
}

@media screen and (max-width: 550px) {
    section.about-us {
        padding: 25px 0 50px;
    }

    .about-us .text-content p, .about-us .text-content div {
        line-height: 22px;
    }

    body:not(.rtl) .about-us .text-content {
        text-align: left;
    }

    body:not(.rtl) .about-us .expand-text {
        padding-right: 0;
        padding-left: 19px;
    }

    .about-us .text-content {
        text-align: right;
        padding: 46px 19px 0;
        max-height: 243px;
    }

    .advantages.site-width {
        margin-top: -145px;
        margin-bottom: 25px;
    }

    .about-us .expand-text {
        padding-bottom: 138px;
        text-align: revert;
        padding-right: 19px;
    }

    .advantages h2 {
        margin-bottom: 25px;
    }

    .advantages .flex {
        margin: 0 auto;
        justify-content: space-between;
        width: 90%;
    }

    .advantages .item.flex {
        width: 48%;
        margin: 0px 0% 10px;
        max-width: none;
        padding: 24px 4.5% 26px;
    }

    .advantages .item span {
        line-height: 1.29;
        margin-top: 0px;
    }

    .advantages .item.flex:nth-child(odd):nth-last-child(1) {
        width: 100%;
        margin: 0;
    }

    .advantages .item.flex:nth-child(odd):nth-last-child(1) .m-14 {
        max-width: 175px;
        margin: 4px auto 0;
    }

    .advantages .item.flex .img {
        height: 44px;
        margin-bottom: 19px;
    }

    .staff {
        margin-bottom: 89px;
    }

    .staff h3 {
        margin-bottom: 5px;
    }

    .staff .staff-row {
        max-width: 280px;
        margin: 0 auto 0;
    }

    /* popup */
    .staff-popup.flex.show {
        width: 100%;
    }

    .staff-popup .close:before, .staff-popup .close:after {
        height: 19px;
        left: 0;
    }

    .staff-popup .close {
        right: auto;
        left: 21px;
        top: 15px;
    }

    .staff-popup .staff-item {
        margin: 46px auto 0;
        width: 98%;
        flex: none;
        box-shadow: none;
    }

    .staff figure {
        background-size: cover;
        background-position-x: center;
        background-position-y: center;
    }

    .staff-popup .staff-item .inner {
        padding: 28px 41px 22px;
        max-width: 319px;
        margin: 0 auto;
        box-shadow: 3px 2px 6px 2px rgb(0 0 0 / 7%);
        position: relative;
    }

    .staff-popup .arrows {
        max-width: 319px;
    }

    .staff-popup .staff-item h5 {
        font-size: 24px;
        margin-top: 14px
    }

    .staff-popup .staff-item .description {
        line-height: 1.43;
        height: 120px;
        overflow-y: scroll;
    }

    .staff-popup .staff-item .description:after {
        content: '';
        z-index: 1;
        height: 8%;
        background: linear-gradient(0deg, rgba(196, 196, 196, 1%) 0.85%, #fefefe 3%);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        opacity: 0.5;
    }

    .staff-popup .contact-btn a {
        padding: 8px 0;
    }

    .staff .container img {
        width: 100%;
        height: 183px;
        object-fit: contain;
        text-align: center;
    }

    .staff .single-item h4 {
        font-size: 18.5px;
    }

    .staff .single-item {
        width: 100%;
        margin-bottom: 13px;
    }

    .staff .content img {
        height: 220px;
    }
}