@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('normalize.css');
@import url('webflow.css');

.w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}

.w-checkbox {
    display: block;
    margin-bottom: 5px;
    padding-left: 20px;
}

    .w-checkbox::before {
        content: ' ';
        display: table;
        -ms-grid-column-span: 1;
        grid-column-end: 2;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: 1;
        grid-row-end: 2;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .w-checkbox::after {
        content: ' ';
        display: table;
        -ms-grid-column-span: 1;
        grid-column-end: 2;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: 1;
        grid-row-end: 2;
        -ms-grid-row: 1;
        grid-row-start: 1;
        clear: both;
    }

.w-checkbox-input {
    float: left;
    margin-bottom: 0px;
    margin-left: -20px;
    margin-right: 0px;
    margin-top: 4px;
    line-height: normal;
}

.w-checkbox-input--inputType-custom {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    width: 12px;
    height: 12px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

    .w-checkbox-input--inputType-custom.w--redirected-checked {
        background-color: #3898ec;
        border-top-color: #3898ec;
        border-bottom-color: #3898ec;
        border-left-color: #3898ec;
        border-right-color: #3898ec;
        background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .w-checkbox-input--inputType-custom.w--redirected-focus {
        box-shadow: 0px 0px 3px 1px #3898ec;
    }

.w-form-formradioinput--inputType-custom {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    width: 12px;
    height: 12px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

    .w-form-formradioinput--inputType-custom.w--redirected-focus {
        box-shadow: 0px 0px 3px 1px #3898ec;
    }

    .w-form-formradioinput--inputType-custom.w--redirected-checked {
        border-top-width: 4px;
        border-bottom-width: 4px;
        border-left-width: 4px;
        border-right-width: 4px;
        border-top-color: #3898ec;
        border-bottom-color: #3898ec;
        border-left-color: #3898ec;
        border-right-color: #3898ec;
    }

body {
    font-family: 'Lexend Deca', sans-serif;
    color: #252a33;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}

h1 {
    margin-top: 0px;
    margin-bottom: 28px;
    font-family: 'Anderson Grotesk', sans-serif;
    font-size: 54px;
    line-height: 54px;
    font-weight: 900;
}

h2 {
    margin-top: 0px;
    margin-bottom: 14px;
    font-family: 'Anderson Grotesk', sans-serif;
    font-size: 40px;
    line-height: 46px;
    font-weight: 900;
}

h3 {
    margin-top: 0px;
    margin-bottom: 14px;
    font-family: 'Anderson Grotesk', sans-serif;
    font-size: 32px;
    line-height: 38px;
    font-weight: 900;
}

h4 {
    margin-top: 0px;
    margin-bottom: 14px;
    font-family: 'Anderson Grotesk', sans-serif;
    font-size: 28px;
    line-height: 36px;
    font-weight: 900;
}

h5 {
    margin-top: 0px;
    margin-bottom: 14px;
    font-family: 'Anderson Grotesk', sans-serif;
    font-size: 24px;
    line-height: 34px;
    font-weight: 900;
}

h6 {
    margin-top: 0px;
    margin-bottom: 7px;
    font-family: 'Anderson Grotesk', sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 900;
}

p {
    margin-bottom: 28px;
}

a {
    color: #ff4242;
    text-decoration: none;
    cursor: pointer;
}

ul {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 40px;
}

label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
}

blockquote {
    margin-top: 56px;
    margin-bottom: 56px;
    padding: 0px;
    border-left: 5px none #e2e2e2;
    font-family: 'Anderson Grotesk', sans-serif;
    color: #ff4242;
    font-size: 32px;
    line-height: 38px;
    font-weight: 900;
}

figure {
    margin-bottom: 10px;
}

figcaption {
    margin-top: 14px;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

.loading-container {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 999;
    display: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.section {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    perspective: 1000px;
}

    .section.border-white {
        border-style: solid;
        border-width: 28px;
        border-color: #fff;
    }

        .section.border-white.help-center-title-section {
            background-color: #252a33;
            color: #fff;
        }

    .section.bg-white.boxed-icon-section {
        margin-top: 112px;
        padding-right: 21px;
        padding-left: 21px;
    }

    .section.no-padding {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .section.justify-content-center {
        justify-content: center;
    }

    .section.hero-section {
        overflow: hidden;
    }

    .section.grid-half-section {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section.no-top-padding {
        padding-top: 0px;
    }

    .section.no-bottom-padding {
        padding-bottom: 0px;
    }

    .section.reduced-bottom-padding {
        padding-bottom: 56px;
    }

    .section.reduced-top-padding {
        padding-top: 56px;
    }

    .section.border-primary-3 {
        border-style: solid;
        border-width: 28px;
        border-color: #effbf9;
    }

    .section.border-dark {
        border: 28px solid #252a33;
    }

    .section.account-page-section {
        display: flex;
        min-height: 70vh;
        flex-direction: column;
        justify-content: center;
    }

.main-container {
    position: relative;
    width: 100%;
    max-width: 1329px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding-right: 28px;
    padding-left: 28px;
}

    .main-container.footer-container {
        max-width: 1105px;
    }

    .main-container.narrow {
        max-width: 1106px;
    }

.style-guide-container {
    grid-row-gap: 112px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.style-guide-section {
    grid-column-gap: 84px;
    grid-row-gap: 56px;
    -ms-grid-columns: 0.4fr 1fr;
    grid-template-columns: 0.4fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.style-guide-color-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    font-size: 14px;
    line-height: 24px;
}

.style-guide-color {
    overflow: hidden;
    min-height: 112px;
    margin-bottom: 14px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-radius: 6px;
}

.bg-primary-1 {
    background-color: #ff4242;
    color: #fff;
}

.bg-primary-1-faded {
    background-color: #ffecec;
}

.bg-primary-2 {
    background-color: #c0ede7;
    color: #252a33;
}

.bg-primary-3 {
    background-color: #effbf9;
}

.bg-dark {
    background-color: #252a33;
    color: #fff;
}

.bg-border-dark {
    background-color: rgba(37, 42, 51, 0.2);
}

.bg-faint {
    background-color: rgba(37, 42, 51, 0.08);
}

.bg-border-white {
    background-color: hsla(0, 0%, 100%, 0.15);
}

.style-guide-typography-grid {
    justify-items: start;
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.display-heading-2 {
    margin-bottom: 28px;
    font-family: 'Anderson Grotesk', sans-serif;
    font-size: 72px;
    line-height: 100%;
    font-weight: 900;
    letter-spacing: -0.01em;
}

    .display-heading-2.handwriting-font.text-white {
        margin-bottom: 0px;
    }

    .display-heading-2.handwriting-font.overlap-text {
        position: relative;
        margin-bottom: -14px;
    }

    .display-heading-2.reduced-margin {
        margin-bottom: 14px;
    }

    .display-heading-2.price-number {
        margin-bottom: 0px;
    }

.display-heading-1 {
    margin-bottom: 28px;
    font-family: 'Anderson Grotesk', sans-serif;
    font-size: 88px;
    line-height: 100%;
    font-weight: 900;
    letter-spacing: -0.01em;
}

    .display-heading-1.no-bottom-margin {
        font-family: 'Anderson Grotesk', sans-serif;
    }

    .display-heading-1.typography-demo {
        margin-bottom: 7px;
    }

    .display-heading-1.lexend {
        font-family: 'Lexend Deca', sans-serif;
    }

.no-bottom-margin {
    margin-bottom: 0px;
}

.large-text {
    font-size: 24px;
    line-height: 34px;
}

    .large-text.subheading {
        margin-bottom: 21px;
    }

    .large-text.case-study-text {
        margin-bottom: 21px;
    }

    .large-text.section-title-text {
        max-width: 387px;
    }

    .large-text.article-intro {
        margin-bottom: 56px;
    }

.small-text {
    font-size: 14px;
    line-height: 22px;
}

    .small-text.muted-text.input-hint-text {
        margin-top: 7px;
    }

    .small-text.below-button {
        margin-top: 14px;
    }

.uppercase-text {
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.style-guide-icons-grid {
    justify-items: center;
    align-items: center;
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.style-guide-buttons {
    justify-items: center;
    align-items: center;
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.button {
    padding: 14px 28px;
    border-radius: 6px;
    background-color: #ff4242;
    box-shadow: inset 0 0 3px 100px transparent;
    transition: box-shadow 200ms ease;
    color: #fff;
    text-align: center;
}

    .button:hover {
        box-shadow: inset 0 0 3px 100px rgba(0, 0, 0, 0.1);
    }

    .button.small {
        padding: 7px 21px;
        font-size: 14px;
        line-height: 24px;
    }

    .button.large {
        padding: 21px 35px;
        font-size: 24px;
        line-height: 34px;
    }

        .button.large.bg-white {
            background-color: #fff;
            color: #ff4242;
        }

            .button.large.bg-white:hover {
                background-color: hsla(0, 0%, 100%, 0.9);
            }

    .button.bg-white {
        background-color: hsla(0, 0%, 100%, 0.15);
        color: #fff;
    }

        .button.bg-white:hover {
            box-shadow: inset 0 0 3px 100px hsla(0, 0%, 100%, 0.1);
        }

    .button.bg-primary-1-faded {
        background-color: #ffecec;
        transition: color 200ms ease, background-color 200ms ease, box-shadow 200ms ease;
        color: #ff4242;
    }

        .button.bg-primary-1-faded:hover {
            background-color: #ff4242;
            box-shadow: inset 0 0 3px 100px rgba(0, 0, 0, 0.05);
            color: #fff;
        }

    .button.bg-primary-2 {
        background-color: #c0ede7;
        color: #252a33;
    }

        .button.bg-primary-2:hover {
            box-shadow: inset 0 0 3px 100px rgba(0, 0, 0, 0.05);
        }

    .button.bg-primary-3 {
        background-color: #effbf9;
        color: #252a33;
    }

        .button.bg-primary-3:hover {
            box-shadow: inset 0 0 3px 100px rgba(0, 0, 0, 0.05);
        }

    .button.icon-button {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .button.bg-dark {
        background-color: #252a33;
    }

    .button.adjacent-to-input {
        margin-left: 14px;
    }

    .button.pricing-button {
        margin-top: 35px;
        margin-bottom: 7px;
    }

.style-guide-section-rows {
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.style-guide-dark-demo {
    padding: 21px;
    background-color: #252a33;
}

.style-guide-subheading {
    margin-bottom: 28px;
}

.button-icon {
    margin-right: 14px;
}

.handwriting-font {
    font-family: Arkipelago, sans-serif;
    color: #ff4242;
    font-weight: 400;
}

.large-heading {
    margin-bottom: 28px;
    font-family: 'Anderson Grotesk', sans-serif;
    font-size: 54px;
    line-height: 54px;
    font-weight: 900;
}

    .large-heading.no-bottom-margin {
        margin-bottom: 0px;
    }

    .large-heading.reduced-margin {
        margin-bottom: 7px;
    }

.medium-heading {
    margin-bottom: 14px;
    font-family: 'Anderson Grotesk', sans-serif;
    font-size: 40px;
    line-height: 46px;
    font-weight: 900;
}

    .medium-heading.no-bottom-margin {
        margin-bottom: 0px;
    }

    .medium-heading.handwriting-font {
        font-family: Arkipelago, sans-serif;
        font-weight: 400;
    }

        .medium-heading.handwriting-font.text-white {
            margin-bottom: 0px;
        }

    .medium-heading.increased-margin {
        margin-bottom: 28px;
    }

    .medium-heading.pricing-title-heading {
        margin-bottom: 0px;
        color: #ff4242;
    }

.form-grid-thirds {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.form-input {
    min-height: 56px;
    margin-bottom: 0px;
    padding: 14px 21px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(37, 42, 51, 0.2);
    border-radius: 6px;
    transition: border-color 200ms ease;
    font-size: 18px;
    line-height: 28px;
    display: block;
}

    .form-input:focus {
        border-color: #252a33;
    }

    .form-input.large {
        min-height: 76px;
        padding: 21px 28px;
        font-size: 24px;
        line-height: 34px;
    }

    .form-input.small {
        min-height: 38px;
        padding: 7px 14px;
        font-size: 14px;
        line-height: 24px;
    }

    .form-input.textarea {
        min-height: 168px;
    }

    .form-input.bg-dark {
        border-color: hsla(0, 0%, 100%, 0.15);
    }

        .form-input.bg-dark:focus {
            border-color: hsla(0, 0%, 100%, 0.5);
        }

.form-block {
    width: 100%;
    margin-bottom: 0px;
}

    .form-block.newsletter-form {
        width: 100%;
        margin-top: 35px;
    }

.field-label {
    position: relative;
    left: 14px;
    margin-bottom: -14px;
    padding: 7px;
    background-color: #fff;
    color: rgba(37, 42, 51, 0.5);
    font-weight: 400;
}

    .field-label.bg-dark {
        background-color: #252a33;
        color: rgba(255, 255, 255, 0.5);
    }

    .field-label.bg-primary-3 {
        background-color: #effbf9;
    }

.labelled-input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
}

.muted-text {
    opacity: 0.5;
}

.form-grid-halves {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.form-selectable {
    width: 18px;
    height: 18px;
    margin-top: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(37, 42, 51, 0.2);
    border-radius: 3px;
    transition: border-color 200ms ease, background-color 200ms ease;
}

    .form-selectable.w--redirected-checked {
        border-color: #ff4242;
        border-radius: 3px;
        background-color: #ff4242;
        background-size: 12px 12px;
    }

    .form-selectable.radio {
        border-radius: 200px;
        background-color: #fff;
    }

.form-selectable-field {
    display: flex;
    align-items: center;
}

.form-selectable-label {
    margin-bottom: 0px;
    margin-left: 14px;
}

.select-wrapper {
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(37, 42, 51, 0.2);
    border-radius: 6px;
}

.select-field { 
    min-height: 56px;
    margin-bottom: 0px;
    padding: 14px 21px;
    border: 0px none #000;
    background-color: transparent;
    font-size: 18px;
    line-height: 28px;
    cursor: pointer;
}

.select-arrow {
    position: absolute;
    right: 21px;
}

.style-guide-badges {
    display: -ms-grid;
    display: grid;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.badge {
    padding: 7px 14px;
    border-radius: 6px;
    text-align: center;
}

    .badge.adjacent-to-text {
        margin-left: 14px;
    }

    .badge.icon-badge {
        display: flex;
        align-items: center;
    }

    .badge.bg-white.faded {
        background-color: hsla(0, 0%, 100%, 0.15);
        color: #fff;
    }

.text-primary-1 {
    color: #ff4242;
}

.announcement-bar {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
    background-color: #252a33;
    color: #fff;
}

.announcement-bar-text {
    display: flex;
    padding-top: 35px;
    padding-bottom: 35px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.announcement-bar-heading {
    margin-right: 28px;
    margin-bottom: 0px;
}

.announcement-bar-cross {
    position: absolute;
    right: 56px;
    opacity: 1;
    transition: opacity 200ms ease;
    cursor: pointer;
}

    .announcement-bar-cross:hover {
        opacity: 0.5;
    }

.navbar-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 10;
    background-color: hsla(0, 0%, 100%, 0.95);
}

    .navbar-wrapper.not-sticky {
        position: relative;
        z-index: 9999;
    }

.navbar {
    background-color: transparent;
}

.navbar-row {
    display: flex;
    min-height: 84px;
    justify-content: space-between;
    align-items: center;
    perspective: 500px;
}

.navbar-group {
    display: flex;
    align-items: center;
}

.search {
    display: flex;
    margin-right: 28px;
    align-items: center;
    transition: opacity 200ms ease;
    color: #ff4242;
    cursor: pointer;
}

    .search:hover {
        opacity: 0.5;
    }

    .search.adjacent-to-menu {
        margin-left: 28px;
    }

.search-icon {
    margin-right: 7px;
}

.menu-button {
    padding: 7px 0px 7px 14px;
}

.brand.w--current {
    padding-left: 0px;
}

.brand.adjacent-to-menu {
    margin-right: 28px;
}

.nav-menu {
    display: flex;
    align-items: center;
}

.nav-link {
    margin-right: 14px;
    margin-left: 14px;
    padding: 0px;
    transition: opacity 200ms ease;
}

    .nav-link:hover {
        opacity: 0.5;
    }

    .nav-link.w--current {
        color: #252a33;
    }

    .nav-link.dropdown:hover {
        opacity: 1;
    }

.dropdown-toggle {
    display: flex;
    padding: 0px;
    align-items: center;
    transition: opacity 200ms ease;
}

    .dropdown-toggle:hover {
        opacity: 0.5;
    }

.dropdown-arrow {
    margin-left: 7px;
}

.dropdown-list.w--open {
    overflow: hidden;
    padding: 14px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(37, 42, 51, 0.2);
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.05);
    color: #252a33;
}

.dropdown-link {
    padding: 10px 14px;
    border-radius: 6px;
    opacity: 0.5;
    transition: color 200ms ease, opacity 200ms ease, background-color 200ms ease;
}

    .dropdown-link:hover {
        background-color: #ffecec;
        opacity: 1;
        color: #ff4242;
    }

    .dropdown-link.w--current {
        opacity: 1;
        color: #ff4242;
    }

.dropdown-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.dropdown-grid-column {
    min-width: 250px;
    padding: 0px;
}

.dropdown-heading {
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 14px;
}

.navbar-grid {
    display: -ms-grid;
    display: grid;
    min-height: 84px;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    -ms-grid-columns: 1fr 2fr 1fr;
    grid-template-columns: 1fr 2fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    perspective: 500px;
}

.footer {
    padding-top: 112px;
    background-color: #252a33;
    color: #fff;
}

.footer-grid {
    margin-bottom: 84px;
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.footer-logo {
    display: block;
    margin-bottom: 28px;
}

    .footer-logo.w--current {
        margin-bottom: 2px;
    }

.text-white {
    color: #fff;
}

.hover-link {
    transition: opacity 200ms ease;
    cursor: pointer;
}

    .hover-link:hover {
        opacity: 0.5;
    }

    .hover-link.invert {
        opacity: 0.5;
    }

        .hover-link.invert:hover {
            opacity: 1;
        }

.footer-left-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.supplimental-link {
    margin-top: 14px;
}

.footer-heading {
    margin-bottom: 28px;
    color: #ff4242;
}

.vertical-links {
    grid-row-gap: 7px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.white-border {
    height: 1px;
    background-color: hsla(0, 0%, 100%, 0.15);
}

    .white-border.pricing-border {
        height: 4px;
        margin-top: 35px;
        margin-bottom: 35px;
        background-color: #fff;
    }

    .white-border.divider {
        margin-top: 56px;
        margin-bottom: 56px;
    }

.footer-social {
    display: flex;
    padding-top: 56px;
    padding-bottom: 56px;
    justify-content: center;
    align-items: center;
}

.social-link {
    display: flex;
    margin-right: 28px;
    margin-left: 28px;
    align-items: center;
}

    .social-link.reduced-margin {
        margin-right: 21px;
        margin-left: 21px;
    }

.social-link-image {
    margin-right: 14px;
}

.footer-bottom {
    padding-top: 35px;
    padding-bottom: 35px;
    background-color: rgba(0, 0, 0, 0.2);
    font-size: 14px;
    line-height: 24px;
}

.footer-bottom-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-small-links {
    display: -ms-grid;
    display: grid;
    justify-items: end;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.load-third {
    margin-top: 60px;
    margin-bottom: 60px;
}

.search-modal-container {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99999;
    display: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.search-modal-screen {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    background-color: rgba(37, 42, 51, 0.3);
}

.search-box {
    position: relative;
    width: 100%;
    max-width: 608px;
    padding: 35px 28px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 7px 28px 0 rgba(0, 0, 0, 0.15);
}

.utility-page-wrap {
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    justify-content: center;
    align-items: center;
}

.utility-page-content {
    display: flex;
    width: 539px;
    margin-bottom: 0px;
    padding-right: 21px;
    padding-left: 21px;
    flex-direction: column;
    text-align: center;
}

.utility-page-form {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.search-form {
    display: flex;
    margin-bottom: 0px;
}

.link-group {
    display: flex;
    margin-bottom: -28px;
    flex-wrap: wrap;
    align-items: center;
}

.link-group-item {
    margin-right: 28px;
    margin-bottom: 28px;
}

.quick-links-heading {
    margin-top: 28px;
    margin-bottom: 14px;
}

.back-to-top {
    height: 0px;
}

.back-to-top-button {
    position: fixed;
    right: 7px;
    bottom: 7px;
    z-index: 10;
    display: flex;
    width: 49px;
    height: 49px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background-color: #fff;
}

.text-grid-thirds {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.grid-halves {
    justify-items: center;
    align-items: center;
    grid-column-gap: 56px;
    grid-row-gap: 84px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

    .grid-halves.has-slider {
        grid-row-gap: 0px;
    }

    .grid-halves.stretch-content {
        justify-items: stretch;
    }

    .grid-halves.title-grid.align-top {
        align-items: start;
    }

    .grid-halves.reverse-direction {
        direction: rtl;
    }

.container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 497px;
    direction: ltr;
}

    .container.align-center {
        margin-right: auto;
        margin-left: auto;
    }

    .container.wide {
        max-width: 720px;
    }

    .container.avatars-adjacent {
        max-width: 609px;
        padding: 56px;
        background-color: hsla(0, 0%, 100%, 0.9);
    }

    .container.case-study-link {
        display: block;
        overflow: hidden;
    }

.section-large {
    position: relative;
    padding-top: 168px;
    padding-bottom: 168px;
}

    .section-large.border-dark {
        border: 28px solid #252a33;
    }

    .section-large.justify-content-center {
        justify-content: center;
        align-items: flex-start;
        text-align: left;
    }

    .section-large.hero-section {
        overflow: hidden;
    }

    .section-large.border-white {
        border-style: solid;
        border-width: 28px;
        border-color: #fff;
    }

.section-title {
    margin-bottom: 70px;
}

    .section-title.reduced-margin {
        margin-bottom: 56px;
    }

    .section-title.increased-margin {
        margin-bottom: 84px;
    }

.vertical-text-grid {
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

    .vertical-text-grid.tighter-gaps {
        grid-row-gap: 35px;
    }

.underline-link.below-text {
    margin-top: 14px;
}

.underline-link.adjacent-to-button {
    margin-left: 28px;
}

.link-underline {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ff4242;
}

.link-underline-container {
    position: relative;
    overflow: hidden;
    height: 1px;
}

.process-grid-thirds {
    max-width: 1052px;
    margin-right: auto;
    margin-left: auto;
    justify-items: center;
    align-items: start;
    grid-column-gap: 112px;
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.justify-content-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

    .justify-content-center.row {
        flex-direction: row;
        justify-content: center;
    }

.container-large {
    width: 100%;
    max-width: 608px;
    direction: ltr;
}

    .container-large.align-center {
        margin-right: auto;
        margin-left: auto;
    }

    .container-large.wide {
        max-width: 830px;
    }

    .container-large.overlay-image {
        position: relative;
        z-index: 3;
        display: flex;
        height: 70vh;
        max-height: 811px;
        flex-direction: column;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.7);
    }

.photography-license-link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #252a33;
    color: #fff;
}

.photography-license-image {
    opacity: 0.5;
}

.photography-license-text {
    position: absolute;
}

.typography-demo-grid {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.illustrations-demo-grid {
    justify-items: center;
    align-items: center;
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.search-result-url {
    margin-bottom: 7px;
    opacity: 0.5;
    font-size: 14px;
    line-height: 24px;
}

.form-grid-vertical {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 21px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.icon-image {
    margin-bottom: 28px;
}

    .icon-image.horizontal-icon-image {
        margin-right: 28px;
        margin-bottom: 0px;
    }

.image-container {
    position: relative;
    overflow: hidden;
}

.zoom-image {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.process-grid-vertical {
    max-width: 1050px;
    margin-right: auto;
    margin-left: auto;
    grid-row-gap: 84px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.process-grid-item {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.dark-border {
    height: 1px;
    background-color: rgba(37, 42, 51, 0.2);
}

    .dark-border.faint {
        background-color: rgba(37, 42, 51, 0.08);
    }

    .dark-border.divider {
        margin-top: 56px;
        margin-bottom: 56px;
    }

    .dark-border.pricing-border {
        height: 4px;
        margin-top: 35px;
        margin-bottom: 35px;
        background-color: rgba(37, 42, 51, 0.08);
    }

.image-pair {
    margin-bottom: 70px;
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.image-pair-image {
    -o-object-fit: cover;
    object-fit: cover;
}

.longform-text-grid {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-columns: 0.5fr 1fr;
    grid-template-columns: 0.5fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.underlay-left {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 40%;
    height: 100%;
    max-width: 532px;
}

    .underlay-left.wide {
        width: 60%;
        max-width: none;
    }

.lightbox-gallery {
    width: 100%;
    grid-column-gap: 28px;
    grid-row-gap: 28px;
}

    .lightbox-gallery.vertical {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

.lightbox-link {
    transition: transform 200ms ease;
}

    .lightbox-link:hover {
        transform: scale(1.03);
    }

.box-with-illustration {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.large-box {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 686px;
    min-height: 588px;
    padding: 56px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

    .large-box.tall {
        min-height: 700px;
    }

    .large-box.no-vertical-padding {
        min-height: auto;
        padding-top: 0px;
        padding-bottom: 0px;
        align-items: center;
    }

.box-illustration {
    position: relative;
    margin-left: -56px;
}

.boxed {
    padding: 56px;
}

    .boxed.reduced-padding {
        padding: 48px;
    }

    .boxed.bg-white {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 1;
    }

.text-primary-2 {
    color: #c0ede7;
}

.box-with-image {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.grid-thirds {
    margin-bottom: 70px;
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.text-dark {
    color: #252a33;
}

.justify-content-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.portrait-image-section {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    align-items: stretch;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 0.65fr 1fr;
    grid-template-columns: 0.65fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

    .portrait-image-section.bg-dark {
        align-items: stretch;
    }

    .portrait-image-section.reverse-direction {
        direction: rtl;
    }

        .portrait-image-section.reverse-direction.align-top {
            align-items: start;
        }

.image-border-white {
    display: block;
    width: 100%;
    align-self: flex-start;
    border-style: solid;
    border-width: 28px;
    border-color: #fff;
    -o-object-fit: cover;
    object-fit: cover;
}

.portrait-image-container {
    position: relative;
    display: flex;
    flex-direction: row;
    direction: ltr;
}

    .portrait-image-container.align-top {
        align-items: flex-start;
    }

.overlay-bottom-right {
    position: absolute;
    right: 0px;
    bottom: 56px;
    z-index: 2;
}

    .overlay-bottom-right.bump-left {
        right: -28px;
    }

.quote-author {
    margin-top: 21px;
    margin-bottom: 0px;
}

.contact-grid-halves {
    display: -ms-grid;
    display: grid;
    margin-bottom: 28px;
    grid-auto-columns: 1fr;
    grid-column-gap: 56px;
    grid-row-gap: 35px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.horizontal-link-grid {
    display: -ms-grid;
    display: grid;
    margin-top: 56px;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 21px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.horizontal-link-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-grid-thirds {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.bg-white {
    background-color: #fff;
    color: #252a33;
}

.card {
    display: flex;
    flex-direction: column;
}

.card-text {
    margin-bottom: 28px;
    flex: 1;
}

.review-score {
    display: flex;
    padding: 14px;
    justify-content: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    border-radius: 6px;
    background-color: #fff;
    color: #252a33;
}

    .review-score.bg-dark {
        background-color: #252a33;
        color: #fff;
    }

    .review-score.bottom-right {
        position: absolute;
        right: 28px;
        bottom: 28px;
    }

    .review-score.bottom-left {
        position: absolute;
        left: 28px;
        bottom: 28px;
    }

.stars {
    display: flex;
    align-items: center;
}

    .stars.above-text {
        margin-bottom: 28px;
    }

.review-score-text {
    margin-left: 14px;
}

.image-border-dark {
    display: block;
    width: 100%;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    border: 28px solid #252a33;
    -o-object-fit: cover;
    object-fit: cover;
}

.checklist {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 14px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

    .checklist.row {
        display: flex;
        margin-bottom: -14px;
        flex-wrap: wrap;
    }

.checklist-item {
    display: flex;
    align-items: center;
    text-align: left;
}

    .checklist-item.align-top {
        align-items: flex-start;
    }

    .checklist-item.row-item {
        margin-right: 35px;
        margin-bottom: 14px;
    }

.check-circle {
    display: flex;
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
}

    .check-circle.bg-white {
        flex: 0 0 auto;
    }

    .check-circle.bg-dark-faded {
        background-color: rgba(37, 42, 51, 0.08);
    }

.checklist-item-text {
    margin-left: 21px;
}

    .checklist-item-text.reduced-margin {
        margin-left: 14px;
    }

.checklist-grid-halves {
    align-items: start;
    grid-column-gap: 56px;
    grid-row-gap: 14px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

    .checklist-grid-halves.border-below {
        margin-bottom: 70px;
    }

.list-above {
    margin-top: 56px;
}

.row-divider {
    margin-right: 28px;
    margin-left: 28px;
}

.contact-grid {
    display: -ms-grid;
    display: grid;
    margin-top: 56px;
    justify-items: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.container-small {
    width: 100%;
    max-width: 387px;
    direction: ltr;
}

    .container-small.align-center {
        margin-right: auto;
        margin-left: auto;
    }

.avatar-content {
    display: flex;
    align-items: center;
    text-align: left;
}

    .avatar-content.below-content {
        margin-top: 42px;
    }

.avatar {
    max-height: 30px;
    flex: 0 0 auto;
    border-radius: 0%;
}

    .avatar.small {
        max-height: 56px;
    }

    .avatar.avatar-2 {
        max-height: 50px;
        max-width: 100%;
        align-self: flex-end;
        flex: 0 0 auto;
        border-radius: 0%;
    }

    .avatar.avatar-3 {
        max-height: 50px;
        max-width: 100%;
        -ms-grid-row-align: center;
        align-self: center;
        border-radius: 0%;
    }

    .avatar.avatar-4 {
        max-height: 50px;
        max-width: 100%;
        align-self: flex-start;
        border-radius: 0%;
        opacity: 1;
    }

.adjacent-to-avatar {
    margin-left: 28px;
}

    .adjacent-to-avatar.reduced-margin {
        margin-left: 14px;
    }

.overlay-bottom-left {
    position: absolute;
    left: 0px;
    bottom: 56px;
}

.metrics-grid-thirds {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.review-byline {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.metrics-grid-halves {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
}

.section-grid-halves {
    display: -ms-grid;
    display: grid;
    justify-items: stretch;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.link-with-logo {
    position: relative;
    margin-bottom: 0px;
}

.logo-over-image {
    position: absolute;
    left: 0px;
    bottom: 28px;
    z-index: 2;
    max-width: 200px;
    padding: 28px;
    background-color: #fff;
}

.underlay-top {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50%;
}

.title-with-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review-grid-thirds {
    padding: 56px;
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    background-color: #fff;
}

.review {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.review-text {
    flex: 1;
}

.review-slider {
    width: 100%;
    height: auto;
    background-color: transparent;
}

.hide {
    display: none;
}

.quote-slide-nav {
    position: relative;
    height: 10px;
    margin-top: 21px;
    padding-top: 0px;
    font-size: 10px;
    line-height: 10px;
}

.large-box-illustration {
    position: absolute;
    top: 14px;
    right: -84px;
}

.review-slide {
    padding-right: 14px;
    padding-left: 14px;
}

.centered-logo {
    margin: 35px;
    opacity: 0.5;
}

    .centered-logo.full-opacity {
        opacity: 1;
    }

.logo-container {
    display: flex;
    margin-top: -35px;
    margin-bottom: -35px;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

    .logo-container.above-text {
        margin-bottom: 35px;
    }

.reviews-grid-halves {
    align-items: start;
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.reviews-grid-vertical {
    grid-row-gap: 28px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.quote-slider {
    height: auto;
    background-color: transparent;
}

.icon-grid-halves {
    max-width: 830px;
    margin-right: auto;
    margin-left: auto;
    justify-items: center;
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.image-background-right {
    position: relative;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.image-background-right-container {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    max-width: 70%;
}

.horizontal-icon-item {
    display: flex;
    align-items: center;
}

.handwriting-container {
    position: relative;
}

.handwriting-addendum {
    position: absolute;
    top: 0px;
    right: 0px;
    transform: rotate(-15deg) translate(50%, -100%);
}

.form-success {
    padding: 21px;
    border-radius: 5px;
    background-color: #c0ede7;
    color: #252a33;
}

.form-error {
    margin-top: 14px;
    padding: 21px;
    border-radius: 6px;
    background-color: #ffe6e6;
    color: #252a33;
    font-size: 14px;
    line-height: 24px;
}

.horizontal-form {
    display: flex;
    align-items: flex-end;
}

.contact-form-grid {
    justify-items: center;
    align-items: center;
    -ms-grid-columns: 1.5fr 1fr;
    grid-template-columns: 1.5fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.checkbox-button-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pricing-plan {
    display: flex;
    width: 100%;
    padding: 56px;
    flex-direction: column;
}

.pricing-plan-title {
    display: flex;
    margin-bottom: 35px;
    justify-content: space-between;
    align-items: center;
}

.pricing-plan-heading {
    margin-bottom: 0px;
}

.icon-badge-image {
    margin-right: 7px;
}

.price-container {
    display: flex;
    align-items: center;
}

    .price-container.button-below {
        margin-bottom: 35px;
    }

.price-terms {
    margin-left: 21px;
}

.price-number {
    display: flex;
    align-items: center;
}

.list-grid {
    display: -ms-grid;
    display: grid;
    margin-bottom: 0px;
    padding-left: 28px;
    flex: 1;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 14px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.pricing-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-bottom: 1px solid rgba(37, 42, 51, 0.08);
}

    .pricing-row.header {
        position: -webkit-sticky;
        position: sticky;
        top: 84px;
        background-color: #fff;
    }

.title-cell {
    padding-top: 56px;
    padding-bottom: 28px;
    text-align: center;
}

.pricing-row-title {
    margin-bottom: 0px;
}

.pricing-cell {
    padding: 28px;
}

    .pricing-cell.text-center {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .pricing-cell.first {
        padding-left: 0px;
    }

.pricing-table {
    position: relative;
}

.button-pair {
    display: flex;
    align-items: center;
}

    .button-pair.vertical {
        flex-direction: column;
    }

        .button-pair.vertical.below-checklist {
            margin-top: 56px;
        }

.image-background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    -o-object-fit: cover;
    object-fit: cover;
}

    .image-background.full-opacity {
        opacity: 1;
    }

.horizontal-tabs-menu {
    display: flex;
    margin-bottom: 84px;
    justify-content: center;
    align-items: center;
}

.horizontal-tab-link {
    margin-right: 28px;
    margin-left: 28px;
    padding: 7px 14px;
    border-radius: 6px;
    background-color: transparent;
    transition: color 200ms ease, background-color 200ms ease;
}

    .horizontal-tab-link:hover {
        background-color: rgba(37, 42, 51, 0.08);
    }

    .horizontal-tab-link.w--current {
        background-color: #ff4242;
        color: #fff;
    }

    .horizontal-tab-link.reduced-margin {
        margin-right: 7px;
        margin-left: 7px;
    }

.accordion {
    display: -ms-grid;
    display: grid;
    width: 100%;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 21px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.accordion-item {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid rgba(37, 42, 51, 0.08);
}

    .accordion-item.no-border {
        border-bottom-style: none;
    }

.accordion-title {
    display: flex;
    margin-bottom: 21px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.accordion-heading {
    margin-bottom: 0px;
    font-family: 'Anderson Grotesk', sans-serif;
}

.accordion-content {
    overflow: hidden;
    padding-bottom: 21px;
}

.title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-circle {
    max-height: 224px;
    border-radius: 50%;
}

.adjacent-tabs-container {
    display: flex;
}

.vertical-tabs-menu {
    display: flex;
    margin-right: 56px;
    flex-direction: column;
    align-items: flex-start;
}

.adjacent-tabs-content {
    flex: 1;
}

.tab-image {
    margin-bottom: 28px;
}

.vertical-tab-link {
    padding: 21px;
    background-color: transparent;
    opacity: 0.5;
    transition: color 200ms ease, background-color 200ms ease, opacity 200ms ease;
    font-family: 'Anderson Grotesk', sans-serif;
    color: #ff4242;
    font-size: 28px;
    line-height: 36px;
    font-weight: 900;
}

    .vertical-tab-link:hover {
        opacity: 1;
    }

    .vertical-tab-link.w--current {
        background-color: #ff4242;
        opacity: 1;
        color: #fff;
    }

.team-grid-halves {
    align-items: start;
    grid-column-gap: 56px;
    grid-row-gap: 35px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.team-grid-vertical {
    grid-row-gap: 35px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.team-container {
    max-width: 940px;
    margin-right: auto;
    margin-left: auto;
}

.team-grid-thirds {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.team-image {
    margin-bottom: 21px;
}

.team-grid-large {
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.team-member-large {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.team-member-position {
    margin-top: 7px;
    margin-bottom: 7px;
}

.team-member-bio {
    margin-top: 28px;
}

.team-member-social-links {
    display: flex;
    margin-right: -21px;
    margin-left: -21px;
}

.video-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .video-container.above-text {
        margin-bottom: 28px;
    }

    .video-container.below-checklist {
        margin-top: 84px;
        box-shadow: 0 7px 28px 0 rgba(37, 42, 51, 0.2);
    }

.play-icon {
    display: flex;
    width: 84px;
    height: 84px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    transition: transform 200ms ease;
}

    .play-icon:hover {
        transform: scale(1.1);
    }

    .play-icon.small {
        width: 56px;
        height: 56px;
    }

.centered-video-button {
    position: absolute;
}

.video-logo {
    position: absolute;
    right: 28px;
    bottom: 28px;
}

.underlay-right {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40%;
    height: 100%;
}

    .underlay-right.bg-primary-2 {
        max-width: 497px;
    }

.square-image-section {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.square-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-pill {
    display: flex;
    padding: 21px 28px;
    align-items: center;
    border-radius: 200px;
    background-color: #ff4242;
    color: #fff;
}

    .video-pill.centered {
        position: absolute;
    }

.video-pill-text {
    margin-left: 28px;
}

.video-section {
    position: relative;
    display: flex;
    height: 50vh;
    max-height: 608px;
    justify-content: center;
    align-items: center;
}

.hero-grid-section {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 0.5fr 1fr;
    grid-template-columns: 0.5fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

    .hero-grid-section.wide-content {
        min-height: 70vh;
        -ms-grid-columns: 0.65fr 1fr;
        grid-template-columns: 0.65fr 1fr;
    }

.underlay-bottom {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 30%;
}

.hero-grid-section-2 {
    display: -ms-grid;
    display: grid;
    min-height: 70vh;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 0.65fr;
    grid-template-columns: 1fr 0.65fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.hero-grid-text-bottom {
    position: absolute;
    bottom: 56px;
}

.hero-image-container {
    position: relative;
    display: flex;
    flex-direction: row;
}

.cover-image {
    display: block;
    width: 100%;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -o-object-fit: cover;
    object-fit: cover;
}

.hero-background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.hero-icon-1 {
    position: absolute;
    left: -28px;
    top: 25%;
}

.hero-icon-2 {
    position: absolute;
    left: 25%;
    bottom: -28px;
}

.hero-icon-3 {
    position: absolute;
    top: 112px;
    right: 3vw;
}

.avatars-group {
    position: absolute;
    left: -56px;
    top: 0px;
    display: flex;
    width: 367px;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
}

    .avatars-group.right {
        left: auto;
        right: -56px;
        align-items: flex-end;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

.blog-grid-thirds {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.post-meta {
    display: flex;
    margin-bottom: 21px;
    align-items: center;
}

    .post-meta.below-link {
        margin-bottom: 0px;
        padding-top: 21px;
        padding-bottom: 21px;
        font-size: 14px;
        line-height: 24px;
    }

    .post-meta.above-heading {
        margin-bottom: 0px;
        padding-bottom: 21px;
        font-size: 14px;
        line-height: 24px;
    }

    .post-meta.below-text {
        margin-top: 21px;
        margin-bottom: 0px;
        font-size: 14px;
        line-height: 24px;
    }

.time-to-read {
    display: flex;
    margin-left: 14px;
}

.blog-grid-link {
    padding-top: 21px;
    padding-bottom: 21px;
    border-top: 1px solid rgba(37, 42, 51, 0.08);
    border-bottom: 1px solid rgba(37, 42, 51, 0.08);
    transition: color 200ms ease;
    color: #252a33;
}

    .blog-grid-link:hover {
        color: #ff4242;
    }

    .blog-grid-link.no-bottom-border {
        border-bottom-style: none;
    }

.post-author {
    display: flex;
    align-items: center;
}

    .post-author.small-text {
        margin-top: 21px;
        opacity: 0.5;
    }

.blog-image-container {
    position: relative;
    display: block;
    overflow: hidden;
}

.empty-state {
    padding: 28px;
    background-color: #effbf9;
    text-align: center;
}

.blog-post-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.horizontal-post-content {
    display: flex;
    padding-bottom: 21px;
    flex-direction: column;
    justify-content: space-between;
    border-bottom: 1px solid rgba(37, 42, 51, 0.08);
}

.blog-grid-vertical {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 84px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.blog-title-grid {
    min-height: 700px;
    align-items: start;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 0.75fr;
    grid-template-columns: 1fr 0.75fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.blog-title-container {
    display: flex;
    padding-top: 84px;
    padding-bottom: 84px;
    justify-content: center;
    align-items: flex-end;
    background-color: #252a33;
    color: #fff;
}

.article h3 {
    margin-top: 56px;
    margin-bottom: 28px;
}

.article figure {
    margin-top: 56px;
    margin-bottom: 56px;
}

.article h4 {
    margin-top: 56px;
    margin-bottom: 21px;
}

.article ul {
    display: -ms-grid;
    display: grid;
    margin-top: 35px;
    margin-bottom: 35px;
    padding-left: 28px;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 7px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.blog-main-image {
    position: relative;
    right: 56px;
    width: 100%;
    border-style: solid;
    border-width: 28px;
    border-color: #fff;
}

.navbar-demos {
    display: flex;
    flex-direction: column-reverse;
}

.footer-2-grid {
    margin-bottom: 84px;
    -ms-grid-columns: 1fr 0.75fr 0.75fr;
    grid-template-columns: 1fr 0.75fr 0.75fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.footer-left-content-2 {
    display: flex;
    flex-direction: column;
}

.footer-3-grid {
    margin-bottom: 84px;
    justify-items: center;
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.footer-3-bottom-row {
    display: -ms-grid;
    display: grid;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    -ms-grid-columns: 1fr 2fr 1fr;
    grid-template-columns: 1fr 2fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.case-studies-grid-vertical {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 84px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.case-study {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.case-study-title {
    position: relative;
    z-index: 2;
    max-width: 608px;
    margin-left: -56px;
    padding: 56px;
    flex: 0 0 auto;
    background-color: #fff;
}

    .case-study-title.below-image {
        margin-top: 28px;
        margin-left: 0px;
        padding: 0px;
    }

.case-studies-grid {
    display: -ms-grid;
    display: grid;
    margin-bottom: 84px;
    grid-auto-columns: 1fr;
    grid-column-gap: 56px;
    grid-row-gap: 112px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.case-study-vertical-item:nth-child(even) {
    margin-top: 56px;
}

.case-study-title-link {
    transition: color 200ms ease;
    color: #252a33;
}

    .case-study-title-link:hover {
        color: #ff4242;
    }

.case-study-title-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.case-study-title-wrapper {
    display: flex;
    flex-direction: column;
}

.case-study-title-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.case-study-main-image {
    -o-object-fit: cover;
    object-fit: cover;
}

.case-study-details-grid {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.case-study-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.case-study-detail-heading {
    margin-bottom: 0px;
}

.post-date {
    margin-left: 14px;
}

.help-center-grid {
    align-items: start;
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.help-center-article {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(37, 42, 51, 0.2);
}

    .help-center-article:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom-style: none;
    }

.help-center-link {
    transition: color 200ms ease;
    color: #252a33;
    text-align: left;
}

    .help-center-link:hover {
        color: #ff4242;
    }

.category-selector-wrapper {
    display: flex;
    align-items: center;
}

.category-list {
    display: flex;
}

.category-selector-title {
    margin-right: 21px;
}

.map {
    min-height: 400px;
}

.article-addendum {
    margin-top: 28px;
    padding-top: 28px;
    border-top: 2px solid rgba(37, 42, 51, 0.08);
}

.hero-screenshots {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 840px;
    justify-content: center;
    align-items: flex-start;
    border-style: solid;
    border-width: 28px;
    border-color: #effbf9;
    background-color: #252a33;
}

.hero-screenshot-container {
    position: absolute;
    width: 75%;
    max-width: 350px;
}

    .hero-screenshot-container.screenshot-container {
        margin-top: 56px;
    }

.hero-screenshot-image {
    display: block;
    margin-top: 28px;
    margin-bottom: 28px;
}

.hero-screenshots-scrim {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 30%;
    background-image: linear-gradient(180deg, rgba(37, 42, 51, 0), rgba(37, 42, 51, 0.75));
}

.section-demo-image {
    display: block;
}

    .section-demo-image.last-screenshot {
        position: relative;
        bottom: 2px;
        z-index: 2;
    }

.sections-screenshots {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 840px;
    justify-content: center;
    align-items: flex-start;
    border-style: solid;
    border-width: 28px;
    border-color: #fff;
    background-color: #31edd4;
}

.demos-grid {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.demo-screenshot-container {
    display: flex;
    overflow: hidden;
    height: 280px;
    justify-content: center;
    align-items: center;
    background-color: #effbf9;
}

.demo-screenshot-image {
    max-width: 260px;
    align-self: flex-end;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}

.demo-link {
    transition: color 200ms ease;
    color: #252a33;
    text-align: center;
}

    .demo-link:hover {
        color: #ff4242;
    }

.demo-text {
    margin-top: 21px;
}

.sections-grid {
    grid-column-gap: 56px;
    grid-row-gap: 0px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.section-link {
    display: flex;
    width: 100%;
    margin-bottom: 21px;
    padding-bottom: 21px;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
}

    .section-link.last {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom-style: none;
    }

.link-arrow {
    margin-right: 14px;
    margin-left: 7px;
}

.main-container-2 {
    position: relative;
    width: 100%;
    max-width: 1329px;
    margin: 40px 0px;
    padding-right: 28px;
    padding-left: 28px;
    text-align: left;
}

.justify-content-center-2 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    -o-object-fit: fill;
    object-fit: fill;
}

.large-text-2 {
    color: #252a33;
    font-size: 24px;
    line-height: 34px;
}

.centered-logo-2 {
    width: 150px;
    max-height: 60px;
    min-height: 40px;
    min-width: 200px;
    margin: 35px;
    flex: 0 auto;
    opacity: 0.5;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.field-label-2 {
    position: relative;
    left: 14px;
    margin-bottom: -14px;
    padding: 7px;
    background-color: #fff;
    color: rgba(37, 42, 51, 0.5);
    font-weight: 400;
}

.form-input-2 {
    min-height: 56px;
    margin-bottom: 0px;
    padding: 14px 21px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(37, 42, 51, 0.2);
    border-radius: 6px;
    transition: border-color 200ms ease;
    font-size: 18px;
    line-height: 28px;
}

    .form-input-2:focus {
        border-color: #252a33;
    }

.button-2 {
    padding: 14px 28px;
    border-radius: 6px;
    background-color: #ff4242;
    box-shadow: inset 0 0 3px 100px transparent;
    transition: box-shadow 200ms ease;
    color: #fff;
    text-align: center;
}

    .button-2:hover {
        box-shadow: inset 0 0 3px 100px rgba(0, 0, 0, 0.1);
    }

.success-message {
    border-radius: 5px;
    background-color: #c0ede7;
}

.error-message {
    border-radius: 5px;
    background-color: #f0f0f0;
}

.section-2 {
    display: none;
}

.image {
    max-width: 80%;
}

    .image.link-with-logo {
        margin-bottom: 0px;
    }

.text-primary-3 {
    color: #ff4242;
}

.text-block-2 {
    color: #fff;
}

.image-2 {
    max-width: 50%;
}

.text-block-3 {
    padding-bottom: 40px;
}

.section-3 {
    min-height: 400px;
}

.image-3 {
    padding-bottom: 0px;
    -o-object-fit: fill;
    object-fit: fill;
}

.image-4 {
    padding-bottom: 20px;
    mix-blend-mode: normal;
}

.heading {
    padding-top: 10px;
}

.heading-2 {
    padding-top: 10px;
}

.heading-3 {
    padding-top: 10px;
}

.heading-4 {
    padding-top: 10px;
}

.heading-5 {
    padding-top: 10px;
}

.heading-6 {
    padding-top: 10px;
}

.container-2 {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 497px;
    margin-top: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
    direction: ltr;
}

.section-4 {
    background-color: #c0ede7;
}

@media screen and (max-width: 991px) {
    h1 {
        margin-bottom: 14px;
        font-size: 40px;
        line-height: 46px;
    }

    h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .section.large-box-section {
        padding-top: 84px;
        padding-bottom: 84px;
    }

    .section.bg-white.boxed-icon-section {
        width: 100%;
        max-width: 608px;
        margin: 56px auto;
    }

    .main-container.reviews-container {
        max-width: 608px;
    }

    .style-guide-section {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .display-heading-2 {
        font-size: 54px;
        line-height: 54px;
        letter-spacing: 0em;
    }

    .display-heading-1 {
        font-size: 54px;
        line-height: 54px;
        letter-spacing: 0em;
    }

    .large-text.review-byline-text {
        margin-bottom: 21px;
    }

    .large-text.section-title-text {
        max-width: 100%;
    }

    .button.large.adjacent-to-heading {
        margin-top: 21px;
    }

    .large-heading {
        margin-bottom: 14px;
        font-size: 40px;
        line-height: 46px;
    }

    .medium-heading {
        font-size: 32px;
        line-height: 38px;
    }

    .announcement-bar-text {
        flex-direction: column;
    }

    .announcement-bar-heading {
        margin-right: 0px;
    }

    .announcement-bar-cross {
        right: 28px;
    }

    .menu-button.w--open {
        background-color: transparent;
    }

    .menu-button-image {
        display: block;
    }

    .brand.adjacent-to-menu {
        margin-right: 0px;
    }

    .nav-menu {
        padding: 14px 21px;
        border-style: solid;
        border-width: 1px;
        border-color: rgba(37, 42, 51, 0.2);
        border-radius: 6px;
        background-color: #fff;
    }

    .nav-link {
        margin-left: 0px;
    }

        .nav-link.w--current {
            margin: 10px 0px;
        }

        .nav-link.dropdown {
            margin: 10px 0px;
        }

    .dropdown-list.w--open {
        position: relative;
        border-style: none;
        box-shadow: none;
    }

    .navbar-grid {
        display: flex;
        justify-content: space-between;
    }

    .footer-grid {
        justify-items: center;
        grid-row-gap: 56px;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .footer-left-content {
        align-items: center;
    }

    .text-grid-thirds {
        max-width: 608px;
        margin-right: auto;
        margin-left: auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .grid-halves {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

        .grid-halves.has-slider {
            display: flex;
            flex-direction: column;
        }

        .grid-halves.title-grid {
            max-width: 497px;
            margin-right: auto;
            margin-left: auto;
            grid-row-gap: 21px;
        }

        .grid-halves.pricing {
            max-width: 497px;
            margin-right: auto;
            margin-left: auto;
        }

        .grid-halves.cta-grid {
            grid-row-gap: 35px;
        }

    .container.wide.align-center {
        max-width: 608px;
    }

    .container.avatars-adjacent {
        background-color: hsla(0, 0%, 100%, 0.95);
    }

    .container.case-study-link-container {
        margin-right: auto;
        margin-left: auto;
    }

    .section-large {
        padding-top: 112px;
        padding-bottom: 112px;
    }

    .section-title {
        margin-bottom: 56px;
    }

    .vertical-text-grid.adjacent-to-form {
        width: 100%;
        margin-top: 56px;
        grid-column-gap: 112px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }

    .process-grid-thirds {
        max-width: 386px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .container-large.overlay-image {
        height: auto;
        max-height: none;
        max-width: none;
        background-color: transparent;
    }

    .process-grid-vertical {
        max-width: 608px;
        grid-row-gap: 56px;
    }

    .process-grid-item {
        grid-row-gap: 28px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .longform-text-grid {
        max-width: 497px;
        margin-right: auto;
        margin-left: auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

        .longform-text-grid.title-grid {
            max-width: 608px;
        }

    .underlay-left {
        display: none;
    }

    .lightbox-gallery {
        max-width: 497px;
    }

    .large-box {
        min-height: auto;
    }

        .large-box.tall {
            min-height: auto;
        }

        .large-box.bg-dark.blog-post {
            max-width: none;
        }

    .box-illustration {
        max-width: 30%;
    }

    .box-with-image {
        display: -ms-grid;
        display: grid;
        max-width: 497px;
        margin-right: auto;
        margin-left: auto;
        flex-direction: column;
        justify-items: center;
        grid-auto-columns: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }

        .box-with-image.blog-post {
            max-width: 100%;
        }

    .portrait-image-section {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .image-border-white {
        border-width: 0px;
    }

    .portrait-image-container {
        max-width: 497px;
    }

    .horizontal-link-grid {
        margin-top: 35px;
    }

    .card-grid-thirds {
        max-width: 387px;
        margin-right: auto;
        margin-left: auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .image-border-dark {
        border-width: 0px;
    }

    .checklist-grid-halves {
        max-width: 497px;
        margin-right: auto;
        margin-left: auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .contact-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        text-align: center;
    }

    .metrics-grid-thirds {
        max-width: 497px;
        margin-right: auto;
        margin-left: auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .review-byline {
        flex-direction: column;
    }

    .section-grid-halves {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .title-with-button {
        flex-direction: column;
        align-items: flex-start;
    }

    .review-grid-thirds {
        padding: 0px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .icon-grid-halves {
        max-width: 387px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .image-background-right {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
    }

    .image-background-right-container {
        position: relative;
        display: flex;
        max-width: 100%;
        flex-direction: column;
    }

    .contact-form-grid {
        max-width: 608px;
        margin-right: auto;
        margin-left: auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .cta-text-container {
        text-align: center;
    }

    .adjacent-tabs-container {
        flex-direction: column;
    }

    .vertical-tabs-menu {
        margin-right: 0px;
        margin-bottom: 56px;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }

    .team-grid-halves {
        grid-column-gap: 28px;
    }

    .team-grid-thirds {
        grid-column-gap: 28px;
    }

    .team-grid-large {
        grid-row-gap: 84px;
    }

    .team-member-large {
        flex-direction: column;
    }

    .team-member-large-image {
        margin-bottom: 56px;
    }

    .underlay-right {
        display: none;
    }

    .square-image-section {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .hero-grid-section.wide-content {
        min-height: auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .hero-grid-section-2 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .hero-grid-text-bottom {
        position: relative;
        bottom: 0px;
        margin-top: 28px;
    }

    .hero-background {
        position: relative;
        height: auto;
    }

    .hero-icon-1 {
        left: -56px;
    }

    .hero-icon-2 {
        bottom: -56px;
    }

    .hero-icon-3 {
        right: -112px;
    }

    .blog-grid-thirds {
        max-width: 497px;
        margin-right: auto;
        margin-left: auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .blog-post-grid {
        max-width: 497px;
        margin-right: auto;
        margin-left: auto;
        grid-row-gap: 21px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .blog-grid-vertical {
        grid-row-gap: 56px;
    }

    .blog-title-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .blog-main-image {
        right: 0px;
    }

    .footer-2-grid {
        max-width: 474px;
        margin-right: auto;
        margin-left: auto;
        grid-row-gap: 56px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .footer-left-content-2 {
        align-items: center;
        text-align: center;
    }

    .footer-3-bottom-row {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .case-study {
        flex-direction: column;
    }

    .case-study-title {
        max-width: 497px;
        margin-top: 28px;
        margin-left: 0px;
        padding: 0px;
    }

    .case-studies-grid {
        max-width: 497px;
        margin-right: auto;
        margin-left: auto;
        grid-row-gap: 84px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .case-study-vertical-item:nth-child(even) {
        margin-top: 0px;
    }

    .case-study-title-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .slider-title {
        margin-bottom: 84px;
    }

    .help-center-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .hero-screenshots {
        height: 497px;
    }

    .sections-screenshots {
        height: 497px;
    }

    .demos-grid {
        max-width: 497px;
        margin-right: auto;
        margin-left: auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .sections-grid {
        max-width: 497px;
        margin-right: auto;
        margin-left: auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .section-link.last {
        margin-bottom: 21px;
        padding-bottom: 21px;
        border-bottom-style: solid;
    }
}

@media screen and (max-width: 767px) {
    body {
        font-size: 16px;
        line-height: 24px;
    }

    p {
        margin-bottom: 24px;
    }

    blockquote {
        margin-top: 35px;
        margin-bottom: 35px;
        font-size: 24px;
        line-height: 32px;
    }

    .section {
        padding-top: 84px;
        padding-bottom: 84px;
    }

        .section.border-white {
            border-width: 21px;
        }

        .section.border-primary-3 {
            border-width: 21px;
        }

        .section.border-dark {
            border-width: 21px;
        }

    .style-guide-container {
        grid-row-gap: 84px;
    }

    .style-guide-color-grid {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .display-heading-2.handwriting-font.overlap-text {
        margin-bottom: 0px;
    }

    .button.large.adjacent-to-input {
        margin-top: 14px;
        margin-left: 0px;
    }

    .medium-heading.pricing-title-heading {
        font-size: 24px;
        line-height: 36px;
    }

    .form-grid-thirds {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .form-grid-halves {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .style-guide-badges {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .announcement-bar-cross {
        top: 14px;
        right: 14px;
    }

    .dropdown-grid-column {
        min-width: auto;
    }

    .footer {
        padding-top: 84px;
    }

    .footer-grid {
        margin-bottom: 56px;
    }

    .footer-social {
        display: -ms-grid;
        display: grid;
        padding-top: 28px;
        padding-bottom: 28px;
        flex-direction: column;
        justify-items: center;
        grid-auto-columns: 1fr;
        grid-column-gap: 14px;
        grid-row-gap: 28px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }

    .footer-bottom-row {
        flex-direction: column;
    }

    .footer-small-links {
        margin-top: 14px;
    }

        .footer-small-links.no-margin {
            margin-top: 0px;
        }

    .search-box {
        margin-right: 21px;
        margin-left: 21px;
    }

    .link-group {
        margin-bottom: -21px;
    }

    .link-group-item.hover-link {
        margin-right: 21px;
        margin-bottom: 21px;
    }

    .grid-halves {
        max-width: 497px;
        margin-right: auto;
        margin-left: auto;
        grid-row-gap: 56px;
    }

        .grid-halves.has-slider {
            display: flex;
            flex-direction: column;
        }

    .container.avatars-adjacent {
        background-color: hsla(0, 0%, 100%, 0.95);
    }

    .section-large {
        padding-top: 84px;
        padding-bottom: 84px;
    }

        .section-large.border-dark {
            border-width: 21px;
        }

        .section-large.border-white {
            border-width: 21px;
        }

    .section-title {
        margin-bottom: 35px;
    }

        .section-title.increased-margin {
            margin-bottom: 70px;
        }

    .process-grid-item {
        grid-row-gap: 14px;
    }

    .dark-border.pricing-border {
        margin-top: 28px;
        margin-bottom: 28px;
    }

    .image-pair {
        grid-column-gap: 21px;
        grid-row-gap: 21px;
    }

    .longform-text-grid {
        grid-row-gap: 28px;
    }

    .box-illustration {
        display: none;
    }

    .boxed {
        padding: 35px;
    }

    .grid-thirds {
        margin-bottom: 56px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .image-border-white {
        border-width: 0px;
    }

    .overlay-bottom-right.bump-left {
        right: 28px;
        bottom: 28px;
    }

    .metrics-grid-halves {
        grid-column-gap: 28px;
        grid-row-gap: 35px;
    }

    .large-box-illustration {
        display: none;
    }

    .centered-logo {
        max-height: 28px;
        margin: 14px;
    }

    .logo-container {
        margin-top: -14px;
        margin-bottom: -14px;
    }

    .reviews-grid-halves {
        grid-column-gap: 21px;
        grid-row-gap: 21px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .reviews-grid-vertical {
        grid-row-gap: 21px;
    }

    .handwriting-addendum {
        display: none;
    }

    .horizontal-form {
        flex-direction: column;
        align-items: stretch;
    }

    .pricing-plan-title {
        margin-bottom: 28px;
    }

    .pricing-row {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .title-cell {
        padding-top: 28px;
    }

    .pricing-cell.first {
        padding-left: 28px;
        text-align: center;
    }

    .horizontal-tabs-menu {
        margin-bottom: 35px;
    }

    .horizontal-tab-link {
        margin-right: 14px;
        margin-left: 14px;
        text-align: center;
    }

    .title-circle {
        display: none;
    }

    .vertical-tab-link {
        font-size: 24px;
        line-height: 34px;
    }

    .team-grid-halves {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .team-grid-vertical.second-column {
        padding-top: 35px;
        border-top: 1px solid hsla(0, 0%, 100%, 0.15);
    }

    .team-grid-thirds {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .video-container.below-checklist {
        margin-top: 56px;
    }

    .video-section {
        max-height: 350px;
    }

    .hero-icon-1 {
        display: none;
    }

    .hero-icon-2 {
        display: none;
    }

    .hero-icon-3 {
        display: none;
    }

    .article h3 {
        margin-top: 35px;
        margin-bottom: 24px;
    }

    .article figure {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .article h4 {
        margin-top: 35px;
        margin-bottom: 14px;
    }

    .article ul {
        margin-top: 24px;
        margin-bottom: 24px;
        padding-left: 24px;
    }

    .blog-main-image {
        border-width: 21px;
    }

    .footer-2-grid {
        margin-bottom: 56px;
    }

    .footer-3-grid {
        margin-bottom: 56px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .case-studies-grid-vertical {
        grid-row-gap: 84px;
    }

    .slider-title {
        margin-bottom: 56px;
    }

    .card-image {
        display: block;
    }

    .category-selector-title {
        margin-right: 14px;
    }

    .hero-screenshots {
        border-width: 21px;
    }

    .sections-screenshots {
        border-width: 21px;
    }

    .demos-grid {
        grid-row-gap: 35px;
    }

    .centered-logo-2 {
        max-height: 28px;
        margin: 14px;
    }

    .section-2 {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    h1 {
        font-size: 28px;
        line-height: 36px;
    }

    h2 {
        font-size: 28px;
        line-height: 36px;
    }

    h3 {
        margin-bottom: 7px;
        font-size: 24px;
        line-height: 34px;
    }

    h4 {
        font-size: 24px;
        line-height: 34px;
    }

    h5 {
        font-size: 18px;
        line-height: 28px;
    }

    h6 {
        font-size: 16px;
        line-height: 24px;
    }

    .section.border-white {
        border-width: 14px;
    }

    .section.large-box-section {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .section.bg-white.boxed-icon-section {
        margin-top: 28px;
        margin-bottom: 28px;
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .main-container {
        padding-right: 21px;
        padding-left: 21px;
    }

    .style-guide-color-grid {
        grid-column-gap: 21px;
        grid-row-gap: 21px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .display-heading-2 {
        margin-bottom: 14px;
        font-size: 32px;
        line-height: 38px;
    }

        .display-heading-2.no-bottom-margin {
            margin-bottom: 0px;
        }

        .display-heading-2.price-number {
            font-size: 54px;
            line-height: 54px;
        }

    .display-heading-1 {
        margin-bottom: 14px;
        font-size: 32px;
        line-height: 38px;
    }

    .large-text {
        font-size: 18px;
        line-height: 28px;
    }

        .large-text.subheading {
            margin-bottom: 14px;
        }

        .large-text.review-byline-text {
            text-align: center;
        }

        .large-text.article-intro {
            margin-bottom: 35px;
        }

    .style-guide-icons-grid {
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .style-guide-buttons {
        grid-row-gap: 21px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .button.large {
        padding: 14px 28px;
        font-size: 18px;
        line-height: 28px;
    }

    .button.adjacent-to-input {
        margin-top: 14px;
        margin-left: 0px;
    }

    .button.pricing-button {
        margin-top: 28px;
    }

    .large-heading {
        font-size: 28px;
        line-height: 36px;
    }

    .medium-heading {
        font-size: 28px;
        line-height: 36px;
    }

    .form-input {
        font-size: 16px;
        line-height: 24px;
    }

        .form-input.large {
            min-height: 56px;
            padding: 14px 21px;
            font-size: 18px;
            line-height: 28px;
        }

    .announcement-bar-text {
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .navbar-row {
        min-height: 70px;
    }

    .navbar-group.hide-on-mobile {
        display: none;
    }

    .dropdown-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .footer-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-heading {
        margin-bottom: 14px;
    }

    .white-border.pricing-border {
        margin-top: 28px;
        margin-bottom: 28px;
    }

    .white-border.divider {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .footer-social {
        grid-row-gap: 14px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .footer-bottom-row {
        text-align: center;
    }

    .search-box {
        padding: 28px 21px;
    }

    .search-form {
        flex-direction: column;
    }

    .link-group-item.hover-link {
        margin-bottom: 7px;
    }

    .text-grid-thirds {
        grid-row-gap: 35px;
    }

    .grid-halves.cta-grid {
        grid-row-gap: 28px;
    }

    .container.avatars-adjacent {
        padding: 0px;
        background-color: transparent;
    }

    .section-title {
        margin-bottom: 35px;
    }

        .section-title.reduced-margin {
            margin-bottom: 35px;
        }

        .section-title.increased-margin {
            margin-bottom: 56px;
        }

    .vertical-text-grid {
        grid-row-gap: 35px;
    }

        .vertical-text-grid.adjacent-to-form {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }

    .underline-link.adjacent-to-button {
        margin-top: 14px;
        margin-left: 0px;
    }

    .process-grid-thirds {
        grid-row-gap: 35px;
    }

    .justify-content-center.row {
        flex-direction: column;
    }

    .typography-demo-grid {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .illustrations-demo-grid {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .process-grid-vertical {
        grid-row-gap: 35px;
    }

    .dark-border.divider {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .image-pair {
        margin-bottom: 56px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .lightbox-gallery {
        grid-column-gap: 21px;
        grid-row-gap: 21px;
    }

    .large-box {
        padding: 28px;
    }

    .boxed {
        padding: 28px;
    }

        .boxed.reduced-padding {
            padding: 35px;
        }

    .grid-thirds {
        margin-bottom: 35px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .justify-content-left.footer-column {
        align-items: center;
        text-align: center;
    }

    .image-border-white {
        border-width: 0px;
    }

    .portrait-image-container {
        display: flex;
        flex-direction: column;
    }

    .overlay-bottom-right {
        position: relative;
        bottom: 0px;
    }

        .overlay-bottom-right.bump-left {
            right: 0px;
            bottom: 0px;
            margin-right: 21px;
            margin-left: 21px;
        }

    .contact-grid-halves {
        grid-row-gap: 21px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .card-grid-thirds {
        grid-row-gap: 21px;
    }

    .review-score {
        margin-top: 21px;
        flex-direction: column;
    }

        .review-score.bottom-right {
            position: relative;
            right: 0px;
            bottom: 0px;
        }

        .review-score.bottom-left {
            position: relative;
            left: 0px;
            bottom: 0px;
            margin-top: 0px;
        }

    .stars.above-text {
        margin-bottom: 14px;
    }

    .review-score-text {
        margin-top: 7px;
        margin-left: 0px;
    }

    .checklist.row {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 14px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }

    .checklist-item.row-item {
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .list-above {
        margin-top: 35px;
    }

    .row-divider {
        margin: 14px 0px;
    }

    .contact-grid {
        grid-row-gap: 35px;
    }

    .avatar-content {
        flex-direction: column;
        text-align: center;
    }

    .adjacent-to-avatar {
        display: flex;
        margin-top: 14px;
        margin-left: 0px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .overlay-bottom-left {
        position: relative;
        bottom: 0px;
    }

    .metrics-grid-halves {
        grid-row-gap: 28px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .review-grid-thirds {
        grid-row-gap: 35px;
    }

    .review-slide {
        padding-right: 0px;
        padding-left: 0px;
    }

    .image-background-right-container {
        align-items: center;
    }

    .checkbox-button-row {
        flex-direction: column;
    }

    .pricing-plan {
        padding: 28px;
    }

    .price-container {
        flex-direction: column;
        text-align: center;
    }

    .price-terms {
        margin-left: 0px;
    }

    .pricing-row.header {
        top: 70px;
    }

    .title-cell {
        padding-top: 21px;
        padding-bottom: 21px;
    }

    .pricing-cell {
        padding: 14px;
        font-size: 14px;
    }

    .button-pair {
        flex-direction: column;
    }

        .button-pair.vertical.below-checklist {
            margin-top: 35px;
        }

    .horizontal-tabs-menu {
        flex-direction: column;
    }

    .horizontal-tab-link {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .vertical-tab-link {
        padding: 14px;
        font-size: 18px;
        line-height: 28px;
    }

    .team-grid-thirds {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .team-member-large-image {
        margin-bottom: 28px;
    }

    .team-member-bio {
        margin-top: 14px;
    }

    .video-container.above-text {
        margin-bottom: 21px;
    }

    .video-logo {
        display: none;
    }

    .video-pill.centered {
        padding: 0px;
    }

    .video-pill-text {
        display: none;
        margin-left: 21px;
    }

    .video-section {
        max-height: 280px;
    }

    .hero-image-container {
        flex-direction: column;
    }

    .avatars-group {
        display: none;
    }

    .footer-2-grid {
        justify-items: center;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .case-studies-grid-vertical {
        grid-row-gap: 56px;
    }

    .category-selector-wrapper {
        flex-direction: column;
    }

    .category-selector-title {
        margin-right: 0px;
        margin-bottom: 14px;
    }

    .hero-screenshots {
        height: 280px;
    }

    .sections-screenshots {
        height: 280px;
    }

    .demo-screenshot-container {
        height: auto;
    }

    .demo-screenshot-image {
        max-width: 100%;
    }

    .main-container-2 {
        padding-right: 21px;
        padding-left: 21px;
    }

    .large-text-2 {
        font-size: 18px;
        line-height: 28px;
    }

    .form-input-2 {
        font-size: 16px;
        line-height: 24px;
    }

    .section-2 {
        display: block;
    }
}

.lds-grid {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-grid div {
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #ff4242;
        animation: lds-grid 1.2s linear infinite;
    }

        .lds-grid div:nth-child(1) {
            top: 8px;
            left: 8px;
            animation-delay: 0s;
        }

        .lds-grid div:nth-child(2) {
            top: 8px;
            left: 32px;
            animation-delay: -0.4s;
        }

        .lds-grid div:nth-child(3) {
            top: 8px;
            left: 56px;
            animation-delay: -0.8s;
        }

        .lds-grid div:nth-child(4) {
            top: 32px;
            left: 8px;
            animation-delay: -0.4s;
        }

        .lds-grid div:nth-child(5) {
            top: 32px;
            left: 32px;
            animation-delay: -0.8s;
        }

        .lds-grid div:nth-child(6) {
            top: 32px;
            left: 56px;
            animation-delay: -1.2s;
        }

        .lds-grid div:nth-child(7) {
            top: 56px;
            left: 8px;
            animation-delay: -0.8s;
        }

        .lds-grid div:nth-child(8) {
            top: 56px;
            left: 32px;
            animation-delay: -1.2s;
        }

        .lds-grid div:nth-child(9) {
            top: 56px;
            left: 56px;
            animation-delay: -1.6s;
        }



#w-node-_0b568e5a-b11a-ab5b-bd7a-65a6b8da995c-b8da9959 {
    -ms-grid-column-align: center;
    justify-self: center;
}

#w-node-_0b568e5a-b11a-ab5b-bd7a-65a6b8da99ac-b8da9959 {
    -ms-grid-column-align: end;
    justify-self: end;
}

#w-node-f6718e75-28c9-e28a-65db-9c0aad123159-1999ebe2 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-f6718e75-28c9-e28a-65db-9c0aad12315a-1999ebe2 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_9d521e8f-a3b1-4454-cac5-f024082db004-1999ebe2 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_9d521e8f-a3b1-4454-cac5-f024082db00d-1999ebe2 {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-_642e0cac-7164-70e6-0539-a879a5a2f90c-4c99ebe5 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

#w-node-d96ac124-fa39-cd99-c9f8-21bbd762f3af-1e99ebe8 {
    -ms-grid-column-align: start;
    justify-self: start;
}

#w-node-_4c9fbc8b-fca8-16e1-eba8-067437b9b24b-d399ebed {
    -ms-grid-column-align: start;
    justify-self: start;
}

#w-node-b6877b29-4248-f72d-291e-3cffdc6c48a1-ed99ebee {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-b6877b29-4248-f72d-291e-3cffdc6c48a3-ed99ebee {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-_6144d1f9-dc0c-28e4-d474-730ed7ae5080-5a99ebef {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-c3e8cab8-54af-b44a-c635-40ebc24b0468-4899ebf1 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

#w-node-f95dc53e-e3b1-3e31-84c0-1c3b2b1f478b-4899ebf1 {
    -ms-grid-column-align: start;
    justify-self: start;
}

#w-node-_676d6fd3-ea3b-b287-82e5-054dcbe59b90-1e99ebf4 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

#w-node-_1a731749-7e2f-df16-05ab-088745447608-9b99ebf6 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_1a731749-7e2f-df16-05ab-088745447614-9b99ebf6 {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-_074c4436-2e60-28fe-8c56-e651ac15d037-9b99ebf6 {
    -ms-grid-column-align: start;
    justify-self: start;
}

#w-node-b6877b29-4248-f72d-291e-3cffdc6c48a1-af99ebf9 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-b6877b29-4248-f72d-291e-3cffdc6c48a3-af99ebf9 {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-b2e01663-790f-c923-b6c3-d553d843dd7d-7d99ebfa {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-b2e01663-790f-c923-b6c3-d553d843dd89-7d99ebfa {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-_55cb8c21-7f80-282d-be65-f8f21210876f-a999ebfc {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_55cb8c21-7f80-282d-be65-f8f212108776-a999ebfc {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-a58be89e-2173-7f5a-5701-3a5d7c029102-a999ebfc {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_477a70f7-51cf-2b64-daab-5493829316f7-5e99ebfd {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_404d7fb3-d75b-9492-155e-128a837513b1-5e99ebfd {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_404d7fb3-d75b-9492-155e-128a837513bd-5e99ebfd {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-a3648257-4f70-1617-1773-7df7ec97a7b5-6c99ebfe {
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

#w-node-_570be4e5-7050-5c09-0d80-e8426fdc36de-6a99ebff {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_570be4e5-7050-5c09-0d80-e8426fdc36e0-6a99ebff {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-a9ca97ba-38a4-14cb-d6f3-e5ccd18d8a24-d18d89ea {
    -ms-grid-column-align: center;
    justify-self: center;
}

#w-node-_48623030-4473-1599-8d00-c8699df8a9fc-3e99ec00 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_48623030-4473-1599-8d00-c8699df8a9fe-3e99ec00 {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-_9cacc3b8-24f5-4b18-d9c7-def042769ac5-3e99ec00 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_9cacc3b8-24f5-4b18-d9c7-def042769ac7-3e99ec00 {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-bb0ab139-75d9-00dd-7555-23d007ac812c-5199ec05 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-c534a3c8-8452-4cce-9c0c-c445689b51b5-5199ec05 {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-beb37ed3-8d1b-8d8f-7d9c-379dba55f17f-5199ec05 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-beb37ed3-8d1b-8d8f-7d9c-379dba55f18b-5199ec05 {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-_1a74f0c0-de77-7670-608e-8f60798223d6-dc99ec06 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_1a74f0c0-de77-7670-608e-8f60798223e2-dc99ec06 {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-_7c38e900-36a4-c1be-dcb0-bd26f8af52b8-f8af52b4 {
    -ms-grid-column-align: center;
    justify-self: center;
}

#w-node-_7c38e900-36a4-c1be-dcb0-bd26f8af5308-f8af52b4 {
    -ms-grid-column-align: end;
    justify-self: end;
}

#w-node-f9bd7ff5-78b1-4d98-7f69-33e28eaffe87-ba99ec08 {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-_3d328660-72d4-3604-00a4-70e910ee3a77-ba99ec08 {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-_3abf45df-89c3-5924-a9eb-440624b42a25-eb99ec0a {
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

#w-node-ae091883-fcd1-d930-56dd-b203fc3ef1c7-eb99ec0a {
    -ms-grid-column-span: 1;
    grid-column-end: 4;
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

#w-node-e19422b9-7e90-fff5-2856-cc99c351cefb-eb99ec0a {
    -ms-grid-column-span: 1;
    grid-column-end: 5;
    -ms-grid-column: 4;
    grid-column-start: 4;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

#w-node-_07afcecc-c9e0-65ab-46cc-49004ff96c1f-db99ec0b {
    -ms-grid-column-align: start;
    justify-self: start;
}

#w-node-_017d659a-ea4d-e5a0-9f40-a2952646a053-0599ec0d {
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

#w-node-_017d659a-ea4d-e5a0-9f40-a2952646a056-0599ec0d {
    -ms-grid-column-span: 1;
    grid-column-end: 4;
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

#w-node-_017d659a-ea4d-e5a0-9f40-a2952646a059-0599ec0d {
    -ms-grid-column-span: 1;
    grid-column-end: 5;
    -ms-grid-column: 4;
    grid-column-start: 4;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

#w-node-_26d6a37d-8243-e608-2aaf-229c09c79cd9-0599ec0d {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_26d6a37d-8243-e608-2aaf-229c09c79ceb-0599ec0d {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_5a1b31f7-3099-0da7-0b0f-6d92c66bea35-7c99ec45 {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_5a1b31f7-3099-0da7-0b0f-6d92c66bea37-7c99ec45 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_5a1b31f7-3099-0da7-0b0f-6d92c66bea39-7c99ec45 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-a5749289-86f4-2ba2-1e33-10ca9a13dc84-4e99ec47 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-a5749289-86f4-2ba2-1e33-10ca9a13dc86-4e99ec47 {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-_30430018-95d1-1ed3-95a0-813b4cdba74f-2599ec4a {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-bbc76e5a-016b-9be3-1995-523d76228655-2599ec4a {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_06978dd1-3e8d-2e10-1b06-c79659f103ec-2599ec4a {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-de27b686-44a2-f52c-6a68-3df1d7be8f03-2599ec4a {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_31e1948f-05bf-0eb9-0d14-bb556b060e36-4499ec4d {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_97fd6ef1-8f24-111b-4f50-3ef4722c50b8-4499ec4d {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-b478e935-ad3e-82e1-b165-46c561c576aa-4499ec4d {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-c8f328bd-9051-6081-e63e-1c769592c4e0-4499ec4d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-c4af2016-8796-07ba-0fa0-c4cdbac361b6-4499ec4d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_5b84f766-3eef-f3d2-7bb4-0c5de6579dc6-4499ec4d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-eea537d0-b0a3-d183-3a80-1c249a94cc18-4499ec4d {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-aa7f13d9-86c4-db1f-6df7-b63c17756ba0-4499ec4d {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_69b5025f-e684-b8c2-8ed0-cf26c14937aa-4499ec4d {
    -ms-grid-row-align: center;
    align-self: center;
}

#w-node-d3e44cf3-1a7f-17ac-4365-e464c826ed06-ef99ec50 {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-d3e44cf3-1a7f-17ac-4365-e464c826ed12-ef99ec50 {
    -ms-grid-row-align: center;
    align-self: center;
}

@media screen and (max-width: 991px) {
    #w-node-_4526eb5c-b0e6-a3f5-582a-04ed6542a835-6542a832 {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-_9d521e8f-a3b1-4454-cac5-f024082db004-1999ebe2 {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-_46468b02-be13-1078-0ccb-69e8d1c6aebb-d1c6aeb8 {
        -ms-grid-column: span 2;
        grid-column-start: span 2;
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-b6877b29-4248-f72d-291e-3cffdc6c48a1-ed99ebee {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-_1a731749-7e2f-df16-05ab-088745447608-9b99ebf6 {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-b6877b29-4248-f72d-291e-3cffdc6c48a1-af99ebf9 {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-b2e01663-790f-c923-b6c3-d553d843dd7d-7d99ebfa {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-_404d7fb3-d75b-9492-155e-128a837513b1-5e99ebfd {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-_570be4e5-7050-5c09-0d80-e8426fdc36de-6a99ebff {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-_48623030-4473-1599-8d00-c8699df8a9fc-3e99ec00 {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-_9cacc3b8-24f5-4b18-d9c7-def042769ac5-3e99ec00 {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-bb0ab139-75d9-00dd-7555-23d007ac812c-5199ec05 {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-beb37ed3-8d1b-8d8f-7d9c-379dba55f17f-5199ec05 {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-_1a74f0c0-de77-7670-608e-8f60798223d6-dc99ec06 {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-_26d6a37d-8243-e608-2aaf-229c09c79cd9-0599ec0d {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-a5749289-86f4-2ba2-1e33-10ca9a13dc84-4e99ec47 {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-_06978dd1-3e8d-2e10-1b06-c79659f103ec-2599ec4a {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-aa7f13d9-86c4-db1f-6df7-b63c17756ba0-4499ec4d {
        -ms-grid-column-align: center;
        justify-self: center;
    }
}

@media screen and (max-width: 767px) {
    #w-node-_9d521e8f-a3b1-4454-cac5-f024082db004-1999ebe2 {
        -ms-grid-column-align: center;
        justify-self: center;
    }

    #w-node-_5ed00b8c-b67f-7c71-2c59-4617e7fc3f4a-d399ebeb {
        -ms-grid-column: span 2;
        grid-column-start: span 2;
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_759732dd-2476-964c-4fc6-e13742847b1d-5e99ebfd {
        -ms-grid-column: span 2;
        grid-column-start: span 2;
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_3abf45df-89c3-5924-a9eb-440624b42a25-eb99ec0a {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 1;
        grid-column-end: 2;
    }

    #w-node-ae091883-fcd1-d930-56dd-b203fc3ef1c7-eb99ec0a {
        -ms-grid-column: 2;
        grid-column-start: 2;
        -ms-grid-column-span: 1;
        grid-column-end: 3;
    }

    #w-node-e19422b9-7e90-fff5-2856-cc99c351cefb-eb99ec0a {
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-column-span: 1;
        grid-column-end: 4;
    }

    #w-node-_8183ea3d-1a9c-c231-ec89-5a752db334c1-eb99ec0a {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_64d7e463-894a-7939-6086-29519b5e1619-eb99ec0a {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_16772e3b-cd11-fc8e-99af-c1c55749ce09-eb99ec0a {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_354bea8b-1a02-b77c-e21b-2211d08184ae-eb99ec0a {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_406aca81-ecfc-3eb8-0331-ef36dd9544fb-eb99ec0a {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_8ebeb640-33d7-1a25-ab95-a78195ec71a3-eb99ec0a {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-b365fd99-6b7f-f9c7-63de-43816a9efa1d-eb99ec0a {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-aae1608a-11a1-9aac-00dc-f617446dca47-eb99ec0a {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-abd3855c-d01e-4f15-8538-e3540320eb0c-eb99ec0a {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_0cc1d696-163f-0039-d298-ca061ac067b3-eb99ec0a {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_017d659a-ea4d-e5a0-9f40-a2952646a053-0599ec0d {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 1;
        grid-column-end: 2;
    }

    #w-node-_017d659a-ea4d-e5a0-9f40-a2952646a056-0599ec0d {
        -ms-grid-column: 2;
        grid-column-start: 2;
        -ms-grid-column-span: 1;
        grid-column-end: 3;
    }

    #w-node-_017d659a-ea4d-e5a0-9f40-a2952646a059-0599ec0d {
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-column-span: 1;
        grid-column-end: 4;
    }

    #w-node-_017d659a-ea4d-e5a0-9f40-a2952646a05d-0599ec0d {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_017d659a-ea4d-e5a0-9f40-a2952646a06a-0599ec0d {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_017d659a-ea4d-e5a0-9f40-a2952646a077-0599ec0d {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_017d659a-ea4d-e5a0-9f40-a2952646a084-0599ec0d {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_017d659a-ea4d-e5a0-9f40-a2952646a091-0599ec0d {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_017d659a-ea4d-e5a0-9f40-a2952646a09e-0599ec0d {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_017d659a-ea4d-e5a0-9f40-a2952646a0ab-0599ec0d {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_017d659a-ea4d-e5a0-9f40-a2952646a0b8-0599ec0d {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_017d659a-ea4d-e5a0-9f40-a2952646a0c5-0599ec0d {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-_017d659a-ea4d-e5a0-9f40-a2952646a0d2-0599ec0d {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-ded00c7c-ffe6-11a6-c073-209cb8535920-4499ec4d {
        -ms-grid-column: span 2;
        grid-column-start: span 2;
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }

    #w-node-aa7f13d9-86c4-db1f-6df7-b63c17756ba0-4499ec4d {
        -ms-grid-column-align: center;
        justify-self: center;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_4526eb5c-b0e6-a3f5-582a-04ed6542a835-6542a832 {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }

    #w-node-_46468b02-be13-1078-0ccb-69e8d1c6aebb-d1c6aeb8 {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }

    #w-node-_5ed00b8c-b67f-7c71-2c59-4617e7fc3f4a-d399ebeb {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }

    #w-node-_759732dd-2476-964c-4fc6-e13742847b1d-5e99ebfd {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }

    #w-node-ded00c7c-ffe6-11a6-c073-209cb8535920-4499ec4d {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

@font-face {
    font-family: 'Anderson Grotesk';
    src: url('fonts/AndersonGrotesk-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arkipelago';
    src: url('fonts/Arkipelago.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@keyframes lds-grid {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}