/* ==========================================================
   About Us Page Styles
   Figma: HVetc2422papKdaKgc63l5 — node 1692-15314
   ========================================================== */

/* ----- The about-page class stacks on top of od-page ----- */
.about-page {
    /* inherits background, flex-col layout from od-page */
}

/* ==========================================================
   Main content layout  (text card  +  illustration side by side)
   ========================================================== */
.about-content-section {
    flex: 1;
    padding: 40px 30px 60px;
}

.about-layout {
    display: flex;
    align-items: flex-start;
    gap: 48px;
    max-width: 1280px;
    margin: 0 auto;
}

/* ==========================================================
   Text card  (left column)
   ========================================================== */
.about-text-card {
    flex: 1 1 0;
    background: #ffffff;
    border-radius: 16px;
    padding: 32px 36px;
    box-shadow: 0 2px 16px rgba(104, 48, 145, 0.06);
}

.about-para {
    font-family: 'Inter', 'Noto Sans Bengali', 'Kalpurush', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #111827;
    line-height: 1.85;
    margin: 0;
}

.about-para--mt {
    margin-top: 20px;
}

/* ==========================================================
   Illustration  (right column)
   ========================================================== */
.about-illustration {
    flex: 0 0 520px;
    max-width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-illustration img {
    width: 100%;
    height: auto;
    display: block;
    filter: drop-shadow(0 8px 24px rgba(104, 48, 145, 0.12));
}

/* ==========================================================
   Responsive
   ========================================================== */
@media (max-width: 991px) {
    .about-content-section {
        padding: 24px 16px 40px;
    }

    .about-layout {
        flex-direction: column;
        gap: 32px;
    }

    .about-illustration {
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 575px) {
    .about-text-card {
        padding: 20px 18px;
    }

    .about-para {
        font-size: 15px;
    }

    .about-illustration {
        max-width: 100%;
    }
}

/* placeholder to close — no further content */

































































}    }        max-width: 260px;    .about-illustration {    }        font-size: 15px;    .about-para {    }        padding: 20px 18px;    .about-text-card {@media (max-width: 575px) {}    }        margin: 0 auto;        width: 100%;        max-width: 320px;        flex: 0 0 auto;    .about-illustration {    }        gap: 32px;        flex-direction: column;    .about-layout {    }        padding: 24px 16px 40px;    .about-content-section {@media (max-width: 991px) {   ========================================================== */   Responsive/* ==========================================================}    filter: drop-shadow(0 8px 24px rgba(104, 48, 145, 0.12));    max-height: 420px;    height: auto;    width: 100%;.about-illustration svg {}    justify-content: center;    align-items: center;    display: flex;    max-width: 380px;    flex: 0 0 380px;.about-illustration {   ========================================================== */   Illustration  (right column)/* ==========================================================}    margin-top: 20px;.about-para--mt {}    margin: 0;    line-height: 1.85;

    color: #111827;    font-weight: 400;    font-size: 16px;    font-family: 'Inter', 'Noto Sans Bengali', 'Kalpurush', sans-serif;