/*
Theme Name: MBA Group
Text Domain: MBA
Version: 1.0.1
Tested up to: 5.9
Requires at least: 4.7
Requires PHP: 5.2.4section-service-challenge
Description: Custom theme for MBA Group
Tags: custom-theme, mba
Author: Art Williams
Author URI: https://kurokin.uk
Theme URI: https://kurokin.uk
*/

@font-face {
    font-family: 'GT Super Display';
    src: url('assets/fonts/GTSuperDisplay-Regular.woff2') format('woff2'),
        url('assets/fonts/GTSuperDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Display';
    src: url('assets/fonts/GTSuperDisplay-RegularItalic.woff2') format('woff2'),
        url('assets/fonts/GTSuperDisplay-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



html {
    box-sizing: border-box;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #4B4B4B;
}

ol, ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
}

h1 {
    font-family: 'GT Super Display';
    font-size: 48px;
    line-height: 1;
    letter-spacing: -1.25px;
}

@media (min-width: 480px) {
    h1 {
        font-size: 58px;
        letter-spacing: -1.45px;
    }
}

@media (min-width: 1024px) {
    h1 {
        font-size: 85px;
        letter-spacing: -0.85px;
    }
}

h2 {
    font-family: 'GT Super Display';
    line-height: 1;
    letter-spacing: -0.45px;
    font-size: 38px;
}

@media (min-width: 1024px) {
    h2 {
        font-size: 45px;
    }
}

h3 {
    font-family: 'GT Super Display';
    line-height: 1;
    letter-spacing: -0.32px;
    font-size: 30px;
}

@media (min-width: 1024px) {
    h3 {
        font-size: 32px;
    }
}


/*==================================================*/
/* rte */
/*==================================================*/
.rte p {
    font-weight: 300;
    margin: 0 0 18px;
    line-height: 1.5;
}

p.color-orange {
    color: #FF4D00;
    margin: 0 0 10px;
}

.text-large {
    font-size: 30px;
}

.text-serif {
    font-family: 'GT Super Display';
}

.rte h2 {
    margin-bottom: 20px;
}

.rte blockquote {
    font-family: 'GT Super Display';
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.2px;
    margin: 0 0 18px;
}

.rte blockquote p {
    font-family: 'GT Super Display';
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.2px;
}

.section-basic-page {
    padding: 100px 0 0;
}

@media (min-width: 992px) {
    .section-basic-page {
        padding: 170px 0 100px;
    }
}

.rte h2.section-page-title {
    margin: 0 0 40px;
}

.section-basic-page .rte h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    margin: 0 0 15px;
}

.rte span.color-orange {
    color: #FF4D00;
}

.rte ul {
    padding-left: 20px;
    list-style: disc;
}

.rte ul li {
    font-weight: 300;
    margin: 0 0 18px;
    line-height: 1.5;
}


/*==================================================*/
/* Header */
/*==================================================*/
.site-logo {
    position: relative;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 106px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='105.89' height='34.303' viewBox='0 0 105.89 34.303'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rectangle 349' fill='none' d='M0 0h105.89v34.303H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 481' clip-path='url(%23a)'%3E%3Cpath data-name='Path 780' d='M39.009 22.196a3.415 3.415 0 0 0 .844-.422 1.2 1.2 0 0 0 .26-.347h.05v2.629a1.94 1.94 0 0 1-.807 1.563 3.775 3.775 0 0 1-2.394.644q-2.158 0-2.158-1.587a1.466 1.466 0 0 1 .458-1.092 4.3 4.3 0 0 1 1.849-.794 17.317 17.317 0 0 0 1.9-.6m3.883 6.152v-8.503a4.657 4.657 0 0 0-1.464-3.8 5.824 5.824 0 0 0-3.846-1.215 5.447 5.447 0 0 0-3.5 1.066 4.968 4.968 0 0 0-1.761 2.76l2.406.918a3.7 3.7 0 0 1 .931-1.687 2.763 2.763 0 0 1 2-.62 3.021 3.021 0 0 1 1.8.447 1.338 1.338 0 0 1 .608 1.116 1.139 1.139 0 0 1-.67 1.054 14.962 14.962 0 0 1-2.852.905 8.249 8.249 0 0 0-3.449 1.5 3.29 3.29 0 0 0-1.017 2.593 3.623 3.623 0 0 0 1.166 2.741 4.879 4.879 0 0 0 3.473 1.1 5.542 5.542 0 0 0 1.625-.223 3.639 3.639 0 0 0 1.165-.558 5.61 5.61 0 0 0 .633-.545 2.86 2.86 0 0 0 .3-.36h.05v1.319Zm-21.037 0v-1.258h.05a4.642 4.642 0 0 0 3.6 1.637 5.1 5.1 0 0 0 4.156-1.886 7.722 7.722 0 0 0 1.55-5.06 7.584 7.584 0 0 0-1.6-5.036 5.063 5.063 0 0 0-4.056-1.91 4.253 4.253 0 0 0-3.457 1.638h-.049v-6.228h-2.825V28.35Zm1.018-10.1a2.892 2.892 0 0 1 2.208-.868 2.882 2.882 0 0 1 2.443 1.129 6.643 6.643 0 0 1 0 6.524 2.881 2.881 0 0 1-2.443 1.129 2.965 2.965 0 0 1-2.2-.831 2.748 2.748 0 0 1-.831-2.021v-2.968a2.932 2.932 0 0 1 .818-2.084M2.754 28.35v-8.511a2.455 2.455 0 0 1 .62-1.736 2.381 2.381 0 0 1 1.836-.67 2.262 2.262 0 0 1 1.8.695 2.765 2.765 0 0 1 .607 1.885v8.337h2.629v-8.511a2.234 2.234 0 0 1 2.454-2.406q2.431 0 2.431 2.58v8.337h2.6v-8.98a4.306 4.306 0 0 0-1.326-3.3 5.045 5.045 0 0 0-3.585-1.24 4.237 4.237 0 0 0-2.084.52A3.915 3.915 0 0 0 9.3 16.64h-.05a3.632 3.632 0 0 0-1.364-1.3 3.987 3.987 0 0 0-2.009-.508 4.047 4.047 0 0 0-1.9.459 3.509 3.509 0 0 0-1.352 1.179H2.58v-1.269H0V28.35Z' fill='%23393c3b'/%3E%3Cpath data-name='Path 781' d='M93.779 33.93v-6.847h.049a3.7 3.7 0 0 0 1.563 1.166 5.414 5.414 0 0 0 2.209.471 5.1 5.1 0 0 0 4.155-1.884 7.727 7.727 0 0 0 1.55-5.062 7.581 7.581 0 0 0-1.6-5.035 5.114 5.114 0 0 0-4.1-1.91 5.481 5.481 0 0 0-2.233.459 4.134 4.134 0 0 0-1.613 1.179h-.049v-1.265h-1.538v18.729Zm.98-16.559a3.37 3.37 0 0 1 2.592-1.054 3.822 3.822 0 0 1 3.225 1.451 7.8 7.8 0 0 1 .013 8.025 4.274 4.274 0 0 1-5.78.571 2.594 2.594 0 0 1-1.029-2.034v-4.639a3.335 3.335 0 0 1 .98-2.32M81.532 27.518a4.771 4.771 0 0 0 3.411 1.2 5.1 5.1 0 0 0 1.352-.173 4.046 4.046 0 0 0 1-.4 5.174 5.174 0 0 0 .694-.5 2.486 2.486 0 0 0 .4-.384l.124-.186h.049v1.278h1.613V15.201h-1.613v8.26a4.227 4.227 0 0 1-.83 2.754 2.942 2.942 0 0 1-2.419 1.017 3.492 3.492 0 0 1-2.655-.855 4.209 4.209 0 0 1-.794-2.89v-8.285h-1.612v8.583a4.905 4.905 0 0 0 1.277 3.734m-4.546-.633a7.449 7.449 0 0 0 1.625-5.111 7.329 7.329 0 0 0-1.674-5.086 5.314 5.314 0 0 0-4.105-1.86 5.481 5.481 0 0 0-4.193 1.86 7.227 7.227 0 0 0-1.711 5.086 7.35 7.35 0 0 0 1.662 5.1 5.453 5.453 0 0 0 4.242 1.848 5.3 5.3 0 0 0 4.154-1.835m-7.219-1.079a6 6 0 0 1-1.228-4.032 6.079 6.079 0 0 1 1.2-4.031 3.859 3.859 0 0 1 3.089-1.426 3.7 3.7 0 0 1 2.988 1.439 7.386 7.386 0 0 1-.012 8.025 3.7 3.7 0 0 1-2.976 1.451 3.878 3.878 0 0 1-3.064-1.426m-6.934 2.542v-8.558a3.444 3.444 0 0 1 .695-2.332 2.265 2.265 0 0 1 1.786-.794 1.911 1.911 0 0 1 1.042.2l.323-1.638-.1-.074a2.972 2.972 0 0 0-.41-.111 2.919 2.919 0 0 0-.608-.062 3.222 3.222 0 0 0-1.551.409 2.823 2.823 0 0 0-1.178 1.228h-.05v-1.413h-1.563v13.147Zm-6.611-1.985a4.273 4.273 0 0 1-5.78-.571 7.8 7.8 0 0 1 .012-8.025 3.824 3.824 0 0 1 3.225-1.451 3.373 3.373 0 0 1 2.593 1.054 3.339 3.339 0 0 1 .979 2.32v4.639a2.593 2.593 0 0 1-1.029 2.034M50.523 33.3a5.169 5.169 0 0 0 3.275 1 4.8 4.8 0 0 0 3.746-1.452 6.138 6.138 0 0 0 1.315-4.255V15.201h-1.613v1.265h-.049a4.642 4.642 0 0 0-3.77-1.637 5.117 5.117 0 0 0-4.106 1.91 7.585 7.585 0 0 0-1.6 5.035 7.727 7.727 0 0 0 1.55 5.062 5.1 5.1 0 0 0 4.155 1.884 5 5 0 0 0 3.77-1.464h.049v1.786a3.99 3.99 0 0 1-.905 2.754 3.29 3.29 0 0 1-2.592 1.017 3.483 3.483 0 0 1-3.548-2.778l-1.489.595a5.3 5.3 0 0 0 1.811 2.667' fill='%23393c3b'/%3E%3Cpath data-name='Path 782' d='M104.268 14.791a.303.303 0 1 0 0-.606h-.336v.606Zm-.639-.868h.664a.563.563 0 0 1 .614.557.524.524 0 0 1-.311.508l.369.7h-.322l-.32-.639h-.393v.639h-.3Zm1.966.876a1.393 1.393 0 1 0-1.393 1.4 1.323 1.323 0 0 0 1.393-1.4m-3.08.009a1.687 1.687 0 1 1 1.687 1.663 1.617 1.617 0 0 1-1.687-1.663' fill='%23393c3b'/%3E%3Cpath data-name='Path 783' d='M45.351.084 33.522 6.858a.631.631 0 0 0-.006 1.091l11.825 6.945a.63.63 0 0 0 .95-.544V.632a.631.631 0 0 0-.94-.548' fill='%23ff4d00'/%3E%3C/g%3E%3C/svg%3E");
}

body:not(.mobile-menu-open) .site-header.header-white:not(.has-scrolled) .site-logo,
body:not(.mobile-menu-open) .site-header.header-white-logo:not(.has-scrolled) .site-logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='105.89' height='34.303' viewBox='0 0 105.89 34.303'%3E%3Cg data-name='mbagroup logo' fill='%23fff'%3E%3Cpath data-name='Path 784' d='M39.009 22.197a3.415 3.415 0 0 0 .844-.422 1.2 1.2 0 0 0 .26-.347h.05v2.63a1.94 1.94 0 0 1-.807 1.563 3.776 3.776 0 0 1-2.394.644q-2.158 0-2.158-1.587a1.466 1.466 0 0 1 .458-1.092 4.3 4.3 0 0 1 1.849-.794 17.347 17.347 0 0 0 1.9-.6m3.883 6.152V19.84a4.657 4.657 0 0 0-1.464-3.8 5.825 5.825 0 0 0-3.845-1.215 5.447 5.447 0 0 0-3.5 1.066 4.968 4.968 0 0 0-1.762 2.754l2.406.918a3.7 3.7 0 0 1 .931-1.687 2.763 2.763 0 0 1 2-.62 3.021 3.021 0 0 1 1.8.447 1.338 1.338 0 0 1 .608 1.116 1.139 1.139 0 0 1-.67 1.054 14.977 14.977 0 0 1-2.852.905 8.25 8.25 0 0 0-3.449 1.5 3.291 3.291 0 0 0-1.017 2.593 3.624 3.624 0 0 0 1.166 2.742 4.879 4.879 0 0 0 3.473 1.1 5.541 5.541 0 0 0 1.625-.224 3.637 3.637 0 0 0 1.165-.558 5.607 5.607 0 0 0 .633-.545 2.851 2.851 0 0 0 .3-.36h.05v1.315Zm-21.038 0v-1.265h.05a4.641 4.641 0 0 0 3.6 1.637 5.1 5.1 0 0 0 4.155-1.886 7.721 7.721 0 0 0 1.551-5.061 7.583 7.583 0 0 0-1.6-5.035 5.063 5.063 0 0 0-4.056-1.91 4.253 4.253 0 0 0-3.449 1.637h-.049v-6.228h-2.832v18.11Zm1.018-10.1a2.892 2.892 0 0 1 2.208-.868 2.882 2.882 0 0 1 2.443 1.129 6.643 6.643 0 0 1 0 6.524 2.881 2.881 0 0 1-2.443 1.129 2.965 2.965 0 0 1-2.2-.831 2.748 2.748 0 0 1-.83-2.021v-2.977a2.933 2.933 0 0 1 .818-2.084m-20.118 10.1V19.84a2.455 2.455 0 0 1 .62-1.736 2.381 2.381 0 0 1 1.836-.67 2.262 2.262 0 0 1 1.8.7 2.764 2.764 0 0 1 .608 1.885v8.335h2.63V19.84a2.234 2.234 0 0 1 2.456-2.406q2.431 0 2.431 2.58v8.335h2.6v-8.98a4.306 4.306 0 0 0-1.326-3.3 5.045 5.045 0 0 0-3.585-1.24 4.236 4.236 0 0 0-2.084.521A3.913 3.913 0 0 0 9.3 16.64h-.05a3.634 3.634 0 0 0-1.364-1.3 3.987 3.987 0 0 0-2.009-.508 4.047 4.047 0 0 0-1.9.459 3.507 3.507 0 0 0-1.352 1.179H2.58v-1.265H0v13.148Z'/%3E%3Cpath data-name='Path 785' d='M93.779 33.93v-6.843h.049a3.7 3.7 0 0 0 1.563 1.166 5.413 5.413 0 0 0 2.209.471 5.1 5.1 0 0 0 4.155-1.884 7.727 7.727 0 0 0 1.55-5.062 7.581 7.581 0 0 0-1.6-5.036 5.114 5.114 0 0 0-4.1-1.91 5.479 5.479 0 0 0-2.233.459 4.134 4.134 0 0 0-1.613 1.179h-.058v-1.265h-1.538v18.729Zm.98-16.559a3.369 3.369 0 0 1 2.592-1.054 3.822 3.822 0 0 1 3.225 1.451 7.8 7.8 0 0 1 .013 8.025 4.274 4.274 0 0 1-5.78.571 2.594 2.594 0 0 1-1.029-2.034v-4.643a3.336 3.336 0 0 1 .98-2.32M81.537 27.513a4.771 4.771 0 0 0 3.411 1.2 5.1 5.1 0 0 0 1.352-.173 4.044 4.044 0 0 0 1-.4 5.171 5.171 0 0 0 .694-.5 2.478 2.478 0 0 0 .4-.385l.124-.186h.049v1.265h1.613V15.201h-1.613v8.26a4.226 4.226 0 0 1-.831 2.754 2.941 2.941 0 0 1-2.419 1.017 3.492 3.492 0 0 1-2.655-.855 4.208 4.208 0 0 1-.794-2.89v-8.285h-1.612v8.585a4.905 4.905 0 0 0 1.277 3.734m-4.542-.634a7.449 7.449 0 0 0 1.625-5.111 7.329 7.329 0 0 0-1.674-5.086 5.314 5.314 0 0 0-4.105-1.86 5.481 5.481 0 0 0-4.193 1.86 7.227 7.227 0 0 0-1.711 5.086 7.349 7.349 0 0 0 1.662 5.1 5.453 5.453 0 0 0 4.242 1.848 5.3 5.3 0 0 0 4.154-1.837m-7.219-1.079a6 6 0 0 1-1.228-4.032 6.079 6.079 0 0 1 1.2-4.031 3.859 3.859 0 0 1 3.089-1.426 3.7 3.7 0 0 1 2.988 1.439 7.386 7.386 0 0 1-.012 8.025 3.7 3.7 0 0 1-2.976 1.451 3.878 3.878 0 0 1-3.064-1.426m-6.934 2.543v-8.564a3.444 3.444 0 0 1 .695-2.332 2.265 2.265 0 0 1 1.786-.794 1.91 1.91 0 0 1 1.042.2l.323-1.638-.1-.074a2.973 2.973 0 0 0-.41-.112 2.918 2.918 0 0 0-.608-.062 3.22 3.22 0 0 0-1.55.409 2.822 2.822 0 0 0-1.178 1.228h-.05v-1.413h-1.563v13.147Zm-6.611-1.985a4.274 4.274 0 0 1-5.78-.571 7.8 7.8 0 0 1 .012-8.025 3.823 3.823 0 0 1 3.225-1.451 3.373 3.373 0 0 1 2.593 1.054 3.339 3.339 0 0 1 .979 2.32v4.639a2.593 2.593 0 0 1-1.029 2.034M50.531 33.3a5.169 5.169 0 0 0 3.275 1 4.8 4.8 0 0 0 3.746-1.452 6.138 6.138 0 0 0 1.315-4.255v-13.4h-1.613v1.265h-.049a4.642 4.642 0 0 0-3.77-1.637 5.117 5.117 0 0 0-4.106 1.91 7.586 7.586 0 0 0-1.6 5.036 7.727 7.727 0 0 0 1.55 5.062 5.1 5.1 0 0 0 4.155 1.884 5 5 0 0 0 3.77-1.464h.049v1.786a3.991 3.991 0 0 1-.905 2.754 3.29 3.29 0 0 1-2.592 1.017 3.483 3.483 0 0 1-3.548-2.778l-1.489.595a5.3 5.3 0 0 0 1.811 2.667'/%3E%3Cpath data-name='Path 786' d='M104.268 14.791a.303.303 0 1 0 0-.607h-.336v.607Zm-.639-.868h.664a.563.563 0 0 1 .614.557.524.524 0 0 1-.311.508l.369.7h-.319l-.32-.639h-.393v.639h-.3Zm1.966.876a1.393 1.393 0 1 0-1.393 1.4 1.322 1.322 0 0 0 1.393-1.4m-3.08.009a1.687 1.687 0 1 1 1.687 1.663 1.617 1.617 0 0 1-1.687-1.663'/%3E%3Cpath data-name='Path 787' d='M45.347.084 33.523 6.858a.63.63 0 0 0-.006 1.091l11.825 6.945a.631.631 0 0 0 .95-.544V.631a.631.631 0 0 0-.944-.547'/%3E%3C/g%3E%3C/svg%3E");
}

