.about-us3 {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;

    margin-bottom: 25px;
    margin-top: 100px;
    z-index: 100;
}

.about-image3 {
    flex: 1;
    max-width: 350px;
    margin-left: 30px;
    min-width: 250px;
    transition: transform 0.3s ease-in-out;
}

.about-image3 img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    
}

.about-content3 {
    flex: 2;
    max-width: 600px;
    min-width: 250px;
    margin: 8px;
}

.about-content3 h1 {
    font-size: 36px;
    margin-bottom: 20px;
    color: #30b5b0;
    font-family: sans-serif;
}
.about-content3 h2 {
    font-size: 28px;
    color: #3d3d3d;
}

.about-content3 p {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 25px;
    font-family: sans-serif;

}
     /* Responsive styling */
     @media (max-width: 1024px) {
        .about-us3 {
            flex-direction: column;
            align-items: center;
        }

        .about-image3 {
            margin-left: 0;
            margin-bottom: 20px;
            
        }


        .about-content3 {
            text-align: center;
        }

        .about-content3 h1 {
            font-size: 30px;
        }

        .about-content3 p {
            font-size: 20px;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
        }
    }

    @media (max-width: 768px) {
        .about-content3 h1 {
            font-size: 27px;
        }

        .about-content3 p {
            font-size: 16px;
        }
        .container3{
            width: 80%;
            display: block;
            margin: auto;
            padding-top: 50px;
        
        }
        .content-section3{
            float: none;
            width: 100%;
            display: block;
            margin: auto;
        }

        .image-section3 {
            float: none;
            width: 100%;
    
        }
        .image-section3 img{
            width: 100%;
            height: auto;
            display: block;
            margin: auto;
    
    
        }
        /* .content-section .title{
            text-align: center;
            font-size: 19px;
        }
        .content-section .content .button{
            text-align: center;
    
        }
        .content-section .content .button a{
            text-align: center;
        } */
    }