* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

*:after,
*:before {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
.iso-margin {
  padding-right: 25px;
}
.customized {
  margin: 160px 0 0 0;
  background: linear-gradient(
    180deg,
    #f7f9fe 0%,
    rgba(247, 249, 254, 0.7) 100%
  );
}

.box-sha {
  background: #ffffff;
  box-shadow: 2px 4px 30px 2px rgba(202, 202, 202, 0.2);
  border-radius: 16px;
  margin: 24px 0;
}

fieldset,
img {
  border: 0;
  display: initial;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
}

header,
nav,
section,
article,
aside,
footer,
hgroup,
figure {
  display: block;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

button:focus,
input:focus {
  outline: none;
  box-shadow: none;
  outline-color: transparent;
  outline-width: 0;
}

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

html,
body {
  max-width: 100%;
  font-family: "Nunito" !important;
}

.modal-content {
  border: 0;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}

a,
a:hover {
  text-decoration: none;
  outline: 0;
  outline-color: transparent;
  outline-width: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* .dropdown-item { margin: 10px 0;} */
html,
body {
  min-width: 100%;
}

.partimgg {
  height: 80px;
  margin-top: -8px;
}

#navbar_top a {
  padding: 10px;
  font: normal 14px/19px "Nunito";
}

.faaa .fa {
  margin: 0 10px 0 0;
}

a {
  font: normal 16px/22px "poppins";
  text-decoration: none;
  color: #000000;
}

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

.headhigh {
  margin-top: 75px;
}

h1 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 38px;
  line-height: 57px;
  color: #000000;
}

h2 {
  font: normal 600 100px/150px "poppins";
}

h3 {
  font: normal 600 29px/44px "poppins";
}

h4 {
  font: 600 18px/27px "poppins";
}

h5 {
  font: 600 24px/36px "poppins";
}

h6 {
  font: 590 13px/27px "poppins";
}

p {
  font: 500 18px/27px "poppins";
  color: #757575;
}

.py-55 {
  padding-top: 7rem !important;
  padding-bottom: 4rem !important;
}

.py-56 {
  padding-top: 7rem !important;
}

.bbttnn {
  position: absolute;
  bottom: 10px;
  right: 50px;
  padding: 10px 2px;
  border-radius: 10px;
  border: 1px solid #eee;
}

.slider,
.home-slider {
  position: absolute;
  height: 48px;
  width: 24px;
  bottom: 15px;
  border-radius: 20px;
  border: 1px solid #eee;
  left: 50%;
  transform: translateX(-50%);
  background-size: contain;
  z-index: 2;
}

ul.colom li {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  /* text-align: justify; */
  color: #cacaca;
}

.movement {
  background: #4ad7d1;
  height: 6px;
  width: 6px;
  margin: 6px;
  border-radius: 50%;
}

@keyframes movement {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(15px);
  }

  50% {
    transform: translateY(0px);
  }

  75% {
    transform: translateY(-15px);
  }

  100% {
    transform: translateY(0);
  }
}

.movement {
  animation: 3s linear infinite movement;
}

.nav-barr {
  padding: 0 40px;
  height: 64px;
}

.roww p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
}

.navbar-navv .nav-item.active .nav-link,
.navbar-navv .nav-item:hover .nav-link {
  color: #4ad7d1;
  padding-bottom: 5px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: #4ad7d1;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}

.outline {
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
    1px 1px 0 #000;
}

/* header {position: fixed;top: 0;right: 0;left: 0;background-color: #fff;z-index: 5;border-bottom: 1px solid #dcdfdf;} */
.navbar-reduce .dropdown-menu,
.navbar-reduce .dropdown-menu .bg-black,
.navbar-reduce .dropdown-menu .sqbox {
  background: #ffffff;
}

.nav-barr.navbar-reduce {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);

  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: #fff !important;
  z-index: 5;
  border-bottom: unset;
  background: #ffffff;
}

.dropdown-menu {
  border: 0 !important;
}

.nav-barr.navbar-reduce a {
  color: #afafaf !important;
}

.nav-barr.navbar-reduce a:hover {
  color: #000000 !important;
}

.nav-barr.navbar-reduce .sta:hover,
.nav-barr.navbar-reduce.mover:hover svg > path {
  fill: #4ad7d1;
  transition: all 0.2s ease-in-out;
}

.nav-barr.navbar-reduce.sta:hover,
.nav-barr.navbar-reduce.movers:hover svg > path {
  stroke: #4ad7d1;
  transition: all 0.2s ease-in-out;
}

.nav-barr.navbar-reduce .dropdown-menu a.dropdown-item {
}

.nav-barr.navbar-reduce .dropdown-menu a.dropdown-item:hover {
  color: #000 !important;
}

.nav-barr.navbar-reduce .blue-circle {
  background-color: #000 !important;
}

.nav-barr.navbar-reduce .blue-circle p {
  color: #fff !important;
}

.nav-barr .navbar-brand img:first-child {
  display: block;
}

.nav-barr .navbar-brand img:not(:first-child) {
  display: none !important;
}

.nav-barr.navbar-reduce .navbar-brand img:first-child {
  display: none !important;
}

.nav-barr.navbar-reduce .navbar-brand img:not(:first-child) {
  display: block !important;
}

/* .nav-barr .outer-img img:first-child{ display: block;}
.nav-barr.navbar-reduce .outer-img img:first-child{ display: none;}
.nav-barr .outer-img img:not(:first-child){ display: none;}
.nav-barr.navbar-reduce .outer-img img:not(:first-child){ display: block;}
.navbar-reduce .navbar-brand .white-logo{display:none} */

@keyframes slideInUUp {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUUp {
  -webkit-animation-name: slideInUUp;
  animation-name: slideInUUp;
}

#navbar_topp.bg-white .navbar-nav .nav-item .nav-link {
  color: #000;
}

.stroke {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-size-adjust: 1px;
  /* -webkit-text-stroke-color: #fefefe; */
  transition: transform 2s ease;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
}

.finalup {
  animation: fade 5s cubic-bezier(0, 0, 0, 10) 0s, 1s ease 4s slideInUupp;
}

.anime {
  animation: 3s ease-in-out slideInLeft;
}

.plateform-points {
  padding-top: 30px;
}

.service-container p,
.plateform-points ul li {
  margin-bottom: 10px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #757575;
}

.platform-service span {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
}

.service-container {
  padding-top: 40px;
}

.signedup-service {
  padding-top: 150px;
}

.platform-service {
  background: rgba(201, 240, 255, 0.2);
}

@-webkit-keyframes slideInUupp {
  from {
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
    visibility: hidden;
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
  }
}

.Right-anime {
  animation: 3s ease-in-out slideInRight, 1s ease-in-out 3s slideInUUp;
  animation-fill-mode: forwards;
}

@keyframes fade {
  from {
    opacity: 0.5;
    visibility: visible;
  }

  to {
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

.nav-barrr .nav-item,
.nav-barr .nav-item {
  padding: 8px 2px;
  transition: all 0.3s;
}

.nav-barrr .nav-item .nav-link,
.nav-barr .nav-item .nav-link {
  text-transform: uppercase;
}

.nav-barr .nav-item.eennn a {
  color: #000;
}

.nav-barrr
  .nav-item.eennn
  .nav-link:hover
  .nav-barr
  .nav-item.eennn
  .nav-link:hover {
  border-bottom: none;
}

.nav-barr .nav-item.eennn {
  background-color: #fff;
  border-radius: 50%;
  padding: 0px;
  height: 32px;
  width: 32px;
  margin: 8px;
}

.nav-barr .nav-item.eennn {
  background-color: #000;
}

.nav-barrr .dropdown:hover .dropdown-menu,
.nav-barr .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: -10px;
}

.nav-barr .nav-item:hover .nav-link {
  color: #fff;
}

.nav-barrr .nav-item:hover .nav-link {
  color: #000;
}

.dropdown-item {
  color: #afafaf !important;
  margin: 15px 0 !important;
  transition: all 0.3s;
}

.nav-barrr .dropdown-menu :hover,
.bg-black .nav-barr .dropdown-menu :hover,
.bg-black {
  background: #000;
  z-index: 99999 !important;
}

.text-black {
  color: #000 !important;
}

/* .nav-barr .dropdown-menu .dropdown-item:hover {
    color: #fff;
} */

.cust-width {
  width: 515px;
  /* margin: 0 auto; */
  text-align: center;
}

poos {
  position: absolute;
  top: 15%;
  left: 8%;
}

.banner-text h5 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #cacaca;
}

.dropdown-item img {
  margin: 0 8px;
}

.p30 {
  padding: 0 60px;
}

.p30l {
  padding-left: 60px;
}

.p30r {
  padding-right: 60px;
}

/* .banner-text:before{ position: relative;} */
.banner-text {
  position: absolute;
  padding: 0 80px;
  top: 55%;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}

.partners-section {
  position: relative;
  margin: 450px 0 100px 0;
}

.partners-section .partimg {
  height: 80px;
  display: inline;
}

.platform-service .suf-img,
.startup-services .suf-img,
.academia-services .suf-img,
.investor-services .suf-img,
.corporate-services .suf-img,
.startup-section .suf-img,
.account-section .suf-img,
.bill-sec .suf-img,
.bookmarked-section .suf-img,
.trends-section .suf-img,
.dollar-section .suf-img,
.dollarartical-section .suf-img,
.platform .suf-img,
.we-offer .suf-img,
.demo .suf-img,
.signedup .suf-img,
.customized .suf-img,
.testimonial-sec .suf-img,
.Blog-section .suf-img,
.partners-section .suf-img {
  width: 40px;
  height: 2px;
  align-self: center;
  margin-left: 10px;
}

.accordion-heading div {
  margin: 0 15px 0;
  background: #000;
  border-radius: 4px;
  padding: 4px;
}

.bttn {
  padding: 10px 20px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #000 !important;
  background: #ffffff;
  background-color: rgb(255, 255, 255);
  border-radius: 6px;
}

.blog-padd {
  padding-top: 120px;
}

.num {
  padding-bottom: 16px;
  color: #cacaca;
  display: flex;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
}

.num a {
  text-decoration: none;
  outline: 0;
  color: #000000;
}

.num a:hover {
  text-decoration: none;
  outline: 0;
  color: #000000;
}

