/*
Theme Name: allservices
Theme URI: https://opencollective.com/blankslate
Author: DCD
Author URI: https://opencollective.com/blankslate#section-contributors
Description: 
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-img, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

html {
    scroll-behavior: smooth
}

body {
    line-height: 1;
    font-family: "neulis-sans", sans-serif;
    font-size: calc((24 / 1920) * var(--max-content-width));
    line-height: calc((32 / 1920) * var(--max-content-width));
    color: #16385E;
}

a {
    text-decoration-skip-ink: auto;
    color:#16385E;
}

a[href^="tel"] {
    color: inherit;
    text-decoration: none
}

button {
    outline: 0
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

q {
    display: inline;
    font-style: italic
}

q:before {
    content: '"';
    font-style: normal
}

q:after {
    content: '"';
    font-style: normal
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type="search"] {
    -webkit-appearance: textfield
}

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

th,
td {
    padding: 2px
}

big {
    font-size: 120%
}

small,
sup,
sub {
    font-size: 80%
}

sup {
    vertical-align: super
}

sub {
    vertical-align: sub
}

dd {
    margin-left: 20px
}

kbd,
tt {
    font-family: courier;
    font-size: 12px
}

ins {
    text-decoration: underline
}

del,
strike,
s {
    text-decoration: line-through
}

dt {
    font-weight: bold
}

address,
cite,
var {
    font-style: italic
}

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

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.sticky {}

.bypostauthor {}

.wp-caption {}

.wp-caption-text {}

.gallery-caption {}

.alignright {}

.alignleft {}

.aligncenter {}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal
}

.screen-reader-text:focus {
    background-color: #f7f7f7;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #007acc;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.skip-link {
    left: -9999rem;
    top: 2.5rem;
    z-index: 999999999;
    text-decoration: underline
}

.skip-link:focus {
    display: block;
    left: 6px;
    top: 7px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: normal;
    padding: 15px 23px 14px;
    z-index: 100000;
    right: auto
}

.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

/* CUSTOM CSS */

i, em {
    font-style: italic;
}

:root {
    --max-content-width: 100vw;
    --mobile-menu-height: 20px;
    --transition: all 0.3s ease;
    --transition-long: all 0.6s ease;
}

@media (min-width: 1599.99px) {
    :root {
        --max-content-width: 1600px;
    }

}

.some-element {
    max-width: calc((1696 / 1920) * var(--max-content-width));
    height: calc((120 / 1920) * var(--max-content-width));
}

#menu-icon-bg {
    width: 36px;
    height: 20px;
    position: fixed;
    border-radius: 50%;
    background-color: #fff;
    transition: var(--transition-long);
    right: 48px;
    top: 61px;
    z-index: 10;
    transform: translate(0, 0);
}

#menu-mobile {
    display: none;
}

#menu-mobile li {
    margin:24px 0px;
    position:relative;
}

.menu-active #menu-icon-bg {
    width: 200vh;
    height: 200vh;
    right: calc(50% - 100vh);
    top: calc(50% - 100vh);
    visibility: visible;
}

header {
    width: 100%;
    transition: top 0.3s ease-in-out, transform 0.3s ease-in-out;
    position: fixed;
    background-color: white;
    top: 0;
    z-index: 1000;
}

.visible {
    transform: translateY(0);
    /* Slide down into view */
}

.invisible {
    transform: translateY(-100%);
    /* Slide up out of view */
}


#branding,
#branding__contact {
    display: flex;
    align-items: center;
}

#branding {
    justify-content: space-between;
    height: calc((120 / 1920) * var(--max-content-width));
}

.custom-logo-link img {
    width: 100%;
    max-width: calc((260 / 1920) * var(--max-content-width));
    height: auto;
}

.wrapper {
    max-width: calc((1696 / 1920) * var(--max-content-width));
    padding: 0px calc((36 / 1920) * var(--max-content-width));
    margin: auto;
    width: 100%;
}

.wrapper.text-wrapper {
    max-width: calc((1024/ 1920) * var(--max-content-width));
}

.wrapper .wrapper {
    padding: 0px;
}


/* COLORS */

.light-blue-color {
    color: #3D88BA;
}

.white-color {
    color: #fff;
}

.grey-bg {
    background-color: #F6F9FB;
}

.blue-bg {
    background-color: #3D88BA !important;
}

.blue-color {
    color: #3D88BA !important;
}


.blue-2-bg {
    background-color: #D8E7F1 !important;
}

.orange-bg {
    background-color: #FF9E15 !important;
}

.dark-blue-bg {
    background-color: #16385E;
}

.dark-blue-color {
    color: #16385E !important;
}

/* # COLORS */

.phone__icon {
    margin-right: calc((18 / 1920) * var(--max-content-width));
    position: relative;
}

.phone__icon img {
    width: calc((62 / 1920) * var(--max-content-width));
    height: auto;
}

#menu {
    width: calc(100% + calc((20 / 1920) * var(--max-content-width)));
    height: calc((68 / 1920) * var(--max-content-width));
    display: flex;
    align-items: center;
    margin-left: calc((-20 / 1920) * var(--max-content-width));
}

#menu a, #menu-mobile a {
    color: #fff;
    text-decoration: none;
    margin: 0px calc((20 / 1920) * var(--max-content-width));
}

#menu-mobile a {
    color:#16385E;
    font-size: 20px;
    line-height: 24px;
}

#menu ul {
    display: flex;
}

#menu ul li {
    position: relative;
}

#menu .current_page_item::after,
#menu .current-page-ancestor::after,
#menu li:hover::after,
#menu-mobile .current_page_item::after,
#menu-mobile .current-page-ancestor {
    content: '';
    display: block;
    width: calc((24 / 1920) * var(--max-content-width));
    height: calc((4 / 1920) * var(--max-content-width));
    background-color: #fff;
    position: absolute;
    bottom: calc((-5 / 1920) * var(--max-content-width));
    left: 50%;
    transform: translate(-50%, 0px);
    border-radius: calc((3 / 1920) * var(--max-content-width));
}

