:root {
  --m1: #0584ff;
  --m1: #21ADA5;	
  --m2: #E9F0F7;
  --m3: #00356E;
  --m4: #1d1d1d ;
	 --m4: #1d1d1d ;
  --mt1: rgba(33, 173, 165, .2);
  --mt2: rgba(33, 173, 165,.2);
  --header: 198px;
  --headerFixed: 130px;
  --mw: 90%;
  --sitew: 100%;
  --main-text: 15px;
  --pad: 20px;
  --padfw: 20px;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}
 
 
body {
	font-family: "proxima-nova", sans-serif;

	font-size: var(--main-text);
	color:var(--m1);
}
a,
a:hover,
a:focus,
a:active,
a:visited {
  color: #000;
  outline: none;
  text-decoration: none;
  transition: all 300ms;
}
button {
    all: unset;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
p {
	margin-top:0;
	margin-bottom:0;
}
.mw {
    width: var(--mw);
	max-width: var(--sitew);
}
.m-auto {
    margin-left: auto;
    margin-right: auto;
}
.post, .page {
	margin-bottom:0;
}
.page-content, .entry-content, .entry-summary {
    margin: 0;
}
main#primary {
    padding-top: var(--header);
}
.main_wrapper {
	padding-left:var(--pad);
	padding-right:var(--pad);
}

 

 
 
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: rgba(0,0,0,0);
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: 700;
	color:var(--m1);
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

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

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html [type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.splitting .char {
    -webkit-animation: fade-in 1s cubic-bezier(0.5, 0, 0.5, 1) both;
    animation: fade-in 1s cubic-bezier(0.5, 0, 0.5, 1) both;
    -webkit-animation-delay: calc(60ms*var(--char-index));
    animation-delay: calc(60ms*var(--char-index))
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fafafa
}

::-moz-selection {
    color: #fff;
    background: var(--m1)
}

::selection {
    color: #fff;
    background: var(--m1)
}

section {
    max-width: 100vw;
    overflow: clip
}

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

a {
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    font-weight: 500;
    color: #140503;
    display: inline-block;
    text-decoration: underline
}

a:hover,a:active,a:focus {
    text-decoration: none
}

.red a {
    color: var(--m1)
}

p a {
    font-weight: 600
}

strong {
    display: inline-block
}

figure {
    margin: 0
}

figure a {
    display: block
}

figure img {
    width: 100%
}

img,.wp-caption {
    height: auto;
    display: block;
    max-width: 100%
}

ul {
    margin: 0;
    padding: 0
}

article section:not(.hero) ul {
    margin-bottom: 30px;
    margin-left: 20px
}

article section:not(.hero) ul li {
    margin-bottom: 10px;
    line-height: 1.4
}

article section:not(.hero)>*:last-child {
    margin-bottom: 0
}

article section:not(.hero) img {
    margin-top: 32px;
    margin-top: clamp(32px,3.3333333333vw,48px);
    margin-bottom: 32px;
    margin-bottom: clamp(32px,3.3333333333vw,48px);
    border-radius: 10px
}

article section:not(.hero) .wp-caption {
    margin-top: 32px;
    margin-top: clamp(32px,3.3333333333vw,48px);
    margin-bottom: 32px;
    margin-bottom: clamp(32px,3.3333333333vw,48px);
    border-radius: 10px
}

article section:not(.hero) .wp-caption img {
    margin: 0 0 10px
}

article section:not(.hero) .wp-caption p {
    text-align: right;
    font-size: 14px;
    font-size: clamp(14px,1.1111111111vw,16px)
}

article section:not(.hero) h2 {
    font-size: 20px;
    font-size: clamp(20px,1.6666666667vw,24px);
    color: var(--m1);
    line-height: 1.2
}

article section:not(.hero) h3,article section:not(.hero) h4 {
    font-size: 14px;
    font-size: clamp(14px,1.3888888889vw,20px);
    margin-bottom: 5px;
    font-weight: 500
}  

article section:not(.hero) h5 {
    font-size: 14px;
    font-size: clamp(14px,1.25vw,18px);
    margin-bottom: 5px;
    font-weight: 500
}

article section:not(.hero) p,article section:not(.hero) li {
    font-size: 14px;
    font-size: clamp(14px,1.3888888889vw,20px);
    font-weight: 400;
    margin-bottom: 20px;
    margin-bottom: clamp(20px,2.0833333333vw,30px);
    color: var(--m4)
}

article section:not(.hero) p .intro,article section:not(.hero) li .intro {
    font-weight: 300;
    margin-top: 32px;
    margin-top: clamp(32px,3.3333333333vw,48px);
    margin-bottom: 32px;
    margin-bottom: clamp(32px,3.3333333333vw,48px);
    display: block;
    font-size: 20px;
    font-size: clamp(20px,1.6666666667vw,24px)
}

article section:not(.hero) p:first-child .intro,article section:not(.hero) li:first-child .intro {
    margin-top: 0
}

article section:not(.hero) a {
    color: var(--m4)
}

.filter-bar {
    border-bottom: 1px solid #eee;
    padding: 28px 0
}

.filter-bar select {
    display: none
}

@media screen and (max-width: 480px) {
    .filter-bar>span {
        -webkit-box-flex:0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        display: block;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 480px) {
    .filter-bar .filters {
        margin-left:0;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

.filter-bar .filters>div {
    margin-left: 30px;
    margin-left: clamp(30px,3.3333333333vw,48px)
}

@media screen and (max-width: 480px) {
    .filter-bar .filters>div {
        margin-left:0
    }
}

.filter-bar .fselect.hidden,.filter-bar .fs-dropdown.hidden,.filter-bar .fs-no-results.hidden {
    display: none
}

.filter-bar .facetwp-facet {
    margin-bottom: 0
}

.filter-bar .facetwp-type-fselect,.filter-bar .facetwp-type-sort {
    margin-left: 5px;
    position: relative
}

.filter-bar .facetwp-type-fselect .fs-label-wrap,.filter-bar .facetwp-type-sort .fs-label-wrap {
    cursor: pointer
}

.filter-bar .facetwp-type-fselect .fs-arrow,.filter-bar .facetwp-type-sort .fs-arrow {
    border-top-color: var(--m1)
}

.filter-bar .facetwp-type-fselect .fs-label,.filter-bar .facetwp-type-sort .fs-label {
    text-decoration: underline
}

.filter-bar .facetwp-type-fselect .fs-wrap,.filter-bar .facetwp-type-sort .fs-wrap {
    width: auto
}

.filter-bar .facetwp-type-fselect .fs-dropdown,.filter-bar .facetwp-type-sort .fs-dropdown {
    width: 240px;
    right: 0;
    left: auto;
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(11,26,39,.08);
    box-shadow: 0px 8px 16px 0px rgba(11,26,39,.08);
    overflow: hidden
}

@media screen and (max-width: 480px) {
    .filter-bar .facetwp-type-fselect .fs-dropdown,.filter-bar .facetwp-type-sort .fs-dropdown {
        left:0;
        right: auto
    }
}

.filter-bar .facetwp-type-fselect .fs-dropdown .fs-search,.filter-bar .facetwp-type-sort .fs-dropdown .fs-search {
    display: none
}

.filter-bar .facetwp-type-fselect .fs-dropdown .fs-option,.filter-bar .facetwp-type-sort .fs-dropdown .fs-option {
    padding: 8px 14px;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.filter-bar .facetwp-type-fselect .fs-dropdown .fs-option:hover,.filter-bar .facetwp-type-fselect .fs-dropdown .fs-option:active,.filter-bar .facetwp-type-fselect .fs-dropdown .fs-option:focus,.filter-bar .facetwp-type-sort .fs-dropdown .fs-option:hover,.filter-bar .facetwp-type-sort .fs-dropdown .fs-option:active,.filter-bar .facetwp-type-sort .fs-dropdown .fs-option:focus {
    background-color: #eee
}

.filter-bar .facetwp-type-fselect .fs-label-wrap,.filter-bar .facetwp-type-sort .fs-label-wrap {
    color: var(--m1);
    border: none;
    background-color: rgba(0,0,0,0)
}

.filter-bar .facetwp-type-fselect .fs-wrap.single .fs-option.selected,.filter-bar .facetwp-type-sort .fs-wrap.single .fs-option.selected {
    background-color: var(--m5);
    color: #fff
}

@media screen and (max-width: 680px) {
    .filter-bar .facetwp-type-search .facetwp-input-wrap {
        width:100%
    }
}

.filter-bar .facetwp-type-search i {
    right: 16px;
    opacity: 1
}

.filter-bar .facetwp-type-search i:before {
    background-image: url(../images/dist/search.svg);
    background-size: 25px 25px
}

.filter-bar .facetwp-type-search .facetwp-search {
    border: 1px solid var(--m1);
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 16px;
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-weight: 500;
    outline: none;
    line-height: 1;
    width: 100%
}

.facetwp-facet-pager_ {
    margin-bottom: 0;
    text-align: center
}

.flex {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 820px) {
    .flex {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.flex.sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex.ac {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex.jc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex.fe {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex.fs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

#main img.gform_ajax_spinner {
    display: none !important
}

#main .gform_validation_errors {
    display: none
}

#main .gfield_validation_message {
    color: var(--m1);
    padding: 0;
    background-color: rgba(0,0,0,0);
    border: none
}

#main .gform_confirmation_message {
    padding: 32px;
    padding: clamp(32px,3.3333333333vw,48px);
    color: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    font-size: clamp(14px,1.6666666667vw,24px);
    margin-top: 40px;
    margin-top: clamp(40px,5.5555555556vw,80px);
    margin-bottom: 40px;
    margin-bottom: clamp(40px,5.5555555556vw,80px)
}

#main .gform_confirmation_message:before {
    content: "";
    height: 200%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: radial-gradient(ellipse at center, rgb(54, 71, 84) 0%, rgb(11, 26, 39) 100%)
}

#main .gform_wrapper {
    margin-top: 40px;
    margin-top: clamp(40px,5.5555555556vw,80px);
    margin-bottom: 40px;
    margin-bottom: clamp(40px,5.5555555556vw,80px)
}

#main .gform_heading {
    margin-bottom: 32px;
    margin-bottom: clamp(32px,3.3333333333vw,48px)
}

#main .gform_title {
    font-size: 20px;
    font-size: clamp(20px,1.6666666667vw,24px);
    color: var(--m1);
    line-height: 1.2
}

#main .gform-body .gform_fields {
    grid-row-gap: 32px
}

@media screen and (max-width: 640px) {
    #main .gform-body .gform_fields {
        grid-row-gap:16px
    }
}

#main .gform-body .gform-field-label {
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #1b1b1b;
    font-size: 20px;
    font-size: clamp(20px,1.3888888889vw,20px);
    margin-bottom: 8px;
    font-weight: 500
}

@media screen and (max-width: 640px) {
    #main .gform-body .ginput_complex span {
        margin-bottom:16px
    }

    #main .gform-body .ginput_complex span:last-child {
        margin-bottom: 0
    }
}

#main .gform-body input,#main .gform-body select,#main .gform-body textarea {
    border: none;
    background-color: rgba(0,0,0,0);
    border-bottom: 1px solid var(--m5);
    padding: 8px 0;
    font-family: "Inter","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 14px;
    font-size: clamp(14px,1.1111111111vw,16px);
    outline: none
}

#main .gform-body .ginput_container_select,#main .gform-body .name_prefix_select {
    position: relative
}

#main .gform-body .ginput_container_select select,#main .gform-body .name_prefix_select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#main .gform-body .ginput_container_select select option,#main .gform-body .name_prefix_select select option {
    padding: 5px
}

#main .gform-body .ginput_container_select:after,#main .gform-body .name_prefix_select:after {
    content: "";
    height: 24px;
    width: 24px;
    position: absolute;
    right: 0;
    bottom: 5px;
    background-image: url(../images/dist/down-arrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    display: block
}

#main .gform-body .name_prefix_select:after {
    right: 10px
}

#main .gform-body .gfield--type-html {
    font-size: 12px
}

#main .gform-body .ginput_container_consent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#main .gform-body .gfield_consent_label {
    font-size: 12px;
    margin-left: 8px;
    margin-bottom: 0
}

#main .gform-body .gfield_consent_label a {
    color: var(--m1)
}

#main .gform-body .gform_fileupload_rules {
    display: none
}

#main .gform-body .gfield--type-fileupload .gfield_description {
    padding-top: 0;
    font-size: 12px
}

