.projects-carousel-block,
.news-carousel-block {
    display: flex;
    align-items: center;
    overflow: hidden; /* скрытие элементов за пределами контейнера */
    position: relative; /*  позиционирование стрелок */
    width: 100%;
}

.projects-container,
.news-container {
    max-width: 90%;
    overflow: hidden;
    width: 100%;
}

.projects-wrapper,
.news-wrapper {
    display: flex;
    transition: transform 0.3s ease-in-out;
}

.project-item,
.new-item {
    width: calc(100% / 3); /* 3 элемента */
    flex-shrink: 0;
    padding: 0 10px; /* отступы между элементами */
    box-sizing: border-box; /* настройка для того, чтобы padding не влиял на ширину */
}

/* Стиль для кнопок в карусели */
.arrow-button {
    background-color: rgba(255, 255, 255, 0.7);
    border: none;
    border-radius: 25px;
    padding: 10px 15px;
    /* padding: 10px; */
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10; /* стрелки над контентом */
}

.projects-arrow-left,
.news-arrow-left {
    left: 0;
}

.projects-arrow-right,
.news-arrow-right {
    right: 0;
}

/* Стиль для карточки */
.item-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 16px;
}

.item-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1; /* растягивание контента, чтобы занять все свободное место */
}

.item-footer {
    text-align: right;
}