@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
:root {
    --summer-orange: #ee7d00;
    --summer-yellow: #f8b900;
    --summer-grey: #7c7c7b;
    --summer-dark-grey: #595959;
}
body, textarea, input, select {
    font-family: "Rubik", sans-serif;
}
body {
    color: var(--summer-dark-grey);
}
body, html{
    height: auto!important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--summer-dark-grey);
}

p a, .content li a {
    color: var(--summer-dark-grey);
}

p a:hover, .content li a:hover {
    color: var(--summer-orange);
}
p a:before, .content li a:before {
    background: var(--summer-dark-grey);
}
p a:after, .content li a:after {
    background: var(--summer-orange);
}

.color-blue {
    color: var(--summer-dark-grey);
}

a {
    color: var(--summer-dark-grey);
}
a:hover {
    color: var(--summer-orange);
}

@media (min-width: 1400px) {
    body .site-header {
        padding-right: 0;
    }
}
body .site-header {
    background: #fff;
    align-items: center;
    height: auto;
    box-sizing: border-box;
    width: 100%;
    position: sticky;
}

.site-header .main-navigation > ul > li > a {
    color: #000;
}
body .site-header .main-navigation ul ul li.current-menu-item>a,
body .site-header .main-navigation ul ul li.current-page-ancestor>a {
    color: #fff;
}
.site-header .main-navigation>ul>.menu-item-has-children .down-arrow {
    color: var(--summer-orange);
    width: 10px;
}

.site-header .main-navigation>ul>li>a {
    height: auto;
}

.site-header .header-actions  {
    background: var(--summer-orange);
    padding: 40px 0 ;
    box-sizing: border-box;
}

.site-header .header-actions a {
    padding: 0 clamp(20px, 3vw, 40px );
    margin: 0;
    color: #fff;
}

.site-header .header-actions a:hover {
    color: #fff;
}
.site-header .header-actions a > img ,
.site-header .header-actions a .icon {
    transition: .3s;
}
.site-header .header-actions a:hover > img,
.site-header .header-actions a:hover .icon {
    transform: translateX(-3px);
}

.site-header .header-logo img {
    width: clamp(100px, 30vw, 175px);
    aspect-ratio: 10 / 4.5;
}

.site-header .header-actions a.login {
    border-left: 1px solid rgba(255,255,255,0.5);
    margin: 0;
}

.site-header .main-navigation>ul>.menu-item-has-children>a:after {
    background: var(--summer-orange);
    bottom: -30px;
}

.site-header .main-navigation>ul>.menu-item-has-children:hover .mega-menu-wrap {
    top: 100px;
    background: var(--summer-orange);
}

.site-header .main-navigation>ul>.menu-item-has-children .sub-menu {
    background: var(--summer-orange);
}

.site-header .main-navigation>ul .mega-menu-wrap .mega-menu-contact,
.site-header .main-navigation>ul .mega-menu-wrap .mega-menu-contact:after {
    background: var(--summer-dark-grey);
}

.site-header .main-navigation .sub-menu a:hover {
    color: #fff;
}

.site-header .main-navigation>ul .mega-menu-wrap .mega-menu-contact .h4 {
    color: #fff;
}

.site-header .main-navigation>ul .mega-menu-wrap .mega-menu-contact a {
    color: #fff;
}

.mega-menu-contact a:before {
    background: #fff;
}

.mega-menu-contact a:after {
   background: #000;
}

.site-header .main-navigation>ul .mega-menu-wrap .mega-menu-links>.sub-menu>li>a:hover {
    color: #fff;
    opacity: 0.8;
    transition: .3s;
}

.site-header .main-navigation>ul>.menu-item-has-children:hover>ul {
    top: 70px;
}

.site-header .header-actions a.search .icon:after {
    display: none;
}

body .site-search {
    background: var(--summer-dark-grey);
}
body .site-search.active {
    transform: translateY(102px);
}

body .site-search input {
    background: none;
    flex-grow: 1;
    padding: 1rem 0;
    color: #fff;

    &::placeholder {
        color: #fff;
    }
}

body .hamburger-inner,
body .hamburger-inner::before,
body .hamburger-inner::after {
    background: var(--summer-orange);
}
body {
    padding: 0!important;
}

body.logged-in {
    margin-top: 0!important;
}