#main .gform-body .ginput_container_fileupload input {
    padding-top: 0;
    border: none
}

#main .gform-body .gfield_error input,#main .gform-body .gfield_error textarea {
    border-bottom: 2px solid var(--m1)
}

#main .gform_footer {
    padding: 0;
    margin: 32px 0 0
}

#main .gform_footer .button {
    margin: 0 10px 0 0
}

.grid {
    display: grid
}

.grid.three-cols {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 26px
}

@media screen and (max-width: 1024px) {
    .grid.three-cols {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 16px;
        grid-row-gap: 48px
    }
}

@media screen and (max-width: 680px) {
    .grid.three-cols {
        grid-template-columns:repeat(1, 1fr)
    }
}

#main .swiper-button {
    background-image: url(../images/dist/right-arrow.svg);
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 44px;
    width: 44px;
    position: relative;
    margin: 0;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    border: 1px solid var(--m1);
    border-radius: 10px;
    margin-left: 8px
}

@media screen and (max-width: 680px) {
    #main .swiper-button {
        height:32px;
        width: 32px;
        background-size: 18px 18px
    }
}

#main .swiper-button:after {
    display: none
}

#main .swiper-button.swiper-button-prev {
    background-image: url(../images/dist/left-arrow.svg)
}

#main .swiper-button:hover,#main .swiper-button:active,#main .swiper-button:focus {
    -webkit-box-shadow: inset 0 -6px 16px 0px var(--mt1);
    box-shadow: inset 0 -6px 16px 0px var(--mt1)
}

#main .swiper-button.swiper-button-disabled {
    opacity: .4
}

body {
    font-size: 14px;
    font-size: clamp(14px,1.1111111111vw,16px);
    line-height: 1;
    color: var(--m4);
    font-family: "Inter","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight: 500;
    margin: 0 0 24px;
    line-height: 1.3;
    font-family: "Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif
}

h1,.h1 {
    font-size: 54px;
    font-size: clamp(54px,8.3333333333vw,120px);
    color: var(--m4);
    letter-spacing: -0.04em;
    line-height: 1.1;
    margin-bottom: 16px;
    margin-bottom: clamp(16px,2.2222222222vw,32px)
}

@media screen and (max-width: 370px) {
    h1,.h1 {
        font-size:46px
    }
}

h1.xl,.h1.xl {
    font-size: 50px;
	font-size:clamp(50px,11.6666666667vw,90px);
    _font-size: clamp(50px,11.6666666667vw,168px);
    margin-bottom: 18px;
    _margin-bottom: clamp(18px,4.4444444444vw,64px);
	margin-bottom: clamp(50px, 11.6666666667vw, 63px);
}

h2,.h2 {
    font-size: 36px;
    font-size: clamp(36px,4.4444444444vw,64px);
    line-height: 1;
    letter-spacing: -0.02em
}

h2.small,.h2.small {
    font-size: 30px;
    font-size: clamp(30px,4.1666666667vw,60px)
}

h2.smallest,.h2.smallest {
    font-size: 24px;
    font-size: clamp(24px,3.3333333333vw,48px);
    font-weight: 400;
    margin-bottom: 12px;
    margin-bottom: clamp(12px,1.6666666667vw,24px)
}

h3,.h3 {
    font-size: 36px;
    font-size: clamp(36px,3.8888888889vw,56px);
    color: var(--m1);
    letter-spacing: -0.02em;
    font-weight: 500;
    line-height: 1.15
}

h3.small,.h3.small {
    font-size: 24px;
    font-size: clamp(24px,3.3333333333vw,48px);
    font-weight: 400;
    margin-bottom: 12px;
    margin-bottom: clamp(12px,1.6666666667vw,24px)
}

h4 {
    font-size: 28px;
    font-size: clamp(28px,2.7777777778vw,40px);
    font-weight: 700
}

p {
    line-height: 1.4;
    margin: 0 0 16px;
    color: #0b1a27
}

p:last-child {
    margin-bottom: 0
}

.outer-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    max-width: 1920px
}

.outer-container .container {
    padding-left: 18px;
    padding-left: clamp(18px,3.0555555556vw,44px);
    padding-right: 18px;
    padding-right: clamp(18px,3.0555555556vw,44px)
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-left: clamp(20px,4.4444444444vw,64px);
    padding-right: 20px;
    padding-right: clamp(20px,4.4444444444vw,64px);
    width: 100%;
    max-width: 1400px
}

.container .inner-container {
    padding-left: 0;
    padding-right: 0
}

.inner-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-left: clamp(20px,4.4444444444vw,64px);
    padding-right: 20px;
    padding-right: clamp(20px,4.4444444444vw,64px);
    width: 100%;
    max-width: 1220px
}

.thin-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-left: clamp(20px,4.4444444444vw,64px);
    padding-right: 20px;
    padding-right: clamp(20px,4.4444444444vw,64px);
    width: 100%;
    max-width: 1060px
}

.hide-text {
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    white-space: nowrap
}

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

.bh {
    height: 100vh
}

.cover-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.centered {
    text-align: center
}

.intro {
    font-size: 14px;
    font-size: clamp(14px,1.6666666667vw,24px);
    color: var(--m4);
    line-height: 1.2
}

.intro-wrap p,.sub-copy p {
    font-size: 14px;
    font-size: clamp(14px,1.3888888889vw,20px);
    color: #140503
}

.intro-wrap p a,.sub-copy p a {
    color: var(--m4)
}

.col-half {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

@media screen and (max-width: 820px) {
    .col-half {
        width:100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

.table {
    display: table;
    height: 100%;
    width: 100%
}

.table .cell {
    vertical-align: middle;
    display: table-cell
}

.background,.overlink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.overlink {
    z-index: 10
}

.background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.image {
    position: relative
}

.relative {
    position: relative
}

.media {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.media video {
    z-index: 10;
    position: relative;
    width: 100%;
    height: auto
}

.bottom-bar {
    border-top: 1px solid var(--m1);
    padding-top: 20px;
    padding-top: clamp(20px,2.2222222222vw,32px);
    margin-top: 20px;
    margin-top: clamp(20px,2.0833333333vw,30px)
}

@media screen and (max-width: 680px) {
    .bottom-bar {
        -webkit-box-pack:justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
}

.bottom-bar span {
    color: #0b1a27
}

.bottom-bar .button {
    margin: 0 0 0 24px
}

.fourohfour .button {
    margin: 20px 0 0
}

.fullwidthmedia .image {
    padding-bottom: 56.56%
}

.desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.desktop .download-link {
    margin-left: 20px
}

@media screen and (max-width: 1024px) {
    .desktop {
        display:none
    }
}

.tablet {
    display: none
}

@media screen and (max-width: 1024px) {
    .tablet {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.download-link {
    max-height: 70px
}

@media screen and (max-width: 820px) {
    .download-link {
        max-height:40px
    }
}

.download-link img {
    height: 100%;
    width: auto;
    margin-left: auto
}

@media screen and (max-width: 820px) {
    .download-link img {
        margin-left:0
    }
}

.blockpad {
    padding-top: 48px;
    padding-top: clamp(48px,7.7777777778vw,112px);
    padding-bottom: 48px;
    padding-bottom: clamp(48px,7.7777777778vw,112px)
}

.blockpad-top {
    padding-top: 48px;
    padding-top: clamp(48px,7.7777777778vw,112px)
}

.blockpad-bottom {
    padding-bottom: 48px;
    padding-bottom: clamp(48px,7.7777777778vw,112px)
}

.mblockpad {
    padding-top: 40px;
    padding-top: clamp(40px,6.1111111111vw,88px);
    padding-bottom: 40px;
    padding-bottom: clamp(40px,6.1111111111vw,88px)
}

.mblockpad-top {
    padding-top: 40px;
    padding-top: clamp(40px,6.1111111111vw,88px)
}

.mblockpad-bottom {
    padding-bottom: 40px;
    padding-bottom: clamp(40px,6.1111111111vw,88px)
}

.sblockpad {
    padding-top: 32px;
    padding-top: clamp(32px,4.4444444444vw,64px);
    padding-bottom: 32px;
    padding-bottom: clamp(32px,4.4444444444vw,64px)
}

.sblockpad-top {
    padding-top: 32px;
    padding-top: clamp(32px,4.4444444444vw,64px)
}

.sblockpad-bottom {
    padding-bottom: 32px;
    padding-bottom: clamp(32px,4.4444444444vw,64px)
}

.slate {
    color: var(--m4)
}

.slate-bg {
    background-color: var(--m4)
}

.red {
    color: var(--m1)
}

.red-bg {
    background-color: var(--m1)
}

.salmon {
    color: var(--m5)
}

.salmon-bg {
    background-color: var(--m5)
}

.lsalmon {
    color: #ffdad6
}

.lsalmon-bg {
    background-color: #ffdad6
}

.grey {
    color: #898281
}

.grey-bg {
    background-color: #898281
}

.brown {
    color: #4f4442
}

.brown-bg {
    background-color: #4f4442
}

.lgrey {
    color: #c4c0c0
}

.lgrey-bg {
    background-color: #c4c0c0
}

.xlgrey {
    color: #fafafa
}

.xlgrey-bg {
    background-color: #fafafa
}

.xxlgrey {
    color: #eee
}

.xxlgrey-bg {
    background-color: #eee
}

.add-to-wallet {
    background-color: #f4f4f4;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.add-to-wallet h4 {
    margin-bottom: 0;
    margin-right: 20px
}

.add-to-wallet .links>* {
    margin-left: 32px
}

@media screen and (max-width: 820px) {
    .add-to-wallet .links>* {
        margin:20px 0 0
    }
}

.download-link {
    max-width: 280px;
    width: 100%
}

.all-news-posts-wrap {
    padding-top: 29px;
    padding-top: clamp(29px,4.4444444444vw,64px);
    padding-bottom: 29px;
    padding-bottom: clamp(29px,4.4444444444vw,64px);
    border-bottom: 1px solid #eee
}

.all-news-posts-wrap .intro-wrap {
    padding-top: 29px;
    padding-top: clamp(29px,4.4444444444vw,64px);
    max-width: 762px
}

#main .half-contact-half-demo .contact-form-wrap-inner {
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 4px 4px 24px 0px rgba(0,0,0,.1);
    box-shadow: 4px 4px 24px 0px rgba(0,0,0,.1)
}

@media screen and (max-width: 820px) {
    #main .half-contact-half-demo .contact-form-wrap-inner {
        -webkit-box-shadow:none;
        box-shadow: none;
        background-color: rgba(0,0,0,0)
    }
}

#main .half-contact-half-demo .contact-form-wrap-inner .col-half {
    padding-top: 32px;
    padding-top: clamp(32px,5vw,72px);
    padding-bottom: 32px;
    padding-bottom: clamp(32px,5vw,72px);
    padding-left: 24px;
    padding-left: clamp(24px,6.3888888889vw,92px);
    padding-right: 24px;
    padding-right: clamp(24px,6.3888888889vw,92px)
}

@media screen and (max-width: 820px) {
    #main .half-contact-half-demo .contact-form-wrap-inner .col-half.form-wrap {
        padding-left:0;
        padding-right: 0
    }
}

#main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap {
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 820px) {
    #main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap {
        border-radius:10px;
        margin-bottom: 24px
    }
}

#main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap:before {
    content: "";
    height: 200%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: radial-gradient(ellipse at center, rgb(11, 26, 39) 0%, rgb(54, 71, 84) 100%)
}

#main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap>* {
    position: relative;
    z-index: 10
}

#main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap h3,#main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap p {
    color: #fff
}

#main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap .intro {
    display: block;
    color: #eee;
    font-weight: 400
}

#main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap .qr {
    width: 100%;
    max-width: 200px;
    margin-bottom: 32px;
    margin-bottom: clamp(32px,4.4444444444vw,64px)
}

@media screen and (max-width: 1024px) {
    #main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap .qr {
        display:none
    }
}

@media screen and (max-width: 680px) {
    #main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap .qr {
        margin-left:auto;
        margin-right: auto
    }
}

#main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap .mobile {
    display: none;
    margin-bottom: 32px;
    margin-bottom: clamp(32px,4.4444444444vw,64px)
}

@media screen and (max-width: 1024px) {
    #main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap .mobile {
        display:block
    }
}

#main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap .demo-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px;
    background-color: rgba(255,255,255,.1);
    border-radius: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
    margin-top: clamp(40px,2.7777777778vw,40px);
    margin-bottom: 64px;
    margin-bottom: clamp(64px,4.4444444444vw,64px)
}

