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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: "Red Hat Display";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/Red_Hat_Display/RedHatDisplay-Light.eot");
  src: url("../fonts/Red_Hat_Display/RedHatDisplay-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Red_Hat_Display/RedHatDisplay-Light.woff") format("woff"), url("../fonts/Red_Hat_Display/RedHatDisplay-Light.ttf") format("truetype"), url("../fonts/Red_Hat_Display/RedHatDisplay-Light.svg#Red Hat Display") format("svg");
}

@font-face {
  font-family: "Red Hat Display";
  font-weight: 300;
  font-style: italic;
  src: url("../fonts/Red_Hat_Display/RedHatDisplay-LightItalic.eot");
  src: url("../fonts/Red_Hat_Display/RedHatDisplay-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Red_Hat_Display/RedHatDisplay-LightItalic.woff") format("woff"), url("../fonts/Red_Hat_Display/RedHatDisplay-LightItalic.ttf") format("truetype"), url("../fonts/Red_Hat_Display/RedHatDisplay-LightItalic.svg#Red Hat Display") format("svg");
}

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

@font-face {
  font-family: "Red Hat Display";
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/Red_Hat_Display/RedHatDisplay-Italic.eot");
  src: url("../fonts/Red_Hat_Display/RedHatDisplay-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Red_Hat_Display/RedHatDisplay-Italic.woff") format("woff"), url("../fonts/Red_Hat_Display/RedHatDisplay-Italic.ttf") format("truetype"), url("../fonts/Red_Hat_Display/RedHatDisplay-Italic.svg#Red Hat Display") format("svg");
}

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

@font-face {
  font-family: "Red Hat Display";
  font-weight: 500;
  font-style: italic;
  src: url("../fonts/Red_Hat_Display/RedHatDisplay-MediumItalic.eot");
  src: url("../fonts/Red_Hat_Display/RedHatDisplay-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Red_Hat_Display/RedHatDisplay-MediumItalic.woff") format("woff"), url("../fonts/Red_Hat_Display/RedHatDisplay-MediumItalic.ttf") format("truetype"), url("../fonts/Red_Hat_Display/RedHatDisplay-MediumItalic.svg#Red Hat Display") format("svg");
}

@font-face {
  font-family: "Red Hat Display";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/Red_Hat_Display/RedHatDisplay-SemiBold.eot");
  src: url("../fonts/Red_Hat_Display/RedHatDisplay-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Red_Hat_Display/RedHatDisplay-SemiBold.woff") format("woff"), url("../fonts/Red_Hat_Display/RedHatDisplay-SemiBold.ttf") format("truetype"), url("../fonts/Red_Hat_Display/RedHatDisplay-SemiBold.svg#Red Hat Display") format("svg");
}

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

@font-face {
  font-family: "Red Hat Display";
  font-weight: 800;
  font-style: normal;
  src: url("../fonts/Red_Hat_Display/RedHatDisplay-ExtraBold.eot");
  src: url("../fonts/Red_Hat_Display/RedHatDisplay-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Red_Hat_Display/RedHatDisplay-ExtraBold.woff") format("woff"), url("../fonts/Red_Hat_Display/RedHatDisplay-ExtraBold.ttf") format("truetype"), url("../fonts/Red_Hat_Display/RedHatDisplay-ExtraBold.svg#Red Hat Display") format("svg");
}

@font-face {
  font-family: "Red Hat Display";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/Red_Hat_Display/RedHatDisplay-Black.eot");
  src: url("../fonts/Red_Hat_Display/RedHatDisplay-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Red_Hat_Display/RedHatDisplay-Black.woff") format("woff"), url("../fonts/Red_Hat_Display/RedHatDisplay-Black.ttf") format("truetype"), url("../fonts/Red_Hat_Display/RedHatDisplay-Black.svg#Red Hat Display") format("svg");
}

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

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

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

body {
  font-size: 1.4rem;
  line-height: 1.28;
  font-weight: normal;
  color: #004064;
  font-family: "Karla", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@-ms-viewport {
  width: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1rem;
  line-height: 1.16;
  font-weight: bold;
  color: #004064;
  font-family: "Red Hat Display", sans-serif;
}

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,
.h1 {
  font-size: 3.2rem;
}

h2,
.h2 {
  font-size: 2.6rem;
}

h3,
.h3 {
  font-size: 2.2rem;
}

h4,
.h4 {
  font-size: 1.8rem;
}

h5,
.h5 {
  font-size: 1.4rem;
}

h6,
.h6 {
  font-size: 1rem;
}

p {
  margin: 0 0 2.5rem 0;
}

b,
strong {
  font-weight: bold;
}

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

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;
}

