@font-face {
  font-family: "F37 Moon";
  src: url("fonts/F37Moon-Light.woff2") format("woff2"),
    url("fonts/F37Moon-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "F37 Moon";
  src: url("fonts/F37Moon-Regular.woff2") format("woff2"),
    url("fonts/F37Moon-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "F37 Moon";
  src: url("./fonts/F37Moon-Demi.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "F37 Moon";
  src: url("fonts/F37Moon-Demi.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

:root {
  --contrast: #707070;
  --contrast-2: #21294f;
  --contrast-3: #70db4d;
  --base: #a7a7a7;
  --base-2: #ffffff;
  --base-3: #ebebeb;
  --accent: #0050e2;
  --lightblue: #72d9dc;
}

html {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: 1.5em;
}

.section {
  overflow: hidden;
  position: relative;
}
.section .container {
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
}

body {
  margin: 0;
}

.d-none {
  display: none !important;
}

@media (min-width: 991px) {
  .d-lg-block {
    display: block !important;
  }
}

@media (min-width: 991px) {
  .d-lg-flex {
    display: flex !important;
  }
}

@media (min-width: 991px) {
  .d-lg-none {
    display: none !important;
  }
}

.page-template-khazna-report-template .page-hero {
  display: none !important;
}
.page-template-khazna-report-template .site.grid-container.container.hfeed {
  max-width: none !important;
  box-sizing: content-box !important;
}
.page-template-khazna-report-template .site.grid-container.container.hfeed .site-content {
  display: block !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding: 0 !important;
}
.page-template-khazna-report-template
  .site.grid-container.container.hfeed
  .site-content
  .container {
  background-color: transparent !important;
}

/* @font-face {
  font-family: "F37 Moon";
  src: url("./../fonts/F37Moon-Regular.woff2") format("woff2"),
    url("./../fonts/F37Moon-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "F37 Moon";
  src: url("./../fonts/F37Moon-Bold.woff2") format("woff2"),
    url("./../fonts/F37Moon-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "F37 Moon";
  src: url("./../fonts/F37Moon-Thin.woff2") format("woff2"),
    url("./../fonts/F37Moon-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "F37 Moon";
  src: url("./../fonts/F37Moon-Light.woff2") format("woff2"),
    url("./../fonts/F37Moon-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
} */

.img-cover-block {
  position: relative;
  overflow: hidden;
}

.img-cover {
  position: absolute;
  inset: 0;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.btn-primary {
  background-color: #0e55de;
  color: white;
  padding-block: 12px;
  padding-inline: 16px;
  display: flex;
  gap: 8px;
  font-family: "F37 Moon";
  transition: background-color 0.25s ease;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: fit-content;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  text-decoration: none;
}
.btn-primary:hover,
.btn-primary:focus {
  color: white;
  background-color: #73d956;
  text-decoration: none;
}
.btn-primary:hover svg,
.btn-primary:focus svg {
  color: #73d956;
}
.btn-primary svg {
  color: #0e55de;
}

.btn-secondary {
  color: #0e55de;
  background-color: white;
  padding-block: 12px;
  padding-inline: 16px;
  display: flex;
  gap: 8px;
  transition: fill, color, background-color 0.25s ease;
  font-size: 14px;
  font-family: "F37 Moon";
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: fit-content;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  text-decoration: none;
}
.btn-secondary:hover,
.btn-secondary:focus {
  color: white;
  background-color: #73d956;
  text-decoration: none;
}
.btn-secondary:hover svg,
.btn-secondary:focus svg {
  color: #73d956;
}
.btn-secondary:hover svg circle,
.btn-secondary:focus svg circle {
  fill: white;
}
.btn-secondary svg {
  color: white;
}
.btn-secondary svg circle {
  fill: #0e55de;
}

/**
 * Swiper 11.1.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 24, 2024
 */
:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.heading-paragraph-section {
  background-color: white;
  color: #212a4e;
  padding-block: 60px;
  padding-inline: 24px;
}
.heading-paragraph-section .content-block {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.heading-paragraph-section .content-block .heading {
  font-family: "F37 Moon";
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 0;
}
@media (min-width: 991px) {
  .heading-paragraph-section {
    padding-inline: 90px;
    padding-block: 80px;
  }
  .heading-paragraph-section .content-block {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px;
  }
  .heading-paragraph-section .heading {
    font-family: "F37 Moon";
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 120%;
  }
  .heading-paragraph-section p.text {
    font-family: "F37 Moon";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    margin-bottom: 0;
  }
}

.simple-image-section {
  background-color: #212a4e;
  aspect-ratio: 75/67;
}
@media (min-width: 768px) {
  .simple-image-section {
    aspect-ratio: 228/67;
  }
}
.simple-image-section .img-cover.landscape {
  display: none;
}
@media (min-width: 768px) {
  .simple-image-section .img-cover.landscape {
    display: block;
  }
  .simple-image-section .img-cover.portrait {
    display: none;
  }
}
.simple-image-section .content-block {
  padding: 24px;
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.simple-image-section .content-block h4.heading {
  font-family: "F37 Moon";
  text-align: center;
  color: white;
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}

.heading-boxes-section {
  color: #212a4e;
}
.heading-boxes-section .svg-wrapper {
  left: 0;
}
.heading-boxes-section .svg-wrapper.desktop {
  opacity: 0.5;
  top: 0;
  display: none;
  color: #0e55de;
  width: 805.53px;
  height: 555.54px;
}
@media (min-width: 991px) {
  .heading-boxes-section .svg-wrapper.desktop {
    display: block;
  }
}
.heading-boxes-section .svg-wrapper.mobile {
  opacity: 0.5;
  position: absolute;
  top: 4px;
  left: -205px;
  height: 335px;
  opacity: 0.5;
}
@media (min-width: 991px) {
  .heading-boxes-section .svg-wrapper.mobile {
    display: none;
  }
}
.heading-boxes-section .boxes-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  right: 0;
  top: 0;
}
@media (min-width: 991px) {
  .heading-boxes-section .boxes-wrapper {
    position: absolute;
    flex-direction: row;
  }
}
.heading-boxes-section .boxes-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  background: linear-gradient(269deg, #73d956 0.47%, #0e55de 99.08%);
  width: 100%;
  height: calc(100% + 8px);
}
.heading-boxes-section .boxes-wrapper .box-1 {
  position: relative;
  width: 100%;
  padding-block: 44px;
  padding-inline: 24px;
  background-color: #0e55de;
}
@media (min-width: 991px) {
  .heading-boxes-section .boxes-wrapper .box-1 {
    width: fit-content;
    padding-block: 65px;
    padding-inline: 65px;
  }
}
.heading-boxes-section .boxes-wrapper .box-1 .inner-content {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (min-width: 991px) {
  .heading-boxes-section .boxes-wrapper .box-1 .inner-content {
    flex-direction: row;
    gap: 24px;
  }
}
.heading-boxes-section .boxes-wrapper .box-1 .inner-content .content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: white;
  max-width: 242px;
}
.heading-boxes-section .boxes-wrapper .box-1 .inner-content .content svg {
  width: fit-content;
  height: 64.5px;
}
.heading-boxes-section .boxes-wrapper .box-1 .inner-content .content .text {
  font-family: "F37 Moon";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 0;
}
.heading-boxes-section .boxes-wrapper .box-2 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 90px;
  padding-inline: 24px;
  background-color: #212a4e;
  color: white;
}
@media (min-width: 991px) {
  .heading-boxes-section .boxes-wrapper .box-2 {
    padding-block: 55px;
    padding-inline: 36px;
  }
}
.heading-boxes-section .boxes-wrapper .box-2 .heading {
  font-family: "F37 Moon";
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  max-width: 332px;
  margin-bottom: 0;
}
.heading-boxes-section .container {
  position: relative;
  padding-inline: 24px;
}
@media (min-width: 991px) {
  .heading-boxes-section .container {
    padding-inline: 90px;
  }
}
.heading-boxes-section .container .content-block {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  gap: 65px;
}
@media (min-width: 991px) {
  .heading-boxes-section .container .content-block {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: -50px;
    gap: 0;
  }
}
.heading-boxes-section .container .content-block .heading {
  letter-spacing: 0;
  font-family: "F37 Moon";
  max-width: 690px;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 0;
  color: #212a4e;
  text-transform: none;
}
.heading-boxes-section .container .content-block p.stat {
  font-family: "F37 Moon";
  align-self: flex-end;
  color: #ebebeb;
  font-size: 120px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-top: 30px;
  margin-bottom: 0;
}
@media (min-width: 991px) {
  .heading-boxes-section .container .content-block p.stat {
    font-size: 300px;
    margin-top: 0;
  }
}
.heading-boxes-section.variant {
  background-color: #212a4e;
  color: white;
}
.heading-boxes-section.variant .boxes-wrapper .box-1 {
  background-color: #73d956;
}
@media (min-width: 991px) {
  .heading-boxes-section.variant .boxes-wrapper .box-1 .inner-content {
    gap: 40px;
  }
}
.heading-boxes-section.variant .boxes-wrapper .box-1 .inner-content .content {
  color: #212a4e;
}
.heading-boxes-section.variant .boxes-wrapper .box-1 .inner-content .content svg {
  height: auto;
  width: auto;
}
.heading-boxes-section.variant .boxes-wrapper .box-1 .inner-content .content .text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 0;
}
.heading-boxes-section.variant .boxes-wrapper .box-2 {
  background-color: white;
  color: #212a4e;
}
.heading-boxes-section.variant .boxes-wrapper .box-2 h3.heading {
  margin-bottom: 0;
}
.heading-boxes-section.variant .container {
  padding-block: 0 60px;
}
.heading-boxes-section.variant .container .content-block h2.heading {
  color: white;
  letter-spacing: 0;
  max-width: 500px;
}
.heading-boxes-section.variant .container .content-block .stat {
  color: rgba(255, 255, 255, 0.2);
}

.heading-paragraphs-download-cta-section {
  color: #212a4e;
}
.heading-paragraphs-download-cta-section .container {
  padding-block: 60px;
  padding-inline: 24px;
}
@media (min-width: 1200px) {
  .heading-paragraphs-download-cta-section .container {
    padding-block: 80px;
    padding-inline: 300px 90px;
  }
}
.heading-paragraphs-download-cta-section .container .content-block {
  display: block;
}
@media (min-width: 991px) {
  .heading-paragraphs-download-cta-section .container .content-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
@media (min-width: 1200px) {
  .heading-paragraphs-download-cta-section .container .content-block {
    grid-template-columns: 2fr 1fr 1fr;
  }
}
.heading-paragraphs-download-cta-section .container .content-block h4.heading {
  font-family: "F37 Moon";
  margin-bottom: 24px;
  color: #0e55de;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.heading-paragraphs-download-cta-section .container .content-block h4.heading::before {
  position: absolute;
  content: url('data:image/svg+xml,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Group"><path id="Vector" d="M-122.75 5.75L7.25 5.74999" stroke="%23212A4E" stroke-width="0.585502" stroke-miterlimit="10"/><path id="Vector_2" d="M17.5083 5.50369C17.5083 2.76587 15.2888 0.546439 12.551 0.546439C9.81321 0.546439 7.59375 2.76588 7.59375 5.50369C7.59375 8.2415 9.81321 10.4609 12.551 10.4609C15.2888 10.4609 17.5083 8.2415 17.5083 5.50369Z" stroke="%23212A4E" stroke-width="0.585502" stroke-miterlimit="10"/><path id="Vector_3" d="M11.0039 5.50506C11.0039 6.36379 11.6987 7.05078 12.5496 7.05078C13.4005 7.05078 14.1031 6.35599 14.1031 5.50506C14.1031 4.65413 13.4084 3.95933 12.5496 3.95933C11.6909 3.95933 11.0039 4.65413 11.0039 5.50506Z" fill="%237EC34D"/></g></svg>');
  left: 0;
}
@media (min-width: 1200px) {
  .heading-paragraphs-download-cta-section .container .content-block h4.heading::before {
    content: url('data:image/svg+xml,<svg width="281" height="21" viewBox="0 0 281 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 11L260 11" stroke="%230E55DE" stroke-width="1.171" stroke-miterlimit="10"/><path d="M280.515 10.5074C280.515 5.03175 276.076 0.592878 270.6 0.592878C265.124 0.592878 260.686 5.03175 260.686 10.5074C260.686 15.983 265.124 20.4219 270.6 20.4219C276.076 20.4219 280.515 15.983 280.515 10.5074Z" stroke="%230E55DE" stroke-width="1.171" stroke-miterlimit="10"/><path d="M267.508 10.5082C267.508 12.2256 268.897 13.5996 270.599 13.5996C272.301 13.5996 273.706 12.21 273.706 10.5082C273.706 8.8063 272.317 7.41671 270.599 7.41671C268.882 7.41671 267.508 8.8063 267.508 10.5082Z" fill="%237EC34D"/></svg>');
  }
}
@media (min-width: 991px) {
  .heading-paragraphs-download-cta-section .container .content-block h4.heading {
    font-size: 24px;
  }
}
.heading-paragraphs-download-cta-section .container .content-block .text-block p.text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 24px;
}

.data-graph-section .container {
  padding-block: 30px;
  padding-inline: 24px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%),
    #ebebeb;
}
@media (min-width: 991px) {
  .data-graph-section .container {
    padding-block: 0;
    padding-inline: 90px;
    background: white;
  }
}
.data-graph-section .content-block {
  border-radius: 48px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  color: #212a4e;
  gap: 24px;
}
@media (min-width: 991px) {
  .data-graph-section .content-block {
    display: grid;
    /* padding-inline: 75px; */
    /* padding-block: 100px; */
    grid-template-columns: 1fr 1.4fr;
    /* background: linear-gradient(0deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%), #ebebeb; */
  }
}
.data-graph-section .content-block .data {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.data-graph-section .content-block .data .heading {
  font-family: "F37 Moon";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 0;
  color: #212a4e;
}
.data-graph-section .content-block .data .text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.data-graph-section .content-block .data .logos-row {
  display: flex;
  gap: 48px;
  align-items: center;
}
.data-graph-section .content-block .graph .small-heading {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 24px;
}
.data-graph-section .content-block .graph .img-cover-block {
  aspect-ratio: 74 / 46;
}

.heading-text-stat-block-section {
  color: #212a4e;
}
.heading-text-stat-block-section .container {
  padding-block: 54px;
  padding-inline: 24px;
}

@media (min-width: 1200px) {
  .heading-text-stat-block-section .container {
    padding-block: 90px;
    padding-inline: 300px 90px;
  }
}

@media (min-width: 768px) {
  .heading-text-stat-block-section .container .content-wrapper {
    display: flex;
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .heading-text-stat-block-section .container .content-wrapper {
    gap: 130px;
  }
}
.heading-text-stat-block-section .container .content-wrapper .content {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
@media (min-width: 991px) {
  .heading-text-stat-block-section .container .content-wrapper .content {
    flex-direction: row;
  }
}
.heading-text-stat-block-section .container .content-wrapper .content .small-heading {
  font-family: "F37 Moon";
  color: #0e55de;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.heading-text-stat-block-section .container .content-wrapper .content .small-heading::before {
  position: absolute;
  content: url('data:image/svg+xml,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Group"><path id="Vector" d="M-122.75 5.75L7.25 5.74999" stroke="%23212A4E" stroke-width="0.585502" stroke-miterlimit="10"/><path id="Vector_2" d="M17.5083 5.50369C17.5083 2.76587 15.2888 0.546439 12.551 0.546439C9.81321 0.546439 7.59375 2.76588 7.59375 5.50369C7.59375 8.2415 9.81321 10.4609 12.551 10.4609C15.2888 10.4609 17.5083 8.2415 17.5083 5.50369Z" stroke="%23212A4E" stroke-width="0.585502" stroke-miterlimit="10"/><path id="Vector_3" d="M11.0039 5.50506C11.0039 6.36379 11.6987 7.05078 12.5496 7.05078C13.4005 7.05078 14.1031 6.35599 14.1031 5.50506C14.1031 4.65413 13.4084 3.95933 12.5496 3.95933C11.6909 3.95933 11.0039 4.65413 11.0039 5.50506Z" fill="%237EC34D"/></g></svg>');
  left: 0;
}
@media (min-width: 1200px) {
  .heading-text-stat-block-section .container .content-wrapper .content .small-heading::before {
    content: url('data:image/svg+xml,<svg width="281" height="21" viewBox="0 0 281 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 11L260 11" stroke="%230E55DE" stroke-width="1.171" stroke-miterlimit="10"/><path d="M280.515 10.5074C280.515 5.03175 276.076 0.592878 270.6 0.592878C265.124 0.592878 260.686 5.03175 260.686 10.5074C260.686 15.983 265.124 20.4219 270.6 20.4219C276.076 20.4219 280.515 15.983 280.515 10.5074Z" stroke="%230E55DE" stroke-width="1.171" stroke-miterlimit="10"/><path d="M267.508 10.5082C267.508 12.2256 268.897 13.5996 270.599 13.5996C272.301 13.5996 273.706 12.21 273.706 10.5082C273.706 8.8063 272.317 7.41671 270.599 7.41671C268.882 7.41671 267.508 8.8063 267.508 10.5082Z" fill="%237EC34D"/></svg>');
  }
}
.heading-text-stat-block-section .container .content-wrapper .content p.text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}
.heading-text-stat-block-section .container .content-wrapper .box {
  display: none;
  height: fit-content;
  position: relative;
}
.heading-text-stat-block-section .container .content-wrapper .box::before {
  content: "";
  position: absolute;
  top: 0;
  margin: auto;
  background: linear-gradient(269deg, #73d956 0.47%, #0e55de 99.08%);
  width: 100%;
  height: calc(100% + 8px);
}
.heading-text-stat-block-section .container .content-wrapper .box .inner-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #212a4e;
  color: white;
  position: relative;
  padding-inline: 80px;
  padding-block: 80px;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .heading-text-stat-block-section .container .content-wrapper .box .inner-wrapper {
    padding-block: 100px;
    padding-inline: 65px;
    margin-top: 0;
  }
}
.heading-text-stat-block-section .container .content-wrapper .box .inner-wrapper p.text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 0;
}

.graphs-text-section .container {
  padding-inline: 24px;
  padding-block: 65px;
  color: #212a4e;
}
@media (min-width: 1200px) {
  .graphs-text-section .container {
    padding-inline: 90px;
  }
}
@media (min-width: 1400px) {
  .graphs-text-section .container {
    margin-right: 0;
  }
}
@media (min-width: 991px) {
  .graphs-text-section .content-wrapper {
    display: flex;
    gap: 24px;
  }
}
@media (min-width: 991px) and (min-width: 1200px) {
  .graphs-text-section .content-wrapper {
    gap: 130px;
  }
}
@media (min-width: 991px) and (min-width: 1440px) {
  .graphs-text-section .content-wrapper {
    justify-content: space-between;
  }
}
.graphs-text-section .content-wrapper .content-block {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 768px) {
  .graphs-text-section .content-wrapper .content-block {
    gap: 50px;
  }
}
@media (min-width: 991px) {
  .graphs-text-section .content-wrapper .content-block {
    width: 100%;
  }
}
.graphs-text-section .content-wrapper .content-block .content p.text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 24px;
}
.graphs-text-section .content-wrapper .content-block .content .img-cover-block {
  aspect-ratio: 83/32;
}
.graphs-text-section .content-wrapper .content-block .content .img-cover-block.sm {
  aspect-ratio: 83/28;
}
.graphs-text-section .content-wrapper .box {
  padding-block: 24px;
  padding-inline: 24px;
  border-radius: 24px 0px 0px 0px;
  background-color: #ebebeb;
  margin-top: 60px;
}
@media (min-width: 991px) {
  .graphs-text-section .content-wrapper .box {
    max-width: 198px;
    padding-inline: 48px;
    padding-block: 180px;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.graphs-text-section .content-wrapper .box p.text {
  font-family: "F37 Moon";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}

.heading-boxes-variation-section {
  color: #212a4e;
  background-color: #0e55de;
}
.heading-boxes-variation-section .svg-wrapper {
  left: 0;
}
.heading-boxes-variation-section .svg-wrapper.desktop {
  position: relative;
  opacity: 0.5;
  top: -15px;
  display: none;
  color: #0e55de;
  height: 570px;
  width: 720px;
  margin-left: auto;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section .svg-wrapper.desktop {
    display: block;
  }
}
.heading-boxes-variation-section .svg-wrapper.mobile {
  position: absolute;
  top: 4px !important;
  left: -120px !important;
  width: 455px !important;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section .svg-wrapper.mobile {
    display: none;
  }
}
.heading-boxes-variation-section .boxes-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  left: 0;
  top: 0;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section .boxes-wrapper {
    position: absolute;
    flex-direction: row;
  }
}
.heading-boxes-variation-section .boxes-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  background: linear-gradient(269deg, #73d956 0.47%, #0e55de 99.08%);
  width: 100%;
  height: calc(100% + 8px);
}
.heading-boxes-variation-section .boxes-wrapper .box-1 {
  position: relative;
  width: 100%;
  padding-block: 44px;
  padding-inline: 24px;
  background-color: white;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section .boxes-wrapper .box-1 {
    width: fit-content;
    padding-block: 65px;
    padding-inline: 65px;
  }
}
.heading-boxes-variation-section .boxes-wrapper .box-1 .inner-content {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section .boxes-wrapper .box-1 .inner-content {
    flex-direction: row;
    gap: 24px;
  }
}
.heading-boxes-variation-section .boxes-wrapper .box-1 .inner-content .content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: #0e55de;
  max-width: 242px;
}
.heading-boxes-variation-section .boxes-wrapper .box-1 .inner-content .content svg {
  width: fit-content;
  height: 64.5px;
}
.heading-boxes-variation-section .boxes-wrapper .box-1 .inner-content .content .text {
  font-family: "F37 Moon";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 0;
}
.heading-boxes-variation-section .boxes-wrapper .box-2 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 90px;
  padding-inline: 24px;
  background-color: #73d956;
  color: #212a4e;
  display: none;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section .boxes-wrapper .box-2 {
    padding-block: 55px;
    padding-inline: 36px;
  }
}
.heading-boxes-variation-section .boxes-wrapper .box-2 .heading {
  font-family: "F37 Moon";
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  max-width: 332px;
  margin-bottom: 0;
}
.heading-boxes-variation-section .container {
  position: relative;
  padding-inline: 24px;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section .container {
    padding-inline: 90px;
  }
}
.heading-boxes-variation-section .container .svg-wrapper.mobile {
  opacity: 0.5;
  top: 0;
  left: 0;
  right: auto;
}
.heading-boxes-variation-section .container .content-block {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  gap: 65px;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section .container .content-block {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: -50px;
    gap: 0;
  }
}
.heading-boxes-variation-section .container .content-block .heading {
  font-family: "F37 Moon";
  max-width: 690px;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.heading-boxes-variation-section .container .content-block p.stat {
  margin-bottom: 0;
  font-family: "F37 Moon";
  margin-top: 35px;
  align-self: flex-end;
  color: #ebebeb;
  opacity: 0.2;
  font-size: 120px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section .container .content-block p.stat {
    font-size: 300px;
    margin-top: 0;
  }
}
.heading-boxes-variation-section .container-intro {
  color: white;
  background-color: #0e55de;
  padding-block: 30px 0;
  padding-inline: 24px;
}
@media (min-width: 1200px) {
  .heading-boxes-variation-section .container-intro {
    padding-block: 90px;
    padding-inline: 300px 90px;
  }
}
.heading-boxes-variation-section .container-intro .content-wrapper {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section .container-intro .content-wrapper {
    gap: 60px;
    flex-direction: row;
  }
}
.heading-boxes-variation-section .container-intro .content-wrapper .small-heading {
  color: white;
  font-family: "F37 Moon";
  max-width: 535px;
  color: white;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.heading-boxes-variation-section .container-intro .content-wrapper .small-heading::before {
  position: absolute;
  content: url('data:image/svg+xml,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-123 5.5L7 5.49999" stroke="white" stroke-width="0.585502" stroke-miterlimit="10"/><path d="M17.2583 5.25369C17.2583 2.51587 15.0388 0.296439 12.301 0.296439C9.56321 0.296439 7.34375 2.51588 7.34375 5.25369C7.34375 7.9915 9.56321 10.2109 12.301 10.2109C15.0388 10.2109 17.2583 7.9915 17.2583 5.25369Z" stroke="white" stroke-width="0.585502" stroke-miterlimit="10"/><path d="M10.7539 5.25408C10.7539 6.11282 11.4487 6.7998 12.2996 6.7998C13.1505 6.7998 13.8531 6.10501 13.8531 5.25408C13.8531 4.40315 13.1584 3.70835 12.2996 3.70835C11.4409 3.70835 10.7539 4.40315 10.7539 5.25408Z" fill="%237EC34D"/></svg>');
  left: 0;
}
@media (min-width: 1200px) {
  .heading-boxes-variation-section .container-intro .content-wrapper .small-heading::before {
    content: url('data:image/svg+xml,<svg width="268" height="21" viewBox="0 0 268 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M247 10L2.58977e-07 10" stroke="white" stroke-width="1.171" stroke-miterlimit="10"/><path d="M247.485 10.4926C247.485 15.9682 251.924 20.4071 257.4 20.4071C262.876 20.4071 267.314 15.9682 267.314 10.4926C267.314 5.017 262.876 0.578125 257.4 0.578125C251.924 0.578125 247.485 5.017 247.485 10.4926Z" stroke="white" stroke-width="1.171" stroke-miterlimit="10"/><path d="M260.492 10.4918C260.492 8.77437 259.103 7.40039 257.401 7.40039C255.699 7.40039 254.294 8.78998 254.294 10.4918C254.294 12.1937 255.683 13.5833 257.401 13.5833C259.118 13.5833 260.492 12.1937 260.492 10.4918Z" fill="%237EC34D"/></svg>');
  }
}
.heading-boxes-variation-section .container-intro .content-wrapper h4.text {
  font-family: "F37 Moon";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 24px;
  color: white;
}
.heading-boxes-variation-section.variant {
  background: #ebebeb;
  color: #212a4e;
}
.heading-boxes-variation-section.variant .svg-wrapper {
  left: 0;
}
.heading-boxes-variation-section.variant .svg-wrapper.desktop {
  opacity: 0.5;
  top: 150px;
  right: 0;
  position: absolute;
  width: 900px;
  height: 1070px;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section.variant .svg-wrapper.desktop {
    display: block;
  }
}
.heading-boxes-variation-section.variant .svg-wrapper.mobile {
  opacity: 0.5;
  position: absolute !important;
  right: -280px !important;
  left: auto !important;
  width: 530px !important;
  top: 40px !important;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section.variant .svg-wrapper.mobile {
    display: none;
  }
}
.heading-boxes-variation-section.variant .boxes-wrapper {
  position: relative;
}
.heading-boxes-variation-section.variant .boxes-wrapper::before {
  content: none;
}
.heading-boxes-variation-section.variant .boxes-wrapper .box-1 {
  background-color: #212a4e;
  color: white;
  padding-inline: 24px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section.variant .boxes-wrapper .box-1 {
    align-items: center;
    padding-inline: 165px;
    flex-direction: row;
    gap: 0;
  }
}
.heading-boxes-variation-section.variant .boxes-wrapper .box-1 svg {
  width: auto;
  height: auto;
  padding-right: 12px;
}
.heading-boxes-variation-section.variant .boxes-wrapper .box-1 p.text {
  color: white;
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  max-width: 275px;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section.variant .boxes-wrapper .box-1 p.text {
    max-width: 175px;
    border-left: 1px #0e55de solid;
    padding-left: 12px;
    padding-block: 10px;
  }
}
.heading-boxes-variation-section.variant .container {
  padding-block: 0 45px;
}
.heading-boxes-variation-section.variant .container .content-block {
  flex-direction: column;
  align-items: flex-start;
}
.heading-boxes-variation-section.variant .container .content-block .stat {
  align-self: flex-start;
  margin-top: 35px;
  color: #212a4e;
  opacity: 0.2;
  margin-bottom: 65px;
}
@media (min-width: 991px) {
  .heading-boxes-variation-section.variant .container .content-block .stat {
    margin-bottom: 28px;
  }
}
.heading-boxes-variation-section.variant .container .content-block .heading {
  letter-spacing: 0;
  color: #212a4e;
  max-width: 525px;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.heading-boxes-variation-section.variant .container-intro {
  padding-block: 0 0;
  background-color: #ebebeb;
  color: #212a4e;
}
.heading-boxes-variation-section.variant .container-intro .small-heading {
  color: #212a4e;
  font-family: "F37 Moon";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.heading-boxes-variation-section.variant .container-intro .small-heading::before {
  position: absolute;
  content: url('data:image/svg+xml,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Group"><path id="Vector" d="M-122.75 5.75L7.25 5.74999" stroke="%23212A4E" stroke-width="0.585502" stroke-miterlimit="10"/><path id="Vector_2" d="M17.5083 5.50369C17.5083 2.76587 15.2888 0.546439 12.551 0.546439C9.81321 0.546439 7.59375 2.76588 7.59375 5.50369C7.59375 8.2415 9.81321 10.4609 12.551 10.4609C15.2888 10.4609 17.5083 8.2415 17.5083 5.50369Z" stroke="%23212A4E" stroke-width="0.585502" stroke-miterlimit="10"/><path id="Vector_3" d="M11.0039 5.50506C11.0039 6.36379 11.6987 7.05078 12.5496 7.05078C13.4005 7.05078 14.1031 6.35599 14.1031 5.50506C14.1031 4.65413 13.4084 3.95933 12.5496 3.95933C11.6909 3.95933 11.0039 4.65413 11.0039 5.50506Z" fill="%237EC34D"/></g></svg>');
  left: 0;
}
@media (min-width: 1200px) {
  .heading-boxes-variation-section.variant .container-intro .small-heading::before {
    content: url('data:image/svg+xml,<svg width="268" height="22" viewBox="0 0 268 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 11.9766L247 11.9765" stroke="%23212A4E" stroke-width="1.171" stroke-miterlimit="10"/><path d="M267.515 11.4839C267.515 6.00831 263.076 1.56944 257.6 1.56944C252.124 1.56944 247.686 6.00831 247.686 11.4839C247.686 16.9596 252.124 21.3984 257.6 21.3984C263.076 21.3984 267.515 16.9596 267.515 11.4839Z" stroke="%23212A4E" stroke-width="1.171" stroke-miterlimit="10"/><path d="M254.508 11.4847C254.508 13.2022 255.897 14.5762 257.599 14.5762C259.301 14.5762 260.706 13.1866 260.706 11.4847C260.706 9.78286 259.317 8.39327 257.599 8.39327C255.882 8.39327 254.508 9.78286 254.508 11.4847Z" fill="%2373D956"/></svg>');
  }
}
.heading-boxes-variation-section.variant .container-intro .content-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.heading-boxes-variation-section.variant .container-intro .content-block p.text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.intro-heading-section {
  background-color: #212a4e;
  color: white;
}
.intro-heading-section lottie-player {
  opacity: 0.5;
  position: absolute;
  z-index: 2;
  top: 20px;
  height: 730px;
  width: 610px;
  left: -350px;
}
@media (min-width: 991px) {
  .intro-heading-section lottie-player {
    z-index: 2;
    height: 1000px;
    width: 680px;
    left: 0;
    top: 0;
  }
}
.intro-heading-section.variation {
  background-color: #0e55de;
  color: white;
}
.intro-heading-section.variation lottie-player {
  opacity: 0.5;
  position: absolute;
  z-index: 2;
  top: 0;
  height: 370px;
  width: 480px;
  left: -200px;
}
@media (min-width: 991px) {
  .intro-heading-section.variation lottie-player {
    z-index: 2;
    height: 430px;
    width: 560px;
    left: 0;
    top: 0;
  }
}
.intro-heading-section .container {
  padding-block: 80px 60px;
  padding-inline: 24px;
}
@media (min-width: 768px) {
  .intro-heading-section .container {
    padding-block: 65px 135px;
    padding-inline: 90px;
  }
}
.intro-heading-section .container .heading-block {
  display: flex;
  flex-direction: column-reverse;
  gap: 60px;
}
@media (min-width: 991px) {
  .intro-heading-section .container .heading-block {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.intro-heading-section .container .heading-block .heading {
  font-family: "F37 Moon";
  max-width: 400px;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 0;
  color: white;
  letter-spacing: 0;
  text-transform: none;
}
.intro-heading-section .container .heading-block .stat {
  margin-bottom: 0;
  font-family: "F37 Moon";
  align-self: flex-end;
  color: rgba(255, 255, 255, 0.2);
  font-size: 120px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
@media (min-width: 991px) {
  .intro-heading-section .container .heading-block .stat {
    font-size: 300px;
  }
}
.intro-heading-section .container-intro {
  color: white;
  background-color: #212a4e;
  padding-block: 0 30px;
  padding-inline: 24px;
}
@media (min-width: 1200px) {
  .intro-heading-section .container-intro {
    padding-block: 40px 80px;
    padding-inline: 300px 90px;
  }
}
.intro-heading-section .container-intro .content-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .intro-heading-section .container-intro .content-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
.intro-heading-section .container-intro .content-wrapper .small-heading {
  font-family: "F37 Moon";
  color: white;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.intro-heading-section .container-intro .content-wrapper .small-heading::before {
  position: absolute;
  content: url('data:image/svg+xml,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-123 5.5L7 5.49999" stroke="white" stroke-width="0.585502" stroke-miterlimit="10"/><path d="M17.2583 5.25369C17.2583 2.51587 15.0388 0.296439 12.301 0.296439C9.56321 0.296439 7.34375 2.51588 7.34375 5.25369C7.34375 7.9915 9.56321 10.2109 12.301 10.2109C15.0388 10.2109 17.2583 7.9915 17.2583 5.25369Z" stroke="white" stroke-width="0.585502" stroke-miterlimit="10"/><path d="M10.7539 5.25408C10.7539 6.11282 11.4487 6.7998 12.2996 6.7998C13.1505 6.7998 13.8531 6.10501 13.8531 5.25408C13.8531 4.40315 13.1584 3.70835 12.2996 3.70835C11.4409 3.70835 10.7539 4.40315 10.7539 5.25408Z" fill="%237EC34D"/></svg>');
  left: 0;
}
@media (min-width: 1200px) {
  .intro-heading-section .container-intro .content-wrapper .small-heading::before {
    content: url('data:image/svg+xml,<svg width="268" height="21" viewBox="0 0 268 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M247 10L2.58977e-07 10" stroke="white" stroke-width="1.171" stroke-miterlimit="10"/><path d="M247.485 10.4926C247.485 15.9682 251.924 20.4071 257.4 20.4071C262.876 20.4071 267.314 15.9682 267.314 10.4926C267.314 5.017 262.876 0.578125 257.4 0.578125C251.924 0.578125 247.485 5.017 247.485 10.4926Z" stroke="white" stroke-width="1.171" stroke-miterlimit="10"/><path d="M260.492 10.4918C260.492 8.77437 259.103 7.40039 257.401 7.40039C255.699 7.40039 254.294 8.78998 254.294 10.4918C254.294 12.1937 255.683 13.5833 257.401 13.5833C259.118 13.5833 260.492 12.1937 260.492 10.4918Z" fill="%237EC34D"/></svg>');
  }
}
.intro-heading-section .container-intro .content-wrapper .text-block p.text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.intro-heading-section .container-intro .content-wrapper .text-block p.text:not(:last-of-type) {
  margin-bottom: 24px;
}

.four-cards-section {
  background-color: #0e55de;
}
.four-cards-section .container {
  padding-block: 60px;
  padding-inline: 24px;
}
@media (min-width: 991px) {
  .four-cards-section .container {
    padding-block: 80px;
    padding-inline: 90px;
  }
}
.four-cards-section .container .cards-wrapper {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .four-cards-section .container .cards-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .four-cards-section .container .cards-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
.four-cards-section .container .cards-wrapper .card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.four-cards-section .container .cards-wrapper .card .img-cover-block {
  aspect-ratio: 1 / 1;
  transform: scale(1);
  transition: transform 0.25s ease;
}
@media (min-width: 573px) {
  .four-cards-section .container .cards-wrapper .card .img-cover-block {
    aspect-ratio: 12/5;
  }
}
@media (min-width: 768px) {
  .four-cards-section .container .cards-wrapper .card .img-cover-block {
    aspect-ratio: 5/4;
  }
}
@media (min-width: 1200px) {
  .four-cards-section .container .cards-wrapper .card .img-cover-block {
    aspect-ratio: 7/10;
  }
}
@media (min-width: 1400px) {
  .four-cards-section .container .cards-wrapper .card .img-cover-block {
    aspect-ratio: 12/11;
  }
}
.four-cards-section .container .cards-wrapper .card .img-cover-block::after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
  margin: auto;
}
.four-cards-section .container .cards-wrapper .card:hover .img-cover-block,
.four-cards-section .container .cards-wrapper .card:focus .img-cover-block {
  transform: scale(1.25);
}
.four-cards-section .container .cards-wrapper .card:hover .content .inner-content,
.four-cards-section .container .cards-wrapper .card:focus .content .inner-content {
  transform: translateY(0);
  top: 0;
}
.four-cards-section .container .cards-wrapper .card:hover .content .hoverable-text,
.four-cards-section .container .cards-wrapper .card:focus .content .hoverable-text {
  opacity: 1;
}
.four-cards-section .container .cards-wrapper .card .content .inner-content {
  position: absolute;
  padding: 24px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  transition: all 0.25s ease;
}
.four-cards-section .container .cards-wrapper .card .content .inner-content .text {
  margin-bottom: 0;
  font-family: "F37 Moon";
  color: white;
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (min-width: 573px) {
  .four-cards-section .container .cards-wrapper .card .content .inner-content .text {
    max-width: 195px;
  }
}
.four-cards-section .container .cards-wrapper .card .content .hoverable-text {
  margin-bottom: 0;
  font-family: "F37 Moon";
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.illustrations-section {
  background-color: #0e55de;
}
@media (min-width: 991px) {
  .illustrations-section .container {
    padding-inline: 90px;
  }
}
.illustrations-section .container .content-block {
  padding-inline: 24px;
  padding-block: 48px;
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 24px;
}
@media (min-width: 991px) {
  .illustrations-section .container .content-block {
    gap: 80px;
    grid-template-columns: 1fr 1fr;
    border-radius: 48px 0px 0px 0px;
    padding-inline: 60px;
    padding-block: 48px 160px;
  }
}
.illustrations-section .container .content-block .img-cover-block {
  aspect-ratio: 56/50;
}
.illustrations-section .container .content-block .text {
  font-family: "F37 Moon";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: white;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .illustrations-section .container .content-block .text {
    font-size: 32px;
  }
}
.illustrations-section .container .content-block .text span {
  color: #73d956;
}
.illustrations-section .container .boxes-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-inline: 24px;
  padding-block: 50px 75px;
}
.illustrations-section .container .boxes-block .img-cover-block {
  aspect-ratio: 82/33;
}
@media (min-width: 991px) {
  .illustrations-section .container .boxes-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex-direction: column;
    gap: 24px;
    padding-inline: 86px;
    padding-block: 0 50px;
    margin-top: -63px;
  }
}
@media (min-width: 1200px) {
  .illustrations-section .container .boxes-block {
    margin-top: -82.5px;
  }
}
@media (min-width: 1400) {
  .illustrations-section .container .boxes-block {
    margin-top: -110;
  }
}

.heading-text-flags-section {
  background-color: white;
  color: #212a4e;
}
@media (min-width: 768px) {
  .heading-text-flags-section {
    background-color: #0e55de;
  }
}
@media (min-width: 768px) {
  .heading-text-flags-section .container {
    padding-block: 40px 0;
    padding-inline: 24px;
  }
}
@media (min-width: 991px) {
  .heading-text-flags-section .container {
    padding-inline: 90px;
  }
}
.heading-text-flags-section .container .content-wrapper {
  background-color: white;
  padding-block: 80px;
  padding-inline: 24px;
  position: relative;
}
@media (min-width: 768px) {
  .heading-text-flags-section .container .content-wrapper {
    border-radius: 48px 0px 0px 0px;
  }
}
@media (min-width: 991px) {
  .heading-text-flags-section .container .content-wrapper {
    padding-inline: 48px;
  }
}
.heading-text-flags-section .container .content-wrapper .heading-block {
  margin-bottom: 48px;
}
@media (min-width: 991px) {
  .heading-text-flags-section .container .content-wrapper .heading-block {
    padding-inline: 172.5px 0;
  }
}
.heading-text-flags-section .container .content-wrapper .heading-block .heading {
  color: #212a4e;
  font-family: "F37 Moon";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 26px;
}
.heading-text-flags-section .container .content-wrapper .heading-block .heading::before {
  position: absolute;
  content: url('data:image/svg+xml,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Group"><path id="Vector" d="M-122.75 5.75L7.25 5.74999" stroke="%23212A4E" stroke-width="0.585502" stroke-miterlimit="10"/><path id="Vector_2" d="M17.5083 5.50369C17.5083 2.76587 15.2888 0.546439 12.551 0.546439C9.81321 0.546439 7.59375 2.76588 7.59375 5.50369C7.59375 8.2415 9.81321 10.4609 12.551 10.4609C15.2888 10.4609 17.5083 8.2415 17.5083 5.50369Z" stroke="%23212A4E" stroke-width="0.585502" stroke-miterlimit="10"/><path id="Vector_3" d="M11.0039 5.50506C11.0039 6.36379 11.6987 7.05078 12.5496 7.05078C13.4005 7.05078 14.1031 6.35599 14.1031 5.50506C14.1031 4.65413 13.4084 3.95933 12.5496 3.95933C11.6909 3.95933 11.0039 4.65413 11.0039 5.50506Z" fill="%237EC34D"/></g></svg>');
  left: 0;
}
@media (min-width: 991px) {
  .heading-text-flags-section .container .content-wrapper .heading-block .heading::before {
    content: url('data:image/svg+xml,<svg width="188" height="22" viewBox="0 0 188 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-642.667 12L167.179 11.9999" stroke="%23212A4E" stroke-width="1.171" stroke-miterlimit="10"/><path d="M187.009 11.0074C187.009 5.53175 182.514 1.09288 176.97 1.09288C171.426 1.09288 166.932 5.53175 166.932 11.0074C166.932 16.483 171.426 20.9219 176.97 20.9219C182.514 20.9219 187.009 16.483 187.009 11.0074Z" stroke="%23212A4E" stroke-width="1.171" stroke-miterlimit="10"/><path d="M173.84 11.0082C173.84 12.7256 175.247 14.0996 176.97 14.0996C178.693 14.0996 180.116 12.71 180.116 11.0082C180.116 9.3063 178.709 7.91671 176.97 7.91671C175.231 7.91671 173.84 9.3063 173.84 11.0082Z" fill="%237EC34D"/></svg>');
  }
}
.heading-text-flags-section .container .content-wrapper .content-block-wrapper .content-block {
  padding-block: 48px;
  border-radius: 24px;
  padding-inline: 24px;
  background-color: #ebebeb;
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .heading-text-flags-section .container .content-wrapper .content-block-wrapper .content-block {
    padding-inline: 48px;
  }
}
.heading-text-flags-section
  .container
  .content-wrapper
  .content-block-wrapper
  .content-block
  > p.text {
  font-family: "F37 Moon";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 48px;
}
.heading-text-flags-section
  .container
  .content-wrapper
  .content-block-wrapper
  .content-block
  .inner-block {
  border-radius: 24px;
  background-color: #73d956;
  padding-block: 40px;
  padding-inline: 24px;
  display: flex;
  gap: 24px;
  align-items: flex-start;
  flex-direction: column-reverse;
}
@media (min-width: 573px) {
  .heading-text-flags-section
    .container
    .content-wrapper
    .content-block-wrapper
    .content-block
    .inner-block {
    align-items: center;
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .heading-text-flags-section
    .container
    .content-wrapper
    .content-block-wrapper
    .content-block
    .inner-block {
    padding-block: 60px;
  }
}
.heading-text-flags-section
  .container
  .content-wrapper
  .content-block-wrapper
  .content-block
  .inner-block
  > p.text {
  font-family: "F37 Moon";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.heading-text-flags-section .container .content-wrapper .content-block-wrapper .text-block p.text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.heading-text-flags-section
  .container
  .content-wrapper
  .content-block-wrapper
  .text-block
  p.text:not(:last-of-type) {
  margin-bottom: 24px;
}

.heading-text-columns-section .container-intro {
  color: white;
  background-color: #0e55de;
  padding-block: 30px 60px;
  padding-inline: 24px;
}
@media (min-width: 1200px) {
  .heading-text-columns-section .container-intro {
    padding-block: 90px;
    padding-inline: 300px 90px;
  }
}
.heading-text-columns-section .container-intro .content-wrapper .small-heading {
  font-family: "F37 Moon";
  color: white;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 24px;
}
.heading-text-columns-section .container-intro .content-wrapper .small-heading::before {
  position: absolute;
  content: url('data:image/svg+xml,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-123 5.5L7 5.49999" stroke="white" stroke-width="0.585502" stroke-miterlimit="10"/><path d="M17.2583 5.25369C17.2583 2.51587 15.0388 0.296439 12.301 0.296439C9.56321 0.296439 7.34375 2.51588 7.34375 5.25369C7.34375 7.9915 9.56321 10.2109 12.301 10.2109C15.0388 10.2109 17.2583 7.9915 17.2583 5.25369Z" stroke="white" stroke-width="0.585502" stroke-miterlimit="10"/><path d="M10.7539 5.25408C10.7539 6.11282 11.4487 6.7998 12.2996 6.7998C13.1505 6.7998 13.8531 6.10501 13.8531 5.25408C13.8531 4.40315 13.1584 3.70835 12.2996 3.70835C11.4409 3.70835 10.7539 4.40315 10.7539 5.25408Z" fill="%237EC34D"/></svg>');
  left: 0;
}
@media (min-width: 1200px) {
  .heading-text-columns-section .container-intro .content-wrapper .small-heading::before {
    content: url('data:image/svg+xml,<svg width="268" height="21" viewBox="0 0 268 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M247 10L2.58977e-07 10" stroke="white" stroke-width="1.171" stroke-miterlimit="10"/><path d="M247.485 10.4926C247.485 15.9682 251.924 20.4071 257.4 20.4071C262.876 20.4071 267.314 15.9682 267.314 10.4926C267.314 5.017 262.876 0.578125 257.4 0.578125C251.924 0.578125 247.485 5.017 247.485 10.4926Z" stroke="white" stroke-width="1.171" stroke-miterlimit="10"/><path d="M260.492 10.4918C260.492 8.77437 259.103 7.40039 257.401 7.40039C255.699 7.40039 254.294 8.78998 254.294 10.4918C254.294 12.1937 255.683 13.5833 257.401 13.5833C259.118 13.5833 260.492 12.1937 260.492 10.4918Z" fill="%237EC34D"/></svg>');
  }
}
.heading-text-columns-section .container-intro .content-wrapper p.text {
  font-family: "F37 Moon";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.heading-text-columns-section .container-intro .content-wrapper .boxes {
  color: #212a4e;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-block: 60px;
}
@media (min-width: 768px) {
  .heading-text-columns-section .container-intro .content-wrapper .boxes {
    grid-template-columns: repeat(2, 1fr);
  }
}
.heading-text-columns-section .container-intro .content-wrapper .boxes .box {
  border-radius: 24px;
  padding-block: 48px;
  padding-inline: 24px;
  background-color: white;
}
@media (min-width: 768px) {
  .heading-text-columns-section .container-intro .content-wrapper .boxes .box {
    padding-inline: 48px;
  }
}
.heading-text-columns-section .container-intro .content-wrapper .boxes .box p.text {
  font-family: "F37 Moon";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}
@media (min-width: 768px) {
  .heading-text-columns-section .container-intro .content-wrapper .boxes .box p.text {
    font-size: 24px;
  }
}
.heading-text-columns-section .container-intro .content-wrapper .content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .heading-text-columns-section .container-intro .content-wrapper .content {
    grid-template-columns: repeat(2, 1fr);
  }
}
.heading-text-columns-section .container-intro .content-wrapper .content > .content-block p.text {
  font-family: "F37 Moon";
  margin-bottom: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
@media (min-width: 768px) {
  .heading-text-columns-section .container-intro .content-wrapper .content > .content-block p.text {
    font-size: 20px;
  }
}

.background-heading-text-graphs-section {
  color: white;
  background-color: #212a4e;
}
@media (min-width: 768px) {
  .background-heading-text-graphs-section {
    background-color: #0e55de;
  }
}
@media (min-width: 768px) {
  .background-heading-text-graphs-section .container {
    padding-block: 0 60px;
    padding-inline: 24px;
  }
}
@media (min-width: 991px) {
  .background-heading-text-graphs-section .container {
    padding-block: 0 90px;
    padding-inline: 80px;
  }
}
.background-heading-text-graphs-section .container .content-wrapper {
  position: relative;
  padding-inline: 24px;
  padding-block: 48px;
  background-color: #212a4e;
}
@media (min-width: 768px) {
  .background-heading-text-graphs-section .container .content-wrapper {
    padding-inline: 48px;
    border-radius: 48px 0px 0px 0px;
  }
}
.background-heading-text-graphs-section .container .content-wrapper .heading {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  font-family: "F37 Moon";
  margin-bottom: 24px;
  color: white;
}
.background-heading-text-graphs-section .container .content-wrapper .heading::before {
  position: absolute;
  left: 0;
  content: url('data:image/svg+xml,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-123 5.5L7 5.49999" stroke="white" stroke-width="0.585502" stroke-miterlimit="10"/><path d="M17.2583 5.25369C17.2583 2.51587 15.0388 0.296439 12.301 0.296439C9.56321 0.296439 7.34375 2.51588 7.34375 5.25369C7.34375 7.9915 9.56321 10.2109 12.301 10.2109C15.0388 10.2109 17.2583 7.9915 17.2583 5.25369Z" stroke="white" stroke-width="0.585502" stroke-miterlimit="10"/><path d="M10.7539 5.25408C10.7539 6.11282 11.4487 6.7998 12.2996 6.7998C13.1505 6.7998 13.8531 6.10501 13.8531 5.25408C13.8531 4.40315 13.1584 3.70835 12.2996 3.70835C11.4409 3.70835 10.7539 4.40315 10.7539 5.25408Z" fill="%237EC34D"/></svg>');
}
@media (min-width: 768px) {
  .background-heading-text-graphs-section .container .content-wrapper .heading::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="39" height="22" viewBox="0 0 39 22" fill="none"><path d="M-2 12L18 12" stroke="white" stroke-width="1.171" stroke-miterlimit="10"/><path d="M38.5085 11.0074C38.5085 5.53175 34.0142 1.09288 28.4701 1.09288C22.9261 1.09288 18.4316 5.53175 18.4316 11.0074C18.4316 16.483 22.9261 20.9219 28.4701 20.9219C34.0142 20.9219 38.5085 16.483 38.5085 11.0074Z" stroke="white" stroke-width="1.171" stroke-miterlimit="10"/><path d="M25.3398 11.0082C25.3398 12.7256 26.7468 14.0996 28.4699 14.0996C30.193 14.0996 31.6158 12.71 31.6158 11.0082C31.6158 9.3063 30.2088 7.91671 28.4699 7.91671C26.731 7.91671 25.3398 9.3063 25.3398 11.0082Z" fill="%237EC34D"/></svg>');
  }
}
.background-heading-text-graphs-section .container .content-wrapper > p.text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 24px;
}
.background-heading-text-graphs-section .container .content-wrapper .dataset-wrapper > p.text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-align: center;
  padding-block: 48px;
}
.background-heading-text-graphs-section
  .container
  .content-wrapper
  .dataset-wrapper
  .inner-wrapper {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .background-heading-text-graphs-section
    .container
    .content-wrapper
    .dataset-wrapper
    .inner-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .background-heading-text-graphs-section
    .container
    .content-wrapper
    .dataset-wrapper
    .inner-wrapper
    .dataset:first-of-type {
    padding-right: 24px;
    border-right: 1px solid white;
  }
  .background-heading-text-graphs-section
    .container
    .content-wrapper
    .dataset-wrapper
    .inner-wrapper
    .dataset:last-of-type {
    padding-left: 24px;
  }
}
.background-heading-text-graphs-section
  .container
  .content-wrapper
  .dataset-wrapper
  .inner-wrapper
  .dataset
  p.text {
  font-family: "F37 Moon";
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 30px;
}
.background-heading-text-graphs-section
  .container
  .content-wrapper
  .dataset-wrapper
  .inner-wrapper
  .dataset
  .img-cover-block {
  aspect-ratio: 12/7;
}
.background-heading-text-graphs-section
  .container
  .content-wrapper
  .dataset-wrapper
  .inner-wrapper
  .dataset
  .img-cover-block:first-of-type {
  aspect-ratio: 127/103;
}

.six-cards-section {
  background-color: #212a4e;
  color: white;
}
.six-cards-section .container {
  padding-inline: 24px;
}
@media (min-width: 991px) {
  .six-cards-section .container {
    padding-inline: 90px;
  }
}
.six-cards-section .container .cards-wrapper {
  padding-block: 0 45px;
  border-bottom: 1px solid white;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .six-cards-section .container .cards-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 991px) {
  .six-cards-section .container .cards-wrapper {
    padding-block: 0 80px;
  }
}
@media (min-width: 1200px) {
  .six-cards-section .container .cards-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
.six-cards-section .container .cards-wrapper .card {
  border-radius: 24px 0px 0px 0px;
  padding: 24px;
  display: flex;
  position: relative;
  justify-content: space-between;
  flex-direction: column;
  background-color: white;
  color: #212a4e;
  min-height: 310px;
  transition: all 0.25s ease;
}

@media (min-width: 573px) {
  .six-cards-section .container .cards-wrapper .card {
    min-height: 200px;
  }
}
@media (min-width: 1200px) {
  .six-cards-section .container .cards-wrapper .card {
    min-height: 260px;
  }
}
.six-cards-section .container .cards-wrapper .card:hover,
.six-cards-section .container .cards-wrapper .card:focus {
  background-color: #0e55de;
}
.six-cards-section .container .cards-wrapper .card:hover p.text,
.six-cards-section .container .cards-wrapper .card:focus p.text {
  color: #73d956;
  transform: translateY(-270px);
}
@media (min-width: 573px) {
  .six-cards-section .container .cards-wrapper .card:hover p.text,
  .six-cards-section .container .cards-wrapper .card:focus p.text {
    color: #73d956;
    transform: translateY(-176px);
  }
}
@media (min-width: 1200px) {
  .six-cards-section .container .cards-wrapper .card:hover p.text,
  .six-cards-section .container .cards-wrapper .card:focus p.text {
    transform: translateY(-236px);
  }
}
.six-cards-section .container .cards-wrapper .card:hover .svg-wrapper,
.six-cards-section .container .cards-wrapper .card:focus .svg-wrapper {
  opacity: 0;
}
.six-cards-section .container .cards-wrapper .card:hover p.hoverable-text,
.six-cards-section .container .cards-wrapper .card:focus p.hoverable-text {
  opacity: 1;
}
.six-cards-section .container .cards-wrapper .card p.text {
  font-family: "F37 Moon";
  margin-bottom: 0;
  position: absolute;
  bottom: 24px;
  top: auto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  transition: all 0.25s ease;
  color: #212a4e;
  max-width: calc(100% - 48px);
}
.six-cards-section .container .cards-wrapper .card .svg-wrapper {
  position: absolute;
  top: 24px;
  opacity: 1;
  transition: opacity 0.25s ease;
}
.six-cards-section .container .cards-wrapper .card p.hoverable-text {
  margin-bottom: 0;
  font-family: "F37 Moon";
  color: white;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  opacity: 0;
  transition: opacity 0.25s ease;
  bottom: 24px;
  position: absolute;
  width: calc(100% - 48px);
}

.stats-graph-section {
  background-color: #212a4e;
  color: white;
}
.stats-graph-section .container {
  padding-inline: 24px;
  padding-block: 65px 90px;
}
@media (min-width: 991px) {
  .stats-graph-section .container {
    padding-inline: 90px;
    padding-block: 80px;
  }
}
.stats-graph-section .container .data-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px;
}
@media (min-width: 768px) {
  .stats-graph-section .container .data-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 991px) {
  .stats-graph-section .container .data-wrapper {
    grid-template-columns: 1fr 1.7fr;
  }
}
.stats-graph-section .container .data-wrapper .stats-block {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 48px;
}
@media (min-width: 768px) {
  .stats-graph-section .container .data-wrapper .stats-block {
    gap: 0;
  }
}
.stats-graph-section .container .data-wrapper .stats-block .stat {
  max-width: 430px;
}
.stats-graph-section .container .data-wrapper .stats-block .stat .svg-wrapper {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .stats-graph-section .container .data-wrapper .stats-block .stat .svg-wrapper {
    margin-bottom: 24px;
  }
}
.stats-graph-section .container .data-wrapper .stats-block .stat p.text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.stats-graph-section .container .data-wrapper .graph-block {
  padding-top: 50px;
  border-top: 1px solid white;
}
@media (min-width: 768px) {
  .stats-graph-section .container .data-wrapper .graph-block {
    border-top: none;
    padding-top: 0;
  }
}
.stats-graph-section .container .data-wrapper .graph-block p.text {
  font-family: "F37 Moon";
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .stats-graph-section .container .data-wrapper .graph-block p.text {
    margin-bottom: 48px;
  }
}
.stats-graph-section .container .data-wrapper .graph-block .img-cover-block {
  aspect-ratio: 127/104;
}

.intro-heading-variation-section {
  background-color: white;
  color: #212a4e;
}
.intro-heading-variation-section lottie-player {
  opacity: 0.5;
  position: absolute;
  height: 280px;
  width: 420px;
}
@media (min-width: 991px) {
  .intro-heading-variation-section lottie-player {
    position: absolute;
    height: 460px;
    width: 660px;
    right: 0;
  }
}
.intro-heading-variation-section .container {
  position: relative;
  z-index: 10;
  padding-block: 30px 45px;
  padding-inline: 24px;
}
@media (min-width: 991px) {
  .intro-heading-variation-section .container {
    padding-inline: 90px;
    padding-block: 45px 50px;
  }
}
.intro-heading-variation-section .container .heading-block {
  display: flex;
  flex-direction: column;
  gap: 65px;
}
@media (min-width: 678px) {
  .intro-heading-variation-section .container .heading-block {
    gap: 30px;
  }
}
.intro-heading-variation-section .container .heading-block p.stat {
  font-family: "F37 Moon";
  color: #ebebeb;
  font-size: 120px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 0;
}
@media (min-width: 678px) {
  .intro-heading-variation-section .container .heading-block p.stat {
    font-size: 300px;
  }
}
.intro-heading-variation-section .container .heading-block h2.heading {
  color: #212a4e;
  font-family: "F37 Moon";
  max-width: 570px;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 0;
  text-transform: none;
  letter-spacing: 0;
}

.heading-paragraph-variation-section {
  color: #212a4e;
}
.heading-paragraph-variation-section .container {
  padding-block: 60px;
  padding-inline: 24px;
}
@media (min-width: 1200px) {
  .heading-paragraph-variation-section .container {
    padding-block: 80px;
    padding-inline: 300px 90px;
  }
}
.heading-paragraph-variation-section .container .content-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .heading-paragraph-variation-section .container .content-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 991px) {
  .heading-paragraph-variation-section .container .content-block {
    margin-bottom: 80px;
  }
}
.heading-paragraph-variation-section .container .content-block h4.heading {
  font-family: "F37 Moon";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: #212a4e;
}
.heading-paragraph-variation-section .container .content-block h4.heading::before {
  position: absolute;
  content: url('data:image/svg+xml,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Group"><path id="Vector" d="M-122.75 5.75L7.25 5.74999" stroke="%23212A4E" stroke-width="0.585502" stroke-miterlimit="10"/><path id="Vector_2" d="M17.5083 5.50369C17.5083 2.76587 15.2888 0.546439 12.551 0.546439C9.81321 0.546439 7.59375 2.76588 7.59375 5.50369C7.59375 8.2415 9.81321 10.4609 12.551 10.4609C15.2888 10.4609 17.5083 8.2415 17.5083 5.50369Z" stroke="%23212A4E" stroke-width="0.585502" stroke-miterlimit="10"/><path id="Vector_3" d="M11.0039 5.50506C11.0039 6.36379 11.6987 7.05078 12.5496 7.05078C13.4005 7.05078 14.1031 6.35599 14.1031 5.50506C14.1031 4.65413 13.4084 3.95933 12.5496 3.95933C11.6909 3.95933 11.0039 4.65413 11.0039 5.50506Z" fill="%237EC34D"/></g></svg>');
  left: 0;
}
@media (min-width: 1200px) {
  .heading-paragraph-variation-section .container .content-block h4.heading::before {
    content: url('data:image/svg+xml,<svg width="268" height="22" viewBox="0 0 268 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 11.9766L247 11.9765" stroke="%23212A4E" stroke-width="1.171" stroke-miterlimit="10"/><path d="M267.515 11.4839C267.515 6.00831 263.076 1.56944 257.6 1.56944C252.124 1.56944 247.686 6.00831 247.686 11.4839C247.686 16.9596 252.124 21.3984 257.6 21.3984C263.076 21.3984 267.515 16.9596 267.515 11.4839Z" stroke="%23212A4E" stroke-width="1.171" stroke-miterlimit="10"/><path d="M254.508 11.4847C254.508 13.2022 255.897 14.5762 257.599 14.5762C259.301 14.5762 260.706 13.1866 260.706 11.4847C260.706 9.78286 259.317 8.39327 257.599 8.39327C255.882 8.39327 254.508 9.78286 254.508 11.4847Z" fill="%2373D956"/></svg>');
  }
}
@media (min-width: 991px) {
  .heading-paragraph-variation-section .container .content-block h4.heading {
    font-size: 24px;
  }
}
.heading-paragraph-variation-section .container .content-block .text-block p.text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 24px;
}
.heading-paragraph-variation-section .container .graph-block p.text {
  font-family: "F37 Moon";
  text-align: center;
  margin-bottom: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.heading-paragraph-variation-section .container .graph-block .img-cover-block {
  aspect-ratio: 21/8;
}

.heading-four-boxes-section {
  color: #212a4e;
}
.heading-four-boxes-section .container {
  padding-block: 0 60px;
  padding-inline: 24px;
}
@media (min-width: 1200px) {
  .heading-four-boxes-section .container {
    padding-block: 60px 80px;
    padding-inline: 300px 90px;
  }
}
.heading-four-boxes-section .container .content-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 768px) {
  .heading-four-boxes-section .container .content-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.heading-four-boxes-section .container .content-block h4.heading {
  font-family: "F37 Moon";
  max-width: 560px;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: #212a4e;
}
.heading-four-boxes-section .container .content-block h4.heading::before {
  position: absolute;
  content: url('data:image/svg+xml,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Group"><path id="Vector" d="M-122.75 5.75L7.25 5.74999" stroke="%23212A4E" stroke-width="0.585502" stroke-miterlimit="10"/><path id="Vector_2" d="M17.5083 5.50369C17.5083 2.76587 15.2888 0.546439 12.551 0.546439C9.81321 0.546439 7.59375 2.76588 7.59375 5.50369C7.59375 8.2415 9.81321 10.4609 12.551 10.4609C15.2888 10.4609 17.5083 8.2415 17.5083 5.50369Z" stroke="%23212A4E" stroke-width="0.585502" stroke-miterlimit="10"/><path id="Vector_3" d="M11.0039 5.50506C11.0039 6.36379 11.6987 7.05078 12.5496 7.05078C13.4005 7.05078 14.1031 6.35599 14.1031 5.50506C14.1031 4.65413 13.4084 3.95933 12.5496 3.95933C11.6909 3.95933 11.0039 4.65413 11.0039 5.50506Z" fill="%237EC34D"/></g></svg>');
  left: 0;
}
@media (min-width: 1200px) {
  .heading-four-boxes-section .container .content-block h4.heading::before {
    content: url('data:image/svg+xml,<svg width="268" height="22" viewBox="0 0 268 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 11.9766L247 11.9765" stroke="%23212A4E" stroke-width="1.171" stroke-miterlimit="10"/><path d="M267.515 11.4839C267.515 6.00831 263.076 1.56944 257.6 1.56944C252.124 1.56944 247.686 6.00831 247.686 11.4839C247.686 16.9596 252.124 21.3984 257.6 21.3984C263.076 21.3984 267.515 16.9596 267.515 11.4839Z" stroke="%23212A4E" stroke-width="1.171" stroke-miterlimit="10"/><path d="M254.508 11.4847C254.508 13.2022 255.897 14.5762 257.599 14.5762C259.301 14.5762 260.706 13.1866 260.706 11.4847C260.706 9.78286 259.317 8.39327 257.599 8.39327C255.882 8.39327 254.508 9.78286 254.508 11.4847Z" fill="%2373D956"/></svg>');
  }
}
@media (min-width: 991px) {
  .heading-four-boxes-section .container .content-block h4.heading {
    font-size: 24px;
  }
}
.heading-four-boxes-section .container .content-block .boxes-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
}
@media (min-width: 573px) {
  .heading-four-boxes-section .container .content-block .boxes-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
.heading-four-boxes-section .container .content-block .boxes-wrapper .box {
  border-radius: 24px 0px 0px 0px;
  padding: 24px;
  background-color: #212a4e;
}
.heading-four-boxes-section .container .content-block .boxes-wrapper .box p.text {
  font-family: "F37 Moon";
  color: white;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 24px;
}
.heading-four-boxes-section .container .content-block .boxes-wrapper .box p.text span {
  color: #73d956;
}

.box-graph-section {
  color: #212a4e;
  background-color: white;
}
@media (min-width: 991px) {
  .box-graph-section .container {
    padding-inline: 90px;
    padding-block: 0 90px;
  }
}
.box-graph-section .graphs-wrapper {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%),
    #ebebeb;
  padding-inline: 24px;
  padding-block: 48px;
}
@media (min-width: 768px) {
  .box-graph-section .graphs-wrapper {
    padding-inline: 56px;
  }
}
@media (min-width: 991px) {
  .box-graph-section .graphs-wrapper {
    border-radius: 48px;
  }
}
.box-graph-section .graphs-wrapper h1.heading {
  font-family: "F37 Moon";
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  text-align: center;
  margin-bottom: 48px;
}
@media (min-width: 991px) {
  .box-graph-section .graphs-wrapper h1.heading {
    font-size: 48px;
  }
}
.box-graph-section .graphs-wrapper .inner-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 768px) {
  .box-graph-section .graphs-wrapper .inner-wrapper {
    display: grid;
    grid-template-columns: 1fr 2.2fr;
  }
}
.box-graph-section .graphs-wrapper .inner-wrapper .box-1,
.box-graph-section .graphs-wrapper .inner-wrapper .box-2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 768px) {
  .box-graph-section .graphs-wrapper .inner-wrapper .box-1,
  .box-graph-section .graphs-wrapper .inner-wrapper .box-2 {
    justify-content: space-between;
  }
}
.box-graph-section .graphs-wrapper .inner-wrapper .box-1 p.text,
.box-graph-section .graphs-wrapper .inner-wrapper .box-2 p.text {
  font-family: "F37 Moon";
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.box-graph-section .graphs-wrapper .inner-wrapper .box-1 .img-cover-block {
  aspect-ratio: 35/43;
}
.box-graph-section .graphs-wrapper .inner-wrapper .box-2 .img-cover-block {
  aspect-ratio: 25/13;
}

.content-accordions-section {
  background-color: #0e55de;
  color: white;
}
.content-accordions-section .container-intro {
  padding-block: 30px 40px;
  padding-inline: 24px;
}
@media (min-width: 1200px) {
  .content-accordions-section .container-intro {
    padding-block: 80px;
    padding-inline: 300px 90px;
  }
}
.content-accordions-section .container-intro .content-wrapper .small-heading {
  font-family: "F37 Moon";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 24px;
}
.content-accordions-section .container-intro .content-wrapper .small-heading::before {
  position: absolute;
  content: url('data:image/svg+xml,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-123 5.5L7 5.49999" stroke="white" stroke-width="0.585502" stroke-miterlimit="10"/><path d="M17.2583 5.25369C17.2583 2.51587 15.0388 0.296439 12.301 0.296439C9.56321 0.296439 7.34375 2.51588 7.34375 5.25369C7.34375 7.9915 9.56321 10.2109 12.301 10.2109C15.0388 10.2109 17.2583 7.9915 17.2583 5.25369Z" stroke="white" stroke-width="0.585502" stroke-miterlimit="10"/><path d="M10.7539 5.25408C10.7539 6.11282 11.4487 6.7998 12.2996 6.7998C13.1505 6.7998 13.8531 6.10501 13.8531 5.25408C13.8531 4.40315 13.1584 3.70835 12.2996 3.70835C11.4409 3.70835 10.7539 4.40315 10.7539 5.25408Z" fill="%237EC34D"/></svg>');
  left: 0;
}
@media (min-width: 1200px) {
  .content-accordions-section .container-intro .content-wrapper .small-heading::before {
    content: url('data:image/svg+xml,<svg width="268" height="21" viewBox="0 0 268 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M247 10L2.58977e-07 10" stroke="white" stroke-width="1.171" stroke-miterlimit="10"/><path d="M247.485 10.4926C247.485 15.9682 251.924 20.4071 257.4 20.4071C262.876 20.4071 267.314 15.9682 267.314 10.4926C267.314 5.017 262.876 0.578125 257.4 0.578125C251.924 0.578125 247.485 5.017 247.485 10.4926Z" stroke="white" stroke-width="1.171" stroke-miterlimit="10"/><path d="M260.492 10.4918C260.492 8.77437 259.103 7.40039 257.401 7.40039C255.699 7.40039 254.294 8.78998 254.294 10.4918C254.294 12.1937 255.683 13.5833 257.401 13.5833C259.118 13.5833 260.492 12.1937 260.492 10.4918Z" fill="%237EC34D"/></svg>');
  }
}
.content-accordions-section .container-intro .content-wrapper > .boxes-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-bottom: 44px;
}
@media (min-width: 573px) {
  .content-accordions-section .container-intro .content-wrapper > .boxes-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .content-accordions-section .container-intro .content-wrapper > .boxes-wrapper {
    margin-bottom: 60px;
  }
}
@media (min-width: 991px) {
  .content-accordions-section .container-intro .content-wrapper > .boxes-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
.content-accordions-section .container-intro .content-wrapper > .boxes-wrapper .box p.heading {
  font-family: "F37 Moon";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 24px;
}
.content-accordions-section .container-intro .content-wrapper > .boxes-wrapper .box p.text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.content-accordions-section .container-intro .content-wrapper .accordions-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-bottom: 45px;
}
@media (min-width: 768px) {
  .content-accordions-section .container-intro .content-wrapper .accordions-wrapper {
    margin-bottom: 60px;
  }
}
.content-accordions-section .container-intro .content-wrapper .accordions-wrapper .accordion {
  background-color: transparent;
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion.js-active
  .accordion-heading
  .plusminus::before,
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion:focus
  .accordion-heading
  .plusminus::before {
  opacity: 0;
  transform: translateY(-50%) rotate(-90deg);
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion.js-active
  .accordion-heading
  .plusminus::after,
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion:focus
  .accordion-heading
  .plusminus::after {
  transform: translateY(-50%) rotate(0);
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion.js-active
  .accordion-text,
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion:focus
  .accordion-text {
  grid-template-rows: 1fr;
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion
  .accordion-heading {
  min-height: 60px;
  background-color: white;
  color: #212a4e;
  height: fit-content;
  padding: 24px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion
  .accordion-heading
  .heading-block {
  display: flex;
  align-items: center;
  gap: 24px;
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion
  .accordion-heading
  .heading-block
  .heading {
  color: #212a4e;
  margin-bottom: 0;
  font-family: "F37 Moon";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion
  .accordion-heading
  .plusminus {
  width: 36px;
  height: 36px;
  position: relative;
  cursor: pointer;
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion
  .accordion-heading
  .plusminus::before,
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion
  .accordion-heading
  .plusminus::after {
  background-color: #0e55de;
  display: block;
  width: 100%;
  height: 1.5px;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  transition: 0.25s;
  content: "";
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion
  .accordion-heading
  .plusminus::before {
  transform: translateY(-50%);
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion
  .accordion-heading
  .plusminus::after {
  transform: translateY(-50%) rotate(90deg);
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion
  .accordion-text {
  display: grid;
  transition: grid-template-rows 0.25s ease;
  grid-template-rows: 0fr;
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion
  .accordion-text
  .accordion-inner-wrapper {
  overflow: hidden;
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion
  .accordion-text
  .accordion-inner-wrapper
  .accordion-boxes-wrapper {
  padding-top: 24px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
}
@media (min-width: 573px) {
  .content-accordions-section
    .container-intro
    .content-wrapper
    .accordions-wrapper
    .accordion
    .accordion-text
    .accordion-inner-wrapper
    .accordion-boxes-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 991px) {
  .content-accordions-section
    .container-intro
    .content-wrapper
    .accordions-wrapper
    .accordion
    .accordion-text
    .accordion-inner-wrapper
    .accordion-boxes-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion
  .accordion-text
  .accordion-inner-wrapper
  .accordion-boxes-wrapper
  .box {
  padding: 24px;
  border-radius: 24px;
  border: 1px solid white;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion
  .accordion-text
  .accordion-inner-wrapper
  .accordion-boxes-wrapper
  .box
  p.heading {
  font-family: "F37 Moon";
  color: #73d956;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 0;
}
.content-accordions-section
  .container-intro
  .content-wrapper
  .accordions-wrapper
  .accordion
  .accordion-text
  .accordion-inner-wrapper
  .accordion-boxes-wrapper
  .box
  p.text {
  margin-bottom: 0;
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.content-accordions-section .container-intro .content-wrapper .download-block .heading {
  color: white;
  font-family: "F37 Moon";
  margin-bottom: 24px;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.two-graphs-section {
  background-color: #ebebeb;
}
.two-graphs-section .container {
  padding-block: 40px 80px;
}
@media (min-width: 768px) {
  .two-graphs-section .container {
    padding-inline: 24px;
  }
}
@media (min-width: 991px) {
  .two-graphs-section .container {
    padding-block: 80px;
    padding-inline: 90px;
  }
}
.two-graphs-section .container .inner-wrapper {
  background-color: white;
  color: #212a4e;
  padding-inline: 24px;
  padding-block: 48px;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 768px) {
  .two-graphs-section .container .inner-wrapper {
    border-radius: 48px 0px 0px 0px;
  }
}
@media (min-width: 991px) {
  .two-graphs-section .container .inner-wrapper {
    padding-inline: 90px;
  }
}
.two-graphs-section .container .graph-wrapper p.text {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-align: center;
  margin-bottom: 24px;
}
.two-graphs-section .container .graph-wrapper .img-cover-block {
  aspect-ratio: 107/45;
}

.data-section .container-intro {
  color: white;
  background-color: #212a4e;
  padding-block: 0 30px;
  padding-inline: 24px;
}
@media (min-width: 1200px) {
  .data-section .container-intro {
    padding-block: 40px 80px;
    padding-inline: 300px 90px;
  }
}
.data-section .container-intro .content-wrapper .small-heading {
  font-family: "F37 Moon";
  color: white;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.data-section .container-intro .content-wrapper .small-heading::before {
  position: absolute;
  content: url('data:image/svg+xml,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-123 5.5L7 5.49999" stroke="white" stroke-width="0.585502" stroke-miterlimit="10"/><path d="M17.2583 5.25369C17.2583 2.51587 15.0388 0.296439 12.301 0.296439C9.56321 0.296439 7.34375 2.51588 7.34375 5.25369C7.34375 7.9915 9.56321 10.2109 12.301 10.2109C15.0388 10.2109 17.2583 7.9915 17.2583 5.25369Z" stroke="white" stroke-width="0.585502" stroke-miterlimit="10"/><path d="M10.7539 5.25408C10.7539 6.11282 11.4487 6.7998 12.2996 6.7998C13.1505 6.7998 13.8531 6.10501 13.8531 5.25408C13.8531 4.40315 13.1584 3.70835 12.2996 3.70835C11.4409 3.70835 10.7539 4.40315 10.7539 5.25408Z" fill="%237EC34D"/></svg>');
  left: 0;
}
@media (min-width: 1200px) {
  .data-section .container-intro .content-wrapper .small-heading::before {
    content: url('data:image/svg+xml,<svg width="268" height="21" viewBox="0 0 268 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M247 10L2.58977e-07 10" stroke="white" stroke-width="1.171" stroke-miterlimit="10"/><path d="M247.485 10.4926C247.485 15.9682 251.924 20.4071 257.4 20.4071C262.876 20.4071 267.314 15.9682 267.314 10.4926C267.314 5.017 262.876 0.578125 257.4 0.578125C251.924 0.578125 247.485 5.017 247.485 10.4926Z" stroke="white" stroke-width="1.171" stroke-miterlimit="10"/><path d="M260.492 10.4918C260.492 8.77437 259.103 7.40039 257.401 7.40039C255.699 7.40039 254.294 8.78998 254.294 10.4918C254.294 12.1937 255.683 13.5833 257.401 13.5833C259.118 13.5833 260.492 12.1937 260.492 10.4918Z" fill="%237EC34D"/></svg>');
  }
}
.data-section .container-intro .card-boxes-wrapper {
  padding-block: 60px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .data-section .container-intro .card-boxes-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 991px) {
  .data-section .container-intro .card-boxes-wrapper {
    grid-template-columns: repeat(3, 1fr);
    padding-block: 80px;
  }
}
.data-section .container-intro .card-boxes-wrapper .card-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.data-section .container-intro .card-boxes-wrapper .card-box .card {
  position: relative;
  border-radius: 48px 0px 0px 0px;
  min-height: 420px;
  padding: 24px;
  background-color: #0e55de;
  color: white;
  transition: background-color 0.25s ease;
}
@media (min-width: 1200px) {
  .data-section .container-intro .card-boxes-wrapper .card-box .card {
    min-height: 470px;
  }
}
@media (min-width: 1400px) {
  .data-section .container-intro .card-boxes-wrapper .card-box .card {
    min-height: 420px;
  }
}
.data-section .container-intro .card-boxes-wrapper .card-box .card:hover,
.data-section .container-intro .card-boxes-wrapper .card-box .card:focus {
  background-color: #73d956;
  color: #212a4e;
}
.data-section .container-intro .card-boxes-wrapper .card-box .card:hover .svg-wrapper,
.data-section .container-intro .card-boxes-wrapper .card-box .card:focus .svg-wrapper {
  opacity: 0;
}
.data-section .container-intro .card-boxes-wrapper .card-box .card:hover .svg-wrapper.hoverable,
.data-section .container-intro .card-boxes-wrapper .card-box .card:focus .svg-wrapper.hoverable {
  opacity: 1;
}
.data-section .container-intro .card-boxes-wrapper .card-box .card:hover .content-hoverable,
.data-section .container-intro .card-boxes-wrapper .card-box .card:focus .content-hoverable {
  opacity: 1;
}
.data-section .container-intro .card-boxes-wrapper .card-box .card:hover h3.text,
.data-section .container-intro .card-boxes-wrapper .card-box .card:focus h3.text {
  top: 150px;
  transform: translateY(0);
}
.data-section .container-intro .card-boxes-wrapper .card-box .card .svg-wrapper {
  position: absolute;
  top: 24px;
  right: 24px;
  opacity: 1;
  transition: all 0.25s ease;
}
.data-section .container-intro .card-boxes-wrapper .card-box .card .svg-wrapper.hoverable {
  opacity: 0;
  transition: all 0.25s ease;
}
.data-section .container-intro .card-boxes-wrapper .card-box .card h3.text {
  margin-bottom: 0;
  position: absolute;
  width: calc(100% - 48px);
  font-family: "F37 Moon";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.25s ease;
}
.data-section .container-intro .card-boxes-wrapper .card-box .card > .content-hoverable {
  color: #212a4e;
  position: absolute;
  bottom: 24px;
  width: calc(100% - 48px);
  display: flex;
  flex-direction: column;
  gap: 24px;
  opacity: 0;
  transition: all 0.25s ease;
}
.data-section
  .container-intro
  .card-boxes-wrapper
  .card-box
  .card
  > .content-hoverable
  .content
  > p.sub-heading {
  margin-bottom: 0;
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.data-section
  .container-intro
  .card-boxes-wrapper
  .card-box
  .card
  > .content-hoverable
  .content
  > p.text {
  margin-bottom: 0;
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}
.data-section .container-intro .card-boxes-wrapper .card-box .box {
  position: relative;
  background-color: rgba(255, 255, 255, 0.05);
  color: white;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 145px;
  padding: 24px;
  border-radius: 24px;
}
.data-section .container-intro .card-boxes-wrapper .card-box .box::before {
  position: absolute;
  transform: translateX(-50%);
  top: -16px;
  left: 50%;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" viewBox="0 0 32 16" fill="none"><path d="M31.5393 15.9766H0.794174L16.1667 0.604014L31.5393 15.9766Z" fill="white" fill-opacity="0.05"/></svg>');
}
.data-section .container-intro .card-boxes-wrapper .card-box .box h4.heading {
  color: white;
  font-family: "F37 Moon";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 0;
}
.data-section .container-intro .card-boxes-wrapper .card-box .box ul {
  list-style: square;
  margin-block: 0;
  margin: 0;
  margin-left: 25px;
  padding: 0;
}
.data-section .container-intro .card-boxes-wrapper .card-box .box ul li {
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.data-section .container-intro .card-boxes-wrapper .card-box:nth-of-type(2) .box {
  background-color: rgba(255, 255, 255, 0.1);
}
.data-section .container-intro .card-boxes-wrapper .card-box:nth-of-type(2) .box::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="31" height="16" viewBox="0 0 31 16" fill="none"><path d="M30.8726 15.9766H0.127457L15.5 0.604014L30.8726 15.9766Z" fill="white" fill-opacity="0.1"/></svg>');
}
.data-section .container-intro .plain-cards-wrapper {
  padding-block: 60px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .data-section .container-intro .plain-cards-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 991px) {
  .data-section .container-intro .plain-cards-wrapper {
    grid-template-columns: repeat(3, 1fr);
    padding-block: 80px;
  }
}
.data-section .container-intro .plain-cards-wrapper .plain-card {
  background-color: white;
  color: #212a4e;
  position: relative;
  padding: 24px;
  border-radius: 48px 0px 0px 0px;
  min-height: 340px;
}
@media (min-width: 450px) {
  .data-section .container-intro .plain-cards-wrapper .plain-card {
    min-height: 290px;
  }
}
@media (min-width: 768px) {
  .data-section .container-intro .plain-cards-wrapper .plain-card {
    min-height: 320px;
  }
}
@media (min-width: 991px) {
  .data-section .container-intro .plain-cards-wrapper .plain-card {
    min-height: 330px;
  }
}
@media (min-width: 1200px) {
  .data-section .container-intro .plain-cards-wrapper .plain-card {
    min-height: 500px;
  }
}
@media (min-width: 1400px) {
  .data-section .container-intro .plain-cards-wrapper .plain-card {
    min-height: 470px;
  }
}
.data-section .container-intro .plain-cards-wrapper .plain-card:hover,
.data-section .container-intro .plain-cards-wrapper .plain-card:focus {
  background-color: #0e55de;
  color: white;
}
.data-section .container-intro .plain-cards-wrapper .plain-card:hover .heading,
.data-section .container-intro .plain-cards-wrapper .plain-card:focus .heading {
  top: 48px;
  transform: translateY(0);
}
@media (min-width: 991px) {
  .data-section .container-intro .plain-cards-wrapper .plain-card:hover .heading,
  .data-section .container-intro .plain-cards-wrapper .plain-card:focus .heading {
    top: 24px;
  }
}
@media (min-width: 1200px) {
  .data-section .container-intro .plain-cards-wrapper .plain-card:hover .heading,
  .data-section .container-intro .plain-cards-wrapper .plain-card:focus .heading {
    top: 48px;
  }
}
.data-section .container-intro .plain-cards-wrapper .plain-card:hover p.text,
.data-section .container-intro .plain-cards-wrapper .plain-card:focus p.text {
  opacity: 1;
}
.data-section .container-intro .plain-cards-wrapper .plain-card .heading {
  margin-bottom: 0;
  font-family: "F37 Moon";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  position: absolute;
  top: 50%;
  width: calc(100% - 48px);
  transform: translateY(-50%);
  transition: all 0.25s ease;
}
.data-section .container-intro .plain-cards-wrapper .plain-card .text {
  margin-bottom: 0;
  opacity: 0;
  position: absolute;
  bottom: 24px;
  width: calc(100% - 48px);
  font-family: "F37 Moon";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  transition: opacity 0.25s ease;
}
.data-section .container-intro .country-boxes-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.data-section .container-intro .country-boxes-wrapper > p.text {
  font-family: "F37 Moon";
  text-align: center;
  color: white;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.data-section .container-intro .country-boxes-wrapper .country-box {
  background-color: #73d956;
  display: flex;
  gap: 24px;
  padding-block: 40px;
  padding-inline: 24px;
  flex-direction: column-reverse;
  border-radius: 24px;
}
@media (min-width: 768px) {
  .data-section .container-intro .country-boxes-wrapper .country-box {
    align-items: center;
    padding-block: 60px;
    flex-direction: row;
  }
}
.data-section .container-intro .country-boxes-wrapper .country-box p.text {
  font-family: "F37 Moon";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: #212a4e;
}

.banner-cta-section {
  color: white;
  background-color: #0e55de;
}
.banner-cta-section .container {
  padding-inline: 24px;
  padding-block: 48px;
}
@media (min-width: 991px) {
  .banner-cta-section .container {
    padding-inline: 90px;
  }
}
.banner-cta-section .container .content-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
}
@media (min-width: 768px) {
  .banner-cta-section .container .content-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
.banner-cta-section .container .content-wrapper .content .heading {
  font-family: "F37 Moon";
  margin-bottom: 8px;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}
.banner-cta-section .container .content-wrapper .content .text {
  font-family: "F37 Moon";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.banner-cta-section .container .content-wrapper .cta a {
  font-family: "F37 Moon";
}
@media (min-width: 768px) {
  .banner-cta-section .container .content-wrapper .cta a {
    width: 100%;
    justify-content: center;
  }
}

.banner-contact-section {
  background-color: #73d956;
  color: #212a4e;
}
.banner-contact-section .container {
  padding-inline: 24px;
  padding-block: 48px;
}
@media (min-width: 991px) {
  .banner-contact-section .container {
    padding-inline: 90px;
  }
}
.banner-contact-section .container .content-wrapper {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .banner-contact-section .container .content-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
.banner-contact-section .container .content-wrapper .content {
  padding-bottom: 48px;
  border-bottom: 1px solid #212a4e;
}
@media (min-width: 768px) {
  .banner-contact-section .container .content-wrapper .content {
    padding-bottom: 0;
    border-bottom: none;
    padding-right: 48px;
    border-right: 1px solid #212a4e;
  }
}
.banner-contact-section .container .content-wrapper .content .heading {
  font-family: "F37 Moon";
  max-width: 500px;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 8px;
}
.banner-contact-section .container .content-wrapper .content .text {
  font-family: "F37 Moon";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.banner-contact-section .container .content-wrapper .contact-wrapper {
  padding-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (min-width: 768px) {
  .banner-contact-section .container .content-wrapper .contact-wrapper {
    padding-top: 0;
    padding-left: 48px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.banner-contact-section .container .content-wrapper .contact-wrapper .contact .text {
  font-family: "F37 Moon";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 31.381px;
}
.banner-contact-section .container .content-wrapper .contact-wrapper .contact a {
  font-family: "F37 Moon";
  color: #212a4e;
  text-decoration: none;
  transition: color 0.25s ease;
}
.banner-contact-section .container .content-wrapper .contact-wrapper .contact a:hover,
.banner-contact-section .container .content-wrapper .contact-wrapper .contact afocus {
  color: white;
}

.hero-banner-section {
  overflow: hidden;
  background-color: #212a4e;
  color: white;
  height: 120dvh;
}
@media (min-width: 420px) {
  .hero-banner-section {
    height: 110dvh;
  }
}
@media (min-width: 768px) {
  .hero-banner-section {
    max-height: 768px;
  }
}

.hero-banner-section lottie-player {
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  right: -290px;
  width: fit-content;
}
@media (min-width: 991px) {
  .hero-banner-section lottie-player {
    right: 0;
  }
}
.hero-banner-section .container {
  height: 100%;
  position: relative;
  padding-block: 0 24px;
  padding-inline: 24px;
}
@media (min-width: 991px) {
  .hero-banner-section .container {
    padding-inline: 90px;
  }
}
.hero-banner-section .container .btn-wrapper {
  position: relative;
  width: calc(100% + 48px);
}
@media (min-width: 768px) {
  .hero-banner-section .container .btn-wrapper {
    width: auto;
  }
}
.hero-banner-section .container .btn-wrapper .download-btn {
  position: absolute;
  top: 0;
  right: 24px;
  padding-block: 28px;
  padding-inline: 24px;
  color: #212a4e;
  background-color: #73d956;
  display: flex;
  gap: 8px;
  border-radius: 0px 0px 24px 24px;
  text-decoration: none;
  font-family: "F37 Moon";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: all 0.25s ease;
  width: calc(100% - 48px);
  justify-content: center;
}
@media (min-width: 768px) {
  .hero-banner-section .container .btn-wrapper .download-btn {
    border-radius: 0px 0px 0px 24px;
    justify-content: flex-start;
    width: auto;
    right: 0;
  }
}
.hero-banner-section .container .btn-wrapper .download-btn:hover,
.hero-banner-section .container .btn-wrapper .download-btn:focus {
  background-color: #212a4e;
  color: white;
}

.hero-banner-section .container .content-wrapper {
  display: grid;
  flex-direction: column;
  width: 100%;
  height: auto;
}

@media (max-width: 1199px) {
  .hero-banner-section .container .content-wrapper {
    height: 100%;
  }
}


.hero-banner-section .container .content-wrapper .content {
  margin-top: 38px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: fit-content;
  align-self: flex-end;
}
.hero-banner-section .container .content-wrapper .content .heading {
  font-family: "F37 Moon";
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  max-width: 660px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .hero-banner-section .container .content-wrapper .content .heading {
    font-size: 60px;
  }
}
.hero-banner-section .container .content-wrapper .content .heading span {
  color: #73d956;
}
.hero-banner-section .container .content-wrapper .content .sub-heading {
  color: white;
  max-width: 640px;
  font-family: "F37 Moon";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .hero-banner-section .container .content-wrapper .content .sub-heading {
    font-size: 24px;
  }
}
.hero-banner-section .container .swiper.hero-slider {
  align-self: flex-end;
  height: fit-content;
  width: 100%;
}
@media (min-width: 991px) {
  .hero-banner-section .container .swiper.hero-slider {
    display: none;
  }
}
.hero-banner-section .container .swiper.hero-slider .swiper-wrapper {
  align-items: flex-end;
}
.hero-banner-section .container .swiper.hero-slider .swiper-wrapper .swiper-slide {
  margin-bottom: 24px;
  transition: width 0.25s ease;
}
.hero-banner-section
  .container
  .swiper.hero-slider
  .swiper-wrapper
  .swiper-slide
  .all-content-wrapper
  .content-wrapper {
  transition: opacity 0.05s ease;
  opacity: 0;
  display: grid;
  gap: 12px;
  grid-template-columns: 1.3fr 1.7fr;
  padding-bottom: 12px;
}
.hero-banner-section
  .container
  .swiper.hero-slider
  .swiper-wrapper
  .swiper-slide
  .all-content-wrapper
  .content-wrapper
  .img-cover-block {
  aspect-ratio: 13/11;
}
.hero-banner-section
  .container
  .swiper.hero-slider
  .swiper-wrapper
  .swiper-slide
  .all-content-wrapper
  .content-wrapper
  .content-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.hero-banner-section
  .container
  .swiper.hero-slider
  .swiper-wrapper
  .swiper-slide
  .all-content-wrapper
  .content-wrapper
  .content-block
  h4.heading {
  color: white;
  font-family: "F37 Moon";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
}
.hero-banner-section
  .container
  .swiper.hero-slider
  .swiper-wrapper
  .swiper-slide
  .all-content-wrapper
  .content-wrapper
  .content-block
  a.link {
  display: flex;
  color: white;
  font-family: "F37 Moon";
  gap: 8px;
  text-decoration: none;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.hero-banner-section
  .container
  .swiper.hero-slider
  .swiper-wrapper
  .swiper-slide
  .all-content-wrapper
  .number {
  border-top: 4px solid #f9f9f9;
  opacity: 0.5;
  color: #f9f9f9;
  font-family: "F37 Moon";
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  padding-top: 9px;
  line-height: 120%;
  transition: opacity 0.25s ease;
  margin-bottom: 0;
}
.hero-banner-section
  .container
  .swiper.hero-slider
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .all-content-wrapper
  .content-wrapper {
  opacity: 1 !important;
}
.hero-banner-section
  .container
  .swiper.hero-slider
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .all-content-wrapper
  .number {
  opacity: 1 !important;
  border-top: 4px solid white !important;
  color: white !important;
}
.hero-banner-section .container .custom-slider-wrapper {
  display: none;
  gap: 24px;
  align-items: flex-end;
}
@media (min-width: 991px) {
  .hero-banner-section .container .custom-slider-wrapper {
    display: flex;
    max-height: 330px;
  }
}
.hero-banner-section .container .custom-slider-wrapper .slide {
  margin-bottom: 24px;
  width: 56px !important;
  transition: width 0.15s ease;
}
.hero-banner-section
  .container
  .custom-slider-wrapper
  .slide
  .all-content-wrapper
  .content-wrapper {
  transition: opacity 0.25s ease 0.15s;
  opacity: 0;
  display: grid;
  gap: 12px;
  grid-template-columns: 1.3fr 1.7fr;
  padding-bottom: 12px;
}
.hero-banner-section
  .container
  .custom-slider-wrapper
  .slide
  .all-content-wrapper
  .content-wrapper
  .img-cover-block {
  aspect-ratio: 13/11;
}
.hero-banner-section
  .container
  .custom-slider-wrapper
  .slide
  .all-content-wrapper
  .content-wrapper
  .content-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.hero-banner-section
  .container
  .custom-slider-wrapper
  .slide
  .all-content-wrapper
  .content-wrapper
  .content-block
  h4.heading {
  color: white;
  font-family: "F37 Moon";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
}
.hero-banner-section
  .container
  .custom-slider-wrapper
  .slide
  .all-content-wrapper
  .content-wrapper
  .content-block
  a.link {
  display: flex;
  color: white;
  font-family: "F37 Moon";
  gap: 8px;
  text-decoration: none;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  pointer-events: none;
}
.hero-banner-section .container .custom-slider-wrapper .slide .all-content-wrapper .number {
  border-top: 4px solid #f9f9f9;
  opacity: 0.5;
  color: #f9f9f9;
  font-family: "F37 Moon";
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  padding-top: 9px;
  line-height: 120%;
  transition: opacity 0.125s ease;
  margin-bottom: 0;
}
.hero-banner-section .container .custom-slider-wrapper .slide .all-content-wrapper .number:hover {
  opacity: 1;
  cursor: pointer;
}
.hero-banner-section .container .custom-slider-wrapper .slide.js-active {
  width: 430px !important;
}
.hero-banner-section
  .container
  .custom-slider-wrapper
  .slide.js-active
  .all-content-wrapper
  .content-wrapper {
  opacity: 1 !important;
}
.hero-banner-section
  .container
  .custom-slider-wrapper
  .slide.js-active
  .all-content-wrapper
  .content-wrapper
  .content-block
  a.link {
  pointer-events: all;
}
.hero-banner-section
  .container
  .custom-slider-wrapper
  .slide.js-active
  .all-content-wrapper
  .number {
  opacity: 1 !important;
  border-top: 4px solid white !important;
  color: white !important;
}
.hero-banner-section .container .custom-slider-wrapper .slide.js-deactivated {
  transition: width 0.125s ease !important;
  transition-delay: 0.125s;
}
.hero-banner-section
  .container
  .custom-slider-wrapper
  .slide.js-deactivated
  .all-content-wrapper
  .content-wrapper {
  transition: opacity 0.05s ease !important;
}

.sidebar-section {
  display: none;
  position: fixed;
  z-index: 89;
  right: 25px;
  top: 60%;
  transform: translateY(-50%);
}
@media (min-width: 1200px) {
  .sidebar-section {
    display: block;
  }
}
@media (min-width: 1400px) {
  .sidebar-section {
    right: 40px;
  }
}
.sidebar-section .sidebar-wrapper {
  display: grid;
  align-items: center;
  flex-direction: column;
  gap: 4px;
}
.sidebar-section .sidebar-wrapper .number-wrapper {
  position: relative;
  display: flex;
  gap: 15px;
  flex-direction: row-reverse;
}
.sidebar-section .sidebar-wrapper .number-wrapper a.number {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding-block: 9px;
  padding-inline: 13px;
  background-color: #212a4e;
  color: #73d956;
  border-radius: 60px;
  font-family: "F37 Moon";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: block;
  text-decoration: none;
  text-align: center;
  transition: all 0.25s ease;
  align-self: center;
}
.sidebar-section .sidebar-wrapper .number-wrapper a.number:hover {
  background-color: #73d956;
  color: #212a4e;
}
.sidebar-section .sidebar-wrapper .number-wrapper a.number:hover + .text {
  opacity: 1;
}
.sidebar-section .sidebar-wrapper .number-wrapper p.text {
  margin-bottom: 0;
  pointer-events: none;
  opacity: 0;
  position: relative;
  border-radius: 5px;
  background-color: #73d956;
  padding-block: 8px;
  padding-inline: 10px;
  max-width: 170px;
  font-family: "F37 Moon";
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: #212a4e;
  transition: opacity 0.25s ease;
}
.sidebar-section .sidebar-wrapper .number-wrapper p.text::before {
  position: absolute;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="8" viewBox="0 0 5 8" fill="none"><path d="M5 4L0 0.5V7.5L5 4Z" fill="%2373D956"/></svg>');
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
}



.custom-report-header {
  padding: 1.5em;
}



/*# sourceMappingURL=/khazna-report.css.map */