body .home-hero-block:after {
    background-image: linear-gradient(180deg, rgba(124, 124, 123, 0) 0%, rgba(124, 124, 123, 0.6) 40%, #7c7c7b 100%);
}

body .home-hero-link .home-hero-link-img:after {
    background: rgba(89, 89, 89, 1);
}

body .home-hero-link:hover h2,
body .home-hero-link:hover h3,
body .home-hero-link span {
    color: var(--summer-orange);
}
body .contact_tab,
body .home-hero-link {
    background: var(--summer-dark-grey);
}


body .home-hero-blocks .slick-dots li.slick-active button {
    background: var(--summer-orange);
}

body .blog-button {
    border-color: var(--summer-orange);
}

body .blog-button p {
    color: var(--summer-orange);
}
body .news-intro .news-intro-posts:after {
    transform: none;
    background: #fafafa;
}

body .blog-button .button.icon-tall {
    background: transparent;
}
body .blog-button:hover .button.icon-tall {
    background: var(--summer-grey);
}

body .blog-button .button.icon-tall img {
    filter: brightness(100) invert(1);
}

body .blog-button:hover .button.icon-tall img {
    filter: brightness(0) invert(1);
}

body .services-highlight .services-highlight-content:after {
    background: var(--summer-grey);
}

button,
.button {
    background: var(--summer-orange);
    color: #fff
}

button:hover,
.button:hover {
    background: var(--summer-dark-grey);
    color: #fff;
}

body .services-highlight .services-highlight-menus {
    background: #fafafa;
}

body .services-highlight .services-highlight-menus .service-menu a {
    color: #000;
}
.services-highlight .services-highlight-menus .service-menu a:hover {
    color: var(--summer-orange);
}



body  .card .card-content .button.icon-tall img,
button.secondary svg,
button.secondary img,
.button.secondary svg,
.button.secondary img,
.services-highlight .services-highlight-menus .service-menu a svg,
.services-highlight .services-highlight-menus .service-menu a img {
    filter: brightness(100) invert(1);
}

body .cta:first-child .cta-inner {
    background-image: linear-gradient(45deg, var(--summer-orange) 0%, var(--summer-yellow) 100%);
}

body .cta:first-child .cta-inner  * {
    color: #000;
}
button.secondary:hover,
.button.secondary:hover {
    background: transparent;
}

button.secondary, .button.secondary {
    color: #000;
}

body .sectors-carousel {
    background: var(--summer-dark-grey);
}

body .sectors-carousel header h2 {
    color: #fff;
}



button.icon, .button.icon {
}

.sectors-carousel .controls .button-outer:hover .button {
    border-color: var(--summer-orange);
}

.progress-ring-orange {
    stroke: var(--summer-orange);
}
button.icon:hover, .button.icon:hover {
    background: transparent;
}
body .card .card-content p,
body .card .card-content h2 {
    color: var(--summer-dark-grey);
}
body  .card .card-content .button.icon-tall {
    background: #fafafa;
}

body .testimonial {
    border-color: var(--summer-orange);
}

body .card.blue .card-content {
    background: var(--summer-dark-grey);
}

body .inside-track header:before {
    background: var(--summer-orange);
}

body .inside-track-grid .blog-post:nth-child(3) {
    background: var(--summer-dark-grey);
}

body .inside-track-grid .blog-post:nth-child(3) svg {
    filter: brightness(0) invert(1);
}

body .card-carousel {
    background: #fafafa;
}
body .card-carousel .card .latest {
    background: var(--summer-dark-grey);
}

body .card.horz .card-arrow {
    background: var(--summer-dark-grey);
}


body .card.horz .card-arrow svg g {
    stroke: var(--summer-orange);
}

body .card.horz:hover .card-arrow {
    background: var(--summer-orange);
}

body .card.horz:hover .card-arrow svg g {
    stroke: #fff;
}

button.icon, .button.icon {
    border-color: var(--summer-dark-grey);
}

button.icon img,
.button.icon img {
    filter: brightness(0) saturate(100%) invert(35%) sepia(4%) saturate(8%) hue-rotate(56deg) brightness(92%) contrast(88%);
}
body .footer-above {
    background: var(--summer-grey);
}

body .footer-above .footer-image:after {
    background-image: linear-gradient(90deg, rgba(124, 124, 124, 0.64) 0%, var(--summer-grey) 91%);
}
body .footer-above .footer-signup-inner {
    border-color: #fff;
}

body .site-footer {
    background-color: var(--summer-dark-grey);
    border-color: var(--summer-dark-grey);
}

body .hero:before {
    background-image: linear-gradient(180deg, rgba(89, 89, 89, 0.5) 0%, rgba(89, 89, 89, 0) 100%);
}

body .inside-track-grid .blog-post {
    color: var(--summer-dark-grey);
}

body .inside-track-grid .blog-post:nth-child(3) .cat {
    color: var(--summer-yellow);
}
body .hero {
    background-color: var(--summer-dark-grey);
    border-color: var(--summer-dark-grey);
}

body .hero:after {
    background-image: linear-gradient(180deg, rgba(124, 124, 123, 0) 0%, rgba(124, 124, 123, 0.5) 20%, var(--summer-grey) 100%);
}

body .hero .banner-contact:after {
    background: var(--summer-dark-grey);
}
body .new-accordion-block,
body .get-in-touch,
body .card .card-content,
body .img-content-standard.bg-solid:after {
    background: #fafafa;
}

body a.card:hover .button.icon-tall {
    background: #fff;
}

body .hero svg path {
    fill: var(--summer-orange);
}

body .img-content-standard.bg-logomark svg g {
    fill: #fafafa;
}

body .logomark-feat:after {
    background: var(--summer-dark-grey);
}

body .logomark-feat h2 {
    color: var(--summer-orange);
}

.main-navigation .button.secondary img {
    filter: brightness(0) invert(1);
}
body .unity-accordion-title {
    border-color: var(--summer-dark-grey);
}

body .accordion-item {
    border-color: var(--summer-dark-grey);
}
body .accordion-item .accordion-title {
    color: var(--summer-dark-grey);
}
body .accordion-item .accordion-title .close-icon span {
    background: var(--summer-dark-grey);
}
body .accordion-item .accordion-title:hover {
    background: var(--summer-dark-grey);
}
body .cs-list-top {
    background: var(--summer-dark-grey);
}
body .blog-contact .button img,
body  .full-width-cta .button svg,
body .about-top .about-top-content .button svg,
body .cs-list-top .button svg {
    filter: brightness(0) invert(1);
}
body .dropdown select:focus {
    border-color: var(--summer-grey);
}

body .blog-links a,
body .logomark-feat.blanker-light-blue:before,
body .timeline-item.card .timeline-item-inner,
body .history-top,
body .vv-bottom,
body .cs-top,
body .cs-result.img-content.reverse,
body .img-content:after {
    background: #fafafa;
}

body .blog-links a {
    color: var(--summer-dark-grey);
}

body .blog-links a.active,
body .blog-links a:hover {
    background: var(--summer-orange);
}

body .blog-links .dropdown select {
    color: var(--summer-dark-grey);
}

body .blog-links .dropdown:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ctitle%3Ecaret-down%3C/title%3E%3Cg class='caret-down'%3E%3Cpolyline class='arrowhead' points='36.036 18.982 24 31.018 11.964 18.982' fill='none' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}

