html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

html.stopScroll {
    max-height: 100vh;
    overflow: hidden;
}

body {
    margin: 0;
    font-family: aktiv-grotesk, sans-serif;
    font-weight: 300;
    position: relative;
    width: 100vw;
    overflow-x: hidden;
}

p {
    margin-block-start: 0;
    margin-block-end: 0;
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    position: absolute;
}

.cky-consent-bar {
    background-color: #fffffff0 !important;
}

.cky-notice {
    text-align: center !important;
}

.cky-notice-group {
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.cky-notice-des {
    width: 100% !important;
    margin-bottom: 15px !important;
}

.cky-notice-btn-wrapper {
    flex-direction: row-reverse !important;
}

.cky-notice-btn-wrapper button {
    margin-left: 5%;
    transition: all 0.1s linear;
}

button.cky-btn.cky-btn-accept:hover {
    color: white !important;
    background: #92D400 !important;
}

button.cky-btn.cky-btn-customize:hover {
    color: white !important;
    background: #14252F !important;
}

button.cky-btn.cky-btn-customize:hover::after {
    border-top-color: white !important;
}

.mobileOverflow {
    width: 100vw;
    overflow: hidden;
}

.headerWatch {
    position: absolute;
    top: 0;
    width: 100%;
    height: 40vh;
    z-index: -1;
}

.header {
    position: fixed;
    top: 0;
    width: 80%;
    height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 10%;
    z-index: 10;
    transition: all 0.3s linear;
}

.header a {
    transition: all 0.3s linear;
}

.header.colour,
body.single-news .header,
body.single-successstories .header {
    background: white;
    color: black;
}

.header .links .img2,
.header.colour .links .img1,
body.single-news .header .links .img1,
body.single-successstories .header .links .img1 {
    width: 0px;
    opacity: 0;
    margin: 0;
}

.header.colour .links .img2,
body.single-news .header .links .img2,
body.single-successstories .header .links .img2 {
    opacity: 1;
    width: 25px;
    margin-left: 10px;
}

.header.colour a,
body.single-news .header a,
body.single-successstories .header a {
    color: black;
}

.header.colour .black,
body.single-news .header .black,
body.single-successstories .header .black {
    opacity: 1;
}

.header.colour .white,
body.single-news .header .white,
body.single-successstories .header .white {
    opacity: 0;
}

.header .logo {
    height: 2.2vw;
    width: 10vw;
}

.header .logo img {
    width: 10vw;
    position: absolute;
    transition: opacity 0.3s linear;
}

.header .black {
    opacity: 0;
}

.header .links {
    width: 65%;
    display: flex;
    justify-content: space-between;
}

.headdropper div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    height: 17px;
}

.header .links a {
    height: 17px;
}

.header .links a img {
    transform: rotate(90deg);
    margin-top: 2px !important;
}

.header .links .currentPage {
    margin: 0 auto !important;
    transform: rotate(270deg) !important;
    display: none;
}

body.page-id-205 #wwd.currentPage,
body.page-id-96 #tad.currentPage,
body.page-id-132 #mtt.currentPage,
body.page-id-175 #careers.currentPage,
body.page-id-256 #news.currentPage,
body.page-id-309 #contact.currentPage {
    display: block;
}

.header .links a:hover img {
    transform: rotate(180deg);
}

.header .links a div.opened img {
    transform: rotate(180deg);
}

.header .links img {
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
    height: 25px;
    width: 25px;
    margin-left: 10px;
    object-fit: contain;
}

.header a {
    color: white;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
}

.fmSeperator {
    margin: 5% 0 1% 0;
    font-size: 14px;
    font-weight: bold;
}

.headerDropdown {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 105px;
    background: #F2F0F0;
    width: 80%;
    left: 0;
    padding: 3% 10%;
    border-radius: 50px;
    transition: all 0.4s linear;
    box-shadow: 0px 20px 20px #00000036;
    background: url(/wp-content/uploads/2022/11/Group-1251-e1668008876949.png);
    background-size: cover;
    background-position: 50% 50%;
}

.headerDropdown.opened {
    pointer-events: all;
    opacity: 1;
}

.headerDropdown>div {
    display: none;
}

.headerDropdown>div.opened {
    display: block;
}

.headerDropdown .pageTitle {
    font-size: 50px;
    display: flex;
    align-items: center;
}

.headerDropdown .pageTitle .greenButton {
    margin-left: 50px;
    color: #92D400;
    transition: all 0.1s linear;
    margin-top: 8px;
}

.headerDropdown .pageTitle .greenButton:hover {
    color: white;
}

.headerDropdown .inner {
    display: flex;
    justify-content: space-between;
    margin: 3% 0;
}

.headerDropdown .inner>div {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: stretch;
}

.headerDropdown #anabasmenu .inner .middle.two,
.headerDropdown #anabasmenu .inner .middle.three,
.headerDropdown #whatwedomenu .inner .middle.three {
    align-content: flex-start;
}

.headerDropdown #anabasmenu .inner .middle.three a,
.headerDropdown #whatwedomenu .inner .middle.three a,
.headerDropdown #anabasmenu .inner .middle.four a {
    margin-bottom: 20px;
}

.headerDropdown #whatwedomenu .inner .middle.three p,
.headerDropdown #anabasmenu .inner .middle.three p {
    height: 100%;
    width: calc(100% - 25px);
}

.headerDropdown #whatwedomenu .inner .right.three img,
.headerDropdown #anabasmenu .inner .right.three img {
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    display: none;
}

.headerDropdown #whatwedomenu .inner .right.three img.selected,
.headerDropdown #anabasmenu .inner .right.three img.selected {
    display: block;
}

.headerDropdown .inner a {
    width: 100%;
    font-weight: 300;
    transition: all 0s linear;
}

#sectorsHover p {
    width: calc(100% - 25px);
    height: 100%;
}

.headerDropdown .inner a p {
    width: 85%;
}

.headerDropdown .inner .middle,
.headerDropdown .inner .right {
    display: none;
}

.headerDropdown .inner.one .middle.one,
.headerDropdown .inner.one .right.one,
.headerDropdown .inner.two .middle.two,
.headerDropdown .inner.two .right.two,
.headerDropdown .inner.three .middle.three,
.headerDropdown .inner.three .right.three,
.headerDropdown .inner.four .middle.four,
.headerDropdown .inner.four .right.four {
    display: flex;
}

.headerDropdown #anabasmenu .inner .right.two img {
    max-height: 19vw;
    object-fit: cover;
    border-radius: 20px;
    object-position: 0% 0%;
}

.headerDropdown .inner .right.one img {
    margin-top: 5%;
}

.headerDropdown #whatwedomenu .inner .right.two {
    align-items: stretch;
}

.headerDropdown #whatwedomenu .inner .right.two img {
    display: none;
    border-radius: 20px;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.headerDropdown #whatwedomenu .inner .right.two img.selected {
    display: block;
}

.headerDropdown .inner a:hover:not(.innerMenu a) {
    font-weight: 500;
}

.innerMenu a {
    font-size: 30px;
}

.headerDropdown .inner .left {
    width: 38%;
    align-content: flex-start;
}

.headerDropdown .inner .right {
    width: 25%;
}

.headerDropdown .inner .left div {
    font-size: 30px;
    padding-bottom: 3.5vh;
    border-bottom: 2px solid #c5c2c2;
    margin-bottom: 3.5vh;
    font-weight: 300;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 5px);
    padding-right: 5px;
    cursor: pointer;
}

.headerDropdown .inner .left div:last-child {
    border-bottom: 0px;
}

.headerDropdown .inner .middle {
    border-right: 2px solid #c5c5c5;
    width: 26%;
    padding-right: 4%;
}

.headerDropdown .inner .middle .text,
.headerDropdown #whatwedomenu .right.one .text {
    margin-bottom: 10%;
}

.headerDropdown .inner.one .right a img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.headerDropdown .inner.four .middle {
    align-content: flex-start;
}

.headerDropdown .inner.two .middle .greenButton,
.headerDropdown .inner.four .middle .greenButton,
.headerDropdown .inner.three .middle .greenButton {
    padding: 5px 15px;
    color: #92D400;
    transition: all 0.1s linear;
    font-weight: bold;
    width: fit-content;
}

.headerDropdown .inner.two .middle .greenButton:hover,
.headerDropdown .inner.four .middle .greenButton:hover,
.headerDropdown .inner.three .middle .greenButton:hover {
    color: black;
}

.headerDropdown .inner .greenButton {
    padding: 5px 45px;
    color: #92D400;
    display: block;
    width: fit-content;
    text-align: center;
    transition: all 0.1s linear;
}

.headerDropdown .inner .right .greenButton:hover {
    color: black;
}

.headerDropdown .inner .right .img2,
.headerDropdown .inner .right a:hover .img1,
.headerDropdown .inner .middle a .img2,
.headerDropdown .inner .middle a:hover .img1,
.headerDropdown .inner .left .img2,
.headerDropdown .inner .left div:hover .img1,
.headerDropdown .inner .left .innerMenu.opened .img1 {
    display: none;
}

.headerDropdown .inner .right a:hover .img2,
.headerDropdown .inner .left div:hover .img2,
.headerDropdown .inner .left .innerMenu.opened .img2,
.headerDropdown .inner .middle a:hover .img2 {
    display: block
}

.headerDropdown .inner .right a,
.headerDropdown .inner .middle a:not(.greenButton) {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.headerDropdown a {
    color: black;
}

.pageHeader {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: flex-end;
    color: white;
    flex-wrap: wrap;
    align-content: flex-end;
    background-size: cover !important;
    background-position: 50% 50% !important;
    border-radius: 0 0 5% 5%;
}

.title,
h1 {
    font-size: 64px;
    line-height: 70px;
    font-weight: 300;
    margin: 0;
}

h2 {
    font-size: 48px;
    line-height: 60px;
    font-weight: 300;
    margin: 0;
}

h3 {
    font-size: 35px;
    line-height: 38px;
    font-weight: 300;
    margin: 0;
}

h4 {
    font-size: 28px;
    line-height: 35px;
    font-weight: 300;
    margin: 0;
}

h5 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 300;
    margin: 0;
}

h6 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 300;
    margin: 0;
}


/*
.news-template-default h2,
.news-template-default h3,
.news-template-default h4,
.news-template-default h5 {
    font-size: 32px !important;
    line-height: 38px !important;
}



.news-template-default h1,
.news-template-default .title *,
.news-template-default .title {
    font-size: 55px !important;
    line-height: 60px !important;
}
*/

.news-template-default h2 strong,
.news-template-default h3 strong,
.news-template-default h4 strong,
.news-template-default h5 strong {
    font-weight: 300 !important;
}

.subtitle {
    font-size: 32px;
    line-height: 120%;
}

.text {
    font-size: 17px;
    line-height: 140%;
}

.pageHeader video {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: -1;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 0 0 5% 5%;
}

