*,
:after,
:before {
    box-sizing: border-box
}

.disable-focus-styles :focus {
    outline: none
}

* {
    box-sizing: border-box;
    margin: 0;
    outline: 0;
    padding: 0
}

:after,
:before {
    box-sizing: inherit
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

template {
    display: none
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: transparent
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-size-adjust: none
}

audio,
iframe,
img,
object,
video {
    max-width: 100%
}

iframe,
img {
    border: 0
}

img {
    display: inline-block;
    height: auto;
    vertical-align: middle
}

[style*=background-image],
img {
    image-rendering: -webkit-optimize-contrast
}

b,
strong {
    font-weight: 700
}

address {
    font-style: normal
}

svg:not(:root) {
    overflow: hidden
}

a,
button,
input[type=button],
input[type=file],
input[type=image],
input[type=reset],
input[type=submit],
label[for] {
    cursor: pointer
}

a[href^=tel],
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

a[href^=tel],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    appearance: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    appearance: none
}

textarea {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

button,
select {
    text-transform: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

nav ol,
nav ul {
    list-style: none outside none
}

input::placeholder {
    color: inherit;
    opacity: 1
}

textarea::placeholder {
    color: inherit;
    opacity: 1
}

input:-webkit-autofill {
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

input[type=button],
input[type=date],
input[type=email],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
textarea {
    appearance: none
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input::placeholder {
    opacity: 1 !important
}

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

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent
}

textarea {
    border-radius: 0
}

html {
    font-size: 62.5%
}

body {
    background: #fff;
    min-width: 320px
}

a {
    color: inherit;
    text-decoration: underline
}

a:hover,
a[href^=tel] {
    text-decoration: none
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .64em
}

blockquote,
dl,
hr,
ol,
p,
table,
ul {
    margin-bottom: 1.28em
}

blockquote:last-child,
dl:last-child,
h1:last-child,
h1[class],
h2:last-child,
h2[class],
h3:last-child,
h3[class],
h4:last-child,
h4[class],
h5:last-child,
h5[class],
h6:last-child,
h6[class],
ol:last-child,
p:last-child,
table:last-child,
ul:last-child {
    margin-bottom: 0
}

.clear:after {
    clear: both;
    content: "";
    display: table;
    line-height: 0
}

.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.notext {
    overflow: hidden;
    text-indent: 100%;
    text-shadow: none;
    white-space: nowrap
}

.notext-old {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px
}

.hidden,
[hidden] {
    display: none
}

.disabled,
[disabled] {
    cursor: default
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px),
screen and (max-width:812px) and (orientation:landscape) {
    .hidden-xs {
        display: none !important
    }

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:767.02px) and (max-width:1023px) {
    .hidden-sm {
        display: none !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1023.02px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1199.02px) {
    .hidden-lg {
        display: none !important
    }

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }
}

.shell {
    --shell-max-width: 155.2rem;
    --shell-gutter: 1.5rem
}

.grid {
    --grid-cols: 1;
    --grid-gutter-x: 2rem;
    --grid-gutter-y: 2rem;
    display: grid;
    gap: var(--grid-gutter-x) var(--grid-gutter-y);
    grid-template-columns: repeat(var(--grid-cols), 1fr)
}

.grid--size-1of2 {
    --grid-cols: 2
}

.grid--size-1of3 {
    --grid-cols: 3
}

.grid--size-1of4 {
    --grid-cols: 4
}

.grid--size-1of5 {
    --grid-cols: 5
}

.grid--size-1of6 {
    --grid-cols: 6
}

.no-padding-top {
    padding-top: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.row-fluid {
    width: 100%;
    *zoom: 1
}

.row-fluid:after,
.row-fluid:before {
    content: "";
    display: table
}

.row-fluid:after {
    clear: both
}

.row-fluid [class*=span] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    min-height: 1px;
    width: 100%
}

.row-fluid [class*=span]:first-child {
    margin-left: 0
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%
}

.container-fluid {
    *zoom: 1
}

.container-fluid:after,
.container-fluid:before {
    content: "";
    display: table
}

.container-fluid:after {
    clear: both
}

@media (max-width:767px) {
    .row-fluid {
        width: 100%
    }

    .row-fluid [class*=span] {
        display: block;
        float: none;
        margin-left: 0;
        width: auto
    }
}

@media (min-width:768px) and (max-width:1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1
    }

    .row-fluid:after,
    .row-fluid:before {
        content: "";
        display: table
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*=span] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        float: left;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        min-height: 1px;
        width: 100%
    }

    .row-fluid [class*=span]:first-child {
        margin-left: 0
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%
    }
}

@media (min-width:1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1
    }

    .row-fluid:after,
    .row-fluid:before {
        content: "";
        display: table
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*=span] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        float: left;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        min-height: 1px;
        width: 100%
    }

    .row-fluid [class*=span]:first-child {
        margin-left: 0
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%
    }
}

.clearfix {
    *zoom: 1
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.hide {
    display: none
}

.show {
    display: block
}

.hidden,
.invisible {
    visibility: hidden
}

.hidden {
    display: none
}

.hidden-desktop,
.visible-phone,
.visible-tablet {
    display: none !important
}

@media (max-width:767px) {
    .visible-phone {
        display: inherit !important
    }

    .hidden-phone {
        display: none !important
    }

    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:1139px) {
    .visible-tablet {
        display: inherit !important
    }

    .hidden-tablet {
        display: none !important
    }

    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }
}

_coc.content-wrapper {
    margin: 0 auto;
    padding: 0 20px
}

.dnd-section>.row-fluid {
    margin-left: auto;
    margin-right: auto
}

.dnd-section .dnd-column {
    padding-left: 0;
    padding-right: 0
}

.container {
    margin: 0 auto;
    overflow: visible;
    padding: 0 25px
}

.flex {
    display: flex
}

@media screen and (max-width:768px) {
    .mobile-col {
        flex-direction: column
    }

    .dnd-section .dnd-column {
        padding-left: 0;
        padding-right: 0
    }
}

.btn,
.hs-button {
    align-items: center;
    appearance: none;
    cursor: pointer;
    display: inline-flex;
    justify-content: space-between;
    max-width: 100%;
    text-decoration: none;
    transition: .4s;
    vertical-align: middle;
    --padding: 1.2rem 2.4rem;
    --fweight: 700;
    background-color: var(--bg-color);
    border: var(--border);
    border-radius: var(--border-radius);
    color: var(--text-color);
    font-size: var(--fsize);
    font-weight: var(--fweight) !important;
    letter-spacing: .01em;
    padding: var(--padding)
}

.btn span,
.hs-button span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.btn figure,
.hs-button figure {
    display: inline-block;
    line-height: 1;
    margin-left: 2rem;
    vertical-align: middle
}