#menu-mobile .current_page_item::after, #menu-mobile .current-page-ancestor {
    background-color: #16385E;
    width: 12px;
    height: 3px;
    bottom: -8px;
    border-radius: 3px;
}


b, strong {
    font-weight: 600;
}

.phone__text {
    font-size: calc((18 / 1920) * var(--max-content-width));
    line-height: calc((20 / 1920) * var(--max-content-width));
}

.phone__text b {
    line-height: calc((24 / 1920) * var(--max-content-width));
}

.phone__text span {
    display: block;
}

#hero {
    height: calc((624 / 1920) * var(--max-content-width));
    display: flex;
    z-index: 2;
    position: relative;
}

#hero.hero--small {
    height: calc((548 / 1920) * var(--max-content-width));
}

.hero__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    max-width: calc((737 / 1920) * var(--max-content-width));
    min-width: calc((737 / 1920) * var(--max-content-width));
    padding-left: calc((28 / 1920) * var(--max-content-width));
}

.hero__content p:first-of-type {
    margin-top:0px;
}

.hero__content p:last-of-type {
    margin-bottom:0px;
}

.hero--image-left .hero__content {
    padding-left: calc((64 / 1920) * var(--max-content-width));
}

.hero__content--low {
    height: calc(100% - calc((88 / 1920) * var(--max-content-width)));
}

.hero__image {
    min-width: calc((942 / 1920) * var(--max-content-width));
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    right: calc((-147 / 1920) * var(--max-content-width));
    border-bottom-left-radius: calc((68 / 1920) * var(--max-content-width));
}

.hero--image-left .hero__image {
    right: auto;
    margin-left: calc((-149 / 1920) * var(--max-content-width));
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: calc((68 / 1920) * var(--max-content-width));
}

h1.hero__title {
    font-size: calc((48 / 1920) * var(--max-content-width));
    line-height: calc((56 / 1920) * var(--max-content-width));
    margin-bottom: calc((16 / 1920) * var(--max-content-width));
    font-weight: 500;
    max-width: calc((522 / 1920) * var(--max-content-width));
}

.hero--small h1.hero__title {
    font-size: calc((48 / 1920) * var(--max-content-width));
    line-height: calc((56 / 1920) * var(--max-content-width));
    max-width: none;

}

.button, #primary .nf-form-content button, #primary .nf-form-content input[type=submit] {
    background-color: #FF9E15;
    color: #fff;
    padding: calc((18.5 / 1920) * var(--max-content-width)) calc((30 / 1920) * var(--max-content-width));
    border-radius: calc((34 / 1920) * var(--max-content-width));
    text-decoration: none;
    display: inline-block;
    margin-top: calc((48 / 1920) * var(--max-content-width));
    width: calc((322 / 1920) * var(--max-content-width));
    position: relative;
    border: none;
    font-family: "neulis-sans", sans-serif;
    font-size: calc((24 / 1920) * var(--max-content-width));
    line-height: calc((32 / 1920) * var(--max-content-width));
    text-align: left;
    transition: 0.3s;
    cursor: pointer;
}

#primary .nf-form-content button, #primary .nf-form-content input[type=submit] {
    text-align: center;
    margin-top: calc((24 / 1920) * var(--max-content-width));
    margin-bottom: calc((24 / 1920) * var(--max-content-width));
    min-height: calc((69 / 1920) * var(--max-content-width));
}

#primary .nf-form-content button[type="reset"] {
    background-color: #fff;
    color: #FF9E15;
    box-shadow: 0px 0px 0px 2px #FF9E15;
}

.button.hover {
    background-color: #fff;
    color: #FF9E15;
    box-shadow: 0px 0px 0px 2px #FF9E15;
}

.button span {
    position: absolute;
    width: calc((48 / 1920) * var(--max-content-width));
    height: calc((48 / 1920) * var(--max-content-width));
    border-radius: 50%;
    background-color: white;
    right: calc((10 / 1920) * var(--max-content-width));
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: 0.3s;
}

.button.hover span {
    background-color: #FF9E15;
}

.button span span {
    background-image: url('assets/img/Icon feather-chevron-right.svg');
    border-radius: 0px;
    width: calc((15 / 1920) * var(--max-content-width));
    background-size: contain;
    background-position: center;
    position: relative;
    transform: none;
    top: auto;
    right: auto;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.button.hover span span, .button.button--small.button--white.hover span span {
    background-image: url('assets/img/Icon feather-chevron-right-white.svg');
}

.button.button--white {
    background-color: #fff;
    color: #FF9E15;
}

.button.button--white.hover {
    background-color: #FF9E15;
    color: #fff;
    box-shadow: 0px 0px 0px 2px #fff;
}

.button.button--white span {
    background-color: #FF9E15;
}

.button.button--white.hover span {
    background-color: #fff;
}

.button.button--white span span {
    background-image: url('assets/img/Icon feather-chevron-right-white.svg');
}

.button.button--white.hover span span {
    background-image: url('assets/img/Icon feather-chevron-right.svg');
}

.button.button--bottom {
    position: absolute;
    bottom: calc((28 / 1920) * var(--max-content-width));
}

.button.button--width-2 {
    width: calc((387 / 1920) * var(--max-content-width));
}

.button.button--width-3 {
    width: calc((348 / 1920) * var(--max-content-width));
}

.button.button--full-width {
    width: fit-content;
}

.button.button--width-100 {
    width: 100%
}



.button.button--center {
    margin-right: auto;
    margin-left: auto;
    padding-left: calc((65 / 1920) * var(--max-content-width));
    display: flex;
    text-align: left;
}

.button.button--center.button--center--left {
    padding-left: calc((30 / 1920) * var(--max-content-width));
}

.button.button--text-align-center {
    text-align: center;
    justify-content: center;
    padding-left: 0px;
    padding-right: 0px;
}


.mgb-104 {
    margin-bottom: calc((104 / 1920) * var(--max-content-width));
}

span.dot.dot-green {
    background-color: #32CD32;
    box-shadow: 0 0 0 0 rgba(50, 205, 50, 0.7);
    border-radius: 50%;
    width: calc((16 / 1920) * var(--max-content-width));
    height: calc((16 / 1920) * var(--max-content-width));
    display: block;
    position: absolute;
    right: 0px;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(50, 205, 50, 0.4);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(50, 205, 50, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(50, 205, 50, 0);
    }
}

.services__content {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + calc((36 / 1920) * var(--max-content-width)));
    position: relative;
    left: calc(((-36 / 1920) * var(--max-content-width)) / 2);
    justify-content: center;
}