.pageHeader .title {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.pageHeader .subtitle {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 5%;
}

.imageCarousel {
    width: 100%;
    padding-bottom: 6%;
    background: url(/wp-content/uploads/2022/11/Mask-Group-170.png);
    background-size: cover;
    padding: 5% 0;
}

.imageCarousel .carousel {
    display: flex;
    height: 39vw;
    width: 70%;
    margin: 0 auto;
}

.imageCarousel .carouselCounter {
    width: 30%;
    display: flex;
    position: absolute;
    left: 46.4%;
    margin-top: -5%;
    z-index: 1;
}

.imageCarousel .carouselCounter>div {
    width: 12px;
    height: 12px;
    border-radius: 20px;
    border: 2px solid #92D400;
    margin-right: 14px;
    cursor: pointer;
}

.imageCarousel .carouselCounter>div:hover {
    background: #92D400;
}

.imageCarousel .carouselCounter>div.selected {
    background: #92D400;
}

.imageCarousel .single {
    position: absolute;
    width: 64vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 75%;
    transition: all 1s ease-in-out;
    z-index: 2;
    pointer-events: none;
}

.imageCarousel .single .greenButton {
    pointer-events: all !important;
}

.imageCarousel .single .title {
    width: 32.031vw;
}

.imageCarousel .single .text {
    width: 32.031vw;
}

.imageCarousel .single .right {
    width: 32.031vw;
    margin-left: 5.2vw;
    transition: all 0.3s linear;
    opacity: 0;
}

.imageCarousel .single.selected .right {
    opacity: 1;
}

.imageCarousel .single .left img {
    width: 26.042vw;
    height: 38.92vw;
    object-fit: cover;
    border-radius: 20px;
}

.imageCarousel .single.selected {
    width: 80%;
    margin: 0;
}

.imageCarousel .single .text {
    margin: 3% 0 6% 0;
}

p a:not(.greenButton),
li a:not(.greenButton) {
    color: #92D400;
    font-weight: 500;
    text-decoration: none;
}

.greenButton {
    padding: 5px 15px;
    border: 2px solid #92D400;
    color: #92D400;
    text-decoration: none;
    transition: all 0.1s linear;
    border-radius: 5px;
    font-weight: bold;
    white-space: nowrap;
}

.blueButton {
    padding: 5px 15px;
    border: 2px solid #00B2A9;
    color: #00B2A9;
    text-decoration: none;
    transition: all 0.1s linear;
    border-radius: 5px;
    font-weight: bold;
    white-space: nowrap;
}

.blueButton:hover {
    color: black;
    background: #00B2A9;
}

.greenButton p {
    display: inline;
}

.greenButton:hover {
    color: black;
    background: #92D400;
}

.sectorspecial {
    display: flex;
    width: 70%;
    padding: 5% 15%;
    background: #F4F4F4;
    justify-content: space-between;
    align-items: flex-start;
}

.sectorspecial.white {
    background: white;
}

.sectorspecial a,
.textandimage .sectors a {
    width: 100%;
    text-decoration: none;
    display: block;
    padding: 1% 0;
    color: black;
    font-size: 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sectorspecial>div {
    width: 40%;
}

.sectorspecial .hard,
.sectorspecial .soft,
.textandimage .hard,
.textandimage .soft {
    margin: 5% 0;
}

.sectorspecial .sectorTitle,
.textandimage .sectorTitle {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 2%;
}

.sectorspecial .text {
    margin-top: 5%;
}

.sectorspecial .right a .left {
    width: 63%;
}

.sectorspecial .right a .right,
.textandimage .sectors a .right {
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sectorspecial .right a .right .img2,
.sectorspecial .right a:hover .right .img1,
.textandimage .sectors a:hover .right .img1,
.textandimage .sectors a .right .img2 {
    display: none;
}

.sectorspecial .right a .right b,
.textandimage .sectors a .right b {
    opacity: 0;
    transition: opacity 0.2s linear, right 0.2s ease-out;
    right: 70px;
    position: relative;
    font-size: 15px;
}

.sectorspecial .right a:hover .right b,
.textandimage .sectors a:hover .right b {
    opacity: 1;
    right: 0;
}

.sectorspecial .right a:hover .right .img2,
.textandimage .sectors a:hover .right .img2 {
    display: block;
}

.textandimage.quoteSize {
    align-items: center;
}

.textandimage.quoteSize>img {
    width: 30%;
}

.textandimage {
    width: 70%;
    /*padding: 90px 15%;*/
    padding: 45px 15%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    background-repeat: no-repeat !important;
}

.textandimage.topImage {
    align-items: flex-start;
}

.textandimage.topImage img {
    object-position: 0 0;
}

.textandimage .right>.list {
    width: 100%;
}

.textandimage .right .sectors {
    width: 100%;
}

.textandimage .right .sectors a {
    padding: 1% 0;
}

.textandimage>.right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.textandimage .list a {
    width: 100%;
    text-decoration: none;
    display: block;
    padding: 3% 0;
    color: black;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.textandimage>img {
    object-fit: cover;
    border-radius: 20px;
}

.textandimage .list a .left {
    width: 70%;
}

.textandimage .list a .right {
    width: 28%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.textandimage .list a .right .img2,
.textandimage .list a:hover .right .img1 {
    display: none;
}

.textandimage .list a .right b {
    opacity: 0;
    transition: opacity 0.2s linear, right 0.2s ease-out;
    right: 70px;
    position: relative;
    font-size: 15px;
}

.textandimage .list a:hover .right b {
    opacity: 1;
    right: 0;
}

.textandimage .list a:hover .right .img2 {
    display: block;
}

.ourservices {
    width: 70%;
    padding: 8% 15%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: url(/wp-content/uploads/2022/11/Mask-Group-97@2x.png);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.ourservices .right,
.textandimage .right {
    width: 45%;
}

.fmapproach .right {
    width: 40%;
}

.fmapproach .videoContainer {
    width: 50%;
}

.fmapproach .videoContainer iframe {
    width: 100%;
    height: 20vw;
    border-radius: 20px;
}

.fmapproach .videoContainer .overlay {
    width: 36%;
    position: absolute;
    height: 20vw;
    display: none;
}

.ourservices .text,
.fmapproach .text,
.textandimage .text {
    margin: 22px 0 9% 0;
    width: 100%;
}

.textandimage .sectors>.text {
    margin: 3% 0 0 0;
}

.fmapproach {
    width: 70%;
    padding: 5% 15% 10% 15%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: url(/wp-content/uploads/2022/12/Triangle-Graphic-2.png);
    background-size: 40%;
    background-position: 0 50%;
    background-repeat: no-repeat;
    flex-direction: row-reverse;
}

.fmapproach .text {
    margin: 5% 0 6% 0;
}

.quoteCarousel {
    color: white;
    width: 100%;
    background: #f4f4f4;
    background-size: cover !important;
    background-position: 50% 50% !important;
}

.quoteCarousel .carousel {
    display: flex;
}

.quoteCarousel .carousel .single {
    display: flex;
    align-content: center;
    width: 100vw;
    padding: 20% 0;
    min-height: 30vh;
    align-items: center;
    position: absolute;
    margin-left: 100vw;
    transition: margin 1s ease-out;
    max-width: 0px;
    overflow: hidden;
}

.quoteCarousel .carousel .single.selected {
    position: relative;
    margin: 0;
    max-width: 100%;
    overflow: visible;
}

.quoteCarousel .carousel .single img {
    width: 100vw;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    position: absolute;
}

.quoteCarousel .quote {
    width: 33.854vw;
    margin-left: 15%;
    padding-bottom: 5%;
    position: relative;
}

.quoteCarousel .quote .title {
    margin-bottom: 5%;
    font-size: 50px;
    width: 100%;
    max-width: 540px;
    text-indent: -15px;
}

.quoteCarousel .carouselFooter {
    left: 15%;
    position: absolute;
    margin-top: -23%;
    width: 10%;
}

.carouselFooter.blueHover .greenButton:hover {
    background: #00B2A9 !important;
    border: 2px solid #00B2A9 !important;
    color: white !important;
}

.carouselFooter.blueHover .quoteCounter>div:hover,
.carouselFooter.blueHover .quoteCounter>div.selected {
    background: #00B2A9;
    border: 1px solid #00B2A9;
}

.quoteCarousel .carouselFooter .greenButton.white {
    border: 2px solid white;
    color: white;
}

.quoteCarousel .carouselFooter .greenButton.white:hover {
    background: white;
    color: black;
}

.quoteCarousel .quoteCounter {
    display: flex;
    width: 100%;
}

.quoteCarousel .quoteCounter>div.selected {
    background: white;
}

.quoteCarousel .quoteCounter>div {
    width: 12px;
    height: 12px;
    border: 1px solid white;
    margin-right: 10px;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.1s linear;
}

.quoteCarousel .quoteCounter>div:hover {
    background: white;
}

.contactFooter {
    width: 70%;
    padding: 7% 15%;
    display: flex;
    justify-content: space-between;
    background: url(/wp-content/uploads/2022/12/Mask-Group-157.png);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-color: #F4F4F4;
}

.contactFooter.welcome,
.contactFooter.privee {
    background-image: url(/wp-content/uploads/2024/12/Group-1387@2x.png);
    background-repeat: repeat;
    padding-top: 180px;
    background-position: 50% 50%;
    background-size: 60%;
}

.contactFooter.white {
    background: unset;
    background-color: white;
}

.contactFooter.white input:not(input[type="submit"]),
.contactFooter.white textarea {
    background: #F4F4F4;
}

.contactFooter.white input[type="submit"] {
    background: white;
}

.contactFooter.blue {
    background: url(/wp-content/uploads/2022/11/Mask-Group-102.png);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-color: #edfaf9;
}

.contactFooter.blue .title {
    color: #01B2A9;
}

.contactFooter.welcome .title,
.contactFooter.privee .title {
    font-size: 50px;
}

.contactFooter.blue form p:nth-child(7) input {
    border: 2px solid #01B2A9;
    color: #01B2A9;
    background: transparent;
}

.contactFooter form input,
.contactFooter form textarea {
    background: #f9f9f9;
}

.contactFooter.blue form p:nth-child(7) input:hover {
    background: #01B2A9;
    color: white;
}

.contactFooter .left {
    width: 30%;
}

.contactFooter .left.title img {
    max-width: 300px;
    display: block;
    width: 80%;
    margin-bottom: 30px;
}

.contactFooter .right {
    width: 60%;
}

.contactFooter .right {
    width: 60%;
}

.contactFooter .right .dropdown {
    width: 100%;
    position: relative;
}

.contactFooter .right .dropdown .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px 5px 15px;
    background: #f9f9f9;
    cursor: pointer;
    color: gray;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.5s linear;
    width: calc(100% - 40px);
    margin-bottom: 5px;
}

.contactFooter .right .dropdown.openn .top {
    border-radius: 10px 10px 0px 0px;
}

.contactFooter .right .dropdown .top.error {
    color: red;
}

.contactFooter form {
    display: flex;
    flex-wrap: wrap;
}

.contactFooter .right .dropdown .top .img {
    width: 15px;
    height: 20px;
    position: relative;
}

.contactFooter .right .dropdown .top .img div:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url('/wp-content/uploads/2022/11/Polygon-61.png');
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
}

.contactFooter .right .dropdown .top .img div:last-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url('/wp-content/uploads/2022/11/Polygon-62.png');
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.contactFooter .right .dropdown:hover .top .img div:first-child {
    opacity: 0;
}

.contactFooter .right .dropdown:hover .top .img div:last-child {
    opacity: 1;
}

.contactFooter .right .dropdown:hover .top .img div {
    transform: rotate(90deg);
    left: -5px;
}

.contactFooter .right .dropdown #clickers {
    z-index: 1;
    position: absolute;
    padding: 0px 15px 0px 15px;
    width: calc(100% - 20px);
    border-top: 0px;
    transition: all 0.5s ease-in-out;
    max-height: 0px;
    overflow: hidden;
    border-top: 0px;
    background: #f9f9f9;
    font-size: 13px;
    border-radius: 0px 0px 10px 10px;
    width: calc(100% - 40px);
    top: 29px;
}

.contactFooter .right .dropdown #clickers div {
    cursor: pointer;
    transition: all 0.1s linear;
    padding: 3px 0;
    font-size: 13px;
    color: gray;
}

.contactFooter .right .dropdown #clickers div:hover {
    color: black;
}

.contactFooter .right .dropdown #clickers.open {
    max-height: 100px;
    padding-top: 3px;
}

.contactFooter .right .contactForms {
    width: 100%;
    position: relative;
}

.contactFooter .right .contactForms .single {
    display: none;
}

.contactFooter .right .contactForms.unselected .single:first-child {
    opacity: 0.5;
    pointer-events: none;
    display: block;
}

.contactFooter .right .contactForms .single.selected {
    display: block;
}

.contactFooter form {
    display: flex;
    flex-wrap: wrap;
}

.contactFooter form p:nth-child(2),
.contactFooter form p:nth-child(3),
.contactFooter form p:nth-child(4),
.contactFooter form p:nth-child(5) {
    width: 50%;
}

.contactFooter form p:nth-child(2) input,
.contactFooter form p:nth-child(3) input,
.contactFooter form p:nth-child(4) input,
.contactFooter form p:nth-child(5) input {
    width: 87%;
    margin: 2% 0;
    border: 0px;
    padding: 3% 5%;
    border-radius: 10px;
}

.contactFooter form p:nth-child(6) {
    width: 100%;
}

.contactFooter form p:nth-child(6) textarea {
    width: 94%;
    padding: 2% 2.2%;
    border-radius: 10px;
    font-family: aktiv-grotesk, sans-serif;
    border: 0px;
    resize: none;
    margin-top: 1%;
}

.contactFooter form p:nth-child(7) {
    width: 20%;
}

.contactFooter form p:nth-child(7) input {
    width: fit-content;
    font-size: 16px;
    padding: 5px 30px;
    border: 2px solid #92D400;
    color: #92D400;
    text-decoration: none;
    transition: all 0.1s linear;
    border-radius: 5px;
    font-weight: bold;
    margin-top: 30%;
    cursor: pointer;
    background: transparent;
}

.contactFooter form p:nth-child(7) input:hover {
    color: black;
    background: #92D400;
}

.wpcf7-response-output {
    width: 100%;
    margin: 0 !important;
}

.footer {
    width: 70%;
    padding: 7% 15%;
    background: #14252F;
    color: white;
}

.footer .top {
    display: flex;
    justify-content: space-between;
}

.footer .top a {
    color: white;
    text-decoration: none;
    display: block;
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: 100;
}

.footer .top a:hover {
    color: #92D400;
}

.footer .top .bold,
.footer .top .bold a {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10%;
}

.footer .top img {
    object-fit: contain;
    object-position: 0 0;
    padding-right: 15%;
}

.footer .top .logos img {
    display: block;
    max-width: 80%;
    margin-bottom: 50px
}

.footer .top>div {
    width: 16%;
}

.footer .top .socials {
    width: 90%;
    display: flex;
    margin-top: 10%;
}

.footer .top .socials img {
    height: 25px;
}

.footer .top .info {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    line-height: 150%;
}

.footer .top .info div {
    width: 100%;
}

.footer .top .info a {
    font-weight: 300;
    white-space: nowrap;
}

.footer .bottom {
    margin-top: 7%;
    border-top: 2px solid #293a43;
    padding-top: 3%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.footer .bottom a,
.footer .bottom a:visited {
    margin: 0 0 0 35px;
    color: white;
    text-decoration: none;
    text-align: center;
}

.mobHeader {
    width: 100%;
    position: fixed;
    top: 102px;
    height: 100vh;
    max-height: 0px;
    overflow: hidden;
    background: white;
    transition: all 1s ease-out;
    text-align: center;
    z-index: 19;
}

.mobHeader a {
    color: black;
    text-decoration: none;
    display: block;
    width: 80%;
    text-align: left;
    margin: 0 auto 4vh auto;
    font-size: 40px;
}

.mobHeader.headOpened>a:last-child {
    padding-bottom: 100px;
}

.mobHeader .mobdrop {
    display: flex;
    align-items: center;
    padding-bottom: 3%;
}

.mobHeader .mobdrop.selected {
    padding-bottom: 0px;
    margin-bottom: 2%;
}

.mobHeader .mobdrop img {
    transform: rotate(90deg);
    margin-left: 5%;
    margin-top: 7px;
    transition: all 0.5s ease-out;
}


/*.mobHeader .mobdrop:hover img,*/

.mobHeader .mobdrop.selected img {
    transform: rotate(180deg);
}

.mobHeader a:hover {
    text-decoration: underline;
}

.mobHeader .mobheaderTab {
    width: 80%;
    margin: 0 auto;
    max-height: 0%;
    overflow: hidden;
}

.mobHeader .mobheaderTab.selected {
    max-height: fit-content;
    padding-bottom: 8%;
    overflow: visible;
    padding-top: 5%;
}

.mobHeader .mobInnertabContent {
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    text-align: left;
    padding-bottom: 2%;
    border-bottom: 1px solid black;
    margin-bottom: 10%;
}

.mobHeader .mobInnertabContent.selected {
    max-height: 100%;
}

.mobHeader .mobInnertab {
    font-size: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
}

.mobHeader .mobInnertab img {
    width: 25px;
    transition: all 0.1s linear;
}

.mobHeader .mobInnertab .img2,
.mobHeader .mobInnertab.selected .img1,
.mobHeader .mobInnertab:hover .img1,
.mobHeader .mobInnertabContent a .img2,
.mobHeader .mobInnertabContent a:hover .img1 {
    display: none;
}

.mobHeader .mobInnertab.selected .img2,
.mobHeader .mobInnertab:hover .img2,
.mobHeader .mobInnertabContent a:hover .img2 {
    display: unset;
}

.mobHeader .mobInnertabContent .text {
    margin: 3% 0;
    font-size: 16px;
}

.mobHeader .mobInnertabContent .greenButton {
    display: block;
    margin: 5% 0 10% 0;
    font-size: 16px;
    width: fit-content;
    color: #92D400;
}

.mobHeader .mobInnertabContent .greenButton:hover {
    color: black;
}

.mobHeader .mobInnertabContent a {
    font-size: 19px;
    width: 100%;
    margin: 7% 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropper {
    display: none;
    cursor: pointer;
    width: 10%;
    margin-top: 10px;
}

.header .dropper>div {
    width: 100%;
    height: 5px;
    margin-bottom: 10px;
    background: white;
    position: relative;
    transition-delay: 1s;
    transition: background 0.3s linear 0s;
    animation-fill-mode: forwards;
    animation-duration: 1s;
}

.header.colour .dropper>div {
    background: black;
}

.header .dropper.closed #one {
    animation-name: headerAnimOne2;
}

.header .dropper.closed #two {
    animation-name: headerAnimTwo2;
}

.header .dropper.closed #three {
    animation-name: headerAnimThree2;
}

.header .dropper.begin #one {
    animation-name: headerAnimOne;
}

.header .dropper.begin #two {
    animation-name: headerAnimTwo;
}

.header .dropper.begin #three {
    animation-name: headerAnimThree;
}

@keyframes headerAnimOne {
    0% {
        top: 0;
    }

    50% {
        top: 15px;
        transform: rotate(0deg);
    }

    100% {
        top: 15px;
        transform: rotate(-45deg);
    }
}

@keyframes headerAnimOne2 {
    0% {
        top: 15px;
        transform: rotate(-45deg);
    }

    50% {
        top: 15px;
        transform: rotate(0deg);
    }

    100% {
        top: 0;
        transform: rotate(0deg);
    }
}

@keyframes headerAnimTwo {
    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-45deg);
    }
}

