@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import '../fonts/font.css';
* {
  margin: 0;
  padding: 0;
}
* body .container {
  max-width: 84.3229166667vw;
}
* body a {
  text-decoration: none !important;
}
* body a:hover {
  text-decoration: none !important;
}
* body header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999999 !important;
  transition: 0.5s linear;
}
* body header.scrolled {
  background-color: #141c25;
}
* body header .container .row {
  margin: 0;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
* body header .container .row > div {
  padding: 0;
}
* body header .container .row .logo {
  width: 30%;
}
* body header .container .row .logo img {
  width: 10.32328125vw;
}
* body header .container .row .navigation {
  width: 40%;
}
* body header .container .row .navigation .navlink ul {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  gap: 2.7776041667vw;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
* body header .container .row .navigation .navlink ul li a {
  color: #939596;
  font-family: Graphik;
  font-size: 0.9722395833vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: 0.5s;
}
* body header .container .row .navigation .navlink ul li a.active, * body header .container .row .navigation .navlink ul li a:hover {
  color: #fff;
}
* body header .container .row .accounlink {
  width: 30%;
}
* body header .container .row .accounlink ul {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: right;
  gap: 0.6770833333vw;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
* body header .container .row .accounlink ul li a {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  height: 2.4822916667vw;
  padding: 0 1.3890625vw;
  border-radius: 0.3472395833vw;
  background: #226E65;
  box-shadow: 0 0.0694270833vw 0.20140625vw 0 rgba(34, 110, 101, 0.5);
  color: #FFF;
  text-align: center;
  font-family: Graphik;
  font-size: 0.9722395833vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: 0.0694270833vw solid #226E65;
}
* body header .container .row .accounlink ul li a.dark {
  background-color: #141C25;
  color: #226E65;
}
* body .banner {
  height: 50.6770833333vw;
  background: var(--Background-Color, #141C25);
  padding-top: 6.9270833333vw;
  position: relative;
  overflow: hidden;
}
* body .banner .container {
  position: relative;
  z-index: 9;
}
* body .banner .text .heading h1 {
  color: #FFF;
  font-family: Graphik;
  font-size: 2.0833333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4299479167vw;
  margin-bottom: 0.9895833333vw;
}
* body .banner .text .heading h1 b {
  font-size: 2.6041666667vw;
  font-weight: 600;
}
* body .banner .text .heading h1 samp {
  position: relative;
}
* body .banner .text .heading h1 samp svg,
* body .banner .text .heading h1 samp img {
  position: absolute;
  bottom: 0.5208333333vw;
  left: 0.5208333333vw;
  width: 3.4375vw;
  height: 3.7205729167vw;
}
* body .banner .text .heading h1 span {
  background: linear-gradient(90deg, #226E65 0%, #42D4C3 76.78%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3541666667vw;
}
* body .banner .text .heading p {
  width: 23.3333333333vw;
  color: #FFF;
  font-family: Lato;
  font-size: 1.0416666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.38890625vw;
  margin-bottom: 1.8229166667vw;
  /* 133.333% */
}
* body .banner .text a {
  display: flex;
  vertical-align: middle;
  align-items: center;
  width: 13.4722395833vw;
  height: 3.88890625vw;
  flex-shrink: 0;
  border-radius: 0.6944270833vw;
  background: #FFF;
  position: relative;
  transition: 0.5s;
}
* body .banner .text a::before {
  content: "";
  position: absolute;
  top: -0.0520833333vw;
  left: -0.0520833333vw;
  width: calc(100% - 3.6807291667vw);
  height: calc(100% + 0.1041666667vw);
  background: var(--Primary-color, #226E65);
  border-radius: 0.6944270833vw;
  transition: 0.5s;
}
* body .banner .text a span {
  position: relative;
  margin-left: 2.1354166667vw;
  color: #FFF;
  font-family: Lato;
  font-size: 1.09375vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.38890625vw;
}
* body .banner .text a span svg,
* body .banner .text a span img {
  width: 3.0208333333vw;
  height: 3.0208333333vw;
  margin-left: 2.1875vw;
}
* body .banner .text a:hover {
  background-color: #226E65;
}
* body .banner .text a:hover::before {
  width: calc(100% + 0.1041666667vw);
}
* body .banner .text a:hover span svg path {
  fill: #fff;
}
* body .banner .text .bannerbadge {
  display: flex;
  width: 24.0276041667vw;
  margin-top: 11.5625vw;
}
* body .banner .text .bannerbadge img,
* body .banner .text .bannerbadge svg {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  margin-right: 0.6942708333vw;
}
* body .banner .text .bannerbadge p {
  color: #FFF;
  font-family: Lato;
  font-size: 1.11109375vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.38890625vw;
  white-space: wrap;
}
* body .banner .counterdiv {
  margin-top: 11.4583333333vw;
  background-image: url("../images/banner-counter.svg");
  background-repeat: no-repeat;
  background-size: 15.2604166667vw 26.0416666667vw;
  width: 15.2776041667vw;
  margin-left: 6.3vw;
  padding-top: 3.4375vw;
  padding-left: 4.0104166667vw;
  padding-bottom: 3.125vw;
}
* body .banner .counterdiv ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
* body .banner .counterdiv ul li {
  margin-bottom: 1.5625vw;
}
* body .banner .counterdiv ul li span.homecounter {
  font-family: Graphik;
  font-size: 2.7777604167vw;
  font-style: normal;
  font-weight: 800;
  line-height: 3.4722395833vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #FFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
* body .banner .counterdiv ul li span.supfax {
  font-family: Graphik;
  font-size: 2.7777604167vw;
  font-style: normal;
  font-weight: 800;
  line-height: 3.4722395833vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #FFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
* body .banner .counterdiv ul li span.text {
  color: #FFF;
  font-family: "Lato";
  font-size: 0.9722395833vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: block;
  margin-top: -0.5208333333vw;
}
* body .banner .counterdiv ul li span.text br {
  display: none;
}
* body .banner .counterdiv .socialcount {
  margin-top: 7.5520833333vw;
  margin-left: 0.3125vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}
* body .banner .counterdiv .socialcount svg {
  display: none;
}
* body .banner .counterdiv .socialcount span {
  font-family: Graphik;
  font-size: 2.7777604167vw;
  font-style: normal;
  font-weight: 800;
  line-height: 3.4722395833vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #FFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
* body .banner .counterdiv .socialcount span.homecounter {
  margin-left: 0.625vw;
}
* body .banner .bannerimage {
  position: absolute;
  bottom: -0.3645833333vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
* body .banner .bannerimage img {
  width: 41.6666666667vw;
}
* body .banner .bannerimage .bg {
  width: 23.3854166667vw;
  height: 32.65625vw;
  flex-shrink: 0;
  border-radius: 1.38890625vw 1.38890625vw 0 0;
  background: linear-gradient(180deg, #226E65 0%, rgba(34, 110, 101, 0) 100%);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
* body .banner .bannerimage .bannerpills {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
}
* body .banner .bannerimage .bannerpills ul {
  list-style-type: none;
  padding: 0;
}
* body .banner .bannerimage .bannerpills ul li {
  transition: transform 5s linear;
  will-change: transform;
  position: absolute;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  border-radius: 0.5208333333vw;
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.8333333333vw;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 0.0520833333vw solid rgba(255, 255, 255, 0.3);
  overflow: hidden;
  animation: shadowUpDown 5s linear infinite;
  box-shadow: 0 0 1.5625vw 0.2604166667vw #253953;
}
* body .banner .bannerimage .bannerpills ul li:first-child {
  top: -5.2083333333vw;
  right: 0;
}
* body .banner .bannerimage .bannerpills ul li:nth-child(2) {
  top: 3.125vw;
  right: -1.5625vw;
}
* body .banner .bannerimage .bannerpills ul li:nth-child(3) {
  top: 13.5416666667vw;
  right: -5.2083333333vw;
}
* body .banner .bannerimage .bannerpills ul li:nth-child(4) {
  top: 13.5416666667vw;
  left: -5.2083333333vw;
}
* body .banner .bannerimage .bannerpills ul li:nth-child(5) {
  top: 6.25vw;
  left: -0.5208333333vw;
}
* body .banner .bannerimage .bannerpills ul li:last-child {
  top: 1.0416666667vw;
  left: -7.8125vw;
}
* body .banner .bannerimage .bannerpills ul li::before {
  content: "";
  position: absolute;
  top: -2.6041666667vw;
  right: -2.6041666667vw;
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  border-radius: 5.2083333333vw;
  background: rgba(255, 255, 255, 0.2);
  overflow: hidden;
}
* body .banner .bannerimage .bannerpills ul li svg {
  width: 3.125vw;
  height: 3.125vw;
  position: relative;
  opacity: 0.7;
}
* body .banner .bannerimage .bannerpills ul li svg path {
  fill: #fff;
}
@keyframes shadowUpDown {
  0% {
    box-shadow: 0 -1.0416666667vw 1.5625vw 0.2604166667vw #253953;
  }
  50% {
    box-shadow: 0 1.0416666667vw 1.5625vw 0.2604166667vw #253953;
  }
  100% {
    box-shadow: 0 -1.0416666667vw 1.5625vw 0.2604166667vw #253953;
  }
}
* body .banner .bannerimage img.bannerimage {
  width: 18.4895833333vw;
  height: 34.53125vw;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
* body .banner .bannerimage img.bannergif {
  width: 31.25vw;
  height: 31.25vw;
}
* body .banner .bannerimage video {
  width: 52.4479166667vw;
}
* body .banner .bannerimage canvas {
  width: 50.4166666667vw;
  aspect-ratio: 1/1;
}
* body .banner .bannerimage p {
  display: none;
}
* body .banner .overlay svg {
  position: absolute;
}
* body .banner .overlay svg:first-child {
  top: 0vw;
  left: 52.65625vw;
  width: 66.3076041667vw;
  height: 68.8869270833vw;
  flex-shrink: 0;
}
* body .banner .overlay svg:nth-of-type(2) {
  left: 41.7708333333vw;
  top: 2.9166666667vw;
}
* body .banner .overlay img {
  position: absolute;
  top: 27.2916666667vw;
  left: -2.2395833333vw;
  width: 11.875vw;
  height: 11.875vw;
}
* body .clientslider {
  padding: 1.5625vw 0;
}
* body .clientslider .clientSplide {
  transform: translateZ(0);
  will-change: transform;
}
* body .clientslider .clientSplide .splide__slider .splide__track .splide__list .splide__slide {
  position: relative;
  height: initial !important;
  padding: 0.5208333333vw 2.34375vw;
}
* body .clientslider .clientSplide .splide__slider .splide__track .splide__list .splide__slide img {
  height: 1.875vw;
  max-width: 100%;
}
* body .clientslider .clientSplide .splide__slider .splide__track .splide__list .splide__slide::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.5989583333vw;
  transform: translateY(-50%);
  width: 1.1979166667vw;
  height: 1.1979166667vw;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M11.5 0.5L12.6369 7.75707L17.25 2.04071L14.606 8.89396L21.4593 6.25L15.7429 10.8631L23 12L15.7429 13.1369L21.4593 17.75L14.606 15.106L17.25 21.9593L12.6369 16.2429L11.5 23.5L10.3631 16.2429L5.75 21.9593L8.39396 15.106L1.54071 17.75L7.25707 13.1369L0 12L7.25707 10.8631L1.54071 6.25L8.39396 8.89396L5.75 2.04071L10.3631 7.75707L11.5 0.5Z' fill='%23226E65'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* or 'cover' depending on your need */
}
* body .clientslider .swiper {
  transition-timing-function: linear !important;
}
* body .clientslider .swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
* body .clientslider .swiper .swiper-wrapper .swiper-slide {
  width: -moz-max-content;
  width: max-content;
  box-shadow: none !important;
  transition-timing-function: linear !important;
  padding: 0.5208333333vw 2.34375vw;
}
* body .clientslider .swiper .swiper-wrapper .swiper-slide img {
  height: 1.875vw;
  max-width: 100%;
}
* body .clientslider .swiper .swiper-wrapper .swiper-slide::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.1979166667vw;
  height: 1.1979166667vw;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M11.5 0.5L12.6369 7.75707L17.25 2.04071L14.606 8.89396L21.4593 6.25L15.7429 10.8631L23 12L15.7429 13.1369L21.4593 17.75L14.606 15.106L17.25 21.9593L12.6369 16.2429L11.5 23.5L10.3631 16.2429L5.75 21.9593L8.39396 15.106L1.54071 17.75L7.25707 13.1369L0 12L7.25707 10.8631L1.54071 6.25L8.39396 8.89396L5.75 2.04071L10.3631 7.75707L11.5 0.5Z' fill='%23226E65'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* or 'cover' depending on your need */
}
* body .aboutus {
  padding: 4.1666666667vw 0;
  background-color: #F1F1F1;
}
* body .aboutus .container {
  position: relative;
}
* body .aboutus .container .row {
  margin: 0;
}
* body .aboutus .container .row > div {
  padding: 0;
}
* body .aboutus .container .text {
  width: 39.0625vw;
}
* body .aboutus .container .text span {
  color: #000;
  font-family: Graphik;
  font-size: 0.8333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 4.6354166667vw;
  border: 0.0260416667vw solid #000;
  padding: 0.5208333333vw 1.25vw;
  margin-bottom: 0.5208333333vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
}
* body .aboutus .container .text span:hover {
  background-color: #10161E;
  color: #fff;
  border-color: #fff;
  cursor: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
* body .aboutus .container .text h2 {
  color: #141C25;
  font-family: Graphik;
  font-size: 2.0833333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 3.125vw;
  margin-bottom: 0.5208333333vw;
  width: 34.2708333333vw;
  max-width: 100%;
}
* body .aboutus .container .text h2 strong {
  font-size: 2.6041666667vw;
  font-style: normal;
  font-weight: 600;
}
* body .aboutus .container .text p {
  color: #141C25;
  font-family: Lato;
  font-size: 1.0416666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.38890625vw;
  /* 133.333% */
}
* body .aboutus .container .image {
  width: 42.7604166667vw;
  height: 19.7395833333vw;
  border-radius: 1.5625vw;
  overflow: hidden;
  margin-left: auto;
}
* body .aboutus .container .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
* body .aboutus .container .revenue {
  border-radius: 1.1979166667vw;
  background: linear-gradient(90deg, #141C25 -5.73%, #293A4D 120.7%);
  overflow: hidden;
  position: relative;
}
* body .aboutus .container .revenue::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32.8125vw;
  height: 19.3691666667vw;
  background-image: url("../images/revenue-bg.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
* body .aboutus .container .revenue::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 0, 0, 0);
}
* body .aboutus .container .revenue h3 {
  padding-top: 1.6145833333vw;
  padding-left: 2.2395833333vw;
  color: #FFF;
  font-family: Graphik;
  font-size: 2.0833333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 3.125vw;
  /* 150% */
}
* body .aboutus .container .revenue h3 span {
  color: #226E65;
  font-family: Graphik;
  font-size: 2.6041666667vw;
  font-style: normal;
  font-weight: 600;
  line-height: 3.125vw;
  display: block;
  /* 120% */
}
* body .aboutus .container .revenue h3 strong {
  font-size: 2.6041666667vw;
  font-style: normal;
  font-weight: 600;
}
* body .aboutus .container .revenue .capsule {
  width: calc(100% - 36.9270833333vw);
  position: relative;
}
* body .aboutus .container .revenue .revenueimage {
  width: 36.9270833333vw;
  height: 16.1458333333vw;
  flex-shrink: 0;
  margin-top: 1.5104166667vw;
}
* body .aboutus .container .revenue .revenueimage img {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.78125vw;
  border: 0.5208333333vw solid #fff;
  border-bottom-width: 0;
  border-bottom-left-radius: 0;
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
* body .aboutus .container #canvasContainer {
  position: absolute;
  bottom: 0;
  left: 0.625vw;
  width: calc(100% - 0.625vw);
  height: 100vh;
  border-radius: 1.0416666667vw;
  overflow: hidden;
  border: 1px solid transparent;
}
* body .aboutus .container #canvasContainer canvas {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  display: block;
  position: absolute;
  top: -0.1041666667vw;
  left: -0.1041666667vw;
  height: calc(100% + 0.5208333333vw);
  width: calc(100% + 0.5208333333vw);
}
* body .howitsworks {
  background: #141C25;
  padding: 4.1666666667vw 0;
}
* body .howitsworks .container .howitsworksinner {
  border-radius: 2.6041666667vw;
  border: 0.0520833333vw solid rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%);
  -webkit-backdrop-filter: blur(0.8333333333vw);
          backdrop-filter: blur(0.8333333333vw);
  padding-left: 6.09375vw;
  padding-top: 4.1666666667vw;
  padding-bottom: 4.1666666667vw;
  padding-right: 7.1875vw;
}
* body .howitsworks .container .howitsworksinner .row {
  display: flex;
  vertical-align: middle;
  align-items: center;
}
* body .howitsworks .container .howitsworksinner .heading .pills {
  color: #FFF;
  font-family: Graphik;
  font-size: 0.8333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 4.6354166667vw;
  border: 0.0260416667vw solid #FFF;
  padding: 0.5208333333vw 1.25vw;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 0.2604166667vw;
}
* body .howitsworks .container .howitsworksinner .heading .pills:hover {
  background-color: #ffffff;
  border-color: #226E65;
  color: #226E65;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
* body .howitsworks .container .howitsworksinner .heading h3 {
  color: #FFF;
  text-shadow: 0 0.2083333333vw 0.2083333333vw rgba(12, 66, 60, 0.25);
  font-family: Graphik;
  font-size: 2.0833333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8645833333vw;
  /* 150% */
}
* body .howitsworks .container .howitsworksinner .heading h3 span {
  color: var(--Primary-color, #226E65);
  font-family: Graphik;
  font-size: 2.6041666667vw;
  font-style: normal;
  font-weight: 600;
  line-height: 3.125vw;
}
* body .howitsworks .container .howitsworksinner .heading p {
  color: #FFF;
  font-family: Lato;
  font-size: 1.0416666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.38890625vw;
  /* 133.333% */
  margin-bottom: 1.3541666667vw;
}
* body .howitsworks .container .howitsworksinner .howitsworkstabs ul {
  display: block;
  border: none;
  margin: 0;
  padding: 0;
}
* body .howitsworks .container .howitsworksinner .howitsworkstabs ul li {
  margin-bottom: 0.5208333333vw;
}
* body .howitsworks .container .howitsworksinner .howitsworkstabs ul li:last-child {
  margin-bottom: 0;
}
* body .howitsworks .container .howitsworksinner .howitsworkstabs ul li a {
  border-radius: 1.0416666667vw;
  border: 0.078125vw solid #226E65;
  box-shadow: 0 0.1041666667vw 0.2291666667vw 0 rgba(34, 110, 101, 0.25);
  padding: 1.0416666667vw 3.125vw;
  color: #FFF;
  font-family: Lato;
  font-size: 1.0416666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.38890625vw;
  width: 28.4375vw;
  max-width: 100%;
}
* body .howitsworks .container .howitsworksinner .howitsworkstabs ul li a.active, * body .howitsworks .container .howitsworksinner .howitsworkstabs ul li a:hover {
  background: #226E65;
}
* body .howitsworks .container .howitsworksinner .howitsworkstabsview {
  overflow: hidden;
}
* body .howitsworks .container .howitsworksinner .howitsworkstabsview .tab-content .tab-pane.active {
  animation-name: tabView;
  animation-duration: 0.9s;
}
@keyframes tabView {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
* body .howitsworks .container .howitsworksinner .howitsworkstabsview .single {
  display: flex;
}
* body .howitsworks .container .howitsworksinner .howitsworkstabsview .single .image {
  width: 20.3125vw;
  height: 30.6770833333vw;
  flex-shrink: 0;
  aspect-ratio: 390/589;
  border-radius: 1.5625vw;
  overflow: hidden;
  margin-right: 1.25vw;
}
* body .howitsworks .container .howitsworksinner .howitsworkstabsview .single .image img {
  width: 100%;
  height: 100%;
}
* body .howitsworks .container .howitsworksinner .howitsworkstabsview .single .text .textbox {
  border-radius: 1.5625vw;
  background: #141C25;
  display: block;
  margin-bottom: 1.1979166667vw;
  padding: 0.78125vw;
  min-height: 14.7395833333vw;
  padding-bottom: 0;
}
* body .howitsworks .container .howitsworksinner .howitsworkstabsview .single .text .textbox:last-child {
  margin-bottom: 0;
}
* body .howitsworks .container .howitsworksinner .howitsworkstabsview .single .text .textbox p {
  color: #FFF;
  font-family: Lato;
  font-size: 1.0416666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.38890625vw;
  /* 133.333% */
  margin: 0;
}
* body .howitsworks .container .howitsworksinner .howitsworkstabsview .single .text .textbox a {
  margin-left: auto;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  margin-top: 0.5208333333vw;
  display: none;
}
* body .howitsworks .container .howitsworksinner .howitsworkstabsview .single .text .textbox a svg {
  width: 2.2916666667vw;
  height: 2.2916666667vw;
}
* body .howitsworks .howItWorksSwiper {
  display: none;
}
* body .courses {
  padding: 4.1666666667vw 0;
}
* body .courses .container .heading {
  margin-bottom: 1.9791666667vw;
}
* body .courses .container .heading h2 {
  color: #141C25;
  text-align: center;
  font-family: Graphik;
  font-size: 2.0833333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 3.125vw;
  /* 150% */
}
* body .courses .container .heading h2 span {
  font-size: 2.6041666667vw;
  font-weight: 600;
}
* body .courses .container .coursesSwiper .swiper-wrapper .swiper-slide {
  box-shadow: none !important;
  padding: 0.5208333333vw;
}
* body .courses .container .coursesSwiper .swiper-pagination {
  display: none;
}
* body .courses .container .single {
  position: relative;
  display: block;
}
* body .courses .container .single:hover .bg svg path:first-of-type {
  fill: #226E65;
}
* body .courses .container .single:hover .bg svg rect:first-of-type {
  fill: #226E65;
}
* body .courses .container .single .bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
* body .courses .container .single .bg svg,
* body .courses .container .single .bg img {
  width: 18.75vw;
  height: 28.6979166667vw;
}
* body .courses .container .single .image {
  width: 11.4007291667vw;
  height: 15.15625vw;
  position: relative;
  display: block;
  margin: auto;
  margin-bottom: 1.1458333333vw;
}
* body .courses .container .single .image img {
  width: 100%;
  height: 100%;
}
* body .courses .container .single .title {
  position: relative;
  padding: 0 1.3541666667vw 1.8229166667vw;
}
* body .courses .container .single .title h3 {
  color: #FFF;
  font-family: Graphik;
  font-size: 1.875vw;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
* body .courses .container .single .title p {
  color: #FFF;
  font-family: Graphik;
  font-size: 0.85609375vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.0701041667vw;
  /* 125% */
  margin-bottom: 1.1458333333vw;
}
* body .courses .container .single .title h6 {
  color: #FFF;
  font-family: Graphik;
  font-size: 2.8125vw;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  margin-bottom: 1.3541666667vw;
}
* body .courses .container .single .title a,
* body .courses .container .single .title button {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  width: 7.7083333333vw;
  height: 2.7083333333vw;
  border-radius: 0.6944270833vw;
  background: #47948B;
  color: #FFF;
  text-align: center;
  font-family: Lato;
  font-size: 0.8333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.9270833333vw;
  /* 231.25% */
  border: none;
}
* body .successstories {
  background: #141C25;
  padding-top: 8.0729166667vw;
  padding-bottom: 4.1666666667vw;
}
* body .successstories .container .heading h3 {
  color: var(--White, #F5F5FA);
  font-family: Graphik;
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 600;
  line-height: 3.125vw;
  /* 125% */
  letter-spacing: -0.05vw;
  position: relative;
  padding-left: 4.6875vw;
  margin-bottom: 3.3854166667vw;
}
* body .successstories .container .heading h3::before {
  content: "";
  position: absolute;
  bottom: -1.0416666667vw;
  left: 0;
  width: 7.8125vw;
  height: 7.8125vw;
  background-image: url("../images/gridicons_quote.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
* body .successstories .container .heading h3 span {
  position: relative;
}
* body .successstories .successstoriesSplide {
  transform: translateZ(0);
  will-change: transform;
}
* body .successstories .successstoriesSplide .splide__slider .splide__track .splide__list .splide__slide {
  height: initial;
}
* body .successstories .successstoriesSplide .splide__slider .splide__pagination {
  bottom: -2.0833333333vw;
}
* body .successstories .successstoriesSplide .splide__slider .splide__pagination li button {
  width: 0.5729166667vw;
  height: 0.5729166667vw;
  background: #9AA4B2;
  opacity: 1;
}
* body .successstories .successstoriesSplide .splide__slider .splide__pagination li button.is-active {
  background-color: #226E65;
}
* body .successstories .single {
  width: 23.8541666667vw;
  min-height: 15.625vw;
  padding: 1.0416666667vw;
  border-radius: 0.5208333333vw;
  background: var(--Base-White, #FFF);
}
* body .successstories .single .descripition {
  min-height: 9.8958333333vw;
}
* body .successstories .single .descripition p {
  color: var(--Gray-neutral-900, #111927);
  font-family: Lato;
  font-size: 0.8333333333vw;
  font-style: italic;
  font-weight: 500;
  line-height: 1.25vw;
}
* body .successstories .single .user {
  display: flex;
  align-items: center;
  gap: 1.0416666667vw;
}
* body .successstories .single .user .image {
  width: 2.5vw;
  height: 2.5vw;
  overflow: hidden;
  border-radius: 50%;
}
* body .successstories .single .user .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
* body .successstories .single .user .text {
  width: calc(100% - 2.5vw);
}
* body .successstories .single .user .text h6 {
  margin: 0;
  color: var(--Gray-neutral-900, #111927);
  /* Text sm/Semibold */
  font-family: Inter;
  font-size: 0.7291666667vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.0416666667vw;
  /* 142.857% */
}
* body .successstories .single .user .text p {
  color: var(--Gray-neutral-500, #6C737F);
  /* Text xs/Medium */
  font-family: Inter;
  font-size: 0.625vw;
  font-style: normal;
  font-weight: 500;
  line-height: 0.9375vw;
  /* 150% */
  margin-bottom: 0;
}
* body .reels {
  padding: 4.1666666667vw 0;
}
* body .reels .container .row {
  justify-content: center;
}
* body .reels .container .row .lefttext {
  width: 26.55421875vw;
  margin-left: auto;
}
* body .reels .container .row .lefttext h4 {
  color: #121820;
  font-family: Graphik;
  font-size: 2.0833333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.2395833333vw;
}
* body .reels .container .row .lefttext h4 span {
  font-size: 2.6041666667vw;
  font-weight: 600;
}
* body .reels .container .row .lefttext p {
  color: #121820;
  font-family: Graphik;
  font-size: 0.7248958333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 0.94234375vw;
}
* body .reels .container .row .righttext {
  width: 21.5309895833vw;
}
* body .reels .container .row .righttext p {
  color: #10161E;
  font-family: Graphik;
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 300;
  line-height: 1.25vw;
}
* body .reels .container .row .righttext a {
  display: inline-flex;
  height: 2.2395833333vw;
  padding: 0.3125vw 0.9895833333vw;
  justify-content: center;
  align-items: center;
  gap: 0.5208333333vw;
  flex-shrink: 0;
  border-radius: 0.3125vw;
  background: #226E65;
  color: #FFF;
  font-family: Lato;
  font-size: 0.78125vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4706770833vw;
}
* body .downloadApp {
  background-color: #141C25;
  padding: 4.6875vw 2.0833333333vw;
}
* body .downloadApp .bg {
  border-radius: 3.1233854167vw;
  background: linear-gradient(180deg, #226E65 0%, #347C73 100%);
  padding: 2.0833333333vw 0 2.9166666667vw;
  position: relative;
}
* body .downloadApp .bg .container .text {
  padding-left: 6.5625vw;
}
* body .downloadApp .bg .container .text p {
  color: #FFF;
  font-family: Lato;
  font-size: 1.2313541667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6417708333vw;
  margin-bottom: 1.1979166667vw;
}
* body .downloadApp .bg .container .text img {
  width: 7.7604166667vw;
  height: 8.0729166667vw;
  margin-bottom: 0.6770833333vw;
}
* body .downloadApp .bg .container .text h6 {
  color: #FFF;
  font-family: Graphik;
  font-size: 1.2313541667vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 1.4583333333vw;
}
* body .downloadApp .bg .container .text .links {
  display: flex;
  gap: 0.8854166667vw;
}
* body .downloadApp .bg .container .text .links img {
  width: 11.23828125vw;
  height: 3.47390625vw;
}
* body .downloadApp .bg .container .image {
  width: 41.8229166667vw;
  height: 31.3541666667vw;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
* body .downloadApp .bg .container .image img {
  width: 100%;
  height: 100%;
}
* body .faqs {
  padding: 5.4166666667vw 0 4.1666666667vw;
}
* body .faqs .container {
  width: 60.4166666667vw;
  max-width: 100%;
}
* body .faqs .container .heading h3 {
  color: #141C25;
  text-align: center;
  font-family: Graphik;
  font-size: 2.0833333333vw;
  font-style: normal;
  font-weight: 600;
  line-height: 2.5208333333vw;
  margin-bottom: 1.5625vw;
}
* body .faqs .container .list {
  border-radius: 1.5104166667vw;
  border: 0.0520833333vw solid #CED1DA;
  background: #FFF;
  box-shadow: 0 0.2083333333vw 1.0416666667vw 0 rgba(193, 196, 206, 0.14);
  overflow: hidden;
  padding: 1.0416666667vw;
}
* body .faqs .container .list .accordion .accordion-item h2 button {
  color: #000;
  font-family: Lato;
  font-size: 1.1458333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3432291667vw;
  padding: 1.1458333333vw 0;
  /* 117.227% */
  box-shadow: none !important;
  background-color: transparent !important;
  transition: 0.2s linear;
}
* body .faqs .container .list .accordion .accordion-item h2 button:not(* body .faqs .container .list .accordion .accordion-item h2 button.collapsed) {
  background-color: rgba(34, 110, 101, 0.2196078431) !important;
  padding-left: 0.5729166667vw;
  padding-right: 0.5729166667vw;
  width: calc(100% + 1.1458333333vw);
  margin-left: -0.5729166667vw;
  border-radius: 0.5208333333vw;
}
* body .faqs .container .list .accordion .accordion-item h2 button:not(* body .faqs .container .list .accordion .accordion-item h2 button.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E");
}
* body .faqs .container .list .accordion .accordion-item h2 button::after {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  content: "";
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  border-radius: 1.0416666667vw;
  background: #226E65;
  color: #FFF;
  font-family: Montserrat;
  font-size: 1.6666666667vw;
  font-style: normal;
  font-weight: 275;
  line-height: 2.8567708333vw;
  /* 171.406% */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.3020833333vw 1.3020833333vw;
  transition: 0.5s;
}
* body .faqs .container .list .accordion .accordion-item .accordion-collapse .accordion-body p {
  color: #141C25;
  font-family: Lato;
  font-size: 0.8333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /* 133.333% */
}

.crs-quote {
  min-height: 223px;
}/*# sourceMappingURL=style.css.map */