@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&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&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
/* =========================
   SF Pro Display Fonts
========================= */
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYREGULAR.OTF") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYMEDIUM.OTF") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYBOLD.OTF") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYBLACKITALIC.OTF") format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYHEAVYITALIC.OTF") format("opentype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYLIGHTITALIC.OTF") format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYSEMIBOLDITALIC.OTF") format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYTHINITALIC.OTF") format("opentype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYULTRALIGHTITALIC.OTF") format("opentype");
  font-weight: 200;
  font-style: italic;
}
@media (min-width: 991px) {
  body.bodyscrolled header .container-fluid {
    width: 33.8541666667vw;
  }
  body.bodyscrolled header .container-fluid .wrapper .logo {
    width: 11.9791666667vw;
  }
  body.bodyscrolled header .container-fluid .wrapper .logo img {
    width: 100%;
  }
  body.bodyscrolled header .container-fluid .wrapper .navigation {
    width: 0;
    transition: 0s;
    overflow: hidden;
  }
  body.bodyscrolled header .container-fluid .wrapper .navigation .navlink {
    display: none;
  }
  body.bodyscrolled header .container-fluid .wrapper .authlink {
    width: 13.0208333333vw;
  }
}
body.dropdownactive {
  position: relative;
}
body.dropdownactive::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.712);
}

.backtotop {
  position: fixed;
  right: 1.0416666667vw;
  bottom: 1.0416666667vw;
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  border: none;
  border-radius: 50%;
  background: #080808;
  color: #fff;
  font-size: 1.0416666667vw;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  z-index: 999;
  border: 0.0520833333vw solid #226E65;
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}

