/* Custom styles for specific effects not easily done with utility classes alone */
.text-glow {
    text-shadow: 0 4px 15px rgba(255, 255, 255, 0.4);
}

.icon-glow {
    filter: drop-shadow(0 0 15px rgba(255, 215, 0, 0.6));
}

.hero-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../img/legal-services-Background.png') no-repeat center center / cover;
}

.circle-dashed {
    border: 1px dashed rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.nav-link-active {
    border-bottom: 2px solid white;
    padding-bottom: 4px;
}