#cookie-consent {
    box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06);
}

.gradient-bg {
    background: linear-gradient(135deg, #9600f4 0%, #75c1ff 50%, #0f93ff 100%);
}

.image-bg-gradient-home {
    background-image: linear-gradient(to top, #364156, #36415666), url(/img/rostov_on_don_panoramic.jpg)
}

.image-bg-gradient-profi {
    background-image: linear-gradient(to top, #364156, transparent), url(/img/aad9wvddev1ivbpj8i9m2sogmi3kljhp.webp)
}

.image-bg-gradient-rck {
    background-image: linear-gradient(to top, #364156, transparent), url(/img/rostov.jpg)
}

.image-bg-gradient-stat {
    background-image: linear-gradient(to top, #364156, transparent), url(/img/photo_2025-09-25_12-39-59.jpg)
}

.card-hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.document-card {
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
}

    .document-card:hover {
        border-left-color: #3B82F6;
        background-color: rgba(59, 130, 246, 0.05);
    }

.pulse-animation {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.fade-in {
    animation: fadeIn 1.5s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.slider ul {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
}

.itc-slider, .itc-slider::before, .itc-slider::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.itc-slider-item {
    flex: 0 0 100%;
    max-width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

hr.dropdown-divider {
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25;
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, .15);
}

/*Переменные --gap и -items создаються локально для каждого элемента слайдера */
/* На экранах от 768px - 2 слайда */
@media (min-width: 768px) {
    .itc-slider-item {
        flex: 0 0 calc(50% - var(--gap) / 2);
        max-width: calc(50% - var(--gap) / 2);
    }
}

/* На экранах от 1200px - 3 слайда и более */
@media (min-width: 1200px) {
    .itc-slider-item {
        flex: 0 0 calc((100% / var(--items)) - var(--gap) * (var(--items) - 1) / var(--items) );
        max-width: calc((100% / var(--items)) - var(--gap) * (var(--items) - 1) / var(--items) );
    }
}