/*
* Mixin for easy media queries
* @include bp(tablet-only) { SCSS here };
* Default css is for mobile screens
*/

@font-face {
  font-family: "GT Super Display";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/gtsuperdisplay/GTSuperDisplay-Regular.eot");
  src: url("../fonts/gtsuperdisplay/GTSuperDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/gtsuperdisplay/GTSuperDisplay-Regular.woff") format("woff"), url("../fonts/gtsuperdisplay/GTSuperDisplay-Regular.ttf") format("truetype"), url("../fonts/gtsuperdisplay/GTSuperDisplay-Regular.svg#GT Super Display") format("svg");
}

@font-face {
  font-family: "GT Super Display";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/gtsuperdisplay/GTSuperDisplay-Medium.eot");
  src: url("../fonts/gtsuperdisplay/GTSuperDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/gtsuperdisplay/GTSuperDisplay-Medium.woff") format("woff"), url("../fonts/gtsuperdisplay/GTSuperDisplay-Medium.ttf") format("truetype"), url("../fonts/gtsuperdisplay/GTSuperDisplay-Medium.svg#GT Super Display") format("svg");
}

@font-face {
  font-family: "GT Super Display";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/gtsuperdisplay/GTSuperDisplay-Bold.eot");
  src: url("../fonts/gtsuperdisplay/GTSuperDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gtsuperdisplay/GTSuperDisplay-Bold.woff") format("woff"), url("../fonts/gtsuperdisplay/GTSuperDisplay-Bold.ttf") format("truetype"), url("../fonts/gtsuperdisplay/GTSuperDisplay-Bold.svg#GT Super Display") format("svg");
}

@font-face {
  font-family: "Aktiv Grotesk";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/aktivgrotesk/AktivGrotesk-Light.eot");
  src: url("../fonts/aktivgrotesk/AktivGrotesk-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/aktivgrotesk/AktivGrotesk-Light.woff") format("woff"), url("../fonts/aktivgrotesk/AktivGrotesk-Light.ttf") format("truetype"), url("../fonts/aktivgrotesk/AktivGrotesk-Light.svg#Aktiv Grotesk") format("svg");
}

@font-face {
  font-family: "Aktiv Grotesk";
  font-weight: 300;
  font-style: italic;
  src: url("../fonts/aktivgrotesk/AktivGrotesk-LightItalic.eot");
  src: url("../fonts/aktivgrotesk/AktivGrotesk-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/aktivgrotesk/AktivGrotesk-LightItalic.woff") format("woff"), url("../fonts/aktivgrotesk/AktivGrotesk-LightItalic.ttf") format("truetype"), url("../fonts/aktivgrotesk/AktivGrotesk-LightItalic.svg#Aktiv Grotesk") format("svg");
}

@font-face {
  font-family: "Aktiv Grotesk";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/aktivgrotesk/AktivGrotesk-Regular.eot");
  src: url("../fonts/aktivgrotesk/AktivGrotesk-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/aktivgrotesk/AktivGrotesk-Regular.woff") format("woff"), url("../fonts/aktivgrotesk/AktivGrotesk-Regular.ttf") format("truetype"), url("../fonts/aktivgrotesk/AktivGrotesk-Regular.svg#Aktiv Grotesk") format("svg");
}

@font-face {
  font-family: "Aktiv Grotesk";
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/aktivgrotesk/AktivGrotesk-Italic.eot");
  src: url("../fonts/aktivgrotesk/AktivGrotesk-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/aktivgrotesk/AktivGrotesk-Italic.woff") format("woff"), url("../fonts/aktivgrotesk/AktivGrotesk-Italic.ttf") format("truetype"), url("../fonts/aktivgrotesk/AktivGrotesk-Italic.svg#Aktiv Grotesk") format("svg");
}

@font-face {
  font-family: "Aktiv Grotesk";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/aktivgrotesk/AktivGrotesk-Medium.eot");
  src: url("../fonts/aktivgrotesk/AktivGrotesk-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/aktivgrotesk/AktivGrotesk-Medium.woff") format("woff"), url("../fonts/aktivgrotesk/AktivGrotesk-Medium.ttf") format("truetype"), url("../fonts/aktivgrotesk/AktivGrotesk-Medium.svg#Aktiv Grotesk") format("svg");
}