.link {
    align-items: center;
    display: inline-flex;
    text-decoration: none;
    transition: .4s;
    --f-size: 1.6rem;
    --f-weight: 800;
    color: var(--text-color);
    font-size: var(--f-size);
    font-weight: var(--f-weight)
}

.link,
.link span {
    vertical-align: middle
}

.link span {
    display: inline-block
}

.btn .chevron-left,
.btn .chevron-right,
.link .chevron-left,
.link .chevron-right {
    background-color: var(--text-color);
    display: inline-block;
    height: 1.6rem;
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' fill='none'%3E%3Cpath fill='%23fff' d='M1.79.954a.796.796 0 0 0-.524 1.41l4.868 4.17-4.868 4.169a.795.795 0 1 0 1.033 1.204l5.574-4.769a.795.795 0 0 0 0-1.21L2.299 1.155a.8.8 0 0 0-.51-.2Z'/%3E%3C/svg%3E");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 1rem auto;
    transition: .4s;
    width: 1.6rem
}

.btn .chevron-left,
.link .chevron-left {
    transform: rotate(180deg)
}

.btn span+i,
.link span+i {
    margin: 0 -.6rem 0 .6rem
}

.btn i:first-child,
.link i:first-child {
    margin: 0 .6rem 0 -.6rem
}

.btn.scroll-to {

    &.btn .chevron-left,
    &.btn .chevron-right,
    &.link .chevron-left,
    &.link .chevron-right {
        transform: rotate(90deg)
    }
}

.btn--block {
    display: block;
    padding-inline: 0;
    text-align: center
}

.btn--small {
    font-size: 1.6rem;
    --padding: 1.0rem 2.0rem;
    border-radius: 1.3rem
}

.btn--white {
    background-color: transparent;
    border-color: var(--text-color);

    &:hover {
        background-color: var(--text-color);
        color: var(--bg-color)
    }
}

.btn--outline {
    background-color: transparent;
    color: var(--bg-color);

    &:hover {
        background-color: #cee3ff
    }
}

@media (max-width:767px) {

    .btn figure,
    .hs-button figure {
        margin-left: 1.5rem
    }
}

.actions-list {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    margin: -.8rem
}

.actions-list li {
    padding: .8rem
}

.form label {
    --font: 16px "Manrope", sans-serif;
    --f-weight: 700;
    --color: #003055;
    display: inline-block;
    letter-spacing: .02em;
    margin-bottom: .6rem
}

.form input:not(.hs-button),
.form select,
.form textarea {
    --bg: #c8cdd9;
    --height: 4.9rem;
    --border-radius: .4rem;
    --border: 0 solid var(--c-base) --placeholder-color:var(--c-copy-2)
}

.form label {
    color: var(--text-color)
}

.form input:not(.hs-button),
.form select,
.form textarea {
    background-color: var(--bg-color);
    border: var(--border);
    border-radius: var(--border-radius);
    color: var(--text-color);
    height: var(--height);
    padding: .4rem 1.6rem;
    transition: .4s;
    width: 100%
}

.form input:not(.hs-button):focus,
.form select:focus,
.form textarea:focus {
    border-color: #146deb
}

.form input:not(.hs-button)::placeholder,
.form select::placeholder,
.form textarea::placeholder {
    color: var(--placeholder-color)
}

.form input:not(.hs-button):focus,
.form select:focus,
.form textarea:focus {
    box-shadow: 0 0 .1rem .1rem var(--c-copy-2)
}

.hs-form-field {
    margin-bottom: 2.4rem
}

.form textarea {
    min-height: 11.2rem
}

.no-list {
    list-style-type: none
}

.no-list label {
    color: red;
    font-size: 1.6rem !important
}

.form .hs-form-booleancheckbox {
    margin-top: -.9rem
}

.form .hs-form-booleancheckbox label {
    font-size: 1.4rem !important;
    position: relative
}

.form .hs-form-booleancheckbox .hs-input {
    display: none !important
}

.form .hs-fieldtype-booleancheckbox .inputs-list {
    list-style-type: none !important
}

.form .hs-fieldtype-booleancheckbox .inputs-list label>span {
    display: inline-block;
    font-family: var(--ff-inter);
    font-weight: 600;
    letter-spacing: 0;
    padding-left: 4rem;
    position: relative;
    vertical-align: top
}

.form .hs-fieldtype-booleancheckbox .inputs-list label>span:before {
    background-color: #fff;
    border-radius: .3rem;
    content: "";
    height: 2rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 2rem
}