@media screen and (max-width: 680px) {
    #main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap .demo-logos {
        padding:20px 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

#main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap .demo-logos li {
    list-style-type: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.3333%;
    flex: 0 1 33.3333%
}

@media screen and (max-width: 680px) {
    #main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap .demo-logos li {
        -webkit-box-flex:0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

#main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap .demo-logos li img {
    width: 80%;
    max-width: 130px;
    margin: 20px auto
}

@media screen and (max-width: 680px) {
    #main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap .demo-logos li img {
        width:100%
    }
}

#main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap .contact p {
    font-size: 14px;
    font-size: clamp(14px,1.3888888889vw,20px);
    line-height: 1.2;
    font-weight: 400
}

#main .half-contact-half-demo .contact-form-wrap-inner .demo-wrap .contact .tel {
    border-bottom: 1px solid var(--m1);
    color: #eee;
    padding-bottom: 8px;
    text-decoration: none;
    display: block;
    font-weight: 400
}

#main .half-contact-half-demo .contact-form-wrap-inner .form-wrap .gform_wrapper {
    margin: 0
}

#main .half-contact-half-demo .contact-form-wrap-inner .form-wrap .gform_fields {
    grid-row-gap: 24px !important
}

#main .half-contact-half-demo .contact-form-wrap-inner .form-wrap .ginput_complex fieldset,#main .half-contact-half-demo .contact-form-wrap-inner .form-wrap .ginput_complex span {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    padding-left: 0 !important;
    margin-bottom: 24px
}

#main .half-contact-half-demo .contact-form-wrap-inner .form-wrap .ginput_complex fieldset:last-child,#main .half-contact-half-demo .contact-form-wrap-inner .form-wrap .ginput_complex span:last-child {
    margin-bottom: 0
}

#main .half-contact-half-demo .contact-form-wrap-inner .form-wrap .form-additional {
    margin-top: 32px;
    margin-top: clamp(32px,4.4444444444vw,64px)
}

#main .half-contact-half-demo .contact-form-wrap-inner .form-wrap .form-additional p {
    font-size: 14px;
    font-size: clamp(14px,1.3888888889vw,20px);
    line-height: 1.2;
    font-weight: 400
}

#main .half-contact-half-demo .contact-form-wrap-inner .form-wrap .form-additional p a {
    color: var(--m4);
    font-weight: 400
}

#main .half-contact-half-demo .contact-form-wrap-inner .form-wrap .form-additional .form-help {
    margin-top: 24px;
    margin-top: clamp(24px,3.3333333333vw,48px)
}

#main .half-contact-half-demo .contact-form-wrap-inner .form-wrap .form-additional .form-help p a {
    color: var(--m1);
    font-weight: 500
}

@media screen and (max-width: 680px) {
    .central-text-column .thin-container {
        text-align:left
    }
}

.central-text-column p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px
}

.central-text-column p .intro {
    font-size: 14px;
    font-size: clamp(14px,1.3888888889vw,20px);
    line-height: 1.5;
    color: #140503
}

.central-text-column .button {
    margin: 0 auto
}

@media screen and (max-width: 680px) {
    .central-text-column .button {
        margin-left:0
    }
}

.central-text-column .bottom-bar {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.central-text-column .bottom-bar .button {
    margin: 0 0 0 24px
}

.child-page-links-wrap .intro-wrap p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 820px) {
    .child-page-links-wrap .intro-wrap p {
        margin-left:0
    }
}

@media screen and (max-width: 820px) {
    .child-page-links-wrap .intro-wrap {
        text-align:left
    }
}

.child-page-links-wrap .child-page-links {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 820px) {
    .child-page-links-wrap .child-page-links {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.child-page-links-wrap .child-page-links li {
    list-style-type: none
}

.child-page-links-wrap .child-page-links li a {
    color: #140503;
    padding: 12px 16px;
    line-height: 1;
    border: 1px solid #c4c0c0;
    border-radius: 10px;
    margin: 6px;
    margin: clamp(6px,.8333333333vw,12px);
    font-size: 14px;
    font-size: clamp(14px,1.3888888889vw,20px);
    color: #c4c0c0;
    padding-top: 8px;
    padding-top: clamp(8px,1.1111111111vw,16px);
    padding-bottom: 8px;
    padding-bottom: clamp(8px,1.1111111111vw,16px);
    padding-left: 11px;
    padding-left: clamp(11px,1.6666666667vw,24px);
    padding-right: 11px;
    padding-right: clamp(11px,1.6666666667vw,24px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

@media screen and (max-width: 820px) {
    .child-page-links-wrap .child-page-links li a {
        margin-left:0;
        margin-right: 12px
    }
}

.child-page-links-wrap .child-page-links li a img {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .4;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

@media screen and (max-width: 820px) {
    .child-page-links-wrap .child-page-links li a img {
        width:25px;
        height: auto
    }
}

.child-page-links-wrap .child-page-links li a:hover,.child-page-links-wrap .child-page-links li a:active,.child-page-links-wrap .child-page-links li a:focus {
    border-color: var(--m1);
    -webkit-box-shadow: inset 0 -6px 16px 0px var(--mt1);
    box-shadow: inset 0 -6px 16px 0px var(--mt1);
    color: var(--m1)
}

.child-page-links-wrap .child-page-links li a:hover img,.child-page-links-wrap .child-page-links li a:active img,.child-page-links-wrap .child-page-links li a:focus img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1
}

.bottom-bar {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.bottom-bar .button {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.bottom-bar span {
    line-height: 1.3;
    display: block
}

@media screen and (max-width: 820px) {
    .bottom-bar span {
        text-align:left
    }
}

.faqs-wrap {
    padding-top: 24px
}

.faq-group {
    margin-bottom: 60px
}

.faq-group .group-title {
    font-weight: 700;
    font-size: 16px;
    font-size: clamp(16px,1.6666666667vw,24px);
    color: var(--m4);
    line-height: 1.2
}

.faq-group .group-title:last-child {
    margin-bottom: 48px
}

.faq-group .faq {
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
    margin-bottom: clamp(12px,1.6666666667vw,24px)
}

.faq-group .toggle {
    font-size: 16px;
    font-size: clamp(16px,1.6666666667vw,24px);
    color: var(--m4);
    line-height: 1.2;
    font-family: "Inter","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    padding: 24px 0;
    margin: 0;
    cursor: pointer;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

@media screen and (max-width: 680px) {
    .faq-group .toggle {
        padding:12px 0
    }
}

.faq-group .toggle div {
    height: 44px;
    width: 44px;
    display: block;
    border: 1px solid var(--m1);
    border-radius: 10px;
    position: relative;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 18px
}

@media screen and (max-width: 680px) {
    .faq-group .toggle div {
        height:32px;
        width: 32px
    }
}

.faq-group .toggle div span {
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-left: 14px;
    margin-top: 13px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 680px) {
    .faq-group .toggle div span {
        margin-left:9px;
        margin-top: 8px
    }
}

.faq-group .toggle div span:before,.faq-group .toggle div span:after {
    content: "";
    display: block;
    position: absolute;
    height: 15px;
    width: 15px;
    top: 0%;
    left: 0%;
    margin-top: 1px;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    background-size: auto 100%;
    background-position: top right
}

@media screen and (max-width: 680px) {
    .faq-group .toggle div span:before,.faq-group .toggle div span:after {
        height:12px;
        width: 12px
    }
}

.faq-group .toggle div span:before {
    background-image: url(../images/dist/arrow.svg)
}

.faq-group .toggle div span:after {
    background-image: url(../images/dist/arrow-red.svg);
    -webkit-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%)
}

.faq-group .toggle:hover div,.faq-group .toggle:active div,.faq-group .toggle:focus div {
    -webkit-box-shadow: inset 0 -6px 16px 0px var(--mt1);
    box-shadow: inset 0 -6px 16px 0px var(--mt1)
}

.faq-group .toggle:hover span:before,.faq-group .toggle:active span:before,.faq-group .toggle:focus span:before {
    -webkit-transform: translate(100%, -100%);
    transform: translate(100%, -100%)
}

.faq-group .toggle:hover span:after,.faq-group .toggle:active span:after,.faq-group .toggle:focus span:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.faq-group .toggle.show div {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.faq-group .content {
    display: none;
    padding-bottom: 24px
}

.full-width-image-slider {
    border-radius: 10px;
    padding-bottom: 16px;
    padding-bottom: clamp(16px,5.5555555556vw,80px);
    background-size: cover;
    background-position: center center
}

@media screen and (max-width: 820px) {
    .full-width-image-slider {
        padding-bottom:0
    }
}

.full-width-image-slider .mobile-bg {
    display: none
}

@media screen and (max-width: 1024px) {
    .full-width-image-slider .mobile-bg {
        display:block;
        position: absolute;
        top: 0;
        right: 0;
        width: 150%;
        height: 150%;
        z-index: -1;
        background: #0b1a27;
        background: radial-gradient(circle, rgb(11, 26, 39) 0%, rgba(26, 42, 55, 0.9) 30%, rgba(54, 71, 84, 0.5) 100%)
    }
}

.full-width-image-slider .swiper-wrapper {
    position: static
}

.full-width-image-slider .video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

@media screen and (max-width: 1024px) {
    .full-width-image-slider .video-wrap {
        display:none
    }
}

.full-width-image-slider .video-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 200%;
    height: 200%;
    z-index: 1;
    background: #0b1a27;
    background: radial-gradient(circle, rgb(11, 26, 39) 0%, rgba(26, 42, 55, 0.6) 60%, rgba(54, 71, 84, 0) 100%)
}

.full-width-image-slider .background:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 200%;
    height: 200%;
    z-index: 1;
    background: #0b1a27;
    background: radial-gradient(circle, rgb(11, 26, 39) 0%, rgba(26, 42, 55, 0.6) 60%, rgba(54, 71, 84, 0) 100%)
}

.full-width-image-slider video {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 1024px) {
    .full-width-image-slider video {
        display:none !important
    }
}

.full-width-image-slider .swiper-slide {
    height: auto;
    padding-top: 32px;
    padding-top: clamp(32px,6.6666666667vw,96px);
    padding-left: 32px;
    padding-left: clamp(32px,6.3888888889vw,92px);
    padding-right: 32px;
    padding-right: clamp(32px,6.3888888889vw,92px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: static;
    opacity: 0 !important
}

.full-width-image-slider .swiper-slide.swiper-slide-active {
    opacity: 1 !important
}

@media screen and (max-width: 820px) {
    .full-width-image-slider .swiper-slide {
        padding:32px 32px
    }
}

.full-width-image-slider .swiper-slide .background {
    opacity: 0
}

.full-width-image-slider .swiper-slide video {
    opacity: 0
}

.full-width-image-slider .swiper-slide .content {
    position: relative;
    z-index: 4;
    max-width: 546px
}

@media screen and (max-width: 820px) {
    .full-width-image-slider .swiper-slide .content {
        padding-bottom:0;
        padding-top: 0
    }
}

.full-width-image-slider .swiper-slide .content h3 {
    color: #fff
}

.full-width-image-slider .swiper-slide .content p {
    color: #c4c0c0;
    font-size: 14px;
    font-size: clamp(14px,1.3888888889vw,20px)
}

.full-width-image-slider .swiper-slide .content p a {
    color: #fff
}

.full-width-image-slider .swiper-slide .content .button {
    margin-left: 0;
    background-color: rgba(0,0,0,0);
    color: #fff;
    margin-top: 12px
}

.full-width-image-slider .swiper-slide .content .button span:before {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.full-width-image-slider .swiper-pagination {
    position: relative;
    padding: 0;
    padding-top: 47px;
    text-align: left;
    border-top: 1px solid #c4c0c0;
    width: auto;
    margin-left: 32px;
    margin-left: clamp(32px,6.3888888889vw,92px);
    margin-right: 32px;
    margin-right: clamp(32px,6.3888888889vw,92px)
}

@media screen and (max-width: 820px) {
    .full-width-image-slider .swiper-pagination {
        margin:0 32px
    }
}

.full-width-image-slider .swiper-pagination .swiper-pagination-bullet {
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #fff;
    background-color: rgba(255,255,255,.1);
    padding: 12px 16px;
    line-height: 1;
    border: 1px solid #fff;
    border-radius: 10px;
    margin: 0 24px 0 0;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    padding-top: 8px;
    padding-top: clamp(8px,.8333333333vw,12px);
    padding-bottom: 8px;
    padding-bottom: clamp(8px,.8333333333vw,12px);
    padding-left: 11px;
    padding-left: clamp(11px,1.1111111111vw,16px);
    padding-right: 11px;
    padding-right: clamp(11px,1.1111111111vw,16px);
    width: auto;
    height: auto;
    opacity: 1;
    margin-bottom: 16px
}

.full-width-image-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--m1)
}

.full-width-image-slider .swiper-pagination .swiper-pagination-bullet:hover,.full-width-image-slider .swiper-pagination .swiper-pagination-bullet:active,.full-width-image-slider .swiper-pagination .swiper-pagination-bullet:focus {
    -webkit-box-shadow: inset 0 -6px 16px 0px var(--mt1);
    box-shadow: inset 0 -6px 16px 0px var(--mt1)
}
.footer_menu li a img {
    display: none;
}
#site-footer {
    background-color: var(--m4);
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 24px
}

#site-footer:before {
    content: "";
    height: 200%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: radial-gradient(ellipse at center, rgb(11, 26, 39) 0%, rgb(54, 71, 84) 100%)
}

#site-footer .container {
    position: relative;
    z-index: 5;
    padding-left: 44px;
    padding-left: clamp(44px,6.3888888889vw,92px);
    padding-right: 44px;
    padding-right: clamp(44px,6.3888888889vw,92px)
}

@media screen and (max-width: 820px) {
    #site-footer .container {
        padding-left:32px;
        padding-right: 32px
    }
}

#site-footer .h3,#site-footer p {
    color: #fff
}