.nump {
  color: #757575;
  padding-bottom: 72px;
}

.demoo {
  position: relative;
  background: rgba(247, 249, 254, 1);
  border-radius: 15px;
  overflow: hidden;
  z-index: 2;
  padding: 32px 0;
  box-shadow: 2px 4px 30px 2px rgba(202, 202, 202, 0.3);
}

.simple {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 29px;
  line-height: 44px;
  color: #4ad7d1;
  padding: 0 34px 0;
}
.resouce-zef-button-2 {
  margin-top: 2rem;
}
@media (min-width: 1200px) {
  .containner {
    max-width: 1190px;
    margin: 0 auto;
  }
}

.book {
  text-align: center;
  padding-bottom: 50px;
}

.py-11 {
  padding-top: 100px;
  padding-bottom: 200px;
}

.py-22 {
  padding-top: 78px;
  padding-bottom: 108px;
}

.roww {
  display: flex;
}

.rolexx {
  display: flex;
  justify-content: space-around;
}

/*.we-offer {*/
/*    padding: 200px 0;*/
/*}*/

/* .platform .text-container p {
    background: #fff;
    margin: 24px;
    padding: 14px;
    border-radius: 10px;
} */

p.test-para {
  display: block;
  flex-wrap: nowrap;
  flex-direction: column;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #404654;
}

.test-para h4 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px;
  line-height: 27px;
  color: #000000;
}

.test-para p {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 22px;
  text-align: justify;
  color: #585858;
}

.test-para {
  padding: 0px 22px 21px 27px;
  text-align: justify;
  display: block;
  flex-wrap: nowrap;
  flex-direction: column;
}

.test-para h4 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px;
  line-height: 27px;
  color: #000000;
}

.test-para p {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 22px;
  text-align: justify;
  color: #585858;
}

.tabs-con {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #101518;
  padding: 20px;
  margin: 20px;
}

.tcenmid {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

.tcenmd {
  padding: 20px;
}

.platform .nav-tabs .nav-link span {
  padding: 0 15px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
}

.demoo::before {
  content: "";
  top: 0px;
  z-index: -1;
  position: absolute;
  background: #fff;
  right: 0;
  border-top: 280px solid #fff;
  border-left: 280px solid #f7f9fe;
}

.slick-list.draggable {
  height: 250px !important;
}

/*.testimonial-sec {*/
/*    padding: 160px 0 49px 0;*/
/*}*/

.mb-200 {
  margin-bottom: 200px;
}

.testimonial-sec .slick-list.draggable {
  height: 480px !important;
}

.solid {
  position: relative;
}

/* .solid::before {
    position: absolute;
    content: "";
    background: #fff;
    height: 144px;
    width: 3px;
    left: 50%;
    bottom: -130px;
    transform: translateX(-50%);
    z-index: 3;
} */

.slicker img {
  max-width: 160px;
  text-align: center;
  height: 80px;
  margin: 20px auto;
}

.slick-dots li.slick-active button {
  height: 15px;
  color: #000;
  width: 15px;
  background: #000;
}

.slick-dots li button {
  display: block;
  width: 10px;
  height: 10px;
  padding: 5px;
  cursor: pointer;
  /* color: #000; */
  border: 0;
  outline: none;
  background: #d9d9d9;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: transparent !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mobile-flex {
  display: flex;
  padding-bottom: 20px;
}

.mobile-flex .jj {
  padding: 0 15px;
}

.custhead {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  color: #000000;
  padding: 0 15px;
}

.platform .bttnc {
  margin: 40px 0 0;
  padding: 10px 20px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #ffffff !important;
  background: #000000 !important;
  border-radius: 6px;
}

.demoo .bttnc {
  padding: 10px 20px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #ffffff !important;
  background: #000000 !important;
  border-radius: 6px;
}

.customized .bttnc {
  padding: 10px 20px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #ffffff !important;
  background: #000000 !important;
  border-radius: 6px;
}

.role p {
  padding: 0px 80px 0 5px;
}

.platform .nav-tabs .nav-link div {
  padding: 0 15px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
}

.role {
  padding: 0 0 80px 0;
}

.dd h4 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 29px;
  line-height: 44px;
  color: #4ad7d1;
}

.roww div {
  padding: 40px;
  text-align: justify;
}

/* .platform, .customized{ background: #f7f9fe;margin-top: 60px;padding-top: 50px;} */
.platform .tab-content h2 {
  display: none;
}

.slick-dots {
  position: absolute;
  bottom: -50px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.started {
  padding: 30px 0;
  margin: 200px 0 0 0;
}

.platform .text-container p {
  background: #fff;
  border-radius: 10px;
  background: #fff;
  margin: 40px 5px 0 5px;
  padding: 20px;

  height: 100px;
  width: 520px;
}

.platform .bttn {
  margin: 40px 0 0 0;
}

.accordion-content,
.accordion-heading {
  background: #fff;
}

.empty {
  padding: 10px 0;
  background: #fff;
}

.accordion-heading img {
  margin: 0 14px 0;
  background: #000;
  border-radius: 4px;
  padding: 4px;
}

.accordion-heading.active img {
  background: #4ad7d1;
}

.accordion-heading.active .iconair {
  filter: invert(100%);
}

.platform .nav-tabs .nav-link.active .iconair {
  filter: invert(100%);
}

.accordion-heading.active .sqbox {
  background: #4ad7d1;
}

.sqbox {
  background: #000;
  height: 32px !important;
  border-radius: 8px;
  width: 32px !important;
  padding: 0 0px !important;
  display: -webkit-inline-box;
}

.platform .nav-tabs .nav-link.active .sqbox {
  background: #4ad7d1;
}

.accordion-content ul li {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #585858;
  padding: 0px 15px;
}

.accordion-content a h3 {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: #4ad7d1;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;

  font-family: "Poppins";
  font-style: normal;
  padding: 12px 14px 20px;
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
}

.accordion-content a:hover h3 {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: #4ad7d1;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;

  font-family: "Poppins";
  font-style: normal;
  padding: 12px 14px 20px;
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
  color: #000000;
}

/* .accordion-content, .accordion-heading {
    box-shadow: 2px 4px 30px 2px rgba(202, 202, 202, 0.2);
    border-radius: 16px;
} */

.part {
  opacity: 0;
  transition: all 0.3s;
  /*color: #000;*/
  background-color: #fff;
}

.slicker div img:hover .part {
  opacity: 1;
  display: block;
}

.slick-slide.slick-active .part {
  opacity: 0;
  /* color: #000*/
}

.signedup .slick-slider .slick-active:hover .part {
  opacity: 1;
  /* color: #000*/
  max-width: 160px;
  text-align: center;
  height: 80px;
  margin: 20px auto;
  margin-top: -10px;
}

.signedup .slick-slider .slick-active:hover img {
  border-bottom: 2px solid #f2f2f2;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
}

.sustainable {
  margin-top: 210px;
}

.sustainable .container::before {
  content: "";
  top: 0.5px;
  position: absolute;
  background: #fff;
  right: 0.5px;
  border-top: 670px solid #fff;
  border-left: 570px solid #f7f9fe;
}

.sustainable h6 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
  padding-left: 40px;
  padding-bottom: 32px;
}

.sustainable .bttnc {
  padding: 10px 20px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #ffffff !important;
  background: #000000 !important;
  border-radius: 6px;
}

.pott .bttnc {
  padding: 10px 20px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #ffffff !important;
  background: #000000 !important;
  border-radius: 6px;
  margin-top: 56px;
}

.bttnc:hover {
  box-shadow: 4px 4px 20px rgba(117, 117, 117, 0.25);
}

.btn:hover {
  box-shadow: 4px 4px 20px rgba(117, 117, 117, 0.25) !important;
}

.Blog-section {
  padding: 136px 0 200px 0;
}

.Blog-section h3 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-transform: uppercase;
  color: #000000;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: #4ad7d1;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}

.sustainable .container {
  position: relative;
  z-index: 0;
  overflow: hidden;
  background: #f7f9fe;
  border-radius: 7px;

  box-shadow: 2px 4px 30px 2px rgba(202, 202, 202, 0.2);
  border-radius: 12px;
}

.btnn {
  display: flex;
  text-align: center;
  justify-content: center;
  margin-top: 0rem !important;
}

.btnn .button-dark {
  border: 1px solid #000;
  margin: auto 0;
  text-align: center;
  display: flex;
}

.platform .nav-tabs .nav-link.active {
  background: #f7f9fe;
}

.platform .nav-tabs .nav-link {
  position: relative;
}

