.remove-collapse-margin
{
    padding: .1px 0;
}
.diagonals
{
    position: absolute;
    width: 100vw;
    height: 15.625rem;
    z-index: 0;
}
.diagonals__base
{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f4f5f5;
}
.diagonals__base, .diagonals__triangle--left, .diagonals__triangle--right
{
    position: absolute;
}
.diagonals__triangle--left
{
    position: absolute;
    top: 100%;
    width: 100vw;
    height: 3.75rem;
    background-color: #f4f5f5;
}
@media(min-width: 1024px)
{
    .diagonals__triangle--left
    {
        height: 11.25rem;
    }
}
.diagonals__triangle--left:before
{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 3.75rem 0 0 100vw;
    z-index: 1;
}
@media(min-width: 1024px)
{
    .diagonals__triangle--left:before
    {
        border-top-width: 11.25rem;
    }
}
.diagonals__triangle--right
{
    width: 0;
    height: 0;
    right: 0;
    bottom: -3.75rem;
    border-color: transparent transparent #21c5c9;
    border-style: solid;
    border-width: 0 0 3.75rem 30vw;
    z-index: 0;
}
@media(min-width: 1024px)
{
    .diagonals__triangle--right
    {
        bottom: -11.25rem;
        border-width: 0 0 7.5rem 40vw;
    }
}
.diagonal-section
{
    margin-inline: 0;
    max-width: 100%;
}
:not(.container-ctype-shortcut)>.diagonal-section
{
    z-index: 1;
    position: relative;
}
:not(.container-ctype-shortcut)>.diagonal-section--white.diagonal-section-has-top
{
    padding-top: 1.5rem;
}
:not(.container-ctype-shortcut)>.diagonal-section--white.diagonal-section-has-bottom
{
    padding-bottom: 1.5rem;
}
:not(.container-ctype-shortcut)>.diagonal-section--dual-gradient
{
    z-index: 2;
    background: linear-gradient(180deg,#00afe1 0,#004178);
}
@media(max-width: 768.98px)
{
    :not(.container-ctype-shortcut)>.diagonal-section--dual-gradient:not(.has-content-top):not(.has-content-bottom)
    {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    :not(.container-ctype-shortcut)>.diagonal-section--dual-gradient:not(.has-content-top):not(.has-content-bottom):after, :not(.container-ctype-shortcut)>.diagonal-section--dual-gradient:not(.has-content-top):not(.has-content-bottom):before
    {
        content: none;
    }
    :not(.container-ctype-shortcut)>.diagonal-section--dual-gradient:not(.has-content-top):not(.has-content-bottom) .container-column:last-child:not(.is-offset-half)
    {
        position: relative;
        background: linear-gradient(180deg,#00afe1 0,#004178);
    }
}
:not(.container-ctype-shortcut)>.diagonal-section--dual-gradient:before
{
    z-index: -1;
}
:not(.container-ctype-shortcut)>.diagonal-section--white
{
    background-color: #fff;
}
:not(.container-ctype-shortcut)>.diagonal-section--gray
{
    background-color: #f4f5f5;
}
:not(.container-ctype-shortcut)>.diagonal-section--gray table
{
    background-color: transparent;
}
:not(.container-ctype-shortcut)>.diagonal-section--gray table td
{
    border-color: transparent;
}
:not(.container-ctype-shortcut)>.diagonal-section--blue
{
    background-color: #004178;
}
:not(.container-ctype-shortcut)>.diagonal-section--blue .button:focus, :not(.container-ctype-shortcut)>.diagonal-section--blue .button:hover
{
    background-color: #007495;
    border-color: #007495;
}
:not(.container-ctype-shortcut)>.diagonal-section--dark-red
{
    background-color: #cc0001;
}
:not(.container-ctype-shortcut)>.diagonal-section--dark-grey
{
    background-color: #191919;
}
:not(.container-ctype-shortcut)>.diagonal-section--dark-cyan
{
    background-color: #007495;
}
:not(.container-ctype-shortcut)>.diagonal-section--blue .content, :not(.container-ctype-shortcut)>.diagonal-section--blue .content *, :not(.container-ctype-shortcut)>.diagonal-section--blue .headline, :not(.container-ctype-shortcut)>.diagonal-section--dark-cyan .content, :not(.container-ctype-shortcut)>.diagonal-section--dark-cyan .content *, :not(.container-ctype-shortcut)>.diagonal-section--dark-cyan .headline, :not(.container-ctype-shortcut)>.diagonal-section--dark-grey .content, :not(.container-ctype-shortcut)>.diagonal-section--dark-grey .content *, :not(.container-ctype-shortcut)>.diagonal-section--dark-grey .headline, :not(.container-ctype-shortcut)>.diagonal-section--dark-red .content, :not(.container-ctype-shortcut)>.diagonal-section--dark-red .content *, :not(.container-ctype-shortcut)>.diagonal-section--dark-red .headline, :not(.container-ctype-shortcut)>.diagonal-section--dual-gradient .content, :not(.container-ctype-shortcut)>.diagonal-section--dual-gradient .content *, :not(.container-ctype-shortcut)>.diagonal-section--dual-gradient .headline
{
    color: #fff;
}
:not(.container-ctype-shortcut)>.diagonal-section--blue ul.uc-list li:before, :not(.container-ctype-shortcut)>.diagonal-section--blue ul:not([class]) li:before, :not(.container-ctype-shortcut)>.diagonal-section--dark-cyan ul.uc-list li:before, :not(.container-ctype-shortcut)>.diagonal-section--dark-cyan ul:not([class]) li:before, :not(.container-ctype-shortcut)>.diagonal-section--dark-grey ul.uc-list li:before, :not(.container-ctype-shortcut)>.diagonal-section--dark-grey ul:not([class]) li:before, :not(.container-ctype-shortcut)>.diagonal-section--dark-red ul.uc-list li:before, :not(.container-ctype-shortcut)>.diagonal-section--dark-red ul:not([class]) li:before, :not(.container-ctype-shortcut)>.diagonal-section--dual-gradient ul.uc-list li:before, :not(.container-ctype-shortcut)>.diagonal-section--dual-gradient ul:not([class]) li:before
{
    background-color: #fff;
}
:not(.container-ctype-shortcut)>.diagonal-section--blue .content table td, :not(.container-ctype-shortcut)>.diagonal-section--blue .content table th, :not(.container-ctype-shortcut)>.diagonal-section--dark-cyan .content table td, :not(.container-ctype-shortcut)>.diagonal-section--dark-cyan .content table th, :not(.container-ctype-shortcut)>.diagonal-section--dark-grey .content table td, :not(.container-ctype-shortcut)>.diagonal-section--dark-grey .content table th, :not(.container-ctype-shortcut)>.diagonal-section--dark-red .content table td, :not(.container-ctype-shortcut)>.diagonal-section--dark-red .content table th, :not(.container-ctype-shortcut)>.diagonal-section--dual-gradient .content table td, :not(.container-ctype-shortcut)>.diagonal-section--dual-gradient .content table th
{
    border-color: transparent;
}
:not(.container-ctype-shortcut)>.diagonal-section--blue table, :not(.container-ctype-shortcut)>.diagonal-section--dark-cyan table, :not(.container-ctype-shortcut)>.diagonal-section--dark-grey table, :not(.container-ctype-shortcut)>.diagonal-section--dark-red table, :not(.container-ctype-shortcut)>.diagonal-section--dual-gradient table
{
    background-color: transparent;
}
:not(.container-ctype-shortcut)>.diagonal-section--blue .content * a:not(.button), :not(.container-ctype-shortcut)>.diagonal-section--dark-cyan .content * a:not(.button), :not(.container-ctype-shortcut)>.diagonal-section--dark-grey .content * a:not(.button), :not(.container-ctype-shortcut)>.diagonal-section--dark-red .content * a:not(.button), :not(.container-ctype-shortcut)>.diagonal-section--dual-gradient .content * a:not(.button)
{
    font-weight: 700;
}
:not(.container-ctype-shortcut)>.diagonal-section--blue .content * a:not(.button) *, :not(.container-ctype-shortcut)>.diagonal-section--dark-cyan .content * a:not(.button) *, :not(.container-ctype-shortcut)>.diagonal-section--dark-grey .content * a:not(.button) *, :not(.container-ctype-shortcut)>.diagonal-section--dark-red .content * a:not(.button) *, :not(.container-ctype-shortcut)>.diagonal-section--dual-gradient .content * a:not(.button) *
{
    color: inherit;
}
:not(.container-ctype-shortcut)>.diagonal-section--blue .content * a:not(.button):hover
{
    color: #007495;
}
:not(.container-ctype-shortcut)>.diagonal-section--dual-gradient .content * a:not(.button)
{
    color: #00193c;
}
:not(.container-ctype-shortcut)>.diagonal-section--dual-gradient .content * a:not(.button):hover
{
    color: #5ecbea;
}
.container-ctype-shortcut
{
    padding-right: 0!important;
    padding-left: 0!important;
}
.container-ctype-shortcut>[class*=pt-]
{
    padding-top: 0!important;
}
.container-ctype-shortcut>[class*=pb-]
{
    padding-bottom: 0!important;
}
.container-ctype-shortcut>.diagonal-section[class*=has-text-]
{
    color: inherit!important;
}
.stage+.diagonal-section.diagonal-section-has-top
{
    margin-top: -8.75rem;
}
@media(min-width: 1024px)
{
    .stage+.diagonal-section.diagonal-section-has-top
    {
        margin-top: -10.6rem;
    }
}