#site-footer a {
    font-weight: 400;
    text-decoration: none
}

#site-footer .qr {
    width: 112px;
    height: auto
}

@media screen and (max-width: 1024px) {
    #site-footer .qr {
        display:none
    }
}

@media screen and (max-width: 1024px) {
    #site-footer .download-icon {
        margin-top:30px
    }
}

#site-footer .download-icon .mobile {
    display: none
}

@media screen and (max-width: 1024px) {
    #site-footer .download-icon .mobile {
        display:block
    }
}

#site-footer .demo-bar {
    padding-bottom: 32px;
    padding-bottom: clamp(32px,4.4444444444vw,64px);
    margin-bottom: 32px;
    margin-bottom: clamp(32px,2.7777777778vw,40px);
    border-bottom: 1px solid #898281
}

#site-footer .demo-bar .intro-wrap {
    padding-right: 30px
}

@media screen and (max-width: 820px) {
    #site-footer .demo-bar .intro-wrap {
        padding-right:0
    }
}

#site-footer .demo-bar .h3 {
    display: block;
    margin-bottom: 16px;
    margin-bottom: clamp(16px,1.6666666667vw,24px)
}

#site-footer .demo-bar p {
    font-size: 16px;
    font-size: clamp(16px,1.6666666667vw,24px);
    color: #eee;
    font-weight: 400;
    margin-bottom: 0
}

@media screen and (max-width: 480px) {
    #site-footer .link-bar .logo {
        height:40px;
        width: auto
    }
}

#site-footer .link-bar .logo-col {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 30px
}

@media screen and (max-width: 820px) {
    #site-footer .link-bar .logo-col {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 48px;
        margin-right: 0
    }
}

@media screen and (max-width: 480px) {
    #site-footer .link-bar .logo-col {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

#site-footer .link-bar .link-cols {
    width: 100%;
    max-width: 850px
}

#site-footer .link-bar .link-cols .link-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%
}

@media screen and (max-width: 680px) {
    #site-footer .link-bar .link-cols .link-col {
        -webkit-box-flex:0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

#site-footer .link-bar .link-cols .link-col .label {
    color: #fff;
    font-size: 20px;
    font-size: clamp(20px,1.5972222222vw,23px);
    display: block;
    font-weight: 500;
    margin-bottom: 16px;
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif
}

#site-footer .link-bar .link-cols .link-col a.label:hover,#site-footer .link-bar .link-cols .link-col a.label:active,#site-footer .link-bar .link-cols .link-col a.label:focus {
    text-decoration: underline
}

@media screen and (max-width: 680px) {
    #site-footer .link-bar .link-cols .link-col .inner-nav {
        display:none
    }
}

@media screen and (max-width: 680px) {
    #site-footer .link-bar .link-cols .link-col.menu-col {
        margin-bottom:16px;
        padding-bottom: 8px;
        border-bottom: 1px solid #fff
    }
}

@media screen and (max-width: 680px) {
    #site-footer .link-bar .link-cols .link-col.menu-col .label {
        padding:8px 0;
        font-size: 20px;
        margin-bottom: 0;
        position: relative
    }

    #site-footer .link-bar .link-cols .link-col.menu-col .label:after {
        content: "";
        display: block;
        height: 24px;
        width: 24px;
        background-image: url(../images/dist/down-arrow-white.svg);
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -12px;
        -webkit-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s
    }

    #site-footer .link-bar .link-cols .link-col.menu-col .label.open:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media screen and (max-width: 680px) {
    #site-footer .link-bar .link-cols .link-col.menu-col a.label:hover,#site-footer .link-bar .link-cols .link-col.menu-col a.label:active,#site-footer .link-bar .link-cols .link-col.menu-col a.label:focus {
        text-decoration:none
    }
}

@media screen and (max-width: 680px) {
    #site-footer .link-bar .link-cols .link-col.contact-col {
        margin-top:40px
    }
}

#site-footer .link-bar .link-cols .contact-details a,#site-footer .link-bar .link-cols .contact-details span {
    color: #c4c0c0;
    padding: 5px 0;
    display: block;
    font-weight: 400
}

#site-footer .link-bar .link-cols .contact-details a:hover,#site-footer .link-bar .link-cols .contact-details a:active,#site-footer .link-bar .link-cols .contact-details a:focus {
    color: #fff
}

#site-footer .link-bar .link-cols .contact-details span {
    line-height: 2
}

#site-footer .link-bar .link-cols .contact-details span.address {
    margin-top: 20px
}

#site-footer .link-bar .link-cols .menu li {
    display: block;
    list-style-type: none;
    margin-bottom: 5px
}

#site-footer .link-bar .link-cols .menu li a {
    color: #c4c0c0;
    padding: 5px 0
}

#site-footer .link-bar .link-cols .menu li a:hover,#site-footer .link-bar .link-cols .menu li a:active,#site-footer .link-bar .link-cols .menu li a:focus {
    color: #fff
}

#site-footer .social-links {
    margin-top: 30px;
    margin-top: clamp(30px,9.0277777778vw,130px)
}

@media screen and (max-width: 820px) {
    #site-footer .social-links {
        margin-top:0;
        margin-left: 30px
    }
}

@media screen and (max-width: 480px) {
    #site-footer .social-links {
        margin-left:0;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        text-align: left;
        margin-top: 20px
    }
}

#site-footer .social-links li {
    margin-right: 20px;
    display: inline-block;
    list-style-type: none
}

@media screen and (max-width: 820px) {
    #site-footer .social-links li {
        margin:0 0 0 20px
    }
}

@media screen and (max-width: 480px) {
    #site-footer .social-links li {
        margin-left:0;
        margin-right: 20px
    }
}

#site-footer .social-links li a {
    color: #fff;
    font-size: 19px
}

#site-footer .social-links li a:hover,#site-footer .social-links li a:active,#site-footer .social-links li a:focus {
    color: var(--m1)
}

#site-footer .locations {
    padding-top: 24px;
    padding-top: clamp(24px,2.2222222222vw,32px)
}

@media screen and (max-width: 480px) {
    #site-footer .locations {
        padding-top:10px
    }
}

#site-footer .locations span {
    display: block;
    color: #c4c0c0
}

@media screen and (max-width: 480px) {
    #site-footer .locations span {
        font-size:10px
    }
}

#site-footer .bottom-bar {
    border-top: 1px solid #c4c0c0;
    padding-top: 24px;
    padding-top: clamp(24px,2.2222222222vw,32px);
    margin-top: 20px;
    margin-top: clamp(20px,2.7777777778vw,40px)
}

@media screen and (max-width: 820px) {
    #site-footer .bottom-bar {
        -ms-flex-wrap:wrap !important;
        flex-wrap: wrap !important
    }
}

#site-footer .bottom-bar * {
    font-size: 13px;
    font-size: clamp(13px,.9027777778vw,13px);
    color: #c4c0c0
}

#site-footer .bottom-bar span {
    display: block;
    opacity: .7;
    font-weight: 400
}

@media screen and (max-width: 820px) {
    #site-footer .bottom-bar span {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        margin-top: 12px
    }
}

@media screen and (max-width: 820px) {
    #site-footer .bottom-bar div {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

#site-footer .bottom-bar .menu li {
    display: inline-block;
    margin-left: 16px;
    margin-left: clamp(16px,2.2222222222vw,32px);
    list-style-type: none
}

@media screen and (max-width: 820px) {
    #site-footer .bottom-bar .menu li {
        margin-left:0;
        margin-right: 20px;
        padding: 5px 0
    }
}

#site-footer .bottom-bar .menu li a {
    opacity: .7;
    font-weight: 400
}

#site-footer .bottom-bar .menu li a:hover,#site-footer .bottom-bar .menu li a:active,#site-footer .bottom-bar .menu li a:focus {
    opacity: 1
}

#site-footer .websiteby {
    display: block;
    color: #c4c0c0;
    margin-top: 20px;
    font-size: 13px;
    font-size: clamp(13px,.9027777778vw,13px)
}

#site-footer .websiteby a {
    color: #fff
}

.half-image-half-copy-wrap {
    overflow: visible;
    overflow-x: clip;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 820px) {
    .half-image-half-copy-wrap {
        padding-bottom:40px
    }
}

.half-image-half-copy-wrap .half-image-half-copy.floating-img .copy-col {
    padding-top: 0
}

.half-image-half-copy-wrap .half-image-half-copy .image {
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 46%;
    flex: 0 1 46%
}

@media screen and (max-width: 820px) {
    .half-image-half-copy-wrap .half-image-half-copy .image {
        -webkit-box-flex:0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        margin-bottom: 20px
    }
}

.half-image-half-copy-wrap .half-image-half-copy .image:not(.floating):before {
    content: "";
    padding-bottom: 96%;
    display: block
}

@media screen and (max-width: 480px) {
    .half-image-half-copy-wrap .half-image-half-copy .image:not(.floating):before {
        padding-bottom:120%
    }
}

.half-image-half-copy-wrap .half-image-half-copy .image.floating {
    overflow: visible
}

@media screen and (max-width: 820px) {
    .half-image-half-copy-wrap .half-image-half-copy .image.floating {
        -webkit-transform:translate(0) !important;
        transform: translate(0) !important
    }
}

.half-image-half-copy-wrap .half-image-half-copy .image.floating img {
	width: 100%;
    max-width: 550px;
    margin-right: 0;
    /* max-height: 600px; */
    height: 70dvh;
    /* min-height: 400px; */
    -webkit-transform: translateX(-10%);
    /* transform: translateX(-10%); */
    height: auto;
    transform: unset;
}

@media screen and (max-width: 820px) {
    .half-image-half-copy-wrap .half-image-half-copy .image.floating img {
        -webkit-transform:translateX(-5%);
        transform: translateX(-5%);
        height: auto;
        max-height: 500px
    }
}

.half-image-half-copy-wrap .half-image-half-copy .copy-col {
    padding-top: 24px;
    padding-top: clamp(24px,4.8611111111vw,70px);
    -webkit-box-flex: 0;
    -ms-flex: 0 1 57%;
    flex: 0 1 57%;
}

