#r8_content h3 {font-family: 'Playfair Display', serif; font-weight:500;}

@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;500;600;700&display=swap');
#r8_content p {
  font-family: "Karla", sans-serif;
}

#r8_content .parallax03 {background-image: url(/shared/images/content/bus_58001/6._Educational_Institution_-_Hero-1750.jpg?nocache=602); 
background-attachment: fixed; 
background-position-x: right; 
background-position-y: top;}
.parallax-dark {background-color: rgba(83,82,81,0.6); margin-top:-15px; color:#FFF;}


.jh-hover-box {
    display: block;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 1px 15px; 
    text-decoration: none !important;
    transition: all 0.25s ease;
min-height: 0px;
 margin-bottom: 10px; 
}
  .jh-hover-box:hover {background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.3);}