/* Стили для скрытия и отображения элементов */
.hidden-430 {
    display: none; /* Скрывает элемент */
}

.block-430 {
    display: grid; /* Отображает элемент */
}

/* Адаптивное скрытие/отображение элементов на разных экранах */
@media (min-width: 431px) {
    .hidden-430 {
        display: block; /* Показывать на экранах шире 430px */
    }
    .block-430 {
        display: none; /* Скрывать на экранах шире 430px */
    }
}

/* Стили для сетки и отступов */
.grid {
    display: flex;
    justify-content: center;
}

/* Одна карточка — одна колонка, центрируется */
@media (min-width: 768px) {
    .md\:grid-cols-3 {
        /* оставляем flex — карточка сама по себе центрирована */
    }
}

/* Стили для центрирования и отступов */
.mx-auto {
    margin-left: auto;
    margin-right: auto; /* Центрирует элемент по горизонтали */
}

.p-5 {
    padding: 1.25rem; /* Отступ внутри элемента */
}

/* Стили для контейнера с вакансиями */
.job-container {
    position: relative;
}

/* Стили для основного контейнера */
.container {
    max-width: 1200px; /* Максимальная ширина контейнера */
    margin-left: auto;
    margin-right: auto; /* Центрирует элемент по горизонтали */
    padding-left: 1rem; /* Внутренний отступ слева */
    padding-right: 1rem; /* Внутренний отступ справа */
}

/* Стили для карусели и фоновых эффектов */
.job-section {
    background: linear-gradient(to bottom, #1d1d1d 0%, #2d1b52 100%);
    box-shadow: 0 2px 0 0 rgb(44 27 78);
    padding-bottom: 50px;
}

.job-cards.block-430 {
    height: auto;
}

.carousel-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* Стили для карусели */
.slick-slide {
    outline: none; /* Убирает обводку вокруг элементов карусели */
}

.slick-dots {
    bottom: 10px; /* Позиция точек карусели */
}

.slick-prev, .slick-next {
    z-index: 5;
    color: #fff; /* Цвет стрелок */
}