.site-header {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px 0;
    transition: all 1s cubic-bezier(.19,1,.22,1);
}

.site-header.has-scrolled {
    background: #F4F4F4;
}

.site-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 992px) {
    .site-header .container {
        align-items: flex-end;
    }
}

.site-header.has-scrolled {
    top: 0;
}

body.logged-in .site-header {
    top: 46px;
}

body.logged-in .site-header.has-scrolled {
    top: 0;
}

@media (min-width: 600px) {
    body.logged-in .site-header,
    body.logged-in .site-header.has-scrolled {
        top: 46px;
    }
}

@media (min-width: 783px) {
    body.logged-in .site-header,
    body.logged-in .site-header.has-scrolled {
        top: 32px;
    }
}

@media (min-width: 992px) {
    .site-header-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}


/* Navigation */
.site-nav ul.menu {
    display: block;
}

.site-nav ul.menu li a {
    color: #4B4B4B;
    font-size: 14px;
    text-decoration: none;
    padding: 8px 0;
}

.site-header.header-white:not(.has-scrolled) .site-nav ul.menu > li > a,
.site-header.header-white:not(.has-scrolled) .site-nav ul.menu > li:hover > a {
    color: #FFFFFF;
}

.site-nav ul.menu li:hover > a {
    color: #FF4D00;
}