.services--small .services__content {
    width: calc(100% + calc((22 / 1920) * var(--max-content-width)));
    left: calc(((-22 / 1920) * var(--max-content-width)) / 2);
}

.service {
    margin: calc((18 / 1920) * var(--max-content-width));
    width: calc((378 / 1920) * var(--max-content-width));
    height: calc((378 / 1920) * var(--max-content-width));
    padding: calc((28 / 1920) * var(--max-content-width));
    padding-bottom: calc((41 / 1920) * var(--max-content-width));
    position: relative;
}

.services--small .service {
    margin: calc((11 / 1920) * var(--max-content-width));
    width: calc((307 / 1920) * var(--max-content-width));
    height: calc((307 / 1920) * var(--max-content-width));

}

.services--small .service.center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: calc((12 / 1920)* var(--max-content-width));
}

.service:first-of-type {
    border-top-left-radius: calc((34 / 1920) * var(--max-content-width));
}

.services--small .service:first-of-type {
    border-top-left-radius: calc((28 / 1920) * var(--max-content-width));
}

.service:last-of-type {
    border-bottom-right-radius: calc((34 / 1920) * var(--max-content-width));
}

/*
.services--small .service:last-of-type {
    border-top-left-radius: calc((28 / 1920) * var(--max-content-width));
}
*/

h2.service__title, .text-wrapper h2 {
    font-size: calc((48 / 1920) * var(--max-content-width));
    line-height: calc((56 / 1920) * var(--max-content-width));
    font-weight: 400;
}

.text-wrapper h2 {
    margin-top: calc((48 / 1920) * var(--max-content-width));
}

h3.service__title, .text-wrapper h3 {
    font-size: calc((24 / 1920) * var(--max-content-width));
    line-height: calc((28 / 1920) * var(--max-content-width));
    font-weight: 600;
    margin-bottom: calc((8 / 1920) * var(--max-content-width));
}

.services--small h3.service__title {
    font-size: calc((86 / 1920) * var(--max-content-width));
    line-height: calc((44 / 1920) * var(--max-content-width));
    font-weight: 600;
    margin-bottom: calc((8 / 1920) * var(--max-content-width));
}

.service__text {
    font-size: calc((20 / 1920) * var(--max-content-width));
    line-height: calc((24 / 1920) * var(--max-content-width));
}

.service__text p a {
    color:#16385E !important;
}

.services--small .service__text {
    font-size: calc((36 / 1920) * var(--max-content-width));
    line-height: calc((24 / 1920) * var(--max-content-width));
    margin-top: calc((26 / 1920) * var(--max-content-width));
    margin-bottom: 0px;
}

.row {
    padding: calc((68 / 1920) * var(--max-content-width));
}

#slider {
    position: relative;
    margin-bottom: calc((60 / 1920) * var(--max-content-width)) !important;
}

h2.slider__title {
    font-size: calc((48 / 1920) * var(--max-content-width));
    line-height: calc((56 / 1920) * var(--max-content-width));
    font-weight: 400;
    margin-bottom: calc((48 / 1920) * var(--max-content-width));
    width: 100%;
    text-align: center;
}

.swiper-container {
    width: 100%;
    height: calc((75 / 1920) * var(--max-content-width));
    position: relative;
    overflow: hidden;
    max-width: calc((1248 / 1920) * var(--max-content-width));
    margin: auto;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

footer {
    color: #F6F9FB !important;
    font-size: calc((20 / 1920) * var(--max-content-width));
    line-height: calc((28 / 1920) * var(--max-content-width));
}

.footer__content {
    display: flex;
    padding-top: calc((86 / 1920) * var(--max-content-width));
    padding-bottom: calc((126 / 1920) * var(--max-content-width));
    padding-left: calc((28 / 1920) * var(--max-content-width));
}

.footer__column {
    width: calc((415 / 1920) * var(--max-content-width));
}

#footer__column_1 {}

#footer__column_2 {
    padding-left: calc((84 / 1920) * var(--max-content-width));
}

#footer__column_3 {
    width: calc(100% - calc((830 / 1920) * var(--max-content-width)));
    padding-left: calc((130 / 1920) * var(--max-content-width));
}

#footer__column_1 ul img {
    width: calc((260 / 1920) * var(--max-content-width));
    margin-bottom: calc((20 / 1920) * var(--max-content-width));
}

#footer__column_2 li,
span.link-header {
    margin-bottom: calc((20 / 1920) * var(--max-content-width));

}

span.link-header {
    display: block;
    font-weight: 500;
}

.footer__column li a {
    color: white;
    text-decoration: none;
    font-weight: 400;
}

footer h3 {
    font-size: calc((42 / 1920) * var(--max-content-width));
    line-height: calc((44 / 1920) * var(--max-content-width));
    font-weight: 400;
    margin-bottom: calc((7 / 1920) * var(--max-content-width));
}

#footer__column_3 p {
    max-width: calc((387 / 1920) * var(--max-content-width));
}

