.hero-section {
    position: relative;
    background-attachment: fixed;
}
    /* Parallax Background */
    .parallax-section {
        background: url('assets/images/about-happy-minds-phonics.jpeg') center/cover fixed no-repeat;
        position: relative;
    }
    .parallax-section .overlay {
        background: rgba(255, 255, 255, 0.6);
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
    }

    /* Fade-in Animation */
    .fade-in {
        animation: fadeInUp 1.2s ease-in-out;
    }
    @keyframes fadeInUp {
        from { opacity: 0; transform: translateY(30px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* Icon Styling */
    .icon-circle {
        width: 70px;
        height: 70px;
        line-height: 70px;
        border-radius: 50%;
        font-size: 2rem;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    /* Hover Animation */
    .hover-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .hover-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    }
    .hover-effect {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .hover-effect:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.15);
    }
    .btn-violet {
    background-color: #7c4dff; /* Violet */
    border-color: #7c4dff;
    color: white;
    transition: all 0.3s ease;
}

.btn-violet:hover {
    background-color: #651fff; /* Darker violet on hover */
    border-color: #651fff;
    box-shadow: 0 8px 20px rgba(124, 77, 255, 0.3);
    transform: translateY(-2px);
}
.text-color{
    color:maroon;
}