@media screen and (max-width: 820px) {
    .half-image-half-copy-wrap .half-image-half-copy .copy-col {
        -webkit-box-flex:0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

.half-image-half-copy-wrap .half-image-half-copy .copy-col h2 {
    font-weight: 400
}

.half-image-half-copy-wrap .half-image-half-copy .copy-col p {
    _max-width: 425px
}

.half-image-half-copy-wrap .half-image-half-copy.left-image .image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.half-image-half-copy-wrap .half-image-half-copy.left-image .copy-col {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 40px;
    _padding-left: clamp(0px,7.7083333333vw,111px)
}

@media screen and (max-width: 1024px) {
    .half-image-half-copy-wrap .half-image-half-copy.left-image .copy-col {
        padding-left:40px
    }
}

@media screen and (max-width: 820px) {
    .half-image-half-copy-wrap .half-image-half-copy.left-image .copy-col {
        padding-left:0
    }
}

.half-image-half-copy-wrap .half-image-half-copy.right-image .image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media screen and (max-width: 820px) {
    .half-image-half-copy-wrap .half-image-half-copy.right-image .image {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }
}

.half-image-half-copy-wrap .half-image-half-copy.right-image .copy-col {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 0px;
    padding-right: clamp(0px,7.7083333333vw,111px)
}

@media screen and (max-width: 1024px) {
    .half-image-half-copy-wrap .half-image-half-copy.right-image .copy-col {
        padding-right:40px
    }
}

@media screen and (max-width: 820px) {
    .half-image-half-copy-wrap .half-image-half-copy.right-image .copy-col {
        padding-right:0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.half-image-half-copy-wrap .half-image-half-copy .bottom-bar {
    border-top: 1px solid var(--m1);
    padding-top: 20px;
    padding-top: clamp(20px,2.2222222222vw,32px);
    margin-top: 20px;
    margin-top: clamp(20px,2.0833333333vw,30px);
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.half-image-half-copy-wrap .half-image-half-copy .bottom-bar .button {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.half-image-half-copy-wrap .half-image-half-copy .bottom-bar span {
    color: #0b1a27
}

#site-header {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 99
}

#site-header .inner {
    background-color: #fff;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(11,26,39,.08);
    box-shadow: 0px 8px 16px 0px rgba(11,26,39,.08);
    border-radius: 10px;
    padding-top: 25px;
    padding-top: clamp(25px,1.7361111111vw,25px);
    padding-bottom: 25px;
    padding-bottom: clamp(25px,1.7361111111vw,25px);
    padding-left: 18px;
    padding-left: clamp(18px,3.0555555556vw,44px);
    padding-right: 18px;
    padding-right: clamp(18px,3.0555555556vw,44px);
    margin: 24px 0px 0
}

#site-header .logo:hover,#site-header .logo:active,#site-header .logo:focus {
    opacity: .5
}
#site-header .logo {
	width:147px
}
@media screen and (max-width: 1062px) {
    #site-header .logo {
        width:112px
    }
}

@media screen and (max-width: 1024px) {
    #site-header .links {
        display:none
    }
}

#site-header nav li {
    display: inline-block;
    line-height: 1;
    margin: 0 12px;
    margin-left: 2px;
    margin-left: clamp(2px,.8333333333vw,12px);
    margin-right: 2px;
    margin-right: clamp(2px,.8333333333vw,12px);
    font-size: 0
}

#site-header nav li a {
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #140503;
    padding: 12px 16px;
    padding-left: 10px;
    padding-left: clamp(10px,1.1111111111vw,16px);
    padding-right: 10px;
    padding-right: clamp(10px,1.1111111111vw,16px);
    line-height: 1;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 10px;
    font-size: 14px;
    font-size: clamp(14px,1.1111111111vw,16px);
    text-decoration: none
}

#site-header nav li a:hover {
    border-color: var(--m1);
    -webkit-box-shadow: inset 0 -6px 16px 0px var(--mt1);
    box-shadow: inset 0 -6px 16px 0px var(--mt1)
}

#site-header nav li .sub-menu {
    display: none
}

#site-header nav li.current-menu-item>a,#site-header nav li.current-menu-ancestor>a {
    border-color: var(--m1);
    -webkit-box-shadow: inset 0 -6px 16px 0px var(--mt1);
    box-shadow: inset 0 -6px 16px 0px var(--mt1)
}

#site-header .account-links {
    border-left: 1px solid var(--m1);
    margin-left: 12px;
    padding-left: 12px
}

#site-header .account-links a {
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #140503;
    line-height: 1;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 10px;
    margin: 0 12px;
    text-decoration: none;
    padding-top: 8px;
    padding-top: clamp(8px,.8333333333vw,12px);
    padding-bottom: 8px;
    padding-bottom: clamp(8px,.8333333333vw,12px);
    padding-left: 11px;
    padding-left: clamp(11px,1.1111111111vw,16px);
    padding-right: 11px;
    padding-right: clamp(11px,1.1111111111vw,16px)
}

#site-header .account-links a:last-child {
    margin-right: 0
}

#site-header .account-links a.button {
    border-color: var(--m1)
}

#site-header .account-links a:hover,#site-header .account-links a:active,#site-header .account-links a:focus {
    border-color: var(--m1);
    -webkit-box-shadow: inset 0 -6px 16px 0px var(--mt1);
    box-shadow: inset 0 -6px 16px 0px var(--mt1)
}

#site-header .dropdown {
    border-top: 1px solid #eee;
    padding: 24px 0 0;
    margin-top: 24px;
    display: none
}

@media screen and (max-width: 1024px) {
    #site-header .dropdown {
        display:none !important
    }
}

#site-header .dropdown .flex {
    width: 100%
}

#site-header .dropdown .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 34.5%;
    flex: 0 1 34.5%;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 24px;
    margin-right: clamp(24px,3.8888888889vw,56px);
    min-height: 250px
}

#site-header .dropdown .links-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
    padding-top: 28px;
    padding-bottom: 28px
}

#site-header .dropdown .links-col .heading {
    font-size: 14px;
    font-size: clamp(14px,1.6666666667vw,24px);
    color: var(--m4);
    line-height: 1.2;
    display: block;
    text-decoration: none
}

#site-header .dropdown .links-col li {
    list-style-type: none
}

#site-header .dropdown .links-col li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    margin-bottom: 5px;
    color: #898281;
    text-decoration: none;
    font-size: 16px;
    font-size: clamp(16px,1.3888888889vw,20px);
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-weight: 500
}

#site-header .dropdown .links-col li a:hover,#site-header .dropdown .links-col li a:active,#site-header .dropdown .links-col li a:focus {
    color: var(--m1)
}

#site-header .dropdown .links-col li a img {
    margin-right: 8px
}

#site-header .dropdown .links-col .two-cols {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 16px;
    margin-top: clamp(16px,2.2222222222vw,32px);
    max-width: 560px
}

#site-header .dropdown .links-col .three-cols {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 16px;
    margin-top: clamp(16px,2.2222222222vw,32px);
    max-width: 600px;
    grid-gap: 0
}

.hero {
    border-bottom: 1px solid #eee;
    padding-top: 66px;
    padding-top: clamp(66px,7.3611111111vw,106px);
    padding-bottom: 40px;
    padding-bottom: clamp(40px,3.8888888889vw,56px)
}

.hero h1.xl {
    text-align: center;
	text-align: left;
}

@media screen and (max-width: 820px) {
    .hero h1.xl {
        text-align:left
    }
}

.hero .copy-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

@media screen and (max-width: 820px) {
    .hero .copy-col {
        -webkit-box-flex:0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        margin-bottom: 24px
    }
}

.hero .copy-col.thinner {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%
}

@media screen and (max-width: 820px) {
    .hero .copy-col.thinner {
        -webkit-box-flex:0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

.hero .copy-col p {
    color: #898281;
    max-width: 490px
}

.hero .copy-col p:first-child {
    max-width: 100%
}

.latest-posts-carousel .intro-wrap {
    max-width: 705px;
    width: 65%
}

@media screen and (max-width: 680px) {
    .latest-posts-carousel .intro-wrap {
        width:100%
    }
}

.latest-posts-carousel .intro-wrap h3 {
    margin-bottom: 10px
}

.latest-posts-carousel .intro-wrap p {
    font-size: 14px;
    font-size: clamp(14px,1.3888888889vw,20px)
}

@media screen and (max-width: 680px) {
    .latest-posts-carousel .swiper-nav {
        margin-left:auto
    }
}

.latest-posts-carousel .post-carousel {
    margin-top: 24px;
    margin-top: clamp(24px,4.4444444444vw,64px);
    overflow: visible;
    cursor: -webkit-grab;
    cursor: grab
}

.latest-posts-carousel .post-carousel .swiper-nav {
    position: absolute;
    bottom: 100%;
    right: 0;
    padding-bottom: 24px;
    padding-bottom: clamp(24px,4.4444444444vw,64px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 680px) {
    .latest-posts-carousel .post-carousel .swiper-nav {
        -webkit-transform:none;
        transform: none;
        padding-bottom: 0;
        bottom: auto;
        top: 0
    }
}

.location-map {
    position: relative
}

.location-map .container {
    position: relative
}

@media screen and (max-width: 1420px) {
    .location-map #location-map-wrap {
        overflow-x:visible !important;
        overflow-y: clip !important;
        padding-top: 34px
    }
}

.location-map .highlight {
    fill: var(--m1);
    cursor: pointer
}

.location-map .map-controls {
    position: absolute;
    right: 32px;
    top: 0;
    border-radius: 4px;
    overflow: hidden;
    z-index: 20;
    display: none
}

@media screen and (max-width: 1420px) {
    .location-map .map-controls {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.location-map .map-controls button {
    height: 34px;
    width: 34px;
    background-color: #fff;
    border: 1px solid var(--m1);
    border-radius: 10px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    position: relative;
    margin-left: 5px
}

.location-map .map-controls button:before,.location-map .map-controls button:after {
    content: "";
    height: 1px;
    width: 12px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #0b1a27
}

.location-map .map-controls button:hover {
    background-color: var(--m1)
}

.location-map .map-controls button#zoom-in-button {
    background-image: url("../images/dist/plus.svg")
}

.location-map .map-controls button#zoom-in-button:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

.location-map .map-controls button#zoom-out-button {
    background-image: url("../images/dist/minus.svg")
}

.location-map #location-map {
    margin: 0 auto;
    width: 100%;
    height: auto
}

.location-map .popup {
    width: 420px;
    padding-left: 40px;
    padding-left: clamp(40px,3.3333333333vw,48px);
    padding-right: 40px;
    padding-right: clamp(40px,3.3333333333vw,48px);
    padding-top: 48px;
    padding-top: clamp(48px,3.8888888889vw,56px);
    padding-bottom: 48px;
    padding-bottom: clamp(48px,3.8888888889vw,56px);
    background-color: #fff;
    border: 1px solid var(--m5);
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
    z-index: 30
}

@media screen and (max-width: 1024px) {
    .location-map .popup {
        -webkit-transform:translateX(-50%);
        transform: translateX(-50%);
        max-width: 300px;
        bottom: 0;
        top: auto
    }
}

.location-map .popup .close-popup {
    height: 24px;
    width: 24px;
    display: block;
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer
}

.location-map .popup .close-popup:before,.location-map .popup .close-popup:after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0%;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    display: block;
    background-color: var(--m1)
}

.location-map .popup .close-popup:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.location-map .popup .close-popup:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.location-map .popup .close-popup:hover:before,.location-map .popup .close-popup:hover:after,.location-map .popup .close-popup:active:before,.location-map .popup .close-popup:active:after,.location-map .popup .close-popup:focus:before,.location-map .popup .close-popup:focus:after {
    background-color: var(--m5)
}

.location-map .popup.open {
    opacity: 1;
    visibility: visible
}

.location-map .popup h2 {
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin-bottom: 16px;
    font-size: 24px;
    font-size: clamp(24px,1.9444444444vw,28px);
    font-weight: 500;
    color: var(--m1)
}

.location-map .popup p {
    color: var(--m4)
}

.location-map .popup .button {
    margin-left: 0
}

.logo-carousel {
    padding-top: 19px;
    padding-top: clamp(19px,2.2222222222vw,32px);
    padding-bottom: 19px;
    padding-bottom: clamp(19px,2.2222222222vw,32px);
    border-bottom: 1px solid #eee
}

