/* -------------------------
   Services Banner
------------------------- */
.banner {position:relative;}
.banner div {position:absolute; right:0; bottom:4rem; width:100%; text-align:center; color:var(--neutral-100);}
.banner .img-fit {min-height:520px;}

@media (min-width: 768px) {
    .section-services-intro .col-md-5 {flex:0 0 auto; width:38%;}
    .section-services-intro .col-md-7 {width:62%;}
}

/* -------------------------
   Services List
------------------------- */
.section-service {padding:160px 0; overflow-x:clip;}
.section-service .level-2-title {color:var(--secondary-400);}
.section-service img {height:345px;}
.service-icon .container,
.service-icon .row {position:relative;}
.service-icon .container::before {content:''; position:absolute; bottom:-160px; left:auto; right:-100px; width:280px; height:660px; background:url(/images/tree-grey.svg) no-repeat center bottom -20px; background-size:contain;}
.service-icon-alt .container::before {background-image:url(/images/tree-white.svg); left:-100px; right:auto;}

@media (min-width:1600px) {
.service-icon .container::before {right:-270px; width:400px; height:780px;}
.service-icon-alt .container::before {left:-270px;}
}

@media (min-width: 992px) {
    .section-service img {height:590px;}
}