/* Hero Section */
.hero-section {
    margin-bottom: 3rem;
}

.hero-background {
    position: relative;
    min-height: 400px;
}

.hero-image {
    height: 400px;
    object-fit: cover;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.hero-overlay {
    background: linear-gradient(90deg, rgba(35, 149, 137, 0.7) 0%, rgba(35, 149, 137, 0.3) 100%);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.hero-content {
    z-index: 10;
}

/* Download Cards */
.download-card {
    min-height: 280px;
    transition: transform 0.3s ease;
}

    .download-card:hover {
        transform: translateY(-5px);
    }

/* Resource Cards */
.resource-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .resource-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
    }
    /* Accordion Customization */
    .accordion-button:not(.collapsed) {
        background-color: var(--light-teal);
        color: var(--text-dark);
    }

    .accordion-button:focus {
        box-shadow: none;
        border-color: transparent;
    }

    .accordion-button::after {
        filter: brightness(0);
    }

    .accordion-item {
        border: none !important;
    }

    /* Video Section */
    .video-container {
        cursor: pointer;
        transition: opacity 0.3s ease;
    }

        .video-container:hover {
            opacity: 0.9;
        }

    /* Responsive Design */
    @media (max-width: 768px) {
        .hero-content {
            padding-left: 2rem !important;
            margin-left: 0 !important;
        }

        .hero-image {
            height: 300px;
        }

        .display-4 {
            font-size: 2rem;
        }

        .display-5 {
            font-size: 1.75rem;
        }

        .cta-card {
            text-align: center;
        }

        .download-card {
            min-height: auto;
        }
    }

    @media (max-width: 576px) {
        .hero-image {
            height: 250px;
        }

        .display-4 {
            font-size: 1.5rem;
        }

        .display-5 {
            font-size: 1.5rem;
        }

        .fs-5 {
            font-size: 1rem !important;
        }
    }

    /* Remove default layout margins for full-width hero */
    .resource-page {
        margin: 0;
        padding: 0;
    }

    /* Utility Classes */
    .rounded-4 {
        border-radius: 20px !important;
    }

    .rounded-top-4 {
        border-top-left-radius: 20px !important;
        border-top-right-radius: 20px !important;
    }

    .rounded-bottom-4 {
        border-bottom-left-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
    }