.logo-carousel .swiper-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.logo-carousel .swiper-slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 86px;
    height: clamp(86px,10vw,144px);
    width: 86px;
    width: clamp(86px,10vw,144px);
    margin-left: 33px;
    margin-left: clamp(33px,3.8888888889vw,56px);
    margin-right: 33px;
    margin-right: clamp(33px,3.8888888889vw,56px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.logo-carousel .swiper-slide img {
    max-width: 100%;
    max-height: 100%
}

.logo-carousel .swiper-slide a:hover,.logo-carousel .swiper-slide a:active,.logo-carousel .swiper-slide a:focus {
    opacity: .5
}

.pricing-columns-wrap .pricing-col {
    overflow: visible !important
}

.pricing-columns-wrap .pricing-col .price {
    display: block;
    color: var(--m5);
    font-size: 20px;
    font-size: clamp(20px,1.6666666667vw,24px);
    margin-bottom: 16px;
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif
}

.panel {
    border: 1px solid var(--m5);
    border-radius: 10px;
    padding-top: 48px;
    padding-top: clamp(48px,3.8888888889vw,56px);
    padding-bottom: 48px;
    padding-bottom: clamp(48px,3.8888888889vw,56px);
    padding-left: 40px;
    padding-left: clamp(40px,3.3333333333vw,48px);
    padding-right: 40px;
    padding-right: clamp(40px,3.3333333333vw,48px);
    overflow-x: clip;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.panel .label {
    display: block;
    position: absolute;
    top: 0;
    left: 40px;
    left: clamp(40px,3.3333333333vw,48px);
    right: 40px;
    right: clamp(40px,3.3333333333vw,48px);
    max-width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 12px 20px;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    background: linear-gradient(45deg, var(--m1) 0%, #ff6c5c 100%);
    color: #fff
}

.panel:first-child .label {
    background: -webkit-gradient(linear, right top, left top, from(var(--m5)), to(#ff6c5c));
    background: linear-gradient(to left, var(--m5) 0%, #ff6c5c 100%)
}

.panel h3 {
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin-bottom: 12px;
    font-size: 24px;
    font-size: clamp(24px,1.9444444444vw,28px);
    font-weight: 500
}

.panel p {
    color: var(--m4)
}

.panel .button {
    margin-left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto
}

.panel.link-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.panel.link-panel h3 {
    margin-top: auto
}

.panel.link-panel p {
    font-size: 12px;
    line-height: 1.6
}

.panel.highlight {
    background: linear-gradient(45deg, var(--m1) 0%, #ff6c5c 100%)
}

.panel.highlight h3,.panel.highlight p,.panel.highlight li,.panel.highlight a {
    color: #fff
}

.panel.highlight .button {
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff
}

.panel.highlight .button span:before,.panel.highlight .button span:after {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.panel.highlight .label {
    background: #f4f4f4;
    color: var(--m1)
}

.perks {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    padding-left: 20px;
    margin-top: 8px;
    margin-bottom: 16px;
    margin-bottom: clamp(16px,1.6666666667vw,24px)
}

.perks.three-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.perks li {
    margin: 0 5px 5px;
    line-height: 1.4
}

.resource-group .intro-wrap {
    max-width: 705px
}

.resource-group .resource.how-to-guides {
    position: relative;
    border: none;
    overflow: hidden
}

.resource-group .resource.how-to-guides:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.resource-group .resource.how-to-guides .background {
    -webkit-transform: scale(1.001);
    transform: scale(1.001);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.resource-group .resource.how-to-guides .background:before,.resource-group .resource.how-to-guides .background:after {
    content: "";
    height: 120%;
    width: 120%;
    position: absolute;
    top: 0%;
    display: block;
    overflow: visible
}

.resource-group .resource.how-to-guides .background:before {
    background: #0b1a27;
    background: radial-gradient(circle, rgb(11, 26, 39) 40%, rgba(11, 26, 39, 0) 100%);
    right: 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    height: 200%;
    width: 200%;
    z-index: 1
}

.resource-group .resource.how-to-guides .background:after {
    background: var(--m4);
    background: linear-gradient(328deg, rgb(54, 71, 84) 43%, rgba(54, 71, 84, 0) 100%);
    top: 0%;
    left: 0%;
    height: 150%;
    width: 150%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    z-index: 0
}

.resource-group .resource.how-to-guides .content {
    position: absolute;
    bottom: 48px;
    bottom: clamp(48px,3.8888888889vw,56px);
    left: 40px;
    left: clamp(40px,3.3333333333vw,48px);
    right: 40px;
    right: clamp(40px,3.3333333333vw,48px);
    z-index: 2
}

.resource-group .resource.how-to-guides .content h3,.resource-group .resource.how-to-guides .content p {
    color: #fff
}

.resource-group .resource.how-to-guides .content .button {
    margin-left: 0;
    background-color: rgba(0,0,0,0);
    color: #fff;
    margin-top: 12px
}

.resource-group .resource.how-to-guides .content .button span:before {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.resource-group .hidden-pagination {
    display: none
}

@media screen and (max-width: 820px) {
    .solutions-preview-wrap .container {
        padding-bottom:32px
    }
}

@media screen and (max-width: 820px) {
    .solutions-preview-wrap .col-half {
        -webkit-box-flex:0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

@media screen and (max-width: 820px) {
    .solutions-preview-wrap .preview-copy-slider-wrap {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (max-width: 820px) {
    .solutions-preview-wrap .preview-copy-slider {
        padding-bottom:20px
    }
}

.solutions-preview-wrap .preview-copy-slider .slick-slide {
    padding-right: 50px
}

@media screen and (max-width: 680px) {
    .solutions-preview-wrap .preview-copy-slider .slick-slide {
        padding-right:0
    }
}

.solutions-preview-wrap .preview-copy-slider .slick-slide h2 {
    font-weight: 400
}

.solutions-preview-wrap .preview-copy-slider .slick-slide p {
    max-width: 425px
}

.solutions-preview-wrap .preview-copy-slider .slick-slide .bottom-bar .button {
    _margin-left: 32px
}

.solutions-preview-wrap .preview-copy-slider .slick-slide ul {
    margin-bottom: 0px;
    margin-left: 20px;
    max-width: 425px
}

.solutions-preview-wrap .preview-copy-slider .slick-slide ul li {
    margin-bottom: 10px;
    list-style-type: disc;
    color: #0b1a27;
    line-height: 1.4
}

.solutions-preview-wrap .preview-copy-slider .slick-slide ul li:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 820px) {
    .solutions-preview-wrap .preview-image-slider-wrap {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }
}

_.solutions-preview-wrap .preview-image-slider {
    height: 640px !important;
    width: 600px !important;
    position: relative;
    overflow: hidden
}

.solutions-preview-wrap .preview-image-slider:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    _background-image: url(../images/dist/iphone.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    z-index: 10
}

_.solutions-preview-wrap .preview-image-slider.full-phone-version {
    width: 500px !important;
    height: 910px !important;
    margin-right: 0;
    margin-left: auto;
}

@media screen and (max-width: 820px) {
    _.solutions-preview-wrap .preview-image-slider.full-phone-version {
        width:250px !important;
        height: 442px !important
    }
}

 

_.solutions-preview-wrap .preview-image-slider.full-phone-version .slick-list {
    height: 910px !important
}

_.solutions-preview-wrap .preview-image-slider.full-phone-version .slick-slide {
    height: 910px !important;
    width: 500px !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important
}

@media screen and (max-width: 820px) {
    .solutions-preview-wrap .preview-image-slider.full-phone-version .slick-slide {
        width:250px !important;
        height: 442px !important
    }
}

.solutions-preview-wrap .preview-image-slider.full-phone-version .slick-slide.slick-active .image {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

.solutions-preview-wrap .preview-image-slider.full-phone-version .image {
    height: 758px !important;
    width: 347px !important;
    position: absolute;
    top: 22px;
    right: 20px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    left: auto;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

@media screen and (max-width: 820px) {
    .solutions-preview-wrap .preview-image-slider.full-phone-version .image {
        height:370px !important;
        width: 168px !important;
        top: 10px;
        right: 12px;
        border-radius: 25px 25px 0 0
    }
}

.solutions-preview-wrap .preview-image-slider.full-phone-version .image .background {
    background-size: 100% 100%
}

@media screen and (max-width: 820px) {
    .solutions-preview-wrap .preview-image-slider {
        margin:35px auto 0px
    }
}

@media screen and (max-width: 680px) {
    .solutions-preview-wrap .preview-image-slider {
        height:349px !important;
        width: 327px !important
    }
}

@media screen and (max-width: 370px) {
    .solutions-preview-wrap .preview-image-slider {
        height:329px !important;
        width: 307px !important
    }
}

_.solutions-preview-wrap .preview-image-slider .slick-list {
    height: 640px !important
}

@media screen and (max-width: 680px) {
    _.solutions-preview-wrap .preview-image-slider .slick-list {
        height:349px !important
    }
}

@media screen and (max-width: 370px) {
    .solutions-preview-wrap .preview-image-slider .slick-list {
        height:329px !important
    }
}

_.solutions-preview-wrap .preview-image-slider .slick-slide {
    height: 640px !important;
    width: 600px !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important
}

@media screen and (max-width: 680px) {
    _.solutions-preview-wrap .preview-image-slider .slick-slide {
        height:349px !important;
        width: 327px !important
    }
}

@media screen and (max-width: 370px) {
    _.solutions-preview-wrap .preview-image-slider .slick-slide {
        height:329px !important;
        width: 307px !important
    }
}

.solutions-preview-wrap .preview-image-slider .slick-slide div {
    height: 100%;
    width: 100%
}

.solutions-preview-wrap .preview-image-slider .slick-slide {
    overflow: hidden;
}

.solutions-preview-wrap .preview-image-slider .slick-slide.slick-active .image {
    -webkit-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%)
}

.solutions-preview-wrap .preview-image-slider .image {
    height: 620px !important;
    width: 394px !important;
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    border-radius: 50px 50px 0 0;
    overflow: hidden;
    margin-left: -4px;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

@media screen and (max-width: 680px) {
    .solutions-preview-wrap .preview-image-slider .image {
        top:10px;
        height: 354px !important;
        width: 215px !important;
        border-radius: 30px 30px 0 0
    }
}

@media screen and (max-width: 370px) {
    .solutions-preview-wrap .preview-image-slider .image {
        height:318px !important;
        width: 203px !important
    }
}

.solutions-preview-wrap .preview-image-slider .image .background {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center
}

.solutions-preview-wrap .custom-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.solutions-preview-wrap .custom-pagination>div {
    color: #140503;
    padding: 12px 16px;
    line-height: 1;
    border: 1px solid #c4c0c0;
    border-radius: 10px;
    margin-right: 6px;
    margin-right: clamp(6px,.8333333333vw,12px);
    margin-bottom: 6px;
    margin-bottom: clamp(6px,.8333333333vw,12px);
    font-size: 14px;
    font-size: clamp(14px,1.3888888889vw,20px);
    color: #c4c0c0;
    padding-top: 8px;
    padding-top: clamp(8px,1.1111111111vw,16px);
    padding-bottom: 8px;
    padding-bottom: clamp(8px,1.1111111111vw,16px);
    padding-left: 11px;
    padding-left: clamp(11px,1.6666666667vw,24px);
    padding-right: 11px;
    padding-right: clamp(11px,1.6666666667vw,24px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

@media screen and (max-width: 820px) {
    .solutions-preview-wrap .custom-pagination>div {
        margin-left:0;
        margin-right: 12px
    }
}

.solutions-preview-wrap .custom-pagination>div img {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .4;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

@media screen and (max-width: 820px) {
    .solutions-preview-wrap .custom-pagination>div img {
        width:25px;
        height: auto
    }
}

.solutions-preview-wrap .custom-pagination>div:hover,.solutions-preview-wrap .custom-pagination>div:active,.solutions-preview-wrap .custom-pagination>div:focus {
    border-color: var(--m1);
    -webkit-box-shadow: inset 0 -6px 16px 0px var(--mt1);
    box-shadow: inset 0 -6px 16px 0px var(--mt1);
    color: var(--m4)
}

.solutions-preview-wrap .custom-pagination>div:hover img,.solutions-preview-wrap .custom-pagination>div:active img,.solutions-preview-wrap .custom-pagination>div:focus img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1
}

.solutions-preview-wrap .custom-pagination>div.current {
    border-color: var(--m1);
    -webkit-box-shadow: inset 0 -6px 16px 0px var(--mt1);
    box-shadow: inset 0 -6px 16px 0px var(--mt1);
    color: var(--m4)
}

.solutions-preview-wrap .custom-pagination>div.current img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1
}

#main .testimonials-carousel-wrap .intro-col {
    border-bottom: 1px solid var(--m5);
    padding-bottom: 40px;
    margin-bottom: 60px
}

#main .testimonials-carousel-wrap .intro-col p {
    max-width: 660px;
    margin: 0 auto
}

#main .testimonials-carousel-wrap .testimonial-carousel {
    overflow: visible
}

#main .testimonials-carousel-wrap .testimonial-carousel .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 15px
}

@media screen and (max-width: 1024px) {
    #main .testimonials-carousel-wrap .testimonial-carousel .swiper-wrapper {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 0
    }
}

#main .testimonials-carousel-wrap .testimonial-carousel .testimonial {
    padding: 18px;
    padding: 250px 18px 18px;
    position: relative;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -webkit-box-shadow: 0px 30px 15px 0px rgba(54,71,84,.1);
    box-shadow: 0px 30px 15px 0px rgba(54,71,84,.1)
}

@media screen and (max-width: 480px) {
    #main .testimonials-carousel-wrap .testimonial-carousel .testimonial {
        padding-top:180px
    }
}

#main .testimonials-carousel-wrap .testimonial-carousel .testimonial .author-wrap {
    background-color: #fff;
    padding: 40px 40px 30px;
    border-radius: 8px;
    position: relative;
    z-index: 5;
    height: 100%
}

#main .testimonials-carousel-wrap .testimonial-carousel .testimonial .author-wrap .logo-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 20px 10px 0px rgba(54,71,84,.1);
    box-shadow: 0px 20px 10px 0px rgba(54,71,84,.1);
    height: 50px;
    width: 50px;
    overflow: hidden
}

#main .testimonials-carousel-wrap .testimonial-carousel .testimonial .author-wrap .heading {
    display: block;
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

#main .testimonials-carousel-wrap .testimonial-carousel .testimonial .author-wrap .author {
    display: block;
    font-size: 12px;
    margin: 10px auto 10px;
    text-align: center;
    color: var(--m4)
}

#main .testimonials-carousel-wrap .testimonial-carousel .testimonial .author-wrap p {
    text-align: center;
    color: var(--m4);
    font-size: 14px;
    margin-bottom: auto
}

#main .testimonials-carousel-wrap .testimonial-carousel .testimonial .author-wrap p b,#main .testimonials-carousel-wrap .testimonial-carousel .testimonial .author-wrap p strong {
    font-weight: 400;
    display: inline;
    color: var(--m1)
}

#main .testimonials-carousel-wrap .swiper-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0
}

@media screen and (max-width: 1024px) {
    #main .testimonials-carousel-wrap .swiper-button {
        display:none
    }
}

#main .testimonials-carousel-wrap .swiper-button.swiper-button-next {
    right: 0px
}

#main .testimonials-carousel-wrap .swiper-button.swiper-button-prev {
    left: 0px
}