body .timeline-item.card.left:before {
    border-color: #fafafa rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}
body .timeline-item.card.right:before {
    border-color: rgba(0, 0, 0, 0) #fafafa rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
body .cs-result.img-content p {
    color: var(--summer-dark-grey);
}
body .sidebar-menu li a {
    color: var(--summer-orange);
}
.sidebar-menu li a img{
    filter: brightness(0) saturate(100%) invert(56%) sepia(18%) saturate(6595%) hue-rotate(3deg) brightness(96%) contrast(101%);
}

body .single-content aside .blue-box {
    background: var(--summer-dark-grey);
}
body .single-content aside .blue-box h2,
body .single-content aside .blue-box h3 {
    color: var(--summer-orange);
}

body ul li:before {
    background: var(--summer-orange);
}

body .full-width-cta,
body .about-top {
    background: var(--summer-dark-grey);
}

body .team-list-top h2,
body .vv-top h2,
body .about-top .about-stat .about-value,
body .about-top .about-stat strong,
body .about-top h2 {
    color: var(--summer-orange);
}

body .vv-top {
    background: var(--summer-dark-grey);
}

body .timeline:before {
    background: var(--summer-dark-grey);
}
body .timeline-roundel {
    border-color: var(--summer-dark-grey);
}
body .timeline-roundel span {
    background: var(--summer-orange);
}

body .team-list-top {
    background: var(--summer-dark-grey);
}

button.bordered,
.button.bordered {
    border-color: var(--summer-dark-grey);
    color: var(--summer-dark-grey);
}

button.bordered:hover,
.button.bordered:hover {
    color: #fff;
}

body .latest-posts .latest-posts-top {
    background: var(--summer-dark-grey);
}

body .latest-posts .button.secondary svg {
    filter: brightness(100) invert(0);
}

body .latest-posts .post-img:after {
    background-image: linear-gradient(180deg, rgba(5, 18, 51, 0) 0%, var(--summer-dark-grey) 100%);
}
body  .latest-posts .latest-posts-bottom {
    background: var(--summer-orange);
}

body .latest-posts .latest-post.post-4 .cat,
body .latest-posts .latest-post.post-4 * {
    color: #fff;
}

body .latest-posts .latest-post.post-4 *:before {
    background: #fff;
}
body .values-wrapper .values-bottom .value:nth-child(2),
body .values-wrapper .values-top {
    background: var(--summer-dark-grey);
}

body .values-wrapper .values-bottom .value:nth-child(2) h2 span,
body .values-wrapper .values-top h2 span {
    color: var(--summer-orange);
}

body .values-wrapper .values-bottom h2 span,
body .values-wrapper .values-bottom h2 {
    color: var(--summer-dark-grey);
}

body .contact-form .form input[type=text],
body .contact-form .form input[type=number],
body .contact-form .form input[type=email],
body .contact-form .form input[type=tel],
body .contact-form .form textarea {
    background: #fafafa;
}

body .anchor-links {
    background: var(--summer-dark-grey);
}
body .anchor-links {
   position: static;
}


.footer-above .footer-contact picture {
    max-width: 250px;
}
.get-in-touch .logomark-wrap.left {
    left: 0!important;
}

.office-header .logomark-wrap, .cs-top-container .logomark-wrap,
.img-content-standard .logomark-wrap {
    right: 0!important;
    display: flex;
    justify-content: flex-end!important;
}


body .team-banner .team-contact .team-contact-inner {
    background-color: var(--summer-grey);
}

body .team-banner .team-contact .team-contact-inner img {
    filter: unset;
}
body .team-banner .team-contact .team-contact-inner p a:before {
    background: #fff;
}

body .img-content .img .strapline {
    background: var(--summer-dark-grey);
}

body .block-stat-counter.bg_medium_blue {
    background: #f5f5f5;
}
body .block-stat-counter .stats_container .stat .label {
    color: #000;
}

button.secondary:before,
.button.secondary:before {
    background: #000;
}
body .cta p {
    color: var(--summer-dark-grey);
}

body .sidebar-menu li {
    border-color: var(--summer-dark-grey);
}
body .sidebar-menu li a:hover {
    color: var(--summer-dark-grey);
}
body .sectors-carousel:after {
    background: var(--summer-dark-grey);
}

body .cards-wrap .logomark-wrap {
    right: 0;
    display: flex;
    justify-content: flex-end;
}
.landing-page svg {
    position: absolute;
    right: 0;
}

body .full-width-cta .logomark-wrap {
    display: flex;
    justify-content: flex-end;
    right: 0;
    top: 0;
}

body .pagination a {
    color: var(--summer-dark-grey);
}

body .pagination a:hover {
    border-color: var(--summer-dark-grey);
    background: var(--summer-dark-grey);
}

body .full-width-cta .logomark-wrap  svg {
    opacity: 0.1;
}

body .pagination span {
    border-color: var(--summer-dark-grey);
}
body .gform_wrapper.gravity-theme .gfield select,
body table tr:first-child {
    background: #f5f5f5;
}

body .home-hero-block {
    background: var(--summer-dark-grey);
}



.home-hero {
    .slick-list,
    .slick-track {
        height: 100%;
    }
}

body .section-block-unity-split-content-list {
    background: #f5f5f5;
    color: #000;
}

body .split_content_list_titles .the_split_title.active{
     background-color: var(--summer-orange);
}

body .split_content_list_titles {
    max-height: unset;
    overflow: unset;
}

body .contact-form .dotdigital-signup-form  input[type=text],
body .contact-form .dotdigital-signup-form  input[type=number],
body .contact-form .dotdigital-signup-form  input[type=email],
body .contact-form .dotdigital-signup-form  input[type=tel],
body .contact-form .dotdigital-signup-form  textarea {
    min-width: 100%;
}
@media (min-width: 769px) {
    body .anchor-links {
        top: 6.4rem;
        position: sticky;
    }
}
@media (max-width: 1400px) {
    .site-header {
        box-shadow: 1px 1px 50px rgba(0,0,0,0.2);
    }
    .site-header .header-actions {
        padding: 0;
        background: transparent;
    }

    .site-header .header-actions a {
        color: var(--summer-orange);
    }
    .site-header .header-actions a > img ,
    .site-header .header-actions a.search .icon {
        filter: brightness(0) saturate(100%) invert(65%) sepia(63%) saturate(5269%) hue-rotate(6deg) brightness(98%) contrast(103%);
    }
    body .site-header {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .hamburger:hover {
        background: transparent;
    }

    body .hamburger.is-active .hamburger-inner,
    body .hamburger.is-active .hamburger-inner::before,
    body .hamburger.is-active .hamburger-inner::after {
        background: var(--summer-orange);
    }
    body .mobile-menu {
        background: var(--summer-orange);
    }
    .mobile-menu .logomark {
        filter: brightness(0) saturate(100%) invert(100%) sepia(64%) saturate(93%) hue-rotate(119deg) brightness(113%) contrast(101%);
    }
    body .mobile-menu ul li.menu-item-has-children>a .icon:before,
    body .mobile-menu ul li.menu-item-has-children>a .icon:after {
        background: #fff;
    }

    body .mobile-menu .sub-menu {
        background: var(--summer-dark-grey);
    }
    .mobile-menu ul li a .icon,
    .mobile-menu ul li a.mob-menu-back img,
    .mobile-menu ul li a.mob-menu-back svg {
        filter: brightness(0) invert(1);
    }
}

@media (max-width: 48em) {
    body .inside-track-grid .blog-post:nth-child(2) {
        background: var(--summer-dark-grey);
        color: #fff;
    }
    body .inside-track-grid .blog-post:nth-child(2) .cat {
        color:var(--summer-yellow)
    }

    .inside-track-grid .blog-post:nth-child(2) .button {
        color: #002c5f;
    }
}

@media (max-width: 40em) {
    .site-header .header-logo img {
        height: auto;
    }

    body .inside-track-grid .blog-post:nth-child(3) .post-details .button,
    body .inside-track-grid .blog-post:nth-child(2) .button,
    body .inside-track-grid .blog-post:nth-child(1) .button {
        color: #000;
    }
    body .inside-track-grid .blog-post:nth-child(3) .post-details,
    body .inside-track-grid .blog-post:nth-child(3) .post-details h3 ,
    body .inside-track-grid .blog-post:nth-child(3) .post-details .cat {
        color: var(--summer-dark-grey);
    }
    body .hero footer {
        position: relative;
    }
    body .hero .post-details.bold.color-orange {
        color: #fff;
        & a {
            color: #fff;
        }
    }
}
@media (max-width: 1000px) {
    div.home-hero-block div.home-hero-block-inner:after {
        background-image: linear-gradient(180deg, rgba(5, 18, 51, 0) 0%, rgb(151 151 151 / 60%) 40%, #ee7d00 100%);
    }
}

@media (max-width: 40em) {
    .inside-track-grid .blog-post:nth-child(1) .button svg ,
    .inside-track-grid .blog-post:nth-child(2) .button svg {
        filter: brightness(1) invert(1);
    }
    .button.secondary svg {
        filter: brightness(0) invert(1);
    }
}

@media (min-width: 48em) {
    .cs-top-container.right .img {
        left: 0;
    }

    .cs-top-container.right .cs-top > .flex {
        justify-content: flex-end;
        padding-right: 0;
        padding-left: 8%;
    }
}

@media (max-width: 48em) {
    .cs-top-container.right .cs-top {
        display: flex;
        flex-direction: column-reverse;
    }
}

.unity-bullet-points ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.unity-bullet-points {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.80);
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(22.5px);
    padding: var(--Gap-Medium, 40px);
    margin: var(--Gap-Medium, 40px) 0;
}
.unity-bullet-points ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--Gap-X-Small, 10px);
}


.unity-bullet-points li {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.30);
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    padding: 20px var(--Gap-Small, 20px);
    align-items: center;
    gap: 10px;
    align-self: stretch;
    margin: 0;
}

.unity-bullet-points li:before {
    min-width: 10px;
    aspect-ratio: 1/1;
    content: '';
    background: var(--summer-orange);
    border-radius: 100%;
    display: block;
    height: auto;
    position: relative;
    top: auto;
}

.full-width-content {
    min-width: 100%;
}

@media (max-width: 850px) {
    .unity-bullet-points ul {
        grid-template-columns: 1fr;
    }
}