body {
}
body
{
    color: #373433;
    --bs-link-color: #373433;
    --bs-link-hover-color: #373433;
    font-size: 16px !important;
    line-height: 22px !important;
}

.row
{
    --bs-gutter-y: 50px;
}

body p
{
    font-size: 18px;
    line-height: 22px;
}

body small
{
    line-height: 22px;
    font-size: 13px;
}

body main a
{
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    text-decoration: underline;
}

body .ul-border
{
    padding-left: 10px;
    padding-bottom: 18px;
    margin: 0 auto;
}

    body .ul-border li
    {
        padding: 5px 10px 5px 23px;
        margin: 0;
        vertical-align: middle;
        text-align: left;
        font-size: 18px;
        margin-left: 7px;
    }

body h3
{
    color: #373433;
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 8px;
}

.header__nav__trailing-text p a
{
    font-size: 24px;
    line-height: 33px
}

body .block-1
{
    padding-top: 50px;
}

    body .block-1 .header-1 .title
    {
        text-align: center;
        font-size: 28px;
        color: #373433;
        font-weight: bold;
        line-height: 30px;
    }

body .block-2 h3
{
    padding-bottom: 10px;
}

body .block-4
{
    padding: 50px 20px 50px 20px;
    border: solid 2px #2FCFA0;
}

    body .block-4 h3
    {
        font-size: 36px;
        line-height: 43px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    body .block-4 a
    {
        font-size: 36px;
        line-height: 43px;
    }

body .block-6
{
    background: #D5F5EC;
    padding: 50px 20px 50px 20px;
    margin-bottom: 72px;
    display: flex;
    align-items: center;
}

    body .block-6 img
    {
        margin-right: 30px;
    }

body .EPiServerForms
{
    background: #D5F5EC;
    padding: 15px;
    padding-bottom: 32px;
    position: relative;
}

@media (min-width: 576px)
{
    .formcontainerblock
    {
        margin-left: 50px;
        width: calc(50% - 50px);
    }
}

body .EPiServerForms .Form__Status:has(.hide)
{
    display: none;
}

body .EPiServerForms .Form__Element .Form__Element__Caption
{
    min-width: 0;
}

body .EPiServerForms .FormTextbox .FormTextbox__Input
{
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

body .EPiServerForms .FormSubmitButton
{
    outline: none;
    border: none;
    padding: 0.5rem 2rem;
    border-radius: 5px;
    margin: 40px auto 20px !important;
    background: #373433;
    color: #fff;
    font-family: 'Just Script Web';
    font-size: 24px;
    line-height: 22px;
    display: block;
}

body .EPiServerForms .field-set-block
{
    margin-bottom: 0;
}

    body .EPiServerForms .field-set-block fieldset > div
    {
        display: flex;
        flex-direction: row;
        gap: 10px;
    }

        body .EPiServerForms .field-set-block fieldset > div .block
        {
            width: auto;
            flex: 1;
        }

p:has(#emailHelp)
{
    padding-right: 15px;
}

body .EPiServerForms .Form__Element
{
    margin: 0 0 8px 0;
}

body .EPiServerForms .FormTextbox .FormTextbox__Input
{
    margin-top: 8px;
}

@media (min-width: 1150px)
{
    .hero-section
    {
        min-height: 300px;
    }
}

.hero-section
{
    background-color: #82e2c6;
    padding: 20px 0px;
}

@media (min-width: 576px)
{
    .hero-section
    {
        background: url(/globalassets/microsite/hero-banner/seafoambanner-1.png);
        background-size: cover;
        background-position: right bottom;
    }
}

.trustpilot-widget
{
    padding: 20px 0px 0px 20px !important;
}

.hero-headline
{
    padding-left: 20px;
    letter-spacing: 1.11px;
    line-height: 5rem;
}

.EPiServerForms .Form__Element .Form__Element__ValidationError
{
    font-size: 13px;
    margin-top: 4px;
    color: #dc3545;
}

.Form__Title
{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

@media (min-width: 1100px)
{
    .section-wrapper .htmlblock
    {
        padding: 0;
    }

    .section-wrapper .formcontainerblock
    {
        padding: 0;
    }
}

body main .container
{
    max-width: 1020px;
}

.button-primary
{
    outline: none;
    border: none;
    padding: 0.5rem 2rem;
    border-radius: 5px;
    background: #373433;
    color: #fff;
    font-family: 'Just Script Web';
    font-size: 24px;
    line-height: 22px;
    display: block;
    width: fit-content;
    text-decoration: none;
    margin-left: 20px;
}

    .button-primary:hover
    {
        color: white;
    }

form .fa-info-circle
{
    display: none;
}

[id^=form-anchor]
{
    position: absolute;
    top: 0;
    transform: translateY(-25vh);
}

body .EPiServerForms .FormParagraphText:has(+ .FormSelection)
{
    margin-bottom: 2px;
}


body .EPiServerForms .FormSelection:has(+ .FormParagraphText)
{
    margin-bottom: 0;
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"]
{
    -moz-appearance: textfield;
}

    /* Optional: Remove up/down arrows in Edge Chromium */
    input[type="number"]::-ms-input-number-spin-box
    {
        display: none;
    }

body .EPiServerForms .FormSelection select
{
    width: 100%;
    padding: 6px 0;
    margin-top: 8px;
}