.testimonials-wrap .intro-col {
    padding-right: 0px;
    padding-right: clamp(0px,4.7222222222vw,68px)
}

.testimonials-wrap .intro-col p {
    max-width: 425px
}

.testimonials-wrap .intro-col .bottombar {
    border-top: 1px solid var(--m5);
    padding-top: 16px;
    padding-top: clamp(16px,3.0555555556vw,44px);
    padding-bottom: 20px;
    padding-bottom: clamp(20px,3.75vw,54px);
    margin-top: 16px;
    margin-top: clamp(16px,3.0555555556vw,44px);
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.testimonials-wrap .intro-col .bottombar .button {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 820px) {
    .testimonials-wrap .intro-col .bottombar .button {
        margin-right:0
    }
}

.testimonials-wrap .intro-col .bottombar .pretext {
    margin-right: 24px;
    margin-right: clamp(24px,3.0555555556vw,44px)
}

.testimonials-wrap .testimonial-carousel {
    -webkit-box-shadow: 0px 8px 16px 0px rgba(11,26,39,.08);
    box-shadow: 0px 8px 16px 0px rgba(11,26,39,.08);
    border-radius: 10px;
    position: relative;
    cursor: -webkit-grab;
    cursor: grab
}

.testimonials-wrap .testimonial-carousel .swiper-slide {
    padding: 34px;
    padding: clamp(34px,4.4444444444vw,64px);
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.testimonials-wrap .testimonial-carousel .swiper-slide img {
    margin-bottom: 20px;
    margin-bottom: clamp(20px,2.7777777778vw,40px)
}

.testimonials-wrap .testimonial-carousel .swiper-slide p {
    font-size: 14px;
    font-size: clamp(14px,1.6666666667vw,24px);
    line-height: 1.3;
    font-weight: 600;
    color: #4f4442
}

.testimonials-wrap .testimonial-carousel .swiper-slide p:not(:last-child) {
    margin-bottom: 30px
}

.testimonials-wrap .testimonial-carousel .swiper-slide .author-wrap {
    border-top: 1px solid var(--m5);
    padding-top: 32px
}

.testimonials-wrap .testimonial-carousel .swiper-slide .author-wrap span {
    display: block;
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin-top: 3px;
    color: var(--m4);
    font-size: 14px;
    font-size: clamp(14px,1.3888888889vw,20px);
    font-weight: 300
}

.testimonials-wrap .testimonial-carousel .swiper-slide .author-wrap span.author {
    font-weight: 500;
    color: #0b1a27
}

.testimonials-wrap .testimonial-carousel .swiper-pagination-bullets {
    position: absolute;
    right: 34px;
    right: clamp(34px,4.4444444444vw,64px);
    bottom: 34px;
    bottom: clamp(34px,4.4444444444vw,64px);
    top: auto;
    left: auto;
    z-index: 10;
    width: auto;
    background-color: #fff;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(11,26,39,.1);
    box-shadow: 0px 8px 16px 0px rgba(11,26,39,.1);
    padding: 16px 12px;
    border-radius: 10px;
    cursor: pointer
}

.testimonials-wrap .testimonial-carousel .swiper-pagination-bullets .swiper-pagination-bullet {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: var(--m5);
    margin: 0 5px
}

.testimonials-wrap .testimonial-carousel .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    background-color: var(--m1)
}

.button,.facetwp-load-more {
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #140503;
    background-color: #fff;
    padding: 12px 16px;
    line-height: 1;
    border: 1px solid var(--m1);
    border-radius: 10px;
    margin: 0 12px;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    padding-top: 9px;
    padding-top: clamp(9px,.8333333333vw,12px);
    padding-bottom: 9px;
    padding-bottom: clamp(9px,.8333333333vw,12px);
    padding-left: 11px;
    padding-left: clamp(11px,1.1111111111vw,16px);
    padding-right: 11px;
    padding-right: clamp(11px,1.1111111111vw,16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.button:hover,.button:active,.button:focus,.facetwp-load-more:hover,.facetwp-load-more:active,.facetwp-load-more:focus {
    -webkit-box-shadow: inset 0 -6px 16px 0px var(--mt1);
    box-shadow: inset 0 -6px 16px 0px var(--mt1)
}

.button span,.facetwp-load-more span {
    height: 10px;
    height: clamp(10px,1.0416666667vw,15px);
    width: 10px;
    width: clamp(10px,1.0416666667vw,15px);
    display: inline-block;
    margin-left: 20px;
    position: relative;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.button span:before,.button span:after,.facetwp-load-more span:before,.facetwp-load-more span:after {
    content: "";
    display: block;
    position: absolute;
    height: 10px;
    height: clamp(10px,1.0416666667vw,15px);
    width: 10px;
    width: clamp(10px,1.0416666667vw,15px);
    top: 0%;
    left: 0%;
    margin-top: 1px;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    background-size: 100% 100%;
    background-position: top right
}

.button span:before,.facetwp-load-more span:before {
    background-image: url(../images/dist/arrow.svg)
}

.button span:after,.facetwp-load-more span:after {
    background-image: url(../images/dist/arrow-red.svg);
    -webkit-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%)
}

.button:hover span:before,.button:active span:before,.button:focus span:before,.facetwp-load-more:hover span:before,.facetwp-load-more:active span:before,.facetwp-load-more:focus span:before {
    -webkit-transform: translate(100%, -100%);
    transform: translate(100%, -100%)
}

.button:hover span:after,.button:active span:after,.button:focus span:after,.facetwp-load-more:hover span:after,.facetwp-load-more:active span:after,.facetwp-load-more:focus span:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.next-link,.back-button {
    color: var(--m4);
    text-decoration: none;
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-weight: 500;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
a.next-link {
    margin-right: 0;
    margin-left: auto;
    display: block;
    text-align: right;
    margin-top: 52px;
}
.copy-col.thinner {
    max-width: 861px;
}
.next-link span,.back-button span {
    display: inline-block;
    height: 44px;
    width: 44px;
    border-radius: 10px;
    border: 1px solid var(--m1);
    vertical-align: middle;
    margin-left: 44px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

@media screen and (max-width: 680px) {
    .next-link span,.back-button span {
        height:32px;
        width: 32px;
        margin-left: auto
    }
}

.next-link span:before,.next-link span:after,.back-button span:before,.back-button span:after {
    content: "";
    display: block;
    position: absolute;
    height: 17px;
    width: 14px;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -8px;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    background-size: auto 100%;
    background-position: top right
}

@media screen and (max-width: 680px) {
    .next-link span:before,.next-link span:after,.back-button span:before,.back-button span:after {
        height:13px;
        width: 10px;
        margin-left: -5px;
        margin-top: -7px
    }
}

.next-link span:before,.back-button span:before {
    background-image: url(../images/dist/down-arrow.svg)
}

.next-link span:after,.back-button span:after {
    background-image: url(../images/dist/down-arrow-red.svg);
    -webkit-transform: translate(0%, -200%);
    transform: translate(0%, -200%);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.next-link:hover span,.next-link:active span,.next-link:focus span,.back-button:hover span,.back-button:active span,.back-button:focus span {
    -webkit-box-shadow: inset 0 -6px 16px 0px var(--mt1);
    box-shadow: inset 0 -6px 16px 0px var(--mt1)
}

.next-link:hover span:before,.next-link:active span:before,.next-link:focus span:before,.back-button:hover span:before,.back-button:active span:before,.back-button:focus span:before {
    -webkit-transform: translate(0%, 200%);
    transform: translate(0%, 200%)
}

.next-link:hover span:after,.next-link:active span:after,.next-link:focus span:after,.back-button:hover span:after,.back-button:active span:after,.back-button:focus span:after {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
}

@media screen and (max-width: 820px) {
    .next-link {
        -webkit-box-flex:0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.back-button {
    font-family: "Inter","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif
}

.back-button span {
    margin-left: 0;
    margin-right: 24px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (max-width: 820px) {
    .back-button span {
        margin-right:16px
    }
}

.career-card {
    border: 1px solid var(--m5);
    border-radius: 10px;
    padding-top: 48px;
    padding-top: clamp(48px,3.8888888889vw,56px);
    padding-bottom: 48px;
    padding-bottom: clamp(48px,3.8888888889vw,56px);
    padding-left: 40px;
    padding-left: clamp(40px,3.3333333333vw,48px);
    padding-right: 40px;
    padding-right: clamp(40px,3.3333333333vw,48px)
}

.career-card h1 {
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin-bottom: 16px;
    font-size: 24px;
    font-size: clamp(24px,1.9444444444vw,28px);
    font-weight: 500
}

.career-card p {
    color: var(--m4)
}

.career-card .perks {
    margin-top: 16px;
    margin-bottom: 16px
}

.career-card .button {
    margin-left: 0
}

#lang-select {
    border-radius: 10px;
    border: 1px solid var(--m1);
    padding: 14px 16px;
    display: inline-block;
    margin-bottom: 16px;
    color: #fff;
    font-family: "Space Grotesk","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    cursor: pointer
}

@media screen and (max-width: 480px) {
    #lang-select {
        margin-bottom:20px;
        margin-top: 0
    }
}

#lang-select:hover,#lang-select:active,#lang-select:focus {
    background-color: var(--m4)
}

#lang-select>div .flag {
    margin-right: 8px;
    display: inline-block;
    height: 20px;
    width: auto;
    vertical-align: middle
}

#lang-select>div:after {
    content: "";
    height: 24px;
    width: 24px;
    background-image: url(../images/dist/down-arrow-white.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 24px;
    margin-left: clamp(24px,3.8888888889vw,56px);
    vertical-align: middle
}

#mobile-menu {
    display: none;
    height: 80dvh;
    max-height: 480px
}

@media screen and (min-width: 1025px) {
    #mobile-menu {
        display:none !important
    }
}

#mobile-menu .menu-inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 25px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
    overflow: scroll;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#mobile-menu.open .menu-inner {
    opacity: 1
}

#mobile-menu nav {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: auto
}

#mobile-menu .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding-top: 48px;
    padding-bottom: 0px
}

#mobile-menu .menu li {
    display: block;
    text-align: center
}

#mobile-menu .menu li a {
    font-size: 24px;
    color: #898281;
    display: block;
    border: none
}