#partner-form {
    max-width: calc((1208 / 1920) * var(--max-content-width));
    padding: calc((28 / 1920) * var(--max-content-width));
    padding-bottom: calc((52 / 1920) * var(--max-content-width));
    padding-top: calc((88 / 1920) * var(--max-content-width));
    background-color: #F6F9FB;
    border-radius: calc((68 / 1920) * var(--max-content-width));
    margin: calc((-88 / 1920) * var(--max-content-width)) auto;
    margin-bottom: calc((104 / 1920) * var(--max-content-width));
    z-index: 1;
    position: relative;

}

#partner-form #ninja_forms_required_items, #partner-form .nf-field-container {
    margin-bottom: 0px !important;
}

#partner-form h2 {
    margin-top: calc((34 / 1920) * var(--max-content-width));
    margin-bottom: calc((12 / 1920) * var(--max-content-width));
    padding-left: calc((34 / 1920) * var(--max-content-width));
}

#partner-form #nf-field-11-container label {
    display:inline-block;
    font-size: calc((20 / 1920) * var(--max-content-width));
    line-height: calc((22 / 1920) * var(--max-content-width));
}

#partner-form #nf-field-11-container {
    margin-bottom: calc((40 / 1920) * var(--max-content-width)) !important;
    padding-left: calc((24 / 1920)* var(--max-content-width));
}

#nf-field-11-wrap {
    align-items: center;
}

#nf-field-11-wrap .nf-field-label {
    color: #3D88BA;
    margin-right: calc((31 / 1920) * var(--max-content-width));
    align-items: center;
    margin-bottom: 0px;
    font-size: calc((20 / 1920) * var(--max-content-width));
    line-height: calc((22 / 1920) * var(--max-content-width));
   
}

#nf-field-11-wrap .nf-field-label span {
    font-weight:400
}

#nf-field-11-container ul {
    display:flex
}

#nf-field-11-container ul li {
    margin-bottom:0px !important;
}

#nf-field-11-container ul li input {
    margin-bottom:0px;
}

#nf-field-11-container .nf-field-element {
    width:auto;
}

.form-group {
    position: relative;
    display: flex;
}

#partner-form label {
    display: none;
}

#partner-form label.visible {
    display: flex
}

#partner-form input,
#partner-form textarea {
    padding: calc((8 / 1920) * var(--max-content-width)) calc((24 / 1920) * var(--max-content-width));
    border: none;
    border-bottom: calc((1 / 1920) * var(--max-content-width)) solid #B1CFE3;
    font-size: calc((20 / 1920) * var(--max-content-width));
    line-height: calc((22 / 1920) * var(--max-content-width));
    font-weight: 400;
    color: #16385E;
    background-color: transparent;
    width: 100%;
    margin-bottom: calc((29 / 1920) * var(--max-content-width));
    font-family: "neulis-sans", sans-serif;
}

#partner-form input::placeholder,
#partner-form textarea::placeholder {
    color: #16385E;
}



#partner-form .radio-group,
#partner-form .checkbox-group {
    display: flex;

}

#partner-form .form-group__radio {
    font-size: calc((20 / 1920) * var(--max-content-width));
    line-height: calc((22 / 1920) * var(--max-content-width));
    font-weight: 400;
    padding: calc((8 / 1920) * var(--max-content-width)) calc((24 / 1920) * var(--max-content-width));
    margin-bottom: calc((29 / 1920) * var(--max-content-width));
}

#partner-form .radio-group label {
    position: relative;
    display: flex;
    margin-right: calc((44 / 1920) * var(--max-content-width));
    align-items: center;
}

#partner-form .radio-group label input {
    margin-bottom: 0px;
    height: calc((40 / 1920) * var(--max-content-width));
    width: calc((40 / 1920) * var(--max-content-width));
    margin-right: calc((8 / 1920) * var(--max-content-width));
    border-color: red;
}

.form-group__radio label.visible {
    color: #3D88BA;
    margin-right: calc((31 / 1920) * var(--max-content-width));
    align-items: center;
}

#partner-form textarea {
    height: calc((136 / 1920) * var(--max-content-width));
    background-color: #fff;
    border: calc((1 / 1920) * var(--max-content-width)) solid #B1CFE3;
    border-radius: calc((4 / 1920) * var(--max-content-width));
    margin-bottom: 0px;
    padding: calc((20 / 1920) * var(--max-content-width)) calc((24 / 1920) * var(--max-content-width));
}

#partner-usp {
    display: flex;
    justify-content: space-between;
}

#partner-usp h2 {
    max-width: calc((378 / 1920) * var(--max-content-width));
}

#partner-usp ul {
    max-width: calc((1132 / 1920) * var(--max-content-width));
    list-style-type: disc;
}

#partner-usp ul li {
    margin-bottom: calc((28 / 1920) * var(--max-content-width));
    font-size: calc((28 / 1920) * var(--max-content-width));
    line-height: calc((32 / 1920) * var(--max-content-width));
    font-weight: 400;
}


.hero__image .image__name {
    position: absolute;
    border-top-left-radius: calc((68 / 1920) * var(--max-content-width));
    border-bottom-right-radius: calc((68 / 1920) * var(--max-content-width));
    overflow: hidden;
    bottom: 0px;
    right: 0px;
    height: calc((88 / 1920) * var(--max-content-width));
    width: calc((585 / 1920) * var(--max-content-width));
    background-color: #16385e4d;
    color: white;
    font-size: calc((18 / 1920) * var(--max-content-width));
    line-height: calc((32 / 1920) * var(--max-content-width));
    font-weight: 400;
    display: flex;
    align-items: center;
    font-style: italic;
    padding-left: calc((62 / 1920) * var(--max-content-width));
}