.platform .nav-tabs .nav-link::before {
  content: "";
  height: 2px;
  width: 0%;
  background-color: #4ad7d1;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0px;
  border-radius: 6px;
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.platform .nav-tabs .nav-link.active:before {
  width: 100%;
}

.platform .nav-tabs .nav-link {
  border: none;
  padding-bottom: 26px;
  outline: none;
  border-bottom: 2px solid #cacaca80;
}

.immgs {
  display: inline;
  height: 35px;
  width: 35px;
}

.started img {
  width: 96px;
  height: 96px;
}

/* .platform button img {height: 30px;width: 59px;display: inline; }*/

.platform button img {
  background: #000;
  padding: 3px;
  height: 32px;
  border-radius: 8px;
  width: 32px;
}

.platform .nav-tabs .nav-link.active img {
  background: #4ad7d1;
  height: 32px;
  width: 32px;
}

.testi-container {
  height: 412px;
}

.testi-container_de {
  height: 425px;
}

.dd {
  border-top: 1px solid #cacaca;
  padding: 40px 0;
}

p.test-para {
  display: block;
  flex-wrap: nowrap;
  flex-direction: column;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #404654;
}

/* .platform, .roww, .started, .glcolor {
    background: #f4fdff;
} */
.started {
  background: rgba(201, 240, 255, 0.2);
}

.platform {
  background-color: #f7f9fe;
}

.started ul li {
  display: inline;
}

.started ul li i {
  vertical-align: bottom;
}

.accordion-heading {
  font-family: "Poppins";
  font-style: bold;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  color: #000;

  padding: 20px 15px;
  cursor: pointer;
  background: #fff;
  text-transform: capitalize;
  border-radius: 0px;
}

/* .accordion-heading::before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    border-top: 9px solid #cacaca;
    ;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    float: right;
    transform: rotate(0);
    transition: all 0.5s ease;
    margin-top: 3px;
} */

.accordion-content {
  padding: 0 50px 10px;
  display: none;
  color: #000;
  font: normal 14px/24px "Helvetica";
  border-radius: 10px;
}

.accordion-content ul {
  margin-bottom: 0px;
  padding-left: 13px;
}

.active.accordion-heading::before {
  transform: rotate(-180deg);
}

.footer-section {
  color: #fff;
  background-image: url("./images/landing/footer_bg_4x.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;
}

.footer-section .needinfo {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 38px;
  line-height: 57px;
  text-align: center;
  color: #ffffff;
}

.footer-section ol,
ul {
  padding-left: 0rem;
}

.footer-links {
  background-color: rgba(13, 13, 13, 0.4);
}

.footer-links ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.clear-fixx {
  margin: 32px -1px;
  background: #ffffff !important;
  box-shadow: 2px 4px 30px 2px rgba(202, 202, 202, 0.2);
  border-radius: 24px;
}

.cul-container {
  max-width: 1200px;
  width: 100%;
}

.glich {
  height: 147px;
  width: 295px;
}

.glu {
  margin: 40px 0 0 40px;
  height: 147px;
  width: 295px;
  position: absolute;
  top: 0px;
  left: 4px;
}

.gli {
  margin: 0 40px 0 0;
  position: absolute;
  top: 111px;
  right: 0%;
  height: 187px;
  width: 335px;
}

.glichh {
  z-index: 9;
  position: absolute;
  bottom: -8px;
  height: 307px;
  width: 455px;
  top: 33%;
  left: 0px;
}

.glcolor {
  position: relative;
  /* min-width: 560px; */
  min-height: 430px;
  background: linear-gradient(
    180deg,
    #f7f9fe 0%,
    rgba(247, 249, 254, 0.7) 100%
  );
  border-radius: 24px;
}

.glcolor img {
  filter: drop-shadow(4px 4px 20px rgba(0, 0, 0, 0.2));
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  border-radius: 4px;
}

.glcolor:hover .gli {
  position: absolute;
  z-index: 9;
  right: -5%;
  top: 30%;
}

.glcolor:hover .glu {
  position: absolute;
  left: 50px;
  top: -5px;
}

.glcolor:hover .glichh {
  position: absolute;
  left: -10px;
  top: 38%;
}

.linear {
  padding: 10px 34px;
  text-align: justify;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.blue-circle {
  background-color: #fff;
  margin-top: 10px;
  height: 32px;
  width: 32px;
  overflow: hidden;
  border-radius: 50%;
  padding: 0 !important;
}

.blue-circle p {
  margin-bottom: 0;
  padding-left: 5px;
  padding-top: 2px;
  color: #000 !important;
}

.rowww h3 {
  padding: 100px 0 0 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 98px;
  text-align: center;
  color: #ffffff;
}

.blue-circle:hover {
  background-color: transparent;
}

.slider2 {
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.slider2:hover {
  animation: 0.2s linear infinite slider2;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;

  animation-timing-function: ease-in-out;
}

@keyframes slider2 {
  0% {
    transform: translateY(0);
    background-color: #fff;
  }

  100% {
    transform: translateY(-25px);
    animation-delay: 1s;
    background-color: #4ad7d1;
  }
}

.test-img-holder {
  display: flex;
  justify-content: space-around;
  margin-bottom: -14px;
}

.ban-slider {
  /*background-image: url(./imgs/bg.jpg);*/
  /*background-repeat: no-repeat;*/
  /*background-size: cover;*/
  height: 100vh;
  width: 100%;
  background-position: center;
  background-color: #000000;
}

.testi-container img.float-left {
  display: inline;
  height: 95px;
  width: 110px;
  left: 43px;
  top: 0px;
  border-radius: 0px;
}

.testi-container img.float-right {
  display: inline;
  height: 118px;
  width: 153px;
  left: 43px;
  top: 0px;
  border-radius: 0px;
  left: 352px;
  top: 48px;
  border-radius: 0px;
  align-self: center;
}

.colom {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 0 120px;
  justify-items: center;
}

i.material-icons {
  margin: 0 15px;
  align-items: center;
  vertical-align: middle;
}

.rowww ul li {
  margin: 0 auto;
}

.foot-btn {
  margin: 67px 0 100px;
}

.pod h6 {
  padding-bottom: 24px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
}

.faaa ul li img {
  height: 18px;
  width: 18px;
  margin: 1px 7px 5px 0px;
}

.footer-p {
  position: relative;
}

.footer-p::before {
  content: "";
  top: 0;
  position: absolute;
  left: 50%;
  height: 170px;
  transform: translateX(80px);
  width: 1px;
  bottom: 1px;
  background-color: #fff;
}

.pod ul li {
  font-family: "Nunito";
  font-style: normal;
  /* font-weight: bold; */
  font-size: 12px;
  padding-bottom: 8px;
  line-height: 15px;
  letter-spacing: 0.08em;
  color: #dddddd;
}

.pod ul li a {
  font-family: "Nunito";
  font-style: normal;
  /* font-weight: bold; */
  font-size: 12px;
  padding-bottom: 8px;
  line-height: 15px;
  letter-spacing: 0.08em;
  color: #dddddd;
}

.footer-p p {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  padding-left: 0px;
  font-size: 10px;
  padding-bottom: 65px;
  line-height: 12px;
  color: #dddddd;
}

.footer-section img,
.footer-p img {
  height: 24px;
  margin: 0px 0 111px 0px;
}

.foot li {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  padding: 24px 0;
  margin: 0 15px;
  /*line-height: 15px;*/
  letter-spacing: 0.08em;
  color: #dddddd;
}

.foot li a {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  padding: 24px 0;
  margin: 0 15px;
  line-height: 15px;
  letter-spacing: 0.08em;
  color: #dddddd;
}

.part {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #757575 !important;
  padding: 16px 0 0 0;
}

.part span {
  font-family: "Nunito";
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #4ad7d1;
}

.gif {
  width: 550px;
  margin-left: 40px;
}

.started {
  padding: 35px 0;
}

.platform h1 {
  padding-bottom: 18px;
}

.Blog-section .paddd h1,
.Blog-section .paddd p {
  padding: 0 0 40px 0;
}

.customized h1 {
  padding: 0 0 80px 0;
}
.our-offer {
  font-weight: 500 !important;
  font-size: 38px !important;
  line-height: 57px !important;
  color: #000000 !important;
  padding: 0 0 76px 0 !important;
}

.signedup h4 {
  padding: 0 0 80px 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 38px;
  line-height: 57px;
  color: #000000;
}

.signedup {
  padding-top: 200px;
}

.dollarartical-section h1,
.testimonial-sec h1 {
  padding-bottom: 80px !important;
}

.we-offer h1 {
  padding: 0 0 76px 0;
}

.account-section h1,
.startup-section h1 {
  padding-bottom: 46px;
  color: #000;
}

.bill-sec {
  padding: 220px 0 0 0;
}

/* startup page css */

.startup-ban-slider {
  background: linear-gradient(
    180deg,
    rgba(247, 249, 254, 0) 0%,
    #f7f9fe 35.64%
  );
  height: 70vh;
  width: auto;
}

.startupage .banner-text h2 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 49px;
  line-height: 74px;
  text-align: center;
  color: #ffffff;
}

.startupage .startup-ban-slider .slider .home-slider {
  position: absolute;
  width: 24px;
  left: 50%;
  transform: translateX(-50%);
  background-size: contain;
}

.movvement {
  animation: 3s linear infinite movvement;
}

.movvement {
  /* background: #4AD7D1; */
  height: 46px;
  width: 1px;
  margin: 10px;
  border-radius: 0%;
}

.startupage .startup-ban-slider .bbttnn {
  bottom: 10px;
  border-radius: 10px;
  border: 0px;
}

/* .movvement::after {
    content: '\25bc';
    top: 82%;
    left: -7px;
    color: #fff;
    position: absolute;
    height: 10px;
    width: 10px;
} */

.movvement::after {
  content: "";
  top: -50%;
  background: url(./imgs/s-arrow.svg);
  left: -8px;
  /* color: #fff; */
  position: absolute;
  height: 50px;
  width: 16px;
}

@keyframes movvement {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(15px);
  }

  50% {
    transform: translateY(0px);
  }

  75% {
    transform: translateY(-15px);
  }

  100% {
    transform: translateY(0);
  }
}

.account-section,
.fot-pot,
.startup-section {
  padding-top: 120px;
}

/*.vh100 {*/
/*    height: 100vh;*/
/*}*/

.pt-200 {
  padding-top: 200px;
}

.account-section {
  margin-top: 263px;
  background: rgba(201, 240, 255, 0.2);
  padding-bottom: 83px;
  padding-top: 80px;
}

.pitch-deck-section,
.database-section,
.business-section {
  padding-top: 100px;
}

.account-section p,
.startup-section p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #757575;
  text-align: justify;
}

.line {
  position: relative;
}

.line::before {
  position: absolute;
  top: 0px;
  right: 0%;
  height: 1.5px;
  width: 100%;
  background: #cacaca;
  content: "";
}

.line p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #757575;
  display: inline;
  padding: 0 25px;
  text-align: justify;
}

.line img {
  height: 30px;
  margin: auto;
}

.value {
  padding: 20px 0;
  display: flex;
}

.bus-pad {
  padding-bottom: 20px;
}

.pad-foot {
  padding-top: 140px;
}

.pad-foot h1 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 38px;
  line-height: 57px;
  text-align: center;
  color: #ffffff;
}

.accordion-heading img {
  float: left;
}

.box-shaaa .llii {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  padding: 20px 0;
  font-size: 14px;
  line-height: 22px;
  color: #585858;
  text-align: justify;
}

.llliii {
  font-family: "Nunito" !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #757575;
  padding: 0px !important;
}

.box-shaaa .accordion-content {
  padding: 0 15px 10px;
}

.box-shaaa {
  background: #ffffff;
  box-shadow: 2px 4px 30px 2px rgba(202, 202, 202, 0.2);
  overflow: hidden;
  border-radius: 24px;
  margin: 24px 0;
}

.bill-sec {
  background: #fff !important;
}

.fourtext {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-align: left;
  color: #757575;
  padding-right: 50px;
}

