.about-hero {
    position: relative;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../img/bg.webp);
    background-size: cover;
    background-repeat: round;
    overflow: hidden;
}

/* FULL blur overlay */
.blur-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background: rgba(33, 92, 160, 0.849); /* thoda dark effect */
    z-index: 1;
}

/* Text */
.about-hero h1 {
    position: relative;
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    z-index: 2;
}

/* Shapes (optional same rehne do) */
.about-hero::before,
.about-hero::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    filter: blur(10px);
}

.about-hero::before {
    width: 250px;
    height: 250px;
    top: -80px;
    left: -60px;
}

.about-hero::after {
    width: 300px;
    height: 300px;
    bottom: -100px;
    right: -80px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: Arial, sans-serif; background: #fff; color: #222; }
 
    .about-section { max-width: 1100px; margin: 0 auto; padding: 36px 28px; }
    .about-label { font-size: 13px; color: #555; margin-bottom: 6px; }
    .doc-name { font-size: 32px; font-weight: 700; color: #2a77c7; margin-bottom: 24px; }
 
    .layout { display: block; }
    .right { float: right; width: 450px; margin: 0 0 20px 30px; text-align: center; border: 1px solid gray;}
    .right img { width: 100%; border-radius: 8px; display: block; }
    .caption { font-size: 12px; color: #2a77c7; margin-top: 8px; }
    .left { display: block; }
    .clearfix::after { content: ''; display: table; clear: both; }
 
    h3 { font-size: 16px; font-weight: 700; color: #222; margin: 22px 0 10px; border-bottom: 2px solid #e0e0e0; padding-bottom: 5px; }
 
    .exp-item { margin-bottom: 14px; }
    .exp-title { font-size: 14px; font-weight: 700; color: #333; margin-bottom: 3px; }
    .exp-desc { font-size: 13px; color: #555; line-height: 1.75; }
 
    ul { padding-left: 20px; }
    ul li { font-size: 13px; color: #555; line-height: 1.85; }
 
    .pub-list { padding-left: 20px; }
    .pub-list li { font-size: 12.5px; color: #555; line-height: 1.75; margin-bottom: 4px; }
 
    .conf-sub { font-size: 14px; font-weight: 700; color: #444; margin: 14px 0 6px; }
    .aff-list { padding-left: 20px; }
    .aff-list li { font-size: 13px; color: #555; line-height: 1.85; }