label {
    font-family: DM Sans,sans-serif;
    font-size: 16px;
    line-height: 145%;
    display: block;
    color: #21282d;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 6px
}

details {
    border-top: 1px solid #E6EAE9;
    cursor: pointer
}

    details:last-of-type {
        border-bottom: 1px solid #E6EAE9
    }

    details summary {
        position: relative;
        padding: 24px 16px 24px 0;
        font-size: 20px;
        font-weight: 700;
        line-height: 120%;
        list-style-type: none;
        background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%grey%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%grey%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-size: 12px;
        background-position: right center;
        background-repeat: no-repeat;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        details summary::-webkit-details-marker {
            display: none
        }

    details[open] {
        padding: 24px 0
    }

        details[open] > summary {
            padding: 0;
            background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Eup-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%grey%22%3E%3Cpath%20d%3D%22M1.707%2C8.707%2C6%2C4.414%2C10.293%2C8.707A1%2C1%2C0%2C0%2C0%2C11.707%2C7.293l-5-5a1%2C1%2C0%2C0%2C0-1.414%2C0l-5%2C5a1%2C1%2C0%2C1%2C0%201.414%201.414Z%22%20fill%3D%22%grey%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E)
        }

input[type=text], input[type=email], input[type=date], input[type=password], input[type=tel] {
    font-size: 1.0625rem;
    font-family: DM Sans,sans-serif;
    height: 64px;
    padding: 16px;
    width: 100% !important;
    border: 2px solid #000000;
    border-radius: 0;
    line-height: 1.45;
    color: #21282d
}

    input[type=text]::placeholder, input[type=tel]::placeholder, input[type=email]::placeholder, input[type=date]::placeholder, input[type=password]::placeholder {
        color: #707070
    }

input[type=date] {
    background: calc(100% - 16px) 50% url(../images/calendar-days-solid.svg) no-repeat;
    background-size: 16px;
    position: relative
}

    input[type=date]::-webkit-datetime-edit {
        text-transform: uppercase
    }

    input[type=date]::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        color: transparent;
        background: transparent
    }

input[type=search] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='eclipse' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
    background-position: calc(100% - 16px) center;
    background-repeat: no-repeat;
    background-size: 16px
}

.checkbox-group input[type=checkbox] {
    cursor: pointer;
    display: none
}

    .checkbox-group input[type=checkbox]:checked + .checkbox-toggle + label:before {
        display: none
    }

    .checkbox-group input[type=checkbox]:checked + .checkbox-toggle + label:after {
        display: block;
        opacity: 1
    }

    .checkbox-group input[type=checkbox]:checked + label:before {
        display: none
    }

    .checkbox-group input[type=checkbox]:checked + label:after {
        display: block
    }

    .checkbox-group input[type=checkbox]:disabled + .checkbox-toggle + label:before {
        background: url(../images/icon-checkbox-disabled.svg) no-repeat center
    }

    .checkbox-group input[type=checkbox]:disabled + .checkbox-toggle + label:after {
        display: none
    }

    .checkbox-group input[type=checkbox]:disabled + label:before {
        background: url(../images/icon-checkbox-disabled.svg) no-repeat center
    }

    .checkbox-group input[type=checkbox]:disabled + label:after {
        display: none
    }

.checkbox-group label {
    position: relative;
    padding-left: 24px;
    font-size: 1rem;
    line-height: 1
}

    .checkbox-group label:before, .checkbox-group label:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 16px;
        height: 16px;
        content: ""
    }

    .checkbox-group label:before {
        background: url(../images/icon-checkbox.svg) no-repeat center;
        background-size: contain
    }

    .checkbox-group label:after {
        background: url(../images/icon-checkbox-active.svg) no-repeat center;
        background-size: contain;
        display: none
    }

    .checkbox-group label a {
        font-family: DM Sans,sans-serif;
        font-size: 16px;
        line-height: 145%;
        font-weight: 400
    }

.checkbox-group.expandable {
    position: relative;
    margin-right: 24px;
    margin-left: 8px;
    cursor: pointer
}

    .checkbox-group.expandable:before {
        left: 0;
        top: 0;
        width: 16px;
        height: 16px;
        position: absolute;
        content: url(../images/icon-checkbox-plus.svg)
    }

    .checkbox-group.expandable.has-checked-checkbox:before {
        content: url(../images/icon-checkbox-plus-active.svg)
    }

    .checkbox-group.expandable[aria-expanded=true]:before {
        content: url(../images/icon-checkbox-minus.svg)
    }

    .checkbox-group.expandable[aria-expanded=true].has-checked-checkbox:before {
        content: url(../images/icon-checkbox-minus-active.svg)
    }

select {
    font-size: 1.0625rem;
    font-family: DM Sans,sans-serif;
    height: 64px;
    padding: 16px;
    border: 2px solid #000000;
    border-radius: 0;
    line-height: 1.45;
    color: #21282d;
    background-color: #fff;
    width: 100%;
    height: 58px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%grey%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%grey%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-size: 12px;
    background-position: calc(100% - 16px) center;
    background-repeat: no-repeat
}

    select::placeholder {
        color: #707070
    }

    select::-ms-expand {
        display: none
    }

.input-group input, .input-group select, .select-group input, .select-group select {
    width: 282px;
    height: 64px
}

.input-group p, .select-group p {
    font-size: 1rem;
    margin-top: 8px;
    color: #c7cac9
}

.input-group .button, .select-group .button {
    max-height: 58px
}

@media (max-width: 820px) {
    .input-group .button, .select-group .button {
        margin-top: 16px
    }
}