.site-nav ul.menu li.menu-item-has-children {
    position: relative;
    display: flex;
    align-items: center;
}

.site-nav ul.menu li.menu-item-has-children:after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    cursor: pointer;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.244' height='6.872' viewBox='0 0 12.244 6.872'%3E%3Cpath d='m1.061 1.061 5.062 5.062 5.062-5.062' fill='none' stroke='%234b4b4b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
}

.site-header.header-white:not(.has-scrolled) .site-nav ul.menu li.menu-item-has-children:after,
.site-header.header-white:not(.has-scrolled) .site-nav ul.menu li.menu-item-has-children:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.244' height='6.872' viewBox='0 0 12.244 6.872'%3E%3Cpath d='m1.061 1.061 5.062 5.062 5.062-5.062' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
}

.site-nav ul.menu li.menu-item-has-children:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.244' height='6.872' viewBox='0 0 12.244 6.872'%3E%3Cpath d='m1.061 1.061 5.062 5.062 5.062-5.062' fill='none' stroke='%23FF4D00' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
}

.site-nav ul.menu li ul.sub-menu {
    position: absolute;
    top: 100%;
    left: -25px;
    width: 275px;
    background: white;
    padding: 15px 0;
    border-radius: 3px;
    box-shadow: 0 5px 12px rgba(0,0,0,0.1);
    display: none;
    animation-name: fadeDown;
    animation-timing-function: cubic-bezier(.19,1,.22,1);
    animation-duration: 1s;
}

.site-nav ul.menu li.menu-item-has-children:hover ul.sub-menu {
    display: block;
}

.site-nav ul.menu li ul.sub-menu li a {
    font-family: 'GT Super Display';
    display: block;
    font-size: 18px;
    padding: 10px 25px;
}

.header-social-nav {
    margin: 40px 0 0;
}

.site-header-right {
    display: flex;
    align-items: center;
}

.toggle-menu-alt {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #4B4B4B;
    letter-spacing: -0.14px;
    transform: translate(0, 3px);
    margin-right: 40px;
}

body:not(.mobile-menu-open) .site-header.header-white:not(.has-scrolled) .toggle-menu-alt {
    color: white;
}

.toggle-menu-alt span {
    margin-right: 8px;
}

.toggle-menu-alt svg {
    flex: none;
}

.toggle-menu-alt svg path {
    stroke: #4B4B4B;
}

body:not(.mobile-menu-open) .site-header.header-white:not(.has-scrolled) .toggle-menu-alt svg path {
    stroke: white;
}

.toggle-menu-alt.active {
    display: none;
}

.toggle-menu {
    position: relative;
    display: block;
    cursor: pointer;
    width: 24px;
    height: 17px;
    transform: translateY(5px);
}

.toggle-menu span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #4B4B4B;
    opacity: 1;
    transition: all .5s cubic-bezier(.19,1,.22,1);
}

body:not(.mobile-menu-open) .site-header.header-white:not(.has-scrolled) .toggle-menu span {
    background: #FFFFFF;
}

.toggle-menu span:nth-of-type(1) {
    top: 0;
}

.toggle-menu span:nth-of-type(2) {
    top: 7px;
}

.toggle-menu span:nth-of-type(3) {
    top: 14px;
}

.toggle-menu.active span:nth-of-type(1) {
    transform: rotate(45deg);
    top: 8px;
}

.toggle-menu.active span:nth-of-type(3) {
    transform: rotate(-45deg);
    top: 8px;
}

.toggle-menu.active span:nth-of-type(2) {
    opacity: 0;
}

@media (max-width: 991px) {
    .site-nav {
        display: none;
    }

    .mobile-nav {
        position: absolute;
        top: 94px;
        left: 0;
        background: #F4F4F4;
        width: 100%;
        height: calc(100vh - 140px);
        padding: 0px 22px 30px;
        overflow-y: scroll;
        display: none;
        animation-name: fadeDown;
        animation-timing-function: cubic-bezier(.19,1,.22,1);
        animation-duration: 1s;
    }

    .mobile-nav.is-open {
        display: block;
    }

    body.mobile-menu-open .site-header {
        background: #F4F4F4;
    }

    .mobile-nav ul li a {
        display: block;
    }

    .mobile-nav ul.menu > li {
        border-bottom: 1px solid #d5d5d5;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .mobile-nav ul.menu > li:first-child {
        padding-top: 0;
    }

    .mobile-nav ul.menu > li:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .mobile-nav ul li.menu-item-has-children a {
        font-size: 14px;
        color: #FF4D00;
        padding: 0 0 10px;
    }

    .mobile-nav ul li:not(.menu-item-has-children) a {
        color: #4B4B4B;
        font-family: 'GT Super Display';
        font-size: 23px;
        padding: 15px 0;
    }
}

@media (min-width: 992px) {
    .mobile-nav {
        display: none !important;
    }

    .site-nav {
        display: flex;
        transform: translateY(8px);
    }

    .site-nav ul.menu {
        display: flex;
        align-items: center;
    }

    .site-nav ul.menu > li {
        margin-left: 42px;
    }

    .site-nav ul.menu > li:first-child {
        margin-left: 0px;
    }

    .toggle-menu,
    .toggle-menu-alt {
        display: none;
    }
}


/*==================================================*/
/* Footer */
/*==================================================*/
.site-footer {
    background: #1C1C1C;
    padding: 50px 0 0;
}

.site-footer p {
    font-size: 12px;
    line-height: 15px;
    color: white;
}

.site-footer p a {
    color: white;
}

.site-footer h4 {
    color: white;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 18px;
}

@media (min-width: 768px) {
    .footer-svg {
        margin-top: -6%;
    }
}

.footer-svg svg {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: 0;
}

.footer-cols {
    margin: 0 0 60px;
}

.footer-affiliations {
    margin: 0 0 60px;
}

@media (min-width: 1024px) {
    .footer-cols {
        display: flex;
        margin: 0 0 27px;
    }

    .footer-affiliations {
        margin: 0;
        width: 66.6666%;
    }

    .footer-links {
        margin: 0;
        width: 33.33333%;
    }
}

.footer-links__flex {
    display: flex;
}

.site-footer .footer-links__flex p {
    line-height: 22px;
}

.footer-links__flex div:first-child {
    margin-right: 29px;
}

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

.footer-affiliations__logos a {
    display: block;
    margin: 0 9px;
    margin-bottom: 20px;
}

.footer-affiliations__logos a.small-margin {
    margin: 0 3px;
    margin-bottom: 20px;
}

.footer-affiliations__logos a.small-margin:first-child,
.footer-affiliations__logos a:first-child {
    margin-left: 0;
}

.footer-affiliations__logos a img {
    display: block;
    height: 64px;
    width: auto;
}


/*==================================================*/
/* Base */
/*==================================================*/
.container {
    width: 100%;
    max-width: 1300px;
    padding-left: 22px;
    padding-right: 22px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media (min-width: 1366px) {
    .container {
        max-width: 1366px;
        padding-left: 55px;
        padding-right: 55px;
    }
}

.section-subtitle {
    margin: 0 0 27px;
}

@media (min-width: 1024px) {
    .row,
    .section-flex {
        display: flex;
    }

    .section-subtitle {
        width: 16.6666666667%;
        margin: 0;
    }

    .section-main {
        width: 83.3333333333%;
    }

    .col-half {
        width: 50%;
    }

    .col-full {
        width: 100%;
    }
}

.section-subtitle h4 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.35px;
}


/*==================================================*/
/* Sections */
/*==================================================*/

/* Hero */
.section-hero {
    position: relative;
    height: 90vh;
}

@media (min-width: 1024px) {
    .section-hero {
        overflow: hidden;
    }
}

.hero-swiper {
    height: 100%;
}

.hero-swiper .swiper-slide {
    position: relative;
}

.hero-swiper .swiper-slide .container {
    position: relative;
    box-sizing: border-box;
    z-index: 5;
}

.hero-content {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 5;
}

.hero-content.color-white,
.hero-content.color-white h1,
.hero-content.color-white h2,
.hero-content.color-white h3,
.hero-content.color-white h4,
.hero-content.color-white p {
    color: white;
}

