/**/
.greenbg-content { width: 100%; padding: 80px 0px 80px; background: #18733A; position: relative; z-index: 2; } 
.greenbg-content:before { content: ''; background: #227C44; width: 40%; height: 100%; position: absolute; right: 0; top: 0; z-index: -1; clip-path: polygon(60% 0, 100% 0, 100% 100%, 0% 100%); }
.greendetails { max-width: 100%; margin: 0 auto; }
.greendetails h5 { font-size: 24px; color: #ffffff; font-weight: 700; margin: 0 0 20px; }
.greendetails p { font-size: 18px; color: #ffffff; font-weight: 500; margin: 0 0 20px; }

/*white bg and blacktext*/
.withoutbg-content { width: 100%; padding: 80px 0 60px; background: #ffffff; }
.withoutbg-content .greendetails { max-width: 100%; }
.withoutbg-content .greendetails h5 { color: #242B27; }
.withoutbg-content .greendetails p { color: #4F4F4F; }

/*-------------------------------- Responsive Media Query --------------------------------*/
@media (max-width: 767px){
.greenbg-content { padding: 70px 30px 50px; }
.greenbg-content:before { width: 70%; }
.greendetails h5 { font-size: 22px; }
.greendetails p { font-size: 16px; }

}