.form .hs-fieldtype-booleancheckbox .inputs-list label>span:after {
    background-image: url(/wp-content/themes/nibble/assets/svgs/vector.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 2rem;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 2rem
}

.form .hs-fieldtype-booleancheckbox .inputs-list label input:checked+span:before {
    opacity: 0;
    visibility: hidden
}

.form .hs-fieldtype-booleancheckbox .inputs-list label input:checked+span:after {
    opacity: 1;
    visibility: visible
}

.form .actions {
    margin-top: 3.5rem;
    text-align: center
}

.form .actions .hs-button {
    background-image: url(/wp-content/themes/nibble/assets/svgs/ico-arrow-btn.svg);
    background-position: right 2.2rem center;
    background-repeat: no-repeat;
    background-size: 2.1rem 1.6rem;
    padding-right: 5.4rem;
    position: relative
}

@media (max-width:767px) {
    .form .hs-fieldtype-booleancheckbox .inputs-list label {
        display: flex
    }

    .form .actions {
        margin-top: 4rem
    }

    .form .actions .hs-button {
        background-position: right 6.7rem center;
        display: block;
        width: 100%
    }

    .form .hs-fieldtype-file .hs-field-desc,
    .form input:not(.hs-button),
    .form select,
    .form textarea {
        font-size: 1.6rem !important
    }
}

.nav>ul {
    display: flex
}

.nav li {
    margin-left: .3rem;
    position: relative
}

.nav li:first-child {
    margin-left: 0
}

.nav>ul>li>a {
    border-radius: 2.4rem;
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 1rem 1.6rem;
    text-decoration: none;
    transition: background-color .3s, color .3s
}

.nav>ul>li:hover>a {
    background-color: #ebf3ff;
    color: #001533
}

.nav .has-dropdown:hover .dropdown {
    opacity: 1;
    visibility: visible
}

@media (max-width:1023px) {
    .nav>ul {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .nav>ul>li,
    .nav>ul>li>a {
        text-align: center
    }

    .nav>ul>li>a {
        color: #1f262e;
        display: inline-block
    }
}

.dropdown {
    background-color: transparent;
    left: -6.8rem;
    min-width: 40rem;
    opacity: 0;
    padding-top: 2.2rem;
    position: absolute;
    top: 100%;
    visibility: hidden
}

.dropdown .dropdown__inner {
    background-color: #fff;
    border-radius: 1.6rem;
    box-shadow: 0 8px 16px -5px rgba(129, 148, 166, .5);
    font-size: 1.4rem;
    padding: 2rem 2.4rem
}

.dropdown a {
    text-align: left;
    text-decoration: none
}

.dropdown h6 {
    color: #263344;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: .4rem
}

.dropdown .dropdown__item {
    margin-bottom: 1.6rem
}

.dropdown .dropdown__item:last-child {
    margin-bottom: 0
}

.dropdown .dropdown__item a {
    border-radius: .6rem;
    display: block;
    padding: 1.2rem 1.2rem 1.2rem 6rem;
    position: relative;
    transition: background-color .3s
}

.dropdown .dropdown__item a:hover {
    background-color: #ebf3ff
}

.dropdown .dropdown__item figure {
    left: 1.2rem;
    position: absolute;
    top: 1.2rem
}

.dropdown .dropdown__item p {
    color: #263344;
    font-family: Inter, serif
}

@media (max-width:1023px) {
    .dropdown {
        display: none;
        max-width: 100%;
        opacity: 1;
        padding-top: 0;
        position: static;
        visibility: visible
    }
}

.shell {
    --shell-max-width: 109.2rem;
    --shell-gutter: 2.4rem;
    margin-inline: auto;
    max-width: calc(var(--shell-max-width) + var(--shell-gutter)*2);
    padding-inline: var(--shell-gutter);
    width: 100%
}

.shell--fluid {
    max-width: none
}

.shell--size-1 {
    --shell-max-width: 144rem
}

.cards {
    column-gap: 4.8rem;
    display: flex;
    justify-content: space-between
}

.cards--alt {
    column-gap: 6.4rem
}

.cards .cards__item {
    flex: 1
}

.card {
    border-radius: 1.6rem;
    box-shadow: 0 8px 16px -5px rgba(129, 148, 166, .5);
    padding: 4.8rem 4rem;
    transition: box-shadow .3s ease;

    &:hover {
        box-shadow: 0 12px 24px -5px rgba(129, 148, 166, .5)
    }
}

.card .card__image {
    margin-bottom: 2rem
}

.card .card__content h3,
.card .card__content h4 {
    margin-bottom: 1.7rem
}

.card .card__content p {
    color: #263344;
    font-family: Inter, serif
}

.card .card__footer {
    margin-top: 3.3rem
}

.card--dark {
    background-color: #001533;
    border: .2rem solid #044093;
    box-shadow: 0 12px 24px -5px rgba(129, 148, 166, .5)
}

.card--dark .card__content h4 {
    color: #fff
}

.card--dark .card__content p {
    color: #b0d3ff
}

@media (max-width:1023px) {
    .cards {
        flex-wrap: wrap;
        gap: 2.4rem
    }
}

@media (max-width:767px) {
    .cards {
        flex-direction: column
    }

    .card .card__content {
        height: auto !important
    }

    .card .card__content h3,
    .card .card__content h4 {
        margin-bottom: 1rem
    }

    .card .card__footer {
        margin-top: 2.3rem
    }

    .card .btn {
        display: block;
        text-align: center
    }

    .card--dark {
        padding: 2.8rem 3rem
    }

    .card--dark .card__content h4 {
        font-size: 2.4rem
    }

    .cards--alt {
        column-gap: 0;
        row-gap: 1.6rem
    }
}

.section-highlight {
    background-color: #001533;
    border-bottom-right-radius: 12.8rem;
    border-top-left-radius: 12.8rem;
    color: #fff;
    overflow: hidden;
    padding: 10rem 0 9.6rem;
    position: relative
}

.section-highlight .section__head {
    color: #95c4ff;
    margin-bottom: 4.8rem;
    text-align: center
}

.section-highlight .section__head h2 {
    color: #95c4ff;
    margin-bottom: 1.6rem
}

.section-highlight .section__head--white h2,
.section-highlight .section__head--white h6 {
    color: #fff
}

.section-highlight .section__cols {
    column-gap: 12.8rem;
    display: flex
}

.section-highlight .section__col--size-1 {
    flex: 1
}

.section-highlight .section__col h2 {
    color: #fff;
    margin-bottom: 2.3rem
}

.section-highlight .shell {
    position: relative;
    z-index: 1
}

.section-highlight .section__background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.section-highlight .section__background img {
    bottom: -28rem;
    left: -52rem;
    position: absolute
}

.section-highlight .section__group+.section__group {
    margin-top: 8.4rem
}

@media (max-width:1023px) {
    .section-highlight .section__cols {
        column-gap: 4rem
    }
}

@media (max-width:767px) {
    .section-highlight {
        border-bottom-right-radius: 4rem;
        border-top-left-radius: 4rem;
        padding: 4rem 0
    }

    .section-highlight .section__head {
        margin-bottom: 4rem
    }

    .section-highlight .section__cols {
        column-gap: 0;
        flex-direction: column
    }

    .section-highlight .section__col h2 {
        font-size: 3.2rem;
        margin-bottom: 3.3rem;
        text-align: center
    }

    .section-highlight .section__col+.section__col {
        margin-top: 6rem
    }

    .section-highlight .list-services {
        margin-bottom: 2rem
    }

    .section-highlight .section__background img {
        bottom: -4rem;
        left: 0
    }

    .section-highlight .section__group+.section__group {
        margin-top: 4rem
    }
}

.list-services {
    list-style-type: none
}

.list-services li {
    padding: 3.2rem 0 3.2rem 9.6rem;
    position: relative
}

.list-services img {
    left: .2rem;
    position: absolute;
    top: 3.5rem
}

.list-services h5 {
    color: #fff;
    font-weight: 800;
    margin-bottom: .8rem
}

.list-services p {
    color: #b0d3ff;
    font-family: var(--ff-inter);
    letter-spacing: 0;
    padding-right: .5rem
}

@media (max-width:767px) {
    .list-services li {
        margin-bottom: 4rem;
        padding: 0
    }

    .list-services img {
        margin-bottom: 2rem;
        position: static
    }
}

.services {
    column-gap: 6.4rem;
    display: flex
}

.services .services__item {
    flex: 1
}

.service {
    padding: .6rem 2.2rem .6rem 13rem;
    position: relative
}

.service .service__image {
    left: 0;
    position: absolute;
    top: 0
}

.service .service__content h5 {
    margin-bottom: 1.3rem
}

.service .service__content p {
    color: #263344;
    font-family: var(--ff-inter)
}

.service .service__foot {
    margin-top: 2.4rem
}

@media (max-width:1023px) {
    .services {
        column-gap: 4rem
    }

    .service {
        padding-left: 9rem
    }
}

@media (max-width:767px) {
    .services {
        flex-direction: column
    }

    .services .services__item+.services__item {
        margin-top: 4rem
    }

    .service {
        padding: 0
    }

    .service .service__image {
        margin-bottom: 1.6rem;
        position: relative
    }
}

.section-cta {
    background-color: #001533;
    border-bottom-right-radius: 12.8rem;
    border-top-left-radius: 12.8rem;
    color: #fff;
    overflow: hidden;
    padding: 9.6rem 0;
    position: relative
}

.section-cta .section__head {
    color: #fff;
    margin-bottom: 4.8rem;
    text-align: center
}

.section-cta .section__head h2 {
    color: #fff;
    margin-bottom: 1.8rem
}

.section-cta .section__head p {
    font-size: 2rem
}

.section-cta .section__actions {
    margin-top: 5.5rem;
    text-align: center
}

.section-cta .section__actions .btn+.btn {
    margin-left: 2.1rem
}

.section-cta .section__foot {
    color: #fff;
    font-size: 2rem;
    margin-top: 7.2rem;
    text-align: center
}

.section-cta .section__foot p a {
    color: #95c4ff;
    font-weight: 700;
    text-decoration: underline
}

.section-cta .section__foot h3 {
    color: #fff;
    margin-bottom: 2rem
}

.section-cta .section__foot h5 {
    color: #fff;
    margin-bottom: 1.5rem
}

.section-cta .section__background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.section-cta .shell {
    position: relative;
    z-index: 1
}

.section-cta .section__background img {
    position: absolute
}

.section-cta .section__background img:first-child {
    right: -33rem;
    top: -54rem
}

.section-cta .section__background img:nth-child(2) {
    bottom: -34rem;
    left: -42rem
}

@media (max-width:767px) {
    .section-cta {
        border-bottom-right-radius: 4rem;
        border-top-left-radius: 4rem;
        padding: 4rem 0
    }

    .section-cta .section__head {
        margin-bottom: 4.8rem
    }

    .section-cta .section__head h2 {
        font-size: 4rem
    }

    .section-cta .section__foot {
        margin-top: 4.8rem
    }

    .section-cta .section__foot h3 {
        font-size: 2.4rem
    }

    .section-cta .section__foot p {
        font-size: 1.8rem
    }

    .section-cta .section__background img:first-child {
        right: -10rem;
        top: -9rem
    }

    .section-cta .section__background img:nth-child(2) {
        bottom: -6rem;
        left: -19rem
    }

    .section-cta .btn {
        display: block
    }

    .section-cta .section__actions .btn+.btn {
        margin-left: 0;
        margin-top: 2.4rem
    }
}

.list-logos {
    column-gap: 3.36rem;
    display: flex;
    justify-content: space-between;
    list-style-type: none
}

.list-logos li {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    text-align: center
}

.list-logos li img {
    opacity: .7
}

@media (max-width:767px) {
    .list-logos {
        column-gap: 1.9rem;
        flex-wrap: wrap;
        row-gap: 2.7rem
    }

    .list-logos li {
        flex: 0 0 calc(50% - 1.9rem);
        max-width: calc(50% - 1.9rem)
    }
}

.socials ul {
    list-style-type: none
}

.socials li {
    display: inline-block;
    margin-right: 1.5rem;
    vertical-align: middle
}

.socials a {
    transition: opacity .3s
}

.socials a:hover {
    opacity: .7
}

.socials li:last-child {
    margin-right: 0
}

.nav-trigger {
    display: none;
    height: 1.4rem;
    position: relative;
    width: 2.2rem
}

.nav-trigger span {
    background-color: #fff;
    height: .2rem;
    left: 0;
    position: absolute;
    top: 0;
    transition: top .3s, transform .3s, opacity .3s, background-color .3s;
    width: 100%
}

.nav-trigger span:first-child {
    top: 0
}

.nav-trigger span:nth-child(2) {
    top: .6rem
}

.nav-trigger span:nth-child(3) {
    top: 1.2rem
}

.nav-trigger.is-active span:first-child {
    background-color: #1976d2;
    top: .6rem;
    transform: rotate(45deg)
}

.nav-trigger.is-active span:nth-child(3) {
    background-color: #1976d2;
    top: .6rem;
    transform: rotate(-45deg)
}

.nav-trigger.is-active span:nth-child(2) {
    opacity: 0
}

@media (max-width:1023px) {
    .nav-trigger {
        display: inline-block
    }
}

.media {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative
}

@media (max-width:) {
    .media {
        padding-top: 46.35%
    }
}

@media (max-width:767px) {
    .media {
        padding-top: 56.25%
    }
}

.media .embed-container {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.media .embed-container iframe {
    height: 100%;
    width: 100%
}

.media[data-autoplay=false] .plyr--video:after {
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%
}

.media[data-autoplay=false] .plyr--video.plyr--playing:after {
    opacity: 0
}

.media video {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.media iframe {
    height: 56.25vw !important;
    left: 50%;
    max-width: unset;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important
}

@media (max-width:767px) {
    .media iframe {
        min-height: 100%
    }
}

.media .plyr--video {
    left: 0;
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: transform .3s
}

.media .plyr--video,
.media .plyr--video .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.media .plyr--video .plyr--video .plyr__controls {
    display: none !important
}

.media .plyr--video .plyr__control.plyr__control--overlaid {
    opacity: 0 !important;
    visibility: hidden !important
}

.media .plyr--video .player-hover {
    height: 100% !important;
    width: 100%
}

.media .plyr--video .plyr--vimeo iframe {
    height: 102% !important;
    min-height: 102%;
    min-width: 177.77vh;
    transform: translate(-50%, -50%)
}

.media .plyr--video .plyr--vimeo .plyr__video-embed__container {
    display: contents
}

.media .plyr--vimeo {
    height: 100%
}

.media .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    height: 101%;
    padding-bottom: 0;
    transform: translateY(0)
}

.media picture {
    height: 100%;
    width: 100%
}

.media img {
    height: 102%;
    left: -1%;
    max-width: 102%;
    object-fit: cover;
    position: absolute;
    top: -1%;
    transition: transform .3s, opacity .3s;
    width: 102%;
    z-index: 2
}

.media .media__video--mobile {
    display: none
}

@media (max-width:767px) {
    .media .media__video--mobile {
        display: block
    }

    .media .media__video--mobile+.media__video {
        display: none
    }
}

.media .js-play-btn {
    background-color: var(--c-base);
    border-radius: 50%;
    height: 4rem;
    left: 50%;
    position: absolute;
    text-decoration: none;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .3s, visibility .3s;
    width: 4rem;
    will-change: transform;
    z-index: 5
}

.media .js-play-btn img,
.media .js-play-btn svg {
    left: 53%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.media .js-play-btn:before {
    left: 40%
}

.media .js-play-btn:after,
.media .js-play-btn:before {
    background-color: #fff;
    content: "";
    height: 1.4rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .3s;
    width: 2px;
    z-index: 3
}

.media .js-play-btn:after {
    left: 60%
}

.media .js-play-btn.is-played img,
.media .js-play-btn.is-played svg {
    opacity: 0;
    visibility: hidden
}

.media .js-play-btn.is-played:after,
.media .js-play-btn.is-played:before {
    opacity: 1;
    visibility: visible
}

.media .js-play-btn.is-not-visible {
    opacity: 0;
    visibility: hidden
}

.media .plyr--video .plyr__controls {
    pointer-events: none
}

.media .plyr--video .plyr__controls>* {
    pointer-events: all
}

.media.is-played .plyr {
    opacity: 1
}

.media.is-played img {
    opacity: 0;
    pointer-events: none
}

.popup .slick-slider .slick-slide .media.pause {
    left: 99999px;
    position: relative
}

.popup .slick-slider .slick-current .media.play {
    left: 0
}

.video {
    border-radius: 1.6rem;
    height: 100%;
    overflow: hidden;
    padding-top: 56.5%;
    position: relative
}

.video .video__content video,
.video .video__poster,
.video .video__poster>img {
    border-radius: inherit;
    height: 100%;
    left: 50%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .2s;
    width: 100%;
    z-index: 1
}

.video .video__content video {
    display: block;
    height: auto;
    object-fit: contain;
    width: 100%
}

.video .video__poster {
    background-size: cover;
    z-index: 2
}

.video .video__poster:after {
    background-color: #245163;
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    opacity: .3;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: .4s;
    width: 100%;
    z-index: 2
}

.video .video__content {
    background-color: var(--black);
    opacity: 0;
    transition: all 0 .2s, opacity .2s
}

.video .video__poster span {
    background-color: #fff;
    border-radius: 1.7rem;
    color: #146deb;
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    left: 50%;
    padding: 1.4rem 2.4rem 1.3rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
}

.video .video__poster .ico-play {
    display: inline-block;
    margin-left: 1.3rem
}

.video.video-play {
    background-color: #000
}

.video.video-play .video__content {
    opacity: 1
}

.video.video-play .video__poster {
    opacity: 0;
    pointer-events: none
}

@media (hover:hover) {
    .video:where(:hover, :focus-visible) .video__poster:after {
        opacity: .5
    }
}

@media (max-width:767px) {
    .video .video__poster span {
        border-radius: 1.1rem;
        font-size: 1.6rem;
        padding: 1rem 1.9rem .9rem
    }
}

.features {
    column-gap: 6.4rem;
    counter-reset: feature;
    display: flex
}

.features .features__item {
    flex: 1
}

.feature .feature__head {
    counter-increment: feature;
    margin-bottom: 3.2rem;
    padding-left: 6.2rem;
    position: relative
}

.feature .feature__head:before {
    align-items: center;
    background-color: #95c4ff;
    border-radius: 1rem;
    color: #001533;
    content: counter(feature);
    display: inline-flex;
    font-size: 3.9rem;
    font-weight: 700;
    height: 4.9rem;
    justify-content: center;
    left: 0;
    line-height: 1;
    margin-right: 1rem;
    position: absolute;
    text-align: center;
    top: .3rem;
    width: 4.9rem
}

.feature .feature__content {
    font-family: var(--ff-inter)
}

.feature .feature__content h3 {
    color: #fff;
    margin-bottom: .8rem
}

.feature .feature__content p {
    color: #b0d3ff
}

@media (max-width:767px) {
    .features {
        flex-direction: column;
        row-gap: 5rem
    }

    .feature {
        text-align: center
    }

    .feature .feature__head {
        margin: 0 auto 2rem;
        max-width: 11.8rem
    }

    .feature .feature__content h3 {
        font-size: 2.4rem;
        margin-bottom: .8rem
    }

    .feature .feature__content p {
        font-size: 1.6rem
    }
}

.cases {
    column-gap: 6.4rem;
    display: flex
}

.cases .cases__item {
    flex: 1
}

.case {
    border: .2rem solid #2dbbaf;
    border-radius: 1.6rem;
    height: 100%;
    padding: 3.8rem
}

.case .case__tag {
    background-color: #2dbbaf;
    border-radius: 2.4rem;
    color: #111824;
    display: inline-block;
    font-family: var(--ff-inter);
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 2rem;
    padding: 1.2rem 1.6rem 1rem;
    text-transform: uppercase
}

.case .case__content h5 {
    color: #fff;
    margin-bottom: 1.3rem
}

.case .case__content p {
    color: #b0efe9;
    font-family: var(--ff-inter)
}

@media (max-width:767px) {
    .cases {
        column-gap: 0;
        flex-direction: column;
        row-gap: 1.6rem
    }

    .case {
        padding: 3.2rem
    }

    .case .case__tag {
        font-size: 1.2rem;
        padding: .7rem .8rem
    }

    .case .case__content h5 {
        margin-bottom: .8rem
    }
}

.section {
    padding: 8rem 0
}

.section .section__head {
    margin-bottom: 6.4rem;
    text-align: center
}

@media (max-width:767px) {
    .section {
        padding: 4rem 0
    }

    .section .section__head {
        margin-bottom: 4.2rem
    }
}

.list-partners {
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem;
    list-style-type: none
}

.list-partners li {
    align-items: center;
    background-color: #425165;
    border-radius: 1.6rem;
    color: #fff;
    display: flex;
    flex: 1 1 calc(25% - 2.4rem);
    font-size: 2rem;
    font-weight: 700;
    justify-content: space-between;
    padding: 1.3rem 1.6rem
}

.list-partners li p {
    margin-bottom: 0
}

@media (max-width:1023px) {
    .list-partners {
        row-gap: 1.6rem
    }

    .list-partners li {
        flex: 1 1 calc(50% - 2.4rem)
    }
}

@media (max-width:767px) {
    .list-partners li {
        flex: 1 1 calc(100% - 2.4rem)
    }
}

.product {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.product .product__image {
    flex: 0 0 53%;
    margin-left: -3.5rem;
    max-width: 53%
}

.product .product__content {
    flex: 0 0 47%;
    max-width: 47%;
    padding: 0 0 3.5rem .3rem
}

.product .product__content h5 {
    margin-bottom: 1.6rem
}

.product .product__price {
    font-size: 2.4rem;
    font-weight: 800
}

.product .product__actions {
    margin-top: 2.8rem;
    max-width: 23.7rem
}

.product .product__btn {
    background-color: #e0e6eb;
    border-color: #e0e6eb !important;
    border-radius: .8rem;
    color: #fff;
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1.8rem;
    padding: 1.6rem 2.4rem;
    text-align: center;
    text-transform: uppercase
}

@media (max-width:767px) {
    .product {
        flex-direction: column
    }

    .product .product__image {
        flex: 0 0 86%;
        margin-left: 0;
        max-width: 86%
    }

    .product .product__content {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        text-align: center
    }

    .product .product__content p {
        font-size: 1.8rem
    }

    .product .product__btn {
        padding: 1.3rem 2.4rem
    }
}

.section-blogs {
    padding: 7.3rem 0 .6rem;
    position: relative
}

.section-blogs .section__head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.2rem
}

.section-blogs .section__head h3 {
    margin-bottom: 0
}

.section-blogs .section__actions {
    margin: 6rem 0 9.1rem;
    text-align: center
}

.section-blogs .blogs .blogs__item:not(.section-blogs .blogs .blogs__item:nth-child(-n+9)) {
    display: none
}

.section-blogs.is-expanded .blogs .blogs__item:not(.section-blogs.is-expanded .blogs .blogs__item:nth-child(-n+9)) {
    display: block
}

.section-blogs.is-expanded .section__actions {
    opacity: 0;
    visibility: hidden
}

.section-blogs--detail {
    padding: 1.6rem 0
}

@media (max-width:1023px) {
    .section-blogs--detail {
        padding: 1.6rem 0 5rem
    }
}

.section-blogs--detail .section__inner {
    margin: 0 auto;
    max-width: 87rem;
    min-height: 98rem
}

@media (max-width:1023px) {
    .section-blogs--detail .section__inner {
        min-height: 0
    }
}

@media (max-width:767px) {
    .section-blogs .section__head {
        flex-direction: column
    }

    .section-blogs .section__head h3 {
        margin-bottom: 1rem
    }
}

.blogs .blogs__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -2.4rem -2rem
}

@media (max-width:1023px) {
    .blogs .blogs__items {
        margin: -2rem
    }
}

@media (max-width:767px),
screen and (max-width:812px) and (orientation:landscape) {
    .blogs .blogs__items {
        margin: 0
    }
}

.blogs .blogs__item {
    padding: 2.4rem 2rem;
    width: 33.33%
}

@media (max-width:1023px) {
    .blogs .blogs__item {
        padding: 2rem;
        width: 50%
    }
}

@media (max-width:767px),
screen and (max-width:812px) and (orientation:landscape) {
    .blogs .blogs__item {
        padding: 0;
        width: 100%
    }

    .blogs .blogs__item+.blogs__item {
        margin-top: 2rem
    }
}

.blog {
    background-color: #fff;
    border: .1rem solid #e0e6eb;
    border-radius: .8rem;
    overflow: hidden;
    position: relative;
    transition: .3s
}

.blog:hover {
    box-shadow: 0 1.6rem 3.2rem rgba(102, 128, 153, .15)
}

.blog h6 {
    color: #3d4d5c;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 1.4rem;
    text-transform: uppercase
}

.blog h5 {
    color: #3d4d5c;
    margin-bottom: 0
}

.blog .blog__image {
    background-size: cover;
    padding-top: 49%
}

.blog .blog__content {
    padding: 2.7rem 3.5rem 2.3rem
}

@media (max-width:767px),
screen and (max-width:812px) and (orientation:landscape) {
    .blog .blog__content {
        padding: 2.5rem 1.5rem
    }
}

.blog .blog__more {
    color: #1976d2;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: 1.2rem;
    position: relative;
    text-decoration: none;
    transform: opacity .3s;
    z-index: 5
}

.blog .blog__more:hover {
    opacity: .7
}

.blog .blog__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.link-alt {
    align-items: center;
    color: #1976d2;
    display: inline-flex;
    font-size: 1.8rem;
    font-weight: 700;
    transition: opacity .3s
}

.link-alt,
.link-alt span {
    text-decoration: none
}

.link-alt figure {
    align-items: center;
    display: flex
}

.link-alt span+figure {
    margin-left: 1rem
}

.hero-detail {
    padding: 22rem 0 7rem;
    position: relative
}

.hero-detail .hero__inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 5
}

@media (max-width:1023px) {
    .hero-detail .hero__inner {
        flex-direction: column-reverse
    }
}

.hero-detail .hero__inner h1 {
    margin: 0
}

.hero-detail .hero__content {
    max-width: 80%;
    width: 100%
}

@media (max-width:1023px) {
    .hero-detail .hero__content {
        margin-top: 3rem;
        width: 100%
    }
}

.hero-detail .hero__element {
    height: 100%;
    left: 0;
    position: absolute;
    top: 5rem;
    top: 0;
    width: 100%
}

.hero-detail .hero__element:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(237, 245, 253, .2)), to(#fff));
    background: -o-linear-gradient(bottom, rgba(237, 245, 253, .2) 0, #fff 100%);
    background: linear-gradient(0deg, rgba(237, 245, 253, .2), #fff);
    content: "";
    display: block;
    height: 5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hero-detail .hero__element img {
    height: 100% !important;
    width: 100%
}

@media (max-width:1023px) {
    .hero-detail .hero__element img {
        height: auto;
        width: auto
    }
}

.hero+.section-blogs--detail {
    margin-top: 0
}

.article-detail {
    font-size: 1.8rem
}

.article-detail .article__entry {
    line-height: 1.35
}

.article-detail .article__entry+.article__entry {
    margin-top: 4rem
}

@media (max-width:767px),
screen and (max-width:812px) and (orientation:landscape) {
    .article-detail .article__entry+.article__entry {
        margin-top: 3rem
    }
}

.article-detail .article__date {
    margin-bottom: 3.5rem
}

@media (max-width:767px),
screen and (max-width:812px) and (orientation:landscape) {
    .article-detail .article__date {
        margin-bottom: 3rem
    }
}

.article__entry label,
.form-contact--alt label {
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .6rem;
    vertical-align: middle
}

.article__entry legend,
.form-contact--alt legend {
    color: #668099;
    display: inline-block !important;
    font-size: 1.4rem;
    font-style: italic;
    font-weight: 400;
    margin: .5rem 0 0 1.1rem;
    vertical-align: middle;
    width: auto !important
}

.article__entry .inputs-list,
.inputs-list {
    list-style: none
}

.form-contact--alt input[type=checkbox],
.inputs-list input[type=checkbox] {
    display: inline-block !important;
    position: relative;
    top: .1rem
}

.article__entry input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.article__entry select,
.article__entry textarea,
.form-contact--alt input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.form-contact--alt select,
.form-contact--alt textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: .1rem solid #c2ccd6;
    border-radius: .8rem;
    cursor: pointer;
    font-size: 1.8rem;
    min-height: 5.6rem;
    padding: 0 1.8rem;
    position: relative;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    width: 100%
}

.main .form-contact--alt .hs-richtext {
    padding: 2rem 0
}

.main .form-contact--alt .hs-form-checkbox input,
.main .form-contact--alt .hs-form-radio input {
    margin-right: 1rem;
    position: relative;
    top: -1px
}

.form-contact--alt .actions input {
    min-height: 4.2rem
}

.article__entry input:focus,
.article__entry select:focus,
.article__entry textarea:focus,
.form-contact--alt input:focus,
.form-contact--alt select:focus,
.form-contact--alt textarea:focus {
    border-color: #1976d2;
    -webkit-box-shadow: 0 0 0 .2rem #1976d2;
    box-shadow: 0 0 0 .2rem #1976d2
}

.article__entry select,
.form-contact--alt select {
    padding: 0 4rem 0 1.8rem
}

.article__entry select::-ms-expand,
.form-contact--alt select::-ms-expand {
    display: none
}

.article__entry textarea,
.form-contact--alt textarea {
    min-height: 16.7rem;
    padding: 1.5rem 1.8rem
}

.article__entry .hs-fieldtype-select .input,
.form-contact--alt .hs-fieldtype-select .input {
    position: relative
}

.article__entry .hs-fieldtype-select .input:after,
.form-contact--alt .hs-fieldtype-select .input:after {
    background-image: url(/wp-content/themes/nibble/assets/svgs/arrow-down.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: .5rem;
    position: absolute;
    right: 2.4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1rem;
    z-index: 2
}

.article__entry .field+.field,
.article__entry .hs-dependent-field+.field,
.form-contact--alt .field+.field,
.form-contact--alt .hs-dependent-field+.field {
    margin-top: 3.5rem
}

.article__entry .field,
.form-contact--alt .field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.article__entry .input,
.form-contact--alt .input {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.article__entry .hs-submit,
.form-contact--alt .hs-submit {
    margin-top: 3.5rem;
    text-align: center
}

.article__entry .actions,
.form-contact--alt .actions {
    background-color: #1976d2;
    border-radius: 2.4rem;
    color: #fff;
    display: inline-block;
    padding: 0 7rem 0 2.8rem;
    position: relative;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

@media (hover:hover) and (pointer:fine) {

    .article__entry .actions:hover,
    .form-contact--alt .actions:hover {
        background-color: #0b66c1
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .article__entry .actions:hover,
    .form-contact--alt .actions:hover {
        background-color: #0b66c1
    }
}

.article__entry .actions:after,
.form-contact--alt .actions:after {
    background-image: url(/wp-content/themes/nibble/assets/svgs/ico-send.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 2rem;
    position: absolute;
    right: 3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2rem
}

.article__entry .actions input,
.form-contact--alt .actions input {
    background-color: transparent;
    border: none;
    color: inherit;
    font-size: 2rem;
    font-weight: 700;
    padding: 0;
    width: auto
}

.article__entry .hs-form-booleancheckbox .hs-input {
    appearance: auto;
    display: inline-block;
    float: none
}

.article__entry .legal-consent-container .hs-form-booleancheckbox-display>span {
    display: inline-block;
    margin-left: 1rem
}

.system-container {
    margin: 0 auto;
    min-height: calc(100vh - 300px);
    padding-top: 100px;
    width: 100%
}

.error-page {
    padding: 10rem 0;
    position: relative;
    text-align: center
}

.error-page:before {
    color: #f3f6f9;
    content: attr(data-error);
    font-size: 40vw;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: -1
}

@media screen and (min-width:1100px) {
    .error-page:before {
        font-size: 20rem
    }
}

.systems-page {
    margin: 0 auto;
    max-width: 600px;
    padding: 3rem 20px
}

.systems-page--search-results {
    max-width: 100%
}

.systems-page .header {
    background-color: transparent;
    border-bottom: none;
    padding: 0
}

.systems-page .success {
    background-color: #cde3cc;
    border: 1.5px solid #4f7d24;
    border-radius: 6px;
    color: #4f7d24;
    display: inline-block;
    font-size: .75rem;
    margin: 2rem 0;
    min-width: 650px;
    padding: .1rem .75rem
}

.systems-page form input {
    max-width: 100%
}

.systems-page form input[type=submit] {
    display: block;
    margin: .625rem 0
}

.systems-page #hs-pwd-widget-password {
    width: 100%
}

.systems-page .hs-login-widget-show-password,
.systems-page .hs-register-widget-show-password,
.systems-page .hs-reset-widget-show-password {
    display: block;
    margin-bottom: .5rem
}

.systems-page #hs-login-widget-remember,
.systems-page #hs-login-widget-remember~label {
    display: inline-block;
    margin-bottom: 3px
}

form#email-prefs-form .item.disabled {
    cursor: not-allowed;
    opacity: .6
}

form#email-prefs-form .item.disabled input:disabled {
    cursor: not-allowed
}

.hs-search-results {
    margin-top: 2rem
}

ul.hs-search-results__listing li {
    margin-bottom: 2rem
}

.hs-search-results__title {
    font-size: 1.25rem;
    margin-bottom: .25rem
}

.hs-search-results__description {
    padding-top: .5rem
}

.hs-search-highlight {
    font-weight: 700
}

.hs-search-results__pagination a {
    color: #051f46
}

.form-input-validation-message ul {
    margin: 0;
    padding-left: 0
}

.form-input-validation-message ul li {
    line-height: 1rem
}

.password-prompt input[type=password] {
    height: auto !important
}

.section-system {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100dvh;
    padding: 20rem 0;
    text-align: center
}

.section-system h1 {
    margin-bottom: 0
}

.section-system .error-code {
    color: var(--secondary);
    font-size: 12rem;
    line-height: 1.1;
    margin-bottom: 2.4rem
}

.section-system .button-wrapper {
    margin-top: 4rem
}

.section-system--search {
    padding: 18rem 0
}

@media (max-width:767px) {
    .section-system--search {
        padding: 14rem 0 6rem
    }
}

.hs-search-results__listing {
    margin: 0 auto !important;
    max-width: 86rem
}

.hs-search-results__listing li {
    border-top: .1rem solid rgba(0, 0, 0, .1);
    padding: 2rem 24rem 2rem 2rem !important;
    position: relative !important;
    text-align: left !important
}

.hs-search-results__listing .hs-search-results__title {
    display: block;
    font-size: 2.6rem;
    font-weight: 700;
    max-width: 100%;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: .4s;
    white-space: nowrap
}

@media (hover:hover) {
    .hs-search-results__listing li .hs-search-results__title:where(:hover, :focus-visible) {
        color: var(--secondary)
    }
}

.hs-search-results__listing .hs-search-results__description {
    display: -webkit-box;
    font-size: 1.6rem;
    font-weight: 700;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis
}

.hs-search-results__listing .hs-search-results__featured-image {
    background: rgba(0, 0, 0, .2);
    height: calc(100% - 3rem);
    position: absolute;
    right: 2rem;
    top: 2rem;
    width: 20rem
}

.hs-search-results__listing .hs-search-results__featured-image img {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.hs-search-results__pagination {
    border-top: .1rem solid rgba(0, 0, 0, .1);
    margin: 8rem auto 0 !important;
    max-width: 86rem;
    padding: 2rem 0
}

.hs-search-results__pagination a {
    font-weight: 600 !important;
    text-decoration: none !important
}

@media (max-width:767px) {
    .hs-search-results__listing li {
        margin-bottom: 1rem !important;
        padding: 1rem 12rem 1rem 1rem !important
    }

    .hs-search-results__listing .hs-search-results__featured-image {
        height: calc(100% - 2rem);
        right: 1rem;
        top: 1rem;
        width: 10rem
    }

    .hs-search-results__listing .hs-search-results__title {
        font-size: 1.4rem;
        line-height: 1.2
    }

    .hs-search-results__listing .hs-search-results__description {
        font-size: 1rem;
        line-height: 1.4
    }

    .hs-search-results__pagination {
        margin: 4rem auto 0 !important
    }

    .hs-search-results__pagination a {
        font-size: 1.6rem !important
    }
}

body.menu-open {
    overflow: hidden
}

.header {
    left: 0;
    position: fixed;
    top: 0;
    transition: background-color .3s, box-shadow .3s;
    width: 100%;
    z-index: 1000
}

.header.is-fixed {
    background-color: #fff;
    box-shadow: 0 -1px 8px 0 rgba(129, 148, 166, .5)
}

.header.is-dark .nav-trigger span,
.header.is-fixed .nav-trigger span {
    background-color: #1976d2
}

.header.is-dark .nav>ul>li>a,
.header.is-fixed .nav>ul>li>a {
    color: #001533
}

.header .header__inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 2.9rem 4rem 2.9rem 5.6rem
}

@media (max-width:1023px) {
    .header .header__inner {
        padding: 2.9rem 1.5rem
    }

    .header .header__nav {
        background-color: #fff;
        height: 100%;
        left: 0;
        overflow-y: auto;
        padding: 5rem 2rem;
        position: fixed;
        top: 0;
        transform: translateX(-100%);
        transition: transform .3s;
        width: 100%
    }

    .header .header__nav.is-active {
        transform: translateX(0)
    }
}

@media (max-width:767px) {
    .header .header__logo {
        display: inline-block;
        max-width: 7.6rem
    }

    .header .header__logo img {
        width: 100% !important
    }

    .header .header__inner {
        padding: 2.4rem
    }
}

.footer {
    padding: 7.9rem 0
}

.footer .footer__row {
    display: flex;
    justify-content: space-between
}

.footer .footer__row+.footer__row {
    align-items: center;
    margin-top: 5.1rem
}

.footer .footer__nav {
    flex: 0 0 56%;
    max-width: 56%
}

.footer .footer__nav ul {
    list-style-type: none
}

.footer .footer__nav ul:not(.hs-menu-children-wrapper) {
    display: flex;
    justify-content: space-between
}

.footer .footer__nav .hs-menu-depth-1 ul {
    margin-top: 1.4rem
}

.footer .footer__nav .hs-menu-depth-1>a {
    color: #000;
    font-weight: 600;
    letter-spacing: .02em;
    text-decoration: none
}

.footer .footer__nav .hs-menu-depth-2 {
    margin-bottom: .7rem
}

.footer .footer__nav .hs-menu-depth-2 a {
    color: #263344;
    font-family: var(--ff-inter);
    font-size: 1.6rem;
    text-decoration: none
}

.footer .footer__nav .hs-menu-depth-2 a:hover {
    text-decoration: underline
}

.footer .footer__content {
    display: flex
}

.footer .footer__link {
    display: inline-block;
    font-family: var(--ff-inter);
    font-size: 1.4rem;
    margin-left: 2.2rem;
    text-decoration: underline
}

.footer .footer__link:hover {
    text-decoration: none
}

.footer .footer__aside {
    align-items: center;
    display: flex
}

.footer .footer__aside>a {
    font-family: var(--ff-inter);
    font-size: 1.4rem;
    text-decoration: none
}

.footer .footer__aside>a:hover {
    text-decoration: underline
}

.footer .copyright {
    font-family: var(--ff-inter);
    font-size: 1.4rem;
    margin-bottom: 0
}

.footer .socials {
    margin-left: 6.6rem
}

.footer .btn {
    letter-spacing: .02em;
    padding: .8rem 1.5rem
}

.footer .btn figure {
    margin-left: 1rem
}

@media (max-width:1023px) {
    .footer .footer__nav {
        flex: 0 0 65%;
        max-width: 65%
    }
}

@media (max-width:767px) {
    .footer {
        padding: 4rem 0
    }

    .footer .footer__row {
        flex-direction: column
    }

    .footer .footer__nav {
        flex: 0 0 100%;
        max-width: 100%
    }

    .footer .footer__aside {
        margin-top: 2.4rem
    }

    .footer .socials {
        margin-left: 0
    }

    .footer .footer__nav ul:not(.hs-menu-children-wrapper) {
        flex-direction: column
    }

    .footer .footer__nav ul:not(.hs-menu-children-wrapper)>li {
        margin-bottom: 1.6rem
    }

    .footer .footer__nav .hs-menu-depth-1>a {
        font-size: 1.8rem
    }

    .footer .footer__nav .hs-menu-depth-1 ul {
        margin-top: 2.1rem
    }

    .footer .footer__nav .hs-menu-depth-2 {
        margin-bottom: 1.5rem
    }

    .footer .footer__row+.footer__row {
        align-items: flex-start;
        flex-direction: column-reverse;
        margin-top: .6rem
    }

    .footer .footer__aside {
        justify-content: space-between;
        margin-bottom: 3.3rem;
        width: 100%
    }

    .footer .footer__content {
        flex-direction: column;
        width: 100%
    }

    .footer .footer__link {
        margin-left: 0;
        margin-top: 1.3rem
    }

    .footer .btn figure {
        margin-left: 2rem
    }
}