/* About Section Styles */
    .about-section {
        /*background: #f4f4f4;*/
        padding: 60px 0;
    }
    .about-content {
        display: flex;
        align-items: center;
        margin-bottom: 40px;
        flex-wrap: wrap;
    }
    .about-image {
        flex: 1;
        max-width: 45%;
        margin: 0 20px;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease-in-out;
    }
    .about-image:hover {
        transform: scale(1.05);
    }
    .about-text {
        flex: 1;
        max-width: 50%;
        margin: 0 20px;
    }
    .about-text h2 {
        font-size: 2em;
        margin-bottom: 20px;
        color: #333;
    }
    .about-text p {
        font-size: 1.1em;
        line-height: 1.6;
        color: #666;
    }
    /* Keyframes for animations */
    @keyframes fadeInDown {
        from {
            opacity: 0;
            transform: translateY(-20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    /* Responsive Design */
    /*@media (max-width: 768px) {*/
    /*    .about-content {*/
    /*        flex-direction: column;*/
    /*        text-align: center;*/
    /*    }*/
    /*    .about-image, .about-text {*/
    /*        max-width: 100%;*/
    /*        margin: 20px 0;*/
    /*    }*/
    /*}*/