.borderCalss { background-color: #f2f2f2 !important; border-radius: 15px !important; } 
.borderText { padding: 10px 20px !important; margin: 5px !important; } 
.bodyText { padding: 10px 20px !important; margin: 0px !important; font-size: 18px !important; line-height: 24px !important; } 


.lightBlue { background-color: #01444C !important; border-radius: 15px !important; }
.darkBlue { background-color: #CCF9FC !important; border-radius: 15px !important; }

.earningsHeading { color: #fff; font-size: 22px; font-weight: bold; line-height: 28px; }
.earningsBorder { padding: 5px !important; margin: 0px !important; } 
.eraningInfoText { color: #fff; font-size: 20px; line-height: 24px; }
hr { background-color: #fff; }

.tileFont {color: #01444C !important; }


.marginTop { margin-top: -20px !important; } 
.bottomSpace { margin-bottom: -25px !important; } 

@media screen and (max-width: 767px)  {
.marginTop { margin-top: -20px !important; }
.bottomSpace { margin-bottom: -40px !important; } 
}

@media screen and (min-width: 1024px) {
.component__spacing-bottom { margin-bottom: 40px; }
}

.tealBG { background-color: #01444C !important; height: 2px !important; border: none !important; }