/**
 * @file
 * Section styles
 */

.section__bg--primary--4 {
    background-color: var(--color-primary--4);
}
.section__bg--primary--1 {
    background-color: var(--color-primary--1);
}
.section__bg--gray {
    background-color: var(--color-primary--5);
}

/* Part BGrs */

.section__bg--primary-part {
    position: relative;
}

.section__bg--primary-part::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35%;
    background-color: var(--color-primary--1);
    z-index: 0!important;
}



.section__bg--primary-part_g {
    background-color: var(--color-primary--4);
    position: relative;
}

.section__bg--primary-part_g::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35%;
    background-color: var(--color-primary--1);
    z-index: 0!important;
}





.section__bg--primary-part2 {
    position: relative;
}

.section__bg--primary-part2::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: var(--color-primary--1);
    z-index: 0;
}

.section__bg--primary-part3 {
    position: relative;
    background-color: var(--color-primary--4);
}

.section__bg--primary-part3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: var(--color-primary--1);
    z-index: 0;
}


.section__bg--primary--4-part {
    position: relative;
}

.section__bg--primary--4-part::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background-color: var(--color-primary--4);
    z-index: 0;
}


.section--baselined > div > .layout {
    align-items: baseline;
}