.hero-content .max-width {
    max-width: 800px;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.hero-bg-desktop {
    display: none;
}

.hero-bg-mobile {
    display: block;
}

@media (min-width: 1024px) {
    .hero-bg-desktop {
        display: block;
    }

    .hero-bg-mobile {
        display: none;
    }
}

.hero-swiper .swiper-horizontal > .swiper-pagination-bullets,
.hero-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.hero-swiper .swiper-pagination-custom, .swiper-pagination-fraction {
    left: 50%;
    bottom: 40%;
    width: 100%;
    max-width: 1300px;
    padding-left: 22px;
    padding-right: 22px;
    transform: translate(-50%, -50%);
    text-align: left;
}

@media (min-width: 1366px) {
    .hero-swiper .swiper-horizontal > .swiper-pagination-bullets,
    .hero-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
    .hero-swiper .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 26px;
        max-width: 1366px;
        padding-left: 55px;
        padding-right: 55px;
        transform: translate(-50%, 0);
    }
}

.hero-swiper .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    opacity: 1;
    background: #E5E5E5;
}

.hero-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FADB2F;
}

.section-hero .js-hero-scroll {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 6;
    font-size: 12px;
    letter-spacing: -0.12px;
    line-height: 15px;
    text-align: center;
    cursor: pointer;
}

.section-hero .js-hero-scroll svg {
    width: 30px;
    height: 47px;
    transition: all cubic-bezier(.19, 1, .22, 1) .5s;
}

.section-hero .js-hero-scroll:hover svg {
    transform: translateY(7px);
}

.section-hero .js-hero-scroll span {
    display: block;
    margin: 0 0 6px;
    color: white;
}

.hero-tab {
    position: absolute;
    left: 22px;
    bottom: 0;
    z-index: 6;
    background: #4FCCC4;
    color: white;
    border-radius: 20px 20px 0 0;
    padding: 13px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 44px);
}

.hero-tab-title {
    font-family: 'GT Super Display';
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.45px;
    padding-right: 10px;
    max-width: 130px;
}

.hero-tab-menu {
    position: relative;
}

.hero-tab-menu ul {
    position: absolute;
    top: calc(100% + 13px);
    right: -20px;
    background: #4FCCC4;
    color: white;
    border-radius: 0 0 20px 20px;
    padding: 20px 0 10px;
    width: calc(100vw - 44px);
    display: none;
    animation-name: fadeDown;
    animation-timing-function: cubic-bezier(.19,1,.22,1);
    animation-duration: 1s;
}

.hero-tab-menu ul.active {
    display: block;
}

.hero-tab-menu ul li a {
    display: block;
    padding: 10px 20px;
    color: white;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.5px;
}

.js-hero-open-menu {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.5px;
}

.js-hero-open-menu span {
    margin-right: 10px;
}

.js-hero-open-menu svg {
    flex: none;
}

.js-hero-close-menu {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 12px;
    z-index: 7;
    cursor: pointer;
}

@media (min-width: 768px) {
    .hero-tab-title {
        max-width: inherit;
    }
}

@media (min-width: 1024px) {
    .hero-tab {
        left: 50%;
        transform: translateX(-50%);
        width: inherit;
        padding: 20px 36px;
    }

    .hero-tab-title {
        font-size: 23px;
        line-height: 26px;
        letter-spacing: -0.57px;
        padding-right: 22px;
    }

    .js-hero-close-menu {
        right: 0;
    }

    .js-hero-open-menu {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: -0.55px;
    }

    .hero-tab-menu ul {
        top: inherit;
        bottom: -20px;
        right: -56px;
        border-radius: 20px 20px 0 0;
        padding: 20px 0 10px;
        width: calc(100% + 70px);
        animation-name: fadeUpLarge;
        animation-timing-function: cubic-bezier(.19,1,.22,1);
        animation-duration: 1s;
    }

    .hero-tab-menu ul li a {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.5px;
        padding: 10px 30px;
    }
}


/* Contact */
.section-contact {
    padding: 60px 0 80px;
}

.section-contact.padding-top-large {
    padding-top: 116px;
}

@media (min-width: 1024px) {
    .section-contact {
        padding: 89px 0 101px;
    }

    .section-contact.padding-top-large {
        padding-top: 170px;
    }
}

.section-contact h2 {
    font-size: 38px;
    max-width: 335px;
    margin: 0 0 55px;
}

.section-contact h2.maxwidth-large {
    max-width: 515px;
}

@media (min-width: 1024px) {
    .section-contact h2 {
        font-size: 45px;
    }
}

.section-contact .wpforms-form {
    position: relative;
    max-width: 425px;
}

.section-contact div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles {
    position: absolute;
    top: 4px;
    left: 0;
    border-top: none;
    border-bottom: none;
    padding: 0;
}

@media (min-width: 480px) {
    .section-contact div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles {
        top: 10px;
    }
}

.section-contact div.wpforms-container-full .wpforms-form input[type=date],
.section-contact div.wpforms-container-full .wpforms-form input[type=datetime],
.section-contact div.wpforms-container-full .wpforms-form input[type=datetime-local],
.section-contact div.wpforms-container-full .wpforms-form input[type=email],
.section-contact div.wpforms-container-full .wpforms-form input[type=month],
.section-contact div.wpforms-container-full .wpforms-form input[type=number],
.section-contact div.wpforms-container-full .wpforms-form input[type=password],
.section-contact div.wpforms-container-full .wpforms-form input[type=range],
.section-contact div.wpforms-container-full .wpforms-form input[type=search],
.section-contact div.wpforms-container-full .wpforms-form input[type=tel],
.section-contact div.wpforms-container-full .wpforms-form input[type=text],
.section-contact div.wpforms-container-full .wpforms-form input[type=time],
.section-contact div.wpforms-container-full .wpforms-form input[type=url],
.section-contact div.wpforms-container-full .wpforms-form input[type=week],
.section-contact div.wpforms-container-full .wpforms-form select,
.section-contact div.wpforms-container-full .wpforms-form textarea {
    background: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #FF4D00;
    height: auto;
    padding: 12px 0;
    font-family: 'Inter', sans-serif;
    margin: 0;
    font-weight: normal;
    color: #4B4B4B;
}

.section-contact div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 0;
}

.section-contact div.wpforms-container-full .wpforms-form .wpforms-page-button,
.section-contact div.wpforms-container-full .wpforms-form button[type=submit] {
    background: transparent;
    border: none;
    font-size: 16px;
    min-width: auto;
    padding: 0;
    font-size: 16px;
    color: #4B4B4B;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0;
}

.section-contact div.wpforms-container-full .wpforms-form .wpforms-page-button:after,
.section-contact div.wpforms-container-full .wpforms-form button[type=submit]:after {
    content: '';
    display: block;
    width: 31px;
    height: 24px;
    margin-left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.608' height='24.083' viewBox='0 0 30.608 24.083'%3E%3Cg data-name='orange arrow' fill='%23ff4d00'%3E%3Cpath data-name='Rectangle 6' d='M0 11.19h27.59v1.798H0z'/%3E%3Cpath data-name='Rectangle 7' d='M20.322 1.271 21.593 0l9.014 9.014-1.27 1.271z'/%3E%3Cpath data-name='Rectangle 8' d='m20.321 22.811 9.016-9.016 1.271 1.272-9.016 9.015z'/%3E%3C/g%3E%3C/svg%3E");
    transition: all cubic-bezier(.19, 1, .22, 1) 1s;
}

.section-contact div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
.section-contact div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    color: #FF4D00;
}

.section-contact div.wpforms-container-full .wpforms-form .wpforms-page-button:hover:after,
.section-contact div.wpforms-container-full .wpforms-form button[type=submit]:hover:after {
    transform: translateX(7px);
}

.section-contact div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-family: 'GT Super Display';
    font-size: 22px;
    letter-spacing: -0.3px;
    font-weight: normal;
    padding-left: 50px;
    margin: 0;
}

@media (min-width: 480px) {
    .section-contact div.wpforms-container-full .wpforms-form .wpforms-field-label {
        font-size: 26px;
    }
}

@media (min-width: 1024px) {
    .section-contact div.wpforms-container-full .wpforms-form .wpforms-field-label {
        font-size: 30px;
    }
}

.section-contact div.wpforms-container-full .wpforms-form .wpforms-required-label {
    color: #FF4D00;
}

.section-contact div.wpforms-container-full .wpforms-form .wpforms-page-indicator {
    margin: 0;
}

.section-contact .wpforms-page-indicator-page {
    display: none;
}

.section-contact .indicator-steps {
    font-size: 18px;
    font-weight: 500;
}

.contact-method {
    margin: 0 0 30px;
}

.contact-method a {
    color: #4B4B4B;
    display: block;
}

.contact-method a:hover {
    color: #FF4D00;
}

.contact-socials {
    display: flex;
}

.contact-socials a {
    margin-right: 7px;
}

.contact-socials a:hover svg path {
    fill: #FF4D00;
}

.section-contact .wpforms-confirmation-container-full {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
}



/* Card slider */
.section-card-slider {
    overflow: hidden;
    margin: 32px 0 36px;
}

@media (min-width: 768px) {
    .section-card-slider {
        margin: 40px 0 45px;
    }
}

@media (min-width: 1024px) {
    .section-card-slider {
        margin: 60px 0 88px;
    }
}

.section-card-slider .section-main h2 {
    max-width: 560px;
}

@media (min-width: 1024px) {
    .card-offset {
        width: 83.3333333333%;
        margin-left: auto;
    }
}

.card-swiper {
    overflow: inherit;
    margin-top: 45px;
}

.card-slider-image {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    margin: 0 0 28px;
}

.card-slider-image img {
    display: block;
    margin: 0;
}