.bill-box {
  border-radius: 16px;
  overflow: hidden;
  width: 520px;
}

.bill-head {
  position: relative;
  height: 97px;
  background: #404654;
  border-radius: 16px 16px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bill-head h5 {
  color: #fff;
}

.bill-body {
  background: #f7f9fe;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mtt-3 {
  margin-top: 56px;
  text-align: center;
  position: relative;
  z-index: 99;
}

.aqua {
  color: #4ad7d1;
  position: relative;
  z-index: 9;
}

.aqua h3 {
  font-size: 3.063rem;
  line-height: 4.625rem;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
}

.bill-points {
  padding-top: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: start;
  align-items: self-end;
  padding-bottom: 20px;
}

.bill-points ul li {
  margin-bottom: 16px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #757575;
}

.bill-points h4 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #000000;
  padding-bottom: 16px;
}

.bill-body .bttn {
  margin-top: 56px;
}
.gap-100 {
  padding-top: 140px;
}
.mtt-3::before {
  color: #fff;
  position: absolute;
  top: -50px;
  background-repeat: no-repeat;
  height: 150px;
  width: 124px;
  left: 25px;
  background: url(./imgs/bill-logo.png);
  content: "";
  z-index: -1;
}

.h3_white {
  padding-bottom: 5px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 38px;
  line-height: 74px;
  text-align: center;
  color: #4ad7d1;
}
.account-video-header {
  font-family: "Poppins" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 38px !important;
  line-height: 57px !important;
  color: #000000 !important;
}
.bill-btn:hover,
.bill-btn:active,
.bill-btn:focus,
.bill-btn {
  border: none;
  background-color: #fff;
  outline: none;
  color: #000;
  padding: 12px 50px;
  border: none;
  background: #ffffff;
  box-shadow: 2px 4px 30px 2px rgba(202, 202, 202, 0.2);
  border-radius: 24px;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

hr.hr {
  width: 100%;
  margin-top: 80px;
  /* margin-bottom: 80px; */
  border-top: 1px solid #4ad7d1;
  background: #4ad7d1;
  border-radius: 6px;
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.imggs-container {
  inset: 0px;
  box-sizing: border-box;
  padding: 0px;
  border: none;
  position: relative;
  background: linear-gradient(
    180deg,
    rgba(201, 240, 255, 0.22),
    rgba(201, 240, 255, 0.322)
  );
  height: 500px;
  width: 560px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  width: 100%;
}

.iuframe {
  position: absolute;
  width: 480px;
  height: 292.5px;
  border-radius: 24px;
}

.nresp {
  display: none;
}

.resp {
  display: block;
}

.pot {
  padding: 0 40px;
}

.pott {
  padding: 98px 0;
  max-width: 100% !important;
}

.imggs-container .imgb {
  filter: drop-shadow(4px 4px 20px rgba(0, 0, 0, 0.2));
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  border-radius: 4px;
}

.bgcols {
  background: rgba(201, 240, 255, 0.2);
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.s1 {
  z-index: 1;
  position: absolute;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(0%) translateY(-30%) translateZ(0px);
  box-sizing: border-box;
  display: block;
  width: initial;
  height: initial;
  background: none;
  opacity: 1;
  border: 0px none;
  margin: 0px;
  padding: 0px;
  max-width: 100%;
}

.s2 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 2;
  position: absolute;
  transform: translateX(-5%) translateY(0%) translateZ(0px);
  width: 385px;
}

.s3 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 3;
  position: absolute;
  width: 30%;
  transform: translateX(80px) translateY(-10px) translateZ(0px);
  width: 94px;
}

.s4 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 4;
  position: absolute;
  transform: translateX(40px) translateY(46px) translateZ(0px);
}

.s5 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 5;
  position: absolute;
  transform: translateX(-76px) translateY(88px) translateZ(-6px);
}

.s6 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 7;
  position: absolute;
  transform: translateX(58px) translateY(95px) translateZ(0px);
}

.imggs-container:hover .s6 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(72px) translateY(113px) translateZ(0px);
}

.imggs-container:hover .s5 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-91px) translateY(98px) translateZ(-3px);
}

.imggs-container:hover .s4 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(65px) translateY(61px) translateZ(0px);
}

.imggs-container:hover .s3 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(100px) translateY(-10px) translateZ(0px);
}

.imggs-container:hover .s2 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-20%) translateY(-3%) translateZ(0px);
}

.imggs-container:hover .s1 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(0%) translateY(-40%) translateZ(0px);
}

.pd1 {
  z-index: 5;
  position: absolute;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(0%) translateY(-30%) translateZ(0px);
  box-sizing: border-box;
  display: block;
  width: initial;
  height: initial;
  background: none;
  opacity: 1;
  border: 0px none;
  margin: 0px;
  padding: 0px;
  max-width: 100%;
  width: 286px;
}

.pd2 {
  z-index: 10;
  position: absolute;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(0px) translateY(70px) translateZ(0px);
}

.pd3 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 4;
  position: absolute;
  width: 30%;
  transform: translateX(-50px) translateY(140px) translateZ(0px);
  width: 94px;
}

.pd4 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 3;
  position: absolute;
  transform: translateX(50px) translateY(140px) translateZ(0px);
}

.pds1 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 9;
  position: absolute;
  transform: translateX(130px) translateY(18px) translateZ(0px);
}

.pds2 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 8;
  position: absolute;
  transform: translateX(130px) translateY(62px) translateZ(0px);
}

.pds3 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 7;
  position: absolute;
  transform: translateX(130px) translateY(106px) translateZ(0px);
}

.pds4 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 6;
  position: absolute;
  transform: translateX(130px) translateY(150px) translateZ(0px);
}

.pdcircle {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 2;
  position: absolute;
  transform: translateX(-48px) translateY(-40px) translateZ(0px);
  position: absolute;
  width: 187.16px;
  height: 187.16px;
  background: #f1c0c3;
  opacity: 0.5;
  filter: blur(40px);
}

.pdsquare {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 1;
  position: absolute;
  transform: translateX(70px) translateY(60px) translateZ(0px);
  width: 101px;
}

.pdtriangle {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 1;
  position: absolute;
  transform: translateX(-78px) translateY(130px) translateZ(0px);
}

.imggs-container:hover .pd1 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(0%) translateY(-60%) translateZ(0px);
}

.imggs-container:hover .pd2 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(0px) translateY(60px) translateZ(0px);
}

.imggs-container:hover .pd3 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-90px) translateY(150px) translateZ(0px);
}

.imggs-container:hover .pd4 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(80px) translateY(180px) translateZ(0px);
}

.imggs-container:hover .pds1 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(150px) translateY(18px) translateZ(0px);
}

.imggs-container:hover .pds2 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(150px) translateY(62px) translateZ(0px);
}

.imggs-container:hover .pds3 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(150px) translateY(106px) translateZ(0px);
}

.imggs-container:hover .pds4 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(150px) translateY(150px) translateZ(0px);
}

.imggs-container:hover .pdcircle {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-58px) translateY(-45px) translateZ(0px);
}

.imggs-container:hover .pdsquare {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(75px) translateY(65px) translateZ(0px);
}

.imggs-container:hover .pdtriangle {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-84px) translateY(145px) translateZ(0px);
}

.gd0 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 1;
  position: absolute;
  transform: translateX(50px) translateY(39px) translateZ(0px);
}

.gd1 {
  z-index: 2;
  position: absolute;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-50px) translateY(-70px) translateZ(0px);
}

.gd2 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 8;
  position: absolute;
  width: 30%;
  transform: translateX(105px) translateY(35px) translateZ(0px);
  width: 80px;
}

.gd3 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 4;
  position: absolute;
  transform: translateX(85px) translateY(-10px) translateZ(0px);
}

.gd4 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 5;
  position: absolute;
  transform: translateX(30px) translateY(-70px) translateZ(0px);
}

.gd5 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 2;
  position: absolute;
  transform: translateX(60px) translateY(115px) translateZ(0px);
}

.gd6 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 7;
  position: absolute;
  transform: translateX(-10px) translateY(80px) translateZ(0px);
}

.gd7 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 7;
  position: absolute;
  transform: translateX(-60px) translateY(35px) translateZ(0px);
}

.gdseconscircle {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 1;
  position: absolute;
  transform: translateX(-48px) translateY(-40px) translateZ(0px);
  position: absolute;
  background: #f1c0c3;
  opacity: 0.5;
  filter: blur(40px);
}

.gdsquare {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 1;
  position: absolute;
  transform: translateX(70px) translateY(60px) translateZ(0px);
}

.gdcircle {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  z-index: 1;
  position: absolute;
  transform: translateX(88px) translateY(-40px) translateZ(0px);
}

.imggs-container:hover .gd0 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(40px) translateY(39px) translateZ(0px);
}

.imggs-container:hover .gd1 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-100px) translateY(-70px) translateZ(0px);
}

.imggs-container:hover .gd2 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(105px) translateY(45px) translateZ(0px);
}

.imggs-container:hover .gd3 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(95px) translateY(-10px) translateZ(0px);
}

.imggs-container:hover .gd4 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(50px) translateY(-70px) translateZ(0px);
}

.imggs-container:hover .gd5 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(50px) translateY(135px) translateZ(0px);
}

.imggs-container:hover .gd6 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(0px) translateY(80px) translateZ(0px);
}

.imggs-container:hover .gd7 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-70px) translateY(35px) translateZ(0px);
}

.imggs-container:hover .gdseconscircle {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-55px) translateY(-45px) translateZ(0px);
}

.imggs-container:hover .gdsquare {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(76px) translateY(69px) translateZ(0px);
}

.imggs-container:hover .gdcircle {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(95px) translateY(-47px) translateZ(0px);
}

.vx {
  position: absolute;
  box-sizing: border-box;
  display: block;
  width: initial;
  height: initial;
  background: none;
  opacity: 1;
  border: 0px none;
  margin: 0px;
  padding: 0px;
  max-width: 100%;
}

.v1 {
  z-index: 1;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-50px) translateY(-125px) translateZ(0px);
}

.v2 {
  z-index: 2;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-10px) translateY(-65px) translateZ(0px);
}

.v3 {
  z-index: 3;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-67px) translateY(57px) translateZ(0px);
}

.v4 {
  z-index: 4;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(32px) translateY(-7px) translateZ(0px);
}

