body {
    font-family: 'Manrope', sans-serif;
    background-color: #f0f0fa;
    color: #0f1b4b;
}

.hero-block{
    background: url("/templates/bmw-e-design/theme/bg.svg") center center no-repeat;
    background-size: cover;
}

/*hero gallery*/
.hero-block {
    width: 100%;
    height: 90vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

@media (max-width: 991px){
    .hero-block{
        height: 100%;
    }
    header{
        /*position: relative!important;*/
    }
}

/* Анимируемый блок */
.loop-wrapper {
    position: relative;
    /*height: 100%;*/
    /*overflow: hidden;*/
    animation: scrollUp 80s linear infinite;
}

/* Две колонки */
.gallery {
    display: flex;
    justify-content: center;
    gap: .5rem;
}

/* Клон располагаем под первой галереей */
.gallery.clone {
    position: absolute;
    top: 100%;
    left: 0;
}

/* Колонки */
.gallery .col {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

/* Сдвиг правой колонки */
.gallery .col-right {
    margin-top: 150px; /* пол высоты картинки = 200px / 2 */
}

/* Картинки */
.gallery .col img {
    width: 350px;
    height: 350px;
    object-fit: cover;
    border-radius: 1rem;
}

/* Анимация полного блока */
@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}

/*подкатегории ТО*/
.row .subcategory-box:nth-child(4n + 1) .subcategory:hover{
	background: #3c54b1!important;
}
.row .subcategory-box:nth-child(4n + 2) .subcategory:hover{
	background: #00378e!important;
}
.row .subcategory-box:nth-child(4n + 3) .subcategory:hover{
	background: #00297d!important;
}
.row .subcategory-box:nth-child(4n + 4) .subcategory:hover{
	background: #00115c!important;
}

.subcategory:hover{
	background-color: #3C54B1 !important;
	color: #fff !important;
	transition: .3s ease all;
}
.subcategory:hover a{
	color: #fff !important;
}

/*ТО Услуги техцентра*/
.items.custom-items .jbimage {
    border-radius: 1rem;
    margin-bottom: .5rem;
}

.items.custom-items .item-title a{
    font-weight: 700;
}
.items.custom-items .jbzoo-item-remont:hover .item-title a{
    color: #dd3554;
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb) !important;
    text-decoration-color: RGBA(var(--bs-link-hover-color-rgb), 1) !important;
}

.usluga-item:hover {
    background-color: #3C54B1 !important;
    color: #fff !important;
    transition: .3s ease all;
}
.usluga-item:hover a{
    color: #fff !important;
}