@media (min-width: 821px) {
    .input-group .button, .select-group .button {
        margin-left: 24px
    }
}

.input-group--error {
    color: #f41c1c
}

    .input-group--error input {
        border-color: #f41c1c
    }

    .input-group--error p {
        color: #f41c1c
    }

.input-group--success {
    color: #038710
}

    .input-group--success input {
        border-color: #038710
    }

    .input-group--success p {
        color: #038710
    }

.hs-wrapper h1 {
    font-family: DM Sans,sans-serif;
    font-size: 56px;
    line-height: 120%;
    font-weight: 700;
    margin-bottom: 16px
}

.hs-wrapper p {
    margin-bottom: 16px
}

.hs-wrapper .hs-input[type=text], .hs-wrapper .hs-input[type=number], .hs-wrapper textarea {
    font-size: 1.0625rem;
    font-family: DM Sans,sans-serif;
    height: 64px;
    padding: 16px;
    width: 100% !important;
    border: 2px solid #000000;
    border-radius: 0;
    line-height: 1.45;
    color: #21282d
}

    .hs-wrapper .hs-input[type=text]::placeholder, .hs-wrapper .hs-input[type=number]::placeholder, .hs-wrapper textarea::placeholder {
        color: #707070
    }

    .hs-wrapper .hs-input[type=text].error, .hs-wrapper .hs-input[type=number].error, .hs-wrapper textarea.error {
        border-color: #f41c1c
    }

.hs-wrapper .hs-button {
    font-family: DM Sans,sans-serif;
    font-size: 14px;
    line-height: 145%;
    font-weight: 400;
    flex-grow: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    font-weight: 700;
    padding: 20px 24px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: fit-content;
    letter-spacing: 1.4px;
    background-color: #5cff96;
    border: 2px solid #000000;
    color: #000;
    margin-top: 16px
}

    .hs-wrapper .hs-button.button--icon:after {
        content: url(../images/icon-btn-arrow-dark.svg);
        display: inline-block;
        margin-left: 10px
    }

@media (max-width: 820px) {
    .hs-wrapper .hs-button.button--icon:after {
        content: url(../images/icon-btn-arrow-dark-mobile.svg)
    }
}

.hs-wrapper .hs-button:hover, .hs-wrapper .hs-button:focus-visible {
    color: #fff;
    background-color: #001d25;
    border-color: #001d25
}

    .hs-wrapper .hs-button:hover.button--icon:after, .hs-wrapper .hs-button:focus-visible.button--icon:after {
        content: url(../images/icon-btn-arrow-light.svg)
    }

@media (max-width: 820px) {
    .hs-wrapper .hs-button:hover.button--icon:after, .hs-wrapper .hs-button:focus-visible.button--icon:after {
        content: url(../images/icon-btn-arrow-light-mobile.svg)
    }
}

.hs-wrapper .hs-button:active {
    background-color: #004868;
    border-color: #001d25
}

.hs-wrapper .hs-error-msg {
    color: #f41c1c
}

.hs-wrapper .hs-form-field {
    margin-bottom: 16px
}

.hs-wrapper .hs-form-checkbox-display {
    display: inline-flex;
    align-items: center
}

    .hs-wrapper .hs-form-checkbox-display .hs-input {
        margin: 0
    }

.hs-wrapper .hs-fieldtype-booleancheckbox, .hs-wrapper .hs-form-checkbox {
    display: flex
}

    .hs-wrapper .hs-fieldtype-booleancheckbox label, .hs-wrapper .hs-form-checkbox label {
        position: relative;
        padding-left: 24px;
        font-size: 1rem;
        line-height: 1;
        margin: 0
    }

        .hs-wrapper .hs-fieldtype-booleancheckbox label > span:before, .hs-wrapper .hs-fieldtype-booleancheckbox label > span:after, .hs-wrapper .hs-form-checkbox label > span:before, .hs-wrapper .hs-form-checkbox label > span:after {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 16px;
            height: 16px;
            margin: auto 0;
            content: ""
        }

        .hs-wrapper .hs-fieldtype-booleancheckbox label > span:before, .hs-wrapper .hs-form-checkbox label > span:before {
            background: url(../images/icon-checkbox.svg) no-repeat center;
            background-size: contain
        }

        .hs-wrapper .hs-fieldtype-booleancheckbox label > span:after, .hs-wrapper .hs-form-checkbox label > span:after {
            background: url(../images/icon-checkbox-active.svg) no-repeat center;
            background-size: contain;
            display: none
        }

        .hs-wrapper .hs-fieldtype-booleancheckbox label > span a, .hs-wrapper .hs-form-checkbox label > span a {
            font-family: DM Sans,sans-serif;
            font-size: 16px;
            line-height: 145%;
            font-weight: 400
        }

        .hs-wrapper .hs-fieldtype-booleancheckbox label input[type=checkbox], .hs-wrapper .hs-form-checkbox label input[type=checkbox] {
            cursor: pointer;
            display: none
        }

            .hs-wrapper .hs-fieldtype-booleancheckbox label input[type=checkbox]:checked ~ span:before, .hs-wrapper .hs-form-checkbox label input[type=checkbox]:checked ~ span:before {
                display: none
            }

            .hs-wrapper .hs-fieldtype-booleancheckbox label input[type=checkbox]:checked ~ span:after, .hs-wrapper .hs-form-checkbox label input[type=checkbox]:checked ~ span:after {
                display: block;
                opacity: 1
            }

.hs-wrapper .hs-form-checkbox {
    margin-bottom: 16px
}