.contact-block {
    text-align: center;
}

.item-card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3vmin;
    border-radius: 2vmin;
}

.item-card {
    box-shadow: var(--box-shadow);
    margin: 1vmin;
    display: block;
    align-items: center;
    justify-content: center;
    gap: 2vw;
    color: var(--text-color);
    background-color: var(--bg-color);
    border-radius: 2vmin;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.item-card p {
    font-size: 1rem;
    margin: 0.5vmin;
}
.item-card i {
    font-size: 1rem;
    margin: 0.5vmin;
}

.item-card img {
    width: 100%;
    height: 50%;
    border-radius: 2vmin 2vmin 0 0;
}
.a-card {
    border-radius: 2vmin;
    text-decoration: none;
    text-align: center;
    transition: color 0.3s ease;
}

.item-card:hover {
    color: var(--bg-color);
    background-color: var(--text-color);
}

.card {
    display: block;
    box-shadow: var(--box-shadow);
    margin: 1vmin;
    align-items: center;
    justify-content: center;
    gap: 2vw;
    color: var(--text-color);
    background-color: var(--bg-color);
    border-radius: 2vmin;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.card a {
    text-decoration: none;
    margin: 2vmin;
    padding: 0.5rem;
}

.card button {
    text-decoration: none;
    font-size: 1rem;
    padding: 0.5rem;
    box-shadow: none;
}

.card-profile {
    display: flex;
    flex-wrap: wrap;
    padding: 2vmin;
    gap: 3vmin;
    border-radius: 2vmin;
    max-height: 40rem;
    color: var(--text-color);
    background-color: var(--bg-color);
}

.item-container {
    display: flex;
    flex-wrap: wrap; /* Додає перенесення блоків на новий ряд, якщо вони не вміщаються */
    justify-content: center; /* Вирівнювання блоків по центру */
    gap: 3vmin; /* Відстань між блоками по горизонталі і вертикалі */
    border-radius: 2vmin;
}

.item-base {
    box-shadow: var(--box-shadow);
    margin: 0; /* Видалено вертикальні відступи, використовуйте gap замість цього */
    display: flex;
    align-items: center; /* Вирівнювання по вертикалі */
    justify-content: center; /* Вирівнювання по горизонталі */
    gap: 2vw; /* Відстань між логотипом і текстом */

    color: var(--text-color);
    background-color: rgba(var(--bg-color--rgb), var(--bg-color--alpha));
    border-radius: 2vmin;
    padding: 1rem;

    width: fit-content; /* Розмір блоку відповідно до контенту */
    max-width: 30rem; /* Максимальна ширина блоку */
}

.item-base img {
    width: 2rem;
    height: 2rem;
    filter: invert(var(--invert));
}

.item-base a {
    background-color: var(--bg-color);
    color: var(--text-color);
    text-decoration: none;
    padding: 0.5vb 1vw;
    border-radius: 0.5vmin;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;

    transition: background-color 0.3s ease, color 0.3s ease;
}

.item-base a:hover {
    background-color: var(--text-color);
    color: var(--bg-color);
}

.item-base text {
    border-radius: 0.5vmin;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;

    transition: background-color 0.3s ease, color 0.3s ease;
}

@media (max-width: 1000px) {
}