.component.title-text-100 {
    background-color: var(--title-text-100-background, #fff);
    color: var(--title-text-100-colour, #282d37);
    padding-block: 75px;
}
.title-text-100 .title-text-100__heading {
    margin: 0;
    color: inherit;
    font-family: inherit;
    font-size: clamp(1.625rem, 2.4vw, 2.125rem);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}
.title-text-100 .title-text-100__heading + .title-text-100__text {
    margin-top: clamp(1.5rem, 3vw, 2.5rem);
}
.title-text-100 .title-text-100__text {
    color: inherit;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}
.title-text-100 .title-text-100__text > :first-child {
    margin-top: 0;
}
.title-text-100 .title-text-100__text > :last-child {
    margin-bottom: 0;
}
.title-text-100 .title-text-100__text p {
    margin-bottom: 1rem;
}
.title-text-100 .title-text-100__text a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: .15em;
}
.title-text-100 .title-text-100__text a:hover {
    text-decoration-thickness: 2px;
}
.title-text-100 .title-text-100__text a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}
.title-text-100 .title-text-100__text img {
    max-width: 100%;
    height: auto;
}
.title-text-100 .title-text-100__text iframe,
.title-text-100 .title-text-100__text video {
    max-width: 100%;
}
.component.title-text-100.title-text-100--pt-none { padding-top: 0; }
.component.title-text-100.title-text-100--pt-small { padding-top: 15px; }
.component.title-text-100.title-text-100--pt-medium { padding-top: 30px; }
.component.title-text-100.title-text-100--pt-large { padding-top: 50px; }
.component.title-text-100.title-text-100--pt-x-large { padding-top: 75px; }
.component.title-text-100.title-text-100--pt-xx-large { padding-top: 130px; }
.component.title-text-100.title-text-100--pb-none { padding-bottom: 0; }
.component.title-text-100.title-text-100--pb-small { padding-bottom: 15px; }
.component.title-text-100.title-text-100--pb-medium { padding-bottom: 30px; }
.component.title-text-100.title-text-100--pb-large { padding-bottom: 50px; }
.component.title-text-100.title-text-100--pb-x-large { padding-bottom: 75px; }
.component.title-text-100.title-text-100--pb-xx-large { padding-bottom: 130px; }
@media (min-width: 1200px) {
    .title-text-100 .title-text-100__container {
        max-width: 1220px;
    }
}