@font-face {
  font-family: "Aktiv Grotesk";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/aktivgrotesk/AktivGrotesk-Bold.eot");
  src: url("../fonts/aktivgrotesk/AktivGrotesk-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/aktivgrotesk/AktivGrotesk-Bold.woff") format("woff"), url("../fonts/aktivgrotesk/AktivGrotesk-Bold.ttf") format("truetype"), url("../fonts/aktivgrotesk/AktivGrotesk-Bold.svg#Aktiv Grotesk") format("svg");
}

@font-face {
  font-family: "icomoon";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/icomoon/icomoon.eot");
  src: url("../fonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.woff") format("woff"), url("../fonts/icomoon/icomoon.ttf") format("truetype"), url("../fonts/icomoon/icomoon.svg#icomoon") format("svg");
}

/*Sass Variables---------------------------------------------------------------------------*/

/*=Global
---------------------------------------*/

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 400;
  color: #243464;
  font-family: "Aktiv Grotesk", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@-ms-viewport {
  width: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 2rem;
  line-height: 1.1;
  font-weight: normal;
  font-family: "GT Super Display", sans-serif;
  color: #243464;
}

h1 a:not(:hover),
h2 a:not(:hover),
h3 a:not(:hover),
h4 a:not(:hover),
h5 a:not(:hover),
h6 a:not(:hover) {
  color: inherit;
}

h1 {
  font-size: 6rem;
}

h2 {
  font-size: 3.8rem;
}

h3 {
  font-size: 3.2rem;
}

h4 {
  font-size: 2.6rem;
}

h5 {
  font-size: 2rem;
}

h6 {
  font-size: 1.4rem;
}

p {
  margin: 0 0 3rem 0;
}

b,
strong {
  font-weight: bold;
}

ul {
  padding: 0 0 0 17px;
  margin: 0 0 3rem;
}

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

::-webkit-input-placeholder {
  color: #B6C1CE;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #B6C1CE;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #B6C1CE;
}

:-ms-input-placeholder {
  color: #B6C1CE;
}

input:focus {
  outline: none;
}