.backtotop.active {
  opacity: 1;
  visibility: visible;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 0.5208333333vw;
  z-index: 99999;
}
header .container-fluid {
  width: 65.4166666667vw;
  height: 5.3125vw;
  transition: 0.5s ease-in;
}
header .container-fluid .wrapper {
  border-radius: 5.2083333333vw;
  background: #141C25;
  box-shadow: 0 0.2083333333vw 0.2083333333vw 0 rgba(0, 0, 0, 0.25) inset;
  padding: 1.0416666667vw 2.5vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: space-between;
}
header .container-fluid .wrapper .logo {
  display: block;
  width: 33.3333333333%;
}
header .container-fluid .wrapper .logo img {
  width: 10.32328125vw;
}
header .container-fluid .wrapper .logo img:last-child {
  display: none;
}
header .container-fluid .wrapper .navigation {
  width: 33.3333333333%;
}
header .container-fluid .wrapper .navigation .navlink {
  display: block;
}
header .container-fluid .wrapper .navigation .navlink ul {
  display: flex;
  gap: 2.8125vw;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
header .container-fluid .wrapper .navigation .navlink ul li {
  position: relative;
}
header .container-fluid .wrapper .navigation .navlink ul li:hover .dropdownouter {
  display: block;
}
header .container-fluid .wrapper .navigation .navlink ul li a {
  color: #939596;
  font-family: "SF Pro";
  font-size: 0.9722395833vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  position: relative;
  z-index: 9;
  white-space: nowrap;
}
header .container-fluid .wrapper .navigation .navlink ul li a svg path {
  fill: #939596;
}
header .container-fluid .wrapper .navigation .navlink ul li a.active, header .container-fluid .wrapper .navigation .navlink ul li a:hover {
  color: #FFF;
}
header .container-fluid .wrapper .navigation .navlink ul li a.active svg path, header .container-fluid .wrapper .navigation .navlink ul li a:hover svg path {
  fill: #fff;
}
header .container-fluid .wrapper .navigation .navlink ul li .dropdownouter {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 3.9583333333vw;
  display: none;
}
header .container-fluid .wrapper .navigation .navlink ul li .dropdownouter .inner {
  width: 80.2604166667vw;
  height: 25.7291666667vw;
  border-radius: 2.87703125vw;
  background: #FFF;
  box-shadow: 0 0.4426041667vw 2.2794791667vw 0 rgba(193, 196, 206, 0.14);
  display: flex;
}
header .container-fluid .wrapper .navigation .navlink ul li .dropdownouter .inner .single {
  width: 33.3333333333%;
  padding: 3.2291666667vw 1.5625vw 2.0833333333vw 2.6041666667vw;
  border-right: 0.0520833333vw dashed #E5E5E5;
}
header .container-fluid .wrapper .navigation .navlink ul li .dropdownouter .inner .single:last-child {
  border: none;
}
header .container-fluid .wrapper .navigation .navlink ul li .dropdownouter .inner .single h3 {
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.0416666667vw;
  text-transform: capitalize;
  margin-bottom: 2.8645833333vw;
}
header .container-fluid .wrapper .navigation .navlink ul li .dropdownouter .inner .single ul {
  display: block;
  gap: 0;
}
header .container-fluid .wrapper .navigation .navlink ul li .dropdownouter .inner .single ul li a {
  color: #656565;
  text-align: center;
  font-family: Roboto;
  font-size: 1.3020833333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 153%;
  border-radius: 0.8333333333vw;
  box-shadow: 0 0.3234375vw 1.665625vw 0 rgba(193, 196, 206, 0.14);
  padding: 0.7291666667vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M0.785996 12.6449L12.6448 0.786136M3.7507 0.786136H12.6448V9.68025' stroke='%23656565' stroke-width='1.57227' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 95%;
  background-size: 0.6551041667vw 0.8734895833vw;
  transform: translateX(-0.7291666667vw);
  transition: 0.3s ease-in-out;
}
header .container-fluid .wrapper .navigation .navlink ul li .dropdownouter .inner .single ul li a:hover {
  transform: translateX(0vw);
  background-color: #F6EDFF;
}
header .container-fluid .wrapper .authlink {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: right;
  gap: 0.7291666667vw;
  width: 33.3333333333%;
  background: #141c25;
  z-index: 9;
  position: relative;
}
header .container-fluid .wrapper .authlink a {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  height: 2.6041666667vw;
  border-radius: 2.6041666667vw;
  text-decoration: none;
  color: #FFF;
  text-align: center;
  font-family: "SF Pro";
  font-size: 0.9722395833vw;
  font-style: normal;
  font-weight: 274;
  line-height: normal;
  white-space: nowrap;
}
header .container-fluid .wrapper .authlink a:first-child {
  min-width: 5.5729166667vw;
  background: #ffffff;
  color: #141C25;
}
header .container-fluid .wrapper .authlink a:last-child {
  min-width: 8.8541666667vw;
  border: 0.0520833333vw solid #FFF;
  background: linear-gradient(182deg, #141C25 7.7%, #243141 98.8%);
}
header .container-fluid .wrapper .authlink.dashboard a {
  color: #fff;
}
header .container-fluid .wrapper .phonelink {
  display: none;
}

.phonenavigation {
  display: none;
}

.banner1 {
  height: 53.75vw;
  max-height: 100vh;
  background-color: #243141;
  background-position: bottom;
  background-size: 100% 100%;
  padding-top: 8.5416666667vw;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: rgb(0, 0, 0);
}
.banner1 .container-fluid {
  width: 84.7395833333vw;
}
.banner1 .container-fluid .wrapper {
  border-radius: 3.4375vw;
  background: rgba(0, 0, 0, 0.678);
  background-size: 100% 100%;
  border-radius: 3.4375vw;
  overflow: hidden;
  height: 38.3333333333vw;
}
.banner1 .container-fluid .wrapper .bannerheader {
  padding: 2.0833333333vw;
}
.banner1 .container-fluid .wrapper .bannerheader ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  gap: 1.0416666667vw;
}
.banner1 .container-fluid .wrapper .bannerheader ul li {
  color: #FFFAFA;
  text-align: center;
  font-family: "SF Pro";
  font-size: 1.3020833333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.71875vw;
  /* 132% */
  border-radius: 3.28125vw;
  background: rgba(176, 181, 168, 0.2);
  min-width: 3.5416666667vw;
  min-height: 3.5416666667vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  padding: 0 1.0416666667vw;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide {
  transition-timing-function: linear;
  transition-duration: 0.5s;
  height: 28.90625vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .single {
  position: relative;
  height: 28.90625vw;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .image {
  width: 21.72140625vw;
  height: 28.925625vw;
  padding-bottom: 5.2083333333vw;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .image img:first-child {
  display: none;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .image img:last-child {
  display: block;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .text {
  display: block;
  opacity: 1;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .bannerSlideTitle {
  display: none;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide .single {
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide .single .image {
  width: 21.72140625vw;
  height: 11.4583333333vw;
  display: block;
  margin: auto;
  transition-timing-function: linear;
  transition-duration: 0.5s;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide .single .image img {
  max-height: 100%;
  max-width: 100%;
  display: block;
  margin: auto;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide .single .image img:last-child {
  display: none;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide .single .bannerSlideTitle {
  position: absolute;
  bottom: 15%;
  width: 9.6354166667vw;
  left: 55%;
  transform: translate(-50%, 0);
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide .single .bannerSlideTitle p {
  color: #FFFAFA;
  text-align: center;
  font-family: "SF Pro";
  font-size: 1.5625vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.71875vw;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide .single .text {
  display: none;
  width: 21.6666666667vw;
  height: 8.1770833333vw;
  padding: 1.5104166667vw 1.3541666667vw;
  border-radius: 1.8229166667vw;
  border: 0.0520833333vw solid #FFF;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  bottom: 0%;
  background-image: url("../images/Rectangle 34626848.png");
  background-size: cover;
  transition: 0.5s linear;
  opacity: 0;
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide .single .text h1 {
  color: #FFFAFA;
  font-family: "SF Pro";
  font-size: 1.5625vw;
  font-style: normal;
  font-weight: 510;
  line-height: 1.71875vw;
  /* 110% */
}
.banner1 .container-fluid .wrapper .bannerSwiper .swiper-wrapper .swiper-slide .single .text p {
  color: #FFF;
  font-family: Inter;
  font-size: 1.1458333333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5104166667vw;
  /* 131.818% */
  letter-spacing: -0.0114583333vw;
}

.top_banner {
  width: 100%;
  background: url("../images/Cover.jpg") center/cover no-repeat;
  background-repeat: no-repeat;
  padding: 7.96875vw 7.8645833333vw 2.7604166667vw 7.9166666667vw;
}
@media (max-width: 900px) {
  .top_banner {
    padding: 4.6153846154vw 0vw;
    background: url("../images/Cover-phone.jpg") center/cover no-repeat;
  }
}
.top_banner .bannar_details {
  width: 84.21875vw;
  flex-shrink: 0;
  border-radius: 3.1770833333vw;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.51) 100%), linear-gradient(0deg, rgba(51, 51, 51, 0.3) 0%);
  background-blend-mode: normal, saturation, plus-darker;
  box-shadow: inset 0 0 0.2604166667vw 0.015625vw #fff;
  backdrop-filter: blur(12.9488992691px);
  padding: 4.4270833333vw 3.59375vw 3.6979166667vw 3.59375vw;
  position: relative;
}
@media (max-width: 900px) {
  .top_banner .bannar_details {
    border-radius: 0 15.641025641vw;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.51) 100%), linear-gradient(0deg, rgba(51, 51, 51, 0.3) 0%);
    background-blend-mode: normal, saturation, plus-darker;
    box-shadow: inset 0 0 1.2820512821vw 0.0769230769vw #fff;
    backdrop-filter: blur(12.9488992691px);
    height: auto;
    padding: 7.1794871795vw 5.3846153846vw;
    padding-bottom: 0;
    overflow: hidden;
    width: 92.0512820513vw;
    margin: auto;
  }
}
@media (max-width: 900px) {
  .top_banner .bannar_details .text {
    margin-bottom: 8.4615384615vw;
  }
}
.top_banner .bannar_details .text .top-text {
  position: absolute;
  top: 4.4270833333vw;
}
@media (max-width: 900px) {
  .top_banner .bannar_details .text .top-text {
    position: initial;
  }
}
.top_banner .bannar_details .text .top-text h4 {
  color: #FFF;
  font-family: "DM Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.1041666667vw;
  width: 28.4375vw;
}
@media (max-width: 900px) {
  .top_banner .bannar_details .text .top-text h4 {
    font-size: 5.641025641vw;
    margin-bottom: 2.0512820513vw;
    width: 61.7948717949vw;
  }
}
.top_banner .bannar_details .text .bottom_text {
  position: absolute;
  bottom: 3.6979166667vw;
  right: 0;
  width: 26.0416666667vw;
}
@media (max-width: 900px) {
  .top_banner .bannar_details .text .bottom_text {
    position: initial;
    width: 74.358974359vw;
  }
}
.top_banner .bannar_details .text .bottom_text p {
  color: #E8E8E8;
  font-family: Inter;
  font-size: 1.1458333333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 1.9791666667vw;
  /* 172.727% */
  letter-spacing: -0.0114583333vw;
  margin-bottom: 1.1979166667vw;
}
@media (max-width: 900px) {
  .top_banner .bannar_details .text .bottom_text p {
    font-size: 3.0769230769vw;
    line-height: 4.8717948718vw;
    letter-spacing: -0.0307692308vw;
    margin-bottom: 4.1025641026vw;
  }
}
.top_banner .bannar_details .text .bottom_text a {
  width: 20.5208333333vw;
  height: 3.90625vw;
  border-radius: 1.8229166667vw;
  background: #ECF2F8;
  color: #1E1E1E;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "SF Pro";
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1458333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
@media (max-width: 900px) {
  .top_banner .bannar_details .text .bottom_text a {
    width: 54.6153846154vw;
    padding: 2.3076923077vw 3.3333333333vw;
    border-radius: 8.9743589744vw;
    font-size: 3.5897435897vw;
    line-height: 5.641025641vw;
    height: 10.7692307692vw;
  }
}
.top_banner .bannar_details .images {
  display: grid;
  grid-template-columns: 11.9791666667vw 14.21875vw 20.5729166667vw 14.21875vw 11.9791666667vw;
  gap: 1.0416666667vw;
  justify-content: center;
}
@media (max-width: 900px) {
  .top_banner .bannar_details .images {
    display: block;
  }
}
.top_banner .bannar_details .images .imags {
  width: 11.9791666667vw;
  height: 17.34375vw;
  border-radius: 18.28125vw;
  box-shadow: 0.2083333333vw 0.3125vw 2.6041666667vw 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.top_banner .bannar_details .images .imags img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top_banner .bannar_details .images .imags:first-child {
  margin-top: 13.0208333333vw;
}
@media (max-width: 900px) {
  .top_banner .bannar_details .images .imags:first-child {
    display: none;
  }
}
.top_banner .bannar_details .images .imags:nth-child(2) {
  margin-top: 18.2291666667vw;
}
@media (max-width: 900px) {
  .top_banner .bannar_details .images .imags:nth-child(2) {
    display: none;
  }
}
.top_banner .bannar_details .images .imags:nth-child(3) {
  width: 20.5729166667vw;
  height: 31.1458333333vw;
  border-radius: 16.9557291667vw;
  margin-top: 3.90625vw;
}
@media (max-width: 900px) {
  .top_banner .bannar_details .images .imags:nth-child(3) {
    width: 80.4343589744vw;
    height: 75.641025641vw;
    border-radius: 66.2920512821vw 66.2920512821vw 0 0;
    background: url(<path-to-image>) lightgray 50%/cover no-repeat, #FFF;
  }
}
.top_banner .bannar_details .images .imags:nth-child(4) {
  margin-left: auto;
  margin-top: -2.6041666667vw;
}
@media (max-width: 900px) {
  .top_banner .bannar_details .images .imags:nth-child(4) {
    display: none;
  }
}
.top_banner .bannar_details .images .imags:last-child {
  margin-bottom: 1.5625vw;
}
@media (max-width: 900px) {
  .top_banner .bannar_details .images .imags:last-child {
    display: none;
  }
}

.top_banner2 {
  width: 100%;
  background: url("../images/home2-cover.jpg") center/cover no-repeat;
  background-repeat: no-repeat;
  padding: 8.8541666667vw 7.8645833333vw 2.7604166667vw 7.9166666667vw;
}
@media (max-width: 900px) {
  .top_banner2 {
    padding: 4.6153846154vw 0vw;
    background: url("../images/home2-cover-phone.jpg") center/cover no-repeat;
  }
}
.top_banner2 .bannar_details {
  width: 84.21875vw;
  height: 38.59375vw;
  border-radius: 3.1770833333vw;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.51) 100%), linear-gradient(0deg, rgba(51, 51, 51, 0.3) 0%);
  background-blend-mode: normal, saturation, plus-darker;
  box-shadow: inset 0 0 0.2604166667vw 0.015625vw #fff;
  backdrop-filter: blur(12.9488992691px);
  padding: 4.4270833333vw 3.59375vw;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 900px) {
  .top_banner2 .bannar_details {
    border-radius: 5.1282051282vw;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.51) 100%), linear-gradient(0deg, rgba(51, 51, 51, 0.3) 0%);
    background-blend-mode: normal, saturation, plus-darker;
    box-shadow: inset 0 0 1.2820512821vw 0.0769230769vw #fff;
    backdrop-filter: blur(12.9488992691px);
    height: auto;
    padding: 7.1794871795vw 5.3846153846vw;
    padding-bottom: 0;
    overflow: hidden;
    width: 92.0512820513vw;
    margin: auto;
    flex-direction: column;
    overflow: hidden;
  }
}
.top_banner2 .bannar_details .text {
  width: 36.4583333333vw;
}
@media (max-width: 900px) {
  .top_banner2 .bannar_details .text {
    margin-bottom: 8.4615384615vw;
    width: 75.8974358974vw;
    margin: auto;
  }
}
@media (max-width: 900px) {
  .top_banner2 .bannar_details .text .top-text {
    position: initial;
  }
}
.top_banner2 .bannar_details .text .top-text h4 {
  color: #FFF;
  font-family: "DM Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.1041666667vw;
  margin-bottom: 1.3020833333vw;
}
@media (max-width: 900px) {
  .top_banner2 .bannar_details .text .top-text h4 {
    font-size: 5.641025641vw;
    margin-bottom: 2.0512820513vw;
    width: 59.4871794872vw;
    text-align: center;
    margin: auto;
  }
}
.top_banner2 .bannar_details .text .bottom_text {
  width: 15.4166666667vw;
}
@media (max-width: 900px) {
  .top_banner2 .bannar_details .text .bottom_text {
    position: initial;
    width: 74.358974359vw;
  }
}
.top_banner2 .bannar_details .text .bottom_text p {
  color: #E8E8E8;
  font-family: Inter;
  font-size: 1.1458333333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 1.9791666667vw;
  /* 172.727% */
  letter-spacing: -0.0114583333vw;
  margin-bottom: 1.1979166667vw;
}
@media (max-width: 900px) {
  .top_banner2 .bannar_details .text .bottom_text p {
    font-size: 3.0769230769vw;
    line-height: 5.641025641vw;
    letter-spacing: -0.0307692308vw;
    margin-bottom: 4.1025641026vw;
    text-align: center;
    margin-top: 2.5641025641vw;
  }
}
.top_banner2 .bannar_details .text .bottom_text a {
  width: 20.5208333333vw;
  height: 3.90625vw;
  border-radius: 1.8229166667vw;
  background: #ECF2F8;
  color: #1E1E1E;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "SF Pro";
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1458333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
@media (max-width: 900px) {
  .top_banner2 .bannar_details .text .bottom_text a {
    width: 54.6153846154vw;
    padding: 2.3076923077vw 3.3333333333vw;
    border-radius: 8.9743589744vw;
    font-size: 3.5897435897vw;
    line-height: 5.641025641vw;
    height: 10.7692307692vw;
    margin: auto;
  }
}
.top_banner2 .bannar_details .images {
  width: 37.9489583333vw;
  height: 37.5339583333vw;
  margin-top: -4.6875vw;
}
.top_banner2 .bannar_details .images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 900px) {
  .top_banner2 .bannar_details .images {
    width: 82.2102564103vw;
    height: auto;
    margin-bottom: 3.8461538462vw;
    margin-left: -3.8461538462vw;
    margin-top: 7.6923076923vw;
  }
}
.top_banner2 .bannar_details .scrunchies_images {
  display: flex;
}
.top_banner2 .bannar_details .scrunchies_images .image {
  height: 7.03125vw;
  width: 7.9166666667vw;
  aspect-ratio: 191.52/255.04;
}
.top_banner2 .bannar_details .scrunchies_images .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top_banner2 .bannar_details .scrunchies_images .image:first-child {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 900px) {
  .top_banner2 .bannar_details .scrunchies_images .image:first-child {
    display: none;
  }
}
.top_banner2 .bannar_details .scrunchies_images .image:nth-child(2) {
  position: absolute;
  bottom: 0;
  left: 5.2083333333vw;
}
@media (max-width: 900px) {
  .top_banner2 .bannar_details .scrunchies_images .image:nth-child(2) {
    bottom: initial;
    top: 0;
    left: 0;
    rotate: 160deg;
    width: 10.0312564103vw;
    height: 10.9166666667vw;
  }
}
.top_banner2 .bannar_details .scrunchies_images .image:nth-child(3) {
  position: absolute;
  bottom: 0;
  left: 13.8020833333vw;
}
@media (max-width: 900px) {
  .top_banner2 .bannar_details .scrunchies_images .image:nth-child(3) {
    left: initial;
    right: 0;
    width: 10.0312564103vw;
    height: 10.9166666667vw;
  }
}
.top_banner2 .bannar_details .scrunchies_images .image:last-child {
  position: absolute;
  bottom: 0;
  left: 20.5729166667vw;
}
@media (max-width: 900px) {
  .top_banner2 .bannar_details .scrunchies_images .image:last-child {
    display: none;
  }
}

.banner2 {
  padding-top: 10.4166666667vw;
  position: relative;
}
.banner2 .container-fluid .wrapper .tagline {
  width: 15.7291666667vw;
  height: 2.5vw;
  border-radius: 1.1458333333vw;
  border: 0.0520833333vw solid #DADADA;
  background: var(--White, #FFF);
  box-shadow: 0 0.7581770833vw 1.5163541667vw 0 rgba(245, 248, 252, 0.6);
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 1.0416666667vw;
}
.banner2 .container-fluid .wrapper .heading {
  width: 49.0625vw;
  color: #1A1A1A;
  text-align: center;
  font-family: "DM Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 500;
  line-height: 4.1145833333vw;
  /* 131.667% */
  letter-spacing: -0.03125vw;
  text-transform: capitalize;
  margin: auto;
  margin-bottom: 0.5208333333vw;
}
.banner2 .container-fluid .wrapper .paragraph {
  width: 67.4479166667vw;
  color: #444;
  text-align: center;
  font-family: Inter;
  font-size: 1.1458333333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 1.9791666667vw;
  /* 172.727% */
  letter-spacing: -0.0114583333vw;
  margin: auto;
  margin-bottom: 1.3020833333vw;
}
.banner2 .container-fluid .wrapper .price {
  width: 20.5208333333vw;
  height: 3.90625vw;
  border-radius: 1.8229166667vw;
  background: #ECF2F8;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  color: #1E1E1E;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "SF Pro";
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1458333333vw;
  /* 84.615% */
  margin: auto;
  margin-bottom: 1.1979166667vw;
}
.banner2 .container-fluid .wrapper .bannerimage img {
  max-width: 100%;
  margin: auto;
}
.banner2 .container-fluid .wrapper .bannerimage img:first-child {
  display: block;
}
.banner2 .container-fluid .wrapper .bannerimage img:last-child {
  display: none;
}
.banner2 .container-fluid .wrapper .scrolldown {
  width: 14.5833333333vw;
  height: 3.75vw;
  border-radius: 1.3020833333vw;
  border: 0.0520833333vw solid #85838A;
  box-shadow: 0 0.3097395833vw 1.6518229167vw 0 rgba(194, 194, 194, 0.09);
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  color: #3E3E3E;
  text-align: center;
  font-family: Poppins;
  font-size: 1.1458333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.9791666667vw;
  /* 172.727% */
  justify-content: space-between;
  padding: 0 1.0416666667vw;
  position: absolute;
  bottom: 2.6041666667vw;
  left: 50%;
  transform: translate(-50%, 0);
}
.banner3 {
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 10.15625vw;
}
.banner3 .container-fluid .wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 3.4375vw;
  overflow: hidden;
  width: 84.7395833333vw;
  max-width: 100%;
  margin: auto;
  padding-top: 1.9270833333vw;
}
.banner3 .container-fluid .wrapper .text {
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 1.8229166667vw;
  border: 0.0520833333vw solid rgba(255, 255, 255, 0.3294117647);
  width: 59.5833333333vw;
  max-width: 100%;
  margin: auto;
  padding: 1.8229166667vw 2.34375vw;
  padding-bottom: 0;
  margin-bottom: 4.84375vw;
}
.banner3 .container-fluid .wrapper .text .heading {
  color: #FFFAFA;
  text-align: center;
  font-family: "SF Pro";
  font-size: 2.6041666667vw;
  font-style: normal;
  font-weight: 510;
  line-height: 2.8125vw;
  /* 108% */
  margin-bottom: 0.7291666667vw;
}
.banner3 .container-fluid .wrapper .text .paragraph {
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 1.1458333333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5104166667vw;
  /* 131.818% */
  letter-spacing: -0.0114583333vw;
}
.banner3 .container-fluid .wrapper .text .price {
  max-width: 100%;
  width: 20.5208333333vw;
  height: 3.90625vw;
  border-radius: 1.8229166667vw;
  background: #ECF2F8;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  color: #1E1E1E;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "SF Pro";
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1458333333vw;
  /* 84.615% */
  margin: auto;
  position: relative;
  transform: translate(0, 50%);
  text-decoration: none;
}
.banner3 .container-fluid .wrapper .bannerimage {
  width: 48.8305729167vw;
  height: 24.4864583333vw;
  max-width: 100%;
  margin: auto;
}
.banner3 .container-fluid .wrapper .bannerimage img {
  display: block;
  margin: auto;
  max-width: 100%;
}

.banner6 {
  height: 56.25vw;
  padding-top: 9.6875vw;
  background-size: 100% 100%;
}
.banner6 .container-fluid .wrapper {
  width: 84.21875vw;
  max-width: 100%;
  height: 38.59375vw;
  border-radius: 3.1770833333vw;
  background: linear-gradient(0deg, rgba(109, 109, 109, 0.2) 0%, rgba(109, 109, 109, 0.2) 100%), linear-gradient(0deg, rgba(51, 51, 51, 0.144) 0%, rgba(0, 0, 0, 0.116) 100%), rgba(0, 0, 0, 0.137254902);
  background-blend-mode: normal, saturation, plus-darker;
  backdrop-filter: blur(0.625vw);
  margin: auto;
  padding: 0 4.53125vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.banner6 .container-fluid .wrapper .text {
  width: 29.53125vw;
  max-width: 100%;
}
.banner6 .container-fluid .wrapper .text h6 {
  color: #E8E8E8;
  font-family: Inter;
  font-size: 1.1458333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.9791666667vw;
  letter-spacing: -0.0114583333vw;
}
.banner6 .container-fluid .wrapper .text h4 {
  color: #FFF;
  font-family: "DM Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: -0.1041666667vw;
}
.banner6 .container-fluid .wrapper .text h4 span:first-child {
  font-weight: 600;
}
.banner6 .container-fluid .wrapper .text h4 span {
  color: #FFF;
  font-family: "DM Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1041666667vw;
}
.banner6 .container-fluid .wrapper .text p {
  color: #E8E8E8;
  font-family: Inter;
  font-size: 1.1458333333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 1.9791666667vw;
  /* 172.727% */
  letter-spacing: -0.0114583333vw;
  margin-bottom: 1.3020833333vw;
}
.banner6 .container-fluid .wrapper .text a {
  width: 20.5208333333vw;
  height: 3.90625vw;
  border-radius: 1.8229166667vw;
  background: #ECF2F8;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  color: #1E1E1E;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "SF Pro";
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1458333333vw;
}
.banner6 .container-fluid .wrapper .bannerslider {
  display: flex;
  gap: 1.3020833333vw;
}
.banner6 .container-fluid .wrapper .bannerslider .single {
  width: 7.70046875vw;
  height: 24.9692708333vw;
  background: rgba(253, 253, 253, 0.2);
  border-radius: 1.5625vw;
  position: relative;
  transition: 0.5s ease-in-out;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.banner6 .container-fluid .wrapper .bannerslider .single.hovered {
  width: 28.1098958333vw;
  height: 24.9692708333vw;
  padding: 1.3020833333vw;
  max-width: 100%;
}
.banner6 .container-fluid .wrapper .bannerslider .single.hovered .icon {
  position: static;
  transform: translateX(0);
  width: 6.7463541667vw;
  height: 6.7463541667vw;
}
.banner6 .container-fluid .wrapper .bannerslider .single.hovered .titlw {
  height: initial;
  width: 18.0208333333vw;
  margin-left: auto;
  padding-top: 0;
}
.banner6 .container-fluid .wrapper .bannerslider .single.hovered .titlw h4 {
  transform: rotate(0deg);
  color: #FFF;
  text-align: right;
  font-family: "SF Pro";
  font-size: 2.2916666667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 118.2%;
  margin-bottom: 0.9895833333vw;
}
.banner6 .container-fluid .wrapper .bannerslider .single.hovered .descripition {
  display: block;
}
.banner6 .container-fluid .wrapper .bannerslider .single .icon {
  width: 4.42vw;
  height: 4.42vw;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  bottom: 1.5625vw;
  left: 50%;
  transform: translateX(-50%);
}
.banner6 .container-fluid .wrapper .bannerslider .single .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner6 .container-fluid .wrapper .bannerslider .single .titlw {
  padding-top: 2.0833333333vw;
  height: 15.625vw;
  width: 100%;
  position: relative;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}
.banner6 .container-fluid .wrapper .bannerslider .single .titlw h4 {
  color: #FFF;
  font-family: "SF Pro";
  font-size: 1.5625vw;
  font-style: normal;
  font-weight: 300;
  line-height: 118.2%;
  min-width: 11.71875vw;
  transform: rotate(90deg);
}
.banner6 .container-fluid .wrapper .bannerslider .single .descripition {
  display: none;
  max-width: 100%;
}
.banner6 .container-fluid .wrapper .bannerslider .single .descripition p {
  width: 24.34890625vw;
  color: #FFF;
  font-family: "SF Pro";
  font-size: 1.35703125vw;
  font-style: normal;
  font-weight: 274;
  line-height: 152%;
  max-width: 100%;
  padding: 0;
  margin: 0;
}

.opportunity {
  padding: 3.5416666667vw 0;
}
.opportunity .line {
  background: #818181;
  height: 0.0520833333vw;
  position: relative;
  margin-bottom: 3.5416666667vw;
}
.opportunity .line span {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  transform: translateX(-50%);
  width: 56.40625vw;
  height: 0.0520833333vw;
  background-color: #FFF;
}
.opportunity .container-fluid {
  width: 84.7395833333vw;
}
.opportunity .container-fluid .heading {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.8541666667vw;
}
.opportunity .container-fluid .heading .title {
  width: 30.78125vw;
  color: #1A1A1A;
  font-family: "DM Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 500;
  line-height: 3.28125vw;
  /* 105% */
  letter-spacing: -0.09375vw;
}
.opportunity .container-fluid .heading .description {
  width: 32.8125vw;
  color: rgba(14, 9, 24, 0.5);
  text-align: right;
  font-family: Inter;
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.3057291667vw;
  /* 170.269% */
}
.opportunity .container-fluid .tilegraph {
  display: flex;
  justify-content: space-between;
}
.opportunity .container-fluid .tiles {
  display: flex;
  flex-wrap: wrap;
  margin: -0.8333333333vw;
  width: 33.125vw;
}
.opportunity .container-fluid .tiles .single {
  width: 50%;
  padding: 0.8333333333vw;
}
.opportunity .container-fluid .tiles .single:nth-child(2) .inner {
  background: #FAE1A7;
}
.opportunity .container-fluid .tiles .single:nth-child(3) .inner {
  background: #FFCBE1;
}
.opportunity .container-fluid .tiles .single:last-child .inner {
  background: #D6F0FF;
}
.opportunity .container-fluid .tiles .single .inner {
  border-radius: 2.1741145833vw;
  background: #E5CDFF;
  box-shadow: 0 0.548125vw 2.8228645833vw 0 rgba(193, 196, 206, 0.14);
  padding: 2.0833333333vw;
  display: flex;
  flex-direction: column;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
}
.opportunity .container-fluid .tiles .single .inner h1 {
  color: #000;
  font-family: "DM Sans";
  font-size: 3.4895833333vw;
  font-style: normal;
  font-weight: 600;
  line-height: 87.523%;
  margin-bottom: 0.6770833333vw;
}
.opportunity .container-fluid .tiles .single .inner h2 {
  color: #544C4C;
  text-align: center;
  font-family: "SF Pro";
  font-size: 1.0416666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 134%;
}
.opportunity .container-fluid .bargraph {
  border-radius: 2.1741145833vw;
  background: #F6F0EC;
  box-shadow: 0 0.548125vw 2.8228645833vw 0 rgba(193, 196, 206, 0.14);
  width: 49.1145833333vw;
  padding: 2.0833333333vw 2.6041666667vw;
}
.opportunity .container-fluid .bargraph .title {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.8125vw;
}
.opportunity .container-fluid .bargraph .title h3 {
  color: #1A1A1A;
  font-family: "DM Sans";
  font-size: 1.5625vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.1115104167vw;
  letter-spacing: -0.046875vw;
}
.opportunity .container-fluid .bargraph .title p {
  width: 15.15625vw;
  color: #544C4C;
  text-align: right;
  font-family: "SF Pro";
  font-size: 1.0416666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 134%;
  text-transform: lowercase;
}
.opportunity .container-fluid .bargraph .single {
  display: flex;
  vertical-align: middle;
  align-items: center;
  margin-bottom: 0.5208333333vw;
}
.opportunity .container-fluid .bargraph .single:nth-child(2) .cprogress .progressbar {
  background: #FAE1A7;
}
.opportunity .container-fluid .bargraph .single:nth-child(3) .cprogress .progressbar {
  background: #EBCFFF;
}
.opportunity .container-fluid .bargraph .single:nth-child(4) .cprogress .progressbar {
  background: #FFCBE1;
}
.opportunity .container-fluid .bargraph .single:nth-child(5) .cprogress .progressbar {
  background: #FFD4C4;
}
.opportunity .container-fluid .bargraph .single:nth-child(6) .cprogress .progressbar {
  background: #FF9E97;
}
.opportunity .container-fluid .bargraph .single:nth-child(7) .cprogress .progressbar {
  background: #D6F0FF;
}
.opportunity .container-fluid .bargraph .single .year {
  width: 4.1666666667vw;
  color: #1A1A1A;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "SF Pro";
  font-size: 1.1979166667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1176041667vw;
  /* 93.295% */
  letter-spacing: 0.0239583333vw;
}
.opportunity .container-fluid .bargraph .single .cprogress {
  border-radius: 1.1979166667vw;
  background: #FFF;
  height: 3.125vw;
  padding: 0.2083333333vw;
  width: 39.3229166667vw;
  position: relative;
}
.opportunity .container-fluid .bargraph .single .cprogress .progressbar {
  border-radius: 1.0416666667vw;
  background: #FAE1A7;
  height: 2.7083333333vw;
  text-align: right;
  padding-right: 1.0416666667vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: right;
}
.opportunity .container-fluid .bargraph .single .cprogress .progressbar span {
  color: #000;
  font-family: "DM Sans";
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 87.523%;
}
.opportunity .container-fluid .bargraph .single .now {
  position: absolute;
  right: 0.9375vw;
  top: 0.9375vw;
  color: #226E65;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "SF Pro";
  font-size: 1.1979166667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1176041667vw;
  letter-spacing: 0.0239583333vw;
}

.jumbotron {
  margin-bottom: 5.0520833333vw;
}
.jumbotron .container-fluid {
  width: 72.1875vw;
}
.jumbotron .container-fluid .wrapper {
  border-radius: 0 2.6041666667vw 2.6041666667vw 0;
  background: linear-gradient(94deg, #E2E9F1 46.51%, #B0BCC9 106.49%);
  padding: 1.5625vw;
  position: relative;
}
.jumbotron .container-fluid .wrapper h4 {
  color: #1A1A1A;
  font-family: "DM Sans";
  font-size: 3.4895833333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 4.6750520833vw;
  letter-spacing: -0.1046875vw;
}
.jumbotron .container-fluid .wrapper .clicker {
  position: absolute;
  top: -0.6770833333vw;
  left: 0;
  transform: translateX(-50%);
  width: 1.0416666667vw;
  height: 14.0625vw;
}
.jumbotron .container-fluid .wrapper .clicker span {
  display: block;
}
.jumbotron .container-fluid .wrapper .clicker span:first-child {
  position: absolute;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  border-radius: 50%;
  background-color: #909090;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.jumbotron .container-fluid .wrapper .clicker span:last-child {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.2604166667vw;
  height: 100%;
  background: #909090;
}

.cagr .container-fluid {
  width: 54.0625vw;
  padding-bottom: 4.0104166667vw;
}
.cagr .container-fluid p {
  color: #4C4C4C;
  text-align: center;
  font-family: Roboto;
  font-size: 1.8229166667vw;
  font-style: normal;
  font-weight: 300;
  line-height: 153%;
}

.lineanimation {
  margin-bottom: 2.8125vw;
}
.lineanimation .container-fluid {
  width: 57.0833333333vw;
}
.lineanimation .container-fluid .wrapper {
  height: 0.0520833333vw;
  width: 100%;
  background: #878787;
}

.businessbox {
  background: #141C25;
  height: 62.2395833333vw;
  padding-top: 3.3854166667vw;
}
.businessbox .container-fluid {
  width: 73.9583333333vw;
}
.businessbox .container-fluid .heading h4 {
  color: #FFFAFA;
  text-align: center;
  font-family: "DM Sans";
  font-size: 4.2708333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 5.4108854167vw;
  letter-spacing: -0.128125vw;
  margin-bottom: 3.125vw;
}
.businessbox .container-fluid .swiperthumb {
  display: flex;
  vertical-align: middle;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4.6875vw;
}
.businessbox .container-fluid .swiperthumb .businessswiper-button-next,
.businessbox .container-fluid .swiperthumb .businessswiper-button-prev {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 1.875vw;
  border: 0.0520833333vw solid #FFF;
}
.businessbox .container-fluid .swiperthumb .businessthumbswiper {
  width: calc(100% - 8.3333333333vw);
  border-radius: 5.2083333333vw;
}
.businessbox .container-fluid .swiperthumb .businessthumbswiper .swiper-wrapper .swiper-slide {
  width: -moz-max-content;
  width: max-content;
}
.businessbox .container-fluid .swiperthumb .businessthumbswiper .swiper-wrapper .swiper-slide.swiper-slide-active .text {
  background-color: #fff;
  color: #252B33;
}
.businessbox .container-fluid .swiperthumb .businessthumbswiper .swiper-wrapper .swiper-slide .text {
  height: 3.125vw;
  background: #252B33;
  border-radius: 5.2083333333vw;
  color: #FFF;
  font-family: Roboto;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 300;
  line-height: 153%;
  white-space: nowrap;
  padding: 0.625vw 1.5625vw;
}
.businessbox .businesspreviewSwiper {
  padding: 0 1.0416666667vw;
}
.businessbox .businesspreviewSwiper .swiper-wrapper {
  padding-bottom: 2.6041666667vw;
}
.businessbox .businesspreviewSwiper .swiper-wrapper .swiper-slide {
  width: 26.6666666667vw;
}
.businessbox .businesspreviewSwiper .swiper-wrapper .swiper-slide.swiper-slide-prev .image {
  transform: rotate(-7deg);
  transform-origin: right bottom;
}
.businessbox .businesspreviewSwiper .swiper-wrapper .swiper-slide.swiper-slide-next .image {
  transform: rotate(7deg);
  transform-origin: left bottom;
}
.businessbox .businesspreviewSwiper .swiper-wrapper .swiper-slide .image img {
  width: 100%;
}

.skills {
  padding-top: 7.8125vw;
}
.skills .container-fluid {
  width: 84.375vw;
}
.skills .container-fluid .heading .row .col-8 h6 {
  color: #1E1E1E;
  font-family: Roboto;
  font-size: 1.3020833333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 153%;
}
.skills .container-fluid .heading .row .col-8 h4 {
  color: #1A1A1A;
  font-family: "DM Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 500;
  line-height: 3.28125vw;
  letter-spacing: -0.09375vw;
  width: 37.5vw;
  max-width: 100%;
}
.skills .container-fluid .heading .row .col-4 p {
  color: #1E1E1E;
  text-align: right;
  font-family: Roboto;
  font-size: 1.3020833333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 153%;
}
.skills .container-fluid .row .col-md-3 .single .number {
  color: #CFCFCF;
  text-align: right;
  font-family: Roboto;
  font-size: 2.9166666667vw;
  font-style: normal;
  font-weight: 600;
  line-height: 153%;
}
.skills .container-fluid .row .col-md-3 .single .skillcard {
  border-radius: 1.1969791667vw;
  border: 0.0520833333vw solid #DADADA;
  background: var(--White, #FFF);
  box-shadow: 0 0.7581770833vw 1.5163541667vw 0 rgba(245, 248, 252, 0.6);
  padding: 0.625vw;
}
.skills .container-fluid .row .col-md-3 .single .skillcard .image {
  margin-bottom: 1.0416666667vw;
}
.skills .container-fluid .row .col-md-3 .single .skillcard .image img {
  width: 100%;
}
.skills .container-fluid .row .col-md-3 .single .skillcard .text h3 {
  color: #2A2D32;
  font-family: "DM Sans";
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.110625vw;
  margin-bottom: 0.7291666667vw;
}
.skills .container-fluid .row .col-md-3 .single .skillcard .text p {
  color: #717171;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "DM Sans";
  font-size: 0.8333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3268229167vw;
  margin-bottom: 0.7291666667vw;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* sirf 2 line dikhayega */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.skills .container-fluid .row .col-md-3 .single .skillcard .text ul {
  display: flex;
  padding: 0;
  margin: 0;
  gap: 0.7291666667vw;
}
.skills .container-fluid .row .col-md-3 .single .skillcard .text ul li {
  width: 6.2075520833vw;
  height: 1.8954166667vw;
  border-radius: 2.5453125vw;
  border: 0.0636458333vw solid #F4F4F4;
  background: #D9F0FF;
  color: #3D3D3D;
  text-align: center;
  font-family: Poppins;
  font-size: 0.6770833333vw;
  font-style: normal;
  font-weight: 400;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}
.skills .container-fluid .row .col-md-3 .single .skillcard .text ul li:nth-child(2) {
  background: #FCD8C6;
}
.skills .container-fluid .bottomline {
  height: 0.0520833333vw;
  border-bottom: 0.0520833333vw dashed #545454;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: space-around;
  margin: 2.6041666667vw 0;
  margin-bottom: 8.4895833333vw;
}
.skills .container-fluid .bottomline span {
  display: block;
  width: 0.4166666667vw;
  height: 0.4166666667vw;
  background-color: #2E395A;
  border-radius: 50%;
}

.bundle {
  background: linear-gradient(180deg, #E2E9F1 0%, #B0BCC9 100%);
  padding: 2.7083333333vw 0;
  padding-bottom: 5.78125vw;
}
.bundle .container-fluid {
  width: 84.375vw;
}
.bundle .container-fluid .heading {
  margin-bottom: 3.9583333333vw;
}
.bundle .container-fluid .heading .row {
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.bundle .container-fluid .heading .row .col-6 h4 {
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 500;
  line-height: 3.9583333333vw;
  /* 126.667% */
  letter-spacing: -0.09375vw;
  width: 30.9895833333vw;
}
.bundle .container-fluid .heading .row .col-6 p {
  color: #1E1E1E;
  text-align: right;
  font-family: Inter;
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8229166667vw;
  width: 29.0625vw;
  margin-left: auto;
}
.bundle .container-fluid .bundlelist {
  display: flex;
  gap: 1.71875vw;
  justify-content: center;
}
.bundle .container-fluid .bundlelist .single {
  width: 22.7083333333vw;
  border-radius: 2.4479166667vw;
  border: 0.0520833333vw solid #DADADA;
  background: var(--White, #FFF);
  padding: 3.28125vw 2.2395833333vw 2.65625vw 1.6666666667vw;
}
.bundle .container-fluid .bundlelist .single .icon {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  width: 3.9974479167vw;
  height: 3.75515625vw;
  border-radius: 0.6160416667vw;
  background: #FDEBB7;
  color: #2A2D32;
  font-family: Inter;
  font-size: 2.03125vw;
  font-style: normal;
  font-weight: 600;
  line-height: 2.2780729167vw;
  margin-bottom: 1.25vw;
}
.bundle .container-fluid .bundlelist .single h5 {
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 1.8229166667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.3958333333vw;
  letter-spacing: -0.0546875vw;
  margin-bottom: 0.8854166667vw;
}
.bundle .container-fluid .bundlelist .single p {
  color: #525252;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "DM Sans";
  font-size: 1.1458333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5625vw;
  margin-bottom: 2.65625vw;
}
.bundle .container-fluid .bundlelist .single .earning p {
  color: #656565;
  font-family: "DM Sans";
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 400;
  line-height: 0.5208333333vw;
  /* 55.556% */
  letter-spacing: -0.028125vw;
  text-align: center;
  margin-bottom: 1.0416666667vw;
}
.bundle .container-fluid .bundlelist .single .earning h6 {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  width: 15.9375vw;
  height: 3.90625vw;
  border-radius: 1.8229166667vw;
  background: #ECF2F8;
  color: #1E1E1E;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "SF Pro";
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1458333333vw;
  margin: auto;
}

.zerorisk {
  padding: 5.2083333333vw 0 7.03125vw 0;
  background: #ECF2F8;
}
.zerorisk .container-fluid {
  width: 84.375vw;
}
.zerorisk .container-fluid .heading {
  margin-bottom: 2.7604166667vw;
}
.zerorisk .container-fluid .heading h3 {
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 400;
  line-height: 3.9583333333vw;
  letter-spacing: -0.09375vw;
}
.zerorisk .container-fluid .heading h3 span {
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 4.2708333333vw;
  font-style: normal;
  font-weight: 600;
  line-height: 5.4357291667vw;
  letter-spacing: -0.128125vw;
}
.zerorisk .container-fluid .wrapper {
  width: 72.2916666667vw;
  margin: auto;
}
.zerorisk .container-fluid .row {
  margin: -0.8854166667vw;
}
.zerorisk .container-fluid .row .col-md-9,
.zerorisk .container-fluid .row .col-md-6,
.zerorisk .container-fluid .row .col-md-3 {
  padding: 0.8854166667vw;
}
.zerorisk .container-fluid .row .single {
  border-radius: 3.28125vw;
  border: 0.0520833333vw solid #B2B2B2;
  background: var(--White, #FFF);
  padding: 2.34375vw 1.71875vw;
  display: flex;
  vertical-align: middle;
  align-items: end;
  height: 100%;
  background-position: top right;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 5.2083333333vw;
}
.zerorisk .container-fluid .row .single .inner h5 {
  position: absolute;
  top: 1.5625vw;
  right: 1.5625vw;
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 1.8229166667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.3958333333vw;
  letter-spacing: -0.0546875vw;
}
.zerorisk .container-fluid .row .single .inner h6 {
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 1.8229166667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.3958333333vw;
  /* 131.429% */
  letter-spacing: -0.0546875vw;
  margin-bottom: 0.625vw;
}
.zerorisk .container-fluid .row .single .inner h6.yellow {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  z-index: 2;
}
.zerorisk .container-fluid .row .single .inner h6.yellow::before {
  content: "";
  position: absolute;
  right: -0.3125vw;
  top: 50%;
  transform: translateY(-50%);
  width: 15.0520833333vw;
  height: 3.2291666667vw;
  border-radius: 0.6160416667vw;
  background: #FDEBB7;
  z-index: -1;
}
.zerorisk .container-fluid .row .single .inner h6.pink {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  z-index: 2;
}
.zerorisk .container-fluid .row .single .inner h6.pink::before {
  content: "";
  position: absolute;
  left: -0.5729166667vw;
  top: 50%;
  transform: translateY(-50%);
  width: 10.9375vw;
  height: 3.2291666667vw;
  border-radius: 0.625vw;
  background: #FFCBE1;
  z-index: -1;
}
.zerorisk .container-fluid .row .single .inner p {
  max-width: 26.5625vw;
  color: #525252;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "DM Sans";
  font-size: 1.1458333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8229166667vw;
}

.certificate {
  padding: 4.1666666667vw 0;
}
.certificate .container-fluid {
  width: 85.9375vw;
}
.certificate .container-fluid .heading .row {
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.certificate .container-fluid .heading .row .col-md-6 h6 {
  display: flex;
  vertical-align: middle;
  align-items: center;
  margin: 0;
}
.certificate .container-fluid .heading .row .col-md-6 h6 img {
  width: 6.8229166667vw;
  height: 10.15625vw;
  aspect-ratio: 43/64;
}
.certificate .container-fluid .heading .row .col-md-6 h6 span {
  color: #080808;
  font-family: "DM Sans";
  font-size: 3.8020833333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 4.4791666667vw;
  letter-spacing: -0.1140625vw;
}
.certificate .container-fluid .heading .row .col-md-6 p {
  color: #1E1E1E;
  text-align: right;
  font-family: Inter;
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8229166667vw;
  margin: 0;
}
.certificate .container-fluid .wrapper .row {
  margin: -0.78125vw;
}
.certificate .container-fluid .wrapper .row > div {
  padding: 0.78125vw;
}
.certificate .container-fluid .wrapper .single {
  border-radius: 1.1558333333vw;
  border: 0.0520833333vw solid #BEBEBE;
  height: 100%;
  min-height: 20.3645833333vw;
  display: flex;
  flex-direction: column;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}
.certificate .container-fluid .wrapper .single img {
  max-width: 100%;
  height: 5.2083333333vw;
  display: block;
  margin: 0 auto;
  margin-bottom: 1.25vw;
}
.certificate .container-fluid .wrapper .single h6 {
  color: #404040;
  text-align: center;
  font-family: "SF Pro";
  font-size: 1.8229166667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.3958333333vw;
}
.certificate .container-fluid .wrapper .col-7 .single img {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.newtestimonials {
  background: linear-gradient(180deg, #E2E9F1 0%, #B0BCC9 100%);
  padding: 3.6458333333vw 0 13.0208333333vw 0;
  overflow: hidden;
}
.newtestimonials .container-fluid {
  width: 100%;
  padding: 0;
}
.newtestimonials .container-fluid .heading {
  margin-bottom: 2.0833333333vw;
  padding: 0 7.8125vw;
}
.newtestimonials .container-fluid .heading .row {
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.newtestimonials .container-fluid .heading .row .col-6 h4 {
  color: #1A1A1A;
  font-family: "DM Sans";
  font-size: 2.6041666667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 3.28125vw;
  /* 126% */
  letter-spacing: -0.078125vw;
}
.newtestimonials .container-fluid .heading .row .col-6 p {
  color: #1E1E1E;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "SF Pro";
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1458333333vw;
  /* 84.615% */
  position: relative;
  padding-left: 1.09375vw;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  max-width: 100%;
}
.newtestimonials .container-fluid .heading .row .col-6 p::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  width: 19.6354166667vw;
  height: 0.0520833333vw;
  background: #474747;
}
.newtestimonials .container-fluid .wrapper .revenueSwiper {
  padding-left: 7.8125vw;
}
.newtestimonials .container-fluid .wrapper .revenueSwiper .swiper-wrapper .swiper-slide {
  width: 22.7083333333vw;
}
.newtestimonials .container-fluid .single {
  width: 100%;
  height: 25.15625vw;
  border-radius: 3.28125vw;
  border: 0.0520833333vw solid #B2B2B2;
  background: var(--White, #FFF);
  padding: 0.78125vw;
}
.newtestimonials .container-fluid .single .image {
  width: 6.26828125vw;
  height: 6.26828125vw;
  border-radius: 50%;
  background-color: lightgray;
  overflow: hidden;
  margin-left: auto;
}
.newtestimonials .container-fluid .single .image img {
  width: 100%;
  height: 100%;
}
.newtestimonials .container-fluid .single .text {
  padding: 0 1.5625vw;
}
.newtestimonials .container-fluid .single .text h5 {
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 1.8229166667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.9270833333vw;
  /* 105.714% */
  letter-spacing: -0.0546875vw;
}
.newtestimonials .container-fluid .single .text h6 {
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 300;
  line-height: 1.9270833333vw;
  letter-spacing: -0.0375vw;
  margin-bottom: 1.3541666667vw;
}
.newtestimonials .container-fluid .single .text p {
  color: #525252;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "DM Sans";
  font-size: 1.0416666667vw;
  font-style: italic;
  font-weight: 400;
  line-height: 1.7708333333vw;
  /* 170% */
  margin-bottom: 1.40625vw;
}
.newtestimonials .container-fluid .single .text span {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  padding: 0.78125vw 2.2916666667vw;
  border-radius: 1.8229166667vw;
  background: #ECF2F8;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  color: #1E1E1E;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "SF Pro";
  font-size: 1.1979166667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1458333333vw;
  /* 95.652% */
}

.business {
  margin-bottom: 3.6458333333vw;
  margin-top: -7.3958333333vw;
}
.business .container-fluid {
  width: 84.375vw;
}
.business .container-fluid .wrapper {
  border-radius: 4.4270833333vw;
  background: linear-gradient(180deg, #1E1E1E 0%, #000 100%);
  padding: 4.4270833333vw;
  position: relative;
}
.business .container-fluid .wrapper::after {
  content: "Your print business";
  position: absolute;
  bottom: 2.03125vw;
  right: 2.2395833333vw;
  color: #121212;
  -webkit-text-stroke-width: 0.0151041667vw;
  -webkit-text-stroke-color: #000;
  font-family: "DM Sans";
  font-size: 6.6559375vw;
  font-style: normal;
  font-weight: 900;
  line-height: 7.5275vw;
  /* 113.095% */
  letter-spacing: -0.1996875vw;
}
.business .container-fluid .wrapper .row {
  display: flex;
  vertical-align: middle;
  align-items: center;
  height: 28.4375vw;
}
.business .container-fluid .wrapper .row .col-md-7 h5 {
  color: #FDFDFD;
  font-family: "DM Sans";
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.81109375vw;
  letter-spacing: -0.075vw;
  margin: 0;
}
.business .container-fluid .wrapper .row .col-md-7 h6 {
  color: #FDFDFD;
  font-family: "DM Sans";
  font-size: 3.6458333333vw;
  font-style: normal;
  font-weight: 800;
  line-height: 4.9479166667vw;
  /* 135.714% */
  letter-spacing: -0.109375vw;
  margin-bottom: 1.3541666667vw;
}
.business .container-fluid .wrapper .row .col-md-7 p {
  color: #FDFDFD;
  font-family: Roboto;
  font-size: 1.3020833333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 153%;
  margin-bottom: 3.2291666667vw;
}
.business .container-fluid .wrapper .row .col-md-7 a {
  width: 15.9375vw;
  height: 3.90625vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  border-radius: 1.8229166667vw;
  border: 0.0520833333vw solid #919191;
  background: #1E1E1E;
  box-shadow: 0 0.8333333333vw 1.6666666667vw 0 rgba(33, 34, 38, 0.05);
  color: #FFF;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "SF Pro";
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1458333333vw;
  text-decoration: none;
}
.business .container-fluid .wrapper .row .col-md-5 h4 {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  width: 6.7708333333vw;
  height: 3.3854166667vw;
  border-radius: 109.6580208333vw;
  background: #1E1E1E;
  color: #FFF;
  font-family: Inter;
  font-size: 1.0416666667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75453125vw;
  text-transform: capitalize;
  margin-left: auto;
  margin-bottom: 0.8854166667vw;
}
.business .container-fluid .wrapper .row .col-md-5 h3 {
  color: #FDFDFD;
  text-align: right;
  font-family: "DM Sans";
  font-size: 4.375vw;
  font-style: normal;
  font-weight: 500;
  line-height: 4.9479166667vw;
  letter-spacing: -0.13125vw;
}
.business .container-fluid .wrapper .row .col-md-5 h3 del {
  color: #929292;
  font-family: "DM Sans";
  font-size: 1.7708333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.0111979167vw;
  letter-spacing: -0.053125vw;
  margin-right: 1.09375vw;
}/*# sourceMappingURL=style 4.css.map */