body{ font-family: 'Roboto Condensed', sans-serif !important;}
.solar-4{ width: 100%; display: inline-block; padding: 7rem 0;}
.solar-4 .process-main{ width: 100%; display: inline-block; margin: 0px;}
.solar-4 .process-title{ width: 100%; display: inline-block; margin: 0px; font-size: 26px; font-weight: 500; letter-spacing: 1px;}
.solar-4 .process-border{ width: 80px; height: 3px; background: #86B857; margin: 2.5rem 0 2.5rem; padding: 0px; display: inline-block; border: none;}
.solar-4 .process-description{ width: 100%; display: inline-block; margin: 0px; font-size: 18px; color: #626262; line-height: 3.2rem;}
.solar-4 .join-network-btn{ border: none; padding: 1.3rem 4rem; color: #ffffff; letter-spacing: 1px; border-radius: 3px; font-size: 17px; background: #86B857; outline: none; margin-top: 6rem;}
.solar-4 .process-img-main{ width: 100%; height: 350px; display: inline-block; margin: 0px;}
.solar-4 .process-img-main img{ width: 100%; height: 100%; object-fit: contain; margin: 0px; padding: 0px;}


@media screen and (min-width:901px) and (max-width:1024px){


}

@media screen and (min-width:768px) and (max-width:900px){


}

@media screen and (min-width:601px) and (max-width:767px){
    .solar-4 .process-main{ margin-bottom: 5rem; text-align: center;}

}

@media screen and (min-width:481px) and (max-width:600px){
    .solar-4 .process-main{ margin-bottom: 5rem; text-align: center;}

}

@media screen and (max-width:480px){
    .solar-4 .process-main{ margin-bottom: 5rem; text-align: center;}

}

/*  Turn on custom 8px wide scrollbar */
::-webkit-scrollbar{
    width: 6px; /* 1px wider than Lion. */
    /* This is more usable for users trying to click it. */
    background-color: rgba(0,0,0,0);
    -webkit-border-radius: 100px;
}

/* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
::-webkit-scrollbar-thumb:vertical{
    background: rgba(0,0,0,0.5);
    -webkit-border-radius: 100px;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0);
    min-height: 10px; /*Prevent it from getting too small */
}
::-webkit-scrollbar-thumb:vertical:active{
    background: rgba(0,0,0,0.61); /* Some darker color when you click it */
    -webkit-border-radius: 100px;
}