.testimonial-release-form-heading {
    color: var(--Granite-Grey, #64666A);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    word-break: break-word;
    max-width: 76%;
}

.testimonial-release-form-heading span {
    color: var(--Red, #CF2030);
    display: inline-block;
}

.story-form-left-block {
    margin: 0 40px 0 0;
}

.sharemystorySignUP form.mktoForm .mktoButtonRow {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.testimonial-release-form-sub-heading {
    color: var(--Granite-Grey, #64666A);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 30px 0px;
}

.testimonial-withdraw-your-consent p {
    color: var(--Granite-Grey, #64666A);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 30px 0 60px;
}

.testimonial-withdraw-your-consent p a {
    color: var(--Red, #CF2030);
    display: inline-block;
}

.testimonial-withdraw-your-consent p a:hover {
    color: inherit;
    text-decoration: underline;
    text-underline-position: under;
}

.story-form-feature-image {
    margin: 0 0 65px;
}
.story-form-invite-content-block p {color: var(--Granite-Grey, #64666A);font-size: 24px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 0.72px;}
.story-form-invite-content-block p span {
    font-weight: 700;
}
.story-form-invite-block {
    border-radius: 24px;
    background: var(--True-White, #FFF);
    box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.16);
}

.story-form-invite-img {
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    overflow: hidden;
}
.story-form-feature-image img,
.story-form-invite-img img {
    width: 100%;
}
.story-form-invite-content-block {
    padding: 40px 45px 75px;
    border-bottom: 1px solid #C8C8C8;
}



.story-form-get-invite-link, .story-form-get-invite-link:hover,.story-form-get-invite-link:focus {
    border-radius: 32px;
    border: 2px solid var(--Red, #CF2030);
    background: var(--New-GD, linear-gradient(90deg, #CF2030 0%, #AB0E1C 100%));
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 8px 40px;
    display: inline-block;
    margin: 15px 0 0;
    text-decoration: none;
}
.story-successnet-main-sub-heading {
    color: var(--Red, #CF2030);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 10px;
}

.story-successnet-info p {
    color: var(--Granite-Grey, #64666A);
    font-family: "Helvetica Neue LT Std", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 30px;
}

.story-successnet-info {
    /* max-width: 265px; */
}
.story-form-success-net-block {
    padding: 72px 36px 100px;
}


/* Form CSS */
.story-form-right-block {
    border-radius: 24px;
    background: var(--Light-Sterling-Grey, #F2F2F2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    padding: 45px 39px;
}

html .cog-form__container, :root:root:root:root:root .cog-form__container {
    background: var(--Light-Sterling-Grey, #F2F2F2) !important;
}

html .cog-cognito--styled textarea, html .cog-cognito--styled select, html .cog-cognito--styled input[type=text], html .cog-cognito--styled [type=tel], html .cog-cognito--styled [type=password], html .cog-cognito--styled [type=date], html .cog-cognito--styled [type=email], html .cog-cognito--styled [type=url], html .cog-cognito--styled [type=time], :root:root:root:root:root .cog-cognito--styled textarea, :root:root:root:root:root .cog-cognito--styled select, :root:root:root:root:root .cog-cognito--styled input[type=text], :root:root:root:root:root .cog-cognito--styled [type=tel], :root:root:root:root:root .cog-cognito--styled [type=password], :root:root:root:root:root .cog-cognito--styled [type=date], :root:root:root:root:root .cog-cognito--styled [type=email], :root:root:root:root:root .cog-cognito--styled [type=url], :root:root:root:root:root .cog-cognito--styled [type=time] {
    border-radius: 4px;
    background: var(--True-White, #FFF);
    border: 0 !important;
    padding: 13px 10px 10px 20px !important;
    font-size: 16px !important;
    font-style: normal;
}

html .cog-label, :root:root:root:root:root .cog-label, html .cog-form legend, :root:root:root:root:root .cog-form legend, html .is-required .cog-label, :root:root:root:root:root .is-required .cog-label {
    color: var(--Granite-Grey, #64666A) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

:root:root:root .cog-cognito--styled.cog-cognito--protect-css div.cog-input {
    color: var(--Granite-Grey, #64666A);
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

html .cog-cognito--styled textarea, html .cog-cognito--styled select::placeholder,
html .cog-cognito--styled input[type=text]::placeholder, html .cog-cognito--styled [type=password]::placeholder,
html .cog-cognito--styled [type=date]::placeholder, html .cog-cognito--styled [type=email]::placeholder,
html .cog-cognito--styled [type=url]::placeholder, html .cog-cognito--styled [type=time]::placeholder,
:root:root:root:root:root .cog-cognito--styled textarea::placeholder,
:root:root:root:root:root .cog-cognito--styled select, :root:root:root:root:root .cog-cognito--styled input[type=text]::placeholder,
:root:root:root:root:root .cog-cognito--styled [type=tel], :root:root:root:root:root .cog-cognito--styled [type=password]::placeholder,
:root:root:root:root:root .cog-cognito--styled [type=date], :root:root:root:root:root .cog-cognito--styled [type=email]::placeholde,
:root:root:root:root:root .cog-cognito--styled [type=url]::placeholde, :root:root:root:root:root .cog-cognito--styled [type=time]::placeholder {
    color: var(--Sterling-Grey, #C8C8C8);
    font-family: "Helvetica Neue LT Std", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}


html .cog-cognito--styled .cog-body a, :root:root:root:root:root .cog-cognito--styled .cog-body a {
    color: var(--Red, #CF2030);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

html .cog-cognito--styled .cog-heading, :root:root:root:root:root .cog-cognito--styled .cog-heading {
    color: var(--Granite-Grey, #64666A);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

html .cog-html *:first-child, :root:root:root:root:root .cog-html *:first-child {
    color: var(--Granite-Grey, #64666A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

html .cog-html *:last-child, :root:root:root:root:root .cog-html *:last-child {
    color: var(--Granite-Grey, #64666A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
html .cog-html *:first-child, :root:root:root:root:root .cog-html em:first-child {font-style: italic;}

html .cog-cognito--styled .cog-button--no-style, :root:root:root:root:root .cog-cognito--styled .cog-button--no-style {
    color: var(--Granite-Grey, #64666A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0;
    margin: 4px 9px 0;
}

html .cog-cognito--styled .cog-signature__toggle-buttons [disabled], :root:root:root:root:root .cog-cognito--styled .cog-signature__toggle-buttons [disabled] {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    color: var(--Granite-Grey, #64666A);
    border: none;
}

html .cog-signature__toggle-buttons, :root:root:root:root:root .cog-signature__toggle-buttons {
    padding: 0 6px 0 0;
}

html .cog-cognito--styled .cog-button--primary, html .cog-cognito--styled .cog-page__navigation .cog-button, :root:root:root:root:root .cog-cognito--styled .cog-button--primary, :root:root:root:root:root .cog-cognito--styled .cog-page__navigation .cog-button {
    border-radius: 32px;
    border: 2px solid var(--Red, #CF2030);
    background: var(--New-GD, linear-gradient(90deg, #CF2030 0%, #AB0E1C 100%));
    padding: 6px 92px !important;
    display: block;
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
}

:root:root:root:root:root .cog-cognito--styled .cog-page__navigation .cog-button span.cog-button__text {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
button.el-button.cog-button--has-status.cog-button--save.cog-button--secondary.cog-button--navigation.el-button--default.cog-button {
    display: none;
    padding: 0;
}
:root:root:root:root:root .cog-cognito--styled .cog-page__navigation .cog-button:nth-child(2) {
    padding: 0;
    display: none;
}

html .cog-page__navigation, :root:root:root:root:root .cog-page__navigation {
    justify-content: center !important;
}
html .cog-upload .el-upload-dragger>div, :root:root:root:root:root .cog-upload .el-upload-dragger>div {
    border: none !important;
    background: #fff !important;
    padding: 10px !important;
}

html .cog-upload:not(.is-read-only), :root:root:root:root:root .cog-upload:not(.is-read-only) {
    border: 0 !important;
    padding: 0 !important;
}

html .cog-cognito--styled .cog-button__icon, html .cog-cognito--styled .cog-button__text, :root:root:root:root:root .cog-cognito--styled .cog-button__icon, :root:root:root:root:root .cog-cognito--styled .cog-button__text {
    color: var(--Granite-Grey, #64666A);
    font-family: "Helvetica Neue LT Std", Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

html .cog-cognito--styled .cog-button--secondary, :root:root:root:root:root .cog-cognito--styled .cog-button--secondary {
    border-radius: 4px !important;
    border: 1px solid var(--Red, #CF2030) !important;
    padding: 5px 16px !important;
}

.submit-your-story-form-page {
    padding: 40px 0;
}

.sharemystorySignUP .mktoForm .mktoOffset,
.sharemystorySignUP .mktoForm .mktoGutter{
    width: 0 !important;
}
.sharemystorySignUP form.mktoForm .mktoFieldDescriptor.mktoFormCol,
.sharemystorySignUP .mktoForm .mktoFieldWrap,
.sharemystorySignUP form#mktoForm_1621,
.sharemystorySignUP input#Email {
    width: 100% !important;
}
.sharemystorySignUP form#mktoForm_1620 {
    width: auto;
}


@media only screen and (max-width: 1199px) {
    .testimonial-release-form-heading {
        font-size: 26px;
        max-width: 100%;
    }

    .testimonial-release-form-sub-heading,
    .story-form-invite-content-block p,
    .story-form-get-invite-link, .story-form-get-invite-link:hover,
    .story-form-get-invite-link:focus {
        font-size: 18px;
    }

}
@media only screen and (max-width: 991px) {
    .testimonial-release-form-heading {
        font-size: 18px;
        max-width: 100%;
        margin: 0 0 0 13px;
    }

    .story-form-left-block {
        margin: 0;
    }

    .submit-your-story-form-page {
        padding: 30px 0;
    }

    .testimonial-release-form-sub-heading {
        font-size: 14px;
        margin: 17px 13px;
    }

    .story-form-invite-content-block {
        padding: 22px 17px 28px 21px;
        display: flex;
        align-items: flex-start;
    }

    .story-form-invite-content-block p {
        font-size: 16px;
    }

    .story-form-get-invite-link, .story-form-get-invite-link:hover, .story-form-get-invite-link:focus {
        font-size: 14px;
        padding: 7px 20px;
        min-width: 135px;
        margin: 0 0 0 12px;
    }

    .story-form-success-net-block {
        padding: 17px 30px 36px 31px;
    }

    .submit-your-story-form-page .col-md-6 {
        padding: 0 16px;
    }
    .story-form-right-block {
        padding: 40px 25px 50px;
    }

    .story-form-feature-image {
        margin: 0 0 21px;
    }
    form.mktoForm button.mktoButton::before {
        font-size: 25px !important;
    }
    form.mktoForm .mktoButtonWrap.mktoThoughtbot button.mktoButton,
    form.mktoForm span.mktoButtonWrap.mktoNext button.mktoButton {
        height: 35px;
    }
    html .cog-cognito--styled .cog-button--primary, html .cog-cognito--styled .cog-page__navigation .cog-button, :root:root:root:root:root .cog-cognito--styled .cog-button--primary, :root:root:root:root:root .cog-cognito--styled .cog-page__navigation .cog-button {
        max-width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .story-form-right-block {
        margin: 20px 0 50px;
    }

}