:root { --primary-color: #0d6efd; }
body { display: flex; flex-direction: column; min-height: 100vh; font-family: 'Segoe UI', Roboto, sans-serif; }
main { flex: 1; }
.active { border-bottom: 2px solid white; }
.hero-section 
{
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1200&q=80');
    background-size: cover;
    background-position: center;
    height: 60vh;
    display: flex;
    align-items: center;
    color: white;
}
.icon-box 
{
    padding: 30px;
    border-radius: 10px;
    background: #f8f9fa;
    transition: 0.3s;
}
.icon-box:hover 
{
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.text-justify {
  text-align: justify !important;
}
.fontcolor1
{
    color: #5795A1;
}
.fontcolor2
{
    color: #A18757;
}
.fontcolor3
{
    color: #1A2C61;
}