#mobile-menu .menu li a:hover,#mobile-menu .menu li a:active,#mobile-menu .menu li a:focus {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0b1a27
}

#mobile-menu .menu li.current-menu-item>a,#mobile-menu .menu li.current-menu-ancestor>a {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--m1)
}

#mobile-menu .menu li.menu-item-has-children .sub-menu li a {
    font-size: 20px
}

#mobile-menu .account-links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-left: 0;
    border-left: none;
    padding-bottom: 24px;
    border-top: 1px solid var(--m1);
    padding-top: 24px;
    margin-top: 12px
}

#mobile-menu .account-links a {
    margin-left: 0
}

#mobile-menu .social-links {
    list-style-type: none;
    text-align: center
}

#mobile-menu .social-links li {
    display: inline-block;
    margin: 0 8px
}

#mobile-menu .social-links a {
    font-size: 21px;
    color: #0b1a27
}

#mobile-menu .social-links a:hover,#mobile-menu .social-links a:active,#mobile-menu .social-links a:focus {
    color: var(--m1)
}

#mobile-menu .locations {
    text-align: center;
    margin-top: 20px
}

#mobile-menu .locations span {
    color: #898281
}

#mobile-menu-toggle {
    height: 18px;
    width: 24px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    display: none
}

#mobile-menu-toggle:before {
    content: "";
    height: 45px;
    width: 1px;
    display: block;
    background-color: var(--m5);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-20px, -50%);
    transform: translate(-20px, -50%)
}

@media screen and (max-width: 1024px) {
    #mobile-menu-toggle {
        display:block
    }
}

#mobile-menu-toggle .toggle-line {
    height: 2px;
    width: 100%;
    background-color: #0b1a27;
    position: absolute;
    left: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

#mobile-menu-toggle .toggle-line.line-1 {
    top: 0
}

#mobile-menu-toggle .toggle-line.line-2,#mobile-menu-toggle .toggle-line.line-3 {
    top: 50%;
    margin-top: -1px
}

#mobile-menu-toggle .toggle-line.line-4 {
    bottom: 0;
    width: 80%
}

#mobile-menu-toggle:hover .line-4,#mobile-menu-toggle:active .line-4,#mobile-menu-toggle:focus .line-4 {
    width: 100%
}

#mobile-menu-toggle.open .line-1,#mobile-menu-toggle.open .line-4 {
    opacity: 0
}

#mobile-menu-toggle.open .line-1 {
    top: 50%
}

#mobile-menu-toggle.open .line-4 {
    bottom: 50%
}

.post-card {
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.post-card:before {
    content: "";
    padding-bottom: 100%;
    display: block
}

.post-card .background {
    -webkit-transform: scale(1.001);
    transform: scale(1.001);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.post-card .background:before,.post-card .background:after {
    content: "";
    height: 120%;
    width: 120%;
    position: absolute;
    top: 30%;
    display: block;
    overflow: visible
}

.post-card .background:before {
    background: #0b1a27;
    background: radial-gradient(circle, rgb(11, 26, 39) 33%, rgba(11, 26, 39, 0) 60%);
    left: 0;
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%)
}

.post-card .background:after {
    background: var(--m4);
    background: radial-gradient(circle, rgb(54, 71, 84) 33%, rgba(54, 71, 84, 0) 60%);
    right: 0;
    -webkit-transform: translateX(30%);
    transform: translateX(30%)
}

.post-card .content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-left: 40px;
    padding-left: clamp(40px,3.3333333333vw,48px);
    padding-right: 40px;
    padding-right: clamp(40px,3.3333333333vw,48px);
    padding-bottom: 48px;
    padding-bottom: clamp(48px,3.8888888889vw,56px)
}

@media screen and (max-width: 370px) {
    .post-card .content {
        padding:0 20px 30px
    }
}

.post-card .content h1,.post-card .content p {
    color: #fff
}

.post-card .content h1 {
    font-size: 24px;
    font-size: clamp(24px,1.9444444444vw,28px);
    margin-bottom: 8px;
    letter-spacing: 0;
    font-weight: 600
}

.post-card:hover .background,.post-card:active .background,.post-card:focus .background {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
}

.post-meta {
    margin-top: 24px;
    padding-top: 24px
}

.post-meta .meta-bar {
    padding-bottom: 24px;
    border-bottom: 1px solid #eee
}

@media screen and (max-width: 820px) {
    .post-meta .details {
        -webkit-box-flex:0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        margin-top: 32px
    }
}

.post-meta .details>div {
    color: var(--m1);
    margin-left: 32px;
    margin-left: clamp(32px,4.4444444444vw,64px);
    font-size: 14px;
    font-size: clamp(14px,1.1111111111vw,16px);
    letter-spacing: -0.01em;
    line-height: 1.2
}

@media screen and (max-width: 820px) {
    .post-meta .details>div {
        margin-right:32px;
        margin-right: clamp(32px,4.4444444444vw,64px);
        margin-left: 0;
        margin-bottom: 20px
    }

    .post-meta .details>div:last-child {
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

.post-meta .details>div span {
    color: #140503
}

.additional-links {
    color: var(--m1);
    margin-top: 24px;
    margin-top: clamp(24px,3.3333333333vw,48px);
    margin-bottom: 24px;
    margin-bottom: clamp(24px,3.3333333333vw,48px)
}

.additional-links * {
    font-size: 14px;
    font-size: clamp(14px,1.3888888889vw,20px)
}

.additional-links a {
    color: var(--m4);
    margin-left: 4px;
    text-decoration: underline
}

.additional-links a:hover,.additional-links a:active,.additional-links a:focus {
    text-decoration: none
}

.additional-links a:after {
    content: ", ";
    display: inline-block
}

.additional-links a:last-child:after {
    display: none
}


/*NEW ENTRIES 30/03/25*/
section.mblockpad.usps-wrap {
    padding-top: clamp(40px,6.1111111111vw,102px);
    padding-bottom: clamp(40px,6.1111111111vw,102px);
}
.usps_list {
    display: grid;
    column-gap: 74px;
    grid-template-columns: repeat(4, 1fr);
}
.usp_icon {
    width: 95px;
    height: 95px;
    background-color: var(--m1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    padding: 15px;
    margin: 0 auto;
}
.usp_icon img {
    display: block;
    width: 100%;
    height: auto;
}
.usp_text {
    margin-top: 30px;
}
.usps_intro  h4 {
    font-size: clamp(25px,2.7777777778vw,35px);
}
.usps_intro {
    margin-bottom: 52px;
}
.usp_text p {
    font-size: 18px;
    line-height: 1.4;
}
.usp_text p strong {
    display: block;
}
.single_usp {
    position: relative;
}
.single_usp:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 95px;
    right: -38px;
    background-color: var(--m1);
    top: 40px;
}
.single_usp:last-child:after {
    display: none;
}
.usps_cta  a.button {
    margin: 0 auto;
}
.usps_cta {
    margin-top: 40px;
}
/*FAQS*/
.two_cols_faqs .faqs_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 54px;
}
.two_cols_faqs.faqs_content {
    width: 100%;
}
.set {
    position: relative;
    width: 100%;
    height: auto;
    border-bottom: solid 0.5px var(--m1);
    padding: 18px 0;
  }
  .set > a {
    display: block;
    text-decoration: none;
    color: #000 !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    line-height: 1;
    padding-right: 34px;
    padding-left: 0;
    border: 0;
    position: relative;
    display: flex;
    align-items: flex-start;
  }
  .set  .content {
      display: none; 
    padding-top: 18px; 
  }
  .set .content p {
    padding: 0;
    margin: 0;
    color: #000;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 23px;
    text-align: left;
    color: inherit;
    margin-bottom: 0;
    font-weight: 400;
    padding-right: 0;
    width: 100%;
    margin-bottom: 17px;
  }
  span.toggle-btn {
    width: 37px;
    display: inline-block;
    height: 37px;
    background-color: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms;
  }
  span.toggle-btn:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 1px;
    background-color: #000;
    display: none;
  }
  .set > a.active span.toggle-btn:before {
    content: "";
    position: absolute;
    height: 13px;
    width: 1px;
    background-color: #000;
    transition: all 500ms;
    display: none;
  }
  .set > a.active {
    padding-bottom: 0;
  }
  span.faq_title {
    font-size: 22px;
    line-height: 1;
    font-weight: 600;
  }
  .set a.active span.toggle-btn {
    transform: translateY(-50%) rotate(-180deg);
  }
  .blue .set a.active span.faq_title {
    color: var(--m1);
  }
  .blue a.active + .content p {
    /* color: var(--m1); */
  }
  .single_faqs .set {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .single_faqs .content {
    padding-top: 30px;
  }
  .cs_main p {
    font-weight: 300;
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 27px;
  }
  .cs_5 .single_faqs .set:last-child {
    border: none;
  }
.set .content p strong {
    font-weight: 600;
    color: inherit;
    font-size: 18px;
}
.set .content p:last-child {
    margin-bottom: 0;
}
/*END OF FAQS*/
.how_it_works_top {
    margin-bottom: 0px;
    width: 75%;
    margin: 0 auto;
}
.general_text p {
    font-size: 18px;
    line-height: 1.4;
}
section.blockpad-bottom.half-image-half-copy-wrap.hiw_wprapper {
    padding-top: clamp(48px,7.7777777778vw,131px);
}
.solutions-preview-wrap .preview-copy-slider .slick-slide p strong {
    display: inline;
    font-weight: 400;
    color: var(--m1);
}
.solutions-preview-wrap .preview-copy-slider .slick-slide .bottom-bar .button {
    margin-left: 0;
}
.sblockpad-bottom {
    padding-bottom: 45px;
}
.solutions-preview-wrap .preview-copy-slider .slick-slide p {
    max-width: 100%;
    font-size: 18px;
}
.solutions-preview-wrap .preview-copy-slider .slick-slide h2 {
    font-size: clamp(21px, 3.166667vw, 51px);
    line-height: 1.2;
}
.solutions-preview-wrap .preview-copy-slider .slick-slide  .flex.ac.bottom-bar {
    padding-top: 18px;
    margin-top: 18px;
}
.solutions-preview-wrap .custom-pagination>div {
    padding: 8px 7px;
    font-size: 16px;
    /* margin: 0; */
    /* margin-bottom: 12px; */
}
.solutions-preview-wrap .custom-pagination {
    /* display: grid; */
    /* grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); */
    /* column-gap: 15px; */
    /* grid-template-columns: repeat(3, 1fr); */
    /* justify-content: center; */
    width: 100%;
    margin: 0 auto;
    margin-bottom: 44px;
}
.solutions_top {
    text-align: center;
    margin-bottom: 42px;
}
.solutions-preview-wrap .preview-image-slider .slick-slide div .image2 img {
    margin-left: auto;
    margin-right: 0;
    /* height: 100%; */
    object-fit: contain;
}
section.solutions-preview-wrap.mblockpad-top {
    padding-bottom: 162px;
    padding-bottom: 80px;
}
.col-half.preview-copy-slider-wrap {
    width: 65%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 65%;
    flex: 0 1 65%;
    justify-content: space-between;
    /* display: flex; */
    /* flex-direction: column; */
    /* height: inherit; */
}
.col-half.preview-image-slider-wrap {
    width: 33%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
}
.solutions-preview-wrap .preview-image-slider .slick-slide.slick-current.slick-active {
    opacity: 1 !IMPORTANT;
    left: 0 !important;
    z-index: 998 !important;
    transition: unset !important;
    position: absolute !important;
}
.container.solutions_container {
    padding-bottom: 46px;
}
.cta_center_section .general_text span {
    font-weight: 600;
}
.case_cols_inner {
    display: grid;
    column-gap: 40px;
    grid-template-columns: repeat(2, 1fr);
    max-width: 800px;
    width: 100%;
}
.general_text.faqs_message {text-align: center;max-width: 600px;margin: 0 auto;margin-top: 40px;}
.faqs_bottom a.button {
    margin: 0 auto;
    margin-top: 31px;
}
.intergrations_wrapper .general_text span {
    font-weight: 700;
}
.intergrations_wrapper .case_cols_inner {
    margin-top: 57px;
    column-gap: 55px;
}
.intergrations_wrapper .flex.ac.sb.links {
   justify-content: CENTER;
}
.intergrations_wrapper .case_cols_inner .cs_img img {
    display: block;
    width: 100%;
    height: auto;
}
.intergrations_wrapper .general_text {
    text-align: center;
}
/* END OF NEW ENTRIES 30/03/25*/