@font-face {
  font-family: "Baskervville";
  src: url("../assets/fonts/Baskervville-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Baskervville-I";
  src: url("../assets/fonts/Baskervville-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NeueMontrealRegular";
  src: url("../assets/fonts/NeueMontreal-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NB International Pro";
  src: url("../assets/fonts/NB-International-Pro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.main {
  display: flex;
  min-height: 100vh;
  padding: 80px 0px;
  padding-top: 160px;
  gap: 80px;
  background-color: #ededff;
  justify-content: center;
}
.main .cs-logo {
  background-color: #191C19;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 24px 46% 24px 13%;
}
.main .small {
  color: #29233B;
  font-family: "NB International Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 110% */
}
.main .text-side {
  width: 40%;
}
.main .text .title {
  color: #29233B;
  font-family: "NB International Pro";
  font-size: 65.6px;
  font-style: normal;
  font-weight: 400;
  line-height: 72.16px;
  /* 110% */
  letter-spacing: -1.5px;
  margin-bottom: 20px;
}
.main .text .sub-title {
  color: #29233B;
  font-family: NeueMontrealRegular;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 125% */
  letter-spacing: -0.4px;
}
.main .text .date {
  margin-bottom: 20px;
  font-style: italic;
}
.main .text .number-wrap {
  margin-top: 80px;
  display: flex;
  padding: 2.79px 0.02px 0px 0px;
  gap: 100px;
}
.main .text .number-wrap .contain {
  text-align: center;
}
.main .text .number-wrap .contain .img img {
  width: 80px;
  margin-bottom: 20px;
}
.main .text .number {
  font-family: "NB International Pro";
  font-size: 78.957px;
  font-style: normal;
  font-weight: 400;
  line-height: 82px;
  /* 103.854% */
  letter-spacing: -1.31px;
  background: linear-gradient(113deg, #14566A 6.02%, #599894 45.14%, #8ECBB4 54.13%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 40px;
}
.main .card-container .text {
  color: #29233B;
  font-family: NeueMontrealRegular;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 125% */
  margin: 30px 0;
}
.main .card-container .sub-text {
  padding: 20px;
}
.main .card-container .title {
  color: #29233B;
  font-family: "NB International Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.2px;
  /* 120% */
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.main .card-container .sub-title {
  color: #29233B;
  font-family: "NB International Pro";
  font-size: 15.125px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
  /* 137.521% */
}
.main .card-container .card {
  padding-top: 88px;
  width: 475px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.05), 0px 29px 29px 0px rgba(0, 0, 0, 0.05), 0px 64px 39px 0px rgba(0, 0, 0, 0.03), 0px 114px 46px 0px rgba(0, 0, 0, 0.01);
  overflow: hidden;
}
.main .card-container .card .controls {
  padding: 10px;
  border-top: 1px solid lightgray;
  text-align: right;
}
.main .card-container .card .controls .text {
  color: #29233B;
  font-family: "NB International Pro";
  font-size: 15.125px;
  vertical-align: middle;
  margin-right: 20px;
}
.main .card-container .card .controls img {
  cursor: pointer;
}
.main .card-container .sub-text a {
  color: #FFF;
  font-family: "NB International Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
  background-color: #16586D;
  display: inline-block;
  width: 195px;
  padding: 8px;
  border-radius: 5px;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}
.main .card-container .sub-text a img {
  background-color: #013546;
  width: 25px;
  padding: 6px;
  border-radius: 4px;
  vertical-align: top;
}

.insights {
  background: #FFF;
  box-shadow: 0px -14px 100px 0px rgba(0, 0, 0, 0.2);
}

#pdf-render {
  width: 100%;
}

@media (max-width: 990px) {
  .main .text .number-wrap {
    flex-direction: column;
  }
  .main .card-container .card {
    width: 90%;
    margin: auto;
  }
  .main .text .title {
    font-size: 50px;
    line-height: normal;
    padding-top: 0;
  }
  .main .text .title .cs-logo {
    display: none;
  }
}
.search-bar {
  padding: 30px 60px;
  position: relative;
  top: 150px;
}
.search-bar .search i {
  color: #191C19;
  font-size: 20px;
  border-radius: 50%;
  padding: 10px;
  position: absolute;
  left: 8px;
  z-index: 9;
  top: 4px;
}
.search-bar .search {
  width: 500px;
}
.search-bar .search input {
  height: 45px;
  border-radius: 40px;
  width: 500px;
  padding-left: 50px;
  position: absolute;
  top: 0;
  font-family: "NB International Pro";
  font-size: 18px;
}
.search-bar .search {
  position: relative;
}
.search-bar .search.showing #searchInput {
  width: 300px;
  opacity: 1;
}
.search-bar .search .fa-xmark {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  display: none;
  left: 450px;
}
.search-bar .search.showing .fa-xmark {
  display: initial;
}
.autocomplete-list {
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  display: none;
  width: 473px;
  top: 45px;
  z-index: 10;
  list-style: none;
  padding: 0;
  left: 14px;
}

.autocomplete-list li {
  padding: 8px 10px;
  cursor: pointer;
}

.autocomplete-list li:hover {
  background: #f0f0f0;
}

.sort-filter {
  width: 220px;
  position: absolute;
  right: -78px;
  top: 30px;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
  display: none;
}

.sort-filter select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  display: block;
  width: 100%;
  max-width: 320px;
  height: 50px;
  float: right;
  margin: 5px 0px;
  padding: 0px 24px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}

.sort-filter {
  font-family: "NB International Pro";
}
.sort-filter .menu-wrapper {
  position: relative;
  display: inline-block;
}
.sort-filter .menu-button {
  padding: 10px 16px;
  background-color: #ffffff;
  color: #191C19;
  border: 1px solid #191C19;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}
.sort-filter .menu-button:hover {
  background-color: #191C19;
  color: #ffffff;
}
.sort-filter .mat-menu {
  position: absolute;
  top: 45px;
  right: 0;
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  min-width: 240px;
  z-index: 100;
  display: none;
  animation: fadeIn 0.2s ease-in-out;
}
.sort-filter .mat-menu.show {
  display: block;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.sort-filter .section-title {
  padding: 10px 16px 4px;
  font-weight: bold;
  font-size: 15px;
  color: #191C19;
  border-bottom: 1px solid #eee;
  font-family: "NB International Pro";
}
.sort-filter .mat-checkbox,
.sort-filter .mat-radio {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  cursor: pointer;
  transition: background 0.2s;
  font-family: "NB International Pro";
  font-size: 14px;
  color: #191C19;
}
.sort-filter .mat-checkbox:hover,
.sort-filter .mat-radio:hover {
  background-color: #f7f7f7;
}
.sort-filter .mat-checkbox input,
.sort-filter .mat-radio input {
  margin-right: 10px;
}
.sort-filter .apply-btn {
  margin: 10px 16px;
  padding: 8px 12px;
  width: calc(100% - 32px);
  background-color: #ffffff;
  color: #191C19;
  border: 1px solid #191C19;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
}
.sort-filter .apply-btn:hover {
  background-color: #191C19;
  color: #ffffff;
}

body {
  background-color: #fff;
}

body::-webkit-scrollbar {
  display: none;
  /* Hides scrollbar in Chrome, Safari, Edge */
}

.navbar-dark {
  background-color: #191C19;
  padding: 0;
}
.navbar-dark .contain {
  display: flex;
  width: 100%;
  padding: 0px 18px;
  justify-content: space-between;
  align-items: center;
}
.navbar-dark .nav-link {
  color: #ffffff;
  font-size: 16px;
  margin: 0 10px;
  font-family: "NeueMontrealRegular";
}

.get-in-touch {
  height: 40px;
  padding: 5px;
  align-items: center;
  border-radius: 20px;
  background: #64FCC2;
  color: #013546 !important;
  width: 145px;
  line-height: 20px;
  cursor: pointer;
}
.get-in-touch img {
  height: 30px;
  width: 30px;
  background-color: #013546;
  border-radius: 50%;
  padding: 8px;
}

.hero {
  margin-top: 80px;
  min-height: calc(100vh - 80px);
  display: flex;
  padding: 80px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60px;
  position: relative;
}
.hero video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.hero .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.hero .text {
  color: #FFF;
  text-align: center;
  font-family: Baskervville;
  font-size: 81px;
  font-style: normal;
  font-weight: 400;
  line-height: 90px;
  letter-spacing: -4px;
  position: relative;
  z-index: 1;
}
.hero .text em {
  font-family: "Baskervville-I";
}

.about,
.kpi {
  min-height: 100vh;
  background: #CAFFEB;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about .text .title,
.kpi .text .title {
  color: var(--Color, #191C19);
  -webkit-text-stroke-width: 0.3px;
  -webkit-text-stroke-color: var(--Color, #191C19);
  font-family: NeueMontrealRegular;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 125% */
}
.about .text .sub-text,
.kpi .text .sub-text {
  color: var(--Color, #191C19);
  font-family: "NB International Pro";
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 58px;
  /* 100% */
  letter-spacing: -1.5px;
  margin: 50px 0;
}
.about .text .subtitle,
.kpi .text .subtitle {
  color: var(--Color, #191C19);
  font-family: NeueMontrealRegular;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 125% */
  letter-spacing: 0.2px;
}
.about .chart,
.kpi .chart {
  border-radius: 10px;
  width: 100%;
  padding: 25px 0;
}

.about {
  height: auto;
}
.about .about-content {
  min-height: 900px;
  display: flex;
  align-items: center;
}
.about .img-contain {
  width: 50%;
}
.about .img-contain img {
  width: 100%;
}
.about .text {
  width: 40%;
  padding: 20px;
}

.kpi {
  background-color: #ffffff;
  gap: 80px;
}
.kpi .text {
  width: 48%;
}
.kpi .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.kpi .items .text-wrap {
  width: 50%;
  margin-bottom: 30px;
  padding-right: 75px;
  color: #000;
  font-family: "NB International Pro";
  font-size: 19.531px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 133.12% */
}
.kpi .items .text-wrap h4 {
  color: #000;
  font-family: "NB International Pro";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.8px;
  /* 110% */
  letter-spacing: -0.5px;
}
.kpi .items .number {
  font-family: "NeueMontrealRegular";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1.31px;
  background: #34c759;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 40px;
  line-height: 60px;
}
.kpi .img {
  background-color: #171925;
  border-radius: 10px;
  width: 38%;
}
.kpi .img .btns span {
  background-color: #323546;
  color: #BAC0D1;
  padding: 4px 10px;
  display: inline-block;
  border-radius: 5px;
  margin: 15px 0 10px 10px;
  cursor: pointer;
}
.kpi .img .btns span.active {
  color: #fff;
}

.about-2 {
  background: url("../assets/images/5.png");
  padding: 70px;
  background-size: cover;
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.about-2 .nav-link {
  background-color: #64FCC2;
  padding: 5px 18px 5px 6px;
  border-radius: 20px;
  text-decoration: none;
  color: #013546;
  display: inline-block;
  width: auto;
  cursor: pointer;
}
.about-2 .form-group {
  margin-top: 40px;
}
.about-2 .form-group input {
  width: 290px;
  height: 43px;
  border-radius: 20px;
  background-color: #fff;
  border: none;
  padding: 0 15px;
}
.about-2 .form-group .field {
  margin: 20px 0;
}
.about-2 .form-group input::placeholder {
  color: #013546;
  font-family: "NB International Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
  opacity: 0.5;
}
.about-2 .form-group img {
  height: 30px;
  width: 30px;
  background: #013546;
  padding: 7px;
  border-radius: 50%;
  position: absolute;
  margin-left: -35px;
  margin-top: 7px;
}
.about-2 .title {
  color: #FFF;
  -webkit-text-stroke-width: 0.3px;
  -webkit-text-stroke-color: #FFF;
  font-family: NeueMontrealRegular;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 125% */
  text-align: center;
}
.about-2 .sub-text {
  color: #FFF;
  text-align: center;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.72);
  font-family: "NB International Pro";
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  /* 108% */
  letter-spacing: -2px;
  width: 70vw;
  margin: 40px auto;
}

.horizon {
  background: linear-gradient(0deg, #1B1B3B 50%, #4A4AA1 127.94%);
  padding: 40px;
  padding-bottom: 0;
  text-align: center;
  min-height: 100vh;
}
.horizon .title {
  color: #FFF;
  -webkit-text-stroke-width: 0.3px;
  -webkit-text-stroke-color: #FFF;
  font-family: NeueMontrealRegular;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 125% */
  text-transform: capitalize;
}
.horizon .sub-text {
  color: #FFF;
  text-align: center;
  font-family: Baskervville;
  font-size: 81px;
  font-style: normal;
  font-weight: 400;
  line-height: 81px;
  /* 100% */
  letter-spacing: -4px;
  margin: 28px;
}
.horizon .subtitle {
  color: #FFF;
  text-align: center;
  font-family: NeueMontrealRegular;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 125% */
  letter-spacing: -0.4px;
  width: 30vw;
  margin: auto;
}
.horizon .img {
  padding: 44px;
  padding-bottom: 0;
  margin-top: 8vh;
  display: flex;
  justify-content: center;
}
.horizon .image-container {
  position: relative;
  width: 50%;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
}
.horizon .image-container svg {
  position: absolute;
  left: 68px;
  width: 235px;
  top: -26px;
  z-index: 0;
  opacity: 0.5;
  transition: opacity 0.6s ease-in-out, -webkit-clip-path 0.6s ease-in-out;
}
.horizon .blurred-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(5px);
}
.horizon .peel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 320px 0, 0 320px);
  /* Updated size */
  -webkit-clip-path: polygon(0 0, 320px 0, 0 320px);
  transition: clip-path 0.6s ease-in-out, -webkit-clip-path 0.6s ease-in-out;
  z-index: 2;
}
.horizon .image-container:hover .peel {
  clip-path: polygon(0 0, 100% 0, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
}
.horizon .image-container:hover svg {
  opacity: 0;
}
.horizon .peel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.insights {
  /* 1x width */
  /* 2x width */
  /* Aligns with first column of row 1 */
  /* The second row's second column is split into 2 equal parts */
}
.insights .insights-content {
  padding: 60px;
}
.insights .layout-grid {
  display: grid;
  width: 100%;
  margin-top: 60px;
  /* Adjust width */
  /* Space between cells */
  grid-template-columns: 1fr 2fr;
  /* Defines first-row column sizes */
}
.insights .row1-box1 {
  grid-column: 1/2;
}
.insights .row1-box2 {
  grid-column: 2/3;
}
.insights .row2-box1 {
  grid-column: 1/2;
}
.insights .row2-box2 {
  grid-column: 2/3;
  display: flex;
}
.insights .row2-box2 .boX {
  flex: 1;
}
.insights .boX {
  background-color: lightblue;
  height: 400px;
  margin-bottom: 27px;
  position: relative;
}
.insights .reap {
  background: #CCE5F7;
  padding: 30px;
  height: 400px;
}
.insights .reap .title {
  color: #29233B;
  font-family: "NB International Pro";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.8px;
  /* 110% */
  letter-spacing: -0.5px;
}
.insights .reap .cta a {
  color: #29233B;
  text-decoration: none;
}
.insights .reap .cta a svg {
  transition: transform 0.3s ease;
}
.insights .reap .cta a:hover svg {
  transform: translateX(15px);
}
.insights .reap .subtitle {
  color: #29233B;
  font-family: "NB International Pro";
  font-size: 19.375px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 134.194% */
}
.insights .reap .cta {
  color: #29233B;
  font-family: "NB International Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px;
  /* 140% */
  letter-spacing: -0.64px;
}
.insights .usdc {
  padding: 30px;
  background: url("../assets/images/5.png");
  width: 100%;
  height: 400px;
  background-size: cover;
}
.insights .usdc .title {
  color: #FFF;
  font-family: "NB International Pro";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.8px;
  /* 110% */
  letter-spacing: -0.5px;
}
.insights .usdc .subtitle {
  color: #FFF;
  font-family: "NB International Pro";
  font-size: 19.219px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 135.285% */
}
.insights .usdc .cta a {
  color: #fff;
  text-decoration: none;
}
.insights .usdc .cta a svg {
  transition: transform 0.3s ease;
}
.insights .usdc .cta a:hover svg {
  transform: translateX(15px);
}
.insights .usdc .cta {
  color: #FFF;
  font-family: "NB International Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px;
  /* 140% */
  letter-spacing: -0.64px;
}
.insights .b-row {
  background-color: #4A4AA1;
  width: 100%;
  padding: 30px;
  height: 400px;
}
.insights .b-row .title {
  color: #FFF;
  font-family: "NB International Pro";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.8px;
  /* 110% */
  letter-spacing: -0.5px;
}
.insights .b-row .subtitle {
  color: #FFF;
  font-family: "NB International Pro";
  font-size: 19.375px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 134.194% */
}
.insights .b-row .cta {
  color: #FFF;
  font-family: "NB International Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px;
  /* 140% */
  letter-spacing: -0.64px;
}
.insights .title {
  color: #29233B;
  font-family: "NB International Pro";
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 58px;
  /* 116% */
  letter-spacing: -1px;
}
.insights .spec {
  background: url("../assets/images/Link.png");
  background-size: cover;
}
.insights .spec .title {
  position: absolute;
  bottom: 80px;
}
.insights .spec .cta a {
  color: #fff;
  text-decoration: none;
}
.insights .spec .cta a svg {
  transition: transform 0.3s ease;
}
.insights .spec .cta a:hover svg {
  transform: translateX(15px);
}
.insights .usdc .title {
  margin: 38px 0;
}
.insights .reap .title {
  margin: 38px 0;
}
.insights .grab {
  background: url("../assets/images/Link-1.png");
  background-size: cover;
}
.insights .grab .title {
  margin: 38px 0;
}
.insights .grab .cta a {
  color: #ffffff;
  text-decoration: none;
}
.insights .grab .cta a svg {
  transition: transform 0.3s ease;
}
.insights .grab .cta a:hover svg {
  transform: translateX(15px);
}
.insights .fut {
  background: url("../assets/images/Link-2.png");
  background-size: cover;
}
.insights .fut .title {
  position: absolute;
  bottom: 80px;
}
.insights .fut .cta a {
  color: #fff;
  text-decoration: none;
}
.insights .fut .cta a svg {
  transition: transform 0.3s ease;
}
.insights .fut .cta a:hover svg {
  transform: translateX(15px);
}
.insights .cta {
  position: absolute;
  bottom: 30px;
}
.insights a {
  text-decoration: none;
}
.insights .view {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease;
}
.insights .view div {
  color: #FFF;
  font-family: "NB International Pro";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  transition: transform 0.3s ease;
}
.insights .view:hover {
  cursor: pointer;
  transform: scale(1.06);
}
.insights .view-more a {
  display: inline-block;
  padding: 7px 20px;
  background: #fff;
  border-radius: 30px;
  border: 1px solid #191C19;
  color: #191C19;
}
.insights .view-more a:hover {
  background-color: #191C19;
  color: #fff;
}

footer {
  background: #191C19;
  min-height: 300px;
  padding: 60px 48px;
}
footer .flex-container {
  display: flex;
  justify-content: space-around;
  gap: 50px;
}
footer .flex-container .logo {
  width: 80%;
}
footer .flex-container .crumbs {
  margin-top: 80px;
}
footer .flex-container .crumbs span {
  color: #ADB3AB;
  font-family: NeueMontrealRegular;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 24px */
  letter-spacing: -0.4px;
}
footer .flex-container .crumbs span::after {
  content: "/";
  color: #3C403C;
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: 120%;
  /* 24px */
  padding-left: 16px;
  padding-right: 16px;
}
footer .flex-container .crumbs a {
  text-decoration: none;
  color: #ADB3AB;
}
footer .address {
  position: relative;
}
footer .address .phone.em {
  position: absolute;
  top: -70px;
}
footer .address .phone.em .text {
  color: #ECEEEC;
  font-family: "NB International Pro";
  font-size: 28px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 33.6px */
  letter-spacing: -0.56px;
}
footer .address .phone.em .text::before {
  content: "( ";
  color: #3C403C;
}
footer .address .phone.em .text::after {
  content: " )";
  color: #3C403C;
}
footer .address .phone {
  margin-top: 50px;
}
footer .address .label {
  color: #3C403C;
  font-family: NeueMontrealRegular;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 15.6px */
  letter-spacing: -0.24px;
}
footer .address .text {
  color: #ADB3AB;
  font-family: NeueMontrealRegular;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: -0.28px;
}
footer .post-footer {
  width: 50%;
}
footer .post-footer .social .flex-container {
  gap: 76%;
  justify-content: flex-start;
}
footer .post-footer .social .flex-container img {
  background: #fff;
  width: 30px;
  border-radius: 13px;
  opacity: 0.9;
}
footer .post-footer .social .flex-container svg {
  margin-right: 10px;
}
footer .post-footer .social .flex-container a {
  text-decoration: none;
}
footer .post-footer .text {
  color: #64FCC2;
  font-family: "NB International Pro";
  font-size: 11.625px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.88px;
  /* 188.215% */
  margin-top: 10px;
}
footer .post-footer .sub-text {
  margin-top: 36px;
  color: #A7A3B5;
  font-family: NeueMontrealRegular;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 200% */
  padding-right: 10px;
}

.m-r-27 {
  margin-right: 27px;
}

.navbar {
  transition: all 0.3s ease-in-out;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  height: 90px;
}
.navbar img {
  transition: all 0.3s ease-in-out;
}

/* When Scrolled */
.navbar.scrolled {
  height: 60px;
}
.navbar.scrolled .navbar-brand img {
  width: 90%;
}

.hidden-text {
  opacity: 0;
  transform: translateY(150px);
  /* Start 50px below */
  animation: slideUp 1s ease-out forwards;
  animation-delay: 2s;
  /* Wait 2 seconds before showing */
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (min-width: 990px) {
  .animate-text {
    opacity: 0;
    visibility: hidden;
  }
}
.notification {
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  color: #013546;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  font-size: 16px;
  display: none;
  transform: translateX(-50%) translateY(-20px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.4s ease;
  background-color: #64FCC2;
}

.notification.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}

.chart-filter {
  position: absolute;
  left: 12px;
  top: 19%;
  z-index: 99;
}
.chart-filter select {
  border: none;
  padding: 4px;
  border-radius: 4px;
  background: #2a2d3e;
  font-family: NeueMontrealRegular;
  font-size: 13px;
  color: #fff;
  cursor: pointer;
}
.chart-filter select option {
  cursor: pointer;
}

@media (max-width: 1280px) {
  .chart-filter {
    top: 27%;
  }
}
@media (max-width: 990px) {
  /* Your styles here */
  .navbar-collapse {
    position: absolute;
    right: 0;
    top: 90px;
    background: #191C19;
    padding: 15px;
  }
  .navbar-collapse .nav-link {
    margin-bottom: 5px;
  }
  .navbar-collapse .get-in-touch {
    display: none;
  }
  .scrolled .navbar-collapse {
    top: 60px;
  }
  .horizon img {
    width: 100%;
  }
  .hero .text {
    font-size: 50px;
  }
  .about-content {
    flex-direction: column;
  }
  .about-content .text {
    width: 100%;
  }
  .about-content .img-contain {
    display: none;
  }
  .kpi {
    padding: 20px;
    flex-direction: column;
  }
  .kpi .items {
    flex-direction: column;
  }
  .kpi .items .text-wrap {
    width: 100%;
  }
  .kpi .text {
    width: 100%;
  }
  .kpi .img {
    width: calc(100% + 40px);
    text-align: center;
    margin-top: 30px;
  }
  .kpi .img .btns span {
    margin-bottom: 0px;
    margin-top: 10px;
  }
  .about .text .sub-text,
  .kpi .text .sub-text {
    font-size: 45px;
  }
  .about-2 {
    padding: 25px;
    margin-top: 25px;
  }
  .about-2 .sub-text {
    font-size: 45px;
    width: 100%;
  }
  .insights .insights-content {
    padding: 25px;
  }
  .insights .title {
    font-size: 45px;
  }
  .insights .layout-grid {
    display: block;
  }
  .insights .row2-box2 {
    display: block;
  }
  .insights .m-r-27 {
    margin-right: 0;
  }
  footer .post-footer {
    width: 100%;
  }
  footer .flex-container {
    flex-direction: column;
  }
  footer .flex-container .crumbs br {
    display: none;
  }
  .main {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .main .text-side {
    width: 80%;
  }
  .btns {
    text-align: left;
  }
  #container {
    width: 100%;
  }
  .horizon {
    padding: 25px 0;
    min-height: auto;
  }
  .horizon .img {
    margin-top: 50px;
    padding: 0;
  }
  .horizon .sub-text {
    font-size: 45px;
  }
  .horizon .subtitle {
    width: 100%;
  }
  .horizon .image-container {
    width: 100%;
  }
  .horizon .peel {
    clip-path: polygon(0 0, 170px 0, 0 170px);
    /* Updated size */
    -webkit-clip-path: polygon(0 0, 170px 0, 0 170px);
    transition: clip-path 0.6s ease-in-out, -webkit-clip-path 0.6s ease-in-out;
  }
  .horizon .image-container:hover .peel {
    clip-path: polygon(0 0, 100% 0, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
  }
  .horizon .image-container svg {
    left: 44px;
    width: 116px;
    top: -70px;
  }
}
.overlay {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-form {
  position: relative;
  padding: 45px 25px 25px 25px;
}

.popup-row {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  padding: 30px;
  background-color: #fff;
  border-radius: 6px;
  width: 1000px;
  padding: 0;
  overflow: hidden;
}
.popup-row .text {
  color: #FFF;
  text-align: left;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.72);
  font-family: "NB International Pro";
  font-size: 36px;
  background: url(../assets/images/5.png);
  background-size: cover;
  padding: 25px;
  display: flex;
  align-items: center;
  /* Vertically centers the content */
  /* Or any fixed height */
}
.popup-row .text .subtitle {
  font-size: 18px;
}

.popup-form label span {
  color: red;
}

.form-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.form-group {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}

.form-group.full-width {
  flex: 1 1 100%;
}

.popup-form select {
  appearance: none;
  background-color: #fff;
}

.checkbox-group label {
  font-weight: normal;
}

.checkbox-group .field {
  margin-bottom: 3px;
}
.checkbox-group input {
  height: auto !important;
  vertical-align: middle;
}

.popup-form button[type=submit] {
  background-color: #16586D;
  color: #fff;
  padding: 8px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  width: 150px;
}

.popup-form .close-btn {
  position: absolute;
  background: none;
  border: none;
  cursor: pointer;
  top: -8px;
  right: 2px;
  font-size: 30px;
}

.popup-form label {
  font-size: 12px;
  color: #013546;
}
.popup-form input,
.popup-form select,
.popup-form textarea {
  height: 43px;
  border-radius: 5px;
  background-color: #fff;
  padding: 0 15px;
  border: 1px solid lightgrey;
}
.popup-form textarea {
  height: 100px;
  padding: 10px;
}
.popup-form .btns {
  text-align: right;
  width: 100%;
}
.popup-form input:focus,
.popup-form select:focus,
.popup-form textarea:focus {
  border-color: #013546;
  outline: none;
  font-size: 12px;
  color: #013546;
  /* Removes default blue glow (optional) */
}
.popup-form input:not(:focus),
.popup-form select:not(:focus),
.popup-form textarea:not(:focus) {
  font-size: 12px;
}
.popup-form input::placeholder,
.popup-form option,
.popup-form select:valid,
.popup-form select:invalid {
  color: #013546;
  font-family: "NB International Pro";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
  opacity: 0.5;
}

#subscribePopup .popup-row {
  width: 700px;
}
#subscribePopup .popup-row .form-row {
  display: flex;
  flex-direction: column;
}

@media (max-width: 990px) {
  .mobile-only {
    display: block !important;
  }
  .popup-row {
    width: 100%;
    margin: 0;
  }
  .popup-row .text {
    display: none;
  }
  .popup-row .popup-form {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: auto;
    background-color: #fff;
    height: 100vh;
  }
  .popup-row .popup-form .close-btn {
    position: fixed;
  }
}
.mobile-only {
  display: none;
  margin-bottom: 30px;
}

/*# sourceMappingURL=styles.css.map */