/* About page: ported from the staging Elementor page (post 21). */

/* Section shells [e7ee8d7], [b83104f], [1b10091]: 3em top/bottom padding. */
.about-section {
    --pt: 3em;
    --pb: 3em;
    --pl: 0em;
    --pr: 0em;
    background-color: var(--nd-white);
}

.about-alt {
    background-color: var(--bg-secondary);
}

/* Inner boxes [e0963b5], [f5a6a7a], [2f65edc], [c1ebd59]. */
.about-inner {
    --row-gap: 15px;
    --col-gap: 15px;
    --pt: 20px;
    --pr: 20px;
    --pb: 20px;
    --pl: 20px;
    --justify: flex-start;
    --self: center;
}

.about-title {
    text-align: start;
    font-size: 64px;
    color: var(--color-primary);
}

.about-subtitle {
    text-align: start;
    font-size: 32px;
    line-height: 1.2em;
    color: var(--color-secondary);
}

.about-text,
.about-split-copy,
.value-text {
    font-size: var(--fs-text);
    color: var(--text-secondary);
}

/* Text + image rows. */
.about-split-text {
    --self: center;
}

.about-split-heading {
    padding: 20px 0 0;
    text-align: start;
    font-size: 32px;
    line-height: 1.2em;
    color: var(--color-secondary);
}

.about-split-copy {
    padding: 20px 0;
}

.about-split-rev {
    --dir: row-reverse;
}

.about-split-image {
    width: 50%;
    max-width: 50%;
}

.about-split-image img {
    display: inline-block;
    height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

/* Our Values [81a4870] > [c1ebd59] */
.about-values {
    --row-gap: 0px;
    --col-gap: 0px;
}

.about-values-heading {
    align-self: flex-start;
    padding: 20px 0 0;
    text-align: start;
    font-size: 32px;
    color: var(--color-secondary);
}

/* [bde8865] */
.value-list {
    --justify: space-evenly;
    --row-gap: 5px;
    --col-gap: 0px;
    --self: center;
    list-style: none;
    margin: 0;
}

.value-box {
    --justify: flex-start;
    --pt: 15px;
    --pr: 15px;
    --pb: 15px;
    --pl: 15px;
    --grow: 0;
    --shrink: 0;
    border: 3px solid var(--color-primary);
    border-radius: 2px;
}

.value-title {
    padding: 10px 0;
    text-align: start;
    flex: 0 0 auto;
    font-size: var(--fs-secondary);
    line-height: 1.2em;
    color: var(--color-secondary);
}

@media (min-width: 768px) {
    .about-section { --width: 100%; }
    .about-inner { --width: 70%; }
    .about-split-text { --width: 50%; }
    .value-list { --width: 100%; }
    .value-box { --width: 100%; }
}

@media (max-width: 1024px) {
    .about-split-section { --pt: 0em; --pb: 0em; }
    .about-title { font-size: 36px; }
    .about-subtitle { font-size: 20px; }
    .about-split-heading { font-size: 20px; }
    .about-values-heading { font-size: 36px; }
    .about-split-rev { --dir: row; }

    .about-split-image {
        align-self: center;
        text-align: center;
    }

    .about-split-image img {
        height: 100%;
        object-fit: contain;
    }

    .value-list { --min-height: 0px; --dir: row; --row-gap: 20px; --col-gap: 20px; --wrap: wrap; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .about-inner { --width: 90%; }
    .about-split-text { --width: 50%; }
    .value-box { --width: 47%; }
}

@media (max-width: 767px) {
    .about-split-section { --width: 90%; }
    .about-inner { --width: 90%; }
    .about-intro-inner { --pt: 0px; --pr: 0px; --pb: 0px; --pl: 0px; }
    .about-split { --width: 100%; }
    .about-split-text { --row-gap: 5px; --col-gap: 5px; }
    .about-split-copy p { margin-bottom: 0; }
    .about-split-heading, .about-split-copy { padding: 0; }
    .about-title { font-size: 24px; line-height: 1.2em; }
    .about-subtitle { font-size: 16px; }
    .about-split-heading { font-size: 16px; }
    .about-values-heading { font-size: 24px; line-height: 1.2em; }
    .about-split-image { width: 100%; max-width: 100%; }
    .about-split-image img { height: 250px; }
    .value-list { --width: 90%; --dir: column; --row-gap: 20px; --col-gap: 20px; }
}