/* Главный CSS-файл, импортирующий все модули */
@import url('base.css');
@import url('header.css');
@import url('hero.css');
@import url('specialists.css');
@import url('location.css');
@import url('products.css');
@import url('services.css');
@import url('news.css');
@import url('about.css');
@import url('footer.css');
@import url('responsive.css');
@import url('page-gas-exchange.css');
@import url('buttons.css');

/* Общие анимации */
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes fadeInLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Чередование фонов и градиентная нижняя граница для секций */
.hero,
.specialists,
.location,
.products,
.services {
    background-position: bottom;
    background-repeat: no-repeat;
}



.specialists {
    background-color: var(--gray-200);
}

.location {
    background-color: var(--white);
}

.products {
    background-color: var(--gray-200);
}

.services {
    background-color: var(--gray-200);
}

.news {
    background-color: var(--white);
    border-bottom: none;
}