.card-swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 0 0 25px;
    border-bottom: 2px solid #E3E3E3;
}

.card-slider-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.card-slider-content p {
    margin: 0 0 14px;
}

.card-slider-content h3 {
    margin: 0 0 18px;
}

.card-slider-content p.excerpt {
    flex: 1;
    font-size: 18px;
    line-height: 21px;
    color: #707070;
    letter-spacing: -0.45px;
}

.card-slider-content a {
    background: transparent;
    border: none;
    font-size: 16px;
    min-width: auto;
    padding: 0;
    font-size: 16px;
    color: #4B4B4B;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
    margin: 0;
    margin-top: 12px;
}

.card-slider-content a:after {
    content: '';
    display: block;
    width: 31px;
    height: 24px;
    margin-left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.608' height='24.083' viewBox='0 0 30.608 24.083'%3E%3Cg data-name='orange arrow' fill='%23ff4d00'%3E%3Cpath data-name='Rectangle 6' d='M0 11.19h27.59v1.798H0z'/%3E%3Cpath data-name='Rectangle 7' d='M20.322 1.271 21.593 0l9.014 9.014-1.27 1.271z'/%3E%3Cpath data-name='Rectangle 8' d='m20.321 22.811 9.016-9.016 1.271 1.272-9.016 9.015z'/%3E%3C/g%3E%3C/svg%3E");
    transition: all cubic-bezier(.19, 1, .22, 1) 1s;
}

.card-slider-content a.arrow-purple:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.608' height='24.083' viewBox='0 0 30.608 24.083'%3E%3Cg data-name='orange arrow' fill='%23711db7'%3E%3Cpath data-name='Rectangle 6' d='M0 11.19h27.59v1.798H0z'/%3E%3Cpath data-name='Rectangle 7' d='M20.322 1.271 21.593 0l9.014 9.014-1.27 1.271z'/%3E%3Cpath data-name='Rectangle 8' d='m20.321 22.811 9.016-9.016 1.271 1.272-9.016 9.015z'/%3E%3C/g%3E%3C/svg%3E");
}

.card-slider-content a.arrow-blue:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.608' height='24.083' viewBox='0 0 30.608 24.083'%3E%3Cg data-name='orange arrow' fill='%236087e2'%3E%3Cpath data-name='Rectangle 6' d='M0 11.19h27.59v1.798H0z'/%3E%3Cpath data-name='Rectangle 7' d='M20.322 1.271 21.593 0l9.014 9.014-1.27 1.271z'/%3E%3Cpath data-name='Rectangle 8' d='m20.321 22.811 9.016-9.016 1.271 1.272-9.016 9.015z'/%3E%3C/g%3E%3C/svg%3E");
}

.card-slider-content a.arrow-cyan:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.608' height='24.083' viewBox='0 0 30.608 24.083'%3E%3Cg data-name='orange arrow' fill='%234FCCC4'%3E%3Cpath data-name='Rectangle 6' d='M0 11.19h27.59v1.798H0z'/%3E%3Cpath data-name='Rectangle 7' d='M20.322 1.271 21.593 0l9.014 9.014-1.27 1.271z'/%3E%3Cpath data-name='Rectangle 8' d='m20.321 22.811 9.016-9.016 1.271 1.272-9.016 9.015z'/%3E%3C/g%3E%3C/svg%3E");
}

.card-slider-content a.arrow-yellow:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.608' height='24.083' viewBox='0 0 30.608 24.083'%3E%3Cg data-name='orange arrow' fill='%23FADB2F'%3E%3Cpath data-name='Rectangle 6' d='M0 11.19h27.59v1.798H0z'/%3E%3Cpath data-name='Rectangle 7' d='M20.322 1.271 21.593 0l9.014 9.014-1.27 1.271z'/%3E%3Cpath data-name='Rectangle 8' d='m20.321 22.811 9.016-9.016 1.271 1.272-9.016 9.015z'/%3E%3C/g%3E%3C/svg%3E");
}

.card-slider-content a:hover {
    color: #FF4D00;
}

.card-slider-content a.arrow-purple:hover {
    color: #711db7;
}

.card-slider-content a.arrow-blue:hover {
    color: #6087e2;
}

.card-slider-content a.arrow-cyan:hover {
    color: #4FCCC4;
}

.card-slider-content a.arrow-yellow:hover {
    color: #FADB2F;
}

.card-slider-content a:hover:after {
    transform: translateX(7px);
}

.card-swiper .swiper-horizontal > .swiper-pagination-bullets,
.card-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.card-swiper .swiper-pagination-custom, .swiper-pagination-fraction {
    position: relative;
    left: inherit;
    bottom: inherit;
    text-align: left;
    margin: 56px 0 0;
}

.card-swiper .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    opacity: 1;
    background: #E5E5E5;
}

.card-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FF4D00;
}


/* Service columns */
.section-service-columns {
    padding: 36px 0 80px;
}

@media (min-width: 1024px) {
    .section-service-columns {
        padding: 68px 0;
    }
}

.service-columns {
    margin: 42px 0 0;
    align-items: flex-start;
}

@media (min-width: 1024px) {
    .service-columns {
        display: flex;
        margin: 59px 0 0;
        margin-left: -45px;
    }
}

.service-column {
    margin: 0 0 64px;
    transition: all .35s ease;
}

.service-column p.excerpt {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    margin: 0 0 22px;
}

@media (min-width: 1024px) {
    .service-column {
        width: 25%;
        display: flex;
        flex-direction: column;
        margin: 0;
        margin-right: 45px;
        margin-left: 45px;
        padding-right: 30px;
    }

    .service-column p.excerpt {
        flex: 1;
        font-size: 15px;
        margin: 0 0 40px;
        display: none;
    }

    .service-column.active p.excerpt {
        display: block;
    }
}

.service-column-image {
    display: block;
    margin: 0 auto 42px;
    height: 140px;
    width: auto;
}

.service-column-content {
    position: relative;
    padding: 0 0 22px;
}

@media (min-width: 1024px) {
    .service-column-content {
        flex: 1;
    }
}

@media (max-width: 1023px) {
    .service-column-image {
        height: 115px;
        width: auto;
        margin: 0 auto;
        transform: translateX(-30%);
    }
}

.service-column-content h3 {
    margin: 0 0 13px;
}

.service-column-content:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 167px;
    height: 2px;
}

.service-column-content.column-color-purple:after {
    background: #6E358B;
}

.service-column-content.column-color-cyan:after {
    background: #4FCCC4;
}

.service-column-content.column-color-orange:after {
    background: #FD7778;
}

.service-column-content.column-color-yellow:after {
    background: #FADB2F;
}

.service-column-content.column-color-blue:after {
    background: #6087e2;
}


/* Stats */
.section-stats {
    position: relative;
    padding: 55px 0 60px;
    color: white;
}

@media (min-width: 1024px) {
    .section-stats {
        padding: 92px 0 65px;
    }
}

.section-stats .container {
    position: relative;
    z-index: 5;
}

.section-stats h1,
.section-stats h2,
.section-stats h3,
.section-stats h4,
.section-stats h5,
.section-stats p {
    color: white;
}

.section-stats .stats {
    margin: 55px 0 0;
    margin-left: -22px;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 1024px) {
    .section-stats .stats {
        margin-left: -50px;
    }
}

.section-stats .stat {
    width: calc(50% - 44px);
    padding-top: 10px;
    margin: 0 22px 44px;
    border-top: 2px solid white;
}

@media (min-width: 1024px) {
    .section-stats .stat {
        width: calc(25% - 100px);
        margin: 0 50px 44px;
    }
}

.section-stats .stat h3 {
    font-family: 'Inter', sans-serif;
    font-size: 42px;
    margin: 0 0 6px;
    letter-spacing: -1.03px;
}

.section-stats .stat p {
    font-family: 'GT Super Display';
    font-size: 16px;
    line-height: 17px;
    letter-spacing: -0.16px;
}


/* Homepage strategy */
.section-home-strategy {
    position: relative;
    padding: 0 0 40px;
}

@media (min-width: 1024px) {
    .section-home-strategy {
        padding: 0;
    }

    .section-home-strategy .section-content {
        position: absolute;
        top: 50%;
        max-width: 230px;
        transform: translateY(-50%);
    }
}

.section-home-strategy .section-title {
    position: absolute;
    right: 50%;
    top: 35vw;
    transform: translateX(50%);
}

@media (min-width: 1024px) {
    .section-home-strategy .section-title {
        position: absolute;
        right: 17vw;
        top: 50%;
        transform: translateY(-43%) translateX(0);
    }
}

@media (min-width: 2400px) {
    .section-home-strategy .section-title {
        right: 24vw;
    }
}

.section-home-strategy .section-title h2 {
    font-family: 'Inter', sans-serif;
    color: white;
    font-size: 50px;
    line-height: 47px;
    letter-spacing: -1.25px;
    font-weight: 500;
}

@media (min-width: 1024px) {
    .section-home-strategy .section-title h2 {
        font-size: 75px;
        line-height: 70px;
        letter-spacing: -1.5px;
    }
}

@media (min-width: 1300px) {
    .section-home-strategy .section-title h2 {
        font-size: 105px;
        line-height: 100px;
        letter-spacing: -2.63px;
    }
}

.section-home-strategy .section-title h2 span {
    font-family: 'GT Super Display';
    font-style: italic;
    font-weight: normal;
    display: block;
}

.section-home-strategy .svg-decal svg {
    display: block;
    width: 92%;
    height: auto;
    margin-left: auto;
    margin-right: 0;
}

@media (min-width: 1024px) {
    .section-home-strategy .svg-decal svg {
        width: 60%;
    }
}

@media (min-width: 1120px) {
    .section-home-strategy .svg-decal svg {
        width: 55%;
    }
}

