.background-section {
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1
}

.background-section .background-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.background-section .background-img-overlay::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, white 100%)
}

.background-section.background-gradient .background-img-overlay::after {
    background: linear-gradient(63.4deg, #E6E6E6 30%, #F0F0F0 30% 60%, #F7F7F7 60% 80%)
}

.background-section img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .1
}

.background-section .overlay-fixed-triangle::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1;
    border-right: 120px solid transparent;
    border-bottom: 239.6344626719px solid #00b5e2
}

@media(max-width: 599.98px) {
    .background-section .overlay-fixed-triangle::after {
        border-right: 80px solid transparent;
        border-bottom: 159.756308448px solid #00b5e2
    }
}

.background-section .overlay-fixed-triangle.triangle-el::after {
    border-bottom-color: #004c48
}

.background-section .overlay-fixed-triangle.triangle-pd::after {
    border-bottom-color: #005baa
}

.background-section .overlay-fixed-triangle.triangle-ge::after {
    border-bottom-color: #8dc63f
}

.background-section .overlay-fixed-triangle.triangle-red::after {
    border-bottom-color: #e4002b
}

.background-section .overlay-fixed-triangle.triangle-blue::after {
    border-bottom-color: #00b5e2
}

.background-section .overlay-fixed-triangle-right::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    opacity: 1;
    width: 0;
    height: 0;
    border-right: 150px solid #00b5e2;
    border-bottom: 299.5430783399px solid transparent
}

@media(min-width: 600px) {
    .background-section .overlay-fixed-triangle-right::after {
        border-right: 300px solid #00b5e2;
        border-bottom: 599.0861566799px solid transparent
    }
}

.background-section .overlay-fixed-triangle-right.triangle-el::after {
    border-right-color: #004c48
}

.background-section .overlay-fixed-triangle-right.triangle-pd::after {
    border-right-color: #005baa
}

.background-section .overlay-fixed-triangle-right.triangle-ge::after {
    border-right-color: #8dc63f
}

.background-section .overlay-fixed-triangle-right.triangle-red::after {
    border-right-color: #e4002b
}

.background-section .overlay-fixed-triangle-right.triangle-blue::after {
    border-right-color: #00b5e2
}

.background-section-fixed {
    position: fixed;
    top: 0;
    left: 0
}

/*# sourceMappingURL=background-section.css.map */