html,body.aboutPage {
    height: 100vh;
    overflow: hidden
}

body.aboutPage .mainFrame {
    height: calc(100vh - 92px - 30px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    align-items: stretch;
    padding: 0!important
}

body.aboutPage .wrap {
    width: 100%;
    margin: 0;
    padding: 0
}

body.aboutPage .aboutContent,body.aboutPage .aboutContent * {
    overscroll-behavior: none;
    touch-action: manipulation
}

body.aboutPage * {
    -webkit-tap-highlight-color: #fff0
}

body.cardOpen body.aboutPage {
    overflow: hidden;
    touch-action: none
}

body.aboutPage h1,body.aboutPage h2 {
    text-align: center;
    color: rgb(255 255 255/.92)
}

body.aboutPage .aboutTitle {
    margin-top: -.75rem;
    margin-bottom: .75rem
}

body.aboutPage .aboutContent {
    background: #fff0;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 2px solid rgb(0 59 122/.85);
    box-shadow: 0 0 0 2px rgb(0 59 122/.45);
    border-radius: 25px;
    max-width: 1400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: rgb(255 255 255/.92);
    max-height: none;
    overflow-y: visible
}

body.aboutPage .sectionDivider {
    width: 100%;
    height: 2px;
    background: rgb(0 59 122/.55);
    margin: 1.25rem 0;
    border-radius: 2px
}

body.aboutPage .serviceTitle {
    font-size: clamp(1.4rem,2.4vw,2rem);
    font-weight: 800;
    margin-top: .25rem;
    margin-bottom: .35rem;
    text-align: center
}

body.aboutPage .serviceTagline {
    font-size: clamp(1rem,1.25vw,1.35rem);
    line-height: 1.35;
    margin-top: .25rem;
    margin-bottom: .75rem;
    color: rgb(255 255 255/.92);
    text-align: center;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto
}

body.aboutPage .serviceIcons {
    display: flex;
    justify-content: center;
    gap: 1.75rem;
    flex-wrap: wrap;
    margin-bottom: .75rem
}

body.aboutPage .serviceItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 160px
}

body.aboutPage .serviceIcon {
    font-size: 2rem;
    margin-bottom: .25rem
}

body.aboutPage .serviceLabel {
    font-size: .95rem;
    font-weight: 600;
    text-align: center
}

body.aboutPage .serviceButtonWrap {
    text-align: center;
    margin-top: .5rem;
    margin-bottom: .75rem
}

body.aboutPage .serviceContact {
    font-size: .95rem;
    line-height: 1.35;
    text-align: center;
    margin-top: .25rem
}

@media(max-width: 860px) {
    body.aboutPage {
        height:100dvh!important;
        overflow: hidden
    }

    body.aboutPage .mainFrame {
        padding: 0!important;
        height: calc(100dvh - 92px - 30px)!important;
        display: block!important;
        align-items: unset!important;
        -webkit-overflow-scrolling: auto!important
    }

    body.aboutPage .aboutContent,body.aboutPage .aboutContent * {
        overscroll-behavior: auto!important;
        touch-action: auto!important
    }

    body.aboutPage .aboutContent {
        width: calc(100% - .75rem);
        margin-left: auto;
        margin-right: auto;
        border-radius: 25px;
        padding-left: .75rem;
        padding-right: .75rem;
        height: 100%!important;
        overflow-y: auto!important;
        -webkit-overflow-scrolling: touch!important;
        min-height: 0!important
    }

    body.aboutPage .aboutTitle {
        margin-top: .25rem
    }
}