@charset "UTF-8";
/*
Theme Name: Low Carbon Energy
Author: 21Digital
Author URI: https://21digital.agency
Description: Low Carbon Energy theme
Version: 3.0
*/
/*********************************************************/
/* Normalize.css v2.0.1 | MIT License | git.io/normalize */
/*********************************************************/
/* Corrects `block` display not defined in IE 8/9. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/* Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* Removes default margin. */
body {
  margin: 0;
  padding: 0;
  position: relative;
}

/* Remove text-shadow in selection highlight: h5bp.com/i */
::-moz-selection {
  background-color: hsla(0, 0%, 0%, 0.5);
  color: #fff;
  text-shadow: none;
}

::selection {
  background-color: hsla(0, 0%, 0%, 0.5);
  color: #fff;
  text-shadow: none;
}

/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus {
  outline: thin dotted;
}

/* Improves readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
  outline: 0;
}

/* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
strong {
  font-weight: bold;
}

/* Addresses styling not present in IE 8/9. */
mark {
  background: #ff6;
  color: #444;
}

/* Corrects font family set oddly in Safari 5 and Chrome. */
code,
pre {
  font-family: monospace, serif;
  font-size: 1em;
}

/* Improves readability of pre-formatted text in all browsers. */
pre {
  white-space: pre;
}

/* Removes border when inside `a` element in IE 8/9. */
img {
  border: 0;
  max-width: 100%;
  vertical-align: top;
}

/* Addresses margin not present in IE 8/9 and Safari 5. */
figure {
  margin: 0;
}

/* 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome. */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button,
input {
  line-height: normal;
}

/* 1. Avoid the WebKit bug in Android 4.0.* where (3) destroys native `audio` and `video` controls.
 * 2. Improves usability and consistency of cursor style between image-type `input` and others.
 * 3. Corrects inability to style clickable `input` types in iOS. */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer; /* 2 */
  -webkit-appearance: button; /* 3 */
}

/* 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9. */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/* Removes inner padding and border in Firefox 4+. */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers. */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* Remove most spacing between table cells. */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**********************/
/* Default Typography */
/**********************/
html {
  color: #444;
  font-family: sans-serif;
  font-size: 100%;
}

dl,
ol,
ul {
  padding: 0;
}

dd,
dt,
li {
  line-height: 1.5; /* 24 / 16 */
  margin: 0;
}

* {
  box-sizing: border-box;
}

html {
  box-sizing: border-box;
}

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

body {
  margin: 0;
  font-size: 100%;
}

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

img {
  vertical-align: middle;
}

html {
  box-sizing: border-box;
}

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

