.hero {

    background-image: url(/images/bg.jpg);
    background-size: cover;
    min-height: 80vh;

    >div {
        /* background: rgba(255, 255, 255, 0.9); */
        background: color-mix(in srgb, var(--light-color) 90%, transparent);
        height: 100%;
        min-height: 80vh;

        h1 {
            font-size: clamp(2rem, 5vw, 4rem);
            font-weight: 900;
            max-width: 800px;

        }
    }

    p {
        font-size: clamp(1rem, 3vw, 1.5rem);
        font-weight: 500;
        max-width: 800px;

    }

}





@keyframes shimmer {
    to {
        background-position: 100%
    }
}

/* Stats Section */
.stats {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Intro Section */
.intro {
    >.container {

        max-width: 800px;

        h1 {
            font-size: clamp(2rem, 5vw, 3rem);
            font-weight: 900;

        }

        h2 {
            font-size: clamp(1.5rem, 4vw, 2rem);
            font-weight: 600;

        }

        p {
            /* font-size: clamp(1rem, 3vw, 1.25rem); */
            font-weight: 400;
        }

    }
}

/* Why Choose Palmate Section */
.why-choose-palmate {


    .card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;

        &:hover {
            transform: translateY(-10px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        }
    }
}

/* Courses Section */
.courses {
    .card {
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

        ul {
            list-style-type: none;

            li {
                position: relative;
                padding-left: 25px;
                line-height: 2;

                &::before {
                    content: "<>";
                    position: absolute;
                    left: 0;
                    top: 0;

                    color: var(--primary-color);
                    font-weight: 900;
                    margin-right: 8px;

                }
            }
        }
    }
}