@media (min-width: 1300px) {
    .section-home-strategy .svg-decal svg {
        width: 60%;
    }
}

@media (min-width: 1600px) {
    .section-home-strategy .svg-decal svg {
        width: 50%;
    }
}


/* Content with parallax images */
.section-content-parallax-images {
    position: relative;
    padding: 40px 0 78px;
    background: #F8F8F8;
    overflow: hidden;
}

.section-content-parallax-images.svg-colour-orange {
    background: #FF4D00;
}

@media (min-width: 1024px) {
    .section-content-parallax-images {
        padding: 101px 0 288px;
        background: transparent;
    }

    .section-content-parallax-images.svg-colour-orange {
        background: transparent;
    }
}

.section-content-parallax-images .container {
    position: relative;
    z-index: 5;
}

.section-content-parallax-images.svg-colour-orange .rte h1,
.section-content-parallax-images.svg-colour-orange .rte h2,
.section-content-parallax-images.svg-colour-orange .rte h3,
.section-content-parallax-images.svg-colour-orange .rte h4,
.section-content-parallax-images.svg-colour-orange .rte p,
.section-content-parallax-images.svg-colour-orange .rte a,
.section-content-parallax-images.svg-colour-orange .rte p a,
.section-content-parallax-images.svg-colour-orange .section-subtitle h4 {
    color: white;
}


.section-content-parallax-images .rte h2 {
    margin: 0 0 28px;
}

.section-content-parallax-images .section-content p {
    letter-spacing: -0.4px;
}

@media (min-width: 1024px) {
    .section-content-parallax-images .section-content h2 {
        max-width: 400px;
    }

    .section-content-parallax-images .section-content p {
        max-width: 260px;
    }
}

.section-content-parallax-images .section-content a {
    background: transparent;
    border: none;
    font-size: 16px;
    min-width: auto;
    padding: 0;
    font-size: 16px;
    color: #4B4B4B;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0;
}

.section-content-parallax-images .section-content a:after {
    content: '';
    display: block;
    width: 31px;
    height: 24px;
    margin-left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.608' height='24.083' viewBox='0 0 30.608 24.083'%3E%3Cg data-name='orange arrow' fill='%23ff4d00'%3E%3Cpath data-name='Rectangle 6' d='M0 11.19h27.59v1.798H0z'/%3E%3Cpath data-name='Rectangle 7' d='M20.322 1.271 21.593 0l9.014 9.014-1.27 1.271z'/%3E%3Cpath data-name='Rectangle 8' d='m20.321 22.811 9.016-9.016 1.271 1.272-9.016 9.015z'/%3E%3C/g%3E%3C/svg%3E");
    transition: all cubic-bezier(.19, 1, .22, 1) 1s;
}

.section-content-parallax-images .section-content a:hover {
    color: #FF4D00;
}

.section-content-parallax-images .section-content a:hover:after {
    transform: translateX(7px);
}

.section-content-parallax-images .section-images {
    position: relative;
}

.section-content-parallax-images .section-images-desktop {
    display: none;
}

.section-content-parallax-images .section-images-mobile {
    display: block;
}

@media (min-width: 1024px) {
    .section-content-parallax-images .section-images-desktop {
        display: block;
    }

    .section-content-parallax-images .section-images-mobile {
        display: none;
    }

    .section-content-parallax-images .section-image {
        position: absolute;
    }

    .section-content-parallax-images .section-image-1 {
        top: -30px;
        right: 0;
    }

    .section-content-parallax-images .section-image-2 {
        top: 240px;
        left: -60px;
    }
}

@media (max-width: 1023px) {
    .section-content-parallax-images .section-image {
        width: 75%;
        height: auto;
        display: block;
    }

    .section-content-parallax-images .section-image-1 {
        margin-left: auto;
    }

    .section-content-parallax-images .section-image-2 {
        transform: translateY(-30px);
    }
}

.section-content-parallax-images .svg-decal {
    display: none;
}

@media (min-width: 1024px) {
    .section-content-parallax-images .svg-decal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        display: block;
    }

    .section-content-parallax-images .svg-decal svg {
        display: block;
        margin: 0;
        width: 100%;
        height: auto;
    }

    .section-content-parallax-images.svg-colour-orange .svg-decal svg path {
        fill: #FF4D00;
    }
}


/* Page hero */
.section-page-hero {
    position: relative;
    background: transparent;
}

@media (min-width: 1024px) {
    .section-page-hero {
        position: relative;
        background: #F4F4F4;
    }
}

.section-page-hero .svg-decal {
    background: #F4F4F4;
}

@media (min-width: 1024px) {
    .section-page-hero .svg-decal {
        width: 60%;
        background: transparent;
    }
}

.section-page-hero .svg-decal img {
    display: block;
    margin: 0;
    width: 90%;
    height: auto;
}

@media (min-width: 1024px) {
    .section-page-hero .svg-decal img {
        width: 100%;
    }
}

.section-page-hero .section-content {
    padding: 30px 0 0;
}

@media (min-width: 1024px) {
    .section-page-hero .section-content {
        padding: 0;
    }
}

.section-page-hero .rte h1 {
    font-family: 'GT Super Display';
    line-height: 1;
    letter-spacing: -0.45px;
    font-size: 38px;
    margin: 0 0 15px;
}

.section-page-hero .rte h4 {
    color: #707070;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.4px;
    margin: 0 0 5px;
}

.section-page-hero .rte p.large {
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -0.55px;
}