/* Our Site Breakpoints (same as twitter bootstrap) */
/* Breakpoints (These are the same values that bootstrap use) */
/* Just a bit bigger than a mobile */
/* iPads etc */
/* Laptop Screens */
/* Large Desktop Screens */
/* Extra large desktop screens */
/* Extra Extra Large Desktop Screens */
@font-face {
  font-family: "d-dinregular";
  src: url("fonts/d-din-webfont.woff2") format("woff2"), url("fonts/d-din-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "d-dindin-bold";
  src: url("fonts/d-din-bold-webfont.woff2") format("woff2"), url("fonts/d-din-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
p {
  font-family: "Archia", sans-serif;
  font-size: 18px;
  line-height: 36px;
  font-weight: 400;
  margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
  text-align: center;
  font-family: "Archia", sans-serif !important;
  margin: 0;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
  color: #00CCB8;
}

h1 {
  font-size: 24px;
  line-height: 34px;
}

/* Case Studies Archive */
.casestudy-archive {
  display: grid;
  gap: 20px;
}
.casestudy-archive .case-study-single .thumbnail img {
  min-width: 100%;
  max-height: 250px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
}
.casestudy-archive .case-study-single:hover:before .thumbnail img {
  transform: scale(1.1);
}
.casestudy-archive .case-study-single:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 4;
}
.casestudy-archive .case-study-single:hover:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00CCB8;
  opacity: 0.75;
  z-index: 5;
  transition: 0.3s;
}
.casestudy-archive .case-study-single .panel-inner {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 6;
}
.casestudy-archive .case-study-single .btn-white {
  max-width: fit-content;
}
.casestudy-archive .case-study-single .case-study-logo {
  max-width: 200px;
  padding-bottom: 20px;
  max-height: 100px;
}
.casestudy-archive .case-study-single {
  position: relative;
  overflow: hidden;
}
.casestudy-archive .case-study-single .thumbnail {
  transition: transform 0.3s ease, filter 0.3s ease;
}
.casestudy-archive .case-study-single:hover .thumbnail {
  transform: scale(1.1);
  filter: brightness(0.8);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .casestudy-archive .case-study-single .case-study-logo {
    width: auto;
  }
}
@media (min-width: 575px) {
  .casestudy-archive {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .casestudy-archive {
    grid-template-columns: repeat(3, 1fr);
  }
  .casestudy-archive .case-title {
    font-size: 28px;
    line-height: 30px;
    font-weight: 400;
  }
}
@media (min-width: 1300px) {
  .casestudy-archive {
    grid-template-columns: repeat(4, 1fr);
  }
  .casestudy-archive.sector-cs {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1152px) {
  h1 {
    font-size: 38px;
    line-height: 60px;
  }
}

h2, h3, h4, h5, h6 {
  font-size: 18px;
  line-height: 26px;
}
@media (min-width: 1152px) {
  h2, h3, h4, h5, h6 {
    font-size: 24px;
    line-height: 34px;
  }
}

.message-header {
  background-color: #263a50;
  text-align: center;
  font-family: "Archia", sans-serif !important;
  color: #a7d0ce;
}
@media (min-width: 768px) {
  .message-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11;
    height: 40px;
  }
}
.message-header p {
  padding: 10px 0;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 0;
  font-family: "Archia", sans-serif !important;
}

.site-header {
  position: relative;
  background-color: transparent;
  color: #000;
  padding: 0;
  height: auto;
  z-index: 10;
}
.gfield input[type="tel"], .ginput_container select {
    height: 60px !important;
    font-size: 20px !important;
}
.ginput_container select {
	place-items: center;
    border: none !important;
}
/*main {


	@include breakpoint(tablet) {
		padding-top: 36px;
		}
}*/
.header-top {
  position: unset !important;
}

.mobile-numbers {
  background-color: #F2F0E8;
  padding: 15px;
}
@media (min-width: 768px) {
  .mobile-numbers {
    padding: 25px 20px 5px 15px;
    background-color: #fff;
  }
}
@media (min-width: 1152px) {
  .mobile-numbers {
    padding: 25px 25px 5px 15px;
  }
}
.mobile-numbers li {
  list-style-type: none;
  font-family: "Archia", sans-serif !important;
  color: #00CCB8;
  font-size: 1rem;
}
.mobile-numbers li + li {
  margin-right: 0;
}
.mobile-numbers li a {
  color: #00CCB8;
}
.mobile-numbers li a:hover {
  text-decoration: none;
  color: #00CCB8;
}
.mobile-numbers li a:visited {
  color: #00CCB8;
}
.mobile-numbers li span {
  color: #08202C;
}
@media (min-width: 1152px) {
  .mobile-numbers li {
    font-size: 15px;
  }
}

.site-logo {
  background-color: #fff;
  padding: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .site-logo {
    text-align: left;
  }
}
.site-logo img {
  width: 70%;
}
@media (min-width: 768px) {
  .site-logo img {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .site-logo img {
    width: 100%;
  }
}
@media (min-width: 1152px) {
  .site-logo img {
    max-width: 300px;
  }
}
@media (min-width: 768px) {
  .site-logo {
    padding: 24px 0 20px 20px;
  }
}
@media (min-width: 992px) {
  .site-logo {
    padding: 22px 0 10px 20px;
  }
}
@media (min-width: 1152px) {
  .site-logo {
    padding: 15px 0 15px 20px;
  }
}

.mobile-actions li {
  list-style-type: none;
  padding: 0;
}
.mobile-actions li:nth-of-type(1) {
  background-color: #e5f1f1;
}
.mobile-actions li:nth-of-type(1) a {
  color: #00CCB8;
}
.mobile-actions li:nth-of-type(2) a {
  background-color: #a7d0ce;
}
.mobile-actions li:nth-of-type(2) a:hover {
  background-color: #71C3BD;
}
.mobile-actions li:nth-of-type(3) a {
  background: rgb(255, 121, 0);
  background: linear-gradient(90deg, rgb(255, 121, 0) 0%, rgb(255, 49, 0) 100%);
}
.mobile-actions li:nth-of-type(3) a:hover {
  background: #131F2D;
}
.mobile-actions li img {
  max-width: 30px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .mobile-actions li img {
    max-width: 20px;
    margin-right: 3px;
    margin-bottom: 0;
  }
}
@media (min-width: 1152px) {
  .mobile-actions li img {
    margin-right: 6px;
  }
}
.mobile-actions a {
  color: #fff;
  padding: 15px 10px;
  font-family: "Archia", sans-serif !important;
  text-align: center;
  font-size: 10px;
  width: 100%;
  text-align: left;
}
@media (min-width: 1152px) {
  .mobile-actions a {
    font-size: 15px;
    padding: 15px 10px;
  }
}
.mobile-actions a:hover {
  text-decoration: none;
}

@media (min-width: 992px) {
  .scrolled {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    background-color: #fff;
    border-bottom: 5px solid;
    border-image-source: linear-gradient(90deg, #45b7ad 0%, #e0f0f1 100%);
    border-image-slice: 1;
    z-index: 500;
  }
  .scrolled .desktop-nav li:last-child {
    padding: 10px 25px 0 0 !important;
  }
}
@media (min-width: 992px) and (min-width: 1366px) {
  .scrolled {
    height: 65px;
  }
}
@media (min-width: 992px) {
  .scrolled .mobile-numbers {
    display: none !important;
    visibility: hidden;
  }
  .scrolled .site-logo {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    padding: 10px 0 10px 20px;
  }
}
@media (min-width: 992px) and (min-width: 1366px) {
  .scrolled .site-logo {
    padding: 10px 0 8px 20px;
  }
}
@media (min-width: 992px) {
  .scrolled .site-logo img {
    max-width: 130px;
  }
}
@media (min-width: 992px) and (min-width: 1366px) {
  .scrolled .site-logo img {
    max-width: 183px;
  }
}
@media (min-width: 992px) {
  .scrolled .mobile-actions {
    flex-direction: row !important;
    flex: 0 0 30% !important;
    max-width: 30% !important;
  }
}
@media (min-width: 992px) and (min-width: 1366px) {
  .scrolled .mobile-actions {
    flex: 0 0 30% !important;
    max-width: 30% !important;
  }
}
@media (min-width: 992px) {
  .scrolled .mobile-actions a {
    padding: 15px 10px;
    font-size: 10px;
    line-height: 10px;
  }
}
@media (min-width: 992px) and (min-width: 1152px) {
  .scrolled .mobile-actions a {
    font-size: 12px;
    line-height: 12px;
  }
}
@media (min-width: 992px) and (min-width: 1366px) {
  .scrolled .mobile-actions a {
    padding: 20px 10px;
    font-size: 15px;
    line-height: 15px;
  }
}
@media (min-width: 992px) {
  .scrolled .mobile-actions li {
    flex: 0 0 40% !important;
    max-width: 40% !important;
  }
  .scrolled .mobile-actions li:first-of-type {
    display: none;
    visibility: hidden;
  }
  .scrolled .desktop-nav li {
    padding: 20px 20px 20px 0;
  }
}
@media (min-width: 992px) and (min-width: 1152px) {
  .scrolled .desktop-nav li {
    padding: 20px 20px 18px 0;
  }
}
@media (min-width: 992px) and (min-width: 1366px) {
  .scrolled .desktop-nav li {
    padding: 25px 20px 20px 0;
  }
}
@media (min-width: 992px) {
  .scrolled .desktop-nav li a {
    font-size: 10px;
    line-height: 10px;
  }
}
@media (min-width: 992px) and (min-width: 1152px) {
  .scrolled .desktop-nav li a {
    font-size: 12px;
    line-height: 12px;
  }
}
@media (min-width: 992px) and (min-width: 1366px) {
  .scrolled .desktop-nav li a {
    font-size: 15px;
    line-height: 15px;
  }
}
.breadcrumb {
  display: none;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 100px;
  padding-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  z-index: 2;
  margin-bottom: 0;
  text-align: center;
}
.breadcrumb ul {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1336px;
  margin: 0 auto;
}
@media (min-width: 1366px) {
  .breadcrumb ul {
    padding: 0;
  }
}
.breadcrumb li {
  list-style-type: none;
  font-family: "Archia", sans-serif !important;
  font-size: 1rem;
  color: #CCCCCC;
}
.breadcrumb li:before {
  content: "/";
  display: inline-block;
  position: relative;
  font-size: 1rem;
  color: #CCCCCC;
  margin: 0 5px;
}
.breadcrumb li:first-of-type:before {
  display: none;
}
.breadcrumb a {
  color: #CCCCCC;
  text-decoration: none;
}
.breadcrumb a:visited {
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
  color: #F2F0E8;
}

body {
  font-size: 18px;
  font-family: "Archia", sans-serif;
  background-color: #fff;
  min-height: 100vh;
  height: auto;
  letter-spacing: -1px;
}

.white-bg {
  background-color: #fff;
}

.no-bg {
  background-color: transparent !important;
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
.c-container {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1336px;
  height: auto;
  margin: 0 auto;
  padding: 0 30px;
}
@media (min-width: 1366px) {
  .c-container {
    padding: 0;
  }
}

.slanted {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F2F0E8;
  z-index: 1;
}
.slanted:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -50%;
  left: 0;
  right: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  transform: skewY(-10deg);
}

.anchor-point {
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  transform: translateY(-50px);
}

.seperator {
  display: block;
  position: relative;
  width: 97%;
  height: 1px;
  background-color: #00CCB8;
  margin-left: auto;
  margin-right: auto;
}

.noblocks-msg {
  font-size: 18px;
  line-height: 28px;
  margin: 60px 30px;
  color: #00CCB8;
  width: 100%;
  text-align: center;
}

.site-footer {
  background-color: #08202C;
  color: #fff;
  padding: 30px 0;
}

.footer-logo {
  display: block;
  margin-bottom: 30px;
  padding: 0;
}
@media (min-width: 768px) {
  .footer-logo {
    margin-bottom: 0;
    padding-right: 2%;
  }
}
.footer-logo img {
  max-width: 240px;
}
@media (min-width: 768px) {
  .footer-logo img {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .footer-logo img {
    max-width: 220px;
  }
}

.footer-links {
  margin-bottom: 30px;
  padding: 0;
}
@media (min-width: 768px) {
  .footer-links {
    margin-bottom: 0;
  }
}
.footer-links li {
  list-style-type: none;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .footer-links li {
    margin-bottom: 0;
    margin-right: 3%;
  }
  .footer-links li:last-of-type {
    margin-right: 0;
  }
}
.footer-links li:last-of-type {
  margin-bottom: 0;
}
.footer-links li a {
  color: #00CCB8;
  text-decoration: none;
  font-family: "Archia", sans-serif !important;
  font-size: 1rem;
}
.footer-links li a:hover {
  text-decoration: underline;
  color: #fff;
}
@media (min-width: 768px) {
  .footer-links li a {
    font-size: 11px;
  }
}
@media (min-width: 992px) {
  .footer-links li a {
    font-size: 12px;
  }
}
@media (min-width: 1152px) {
  .footer-links li a {
    font-size: 14px;
  }
}

.social {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .social {
    margin-bottom: 0;
  }
}
.social li {
  list-style-type: none;
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 15px;
}
.social li:last-of-type {
  margin-right: 0;
}
.social li img {
  max-width: 35px;
}
@media (min-width: 768px) {
  .social li img {
    max-width: 20px;
  }
}
@media (min-width: 992px) {
  .social li img {
    max-width: 35px;
  }
}

.copyright {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  border-top: 1px solid #46556a;
  padding: 20px 0 0 0;
}
@media (min-width: 768px) {
  .copyright {
    margin-top: 30px;
    flex-direction: row;
  }
}
.copyright p {
  font-size: 1rem;
  line-height: 22px;
}
@media (min-width: 768px) {
  .copyright p {
    display: inline-block;
    width: auto;
    font-size: 10px;
    margin-bottom: 0;
  }
}
@media (min-width: 1152px) {
  .copyright p {
    font-size: 12px;
    line-height: 16px;
  }
}
.copyright p a {
  color: #fff;
  text-decoration: underline;
}
.copyright p a:visited {
  color: #fff;
}
.copyright p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .copyright p + p {
    margin-left: auto;
  }
}

.cc-color-override-676757094.cc-window {
  width: 100%;
  background-color: #fff !important;
  color: #08202C !important;
  font-size: 16px !important;
  -moz-box-shadow: 5px 5px 15px #666;
  -webkit-box-shadow: 5px 5px 15px #666;
  box-shadow: 5px 5px 15px #666;
}
@media (min-width: 768px) {
  .cc-color-override-676757094.cc-window {
    width: 60% !important;
  }
}

.cc-message a {
  color: #08202C !important;
}
.cc-message a:hover {
  text-decoration: none !important;
}

.cc-color-override-676757094 .cc-btn {
  background-color: #263a50 !important;
  color: #fff !important;
  font-family: "d-dinregular";
}
.cc-color-override-676757094 .cc-btn:hover {
  background-color: #131f2d !important;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background-color: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 0.5;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.5;
}
.slick-prev:before,
.slick-next:before {
  font-size: 20px;
  line-height: 1;
  color: #333;
  opacity: 0.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir=rtl] .slick-prev {
  left: auto;
}

[dir=rtl] .slick-next {
  right: auto;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 0.5;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #333;
  opacity: 0.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #999;
  opacity: 0.5;
}

/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity.lity-opened {
  opacity: 1;
}

.lity.lity-closed {
  opacity: 0;
}

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}

.lity-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity-loading .lity-loader {
  opacity: 1;
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.lity-content:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close:active {
  top: 1px;
}

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.lity-hide {
  display: none;
}

.desktop-nav {
  display: flex;
  position: relative;
  justify-content: flex-end;
  font-size: 15px;
  padding: 0;
  width: 100%;
}
@media (min-width: 1152px) {
  .desktop-nav {
    font-size: 15px;
  }
}
.desktop-nav ul {
  width: 100%;
  justify-content: flex-end;
}
@media (min-width: 1152px) {
  .desktop-nav li:last-child {
    padding: 10px 25px 0 0 !important;
  }
}
.desktop-nav li {
  list-style-type: none;
  padding: 10px 7px 15px 0;
  text-align: center;
}
@media (min-width: 1152px) {
  .desktop-nav li {
    padding: 10px 61px 0px 0;
  }
}
.desktop-nav li a {
  text-transform: uppercase;
  color: #08202C;
  font-family: "Archia", sans-serif !important;
  font-size: 11px;
}
@media (min-width: 1366px) {
  .desktop-nav li a {
    font-size: 15px;
  }
}
.desktop-nav li a:hover {
  color: #00CCB8;
  text-decoration: none;
}
.desktop-nav li a:visited {
  color: #08202C;
}
.desktop-nav li a:visited:hover {
  color: #00CCB8;
}
.desktop-nav li:hover .sub-menu {
  transform: translateX(0) translateY(0);
}

.has-dropdown .dropdown-simple {
  left: -9999px;
}
.has-dropdown:hover .dropdown-simple {
  left: 0;
}

.dropdown-simple {
  display: block;
  position: absolute;
  width: 300px !important;
  top: 50px;
  left: 0;
  background-color: #fff;
}
.dropdown-simple li:last-child {
  border-bottom: none !important;
}
.dropdown-simple li {
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  padding: 0 !important;
  border-bottom: 1px solid #eee;
}
.dropdown-simple li a {
  padding: 10px 15px !important;
  font-size: 14px;
}

/* Mobile Slide Menu */
.slide-menu {
  height: 100%;
  margin: 0;
  padding: 0;
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 88%;
  background-color: #eee;
  color: #fff;
  transform: translateX(-100%);
  transition: all 0.75s ease-in-out;
  transition-delay: 0.25s;
}
@media (min-width: 768px) {
  .slide-menu {
    display: none;
  }
}
@media (min-width: 768px) {
  .slide-menu {
    width: 70%;
    transform: translateX(100%);
    display: none;
  }
}
@media (min-width: 992px) {
  .slide-menu {
    display: none;
  }
}
@media (min-width: 1152px) {
  .slide-menu {
    width: 50%;
  }
}

.slide-menu-show {
  transform: translateX(0);
  transition: all 0.75s ease-in-out;
  transition-delay: 0.25s;
  z-index: 500;
}
@media (min-width: 768px) {
  .slide-menu-show {
    transform: translateX(0);
  }
}

.fog {
  position: fixed;
  display: block;
  background: rgba(0, 0, 0, 0.3);
  z-index: 500;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.75s ease-in-out;
  transition-delay: 0.25s;
}
@media (min-width: 768px) {
  .fog {
    display: none;
  }
}

.fog-hover {
  transition: all 0.75s ease-in-out;
  transition-delay: 0.25s;
}

.mobile-menu-container {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 0;
  height: 100%;
  padding: 0;
  background-color: #a3cfcd;
  overflow: auto;
}

.category-filters {
  display: inline-block;
  position: relative;
  width: 100%;
}

.sidebar--heading {
  display: block;
  position: relative;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 10px;
}

.filter-group {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 0;
}
.filter-group:last-of-type {
  margin-bottom: 0;
}
.filter-group li {
  list-style-type: none;
}
.filter-group .submenu {
  display: none;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #e5f1f1;
  padding: 20px;
}
.filter-group .submenu li {
  padding: 5px 0;
}
.filter-group .submenu a {
  color: #08202C;
  font-size: 14px;
  font-family: "Archia", sans-serif !important;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
}
.filter-group .submenu a:hover {
  text-decoration: underline;
  color: #00CCB8;
}
.filter-group .submenu a:visited {
  color: #08202C;
  text-decoration: none;
}

.heading {
  border-bottom: 1px solid #e5f1f1;
}
.heading a {
  color: #08202C;
}
.heading a:hover {
  text-decoration: none;
}
.heading a:visited {
  color: #08202C;
}
.heading span {
  display: block;
  position: relative;
  padding: 20px;
  width: 100%;
  margin-bottom: 0;
  font-size: 14px;
  cursor: pointer;
  color: #08202C;
  font-family: "Archia", sans-serif !important;
  text-transform: uppercase;
  font-weight: 600;
}

.filter-group--heading {
  border-bottom: 1px solid #e5f1f1;
}
.filter-group--heading span:not(.bob) {
  display: block;
  position: relative;
  padding: 20px;
  width: 100%;
  margin-bottom: 0;
  font-size: 1rem;
  cursor: pointer;
  color: #08202C;
  font-family: "Archia", sans-serif !important;
  text-transform: uppercase;
  font-weight: 600;
}
.filter-group--heading span a {
  color: #08202C;
  font-size: 14px;
}
.filter-group--heading span a:visited {
  color: #08202C;
}
.filter-group--heading .bob {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
  height: 65px;
  background-image: url("images/desktop/Icons/Plus.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
}
.filter-group--heading.submenu-active {
  position: relative;
}
.filter-group--heading.submenu-active .bob {
  background-image: url("images/desktop/Icons/Minus.png") !important;
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
}
.filter-group--heading.submenu-active .submenu {
  display: block;
}

.desktop-nav {
  display: block;
  position: unset !important;
  width: 100%;
  height: auto;
  background-color: #fff;
}

.nav-list {
  display: flex;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-right: 10px !important;
  background-color: #fff;
}
.nav-list li {
  display: inline-block;
  list-style-type: none;
}
.nav-list li a {
  display: block;
  padding: 0;
  height: 100%;
}
.nav-list li:hover .mega-menu {
  transform: translateY(99.9%);
  opacity: 1;
  z-index: -5;
}

.mega-menu {
  display: none;
  width: 100%;
  height: auto;
  background-color: #F2F0E8;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(-100px);
  transition: all 0.3s ease;
  opacity: 0;
  z-index: -5;
}
@media (min-width: 1152px) {
  .mega-menu {
    display: flex;
  }
}

.mega-menu-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #00CCB8;
  padding: 30px;
}

.mega-menu--heading {
  display: block;
  position: relative;
  width: 100%;
  font-family: "Archia", sans-serif !important;
  font-size: 26px;
  margin-bottom: 30px;
  column-gap: #00CCB8;
}

.mega-menu--list {
  display: flex;
  flex-direction: row;
  width: auto;
  max-width: 70%;
}
@media (min-width: 1152px) {
  .mega-menu--list {
    max-width: 1152px;
  }
}
.mega-menu--list li {
  display: flex;
  position: relative;
  flex-direction: column;
  background-color: #ccc;
  flex: 1;
  margin-right: 2%;
  padding: 0 !important;
  overflow: hidden;
}
.mega-menu--list li:last-of-type {
  margin-right: 0;
}
.mega-menu--list li:hover .menu-img {
  transition: all 0.3s ease;
  transform: scale(1.05);
}

.inner-content {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 30px 0;
}
.inner-content:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.inner-content a {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100% !important;
  padding: 30px 0 !important;
  position: relative;
}
.inner-content img {
  max-width: 40px;
  margin-bottom: 10px;
  position: relative;
  transition: all 0.3s ease;
}
.inner-content p {
  position: relative;
  margin: 0;
  font-family: "Archia", sans-serif !important;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 36px;
  font-weight: 600;
  color: #fff;
}

.menu-img {
  transition: all 0.3s ease;
  transform: scale(1);
}

input[type=number] {
  padding: 15px;
  height: 50px;
  border: 1px solid #eee;
}

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
}

input[type=text],
input[type=tel],
input[type=password],
input[type=submit],
input[type=email] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.button, .role-experience .btn-gradient, .enquire-form .agree button, .contact-form .agree button, .searchandfilter input[type=submit], .filters form .acs-sf-field input[type=submit] {
  display: inline-block;
  position: relative;
  padding: 10px 20px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  line-height: 21px;
  font-family: "Archia", sans-serif !important;
  border-radius: 10px;
  transition: all 0.3s ease;
}
.button:hover, .role-experience .btn-gradient:hover, .enquire-form .agree button:hover, .contact-form .agree button:hover, .searchandfilter input[type=submit]:hover, .filters form .acs-sf-field input[type=submit]:hover {
  text-decoration: none;
}

.btn-small {
  width: 50%;
}

.btn-full {
  width: 100%;
}

.btn-gradient {
  background: #FF5F1B;
  border: 1px solid #FF5F1B;
  font-size: 18px !important;
  line-height: 22px !important;
  padding: 22px 40px;
  /*background: rgb(255,121,0);
    background: linear-gradient(90deg, rgba(255,121,0,1) 0%, rgba(255,49,0,1) 100%);
  	color: $white;
  	border-radius: 10px;
    border: 1px solid #EB5B2A;
  */
}
.btn-gradient:hover {
  border: 1px solid #EB5B2A;
  color: #fff;
  background: transparent !important;
}
.btn-gradient:visited {
  color: #fff !important;
  text-decoration: none;
}

.btn-gradient-outline {
  border: 1px solid #EB5B2A;
  color: #fff;
  border-radius: 10px;
}
.btn-gradient-outline:hover {
  background: rgb(255, 121, 0);
  background: linear-gradient(90deg, rgb(255, 121, 0) 0%, rgb(255, 49, 0) 100%);
  color: #fff;
  border-radius: 10px;
}
.btn-gradient-outline:visited {
  color: #fff;
  text-decoration: none;
}

.btn-white {
  background-color: #fff;
  color: #00CCB8;
  border: 1px solid #00CCB8;
}
.btn-white:hover {
  background-color: transparent;
  color: #fff !important;
  border: 1px solid #fff;
}
.btn-white:visited {
  color: #00CCB8;
  text-decoration: none;
}

.btn-green {
  /* border: 1px solid $green;
   background-color: $green;
   color: $white;

   &:hover {
     background-color: transparent;
     color: $green !important;
     text-decoration: none;
   }*/
  background: #FF5F1B !important;
  text-transform: lowercase !important;
  font-weight: 400 !important;
  border: 1px solid #FF5F1B !important;
  color: white !important;
  font-size: 18px !important;
  line-height: 22px !important;
  padding: 22px 40px;
}
.btn-green::first-letter {
  text-transform: uppercase;
}
.btn-green:hover {
  background: transparent !important;
  color: #FF5F1B !important;
}
.btn-green:visited {
  color: #fff;
  text-decoration: none;
}

.btn-green-outline {
  background-color: transparent;
  border: 1px solid #00CCB8;
  color: #00CCB8;
}
.btn-green-outline:hover {
  background-color: #00CCB8;
  color: #fff !important;
  text-decoration: none;
}
.btn-green-outline:visited {
  color: #00CCB8;
  text-decoration: none;
}

.with-icon {
  padding: 22px 40px 22px 63px !important;
  color: #fff !important;
}
.with-icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 29px;
  width: 30px;
  height: 40px;
  background-image: url("images/desktop/Icons/Enquire-online.png");
  background-repeat: no-repeat;
  background-size: 25px auto;
  background-position: center;
}

.with-icon:hover {
  color: #FF5F1B !important;
}

.text-link {
  padding: 0 20px;
  color: #08202C;
  text-decoration: none !important;
  font-family: "Archia", sans-serif !important;
}
.text-link:hover {
  color: #00CCB8 !important;
  text-decoration: underline !important;
}

.hero {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .hero {
    flex-direction: row;
  }
}
@media (min-width: 1600px) {
  .hero {
    height: 70vh;
  }
}
.hero .hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  padding-left: 30px;
  padding-right: 30px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .hero .hero-content {
    align-items: flex-start;
    padding-right: 30px;
  }
}
@media (min-width: 1366px) {
  .hero .hero-content {
    padding-left: 60px;
  }
}
.hero .hero-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.hero-title {
  position: relative;
  color: #fff;
  text-align: center;
  font-family: "Archia", sans-serif !important;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .hero-title {
    text-align: left;
  }
}
@media (min-width: 1152px) {
  .hero-title {
    font-size: 35px;
    line-height: 35px;
  }
}
@media (min-width: 1600px) {
  .hero-title {
    width: 50%;
    font-size: 53px;
    line-height: 53px;
  }
}

.hero-tagline {
  position: relative;
  color: #00CCB8;
  font-family: "Archia", sans-serif !important;
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .hero-tagline {
    text-align: left;
  }
}
@media (min-width: 1152px) {
  .hero-tagline {
    font-size: 18px;
    line-height: 26px;
  }
}

.videobg {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 500px;
}
@media (min-width: 768px) {
  .videobg {
    width: 60%;
  }
}
@media (min-width: 1366px) {
  .videobg {
    width: 75%;
  }
}
@media (min-width: 1600px) {
  .videobg {
    height: 100%;
  }
}
.videobg iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  aspect-ratio: 16/9;
}
@media (min-width: 1152px) {
  .videobg iframe {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 1366px) {
  .videobg iframe {
    width: 100%;
  }
}
@media (min-width: 1366px) {
  .videobg .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
}

.hero-side {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 80px 0;
  background-color: #00CCB8;
  background-image: url("images/inspring-change-bg.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100%;
}
@media (min-width: 768px) {
  .hero-side {
    width: 40%;
    padding: 0 30px;
  }
}
@media (min-width: 1366px) {
  .hero-side {
    width: 30%;
  }
}
.hero-side p {
  color: #08202C;
  font-family: "Archia", sans-serif !important;
  text-align: center;
}
@media (min-width: 768px) {
  .hero-side p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
  }
  .hero-side p:after {
    content: "";
    display: block;
    position: relative;
    width: 1px;
    height: 70px;
    background-color: #fff;
    margin: 10px 0 20px 0;
    left: calc(50% - 1px);
  }
}
@media (min-width: 1152px) {
  .hero-side p {
    font-size: 18px;
    line-height: 26px;
  }
}

.hero-side--title {
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: "Archia", sans-serif !important;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .hero-side--title {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (min-width: 1152px) {
  .hero-side--title {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (min-width: 1600px) {
  .hero-side--title {
    font-size: 53px;
    line-height: 53px;
  }
}

.homepage-about-blocks {
  background-color: #fff;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .homepage-about-blocks {
    padding: 100px 0;
  }
}
.homepage-about-blocks .c-container {
  max-width: 1366px;
}

.about-block {
  position: relative;
  margin-bottom: 20px;
  padding: 30px 20px;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .about-block {
    margin-bottom: 0;
  }
}
@media (min-width: 1152px) {
  .about-block {
    padding: 60px;
  }
}
.about-block p {
  text-align: left;
  line-height: 36px;
  font-size: 18px;
}
.about-block .button, .about-block .role-experience .btn-gradient, .role-experience .about-block .btn-gradient, .about-block .enquire-form .agree button, .enquire-form .agree .about-block button, .about-block .contact-form .agree button, .contact-form .agree .about-block button, .about-block .searchandfilter input[type=submit], .searchandfilter .about-block input[type=submit], .about-block .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .about-block input[type=submit] {
  margin-top: auto;
}
.about-block.has-background {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.about-block.has-background:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  border-radius: 20px;
}
.about-block.has-background.default-theme:before {
  background-color: #fff;
}
.about-block.has-background.grey-theme:before {
  background-color: #F2F0E8;
}
.about-block.has-background.green-theme:before {
  background-color: #00CCB8;
}
.about-block.has-background.blue-theme:before {
  background-color: #08202C;
}
.about-block.default-theme {
  background-color: #fff;
}
.about-block.default-theme h4 a {
  color: #08202C;
}
.about-block.default-theme p {
  color: #F2F0E8;
}
.about-block.grey-theme {
  background-color: #F2F0E8;
}
.about-block.grey-theme h4 a {
  color: #08202C;
}
.about-block.grey-theme p {
  color: #F2F0E8;
}
.about-block.green-theme {
  background-color: #00CCB8;
}
.about-block.green-theme h4 a {
  color: #fff;
}
.about-block.green-theme p {
  color: #fff;
}
.about-block.blue-theme {
  background-color: #08202C;
}
.about-block.blue-theme h4 a {
  color: #fff;
}
.about-block.blue-theme p {
  color: #fff;
}
.about-block .icon {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: auto;
  margin-bottom: 25px;
}
.about-block h4 {
  position: relative;
  text-align: left;
  margin-bottom: 25px;
  font-size: 36px;
  line-height: 40px;
  font-family: "Archia", sans-serif !important;
}
.about-block p {
  position: relative;
  margin-bottom: 25px;
}
.about-block .button, .about-block .role-experience .btn-gradient, .role-experience .about-block .btn-gradient, .about-block .enquire-form .agree button, .enquire-form .agree .about-block button, .about-block .contact-form .agree button, .contact-form .agree .about-block button, .about-block .searchandfilter input[type=submit], .searchandfilter .about-block input[type=submit], .about-block .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .about-block input[type=submit] {
  font-family: "Archia", sans-serif !important;
}

.about-cols--2 .about-block {
  width: 100%;
}
@media (min-width: 768px) {
  .about-cols--2 .about-block {
    width: 50%;
    margin-right: 3%;
  }
}
.about-cols--2 .about-block:nth-of-type(2) {
  margin-right: 0;
}

.about-cols--3 .about-block {
  width: 100%;
}
@media (min-width: 768px) {
  .about-cols--3 .about-block {
    width: 33%;
    margin-right: 1%;
  }
}
.about-cols--3 .about-block:nth-of-type(2) {
  margin-right: 1%;
}
.about-cols--3 .about-block:nth-of-type(3) {
  margin-right: 0;
}

.csr-about-blocks {
  background-color: #fff;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .csr-about-blocks {
    padding: 100px 0;
  }
}
.csr-about-blocks .c-container {
  max-width: 1366px;
}
.csr-about-blocks .about-block {
  position: relative;
  margin-bottom: 20px;
  padding: 30px 20px;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .csr-about-blocks .about-block {
    margin-bottom: 0;
  }
}
@media (min-width: 1152px) {
  .csr-about-blocks .about-block {
    padding: 60px;
    width: 48.5%;
  }
}
.csr-about-blocks .about-block p {
  text-align: left;
  line-height: 36px;
  font-size: 18px;
}
.csr-about-blocks .about-block:first-child {
  background-color: #F2F0E8;
  margin-right: 3%;
}
.csr-about-blocks .about-block:first-child h4 a {
  color: #08202C;
}
.csr-about-blocks .about-block:first-child p {
  color: #08202C;
}
.csr-about-blocks .about-block:last-child {
  background-color: #00CCB8;
}
.csr-about-blocks .about-block:last-child h4 {
  color: #fff;
}
.csr-about-blocks .about-block:last-child h4 a {
  color: #fff;
}
.csr-about-blocks .about-block:last-child p {
  color: #fff;
}
.csr-about-blocks .about-block .icon {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: auto;
  margin-bottom: 25px;
}
.csr-about-blocks .about-block h4 {
  position: relative;
  text-align: left;
  margin-bottom: 25px;
  font-size: 38px;
  line-height: 60px;
  font-family: "Archia", sans-serif !important;
}
.csr-about-blocks .about-block p {
  position: relative;
  margin-bottom: 25px;
}
.csr-about-blocks .about-block .button, .csr-about-blocks .about-block .role-experience .btn-gradient, .role-experience .csr-about-blocks .about-block .btn-gradient, .csr-about-blocks .about-block .enquire-form .agree button, .enquire-form .agree .csr-about-blocks .about-block button, .csr-about-blocks .about-block .contact-form .agree button, .contact-form .agree .csr-about-blocks .about-block button, .csr-about-blocks .about-block .searchandfilter input[type=submit], .searchandfilter .csr-about-blocks .about-block input[type=submit], .csr-about-blocks .about-block .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .csr-about-blocks .about-block input[type=submit] {
  font-family: "Archia", sans-serif !important;
}

.homepage-accreditations-slider {
  padding: 100px 0;
}
.casestudy-template .homepage-accreditations-slider, .downloads-template .homepage-accreditations-slider, .faqs-template .homepage-accreditations-slider, .misc-template .homepage-accreditations-slider {
  background-color: #F2F0E8;
}
.news-template .homepage-accreditations-slider {
  border-top: 1px solid #F2F0E8;
}
.page-template-page-careers .homepage-accreditations-slider {
  border-top: 1px solid #00CCB8;
}
.homepage-accreditations-slider h3 {
  color: #08202C;
  margin-bottom: 100px;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .homepage-accreditations-slider h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
.homepage-accreditations-slider li {
  display: flex !important;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}
.homepage-accreditations-slider li img {
  max-width: 150px;
}

.accreditation-slider {
  margin-bottom: 0;
}

.homepage-casestudies {
  position: relative;
  background-color: #F2F0E8;
  padding: 20px 20px 0 20px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .homepage-casestudies {
    align-items: center;
    padding: 0;
  }
}
@media (min-width: 1152px) {
  .homepage-casestudies {
    align-items: center;
  }
}
.homepage-casestudies li {
  list-style-type: none;
  padding: 30px 30px 0 30px;
}
@media (min-width: 768px) {
  .homepage-casestudies li {
    padding: 15px 30px 0 30px;
  }
}

.casestudies-slider {
  background-color: #00CCB8;
  width: 100%;
  z-index: 5;
}
@media (min-width: 768px) {
  .casestudies-slider {
    width: 35%;
    height: auto;
    transform: translateX(15%);
    z-index: 10;
  }
}
@media (min-width: 992px) {
  .casestudies-slider {
    width: 25%;
    transform: translateX(25%);
  }
}
@media (min-width: 1152px) {
  .casestudies-slider {
    padding-top: 60px;
    transform: translateX(40%);
  }
}
.casestudies-slider p {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-family: "Archia", sans-serif !important;
}
@media (min-width: 768px) {
  .casestudies-slider p {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (min-width: 992px) {
  .casestudies-slider p {
    font-size: 14px;
    line-height: 18px;
  }
}
.casestudies-slider p:last-of-type {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .casestudies-slider p:last-of-type {
    margin-bottom: 15px;
  }
}
.casestudies-slider .button, .casestudies-slider .role-experience .btn-gradient, .role-experience .casestudies-slider .btn-gradient, .casestudies-slider .enquire-form .agree button, .enquire-form .agree .casestudies-slider button, .casestudies-slider .contact-form .agree button, .contact-form .agree .casestudies-slider button, .casestudies-slider .searchandfilter input[type=submit], .searchandfilter .casestudies-slider input[type=submit], .casestudies-slider .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .casestudies-slider input[type=submit] {
  font-family: "Archia", sans-serif !important;
}

.case-cat {
  display: block;
  position: relative;
  font-size: 14px;
  margin-bottom: 15px;
  font-family: "Archia", sans-serif !important;
  color: #fff;
}
@media (min-width: 768px) {
  .case-cat {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (min-width: 992px) {
  .case-cat {
    font-size: 14px;
    line-height: 18px;
  }
}
.case-cat a {
  color: #fff;
}
.case-cat a:visited {
  color: #fff;
}

.case-title {
  display: block;
  position: relative;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 15px;
  color: #fff;
  font-family: "Archia", sans-serif !important;
  font-weight: 600;
}
@media (min-width: 768px) {
  .case-title {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 992px) {
  .case-title {
    font-size: 18px;
    line-height: 36px;
  }
}

.casestudies-main-img {
  width: 100%;
}
@media (min-width: 768px) {
  .casestudies-main-img {
    width: 65%;
  }
}
@media (min-width: 992px) {
  .casestudies-main-img {
    width: 75%;
  }
}

.slide-controls {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .slide-controls {
    padding-bottom: 15px;
  }
}
@media (min-width: 1152px) {
  .slide-controls {
    padding-bottom: 30px;
  }
}
.slide-controls > div {
  margin-left: 5px;
  cursor: pointer;
}
.slide-controls img {
  max-width: 50px;
}

.casestudy-image-slides {
  position: relative;
  z-index: 5;
}
.casestudy-image-slides li {
  position: relative;
}
.casestudy-image-slides li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 42.3%);
}
.casestudy-image-slides li ul li:before {
  display: none;
}
.casestudy-image-slides ul {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 20px;
  right: 0;
  left: 20px;
}
@media (min-width: 768px) {
  .casestudy-image-slides ul {
    flex-direction: row;
    left: unset;
    right: 40px;
    bottom: 40px;
  }
}
.casestudy-image-slides ul li {
  padding: 0;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .casestudy-image-slides ul li {
    margin-right: 60px;
    margin-bottom: 0;
  }
  .casestudy-image-slides ul li:last-of-type {
    margin-right: 0;
  }
}
.casestudy-image-slides img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.casestudy-image-slides .counter-stat {
  display: flex;
  align-items: center;
  color: #fff;
}
.casestudy-image-slides .counter-stat span {
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  font-family: "Archia", sans-serif !important;
}
@media (min-width: 768px) {
  .casestudy-image-slides .counter-stat span {
    font-size: 22px;
    line-height: 22px;
  }
}
@media (min-width: 1152px) {
  .casestudy-image-slides .counter-stat span {
    font-size: 34px;
    line-height: 34px;
  }
}
.casestudy-image-slides .count {
  font-family: "Archia", sans-serif !important;
  font-weight: 600;
  margin-bottom: 0;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .casestudy-image-slides .count {
    font-size: 22px;
    line-height: 22px;
  }
}
@media (min-width: 1152px) {
  .casestudy-image-slides .count {
    font-size: 42px;
    line-height: 42px;
  }
}
.casestudy-image-slides p {
  font-family: "Archia", sans-serif !important;
  color: #fff;
  font-size: 14px;
  margin-bottom: 0;
}
@media (min-width: 1152px) {
  .casestudy-image-slides p {
    font-size: 18px;
  }
}

.energy-technology {
  background-color: #fff;
  padding: 0 100px 100px 100px;
}
.single .energy-technology {
  border-top: 1px solid #F2F0E8;
  padding-bottom: 100px;
  padding-top: 100px;
}
.energy-technology .icon {
  display: none;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 45px;
  height: 45px;
  margin-right: 8px;
}
@media (min-width: 992px) {
  .energy-technology .icon {
    display: flex;
  }
}
.energy-technology h1 {
  color: #08202C;
}
.energy-technology h1 span {
  margin-right: 5px;
  color: #00CCB8;
}
.energy-technology p {
  margin-top: calc(100px / 2);
  color: #F2F0E8;
  text-align: center;
}
@media (min-width: 576px) {
  .energy-technology p {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .energy-technology p {
    max-width: 850px;
  }
}
.energy-technology .panel-block {
  margin-bottom: 0;
  margin-top: 100px;
}
.energy-technology .panel-block a {
  display: block;
  position: relative;
  margin-bottom: 100px;
  list-style-type: none;
  transition: all 0.3s ease;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 500px) {
  .energy-technology .panel-block a {
    margin-top: 50px !important;
  }
  .energy-technology .panel-block a a {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .energy-technology .panel-block a {
    margin-bottom: 0;
    width: 32%;
    margin-right: 1%;
    flex: 1;
  }
  .energy-technology .panel-block a:last-of-type {
    margin-right: 0;
  }
}
.energy-technology .panel-block a:last-of-type {
  margin-bottom: 0;
}
.energy-technology .panel-block a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 42.3%);
  transition: all 0.3s ease;
  z-index: 5;
}
.energy-technology .panel-block a img {
  width: 100%;
  transform: scale(1);
  transition: all 0.3s ease;
}
.energy-technology .panel-block a:hover:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00CCB8;
  opacity: 0.65;
  transform: translateY(0);
  z-index: 5;
}
.energy-technology .panel-block a:hover .energy-title {
  opacity: 0;
}
.energy-technology.single-hover-post .panel-block a:hover .energy-title {
  opacity: 1;
}
.energy-technology .panel-block a:hover .panel-overlay {
  opacity: 1;
}
.energy-technology .panel-block a:hover .panel-overlay .energy-title {
  opacity: 1;
}
.energy-technology .panel-block a:hover img {
  transform: scale(1.1);
}
.energy-technology .panel-block p {
  position: relative;
  color: #fff;
}
.energy-technology .panel-block .button, .energy-technology .panel-block .role-experience .btn-gradient, .role-experience .energy-technology .panel-block .btn-gradient, .energy-technology .panel-block .enquire-form .agree button, .enquire-form .agree .energy-technology .panel-block button, .energy-technology .panel-block .contact-form .agree button, .contact-form .agree .energy-technology .panel-block button, .energy-technology .panel-block .searchandfilter input[type=submit], .searchandfilter .energy-technology .panel-block input[type=submit], .energy-technology .panel-block .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .energy-technology .panel-block input[type=submit] {
  font-family: "Archia", sans-serif !important;
}
.energy-technology .panel-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
  transition: all 0.3s ease;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  transition: all 0.3s ease;
	padding-bottom: 20px;
}
.energy-technology .panel-inner p {
  padding: 0;
  margin-top: 0;
  margin-bottom: 25px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.energy-technology .panel-overlay {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  opacity: 0;
  transition: all 0.3s ease;
}
.energy-technology .panel-overlay .energy-title {
  margin-bottom: 45px;
}

.energy-title {
  position: relative;
  text-align: center;
  color: #fff;
  margin-bottom: 45px;
  font-family: "Archia", sans-serif !important;
  font-weight: 600;
  transition: all 0.3s ease;
  font-size: 23px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .energy-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 1152px) {
  .energy-title {
    margin-bottom: 45px;
  }
}

.leading-provider {
  background-color: #08202C;
  background-image: url("images/desktop/Homepage/Background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
  border-top: 5px solid;
  border-image-source: linear-gradient(90deg, rgb(69, 183, 173) 0%, rgb(224, 240, 241) 100%);
  border-image-slice: 1;
}
.leading-provider h2 {
  margin-bottom: 25px;
  color: #00CCB8;
  text-align: left;
}
@media (min-width: 768px) {
  .leading-provider h2 {
    font-size: 20px;
    line-height: 40px;
  }
}
@media (min-width: 1152px) {
  .leading-provider h2 {
    font-size: 38px;
    line-height: 60px;
  }
}
.leading-provider h3 {
  text-align: left;
  color: #00CCB8;
  margin-bottom: 25px;
  font-size: 24px;
  line-height: 28px;
  padding: 0 40px 0 0;
}
@media (min-width: 768px) {
  .leading-provider h3 {
    font-size: 20px;
    line-height: 40px;
  }
}
@media (min-width: 1152px) {
  .leading-provider h3 {
    font-size: 38px;
    line-height: 60px;
  }
}
.leading-provider p {
  color: #fff;
  font-size: 18px;
  line-height: 36px;
}
.leading-provider p a {
  color: #fff;
  text-decoration: underline;
}
.leading-provider .block-left {
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 768px) {
  .leading-provider .block-left {
    margin-bottom: 0;
    padding-right: 10%;
  }
}
.leading-provider .block-right {
  padding: 0;
}
.leading-provider li {
  position: relative;
  list-style-type: none;
  padding: 5px 0 5px 60px;
  font-family: "Archia", sans-serif !important;
  color: #fff;
  font-size: 16px;
}
@media (min-width: 1152px) {
  .leading-provider li {
    font-size: 18px;
  }
}
.leading-provider .icon {
  position: absolute;
  left: 0;
  width: 40px;
  height: auto;
  margin-right: 20px;
}

.homepage-clients {
  background-color: #fff;
  padding: 100px 0;
}
.homepage-clients h3 {
  color: #08202C;
  margin-bottom: 100px;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .homepage-clients h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
.homepage-clients .clients-slider {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.homepage-clients li {
  font-family: "Archia", sans-serif !important;
  text-align: center;
  color: #00CCB8;
  width: 50%;
  margin-bottom: 0;
  align-items: center;
}
@media (min-width: 768px) {
  .homepage-clients li {
    width: 20%;
  }
}
.homepage-clients li img {
  max-width: 150px;
}

.homepage-news li {
  position: relative;
  padding: 60px 30px;
  background-color: #00CCB8;
  overflow: hidden;
  margin-bottom: 0;
}
.homepage-news li:not(:first-of-type) {
  padding: 0;
}
.homepage-news li:not(:first-of-type) .link-overlay:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
  z-index: 5;
}
.homepage-news li:not(:first-of-type) .link-overlay:hover:before {
  background-color: #00CCB8;
  opacity: 0.8;
}
@media (min-width: 768px) {
  .homepage-news li {
    padding: 60px 30px;
  }
  .homepage-news li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
.homepage-news li:hover img {
  transform: scale(1.1);
}
.homepage-news li img {
  transform: scale(1);
  transition: all 0.3s ease;
}
.homepage-news li .button, .homepage-news li .role-experience .btn-gradient, .role-experience .homepage-news li .btn-gradient, .homepage-news li .enquire-form .agree button, .enquire-form .agree .homepage-news li button, .homepage-news li .contact-form .agree button, .contact-form .agree .homepage-news li button, .homepage-news li .searchandfilter input[type=submit], .searchandfilter .homepage-news li input[type=submit], .homepage-news li .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .homepage-news li input[type=submit] {
  font-family: "Archia", sans-serif !important;
}
.homepage-news p {
  margin-bottom: 20px;
  max-width: 80%;
  position: relative;
}
.homepage-news .news-list li {
  margin-right: 0;
  margin-bottom: 0;
}
.homepage-news .news-list p {
  color: #fff;
}
.homepage-news .news-list .link-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.news-section-title {
  font-family: "Archia", sans-serif !important;
  font-size: 28px;
  margin-bottom: 20px;
  color: #fff;
}
@media (min-width: 1152px) {
  .news-section-title {
    font-size: 34px;
  }
}

.news-title {
  display: block;
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  width: calc(100% - 60px);
  color: #fff;
  font-size: 20px;
  font-family: "Archia", sans-serif !important;
  z-index: 10;
}
@media (min-width: 768px) {
  .news-title {
    font-size: 14px;
  }
}
@media (min-width: 1152px) {
  .news-title {
    font-size: 18px;
    line-height: 36px;
  }
}
.news-title a {
  color: #fff;
}
.news-title a:visited {
  color: #fff;
}

.homepage-sector-slider {
  background-color: #fff;
  padding: 80px 0 60px 0;
}
@media (min-width: 1152px) {
  .homepage-sector-slider {
    background-color: #F2F0E8;
  }
}
.homepage-sector-slider h3 {
  color: #08202C;
  margin-bottom: 100px;
  font-size: 24px;
  line-height: 34px;
  width: 100%;
  padding: 0 0 60px 0;
}
@media (min-width: 768px) {
  .homepage-sector-slider h3 {
    width: 75%;
    margin: 0 auto;
  }
}
@media (min-width: 1152px) {
  .homepage-sector-slider h3 {
    font-size: 32px;
    width: 60%;
    line-height: 42px;
  }
}

.sector-slider {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sector-slider li {
  text-align: center;
  align-items: center;
  color: #00CCB8;
  width: 50%;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .sector-slider li {
    width: 16%;
    margin-right: 5%;
  }
  .sector-slider li:nth-of-type(5n) {
    margin-right: 0;
  }
}
@media (min-width: 1152px) {
  .sector-slider li {
    width: 25%;
    margin-right: 0;
  }
}
.sector-slider li a {
  width: 100%;
  color: #00CCB8;
}
.sector-slider li a:visited {
  color: #00CCB8;
}
.sector-slider li img {
  max-width: 70px;
}
@media (min-width: 768px) {
  .sector-slider li img {
    max-width: 50px;
  }
}
@media (min-width: 1152px) {
  .sector-slider li img {
    max-width: 70px;
  }
}
.sector-slider li p {
  font-family: "Archia", sans-serif !important;
  font-size: 12px;
  margin-bottom: 0;
  max-width: 95%;
}
@media (min-width: 768px) {
  .sector-slider li p {
    font-size: 11px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .sector-slider li p {
    font-size: 14px;
    max-width: 95%;
  }
}
@media (min-width: 1152px) {
  .sector-slider li p {
    font-size: 18px;
  }
}
.sector-slider .icon {
  display: block;
  position: relative;
  margin-bottom: 15px;
}

.slick-next,
.slick-prev {
  background-repeat: no-repeat !important;
  background-size: 15px !important;
  background-position: center !important;
  width: 30px;
  height: 30px;
  z-index: 10;
}
.slick-next:hover, .slick-next:focus,
.slick-prev:hover,
.slick-prev:focus {
  background-color: transparent !important;
}

.slick-next {
  right: 0;
  background-image: url("images/desktop/Icons/Right-Arrow.png");
}

.slick-prev {
  left: 0;
  background-image: url("images/desktop/Icons/Left-Arrow.png");
}

.stat-counter {
  background-color: #F2F0E8;
  padding: 100px 0;
}
.stat-counter h2 {
  width: 100%;
}
@media (min-width: 1152px) {
  .stat-counter h2 {
    width: 75%;
    margin: 0 auto;
  }
}
.stat-counter h2,
.stat-counter h3 {
  color: #08202C;
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .stat-counter h2,
  .stat-counter h3 {
    font-size: 38px;
    line-height: 60px;
  }
}
.stat-counter h4 {
  margin-bottom: 30px;
}

.stat-block {
  margin-bottom: 0;
}
.stat-block li {
  background-color: transparent;
  margin-bottom: 15px;
  padding: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .stat-block li {
    padding: 0 30px;
  }
}
.stat-block li * {
  margin-bottom: 15px;
}
.stat-block li *:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .stat-block li {
    width: 33.333%;
    flex: 1;
    margin-bottom: 0;
  }
}
.stat-block li:last-of-type {
  margin-bottom: 0;
}
.stat-block .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
}
.stat-block p {
  padding: 0;
  text-align: center;
  margin: 0 auto;
  font-family: "Archia", sans-serif !important;
  color: #00CCB8;
  font-size: 18px;
}

.counter-type {
  display: block;
  position: relative;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 15px;
  font-family: "Archia", sans-serif !important;
  font-weight: 700;
  color: #08202C;
}
@media (min-width: 768px) {
  .counter-type {
    font-size: 26px;
    line-height: 26px;
  }
}
@media (min-width: 1152px) {
  .counter-type {
    font-size: 50px;
    line-height: 50px;
  }
}

.counter {
  display: block;
  position: relative;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 15px;
  font-family: "Archia", sans-serif !important;
  font-weight: 700;
  color: #08202C;
}
@media (min-width: 768px) {
  .counter {
    font-size: 26px;
    line-height: 26px;
  }
}
@media (min-width: 1152px) {
  .counter {
    font-size: 50px;
    line-height: 50px;
  }
}

.homepage-callout {
  display: block;
  position: relative;
  width: 100%;
  background-image: url("images/desktop/Homepage/CTA-Bar.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
}

.callout-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 768px) {
  .callout-inner {
    flex-direction: row;
    align-items: center;
  }
}
.callout-inner .button, .callout-inner .role-experience .btn-gradient, .role-experience .callout-inner .btn-gradient, .callout-inner .enquire-form .agree button, .enquire-form .agree .callout-inner button, .callout-inner .contact-form .agree button, .contact-form .agree .callout-inner button, .callout-inner .searchandfilter input[type=submit], .searchandfilter .callout-inner input[type=submit], .callout-inner .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .callout-inner input[type=submit] {
  font-size: 18px;
  padding: 15px 30px 15px 40px;
}

.callout-text h3 {
  text-align: left;
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  font-family: "Archia", sans-serif !important;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .callout-text h3 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media (min-width: 1152px) {
  .callout-text h3 {
    font-size: 52px;
    line-height: 52px;
    margin-bottom: 15px;
  }
}
.callout-text p {
  color: #00CCB8;
  font-size: 24px;
  font-family: "Archia", sans-serif !important;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .callout-text p {
    margin-bottom: 0;
  }
}
@media (min-width: 1152px) {
  .callout-text p {
    font-size: 36px;
  }
}
.callout-text p a {
  color: #00CCB8;
}
.callout-text p a:hover, .callout-text p a:visited {
  color: #00CCB8;
}

.slim-hero {
  display: block;
  position: relative;
  background-color: #ccc;
  height: auto;
  border-bottom: 5px solid;
  border-image-source: linear-gradient(90deg, rgb(69, 183, 173) 0%, rgb(224, 240, 241) 100%);
  border-image-slice: 1;
}
.slim-hero img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  max-height: 627px;
}
.slim-hero--content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slim-hero--content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.slim-hero--content .hero-title {
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 10px;
  text-align: center;
}
@media (min-width: 992px) {
  .slim-hero--content .hero-title {
    font-size: 46px;
    line-height: 56px;
  }
}
@media (min-width: 1152px) {
  .slim-hero--content .hero-title {
    font-size: 53px;
    line-height: 63px;
  }
}
.single .slim-hero--content .hero-title {
  font-size: 32px;
}

.text-block {
  text-align: center;
  padding: 100px 0 100px 0;
}
@media (min-width: 768px) {
  .text-block {
    border-bottom: 0;
  }
}
.text-block h1 {
  padding: 0;
  color: #08202C;
  margin: 0 auto 40px auto;
  width: 100%;
}
@media (min-width: 768px) {
  .text-block h1 {
    width: 70%;
  }
}
.text-block h1 span {
  margin-right: 5px;
}
.text-block p {
  width: 100%;
  margin: 0 auto 20px auto;
  color: #08202C;
  padding: 0 5%;
  font-size: 18px;
  line-height: 36px;
}
.text-block p a {
  color: #00CCB8;
}
.text-block p:last-of-type {
  margin-bottom: 0;
}

.equal-text {
  padding: 60px 30px;
}
@media (min-width: 992px) {
  .equal-text {
    padding: 60px;
  }
}
.page-template-page-about .equal-text, .page-template-page-broker-partner .equal-text {
  background-color: #F2F0E8;
}
.equal-text .icon {
  display: block;
  position: relative;
  margin-bottom: 30px;
}
.equal-text .icon img {
  max-width: 85px;
}
.equal-text p {
  max-width: 100%;
  margin-bottom: 20px;
  color: #08202C;
}
@media (min-width: 1600px) {
  .equal-text p {
    max-width: 80%;
  }
}
.equal-text ul {
  margin: 0 0 10px 20px;
  color: #08202C;
  font-size: 16px;
}
.equal-text a {
  margin-top: 40px;
  color: #08202C;
  text-decoration: underline;
}
.equal-text a:hover {
  text-decoration: none !important;
  color: #08202C;
}
.equal-text a:visited {
  color: #08202C;
  text-decoration: underline;
}
.equal-text .button, .equal-text .role-experience .btn-gradient, .role-experience .equal-text .btn-gradient, .equal-text .enquire-form .agree button, .enquire-form .agree .equal-text button, .equal-text .contact-form .agree button, .contact-form .agree .equal-text button, .equal-text .searchandfilter input[type=submit], .searchandfilter .equal-text input[type=submit], .equal-text .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .equal-text input[type=submit] {
  font-family: "Archia", sans-serif !important;
}
.equal-text .btn-green {
  color: #fff;
  text-decoration: none;
}
.equal-text .btn-green:visited {
  color: #fff;
}
.equal-text h2,
.equal-text h3 {
  text-align: left;
  padding: 0;
  margin-bottom: 30px;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
}
@media (min-width: 1152px) {
  .equal-text h2,
  .equal-text h3 {
    max-width: 90%;
  }
}
.equal-text h2 span,
.equal-text h3 span {
  margin-right: 5px;
  color: #00CCB8;
}
.equal-text h2 a,
.equal-text h3 a {
  color: #00CCB8;
  text-decoration: none;
}
.equal-text h2 a:hover,
.equal-text h3 a:hover {
  text-decoration: underline;
}
.equal-text h2 a:visited,
.equal-text h3 a:visited {
  color: #00CCB8;
  text-decoration: none;
}
.equal-text h2,
.equal-text h3 {
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .equal-text h2,
  .equal-text h3 {
    font-size: 32px;
    line-height: 42px;
  }
}

.equal-row {
  flex-direction: column;
}
@media (min-width: 768px) {
  .equal-row {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .equal-row:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}
.equal-row:nth-of-type(even) .equal-text {
  background-color: #F2F0E8;
}

.equal-image {
  padding: 0;
}
@media (min-width: 768px) {
  .equal-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
.equal-image img {
  width: 100%;
}

.energy-equal {
  padding-top: 40px;
}
@media (min-width: 768px) {
  .energy-equal {
    padding-top: 0;
  }
}
.energy-equal .equal-text {
  padding: 30px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .energy-equal .equal-text {
    padding: 60px 30px;
    margin-bottom: 0;
  }
}
@media (min-width: 1152px) {
  .energy-equal .equal-text {
    padding: 60px;
  }
}
.energy-equal .equal-text .button, .energy-equal .equal-text .role-experience .btn-gradient, .role-experience .energy-equal .equal-text .btn-gradient, .energy-equal .equal-text .enquire-form .agree button, .enquire-form .agree .energy-equal .equal-text button, .energy-equal .equal-text .contact-form .agree button, .contact-form .agree .energy-equal .equal-text button, .energy-equal .equal-text .searchandfilter input[type=submit], .searchandfilter .energy-equal .equal-text input[type=submit], .energy-equal .equal-text .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .energy-equal .equal-text input[type=submit] {
  font-family: "Archia", sans-serif !important;
}
.energy-equal .equal-text--heading {
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 26px;
}
@media (min-width: 768px) {
  .energy-equal .equal-text--heading {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 1152px) {
  .energy-equal .equal-text--heading {
    font-size: 26px;
    line-height: 30px;
  }
}

.equalblock-main--heading {
  padding: 60px 0;
  font-size: 32px;
  line-height: 42px;
}

.text-block-grey {
  text-align: center;
  padding: 60px 0 40px 0;
  background-color: #F2F0E8;
}
@media (min-width: 768px) {
  .text-block-grey {
    border-bottom: 0;
  }
}
.text-block-grey p {
  width: 100%;
  margin: 0 auto 20px auto;
  color: #F2F0E8;
}

.solar-provider {
  background-image: url("images/desktop/Homepage/Background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
}
.solar-provider h2 {
  text-align: left;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 50px;
  color: #fff;
}
@media (min-width: 768px) {
  .solar-provider h2 {
    font-size: 20px;
    line-height: 40px;
  }
}
@media (min-width: 1152px) {
  .solar-provider h2 {
    font-size: 38px;
    line-height: 60px;
  }
}
.solar-provider h3 {
  text-align: left;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 50px;
  color: #fff;
}
@media (min-width: 768px) {
  .solar-provider h3 {
    font-size: 20px;
    line-height: 40px;
  }
}
@media (min-width: 1152px) {
  .solar-provider h3 {
    font-size: 38px;
    line-height: 60px;
  }
}
.solar-provider p {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}
.solar-provider p a {
  color: #00CCB8;
}
.solar-provider p:not(:first-of-type) {
  font-size: 20px;
  line-height: 40px;
}
@media (min-width: 768px) {
  .solar-provider p {
    font-size: 14px;
    line-height: 18px;
  }
  .solar-provider p:not(:first-of-type) {
    font-size: 20px;
    line-height: 40px;
  }
}
@media (min-width: 1152px) {
  .solar-provider p {
    font-size: 18px;
    line-height: 36px;
  }
  .solar-provider p:not(:first-of-type) {
    font-size: 20px;
    line-height: 40px;
  }
}
.solar-provider .block-left {
  margin-bottom: 60px;
  padding: 0;
}
@media (min-width: 768px) {
  .solar-provider .block-left {
    margin-bottom: 0;
    padding-right: 10%;
  }
}
.solar-provider .block-right {
  padding: 0;
}
@media (min-width: 768px) {
  .solar-provider ul {
    padding: 0 40px 0 0 !important;
  }
}
.solar-provider li {
  list-style-type: none;
  padding-left: 60px;
  font-family: "Archia", sans-serif !important;
  color: #fff;
  font-size: 1rem;
}
@media (min-width: 1152px) {
  .solar-provider li {
    font-size: 18px;
    line-height: 24px;
  }
}
.solar-provider .icon {
  position: absolute;
  left: 0;
  width: 40px;
  height: auto;
  margin-right: 20px;
}

.page-template-page-battery-storage .solar-provider li {
  line-height: 40px !important;
}

.why-invest {
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}
.about-template .why-invest {
  background-color: #F2F0E8;
}
.why-invest h3 {
  color: #08202C;
  margin: 0 auto 100px auto;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .why-invest h3 {
    font-size: 38px;
    line-height: 60px;
  }
}
.why-invest .invest-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.why-invest li {
  font-family: "Archia", sans-serif !important;
  text-align: center;
  color: #00CCB8;
  width: 50%;
  margin-bottom: 25px;
  align-items: center;
}
@media (min-width: 768px) {
  .why-invest li {
    width: 25%;
    margin-bottom: 40px;
  }
}
.why-invest li .icon {
  margin-bottom: 20px;
}
.why-invest li img {
  max-width: 55px;
}
.why-invest li p {
  font-family: "Archia", sans-serif !important;
  font-size: 12px;
  margin-bottom: 0;
  max-width: 95%;
}
@media (min-width: 768px) {
  .why-invest li p {
    font-size: 11px;
    max-width: 85%;
  }
}
@media (min-width: 992px) {
  .why-invest li p {
    font-size: 18px;
    max-width: 65%;
  }
}

.invest-strategy .equal-text {
  background-color: #F2F0E8;
}
.invest-strategy li {
  display: block;
  position: relative;
  list-style-position: inside;
  color: #08202C;
  font-family: "Archia", sans-serif !important;
  font-size: 16px;
  margin-bottom: 10px;
  padding-left: 35px;
}
.invest-strategy li:last-of-type {
  margin-bottom: 0;
}
.invest-strategy li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  background-image: url("images/desktop/Icons/green-tick.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: left center;
}

.sectors {
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}
.sectors h3 {
  color: #08202C;
  margin-bottom: 100px;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .sectors h3 {
    font-size: 32px;
    line-height: 42px;
  }
}

.sector-slider {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sector-slider li {
  text-align: center;
  align-items: center;
  color: #00CCB8;
  width: 50%;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .sector-slider li {
    width: 16%;
    margin-right: 5%;
  }
  .sector-slider li:nth-of-type(5n) {
    margin-right: 0;
  }
}
@media (min-width: 1152px) {
  .sector-slider li {
    width: 25%;
    margin-right: 0;
  }
}
.sector-slider li img {
  max-width: 70px;
}
@media (min-width: 768px) {
  .sector-slider li img {
    max-width: 50px;
  }
}
@media (min-width: 1152px) {
  .sector-slider li img {
    max-width: 70px;
  }
}
.sector-slider li p {
  font-family: "Archia", sans-serif !important;
  font-size: 12px;
  margin-bottom: 0;
  max-width: 95%;
}
@media (min-width: 768px) {
  .sector-slider li p {
    font-size: 11px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .sector-slider li p {
    font-size: 14px;
    max-width: 95%;
  }
}
@media (min-width: 1152px) {
  .sector-slider li p {
    font-size: 18px;
  }
}
.sector-slider .icon {
  position: relative;
  margin-bottom: 15px;
}

.slick-next,
.slick-prev {
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
  width: 30px;
  height: 30px;
  z-index: 10;
}
.slick-next:hover, .slick-next:focus,
.slick-prev:hover,
.slick-prev:focus {
  background-color: #666;
}

.slick-next {
  right: 0;
  background-image: url("images/desktop/Icons/Right-Arrow.png");
}

.slick-prev {
  left: 0;
  background-image: url("images/desktop/Icons/Left-Arrow.png");
}

.casestudies {
  position: relative;
  background-color: #F2F0E8;
  padding: 100px 100px 0 100px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .casestudies {
    align-items: center;
    padding: 100px 0 100px 30px;
  }
}
@media (min-width: 1152px) {
  .casestudies {
    align-items: center;
  }
}
.casestudies li {
  list-style-type: none;
  padding: 30px 30px 0 30px;
}
@media (min-width: 768px) {
  .casestudies li {
    padding: 15px 30px 0 30px;
  }
}

.casestudies-slider {
  background-color: #00CCB8;
  width: 100%;
}
@media (min-width: 768px) {
  .casestudies-slider {
    width: 35%;
    height: auto;
    transform: translateX(15%);
    z-index: 10;
  }
}
@media (min-width: 992px) {
  .casestudies-slider {
    width: 25%;
    transform: translateX(25%);
  }
}
@media (min-width: 1152px) {
  .casestudies-slider {
    padding-top: 60px;
    transform: translateX(40%);
  }
}
.casestudies-slider p {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-family: "Archia", sans-serif !important;
}
@media (min-width: 768px) {
  .casestudies-slider p {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (min-width: 992px) {
  .casestudies-slider p {
    font-size: 14px;
    line-height: 18px;
  }
}
.casestudies-slider p:last-of-type {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .casestudies-slider p:last-of-type {
    margin-bottom: 15px;
  }
}

.case-cat {
  display: block;
  position: relative;
  font-size: 14px;
  margin-bottom: 15px;
  font-family: "Archia", sans-serif !important;
  color: #fff;
}
@media (min-width: 768px) {
  .case-cat {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (min-width: 992px) {
  .case-cat {
    font-size: 14px;
    line-height: 18px;
  }
}

.case-title {
  display: block;
  position: relative;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 15px;
  color: #fff;
  font-family: "Archia", sans-serif !important;
  font-weight: 600;
}
@media (min-width: 768px) {
  .case-title {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 992px) {
  .case-title {
    font-size: 38px;
    line-height: 60px;
  }
}

.casestudies-main-img {
  width: 100%;
}
@media (min-width: 768px) {
  .casestudies-main-img {
    width: 65%;
  }
}
@media (min-width: 992px) {
  .casestudies-main-img {
    width: 75%;
  }
}

.slide-controls {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .slide-controls {
    padding-bottom: 15px;
  }
}
@media (min-width: 1152px) {
  .slide-controls {
    padding-bottom: 30px;
  }
}
.slide-controls > div {
  margin-left: 5px;
  cursor: pointer;
}
.slide-controls img {
  max-width: 50px;
}

.future-of-energy {
  padding: 60px 0;
}
.future-of-energy h2 {
  text-align: center;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  max-width: 80%;
  margin: 0 auto 50px auto;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .future-of-energy h2 {
    font-size: 38px;
    line-height: 60px;
  }
}
.future-of-energy h2 span {
  color: #00CCB8;
}
@media (min-width: 1152px) {
  .future-of-energy h2 {
    max-width: 55%;
  }
}

.energy-blocks {
  padding: 0 30px;
}

.energy-block {
  width: 100%;
  margin-bottom: 20px;
}
.energy-block img {
  margin-bottom: 25px;
}
.energy-block p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .energy-block {
    width: 33%;
    margin-bottom: 0;
    margin-right: 3%;
  }
  .energy-block:last-of-type {
    margin-right: 0;
  }
}

.tesla-energy .equal-text {
  background-color: #F2F0E8;
}
.tesla-energy .equal-text img {
  max-width: 150px;
  margin-top: 30px;
}

.tesla-heading {
  text-align: left;
  padding: 0;
  margin-bottom: 30px;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  font-size: 24px;
}
.tesla-heading span {
  margin-right: 5px;
  color: #00CCB8;
}
@media (min-width: 1152px) {
  .tesla-heading {
    font-size: 26px;
  }
}

.ev-charging-blocks {
  padding: 60px 0;
}
.sectors-template .ev-charging-blocks {
  padding-bottom: 0;
}
.ev-charging-blocks h3 {
  color: #08202C;
  margin-bottom: 100px;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .ev-charging-blocks h3 {
    font-size: 38px;
    line-height: 60px;
  }
}

.charging-block {
  position: relative;
  background-color: #F2F0E8;
  margin-bottom: 25px;
  padding: 30px 20px;
  border-radius: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .charging-block {
    width: 48.5%;
    margin-right: 3%;
  }
  .charging-block:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1152px) {
  .charging-block {
    padding: 60px 30px;
  }
}
.charging-block h4 {
  color: #08202C;
  text-align: left;
}
.charging-block h4 a {
  color: #FF5F1B;
}
.charging-block h4 a:hover {
  color: #08202C;
}
.charging-block p {
  color: #08202C;
  text-align: left;
}
.charging-block p a {
  color: #FF5F1B !important;
}
.charging-block p a:hover {
  color: #08202C;
}
.charging-block .icon {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .charging-block .icon {
    margin-top: 10px;
  }
}
.charging-block .icon img {
  max-width: 80px;
}
.charging-block h4 {
  position: relative;
  margin-bottom: 25px;
  font-size: 28px;
  line-height: 38px;
  font-family: "Archia", sans-serif !important;
  text-align: left;
}
@media (min-width: 768px) {
  .charging-block h4 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 1152px) {
  .charging-block h4 {
    font-size: 32px;
    line-height: 38px;
  }
}
.charging-block p {
  position: relative;
  margin-bottom: 25px;
}
.charging-block .button, .charging-block .role-experience .btn-gradient, .role-experience .charging-block .btn-gradient, .charging-block .enquire-form .agree button, .enquire-form .agree .charging-block button, .charging-block .contact-form .agree button, .contact-form .agree .charging-block button, .charging-block .searchandfilter input[type=submit], .searchandfilter .charging-block input[type=submit], .charging-block .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .charging-block input[type=submit] {
  font-family: "Archia", sans-serif !important;
}

.casestudies-text-block {
  text-align: center;
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .casestudies-text-block {
    border-bottom: 0;
  }
}
.casestudies-text-block h1 {
  text-align: center;
  padding: 30px 0;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  margin: 0 auto;
  width: 70%;
  font-size: 38px;
  line-height: 60px;
}
@media (min-width: 1152px) {
  .casestudies-text-block h1 {
    font-size: 38px;
    line-height: 60px;
  }
}
.casestudies-text-block h1 span {
  margin-right: 5px;
  color: #00CCB8;
}
.casestudies-text-block p {
  width: 100%;
  margin: 0 auto 20px auto;
  color: #08202C;
  line-height: 36px;
  font-size: 18px;
}
.casestudies-text-block p:last-of-type {
  margin-bottom: 0;
}

.filters {
  margin-bottom: 60px;
  background-color: #F2F0E8;
  padding: 30px;
}
@media (min-width: 768px) {
  .filters {
    background-color: transparent;
    padding: 0;
  }
}
.filters form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .filters form {
    flex-direction: row;
  }
}
.filters form input[type=text] {
  margin-bottom: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 0;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  padding: 10px 15px;
  font-size: 12px;
  width: 100%;
  height: 40px;
}
@media (min-width: 768px) {
  .filters form input[type=text] {
    width: 200px;
    margin-right: 10px;
    margin-bottom: 0;
    background-color: #F2F0E8;
  }
}
.filters form input[type=text]::placeholder {
  color: #08202C;
}
.filters form .acs-sf-field {
  width: 200px;
}
@media (min-width: 768px) {
  .filters form .acs-sf-field {
    width: auto;
  }
}
.filters form select {
  margin-bottom: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 0;
  width: 100%;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  border-radius: 0;
  padding: 10px 15px;
  font-size: 12px;
  height: 40px;
  background-image: url("images/desktop/Commercial/Down-Arrow.png");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: right 20px center;
}
@media (min-width: 768px) {
  .filters form select {
    width: 200px;
    margin-right: 10px;
    margin-bottom: 0;
    background-color: #F2F0E8;
  }
}
.filters form .acs-sf-field input[type=submit] {
  background-color: #00CCB8;
  color: #fff;
  font-family: "Archia", sans-serif !important;
  font-size: 12px;
  border: 0;
  border-radius: 5px;
  padding: 10px 40px;
  height: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .filters form .acs-sf-field input[type=submit] {
    width: 200px;
  }
}

.searchandfilter ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .searchandfilter ul {
    flex-direction: row;
  }
}
.searchandfilter li {
  width: 100%;
}
@media (min-width: 768px) {
  .searchandfilter li {
    width: auto;
  }
}
.searchandfilter label {
  width: 100%;
}
.searchandfilter input[type=submit] {
  background-color: #00CCB8;
  color: #fff;
  font-family: "Archia", sans-serif !important;
  font-size: 12px;
  border: 0;
  border-radius: 5px;
  padding: 10px 40px;
  height: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .searchandfilter input[type=submit] {
    width: 200px;
  }
}

.casestudies-container {
  background-color: #F2F0E8;
  padding: 60px 0 60px 0;
}
.casestudies-container h4 {
  text-align: center;
  padding: 0;
  margin-bottom: 60px;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .casestudies-container h4 {
    font-size: 38px;
    line-height: 60px;
  }
}
.casestudies-container h4 span {
  margin-right: 5px;
  color: #00CCB8;
}
.casestudies-container .casestudy-list {
  margin-bottom: 50px;
}
.casestudies-container .button, .casestudies-container .role-experience .btn-gradient, .role-experience .casestudies-container .btn-gradient, .casestudies-container .enquire-form .agree button, .enquire-form .agree .casestudies-container button, .casestudies-container .contact-form .agree button, .contact-form .agree .casestudies-container button, .casestudies-container .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .casestudies-container input[type=submit], .casestudies-container .searchandfilter input[type=submit], .searchandfilter .casestudies-container input[type=submit] {
  font-family: "Archia", sans-serif !important;
}

.casestudy-list {
  padding-left: 15px;
  padding-right: 15px;
}
.casestudy-list li {
  display: block;
  position: relative;
  margin-bottom: 15px;
  list-style-type: none;
  transition: all 0.3s ease;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 768px) {
  .casestudy-list li {
    margin-bottom: 10px;
    width: 32.666%;
    margin-right: 1%;
  }
  .casestudy-list li:nth-of-type(3n) {
    margin-right: 0;
  }
}
.casestudy-list li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
  z-index: 5;
}
.casestudy-list li img {
  transform: scale(1);
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.casestudy-list li:hover:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00CCB8;
  opacity: 0.9;
  transform: translateY(0);
  z-index: 5;
}
.casestudy-list li:hover .panel-inner {
  transform: translateY(0);
}
.casestudy-list li:hover .case-title {
  margin-bottom: 15px;
}
.casestudy-list li:hover img {
  transform: scale(1.1);
}
.casestudy-list .case-title {
  margin-bottom: 45px;
  text-align: center;
  font-size: 20px;
  padding: 0 20px;
  line-height: 26px;
}
@media (min-width: 768px) {
  .casestudy-list .case-title {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1152px) {
  .casestudy-list .case-title {
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
    padding: 0 45px;
  }
}
.casestudy-list p {
  position: relative;
  font-size: 16px;
  color: #fff;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .casestudy-list p {
    margin-bottom: 10px;
    font-size: 12px;
  }
}
@media (min-width: 1152px) {
  .casestudy-list p {
    margin-bottom: 20px;
    font-size: 14px;
  }
}
.casestudy-list .panel-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  transition: all 0.3s ease;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  transition: all 0.3s ease;
  align-items: start;
  font-weight: 400;
  transform: translateY(50%);
}
@media (min-width: 768px) {
  .casestudy-list .panel-inner {
    transform: translateY(55%);
  }
}
@media (min-width: 992px) {
  .casestudy-list .panel-inner {
    transform: translateY(50%);
  }
}
.casestudy-list .panel-inner .button, .casestudy-list .panel-inner .role-experience .btn-gradient, .role-experience .casestudy-list .panel-inner .btn-gradient, .casestudy-list .panel-inner .enquire-form .agree button, .enquire-form .agree .casestudy-list .panel-inner button, .casestudy-list .panel-inner .contact-form .agree button, .contact-form .agree .casestudy-list .panel-inner button, .casestudy-list .panel-inner .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .casestudy-list .panel-inner input[type=submit], .casestudy-list .panel-inner .searchandfilter input[type=submit], .searchandfilter .casestudy-list .panel-inner input[type=submit] {
  font-family: "Archia", sans-serif !important;
  margin-left: 45px;
}
.casestudy-list .panel-inner .button:hover, .casestudy-list .panel-inner .role-experience .btn-gradient:hover, .role-experience .casestudy-list .panel-inner .btn-gradient:hover, .casestudy-list .panel-inner .enquire-form .agree button:hover, .enquire-form .agree .casestudy-list .panel-inner button:hover, .casestudy-list .panel-inner .contact-form .agree button:hover, .contact-form .agree .casestudy-list .panel-inner button:hover, .casestudy-list .panel-inner .filters form .acs-sf-field input[type=submit]:hover, .filters form .acs-sf-field .casestudy-list .panel-inner input[type=submit]:hover, .casestudy-list .panel-inner .searchandfilter input[type=submit]:hover, .searchandfilter .casestudy-list .panel-inner input[type=submit]:hover {
  color: #fff;
}

.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}
.page-numbers li {
  list-style-type: none;
  display: inline-block;
  position: relative;
  padding: 0 20px;
}
.page-numbers li a {
  color: #666;
}
.page-numbers li .current {
  color: #6BB5B1;
}

.case-intro {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (min-width: 768px) {
  .case-intro {
    padding-top: 40px;
  }
}
.case-intro .equal-text {
  background-color: #fff;
  padding: 100px 0 0 0;
  text-align: center;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .case-intro .equal-text {
    padding: 100px 100px 0 0;
    text-align: left;
    margin-bottom: 0;
  }
}
.case-intro .equal-text p {
  margin-bottom: 0;
}

.intro-heading {
  text-align: center;
  padding: 0;
  margin-bottom: 30px;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  font-size: 24px;
  line-height: 30px;
}
.intro-heading span {
  margin-right: 5px;
  color: #00CCB8;
}
@media (min-width: 768px) {
  .intro-heading {
    text-align: left;
  }
}
@media (min-width: 1152px) {
  .intro-heading {
    font-size: 26px;
  }
}

.intro-image {
  padding: 0;
}
.intro-image img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.statblock {
  color: #fff;
  padding: 50px 0;
}
.statblock:nth-of-type(1) {
  background-color: #00CCB8;
}
.statblock:nth-of-type(2) {
  background-color: #88c1bd;
}
.statblock:nth-of-type(3) {
  background-color: #a6d0ce;
}
.statblock .counter-type {
  color: #fff;
  font-size: 24px;
  padding: 0 0 0 10px;
  position: relative;
  bottom: -8px;
  font-weight: normal;
}
.statblock .counter {
  color: #fff;
  font-size: 50px;
}
.statblock .icon {
  margin-bottom: 10px;
}
.statblock .icon img {
  max-width: 40px;
}
.statblock p {
  margin-bottom: 0;
  font-size: 21px;
  font-family: "Archia", sans-serif !important;
}

.project-overview {
  text-align: center;
  padding: 100px 0;
}
.project-overview .overview-title {
  text-align: center;
  padding: 0 0 40px 0;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  margin: 0 auto;
}
.project-overview .overview-title span {
  margin-right: 5px;
  color: #00CCB8;
}
.project-overview p {
  width: 100%;
  margin: 0 auto 20px auto;
  color: #08202C;
  line-height: 36px;
  font-size: 18px;
  text-transform: none;
}
.project-overview p:last-of-type {
  margin-bottom: 0;
}
.project-overview a {
  margin-top: 40px;
}
.project-overview a:visited:not(.button) {
  color: #08202C;
  text-decoration: underline;
}
.project-overview a:not(.button) {
  color: #08202C;
  text-decoration: underline;
}
.project-overview h1,
.project-overview h2 {
  margin: 0 auto 40px auto;
}
.project-overview h2 {
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .project-overview h2 {
    font-size: 38px;
    line-height: 60px;
  }
}
.project-overview h3 {
  font-size: 24px;
  line-height: 34px;
  padding-bottom: 10px;
}
.project-overview .button, .project-overview .role-experience .btn-gradient, .role-experience .project-overview .btn-gradient, .project-overview .enquire-form .agree button, .enquire-form .agree .project-overview button, .project-overview .contact-form .agree button, .contact-form .agree .project-overview button, .project-overview .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .project-overview input[type=submit], .project-overview .searchandfilter input[type=submit], .searchandfilter .project-overview input[type=submit] {
  font-size: 15px;
  font-family: "Archia", sans-serif !important;
}

.project-video {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.project-video .video-link:before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  background-image: url("images/desktop/Icons/Play.png");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center;
}
.project-video .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.project-video .embed-container iframe,
.project-video .embed-container object,
.project-video .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gallery {
  position: relative;
  overflow: hidden;
  padding: 100px 0 30px 0;
}

.gallery-container {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: auto;
  z-index: 5;
}

.gallery-title {
  text-align: center;
  padding: 0 0 100px 0;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .gallery-title {
    font-size: 38px;
    line-height: 60px;
  }
}
.gallery-title span {
  margin-right: 5px;
  color: #00CCB8;
}

.heritage-grid {
  position: relative;
  z-index: 10;
  width: 100%;
}
@media (min-width: 768px) {
  .heritage-grid {
    margin: 0 auto;
  }
}

.gallery-col {
  padding: 0;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .gallery-col {
    padding: 0 20px 0 0;
    margin-bottom: 0;
  }
  .gallery-col + .gallery-col {
    padding-right: 0;
  }
}

.gallery-col img {
  width: 100%;
  height: 100%;
}

.gallery-col * {
  margin-bottom: 20px;
}
.gallery-col *:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .col-large {
    justify-content: center;
  }
  .col-large img {
    height: 90%;
  }
}
.action-bar {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .action-bar {
    padding-top: 40px;
  }
}
.action-bar .button-container a {
  background: #08202C !important;
  border: 1px solid #08202C !important;
  margin-bottom: 10px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.action-bar .button-container a:hover {
  background: transparent !important;
  color: #08202C !important;
}
@media (min-width: 768px) {
  .action-bar .button-container a {
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 0;
    width: auto;
  }
  .action-bar .button-container a + a {
    margin-right: 0;
  }
}
.action-bar .button-container a + a {
  margin-bottom: 0;
}
.action-bar ul {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .action-bar ul {
    margin-bottom: 0;
  }
}
.action-bar ul img {
  max-width: 30px;
}
.action-bar li {
  list-style-type: none;
  width: auto;
  margin-left: 5px;
}
.action-bar li:first-of-type {
  margin-left: 0;
  margin-right: 10px;
  font-family: "Archia", sans-serif !important;
  color: #00CCB8;
  font-size: 11px;
}
.action-bar .button, .action-bar .role-experience .btn-gradient, .role-experience .action-bar .btn-gradient, .action-bar .enquire-form .agree button, .enquire-form .agree .action-bar button, .action-bar .contact-form .agree button, .contact-form .agree .action-bar button, .action-bar .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .action-bar input[type=submit], .action-bar .searchandfilter input[type=submit], .searchandfilter .action-bar input[type=submit] {
  font-family: "Archia", sans-serif !important;
}

.related {
  padding: 60px 0 0 0;
  border-top: 1px solid #ccc;
}
@media (min-width: 768px) {
  .related {
    padding: 60px 0 40px 0;
  }
}
.related h4 {
  text-align: center;
  padding: 0 0 60px 0;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .related h4 {
    font-size: 38px;
    line-height: 60px;
  }
}
.related h4 span {
  margin-right: 5px;
  color: #00CCB8;
}
.related ul {
  margin-bottom: 0;
}
.related li {
  margin-bottom: 0;
}
.related .case-title {
  margin-bottom: 45px;
}

.sector-intro h1 {
  color: #00CCB8;
}
.sector-intro h2 {
  font-size: 22px;
  line-height: 26px;
  text-transform: none;
}
.sector-intro .equal-row {
  padding: 60px 0;
}
.sector-intro .equal-text {
  background-color: #fff;
  padding: 0 0 40px 0;
}
@media (min-width: 768px) {
  .sector-intro .equal-text {
    padding: 30px;
  }
}
@media (min-width: 1152px) {
  .sector-intro .equal-text {
    padding: 60px;
  }
}
.sector-intro .equal-text p {
  text-align: center;
  max-width: 100%;
}
@media (min-width: 768px) {
  .sector-intro .equal-text p {
    text-align: left;
  }
}
@media (min-width: 1152px) {
  .sector-intro .equal-image {
    padding: 0;
  }
}

.sector-heading {
  text-align: center;
  padding: 0;
  margin-bottom: 30px;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  font-size: 24px;
}
.sector-heading span {
  margin-right: 5px;
  color: #00CCB8;
}
@media (min-width: 768px) {
  .sector-heading {
    text-align: left;
  }
}
@media (min-width: 1152px) {
  .sector-heading {
    font-size: 32px;
  }
}

.sector-detailed--information {
  display: block;
  position: relative;
  width: 100%;
}

.sector-detail--row {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sector-detail--row:not(:first-of-type) {
  padding: 30px 0 0 0;
}
@media (min-width: 1152px) {
  .sector-detail--row:not(:first-of-type) {
    padding: 50px 0 0 0;
  }
}
.sector-detail--row:last-of-type {
  padding: 30px 0 30px 0;
}
@media (min-width: 1152px) {
  .sector-detail--row:last-of-type {
    padding: 50px 0 80px 0;
  }
}
.sector-detail--row:first-of-type {
  padding: 30px 0 0 0;
}
@media (min-width: 1152px) {
  .sector-detail--row:first-of-type {
    padding: 80px 0 0 0;
  }
}
@media (min-width: 768px) {
  .sector-detail--row {
    flex-direction: row;
  }
  .sector-detail--row:nth-of-type(2n) {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .sector-detail--row:nth-of-type(2n) .image-block {
    padding-right: 30px;
  }
}
@media (min-width: 768px) and (min-width: 1152px) {
  .sector-detail--row:nth-of-type(2n) .image-block {
    padding-right: 50px;
  }
}
.sector-detail--row .detail-text--block {
  display: block;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .sector-detail--row .detail-text--block {
    width: 50%;
    padding-right: 30px;
  }
}
@media (min-width: 1152px) {
  .sector-detail--row .detail-text--block {
    padding-right: 50px;
  }
}
.sector-detail--row h3 {
  text-align: left;
  width: 100%;
  margin-bottom: 30px;
}
.sector-detail--row p {
  text-align: left;
}
.sector-detail--row p:last-of-type {
  margin-bottom: 30px;
}
.sector-detail--row p:only-of-type {
  margin-bottom: 30px;
}
.sector-detail--row .image-block {
  display: block;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .sector-detail--row .image-block {
    width: 50%;
  }
}
.sector-detail--row .image-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.eq-text-image .equal-row:nth-of-type(even) .equal-text {
  background-color: #fff;
}

.faq {
  padding: 80px 0;
}
.faqs-template .faq {
  padding: 20px 0 60px 0;
}

.accordion {
  margin: 0 auto 30px auto;
}
.accordion:last-of-type {
  margin-bottom: 0;
  border-bottom: 1px solid #08202C;
}

.faq-section-heading {
  font-family: "Archia", sans-serif !important;
  color: #00CCB8;
  margin-bottom: 30px;
  list-style-type: none;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .faq-section-heading {
    font-size: 32px;
    line-height: 42px;
  }
}

.accordion-toggle {
  cursor: pointer;
  font-size: 14px;
  padding: 15px 25px;
  position: relative;
  list-style: none;
  border-top: 1px solid #F2F0E8;
  background-color: #F2F0E8;
  color: #08202C;
  font-family: "Archia", sans-serif !important;
  margin-bottom: 10px;
}
@media (min-width: 1152px) {
  .accordion-toggle {
    font-size: 18px;
  }
}

.active-tab {
  color: #08202C;
}

.accordion-toggle span.icon-plus,
.accordion-toggle span.icon-minus {
  transform-origin: 50% 50%;
  transition: all 0.5s ease;
}

.icon-plus:before {
  display: block;
  content: "";
  width: 25px;
  height: 25px;
  background-image: url("images/desktop/Commercial/angle-small-down.webp");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
}

.icon-minus:before {
  display: block;
  content: "";
  background-image: url("images/desktop/Commercial/angle-small-up.webp");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  width: 25px;
  height: 25px;
}

.accordion-toggle span[class^=icon-] {
  position: absolute;
  font-size: 27px;
  right: 20px;
  top: 37px;
}

.accordion-toggle .icon-minus {
  top: 37px;
}

.accordion-content {
  padding: 20px;
  list-style-type: none;
}
.accordion-content h3 {
  text-align: left;
  position: relative;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 22px;
}
.accordion-content p, .accordion-content ul {
  color: #08202C;
  font-size: 18px;
  line-height: 36px;
  padding-right: 110px;
}
.accordion-content ul,
.accordion-content ol {
  margin: 20px 0;
}
.accordion-content ul li,
.accordion-content ol li {
  list-style-position: inside;
  color: #F2F0E8;
  list-style: disc;
  margin-left: 15px;
  margin-bottom: 5px;
}
.accordion-content ul li:last-of-type,
.accordion-content ol li:last-of-type {
  margin-bottom: 0;
}
.accordion-content ol li {
  list-style: decimal;
}
.accordion-content a {
  color: #212529;
  text-decoration: underline;
}
.accordion-content a:visited {
  color: #212529;
  text-decoration: underline;
}
.accordion-content a:hover {
  color: #00CCB8;
}

.benefits {
  padding: 100px 0;
  background-color: #F2F0E8;
}
.benefits h3 {
  text-align: center;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  margin: 0 auto 50px auto;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .benefits h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
.benefits h3 span {
  color: #00CCB8;
}

.benefit-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
}
.benefit-list li {
  text-align: center;
  align-items: center;
  color: #00CCB8;
  width: 50%;
  margin-bottom: 25px !important;
}
@media (min-width: 768px) {
  .benefit-list li {
    width: 21.222%;
    margin-right: 5%;
  }
  .benefit-list li:nth-of-type(4n) {
    margin-right: 0;
  }
}
.benefit-list li img {
  max-width: 70px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .benefit-list li img {
    max-width: 50px;
  }
}
@media (min-width: 1152px) {
  .benefit-list li img {
    max-width: 70px;
  }
}
.benefit-list li p {
  font-family: "Archia", sans-serif !important;
  font-size: 12px;
  margin-bottom: 0;
  max-width: 95%;
}
@media (min-width: 768px) {
  .benefit-list li p {
    font-size: 11px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .benefit-list li p {
    font-size: 14px;
    max-width: 95%;
  }
}
@media (min-width: 1152px) {
  .benefit-list li p {
    font-size: 18px;
  }
}
.benefit-list .icon {
  position: relative;
  margin-bottom: 10px;
}

.quote-slider {
  background-color: #08202C;
  padding-top: 100px;
  padding-bottom: 100px;
}

.quotes {
  max-width: 90%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .quotes {
    max-width: 80%;
  }
}
.quotes li {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.quotes blockquote {
  color: #fff;
  font-family: "Archia", sans-serif !important;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  margin: 0 auto 30px auto;
  max-width: 90%;
}
@media (min-width: 992px) {
  .quotes blockquote {
    max-width: 60%;
  }
}
@media (min-width: 1152px) {
  .quotes blockquote {
    font-size: 38px;
    line-height: 60px;
  }
}
.quotes blockquote span {
  color: #00CCB8;
}
.quotes cite {
  color: #fff;
  font-size: 14px;
  font-family: "Archia", sans-serif !important;
  font-style: normal;
}
@media (min-width: 1152px) {
  .quotes cite {
    font-size: 18px;
  }
}
.quotes .slick-next,
.quotes .slick-prev {
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
  width: 30px;
  height: 30px;
  z-index: 10;
}
.quotes .slick-next:hover, .quotes .slick-next:focus,
.quotes .slick-prev:hover,
.quotes .slick-prev:focus {
  background-color: #666;
}
.quotes .slick-next {
  right: -25px;
  background-image: url("images/desktop/Icons/Right-Arrow-White.png");
}
.quotes .slick-prev {
  left: -25px;
  background-image: url("images/desktop/Icons/Left-Arrow-White.png");
}

.our-team {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (min-width: 768px) {
  .our-team {
    padding: 60px;
  }
}
.our-team h3 {
  text-align: center;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  max-width: 80%;
  margin: 0 auto 50px auto;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .our-team h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
.our-team h3 span {
  color: #00CCB8;
}
@media (min-width: 1152px) {
  .our-team h3 {
    max-width: 55%;
  }
}

.team-slider {
  max-width: 90%;
  margin: 0 auto;
}
.team-slider li {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20px !important;
}
.team-slider li img {
  border-radius: 10px;
  margin-bottom: 15px;
}
.team-slider li p {
  text-align: center;
  font-family: "Archia", sans-serif !important;
}
.team-slider li .team-name {
  color: #08202C;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.team-slider li .team-position {
  color: #00CCB8;
  font-size: 16px;
  max-width: 80%;
  margin: 0 auto;
}
.team-slider .slick-next,
.team-slider .slick-prev {
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
  width: 30px;
  height: 30px;
  z-index: 10;
}
.team-slider .slick-next:hover, .team-slider .slick-next:focus,
.team-slider .slick-prev:hover,
.team-slider .slick-prev:focus {
  background-color: #666;
}
.team-slider .slick-next {
  right: -25px;
  background-image: url("images/desktop/Icons/Right-Arrow.png");
}
.team-slider .slick-prev {
  left: -25px;
  background-image: url("images/desktop/Icons/Left-Arrow.png");
}

.news-list li {
  display: block;
  position: relative;
  margin-bottom: 15px;
  list-style-type: none;
  transition: all 0.3s ease;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 768px) {
  .news-list li {
    margin-bottom: 10px;
    width: 32%;
    margin-right: 1%;
    flex: 1 0 auto;
  }
  .news-list li:nth-of-type(3n) {
    margin-right: 0;
  }
}
.news-list li .has-zoom {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 20px;
}
.news-list li .has-zoom:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.3s ease;
  z-index: 5;
}
.news-list li img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: all 0.3s ease;
}
.news-list li:hover .has-zoom:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 5;
}
.news-list li:hover .case-title {
  color: #00CCB8;
}
.news-list li:hover .case-title a {
  color: #00CCB8;
}
.news-list li:hover .case-title a:visited {
  color: #00CCB8;
}
.news-list li:hover img {
  transform: scale(1.1);
}
.news-list li:hover p {
  color: #fff;
}
.news-list p {
  position: relative;
  color: #08202C;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .news-list p {
    margin-bottom: 10px;
  }
}
@media (min-width: 1152px) {
  .news-list p {
    margin-bottom: 20px;
  }
}
.news-list .case-title {
  color: #08202C;
  transition: all 0.3s ease;
  font-size: 20px;
  line-height: 24px;
}
@media (min-width: 1152px) {
  .news-list .case-title {
    font-size: 18px;
    line-height: 36px;
  }
}
.news-list .case-title a {
  color: #08202C;
}
.news-list .case-title a:visited {
  color: #08202C;
}
.news-list .panel-inner {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 20px;
}

.article-intro {
  padding: 40px 0 60px 0;
  margin: 0 auto;
}
.article-intro .equal-text {
  background-color: #fff;
  padding: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .article-intro .equal-text {
    padding: 0 60px 0 0;
  }
}
.article-intro .equal-text p {
  margin-bottom: 40px;
  max-width: 100%;
}

.article-intro-heading {
  text-align: left;
  padding: 0;
  margin-bottom: 30px;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  font-size: 18px;
  line-height: 22px;
}
.article-intro-heading span {
  margin-right: 5px;
  color: #00CCB8;
}
@media (min-width: 1152px) {
  .article-intro-heading {
    font-size: 18px;
    line-height: 36px;
  }
}

.article-intro-image {
  padding: 0;
}
.article-intro-image img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.article-copy {
  border-top: 1px solid #F2F0E8;
  padding: 60px 0 20px 0;
  font-family: "Archia", sans-serif !important;
}
.article-copy .size-full {
  width: 100%;
}
.article-copy h2,
.article-copy h3,
.article-copy h4 {
  color: #08202C;
  margin: 0 0 20px 0;
  font-size: 26px;
  text-align: left;
}
.article-copy p {
  color: #08202C;
  margin-bottom: 20px;
}
.article-copy p a {
  color: #08202C;
  text-decoration: underline;
}
.article-copy p a:visited {
  color: #08202C;
  text-decoration: underline;
}
.article-copy p a:hover {
  color: #00CCB8;
}
.article-copy ul, .article-copy ol {
  font-family: "Archia", sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}
@media (min-width: 1152px) {
  .article-copy ul, .article-copy ol {
    font-size: 18px;
    line-height: 36px;
  }
}
.article-copy li {
  list-style-position: inside;
}

.contact-form {
  background-color: #00CCB8;
  padding: 40px;
}
.contact-form #field_chgm9_label {
  display: none;
}
.contact-form a {
  color: #fff;
  text-decoration: underline;
}
.contact-form a:hover {
  text-decoration: none;
}
.contact-form .frm_button_submit {
  border: 1px solid #fff !important;
}
.contact-form .frm_button_submit:hover {
  background-color: #47b8ae;
  border: 1px solid #fff;
  color: #fff;
}
@media (min-width: 768px) {
  .contact-form {
    padding: 80px;
  }
}
.contact-form .frm_forms {
  width: 100%;
}
.contact-form .form-row {
  flex-direction: column;
  margin-bottom: 20px;
}
.contact-form .agree {
  flex-direction: row;
  align-items: center;
}
.contact-form .agree a {
  color: #fff;
  font-family: "Archia", sans-serif !important;
  font-size: 12px;
}
.contact-form .agree input[type=checkbox] {
  top: 1px;
  position: relative;
  margin-right: 10px;
}
.contact-form .agree button {
  background-color: #fff;
  border: 1px solid #fff;
  width: 100%;
  padding: 10px 0;
  line-height: 10px;
  color: #00CCB8;
  border: 0;
  margin-top: 15px;
}
@media (min-width: 992px) {
  .contact-form .agree button {
    margin-left: auto;
    width: 200px;
    margin-top: 0;
  }
}
.contact-form label {
  font-family: "Archia", sans-serif !important;
  color: #fff;
  font-size: 15px;
  padding: 0;
  position: relative;
}
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=tel] {
  background-color: #fff;
  border: 1px solid #fff;
  height: auto;
  padding: 15px;
  font-size: 16px "Archia", sans-serif #08202C;
}
.contact-form textarea {
  width: 100%;
  border: 1px solid #fff;
  padding: 10px;
  min-height: 100px;
  resize: none;
  -webkit-appearance: none;
}
.contact-form .frm_submit {
  float: right;
  position: relative;
}
.contact-form .frm_submit button {
  background-color: #fff;
  width: 200px;
  padding: 15px 30px;
  line-height: 10px;
  color: #6bb5ad;
  border: 0;
  margin-top: 15px;
  border-radius: 5px;
  font-family: "Archia", sans-serif !important;
}

.contact-detail {
  display: block;
  position: relative;
  margin-bottom: 60px;
  font-family: "Archia", sans-serif !important;
}
.contact-detail + .contact-detail {
  margin-bottom: 0;
}
.contact-detail p {
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  font-size: 24px;
  margin-bottom: 25px;
}
.contact-detail address {
  font-size: 14px;
  color: #08202C;
}
@media (min-width: 1152px) {
  .contact-detail address {
    font-size: 18px;
  }
}
.contact-detail address span {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  font-size: 21px;
  color: #00CCB8;
}

.contact-email span,
.contact-phone span {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 5px;
  font-size: 21px;
  color: #00CCB8;
}
.contact-email a,
.contact-phone a {
  color: #08202C;
  font-size: 18px;
}
.contact-email a:hover,
.contact-phone a:hover {
  text-decoration: underline;
}
.contact-email a:visited,
.contact-phone a:visited {
  color: #08202C;
}

.contact-email {
  margin-bottom: 10px;
}

.frm_error_style {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  text-align: center;
  position: relative;
  padding: 20px 0;
  margin-bottom: 40px;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  font-size: 15px;
}
.frm_error_style p {
  color: #721c24;
  margin: 0;
  padding: 0;
}

.frm_error {
  color: #721c24;
  position: absolute;
  top: 45px;
  right: 25px;
  font-size: 11px;
}

[aria-describedby] {
  border: 1px solid #721c24 !important;
}

.frm_form_field {
  position: relative;
}

.frm_message {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  text-align: center;
  position: relative;
  padding: 20px 0;
  margin-bottom: 40px;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  font-size: 15px;
}
.frm_message p {
  color: #155724;
  margin: 0;
  padding: 0;
}

#field_ozsek_label {
  font-size: 14px;
  line-height: 18px;
}

#form_contact-form .frm_submit {
  margin-top: 20px;
}

.contact-us {
  padding: 80px 0 0 0;
}

.google-map {
  height: 300px;
}
.google-map iframe {
  height: 100%;
}

.podcast {
  padding: 60px 0;
}

.podcast-details {
  padding: 0;
}
@media (min-width: 768px) {
  .podcast-details {
    padding: 0 30px;
  }
}

.podcast-image {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .podcast-image {
    margin-bottom: 0;
  }
}
.podcast-image img {
  width: 100%;
}

.podcast-heading {
  display: block;
  position: relative;
  width: 100%;
  font-family: "Archia", sans-serif !important;
  font-size: 18px;
  color: #00CCB8;
  margin-bottom: 10px;
}
@media (min-width: 1152px) {
  .podcast-heading {
    font-size: 21px;
  }
}
.podcast-heading img {
  width: 34px;
}

.icon-inner {
  margin-left: 45px;
}

.podcast-title {
  display: block;
  position: relative;
  width: 100%;
  font-family: "Archia", sans-serif !important;
  font-size: 26px;
  line-height: 30px;
  color: #08202C;
  text-align: left;
}
@media (min-width: 768px) {
  .podcast-title {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 1152px) {
  .podcast-title {
    font-size: 38px;
    line-height: 60px;
  }
}
.podcast-title a {
  color: #00CCB8;
}
.podcast-title a:visited {
  color: #00CCB8;
}

.podcast-icon img {
  width: 100%;
  height: 100%;
}

.enquire-form {
  padding: 60px 0;
  background-color: #00CCB8;
}
.enquire-form a {
  color: #fff;
}
.enquire-form a:hover {
  text-decoration: none;
}
.enquire-form .frm_forms {
  width: 100%;
}
.enquire-form form {
  margin: 0 auto;
}
.enquire-form form textarea {
  width: 100%;
}
.enquire-form label {
  font-family: "Archia", sans-serif !important;
  color: #fff;
  font-size: 15px;
  padding: 0;
}
.enquire-form input[type=text],
.enquire-form input[type=email],
.enquire-form input[type=tel] {
  width: 100%;
  background-color: #fff;
  border: 1px solid #fff;
  height: auto;
  padding: 15px;
  font-size: 16px "Archia", sans-serif #08202C;
  margin-bottom: 10px;
}
.enquire-form textarea {
  width: 100%;
  border: 1px solid #fff;
  padding: 10px;
  height: 175px;
  resize: none;
  margin-bottom: 20px;
}
.enquire-form p {
  color: #fff;
  margin-bottom: 60px;
  text-align: center;
  padding: 0;
}
.enquire-form p a {
  color: #fff;
}
.enquire-form p a:visited {
  color: #fff;
}
.enquire-form .agree {
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.enquire-form .agree a {
  color: #fff;
  font-family: "Archia", sans-serif !important;
  font-size: 12px;
}
.enquire-form .agree input[type=checkbox] {
  top: 1px;
  position: relative;
  margin-right: 10px;
}
.enquire-form .agree button {
  background-color: #fff;
  width: 100%;
  padding: 10px 0;
  line-height: 10px;
  color: #00CCB8;
  border: 0;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .enquire-form .agree button {
    margin-left: auto;
    width: 100px;
    margin-top: 0;
  }
}
.enquire-form .frm_checkbox {
  float: left;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
}
.enquire-form .frm_checkbox label {
  width: 100%;
  padding-bottom: 10px;
}
.enquire-form .frm_checkbox input[type=checkbox] {
  margin-right: 5px;
}
.enquire-form .frm_submit {
  float: left;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
@media (min-width: 768px) {
  .enquire-form .frm_submit {
    align-items: center;
    justify-content: center;
  }
}
.enquire-form .frm_submit button {
  background-color: #fff;
  width: 200px;
  padding: 15px 30px;
  line-height: 10px;
  color: #6bb5ad;
  border: 1px solid #fff;
  margin: 10px 0 0 0;
  border-radius: 5px;
  font-family: "Archia", sans-serif !important;
}
.enquire-form .frm_submit button:hover {
  background-color: #6bb5ad;
  color: #fff;
}

.enquire-title {
  text-align: center;
  padding: 0 0 30px 0;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  color: #fff;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .enquire-title {
    font-size: 38px;
    line-height: 60px;
  }
}
.article-template .enquire-title {
  padding: 40px 0;
}
@media (min-width: 768px) {
  .article-template .enquire-title {
    margin-bottom: 0;
  }
}
.enquire-title span {
  margin-right: 5px;
  color: #00CCB8;
}

.controls {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 0 10px 0;
  margin-bottom: 30px;
  background: #F2F0E8;
  font-size: 0.1px;
}
@media (min-width: 576px) {
  .controls {
    background-color: transparent;
    padding: 0;
  }
}
.misc-template .controls {
  flex-direction: column;
  background-color: #fff;
}
@media (min-width: 576px) {
  .misc-template .controls {
    flex-direction: row;
  }
}

.control {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  min-width: 150px;
  border-radius: 5px;
  padding: 10px;
  font-family: "Archia", sans-serif !important;
  font-size: 12px;
  text-align: center;
  background: #fff;
  cursor: pointer;
  color: #08202C;
  transition: background 150ms;
  border: 0;
  margin-right: 2%;
  margin-bottom: 2%;
}
.control:nth-of-type(2n) {
  margin-right: 0;
}
.control:last-of-type {
  margin-right: 0;
}
.control:hover, .control:visited {
  color: #08202C;
  text-decoration: none;
}
.control:focus {
  outline: 1px dotted #a6d0ce;
}
@media (min-width: 576px) {
  .control {
    margin-bottom: 0;
    margin-right: 1%;
  }
  .control:nth-of-type(2n) {
    margin-right: 1%;
  }
}
@media (min-width: 768px) {
  .control {
    background: #F2F0E8;
  }
}
@media (min-width: 992px) {
  .control {
    min-width: 180px;
  }
}
.misc-template .control {
  background-color: #F2F0E8;
  margin-right: 0;
  width: 80%;
  margin: 0 auto 10px auto;
}
@media (min-width: 768px) {
  .misc-template .control {
    width: 150px;
    margin: 0 1% 0 0;
  }
  .misc-template .control:nth-of-type(2n) {
    margin-right: 1%;
  }
}

.mixitup-control-active {
  background-color: #00CCB8;
  color: #fff !important;
}

.downloads-filter {
  padding: 0;
}

.container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 20px;
  width: 100%;
}

.filtered-card {
  list-style-type: none;
}

.mix {
  display: flex;
  flex-direction: column;
  background: #fff;
  margin-bottom: 1rem;
  position: relative;
  float: left;
  width: 50%;
  padding: 0 1%;
}
@media (min-width: 768px) {
  .mix {
    width: 25%;
  }
}

.download-thumb {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.download-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 15px;
}
.download-header img {
  width: 20px;
  transform: rotate(180deg);
}

.filtered-card .card-header {
  height: auto;
}

.card-title {
  display: inline-block;
  position: relative;
  font-family: "Archia", sans-serif !important;
  margin-bottom: 0;
  width: 80%;
  line-height: 12px;
}
.card-title a {
  font-size: 11px;
  color: #08202C;
}
@media (min-width: 1152px) {
  .card-title a {
    font-size: 14px;
  }
}
.card-title a:visited {
  color: #08202C;
}

.card-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  height: auto;
  min-height: 200px;
  margin-top: auto;
}

/* New Updated Download Page Styles */
.downloads-overview {
  text-align: center;
  padding: 100px 0;
}
.downloads-overview h1 {
  color: #00CCB8;
  text-align: center;
  padding: 0 0 40px 0;
  font-family: "Archia", sans-serif !important;
  margin: 0 auto;
}
.downloads-overview p {
  width: 100%;
  margin: 0 auto 20px auto;
  color: #F2F0E8;
  line-height: 26px;
  text-transform: none;
}
.downloads-overview p:last-of-type {
  margin-bottom: 0;
}

.download-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1336px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 60px;
}
.download-list li {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
  border: 1px solid #00CCB8;
  padding: 10px;
}
.download-list li:nth-of-type(2n) {
  margin-right: 0;
}
@media (min-width: 768px) {
  .download-list li {
    width: 32%;
  }
  .download-list li:nth-of-type(2n) {
    margin-right: 2%;
  }
  .download-list li:nth-of-type(3n) {
    margin-right: 0;
  }
}
.download-list li img {
  width: 100%;
}
.download-list li .download-title {
  display: block;
  color: #08202C;
  font-size: 18px;
  line-height: 22px;
  text-transform: lowercase;
  font-family: "Archia", sans-serif !important;
  margin-bottom: 15px;
}
@media (min-width: 1152px) {
  .download-list li .download-title {
    font-size: 24px;
    line-height: 26px;
  }
}
.download-list li .download-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding: 20px;
}
.download-list li p {
  font-size: 13px;
  line-height: 16px;
  color: #666;
  margin-bottom: 30px;
}
@media (min-width: 1152px) {
  .download-list li p {
    font-size: 18px;
    line-height: 36px;
  }
}
.download-list li .button, .download-list li .role-experience .btn-gradient, .role-experience .download-list li .btn-gradient, .download-list li .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .download-list li input[type=submit], .download-list li .searchandfilter input[type=submit], .searchandfilter .download-list li input[type=submit], .download-list li .contact-form .agree button, .contact-form .agree .download-list li button, .download-list li .enquire-form .agree button, .enquire-form .agree .download-list li button {
  margin-top: auto;
}

.single-download {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1336px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .single-download {
    flex-direction: row;
  }
}
.single-download .text-col {
  width: 100%;
  text-align: left;
  order: 2;
}
@media (min-width: 768px) {
  .single-download .text-col {
    order: 1;
    width: 50%;
    padding-right: 60px;
  }
}
.single-download h1 {
  text-align: left;
  margin-bottom: 30px;
  color: #08202C;
}
.single-download p {
  color: #666;
  margin-bottom: 30px;
}
.single-download ul {
  padding-left: 15px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.single-download li {
  color: #666;
  font-size: 18px;
  line-height: 36px;
}
.single-download li:not(:last-of-type) {
  margin-bottom: 5px;
}
.single-download .image-col {
  order: 1;
  width: 100%;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .single-download .image-col {
    margin-bottom: 0;
    order: 2;
    width: 50%;
  }
}
.single-download .image-col img {
  width: 100%;
}

.download-form {
  display: block;
  width: 100%;
  background-color: #00CCB8;
  padding: 60px;
  scroll-margin: 150px;
}

button.modal-close {
  background: none !important;
  border: none !important;
}
.download-form h2 {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 26px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .download-form h2 {
    font-size: 34px;
    line-height: 42px;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1152px) {
  .download-form h2 {
    width: 850px;
  }
}
.download-form h2 p {
  font-family: "Archia", sans-serif !important;
  font-size: 26px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .download-form h2 p {
    font-size: 34px;
    line-height: 42px;
  }
}
.download-form p {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  color: #fff;
}
.download-form form {
  max-width: 1336px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}
.download-form label {
  color: #fff !important;
  font-family: "Archia", sans-serif !important !important;
  margin-bottom: 10px !important;
  margin-left: 10px !important;
  font-size: 18px !important;
  line-height: 18px !important;
}
.download-form label span {
  color: #fff !important;
  font-family: "Archia", sans-serif !important !important;
}
.download-form input {
  border: 1px solid #fff !important;
  border-radius: 0 !important;
  height: 50px !important;
  box-shadow: none !important;
  font-family: sans-serif !important;
}
.download-form .frm_submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
}
.download-form .frm_submit button {
  background-color: #fff !important;
  border: 1px solid #fff !important;
  color: #00CCB8 !important;
  border-radius: 10px !important;
  width: 300px !important;
  font-family: "Archia", sans-serif !important !important;
  height: 50px !important;
  box-shadow: none !important;
  font-size: 18px !important;
  transition: all 0.3s ease;
}
.download-form .frm_submit button:hover {
  background-color: #08202C !important;
  border: 1px solid #08202C !important;
  color: #fff !important;
}

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

.download-share p {
  color: #00CCB8;
  font-family: "Archia", sans-serif !important;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 10px;
}
.download-share ul {
  padding: 0;
  margin: 0;
}
.download-share li {
  list-style: none;
}

.opus-text-block {
  text-align: center;
  padding: 40px 0 100px 0;
  border-bottom: 1px solid #F2F0E8;
}
@media (min-width: 768px) {
  .opus-text-block {
    border-bottom: 0;
  }
}
.opus-text-block h1 {
  padding: 0;
  color: #08202C;
  margin: 0 auto 40px auto;
  width: 100%;
  color: #00CCB8;
}
@media (min-width: 768px) {
  .opus-text-block h1 {
    width: 70%;
  }
}
.opus-text-block h1 span {
  margin-right: 5px;
}
.opus-text-block p {
  width: 100%;
  margin: 0 auto 20px auto;
  color: #F2F0E8;
  padding: 0 5%;
  line-height: 28px;
}
.opus-text-block p:last-of-type {
  margin-bottom: 0;
}

.reasons-to--invest {
  background-color: #fff;
  padding: 100px 0;
}
.reasons-to--invest h3 {
  color: #08202C;
  margin-bottom: 100px;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .reasons-to--invest h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
.reasons-to--invest .investment-icons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.reasons-to--invest li {
  font-family: "Archia", sans-serif !important;
  text-align: center;
  color: #00CCB8;
  width: 50%;
  margin-bottom: 30px;
  align-items: center;
}
@media (min-width: 768px) {
  .reasons-to--invest li {
    width: 25%;
  }
}
.reasons-to--invest li img {
  max-width: 55px;
  margin-bottom: 20px;
}
.reasons-to--invest .investment-title {
  font-size: 12px;
  line-height: 30px;
  max-width: 95%;
}
.reasons-to--invest .investment-title p {
  font-family: "Archia", sans-serif !important;
}
@media (min-width: 768px) {
  .reasons-to--invest .investment-title {
    font-size: 11px;
    max-width: 85%;
  }
}
@media (min-width: 992px) {
  .reasons-to--invest .investment-title {
    font-size: 18px;
    max-width: 65%;
  }
}

.icon-block {
  background-color: #F2F0E8;
  padding: 100px 0;
}
.icon-block h4 {
  color: #00CCB8;
  margin-bottom: 100px;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .icon-block h4 {
    font-size: 38px;
    line-height: 60px;
  }
}
.icon-block .intro-copy {
  text-align: center;
  margin-bottom: 100px;
}
.icon-block .icon-section {
  display: block;
  position: relative;
  width: 100%;
}
.icon-block .icon-section h5 {
  margin-bottom: 20px;
}
.icon-block .icon-section ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.icon-block li {
  font-family: "Archia", sans-serif !important;
  text-align: center;
  color: #00CCB8;
  width: 50%;
  margin-bottom: 30px;
  align-items: center;
}
@media (min-width: 768px) {
  .icon-block li {
    width: 20%;
  }
}
.icon-block li img {
  max-width: 55px;
  margin-bottom: 20px;
}
.icon-block li p {
  font-family: "Archia", sans-serif !important;
}
@media (min-width: 768px) {
  .icon-block li {
    font-size: 11px;
    max-width: 85%;
  }
}
@media (min-width: 992px) {
  .icon-block li {
    font-size: 18px;
    max-width: 65%;
  }
}

.text-2-col {
  background-color: #08202C;
  background-image: url("images/desktop/Homepage/Background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
  border-top: 5px solid;
  border-image-source: linear-gradient(90deg, rgb(69, 183, 173) 0%, rgb(224, 240, 241) 100%);
  border-image-slice: 1;
}
.text-2-col h3 {
  margin-bottom: 60px;
  color: #00CCB8;
  text-align: center;
}
@media (min-width: 768px) {
  .text-2-col h3 {
    font-size: 20px;
    line-height: 40px;
  }
}
@media (min-width: 1152px) {
  .text-2-col h3 {
    font-size: 38px;
    line-height: 60px;
  }
}
.text-2-col p {
  color: #fff;
  font-size: 18px;
  line-height: 36px;
}
.text-2-col p a {
  color: #fff;
  text-decoration: underline;
}
.text-2-col p strong {
  font-weight: normal;
  color: #00CCB8;
}
.text-2-col .block-left {
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 768px) {
  .text-2-col .block-left {
    margin-bottom: 0;
    padding-right: 10%;
  }
}
.text-2-col .block-right {
  padding: 0;
}
.text-2-col li {
  position: relative;
  list-style-type: none;
  padding: 5px 0 5px 60px;
  font-family: "Archia", sans-serif !important;
  color: #fff;
  font-size: 16px;
}
@media (min-width: 1152px) {
  .text-2-col li {
    font-size: 18px;
  }
}
.text-2-col .icon {
  position: absolute;
  left: 0;
  width: 40px;
  height: auto;
  margin-right: 20px;
}

.pricing-tables {
  display: block;
  position: relative;
  width: 100%;
  padding: 100px 0;
}
.pricing-tables h4 {
  color: #08202C;
  text-align: center;
  margin-bottom: 100px;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .pricing-tables h4 {
    font-size: 32px;
    line-height: 42px;
  }
}
.pricing-tables .intro-copy {
  width: 100%;
  text-align: center;
  margin-bottom: 100px;
  color: #F2F0E8;
}

.tables-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 768px) {
  .tables-container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.tables-container .table-wrapper {
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
}
@media (min-width: 768px) {
  .tables-container .table-wrapper {
    width: 49%;
  }
  .tables-container .table-wrapper:not(:nth-of-type(2n)) {
    margin-right: 2%;
  }
}
.tables-container table {
  width: 100%;
}
.tables-container table thead {
  text-align: center;
}
.tables-container table thead td {
  padding: 20px;
  font-size: 24px;
  line-height: 24px;
  font-family: "Archia", sans-serif !important;
}
.tables-container table tbody tr:first-of-type {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
}
.tables-container table tbody tr:first-of-type td {
  padding: 10px 20px;
  border-bottom: 1px solid #fff;
}
.tables-container table tbody tr:first-of-type td p {
  font-family: "Archia", sans-serif !important;
}
.tables-container table tbody tr:not(:first-of-type) td {
  padding: 15px 20px 0 20px;
}
.tables-container table tbody tr:last-of-type td {
  padding: 15px 20px 25px 20px;
}
.tables-container table tbody td:first-of-type {
  border-right: 1px solid #fff;
}
.tables-container table tbody td p {
  margin-bottom: 0;
  font-family: "Archia", sans-serif !important;
  text-transform: none;
}
.tables-container .blue-theme {
  background-color: #08202C;
}
.tables-container .blue-theme thead {
  background-color: #fff;
  color: #08202C;
  border-bottom: 10px solid #08202C;
}
.tables-container .blue-theme tbody {
  color: #fff;
}
.tables-container .green-theme {
  background-color: #00CCB8;
}
.tables-container .green-theme thead {
  background-color: #fff;
  color: #00CCB8;
  border-bottom: 10px solid #00CCB8;
}
.tables-container .green-theme tbody {
  color: #fff;
}

.opus-customer--form {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 100px 0;
  background-color: #F2F0E8;
  color: #08202C;
  text-transform: lowercase;
}
.opus-customer--form .frm_fields_container {
  grid-gap: 0 5% !important;
  row-gap: 2% !important;
}
.opus-customer--form:first-letter {
  text-transform: uppercase;
}
.opus-customer--form h4 {
  font-size: 36px;
  line-height: 46px;
}
.opus-customer--form p {
  color: #fff;
  padding: 0;
}
.opus-customer--form .frm_forms {
  margin-top: 30px;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .opus-customer--form .frm_forms {
    max-width: 850px !important;
  }
}
.opus-customer--form .with_frm_style {
  --label-color: $blue1;
}
.opus-customer--form .frm_primary_label {
  font-size: 17px;
  color: var(--label-color) !important;
  font-family: "Archia", sans-serif;
  font-weight: normal;
  margin-bottom: 10px;
}
.opus-customer--form .frm_primary_label:first-letter {
  text-transform: uppercase;
}
.opus-customer--form .frm_checkbox label {
  font-size: 17px;
  color: var(--label-color) !important;
  font-family: "Archia", sans-serif;
  font-weight: normal;
}
.opus-customer--form input {
  font-family: "Archia", sans-serif !important;
  font-size: 20px !important;
}
.opus-customer--form input:not([type=radio]), .opus-customer--form input:not([type=checkbox]) {
  height: 73px;
  box-shadow: none;
  border-radius: 0;
  padding-left: 26px;
  border: none;
}
.opus-customer--form .frm_radio label {
  color: var(--label-color) !important;
}
.opus-customer--form .with_frm_style select {
  height: 50px;
  box-shadow: none;
  font-family: "Archia", sans-serif !important;
  color: #999 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("images/desktop/Icons/select-arrow.png");
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: right 20px top 23px;
}
.opus-customer--form .frm_dropzone .dz-message {
  margin-bottom: 0;
}
.opus-customer--form .frmgeo-locator-button-wrapper {
  padding: 0 !important;
}
.opus-customer--form .frmgeo-locator-button {
  background-color: #fff !important;
  color: #00CCB8 !important;
  width: 150px !important;
  font-family: "Archia", sans-serif !important !important;
  font-size: 16px;
  line-height: 16px;
}
.opus-customer--form .frmgeo-locator-button:hover {
  background-color: #00CCB8 !important;
  border: 1px solid #fff !important;
  color: #fff !important;
}
.opus-customer--form .frm_section_heading h3 {
  border: 0 !important;
  text-align: left;
  color: var(--label-color) !important;
  font-family: "Archia", sans-serif !important !important;
  font-size: 22px !important;
  line-height: 22px;
  margin-bottom: 30px !important;
}
.opus-customer--form .with_frm_style .frm_required {
  color: var(--label-color) !important;
}
.opus-customer--form .frm_submit {
  text-align: center;
}
.opus-customer--form .frm_submit button {
  border-radius: 10px !important;
  padding: 20px 61px !important;
}
.opus-customer--form .frm_submit button:first-letter {
  text-transform: uppercase !important;
}
.opus-customer--form .frm_button_submit {
  background: #FF5F1B !important;
  text-transform: unset !important;
  font-weight: 400 !important;
  border: 1px solid #FF5F1B !important;
  color: white !important;
  font-size: 18px !important;
  line-height: 22px !important;
  padding: 22px 40px !important;
  /*
  &:before {
     		content: "";
     		display: block;
     		position: absolute;
         	top: 2px;
     		left: 10px;
     		width: 30px;
     		height: 40px;
     		background-image: url('images/desktop/Icons/Enquire-online.png');
    		 	background-repeat: no-repeat;
     		background-size: 25px auto;
     		background-position: center;
   		}
   		*/
}
.opus-customer--form .frm_button_submit:hover {
  background: transparent !important;
  color: #FF5F1B !important;
}
.opus-customer--form .frm_button_submit:visited {
  color: #fff !important;
  text-decoration: none;
}
.opus-customer--form .form-icon {
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: block;
}
.opus-customer--form #field_cobgp_label {
  display: none;
}

.frm_form_field .frmgeo-locator-button-wrapper.infield img.frmgeo-locator-button {
  background-color: transparent !important;
}

.frm_form_field .frmgeo-locator-button-wrapper.infield {
  top: 12px !important;
  left: 12px !important;
}

.privacy-text {
  text-align: center;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px !important;
  line-height: 27px !important;
  color: #08202C !important;
  margin-top: 75px !important;
}
@media (min-width: 768px) {
  .privacy-text {
    max-width: 850px !important;
  }
}

.privacy-link {
  text-align: center;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 27px;
  color: #08202C;
}
@media (min-width: 768px) {
  .privacy-link {
    max-width: 850px !important;
  }
}
.privacy-link a {
  color: #08202C;
  text-decoration: underline;
  font-size: 14px;
  line-height: 27px;
}
.privacy-link a:visited {
  color: #08202C;
}

.intro-block {
  text-align: center;
  padding: 60px 0;
}
.intro-block .c-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .intro-block .c-container {
    flex-direction: row;
  }
}
.intro-block .intro-title {
  text-align: left;
  padding: 0;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  margin-bottom: 30px;
}
.intro-block p {
  text-align: left;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 36px;
}
.intro-block p:last-of-type {
  margin-bottom: 0;
}
.intro-block .intro-buttons {
  display: flex;
  margin-top: 30px;
}
.intro-block .intro-buttons a {
  font-family: "Archia", sans-serif !important;
}
.intro-block .intro-buttons a:not(:first-of-type) {
  margin-left: 30px;
}
.intro-block .col-l {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .intro-block .col-l {
    margin-bottom: 0;
    width: 55%;
  }
}
.intro-block .col-l p {
  color: #08202C;
  font-size: 18px;
  line-height: 36px;
}
.intro-block .col-r {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .intro-block .col-r {
    width: 30%;
    margin-left: 15%;
  }
}
.intro-block blockquote p {
  position: relative;
  text-align: left;
  padding: 0 10px;
  font-size: 18px;
  line-height: 36px;
  font-family: "Archia", sans-serif !important;
  color: #00CCB8;
  margin: 0 auto;
}
@media (min-width: 1152px) {
  .intro-block blockquote p {
    font-size: 38px;
    line-height: 60px;
  }
}
.intro-block blockquote p:before {
  content: open-quote;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  line-height: 34px;
  color: #00CCB8;
}
.intro-block blockquote p:after {
  content: close-quote;
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: 7px;
  font-size: 24px;
  line-height: 34px;
  color: #00CCB8;
}

.why-joinus {
  padding: 100px 0;
  background-color: #F2F0E8;
  scroll-margin: 90px;
}
.why-joinus h3 {
  text-align: center;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  margin: 0 auto 50px auto;
  font-size: 38px;
  line-height: 60px;
}
.why-joinus h3 span {
  color: #00CCB8;
  margin: 0 5px;
}
.why-joinus h3 p {
  font-family: "Archia", sans-serif !important;
  margin: 0;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .why-joinus h3 p {
    font-size: 18px;
    line-height: 36px;
  }
}

.joinus-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
}
.joinus-list li {
  text-align: center;
  align-items: center;
  color: #00CCB8;
  width: 50%;
  margin-bottom: 25px !important;
}
@media (min-width: 768px) {
  .joinus-list li {
    width: 21.222%;
    margin-right: 5%;
  }
  .joinus-list li:nth-of-type(4n) {
    margin-right: 0;
  }
}
.joinus-list li img {
  max-width: 100px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .joinus-list li img {
    max-width: 70px;
  }
}
@media (min-width: 1152px) {
  .joinus-list li img {
    max-width: 100px;
  }
}
.joinus-list li p {
  font-family: "Archia", sans-serif !important;
  font-size: 12px;
  margin-bottom: 0;
  max-width: 95%;
}
@media (min-width: 768px) {
  .joinus-list li p {
    font-size: 11px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .joinus-list li p {
    font-size: 14px;
    max-width: 95%;
  }
}
@media (min-width: 1152px) {
  .joinus-list li p {
    font-size: 18px;
  }
}
.joinus-list .icon {
  position: relative;
  margin-bottom: 10px;
}

.job-vacancies {
  display: block;
  position: relative;
  padding: 100px 0;
  scroll-margin: 90px;
}
.job-vacancies h3 {
  text-align: center;
  padding: 0;
  font-family: "Archia", sans-serif !important;
  font-size: 38px;
  line-height: 60px;
  color: #08202C;
  margin: 0 auto 20px auto;
}
@media (min-width: 1152px) {
  .job-vacancies h3 {
    font-size: 38px;
    line-height: 60px;
  }
}
.job-vacancies h3 span {
  margin-right: 5px;
  margin-left: 5px;
  color: #00CCB8;
}
.job-vacancies p:not(li p) {
  text-align: center;
  color: #08202C;
  line-height: 36px;
  font-size: 18px;
}
.job-vacancies ul {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: auto;
  margin: 60px 0 0 0;
}
@media (min-width: 768px) {
  .job-vacancies ul {
    flex-flow: row wrap;
  }
}
.job-vacancies li {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
  padding: 30px 30px 50px 30px;
  background-color: #fff;
  border: 1px solid #00CCB8;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .job-vacancies li {
    width: 32.333%;
    margin-right: 1.5%;
  }
  .job-vacancies li:nth-of-type(3n) {
    margin-right: 0;
  }
}
.job-vacancies li a:not(p a) {
  font-family: "Archia", sans-serif !important;
  text-decoration: underline;
  color: #00CCB8;
  font-size: 18px;
  line-height: 36px;
}
.job-vacancies li p {
  font-size: 18px;
  line-height: 36px;
  color: #08202C;
  font-family: "Archia", sans-serif !important;
}
.job-vacancies li p a {
  color: #08202C;
}
.job-vacancies li p a:visited {
  color: #08202C;
}
.job-vacancies li:hover {
  background-color: #00CCB8;
}
.job-vacancies li:hover * {
  color: #fff !important;
}
.job-vacancies .view-all {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}
.job-vacancies .view-all a {
  font-family: "Archia", sans-serif !important;
}

.more-information {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #F2F0E8;
  padding: 60px 0;
}
.more-information h3 {
  font-size: 24px;
  line-height: 34px;
  font-family: "Archia", sans-serif !important;
  margin-bottom: 60px;
}
@media (min-width: 1152px) {
  .more-information h3 {
    font-size: 38px;
    line-height: 60px;
  }
}
.more-information ul {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .more-information ul {
    column-count: 2;
    column-gap: 40px;
  }
}
.more-information li {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 16px;
  padding-left: 20px;
}
@media (min-width: 1152px) {
  .more-information li {
    font-size: 18px;
    line-height: 36px;
  }
}
.more-information li:before {
  content: "•";
  display: inline-block;
  position: absolute;
  left: 0;
  width: auto;
  height: auto;
  font-size: 20px;
  color: #00CCB8;
}

.our-values {
  padding: 60px 0 35px 0;
  background-color: #F2F0E8;
}
.our-values h3 {
  text-align: center;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  margin: 0 auto 50px auto;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .our-values h3 {
    font-size: 38px;
    line-height: 60px;
  }
}
.our-values h3 span {
  color: #00CCB8;
}

.values-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
}
.values-list li {
  text-align: center;
  align-items: center;
  color: #00CCB8;
  width: 50%;
  margin-bottom: 25px !important;
}
@media (min-width: 768px) {
  .values-list li {
    width: 16%;
    margin-right: 5%;
  }
  .values-list li:nth-of-type(5n) {
    margin-right: 0;
  }
}
.values-list li img {
  max-width: 70px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .values-list li img {
    max-width: 50px;
  }
}
@media (min-width: 1152px) {
  .values-list li img {
    max-width: 70px;
  }
}
.values-list li p {
  font-family: "Archia", sans-serif !important;
  font-size: 16px;
  margin-bottom: 0;
  max-width: 95%;
}
@media (min-width: 768px) {
  .values-list li p {
    font-size: 11px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .values-list li p {
    font-size: 14px;
    max-width: 95%;
  }
}
@media (min-width: 1152px) {
  .values-list li p {
    font-size: 18px;
  }
}
.values-list .icon {
  position: relative;
  margin-bottom: 10px;
}

.work-at {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.work-at:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(8, 32, 44, 0.9);
}
.work-at img {
  width: 100%;
}

.quote-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  text-align: center;
}
@media (min-width: 768px) {
  .quote-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.quote-container h3 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 22px;
  line-height: 32px;
}
@media (min-width: 1152px) {
  .quote-container h3 {
    font-size: 28px;
    line-height: 38px;
  }
}
.quote-container ul {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .quote-container ul {
    max-width: 700px;
  }
}
.quote-container blockquote {
  text-align: center;
}
.quote-container blockquote p {
  position: relative;
  color: #fff;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  font-family: "Archia", sans-serif !important;
}
@media (min-width: 1152px) {
  .quote-container blockquote p {
    font-size: 24px;
    line-height: 34px;
  }
}

.quote-controls {
  display: flex;
  align-items: center;
  justify-content: center;
}
.quote-controls > div {
  cursor: pointer;
}
.quote-controls > div + div {
  margin-left: 10px;
}
.quote-controls img {
  max-width: 50px;
}

.role-experience {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #F2F0E8;
  padding: 0 0 60px 0;
}
.role-experience h3 {
  font-size: 24px;
  line-height: 34px;
  font-family: "Archia", sans-serif !important;
  margin-bottom: 60px;
}
@media (min-width: 1152px) {
  .role-experience h3 {
    font-size: 38px;
    line-height: 60px;
  }
}
.role-experience ul {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 80px;
}
@media (min-width: 768px) {
  .role-experience ul {
    column-count: 2;
    column-gap: 40px;
  }
}
.role-experience li {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 16px;
  padding-left: 20px;
}
@media (min-width: 1152px) {
  .role-experience li {
    font-size: 18px;
    line-height: 36px;
  }
}
.role-experience li:before {
  content: "•";
  display: inline-block;
  position: absolute;
  left: 0;
  width: auto;
  height: auto;
  font-size: 18px;
  line-height: 36px;
  color: #00CCB8;
}
.role-experience .footnote {
  display: block;
  position: relative;
  width: 100%;
  max-width: 90%;
  margin: 0 auto 40px auto;
  text-align: center;
  line-height: 30px;
}
.role-experience .btn-gradient {
  width: 100%;
  max-width: 200px;
}
.role-experience .btn-gradient:hover {
  background: rgb(255, 121, 0) !important;
  background: linear-gradient(90deg, rgb(255, 121, 0) 0%, rgb(255, 49, 0) 100%) !important;
}

.careers-about-blocks {
  background-color: #fff;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .careers-about-blocks {
    padding: 100px 0;
  }
}
.careers-about-blocks .c-container {
  max-width: 1366px;
}
.careers-about-blocks .about-block {
  position: relative;
  margin-bottom: 20px;
  padding: 30px 20px;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .careers-about-blocks .about-block {
    margin-bottom: 0;
  }
}
@media (min-width: 1152px) {
  .careers-about-blocks .about-block {
    padding: 60px;
    width: 48.5%;
  }
}
.careers-about-blocks .about-block p {
  text-align: left;
  line-height: 40px;
  font-size: 18px;
}
.careers-about-blocks .about-block:first-child {
  background-color: #F2F0E8;
  margin-right: 3%;
}
.careers-about-blocks .about-block:first-child h4 {
  font-size: 38px;
  line-height: 60px;
}
.careers-about-blocks .about-block:first-child h4 a {
  color: #08202C;
}
.careers-about-blocks .about-block:first-child p {
  color: #F2F0E8;
}
.careers-about-blocks .about-block:last-child {
  background-color: #00CCB8;
}
.careers-about-blocks .about-block:last-child h4 {
  color: #fff;
}
.careers-about-blocks .about-block:last-child h4 a {
  color: #fff;
}
.careers-about-blocks .about-block:last-child p {
  color: #fff;
}
.careers-about-blocks .about-block .icon {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: auto;
  margin-bottom: 25px;
}
.careers-about-blocks .about-block h4 {
  position: relative;
  text-align: left;
  margin-bottom: 25px;
  font-size: 36px;
  line-height: 40px;
  font-family: "Archia", sans-serif !important;
}
.careers-about-blocks .about-block p {
  position: relative;
  margin-bottom: 25px;
}
.careers-about-blocks .about-block .button, .careers-about-blocks .about-block .filters form .acs-sf-field input[type=submit], .filters form .acs-sf-field .careers-about-blocks .about-block input[type=submit], .careers-about-blocks .about-block .searchandfilter input[type=submit], .searchandfilter .careers-about-blocks .about-block input[type=submit], .careers-about-blocks .about-block .contact-form .agree button, .contact-form .agree .careers-about-blocks .about-block button, .careers-about-blocks .about-block .enquire-form .agree button, .enquire-form .agree .careers-about-blocks .about-block button, .careers-about-blocks .about-block .role-experience .btn-gradient, .role-experience .careers-about-blocks .about-block .btn-gradient {
  font-family: "Archia", sans-serif !important;
}

.careers-equal {
  padding: 0 0 80px 0;
}
.careers-equal .footprints-logo {
  width: 100%;
  max-width: 200px;
  margin-bottom: 60px;
}
@media (min-width: 1152px) {
  .careers-equal .footprints-logo {
    max-width: 250px;
  }
}

.page-template-page-careers-role .lity {
  background: rgba(38, 58, 80, 0.7);
}

.apply-form--popup {
  width: 100%;
  max-width: 1000px;
  padding: 40px;
  overflow: auto;
}
@media (min-width: 768px) {
  .apply-form--popup {
    width: 680px;
    padding: 60px;
  }
}
@media (min-width: 992px) {
  .apply-form--popup {
    width: 1000px;
  }
}
.apply-form--popup h4 {
  font-size: 24px;
  line-height: 34px;
  font-family: "Archia", sans-serif !important;
  color: #00CCB8;
  margin: 0 auto 30px auto;
}
@media (min-width: 1152px) {
  .apply-form--popup h4 {
    font-size: 38px;
    line-height: 60px;
  }
}
.apply-form--popup p {
  text-align: center;
  width: 100%;
  max-width: 90%;
  margin: 0 auto 40px auto;
}
@media (min-width: 1152px) {
  .apply-form--popup p {
    max-width: 70%;
  }
}
.apply-form--popup .frm_primary_label {
  font-family: "Archia", sans-serif !important !important;
  color: #08202C !important;
  font-size: 16px !important;
}
.apply-form--popup input[type=text],
.apply-form--popup input[type=email] {
  appearance: none !important;
  padding: 15px !important;
  height: 50px !important;
  border: 1px solid #ddd !important;
  background-color: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: sans-serif !important;
}
.apply-form--popup textarea {
  appearance: none !important;
  padding: 15px !important;
  border: 1px solid #ddd !important;
  background-color: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: sans-serif !important;
}
.apply-form--popup .frm_style_formidable-style.with_frm_style .frm_submit button {
  border-radius: 0 !important;
  background-color: #00CCB8 !important;
  border: 1px solid #00CCB8 !important;
  color: #fff !important;
  font-family: "Archia", sans-serif !important !important;
  font-size: 16px !important;
  width: 100%;
  max-width: 200px;
  padding: 15px 0 !important;
}

.applyform .frm_forms {
  max-width: 700px !important;
  margin-left: auto;
  margin-right: auto;
}
.applyform .frm_primary_label {
  font-family: "Archia", sans-serif !important;
  font-weight: normal;
  color: #666 !important;
  font-size: 16px !important;
  margin-bottom: 7px;
}
.applyform input[type=text],
.applyform input[type=email] {
  appearance: none !important;
  padding: 15px !important;
  height: 60px !important;
  border: 1px solid #a7d0ce !important;
  background-color: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: sans-serif !important;
}
.applyform textarea {
  appearance: none !important;
  padding: 15px !important;
  border: 1px solid #a7d0ce !important;
  background-color: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: sans-serif !important;
}
.applyform .frm_description {
  font-family: "Archia", sans-serif !important;
  font-weight: normal;
  color: #666 !important;
  font-size: 16px !important;
  margin-top: 10px;
}
.applyform .frm_dropzone.frm_single_upload {
  max-width: 100% !important;
}
.applyform .frm_dropzone.dz-clickable.frm_single_upload .dz-message {
  margin: 0 !important;
}
.applyform .frm_dropzone .dz-message {
  border: 1px solid #a7d0ce !important;
  border-radius: 0 !important;
}
.applyform .with_frm_style .frm_submit {
  text-align: center;
}
.applyform .frm_style_formidable-style.with_frm_style .frm_submit button {
  border-radius: 10px !important;
  background-color: #00CCB8 !important;
  border: 1px solid #00CCB8 !important;
  color: #fff !important;
  font-family: "Archia", sans-serif !important !important;
  font-size: 16px !important;
  width: 100%;
  max-width: 200px;
  transition: all 0.3s ease;
  padding: 15px 0 !important;
}
.applyform .frm_style_formidable-style.with_frm_style .frm_submit button:hover {
  background-color: #a7d0ce !important;
  border: 1px solid #a7d0ce !important;
}

.vacancy-listing--container {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1336px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
}
.vacancy-listing--container h1 {
  color: #00CCB8;
  margin-bottom: 20px;
  text-align: center;
}
.vacancy-listing--container p {
  text-align: center;
}
@media (min-width: 768px) {
  .vacancy-listing--container p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1152px) {
  .vacancy-listing--container p {
    max-width: 900px;
  }
}

ul.our-vacancies {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 60px;
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  ul.our-vacancies {
    flex-flow: row wrap;
  }
}
ul.our-vacancies li:not(li ul li) {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  padding: 30px;
  border: 1px solid #00CCB8;
}
@media (min-width: 768px) {
  ul.our-vacancies li:not(li ul li) {
    width: 49%;
    margin-bottom: 2%;
    margin-right: 2%;
  }
  ul.our-vacancies li:not(li ul li):nth-of-type(2n) {
    margin-right: 0;
  }
}
ul.our-vacancies li ul {
  margin-bottom: 30px;
}
ul.our-vacancies li ul li {
  display: flex;
  align-items: center;
  position: relative;
  list-style-type: none;
  font-family: "Archia", sans-serif !important;
  text-transform: none;
  text-align: left;
  color: #333;
  font-size: 18px;
  line-height: 28px;
}
ul.our-vacancies li ul li:not(:last-of-type) {
  margin-bottom: 5px;
}
ul.our-vacancies li ul li:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center;
  margin-right: 10px;
}
ul.our-vacancies li ul li:first-of-type:before {
  background-image: url("images/careers/location-icon-sml.png");
}
ul.our-vacancies li ul li:nth-of-type(2):before {
  background-image: url("images/careers/salary-icon-sml.png");
}
ul.our-vacancies li ul li:nth-of-type(3):before {
  background-image: url("images/careers/date-icon-sml.png");
}
ul.our-vacancies li h4 {
  font-family: "Archia", sans-serif !important;
  text-transform: none;
  text-align: left;
  color: #333;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 20px;
}
@media (min-width: 1152px) {
  ul.our-vacancies li h4 {
    font-size: 22px;
    line-height: 28px;
  }
}
ul.our-vacancies li h4 a {
  color: #333;
}
ul.our-vacancies li h4 a:visited {
  color: #333;
}
ul.our-vacancies li a:not(h4 a) {
  position: relative;
  font-family: "Archia", sans-serif !important;
  color: #333;
  font-size: 18px;
  line-height: 18px;
}
ul.our-vacancies li a:not(h4 a):hover {
  text-decoration: none;
}
ul.our-vacancies li a:not(h4 a):hover:after {
  width: 100%;
}
ul.our-vacancies li a:not(h4 a):after {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  width: 20px;
  height: 1px;
  background-color: #00CCB8;
  transition: all 0.3s ease;
}

.vacancy-details--intro {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 100px;
}
.vacancy-details--intro .c-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vacancy-details--intro h1 {
  text-align: center;
  color: #00CCB8;
  margin-bottom: 20px;
}
.vacancy-details--intro p {
  text-align: center;
  color: #08202C;
}
@media (min-width: 768px) {
  .vacancy-details--intro p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1152px) {
  .vacancy-details--intro p {
    max-width: 900px;
    font-size: 18px;
    line-height: 36px;
  }
}
.vacancy-details--intro a.button, .vacancy-details--intro .role-experience a.btn-gradient, .role-experience .vacancy-details--intro a.btn-gradient {
  margin-top: 30px;
  font-family: "Archia", sans-serif !important;
  min-width: 200px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.vacancy-overview {
  display: block;
  position: relative;
  width: 100%;
  background-color: #08202C;
  padding-top: 80px;
  padding-bottom: 80px;
}
.vacancy-overview ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .vacancy-overview ul {
    flex-direction: row;
  }
}
.vacancy-overview li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  color: #fff;
  width: 100%;
}
@media (min-width: 768px) {
  .vacancy-overview li {
    width: 33.3333333333%;
  }
}
.vacancy-overview li p {
  font-family: "Archia", sans-serif !important;
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 20px;
}
.vacancy-overview li p + p {
  font-family: "Archia", sans-serif;
  text-transform: none;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0;
}
.vacancy-overview li img {
  width: 100%;
  max-width: 90px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.role-details {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}
.role-details .accordion-toggle {
  background-color: transparent;
  border-top: 1px solid #00CCB8;
  border-bottom: 0;
  margin-bottom: 0;
  color: #00CCB8;
}
.role-details .accordion-toggle:last-of-type {
  border-bottom: 1px solid #00CCB8;
}
.role-details .accordion-toggle:last-of-type.active-tab {
  border-bottom: 0;
}
.role-details .active-tab {
  border-bottom: 1px solid #00CCB8;
}

.applyform {
  display: block;
  position: relative;
  scroll-margin: 150px;
  width: 100%;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #F2F0E8;
}
.applyform h4 {
  color: #00CCB8;
  margin-bottom: 30px;
  font-size: 26px;
  line-height: 26px;
}
@media (min-width: 1152px) {
  .applyform h4 {
    font-size: 38px;
    line-height: 60px;
  }
}
.applyform p {
  text-align: center;
  color: #F2F0E8;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .applyform p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}

.need-help {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #00CCB8;
}
.need-help p {
  color: #fff;
  text-align: center;
  width: 100%;
  font-family: "Archia", sans-serif !important;
  font-size: 38px;
  line-height: 60px;
}
@media (min-width: 768px) {
  .need-help p {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
}
.need-help p a {
  color: #fff;
  text-decoration: underline;
}
.need-help p a:visited {
  color: #fff;
  text-decoration: underline;
}
.need-help p a:hover {
  color: #fff;
  text-decoration: none;
}

.footprints-intro {
  text-align: center;
  padding: 60px 0;
}
.footprints-intro .c-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .footprints-intro .c-container {
    flex-direction: row;
  }
}
.footprints-intro .intro-title {
  text-align: left;
  padding: 0;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  margin-bottom: 30px;
}
.footprints-intro p {
  text-align: left;
  margin-bottom: 20px;
  color: #F2F0E8;
  line-height: 26px;
}
.footprints-intro p:last-of-type {
  margin-bottom: 0;
}
.footprints-intro .intro-buttons {
  display: flex;
  margin-top: 30px;
}
.footprints-intro .intro-buttons a {
  font-family: "Archia", sans-serif !important;
}
.footprints-intro .intro-buttons a:not(:first-of-type) {
  margin-left: 30px;
}
.footprints-intro .col-l {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .footprints-intro .col-l {
    margin-bottom: 0;
    width: 55%;
  }
}
.footprints-intro .col-r {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .footprints-intro .col-r {
    width: 30%;
    margin-left: 15%;
  }
}

.our-programmes {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
  scroll-margin: 120px;
}
@media (min-width: 768px) {
  .our-programmes .equal-row:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
  .our-programmes .equal-row:nth-of-type(even) {
    flex-direction: row;
  }
  .our-programmes .equal-row:nth-of-type(even) .equal-text {
    background-color: #fff;
  }
}
.our-programmes h3 {
  margin-bottom: 60px;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .our-programmes h3 {
    font-size: 32px;
    line-height: 42px;
  }
}

.misc-content {
  display: block;
  position: relative;
  padding: 40px 0 0 0;
}
.misc-content .section {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 60px 10%;
}
.misc-content .section:nth-of-type(odd) {
  background-color: #F2F0E8;
}
.misc-content .section h4 {
  text-align: left;
  color: #00CCB8;
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 34px;
}
@media (min-width: 1152px) {
  .misc-content .section h4 {
    font-size: 32px;
    line-height: 42px;
  }
}
.misc-content .section h3 {
  font-size: 21px;
  margin-bottom: 5px;
  text-align: left;
  color: #00CCB8;
}
.misc-content .section p {
  margin-bottom: 30px;
  line-height: 22px;
  color: #08202C;
}
.misc-content .section a {
  color: #08202C;
  text-decoration: underline;
}
.misc-content .section a:hover {
  text-decoration: none;
}
.misc-content .section ul {
  padding: 0 0 0 30px;
  line-height: 22px;
  font-size: 16px;
  color: #08202C;
}
.misc-content .section ul li {
  padding: 2px 0;
}
.misc-content .section-heading {
  display: block;
  position: relative;
  width: 100%;
  font-family: "Archia", sans-serif !important;
  color: #00CCB8;
  font-size: 26px;
  margin-bottom: 25px;
}

.back-to-top {
  display: block;
  position: relative;
  margin-bottom: 60px;
  margin-left: 60%;
  text-align: center;
}
@media (min-width: 768px) {
  .back-to-top {
    margin-left: 80%;
  }
}
.back-to-top img {
  max-width: 40px;
  margin-bottom: 15px;
}
.back-to-top span {
  display: block;
  position: relative;
  width: 100%;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  font-size: 11px;
}
@media (min-width: 768px) {
  .back-to-top span {
    font-size: 14px;
  }
}
.back-to-top:hover {
  text-decoration: none;
}

.page-copy h3 {
  text-align: left;
  color: #00CCB8;
  margin-bottom: 20px;
  font-size: 24px;
}
.page-copy ul {
  list-style-position: inside;
}
.page-copy p a {
  color: #08202C;
  text-decoration: underline;
}
.page-copy p a:visited {
  color: #08202C;
  text-decoration: underline;
}
.page-copy p a:hover {
  color: #00CCB8;
}

.key-messages {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 10px 20px;
  border-top: 1px solid #a6d0ce;
  border-bottom: 3px solid;
  border-image-source: linear-gradient(90deg, #45b7ad 0%, #e0f0f1 100%);
  border-image-slice: 1;
}
@media (min-width: 1152px) {
  .key-messages {
    padding: 20px 5%;
  }
}
.key-messages ul {
  margin-bottom: 0;
  display: none;
}
.key-messages ul.slick-initialized {
  display: block;
}
.key-messages li {
  list-style-type: none;
  text-align: center;
}
.key-messages li p {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 13px;
  color: #F2F0E8;
  font-family: "Archia", sans-serif !important;
}
@media (min-width: 1152px) {
  .key-messages li p {
    font-size: 14px;
    line-height: 14px;
  }
}
.key-messages li p:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: center;
  margin-right: 10px;
}
.key-messages li:nth-of-type(1) p:before {
  background-image: url("images/security-icon.png");
}
.key-messages li:nth-of-type(2) p:before {
  background-image: url("images/csr-icon.png");
}
.key-messages li:nth-of-type(3) p:before {
  background-image: url("images/energy-bills-icon.png");
}
.key-messages li:nth-of-type(4) p:before {
  background-image: url("images/profit-icon.png");
}

.error-404 {
  height: 750px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.error-404 h1 {
  font-size: 80px;
  line-height: 80px;
  margin-bottom: 20px;
  color: #00CCB8;
}
.error-404 h2 {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 20px;
}

.wsp-container h2 {
  text-align: left;
  color: #00CCB8;
  margin-bottom: 20px;
  padding-bottom: 15px;
  font-size: 24px;
  border-bottom: 1px solid #ddd;
}

.wsp-pages-list,
.wsp-posts-list,
.wsp-case-studiess-list,
.wsp-casestudy_categorys-list {
  list-style-position: inside;
}
.wsp-pages-list a,
.wsp-posts-list a,
.wsp-case-studiess-list a,
.wsp-casestudy_categorys-list a {
  color: #08202C;
}
.wsp-pages-list li ul,
.wsp-posts-list li ul,
.wsp-case-studiess-list li ul,
.wsp-casestudy_categorys-list li ul {
  padding: 10px 0;
  margin-left: 30px;
}

.block-separator {
  display: block;
  position: relative;
  width: 100%;
  border-bottom: 5px solid;
  border-image-source: linear-gradient(90deg, rgb(69, 183, 173) 0%, rgb(224, 240, 241) 100%);
  border-image-slice: 1;
}

.hero-block {
  position: relative;
  width: 100%;
}
.hero-block picture,
.hero-block img {
  width: 100%;
  height: auto;
}
.hero-block .hero-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.hero-block .hero-content.dark-theme .hero-title {
  color: #fff;
}
.hero-block .hero-content.dark-theme .hero-tagline p {
  color: #fff;
  text-transform: none !important;
}
.hero-block .hero-content.light-theme .hero-title {
  color: #000;
}
.hero-block .hero-content.light-theme .hero-tagline p {
  color: #08202C;
}
.hero-block .hero-title {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
.hero-block .hero-tagline {
  margin-bottom: 0;
  margin-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
}
.hero-block .hero-tagline p {
  position: relative;
  text-transform: uppercase;
  font-family: "Archia", sans-serif !important;
  text-align: center;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .hero-block .hero-tagline p {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1152px) {
  .hero-block .hero-tagline p {
    font-size: 18px;
    line-height: 26px;
  }
}
.hero-block .hero-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero-block .hero-overlay.dark-theme {
  background-color: #000;
}
.hero-block .hero-overlay.light-theme {
  background-color: #fff;
}

.textblock {
  position: relative;
  padding-top: 100px;
  padding-bottom: 140px;
}
@media (max-width: 500px) {
  .textblock {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.textblock h1, .textblock h2, .textblock h3, .textblock h4, .textblock h5, .textblock h6 {
  color: #08202C;
}
.textblock h1 {
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 1152px) {
  .textblock h1 {
    font-size: 38px;
    line-height: 60px;
  }
}
.textblock h2, .textblock h3, .textblock h4, .textblock h5, .textblock h6 {
  font-size: 22px;
  line-height: 30px;
}
@media (min-width: 1152px) {
  .textblock h2, .textblock h3, .textblock h4, .textblock h5, .textblock h6 {
    font-size: 26px;
    line-height: 30px;
  }
}
.textblock.is-default .textblock-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.textblock.is-light {
  background-color: #F2F0E8;
}
.textblock.is-light .textblock-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F2F0E8;
}
.textblock.is-dark {
  background-color: #000;
}
.textblock.is-dark .textblock-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.textblock.is-dark h1, .textblock.is-dark h2, .textblock.is-dark h3, .textblock.is-dark h4, .textblock.is-dark h5, .textblock.is-dark h6, .textblock.is-dark p {
  color: #fff;
}
.textblock.is-dark p a {
  color: #fff;
  text-decoration: underline;
}
.textblock.is-green {
  background-color: #00CCB8;
}
.textblock.is-green .textblock-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00CCB8;
}
.textblock.is-green h1, .textblock.is-green h2, .textblock.is-green h3, .textblock.is-green h4, .textblock.is-green h5, .textblock.is-green h6, .textblock.is-green p {
  color: #fff;
}
.textblock.is-green h1 strong, .textblock.is-green h2 strong, .textblock.is-green h3 strong, .textblock.is-green h4 strong, .textblock.is-green h5 strong, .textblock.is-green h6 strong, .textblock.is-green p strong {
  color: #08202C;
}
.textblock.is-green p a {
  color: #fff;
  text-decoration: underline;
}
.textblock.is-blue {
  background-color: #08202C;
}
.textblock.is-blue .textblock-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #08202C;
}
.textblock.is-blue h1, .textblock.is-blue h2, .textblock.is-blue h3, .textblock.is-blue h4, .textblock.is-blue h5, .textblock.is-blue h6, .textblock.is-blue p {
  color: #fff;
}
.textblock.is-blue h1 strong, .textblock.is-blue h2 strong, .textblock.is-blue h3 strong, .textblock.is-blue h4 strong, .textblock.is-blue h5 strong, .textblock.is-blue h6 strong, .textblock.is-blue p strong {
  color: #00CCB8;
}
.textblock.is-blue p a {
  color: #fff;
  text-decoration: underline;
}
.textblock .column-1 {
  gap: 20px;
  display: flex;
  flex-direction: column;
  text-align: left;
}
@media (min-width: 768px) {
  .textblock .column-1 {
    text-align: center;
  }
}
.textblock .column-1,
.textblock .column-2 {
  position: relative;
}
.textblock h1 {
  font-size: 50px;
  line-height: 60px;
}
.textblock h1, .textblock h2, .textblock h3, .textblock h4, .textblock h5, .textblock h6 {
  margin-bottom: 30px;
}
.textblock h1 strong, .textblock h2 strong, .textblock h3 strong, .textblock h4 strong, .textblock h5 strong, .textblock h6 strong {
  font-weight: normal;
  color: #00CCB8;
}
.textblock p {
  color: #08202C;
  font-size: 18px;
  line-height: 36px;
}
.textblock p strong {
  font-weight: normal;
  color: #00CCB8;
}
.textblock p a {
  color: #F2F0E8;
  text-decoration: underline;
}
.textblock p a:hover {
  text-decoration: none;
}

.multi-column h1, .multi-column h2, .multi-column h3, .multi-column h4, .multi-column h5, .multi-column h6 {
  text-align: left;
  font-size: 38px;
  line-height: 60px;
}
.multi-column .c-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 768px) {
  .multi-column .c-container {
    flex-direction: row;
  }
}
.multi-column .column-1,
.multi-column .column-2 {
  width: 100%;
  text-align: left;
}
@media (min-width: 768px) {
  .multi-column .column-1,
  .multi-column .column-2 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .multi-column .column-1 {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .multi-column .column-1 {
    padding-right: 30px;
  }
}
@media (min-width: 768px) {
  .multi-column .column-2 {
    padding-left: 30px;
  }
}
.multi-column .btn-container {
  justify-content: flex-start;
}

.advanced-list {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.advanced-list li {
  display: flex;
  align-items: center;
  width: 100%;
}
.advanced-list li:not(:last-of-type) {
  margin-bottom: 20px;
}
.advanced-list img {
  max-width: 60px;
  margin-right: 20px;
}
.advanced-list p {
  font-family: "Archia", sans-serif !important;
  margin-bottom: 0;
  text-transform: uppercase;
}

.btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
}
.btn-container .btn-gradient:hover {
  background: #fff !important;
  color: #EB5B2A !important;
}
.btn-container a:not(:first-of-type) {
  margin-left: 15px;
}

.accordion-block {
  padding-top: 100px;
  padding-bottom: 100px;
  margin-bottom: 50px;
}
.accordion-block h1, .accordion-block h2, .accordion-block h3, .accordion-block h4, .accordion-block h5, .accordion-block h6 {
  margin-bottom: 60px;
  color: #08202C;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 1152px) {
  .accordion-block h1, .accordion-block h2, .accordion-block h3, .accordion-block h4, .accordion-block h5, .accordion-block h6 {
    font-size: 38px;
    line-height: 60px;
  }
}
.accordion-block h1 strong, .accordion-block h2 strong, .accordion-block h3 strong, .accordion-block h4 strong, .accordion-block h5 strong, .accordion-block h6 strong {
  color: #00CCB8;
  font-weight: normal;
}
.accordion-block p:not(.accordion-content p) {
  margin-bottom: 0;
  margin-top: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  .accordion-block p:not(.accordion-content p) {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
.accordion-block p:not(.accordion-content p) strong {
  color: #00CCB8;
  font-weight: normal;
}
.accordion-block.is-light {
  background-color: #F2F0E8;
}

ul.accordion {
  /* .active-tab {
      border-bottom: 1px solid $green1;
  } */
}
ul.accordion .accordion-toggle {
  background-color: transparent;
  border-top: 1px solid #08202C;
  margin-bottom: 0;
  text-transform: none;
  padding: 31px 18px;
  font-size: 20px;
  line-height: 40px;
}
ul.accordion .accordion-content h1, ul.accordion .accordion-content h2, ul.accordion .accordion-content h3, ul.accordion .accordion-content h4, ul.accordion .accordion-content h5, ul.accordion .accordion-content h6 {
  font-size: 20px;
  line-height: 26px;
  text-align: left;
  margin-bottom: 1rem;
}
ul.accordion .accordion-content a {
  color: #F2F0E8;
}
ul.accordion .accordion-content a:hover {
  text-decoration: none;
}
ul.accordion .content-link {
  color: #00CCB8;
  text-transform: uppercase;
  font-family: "Archia", sans-serif !important;
}

.featured-casestudies {
  padding-top: 100px;
  padding-bottom: 100px;
}
.featured-casestudies h1, .featured-casestudies h2, .featured-casestudies h3, .featured-casestudies h4, .featured-casestudies h5, .featured-casestudies h6 {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 1152px) {
  .featured-casestudies h1, .featured-casestudies h2, .featured-casestudies h3, .featured-casestudies h4, .featured-casestudies h5, .featured-casestudies h6 {
    font-size: 38px;
    line-height: 60px;
  }
}
.featured-casestudies h1 strong, .featured-casestudies h2 strong, .featured-casestudies h3 strong, .featured-casestudies h4 strong, .featured-casestudies h5 strong, .featured-casestudies h6 strong {
  color: #00CCB8;
}
.featured-casestudies .casestudy-list {
  margin-bottom: 0;
  margin-top: 60px;
}
.featured-casestudies.light-theme {
  background-color: #F2F0E8;
}
.featured-casestudies.dark-theme {
  background-color: #000;
}
.featured-casestudies.dark-theme h1, .featured-casestudies.dark-theme h2, .featured-casestudies.dark-theme h3, .featured-casestudies.dark-theme h4, .featured-casestudies.dark-theme h5, .featured-casestudies.dark-theme h6 {
  color: #fff;
}
.featured-casestudies.blue-theme {
  background-color: #08202C;
}
.featured-casestudies.blue-theme h1, .featured-casestudies.blue-theme h2, .featured-casestudies.blue-theme h3, .featured-casestudies.blue-theme h4, .featured-casestudies.blue-theme h5, .featured-casestudies.blue-theme h6 {
  color: #fff;
}
.featured-casestudies.green-theme {
  background-color: #00CCB8;
}
.featured-casestudies.green-theme h1, .featured-casestudies.green-theme h2, .featured-casestudies.green-theme h3, .featured-casestudies.green-theme h4, .featured-casestudies.green-theme h5, .featured-casestudies.green-theme h6 {
  color: #fff;
}
.featured-casestudies.green-theme h1 strong, .featured-casestudies.green-theme h2 strong, .featured-casestudies.green-theme h3 strong, .featured-casestudies.green-theme h4 strong, .featured-casestudies.green-theme h5 strong, .featured-casestudies.green-theme h6 strong {
  color: #08202C;
}
.featured-casestudies .btn-container {
  margin-top: 60px;
}

.equal-blocks {
  position: relative;
  max-width: 1336px;
  margin-right: auto;
  margin-left: auto;
}
.equal-blocks.is-fullwidth {
  max-width: 100%;
}
.equal-blocks.has-image {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .equal-blocks.has-image {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .equal-blocks.is-reversed {
    flex-direction: row-reverse;
  }
}
.equal-blocks.has-padding {
  padding: 30px;
}
@media (min-width: 768px) {
  .equal-blocks.has-padding {
    padding: 60px;
  }
}
@media (min-width: 1152px) {
  .equal-blocks.has-padding {
    padding: 90px 0;
  }
}
@media (min-width: 1366px) {
  .equal-blocks.has-padding {
    padding: 120px 0;
  }
}
.equal-blocks.has-padding .text-column {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .equal-blocks.has-padding .text-column {
    padding-right: 60px;
  }
}
.equal-blocks .image-column {
  width: 100%;
}
@media (min-width: 768px) {
  .equal-blocks .image-column {
    width: 50%;
  }
}
.equal-blocks.light-theme {
  background-color: #F2F0E8;
}
.equal-blocks.dark-theme {
  background-color: #08202C;
}
.equal-blocks.dark-theme h1, .equal-blocks.dark-theme h2, .equal-blocks.dark-theme h3, .equal-blocks.dark-theme h4, .equal-blocks.dark-theme h5, .equal-blocks.dark-theme h6, .equal-blocks.dark-theme p {
  color: #fff;
}
.equal-blocks img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.equal-blocks .text-column {
  width: 100%;
  padding: 60px 30px;
}
@media (min-width: 768px) {
  .equal-blocks .text-column {
    width: 50%;
    padding: 60px;
  }
}
.equal-blocks .text-column p {
  color: #08202C;
}
.equal-blocks h2 {
  font-size: 38px !important;
  line-height: 60px !important;
}
.equal-blocks h1, .equal-blocks h2, .equal-blocks h3, .equal-blocks h4, .equal-blocks h5, .equal-blocks h6 {
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  color: #08202C;
  margin-bottom: 30px;
}
.equal-blocks h1 strong, .equal-blocks h2 strong, .equal-blocks h3 strong, .equal-blocks h4 strong, .equal-blocks h5 strong, .equal-blocks h6 strong {
  color: #00CCB8;
}
.equal-blocks p {
  font-size: 18px;
  line-height: 36px;
}
.equal-blocks p strong {
  color: #00CCB8;
  font-weight: normal;
}
.equal-blocks .btn-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: 30px;
}

.icon-list {
  padding-top: 100px;
  padding-bottom: 100px;
}
.icon-list h1, .icon-list h2, .icon-list h3, .icon-list h4, .icon-list h5, .icon-list h6 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 30px;
}
@media (min-width: 1152px) {
  .icon-list h1, .icon-list h2, .icon-list h3, .icon-list h4, .icon-list h5, .icon-list h6 {
    font-size: 38px;
    line-height: 60px;
  }
}
.icon-list h1 strong, .icon-list h2 strong, .icon-list h3 strong, .icon-list h4 strong, .icon-list h5 strong, .icon-list h6 strong {
  color: #00CCB8;
  font-weight: normal;
}
.icon-list p:not(li p) {
  margin-bottom: 0;
  text-align: center;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .icon-list p:not(li p) {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
.icon-list p:not(li p) strong {
  color: #00CCB8;
  font-weight: normal;
}
.icon-list.is-light {
  background-color: #F2F0E8;
}
.icon-list.is-dark {
  background-color: #08202C;
}
.icon-list.is-dark h1, .icon-list.is-dark h2, .icon-list.is-dark h3, .icon-list.is-dark h4, .icon-list.is-dark h5, .icon-list.is-dark h6, .icon-list.is-dark p {
  color: #fff;
}

ul.icons {
  margin-top: 60px;
}
ul.icons li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
ul.icons li p {
  margin-bottom: 0;
  text-align: center;
  font-family: "Archia", sans-serif !important;
  font-size: 13px;
  line-height: 16px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1152px) {
  ul.icons li p {
    font-size: 18px;
    line-height: 36px;
  }
}
ul.icons li p strong {
  color: #00CCB8;
  font-weight: normal;
}
ul.icons img {
  width: auto;
  max-width: 80px;
  margin-bottom: 35px;
  height: 67px;
}

.alt-style p {
  color: #08202C;
}

.is-list .alt-style p {
  font-size: 18px;
  line-height: 36px;
  color: #08202C;
}
.is-list .icons {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .is-list .icons.is-5 {
    justify-content: center;
  }
}
.is-list .is-2 li {
  width: 49%;
  margin-bottom: 5%;
  margin-right: 2%;
}
.is-list .is-2 li:nth-of-type(2n) {
  margin-right: 0;
}
@media (min-width: 768px) {
  .is-list .is-2 li {
    width: 49%;
  }
  .is-list .is-2 li:nth-of-type(2n) {
    margin-right: 0;
  }
}
.is-list .is-3 li {
  width: 49%;
  margin-bottom: 5%;
  margin-right: 2%;
}
.is-list .is-3 li:nth-of-type(2n) {
  margin-right: 0;
}
@media (min-width: 768px) {
  .is-list .is-3 li {
    width: 32%;
  }
  .is-list .is-3 li:nth-of-type(2n) {
    margin-right: 2%;
  }
  .is-list .is-3 li:nth-of-type(3n) {
    margin-right: 0;
  }
}
.is-list .is-4 li {
  width: 49%;
  margin-bottom: 5%;
  margin-right: 2%;
}
.is-list .is-4 li:nth-of-type(2n) {
  margin-right: 0;
}
@media (min-width: 768px) {
  .is-list .is-4 li {
    width: 23%;
  }
  .is-list .is-4 li:nth-of-type(2n) {
    margin-right: 2%;
  }
  .is-list .is-4 li:nth-of-type(4n) {
    margin-right: 0;
  }
}
.is-list .is-5 li {
  width: 49%;
  margin-bottom: 7%;
  margin-right: 2%;
}
.is-list .is-5 li:nth-of-type(2n) {
  margin-right: 0;
}
@media (min-width: 768px) {
  .is-list .is-5 li {
    width: 32%;
  }
  .is-list .is-5 li:nth-of-type(2n) {
    margin-right: 2%;
  }
  .is-list .is-5 li:nth-of-type(3n) {
    margin-right: 0;
  }
}
.is-list .is-6 li {
  width: 49%;
  margin-bottom: 7%;
  margin-right: 2%;
}
.is-list .is-6 li:nth-of-type(2n) {
  margin-right: 0;
}
@media (min-width: 768px) {
  .is-list .is-6 li {
    width: 32%;
  }
  .is-list .is-6 li:nth-of-type(2n) {
    margin-right: 2%;
  }
  .is-list .is-6 li:nth-of-type(3n) {
    margin-right: 0;
  }
}
.is-list .is-7 li {
  width: 49%;
  margin-bottom: 7%;
  margin-right: 2%;
}
.is-list .is-7 li:nth-of-type(2n) {
  margin-right: 0;
}
@media (min-width: 768px) {
  .is-list .is-7 li {
    width: 32%;
  }
  .is-list .is-7 li:nth-of-type(2n) {
    margin-right: 2%;
  }
  .is-list .is-7 li:nth-of-type(3n) {
    margin-right: 0;
  }
}
.is-list .large-list li {
  width: 49%;
  margin-bottom: 7%;
  margin-right: 2%;
}
.is-list .large-list li:nth-of-type(2n) {
  margin-right: 0;
}
@media (min-width: 768px) {
  .is-list .large-list li {
    width: 23.5%;
  }
  .is-list .large-list li:nth-of-type(2n) {
    margin-right: 2%;
  }
  .is-list .large-list li:nth-of-type(4n) {
    margin-right: 0;
  }
}

.is-carousel ul {
  margin-bottom: 0;
}
.is-carousel li {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.is-carousel .slick-arrow {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 100%;
  z-index: 10;
  background-size: 12px !important;
}
.is-carousel .slick-arrow:focus, .is-carousel .slick-arrow:active, .is-carousel .slick-arrow:hover {
  background-color: #fff !important;
}

.tab-block {
  padding-top: 100px;
  padding-bottom: 100px;
}
.tab-block.light-theme {
  background-color: #F2F0E8;
}
.tab-block h1, .tab-block h2, .tab-block h3, .tab-block h4, .tab-block h5, .tab-block h6 {
  color: #08202C;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0;
}
@media (min-width: 1152px) {
  .tab-block h1, .tab-block h2, .tab-block h3, .tab-block h4, .tab-block h5, .tab-block h6 {
    text-align: left;
    font-size: 38px;
    line-height: 60px;
  }
}
.tab-block h1 strong, .tab-block h2 strong, .tab-block h3 strong, .tab-block h4 strong, .tab-block h5 strong, .tab-block h6 strong {
  color: #00CCB8;
  font-weight: normal;
}
.tab-block p:not(.tab_content p) {
  text-align: center;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .tab-block p:not(.tab_content p) {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
.tab-block p:not(.tab_content p) strong {
  font-weight: normal;
  color: #00CCB8;
}

ul.tabs {
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  ul.tabs {
    flex-direction: row;
  }
}
ul.tabs .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  border-radius: 10px;
  text-align: left;
  text-transform: none;
  font-size: 18px;
  line-height: 32px;
  padding: 18px 31px;
  background-color: #F2F0E8;
  border: 1px solid #F2F0E8;
  font-family: "Archia", sans-serif !important;
  color: #08202C;
  transition: all 0.3s ease;
}
ul.tabs .tab:hover {
  background-color: #00CCB8;
  border: 1px solid #00CCB8;
  color: #fff;
}
@media (min-width: 768px) {
  ul.tabs .tab {
    flex: 1;
  }
}
ul.tabs .tab:not(:last-of-type) {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  ul.tabs .tab:not(:last-of-type) {
    margin-bottom: 0;
    margin-right: 15px;
  }
}
ul.tabs .tab.active {
  background-color: #08202C;
  border: 1px solid #08202C;
  color: #fff;
}

.tab_content {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
.tab_content ul {
  padding-left: 15px;
}
.tab_content li {
  color: #08202C;
  font-size: 18px;
  line-height: 36px;
  font-family: "Archia", sans-serif !important;
}
.tab_content h1, .tab_content h2, .tab_content h3, .tab_content h4, .tab_content h5, .tab_content h6 {
  font-size: 24px;
  line-height: 32px;
  text-align: left;
  margin-bottom: 1rem;
}
.tab_content p {
  color: #08202C;
  font-size: 18px;
  line-height: 36px;
}
.tab_content p a {
  color: #08202C;
  text-decoration: underline;
}
.tab_content p a:hover {
  text-decoration: none;
}
.tab_content strong {
  color: #00CCB8;
  font-weight: normal;
}

.call-us-today {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 30px;
  background-color: #00CCB8;
  color: #fff;
}
@media (min-width: 992px) {
  .call-us-today {
    padding: 60px 30px;
  }
}
.call-us-today h5 {
  font-family: "Archia", sans-serif !important;
  font-size: 30px;
  line-height: 36px;
}
.call-us-today p {
  font-family: "Archia", sans-serif !important;
  margin-bottom: 0;
  text-align: center;
  font-size: 22px;
  line-height: 30px;
  margin-top: 20px;
}
.call-us-today a {
  color: #fff;
}

.inspire-callout {
  display: block;
  position: relative;
  width: 100%;
  background-image: url("images/desktop/Homepage/CTA-Bar.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
}

/*# sourceMappingURL=style.css.map */