.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal; }

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal; }

.bg-light-grey, .bg-light-grey:hover, .bg-light-grey:active {
  background-color: #F2F2F2; }

.bg-light-blue, .bg-light-blue:hover, .bg-light-blue:active {
  background-color: #32B8DC; }

.bg-dark-blue, .bg-dark-blue:hover, .bg-dark-blue:active {
  background-color: #1D546D; }

.bg-blue-gradient, .bg-blue-gradient:hover, .bg-blue-gradient:active {
  background-image: linear-gradient(to right, #32B8DC, #1D546D); }

.c-white {
  color: #fff; }

.c-black {
  color: #222222; }

.c-grey {
  color: #8E919A; }

.c-dark-grey {
  color: #585858; }

.c-light-blue {
  color: #32B8DC; }

.c-light-blue-2 {
  color: #34B9DD; }

.c-mid-blue {
  color: #177DA4; }

.c-dark-blue {
  color: #1D546D; }

.shadow-blue {
  box-shadow: 5px 5px 15px 0px rgba(50, 184, 220, 0.3); }

@media (min-width: 768px) {
  .w-md-50 {
    width: 50% !important; } }

@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left !important; } }

.f-12 {
  font-size: 12px; }

.f-13 {
  font-size: 13px; }

.f-14 {
  font-size: 14px; }

.f-15 {
  font-size: 15px; }

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

.f-17 {
  font-size: 17px; }

.f-18 {
  font-size: 18px; }

.f-19 {
  font-size: 19px; }

.f-20 {
  font-size: 20px; }

.f-21 {
  font-size: 21px; }

.f-22 {
  font-size: 22px; }

.f-23 {
  font-size: 23px; }

.f-24 {
  font-size: 24px; }

.f-25 {
  font-size: 25px; }

.f-26 {
  font-size: 26px; }

.f-27 {
  font-size: 27px; }

.f-28 {
  font-size: 28px; }

.f-29 {
  font-size: 29px; }

.f-30 {
  font-size: 30px; }

.f-31 {
  font-size: 31px; }

.f-32 {
  font-size: 32px; }

.f-33 {
  font-size: 33px; }

.f-34 {
  font-size: 34px; }

.f-35 {
  font-size: 35px; }

.f-36 {
  font-size: 36px; }

.f-37 {
  font-size: 37px; }

.f-38 {
  font-size: 38px; }

.f-39 {
  font-size: 39px; }

.f-40 {
  font-size: 40px; }

.f-41 {
  font-size: 41px; }

.f-42 {
  font-size: 42px; }

.f-43 {
  font-size: 43px; }

.f-44 {
  font-size: 44px; }

.f-45 {
  font-size: 45px; }

.f-46 {
  font-size: 46px; }

.f-47 {
  font-size: 47px; }

.f-48 {
  font-size: 48px; }

.f-49 {
  font-size: 49px; }

.f-50 {
  font-size: 50px; }

.f-51 {
  font-size: 51px; }

.f-52 {
  font-size: 52px; }

.f-53 {
  font-size: 53px; }

.f-54 {
  font-size: 54px; }

.f-55 {
  font-size: 55px; }

.f-56 {
  font-size: 56px; }

.f-57 {
  font-size: 57px; }

.f-58 {
  font-size: 58px; }

.f-59 {
  font-size: 59px; }

.f-60 {
  font-size: 60px; }

.f-61 {
  font-size: 61px; }

.f-62 {
  font-size: 62px; }

.f-63 {
  font-size: 63px; }

.f-64 {
  font-size: 64px; }

.f-65 {
  font-size: 65px; }

.f-66 {
  font-size: 66px; }

.f-67 {
  font-size: 67px; }

.f-68 {
  font-size: 68px; }

.f-69 {
  font-size: 69px; }

.f-70 {
  font-size: 70px; }

.f-71 {
  font-size: 71px; }

.f-72 {
  font-size: 72px; }

.f-73 {
  font-size: 73px; }

.f-74 {
  font-size: 74px; }

.f-75 {
  font-size: 75px; }

.f-76 {
  font-size: 76px; }

.f-77 {
  font-size: 77px; }

.f-78 {
  font-size: 78px; }

.f-79 {
  font-size: 79px; }

.f-80 {
  font-size: 80px; }

@keyframes fadeinall {
  0% {
    opacity: 1; }
  97% {
    opacity: 0; }
  98% {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: -1; } }

.spinner-border {
  scale: 3.0; }

.app.loading {
  opacity: 0; }

body {
  color: #222222;
  font-family: "Poppins", sans-serif;
  font-size: 16px; }

a {
  text-decoration: none; }

.btn {
  color: #fff;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 20px;
  min-width: 170px; }
  .btn:hover, .btn:active {
    color: #fff;
    opacity: 0.8; }

.icon {
  border: 2px solid #32B8DC;
  border-radius: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px; }
  .icon img {
    object-fit: contain;
    height: 30px;
    width: 30px; }

.menu-wrapper {
  z-index: 999; }

.navbar-expand-lg {
  border-radius: 0 0 10px 10px; }
  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 14px;
    font-weight: 600;
    padding-left: 15px;
    padding-right: 15px; }
    .navbar-expand-lg .navbar-nav .nav-link.-button {
      display: inline-block;
      border-radius: 50px;
      border: 1px solid #32B8DC;
      padding-left: 25px;
      padding-right: 25px; }

.banner {
  background-image: url("../img/hero.jpg");
  background-size: cover;
  background-position: center bottom;
  height: 55vh;
  position: relative; }
  @media (min-width: 768px) {
    .banner {
      height: 95vh; } }
  .banner:after {
    background-image: url("../img/banner-overlay.svg");
    background-size: cover;
    width: 520px;
    height: 500px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2; }
    @media (min-width: 768px) {
      .banner:after {
        content: " "; } }
  .banner-text {
    color: #fff;
    position: relative;
    font-size: 30px;
    font-weight: 600;
    width: 100%;
    max-width: 932px;
    z-index: 5; }
    @media (min-width: 768px) {
      .banner-text {
        font-size: 50px; } }
    .banner-text span {
      color: #34B9DD; }

#who-we-are {
  transform: translateY(-90px); }

.find-box {
  background-color: #fff;
  border-radius: 30px;
  padding: 75px 70px 35px;
  margin-bottom: 90px;
  text-align: center;
  position: relative; }
  .find-box h3 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 20px; }
  .find-box-icon {
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 110px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%); }
    .find-box-icon img {
      object-fit: contain;
      height: 50px;
      width: 50px; }
  .find-box-banner-text {
    color: #1D546D;
    font-size: 24px;
    font-weight: 600;
    max-width: 550px;
    margin: 0 auto;
    padding-bottom: 90px;
    text-align: center; }
  .find-box-info-box {
    border-radius: 30px;
    border: 2px solid #32B8DC;
    padding: 25px;
    margin-bottom: 25px;
    width: 100%; }
    .find-box-info-box.no-border {
      border: 0; }
      .find-box-info-box.no-border p {
        margin-bottom: 1.5rem; }
      .find-box-info-box.no-border ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        .find-box-info-box.no-border ul li {
          display: flex;
          align-items: center;
          gap: 20px;
          margin-bottom: 1.5rem; }
          .find-box-info-box.no-border ul li i {
            color: #34B9DD; }
    @media (min-width: 768px) {
      .find-box-info-box {
        width: 33%; } }
    .find-box-info-box h4 {
      font-weight: 600;
      font-size: 24px;
      padding-bottom: 1rem;
      border-bottom: 1px solid rgba(156, 157, 165, 0.24);
      margin-bottom: 1rem; }
    .find-box-info-box p {
      margin: 0; }

.brands-wrapper img {
  object-fit: contain;
  width: 20%; }

.background-right, .background-left {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px; }
  .background-right:before, .background-left:before {
    background-color: #1D546D;
    width: 32%;
    height: calc(100% - 120px);
    position: absolute;
    top: 60px;
    z-index: 1; }
    @media (min-width: 768px) {
      .background-right:before, .background-left:before {
        content: " "; } }
  @media (min-width: 768px) {
    .background-right .column, .background-left .column {
      width: 50%; } }
  .background-right .column.img, .background-left .column.img {
    display: flex;
    position: relative;
    z-index: 5; }
    @media (min-width: 768px) {
      .background-right .column.img, .background-left .column.img {
        width: 40%; } }
  .background-right img, .background-left img {
    aspect-ratio: 4/3;
    border-radius: 50px;
    object-fit: cover;
    width: 100%;
    max-width: 350px;
    margin-bottom: 2rem; }
    @media (min-width: 768px) {
      .background-right img, .background-left img {
        margin-bottom: 0; } }

.background-right:before {
  border-radius: 30px 0 0 30px;
  right: 0; }

.background-right .column.img {
  justify-content: start; }

.background-left:before {
  border-radius: 0 30px 30px 0;
  left: 0; }

.background-left .column.img {
  justify-content: end; }

.content h2 {
  font-size: 28px;
  font-weight: 600; }

.get-in-touch {
  background-color: #1D546D;
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px; }
  @media (min-width: 768px) {
    .get-in-touch:before {
      background-image: url("../img/bg-upper-left.svg");
      background-size: cover;
      content: " ";
      position: absolute;
      width: 300px;
      height: 775px;
      top: 0;
      left: 0;
      z-index: 1; }
    .get-in-touch:after {
      background-image: url("../img/bg-bottom-right.svg");
      background-size: cover;
      content: " ";
      position: absolute;
      width: 400px;
      height: 312px;
      bottom: 0;
      right: 0;
      z-index: 1; } }
  .get-in-touch .container {
    position: relative;
    z-index: 5; }
  .get-in-touch .border-bottom {
    padding-bottom: 100px;
    border-bottom: 1px solid rgba(156, 157, 165, 0.24);
    margin-bottom: 100px; }
  @media (min-width: 768px) {
    .get-in-touch .column {
      width: 30%; } }
  .get-in-touch .column.img {
    display: flex;
    position: relative;
    z-index: 5; }
    .get-in-touch .column.img.left {
      justify-content: end; }
    @media (min-width: 768px) {
      .get-in-touch .column.img.left:before {
        background: #32B8DC;
        border-radius: 100%;
        content: " ";
        aspect-ratio: 1/1;
        height: 100%;
        width: auto;
        position: absolute;
        top: 0;
        right: 0;
        transform: scale(1.3) translate(-40%, 5%); }
      .get-in-touch .column.img.right:before {
        background: #177DA4;
        border-radius: 100%;
        content: " ";
        aspect-ratio: 1/1;
        height: 100%;
        width: auto;
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translate(55%, 20%); } }
  .get-in-touch img {
    aspect-ratio: 4/3;
    border-radius: 50px;
    object-fit: cover;
    width: 100%;
    max-width: 350px;
    margin-bottom: 2rem;
    position: relative;
    z-index: 5; }
    @media (min-width: 768px) {
      .get-in-touch img {
        margin-bottom: 0; } }

#what-we-offer {
  padding-top: 100px;
  padding-bottom: 100px; }
  #what-we-offer .heading h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 1.5rem; }
  #what-we-offer .heading p {
    max-width: 450px;
    margin: 0 auto 1.5rem;
    text-align: center; }
  #what-we-offer .card {
    border-radius: 50px; }

#about-us {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center; }
  @media (min-width: 1200px) {
    #about-us {
      background-image: url("../img/bg-about-us.jpg");
      min-height: 30vw; } }

#contact {
  padding-top: 50px;
  padding-bottom: 50px; }
  #contact .heading h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 1.5rem; }
  #contact .heading p {
    margin: 0 auto 1.5rem;
    text-align: center; }

.pwm-form {
  max-width: 1000px;
  margin: 0 auto; }
  .pwm-form input, .pwm-form textarea {
    background: #fff;
    border: 0;
    border-radius: 30px;
    padding: 15px 20px;
    width: 100%; }
  .pwm-form textarea {
    resize: none;
    height: 187px; }
  .pwm-form button {
    border: 0;
    border-radius: 30px;
    padding: 15px 20px;
    width: 100%; }

#cookie-notice {
  z-index: 9999; }