a {
  color: #243464;
  text-decoration: none;
  -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, transform 0.4s ease-in-out, border 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, transform 0.4s ease-in-out, border 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

a:focus,
a:hover {
  outline: 0;
  text-decoration: none;
}

.btn {
  -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, transform 0.4s ease-in-out, border 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, transform 0.4s ease-in-out, border 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  text-transform: capitalize;
  font-size: 1.2rem;
  padding: 1.65rem 4rem;
  line-height: 1;
  text-align: center;
}

.btn-outline-primary {
  color: #4485c2;
  border: 2px solid #4485c2;
  border-radius: 3rem;
}

.btn-outline-primary:hover {
  border-color: #4485c2;
  background-color: #4485c2;
  color: #ffffff;
}

.comingsoon {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.comingsoon__box {
  color: #92131b;
  font-size: 2.4rem;
  line-height: 1.3;
  background-color: #ffffff;
  max-width: 107rem;
  margin: 0 auto;
  text-align: center;
  padding: 5rem 2rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  position: relative;
}

.comingsoon__box .comingsoon-close-btn {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3rem;
  cursor: pointer;
}

.comingsoon__box > *:last-child {
  margin-bottom: 0rem;
}

.comingsoon__box h2 {
  color: #141f6a;
  font-size: inherit;
  line-height: inherit;
  font-weight: 500;
  font-family: "Aktiv Grotesk", sans-serif;
  margin-bottom: 0;
}

.mobile-nav {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  background-color: #1b2542;
  box-shadow: 0 0 2rem rgba(27, 37, 66, 0.45);
  z-index: 99999;
  width: 100%;
  max-width: 100%;
  padding: 80px 15px 15px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.mobile-nav.on {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  opacity: 1;
  visibility: visible;
}

.mobile-nav .close-btn {
  height: 24px;
  width: 24px;
  position: absolute;
  right: 20px;
  top: 25px;
  cursor: pointer;
}

.mobile-nav .close-btn span {
  height: 1px;
  left: 0;
  right: 0;
  position: absolute;
  top: 50%;
  display: block;
  background-color: #ffffff;
}

.mobile-nav .close-btn span:first-child {
  -webkit-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}

.mobile-nav .close-btn span:last-child {
  -webkit-transform: rotate(-45deg) translateY(-50%);
      -ms-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
}

.mobile-nav .nav {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
}

.mobile-nav .nav > .menu-item:not(:last-child) {
  margin-bottom: 25px;
}

.mobile-nav .nav > .menu-item.current-menu-active > a {
  color: #243464;
}

.mobile-nav .nav > .menu-item a {
  color: #ffffff;
}

.mobile-nav .btn-fpa {
  border-color: #ffffff;
  color: #ffffff;
}

.mobile-nav__footer {
  margin-top: 4rem;
}

.site-header {
  padding: 0.7rem 0;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.45);
}

.site-header .site-logo {
  display: block;
  width: 10rem;
}

.site-header .main-nav .nav > .menu-item:not(:last-child) {
  margin-right: 6.5rem;
}

.site-header .main-nav .menu-item > a {
  text-transform: capitalize;
  color: #418ed6;
  font-size: 2.9rem;
}

.site-header .main-nav .menu-item > a:hover {
  color: #243464;
}

.btn-fpa {
  font-size: 1.8rem;
  padding: 1.5rem 3rem;
  border: 0.2rem solid #4485c2;
  letter-spacing: -0.02rem;
}

.burger-btn {
  height: 18px;
  width: 32px;
  position: relative;
  cursor: pointer;
}

.burger-btn span {
  display: block;
  height: 1px;
  background-color: #4485c2;
  position: absolute;
  left: 0;
  right: 0;
}

.burger-btn span:nth-child(1) {
  top: 0;
}

.burger-btn span:nth-child(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.burger-btn span:nth-child(3) {
  bottom: 0;
}

.hero-banner {
  position: relative;
  z-index: 1;
  text-align: center;
}

.hero-banner .inner-container {
  position: relative;
  padding: 10rem 3rem 0;
  position: relative;
  z-index: 1;
}

.hero-banner .floating-vertical-box {
  position: absolute;
  z-index: 2;
  bottom: 11rem;
  color: #ffffff;
  left: 0;
}

.hero-banner .floating-vertical-box .text {
  font-size: 1.4rem;
  text-transform: uppercase;
  -webkit-writing-mode: tb-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: tb-rl;
  letter-spacing: 0.5rem;
  margin: auto;
}

.hero-banner .floating-vertical-box .line {
  height: 10rem;
  width: 0.2rem;
  background-color: #ffffff;
  margin: 2rem auto 0;
}

.hero-banner .floating-vertical-box .icon-caret-down {
  font-size: 1.8rem;
  height: 3rem;
  width: 3rem;
  cursor: pointer;
  border-radius: 50%;
  border: 0.2rem solid #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-banner .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero-banner .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #1b2542;
  opacity: 0.7;
  z-index: -1;
}

.hero-banner .title-helper {
  color: #418ed6;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.hero-banner h1 {
  color: #ffffff;
  max-width: 155rem;
  margin: 0 auto 1rem;
  text-shadow: 0.7rem 0.7rem 0.5rem rgba(2, 2, 2, 0.45);
}

.hero-banner .btm-image {
  margin: -7rem -3rem 0;
  bottom: -7rem;
  position: relative;
}

.hero-banner .btm-image img {
  display: block;
}

.hero-banner .btm-image .btn {
  background-color: #f4faff;
  border: 0.3rem solid #ffffff;
  font-size: 1.6rem;
  border-radius: 4rem;
  font-family: "GT Super Display", sans-serif;
  color: #4485c2;
  position: absolute;
  bottom: 21%;
  z-index: 1;
  display: table;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 1rem 2rem;
  pointer-events: initial;
}

.hero-banner .btm-image .btn:hover {
  background-color: #dbeeff;
}

.font-primary {
  font-family: "Aktiv Grotesk", sans-serif !important;
}

.home-about-us {
  padding: 12rem 0 0;
  font-size: 2.4rem;
}

.home-about-us__inner {
  position: relative;
  z-index: 1;
  padding: 10rem 0;
}

.home-about-us__inner:before {
  position: absolute;
  background-color: #1b2542;
  width: 29.7%;
  left: 0;
  top: 0;
  bottom: -5rem;
  z-index: -1;
  content: "";
}

.home-about-us__inner:after {
  position: absolute;
  background-color: #f4faff;
  width: 72.1%;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -2;
  content: "";
}

.home-about-us .column-content h2 span {
  color: #69aae7;
  font-size: 0.73em;
}

.home-about-us .column-content p span {
  color: #69aae7;
  font-weight: 500;
}

.home-about-us .column-content .btn-special {
  margin-top: 1.5rem;
}

.btn-special {
  font-size: 2rem;
  font-weight: 500;
  color: #3c4a74;
  padding: 2rem 2.5rem;
  display: inline-block;
  position: relative;
}

.btn-special:hover:before {
  left: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.btn-special:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6.5rem;
  background-color: #ddeefb;
  z-index: -1;
  -webkit-transition: left 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: left 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out, left 0.4s ease-out;
  transition: transform 0.4s ease-out, left 0.4s ease-out, -webkit-transform 0.4s ease-out;
}

.vh-slider {
  background-color: #1b2542;
  color: #ffffff;
  padding: 10rem 0;
  position: relative;
  z-index: 1;
}

.vh-slider:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 0.2rem;
  top: 0;
  height: 15rem;
  margin: 0 auto;
  background-color: #c2e0fa;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.vh-slider .js-title-slider {
  overflow: initial;
}

.vh-slider .js-title-slider .swiper-wrapper {
  -webkit-transform: initial !important;
      -ms-transform: initial !important;
          transform: initial !important;
  height: auto !important;
  display: block !important;
  border-left: 2px solid #afd7f9;
}

.vh-slider .js-title-slider .swiper-slide {
  height: auto !important;
  font-size: 2.2rem;
  line-height: 1.25;
  padding: 2rem 3rem 2rem 5rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: color 0.4s ease-in-out !important;
  transition: color 0.4s ease-in-out !important;
}

.vh-slider .js-title-slider .swiper-slide:hover {
  color: #ddeefb;
}

.vh-slider .js-title-slider .swiper-slide.swiper-slide-thumb-active {
  color: #69aae7;
}

.vh-slider .js-title-slider .swiper-slide.swiper-slide-thumb-active:before {
  border-color: #69aae7;
}

.vh-slider .js-title-slider .swiper-slide:before {
  height: 2rem;
  width: 2rem;
  background-color: #ffffff;
  border: 0.3rem solid #afd7f9;
  opacity: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 2.5rem;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: border 0.4s ease-in-out;
  transition: border 0.4s ease-in-out;
}

.vh-slider .js-title-slider .swiper-slide p {
  margin-bottom: 0;
}

.vh-slider .js-title-slider .swiper-slide .small {
  font-size: 0.88em;
  font-weight: 300;
}

.vh-slider .js-title-slider .swiper-slide > *:last-child {
  margin-bottom: 0;
}

.vh-slider .column-right .box {
  background-color: #f5fbfe;
  color: #042646;
  padding: 0 0 7.5rem;
  position: relative;
}

.vh-slider .column-right .box .swiper-buttons {
  position: absolute;
  left: 0;
  bottom: 0;
}

.vh-slider .js-content-with-image-box-slider {
  overflow: initial;
}

.vh-slider .js-content-with-image-box-slider .swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
}

.vh-slider .js-content-with-image-box-slider .content-holder {
  font-size: 1.8rem;
  line-height: 1.59;
  font-weight: 300;
  padding: 3rem 3rem 5rem;
}

.vh-slider .js-content-with-image-box-slider .content-holder > *:last-child {
  margin-bottom: 0;
}

.vh-slider .js-content-with-image-box-slider .content-holder h3 {
  font-size: 2.7rem;
  line-height: 1.4;
  margin-bottom: 2.2rem;
}

.vh-slider .js-content-with-image-box-slider .image {
  border: 0.4rem solid #ffffff;
  box-shadow: 0 0 0.5rem rgba(2, 2, 2, 0.2);
}

.swiper-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.swiper-buttons .swiper-button-prev,
.swiper-buttons .swiper-button-next {
  position: static;
  background-color: #4485c2;
  color: #ffffff;
  width: 8rem;
  height: 6rem;
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

.swiper-buttons .swiper-button-prev:hover,
.swiper-buttons .swiper-button-next:hover {
  background-color: #243464;
}

.swiper-buttons .swiper-button-prev:after,
.swiper-buttons .swiper-button-next:after {
  font-family: "icomoon", sans-serif;
  font-size: 1.6rem;
}

.swiper-buttons .swiper-button-prev:after {
  content: "\e903";
}

.swiper-buttons .swiper-button-next:after {
  content: "\e904";
}

.our-clients {
  background-color: #1b2542;
  color: #ffffff;
  padding-bottom: 10.5rem;
  margin-top: -1px;
}

.our-clients .column-brands h2 {
  color: #ffffff;
  letter-spacing: -0.2rem;
  margin-bottom: 4.5rem;
  position: relative;
}

.our-clients .column-brands h2:before {
  content: "";
  height: 1px;
  width: 6.6rem;
  position: absolute;
  left: -5.4rem;
  top: 50%;
  background-color: #4a72ee;
  -webkit-transform: translateY(-50%) translateX(-100%);
      -ms-transform: translateY(-50%) translateX(-100%);
          transform: translateY(-50%) translateX(-100%);
}

.our-clients .column-brands .brand-list {
  padding: 0;
  margin: 0 -2px -2px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
}

.our-clients .column-brands .brand-list li {
  height: 10rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #8d9aba;
  border-right: 1px solid #8d9aba;
  padding: 2rem;
  width: 33.33%;
}

.our-clients .column-brands .brand-list li img {
  margin: auto;
  max-height: 100%;
}

.testimonials {
  background-color: #f4faff;
  padding: 10rem 0;
}

.testimonials .inner-container {
  max-width: 142rem;
  margin: 0 auto;
  text-align: center;
}

.testimonials .quote-ico-holder {
  color: #caceda;
  font-size: 5rem;
  margin-bottom: 3rem;
}

.testimonials .swiper .swiper-slide blockquote {
  font-size: 2.4rem;
  font-weight: 500;
  font-family: "GT Super Display", sans-serif;
}

.testimonials .swiper .swiper-slide .avataar-name-with-position {
  font-size: 1.9rem;
  position: relative;
  padding-top: 5rem;
  margin-top: 3rem;
}

.testimonials .swiper .swiper-slide .avataar-name-with-position:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  background-color: #6684de;
  height: 0.2rem;
  margin: 0 auto;
  position: absolute;
  width: 10.5rem;
}

.testimonials .swiper .swiper-slide .avataar-name-with-position .name {
  font-weight: 500;
  font-size: 2.1rem;
}

.testimonials .swiper .swiper-slide .avataar-name-with-position .position {
  color: #4d5776;
}

.testimonials .swiper .swiper-pagination {
  position: static;
  padding-bottom: 0.6rem;
  margin-top: 7rem;
}

.testimonials .swiper .swiper-pagination .swiper-pagination-bullet {
  height: 0.8rem;
  width: 0.8rem;
  margin: 0 1rem;
  background-color: #7a8aaf;
  opacity: 1;
  position: relative;
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

.testimonials .swiper .swiper-pagination .swiper-pagination-bullet:before {
  height: 2rem;
  width: 2rem;
  content: "";
  border-radius: 50%;
  border: 1px solid #7a8aaf;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.testimonials .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1b2542;
}

.our-locations {
  padding-top: 8rem;
}

.our-locations .btn-outline-primary {
  font-size: 2.2rem;
  font-weight: 500;
  border: 0.3rem solid #59ace0;
  color: #042646;
  padding: 2rem 4rem;
  border-radius: 4rem;
  margin-bottom: 5rem;
}

.our-locations .btn-outline-primary:hover {
  background-color: #59ace0;
  color: #ffffff;
}

.site-footer {
  background-color: #042646;
  position: relative;
  z-index: 1;
  color: #ffffff;
  font-size: 1.6rem;
  overflow: hidden;
}

.site-footer .floating-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.site-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer a {
  color: #ffffff;
}

.site-footer a:hover {
  color: #4485c2;
}

.site-footer__top {
  padding: 10rem 0 3rem;
}

.site-footer__top .column--logo .site-logo {
  display: block;
  width: 18rem;
  margin-bottom: 4rem;
  max-width: 100%;
}

.site-footer__top .column--logo h3 {
  color: #ddeefb;
  font-size: 3rem;
  line-height: 1.05;
  margin-bottom: 0;
}

.site-footer__top .column--quick-links .title,
.site-footer__top .column--contact .title {
  color: #ddeefb;
  font-size: 2.2rem;
  font-weight: 500;
  padding-bottom: 1rem;
  min-width: 12rem;
  border-bottom: 0.2rem solid #8e9bbb;
  display: inline-block;
  margin-bottom: 2.6rem;
}

.site-footer__top .column--quick-links ul li:not(:last-child),
.site-footer__top .column--contact ul li:not(:last-child) {
  margin-bottom: 1rem;
}

.site-footer__top .column--quick-links ul li a,
.site-footer__top .column--contact ul li a {
  display: block;
}

.site-footer__top .column--contact .location-box {
  margin-bottom: 2rem;
}

.site-footer__top .column--contact .footer-call-box {
  margin-bottom: 3rem;
}

.site-footer__top .column--contact .footer-call-box a {
  position: relative;
}

.site-footer__top .column--contact .footer-call-box a [class^="icon-"],
.site-footer__top .column--contact .footer-call-box a [class*=" icon-"] {
  position: absolute;
  left: -2rem;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  font-size: 1.35em;
  color: #4485c2;
  top: 0.2rem;
}

.site-footer__top .column--contact .footer-mail-box {
  margin-bottom: 3rem;
}

.site-footer__top .column--contact .footer-mail-box a {
  position: relative;
}

.site-footer__top .column--contact .footer-mail-box a [class^="icon-"],
.site-footer__top .column--contact .footer-mail-box a [class*=" icon-"] {
  position: absolute;
  left: -2rem;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  color: #4485c2;
  top: 0.2rem;
}

.site-footer__btm {
  padding: 2rem 0;
  font-size: 1.2rem;
  border-top: 0.2rem solid #18436b;
}

.inline-social-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.inline-social-icons a {
  height: 4.2rem;
  width: 4.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4485c2;
  font-size: 2.6rem;
  border: 0.2rem solid #ffffff;
  border-radius: 50%;
}

.inline-social-icons a:hover {
  background-color: #ffffff;
}

.inline-social-icons a:not(:last-child) {
  margin-right: 1.8rem;
}

.inline-social-icons a .icon-linkedin2 {
  font-size: 0.85em;
}

.inline-social-icons a .icon-twitter {
  font-size: 0.7em;
}

@media (min-width: 576px) {
  .hero-banner .btm-image {
    margin: -10rem -3rem 0;
    bottom: -10rem;
  }
}

@media (min-width: 768px) {
  html {
    font-size: 42%;
  }

  body {
    font-size: 2.2rem;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.2;
  }

  h1 {
    font-size: 10rem;
  }

  h2 {
    margin-bottom: 3rem;
    font-size: 4.8rem;
  }

  h3 {
    font-size: 3.8rem;
  }

  h4 {
    font-size: 3rem;
  }

  h5 {
    font-size: 2.2rem;
  }

  h6 {
    font-size: 1.6rem;
  }

  .comingsoon__box {
    padding: 9rem 11.5rem 8.5rem;
    font-size: 5rem;
    line-height: 1.36;
  }

  .comingsoon__box .comingsoon-close-btn {
    top: 2.4rem;
    right: 2.8rem;
    width: 4.3rem;
  }

  .mobile-nav {
    padding: 13rem 3rem 15px;
    width: 400px;
  }

  .mobile-nav .nav {
    font-size: 22px;
  }

  .mobile-nav .nav > .menu-item:not(:last-child) {
    margin-bottom: 35px;
  }

  .mobile-nav__footer {
    margin-top: 6rem;
  }

  .site-header .site-logo {
    width: 20rem;
  }

  .btn-fpa {
    font-size: 2.4rem;
    padding: 1.65rem 4rem;
    border: 0.3rem solid #4485c2;
  }

  .burger-btn {
    height: 22px;
    width: 36px;
  }

  .hero-banner .inner-container {
    padding: 23.5rem 0 0;
  }

  .hero-banner .floating-vertical-box {
    left: -4rem;
    bottom: 10rem;
  }

  .hero-banner .floating-vertical-box .text {
    font-size: 2.1rem;
    letter-spacing: 2rem;
  }

  .hero-banner .floating-vertical-box .line {
    height: 43rem;
  }

  .hero-banner .floating-vertical-box .icon-caret-down {
    font-size: 2.4rem;
    height: 6rem;
    width: 6rem;
  }

  .hero-banner .title-helper {
    font-size: 4rem;
  }

  .hero-banner .btm-image {
    margin: -24rem -5rem 0;
    bottom: -24rem;
  }

  .hero-banner .btm-image .btn {
    font-size: 3.2rem;
    min-width: 70rem;
    padding: 5rem 2.5rem;
    border: 0.5rem solid #ffffff;
  }

  .home-about-us {
    padding: 28.5rem 0 23rem;
    font-size: 3rem;
  }

  .home-about-us__inner {
    padding: 20rem 0 9rem;
  }

  .home-about-us__inner:before {
    -webkit-transform: translateY(10rem);
        -ms-transform: translateY(10rem);
            transform: translateY(10rem);
  }

  .home-about-us .column-image {
    width: 44.5%;
    margin-right: 5rem;
  }

  .home-about-us .column-content .btn-special {
    margin-top: 3.5rem;
  }

  .btn-special {
    font-size: 2.4rem;
    padding: 3rem 3.5rem;
  }

  .vh-slider {
    padding: 20rem 0 13.5rem;
  }

  .vh-slider:before {
    height: 31rem;
  }

  .vh-slider .column-left {
    width: 37%;
  }

  .vh-slider .js-title-slider .swiper-slide {
    font-size: 2.7rem;
    padding: 4.4rem 0 4.4rem 7.8rem;
  }

  .vh-slider .js-title-slider .swiper-slide:before {
    height: 2.8rem;
    width: 2.8rem;
    top: 4.8rem;
    border: 0.5rem solid #afd7f9;
  }

  .vh-slider .column-right {
    width: 63%;
  }

  .vh-slider .column-right .box {
    padding: 11.5rem 0;
  }

  .vh-slider .js-content-with-image-box-slider .content-holder {
    font-size: 2.2rem;
    width: 63rem;
    padding: 3.5rem 5rem 0 5.5rem;
  }

  .vh-slider .js-content-with-image-box-slider .content-holder h3 {
    font-size: 3.3rem;
  }

  .swiper-buttons .swiper-button-prev,
  .swiper-buttons .swiper-button-next {
    width: 10.5rem;
    height: 7.8rem;
  }

  .swiper-buttons .swiper-button-prev:after,
  .swiper-buttons .swiper-button-next:after {
    font-size: 1.8rem;
  }

  .our-clients .column-image {
    width: 44.5%;
  }

  .our-clients .column-image .image-holder {
    margin-bottom: -18rem;
  }

  .our-clients .column-brands .brand-list li {
    padding: 4rem;
    height: 17rem;
  }

  .testimonials {
    padding: 15.5rem 0 17rem;
  }

  .testimonials .quote-ico-holder {
    font-size: 6.5rem;
    margin-bottom: 5rem;
  }

  .testimonials .swiper .swiper-slide blockquote {
    font-size: 3.2rem;
  }

  .testimonials .swiper .swiper-slide .avataar-name-with-position {
    font-size: 2.4rem;
    padding-top: 7rem;
    margin-top: 4rem;
  }

  .testimonials .swiper .swiper-slide .avataar-name-with-position .name {
    font-size: 2.6rem;
  }

  .testimonials .swiper .swiper-pagination {
    margin-top: 13rem;
  }

  .testimonials .swiper .swiper-pagination .swiper-pagination-bullet {
    height: 1rem;
    width: 1rem;
    margin: 0 1.8rem;
  }

  .testimonials .swiper .swiper-pagination .swiper-pagination-bullet:before {
    height: 3rem;
    width: 3rem;
  }

  .our-locations .btn-outline-primary {
    min-width: 51.5rem;
    font-size: 2.6rem;
    padding: 2.9rem;
    margin-bottom: 10rem;
  }

  .site-footer {
    font-size: 2rem;
  }

  .site-footer .floating-bg {
    top: 0;
  }

  .site-footer .floating-bg img {
    height: 100%;
  }

  .site-footer__top {
    padding: 12.5rem 0 16rem;
  }

  .site-footer__top .column--logo .site-logo {
    width: 22.3rem;
  }

  .site-footer__top .column--logo h3 {
    font-size: 3.9rem;
  }

  .site-footer__top .column--quick-links .title,
  .site-footer__top .column--contact .title {
    font-size: 2.8rem;
    min-width: 17rem;
    margin-bottom: 4rem;
  }

  .site-footer__top .column--quick-links ul li:not(:last-child),
  .site-footer__top .column--contact ul li:not(:last-child) {
    margin-bottom: 1.5rem;
  }

  .site-footer__top .column--quick-links {
    width: 35%;
  }

  .site-footer__top .column--contact .footer-call-box {
    margin-bottom: 5.5rem;
  }

  .site-footer__btm {
    font-size: 1.4rem;
  }

  .inline-social-icons a {
    height: 5.6rem;
    width: 5.6rem;
    font-size: 3.4rem;
  }

  .inline-social-icons a:not(:last-child) {
    margin-right: 2.5rem;
  }
}

@media (min-width: 992px) {
  html {
    font-size: 0.521vw;
  }

  .hero-banner .floating-vertical-box {
    left: -2rem;
  }

  .hero-banner .btm-image {
    margin: -27rem -7rem 0;
    bottom: -27rem;
  }

  .hero-banner .btm-image .btn {
    padding: 6.5rem 3.5rem;
    min-width: 92rem;
    font-size: 4rem;
  }

  .home-about-us .column-image {
    margin-right: 9rem;
  }

  .our-clients .column-image .image-holder {
    margin-bottom: -24rem;
  }

  .site-footer__top .column--logo {
    width: 29%;
  }

  .site-footer__top .column--logo .site-logo {
    margin-bottom: 7.5rem;
  }

  .site-footer__top .column--logo h3 {
    max-width: 40rem;
  }

  .site-footer__top .column--quick-links {
    width: 22%;
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 0.521vw;
  }

  .container {
    max-width: 176rem;
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .container-fluid {
    max-width: 192rem;
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .mobile-nav {
    display: none !important;
  }

  .hero-banner .floating-vertical-box {
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
  }

  .hero-banner .btm-image {
    margin: -25rem -9rem 0;
    bottom: -25rem;
  }
}

@media (min-width: 1792px) {
  html {
    font-size: 62.5%;
  }
}

@media (max-width: 991px) {
  .site-footer__top .column--logo {
    margin-bottom: 12rem;
  }
}

@media (max-width: 767px) {
  .hero-banner h1 {
    font-size: 4rem;
  }

  .home-about-us__inner:before {
    bottom: auto;
    height: 30rem;
    right: 0;
    width: auto;
  }

  .home-about-us__inner:after {
    top: 30rem;
    left: 0;
    width: auto;
  }

  .home-about-us .column-image {
    margin-bottom: 4rem;
  }

  .vh-slider .column-left {
    padding-bottom: 3rem;
  }

  .vh-slider .column-right .box {
    margin-right: 0 !important;
  }

  .vh-slider .js-content-with-image-box-slider .image-holder {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }

  .our-clients .column-image .image-holder {
    max-width: 90%;
    margin-bottom: 2rem;
  }

  .site-footer {
    text-align: center;
  }

  .site-footer .floating-bg {
    right: 0;
  }

  .site-footer__top .column {
    margin-bottom: 7rem;
  }

  .site-footer__top .column--logo .site-logo {
    margin-left: auto;
    margin-right: auto;
  }

  .site-footer__top .column .inline-social-icons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}