:root {
    --hero-bg-color: #080d10;
    --section-1-bg-color: #ffffff;
    --section-2-bg-color: #111117;
    --section-3-bg-color: #eef4ed;
    --section-4-bg-color: #111117;
    --section-4-bg-image: url('assets/images/bg-10.jpg');
    --section-5-bg-color: #111117;
    --section-6-bg-color: #ffffff;
}

@media only screen and (min-width: 1030px) and (max-width: 1366px) {
    section {
        position: relative;
        width: 100%;
        padding: 100px 0;
        background-size: cover;
        /* background-attachment: fixed; */
        background-position: center;
    }
}