label {
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.rendered-form .form-group {
    margin-bottom: 1.7rem;
}
.rendered-form .form-control {
    border-radius: 0.6rem;
    background-color: rgba(64, 0, 255, 0.06);
    height: 3.8rem;
    padding: 0.5rem 1rem;
    border: none;
    font-size: 1.4rem;
}


.rendered-form .form-control:focus {
        background-color: rgba(64, 0, 255, 0.06);
    }

.rendered-form textarea.form-control {
    height: 11.8rem;
    resize: none;
}

input:focus {
  outline: none;
}

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

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

.btn {
  text-transform: uppercase;
  -webkit-transition: color 0.4s ease-out, background-color 0.4s ease-out, border 0.4s ease-out, opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: color 0.4s ease-out, background-color 0.4s ease-out, border 0.4s ease-out, opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: color 0.4s ease-out, background-color 0.4s ease-out, transform 0.4s ease-out, border 0.4s ease-out, opacity 0.4s ease-out;
  transition: color 0.4s ease-out, background-color 0.4s ease-out, transform 0.4s ease-out, border 0.4s ease-out, opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
  font-size: 1.6rem;
  border-radius: 0.6rem;
  font-weight: 800;
  line-height: 1.33;
  padding: 0.8rem 2.1rem;
  text-align: center;
  text-transform: initial;
}

.btn-primary,
.btn-secondary,
.btn-danger,
.btn-success,
.btn-dark {
  border: none;
}

.btn-danger {
  background-color: #FF236B;
}

.btn-danger:hover {
  background-color: #d60046;
}

.swiper-pagination-bullet {
  background: #ffffff;
  height: 1.4rem;
  width: 1.4rem;
  opacity: 1;
  border: 0.2rem solid #ffffff;
}

.swiper-pagination-bullet-active {
  background-color: #00CE71;
}

.gutters-end-0 > *:last-child {
  margin-bottom: 0 !important;
}

.lead {
  font-size: 1.8rem;
  line-height: 1.16;
  font-weight: normal;
}

.readmore {
  font-size: 1.6rem;
  font-weight: 800;
  color: #4000ff;
  line-height: 1.33;
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -webkit-transition: color 0.3s ease-out, gap 0.3s ease-out;
  transition: color 0.3s ease-out, gap 0.3s ease-out;
}

.readmore:after {
  content: "\f30b";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.readmore:hover {
  color: #3300cc;
  gap: 1.5rem;
}

.z-index-1 {
  z-index: 1;
}

.initial-page-bg-style-1,
.initial-page-bg-style-2 {
  background: -webkit-linear-gradient(#4000ff 0%, #004064 100%);
  background: linear-gradient(#4000ff 0%, #004064 100%);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: -99;
}

.initial-page-bg-style-1 .floating-circle,
.initial-page-bg-style-2 .floating-circle {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  height: 60rem;
  width: 60rem;
  -webkit-transform: translate(14.16%, -14.16%);
      -ms-transform: translate(14.16%, -14.16%);
          transform: translate(14.16%, -14.16%);
}

.initial-page-bg-style-1 .stop-color-secondary,
.initial-page-bg-style-2 .stop-color-secondary {
  stop-color: #004064;
}

.initial-page-bg-style-1 .stop-color-primary,
.initial-page-bg-style-2 .stop-color-primary {
  stop-color: #4000ff;
}

.initial-page-bg-style-1 .floating-trefoil,
.initial-page-bg-style-2 .floating-trefoil {
  position: absolute;
  right: -1.5rem;
  top: 0;
  z-index: -1;
  width: 57.2rem;
  -webkit-transform: translateY(-23.42%) rotate(22deg);
      -ms-transform: translateY(-23.42%) rotate(22deg);
          transform: translateY(-23.42%) rotate(22deg);
}

.initial-page-bg-style-1 {
  height: 55rem;
  overflow: hidden;
}

.initial-page-bg-style-2-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -99;
  overflow: hidden;
}

.initial-page-bg-style-2 {
  height: 55rem;
}

.header-search-popup {
  padding-top: 7rem;
  padding-bottom: 10rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #ffffff;
  -webkit-backdrop-filter: blur(1rem);
          backdrop-filter: blur(1rem);
  z-index: 99999;
  -webkit-transform: translateY(calc(-100% - 8rem));
      -ms-transform: translateY(calc(-100% - 8rem));
          transform: translateY(calc(-100% - 8rem));
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.header-search-opened .header-search-popup {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  z-index: 99999999;
}

.header-search-opened .header-search-popup .search__input {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.header-search-opened .header-search-popup .search__input:after {
  width: 100%;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.header-search-popup .search__close {
  position: absolute;
  top: 10%;
  right: 2%;
  z-index: 2;
}

.header-search-popup .search__close .search-close-btn {
  font-size: 2.4rem;
  margin: 0;
  padding: 0;
  border: none;
  color: #4000ff;
  background: transparent;
}

.header-search-popup .search__input {
  position: relative;
  height: 8rem;
  -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
          transform: translateY(-40px);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  opacity: 0;
}

.header-search-popup .search__input:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: #4000ff;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.header-search-popup .search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 2.4rem;
  color: #4000ff;
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 3rem;
}

.header-search-popup .search__input ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: #4000ff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.header-search-popup .search__input .submit-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  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;
  font-size: 1.8rem;
  color: #4000ff;
  border: none;
  padding: 0;
  background: transparent;
  padding: 0.5rem;
  cursor: pointer;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.header-search-popup .search__input .submit-btn:hover {
  color: #3300cc;
}

.header-search-popup-overlay {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 64, 100, 0.6);
}

.header-search-opened .header-search-popup-overlay {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.mobile-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-menu .modal-content {
  border: none;
}

.mobile-menu .modal-header {
  display: block;
  padding: 2rem 0;
  margin: 0;
  border: none;
}

.mobile-menu .modal-header .site-logo img {
  height: 5rem;
}

.mobile-menu .modal-header .btn-close {
  background: none;
  font-size: 2.8rem;
  opacity: 1;
  color: #4000ff;
}

.mobile-menu .main-nav .nav {
  display: block;
  font-family: "Red Hat Display", sans-serif;
  font-size: 2.4rem;
  font-weight: bold;
  color: #004064;
}

.mobile-menu .main-nav .nav .menu-item {
  margin-bottom: 1rem;
  position: relative;
}

.mobile-menu .main-nav .nav .menu-item .submenu-trigger-btn {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 2.5rem;
  text-align: center;
  color: inherit;
}

.mobile-menu .main-nav .nav .menu-item .submenu-trigger-btn i {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.mobile-menu .main-nav .nav .menu-item.on > .submenu-trigger-btn i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.mobile-menu .main-nav .nav .menu-item.on > .submenu-trigger-btn i:before {
  content: "\f068";
}

.mobile-menu .main-nav .nav .menu-item.current-menu-item > a {
  color: #4000ff;
}

.mobile-menu .main-nav .nav .menu-item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.7rem;
  padding-right: 2.5rem;
  color: inherit;
}

.mobile-menu .main-nav .nav .menu-item a:before {
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.8em;
  margin-top: 0.3rem;
}

.mobile-menu .main-nav .nav .menu-item .submenu {
  font-size: 0.8em;
  margin-left: 1.5rem;
  color: #006197;
  margin-top: 0.5rem;
  display: none;
}

.mobile-menu .main-nav .nav .menu-item .submenu .menu-item {
  margin-bottom: 0.5rem;
}

.mobile-menu .main-nav .nav .menu-item .childsubmenu {
  font-size: 0.8em;
  margin-left: 1.5rem;
  color: #0081ca;
  margin-top: 0.5rem;
  display: none;
}

.mobile-menu .search__form .search__input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.6rem;
  border: 1px solid #004064;
}

.mobile-menu .search__form .search-input-field {
  width: 100%;
  border: none;
  height: 3.8rem;
  background-color: transparent;
  padding: 0.5rem 1rem;
  font-size: 1.6rem;
}

.mobile-menu .search__form .submit-btn {
  background-color: #004064;
  color: #ffffff;
  width: 3.8rem;
  border: none;
  box-shadow: none;
}

.mobile-menu .modal-body {
  padding: 2.5rem 0;
}

.mobile-menu .modal-footer {
  padding: 0 0 3.5rem;
  border: none;
  display: block;
}

.modal-backdrop {
  background-color: #004064;
}

.contact-modal .section-heading {
  text-align: initial;
  font-size: 1.4rem;
  line-height: 1.31;
  font-weight: bold;
  max-width: initial;
  margin-bottom: 3rem;
  color: #004064;
}

.contact-modal .modal-content {
  padding: 2rem;
  border-radius: 2.4rem;
  border: none;
}

.contact-modal .modal-header {
  display: block;
  padding: 0 0 2rem;
  margin: 0;
  border: none;
}

.contact-modal .modal-header .site-logo img {
  height: 5rem;
}

.contact-modal .modal-header .btn-close {
  background: none;
  font-size: 2.8rem;
  opacity: 1;
  color: #4000ff;
}

.contact-modal .modal-body {
  padding: 2.5rem 0;
}

.contact-modal .column-contact-info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact-modal .column-contact-info a {
  color: inherit;
}

.contact-modal .column-contact-info a:hover {
  text-decoration: underline;
  opacity: 0.9;
}

.contact-modal .column-contact-info h1,
.contact-modal .column-contact-info h2,
.contact-modal .column-contact-info h3,
.contact-modal .column-contact-info h4,
.contact-modal .column-contact-info h5,
.contact-modal .column-contact-info h6 {
  color: inherit;
  font-family: "Karla", sans-serif;
  font-weight: 800;
}

.contact-modal .column-contact-info .contact-address {
  margin-bottom: 2.2rem;
}

.contact-modal .column-contact-info .contact-info-list {
  margin-bottom: 2.2rem;
}

.contact-modal .column-contact-info .contact-info-list .row {
  --bs-gutter-x: 1.5rem;
}

.contact-modal .column-contact-info .contact-info-list li:not(:last-child) {
  margin-bottom: 0.2rem;
}

.contact-modal .contact-form {
  font-size: 1.2rem;
}

.contact-modal .contact-form .form-control {
  font-size: inherit;
}

.contact-modal .contact-form .form-check-input {
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #004064;
}

.contact-modal .contact-form .form-check-input:checked {
  background-color: #004064;
  border-color: #004064;
}

.contact-modal .contact-form .btn-wrapper {
  margin-top: 2.5rem;
}

.contact-modal .contact-form .btn-wrapper .btn {
  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;
  gap: 1rem;
  line-height: inherit;
  text-transform: uppercase;
  background-color: #4000ff;
}

.contact-modal .contact-form .btn-wrapper .btn:hover {
  background-color: #2d00b3;
}

.site-header {
  padding: 2.5rem 0;
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  top: 0;
  color: #ffffff;
  -webkit-transition: background-color 0.15s ease-out, box-shadow 0.15s ease-out, padding 0.15s ease-out;
  transition: background-color 0.15s ease-out, box-shadow 0.15s ease-out, padding 0.15s ease-out;
}

.page-scrolled .site-header {
  background-color: #ffffff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  color: #4000ff;
  padding: 1.5rem 0;
  -webkit-transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, padding 0.3s ease-out;
  transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, padding 0.3s ease-out;
}

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

.site-header .site-logo {
  display: block;
}

.site-header .site-logo img {
  height: 5.2rem;
  -webkit-transition: -webkit-filter 0.3s ease-out;
  transition: -webkit-filter 0.3s ease-out;
  transition: filter 0.3s ease-out;
  transition: filter 0.3s ease-out, -webkit-filter 0.3s ease-out;
}

body:not(.page-scrolled) .site-header .site-logo img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.site-header .main-nav .nav > .menu-item {
  position: relative;
}

.site-header .main-nav .nav > .menu-item > a {
  padding: 1.5rem 2rem;
  display: block;
  font-weight: 500;
  color: inherit;
}

.site-header .main-nav .nav > .menu-item:hover .submenu {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.site-header .main-nav .nav > .menu-item.current-menu-item > a,
.site-header .main-nav .nav > .menu-item:hover > a {
  text-decoration: underline;
}

.page-scrolled .site-header .main-nav .nav > .menu-item.current-menu-item > a,
.page-scrolled .site-header .main-nav .nav > .menu-item:hover > a {
  color: #4000ff;
}

.site-header .main-nav .nav > .menu-item .submenu {
  position: absolute;
  z-index: 99;
  left: 0;
  top: 100%;
  width: 25rem;
  background-color: #ffffff;
  padding: 1rem 0;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(25px);
      -ms-transform: translateY(25px);
          transform: translateY(25px);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.6rem;
}

.site-header .main-nav .nav > .menu-item .submenu .menu-item {
  position: relative;
}

.site-header .main-nav .nav > .menu-item .submenu .menu-item:not(:last-child) {
  margin-bottom: 1px;
}

.site-header .main-nav .nav > .menu-item .submenu .menu-item:hover > .childsubmenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.site-header .main-nav .nav > .menu-item .submenu .menu-item:hover:hover a {
  color: #4000ff;
  padding-left: 3rem;
}

.site-header .main-nav .nav > .menu-item .submenu .menu-item a {
  padding: 0.6rem 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.7rem;
  color: #004064;
}

.site-header .main-nav .nav > .menu-item .submenu .menu-item a:before {
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.7em;
  margin-top: 0.3rem;
}

.site-header .main-nav .nav > .menu-item .submenu .menu-item .childsubmenu {
  position: absolute;
  z-index: 99;
  left: 100%;
  top: 0;
  width: 25rem;
  background-color: #ffffff;
  padding: 1rem 0;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.6rem;
}

.site-header .main-nav .nav > .menu-item .submenu .menu-item .childsubmenu .menu-item a {
  padding: 0.5rem 2rem;
  color: #006197;
}

.site-header .main-nav .nav > .menu-item .submenu .menu-item .childsubmenu .menu-item a:hover {
  color: #4000ff;
  padding-left: 3rem;
}

.site-header .header-search-open-btn {
  color: inherit;
  padding: 0.5rem 0;
  cursor: pointer;
}

.site-header .burger-btn {
  color: inherit;
  font-size: 3rem;
}

.hero-banner {
  margin-bottom: 3rem;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.hero-banner .inner-container {
  position: relative;
}

.hero-banner .swiper {
  border-radius: 2.4rem;
}

.hero-banner .swiper .swiper-pagination {
  text-align: initial;
  padding-left: 2rem;
}

.hero-banner .floating-banner-content {
  line-height: 1.16;
  color: #6093AC;
  position: relative;
  font-size: 1.8rem;
}

.hero-banner .floating-banner-content .img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.hero-banner .floating-banner-content .cnt {
  padding: 3rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  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;
  text-align: center;
}

.hero-banner .floating-banner-content .cnt .desc {
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto;
}

.hero-banner .floating-banner-content h1 {
  margin-bottom: 0.8rem;
}

.secondary-banner {
  margin-bottom: 3rem;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.secondary-banner .inner-container {
  position: relative;
}

.secondary-banner .main-image img {
  border-radius: 2.4rem;
  min-height: 26rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.secondary-banner .floating-banner-content {
  line-height: 1.16;
  color: #8A9977;
  position: relative;
  font-size: 1.8rem;
}

.secondary-banner .floating-banner-content .img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.secondary-banner .floating-banner-content .cnt {
  padding: 3rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50%;
  text-align: center;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}

.secondary-banner .floating-banner-content h1 {
  margin-bottom: 0.8rem;
}

.whoweare {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 11.5rem;
}

.whoweare .inner-container {
  max-width: 73rem;
  margin-left: auto;
  margin-right: auto;
}

.whoweare h3 {
  margin-bottom: 1.5rem;
}

.services-section {
  margin-bottom: 10.5rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.services-section:after {
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 9.5rem;
  background-color: rgba(64, 0, 255, 0.06);
  z-index: -1;
  position: absolute;
}

.services-section .column__box {
  margin-left: 2rem;
  background: -webkit-linear-gradient(left, #4000ff 0%, #004064 100%);
  background: linear-gradient(90deg, #4000ff 0%, #004064 100%);
  color: #ffffff;
  border-radius: 2.4rem 0 0 2.4rem;
  height: 100%;
  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;
  padding: 3rem 0 3rem 3rem;
  position: relative;
  z-index: 1;
}

.services-section .column .title {
  line-height: 1.125;
  color: inherit;
  margin-bottom: 1.2rem;
}

.services-section .column .title a {
  color: inherit;
}

.services-section .column .title a:hover {
  opacity: 0.9;
}

.services-section .column .image-holder {
  margin-left: -5rem;
  margin-bottom: 3rem;
  position: relative;
  overflow: hidden;
  border-radius: 2.4rem;
}

.services-section .column .image-holder img {
  height: 26rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 2.4rem 0 0 2.4rem;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.services-section .column .image-holder a {
  display: block;
}

.services-section .column .image-holder a:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  display: block;
  background-color: rgba(64, 0, 255, 0.3);
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.services-section .column .image-holder a:hover:before {
  opacity: 1;
}

.services-section .column .image-holder a:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.services-section .column .readmore {
  color: inherit;
}

.services-section .column .floating-shape-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
  border-radius: 2.4rem 0 0 2.4rem;
}

.services-section .column .floating-shape {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  width: 100%;
}

.services-section .column .floating-shape--triangle {
  -webkit-transform: rotate(315deg);
      -ms-transform: rotate(315deg);
          transform: rotate(315deg);
  bottom: auto;
  top: -3.4rem;
  right: -5.8rem;
  width: 101.34%;
}

.services-section .column .floating-shape--circle {
  -webkit-transform: translateX(57%);
      -ms-transform: translateX(57%);
          transform: translateX(57%);
  bottom: 2rem;
}

.services-section .column .floating-shape--trefoil {
  -webkit-transform: translate(28%, 6%) rotate(22deg);
      -ms-transform: translate(28%, 6%) rotate(22deg);
          transform: translate(28%, 6%) rotate(22deg);
}

.services-section .column .floating-shape svg {
  max-width: 100%;
  height: auto;
}

.section-heading {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.16;
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
  color: #4000ff;
  font-weight: 500;
}

.section-heading > *:last-child {
  margin-bottom: 0;
}

.section-heading h2 {
  font-size: 3.2rem;
}

.news-section {
  background-color: rgba(64, 0, 255, 0.06);
  position: relative;
  z-index: 1;
  padding: 11.5rem 0 17.5rem;
  margin-bottom: 10.5rem;
}

.news-section .stop-color-secondary {
  stop-color: #004064;
}

.news-section .stop-color-primary {
  stop-color: #4000ff;
}

.news-section .news-item__box {
  margin-right: 5.5rem;
  background-color: #ffffff;
  border-radius: 2.4rem;
  height: 100%;
  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;
  padding: 3rem 3rem 2rem 3rem;
  position: relative;
  z-index: 1;
}

.news-section .news-item .post-title {
  margin-bottom: 1.2rem;
  font-family: "Karla", sans-serif;
}

.news-section .news-item .post-title a:hover {
  color: #4000ff;
}

.news-section .news-item .post-image {
  margin-right: -7.5rem;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
  border-radius: 2.4rem;
}

.news-section .news-item .post-image:before {
  padding-top: 62.5%;
  content: "";
  display: block;
}

.news-section .news-item .post-image img {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 2.4rem;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.news-section .news-item .post-image a {
  display: block;
}

.news-section .news-item .post-image a:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  display: block;
  background-color: rgba(64, 0, 255, 0.3);
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.news-section .news-item .post-image a:hover:before {
  opacity: 1;
}

.news-section .news-item .post-image a:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.news-section .news-item .readmore {
  margin-top: 1.3rem;
}

.news-section .floating-shapes {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
}

.news-section .floating-shape-trefoil {
  position: absolute;
  z-index: -1;
  -webkit-transform: translateX(-40%);
      -ms-transform: translateX(-40%);
          transform: translateX(-40%);
}

.news-section .floating-shape-triangle {
  position: absolute;
  z-index: -1;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.news-section .floating-shape-circle {
  position: absolute;
  z-index: -1;
}

.f-stories {
  margin-bottom: 10.5rem;
}

.f-stories .column__box {
  margin-left: 5rem;
  background: rgba(255, 35, 107, 0.1);
  border-radius: 2.4rem;
  height: 100%;
  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;
  padding: 3rem 3rem 2rem 3rem;
  position: relative;
  z-index: 1;
}

.f-stories .column .title {
  line-height: 1.125;
  margin-bottom: 1.2rem;
}

.f-stories .column .title a:hover {
  color: #4000ff;
}

.f-stories .column .image-holder {
  margin-left: -8rem;
  margin-bottom: 2rem;
  margin-right: 2rem;
  position: relative;
  border-radius: 2.4rem;
  overflow: hidden;
}

.f-stories .column .image-holder:before {
  padding-top: 58.5%;
  content: "";
  display: block;
}

.f-stories .column .image-holder img {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 2.4rem;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.f-stories .column .image-holder a {
  display: block;
}

.f-stories .column .image-holder a:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  display: block;
  background-color: rgba(64, 0, 255, 0.3);
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.f-stories .column .image-holder a:hover:before {
  opacity: 1;
}

.f-stories .column .image-holder a:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.f-stories .column .readmore {
  margin-top: 4rem;
}

.site-footer {
  background: -webkit-linear-gradient(left, #004064 0%, #4000ff 100%);
  background: linear-gradient(90deg, #004064 0%, #4000ff 100%);
  color: #ffffff;
  padding: 9rem 0 5rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.site-footer .stop-color-secondary {
  stop-color: #004064;
}

.site-footer .stop-color-primary {
  stop-color: #4000ff;
}

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

.site-footer a {
  color: inherit;
}

.site-footer a:hover {
  text-decoration: underline;
  opacity: 0.9;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
  color: inherit;
  font-family: "Karla", sans-serif;
  font-weight: 800;
}

.site-footer .floating-shape-trefoil {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 85%;
  max-width: 70rem;
  -webkit-transform: translate(26.42%, 3%);
      -ms-transform: translate(26.42%, 3%);
          transform: translate(26.42%, 3%);
}

.site-footer .site-logo {
  display: block;
  margin-bottom: 2.5rem;
}

.site-footer .site-logo img {
  height: 4.6rem;
}

.site-footer .foot-logo-with-desc {
  position: relative;
  z-index: 1;
  color: #004064;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 10.8rem;
  width: 25rem;
  max-width: 100%;
}

.site-footer .foot-logo-with-desc .floating-shape-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-53%, -55%);
      -ms-transform: translate(-53%, -55%);
          transform: translate(-53%, -55%);
  z-index: -1;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  width: 38.4rem;
  max-width: 139%;
}

.site-footer .contact-address {
  margin-bottom: 2.2rem;
}

.site-footer .contact-info-list {
  margin-bottom: 2.2rem;
}

.site-footer .contact-info-list .row {
  --bs-gutter-x: 1.5rem;
}

.site-footer .contact-info-list li:not(:last-child) {
  margin-bottom: 0.2rem;
}

.site-footer .list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.site-footer .list li:before {
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.site-footer .column--documents .list:not(:last-child) {
  margin-bottom: 3.4rem;
}

.site-footer .column--documents .list li:not(:last-child) {
  margin-bottom: 0.7rem;
}

.site-footer .saro-logo img {
  width: 4.5rem;
}

.site-footer__btm {
  margin-top: 8.5rem;
}

.site-footer .footer-links .nav {
  gap: 3rem;
  font-weight: 500;
  text-transform: capitalize;
}

.breadcrumb {
  font-size: 1.6rem;
  margin: 0 0 5rem;
  color: #004064;
}

.breadcrumb li:not(:last-child):after {
  content: "/";
  margin: 0 0.8rem;
}

.breadcrumb li a {
  color: #4000ff;
}

.site-content {
  position: relative;
  z-index: 1;
}

.site-content .floating-shapes {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
}

.site-content .floating-shape-trefoil {
  position: absolute;
  z-index: -1;
  max-width: 31%;
  width: 30rem;
  right: 0;
  bottom: 23%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

.site-content .floating-shape-triangle {
  position: absolute;
  z-index: -1;
  max-width: 55%;
  width: 59rem;
  left: 0;
  top: 20%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.site-content .floating-shape-circle {
  position: absolute;
  z-index: -1;
  max-width: 35%;
  width: 34rem;
  left: 0;
  top: 55%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.sidebar__box {
  background-color: rgba(64, 0, 255, 0.06);
  padding: 4rem 3rem 8rem;
  border-radius: 2.4rem 2.4rem 7.2rem 2.4rem;
  position: -webkit-sticky;
  position: sticky;
  top: 12rem;
  margin-bottom: 5rem;
}

.sidebar .sidebar-widget-title {
  font-weight: 800;
  margin-bottom: 2.2rem;
}

.sidebar ul {
  margin: 0;
  padding: 0;
}

.sidebar ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.sidebar ul li:before {
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #4000ff;
}

.sidebar ul li:not(:last-child) {
  margin-bottom: 0.2rem;
}

.sidebar ul li a {
  color: #004064;
}

.sidebar ul li a:hover {
  color: #4000ff;
}

.sidebar .sidebar-widget:not(:last-child) {
  margin-bottom: 5rem;
}

.sidebar .sidebar-widget > *:last-child {
  margin-bottom: 0;
}

.main-content p:empty {
  padding-bottom: 1px;
}

.main-content ul li::marker {
  color: #4000ff;
}

.main-content ul li:not(:last-child) {
  margin-bottom: 0.7rem;
}

.main-content .lead {
  margin-bottom: 6rem;
}

.main-content .featured-image {
  margin-bottom: 5rem;
}

.main-content .featured-image img {
  border-radius: 0.6rem;
}

.main-content .blockquote {
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 500;
  font-style: italic;
  color: #4000ff;
  font-family: "Red Hat Display", sans-serif;
  margin-bottom: 5rem;
}

.main-content .blockquote > *:last-child {
  margin-bottom: 0;
}

.main-content .vertical-btn-group {
  max-width: 44rem;
  margin-bottom: 5rem;
}

.main-content .vertical-btn-group p {
  margin-bottom: 5.2rem;
}

.main-content .vertical-btn-group > *:last-child {
  margin-bottom: 0;
}

.main-content .vertical-btn-group .btn {
  font-size: 1.6rem;
  line-height: 1.33;
  font-weight: 800;
  text-align: initial;
  padding: 0;
  overflow: hidden;
}

.main-content .vertical-btn-group .btn .btn-txt {
  padding: 0.8rem 1.4rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.main-content .vertical-btn-group .btn .fa-solid,
.main-content .vertical-btn-group .btn .fas {
  padding: 0.8rem 1.2rem;
  color: #ffffff;
  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;
}

.main-content .vertical-btn-group .btn-danger {
  background-color: #FF236B;
}

.main-content .vertical-btn-group .btn-danger:hover {
  background-color: #ef004e;
}

.main-content .vertical-btn-group .btn-danger .fa-solid,
.main-content .vertical-btn-group .btn-danger .fas {
  background-color: #641829;
}

.main-content .vertical-btn-group .btn-success {
  background-color: #8A9977;
}

.main-content .vertical-btn-group .btn-success:hover:hover {
  background-color: #707e5f;
}

.main-content .vertical-btn-group .btn-success .fa-solid,
.main-content .vertical-btn-group .btn-success .fas {
  background-color: #37422F;
}

.main-content .vertical-btn-group .btn-primary {
  background-color: #6093AC;
}

.main-content .vertical-btn-group .btn-primary:hover:hover {
  background-color: #4a788f;
}

.main-content .vertical-btn-group .btn-primary .fa-solid,
.main-content .vertical-btn-group .btn-primary .fas {
  background-color: #004064;
}

.main-content .ratio {
  border-radius: 0.6rem;
  overflow: hidden;
  margin-bottom: 5rem;
}

.main-content .content-with-background-box {
  background-color: rgba(255, 35, 107, 0.1);
  padding: 3.5rem 4rem;
  border-radius: 2.4rem;
  margin-bottom: 5rem;
}

.main-content .content-with-background-box > *:last-child {
  margin-bottom: 0;
}

.main-content .content-with-background-box ul li::marker {
  color: #FF236B;
}

@media (min-width: 576px) {
  .mobile-menu .modal-dialog {
    max-width: 100%;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .services-section .columns--2 .column__box {
    padding: 3.5rem 4rem 3rem;
    margin-left: 6rem;
  }

  .services-section .column__box {
    padding: 3.5rem 3rem 3rem;
    margin-left: 3rem;
    border-radius: 2.4rem;
  }

  .services-section .column .image-holder {
    margin-left: -10.5rem;
    margin-right: 5.5rem;
    margin-bottom: 4.6rem;
  }

  .services-section .column .image-holder img {
    border-radius: 2.4rem;
  }

  .services-section .column .floating-shape-wrapper {
    border-radius: 2.4rem;
  }
}

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

  body {
    font-size: 1.6rem;
    line-height: 1.31;
  }

  h1,
  .h1 {
    font-size: 4.8rem;
  }

  h2,
  .h2 {
    font-size: 4rem;
  }

  h3,
  .h3 {
    font-size: 3.2rem;
  }

  h4,
  .h4 {
    font-size: 2.4rem;
  }

  h5,
  .h5 {
    font-size: 1.6rem;
  }

  h6,
  .h6 {
    font-size: 1.2rem;
  }

  .lead {
    font-size: 2.1rem;
    line-height: 1.23;
  }

  .readmore {
    font-size: 1.8rem;
  }

  .initial-page-bg-style-1 {
    height: 55rem;
  }

  .initial-page-bg-style-2 {
    height: 40rem;
  }

  .contact-modal .section-heading {
    font-size: 1.6rem;
    margin-bottom: 2.4rem;
  }

  .contact-modal .modal-content {
    padding: 6.5rem 3rem;
  }

  .contact-modal .modal-header {
    margin-bottom: 1.8rem;
  }

  .contact-modal .modal-body {
    padding: 2rem 6rem;
  }

  .contact-modal .column-contact-info {
    margin-left: 5rem;
    width: 35%;
  }

  .contact-modal .contact-form {
    font-size: 1.4rem;
  }

  .contact-modal .contact-form .btn-wrapper {
    margin-top: 3rem;
  }

  .site-header {
    padding: 4.5rem 0;
  }

  .site-header .site-logo img {
    height: 6rem;
  }

  .hero-banner {
    margin-bottom: 11.5rem;
  }

  .hero-banner .inner-container {
    max-width: 82.88%;
  }

  .hero-banner .floating-banner-content {
    position: absolute;
    width: 48.36%;
    right: 0;
    bottom: 4.5rem;
    z-index: 2;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    font-size: 2.1rem;
    line-height: 1.23;
  }

  .hero-banner .floating-banner-content .cnt {
    padding: 4rem;
  }

  .secondary-banner {
    margin-bottom: 9rem;
  }

  .secondary-banner .inner-container {
    max-width: 82.88%;
  }

  .secondary-banner .floating-banner-content {
    position: absolute;
    width: 49%;
    right: 0;
    bottom: 0;
    z-index: 2;
    -webkit-transform: translate(45%, 34.83%);
        -ms-transform: translate(45%, 34.83%);
            transform: translate(45%, 34.83%);
    font-size: 2.1rem;
    line-height: 1.23;
  }

  .secondary-banner .floating-banner-content .cnt {
    padding: 5rem;
  }

  .whoweare {
    font-size: 2.1rem;
    line-height: 1.23;
  }

  .services-section:after {
    height: 50%;
  }

  .services-section .columns--2 .column__box {
    margin-left: 9.5rem;
  }

  .services-section .column .image-holder {
    margin-left: -13.5rem;
  }

  .services-section .column .floating-shape--trefoil {
    width: 110%;
  }

  .section-heading {
    font-size: 2.1rem;
    line-height: 1.23;
    margin-bottom: 6rem;
  }

  .section-heading h2 {
    font-size: 4.8rem;
  }

  .news-section {
    padding: 19rem 0 32.5rem;
  }

  .news-section .floating-shape-trefoil {
    left: 0;
    width: 41.66%;
    top: 22%;
    max-width: 60rem;
  }

  .news-section .floating-shape-triangle {
    bottom: 12%;
    width: 41.66%;
    max-width: 60rem;
    -webkit-transform: translateX(10%) rotate(135deg);
        -ms-transform: translateX(10%) rotate(135deg);
            transform: translateX(10%) rotate(135deg);
  }

  .news-section .floating-shape-circle {
    right: 0;
    width: 34.72%;
    top: 18%;
    -webkit-transform: translateX(40%);
        -ms-transform: translateX(40%);
            transform: translateX(40%);
    max-width: 50rem;
  }

  .f-stories {
    margin-bottom: 14rem;
  }

  .f-stories .column__box {
    padding: 3rem 4rem;
    margin-left: 9rem;
  }

  .f-stories .column .image-holder {
    margin-left: -13rem;
    margin-right: 5.5rem;
  }

  .site-footer {
    padding: 10rem 0 6rem;
  }

  .site-footer .floating-shape-trefoil {
    width: 48.61%;
  }

  .site-footer .site-logo {
    margin-bottom: 5rem;
  }

  .site-footer .site-logo img {
    height: 6.2rem;
  }

  .site-footer .foot-logo-with-desc {
    width: 30.5rem;
    margin-bottom: 12rem;
  }

  .site-footer .foot-logo-with-desc .floating-shape-circle {
    -webkit-transform: translate(-60%, -53%);
        -ms-transform: translate(-60%, -53%);
            transform: translate(-60%, -53%);
    width: 46.5rem;
    max-width: 169%;
  }

  .site-footer .saro-logo img {
    width: 6.5rem;
  }

  .site-footer__btm {
    margin-top: 12.8rem;
  }

  .site-footer .footer-links .nav {
    gap: 9rem;
  }

  .secondary-banner + .breadcrumb-wrapper {
    margin-top: -6.5rem;
  }

  .site-content .floating-shape-trefoil {
    max-width: 21%;
  }

  .site-content .floating-shape-triangle {
    max-width: 41%;
  }

  .site-content .floating-shape-circle {
    max-width: 25%;
  }

  .sidebar {
    margin-right: 4rem;
  }

  .sidebar__box {
    margin-bottom: 10rem;
  }

  .main-content .featured-image {
    margin-bottom: 6.5rem;
  }

  .main-content .blockquote {
    font-size: 2.1rem;
    line-height: 1.52;
    margin-bottom: 6.5rem;
  }

  .main-content .vertical-btn-group {
    margin-bottom: 7.5rem;
  }

  .main-content .vertical-btn-group .btn {
    font-size: 1.8rem;
  }

  .main-content .ratio {
    margin-bottom: 7rem;
  }

  .main-content .content-with-background-box {
    margin-bottom: 10rem;
  }
}

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

  .initial-page-bg-style-1 {
    height: 60rem;
  }

  .news-section .news-item__box {
    margin-right: 6.5rem;
  }

  .news-section .news-item .post-image {
    margin-right: -8.5rem;
  }

  .site-footer .foot-logo-with-desc .floating-shape-circle {
    -webkit-transform: translate(-55%, -53%);
        -ms-transform: translate(-55%, -53%);
            transform: translate(-55%, -53%);
  }
}

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

  .container {
    max-width: 121rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .initial-page-bg-style-1 {
    height: 65rem;
  }

  .secondary-banner .floating-banner-content {
    width: 49%;
  }

  .secondary-banner .floating-banner-content .cnt {
    padding: 4rem 9rem;
  }

  .site-footer .foot-logo-with-desc .floating-shape-circle {
    -webkit-transform: translate(-53%, -53%);
        -ms-transform: translate(-53%, -53%);
            transform: translate(-53%, -53%);
  }

  .sidebar {
    margin-right: 9.5rem;
  }
}

@media (max-width: 767px) {
  .contact-modal .column-contact-info {
    margin-top: 6rem;
  }

  .hero-banner .floating-banner-content {
    margin-top: -4.6rem;
    z-index: 1;
  }

  .secondary-banner .floating-banner-content {
    margin-top: -4.6rem;
    z-index: 1;
  }

  .whoweare h3 {
    font-size: 2.6rem;
  }

  .services-section .container {
    padding-right: 0;
  }

  .services-section .column:not(:last-child) {
    margin-bottom: 6rem;
  }

  .news-section .news-item:not(:last-child) {
    margin-bottom: 4rem;
  }

  .news-section .floating-shape-trefoil {
    width: 100%;
    max-width: 40rem;
    bottom: 9.5rem;
  }

  .news-section .floating-shape-triangle {
    width: 100%;
    max-width: 40rem;
    top: 25%;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }

  .news-section .floating-shape-circle {
    width: 75%;
    max-width: 30rem;
    top: 54%;
    right: 0;
    -webkit-transform: translateX(30%);
        -ms-transform: translateX(30%);
            transform: translateX(30%);
  }

  .f-stories .column:not(:last-child) {
    margin-bottom: 4rem;
  }

  .site-footer .column--contact-info {
    margin-bottom: 2.5rem;
  }

  .site-footer .saro-logo {
    margin: 5.5rem 0 8.5rem;
  }

  .site-footer .saro-logo .row {
    --bs-gutter-x: 1.5rem;
  }

  .sidebar {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .hero-banner .floating-banner-content h1 {
    font-size: 3.2rem;
  }

  .secondary-banner .floating-banner-content h1 {
    font-size: 3.2rem;
  }
}