.text-green-light {
    color: $green-light;

}

.bg-green-light {
    background-color: $green-light;

}

.bg-green-light-10 {
    background-color: $green-light-10;

}

.home-10-hero {
    background-image: url(../img/shape/hero-10-bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    @media(max-width: 991px) {
        margin-top: 25px;
    }
    .shape_1 {
        left: 55px;
        top: 115px;
    }
    .shape_2 {
        left: 55px;
        bottom: 115px;
    }
    .shape_3 {
        right: 55px;
        top: 50%;
        transform: translateY(-50%);
    }
    .shape_4 {
        right: 330px;
        bottom: 45px;
    }
}