.about-bannercontent{
    background: #002E64;
    padding-top: 90px;
    text-align: center;
    padding-bottom: 100px;
}
.about-bannercontent .subtitle{
    color: var(--text-white, #FFF);
    text-align: center;
    font-family: var(--font-family-family, Sora);
    font-size: var(--button-sm-size, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--button-sm-line-height, 24px);
    border-radius: 60px;
    border: 1px solid var(--border-primary-dark, #0E3C71);
    background: var(--surface-primary-dark, #002E64);
    box-shadow: 0 0 16px 0 rgba(255, 255, 255, 0.15) inset;
    display: flex;
    padding: 8px 16px;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 16px;
}
.about-bannercontent h1{
    color: var(--text-white, #FFF);
    text-align: center;
    font-family: var(--font-family-family, Sora);
    font-size: var(--heading-h3-size, 40px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--heading-h3-line-height, 56px);
}
@media (max-width:1024px){
    .about-bannercontent h1 {
        font-size: var(--heading-h3-size, 40px);
        line-height: var(--heading-h3-line-height, 60px);
    }
}
@media (max-width:767px){
    .about-bannercontent {
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .about-bannercontent h1 {
        font-size: var(--heading-h3-size, 24px);
        line-height: var(--heading-h3-line-height, 32px);
    }
}