/* Styles spécifiques pour la page À propos */

.apropos-hero {
    /* Hérite de hero-base si on veut, mais ici on garde les spécificités */
    background-color: #00664B !important;
    color: white !important;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.btn-white-custom {
    background-color: white !important;
    color: #00664B !important;
}

.btn-outline-white-custom {
    border: 2px solid white !important;
    color: white !important;
}

.about-image-wrapper {
    width: 100% !important;
    max-width: 500px !important;
    margin-left: auto !important;
    border-radius: 2.5rem !important;
    overflow: hidden !important;
    box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.5s ease;
}

.about-image-wrapper:hover {
    transform: scale(1.02);
}

.about-image-wrapper img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}