body {
    font-family: 'League Spartan', sans-serif !important;
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

video {
    object-fit: none;
    width: 100%;
    height: 100%;
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

ul {
    list-style: none
}

button,
input,
select,
textarea {
    margin: 0
}

html,
* {
    box-sizing: border-box
}

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

body::-webkit-scrollbar {
    width: 4px;
}

body::-webkit-scrollbar-thumb {
    background-color: #000;
}

img,
embed,
iframe,
object,
audio,
video {
    height: auto;
    max-width: 100%;
    padding-bottom: 10px;
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0;
    text-align: left
}

.reveal-on-enter {
    opacity: 0
}

button {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    font: inherit;
    cursor: pointer;
    overflow: visible;
    border: none;
    border-radius: 0
}

button,
button:hover,
button:active,
button:focus {
    text-decoration: none;
    border: none
}

button:focus,
button:active {
    background-color: inherit;
    color: inherit
}

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

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

fieldset {
    margin-bottom: 10px
}

label {
    display: block;
    font-size: 12.0px;
    line-height: 1;
    margin-bottom: 5px
}

@media only screen and (min-width: 768px) {
    label {
        margin-bottom: 0
    }

    video {
        object-fit: scale-down !important;
    }
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: bottom;
    vertical-align: baseline;
}

input[type="submit"] {
    cursor: pointer;
    padding: 0;
    -webkit-appearance: none
}

input[type="submit"]::-moz-focus-inner {
    border: 0;
    padding: 0
}

select {
    border: none;
    border-radius: 0;
    padding-right: 25px;
    -moz-appearance: none;
    -webkit-appearance: none
}

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

#scroll-section {
    transition: background-color 0.5s ease-in-out;
    background-color: #fff;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000000
}

select:hover {
    cursor: pointer
}

select option {
    padding-left: 0
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="file"],
textarea,
select {
    transition: background 0.22s ease-out, border 0.22s ease-out, color 0.22s ease-out;
    background: transparent;
    padding: 0;
    line-height: 17px;
    height: 17px;
    font-size: 14px;
    border: none;
    width: 100%;
    color: #fff;
    box-sizing: border-box;
    font-family: 'League Spartan', sans-serif !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {
    color: #fff;
    outline: none
}

input[type="text"].error,
input[type="password"].error,
input[type="datetime"].error,
input[type="datetime-local"].error,
input[type="date"].error,
input[type="month"].error,
input[type="time"].error,
input[type="week"].error,
input[type="number"].error,
input[type="email"].error,
input[type="url"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="color"].error,
input[type="file"].error,
textarea.error,
select.error {
    color: #04062C
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
input[type="time"]:disabled,
input[type="week"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="color"]:disabled,
input[type="file"]:disabled,
textarea:disabled,
select:disabled {
    color: #F1F2F6;
    pointer-events: none
}

input[type="text"]:disabled:focus,
input[type="password"]:disabled:focus,
input[type="datetime"]:disabled:focus,
input[type="datetime-local"]:disabled:focus,
input[type="date"]:disabled:focus,
input[type="month"]:disabled:focus,
input[type="time"]:disabled:focus,
input[type="week"]:disabled:focus,
input[type="number"]:disabled:focus,
input[type="email"]:disabled:focus,
input[type="url"]:disabled:focus,
input[type="search"]:disabled:focus,
input[type="tel"]:disabled:focus,
input[type="color"]:disabled:focus,
input[type="file"]:disabled:focus,
textarea:disabled:focus,
select:disabled:focus {
    color: #F1F2F6
}

textarea,
textarea:focus {
    min-width: 100%;
    width: 100% !important;
    max-width: 100%;
    padding: 7px 0;
    min-height: 40px;
    height: 40px;
    max-height: 40px;
    line-height: 1.64;
    overflow: auto;
}

input[type="text"]::-webkit-input-placeholder {
    color: #DFE4EA
}

input[type="email"]::-webkit-input-placeholder {
    color: #DFE4EA
}

input[type="tel"]::-webkit-input-placeholder {
    color: #DFE4EA
}

textarea::-webkit-input-placeholder {
    color: #DFE4EA
}

input[type="text"]:-moz-placeholder {
    color: #DFE4EA
}

input[type="email"]:-moz-placeholder {
    color: #DFE4EA
}

input[type="tel"]:-moz-placeholder {
    color: #DFE4EA
}

textarea:-moz-placeholder {
    color: #DFE4EA
}

input[type="text"]::-moz-placeholder {
    color: #DFE4EA
}

input[type="email"]::-moz-placeholder {
    color: #DFE4EA
}

input[type="tel"]::-moz-placeholder {
    color: #DFE4EA
}

textarea::-moz-placeholder {
    color: #DFE4EA
}

input[type="text"]:-ms-input-placeholder {
    color: #DFE4EA
}

input[type="email"]:-ms-input-placeholder {
    color: #DFE4EA
}

input[type="tel"]:-ms-input-placeholder {
    color: #DFE4EA
}

textarea:-ms-input-placeholder {
    color: #DFE4EA
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

html {
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    width: 100vw;
    scroll-behavior: smooth
}

body {
    position: relative;
    height: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    color: #04062C;
    font-weight: 400;
    line-height: 1.64;
    background-color: #fff;
    font-size: 14px
}

@media only screen and (min-width: 768px) {
    body {
        font-size: 15px
    }

    .col-md-12 {
        display: flex;
        align-items: center;

    }

    .col-md-6 {
        width: 50%;
        padding: 0px 15px 0px 0px;
    }
}

@media only screen and (min-width: 1024px) {
    body {
        font-size: 17px;
        padding-bottom: 543px
    }

    .custom_he {
        height: 50px;
    }

    body:after {
        position: absolute;
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(4, 6, 44, 0.3);
        transition: opacity 0.22s ease-out;
        opacity: 0;
        visibility: hidden
    }

    .platform_menu {
        margin-bottom: 30px;
    }
}

body.sticky-footer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch
}

body.sticky-footer main {
    flex-grow: 1
}

body.has-overlay {
    overflow: hidden
}

body.has-overlay:after {
    opacity: 1;
    visibility: visible;
    z-index: 3
}

body.no-scroll {
    overflow: hidden
}

body.body--no-padding {
    padding: 0
}

main {
    position: relative;
    z-index: 1;

}

@media only screen and (min-width: 1024px) {
    main {
        display: block;
        background: #fff;
        top: -160px;
        overflow: hidden;
        border-radius: 0 0 60px 60px
    }
}

main.main--no-rounded-corners {
    border-radius: 0
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

a {
    transition: color 0.22s ease-out;
    text-decoration: none
}

@font-face {
    font-family: "icons";
    src: url("../fonts/icons/icons.eot?69b6f3926e68bbbb2486967d62c811b8?#iefix") format("embedded-opentype"), url("../fonts/icons/icons.woff2?69b6f3926e68bbbb2486967d62c811b8") format("woff2"), url("../fonts/icons/icons.woff?69b6f3926e68bbbb2486967d62c811b8") format("woff"), url("../fonts/icons/icons.ttf?69b6f3926e68bbbb2486967d62c811b8") format("truetype"), url("../fonts/icons/icons.svg?69b6f3926e68bbbb2486967d62c811b8#icons") format("svg")
}

i[class^="icon-"],
i[class*=" icon-"] {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

i[class^="icon-"]:before,
i[class*=" icon-"]:before {
    font-family: icons;
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-left:before {
    content: "\f101"
}

.icon-arrow-right:before,
.footer__heading:before,
.footer__link:before,
.megamenu__link:before,
.sticky-nav__link:before {
    content: "\f102"
}

.icon-caret-down:before,
.form__fieldset--select:before {
    content: "\f103"
}

.icon-caret-left:before {
    content: "\f104"
}

.icon-caret-right:before {
    content: "\f105"
}

.icon-check:before,
.interruption-strip__item:before {
    content: "\f106"
}

.icon-checkmark:before {
    content: "\f107"
}

.icon-close:before {
    content: "\f108"
}

.icon-facebook:before {
    content: "\f109"
}

.icon-forward:before {
    content: "\f10a"
}

.icon-instagram:before {
    content: "\f10b"
}

.icon-linkedin:before {
    content: "\f10c"
}

.icon-lock:before {
    content: "\f10d"
}

.icon-pin:before {
    content: "\f10e"
}

.icon-play:before {
    content: "\f10f"
}

.icon-rewind:before {
    content: "\f110"
}

.icon-twitter:before {
    content: "\f111"
}

.icon-youtube:before {
    content: "\f112"
}

.h1,
.inner h1,
.inner__title,
.h2,
.inner h2,
.h3,
.inner h3,
.h4,
.inner h4:not(.testimonial-card__heading),
.h5,
.inner h5,
.h6,
.inner h6 {
    margin-top: 0;
    line-height: 1.15;
    margin-bottom: 20px;
    font-weight: 600;
    color: #04062C;
    letter-spacing: 0
}

.h1,
.inner h1,
.inner__title {
    font-size: 32px;
    line-height: 36px
}

@media only screen and (min-width: 768px) {

    .h1,
    .inner h1,
    .inner__title {
        font-size: 50px;
        line-height: 70px
    }
}

@media only screen and (min-width: 1024px) {

    .h1,
    .inner h1,
    .inner__title {
        font-size: 52px;
        line-height: 80px
    }
}

.h2,
.inner h2 {
    font-size: 26px
}

@media only screen and (min-width: 1024px) {

    .h2,
    .inner h2 {
        font-size: 36px
    }
}

.h3,
.inner h3 {
    font-size: 22px;
    line-height: 34px
}

@media only screen and (min-width: 1024px) {

    .h3,
    .inner h3 {
        font-size: 32px;
        line-height: 42px
    }
}

.h4,
.inner h4:not(.testimonial-card__heading) {
    font-size: 22px
}

@media only screen and (min-width: 1024px) {

    .h4,
    .inner h4:not(.testimonial-card__heading) {
        font-size: 22px;
        line-height: 34px
    }
}

.h5,
.inner h5 {
    font-size: 18px
}

@media only screen and (min-width: 1024px) {

    .h5,
    .inner h5 {
        font-size: 18px
    }
}

.h6,
.inner h6 {
    font-size: 16px
}

@media only screen and (min-width: 1024px) {

    .h6,
    .inner h6 {
        font-size: 16px
    }
}

.p,
.inner>p,
.inner__text,
.ul,
.inner ul,
.ol,
.inner ol,
.pre,
.inner pre,
.blockquote,
.inner blockquote {
    margin-bottom: 20px
}

.hr,
.inner hr {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #F1F2F6;
    height: 1px;
    width: 100%;
    margin: 20px 0
}

.strong,
.inner strong {
    font-weight: 700
}

.em,
.inner em {
    font-style: italic
}

.p,
.inner>p,
.inner__text {
    line-height: 1.64
}

.caption,
.inner caption {
    font-size: 0.8rem
}

.skin {
    background: #FCFCFD;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px
}

.skin__link {
    color: #000
}

.skin__colour {
    background-clip: content-box;
    width: 100px;
    height: 100px;
    display: block;
    border: 1px solid #000;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px
}

.skin__background {
    display: inline-flex;
    padding: 5px
}

.skin__background--dark {
    background: #000
}

.fifty-fifty {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    z-index: 0
}

@media only screen and (min-width: 1024px) {
    .fifty-fifty {
        margin: 0 -20px;
        width: calc(100% + 40px);
        flex-direction: row;
        align-items: flex-start;
        justify-content: center
    }

    .fifty-fifty--vertically-centered {
        align-items: center
    }

    .fifty-fifty--stretched {
        align-items: stretch
    }
}

@media only screen and (min-width: 1024px) {
    .fifty-fifty--reverse {
        flex-direction: row-reverse
    }
}

.fifty-fifty--reverse-mobile {
    flex-direction: column-reverse
}

@media only screen and (min-width: 1024px) {
    .fifty-fifty--reverse-mobile {
        flex-direction: row-reverse
    }
}

.fifty-fifty__child {
    min-width: 0;
    width: 100%;
    margin: 0 0 20px 0;
    position: relative
}

.fifty-fifty__child:last-of-type {
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .fifty-fifty__child {
        width: 50%;
        margin: 20px
    }

    .fifty-fifty__child:last-of-type {
        margin: 20px;
        margin-left: 50px;
    }
}

.fifty-fifty__child--flex-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.fifty-fifty__child--full-height {
    height: 100%
}

.fifty-fifty__child--no-margin {
    margin: 0
}

@media only screen and (min-width: 1024px) {
    .fifty-fifty__child--no-margin {
        margin: 0
    }

    .fifty-fifty__child--no-margin:last-of-type {
        margin: 0
    }
}

@media only screen and (min-width: 1024px) {
    .fifty-fifty__child-content {
        padding-top: 100px
    }
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.footer {
    background-color: #000;
    color: #fff;
    padding-top: 60px;
    margin-top: -60px
}

@media only screen and (min-width: 1024px) {
    .footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        margin-top: 0;
        padding-top: 90px;
    }
}

.footer--space {
    padding-top: 0;
    margin-top: 0;
}

@media only screen and (min-width: 1024px) {
    .footer--space {
        padding-top: 60px;
    }
}

.footer__top {
    padding: 60px 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width: 1024px) {
    .footer__top {
        flex-direction: row;
        padding: 80px 0
    }
}

.footer__middle {
    font-size: 15px;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .footer__middle {
        flex-direction: row
    }
}

.footer__bottom {
    font-size: 14px;
    line-height: 1;
    padding: 5px 0 10px
}

@media only screen and (min-width: 1024px) {
    .footer__bottom {
        padding: 90px 0 20px
    }
}

.footer__logo {
    margin-bottom: 22px
}

@media only screen and (min-width: 1024px) {
    .footer__logo {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
    .footer__logo:hover .top {
        animation: logo 0.3s ease-out
    }

    .footer__logo:hover .bottom {
        animation: logo 0.3s ease-out;
        animation-delay: 0.2s
    }
}

.footer__social-list {
    display: flex
}

.footer__social-item:last-of-type {
    margin-left: 20px
}

.footer__social-link {
    position: relative;
    display: flex;
    color: #fff;
    font-size: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: color 0.22s ease-out, transform 0.22s ease-out, box-shadow 0.22s ease-out
}

@media only screen and (min-width: 1024px) {

    .footer__social-link:hover,
    .footer__social-link:focus {
        color: #55D292;
        transform: translateY(-6px);
        box-shadow: 0 5px 5px -5px rgba(153, 233, 165, 0.15), 0 10px 10px -5px rgba(153, 233, 165, 0.15), 0 15px 15px -5px rgba(153, 233, 165, 0.15), 0 20px 20px -5px rgba(153, 233, 165, 0.15)
    }
}

.footer__social-icon {
    font-size: 13.00002px;
    background: #fff;
    color: #04062C;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    transition: background-color 0.22s ease-out;
}

.footer__social-icon:hover,
.footer__social-icon:focus {
    background-color: #55D292
}

.footer__nav {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    flex-direction: column;
}

@media only screen and (min-width: 1024px) {
    .footer__nav {
        flex-direction: row;
        border-right: 1px solid #99A1AA;
        width: 67%;
    }
}

.footer__nav-list {
    margin: 15px 0 0;
    border-bottom: 1px solid #99A1AA
}

@media only screen and (min-width: 1024px) {
    .footer__nav-list {
        margin: 0;
        border-bottom: none
    }
}

.footer__location {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    flex-direction: column;
    margin-top: 40px
}

@media only screen and (min-width: 1024px) {
    .footer__location {
        flex-direction: row;
        /* width: 30%; */
        margin-top: 0;
        padding-left: 20px
    }
}

@media only screen and (min-width: 1200px) {
    .footer__location {
        padding-left: 72px
    }
}

.footer__location .footer__link {
    margin: 10px 0 10px
}

.footer__location-col .footer__heading {
    padding-bottom: 10px
}

.footer__heading {
    color: #fff;
    background: none
}

@media only screen and (min-width: 1024px) {
    .footer__heading {
        position: relative;
        padding-right: 25px;
        margin-bottom: 15px
    }
}

.footer__heading:before {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
    font-family: "icons";
    color: #55D292;
    opacity: 0;
    transition: opacity 0.22s ease-out, transform 0.22s ease-out;
    font-size: 10px;
    height: 15px;
    top: 3px;
    transform: translateX(-6px)
}

@media only screen and (min-width: 1024px) {
    .footer__heading:before {
        display: block
    }
}

.footer__heading:hover:before,
.footer__heading:focus:before {
    opacity: 1;
    transform: translateX(0)
}

.footer__heading--plain:before {
    display: none
}

.footer__heading-icon {
    font-size: 8px;
    color: #4750DE
}

@media only screen and (min-width: 1024px) {
    .footer__heading-icon {
        opacity: 0
    }

    .footer__list {
        display: flex
    }
}

.footer__list {
    margin-top: 10px;
}

.footer__list-link {
    color: #fff;
    transition: color 0.22s ease-out;
    margin: 0px 30px 15px 0;
    display: inline-block;
}

@media only screen and (min-width: 1024px) {
    .footer__list-link {
        margin: 15px 15px 20px 0
    }
}

.footer__list-link:hover,
.footer__list-link:focus {
    color: #55D292
}

.footer__link {
    color: #fff;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    padding-right: 25px;
}

.footer__link:before {
    position: absolute;
    top: 3px;
    right: 0;
    bottom: 0;
    display: block;
    font-family: "icons";
    color: #55D292;
    opacity: 0;
    transition: opacity 0.22s ease-out, transform 0.22s ease-out;
    font-size: 10px;
    height: 15px;
    transform: translateX(-6px)
}

.footer__link:hover:before,
.footer__link:focus:before {
    opacity: 1;
    transform: translateX(0)
}

@media only screen and (min-width: 1024px) {
    .footer__link {
        margin-bottom: 15px
    }
}

.footer-collapsible {
    width: 100%;
    flex-grow: 1
}

@media only screen and (min-width: 1024px) {
    .footer-collapsible {
        width: 20%
    }
}

.footer-collapsible--open .footer-collapsible__content {
    max-height: 315px
}

.footer-collapsible--open .footer__heading-icon {
    transform: rotate(180deg)
}

@media only screen and (min-width: 1024px) {
    .footer-collapsible--open {
        max-height: none;
        max-height: initial
    }
}

.footer-collapsible__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.22s ease-out
}

@media only screen and (min-width: 1024px) {
    .footer-collapsible__content {
        max-height: none;
        max-height: initial;
        overflow: visible;
        overflow: initial
    }
}

.footer-collapsible__wrapper {
    font-size: 18.0px;
    line-height: 42px;
    padding: 15px 0;
    border-bottom: 1px solid #99A1AA;
    width: 100%;
    text-align: inherit;
    display: flex;
    justify-content: space-between
}

.footer-collapsible__wrapper:hover,
.footer-collapsible__wrapper:focus {
    border-bottom: 1px solid #99A1AA
}

@media only screen and (min-width: 1024px) {
    .footer-collapsible__wrapper {
        border-bottom: none;
        font-size: 15px;
        line-height: 1;
        padding-top: 0;
        cursor: default
    }

    .footer-collapsible__wrapper:hover,
    .footer-collapsible__wrapper:focus {
        border-bottom: none
    }
}

.footer__copyright {
    margin-top: 10px;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 1024px) {
    .footer__copyright {
        flex-direction: row
    }
}

.footer__copyright-link {
    color: #99A1AA
}

.footer__copyright-link g {
    transition: fill 0.22s ease-out
}

.footer__copyright-link:hover g,
.footer__copyright-link:focus g {
    fill: #55D292
}

.footer__copyright-text {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    line-height: 24px
}

@media only screen and (min-width: 1024px) {
    .footer__copyright-text {
        margin-bottom: 0;
        flex-direction: row;
        line-height: 14px
    }
}

.footer--position-relative {
    position: relative
}

.footer--no-margin-top {
    margin-top: 0
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.header {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    padding: 12px 16px 12px 10px;
    margin-top: 83px;
    transform: translateY(-100%)
}

.header:before {
    display: none
}

@media only screen and (min-width: 1024px) {
    .header {
        margin-top: 120px;
        padding: 40px 25px;
        /* position:unset !important; */
    }
}

@media only screen and (min-width: 768px) {
    .header--white .header__link {
        color: #fff
    }
}

.header--white .header__link:hover,
.header--white .header__link:focus {
    color: #04062C
}

.header--white .header__logo--mobile svg g {
    fill: #55D292
}

.header--white .burger .burger__lines {
    background: #fff
}

.header--white .burger .burger__lines:before,
.header--white .burger .burger__lines:after {
    background: #fff
}

.header--white .burger--open .burger__lines:before,
.header--white .burger--open .burger__lines:after {
    background: #04062C
}

.header--white.header--open .header__logo svg>g g {
    fill: #55D292
}

.header--white.header--open .header__logo svg>g g path {
    fill: #55D292
}

.header--white.header--open .header__logo svg>g path {
    fill: #04062C
}

.header--open {
    position: fixed;
    margin-top: 0;
    transform: none
}

.header--open:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 83px;
    background: linear-gradient(#fff 70%, rgba(255, 255, 255, 0) 100%);
    z-index: 1
}

@media only screen and (min-width: 1024px) {
    .header--open:before {
        display: none
    }
}

.header--open .header__nav {
    position: fixed;
    width: 100vw;
    top: 0;
    left: 0;
    display: flex;
    background: #fff;
    padding: 115px 16px 0;
    height: 100% !important;
    /* height: -webkit-fill-available; */
    overflow-y: scroll;
}

@media only screen and (min-width: 768px) {
    .header--open .header__nav {
        padding: 120px 16px 0;
    }
}

@media only screen and (min-width: 1024px) {
    .header--open .header__nav {
        background: none;
        position: static;
        overflow: visible;
        width: auto;
        padding: 0;
        height: auto;
    }
}

.header--open .header__link {
    color: #000;
}

@media only screen and (min-width: 1024px) {
    .header--open {
        position: absolute;
    }

    .header--open:before {
        display: none;
    }
}

.header__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

@media only screen and (min-width: 1024px) {
    .header__container {
        height: 50px;
    }
}

@media only screen and (min-width: 1024px) {
    .header__container {
        position: relative;
        z-index: 1;
    }
}

.header__logo-link {
    position: relative;
    display: inline-block;
    z-index: 1;
}

@media only screen and (min-width: 768px) {
    .header__logo--mobile {
        display: none;
    }
}

.header__logo--desktop {
    display: none;
}

@media only screen and (min-width: 768px) {
    .header__logo--desktop {
        display: block;
    }
}

@media only screen and (min-width: 1024px) {
    .header__logo--desktop:hover .top {
        animation: logo 0.3s ease-out;
    }

    .header__logo--desktop:hover .bottom {
        animation: logo 0.3s ease-out;
        animation-delay: 0.2s;
    }
}

.header__nav {
    display: none;
}

@media only screen and (min-width: 1024px) {
    .header__nav {
        display: flex;
    }
}

.header__list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    .header__list {
        flex-direction: row;
        align-items: center;
    }
}

.header__list-item {
    position: relative;
    border-bottom: 1px solid #F1F2F6;
    margin-bottom: 26px;
    padding-bottom: 14px;
}

.header__list-item:nth-last-child(2),
.header__list-item:last-child {
    border-bottom: none;
}

@media only screen and (min-width: 1024px) {
    .header__list-item {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        border-bottom: none;
        margin-right: 5px;
        padding: 15px;
    }

    .header__list-item:before {
        position: absolute;
        display: block;
        content: '';
        background-color: #F1F2F6;
        top: -3px;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 24px;
        opacity: 0;
        transform: scale(0);
        transition: opacity 0.22s ease-out, transform 0.22s ease-out;
        z-index: 1;
    }
}

.header__list-item--last {
    margin-top: auto;
    margin-bottom: 40px;
}

@media only screen and (min-width: 1024px) {
    .header__list-item--last {
        display: none;
    }
}

@media only screen and (min-width: 1024px) {

    .header__list-item:hover:before,
    .header__list-item:focus:before {
        opacity: 1;
        transform: scale(1);
    }
}

@media only screen and (min-width: 1024px) {

    .header__list-item:hover .header__link,
    .header__list-item:focus .header__link {
        transform: translateY(-3px);
    }
}

.header__list-item--open {
    padding-bottom: 0;
}


@media only screen and (min-width: 1024px) {
    .header__list-item--open {
        padding-bottom: 15px;
    }

    .header__list-item--open:before {
        opacity: 1;
        transform: scale(1);
    }
}

.header__list-item--open .header__link-trigger {
    transform: rotate(-180deg);
}

@media only screen and (min-width: 1024px) {
    .header__list-item--open .header__link-trigger {
        transform: rotate(-180deg) translateY(3px);
    }
}

.header__list-item--open .header__megamenu {
    opacity: 1;
    max-height: 10000px;
    overflow: visible;
}

@media only screen and (min-width: 1024px) {

    .header__list-item--open .header__megamenu,
    .header__list-item--open .header__megamenu-row {
        opacity: 1;
        visibility: visible;
    }
}

.header__list-item--open .header__megamenu-list,
.header__list-item--open .header__card {
    transform: none;
}

@media only screen and (min-width: 1024px) {

    .header__list-item--open .header__megamenu-list,
    .header__list-item--open .header__card {
        opacity: 1;
        visibility: visible;
    }
}

.header__list-item--open .header__card:first-child {
    transition: box-shadow 0.22s ease-out, opacity 0.22s ease-in-out, transform 0.22s ease-in-out;
}

.header__list-item--open .header__card:nth-child(2) {
    transition: box-shadow 0.22s ease-out, opacity 0.3s 0.1s ease-out, transform 0.3s 0.1s ease-out;
}

.header__list-item--open .header__card:nth-child(3) {
    transition: box-shadow 0.22s ease-out, opacity 0.3s 0.2s ease-out, transform 0.3s 0.2s ease-out;
}

.header__list-item--open .header__card:nth-child(4) {
    transition: box-shadow 0.22s ease-out, opacity 0.3s 0.3s ease-out, transform 0.3s 0.3s ease-out;
}

.header__list-item--open .header__megamenu-visual {
    transform: none;
    opacity: 1;
}

.header__list-item--open .header__megamenu-visual:before {
    transform: none;
}

.header__list-item--open .header__megamenu-icon-container {
    transform: none;
}

.header__card {
    margin-bottom: 8px;
}

.header__card:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 1024px) {
    .header__card {
        opacity: 0;
        visibility: hidden;
        transform: translateX(20px);
        margin-bottom: 0;
    }
}

.header__accordion-trigger {
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (min-width: 1024px) {
    .header__accordion-trigger {
        cursor: auto;
    }
}

.header__accordion-trigger .header__link,
.header__accordion-trigger .header__link-trigger {
    pointer-events: none;
}

@media only screen and (min-width: 1024px) {
    .header__accordion-trigger .header__link {
        pointer-events: all;
    }
}

.header__link {
    position: relative;
    color: #fff;
    line-height: 1.875;
    z-index: 1;
    font-size: 18.0px;
}

.header__link:hover {
    color: #000 !important;
}

.header__logo-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header__logo-container p {
    color: #fff;
    font-size: 15px;
    margin-left: 10px;
    margin-bottom: 1rem !important;
}

@media only screen and (min-width: 1024px) {
    .header__link {
        font-size: 15px;
        line-height: 1;
        transition: transform 0.22s ease-out;
    }
}

.header__link.header__list-item--open {
    padding-bottom: 0;
}

.header__link-trigger {
    position: absolute;
    top: 2px;
    right: 0;
    background: none;
    width: 30px;
    height: 30px;
    transition: transform 0.22s ease-in-out;
}

@media only screen and (min-width: 1024px) {
    .header__link-trigger {
        position: relative;
        top: auto;
        right: auto;
        width: 12px;
        height: 10px;
        padding: 0;
        margin-left: 15px;
        z-index: 1;
        pointer-events: none;
    }
}

.header__link-icon {
    color: #4750DE;
    font-size: 10px;
}

@media only screen and (min-width: 1024px) {
    .header__link-icon {
        font-size: 6px;
    }
}

.header__cta {
    display: none;
}

@media only screen and (min-width: 1024px) {
    .header__cta {
        position: relative;
        display: block;
    }
}

.header__cta--visible {
    display: block;
}

.header__button {
    width: 100%
}

@media only screen and (min-width: 480px) {
    .header__button {
        width: auto;
    }
}

.header__burger {
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 1024px) {
    .header__burger {
        display: none;
    }
}

.page-strip {
    width: 100%;
    position: relative;
    margin: 60px 0;
    z-index: 0;
}

@media only screen and (min-width: 1024px) {
    .page-strip {
        margin: 80px 0;
    }
}

.page-strip--has-background {
    margin: 0;
    padding: 60px 0;
    border-radius: 0 0 60px 60px;
}

.page-strip--has-background>*:last-child {
    margin-bottom: 0;
}

.page-strip--no-border-radius {
    border-radius: 0;
}

.page-strip--has-bottom-background {
    margin-bottom: 0;
    padding-bottom: 60px;
}

.page-strip--has-bottom-background>*:last-child {
    margin-bottom: 0;
}

.page-strip--has-top-background {
    margin-top: 0;
    padding-top: 60px;
}

.page-strip--short {
    margin: 35px 0 40px;
}

.page-strip--normal {
    margin: 30px 0;
}

@media only screen and (min-width: 1024px) {
    .page-strip--normal {
        margin: 60px 0;
    }
}

.page-strip--normal.page-strip--has-background {
    margin: 0;
    padding: 30px 0
}

@media only screen and (min-width: 1024px) {
    .page-strip--normal.page-strip--has-background {
        padding: 60px 0
    }
}

.page-strip--medium {
    margin: 40px 0
}

@media only screen and (min-width: 1024px) {
    .page-strip--medium {
        margin: 80px 0
    }
}

.page-strip--medium.page-strip--has-background {
    margin: 0;
    padding: 40px 0;
}

@media only screen and (min-width: 1024px) {
    .page-strip--medium.page-strip--has-background {
        padding: 60px 0;
    }
}

.page-strip--medium-all {
    margin: 40px 0;
}

.page-strip--medium-all.page-strip--has-background {
    margin: 0;
    padding: 40px 0;
}

.page-strip--big {
    margin: 40px 0;
}

@media only screen and (min-width: 1024px) {
    .page-strip--big {
        margin: 100px 0;
    }
}

.page-strip--big.page-strip--has-background {
    margin: 0;
    padding: 40px 0;
}

@media only screen and (min-width: 1024px) {
    .page-strip--big.page-strip--has-background {
        padding: 100px 0;
    }
}

@media only screen and (min-width: 1024px) {
    .page-strip--large {
        margin: 145px 0 60px;
    }
}

@media only screen and (min-width: 1024px) {
    .page-strip--large.page-strip--has-background {
        margin: 0;
        padding: 145px 0 60px;
    }
}

@media only screen and (min-width: 1024px) {
    .page-strip--large.page-strip--large-indent-top {
        margin-top: -145px;
    }
}

@media only screen and (min-width: 1024px) {
    .page-strip--large-indent-top {
        margin-top: -145px;
    }
}

.page-strip--heading-content {
    margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
    .page-strip--heading-content {
        margin-top: 120px;
        margin-bottom: 60px;
    }
}

.page-strip--heading-content-medium {
    margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
    .page-strip--heading-content-medium {
        margin-bottom: 60px;
    }
}

.page-strip--heading-content-medium.page-strip--has-background {
    margin: 0;
    padding-bottom: 25px;
}

@media only screen and (min-width: 1024px) {
    .page-strip--heading-content-medium.page-strip--has-background {
        padding-bottom: 60px;
    }
}

.page-strip--athens-gray {
    background-color: #F1F2F6;
}

.page-strip--athens-gray-lighter {
    background-color: #FCFCFD;
}

.page-strip--athens-gray-lighter+.page-strip--athens-gray {
    position: relative;
}

.page-strip--athens-gray-lighter+.page-strip--athens-gray:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    background: linear-gradient(#fff 0%, #F1F2F6 100%);
}

.page-strip--secondary {
    background: #04062C;
}

.page-strip--secondary .content__heading,
.page-strip--secondary .content__text {
    color: #fff;
}

.page-strip--on-top {
    z-index: 3;
}

.page-strip:last-of-type {
    margin-bottom: 0;
    padding-bottom: 80px;
    background: #fff;
}

.page-strip:last-of-type.page-strip--athens-gray {
    background-color: #F1F2F6;
}

.page-strip:last-of-type.page-strip--athens-gray-lighter {
    background-color: #FCFCFD;
}

.page-strip:last-of-type.page-strip--secondary {
    background: #04062C;
}

.page-strip:last-of-type.page-strip--short {
    padding-bottom: 40px
}

.page-strip:last-of-type.page-strip--medium,
.page-strip:last-of-type.page-strip--large {
    padding-bottom: 60px
}

.page-strip:last-of-type.page-strip--big {
    padding-bottom: 100px
}

.wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1180px;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .wrapper {
        padding: 0 25px;
        overflow: visible
    }
}

@media only screen and (min-width: 1024px) {
    .wrapper {
        padding: 0 30px
    }

    .contact_page {
        max-width: 1127px !important;
    }
}

.wrapper--full-width {
    max-width: none;
    padding: 0
}

.wrapper--medium {
    max-width: 1200px
}

.wrapper--enlarged {
    max-width: 1220px
}

.wrapper--increased {
    max-width: 1240px
}

.wrapper--large {
    max-width: 1260px
}

.wrapper--normal {
    max-width: 1045px
}

.wrapper--decreased {
    max-width: 860px
}

.wrapper--narrow {
    max-width: 840px
}

.wrapper--overlay {
    position: relative;
    z-index: 2
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.megamenu {
    display: block;
    content: '';
    width: 100%;
    height: auto;
    background: #fff;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.22s ease-in-out, opacity 0.22s ease-in-out
}

@media only screen and (min-width: 1024px) {
    .megamenu {
        position: fixed;
        width: 100vw;
        top: 0;
        left: 0;
        min-height: 619px;
        max-height: 10000px;
        overflow: visible;
        opacity: 0;
        visibility: hidden;
        transition: none;
    }
}

.megamenu__header,
.megamenu__row,
.megamenu__footer {
    margin: 0 auto;
    max-width: 990px;
}

@media only screen and (min-width: 1200px) {

    .megamenu__header,
    .megamenu__row,
    .megamenu__footer {
        max-width: 1180px
    }
}

.megamenu__header {
    display: none
}

@media only screen and (min-width: 1024px) {
    .megamenu__header {
        display: block;
        padding-top: 130px;
        padding-bottom: 5px;
        border-bottom: 1px solid #F1F2F6
    }
}

.megamenu__row {
    display: flex;
    flex-direction: column;
    margin-top: 13px;
    padding-top: 0px;
    /* border-top: 1px solid #F1F2F6 */
}

@media only screen and (min-width: 1024px) {
    .megamenu__row {
        margin-top: 0;
        border-top: none;
        flex-direction: row;
        padding-top: 27px;

    }

    .megamenu__row .card__body {
        padding: 20px 20px 10px !important;
    }

    .megamenu__row .card__header {
        margin-bottom: 20px !important;
    }
}

.megamenu__main-link {
    position: relative;
    display: inline-flex;
    color: #000;
    line-height: 1.5;
    transition: text-shadow 0.22s ease-out;
    padding-bottom: 3px;
    font-size: 18.0px;
}

@media only screen and (min-width: 1024px) {
    .megamenu__main-link {
        font-size: 22px
    }
}

.megamenu__main-link:hover .megamenu__main-link-arrow,
.megamenu__main-link:focus .megamenu__main-link-arrow {
    transform: translateX(5px)
}

.megamenu__main-link-arrow {
    color: #55D292
}

@media only screen and (min-width: 1024px) {
    .megamenu__main-link-arrow {
        margin-left: 20px;
        font-size: 11px;
        transition: transform 0.22s ease-out;
    }
}

.megamenu__visual {
    display: none
}

@media only screen and (min-width: 1024px) {
    .megamenu__visual {
        position: relative;
        display: flex;
        align-items: flex-end;
        min-width: 282px;
        width: 282px;
        height: 254px;
        opacity: 0;
        margin-right: 58px;
        transform: translateX(20px);
        transition: opacity 0.22s ease-in-out, transform 0.22s ease-in-out;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1200px) {
    .megamenu__visual {
        margin-right: 118px;
    }
}

.megamenu__visual:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: 0;
    width: 156px;
    height: 183px;
    background: #4750DE;
    border-radius: 90px 0 0 0;
    z-index: 0;
    transform: translate(-40px, 25px);
    transition: transform 0.22s ease-in-out;
}

.megamenu__image-container {
    position: relative;
    width: 250px;
    height: 230px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1
}

.megamenu__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.megamenu__icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 139px;
    right: 0;
    background: #fff;
    width: 82px;
    height: 85px;
    z-index: 1;
    border-radius: 20px 0;
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
    transform: translate(-32px, 28px);
    transition: transform 0.22s ease-in-out
}

.megamenu__icon {
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.megamenu__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

@media only screen and (min-width: 1024px) {
    .megamenu__list {
        width: 100%;
        max-height: 260px;
        padding: 22px 0;
        opacity: 0;
        visibility: hidden;
        transform: translateX(20px);
        transition: opacity 0.3s 0.1s ease-out, transform 0.3s 0.1s ease-out
    }
}

@media only screen and (min-width: 1200px) {
    .megamenu__list {
        width: 50%
    }
}

.megamenu__list--solo {
    transition: opacity 0.22s ease-in-out, transform 0.22s ease-in-out
}

@media only screen and (min-width: 1024px) {
    .megamenu__list--solo .megamenu__list-item {
        width: 33%
    }
}

@media only screen and (min-width: 1200px) {
    .megamenu__list--solo .megamenu__list-item {
        width: 50%
    }
}

.megamenu__list-item {
    line-height: 1.15;
    margin-bottom: 17px
}

@media only screen and (min-width: 1024px) {
    .megamenu__list-item {
        width: 50%;
        line-height: 1.5;
        margin-bottom: 9px;
        padding-right: 50px
    }
}

.megamenu__link {
    position: relative;
    color: #000;
    line-height: 1.5;
    font-size: 15px;
}

@media only screen and (min-width: 1024px) {
    .megamenu__link {
        padding-right: 25px
    }
}

.megamenu__link:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    font-family: "icons";
    color: #55D292;
    opacity: 0;
    transition: opacity 0.22s ease-out, transform 0.22s ease-out;
    font-size: 10px;
    height: 15px;
    margin: auto;
    transform: translateX(-6px)
}

@media only screen and (min-width: 1024px) {

    .megamenu__link:hover:before,
    .megamenu__link:focus:before {
        opacity: 1;
        transform: translateX(0)
    }
}

.megamenu__footer {
    display: none
}

@media only screen and (min-width: 1024px) {
    .megamenu__footer {
        display: flex;
        align-items: center;
        background: #F1F2F6;
        border-radius: 52px;
        padding: 26px 26px 26px 40px;
        margin-bottom: 40px
    }
}

.megamenu__footer-svg {
    width: 49px;
    margin-right: 28px
}

.megamenu__footer-src {
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.megamenu__footer-text {
    margin-bottom: 0;
    margin-right: 28px
}

.megamenu__footer-cta {
    margin-left: auto
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.burger {
    height: 18px;
    width: 24px;
    position: relative;
    font-size: 12.0px;
    cursor: pointer;
    transition: 0.2s all;
    -webkit-tap-highlight-color: transparent;
    background: none;
    padding: 0
}

.burger--open .burger__lines {
    background-color: rgba(0, 0, 0, 0);
    transform: translateX(-2em)
}

.burger--open .burger__lines:before,
.burger--open .burger__lines:after {
    left: 0.5em;
    top: 0
}

.burger--open .burger__lines:before {
    transform: translateX(1.5em) rotate(135deg);
}

.burger--open .burger__lines:after {
    transform: translateX(1.5em) rotate(-135deg);
}

.burger:after {
    content: '';
    display: block;
    position: absolute;
    height: 150%;
    width: 150%;
    top: -25%;
    left: -25%
}

.burger__lines {
    pointer-events: none;
    display: block;
    content: '';
    width: 100%;
    border-radius: 0.25em;
    background-color: #b6b6b6;
    height: 2px;
    position: absolute;
    transform: rotate(0);
    top: 50%;
    margin-top: -0.125em;
    transition: transform 0.22s ease-out
}

.burger__lines:before,
.burger__lines:after {
    pointer-events: none;
    display: block;
    content: '';
    width: 100%;
    border-radius: 0.25em;
    background-color: #000;
    height: 2px;
    position: absolute;
    transform: rotate(0);
    transition: all 0.22s ease-out
}

.burger__lines:before {
    left: 0;
    top: 7px
}

.burger__lines:after {
    left: 0;
    top: -7px
}

.paging-info {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    max-width: 192px;
    z-index: 1;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1)
}

.paging-info--has-arrows {
    display: flex
}

.paging-info:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    text-align: center;
    right: 0;
    height: 20px;
    width: 1px;
    background-color: rgba(142, 142, 149, 0.1);
    margin: 0 auto;
    top: 14px;
    z-index: 2
}

.paging-info__current-slide,
.paging-info__total-slides {
    background: #fff;
    position: relative;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    width: 48px;
    font-size: 1rem
}

.paging-info__current-slide {
    color: #04062C;
    letter-spacing: 0
}

.paging-info__total-slides {
    color: #04062C;
    letter-spacing: 0
}

.paging-info__arrow {
    position: relative;
    bottom: 0
}

.arrow {
    background: none;
    color: #4750DE;
    width: 30px;
    height: 30px
}

.arrow:focus {
    color: #4750DE
}

.arrow-container {
    display: flex;
    justify-content: space-between
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.info {
    display: none
}

@media only screen and (min-width: 768px) {
    .info {
        display: flex;
        align-items: center;
        min-width: 160px;
        width: 160px;
        margin-right: 84px;
        padding-left: 15px
    }
}

@media only screen and (min-width: 1440px) {
    .info {
        padding-left: 0;
        min-width: 144px;
        width: 144px
    }
}

.info--mobile {
    display: flex;
    align-items: center
}

.info--mobile:hover {
    cursor: grab
}

@media only screen and (min-width: 768px) {
    .info--mobile {
        display: none
    }
}

.info__text {
    font-size: 13.00002px;
    margin-bottom: 0;
    margin-left: 9px
}

.info__first,
.info__second,
.info__third {
    animation: info 2s infinite ease-in
}

.info__second {
    animation-delay: 0.1s
}

.info__third {
    animation-delay: 0.2s
}

.logo-strip .logo-strip__slider {
    background-color: #fff;
    box-shadow: 10px 10px 60px 0 rgba(4, 6, 44, 0.1);
    padding: 37px 100px;
    margin: 0 -15px
}

@media only screen and (min-width: 768px) {
    .logo-strip .logo-strip__slider {
        padding: 30px 50px;
        height: 110px;
        margin: 0 -25px
    }
}

@media only screen and (min-width: 1024px) {
    .logo-strip .logo-strip__slider {
        border-radius: 60px;
        margin: 0
    }
}

.logo-strip .logo-strip__slider--plain {
    background: none;
    border-radius: 0;
    padding: 40px 0
}

@media only screen and (min-width: 1024px) {
    .logo-strip .logo-strip__slider--plain {
        margin-bottom: 24px
    }
}

.logo-strip__item {
    width: 110px !important;
    height: 26px;
    justify-content: center;
    align-items: center
}

.logo-strip__item img {
    height: 50px !important;
    width: 110px !important;
}


@media only screen and (min-width: 768px) {
    .logo-strip__item {
        width: 25% !important;
    }
}

@media only screen and (min-width: 1024px) {
    .logo-strip__item {
        width: calc(20% - 15px) !important;
        margin: 0 15px;
    }

    .logo-strip__item:first-child {
        margin-left: 0;
    }

    .logo-strip__item:last-child {
        margin-right: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .logo-strip__item {
        width: calc(20% - 85px) !important;
        margin: 0 35px;
    }
}

.logo-strip__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-strip__subheading {
    font-size: 14px;
    line-height: 1;
    text-align: center;
    display: block;
    margin-bottom: 15px;
}

.multi-slider-wrapper {
    margin-top: 67px;
    padding: 0 15px;
}

@media only screen and (min-width: 768px) {
    .multi-slider-wrapper {
        margin-top: 0;
        padding: 0;
    }
}

.multi-slider__row {
    position: relative;
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 1024px) {
    .multi-slider__row {
        width: 100%;
    }
}

.multi-slider__row:first-child {
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .multi-slider__row:first-child {
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 1440px) {
    .multi-slider__row:first-child {
        left: calc((100vw - 1240px) / 2);
        max-width: calc(100vw - ((100vw - 1240px) / 2));
        width: 100vw;
        margin-bottom: 50px;
        ;
    }
}

@media only screen and (min-width: 768px) {
    .multi-slider__row--has-gradient:after {
        position: absolute;
        display: block;
        content: '';
        width: 72px;
        height: 100%;
        top: 0;
        right: 0;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
        z-index: 1;
    }
}

@media only screen and (min-width: 1024px) {
    .multi-slider__row--has-gradient:after {
        width: 102px;
    }
}

.multi-slider__heading {
    text-align: center;
    color: #DFE4EA;
}

.multi-slider__heading:hover {
    cursor: grab;
}

@media only screen and (min-width: 768px) {
    .multi-slider__heading {
        margin-bottom: 0;
        text-align: left;
    }

    .multi-slider__heading:hover {
        cursor: pointer;
    }
}

.multi-slider__heading--hidden-tablet {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .multi-slider__heading--hidden-tablet {
        display: none;
    }
}

.multi-slider__top {
    display: none
}

@media only screen and (min-width: 768px) {
    .multi-slider__top {
        display: block;
        width: 100vw
    }
}

@media only screen and (min-width: 768px) {
    .multi-slider__top {
        max-width: calc(100vw - ((100vw - 1240px + 144px + 84px + 224px) / 2))
    }
}

.multi-slider__top-item {
    justify-content: center;
    width: 100% !important
}

@media only screen and (min-width: 768px) {
    .multi-slider__top-item {
        justify-content: flex-start;
        display: inline-flex !important;
        width: auto !important
    }
}

@media only screen and (min-width: 1024px) {
    .multi-slider__top-item:hover {
        cursor: pointer
    }
}

.multi-slider__top-item.swiper-slide {
    transform-origin: right;
    transition-delay: 0.2s
}

@media only screen and (min-width: 1024px) {
    .multi-slider__top-item.swiper-slide {
        pointer-events: none
    }
}

.multi-slider__top-item.swiper-slide.swiper-slide-thumb-active .multi-slider__heading {
    background: linear-gradient(90deg, #4750DE, #55D292);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal
}

@media only screen and (min-width: 1024px) {
    .multi-slider__top-item.swiper-slide.swiper-slide-thumb-active .multi-slider__heading {
        background: none;
        color: #DFE4EA;
        -webkit-text-fill-color: #DFE4EA
    }
}

@media only screen and (min-width: 768px) {
    .multi-slider__top-item.swiper-slide.swiper-slide-thumb-active.swiper-slide-duplicate-active .multi-slider__heading {
        background: none;
        color: #DFE4EA;
        -webkit-text-fill-color: #DFE4EA
    }
}

.multi-slider__top-item.swiper-slide.swiper-slide-thumb-active.swiper-slide-active .multi-slider__heading,
.multi-slider__top-item.swiper-slide.swiper-slide-thumb-active.swiper-slide-next .multi-slider__heading {
    background: linear-gradient(90deg, #4750DE, #55D292);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal
}

@media only screen and (min-width: 1024px) {

    .multi-slider__top-item.swiper-slide.swiper-slide-thumb-active.swiper-slide-active,
    .multi-slider__top-item.swiper-slide.swiper-slide-thumb-active.swiper-slide-next {
        pointer-events: all
    }

    .multi-slider__top-item.swiper-slide.swiper-slide-thumb-active.swiper-slide-active+.swiper-slide,
    .multi-slider__top-item.swiper-slide.swiper-slide-thumb-active.swiper-slide-next+.swiper-slide {
        pointer-events: all
    }
}

.multi-slider__bottom {
    width: 100%;
    position: relative
}

@media only screen and (min-width: 1440px) {
    .multi-slider__bottom {
        left: calc((100vw - 1180px) / 2);
        max-width: calc(100vw - ((100vw - 1180px) / 2));
        width: 100vw
    }
}

@media only screen and (min-width: 768px) {
    .multi-slider__bottom-item {
        padding: 0 30px
    }
}

@media only screen and (min-width: 1024px) {
    .multi-slider__bottom-item {
        width: auto !important;
        padding: 0
    }
}

.multi-slider__bottom-item.swiper-slide-active .multi-slider__heading {
    background: linear-gradient(90deg, #4750DE, #55D292);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal
}

@media only screen and (min-width: 768px) {
    .multi-slider__controls {
        display: none
    }
}

.gallery-slider {
    position: relative
}

@media only screen and (min-width: 768px) {
    .gallery-slider {
        padding-left: 25px
    }
}

@media only screen and (min-width: 1024px) {
    .gallery-slider {
        padding-left: 30px
    }
}

@media only screen and (min-width: 1200px) {
    .gallery-slider {
        padding: 0;
        left: calc((100vw - 1180px) / 2);
        max-width: calc(100vw - ((100vw - 1180px) / 2));
        width: 100vw
    }
}

.gallery-slider__slide {
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .gallery-slider__slide {
        padding: 0;
        width: auto !important
    }
}

.gallery-slider__slide .gallery-card {
    transform: translateX(20px)
}

@media only screen and (min-width: 768px) {
    .gallery-slider__controls {
        display: none
    }
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.video-modal {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background: rgba(4, 6, 44, 0.9);
    z-index: 5;
    transition: opacity 0.22s ease-out
}

.video-modal__background {
    width: 100%;
    height: 100%
}

.video-modal__dialog {
    width: 980px;
    max-width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -40%);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out
}

.video-modal__content {
    width: 100%;
    position: relative;
    padding-bottom: 53.25%;
    height: 0;
    overflow: hidden
}

.video-modal__content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.video-modal.is-open {
    opacity: 1;
    pointer-events: auto
}

.video-modal.is-open .video-modal__dialog {
    opacity: 1;
    transform: translate(-50%, -50%)
}

.video-modal.is-open .video-modal__visual {
    opacity: 1;
    transform: translate(40px, 40px)
}

.video-modal__close {
    display: flex;
    position: absolute;
    right: 0;
    top: -40px;
    border-radius: 24px;
    min-width: 110px;
}

@media only screen and (min-width: 1024px) {
    .video-modal__close {
        top: -51px
    }
}

.video-modal__close-icon {
    font-size: 10px;
    margin-left: 30px;
    color: #4750DE
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.tab-navigation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto 30px
}

@media only screen and (min-width: 480px) {
    .tab-navigation {
        flex-direction: row;
        align-items: center;
        position: relative;
        left: -10px
    }
}

@media only screen and (min-width: 768px) {
    .tab-navigation {
        justify-content: center;
        left: 0;
        margin: 50px auto 35px
    }
}

.tab-navigation__item {
    position: relative
}

@media only screen and (min-width: 480px) {
    .tab-navigation__item.active .tab-navigation__button {
        transform: scale(1.1)
    }
}

@media only screen and (min-width: 768px) {
    .tab-navigation__item.active .tab-navigation__button {
        transform: scale(1.2)
    }
}

@media only screen and (min-width: 1024px) {
    .tab-navigation__item.active .tab-navigation__button {
        transform: scale(1.1)
    }
}

.tab-navigation__item.active .tab-navigation__button-text {
    background: linear-gradient(90deg, #4750DE, #55D292);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal
}

@media only screen and (min-width: 768px) {
    .tab-navigation__item.active .tab-navigation__button-text {
        font-size: 18.0px
    }
}

@media only screen and (min-width: 1024px) {
    .tab-navigation__item.active .tab-navigation__button-text {
        font-size: 30px
    }
}

.tab-navigation__item.active .tab-navigation__button-text:focus {
    outline: none
}

.tab-navigation__button {
    display: block;
    position: relative;
    outline: none;
    background: none;
    width: 100%;
    padding: 0;
    transition: transform 0.22s ease-out
}

.tab-navigation__button:active {
    color: #DFE4EA
}

@media only screen and (min-width: 480px) {
    .tab-navigation__button {
        padding: 0 10px
    }
}

@media only screen and (min-width: 768px) {
    .tab-navigation__button {
        padding: 0 20px
    }
}

.tab-navigation__button-text {
    color: #DFE4EA;
    font-size: 18.0px;
    transition: color 0.22s ease-out
}

@media only screen and (min-width: 480px) {
    .tab-navigation__button-text {
        transition: color 0.22s ease-out
    }
}

@media only screen and (min-width: 1024px) {
    .tab-navigation__button-text {
        font-size: 30px
    }
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.tab-panels {
    position: relative;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .tab-panels {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .tab-panels {
        margin-bottom: 40px
    }
}

.tab-panels__panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    transform: translateX(30px);
    transition: opacity 0.22s ease-out, transform 0.22s ease-out;
    padding: 0 5px
}

@media only screen and (min-width: 768px) {
    .tab-panels__panel {
        padding: 0
    }
}

.tab-panels__panel.active {
    position: relative;
    height: 100%;
    visibility: visible;
    opacity: 1;
    transform: none;
    pointer-events: all;
    z-index: 1
}

.tab-panels__panel.active .tab-panels__card {
    transform: none;
    opacity: 1;
    visibility: visible
}

.tab-panels__card {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px)
}

@media only screen and (min-width: 480px) {
    .tab-panels__card {
        margin: 0 10px 20px;
        width: calc(50% - 20px)
    }
}

@media only screen and (min-width: 768px) {
    .tab-panels__card {
        width: auto
    }
}

.tab-panels__card:first-child {
    transition: opacity 0.22s ease-in-out, transform 0.22s ease-in-out;
}

.tab-panels__card:nth-child(2) {
    transition: opacity 0.3s 0.1s ease-out, transform 0.3s 0.1s ease-out;
}

.tab-panels__card:nth-child(3) {
    transition: opacity 0.3s 0.2s ease-out, transform 0.3s 0.2s ease-out;
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.button {
    height: 48px;
    padding: 11px 20px;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 164px;
    font-size: 16.0px;
    text-align: center;
    background-color: #55D292;
    color: #04062C;
    border-radius: 24px;
    width: 100%;
    transition: background 0.22s ease-out, color 0.22s ease-out, box-shadow 0.22s ease-out, transform 0.22s ease-out;
}

@media only screen and (min-width: 480px) {
    .button {
        width: auto
    }
}

@media only screen and (min-width: 768px) {
    .button {
        font-size: 17px
    }
}

@media only screen and (min-width: 1024px) {

    .button:hover,
    .button:focus {
        transform: translateY(-6px);
        box-shadow: 0 5px 5px -5px rgba(153, 233, 165, 0.15), 0 10px 10px -5px rgba(153, 233, 165, 0.15), 0 15px 15px -5px rgba(153, 233, 165, 0.15), 0 20px 20px -5px rgba(153, 233, 165, 0.15)
    }
}

.button--secondary {
    background: #000;
    color: #fff;
}

.button--secondary:focus {
    background: #04062C;
    color: #fff
}

@media only screen and (min-width: 1024px) {

    .button--secondary:hover,
    .button--secondary:focus {
        box-shadow: 0 5px 5px -5px rgba(4, 6, 44, 0.15), 0 10px 10px -5px rgba(4, 6, 44, 0.15), 0 15px 15px -5px rgba(4, 6, 44, 0.15), 0 20px 20px -5px rgba(4, 6, 44, 0.15)
    }
}

.button--tertiary {
    background: #F1F2F6;
    color: #04062C
}

.button--tertiary:focus {
    background: #F1F2F6;
    color: #04062C
}

@media only screen and (min-width: 1024px) {

    .button--tertiary:hover,
    .button--tertiary:focus {
        box-shadow: 0 5px 5px -5px rgba(241, 242, 246, 0.15), 0 10px 10px -5px rgba(241, 242, 246, 0.15), 0 15px 15px -5px rgba(241, 242, 246, 0.15), 0 20px 20px -5px rgba(241, 242, 246, 0.15)
    }
}

.button--white,
.banner--dark .button--secondary {
    background: #fff;
    color: #04062C
}

.button--white:focus,
.banner--dark .button--secondary:focus {
    background: #fff;
    color: #04062C
}

@media only screen and (min-width: 1024px) {

    .button--white:hover,
    .banner--dark .button--secondary:hover,
    .button--white:focus,
    .banner--dark .button--secondary:focus {
        box-shadow: 0 5px 5px -5px rgba(255, 255, 255, 0.15), 0 10px 10px -5px rgba(255, 255, 255, 0.15), 0 15px 15px -5px rgba(255, 255, 255, 0.15), 0 20px 20px -5px rgba(255, 255, 255, 0.15)
    }
}

.button--mystic {
    background: #DFE4EA;
    color: #04062C
}

.button--mystic:focus {
    background: #DFE4EA;
    color: #04062C
}

@media only screen and (min-width: 1024px) {

    .button--mystic:hover,
    .button--mystic:focus {
        box-shadow: 0 5px 5px -5px rgba(223, 228, 234, 0.15), 0 10px 10px -5px rgba(223, 228, 234, 0.15), 0 15px 15px -5px rgba(223, 228, 234, 0.15), 0 20px 20px -5px rgba(223, 228, 234, 0.15)
    }
}

.button--ghost {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #04062C
}

.button--ghost:hover,
.button--ghost:focus {
    border: 1px solid #04062C
}

@media only screen and (min-width: 768px) {

    .button--ghost:hover,
    .button--ghost:focus {
        background: #000;
        color: #fff;
        box-shadow: 0 5px 5px -5px rgba(4, 6, 44, 0.15), 0 10px 10px -5px rgba(4, 6, 44, 0.15), 0 15px 15px -5px rgba(4, 6, 44, 0.15), 0 20px 20px -5px rgba(4, 6, 44, 0.15)
    }
}

.button--disabled {
    background: #F1F2F6;
    color: #99A1AA;
    cursor: default;
    pointer-events: none
}

.button__icon {
    font-size: 12.0px
}

.button__icon--large {
    font-size: 24.0px
}

.button--tiny {
    padding: 5px 15px;
    font-size: 15px;
    min-width: 110px;
    width: auto;
    height: 30px
}

.button--small {
    /* height: 38px;
    min-width: 140px;
    padding: 11px 15px */
    height: 38px;
    min-width: 140px;
    padding: 11px 15px !important;
    /* text-align: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap; */
}

.button--normal {
    min-width: 164px
}

.button--small-normal {
    min-width: 82px;
    height: 34px;
    padding: 9px 16px
}

@media only screen and (min-width: 768px) {
    .button--small-normal {
        min-width: 164px;
        height: 48px;
        padding: 20px
    }
}

.button--medium {
    min-width: 200px
}

.button--big {
    min-width: 220px
}

.button--auto {
    width: auto
}

.button--video {
    position: relative;
    padding-right: 48px;
    /* padding: 0px; */
}

@media only screen and (min-width: 1024px) {

    .button--video:hover .button__video-icon-container:before,
    .button--video:hover .button__video-icon-container:after,
    .button--video:focus .button__video-icon-container:before,
    .button--video:focus .button__video-icon-container:after {
        background: rgba(153, 233, 165, 0.7)
    }

    .button--video:hover .button__video-icon-container:after,
    .button--video:focus .button__video-icon-container:after {
        transition: background 0.3s 0.1s ease-out
    }
}

.button__video-icon-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px
}

.button__video-icon-container:before,
.button__video-icon-container:after {
    display: block;
    content: '';
    background: rgba(153, 233, 165, 0.2);
    border-radius: 50%;
    transition: background 0.22s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.button__video-icon-container:before {
    width: 41px;
    height: 41px
}

.button__video-icon-container:after {
    width: 48px;
    height: 48px
}

.button__video-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    color: #04062C;
    font-size: 10px;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.card {
    background: #fff;
    border-radius: 10px;
    transition: box-shadow 0.22s ease-out;
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05)
}

.talk_to_us_sec .wrapper--decreased {
    max-width: 1180px !important;
}



@media only screen and (min-width: 1024px) {

    /* .card:hover,
    .card:focus {
        box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05)
    } */

    .card:hover .card__subheading,
    .card:focus .card__subheading {
        color: #4750DE
    }

    .product_div .card:hover .card__subheading,
    .product_div .card:focus .card__subheading {
        color: #fff !important
    }

    .card:hover .card__link,
    .card:focus .card__link {
        color: #fff !important;
    }

    .card:hover .card__arrow-icon,
    .card:focus .card__arrow-icon {
        color: #fff !important;
        transform: translateX(5px)
    }

    .megamenu__row .card:hover .card__arrow-icon,
    .megamenu__row .card:focus .card__arrow-icon {
        color: #000 !important;
        transform: translateX(5px)
    }

    .service_div .card:hover .card__link,
    .service_div .card:focus .card__link {
        color: #000 !important;
    }

    .service_div .card:hover .card__arrow-icon,
    .service_div .card:focus .card__arrow-icon {
        color: #000 !important;
        transform: translateX(5px)
    }
}

/* .service_div .card__header{
    align-items: center;
} */
@media only screen and (min-width: 768px) {
    .card--couple {
        margin: 0 10px;
        width: calc(50% - 20px)
    }
}

@media only screen and (min-width: 768px) {
    .card--trio {
        margin: 0 10px;
        width: calc(50% - 20px)
    }
}

@media only screen and (min-width: 1024px) {
    .card--trio {
        margin: 0 10px;
        width: calc(33.33333% - 20px)
    }
}

@media only screen and (min-width: 1024px) {
    .card--quartet {
        margin: 0 10px;
        width: calc(30vh - 0px)
    }
}

.card--white {
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
    background-color: #fff
}

.card--white_hover_1 {
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
    background: linear-gradient(180deg, #ec848b3d 35%, #ec848b 100%)
}

.card--white_hover_2 {
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
    background: linear-gradient(180deg, #511da947 35%, #511da9 100%)
}

.card--white_hover_3 {
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
    background: linear-gradient(180deg, #00a38933 35%, #00a389 100%)
}

.card--white_hover_4 {
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
    background: linear-gradient(180deg, #196feb3d 35%, #196feb 100%)
}

.card--white_hover_5 {
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
    background: linear-gradient(180deg, #23b3d040 35%, #23b3d0 100%)
}

.card--white_hover_6 {
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
    background: linear-gradient(180deg, #ff44f885 35%, #6631ff 100%)
}



.card--white_hover_7 {
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
    background: linear-gradient(180deg, #cddc3945 35%, #CDDC39 100%);
}

.card--white_hover_8 {
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
    background: linear-gradient(180deg, #8e76fe40 35%, #8e76fe 100%);
}

@media only screen and (min-width: 1024px) {
    /* .card--white {
        box-shadow: 10px 10px 20px 0 rgba(223, 228, 234, 0.1)
    } */

    /* .card--white:hover,
    .card--white:focus {
        box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);       
    } */
}

.card--is-leaf {
    border-radius: 20px 0
}

.card__body {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    height: 100%
}

@media only screen and (min-width: 1024px) {
    .card__body {
        padding: 30px 20px 30px;
        flex-direction: column
    }
}

.card__body--secondary {
    flex-direction: column;
    padding: 24px;
}

@media only screen and (min-width: 1024px) {
    .card__body--secondary {
        padding: 30px;
    }
}

.card__body--column {
    flex-direction: column
}

.card__header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px
}

@media only screen and (min-width: 1024px) {
    .card__header {
        margin-bottom: 10px
    }
}

.card__body-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* margin-bottom: 10px; */
    width: 100%
}

.card__body-inner--secondary {
    margin-bottom: 10px
}

.card__subheading {
    color: #000;
    transition: color 0.22s ease-out;
    font-size: 20px !important;
    font-weight: 600;
    margin-bottom: 0px !important;
}

@media only screen and (min-width: 1024px) {
    .card__subheading {
        font-size: 14px
    }
}

.card__visual-container {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    transform: scale(0.63);
    min-width: 30px;
    width: 30px;
    min-height: 30px;
    height: 30px;
    margin-right: 20px;
    max-width: 100%
}

.card__visual-container svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media only screen and (min-width: 1024px) {
    .card__visual-container svg {
        position: static;
        transform: none
    }
}

.card__visual-container--secondary {
    margin-bottom: 0;
    margin-right: 0;
    transform: none;
    width: auto;
    min-width: 40px;
    min-height: 40px;
    height: 40px
}

.card__visual-container--horizontal {
    transform: none;
    min-width: auto;
    width: auto;
    min-height: auto;
    height: auto;
    margin-bottom: 10px
}

@media only screen and (min-width: 1024px) {
    .card__visual-container--horizontal {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .card__visual-container {
        transform: none;
        width: auto;
        min-width: auto;
        min-height: auto;
        height: auto;
        margin-right: 0
    }
}

.card__visual-src {
    /* width: 100%; */
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
}


.card__heading,
.card__text {
    color: #000
}

.card__heading {
    font-size: 15px;
    margin-bottom: 2px
}

.card__text {
    font-size: 12.00002px;
    line-height: 2;
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .card__text {
        font-size: 13.00002px;
    }
}

.card__text--large {
    font-size: 18px !important;
    line-height: 1.27778;
    color: #99A1AA;
}

@media only screen and (min-width: 1024px) {
    .card__text--large {
        line-height: 1.54545;
        font-size: 21.99999px
    }
}

.card__arrow-icon {
    display: none !important;
    font-size: 11px
}

@media only screen and (min-width: 1024px) {
    .card__arrow-icon {
        display: inline-flex !important;
        color: #DFE4EA;
        transition: color 0.22s ease-out, transform 0.22s ease-out
    }
}

.card__link {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #04062C !important
}

.product_div .card__link:hover {
    color: #fff !important
}

.product_div .card__text--large {
    color: #000;
}

.product_div .card__arrow-icon:hover {
    color: #fff !important
}

.product_div .border_line {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product_div .card__body-inner {
    height: auto !important;
}

.product_div .card__body {
    /* align-items: initial !important; */
}

@media only screen and (min-width: 1024px) {
    .card__link {
        color: #99A1AA;
        transition: color 0.22s ease-out
    }
}

.card__link .card__arrow-icon {
    display: inline-flex !important;
    color: #04062C !important;
    margin-left: 10px
}

@media only screen and (min-width: 1024px) {
    .card__link .card__arrow-icon {
        color: #99A1AA
    }
}

.card-container {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .card-container {
        flex-direction: row;
        margin: 0 -10px
    }
}

.card-container--wrap {
    position: relative;
    flex-wrap: wrap;
    left: -15px;
    width: calc(100% + 30px);
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .card-container--wrap {
        flex-direction: row;
        left: 0;
        width: auto;
        padding: 0;
        margin: -10px
    }
}

.card-container--wrap .card {
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .card-container--wrap .card {
        margin-bottom: 20px;

    }
}

@media only screen and (min-width: 768px) {
    .card-container--margins {
        margin: 50px 0 24px
    }
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.interruption-strip {
    background-color: #000;
    position: relative;
    /* z-index: 1; */
    border-radius: 0px !important;
    padding: 40px 0 60px
}

@media only screen and (min-width: 1024px) {
    .interruption-strip {
        border-radius: 60px;
        padding: 84px 0 50px 0;
    }
}

.interruption-strip+.page-strip--athens-gray {
    position: relative
}

.interruption-strip+.page-strip--athens-gray:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    background: linear-gradient(#fff 0%, #F1F2F6 100%)
}

.interruption-strip+.page-strip--athens-gray-lighter {
    position: relative
}

.interruption-strip+.page-strip--athens-gray-lighter:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    background: linear-gradient(#fff 0%, #FCFCFD 100%)
}

.interruption-strip--white {
    background: #fff;
    box-shadow: 10px 30px 60px 0 rgba(4, 6, 44, 0.1)
}

@media only screen and (min-width: 1024px) {
    .interruption-strip--white {
        box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05)
    }
}

.interruption-strip__wrapper {
    display: flex;
    align-items: center;
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .interruption-strip__wrapper {
        flex-direction: row;
        justify-content: space-between
    }
}

.interruption-strip__heading {
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 1024px) {
    .interruption-strip__heading {
        font-size: 32px;
        line-height: 42px;
        color: #fff;
    }
}

.interruption-strip__list {
    display: inline-flex;
    flex-direction: column;
    margin-bottom: 40px
}

@media only screen and (min-width: 1024px) {
    .interruption-strip__list {
        background-color: #fff;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
        border-radius: 40px;
        padding: 33px 45px;
        flex-direction: row;
        margin-bottom: 30px
    }
}

.interruption-strip__item {
    padding: 0 25px 25px 35px;
    font-size: 13.00002px;
    line-height: 2.5;
    position: relative
}

.interruption-strip__item:last-of-type {
    padding-right: 0;
    padding-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .interruption-strip__item {
        padding-bottom: 0
    }
}

.interruption-strip__item:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    font-family: "icons";
    font-size: 10px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #55D292;
    text-align: center;
    line-height: 28px
}

.interruption-strip__image {
    order: 0
}

@media only screen and (min-width: 1024px) {
    .interruption-strip__image {
        order: 0;
        min-width: 440px;
        width: 440px
    }
}

.interruption-strip__visual {
    display: block;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.interruption-strip__visual-src {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.interruption-strip__content {
    order: 1;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .interruption-strip__content {
        max-width: 600px;
        display: block;
        order: 0;
        padding: 25px 25px;
        margin-right: 15px
    }
}

.banner {
    padding-top: 90px
}

@media only screen and (min-width: 1024px) {
    .banner {
        padding-top: 170px
    }
}

@media only screen and (min-width: 1024px) {
    .banner--has-notice {
        padding-top: 220px;
        padding-bottom: 120px;
    }
}

@media only screen and (min-width: 1024px) {
    .banner--fifty-fifty {
        padding-top: 130px
    }
}

.banner--fifty-fifty.banner--dark {
    padding-bottom: 60px
}

@media only screen and (min-width: 768px) {
    .banner--fifty-fifty.banner--dark {
        padding-bottom: 0
    }
}

.banner--medium-top {
    padding-top: 85px
}

@media only screen and (min-width: 1024px) {
    .banner--medium-top {
        padding-top: 300px
    }
}

@media only screen and (min-width: 1024px) {
    .banner--tight-top {
        padding-top: 300px
    }
}

.banner__content {
    max-width: 730px;
}

.banner__content .card__text {
    font-size: 22px !important;
}

@media only screen and (min-width: 768px) {
    .banner__content {
        margin: 0 auto 23px;
        text-align: center
    }
}

.banner__content--center {
    text-align: center
}

.banner__contents {
    max-width: 540px;
    margin: auto
}

@media only screen and (min-width: 768px) {
    .banner__contents {
        padding-top: 260px
    }
}

@media only screen and (min-width: 1024px) {
    .banner__contents {
        min-height: 1267px;
        max-width: none
    }
}

.banner__subheading {
    color: #4750DE;
    line-height: 1;
    font-size: 12.0px
}

@media only screen and (min-width: 768px) {
    .banner__subheading {
        font-size: 14px
    }
}

.banner__title {
    color: #fff;
    line-height: 1.4 !important;
}

.banner__title--margin-top {
    margin-top: 20px
}

@media only screen and (min-width: 1024px) {
    .banner__title--margin-top {
        margin-top: 40px
    }
}

.banner__text {
    max-width: 780px;
    font-size: 16.0px;
    line-height: 1.875;
    margin: 0 auto 30px
}

.banner__visual-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    left: 0;
    height: 100%;
    margin: 10px auto 0
}

@media only screen and (min-width: 480px) {
    .banner__visual-container {
        width: 100%;
        height: auto;
        left: 0;
        margin: 23px auto 50px
    }
}

.banner__visual-container--is-leaf {
    width: 100%;
    height: auto;
    left: 0;
    border-radius: 74px 0;
    margin-top: 25px
}

@media only screen and (min-width: 1024px) {
    .banner__visual-container--is-leaf {
        border-radius: 150px 0;
        margin-top: 60px;
        margin-bottom: 0
    }
}

.banner__visual {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
}

@media only screen and (min-width: 480px) {
    .banner__visual {
        width: 100%
    }
}

@media only screen and (min-width: 1024px) {
    .banner__visual {
        margin-bottom: 0
    }
}

.banner__visual--square {
    width: 100%;
    max-height: 560px
}

@media only screen and (min-width: 1024px) {
    .banner__visual--devices {
        min-height: 495px
    }
}

@media only screen and (min-width: 1200px) {
    .banner__visual--devices {
        display: none
    }
}

.banner__visual-src {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

@media only screen and (min-width: 1024px) {
    .banner--has-visual {
        margin-bottom: -77px
    }
}

@media only screen and (min-width: 1024px) {
    .banner--has-visual+.page-strip {
        margin-top: 0
    }
}

@media only screen and (min-width: 768px) {
    .banner__container--has-sticky {
        margin-bottom: 135px
    }
}

@media only screen and (min-width: 1024px) {
    .banner__container--has-sticky {
        margin-bottom: 155px
    }
}

@media only screen and (min-width: 1200px) {
    .banner__container--has-sticky {
        margin-bottom: 150px
    }
}

.banner__video-button {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.banner--lead-gen {
    position: relative;
    background: #04062C;
    overflow: hidden;
    padding-bottom: 74px;
    margin-bottom: -35px
}

@media only screen and (min-width: 768px) {
    .banner--lead-gen {
        padding-top: 0
    }
}

@media only screen and (min-width: 1024px) {
    .banner--lead-gen {
        padding-bottom: 0;
        min-height: 1267px;
        margin-bottom: -147px
    }
}

.banner--lead-gen:after {
    display: none
}

@media only screen and (min-width: 1024px) {
    .banner--lead-gen:after {
        position: absolute;
        display: block;
        content: '';
        top: 0;
        right: 0;
        width: 44%;
        height: 100%;
        background: #fff;
        z-index: 0
    }
}

.banner--lead-gen.banner--no-bottom-indent {
    padding-bottom: 0
}

.banner--no-bottom-indent {
    margin-bottom: 0
}

.banner--dark {
    background: #04062C
}

.banner--dark .banner__subheading,
.banner--dark .content__subheading {
    color: #55D292
}

.banner--dark .banner__title,
.banner--dark .content__title,
.banner--dark .content__text,
.banner--dark .sticky-nav__heading,
.banner--dark .sticky-nav__link,
.banner--dark .static-nav__heading,
.banner--dark .static-nav__link,
.banner--dark .benefit-card__heading,
.banner--dark .benefit-card__text {
    color: #fff;
    transition: none
}

.banner--dark .notice__link,
.banner--dark .notice__icon-text {
    color: #fff
}

@media only screen and (min-width: 768px) {

    .banner--dark .notice__link,
    .banner--dark .notice__icon-text {
        color: #04062C
    }
}

.banner--dark .sticky-nav {
    border-bottom-color: transparent;
    transition: none
}

.banner--dark .banner__container--has-sticky+.sticky-nav .sticky-nav__heading,
.banner--dark .banner__container--has-sticky+.sticky-nav .sticky-nav__link {
    color: #04062C
}

.features-strip {
    display: inline-flex;
    margin-bottom: 18px
}

@media only screen and (min-width: 768px) {
    .features-strip {
        background: #fff;
        max-width: 830px;
        margin: 0 auto 34px;
        padding: 26px 44px;
        border-radius: 40px;
        box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05)
    }
}

.features-strip__list {
    display: inline-flex;
    justify-content: center;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .features-strip__list {
        flex-direction: row
    }
}

.features-strip__item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    text-align: left
}

@media only screen and (min-width: 768px) {
    .features-strip__item {
        margin-right: 10px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .features-strip__item {
        margin-right: 30px
    }
}

.features-strip__item:last-child {
    margin-right: 0
}

.features-strip__icon {
    border: 1px solid #55D292;
    border-radius: 50%;
    color: #04062C;
    font-size: 10px;
    min-width: 28px;
    width: 28px;
    height: 28px;
    margin-right: 10px
}

.features-strip__text {
    margin-bottom: 0;
    font-size: 13.00002px
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.notice {
    display: inline-flex;
    align-items: center;
    border-radius: 24px;
    background: #F1F2F6;
    margin: 0 auto;
    padding: 0 10px 0 0
}

.notice__row {
    display: flex
}

.notice--secondary {
    background: none;
    border-radius: 0;
    flex-direction: column;
    align-items: flex-start
}

@media only screen and (min-width: 768px) {
    .notice--secondary {
        flex-direction: row;
        align-items: center;
        background: #fff;
        box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
        border-radius: 30px;
        padding: 13px 20px
    }
}

.notice-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 35px
}

@media only screen and (min-width: 768px) {
    .notice-container {
        margin-top: 0;
        margin-bottom: 20px
    }
}

.notice__tag,
.notice__link,
.notice__text {
    font-size: 12.0px;
}

.notice__tag {
    color: #fff;
    border-radius: 24px;
    background: linear-gradient(#E9375D, #F0A73C);
    margin-right: 15px;
    padding: 3px 15px
}

.notice__tag--secondary,
.notice__tag--gray-lighter {
    color: #04062C
}

.notice__tag--secondary {
    background: #DFE4EA;
    margin-right: 10px
}

.notice__tag--gray-lighter {
    background: #FCFCFD;
    margin-right: 20px
}

.notice__tag--has-icon {
    display: flex
}

.notice__link,
.notice__text {
    color: #04062C;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 57vw
}

@media only screen and (min-width: 768px) {

    .notice__link,
    .notice__text {
        max-width: 400px
    }
}

.notice__link--secondary,
.notice__text--secondary {
    line-height: 1.875;
    font-size: 16.0px;
    max-width: calc(100vw - 30px)
}

@media only screen and (min-width: 768px) {

    .notice__link--secondary,
    .notice__text--secondary {
        max-width: 260px
    }
}

@media only screen and (min-width: 1024px) {

    .notice__link--secondary,
    .notice__text--secondary {
        max-width: 521px
    }
}

@media only screen and (min-width: 1024px) {

    .notice__link:hover+.notice__icon,
    .notice__link:focus+.notice__icon {
        color: #4750DE
    }
}

.notice__link--secondary {
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .notice__link--secondary {
        margin-top: 0
    }
}

@media only screen and (min-width: 1024px) {

    .notice__link--secondary:hover+.notice__icon-text,
    .notice__link--secondary:focus+.notice__icon-text {
        color: #04062C
    }

    .notice__link--secondary:hover+.notice__icon-text .notice__icon,
    .notice__link--secondary:focus+.notice__icon-text .notice__icon {
        color: #4750DE
    }
}

.notice__text {
    margin-right: 15px
}

.notice__icon {
    margin-left: 15px;
    color: #4750DE;
    font-size: 12.0px;
    transition: color 0.22s ease-out
}

@media only screen and (min-width: 768px) {
    .notice__icon {
        color: #99A1AA
    }
}

.notice__icon--secondary {
    margin-left: 0;
    color: #4750DE;
    font-size: 13.00002px;
    margin-right: 14px
}

.notice__icon-text {
    font-size: 15px;
    transition: color 0.22s ease-out;
    color: #04062C
}

@media only screen and (min-width: 768px) {
    .notice__icon-text {
        margin-left: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .notice__icon-text {
        color: #99A1AA
    }
}

.notice__icon-text .notice__icon {
    color: #55D292
}

@media only screen and (min-width: 1024px) {
    .notice__icon-text .notice__icon {
        color: #99A1AA
    }
}

@media only screen and (min-width: 1024px) {

    .notice__icon-text:hover,
    .notice__icon-text:focus {
        color: #04062C
    }

    .notice__icon-text:hover .notice__icon,
    .notice__icon-text:focus .notice__icon {
        color: #4750DE
    }
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

@media only screen and (min-width: 480px) {
    .content--left-center {
        text-align: center
    }
}

.content--center {
    text-align: center
}

.content--small {
    margin: 0 auto;
    max-width: 480px
}

@media only screen and (min-width: 1024px) {
    .content--small {
        margin: 0
    }
}

.content--medium {
    margin: 0 auto;
    max-width: 540px
}

@media only screen and (min-width: 1024px) {
    .content--medium {
        margin: 0;
        padding-left: 10px
    }
}

@media only screen and (min-width: 1024px) {
    .content--text-left {
        margin-left: auto
    }
}

.content__button-list {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width: 1024px) {
    .content__button-list {
        flex-wrap: nowrap;
        margin: 0 -10px
    }
}

.content__button-list--centered {
    justify-content: center
}

.content__button-list--mobile-centered {
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .content__button-list--mobile-centered {
        justify-content: flex-start
    }
}

.content__button-list--margin-top {
    margin-top: 20px
}

.content__button-list-item {
    margin-bottom: 15px;
    width: 100%
}

@media only screen and (min-width: 480px) {
    .content__button-list-item {
        margin-right: 10px;
        width: auto
    }
}

@media only screen and (min-width: 1024px) {
    .content__button-list-item {
        margin: 0 10px
    }
}

@media only screen and (min-width: 768px) {
    .content__title {
        margin-bottom: 10px
    }
}

.content__heading {
    font-size: 26px;
    line-height: 38px;
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
    .content__heading {
        font-size: 52px;
        line-height: 63px
    }
}

.content__heading--gradient {
    background: linear-gradient(90deg, #4750DE, #55D292);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal
}

.content__heading--small {
    font-size: 22px;
    line-height: 30px
}

@media only screen and (min-width: 768px) {
    .content__heading--small {
        font-size: 32px;
        line-height: 42px
    }
}

.content__subheading {
    color: #4750DE;
    line-height: 1;
    font-size: 12.0px
}

@media only screen and (min-width: 768px) {
    .content__subheading {
        font-size: 14px
    }
}

@media only screen and (min-width: 768px) {
    .content__subheading--small-margin-bottom {
        margin-bottom: 10px
    }
}

.content__text {
    font-size: 16.0px;
    line-height: 1.875
}

.content__image-container {
    width: 100%;
    overflow: hidden;
    border-radius: 74px 0;
    max-width: 540px;
    max-height: 258px;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .content__image-container {
        border-radius: 140px 0;
        margin-left: auto;
        height: 484px;
        max-height: 484px
    }
}

@media only screen and (min-width: 1024px) {
    .content__image-container--left {
        margin-left: 0;
        margin-right: auto
    }
}

.content__image-container--large {
    height: 288px;
    max-width: none;
    max-height: none;
    margin-top: 40px;
    border-radius: 0;
    text-align: center
}

.content__image-container--large .content__picture {
    display: inline-block;
    width: auto
}

.content__image-container--large .content__image {
    width: auto
}

@media only screen and (min-width: 768px) {
    .content__image-container--large {
        margin-top: 0;
        height: 380px;
        max-height: 380px
    }
}

@media only screen and (min-width: 1024px) {
    .content__image-container--large {
        height: 480px;
        max-height: 480px
    }
}

@media only screen and (min-width: 1200px) {
    .content__image-container--large {
        height: 520px;
        max-height: 520px
    }
}

@media only screen and (min-width: 1440px) {
    .content__image-container--large {
        height: 580px;
        max-height: 580px
    }
}

.content__picture {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.content__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.three-cards__wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 -15px;
    align-items: center
}

@media only screen and (min-width: 480px) {
    .three-cards__wrapper {
        flex-direction: row;
        align-items: stretch;
        justify-content: center
    }
}

@media only screen and (min-width: 768px) {
    .three-cards__wrapper {
        margin: 40px -10px 20px;
        justify-content: flex-start
    }
}

.three-cards__wrapper--centered {
    justify-content: center
}

.three-cards__card {
    margin-bottom: 20px;
    max-width: 380px
}

@media only screen and (min-width: 768px) {
    .three-cards__card {
        margin: 0 10px 20px;
        width: calc(50% - 20px)
    }
}

@media only screen and (min-width: 1024px) {
    .three-cards__card {
        margin-bottom: 0;
        width: calc(33.3333% - 20px)
    }
}

.three-cards__ctas {
    margin: 10px 0 0;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .three-cards__ctas {
        margin: 40px 0 0
    }
}

.three-cards__cta {
    width: 100%
}

@media only screen and (min-width: 480px) {
    .three-cards__cta {
        width: auto
    }
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.image-card {
    border-radius: 10px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.22s ease-out;
    padding: 15px;
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
    background: #fff
}

@media only screen and (min-width: 1024px) {
    .image-card {
        box-shadow: 10px 10px 20px 0 rgba(223, 228, 234, 0.1)
    }

    .image-card:hover,
    .image-card:focus {
        box-shadow: 10px 10px 60px 0 rgba(4, 6, 44, 0.1)
    }

    .image-card:hover .image-card__link,
    .image-card:focus .image-card__link {
        color: #04062C
    }

    .image-card:hover .image-card__link-icon,
    .image-card:focus .image-card__link-icon {
        color: #55D292;
        transform: translateX(5px)
    }
}

@media only screen and (min-width: 1200px) {
    .image-card {
        padding: 30px
    }
}

.image-card--secondary {
    max-width: 380px;
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
    margin: 15px auto 0
}

@media only screen and (min-width: 768px) {
    .image-card--secondary {
        margin: 0 auto;
        min-height: 440px;
        padding: 42px 30px 30px
    }
}

@media only screen and (min-width: 768px) {
    .image-card--secondary .image-card__content {
        min-height: 330px
    }
}

.image-card--secondary .image-card__content-bottom {
    margin-top: 30px
}

@media only screen and (min-width: 768px) {
    .image-card--secondary .image-card__content-bottom {
        margin-top: auto
    }
}

.image-card__picture {
    display: block;
    height: 185px;
    width: 100%
}

.image-card__picture img {
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
}

@media only screen and (min-width: 768px) {
    .image-card__picture {
        min-height: 220px;
        height: 220px
    }
}

.image-card__picture-source {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
    border-radius: 10px
}

.image-card__badge {
    /* color: #fff;
    background: linear-gradient(90deg, #E9375D, #4750DE);
    top: 30px;
    left: 30px;
    border-radius: 20px;
    padding: 7px 15px;
    font-size: 12.0px;
    line-height: 1; */
    position: absolute;
    color: #fff;
    background: linear-gradient(90deg, #E9375D, #4750DE);
    top: 30px;
    left: 30px;
    border-radius: 20px;
    padding: 8px 12px !important;
    font-size: 12.0px;
    line-height: 1;
    height: 25px !important;
    justify-content: center !important;
    text-align: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

@media only screen and (min-width: 768px) {
    .image-card__badge {
        padding: 8px 12px !important;
        top: 35px;
        left: 30px
    }
}

@media only screen and (min-width: 1200px) {
    .image-card__badge {
        padding: 8px 12px !important;
        top: 45px;
        left: 45px
    }
}

.image-card__info {
    background-color: #F1F2F6;
    border-radius: 24px;
    justify-content: start;
    /* padding: 1px 10px; */
    margin: -12px 20px 0;
    z-index: 1;
    position: relative;
    font-size: 12.0px;
    color: #04062C;
    display: flex;
    align-items: center;
    min-height: 24px;
}

@media only screen and (min-width: 768px) {
    .image-card__info {
        justify-content: space-around;
        align-items: center;
        padding: 0px 15px;
        padding-left: 0px !important;
        margin: -15px 20px 0;
        min-height: 28px;
    }
}

.image-card__info-type {
    background-color: #DFE4EA;
    border-radius: 24px;
    padding: 4px 15px;
    /* margin: -4px 0 -4px -10px; */
}

@media only screen and (min-width: 768px) {
    .image-card__info-type {
        padding: 4px 15px;
        margin: -5px 0 -5px -15px;
    }
}

.image-card__info-type-with-icon {
    display: flex;
    background-color: #FCFCFD;
    border-radius: 24px;
    padding: 1px 10px;
    margin: -4px -10px -4px auto;
}

@media only screen and (min-width: 768px) {
    .image-card__info-type-with-icon {
        padding: 3px 15px;
        margin: -5px -15px -5px auto;
    }
}

.image-card__info-read-time {
    color: #99A1AA;
    height: 100%;
    margin-left: 20px;
    margin-right: 20px;
}

@media only screen and (min-width: 768px) {
    .image-card__info-read-time {
        margin-left: 10px;
        margin-right: 10px;
        padding: 5px 0px;
    }
}

.image-card__info-date {
    /* margin-left: auto; */
}

.image-card__info-icon {
    color: #4750DE;
    margin-right: 10px;
}

.image-card__heading {
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
    height: 100%;
}

@media only screen and (min-width: 768px) {
    .image-card__heading {
        font-size: 18.0px;
        margin-top: 24px;
        margin-bottom: 25px;
    }
}

.image-card__heading--secondary {
    margin-top: 35px;
    margin-bottom: 7px;
}

.image-card__heading--height-auto {
    height: auto
}

.image-card__subheading {
    color: #99A1AA;
    font-size: 14px;
}

@media only screen and (min-width: 768px) {
    .image-card__subheading {
        font-size: 16.0px;
        line-height: 1;
        margin-bottom: 55px;
    }
}

.image-card__content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.image-card__content-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.image-card__profile-img {
    border-radius: 50%;
    width: 34px;
    height: 34px;
}

@media only screen and (min-width: 768px) {
    .image-card__profile-img {
        width: 40px;
        height: 40px;
    }
}

.image-card__link {
    color: #04062C;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: color 0.22s ease-out;
}

.image-card__link-icon {
    color: #55D292;
    padding-left: 8px;
    font-size: 10px;
    transition: color 0.22s ease-out, transform 0.22s ease-out;
}

@media only screen and (min-width: 1024px) {
    .image-card__link-icon {
        color: #99A1AA;
    }
}

@media only screen and (min-width: 1024px) {
    .image-card__link {
        color: #99A1AA;
    }
}

.image-card__tag {
    z-index: 1;
    position: relative;
    font-size: 12.0px;
    color: #fff;
    display: flex;
    align-items: center;
    min-height: 21px;
    background-color: #99A1AA;
    border-radius: 24px;
    padding: 1px 10px
}

@media only screen and (min-width: 768px) {
    .image-card__tag {
        padding: 3px 15px
    }
}

.image-card__row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.image-card__row-text {
    display: flex;
    color: #04062C;
    font-size: 12.0px;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .image-card__row-text {
        font-size: 16.0px
    }
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.two-col-cards {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

@media only screen and (min-width: 768px) {
    .two-col-cards {
        flex-direction: row;
        margin: 0 -10px;
        align-items: stretch
    }
}

@media only screen and (min-width: 768px) {
    .two-col-cards--wrap {
        margin-bottom: 40px
    }
}

.two-col-cards--wrap .two-col-card {
    margin-bottom: 20px
}

.two-col-cards--wrap .two-col-card:last-of-type {
    margin-bottom: 20px
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.two-col-card {
    width: 100%;
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 22px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    transition: box-shadow 0.22s ease-out;
    max-width: 580px
}

.two-col-card:last-of-type {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .two-col-card {
        width: calc(50% - 20px);
        margin: 0 10px
    }
}

@media only screen and (min-width: 1024px) {
    .two-col-card {
        padding: 40px 50px
    }

    .two-col-card:hover,
    .two-col-card:focus {
        box-shadow: 10px 10px 60px 0 rgba(4, 6, 44, 0.1)
    }

    .two-col-card:hover .two-col-card__ctas,
    .two-col-card:focus .two-col-card__ctas {
        opacity: 1
    }
}

.two-col-card__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.two-col-card__subheading {
    font-size: 12.0px;
    line-height: 1;
}

@media only screen and (min-width: 1024px) {
    .two-col-card__subheading {
        font-size: 14px
    }
}

.two-col-card__subheading--rose {
    color: #E9375D
}

.two-col-card__subheading--pumpkin {
    color: #F0A73C
}

.two-col-card__subheading--blue {
    color: #4750DE
}

.two-col-card__info {
    text-align: center
}

.two-col-card__heading {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1024px) {
    .two-col-card__heading {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 20px
    }
}

.two-col-card__text {
    font-size: 16px;
    line-height: 30px;
    color: #04062C;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .two-col-card__text {
        font-size: 18.0px
    }
}

.two-col-card__picture {
    display: block;
    height: 185px;
    width: 100%;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .two-col-card__picture {
        height: 240px
    }
}

.two-col-card__picture-source {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain;
}

.two-col-card__ctas {
    opacity: 1;
    transition: opacity 0.22s ease-out;
}

@media only screen and (min-width: 480px) {
    .two-col-card__ctas {
        text-align: center;
    }
}

@media only screen and (min-width: 1024px) {
    .two-col-card__ctas {
        margin: 0 -40px;
        opacity: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .two-col-card__ctas {
        margin: 0 -10px;
    }
}

.two-col-card__cta {
    display: flex;
    margin-bottom: 15px;
}

.two-col-card__cta:last-of-type {
    margin-bottom: 0;
}

@media only screen and (min-width: 480px) {
    .two-col-card__cta {
        display: inline-flex;
        margin: 10px;
    }
}

@media only screen and (min-width: 1024px) {
    .two-col-card__cta {
        margin: 0 10px 10px;
    }
}

@media only screen and (min-width: 1200px) {
    .two-col-card__cta {
        margin: 0 10px;
    }
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.expandable-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-anchor: none;
}

@media only screen and (min-width: 1024px) {
    .expandable-block {
        width: 100%;
    }
}

.expandable-block__inner {
    max-height: 630px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    transition: max-height 0.22s ease-out;
    width: calc(100% + 30px);
    padding: 0 15px;
}

@media only screen and (min-width: 768px) {
    .expandable-block__inner {
        width: 100%;
        padding: 0;
        overflow: visible;
        max-height: none;
        margin-bottom: 0;
    }
}

.expandable-block__inner:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 230px;
    background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 100%);
    transition: opacity 0.22s ease-out;
}

@media only screen and (min-width: 1024px) {
    .expandable-block__inner:after {
        display: none;
    }
}

.expandable-block__inner--expanded:after {
    opacity: 0;
}

@media only screen and (min-width: 768px) {
    .expandable-block__inner--tablet {
        overflow: visible;
        max-height: none;
        margin-bottom: 0;
    }

    .expandable-block__inner--tablet:after {
        display: none;
    }
}

.expandable-block__button {
    display: block;
    padding: 0;
    background: none;
    outline: none;
}

@media only screen and (min-width: 1024px) {
    .expandable-block__button {
        display: none;
    }
}

@media only screen and (min-width: 1024px) {
    .expandable-block__button--desktop {
        display: flex;
    }
}

@media only screen and (min-width: 768px) {
    .expandable-block__button--tablet {
        display: none;
    }
}

.expandable-block__button--hidden {
    display: none;
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.shape {
    position: absolute;
    z-index: 0;
    transform: rotate(57deg);
    width: 120px;
    height: 444px;
    border-radius: 5px 120px;
}

@media only screen and (min-width: 768px) {
    .shape {
        width: 164px;
        height: 610px;
        border-radius: 5px 164px;
    }
}

.shape--large {
    width: 270px;
    height: 1300px;
    border-radius: 5px 535px;
    background: linear-gradient(rgba(252, 252, 253, 0) 0%, #f1f2f6 100%)
}

@media only screen and (min-width: 768px) {
    .shape--large {
        width: 535px;
        height: 2000px
    }
}

.shape--first,
.shape--third,
.shape--seventh,
.shape--eighth {
    /* background-color: #fff;
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05) */
}

.shape--second,
.shape--fifth {
    background-color: #4750DE;
    box-shadow: inset 0 5px 40px 0 rgba(4, 6, 44, 0.4)
}

.shape--fourth,
.shape--ninth {
    background: #DFE4EA;
    box-shadow: inset 0 5px 40px 0 rgba(153, 161, 170, 0.2)
}

.shape--fourth {
    display: block
}

.shape--fourth,
.shape--fifth,
.shape--ninth {
    display: none
}

@media only screen and (min-width: 768px) {

    .shape--fourth,
    .shape--fifth,
    .shape--ninth {
        display: block
    }
}

.shape--seventh,
.shape--eighth {
    display: none
}

@media only screen and (min-width: 1024px) {

    .shape--seventh,
    .shape--eighth {
        display: block;
        z-index: 3
    }
}

.shape--ninth {
    top: -109px;
    right: -140px
}

.shape-container {
    position: relative;
    overflow: hidden
}

.shape-container .banner,
.shape-container .page-strip {
    position: relative;
    z-index: 1
}

.shape-container .page-strip {
    z-index: 2
}

.shape-container .page-strip--on-top {
    z-index: 3
}

.shape-container--secondary {
    /* z-index: 1 */
}

.shape-container--secondary .shape {
    display: none
}

@media only screen and (min-width: 1024px) {
    .shape-container--secondary .shape {
        display: block
    }
}

.shape-container--secondary .shape--first,
.shape-container--secondary .shape--second {
    background: #010212
}

.shape-container--secondary .shape-parallax-back--first,
.shape-container--secondary .shape-parallax-front--first {
    top: 160px
}

.shape-container--secondary .shape-parallax-back--second,
.shape-container--secondary .shape-parallax-front--second {
    top: -195px;
    left: 400px
}

@media only screen and (min-width: 1200px) {

    .shape-container--secondary .shape-parallax-back--second,
    .shape-container--secondary .shape-parallax-front--second {
        left: 700px
    }
}

.shape-container--secondary .shape-parallax-back--third,
.shape-container--secondary .shape-parallax-front--third {
    top: -353px;
    right: 0
}

@media only screen and (min-width: 1200px) {

    .shape-container--secondary .shape-parallax-back--third,
    .shape-container--secondary .shape-parallax-front--third {
        top: -256px;
        right: 162px
    }
}

.shape-container--secondary .shape-parallax-back--fourth,
.shape-container--secondary .shape-parallax-front--fourth {
    top: -134px;
    right: -215px
}

.shape-container--secondary .shape-parallax-back--fifth,
.shape-container--secondary .shape-parallax-front--fifth {
    top: 630px
}

.shape-container--secondary .shape-parallax-back--seventh,
.shape-container--secondary .shape-parallax-front--seventh,
.shape-container--secondary .shape-parallax-back--eighth,
.shape-container--secondary .shape-parallax-front--eighth {
    z-index: 2
}

.shape-container--secondary .shape--large {
    background: #F1F2F6
}

.shape-container--secondary .shape-parallax-back--large,
.shape-container--secondary .shape-parallax-front--large {
    top: 279px;
    left: auto;
    right: 400px
}

@media only screen and (min-width: 1024px) {

    .shape-container--secondary .shape-parallax-back--large,
    .shape-container--secondary .shape-parallax-front--large {
        top: 290px;
        right: 750px
    }
}

@media only screen and (min-width: 1440px) {

    .shape-container--secondary .shape-parallax-back--large,
    .shape-container--secondary .shape-parallax-front--large {
        right: 950px
    }
}

.shape-container--tertiary .shape--second {
    display: none
}

@media only screen and (min-width: 768px) {
    .shape-container--tertiary .shape--second {
        display: block
    }
}

.shape-container--tertiary .shape--fifth {
    display: none
}

@media only screen and (min-width: 768px) {
    .shape-container--tertiary .shape--fifth {
        display: block
    }
}

@media only screen and (min-width: 768px) {

    .shape-container--tertiary .shape-parallax-front--fifth,
    .shape-container--tertiary .shape-parallax-back--fifth {
        top: 210px
    }
}

@media only screen and (min-width: 1024px) {

    .shape-container--tertiary .shape-parallax-front--fifth,
    .shape-container--tertiary .shape-parallax-back--fifth {
        top: 460px
    }
}

.shape-container--tertiary .shape-parallax-front--seventh,
.shape-container--tertiary .shape-parallax-back--seventh,
.shape-container--tertiary .shape-parallax-front--eighth,
.shape-container--tertiary .shape-parallax-back--eighth,
.shape-container--tertiary .shape-parallax-front--ninth,
.shape-container--tertiary .shape-parallax-back--ninth {
    width: 164px;
    height: 610px
}

.shape-container--tertiary .shape-parallax-front--seventh,
.shape-container--tertiary .shape-parallax-back--seventh,
.shape-container--tertiary .shape-parallax-front--eighth,
.shape-container--tertiary .shape-parallax-back--eighth {
    z-index: 2
}

.shape-container--tertiary .shape-parallax-front--seventh,
.shape-container--tertiary .shape-parallax-back--seventh {
    top: 8350px;
    left: 150px
}

.shape-container--tertiary .shape-parallax-front--eighth,
.shape-container--tertiary .shape-parallax-back--eighth {
    top: 8000px
}

.shape-container--tertiary .shape-parallax-front--ninth,
.shape-container--tertiary .shape-parallax-back--ninth {
    top: 7050px
}

.shape-container--tertiary .shape--ninth {
    right: 0
}

.shape-container--quaternary .shape-parallax-back--first,
.shape-container--quaternary .shape-parallax-front--first {
    top: 44px;
    left: -173px
}

.shape-container--quaternary .shape-parallax-back--third,
.shape-container--quaternary .shape-parallax-front--third {
    top: -360px;
    right: -65px
}

.shape-container--quaternary .shape-parallax-back--fourth,
.shape-container--quaternary .shape-parallax-front--fourth {
    top: 107px;
    right: -130px
}

.shape--first,
.shape--second {
    transform: rotate(57deg) translate(-10%, 10%)
}

.shape--third,
.shape--fourth,
.shape--fifth {
    transform: rotate(57deg) translate(-10%, -10%)
}

.shape--large {
    transform: rotate(57deg) scale(0.5)
}

.shape-container--secondary .shape--second {
    transform: rotate(57deg) translate(-10%, -10%)
}

.shape-parallax-front,
.shape-parallax-back {
    display: block;
    position: absolute
}

.shape-parallax-front--first,
.shape-parallax-back--first {
    top: 117px;
    left: -123px
}

@media only screen and (min-width: 768px) {

    .shape-parallax-front--first,
    .shape-parallax-back--first {
        top: 163px;
        left: -163px
    }
}

.shape-parallax-front--second,
.shape-parallax-back--second {
    top: 492px;
    left: -110px
}

@media only screen and (min-width: 768px) {

    .shape-parallax-front--second,
    .shape-parallax-back--second {
        top: 379px;
        left: 0
    }
}

.shape-parallax-front--third,
.shape-parallax-back--third {
    top: -281px;
    right: -160px;
    width: 120px;
    height: 444px
}

@media only screen and (min-width: 768px) {

    .shape-parallax-front--third,
    .shape-parallax-back--third {
        top: -260px;
        right: 146px
    }
}

.shape-parallax-front--fourth,
.shape-parallax-back--fourth {
    top: -135px;
    right: -230px;
    width: 164px;
    height: 610px
}

.shape-parallax-front--large,
.shape-parallax-back--large {
    top: 350px;
    left: -100px
}

@media only screen and (min-width: 768px) {

    .shape-parallax-front--large,
    .shape-parallax-back--large {
        top: 100px;
        left: 424px
    }
}

.shape-parallax-front--fifth,
.shape-parallax-back--fifth {
    top: 630px;
    right: 130px
}

.shape-parallax-front--seventh,
.shape-parallax-back--seventh {
    top: 4104px;
    left: -28px
}

.shape-parallax-front--eighth,
.shape-parallax-back--eighth {
    right: -28px;
    top: 4000px
}

.shape-parallax-front--seventh,
.shape-parallax-front--eighth,
.shape-parallax-back--seventh,
.shape-parallax-back--eighth {
    display: none
}

@media only screen and (min-width: 1024px) {

    .shape-parallax-front--seventh,
    .shape-parallax-front--eighth,
    .shape-parallax-back--seventh,
    .shape-parallax-back--eighth {
        display: block;
        z-index: 3
    }
}

.shape-parallax-front--ninth,
.shape-parallax-back--ninth {
    top: -109px;
    right: -140px
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.service_div .wrapper--decreased {
    max-width: initial !important;
}

.service_div .wrapper--decreased .our_service {
    margin-bottom: 10px;
}

.product_div .wrapper--decreased {
    max-width: initial !important;
}

.product_div .wrapper--decreased .our_service {
    margin-bottom: 10px;
}

@media only screen and (min-width: 1024px) {
    .logo-strip-marquee:first-of-type {
        /* margin-top: 50px */
    }
}

.logo-strip-marquee:last-of-type {
    margin-bottom: 30px
}

@media only screen and (min-width: 1024px) {
    .logo-strip-marquee:last-of-type {
        margin-bottom: 25px
    }
}

.logo-strip-marquee__list {
    display: flex;
    align-items: center
}

.logo-strip-marquee__item {
    max-width: 133px;
    padding: 13px 20px 7px;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 0 7px 14px
}

@media only screen and (min-width: 768px) {
    .logo-strip-marquee__item {
        max-width: 220px;
        padding: 40px 35px 30px;
        margin: 0 10px;
    }
}

.logo-strip-marquee__item--secondary {
    width: calc(50% - 20px);
    box-shadow: 10px 10px 20px 0 rgba(223, 228, 234, 0.5)
}

@media only screen and (min-width: 768px) {
    .logo-strip-marquee__item--secondary {
        max-width: 243px;
        width: 243px;
        padding: 25px 37px;
        min-height: 268px
    }
}

@media only screen and (min-width: 768px) {
    .logo-strip-marquee__item--secondary .logo-strip-marquee__logo-container {
        width: 171px;
        height: 171px
    }
}

@media only screen and (min-width: 768px) {
    .logo-strip-marquee__item--secondary .logo-strip-marquee__logo-src {
        max-width: 171px;
        max-height: 171px
    }
}

@media only screen and (min-width: 768px) {
    .logo-strip-marquee__item--secondary .logo-strip-marquee__text {
        font-size: 16.0px
    }
}

.logo-strip-marquee__logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 93px;
    height: 93px
}

@media only screen and (min-width: 768px) {
    .logo-strip-marquee__logo-container {
        width: 140px;
        height: 140px
    }
}

.logo-strip-marquee__logo-src {
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
    max-width: 93px;
    max-height: 93px
}

@media only screen and (min-width: 768px) {
    .logo-strip-marquee__logo-src {
        max-width: 100px;
        max-height: 100px
    }
}

.logo-strip-marquee__text {
    color: #99A1AA;
    font-size: 13.00002px;
    margin-bottom: 0;
    transition: color 0.22s ease-out
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.marquee {
    position: relative;
    width: 100%;
    overflow: hidden;
}

@media only screen and (min-width: 1024px) {
    .marquee {
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 1024px) {
    .marquee {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.marquee__container {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    will-change: transform;
    background: #fff;
}

.marquee__wrapper {
    position: relative;
    margin: 0;
    align-items: center;
    display: flex
}

.marquee__wrapper--reverse {
    flex-direction: row-reverse
}

.marquee__first,
.marquee__second {
    display: flex;
    align-items: center;
    flex: 1 0 auto
}

.marquee__first.animating,
.marquee__second.animating {
    animation: marquee 0s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.marquee__first.animating-reverse,
.marquee__second.animating-reverse {
    animation: marquee-reverse 0s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-moz-document url-prefix() {
    @media only screen and (min-width: 1024px) {
        .marquee__wrapper {
            transform: rotate(0deg) translateY(0%) translateX(0%)
        }
    }
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.combo-card {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .combo-card {
        position: relative;
        flex-direction: row;
        max-width: 1024px
    }
}

@media only screen and (min-width: 1440px) {
    .combo-card {
        max-width: 1180px
    }
}

@media only screen and (min-width: 768px) {

    .combo-card__left,
    .combo-card__right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%
    }
}

.combo-card__left {
    position: relative;
    display: inline-flex;
    margin: 0 auto;
    width: 288px
}

@media only screen and (min-width: 768px) {
    .combo-card__left {
        margin: 0;
        width: 40%
    }
}

@media only screen and (min-width: 1440px) {
    .combo-card__left {
        width: auto
    }
}

@media only screen and (min-width: 768px) {
    .combo-card__right {
        width: 60%
    }
}

@media only screen and (min-width: 1440px) {
    .combo-card__right {
        width: 100%
    }
}

.combo-card__visual-container {
    overflow: hidden;
    width: 288px;
    height: 258px;
    border-radius: 74px 0
}

@media only screen and (min-width: 1024px) {
    .combo-card__visual-container {
        width: 409px;
        height: 366px;
        border-radius: 150px 0
    }
}

@media only screen and (min-width: 1440px) {
    .combo-card__visual-container {
        width: 580px;
        height: 520px
    }
}

.combo-card__visual {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.combo-card__visual-source {
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.combo-card__body {
    padding-top: 15px
}

@media only screen and (min-width: 768px) {
    .combo-card__body {
        padding: 25px 0 25px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .combo-card__body {
        padding: 65px 0 65px 100px
    }
}

@media only screen and (min-width: 1440px) {
    .combo-card__body {
        padding: 85px 0 85px 120px
    }
}

.combo-card__subheading {
    color: #5256E3;
    font-size: 12.0px;
    margin-bottom: 7px
}

@media only screen and (min-width: 1024px) {
    .combo-card__subheading {
        font-size: 14px;
        margin-bottom: 20px
    }
}

.combo-card__heading {
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .combo-card__heading {
        margin-bottom: 20px
    }
}

.combo-card__text {
    line-height: 1.875;
    font-size: 16.0px;
    margin-bottom: 12px
}

@media only screen and (min-width: 1024px) {
    .combo-card__text {
        font-size: 16.0px;
        margin-bottom: 20px
    }
}

.combo-card__video-button {
    position: absolute;
    top: 200px;
    right: 11px
}

@media only screen and (min-width: 768px) {
    .combo-card__video-button {
        right: -7px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 1024px) {
    .combo-card__video-button {
        right: -70px
    }
}

.combo-card__ctas {
    margin-top: 12px
}

@media only screen and (min-width: 1024px) {
    .combo-card__ctas {
        margin-top: 0
    }
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.button-video {
    background: none
}

@media only screen and (min-width: 1024px) {
    .button-video {
        min-width: 140px;
        width: 140px;
        height: 140px
    }

    .button-video:hover .button-video__icon-container:before,
    .button-video:hover .button-video__icon-container:after,
    .button-video:focus .button-video__icon-container:before,
    .button-video:focus .button-video__icon-container:after {
        background: rgba(153, 233, 165, 0.7)
    }

    .button-video:hover .button-video__icon-container:after,
    .button-video:focus .button-video__icon-container:after {
        transition: background 0.3s 0.1s ease-out
    }
}

.button-video__icon-container {
    width: 44px;
    height: 44px
}

.button-video__icon-container:before,
.button-video__icon-container:after {
    display: block;
    content: '';
    background: rgba(153, 233, 165, 0.2);
    border-radius: 50%;
    transition: background 0.22s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.button-video__icon-container:before {
    width: 61px;
    height: 61px
}

@media only screen and (min-width: 1024px) {
    .button-video__icon-container:before {
        width: 123px;
        height: 123px
    }
}

.button-video__icon-container:after {
    width: 70px;
    height: 70px
}

@media only screen and (min-width: 1024px) {
    .button-video__icon-container:after {
        width: 140px;
        height: 140px
    }
}

.button-video__icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    color: #04062C;
    z-index: 1;
    font-size: 12.0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media only screen and (min-width: 1024px) {
    .button-video__icon {
        width: 88px;
        height: 88px;
        font-size: 21.99999px
    }
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.sticky-strip {
    position: fixed;
    bottom: 0;
    right: 0;
    background: #fff;
    width: 100vw;
    z-index: 3;
    left: 0;
    transform: translateY(100%);
    transition: transform 0.22s ease-out
}

@media only screen and (min-width: 768px) {
    .sticky-strip {
        display: none
    }
}

.sticky-strip--visible {
    transform: none
}

.sticky-strip__content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 15px
}

@media only screen and (min-width: 768px) {
    .sticky-strip__content {
        left: auto;
        width: auto
    }
}

.sticky-strip__side {
    display: flex
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.benefit-card {
    display: flex
}

@media only screen and (min-width: 768px) {
    .benefit-card {
        flex-direction: column;
        max-width: 220px
    }
}

.benefit-card__icon-container {
    margin-right: 10px;
    min-width: 35px;
    width: 35px;
    height: 40px
}

@media only screen and (min-width: 768px) {
    .benefit-card__icon-container {
        margin-right: 0;
        min-width: 35px;
        width: 35px;
        height: 38px;
        margin-bottom: 15px
    }
}

.benefit-card__icon {
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.benefit-card__heading {
    margin-bottom: 5px;
    font-size: 18.0px;
    line-height: 1.27778
}

@media only screen and (min-width: 768px) {
    .benefit-card__heading {
        font-size: 15px;
        line-height: 1.33333
    }
}

.benefit-card__text {
    font-size: 16.0px;
    line-height: 1.5;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .benefit-card__text {
        font-size: 13.00002px;
        line-height: 1.84615
    }
}

.benefit-card-list {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
    .benefit-card-list {
        margin: 0 -20px 20px
    }
}

.benefit-card-list--hidden-mobile {
    display: none
}

@media only screen and (min-width: 1024px) {
    .benefit-card-list--hidden-mobile {
        display: flex
    }
}

.benefit-card-list-item {
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .benefit-card-list-item {
        margin: 0 20px 20px;
        width: calc(50% - 40px)
    }
}

.benefit-card-list-item:last-child {
    margin-bottom: 0
}

.testimonial-card {
    border-radius: 20px 0;
    padding: 35px 15px 30px;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .testimonial-card {
        padding: 67px 30px 67px 40px;
        margin: 0 10px;
        width: calc(50% - 20px)
    }
}

.testimonial-card-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 13px
}

@media only screen and (min-width: 768px) {
    .testimonial-card-container {
        flex-direction: row;
        margin: 0 -20px;
        margin-top: 46px;
        margin-bottom: 27px
    }
}

.testimonial-card--white {
    background: #fff;
    padding: 20px 15px 30px
}

@media only screen and (min-width: 768px) {
    .testimonial-card--white {
        padding: 19px 40px 73px
    }
}

.testimonial-card--single {
    width: 100%;
    max-width: 780px;
    margin: 0 auto
}

.testimonial-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px
}

@media only screen and (min-width: 768px) {
    .testimonial-card__header {
        padding: 0;
        margin-bottom: 23px
    }
}

.testimonial-card__header--secondary {
    padding: 0;
    margin-bottom: 5px
}

.testimonial-card__number {
    margin-bottom: 0;
    font-size: 52px;
    line-height: 63px
}

.testimonial-card__logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px
}

@media only screen and (min-width: 768px) {
    .testimonial-card__logo-container {
        width: 100px;
        height: 100px
    }
}

.testimonial-card__logo {
    max-width: 75px
}

@media only screen and (min-width: 768px) {
    .testimonial-card__logo {
        max-width: 100px
    }
}

.testimonial-card__icon {
    max-width: 60px
}

.testimonial-card__logo,
.testimonial-card__icon {
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.testimonial-card__icon-container {
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .testimonial-card__icon-container {
        width: 60px;
        height: 60px
    }
}

.testimonial-card__heading--white,
.testimonial-card__text--white,
.testimonial-card__info--white {
    color: #fff
}

.testimonial-card__heading {
    font-size: 18.0px;
    line-height: 1.27778;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .testimonial-card__heading {
        font-size: 21.99999px;
        line-height: 1.54545
    }
}

.testimonial-card__text {
    font-size: 16.0px;
    line-height: 1.875
}

.testimonial-card__info {
    margin-bottom: 0;
    font-size: 14px
}

.testimonial-card__info--grey {
    color: #99A1AA
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.sticky-nav {
    display: none
}

@media only screen and (min-width: 1024px) {
    .sticky-nav {
        display: block;
        border-bottom: 1px solid #F1F2F6;
        transition: border-bottom-color 0.22s ease-out, background-color 0.22s ease-out
    }
}

.sticky-nav--active {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    width: 100vw;
    background: #fff;
    border-bottom-color: rgba(0, 0, 0, 0);
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05)
}

@media only screen and (min-width: 768px) {
    .sticky-nav--active {
        z-index: 4;
        height: 55px
    }
}

@media only screen and (min-width: 1024px) {
    .sticky-nav--active .sticky-nav__wrapper {
        padding: 11px 30px
    }
}

@media only screen and (min-width: 1200px) {
    .sticky-nav--active .sticky-nav__wrapper {
        padding: 10px 30px 10px 0
    }
}

.sticky-nav__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1180px;
    padding: 6px 15px
}

@media only screen and (min-width: 1024px) {
    .sticky-nav__wrapper {
        padding: 11px 0
    }
}

@media only screen and (min-width: 1200px) {
    .sticky-nav__wrapper {
        padding: 10px 30px 10px 0
    }
}

.sticky-nav__header {
    display: flex;
    align-items: center
}

.sticky-nav__heading {
    margin-bottom: 0;
    font-size: 16.0px
}

@media only screen and (min-width: 1200px) {
    .sticky-nav__heading {
        font-size: 21.99999px
    }
}

.sticky-nav__logo-container {
    display: block;
    width: 30px;
    min-width: 30px;
    height: 30px;
    margin-right: 15px
}

@media only screen and (min-width: 1024px) {
    .sticky-nav__logo-container--rectangle {
        width: 41px;
        min-width: 41px
    }
}

.sticky-nav__logo {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain
}

.sticky-nav__list {
    display: flex;
    margin: 0 -20px
}

@media only screen and (min-width: 1024px) {
    .sticky-nav__item {
        margin: 0 5px
    }
}

.sticky-nav__link {
    position: relative;
    display: block;
    color: #04062C;
    padding-right: 25px
}

.sticky-nav__link:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    font-family: "icons";
    color: #55D292;
    opacity: 0;
    transition: opacity 0.22s ease-out, transform 0.22s ease-out;
    font-size: 10px;
    height: 15px;
    margin: auto;
    transform: translateX(-6px)
}

@media only screen and (min-width: 1024px) {
    .sticky-nav__link {
        font-size: 14px
    }

    .sticky-nav__link:hover:before,
    .sticky-nav__link:focus:before {
        opacity: 1;
        transform: translateX(-3px) rotate(90deg)
    }
}

@media only screen and (min-width: 1200px) {
    .sticky-nav__link {
        font-size: 15px
    }
}

@media only screen and (min-width: 1024px) {
    .static-nav {
        display: none
    }
}

.static-nav__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1180px
}

.static-nav__logo-container {
    display: block;
    width: 30px;
    height: 30px;
    margin-bottom: 20px
}

.static-nav__logo {
    width: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.static-nav__heading {
    margin-bottom: 24px
}

.static-nav__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 -20px
}

.static-nav__item {
    margin-bottom: 10px
}

.static-nav__item:last-of-type {
    margin-bottom: 0
}

.static-nav__link {
    color: #04062C;
    font-size: 15px;
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.form-container {
    position: relative;
    background: #fff;
    border-radius: 20px;
    box-shadow: 10px 10px 20px 0 rgba(223, 228, 234, 0.1);
    padding: 29px 15px;
    left: -15px;
    width: calc(100% + 30px)
}

@media only screen and (min-width: 768px) {
    .form-container {
        left: 0;
        width: auto
    }
}

@media only screen and (min-width: 1024px) {
    .form-container {
        padding: 46px 55px 40px
    }
}

.form-container--demo {
    min-height: 860px
}

@media only screen and (min-width: 1024px) {
    .form-container--demo {
        min-height: 1020px
    }
}

.form-container--demo .calendly-inline-widget {
    min-width: 290px !important;
    min-height: 860px
}

@media only screen and (min-width: 1024px) {
    .form-container--demo .calendly-inline-widget {
        min-height: 1125px
    }
}

.form-container--demo .calendly-inline-widget iframe {
    height: 100%
}

.form__title {
    margin-bottom: 6px
}

.form__subtext {
    font-size: 12.0px;
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .form__subtext {
        margin-bottom: 26px
    }
}

.form__fieldset {
    border: 2px solid #525252;
    border-radius: 5px;
    padding: 10px 15px 9px;
    transition: border 0.22s ease-out;
    margin-bottom: 19px;
    background: #191919;
}

.form__fieldset[focus-within] {
    border-color: #4750DE
}

.form__fieldset:focus-within {
    border-color: #fff;
}

.form__fieldset--select {
    position: relative
}

.form__fieldset--select:before {
    position: absolute;
    display: block;
    color: #4750DE;
    font-family: "icons";
    font-size: 6.99999px;
    right: 20px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.form__fieldset--has-error {
    border-color: #E9375D;
    margin-bottom: 5px
}

.form__fieldset--has-error[focus-within] {
    border-color: #E9375D
}

.form__fieldset--has-error:focus-within {
    border-color: #E9375D
}

.form__fieldset--has-error+.form__error {
    display: block
}

.form__fieldset--plain {
    padding: 0;
    border: none;
    margin-top: 30px
}

.form__fieldset--plain>label {
    font-size: 16.0px;
    margin-bottom: 23px
}

.form__required {
    font-size: 12.0px;
    color: #4750DE
}

.form__submit {
    margin-top: 13px
}

@media only screen and (min-width: 768px) {
    .form__submit {
        margin-top: 20px
    }
}

.form__error {
    display: none;
    color: #E9375D;
    font-size: 12.0px
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.row-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05);
    transition: box-shadow 0.22s ease-out;
    margin: 0 10px 20px;
    max-width: 320px
}

.row-card:last-of-type {
    margin-bottom: 0
}

@media only screen and (min-width: 480px) {
    .row-card:last-of-type {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 768px) {
    .row-card {
        max-width: none;
        width: 100%
    }
}

@media only screen and (min-width: 1024px) {
    .row-card {
        box-shadow: 10px 10px 20px 0 rgba(223, 228, 234, 0.1);
        width: calc(50% - 20px)
    }

    .row-card:hover,
    .row-card:focus {
        box-shadow: 10px 10px 30px 0 rgba(4, 6, 44, 0.05)
    }

    .row-card:hover .row-card__tag,
    .row-card:focus .row-card__tag {
        background: #4750DE
    }

    .row-card:hover .row-card__link,
    .row-card:focus .row-card__link {
        color: #04062C
    }

    .row-card:hover .row-card__arrow-icon,
    .row-card:focus .row-card__arrow-icon {
        color: #55D292;
        transform: translateX(5px)
    }
}

.row-card-container {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -15px 0
}

@media only screen and (min-width: 480px) {
    .row-card-container {
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .row-card-container {
        margin: 38px -10px 0
    }
}

@media only screen and (min-width: 1024px) {
    .row-card-container {
        margin: 38px -20px 0
    }
}

@media only screen and (min-width: 1200px) {
    .row-card-container {
        margin: 38px -10px 0
    }
}

.row-card__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    padding: 15px 15px 27px
}

@media only screen and (min-width: 768px) {
    .row-card__body {
        flex-direction: row;
        padding: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .row-card__body {
        padding: 20px
    }
}

@media only screen and (min-width: 1200px) {
    .row-card__body {
        padding: 30px
    }
}

.row-card__left {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .row-card__left {
        width: auto
    }
}

.row-card__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding-top: 20px
}

@media only screen and (min-width: 768px) {
    .row-card__right {
        padding-top: 0;
        padding-left: 30px;
        height: 100%
    }
}

@media only screen and (min-width: 1024px) {
    .row-card__right {
        padding-left: 20px
    }
}

@media only screen and (min-width: 1200px) {
    .row-card__right {
        padding-left: 30px
    }
}

.row-card__top {
    display: flex;
    flex-direction: column;
    height: 100%
}

.row-card__visual-container {
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    min-width: 287px;
    width: 287px;
    min-height: 186px;
    height: 186px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .row-card__visual-container {
        min-width: 250px;
        width: 250px;
        min-height: 238px;
        height: 238px;
        margin: 0
    }
}

.row-card__visual-src {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.row-card__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 26px;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .row-card__header {
        height: auto
    }
}

@media only screen and (min-width: 1024px) {
    .row-card__header {
        margin-bottom: 13px;
        min-height: 42px
    }
}

.row-card__tag {
    border-radius: 24px;
    background: #4750DE;
    color: #fff;
    font-size: 12.0px;
    padding: 3px 15px;
    transition: background 0.22s ease-out;
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .row-card__tag {
        background: #99A1AA
    }
}

.row-card__column {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.row-card__heading {
    line-height: 1;
    font-size: 16.0px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .row-card__heading {
        font-size: 18.0px;
        margin-bottom: 1px
    }
}

.row-card__subheading {
    color: #99A1AA;
    font-size: 14px;
    margin-bottom: 0
}

.row-card__body-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 7px
}

@media only screen and (min-width: 1024px) {
    .row-card__body-inner {
        margin-bottom: 10px
    }
}

.row-card__title {
    font-style: normal;
    font-size: 16.0px;
    line-height: 1.875;
    margin-bottom: 15px
}

@media only screen and (min-width: 1200px) {
    .row-card__title {
        font-size: 18.0px;
        margin-bottom: 7px
    }
}

.row-card__heading,
.row-card__subheading {
    text-align: right
}

.row-card__heading,
.row-card__title,
.row-card__info {
    color: #04062C
}

.row-card__info {
    font-size: 13.00002px;
    line-height: 1;
    margin-bottom: 10px
}

.row-card__arrow-icon {
    display: none !important;
    font-size: 11px
}

@media only screen and (min-width: 1024px) {
    .row-card__arrow-icon {
        display: inline-flex !important;
        color: #DFE4EA;
        transition: color 0.22s ease-out, transform 0.22s ease-out
    }
}

.row-card__link {
    font-size: 15px;
    color: #04062C
}

@media only screen and (min-width: 1024px) {
    .row-card__link {
        color: #99A1AA;
        transition: color 0.22s ease-out
    }
}

.row-card__link .row-card__arrow-icon {
    display: inline-flex !important;
    color: #55D292;
    margin-left: 10px
}

@media only screen and (min-width: 1024px) {
    .row-card__link .row-card__arrow-icon {
        color: #99A1AA
    }
}

.gallery-card {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    justify-content: flex-start;
    max-width: 288px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .gallery-card {
        max-width: 380px
    }
}

.gallery-card__image-container {
    overflow: hidden;
    width: 288px;
    height: 258px;
    border-radius: 74px 0;
    margin-bottom: 13px
}

@media only screen and (min-width: 768px) {
    .gallery-card__image-container {
        width: auto;
        height: 384px;
        border-radius: 140px 0;
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 1024px) {
    .gallery-card__image-container {
        height: 484px
    }
}

.gallery-card__picture {
    display: block;
    height: 100%
}

.gallery-card__picture-source {
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
    height: 100%;
    width: 100%
}

.gallery-card__subheading {
    color: #99A1AA;
    font-size: 14px;
    margin-bottom: 21px
}

@media only screen and (min-width: 768px) {
    .gallery-card__subheading {
        margin-bottom: 18px
    }
}

.gallery-card__heading {
    font-size: 16.0px;
    line-height: 1.875
}

@media only screen and (min-width: 768px) {
    .gallery-card__heading {
        font-size: 18.0px;
        line-height: 1.8888
    }
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.cursor {
    display: none
}

.cursor__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    box-shadow: 10px 10px 20px 0 rgba(223, 228, 234, 0.1);
    transform: scale(0);
    transition: transform 0.22s ease-out;
    position: absolute;
    top: -43px;
    left: -33px
}

.cursor__inner--down {
    transform: scale(0.5)
}

.cursor__inner--down .cursor__arrow {
    transform: scale(2.2)
}

.cursor__inner--down .cursor__text {
    transform: scale(0);
    margin: 0
}

@media only screen and (min-width: 1024px) {
    .cursor {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: 1
    }
}

.cursor--active .cursor__inner {
    transform: scale(1);
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.25, 1)
}

.cursor--active .cursor__inner--down {
    transform: scale(0.5)
}

.cursor__arrow {
    color: #4750DE;
    font-size: 12.0px;
    transition: transform 0.22s ease-out
}

.cursor__text {
    margin: 0 7px;
    font-size: 13.00002px;
    transition: transform 0.22s ease-out
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.accordion {
    position: relative;
    background: #fff;
    margin: 0 auto 20px;
    max-width: 780px;
    border-radius: 10px;
    overflow: hidden
}

.accordion:last-of-type {
    margin-bottom: 40px
}

@media only screen and (min-width: 480px) {
    .accordion {
        box-shadow: 10px 10px 20px 0 rgba(223, 228, 234, 0.5)
    }
}

.accordion__trigger {
    outline: none;
    background: none;
    cursor: pointer;
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 0;
}

@media only screen and (min-width: 480px) {
    .accordion__trigger {
        flex-direction: row;
        padding: 17px 20px 17px 20px;
    }
}

.accordion__trigger--expanded .accordion__icon {
    color: #55D292;
}

@media only screen and (min-width: 480px) {
    .accordion__trigger--expanded .accordion__icon {
        transform: translateY(70px);
    }
}

.accordion__trigger--expanded .accordion__line--vertical {
    transform: translate(-50%, -50%);
}

.accordion__visual-container {
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
}

@media only screen and (min-width: 480px) {
    .accordion__visual-container {
        min-width: 26px;
        width: 26px;
        height: 26px;
        margin-right: 20px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .accordion__visual-container {
        width: 40px;
        height: 40px
    }
}

.accordion__visual {
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover
}

.accordion__heading {
    font-size: 18.0px;
    line-height: 1.875;
    padding-right: 15px
}

@media only screen and (min-width: 768px) {
    .accordion__heading {
        padding-right: 30px
    }
}

.accordion__icon {
    position: relative;
    border-radius: 50%;
    min-width: 41px;
    width: 41px;
    height: 41px;
    background: #55D292;
    transition: transform 0.5s ease-out
}

@media only screen and (min-width: 480px) {
    .accordion__icon {
        margin-left: auto
    }
}

.accordion__icon:focus,
.accordion__icon:active {
    background: #55D292
}

@media only screen and (min-width: 480px) {
    .accordion__icon--mobile {
        display: none
    }
}

.accordion__icon--tablet {
    display: none
}

@media only screen and (min-width: 480px) {
    .accordion__icon--tablet {
        display: block
    }
}

.accordion__icon--expanded .accordion__line--vertical {
    transform: translate(-50%, -50%)
}

.accordion__line {
    display: block;
    height: 2px;
    width: 17px;
    background: #04062C;
    transform-origin: center;
    transition: transform 0.5s ease-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.accordion__line--vertical {
    transform: translate(-50%, -50%) rotate(-90deg)
}

.accordion__content {
    transition: max-height 0.5s ease-out;
    overflow: hidden;
    max-height: 0;
}

.accordion__content-inner {
    padding-top: 20px;
}

@media only screen and (min-width: 480px) {
    .accordion__content-inner {
        padding: 0 80px 17px 65px;
    }
}

@media only screen and (min-width: 768px) {
    .accordion__content-inner {
        padding: 0 20px 17px 80px;
    }
}

.accordion__text,
.accordion p {
    max-width: 600px;
    font-size: 16.0px;
    line-height: 1.875;
    margin-bottom: 0
}

.accordion ul,
.accordion ol {
    max-width: 600px
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.listing-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 15px
}

@media only screen and (min-width: 480px) {
    .listing-nav {
        flex-direction: row;
        align-items: center;
        margin: 0 auto 30px
    }
}

@media only screen and (min-width: 768px) {
    .listing-nav {
        justify-content: center
    }
}

@media only screen and (min-width: 1024px) {
    .listing-nav {
        margin: 0 auto 75px
    }
}

.listing-nav__item {
    margin-bottom: 3px
}

@media only screen and (min-width: 480px) {
    .listing-nav__item {
        margin-right: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .listing-nav__item {
        margin: 0 28px
    }
}

.listing-nav__link {
    display: block;
    position: relative;
    outline: none;
    width: 100%;
    color: #DFE4EA;
    transition: transform 0.22s ease-out;
    margin-bottom: 0;
    line-height: 33px
}

.listing-nav__link:active {
    color: #DFE4EA;
}

@media only screen and (min-width: 768px) {
    .listing-nav__link {
        font-size: 36px;
        line-height: 1.5
    }
}

@media only screen and (min-width: 1024px) {
    .listing-nav__link {
        font-size: 52px;
        line-height: 63px
    }

    .listing-nav__link:hover {
        transform: scale(1.1)
    }
}

.listing-nav__link--active {
    background: linear-gradient(90deg, #4750DE, #55D292);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal
}

.listing-nav__link--active:focus {
    outline: none
}

.listing-nav__link--active:hover {
    transform: none
}

.listing {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px;
    margin: 0 -15px
}

@media only screen and (min-width: 768px) {
    .listing {
        max-width: 760px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1024px) {
    .listing {
        max-width: none;
        margin: 0 -10px;
    }
}

.listing__card {
    width: 100%;
    max-width: 380px;
    margin: 0 auto 20px
}

@media only screen and (min-width: 600px) {
    .listing__card {
        margin: 0 10px 20px;
        width: calc(50% - 20px);
    }
}

@media only screen and (min-width: 1024px) {
    .listing__card {
        margin: 0 10px 20px;
        width: calc(33.33333% - 20px);
    }
}

.listing__card .image-card {
    margin-top: 0
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 24px 0
}

@media only screen and (min-width: 768px) {
    .pagination {
        align-items: flex-end
    }
}

.pagination__pages {
    display: flex
}

@media only screen and (min-width: 768px) {
    .pagination__pages {
        margin: 0 60px
    }
}

.pagination__item {
    margin: 0 5px
}

@media only screen and (min-width: 768px) {
    .pagination__item {
        margin: 0 15px
    }
}

.pagination__page {
    margin: 0 7px
}

.pagination__link {
    display: flex;
    color: #04062C;
    font-size: 12.0px
}

@media only screen and (min-width: 768px) {
    .pagination__link {
        font-size: 15px
    }
}

.pagination__link--large {
    font-size: 24px;
    transition: transform 0.22s ease-out
}

@media only screen and (min-width: 768px) {
    .pagination__link--large {
        font-size: 32px;
        line-height: 42px
    }
}

@media only screen and (min-width: 1024px) {
    .pagination__link--large:hover {
        transform: scale(1.1)
    }
}

@media only screen and (min-width: 1024px) {

    .pagination__link:hover .pagination__icon.icon-rewind,
    .pagination__link:hover .pagination__icon.icon-arrow-left {
        transform: translateX(-6px)
    }

    .pagination__link:hover .pagination__icon.icon-forward,
    .pagination__link:hover .pagination__icon.icon-arrow-right,
    .pagination__link:hover .pagination__icon.footer__heading:before,
    .pagination__link:hover .pagination__icon.footer__link:before,
    .pagination__link:hover .pagination__icon.megamenu__link:before,
    .pagination__link:hover .pagination__icon.sticky-nav__link:before {
        transform: translateX(6px)
    }
}

.pagination__icon {
    font-size: 10px;
    color: #55D292;
    transition: transform 0.22s ease-out;
    padding: 0 5px;
}

@media only screen and (min-width: 768px) {
    .pagination__icon {
        padding: 0 10px;
    }
}

.pagination__text {
    display: none;
}

@media only screen and (min-width: 768px) {
    .pagination__text {
        display: block;
    }
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.stagger-container {
    display: none
}

@media only screen and (min-width: 1200px) {
    .stagger-container {
        display: inline-block;
        position: relative;
        height: 585px;
        opacity: 0
    }
}

.stagger__mobile,
.stagger__tablet {
    position: absolute;
    transform: translateY(20px);
    opacity: 0;
}

.stagger__mobile {
    right: 26px;
    width: 325px;
}

.stagger__mobile--first {
    top: 77px;
}

.stagger__mobile--second {
    top: 132px;
}

.stagger__tablet {
    width: 414px;
}

.stagger__tablet--first,
.stagger__tablet--second {
    top: 68px;
}

.stagger__tablet--first,
.stagger__tablet--third {
    left: 22px;
}

.stagger__tablet--second,
.stagger__tablet--fourth {
    left: 382px;
}

.stagger__tablet--third,
.stagger__tablet--fourth {
    top: 268px;
}

@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-reverse {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes logo {
    0% {
        transform: none
    }

    50% {
        transform: translate(-20px, 10px)
    }

    100% {
        transform: none
    }
}

@keyframes info {
    0% {
        transform: none
    }

    50% {
        transform: translateX(100%)
    }

    65% {
        transform: translateX(90%)
    }

    80% {
        transform: translateX(80%)
    }

    90% {
        transform: translateX(70%)
    }

    100% {
        transform: none
    }
}

.inner {
    padding: 0 15px;
}

@media only screen and (min-width: 768px) {
    .inner {
        padding: 0 25px;
    }
}

@media only screen and (min-width: 1024px) {
    .inner {
        padding: 0 30px;
    }
}

@media only screen and (min-width: 1024px) {

    .inner h1,
    .inner__title {
        line-height: 1;
    }
}

.inner h2 {
    line-height: 36px;
}

@media only screen and (min-width: 1024px) {
    .inner h2 {
        line-height: 63px;
    }
}

@media only screen and (min-width: 1024px) {
    .inner h3 {
        line-height: 44px;
    }
}

.inner h4:not(.testimonial-card__heading) {
    font-size: 18.0px;
    line-height: 28px;
}

@media only screen and (min-width: 1024px) {
    .inner h4:not(.testimonial-card__heading) {
        font-size: 22px;
        line-height: 34px;
    }
}

.inner>h1,
.inner>h2,
.inner>h3,
.inner>h4,
.inner>h5,
.inner>h6,
.inner>p,
.inner>a,
.inner>ul,
.inner>ol,
.inner>.inner__buttons,
.inner .inner__testimonial-card,
.inner .card-container {
    max-width: 780px;
    margin: 0 auto 20px;
}

@media only screen and (min-width: 1024px) {

    .inner>h1:first-child,
    .inner>h2:first-child,
    .inner>h3:first-child,
    .inner>h4:first-child,
    .inner>h5:first-child,
    .inner>h6:first-child,
    .inner>p:first-child,
    .inner>a:first-child,
    .inner>ul:first-child,
    .inner>ol:first-child,
    .inner>.inner__buttons:first-child,
    .inner .inner__testimonial-card:first-child,
    .inner .card-container:first-child {
        margin-top: 40px;
    }
}

@media only screen and (min-width: 1024px) {

    .inner>h1:last-child,
    .inner>h2:last-child,
    .inner>h3:last-child,
    .inner>h4:last-child,
    .inner>h5:last-child,
    .inner>h6:last-child,
    .inner>p:last-child,
    .inner>a:last-child,
    .inner>ul:last-child,
    .inner>ol:last-child,
    .inner>.inner__buttons:last-child,
    .inner .inner__testimonial-card:last-child,
    .inner .card-container:last-child {
        margin-bottom: 40px;
    }
}

.inner>p>a,
.inner>a {
    color: #04062C;
    text-decoration: underline #55D292;
    transition: text-decoration-color 0.22s ease-out;
}

.inner>p>a:hover,
.inner>p>a:focus,
.inner>a:hover,
.inner>a:focus {
    text-decoration: underline #4750DE;
}

.inner ul,
.inner ol {
    margin-bottom: 20px;
}

@media only screen and (min-width: 1024px) {

    .inner ul,
    .inner ol {
        margin-bottom: 25px;
    }
}

.inner ul li,
.inner ol li {
    font-size: 16.0px;
    line-height: 38px;
    color: #04062C;
}

.inner ul li:last-child,
.inner ol li:last-child {
    margin-bottom: 0;
}

.inner ul {
    display: flex;
    flex-direction: column;
}

.inner ul li {
    position: relative;
    padding-left: 24px;
}

@media only screen and (min-width: 1024px) {
    .inner ul li {
        padding-left: 26px;
    }
}

.inner ul li:before {
    position: absolute;
    display: block;
    content: '';
    background: #55D292;
    top: 16px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    line-height: 1.875;
}

.inner ol {
    list-style: none;
    counter-reset: item;
}

.inner ol li {
    position: relative;
    padding-left: 24px;
    counter-increment: li;
}

.inner ol li:before {
    position: absolute;
    left: 0;
    margin-right: 10px;
    color: #4750DE;
    text-align: center;
    display: inline-block;
    content: counter(li)
}

.inner>p,
.inner__text {
    font-size: 16.0px;
    line-height: 1.875
}

.inner__banner {
    padding-top: 85px
}

@media only screen and (min-width: 768px) {
    .inner__banner {
        padding-top: 100px
    }
}

@media only screen and (min-width: 1024px) {
    .inner__banner {
        padding-top: 300px
    }
}

.inner__wrapper {
    position: relative;
    padding: 0
}

.inner__button {
    display: none
}

@media only screen and (min-width: 1024px) {
    .inner__button {
        position: absolute;
        display: inline-flex;
        background: #F1F2F6;
        padding: 0 15px;
        min-width: 80px;
        align-items: center;
        justify-content: center;
        top: 3px;
        left: 30px;
        min-height: 25px
    }

    .inner__button:hover .inner__button-icon {
        transform: translateX(-5px)
    }
}

@media only screen and (min-width: 1200px) {
    .inner__button {
        min-width: 97px
    }
}

.inner__button-icon {
    color: #4750DE;
    margin-right: 10px;
    transition: transform 0.22s ease-out
}

.inner__button-text {
    color: #04062C;
}

.inner__button,
.inner__info,
.inner__type {
    border-radius: 24px;
    font-size: 12.0px
}

.inner__info {
    width: 100%;
    display: inline-flex;
    align-items: center;
    background-color: #F1F2F6;
    padding: 0 15px 0 0;
    position: relative;
    color: #04062C;
    min-height: 25px;
    margin-bottom: 20px
}

@media only screen and (min-width: 480px) {
    .inner__info {
        width: auto;
        justify-content: space-between;
        margin-bottom: 15px
    }
}

.inner__type {
    display: flex;
    align-items: center;
    background-color: #DFE4EA;
    padding: 0 15px;
    min-height: 25px
}

.inner__description {
    margin-left: auto
}

@media only screen and (min-width: 480px) {
    .inner__description {
        margin-left: 73px
    }
}

.inner__description--middle {
    color: #99A1AA;
    margin-left: 15px
}

.inner__buttons {
    margin-bottom: 5px !important
}

@media only screen and (min-width: 768px) {
    .inner__buttons {
        margin-bottom: 20px !important
    }
}

.inner__buttons--extra-space {
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .inner__buttons--extra-space {
        margin-bottom: 60px
    }
}

.inner__avatar {
    display: flex;
    margin-bottom: 20px;
}

@media only screen and (min-width: 1024px) {
    .inner__avatar {
        margin: 40px 0
    }
}

.inner__avatar-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px
}

.inner__avatar-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.inner__avatar-text,
.inner__avatar-title {
    line-height: 1
}

.inner__avatar-text {
    font-size: 10px;
    color: #99A1AA;
    margin-bottom: 2px
}

.inner__avatar-title {
    font-size: 12.0px
}

.inner__figure {
    margin-bottom: 20px
}

.inner__picture-container {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1024px) {
    .inner__picture-container {
        border-radius: 30px;
        margin-bottom: 18px
    }
}

.inner__picture,
.inner__picture-source {
    display: block
}

.inner__figcaption {
    font-size: 12.0px;
}

@media only screen and (min-width: 1024px) {
    .inner__figcaption {
        font-size: 14px;
        padding-left: 73px
    }
}

.inner__testimonial-card {
    width: 100%;
    padding: 0
}

@media only screen and (min-width: 1024px) {
    .inner__testimonial-card {
        padding: 25px 0 20px
    }
}

.inner__two-col-cards {
    max-width: 1180px;
    margin: 0 auto 40px
}

.inner__logos {
    max-width: 790px;
    margin: 0 auto 6px;
    flex-wrap: wrap;
    justify-content: center
}

@media only screen and (min-width: 480px) {
    .inner__logos {
        margin: 0 auto 20px
    }
}

.inner__video {
    max-width: 990px;
    margin: 0 auto 40px
}

.inner__video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.inner>.inner__buttons .content__button-list-item:first-child {
    margin-left: 0
}

.inner>.card-container {
    margin-top: 20px
}

.inner:last-of-type:last-child {
    padding-bottom: 60px;
    background: #fff
}

@media only screen and (min-width: 1024px) {
    .inner:last-of-type:last-child {
        padding-bottom: 80px
    }
}

.branding--primary .page-strip--secondary .content__subheading {
    color: #55D292
}

.branding--secondary .multi-slider__row .multi-slider__top-item.swiper-slide-active .multi-slider__heading,
.branding--secondary .multi-slider__row .multi-slider__bottom-item.swiper-slide-active .multi-slider__heading {
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    color: #E9375D
}

.branding--secondary .multi-slider__row .combo-card__subheading {
    color: #E9375D
}

.branding--secondary .content__subheading {
    color: #E9375D
}

.branding--secondary .content__heading--gradient {
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    color: #E9375D
}

@media only screen and (min-width: 1024px) {

    .branding--secondary .card:hover .card__subheading,
    .branding--secondary .card:focus .card__subheading {
        color: #E9375D
    }
}

.branding--tertiary .multi-slider__row .multi-slider__top-item.swiper-slide-active .multi-slider__heading,
.branding--tertiary .multi-slider__row .multi-slider__bottom-item.swiper-slide-active .multi-slider__heading {
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    color: #F0A73C
}

.branding--tertiary .multi-slider__row .combo-card__subheading {
    color: #F0A73C
}

.branding--tertiary .content__subheading {
    color: #F0A73C
}

.branding--tertiary .content__heading--gradient {
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    color: #F0A73C
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition-property: transform;
    box-sizing: border-box;
    display: flex
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    position: relative;
    transition-property: transform;
    display: flex
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-theme-color);
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.bd_code {
    display: flex;
    align-items: center;
}

.bd_code p {
    font-size: 14px;
    margin: 0px 10px;
}

.our_service {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

@media only screen and (min-width: 767px) {
    .client_sec .logo-strip-marquee__item img {
        width: auto;
        height: 53px;
    }

    /* main {   
    top:-160px;
} */
.item_3{
    display: none !important;
}

.header__link:hover {
    color: #fff !important;
    text-decoration: none;
}

}

@media only screen and (max-width: 768px) {
    .client_sec .logo-strip-marquee__item img {
        width: auto;
        /* height:44px !important; */
    }

    header .card__body--column {
        padding: 26px 10px 18px 10px;
    }

    .card__body-inner--secondary {
        margin-bottom: 20px;
    }

    /* .wrapper--increased {
        padding: 0 15px !important;
    } */
    .item_3{
        display: block !important;
    }
    .header__link:hover {
        color: #000 !important;
        text-decoration: none;
    }
    .plus{
        top:20px !important;
       
    }
    .question{ padding:20px !important;}
}

@media only screen and (min-width: 768px) {
    .common_menu {
        height: calc(100vh - 150px);
        overflow-y: scroll;
    }

    .last_row {
        margin-bottom: 50px;
    }

    .common_menu_footer {
        margin-bottom: 50px;
        position: sticky;
        bottom: 0;
        margin-top: 50px;
    }

    .common_menu .last_row a {
        /* width: calc(45% - 20px); */
        width: calc(30vh - 0px);
    }
}

.header__megamenu-row .card__heading {
    font-size: 16px;
    font-weight: 600;
}

.header__megamenu-row .card__arrow-icon:hover {
    color: #000 !important;
}

.common_menu .card__visual-src {
    width: 60px;
    height: auto;
    border-radius: 100%;
}

.service_div .card__visual-src {
    width: 50px;
    height: auto;
    border-radius: 100%;
}

.product_div .card-container--wrap .card {
    border: 15px solid #fff;
}

.product_div .card__visual-src {
    width: 55px;
    height: auto;
    /* border-radius: 100%; */
}

.product_div .card__visual-container {
    width: auto !important;
    /* height: 40px !important; */
}

.spinner {
    height: 22px;
    width: 22px;
    line-height: 22px;
    margin-top: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: 0 0;
    border-radius: 50%;
    border-top: 2px solid #fff;
    font-weight: 800;
    border-right: 2px solid transparent;
    animation: spin .7s linear infinite
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

#successmsg {
    color: #00a389;
    margin-top: 5px;
    margin-left: 10px;
}

.common_menu::-webkit-scrollbar {
    display: none !important;
}

.ai_image {
    padding-top: 35px !important;
    padding-bottom: 0;
}

.fifty-fifty__child-content {
    padding-top: 0;
}

.banner--lead-gen {
    padding-top: 100px;
}

@media (min-width: 960px) {
    .uk-section {
        padding-top: 40px !important;
        padding-bottom: 60px !important;
    }
}