/* Start:/local/templates/main_b2b/components/bitrix/system.pagenavigation/bxmaker_ajaxpagenav_showmore/style.css?1776848529372*/
.b2b-pagination {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    margin-top: 2rem;
    .b2b-pagination__more {
        color: var(--b2b-primary);
        background: none;
        margin: 0 auto;
    }
    .b2b-pagination__more:hover {
        color: var(--b2b-primary);
        background-color: var(--b2b-secondary);
    }
}


/* End */


/* Start:/local/templates/main_b2b/components/bitrix/news.list/industries_staffing_education/style.css?17787390236265*/

.education-catalog-filter-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px;
}

.education-catalog-filter-row {
    display: grid;
    gap: 8px;
}

.education-catalog-filter-row--4 {
    grid-template-columns: repeat(4, 1fr);
}

.education-catalog-filter-row--5 {
    grid-template-columns: repeat(5, 1fr);
}

@media all and (max-width: 920px) {
    .education-catalog-filter-row--4,
    .education-catalog-filter-row--5 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media all and (max-width: 480px) {
    .education-catalog-filter-row--4,
    .education-catalog-filter-row--5 {
        grid-template-columns: 1fr;
    }
}

.education-catalog-filter-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-2);

    @media all and (max-width: 770px) {
        grid-template-columns: repeat(2, 1fr);
    }

    @media all and (max-width: 480px) {
        grid-template-columns: 1fr;
    }
}

#table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* плавный скролл на iOS */
    margin-bottom: 1rem;
}

/* Таблица */
.education-table {
    width: auto;
    min-width: 100%;
    border-collapse: collapse;
    table-layout: fixed; /* фиксированная ширина колонок */
}

/* Устанавливаем ширину колонок */
.education-table th:nth-child(1),
.education-table td:nth-child(1) {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
}

.education-table th:nth-child(2),
.education-table td:nth-child(2) {
    width: 118px;
    min-width: 118px;
    max-width: 118px;
}

.education-table th:nth-child(3),
.education-table td:nth-child(3) {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
}

.education-table th:nth-child(4),
.education-table td:nth-child(4) {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}

.education-table th:nth-child(5),
.education-table td:nth-child(5) {
    width: 76px;
    min-width: 76px;
    max-width: 76px;
}

.education-table th:nth-child(6),
.education-table td:nth-child(6) {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}

.education-table th:nth-child(7),
.education-table td:nth-child(7) {
    width: 96px;
    min-width: 96px;
    max-width: 96px;
}

.education-table th:nth-child(8),
.education-table td:nth-child(8) {
    width: 84px;
    min-width: 84px;
    max-width: 84px;
}

.education-table th:nth-child(9),
.education-table td:nth-child(9) {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
}

.education-table th:nth-child(10),
.education-table td:nth-child(10) {
    width: 102px;
    min-width: 102px;
    max-width: 102px;
}

.education-table th:nth-child(1) {
    border-radius: 8px 0 0 8px !important;
}

.education-table th:nth-child(10) {
    border-radius: 0 8px 8px 0 !important;
}


/* Заголовок таблицы */
.education-table thead tr {
    background-color: var(--q-primary-light);
}

.education-table th {
    color: var(--header-font-color);
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    text-align: left;
    padding: 12px 16px;
    word-wrap: normal;
    overflow-wrap: normal;
    hyphens: none;
}

/* Обычные ячейки */
.education-table td {
    font-size: 14px;
    color: var(--header-font-color);
    font-weight: 500;
    line-height: 130%;
    letter-spacing: 1%;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    word-wrap: break-word;      /* перенос слов */
    overflow-wrap: break-word;  /* современный аналог word-wrap */
    hyphens: auto;              /* автоматическая расстановка переносов (опционально) */
    vertical-align: top;        /* выравнивание по верхнему краю */
}

.education-table td[colspan="10"] {
    color: #939393 !important;
}

/* Для длинных ссылок - принудительный перенос */
.education-table td a {
    word-break: break-all;      /* переносит длинные URL на новую строку */
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Для красоты - легкий фон при наведении на строку */
.education-table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

/* Адаптивность для мобильных устройств */
@media screen and (max-width: 768px) {
    .education-table td,
    .education-table th {
        padding: 8px 12px; /* чуть меньше паддинги на мобильных */
    }
}

.education-catalog-filter-group .custom-select-trigger,
.education-catalog-filter-row .custom-select-trigger {
    border: 1px solid #001A3480;
}
.education-catalog-filter-group .custom-select-trigger .custom-arrow svg,
.education-catalog-filter-row .custom-select-trigger .custom-arrow svg {
    stroke: var(--b2b-accent);
}

.education-catalog-filter-group .custom-text-input,
.education-catalog-filter-row .custom-text-input {
    color: var(--b2b-accent);
    border: 1px solid #001A3480;
    opacity: 1;
}

.education-catalog-filter-form .form-tags__clear-all {
    color: #123670 !important;
    text-underline-offset: 4px;
    font-family: Raleway;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 1%;
    vertical-align: middle;
}

.educations-list {
    margin-top: 24px;
}

/* кастомный скроллбар */
#table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
    scrollbar-width: thin;
    scrollbar-color: #D0D5DD #D9EFFF;
}