@media (min-width: 1024px) {
    .section-page-hero .rte h1 {
        font-size: 45px;
        margin: 0 0 19px;
    }

    .section-page-hero .rte p.large {
        font-size: 25px;
        line-height: 28px;
        letter-spacing: -0.63px;
    }

    .section-page-hero .rte h4 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.5px;
        margin: 0 0 8px;
    }

    .section-page-hero .section-content {
        position: absolute;
        max-width: 385px;
        width: 100%;
        left: 62vw;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (min-width: 1920px) {
    .section-page-hero .section-content {
        left: 60vw;
    }
}

.section-page-hero .js-page-scroll {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 6;
    font-size: 12px;
    letter-spacing: -0.12px;
    line-height: 15px;
    text-align: center;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .section-page-hero .js-page-scroll {
        display: none !important;
    }
}

.section-page-hero .js-page-scroll svg {
    width: 30px;
    height: 47px;
    transition: all cubic-bezier(.19, 1, .22, 1) .5s;
}

.section-page-hero .js-page-scroll:hover svg {
    transform: translateY(7px);
}

.section-page-hero .js-page-scroll span {
    display: block;
    margin: 0 0 6px;
}

.section-page-hero.section-colour-purple .js-page-scroll {
    color: #711DB7;
}

.section-page-hero.section-colour-orange .js-page-scroll {
    color: #FC6366;
}

.section-page-hero.section-colour-yellow .js-page-scroll {
    color: #FADB2F;
}

.section-page-hero.section-colour-cyan .js-page-scroll {
    color: #4FCCC4;
}

.section-page-hero.section-colour-blue .js-page-scroll {
    color: #5687EA;
}

.section-page-hero.section-colour-purple .js-page-scroll svg path {
    fill: #711DB7;
}

.section-page-hero.section-colour-orange .js-page-scroll svg path {
    fill: #FC6366;
}

.section-page-hero.section-colour-yellow .js-page-scroll svg path {
    fill: #FADB2F;
}

.section-page-hero.section-colour-cyan .js-page-scroll svg path {
    fill: #4FCCC4;
}

.section-page-hero.section-colour-blue .js-page-scroll svg path {
    fill: #5687EA;
}


/* Service challenge*/
.section-service-challenge {
    position: relative;
    overflow: hidden;
    padding: 50px 0 0;
}

.section-service-challenge .section-content h3 {
    letter-spacing: -0.3px;
}

.section-service-challenge .rte h3 {
    margin-bottom: 20px;
    line-height: 35px;
}

@media (min-width: 1024px) {
    .section-service-challenge {
        padding: 0;
        margin-top: -1vw;
    }

    .section-service-challenge .section-flex {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: calc(100% - 44px);
    }

    .section-service-challenge .section-content {
        max-width: 425px;
    }

    .section-service-challenge .rte h3 {
        margin-bottom: 28px;
        line-height: 35px;
    }
}

@media (min-width: 1120px) {
    .section-service-challenge {
        margin-top: -5vw;
    }
}

@media (min-width: 1300px) {
    .section-service-challenge .section-flex {
        width: 100%;
        max-width: 1300px;
    }
}

.section-service-challenge .section-title {
    position: absolute;
    right: 50%;
    bottom: 45vw;
    transform: translateX(50%);
}

@media (min-width: 1024px) {
    .section-service-challenge .section-title {
        position: absolute;
        right: 10vw;
        bottom: inherit;
        top: 50%;
        transform: translateY(-43%) translateX(0);
    }
}

@media (min-width: 1120px) {
    .section-service-challenge .section-title {
        right: 17vw;
    }
}

@media (min-width: 2400px) {
    .section-service-challenge .section-title {
        right: 24vw;
    }
}

.section-service-challenge .section-title h2 {
    font-family: 'Inter', sans-serif;
    color: white;
    font-size: 50px;
    line-height: 47px;
    letter-spacing: -1.25px;
    font-weight: 500;
}

@media (min-width: 640px) {
    .section-service-challenge .section-title h2 {
        font-size: 75px;
        line-height: 70px;
        letter-spacing: -1.5px;
    }
}

@media (min-width: 1024px) {
    .section-service-challenge .section-title h2 {
        font-size: 60px;
        line-height: 58px;
        letter-spacing: -1px;
    }
}

@media (min-width: 1200px) {
    .section-service-challenge .section-title h2 {
        font-size: 68px;
        line-height: 65px;
        letter-spacing: -1.5px;
    }
}

@media (min-width: 1300px) {
    .section-service-challenge .section-title h2 {
        font-size: 78px;
        line-height: 75px;
        letter-spacing: -1.75px;
    }
}

@media (min-width: 1600px) {
    .section-service-challenge .section-title h2 {
        font-size: 105px;
        line-height: 100px;
        letter-spacing: -2.63px;
    }
}

.section-service-challenge .section-title h2 span {
    font-family: 'GT Super Display';
    font-style: italic;
    font-weight: normal;
    display: block;
}

.section-service-challenge .svg-decal svg {
    display: block;
    width: 92%;
    height: auto;
    margin-left: auto;
    margin-right: 0;
}

@media (min-width: 1024px) {
    .section-service-challenge .svg-decal svg {
        width: 42%;
    }
}

@media (min-width: 1120px) {
    .section-service-challenge .svg-decal svg {
        width: 44%;
    }
}

@media (min-width: 1300px) {
    .section-service-challenge .svg-decal svg {
        width: 47%;
    }
}

@media (min-width: 1600px) {
    .section-service-challenge .svg-decal svg {
        width: 47%;
    }
}

.section-service-challenge.section-colour-purple svg path {
    fill: #711DB7;
}

.section-service-challenge.section-colour-orange svg path {
    fill: #FC6366;
}

.section-service-challenge.section-colour-yellow svg path {
    fill: #FADB2F;
}

.section-service-challenge.section-colour-cyan svg path {
    fill: #4FCCC4;
}

.section-service-challenge.section-colour-blue svg path {
    fill: #5687EA;
}


/* Section solution */
.section-page-solution {
    position: relative;
    padding: 40px 0 78px;
    background: #F8F8F8;
    overflow: hidden;
}

@media (max-width: 1023px) {
    .section-page-solution.section-colour-purple {
        background: #711DB7;
    }

    .section-page-solution.section-colour-orange {
        background: #FC6366;
    }

    .section-page-solution.section-colour-yellow {
        background: #FADB2F;
    }

    .section-page-solution.section-colour-cyan {
        background: #4FCCC4;
    }

    .section-page-solution.section-colour-blue {
        background: #5687EA;
    }
}

@media (min-width: 1024px) {
    .section-page-solution {
        padding: 100px 0 250px;
        background: #F8F8F8;
    }
}

.section-page-solution .container {
    position: relative;
    z-index: 5;
}

.section-page-solution h1,
.section-page-solution h2,
.section-page-solution h3,
.section-page-solution h4,
.section-page-solution h5,
.section-page-solution p,
.section-page-solution p a,
.section-page-solution .rte h1,
.section-page-solution .rte h2,
.section-page-solution .rte h3,
.section-page-solution .rte h4,
.section-page-solution .rte h5,
.section-page-solution .rte p,
.section-page-solution .rte p a {
    color: white;
}

.section-page-solution .rte h2 {
    margin: 0 0 28px;
}

.section-page-solution .rte h3 {
    margin: 0 0 28px;
}

.section-page-solution .section-content p {
    letter-spacing: -0.4px;
}

@media (min-width: 1024px) {
    .section-page-solution .section-content h2,
    .section-page-solution .section-content h3 {
        max-width: 355px;
    }

    .section-page-solution .rte h3 {
        margin: 0 0 35px;
    }

    .section-page-solution .section-content p {
        max-width: 355px;
    }
}

.section-page-solution .section-content a {
    background: transparent;
    border: none;
    font-size: 16px;
    min-width: auto;
    padding: 0;
    font-size: 16px;
    color: #4B4B4B;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0;
}

.section-page-solution .section-content a:after {
    content: '';
    display: block;
    width: 31px;
    height: 24px;
    margin-left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.608' height='24.083' viewBox='0 0 30.608 24.083'%3E%3Cg data-name='orange arrow' fill='%23ff4d00'%3E%3Cpath data-name='Rectangle 6' d='M0 11.19h27.59v1.798H0z'/%3E%3Cpath data-name='Rectangle 7' d='M20.322 1.271 21.593 0l9.014 9.014-1.27 1.271z'/%3E%3Cpath data-name='Rectangle 8' d='m20.321 22.811 9.016-9.016 1.271 1.272-9.016 9.015z'/%3E%3C/g%3E%3C/svg%3E");
    transition: all cubic-bezier(.19, 1, .22, 1) 1s;
}

.section-page-solution .section-content a:hover {
    color: #FF4D00;
}

.section-page-solution .section-content a:hover:after {
    transform: translateX(7px);
}

.section-page-solution .section-images {
    position: relative;
}

.section-page-solution .section-images-desktop {
    display: none;
}

.section-page-solution .section-images-mobile {
    display: block;
}

@media (min-width: 1024px) {
    .section-page-solution .section-images-desktop {
        display: block;
    }

    .section-page-solution .section-images-mobile {
        display: none;
    }

    .section-page-solution .section-image {
        position: absolute;
    }

    .section-page-solution .section-image-1 {
        top: -30px;
        left: 0;
    }

    .section-page-solution .section-image-2 {
        top: 280px;
        right: -60px;
    }
}

@media (max-width: 1023px) {
    .section-page-solution .section-image {
        width: 75%;
        height: auto;
        display: block;
    }

    .section-page-solution .section-image-1 {

    }

    .section-page-solution .section-image-2 {
        transform: translateY(-30px);
        margin-left: auto;
    }
}

.section-page-solution .svg-decal {
    display: none;
}

@media (min-width: 1024px) {
    .section-page-solution .svg-decal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        display: block;
    }

    .section-page-solution .svg-decal svg {
        display: block;
        margin: 0;
        width: 100%;
        height: auto;
    }
}

.section-page-solution.section-colour-purple svg path {
    fill: #711DB7;
}

.section-page-solution.section-colour-orange svg path {
    fill: #FC6366;
}

.section-page-solution.section-colour-yellow svg path {
    fill: #FADB2F;
}

.section-page-solution.section-colour-cyan svg path {
    fill: #4FCCC4;
}

.section-page-solution.section-colour-blue svg path {
    fill: #5687EA;
}


/* Product slider */
.section-product-slider {
    overflow: hidden;
    margin: 32px 0 36px;
}

@media (min-width: 768px) {
    .section-product-slider {
        margin: 40px 0 45px;
    }
}

@media (min-width: 1024px) {
    .section-product-slider {
        margin: 60px 0 88px;
    }
}

.section-product-slider .section-main h2 {
    margin: 0 0 22px;
}

.section-product-slider .section-main p {
    font-weight: 300;
    font-size: 16px;
    line-height :22px;
    letter-spacing: -0.4px;
}

@media (min-width: 1024px) {
    .product-offset {
        width: 83.3333333333%;
        margin-left: auto;
    }

    .section-product-slider .section-main h2 {
        font-size: 35px;
    }
}

.product-swiper {
    overflow: inherit;
    margin-top: 45px;
}

.product-slider-image {
    position: relative;
    overflow: hidden;
    margin: 0 0 28px;
    height: 54px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.product-slider-image img {
    display: block;
    max-height: 50px;
    margin: 0;
}

.product-swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    height: auto;
    box-sizing: border-box;
    padding: 35px 40px;
    background: #F8F8F8;
    border-radius: 5px;
    border-bottom: 13px solid #F8F8F8;
    transition: background .5s ease, border .5s ease;
}

.product-swiper .swiper-slide.slide-colour-purple.swiper-slide-active {
    background: #f1eaf7;
    border-bottom: 13px solid #711DB7;
}

.product-swiper .swiper-slide.slide-colour-green.swiper-slide-active {
    background: #e7eef0;
    border-bottom: 13px solid #005C6B;
}

.product-swiper .swiper-slide.slide-colour-cyan.swiper-slide-active {
    background: #edfaf9;
    border-bottom: 13px solid #4FCCC4;
}

.product-swiper .swiper-slide.slide-colour-blue.swiper-slide-active {
    background: #eef3fc;
    border-bottom: 13px solid #5687EA;
}

.product-swiper .swiper-slide.slide-colour-orange.swiper-slide-active {
    background: #ffece8;
    border-bottom: 13px solid #FF3B00;
}

.product-swiper .swiper-slide.slide-colour-pink.swiper-slide-active {
    background: #ffeff0;
    border-bottom: 13px solid #FC6366;
}

.product-slider-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 27px;
    border-top: 1px solid #C7C7C7;
}

.product-slider-content p {
    margin: 0 0 14px;
    font-weight: 300;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.4px;
}

.product-slider-content p a {
    color: #4B4B4B;
    text-decoration: underline;
}

.product-slider-content p a:hover {
    text-decoration: none;
}

.product-slider-content h3 {
    margin: 0 0 18px;
}

.product-slider-content h4 {
    font-family: 'GT Super Display';
    font-size: 21px;
    line-height: 23px;
    letter-spacing: -0.53px;
    margin: 0 0 20px;
}

.product-swiper .swiper-horizontal > .swiper-pagination-bullets,
.product-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.product-swiper .swiper-pagination-custom, .swiper-pagination-fraction {
    position: relative;
    left: inherit;
    bottom: inherit;
    text-align: left;
    margin: 56px 0 0;
}

.product-swiper .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    opacity: 1;
    background: #E5E5E5;
}

.product-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FF4D00;
}

.product-swiper-button-next {
    top: inherit;
    margin: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    transition: all cubic-bezier(.19, 1, .22, 1) 1s;
}

@media (max-width: 1023px) {
    .product-swiper-button-next {
        display: none !important;
    }
}

.product-swiper-button-next:hover {
    transform: translateX(7px);
}

