/* About Us banners: preserve CMS image/title fields and the original templates. */
body[data-gpt-about-banner] .bd-banner-txt {
    height: 300px;
    min-height: 0;
    max-height: 300px;
    overflow: hidden;
    background: linear-gradient(105deg, #edf4fc, #f7faff);
}
body[data-gpt-about-banner] .banner-txt-box {
    position: relative;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
}
body[data-gpt-about-banner] .banner-txt-box::before,
body[data-gpt-about-banner] .bd-banner-txt::after { display: none; }
body[data-gpt-about-banner] .banner-txt-box > img {
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    min-width: 0;
    max-width: none;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
body[data-gpt-about-banner] .banner-txt-box .desc {
    left: 24px;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    width: calc(50% - 48px);
    max-width: 540px;
    margin: 0;
    padding: 0;
    background: transparent;
    text-align: left;
}
body[data-gpt-about-banner] .banner-txt-box .desc h2,
body[data-gpt-about-banner] .banner-txt-box .desc .hawen-primary-heading {
    margin: 0;
    color: #005bc6;
    font-size: 32px;
    line-height: 1.2;
}
body[data-gpt-about-banner] .banner-txt-box .desc h3 {
    margin: 14px 0 0;
    color: #516783;
    font-size: 17px;
    line-height: 1.55;
}
body[data-gpt-about-banner] .banner-boxs {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 170px;
    min-height: 170px;
    max-height: 170px;
    padding: 18px 20px;
    background-color: #edf4fc !important;
    background-position: right 12px center !important;
    background-size: 45% auto !important;
}
body[data-gpt-about-banner] .banner-boxs::before { display: none; }
body[data-gpt-about-banner] .banner-boxs h1.hawen-primary-heading,
body[data-gpt-about-banner] .banner-boxs h3 {
    box-sizing: border-box;
    width: 50%;
    margin: 0;
    padding: 0;
    color: #005bc6;
    text-align: left;
    font-size: 24px;
    line-height: 1.2;
}
body[data-gpt-about-banner] .banner-boxs h4 {
    box-sizing: border-box;
    width: 50%;
    margin: 8px 0 0;
    padding: 0;
    color: #516783;
    text-align: left;
    font-size: 12px;
    line-height: 1.45;
}
@media (max-width: 359px) {
    body[data-gpt-about-banner] .banner-boxs { padding-left: 16px; }
    body[data-gpt-about-banner] .banner-boxs h1.hawen-primary-heading,
    body[data-gpt-about-banner] .banner-boxs h3 { font-size: 22px; }
    body[data-gpt-about-banner] .banner-boxs h4 { font-size: 11px; }
}