.v5 {
  z-index: 5;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(54px) translateY(53px) translateZ(0px);
}

.v6 {
  z-index: 6;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(41px) translateY(109px) translateZ(0px);
}

.vseconscircle {
  z-index: -1;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(14px) translateY(-75px) translateZ(0px);
}

.vsquare {
  z-index: -2;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-88px) translateY(79px) translateZ(0px);
}

.imggs-container:hover .v1 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-30px) translateY(-165px) translateZ(0px);
}

.imggs-container:hover .v2 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-10px) translateY(-85px) translateZ(0px);
}

.imggs-container:hover .v3 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-87px) translateY(57px) translateZ(0px);
}

.imggs-container:hover .v4 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(52px) translateY(-7px) translateZ(0px);
}

.imggs-container:hover .v5 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(74px) translateY(63px) translateZ(10px);
}

.imggs-container:hover .v6 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(51px) translateY(109px) translateZ(0px);
}

.imggs-container:hover .v7 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-70px) translateY(35px) translateZ(0px);
}

.imggs-container:hover .vseconscircle {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.imggs-container:hover .vsquare {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.bi1 {
  z-index: 1;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-85px) translateY(-58px) translateZ(0px);
}

.bi2 {
  z-index: 2;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-100px) translateY(-93px) translateZ(0px);
}

.bi3 {
  z-index: 0;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(43px) translateY(-60px) translateZ(0px);
}

.bi4 {
  z-index: 0;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(18px) translateY(-114px) translateZ(0px);
}

.bi5 {
  z-index: 0;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-29px) translateY(44px) translateZ(0px);
}

.bi6 {
  z-index: 6;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(100px) translateY(27px) translateZ(0px);
}

.bi7 {
  z-index: 6;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(100px) translateY(59px) translateZ(0px);
}

.bi8 {
  z-index: 6;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-123px) translateY(94px) translateZ(0px);
}

.bi9 {
  z-index: 5;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-77px) translateY(120px) translateZ(0px);
}

.bi10 {
  z-index: 2;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(70px) translateY(107px) translateZ(0px);
}

.bdcircle {
  z-index: -1;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-100px) translateY(39px) translateZ(0px);
}

.bdsquare {
  z-index: -2;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(88px) translateY(79px) translateZ(0px);
}

.bdtriangle {
  z-index: -2;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-88px) translateY(-22px) translateZ(0px);
}

.pt1 {
  z-index: 1;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-60px) translateY(-93px) translateZ(0px);
}

.pt2 {
  z-index: 2;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(73px) translateY(-60px) translateZ(0px);
}

.pt3 {
  z-index: 1;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(3px) translateY(-20px) translateZ(0px);
}

.pt4 {
  z-index: 4;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-67px) translateY(52px) translateZ(0px);
}

.pt5 {
  z-index: 5;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(62px) translateY(65px) translateZ(0px);
}

.pt6 {
  z-index: 3;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-24px) translateY(125px) translateZ(0px);
}

.ptcircle {
  z-index: -1;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(65px) translateY(-42px) translateZ(0px);
}

.ptsquare {
  z-index: -2;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(83px) translateY(77px) translateZ(0px);
}

.pttriangle {
  z-index: -2;
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-37px) translateY(70px) translateZ(0px);
}

.imggs-container:hover .pt1 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-89px) translateY(-113px) translateZ(0px);
}

.imggs-container:hover .pt2 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(122px) translateY(-114px) translateZ(0px);
}

.imggs-container:hover .pt3 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(7px) translateY(-42px) translateZ(0px);
}

.imggs-container:hover .pt4 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-109px) translateY(52px) translateZ(0px);
}

.imggs-container:hover .pt5 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(107px) translateY(83px) translateZ(0px);
}

.imggs-container:hover .pt6 {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-65px) translateY(166px) translateZ(0px);
}

.imggs-container:hover .ptcircle {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(65px) translateY(-42px) translateZ(0px);
}

.imggs-container:hover .ptsquare {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(83px) translateY(77px) translateZ(0px);
}

.imggs-container:hover .pttriangle {
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: translateX(-37px) translateY(70px) translateZ(0px);
}

.img-blog-slider {
  display: flex;
}

.img-blog-slider .d-inline {
  display: inline !important;
  height: 360px;
  margin: 80px 10px;
  border-radius: 10px;
}

.tab-container {
  background: #f2f2f2;
  border: none;
  border-radius: 10px;
}

.tab-container .d-flex {
  flex-direction: row;
  display: flex;
  justify-content: space-around;
}

.tab-container .d-flex ul li {
  display: inline-block;
  margin: 0 30px;
  padding: 20px 0;
}

.top-story-section {
  text-align: start;
  padding: 80px 0 0px 0;
  max-width: 980px;
  margin: 0 auto;
}

.top-story-section p .top-story-section .blog-con {
  max-width: 880px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: flex-start;
}

.blog-box {
  padding: 64px 0 0 0;
}

.blog-box img {
  padding: 0 32px 0 0;
  height: 126px;
}

.blog-box p {
  padding: 4px 0 21px 0;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #585858;
}

.blog-box a {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #000000;
}

.blog-box {
  padding: 20px 0 0 0;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

.blog-box {
  padding: 64px 0 0 0;
}

.blog-box img {
  padding: 0 32px 0 0;
  height: 126px;
}

.blog-box p {
  padding: 4px 0 21px 0;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #585858;
}

.blog-con p {
  padding: 20px 0 0 0;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

.bookmarked-section {
  background: rgba(201, 240, 255, 0.2);
}

.bookmarked-section .text-center {
  padding-top: 80px;
}

.pad-bot,
.bookmarked-section .text-center h1 {
  padding-bottom: 80px;
}

.blog-img-slider img {
  max-width: 230px !important;
}

.blog-img-slider p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 12px;
  color: #585858;
}
.mt-200 {
  margin-top: 200px;
}
.blog-img-slider .slick-slide .slick-cloned {
  width: 100% !important;
}

.blog-img-slider {
  max-width: 800px;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 128px;
  margin: 0 auto;
}

.trends {
  padding-top: 80px;
  max-width: 210px;
}

.trends img {
  padding-top: 16px;
}

.blog-pad {
  padding-top: 200px;
}

.bla h3 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 28px;
  letter-spacing: 0.0015em;
  color: #000000;
}

.bla p {
  padding: 16px 0 48px;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 23px;
  letter-spacing: 0.005em;
  color: #000000;
}

.articleb p {
  padding-top: 5px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 10px;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 23px;
  letter-spacing: 0.005em;
  color: #000000;
  text-align: justify;
}

.top-story-section {
  position: relative;
}

.blaa {
  position: relative;
}

.blaa::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%),
    rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2px);
}

.overlay {
  position: absolute;
  top: 84%;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 40%;
}

.bpd {
  margin: 0 15px 20px;
}

.navigation ul {
  margin: 200px 0;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.navigation ul li:first-child {
  position: relative;
}

.navigation ul li {
  margin: 0 20px;
}

.navigation ul li:first-child:after {
  content: " ";
  position: absolute;
  height: 23px;
  width: 4px;
  top: 8%;
  background-color: #cacaca;
  right: -25px;
}

.bokmrk {
  display: block;
  text-align: center;
}

.bokmrk p {
  display: inline;
}

.navigation a:focus,
.navigation a:hover {
  text-decoration: none;
  outline: 0;
  color: #8f8f8f;
}

.cookie-section .blog-con {
  text-align: center;
}

.cookie-section .blog-con h4 {
  font-weight: 500;
  color: #585858;
}

.flexx {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-grow: initial;
}

.flexx li {
  margin: 10px 0;
  position: relative;
}

.ddflex li {
  position: relative;
}

.ddflex li::after {
  z-index: 9;
  content: "\2192";
  bottom: -10%;
  left: 276px;
  position: absolute;
}

.ddflex li a:hover {
  color: inherit;
}

.ddflex li:last-child::after {
  content: "";
}

.ddflex {
  background: #cacaca;
  background: #f7f9fe;
  border-radius: 16px;
  min-height: 500px;
  padding: 10px;
  min-width: 100%;
}

.flexx li br {
  margin: 00 0 20px 0;
}

.flexx li img {
  height: 150px;
}

.cookie-section .blog-con h1 {
  padding: 120px 0 0 0;
}

@supports ((text-stroke: 1px black) or (-webkit-text-stroke: 1px black)) {
  .stroke {
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    text-shadow: none;
  }
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: transparent !important;
}

.box-price .accordion-heading h4 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #757575;
}

.box-price {
  border-bottom: 2px solid #cacaca;
  width: 100%;
}

.pricing .box-price:last-child {
  border-bottom: none;
}

.pricing .container {
  overflow: hidden;
  background: #ffffff;
  box-shadow: 2px 4px 30px 2px rgba(202, 202, 202, 0.2);
  border-radius: 24px;
}

.pricing .price {
  margin: 0 auto;
  padding: 0 0 0 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  place-items: flex-start;
  text-align: center;
  align-items: flex-start;
}

.price h1 {
  color: #404654;
}

.pricing .price p {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}

.pricing {
  padding: 160px 0 200px;
}

.pricing .box-price .accordion-content {
  padding: 0 30px 15px;
  display: none;
  color: #000;
  font: normal 14px/24px "Helvetica";
  border-radius: 10px;
}

.pricing .centerr {
  margin: 0 auto;
  display: flex;
  height: 360px;
  flex-direction: column;
  justify-content: center;
  place-items: flex-start;
  text-align: center;
  align-items: flex-start;
}

.bill-sec.pp {
  padding: 120px 0 0 0;
}

.wrappeer {
  background: #f7f9fe;
}

.plan-details .container {
  background: #fff;
}

.plan-details {
  max-width: 802px;
  margin: 0 auto;
}

.plan-details h1 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 33px;
  color: #000000;
}

.plan-details p {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #474747;
}

.f-plan h3:first-child {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #4ad7d1;
}

.h33 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #000000;
}

.plan-btn {
  border: none;
  background-color: #fff;
  outline: none;
  color: #000;
  padding: 5px 11px;
  border: none;
  background: #ffffff;
  box-shadow: 2px 4px 30px 2px rgba(202, 202, 202, 0.2);
}

.t-plan h3:nth-child(2) {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 29px;
  line-height: 44px;
  color: #4ad7d1;
}