.product-swiper-button-next:after {
    content: '';
    font-family: inherit;
    width: 30px;
    height: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.609 24.083'%3E%3Cg data-name='orange arrow' fill='%23f97339'%3E%3Cpath data-name='Rectangle 6' d='M0 11.19h27.59v1.798H0z'/%3E%3Cpath data-name='Rectangle 7' d='M20.321 1.272 21.592.001l9.014 9.014-1.27 1.271z'/%3E%3Cpath data-name='Rectangle 8' d='m20.321 22.812 9.016-9.016 1.271 1.272-9.016 9.015z'/%3E%3C/g%3E%3C/svg%3E");
}


/* Case study */
.section-casestudy {
    margin: 47px 9px 60px;
}

.section-casestudy-wrap {
    position: relative;
    background: #F8F8F8;
    border-radius: 14px;
    padding: 73px 0;
}

.section-casestudy .container {
    position: relative;
}

.section-casestudy .col-half h2,
.section-casestudy .col-half blockquote,
.section-casestudy .col-half p {
    position: relative;
    z-index: 5;
}

.section-casestudy .svg-decal {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 100%;
    transform: translateY(-50%);
}

.section-casestudy .svg-decal.svg-colour-blue path:last-child {
    fill: #a1bdf1;
}

.section-casestudy .svg-decal.svg-colour-cyan path:last-child {
    fill: #4FCCC4;
}

.section-casestudy .svg-decal-desktop {
    display: none;
}

.section-casestudy .svg-decal-mobile {
    display: block;
}

@media (min-width: 1024px) {
    .section-casestudy-wrap {
        border-radius: 32px;
    }

    .section-casestudy .svg-decal {
        top: -8vw;
        left: 50%;
        width: 74%;
        transform: translateX(-50%) translateY(0);
    }

    .section-casestudy .svg-decal-desktop {
        display: block;
    }

    .section-casestudy .svg-decal-mobile {
        display: none;
    }
}

.section-casestudy .svg-decal svg {
    display: block;
    width: 100%;
}

.section-casestudy .rte h2 {
    margin: 0 0 42px;
    max-width: 430px;
}

.section-casestudy .rte h3 {
    margin: 0 0 18px;
}

.section-casestudy .col-half img {
    width: 100%;
    height: auto;
}

.casestudy-img-desktop {
    display: none;
}

.casestudy-img-mobile {
    display: block;
    margin: 0 0 42px;
}

.section-casestudy .col-half:last-child {
    margin-top: 65px;
}

@media (min-width: 1024px) {
    .section-casestudy {
        margin: 120px 22px 80px;
    }

    .section-casestudy .col-half:first-child p {
        max-width: 360px;
    }

    .section-casestudy .col-half:last-child {
        padding-left: 30px;
        margin: 0;
    }

    .section-casestudy .col-half:last-child blockquote,
    .section-casestudy .col-half:last-child > p {
        padding-left: 30px;
        padding-right: 30px;
    }

    .casestudy-img-desktop {
        display: block;
        margin: 0 0 50px;
    }

    .casestudy-img-mobile {
        display: none;
    }
}


/* Section solution ALT */
.section-page-solution-alt {
    position: relative;
    padding: 44px 0 60px;
    background: #F8F8F8;
    overflow: hidden;
}

@media (min-width: 1024px) {
    .section-page-solution-alt {
        padding: 90px 0 170px;
    }
}

.section-page-solution-alt .container {
    position: relative;
    z-index: 5;
}

.section-page-solution-alt .rte h2 {
    margin: 0 0 28px;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: -0.35px;
    color: #707070;
}

.section-page-solution-alt .rte p {
    color: #707070;
}

.section-page-solution-alt .rte h3 {
    margin: 0 0 28px;
}

.section-page-solution-alt .section-content p {
    letter-spacing: -0.4px;
}

.section-page-solution-alt img {
    display: block;
    width: 100%;
    margin: 0;
}

.section-page-solution-alt .section-lower-content h2 {
    max-width: 225px;
}

.section-page-solution-alt .row-upper img {
    margin: 80px 0;
}

.section-page-solution-alt .row-lower .img-mobile {
    margin: 74px 0 0;
}

.section-page-solution-alt .img-desktop {
    display: none;
}

.section-page-solution-alt .img-mobile {
    display: block;
}

.section-page-solution-alt .img-desktop svg,
.section-page-solution-alt .img-mobile svg {
    width: 100%;
    height: auto;
}

@media (min-width: 1024px) {
    .section-page-solution-alt .section-content h2,
    .section-page-solution-alt .section-content h3 {
        max-width: 355px;
    }

    .section-page-solution-alt .rte h3 {
        margin: 0 0 35px;
    }

    .section-page-solution-alt .section-content p {
        max-width: 355px;
    }

    .section-page-solution-alt .row-lower {
        margin-top: 100px;
    }

    .section-page-solution-alt .row-upper img {
        max-width: 360px;
        margin: 0;
        margin-left: auto;
    }

    .section-page-solution-alt .img-desktop {
        display: block;
    }

    .section-page-solution-alt .img-mobile {
        display: none;
    }
}


/* About intro */
.section-about-intro {
    position: relative;
    padding: 50px 0 0;
}

.section-about-intro .section-content h3 {
    letter-spacing: -0.3px;
}

.section-about-intro .rte h3 {
    margin-bottom: 20px;
    line-height: 35px;
}

.section-about-intro img {
    display: block;
    margin-left: auto;
    margin-right: 0;
    width: 100%;
}

@media (min-width: 1024px) {
    .section-about-intro {
        padding: 0;
    }

    .section-about-intro .section-flex {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: calc(100% - 44px);
    }

    .section-about-intro .section-content {
        max-width: 425px;
    }

    .section-about-intro .rte h3 {
        margin-bottom: 28px;
        line-height: 35px;
    }

    .section-about-intro img {
        width: 50%;
    }
}

@media (min-width: 1300px) {
    .section-about-intro .section-flex {
        width: 100%;
        max-width: 1300px;
    }
}


/* Team */
.section-team {
    padding: 46px 0 42px;
}

.team-grid {
    margin: 28px 0 0;
}

.team-grid-item {
    margin: 0 30px 30px;
}

.team-grid-item img {
    border-radius: 5px;
    margin: 0 0 22px;
    width: 100%;
}

.team-grid-item h4 {
    font-family: 'GT Super Display';
    font-size: 21px;
    line-height: 23px;
    letter-spacing: -0.53px;
    margin: 0 0 4px;
}

.team-grid-item p {
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 8px;
}

@media (min-width: 640px) {
    .team-grid {
        display: flex;
        flex-wrap: wrap;
        margin-top: 41px;
        margin-left: -16px;
        margin-right: -16px;
    }

    .team-grid-item {
        width: calc(50% - 32px);
        margin: 0 16px 30px;
    }
}

@media (min-width: 768px) {
    .team-grid-item {
        width: calc(33.3333% - 32px);
    }
}

@media (min-width: 1024px) {
    .section-team {
        padding: 86px 0 85px;
    }
}


/* Clients */
.section-clients {
    margin: 0 9px;
}

.section-clients-wrap {
    position: relative;
    background: #F8F8F8;
    border-radius: 14px;
    padding: 40px 0 70px;
}

.client-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 28px;
    margin-left: -16px;
    margin-right: -16px;
}

.client-grid-item {
    margin: 0 30px 30px;
}

.client-grid-item img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    max-height: 90px;
    max-width: 110px;
}

.client-grid-item {
    width: calc(50% - 32px);
    margin: 0 16px 30px;
}

.section-clients h2 {
    max-width: 250px;
}

@media (min-width: 768px) {
    .client-grid-item {
        width: calc(33.3333% - 32px);
    }
}

@media (min-width: 1024px) {
    .section-clients {
        margin: 0 22px;
    }

    .section-clients-wrap {
        border-radius: 32px;
        padding: 90px 0 132px;
    }

    .client-grid-item {
        width: calc(16.6666666667% - 32px);
    }
}


/* Locations */
.section-locations {
    padding: 45px 0;
    background: #F4F4F4;
}

@media (min-width: 1024px) {
    .section-locations {
        padding: 50px 0 150px;
    }
}

.section-locations h2 {
    margin: 0 0 60px;
}

.location-map {
    margin: 0 0 27px;
}

.location-map p {
    position: relative;
    padding-bottom: 100%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.location-map p iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.location-grid {
    margin: 0 22px;
}

.location-grid-item {
    margin: 0 0 60px;
}

.location-grid-item h3 {
    margin: 0 0 16px;
}

.location-details .address {
    margin: 0 0 16px;
}

.location-details a {
    display: flex;
    align-items: center;
    color: #4B4B4B;
    text-decoration: underline;
}

.location-details a svg {
    margin-left: 6px;
}

.location-details a:hover {
    color: #FF4D00;
}

@media (min-width: 1024px) {
    .location-grid {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        margin-left: -24px;
        margin-right: -24px;
    }

    .location-grid-item {
        display: flex;
        flex-direction: column;
        margin: 0 24px;
        width: calc(33.33333% - 48px);
    }

    .location-details {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .location-details .address {
        flex: 1;
    }
}


/*==================================================*/
/* Section BG Colours */
/*==================================================*/
.section-bg-grey {
    background: #F8F8F8;
}

.section-bg-white {
    background: #FFFFFF;
}

.section-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.section-bg-desktop {
    display: none;
}

.section-bg-mobile {
    display: block;
}

@media (min-width: 1024px) {
    .section-bg-desktop {
        display: block;
    }

    .section-bg-mobile {
        display: none;
    }
}



/*==================================================*/
/* Animations */
/*==================================================*/
@keyframes fadeDown {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeUpLarge {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}