.hero-section.about-hero-dark {
    background: linear-gradient(135deg, #051023 5%, #233656 40%, #334e78 68%, #10233d 100%) !important;
}

.hero-section.about-hero-dark::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(transparent, rgba(15, 10, 20, .16));
}

.hero-section.about-hero-dark .hero-content h1,
.hero-section.about-hero-dark .hero-description {
    color: #fcfcfc;
}

.hero-section.about-hero-dark .hero-buttons .button-book-demo {
    background-color: #fcfcfc;
    border-color: #fcfcfc;
    color: #101018 !important;
}

.hero-section.about-hero-dark .hero-buttons .button-book-demo:hover,
.hero-section.about-hero-dark .hero-buttons .button-book-demo:focus-visible {
    background-color: #e9e9f4 !important;
    border-color: #e9e9f4;
    color: #101018 !important;
}

.hero-section.about-hero-dark .hero-buttons .button-book-demo:focus-visible {
    outline: 2px solid #fcfcfc;
    outline-offset: 3px;
}

body > .about-intro.section-padding {
    display: flex;
    align-items: center;
    min-height: min(80svh, 820px);
    padding: clamp(76px, 9vw, 132px) 32px;
    background: #fcfcfc;
}

.about-intro__inner {
    width: min(100%, 1136px);
    margin: 0 auto;
}

.about-intro__inner p {
    width: min(100%, 1040px);
    margin: 0;
    color: #181818;
    font-family: "Pragmatica", sans-serif;
    font-size: clamp(23px, 2.85vw, 38px) !important;
    font-weight: 400;
    letter-spacing: -.037em;
    line-height: 1.3;
    text-align: left;
}

@media (max-width: 760px) {
    body > .about-intro.section-padding {
        min-height: 66svh;
        padding: 80px 22px !important;
    }
}