@keyframes headerAnimTwo2 {
    0% {
        transform: rotate(-45deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes headerAnimThree {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
        transform: rotate(0deg);
    }

    100% {
        top: -15px;
        transform: rotate(45deg);
    }
}

@keyframes headerAnimThree2 {
    0% {
        top: -15px;
        transform: rotate(45deg);
    }

    50% {
        top: -15px;
        transform: rotate(0deg);
    }

    100% {
        top: 0;
    }
}

.mobHeader.headOpened {
    padding-top: 3%;
    height: 100vh;
    max-height: calc(100vh - 105px);
    overflow-y: scroll;
}

.ourSectors {
    width: 70%;
    padding: 5% 15%;
    background: #F4F4F4;
}

.ourSectors .carousel {
    margin-top: 4%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ourSectors .carousel .slides {
    width: 80%;
    height: 40vw;
    max-height: 700px;
    display: flex;
    align-items: flex-end;
}

.ourSectors .carousel .buttons {
    height: 25vw;
    width: 18%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
}

.ourSectors .carousel .buttons>div,
.addedValue .carouselButtons>div {
    width: 100%;
    display: flex;
    cursor: pointer;
}

.ourSectors .carousel .buttons>div img,
.addedValue .carouselButtons>div img {
    width: 25px;
    position: absolute;
    transition: all 0.1s linear;
}

.ourSectors .carousel .buttons>div .img2,
.ourSectors .carousel .buttons>div.selected .img1,
.addedValue .carouselButtons>div .img2,
.addedValue .carouselButtons>div.selected .img1 {
    opacity: 0;
}

.ourSectors .carousel .buttons>div.selected .img2,
.ourSectors .carousel .buttons>div:hover .img2,
.addedValue .carouselButtons>div.selected .img2,
.addedValue .carouselButtons>div:hover .img2 {
    opacity: 1;
}

.ourSectors .carousel .buttons>div p,
.addedValue .carouselButtons>div p {
    padding-left: 50px;
}

.ourSectors .carousel .slides>div {
    position: absolute;
    left: -48%;
    width: 52.68vw;
    transition: all 1s ease-in-out;
}

.ourSectors .carousel .slides img {
    width: 52.68vw;
    height: 25vw;
    max-height: 500px;
    border-radius: 35px;
    object-fit: cover;
    margin-top: 5%;
}

.ourSectors .carousel .slides>div.selected {
    left: 15%;
}

.ourSectors .carousel .slides .text {
    width: 80%;
    margin-top: 3%;
}

.carouselSlider {
    width: 70%;
    margin: 5% auto;
    display: flex;
    justify-content: space-between;
}

.carouselSlider.gray {
    background: #F2F0F0;
    padding: 5% 15%;
    margin: 0;
}

.carouselSlider .title {
    width: 35%;
}

.carouselSlider .carousel {
    width: 50%;
    display: flex;
}

.carouselSlider .carousel .single {
    width: 19vw;
    padding-right: 5%;
}

.carouselSlider .carousel .single img {
    width: 19vw;
}

.carouselSlider .carousel img {
    width: 100%;
    margin-bottom: 2%;
}

.greatPeople {
    margin: 5% 0;
    padding: 10% 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F2F0F0;
    background-image: url(/wp-content/uploads/2022/11/Group-1251-e1668008876949.png);
    background-size: cover;
}

.greatPeople>div {
    width: 35%;
    padding-left: 10%;
}

.greatPeople .text {
    margin: 3% 0 9% 0;
}

.addedValue {
    width: 70%;
    margin: 5% auto;
}

.addedValue .carousel {
    display: flex;
    justify-content: space-between;
    margin-top: 4%;
}

.addedValue .carousel .inner {
    width: 70%;
    height: 35vw;
    display: flex;
    align-items: flex-end;
}

.addedValue .carousel .inner .text {
    width: 85%;
    margin: 3% 0;
}

.addedValue .carousel .carouselButtons {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.addedValue .carousel .single {
    position: absolute;
    width: 49vw;
    transition: all 1s ease-in-out;
    left: -42%;
}

.addedValue .carousel .single.selected {
    left: 15%;
}

.addedValue .carousel .single img {
    width: 49vw;
    height: 25vw;
    object-fit: cover;
}

.staffQuote {
    width: 70%;
    padding: 8% 15%;
    background: url(/wp-content/uploads/2022/11/Mask-Group-170.png);
    background-size: cover;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.staffQuote .title {
    text-indent: -15px;
}

.staffQuote img {
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 20px;
}

.staffQuote>div {
    width: 50%;
}

.staffQuote .text.quote {
    margin: 5% 0;
    font-weight: bold;
}

.staffQuote .text {
    margin-bottom: 5%;
}

.teamDisplay {
    width: 70%;
    margin: 10% auto;
}

.teamDisplay .staffcontainer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    text-align: center;
    margin-top: 5%;
}

.teamDisplay .staffcontainer .upper {
    width: 100%;
    height: 15vw;
    background-position: 50% 50% !important;
    background-size: cover !important;
    margin-bottom: 1%;
    display: flex;
    align-items: stretch;
    border-radius: 20px;
}

.teamDisplay .staffcontainer .upper>div {
    width: 90%;
    padding: 0 5%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    color: white;
    opacity: 0;
    transition: all 0.1s linear;
    border-radius: 20px;
}

.teamDisplay .staffcontainer .upper>div a {
    margin: 4% auto;
}

.teamDisplay .staffcontainer .upper>div:hover {
    background-color: #00000078;
    opacity: 1;
}

.teamDisplay .staffcontainer .singleStaff {
    width: 23%;
    margin: 3% 1%;
}

.teamDisplay .staffcontainer .lower .subtitle {
    margin: 2% 0;
}

.teamDisplay .staffcontainer .lower .position {
    color: #00B2A9;
}

.ourValues {
    width: 70%;
    padding: 5% 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ourValues>img {
    border-radius: 20px;
}

.ourValues .left {
    width: 45%;
}

.ourValues .title {
    color: #00B2A9;
}

.ourValues .subtitle {
    margin: 5% 0 1% 0;
}

.ourValues .carousel .single {
    transition: opacity 0.5s linear;
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
}

.ourValues .carousel .single.selected {
    opacity: 1;
    position: relative;
    z-index: 1;
}

.ourValues .text {
    margin-bottom: 5%;
}

.ourValues .carouselButtons {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6%;
}

.ourValues .carouselButtons>div {
    width: 15px;
    height: 15px;
    border-radius: 20px;
    border: 1px solid #00B2A9;
    transition: all 0.1s linear;
    cursor: pointer;
}

.ourValues .carouselButtons>div:hover,
.ourValues .carouselButtons>div.selected {
    background: #00B2A9;
}

.availableRoles {
    width: 70%;
    padding: 5% 15%;
    background: #F4F4F4;
}

.availableRoles .title {
    color: #00B2A9;
    margin-bottom: 5%;
}

.availableRoles .list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.availableRoles .list .left {
    width: 50%;
}

.availableRoles .list>.right {
    width: 45%;
}

.availableRoles .list>.right .enquiry a.whiteButton {
    padding: 5px 15px;
    border: 2px solid white;
    color: white;
    text-decoration: none;
    transition: all 0.1s linear;
    border-radius: 5px;
    font-weight: bold;
    white-space: nowrap;
    display: block;
    width: fit-content;
    margin-top: 10px;
}

.availableRoles .list>.right .enquiry a.whiteButton:hover {
    color: #00b2a9;
    background: white;
}

.availableRoles .list>.right .enquiry {
    padding: 20px;
    background: #00b2a9;
    color: white;
    border-radius: 20px;
}

.availableRoles .list>.right .enquiry h1 {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 10px;
}

.availableRoles .list>.right>img {
    object-fit: cover;
    object-position: 50% 0;
    border-radius: 20px;
    width: 100%;
    margin-top: 30px;
}

.availableRoles .list .left .filter {
    text-align: right;
    margin-bottom: 3%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.availableRoles .list .left .filter .jobFilter {
    width: fit-content;
    text-align: left;
    position: absolute;
    padding: 0 1%;
    background: #ededed;
    margin-top: 25px;
    transition: all 0.5s ease-out;
    max-height: 0px;
    overflow: hidden;
}

.availableRoles .list .left .filter .jobFilter.visible {
    padding: 1%;
    max-height: 200px;
}

.availableRoles .list .left .filter .hover {
    color: #14252F;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.availableRoles .list .left .filter .hover.visible .open {
    opacity: 0;
}

.availableRoles .list .left .filter .hover.visible .closed {
    opacity: 1;
}

.availableRoles .list .left .filter .hover>div {
    margin-left: 5px;
    display: flex;
    align-items: center;
    width: 20px;
}

.availableRoles .list .left .filter .hover img {
    position: absolute;
    opacity: 0;
    transition: all 0.2s linear;
}

.availableRoles .list .left .filter .hover img.open {
    opacity: 1;
}

.availableRoles .list .left .filter .jobFilter>div {
    margin-bottom: 4px;
    cursor: pointer;
}

.availableRoles .list .left .filter .jobFilter>div:hover,
.availableRoles .list .left .filter .jobFilter>div.selected {
    color: #00B2A9;
}

.availableRoles .list .left .roles {
    width: 100%;
    height: 30vw;
    overflow: scroll;
    margin-bottom: 3%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.availableRoles .list .left .roles .single {
    width: 100%;
    margin-bottom: 0px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s ease-out;
}

.availableRoles .list .left .roles .single>a {
    text-decoration: none;
    color: black;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid gray;
}

.availableRoles .list .left .roles .single .right {
    height: 25px;
}

.availableRoles .list .left .roles.location->div,
.availableRoles .list .left .roles.location-London>div.location-London,
.availableRoles .list .left .roles.location-birmingham>div.location-Birmingham,
.availableRoles .list .left .roles.location-cambridge>div.location-Cambridge,
.availableRoles .list .left .roles.location-greaterLondon>div.location-CentralLondon,
.availableRoles .list .left .roles.location-home>div.location-HomeBased,
.availableRoles .list .left .roles.location-darlington>div.location-Darlington,
.availableRoles .list .left .roles.location-warwick>div.location-Warwick,
.availableRoles .list .left .roles.location-manchester>div.location-Manchester {
    margin-bottom: 40px;
    max-height: 80px;
}

.availableRoles .list .left .rolename {
    font-weight: bold;
}

.availableRoles .list .left .rolelocation .img2,
.availableRoles .list .left .rolelocation:hover .img1 {
    display: none;
}

.availableRoles .list .left .rolelocation:hover .img2 {
    display: block;
}

.caseStudies,
.tenreasons {
    width: 70%;
    margin: 7% auto;
}

.caseStudies .title,
.tenreasons .title,
.caseStudies .text {
    position: absolute;
    width: 40%;
    left: 50.5%;
    padding-top: 2%;
}

.caseStudies .carouselButtons {
    position: absolute;
    width: fit-content;
    display: flex;
    justify-content: flex-start;
    left: 51%;
    margin-top: -5%;
}

.caseStudies.successStories .carouselButtons>div {
    border: 1px solid #00b2a9;
}

.caseStudies.successStories .carouselButtons>div.selected,
.caseStudies.successStories .carouselButtons>div:hover {
    background: #00b2a9;
}

.caseStudies .carouselButtons>div {
    width: 15px;
    height: 15px;
    border: 1px solid #92d400;
    border-radius: 100%;
    cursor: pointer;
    margin-right: 15px;
    transition: all 0.2s linear;
}

.caseStudies .carouselButtons>div.selected,
.caseStudies .carouselButtons>div:hover {
    background: #92d400;
}

.caseStudies.successStories .title,
.caseStudies.successStories .carouselButtons,
.caseStudies.successStories .text {
    left: 51%;
}

.caseStudies.successStories .title {
    padding-top: 0;
}

.caseStudies.successStories .carouselButtons {
    margin-top: -10%;
}

.caseStudies.successStories .text {
    padding-top: 9%;
    width: 30%;
}

.caseStudies .carouselButtons img {
    width: 25px;
}

.caseStudies .carousel,
.tenreasons .carousel {
    display: flex;
    height: 31vw;
}

.caseStudies .carousel .single,
.tenreasons .carousel .single {
    position: absolute;
    width: 70vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 1s ease-in-out;
}

.caseStudies .carousel .single.selected {
    max-width: 100%;
    overflow: visible;
}

.caseStudies .carousel .single.right,
.tenreasons .carousel .single.right {
    right: -59%;
}

.caseStudies .carousel .single.left,
.tenreasons .carousel .single.left {
    left: -21%;
}

.caseStudies .carousel .single .right,
.tenreasons .carousel .single .right {
    opacity: 0;
    transition: all 0.5s linear;
}

.caseStudies.clientsSay .carousel .single {
    left: -39%;
}

.caseStudies.clientsSay .carousel .single .right {
    transition-delay: 0.3s;
}

.caseStudies .carousel .single.left.selected,
.tenreasons .carousel .single.left.selected {
    left: 15%;
}

.caseStudies .carousel .single.selected .right,
.tenreasons .carousel .single.selected .right {
    opacity: 1;
}

.caseStudies .carousel .single.right.selected,
.tenreasons .carousel .single.right.selected {
    right: 15%;
}

.caseStudies .carousel .right .subtitle,
.tenreasons .carousel .right .subtitle {
    padding: 3% 0;
}

.caseStudies .carousel .right .subtitle {
    width: 36vw;
}

.caseStudies.successStories .carousel .right .subtitle {
    padding: 5% 0;
}

.caseStudies .carousel .single img,
.tenreasons .carousel .single img {
    width: 31vw;
    height: 31vw;
    object-fit: cover;
    border-radius: 20px;
}

.caseStudies .carousel .single .right,
.tenreasons .carousel .single .right {
    width: 34vw;
}

.caseStudies .carousel .greenButton,
.tenreasons .carousel .greenButton {
    display: block;
    width: fit-content;
    margin-top: 3%;
}

.tenreasons .carouselButtons {
    display: flex;
    width: 35%;
    position: absolute;
    left: 50.5%;
    margin-top: -5%;
    justify-content: space-between;
    font-size: 30px;
    color: #d3caca;
    cursor: pointer;
}

.tenreasons .carouselButtons>div {
    transition: all 0.1s linear;
}

.tenreasons .carouselButtons div.selected {
    color: black;
}

.tenreasons .carouselButtons div:hover {
    color: black;
}

.tenreasonscarousel {
    width: 70%;
    margin: 0 auto;
    padding: 7% 0;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.tenreasonscarousel>div {
    width: 48%;
}

.tenreasonscarousel .left img {
    width: 28vw;
    border-radius: 20px;
    height: 31vw;
    object-fit: cover;
    position: absolute;
    transition: all 1s ease-in-out;
}

.tenreasonscarousel .left img.left {
    left: -20%;
}

.tenreasonscarousel .left img.right {
    left: 90%;
}

.tenreasonscarousel .left img.selected {
    left: 15%;
}

.tenreasonscarousel .right .carousel {
    height: 15vw;
}

.tenreasonscarousel .right .carousel .single {
    position: absolute;
    width: 33vw;
    transition: all 1s ease-in-out;
    opacity: 0;
    pointer-events: none;
}

.tenreasonscarousel .right .carousel .single.left {
    left: 16%;
}

.tenreasonscarousel .right .carousel .single.right {
    left: 100%;
}

.tenreasonscarousel .right .carousel .single.selected {
    opacity: 1;
    pointer-events: all;
    left: 51.5%;
}

.tenreasonscarousel .right .carousel .single .text {
    margin-bottom: 5%;
}

.tenreasonscarousel .carouselButtons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 5% 0;
}

.tenreasonscarousel .carouselButtons>div {
    width: 48%;
    font-size: 30px;
    color: #d3caca;
    margin-bottom: 2%;
    transition: all 0.1s linear;
    cursor: pointer;
}

.tenreasonscarousel .carouselButtons>div:hover {
    color: black;
}

.tenreasonscarousel .carouselButtons>div.selected {
    color: black;
}

.tenreasonscarousel .carouselButtons>div>p::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    margin-left: 10px;
    top: calc(50% - 8px);
    transition: all 0.3s ease-in-out;
    transform: rotate(0deg);
    background: url('/wp-content/uploads/2022/11/Polygon-61.png');
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.tenreasonscarousel .carouselButtons>div.selected>p::after,
.tenreasonscarousel .carouselButtons>div:hover>p::after {
    background: url('/wp-content/uploads/2022/11/Polygon-62.png');
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: rotate(90deg);
}

.tenreasonscarousel .carouselButtons>div p {
    display: inline;
    position: relative;
}

.tenreasonscarousel .carouselButtons>div.intro {
    width: 100%;
    padding-bottom: 2%;
}

.tenreasonscarousel .carouselButtons>div.intro img {
    margin-right: 11px;
}

.tenreasonscarousel.sustainability .carouselButtons>div .inner {
    color: black;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.tenreasonscarousel.sustainability .carouselButtons>div.selected .inner {
    max-height: 200px;
}

.latestNews .categories {
    width: 100%;
    margin: 20px auto;
    position: relative;
}

.latestNews .categories .upper {
    width: 90%;
    max-width: 600px;
    padding: 7px 2%;
    display: flex;
    justify-content: space-between;
    background: #f1f0f0;
    align-items: center;
    border: 1px solid black;
    cursor: pointer;
}

.latestNews .categories .dropdown .single {
    cursor: pointer;
    margin-bottom: 2px;
}

.latestNews .categories .dropdown {
    width: 100%;
    max-width: 600px;
    position: absolute;
    background: #f1f0f0;
    padding: 0px 2%;
    z-index: 1;
    border: 1px solid black;
    overflow: hidden;
    border-top: 0px;
    border-bottom: 0px;
    transition: all 0.5s ease-in;
    max-height: 0px;
}

.latestNews .categories .dropdown.open {
    max-height: 600px;
    padding: 7px 2%;
    border-bottom: 1px solid black;
}

.latestNews .categories .upper img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
}

.latestNews .posts.Ana .post,
.latestNews .posts.Awa .post,
.latestNews .posts.Cli .post,
.latestNews .posts.Fac .post,
.latestNews .posts.Har .post,
.latestNews .posts.Lon .post,
.latestNews .posts.Peo .post,
.latestNews .posts.Sof .post,
.latestNews .posts.Sta .post,
.latestNews .posts.Suc .post,
.latestNews .posts.Sus .post,
.latestNews .posts.TFM .post,
.latestNews .posts.Und .post,
.latestNews .posts.Wor .post,
.latestNews .posts.Unc .post,
.latestNews .posts.Wor .post {
    max-height: 0px;
    width: 0px;
    opacity: 0;
    pointer-events: none;
}

.latestNews .posts.Ana .post.Anabas,
.latestNews .posts.Awa .post.Awards,
.latestNews .posts.Cli .post.Clients,
.latestNews .posts.Fac .post.Facilities,
.latestNews .posts.Har .post.Hard,
.latestNews .posts.Lon .post.London,
.latestNews .posts.Peo .post.People,
.latestNews .posts.Sof .post.Soft,
.latestNews .posts.Sta .post.Staff,
.latestNews .posts.Suc .post.Success,
.latestNews .posts.Sus .post.Sustainability,
.latestNews .posts.TFM .post.TFM,
.latestNews .posts.Und .post.Under,
.latestNews .posts.Wor .post.Workplace,
.latestNews .posts.Unc .post.Uncategorized,
.latestNews .posts.Wor .post.Workplace {
    max-height: unset;
    width: 32%;
    margin: 30px 1% 30px 0;
    opacity: 1;
    pointer-events: all;
}

.latestNews .categories .current {
    color: gray;
}

.latestNews .categories .current.selected {
    color: black;
}

.latestNews .categories .upper.open img {
    transform: rotate(180deg);
}

.caseStudies.newsCat .subtitle.display {
    font-size: 17px;
    max-height: 150px;
    overflow-y: scroll;
}

.caseStudies.newsCat>.title {
    display: block;
    position: relative;
    width: 100%;
    left: 0;
    margin-bottom: 70px;
}

.caseStudies.newsCat .subtitle.display a {
    color: #92d400;
}

.tenreasonscarousel.sustainability .carouselButtons>div {
    width: 100%;
}

.tenreasonscarousel.sustainability .left img.left {
    max-height: 470px;
}

.ourteam {
    width: 100%;
    margin: 7% 0;
}

.ourteam>div {
    display: flex;
    justify-content: space-between;
}

.ourteam .right {
    width: 30%;
    padding: 0 5%;
    background: white;
}

.ourteam .right .subtitle {
    margin-bottom: 8%;
}

.ourteam .carousel {
    width: 60%;
    height: 35vw;
    display: flex;
    overflow: hidden;
    background: linear-gradient(to right, rgb(255 255 255), rgb(0 0 0 / 0%), rgb(0 0 0 / 0%), rgb(0 0 0 / 0%));
}

.ourteam .carousel .single {
    width: 22vw;
    padding: 0 2vw;
    position: absolute;
    left: -15%;
    transition: all 1s ease-in-out, opacity 0.2s linear 0.7s;
    z-index: -1;
    opacity: 0;
}

.ourteam .carousel .single:not(.selected):not(.selectedtwo):not(.selectedthree) {
    transition: all 1s ease-in-out, opacity 0.2s linear 0s;
}

.ourteam .carousel .single.selected {
    left: 36%;
    opacity: 1;
}

.ourteam .carousel .single.selectedtwo {
    left: 12%;
    opacity: 1;
}

.ourteam .carousel .single.selectedthree {
    left: -12%;
    opacity: 1;
}

.ourteam .carousel img {
    width: 22vw;
    height: 22vw;
    object-fit: cover;
    border-radius: 20px;
    padding-bottom: 4%;
}

.ourteam .carousel .subtitle {
    padding-bottom: 1%;
}

.ourteam .carousel .text.position {
    font-size: 20px;
    padding-bottom: 3%;
}

.ourteam .carouselButtons img {
    width: 30%;
    cursor: pointer;
}

.ourteam .carouselButtons {
    width: 6%;
    margin-left: 14%;
}

.oneHappyTeam {
    width: 70%;
    padding: 5% 15%;
    background: #edfaf9;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

.oneHappyTeam .extra.text {
    margin-top: 10px;
    color: #00B2A9;
}

.oneHappyTeam .extra.text a {
    color: #00B2A9;
}

.oneHappyTeam .left {
    width: 45%;
}

.oneHappyTeam>img {
    object-fit: cover;
}

.oneHappyTeam .left .title,
.oneHappyTeam .left .subtitle {
    color: #00B2A9;
    padding-bottom: 5%;
}

.oneHappyTeam>img {
    max-height: 1000px;
    border-radius: 20px;
}

.oneHappyTeam .left .text {
    padding-bottom: 7%;
    color: #00B2A9;
}

.oneHappyTeam .temp .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.oneHappyTeam .temp>img {
    width: 250px;
    margin-bottom: 5%;
}

.oneHappyTeam .temp .carousel {
    margin: 5% 0;
}

.oneHappyTeam .temp .carousel .single {
    display: none;
}

.oneHappyTeam .temp .carousel .single.selected {
    display: block;
}

.oneHappyTeam .temp .carouselButtons {
    margin-top: 5%;
    width: 100%;
    display: flex;
    align-items: center;
}

.oneHappyTeam .temp .carouselButtons>div {
    width: 25px;
    height: 25px;
    border-radius: 40px;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #00B2A9;
    transition: all 0.1s linear;
}

.oneHappyTeam .temp .carouselButtons>div:hover,
.oneHappyTeam .temp .carouselButtons>div.selected {
    background: #00B2A9;
}

.featuredPost {
    width: 70%;
    /*margin: 5% auto;*/
    margin: 0 auto;
}

.featuredPost>.subtitle {
    margin: 5% 0 3% 0;
}

.featuredPost .post {
    background: url(/wp-content/uploads/2022/11/Mask-Group-170.png);
    background-position: 100% 0%;
    margin-top: 3%;
    padding-right: 3%;
    width: 97%;
    display: flex;
    background-color: #f1f0f0;
    border-radius: 20px;
    align-items: stretch;
    justify-content: space-between;
}

.featuredPost .post>img {
    object-fit: cover;
    border-radius: 20px;
}

.featuredPost .post>div {
    width: 65%;
    padding: 5% 0;
}

.featuredPost .post>div .subtitle {
    padding: 2% 0;
    color: black;
    text-decoration: none;
    display: block;
}

.featuredPost .post>div .text:not(.date) {
    padding-bottom: 3%;
}

.latestNews {
    width: 70%;
    margin: 5% auto;
}

.latestNews.banner {
    margin: 0 auto;
}

.latestNews .posts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.latestNews .post {
    width: 32%;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    overflow: hidden;
    margin-bottom: 3%;
    max-height: 1000px;
    transition: all 1s ease-out;
    background: url(/wp-content/uploads/2022/11/Mask-Group-170.png);
    background-position: 75% 0%;
    background-size: cover;
    background-color: #F2F0F0;
}

.latestNews>.greenButton {
    display: block;
    margin: 5% auto;
    width: fit-content;
    padding: 7px 30px;
    cursor: pointer;
    transition: all 0.3s linear;
    max-height: 40px;
    overflow: hidden;
}

.latestNews>.greenButton.hidden {
    padding: 0px 30px;
    max-height: 0px;
    border: 0px solid #92D400;
}

.latestNews .post.adjust {
    margin-top: 3%;
    margin-bottom: 0px;
}

.latestNews .post>div {
    width: 80%;
    padding: 10%;
}

.latestNews .post>div.postMimic {
    display: block;
    margin: 0;
}

.latestNews .post .subtitle {
    padding: 7% 0 4% 0;
    display: block;
    color: black;
    text-decoration: none;
}

.latestNews .post .text:not(.date) {
    height: 6vw;
    overflow: hidden;
    margin-bottom: 10%;
}

.latestNews .post:not(.hidden) .text:not(.date):before {
    margin-top: 1px;
    content: "";
    height: 6vw;
    width: 18vw;
    background: linear-gradient(transparent 60%, #f5f4f4);
    position: absolute;
}

.latestNews .post>img {
    max-width: 100%;
    width: 23vw;
    height: 13vw;
    object-fit: cover;
    border-radius: 20px;
}

.latestNews .post.hidden {
    max-height: 0px;
    overflow: hidden;
    margin: 0;
}

.latestNews .newsFooter {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.latestNews .newsFooter .greenButton {
    padding: 7px 30px;
}

.latestNews .newsFooter .text {
    width: 70%;
}

.latestNews.author {
    width: 80%;
}

.latestNews.author .newsFooter {
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid black;
}

.whitepapers {
    width: 70%;
    margin: 5% auto;
}

.whitepapers.success {
    border-top: 1px solid black;
    padding: 5% 0 5% 0;
}

.whitepapers.success .carouselButtons {
    margin-top: 3%;
    width: 100px;
    display: flex;
    float: right;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.whitepapers .post .text,
.whitepapers .post .subtitle {
    padding: 0 5%;
    width: 90%;
}

.whitepapers .post .subtitle {
    padding-top: 5%;
}

.whitepapers .post .greenButton {
    margin: 0 0 5% 5%;
}

.whitepapers.success .carouselButtons img {
    width: 25px;
}

.whitepapers.success .posts {
    align-items: flex-end;
    height: 40vw;
    max-height: 700px;
}

.whitepapers.success .posts img {
    width: 100%;
    object-position: 0 0;
}

.whitepapers.success .posts .post {
    width: 32%;
    opacity: 0;
    transition: all 1s ease-out, opacity 0.3s linear;
    position: absolute;
    left: 70%;
    width: 22%;
    z-index: -1;
}

.whitepapers.success .posts .post.selected {
    opacity: 1;
    position: absolute;
    left: 15%;
    z-index: 0;
}

.whitepapers.success .posts .post.selectedtwo {
    opacity: 1;
    position: absolute;
    left: 39%;
    z-index: 0;
}

.whitepapers.success .posts .post.selectedthree {
    opacity: 1;
    position: absolute;
    left: 63%;
    z-index: 0;
}

.whitepapers .posts {
    margin-top: 5%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}

.whitepapers>.text {
    width: 60%;
    margin: 2% 0;
}

.whitepapers .posts .post {
    width: 31%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    border-radius: 20px;
    background-color: #F2F0F0;
    margin: 15px 1%;
}

.whitepapers.extra .posts .post {
    width: 23%;
}

.whitepapers .posts .subtitle {
    margin-bottom: 5%;
}

.whitepapers .posts .text,
.whitepapers .posts img {
    margin-bottom: 7%;
}

.whitepapers .posts img {
    height: 20vw;
    object-fit: cover;
    border-radius: 20px;
}

.newsHeader {
    width: 70%;
    margin: calc(5% + 105px) auto 5% auto;
}

.newsHeader>.subtitle {
    padding-top: 3%;
}

.newsHeader .upper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3%;
}

.newsHeader .upper>img {
    height: 26vw;
    object-fit: cover;
    border-radius: 40px;
    object-position: 0 0;
}

.newsHeader .upper .title {
    width: 50%;
}

.staffQuoteFull {
    width: 70%;
    padding: 8% 15%;
    background: url(/wp-content/uploads/2022/11/Group-1257-1.png);
    background-color: #F4F4F4;
    background-position: 50% 50%;
    background-size: cover;
}

.staffQuoteFull .title {
    margin-bottom: 3%;
    width: 60%;
}

.latestNews.banner .newsFooter {
    padding-bottom: 3%;
    border-bottom: 1px solid black;
}

.latestNews.banner .newsFooter .greenButton {
    padding: 5px 30px;
}

.facebookLatest {
    width: 70%;
    margin: 5% auto;
    border-radius: 20px;
    background-color: #F4F4F4;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.facebookLatest .img {
    width: 40%;
}

.facebookLatest .img .fts-jal-fb-header,
.facebookLatest .img a.fts-powered-by-text:not(.nothing),
.facebookLatest .img .fts-likes-shares-etc-wrap,
.facebookLatest .img .fts-clear,
.facebookLatest .img .fts-jal-fb-top-wrap,
.facebookLatest .right .text .fts-jal-fb-header,
.facebookLatest .right .fts-clear,
.facebookLatest .right div#fb-root,
.facebookLatest .right a.fts-powered-by-text:not(.nothing),
.facebookLatest .right .fts-likes-shares-etc-wrap,
.facebookLatest .right .fts-jal-fb-link-wrap.fts-album-photos-wrap,
.facebookLatest .right .fts-clear,
.facebookLatest .right .fts-jal-fb-user-thumb,
.facebookLatest .right span.fts-jal-fb-user-name,
.facebookLatest .right span.fts-jal-fb-post-time,
.latestSocials .text .fts-jal-fb-header,
.latestSocials .text a.fts-powered-by-text:not(.nothing),
.latestSocials .text .fts-likes-shares-etc-wrap,
.latestSocials .text .fts-clear,
.latestSocials .text .text .fts-jal-fb-header,
.latestSocials .text .fts-clear,
.latestSocials .text div#fb-root,
.latestSocials .text a.fts-powered-by-text:not(.nothing),
.latestSocials .text .fts-likes-shares-etc-wrap,
.latestSocials .text .fts-jal-fb-link-wrap.fts-album-photos-wrap,
.latestSocials .text .fts-clear,
.latestSocials .text .fts-jal-fb-user-thumb,
.latestSocials .text span.fts-jal-fb-user-name,
.latestSocials .text span.fts-jal-fb-post-time,
.footer .top>div .exampleSocial .fts-jal-fb-header,
.footer .top>div .exampleSocial a.fts-powered-by-text:not(.nothing),
.footer .top>div .exampleSocial .fts-likes-shares-etc-wrap,
.footer .top>div .exampleSocial .fts-clear,
.footer .top>div .exampleSocial .text .fts-jal-fb-header,
.footer .top>div .exampleSocial .fts-clear,
.footer .top>div .exampleSocial div#fb-root,
.footer .top>div .exampleSocial a.fts-powered-by-text:not(.nothing),
.footer .top>div .exampleSocial .fts-likes-shares-etc-wrap,
.footer .top>div .exampleSocial .fts-jal-fb-link-wrap.fts-album-photos-wrap,
.footer .top>div .exampleSocial .fts-clear,
.footer .top>div .exampleSocial .fts-jal-fb-user-thumb,
.footer .top>div .exampleSocial span.fts-jal-fb-user-name,
.footer .top>div .exampleSocial span.fts-jal-fb-post-time,
.footer .top>div .exampleSocial span.fts-twitter-logo,
.footer .top>div .exampleSocial .fts-uppercase.fts-bold,
.footer .top>div .exampleSocial .fts-twitter-reply-wrap.fts-twitter-no-margin-left,
.footer .top>div .exampleSocial .fts-twitter-reply-wrap-left.fts-twitter-svg-addition,
.latestSocials .right .fts-twitter-reply-wrap.fts-twitter-no-margin-left,
.latestSocials .right .fts-twitter-reply-wrap-left.fts-twitter-svg-addition,
.facebookLatest .text .fts-jal-fb-vid-picture {
    display: none !important;
}

.exampleSocial .buttons {
    margin-top: 10px;
}

.facebookLatest .right .fts-jal-single-fb-post,
.latestSocials .text .fts-jal-single-fb-post,
.footer .top>div .fts-jal-single-fb-post,
.latestSocials .right .fts-tweeter-wrap .tweeter-info {
    border-bottom: 0px;
}

.latestSocials .right .upper .fts-tweeter-wrap:nth-child(2),
.latestSocials .right .lower .fts-tweeter-wrap:nth-child(1) {
    display: none;
}

.footer .top>div .fts-jal-fb-message,
.footer .top>div .fts-fb-photo-post-wrap.fts-jal-single-fb-post,
.facebookLatest .fts-jal-single-fb-post.fts-fb-video-post-wrap,
.footer .top>div .exampleSocial span.fts-twitter-text,
.footer .top>div .exampleSocial .fts-right,
.footer .top>div .exampleSocial .tweeter-info {
    padding: 0px !important
}

.footer .top>div .exampleSocial .fts-twitter-div a {
    font-size: 13px;
    text-decoration: underline;
}

.footer .top>div .exampleSocial .fts-twitter-text {
    font-size: 13px;
    line-height: 110%;
}

.facebookLatest .img .fts-fb-photo-post-wrap.fts-jal-single-fb-post,
.facebookLatest .img .fts-jal-fb-right-wrap,
.facebookLatest .img .fts-jal-fb-link-wrap.fts-album-photos-wrap,
.facebookLatest .img a.fts-jal-fb-picture,
.facebookLatest .img .fts-jal-fb-group-displayg,
.facebookLatest .fts-jal-fb-vid-picture,
.facebookLatest .fts-jal-fb-vid-wrap,
.facebookLatest .img .fts-jal-fb-group-display,
.facebookLatest .fts-jal-single-fb-post.fts-fb-video-post-wrap {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.facebookLatest .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.facebookLatest .right {
    width: 50%;
    padding: 5%;
}

.facebookLatest .right .blueButton {
    color: #3c5999;
    border: 2px solid #3c5999;
}

.facebookLatest .blueButton:hover {
    color: white;
    background: #3c5999;
}

.latestSocials .right .blueButton {
    color: #1b9cf1;
    border: 2px solid #1b9cf1;
}

.latestSocials .right .blueButton:hover {
    color: white;
    background: #1b9cf1;
}

.latestSocials .middle .blueButton {
    color: #0e77a8;
    border: 2px solid #0e77a8;
}

.latestSocials .middle .blueButton:hover {
    color: white;
    background: #0e77a8;
}

.facebookLatest .right .buttons,
.latestSocials .buttons,
.footer .top>div .buttons {
    display: flex;
    align-items: center;
}

.footer .top>div .buttons .blueButton {
    border: 1px solid white;
    color: white;
    font-weight: 300;
    font-size: 16px;
    padding: 2px 10px;
    margin-bottom: -3px;
}

.footer .top>div .buttons .blueButton:hover {
    background: white;
    color: black;
}

.footer .top>div .buttons img {
    height: 25px;
    margin-top: 3px;
}

.facebookLatest .right .buttons a,
.latestSocials .buttons a,
.footer .top>div .buttons a {
    margin-right: 3%;
}

.footer .top>div .buttons>a:not(.blueButton) {
    height: 28px;
    margin-bottom: 0;
    width: 43px;
}

.facebookLatest .right .title {
    padding-bottom: 3%;
}

.facebookLatest .right .text {
    padding-bottom: 5%;
}

.latestSocials {
    width: 70%;
    margin: 5% auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.latestSocials>div {
    width: 28%;
    border-radius: 20px;
}

.latestSocials .left {
    margin-bottom: 3%;
}

.latestSocials .left img {
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.latestSocials .middle {
    background: #F2F0F0;
    padding: 2%;
    margin-top: 3%;
}

.latestSocials .right {
    background: #cbe8fc;
    padding: 2%;
    margin-bottom: 3%;
}

.latestSocials .upper {
    width: 100%;
    margin-bottom: 10%;
    padding-bottom: 5%;
    border-bottom: 1px solid black;
}

.latestSocials .upper .subtitle {
    margin-bottom: 5%;
}

.latestSocials .text {
    margin-bottom: 3%;
}

.socialsFooter {
    width: 70%;
    margin: 5% auto;
    padding-bottom: 1%;
    border-bottom: 1px solid black;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.socialsFooter .text {
    width: 80%;
}

.ourValues.contact {
    background: url(/wp-content/uploads/2022/11/Mask-Group-101.png);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-color: #EDFAF9;
}

.ourValues.contact .title {
    color: black;
    margin-bottom: 3%;
}

.contactInfo {
    width: 70%;
    margin: 10% auto;
    display: flex;
    justify-content: space-between;
}

.contactInfo>div {
    width: 40%;
}

.contactInfo .title {
    margin-bottom: 5%;
}

.contactInfo .right {
    display: flex;
    justify-content: space-between;
}

.contactInfo .right>div {
    width: 48%;
}

.textandimageMini {
    width: 70%;
    margin: 5% auto;
    background: #F2F0F0;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    border-radius: 20px;
}

.textandimageMini>img {
    border-radius: 20px;
    object-fit: cover;
}

.textandimageMini .outerRight {
    width: 60%;
    padding: 2% 5% 2% 0;
}

.textandimageMini.swapped {
    flex-direction: row-reverse;
}

.textandimageMini.swapped .outerRight {
    padding-right: 0px;
    padding-left: 5%;
}

.textandimageMini .outerRight .subtitle {
    margin-bottom: 3%;
}

.textandimageMini .outerRight .inner {
    display: flex;
    justify-content: space-between;
}

.textandimageMini .outerRight .inner>div {
    width: 48%;
}

.textandimageMini a {
    width: 100%;
    text-decoration: none;
    display: block;
    padding-bottom: 3%;
    color: black;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.textandimageMini a .left {
    width: 70%;
}

.textandimageMini a .right {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.textandimageMini a .right .img2,
.textandimageMini a:hover .right .img1 {
    display: none;
}

.textandimageMini a .right b {
    opacity: 0;
    transition: opacity 0.2s linear, right 0.2s ease-out;
    right: 70px;
    position: relative;
    font-size: 15px;
}

.textandimageMini a:hover .right b {
    opacity: 1;
    right: 0;
}

.textandimageMini a:hover .right .img2 {
    display: block;
}

.newsHeader.casestudies .upper>div {
    width: 53%;
}

.newsHeader.casestudies .upper .subtitle {
    margin: 2% 0 4% 0;
}

.healthSafetyBanner {
    width: 60%;
    padding: 1% 4%;
    margin: 7% auto;
    background: #F2F0F0;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.healthSafetyBanner.one .title {
    width: 50%;
}

.healthSafetyBanner.one .images {
    width: 48%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.healthSafetyBanner.one .images>div {
    width: 32%;
}

.healthSafetyBanner.one .images img {
    height: 5vw;
    object-fit: contain;
    margin: 3% 0;
    width: 100%;
}

.healthSafetyBanner .text {
    width: 20%;
}

.healthSafetyBanner.two img {
    width: 9%;
}

.healthSafetyBanner.two a {
    width: 9%;
}

.healthSafetyBanner.two a img {
    width: 100%;
}

.dualTextbox {
    width: 70%;
    padding: 5% 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.dualTextbox>div {
    width: 48%;
    background: #F4F4F4;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.dualTextbox>div .text,
.dualTextbox>div .list {
    padding: 40px
}

.dualTextbox>div .text ul,
.textandimage .text ul {
    padding-left: 0;
    margin: 0;
}

.dualTextbox>div .text ul li,
.textandimage .text ul li {
    list-style-type: none;
    background-image: url("../../uploads/2022/11/Polygon-61.png");
    background-repeat: no-repeat;
    padding-left: 40px;
    margin: 20px 0;
    background-size: 18px;
    background-position-y: center;
}

.dualTextbox>div .list a {
    display: flex;
    width: 100%;
    margin-bottom: 2%;
    align-items: center;
    text-decoration: none;
    color: black;
}

.dualTextbox>div .list a p {
    margin-left: 35px;
}

.dualTextbox>div .list a img {
    width: 25px;
    margin-right: 10px;
    position: absolute;
    transition: all 0.1s linear;
}

.dualTextbox>div .list a .img2,
.dualTextbox>div .list a:hover .img1 {
    opacity: 0;
}

.dualTextbox>div .list a:hover .img2 {
    opacity: 1;
}

.dualTextbox>div .text .title {
    margin-bottom: 1%;
}

.dualTextbox>div>img {
    height: 17vw;
    object-fit: cover;
    border-radius: 20px;
}

.casestudyOverview {
    /*margin: 8% 0;*/
    margin: 0;
    width: 70%;
    padding: 3% 15%;
    background: url(/wp-content/uploads/2022/11/Mask-Group-170.png);
    background-size: cover;
    background-color: #f3f0f0;
}

.casestudyOverview .title {
    margin-bottom: 5%;
}

.casestudyOverview .overview {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
}

.casestudyOverview .overview>div {
    width: 20%;
    text-align: center;
}

.casestudyOverview .overview>div.border {
    border-right: 1px solid gainsboro;
}

.casestudyOverview .overview .text {
    margin-top: 2%;
}

.casestudyOverview .overview img {
    width: 100px;
    height: 100px;
    margin-top: 10%;
    object-fit: contain;
}

.casestudiesCarousel {
    width: 70%;
    margin: 5% auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.casestudiesCarousel .left {
    width: 45%;
}

.casestudiesCarousel .carousel {
    width: 100%;
    display: flex;
    align-items: center;
    height: 40vw;
    max-height: 700px;
}

.casestudiesCarousel .right {
    width: 40%;
}

.casestudiesCarousel .right .carousel img {
    width: 28vw;
    height: 40vw;
    max-height: 700px;
    position: absolute;
    border-radius: 20px;
    object-fit: cover;
    transition: all 1s ease-in-out;
    left: 92%;
}

.casestudiesCarousel .right .carousel img.selected {
    left: 57%;
}

.casestudiesCarousel .carouselButtons {
    margin-top: 5%;
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.casestudiesCarousel .carouselButtons img {
    width: 25px;
    margin-right: 5%;
    cursor: pointer;
}

.subscribePopup {
    position: fixed;
    width: 100%;
    height: calc(100vh - 105px);
    top: 105px;
    left: 0;
    background: #0000005c;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}

.subscribePopup.visible {
    opacity: 1;
    pointer-events: all;
    z-index: 1;
}

.subscribePopup .inner {
    width: 60%;
    border-radius: 20px;
    padding: 2% 3%;
    background: gainsboro;
    text-align: center;
    z-index: 3;
}

.subscribePopup .bg {
    position: absolute;
    width: 100%;
    height: 100vh;
}

.subscribePopup form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.subscribePopup form p {
    width: 100%;
    margin: 5px 0;
}

.subscribePopup form p:nth-child(2),
.subscribePopup form p:nth-child(3) {
    width: 49%;
}

.subscribePopup form p:nth-child(6) {
    width: 30%;
    margin: 0 auto;
    margin-top: 2%;
    cursor: pointer;
}

.subscribePopup form input {
    width: calc(100% - 50px);
    padding: 25px;
    border: 0px;
    border-radius: 20px;
    font-family: 'aktiv-grotesk';
    font-size: 15px;
}

.subscribePopup form p:nth-child(6) input {
    font-size: 25px;
    padding: 8px 15px;
    border: 4px solid #92D400;
    color: #92D400;
    text-decoration: none;
    transition: all 0.1s linear;
    border-radius: 10px;
    font-weight: bold;
    white-space: nowrap;
    cursor: pointer;
    background: white;
}

.subscribePopup form p:nth-child(6) input:hover {
    background: #92D400;
    color: white;
}

.subscribePopup .wpcf7-not-valid-tip {
    font-size: 25px;
    margin-top: 10px;
}

.subscribePopup .wpcf7-response-output {
    width: 70%;
    margin: 0 auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


/* hide the button of the service you are currently on */

body.single-services.postid-406 .sectorspecial a#\34 06,
body.single-services.postid-321 .sectorspecial a#\33 21,
body.single-services.postid-401 .sectorspecial a#\34 01,
body.single-services.postid-400 .sectorspecial a#\34 00,
body.single-services.postid-340 .sectorspecial a#\33 40,
body.single-services.postid-406 .sectorspecial a#\34 06,
body.single-services.postid-405 .sectorspecial a#\34 05,
body.single-services.postid-404 .sectorspecial a#\34 04,
body.single-services.postid-403 .sectorspecial a#\34 03,
body.single-services.postid-402 .sectorspecial a#\34 02 {
    display: none;
}


/* such a slight change to one tiny part of a single page, so ill just cheat with css */

.page-id-175 .caseStudies.successStories.bg {
    padding: 10% 0;
}

.newsText {
    width: 85%;
    margin: 105px auto 5% auto;
}

.newsText .upper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.newsText>.text {
    width: 80%;
}

.newsText .upper img {
    width: 40%;
    border-radius: 20px;
}

.newsText .upper .title {
    width: 55%;
}

.newsText p {
    margin-bottom: 10px;
}

.textHeader {
    padding-top: 105px;
}

.textHeader,
.textArea {
    width: 80%;
    margin: 5% auto;
}

.textColumns {
    width: 70%;
    margin: 5% auto;
    display: flex;
    justify-content: space-between;
}

.textColumns>div {
    width: 48%;
}

.textArea p {
    margin: 10px 0;
}

.textArea table {
    margin: 3% 0;
    width: 40%;
}

.textArea table tr {
    outline: 1px solid black;
}

.textArea table th,
.textArea table td {
    outline: 1px solid black;
    padding: 5px 10px;
}

.textArea a,
.textArea a:visited {
    color: #92D400;
}

.textHeader .title {
    margin-bottom: 2%;
}

.caseStudies.clientsSay .quotee {
    font-size: 20px;
    margin-top: 3%;
}

.smallIntro {
    width: 80%;
    padding: 60px 10%;
    min-height: 30vh;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    align-items: center;
    background-size: cover !important;
    background-position: 0% 25% !important;
    background-repeat: no-repeat !important;
}

.smallIntro.tall {
    min-height: 45vh;
    align-content: flex-end;
}

.smallIntro h1 {
    color: white;
    width: 100%;
    margin-bottom: 10px;
}

.welcometabs {
    width: 100%;
    margin: 100px auto;
}

.welcometabs .tabs {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.welcometabs .tabs .single {
    width: 10%;
    padding: 20px;
    background: #92d400;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s linear;
}

.welcometabs .tabs .single:first-child {
    border-radius: 15px 0 0 0;
}

.welcometabs .tabs .single:last-child {
    border-radius: 0 15px 0 0;
}

.welcometabs .tabs .single:nth-child(2) {
    background: #a3d72e;
}

.welcometabs .tabs .single:nth-child(3) {
    background: #b0de49;
}

.welcometabs .tabs .single:nth-child(4) {
    background: #bee26e;
}

.welcometabs .tabs .single:nth-child(5) {
    background: #cde791;
}

.welcometabs .tabs .single:hover,
.welcometabs .tabs .single.selected {
    background: white;
}

.welcometabs .inner {
    position: relative;
    display: flex;
    justify-content: center;
    width: 80%;
    padding: 50px 10%;
    background: white;
    border-radius: 3% 3% 0 0;
}

.welcometabs .inner .single {
    width: 80%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: absolute;
    opacity: 0;
    transition: opacity 0.2s linear;
    pointer-events: none;
}

.welcometabs .inner .single.selected {
    pointer-events: all;
    width: 100%;
    opacity: 1;
    position: relative;
}

.welcometabs .inner .single img {
    width: 48%;
    border-radius: 20px;
    object-fit: cover;
}

.welcometabs .inner .single .text {
    width: 48%;
}

.welcometabs .inner .single .text p {
    margin: 10px 0;
}

.welcometabs .inner .single .text .greenButton {
    display: block;
    width: fit-content;
    margin-top: 15px;
}

.welcometabs .inner .single .text li {
    margin: 7px 0;
    position: relative;
}

.welcometabs .inner .single .text li::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/2022/11/Polygon-61.png);
    position: absolute;
    left: -30px;
    background-size: contain;
    background-repeat: no-repeat;
    top: calc(50% - 9px);
}

.welcometabs .inner .single .text ::marker {
    color: white;
}

.miniquotes {
    width: 100%;
    padding: 30px 0;
    margin: 100px 0;
    background: #f4f4f4;
}

.miniquotes .inner {
    width: 80%;
    max-width: 950px;
    padding: 50px 0;
    margin: 0px auto;
    position: relative;
}

.miniquotes .inner .single {
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    opacity: 0;
    top: 50px;
    transition: opacity 0.2s linear;
    position: absolute;
}

.miniquotes .inner .single.selected {
    opacity: 1;
    position: relative;
    pointer-events: all;
    top: 0;
}

.miniquotes .inner .single img {
    width: 48%;
    object-fit: cover;
    border-radius: 25px;
}

.miniquotes .inner .single .content {
    width: 48%;
    padding-bottom: 75px;
}

.miniquotes .inner .single .content h1,
.miniquotes .inner .single .content h2,
.miniquotes .inner .single .content h3,
.miniquotes .inner .single .content h4,
.miniquotes .inner .single .content h5 {
    font-size: 38px;
}

.miniquotes .inner .single .content .quotee {
    margin: 25px 0 30px 0;
    font-weight: 500;
}

.miniquotes .inner .buttons {
    width: 48%;
    position: absolute;
    left: 52%;
    bottom: 75px;
    display: flex;
}

.miniquotes .inner .buttons>div {
    width: 12px;
    height: 12px;
    border: 1px solid #92d400;
    border-radius: 100%;
    margin-right: 10px;
    cursor: pointer;
    transition: background 0.1s linear;
}

.miniquotes .inner .buttons>div:hover,
.miniquotes .inner .buttons>div.selected {
    background: #92d400;
}

.relatedArticles {
    width: 80%;
    padding: 100px 10%;
    background: white;
}

.relatedArticles .inner {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.relatedArticles .inner .single {
    width: 32%;
    max-width: 0px;
    overflow: hidden;
    border-radius: 15px;
    background: #f4f4f4;
    transition: all 0.8s ease-in-out;
}

.relatedArticles .inner .single.selected {
    max-width: 31%;
    margin: 0 1%;
}

.relatedArticles .buttons {
    width: 100%;
    display: flex;
    margin-top: 50px;
    justify-content: center;
}

.relatedArticles .buttons>div {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    cursor: pointer;
    border: 1px solid #92d400;
    border-radius: 100%;
    transition: all 0.1s linear;
}

.relatedArticles .buttons>div:hover,
.relatedArticles .buttons>div.selected {
    background: #92d400;
}

.relatedArticles .inner .single>div {
    width: calc(25vw - 80px);
    padding: 40px;
}

.relatedArticles .inner .single>div .subtitle {
    margin: 15px 0;
    height: 120px;
    overflow-y: hidden;
}

.relatedArticles .inner .single>div .greenButton {
    display: block;
    width: fit-content;
    margin-top: 20px;
}

.relatedArticles .inner .single>div .text:nth-child(3) {
    height: 70px;
    overflow: hidden;
    position: relative;
}

.relatedArticles .inner .single>div .text:nth-child(3):before {
    content: "";
    height: 70px;
    width: 100%;
    background: linear-gradient(transparent 60%, #f5f4f4);
    position: absolute;
}

.relatedArticles .inner .single>img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
    border-radius: 15px;
}

.contentTabs {
    width: 100%;
    padding: 50px 0 0 0;
    background: #F4F4F4;
}

.contentTabs .buttons {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.contentTabs .buttons .single {
    padding: 30px 20px;
    background: #92D400;
    border-radius: 10px 10px 0 0;
    font-size: 22px;
    text-align: center;
    width: calc(20% - 40px);
    cursor: pointer;
    transition: all 0.2s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contentTabs .buttons .single:nth-child(2) {
    background: #92d400e0;
}

.contentTabs .buttons .single:nth-child(3) {
    background: #92D400B3;
}

.contentTabs .buttons .single:nth-child(4) {
    background: #92D4008C;
}

.contentTabs .buttons .single:nth-child(5) {
    background: #92D40066;
}

.contentTabs .buttons .single:hover,
.contentTabs .buttons .single.selected {
    background: white;
}

.contentTabs .content {
    width: 100%;
    position: relative;
    background: white;
    border-radius: 40px 40px 0 0;
    padding: 50px 0;
}

.contentTabs .content .single {
    width: 80%;
    position: absolute;
    left: 10%;
    top: 50px;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.4s ease-in-out;
    pointer-events: none;
}

.contentTabs .content .single.selected {
    opacity: 1;
    position: relative;
    top: 0;
    pointer-events: all;
}

.contentTabs .content .single .width {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contentTabs .content .single .inner {
    width: 40%;
}

.contentTabs .content .single .inner li {
    list-style-type: none;
    background-image: url(/wp-content/uploads/2022/11/Polygon-61.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    margin: 20px 0;
    background-size: 18px;
    background-position-y: center;
}

.contentTabs .content .single img {
    width: 45%;
    object-fit: cover;
    border-radius: 20px;
    overflow: hidden;
}

.page-template-default .caseStudies.clientsSay {
    padding: 7% 0;
    width: 100%;
    background: #f4f4f4;
}

.page-template-default .caseStudies.clientsSay .greenButton {
    font-size: 17px;
    line-height: 17px;
}

.expressionInterest {
    width: 80%;
    max-width: 700px;
    margin: 150px auto;
}

.expressionInterest form input.wpcf7-form-control.wpcf7-file {
    box-shadow: unset;
}

.expressionInterest .wpcf7-file:after {
    content: ", max upload size: 5MB";
}

.expressionInterest span.wpcf7-spinner {
    margin-top: 50px;
    padding-bottom: unset !important;
}

.expressionInterest form br {
    display: none;
}

.expressionInterest form>p>*:last-child {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid black;
}

.expressionInterest form label {
    color: black;
    display: block;
    margin: 20px 0;
    font-weight: 300;
    font-size: 20px;
    line-height: 27px;
}

.expressionInterest form>p {
    font-weight: 500;
    margin: 30px 0;
    font-size: 20px;
    color: black;
}

.expressionInterest form input,
.expressionInterest form textarea {
    width: calc(100% - 40px);
    font-size: 18px;
    line-height: 20px;
    color: black;
    border: 0px;
    border-radius: 20px;
    padding: 10px 20px;
    margin-top: 10px;
    display: block;
    box-shadow: 0px 2px 4px 1px #00000040;
}

.expressionInterest .wpcf7-not-valid-tip {
    margin-top: 10px;
}

.expressionInterest form label>span {
    color: #00b2a9;
    margin-right: 10px;
}

.expressionInterest form input.wpcf7-submit:hover {
    background: #92D400;
    color: white;
}

.expressionInterest form input.wpcf7-submit {
    width: fit-content;
    font-size: 16px;
    padding: 5px 30px;
    border: 2px solid #92D400;
    color: #92D400;
    text-decoration: none;
    transition: all 0.1s linear;
    border-radius: 5px;
    font-weight: bold;
    margin-top: 20px;
    cursor: pointer;
    background: transparent;
}

.expressionInterest form input.wpcf7-file {
    border: 0px;
    padding: 10px 0;
    border-radius: 0;
}

.expressionInterest form select {
    display: block;
    margin-top: 5px;
    padding: 10px 20px;
    font-size: 18px;
    color: black;
    border: 0px;
    box-shadow: 0px 2px 4px 1px #00000040;
    border-radius: 20px;
}

.expressionInterest form .wpcf7-list-item {
    width: 100%;
    display: block;
}

.expressionInterest form .wpcf7-list-item>label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

.expressionInterest form .wpcf7-list-item>label span {
    width: calc(100% - 41px);
    color: black;
}

.expressionInterest form .wpcf7-list-item>label input {
    width: 30px;
    height: 30px;
    margin-right: 20px;
    background: none;
    border: 2px solid transparent;
    appearance: none;
    padding: 0px;
    border-radius: 5px;
    transition: all 0.1s linear;
    background-size: 85%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.expressionInterest form .wpcf7-list-item>label input:checked {
    background: url(/wp-content/uploads/2025/02/Anabas_Staff-Survey_Tick.png);
    background-size: 85%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: 2px solid #01b2a9;
}

.outerNews {
    width: 80%;
    margin: 100px auto;
}

.outerNews.highlights {
    margin: 0px;
    padding: 100px 10%;
    background: url(/wp-content/uploads/2022/11/Mask-Group-170.png);
    background-size: cover;
    background-position: 50% 50%;
    background-color: #eeeeee;
}

.outerNews.highlights .inner .single .bg {
    background: none;
}

.outerNews.highlights .inner .single {
    background: none;
}

.outerNews .intro {
    width: 100%;
    max-width: 600px;
    margin-bottom: 40px;
}

.outerNews .intro * {
    margin-bottom: 10px;
}

.outerNews .inner {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
}

.outerNews .inner .single {
    width: 23%;
    background: #f2f0f0;
    border-radius: 20px;
    margin: 0 2% 0px 0%;
    max-height: 700px;
    transition: all 0.8s ease-in-out;
    max-height: 0px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.outerNews .inner .single.selected {
    max-height: 700px;
    margin: 0 2% 30px 0%;
}

.outerNews .inner .single img {
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    height: 300px;
    margin-top: 20px;
    border-radius: 20px;
    display: block;
}

.outerNews .inner .single>a {
    display: block;
    width: 100%;
}

.outerNews .inner .single .bg {
    padding: 20px;
    width: calc(100% - 40px);
    background: url(/wp-content/uploads/2022/11/Mask-Group-170.png);
    background-size: 200%;
    background-position: 64% 50%;
}

.outerNews .inner .single .bg p.date {
    padding: 5px 15px;
    border-radius: 20px;
    background: #92d400;
    width: fit-content;
    margin-bottom: 15px;
}

.outerNews .inner .single .bg a.greenButton {
    display: block;
    width: fit-content;
    margin-top: 15px;
}

.outerNews .inner .single .bg a.author {
    color: black;
    text-decoration: underline;
    display: block;
    margin: 15px 0;
}

.outerNews .inner .single .bg .smalltext {
    width: 100%;
    overflow: hidden;
    max-height: 75px;
    position: relative;
}

.outerNews .inner .single .bg .smalltext::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 20px;
    bottom: 0px;
    left: 0;
    background: linear-gradient(transparent, #f2f0f0);
}

.outerNews .inner .single .bg h3 {
    font-size: 25px;
    line-height: 28px;
}

.outerNews .expand {
    width: 200px;
    max-width: 90%;
    margin: 0px auto;
    text-align: center;
    padding: 20px;
    cursor: pointer;
    transition: all 0.1s linear;
}

.outerNews.full .expand {
    opacity: 0;
}

.outerNews .expand p {
    position: relative;
}

.outerNews .expand p::after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    left: calc(50% - 15px);
    bottom: -40px;
    background: url(/wp-content/uploads/2022/11/Component-45-–-1@2x.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: rotate(90deg);
}

.authorIntro {
    width: 80%;
    max-width: 1000px;
    margin: 100px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.authorIntro>img {
    width: 48%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
}

.authorIntro>.inner {
    width: 48%;
}

.authorIntro>.inner * {
    margin: 15px 0;
    width: 100%;
}

.singleNews {
    width: 80%;
    margin: 100px auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.singleNews>img {
    position: sticky;
    top: 75px;
    left: 0;
    width: 40%;
    border-radius: 20px;
    object-fit: cover;
}

.singleNews .inner {
    width: 55%;
}

.singleNews .inner .info {
    width: 100%;
    margin-bottom: 50px;
}

.singleNews .inner .info .upper {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
    align-items: center;
}

.singleNews .inner .info .upper a {
    width: 100%;
    margin: 30px 0;
    color: black;
}

.singleNews .inner .info p.updated {
    padding: 5px 15px;
    border-radius: 20px;
    background: #92d400;
    width: fit-content;
    margin-right: 10px;
}

.singleNews .inner .info p.date {
    padding: 0 10px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    margin-right: 10px;
}

.singleNews .inner .info p.date:first-child {
    padding-left: 0px;
    border-left: 0px;
}

.singleNews .inner .info .lower a {
    display: block;
    margin: 25px 0 15px 0;
    color: black;
    text-decoration: underline;
}

.singleNews .inner .content>p {
    margin-bottom: 20px;
}

.singleNews .inner .content>h1,
.singleNews .inner .content>h2,
.singleNews .inner .content>h3,
.singleNews .inner .content>h4,
.singleNews .inner .content>h5 {
    margin-bottom: 7px;
}

.singleNews .inner .info img.mobileImg {
    width: 100%;
    border-radius: 20px;
    display: none;
}

@media(max-width: 1730px) and (min-width: 1450px) {

    .caseStudies .title,
    .tenreasons .title {
        padding-top: 0;
        margin-top: -1%;
    }

    .teamDisplay .staffcontainer .upper>div {
        font-size: 15px;
    }

    .staffQuote .title {
        font-size: 45px;
    }

    .ourteam .carouselButtons {
        margin-top: 3%;
    }

    .tenreasonscarousel .carouselButtons>div {
        font-size: 1.5vw;
    }
}

@media(min-width: 2000px) {
    .ourSectors .carousel {
        align-items: flex-start;
    }

    .ourSectors .carousel .buttons {
        max-height: 315px;
        margin-top: 12vw;
    }

    .caseStudies.successStories.bg {
        background: url(/wp-content/uploads/2022/12/Triangle-Graphic-2.png);
        background-size: 40%;
        background-repeat: no-repeat;
        background-position: 0 50%;
        width: 100%;
        margin: 0;
        padding: 7% 0;
    }

    .caseStudies .carouselButtons {
        margin-top: -8vw;
    }
}

@media(max-width: 1750px) {
    .imageCarousel .carouselCounter {
        margin-top: 50px;
        position: relative;
    }
}

@media(max-width: 1120px) {
    .imageCarousel .carouselCounter {
        margin-top: 100px;
    }

    .contentTabs .buttons .single {
        min-width: unset;
    }
}

@media(min-width: 1450px) {
    .caseStudies.clientsSay .carousel .single img {
        width: 33.7vw;
    }

    .caseStudies.clientsSay .carousel .single .right {
        width: 33vw;
    }

    .caseStudies.clientsSay .title,
    .caseStudies.clientsSay .carouselButtons {
        left: 52%;
    }
}

@media(max-width: 1450px) {
    .outerNews {
        width: 90%;
    }

    .imageCarousel .carouselCounter {
        position: relative;
        left: 41.5%;
    }

    .textColumns {
        width: 80%;
    }

    .latestNews .post:not(.hidden) .text:not(.date):before {
        width: 21vw;
    }

    .fmapproach .videoContainer iframe,
    .fmapproach .videoContainer .overlay {
        height: 23vw;
    }

    .footer .top>div .buttons>a:not(.blueButton) {
        width: 20%;
    }

    .tenreasonscarousel .carouselButtons>div {
        font-size: 1.5vw;
    }

    .staffQuote .title {
        font-size: 45px;
    }

    .teamDisplay .staffcontainer .upper>div {
        font-size: 1.034vw;
    }

    .imageCarousel .carousel {
        width: 80%;
    }

    .whitepapers.success .posts {
        height: 50vw;
        max-height: 600px;
    }

    .whitepapers.success .posts .post.selected {
        left: 10%;
    }

    .whitepapers.success .posts .post.selectedtwo {
        left: 37%;
    }

    .whitepapers.success .posts .post.selectedthree {
        left: 64%;
    }

    .whitepapers.success .posts .post {
        width: 26%;
    }

    .casestudiesCarousel .carousel {
        align-items: flex-start;
        height: 65vw;
    }

    .casestudiesCarousel .right .carousel img {
        width: 35vw;
        height: 65vw;
        left: 97%;
    }

    .casestudiesCarousel .right {
        height: 65vw;
    }

    .fmapproach iframe {
        height: 21vw;
    }

    .healthSafetyBanner {
        width: 72%;
        padding: 1% 4%;
    }

    .tenreasonscarousel .right .carousel .single {
        width: 40vw;
    }

    .tenreasonscarousel {
        width: 80%;
    }

    .tenreasonscarousel .left img {
        width: 43vw;
        height: 43vw;
    }

    .tenreasonscarousel .left img.left {
        left: -40%;
    }

    .tenreasonscarousel .left img.right {
        left: 96%;
    }

    .tenreasonscarousel .left img.selected {
        left: 5%;
    }

    .header .links {
        width: 80%;
    }

    .latestNews .post>img {
        width: 100%;
    }

    .ourteam .carouselButtons {
        width: 13%;
        margin-left: 10%;
    }

    .ourteam .carousel {
        height: 52vw;
    }

    .ourteam .carousel .single {
        width: 30vw;
    }

    .ourteam .carousel img {
        width: 30vw;
        height: 30vw;
        object-fit: cover;
    }

    .ourteam .carousel .single.selected {
        left: 28%;
    }

    .ourteam .carousel .single.selectedtwo {
        left: -5%;
    }

    .ourteam .carousel .single.selectedthree {
        left: -40%;
    }

    .greatPeople>div {
        padding-left: 5%;
    }

    .caseStudies .carousel .single.left.selected,
    .tenreasons .carousel .single.left.selected,
    .caseStudies.successStories .carousel .single.left.selected {
        left: 10%;
    }

    .tenreasons .carousel .single.right.selected {
        right: 24%;
    }

    .caseStudies .carousel .single.right.selected {
        right: 20%;
    }

    .caseStudies .carousel .single.left,
    .tenreasons .carousel .single.left {
        left: -29%;
    }

    .caseStudies.clientsSay .carousel .single {
        left: -39%;
    }

    .caseStudies,
    .tenreasons,
    .teamDisplay,
    .featuredPost,
    .latestNews,
    .whitepapers,
    .contactInfo,
    .textandimageMini,
    .facebookLatest,
    .latestSocials,
    .socialsFooter,
    .dualTextbox,
    .casestudiesCarousel,
    .newsHeader {
        width: 80%;
    }

    .tenreasons .carouselButtons {
        position: relative;
        margin-top: 5%;
        width: 100%;
        left: 0;
    }

    .caseStudies .title,
    .tenreasons .title {
        width: 100%;
    }

    .caseStudies.successStories .title {
        left: 0;
        width: 100%;
    }

    .caseStudies.successStories .text {
        padding-top: 8%;
    }

    .caseStudies.successStories .carousel .single {
        width: 85vw;
    }

    .caseStudies.successStories .carousel .single img {
        width: 38vw;
    }

    .caseStudies.successStories .carousel {
        height: 36vw;
    }

    .caseStudies.successStories .carousel .single.left {
        left: -37%;
    }

    .caseStudies.successStories .carouselButtons {
        margin-top: -15%;
        padding-bottom: 10%;
    }

    .caseStudies.successStories .carousel .single .right {
        width: 44vw;
        padding-top: 8%;
    }

    .ourSectors .carousel .slides .text {
        width: 100%;
    }

    .teamDisplay .staffcontainer .upper {
        height: 17vw;
    }

    .caseStudies .carouselButtons {
        position: relative;
        left: 0;
        margin-top: 5%;
        width: 15%;
    }

    .caseStudies .title,
    .tenreasons .title {
        position: relative;
        padding-bottom: 5%;
        left: 0;
    }

    .header a:not(.innerMenu a) {
        font-size: 1.103vw;
    }

    .imageCarousel .single .right,
    .imageCarousel .single .title,
    .imageCarousel .single .text {
        width: 41vw;
    }

    .sectorspecial,
    .ourservices,
    .fmapproach,
    .contactFooter,
    .footer,
    .textandimage,
    .ourSectors,
    .staffQuote,
    .ourValues,
    .oneHappyTeam,
    .casestudyOverview,
    .availableRoles {
        width: 80%;
        padding: 7% 10%;
    }

    .ourSectors .carousel .buttons {
        width: 30%;
    }

    .ourSectors .carousel .slides {
        width: 70%;
    }

    .ourSectors .carousel .slides {
        height: 49vw;
        max-height: 550px;
    }

    .ourSectors .carousel .slides>div.selected {
        left: 0%;
        position: relative;
    }

    .ourSectors .carousel .slides>div {
        left: -55%;
    }

    .ourSectors .carousel {
        align-items: flex-end;
    }
}

@media(max-width: 1000px) {
    .availableRoles .list>.right {
        width: 100%;
    }

    .authorIntro {
        flex-wrap: wrap;
        max-width: 600px;
    }

    .authorIntro>img,
    .authorIntro>.inner {
        width: 100%;
    }

    .outerNews .expand {
        display: none;
    }

    .outerNews {
        width: 95%;
        margin: 100px 0 100px 5%;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .outerNews .inner {
        width: fit-content;
        overflow-x: scroll;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .outerNews .inner .single {
        width: 50vw;
        max-width: 700px;
        min-width: 300px;
        max-height: unset !important;
        margin: 0 50px 0 0 !important;
        overflow: visible;
    }

    .singleNews .inner .info img.mobileImg {
        display: block;
        margin: 30px 0;
    }

    .singleNews {
        flex-wrap: wrap;
    }

    .singleNews>img {
        display: none;
    }

    .singleNews .inner {
        width: 100%;
    }

    .contentTabs .buttons {
        flex-wrap: wrap;
        width: 100%;
    }

    .contentTabs .content .single .inner {
        width: 100%;
    }

    .contentTabs .content .single .width {
        flex-wrap: wrap;
    }

    .contentTabs .content .single img {
        width: 100%;
        margin-top: 20px;
    }

    .contentTabs .buttons .single {
        padding: 10px;
        width: calc(100% - 20px);
        max-width: unset;
        text-align: center;
        border-radius: 0px;
        border-bottom: 1px solid black;
    }

    .contentTabs .content {
        border-radius: 0px;
    }

    .contentTabs .buttons .single:first-child {
        border-radius: 20px 20px 0 0;
    }

    .contentTabs .buttons .single:last-child {
        border-bottom: 0px;
    }

    .welcometabs .inner .single,
    .welcometabs .tabs,
    .miniquotes .inner .single,
    .relatedArticles .inner {
        flex-wrap: wrap;
    }

    .relatedArticles .inner .single {
        width: 100%;
        margin-bottom: 0px;
        max-height: 0px;
    }

    .relatedArticles .inner .single>div {
        width: calc(80vw - 80px);
    }

    .relatedArticles .inner .single.selected {
        max-width: 100%;
        max-height: 100%;
        margin-bottom: 30px;
    }

    .miniquotes .inner .single img {
        width: 100%;
        margin-bottom: 50px;
        height: 40vh;
        object-fit: cover;
    }

    .miniquotes .inner .single .content {
        width: 100%;
    }

    .miniquotes .inner .buttons {
        width: 100%;
        left: 0;
    }

    .welcometabs .tabs .single,
    .welcometabs .tabs .single:last-child {
        width: 100%;
        border-radius: 0px;
    }

    .welcometabs .tabs .single:first-child {
        border-radius: 15px 15px 0 0;
    }

    .welcometabs .inner .single .text {
        width: 100%;
        margin-bottom: 50px;
    }

    .welcometabs .inner .single img {
        width: 100%;
        max-height: 40vh;
        object-position: 50% 0%;
    }

    .imageCarousel .carousel .single:nth-child(2) .left img {
        object-position: 0 17%;
    }

    .textColumns {
        flex-wrap: wrap;
    }

    .textColumns>div {
        width: 100%;
        margin-bottom: 5%;
    }

    .pageHeader.rightFocus {
        background-position: 100% 50% !important;
    }

    .pageHeader.leftFocus {
        background-position: 0% 50% !important;
    }

    .banners {
        display: flex;
        justify-content: space-between;
        width: 90%;
        margin: 0 auto;
    }

    .newsText .upper {
        flex-wrap: wrap;
        margin-top: 105px;
    }

    .newsText .upper img,
    .newsText .upper .title,
    .newsText>.text {
        width: 100%;
        margin-bottom: 3%;
    }

    .latestNews .post:not(.hidden) .text:not(.date):before {
        width: 32vw;
        height: 8vw;
    }

    .latestNews .post .text:not(.date) {
        height: 8vw;
    }

    .ourteam .carousel .single .text {
        width: 80vw;
    }

    .fmapproach .videoContainer iframe,
    .fmapproach .videoContainer .overlay {
        height: 45vw;
    }

    .caseStudies .carousel .single img {
        width: 80vw;
        height: 35vw;
    }

    .contactFooter {
        background-size: cover !important;
    }

    .caseStudies .carousel .right .subtitle {
        width: 90vw;
    }

    .footer .top>div .buttons>a:not(.blueButton),
    .socials a {
        width: 85px;
        margin: 0;
    }

    .ourValues,
    .textandimage,
    .fmapproach {
        background-size: cover !important;
    }

    .subscribePopup form p:nth-child(2),
    .subscribePopup form p:nth-child(3) {
        width: 100%;
    }

    .subscribePopup .inner {
        width: 80%;
        padding: 4% 5%;
    }

    .subscribePopup form input {
        padding: 15px;
    }

    .tenreasonscarousel .carouselButtons>div {
        font-size: 30px;
    }

    .whitepapers.success .carouselButtons {
        float: left;
        margin-top: 10%;
        padding-bottom: 15%;
    }

    .newsHeader .upper .title,
    .staffQuoteFull .title {
        width: 100%;
    }

    .teamDisplay .staffcontainer .upper>div {
        font-size: 2vw;
    }

    .footer .top .socials img,
    .footer .top>div .buttons img,
    .footer .top>div .buttons>a:not(.blueButton) {
        height: 50px;
    }

    .whitepapers.success>.text {
        width: 100%;
    }

    .whitepapers.success .posts .post {
        margin: 0;
        width: 90vw;
    }

    .whitepapers.success .posts {
        height: unset;
        max-height: unset;
    }

    .whitepapers.success .posts .post.selected {
        position: relative;
        left: 0;
        width: 100%;
    }

    .whitepapers.success .posts .post.selectedtwo,
    .whitepapers.success .posts .post.selectedthree {
        left: 100%;
        opacity: 0;
    }

    .fmapproach .videoContainer .overlay {
        width: 80%;
        margin-top: 8vw;
    }

    .fmapproach .videoContainer {
        width: 100%;
    }

    .caseStudies.successStories .text {
        position: relative;
        left: 0%;
        padding-top: 0;
        padding-bottom: 5%;
        width: 100%;
    }

    .ourteam .carouselButtons {
        flex-wrap: nowrap;
        flex-direction: initial;
        margin-top: 3%;
        width: 25%;
        margin-left: 10%;
    }

    .ourteam>div {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .ourteam .right {
        width: 80%;
        margin-bottom: 5%;
        padding: 0 10%;
    }

    .ourteam .carousel {
        width: 100%;
        height: auto;
        background: none;
    }

    .caseStudies.successStories .carousel {
        height: auto;
    }

    .caseStudies.successStories .carousel .single.left.selected {
        left: 0;
        position: relative;
    }

    .caseStudies.successStories .carousel .single.left {
        left: -89%;
    }

    .caseStudies.successStories .carouselButtons {
        margin-top: 30px;
        position: relative;
        left: 0;
        width: 150px;
    }

    .caseStudies.successStories .carousel .single img {
        width: 100%;
        height: 60vw;
        object-position: 0 0;
    }

    .ourteam .carousel .single,
    .ourteam .carousel .single.selectedthree,
    .ourteam .carousel .single.selectedtwo {
        left: -90%;
    }

    .ourteam .carousel .single.selected {
        left: 10%;
        position: relative;
        width: 80%;
        padding: 0;
    }

    .ourSectors .carousel .buttons {
        height: auto;
    }

    .casestudyOverview .overview>div {
        width: 49%;
        margin-bottom: 5%;
    }

    .casestudiesCarousel .carouselButtons {
        margin-left: 0;
    }

    .casestudiesCarousel .carouselButtons img {
        margin-right: 10%;
    }

    .casestudiesCarousel .right .carousel img {
        width: 80vw;
        height: 45vw;
    }

    .casestudiesCarousel .carousel {
        height: 45vw;
    }

    .casestudiesCarousel .right {
        height: 45vw;
    }

    .casestudiesCarousel .right .carousel img.selected {
        left: 10%;
    }

    .casestudiesCarousel .right,
    .casestudiesCarousel .left {
        width: 100%;
        margin-top: 2%;
    }

    .fmapproach iframe {
        width: 100%;
        height: 51vw;
        margin-top: 10%;
    }

    .dualTextbox>div {
        margin-bottom: 10%;
    }

    .dualTextbox>div>img {
        height: 35vw;
    }

    .healthSafetyBanner {
        flex-wrap: wrap;
        width: 41%;
        padding: 3%;
    }

    .healthSafetyBanner.one .title {
        width: 100%;
        margin-bottom: 5%;
    }

    .healthSafetyBanner.two img {
        width: 20%;
    }

    .healthSafetyBanner.one .images {
        width: 100%;
        flex-wrap: wrap;
    }

    .healthSafetyBanner .text {
        width: 75%;
        margin: 2% 0;
    }

    .healthSafetyBanner img {
        width: 15%;
        margin: 2%;
    }

    .tenreasonscarousel .right .carousel .single {
        width: 80vw;
    }

    .tenreasonscarousel .right .carousel .single.right,
    .tenreasonscarousel .right .carousel .single.left {
        left: 16%;
    }

    .tenreasonscarousel .right .carousel .single.selected {
        left: 10%;
    }

    .tenreasonscarousel .left img {
        width: 80vw;
        height: 70vw;
        object-position: 50% 0;
        border-radius: 20px;
    }

    .tenreasonscarousel .left img.left {
        left: -86%;
    }

    .tenreasonscarousel .left img.selected {
        left: 10%;
    }

    .tenreasonscarousel .left {
        height: 75vw;
    }

    .tenreasonscarousel>div {
        width: 100%;
    }

    .latestSocials>div {
        width: 44%;
    }

    .latestSocials .left {
        width: 100%;
        max-height: 40vh;
    }

    .header .logo {
        height: 45px;
        width: 10vw;
    }

    .header .logo img {
        width: 200px;
    }

    .header .links {
        display: none;
    }

    .dropper {
        display: block;
    }

    .ourValues.contact .left {
        margin-top: 5%;
    }

    .whitepapers .posts .post {
        width: 100%;
        margin-bottom: 10%;
    }

    .whitepapers .posts img {
        height: 45vw;
        object-position: 0 0;
    }

    .featuredPost .post {
        align-items: stretch;
    }

    .featuredPost img {
        object-fit: cover;
    }

    .featuredPost .post>div {
        padding: 3% 0;
    }

    .latestNews .post>img {
        height: 22vw;
    }

    .latestNews .posts {
        align-items: stretch;
    }

    .latestNews .post {
        width: 48%;
    }

    .latestNews .post.adjust:not(.hidden) {
        margin-top: 0;
        margin-bottom: 3%;
    }

    .latestNews .post.mobAdjust:not(.hidden) {
        margin-top: 3%;
        margin-bottom: 0;
    }

    .oneHappyTeam>img {
        width: 100%;
        margin: 3% 0;
        object-fit: cover;
    }

    .oneHappyTeam>img {
        height: 60vw;
        object-position: 0 10%;
    }

    .teamDisplay .staffcontainer .singleStaff {
        width: 48%;
    }

    .teamDisplay .staffcontainer .upper {
        height: 34vw;
    }

    .staffQuote>img {
        width: 100%;
        height: 40vw;
        object-fit: cover;
        object-position: 0 0;
        margin-bottom: 5%;
    }

    .greatPeople>img {
        width: 80%;
        height: 40vw;
        object-fit: cover;
        object-position: 50% 25%;
        margin: 0 auto;
        border-radius: 20px;
    }

    .greatPeople>div {
        width: 80%;
        padding: 0 10%;
    }

    .caseStudies,
    .tenreasons {
        width: 80%;
    }

    .page-template-default .caseStudies.clientsSay .title,
    .page-template-default .caseStudies.clientsSay .carouselButtons {
        margin-left: 5%;
    }

    .page-template-default .caseStudies.clientsSay .carousel {
        justify-content: center;
    }

    .caseStudies .carousel,
    .tenreasons .carousel {
        align-items: flex-start;
        height: auto;
    }

    .caseStudies .carousel .single,
    .tenreasons .carousel .single {
        flex-wrap: wrap;
        width: 90vw;
    }

    .caseStudies .carousel .single .right,
    .tenreasons .carousel .single .right {
        width: 100%;
    }

    .caseStudies .carousel .single.selected,
    .tenreasons .carousel .single.selected {
        position: relative;
    }

    .caseStudies .carousel .single.left.selected,
    .tenreasons .carousel .single.left.selected {
        left: 0;
    }

    .caseStudies .carousel .single.right.selected,
    .tenreasons .carousel .single.right.selected {
        right: 0;
    }

    .caseStudies .carousel .single.left,
    .tenreasons .carousel .single.left {
        left: -29%;
    }

    .caseStudies.clientsSay .carousel .single {
        left: -100%;
    }

    .tenreasons .carousel .single.right {
        right: -68%;
    }

    .caseStudies .carousel .single.right {
        right: 0;
    }

    .ourSectors .carousel .slides img {
        width: 50vw;
        border-radius: 20px;
        transition: all 1s linear;
    }

    .ourSectors .carousel .slides>div.selected img,
    .ourSectors .carousel .slides>div .text {
        width: 80vw
    }

    .ourSectors .carousel .slides>div .subtitle,
    .ourSectors .carousel .slides>div .text {
        opacity: 0;
        transition: all 0.5s linear 0.5s;
    }

    .ourSectors .carousel .slides>div.selected .subtitle,
    .ourSectors .carousel .slides>div.selected .text {
        opacity: 1;
    }

    .ourSectors .carousel .slides>div {
        width: 90vw;
    }

    .ourSectors .carousel .slides {
        height: auto;
        width: 100%;
    }

    .ourSectors .carousel {
        flex-direction: column-reverse;
    }

    .ourSectors .carousel .buttons>div {
        margin-top: 0;
        margin-bottom: 5%;
    }

    .imageCarousel .carousel {
        height: auto;
    }

    .imageCarousel .single.selected {
        position: relative;
    }

    .imageCarousel .single {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        width: 90vw !important;
        margin-left: 0px;
        overflow: hidden;
    }

    .imageCarousel .single.selected .right {
        margin: 0;
    }

    .imageCarousel .single .right,
    .imageCarousel .single .left,
    .imageCarousel .single .title,
    .imageCarousel .single .text {
        margin-left: 0;
        width: 100%;
    }

    .imageCarousel .single .left {
        margin-top: 10%;
    }

    .imageCarousel .single .left img {
        border-radius: 20px;
        width: 100%;
        height: 40vw;
        object-position: 50% 0;
        position: relative;
        left: 100%;
        transition: all 0.5s ease-in-out;
    }

    .imageCarousel .single.selected .left img {
        left: 0;
    }

    .imageCarousel .carouselCounter {
        position: relative;
        left: 10%;
        margin-top: 5%;
    }

    .availableRoles .list .left {
        width: 100%;
        margin-bottom: 5%;
    }

    .availableRoles .list>img {
        width: 100%;
        height: 95vw;
    }

    .sectorspecial,
    .textandimage,
    .fmapproach,
    .contactFooter,
    .greatPeople,
    .staffQuote,
    .ourValues,
    .oneHappyTeam,
    .whitepapers .posts,
    .contactInfo,
    .latestSocials,
    .tenreasonscarousel,
    .dualTextbox,
    .casestudyOverview .overview,
    .newsHeader .upper,
    .availableRoles .list {
        flex-wrap: wrap;
    }

    .newsHeader .upper img {
        width: 100%;
        height: 35vw;
        object-fit: cover;
        margin-bottom: 4%;
        border-radius: 20px;
    }

    .ourValues>img {
        width: 100%;
        margin-top: 5%;
        object-fit: contain;
    }

    .sectorspecial>div,
    .textandimage .right,
    .fmapproach .right,
    .contactFooter .left,
    .ourSectors .carousel .buttons,
    .staffQuote>div,
    .ourValues .left,
    .oneHappyTeam .left,
    .contactInfo>div,
    .dualTextbox>div,
    .newsHeader.casestudies .upper>div {
        width: 100%;
    }

    .sectorspecial .right,
    .contactInfo .right {
        margin-top: 5%;
    }

    .sectorspecial a {
        padding: 0;
    }

    .textandimage,
    .fmapproach {
        flex-direction: column-reverse;
    }

    .textandimage>img {
        width: 100%;
        height: 40vw;
        border-radius: 20px;
        margin: 3% 0;
    }

    .single-services .textandimage>img {
        height: 60vw;
    }

    .single-services .textandimage>img,
    .single-successstories .textandimage>img {
        object-position: unset;
    }

    .quoteCarousel .quote {
        width: 70vw;
    }

    .quoteCarousel .carousel .single img {
        filter: brightness(0.8);
        object-position: 100% 50%;
    }

    .quoteCarousel .carouselFooter {
        width: 50%;
    }

    .quoteCarousel .quoteCounter {
        margin-top: 10%;
        justify-content: flex-start;
    }

    .quoteCarousel .quoteCounter>div {
        margin-right: 3%;
        width: 15px;
        height: 15px;
    }

    .fmapproach>img {
        width: 100%;
        height: 40vw;
        object-fit: cover;
        margin-top: 10%;
        border-radius: 20px;
    }

    .contactFooter .right {
        width: 100%;
        margin-top: 5%;
    }

    .contactFooter form p:nth-child(2),
    .contactFooter form p:nth-child(3),
    .contactFooter form p:nth-child(4),
    .contactFooter form p:nth-child(5) {
        width: 100%;
    }

    .contactFooter form p:nth-child(2) input,
    .contactFooter form p:nth-child(3) input,
    .contactFooter form p:nth-child(4) input,
    .contactFooter form p:nth-child(5) input,
    .contactFooter form p:nth-child(6) textarea {
        padding: 2%;
        width: 96%;
    }

    .footer .top img {
        width: 220px;
        max-width: 100%;
        padding-bottom: 10%;
        margin-right: 50%;
    }

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

    .footer .top>div {
        width: 48%;
        margin-bottom: 7%;
    }

    .footer .top .bold,
    .footer .top .bold a {
        margin-bottom: 5%;
    }
}

@media(max-width: 600px) {

    .title,
    h1,
    h2,
    h3,
    h4,
    h5 {
        font-size: 40px;
        line-height: 45px;
    }

    .imageCarousel .single .title,
    .imageCarousel .single .title * {
        font-size: 30px !important;
    }

    .cky-notice-btn-wrapper button {
        margin: 2% 0% !important;
    }

    .cky-notice-des {
        padding: 0 !important;
        width: 80% !important;
        margin: 0 auto !important;
    }

    .tenreasonscarousel .carouselButtons>div {
        font-size: 20px;
        margin-bottom: 5%;
    }

    .healthSafetyBanner.one .images img {
        height: 20vw;
    }

    .banners {
        flex-wrap: wrap;
        margin: 5% auto;
    }

    .latestNews .post .text:not(.date) {
        height: 12vw;
    }

    .latestNews .post:not(.hidden) .text:not(.date):before {
        height: 20vw;
        width: 65vw;
        background: linear-gradient(transparent 32%, #f5f4f4);
    }

    .pageHeader {
        border-radius: 0 0 45px 45px;
    }

    .fmapproach .videoContainer iframe {
        border-radius: 20px;
    }

    .exampleSocial .buttons {
        margin-top: 30px;
    }

    .pageHeader .title {
        margin-bottom: 20px;
    }

    .casestudyOverview .overview>div {
        width: 100%;
        margin-bottom: 10%;
    }

    .newsHeader .upper img {
        display: none;
    }

    .teamDisplay .staffcontainer .upper>div {
        font-size: 4vw;
    }

    .footer .top>div {
        width: 100%;
    }

    .textandimage.sectors .title {
        margin-bottom: 5%;
    }

    .casestudiesCarousel {
        padding-bottom: 5%;
    }

    .casestudiesCarousel .carouselButtons {
        margin-top: 8%;
    }

    .casestudiesCarousel .right {
        padding-top: 10%;
    }

    .caseStudies.clientsSay .carousel .single .right {
        margin-top: 25px;
    }

    .caseStudies.clientsSay .carousel .right .subtitle p {
        margin-bottom: 15px;
    }

    .dualTextbox>div .list a {
        margin-bottom: 6%;
    }

    .dualTextbox>div .text,
    .dualTextbox>div .list {
        padding: 7%;
        width: 86%;
    }

    .whitepapers .posts img {
        margin-bottom: 12%;
    }

    .whitepapers {
        padding: 10% 0;
    }

    .whitepapers .posts .post {
        margin-bottom: 20%;
    }

    .whitepapers>.text {
        width: 100%;
        margin: 7% 0;
        padding-bottom: 10%;
    }

    .latestNews .newsFooter .text,
    .socialsFooter .text {
        width: 100%;
        margin-bottom: 5%;
    }

    .latestNews .post>img {
        margin-top: 3%;
    }

    .latestNews .post .text:not(.date) {
        padding-bottom: 12%;
    }

    .featuredPost .post>div .text:not(.date) {
        padding-bottom: 8%;
    }

    .featuredPost .post {
        flex-wrap: wrap;
        padding: 0px;
    }

    .featuredPost .post>div {
        padding: 0 7%;
        width: 86%;
        padding-bottom: 10%;
    }

    .featuredPost img {
        width: 100%;
        max-height: 55vw;
        border-radius: 20px;
        margin-bottom: 10%;
    }

    .availableRoles .list>img {
        display: none;
    }

    .caseStudies.successStories .carousel .single.left {
        left: 101%;
    }

    .oneHappyTeam .temp .carouselButtons {
        margin: 10% 0;
    }

    .oneHappyTeam .temp .carouselButtons>div {
        margin-right: 25px;
    }

    .availableRoles .list .left .roles {
        height: 690px;
    }

    .ourValues>img {
        margin-top: 15%;
    }

    .availableRoles .list .left .filter {
        margin-bottom: 7%;
    }

    .ourValues .carouselButtons {
        width: 100%;
        margin-bottom: 10%;
        justify-content: flex-start;
    }

    .ourValues .carouselButtons>div {
        margin-right: 25px;
    }

    .staffQuote .text,
    .availableRoles .title {
        margin-bottom: 10%;
    }

    .staffQuote>img {
        height: 78vw;
        object-position: 50% 50%;
        margin-bottom: 10%;
    }

    .ourteam {
        margin: 11% 0;
    }

    .healthSafetyBanner {
        margin: 4% auto;
        width: 100%;
    }

    .ourteam .right .title p {
        display: inline;
    }

    .greatPeople {
        padding: 10% 0 11% 0;
    }

    #peoplePower .title {
        margin-bottom: 9%;
    }

    .tenreasonscarousel>.left {
        display: none
    }

    .tenreasonscarousel .left img {
        height: 80vw;
    }

    .caseStudies .carousel .single.right {
        right: -110%;
    }

    .caseStudies .carousel .single.left {
        left: -110%;
    }

    .ourSectors .carousel .slides img {
        height: 45vw;
    }

    .ourSectors>.title {
        margin-bottom: 10%;
    }

    .ourSectors .carousel .buttons>div {
        margin-bottom: 8%;
    }

    .textandimage .right .sectors a {
        padding: 4% 0;
    }

    .textandimage>img {
        height: 80vw;
        margin: 10% 0;
    }

    .contactFooter form p:nth-child(7) input {
        margin-top: 60px;
    }

    .contactFooter form p:nth-child(2) input,
    .contactFooter form p:nth-child(3) input,
    .contactFooter form p:nth-child(4) input,
    .contactFooter form p:nth-child(5) input {
        margin-bottom: 7%;
    }

    .quoteCarousel .carousel .single img {
        filter: brightness(0.5);
    }

    .quoteCarousel .quoteCounter>div {
        margin-right: 25px;
    }

    .quoteCarousel .quote .title,
    .staffQuote .title {
        font-size: 35px;
    }

    .fmapproach {
        background-size: 110%;
    }

    .fmapproach .text {
        margin: 7% 0 13% 0;
    }

    .sectorspecial a {
        margin-bottom: 10px;
    }

    .sectorspecial,
    .ourservices,
    .fmapproach,
    .contactFooter,
    .footer,
    .textandimage,
    .ourSectors,
    .staffQuote,
    .ourValues,
    .oneHappyTeam,
    .casestudyOverview,
    .availableRoles {
        padding: 12% 10%;
    }

    .imageCarousel .carouselCounter {
        margin-top: 10%;
        margin-bottom: 7%;
        width: 100%;
    }

    .imageCarousel .carouselCounter>div {
        margin-right: 45px;
    }

    .imageCarousel .single .left img {
        width: 100%;
        left: 115%;
        height: 75vw;
    }

    .imageCarousel .carousel {
        margin-top: 6%;
    }

    .imageCarousel .single .text {
        margin-bottom: 13%;
    }

    .imageCarousel .single .left {
        margin-top: 15%;
    }

    .pageHeader video {
        border-radius: 0 0 30px 30px;
    }

    .pageHeader .subtitle {
        padding-bottom: 10%;
    }

    .subtitle {
        font-size: 25px;
    }

    .title {
        font-size: 50px;
    }

    .single-services .textandimage>img,
    .dualTextbox>div>img {
        height: 50vw;
    }

    .latestNews .newsFooter,
    .socialsFooter {
        align-items: center;
        margin: 10% auto;
        padding-bottom: 10%;
        padding-top: 10%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .tenreasonscarousel .right .carousel .single.selected {
        left: 0;
        position: relative;
    }

    .tenreasonscarousel .right .carousel .single {
        float: left;
        height: auto;
    }

    .tenreasonscarousel .right .carousel {
        height: auto;
    }

    .facebookLatest {
        flex-wrap: wrap;
    }

    .facebookLatest .img {
        width: 100%;
    }

    .facebookLatest .right {
        width: 90%;
    }

    .latestSocials>div {
        width: 100%;
        margin-bottom: 3%;
    }

    .ourSectors .carousel .slides {
        height: auto;
    }

    .caseStudies .carouselButtons {
        width: 30%;
    }

    .teamDisplay .staffcontainer .singleStaff {
        width: 100%;
        margin-bottom: 15%;
    }

    .teamDisplay .staffcontainer .upper {
        height: 71vw;
    }

    .teamDisplay .singleStaff .lower {
        margin-top: 5%;
    }

    .latestNews .post {
        width: 100%;
    }

    .latestNews .post:not(.hidden) {
        margin: 7% 0 !important;
    }

    .latestNews .post>img {
        height: 45vw;
    }
}

@media(max-width: 400px) {

    .title,
    h1,
    h2,
    h3,
    h4,
    h5 {
        font-size: 35px;
        line-height: 40px;
    }
}


/* header stuff */

@media(max-height: 995px) and (min-width: 1000px) {
    .headerDropdown {
        padding: 3vh 10%;
    }

    .headerDropdown .inner .text {
        font-size: 2vh;
    }

    .headerDropdown .inner .left div,
    .headerDropdown .inner .left div a {
        font-size: 3vh;
    }

    .header .inner img {
        max-height: 30vh;
        object-fit: cover;
    }
}


/* test */

.click {
    position: fixed;
    width: 30px;
    height: 30px;
    left: 0;
    bottom: 0;
}

html.move * {
    animation-name: move;
    animation-duration: 10s;
}

@keyframes move {
    0% {
        color: red;
        filter: hue-rotate(0deg);
    }

    100% {
        color: red;
        filter: hue-rotate(360deg);
    }
}