:root {
  --text: #6f6f6f;
  --brand-blue: #0e6ba8;
  --white: white;
  --background-grey: #e3e3e3;
  --dark-blue: #113e5c;
  --gradient-green: #afba3a;
  --accent-green: #c7d442;
  --secondary-blue: #275a8c;
  --black: black;
  --dark-green: #4f541a;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.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 {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.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 {
  color: var(--text);
  font-family: urw-din, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  color: var(--brand-blue);
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
}

h2 {
  color: var(--brand-blue);
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
}

h3 {
  color: var(--brand-blue);
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}

p {
  margin-bottom: 20px;
}

.body {
  background-color: var(--white);
  color: var(--text);
  font-family: urw-din, sans-serif;
  font-size: 18px;
  line-height: 1.5em;
}

.body-section {
  width: 100%;
  background-color: var(--white);
  text-align: center;
  padding: 40px 10% 120px;
  overflow: hidden;
}

.body-section.grey-background {
  background-color: var(--background-grey);
  padding-top: 40px;
}

.body-section.grey-background.blue-triangle {
  background-image: url('../images/Shallow-Blue-Triangle.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 8%;
}

.body-section.grey-background.blue-divider {
  background-image: url('../images/Tilt-Blue.svg');
  background-position: 50% 101%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.body-section.grey-background.green-divider {
  background-image: url('../images/Tilt-Green.svg');
  background-position: 50% 101%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.body-section.am-background {
  background-image: linear-gradient(to bottom, var(--background-grey), rgba(227, 227, 227, .95)), url('../images/as-favicon.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, 1%;
}

.body-section.am-background.white-divider {
  background-image: url('../images/Header-Tilt-White.svg'), linear-gradient(to bottom, var(--background-grey), rgba(227, 227, 227, .95)), url('../images/as-favicon.png');
  background-position: 50% 101%, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat;
  background-size: 100%, auto, 1%;
}

.body-section.am-background.blue-divider {
  background-image: url('../images/Tilt-Blue.svg'), linear-gradient(to bottom, var(--background-grey), rgba(227, 227, 227, .95)), url('../images/as-favicon.png');
  background-position: 50% 101%, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat;
  background-size: 100%, auto, 1%;
  padding-bottom: 160px;
}

.body-section.blue-with-image {
  background-image: url('../images/Shallow-White-Triangle.svg'), linear-gradient(to bottom, var(--brand-blue) 20%, rgba(17, 62, 92, .8)), url('../images/open-laptop.jpg');
  background-position: 50% 100%, 0 0, 50% 0;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: contain, auto, cover;
  background-attachment: scroll, scroll, fixed;
  padding-top: 2%;
  padding-bottom: 8%;
}

.body-section.grey-with-icon {
  background-image: linear-gradient(rgba(255, 255, 255, .95), rgba(255, 255, 255, .95)), url('../images/as-favicon.png');
  background-position: 0 0, 50%;
  background-size: auto, 1%;
}

.body-section.grey-with-icon.testimonial {
  padding-top: 100px;
  padding-bottom: 100px;
}

.body-section.grey-divider {
  background-image: url('../images/Tilt-Grey.svg');
  background-position: 50% 101%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.body-section.amazing-way {
  background-image: url('../images/Shallow-green-triangle.svg'), linear-gradient(to bottom, var(--brand-blue), var(--dark-blue));
  color: var(--white);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  padding-top: 2%;
  padding-bottom: 8%;
}

.body-section.brochure-download {
  background-image: linear-gradient(to bottom, var(--gradient-green), var(--accent-green));
  color: var(--dark-blue);
}

.body-section.brochure-download.white-divider {
  background-image: url('../images/Tilt-White.svg'), linear-gradient(to bottom, var(--gradient-green), var(--accent-green));
  background-position: 50% 101%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100%, auto;
  padding-bottom: 0;
}

.body-section.brochure-download.blue-divider {
  background-image: url('../images/Tilt-Blue.svg'), linear-gradient(to bottom, var(--gradient-green), var(--accent-green));
  background-position: 50% 101%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100%, auto;
}

.body-section.blue-background {
  background-image: linear-gradient(to bottom, var(--secondary-blue), rgba(14, 107, 168, .75)), url('../images/fibre-lights.jpg');
  color: var(--white);
  text-align: left;
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 40px;
  padding-bottom: 120px;
}

.body-section.blue-background.white-divider {
  background-image: url('../images/Tilt-White.svg'), linear-gradient(to bottom, var(--secondary-blue), rgba(14, 107, 168, .75)), url('../images/fibre-lights.jpg');
  background-position: 50% 101%, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat;
  background-size: 100%, auto, cover;
  background-attachment: scroll, scroll, fixed;
}

.body-section.blue-background.white-divider.centered {
  padding-bottom: 160px;
}

.body-section.blue-background.green-divider {
  background-image: url('../images/Tilt-Green.svg'), linear-gradient(to bottom, var(--secondary-blue), rgba(14, 107, 168, .75)), url('../images/fibre-lights.jpg');
  background-position: 50% 101%, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat;
  background-size: 100%, auto, cover;
  background-attachment: scroll, scroll, fixed;
}

.body-section.blue-background.centered {
  text-align: center;
}

.body-section.blue-background.grey-divider {
  background-image: url('../images/Tilt-Grey.svg'), linear-gradient(to bottom, var(--secondary-blue), rgba(14, 107, 168, .75)), url('../images/fibre-lights.jpg');
  background-position: 50% 101%, 0 0, 50%;
  background-size: 100%, auto, cover;
  background-attachment: scroll, scroll, fixed;
}

.body-section.green-background {
  background-image: linear-gradient(to bottom, var(--gradient-green), rgba(199, 212, 66, .87)), url('../images/fibre-lights.jpg');
  color: var(--dark-blue);
  text-align: left;
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 40px;
  padding-bottom: 120px;
}

.body-section.green-background.blue-divider {
  background-image: url('../images/Tilt-Blue.svg'), linear-gradient(to bottom, var(--gradient-green), rgba(199, 212, 66, .87)), url('../images/fibre-lights.jpg');
  background-position: 50% 101%, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat;
  background-size: 100%, auto, cover;
  background-attachment: scroll, scroll, fixed;
}

.body-section.green-background.white-divider {
  background-image: url('../images/Tilt-White.svg'), linear-gradient(to bottom, var(--gradient-green), rgba(199, 212, 66, .87)), url('../images/fibre-lights.jpg');
  background-position: 50% 101%, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat;
  background-size: 100%, auto, cover;
  background-attachment: scroll, scroll, fixed;
}

.body-section.white-background {
  text-align: left;
  padding-top: 40px;
  padding-bottom: 120px;
}

.body-section.white-background.blue-divider {
  background-image: url('../images/Tilt-Blue.svg');
  background-position: 50% 101%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.body-section.white-background.green-divider {
  background-image: url('../images/Tilt-Green.svg');
  background-position: 50% 101%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.body-section.the-amazing-way {
  background-image: linear-gradient(to bottom, var(--secondary-blue), var(--brand-blue));
  color: var(--white);
}

.body-section.the-amazing-way.green-divider {
  background-image: url('../images/Tilt-Green.svg'), linear-gradient(to bottom, var(--secondary-blue), var(--brand-blue));
  background-position: 50% 101%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100%, auto;
}

.body-section.cta-grey {
  background-color: var(--background-grey);
  padding-bottom: 60px;
}

.body-section.top-section {
  background-image: url('../images/Blue-Fan-Header.svg');
  background-position: 50% -1px;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
}

.body-section.form {
  padding-top: 80px;
  padding-bottom: 80px;
}

.body-section.quick-links {
  z-index: 5;
  margin-bottom: -84px;
  padding-top: 14px;
  padding-bottom: 14px;
  position: fixed;
  top: 84px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, .5);
}

.body-section.grey-white-divider {
  background-color: var(--background-grey);
  background-image: url('../images/Tilt-White.svg');
  background-position: 50% 101%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.body-section.text-page {
  text-align: left;
  position: relative;
}

.body-section.child-service-menu {
  z-index: 98;
  height: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 0 0%;
  position: fixed;
  top: 84px;
}

.body-section.home-page {
  background-color: var(--brand-blue);
  background-image: linear-gradient(115deg, var(--dark-blue), var(--brand-blue) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)), url('../images/open-laptop.jpg');
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 60px;
  padding-bottom: 30px;
}

.body-section.one-page-form {
  height: auto;
  min-height: 100vh;
  color: var(--black);
  text-align: left;
  padding: 60px 8%;
  overflow: hidden;
}

.body-section.landing-page-form {
  color: var(--secondary-blue);
  text-align: left;
  padding-top: 100px;
  padding-bottom: 100px;
}

.body-section.cyber-stuff {
  height: auto;
  color: var(--dark-blue);
  text-align: left;
  background-image: linear-gradient(to right, rgba(175, 186, 58, .85) 80%, rgba(245, 245, 245, .85) 80%), url('../images/as-background-cyber_essentials.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 18px;
  position: relative;
}

.body-section.large {
  color: var(--secondary-blue);
  text-align: left;
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 18px;
}

.body-section.large.blue {
  background-color: var(--brand-blue);
  color: var(--white);
}

.body-section.large.blue.relative {
  background-image: url('../images/Group-57.png'), url('../images/Layer-582.png');
  background-position: 90%, 100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto 60%, auto 120%;
  padding-bottom: 140px;
  position: relative;
}

.body-section.large.short-top {
  padding-top: 40px;
}

.body-section.large.grey {
  color: var(--brand-blue);
  background-color: #f7f7f7;
}

.body-section.large.bgimage {
  color: var(--white);
  background-image: url('../images/White-Triangle.svg'), linear-gradient(to right, rgba(17, 62, 92, .75), rgba(17, 62, 92, .95) 75%), url('../images/shutterstock_1054629320-1.png');
  background-position: 50% 100%, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat;
  background-size: 100%, auto, cover;
  padding-bottom: 140px;
  position: relative;
}

.body-section.large.bgimage.blue-overlay {
  border-bottom: 12px solid var(--background-grey);
  background-image: linear-gradient(rgba(14, 107, 168, .85), rgba(14, 107, 168, .85)), url('../images/shutterstock_1054629320-1.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  padding-top: 140px;
  padding-bottom: 100px;
}

.body-section.large.light-grey {
  background-color: #f7f7f7;
}

.body-section.as-benefits {
  background-color: var(--brand-blue);
  color: var(--white);
  text-align: left;
  background-image: linear-gradient(rgba(14, 107, 168, .9), rgba(14, 107, 168, .9)), url('../images/as-background_01-bottom.png'), url('../images/as-background_01-top.png');
  background-position: 0 0, 100% 100%, 0 0;
  background-repeat: repeat, no-repeat, no-repeat;
  background-size: auto, 60%, 60%;
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 18px;
}

.body-section.lp-head {
  color: var(--secondary-blue);
  text-align: left;
  background-image: linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .6)), url('../images/as-background_02.png');
  background-position: 0 0, 100% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 140px;
  padding-bottom: 400px;
  font-size: 18px;
}

.body-section.lp-head.small {
  padding-bottom: 100px;
}

.body-section.lp-head.no-form {
  padding-bottom: 80px;
  position: relative;
}

.body-section.image-overlay {
  text-align: left;
  background-image: linear-gradient(175deg, rgba(14, 107, 168, .85) 55%, #fff 55%), url('../images/IT-Support-Work-1.png');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.body-section.border {
  color: var(--secondary-blue);
  text-align: left;
  position: relative;
}

.body-section.author {
  border-top: 3px solid var(--dark-blue);
  text-align: left;
  background-color: #f1f1f1;
  padding-top: 60px;
  padding-bottom: 60px;
}

.body-container {
  max-width: 1140px;
}

.body-container.page-header {
  max-width: 1400px;
}

.body-container.services, .body-container.cta {
  text-align: center;
}

.body-container.blog {
  padding-right: 27%;
}

.body-container.one-page-quote {
  max-width: 1200px;
}

.body-container.cyber-stuff {
  padding-right: 32%;
  position: static;
}

.h1-title {
  color: var(--white);
  text-transform: uppercase;
  text-shadow: 0 0 20px #000;
  font-size: 10vh;
  font-weight: 700;
  line-height: 1em;
}

.h2-title {
  color: var(--brand-blue);
  margin-bottom: 20px;
  font-size: 42px;
  line-height: 1em;
}

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

.h3-title {
  color: var(--secondary-blue);
  margin-bottom: 20px;
  font-size: 36px;
}

.h3-title.grey {
  color: var(--text);
  font-size: 24px;
}

.paragraph {
  margin-bottom: 20px;
  font-size: 18px;
}

.paragraph.left {
  width: auto;
  text-align: left;
  margin-bottom: 20px;
  margin-right: 2%;
  display: block;
}

.paragraph.white {
  color: var(--white);
  margin-bottom: 20px;
  display: block;
}

.home-page-header {
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(rgba(14, 107, 168, .7), rgba(14, 107, 168, .7)), url('../images/london3.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  position: relative;
}

.home-header-container {
  z-index: 3;
  max-width: 1400px;
  text-align: center;
  flex: 0 auto;
  align-self: center;
  position: relative;
}

.home-sub-title {
  color: var(--accent-green);
  text-shadow: 0 0 12px #000;
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 60px;
  font-weight: 700;
  line-height: 1em;
}

.blue-button {
  border: 1px solid var(--brand-blue);
  background-color: var(--brand-blue);
  cursor: pointer;
  border-radius: 0;
  margin-top: 10px;
  padding: 16px 22px;
  font-size: 21px;
  line-height: 1em;
  transition: background-color .5s, color .5s;
  box-shadow: 0 0 10px 6px rgba(255, 255, 255, .35);
}

.blue-button:hover {
  background-color: var(--white);
  color: var(--brand-blue);
}

.blue-button.green {
  border-color: var(--accent-green);
  background-color: var(--accent-green);
  color: var(--dark-blue);
  margin-bottom: 20px;
}

.blue-button.green:hover {
  border-color: var(--dark-green);
  background-color: var(--white);
  color: var(--dark-green);
}

.blue-button.green.full-width {
  text-align: center;
  display: block;
}

.blue-button.green.cta {
  border-color: var(--dark-blue);
  margin-bottom: 0;
}

.blue-button.green.cta:hover {
  color: var(--dark-blue);
}

.blue-button.quote-form {
  min-width: 200px;
  border-color: var(--gradient-green);
  background-color: var(--gradient-green);
  letter-spacing: 2px;
  margin-left: 20px;
  margin-right: 20px;
  font-weight: 400;
}

.blue-button.quote-form:hover {
  border-color: var(--accent-green);
  background-color: var(--accent-green);
}

.blue-button.quote-submit {
  min-width: 200px;
}

.blue-button.cta {
  min-width: 300px;
  margin-left: 10px;
  margin-right: 10px;
}

.blue-button.one-page-quote {
  width: 100%;
  text-align: center;
}

.div-block {
  width: 20px;
  display: inline-block;
}

.nav-link {
  color: #fff;
  text-align: left;
  text-transform: none;
  cursor: pointer;
  margin-top: 0;
  padding: 0 22px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
  transition: color .5s;
}

.nav-link:hover {
  color: var(--accent-green);
  background-color: rgba(0, 0, 0, 0);
}

.nav-link.w--current {
  padding-left: 22px;
  padding-right: 22px;
}

.nav-link.nav-button {
  width: 200px;
  border: 1px solid var(--white);
  background-color: var(--accent-green);
  color: var(--dark-blue);
  text-align: center;
  text-transform: uppercase;
  border-radius: 30px;
  margin-left: auto;
  padding: 14px 20px 12px;
  font-size: 18px;
  font-weight: 400;
  transition: background-color .5s, color .5s;
  display: block;
}

.nav-link.nav-button:hover {
  border: 1px solid var(--accent-green);
  color: var(--accent-green);
  background-color: rgba(0, 0, 0, 0);
}

.dropdown-col {
  width: 33.3%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
}

.dropdown-col._2-width {
  width: 66.6%;
  padding-top: 10px;
  padding-left: 40px;
}

.dropdown-col.full {
  width: 100%;
}

.dropdown-col._6-cols {
  width: 16.6%;
  padding-right: 10px;
}

.nav-content-container {
  width: 100%;
  height: 350px;
  max-width: 100vw;
  text-align: left;
  background-image: linear-gradient(rgba(14, 107, 168, .9), rgba(14, 107, 168, .9));
  border: 0 #000;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
}

.nav-col-1 {
  width: 100%;
  max-width: 1400px;
  min-width: 1200px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  justify-content: space-between;
  margin-left: 20px;
  margin-right: 20px;
  padding: 30px 0 10px;
  display: flex;
}

.drop-down-links {
  color: rgba(255, 255, 255, .8);
  text-align: left;
  padding-bottom: 6px;
  font-size: .9vw;
  text-decoration: none;
  transition: all .5s;
  display: block;
}

.drop-down-links:hover {
  color: var(--white);
}

.drop-down-links.drop-down-title-link {
  text-align: left;
  margin-bottom: 4px;
  font-size: 1.1vw;
}

.drop-down-links.drop-down-title-link:hover {
  color: var(--accent-green);
}

.logo {
  width: auto;
  max-width: 280px;
  position: static;
  top: -12px;
  left: 0;
}

.logo.w--current {
  width: auto;
  max-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-left: 20px;
  display: flex;
  position: absolute;
  top: 18px;
  bottom: auto;
  left: 0%;
  right: auto;
}

.menu-quick-links {
  height: 70px;
  background-color: var(--dark-blue);
  text-align: left;
  justify-content: center;
  align-items: center;
  padding: 0 0%;
  font-size: 21px;
}

.menu-quick-links.update {
  justify-content: flex-start;
  padding-left: 20px;
  padding-right: 234px;
  font-size: 18px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.menu-quick-links.top {
  height: auto;
  justify-content: flex-start;
  font-size: 14px;
  display: flex;
}

.menu-quick-text {
  color: var(--white);
  line-height: 1.75;
  display: inline-block;
}

.menu-quick-link-container {
  border-right: 1px solid var(--white);
  color: rgba(255, 255, 255, .8);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  transition: color .5s;
  display: flex;
}

.menu-quick-link-container:hover {
  color: var(--white);
}

.menu-quick-link-container.alt {
  border-right-width: 0;
}

.video {
  width: 100%;
  height: auto;
  display: inline-block;
}

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

.para-link {
  color: var(--dark-blue);
  cursor: pointer;
  font-weight: 700;
  text-decoration: none;
  transition: color 1s;
}

.para-link:hover {
  color: var(--gradient-green);
}

.columns-holder {
  justify-content: space-between;
  margin-top: 30px;
  display: flex;
}

.left-column {
  width: 48%;
  text-align: left;
  margin-right: 2%;
}

.services-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 20px;
  margin-bottom: 30px;
}

.services-grid.locations {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.services-link-box {
  width: 100%;
  height: auto;
  min-height: 250px;
  color: rgba(255, 255, 255, .8);
  cursor: pointer;
  background-image: linear-gradient(rgba(17, 62, 92, .56), rgba(17, 62, 92, .56)), url('../images/fibre-lights.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 50px 30px 90px;
  text-decoration: none;
  transition: color .5s, background-color .5s;
  display: flex;
  position: relative;
}

.services-link-box:hover {
  color: var(--white);
  background-image: linear-gradient(rgba(199, 212, 66, .8), rgba(199, 212, 66, .8)), url('../images/fibre-lights.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.services-link-box.locations {
  min-height: 300px;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}

.h3-services {
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.services-button {
  width: 65%;
  border: 1px solid rgba(0, 0, 0, 0);
  margin-top: 14px;
  padding: 12px 20px;
  transition: background-color .5s;
  position: absolute;
  bottom: 30px;
}

.services-button:hover {
  border: 1px solid var(--white);
  background-color: var(--dark-blue);
}

.column-image {
  width: 100%;
  margin-left: 0%;
  margin-right: 2%;
}

.right-column {
  width: 48%;
  text-align: left;
  margin-left: 2%;
}

.right-column.right {
  text-align: right;
}

.expander-holder {
  width: 30%;
  height: 100%;
  border: 1px solid var(--white);
  align-self: stretch;
  margin-top: 10px;
  padding: 20px 30px 100px;
  position: relative;
}

.h4-title {
  color: var(--white);
  margin-bottom: 20px;
  font-size: 26px;
  line-height: 1em;
}

.white-button {
  border: 1px solid var(--white);
  color: var(--white);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 16px;
  padding-bottom: 16px;
  transition: background-color .5s, color .5s;
  position: absolute;
  top: auto;
  bottom: 20px;
  left: 20%;
  right: 20%;
}

.white-button:hover {
  background-color: var(--white);
  color: var(--secondary-blue);
}

.bar-title {
  color: var(--secondary-blue);
}

.growth-block {
  height: 30px;
  background-color: var(--background-grey);
  text-align: right;
  margin-bottom: 10px;
  position: relative;
}

.growth-rating {
  color: var(--white);
  padding-right: 30px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.growth-inner {
  width: 98%;
  height: 100%;
  background-color: var(--secondary-blue);
}

.growth-inner._95 {
  width: 95%;
}

.growth-inner._96 {
  width: 96%;
}

.acc-answers {
  color: #54595f;
  font-size: 18px;
  line-height: 1.5em;
}

.acc-icon {
  color: var(--secondary-blue);
  text-align: left;
  align-self: auto;
  margin-right: 0;
  font-size: 21px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 10px;
  right: auto;
}

.faq-grid-holder {
  padding-left: 5%;
  padding-right: 5%;
}

.faq-acc {
  z-index: 2;
  width: 100%;
  border: 1px solid var(--secondary-blue);
  background-color: var(--background-grey);
  color: #fff;
  margin-bottom: 0;
  display: block;
  overflow: hidden;
}

.faq-acc:hover {
  background-color: #afaeae;
}

.faq-acc:active, .faq-acc:focus {
  background-color: var(--background-grey);
}

.body-container-2 {
  max-width: 1140px;
  text-align: center;
}

.acc-q-title {
  color: var(--secondary-blue);
  white-space: normal;
  align-self: flex-start;
  font-size: 18px;
  font-weight: 700;
  line-height: 1em;
}

.acc-toggle {
  height: 80px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  flex-flow: column wrap;
  align-content: stretch;
  justify-content: center;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 20px;
  display: flex;
  overflow: visible;
}

.faq-grid {
  width: auto;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 50fr;
}

.dropdown-list {
  text-align: left;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  padding: 20px;
  display: block;
  position: static;
}

.map-section {
  width: 100vw;
  height: 300px;
  border-top: 2px solid var(--dark-blue);
  border-bottom: 4px solid var(--dark-blue);
}

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

.testimonials-slider {
  height: auto;
  min-height: 200px;
  background-color: rgba(0, 0, 0, 0);
}

.right-arrow {
  display: block;
}

.slide-nav {
  display: block;
  bottom: 10px;
}

.testimonial-text {
  color: #333;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 1.5em;
}

.left-arrow-icon {
  color: var(--dark-blue);
  cursor: pointer;
  font-size: 42px;
  transition: color .5s;
  display: block;
}

.left-arrow-icon:hover {
  color: var(--accent-green);
}

.h4-title-2 {
  color: #031b45;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  line-height: 1em;
  position: static;
  top: -100px;
}

.left-arrow {
  display: block;
}

.testimonial-slide {
  background-color: var(--white);
  text-align: center;
  padding: 30px 10% 40px;
}

.right-arrow-icon {
  color: var(--dark-blue);
  cursor: pointer;
  transition: color .5s;
  display: block;
}

.right-arrow-icon:hover {
  color: var(--accent-green);
}

.h3-testimonials {
  color: var(--secondary-blue);
  margin-bottom: 20px;
  font-size: 32px;
  line-height: 1em;
}

.white-laptop {
  width: 50px;
  margin-bottom: 4px;
}

.amazing-way {
  width: 70%;
}

.image {
  width: 65%;
  position: relative;
  top: -40px;
}

.benefit-box {
  background-color: var(--background-grey);
}

.benefit-image {
  z-index: 2;
  width: 70px;
  height: 70px;
  object-fit: contain;
  margin-bottom: 10px;
  position: absolute;
  top: 0;
}

.benefit-title {
  color: var(--brand-blue);
  text-align: center;
  white-space: normal;
  background-color: rgba(0, 0, 0, 0);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
}

.benefit-title-block {
  width: 100%;
  height: 150px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 80px 30px 10px;
  display: flex;
  position: relative;
}

.paragraph-2 {
  margin: 50px 80px;
  display: block;
}

.nav-link-2 {
  color: var(--white);
  letter-spacing: .2px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 33px 0 28px;
  font-size: 18px;
  font-weight: 500;
  transition: color .3s ease-in-out;
}

.nav-link-2:hover {
  color: var(--accent-green);
}

.nav-link-2.w--current {
  border-bottom: 3px solid var(--white);
  color: var(--white);
}

.dropdown-list-3 {
  height: auto;
  background-color: #f8f9fc;
  display: none;
  top: 82px;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.icon-2 {
  color: var(--white);
  margin-right: 0;
  padding-top: 1px;
  font-size: 14px;
  top: 6px;
  left: 0;
}

.icon-2:hover {
  color: var(--accent-green);
}

.icon-2.new {
  position: static;
}

.nav-point-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 18px;
  padding-right: 18px;
  display: flex;
  position: static;
}

.nav-point-wrapper.dropdown {
  margin-left: 0;
  margin-right: 0;
  padding-right: 13px;
}

.nav-point-wrapper.get-quote {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.dropdown-toggle-2 {
  padding: 0 18px 0 0;
}

.logo-wrapper {
  align-self: center;
  margin-right: 42px;
  padding-left: 0;
}

.logo-wrapper.page-transition.w--current {
  margin-top: 6px;
}

.nav-main {
  z-index: 99;
  width: 100%;
  height: auto;
  border-bottom: 1px solid var(--dark-blue);
  background-color: var(--brand-blue);
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-menu {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  position: static;
}

.centered_w1 {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: block;
}

.centered_w1.nav-wrapper {
  z-index: 2;
  max-width: 100vw;
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
  align-items: center;
  padding-left: 30px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.menu-quick-links-icons {
  height: 18px;
  margin-right: 10px;
}

.menu-quick-links-icons.top {
  width: 16px;
}

.menu-drawer-heading {
  color: var(--white);
  font-size: 21px;
}

.form-text-field {
  width: 49%;
  border-bottom: 3px solid var(--white);
  background-color: rgba(255, 255, 255, .2);
  display: inline-block;
}

.form-text-field.left {
  color: var(--white);
  margin-right: 1%;
}

.form-text-field.right {
  color: var(--white);
  margin-left: 1%;
}

.textarea {
  border-bottom: 3px solid var(--white);
  background-color: rgba(255, 255, 255, .2);
}

.submit-button {
  width: 100%;
  border: 1px solid var(--accent-green);
  background-color: var(--accent-green);
  color: var(--dark-blue);
  transition: color .5s, background-color .5s;
  display: block;
}

.submit-button:hover {
  border: 1px solid var(--accent-green);
  color: var(--accent-green);
  background-color: rgba(0, 0, 0, 0);
}

.grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.contact-menu-holder {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.menu-map {
  width: 46%;
  height: 120px;
  object-fit: cover;
  margin-right: 4%;
}

.map-contact-address {
  width: 50%;
  color: rgba(255, 255, 255, .8);
  font-size: 16px;
  line-height: 1.2em;
}

.menu-blog-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
}

.blog-holder {
  justify-content: space-between;
  display: flex;
}

.blog-text-holder {
  width: 65%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.blog-title-heading {
  color: var(--white);
  margin-top: 10px;
  font-size: 21px;
}

.menu-blog-excerpt {
  color: var(--white);
  font-size: 14px;
  line-height: 1.2em;
}

.menu-blog-image {
  width: 30%;
  height: 80px;
  object-fit: cover;
  margin-top: 10px;
  margin-right: 5%;
}

.menu-blog-link {
  color: var(--accent-green);
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.2em;
}

.menu-blog-link:hover {
  text-decoration: underline;
}

.menu-about-us-text {
  color: var(--white);
  padding-right: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2em;
}

.menu-about-us-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.tabs-menu {
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  display: flex;
}

.tabs-content {
  border-style: solid;
  border-width: 1px 0 0;
  border-color: rgba(111, 111, 111, .5) var(--background-grey) var(--background-grey);
  margin-top: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.nested-tab-link {
  width: 23%;
  text-align: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  margin: 10px 1%;
  padding: 0;
  transition: background-color .5s;
}

.nested-tab-link.w--current {
  background-color: rgba(0, 0, 0, 0);
}

.page-header-section {
  min-height: 200px;
  color: var(--white);
  background-image: url('../images/Tilt-White.svg'), linear-gradient(135deg, rgba(39, 90, 140, .95), rgba(14, 107, 168, .4)), url('../images/fibre-lights.jpg');
  background-position: 50% 101%, 0 0, 50%;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, scroll;
  justify-content: center;
  align-items: flex-start;
  padding: 160px 10% 150px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-header-section.blog {
  background-image: url('../images/Tilt-White.svg'), linear-gradient(135deg, #275a8c, #0e6ba8);
  background-position: 50% 101%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  background-attachment: scroll, scroll;
}

.body-2 {
  color: var(--text);
}

.h1-page-header {
  color: var(--white);
  margin-bottom: 10px;
}

.heading-white-div {
  width: 12%;
  min-width: 120px;
  border-top: 6px solid var(--white);
  margin-top: 20px;
  margin-bottom: 30px;
  display: block;
}

.heading-white-div.contact-form {
  width: 40%;
}

.heading-white-div.blue {
  min-width: 120px;
  border-top-color: var(--secondary-blue);
  color: var(--brand-blue);
  margin-bottom: 40px;
}

.heading-white-div.green {
  min-width: 120px;
  border-top-color: var(--accent-green);
}

.heading-white-div.case-study-slider, .heading-white-div.case-study-title-under {
  width: 80px;
  min-width: auto;
  border-top-width: 3px;
  margin-bottom: 20px;
}

.heading-white-div.grey {
  border-top-color: var(--accent-green);
}

.page-head-down-button {
  width: 100px;
  height: 100px;
  background-color: var(--accent-green);
  cursor: pointer;
  border-radius: 100%;
  justify-content: center;
  align-self: center;
  align-items: center;
  transition: background-color .5s;
  display: flex;
  position: absolute;
  bottom: 5%;
  left: auto;
  right: auto;
}

.page-head-down-button:hover {
  background-color: var(--gradient-green);
}

.page-head-button-icon {
  width: 50px;
  height: 50px;
}

.page-header-container {
  width: 100%;
  max-width: 1140px;
  min-width: 1140px;
  margin-bottom: 20px;
}

.page-head-button-link {
  cursor: pointer;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.media-holder {
  width: 48%;
  margin-left: 2%;
}

._2-col-para {
  column-count: 2;
  column-gap: 50px;
  margin-bottom: 40px;
}

.heading-blue-background, .heading-blue-background-copy {
  color: var(--white);
}

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

.form-block {
  width: 48%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 2%;
  padding-top: 28px;
}

.form-block.quote-form {
  width: 100%;
  margin-bottom: 30px;
}

.form-block.one-page-quote {
  width: 100%;
  margin-left: 0%;
  padding-top: 0;
}

.map-contact-link {
  color: #32363a;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  margin: 10px 15px;
  padding-bottom: 6px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: border-color .5s;
}

.map-contact-link:hover {
  border-bottom: 1px solid #010101;
}

.map-contact-link.contact {
  min-width: 70%;
  color: var(--white);
  border-bottom-style: none;
  border-bottom-width: 0;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 30%;
  font-size: 21px;
  transition: color .5s;
  display: block;
}

.map-contact-link.contact:hover {
  color: var(--accent-green);
  border-bottom-style: none;
  border-bottom-width: 0;
}

.map-contact-link.footer {
  color: rgba(255, 255, 255, .8);
  border-bottom-style: none;
  border-bottom-width: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 16px;
  transition-property: color;
  display: block;
}

.map-contact-link.footer:hover {
  color: var(--white);
  border-bottom-style: none;
  border-bottom-width: 0;
}

.gdpr-link {
  color: var(--white);
  font-weight: 700;
  text-decoration: none;
}

.gdpr-link:hover {
  text-decoration: underline;
}

.gdpr-link.quote-form {
  color: var(--text);
}

.left-col {
  width: 50%;
  padding-right: 30px;
}

.address-text {
  font-size: 24px;
}

.name-fields {
  width: 48%;
  height: 54px;
  border-style: solid;
  border-width: 0 0 3px;
  border-color: black black var(--white);
  color: var(--white);
  background-color: rgba(255, 255, 255, .2);
  border-radius: 0;
  margin-bottom: 12px;
  margin-left: 2%;
  margin-right: 0%;
  font-size: 21px;
  display: inline-block;
}

.name-fields.quote-form {
  background-color: var(--text);
  margin-left: 1%;
  margin-right: 1%;
}

.name-fields.one-page-quote {
  width: 100%;
  border-bottom-color: var(--dark-blue);
  color: var(--dark-blue);
  background-color: #f1f1f1;
  margin-left: 0%;
  margin-right: 0%;
  font-size: 18px;
}

.form-notices {
  align-items: center;
  margin-top: 6px;
  padding-left: 2%;
  font-size: 14px;
  display: flex;
}

.form-notices.quote-form {
  justify-content: center;
  padding-left: 0%;
}

.form-notices.one-page-quote {
  margin-top: 0;
}

.map-contact-icon {
  width: 24px;
  height: 24px;
  -webkit-text-fill-color: transparent;
  object-fit: contain;
  background-color: #32363a;
  -webkit-background-clip: text;
  background-clip: text;
  position: absolute;
  left: 0;
}

.map-contact-icon.footer {
  width: 18px;
  height: 18px;
}

.cta-contact-form {
  padding-bottom: 0;
  position: relative;
}

.body-section-2 {
  text-align: center;
  cursor: auto;
  padding: 3% 10%;
  overflow: hidden;
}

.body-section-2.top-page {
  min-height: 65vh;
  cursor: auto;
}

.horizontal-holder {
  text-align: left;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.gdpr-notice {
  width: 48%;
  margin: 0 2% 0 0%;
  font-size: 14px;
  line-height: 1.5em;
  display: block;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.body-container-3 {
  max-width: 1140px;
}

.textarea-2 {
  width: 98%;
  height: auto;
  min-height: 108px;
  border-style: solid;
  border-width: 0 0 3px;
  border-color: #010101 #010101 var(--white);
  color: var(--white);
  background-color: rgba(255, 255, 255, .2);
  border-radius: 0;
  margin-left: 2%;
  font-size: 21px;
}

.main-button {
  color: #010101;
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: normal;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #010101;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 16px 24px;
  font-size: 16px;
  transition: background-color .5s, color .5s;
}

.main-button:hover {
  color: #fff;
  background-color: #010101;
}

.right-col {
  width: 50%;
  padding-left: 30px;
}

.form-submit-button {
  width: 98%;
  height: 56px;
  border: 1px solid var(--gradient-green);
  background-color: var(--gradient-green);
  color: #fff;
  letter-spacing: 2px;
  cursor: pointer;
  margin-bottom: 0;
  margin-left: 2%;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 21px;
  line-height: 1;
  transition: border-color .5s, background-color .5s, color .5s;
  display: block;
  position: static;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.form-submit-button:hover {
  border-color: var(--gradient-green);
  background-color: var(--brand-blue);
  color: var(--gradient-green);
}

.map-contact-link-holder {
  align-items: center;
  margin-right: 0;
  padding-left: 34px;
  display: flex;
  position: relative;
}

.map-contact-link-holder.footer {
  flex-wrap: wrap;
  padding-left: 26px;
}

.checkbox-label, .link {
  text-decoration: none;
}

.checkbox-field {
  margin-top: 10px;
  margin-bottom: 20px;
}

.form-statement-text {
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

.home-page-background-image {
  z-index: 1;
  width: 100%;
  height: 100%;
  filter: hue-rotate() contrast(135%);
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.home-page-image-blue-overlay {
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(14, 107, 168, .65);
  background-image: url('../images/Fan-Divider.svg');
  background-position: 50% 101%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.head-tabs {
  margin-top: 20px;
}

.head-tabs-container {
  margin-top: 30px;
}

.head-tab-content-slide {
  min-height: 220px;
  border: 1px solid var(--dark-blue);
  background-color: var(--brand-blue);
  background-image: linear-gradient(145deg, var(--dark-blue), var(--brand-blue));
  color: var(--white);
  padding: 40px 30px 30px;
}

.head-tab-link {
  border: 2px solid var(--secondary-blue);
  background-color: var(--accent-green);
  color: var(--dark-blue);
  cursor: pointer;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 700;
  transition: background-color .5s, color .5s;
}

.head-tab-link:hover, .head-tab-link.w--current {
  background-color: var(--brand-blue);
  color: var(--white);
}

.head-tab-link.w--current:hover {
  background-color: var(--dark-blue);
}

.nested-tabs {
  margin-top: 40px;
  margin-bottom: 40px;
}

.colour-circle {
  z-index: 1;
  width: 45px;
  height: 45px;
  background-color: rgba(245, 218, 52, .5);
  border-radius: 100%;
  margin-left: -38px;
  position: absolute;
  top: -15px;
  left: auto;
}

.colour-circle.mark-2, .colour-circle.mark-3 {
  background-color: rgba(245, 218, 52, 0);
}

.tab-active-light {
  z-index: 4;
  width: 45px;
  height: 45px;
  background-color: rgba(245, 218, 52, 0);
  border-radius: 100%;
  margin-left: -38px;
  position: absolute;
  top: -15px;
}

.star-rating {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.ratings-stars {
  width: 25px;
  height: 25px;
  margin-left: 2px;
  margin-right: 2px;
}

.ratings-stars.alt {
  object-fit: contain;
  object-position: 0% 100%;
  margin-left: 0;
  margin-right: 0;
}

.footer-section {
  color: rgba(255, 255, 255, .8);
  background-image: linear-gradient(160deg, #275a8c, #113e5c 75%);
  padding: 60px 5%;
  overflow: hidden;
}

.footer-credits {
  background-color: #0e2f46;
  padding: 40px 10%;
}

.footer-credits-holder {
  width: 100%;
  color: rgba(255, 255, 255, .5);
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  line-height: 1;
  display: flex;
}

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

.footer-para-link {
  color: var(--white);
  cursor: pointer;
  text-decoration: none;
}

.footer-para-link:hover {
  text-decoration: underline;
}

.footer-container {
  max-width: 1260px;
  text-align: center;
}

.credits-logo-block {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-top: 10px;
  padding-bottom: 60px;
  display: flex;
}

.credit-logo {
  width: 140px;
  height: 80px;
  object-fit: contain;
  margin-left: 10px;
  margin-right: 10px;
}

.footer-details-grid {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: minmax(24%, 1fr) minmax(20%, 1fr) minmax(20%, 1fr) minmax(20%, 1fr) minmax(16%, 1fr);
  margin-left: 10px;
  margin-right: 10px;
}

.footer-grid-column {
  text-align: left;
  padding-right: 20px;
  font-size: 14px;
}

.footer-grid-column.tablet-hide, .footer-grid-column.mobile-hide {
  margin-top: -10px;
}

.footer-title {
  color: var(--white);
  margin-top: 0;
  font-size: 18px;
  font-weight: 700;
}

.footer-menu-list {
  font-size: 16px;
  line-height: 2;
}

.footer-menu-link {
  color: rgba(255, 255, 255, .8);
  cursor: pointer;
  font-size: 16px;
  line-height: 2;
  text-decoration: none;
  transition: color .5s;
  display: block;
}

.footer-menu-link:hover {
  color: var(--white);
}

.footer-as-logo {
  width: 80%;
  margin-bottom: 10px;
}

.as-footer-address-block {
  margin-top: 20px;
  margin-bottom: 20px;
}

.text-block {
  white-space: normal;
}

.email-title-text {
  margin-top: -4px;
  margin-bottom: -6px;
  font-size: 18px;
  font-weight: 700;
}

.social-media-holder {
  margin-top: 20px;
}

.social-media-holder.menu {
  position: absolute;
  top: 12.5px;
  bottom: 12.5px;
  right: 20px;
}

.social-media-holder.top {
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.social-icon-holder {
  width: 45px;
  height: 45px;
  border: 1px solid var(--white);
  background-color: var(--secondary-blue);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 10px;
  transition: background-color .5s;
  display: flex;
}

.social-icon-holder:hover {
  background-color: var(--dark-blue);
}

.social-icon-holder.top {
  width: 28px;
  height: 28px;
  padding: 6px;
}

.social-icon {
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.social-icon.top {
  width: 14px;
  height: 14px;
}

.social-link-block {
  margin-left: 2px;
  margin-right: 2px;
}

.options-holder {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.options-holder.one-page-quote {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 20px;
}

.form-heading {
  color: var(--accent-green);
}

.form-heading.one-page-quote {
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 32px;
}

.form-heading.one-page {
  color: var(--dark-blue);
  margin-top: 0;
  font-size: 38px;
}

.form-option-holder {
  width: 270px;
  height: 320px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.form-option-holder.one-page-quote {
  margin-left: 0;
}

.image-holder {
  z-index: 1;
  background-color: var(--text);
  filter: grayscale();
  padding-top: 40px;
  padding-left: 80px;
  padding-right: 80px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.option-description {
  z-index: 2;
  width: 100%;
  height: auto;
  color: var(--black);
  background-color: #7dccff;
  padding: 16px 10px;
  font-size: 18px;
  line-height: 1.5;
  position: absolute;
  bottom: 70px;
}

.option-amount-select {
  z-index: 2;
  width: 100%;
  height: 70px;
  background-color: var(--brand-blue);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
}

.minus-option {
  width: 50%;
  height: 70px;
  justify-content: center;
  align-items: center;
  transition: background-color .5s;
  display: flex;
}

.minus-option:hover {
  background-color: var(--gradient-green);
}

.plus-option {
  width: 50%;
  height: 70px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: background-color .5s;
  display: flex;
}

.plus-option:hover {
  background-color: var(--gradient-green);
}

.amount-button-image {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.counter-block {
  z-index: 5;
  width: 70px;
  height: 70px;
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  display: flex;
  position: absolute;
  top: 6px;
  right: 6px;
  transform: rotate(10deg);
}

.nav-button {
  display: none;
}

.quick-links-grid {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 10px;
  margin-bottom: 10px;
}

.quick-links-block {
  color: var(--brand-blue);
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  transition: color .5s;
}

.quick-links-block:hover {
  color: var(--dark-blue);
}

.team-holder {
  flex-wrap: wrap;
  justify-content: space-around;
  display: flex;
}

.team-item {
  width: 30%;
  height: auto;
  margin-top: 20px;
  margin-left: 1%;
  margin-right: 1%;
  padding: 16px;
}

.team-image {
  width: 180px;
  height: 180px;
  object-fit: cover;
  border-radius: 100%;
}

.team-name {
  margin-bottom: 6px;
  font-size: 26px;
}

.linkedin-holder {
  width: 100%;
  color: var(--brand-blue);
  cursor: pointer;
  justify-content: center;
  align-items: flex-start;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: color .5s;
  display: flex;
  position: static;
}

.linkedin-holder:hover {
  color: var(--accent-green);
}

.linkedin-holder-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  margin-top: 1px;
  margin-right: 6px;
}

.case-study-left {
  width: 50%;
  text-align: left;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 30px;
  position: relative;
}

.case-study-icon {
  width: 80px;
  height: 80px;
  opacity: .25;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.case-study-title {
  z-index: 2;
  color: var(--text);
  font-weight: 400;
  line-height: 1.2;
  position: relative;
}

.case-study-image {
  width: 45%;
  height: 260px;
  object-fit: cover;
  margin-left: 5%;
}

.case-study-holder {
  justify-content: space-between;
  align-items: center;
}

.wdwo-tab {
  border: 1px solid var(--dark-blue);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  margin: 5px 10px;
  font-weight: 400;
  transition: background-color .5s;
}

.wdwo-tab:hover {
  background-color: var(--white);
}

.wdwo-tab.w--current {
  background-color: var(--dark-blue);
  color: var(--accent-green);
  margin-left: 1px;
}

.wdwo-tabs-menu {
  border-bottom: 1px solid rgba(17, 62, 92, .5);
  padding: 5px 40px 15px;
}

.wdwo-tab-pane {
  text-align: left;
  padding: 30px;
}

.cta-button-holder {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
}

.cta-button-holder.left {
  text-align: center;
  justify-content: flex-start;
}

.blog-quick-links-bar {
  width: 20%;
  height: auto;
  min-height: auto;
  background-color: var(--background-grey);
  padding: 10px 30px 30px;
  position: absolute;
  top: 40px;
  right: 10%;
}

.blog-quick-posts {
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  margin-top: 20px;
  margin-bottom: 10px;
}

.quick-blog-thumb {
  width: 100%;
  height: 120px;
  object-fit: cover;
}

.quick-blog-heading {
  color: var(--brand-blue);
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 21px;
}

.quick-blog-button {
  background-color: var(--accent-green);
  color: var(--dark-blue);
  cursor: pointer;
  padding: 6px 12px;
  font-size: 16px;
  transition: background-color .5s, color .5s;
}

.quick-blog-button:hover {
  background-color: var(--dark-blue);
  color: var(--white);
}

.quick-blog-read-more {
  color: var(--brand-blue);
  margin-top: 20px;
  font-size: 24px;
}

.quick-blog-nav {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
}

.case-studies-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 30px;
  margin-bottom: 20px;
}

.case-studies-link-block {
  width: 100%;
  height: auto;
  cursor: pointer;
  text-decoration: none;
}

.case-studies-link-block:hover {
  text-decoration: underline;
}

.case-study-grid-image {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.blog-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: left;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 60px;
  font-size: 18px;
}

.blog-grid-item-holder {
  width: 100%;
  height: auto;
}

.blog-grid-thumbnail {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.blog-grid-title {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 24px;
}

.blog-grid-pages-nav {
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-grid-nav-link {
  color: var(--brand-blue);
  cursor: pointer;
  margin-left: 4px;
  margin-right: 4px;
  font-weight: 700;
  text-decoration: none;
  transition: color .5s;
}

.blog-grid-nav-link:hover {
  color: var(--accent-green);
}

.blog-grid-date {
  margin-bottom: 10px;
  font-size: 16px;
}

.latest-blog-holder {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.latest-blog-details-holder {
  width: 50%;
  height: auto;
  text-align: left;
}

.latest-blog-thumbnail {
  width: 45%;
  height: 280px;
  object-fit: cover;
  margin-right: 5%;
}

.contact-locations-grid {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 30px;
  margin-bottom: 40px;
  font-size: 18px;
}

.contact-location-holder {
  width: 100%;
  height: auto;
  min-height: 100%;
}

.contact-location-map-image {
  width: 100%;
  height: 160px;
  object-fit: cover;
  margin-bottom: 20px;
}

.support-links-holder {
  border-bottom: 1px solid var(--text);
  justify-content: space-around;
  align-items: center;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 30px;
  display: flex;
}

.support-link-holder {
  color: var(--text);
  cursor: pointer;
  align-items: center;
  margin-top: 14px;
  margin-bottom: 14px;
  padding-left: 34px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: color .5s;
  display: flex;
  position: relative;
}

.support-link-holder:hover {
  color: var(--brand-blue);
}

.support-link-icon {
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0;
}

.contact-page-details-holder {
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  padding: 30px 60px;
  line-height: 1;
  display: flex;
}

.service-card-reverse {
  background-color: var(--accent-green);
  color: var(--dark-blue);
  padding: 20px;
  font-size: 18px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.partner-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 60px;
}

.partner-grid-holder {
  width: 100%;
  height: auto;
  border-left: 1px solid var(--text);
  color: var(--white);
  text-align: left;
  background-color: #6cb4e4;
  background-image: url('../images/Tilt-White-Invert.svg'), url('../images/Tilt-White.svg');
  background-position: 50% -1px, 50% 101%;
  background-repeat: no-repeat, no-repeat;
  background-size: 110%, 110%;
  padding: 50px 30px 30px;
  font-size: 18px;
  transition: background-color .5s;
  position: relative;
}

.partner-grid-holder:hover {
  background-color: var(--accent-green);
}

.number-holder {
  width: 70px;
  height: 70px;
  background-color: var(--brand-blue);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  font-weight: 900;
  display: flex;
  position: absolute;
  top: -20px;
  left: 20px;
}

.responsive-menu, .phone-holder {
  display: none;
}

.testimonial-holder {
  text-align: center;
  padding: 14px 26px 1px;
  position: relative;
}

.testimonial-open-quote {
  width: 24px;
  height: 24px;
  opacity: .5;
  object-fit: fill;
  position: absolute;
  top: 0;
  left: 0;
}

.testimonial-open-quote.close {
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  transform: rotate(180deg);
}

.paragraph-3 {
  text-align: center;
}

.testimonial-name-title {
  text-align: center;
  margin-top: 10px;
  font-size: 24px;
}

.case-study-tabs {
  margin-top: 30px;
  display: flex;
}

.case-study-tabs-menu {
  width: 25%;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 30px;
  display: flex;
}

.case-study-tabs-content {
  width: 75%;
  height: auto;
  text-align: left;
  align-self: auto;
}

.case-study-tab {
  width: 100%;
  border: 1px solid var(--brand-blue);
  background-color: var(--white);
  color: var(--brand-blue);
  cursor: pointer;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  font-weight: 700;
  transition: background-color .5s, color .5s;
}

.case-study-tab:hover {
  background-color: var(--accent-green);
  color: var(--brand-blue);
}

.case-study-tab.w--current {
  background-color: var(--brand-blue);
  color: var(--white);
}

.case-study-tab-pane {
  width: 100%;
  height: 100%;
  padding-left: 20px;
}

.case-study-tab-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.child-menu-button {
  z-index: 9999;
  width: 80px;
  height: 80px;
  border: 2px solid var(--secondary-blue);
  background-color: var(--white);
  cursor: pointer;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: background-color .5s;
  display: flex;
  position: fixed;
  top: 78px;
  right: 20px;
}

.child-menu-button:hover {
  background-color: var(--accent-green);
}

.home-page-head-slider {
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  padding-right: 25%;
}

.home-page-head-left-arrow, .home-page-head-right-arrow, .home-page-head-slider-menu {
  display: none;
}

.home-slider-head {
  color: var(--white);
  text-align: left;
}

.menu-quick-links-holder {
  width: 100%;
  height: 100%;
  max-width: 1400px;
  min-height: 70px;
  min-width: 1200px;
  align-items: center;
  display: flex;
  position: relative;
}

.one-page-quote-grid {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
}

.one-page-quote-holder {
  width: 100%;
  height: 100%;
  text-align: left;
}

.one-page-quote-holder.grey {
  border: 1px solid var(--dark-blue);
  background-color: var(--accent-green);
  background-image: linear-gradient(145deg, var(--gradient-green), rgba(175, 186, 58, 0));
  color: var(--dark-blue);
  padding: 20px 20px 10px;
}

.one-page-quote-options-grid {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  text-align: left;
  grid-template-rows: auto;
  padding-top: 10px;
  font-size: 16px;
}

.one-page-quote-column {
  width: 100%;
  height: 100%;
  font-size: 15px;
}

.quote-option-condensed {
  width: 98%;
  height: 60px;
  border: 1px solid var(--dark-blue);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 2%;
  font-size: 18px;
  display: flex;
  overflow: hidden;
}

.quote-option-name {
  width: 100%;
  height: 100%;
  background-color: #7dccff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  display: flex;
}

.quote-option-amount {
  height: 100%;
  background-color: #0e6ba8;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.quote-option-total {
  width: 90px;
  height: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  font-size: 21px;
  line-height: 1;
  display: flex;
}

.quote-option-plus {
  width: 40px;
  height: 100%;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .8s;
  display: flex;
}

.quote-option-plus:hover {
  background-color: var(--dark-blue);
}

.quote-option-minus {
  width: 40px;
  height: 100%;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 11px;
  padding-right: 11px;
  transition: background-color .8s;
  display: flex;
}

.quote-option-minus:hover {
  background-color: var(--dark-blue);
}

.text-block-3 {
  height: 100%;
}

.quote-options-inner {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.one-page-quote-option-holder {
  margin-bottom: 20px;
}

.quote-label-holder {
  width: 100%;
  height: auto;
  min-height: 60px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.quote-spacer {
  height: 29px;
}

.quote-spacer.right {
  height: 4px;
}

.brochure-download-section {
  color: var(--white);
  background-image: linear-gradient(56deg, rgba(199, 212, 66, 0) 70%, rgba(199, 212, 66, .85) 70%), url('../images/as-background_03.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 100px 10%;
}

.brochure-download-section.clean {
  background-image: linear-gradient(56deg, rgba(199, 212, 66, 0) 70%, rgba(199, 212, 66, .85) 70%), linear-gradient(to bottom, var(--secondary-blue), var(--secondary-blue));
}

.brochure-cols-grid {
  grid-column-gap: 60px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
}

.brochure-cols-holder {
  width: 100%;
  height: 100%;
}

.brochure-cols-holder.brochure {
  position: relative;
}

.brochure-image {
  min-width: 45vw;
  position: absolute;
  bottom: 0;
  left: 0;
}

.brochure-download-form-block {
  margin-top: 30px;
}

.brochure-download-field {
  width: 100%;
  height: 50px;
  color: var(--black);
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 18px;
}

.brochure-download-button {
  width: 100%;
  height: 50px;
  background-color: var(--accent-green);
  color: var(--dark-blue);
  letter-spacing: 1px;
  cursor: pointer;
  border-radius: 10px;
  padding: 0 10px;
  font-size: 18px;
  font-weight: 400;
  transition: background-color .8s, color .8s;
}

.brochure-download-button:hover {
  background-color: var(--text);
  color: var(--white);
}

.brochure-download-button.alt-form {
  width: 49%;
  margin-right: 8px;
}

.brochure-download-button.alt-form.wide {
  width: 100%;
}

.brochure-download-form-grid {
  grid-column-gap: 12px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.white-heading {
  color: var(--white);
  font-size: 42px;
}

.spacer {
  height: 30px;
}

.spacer.large {
  height: 60px;
}

.landing-page-cols {
  grid-column-gap: 60px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
}

.landing-page-cols.testimonials {
  width: 100%;
  height: auto;
  min-width: 260px;
  color: var(--black);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 60px;
  font-size: 16px;
  line-height: 1.8;
  display: block;
  position: relative;
}

.lp-col-holder {
  width: 100%;
  height: 100%;
}

.landing-page-contact-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.contact-block {
  color: var(--secondary-blue);
  cursor: pointer;
  margin-bottom: 14px;
  text-decoration: none;
  transition: color .8s;
}

.contact-block:hover {
  color: var(--accent-green);
}

.contact-block-inner {
  height: 36px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 50px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.contact-block-inner.address {
  height: auto;
  max-width: 80%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.contact-block-icon {
  width: 36px;
  height: 36px;
  object-fit: contain;
  object-position: 0% 50%;
  position: absolute;
  left: 0;
}

.landing-page-heading {
  color: var(--secondary-blue);
  padding-right: 45%;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.landing-page-heading.white.grey {
  color: var(--brand-blue);
}

.landing-page-heading.h1, .landing-page-heading.column {
  padding-right: 0%;
}

.contact-block-holder {
  width: 100%;
  height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.alt-contact-form-block {
  border-left: 4px solid var(--accent-green);
  padding-left: 20px;
}

.alt-form-field {
  width: 100%;
  height: 50px;
  border: 2px solid var(--brand-blue);
  color: var(--black);
  border-radius: 10px;
  margin-bottom: 0;
  padding: 10px 16px;
  font-size: 18px;
}

.alt-form-field.message {
  height: 110px;
}

.alt-form-grid {
  grid-column-gap: 16px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  margin-bottom: 12px;
}

.form-gdpr-text {
  color: var(--black);
  margin-top: 12px;
  margin-bottom: 20px;
  font-size: 14px;
}

.lp-faqs-section {
  background-color: #f5f5f5;
  background-image: url('../images/as-background_04.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 10%;
}

.alt-faq-holder {
  width: 100%;
  height: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 2px solid var(--accent-green);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.alt-faq-holder.features {
  grid-row-gap: 16px;
  border-top: 0 rgba(0, 0, 0, 0);
  padding-left: 60px;
}

.all-faq-question {
  width: 100%;
  height: auto;
}

.alt-faq-wrapper {
  width: 100%;
  height: auto;
  border-bottom: 2px solid var(--accent-green);
}

.alt-faq-wrapper.benefits {
  border: 1px solid var(--brand-blue);
  border-radius: 10px;
  position: relative;
}

.alt-faq-answer {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}

.alt-faq-answer.benefits {
  padding-left: 30px;
}

.alt-faq-question {
  width: 100%;
  height: auto;
  color: var(--secondary-blue);
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 100px 20px 20px;
  display: flex;
  position: relative;
}

.alt-faq-question.benefits {
  color: var(--black);
  padding: 14px 80px 14px 30px;
}

.alt-faq-icon {
  background-color: var(--brand-blue);
  color: var(--accent-green);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  display: flex;
  position: absolute;
  top: 18px;
  bottom: 18px;
  right: 10px;
}

.alt-faq-icon.benefits {
  height: 100%;
  color: var(--brand-blue);
  background-color: rgba(0, 0, 0, 0);
  padding-top: 0;
  padding-bottom: 0;
  top: 0;
  bottom: 0;
}

.alt-faq-symbol {
  margin-right: 0;
  font-size: 24px;
  position: static;
}

.alt-testimonials-columns {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 3px solid var(--accent-green);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  padding-bottom: 50px;
  padding-left: 14px;
}

.text-title {
  margin-bottom: 6px;
  font-size: 21px;
  font-weight: 400;
}

.review-star-holder {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

._6-blocks-icon {
  width: 50px;
  height: 50px;
  object-fit: contain;
  object-position: 0% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hidden-slide-nav {
  display: none;
}

.alt-testimonials-slider {
  width: 100%;
  height: auto;
  max-width: 100%;
  min-width: 500px;
  background-color: rgba(0, 0, 0, 0);
}

.alt-testimonial-slider-mask {
  height: auto;
}

.alt-testimonial-panel {
  width: 100%;
  height: auto;
  border-top: 3px solid var(--accent-green);
  text-align: center;
  background-color: #f5f5f5;
  padding: 20px 20px 140px;
  font-size: 16px;
  line-height: 1.8;
  position: relative;
}

.al-testimonial-arrow {
  width: 8%;
  height: 40px;
  background-color: var(--white);
  color: var(--secondary-blue);
  cursor: pointer;
  margin: 31px 0 0;
  transition: color .8s;
  top: 100%;
  left: 42%;
  right: 50%;
}

.al-testimonial-arrow:hover {
  color: var(--accent-green);
}

.al-testimonial-arrow.right {
  left: 50%;
  right: 0%;
}

.alt-test-inner {
  background-color: var(--brand-blue);
  color: var(--white);
  padding: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.alt-test-quote-marks {
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
}

.testimonial-face {
  width: 60px;
  height: 60px;
  border: 5px solid var(--white);
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 100%;
  margin-top: -66px;
}

.testimonial-face.single {
  width: 80px;
  height: 80px;
  border-style: none;
  border-width: 0;
  margin-top: 0;
  margin-right: 30px;
  position: static;
}

.alt-test-name {
  margin-top: -10px;
  font-weight: 700;
}

.alt-test-outer-slide {
  height: 100%;
}

.alt-test-wrap {
  width: 100%;
  height: auto;
  min-height: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.image-logo-overlay {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 70%;
  right: 10%;
}

.image-logo-overlay-image {
  width: 90%;
  height: auto;
  margin-left: 10%;
}

.page-columns {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  color: var(--black);
  grid-template-rows: auto;
  margin-top: 30px;
  margin-left: 40px;
  margin-right: 50px;
}

.green-border-image {
  width: 447px;
  height: auto;
  max-height: 400px;
  min-height: 320px;
  min-width: 100%;
  object-fit: cover;
}

.green-border-image-holder {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.image-white-border {
  z-index: 1;
  width: 100%;
  height: 10px;
  border-top: 1px solid var(--accent-green);
  border-right: 1px solid var(--accent-green);
  border-left: 1px solid var(--accent-green);
  background-color: var(--white);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.image-white-border.bottom {
  z-index: 1;
  border-top: 0 rgba(0, 0, 0, 0);
  border-bottom: 1px solid var(--accent-green);
  top: auto;
  bottom: 0;
}

.image-white-border.left {
  width: 10px;
  height: 100%;
  border-right: 0 rgba(0, 0, 0, 0);
  border-bottom: 1px solid var(--accent-green);
  bottom: 0;
  right: auto;
}

.image-white-border.right {
  width: 10px;
  height: 100%;
  border-bottom: 1px solid var(--accent-green);
  border-left: 0 rgba(0, 0, 0, 0);
  bottom: 0;
  left: auto;
}

.image-white-corner-border {
  z-index: 2;
  width: 140px;
  height: 140px;
  background-color: var(--white);
  padding: 0 10px;
  position: absolute;
  bottom: -62px;
  right: -62px;
  transform: rotate(45deg);
}

.image-white-corner-border.reverse {
  left: -62px;
  right: auto;
  transform: rotate(135deg);
}

.image-white-corner-inner {
  width: 100%;
  height: 100%;
  border-left: 1px solid var(--accent-green);
}

.image-white-corner-inner.reverse {
  transform: rotate(90deg);
}

.image-blocks-icon-overlay {
  z-index: 3;
  width: 50px;
  height: 50px;
  object-fit: contain;
  object-position: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
}

.image-blocks-icon-overlay.reverse {
  object-position: 100% 100%;
  left: auto;
  right: 0;
  transform: rotate(270deg);
}

.as-benefit-grid {
  grid-column-gap: 80px;
  grid-row-gap: 40px;
  text-align: center;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 40px;
}

.benefit-icon {
  width: 110px;
  height: 110px;
  object-fit: contain;
  margin-bottom: 20px;
}

.as-benefit-title {
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 700;
}

.accreditations-layout {
  border-top: 3px solid var(--accent-green);
  border-bottom: 3px solid var(--accent-green);
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  padding: 30px 40px;
  display: flex;
}

.accreditations-layout.inner {
  border-top: 0 rgba(0, 0, 0, 0);
  margin-top: 20px;
  padding-bottom: 60px;
}

.as-accred-logo {
  width: auto;
  height: 90px;
  object-fit: contain;
}

.as-accred-logo.lp-head {
  height: 80px;
  max-width: 29%;
  margin-left: 16px;
}

.as-accred-logo.full {
  max-width: 19%;
}

.alt-faq-wrapper-check {
  width: 30px;
  height: 30px;
  background-color: var(--white);
  object-fit: contain;
  object-position: 50% 50%;
  position: absolute;
  top: 12px;
  left: -15px;
}

.as-lp-head-columns {
  grid-column-gap: 60px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.lp-buttons-holder {
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.lp-buttons-holder.center {
  justify-content: center;
}

.lp-button {
  height: 50px;
  background-color: var(--dark-blue);
  color: var(--accent-green);
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  padding: 0 26px;
  transition: background-color .8s, color .8s;
  display: flex;
}

.lp-button:hover {
  background-color: var(--text);
  color: var(--white);
}

.lp-button.alt {
  background-color: var(--accent-green);
  color: var(--dark-blue);
}

.lp-button.alt:hover {
  background-color: var(--text);
  color: var(--white);
}

.lp-head-secondary-grid {
  grid-column-gap: 60px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  margin-top: 40px;
}

.lp-head-sec-left {
  width: 100%;
  height: 100%;
  border-top: 2px solid var(--accent-green);
  border-bottom: 2px solid var(--accent-green);
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  font-size: 16px;
  line-height: 1.8;
  display: flex;
}

.lp-head-sec-right {
  width: 100%;
  height: 100%;
  grid-column-gap: 2%;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.single-quote-name {
  color: var(--black);
  font-family: urw-din, sans-serif;
  font-weight: 700;
  display: block;
}

.quote-form-holder-section {
  width: 100%;
  background-image: url('../images/as-background_03.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100px;
  padding-left: 10%;
  padding-right: 10%;
}

.quote-form-holder-section.video {
  border-top: 12px solid var(--accent-green);
  background-color: var(--background-grey);
  color: var(--secondary-blue);
  background-image: none;
  position: relative;
}

.lp-quote-form-holder {
  border: 2px solid var(--accent-green);
  background-color: var(--white);
  color: var(--black);
  margin-top: -320px;
  padding: 34px;
  font-size: 18px;
}

.lp-quote-form-holder.video {
  background-color: rgba(0, 0, 0, 0);
  border: 0 rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -280px;
  margin-bottom: 30px;
  padding: 0;
  display: flex;
}

.quote-form-title {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 700;
}

.lp-quote-form-inner {
  border-top: 2px solid var(--accent-green);
  margin-top: 20px;
  padding-top: 30px;
}

.lp-quote-form-inner-rows {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 40px;
  display: flex;
}

.lp-quote-form-inner-rows.quote-form {
  margin-bottom: 0;
}

.lp-quote-form-option {
  border-left: 3px solid var(--accent-green);
  padding-left: 14px;
}

.lp-quote-form-option.quote-form {
  width: 100%;
}

.lp-quote-form-option.mobile-left {
  margin-right: 20px;
}

.lp-quote-form-option.mobile-right {
  margin-left: 20px;
}

.lp-quote-option-title {
  margin-right: 12px;
  font-size: 21px;
  font-weight: 700;
}

.lp-quote-options-inner {
  margin-top: 16px;
  display: flex;
}

.lp-quote-options-title-holder {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lp-quote-tool-tip-holder {
  width: 26px;
  height: 26px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.lp-quote-option-box {
  width: 150px;
  box-shadow: 0 0 4px 1px var(--background-grey);
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  transition: box-shadow .8s;
  display: flex;
}

.lp-quote-option-box:hover {
  box-shadow: 2px 0 6px 2px var(--background-grey);
}

.lp-quote-option-image {
  width: 80px;
  height: 60px;
  object-fit: contain;
  margin-top: 14px;
  margin-bottom: 10px;
}

.lp-option-note {
  width: 100%;
  background-color: var(--accent-green);
  text-align: center;
  padding: 6px 4px;
  font-size: 13px;
}

.lp-quote-option-quantity-box {
  width: 100%;
  height: 34px;
  color: var(--text);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 14px;
  padding-left: 46px;
  padding-right: 46px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: relative;
}

.lp-quote-option-minus {
  width: 34px;
  height: 34px;
  cursor: pointer;
  transition: filter .8s;
  position: absolute;
  left: 10px;
}

.lp-quote-option-minus:hover {
  filter: brightness(80%);
}

.lp-quote-option-plus {
  width: 34px;
  height: 34px;
  cursor: pointer;
  transition: filter .8s;
  position: absolute;
  right: 10px;
}

.lp-quote-option-plus:hover {
  filter: brightness(80%);
}

.lp-quote-spacer {
  width: 14px;
}

.lp-quote-spacer.small {
  display: none;
}

.lp-quote-tool-tip {
  width: 200px;
  background-color: var(--secondary-blue);
  color: var(--white);
  text-align: left;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 16px;
  display: none;
  position: absolute;
  bottom: 26px;
}

.lp-quote-form-block {
  width: 100%;
  margin-bottom: 0;
}

.lp-quote-form-grid {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  margin-bottom: 20px;
}

.test-head {
  z-index: 999;
  width: 100%;
  height: 72px;
  background-color: var(--brand-blue);
  position: fixed;
}

.mobile-column {
  justify-content: flex-start;
  display: flex;
}

.it-location-link {
  cursor: pointer;
}

.it-location-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.triple-text-box-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 80px;
}

.triple-text-box-grid.alt {
  grid-row-gap: 110px;
  margin-top: 110px;
}

.triple-text-box-holder {
  width: 100%;
  height: 100%;
  border: 2px solid var(--accent-green);
  background-color: var(--white);
  color: var(--brand-blue);
  border-radius: 10px;
  padding: 94px 24px 4px;
  font-size: 18px;
  position: relative;
}

.triple-text-box-holder.alt {
  text-align: center;
  border-width: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 66px;
  padding-bottom: 34px;
  display: flex;
}

.triple-text-box-holder.alt2 {
  border-width: 1px;
  border-color: var(--background-grey);
  text-align: center;
  cursor: pointer;
  background-color: #eee;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 66px;
  padding-bottom: 34px;
  text-decoration: none;
  transition: border-color 1s, box-shadow 1s, color 1s, background-color 1s;
  display: flex;
}

.triple-text-box-holder.alt2:hover {
  border-color: var(--dark-blue);
  color: var(--dark-blue);
  background-color: #fff;
  box-shadow: 0 2px 12px 2px rgba(0, 0, 0, .35);
}

.triple-text-box-holder.it-areas {
  border-width: 1px;
  border-color: var(--background-grey);
  text-align: center;
  cursor: pointer;
  background-color: #eee;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 66px;
  padding-bottom: 55px;
  text-decoration: none;
  transition: border-color 1s, box-shadow 1s, color 1s, background-color 1s;
  display: flex;
}

.triple-text-box-holder.it-areas:hover {
  border-color: var(--dark-blue);
  background-color: var(--accent-green);
  color: var(--dark-blue);
  box-shadow: 0 2px 12px 2px rgba(0, 0, 0, .35);
}

.triple-text-icon {
  width: 80px;
  height: 80px;
  object-fit: contain;
  position: absolute;
  top: 20px;
  right: 20px;
}

.triple-text-title {
  font-size: 28px;
  line-height: 1.2;
}

.column-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
}

.column-holder {
  width: 100%;
  height: auto;
}

.lp-video-player {
  border-bottom: 10px solid var(--accent-green);
}

.find-out-more-link {
  width: 100%;
  color: var(--secondary-blue);
  white-space: nowrap;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  font-weight: 700;
  text-decoration: none;
  transition: color .8s;
  display: flex;
  position: static;
}

.find-out-more-link:hover {
  color: var(--accent-green);
}

.find-out-more-link.case-studies {
  color: var(--white);
  margin-top: 40px;
}

.find-out-more-link.case-studies:hover {
  color: var(--accent-green);
}

.find-out-more-link.case-studies.grey {
  color: var(--secondary-blue);
}

.cyber-icons-holder {
  width: 100%;
  height: auto;
  border-bottom: 2px solid var(--accent-green);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.cyber-icon {
  width: 220px;
  height: 110px;
  object-fit: contain;
  margin: 10px 20px;
}

.triple-text-icon-holder {
  width: 120px;
  height: 120px;
  border: 6px solid var(--brand-blue);
  background-color: var(--accent-green);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: -60px;
}

.triple-text-down {
  width: 50px;
  height: 50px;
  border: 2px solid var(--accent-green);
  background-color: var(--brand-blue);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: -25px;
}

.triple-text-icon-inner {
  width: 70px;
  height: 70px;
  object-fit: contain;
}

.triple-text-down-arrow {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.it-sectors-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.it-support-sector-option {
  width: 100%;
  height: 100%;
  color: var(--brand-blue);
  text-align: center;
  background-color: #f7f7f7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 44px 24px 10px;
  font-weight: 400;
  text-decoration: none;
  transition: background-color 1s;
  display: flex;
  position: relative;
}

.it-support-sector-option:hover {
  background-color: var(--accent-green);
}

.it-sector-option-title {
  font-size: 26px;
  font-weight: 400;
}

.it-support-sector-icon {
  width: 100%;
  height: 100px;
  object-fit: contain;
}

.it-support-sector-notch {
  width: 30px;
  height: 30px;
  background-color: var(--white);
  position: absolute;
  top: -15px;
  transform: rotate(45deg);
}

.find-out-more-arrow {
  width: 150px;
  height: 20px;
  object-fit: contain;
  object-position: 100% 50%;
  margin-left: 16px;
  position: static;
  right: 0;
}

.case-study-slider {
  width: 67%;
  height: 436px;
  margin-right: 2%;
}

.case-study-slider.wide {
  width: 100%;
}

.case-study-slider-grid {
  width: 31%;
  height: auto;
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

.case-study-slider-nav {
  width: 50px;
  height: 50px;
  background-color: var(--accent-green);
  color: var(--brand-blue);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 30px;
  transition: background-color .8s;
  display: flex;
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.case-study-slider-nav:hover {
  background-color: var(--gradient-green);
}

.case-study-slider-nav.right {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  bottom: 30px;
  left: 100px;
}

.case-study-slide {
  width: 100%;
  height: 100%;
  position: relative;
}

.case-study-slide-background {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-study-slide-background.wide {
  height: 300px;
}

.case-study-slide-content {
  width: 200px;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
  padding: 50px 30px 100px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.case-study-slide-content.wide {
  width: 300px;
  padding-bottom: 50px;
  transition: background-color 1s;
}

.case-study-slide-content.wide:hover {
  background-color: rgba(0, 0, 0, .9);
}

.case-study-slide-title {
  color: var(--white);
  margin-top: 0;
  font-size: 24px;
  font-weight: 700;
}

.case-study-slider-mask {
  width: 100%;
  height: 100%;
}

.case-study-slider-grid-option {
  width: 100%;
  height: 132px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.case-study-slider-grid-option.grey {
  color: var(--secondary-blue);
}

.case-study-grid-option-link {
  width: 58%;
  height: 100%;
  cursor: pointer;
}

.case-study-image-background {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter .8s;
}

.case-study-image-background:hover {
  filter: brightness(80%);
}

.case-study-option-link {
  width: 42%;
  color: var(--white);
  padding-left: 5%;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: color .8s;
}

.case-study-option-link:hover {
  color: var(--accent-green);
}

.case-study-option-link.grey {
  color: var(--secondary-blue);
  font-weight: 700;
}

.case-study-link-arrow {
  width: 100%;
}

.lp-case-study-holder {
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.case-study-slide-link {
  width: 100%;
  height: 100%;
  background-color: var(--black);
  color: var(--accent-green);
  cursor: pointer;
  text-decoration: none;
  position: relative;
}

.case-study-slide-link.wide {
  color: var(--accent-green);
  transition: color 1s, box-shadow 1s;
}

.case-study-slide-link.wide:hover {
  color: var(--white);
  box-shadow: 0 2px 12px 2px rgba(0, 0, 0, .75);
}

.page-sub-text {
  color: var(--accent-green);
  text-transform: uppercase;
  margin-top: -12px;
  font-size: 21px;
  font-weight: 700;
}

.green-border-top {
  width: 50%;
  height: 10px;
  background-color: var(--accent-green);
  position: absolute;
  top: 0;
  left: 0;
}

.green-border-top.bottom {
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
}

.green-border-top.right {
  left: auto;
  right: 0;
}

.title-accreds-layout {
  border-top: 3px solid var(--accent-green);
  padding-top: 40px;
}

.laptop-tabs {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  margin-top: 30px;
  padding: 0;
  display: flex;
}

.laptop-tabs-menu {
  width: 30%;
  height: 400px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  margin-right: -120px;
  padding-bottom: 36px;
  padding-right: 16px;
  display: flex;
}

.laptop-tabs-content {
  width: 70%;
  height: 400px;
  background-image: url('../images/Computer.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 0 0 60px;
  padding: 66px 146px 100px;
}

.laptop-tab-link {
  height: 50px;
  border: 1.5px solid var(--accent-green);
  background-color: var(--white);
  color: var(--secondary-blue);
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 26px 0 16px;
  font-weight: 400;
  transition: color 1s, background-color 1s;
  display: flex;
}

.laptop-tab-link:hover {
  background-color: var(--brand-blue);
  color: var(--white);
}

.laptop-tab-link.w--current {
  background-color: var(--accent-green);
}

.laptop-tab-pane {
  width: 100%;
  height: 100%;
  overflow: scroll;
}

.laptop-tab-link-icon {
  width: 32px;
  height: 32px;
  background-color: var(--secondary-blue);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 9px;
  right: -16px;
}

.laptop-icon-inner {
  width: 18px;
  height: 18px;
  object-fit: contain;
  transform: rotate(-90deg);
}

.laptop-tabs-pane-inner {
  width: 100%;
  height: auto;
}

.relative-9-blocks {
  width: 50px;
  height: 50px;
  object-fit: contain;
  position: absolute;
  bottom: 50px;
  right: 50px;
  transform: rotate(270deg);
}

.blue-bg-div {
  width: 100%;
  object-fit: contain;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(180deg);
}

.offer-tabs {
  width: 100%;
  height: auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.offer-tabs-menu {
  width: 30%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.offer-tabs-content {
  width: 70%;
  height: 100%;
  border: 1px solid var(--accent-green);
  padding: 12px;
}

.offer-tabs-link {
  height: 70px;
  border-right: 12px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid var(--background-grey);
  border-left: 6px solid var(--accent-green);
  background-color: var(--white);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-right: 12px;
  padding: 0 16px;
  line-height: 1.1;
  transition: margin 1s, color 1s, background-color 1s;
  display: flex;
}

.offer-tabs-link:hover {
  background-color: var(--background-grey);
}

.offer-tabs-link.w--current {
  background-color: var(--accent-green);
  color: var(--white);
  margin-right: 0;
  font-weight: 700;
}

.offer-tabs-pane {
  width: 100%;
  height: 420px;
  min-height: 490px;
  border-right: 12px solid var(--accent-green);
  background-color: var(--white);
  color: var(--black);
  background-image: url('../images/Mag-Bgd.png');
  background-position: 300px 140px;
  background-repeat: no-repeat;
  background-size: 489px;
  padding: 40px 30px;
  overflow: scroll;
}

.hwdit-tabs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.hwdit-tabs-menu {
  width: 100%;
  height: auto;
  border-bottom: 2px solid var(--accent-green);
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.hwdit-tabs-content {
  width: 100%;
  border-bottom: 2px solid var(--accent-green);
  padding: 40px 20px 30px;
}

.hwdit-tab-link {
  width: 170px;
  height: 100%;
  min-height: 256px;
  color: var(--secondary-blue);
  text-align: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0 20px 40px;
  font-weight: 700;
  transition: color 1s;
  display: flex;
}

.hwdit-tab-link:hover {
  color: var(--accent-green);
}

.hwdit-tab-link.w--current {
  background-color: rgba(0, 0, 0, 0);
}

.hwdit-tab-pane {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.hwdit-tab-image-holder {
  width: 150px;
  height: 150px;
  background-color: var(--accent-green);
  border-radius: 100%;
  margin-bottom: 12px;
  padding: 6px;
  position: relative;
  overflow: hidden;
}

.hwdit-tab-image-overlay {
  z-index: 1;
  width: 150px;
  height: 150px;
  background-color: #f7f7f7;
  position: absolute;
  bottom: 50px;
  left: 50px;
  transform: rotate(45deg);
}

.hwdit-tab-image {
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
  position: relative;
}

.hwdit-link-icon {
  width: 46px;
  height: 46px;
  background-color: var(--accent-green);
  color: var(--white);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: -23px;
}

.hwdit-icon-inner {
  width: 42px;
  height: 42px;
  background-color: var(--white);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hwdit-icon-center {
  width: 38px;
  height: 38px;
  background-color: var(--accent-green);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-size: 22px;
  line-height: 1;
  display: flex;
}

.hwdit-icon {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.hwdit-inner-icon {
  margin: 0;
  transform: rotate(-90deg);
}

.double-para {
  width: 100%;
  height: auto;
  column-count: 2;
  column-gap: 60px;
}

.laptop-video-holder {
  width: 860px;
  height: 500px;
  object-fit: contain;
  background-image: url('../images/Layer-568.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 25px 104px 60px;
}

.laptop-video {
  width: 100%;
  height: 100%;
  background-color: var(--black);
}

.form-button {
  width: 100%;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #020202;
  border: 1px solid #fff;
  transition: background-color .8s;
}

.form-button:hover {
  background-color: #ff7300;
}

.text-block-4 {
  cursor: pointer;
}

.menu-button {
  width: 34px;
  height: 34px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-left: 12px;
  display: none;
  position: relative;
  overflow: hidden;
}

.email-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  margin-left: 12px;
}

.para-link-2 {
  color: #020202;
  cursor: pointer;
  background-color: #ffd900;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .5s;
}

.para-link-2:hover {
  background-color: #ff7300;
}

.para-link-2.contact-box {
  width: 152px;
  height: 42px;
  border: 1px solid var(--white);
  background-color: var(--accent-green);
  color: var(--dark-blue);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  transition: border-color .8s, color .8s, background-color .8s;
  display: flex;
}

.para-link-2.contact-box:hover {
  border-color: var(--accent-green);
  color: var(--accent-green);
  background-color: rgba(0, 0, 0, 0);
}

.menu-items-inner {
  width: 100%;
  height: 100%;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.background-blur {
  z-index: 998;
  width: 100%;
  height: 100%;
  filter: blur(5px);
  background-color: rgba(255, 255, 255, .9);
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.form-close-button {
  width: 30px;
  height: 30px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-size: 21px;
  font-weight: 900;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 18px;
  right: 18px;
}

.menu-link {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
  transition: color .8s;
}

.menu-link:hover {
  color: var(--accent-green);
}

.contact-drawer {
  z-index: 999;
  width: 600px;
  height: auto;
  background-color: #ffd900;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 30px 30px;
  font-size: 18px;
  display: none;
  position: fixed;
  top: 120px;
  right: 0;
  overflow: hidden;
}

.menu-items-holder {
  width: 100%;
  height: 100%;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  font-size: 16px;
  display: block;
}

.logo-link {
  z-index: 2;
  width: auto;
  height: 32px;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 20px;
}

.get-in-touch-form {
  width: 100%;
  height: auto;
  text-align: center;
}

.brand-logo {
  width: 220px;
  height: 32px;
  object-fit: contain;
  object-position: 50% 50%;
}

.menu-item {
  margin-left: 12px;
  margin-right: 12px;
}

.menu-item.dropdown {
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-link {
  color: #020202;
  cursor: pointer;
  font-weight: 700;
  text-decoration: none;
}

.form-link:hover {
  text-decoration: underline;
}

.contact-holder {
  height: 72px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
}

.text-field {
  height: 50px;
  margin-bottom: 4px;
}

.text-field.text-area {
  height: 116px;
}

.form-label {
  margin-top: 10px;
  margin-bottom: 12px;
  margin-left: 2px;
  font-size: 16px;
}

.form-label.gdpr {
  font-size: 14px;
}

.nav-bar-holder {
  z-index: 998;
  width: 100%;
  height: 72px;
  border-bottom: 1px solid var(--dark-blue);
  background-color: var(--brand-blue);
  background-image: linear-gradient(145deg, var(--secondary-blue), rgba(39, 90, 140, 0));
  justify-content: flex-end;
  align-items: center;
  padding-left: 268px;
  padding-right: 192px;
  display: flex;
  position: fixed;
  top: 40px;
  left: 0;
  right: 0;
}

.form-grid {
  grid-column-gap: 14px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 10px;
}

.menu-mega-drawer {
  width: 100vw;
  height: auto;
  background-color: var(--brand-blue);
  color: var(--white);
  justify-content: space-around;
  align-items: center;
  padding: 30px 30px 90px;
  display: none;
  position: absolute;
  top: 72px;
  left: 0;
  right: 0;
}

.new-nav-content-inner {
  width: 100%;
  height: auto;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  display: grid;
}

.new-menu-title-link {
  color: var(--white);
  cursor: pointer;
  margin-bottom: 6px;
  font-size: 18px;
  text-decoration: none;
  transition: color .8s;
  display: block;
}

.new-menu-title-link:hover {
  color: var(--accent-green);
}

.new-menu-item-links {
  color: var(--white);
  white-space: normal;
  cursor: pointer;
  margin-bottom: 4px;
  font-size: 16px;
  text-decoration: none;
  transition: color .8s;
  display: block;
}

.new-menu-item-links:hover {
  color: var(--accent-green);
}

.brand-icon {
  display: none;
}

.icon-title-holder {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.icon-title {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.checks-title {
  font-size: 28px;
  line-height: 1.2;
}

.checks-list {
  border-left: 6px solid var(--accent-green);
  margin-left: 26px;
  padding-left: 40px;
}

.checks-list.red {
  border-left-color: red;
}

.checks-list.green {
  border-left-color: #0dff00;
}

.footer-inner-column {
  width: 100%;
  height: auto;
  grid-row-gap: 9px;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  display: flex;
}

.home-sub {
  color: var(--accent-green);
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 700;
}

.new-services-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 30px;
}

.new-services-grid._3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.new-service-item-link {
  width: auto;
  height: auto;
  color: var(--secondary-blue);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.new-service-item-link:hover {
  color: var(--dark-blue);
}

.right-border {
  width: 1px;
  height: auto;
  position: absolute;
}

.new-service-item-title {
  margin-bottom: 10px;
  font-size: 21px;
  line-height: 1.2;
}

.new-service-item-image {
  width: 60px;
  height: 60px;
}

.support-case-studies-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
}

.new-service-item {
  width: 100%;
  height: auto;
  color: var(--text);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 16px;
  display: flex;
}

.triple-text-title-2 {
  font-size: 28px;
  line-height: 1.2;
}

.blog-grid-title-link {
  color: var(--brand-blue);
  cursor: pointer;
  text-decoration: none;
  transition: color 1s;
}

.blog-grid-title-link:hover {
  color: var(--dark-blue);
}

.it-support-area-grid {
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 60px;
}

.it-area-flag {
  width: 100px;
  height: 100px;
  background-color: var(--brand-blue);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
  position: absolute;
  top: -30px;
}

.it-areas-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.it-areas-title {
  font-size: 24px;
  line-height: 1.2;
}

.ep {
  position: absolute;
  bottom: 6px;
}

.ft-new {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}

.ft-new-link {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.top-links {
  z-index: 999;
  width: 100%;
  height: auto;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: var(--dark-blue);
  justify-content: flex-end;
  align-items: center;
  padding: 6px 20px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.columns {
  grid-column-gap: 60px;
  grid-row-gap: 20px;
  border-bottom: 3px solid var(--accent-green);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  display: grid;
}

.column {
  width: 100%;
  height: auto;
}

.team-member-card {
  width: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.team-thumb {
  width: 120px;
  height: 120px;
  border: 4px solid var(--brand-blue);
  object-fit: cover;
  border-radius: 100%;
}

.team-member-info {
  width: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-member-name {
  font-size: 24px;
  font-weight: 700;
}

.team-member-linkedin {
  color: var(--brand-blue);
  cursor: pointer;
  text-decoration: none;
  transition: color 1s;
}

.team-member-linkedin:hover {
  color: var(--accent-green);
}

.para-title {
  color: var(--secondary-blue);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

.para-title.white.grey {
  color: var(--brand-blue);
}

.para-title.h1, .para-title.column {
  padding-right: 0%;
}

.consultation-form {
  width: 100%;
  height: auto;
}

.consultation-form-inner {
  width: 100%;
  height: auto;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.consult-grid {
  grid-column-gap: 20px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.simple-header {
  background-color: var(--dark-blue);
  background-image: linear-gradient(-145deg, var(--brand-blue), var(--dark-blue));
  color: var(--white);
  padding: 180px 10% 60px;
}

.author-holder {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.author-image {
  width: 120px;
  height: 120px;
  border: 4px solid var(--accent-green);
  object-fit: cover;
  border-radius: 100%;
}

.author-share-box {
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.social-share-title {
  margin-right: 20px;
}

.share-icons-holder {
  grid-column-gap: 6px;
  display: flex;
}

.social-link {
  width: 40px;
  height: 40px;
  filter: brightness();
  transition: filter 1s;
}

.social-link:hover {
  filter: brightness(65%);
}

.social-link.social-share {
  background-color: var(--brand-blue);
  filter: none;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: background-color 1s;
  display: flex;
}

.social-link.social-share:hover {
  background-color: var(--dark-blue);
}

.social-icon-2 {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (min-width: 1280px) {
  .body-section.large.bgimage {
    padding-bottom: 156px;
  }

  .body-container.one-page-quote {
    max-width: 1280px;
  }

  .body-container.cyber-stuff {
    padding-right: 30%;
  }

  .one-page-quote-holder.grey {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .one-page-quote-column {
    font-size: 16px;
  }

  .quote-option-condensed {
    height: 68px;
  }

  .quote-option-name {
    font-size: 16px;
  }

  .quote-spacer {
    height: 43px;
  }

  .landing-page-heading {
    font-size: 44px;
  }

  .image-logo-overlay-image {
    width: 80%;
  }

  .lp-quote-form-inner-rows {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .laptop-video-holder {
    padding-bottom: 60px;
    padding-left: 104px;
    padding-right: 104px;
  }

  .para-title {
    font-size: 44px;
  }
}

@media screen and (min-width: 1440px) {
  .body-section.large.bgimage {
    padding-bottom: 170px;
  }

  .body-container.one-page-quote {
    max-width: 1400px;
  }

  .body-container.cyber-stuff {
    padding-right: 25%;
  }

  .form-heading.one-page {
    font-size: 40px;
  }

  .quote-option-condensed {
    height: 60px;
  }

  .quote-spacer {
    height: 28px;
  }

  .brochure-image {
    max-height: 120%;
    min-height: auto;
    min-width: 45vw;
    object-fit: contain;
    object-position: 0% 100%;
    bottom: -40px;
  }

  .landing-page-heading {
    font-size: 46px;
  }

  .image-logo-overlay-image {
    width: 70%;
  }

  .quote-form-holder-section {
    padding-left: 12%;
    padding-right: 12%;
  }

  .cyber-icon {
    width: 240px;
    height: 120px;
  }

  .it-sector-option-title {
    font-size: 28px;
  }

  .it-support-sector-icon {
    height: 110px;
  }

  .laptop-tabs-menu {
    height: 460px;
  }

  .laptop-tabs-content {
    height: 460px;
    padding-top: 70px;
    padding-bottom: 126px;
  }

  .offer-tabs-pane {
    background-position: 360px 120px;
  }

  .laptop-video-holder {
    width: 930px;
    height: 540px;
    padding: 27px 112px 65px;
  }

  .it-areas-title {
    font-size: 26px;
  }

  .para-title {
    font-size: 46px;
  }
}

@media screen and (min-width: 1920px) {
  .body-section.large.bgimage {
    padding-bottom: 180px;
  }

  .body-container.one-page-quote {
    max-width: 1600px;
  }

  .body-container.cyber-stuff {
    padding-right: 15%;
  }

  .form-heading.one-page {
    color: var(--dark-blue);
    font-size: 42px;
  }

  .landing-page-heading {
    font-size: 48px;
  }

  .landing-page-heading.h1 {
    font-size: 52px;
  }

  .image-logo-overlay-image {
    width: 60%;
  }

  .as-accred-logo.full {
    max-width: 18%;
  }

  .lp-quote-option-box {
    width: 170px;
  }

  .lp-quote-option-image {
    width: 86px;
    height: 66px;
    margin-bottom: 20px;
  }

  .lp-option-note {
    font-size: 15px;
  }

  .lp-quote-option-quantity-box {
    margin-top: 18px;
    margin-bottom: 16px;
  }

  .lp-quote-spacer {
    width: 18px;
  }

  .triple-text-box-holder {
    padding: 104px 30px 14px;
    font-size: 21px;
  }

  .triple-text-box-holder.alt, .triple-text-box-holder.alt2 {
    padding-top: 76px;
    padding-bottom: 46px;
  }

  .triple-text-box-holder.it-areas {
    padding-top: 76px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .triple-text-icon {
    width: 90px;
    height: 90px;
  }

  .triple-text-title {
    font-size: 32px;
  }

  .cyber-icon {
    height: 130px;
  }

  .it-sector-option-title {
    font-size: 32px;
  }

  .it-support-sector-icon {
    height: 120px;
  }

  .laptop-video-holder {
    width: 950px;
    height: 550px;
    padding: 28px 114px 66px;
  }

  .menu-items-holder {
    font-size: 18px;
  }

  .checks-title {
    font-size: 32px;
  }

  .new-services-grid._3 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .triple-text-title-2 {
    font-size: 32px;
  }

  .it-areas-title {
    font-size: 28px;
  }

  .para-title {
    font-size: 48px;
  }

  .para-title.h1 {
    font-size: 52px;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 18px;
  }

  h1 {
    font-size: 50px;
  }

  .body-section {
    padding: 40px 5% 80px;
  }

  .body-section.grey-background.blue-triangle {
    background-position: 50% 100.1%;
    background-size: 100%;
  }

  .body-section.grey-background.blue-divider {
    text-align: left;
    background-size: 150%;
  }

  .body-section.grey-background.green-divider {
    background-size: 150%;
  }

  .body-section.am-background {
    background-position: 50% 100.1%, 0 0, 50%;
    background-size: 100%, auto, 1%;
  }

  .body-section.am-background.blue-divider {
    background-size: 150%, auto, 4%;
    padding-bottom: 80px;
  }

  .body-section.blue-with-image {
    background-position: 50% 100.1%, 0 0, 50% 0;
    background-size: 100%, auto, cover;
  }

  .body-section.grey-with-icon.testimonial {
    background-image: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), url('../images/as-favicon.png');
    background-size: auto, 20px;
  }

  .body-section.grey-divider {
    text-align: left;
    background-position: 50% 100.1%;
    background-size: 150%;
  }

  .body-section.amazing-way {
    background-position: 50% 100.1%, 0 0;
    background-size: 100%, auto;
  }

  .body-section.brochure-download {
    min-height: 500px;
    text-align: left;
    padding-right: 220px;
    position: relative;
  }

  .body-section.brochure-download.white-divider, .body-section.brochure-download.blue-divider {
    background-size: 150%, auto;
  }

  .body-section.blue-background {
    padding-bottom: 80px;
  }

  .body-section.blue-background.white-divider {
    background-size: 150%, auto, cover;
  }

  .body-section.blue-background.white-divider.centered {
    text-align: left;
    padding-bottom: 80px;
  }

  .body-section.blue-background.green-divider, .body-section.blue-background.grey-divider {
    background-size: 150%, auto, cover;
  }

  .body-section.green-background {
    padding-bottom: 80px;
  }

  .body-section.green-background.blue-divider, .body-section.green-background.white-divider {
    background-size: 150%, auto, cover;
  }

  .body-section.white-background {
    padding-bottom: 80px;
  }

  .body-section.white-background.blue-divider, .body-section.white-background.green-divider {
    background-size: 150%;
  }

  .body-section.the-amazing-way.green-divider {
    background-size: 150%, auto;
  }

  .body-section.top-section {
    text-align: left;
  }

  .body-section.quick-links {
    display: none;
  }

  .body-section.grey-white-divider {
    background-size: 150%;
  }

  .body-section.child-service-menu {
    top: 72px;
  }

  .body-section.home-page {
    background-image: linear-gradient(110deg, var(--dark-blue), var(--brand-blue) 70%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0)), url('../images/open-laptop.jpg');
    background-position: 0 0, 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .body-section.one-page-form {
    height: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .body-section.landing-page-form, .body-section.cyber-stuff, .body-section.large {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .body-section.large.blue.relative {
    background-position: 82% 82%, 100% 100%;
    background-size: auto 160px, auto 85%;
    padding-bottom: 236px;
  }

  .body-section.as-benefits {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .body-section.lp-head {
    padding-top: 80px;
  }

  .body-section.image-overlay {
    background-image: linear-gradient(175deg, rgba(14, 107, 168, .85) 65%, #fff 65%), url('../images/as-background-cyber_essentials.jpg');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .body-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .body-container.services {
    text-align: left;
  }

  .h1-title {
    font-size: 8vh;
  }

  .paragraph.left.white {
    margin-right: 0%;
  }

  .blue-button.green.full-width {
    z-index: 2;
    margin-top: 0;
    position: absolute;
    top: auto;
    bottom: 8px;
    left: 8px;
    right: 8px;
  }

  .blue-button.green.cta {
    margin-bottom: 10px;
  }

  .blue-button.cta {
    min-width: 220px;
    margin-bottom: 10px;
  }

  .blue-button.one-page-quote {
    width: 97%;
    margin-right: 3%;
  }

  .nav-link.nav-button {
    position: static;
  }

  .logo {
    width: auto;
    max-width: 260px;
    min-width: 200px;
    position: static;
  }

  .menu-quick-links.update {
    display: none;
  }

  .video {
    height: 100%;
    overflow: hidden;
  }

  .columns-holder {
    flex-direction: column;
    padding-top: 420px;
    position: relative;
  }

  .columns-holder.contact-form, .columns-holder.static {
    margin-top: 0;
    padding-top: 0;
    position: static;
  }

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

  .services-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .services-grid.locations {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .services-link-box {
    height: auto;
    min-height: 210px;
    text-align: center;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .services-link-box.locations {
    min-height: 300px;
  }

  .services-button {
    width: 80%;
    bottom: 20px;
  }

  .column-image {
    height: 260px;
    object-fit: cover;
    margin-right: 2%;
  }

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

  .right-column.right {
    width: 65%;
    position: absolute;
    top: 40px;
    right: -80px;
  }

  .expander-holder {
    width: 100%;
    text-align: center;
  }

  .faq-grid-holder {
    padding-left: 0%;
    padding-right: 0%;
  }

  .acc-q-title {
    width: auto;
    font-size: 21px;
  }

  .faq-grid {
    grid-template-columns: 100% 100%;
    display: block;
  }

  .testimonial-slide {
    height: auto;
    min-height: 400px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .white-laptop {
    width: 40px;
  }

  .image {
    z-index: 0;
  }

  .benefit-title {
    font-size: 14px;
    line-height: 1.5;
  }

  .benefit-title-block {
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-link-2 {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 21px;
    display: none;
  }

  .nav-link-2.w--current {
    padding-bottom: 2px;
  }

  .dropdown-list-3, .icon-2 {
    display: none;
  }

  .nav-point-wrapper {
    display: block;
  }

  .nav-point-wrapper.dropdown {
    display: none;
  }

  .nav-point-wrapper.get-quote {
    height: 72px;
    justify-content: flex-end;
    align-items: center;
    padding-top: 0;
    padding-left: 0;
    padding-right: 10px;
    display: flex;
    position: absolute;
    top: 0;
    right: 70px;
  }

  .logo-wrapper {
    flex: 1;
    margin-top: 1px;
  }

  .logo-wrapper.page-transition {
    position: absolute;
    top: 20px;
    left: 14px;
  }

  .logo-wrapper.page-transition.w--current {
    margin-top: 0;
  }

  .nav-menu {
    height: auto;
    min-height: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 80px;
    padding-bottom: 30px;
    font-size: 21px;
    display: flex;
    overflow: scroll;
  }

  .centered_w1 {
    padding-left: 42px;
    padding-right: 42px;
  }

  .centered_w1.nav-wrapper {
    width: 100%;
    height: 72px;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    top: 0;
  }

  .tabs-content {
    text-align: center;
  }

  .page-header-section {
    background-size: 150%, auto, cover;
    font-size: 21px;
  }

  .heading-white-div {
    width: 20%;
  }

  .page-head-down-button {
    bottom: 0%;
  }

  .page-header-container {
    width: 100%;
    max-width: none;
    min-width: auto;
  }

  .media-holder {
    width: 100%;
    height: 340px;
    margin-left: 0%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .media-holder.with-button {
    height: 400px;
    align-self: stretch;
    padding-bottom: 40px;
  }

  .form-block {
    width: 100%;
    margin-top: 10px;
    margin-left: -2%;
    padding-top: 0;
  }

  .form-block.quote-form {
    margin-left: 0%;
  }

  .map-contact-link.contact {
    margin-bottom: 16px;
    margin-right: 0%;
  }

  .name-fields {
    background-color: var(--white);
    color: var(--dark-blue);
  }

  .name-fields.one-page-quote {
    width: 47%;
    margin-right: 3%;
  }

  .form-notices.quote-form {
    text-align: left;
    justify-content: flex-start;
    padding-left: 1%;
    padding-right: 1%;
  }

  .body-section-2 {
    text-align: left;
    padding: 5%;
  }

  .body-section-2.top-page {
    min-height: 70vh;
  }

  .gdpr-notice {
    top: auto;
    bottom: -10px;
  }

  .textarea-2 {
    background-color: var(--white);
    color: var(--dark-blue);
  }

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

  .form-submit-button {
    width: 98%;
    margin-left: 2%;
    margin-right: 0%;
  }

  .map-contact-link-holder.footer {
    font-size: 18px;
  }

  .download-text {
    z-index: 2;
  }

  .head-tab-link {
    margin-left: 0;
    margin-right: 30px;
  }

  .footer-section, .footer-credits {
    padding-left: 5%;
    padding-right: 5%;
  }

  .credits-logo-block {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .credit-logo {
    width: 100px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .footer-details-grid {
    grid-template-columns: minmax(60%, 1fr) minmax(40%, .25fr);
  }

  .footer-grid-column.tablet-hide {
    display: none;
  }

  .footer-as-logo {
    max-width: 200px;
  }

  .social-media-holder {
    text-align: left;
    padding-top: 20px;
    padding-left: 8px;
  }

  .social-media-holder.top {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-top: 0;
    padding-left: 0;
  }

  .social-link-block {
    margin-right: 10px;
  }

  .social-link-block.top {
    margin-left: 0;
    margin-right: 0;
  }

  .options-holder {
    flex-wrap: wrap;
  }

  .form-option-holder {
    width: 260px;
    height: 300px;
    margin-bottom: 12px;
  }

  .option-description {
    font-size: 18px;
    bottom: 60px;
  }

  .option-amount-select, .minus-option, .plus-option {
    height: 60px;
  }

  .amount-button-image {
    width: 22px;
    height: 22px;
  }

  .counter-block {
    font-size: 26px;
  }

  .nav-button {
    z-index: 3;
    color: var(--white);
    cursor: pointer;
    font-size: 60px;
    display: block;
    position: absolute;
    top: 7px;
    bottom: 0%;
    left: auto;
    right: 10px;
  }

  .team-item {
    width: 40%;
  }

  .case-study-left {
    width: 100%;
  }

  .case-study-image {
    width: 100%;
    height: 280px;
    margin-left: 0%;
    position: absolute;
    top: 0;
  }

  .case-study-holder {
    padding-top: 300px;
    position: relative;
  }

  .wdwo-tab {
    width: 48%;
    text-align: center;
    margin-left: 1%;
    margin-right: 1%;
  }

  .wdwo-tab.w--current {
    margin-left: 1%;
  }

  .wdwo-tabs-menu {
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-quick-links-bar {
    width: 25%;
    right: 0%;
  }

  .quick-blog-thumb {
    height: 80px;
  }

  .quick-blog-heading {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .quick-blog-read-more {
    font-size: 21px;
  }

  .latest-blog-thumbnail {
    height: 100%;
  }

  .support-links-holder {
    flex-wrap: wrap;
    padding-left: 60px;
    padding-right: 60px;
  }

  .contact-page-details-holder {
    justify-content: space-around;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: 700;
  }

  .service-card-reverse {
    font-size: 16px;
  }

  .partner-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .responsive-menu {
    width: 100%;
    height: auto;
    flex-direction: column;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
  }

  .responsive-menu-link {
    width: 100%;
    border-bottom: 1px dotted var(--white);
    color: var(--white);
    letter-spacing: 1px;
    text-transform: none;
    align-self: stretch;
    padding: 14px 20px;
    text-decoration: none;
    transition: color .5s;
  }

  .responsive-menu-link:hover {
    color: var(--accent-green);
  }

  .responsive-menu-link.dropdown {
    border-bottom-style: none;
    border-bottom-width: 0;
    padding-left: 20px;
    padding-right: 220px;
  }

  .responsive-menu-link.sub {
    padding-left: 30px;
  }

  .responsive-dropdown {
    width: 100%;
    color: var(--white);
  }

  .responsive-dropdown-toggle {
    width: 100%;
    border-bottom: 1px dotted var(--white);
    padding: 14px 0;
  }

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

  .dropdown-list-4 {
    position: static;
  }

  .dropdown-list-4.w--open {
    color: var(--white);
    background-color: rgba(0, 0, 0, 0);
  }

  .testimonial-holder {
    padding: 30px 6px 10px;
    font-size: 16px;
  }

  .case-study-tabs {
    flex-direction: column;
  }

  .case-study-tabs-menu {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: flex-start;
    justify-content: flex-start;
    padding-right: 0;
    display: grid;
  }

  .case-study-tabs-content {
    width: 100%;
    margin-top: 30px;
  }

  .case-study-tab {
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .case-study-tab-pane {
    padding-left: 0;
  }

  .child-menu-button {
    width: 60px;
    height: 60px;
    right: 10px;
  }

  .home-slider-head {
    padding-right: 35%;
  }

  .one-page-quote-grid {
    grid-template-columns: 1fr;
  }

  .one-page-quote-column {
    font-size: 15px;
  }

  .quote-option-condensed {
    height: 66px;
  }

  .quote-option-name {
    font-size: 15px;
  }

  .quote-option-total {
    font-size: 18px;
  }

  .quote-spacer {
    height: 37.5px;
  }

  .quote-spacer.right {
    height: 10px;
  }

  .brochure-download-section {
    padding: 60px 5% 40px;
  }

  .brochure-cols-grid {
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .brochure-cols-holder.brochure {
    justify-content: flex-end;
    display: none;
  }

  .brochure-image {
    width: 50%;
    min-width: auto;
    position: static;
  }

  .landing-page-cols {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .landing-page-heading {
    padding-right: 25%;
    font-size: 38px;
  }

  .landing-page-heading.column {
    padding-right: 25%;
  }

  .lp-faqs-section {
    padding: 60px 5% 80px;
  }

  .alt-faq-holder.features {
    padding-left: 15px;
  }

  .alt-testimonials-columns {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    margin-top: -50px;
    padding-left: 0;
  }

  .alt-testimonials-slider {
    min-width: 400px;
  }

  .page-columns {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .green-border-image {
    width: 500px;
  }

  .as-benefit-grid {
    font-size: 16px;
  }

  .benefit-icon {
    height: 80px;
  }

  .as-benefit-title {
    font-size: 18px;
  }

  .accreditations-layout {
    padding-left: 20px;
    padding-right: 20px;
  }

  .as-accred-logo {
    height: 75px;
  }

  .as-lp-head-columns {
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .lp-buttons-holder.center {
    justify-content: flex-start;
  }

  .lp-head-secondary-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .lp-head-sec-right {
    justify-content: center;
  }

  .quote-form-holder-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .quote-form-holder-section.video {
    overflow: visible;
  }

  .lp-quote-form-holder {
    padding: 20px;
    overflow: hidden;
  }

  .lp-quote-form-inner-rows {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .lp-quote-form-option {
    width: 100%;
    max-width: 100%;
    border-left: 0 rgba(0, 0, 0, 0);
    margin-bottom: 26px;
    padding-left: 0;
    padding-right: 0;
  }

  .lp-quote-form-option.quote-form {
    padding-right: 0;
  }

  .lp-quote-form-option.long {
    width: 80%;
    padding-right: 0;
  }

  .lp-quote-form-option.single {
    width: 20%;
  }

  .lp-quote-form-option.mobile-left {
    border-left: 0 rgba(0, 0, 0, 0);
    margin-right: 0;
    padding-left: 0;
  }

  .lp-quote-form-option.mobile-right {
    border-left: 0 rgba(0, 0, 0, 0);
    margin-left: 0;
    padding-left: 0;
  }

  .lp-quote-option-title {
    margin-right: 6px;
    font-size: 19px;
  }

  .lp-quote-options-inner.double {
    justify-content: space-between;
    padding-right: 8px;
  }

  .lp-quote-options-inner.single {
    padding-right: 8px;
  }

  .lp-quote-options-inner.large {
    justify-content: space-between;
    padding-right: 8px;
  }

  .lp-quote-tool-tip-holder {
    width: 20px;
    height: 20px;
  }

  .lp-quote-option-box {
    width: 130px;
  }

  .lp-quote-option-box.top {
    width: 23.5px;
    min-width: 126px;
  }

  .lp-quote-option-box.single {
    width: 100%;
    min-width: 126px;
  }

  .lp-quote-option-box.double {
    width: 48%;
    min-width: 126px;
  }

  .lp-quote-option-box.large {
    width: 23.5%;
    min-width: 126px;
  }

  .lp-quote-option-image {
    height: 50px;
    margin-bottom: 14px;
  }

  .lp-option-note {
    height: 52px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
  }

  .lp-quote-spacer {
    display: none;
  }

  .mobile-column {
    width: 40%;
  }

  .mobile-column.single {
    width: 20%;
  }

  .triple-text-box-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    margin-top: 50px;
  }

  .triple-text-title {
    font-size: 24px;
  }

  .column-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .find-out-more-link.case-studies {
    margin-top: 50px;
  }

  .cyber-icon {
    width: 180px;
    height: 100px;
  }

  .it-sectors-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .it-support-sector-icon {
    height: 90px;
  }

  .case-study-slider {
    width: 100%;
    height: 420px;
    margin-right: 0%;
  }

  .case-study-slider-grid {
    width: 100%;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 30px;
  }

  .case-study-slide-background.wide {
    height: 280px;
  }

  .case-study-slide-content.wide {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .case-study-slider-grid-option {
    height: 140px;
    position: relative;
  }

  .case-study-grid-option-link {
    width: 40%;
  }

  .case-study-option-link {
    width: 60%;
    padding-left: 14px;
    position: absolute;
    bottom: 10px;
    right: 0;
  }

  .case-study-link-arrow {
    margin-top: 20px;
  }

  .lp-case-study-holder {
    flex-direction: column;
  }

  .laptop-tabs {
    height: auto;
    flex-direction: column-reverse;
  }

  .laptop-tabs-menu {
    width: 100%;
    height: auto;
    grid-column-gap: 30px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 10px;
    margin-right: 0;
    padding-bottom: 0;
    display: grid;
  }

  .laptop-tabs-content {
    width: 100%;
    margin-left: 0;
    font-size: 16px;
  }

  .laptop-tab-link {
    font-size: 16px;
  }

  .offer-tabs {
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: stretch;
  }

  .offer-tabs-menu {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .offer-tabs-content {
    width: 100%;
  }

  .offer-tabs-pane {
    height: 280px;
    min-height: auto;
    background-position: 400px 60px;
    background-size: 300px;
  }

  .hwdit-tabs-content {
    font-size: 16px;
  }

  .hwdit-tab-link {
    width: 150px;
    height: 100%;
    min-height: 220px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .hwdit-tab-image-holder {
    width: 110px;
    height: 110px;
    padding: 4px;
  }

  .hwdit-tab-image-overlay {
    width: 110px;
    height: 110px;
    bottom: 45px;
    left: 45px;
  }

  .double-para {
    column-count: 1;
  }

  .laptop-video-holder {
    width: 690px;
    height: 400px;
    padding: 21px 83px 48px;
  }

  .menu-button {
    z-index: 2;
    width: 38px;
    height: 28px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    right: 184px;
    overflow: hidden;
  }

  .menu-bar-mid {
    width: 38px;
    height: 2px;
    background-color: var(--white);
    padding: 0;
  }

  .menu-bar-top {
    width: 60px;
    height: 2px;
    background-color: var(--white);
    padding: 0;
    position: absolute;
    top: 0;
  }

  .email-icon {
    margin-right: 12px;
  }

  .para-link-2.contact-box {
    justify-content: center;
    font-size: 16px;
  }

  .menu-items-inner {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
    overflow: scroll;
  }

  .contact-drawer {
    width: auto;
    height: 660px;
    max-height: 90vh;
    min-height: auto;
    display: block;
    top: 72px;
    left: 10%;
    right: 10%;
    overflow: scroll;
  }

  .menu-items-holder {
    z-index: 1;
    height: 100%;
    background-color: var(--brand-blue);
    padding: 92px 5% 40px;
    font-size: 21px;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
  }

  .logo-link {
    left: 20px;
  }

  .logo-link.w--current {
    z-index: 2;
  }

  .menu-bar-bottom {
    width: 60px;
    height: 2px;
    background-color: var(--white);
    padding: 0;
    position: absolute;
    bottom: 0;
  }

  .menu-item {
    width: 100%;
    height: auto;
    min-height: 52px;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-item.dropdown {
    height: auto;
    border-bottom-style: none;
    border-bottom-width: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 14px;
  }

  .contact-holder {
    z-index: 2;
  }

  .nav-bar-holder {
    padding-right: 0;
  }

  .menu-mega-drawer {
    width: 100%;
    margin-top: 14px;
    padding: 0;
    display: block;
    position: static;
  }

  .new-nav-content-inner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .new-nav-col-holder {
    grid-column-gap: 20px;
    grid-row-gap: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 8px;
    padding-bottom: 8px;
    display: grid;
  }

  .new-menu-title-link {
    height: 56px;
    border-bottom: 1px solid var(--accent-green);
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: -24px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
  }

  .new-menu-title-link.top {
    height: auto;
    min-height: 42px;
    border-top: 0px none var(--accent-green);
    border-bottom: 0 rgba(0, 0, 0, 0);
    margin-bottom: 0;
    margin-right: 0;
  }

  .new-menu-item-links {
    width: 100%;
    height: 100%;
    min-height: 42px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
    display: flex;
  }

  .brand-icon {
    display: none;
  }

  .checks-title, .triple-text-title-2 {
    font-size: 24px;
  }

  .it-support-area-grid {
    grid-template-columns: 1fr 1fr;
  }

  .it-areas-title {
    font-size: 24px;
  }

  .top-links {
    padding-left: 10px;
    padding-right: 20px;
  }

  .columns {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }

  .para-title {
    padding-right: 25%;
    font-size: 32px;
  }

  .para-title.column {
    padding-right: 25%;
  }

  .simple-header {
    padding-bottom: 40px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .author-share-box {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 32px;
  }

  .body-section {
    padding: 40px 20px 80px;
  }

  .body-section.grey-background.blue-divider, .body-section.grey-background.green-divider {
    background-size: 200%;
  }

  .body-section.am-background.blue-divider {
    background-size: 200%, auto, 5%;
  }

  .body-section.grey-with-icon.testimonial {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .body-section.grey-divider {
    background-size: 200%;
  }

  .body-section.brochure-download {
    min-height: auto;
    padding-right: 20px;
  }

  .body-section.brochure-download.white-divider {
    background-size: 200%, auto;
    padding-bottom: 80px;
  }

  .body-section.brochure-download.blue-divider {
    background-size: 200%, auto;
  }

  .body-section.blue-background.white-divider, .body-section.blue-background.green-divider, .body-section.blue-background.grey-divider, .body-section.green-background.blue-divider, .body-section.green-background.white-divider {
    background-size: 200%, auto, cover;
  }

  .body-section.white-background {
    padding-bottom: 80px;
  }

  .body-section.white-background.blue-divider, .body-section.white-background.green-divider {
    background-size: 200%;
  }

  .body-section.the-amazing-way.green-divider {
    background-size: 200%, auto;
  }

  .body-section.grey-white-divider {
    background-size: 200%;
  }

  .body-section.text-page {
    padding-bottom: 20px;
  }

  .body-section.home-page {
    padding: 30px;
  }

  .body-section.one-page-form {
    padding-left: 30px;
    padding-right: 30px;
  }

  .body-section.large.blue.relative {
    padding-bottom: 240px;
  }

  .body-section.lp-head {
    padding-top: 50px;
  }

  .body-section.author {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .body-container {
    text-align: left;
  }

  .body-container.quote-form {
    text-align: center;
  }

  .body-container.cta {
    text-align: left;
  }

  .body-container.blog {
    margin-bottom: 40px;
    padding-right: 10px;
  }

  .body-container.cyber-stuff {
    padding-right: 20%;
  }

  .h1-title {
    font-size: 48px;
  }

  .h2-title {
    text-align: left;
    font-size: 38px;
  }

  .paragraph {
    text-align: left;
  }

  .paragraph.left {
    margin-right: 0%;
  }

  .home-page-header {
    min-height: 800px;
    padding: 100px 5%;
  }

  .home-sub-title {
    font-size: 32px;
  }

  .blue-button {
    text-align: center;
  }

  .blue-button.green.cta {
    min-width: 100%;
  }

  .blue-button.cta {
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .blue-button.one-page-quote {
    width: 100%;
    margin-right: 0%;
  }

  .div-block {
    height: 16px;
    display: block;
  }

  .menu-quick-links.top {
    font-size: 0;
  }

  .video {
    width: 100%;
    margin-left: 0%;
    display: block;
  }

  .left-column {
    margin-bottom: 10px;
  }

  .services-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .services-grid.locations {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .services-link-box {
    height: 200px;
    text-align: center;
  }

  .services-link-box.locations {
    min-height: 250px;
  }

  .h3-services {
    font-size: 21px;
  }

  .services-button {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .column-image {
    height: 240px;
  }

  .right-column.right {
    display: none;
  }

  .h4-title {
    text-align: left;
  }

  .white-button {
    text-align: center;
    left: 30px;
    right: 40%;
  }

  .acc-answers, .body-container-2 {
    text-align: left;
  }

  .acc-q-title {
    text-align: left;
    font-size: 18px;
  }

  .right-arrow, .slide-nav {
    display: none;
  }

  .testimonial-text {
    font-size: 18px;
  }

  .h4-title-2 {
    top: -30px;
  }

  .left-arrow {
    display: none;
  }

  .testimonial-slide {
    min-height: 360px;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 30px;
  }

  .benefit-image {
    width: 50px;
    height: 50px;
    top: 10px;
  }

  .benefit-title {
    font-size: 16px;
  }

  .benefit-title-block {
    padding-top: 70px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-link-2 {
    font-size: 6vw;
  }

  .nav-point-wrapper.get-quote {
    font-size: 18px;
    display: none;
    position: absolute;
    top: 0;
  }

  .logo-wrapper.page-transition {
    margin-right: 0;
  }

  .nav-main {
    height: auto;
    justify-content: center;
    align-items: center;
  }

  .centered_w1 {
    padding-left: 36px;
    padding-right: 36px;
  }

  .centered_w1.nav-wrapper {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
  }

  .menu-quick-links-icons.top {
    margin-right: 0;
  }

  .tabs-menu {
    justify-content: flex-start;
  }

  .tabs-content {
    text-align: left;
    margin-left: 0;
    padding-left: 0;
  }

  .nested-tab-link {
    width: 31%;
  }

  .page-header-section {
    background-size: 200%, auto, cover;
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-white-div {
    width: 25%;
    border-top-width: 4px;
    margin-top: 30px;
  }

  ._2-col-para {
    column-count: 1;
  }

  .form-block {
    margin-top: 0;
    margin-left: 0%;
    padding-top: 0;
  }

  .map-contact-link {
    width: auto;
    margin-left: 0;
    margin-right: 40px;
  }

  .map-contact-link.contact {
    margin-bottom: 20px;
    margin-right: 0%;
    display: block;
  }

  .left-col {
    width: 100%;
    padding-right: 0;
  }

  .bold-text {
    display: block;
  }

  .name-fields {
    margin-left: 0%;
    margin-right: 2%;
  }

  .name-fields.quote-form {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .name-fields.one-page-quote {
    width: 100%;
    margin-right: 0%;
  }

  .form-notices {
    margin-right: 2%;
    padding-left: 0%;
  }

  .body-section-2 {
    padding: 40px 30px;
  }

  .body-section-2.top-page {
    min-height: auto;
  }

  .horizontal-holder {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 20px;
  }

  .textarea-2 {
    margin-left: 0%;
  }

  .right-col {
    width: 100%;
    margin-top: 20px;
  }

  .form-submit-button {
    height: 60px;
    margin-left: 0%;
  }

  .map-contact-link-holder.footer {
    font-size: 21px;
  }

  .colour-circle, .tab-active-light {
    width: 30px;
    height: 30px;
    margin-left: -25px;
    top: 0;
  }

  .star-rating {
    justify-content: flex-start;
  }

  .footer-credits {
    padding-left: 30px;
    padding-right: 30px;
  }

  .footer-credits-holder {
    flex-direction: column;
    align-items: flex-start;
  }

  .html-embed {
    margin-bottom: 20px;
  }

  .footer-container {
    text-align: left;
  }

  .credits-logo-block {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .credit-logo {
    margin-left: 0;
    margin-right: 10px;
  }

  .footer-details-grid {
    grid-template-columns: minmax(100%, 1fr);
  }

  .footer-grid-column {
    font-size: 16px;
  }

  .footer-grid-column.mobile-hide {
    display: none;
  }

  .footer-as-logo {
    max-width: 260px;
  }

  .as-footer-address-block {
    font-size: 16px;
  }

  .email-title-text {
    margin-top: 0;
  }

  .social-link-block {
    margin-right: 10px;
  }

  .form-heading.one-page-quote {
    font-size: 30px;
  }

  .form-heading.one-page {
    font-size: 34px;
  }

  .form-option-holder {
    width: 190px;
    height: 280px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .image-holder {
    padding-top: 30px;
    padding-left: 45px;
    padding-right: 45px;
  }

  .option-description {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .counter-block {
    width: 60px;
    height: 60px;
    font-size: 24px;
  }

  .nav-button {
    display: block;
  }

  .team-holder {
    justify-content: flex-start;
  }

  .team-item {
    width: 45%;
    margin-left: 0%;
    margin-right: 5%;
    padding-left: 0;
  }

  .team-name {
    margin-bottom: 12px;
  }

  .linkedin-holder {
    justify-content: flex-start;
    font-size: 16px;
  }

  .linkedin-holder-icon {
    margin-top: 0;
  }

  .wdwo-tab {
    width: 98%;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .wdwo-tab-pane {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-button-holder {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-quick-links-bar {
    width: 100vw;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    top: auto;
    bottom: 0;
    left: -20px;
    right: -20px;
  }

  .blog-quick-posts {
    grid-column-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .case-studies-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .blog-grid {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .blog-grid-thumbnail {
    height: 160px;
  }

  .blog-grid-pages-nav {
    justify-content: flex-start;
  }

  .blog-grid-nav-link {
    margin-left: 0;
    margin-right: 12px;
    font-size: 24px;
  }

  .latest-blog-holder {
    flex-direction: column;
  }

  .latest-blog-details-holder {
    width: 100%;
  }

  .latest-blog-thumbnail {
    width: 100%;
    height: 240px;
    margin-right: 0%;
  }

  .contact-locations-grid {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .contact-location-holder {
    min-height: auto;
  }

  .support-links-holder {
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .support-link-holder {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .contact-page-details-holder {
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .divider {
    display: none;
  }

  .contact-page-links-title {
    margin-bottom: 30px;
    font-size: 21px;
  }

  .phone-holder {
    width: 72px;
    height: 72px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    right: 60px;
  }

  .phone-link-image {
    width: 34px;
    height: 34px;
    margin-left: 16px;
  }

  .link-block {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .testimonial-holder {
    text-align: left;
  }

  .testimonial-name-title {
    text-align: left;
    padding-left: 6px;
  }

  .case-study-tab {
    font-size: 16px;
  }

  .home-slider-head {
    line-height: 1.2;
  }

  .one-page-quote-options-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .quote-option-condensed {
    height: 60px;
    margin-bottom: 16px;
  }

  .quote-option-name {
    font-size: 18px;
  }

  .quote-spacer, .quote-spacer.right {
    height: 0;
  }

  .brochure-download-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brochure-download-button {
    border: 1px solid var(--dark-blue);
  }

  .landing-page-heading.column {
    padding-right: 25%;
  }

  .lp-faqs-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .alt-faq-answer {
    padding-left: 0;
    padding-right: 10px;
  }

  .alt-faq-question {
    padding-left: 0;
    padding-right: 70px;
  }

  .alt-faq-question.benefits {
    padding-right: 50px;
  }

  .alt-faq-icon {
    width: 36px;
    height: 36px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .alt-faq-icon.benefits {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 14px;
  }

  .alt-faq-symbol {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .alt-testimonials-slider {
    min-width: 240px;
  }

  .alt-testimonial-panel {
    padding: 16px 10px 130px;
    font-size: 14px;
  }

  .image-logo-overlay {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 80px;
    left: 75%;
    right: 0%;
  }

  .image-logo-overlay-image {
    margin-left: 0%;
  }

  .green-border-image {
    width: 508px;
    max-height: 300px;
    min-height: 200px;
  }

  .image-white-corner-border {
    width: 104px;
    height: 104px;
    bottom: -44px;
    right: -44px;
  }

  .image-white-corner-border.reverse {
    width: 104px;
    height: 104px;
    bottom: -44px;
    left: -44px;
  }

  .image-blocks-icon-overlay {
    width: 40px;
    height: 40px;
  }

  .as-benefit-grid {
    grid-column-gap: 30px;
  }

  .accreditations-layout {
    padding-left: 0;
    padding-right: 0;
  }

  .as-accred-logo {
    height: 60px;
  }

  .as-accred-logo.lp-head {
    margin-left: 0;
    margin-right: 16px;
  }

  .lp-head-sec-right {
    justify-content: flex-start;
  }

  .lp-quote-form-inner-rows {
    width: 100%;
    overflow: hidden;
  }

  .lp-quote-form-option {
    padding-left: 0;
    padding-right: 0;
  }

  .lp-quote-form-option.quote-form {
    padding-right: 14px;
  }

  .lp-quote-form-option.long {
    width: 100%;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .lp-quote-form-option.single {
    width: 100%;
  }

  .lp-quote-form-option.mobile-left {
    margin-right: 2%;
  }

  .lp-quote-options-inner {
    flex-wrap: wrap;
  }

  .lp-quote-options-inner.double {
    flex-direction: row;
    padding-right: 3%;
  }

  .lp-quote-options-inner.single {
    width: 100%;
    padding-right: 0%;
  }

  .lp-quote-option-box {
    width: 170px;
  }

  .lp-quote-option-box.top {
    width: 48%;
    margin-bottom: 20px;
  }

  .lp-quote-option-box.single {
    width: 96%;
  }

  .lp-quote-option-box.large {
    width: 48%;
  }

  .lp-option-note {
    font-size: 14px;
  }

  .lp-quote-spacer {
    width: 30px;
    display: none;
  }

  .lp-quote-spacer.small {
    display: none;
  }

  .mobile-column {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .mobile-column.single {
    width: 50%;
    margin-right: 2%;
  }

  .mobile-hidden-text {
    display: none;
  }

  .triple-text-box-grid {
    grid-template-columns: 1fr;
  }

  .triple-text-box-grid.alt {
    margin-top: 90px;
  }

  .triple-text-box-holder.alt, .triple-text-box-holder.alt2, .triple-text-box-holder.it-areas {
    text-align: left;
    align-items: flex-start;
  }

  .triple-text-icon {
    width: 140px;
    height: 120px;
    object-fit: contain;
  }

  .find-out-more-link {
    display: inline-block;
  }

  .cyber-icons-holder {
    justify-content: flex-start;
  }

  .cyber-icon {
    width: 180px;
    height: 90px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 30px;
  }

  .triple-text-icon-holder {
    width: 100px;
    height: 100px;
    top: -50px;
  }

  .triple-text-down {
    left: 47px;
  }

  .triple-text-icon-inner {
    width: 55px;
    height: 55px;
  }

  .it-sectors-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .it-support-sector-option {
    padding: 44px 14px 4px;
  }

  .it-sector-option-title {
    font-size: 21px;
  }

  .it-support-sector-icon {
    height: 80px;
  }

  .find-out-more-arrow, .case-study-slider-grid {
    display: none;
  }

  .case-study-slide-background.wide {
    height: 320px;
  }

  .case-study-slide-content.wide {
    padding: 20px;
  }

  .laptop-tabs-menu {
    grid-template-columns: 1fr;
  }

  .laptop-tabs-content {
    height: 300px;
    padding: 56px 105px 80px;
  }

  .offer-tabs-link {
    height: auto;
    min-height: 46px;
    margin-right: 0;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 14px;
  }

  .offer-tabs-pane {
    background-position: 230px 40px;
    padding: 26px 20px 20px;
    font-size: 16px;
  }

  .hwdit-tabs-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 20px;
    display: grid;
  }

  .hwdit-tabs-content {
    padding: 22px 12px;
  }

  .hwdit-tab-link {
    width: 100%;
    min-height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    font-size: 16px;
  }

  .hwdit-link-icon {
    display: none;
    position: static;
  }

  .laptop-video-holder {
    width: 520px;
    height: 300px;
    padding: 16px 63px 38px;
  }

  .menu-button {
    right: 118px;
  }

  .email-icon {
    margin-left: 0;
    margin-right: 0;
  }

  .para-link-2.contact-box {
    width: 90px;
  }

  .contact-drawer {
    width: 100%;
    top: 72px;
    left: 0%;
    right: 0%;
    overflow: scroll;
  }

  .menu-items-holder {
    padding-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .logo-link {
    height: 42px;
  }

  .brand-logo {
    display: none;
  }

  .contact-holder {
    right: 14px;
  }

  .new-nav-col-holder {
    grid-template-columns: 1fr 1fr;
  }

  .get-quote-hidden {
    display: none;
  }

  .brand-icon {
    width: 42px;
    height: 42px;
    object-fit: cover;
    display: block;
  }

  .new-services-grid._3 {
    grid-template-columns: 1fr 1fr;
  }

  .it-area-flag {
    width: 80px;
    height: 80px;
  }

  .it-areas-icon {
    width: 55px;
    height: 55px;
  }

  .para-title.column {
    padding-right: 25%;
  }

  .simple-header {
    padding: 140px 20px 30px;
  }

  .author-share-box {
    flex-flow: column wrap;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .share-icons-holder {
    margin-top: 12px;
  }
}

@media screen and (max-width: 479px) {
  .body-section {
    padding-bottom: 60px;
  }

  .body-section.am-background.blue-divider {
    background-size: 200%, auto, 20px;
  }

  .body-section.grey-with-icon.testimonial {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .body-section.grey-divider {
    background-size: 200%;
  }

  .body-section.brochure-download {
    font-size: 18px;
  }

  .body-section.blue-background {
    padding-bottom: 60px;
  }

  .body-section.blue-background.white-divider {
    background-size: 200%, auto, cover;
  }

  .body-section.blue-background.white-divider.centered {
    background-size: 300%, auto, cover;
  }

  .body-section.green-background, .body-section.white-background {
    padding-bottom: 60px;
  }

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

  .body-section.home-page {
    padding-left: 20px;
    padding-right: 20px;
  }

  .body-section.one-page-form {
    padding-left: 10px;
    padding-right: 10px;
  }

  .body-section.large.blue.relative {
    background-position: 30px 90%, 100% 100%;
    background-size: auto 180px, auto 85%;
  }

  .body-section.large.bgimage.blue-overlay {
    padding-top: 66px;
  }

  .body-section.lp-head.video-time {
    padding-bottom: 150px;
  }

  .h1-title {
    font-size: 42px;
  }

  .h2-title {
    font-size: 32px;
  }

  .home-page-header {
    min-height: 400px;
  }

  .blue-button.quote-form, .blue-button.quote-submit {
    margin-top: 16px;
  }

  .logo {
    max-width: 180px;
    min-width: 180px;
  }

  .video {
    width: 100%;
    height: 200px;
  }

  .columns-holder {
    padding-top: 300px;
  }

  .services-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .services-grid.locations {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .services-link-box {
    height: auto;
    min-height: 140px;
    text-align: center;
  }

  .services-link-box.locations {
    min-height: 230px;
  }

  .services-button {
    margin-top: 6px;
  }

  .column-image {
    height: 180px;
  }

  .expander-holder {
    padding: 8px 14px 80px;
  }

  .h4-title {
    font-size: 24px;
    line-height: 1.2em;
  }

  .white-button {
    left: 14px;
    right: 14px;
  }

  .acc-answers {
    text-align: left;
    font-size: 18px;
  }

  .acc-icon {
    order: 0;
    display: block;
    left: 6px;
  }

  .body-container-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .acc-q-title {
    width: auto;
    text-align: left;
    white-space: normal;
    flex: 0 auto;
    order: 0;
    font-size: 16px;
    line-height: 1.1em;
    display: block;
    position: static;
  }

  .acc-toggle {
    flex-flow: wrap;
    align-content: center;
    justify-content: flex-start;
    padding: 10px 10px 10px 34px;
    display: flex;
    position: relative;
  }

  .testimonial-text {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .h4-title-2 {
    font-size: 24px;
  }

  .testimonial-slide {
    padding-left: 20px;
    padding-right: 20px;
  }

  .white-laptop {
    width: 30px;
  }

  .amazing-way {
    width: 100%;
    margin-top: 40px;
  }

  .benefit-title {
    text-align: left;
    line-height: 1.2;
  }

  .benefit-title-block {
    height: auto;
    text-align: left;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 16px;
  }

  .nav-link-2 {
    font-size: 7vw;
  }

  .logo-wrapper.page-transition {
    margin-top: 4px;
  }

  .centered_w1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .centered_w1.nav-wrapper {
    display: flex;
  }

  .tabs-content {
    margin-right: 0;
    padding-right: 0;
  }

  .nested-tab-link {
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .page-header-section {
    background-size: 400%, auto, cover;
    justify-content: flex-start;
    padding-top: 140px;
    padding-bottom: 120px;
  }

  .heading-white-div {
    width: 35%;
  }

  .page-head-down-button {
    width: 80px;
    height: 80px;
  }

  .page-head-button-icon {
    width: 40px;
    height: 40px;
  }

  .media-holder {
    height: 180px;
  }

  .media-holder.with-button {
    height: 280px;
  }

  .form-block {
    margin-top: 0;
    padding-top: 0;
  }

  .map-contact-link {
    margin-bottom: 20px;
    font-size: 21px;
  }

  .map-contact-link.contact {
    min-width: 100%;
    margin-bottom: 20px;
    margin-right: 0%;
    font-size: 16px;
    display: block;
  }

  .name-fields {
    width: 100%;
    margin-right: 0%;
    display: block;
  }

  .name-fields.quote-form {
    font-size: 18px;
  }

  .form-notices {
    flex-direction: column;
  }

  .cta-contact-form {
    padding-bottom: 10px;
  }

  .body-section-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .gdpr-notice {
    width: 100%;
    align-self: flex-start;
    margin-top: 20px;
    margin-right: 0%;
    display: block;
    position: static;
  }

  .body-container-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .textarea-2 {
    width: 100%;
  }

  .form-submit-button {
    width: 100%;
    align-self: flex-start;
    margin-top: 20px;
    margin-left: 0%;
    position: static;
  }

  .map-contact-link-holder.footer {
    font-size: 16px;
  }

  .checkbox-field {
    margin-bottom: 0;
  }

  .form-statement-text {
    font-size: 21px;
  }

  .head-tab-content-slide {
    padding: 20px 14px 10px;
  }

  .head-tab-link {
    width: 32%;
    text-align: center;
    margin-right: 1%;
    padding-left: 12px;
    padding-right: 12px;
    display: inline-block;
  }

  .colour-circle, .tab-active-light {
    margin-left: -6px;
  }

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

  .footer-credits {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-credits-holder {
    line-height: 1.5;
  }

  .credit-logo {
    width: 120px;
    margin-right: 16px;
  }

  .social-link-block {
    margin-right: 10px;
  }

  .options-holder {
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
  }

  .form-heading.one-page-quote {
    font-size: 28px;
  }

  .form-heading.one-page {
    font-size: 32px;
  }

  .form-option-holder {
    width: 48%;
    height: auto;
    min-height: 220px;
    margin-left: 1%;
    margin-right: 1%;
  }

  .option-description {
    height: 140px;
    min-height: auto;
    padding: 55px 4px 40px;
  }

  .counter-block {
    z-index: 5;
  }

  .quote-form-image {
    display: none;
  }

  .team-item {
    width: 95%;
  }

  .team-image {
    width: 140px;
    height: 140px;
  }

  .team-name {
    font-size: 26px;
  }

  .case-study-left {
    padding-right: 0;
  }

  .case-study-image {
    height: 200px;
  }

  .case-study-holder {
    padding-top: 220px;
  }

  .wdwo-tab {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .wdwo-tabs-menu, .wdwo-tab-pane {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-quick-posts {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .case-studies-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .blog-grid {
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .latest-blog-thumbnail {
    height: 160px;
  }

  .support-link-holder {
    padding-left: 36px;
    font-size: 21px;
  }

  .email-link-text {
    display: none;
  }

  .partner-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .responsive-menu-link {
    font-size: 18px;
  }

  .phone-link-image {
    width: 30px;
    height: 30px;
    margin-left: 14px;
  }

  .link-block {
    justify-content: center;
  }

  .testimonial-name-title {
    font-size: 21px;
  }

  .case-study-tabs-menu {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .home-page-head-slider, .home-slider-head {
    padding-right: 0%;
  }

  .quote-option-condensed {
    height: 70px;
  }

  .quote-option-name {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
  }

  .brochure-download-section {
    padding-bottom: 20px;
  }

  .brochure-download-button.alt-form {
    width: 100%;
    border: 0 rgba(0, 0, 0, 0);
  }

  .brochure-download-form-grid {
    grid-row-gap: 14px;
    grid-template-columns: 1fr;
  }

  .contact-block {
    font-size: 0;
  }

  .contact-block-inner {
    height: 60px;
  }

  .contact-block-icon {
    width: 60px;
    height: 60px;
  }

  .landing-page-heading {
    padding-right: 0%;
    font-size: 32px;
  }

  .landing-page-heading.h1 {
    font-size: 36px;
  }

  .landing-page-heading.column {
    padding-right: 0%;
  }

  .contact-block-holder {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 30px;
    margin-bottom: 20px;
    display: grid;
  }

  .alt-contact-form-block {
    padding-left: 14px;
  }

  .alt-form-grid {
    grid-template-columns: 1fr;
  }

  .alt-faq-question.benefits {
    padding-right: 50px;
  }

  .alt-testimonials-columns {
    border-bottom-width: 0;
    border-bottom-color: rgba(0, 0, 0, 0);
  }

  .al-testimonial-arrow {
    width: 10%;
    height: 40px;
    max-width: 50px;
    min-width: 40px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    left: 30%;
  }

  .al-testimonial-arrow.right {
    left: 60%;
  }

  .testimonial-face.single {
    width: 60px;
    height: 60px;
    margin-bottom: 12px;
  }

  .alt-test-wrap {
    grid-template-columns: 1fr;
  }

  .green-border-image {
    width: 260px;
    height: auto;
    max-height: 280px;
    min-height: 200px;
  }

  .image-blocks-icon-overlay {
    width: 36px;
    height: 36px;
  }

  .as-benefit-grid {
    grid-column-gap: 14px;
    grid-row-gap: 20px;
    text-align: left;
    grid-template-columns: 1fr 1fr;
  }

  .benefit-icon {
    width: 80px;
    height: 60px;
    object-position: 0% 50%;
  }

  .accreditations-layout {
    flex-wrap: wrap;
    padding-left: 12px;
    padding-right: 12px;
  }

  .as-accred-logo {
    height: 56px;
    margin-bottom: 12px;
  }

  .as-accred-logo.lp-head {
    height: 60px;
    margin-bottom: 12px;
    margin-right: 6px;
  }

  .as-accred-logo.full {
    max-width: 40%;
  }

  .lp-buttons-holder {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .lp-button {
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .lp-head-sec-left {
    flex-direction: column;
    align-items: flex-start;
  }

  .lp-head-sec-right {
    flex-wrap: nowrap;
  }

  .single-quote-name {
    margin-top: 6px;
  }

  .quote-form-holder-section {
    padding-left: 10px;
    padding-right: 10px;
  }

  .quote-form-holder-section.video {
    height: auto;
    padding-bottom: 82px;
  }

  .lp-quote-form-holder {
    padding: 16px 10px 0;
  }

  .lp-quote-form-holder.video {
    width: auto;
    margin: -120px -18px 10px;
  }

  .lp-quote-form-option {
    width: 100%;
    border-left: 0 rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-right: 0;
  }

  .lp-quote-form-option.long {
    width: 100%;
    justify-content: flex-start;
  }

  .lp-quote-form-option.single {
    width: 100%;
    margin-right: 5px;
  }

  .lp-quote-form-option.mobile-left {
    margin-right: 5px;
  }

  .lp-quote-form-option.mobile-right {
    margin-left: 5px;
  }

  .lp-quote-options-inner.double {
    flex-wrap: nowrap;
    padding-right: 0;
  }

  .lp-quote-options-inner.single {
    padding-right: 0;
  }

  .lp-quote-option-box {
    width: 48%;
    min-width: 120px;
  }

  .lp-quote-option-box.top {
    width: 48%;
    min-width: auto;
  }

  .lp-quote-option-box.single {
    width: 100%;
    min-width: auto;
  }

  .lp-quote-option-box.double {
    min-width: auto;
  }

  .lp-quote-option-box.large {
    width: 48%;
    min-width: auto;
  }

  .lp-option-note {
    height: auto;
    min-height: 52px;
    justify-content: center;
    align-items: center;
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
  }

  .lp-quote-spacer {
    width: 2%;
    min-width: 10px;
    display: none;
  }

  .lp-quote-spacer.mid {
    display: none;
  }

  .lp-quote-spacer.small {
    min-width: 10px;
    display: block;
  }

  .lp-quote-form-grid {
    grid-template-columns: 1fr;
  }

  .mobile-column.single {
    width: 50%;
    margin-right: 5px;
  }

  .triple-text-box-holder {
    padding-left: 16px;
    padding-right: 16px;
  }

  .triple-text-icon {
    width: 80px;
    height: 80px;
  }

  .cyber-icon {
    width: 47%;
    height: 80px;
    object-position: 0% 50%;
    margin-bottom: 20px;
    margin-right: 3%;
  }

  .it-sectors-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .case-study-slider {
    height: 380px;
  }

  .case-study-slider-nav {
    width: 46px;
    height: 46px;
    bottom: 20px;
    left: 20px;
  }

  .case-study-slider-nav.right {
    bottom: 20px;
    left: 86px;
  }

  .case-study-slide-background.wide {
    height: 260px;
  }

  .case-study-slide-content {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .laptop-tabs {
    margin-top: 20px;
  }

  .laptop-tabs-content {
    width: 360px;
    height: 220px;
    padding: 32px 66px 48px;
    font-size: 14px;
  }

  .laptop-tab-link {
    height: auto;
    min-height: 50px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .laptop-tab-link-icon {
    top: auto;
  }

  .relative-9-blocks {
    bottom: 30px;
    right: 20px;
  }

  .offer-tabs-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .offer-tabs-content {
    padding: 4px;
  }

  .offer-tabs-pane {
    background-position: 40px 80px;
    background-size: 260px;
    padding: 20px 16px;
    font-size: 16px;
  }

  .hwdit-tab-link {
    padding-left: 0;
    padding-right: 0;
  }

  .hwdit-tab-image-holder {
    width: 80px;
    height: 80px;
  }

  .hwdit-tab-image-overlay {
    width: 80px;
    height: 80px;
    bottom: 30px;
    left: 30px;
  }

  .laptop-video-holder {
    width: 316px;
    height: 200px;
    padding: 17px 38px 28px;
  }

  .menu-button {
    right: 108px;
  }

  .contact-drawer {
    top: 60px;
  }

  .menu-items-holder {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo-link {
    height: 42px;
    left: 6px;
  }

  .brand-logo {
    height: 60px;
  }

  .contact-holder {
    height: 60px;
    right: 6px;
  }

  .nav-bar-holder {
    height: 60px;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .new-nav-col-holder {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: block;
  }

  .new-menu-item-links {
    height: auto;
  }

  .icon-title-holder {
    align-items: flex-start;
  }

  .icon-title {
    margin-left: -26px;
  }

  .checks-title {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .checks-list {
    margin-left: 0;
  }

  .new-services-grid._3, .support-case-studies-grid {
    grid-template-columns: 1fr;
  }

  .it-support-area-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .top-links {
    padding-right: 10px;
  }

  .team-member-card {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .para-title {
    padding-right: 0%;
    font-size: 28px;
  }

  .para-title.h1 {
    font-size: 36px;
  }

  .para-title.column {
    padding-right: 0%;
  }

  .consult-grid {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .simple-header {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .author-holder {
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .author-share-box {
    flex-direction: column;
    align-items: flex-start;
  }

  .social-share-title {
    margin-bottom: 10px;
  }
}

#w-node-e973143e-85cc-953b-2eab-0a4921a825fb-6ea6778c, #w-node-_71bb6be0-0a55-6777-47e9-4dbd2bd9ae8b-6ea6778c {
  align-self: auto;
  justify-self: auto;
}

#w-node-_72687581-1ac1-090d-08cb-095575feb2b7-6ea6778c {
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_28577c7e-bb90-7296-477a-0846fc395c60-6ea6778c, #w-node-bd818b34-1673-6b4f-de2a-308bbe5d5fd8-6ea6778c, #w-node-_02ca637c-f3bc-0858-5726-7541ed1d6963-6ea6778c {
  align-self: auto;
  justify-self: auto;
}

#w-node-c72f215d-34f5-27f2-9c7e-1bcb7560c0d6-58a67794, #w-node-e387df90-d857-2dba-eae5-21d4dad4782d-58a67794, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d755348-58a67794, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d755352-58a67794, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d75535c-58a67794, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d755366-58a67794, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d755370-58a67794, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d75537a-58a67794, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d755384-58a67794, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d75538e-58a67794 {
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_87b04189-94d1-acd9-a062-42f5426737ad-58a67794, #w-node-e0a2bd16-f278-7ce7-1da9-5e65adc99ba1-58a67794, #w-node-ee9dddb0-d27b-5380-6b93-634f2e4f8ab8-58a67794 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_52ae243c-0ec1-011d-643e-8286b39c33d0-58a67794 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: stretch;
}

#w-node-_141749c7-0590-9c0a-6ecd-71f168ffb47a-58a67794 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a5b7c476-292c-2582-45d3-c3013261a11b-58a67794 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: stretch;
}

#w-node-_2a1a07fd-f106-1c14-dbb3-3174fc85fa7e-58a67794, #w-node-_2a1a07fd-f106-1c14-dbb3-3174fc85fa84-58a67794, #w-node-c368783f-f4ec-618d-bd76-a2384f7968aa-58a67794, #w-node-abbb58fd-575b-def0-e306-ae62264eddc3-58a67794, #w-node-_1883178b-7b05-6ea3-ec25-75dd32a6310c-58a67794, #w-node-_2a1a07fd-f106-1c14-dbb3-3174fc85fa8a-58a67794, #w-node-_5a0fc66d-a250-aaba-b38c-4df08a0fb4f3-58a67794 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_654e6d83-2643-79c3-488a-856da7e3a5f0-58a67794 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dd003ee3-a6ab-b35d-d618-bb7a57d4e648-58a67794 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-dd003ee3-a6ab-b35d-d618-bb7a57d4e64b-58a67794 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_46a34c81-7ea5-a3e4-760a-5d570a3ee078-58a67794 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_46a34c81-7ea5-a3e4-760a-5d570a3ee07b-58a67794 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c468b9d9-8c59-785b-506b-2d0e1c4fda88-58a67794 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-c468b9d9-8c59-785b-506b-2d0e1c4fda8b-58a67794 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fc499e8f-f396-eb36-b699-0f466c51709b-58a67794 {
  align-self: stretch;
  justify-self: stretch;
}

#w-node-cefa1d33-5d71-56aa-601e-4b5153aaf12b-58a67794, #w-node-_2e33d904-c418-bd55-206f-7843ecbc7290-58a67794 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_3efc3b32-71e0-47a0-3db0-0ed99cfaa392-58a67794, #w-node-a9824235-c4df-587c-6771-0ab6196fc781-58a67794, #w-node-dcc0a4c7-6053-8149-49f5-e7ca45ae5b89-58a67794, #w-node-d0e15711-749e-18bd-8bdd-f71f50abfd41-58a67794, #w-node-_3f99e3d7-718a-8622-1f93-bc0e543e671c-58a67794, #w-node-d624ae83-ba39-080f-c32a-4eeb2f775b05-58a67794, #w-node-_849c95e1-5e96-dac1-603d-59903c834206-58a67794, #w-node-a616ffc5-0e75-7394-271b-1cc4352f2810-58a67794, #w-node-c9323868-14f8-25e7-1cd1-91de23267c89-58a67794, #w-node-_9b2939c9-4fc2-482d-e757-641894a345bf-58a67794, #w-node-c7c734c9-7731-292f-73a0-829709facff9-58a67794, #email.w-node-faea764f-ce0f-8ff8-8c5b-7bad074cedc5-58a67794, #w-node-faea764f-ce0f-8ff8-8c5b-7bad074cedc6-58a67794, #w-node-_7ba3ea49-bfc5-b29b-03e8-2d562ece3944-58a67794, #w-node-d649bf69-beaa-64fe-d619-9b298787912e-58a67794, #w-node-_1dd6fcc3-f457-b7d9-1fc6-8df2c0175f90-58a67794, #w-node-c72f215d-34f5-27f2-9c7e-1bcb7560c0d6-0ba67795, #w-node-e387df90-d857-2dba-eae5-21d4dad4782d-0ba67795, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d755348-0ba67795, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d755352-0ba67795, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d75535c-0ba67795, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d755366-0ba67795, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d755370-0ba67795, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d75537a-0ba67795, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d755384-0ba67795, #w-node-_0b8ea927-91f9-5f04-d7ac-a1832d75538e-0ba67795, #w-node-_3efc3b32-71e0-47a0-3db0-0ed99cfaa392-0ba67795, #w-node-a9824235-c4df-587c-6771-0ab6196fc781-0ba67795, #w-node-dcc0a4c7-6053-8149-49f5-e7ca45ae5b89-0ba67795, #w-node-d0e15711-749e-18bd-8bdd-f71f50abfd41-0ba67795, #w-node-_3f99e3d7-718a-8622-1f93-bc0e543e671c-0ba67795, #w-node-d624ae83-ba39-080f-c32a-4eeb2f775b05-0ba67795, #w-node-_849c95e1-5e96-dac1-603d-59903c834206-0ba67795, #w-node-a616ffc5-0e75-7394-271b-1cc4352f2810-0ba67795, #w-node-c9323868-14f8-25e7-1cd1-91de23267c89-0ba67795, #w-node-_9b2939c9-4fc2-482d-e757-641894a345bf-0ba67795, #w-node-c7c734c9-7731-292f-73a0-829709facff9-0ba67795, #email.w-node-faea764f-ce0f-8ff8-8c5b-7bad074cedc5-0ba67795, #w-node-faea764f-ce0f-8ff8-8c5b-7bad074cedc6-0ba67795, #w-node-_7ba3ea49-bfc5-b29b-03e8-2d562ece3944-0ba67795, #w-node-d649bf69-beaa-64fe-d619-9b298787912e-0ba67795, #w-node-_1dd6fcc3-f457-b7d9-1fc6-8df2c0175f90-0ba67795, #w-node-c72f215d-34f5-27f2-9c7e-1bcb7560c0d6-2aa67796, #w-node-e387df90-d857-2dba-eae5-21d4dad4782d-2aa67796 {
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_87b04189-94d1-acd9-a062-42f5426737ad-2aa67796, #w-node-e0a2bd16-f278-7ce7-1da9-5e65adc99ba1-2aa67796, #w-node-ee9dddb0-d27b-5380-6b93-634f2e4f8ab8-2aa67796 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_52ae243c-0ec1-011d-643e-8286b39c33d0-2aa67796 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: stretch;
}

#w-node-_141749c7-0590-9c0a-6ecd-71f168ffb47a-2aa67796 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a5b7c476-292c-2582-45d3-c3013261a11b-2aa67796 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: stretch;
}

#w-node-_2a1a07fd-f106-1c14-dbb3-3174fc85fa7e-2aa67796, #w-node-_2a1a07fd-f106-1c14-dbb3-3174fc85fa84-2aa67796, #w-node-c368783f-f4ec-618d-bd76-a2384f7968aa-2aa67796, #w-node-abbb58fd-575b-def0-e306-ae62264eddc3-2aa67796, #w-node-_1883178b-7b05-6ea3-ec25-75dd32a6310c-2aa67796, #w-node-_2a1a07fd-f106-1c14-dbb3-3174fc85fa8a-2aa67796, #w-node-_5a0fc66d-a250-aaba-b38c-4df08a0fb4f3-2aa67796 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_654e6d83-2643-79c3-488a-856da7e3a5f0-2aa67796 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dd003ee3-a6ab-b35d-d618-bb7a57d4e648-2aa67796 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-dd003ee3-a6ab-b35d-d618-bb7a57d4e64b-2aa67796 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_46a34c81-7ea5-a3e4-760a-5d570a3ee078-2aa67796 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_46a34c81-7ea5-a3e4-760a-5d570a3ee07b-2aa67796 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c468b9d9-8c59-785b-506b-2d0e1c4fda88-2aa67796 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-c468b9d9-8c59-785b-506b-2d0e1c4fda8b-2aa67796 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fc499e8f-f396-eb36-b699-0f466c51709b-2aa67796 {
  align-self: stretch;
  justify-self: stretch;
}

#w-node-cefa1d33-5d71-56aa-601e-4b5153aaf12b-2aa67796, #w-node-_2e33d904-c418-bd55-206f-7843ecbc7290-2aa67796 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_3efc3b32-71e0-47a0-3db0-0ed99cfaa392-2aa67796, #w-node-a9824235-c4df-587c-6771-0ab6196fc781-2aa67796, #w-node-dcc0a4c7-6053-8149-49f5-e7ca45ae5b89-2aa67796, #w-node-d0e15711-749e-18bd-8bdd-f71f50abfd41-2aa67796, #w-node-_3f99e3d7-718a-8622-1f93-bc0e543e671c-2aa67796, #w-node-d624ae83-ba39-080f-c32a-4eeb2f775b05-2aa67796, #w-node-_849c95e1-5e96-dac1-603d-59903c834206-2aa67796, #w-node-a616ffc5-0e75-7394-271b-1cc4352f2810-2aa67796, #w-node-c9323868-14f8-25e7-1cd1-91de23267c89-2aa67796, #w-node-_9b2939c9-4fc2-482d-e757-641894a345bf-2aa67796, #w-node-c7c734c9-7731-292f-73a0-829709facff9-2aa67796, #email.w-node-faea764f-ce0f-8ff8-8c5b-7bad074cedc5-2aa67796, #w-node-faea764f-ce0f-8ff8-8c5b-7bad074cedc6-2aa67796, #w-node-_7ba3ea49-bfc5-b29b-03e8-2d562ece3944-2aa67796, #w-node-d649bf69-beaa-64fe-d619-9b298787912e-2aa67796, #w-node-_1dd6fcc3-f457-b7d9-1fc6-8df2c0175f90-2aa67796, #w-node-c72f215d-34f5-27f2-9c7e-1bcb7560c0d6-03a67797, #w-node-e387df90-d857-2dba-eae5-21d4dad4782d-03a67797 {
  align-self: stretch;
  justify-self: stretch;
}

#w-node-b6718d6b-ee5f-1af9-aa11-ad5b4fd94c46-03a67797, #w-node-b96e8263-99aa-1f07-d417-6fd4ccb30e58-03a67797 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c969b7a-0e65-b98b-037a-3275dae5c96c-03a67797, #w-node-_3c969b7a-0e65-b98b-037a-3275dae5c966-03a67797, #w-node-_7c5f5572-c5e8-d3e5-705c-36b851bb3215-03a67797, #w-node-_7c5f5572-c5e8-d3e5-705c-36b851bb320b-03a67797 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: stretch;
}

#w-node-_87b04189-94d1-acd9-a062-42f5426737ad-03a67797, #w-node-e0a2bd16-f278-7ce7-1da9-5e65adc99ba1-03a67797, #w-node-ee9dddb0-d27b-5380-6b93-634f2e4f8ab8-03a67797 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_52ae243c-0ec1-011d-643e-8286b39c33d0-03a67797 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: stretch;
}

#w-node-_141749c7-0590-9c0a-6ecd-71f168ffb47a-03a67797 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a5b7c476-292c-2582-45d3-c3013261a11b-03a67797 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: stretch;
}

#w-node-_2a1a07fd-f106-1c14-dbb3-3174fc85fa7e-03a67797, #w-node-_2a1a07fd-f106-1c14-dbb3-3174fc85fa84-03a67797, #w-node-c368783f-f4ec-618d-bd76-a2384f7968aa-03a67797, #w-node-abbb58fd-575b-def0-e306-ae62264eddc3-03a67797, #w-node-_1883178b-7b05-6ea3-ec25-75dd32a6310c-03a67797, #w-node-_2a1a07fd-f106-1c14-dbb3-3174fc85fa8a-03a67797 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-fc499e8f-f396-eb36-b699-0f466c51709b-03a67797 {
  align-self: stretch;
  justify-self: stretch;
}

#w-node-cefa1d33-5d71-56aa-601e-4b5153aaf12b-03a67797, #w-node-_2e33d904-c418-bd55-206f-7843ecbc7290-03a67797 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_3efc3b32-71e0-47a0-3db0-0ed99cfaa392-03a67797, #w-node-a9824235-c4df-587c-6771-0ab6196fc781-03a67797, #w-node-dcc0a4c7-6053-8149-49f5-e7ca45ae5b89-03a67797, #w-node-d0e15711-749e-18bd-8bdd-f71f50abfd41-03a67797, #w-node-_3f99e3d7-718a-8622-1f93-bc0e543e671c-03a67797, #w-node-d624ae83-ba39-080f-c32a-4eeb2f775b05-03a67797, #w-node-_849c95e1-5e96-dac1-603d-59903c834206-03a67797, #w-node-a616ffc5-0e75-7394-271b-1cc4352f2810-03a67797, #w-node-c9323868-14f8-25e7-1cd1-91de23267c89-03a67797, #w-node-_9b2939c9-4fc2-482d-e757-641894a345bf-03a67797, #w-node-c7c734c9-7731-292f-73a0-829709facff9-03a67797, #email.w-node-faea764f-ce0f-8ff8-8c5b-7bad074cedc5-03a67797, #w-node-faea764f-ce0f-8ff8-8c5b-7bad074cedc6-03a67797, #w-node-_7ba3ea49-bfc5-b29b-03e8-2d562ece3944-03a67797, #w-node-d649bf69-beaa-64fe-d619-9b298787912e-03a67797, #w-node-_1dd6fcc3-f457-b7d9-1fc6-8df2c0175f90-03a67797, #w-node-a9bae6cf-7db9-34d1-b77f-72d4abdf4d3f-7ca67798, #w-node-_1b5a3e26-39a1-e66b-3632-42f938d5b0c0-7ca67798, #w-node-a5592589-4f9f-8732-c1ff-37177d3ea23b-b1a67799, #w-node-f510f0d9-2272-315f-97e9-df265f26d445-b1a67799, #w-node-_46c7355d-7378-c2ae-5e1a-80297a09cb78-b1a67799, #w-node-e94021f2-948d-1339-0f04-0f849a026c6d-b1a67799, #w-node-_248c8d2c-1801-938d-2d3f-130c5024fda5-b1a67799, #w-node-cb22fdbd-37e7-75f4-9add-cb94e9a789ac-b1a67799, #w-node-_245cf2e4-5eb5-7bca-f3ae-02a4191e2929-b1a67799, #w-node-_6336e886-129b-d3b6-79bd-d20405bf6276-b1a67799, #w-node-_01a8dd43-5606-5d19-c6f0-499dc77cbd34-b1a67799, #w-node-_5c23bcf6-e774-a485-269e-114661a06b84-b1a67799, #w-node-_1977372d-a5a6-f3a9-b74d-e1a7ce97fac0-b1a67799, #w-node-e1d6cc2e-a462-9727-973d-eee1d5babaca-b1a67799, #w-node-c2556cf6-1813-3b77-b73b-4f2f9b478462-b1a67799, #w-node-_6b0b4bca-025a-30fe-7eaf-c376bae66834-b1a67799, #w-node-_4667c4aa-3fbc-71c8-6e29-8c48e67df0aa-b1a67799, #w-node-_94259cc7-4110-f7c8-6024-26b90581b471-b1a67799, #w-node-d0b6c787-f7ec-f081-b58b-1bfe1ff1f67e-b1a67799 {
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_509f763b-5b34-230d-3412-46c85548ecc4-b1a67799, #w-node-_7f74f7d5-2a89-3e5f-4971-aeea78c9b880-b1a67799, #w-node-_1f1d1431-16ca-16fd-31ae-b62263efb236-b1a67799, #w-node-_218544d1-3543-1af8-ec87-637a02daf055-b1a67799, #w-node-bff16c94-96cb-1ad2-d37a-c2b9882d7e6a-b1a67799, #w-node-e721cb74-23b7-c190-eeaf-75bab2ee96b0-b1a67799, #w-node-ec4e8987-9cb5-3212-f93f-f2eaad31d953-b1a67799, #w-node-_944fd46e-fa9f-2cc0-34b0-d3ccb0a22177-b1a67799 {
  align-self: auto;
  justify-self: auto;
}

#w-node-_0be8f104-8509-ab95-0302-690a56a535c8-b1a67799, #w-node-_6375425e-c94b-79f7-5d58-d42d4694ba18-b1a67799, #w-node-_2a43aff8-6c0d-b353-905f-593640f57588-b1a67799, #w-node-_0f75308a-dfac-b1c1-bf4c-857d611f94dc-b1a67799, #w-node-_9eaa57b2-b2f8-411d-6b31-a405e767a6e9-b1a67799, #w-node-_5a298430-76e8-5d24-7081-8b888ee68a1e-b1a67799, #w-node-_48482152-d264-8b40-2981-3ce138ff0467-b1a67799, #w-node-d2290402-8c95-0941-ae43-fee836627bd5-b1a67799, #w-node-_9695c951-7c3f-41af-beab-49395f12e76b-b1a67799, #w-node-_84514817-ede1-84bf-f3be-4058d27845d1-b1a67799, #w-node-_01abeb28-3f2a-1e6e-006f-0329873ae7a1-9efab482, #w-node-_01abeb28-3f2a-1e6e-006f-0329873ae7a7-9efab482 {
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_291c5b9c-ebfb-f98d-6d62-9b4b2bbabe18-9efab482, #w-node-_1e65664d-a9f3-a0bb-1c72-f23b01a1313c-9efab482, #w-node-eb9f929f-3ee1-15aa-44b0-1f286ae91877-9efab482, #w-node-_6e1139f6-5dab-d377-435f-60341ca0357d-9efab482, #w-node-_21358a5e-7e2f-0c58-b711-75f66dbbe58a-9efab482, #w-node-_91ba8b8d-abf1-d7b6-2ee7-fd9bf4552d07-9efab482, #w-node-a5571d38-8128-ef91-646f-5e81d641b658-9efab482, #w-node-_5a4055e1-7c57-6436-b85b-b29d3c00c948-9efab482, #w-node-_944a3f2b-bf83-257c-54b0-47419d99fd1f-9efab482, #w-node-_1af64640-a936-f3d1-df39-ec0f7d09ee15-9efab482, #w-node-_26bb8d4a-044d-4ff7-cbab-c14e4962bef0-9efab482, #w-node-de4fb1bb-b94f-9257-1e42-442c9e012720-9efab482, #w-node-_4d372041-a30b-5fa2-28ee-5f22f729f7bc-9efab482, #w-node-_8f70a074-9773-de82-d8e9-f25fcc09a625-9efab482 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d9ef66ee-97fe-d5f0-f7b4-0b21f2a3dce4-9efab482, #w-node-d9ef66ee-97fe-d5f0-f7b4-0b21f2a3dcea-9efab482, #w-node-d9ef66ee-97fe-d5f0-f7b4-0b21f2a3dcf0-9efab482 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_7157ab6a-c899-84eb-7edf-5813456c3ce5-9efab482, #w-node-_7157ab6a-c899-84eb-7edf-5813456c3cff-9efab482 {
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_8e58a891-481d-93e3-8e1f-d6b29462e6df-817d5cf5, #w-node-_8698306b-feb8-b248-6419-7aacba77bb17-817d5cf5, #w-node-_2fc04a4a-7abd-959b-c18c-6a72545e88c2-817d5cf5, #w-node-b0a59421-a2fa-cde8-a3ee-26988b2a8e25-817d5cf5, #w-node-d9f91ca2-6611-4014-2b51-03b121c649c2-817d5cf5, #w-node-_2132b712-bdf6-f71e-86cf-a5ec60d345a2-817d5cf5, #w-node-_0684eb5b-9fb9-ab41-5572-74bb4b58baa4-817d5cf5, #w-node-_6d46b41c-e877-470e-18f8-95cd212fd5ee-817d5cf5, #w-node-_2ee5866b-b6b6-1075-b800-32563e22b3d4-817d5cf5, #w-node-_6e7b518c-7e0d-39e2-df09-d495ad7c99e6-817d5cf5, #w-node-abe27a30-e7f8-9342-07de-06a3d5231819-60ed9c16, #w-node-_073e3d5a-2884-40a0-c33f-f632663d7c03-60ed9c16 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}