@charset "utf-8";
/* CSS Document */

/* phone up to portrait */
@media only screen
and (max-width: 575px) {

    .latest-vacancies-table .shape,
    .latest-vacancies-table .vacancy-table table thead {
        display: none;
    }

    .latest-vacancies-table .vacancy-table table {
        display: block;
        float: left;
        width: 100%;
        position: relative;
    }

    .latest-vacancies-table .vacancy-table table tbody {
        float: left;
        width: 100%;
        position: relative;
        display: block;
    }

    .latest-vacancies-table .vacancy-table table tbody tr {
        float: left;
        width: 100%;
        position: relative;
        display: block;
        margin: 0 0 15px 0;
        border-top: solid 1px #E4E8EF;
    }

    .latest-vacancies-table .vacancy-table table tbody tr:last-of-type {
        margin: 0;
    }

    .latest-vacancies-table .vacancy-table table tbody tr td {
        float: left;
        width: 100%;
        position: relative;
        display: block;
        height: auto;
        padding: 15px !important;
        border: solid 1px #E4E8EF !important;
        border-top: none !important;
    }

    .latest-vacancies-table .vacancy-table table tbody tr td[data-table-title]:before {
        content: attr(data-table-title) ": ";
        float: left;
        visibility: visible;
        opacity: 1;
        color: #E35924;
        font-style: italic;
        font-family: "Source Sans 3", sans-serif;
        font-weight: 400;
        font-size: 17px;
        width: 100%;
    }

    body .container-fluid.latest-vacancies-table .content {
        margin-bottom: 30px;
    }

    body .container-fluid.latest-vacancies-table {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    header nav .menu-main-menu-container, header nav .menu-new-main-menu-container, .planning .card.with-content:before, .success h4:before {
        display: none !important;
    }

    html {
        overflow-x: hidden;
    }

    a#burgerMenu {
        display: block;
        margin-right: -9px;
        margin-left: 15px;
    }

    .cookieconsent-popup {
        max-width: 100%;
        bottom: 0;
        padding: 25px;
        border-radius: 20px 20px 0 0 !important;
    }

    .cookieconsent-popup .cookie-left {
        width: 76%;
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
        margin-bottom: 6px;
    }

    .cookieconsent-popup a.cookieconsent-cookie-policy-link {
        display: none;
    }

    .cookieconsent-dialog-content {
        width: 100vw;
        height: auto;
        top: 0px;
        left: 0%;
        -webkit-transform: translateX(-0%);
        -ms-transform: translateX(-0%);
        transform: translateX(-0%);
    }

    .cookieconsent-dialog {
        top: 0%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        height: 100%;
        width: 100vw;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .cookieconsent-dialog-content .cookieconsent-level-changer-wrap p.ui-state-highlight {
        font-size: 16px;
        line-height: 1.5;
    }

    .cookieconsent-dialog-content .cookieconsent-level-changer-wrap .cookieconsent-level-changer a.ui-corner-all {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .cookieconsent-dialog-content .cookieconsent-level-changer-wrap .cookieconsent-level-changer {
        margin: 0;
    }

    .cookieconsent-dialog-content .cookieconsent-level-changer-wrap .cookieconsent-permission-panels .ui-corner-all {
        width: 100%;
    }

    .cookieconsent-edit-settings .cookieconsent-cookie-policy-link {
        font-size: 14px;
        float: left;
        line-height: 23px;
        display: block;
        width: auto;
        margin-bottom: 35px;
    }

    .cookieconsent-popup .cookie-left .hidden-mobile {
        display: none;
    }

    .scroll-block .video-container {
        margin: 40px 0 180px;
        width: 80vw;
        height: 80vw;
    }

    .scroll-block .video-outer {
        position: relative !important;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }

    .trusted-by .d-flex {
        overflow-x: scroll;
    }

    .trusted-by img {
        max-height: 55px;
        margin-right: 30px;
    }

    .zero-block h1, .zero-block h2 {
        min-width: unset;
    }

    .header nav .btn {
        display: none;
    }

    .hero-home-page video {
        height: 100% !important;
        width: auto !important;
    }

    .hero-home-page .title {
        font-size: 50px;
        line-height: 60px;
    }

    .hero-home-page {
        height: auto;
        padding: 130px 15px 160px;
    }

    .zero-block .shape {
        opacity: 0.4;
    }

    .zero-block .image-container {
        padding: 0;
        height: auto;
        margin-top: 40px;
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 35px;
        line-height: 45px;
    }

    body {
        font-size: 16px;
    }

    p {
        line-height: 26px;
    }

    .featured-testimonial .meta {
        line-height: 28px;
    }

    .journey .content-container {
        padding: 35px 30px 40px;
        position: relative;
        z-index: 3;
    }

    .journey h3 {
        font-size: 35px;
        line-height: 45px;
    }

    .journey .panel img {
        width: 100%;
        height: auto;
        max-width: 100%;
        min-height: auto;
        min-width: auto;
        opacity: 0.2;
    }

    .journey .pulse-ring {
        display: none;
    }

    .scroll-block .scroll-container {
        padding: 0;
        scroll-snap-type: none;
    }

    .scroll-block .scroll-item:before {
        left: -25px;
    }

    footer img {
        max-height: 75px;
        margin-right: 32px;
    }

    footer .col-12:first-of-type {
        order: 1;
        margin-top: 50px;
        align-items: flex-end;
    }

    footer .col-12:first-of-type .logos {
        margin-bottom: 30px;
    }

    .footer-top .footer-section.menu {
        padding: 0;
    }

    .footer-top .footer-section.services {
        margin-bottom: 0;
    }

    .home .footer-top {
        padding-top: 200px;
    }

    .footer-top {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    p#breadcrumbs {
        margin-bottom: 50px;
    }

    .why-hero svg {
        opacity: 0.2;
    }

    .why-hero .svg-bottom {
        right: -48%;
        left: auto !important;
    }

    .why-hero .svg-top {
        left: auto;
        right: 5%;
    }

    .orange-block .panel {
        padding: 45px 40px;
    }

    .panel.orange h2 {
        margin-bottom: 30px;
    }

    .content-and-accordions .accordions {
        padding: 0;
    }

    ul.checklist li {
        width: 100%;
    }

    .further-features ul.checklist {
        margin-bottom: 40px;
    }

    .panel.green .btn {
        min-width: 100%;
    }

    .panel.green {
        flex-wrap: wrap;
        padding: 20px;
    }

    .panel.green .small-title {
        margin: 0 0 15px;
    }

    .card-slider {
        padding: 0 35px;
    }

    .slick-slider button.previous {
        left: 0;
    }

    .slick-slider button.next {
        right: 0;
    }

    .solutions-hero:before {
        right: -50%;
        width: 100%;
        border-radius: 1500px 0 1500px 1500px;
        height: 400px;
        top: 65px;
    }

    .solutions-hero img {
        top: 65px;
        width: 100%;
        right: -51%;
        max-height: 398px;
        border-radius: 1500px 0 0 1500px;
        opacity: 0.3;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    .solutions-hero.active img {
        width: 100%;
        top: 0;
        border-radius: 1500px 0 0 1500px;
        right: -26%;
        max-height: 530px;
        -webkit-transition: all 5s ease-in-out;
        -moz-transition: all 5s ease-in-out;
        -ms-transition: all 5s ease-in-out;
        -o-transition: all 5s ease-in-out;
        transition: all 5s ease-in-out;
    }

    .image-text-alternator .alternator-row:nth-child(2) img {
        border-radius: 6px 6px 0 0;
        min-height: 245px;
    }

    .image-text-alternator .content-padding {
        padding: 38px 30px;
    }

    .image-text-alternator .alternator-row:nth-child(odd) {
        flex-flow: column;
    }

    .filters-row .search-container {
        margin-bottom: 30px;
    }

    .single-hero .justify-content-end {
        justify-content: start !important;
    }

    .single-hero .btn {
        margin-top: 38px;
    }

    .demo-hero p, .demo-hero p#breadcrumbs a, .demo-hero p#breadcrumbs b, .demo-hero p#breadcrumbs strong {
        color: white;
    }

    .form-block .panel {
        padding: 25px 29px 20px;
    }

    .anime-view .to-animate, .anime-scroll .to-animate {
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        opacity: 1 !important;
        visibility: visible;
    }

    .trusted-by .subtitle:after {
        content: "\f178";
        visibility: visible;
        font-family: 'Font Awesome 5 Pro';
        animation: scroll 3s infinite;
        float: right;
    }

    @keyframes scroll {
        0% {
            transform: translateX(0%);
        }

        50% {
            transform: translateX(80%);
        }
        100% {
            transform: translateX(0%);
        }
    }

    .trusted-by .subtitle {
        width: 100%;
    }

    .measurement svg {
        display: none;
    }

    .quick-menu-block {
        display: none;
    }

    .process-hero {
        margin-bottom: 80px;
    }

    .process-hero .content {
        margin-bottom: 60px;
    }

    .hero .video-container {
        height: 190px;
    }

    .measure-cards {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .measurement .col-12 {
        flex-wrap: wrap;
    }

    .measurement .inputs .title, .measurement .data-capture .title {
        position: relative;
        left: auto;
        width: 100%;
        bottom: auto;
        top: auto;
    }

    .measurement .inputs .title {
        margin: 33px 0 0;
    }

    .measurement .inputs {
        margin-bottom: 75px;
    }

    .measurement .data-capture .title {
        margin: 0 0 37px;
    }

    .measurement .logo-circle:before {
        height: 105%;
    }

    .measurement .logo-circle {
        margin-bottom: 90px;
    }

    .planning .content {
        margin-bottom: 40px;
    }

    .page-template-process svg {
        display: none;
    }

    .action .row {
        padding: 50px 0 0;
        min-height: auto;
    }

    .action {
        background: #0b1d26;
        padding-bottom: 60px;
    }

    .action .accordions {
        margin: 0;
    }

    .measure-cards:after {
        content: "";
        visibility: visible;
        height: 10px;
        width: 2px;
        background: #e35923;
        position: absolute;
        bottom: -12px;
        left: 50%;
    }

    .measure-cards {
        position: relative;
    }

    .data-capture .measure-cards:after {
        bottom: auto;
        top: -12px;
    }

    .planning:before, .success:before, .evolve:before, .measurement .logo-circle:before {
        display: none;
    }

    .action h4 {
    }

    .success {
        margin-bottom: 80px;
    }

    .evolve {
        margin-bottom: 265px;
    }


    .measurement .logo-circle:before {
        display: block;
        height: 105% !important;
    }

    .planning .card.with-content:after {
        content: "";
        visibility: visible;
        width: 2px;
        height: 40px;
        position: absolute;
        left: 50%;
        bottom: -42px;
        background: #E35924;
    }

    .planning .image-container {
        margin-top: 40px;
    }

    .evolve:before {
        display: block;
        height: 90px !important;
    }

    .page-template-process .journey .panel:before {
        height: calc(100% + 4px) !important;
    }

    .scroll-block, .scroll-block .scroll-outer {
        padding: 0;
    }

    .scroll-container-new {
        padding: 0 15px;
    }

    .scroll-item-outer.float-left.w-100.d-flex.align-items-center {
        height: auto;
    }

    .scroll-block {
        padding: 0px 15px 0;
    }

    .featured-single {
        max-height: none;
    }

    .featured-single img {
        height: auto;
    }

    .scroll-block .scroll-container, .scroll-item-outer {
        height: auto;
        max-height: initial;
        margin: 60px 0;
        position: relative;
        z-index: 1;
    }

    .page-template-demo-new .form-block .panel {
        border-radius: 6px 6px 0 0;
    }

    .contact-details-container {
        padding: 0;
        border-radius: 0 0 6px 6px;
    }

    .profile-block {
        padding: 0 0 60px;
    }

    .profile-block img {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 20px;
    }

    .reporting .image-container button.previous {
        left: -32px;
    }

    .reporting .image-container button.next {
        right: -32px;
    }

    .frm_forms form .form-field.frm_four_col .frm_checkbox {
        width: 100%;
    }

    .error-404-block h1 {
        font-size: 180px;
    }

    .with_frm_style .vertical_radio .frm_checkbox {
        margin: 0;
    }

    .with_frm_style .vertical_radio .frm_checkbox label {
        position: relative;
        padding-left: 30px !important;
    }

    .page-template-demo-new .frm_forms form .form-field .frm_opt_container .frm_checkbox label input {
        margin: 0;
        position: absolute;
        left: 0;
        top: 4px;
    }

    .featured-quote .content, .full-width-flexi-blocks .featured-quote .content {
        font-size: 22px;
        line-height: 30px;
    }

    .featured-quote .name {
        margin-top: 30px;
    }

    .image-text-alternator h2 {
        font-size: 25px;
        line-height: 35px;
        margin-top: 0;
    }

    .solutions-hero {
        height: auto;
    }

    .solutions-hero:after {
        bottom: 40px;
    }

    .gated-video iframe {
        height: 175px;
    }

    /*Flexible blocks work*/
    .coloured-cards .cards-container, .team-member, .footer-main {
        flex-direction: column;
    }

    .coloured-cards .single-card, .coloured-cards .single-card .card-coloured {
        width: 100%;
    }

    .footer-top .logos {
        flex-wrap: wrap;
    }

    .footer-top .logos img {
        margin: 0;
    }

    .slider-block .slider-content {
        padding-left: 93px;
    }

    .slider-block h4 {
        font-size: 30px;
        line-height: 35px;
    }

    .slick-slide .image-overflow-yes, .slick-slide .image-overflow-no {
        margin: 40px 0 0;
    }

    .slider-block .container-fluid {
        padding-top: 53px;
        padding-bottom: 30px;
    }

    .slick-slide .image-overflow-yes img {
        height: 290px;
    }

    .slick-slide .image-overflow-yes, .slick-slide .image-overflow-no {
        padding-left: 90px;
    }

    .about-hero .image-container {
        left: 0;
        bottom: 20%;
    }

    .about-hero .image-container img {
        opacity: 0.1;
    }

    .about-hero .image-container {
        left: 0;
        bottom: 20%;
    }

    .about-hero .image-container img {
        opacity: 0.1;
    }

    .image-and-text .content-container {
        padding: 30px;
    }

    .orange-block-accordions .acc-title {
        gap: 0;
        min-height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        flex-wrap: nowrap;
        align-items: flex-start;
        font-size: 30px;
    }

    .orange-block-accordions .acc-section {
        padding-left: 0;
        padding-right: 0;
        margin-top: -15px;
    }

    .stats-block .single-stat {
        margin: 0 0 30px;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 15px;
        padding-top: 30px;
    }

    ul#menu-footer-bottom {
        flex-wrap: wrap;
        justify-content: center;
    }

    ul#menu-footer-bottom li {
        width: auto;
    }

    .scroll-images {
        opacity: 0.2;
    }

    .full-width-flexi-blocks .nine-ways-cards-block .btn {
        padding: 15px 18px;
    }

    /*Scroll block fixed button alignment*/
    .slider-block .slide-content {
        min-height: unset;
    }

    .slider-block .buttons-container {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }

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

    .full-width-flexi-blocks .featured-quote .content {
        font-size: 20px;
        line-height: 1.5;
    }


    .tables-module h2 {
        font-size: 32px;
    }

    .tables-module .content {
        margin-bottom: 25px;
    }

    .tables-module table.styled-table,
    .tables-module table.styled-table td {
        font-size: 14px;
    }

    .tables-module table.styled-table th,
    .tables-module table.styled-table td {
        height: 50px;
    }

    .tables-module table.styled-table td:first-of-type, .tables-module table.styled-table th:first-of-type {
        text-align: left;
        min-width: 260px;
        max-width: 260px;
    }

    .tables-module .styled-table-outer .styled-table-inner {
        margin-bottom: 20px;
    }

    .has-background.tables-module {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .tables-module table.styled-table {
        min-width: 800px;
        margin-bottom: 10px;
    }

    .tables-module .styled-table-outer .styled-table-inner {
        overflow-x: scroll;
    }

    .tables-module table.styled-table td svg {
        height: 20px;
    }

    /* width */
    .tables-module .styled-table-outer .styled-table-inner::-webkit-scrollbar {
        height: 8px;
    }

    /* Track */
    .tables-module .styled-table-outer .styled-table-inner::-webkit-scrollbar-track {
        background: #081D26;
        border-radius: 4px;
    }

    /* Handle */
    .tables-module .styled-table-outer .styled-table-inner::-webkit-scrollbar-thumb {
        background: #ffffff;
        border: 2px solid #081D26;
        border-radius: 4px;
    }

    /* Handle on hover */
    .tables-module .styled-table-outer .styled-table-inner::-webkit-scrollbar-thumb:hover {
        background: #4AAD9B;
    }

    .page-template-supporting-hsbc .demo-hero img {
        max-height: 150px;
        object-position: left;
    }

    .demo-block h4 {
        font-size: 32px;
        line-height: 1.3;
        margin: -7px 0 -2px;
        text-align: left !important;
    }

    .demo-block .content-row {
        order: 1;
    }

    .demo-block .cards-row {
        flex-direction: column;
    }

    .demo-block .demo-card img {
        display: block;
    }

    .demo-block .demo-card {
        align-items: start;
        gap: 10px;
    }

    .demo-block .demo-card .content {
        text-align: left;
        font-size: 15px;
        font-weight: 400;
    }

    .demo-block .content * {
        text-align: left;
    }

    .demo-block .content-row {
        margin-top: 0;
    }

    .demo-block .container {
        gap: 20px;
    }

    .demo-block .content-row .col-12 {
        align-items: start !important;
    }

    .demo-block {
        padding: 0;
    }

    .demo-block svg {
        display: none;
    }

    .demo-block .content-row a.btn {
        width: 100%;
    }

    .team-member img {
        min-width: 100%;
    }

    .flexi-locations .team-member img {
        max-width: 180px;
        min-width: auto;
    }

    .clickable-block__diagram-top-cards {
        display: flex;
        flex-direction: column;
    }

    .clickable-block__cards-row {
        flex-direction: column;
    }

    .clickable-block__diagram-top-cards .clickable-block__card--solid {
        width: 100%;
    }

    .clickable-block__features {
        flex-wrap: wrap;
        justify-content: center;
    }

    .clickable-block__features li {
        display: contents;
    }

    .clickable-block__card--dashed.equaliser, .clickable-block__connector--dashed.equaliser {
        display: none;
    }

    .clickable-block__connector--horizontal {
        height: 55px;
        width: auto;
        border-right: 2px dashed #E35924;
    }

    .clickable-block__connector--branch[data-cols="3"]:before {
        opacity: 0;
    }

    .clickable-block h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .clickable-block__addon-cards {
        flex-direction: column;
    }

    .clickable-block__addon--orange {
        max-width: 100%;
    }

    .clickable-block__cards-row .clickable-block__card--solid {
        position: relative;
    }

    .clickable-block__cards-row .clickable-block__card--solid:before {
        height: 20px;
        width: 2px;
        background: #E35924;
        visibility: visible;
        content: "";
        position: relative;
        top: -42px;
    }

    .clickable-block__cards-row .clickable-block__card--solid:first-of-type:before {
        opacity: 0;
    }

}

/* phone up to landscape */
@media only screen
and (min-width: 576px)
and (max-width: 767px) {

    .container {
        max-width: 640px;
    }

    .cookieconsent-popup {
        max-width: 540px;
        bottom: 10px;
    }

    .cookieconsent-popup .cookie-left {
        width: 84%;
    }

    .cookieconsent-dialog-content {
        width: 100vw;
        height: auto;
        top: 0px;
        left: 0%;
        -webkit-transform: translateX(-0%);
        -ms-transform: translateX(-0%);
        transform: translateX(-0%);
    }

    .cookieconsent-dialog {
        top: 0%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        height: 100vh;
        width: 100vw;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .cookieconsent-edit-settings .cookieconsent-cookie-policy-link {
        float: left;
        width: auto;
    }

    .scroll-item-outer.float-left.w-100.d-flex.align-items-center {
        padding: 40px 0;
        align-items: center !important;
    }

    .scroll-block .video-container {
        height: 300px;
        width: 300px;
        position: unset;
        opacity: 0.4;
    }

    .scroll-block .content-col {
        z-index: 1;
    }

    .scroll-block .scroll-item {
        max-width: 100%;
    }

    .latest-news article:last-of-type {
        display: none;
    }

    .hero-home-page {
        height: auto;
        padding: 160px 0 150px;
    }

    .hero-home-page video {
        height: 100% !important;
        width: auto !important;
    }

    .zero-block .image-container {
        padding: 0;
        max-height: 250px;
        margin-top: 32px;
    }

    .trusted-by img {
        max-height: 50px;
        max-width: 100px;
    }

    .scroll-block .video-container {
        float: right;
    }

    .journey .content-container {
        padding: 41px 40px;
        position: relative;
        z-index: 3;
    }

    .journey .pulse-ring {
        display: none;
    }

    .journey h3 {
        font-size: 40px;
        line-height: 50px;
        max-width: 72%;
    }

    .journey .content {
        max-width: 69%;
    }

    footer img {
        max-height: 75px;
        margin-right: 32px;
    }

    footer .col-12:first-of-type {
        order: 1;
        margin-top: 50px;
        flex-wrap: nowrap !important;
        align-items: flex-end;
    }

    .footer-top .footer-section.menu {
        padding: 0;
    }

    .header ul li {
        margin-right: 30px;
    }

    .header .btn {
        margin-left: 30px;
        padding: 15px 15px;
    }

    footer .col-12:first-of-type p {
        white-space: nowrap;
    }

    header .container {
        padding: 0;
    }

    .footer-top .footer-section.services {
        margin-bottom: 0;
    }

    .card-slider {
        padding: 0 35px;
    }

    .slick-slider button.previous {
        left: 0;
    }

    .slick-slider button.next {
        right: 0;
    }

    .why-hero svg {
        opacity: 0.3;
    }

    .panel.orange h2 {
        margin-bottom: 40px;
    }

    .panel.green .btn {
        white-space: nowrap;
    }

    .panel.green .small-title {
        font-size: 16px;
        max-width: 60%;
    }

    .testimonials .meta {
        line-height: 1.3;
    }

    .solutions-hero:before {
        right: -50%;
        width: 100%;
        border-radius: 1500px 0 1500px 1500px;
        height: 400px;
        top: 65px;
    }

    .solutions-hero img {
        top: 65px;
        width: 100%;
        right: -51%;
        max-height: 398px;
        border-radius: 1500px 0 0 1500px;
        opacity: 0.3;
    }

    .solutions-hero.active img {
        width: 100%;
        top: 0;
        border-radius: 1500px 0 0 1500px;
        right: -38%;
        max-height: 530px;
        transition: none;
    }

    .image-text-alternator .content-padding {
        padding: 0 35px;
    }

    .filters-row .search-container {
        margin-bottom: 30px;
    }

    .single-hero .justify-content-end {
        justify-content: start !important;
        margin-top: 35px;
    }

    .featured-single img {
        max-height: 300px;
        object-fit: cover;
        width: 100%;
    }

    .footer-top {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .process-hero .content {
        margin-bottom: 50px;
    }

    .process-hero {
        margin-bottom: 80px;
    }

    .quick-menu-block {
        display: none;
    }

    .measurement .inputs svg, .measurement .data-capture svg {
        width: 100%;
        left: 0;
    }

    .measurement .inputs svg {
        bottom: -45px;
    }

    .measurement .inputs .title {
        left: 44%;
    }

    .measurement svg {
        width: 100%;
        bottom: -17px;
        left: 0;
    }

    .measurement .data-capture .title {
        left: 39%;
        top: -52px;
    }

    .planning:before {
        display: none;
    }

    .planning .content {
        margin-bottom: 50px;
    }

    .planning .card.with-content {
        width: 100%;
        max-width: 100%;
    }

    .planning {
        margin-bottom: 80px;
    }

    .action svg {
        display: none;
    }

    .action .row {
        padding: 50px 0 0;
        min-height: auto;
    }

    .action {
        background: #0b1d26;
    }

    .action .accordions {
        margin: 0;
        max-width: 100%;
    }

    .success:before {
        display: none;
    }

    .success {
        margin-bottom: 80px;
    }

    .success img {
        display: none;
    }

    .frm_forms form .form-field.frm_four_col .frm_checkbox {
        width: 50%;
    }

    .gated-video iframe {
        height: 340px;
    }

    .full-width-flexi-blocks .featured-quote .content {
        font-size: 20px;
        line-height: 1.5;
    }


    .tables-module h2 {
        font-size: 34px;
    }

    .tables-module .content {
        margin-bottom: 30px;
    }

    .tables-module table.styled-table,
    .tables-module table.styled-table td {
        font-size: 14px;
    }

    .tables-module table.styled-table th,
    .tables-module table.styled-table td {
        height: 50px;
    }

    .tables-module table.styled-table td:first-of-type, .tables-module table.styled-table th:first-of-type {
        text-align: left;
        min-width: 270px;
    }

    .tables-module .styled-table-outer .styled-table-inner {
        margin-bottom: 20px;
    }

    .has-background.tables-module {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .tables-module table.styled-table {
        min-width: 950px;
        margin-bottom: 10px;
    }

    .tables-module .styled-table-outer .styled-table-inner {
        overflow-x: scroll;
    }

    .tables-module table.styled-table td svg {
        height: 20px;
    }

    /* width */
    .tables-module .styled-table-outer .styled-table-inner::-webkit-scrollbar {
        height: 8px;
    }

    /* Track */
    .tables-module .styled-table-outer .styled-table-inner::-webkit-scrollbar-track {
        background: #081D26;
        border-radius: 4px;
    }

    /* Handle */
    .tables-module .styled-table-outer .styled-table-inner::-webkit-scrollbar-thumb {
        background: #ffffff;
        border: 2px solid #081D26;
        border-radius: 4px;
    }

    /* Handle on hover */
    .tables-module .styled-table-outer .styled-table-inner::-webkit-scrollbar-thumb:hover {
        background: #4AAD9B;
    }

    .clickable-block__diagram-top-cards {
        display: flex;
        flex-direction: column;
    }

    .clickable-block__cards-row {
        flex-direction: column;
    }

    .clickable-block__diagram-top-cards .clickable-block__card--solid {
        width: 100%;
    }

    .clickable-block__features {
        flex-wrap: wrap;
        justify-content: center;
    }

    .clickable-block__features li {
        display: contents;
    }

    .clickable-block__card--dashed.equaliser, .clickable-block__connector--dashed.equaliser {
        display: none;
    }

    .clickable-block__connector--horizontal {
        height: 135px;
        width: auto;
        border-right: 2px dashed #E35924;
    }

    .clickable-block__connector--branch[data-cols="3"]:before {
        opacity: 0;
    }

    .clickable-block h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .clickable-block__addon-cards {
        flex-direction: column;
    }

    .clickable-block__addon--orange {
        max-width: 100%;
    }

    .clickable-block__cards-row .clickable-block__card--solid {
        position: relative;
    }

    .clickable-block__cards-row .clickable-block__card--solid:before {
        height: 20px;
        width: 2px;
        background: #E35924;
        visibility: visible;
        content: "";
        position: relative;
        top: -42px;
    }

    .clickable-block__cards-row .clickable-block__card--solid:first-of-type:before {
        opacity: 0;
    }
}

/* small tablets */
@media only screen
and (min-width: 768px)
and (max-width: 991px) {


    html {
        overflow-x: hidden;
    }

    .container {
        width: 100%;
        max-width: 720px;
    }

    /* homepage hero */
    .cookieconsent-popup {
        max-width: 690px;
    }

    .cookieconsent-popup .cookie-left {
        width: 84%;
    }

    .scroll-block .video-container {
        width: 345px;
        height: 345px;
    }

    .trusted-by img {
        max-height: 45px;
    }

    .svg-top {
        right: 14px;
    }

    .why-hero .svg-bottom {
        right: 0;
        left: auto !important;
    }

    .solutions-hero:before {
        width: 558px;
        height: 261px;
        right: -227px;
    }

    .solutions-hero img {
        width: 430px !important;
        max-height: 210px !important;
        right: -269px !important;
        left: auto !important;
        opacity: 0;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    .solutions-hero.active img {
        width: 722px !important;
        max-height: 375px !important;
        right: -269px !important;
        opacity: 1;
        -webkit-transition: all 5s ease-in-out;
        -moz-transition: all 5s ease-in-out;
        -ms-transition: all 5s ease-in-out;
        -o-transition: all 5s ease-in-out;
        transition: all 5s ease-in-out;
    }

    .card-slider {
        padding: 0 50px;
    }

    .slick-slider button.previous {
        left: 0;
    }

    .slick-slider button.next {
        right: 0;
    }

    .demo-hero .shape {
        right: -245px;
    }

    .hero-home-page video {
        height: 100% !important;
        width: auto !important;
    }

    .zero-block h1, .zero-block h2, .zero-block .content {
        min-width: 126%;
    }

    .scroll-item-outer.float-left.w-100.d-flex.align-items-center {
        align-items: flex-start !important;
        padding-top: 120px;
    }

    .latest-news article:last-of-type {
        display: none;
    }

    .journey .content-container {
        padding: 91px 0 96px 55px;
    }

    .journey h3 {
        font-size: 40px;
        max-width: 66%;
    }

    .journey .content {
        max-width: 61%;
    }

    footer img {
        max-height: 75px;
        margin-right: 32px;
    }

    footer .col-12:first-of-type {
        order: 1;
        margin-top: 50px;
        flex-wrap: nowrap !important;
        align-items: flex-end;
    }

    .zero-block .image-container {
        padding-left: 24px;
        height: 566px;
    }

    .why-hero {
        height: 780px;
        padding-bottom: 185px;
    }

    .panel.green .small-title {
        font-size: 16px;
    }

    .panel.green .btn {
        white-space: nowrap;
    }

    .solutions-hero {
        height: 740px;
    }

    .solutions-hero .content {
        padding: 0;
        width: 135%;
    }

    .image-text-alternator .content-padding {
        padding: 50px;
    }

    footer .col-12:first-of-type p {
        white-space: nowrap;
    }

    header .container {
        padding: 0 !important;
    }

    .measurement .inputs svg {
        left: 0;
        width: 100%;
    }

    .measurement .inputs .title {
        left: 44%;
    }

    .measurement .data-capture .title {
        left: 40%;
    }

    .measure-cards {
        width: 210px;
        padding: 17px 7px;
    }

    .planning.block-in-view .card.with-content:before {
        left: -55px;
    }

    .planning .card.with-content {
        padding: 30px;
        padding-top: 80px;
        max-width: 240px;
    }

    .action svg {
        display: none;
    }

    .action:before {
        content: "";
        visibility: visible;
        width: 2px;
        position: absolute;
        background: #E35924;
        top: -140px;
        left: calc(49% + 6px);
        z-index: 1;
        height: 0;
        transition-delay: 4s;
    }

    .action:before, .success:before {
        -webkit-transition: all 7s ease-in-out;
        -moz-transition: all 7s ease-in-out;
        -ms-transition: all 7s ease-in-out;
        -o-transition: all 7s ease-in-out;
        transition: all 7s ease-in-out;
    }

    .action.block-in-view:before {
        height: calc(100% + 140px);
    }

    .action .accordions {
        max-width: 231px;
        float: right !important;
        margin-left: 0;
    }

    .success h4:before {
        left: calc(-42% + 2px);
    }

    .success.block-in-view:before {
        transition-delay: 3s;
    }

    .quick-menu-block {
        display: none;
    }

    .process-hero {
        margin-bottom: 80px;
    }

    .trusted-by .subtitle:after {
        content: "\f178";
        visibility: visible;
        font-family: 'Font Awesome 5 Pro';
        animation: scroll 3s infinite;
        float: right;
    }

    @keyframes scroll {
        0% {
            transform: translateX(0%);
        }

        50% {
            transform: translateX(80%);
        }
        100% {
            transform: translateX(0%);
        }
    }

    .trusted-by .subtitle {
        width: 100%;
    }

    .trusted-by .d-flex {
        overflow-x: scroll;
    }

    .trusted-by img {
        max-height: 55px;
        margin-right: 30px;
    }

    .page-template-demo-new .form-block .panel {
        border-radius: 6px 6px 0 0;
    }

    .contact-details-container {
        padding: 0;
        border-radius: 0 0 6px 6px;
    }

    .page-template-demo-new .form-block .panel.contact-page-meta {
        display: flex;
        justify-content: space-between;
    }

    .contact-page-meta > div:nth-child(2) {
        max-width: 40%;
    }

    .reporting .image-container button.previous {
        left: -42px;
    }

    .reporting .image-container button.next {
        right: -42px;
    }

    .frm_forms form .form-field.frm_four_col .frm_checkbox {
        width: 50%;
    }

    .gated-video iframe {
        height: 390px;
    }

    .coloured-cards .cards-container {
        flex-wrap: wrap;
    }

    .coloured-cards .single-card {
        width: 31.333%;
    }

    .team-member {
        flex-direction: column;
    }

    .slider-block .slider-content {
        padding-left: 93px;
    }

    .slider-block h4 {
        font-size: 30px;
        line-height: 35px;
    }

    .header ul li {
        margin: 0 10px 0 0;
    }

    .header-buttons {
        margin-left: 10px;
        gap: 10px;
    }

    .header .btn {
        margin-left: 20px;
        padding: 15px;
    }

    .about-hero {
        height: auto;
    }

    .about-hero img, .about-hero.active img {
        width: auto !important;
        height: 100%;
        max-height: 60% !important;
        right: auto !important;
    }

    .full-width-flexi-blocks .featured-quote .content {
        font-size: 24px;
    }


    .tables-module h2 {
        font-size: 36px;
    }

    .tables-module .content {
        margin-bottom: 35px;
    }

    .tables-module table.styled-table,
    .tables-module table.styled-table td {
        font-size: 14px;
    }

    .tables-module table.styled-table th,
    .tables-module table.styled-table td {
        height: 50px;
    }

    .tables-module table.styled-table td:first-of-type, .tables-module table.styled-table th:first-of-type {
        text-align: left;
        min-width: 300px;
    }

    .tables-module .styled-table-outer .styled-table-inner {
        margin-bottom: 20px;
    }

    .has-background.tables-module {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .tables-module table.styled-table {
        min-width: 950px;
        margin-bottom: 10px;
    }

    .tables-module .styled-table-outer .styled-table-inner {
        overflow-x: scroll;
    }

    .tables-module table.styled-table td svg {
        height: 20px;
    }

    /* width */
    .tables-module .styled-table-outer .styled-table-inner::-webkit-scrollbar {
        height: 8px;
    }

    /* Track */
    .tables-module .styled-table-outer .styled-table-inner::-webkit-scrollbar-track {
        background: #081D26;
        border-radius: 4px;
    }

    /* Handle */
    .tables-module .styled-table-outer .styled-table-inner::-webkit-scrollbar-thumb {
        background: #ffffff;
        border: 2px solid #081D26;
        border-radius: 4px;
    }

    /* Handle on hover */
    .tables-module .styled-table-outer .styled-table-inner::-webkit-scrollbar-thumb:hover {
        background: #4AAD9B;
    }

    .clickable-block__card--dashed.equaliser, .clickable-block__connector--dashed.equaliser {
        display: none;
    }

    .clickable-block__features {
        flex-wrap: wrap;
        justify-content: center;
    }

    .clickable-block__features li {
        display: contents;
    }

    .clickable-block__connector--horizontal {
        width: 55px;
    }
}


/* small screens and ipad pro portrait */
@media only screen
and (min-width: 992px)
and (max-width: 1200px) {


    .container {
        width: 100%;
        max-width: 960px;
    }

    /* homepage hero */
    .cookieconsent-popup {
        max-width: 940px;
    }

    .hero-home-page video {
        height: 100% !important;
        width: auto !important;
    }

    .scroll-block .video-container {
        width: 100%;
        height: 470px;
    }

    .trusted-by img {
        max-height: 60px;
    }

    .svg-top {
        right: 115px;
    }

    .why-hero .svg-bottom {
        right: -79px;
    }

    .solutions-hero:before {
        width: 558px;
        height: 261px;
        right: -102px;
    }

    .solutions-hero img {
        width: 430px;
        max-height: 210px;
        right: -159px !important;
        border-radius: 0 0 1500px 1500px;
        left: auto;
    }

    .solutions-hero.active img {
        width: 722px;
        max-height: 375px;
    }

    .card-slider {
        padding: 0 50px;
    }

    .slick-slider button.previous {
        left: 0;
    }

    .slick-slider button.next {
        right: 0;
    }

    .demo-hero .shape {
        right: -60px;
    }

    .solutions-hero {
        height: 709px;
    }

    .measure-cards {
        width: 225px;
        padding: 18px 10px;
    }

    .measurement .inputs svg {
        left: 8%;
    }

    .planning.block-in-view .card.with-content:before {
        left: -26px;
    }

    .action {
        background: #0b1d26;
    }

    .success h4:before {
        left: calc(-51% + 2px);
    }

    .action .accordions {
        max-width: 100%;
        margin-left: 0;
    }

    .reporting .image-container button.previous {
        left: -62px;
    }

    .reporting .image-container button.next {
        right: -62px;
    }

    .frm_forms form .form-field.frm_four_col .frm_checkbox {
        width: 33.333333%;
    }

    .gated-video iframe {
        height: 530px;
    }

    .about-hero {
        height: auto;
    }

    .about-hero.active img {
        width: auto;
        height: 100%;
        max-height: 60%;
    }

    .image-and-text .content-container {
        padding-left: 47px;
        padding-right: 37px;
        padding-top: 46px;
        padding-bottom: 33px;
    }

    .full-width-flexi-blocks .featured-quote .content {
        font-size: 26px;
    }

    .tables-module table.styled-table td:first-of-type, .tables-module table.styled-table th:first-of-type {
        text-align: left;
        min-width: 300px;
    }

}


/* small tablets landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
}


/* small tablets portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
}


/* phone landscape */
@media only screen
and (max-device-width: 767px)
and (orientation: landscape) {

    .mobile-menu .mobile-menu-inner {
        padding-bottom: 30px;
        height: auto !important;
    }

    .mobile-menu-inner .contact-bottom {
        position: relative !important;
        clear: both;
        float: left;
        margin-top: 30px;
    }

}


/* iphone x fixes */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {
}

/* iphone x fixes */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (orientation: landscape) {
}


/* iphone 11 pro max fixes */
@media only screen
and (min-device-width: 414px)
and (max-device-height: 896px)
and (orientation: landscape) {
}

@media only screen
and (min-device-width: 414px)
and (max-device-height: 896px)
and (orientation: portrait) {

}


/* ful width block fixes for screen sizes between 1200px - 1900px */

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

}

@media only screen
and (min-width: 1366px)
and (max-width: 1600px) {


}

@media only screen
and (min-width: 1601px)
and (max-width: 1900px) {


}