.hero__image .image__name.image__name--left {
    right: auto;
    left: 0px;
    width: calc((775 / 1920) * var(--max-content-width));
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: calc((68 / 1920) * var(--max-content-width));
    border-top-right-radius: calc((68 / 1920) * var(--max-content-width));
}

.hero__image.hero--image-left img {
    width: calc((793 / 1920) * var(--max-content-width));
    position: absolute;
    right: 0px;
}

.center__title {
    text-align: center;
}

.faq__box {
    padding: calc((48 / 1920) * var(--max-content-width)) 0px;
    display: flex;
    border-bottom: calc((1 / 1920) * var(--max-content-width)) solid #A0BFD6;
}

.faq__question {
    width: calc((415 / 1920) * var(--max-content-width));
}

.faq__question h3 {
    max-width: calc((322 / 1920) * var(--max-content-width));
    color: #3D88BA;
    font-size: calc((24 / 1920) * var(--max-content-width));
    line-height: calc((32 / 1920) * var(--max-content-width));
    font-weight: 500;

}

.faq__answer {
    width: calc((1152 / 1920) * var(--max-content-width));
    margin-top: calc((-24 / 1920) * var(--max-content-width));
}

.vacancies__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: calc(100% + calc((36 / 1920) * var(--max-content-width)));
    left: calc(((-36 / 1920) * var(--max-content-width))/ 2);
}

.vacancies__content h2.service__title {
    width: 100%;
    text-align: center;
    margin-bottom: calc((48 / 1920) * var(--max-content-width));
}

.vacancy-box {
    width: calc((516 / 1920) * var(--max-content-width));
    margin: 0px calc((18 / 1920) * var(--max-content-width));
    border-top-left-radius: calc((34 / 1920) * var(--max-content-width));
    border-bottom-right-radius: calc((34 / 1920) * var(--max-content-width));
    padding: calc((28 / 1920) * var(--max-content-width));
    position: relative;
    min-height: calc((700 / 1920) * var(--max-content-width));
}

.vacancy__image {
    width: 100%;
    height: calc((268 / 1920) * var(--max-content-width));
    margin-bottom: calc((24 / 1920) * var(--max-content-width));
    border-top-left-radius: calc((6 / 1920) * var(--max-content-width));
    overflow:hidden;
}

.vacancy__title {
    font-size: calc((28 / 1920) * var(--max-content-width));
    line-height: calc((28 / 1920) * var(--max-content-width));
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: calc((8 / 1920) * var(--max-content-width));
}

.content-columns {
    display: flex;
    align-items: flex-start;
}

.text-column {
    padding: 0px calc((65 / 1920) * var(--max-content-width));
    max-width: calc((833 / 1920) * var(--max-content-width));
    width: 100%;
}

.text-column h3 {
    font-weight: 500;
    font-size: calc((48 / 1920) * var(--max-content-width));
    line-height: calc((56 / 1920) * var(--max-content-width));
    margin-bottom: calc((16 / 1920) * var(--max-content-width));
    margin-bottom: calc((0 / 1920) * var(--max-content-width));
}

.text-column h3.small {
    font-weight: 600;
    font-size: calc((28 / 1920) * var(--max-content-width));
    line-height: calc((28 / 1920) * var(--max-content-width));
}

.text-column,
p,
.hero__content ul
{
    margin: calc((24 / 1920) * var(--max-content-width)) 0px;
}

.text-wrapper ul {
    background-color: #F6F9FB;
    padding: calc((48 / 1920)* var(--max-content-width));
    border-top-left-radius: calc((34 / 1920)* var(--max-content-width));
    border-bottom-right-radius: calc((34 / 1920)* var(--max-content-width));
    margin-top: calc((24 / 1920) * var(--max-content-width));
    margin-bottom: calc((48 / 1920) * var(--max-content-width));
}

.text-wrapper ul li {
    padding: calc((6 / 1920) * var(--max-content-width)) 0px;
    text-indent: -29px;
    padding-left: 29px;
    
}

.hero__content ul {
    margin-bottom:0px;
}



.p--no-margin p {
    margin: 0px;
}

.image-column__image {
    width: calc((793 / 1920) * var(--max-content-width));
    height: calc((553 / 1920) * var(--max-content-width));
    background-size: cover;
    background-position: center;
    border-top-left-radius: calc((28 / 1920) * var(--max-content-width));
    border-bottom-right-radius: calc((28 / 1920) * var(--max-content-width));
}

.small-box {
    width: calc((1208 / 1920) * var(--max-content-width));
    padding: calc((68 / 1920) * var(--max-content-width)) calc((28 / 1920) * var(--max-content-width));
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
}

.small-box__content {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
}

#partner-faq {
    padding-bottom: calc((36 / 1920) * var(--max-content-width));
}

.small-box__title {
    width: calc((322 / 1920) * var(--max-content-width));
}

.small-box__title h2 {
    font-size: calc((48 / 1920) * var(--max-content-width));
    line-height: calc((56 / 1920) * var(--max-content-width));
}

.small-box__text {
    width: calc((737 / 1920) * var(--max-content-width));
    margin-top: calc((-24 / 1920) * var(--max-content-width));
}

.p--center {
    text-align: center;
}

.button-container {
    display: flex;
    justify-content: center;
}

.button-container .button {
    margin: calc((18 / 1920) * var(--max-content-width));
}

#contact {
    position: relative;
    height: calc((624 / 1920) * var(--max-content-width));
    padding-top: calc((116 / 1920) * var(--max-content-width));
    padding-bottom: calc((134 / 1920) * var(--max-content-width));
    border-bottom-left-radius: calc((68 / 1920) * var(--max-content-width));
}

#contact h1 {
    font-size: calc((48 / 1920) * var(--max-content-width));
    line-height: calc((56 / 1920) * var(--max-content-width));
    font-weight: 500;
    margin-bottom: calc((12 / 1920) * var(--max-content-width));

}

