body {
    /der */ .bgheading

{
    background: linear-gradient(135deg,#1e3a8a,#1d4ed8);
    color: #fff;
    /*padding:18px 22px;
*/ border-radius: 10px 10px 0 0;
}

.keytitle {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: .5px;
}

/* Card */
.cardshadow {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    background: #fff;
}

/* Content section with soft overlay for readability */
.about-section {
    background: url('ImagesNew/bagal.png') center/cover no-repeat;
    position: relative;
    padding: 40px;
}

    .about-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255,255,255,0.92);
    }

.about-text {
    position: relative;
    z-index: 2;
}

    /* Paragraph styling */
    .about-text p {
        font-size: 19px;
        line-height: 1.9;
        color: #333;
        text-align: justify;
        margin-bottom: 20px;
    }

/* Image */
.about-img {
    width: 100%;
    height: auto;
    display: block;
    border-top: 1px solid #e5e7eb;
    object-fit: cover;
}

/* Table styling (future use) */
.table {
    border: 2px solid #000;
    border-collapse: collapse;
}

    .table th,
    .table td {
        border: 1px solid #000;
        padding: 10px;
    }

/* Mobile responsive */
@media(max-width:768px) {

    .container-fluid {
        width: 95%;
    }

    .about-section {
        padding: 25px;
    }

    .keytitle {
        font-size: 20px;
    }

    .about-text p {
        font-size: 21px;
    }
}

}