#table-wrapper::-webkit-scrollbar {
    height: 6px !important;
}

#table-wrapper::-webkit-scrollbar-track {
    background: #D9EFFF;
    border-radius: 10px;
}

#table-wrapper::-webkit-scrollbar-thumb {
    background: #D0D5DD;
    border-radius: 10px;
}

#table-wrapper::-webkit-scrollbar-thumb:hover {
    background: #c0c8d4;
}

#table-wrapper::-webkit-scrollbar-button {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
    opacity: 0 !important;
}

/* End */


/* Start:/local/components/b2c/ui.form/templates/select/style.css?17768485282572*/
/* Custom Select Styles */
.custom-select-wrapper {
    position: relative;
    user-select: none;
    width: 100%;
    box-sizing: border-box;
}

.custom-select-trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    height: var(--form-field-height);
    padding: 0 var(--space-3);
    background-color: transparent;
    border: 1px solid var(--q-primary);
    border-radius: var(--form-field-br);
    cursor: pointer;
    transition: all var(--animate-delay);
    font-size: inherit;
    color: var(--q-dark);
}
.custom-select-trigger > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.custom-select-trigger:hover {
    border-color: var(--q-primary);
}

.custom-select-wrapper.open .custom-select-trigger {
    border: 1px solid var(--q-primary);
    padding: 0 11px;
}

.custom-arrow {
    width: 24px;
    height: 24px;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center; */
    stroke: var(--q-primary);
    transition: transform var(--animate-delay);
}
.custom-arrow svg {
    width: 100%;
    height: 100%;
}

.custom-select-wrapper.open .custom-arrow {
    transform: rotate(180deg);
}

.custom-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--bg-page);
    border: 1px solid var(--border-color-2);
    border-radius: var(--form-field-br);
    margin-top: 4px;
    /* Slight gap */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 100;
    transform: translateY(-10px);
    transition: all var(--animate-delay) ease;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    max-height: 300px;
    overflow-y: auto;
    padding: var(--space-2) 0;
}

.custom-select-wrapper.open .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.custom-option {
    padding: var(--space-2) var(--space-4);
    color: var(--t-color-1);
    cursor: pointer;
    transition: background var(--animate-duration), color var(--animate-duration);
    min-height: 26px;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.custom-option:hover {
    /* color: var(--q-primary); */
    background-color: var(--q-secondary-light);
}

.custom-option.selected {
    background-color: var(--q-secondary-light);
}

/* End */


/* Start:/local/components/b2c/ui.form/templates/text/style.css?17768485281596*/
.custom-text-label {
    width: 100%;
}

.custom-text-wrapper {
    width: 100%;
    position: relative;
}

.custom-text-wrapper:focus-within svg {
    color: var(--q-primary);
}

.custom-text-input {
    width: 100%;
    box-sizing: border-box;
    height: var(--form-field-height);
    padding: 1px var(--space-3) 1px var(--space-4);
    background-color: transparent;
    border: 1px solid var(--border-color-2);
    border-radius: var(--form-field-br);
    outline: none;
    transition: all var(--animate-duration);
    font-family: inherit;
    font-size: inherit;
}

.custom-text-input:hover {
    border-color: var(--q-primary);
}

.custom-text-input:focus {
    padding: 0 calc(var(--space-3) - 1px) 0 calc(var(--space-4) - 1px);
    border: 2px solid var(--q-primary);
}

.custom-text-input::placeholder {
    color: var(--t-color-3);
}

/* Icon Support */
.custom-text-wrapper {
    position: relative;
    display: flex;
    /* Ensure proper stacking context */
    align-items: center;
}

.custom-text-input.with-icon {
    padding-right: 40px;
    /* Space for icon */
}

.custom-text-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--t-color-3);
    /* Inherit color or set specific */
    /* Inherit color or set specific */
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

.custom-text-icon svg {
    width: 100%;
    height: 100%;
    transition: all var(--animate-duration);
}
/* End */
/* /local/templates/main_b2b/components/bitrix/system.pagenavigation/bxmaker_ajaxpagenav_showmore/style.css?1776848529372 */
/* /local/templates/main_b2b/components/bitrix/news.list/industries_staffing_education/style.css?17787390236265 */
/* /local/components/b2c/ui.form/templates/select/style.css?17768485282572 */
/* /local/components/b2c/ui.form/templates/text/style.css?17768485281596 */