

body{
    margin:0;
    font-family: Arial;
    background:#f5f5f5;
    overflow-x:hidden;
}

/* WRAPPER */
.vaa-about-wrapper{
    width:100%;
    padding:40px 0;
}

/* CONTAINER */
.vaa-about-inner{
    width:90%;
    max-width:1200px;
    margin:auto;
}

/* CARD */
.vaa-about-card{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    background:#fff;
    margin-bottom:50px;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,0,0,0.1);
}

/* ❌ REMOVED CARD HOVER MOVE (FIX) */
/* NO translateY so text will NOT move */

/* IMAGE BOX */
.vaa-about-img{
    flex:1;
    min-width:300px;
    overflow:hidden;
}

/* IMAGE ONLY HOVER (FIXED ISOLATION) */
.vaa-about-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.6s ease;
}

.vaa-about-card:hover .vaa-about-img img{
    transform:scale(1.12);
    filter:brightness(0.85);
}

/* TEXT */
.vaa-about-text{
    flex:1;
    padding:30px;
}

/* HEADING (NO LINE UNDER) */
.vaa-about-text h2{
    font-size:26px;
    color:#0a3d62;
    margin-bottom:12px;
    text-align:left;
}

/* PARAGRAPH */
.vaa-about-text p{
    line-height:1.7;
    color:#333;
    font-size:16px;
}

/* ALTERNATE LAYOUT */
.vaa-about-card:nth-child(even){
    flex-direction:row-reverse;
}

/* RESPONSIVE FIX */
@media(max-width:768px){

    .vaa-about-card{
        flex-direction:column !important;
        text-align:center;
    }

    .vaa-about-text{
        padding:20px;
    }

    /* CENTER HEADING IN MOBILE */
    .vaa-about-text h2{
        text-align:center;
    }
}