.country {
  transition: show 0.5s ease;
  height: 450px;
  overflow: scroll;
}

.country h4 {
  color: #000;
  font-size: 15px;
}

.imprint li {
  font-size: 17px;
  position: relative;
  line-height: 28px;
  text-align: justify;
}

.policy,
.imprint {
  padding-bottom: 30px;
}

.dec-pad {
  padding-bottom: 8px;
}

.list-style li {
  padding-left: 15px;
}

.dehli li {
  font-size: 16px;
  line-height: 25px;
}

.dehli li:last-child {
  padding-bottom: 30px;
}

.academia-services,
.investor-services,
.corporate-services,
.startup-services {
  padding-top: 80px;
}

.academia-services h1,
.investor-services h1,
.corporate-services h1,
.startup-services h1 {
  font-family: "Poppins";
  font-style: normal;
  /* padding: 80px 0; */
  font-weight: 500;
  font-size: 38px;
  line-height: 57px;
  color: #222222;
}

.explore h4 {
  color: #000;
}

.explore h4:hover,
.explore h4:focus {
  color: #536853ef;
}

.academia-services .service-para p,
.investor-services .service-para p,
.corporate-services .service-para p,
.startup-services .service-para p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #757575;
  padding: 40px 0;
}

.investor-services .img-container,
.corporate-services .img-container,
.startup-services .img-container,
.academia-services .img-container {
  border-radius: 24px;
  position: relative;
  background: linear-gradient(
    180deg,
    rgba(201, 240, 255, 0.22) 0%,
    rgba(201, 240, 255, 0.11) 100%
  );
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.investor-services .img-container img,
.corporate-services .img-container img,
.startup-services .img-container img,
.academia-services .img-container img {
  filter: drop-shadow(4px 4px 20px rgba(0, 0, 0, 0.2));
  transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  border-radius: 4px;
}

.img-container .ss1 {
  height: 180px;
  position: absolute;
  width: 330px;
  left: 15%;
  z-index: 1;
  top: 0%;
}

.img-container .ss4 {
  top: 12%;
  height: 210px;
  position: absolute;
  width: 240px;
  left: 23%;
  z-index: 2;
}

.img-container .ss2 {
  top: 25%;
  height: 100px;
  position: absolute;
  width: 152px;
  left: 2%;
  z-index: 3;
}

.img-container .ss3 {
  width: 250px;
  height: 92px;
  top: 20%;
  position: absolute;
  left: 50%;
  z-index: 5;
}

.img-container .ss6 {
  width: 172px;
  height: 172px;
  position: absolute;
  bottom: 5%;
  left: 9%;
}

.img-container .ss7 {
  top: 32%;
  position: absolute;
  left: 25%;
}

.img-container:hover .img-container img {
  transform: scale(1.3);
}

.img-container:hover .ss1 {
  left: 12%;
  top: -14%;
}

.img-container:hover .ss4 {
  top: 25%;
  left: 20%;
}

.img-container:hover .ss2 {
  top: 22%;
  left: -8%;
}

.img-container:hover .ss3 {
  top: 20%;
  left: 62%;
}

.img-container:hover .ss6 {
  bottom: 3%;
  left: 7%;
}

.img-container:hover .ss7 {
  top: 42%;
  left: 34%;
}

.img-container .sss1 {
  height: 91px;
  position: absolute;
  width: 381px;
  top: -10%;
}

.img-container .sss3 {
  left: 10%;
  position: absolute;
  top: 5%;
}

.img-container .sss2 {
  z-index: 2;
  height: 165px;
  width: 310px;
  top: 5%;
  left: 14%;
  position: absolute;
}

.img-container .sss4 {
  z-index: 1;
  height: 150px;
  width: 370px;
  top: 92%;
  left: 7%;
  position: absolute;
}

.img-container:hover .sss1 {
  top: -31%;
}

.img-container:hover .sss2 {
  top: 2%;
  left: 5%;
}

.img-container:hover .sss4 {
  top: 85%;
  left: 0%;
}

.img-container:hover .sss3 {
  left: 23%;
  top: 17%;
}

.img-container .ssss1 {
  position: absolute;
  height: 150px;
  width: 172px;
  top: 3%;
  left: 5%;
  z-index: 2;
}

.img-container .ssss2 {
  height: 196px;
  width: 376px;
  z-index: 3;
  position: absolute;
  top: 200%;
  left: 23px;
}

.img-container .ssss4 {
  top: 141%;
  position: absolute;
  left: 52%;
  z-index: 2;
}

.img-container .ssss3 {
  position: relative;
  top: 10px;
  left: 46px;
}

.img-container .ssss5 {
  position: absolute;
  right: 10%;
  z-index: 1;
}

.img-container .ssss6 {
  position: absolute;
  top: 40%;
  right: 13%;
}

.img-container .ssss7 {
  position: absolute;
  width: 249.08px;
  top: 10%;
  height: 217.94px;
  left: 30%;
}

.img-container:hover .ssss1 {
  top: 35%;
  left: -10%;
}

.img-container:hover .ssss3 {
  z-index: 5;
  position: inherit;
}

.img-container:hover .ssss2 {
  top: 218%;
  left: -45px;
}

.img-container:hover .ssss4 {
  top: 136%;
  position: absolute;
  left: 65%;
  z-index: 8;
}

.img-container:hover .ssss5 {
  position: absolute;
  right: 0%;
}

.img-container:hover .ssss6 {
  position: absolute;
  top: 40%;
  right: 13%;
  z-index: 0;
}

.img-container:hover .ssss7 {
  position: absolute;
  width: 249.08px;
  top: 10%;
  height: 217.94px;
  left: 30%;
}

.img-container .sssss1 {
  width: 306.73px;
  height: 297.61px;
  position: absolute;
  top: 2%;
  left: 10%;
}

.img-container .sssss2 {
  position: absolute;
  width: 317.14px;
  top: 95%;
  left: 1%;
  height: 85.71px;
}

.img-container .sssss4 {
  position: absolute;
  width: 88.57px;
  right: 7%;
  height: 88.57px;
  top: 1%;
}

.img-container .sssss3 {
  position: absolute;
  width: 331.43px;
  height: 85.71px;
  left: 0%;
}

.img-container .sssss5 {
  position: relative;
  top: 225px;
  left: 0px;
}

.img-container .sssss6 {
  position: absolute;
  width: 88.2px;
  height: 72.5px;
  top: 65%;
  right: 8%;
}

.img-container .sssss7 {
  top: 115%;
  position: absolute;
  width: 88.2px;
  height: 74.5px;
  right: 9%;
}

.img-container .sssss8 {
  position: absolute;
  width: 94.2px;
  height: 70.5px;
  top: 170%;
  right: 8%;
}

.img-container:hover .sssss1 {
  top: 0%;
}

.img-container:hover .sssss2 {
  top: 120%;
}

.img-container:hover .sssss4 {
  right: 0%;
  top: 0%;
}

.img-container:hover .sssss3 {
  height: 104.71px;
  left: -14%;
}

.img-container:hover .sssss5 {
  top: 230px;
  left: -5px;
}

.img-container:hover .sssss6 {
  top: 64%;
  right: 0%;
}

.img-container:hover .sssss7 {
  right: 0%;
}

.img-container:hover .sssss8 {
  right: 0%;
}

.Blog-section p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #757575;
}

.color-gray {
  color: #757575;
}
.color_2BD2B6 {
  color: #2bd2b6;
}

