@font-face {
  font-family: Circularxxsub;
  src: url('../fonts/CircularXXSub-Bold.woff2') format("woff2"), url('../fonts/CircularXXSub-Bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxsub Book;
  src: url('../fonts/CircularXXSub-Book.woff2') format("woff2"), url('../fonts/CircularXXSub-Book.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url('../fonts/CircularXXWeb-Light.woff2') format("woff2"), url('../fonts/CircularXXWeb-Light.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxsub;
  src: url('../fonts/CircularXXSub-Black.woff2') format("woff2"), url('../fonts/CircularXXSub-Black.woff') format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxsub;
  src: url('../fonts/CircularXXSub-Light.woff2') format("woff2"), url('../fonts/CircularXXSub-Light.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb Book;
  src: url('../fonts/CircularXXWeb-Book.woff2') format("woff2"), url('../fonts/CircularXXWeb-Book.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url('../fonts/CircularXXWeb-Bold.woff2') format("woff2"), url('../fonts/CircularXXWeb-Bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url('../fonts/CircularXXWeb-Black.woff2') format("woff2"), url('../fonts/CircularXXWeb-Black.woff') format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg-colour-gray: #e0e0e0;
  --gt-dark-blue: #07182c;
  --color-white: white;
  --color-black: #000;
  --background-green: #c4ffea;
  --xxx-large-v-padding: 200px;
  --small-v-padding: 24px;
  --xx-large-v-padding: 100px;
  --x-large-v-padding: 80px;
  --large-v-padding: 60px;
  --color-light-gray: #b4b4b4;
  --medium-v-padding: 40px;
  --x-small-v-padding: 16px;
  --xxx-small-v-padding: 8px;
  --color-dark-gray: #505050;
  --xx-small-v-padding: 12px;
  --color-yellow: #fee715;
  --font-family: Circularxxsub, sans-serif;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  background-color: var(--bg-colour-gray);
  color: var(--gt-dark-blue);
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 200;
  line-height: 20px;
}

h1 {
  color: var(--color-white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 115%;
}

h2 {
  color: var(--color-white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 150%;
}

h3 {
  color: #ff5922;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

p {
  color: var(--color-white);
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 155%;
}

a {
  color: var(--color-black);
  font-family: Circularxxsub, sans-serif;
  font-weight: 300;
  text-decoration: none;
}

.maincontainer {
  background-color: var(--bg-colour-gray);
  flex-direction: column;
  align-items: flex-start;
  width: 80vw;
  display: flex;
}

.maincontainer.xxxlargepadding {
  padding-top: var(--xxx-large-v-padding);
  padding-bottom: var(--xxx-large-v-padding);
  grid-column-gap: var(--small-v-padding);
  grid-row-gap: var(--small-v-padding);
  background-color: #e0e0e000;
}

.maincontainer.xxxlargepadding.blackbg {
  background-color: var(--color-black);
}

.maincontainer.xxlargepadding {
  padding-top: var(--xx-large-v-padding);
  padding-bottom: var(--xx-large-v-padding);
  background-color: #c4ffea00;
}

.maincontainer.xxlargepadding.seperatorline {
  border-top: 1px solid var(--color-light-gray);
}

.maincontainer.xxlargepadding.blackbg {
  background-color: var(--color-black);
}

.maincontainer.xxlargepadding.darkbackground {
  background-color: var(--gt-dark-blue);
}

.maincontainer.mediumpadding.blackbg {
  padding-top: var(--medium-v-padding);
  padding-bottom: var(--medium-v-padding);
  background-color: var(--color-black);
}

.maincontainer.xxxlargetopsmallbottom {
  padding-top: var(--medium-v-padding);
  padding-bottom: var(--medium-v-padding);
  background-color: #c4ffea00;
}

.maincontainer.xxxlargetopsmallbottom.seperatorline {
  border-top: 1px solid var(--color-light-gray);
}

.maincontainer.xxxlargetopsmallbottom.blackbg {
  padding-top: var(--xxx-large-v-padding);
  padding-bottom: var(--small-v-padding);
  color: #07182c00;
  background-color: #07182c00;
  line-height: 0;
}

.maincontainer.fullheight {
  background-color: #e0e0e000;
  justify-content: center;
  height: 100vh;
}

.maincontainer.fullheight.blackbg {
  background-color: var(--color-black);
  justify-content: center;
}

.maincontainer.xxlargepaddingtopxxxlargebottom {
  padding-top: var(--xx-large-v-padding);
  padding-bottom: var(--xxx-large-v-padding);
  background-color: var(--background-green);
}

.maincontainer.xxlargepaddingtopxxxlargebottom.seperatorline {
  border-top: 1px solid var(--color-light-gray);
}

.maincontainer.xxlargepaddingtopxxxlargebottom.blackbg {
  background-color: var(--color-black);
}

.maincontainer.xxlargepaddingtopxxxlargebottom.darkbackground {
  background-color: var(--gt-dark-blue);
}

.maincontainer.xxxsmallpadding-copy {
  padding-top: var(--xxx-small-v-padding);
  padding-bottom: var(--xxx-large-v-padding);
  grid-column-gap: var(--small-v-padding);
  grid-row-gap: var(--small-v-padding);
  background-color: #e0e0e000;
}

.maincontainer.xxxsmallpadding-copy.blackbg {
  background-color: var(--color-black);
}

.maincontainer.xxxlargetopxlargebottom {
  padding-top: var(--xxx-large-v-padding);
  padding-bottom: var(--x-large-v-padding);
  grid-column-gap: var(--small-v-padding);
  grid-row-gap: var(--small-v-padding);
  background-color: #e0e0e000;
}

.maincontainer.xxxlargetopxlargebottom.blackbg {
  background-color: var(--color-black);
}

.copylarge {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 85%;
  display: flex;
}

.section {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.section.heroprimarytext {
  background-color: #c4ffea00;
  margin-top: 0;
  padding-top: 80px;
  padding-bottom: 40px;
}

.section.subnav, .section.imageandtext.blackbg, .section.titleandcta.blackbg, .section.form.blackbg, .section.testimonial.black {
  background-color: var(--color-black);
}

.section.homeherobanner {
  background-color: var(--color-black);
  background-image: url('../images/Client-image-description-default-image_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.widevideogallery {
  height: auto;
}

.section.darkbackground {
  background-color: #07182c00;
}

.section.green {
  background-color: var(--background-green);
}

.section.imageleftandcopy {
  background-color: #c4ffea00;
  margin-top: 0;
  padding-top: 80px;
  padding-bottom: 40px;
}

.section.imagebottomcopytop, .section.simpletextcentred {
  background-color: #c4ffea00;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.footer {
  background-color: #c4ffea00;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 0;
}

.heading {
  font-weight: 400;
}

.p-small {
  color: var(--gt-dark-blue);
  font-size: 20px;
  line-height: 165%;
}

.p-small.subnavlink {
  color: var(--color-white);
  border-bottom-style: none;
  padding: 0;
  text-decoration: none;
}

.p-small.subnavlink.unselected {
  color: var(--color-dark-gray);
}

.p-small.subnavlink.unselected:hover {
  color: var(--color-light-gray);
}

.p-small.bold {
  color: var(--gt-dark-blue);
  font-family: Poppins, sans-serif;
  font-weight: 500;
}

.p-small.bold.green {
  color: var(--background-green);
}

.p-small.green {
  color: var(--color-white);
}

.titleblock {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 35%;
  display: flex;
}

.p-xtrasmall {
  font-size: 17px;
  line-height: 165%;
}

.p-xtrasmall.gray {
  color: var(--color-dark-gray);
}

.p-xtrasmall.bold {
  font-family: Circularxxsub Book, sans-serif;
  font-weight: 400;
}

.paragraphblock {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.body {
  background-color: var(--bg-colour-gray);
}

.textdetails {
  padding-top: var(--x-small-v-padding);
  grid-column-gap: var(--small-v-padding);
  grid-row-gap: var(--small-v-padding);
  flex-direction: column;
  display: flex;
}

.buttonwrapperpadding {
  padding-top: var(--xx-small-v-padding);
  object-fit: fill;
  object-position: 50% 50%;
  flex-wrap: nowrap;
  place-content: flex-end center;
  align-self: stretch;
  align-items: baseline;
  width: auto;
  display: flex;
}

.buttonwrapperpadding.left {
  justify-content: flex-start;
  align-items: baseline;
}

.primarybtnarrow {
  grid-column-gap: 8px;
  border: 1px solid var(--color-black);
  background-color: var(--bg-colour-gray);
  border-radius: 200px;
  align-items: center;
  padding: 12px 30px 12px 38px;
  font-family: Circularxxsub, sans-serif;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.primarybtnarrow:hover {
  background-color: #999;
  box-shadow: 0 4px 7px #10223752;
}

.primarybtnarrow:active {
  background-color: #00e6a6;
}

.buttontext {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 300;
  line-height: 165%;
}

.buttontext:hover {
  color: var(--color-black);
}

.buttontext.white:hover {
  color: var(--color-white);
}

.buttonarrow {
  transform: none;
}

.nav-link {
  font-family: var(--font-family);
  color: var(--gt-dark-blue);
  padding-left: 0;
  padding-right: 0;
  font-size: 17px;
  font-weight: 300;
  line-height: 165%;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--color-black);
}

.navbar {
  z-index: 10;
  border-bottom: 0px solid var(--gt-dark-blue);
  background-color: var(--color-white);
  justify-content: center;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.container {
  border-bottom: 0px solid var(--color-dark-gray);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80vw;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.brand {
  flex: 1;
  width: 230px;
}

.nav-menu {
  grid-column-gap: var(--medium-v-padding);
  grid-row-gap: var(--medium-v-padding);
  display: flex;
}

.bulletlist {
  padding-top: var(--x-small-v-padding);
  grid-column-gap: var(--xxx-small-v-padding);
  grid-row-gap: var(--xxx-small-v-padding);
  flex-direction: column;
  display: flex;
}

.bullet {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.bulletsymbol, .bulletcopy {
  align-items: center;
  display: flex;
}

.widecontainer {
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.widecontainer.xxxlargepadding {
  padding-top: var(--xxx-large-v-padding);
  padding-bottom: var(--xxx-large-v-padding);
}

.widecontainer.xxlargepadding {
  padding-top: var(--xx-large-v-padding);
  padding-bottom: var(--xx-large-v-padding);
}

.desktopheroimage {
  width: 100%;
}

.mobileheroimage {
  width: 100%;
  display: none;
}

.image, .image-2 {
  width: 100%;
}

.arrowrighticon {
  color: var(--color-black);
  display: flex;
}

.arrowrighticon:hover {
  color: var(--color-black);
}

.imageandtextright {
  grid-column-gap: var(--medium-v-padding);
  grid-row-gap: var(--medium-v-padding);
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.copysmall {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 45%;
  display: flex;
}

.imagethumb {
  width: 55%;
}

.image-3 {
  width: 100%;
}

.imageandtextleft {
  grid-column-gap: var(--medium-v-padding);
  grid-row-gap: var(--medium-v-padding);
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.linebtnlinks {
  width: 25%;
}

.linebtnlink {
  width: 100%;
}

.link-block {
  border-bottom: 1px solid var(--color-light-gray);
  cursor: pointer;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link-block:hover {
  border-bottom-color: var(--color-black);
}

.linebtn {
  border-bottom: 1px #dbdcde;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.p-largelink {
  text-decoration: none;
}

.p-largelink.bold {
  font-weight: 500;
}

.paragraph-2 {
  color: var(--color-black);
}

.textandlinelinks {
  grid-column-gap: var(--medium-v-padding);
  grid-row-gap: var(--medium-v-padding);
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.copymedium {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 62%;
  display: flex;
}

.singletitleblock {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  padding-bottom: 0;
  display: flex;
}

.subnavitems {
  grid-column-gap: var(--medium-v-padding);
  grid-row-gap: var(--medium-v-padding);
  display: flex;
}

.subnavlink {
  padding: var(--small-v-padding) var(--xxx-small-v-padding);
  border-bottom: 3px solid var(--color-white);
  text-decoration: none;
}

.subnavlink.unselected {
  border-bottom-color: var(--color-dark-gray);
}

.subnavlink.unselected:hover {
  border-bottom-color: var(--color-light-gray);
}

.white {
  color: var(--color-white);
}

.contactandnavlinks {
  grid-column-gap: var(--large-v-padding);
  grid-row-gap: var(--large-v-padding);
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.footerlinks {
  grid-column-gap: var(--large-v-padding);
  grid-row-gap: var(--xx-small-v-padding);
  flex-direction: row;
  display: flex;
}

.footerlink {
  font-size: 17px;
  line-height: 165%;
}

.footerlinkgroup {
  grid-column-gap: var(--xx-small-v-padding);
  grid-row-gap: var(--xx-small-v-padding);
  flex-direction: column;
  display: flex;
}

.copyxsmall {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 36%;
  display: flex;
}

.copyrightandlinks {
  padding-top: var(--x-large-v-padding);
  justify-content: space-between;
  display: flex;
}

.p-xxsmall {
  color: var(--gt-dark-blue);
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 165%;
}

.p-xxsmall.gray {
  color: var(--color-dark-gray);
}

.p-xxsmall.bold {
  font-weight: 700;
}

.titleandcta {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.buttonwrapper {
  object-fit: fill;
  object-position: 50% 50%;
  flex-wrap: nowrap;
  place-content: flex-end flex-start;
  align-self: flex-start;
  width: auto;
  padding-top: 0;
  display: flex;
}

.accessform {
  grid-column-gap: var(--x-large-v-padding);
  grid-row-gap: var(--x-large-v-padding);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-field {
  border-style: none none solid;
  border-width: 0 0 1px;
  border-color: black black var(--gt-dark-blue);
  background-color: var(--background-green);
  color: var(--gt-dark-blue);
  -webkit-text-stroke-color: var(--gt-dark-blue);
  height: 40px;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  font-weight: 300;
}

.text-field::placeholder {
  color: var(--gt-dark-blue);
}

.forminput {
  grid-column-gap: var(--small-v-padding);
  grid-row-gap: var(--small-v-padding);
  flex-direction: column;
  display: flex;
}

.form-block {
  width: 100%;
}

.formcolumn {
  grid-column-gap: var(--medium-v-padding);
  grid-row-gap: var(--medium-v-padding);
  display: flex;
}

.formaccess {
  width: 100%;
}

.textarea {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--gt-dark-blue);
  background-color: var(--background-green);
  color: var(--gt-dark-blue);
  height: 40px;
  max-height: 40px;
  padding-left: 0;
  font-family: Circularxxsub, sans-serif;
  font-weight: 300;
}

.textarea::placeholder {
  color: var(--gt-dark-blue);
}

.checkbox {
  width: 14px;
  height: 14px;
}

.submit-button {
  border: 1px none var(--color-white);
  background-color: var(--gt-dark-blue);
  color: var(--background-green);
  border-radius: 100px;
  padding: 12px 38px;
  font-family: Poppins, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 165%;
}

.checkbox-field {
  grid-column-gap: var(--xxx-small-v-padding);
  grid-row-gap: var(--xxx-small-v-padding);
  display: flex;
}

.formcontact {
  width: 100%;
}

.success-message {
  border-top: 1px solid var(--color-dark-gray);
  border-bottom: 1px solid var(--color-dark-gray);
  background-color: var(--color-black);
  padding: 24px 0;
}

.text-block {
  color: var(--color-dark-gray);
  font-family: Circularxxsub, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 150%;
  display: flex;
}

.error-message {
  background-color: var(--color-black);
  border-top: 1px solid #d5b647;
  border-bottom: 1px solid #d5b647;
  margin-top: 40px;
  padding: 24px 0;
}

.text-block-2 {
  color: #d5b647;
  font-family: Circularxxsub, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 150%;
}

.formpasswordaccess {
  width: 100%;
}

.utility-page-wrap {
  padding-bottom: var(--xx-large-v-padding);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 80vw;
  display: flex;
}

.utility-page-form {
  grid-column-gap: var(--small-v-padding);
  grid-row-gap: var(--small-v-padding);
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.body-2 {
  background-color: var(--bg-colour-gray);
}

.field-label {
  text-align: left;
  display: none;
}

.text-field-2 {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--color-light-gray);
  background-color: var(--bg-colour-gray);
  width: 400px;
  padding-left: 0;
  padding-right: 0;
  font-family: Circularxxsub, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.submit-button-2 {
  background-color: var(--bg-colour-gray);
  color: var(--color-black);
  border: 1px solid #000;
  border-radius: 100px;
  padding: 14px 38px 12px;
  font-family: Circularxxsub, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 165%;
}

.submit-button-2:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}

.quote {
  color: var(--color-white);
  font-family: Circularxxsub, sans-serif;
  font-size: 42px;
  font-weight: 300;
  line-height: 165%;
}

.testimonial {
  grid-column-gap: var(--medium-v-padding);
  grid-row-gap: var(--medium-v-padding);
  flex-direction: column;
  display: flex;
}

.fullwidthcontainer {
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  display: flex;
}

.fullwidthcontainer.xxxlargepadding {
  padding-top: var(--xxx-large-v-padding);
  padding-bottom: var(--xxx-large-v-padding);
  grid-column-gap: var(--small-v-padding);
  grid-row-gap: var(--small-v-padding);
}

.fullwidthcontainer.xxxlargepadding.blackbg {
  background-color: var(--color-black);
}

.fullwidthcontainer.xxlargepadding {
  padding-top: var(--xx-large-v-padding);
  padding-bottom: var(--xx-large-v-padding);
}

.fullwidthcontainer.xxlargepadding.seperatorline {
  border-top: 1px solid var(--color-light-gray);
}

.fullwidthcontainer.xxlargepadding.blackbg {
  background-color: var(--color-black);
}

.fullwidthcontainer.mediumpadding.blackbg {
  padding-top: var(--medium-v-padding);
  padding-bottom: var(--medium-v-padding);
  background-color: var(--color-black);
}

.fullwidthcontainer.xxxlargetopxxlargebottom {
  padding-top: var(--xx-large-v-padding);
  padding-bottom: var(--xx-large-v-padding);
}

.fullwidthcontainer.xxxlargetopxxlargebottom.seperatorline {
  border-top: 1px solid var(--color-light-gray);
}

.fullwidthcontainer.xxxlargetopxxlargebottom.blackbg {
  padding-top: var(--xxx-large-v-padding);
  background-color: var(--color-black);
}

.slider {
  background-color: var(--color-black);
  width: 100%;
}

.testimonialslider {
  z-index: -1;
  background-color: var(--color-black);
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.mask {
  width: 80vw;
  height: auto;
}

.left-arrow, .right-arrow {
  opacity: 0;
}

.slide-nav {
  opacity: 0;
  width: 80vw;
  padding-bottom: 10px;
  display: flex;
}

.homehero {
  grid-column-gap: var(--medium-v-padding);
  grid-row-gap: var(--medium-v-padding);
  flex-direction: column;
  width: 80%;
  display: flex;
}

.highlight {
  color: var(--color-white);
  font-family: Circularxxsub, sans-serif;
  font-size: 100px;
  font-weight: 300;
  line-height: 115%;
}

.secondarybtnarrow {
  grid-column-gap: 8px;
  border: 1px solid var(--color-white);
  background-color: #ff5922;
  border-radius: 200px;
  align-items: center;
  padding: 12px 30px 12px 38px;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.secondarybtnarrow:hover {
  background-color: var(--color-black);
  box-shadow: 0 4px 7px #10223752;
}

.secondarybtnarrow:active {
  background-color: #00e6a6;
}

.imagewide {
  width: 100%;
  max-width: 100%;
  display: flex;
}

.imageexample {
  background-color: var(--color-yellow);
  width: 100%;
  height: 80px;
  display: flex;
}

.html-embed {
  color: var(--color-yellow);
  width: auto;
  max-width: 100%;
  overflow: hidden;
}

.imagefullwidth {
  width: 100vw;
  max-width: 100%;
  display: flex;
}

.imagenormal {
  width: 100%;
  max-width: 100%;
  display: flex;
}

.quick-stack {
  grid-column-gap: var(--x-small-v-padding);
  grid-row-gap: var(--x-small-v-padding);
  width: 100%;
  height: 80vh;
  padding: 0;
}

.cell {
  grid-column-gap: var(--small-v-padding);
  grid-row-gap: var(--small-v-padding);
}

.cell-2 {
  background-image: url('../images/Image-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cell-3 {
  background-image: url('../images/Image-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.leftlargeimagegrid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-columns: 2fr 1fr;
  margin-bottom: 0;
}

.leftlargeimagegrid.firstset {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-top: 22px;
}

.thumbnailblock {
  object-fit: cover;
  height: auto;
  position: relative;
  overflow: visible;
}

.heading-7 {
  object-fit: fill;
}

.image-10 {
  background-color: #f8c53c;
  width: 100%;
}

.heading-6 {
  float: left;
}

.heading-6.thumbclientlabel {
  margin-bottom: 0;
}

.imageholdersmall {
  overflow: hidden;
}

.imageholder {
  height: auto;
  overflow: hidden;
}

.textwrapper {
  z-index: 1;
  opacity: 0;
  object-fit: contain;
  background-color: #fbd100;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.leftgallery {
  grid-column-gap: var(--x-small-v-padding);
  grid-row-gap: var(--x-small-v-padding);
  width: 100%;
  padding: 0;
}

.image-11 {
  flex: 1;
}

.image-12, .image-13, .image-14, .image-15, .image-16 {
  width: 100%;
}

.rightgallerygrid, .rightgallery, ._2colgallerygrid, ._3colgallerygrid {
  grid-column-gap: var(--x-small-v-padding);
  grid-row-gap: var(--x-small-v-padding);
  width: 100%;
  padding: 0;
}

.bgimagewide {
  background-image: url('../images/1668-x-726.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 100%;
  height: 725px;
  display: flex;
}

.galleryslider {
  z-index: -1;
  width: 100%;
  height: 725px;
}

.galleryslider.m-s, .galleryslider.woodlandsconstruction, .galleryslider.ohalo1, .galleryslider.ohalo2, .galleryslider.portofdover1, .galleryslider.portofdover2, .galleryslider.glance, .galleryslider.barlowtyrie, .galleryslider.cfuk {
  z-index: -1;
}

.mask-2 {
  height: 100%;
}

.galleryslide1 {
  background-image: url('../images/1668-x-726.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.galleryslide1.m-s {
  background-image: url('../images/MS-Supplier-Map-tablet-visual.png');
}

.galleryslide1.woodlandsconstruction {
  background-image: url('../images/Woodlands-Construction-branding-website-design-visual.png');
}

.galleryslide1.ohalo1 {
  background-image: url('../images/Ohalo-branding-design-presenatation-materials-visual_1.png');
}

.galleryslide1.ohalo2 {
  background-image: url('../images/Ohalo-branding-design-presenatation-materials-visual_3.png');
}

.galleryslide1.portofdover1 {
  background-image: url('../images/Port-of-Dover-branding-website-design-visual.png');
}

.galleryslide1.portofdover2 {
  background-image: url('../images/Port-of-Dover-branding-website-design-visuals.png');
}

.galleryslide1.glance {
  background-image: url('../images/Glance-online-brand-guidelines-design-visuals.png');
}

.galleryslide1.barlowtyrie {
  background-image: url('../images/Barlow-Tyrie-Brand-website-design-visual.png');
}

.galleryslide1.cfuk {
  background-image: url('../images/CystinosisFoundationUK-branding-design-visuals-4_1.png');
}

.galleryslide2 {
  background-image: url('../images/Woodlands-Construction-branding-brochure-design-visual.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.galleryslide2.m-s {
  background-image: url('../images/MS-Corporate-website-tablet-visual.png');
}

.galleryslide2.ohalo1 {
  background-image: url('../images/Ohalo-branding-design-presenatation-brochure-graphics-visual_1.png');
}

.galleryslide2.ohalo2 {
  background-image: url('../images/Ohalo-branding-design-presenatation-materials-business-cards-visual.png');
}

.galleryslide2.portofdover1 {
  background-image: url('../images/Port-of-Dover-branding-website-design-visual-1_1.png');
}

.galleryslide2.portofdover2 {
  background-image: url('../images/Port-of-Dover-branding-website-design-visuals-1.png');
}

.galleryslide2.glance {
  background-image: url('../images/Glance-brochure-design-visuals.png');
}

.galleryslide2.barlowtyrie {
  background-image: url('../images/Barlow-Tyrie-Brand-website-design-visual-1.png');
}

.galleryslide2.cfuk {
  background-image: url('../images/CystinosisFoundationUK-branding-design-visuals-2_1.png');
}

.left-arrow-2, .right-arrow-2, .slide-nav-2 {
  opacity: 0;
}

.logoarea {
  flex: 1;
}

.primarybutton {
  background-color: var(--color-white);
  color: #ff5922;
  border: 1px #c4ffea;
  border-radius: 100px;
  padding: 10px 32px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 165%;
}

.primarybutton:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}

.galleryslide3 {
  background-image: url('../images/1668-x-728---2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.galleryslide3.m-s {
  background-image: url('../images/MS-Corporate-website-reports-laptop-visual.png');
}

.galleryslide3.portofdover1 {
  background-image: url('../images/Port-of-Dover-branding-website-design-visual-2_1.png');
}

.galleryslide3.portofdover2 {
  background-image: url('../images/Port-of-Dover-branding-website-design-visuals-2_1.png');
}

.galleryslide3.glance {
  background-image: url('../images/Glance-brochure-design-visuals-1.png');
}

.galleryslide3.cfuk {
  background-image: url('../images/CystinosisFoundationUK-branding-design-visuals-3.png');
}

.galleryslide4 {
  background-image: url('../images/1668-x-728---2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.galleryslide4.m-s {
  background-image: url('../images/MS-Corporate-website-mobile-phone-visual.png');
}

.galleryslide4.woodlandsconstruction {
  background-image: url('../images/Woodlands-Construction-branding-stationery-design-visual_1.png');
}

.galleryslide4.glance {
  background-image: url('../images/Glance-website-design-visuals_1.png');
}

.galleryslide4.barlowtyrie {
  background-image: url('../images/MS-Corporate-website-mobile-phone-visual.png');
}

.wideimage {
  width: 100%;
  height: 725px;
}

.mobilewideimage {
  width: 100%;
  display: none;
}

.image-2-copy, .widebannerimage, .widebannerimagemobile, .wideimagedesktop {
  width: 100%;
}

.wideimagemobile {
  width: 100%;
  display: none;
}

.widevideo {
  width: 100%;
  height: 100%;
}

.widevideocontainer {
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  height: 690px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.widevideocontainer.xxxlargepadding {
  padding-top: var(--xxx-large-v-padding);
  padding-bottom: var(--xxx-large-v-padding);
}

.widevideocontainer.xxlargepadding {
  padding-top: var(--xx-large-v-padding);
  padding-bottom: var(--xx-large-v-padding);
}

.background-video {
  height: 100%;
}

.textblock3col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.listholder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

._3colblock {
  flex-direction: column;
  align-items: flex-start;
  width: 30%;
  display: flex;
}

._3colbullets {
  padding-top: var(--xxx-small-v-padding);
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  align-items: center;
  width: 80vw;
  padding-bottom: 0;
  display: flex;
}

._3colbullets.row2 {
  padding-top: 40px;
  padding-bottom: 180px;
}

._3colbulletscontent {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  width: 80vw;
  padding-top: 0;
  display: flex;
}

.section-2 {
  background-color: #fafafa;
  max-width: 100vw;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
  position: relative;
  top: 0;
}

.section-2._3colbullets {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding: 20px;
  display: flex;
}

.paragraphlarge {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 200;
  line-height: 30px;
}

._5logoscontent, ._3logoscontentmobile {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  align-items: center;
  width: 80vw;
  padding-top: 0;
  display: flex;
}

._5collogoblock {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

._3collogocontainermobile {
  flex-direction: column;
  align-items: center;
  width: 80vw;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

._3collogocontainermobile.largepadding {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-top: 60px;
  padding-bottom: 180px;
  display: none;
}

._3collogoblock {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.section-3 {
  background-color: #fafafa;
  max-width: 100vw;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
  position: relative;
  top: 0;
}

.section-3._5rowlogos {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding: 0;
  display: flex;
}

.logoparadelogo {
  flex: 1;
  display: flex;
}

._5collogocontainer {
  flex-direction: column;
  align-items: center;
  width: 80vw;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

._5collogocontainer.largepadding {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-top: 60px;
  padding-bottom: 180px;
}

._4colgrid {
  grid-column-gap: var(--medium-v-padding);
  grid-row-gap: var(--medium-v-padding);
  width: 100%;
  padding: 0;
}

.text-block-3 {
  color: var(--bg-colour-gray);
  text-align: center;
  font-family: Circularxxsub, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.symbolcell {
  background-color: var(--color-black);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
}

.div-block {
  background-color: var(--color-black);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  display: flex;
}

.circlelabel {
  background-color: var(--color-black);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 175px;
  height: 175px;
  display: flex;
}

._4colcopy {
  grid-column-gap: var(--xxx-small-v-padding);
  grid-row-gap: var(--xxx-small-v-padding);
  flex-direction: column;
  display: flex;
}

._4colcell {
  grid-column-gap: var(--medium-v-padding);
  grid-row-gap: var(--medium-v-padding);
}

._5colgrid {
  grid-column-gap: var(--medium-v-padding);
  grid-row-gap: var(--medium-v-padding);
  width: 100%;
  padding: 0;
}

._5colcell {
  grid-column-gap: var(--medium-v-padding);
  grid-row-gap: var(--medium-v-padding);
}

._6colgrid, .logogrid {
  grid-column-gap: var(--medium-v-padding);
  grid-row-gap: var(--medium-v-padding);
  width: 100%;
  padding: 0;
}

.body-3 {
  color: #fff;
  background-color: #f2f2f2;
  background-image: url('../images/BlankMap-World_gray-1.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.text-span {
  font-weight: 500;
}

.copyfullwidth {
  padding-top: var(--medium-v-padding);
  padding-bottom: var(--medium-v-padding);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.heading-8 {
  font-size: 58px;
}

.heading-9 {
  font-size: 57px;
}

.green {
  color: var(--background-green);
}

.white-2 {
  color: #fff;
}

.labeltitle {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  width: 80%;
  display: flex;
}

.productscreenslider {
  z-index: -1;
  background-color: var(--gt-dark-blue);
  flex-direction: column;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.masklarge {
  height: auto;
  padding-top: 0;
}

.left-arrow-3 {
  opacity: 0;
  height: 675px;
}

.singlecolcopy {
  flex-direction: column;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.right-arrow-3 {
  opacity: 0;
  height: 675px;
}

.icon-7 {
  opacity: .3;
}

.paragraph-3 {
  color: #fff;
}

.slide-nav-3 {
  opacity: 0;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 90px;
  display: flex;
}

.textblocksmallright {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  margin-left: 40px;
  margin-right: 0;
  display: flex;
}

.productshotslider {
  flex: 1;
  width: 60%;
}

.largelabel {
  color: var(--gt-dark-blue);
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 200;
}

.largelabel.white, .largelabel.green {
  color: var(--background-green);
}

.textthumbleftcontainerslide {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  align-items: center;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.textthumbleftcontainerslide.greenbg {
  width: 80vw;
  padding-top: 0;
  padding-bottom: 0;
}

._3colgrid {
  grid-column-gap: var(--small-v-padding);
  grid-row-gap: var(--small-v-padding);
  width: 100%;
  padding: 0;
}

._3colcopy {
  grid-column-gap: var(--xxx-small-v-padding);
  grid-row-gap: var(--xxx-small-v-padding);
  flex-direction: column;
  display: flex;
}

._3colcell {
  grid-column-gap: var(--small-v-padding);
  grid-row-gap: var(--small-v-padding);
}

.paragraph-4 {
  color: var(--gt-dark-blue);
}

._3colimage {
  width: 70%;
}

.labelcentre {
  padding-bottom: var(--small-v-padding);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.largelabel-2 {
  color: #174067;
  margin-bottom: 4px;
  font-size: 17px;
  font-weight: 200;
}

.text-span-2, .text-span-3, .text-span-4, .text-span-5, .text-span-6, .bold {
  font-weight: 500;
}

.html-embed-2 {
  color: var(--gt-dark-blue);
}

.html-embed-3 {
  padding-top: var(--x-small-v-padding);
}

.image-59 {
  width: 230px;
}

.maincontainerwide {
  background-color: var(--bg-colour-gray);
  flex-direction: column;
  align-items: flex-start;
  width: 80vw;
  display: flex;
}

.maincontainerwide.xxxlargepadding {
  padding-top: var(--xxx-large-v-padding);
  padding-bottom: var(--xxx-large-v-padding);
  grid-column-gap: var(--small-v-padding);
  grid-row-gap: var(--small-v-padding);
  background-color: #e0e0e000;
}

.maincontainerwide.xxxlargepadding.blackbg {
  background-color: var(--color-black);
}

.maincontainerwide.xxlargepadding {
  background-color: #ff5922;
  border: 1px solid #fff;
  border-radius: 40px;
  width: 90vw;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.maincontainerwide.xxlargepadding.seperatorline {
  border-top: 1px solid var(--color-light-gray);
}

.maincontainerwide.xxlargepadding.blackbg {
  background-color: var(--color-black);
}

.maincontainerwide.xxlargepadding.darkbackground {
  background-color: var(--gt-dark-blue);
}

.maincontainerwide.xxlargepadding.red {
  background-color: #a2030b;
}

.maincontainerwide.xxlargepadding.white {
  background-color: #fff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.maincontainerwide.mediumpadding.blackbg {
  padding-top: var(--medium-v-padding);
  padding-bottom: var(--medium-v-padding);
  background-color: var(--color-black);
}

.maincontainerwide.xxxlargetopsmallbottom {
  padding-top: var(--xxx-large-v-padding);
  padding-bottom: var(--small-v-padding);
  background-color: #c4ffea00;
}

.maincontainerwide.xxxlargetopsmallbottom.seperatorline {
  border-top: 1px solid var(--color-light-gray);
}

.maincontainerwide.xxxlargetopsmallbottom.blackbg {
  padding-top: var(--xxx-large-v-padding);
  padding-bottom: var(--small-v-padding);
  background-color: var(--gt-dark-blue);
}

.maincontainerwide.fullheight {
  background-color: #e0e0e000;
  justify-content: center;
  height: 100vh;
}

.maincontainerwide.fullheight.blackbg {
  background-color: var(--color-black);
  justify-content: center;
}

.maincontainerwide.xxlargepaddingtopxxxlargebottom {
  padding-top: var(--xx-large-v-padding);
  padding-bottom: var(--xxx-large-v-padding);
  background-color: var(--background-green);
}

.maincontainerwide.xxlargepaddingtopxxxlargebottom.seperatorline {
  border-top: 1px solid var(--color-light-gray);
}

.maincontainerwide.xxlargepaddingtopxxxlargebottom.blackbg {
  background-color: var(--color-black);
}

.maincontainerwide.xxlargepaddingtopxxxlargebottom.darkbackground {
  background-color: var(--gt-dark-blue);
}

.maincontainerwide.xxxsmallpadding-copy {
  padding-top: var(--xxx-small-v-padding);
  padding-bottom: var(--xxx-large-v-padding);
  grid-column-gap: var(--small-v-padding);
  grid-row-gap: var(--small-v-padding);
  background-color: #e0e0e000;
}

.maincontainerwide.xxxsmallpadding-copy.blackbg {
  background-color: var(--color-black);
}

.maincontainerwide.xxxlargetopxlargebottom {
  padding-top: var(--xxx-large-v-padding);
  padding-bottom: var(--x-large-v-padding);
  grid-column-gap: var(--small-v-padding);
  grid-row-gap: var(--small-v-padding);
  background-color: #e0e0e000;
}

.maincontainerwide.xxxlargetopxlargebottom.blackbg {
  background-color: var(--color-black);
}

.maincontainerwide.offsetbothpadding {
  background-color: #ff5922;
  border: 1px solid #fff;
  border-radius: 40px;
  width: 90vw;
  margin-top: 160px;
  margin-bottom: 160px;
  padding-top: 0;
  padding-bottom: 0;
}

.maincontainerwide.offsetbothpadding.seperatorline {
  border-top: 1px solid var(--color-light-gray);
}

.maincontainerwide.offsetbothpadding.blackbg {
  background-color: var(--color-black);
}

.maincontainerwide.offsetbothpadding.darkbackground {
  background-color: var(--gt-dark-blue);
}

.copywithinblock {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-top: -132px;
  padding: 0 40px;
  display: flex;
}

.imageareaoffsettop {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: auto;
  margin-top: -80px;
  display: flex;
}

.image-60 {
  width: 100%;
  max-width: none;
  padding-bottom: 0;
}

.copysmalllargeimage {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px;
  display: flex;
}

.contentarea {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 55%;
  display: flex;
}

.label {
  display: flex;
}

.labeltext {
  border: 1px solid var(--color-white);
  color: var(--color-white);
  border-radius: 8px;
  padding: 8px;
  font-size: 14px;
  font-weight: 200;
}

.fullwidthcopy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-2 {
  align-self: center;
}

.cardsoffsetboth {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: url('../images/Circles-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: row;
  width: 90%;
  margin-top: 0;
  padding: 175px 50px;
  display: flex;
}

.lenscard {
  background-color: var(--color-white);
  border-radius: 12px;
  width: 100%;
  padding: 28px 20px;
  box-shadow: 0 10px 10px #00000040;
}

.dark {
  color: var(--color-black);
}

.contentareamedium {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 55%;
  display: flex;
}

.lenscardleft {
  background-color: var(--color-white);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding: 28px 20px;
  display: flex;
  box-shadow: 0 10px 10px #00000040;
}

.leftcardoffsettop {
  width: 100%;
  margin-top: -103px;
}

.copysmalllargeiimageoffset {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: -160px;
  margin-bottom: -160px;
  padding: 40px;
  display: flex;
}

.rightcardoffsetbottom {
  width: 100%;
  margin-top: 0;
  margin-bottom: -104px;
}

.list-item {
  color: var(--color-yellow);
  font-size: 22px;
}

.list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  padding-left: 22px;
  display: flex;
}

.copysmalllargeimageleft {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px;
  display: flex;
}

.contentareamedi {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 55%;
  display: flex;
}

.copytopimagebottom {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 40px 0;
  display: flex;
}

.contentcentred {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 70%;
  display: flex;
}

.imagebottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.centred {
  text-align: center;
}

.centred.orange {
  color: #ff5922;
}

.copyiconcta {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 80px 40px;
  display: flex;
}

.logos {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo {
  width: auto;
  height: 25px;
}

.image-61 {
  width: 100%;
  height: 25px;
}

.links {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link {
  width: auto;
  height: 25px;
}

.link-2 {
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.footer {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 80px 40px 20px;
  display: flex;
}

.info {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.bottomcontent {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  flex-flow: column;
  display: flex;
}

.headlineandlabel {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.heading-11 {
  color: #ff5922;
}

.text-span-7 {
  font-weight: 600;
}

@media screen and (min-width: 1280px) {
  h1 {
    color: var(--color-white);
    font-size: 44px;
    line-height: 115%;
  }

  h2 {
    font-size: 50px;
  }

  h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
  }

  p {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 155%;
  }

  .maincontainer {
    background-color: var(--background-green);
  }

  .maincontainer.xxxlargepadding {
    padding-top: var(--xxx-large-v-padding);
    padding-bottom: var(--xxx-large-v-padding);
  }

  .maincontainer.xxxlargepadding.blackbg {
    background-color: var(--color-black);
  }

  .maincontainer.xxlargepadding {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--xx-large-v-padding);
    background-color: #c4ffea00;
  }

  .maincontainer.xxlargepadding.seperatorline {
    border-top: 1px solid var(--color-light-gray);
  }

  .maincontainer.xxlargepadding.blackbg {
    background-color: var(--color-black);
  }

  .maincontainer.mediumpadding {
    padding-top: var(--medium-v-padding);
    padding-bottom: var(--medium-v-padding);
  }

  .maincontainer.mediumpadding.blackbg {
    background-color: var(--color-black);
  }

  .maincontainer.xxxlargetopsmallbottom {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--x-large-v-padding);
    background-color: #c4ffea00;
  }

  .maincontainer.xxxlargetopsmallbottom.seperatorline {
    border-top: 1px solid var(--color-light-gray);
  }

  .maincontainer.xxxlargetopsmallbottom.blackbg {
    background-color: #07182c;
  }

  .maincontainer.xxxlargetopsmallbottom.darkbg {
    background-color: var(--gt-dark-blue);
  }

  .maincontainer.fullheight {
    justify-content: center;
  }

  .maincontainer.xxlargepaddingtopxxxlargebottom {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--xxx-large-v-padding);
    background-color: var(--background-green);
  }

  .maincontainer.xxlargepaddingtopxxxlargebottom.seperatorline {
    border-top: 1px solid var(--color-light-gray);
  }

  .maincontainer.xxlargepaddingtopxxxlargebottom.blackbg {
    background-color: var(--color-black);
  }

  .maincontainer.xxlargepaddingtopxxxlargebottom.darkbackground {
    background-color: var(--gt-dark-blue);
  }

  .maincontainer.xxxsmallpadding-copy {
    padding-top: var(--xxx-small-v-padding);
    padding-bottom: var(--xxx-large-v-padding);
  }

  .maincontainer.xxxsmallpadding-copy.blackbg {
    background-color: var(--color-black);
  }

  .maincontainer.xxxlargetopxlargebottom {
    padding-top: var(--xxx-large-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .maincontainer.xxxlargetopxlargebottom.blackbg {
    background-color: var(--color-black);
  }

  .copylarge {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 75%;
  }

  .section {
    background-color: #c4ffea00;
  }

  .section.heroprimarytext {
    background-color: #c4ffea00;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .section.subnav, .section.imageandtext.blackbg, .section.titleandcta.blackbg, .section.form.blackbg {
    background-color: var(--color-black);
  }

  .section.darkbackground {
    background-color: #07182c00;
  }

  .section.imageleftandcopy, .section.imagebottomcopytop, .section.simpletextcentred {
    background-color: #c4ffea00;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.footer {
    background-color: #c4ffea00;
    padding-top: 80px;
    padding-bottom: 0;
  }

  .p-small {
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 200;
    line-height: 165%;
  }

  .p-small.subnavlink {
    color: var(--color-white);
  }

  .p-small.subnavlink.unselected {
    color: var(--color-dark-gray);
  }

  .p-small.green {
    color: var(--background-green);
  }

  .paragraph {
    margin-bottom: 0;
  }

  .titleblock {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    width: 40%;
    display: flex;
  }

  .p-xtrasmall {
    font-size: 17px;
    line-height: 165%;
  }

  .p-xtrasmall.bold {
    font-family: Circularxxsub Book, sans-serif;
  }

  .paragraphblock {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    display: flex;
  }

  .body {
    background-color: var(--bg-colour-gray);
  }

  .industrydetails {
    flex-direction: column;
    display: flex;
  }

  .buttonwrapperpadding {
    padding-top: var(--xx-small-v-padding);
  }

  .primarybtnarrow:hover {
    background-color: var(--color-yellow);
  }

  .buttontext {
    color: var(--color-white);
  }

  .buttontext:hover {
    color: var(--color-black);
  }

  .nav-link {
    color: var(--gt-dark-blue);
  }

  .nav-link:hover {
    color: var(--color-black);
  }

  .nav-link.w--current {
    color: var(--gt-dark-blue);
  }

  .navbar {
    border-bottom-color: var(--gt-dark-blue);
    position: sticky;
  }

  .container {
    justify-content: space-between;
    max-width: 80vw;
  }

  .brand {
    flex: 0 auto;
    display: flex;
  }

  .nav-menu {
    justify-content: flex-end;
  }

  .widecontainer.xxxlargepadding {
    padding-top: var(--xxx-large-v-padding);
    padding-bottom: var(--xxx-large-v-padding);
  }

  .widecontainer.xxlargepadding {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .desktopheroimage {
    width: 100%;
  }

  .mobileheroimage {
    width: 100%;
    display: none;
  }

  .image, .image-2 {
    width: 100%;
  }

  .copysmall {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 40%;
  }

  .imagethumb {
    width: 60%;
  }

  .image-3, .textandlinelinks {
    width: 100%;
  }

  .copymedium {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 65%;
  }

  .singletitleblock {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    display: flex;
  }

  .subnavlink {
    border-bottom-color: var(--color-white);
  }

  .subnavlink.unselected {
    border-bottom-color: var(--color-dark-gray);
    color: var(--color-dark-gray);
    font-family: Circularxxsub, sans-serif;
    font-weight: 300;
  }

  .subnavlink.unselected:hover {
    border-bottom-color: var(--bg-colour-gray);
    color: var(--color-light-gray);
  }

  .white {
    color: var(--color-white);
  }

  .footerlinks {
    grid-column-gap: var(--large-v-padding);
    grid-row-gap: var(--large-v-padding);
  }

  .footerlink:hover {
    text-decoration: underline;
  }

  .copyxsmall {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 36%;
  }

  .p-xxsmall {
    font-size: 12px;
    line-height: 165%;
  }

  .buttonwrapper {
    padding-top: 0;
  }

  .accessform {
    grid-column-gap: var(--x-large-v-padding);
    grid-row-gap: var(--x-large-v-padding);
  }

  .formaccess, .formcontact, .formpasswordaccess {
    width: 85%;
  }

  .utility-page-wrap {
    width: 100vw;
    height: auto;
  }

  .utility-page-form {
    align-items: flex-start;
  }

  .testimonial {
    grid-column-gap: var(--medium-v-padding);
    grid-row-gap: var(--medium-v-padding);
    flex-direction: column;
    display: flex;
  }

  .fullwidthcontainer.xxxlargepadding {
    padding-top: var(--xxx-large-v-padding);
    padding-bottom: var(--xxx-large-v-padding);
  }

  .fullwidthcontainer.xxxlargepadding.blackbg {
    background-color: var(--color-black);
  }

  .fullwidthcontainer.xxlargepadding {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .fullwidthcontainer.xxlargepadding.seperatorline {
    border-top: 1px solid var(--color-light-gray);
  }

  .fullwidthcontainer.xxlargepadding.blackbg {
    background-color: var(--color-black);
  }

  .fullwidthcontainer.mediumpadding {
    padding-top: var(--medium-v-padding);
    padding-bottom: var(--medium-v-padding);
  }

  .fullwidthcontainer.mediumpadding.blackbg {
    background-color: var(--color-black);
  }

  .fullwidthcontainer.xxxlargetopxxlargebottom {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .fullwidthcontainer.xxxlargetopxxlargebottom.seperatorline {
    border-top: 1px solid var(--color-light-gray);
  }

  .fullwidthcontainer.xxxlargetopxxlargebottom.blackbg {
    background-color: var(--color-black);
  }

  .slide-nav {
    padding-bottom: 0;
  }

  .homehero {
    grid-column-gap: var(--medium-v-padding);
    grid-row-gap: var(--medium-v-padding);
    flex-direction: column;
    display: flex;
  }

  .secondarybtnarrow {
    border-color: var(--color-white);
    background-color: #ff5922;
    font-family: Poppins, sans-serif;
    font-weight: 600;
  }

  .secondarybtnarrow:hover {
    background-color: var(--color-black);
  }

  .imagewide {
    width: 100%;
  }

  .html-embed {
    flex: 1;
    width: 100vw;
  }

  .imagefullwidth {
    flex: 1;
    align-items: center;
    width: 100%;
  }

  .image-4 {
    width: auto;
  }

  .imagenormal {
    width: 100%;
  }

  .image-5, .image-6, .image-7, .image-8, .image-9 {
    flex: 1;
  }

  .quick-stack {
    height: 80vh;
  }

  .image-10 {
    width: 100%;
  }

  .cell-4 {
    flex-direction: row;
  }

  .bgimagewide, .galleryslider {
    width: 100%;
  }

  .galleryslider.m-s, .galleryslider.woodlandsconstruction, .galleryslider.ohalo1, .galleryslider.ohalo2, .galleryslider.portofdover1, .galleryslider.portofdover2, .galleryslider.glance, .galleryslider.barlowtyrie, .galleryslider.cfuk {
    z-index: -1;
  }

  .galleryslide1.m-s {
    background-image: url('../images/MS-Supplier-Map-tablet-visual.png');
  }

  .galleryslide1.woodlandsconstruction {
    background-image: url('../images/Woodlands-Construction-branding-website-design-visual.png');
  }

  .galleryslide1.ohalo1 {
    background-image: url('../images/Ohalo-branding-design-presenatation-materials-visual_1.png');
  }

  .galleryslide1.ohalo2 {
    background-image: url('../images/Ohalo-branding-design-presenatation-materials-visual_3.png');
  }

  .galleryslide1.portofdover1 {
    background-image: url('../images/Port-of-Dover-branding-website-design-visual.png');
  }

  .galleryslide1.portofdover2 {
    background-image: url('../images/Port-of-Dover-branding-website-design-visuals.png');
  }

  .galleryslide1.glance {
    background-image: url('../images/Glance-online-brand-guidelines-design-visuals.png');
  }

  .galleryslide1.barlowtyrie {
    background-image: url('../images/Barlow-Tyrie-Brand-website-design-visual.png');
  }

  .galleryslide1.cfuk {
    background-image: url('../images/CystinosisFoundationUK-branding-design-visuals-4_1.png');
  }

  .logoarea {
    flex: 1;
  }

  .primarybutton {
    padding: 10px 32px;
  }

  .wideimage {
    width: 100%;
  }

  .mobilewideimage {
    width: 100%;
    display: none;
  }

  .image-2-copy, .widebannerimage, .widebannerimagemobile, .wideimagedesktop {
    width: 100%;
  }

  .wideimagemobile {
    width: 100%;
    display: none;
  }

  .widevideo {
    width: 100%;
  }

  .widevideocontainer {
    height: 900px;
  }

  .widevideocontainer.xxxlargepadding {
    padding-top: var(--xxx-large-v-padding);
    padding-bottom: var(--xxx-large-v-padding);
  }

  .widevideocontainer.xxlargepadding {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .listholder {
    flex-direction: row;
  }

  ._3colblock {
    flex: none;
  }

  ._3colbullets {
    padding-top: var(--xxx-small-v-padding);
    padding-bottom: 10px;
  }

  ._3colbullets.row2 {
    padding-top: 24px;
    padding-bottom: 180px;
  }

  ._3colbulletscontent {
    grid-column-gap: 60px;
  }

  .image-56 {
    width: 100%;
    max-width: none;
  }

  ._5collogoblock {
    grid-column-gap: 10%;
    flex: 1;
  }

  .image-51, .image-55 {
    width: 100%;
    max-width: none;
  }

  ._3collogocontainermobile.largepadding {
    padding-top: 60px;
    display: none;
  }

  ._3collogoblock {
    grid-column-gap: 10%;
    flex: 1;
  }

  .image-57, .image-58, .image-53, .image-54 {
    width: 100%;
    max-width: none;
  }

  .logoparadelogo {
    flex: 1;
    width: 100%;
  }

  .image-52 {
    width: 100%;
    max-width: none;
  }

  ._5collogocontainer.largepadding {
    padding-top: 60px;
  }

  .image-50 {
    width: 100%;
    max-width: none;
  }

  .circlelabel {
    width: 215px;
    height: 215px;
  }

  .logogrid {
    grid-column-gap: var(--small-v-padding);
    grid-row-gap: var(--small-v-padding);
  }

  .body-3 {
    background-color: #f2f2f2;
    background-image: url('../images/BlankMap-World_gray-1.svg');
    background-size: cover;
  }

  .copyfullwidth {
    padding-top: var(--medium-v-padding);
    padding-bottom: var(--medium-v-padding);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
  }

  .heading-8 {
    line-height: 140%;
  }

  ._3colgrid {
    grid-column-gap: var(--medium-v-padding);
    grid-row-gap: var(--medium-v-padding);
  }

  ._3colimage {
    width: 60%;
  }

  .labelcentre {
    padding-bottom: var(--small-v-padding);
  }

  .maincontainerwide {
    background-color: var(--background-green);
  }

  .maincontainerwide.xxxlargepadding {
    padding-top: var(--xxx-large-v-padding);
    padding-bottom: var(--xxx-large-v-padding);
  }

  .maincontainerwide.xxxlargepadding.blackbg {
    background-color: var(--color-black);
  }

  .maincontainerwide.xxlargepadding {
    background-color: #ff5922;
    justify-content: center;
    align-items: flex-start;
    width: 90vw;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .maincontainerwide.xxlargepadding.seperatorline {
    border-top: 1px solid var(--color-light-gray);
  }

  .maincontainerwide.xxlargepadding.blackbg {
    background-color: var(--color-black);
  }

  .maincontainerwide.mediumpadding {
    padding-top: var(--medium-v-padding);
    padding-bottom: var(--medium-v-padding);
  }

  .maincontainerwide.mediumpadding.blackbg {
    background-color: var(--color-black);
  }

  .maincontainerwide.xxxlargetopsmallbottom {
    padding-top: var(--xxx-large-v-padding);
    padding-bottom: var(--large-v-padding);
    background-color: var(--background-green);
  }

  .maincontainerwide.xxxlargetopsmallbottom.seperatorline {
    border-top: 1px solid var(--color-light-gray);
  }

  .maincontainerwide.xxxlargetopsmallbottom.blackbg, .maincontainerwide.xxxlargetopsmallbottom.darkbg {
    background-color: var(--gt-dark-blue);
  }

  .maincontainerwide.fullheight {
    justify-content: center;
  }

  .maincontainerwide.xxlargepaddingtopxxxlargebottom {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--xxx-large-v-padding);
    background-color: var(--background-green);
  }

  .maincontainerwide.xxlargepaddingtopxxxlargebottom.seperatorline {
    border-top: 1px solid var(--color-light-gray);
  }

  .maincontainerwide.xxlargepaddingtopxxxlargebottom.blackbg {
    background-color: var(--color-black);
  }

  .maincontainerwide.xxlargepaddingtopxxxlargebottom.darkbackground {
    background-color: var(--gt-dark-blue);
  }

  .maincontainerwide.xxxsmallpadding-copy {
    padding-top: var(--xxx-small-v-padding);
    padding-bottom: var(--xxx-large-v-padding);
  }

  .maincontainerwide.xxxsmallpadding-copy.blackbg {
    background-color: var(--color-black);
  }

  .maincontainerwide.xxxlargetopxlargebottom {
    padding-top: var(--xxx-large-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .maincontainerwide.xxxlargetopxlargebottom.blackbg {
    background-color: var(--color-black);
  }

  .maincontainerwide.offsetbothpadding {
    background-color: #ff5922;
    justify-content: center;
    align-items: flex-start;
    width: 90vw;
    margin-top: 160px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .maincontainerwide.offsetbothpadding.seperatorline {
    border-top: 1px solid var(--color-light-gray);
  }

  .maincontainerwide.offsetbothpadding.blackbg {
    background-color: var(--color-black);
  }

  .copywithinblock {
    padding: 0px 80px var(--medium-v-padding);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
  }

  .imageareaoffsettop {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    width: auto;
    margin-top: -142px;
    display: flex;
  }

  .image-60 {
    flex: 1;
  }

  .copysmalllargeimage {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
    margin-top: 0;
    padding: 40px 80px;
  }

  .contentarea {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    width: 35%;
    display: flex;
  }

  .fullwidthcopy {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .cardsoffsetboth {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    width: 80%;
    margin-top: 0;
    padding-top: 275px;
    padding-bottom: 275px;
    display: flex;
  }

  .dark {
    font-family: Poppins, sans-serif;
    font-weight: 200;
  }

  .contentareamedium {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    width: 40%;
    display: flex;
  }

  .leftcardoffsettop {
    margin-top: -200px;
  }

  .copysmalllargeiimageoffset {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
    margin-top: -160px;
    padding: 40px 80px;
  }

  .rightcardoffsetbottom {
    margin-bottom: -200px;
  }

  .copysmalllargeimageleft {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
    margin-top: 0;
    padding: 40px 80px;
  }

  .contentareamedi {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    width: 45%;
    display: flex;
  }

  .copytopimagebottom {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
    margin-top: 0;
    padding: 40px 80px 0;
  }

  .contentcentred {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    width: 70%;
    display: flex;
  }

  .imagebottom {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    width: 100%;
    margin-top: 0;
    display: flex;
  }

  .centred {
    text-align: center;
  }

  .copyiconcta {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
    margin-top: 0;
    padding: 100px 80px;
  }

  .footer {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    width: 100%;
    margin-top: 0;
    padding: 100px 80px 40px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 36px;
    line-height: 115%;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 24px;
  }

  p {
    font-size: 18px;
  }

  .maincontainer.xxxlargepadding {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .maincontainer.xxlargepadding {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .maincontainer.xxxlargetopsmallbottom {
    padding-top: var(--small-v-padding);
    padding-bottom: var(--small-v-padding);
  }

  .maincontainer.xxxlargetopsmallbottom.blackbg {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--small-v-padding);
  }

  .maincontainer.xxlargepaddingtopxxxlargebottom {
    padding-top: var(--large-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .maincontainer.xxxsmallpadding-copy {
    padding-top: var(--xxx-small-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .maincontainer.xxxlargetopxlargebottom {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--large-v-padding);
  }

  .copylarge {
    grid-column-gap: var(--x-small-v-padding);
    grid-row-gap: var(--x-small-v-padding);
    width: 100%;
  }

  .section.heroprimarytext {
    margin-top: 0;
  }

  .section.homeherobanner {
    background-position: 100% 0;
  }

  .section.imageleftandcopy, .section.imagebottomcopytop, .section.simpletextcentred, .section.footer {
    margin-top: 0;
  }

  .p-small {
    font-size: 21px;
    line-height: 155%;
  }

  .titleblock {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .paragraphblock {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    display: flex;
  }

    .nav-link {
        color: var(--gt-dark-blue);
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

  .container {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .menu-button {
    background-color: var(--color-white);
    padding-right: 0;
  }

  .menu-button.w--open {
    background-color: var(--color-white);
  }

  .icon {
    color: var(--color-black);
  }

  .nav-menu {
    padding-top: var(--large-v-padding);
    padding-bottom: var(--large-v-padding);
    background-color: var(--bg-colour-gray);
  }

  .widecontainer {
    padding-left: 0;
    padding-right: 0;
  }

  .widecontainer.xxxlargepadding {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .widecontainer.xxlargepadding {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .imageandtextright {
    flex-direction: column;
  }

  .copysmall {
    grid-column-gap: var(--x-small-v-padding);
    grid-row-gap: var(--x-small-v-padding);
    width: 100%;
  }

  .imagethumb {
    width: 100%;
  }

  .imageandtextleft {
    flex-direction: column-reverse;
  }

  .linebtnlinks {
    width: 100%;
  }

  .textandlinelinks {
    flex-direction: column;
  }

  .copymedium {
    grid-column-gap: var(--x-small-v-padding);
    grid-row-gap: var(--x-small-v-padding);
    width: 100%;
  }

  .singletitleblock {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    display: flex;
  }

  .contactandnavlinks {
    grid-column-gap: var(--x-large-v-padding);
    grid-row-gap: var(--x-large-v-padding);
    flex-direction: row;
  }

  .copyxsmall {
    grid-column-gap: var(--x-small-v-padding);
    grid-row-gap: var(--x-small-v-padding);
    width: 100%;
  }

  .copyrightandlinks {
    padding-top: var(--large-v-padding);
    grid-column-gap: var(--x-large-v-padding);
    grid-row-gap: var(--x-large-v-padding);
    flex-direction: column;
  }

  .titleandcta {
    align-items: center;
  }

  .buttonwrapper {
    padding-top: 0;
  }

  .accessform {
    flex-direction: column;
  }

  .quote {
    font-size: 30px;
  }

  .testimonial {
    grid-column-gap: var(--small-v-padding);
    grid-row-gap: var(--small-v-padding);
  }

  .fullwidthcontainer.xxxlargepadding {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .fullwidthcontainer.xxlargepadding, .fullwidthcontainer.xxxlargetopxxlargebottom {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .fullwidthcontainer.xxxlargetopxxlargebottom.blackbg {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .slide-nav {
    padding-bottom: 0;
  }

  .homehero {
    grid-column-gap: var(--small-v-padding);
    grid-row-gap: var(--small-v-padding);
    width: 90%;
  }

  .highlight {
    font-size: 80px;
  }

  .leftlargeimagegrid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 2fr;
    margin-bottom: 20px;
  }

  .leftlargeimagegrid.firstset {
    grid-template-columns: 2fr;
  }

  .image-12, .image-13 {
    width: 100%;
  }

  .image-15 {
    flex: 0 auto;
    width: 100%;
  }

  .rightgallery {
    width: 100vw;
    max-width: 100%;
  }

  .bgimagewide, .galleryslider {
    height: 525px;
  }

  .widevideocontainer {
    height: 558px;
    padding-left: 0;
    padding-right: 0;
  }

  .widevideocontainer.xxxlargepadding {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .widevideocontainer.xxlargepadding {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .textblock3col {
    width: 100%;
  }

  ._3colblock {
    width: 60%;
  }

  ._3colbullets {
    padding-top: var(--xxx-small-v-padding);
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    width: 100%;
    padding-bottom: 0;
  }

  ._3colbullets.row2 {
    padding-top: 0;
  }

  ._3colbulletscontent {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: row;
    width: 100%;
  }

  .section-2._3colbullets {
    grid-row-gap: 60px;
    padding: 20px;
  }

  ._5logoscontent, ._3logoscontentmobile {
    grid-column-gap: 60px;
    grid-row-gap: 0px;
    flex-direction: column;
    width: 100%;
  }

  ._5collogoblock {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    width: 100%;
  }

  ._3collogocontainermobile {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    width: 100vw;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  ._3collogocontainermobile.largepadding {
    grid-row-gap: 0px;
    width: 100%;
    padding: 40px 20px 140px;
    display: flex;
  }

  ._3collogoblock {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    width: 100%;
  }

  .logoparadelogo {
    flex: 1;
  }

  ._5collogocontainer {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    width: 100vw;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  ._5collogocontainer.largepadding {
    grid-row-gap: 0px;
    width: 100%;
    padding: 40px 20px 140px;
    display: none;
  }

  ._4colgrid, ._5colgrid, ._6colgrid {
    grid-column-gap: var(--large-v-padding);
    grid-row-gap: var(--large-v-padding);
  }

  .body-3 {
    color: #fff;
    background-color: #f2f2f2;
    background-image: url('../images/BlankMap-World_gray-1.svg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .copyfullwidth {
    grid-column-gap: var(--x-small-v-padding);
    grid-row-gap: var(--x-small-v-padding);
    width: 100%;
  }

  .productscreenslider {
    background-color: var(--gt-dark-blue);
    height: auto;
  }

  .masklarge {
    height: auto;
  }

  .left-arrow-3 {
    height: 525px;
  }

  .singlecolcopy {
    width: 100%;
  }

  .right-arrow-3 {
    height: 525px;
  }

  .productslide {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .slide-nav-3 {
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .textblocksmallright {
    width: 100%;
    margin-left: 0;
  }

  .productshotslider {
    width: 100%;
  }

  .textthumbleftcontainerslide {
    grid-row-gap: 40px;
    flex-direction: column;
    width: 100%;
  }

  .textthumbleftcontainerslide.greenbg {
    width: 100%;
  }

  ._3colgrid {
    grid-column-gap: var(--x-large-v-padding);
    grid-row-gap: var(--x-large-v-padding);
  }

  .maincontainerwide.xxxlargepadding {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .maincontainerwide.xxlargepadding {
    border-radius: 32px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .maincontainerwide.xxxlargetopsmallbottom {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--small-v-padding);
  }

  .maincontainerwide.xxxlargetopsmallbottom.blackbg {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--small-v-padding);
  }

  .maincontainerwide.xxlargepaddingtopxxxlargebottom {
    padding-top: var(--large-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .maincontainerwide.xxxsmallpadding-copy {
    padding-top: var(--xxx-small-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .maincontainerwide.xxxlargetopxlargebottom {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--large-v-padding);
  }

  .maincontainerwide.offsetbothpadding {
    border-radius: 32px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .copywithinblock {
    grid-column-gap: var(--x-small-v-padding);
    grid-row-gap: var(--x-small-v-padding);
    width: 100%;
  }

  .imageareaoffsettop {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .copysmalllargeimage {
    grid-column-gap: var(--x-small-v-padding);
    grid-row-gap: var(--x-small-v-padding);
    flex-flow: wrap-reverse;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .contentarea {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .fullwidthcopy {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .cardsoffsetboth {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    width: 100%;
    padding: 0;
    display: flex;
  }

  .contentareamedium {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .leftcardoffsettop {
    margin-top: 0;
  }

  .copysmalllargeiimageoffset {
    grid-column-gap: var(--medium-v-padding);
    grid-row-gap: var(--medium-v-padding);
    flex-flow: wrap-reverse;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .rightcardoffsetbottom {
    margin-bottom: 0;
  }

  .copysmalllargeimageleft {
    grid-column-gap: var(--x-small-v-padding);
    grid-row-gap: var(--x-small-v-padding);
    flex-flow: wrap;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .contentareamedi {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .copytopimagebottom {
    grid-column-gap: var(--medium-v-padding);
    grid-row-gap: var(--medium-v-padding);
    flex-flow: wrap;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .contentcentred {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .imagebottom {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .copyiconcta {
    grid-column-gap: var(--medium-v-padding);
    grid-row-gap: var(--medium-v-padding);
    flex-flow: wrap;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .footer {
    grid-column-gap: var(--x-large-v-padding);
    grid-row-gap: var(--x-large-v-padding);
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 28px;
    line-height: 115%;
  }

  h2 {
    font-size: 34px;
    line-height: 140%;
  }

  h3 {
    font-size: 21px;
    line-height: 160%;
  }

  p {
    font-size: 16px;
    line-height: 165%;
  }

  .maincontainer.xxxlargepadding {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .maincontainer.xxlargepadding {
    padding-top: var(--large-v-padding);
    padding-bottom: var(--large-v-padding);
  }

  .maincontainer.xxxlargetopsmallbottom {
    padding-top: var(--small-v-padding);
    padding-bottom: var(--small-v-padding);
  }

  .maincontainer.xxxlargetopsmallbottom.blackbg {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--small-v-padding);
  }

  .maincontainer.xxlargepaddingtopxxxlargebottom {
    padding-top: var(--medium-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .maincontainer.xxlargepaddingtopxxxlargebottom.blackbg {
    padding-bottom: var(--x-large-v-padding);
  }

  .maincontainer.xxxsmallpadding-copy {
    padding-top: var(--xxx-small-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .maincontainer.xxxlargetopxlargebottom {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--large-v-padding);
  }

  .section.homeherobanner {
    background-image: url('../images/Client-image-description-default-image.png');
    background-position: 50%;
  }

  .p-small {
    font-size: 15px;
    line-height: 165%;
  }

  .p-xtrasmall {
    font-size: 13px;
  }

  .buttontext {
    font-size: 15px;
  }

  .brand {
    width: 180px;
    padding-left: 0;
  }

  .widecontainer.xxxlargepadding {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .widecontainer.xxlargepadding {
    padding-top: var(--large-v-padding);
    padding-bottom: var(--large-v-padding);
  }

  .desktopheroimage {
    display: none;
  }

  .mobileheroimage {
    display: block;
  }

  .footerlink {
    font-size: 13px;
  }

  .copyrightandlinks {
    padding-top: var(--large-v-padding);
  }

  .p-xxsmall {
    font-size: 11px;
  }

  .formcolumn {
    grid-column-gap: var(--small-v-padding);
    grid-row-gap: var(--small-v-padding);
    flex-direction: column;
  }

  .text-field-2 {
    width: 100%;
  }

  .quote {
    font-size: 20px;
  }

  .fullwidthcontainer.xxxlargepadding {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .fullwidthcontainer.xxlargepadding, .fullwidthcontainer.xxxlargetopxxlargebottom {
    padding-top: var(--large-v-padding);
    padding-bottom: var(--large-v-padding);
  }

  .fullwidthcontainer.xxxlargetopxxlargebottom.blackbg {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--medium-v-padding);
  }

  .highlight {
    font-size: 60px;
  }

  .leftlargeimagegrid {
    grid-template-columns: 2fr;
  }

  .leftgallery, .rightgallery, ._2colgallerygrid, ._3colgallerygrid {
    grid-column-gap: var(--xxx-small-v-padding);
    grid-row-gap: var(--xxx-small-v-padding);
  }

  .bgimagewide {
    background-image: url('../images/1668-x-726.png');
    height: 350px;
  }

  .galleryslider {
    height: 350px;
  }

  .wideimage {
    display: block;
  }

  .mobilewideimage {
    height: auto;
    display: block;
  }

  .wideimagedesktop {
    display: none;
  }

  .wideimagemobile, .widevideo {
    display: block;
  }

  .widevideocontainer {
    height: 450px;
  }

  .widevideocontainer.xxxlargepadding {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .widevideocontainer.xxlargepadding {
    padding-top: var(--large-v-padding);
    padding-bottom: var(--large-v-padding);
  }

  ._3colbullets {
    padding-top: 0;
  }

  ._3colbulletscontent {
    grid-column-gap: var(--small-v-padding);
    grid-row-gap: var(--small-v-padding);
    flex-direction: column;
  }

  .circlelabel {
    width: 200px;
    height: 200px;
  }

  .body-3 {
    background-color: #f2f2f2;
    background-image: url('../images/BlankMap-World_gray-1.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .labeltitle {
    width: 100%;
  }

  .productscreenslider, .masklarge {
    height: auto;
  }

  .left-arrow-3, .right-arrow-3 {
    height: 325px;
  }

  .productslide {
    height: auto;
  }

  .slide-nav-3 {
    padding-bottom: 60px;
  }

  ._3colgrid {
    grid-column-gap: var(--large-v-padding);
    grid-row-gap: var(--large-v-padding);
  }

  .labelcentre {
    width: 100%;
  }

  .heading-10 {
    font-size: 32px;
  }

  .maincontainerwide.xxxlargepadding {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .maincontainerwide.xxlargepadding {
    border-radius: 24px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .maincontainerwide.xxxlargetopsmallbottom {
    padding-top: var(--large-v-padding);
    padding-bottom: var(--small-v-padding);
  }

  .maincontainerwide.xxxlargetopsmallbottom.blackbg {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--small-v-padding);
  }

  .maincontainerwide.xxlargepaddingtopxxxlargebottom {
    padding-top: var(--medium-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .maincontainerwide.xxlargepaddingtopxxxlargebottom.blackbg {
    padding-bottom: var(--x-large-v-padding);
  }

  .maincontainerwide.xxxsmallpadding-copy {
    padding-top: var(--xxx-small-v-padding);
    padding-bottom: var(--xx-large-v-padding);
  }

  .maincontainerwide.xxxlargetopxlargebottom {
    padding-top: var(--xx-large-v-padding);
    padding-bottom: var(--large-v-padding);
  }

  .maincontainerwide.offsetbothpadding {
    border-radius: 24px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .copywithinblock {
    padding-left: 20px;
  }

  .copysmalllargeimage {
    padding-left: 16px;
    padding-right: 16px;
  }

  .contentarea {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .labeltext {
    font-size: 14px;
  }

  .cardsoffsetboth {
    flex-flow: column;
  }

  .contentareamedium {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .copysmalllargeiimageoffset, .copysmalllargeimageleft, .copytopimagebottom {
    padding-left: 16px;
    padding-right: 16px;
  }

  .contentcentred {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .copyiconcta, .footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .info {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 26px;
    line-height: 120%;
  }

  h2 {
    font-size: 18px;
    line-height: 155%;
  }

  p {
    font-size: 16px;
  }

  .maincontainer.xxxlargetopsmallbottom {
    padding-top: var(--x-small-v-padding);
    padding-bottom: var(--x-small-v-padding);
  }

  .maincontainer.xxxlargetopsmallbottom.blackbg {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--small-v-padding);
  }

  .maincontainer.xxlargepaddingtopxxxlargebottom {
    padding-top: var(--small-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .maincontainer.xxxsmallpadding-copy {
    grid-column-gap: var(--small-v-padding);
    grid-row-gap: var(--small-v-padding);
  }

  .maincontainer.xxxlargetopxlargebottom {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--medium-v-padding);
  }

  .section.heroprimarytext {
    padding-top: 80px;
  }

  .section.titleandcta.blackbg {
    align-items: center;
  }

  .section.homeherobanner {
    background-position: 50% 0;
  }

  .section.darkbackground {
    background-image: url('../images/BlankMap-World_gray-1.svg');
    background-position: 50%;
    background-size: cover;
  }

  .section.imageleftandcopy {
    padding-top: 40px;
  }

  .section.imagebottomcopytop, .section.simpletextcentred {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section.footer {
    padding-top: 20px;
  }

  .p-small.bold.green {
    font-weight: 500;
  }

  .p-small.green {
    font-weight: 200;
  }

  .buttontext {
    font-size: 15px;
    line-height: 165%;
  }

  .footerlinks {
    grid-row-gap: var(--medium-v-padding);
    flex-direction: column;
  }

  .copyrightandlinks {
    padding-top: var(--medium-v-padding);
  }

  .titleandcta {
    grid-column-gap: var(--xx-small-v-padding);
    grid-row-gap: var(--xx-small-v-padding);
    flex-direction: column;
    align-items: flex-start;
  }

  .text-field {
    background-color: var(--background-green);
    color: var(--gt-dark-blue);
    -webkit-text-stroke-color: var(--gt-dark-blue);
  }

  .textarea {
    background-color: var(--background-green);
  }

  .text-block {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    font-size: 17px;
  }

  .fullwidthcontainer {
    background-color: #0000;
  }

  .fullwidthcontainer.xxxlargetopxxlargebottom.blackbg {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--medium-v-padding);
  }

  .highlight {
    font-size: 40px;
  }

  .leftlargeimagegrid {
    margin-bottom: 0;
  }

  .bgimagewide {
    background-image: url('../images/600x-600.png');
    background-position: 50%;
    height: 300px;
  }

  .galleryslider {
    z-index: -1;
    height: 300px;
  }

  .galleryslide1.m-s {
    background-image: url('../images/MS-Supplier-Map-tablet-visual_1.png');
  }

  .galleryslide1.woodlandsconstruction {
    background-image: url('../images/Woodlands-Construction-branding-website-design-visual_1.png');
  }

  .galleryslide1.ohalo1 {
    background-image: url('../images/Ohalo-branding-design-presenatation-materials-visual.png');
  }

  .galleryslide1.ohalo2 {
    background-image: url('../images/Ohalo-branding-design-presenatation-materials-visual_2.png');
  }

  .galleryslide1.portofdover1 {
    background-image: url('../images/Port-of-Dover-branding-website-design-visual_1.png');
  }

  .galleryslide1.portofdover2 {
    background-image: url('../images/Port-of-Dover-branding-website-design-visuals_1.png');
  }

  .galleryslide1.glance {
    background-image: url('../images/Glance-online-brand-guidelines-design-visuals_1.png');
  }

  .galleryslide1.barlowtyrie {
    background-image: url('../images/Barlow-Tyrie-Brand-website-design-visual_1.png');
  }

  .galleryslide1.cfuk {
    background-image: url('../images/CystinosisFoundationUK-branding-design-visuals-4.png');
  }

  .galleryslide2 {
    background-image: url('../images/Woodlands-Construction-branding-brochure-design-visual_1.png');
  }

  .galleryslide2.m-s {
    background-image: url('../images/MS-Corporate-website-tablet-visual_1.png');
  }

  .galleryslide2.ohalo1 {
    background-image: url('../images/Ohalo-branding-design-presenatation-brochure-graphics-visual.png');
  }

  .galleryslide2.ohalo2 {
    background-image: url('../images/Ohalo-branding-design-presenatation-materials-business-cards-visual_1.png');
  }

  .galleryslide2.portofdover1 {
    background-image: url('../images/Port-of-Dover-branding-website-design-visual-1.png');
  }

  .galleryslide2.portofdover2 {
    background-image: url('../images/Port-of-Dover-branding-website-design-visuals-1_1.png');
  }

  .galleryslide2.glance {
    background-image: url('../images/Glance-brochure-design-visuals_1.png');
  }

  .galleryslide2.barlowtyrie {
    background-image: url('../images/Barlow-Tyrie-Brand-website-design-visual-1_1.png');
  }

  .galleryslide2.cfuk {
    background-image: url('../images/CystinosisFoundationUK-branding-design-visuals-2.png');
  }

  .galleryslide3 {
    background-image: url('../images/600x-600---2.png');
  }

  .galleryslide3.m-s {
    background-image: url('../images/MS-Corporate-website-reports-laptop-visual_1.png');
  }

  .galleryslide3.portofdover1 {
    background-image: url('../images/Port-of-Dover-branding-website-design-visual-2.png');
  }

  .galleryslide3.portofdover2 {
    background-image: url('../images/Port-of-Dover-branding-website-design-visuals-2.png');
  }

  .galleryslide3.glance {
    background-image: url('../images/Glance-brochure-design-visuals-1_1.png');
  }

  .galleryslide3.cfuk {
    background-image: url('../images/CystinosisFoundationUK-branding-design-visuals-3_1.png');
  }

  .galleryslide4 {
    background-image: url('../images/600x-600---2.png');
  }

  .galleryslide4.m-s {
    background-image: url('../images/MS-Corporate-website-mobile-phone-visual_1.png');
  }

  .galleryslide4.woodlandsconstruction {
    background-image: url('../images/Woodlands-Construction-branding-stationery-design-visual.png');
  }

  .galleryslide4.glance {
    background-image: url('../images/Glance-website-design-visuals.png');
  }

  .galleryslide4.barlowtyrie {
    background-image: url('../images/MS-Corporate-website-mobile-phone-visual_1.png');
  }

  .widevideocontainer {
    height: 275px;
  }

  .textblock3col {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
  }

  ._3colblock {
    width: 100%;
  }

  ._3colbullets {
    grid-column-gap: 30px;
    grid-row-gap: 40px;
    padding-top: 0;
    padding-bottom: 0;
  }

  ._3colbullets.row2 {
    padding-bottom: 60px;
  }

  ._3colbulletscontent {
    grid-column-gap: var(--small-v-padding);
    grid-row-gap: var(--small-v-padding);
    flex-direction: column;
  }

  .section-2._3colbullets {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .paragraphlarge {
    margin-top: 0;
    font-size: 17px;
    line-height: 27px;
  }

  ._5logoscontent, ._3logoscontentmobile {
    grid-column-gap: 30px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  ._5collogoblock, ._3collogocontainermobile {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  ._3collogocontainermobile.largepadding {
    grid-row-gap: 10px;
    padding-top: 0;
    padding-bottom: 80px;
  }

  ._3collogoblock {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .section-3._5rowlogos {
    flex-direction: column;
  }

  ._5collogocontainer {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  ._5collogocontainer.largepadding {
    grid-row-gap: 10px;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .logogrid {
    grid-column-gap: var(--small-v-padding);
    grid-row-gap: var(--small-v-padding);
  }

  .body-3 {
    background-color: #f2f2f2;
    background-image: url('../images/BlankMap-World_gray-1.svg');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .white-2 {
    font-size: 24px;
    line-height: 32px;
  }

  .labeltitle {
    width: 100%;
  }

  .productscreenslider, .masklarge {
    height: auto;
  }

  .left-arrow-3, .right-arrow-3 {
    height: 225px;
  }

  .productslide {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .slide-nav-3 {
    padding-bottom: 72px;
  }

  .textblocksmallright {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
  }

  .largelabel {
    font-size: 15px;
  }

  .largelabel.white {
    color: var(--background-green);
    font-size: 14px;
  }

  .textthumbleftcontainerslide {
    grid-column-gap: 12px;
    grid-row-gap: 20px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .textthumbleftcontainerslide.greenbg {
    width: 100%;
  }

  .largelabel-2 {
    font-size: 15px;
  }

  .maincontainerwide.xxlargepadding {
    border-radius: 20px;
    padding-bottom: 0;
  }

  .maincontainerwide.xxxlargetopsmallbottom {
    padding-bottom: var(--x-small-v-padding);
  }

  .maincontainerwide.xxxlargetopsmallbottom.blackbg {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--small-v-padding);
  }

  .maincontainerwide.xxlargepaddingtopxxxlargebottom {
    padding-top: var(--small-v-padding);
    padding-bottom: var(--x-large-v-padding);
  }

  .maincontainerwide.xxxsmallpadding-copy {
    grid-column-gap: var(--small-v-padding);
    grid-row-gap: var(--small-v-padding);
  }

  .maincontainerwide.xxxlargetopxlargebottom {
    padding-top: var(--x-large-v-padding);
    padding-bottom: var(--medium-v-padding);
  }

  .maincontainerwide.offsetbothpadding {
    border-radius: 20px;
  }

  .copysmalllargeimage {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cardsoffsetboth {
    padding-left: 0;
    padding-right: 0;
  }

  .copysmalllargeiimageoffset {
    flex-flow: wrap;
    padding: 20px 16px;
  }

  .copysmalllargeimageleft, .copytopimagebottom, .copyiconcta {
    padding-left: 16px;
    padding-right: 16px;
  }

  .logos {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .logo {
    font-size: 10px;
  }

  .image-61 {
    line-height: 20;
  }

  .links {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .footer {
    padding-left: 16px;
    padding-right: 16px;
  }
}


@font-face {
  font-family: 'Circularxxsub';
  src: url('../fonts/CircularXXSub-Bold.woff2') format('woff2'), url('../fonts/CircularXXSub-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circularxxsub Book';
  src: url('../fonts/CircularXXSub-Book.woff2') format('woff2'), url('../fonts/CircularXXSub-Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circularxxweb';
  src: url('../fonts/CircularXXWeb-Light.woff2') format('woff2'), url('../fonts/CircularXXWeb-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circularxxsub';
  src: url('../fonts/CircularXXSub-Black.woff2') format('woff2'), url('../fonts/CircularXXSub-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circularxxsub';
  src: url('../fonts/CircularXXSub-Light.woff2') format('woff2'), url('../fonts/CircularXXSub-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circularxxweb Book';
  src: url('../fonts/CircularXXWeb-Book.woff2') format('woff2'), url('../fonts/CircularXXWeb-Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circularxxweb';
  src: url('../fonts/CircularXXWeb-Bold.woff2') format('woff2'), url('../fonts/CircularXXWeb-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circularxxweb';
  src: url('../fonts/CircularXXWeb-Black.woff2') format('woff2'), url('../fonts/CircularXXWeb-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}