#contact .hero__image {
    position: absolute;
    min-width: calc((526 / 1920) * var(--max-content-width));
    /*max-width: calc((526 / 1920) * var(--max-content-width));*/
    max-width: calc((526 / 1920)* 100vw);
    width: 100%;
    top: 0px;
    /*right: calc((100vw - var(--max-content-width)) / 2);*/
    right:0px;
}

#contact .contact__column {
    width: calc((323 / 1920) * var(--max-content-width));
}

.contact__columns {
    display: flex;
    max-width: calc((1152 / 1920) * var(--max-content-width));
    justify-content: space-between;
}

.contact__column p {
    margin: calc((12 / 1920) * var(--max-content-width)) 0px;
}

.p--mgt48 {
    margin: calc((44 / 1920) * var(--max-content-width)) 0px !important;
}

#contact__boxes {
    display: flex;
    justify-content: space-between;
}

.contact__box {
    border-top-left-radius: calc((68 / 1920) * var(--max-content-width));
    border-bottom-right-radius: calc((68 / 1920) * var(--max-content-width));
    width: calc((793 / 1920) * var(--max-content-width));
    padding: calc((28 / 1920) * var(--max-content-width));
    padding-bottom: calc((28 / 1920) * var(--max-content-width));
}

.contact__box img {
    width: calc((86 / 1920) * var(--max-content-width));
    margin-bottom: calc((24 / 1920) * var(--max-content-width));
}

.contact__box ul {
    list-style: decimal;
    list-style-position: inside;
}

#slider .swiper-slide {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-slide img {
    width: auto;
    height: 100%;
    object-fit: contain;
    padding:6px;
    max-width:216px;
}

.swiper-pagination {
    top: auto !important;
    bottom: calc((-60 / 1920) * var(--max-content-width)) !important;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translate(0px, 100%);
}

.vacancy__image img {
    width: 100%;
}

.vacancy__text {
    font-size: calc((20 / 1920) * var(--max-content-width));
    line-height: calc((24 / 1920) * var(--max-content-width));
}

.vacancy__text p {
    margin: calc((12 / 1920) * var(--max-content-width)) 0px;
}

.vacancy__text ul,  .text-wrapper ul, .hero__content ul {
    list-style: disc;
    list-style-position: inside;
}

.vacancy-box .button {
    position: absolute;
    bottom: calc((36 / 1920) * var(--max-content-width));
    width: calc(100% - calc((56 / 1920) * var(--max-content-width)));
}

img.arrow {
    width: calc((16 / 1920) * var(--max-content-width));
    position: absolute;
    bottom: calc((28 / 1920) * var(--max-content-width));
    right: calc((28 / 1920) * var(--max-content-width));

}

main {
    overflow: hidden;
    padding-top: calc((188 / 1920) * var(--max-content-width));
}

div,
span {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.menu-icon {
    width: 36px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: var(--mobile-menu-height);
    margin: 0px;
    position: absolute;
    right: 48px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.menu-icon-bar {
    width: 100%;
    height: calc(var(--mobile-menu-height) / 5);
    background-color: #16385E;
    transition: var(--transition);
    border-radius: 12px;
    position: absolute;
}

#line1 {
    position: absolute;
    top: 0px;
}

#line2 {
    position: absolute;
    top: calc((var(--mobile-menu-height) / 5) * 2);
}

#line3 {
    position: absolute;
    top: calc((var(--mobile-menu-height) / 5) * 4);
}

.menu-opening #line1 {
    position: relative;
    top: calc((var(--mobile-menu-height) / 5)* 2.5 + ((var(--mobile-menu-height) / 5)/2));
}

.menu-opening #line3 {
    position: relative;
    top: calc((var(--mobile-menu-height) / 5)* 2.5 - ((var(--mobile-menu-height) / 5)/2));
}

.menu-opening.menu-active #line1 {
    transform: rotate(45deg) translate(0px, 0px);
    transition: var(--transition);
}

.menu-opening.menu-active #line2 {
    display: none;
}

.menu-opening.menu-active #line3 {
    transform: rotate(-45deg) translate(0px, 0px);
    transition: var(--transition);
}

.mobile-only {
    display: none !important;
}

#contact p a {
    color:white;
    text-decoration: none;
}

.swiper-pagination-bullet {
    width: calc((12 / 1920) * var(--max-content-width)) !important;
    height: calc((12 / 1920) * var(--max-content-width)) !important;
    background: #A0BFD6 !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    background: #16385E !important;
}

.social-icons {
    display: flex;
    justify-content: space-between;
    height: calc((32 / 1920) * var(--max-content-width));
    width: calc((88 / 1920) * var(--max-content-width));
    margin-top: calc((101 / 1920) * var(--max-content-width));
}

.listradio-wrap .nf-field-element label.nf-checked-label:before {
    top: 5px !important;
    background: #16385E !important;
}

.listcheckbox-container .nf-field-element label:after {
    top: 1px !important
}

.nf-response-msg {
    padding-left: calc((34 / 1920)* var(--max-content-width));
}

.nf-form-fields-required {
    font-size: 16px !important;
    margin-bottom: 24px !important;
    padding: 5px !important;
}