.font_49_700 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-size: 49px;
  line-height: 74px;
}
.font_38_500 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 38px;
  line-height: 57px;
}
.font_20_600 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.font_18_500 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
}
.font_12_500 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.font_22_600 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 33px;
}
.pl-40 {
  padding-left: 40px !important;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* blog css */

.blog_head_text p {
  color: #fff !important;
  padding: 25px;
}

.blog_head_text {
  position: relative;
  height: 250px;
}

.blog_head_text::before {
  content: "";
  position: absolute;
  top: 0;
  padding: 20px 10px;
  width: 40%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.65);
  text-transform: uppercase;
  cursor: pointer;
  height: 100%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.blog_head_text .head_txt h4 {
  font-size: 21px;
  padding: 20px 0;
  color: #fff !important;
  line-height: 34px;
  font-weight: 500;
}

.blog_head_text .head_txt small {
  color: #fff !important;
}

.head_txt {
  padding: 50px 16px 0;
  position: relative;
  margin: 20px 10px;
  width: 250px;
  height: 250px !important;
}

.blog_head_text {
  color: #fff;
  position: relative;
  height: 358px;
  left: 10px;
  bottom: 440px;
}

.sta:hover,
.mover:hover svg > path {
  fill: #4ad7d1;
  transition: all 0.2s ease-in-out;
}

.sta:hover,
.movers:hover svg > path {
  stroke: #4ad7d1;
  transition: all 0.2s ease-in-out;
}

.nav-barr.navbar-reduce .sta:hover,
.nav-barr.navbar-reduce .mover svg > path {
  fill: #585858;
  transition: all 0.2s ease-in-out;
}

.nav-barr.navbar-reduce .sta:hover,
.nav-barr.navbar-reduce .movers svg > path {
  stroke: #585858;
  transition: all 0.2s ease-in-out;
}

.nav-barr.navbar-reduce .sta:hover,
.nav-barr.navbar-reduce .mover:hover svg > path {
  fill: #000000;
  transition: all 0.2s ease-in-out;
}

.nav-barr.navbar-reduce .sta:hover,
.nav-barr.navbar-reduce .movers:hover svg > path {
  stroke: #000000;
  transition: all 0.2s ease-in-out;
}

.navbar-dark .navbar-nav .nav-link {
  color: #afafaf !important;
}

.service-container p {
  font-size: 15px;
  text-align: left;
  width: 220px;
  padding: 10px 0px !important;
}

.BaseChatbotChatBot__scenario__message__element a:focus,
a {
  text-decoration: none;
  outline: 0;
  color: #000000;
}

.BaseChatbotChatBot__scenario__message__element a:hover {
  text-decoration: underline;
  color: #999999;
}

.BaseChatbotChatBot__scenario__message__element b,
strong {
  font-weight: bolder;
}

/* Award section */

.award-section {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 0px 20px 20px 0px;
  background: linear-gradient(
      0deg,
      rgba(201, 240, 255, 0.3) 0%,
      rgba(201, 240, 255, 0.3) 100%
    ),
    #fff;
  transition: width 0.3s ease-in-out;
  z-index: 10;
  width: 54px;
  height: 200px;
  overflow: hidden;
}

.award-section:hover {
  width: 370px;
}

.award-banner {
  padding: 10px;
  text-align: center;
  cursor: pointer;
  transform: rotate(-90deg);
  transform-origin: right bottom;
  white-space: nowrap;
  position: absolute;
  right: 0;
  top: 0%;
  width: 200px;
}

.award-content {
  position: absolute;
  left: 0;
  top: 17%;
  width: 300px;
  padding: 10px;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.award-section:hover .award-content {
  opacity: 1;
}

.award-banner .award-banner--heading {
  margin: 0;
  transform: translate(33%, 7%);
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: normal;
}

.award-content--para {
  text-align: left;
  font-size: 12px;
  line-height: normal;
  color: #000;
  font-weight: 600;
}

.award-vertical-line {
  position: absolute;
  top: 0;
  right: -16px;
  bottom: 0;
  width: 1.6px;
  height: 90%;
  background-color: #000;
  margin-right: 10px;
  transform: translateY(7%);
}

.award-img {
  margin-top: 16px;
}

.slick-slide {
  margin: 0 0.5rem;
}

.pl-70 {
  padding-left: 40px !important;
}

.pb-70 {
  padding-bottom: 200px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-68 {
  margin-top: 64px !important;
}

.article-para {
  color: #000 !important;
  font-family: Nunito !important;
  font-size: 17px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  /* 147.059% */
  letter-spacing: 0.085px !important;

  padding: 0 !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.article-heading {
  color: #000 !important;
  /* Head-6 */
  font-family: Poppins !important;
  font-size: 22px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: normal !important;
  margin-bottom: 16px !important;
}

.article-sub-heading {
  font-family: Poppins !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
  margin-bottom: 16px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.article-text {
  text-transform: none !important;
}

.article-topic-header {
  font-size: 20px !important;
  line-height: 28px !important;
}

.list_style {
  list-style-type: disc !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mtop-160 {
  margin-top: 160px !important;
}

.lang-option-lg {
  display: block;
}

.lang_options {
  display: none;
  background-color: #4ad7d1;
  height: 32px;
  width: 32px;
  overflow: hidden;
  border-radius: 50%;
  padding: 0 !important;
  position: relative;
  cursor: pointer;
}

.lang_options a {
  position: absolute;
  left: 6px;
  top: 4px;
  color: #000 !important;
}

.app-section-container {
  margin-top: 60px;
  border-radius: 24px;
  box-shadow: 2px 4px 30px 2px rgba(202, 202, 202, 0.2);
  padding: 40px 30px;
}

.app-section .app-section-header {
  color: #4ad7d1;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.app-section .app-section-download {
  margin-top: 22px;
  color: #000;
  font-family: Nunito;
  font-size: 16px;
  font-weight: 600;
}

.download-cta {
  margin-top: 22px;
}

.store-download-cta {
  all: unset;
  border: 1px solid #000;
  border-radius: 6px;
  padding: 10px 20px;
  color: #000;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

.store-download-cta:hover {
  color: #000;
}

.store-download-cta::active {
  color: #000;
}

.cta-margin-left {
  margin-left: 32px;
}

.app-section-right-img {
  position: absolute;
  bottom: -38px;
  width: 450px;
  height: 250px;
  left: 90px;
}

.hero-header-text {
  font-family: Poppins !important;
  font-size: 44px !important;
  font-weight: 500 !important;
  line-height: 66px !important;
  letter-spacing: 0em !important;
  text-align: left !important;
  color: #fff;
}

.hero-cta-fill-aqua {
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  background: rgba(74, 215, 209, 1);
  font-family: Poppins;
  font-weight: 500;
  size: 18px;
  color: #000;
}
.hero-cta-fill-black {
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  background: #000;
  font-family: Poppins;
  font-weight: 500;
  size: 18px;
  color: #fff;
}
.hero-cta-fill-black:hover {
  color: #fff;
}

.hero-cta-fill-aqua:hover {
  color: #000;
}

.hero-cta-outline-white {
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 1);
  font-family: Poppins;
  font-weight: 500;
  size: 18px;
  color: #fff;
}
.hero-cta-outline-black {
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  background: transparent;
  border: 2px solid #000;
  font-family: Poppins;
  font-weight: 500;
  size: 18px;
  color: #000;
}
.hero-cta-outline-black:hover {
  color: #000;
}

.aqua-section {
  background-color: rgba(201, 240, 255, 0.2);
  padding: 40px 0;
}

.aqua-section-header {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: center;
  color: #000;
}

.aqua-section-text {
  font-family: Nunito;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
  color: #000;
}

.mx-32 {
  margin: 0 32px;
}
.mx-10 {
  margin: 0 10px;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.hero-header-img {
  width: 518px;
  height: 445px;
  z-index: 10;
}

.hero-img {
  position: absolute;
  right: 0;
  width: 550px;
  height: 550px;
  top: -60px;
}
.header-action-btn {
  display: flex;
  align-items: center;
}
.hero-cta-outline-white {
  margin-left: 40px;
}
.zefyron-link {
  color: #4ad7d1 !important;
  font-weight: 600;
}
.zefyron-link:hover,
.zefyron-link:visited {
  color: inherit !important;
}
.article-link {
  font-weight: 600;

  text-decoration: underline;
}
.article-link2 {
  font-weight: normal;

  text-decoration: underline;
}
.article-link:hover,
.article-link:visited {
  color: inherit !important;
}
.article-link2:hover,
.article-link2:visited {
  color: inherit !important;
}

.home-header {
  background-color: #000000 !important;
  min-height: 100vh !important;
  height: 100% !important;
  width: 100% !important;
  position: relative;
  display: flex;
  flex-direction: column;
}
.home-header--items {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  padding: 80px 0;
  padding-left: 20px;
  flex: 1;
}
.hero-heaedr-text-content {
  width: 540px;
}
.hero-header-text,
.hero-header-para {
  text-align: left;
}

.modal-close {
  position: absolute;
  right: -40px;
  top: -26px;
  cursor: pointer;
  z-index: 10000;
}
.modal {
  display: none;
  position: fixed;
  z-index: 100000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(6px);
  transition: ease-in all 1s;
}

.modal-content {
  position: relative;
  margin: auto;
  width: 100%;
  height: 100%;
  background: transparent;
}
.modal-inner-content {
  position: absolute;
  display: flex;
  align-items: center;
  background-color: white;
  padding: 40px;
  border-radius: 24px;
  width: 580px;
  max-width: 580px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-inner-texts {
  margin-left: 24px;
}
.one-platform {
  font-weight: 500 !important;
  font-size: 38px !important;
  line-height: 57px !important;
  color: #000000 !important;
  padding-bottom: 18px !important;
}

.title2 {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: #000;
}

.body1 {
  font-family: Nunito;
  font-size: 16px;
  font-weight: 500;
  line-height: 21.82px;
  text-align: left;
  color: rgba(88, 88, 88, 1);
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.modal-btn {
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  background: rgba(74, 215, 209, 1);
  font-family: Poppins;
  font-weight: 500;
  size: 18px;
  color: #000;
}

.ourUser {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 38px;
  line-height: 57px;
  color: #000000;
}
.testimonial-name-heading {
  font-family: "Poppins" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 27px !important;
  color: #000000 !important;
}

.article-link__aquasection {
  color: #404654 !important;
  font-weight: 600 !important;
  font-family: Poppins !important;
  font-size: 22px !important;
  transition: 0.3s all ease;
}
.article-link__aquasection:hover {
  color: #000 !important;
}

.award_width {
  width: 91%;
}
.award_seperator {
  border: 1.5px solid rgba(202, 202, 202, 0.5);
  width: 74%;
  margin-top: 24px;
  margin-bottom: 24px;
}

.subheading {
  color: #666666 !important;
  font-weight: 600 !important;
}
.mt-24 {
  margin-top: 24px !important;
}

.toggleText {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 27px;
  color: #fff;
}

.black-font {
  color: black !important;
  z-index: 1;
}

.tripletoggle-container {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  width: 265px;
  max-width: 265px;
  height: 50px;
  border-radius: 100px;
  background: #00000099;
  position: relative;
  /* box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); */
}
.tripletoggle-container label {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0 !important;
  cursor: pointer;
}

.switch {
  height: 44px;
  width: 85px;
  background-color: white;
  border-radius: 100px;
  position: absolute;
  left: 3px;
  top: 3px;
  transition: ease-in;
}

/*---------------- LEFT ------------------- */
.switch.left-to-center {
  animation-name: leftToCenter;
  animation-duration: 0.5s;
}

.switch.left-to-right {
  animation-name: leftToRight;
  animation-duration: 0.5s;
}

.switch.left-position {
  left: 3px;
}

@keyframes leftToCenter {
  from {
    left: 3px;
    transform: translate(0, 0);
  }
  to {
    left: 50%;
    transform: translate(-50%, 0);
  }
}

@keyframes leftToRight {
  from {
    left: 3px;
  }
  to {
    left: 67%;
  }
}

.color_ea {
  color: #eaeaea;
}

.mb-140 {
  margin-bottom: 140px !important;
}
.font_49_700 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-size: 49px;
  line-height: 74px;
}
.font_38_500 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 38px;
  line-height: 57px;
}
.font_20_600 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.font_18_500 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
}
.font_12_500 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.font_22_600 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 33px;
}

/* -------------------- center ------------------ */
.switch.center-to-left {
  animation-name: centerToLeft;
  animation-duration: 0.5s;
}

.switch.center-to-right {
  animation-name: centerToRight;
  animation-duration: 0.5s;
}

.switch.center-position {
  left: 50%;
  transform: translate(-50%, 0);
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.min-h-100vh {
  min-height: 100vh;
}

@keyframes centerToLeft {
  from {
    left: 85px;
  }
  to {
    left: 3px;
  }
}

@keyframes centerToRight {
  from {
    left: 50%;
  }
  to {
    left: 67%;
  }
}

/* ------------------- RIGHT ------------------- */
.switch.right-to-left {
  animation-name: rightToLeft;
  animation-duration: 0.5s;
}

.switch.right-to-center {
  animation-name: rightToCenter;
  animation-duration: 0.5s;
}

.switch.right-position {
  left: 67%;
}

@keyframes rightToLeft {
  from {
    left: 67%;
  }
  to {
    left: 3px;
  }
}

@keyframes rightToCenter {
  from {
    left: 67%;
  }
  to {
    left: 50%;
    transform: translate(-50%, 0);
  }
}

.startup_pricing_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.gap_3 {
  gap: 3px !important;
}
.gap_5 {
  gap: 5px !important;
}
.gap_6 {
  gap: 6px !important;
}
.gap_8 {
  gap: 8px !important;
}
.gap_10 {
  gap: 10px !important;
}
.gap_12 {
  gap: 12px !important;
}
.gap_14 {
  gap: 14px !important;
}
.gap_15 {
  gap: 15px !important;
}
.gap_16 {
  gap: 16px !important;
}
.gap_18 {
  gap: 18px !important;
}
.gap_20 {
  gap: 20px !important;
}
.gap_22 {
  gap: 22px !important;
}
.gap_24 {
  gap: 24px !important;
}
.gap_25 {
  gap: 25px !important;
}
.gap_26 {
  gap: 26px !important;
}
.gap_28 {
  gap: 28px !important;
}
.gap_30 {
  gap: 30px !important;
}
.gap_32 {
  gap: 32px !important;
}
.gap_34 {
  gap: 34px !important;
}
.gap_35 {
  gap: 35px !important;
}
.gap_36 {
  gap: 36px !important;
}
.gap_38 {
  gap: 38px !important;
}
.gap_40 {
  gap: 40px !important;
}
.gap_45 {
  gap: 45px !important;
}
.gap_60 {
  gap: 60px !important;
}
.gap_50 {
  gap: 50px !important;
}
.gap_75 {
  gap: 75px !important;
}
.gap_80 {
  gap: 80px !important;
}

.freemium_price_left__box {
  border: 1px solid #4ad7d1;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  padding: 24px;
  margin-top: 48px;
  margin-bottom: 48px;
  border-right: none;
  width: 420px;
}

.freemium_price_right__box {
  border: 1px solid #4ad7d1;
  border-radius: 16px;
  padding: 24px;
  background-color: #f4fcff;
  width: 440px;
  position: relative;
}
.recommended_tag {
  position: absolute;
  padding: 2px 12px;
  background-color: #2bd2b6;
  color: white;
  top: 0;
  right: 24px;
  font-size: 12px;
  font-weight: 600;
}

.justify_end {
  display: flex;
  justify-content: flex-end;
}

.color_blue {
  color: #4ad7d1 !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.body2 {
  font-family: Nunito;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
}
.body1 {
  font-family: Nunito;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}
.title1 {
  font-family: Poppins;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
}
.pricing_price {
  font-family: Poppins;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0%;
}

.text-outline {
  font-family: Nunito;
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
}


/* MAIN BACKGROUND BAR */
.bg-box {
  background-image: url("./images/landing/blackImage.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 48px;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: 6px 20px;
  text-transform: uppercase;
  font-family: Poppins;
  font-weight: 700;
  color: #fff !important;
 
}
.bg-box p {
  color: #fff !important;
}

/* MARQUEE OUTER CONTAINER */
.marquee-container {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

/* MOVING TRACK */
.marquee-track {
  display: inline-flex;
  align-items: center;
  gap: 50px;
  animation: marqueeMove 18s linear infinite;
}

.marquee-item {
  display: inline-flex;
  align-items: center;
  gap: 20px;
}

@keyframes marqueeMove {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.offer-cta {
  background: #ffffff;
  color: #000;
  padding: 6px 20px;
  border-radius: 24px;
  cursor: pointer;
  white-space: nowrap;
}

.offer-main-text {
  font-family: Poppins;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  white-space: nowrap;
}



.marquee-track:hover {
  animation-play-state: paused;
}


.gradient--offer-text {
  background: linear-gradient(90deg, #68c1d2, #2bd2b6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.black-friday-recommended_tag {
  position: absolute;
  padding: 2px 4px;
  background-color: #000;
  color: white;
  top: 0;
  right: 24px;
  font-weight: 600;
  border-radius: 4px;
  border: 1px solid #4ad7d1;
  font-family: Poppins;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
}


@media (min-width: 992px) {
  .mt-lg-4 {
    margin-top: 4px !important;
  }
  .py-lg-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .py-lg-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mt-lg-0 {
    margin-top: 0px !important;
  }

  .mt-lg-8 {
    margin-top: 8px !important;
  }

  .mt-lg-6 {
    margin-top: 6px !important;
  }

  .mt-lg-10 {
    margin-top: 10px !important;
  }

  .mt-lg-12 {
    margin-top: 12px !important;
  }

  .mt-lg-14 {
    margin-top: 14px !important;
  }

  .mt-lg-16 {
    margin-top: 16px !important;
  }

  .mt-lg-20 {
    margin-top: 20px !important;
  }

  .mt-lg-24 {
    margin-top: 24px !important;
  }

  .mt-lg-30 {
    margin-top: 30px !important;
  }

  .mt-lg-32 {
    margin-top: 32px !important;
  }

  .mt-lg-36 {
    margin-top: 36px !important;
  }

  .mt-lg-40 {
    margin-top: 40px !important;
  }

  .mt-lg-48 {
    margin-top: 48px !important;
  }

  .mt-lg-50 {
    margin-top: 50px !important;
  }

  .mt-lg-56 {
    margin-top: 56px !important;
  }

  .mt-lg-60 {
    margin-top: 60px !important;
  }

  .mt-lg-64 {
    margin-top: 64px !important;
  }

  .mt-lg-72 {
    margin-top: 72px !important;
  }

  .mr-lg-0 {
    margin-right: 0px !important;
  }

  .mr-lg-4 {
    margin-right: 4px !important;
  }

  .mr-lg-40 {
    margin-right: 40px !important;
  }

  .mr-lg-8 {
    margin-right: 8px !important;
  }

  .mr-lg-6 {
    margin-right: 6px !important;
  }

  .mr-lg-10 {
    margin-right: 10px !important;
  }

  .mr-lg-12 {
    margin-right: 12px !important;
  }

  .mr-lg-14 {
    margin-right: 14px !important;
  }

  .mr-lg-16 {
    margin-right: 16px !important;
  }

  .mr-lg-20 {
    margin-right: 20px !important;
  }

  .mr-lg-24 {
    margin-right: 24px !important;
  }

  .mr-lg-32 {
    margin-right: 32px !important;
  }

  .ml-lg-0 {
    margin-left: 0px !important;
  }

  .ml-lg-8 {
    margin-left: 8px !important;
  }

  .ml-lg-6 {
    margin-left: 6px !important;
  }

  .ml-lg-10 {
    margin-left: 10px !important;
  }

  .ml-lg-12 {
    margin-left: 12px !important;
  }

  .ml-lg-16 {
    margin-left: 16px !important;
  }

  .ml-lg-24 {
    margin-left: 24px !important;
  }

  .ml-lg-20 {
    margin-left: 20px !important;
  }

  .ml-lg-32 {
    margin-left: 32px !important;
  }

  .ml-lg-40 {
    margin-left: 40px !important;
  }

  .ml-lg-48 {
    margin-left: 48px !important;
  }

  .ml-lg-60 {
    margin-left: 40px !important;
  }

  .mb-lg-0 {
    margin-bottom: 0px !important;
  }

  .mb-lg-8 {
    margin-bottom: 8px !important;
  }

  .mb-lg-6 {
    margin-bottom: 6px !important;
  }

  .mb-lg-10 {
    margin-bottom: 10px !important;
  }

  .mb-lg-12 {
    margin-bottom: 12px !important;
  }

  .mb-lg-16 {
    margin-bottom: 16px !important;
  }

  .mb-lg-20 {
    margin-bottom: 20px !important;
  }

  .mb-lg-24 {
    margin-bottom: 24px !important;
  }

  .mb-lg-32 {
    margin-bottom: 32px !important;
  }

  .mb-lg-40 {
    margin-bottom: 40px !important;
  }

  .mb-lg--5 {
    margin-bottom: -5px !important;
  }
  .gap_lg_3 {
    gap: 3px !important;
  }
  .gap_lg_5 {
    gap: 5px !important;
  }
  .gap_lg_6 {
    gap: 6px !important;
  }
  .gap_lg_8 {
    gap: 8px !important;
  }
  .gap_lg_10 {
    gap: 10px !important;
  }
  .gap_lg_12 {
    gap: 12px !important;
  }
  .gap_lg_14 {
    gap: 14px !important;
  }
  .gap_lg_15 {
    gap: 15px !important;
  }
  .gap_lg_16 {
    gap: 16px !important;
  }
  .gap_lg_18 {
    gap: 18px !important;
  }
  .gap_lg_20 {
    gap: 20px !important;
  }
  .gap_lg_22 {
    gap: 22px !important;
  }
  .gap_lg_24 {
    gap: 24px !important;
  }
  .gap_lg_25 {
    gap: 25px !important;
  }
  .gap_lg_26 {
    gap: 26px !important;
  }
  .gap_lg_28 {
    gap: 28px !important;
  }
  .gap_lg_30 {
    gap: 30px !important;
  }
  .gap_lg_32 {
    gap: 32px !important;
  }
  .gap_lg_34 {
    gap: 34px !important;
  }
  .gap_lg_35 {
    gap: 35px !important;
  }
  .gap_lg_36 {
    gap: 36px !important;
  }
  .gap_lg_38 {
    gap: 38px !important;
  }
  .gap_lg_40 {
    gap: 40px !important;
  }
  .gap_lg_45 {
    gap: 45px !important;
  }
  .gap_lg_60 {
    gap: 60px !important;
  }
  .gap_lg_50 {
    gap: 50px !important;
  }
  .gap_lg_75 {
    gap: 75px !important;
  }
  .gap_lg_80 {
    gap: 80px !important;
  }
}

@media (max-width: 1024px) {
  .startup_pricing_header {
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .togglecontainer {
    width: 100% !important;
    padding: 5px 5px 0 5px;
    display: flex;
    justify-content: center;
  }
  .switch {
    width: 88px;
  }
  .toggleText {
    font-size: 12px;
  }
}