:root {
  --body: #333;
  --title: #162d54;
  --bg: #e9f7fe;
  --icb-blue\<deleted\|variable-02c4d6c7-70ab-4ff3-9dec-d2b49cc4a726\>: var(--transparent);
  --desktop: 150px;
  --tablet: 100px;
  --landscape-mobile: 80px;
  --white: var(--bg);
  --portrait-mobile: 60px;
  --icb-blue: #2f4a90;
  --transparent: #000000ab;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

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

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--body);
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 170%;
}

h1 {
  color: var(--title);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: 500;
  line-height: 150%;
}

h2 {
  color: var(--title);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 34px;
  font-weight: 400;
  line-height: 150%;
}

h3 {
  color: var(--title);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 400;
  line-height: 150%;
}

h4 {
  color: var(--title);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 400;
  line-height: 150%;
}

h5 {
  color: var(--title);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

h6 {
  color: var(--title);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--body);
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

ul, ol {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 30px;
}

li {
  margin-bottom: 15px;
}

blockquote {
  background-color: var(--bg);
  text-align: center;
  border-left: 0 #e2e2e2;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 40px;
  font-size: 18px;
  line-height: 170%;
}

.container {
  width: 100%;
  max-width: 1336px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.container.carousel-container {
  width: auto;
  max-width: none;
  display: block;
}

.nav-wrap {
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.nav-menu {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.header {
  z-index: 99999999;
  background-image: linear-gradient(#fff, #fff);
  position: sticky;
  inset: 0% 0% auto;
}

.navbar {
  background-color: #0000;
  border-bottom: 1px solid #0000001a;
  padding-top: 5px;
  padding-bottom: 5px;
}

.top-line, .bottom-line {
  background-color: #000;
  width: 24px;
  height: 1px;
}

.center-line {
  background-color: #000;
  width: 24px;
  height: 1px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.logo {
  margin-left: 45px;
  position: absolute;
  left: auto;
  transform: translate(-50%);
}

.nav-link {
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.link-text.hover {
  position: absolute;
}

.nav-right {
  grid-column-gap: 22px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dropdown-list {
  padding-top: 27px;
}

.dropdown-list.w--open {
  background-color: #0000;
}

.link-wrap {
  grid-row-gap: 20px;
  background-color: #fff;
  border: 1px solid #0000001a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 264px;
  padding: 20px 30px;
  display: flex;
}

.link-wrap.w--open {
  padding-top: 25px;
}

.nav-dropdown {
  grid-column-gap: 8px;
  color: #000;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.navbar-link {
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}

.nav-button {
  background-color: var(--icb-blue\<deleted\|variable-02c4d6c7-70ab-4ff3-9dec-d2b49cc4a726\>);
  color: #000;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 12px 26px;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-button.mobile {
  display: none;
}

.nav-button.desktop {
  background-color: #8dccff;
}

.nav-line {
  background-color: #0000001a;
  width: 1px;
  height: 38px;
}

.btn-text, .nav-inner-link {
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.purchase-badge {
  z-index: 9999;
  grid-column-gap: 6px;
  color: #000;
  background-color: #fff;
  border-radius: 2px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  display: flex;
  position: fixed;
  bottom: 24px;
  right: 24px;
  box-shadow: 0 1px 4px #0000001a, 0 0 0 1px #0000001a;
}

.page-title {
  padding-top: 60px;
  padding-bottom: 60px;
}

.main-title {
  margin-bottom: 0;
  font-weight: 700;
}

.main-title.our-work, .main-title.sustainability {
  margin-bottom: 60px;
}

.page-data {
  margin-bottom: var(--desktop);
  position: relative;
}

.page-data.breaking-news-page {
  margin-bottom: 0;
}

.footer {
  background-color: #2f4a90;
}

.footer-bottom {
  border-top: 1px solid #ffb70333;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ft-bottom {
  grid-column-gap: 30px;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 150%;
  display: flex;
}

.footer-wrap {
  grid-column-gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 80px;
  padding-bottom: 120px;
  display: flex;
}

.footer-left {
  width: 100%;
  max-width: 38%;
}

.footer-text {
  color: #fff;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 300;
}

.social-wrap {
  grid-column-gap: 14px;
  display: flex;
}

.social-link {
  border: 1px solid #ffffff26;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  transition: border-color .3s;
  display: flex;
}

.social-link:hover {
  border-color: #ffffff80;
}

.ft-bottom-link {
  color: #fff;
  text-decoration: none;
  transition: color .3s;
}

.ft-bottom-link:hover {
  color: var(--title);
  font-weight: 800;
}

.footer-right {
  grid-column-gap: 80px;
  display: flex;
}

.ft-title {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 700;
  line-height: 150%;
}

.ft-menu {
  flex-flow: column;
  display: flex;
}

.ft-link {
  color: var(--bg);
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 13px;
  line-height: 150%;
  text-decoration: none;
  transition: color .3s;
}

.ft-link:hover {
  color: var(--title);
  font-weight: 800;
}

.ft-link.w--current {
  color: var(--white);
  font-size: 13px;
  font-weight: 400;
}

.ft-link.w--current:hover {
  color: var(--title);
  font-weight: 800;
}

.sg-section {
  margin-bottom: var(--desktop);
}

.font-inner {
  grid-column-gap: 150px;
  display: flex;
}

.font-block {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  font-size: 18px;
}

.text-heading {
  margin-top: 0;
  font-size: 100px;
  font-weight: 700;
  line-height: 120%;
}

.body-font {
  margin-top: 0;
  font-size: 100px;
  line-height: 120%;
}

.title-top {
  grid-column-gap: 180px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 100px 100px;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.font-title {
  color: #000;
  text-align: right;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 150%;
}

.font-info {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 150%;
}

.body-small {
  font-size: 14px;
  line-height: 150%;
}

.table-left {
  flex-direction: column;
  display: flex;
}

.table-text {
  text-align: right;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.table-row {
  grid-column-gap: 180px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #0003;
  grid-template-rows: auto;
  grid-template-columns: 1fr 100px 100px;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  display: grid;
}

.body-large {
  font-size: 18px;
}

.color-wrap {
  grid-column-gap: 20px;
  margin-top: 30px;
  display: flex;
}

.color-box {
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.color-main {
  background-color: var(--icb-blue\<deleted\|variable-02c4d6c7-70ab-4ff3-9dec-d2b49cc4a726\>);
  border: 1px solid #0000001a;
  width: 120px;
  height: 120px;
}

.color-main.title-color {
  background-color: var(--title);
}

.color-main.body-color {
  background-color: var(--body);
}

.color-main.bg {
  background-color: var(--bg);
}

.color-main.secondary-color {
  background-color: var(--icb-blue);
  color: var(--icb-blue\<deleted\|variable-02c4d6c7-70ab-4ff3-9dec-d2b49cc4a726\>);
}

.button-wrap {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.button-wrap.center {
  justify-content: center;
  align-items: center;
}

.primary-button {
  grid-column-gap: 25px;
  color: #000;
  text-transform: uppercase;
  background-color: #789dff;
  border-style: none;
  border-width: 0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 8px 8px 26px;
  font-size: 14px;
  line-height: 100%;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.primary-button:hover {
  background-color: var(--icb-blue);
  color: #fff;
}

.primary-button.plain {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 30px;
}

.button-icon {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  display: flex;
}

.arrow-wrap {
  min-width: 16px;
  max-width: 16px;
  min-height: 16px;
  max-height: 16px;
  overflow: hidden;
}

.link-button {
  grid-column-gap: 10px;
  color: #000;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.link-button.white {
  color: #fff;
}

.rich-text {
  width: 100%;
  max-width: 900px;
  margin-top: 30px;
}

.rich-text.sustainability-page {
  margin-top: 0;
}

.info-inner {
  padding-bottom: 30px;
}

.info-content {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
}

.single-text {
  margin-bottom: 0;
  font-weight: 200;
}

.single-text.working-in-partnership {
  margin-bottom: 26px;
}

.info-block {
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
}

.licensing-title {
  margin-bottom: 0;
  font-size: 20px;
}

.disclaimer {
  grid-row-gap: 10px;
  flex-direction: column;
  margin-bottom: 60px;
}

.license-field {
  color: #000;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
}

.license-wrap {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.changelog-wrap {
  margin-bottom: 350px;
}

.version-info {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 90px 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.version-block {
  border: 1px solid #333;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
}

.version-name {
  color: #000;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 150%;
}

.heading-block {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.version-title, .changelog-text {
  margin-bottom: 0;
}

.cs-wrap {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.cs-inside {
  text-align: center;
  width: 100%;
  max-width: 470px;
}

.cs-title {
  margin-bottom: 15px;
  font-size: 64px;
  font-weight: 600;
  line-height: 120%;
}

.cs-text {
  margin-bottom: 50px;
}

.cs-text-title {
  margin-bottom: 4px;
}

.plain-link {
  text-decoration: none;
}

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

.policy-block {
  padding-top: 50px;
}

.policy-block.first {
  padding-top: 0;
}

.checklist {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style: none;
}

.checklist-item {
  background-image: url('../images/ic-check.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 15px;
  padding-left: 30px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  background-color: var(--bg);
  text-align: center;
  flex-flow: column;
  width: 100%;
  max-width: 500px;
  margin-bottom: 0;
  padding: 60px 50px;
}

.error-info {
  margin-top: 50px;
}

.previous-button {
  grid-column-gap: 25px;
  background-color: var(--icb-blue\<deleted\|variable-02c4d6c7-70ab-4ff3-9dec-d2b49cc4a726\>);
  color: #000;
  text-transform: uppercase;
  border-style: none;
  border-width: 0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 8px 30px 8px 8px;
  font-size: 14px;
  line-height: 100%;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.previous-button:hover {
  background-color: var(--transparent);
  color: #fff;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.error-data {
  text-align: center;
  flex-flow: column;
  width: 100%;
  max-width: 500px;
}

.pass-field {
  margin-top: 50px;
  margin-bottom: 25px;
}

.input {
  height: auto;
  color: var(--body);
  background-color: #0000;
  border: 0 solid #000;
  border-bottom-width: 1px;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  line-height: 150%;
}

.input:focus {
  border-bottom-color: #000;
}

.input::placeholder {
  color: #888;
  font-size: 12px;
  line-height: 150%;
}

.field-label {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  display: flex;
}

.pass-text {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 150%;
}

.error-message {
  color: #000;
  text-align: center;
}

.sub-title {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 100%;
}

.sub-title.white {
  color: #fff;
}

.contact-section {
  margin-bottom: var(--desktop);
}

.contact-wrap {
  grid-column-gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.contact-img {
  background-color: #f6fcff;
  width: 100%;
  max-width: 50%;
  position: relative;
  overflow: hidden;
}

.section-image {
  width: 100%;
  height: auto;
  display: block;
}

.section-image.our-work {
  width: auto;
  max-width: none;
  height: 1360px;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.section-image.sustainability {
  width: auto;
  max-width: none;
  height: 930px;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.section-image.case-studies-hero-image {
  width: auto;
  max-width: none;
  height: 1360px;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cd-right {
  grid-row-gap: 100px;
  flex-flow: column;
  width: 100%;
  max-width: 50%;
  display: flex;
}

.cd-title {
  margin-bottom: 15px;
  font-weight: 700;
}

.cd-text {
  margin-bottom: 0;
}

.cd-info {
  grid-column-gap: 60px;
  margin-top: 30px;
  display: flex;
}

.cd-block {
  color: #000;
  flex-flow: column;
  font-size: 18px;
  display: flex;
}

.cd-link {
  font-size: 16px;
  text-decoration: none;
}

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

.address-title {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 170%;
}

.address {
  width: 100%;
  max-width: 260px;
}

.cd-bottom {
  grid-column-gap: 30px;
  color: #000;
  border-top: 1px solid #d9d9d9;
  justify-content: flex-start;
  align-items: center;
  margin-top: 25px;
  padding-top: 25px;
  font-size: 18px;
  line-height: 170%;
  display: flex;
}

.social-data {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-block {
  background-color: #eee;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  transition: background-color .3s;
  display: flex;
}

.social-block:hover {
  background-color: var(--icb-blue\<deleted\|variable-02c4d6c7-70ab-4ff3-9dec-d2b49cc4a726\>);
}

.contact {
  margin-bottom: var(--desktop);
}

.contact-left {
  width: 100%;
  max-width: 50%;
}

.contact-form {
  margin-bottom: 0;
}

.success-message {
  background-color: var(--icb-blue\<deleted\|variable-02c4d6c7-70ab-4ff3-9dec-d2b49cc4a726\>);
  color: #000;
  text-align: center;
}

.form-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-bottom {
  grid-column-gap: 30px;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.textarea {
  min-height: 120px;
  color: var(--body);
  background-color: #0000;
  border: 0 solid #000;
  border-bottom-width: 1px;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  line-height: 150%;
}

.textarea:focus {
  border-bottom-color: #000;
}

.textarea::placeholder {
  color: #888;
  font-size: 12px;
  line-height: 150%;
}

.checkbox-label {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.checkbox {
  float: none;
  border-color: #000;
  border-radius: 0;
  width: auto;
  min-width: 12px;
  max-width: 12px;
  height: auto;
  min-height: 12px;
  max-height: 12px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
}

.checkbox-field {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.facts {
  margin-bottom: var(--desktop);
  background-color: var(--transparent);
  padding-top: 70px;
  padding-bottom: 70px;
}

.facts-wrap {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.facts-block {
  color: #fff;
}

.facts-title {
  border-bottom: 1px #ffffff4d;
  margin-bottom: -4px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}

.facts-info {
  border-bottom: 1px solid #ffffff4f;
  margin-bottom: 15px;
  padding-bottom: 19px;
  font-size: 80px;
  font-weight: 700;
  line-height: 100%;
}

.faq {
  margin-bottom: var(--desktop);
}

.section-title {
  margin-bottom: 20px;
}

.section-heading {
  margin-bottom: 0;
  font-weight: 700;
}

.section-heading.white {
  color: #fff;
}

.faq-wrap {
  grid-column-gap: 60px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-img {
  background-color: #f6fcff;
  width: 100%;
  max-width: 40%;
  position: relative;
  overflow: hidden;
}

.faq-data {
  width: 100%;
  max-width: 60%;
}

.ans {
  background-color: #0000;
  display: block;
  position: relative;
  overflow: hidden;
}

.faq-info {
  border-bottom: 1px solid #00000026;
  width: 100%;
  padding-top: 22px;
  padding-bottom: 22px;
}

.faq-info.top {
  padding-top: 0;
}

.ans-box {
  padding-top: 12px;
  padding-right: 64px;
}

.que-text {
  text-transform: none;
  white-space: normal;
  word-break: normal;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 170%;
}

.que {
  grid-column-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.horizontal-line {
  background-color: #000;
  width: 15px;
  height: 1px;
  position: absolute;
}

.que-icon {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.ans-text {
  margin-bottom: 0;
}

.verticle-line {
  background-color: #000;
  width: 1px;
  height: 15px;
}

.faq-heading {
  margin-bottom: 0;
}

.reviews {
  margin-bottom: var(--desktop);
}

.empty-state {
  background-color: var(--transparent);
  color: var(--icb-blue\<deleted\|variable-02c4d6c7-70ab-4ff3-9dec-d2b49cc4a726\>);
  text-align: center;
  border: 1px solid #ffffff1a;
}

.review-list {
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.review-item {
  display: flex;
}

.review-block {
  grid-column-gap: 60px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.review-img {
  background-color: #f6fcff;
  width: 100%;
  max-width: 32%;
}

.review-image {
  object-fit: cover;
  width: 100%;
  min-height: 455px;
  max-height: 455px;
}

.review-data {
  width: 100%;
  max-width: 68%;
}

.review-quote {
  color: #000;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.review-text {
  border-bottom: 1px solid #0000001a;
  margin-bottom: 0;
  padding-bottom: 40px;
  font-size: 20px;
  line-height: 150%;
}

.review-info {
  margin-top: 40px;
  font-size: 14px;
  line-height: 150%;
}

.review-name {
  font-size: 16px;
  line-height: 170%;
}

.pagination {
  grid-column-gap: 20px;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 40px;
}

.blogs {
  margin-bottom: var(--desktop);
}

.post-wrapper {
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.post-item {
  display: flex;
}

.post-list {
  grid-column-gap: 40px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.post-block {
  grid-row-gap: 15px;
  flex-flow: column;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.featured-post {
  border: 1px solid #0000001a;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.fp-img {
  background-color: #f6fcff;
  width: 100%;
  max-width: 50%;
  overflow: hidden;
}

.fp-image {
  object-fit: cover;
  width: 100%;
  min-height: 460px;
  max-height: 460px;
}

.fp-data {
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 50%;
  padding: 60px;
  display: flex;
}

.post-info {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 150%;
  display: flex;
}

.post-dot {
  background-color: var(--icb-blue\<deleted\|variable-02c4d6c7-70ab-4ff3-9dec-d2b49cc4a726\>);
  border-radius: 50%;
  min-width: 5px;
  max-width: 5px;
  min-height: 5px;
  max-height: 5px;
}

.fp-title {
  margin-top: 15px;
}

.fp-info {
  margin-bottom: 0;
}

.post-img {
  background-color: #f6fcff;
  width: 100%;
  overflow: hidden;
}

.post-title {
  margin-top: 8px;
  margin-bottom: 0;
  font-weight: 500;
}

.post-image {
  object-fit: cover;
  width: 100%;
  min-height: 390px;
  max-height: 390px;
}

.post-link {
  grid-column-gap: 10px;
  color: #000;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.post-main {
  margin-bottom: var(--desktop);
}

.post-heading {
  margin-top: 8px;
  margin-bottom: 0;
}

.post-main-img {
  background-color: #f6fcff;
  width: 100%;
}

.post-main-image {
  object-fit: cover;
  width: 100%;
  min-height: 600px;
  max-height: 600px;
}

.post-details {
  width: 100%;
  max-width: 900px;
  margin-top: 60px;
}

.cta {
  background-color: var(--bg);
}

.cta-title {
  margin-bottom: 15px;
  font-size: 38px;
  font-weight: 700;
}

.cta-text {
  width: 100%;
  max-width: 60%;
  margin-bottom: 0;
}

.cta-left {
  width: 100%;
}

.cta-right {
  width: 100%;
  max-width: 25%;
}

.cta-input {
  height: auto;
  color: var(--body);
  background-color: #fff;
  background-image: url('../images/ic-email.svg');
  background-position: 25px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #0003;
  margin-bottom: 0;
  padding: 12px 12px 12px 54px;
  font-size: 14px;
  line-height: 150%;
}

.cta-input:focus {
  border-color: #000;
}

.cta-input::placeholder {
  color: #000;
  font-size: 14px;
  line-height: 150%;
}

.cta-wrap {
  grid-column-gap: 60px;
  justify-content: space-between;
  align-items: center;
  padding-top: 90px;
  padding-bottom: 90px;
  display: flex;
  position: relative;
}

.cta-form {
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.cta-graph {
  position: absolute;
  inset: auto 30% 0% auto;
}

.services {
  margin-bottom: var(--desktop);
}

.service-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-item {
  display: flex;
}

.service-block {
  grid-row-gap: 35px;
  border: 1px solid #0000001a;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 40px 35px;
  text-decoration: none;
  transition: background-color .3s, border-color .3s;
  display: flex;
}

.service-block:hover {
  border-color: var(--bg);
  background-color: var(--bg);
}

.service-icon {
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px;
}

.service-title {
  margin-top: 30px;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
}

.service-info {
  margin-bottom: 0;
}

.service-link {
  grid-column-gap: 10px;
  color: #000;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.service-heading {
  margin-bottom: 0;
  font-weight: 700;
}

.service-main {
  margin-bottom: var(--desktop);
}

.service-main-img {
  background-color: #f6fcff;
  width: 100%;
}

.service-main-image {
  object-fit: cover;
  width: 100%;
  min-height: 600px;
  max-height: 600px;
}

.service-details {
  grid-row-gap: 60px;
  flex-flow: column;
  margin-top: 60px;
  margin-bottom: 70px;
  display: flex;
}

.about-service {
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.service-rich-text ul {
  grid-row-gap: 15px;
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.service-rich-text li, .service-include p {
  margin-bottom: 0;
}

.brochure-button {
  grid-column-gap: 25px;
  background-color: var(--icb-blue\<deleted\|variable-02c4d6c7-70ab-4ff3-9dec-d2b49cc4a726\>);
  color: #000;
  text-transform: uppercase;
  border-style: none;
  border-width: 0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 16px 30px;
  font-size: 14px;
  line-height: 100%;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.brochure-button:hover {
  background-color: var(--transparent);
  color: #fff;
}

.projects {
  z-index: 9999999;
  margin-bottom: var(--desktop);
  position: relative;
}

.project-item {
  display: flex;
}

.project-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-block {
  background-color: #f6fcff;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-img {
  object-fit: cover;
  width: 100%;
  min-height: 422px;
  max-height: 422px;
}

.project-box {
  text-align: center;
  background-color: #fff;
  padding: 15px 25px;
  font-size: 16px;
  line-height: 150%;
  position: absolute;
  bottom: 30px;
}

.project-name {
  color: #000;
  font-size: 20px;
  line-height: 150%;
}

.project-main {
  margin-bottom: var(--desktop);
}

.project-main-img {
  background-color: #f6fcff;
  width: 100%;
}

.project-main-image {
  object-fit: cover;
  width: 100%;
  min-height: 600px;
  max-height: 600px;
}

.project-wrap {
  grid-column-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 60px;
  display: flex;
}

.project-details ul {
  grid-row-gap: 15px;
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.project-details li {
  margin-bottom: 0;
}

.project-left {
  width: 100%;
  max-width: 70%;
}

.project-right {
  grid-row-gap: 40px;
  background-color: var(--bg);
  border: 1px solid #0000001a;
  flex-flow: column;
  width: 100%;
  max-width: 26%;
  padding: 40px;
  display: flex;
}

.project-info-wrap {
  grid-row-gap: 18px;
  flex-flow: column;
  display: flex;
}

.project-info {
  grid-column-gap: 20px;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 150%;
  display: flex;
}

.project-heading {
  grid-column-gap: 10px;
  color: var(--title);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.project-line {
  background-color: #0000001a;
  width: auto;
  height: 1px;
}

.project-title {
  margin-bottom: 0;
  font-weight: 700;
}

.about {
  margin-bottom: var(--desktop);
}

.about-wrap {
  grid-column-gap: 70px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.about-left {
  background-color: #f6fcff;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.about-right {
  width: 100%;
  max-width: 48%;
}

.about-title {
  margin-bottom: 15px;
  font-size: 32px;
  font-weight: 700;
}

.about-info {
  font-size: 18px;
  line-height: 170%;
}

.about-text {
  margin-bottom: 0;
}

.about-data {
  grid-column-gap: 20px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.about-left-img {
  background-color: #f6fcff;
  width: 100%;
  max-width: 40%;
  position: relative;
  overflow: hidden;
}

.about-image {
  object-fit: cover;
  width: 100%;
  min-height: 190px;
  max-height: 190px;
}

.about-right-img {
  background-color: #f6fcff;
  width: 100%;
  max-width: 60%;
  position: relative;
  overflow: hidden;
}

.mission {
  margin-bottom: var(--desktop);
}

.mission-wrap {
  grid-column-gap: 100px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.mission-left {
  width: 100%;
  max-width: 50%;
}

.mission-right {
  width: 100%;
  max-width: 50%;
  position: relative;
}

.mission-block {
  grid-column-gap: 30px;
  background-color: var(--bg);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 65%;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: auto auto 30px -50px;
}

.mission-title {
  font-weight: 700;
}

.mission-list {
  grid-row-gap: 15px;
  flex-flow: column;
  margin-top: 15px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.mission-item {
  background-image: url('../images/ic-check_1.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 0;
  padding-left: 28px;
}

.mission-bg {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  min-width: 75px;
  max-width: 75px;
  min-height: 75px;
  max-height: 75px;
  display: flex;
}

.mission-heading {
  color: var(--title);
  font-size: 18px;
  line-height: 170%;
}

.award-icon {
  min-width: 30px;
  max-width: 30px;
  min-height: 48px;
  max-height: 48px;
}

.team {
  margin-bottom: var(--desktop);
}

.team-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-img {
  background-color: #f6fcff;
  width: 100%;
}

.team-image {
  object-fit: cover;
  width: 100%;
  min-height: 356px;
  max-height: 356px;
}

.team-data {
  margin-top: 10px;
}

.team-name {
  color: #000;
  font-size: 18px;
  line-height: 170%;
}

.support {
  margin-bottom: var(--desktop);
}

.support-wrap {
  grid-column-gap: 120px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.support-img {
  background-color: #f6fcff;
  width: 100%;
  max-width: 50%;
  position: relative;
  overflow: hidden;
}

.support-right {
  width: 100%;
  max-width: 50%;
}

.support-text {
  margin-bottom: 35px;
}

.input-v2 {
  height: auto;
  color: var(--body);
  border: 1px solid #0003;
  margin-bottom: 0;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 150%;
}

.input-v2:focus {
  border-color: #00000080;
}

.input-v2::placeholder {
  color: #888;
}

.form-field {
  grid-row-gap: 25px;
  flex-flow: column;
  display: flex;
}

.textarea-v2 {
  min-height: 118px;
  color: var(--body);
  border: 1px solid #0003;
  margin-bottom: 0;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 150%;
}

.textarea-v2:focus {
  border-color: #00000080;
}

.textarea-v2::placeholder {
  color: #888;
}

.d-none {
  display: none;
}

.review-slider {
  background-color: #0000;
  height: auto;
}

.left-arrow {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  max-width: 34px;
  min-height: 34px;
  max-height: 34px;
  transition: background-color .3s;
  display: flex;
  inset: auto 44px 82px auto;
}

.left-arrow:hover {
  background-color: var(--icb-blue\<deleted\|variable-02c4d6c7-70ab-4ff3-9dec-d2b49cc4a726\>);
}

.right-arrow {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  max-width: 34px;
  min-height: 34px;
  max-height: 34px;
  transition: background-color .3s;
  display: flex;
  inset: auto 0% 82px auto;
}

.right-arrow:hover {
  background-color: var(--icb-blue\<deleted\|variable-02c4d6c7-70ab-4ff3-9dec-d2b49cc4a726\>);
}

.projects-section {
  margin-bottom: var(--desktop);
  background-color: var(--transparent);
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.ps-title {
  grid-column-gap: 40px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.project-link.mobile {
  display: none;
}

.home-service-list {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.story {
  margin-bottom: var(--desktop);
}

.story-wrap {
  grid-column-gap: 70px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.story-img {
  background-color: #f6fcff;
  width: 100%;
  max-width: 40%;
  position: relative;
  overflow: hidden;
}

.story-image {
  object-fit: cover;
  width: 100%;
  height: 902px;
}

.story-right {
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 60%;
  display: flex;
}

.story-title {
  font-weight: 700;
}

.story-text {
  margin-bottom: 20px;
}

.story-text.top {
  margin-bottom: 0;
}

.story-link {
  color: #000;
  text-decoration: none;
}

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

.story-bottom {
  grid-column-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.story-thumb {
  background-color: #f6fcff;
  width: 100%;
  max-width: 40%;
  position: relative;
  overflow: hidden;
}

.story-thumb-img {
  object-fit: cover;
  width: 100%;
}

.story-data {
  width: 100%;
  max-width: 60%;
}

.story-info {
  margin-bottom: 0;
}

.hero {
  margin-bottom: var(--desktop);
  padding-bottom: 0;
}

.hero.breaking-news-page {
  margin-bottom: 0;
}

.hero-wrap {
  grid-row-gap: 35px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.hero-top {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff;
  background-color: #ffffff1f;
  width: 100%;
  max-width: 480px;
  margin-left: auto;
  padding: 50px;
}

.hero-top-text {
  border-top: 1px solid #fff;
  margin-bottom: 0;
  padding-top: 30px;
  font-weight: 400;
  line-height: 170%;
}

.hero-top-data {
  grid-column-gap: 25px;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 30px;
  display: flex;
}

.hero-info {
  font-size: 72px;
  font-weight: 700;
  line-height: 100%;
}

.hero-info-text {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}

.hero-title {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 130%;
  display: inline-block;
}

.hero-title.invisible {
  color: #fff0;
}

.hero-title.news-page {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.hero-text {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  padding: 38px 0;
  font-size: 21px;
  font-weight: 400;
  line-height: 180%;
}

.hero-text.news-page {
  padding-top: 0;
  padding-bottom: 0;
}

.hero-wrapper {
  grid-row-gap: 132px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.nav-contact {
  grid-column-gap: 10px;
  color: #000;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.on-scroll {
  background-color: #f6fcff;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.mission-img {
  position: relative;
  overflow: hidden;
}

.about-btn {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.about-btn.center {
  justify-content: center;
  align-items: center;
}

.text-block {
  text-transform: none;
}

.image {
  max-width: 50%;
}

.image-2 {
  width: 140px;
}

.image-3 {
  width: 90px;
  padding-top: 11px;
  display: block;
}

.quick-stack {
  width: 100%;
  padding: 24px 0;
}

.cell {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.cell-2 {
  justify-content: flex-start;
  align-items: flex-end;
}

.heading, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6, .heading-7, .heading-8 {
  font-weight: 700;
}

.main-phone-link {
  color: var(--title);
}

.main-phone-link:hover {
  color: var(--icb-blue\<deleted\|variable-02c4d6c7-70ab-4ff3-9dec-d2b49cc4a726\>);
}

.our-work-blue-background {
  color: var(--bg);
  margin-bottom: 20px;
}

.our-work-wrap {
  grid-column-gap: 70px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.our-work-header {
  margin-bottom: 15px;
  font-size: 32px;
  font-weight: 700;
}

.our-work-data {
  grid-column-gap: 20px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.our-work-right {
  width: 100%;
  max-width: 48%;
}

.our-work-left {
  background-color: #f6fcff;
  width: 100%;
  max-width: 52%;
  position: relative;
  overflow: hidden;
}

.our-work-left-img {
  background-color: #f6fcff;
  width: 100%;
  max-width: 40%;
  position: relative;
  overflow: hidden;
}

.our-work-image {
  object-fit: cover;
  width: 100%;
  min-height: 190px;
  max-height: 190px;
}

.our-work-right-img {
  background-color: #f6fcff;
  width: 100%;
  max-width: 60%;
  position: relative;
  overflow: hidden;
}

.our-work-text {
  margin-bottom: 30px;
}

.about-image-copy {
  object-fit: cover;
  width: 100%;
  min-height: 190px;
  max-height: 190px;
}

.sustainability-header {
  text-transform: none;
  margin-bottom: 15px;
  font-size: 32px;
  font-weight: 700;
}

.sustainability-text {
  margin-bottom: 0;
}

.block-quote-bold {
  text-align: left;
  margin-top: 0;
  font-weight: 800;
}

.block-quote {
  text-align: left;
}

.block-quote.smaller {
  font-size: 16px;
  font-weight: 400;
}

.larger-indent-list {
  margin-top: 0;
  padding-left: 77px;
  font-size: 14px;
  line-height: 148%;
}

.list {
  margin-bottom: 0;
}

.environment-list {
  color: var(--body);
  margin-bottom: 0;
}

.sustainability-wrap {
  grid-column-gap: 70px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.sustainability-left {
  background-color: #f6fcff;
  width: 100%;
  max-width: 52%;
  position: relative;
  overflow: hidden;
}

.sustainability-right {
  width: 100%;
  max-width: 48%;
}

.sustainability-data {
  grid-column-gap: 20px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.image-4 {
  max-width: 40%;
}

.text-block-2, .text-block-3, .text-block-4 {
  font-weight: 700;
}

.our-jobs-slider {
  z-index: 1;
  height: 80vh;
}

.slide {
  background-image: url('../images/about-us-second-thumb.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide.work-image-2 {
  background-image: url('../images/about-us-first-thumb.jpg');
}

.slide.work-image-3 {
  background-image: url('../images/form-section-homepage_web.jpg');
}

.slide.work-image-4 {
  background-image: url('../images/Story-hero-image_web.jpg');
}

.slide.work-image-5 {
  background-image: url('../images/ICB-3351.jpg');
}

.slide.work-image-6 {
  background-image: url('../images/ICB-Brent-4774.jpg');
}

.slide.work-image-7 {
  background-image: url('../images/ICB-Oxted--3734.jpg');
  background-position: 50% 100%;
}

.slide.work-image-8 {
  background-image: url('../images/ICB-Brent-4835.jpg');
  background-position: 50% 100%;
}

.slide.work-image-9 {
  background-image: url('../images/ICB-Oxted--3711.jpg');
  background-position: 50% 80%;
}

.slide.work-image-10 {
  background-image: url('../images/ICB-Brent-4879.jpg');
  background-position: 50% 80%;
}

.slide.work-image-11 {
  background-image: url('../images/ICB-Oxted--3672.jpg');
  background-position: 50% 80%;
}

.slide-2 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.case-study-hero-image {
  background-color: #f6fcff;
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.case-study-wrap {
  grid-column-gap: 70px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.case-study-header {
  border-top: 4px solid var(--transparent);
  margin-bottom: 15px;
  font-size: 32px;
  font-weight: 700;
}

.case-study-header.first-header {
  border-top-style: none;
}

.case-study-right {
  width: 100%;
  max-width: 48%;
}

.case-study-text {
  margin-bottom: 0;
}

.case-studies-wrap {
  grid-column-gap: 70px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 100px;
  display: flex;
}

.case-studies-hero-image {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.case-studies-left-images {
  margin-bottom: 30px;
  display: block;
  position: sticky;
  inset: 0% 0% auto;
}

.case-studies-hero-image-wrap {
  max-width: 100%;
}

.case-studies-multiple-image-wrap {
  grid-column-gap: 20px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.case-studies-multiple-image-wrap.height {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: stretch;
  max-height: none;
  margin-top: 30px;
  margin-bottom: 30px;
}

.case-studies-multiple-image-wrap.height.stub {
  max-height: none;
}

.case-studies-multiple-image-wrap.width {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 30px;
  margin-bottom: 30px;
}

.case-study-left-img-wrap {
  background-color: #f6fcff;
  width: 100%;
  max-width: 50%;
  position: relative;
  overflow: hidden;
}

.case-study-left-img-wrap.height {
  width: auto;
  max-width: none;
}

.case-study-right-img-wrap {
  background-color: #f6fcff;
  width: 100%;
  max-width: 60%;
  position: relative;
  overflow: hidden;
}

.case-study-right-img-wrap.height {
  width: auto;
}

.cs-image {
  object-fit: cover;
  width: auto;
}

.cs-image.height {
  max-height: none;
  position: relative;
  overflow: hidden;
}

.cs-image.width {
  object-fit: contain;
  height: 640px;
}

.text-container-slider {
  text-align: center;
  vertical-align: middle;
  width: 1110px;
  max-width: 1336px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0%;
}

.text-container-slider.slide-2-text {
  padding-top: 10%;
  padding-bottom: 10%;
}

.text-container-slider.slide-1-text {
  padding-top: 4%;
  padding-bottom: 4%;
}

.hero-slider {
  height: auto;
}

.hero-slide {
  background-image: linear-gradient(#000000c4, #000000c4), url('../images/Slider-first-image_vans.jpg');
  background-position: 0 0, 50% 90%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  height: 90vh;
  padding: 221px 60px;
}

.hero-slide.slide-2 {
  background-image: linear-gradient(#000000ba, #000000ba), url('../images/Slider-first-image.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.hero-slide.news-slider {
  background-image: linear-gradient(#000000b0, #000000b0), url('../images/Rolec_Hero.avif');
  height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
}

.hero-slide.news-slider.slide-1 {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/Slider-first-image_vans.jpg');
  background-repeat: repeat, no-repeat;
}

.hero-slide.news-slider.slide-2 {
  padding-top: 0;
  padding-bottom: 0;
}

.div-block {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.typedjs-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.typedjs-no-cursor {
  height: 1.5rem;
}

.text-color-grey {
  color: #fbf9fc80;
}

.loader-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid #141314;
  border-right: 1px solid #141314;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.typer {
  color: var(--white);
  font-weight: 700;
  display: inline-block;
}

.bold-text-second-hero-slider {
  margin-bottom: 25px;
  font-size: 30px;
  font-weight: 700;
  display: block;
}

.icon {
  font-size: 30px;
}

.accreditations-slider {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.accreditations-slider.client-logos {
  background-color: #2f4a90;
  margin-bottom: 150px;
  padding-bottom: 30px;
}

.carousel-container {
  display: flex;
  overflow: hidden;
}

.logo-container {
  justify-content: space-around;
  align-items: stretch;
  min-width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.logo-image {
  height: 40px;
}

.title-container {
  text-align: center;
  max-width: 1336px;
}

.div-block-2 {
  width: 100px;
}

.div-block-3 {
  width: 140px;
}

.footer-pages-links {
  width: 100px;
}

.footer-protocols-links {
  width: 140px;
}

.privacy-policy-link:hover {
  color: var(--transparent);
  font-weight: 800;
  text-decoration: underline;
}

.news-body-text {
  color: var(--bg);
  text-align: left;
  padding-top: 0;
  font-size: 16px;
  line-height: 210%;
  display: block;
}

.hero-text-list-item {
  color: var(--white);
  text-align: justify;
  margin-top: 7px;
  margin-bottom: 7px;
  padding-left: 50px;
  line-height: 153%;
  list-style-type: disc;
}

.list-item {
  margin-top: 0;
  margin-bottom: 0;
}

.breaking-news-background-div {
  background-image: linear-gradient(#000000b5, #000000b5), url('../images/Slider-first-image_vans.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: 100vh;
}

.breaking-news-background-div.news-1 {
  height: auto;
}

.breaking-news-background-div.news-2 {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/Rolec_Hero.avif');
  height: auto;
}

.breaking-news-tag {
  background-image: url('../images/breaking-news-background.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 150px;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 44px;
  }

  h2 {
    font-size: 32px;
  }

  blockquote {
    padding: 30px;
  }

  .container {
    max-width: 90%;
  }

  .nav-wrap {
    justify-content: space-between;
  }

  .nav-menu {
    background-color: #fff;
    border-bottom: 1px solid #0000001a;
    flex-flow: column;
    padding: 10px 20px 20px;
    top: 70px;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #0000;
  }

  .navbar {
    padding-top: 25px;
    padding-bottom: 16px;
  }

  .logo {
    margin-left: 0;
    position: static;
    transform: none;
  }

  .nav-link {
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
  }

  .link-text.hover {
    display: none;
  }

  .dropdown-list {
    padding-top: 0;
  }

  .arrow {
    clear: none;
    flex: 0 auto;
    order: 1;
  }

  .link-wrap {
    background-color: #0000;
    border-style: none;
    border-width: 0;
    padding: 20px 20px 0;
  }

  .nav-dropdown {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .navbar-link {
    flex-flow: row;
    margin-left: 0;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
  }

  .nav-button.mobile {
    margin-top: 12px;
    display: flex;
  }

  .nav-button.desktop, .nav-line {
    display: none;
  }

  .btn-text, .nav-inner-link {
    display: flex;
  }

  .page-title {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .page-data {
    margin-bottom: var(--tablet);
  }

  .footer-bottom {
    padding-bottom: 40px;
  }

  .footer-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footer-left {
    max-width: 60%;
  }

  .footer-right {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .ft-link.w--current {
    color: var(--white);
  }

  .sg-section {
    margin-bottom: var(--tablet);
  }

  .font-inner {
    grid-column-gap: 80px;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .title-top, .table-row {
    grid-column-gap: 20px;
  }

  .rich-text {
    max-width: 100%;
  }

  .info-inner {
    padding-bottom: 40px;
  }

  .info-block {
    flex-flow: column wrap;
  }

  .disclaimer {
    margin-bottom: 40px;
  }

  .utility-page-content {
    padding: 40px;
  }

  .contact-section {
    margin-bottom: var(--tablet);
  }

  .contact-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    flex-flow: column;
    align-items: stretch;
  }

  .contact-wrap.reverse {
    flex-flow: column-reverse;
  }

  .contact-img {
    max-width: 100%;
  }

  .section-image.our-work, .section-image.sustainability, .section-image.case-studies-hero-image {
    height: auto;
  }

  .cd-right {
    grid-row-gap: 60px;
    max-width: 100%;
  }

  .cd-title {
    margin-bottom: 10px;
  }

  .cd-info {
    margin-top: 16px;
  }

  .contact {
    margin-bottom: var(--tablet);
  }

  .contact-left {
    max-width: 100%;
  }

  .facts {
    margin-bottom: var(--tablet);
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .facts-wrap {
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
  }

  .facts-title {
    margin-bottom: 5px;
    padding-bottom: 0;
  }

  .facts-info {
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 100px;
  }

  .faq {
    margin-bottom: var(--tablet);
  }

  .faq-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .faq-img, .faq-data {
    max-width: 100%;
  }

  .reviews {
    margin-bottom: var(--tablet);
  }

  .review-block {
    grid-column-gap: 25px;
  }

  .review-img {
    max-width: 40%;
  }

  .review-image {
    min-height: 360px;
    max-height: 360px;
  }

  .review-data {
    max-width: 60%;
  }

  .review-quote {
    margin-bottom: 14px;
  }

  .review-text {
    padding-bottom: 20px;
    font-size: 18px;
  }

  .review-info {
    margin-top: 20px;
  }

  .blogs {
    margin-bottom: var(--tablet);
  }

  .post-wrapper {
    grid-row-gap: 40px;
  }

  .post-list {
    grid-column-gap: 24px;
    grid-row-gap: 40px;
  }

  .post-block {
    grid-row-gap: 10px;
  }

  .fp-image {
    min-height: 280px;
    max-height: 280px;
  }

  .fp-data {
    padding: 25px;
  }

  .fp-title {
    margin-top: 12px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 500;
  }

  .fp-info {
    font-size: 14px;
    line-height: 150%;
  }

  .post-image {
    min-height: 250px;
    max-height: 250px;
  }

  .post-main {
    margin-bottom: var(--tablet);
  }

  .post-heading {
    font-size: 36px;
  }

  .post-main-image {
    min-height: 430px;
    max-height: 430px;
  }

  .post-details {
    max-width: 100%;
    margin-top: 40px;
  }

  .cta-title {
    font-size: 26px;
  }

  .cta-text {
    max-width: 92%;
    font-size: 14px;
    line-height: 150%;
  }

  .cta-right {
    max-width: 40%;
  }

  .cta-wrap {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .cta-graph {
    max-width: 20%;
    display: none;
  }

  .services {
    margin-bottom: var(--tablet);
  }

  .service-list {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr 1fr;
  }

  .service-block {
    padding: 30px;
  }

  .service-heading {
    font-size: 40px;
  }

  .service-main {
    margin-bottom: var(--tablet);
  }

  .service-main-image {
    min-height: 430px;
    max-height: 430px;
  }

  .service-details {
    margin-top: 40px;
  }

  .projects {
    margin-bottom: var(--tablet);
  }

  .project-list {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr 1fr;
  }

  .project-img {
    min-height: 370px;
    max-height: 370px;
  }

  .project-box {
    padding: 12px 20px;
  }

  .project-name {
    font-size: 18px;
  }

  .project-main {
    margin-bottom: var(--tablet);
  }

  .project-main-image {
    min-height: 460px;
    max-height: 460px;
  }

  .project-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 40px;
  }

  .project-left {
    max-width: 100%;
  }

  .project-right {
    max-width: 50%;
  }

  .project-title {
    font-size: 40px;
  }

  .about {
    margin-bottom: var(--tablet);
  }

  .about-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .about-left, .about-right {
    max-width: 100%;
  }

  .about-title {
    margin-bottom: 10px;
    font-size: 28px;
  }

  .about-info {
    font-size: 16px;
  }

  .about-data {
    grid-column-gap: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .about-left-img, .about-right-img {
    max-width: 50%;
  }

  .mission {
    margin-bottom: var(--tablet);
  }

  .mission-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: stretch;
  }

  .mission-left, .mission-right {
    max-width: 100%;
  }

  .mission-block {
    grid-column-gap: 20px;
    max-width: 48%;
    padding: 16px;
    font-size: 14px;
    line-height: 150%;
    bottom: 20px;
    left: 20px;
  }

  .mission-title {
    margin-bottom: 6px;
  }

  .mission-list {
    margin-top: 25px;
  }

  .mission-heading {
    font-size: 16px;
  }

  .team {
    margin-bottom: var(--tablet);
  }

  .team-wrap {
    grid-column-gap: 14px;
  }

  .team-image {
    min-height: 200px;
    max-height: 200px;
  }

  .team-data {
    margin-top: 6px;
    font-size: 14px;
    line-height: 150%;
  }

  .team-name {
    font-size: 16px;
    line-height: 150%;
  }

  .support {
    margin-bottom: var(--tablet);
  }

  .support-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .support-img, .support-right {
    max-width: 100%;
  }

  .support-text {
    margin-bottom: 20px;
  }

  .left-arrow, .right-arrow {
    bottom: 24px;
  }

  .projects-section {
    margin-bottom: var(--tablet);
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .home-service-list {
    grid-row-gap: 25px;
    grid-template-columns: 1fr 1fr;
  }

  .story {
    margin-bottom: var(--tablet);
  }

  .story-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .story-img {
    max-width: 100%;
  }

  .story-image {
    height: auto;
  }

  .story-right {
    max-width: 100%;
  }

  .story-bottom {
    grid-column-gap: 30px;
  }

  .hero {
    margin-bottom: var(--tablet);
  }

  .hero.breaking-news-page {
    margin-bottom: 0;
  }

  .hero-wrap {
    grid-row-gap: 30px;
    max-width: 100%;
  }

  .hero-top {
    max-width: 426px;
    margin-bottom: 60px;
    padding: 30px;
  }

  .hero-top-text {
    padding-top: 20px;
  }

  .hero-top-data {
    grid-column-gap: 20px;
    margin-bottom: 20px;
  }

  .hero-info {
    font-size: 60px;
  }

  .hero-title {
    font-size: 36px;
  }

  .hero-text {
    width: 100%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 19px;
  }

  .hero-text.news-page {
    max-width: none;
  }

  .image-3 {
    padding-top: 0;
  }

  .quick-stack {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .cell-2 {
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
  }

  .our-work-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .our-work-header {
    margin-bottom: 10px;
    font-size: 28px;
  }

  .our-work-data {
    grid-column-gap: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .our-work-right, .our-work-left {
    max-width: 100%;
  }

  .our-work-left-img, .our-work-right-img {
    max-width: 50%;
  }

  .sustainability-header {
    margin-bottom: 10px;
    font-size: 28px;
  }

  .sustainability-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .sustainability-left, .sustainability-right {
    max-width: 100%;
  }

  .sustainability-data {
    grid-column-gap: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .case-study-hero-image {
    max-width: 100%;
  }

  .case-study-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .case-study-header {
    margin-bottom: 10px;
    font-size: 28px;
  }

  .case-study-right {
    max-width: 100%;
  }

  .case-studies-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .case-studies-multiple-image-wrap {
    grid-column-gap: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .case-study-left-img-wrap, .case-study-right-img-wrap {
    max-width: 50%;
  }

  .text-container-slider {
    max-width: 90%;
  }

  .hero-slide {
    padding: 181px 33px;
  }

  .loader-wrapper {
    width: 100%;
  }

  .icon {
    font-size: 24px;
  }

  .icon.left, .icon.right {
    margin-left: 13px;
    margin-right: 13px;
  }

  .hero-arrows {
    max-width: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .accreditations-slider {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .accreditations-slider.client-logos {
    padding-top: 23px;
    padding-bottom: 23px;
  }

  .logo-container {
    min-width: 120%;
  }

  .logo-image {
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .title-container {
    max-width: 90%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 26px;
  }

  ul, ol {
    padding-left: 25px;
  }

  li {
    margin-bottom: 10px;
  }

  blockquote {
    padding: 25px;
    font-size: 16px;
  }

  .link-wrap.w--open {
    padding-left: 10px;
    padding-right: 10px;
  }

  .page-title {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .page-data {
    margin-bottom: var(--landscape-mobile);
  }

  .footer-bottom {
    padding-bottom: 40px;
  }

  .ft-bottom {
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .footer-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-left {
    max-width: 100%;
  }

  .footer-text {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .footer-right {
    grid-column-gap: 40px;
    justify-content: space-between;
  }

  .ft-title {
    margin-bottom: 6px;
  }

  .ft-link {
    font-size: 16px;
  }

  .sg-section {
    margin-bottom: var(--landscape-mobile);
  }

  .font-inner {
    flex-wrap: wrap;
  }

  .font-block {
    font-size: 16px;
  }

  .text-heading, .body-font {
    font-size: 60px;
  }

  .font-title {
    font-size: 16px;
  }

  .table-text {
    font-size: 14px;
  }

  .color-main {
    width: 80px;
    height: 80px;
  }

  .primary-button {
    grid-column-gap: 16px;
    padding-left: 26px;
  }

  .button-icon {
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
  }

  .info-inner {
    padding-bottom: 40px;
  }

  .info-block {
    grid-row-gap: 50px;
  }

  .license-field {
    font-size: 16px;
  }

  .version-info {
    grid-column-gap: 15px;
    grid-template-columns: 60px 1fr;
  }

  .version-block {
    width: 60px;
    height: 60px;
  }

  .version-name {
    font-size: 14px;
  }

  .heading-block {
    grid-row-gap: 4px;
  }

  .cs-title {
    font-size: 56px;
  }

  .policy-block {
    padding-top: 40px;
  }

  .utility-page-content {
    max-width: 90%;
    padding: 30px;
  }

  .error-info {
    margin-top: 40px;
  }

  .previous-button {
    grid-column-gap: 16px;
    padding-right: 26px;
  }

  .error-data {
    max-width: 90%;
  }

  .contact-section {
    margin-bottom: var(--landscape-mobile);
  }

  .cd-right {
    grid-row-gap: 40px;
  }

  .cd-text {
    font-size: 14px;
    line-height: 150%;
  }

  .cd-info {
    grid-column-gap: 40px;
  }

  .cd-block {
    font-size: 16px;
  }

  .cd-link, .address {
    font-size: 14px;
    line-height: 150%;
  }

  .cd-bottom {
    margin-top: 20px;
    padding-top: 20px;
  }

  .contact {
    margin-bottom: var(--landscape-mobile);
  }

  .checkbox {
    margin-right: 6px;
  }

  .facts {
    margin-bottom: var(--landscape-mobile);
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .facts-block {
    font-size: 14px;
    line-height: 150%;
  }

  .facts-title {
    margin-bottom: 16px;
  }

  .facts-info {
    margin-bottom: 10px;
    font-size: 60px;
  }

  .faq {
    margin-bottom: var(--landscape-mobile);
  }

  .faq-wrap {
    grid-row-gap: 30px;
  }

  .faq-info {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .ans-box {
    padding-right: 0;
  }

  .que-text {
    font-size: 16px;
    line-height: 170%;
  }

  .ans-text {
    font-size: 14px;
    line-height: 150%;
  }

  .reviews {
    margin-bottom: var(--landscape-mobile);
  }

  .review-block {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    flex-flow: column;
    align-items: stretch;
  }

  .review-img {
    max-width: 100%;
  }

  .review-image {
    object-position: 50% 0%;
    min-height: 420px;
    max-height: 420px;
  }

  .review-data {
    max-width: 100%;
  }

  .review-quote {
    margin-bottom: 8px;
    font-size: 22px;
  }

  .review-text {
    font-size: 16px;
    line-height: 170%;
  }

  .blogs {
    margin-bottom: var(--landscape-mobile);
  }

  .post-list {
    grid-column-gap: 14px;
  }

  .fp-image {
    height: 100%;
    min-height: auto;
    max-height: none;
  }

  .fp-data {
    grid-row-gap: 25px;
  }

  .fp-info {
    font-size: 12px;
  }

  .post-title {
    margin-top: 5px;
    font-size: 16px;
  }

  .post-image {
    min-height: 180px;
    max-height: 180px;
  }

  .post-main {
    margin-bottom: var(--landscape-mobile);
  }

  .post-heading {
    margin-top: 4px;
    font-size: 26px;
  }

  .post-main-image {
    min-height: 340px;
    max-height: 340px;
  }

  .post-details {
    margin-top: 30px;
  }

  .cta-title {
    margin-bottom: 10px;
  }

  .cta-text {
    max-width: none;
  }

  .cta-right {
    max-width: 75%;
  }

  .cta-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    flex-flow: column;
    align-items: stretch;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .services {
    margin-bottom: var(--landscape-mobile);
  }

  .service-list {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .service-block {
    padding: 25px 20px;
  }

  .service-icon {
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
  }

  .service-title {
    margin-top: 20px;
    margin-bottom: 6px;
    font-size: 18px;
  }

  .service-info {
    font-size: 14px;
    line-height: 150%;
  }

  .service-heading {
    font-size: 36px;
  }

  .service-main {
    margin-bottom: var(--landscape-mobile);
  }

  .service-main-image {
    min-height: 320px;
    max-height: 320px;
  }

  .service-details {
    grid-row-gap: 50px;
    margin-top: 30px;
  }

  .about-service {
    grid-row-gap: 30px;
  }

  .brochure-button {
    grid-column-gap: 16px;
    padding: 14px 26px;
  }

  .projects {
    margin-bottom: var(--landscape-mobile);
  }

  .project-list {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .project-img {
    min-height: 290px;
    max-height: 290px;
  }

  .project-box {
    padding: 10px 16px;
    font-size: 14px;
    bottom: 12px;
  }

  .project-name {
    font-size: 16px;
  }

  .project-main {
    margin-bottom: var(--landscape-mobile);
  }

  .project-main-image {
    min-height: 340px;
    max-height: 340px;
  }

  .project-right {
    max-width: 65%;
    padding: 30px;
  }

  .project-title {
    font-size: 36px;
  }

  .about {
    margin-bottom: var(--landscape-mobile);
  }

  .about-wrap {
    grid-row-gap: 30px;
  }

  .about-title {
    font-size: 26px;
  }

  .about-text {
    margin-top: 20px;
  }

  .about-data {
    display: none;
  }

  .mission {
    margin-bottom: var(--landscape-mobile);
  }

  .mission-wrap {
    grid-row-gap: 30px;
  }

  .mission-block {
    max-width: 65%;
  }

  .mission-title {
    font-size: 24px;
  }

  .mission-list {
    grid-row-gap: 10px;
  }

  .mission-bg {
    min-width: 70px;
    max-width: 70px;
    min-height: 70px;
    max-height: 70px;
  }

  .team {
    margin-bottom: var(--landscape-mobile);
  }

  .team-wrap {
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .support {
    margin-bottom: var(--landscape-mobile);
  }

  .support-wrap {
    grid-row-gap: 30px;
  }

  .left-arrow, .right-arrow {
    bottom: 6px;
  }

  .projects-section {
    margin-bottom: var(--landscape-mobile);
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .home-service-list {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .story {
    margin-bottom: var(--landscape-mobile);
  }

  .story-wrap {
    grid-row-gap: 25px;
  }

  .story-right {
    grid-row-gap: 10px;
  }

  .story-text {
    margin-bottom: 10px;
  }

  .story-text.top {
    margin-bottom: 23px;
  }

  .story-thumb {
    display: none;
  }

  .story-data {
    max-width: 100%;
  }

  .hero {
    margin-bottom: var(--landscape-mobile);
  }

  .hero-top {
    max-width: none;
    display: none;
  }

  .hero-wrapper {
    padding-top: 70px;
  }

  .nav-contact {
    display: none;
  }

  .image-3 {
    width: 80px;
  }

  .quick-stack {
    padding-top: 0;
    padding-bottom: 0;
  }

  .our-work-blue-background {
    margin-bottom: 10px;
  }

  .our-work-wrap {
    grid-row-gap: 30px;
  }

  .our-work-header {
    font-size: 26px;
  }

  .our-work-data {
    display: none;
  }

  .our-work-text {
    margin-top: 20px;
  }

  .sustainability-header {
    font-size: 26px;
  }

  .sustainability-text {
    margin-top: 20px;
  }

  .sustainability-wrap {
    grid-row-gap: 30px;
  }

  .sustainability-data {
    display: none;
  }

  .case-study-wrap {
    grid-row-gap: 30px;
  }

  .case-study-header {
    font-size: 26px;
  }

  .case-study-text {
    margin-top: 20px;
  }

  .case-studies-wrap {
    grid-row-gap: 30px;
  }

  .case-studies-multiple-image-wrap {
    display: none;
  }

  .case-studies-multiple-image-wrap.height {
    display: flex;
  }

  .case-studies-multiple-image-wrap.height.stub {
    max-height: 34svh;
  }

  .loader-wrapper {
    border-bottom: 1px solid #141314;
    border-right-style: solid;
    flex-direction: column-reverse;
    justify-content: center;
  }

  .accreditations-slider {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .logo-container {
    min-width: 180%;
    position: static;
    left: -485px;
  }

  .logo-container._1st-logo-section {
    margin-right: 200%;
    left: 0;
  }

  .logo-container._2nd-logo-section {
    margin-right: 0;
  }

  .logo-image {
    height: 30px;
    padding-left: 9px;
    padding-right: 9px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 34px;
  }

  h2 {
    font-size: 26px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 20px;
  }

  blockquote {
    padding: 20px;
  }

  .nav-right {
    grid-column-gap: 16px;
  }

  .purchase-badge {
    bottom: 16px;
    right: 16px;
  }

  .page-title {
    padding-bottom: 30px;
  }

  .footer-bottom {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .ft-bottom {
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
  }

  .footer-wrap {
    grid-row-gap: 30px;
    padding-bottom: 30px;
  }

  .footer-text {
    font-size: 14px;
    line-height: 150%;
  }

  .footer-right {
    grid-column-gap: 52px;
    grid-row-gap: 2px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .ft-title {
    margin-bottom: 4px;
  }

  .ft-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
  }

  .sg-section {
    margin-bottom: var(--portrait-mobile);
  }

  .font-inner {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .font-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .text-heading, .body-font {
    font-size: 70px;
  }

  .title-top {
    display: none;
  }

  .table-row {
    grid-column-gap: 0px;
    grid-row-gap: 5px;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
  }

  .color-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
  }

  .color-box {
    grid-row-gap: 5px;
  }

  .button-wrap {
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .primary-button {
    grid-column-gap: 14px;
    margin-top: 20px;
    padding: 6px 6px 6px 24px;
  }

  .button-icon {
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
  }

  .info-block {
    flex-wrap: nowrap;
    overflow: hidden;
  }

  .disclaimer {
    font-size: 14px;
  }

  .license-field {
    margin-bottom: 0;
  }

  .version-info {
    align-items: start;
  }

  .changelog-text {
    font-size: 14px;
  }

  .cs-title {
    margin-bottom: 10px;
    font-size: 42px;
  }

  .cs-text {
    margin-bottom: 40px;
  }

  .utility-page-content {
    padding: 20px;
  }

  .previous-button {
    grid-column-gap: 14px;
    padding: 6px 24px 6px 6px;
  }

  .contact-section {
    margin-bottom: var(--portrait-mobile);
  }

  .contact-wrap {
    grid-row-gap: 25px;
  }

  .cd-right {
    grid-row-gap: 30px;
  }

  .cd-bottom {
    grid-column-gap: 20px;
    font-size: 16px;
  }

  .contact {
    margin-bottom: var(--portrait-mobile);
  }

  .form-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .form-bottom {
    grid-column-gap: 0px;
    grid-row-gap: 18px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 30px;
  }

  .checkbox-label {
    font-size: 12px;
  }

  .facts {
    margin-bottom: var(--portrait-mobile);
  }

  .facts-wrap {
    grid-column-gap: 0px;
    text-align: center;
    grid-template-columns: 1fr;
  }

  .facts-title {
    margin-bottom: 0;
    padding-bottom: 8px;
    font-size: 20px;
  }

  .facts-info {
    margin-bottom: 20px;
    font-size: 80px;
  }

  .faq {
    margin-bottom: var(--portrait-mobile);
  }

  .faq-wrap {
    grid-row-gap: 25px;
  }

  .que {
    grid-column-gap: 15px;
  }

  .faq-heading {
    font-size: 24px;
  }

  .reviews {
    margin-bottom: var(--portrait-mobile);
  }

  .review-image {
    min-height: 350px;
    max-height: 350px;
  }

  .review-quote {
    font-size: 20px;
  }

  .review-text {
    padding-bottom: 16px;
    line-height: 150%;
  }

  .review-info {
    margin-top: 16px;
  }

  .blogs {
    margin-bottom: var(--portrait-mobile);
  }

  .post-list {
    grid-column-gap: 0px;
    grid-template-columns: 1fr;
  }

  .post-block {
    grid-row-gap: 8px;
  }

  .featured-post {
    border-style: none;
    border-width: 0;
    flex-flow: column;
  }

  .fp-img {
    max-width: none;
  }

  .fp-image {
    height: auto;
  }

  .fp-data {
    max-width: none;
    padding: 8px 0 0;
  }

  .fp-title {
    margin-top: 5px;
    margin-bottom: 0;
  }

  .fp-info {
    display: none;
  }

  .post-image {
    min-height: 230px;
    max-height: 230px;
  }

  .post-link {
    display: none;
  }

  .post-main {
    margin-bottom: var(--portrait-mobile);
  }

  .post-heading {
    font-size: 22px;
  }

  .post-main-image {
    min-height: 250px;
    max-height: 250px;
  }

  .cta-title {
    margin-bottom: 6px;
    font-size: 22px;
  }

  .cta-right {
    max-width: 100%;
  }

  .cta-input {
    background-position: 14px;
    padding-left: 38px;
  }

  .cta-wrap {
    grid-row-gap: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .cta-form {
    grid-row-gap: 10px;
  }

  .services {
    margin-bottom: var(--portrait-mobile);
  }

  .service-list {
    grid-column-gap: 0px;
    grid-template-columns: 1fr;
  }

  .service-icon {
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
  }

  .service-title {
    margin-top: 14px;
    margin-bottom: 4px;
  }

  .service-heading {
    font-size: 26px;
  }

  .service-main {
    margin-bottom: var(--portrait-mobile);
  }

  .service-main-image {
    min-height: 250px;
    max-height: 250px;
  }

  .service-details {
    grid-row-gap: 40px;
  }

  .brochure-button {
    grid-column-gap: 10px;
    padding: 12px 22px;
  }

  .projects {
    margin-bottom: var(--portrait-mobile);
  }

  .project-list {
    grid-column-gap: 0px;
    grid-template-columns: 1fr;
  }

  .project-img {
    min-height: 340px;
    max-height: 400px;
  }

  .project-box {
    left: 12px;
    right: 12px;
  }

  .project-main {
    margin-bottom: var(--portrait-mobile);
  }

  .project-main-image {
    min-height: 250px;
    max-height: 250px;
  }

  .project-right {
    grid-row-gap: 25px;
    max-width: 100%;
    padding: 25px;
  }

  .project-info-wrap {
    grid-row-gap: 14px;
  }

  .project-title {
    font-size: 26px;
  }

  .about {
    margin-bottom: var(--portrait-mobile);
  }

  .about-wrap {
    grid-row-gap: 25px;
  }

  .about-title {
    margin-bottom: 6px;
    font-size: 22px;
  }

  .about-text {
    margin-top: 14px;
  }

  .mission {
    margin-bottom: var(--portrait-mobile);
  }

  .mission-wrap {
    grid-row-gap: 25px;
  }

  .mission-left {
    font-size: 14px;
    line-height: 150%;
  }

  .mission-block {
    grid-column-gap: 10px;
    max-width: 100%;
    padding: 10px;
    font-size: 12px;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
  }

  .mission-title {
    font-size: 20px;
  }

  .mission-list {
    margin-top: 20px;
  }

  .mission-bg {
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
  }

  .mission-heading {
    font-size: 14px;
  }

  .award-icon {
    min-width: 20px;
    max-width: 20px;
    min-height: 30px;
    max-height: 30px;
  }

  .team {
    margin-bottom: var(--portrait-mobile);
  }

  .team-wrap {
    grid-column-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .team-image {
    min-height: 180px;
    max-height: 220px;
  }

  .support {
    margin-bottom: var(--portrait-mobile);
  }

  .support-wrap {
    grid-row-gap: 25px;
  }

  .left-arrow {
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    bottom: 10px;
    right: 36px;
  }

  .right-arrow {
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    bottom: 10px;
  }

  .projects-section {
    margin-bottom: var(--portrait-mobile);
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .project-link.mobile {
    margin-top: 30px;
    display: flex;
  }

  .project-link.desktop {
    display: none;
  }

  .home-service-list {
    grid-column-gap: 0px;
    grid-template-columns: 1fr;
  }

  .story {
    margin-bottom: var(--portrait-mobile);
  }

  .hero {
    padding-bottom: 0;
  }

  .hero-wrap {
    grid-row-gap: 20px;
  }

  .hero-top {
    padding: 20px;
  }

  .hero-top-text {
    font-weight: 400;
  }

  .hero-info {
    font-size: 40px;
  }

  .hero-info-text {
    font-size: 16px;
    font-weight: 400;
  }

  .hero-title {
    font-size: 26px;
    display: inline-block;
  }

  .hero-text {
    max-width: 100%;
    padding-top: 38px;
    padding-bottom: 38px;
    font-size: 15px;
    line-height: 150%;
  }

  .hero-wrapper {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .nav-contact {
    grid-column-gap: 6px;
  }

  .about-btn {
    grid-row-gap: 20px;
    flex-flow: wrap;
    margin-top: 30px;
  }

  .text-block {
    margin-bottom: 20px;
  }

  .our-work-wrap {
    grid-row-gap: 25px;
  }

  .our-work-header {
    margin-bottom: 6px;
    font-size: 22px;
  }

  .our-work-text {
    margin-top: 14px;
  }

  .sustainability-header {
    margin-bottom: 6px;
    font-size: 22px;
  }

  .sustainability-text {
    margin-top: 14px;
  }

  .sustainability-wrap, .case-study-wrap {
    grid-row-gap: 25px;
  }

  .case-study-header {
    margin-bottom: 6px;
    font-size: 22px;
  }

  .case-study-text {
    margin-top: 14px;
  }

  .case-studies-wrap {
    grid-row-gap: 25px;
  }

  .case-studies-multiple-image-wrap.height.stub {
    max-height: 24svh;
  }

  .text-container-slider {
    width: 1030px;
  }

  .hero-slider {
    height: 80vh;
  }

  .hero-slide {
    padding: 131px 27px;
  }

  .typer {
    display: inline-block;
  }

  .bold-text-second-hero-slider {
    line-height: 150%;
  }

  .icon {
    font-size: 20px;
  }

  .logo-container {
    min-width: 180%;
    position: static;
  }

  .logo-container._1st-logo-section, .logo-container._2nd-logo-section {
    min-width: 150%;
  }

  .logo-image {
    height: 30px;
    padding-left: 9px;
    padding-right: 9px;
  }

  .breaking-news-tag {
    padding-top: 86px;
    padding-bottom: 86px;
  }
}

#w-node-_80ea89d1-f706-51a2-340e-6fcf9c9be0bc-aa2805a2 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 2fr;
}

#w-node-b15e4c30-fc7a-0fa8-2ebe-b55f49ce0da4-00ea5a9c, #w-node-b15e4c30-fc7a-0fa8-2ebe-b55f49ce0da9-00ea5a9c, #w-node-d40ddbc3-732d-a46a-2afd-fbbb5a6c100c-00ea5a9c, #w-node-d40ddbc3-732d-a46a-2afd-fbbb5a6c100e-00ea5a9c, #w-node-d40ddbc3-732d-a46a-2afd-fbbb5a6c1011-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823ed7-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823edc-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823edf-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823ee3-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823ee8-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823eeb-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823eef-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823ef4-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823ef7-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823efb-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f00-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f03-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f07-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f0c-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f0f-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f13-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f18-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f1b-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f1f-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f24-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f27-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f2b-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f30-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f33-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f37-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f3c-00ea5a9c, #w-node-_3181fddf-f2a2-f136-731f-fdbe87823f3f-00ea5a9c, #w-node-_388064d7-e3e3-e543-8a17-c25598d70b04-00ea5aba, #w-node-_388064d7-e3e3-e543-8a17-c25598d70b0d-00ea5aba, #w-node-_1c5e00ac-94cf-90a1-a39f-820a4176e797-00ea5abb, #w-node-_1c5e00ac-94cf-90a1-a39f-820a4176e79a-00ea5abb, #w-node-_1c5e00ac-94cf-90a1-a39f-820a4176e79b-00ea5abb, #w-node-_1c5e00ac-94cf-90a1-a39f-820a4176e79d-00ea5abb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_168b43d4-47e2-6323-8997-5a7a04b03627-00ea5ac2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 767px) {
  #w-node-_80ea89d1-f706-51a2-340e-6fcf9c9be0bc-aa2805a2 {
    grid-template-rows: auto;
    grid-template-columns: .75fr 2fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_168b43d4-47e2-6323-8997-5a7a04b03627-00ea5ac2 {
    grid-column: span 1 / span 1;
  }
}



/* Fix: keep hero "find out more" button clear of slider dots */
.hero-slider { min-height: 560px; height: 90vh; }
.hero-slide {
  height: 100%; min-height: 560px;
  padding-top: 60px; padding-bottom: 70px;
  box-sizing: border-box;
}
.hero-slide .text-container-slider {
  display: flex; flex-direction: column; justify-content: center; height: 100%;
}
.hero-wrap { grid-row-gap: 20px; }
.hero-text { padding-top: 15px; padding-bottom: 20px; }
.hero .w-slider-nav { bottom: 12px; }
@media screen and (max-width: 479px) { .hero-slider { height: 80vh; } }

/* Smooth hero: text fades in place instead of flying up */
.hero-slide .hero-text, .hero-slide .primary-button { transform: none !important; transition: opacity .8s ease-in-out; }

/* Site-wide smooth effects */
.on-scroll { display: none !important; }
a, button, .w-button, .primary-button, img, [class*="card"], [class*="button"] {
  transition: color .3s ease, background-color .3s ease, border-color .3s ease, opacity .3s ease, transform .3s ease, box-shadow .3s ease;
}
.fx-fade { opacity: 0; transition: opacity .9s ease-out; }
.fx-fade.fx-in { opacity: 1; }
.headline-fade { animation: headlineFade 1s ease-out both; }
@keyframes headlineFade { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .fx-fade { opacity: 1; transition: none; } .headline-fade { animation: none; } }

/* Typography: Outfit headings, Figtree body */
body, p, li, input, textarea, select, label, .hero-text { font-family: Figtree, sans-serif !important; }
h1, h2, h3, h4, h5, h6, .hero-title, .w-button, .primary-button, .w-nav-link, .nav-link, .w-dropdown-toggle, strong[class*="bold-text"] { font-family: Outfit, sans-serif !important; }
/* Keep hero button in the same place on both slides */
.hero-wrap > div:first-child { display: flex; flex-direction: column; justify-content: center; min-height: 284px; }
@media screen and (max-width: 767px) { .hero-wrap > div:first-child { min-height: 310px; } }
@media screen and (max-width: 479px) { .hero-wrap > div:first-child { min-height: 320px; } }

/* ===== Phase 1 brand polish ===== */
:root{--icb-navy:#1c3564;--icb-navy-dark:#12234a;}
.primary-button,.w-button{background-color:var(--icb-navy)!important;color:#fff!important;border-radius:4px!important;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease!important;}
.primary-button:hover,.w-button:hover{background-color:var(--icb-navy-dark)!important;box-shadow:0 8px 20px -8px rgba(28,53,100,.6);}
.primary-button .button-icon,.primary-button .button-wrap{border-radius:3px;}
.hero-slide .primary-button,.hero-slide .w-button{background-color:#fff!important;color:var(--icb-navy)!important;}
.hero-slide .primary-button:hover{background-color:#eef2fa!important;}
.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px;}
.hero-pill{display:inline-block;padding:6px 14px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);border-radius:999px;font-size:15px;line-height:1.3;color:#fff;backdrop-filter:blur(4px);}
@media (max-width:479px){.hero-pill{font-size:13px;padding:5px 11px;}}
.service-icon{width:32px;height:32px;}
.service-block{transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease!important;}
.service-block:hover{box-shadow:0 14px 30px -14px rgba(28,53,100,.35);transform:translateY(-3px);}
.input.w-input,textarea.w-input,select.w-select{border:1px solid #d6dce6!important;border-radius:4px!important;padding:12px 14px!important;background:#fff;}
.input.w-input:focus,textarea.w-input:focus{border-color:var(--icb-navy)!important;box-shadow:0 0 0 3px rgba(28,53,100,.15)!important;outline:none;}
.hero-pills{justify-content:center;}

/* ===== Phase 2 layout balance ===== */
.case-studies-wrap{align-items:flex-start!important;}
@media (min-width:992px){
  .case-studies-wrap .about-right{position:sticky;top:110px;align-self:flex-start;}
  .mission-right{position:sticky;top:110px;align-self:flex-start;}
  .mission-list{display:grid!important;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:4px;}
}
.nav-phone{order:3;margin-left:18px;padding:8px 14px;border:1px solid #1c3564;border-radius:4px;color:#1c3564;font-family:Outfit,sans-serif;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;transition:background-color .3s ease,color .3s ease;}
.nav-phone:hover{background:#1c3564;color:#fff;}
@media (max-width:1100px){.nav-phone{display:none;}}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.cta-secondary{display:inline-block;padding:14px 26px;border:1px solid #fff;border-radius:4px;color:#fff;font-family:Outfit,sans-serif;font-weight:600;text-transform:uppercase;text-decoration:none;transition:background-color .3s ease,color .3s ease;}
.cta-secondary:hover{background:#fff;color:#1c3564;}
.cta-wrap .w-form-done,.cta-wrap .w-form-fail{display:none!important;}
.cta-secondary{border-color:#1c3564;color:#1c3564;font-size:15px;padding:12px 24px;}.cta-secondary:hover{background:#1c3564;color:#fff;}
/* Logo ribbons: equal visual weight */
.logo-container{align-items:center!important;}
.logo-image{height:56px!important;width:auto!important;max-width:150px;object-fit:contain;}
.client-logos .logo-image{filter:brightness(0) invert(1);opacity:.85;transition:opacity .3s ease;}
.client-logos .logo-image:hover{opacity:1;}
@media (max-width:479px){.logo-image{height:40px!important;max-width:110px;}}
/* Case study photos on phones: tidy 2-up gallery */
@media (max-width:767px){
  .case-studies-multiple-image-wrap{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin-bottom:10px!important;}
  .case-studies-multiple-image-wrap > div{width:100%!important;margin:0!important;}
  .case-studies-multiple-image-wrap img{width:100%!important;aspect-ratio:1/1;height:auto!important;object-fit:cover;}
  .about-left > img{margin-bottom:10px!important;border-radius:2px;}
}
@media (max-width:767px){
  .case-studies-multiple-image-wrap .case-study-left-img-wrap,.case-studies-multiple-image-wrap .case-study-right-img-wrap{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1/1;overflow:hidden;}
  .case-studies-multiple-image-wrap .case-study-left-img-wrap img,.case-studies-multiple-image-wrap .case-study-right-img-wrap img{width:100%!important;max-width:none!important;height:100%!important;object-fit:cover;}
}
/* Logo ribbons: seamless CSS marquee (replaces Webflow JS loop that broke after 15s) */
.carousel-container .logo-container{transform:none!important;flex-shrink:0;will-change:translate;animation:icb-marquee 30s linear infinite;}
@keyframes icb-marquee{from{translate:0 0;}to{translate:-100% 0;}}
@media (prefers-reduced-motion:reduce){.carousel-container .logo-container{animation-duration:90s;}}

/* ===== Hero text entrance FX (homepage) ===== */
.hero-slider .headline-fade{animation:none;}
.hero-slider.hero-fx-ready .hw{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.12em;margin-bottom:-.12em;}
.hero-slider.hero-fx-ready .hwi{display:inline-block;transform:translateY(120%);}
.hero-slider.hero-fx-ready .hero-slide.hero-active .hwi{animation:hwRise .75s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(280ms + var(--wd,0ms));}
@keyframes hwRise{from{transform:translateY(120%);}to{transform:translateY(0);}}
.hero-slider.hero-fx-ready .hero-pill{opacity:0;transform:translateY(14px) scale(.96);}
.hero-slider.hero-fx-ready .hero-slide.hero-active .hero-pill{animation:pillIn .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(680ms + var(--pd,0ms));}
.hero-slider .hero-pill:nth-child(1){--pd:0ms;}
.hero-slider .hero-pill:nth-child(2){--pd:70ms;}
.hero-slider .hero-pill:nth-child(3){--pd:140ms;}
.hero-slider .hero-pill:nth-child(4){--pd:210ms;}
.hero-slider .hero-pill:nth-child(5){--pd:280ms;}
.hero-slider .hero-pill:nth-child(6){--pd:350ms;}
@keyframes pillIn{from{opacity:0;transform:translateY(14px) scale(.96);}to{opacity:1;transform:none;}}
.hero-slider.hero-fx-ready .hero-slide .bold-text-second-hero-slider{opacity:0;transform:translateY(18px);display:inline-block;}
.hero-slider.hero-fx-ready .hero-slide.hero-active .bold-text-second-hero-slider{animation:fadeRise .6s ease-out .95s both;}
.hero-slider.hero-fx-ready .hero-slide .primary-button{opacity:0;transform:translateY(18px);}
.hero-slider.hero-fx-ready .hero-slide.hero-active .primary-button{animation:fadeRise .6s ease-out 1.1s both;}
@keyframes fadeRise{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion: reduce){
  .hero-slider .hwi,.hero-slider .hero-pill,.hero-slider .bold-text-second-hero-slider,.hero-slider .primary-button{opacity:1!important;transform:none!important;animation:none!important;}
}

/* ===== Headings: Deep Steel Navy with subtle gradient sheen ===== */
h1,h2,h3,h4,.main-title,.page-title,.title-top,.cs-title,.text-heading,.sub-title,.ft-title,.cd-title{
  background-image:linear-gradient(135deg,#162d54 20%,#2a4d87 85%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:#162d54;
}
.hero-slider h1,.hero-slider h2,.hero-slider h3,.hero-slider .hero-title,
.footer h1,.footer h2,.footer h3,.footer h4,.footer .ft-title,
.cta-wrap h1,.cta-wrap h2,.cta-wrap h3,
.sub-title.white,[class*="white"] h1,[class*="white"] h2,[class*="white"] h3,
h1[class*="white"],h2[class*="white"],h3[class*="white"],.breaking-news h1,.breaking-news h2{
  background-image:none;-webkit-text-fill-color:currentColor;
}