body{ font-family: 'Roboto Condensed', sans-serif !important;}
.solar-6{ width: 100%; display: inline-block; padding: 7rem 12rem;}
.solar-6 .about-main{ width: 100%; display: inline-block; margin: 0px; position: relative;}
.solar-6 .about-left-img{ width: 70%; height: 450px; background: #55B7FF; display: inline-block; margin: 0px;}
.solar-6 .about-img{ width: 75%; display: inline-block; margin: 0px; height: 450px; position: absolute; top: 8rem; right: 3rem;}
.solar-6 .about-img img{ width: 100%; height: 100%; object-fit: cover; margin: 0px; padding: 0px;}
.solar-6 .about-details{ width: 70%; display: flex; margin: 0px; min-height: 530px; justify-content: center; align-items: center; flex-direction: column;}
.solar-6 .about-title{ width: 100%; display: inline-block; margin: 0px 0 4rem 0; color: #2C4058; letter-spacing: 2px; font-size: 5rem;}
.solar-6 .about-description{ width: 100%; display: inline-block; margin: 0px; color: #2C4058; font-size: 20px; font-weight: 300; text-align: justify;}



@media screen and (min-width:901px) and (max-width:1024px){
    .solar-6{ padding: 7rem 0;}
    .solar-6 .about-details{ width: 100%;}

}

@media screen and (min-width:768px) and (max-width:900px){
    .solar-6{ padding: 7rem 0;}
    .solar-6 .about-img{ right: 0px;}
    .solar-6 .about-details{ margin: 15rem 0; width: 100%; min-height: inherit;}

}

@media screen and (min-width:601px) and (max-width:767px){
    .solar-6{ padding: 7rem 0;}
    .solar-6 .about-img{ right: 0px;}
    .solar-6 .about-details{ margin: 15rem 0; width: 100%; min-height: inherit;}


}

@media screen and (min-width:481px) and (max-width:600px){
    .solar-6{ padding: 7rem 0;}
    .solar-6 .about-left-img{ height: 400px;}
    .solar-6 .about-img{ right: 0px; height: 400px;}
    .solar-6 .about-details{ margin: 15rem 0; width: 100%; min-height: inherit;}


}

@media screen and (max-width:480px){
    .solar-6{ padding: 7rem 0;}
    .solar-6 .about-left-img{ height: 300px;}
    .solar-6 .about-img{ right: 0px; height: 300px;}
    .solar-6 .about-details{ margin: 15rem 0; width: 100%; min-height: inherit;}
    .solar-6 .about-title{ font-size: 4.2rem;}



}


/*  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;
}