/* Small Devices (Mobile) */
@media (max-width: 1023.99px) {

    body,
    .vacancy__text p,
    .vacancy__text ul {
        font-size: 16px;
        line-height: 24px;
    }

    #branding {
        height: 72px;
    }

    .custom-logo-link img {
        max-width: 156px;
    }

    .wrapper, .wrapper.text-wrapper {
        max-width: 744px;
        padding: 0px 24px;
    }

    .phone__icon {
        margin-right: 12px;
    }

    .phone__icon img {
        width: 36px;
    }

    #menu {
        display: none;
    }

    .phone__text {
        font-size: 14px;
        line-height: 14px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .phone__text b {
        line-height: 24px;
    }

    #hero {
        height: auto;
        flex-direction: column-reverse;
    }

    #hero.hero--image-left {
        flex-direction: column;
    }

    .hero--image-left .hero__content {
        padding-left:12px
    }

    #hero.hero--small {
        height: auto;
    }

    .hero__content {
        max-width: 100%;
        min-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }

   .parent-pageid-19 .hero__content {
    padding-left: 0px;
    padding-right: 0px;
   }


    .hero__content--low {
        height: calc(100% - 48px);
    }

    .hero__image,
    .hero--image-left .hero__image {
        min-width: 100%;
        right: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 36px;
        border-top-left-radius: 0px;
        height: 240px;
        margin-bottom: 24px;
        width: calc(100% + 48px);
        margin-left: -24px;
        overflow:hidden;
        background-position:top;
    }

    .hero__image.overflow-visible {
        overflow:visible !important;
    }

    h1.hero__title,
    .hero--small h1.hero__title {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 12px;
        max-width: none;
    }

    .button, #primary .nf-form-content button, #primary .nf-form-content input[type=submit] {
        padding: 12px 60px 12px 24px;
        border-radius: 24px;
        margin-top: 24px;
        width: fit-content;
        font-size: 15px;
        line-height: 24px;
        text-align: left;
    }

    #primary .nf-form-content button, #primary .nf-form-content input[type=submit] {
        text-align: center;
        margin-top: 24px;
        margin-bottom: 24px;
        min-height: 48px;
        padding: 12px 24px;
    }
    
    #primary .nf-form-content button[type="reset"] {
        background-color: #fff;
        color: #FF9E15;
        box-shadow: 0px 0px 0px 2px #FF9E15;
    }

    .button span {
        width: 36px;
        height: 36px;
        right: 12px;
    }

    .button span span {
        width: 12px;
    }

    .button.button--bottom {
        bottom: 0px;
        position: relative;
    }

    .button.button--width-2,
    .button.button--width-3 {
        width: fit-content;
    }

    .button.button--center {
        padding-left: 36px;
    }

    .button.button--center.button--center--left {
        padding-left: 24px;
    }

    .mgb-104 {
        margin-bottom: 60px;
    }

    span.dot.dot-green {
        width: 12px;
        height: 12px;
    }

    .services__content {
        width: calc(100% + 24px);
        left: calc(-12px);
        justify-content: center;
        margin-top: -12px;
    }

    .services--small .services__content {
        width: calc(100% + 24px);
        left: calc(-12px);
    }

    .service {
        margin: 12px;
        width: calc(100vw - 24px);
        height: auto;
        padding: 24px;
        padding-bottom: 36px;
        min-height: calc(50vw - 48px);
    }

    .services--small .service {
        margin: 12px;
        width: 100%;
        height: auto;
        padding: 48px;
        min-height: calc(50vw - 48px);
    }

    .service:first-of-type,
    .services--small .service:first-of-type {
        border-top-left-radius: 24px;
    }

    .service:last-of-type {
        border-bottom-right-radius: 24px;
    }

    h2.service__title, .text-wrapper h2 {
        font-size: 36px;
        line-height: 36px;
    }

    h3.service__title, .text-wrapper h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .services--small h3.service__title {
        font-size: 48px;
        line-height: 48px;
    }

    .service__text {
        font-size: 16px;
        line-height: 24px;
    }

    .services--small .service__text {
        font-size: 36px;
        line-height: 36px;
        margin-top: 12px;
    }

    .row {
        padding: 48px 0px;
    }

    #slider {
        margin-bottom: 48px !important;
    }

    h2.slider__title {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 36px;
    }

    .swiper-container {
        height: 48px;
    }

    footer {
        font-size: 16px;
        line-height: 24px;
    }

    .footer__content {
        padding-top: 72px;
        padding-bottom: 72px;
        padding-left: 0px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .footer__column {
        width: 100%;
        margin-bottom: 48px;
    }

    #footer__column_2 {
        padding-left: 0px;
    }

    #footer__column_3 {
        width: 100%;
        padding-left: 0px;
    }

    #footer__column_1 ul img {
        width: 156px;
        margin-bottom: 12px;
    }

    #footer__column_2 li,
    span.link-header {
        margin-bottom: 12px;
    }

    footer h3 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 12px;
    }

    #footer__column_3 p {
        max-width: none;
    }

    #partner-form {
        max-width: 744px;
        padding: 12px;
        padding-bottom: 36px;
        padding-top: 36px;
        border-radius: 36px;
        margin: 0px auto;
        margin-bottom: 72px;
        margin-top:60px;
    }

    #partner-form h2 {
        margin-top: 0px;
        margin-bottom: 24px;
        padding-left: 12px;
    }

    #partner-form input,
    #partner-form textarea {
        padding: 6px 12px;
        border-bottom: 1px solid #B1CFE3;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
    }

    #partner-form .form-group__radio {
        font-size: 16px;
        line-height: 24px;
        padding: 0px 12px;
        margin-bottom: 24px;
        display: flex;
        flex-direction: column;
    }

    #partner-form .radio-group label {
        margin-right: 36px;
    }

    #partner-form .radio-group label input {
        height: 12px;
        width: 12px;
        margin-right: 12px;
        margin-left: 0px;
    }

    #partner-form textarea {
        height: 96px;
        border: 1px solid #B1CFE3;
        border-radius: 12px;
        padding: 12px;
        margin-bottom: 0px;
    }

    #partner-usp h2 {
        max-width: 336px;
    }

    #partner-usp ul {
        max-width: none;
        list-style-position: inside;
    }

    #partner-usp ul li {
        margin-bottom: 18px;
        margin-top: 18px;
        font-size: 18px;
        line-height: 28px;
    }

    .hero__image .image__name, .hero__image .image__name.image__name--left {
        height: 48px;
        width: 100%;
        font-size: 14px;
        line-height: 18px;
        padding-left: 24px;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 36px;
        border-top-right-radius: 0px;
        border-top-right-radius: 0px;
        display:none
    }

    .hero__image .image__name.image__name--left {
        width: 100%
    }

    .hero__image.hero--image-left img {
        height: 110%;
        width: auto;
        right: auto;
        left:0px;
    }

    .faq__box {
        padding: 36px 0px;
        border-bottom: 1px solid #A0BFD6;
        flex-direction: column;
    }

    .faq__question {
        width: 240px;
    }

    .faq__question h3 {
        max-width: 240px;
        font-size: 18px;
        line-height: 28px;
    }

    .faq__answer {
        width: 100%;
        margin-top: 0px;
    }

    .vacancies__content {
        width: 100%;
        left: 0px;
    }

    .vacancies__content h2.service__title {
        margin-bottom: 12px;
    }

    .vacancy-box {
        width: 100%;
        margin: 12px 0px;
        border-top-left-radius: 24px;
        border-bottom-right-radius: 24px;
        padding: 24px;
        min-height: 432px;
    }

    .vacancy__image {
        height: 186px;
        margin-bottom: 12px;
        border-top-left-radius: 12px;
        overflow: hidden;
    }

    .vacancy__title {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .text-column {
        padding: 0px 12px;
        max-width: 528px;
    }

    .text-column h3 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 12px;
    }

    .text-column h3.small {
        font-size: 24px;
        line-height: 24px;
    }

    .text-column p {
        margin: 24px 0px;
    }

    .image-column__image {
        width: 100%;
        height: 240px;
        border-top-left-radius: 24px;
        border-bottom-right-radius: 24px;
    }

    .small-box {
        width: 100%;
        padding: 48px 24px;
    }

    #partner-faq {
        padding-bottom: 24px;
    }

    .small-box__title {
        width: 336px;
    }

    .small-box__title h2 {
        font-size: 36px;
        line-height: 36px;
    }

    .small-box__text {
        width: 100%;
        margin-top: 0px;
    }

    .button-container {
        flex-direction: column;
    }

    .button-container .button {
        margin: 12px 0px;
        width: auto;
    }

    #contact {
        height: auto;
        padding-top: 0px;
        padding-bottom: 24px;
        border-bottom-left-radius: 48px;
        display: flex;
        flex-direction: column-reverse;
    }

    #contact .wrapper {
        flex-wrap: wrap;
    }

    #contact h1 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 12px;
    }

    #contact .hero__image {
        min-width: 0%;
        max-width: none;
        position: relative;
        width: 100%;
        margin-left: 0px;
        background-position: center;
    }

    #contact .contact__column {
        width: auto;
    }

    .contact__columns {
        max-width: 100%;
        flex-direction: column;
    }

    .contact__column p {
        margin: 12px 0px;
    }

    .p--mgt48 {
        margin: 36px 0px !important;
    }

    #contact__boxes {
        width: 100%;
        left: 0px;
        flex-direction: column;
        margin-top: -12px;
    }

    .contact__box {
        width: 100%;
        padding: 24px;
        padding-bottom: 36px;
        border-top-left-radius: 48px;
        border-bottom-right-radius: 48px;
        margin: 12px 0px;
    }

    .contact__box img {
        width: 48px;
        margin-bottom: 12px;
    }

    .swiper-pagination {
        bottom: -48px !important;
    }

    .vacancy-box .button {
        bottom: 0px;
        width: 100%;
        position: relative;
    }

    img.arrow {
        width: 16px;
        bottom: 24px;
        right: 24px;
        transform: rotate(90deg);
    }

    .text-column,
    p {
        margin: 12px 0px;
    }

    #branding__contact {
        display: none
    }

    #partner-form .radio-group,
    #partner-form .checkbox-group {
        flex-direction: column;
    }

    #partner-usp {
        flex-direction: column;
    }

    .center__title {
        text-align: left;
    }

    .content-columns,
    .small-box__content {
        flex-direction: column;
    }

    .image-column {
        width: 100%;
        margin-bottom: 12px;
    }

    .p--center {
        text-align: left;
    }

    header.scrolled {
        box-shadow: 0px 1px 9px 0px #16385e6e;
    }

    .mobile-only {
        display: flex !important;
    }

    .menu-icon {
        right: 12px;
    }

    main {
        padding-top:72px
    }

    .faq__box:last-of-type {
        border-bottom:none;
        padding-bottom:0px;
    }

    .button.button--text-align-center {
        padding: 12px 24px 12px 24px;
    }

    .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }

    .menu-opening #menu-mobile {
        display: block;
        position: fixed;
        left: 50%;
        top: 50%;
        text-align: center;
        opacity: 0;
        transform: translate(-50%, -50%);
        transition: var(--transition);
    }

    .menu-active #menu-mobile {
        opacity: 1;
    }

    #menu-icon-bg {
        right: 30px;
        top: 50px;
        visibility: hidden;
    }

    .social-icons {
        height: 32px;
        width: 88px;
        margin-top: 24px;
    }

    #partner-form #nf-field-11-container label {
        font-size: 16px;
        line-height: 24px;
    }
    
    #partner-form #nf-field-11-container {
        margin-bottom: 24px !important;
        padding-left: 12px;
    }
    
    #nf-field-11-wrap {
        flex-direction: column !important;
        align-items: flex-start;
    }
    
    #nf-field-11-wrap .nf-field-label {
        margin-right: 0px;
        font-size: 16px;
        line-height: 24px;
        margin-bottom:12px;
       
    }

    #nf-field-11-container ul {
        flex-direction: column;
        transform: translate(-20px, 0px);
    }

    #nf-field-11-container ul li {
        margin-bottom: 6px !important;
    }

    .nf-response-msg {
        padding-left: 12px;
    }

    .error404 main {
        padding-top: calc(72px + 96px);
        padding-bottom: 48px;
    }
}