section.about{
    overflow: hidden;
}

.about .wrapper{
    padding-top: calc(210 * var(--rpx-50));
    padding-bottom: calc(210 * var(--rpx-50));
    display: flex;
    justify-content: space-between;
}

.about .wrapper .left{
    width: clamp(420px, calc(6.25vw + 360px), 480px);
    flex: 0 0 auto;
}

.about .wrapper .right{
    width: clamp(450px, calc(67.7083vw - 200px), 1100px);
    flex: 0 0 auto;
    margin-right: clamp(-80px, calc(-8.3333vw + 80px), 0px);

    display: grid;
    grid-template-columns: 2.75fr 1fr;
    grid-template-rows: auto auto;
    gap: calc(40 * var(--rpx-50));
    position: relative;
}

.about .wrapper .right>a.wfEditorMode{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 290;
}

.swiper-main{
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    aspect-ratio: 780/480;
    width: 100%;
}

.swiper-next{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    aspect-ratio: 1/1;
    width: 100%;
    cursor: pointer;
    transition: filter .3s;
}

.swiper-next:hover{
    filter: brightness(.9);
}

.swiper-next .swiper-slide{
    pointer-events: none;
}

.about .swiper img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about .swiper-controls{
    grid-column: 2 / 3;
    grid-row: 2 / 3;

    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

@media (max-width: 1440px) {
    .about .wrapper .right{
        grid-template-columns: auto calc(180 * var(--rpx));
        grid-template-rows: auto auto;
    }

    .swiper-main{
        grid-column: 1/3;
        grid-row: 1/2;
    }

    .swiper-next{
        grid-column: 2/3;
        grid-row: 2/3;
    }

    .about .swiper-controls{
        grid-column: 1/2;
        grid-row: 2/3;
    }
}

.plx-about-back{
    position: absolute;
    height: 100%;
    width: auto;
    right: 0;
    top: 0;
}

section.jobs{
    background-color: #fafbfd;
    padding-top: calc(150 * var(--rpx-50));
    padding-bottom: calc(170 * var(--rpx-50));
}

.jobs .section-title{
    margin-bottom: calc(40 * var(--rpx));
}

.jobs .content{
    display: flex;
    justify-content: space-between;
}

.jobs .col1{
    width: calc(400 * var(--rpx-67));
}

.jobs .col2{
    width: calc(100% - 480 * var(--rpx-67));
}

.jobs .row1{
    height: calc(60 * var(--rpx));
    display: flex;
    align-items: center;
}

.jobs .row2{
    margin-top: calc(72 * var(--rpx-50));
}

.col2 .row2{
    padding-top: calc(36 * var(--rpx-50));
}

.search-ctn{
    display: flex;

    background-color: #e6e9f3;
}

.search-ctn *{
    font-family: inherit;
}

.search-ctn .search-input{
    width: calc(390 * var(--rpx));
    flex: 0 0 auto;
    appearance: none;
    border: none;
    outline: none;
    padding: calc(12em / 16) calc(20em / 16);
    line-height: calc(26em / 16);
    display: block;
    background-color: transparent;
    font-weight: bold;
    color: #021b64;
    border-radius: 1px;
}

.search-ctn .search-input::-webkit-input-placeholder{
    color: #021b64;
    font-weight: lighter;
    opacity: .9;
}

.search-ctn .btn-search{
    border-radius: 2px;
    color: #fff;
    font-weight: bold;
    border: none;
    appearance: none;
    outline: none;
    padding-left: calc(28em / 16);
    padding-right: calc(28em / 16);
    background-color: #021b64;
    cursor: pointer;
}

.search-ctn .search-input:focus,
.search-ctn .btn-search:focus{
    outline: 4px solid rgba(2, 27, 100, .4);
}

.search-ctn .btn-search:hover{
    opacity: .8;
}

.search-ctn .btn-search::after{
    content: "";
    width: calc(12em / 16);
    height: calc(11.18em / 16);
    display: inline-block;
    vertical-align: middle;
    margin-left: calc(7em / 16);
    background: url("../images/global/icon_arr_right.svg") center/cover no-repeat;
    margin-top: calc(-2em / 16);
    filter: url(#white-overlay);
}

.filter-title{
    font-weight: bold;
    font-size: calc(18em / 16);
    color: #021b64;
    margin-bottom: calc(18 * var(--rpx));
}

.filter-ctn{
    background-color: rgb(255, 255, 255);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    padding: calc(32 * var(--rpx-50)) calc(36 * var(--rpx-50));
}

.filter-ctn a{
    display: flex;
    line-height: calc(30em / 16);
    font-weight: lighter;
    justify-content: space-between;
    position: relative;
}

.filter-ctn a .num{
    flex: 0 0 auto;
    font-size: calc(14em / 16);
}

.filter-ctn a:hover,
.filter-ctn a.active{
    color: #021b64;
}

.filter-ctn a.active{
    padding-left: calc(20em / 16);
}

.filter-ctn a:hover .name,
.filter-ctn a.active .name{
    font-weight: bold;
}

.filter-ctn a.active::before{
    content: "";

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: calc(12em / 16);
    height: calc(11.18em / 16);
    background: url("../images/global/icon_arr_right.svg") center/cover no-repeat;
    filter: url(#black-overlay);
}

.col2 .row2 .current-catalog{
    font-family: var(--sans-serif-font);
    font-size: calc(24 * var(--rpx));
    margin-bottom: calc(32 * var(--rpx));
    color: #021b64;
}

.job-list{
    background-color: #fff;
    padding-bottom: calc(60 * var(--rpx-50));
}

.job-list .job{
    position: relative;
    width: 100%;
    display: block;
    padding: calc(32 * var(--rpx-50)) calc(160 * var(--rpx-50)) calc(32 * var(--rpx-50)) calc(60 * var(--rpx-50));
}

.job-list .job.hidden{
    display: none;
}

.job-list .job .arr{
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(94 * var(--rpx));
    margin: auto;
}


.job-list .job::after{
    content: "";
    width: calc(100% - 120 * var(--rpx-50));
    height: 1px;
    background-color: #e5e5e5;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    position: absolute;
}

.job-list .job:hover{
    background-color: #e6e9f3;
}

.job-list .job-title{
    font-weight: bold;
    color: #000;
    font-size: calc(28 * var(--rpx));
    margin-bottom: calc(20 * var(--rpx));
}

.jobs .btn-ctn{
    margin-top: calc(56 * var(--rpx-50));

    display: flex;
    justify-content: center;
}

.jobs .btn-load-more{
    display: flex;
    align-items: center;
    margin: 0 auto;
    font-weight: bold;
    cursor: pointer;
}

.jobs .btn-load-more:hover{
    color: var(--theme-navy);
}

.jobs .btn-load-more .plus{
    width: calc(60 * var(--rpx-50));
    height: calc(60 * var(--rpx-50));
    background-color: var(--theme-beige);
    position: relative;
    margin-right: calc(28 * var(--rpx-50));
    border-radius: 50%;
}

.jobs .btn-load-more:hover .plus{
    background-color: var(--theme-navy);
}

.jobs .btn-load-more .plus::before{
    content: "";
    height: calc(21 * var(--rpx-50));
    width: calc(21 * var(--rpx-50));
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: url("../images/global/icon_plus.svg") center/cover no-repeat;
}

.jobs .btn-load-more:hover .plus::before{
    content: "";
    filter: url(#white-overlay);
}

@media (max-width: 750px) {
    .page-header.fullscreen .page-title{
        font-size: calc(60 * var(--rpx));
    }

    section.split-info .wrapper{
        flex-direction: column;
    }

    section.split-info .wrapper>.left,
    section.split-info .wrapper>.right{
        width: 100%;
    }

    .jobs .content{
        display: flex;
        flex-direction: column;
        gap: calc(30 * var(--rpx));
    }

    .jobs .content>*{
        width: 100%;
    }

    .job-list .job{
        padding: calc(30 * var(--rpx)) calc(20 * var(--rpx));
    }
    .job-list .job::after{
        width: calc(100% - 40 * var(--rpx));
    }
    .job-list .job .arr{
        right: calc(20 * var(--rpx))
    }

    .about .section-back{
        opacity: .4;
    }
}