/* Start:/local/templates/brokerKit/components/bitrix/news.list/exchanges/style.css?17597677115785*/
.vacancy__inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (max-width: 1200px) {
    .vacancy__inner {
        gap: 40px;
    }
}
.vacancy__card {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 var(--col-gap);
    height: -moz-fit-content;
    height: fit-content;
    grid-template-rows: repeat(3, min-content);
    align-items: center;
    grid-template-areas: "img img img img name name name name name name price price" "img img img img description description description description description description description description" "img img img img buttons buttons buttons buttons buttons buttons buttons buttons";
}
@media (max-width: 1410px) {
    .vacancy__card {
        grid-template-areas: "img img img img name name name name name name name name" "img img img img price price price price price price price price" "img img img img description description description description description description description description" "img img img img buttons buttons buttons buttons buttons buttons buttons buttons";
    }
}
@media (max-width: 1200px) {
    .vacancy__card {
        grid-template-columns: repeat(6, 1fr);
        grid-template-areas: "img img name name name name" "img img price price price price" "description description description description description description" "buttons buttons buttons buttons buttons buttons";
    }
}
@media (max-width: 768px) {
    .vacancy__card {
        grid-template-columns: 1fr;
        grid-template-areas: "img" "name" "price" "description" "buttons";
    }
}
.vacancy__card__img {
    grid-area: img;
    overflow: hidden;
    position: relative;
}
.vacancy__card__img::before {
    content: "";
    width: 57px;
    height: 57px;
    background: #65E5A8;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: circle(100% at 0 0%);
    clip-path: circle(100% at 0 0%);
}
.vacancy__card__img img {
    width: 100%;
    height: auto;
    aspect-ratio: 444/300;
    -o-object-fit: cover;
    object-fit: cover;
}
.vacancy__card__name {
    grid-area: name;
    padding-left: 22px;
}
@media (max-width: 1200px) {
    .vacancy__card__name {
        padding-left: 30px;
        align-self: flex-end;
    }
}
@media (max-width: 768px) {
    .vacancy__card__name {
        padding-left: 0;
        padding-top: 30px;
    }
}
.vacancy__card__price {
    grid-area: price;
    text-align: right;
    justify-self: flex-end;
}
@media (max-width: 1410px) {
    .vacancy__card__price {
        text-align: left;
        justify-self: flex-start;
        padding-left: 22px;
    }
}
@media (max-width: 1200px) {
    .vacancy__card__price {
        padding-left: 30px;
        align-self: flex-start;
    }
}
@media (max-width: 768px) {
    .vacancy__card__price {
        padding-left: 0;
        padding-top: 16px;
    }
}
.vacancy__card__description {
    grid-area: description;
    padding-top: 24px;
    padding-left: 22px;
}
@media (max-width: 1200px) {
    .vacancy__card__description {
        padding-left: 0;
    }
}
@media (max-width: 768px) {
    .vacancy__card__description {
        padding-top: 22px;
    }
}
.vacancy__card__buttons {
    padding-left: 22px;
    grid-area: buttons;
    display: flex;
    padding-top: 40px;
    gap: 30px;
    flex-wrap: wrap;
}
@media (max-width: 1200px) {
    .vacancy__card__buttons {
        padding-left: 0;
    }
}
@media (max-width: 768px) {
    .vacancy__card__buttons {
        gap: 24px;
        padding-top: 24px;
        gap: 12px;
    }
}
.vacancy__footer {
    display: flex;
    gap: 210px;
    margin-top: 80px;
    width: 100%;
}
@media (max-width: 1200px) {
    .vacancy__footer {
        flex-direction: column;
        gap: 40px;
    }
}

.pagination {
    display: flex;
    gap: 8px;
    --btn-size: 64px;
    --span-size: 24px;
    --color: #025B87;
    color: var(--color);
}
@media (max-width: 768px) {
    .pagination {
        --btn-size: 56px;
    }
}
.pagination__page, .pagination__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--btn-size);
    height: var(--btn-size);
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(2, 91, 135, 0.2);
    background-color: transparent;
    transition: all ease var(--transition-duration);
}
.pagination__page:hover, .pagination__arrow:hover {
    background-color: #65E5A8;
    border-color: #65E5A8;
}
.pagination__page:disabled, .pagination__page.is-disabled, .pagination__arrow:disabled, .pagination__arrow.is-disabled {
    cursor: default;
    background-color: rgba(2, 91, 135, 0.1);
    border-color: transparent;
    --color: rgba(0, 47, 53, 0.4);
}
.pagination__page span, .pagination__arrow span {
    width: var(--span-size);
    height: var(--span-size);
    text-align: center;
}
.pagination__page.is-sisabled, .pagination__arrow.is-sisabled {
    background: rgba(2, 91, 135, 0.1);
}
@media (max-width: 768px) {
    .pagination__page:nth-child(n+5) {
        display: none;
    }
}
.pagination__arrow::before {
    content: "";
    --size: var(--span-size);
}
.quantity {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.quantity__button {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.quantity__input {
    border: none;
    outline: none;
    background: transparent;
    text-align: center;
}
/* End */
/* /local/templates/brokerKit/components/bitrix/news.list/exchanges/style.css?17597677115785 */