/* About Section Styles */

.about-section {
    padding: var(--spacing-xl) 0;
}

.about-section h2 {
    margin-bottom: 1.5rem;
}

.about-section p {
    margin-bottom: 1.5rem;
    line-height: 1.8;
}

.about-section img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: var(--box-shadow);
    transition: transform 0.5s ease;
}

/* Removed hover effect as requested */

/* Fade-in animation for text content */
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.about-section .lg\:w-1\/2:first-child {
    animation: fadeInLeft 0.8s ease forwards;
}

.about-section .lg\:w-1\/2:last-child {
    animation: fadeInRight 0.8s ease forwards;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .about-section .flex {
        flex-direction: column-reverse;
    }
    
    .about-section .lg\:w-1\/2:first-child {
        margin-top: 2rem;
    }
    
    .about-section img {
        max-width: 400px;
        margin: 0 auto;
    }
}