@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@100;200;300;400;500;600;700;800;900&display=swap");



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

body {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #444444;
  background-color: #ffffff;
  overflow-x: hidden;
}

.dm-sans {
  font-family: "DM Sans", sans-serif !important;
}

.montserrat-alternates {
  font-family: "Montserrat Alternates", sans-serif !important;
}

.caveat {
  font-family: "Caveat", cursive !important;
}

.quantico {
  font-family: "Quantico", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  color: #111111;
  line-height: 1.46;
}

h1 {
  font-size: 60px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 18px;
  font-weight: 500;
}

h6 {
  font-size: 15px;
  font-weight: 500;
}

.wt-400 {
  font-weight: 400 !important;
}

.wt-500 {
  font-weight: 500 !important;
}

.wt-600 {
  font-weight: 600 !important;
}

.wt-700 {
  font-weight: 700 !important;
}

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

.ml-12 {
  margin-left: 12px;
}

.mx-auto {
  margin: 0px auto;
}

.p-0 {
  padding: 0px !important;
}

.m-0 {
  margin: 0px !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.no-border {
  border: none !important;
}

*:focus {
  outline: none;
}

img {
  max-width: 100%;
}

.bg-gray {
  background: #ECEFF1;
}

body .mt--60 {
  margin-top: -60px;
}

.xl-mb-10 {
  margin-bottom: 10px;
}

.xl-mb-20 {
  margin-bottom: 20px;
}

.xl-mb-25 {
  margin-bottom: 25px;
}

.xl-mb-30 {
  margin-bottom: 30px !important;
}

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

.xl-pl-0 {
  padding-left: 0;
}

.max-w-100 {
  max-width: 100% !important;
}

::-moz-selection {
  background-color: #0095ff;
  color: #ffffff;
}

::selection {
  background-color: #0095ff;
  color: #ffffff;
}

.row-gap50 {
  row-gap: 50px;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.offer-text {
  margin-top: 28px;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #0ec36b;
}

.bg-none {
  background: transparent !important;
}

a,
.btn,
button {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

a:hover,
.btn:hover,
button:hover {
  text-decoration: none;
  color: inherit;
}

a:focus,
.btn:focus,
button:focus {
  text-decoration: none;
  color: inherit;
  outline: none;
  border: none;
}

button,
input[type="submit"] {
  cursor: pointer;
}

button {
  border-radius: 0;
  border: 0;
  background-color: transparent;
}

.btn {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}

/*-- custom bootstrap style start --*/
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1170px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .custom-container {
    max-width: 1370px;
    margin: auto;
  }
  .marketplace-container {
    max-width: 1411px;
    margin: auto;
  }
}

/*-- custom bootstrap style end --*/
/*-- color style --*/
.color-theme {
  color: #0095ff !important;
}

/*-- bg color style start --*/
.bg-primay {
  background-color: #0095ff;
}

.white-color {
  color: #000000;
}

.body-color {
  color: #444444;
}

.bg-aero-blue {
  background-color: #D1FDE9;
}

.green-color {
  color: #44C486;
}

.check-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.max-width-570 {
  max-width: 570px;
}

.z-index-3 {
  position: relative;
  z-index: 3 !important;
}

/*-- bg color style end --*/
/*-- Lib custom Start --*/
.row {
  margin: 0px -15px !important;
}

.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  padding: 0px 15px !important;
}










/*-- integration-element-section end --*/
/*--------------------------------
03. Sections style
--------------------------------*/
/*-- header-section start --*/
.header-section {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px 0;
}

.header-section.sticky {
  position: fixed;
  background-color: #ffffff99;
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 10px 0px !important;
  top: 0px;
  animation: headerAnimetion 0.3s linear;
  -webkit-animation: headerAnimetion 0.3s linear;
}


.header-section.v5 {
  top: 14px;
  padding: 11px 0px;
}

.header-section.v5.sticky {
  top: 0px;
}


.header-section.header-white {
  background: #ffffff;
}

.header-section .header-navbar-container {
  padding-left: 0;
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
}

.header-section .header-logo {
  padding: 0 !important;
  margin-right: 0;
}







/*-- main-menu style --*/
.main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

.main-menu ul {
  list-style: none;
}

.main-menu li {
  position: relative;
}

.main-menu li:hover .dropdown-toggle::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.main-menu li:hover .submenu {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  visibility: visible;
  width: 250px;
}

.main-menu li:hover .submenu li a {
  line-height: 333%;
}

.main-menu li a {
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 15px 0px;
  font-weight: 500;
}

.main-menu li a:hover, .main-menu li a:focus {
  color: #ffffffb2;
}






.nav-item.home-nav:hover .mega-menu {
  -webkit-animation: menuAnimetion 0.7s;
          animation: menuAnimetion 0.7s;
  display: block;
  -webkit-transform: none;
          transform: none;
  opacity: 1;
}

.nav-item.home-nav a.megaTablinks {
  color: auto !important;
}


/*-- hero-section start --*/
.hero-section {
  padding: 235px 0px 165px 0px;
  background-color: #242549;
  background-image: url("../images/bg/wave-line.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.hero-section .shape-img {
  position: absolute;
  z-index: -1;
}

.hero-section .shape-img.img-1 {
  top: 25%;
  left: 0;
}

.hero-section .shape-img.img-2 {
  bottom: 0;
  left: 40%;
}

.hero-section .shape-img.img-3 {
  bottom: 0;
  right: 12%;
}

/*-- hero-content style --*/
.hero-content-text {
  margin-bottom: 48px;
}

.hero-content-text .uig-banner-title {
  line-height: 1.35;
}

.hero-content-text p {
  margin-top: 18px;
  font-size: 18px;
  line-height: 36px;
  color: #ffffff;
}

.hero-content-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hero-content-list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.hero-content-list .list-item svg {
  font-size: 18px;
  color: #ffffff;
  position: relative;
  top: -3px;
}

.hero-content-list .list-item p {
  font-size: 14px;
  color: #ffffff;
}

/*-- hero-img style --*/
.hero-img {
  text-align: right;
  position: relative;
}

.hero-img::before {
  position: absolute;
  content: url("../images/shape/curve-line.png");
  bottom: 50px;
  left: 60px;
}

.hero-img img {
  width: 400px;
  height: 500px;
  border-radius: 200px;
}

.hero-img .overlay {
  position: absolute;
  top: -25px;
  left: 50px;
}


/*-- Hero-Section2 --*/
.hero-section2 {
  min-height: 681px;
  padding-top: 245px;
}

.new-hoogle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 9px;
  margin-bottom: 27px;
}

.new-hoogle span {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 700;
  line-height: 14px;
  background: #f7578c;
  border-radius: 15px;
  color: #ffffff;
  padding: 8px 12px;
}

.new-hoogle p {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
  color: #111111;
  margin-top: 0px;
  position: relative;
}

.new-hoogle p:after {
  content: url(../images/icons/hoogle-icon.svg);
  position: absolute;
  right: -20px;
  top: -14px;
  -webkit-animation: badgeAnimate 2s infinite linear;
          animation: badgeAnimate 2s infinite linear;
}

.hero-content2-text .banner-title {
  margin-bottom: 16px;
  line-height: 1.3;
}

.hero-content2-text .banner-title .hero-badge {
  background: #fec458;
  border-radius: 0px 20px 0px 0px;
  margin-left: 7px;
}

.hero-content2-text ul {
  padding: 0;
  list-style: none;
  margin-bottom: 49px;
}

.hero-content2-text ul li {
  font-weight: 900;
  line-height: 36px;
  color: #111111;
}

.hero-content2-text ul li svg {
  font-size: 18px;
  margin-right: 10px;
}

.hero2-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

.hero2-img .hero2-image1 {
  position: absolute;
  left: 20px;
  top: -56px;
  background: #00CEC9;
  border-radius: 85px 85px 0px 85px;
  padding: 17px;
  overflow: hidden;
}

.hero2-img .hero2-image1 img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

.hero2-img .hero2-image2 {
  position: absolute;
  left: 50px;
  top: 35%;
  background: #f7578c;
  border-radius: 85px 85px 0px 85px;
  -webkit-transform: rotate(-75deg);
          transform: rotate(-75deg);
  padding: 8px;
  overflow: hidden;
}

.hero2-img .hero2-image2 img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  -webkit-transform: rotate(75deg);
          transform: rotate(75deg);
}

.hero2-img .hero2-image3 {
  position: absolute;
  top: -50px;
  left: 60%;
  -webkit-animation: jumpingDown 4.5s infinite;
          animation: jumpingDown 4.5s infinite;
}

.hero2-img .hero2-image4 {
  position: absolute;
  bottom: 100px;
  left: 100px;
  -webkit-animation: jumpingUp 5s infinite;
          animation: jumpingUp 5s infinite;
}

/*-- hero-section-4 style end --*/
.hero-section-index5 {
  min-height: 642px;
  background: url(../img/banner.jpg);
  padding-bottom: 25px;
  position: relative;
  z-index: 0;
  overflow-x: hidden;
  background-size: cover;
}



.hero-section-index5 .index5-hero-content {
  padding-top: 180px;
  position: relative;
  z-index: 11;
}

.hero-section-index5 .index5-hero-content .v5welocme-section {
  height: 58px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 0px;
  max-width: 383px;
  width: 100%;
  margin: auto;
  font-size: 18px;
  margin-bottom: 20px;
  color: #111111;
}

.hero-section-index5 .index5-hero-content .v5welocme-section img {
  margin-right: 10px;
  position: relative;
  top: -2px;
}

.hero-section-index5 .index5-hero-content .v5banner-text .banner-title {
  color: #6f6f6f;
  margin-bottom: 28px;
  gap: 18px;
  font-weight: 700;
  font-size: 45px;
}

.hero-section-index5 .index5-hero-content .v5banner-text .banner-title .brack-text {
  display: block;
  font-size: 52px;
  color: #ec6502;
  margin-bottom: 27px;
}

.hero-section-index5 .index5-hero-content .v5banner-text .banner-title .animation-text {
  padding: 0;
  margin: 0 auto !important;
  text-align: center;
}

.hero-section-index5 .index5-hero-content .v5banner-text .banner-title .animation-text:after {
  display: none;
}

.hero-section-index5 .index5-hero-content .v5banner-text .banner-title b {
  background: -webkit-gradient(linear, left top, right top, color-stop(2.79%, #0095ff), color-stop(57.47%, #0f57e8), to(#f7578c));
  background: linear-gradient(90deg, #ec6502 2.79%, #ec6502 57.47%, #6f6f6f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
}

.hero-section-index5 .index5-hero-content .v5banner-text p {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
  color: #111111;
  max-width: 569px;
  width: 100%;
  margin: auto;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 38px;
}

.hero-section-index5 .index5-hero-content form {
  max-width: 570px;
  margin: auto;
  height: 60px;
  margin-bottom: 6px;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  overflow: hidden;
}

.hero-section-index5 .index5-hero-content form button {
  height: 50px;
  max-width: 170px;
  width: 100%;
  padding: 0px;
}

.hero-section-index5 .index5-hero-content form input {
  height: 100%;
  width: 100%;
  max-width: 350px;
  border: none;
  outline: none;
  padding: 8px 19px;
  background: transparent;
}

.hero-section-index5 .index5-hero-img {
  position: relative;
  z-index: 10;
  max-width: 1170px;
  width: 100%;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 10%;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-section-index5 .index5-hero-img img {
  width: 80%;
  -webkit-transform: rotateX(40deg);
          transform: rotateX(40deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}





.chatbot-body {
  position: relative;
  z-index: 2;
}

.chatbot-footer-section {
  padding-top: 90px;
  padding-bottom: 2px;
  background: url(../images/chatbot/chatbot-footer-bg.png);
  background-attachment: fixed;
  background-size: cover;
}

.chatbot-footer-section.newsletter-footer {
  background: #191C1F;
}

.chatbot-footer-section.sass-footer {
  background: transparent;
  padding-top: 71px;
  position: relative;
}

.chatbot-footer-section.sass-footer .footer-bg {
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: -16;
}

.chatbot-footer-section.sass-footer .shape-img1 {
  position: absolute;
  top: 20px;
  left: 60px;
}

.chatbot-footer-section.sass-footer .shape-img2 {
  position: absolute;
  top: 180px;
  left: 0px;
}

.chatbot-newslater {
  margin-bottom: 90px;
}

.chatbot-newslater h2 {
  color: #ffffff;
  max-width: 518px;
  width: 100%;
}

.chatbot-newslater-left, .chatbot-newslater-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 120px;
}

.chatbot-footer-card {
  padding: 100px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 30px;
  margin-bottom: 60px;
}

.chatbot-footer-card.newsletter {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 80px;
  border-radius: 0px;
}

.chatbot-footer-card.newsletter .chatbot-footer-left {
  margin-left: auto;
}

.chatbot-footer-card.newsletter .chatbot-footer-right {
  border-left: none;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.chatbot-footer-card.crypto-wallet {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 80px;
  border-radius: 0px;
}

.chatbot-footer-card.crypto-wallet .chatbot-footer-left {
  margin-left: auto;
}

.chatbot-footer-card.crypto-wallet .chatbot-footer-right {
  border-left: none;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.chatbot-footer-card.sass {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.chatbot-footer-left {
  max-width: 400px;
  width: 100%;
}

.chatbot-footer-left h4 {
  margin-bottom: 20px;
  color: #ffffff;
  max-width: 270px;
}

.chatbot-footer-left p {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 42px;
}

.chatbot-footer-left.sass h4 {
  color: #111111;
}

.chatbot-footer-left.sass p {
  color: #444444;
}





.chatbot-footer-bottom-left {
  /* max-width: 571px; */
  width: 100%;
}

.chatbot-footer-bottom-left ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
  list-style: none;
  padding: 0px;
  margin-bottom: 22px;
  max-width: 496px;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.chatbot-footer-bottom-left ul li a {
  color: rgba(255, 255, 255, 0.7);
}

.chatbot-footer-bottom-left ul li a:hover {
  color: #ffffff;
}

.chatbot-footer-bottom-left.sass ul li a {
  color: #111111;
}

.chatbot-footer-bottom-left.sass p {
  color: #444444;
  font-weight: 500;
  margin: 0;
}

.chatbot-footer-bottom-left.sass p span {
  color: #111111;
  font-weight: 700;
}

.chatbot-footer-bottom-left p {
  /* margin-bottom: 13px; */
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
}

.chatbot-footer-bottom-left p span {
  color: #FFFFFF;
}

.chatbot-footer-bottom-right p {
  color: #ffffff;
  line-height: 36px;
  font-weight: 600;
  font-family: "Montserrat Alternates", sans-serif;
}

.chatbot-footer-bottom-right p a {
  margin-left: 12px;
}

.chatbot-footer-bottom-right.sass p a {
  color: #ec6502;
}

.chatbot-footer-bottom-right.crypto p a {
  background: -webkit-gradient(linear, left top, right top, from(#30D7F1), color-stop(51.56%, #79FA4B), to(#FCE344));
  background: linear-gradient(90deg, #30D7F1 0%, #79FA4B 51.56%, #FCE344 100%);
  -webkit-background-clip: text;
  -webkit-tex-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.chatbot-footer-bottom-right .chatbot-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 14px;
  margin-bottom: 71px;
}

.chatbot-footer-bottom-right .chatbot-social p {
  margin-bottom: 0px;
}

.chatbot-footer-bottom-right .chatbot-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  /* justify-content: space-between; */
  max-width: 193px;
  width: 100%;
  gap: 14px;
}

.chatbot-footer-bottom-right .chatbot-social-list a {
  -webkit-filter: brightness(100);
          filter: brightness(100);
  opacity: 70%;
}

.chatbot-footer-bottom-right .chatbot-social-list a:hover {
  opacity: 100;
}

.chatbot-footer-bottom-right.sass p {
  color: #111111;
}

.chatbot-footer-bottom-right.sass .chatbot-social-list a img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
  opacity: 0.8;
}




/*-- brands-section-title style --*/
.brands-section-title {
  margin-bottom: 25px;
  text-align: center;
}

.brands-section-title.brands-section-title-index2 {
  /* text-align: left; */
  padding-bottom: 20px;
}

.brands-section-title h2 {
  /* font-size: 40px; */
  /* font-weight: 600; */
  /* line-height: 30px; */
  text-align: center;
}

.brands-section-title.brands-section-title-index8 {
  text-align: left;
  position: absolute;
  left: 0px;
  top: 2px;
  background: #ffffff;
  z-index: 2;
  padding-right: 30px;
}

/*-- brands-slider style --*/
.brands-slider {
  position: relative;
  width: 100%;
  height: 50px;
  overflow: hidden;
}



.brands-slider .slider-item {
  width: 300px;
  height: 50px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.brands-slider::before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  width: 120px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.brands-slider::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  right: 0;
  width: 120px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.brands-slider.sass::after {
  background: -webkit-gradient(linear, right top, left top, from(#F2F6FD), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #F2F6FD 0%, rgba(255, 255, 255, 0) 100%);
}

.brands-slider.sass::before {
  background: -webkit-gradient(linear, right top, left top, from(#F8FBFF), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #F8FBFF 0%, rgba(255, 255, 255, 0) 100%);
}


/*-- feature-section start --*/
.feature-section {
  padding: 118px 0 40px 0;
}

/*-- section-title style --*/
.section-title {
  margin-bottom: 42px;
}

.section-title.section-title-left {
  text-align: left;
}

.section-title h6 {
  margin-top: 12px;
}

.section-title h5 {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-top: 12px;
}

/*-- feature-card style --*/
.feature-card {
  margin-bottom: 30px;
  padding: 30px;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 30px;
  position: relative;
  z-index: 0;
}

.feature-card .feature-card-shape {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.feature-card .feature-card-shape img {
  width: 100%;
  height: 100%;
}

.feature-card-icon {
  margin-bottom: 30px;
}

.feature-card-icon img {
  width: 40px;
  height: 40px;
}

.feature-card h5 {
  margin-bottom: 10px;
  font-weight: 600;
}

.staco-hover-effect:hover .feature-card:hover .feature-card-shape,
.staco-hover-effect:not(:hover) .feature-card.active .feature-card-shape {
  opacity: 1;
}

/*-- feature-section end --*/
/*-- usability-section start --*/
.usability-section {
  padding: 70px 0 408px 0;
  background-image: url("../images/main-demo/dotted-bg.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
}

/*-- usability-card style --*/
.usability-card {
  width: 100%;
  height: 600px;
  border-radius: 50px;
  background-color: #242549;
  padding: 84px;
  text-align: center;
  position: relative;
  z-index: 0;
}

.usability-card .shape-img {
  position: absolute;
  z-index: -1;
}

.usability-card .shape-img.img-1 {
  top: 0;
  left: 57px;
}

.usability-card .shape-img.img-2 {
  bottom: 96px;
  right: 0;
}

.usability-card-title {
  margin-bottom: 44px;
}

.usability-card-title h2 {
  color: #ffffff;
  max-width: 405px;
  margin: auto;
}

.usability-card .usability-buttons {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}

.usability-card .usability-buttons button {
  width: 180px;
  height: 50px;
  border-radius: 10px;
  background-color: #ffffff14;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.usability-card .usability-buttons button:hover {
  background-color: #ffffff26;
}

.usability-card .usability-content .content-item {
  display: none;
}

.usability-card .usability-content .content-item.show {
  display: block;
}

.usability-slider-nav .slick-list {
  padding: 0 !important;
}

.usability-slider-nav .slick-track {
  width: 100% !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.usability-slider-nav .slider-item {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 180px !important;
  height: 50px !important;
  border-radius: 10px;
  background-color: #ffffff14;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  font-weight: 700;
  line-height: 30px;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.usability-slider-nav .slider-item img {
  width: 20px;
  height: 20px;
}

.usability-slider-nav .slider-item::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #ffffff26;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.usability-slider-nav .slider-item.slick-current::before {
  opacity: 1;
  -webkit-animation: tabAnimate 6.5s linear;
          animation: tabAnimate 6.5s linear;
}

@-webkit-keyframes tabAnimate {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes tabAnimate {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

.usability-slider-for {
  margin-top: 50px;
}

.usability-slider-for .slider-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*-- usability-section end --*/
/*-- marketing-section start --*/
.marketing-section {
  padding: 140px 0 0 0;
}

/*-- marketing-img style --*/
.marketing-img {
  width: 100%;
  height: 420px;
  background-color: #f8f0e6;
  border-radius: 240px 240px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  /* pie progress */
}

.marketing-img > img {
  width: 400px;
  height: 380px;
  border-radius: 250px 250px 0px 0px;
}

.marketing-img.v2 {
  background-color: #f6eafe;
  border-radius: 0px 0px 240px 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.marketing-img.v2 > img {
  border-radius: 0 0 250px 250px;
}

.marketing-img .overlay img {
  width: auto;
  height: auto;
}

.marketing-img .overlay-item {
  position: absolute;
}

.marketing-img .chart {
  bottom: 0;
  left: 0;
  width: 188px;
  height: 85px;
  border-radius: 0px 45px 0px 0px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.marketing-img .emoji-icons {
  bottom: 40px;
  right: 22px;
  width: 209px;
  height: 70px;
  -webkit-box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.15);
  border-radius: 35px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.marketing-img .star-1 {
  top: 74px;
  right: 93px;
}

.marketing-img .star-2 {
  top: 110px;
  right: 57px;
}

.marketing-img .star-3 {
  top: 135px;
  right: 119px;
}

.marketing-img .wave-shape {
  bottom: 121px;
  left: 45px;
}

.marketing-img .reduction-time {
  top: 30px;
  left: 0;
  width: 170px;
  height: 90px;
  border-radius: 0 45px 0 0;
  background-color: #ffffff;
  padding: 24px 24px 24px 0;
}

.marketing-img .reduction-time-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.marketing-img .reduction-time h2 {
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 20px;
}

.marketing-img .reduction-time p {
  font-size: 13px;
  line-height: 20px;
}

.marketing-img .success-rate {
  bottom: 71px;
  right: 60px;
  width: 170px;
  height: 170px;
}

.marketing-img .success-rate-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.marketing-img .pie_progress {
  width: 130px;
  height: 130px;
  margin: auto 0;
  background-color: transparent;
}

.marketing-img .pie_progress__label {
  margin-top: 0px;
}

.marketing-img .pie_progress__label h4 {
  font-size: 30px;
  color: #000000;
}

.marketing-img .pie_progress__label p {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

/*-- marketing-content style --*/
.marketing-content-title {
  margin-bottom: 37px;
}

.marketing-content-title h3 {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 30px;
  color: #0095ff;
  letter-spacing: 0.2em;
  margin-bottom: 16px;
}

.marketing-content .list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.marketing-content .list li {
  margin-top: 15px;
}

.marketing-content .list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.marketing-content .list .list-item svg {
  font-size: 18px;
  color: #999999;
  position: relative;
  top: -6px;
}

/*-- marketing-section end --*/
/*-- Testimonail-section start --*/
.testimonial-seciton {
  padding: 56px 0;
  position: relative;
}

/*-- testimonial-card style --*/
.testimonial-card {
  border-radius: 50px;
  background-color: #242549;
  display: -ms-flexbox;
  algn-items: center;
}

.testimonial-card-right {
  padding: 40px;
  width: 100%;
  height: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  /* flex: 0 0 auto; */
  overflow: hidden;
}

.testimonial-card-left {height: 0px;}

.testimonial-card-left::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff0a;
}

.testimonial-card-left .shape-img {
  position: absolute;
  z-index: -1;
}

.testimonial-card-left .shape-img.img-1 {
  top: 49px;
  left: 0;
}

.testimonial-card-left .shape-img.img-2 {
  bottom: 0;
  left: 96px;
}

.testimonial-card-left .shape-img.img-3 {
  top: 40%;
  right: 0;
}

.testimonial-card-left .shape-img.img-4 {
  top: 70px;
  right: 65px;
}

.testimonial-card-left .shape-img.img-4 .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.testimonial-card-left .sass-testimonials-shapes .shape1 {
  position: absolute;
  left: 0px;
  top: 145px;
}

.testimonial-card-left .sass-testimonials-shapes .shape2 {
  position: absolute;
  left: 40px;
  bottom: 71px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.testimonial-card-left .sass-testimonials-shapes .shape3 {
  position: absolute;
  right: 40px;
  top: 67px;
}

.testimonial-card-left .sass-testimonials-shapes .shape4 {
  position: absolute;
  right: 0px;
  bottom: 123px;
  z-index: 11;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.testimonial-card-right {
  -ms-flex-direction: column;
}

.testimonial-card .testimonial-slider-img img {
  width: 270px;
  height: 350px;
  border-radius: 135px;
}

.testimonial-card .slider-img img {
  width: 270px;
  height: 350px;
  border-radius: 135px;
}

.testimonial-card .slider-counter-box {
  position: absolute;
  bottom: 86px;
  right: 70px;
}

/*-- testimonial-title style --*/
.testimonial-title {
  margin-bottom: 40px;
}

.testimonial-title h3 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #0095ff;
  letter-spacing: 0.2em;
  margin-bottom: 16px;
}

.testimonial-title h2 {
  color: #ffffff;
}

.testimonial-title h2 svg {
  color: #f7578c;
}

/*-- testimonial-slider style --*/
.testimonial-slider-nav .slick-list {
  padding: 0 !important;
}

.testimonial-slider-nav .slick-track {
  width: 100% !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
}

.testimonial-slider-nav .slider-item {
  position: relative;
  overflow: hidden;
  width: 270px !important;
  height: 350px !important;
  border-radius: 135px;
  background-color: #ffffff14;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: none;
}

.testimonial-slider-nav .slider-item img {
  width: 100%;
  height: 100%;
}

.testimonial-slider-nav .slider-item.slick-current, .testimonial-slider-nav .slider-item.slick-active {
  display: block;
}

.testimonial-slider-for .slider-item p {
  margin-bottom: 35px;
  font-size: 18px;
  line-height: 36px;
  color: #000000;
}

.testimonial-slider-for .slider-item .author-info {
  color: #614f4f;
}

.testimonial-slider-for .slider-item .author-info .name {
  font-weight: 700;
  margin-right: 10px;
  color: #ec6502;
}

.testimonial-slider-for .slider-item .slider-item-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.testimonial-slider-for .slider-info {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.testimonial-slider-for .slider-counter p {
  color: #ec6502;
  letter-spacing: 5px;
  margin-bottom: 0;
}

.testimonial-slider-for .slider-arrow {
  cursor: pointer;
}

.testimonial-slider-for .slider-arrow svg {
  color: #ec6502;
}

.testimonial-slider .slider-item .slider-img {
  display: none !important;
}

.testimonial-slider .slider-item p {
  margin-bottom: 35px;
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
  color: #ffffff;
}

.testimonial-slider .slider-item h2 {
  font-size: 15px;
  font-weight: 700;
  line-height: 26px;
  color: #ffffff;
}

.testimonial-slider .slider-item h3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  color: #ffffff;
}

.testimonial-slider .slider-item-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

.testimonial-slider .owl-nav {
  margin-top: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}

.testimonial-slider .owl-nav button {
  margin: 0 !important;
}

.testimonial-slider .owl-nav button svg {
  font-size: 20px;
  color: #ffffff;
}

.testimonial-slider .owl-nav button:hover {
  background: transparent !important;
}

/*-- Testimonail-section end --*/
/*-- integrate-section start --*/
/* .integrate-section {
    padding: 60px 0;
}
*/
/*-- integrate-card style --*/
.integrate-card {
  margin-bottom: 40px;
  width: 100%;
  height: 450px;
  border-radius: 30px;
  background-color: #eaf1ff;
  padding: 70px 48px;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.integrate-card-header {
  margin-bottom: 34px;
}

.integrate-card h2 {
  font-size: 30px;
  line-height: 45px;
}

.integrate-card p {
  margin-top: 34px;
}

.integrate-card.v2 {
  background-color: #f8f0e6;
}

.integrate-card .shape-img {
  position: absolute;
  z-index: -1;
}

.integrate-card .shape-img.img-1 {
  bottom: 0;
  left: 0;
}

.integrate-card .shape-img.img-2 {
  bottom: 61px;
  right: 68px;
}

.integrate-card .shape-img.img-3 {
  bottom: 139px;
  right: 148px;
}

.integrate-card .shape-img.img-4 {
  bottom: 95px;
  left: 58px;
}

.integrate-card .shape-img.img-5 {
  bottom: 0;
  left: 150px;
}

/*-- integrate-slider style --*/
.integrate-slider {
  width: 100%;
  height: 82px;
  position: relative;
  overflow: hidden;
}

.integrate-slider-container {
  width: calc(120px * 8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: smoothSlider2 15s linear infinite;
          animation: smoothSlider2 15s linear infinite;
}

.integrate-slider::before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  width: 220px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#eaf1ff), to(rgba(234, 241, 255, 0)));
  background: linear-gradient(90deg, #eaf1ff 0%, rgba(234, 241, 255, 0) 100%);
}

.integrate-slider::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  right: 0;
  width: 220px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(234, 241, 255, 0)), to(#eaf1ff));
  background: linear-gradient(90deg, rgba(234, 241, 255, 0) 0%, #eaf1ff 100%);
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
          transform: matrix(1, 0, 0, -1, 0, 0);
}

.integrate-slider .slider-item {
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.integrate-slider .slider-item img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #ffffff;
  padding: 22px;
}

@-webkit-keyframes smoothSlider2 {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(calc(-120px * 4));
            transform: translateX(calc(-120px * 4));
  }
}

@keyframes smoothSlider2 {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(calc(-120px * 4));
            transform: translateX(calc(-120px * 4));
  }
}

/*-- integrate-section end --*/
/*-- faq-section start --*/
.faq-seciton {
  padding: 92px 0 140px 0;
}

.faq-seciton.v2 {
  padding: 132px 0 70px 0;
}

.faq-seciton.pricing-plan-faq-seciton {
  background: #ffffff;
  padding: 132px 0 140px 0;
}

.faq-seciton-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  margin-bottom: 50px;
}

.faq-seciton-header .faq-section-title {
  margin-bottom: 0px;
}

/*-- faq-section-title style --*/
.faq-section-title {
  margin-bottom: 98px;
}

.faq-section-title h3 {
  margin-bottom: 16px;
  text-transform: uppercase;
  font-size: 18px;
  color: #0095ff;
  letter-spacing: 0.2em;
}

/*-- leave-message style --*/
.leave-message1 {
  display: block;
}

.leave-message2 {
  display: none;
}

.leave-message h2 {
  font-size: 18px;
  line-height: 30px;
  color: #000000;
}

.leave-message h3 {
  color: #444444;
}

.leave-message .msg-btn {
  position: relative;
}

.leave-message .msg-btn .rotate-icon {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.leave-message .msg-btn .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*-- theme-accordion style --*/
.theme-accordion .accordion-item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 15px;
}

.theme-accordion .accordion-item:not(:first-child) {
  margin-top: 20px;
}

.theme-accordion .accordion-item:first-child {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}

.theme-accordion .accordion-item:last-child {
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}

.theme-accordion .accordion-header {
  border: 0 !important;
  border-radius: 15px !important;
  background-color: transparent;
}

.theme-accordion .accordion-button {
  border-radius: 15px !important;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #111111;
  padding: 18px 20px 20px 50px;
  position: relative;
}

.theme-accordion .accordion-button::after {
  position: absolute;
  content: url("../images/icons/accordion-plus.png");
  top: 22px;
  left: 20px;
  width: 20px;
  height: 20px;
  border: 0 !important;
  background-image: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.theme-accordion .accordion-button:not(.collapsed) {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.theme-accordion .accordion-button:not(.collapsed)::after {
  content: url("../images/icons/accordion-minus.png");
}

.theme-accordion .accordion-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.theme-accordion .accordion-collapse.collapse.show {
  border-radius: 15px;
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.08);
}

.theme-accordion .accordion-body {
  padding: 0 20px 20px 50px;
}

/*-- faq-section end --*/
/*-- pricing-section start --*/
.pricing-section {
  padding: 132px 0 90px 0;
  background-color: #191c1f;
  position: relative;
  z-index: 0;
}

.pricing-section::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff05;
}

.pricing-section .shape-img {
  position: absolute;
  z-index: -1;
}

.pricing-section .shape-img.img-1 {
  bottom: 0;
  right: 10%;
}

.pricing-section .shape-img.img-2 {
  bottom: 0;
  left: 10%;
}

.pricing-section .shape-img.img-3 {
  top: 0;
  left: 0;
}

.pricing-section .shape-img.img-4 {
  top: 25%;
  left: 8%;
}

.pricing-section .shape-img.img-5 {
  bottom: 20%;
  right: 5%;
}

/*-- pricing-section-title style --*/
.pricing-section-title {
  margin-bottom: 40px;
}

.pricing-section-title h3 {
  margin-bottom: 19px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #0095ff;
  letter-spacing: 0.2em;
}

.pricing-section-title h2 {
  text-transform: capitalize;
  color: #ffffff;
}

/*-- pricing-selector style --*/
.pricing-selector {
  margin-bottom: 40px;
  width: 100%;
  height: calc(100% - 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.pricing-selector form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.pricing-selector form button {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #ffffff;
}

.pricing-selector form button span {
  color: #00CEC9;
}

.pricing-selector form input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 50px;
  height: 24px;
  border-radius: 15px;
  background-color: #ffffff;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pricing-selector form input[type="checkbox"]::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #0095ff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pricing-selector form input[type="checkbox"]:checked {
  background-color: #0095ff;
}

.pricing-selector form input[type="checkbox"]:checked::before {
  left: 30px;
  background-color: #ffffff;
}

.pricing-yearly {
  display: none;
}

.pricing-card-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*-- pricing-card style --*/
.pricing-card {
  margin-bottom: 40px;
  border-radius: 30px;
  background-color: #ffffff;
  padding: 40px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pricing-card:hover .pricing-btn {
  background-color: #0095ff;
  color: #ffffff;
}

.pricing-card:hover .pricing-btn svg {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.pricing-card h2 {
  font-size: 30px;
  color: #111111;
}

.pricing-card h3 {
  font-size: 30px;
}

.pricing-card h3 span {
  font-family: "DM Sans", sans-serif !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #444444;
}

.pricing-card-header {
  margin-bottom: 20px;
}

.pricing-card-header p {
  margin-bottom: 28px;
}

.pricing-card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}

.pricing-card-list {
  margin-bottom: 27px;
}

.pricing-card-list li {
  padding-left: 16px;
  position: relative;
}

.pricing-card-list li:not(:first-child) {
  margin-top: 20px;
}

.pricing-card-list li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00cec966;
}

.pricing-card .pricing-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #0095ff4d;
  color: #0095ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pricing-card .pricing-btn svg {
  font-size: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pricing-card .pricing-btn:hover {
  background-color: #0095ff;
  color: #ffffff;
}

.pricing-card .pricing-btn:hover svg {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*-- pricing-section end --*/
/*-- home page 1 style end --*/
/*-- home page 2 style start --*/
/*-- index2-features-card start --*/
.index2-features-section .index2-features-card {
  background: #eeeffb;
  border-radius: 30px;
  padding: 112px 100px;
  margin-top: 100px;
}

.contents-text2 {
  padding-left: 20px;
}

.contents-text4 {
  padding-left: 20px;
}

.contents-text h4 {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 19px;
}

.contents-text h4 span {
  margin-right: 13px;
}

/*-- index2-features-card End --*/
/*-- business-tools-section Start --*/
.business-tools-section {
  margin-bottom: 110px;
  position: relative;
  z-index: 1;
  background: #FFFFFF;
}

.business-tools-section .business-tools-text {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: -webkit-max-content;
  min-height: -moz-max-content;
  min-height: max-content;
}

.business-tools-section .business-tools-text h4 {
  margin-bottom: 15px;
}

.business-tools-section .business-tools-text p {
  max-width: 585px;
  width: 100%;
  margin-bottom: 21px;
}

.business-tools-section .business-tools-text p.bold {
  font-weight: 700;
  color: #111111;
  margin-bottom: 0px;
}

.business-tools-section .business-tools-text ul {
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4%;
  max-width: 375px;
  width: 100%;
}

.business-tools-section .business-tools-text ul li {
  color: #111111;
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 15px;
}

.business-tools-section .business-tools-text ul li:nth-last-child(1) {
  margin-bottom: 0px;
}

.business-tools-section .business-tools-text ul li svg {
  min-width: 20px;
  margin-top: 6px;
  margin-right: 10px;
  font-size: 18px;
  font-weight: 900;
  line-height: 36px;
  color: #0ec36b;
}

.business-tools-section .list-group {
  padding-top: 140px;
}

.business-tools-section .business-tools-content-scrolspy {
  padding-top: 140px;
}

.business-tools-section .business-tools-content-scrolspy .business-tools-content {
  padding-bottom: 40px;
  margin-bottom: 40px;
  min-height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.business-tools-section .business-tools-img-list {
  position: relative;
  min-height: 450px;
  min-width: 450px;
  border-radius: 30px;
  overflow: hidden;
}

.business-tools-section .business-tools-img-list .business-tools-img-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.business-tools-section .business-tools-img-list a {
  width: 270px;
  height: 200px;
  right: 30px;
  bottom: 30px;
  position: absolute;
}

.business-tools-section .business-tools-img.list-group-item {
  display: none;
}

.business-tools-section .business-tools-img.list-group-item.active {
  background: transparent;
  display: block;
  border: none;
}

.business-tools-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 50px;
}

.business-tools-row .sidebar {
  max-width: 450px;
  width: 100%;
}

.business-tools-btns {
  gap: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-top: 16px;
  max-width: 100%;
}

.business-tools-btns button {
  background: rgba(17, 17, 17, 0.08);
  border-radius: 20px;
  padding: 8px 15px;
}

.business-tools-btns button svg {
  font-size: 18px;
  color: #0DAC81;
  margin-right: 9px;
}

/*-- business-tools-section End --*/
/*-- index2-statistics-section start --*/
.index2-statistics-section {
  background: transparent;
  /* border-top: 1px solid rgba(0, 0, 0, 0.1); */
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
  height: auto;
  /* margin-bottom: 135px; */
  position: relative;
  z-index: 0;
  margin-top: 24px;
}

.index2-statistics-section .index2-statistics-content {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  padding: 27.5px 0;
  position: relative;
  z-index: 0;
}

.statistics-text h2 {
  color: #6f6f6f;
}

.statistics-text p {
  font-size: 17px;
  font-weight: 600;
  line-height: 40px;
  color: #111111;
}

.statistics-text.v6 h2,
.statistics-text.v6 p {
  color: #004D42;
}

/*-- index2-statistics-section End --*/
/*-- choose-us-section Start --*/
.choose-us-section {
  padding-bottom: 132px;
  position: relative;
  z-index: 2;
  background: #FFFFFF;
}

.choose-us-section .choose-us-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}

.choose-us-section .choose-us-content .choose-us-text {
  max-width: 310px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 90px;
}

/*-- choose-us-section End --*/


 .compare-price-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 40px;
  max-width: 490px;
  width: 100%;
  margin: auto;
  min-height: 525px;
  position: relative;
}



.compare-price-card h5 {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #111111;
  margin-bottom: 33px;
}

.compare-price-card h2 {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.compare-price-card h2 sup {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  top: -15px;
}

.compare-price-card h2 strong {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 26px;
  margin-right: 7px;
}

.compare-price-card h2 span {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #0095ff;
}

.compare-list {
  margin-top: 26px;
  margin-bottom: 30px;
}


.compare-list ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.compare-list ul li {
  padding: 0 0 8px;
}

.compare-list ul li:last-child {
  padding-bottom: 0;
}

.compare-list ul li:before {
  content: url("../images/icons/check-green.svg");
  margin-right: 11px;
}

.compare-price-list ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

 .compare-price-list ul li {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  padding: 8px 0px;
  height: 80px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.compare-price-list ul li:nth-last-child(1) {
  border-bottom: none;
}



.premium-price,
.professional-price {
  display: none;
}

/*-- compare-price-section End --*/
/*-- index2-integration-section Start --*/
.index2-integration-section {
  padding-top: 132px;
  padding-bottom: 140px;
  position: relative;
}

.index2-integration-section.newsletter {
  padding-top: 100px;
}

.index2-integration-section.newsletter .index2-integration-auto-slider:before {
  background: -webkit-gradient(linear, left top, right top, color-stop(22.92%, #EEF2F5), to(rgba(236, 239, 241, 0)));
  background: linear-gradient(90deg, #EEF2F5 22.92%, rgba(236, 239, 241, 0) 100%);
}

.index2-integration-section.newsletter .index2-integration-auto-slider:after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(236, 239, 241, 0)), color-stop(76.56%, #EEF2F5));
  background: linear-gradient(90deg, rgba(236, 239, 241, 0) 0%, #EEF2F5 76.56%);
}

.index2-integration-section .index2-integration-bg img {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  min-height: 1100px;
  z-index: 0;
}

.index2-integration-section .index2-integration-content {
  position: relative;
  z-index: 2;
  overflow-x: hidden;
}

.index2-integration-section .index2-integration-auto-slider {
  position: relative;
}

.index2-integration-section .index2-integration-auto-slider:before {
  content: '';
  background: -webkit-gradient(linear, left top, right top, color-stop(22.92%, #ECEFF1), to(rgba(236, 239, 241, 0)));
  background: linear-gradient(90deg, #ECEFF1 22.92%, rgba(236, 239, 241, 0) 100%);
  height: 100%;
  width: 362px;
  left: 0px;
  bottom: 0px;
  position: absolute;
  z-index: 1;
}

.index2-integration-section .index2-integration-auto-slider:after {
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(236, 239, 241, 0)), color-stop(76.56%, #ECEFF1));
  background: linear-gradient(90deg, rgba(236, 239, 241, 0) 0%, #ECEFF1 76.56%);
  height: 100%;
  width: 362px;
  right: 0px;
  bottom: 0px;
  position: absolute;
  z-index: 1;
}

.index2-integration-section .index2-integration-auto-slider-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 94px;
  position: relative;
  z-index: 0;
}

.index2-integration-section .index2-integration-auto-slider-list ul {
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 94px;
  -webkit-animation: smoothSlider 20s infinite linear;
          animation: smoothSlider 20s infinite linear;
}

.index2-integration-section .index2-integration-auto-slider-list ul li {
  height: 100px;
  width: 100px;
  text-align: center;
}

.index2-integration-section .index2-integration-auto-slider-list.index2-integration-auto-slider-list-reverse ul {
  -webkit-animation: smoothSliderReverse 20s infinite linear;
          animation: smoothSliderReverse 20s infinite linear;
}

@-webkit-keyframes smoothSliderReverse {
  0% {
    -webkit-transform: translateX(-100);
            transform: translateX(-100);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes smoothSliderReverse {
  0% {
    -webkit-transform: translateX(-100);
            transform: translateX(-100);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

/*-- index2-integration-section End --*/
/*-- home page 2 style start --*/
/*-- home page 3 style start --*/
/*-- main-feature-seciton start --*/
.main-feature-section {
  padding: 100px 0 35px 0;
  position: relative;
  z-index: 0;
}

.main-feature-section .shape-img {
  position: absolute;
  z-index: 11;
}

.main-feature-section .shape-img.img-1 {
  bottom: 80px;
  left: 37%;
}

.main-feature-section .shape-img.img-2 {
  bottom: 43%;
  right: 37%;
}

/*-- main-feature-card style --*/
.main-feature-card {
  height: calc(100% - 30px);
  margin-bottom: 30px;
  position: relative;
  z-index: 0;
  border-radius: 30px;
  padding: 40px 30px;
}

.main-feature-card.card-1 {
  background-color: #eceff1cc;
}

.main-feature-card.card-2 {
  background-color: #f8f0e6cc;
}

.main-feature-card.card-3 {
  background-color: #f8f0e6cc;
}

.main-feature-card .overlay {
  position: absolute;
  z-index: -1;
  top: 40px;
  right: 30px;
}

.main-feature-card-content img {
  width: 30px;
  height: 30px;
  margin-bottom: 16px;
}

.main-feature-card-content h2 {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
}

/*-- main-feature-seciton end --*/
/*-- useful-feature-section start --*/
.useful-feature-section {
  padding: 65px 0;
}

.useful-feature-section .nav.nav-tabs {
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.useful-feature-section .nav.nav-tabs .nav-link {
  height: 50px;
  padding: 13px 28px;
  border: 1px solid #0000001a;
  border-radius: 26px;
  background-color: transparent;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  color: #000000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.useful-feature-section .nav.nav-tabs .nav-link.active {
  border: 1px solid #e7f1fc;
  background-color: #e7f1fc;
  color: #0095ff;
}

.useful-feature-section .tab-content {
  margin-top: 45px;
}

/*-- useful-feature-header style --*/
.useful-feature-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}

.useful-feature-header-title h3 {
  margin-bottom: 16px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 30px;
  color: #0095ff;
  letter-spacing: 0.2em;
}

.useful-feature-slider-nav p {
  margin-bottom: 0;
}

.useful-feature-slider-for .slider-item .list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.virtually-card .list .list-item svg {
  position: relative;
  top: -5px;
}

/*-- useful-feature-tab-content style --*/
.useful-feature-tab-content .item-text {
  margin-bottom: 30px;
}

.useful-feature-tab-content .item-text h2 {
  margin-bottom: 24px;
  font-size: 24px;
}

.useful-feature-tab-content .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.useful-feature-tab-content .list .list-item img {
  width: 20px;
  height: 20px;
}

.useful-feature-tab-content .list .list-item p {
  margin-top: 16px;
  color: #111111;
}

.useful-feature-slider-nav .slick-list {
  padding: 0 !important;
}

.useful-feature-slider-nav .slick-track {
  width: 100% !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
  margin: 0 -10px;
}

.useful-feature-slider-nav .slider-item {
  margin: 10px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: 50px !important;
  padding: 13px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #0000001a;
  border-radius: 26px;
  background-color: transparent;
  text-transform: capitalize;
  font-weight: 700;
  line-height: 24px;
  color: #000000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.useful-feature-slider-nav .slider-item::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #e7f1fc;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.useful-feature-slider-nav .slider-item.slick-current {
  border: 1px solid #e7f1fc;
  color: #0095ff;
}

.useful-feature-slider-nav .slider-item.slick-current::before {
  opacity: 1;
  -webkit-animation: tabAnimate 6.5s linear;
          animation: tabAnimate 6.5s linear;
}

.useful-feature-slider-for {
  margin-top: 45px;
}

.useful-feature-slider-for .slider-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.useful-feature-slider-for .slider-item-left, .useful-feature-slider-for .slider-item-img {
  width: 48%;
}

.useful-feature-slider-for .slider-item-text {
  margin-bottom: 30px;
}

.useful-feature-slider-for .slider-item-text h2 {
  margin-bottom: 24px;
  font-size: 24px;
}

.useful-feature-slider-for .slider-item .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.useful-feature-slider-for .slider-item .list .list-item img {
  width: 20px;
  height: 20px;
}

.useful-feature-slider-for .slider-item .list .list-item p {
  margin-top: 16px;
}

.useful-feature-slider-for ol {
  padding: 0;
  list-style: none;
  max-width: 450px;
}

.useful-feature-slider-for ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  margin-bottom: 15px;
}

.useful-feature-slider-for ol li svg {
  color: #999999;
  font-size: 18px;
  min-width: 20px;
  margin-top: 7px;
}

/*-- useful-feature-section end --*/
/*-- counter-section start --*/
.counter-section {
  padding: 65px 0;
}

/*-- counter-card --*/
.counter-card {
  width: 100%;
  height: 220px;
  border-radius: 30px;
  background-color: #eceff1;
  padding: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.counter-card::before {
  position: absolute;
  content: url("../images/icons/shape-left.svg");
  top: -30px;
  left: -30px;
  -webkit-animation: badgeAnimate 2s infinite;
          animation: badgeAnimate 2s infinite;
}

.counter-card h2 {
  color: #0095ff;
}

.counter-card p {
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
  color: #111111;
}

/*-- counter-section end --*/
/*-- virtually-section start --*/
.virtually-section {
  padding: 65px 0 136px 0;
}

/*-- virtually-card style --*/
.virtually-card .virtually-title {
  margin-bottom: 44px;
}

.virtually-card .virtually-title p {
  margin-bottom: 16px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #0095ff;
  letter-spacing: 0.2em;
}

.virtually-card .virtually-content {
  margin-bottom: 6px;
}

.virtually-card .virtually-content h2 {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 24px;
}

.virtually-card .list {
  padding: 0;
  list-style: none;
}

.virtually-card .list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.virtually-card .list .list-item svg {
  font-size: 18px;
  color: #999999;
}

/*-- virtually-section end --*/
/*-- best-pricing-section start --*/
.best-pricing-section {
  padding: 112px 0 120px 0;
  background: -webkit-gradient(linear, left top, right top, from(#d3e1ff), color-stop(45.31%, #ecf1f8), color-stop(98.8%, #ffeaef));
  background: linear-gradient(90deg, #d3e1ff 0%, #ecf1f8 45.31%, #ffeaef 98.8%);
  border-radius: 50px;
}

/*-- best-pricing-header style --*/
.best-pricing-header {
  margin-bottom: 40px;
  text-align: center;
}

.best-pricing-header h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #0095ff;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

/*-- best-pricing-selector style --*/
.best-pricing-selector {
  margin-bottom: 40px;
}

.best-pricing-selector form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}

.best-pricing-selector form button {
  color: #444444;
}

.best-pricing-selector form button span {
  color: #00cec9;
}

.best-pricing-selector form button.active {
  color: #111111;
}

.best-pricing-selector form input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 50px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  background-color: #ffffff;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.best-pricing-selector form input[type="checkbox"]::before {
  position: absolute;
  content: "";
  top: 4px;
  left: 5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #0095ff80;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.best-pricing-selector form input[type="checkbox"]:checked {
  background-color: #0095ff;
}

.best-pricing-selector form input[type="checkbox"]:checked::before {
  left: 28px;
  background-color: #ffffff;
}

.best-pricing-grid {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
}

.best-pricing-grid.yearly {
  display: none;
}

.best-pricing-card {
  width: 25%;
  padding: 38px;
  background-color: #ffffff;
  position: relative;
}

.best-pricing-card .best-pricing-card-header h3 {
  margin-bottom: 0;
  line-height: 1;
}

.best-pricing-card .best-pricing-card-header h3 span {
  font-size: 15px;
  font-weight: 500;
}

.best-pricing-card:first-child {
  border-radius: 30px 0 0 30px;
}

.best-pricing-card:last-child {
  border-radius: 0 30px 30px 0;
  border: 1px solid #0000001a;
  border-left: 0;
}

.best-pricing-card.active {
  border-left: 1px solid #0000001a;
  border-right: 1px solid #0000001a;
}

.best-pricing-card.active .start-free-btn {
  background-color: #0095ff;
  color: #ffffff;
}

.best-pricing-card.v2 {
  background-color: transparent;
}

.best-pricing-card .overlay {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 30px;
  border-radius: 10px 10px 0 0;
  background-color: #00cec9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 0 38px;
}

.best-pricing-card .overlay p {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: #ffffff;
  text-transform: uppercase;
}

.best-pricing-card-header p {
  margin-bottom: 25px;
}

.best-pricing-card-title {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.best-pricing-card-title h2 {
  font-size: 30px;
  line-height: 30px;
}

.best-pricing-card-body {
  margin-top: 20px;
}

.best-pricing-card-body .list {
  padding: 0;
  list-style: none;
  margin-top: 27px;
}

.best-pricing-card-body .list li {
  color: #444444;
  padding-left: 16px;
  padding-bottom: 6px;
  position: relative;
}

.best-pricing-card-body .list li:not(:first-child) {
  margin-top: 10px;
}

.best-pricing-card-body .list li::before {
  position: absolute;
  content: "";
  top: 42%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00cec966;
}

.best-pricing-card-body .list li.v2::before {
  background-color: #f9518c66;
}

.users-list {
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.users-list li:not(:first-child) {
  margin-left: -4px;
}

.users-list li:not(:first-child) a img {
  border: 2px solid #f5eef4;
}

.users-list li a {
  width: 36px;
  height: 36px;
}

.users-list li a img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.users-list li button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #0095ff4d;
  border: 2px solid #f5eef4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.users-list li button img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.users-list li button:hover {
  background-color: #0095ff;
}

.users-list li button:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.best-pricing-info {
  margin-top: 40px;
  background: #ffffff;
  border-radius: 35px;
  padding: 15px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.best-pricing-info .list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.best-pricing-info .list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.best-pricing-info .list .list-item svg {
  font-size: 18px;
  color: #444444;
}

.best-pricing-info .list .list-item p {
  margin-bottom: 0;
}

.best-pricing-info-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 27px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.best-pricing-info-right p {
  margin-bottom: 0;
}

.compare-plans-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.compare-plans-btn span {
  color: #0095ff;
}

.compare-plans-btn .icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #0095ff4d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.compare-plans-btn .icon svg {
  font-size: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.compare-plans-btn:hover .icon {
  background-color: #0095ff;
}

.compare-plans-btn:hover .icon svg {
  color: #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*-- best-pricing-section end --*/
/*-- meeting-anytime-section start --*/
.meeting-anytime-section {
  padding: 140px 0;
  position: relative;
  overflow: hidden;
}

/*-- meeting-anytime-card style --*/
.meeting-anytime-card {
  width: 100%;
  height: 400px;
  border-radius: 30px;
  background-color: #2d2e50;
  background-image: url("../images/team-collaboration/grain-texture.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 0;
  padding: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.meeting-anytime-card::before {
  position: absolute;
  z-index: -1;
  content: url("../images/team-collaboration/mesh-grad.svg");
  top: 0;
  left: 20%;
}

.meeting-anytime-card::after {
  position: absolute;
  content: url("../images/team-collaboration/shape.svg");
  top: -30px;
  right: -30px;
  -webkit-animation: badgeAnimate 2s infinite;
          animation: badgeAnimate 2s infinite;
}

.meeting-anytime-card .overlay {
  position: absolute;
  bottom: 0;
  left: 32px;
}

.meeting-anytime-card-content {
  width: 60%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.meeting-anytime-card-text {
  margin-bottom: 38px;
}

.meeting-anytime-card-text h2 {
  color: #ffffff;
}

.meeting-anytime-card-text p {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
  color: #ffffff;
}

.meeting-anytime-card-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.meeting-anytime-card-buttons a {
  width: 160px;
  height: 50px;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.meeting-anytime-card-buttons a:hover {
  opacity: 0.7;
}

/*-- meeting-anytime-section end --*/
/*-- home page 3 style end --*/
/*-- home page 4 style start --*/
.how-works-section {
  padding: 132px 0 36px 0;
}

.how-works-title {
  margin-bottom: 42px;
}

.how-works-title h3 {
  margin-bottom: 19px;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #0095ff;
}

.how-works-card {
  margin-bottom: 30px;
  padding: 40px 30px 32px 30px;
  border-radius: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.how-works-card a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
  height: 29px;
}

.how-works-card a span {
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  color: #0095ff;
  display: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.how-works-card a img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.how-works-card:hover a span {
  display: block;
}

.how-works-card:hover a img {
  -webkit-filter: none;
          filter: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.how-works-card.card-1 {
  background-color: #eeeffb;
}

.how-works-card.card-2 {
  background-color: #f8f0e6;
}

.how-works-card.card-3 {
  background-color: #f6eafe;
}

.how-works-card-icon {
  margin-bottom: 40px;
}

.how-works-card-content h4 {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 26px;
}

.how-works-card-content p {
  margin-bottom: 25px;
}

.how-works-card-content a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.how-works-card-content a img {
  width: 15px;
  height: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.how-works-card-content a:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.why-choose-tab {
  max-width: 1170px;
  margin: auto;
  margin-bottom: 60px;
  padding-bottom: 12px;
  height: 38px;
  position: relative;
}

.why-choose-tab::before {
  content: '';
  position: absolute;
  height: 2px;
  background: rgba(0, 206, 201, 0.2);
  border-radius: 1px;
  width: 100%;
  bottom: 0px;
  left: 0px;
}

.why-choose-tab .tab-buttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.why-choose-tab .tab-buttons .slick-list {
  padding: 0 !important;
  width: 100% !important;
  overflow: visible;
}

.why-choose-tab .tab-buttons .slick-track {
  width: 100% !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.why-choose-tab .tab-buttons .slide-item {
  cursor: pointer;
  opacity: 0.6;
}

.why-choose-tab .tab-buttons .slide-item.slick-current {
  opacity: 1;
}

.why-choose-tab .tab-buttons .tab-btn {
  height: 26px;
  text-align: left;
  width: 25% !important;
}

.why-choose-tab .tab-buttons .tab-btn.slick-current::after {
  content: '';
  position: absolute;
  height: 2px;
  background: #00CEC9;
  border-radius: 1px;
  width: 20%;
  bottom: -12px;
  left: 0px;
  animation: lineProgress 3.5s linear infinite;
  -webkit-animation: lineProgress 3.5s linear infinite;
}

.why-choose-tab .tab-buttons .tab-btn.slick-current span:nth-child(1) {
  color: #00CEC9;
}

.why-choose-section {
  padding: 65px 0 20px;
}

.why-choose-section .tab-content {
  margin-top: 60px;
  width: 100%;
}

.why-choose-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.why-choose-section .tab-btn {
  text-transform: capitalize;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 700;
  color: #111111;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.why-choose-section .tab-btn span {
  color: #999999;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.why-choose-section .tab-btn .text,
.why-choose-section .tab-btn .text2 {
  color: #111111;
}

.why-choose-section .tab-btn.active span {
  color: #00cec9;
}

.why-choose-section .tab-btn.active .text,
.why-choose-section .tab-btn.active .text2 {
  color: #111111;
}

.why-choose-section .tab-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  gap: 50px;
}

.why-choose-section .tab-body-icon {
  width: 30%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.why-choose-section .tab-body-text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.why-choose-section .tab-body h2 {
  font-size: 24px;
  line-height: 36px;
}

.why-choose-section .tab-body p {
  margin-top: 29px;
  color: #444444;
}

.why-choose-section .tab-body .list {
  margin-top: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.why-choose-section .tab-body .list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.why-choose-section .tab-body .list .list-item svg {
  font-size: 18px;
  color: #999999;
  position: relative;
  top: -5px;
}

.why-choose-section .tab-body .list .list-item p {
  margin-top: 0;
  color: #111111;
}

.why-choose-parent {
  width: 100%;
  margin: 0 auto;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.why-choose-parent .overlay-left,
.why-choose-parent .overlay-right {
  position: absolute;
  z-index: 3;
  top: 0;
  width: 20%;
  height: 100%;
}

.why-choose-parent .overlay-left {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.why-choose-parent .overlay-right {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.why-chose-slider .section {
  max-width: 1170px;
  width: 100%;
  margin: auto;
}

.why-choose-section {
  position: relative;
  max-width: 1800px;
  margin: auto;
}

.why-choose-section .why-choose-tab progress {
  position: relative;
  top: -20px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 2px;
  border: none;
  background: transparent;
  z-index: 2000;
}

.why-choose-section .why-choose-tab progress::-webkit-progress-bar {
  background: transparent;
}

.why-choose-section .why-choose-tab progress::-webkit-progress-value {
  background: #00CEC9;
  background-attachment: fixed;
}

.why-choose-section .why-choose-tab progress::-moz-progress-bar {
  background: #00CEC9;
  background-attachment: fixed;
}

.why-choose-section .swiper-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.why-choose-section .swiper-container .swiper-scrollbar {
  position: absolute;
  top: -38px;
  width: 1170px;
  height: 2px;
  background: rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.why-choose-section .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  background: #00CEC9;
}

.why-choose-section .swiper-container .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.why-choose-section .swiper-container .swiper-slide {
  height: 100%;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.rating-section {
  padding: 120px 0 140px 0;
}

.rating-card {
  border: 1px dashed rgba(0, 0, 0, 0.15);
  border-radius: 60px;
  padding: 35px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.rating-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.rating-item .rating-icon img {
  width: 40px;
  height: 40px;
}

.rating-item .rating-info h2 {
  line-height: 24px;
  font-size: 24px;
}

.rating-item .rating-meta {
  padding: 0;
  list-style: none;
  margin-top: 5px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.rating-item .rating-meta li {
  position: relative;
}

.rating-item .rating-meta li:not(:first-child)::before {
  position: absolute;
  content: "|";
  top: 0;
  left: -10px;
}

.testimonial-section-4 {
  padding: 112px 0;
  background: -webkit-gradient(linear, left top, right top, from(#d3e1ff), color-stop(45.31%, #ecf1f8), color-stop(98.8%, #ffeaef));
  background: linear-gradient(90deg, #d3e1ff 0%, #ecf1f8 45.31%, #ffeaef 98.8%);
  position: relative;
  z-index: 0;
}

.testimonial-section-4::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/business/bg-shape.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.section-title.testimonial-title4 {
  margin-bottom: 105px;
}

.section-title.testimonial-title4 svg {
  color: #f7578c;
}

.testimonial-section-4-slider {
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
}

.testimonial-section-4-slider::before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  width: 375px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#d3e1ff), to(rgba(211, 225, 255, 0)));
  background: linear-gradient(90deg, #d3e1ff 0%, rgba(211, 225, 255, 0) 100%);
}

.testimonial-section-4-slider::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  right: 0;
  width: 375px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 234, 239, 0)), to(#ffeaef));
  background: linear-gradient(90deg, rgba(255, 234, 239, 0) 0%, #ffeaef 100%);
}

.testimonial-section-4-slider .slider-container {
  width: calc(295px * 12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-animation: testimonial4Slider 35s infinite linear;
          animation: testimonial4Slider 35s infinite linear;
}

.testimonial-section-4-slider .slider-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 295px;
  background-color: #ffffff;
  border-radius: 30px;
  padding: 20px 30px;
}

.testimonial-section-4-slider .slider-item:nth-child(4n + 1) {
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}

.testimonial-section-4-slider .slider-item:nth-child(4n + 3) {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}

.testimonial-section-4-slider .slider-item p {
  color: #444444;
}

.testimonial-section-4-slider .slider-item h4 {
  font-size: 15px;
  line-height: 24px;
}

.testimonial-section-4-slider .slider-item h5 {
  font-size: 13px;
  line-height: 24px;
  color: #444444;
}

.testimonial-section-4-slider .slider-item .slider-info {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@-webkit-keyframes testimonial4Slider {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(calc(-295px * 6));
            transform: translateX(calc(-295px * 6));
  }
}

@keyframes testimonial4Slider {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(calc(-295px * 6));
            transform: translateX(calc(-295px * 6));
  }
}

.faq-section-4 {
  padding: 132px 0 135px 0;
  position: relative;
  z-index: 0;
}

.faq-section-4::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/business/bg-question.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.faq-section-4.app-faq-section::before {
  display: none;
}

.faq-section-4-title {
  margin-bottom: 30px;
  text-align: center;
}

.faq-section-4-title h3 {
  margin-bottom: 16px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #0095ff;
}

.faq-section-4-title h2 {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  color: #111111;
}

.faq-section-4-tab .nav.nav-tabs {
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.faq-section-4-tab .nav-link {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 26px;
  padding: 12px 28px;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.faq-section-4-tab .nav-link.active {
  border: 1px solid transparent;
  background-color: #e7f1fc;
  color: #0095ff;
}

.faq-section-4-tab .tab-content {
  margin-top: 50px;
}

.faq-section-4-bottom {
  margin-top: 72px;
  text-align: center;
}

.faq-section-4-bottom h4 {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
}

.faq-section-4-bottom h5 {
  font-size: 15px;
  line-height: 30px;
  color: #444444;
}

.faq-section-4-bottom .text-link {
  margin: 15px auto 0;
}

.building-section-4 {
  padding: 88px 0 73px 0;
  background-color: #191c1f;
  position: relative;
  z-index: 0;
}

.building-section-4::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  width: 36.5%;
  height: 100%;
  background-color: #ffffff05;
}

.building-section-4::after {
  position: absolute;
  z-index: -2;
  content: "";
  top: 0;
  right: 0;
  width: calc(100% - 36.5%);
  height: 100%;
  background-image: url("../images/business/fram-4.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
}

.building-content-4 h2 {
  color: #ffffff;
}

.building-content-4 a {
  display: inline-block;
  margin-top: 34px;
}

.building-content-4 .theme-btn {
  padding-top: 16px;
  padding-bottom: 16px;
}

/*-- home page 4 style end --*/
/*-- home page 5 style start --*/
.why-chose-us-section {
  background: #f9f9f9;
  padding-top: 67px;
  padding-bottom: 12px;
}

.why-chose-us-section .why-chose-us-content {
  margin-top: 40px;
}

.why-chose-us-section .why-chose-us-content .why-chose-us-card {
  padding: 44px 20px;
  width: 100%;
  text-align: center;
  border-radius: 30px;
  overflow: hidden;
}

.why-chose-us-section .why-chose-us-content .why-chose-us-card.active {
  background: #F9F1FF;
}

.why-chose-us-section .why-chose-us-content .why-chose-us-card h5 {
  margin-bottom: 24px;
  font-weight: 700;
}

.why-chose-us-section .why-chose-us-content .why-chose-us-card p {
  max-width: 330px;
  width: 100%;
  margin: auto;
  margin-bottom: 47px;
}


.powerfull-template-content {
  margin-top: 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.powerfull-template-content .powerfull-template-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.powerfull-template-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.powerfull-template-row.active .powerfull-template-number {
  color: #ffffff;
  background: #0095ff;
}

.powerfull-template-row .powerfull-template-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  border: 10px solid #ffffff;
  background: #e6e6e6;
  color: #111111;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 700;
  line-height: 30px;
  position: absolute;
  top: 0px;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.powerfull-template-row::before {
  z-index: 1;
  content: "";
  background: rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 2px;
  top: 50px;
  position: absolute;
}

.powerfull-template-row::after {
  content: "";
  background: #0095ff;
  height: 0%;
  width: 2px;
  top: 50px;
  position: absolute;
  z-index: 1;
  -webkit-transition: height 2s;
  transition: height 2s;
}

.powerfull-template-img.powerfull-template-img-right {
  padding: 30px 0px 50px 70px;
  margin-top: 40px;
}

.powerfull-template-img.powerfull-template-img-left {
  padding: 30px 70px 50px 0px;
  margin-top: 40px;
}

.timeline-innerline {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}

.timeline-innerline .timeline-progress {
  width: 2px;
  height: 50px;
  background-color: #0095ff;
}

.powerfull-template-text {
  padding-top: 75px;
  max-width: 457px;
  width: 100%;
}

.powerfull-template-text ol,
.powerfull-template-text ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.powerfull-template-text.powerfull-template-text-right {
  padding-left: 80px;
}

.powerfull-template-text h4 {
  margin-bottom: 24px;
}

.powerfull-template-text h6 {
  margin-bottom: 10px;
  font-family: "DM Sans", sans-serif;
}

.powerfull-template-text p {
  margin-bottom: 16px;
}

.powerfull-template-text ul li {
  color: #111111;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
}

.powerfull-template-text ul li svg {
  color: #999999;
  font-size: 18px;
}

.powerfull-template-text ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 26px;
}

.powerfull-template-text ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-right: 20px;
  color: #111111;
}

.powerfull-template-text ol li:last-child {
  margin-right: 0;
}

.powerfull-template-text ol li img {
  margin-bottom: 10px;
}

/*-- happy-customer-section style start --*/
.happy-customers-section {
  padding-top: 128px;
  padding-bottom: 130px;
  position: relative;
  z-index: 0;
}

.happy-customers-section .happy-customers-bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  bottom: 0px;
  left: 0px;
}

.happy-customers-section .happy-customers-bg .happy-customers-bg-img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 1100px;
}

.happy-customers-section .happy-customers-bg .happy-customers-bg-inner {
  position: relative;
}

.happy-customers-section .happy-customers-bg .happy-customers-bg-inner .happy-customers-bg-ball {
  position: absolute;
}

.happy-customers-section .happy-customers-bg .happy-customers-bg-inner .happy-customers-bg-ball1 {
  top: 1%;
  left: 4%;
}

.happy-customers-section .happy-customers-bg .happy-customers-bg-inner .happy-customers-bg-ball2 {
  top: -5%;
  right: 8%;
}

.happy-customers-section .happy-customers-bg .happy-customers-bg-inner .happy-customers-bg-ball3 {
  top: -3.2%;
  right: 3.5%;
}

.happy-customers-title h2 {
  font-family: "Jost", sans-serif;
}

.happy-customers-title h5 {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #444444;
  margin-top: 12px;
}

.happy-customer-left .happy-customer-rating {
  margin: 43px 0 45px 0;
}

.happy-customer-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.happy-customer-rating li {
  padding: 12px 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  cursor: pointer;
}

.happy-customer-right {
  position: relative;
}

.happy-customer-right .bg-img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

.happy-customer-slider-for .slick-arrow {
  z-index: 1;
  top: unset;
  bottom: 0;
  cursor: pointer;
}

.happy-customer-slider-for .slick-arrow.slick-prev {
  left: unset;
  right: 70px;
}

.happy-customer-slider-for .slick-arrow.slick-next {
  right: 0;
}

.happy-customer-slider-for .slider-counter {
  position: absolute;
  bottom: 7px;
  right: 28px;
  font-size: 15px;
  line-height: 25px;
  color: #111111;
  letter-spacing: 3px;
}

.happy-customer-slider-for .slider-item {
  -webkit-transition: none !important;
  transition: none !important;
}

.happy-customer-slider-for .slider-item p {
  font-size: 24px;
  font-weight: 500;
  line-height: 45px;
  color: #111111;
  margin-bottom: 27px;
}

.happy-customer-slider-for .slider-item .customers-name h5 {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

.happy-customer-slider-for .slider-item .customers-name h6 {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  color: #444444;
}

.happy-customer-slider-nav .slick-list {
  padding: 0 !important;
}

.happy-customer-slider-nav .slick-track {
  width: 100% !important;
  height: 100%;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
      grid-template-areas: "item1 item1"
 "item2 item3"
 "item4 item4";
  gap: 20px;
}

.happy-customer-slider-nav .slick-track .slider-item:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: item1;
  margin: 0 auto;
}

.happy-customer-slider-nav .slick-track .slider-item:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: item2;
  margin: 0 auto;
}

.happy-customer-slider-nav .slick-track .slider-item:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: item3;
  margin: 0 auto;
}

.happy-customer-slider-nav .slick-track .slider-item:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: item4;
  margin: 0 auto;
}

.happy-customer-slider-nav .slider-item {
  cursor: pointer;
}

.happy-customer-slider-nav .slider-item .slider-img {
  width: 102px;
  height: 102px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.happy-customer-slider-nav .slider-item .slider-img::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
  background-color: #eceff1;
}

.happy-customer-slider-nav .slider-item .slider-img img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.happy-customer-slider-nav .slider-item .slider-img img.img1 {
  background: #F7C8EC;
}

.happy-customer-slider-nav .slider-item .slider-img img.img2 {
  background: #E2D08E;
}

.happy-customer-slider-nav .slider-item .slider-img img.img3 {
  background: #B3E1EC;
}

.happy-customer-slider-nav .slider-item .slider-img img.img4 {
  background: #A6A6B9;
}

.happy-customer-slider-nav .slider-item .slider-img .circle-progress {
  position: absolute;
  z-index: -2;
  width: 102px;
  height: 102px;
}

.happy-customer-slider-nav .slider-item .slider-img .halfclip {
  width: 50%;
  height: 100%;
  right: 0px;
  position: absolute;
  overflow: hidden;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.happy-customer-slider-nav .slider-item .slider-img .halfcircle {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  right: 0px;
  position: absolute;
  border: solid 25px transparent;
  border-radius: 50%;
}

.happy-customer-slider-nav .slider-item .slider-img .clipped {
  width: 200%;
}

.happy-customer-slider-nav .slider-item .slider-img .fixed {
  width: 100%;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.happy-customer-slider-nav .slider-item.slick-current .halfclip {
  animation: cliprotate 6.5s steps(2) infinite;
  -webkit-animation: cliprotate 6.5s steps(2) infinite;
}

.happy-customer-slider-nav .slider-item.slick-current .halfcircle {
  border-top-color: #111111;
  border-left-color: #111111;
}

.happy-customer-slider-nav .slider-item.slick-current .clipped {
  animation: rotate 3.25s linear infinite;
  -webkit-animation: rotate 3.25s linear infinite;
}

.happy-customer-slider-nav .slider-item.slick-current .fixed {
  animation: showfixed 6.5s steps(2) infinite;
  -webkit-animation: showfixed 6.5s linear infinite;
}

@-webkit-keyframes cliprotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes cliprotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}

@-webkit-keyframes showfixed {
  0% {
    opacity: 0;
  }
  49.9% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

/*-- happy-customer-section style end --*/
/*-- home page 5 style end --*/
/*-- home page 7 style start --*/
.portfolio-gallery-section {
  padding-bottom: 140px;
}

.portfolio-grid-container {
  width: 100%;
  margin: auto;
}

.portfolio-grid-container.row {
  margin-left: -15px;
  margin-right: -15px;
}

.portfolio-grid-container.row .col-md-4 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.portfolio-gallery-card {
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  background: transparent;
  min-height: 100px;
  height: auto;
  text-align: center;
}

.portfolio-gallery-card2 {
  padding-top: 70px;
}

.portfolio-gallery-card .portfolio-img {
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.portfolio-gallery-card .portfolio-img img {
  height: 100%;
  width: 100%;
  opacity: 1;
}

.portfolio-gallery-card .portfolio-details {
  position: absolute;
  left: 0px;
  padding: 15px;
  background: transparent;
  width: 100%;
}

.portfolio-gallery-card .portfolio-text-card {
  background: #ffffff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 11px 20px;
  gap: 20px;
  text-align: left;
}

.portfolio-gallery-card .portfolio-text-card h5 a {
  color: #111111;
}

.portfolio-gallery-card .portfolio-text-card h6 {
  font-size: 14px;
}

.portfolio-gallery-card .portfolio-text-card .portfolio-text-link {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.portfolio-gallery-card .portfolio-text-card .portfolio-text-link .icon {
  background: rgba(0, 0, 0, 0.1);
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.portfolio-gallery-card .portfolio-text-card .portfolio-text-link .icon svg {
  color: #444444;
}

.portfolio-gallery-card .portfolio-text-card:hover .portfolio-text-link {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.portfolio-gallery-card:hover .portfolio-details {
  bottom: 0px;
  -webkit-animation-name: slideToTop;
          animation-name: slideToTop;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
}

@-webkit-keyframes slideToTop {
  0% {
    bottom: -120px;
  }
  100% {
    bottom: 0px;
  }
}

@keyframes slideToTop {
  0% {
    bottom: -120px;
  }
  100% {
    bottom: 0px;
  }
}

.lb-outerContainer {
  height: 100vh !important;
  position: fixed !important;
  left: 0px !important;
  top: 0px !important;
  width: 100% !important;
  border-radius: 0px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lightbox .lb-image {
  border: none;
  border-radius: 0px;
}

.lb-nav a.lb-next {
  opacity: 1;
  right: 30px;
  width: 20%;
  margin-right: 30px;
}

.lb-nav a.lb-prev {
  opacity: 1;
  left: 30px;
  width: 20%;
  margin-left: 30px;
}

.lb-data .lb-close {
  position: fixed;
  top: 30px;
  right: 30px;
}

/*-- home page 7 style end --*/
/*-- home page 8 style start --*/
.v8banner-section {
  background: #0d333f;
  padding-top: 90px;
  position: relative;
}

.v8banner-text {
  max-width: 607px;
  padding-right: 49px;
  min-height: 760px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.v8banner-text .title {
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: 18px;
}

.v8banner-text p {
  font-size: 18px;
  line-height: 36px;
  color: #ffffff;
  margin-bottom: 48px;
}

.v8banner-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 50%;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: 90px;
}

.v8banner-video video {
  width: 100%;
  min-height: 760px;
  -o-object-fit: cover;
     object-fit: cover;
}

.design-system-sticky {
  z-index: 1;
  background: #f4f5f8;
  padding-top: 132px;
  padding-bottom: 60px;
  width: 100% !important;
}

.design-system-img {
  text-align: center;
  max-width: 870px;
  width: 100%;
  margin: auto;
  margin-top: 54px;
}

.v8-seroll-content {
  position: relative;
  z-index: 2;
  background: #ffffff;
}

.index8-accounting-section {
  padding-top: 120px;
  padding-bottom: 140px;
}

.index8-accounting-column-section .custom-row {
  padding-bottom: 140px;
}

.index8-accounting-column-section .custom-row .custom-column {
  padding-bottom: 40px !important;
}

.index8-accounting-column-section .custom-row .custom-column:nth-last-child(1) .index8-accounting-column-content {
  border: none;
}

.index8-accounting-column-content {
  width: 100%;
  padding-right: 18px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.index8-accounting-column-content .index8-accounting-colun-icon {
  margin-bottom: 23px;
}

.index8-accounting-column-content h4 {
  font-size: 15px;
  margin-bottom: 14px;
}

.index8-accounting-column-content p {
  width: 100%;
}

.index8-accounting-img {
  overflow: hidden;
  max-width: 520px;
  width: 100%;
  min-height: 100%;
  padding-right: 20px;
}

.index8-accounting-img img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  border-radius: 30px;
}

.index8-accounting-content {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.index8-accounting-text p {
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.index8-accounting-text ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}

.index8-accounting-text ul li {
  width: 50%;
  color: #111111;
}

.index8-accounting-text ul li svg {
  color: rgba(13, 172, 129, 0.5);
  margin-right: 10px;
  font-size: 18px;
}

.index8-accounting-text .check-list li {
  margin-bottom: 12px;
}

.we-offering-section {
  background: #0d333f;
  padding-top: 112px;
  padding-bottom: 120px;
}

.we-offering-text {
  max-width: 500px;
  padding-right: 30px;
}

.we-offering-slider-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.we-offering-slider-nav.slick-slider .slick-list {
  width: 100%;
  padding: 0px !important;
}

.we-offering-slider-nav.slick-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100% !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
}

.we-offering-slider-nav .slick-btn {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.7);
  padding: 30px 0px;
  width: 100% !important;
  cursor: pointer;
}

.we-offering-slider-nav .slick-btn.slick-current {
  color: #ffffff;
  padding-left: 37px;
  position: relative;
}

.we-offering-slider-nav .slick-btn.slick-current::before {
  content: url(../images/accounting/slider-arrow-right.svg);
  position: absolute;
  left: 0px;
}

.we-offering-slider-nav .slick-btn.slick-current::after {
  position: absolute;
  bottom: -2px;
  left: 0px;
  content: "";
  height: 2px;
  width: 30%;
  background: rgba(170, 239, 105, 0.2);
  animation: lineProgress 3.5s linear infinite;
  -webkit-animation: lineProgress 3.5s linear infinite;
}

.we-offering-slider-content {
  max-width: 570px;
}

.we-offering-slide-bg-img {
  position: relative;
  z-index: 1;
}

.we-offering-slider {
  position: relative;
  margin-top: -250px;
  z-index: 2;
}

.we-offering-slide-img {
  height: 220px;
  width: 230px;
  margin-left: 30px;
  margin-bottom: 90px;
}

.we-offering-slide-img img {
  height: 100%;
  width: 100%;
}

.we-offering-slide-item-text h4 {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  color: #ffffff;
  margin-bottom: 20px;
}

.we-offering-slide-item-text p {
  color: #ffffff;
}

.we-offering-slide-item-text ul li {
  line-height: 30px;
  color: #ffffff;
  padding-left: 15px;
  position: relative;
  margin-top: 0;
}

.we-offering-slide-item-text ul li::before {
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #0DAC81;
  position: absolute;
  left: 0px;
  top: 12px;
}

.we-offering-slide-btns {
  gap: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-top: 16px;
}

.we-offering-slide-btns button {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 8px 15px;
  color: #ffffff;
}

.we-offering-slide-btns button svg {
  color: #0DAC81;
  margin-right: 9px;
}

/*-- home page 8 style end --*/
/*-- chatbot style start --*/
.chatbot-customers-suport-sectoin {
  padding-bottom: 140px;
  background: #ffffff;
}

.chatbot-customers-suport-card {
  border-radius: 30px;
  padding: 50px 50px 0px 50px;
  position: relative;
  overflow: hidden;
  min-height: 100%;
  max-height: 695px;
  overflow: hidden;
}

.chatbot-customers-suport-card1 {
  background: #0048AC;
}

.chatbot-customers-suport-card1::after {
  content: url(../images/chatbot/card-shape1.svg);
  top: 0px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  z-index: 0;
}

.chatbot-customers-suport-card2 {
  background: #0F5267;
}

.chatbot-customers-suport-card2::after {
  content: url(../images/chatbot/card-shape2.svg);
  bottom: -10px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  z-index: 0;
}

.chatbot-customers-suport-card .card-title {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 8px 20px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 17px;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 24px;
  position: relative;
  z-index: 1;
}

.chatbot-customers-suport-card .card-subtitle {
  position: relative;
  z-index: 1;
  margin-bottom: 26px;
}

.chatbot-customers-suport-card .card-pragraph {
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  color: #ffffff;
  max-width: 398px;
  margin-bottom: 20px;
}

.chatbot-customers-suport-card ul {
  list-style: url(../images/chatbot/list-bullet.svg);
  padding-left: 20px;
  margin-bottom: 35px;
  position: relative;
  z-index: 1;
}

.chatbot-customers-suport-card ul li {
  color: #ffffff;
  line-height: 36px;
}

.chatbot-customers-suport-card .card-img {
  min-height: 150px;
  z-index: 111;
  -webkit-transition: 0s;
  transition: 0s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.chatbot-customers-suport-card .card-img1 {
  max-width: 447px;
  margin: auto;
}

.chatbot-customers-suport-card .card-img2 {
  max-width: 298px;
  margin-left: auto;
  margin-top: -100px;
}

.chatbot-why-choose-us-section {
  padding-top: 140px;
  padding-bottom: 220px;
  background: #ffffff;
}

.chatbot-why-choose-us-content {
  background: #F7F5F2;
  border-radius: 30px;
  padding: 112px 70px;
}

.chatbot-why-choose-us-left {
  min-height: 100%;
  position: relative;
}

.chatbot-why-choose-us-left p {
  max-width: 400px;
  width: 100%;
  margin-top: 35px;
}

.chatbot-why-choose-us-left .chatbot-why-choose-img {
  position: absolute;
  left: 0px;
  bottom: -182px !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.chatbot-why-choose-us-right {
  min-height: 100%;
}

.chatbot-why-choose-info {
  margin-bottom: 50px;
}

.chatbot-why-choose-info:nth-last-child(1) {
  margin-bottom: 0px;
}

.chatbot-why-choose-info .chatbot-why-choose-icon {
  margin-bottom: 23px;
}

.chatbot-why-choose-info h5 {
  margin-bottom: 14px;
  font-weight: 700;
}

.chatbot-why-choose-info p {
  margin-bottom: 0px;
}

.chatbot-best-pricing-section {
  padding-top: 132px;
  padding-bottom: 70px;
  background: #F7F5F2;
}

.best-pricing-monthly {
  display: block;
}

.best-pricing-yearly {
  display: none;
}

.chatbot-best-pricing-card {
  min-height: 100%;
  border-radius: 30px;
  padding: 33px 40px 40px 40px;
}

.chatbot-best-pricing-card:hover .card-header img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.chatbot-best-pricing-card1 {
  background: #ffffff;
}

.chatbot-best-pricing-card1 .card-header p {
  color: #111111;
  max-width: 175px;
  width: 100%;
}

.chatbot-best-pricing-card1 .card-header img {
  -webkit-filter: brightness(0%);
          filter: brightness(0%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.chatbot-best-pricing-card1 .card-body h3 span {
  color: #444444;
}

.chatbot-best-pricing-card1 .card-body .chatbot-best-pricing-card-btn {
  border: 2px solid rgba(0, 149, 255, 0.3);
  border-radius: 50px;
  color: #0095ff;
}

.chatbot-best-pricing-card1 .card-body .chatbot-best-pricing-card-btn span {
  color: #0095ff;
}

.chatbot-best-pricing-card2 {
  background: #032368;
}

.chatbot-best-pricing-card2 .card-header p {
  color: #ffffff;
  max-width: 219px;
  width: 100%;
}

.chatbot-best-pricing-card2 .card-header img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.chatbot-best-pricing-card2 .card-body h3 {
  color: #ffffff;
}

.chatbot-best-pricing-card2 .card-body h3 span {
  color: #ffffff;
}

.chatbot-best-pricing-card2 .card-body p {
  color: #ffffff;
}

.chatbot-best-pricing-card2 .card-body .chatbot-best-pricing-card-btn {
  border: 2px solid rgba(0, 149, 255, 0.3);
  border-radius: 50px;
  background: #ffffff;
  border: 2px solid transparent;
}

.chatbot-best-pricing-card2 .card-body .chatbot-best-pricing-card-btn span {
  color: #000000;
}

.chatbot-best-pricing-card3 {
  background: #EDE4DB;
}

.chatbot-best-pricing-card3 .card-header p {
  color: #111111;
  max-width: 232px;
  width: 100%;
}

.chatbot-best-pricing-card3 .card-header img {
  -webkit-filter: brightness(0%);
          filter: brightness(0%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.chatbot-best-pricing-card3 .card-body h3 span {
  color: #444444;
}

.chatbot-best-pricing-card3 .card-body .chatbot-best-pricing-card-btn {
  border: 2px solid rgba(0, 149, 255, 0.3);
  border-radius: 50px;
  color: #0095ff;
}

.chatbot-best-pricing-card3 .card-body .chatbot-best-pricing-card-btn span {
  color: #0095ff;
}

.chatbot-best-pricing-card .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  margin-bottom: 32px;
}

.chatbot-best-pricing-card .card-header img {
  margin-top: 15px;
}

.chatbot-best-pricing-card .card-body .pricing-icon {
  margin-bottom: 24px;
}

.chatbot-best-pricing-card .card-body h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 24px;
}

.chatbot-best-pricing-card .card-body h3 span {
  font-size: 15px;
  line-height: 30px;
  font-weight: 500;
  margin-left: 8px;
  font-family: "DM Sans", sans-serif !important;
}

.chatbot-best-pricing-card .card-body p {
  margin-bottom: 29px;
}

.chatbot-best-pricing-card .card-body .chatbot-best-pricing-card-btn {
  width: 100%;
  padding: 17px;
  font-size: 15px;
  line-height: 26px;
  font-weight: 700;
  border-radius: 50px;
  color: #0095ff;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.convert-visitors-section {
  padding-top: 93px;
  background: #ffffff;
}

.convert-visitors-slider-nav {
  margin-bottom: 34px;
}

.convert-visitors-img-section {
  max-width: 440px;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}

.convert-visitors-slider-nav-section .slick-list {
  padding: 0 !important;
  width: 100%;
}

.convert-visitors-slider-nav-section .slick-track {
  width: 100% !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 58px;
}

.convert-visitors-slider-nav-section .nav-item {
  cursor: pointer;
}

.convert-visitors-slider-nav-section .nav-item.slick-current {
  opacity: 1;
}

.convert-visitors-slider-nav-section .nav-item.slick-current button {
  color: #0095ff;
  border-bottom: 2px solid #0095ff;
}

.convert-visitors-slider-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 885px;
  width: 100%;
  list-style: none;
  padding: 0px;
}

.convert-visitors-slider-nav .nav-item {
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
  width: 100% !important;
}

.convert-visitors-slider-nav .nav-item button {
  color: #111111;
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
  width: 100% !important;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
}

.convert-visitors-slider-nav .nav-item button:hover {
  color: #0095ff;
  border-bottom: 2px solid #0095ff;
}

.convert-visitors-slider-nav-section .why-choose-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 885px;
  width: 100%;
  list-style: none;
  padding: 0px;
}

.convert-visitors-slider-nav-section .why-choose-tab .tab-buttons {
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
  width: 100% !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 38px;
}

.convert-visitors-slider-nav-section .why-choose-tab .tab-buttons button {
  color: #111111;
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
  width: 100% !important;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
}

.convert-visitors-slider-nav-section .why-choose-tab .tab-buttons button:hover {
  color: #0095ff;
  border-bottom: 2px solid #0095ff;
}

.convert-visitors-slider-content {
  position: relative;
}

.convert-visitors-slider-content .slick-dots {
  max-width: 440px;
  padding: 25px;
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1%;
  background: transparent;
  border-radius: 0px 0px 30px 30px;
  height: 90px;
  left: 15px;
  bottom: 0px;
}

.convert-visitors-slider-content .slick-dots li {
  width: 24%;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 1.5px;
  height: 3px;
  border-radius: 1.5px;
  overflow: hidden;
}

.convert-visitors-slider-content .slick-dots li button::before {
  display: none;
}

.convert-visitors-slider-content .slick-dots li.slick-active button {
  height: 3px;
  border-radius: 1.5px;
  width: 0%;
  background: #ffffff;
  animation: lineProgress 3.5s linear infinite;
  -webkit-animation: lineProgress 3.5s linear infinite;
}

.convert-visitors-slider-content .convert-visitors-slider-bg {
  position: absolute;
  bottom: 0px;
}

.convert-visitors-slider-content .convert-visitors-slider-bg img {
  height: 100%;
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
}

.convert-visitors-slider-right {
  overflow-x: hidden;
  padding-top: 76px;
}

.convert-visitors-slider-right ul {
  list-style: none;
  padding-left: 0px;
  margin-top: 11px;
}

.convert-visitors-slider-right ul li {
  color: #111111;
  line-height: 36px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 30px;
}

.convert-visitors-slider-right ul li::before {
  content: url(../images/icons/check.svg);
  position: absolute;
  top: 3px;
  left: 0px;
}

.convert-visitors-progress-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 25px;
  margin-bottom: 15px;
}

.convert-visitors-progress-section .convert-visitors-progress {
  border-radius: 15px;
  height: 60px;
}

.convert-visitors-progress-section .convert-visitors-progress.satisfaction {
  background: rgba(0, 149, 255, 0.5);
  max-width: 195px;
  width: 100%;
}

.convert-visitors-progress-section .convert-visitors-progress.feedback {
  background: rgba(15, 82, 103, 0.5);
  max-width: 88px;
  width: 100%;
}

.convert-visitors-progress-section .convert-visitors-progress-text h3 {
  line-height: 24px;
  margin-bottom: 3px;
}

.convert-visitors-progress-section .convert-visitors-progress-text p {
  line-height: 24px;
}

.lead-generation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 27px;
  margin-bottom: 26px;
}

.lead-generation-list h4 {
  margin-bottom: 0px;
}

.lead-generation-list p {
  margin-bottom: 0px;
}

.chatbot-testmonial-section {
  padding-bottom: 140px;
  background: #F7F5F2;
}

.chatbot-testmonial-content {
  max-width: 780px;
  margin: auto;
  text-align: center;
}

.chatbot-testmonial-content .testmonial-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #999999;
  text-align: center;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 52px;
}

.chatbot-testmonial-content .testmonial-quote-text {
  font-size: 25px;
  font-weight: 500;
  line-height: 45px;
  color: #111111;
  margin-bottom: 25px;
}

.chatbot-testmonial-content .clint-content .clint-img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  margin: auto;
  margin-bottom: 17px;
}

.chatbot-testmonial-content .clint-content .clint-img img {
  height: 100%;
  width: 100%;
  position: absolute;
}

.chatbot-testmonial-content .clint-content .clint-info {
  margin-bottom: 29px;
}

.chatbot-testmonial-content .clint-content .clint-info span {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #111111;
}

.chatbot-testmonial-content .slick-dots {
  position: relative;
  bottom: 0px;
  max-width: 107px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  gap: 6px;
}

.chatbot-testmonial-content .slick-dots li {
  height: 8px;
  width: 8px;
  padding: 0px;
}

.chatbot-testmonial-content .slick-dots li button {
  background: rgba(0, 0, 0, 0.2);
  height: 8px;
  width: 8px;
  border-radius: 50%;
  opacity: 1;
  color: transparent;
}

.chatbot-testmonial-content .slick-dots li button:before {
  display: none;
}

.chatbot-testmonial-content .slick-dots li.slick-active {
  width: 15px;
}

.chatbot-testmonial-content .slick-dots li.slick-active button {
  width: 15px;
  border-radius: 20px;
  background: #111111;
}

.testmonial-quote-icon {
  height: 100px;
  width: 100px;
  overflow: hidden;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #FFC847;
  margin: auto;
  margin-bottom: 47px;
}

.testmonial-quote-icon .circle-progress {
  position: absolute;
  z-index: 1;
  width: 100px;
  height: 100px;
}

.testmonial-quote-icon .halfclip {
  width: 50%;
  height: 100%;
  right: 0px;
  position: absolute;
  overflow: hidden;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.testmonial-quote-icon .halfcircle {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  right: 0px;
  position: absolute;
  border: solid 3px transparent;
  border-radius: 50%;
}

.testmonial-quote-icon .clipped {
  width: 200%;
}

.testmonial-quote-icon .fixed {
  width: 100%;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.chatbot-testmonial-slider .slick-current .halfclip {
  animation: cliprotate 3.5s steps(2) infinite;
  -webkit-animation: cliprotate 3.5s steps(2) infinite;
}

.chatbot-testmonial-slider .slick-current .halfcircle {
  border-top-color: #B38D33;
  border-left-color: #B38D33;
}

.chatbot-testmonial-slider .slick-current .clipped {
  animation: rotate 1.75s linear infinite;
  -webkit-animation: rotate 1.75s linear infinite;
}

.chatbot-testmonial-slider .slick-current .fixed {
  animation: showfixed 3.5s steps(2) infinite;
  -webkit-animation: showfixed 3.5s linear infinite;
}

.chatbot-testmonial-badge {
  max-width: 620px;
  width: 100%;
  margin: auto;
  padding-top: 80px;
}

.chatbot-testmonial-badge ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1%;
  padding: 0px;
  list-style: none;
}

.chatbot-testmonial-badge ul li {
  width: 19%;
}

/*-- chatbot style End --*/
/*-- Newslater style start --*/
.leading-email-section {
  margin-top: 70px;
  margin-bottom: 132px;
}

.leading-email-card {
  padding: 50px 100px;
  background: #FFFFFF;
  border-radius: 30px;
}

.leading-email-left h3 {
  margin-bottom: 36px;
  color: #111111;
  line-height: 50px;
}

.leading-email-left h3 span {
  font-family: "Caveat", cursive;
  color: #0095ff;
  font-size: 40px;
}

.leading-email-left ul {
  padding: 0px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  max-width: 383px;
  width: 100%;
}

.leading-email-left ul li {
  background: #EEF2F5;
  -webkit-box-shadow: 0px 2px 0px rgba(0, 149, 255, 0.3);
          box-shadow: 0px 2px 0px rgba(0, 149, 255, 0.3);
  border-radius: 10px;
  font-weight: 700;
  color: #111111;
  padding: 12px 21px;
  cursor: pointer;
}

.leading-email-left ul li span {
  margin-right: 10px;
}

.leading-email-left ul li span img {
  margin-top: -2px;
}

.leading-email-left ul li:nth-child(2) span img {
  margin-top: -5px;
}

.leading-email-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
}

.leading-email-right ul {
  padding: 0px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 30px;
  max-width: 360px;
  margin-left: auto;
  margin-bottom: 0px;
}

.leading-email-right ul li {
  width: 33.33%;
}

.newsleter-features-secton {
  padding-bottom: 140px;
}

.newsleter-features-card {
  background: #ffffff;
  border-radius: 20px;
  margin-bottom: 30px;
}

.newsleter-features-card .newsleter-features-card-img img {
  width: 100%;
}

.newsleter-features-card-text {
  padding: 32px 30px 35px 30px;
}

.newsleter-features-card-text h5 {
  margin-bottom: 19px;
}

.newsleter-features-card-text p {
  margin-bottom: 16px;
}

.newsleter-features-card-text a {
  font-weight: 700;
  color: #111111;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.newsleter-features-card-text a img {
  margin-left: 10px;
  -webkit-filter: brightness(0);
          filter: brightness(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.newsleter-features-card-text a:hover {
  color: #0095ff;
}

.newsleter-features-card-text a:hover img {
  -webkit-filter: none;
          filter: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.powerful-email-section {
  padding-top: 132px;
  padding-bottom: 200px;
  background: #ffffff;
}

.powerful-email-section .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 52px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #0095ff;
}

.powerful-email-wrapper {
  position: relative;
  height: calc(100vh * 1.5);
}

.powerful-email-wrapper .powerful-email-content {
  position: -webkit-sticky;
  position: sticky;
  top: 8rem;
}

.powerful-email-left .email-collaps-list {
  list-style: none;
  padding: 0px;
  position: relative;
}

.powerful-email-left .email-collaps-list .timeline-innerline {
  left: 34px;
  top: 0px;
}

.powerful-email-left .email-collaps-list .email-collaps-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 28px;
  position: relative;
  padding-bottom: 50px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #FFFFFF;
}

.powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-number {
  background: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 8px;
  min-height: 70px;
  min-width: 70px;
  max-height: 70px;
  max-width: 70px;
  border-radius: 50%;
  font-size: 36px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
  font-family: "Caveat", cursive;
  position: relative;
}

.powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-number::after {
  content: '';
  height: 19px;
  width: 15px;
  position: absolute;
  bottom: -21px;
  background: #ffffff;
}

.powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-number::before {
  content: '';
  height: 19px;
  width: 15px;
  position: absolute;
  top: -21px;
  background: #ffffff;
}

.powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-text h3 {
  margin-top: 12px;
  margin-bottom: 0px;
}

.powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-text p {
  padding-top: 21px;
  display: none;
}

.powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-text .powerful-email-img-mobile {
  display: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#D3E1FF), color-stop(45.85%, #ECF1F8), to(#FFEAEF));
  background: linear-gradient(180deg, #D3E1FF 0%, #ECF1F8 45.85%, #FFEAEF 100%);
  border-radius: 30px;
  padding: 30px;
  margin-top: 25px;
}

.powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-text .powerful-email-img-mobile img {
  max-width: 100%;
  width: 100%;
}

.powerful-email-left .email-collaps-list .email-collaps-item.active {
  padding-bottom: 45px;
  background: transparent;
}

.powerful-email-left .email-collaps-list .email-collaps-item.active .email-collaps-number {
  background: #FFFFFF;
}

.powerful-email-left .email-collaps-list .email-collaps-item.active .email-collaps-text p {
  display: block;
  position: relative;
}

.powerful-email-left .email-collaps-list .email-collaps-item.empty-item {
  background: #FFFFFF;
}

.powerful-email-right {
  background: -webkit-gradient(linear, left top, left bottom, from(#D3E1FF), color-stop(45.85%, #ECF1F8), to(#FFEAEF));
  background: linear-gradient(180deg, #D3E1FF 0%, #ECF1F8 45.85%, #FFEAEF 100%);
  border-radius: 30px;
  padding: 50px 25px;
  max-width: 540px;
  margin-left: auto;
}

.powerful-email-right .powerful-email-img {
  margin-left: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 30px;
  position: relative;
}

.powerful-email-right .powerful-email-img img {
  display: none;
}

.powerful-email-right .powerful-email-img img.active {
  display: block;
}

.newsletter-testmonial-section {
  background: #EEF2F5;
  padding-top: 132px;
}

.newsletter-testmonial-tab-btns {
  max-width: 820px;
  margin: auto;
}

.newsletter-testmonial-tab-btns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.newsletter-testmonial-tab-btns ul li {
  width: 23.5%;
}

.newsletter-testmonial-tab-btns ul li button {
  width: 100%;
  background: #FAFBFC;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  color: #444444;
  padding: 10.5px;
  font-weight: 500;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.newsletter-testmonial-tab-btns ul li button img {
  margin-right: 15px;
}

.newsletter-testmonial-tab-btns ul li button::after {
  content: '';
  height: 2px;
  background: #0095FF;
  width: 80%;
  position: absolute;
  bottom: 0px;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.newsletter-testmonial-tab-btns ul li button.active, .newsletter-testmonial-tab-btns ul li button:hover {
  background: #ffffff;
  color: #111111;
}

.newsletter-testmonial-tab-btns ul li button.active::after, .newsletter-testmonial-tab-btns ul li button:hover::after {
  opacity: 1;
}

.newsletter-testmonial-tab-content {
  margin-top: 40px;
}

.newsletter-testmonial-card {
  padding: 28px 20px 23px 20px;
  background: #ffffff;
  border-radius: 30px;
  margin-bottom: 30px;
}

.newsletter-testmonial-card .card-gfooter-link {
  margin-top: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 13px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.newsletter-testmonial-card .card-gfooter-link:hover {
  color: #111111;
}

.newsletter-testmonial-card .card-gfooter-link img {
  margin-right: 8px;
  margin-left: 8px;
}

.newsletter-testmonial-card .card-pragraph a {
  color: #0095ff;
}

.newsletter-testmonial-card .card-pragraph .highlignt {
  background: #D1FDE9;
}

.newsletter-testmonial-card .testmonial-people {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 16px;
  gap: 9px;
}

.newsletter-testmonial-card .testmonial-people .textmonial-img {
  min-height: 35px;
  max-height: 35px;
  min-width: 35px;
  max-width: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}

.newsletter-testmonial-card .testmonial-people .textmonial-img img {
  height: 100%;
  widt: 100%;
  position: absolute;
}

.newsletter-testmonial-card .testmonial-people p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 700;
  margin-bottom: 0px;
  line-height: 20px;
}

.newsletter-testmonial-card .testmonial-people p span {
  font-weight: 500;
  font-size: 13px;
  color: #444444;
}

/*-- Newslater style End --*/
/*-- Marketplace style start --*/
.hot-collections-section {
  margin-bottom: 103px;
}

.hot-collections-section .slick-prev {
  top: -56px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  left: auto;
  right: 75px;
  height: 45px;
  width: 45px;
}

.hot-collections-section .slick-prev::before {
  font-family: inherit;
  content: '<';
  font-size: 26px;
  line-height: normal;
  background: transparent;
  opacity: 1;
  color: #999999;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hot-collections-section .slick-prev:hover::before {
  color: #5F5FFF;
}

.hot-collections-section .slick-next {
  top: -56px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  right: 15px;
  height: 45px;
  width: 45px;
}

.hot-collections-section .slick-next::before {
  font-family: inherit;
  content: '>';
  font-size: 26px;
  line-height: normal;
  background: transparent;
  opacity: 1;
  color: #999999;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hot-collections-section .slick-next:hover::before {
  color: #5F5FFF;
}

.marketplace-title {
  margin-bottom: 38px;
}

.hot-collections-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
}

.hot-collections-card .hot-collections-img {
  width: 100%;
}

.hot-collections-card .hot-collections-img img {
  width: 100%;
}

.hot-collections-text {
  padding: 0px 20px 20px 20px;
  text-align: center;
  margin-top: -39px;
}

.hot-collections-text .hot-collections-profile-img {
  height: 78px;
  width: 78px;
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #ffffff;
  position: relative;
  z-index: 1;
}

.hot-collections-text .hot-collections-profile-img img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

.hot-collections-text .name {
  color: #111111;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 2px;
  margin-top: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hot-collections-text .name img {
  margin-left: 7px;
}

.hot-collections-text p {
  color: #111111;
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 0px;
}

.hot-collections-text p.price {
  color: #999999;
  margin-bottom: 10px;
  text-transform: uppercase;
}

/*-- Dark Mood --*/
body.dark-scheme .hot-collections-card,
html.dark-scheme body .hot-collections-card {
  background: #181D22;
}

body.dark-scheme .hot-collections-card .hot-collections-text .hot-collections-profile-img,
html.dark-scheme body .hot-collections-card .hot-collections-text .hot-collections-profile-img {
  border: 4px solid #000000;
}

body.dark-scheme .hot-collections-card .hot-collections-text .name,
html.dark-scheme body .hot-collections-card .hot-collections-text .name {
  color: #ffffff;
}

body.dark-scheme .hot-collections-card .hot-collections-text .price,
html.dark-scheme body .hot-collections-card .hot-collections-text .price {
  color: #999999;
}

body.dark-scheme .hot-collections-card .hot-collections-text p,
html.dark-scheme body .hot-collections-card .hot-collections-text p {
  color: #ffffff;
}

body.dark-scheme .hot-collections-section .slick-prev,
html.dark-scheme body .hot-collections-section .slick-prev {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-scheme .hot-collections-section .slick-prev::before,
html.dark-scheme body .hot-collections-section .slick-prev::before {
  color: #999999;
}

body.dark-scheme .hot-collections-section .slick-prev:hover::before,
html.dark-scheme body .hot-collections-section .slick-prev:hover::before {
  color: #ffffff;
}

body.dark-scheme .hot-collections-section .slick-next,
html.dark-scheme body .hot-collections-section .slick-next {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-scheme .hot-collections-section .slick-next::before,
html.dark-scheme body .hot-collections-section .slick-next::before {
  color: #999999;
}

body.dark-scheme .hot-collections-section .slick-next:hover::before,
html.dark-scheme body .hot-collections-section .slick-next:hover::before {
  color: #ffffff;
}

.live-auctions-section {
  padding-bottom: 103px;
}

.live-auctions-section .slick-prev {
  top: -56px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  left: auto;
  right: 75px;
  height: 45px;
  width: 45px;
}

.live-auctions-section .slick-prev::before {
  font-family: inherit;
  content: '<';
  font-size: 26px;
  line-height: normal;
  background: transparent;
  opacity: 1;
  color: #999999;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.live-auctions-section .slick-prev:hover::before {
  color: #5F5FFF;
}

.live-auctions-section .slick-next {
  top: -56px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  right: 15px;
  height: 45px;
  width: 45px;
}

.live-auctions-section .slick-next::before {
  font-family: inherit;
  content: '>';
  font-size: 26px;
  line-height: normal;
  background: transparent;
  opacity: 1;
  color: #999999;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.live-auctions-section .slick-next:hover::before {
  color: #5F5FFF;
}

.nft-card {
  background: #ffffff;
  border-radius: 15px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: none;
}

.nft-card .nft-img {
  background: #C4C4C4;
  border-radius: 15px 15px 0px 0px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 3;
}

.nft-card .nft-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.nft-card .nft-text {
  background: #ffffff;
  padding: 25px 25px 21px 25px;
  position: relative;
  z-index: 3;
  border-radius: 0px 0px 15px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  width: 100%;
}

.nft-card .nft-text .nft-owner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 16px;
}

.nft-card .nft-text .nft-owner .nft-owner-img {
  margin-right: 9px;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  overflow: hidden;
}

.nft-card .nft-text .nft-owner .nft-owner-img img {
  width: 100%;
  height: 100%;
}

.nft-card .nft-text .nft-owner h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 17px;
}

.nft-card .nft-text .nft-owner h6 img {
  margin-left: 7px;
}

.nft-card .nft-text .nft-title {
  line-height: 20px;
  margin-bottom: 17px;
}

.nft-card .nft-text .nft-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 16px;
}

.nft-card .nft-text .nft-value strong {
  background: -webkit-gradient(linear, left top, right top, from(#5F5FFF), to(#FC5FFF));
  background: linear-gradient(90deg, #5F5FFF 0%, #FC5FFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 600;
  text-transform: uppercase;
}

.nft-card .nft-text .nft-value span {
  color: #999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.nft-card .nft-text .nft-value span img {
  margin-left: 16px;
  margin-right: 7px;
}

.nft-card .nft-text .card-bottom-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0px;
  color: #999999;
  font-size: 14px;
  font-weight: 600;
}

.nft-card .nft-text .card-bottom-text span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.nft-card .nft-text .card-bottom-text span.fev {
  cursor: pointer;
}

.nft-card .nft-text .card-bottom-text span.fev .solid {
  display: none;
}

.nft-card .nft-text .card-bottom-text span.fev .outline {
  display: block;
}

.nft-card .nft-text .card-bottom-text span.fev.active .solid {
  display: block;
  color: #E22E2E;
}

.nft-card .nft-text .card-bottom-text span.fev.active .outline {
  display: none;
}

.nft-card::after {
  content: '';
  position: absolute;
  width: 95%;
  height: 100%;
  top: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  background: #ffffff;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nft-card::before {
  content: '';
  position: absolute;
  width: 90%;
  height: 100%;
  top: 0px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  background: #ffffff;
  z-index: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.nft-card:hover::after {
  top: 5px;
}

.nft-card:hover::before {
  top: 10px;
}

.nft-card-timer {
  padding: 7px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 200px;
  background: #ffffff;
  border-radius: 8px;
  position: absolute;
  z-index: 4;
  top: 25px;
  left: 25px;
  gap: 20px;
  border-radius: 8px;
}

.nft-card-timer ul {
  list-style: none;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 0px;
}

.nft-card-timer ul li {
  color: #111111;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}

.nft-card-timer p {
  color: #111111;
  margin-bottom: 0px;
  text-transform: uppercase;
}

/*-- Dark Mood --*/
body.dark-scheme .nft-card,
html.dark-scheme body .nft-card {
  background: #181D22;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: none;
}

body.dark-scheme .nft-card .nft-img,
html.dark-scheme body .nft-card .nft-img {
  background: transparent;
}

body.dark-scheme .nft-card .nft-text,
html.dark-scheme body .nft-card .nft-text {
  background: #181D22;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

body.dark-scheme .nft-card::after, body.dark-scheme .nft-card::before,
html.dark-scheme body .nft-card::after,
html.dark-scheme body .nft-card::before {
  background: #181D22;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

body.dark-scheme .nft-card-timer,
html.dark-scheme body .nft-card-timer {
  background: #111519;
}

body.dark-scheme .nft-card-timer ul li,
html.dark-scheme body .nft-card-timer ul li {
  color: #ffffff;
}

body.dark-scheme .nft-card-timer p,
html.dark-scheme body .nft-card-timer p {
  color: #ffffff;
}

body.dark-scheme .live-auctions-section .slick-prev,
html.dark-scheme body .live-auctions-section .slick-prev {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-scheme .live-auctions-section .slick-prev::before,
html.dark-scheme body .live-auctions-section .slick-prev::before {
  color: #999999;
}

body.dark-scheme .live-auctions-section .slick-prev:hover::before,
html.dark-scheme body .live-auctions-section .slick-prev:hover::before {
  color: #ffffff;
}

body.dark-scheme .live-auctions-section .slick-next,
html.dark-scheme body .live-auctions-section .slick-next {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-scheme .live-auctions-section .slick-next::before,
html.dark-scheme body .live-auctions-section .slick-next::before {
  color: #999999;
}

body.dark-scheme .live-auctions-section .slick-next:hover::before,
html.dark-scheme body .live-auctions-section .slick-next:hover::before {
  color: #ffffff;
}

.top-artists-section {
  padding-bottom: 73px;
}

.top-artists-content {
  margin-top: -82px;
}

.top-artists-content .top-artists-time {
  max-width: 242px;
  width: 100%;
  margin-left: auto;
  margin-bottom: 35px;
}

.top-artists-content .top-artists-time .gridFilter {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  padding: 6px 13px;
  margin-bottom: 0px;
}

.top-artists-content .top-artists-time .gridFilter button {
  padding: 5.5px 7px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #999999;
  border-radius: 20px;
  min-width: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.top-artists-content .top-artists-time .gridFilter button.active, .top-artists-content .top-artists-time .gridFilter button:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: rgba(95, 95, 255, 0.15);
  color: #5F5FFF;
}

.top-artists-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0px -15px;
  padding: 0px;
  list-style: none;
}

.top-artists-list li {
  width: 20%;
  padding: 0px 15px;
  margin-bottom: 30px;
  position: relative;
}

.top-artists-list li::after {
  content: '';
  position: absolute;
  width: 85%;
  height: 100%;
  top: 0px;
  left: 7.5%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  background: #ffffff;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.top-artists-list li::before {
  content: '';
  position: absolute;
  width: 80%;
  height: 100%;
  top: 0px;
  left: 10%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  background: #ffffff;
  z-index: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.top-artists-list li:hover::after {
  top: 5px;
}

.top-artists-list li:hover::before {
  top: 10px;
}

.top-artists-list .top-artists-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  padding: 15px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
  width: 100%;
  position: relative;
  z-index: 3;
}

.top-artists-list .top-artists-card .top-artists-img {
  min-height: 50px;
  min-width: 50px;
  max-height: 50px;
  max-width: 50px;
  overflow: hidden;
  border-radius: 50%;
}

.top-artists-list .top-artists-card .top-artists-img img {
  height: 100%;
  width: 100%;
}

.top-artists-list .top-artists-card p {
  margin-bottom: 0px;
}

.top-artists-list .top-artists-card .artists-name {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  color: #111111;
}

.top-artists-list .top-artists-card .artists-name span {
  margin-left: 7px;
}

.top-artists-list .top-artists-card .artists-value {
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
  text-transform: uppercase;
}

.top-artists-list .top-artists-card .no {
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
  color: #999999;
}

.top-artists-list .top-artists-card:hover .no {
  color: #5F5FFF;
}

/*-- Dark Mood --*/
body.dark-scheme .top-artists-list li::after, body.dark-scheme .top-artists-list li::before,
html.dark-scheme body .top-artists-list li::after,
html.dark-scheme body .top-artists-list li::before {
  background: #181D22;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

body.dark-scheme .top-artists-list .top-artists-card,
html.dark-scheme body .top-artists-list .top-artists-card {
  background: #181D22;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

body.dark-scheme .top-artists-list .top-artists-card .artists-name,
html.dark-scheme body .top-artists-list .top-artists-card .artists-name {
  color: #ffffff;
}

body.dark-scheme .top-artists-list .top-artists-card .artists-value,
html.dark-scheme body .top-artists-list .top-artists-card .artists-value {
  color: #FFFFFF80;
}

body.dark-scheme .top-artists-content .top-artists-time ul,
html.dark-scheme body .top-artists-content .top-artists-time ul {
  background: #181D22;
}

body.dark-scheme .top-artists-content .top-artists-time .gridFilter,
html.dark-scheme body .top-artists-content .top-artists-time .gridFilter {
  background: #181D22;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

body.dark-scheme .top-artists-content .top-artists-time .gridFilter button,
html.dark-scheme body .top-artists-content .top-artists-time .gridFilter button {
  color: #ffffff;
  opacity: 0.8;
}

body.dark-scheme .top-artists-content .top-artists-time .gridFilter button.active, body.dark-scheme .top-artists-content .top-artists-time .gridFilter button:hover,
html.dark-scheme body .top-artists-content .top-artists-time .gridFilter button.active,
html.dark-scheme body .top-artists-content .top-artists-time .gridFilter button:hover {
  color: #5F5FFF;
}

/*-- explore 1 page --*/
.discover-nfts-page {
  padding-top: 113px;
}

.nfts-filter-tabs {
  margin-bottom: 30px;
}

.nfts-filter-tabs .nfts-filter-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  margin-bottom: 0px;
  padding: 0px;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.nfts-filter-tabs .nfts-filter-btns button {
  font-weight: 600;
  line-height: 17px;
  color: #444444;
  padding: 14px 17.5px;
  border: 1px solid transparent;
}

.nfts-filter-tabs .nfts-filter-btns button:hover, .nfts-filter-tabs .nfts-filter-btns button.active {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 25px;
}

/*-- explore 2 page --*/
.discover-filter-section.left {
  padding-right: 30px;
}

.discover-filter-section.right {
  padding-left: 30px;
}

.discover-filter-section h6 {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.discover-filter-section .filter-dropdown {
  margin-top: 17px;
  margin-bottom: 20px;
  width: 100%;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 30px;
  position: relative;
  height: 55px;
}

.discover-filter-section .filter-dropdown::after {
  content: '>';
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 20px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.discover-filter-section .filter-dropdown select {
  padding: 10px 20px;
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  outline: none;
  line-height: auto;
  color: #444444;
  font-weight: 500;
  -webkit-appearance: none;
}

.discover-filter-section .discover-categories-list {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
}

.discover-filter-section .discover-categories-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 8px;
}

.discover-filter-section .discover-categories-list li input[type=checkbox] {
  accent-color: #5F5FFF;
  border-radius: 6px;
  background: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0.12);
  margin-right: 15px;
}

.discover-filter-section .discover-categories-list li span {
  color: #999999;
  margin-left: 5px;
}

.discover-filter-section .discover-blockchain-list {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
}

.discover-filter-section .discover-blockchain-list li {
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 7px;
}

.discover-filter-section .discover-blockchain-list li .blockchain-icon {
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
  position: relative;
}

.discover-filter-section .discover-blockchain-list li .blockchain-icon img {
  height: 100%;
  width: 100%;
  position: absolute;
}

.discover-filter-section .value-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.discover-filter-section .value-input input {
  width: 48%;
  height: 55px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 30px;
  outline: none;
  padding: 10px 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  color: #444444;
  margin-bottom: 20px;
}

.discover-filter-section .value-input button {
  background: rgba(95, 95, 255, 0.15);
  border-radius: 30px;
  font-weight: 700;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  color: #5F5FFF;
  width: 48%;
  margin-bottom: 20px;
  height: 55px;
}

.discover-filter-collaps {
  margin-bottom: 24px;
}

.discover-filter-collaps .collaps-button {
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  background: transparent;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #111111;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.discover-filter-collaps .collaps-button:after {
  content: '\002B';
  color: #999999;
  font-weight: 400;
  float: right;
  margin-left: 5px;
  font-size: 30px;
}

.discover-filter-collaps .active:after {
  content: "\2212";
  margin-bottom: 2px;
}

.discover-filter-collaps .collaps-content {
  padding: 0px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}

/*-- NFT Landing Page --*/
.discover-nfts-section {
  margin-bottom: 100px;
}

.discover-nfts-dropdown-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  max-width: 610px;
  width: 100%;
  margin-left: auto;
  margin-top: -82px;
  margin-bottom: 35px;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 25px;
  height: 45px;
  overflow: hidden;
  position: relative;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown::after {
  content: '>';
  position: absolute;
  top: 7px;
  right: 15px;
  font-size: 20px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.discover-nfts-dropdown-list .discover-nfts-dropdown::before {
  content: '';
  position: absolute;
  top: 11px;
  left: 18px;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown select {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  outline: none;
  padding: 4px 20px 4px 46px;
  line-height: 36px;
  color: #444444;
  font-weight: 500;
  -webkit-appearance: none;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown select option {
  padding-left: 0px;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown.categories {
  max-width: 180px;
  width: 100%;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown.categories::before {
  content: url(../images/nft/category.svg);
}

.discover-nfts-dropdown-list .discover-nfts-dropdown.blockchain {
  max-width: 180px;
  width: 100%;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown.blockchain::before {
  content: url(../images/nft/box.svg);
}

.discover-nfts-dropdown-list .discover-nfts-dropdown.recently-active {
  max-width: 210px;
  width: 100%;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown.recently-active::before {
  content: url(../images/nft/candle.svg);
}

.nft-load-more-btn {
  padding: 9.5px 69px;
  font-weight: 700;
  font-size: 14px;
  line-height: 36px;
  background: rgba(95, 95, 255, 0.15);
  border-radius: 30px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  max-width: 210px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nft-load-more-btn span {
  color: #5F5FFF !important;
}

/*-- Dark Mood --*/
body.dark-scheme .discover-nfts-dropdown-list .discover-nfts-dropdown,
html.dark-scheme body .discover-nfts-dropdown-list .discover-nfts-dropdown {
  background: #181D22;
}

body.dark-scheme .discover-nfts-dropdown-list .discover-nfts-dropdown select,
html.dark-scheme body .discover-nfts-dropdown-list .discover-nfts-dropdown select {
  color: #999999;
}

body.dark-scheme .discover-nfts-dropdown-list .discover-nfts-dropdown select option,
html.dark-scheme body .discover-nfts-dropdown-list .discover-nfts-dropdown select option {
  background: #181D22;
}

body.dark-scheme .discover-filter-section .filter-dropdown,
html.dark-scheme body .discover-filter-section .filter-dropdown {
  background: #181D22;
}

body.dark-scheme .discover-filter-section .filter-dropdown select,
html.dark-scheme body .discover-filter-section .filter-dropdown select {
  color: #999999;
}

body.dark-scheme .discover-filter-section .filter-dropdown select option,
html.dark-scheme body .discover-filter-section .filter-dropdown select option {
  background: #181D22;
}

body.dark-scheme .discover-filter-section .value-input input,
html.dark-scheme body .discover-filter-section .value-input input {
  background: #181D22;
  color: #ffffff;
}

body.dark-scheme .discover-filter-collaps .collaps-button,
html.dark-scheme body .discover-filter-collaps .collaps-button {
  color: #ffffff;
}

body.dark-scheme .discover-filter-collaps .collaps-button::after,
html.dark-scheme body .discover-filter-collaps .collaps-button::after {
  color: #ffffff;
}

body.dark-scheme .nfts-filter-tabs .nfts-filter-btns button,
html.dark-scheme body .nfts-filter-tabs .nfts-filter-btns button {
  color: #FFFFFF;
}

body.dark-scheme .nfts-filter-tabs .nfts-filter-btns button:hover, body.dark-scheme .nfts-filter-tabs .nfts-filter-btns button.active,
html.dark-scheme body .nfts-filter-tabs .nfts-filter-btns button:hover,
html.dark-scheme body .nfts-filter-tabs .nfts-filter-btns button.active {
  background: #FFFFFF10;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 25px;
}

.nft-categories-content {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}

.nft-categories-content::after {
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 3;
  background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 247, 0)), to(#F7F7F7));
  background: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, #F7F7F7 100%);
  height: 100%;
  width: 100px;
}

.nft-categories-content::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 3;
  background: -webkit-gradient(linear, left top, right top, from(#F7F7F7), to(rgba(247, 247, 247, 0)));
  background: linear-gradient(90deg, #F7F7F7 0%, rgba(247, 247, 247, 0) 100%);
  height: 100%;
  width: 100px;
}

.categories-card {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.categories-card::after {
  content: '';
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border-radius: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.categories-card img {
  height: 100%;
  width: 100%;
}

.categories-card h5 {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  position: absolute;
  bottom: 18px;
  left: 25px;
  z-index: 2;
}

/*-- Dark Mood --*/
body.dark-scheme .nft-categories-content::after,
html.dark-scheme body .nft-categories-content::after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

body.dark-scheme .nft-categories-content::before,
html.dark-scheme body .nft-categories-content::before {
  background: -webkit-gradient(linear, left top, right top, from(#000000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.explore-creators-section {
  padding-top: 113px;
  padding-bottom: 100px;
}

.marketplace-title {
  margin-bottom: 37px;
}

.marketplace-title h1 {
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  color: #111111;
}

.creators-card {
  position: relative;
  margin-bottom: 30px;
}

.creators-card::after {
  content: '';
  height: 100%;
  width: 95%;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  position: absolute;
  top: 0px;
  left: 2.5%;
  position: absolute;
  z-index: 2;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.creators-card::before {
  content: '';
  height: 100%;
  width: 90%;
  top: 0px;
  left: 5%;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  position: absolute;
  z-index: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.creators-card:hover::after {
  top: 5px;
}

.creators-card:hover::before {
  top: 10px;
}

.creators-card .creators-card-content {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  padding: 30px;
  text-align: center;
  position: relative;
  z-index: 3;
}

.creators-card .creators-img {
  min-height: 70px;
  min-width: 70px;
  max-height: 70px;
  max-width: 70px;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
  margin-bottom: 11px;
}

.creators-card h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 2px;
  margin-left: 7px;
}

.creators-card .username {
  font-size: 12px;
  line-height: 24px;
  color: #999999;
  margin-bottom: 17px;
}

.creators-card h6 {
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 13px;
}

.creators-card-btns button {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  margin: auto;
  max-height: 35px;
  min-height: 35px;
  border-radius: 8px;
}

.creators-card-btns button.follow-btn {
  padding: 13px;
  background: rgba(0, 0, 0, 0.08);
  color: #111111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.creators-card-btns button.following-btn {
  color: #4157FF;
  background: rgba(65, 87, 255, 0.15);
  padding: 14px 13px;
  display: none;
}

.creators-card-btns button span {
  margin-left: 9px;
  display: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.creators-card-btns button:hover {
  padding: 5.5px 22px;
}

.creators-card-btns button:hover span {
  display: block;
}

.creators-card-btns.active button.follow-btn {
  display: none;
}

.creators-card-btns.active button.following-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.dark-scheme .creators-card .creators-card-content,
html.dark-scheme body .creators-card .creators-card-content {
  background: #181D22;
}

body.dark-scheme .creators-card::after, body.dark-scheme .creators-card::before,
html.dark-scheme body .creators-card::after,
html.dark-scheme body .creators-card::before {
  background: #181D22;
}

body.dark-scheme .creators-card-btns button,
html.dark-scheme body .creators-card-btns button {
  color: #ffffff;
}

body.dark-scheme .creators-card-btns button img,
html.dark-scheme body .creators-card-btns button img {
  -webkit-filter: brightness(100);
          filter: brightness(100);
}

.creators-details-section {
  padding-bottom: 60px;
}

.creators-details-content {
  padding-top: 131px;
}

.creators-details-tab-btns {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}

.creators-details-tab-btns button {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  padding: 0px 0px 12px 0px;
  text-transform: uppercase;
  border-bottom: 2px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.creators-details-tab-btns button.active, .creators-details-tab-btns button:hover {
  color: #111111;
  border-bottom: 2px solid #4157FF;
}

/*-- creator-profile-section --*/
.creator-profile-section {
  max-width: 300px;
  width: 100%;
  margin-top: -236px;
}

.creator-profile-section .creator-profile-img {
  min-height: 210px;
  max-height: 210px;
  min-width: 210px;
  max-width: 210px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background: #F9F9F9;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 23px;
  padding: 15px;
}

.creator-profile-section .creator-profile-img img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

.creator-profile-section .creator-profile-text h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 0px;
}

.creator-profile-section .creator-profile-text .creator-username {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  margin-bottom: 25px;
}

.creator-profile-section .creator-profile-text .wallet-address {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: "Fira Code", monospace;
  color: #111111;
  margin-bottom: 28px;
}

.creator-profile-section .creator-profile-text .wallet-address span {
  margin-left: 10px;
  cursor: pointer;
}

.creator-profile-section .creator-profile-text h6 {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 8px;
  color: #000000;
  text-transform: uppercase;
}

.creator-profile-section .creator-profile-text .creator-pragrph {
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 7px;
}

.creator-profile-section .creator-profile-text .follow-btn {
  background: #5F5FFF;
  border-radius: 30px;
  padding: 15.5px;
  width: 100%;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}

.creator-profile-section .creator-profile-text .social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 243px;
  width: 100%;
  padding: 0px;
  list-style: none;
}

.creator-profile-section .creator-profile-text .social-links li {
  -webkit-transition: 0.3;
  transition: 0.3;
}

.creator-profile-section .creator-profile-text .social-links li a {
  -webkit-transition: 0.3;
  transition: 0.3;
}

.creator-profile-section .creator-profile-text .social-links li a i {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #999999;
  -webkit-transition: 0.3;
  transition: 0.3;
}

.creator-profile-section .creator-profile-text .social-links li:hover a i {
  color: #5F5FFF;
}

body.dark-scheme .creator-profile-section .creator-profile-text .wallet-address,
html.dark-scheme body .creator-profile-section .creator-profile-text .wallet-address {
  color: #999999;
}

body.dark-scheme .creator-profile-section .creator-profile-text h6,
html.dark-scheme body .creator-profile-section .creator-profile-text h6 {
  color: #ffffff;
}

body.dark-scheme .creator-profile-section .creator-profile-img,
html.dark-scheme body .creator-profile-section .creator-profile-img {
  background: #181D22;
}

body.dark-scheme .creators-details-tab-btns,
html.dark-scheme body .creators-details-tab-btns {
  border-bottom: 1px solid #FFFFFF10;
}

body.dark-scheme .creators-details-tab-btns button.active, body.dark-scheme .creators-details-tab-btns button:hover,
html.dark-scheme body .creators-details-tab-btns button.active,
html.dark-scheme body .creators-details-tab-btns button:hover {
  color: #ffffff;
}

/*-- Marketplace style End --*/
/*-- App Landing Page style Start --*/
.app-useful-features {
  background: #242549;
  padding-top: 130px;
  padding-bottom: 110px;
}

.app-useful-features-card {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.app-useful-features-card::after {
  content: url(../images/app/hover_effect.svg);
  content: url(../images/app/hover_effect.png);
  position: absolute;
  top: 0;
  opacity: 0;
  opacity: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  z-index: 0;
}

.app-useful-features-card:hover::after {
  opacity: 1;
}

.app-useful-features-card .card-content {
  position: relative;
  z-index: 4;
  padding: 35px 30px;
}

.app-useful-features-card .card-content .icon {
  margin-bottom: 24px;
}

.app-useful-features-card .card-content h5 {
  margin-bottom: 14px;
}

.app-useful-features-card-section {
  margin-top: 60px;
}

.app-chose-us-section {
  padding-top: 80px;
  padding-bottom: 110px;
}

.app-chose-us-content .app-chose-title {
  max-width: 600px;
  margin: auto;
  margin-bottom: 67px;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 150%;
  text-align: center;
  color: #111111;
  display: none;
}

.app-chose-us-content .app-chose-title.active {
  display: block;
  -webkit-animation: animatedText 0.75s linear;
          animation: animatedText 0.75s linear;
}

.app-chose-us-card {
  cursor: pointer;
  margin-bottom: 30px;
}

.app-chose-us-card .app-chose-card {
  overflow: hidden;
  text-align: center;
  padding: 44px 30px 35px 30px;
  border-radius: 15px;
  border: 2px solid transparent;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
}

.app-chose-us-card .app-chose-card .app-chose-icon {
  background: #ffffff;
  width: 100%;
  position: relative;
  z-index: 1;
}

.app-chose-us-card .app-chose-card h6 {
  margin-bottom: 0px;
  padding-bottom: 19px;
  font-weight: 700;
  background: #ffffff;
  padding-top: 21px;
  position: relative;
  z-index: 1;
}

.app-chose-us-card .app-chose-card p {
  opacity: 0;
  color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-top: -150px;
  z-index: 0;
}

.app-chose-us-card:hover {
  min-height: auto;
}

.app-chose-us-card:hover .app-chose-card {
  border: 2px solid rgba(0, 0, 0, 0.08);
}

.app-chose-us-card:hover .app-chose-card p {
  color: #444444;
  opacity: 1;
  margin-top: 0px;
}

@-webkit-keyframes animatedText {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes animatedText {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

.testimonial-section-4.app-testimonial-section {
  padding: 112px 0px 65px 0px;
}

.testimonial-section-4.app-testimonial-section::before {
  display: none;
}

.testimonial-section-4.app-testimonial-section .testimonial-btns {
  max-width: 530px;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.testimonial-section-4.app-testimonial-section .testimonial-btns a {
  padding: 16px 50px;
  background: #ffffff;
  border-radius: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.testimonial-section-4.app-testimonial-section .testimonial-btns a h4 {
  margin-left: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0px;
}

.testimonial-section-4.app-testimonial-section .testimonial-btns a h4 span {
  font-weight: 500;
  font-size: 15px;
  color: #444444;
}

.app-testimonial-section-slider {
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
}

.app-testimonial-section-slider::before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#d3e1ff), to(rgba(211, 225, 255, 0)));
  background: linear-gradient(90deg, #d3e1ff 0%, rgba(211, 225, 255, 0) 100%);
}

.app-testimonial-section-slider::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 234, 239, 0)), to(#ffeaef));
  background: linear-gradient(90deg, rgba(255, 234, 239, 0) 0%, #ffeaef 100%);
}

.app-testimonial-section-slider .slider-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 30px;
  padding: 20px 30px;
}

.app-testimonial-section-slider .slider-item h4 {
  font-size: 15px;
  line-height: 24px;
  font-family: "DM Sans", sans-serif;
}

.app-testimonial-section-slider .slider-item h5 {
  font-size: 13px;
  line-height: 24px;
  color: #444444;
  font-family: "DM Sans", sans-serif;
}

.app-testimonial-section-slider .slider-item p {
  font-size: 15px;
  line-height: 30px;
  color: #444444;
}

.app-testimonial-section-slider .slider-item .slider-info {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.app-testimonial-section-slider .slider-item .slider-info .slider-reating {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 18px;
  padding: 2.5px 13.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.app-testimonial-section-slider .slider-item .slider-info .slider-reating img {
  padding-right: 9px;
}

.app-testimonial-section-slider .slick-dots {
  position: relative;
  bottom: 0px;
  max-width: 107px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  margin-top: 60px;
  gap: 6px;
}

.app-testimonial-section-slider .slick-dots li {
  height: 8px;
  width: 8px;
  padding: 0px;
}

.app-testimonial-section-slider .slick-dots li button {
  background: rgba(0, 0, 0, 0.2);
  height: 8px;
  width: 8px;
  border-radius: 50%;
  opacity: 1;
  color: transparent;
}

.app-testimonial-section-slider .slick-dots li button:before {
  display: none;
}

.app-testimonial-section-slider .slick-dots li.slick-active {
  width: 15px;
}

.app-testimonial-section-slider .slick-dots li.slick-active button {
  width: 15px;
  border-radius: 20px;
  background: #111111;
}

.app-benefits-section {
  padding: 132px 0px;
}

.app-benefits-card {
  margin-bottom: 30px;
  border-radius: 30px;
  overflow: hidden;
}

.app-benefits-card-img {
  margin-bottom: 43px;
  padding: 60px 20px 0px 20px;
  text-align: center;
  width: 100%;
  overflow: hidden;
}

.app-benefits-card-img.account {
  background: #EEEFFB;
}

.app-benefits-card-img.plan {
  background: #F8F0E6;
}

.app-benefits-card-img.team {
  background: #F6EAFE;
}

.app-benefits-card-text {
  padding: 0px 30px;
}

.app-benefits-card-text h5 {
  margin-bottom: 16px;
}

.stay-connect-section {
  background: #061121;
}

.stay-connect-section .stay-connect-content {
  max-height: 793px;
  min-height: 793px;
  padding-top: 126px;
  padding-bottom: 147px;
  overflow: hidden;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.stay-connect-section .stay-connect-content .stay-connect-round-shape {
  position: absolute;
  animation: rotate360 5s linear infinite;
  -webkit-animation: rotate360 5s linear infinite;
  z-index: 1;
}

.stay-connect-section .stay-connect-content .stay-connect-mash-grade {
  position: absolute;
  z-index: 0;
}

.stay-connect-section .stay-connect-content .section-title {
  position: relative;
  z-index: 3;
  max-width: 412px;
  width: 100%;
  margin: auto;
}

.stay-connect-btns {
  max-width: 410px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-top: 48px;
  position: relative;
  z-index: 3;
}

.stay-connect-btns a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #FFFFFF;
  border-radius: 30px;
  padding: 7px 24px;
  max-width: 190px;
  width: 190px;
  margin: auto;
}

.stay-connect-btns a h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 10px;
  font-weight: 700;
  margin-bottom: 0px;
}

.stay-connect-btns a h5 span {
  font-size: 12px;
  font-weight: 500;
}

.stay-connect-btns .qr-code {
  margin-top: 52px;
  text-align: center;
  margin-bottom: 30px;
  margin-bottom: 40px;
}

.stay-connect-btns .qr-code p {
  margin-top: 12px;
  margin-bottom: 0px;
}

.stay-connect-mobile-img {
  position: relative;
  z-index: 2;
  max-width: 600px;
  margin: auto;
  margin-top: -95px;
}

@-webkit-keyframes rotate360 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate360 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.app-convert-visitors-section {
  padding-top: 84px;
}

.star-free-btn {
  border: 2px solid rgba(0, 149, 255, 0.3);
  border-radius: 50px;
  padding: 17px 52px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 700;
  color: #0095ff;
}

.star-free-btn svg {
  margin-left: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 24px;
}

.star-free-btn:hover {
  color: #0095ff;
}

.star-free-btn:hover svg {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.app-convert-visitors-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.app-convert-visitors-nav .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: none !important;
          transform: none !important;
}

.app-convert-visitors-nav .app-nav-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.app-convert-visitors-nav .app-nav-list .nav-item {
  padding-top: 19px;
  padding-bottom: 19px;
  position: relative;
  border: none;
  padding-left: 38px;
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
  width: 100% !important;
}

.app-convert-visitors-nav .app-nav-list .nav-item .tab-btn {
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
}

.app-convert-visitors-nav .app-nav-list .nav-item .tab-btn span {
  display: block;
}

.app-convert-visitors-nav .app-nav-list .nav-item .tab-btn::before {
  content: '';
  height: 8px;
  width: 8px;
  background: #E6E6E6;
  border-radius: 50%;
  position: absolute;
  left: 15px;
  top: 30px;
}

.app-convert-visitors-nav .app-nav-list .nav-item.swiper-slide-thumb-active {
  color: #0095ff;
  background: transparent;
}

.app-convert-visitors-nav .app-nav-list .nav-item.swiper-slide-thumb-active::before {
  content: '';
  height: 54px;
  width: 4px;
  background: #E6E6E6;
  border-radius: 2px;
  position: absolute;
  left: 0px;
  top: 8px;
}

.app-convert-visitors-nav .app-nav-list .nav-item.swiper-slide-thumb-active::after {
  content: '';
  height: 0%;
  width: 4px;
  background: #0095ff;
  border-radius: 2px;
  position: absolute;
  left: 0px;
  top: 8px;
  animation: progressHeight 4s linear infinite;
  -webkit-animation: progressHeight 4s linear infinite;
}

.app-convert-visitors-nav .app-nav-list .nav-item.swiper-slide-thumb-active .tab-btn::before {
  background: #0095ff;
}

.convert-visitors-slider-right .slide-item {
  background: #ffffff;
}

.convert-visitors-slider-right .convert-visitors-text .section-title {
  margin-bottom: 35px;
}

.protect-data-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.protect-data-section .protect-data-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}

.protect-data-section .protect-data-content .protect-data-img {
  min-height: 50px;
  min-width: 50px;
  max-height: 50px;
  max-width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #ffffff;
  border: 1px solid rgba(0, 149, 255, 0.3);
  border-radius: 10px;
}

.protect-data-section .protect-data-content .protect-data-text {
  max-width: 131px;
}

.protect-data-section .protect-data-content .protect-data-text p {
  color: #111111;
  margin-bottom: 0px;
}

@keyframes progressHeight {
  from {
    height: 0%;
  }
  to {
    height: 100%;
  }
}

@-webkit-keyframes progressHeight {
  from {
    height: 0%;
  }
  to {
    height: 100%;
  }
}

@keyframes progressWidth {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

@-webkit-keyframes progressWidth {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

/*-- App Landing Page style End --*/
/*-- Crypto Wallet style Start --*/
.crypto-features-content {
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(35px);
          backdrop-filter: blur(35px);
  border-radius: 30px;
  padding: 47px 40px 50px 40px;
}

.crypto-features-text {
  position: relative;
  min-height: 100%;
}

.crypto-features-text h4 {
  color: #ffffff;
  margin-bottom: 26px;
  margin-top: 31px;
}

.crypto-features-text p {
  color: #ffffff;
  max-width: 295px;
  margin-bottom: 0px;
  opacity: 80%;
}

.crypto-features-text1::after {
  content: '';
  height: 70%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50.52%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50.52%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  right: 0px;
  top: 20%;
}

.crypto-features-text2::after {
  content: '';
  height: 70%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50.52%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50.52%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  right: 0px;
  top: 20%;
}

.manage-asset-section {
  margin: 140px 0px;
}

.manage-asset-right p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 44px;
}

.manage-asset-right a {
  max-width: 212px;
  width: 100%;
  height: 60px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  padding: 17px 31px;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  text-align: center;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.manage-asset-right a img {
  margin-left: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.manage-asset-right a:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.blockchain-defi-section {
  margin-bottom: 110px;
}

.blockchain-defi-card {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  min-height: 100%;
}

.blockchain-defi-card.defi-card {
  padding: 59px 50px;
}

.blockchain-defi-card.blockchain-card {
  padding: 50px 50px 46px 50px;
}

.blockchain-defi-card h3 {
  margin-bottom: 24px;
  max-width: 332px;
  color: #ffffff;
  position: relative;
  z-index: 2;
}

.blockchain-defi-card h3 span {
  color: #01FFB0;
}

.blockchain-defi-card p {
  color: rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 2;
  max-width: 398px;
}

.blockchain-defi-card .blockchain {
  margin-bottom: 28px;
  position: relative;
  z-index: 2;
}

.blockchain-defi-card .blur {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
}

.blockchain-defi-card .graph-img {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 0;
}

.blockchain-defi-card .code-bg {
  width: 90%;
  height: 90%;
  left: 5%;
  bottom: 5%;
  position: absolute;
  z-index: 1;
}

.cross-platform-section {
  background: url(../images/crypto/cross-platform-bg.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 174px 0px;
}

.cross-platform-card {
  max-width: 525px;
  width: 100%;
  margin: auto;
  background: #1C232D;
  border-radius: 20px;
  padding: 96px 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.cross-platform-card .section-title {
  position: relative;
  z-index: 2;
  margin-bottom: 0px;
}

.cross-platform-card .cross-platform-mesh-grad {
  position: absolute;
  z-index: 0;
}

.super-secure-section {
  padding: 130px 0px 100px 0px;
}

.super-secure-text {
  font-size: 18px;
  line-height: 36px;
  color: #FFFFFF;
  margin: auto;
  margin-bottom: 40px;
  margin-top: 28px;
  text-align: center;
  max-width: 779px;
  width: 100%;
}

.super-secure-card {
  text-align: center;
  margin-bottom: 30px;
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  padding: 42px 20px 50px 20px;
}

.super-secure-card h5 {
  font-weight: 700;
  margin-bottom: 30px;
  color: #FFFFFF;
}

.super-secure-card p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0px;
}

.super-secure-card-img {
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.super-secure-card-img .super-secure-card-img-inner {
  overflow: hidden;
  height: 120px;
  width: 120px;
  margin: auto;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.super-secure-card-img .super-secure-card-img-inner img {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.super-secure-card-img .grad {
  position: absolute;
  bottom: -60px;
  z-index: 0;
}

.feedbacks-section {
  padding-bottom: 97px;
  position: relative;
}

.feedbacks-section .layer-1 {
  height: 45%;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(42.19%, #101722), to(rgba(16, 23, 34, 0)));
  background: linear-gradient(180deg, #101722 42.19%, rgba(16, 23, 34, 0) 100%);
  position: absolute;
  top: 20px;
  left: 0px;
  z-index: 3;
}

.feedbacks-section .layer-2 {
  height: 30%;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 23, 34, 0)), color-stop(75.52%, #101722));
  background: linear-gradient(180deg, rgba(16, 23, 34, 0) 0%, #101722 75.52%);
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 3;
}

.feedbacks-section .section-title {
  position: relative;
  z-index: 4;
}

.feedback-stop-btn {
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(2.5px);
          backdrop-filter: blur(2.5px);
  height: 68px;
  width: 68px;
  overflow: hidden;
  border-radius: 50%;
  margin: auto;
  margin-top: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.feedback-stop-btn .play {
  display: none;
}

.feedback-stop-btn .pause {
  display: block;
}

.feedback-stop-btn.active .play {
  display: block;
}

.feedback-stop-btn.active .pause {
  display: none;
}

.feedback-content {
  max-height: 700px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.feedback-card {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 30px;
  padding: 28px 30px;
  margin-bottom: 30px;
}

.feedback-card .people {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
}

.feedback-card .people .people-img {
  border-radius: 50%;
  overflow: hidden;
  height: 35px;
  width: 35px;
  position: relative;
}

.feedback-card .people .people-img img {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.feedback-card .people .people-text p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0px;
  font-weight: 700;
  margin-top: 0px !important;
  line-height: 20px;
}

.feedback-card .people .people-text p span {
  font-weight: 500;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}

.feedback-card p {
  margin-bottom: 0px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 16px;
}

.feedback-card-list.up {
  animation: translateUp 15s linear infinite;
  -webkit-animation: translateUp 15s linear infinite;
}

.feedback-card-list.up.active {
  -webkit-animation: none;
          animation: none;
}

.feedback-card-list.down {
  animation: translateDown 15s linear infinite;
  -webkit-animation: translateDown 15s linear infinite;
}

.feedback-card-list.down.active {
  -webkit-animation: none;
          animation: none;
}

@-webkit-keyframes translateUp {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes translateUp {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@-webkit-keyframes translateDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes translateDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

.download-wallet-section {
  background: url(../images/crypto/download-wallet-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.download-wallet-section .download-wallet-overlay {
  background: rgba(16, 23, 34, 0.5);
  padding-top: 131px;
  padding-bottom: 140px;
  height: 100%;
}

.download-wallet-btns {
  max-width: 410px;
  width: 100%;
  text-align: center;
  margin-right: auto;
  margin-top: 48px;
  position: relative;
  z-index: 3;
}

.download-wallet-btns a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 7px 24px;
  max-width: 190px;
  width: 190px;
  margin: auto;
}

.download-wallet-btns a h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 10px;
  font-weight: 700;
  margin-bottom: 0px;
  color: #FFFFFF;
}

.download-wallet-btns a h5 span {
  font-size: 12px;
  font-weight: 500;
}

.os-btns {
  max-width: 260px;
  max-height: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.os-btns .os-btn {
  border: 2px solid rgba(255, 255, 255, 0.05);
  border-radius: 30px;
  padding: 10px;
  min-height: 129px;
  min-width: 129px;
  max-height: 129px;
  max-width: 129px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.os-btns .os-btn .os-btn-inner {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 85%;
  width: 85%;
  position: absolute;
}

.download-wallet-section {
  background: url(../images/crypto/download-wallet-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.download-wallet-section .download-wallet-overlay {
  background: rgba(16, 23, 34, 0.5);
  padding-top: 131px;
  padding-bottom: 140px;
  height: 100%;
}

.download-wallet-btns {
  max-width: 410px;
  width: 100%;
  text-align: center;
  margin-right: auto;
  margin-top: 48px;
  position: relative;
  z-index: 3;
}

.download-wallet-btns a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 7px 24px;
  max-width: 190px;
  width: 190px;
  margin: auto;
}

.download-wallet-btns a h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 10px;
  font-weight: 700;
  margin-bottom: 0px;
  color: #FFFFFF;
}

.download-wallet-btns a h5 span {
  font-size: 12px;
  font-weight: 500;
}

.os-btns {
  max-width: 260px;
  max-height: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.os-btns .os-btn {
  border: 2px solid rgba(255, 255, 255, 0.05);
  border-radius: 30px;
  padding: 10px;
  min-height: 129px;
  min-width: 129px;
  max-height: 129px;
  max-width: 129px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.os-btns .os-btn .os-btn-inner {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 85%;
  width: 85%;
  position: absolute;
}

/*-- Crypto Wallet style End --*/
/*-- Crypto Wallet 2 style start --*/
.crypto-assets-section {
  margin-top: -84px;
  padding-bottom: 94px;
}

.crypto-assets-box {
  background: #101722;
  border-radius: 30px;
  padding: 100px;
  position: relative;
  height: 440px;
  overflow: hidden;
}

.crypto-assets-box .blur-img {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  height: 100%;
}

.crypto-assets-box .dots-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 90%;
  z-index: 1;
}

.crypto-assets-box .coin-bg {
  position: absolute;
  left: 100px;
  top: 21px;
  height: 90%;
  width: 80%;
  z-index: 2;
}

.crypto-assets-box h3 {
  color: #ffffff;
  position: relative;
  z-index: 3;
  padding-left: 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 36px;
  font-weight: 700 !important;
  font-size: 30px !important;
  line-height: 36px !important;
}

.crypto-assets-box h3.cd-headline.slide .cd-words-wrapper {
  width: auto !important;
  padding: 0px !important;
}

.crypto-assets-box h3 b {
  font-weight: 700 !important;
}

.crypto-assets-box h3::before {
  content: '';
  height: 40px;
  width: 40px;
  margin-right: 28px;
  background: #9FE870;
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.cross-network-section h3 {
  margin-bottom: 21px;
}

.cross-network-section p {
  margin-bottom: 32px;
  max-width: 600px;
  width: 100%;
}

.cross-network-logos {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cross-network-logos::before {
  content: '';
  height: 100%;
  width: 20%;
  background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 11;
}

.cross-network-logos::after {
  content: '';
  height: 100%;
  width: 20%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 11;
}

.cross-network-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-animation: smoothSlider 15s infinite linear;
          animation: smoothSlider 15s infinite linear;
}

.cross-network-list .item {
  margin-right: 30px;
  height: 90px;
  min-width: 226px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, right top, from(#F1F1F1), color-stop(49.48%, #FFFFFF), to(#F1F1F1));
  background: linear-gradient(90deg, #F1F1F1 0%, #FFFFFF 49.48%, #F1F1F1 100%);
  border-radius: 20px;
}

.cross-network-list .item img {
  width: 60%;
}

.crypto2-benifits-section {
  padding-top: 112px;
  padding-bottom: 140px;
}

.crypto2-benifits-card {
  padding: 62px 70px 70px 70px;
  position: relative;
  overflow: hidden;
}

.crypto2-benifits-card1 {
  background: linear-gradient(145.48deg, #CED8F7 0%, #F3F6FE 79.62%);
  border-radius: 30px;
}

.crypto2-benifits-card1 h5 {
  color: #4541FE;
}

.crypto2-benifits-card1 h5::before {
  background: #4541FE;
}

.crypto2-benifits-card1 a {
  color: #4541FE;
}

.crypto2-benifits-card2 {
  background: linear-gradient(193.39deg, #173502 0%, #173502 93.24%);
  border-radius: 30px;
}

.crypto2-benifits-card2 h5 {
  color: #9FE870;
}

.crypto2-benifits-card2 h5::before {
  background: #9FE870;
}

.crypto2-benifits-card2 a {
  color: #9FE870;
}

.crypto2-benifits-card2 h3 {
  color: #ffffff;
}

.crypto2-benifits-card2 p {
  color: #ffffff;
}

.crypto2-benifits-card2 .weav-img {
  position: absolute;
  z-index: 1;
  left: -30%;
  min-width: 600px;
  bottom: 123px;
}

.crypto2-benifits-card2 .benifits-card-img3 {
  position: relative;
  z-index: 2;
}

.crypto2-benifits-card2 .benifits-card-img4 {
  position: relative;
  z-index: 0;
}

.crypto2-benifits-card h5 {
  position: relative;
  z-index: 3;
  padding-left: 25px;
  margin-bottom: 15px;
}

.crypto2-benifits-card h5::before {
  content: '';
  height: 14px;
  width: 14px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 7px;
  left: 0px;
}

.crypto2-benifits-card h3 {
  margin-bottom: 25px;
  position: relative;
  z-index: 3;
}

.crypto2-benifits-card p {
  margin-bottom: 24px;
  position: relative;
  z-index: 3;
}

.crypto2-benifits-card a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 700;
  font-size: 15px;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 41px;
  position: relative;
  z-index: 3;
}

.crypto2-benifits-card a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-left: 12px;
}

.crypto2-benifits-card a:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.benifits-card-img-section .benifits-card-img {
  position: relative;
  overflow: hidden;
  height: 180px;
  border-radius: 15px;
}

.benifits-card-img-section .benifits-card-img2 {
  -webkit-filter: drop-shadow(0px 20px 15px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0px 20px 15px rgba(0, 0, 0, 0.1));
  border-radius: 15px;
}

.benifits-card-img-section .benifits-card-img .card-img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.metaverse-card {
  background: url(../images/crypto2/metavarse-bg.png);
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 30px;
  overflow: hidden;
  margin-top: 50px;
}

.metaverse-card .overlay {
  padding: 62px 70px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(16, 23, 34, 0.5)), color-stop(61.46%, rgba(16, 23, 34, 0)));
  background: linear-gradient(90deg, rgba(16, 23, 34, 0.5) 0%, rgba(16, 23, 34, 0) 61.46%);
  height: 100%;
}

.metaverse-card h5 {
  padding-left: 25px;
  position: relative;
  color: #ffffff;
  margin-bottom: 15px;
}

.metaverse-card h5::before {
  content: '';
  border-radius: 50%;
  overflow: hidden;
  height: 14px;
  width: 14px;
  background: #ffffff;
  position: absolute;
  top: 7px;
  left: 0px;
}

.metaverse-card h3 {
  color: #ffffff;
  margin-bottom: 26px;
}

.metaverse-card p {
  margin-bottom: 0px;
  max-width: 500px;
  color: rgba(255, 255, 255, 0.8);
}

.connect-dapps-section {
  padding: 131px 0px 0px 0px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFFFFF;
}

.connect-dapps-section .container {
  position: relative;
  z-index: 2;
}

.connect-dapps-doted-img {
  position: absolute;
  top: 0px;
  z-index: 0;
}

.connect-dapps-text {
  max-width: 779px;
  margin: auto;
  text-align: center;
  position: relative;
  z-index: 3;
}

.connect-dapps-text p {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 36px;
}

.connect-dapps-text a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 700;
  font-size: 15px;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 41px;
  color: #4541FE;
}

.connect-dapps-text a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-left: 14px;
}

.connect-dapps-text a:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.connect-dapps-img {
  max-width: 1004px;
  margin: auto;
  text-align: center;
}

.connect-dapps-img .coin-img {
  position: relative;
  z-index: 2;
  top: -65px;
}

.connect-dapps-img .mocup-img {
  margin-top: -420px;
  position: relative;
  z-index: 0;
  left: 80px;
}

.safe-platform-ball-section {
  position: relative;
  z-index: 2;
}

.safe-platform-ball-content {
  max-width: 770px;
  width: 100%;
  margin: auto;
}

.safe-platform-ball {
  border-radius: 185px;
  padding: 95px 37px;
  text-align: center;
}

.safe-platform-ball1 {
  background: #4541FE;
}

.safe-platform-ball1 h4 {
  margin-top: 35px;
  margin-bottom: 12px;
  color: #ffffff;
}

.safe-platform-ball1 p {
  margin-bottom: 0px;
  color: rgba(255, 255, 255, 0.8);
}

.safe-platform-ball2 {
  background: #9FE870;
}

.safe-platform-ball2 h4 {
  margin-top: 35px;
  margin-bottom: 12px;
  color: #111111;
}

.safe-platform-ball2 p {
  margin-bottom: 0px;
  color: #111111;
}

.safe-platform-section {
  margin-top: -225px;
  position: relative;
  overflow: hidden;
  z-index: 0;
  padding-top: 182px;
  background: #101722;
  padding-bottom: 40px;
}

.safe-platform-section .section-title {
  position: relative;
  z-index: 2;
}

.safe-platform-section .sidebar__inner {
  width: 100% !important;
}

.safe-platform-header {
  padding-top: 120px;
  width: 100%;
}

.safe-platform-img {
  max-width: 770px;
  width: 100%;
  margin: auto;
  margin-top: -193px;
  position: relative;
  z-index: 0;
}

.safe-platform-img::after {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 23, 34, 0)), color-stop(68.23%, rgba(16, 23, 34, 0.7)), color-stop(99.99%, rgba(16, 23, 34, 0.927083)), to(#101722));
  background: linear-gradient(180deg, rgba(16, 23, 34, 0) 0%, rgba(16, 23, 34, 0.7) 68.23%, rgba(16, 23, 34, 0.927083) 99.99%, #101722 100%);
  position: absolute;
  width: 100%;
  height: 80%;
  bottom: 0px;
  left: 0px;
  z-index: 1;
}

.safe-platform-content {
  max-width: 569px;
  margin-left: auto;
}

.safe-platform-text {
  margin-bottom: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.safe-platform-text .safe-platform-icon {
  margin-right: 30px;
  margin-top: -8px;
  min-height: 50px;
  min-width: 50px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}

.safe-platform-text .safe-platform-icon img {
  height: 100%;
  width: 100%;
  position: absolute;
}

.safe-platform-text h4 {
  color: #ffffff;
  margin-bottom: 23px;
}

.safe-platform-text p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 20px;
}

.safe-platform-right .list {
  list-style-image: url(../images/icons/check-green2.svg);
}

.safe-platform-right .list li {
  color: #ffffff;
}

.safe-platform-right .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}

.safe-platform-right .tags a {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 7px 15px;
  color: #ffffff;
}

.safe-platform-right .tags a img {
  margin-right: 9px;
}

.safe-platform-right .tags a:nth-last-child(1) {
  text-transform: uppercase;
}

.safe-platform-right .chashback-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 26px;
}

.safe-platform-right .chashback-list li:nth-last-child(1) {
  margin-bottom: 0px;
}

.safe-platform-right .chashback-list li h4 {
  color: #ffffff;
  margin-right: 25px;
  margin-bottom: 0px !important;
}

.safe-platform-right .chashback-list li span {
  color: rgba(255, 255, 255, 0.8);
}

.crypto2-download-wallet-section {
  margin-top: -80px;
  padding-bottom: 102px;
}

.download-wallet-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0px -15px;
  list-style: none;
  padding: 0px;
}

.download-wallet-list ul li {
  padding: 0px 15px;
  margin-bottom: 30px;
  width: 16.666666%;
}

.download-wallet-list ul li a {
  background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), color-stop(49.48%, #FFFFFF), to(#F1F1F1));
  background: linear-gradient(180deg, #F1F1F1 0%, #FFFFFF 49.48%, #F1F1F1 100%);
  border-radius: 20px;
  height: 178px;
  padding: 25px 14px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.download-wallet-list ul li a span {
  margin-bottom: 26px;
}

.download-wallet-list ul li a h6 {
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 0px;
}

.download-wallet-list ul li a p {
  font-size: 13px;
  line-height: 24px;
  color: #999999;
}

.partners-logos {
  position: relative;
  overflow: hidden;
}

.partners-logos::before {
  content: '';
  height: 100%;
  width: 20%;
  background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 11;
}

.partners-logos::after {
  content: '';
  height: 100%;
  width: 20%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 11;
}

.our-partners-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 30px;
}

.our-partners-list .item {
  margin-right: 30px;
  height: 90px;
  min-width: 226px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, right top, from(#F1F1F1), color-stop(49.48%, #FFFFFF), to(#F1F1F1));
  background: linear-gradient(90deg, #F1F1F1 0%, #FFFFFF 49.48%, #F1F1F1 100%);
  border-radius: 20px;
}

.our-partners-list .item img {
  width: 60%;
}

.support-section {
  padding: 110px 0px 0px 0px;
}

.support-card {
  background: #101722;
  border-radius: 30px;
  max-width: 1170px;
  width: 100%;
  margin: 0px auto;
  padding: 91px 70px 70px 70px;
  position: relative;
  overflow: hidden;
}

.support-card .blur-img {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  height: 100%;
}

.support-card .dot-bg {
  position: absolute;
  height: 100%;
  width: 97%;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.support-list ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.support-list ul li {
  margin-bottom: 20px;
}

.support-list ul li img {
  margin-right: 15px;
}

.support-list ul li span {
  color: #ffffff;
}

.support-card-left {
  position: relative;
  z-index: 2;
}

.support-card-right {
  max-width: 400px;
  margin-left: auto;
  position: relative;
  z-index: 2;
}

.support-inner-card {
  padding: 38px 30px 33px 30px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 15px;
  margin-bottom: 30px;
}

.support-inner-card h5 {
  margin-bottom: 18px;
  position: relative;
  padding-left: 50px;
}

.support-inner-card h5 img {
  margin-right: 19px;
  position: absolute;
  left: -12px;
  top: -18px;
}

.support-inner-card p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 7px;
}

.support-inner-card a {
  font-weight: 700;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #9FE870;
}

.support-inner-card a img {
  margin-left: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.support-inner-card a:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*-- Crypto Wallet 2 style end --*/
/*-- Crypto token style start --*/
.key-points-section {
  padding-top: 140px;
  padding-bottom: 128px;
}

.key-points-card {
  min-height: 100%;
  padding: 40px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}

.key-points-card .card-tag {
  padding: 8px 20px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(208, 46, 190, 0.2)), to(rgba(108, 211, 108, 0.2)));
  background: linear-gradient(90deg, rgba(208, 46, 190, 0.2) 0%, rgba(108, 211, 108, 0.2) 100%);
  border-radius: 20px;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
  z-index: 2;
  min-height: 40px;
  line-height: 30px;
  font-size: 15px;
}

.key-points-card h3 {
  margin-bottom: 25px;
  margin-top: 22px;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
}

.key-points-card p {
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 2;
}

.key-points-card .card-link {
  color: #BFFF0A;
  font-weight: 700;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  z-index: 2;
}

.key-points-card .card-link img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-left: 14px;
}

.key-points-card .card-link:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.key-points-card .card-img {
  margin-top: 76px;
  position: relative;
  z-index: 2;
}

.key-points-card .blur {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.key-points-card .doted-line {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 0;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.key-points-card:hover .blur,
.key-points-card:hover .doted-line {
  opacity: 1;
}

.text-with-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-family: "Quantico", sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 120%;
  text-align: center;
  color: #FFFFFF;
  max-width: 913px;
  text-transform: uppercase;
  width: 100%;
  margin: auto;
  margin-bottom: 110px;
}

.text-with-img .text {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.text-with-img .text.add-img {
  opacity: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.text-with-img .text.add-img::after {
  content: '';
  padding: 2px 0px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 0%;
  background: -webkit-gradient(linear, left top, right top, from(#D02EBE), to(#BFFF0A));
  background: linear-gradient(90deg, #D02EBE 0%, #BFFF0A 100%);
  border-radius: 20px;
  position: absolute;
  bottom: -8px;
  left: 0px;
}

.text-with-img .text.add-img img {
  display: none;
  margin-top: -10px;
}

.text-with-img .text.add-img:hover {
  opacity: 100%;
  z-index: 2;
}

.text-with-img .text.add-img:hover::after {
  width: 100%;
}

.text-with-img .text.add-img span:hover + img {
  display: block;
  position: absolute !important;
  top: -70%;
  left: auto;
  min-width: 256px;
  z-index: -1;
  opacity: 1;
  -webkit-animation: moveImg 0.5s ease-in-out;
          animation: moveImg 0.5s ease-in-out;
}

.crypto-token-features-cards .stack__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 600px;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1), 0 -1px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1), 0 -1px 2px rgba(0, 0, 0, 0.25);
  margin-top: -20px;
  border-radius: 30px;
  overflow: hidden;
}

.crypto-token-features-cards .stack__card .card-bg {
  height: 100%;
  width: 100%;
}

.crypto-token-features-cards .stack__card .title h4 {
  text-transform: uppercase;
}

.crypto-token-features-cards .stack__card:nth-child(1) {
  background: #BFFF0A;
}

.crypto-token-features-cards .stack__card:nth-child(1) .card-bg {
  background: url(../images/crypto-token/card-bg1.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.crypto-token-features-cards .stack__card:nth-child(1) .card-bg .overlay {
  background: -webkit-gradient(linear, left top, left bottom, from(#BFFF0A), color-stop(35.2%, rgba(191, 255, 10, 0.8)), to(rgba(191, 255, 10, 0)));
  background: linear-gradient(180deg, #BFFF0A 0%, rgba(191, 255, 10, 0.8) 35.2%, rgba(191, 255, 10, 0) 100%);
  height: 100%;
  padding: 80px 70px;
  width: 100%;
}

.crypto-token-features-cards .stack__card:nth-child(2) {
  background: #FF7BCA;
}

.crypto-token-features-cards .stack__card:nth-child(2) .card-bg {
  background: url(../images/crypto-token/card-bg2.png);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding: 80px 70px;
}

.crypto-token-features-cards .stack__card:nth-child(3) {
  background: #ADFFEB;
}

.crypto-token-features-cards .stack__card:nth-child(3) .card-bg {
  background: url(../images/crypto-token/card-bg3.png);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding: 80px 70px;
}

.crypto-token-features-text h2 {
  margin-bottom: 32px;
  font-family: "Quantico", sans-serif;
  font-size: 50px;
  line-height: 120%;
  text-transform: uppercase;
}

.crypto-token-features-text p {
  margin-bottom: 0px;
  color: #111111;
}

.crypto-token-features-text a {
  color: #111111;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 700;
}

.crypto-token-features-text a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-left: 14px;
}

.crypto-token-features-text a:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.crypto-token-features-text ul {
  margin-top: 21px;
  list-style: url(../images/crypto-token/check-black.svg);
}

.crypto-token-features-text ul li {
  color: #111111;
}

.super-gainers-info-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0px -15px;
  width: 100%;
  padding-top: 32px;
}

.super-gainers-info-section .super-gainers-info {
  width: 50%;
  padding: 15px;
}

.super-gainers-info-section .super-gainers-info p {
  text-transform: uppercase;
  color: #111111;
}

.crypto-token-features-img {
  position: absolute;
  bottom: 0px;
}

.features-img-inner {
  position: relative;
}

.features-img-inner .setting-icon {
  position: absolute;
  top: 25px;
  left: 25px;
  animation: rotate360 5s linear infinite;
  -webkit-animation: rotate360 5s linear infinite;
}

@-webkit-keyframes moveImg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes moveImg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.crypto-token-tag-section {
  padding: 140px 0px 121px 0px;
}

.crypto-token-tag-inner {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.crypto-token-tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-animation: smoothSlider 25s infinite linear;
          animation: smoothSlider 25s infinite linear;
}

.crypto-token-tag-list .tag {
  font-family: "Quantico", sans-serif;
  margin-right: 30px;
  padding: 0px 30px;
  font-weight: 700;
  font-size: 24px;
  line-height: 250%;
  text-transform: uppercase;
  text-align: center;
  color: #000000;
  border-radius: 50px;
}

.crypto-token-tag-list .tag.skyblue {
  background: #AEE3FD;
}

.crypto-token-tag-list .tag.skyblue2 {
  background: #ADFFEB;
}

.crypto-token-tag-list .tag.skyblue3 {
  background: #ADE5FF;
}

.crypto-token-tag-list .tag.offwhite {
  background: #FFF8E7;
}

.crypto-token-tag-list .tag.pink {
  background: #FF7BCA;
}

.crypto-token-tag-list .tag.yellow {
  background: #F2DD09;
}

.crypto-token-tag-list .tag.yellowgreen {
  background: #BFFF0A;
}

.crypto-token-partners {
  margin-bottom: 140px;
  background: url(../images/crypto-token/grain-texture.png);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}

.crypto-token-partners::before {
  content: '';
  position: absolute;
  height: 20%;
  width: 100%;
  position: absolute;
  height: 250px;
  width: 100%;
  top: -47px;
  left: 0px;
  background: -webkit-gradient(linear, left top, left bottom, from(#0D1014), to(rgba(13, 16, 20, 0)));
  background: linear-gradient(180deg, #0D1014 0%, rgba(13, 16, 20, 0) 100%);
}

.crypto-token-partners::after {
  content: '';
  position: absolute;
  height: 250px;
  width: 100%;
  position: absolute;
  height: 20%;
  width: 100%;
  bottom: 0px;
  left: 0px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 16, 20, 0)), to(#0D1014));
  background: linear-gradient(180deg, rgba(13, 16, 20, 0) 0%, #0D1014 100%);
}

.crypto-token-partners .partners-title {
  font-family: "Quantico", sans-serif;
  font-weight: 700;
  font-size: 60px;
  line-height: 133%;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 64px;
  position: relative;
  z-index: 1;
}

.crypto-token-partners .partners-list {
  position: relative;
  z-index: 1;
}

.crypto-token-partners .partners-list ul {
  margin: 0px -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  list-style: none;
  padding: 0px;
}

.crypto-token-partners .partners-list ul li {
  width: 20%;
  padding: 0px 15px;
  margin-bottom: 30px;
}

.crypto-token-partners .partners-logo {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  min-width: 210px;
  min-height: 210px;
  overflow: hidden;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.crypto-token-partners .partners-logo .btn-outline {
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
}

.crypto-token-partners .partners-logo:hover .btn-outline {
  opacity: 1;
  animation: rotate360 5s linear infinite;
  -webkit-animation: rotate360 5s linear infinite;
}

.crypto-token-partners .partners-logo:hover {
  cursor: pointer;
}

.crypto-token-partners .partners-logo .round {
  border-radius: 50%;
  background-color: #FFFFFF10;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: -1;
  -webkit-animation: scale-down 0.2s forwards;
          animation: scale-down 0.2s forwards;
}

.crypto-token-partners .partners-logo.animate .round {
  -webkit-animation: scale-up 0.5s forwards;
          animation: scale-up 0.5s forwards;
}

.crypto-token-partners .green-shape {
  position: absolute;
  z-index: 0;
  left: 20%;
  top: 20%;
}

@-webkit-keyframes scale-up {
  to {
    -webkit-transform: scale(600);
            transform: scale(600);
  }
}

@keyframes scale-up {
  to {
    -webkit-transform: scale(600);
            transform: scale(600);
  }
}

@-webkit-keyframes scale-down {
  from {
    -webkit-transform: scale(600);
            transform: scale(600);
  }
  to {
    ransform: scale(0);
  }
}

@keyframes scale-down {
  from {
    -webkit-transform: scale(600);
            transform: scale(600);
  }
  to {
    ransform: scale(0);
  }
}

.scroll-text-section {
  background: url(../images/crypto-token/dotted-bg.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 54px 0px;
  overflow: hidden;
}

.scroll-text-inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.scroll-text-inner ul li {
  margin-right: 38px;
  font-family: "Quantico", sans-serif;
  line-height: 100%;
  font-size: 100px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
}

.splitting .char {
  -webkit-transition: opacity 0.5s linear, -webkit-transform 0.5s cubic-bezier(0.3, 0, 0.3, 1);
  transition: opacity 0.5s linear, -webkit-transform 0.5s cubic-bezier(0.3, 0, 0.3, 1);
  transition: transform 0.5s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.5s linear;
  transition: transform 0.5s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.5s linear, -webkit-transform 0.5s cubic-bezier(0.3, 0, 0.3, 1);
  -webkit-transition-delay: calc( 30ms * var(--char-index));
          transition-delay: calc( 30ms * var(--char-index));
}

.splitting[data-scroll="out"] .char {
  opacity: 0.1;
  -webkit-transform: translateY(0.25em);
          transform: translateY(0.25em);
}

.splitting-mark {
  display: none;
}

/* ---------------------------------- */
/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
  position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  -webkit-transition: inherit;
  transition: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* Expanded CSS Variables */
.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);
  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);
  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));
  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));
  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));
  /* Absolute distance from center, only positive */
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );
  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));
  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
}

.crypto-tokenomics-section {
  padding-top: 140px;
}

.tokenomics-card {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 30px;
}

.tokenomics-card .overlay {
  background: url(../images/crypto-token/grain-texture.png);
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 121px 100px 136px 100px;
}

.tokenomics-card .overlay .shape {
  position: absolute;
  top: 0px;
  left: 15%;
  z-index: 0;
}

.tokenomics-content {
  position: relative;
  z-index: 2;
}

.tokenomics-content h2 {
  font-family: "Quantico", sans-serif;
  font-weight: 700;
  font-size: 60px;
  line-height: 80px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 51px;
}

.tokenomics-progress-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  gap: 5px;
}

.tokenomics-progress-section .tokenomics-progress .tokenomics-progress-bg {
  height: 60px;
  overflow: hidden;
  margin-bottom: 26px;
}

.tokenomics-progress-section .tokenomics-progress .tokenomics-progress-text h3 {
  font-family: "Quantico", sans-serif;
  line-height: 100%;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0px;
}

.tokenomics-progress-section .tokenomics-progress .tokenomics-progress-text p {
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0px;
}

.tokenomics-progress-section .tokenomics-progress.community {
  width: 46%;
}

.tokenomics-progress-section .tokenomics-progress.community .tokenomics-progress-bg {
  background: #BFFF0A;
  opacity: 0.8;
  border-radius: 30px 0px 0px 30px;
}

.tokenomics-progress-section .tokenomics-progress.team {
  width: 34%;
}

.tokenomics-progress-section .tokenomics-progress.team .tokenomics-progress-bg {
  background: #FF7BCA;
  opacity: 0.8;
  border-radius: 0px;
}

.tokenomics-progress-section .tokenomics-progress.investor {
  width: 12%;
}

.tokenomics-progress-section .tokenomics-progress.investor .tokenomics-progress-bg {
  background: #ADFFEB;
  opacity: 0.8;
  border-radius: 0px;
}

.tokenomics-progress-section .tokenomics-progress.advisors {
  width: 8%;
}

.tokenomics-progress-section .tokenomics-progress.advisors .tokenomics-progress-bg {
  background: #ADE5FF;
  opacity: 0.8;
  border-radius: 0px 30px 30px 0px;
}

/*-- tokenomics-list section start --*/
.tokenomics-list ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.tokenomics-list ul li {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.tokenomics-list ul li span {
  font-weight: 700;
  line-height: 167%;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
}

.tokenomics-list ul li h5 {
  font-family: "Quantico", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 167%;
  color: #ffffff;
  margin-bottom: 0px;
}

.tokenomics-list ul li h5 span {
  color: #BFFE0B;
  margin-left: 20px;
}

.latest-news-section {
  padding-top: 122px;
  position: relative;
}

.latest-news-title {
  padding-bottom: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  gap: 20px;
}

.latest-news-title h2 {
  font-family: "Quantico", sans-serif;
  font-weight: 700;
  font-size: 60px;
  line-height: 80px;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 0px;
}

.latest-news-title a {
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.latest-news-title a img {
  -webkit-filter: brightness(100);
          filter: brightness(100);
  margin-left: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.latest-news-title a:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.news-content .news-row-section {
  position: relative;
}

.news-content .news-row-section::after {
  content: '';
  height: 60px;
  width: 50%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(208, 46, 190, 0.1)), to(rgba(208, 46, 190, 0)));
  background: linear-gradient(90deg, rgba(208, 46, 190, 0.1) 0%, rgba(208, 46, 190, 0) 100%);
  position: absolute;
  left: 0px;
  z-index: 0;
  top: 32%;
}

.news-content .news-row {
  padding: 25px 100px;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.news-content .news-row h5 {
  font-family: "Quantico", sans-serif;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 0px;
}

.news-content .news-row h3 {
  font-family: "Quantico", sans-serif;
  line-height: 50px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 0px;
  padding-top: 20px;
}

.news-content .news-row .news-link {
  position: relative;
  z-index: 1;
}

.news-content .news-row .news-row-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 100%;
  z-index: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.news-content .news-row .news-row-bg.news1 {
  background: url(../images/crypto-token/news_1.png);
}

.news-content .news-row .news-row-bg.news2 {
  background: url(../images/crypto-token/news_2.png);
}

.news-content .news-row .news-row-bg.news3 {
  background: url(../images/crypto-token/news_3.png);
}

.news-content .news-row .news-row-bg.news4 {
  background: url(../images/crypto-token/news_4.png);
}

.news-content .news-row .news-row-bg .overlay {
  background: url(../images/crypto-token/news-grain.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
  padding: 75px;
}

.news-content .news-row:hover .news-row-bg {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
  top: 0px;
}

.news-content .news-row .link {
  height: 29px;
  width: 24px;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  right: 100px;
  top: 38%;
  z-index: 11;
}

.news-content .news-row .link .link-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: rotate(-135deg) translateY(-35px);
          transform: rotate(-135deg) translateY(-35px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.news-content .news-row:hover .link {
  opacity: 1;
}

.news-content .news-row:hover .link .link-inner {
  -webkit-transform: rotate(-135deg) translateY(-8px) translateX(10px);
          transform: rotate(-135deg) translateY(-8px) translateX(10px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.documents-section {
  padding-top: 122px;
  position: relative;
}

.documents-title {
  padding-bottom: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.documents-title h2 {
  font-family: "Quantico", sans-serif;
  font-weight: 700;
  font-size: 60px;
  line-height: 80px;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 0px;
}

.documents-content .doc-row-section {
  position: relative;
}

.documents-content .doc-row-section::after {
  content: '';
  height: 60px;
  width: 50%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(108, 211, 108, 0)), to(rgba(108, 211, 108, 0.1)));
  background: linear-gradient(90deg, rgba(108, 211, 108, 0) 0%, rgba(108, 211, 108, 0.1) 100%);
  position: absolute;
  right: 0px;
  top: 33%;
}

.documents-content .documents-row {
  padding: 50px 100px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  position: relative;
}

.documents-content .documents-row h3 {
  font-family: "Quantico", sans-serif;
  line-height: 50px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.documents-content .documents-row .doc-img {
  display: none;
  position: absolute;
  margin-top: -167px;
}

.documents-content .documents-row:hover .doc-img {
  display: block;
}

.documents-content .documents-row .link {
  height: 29px;
  width: 24px;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  right: 100px;
  top: 36%;
}

.documents-content .documents-row .link .link-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.documents-content .documents-row:hover .link {
  opacity: 1;
}

.documents-content .documents-row:hover .link .link-inner {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.crypto-token-social {
  padding: 140px 0px;
}

.crypto-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0px -15px;
}

.crypto-social-list .crypto-social-link {
  padding: 0xp 15px;
  width: 20%;
}

.crypto-social-btn {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 30px;
  height: 210px;
  max-width: 210px;
  width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*-- Crypto token style end --*/
/*-- corporate index style start --*/
.best-services-section {
  background: #EEF2F5;
}

.best-services-section .overlay {
  padding: 140px 0px;
  background: url(../images/corporate/map.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.best-services-section .slick-prev {
  left: -284px;
  top: 330px;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  overflow: hidden;
  height: 50px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.best-services-section .slick-prev::before {
  content: url(../images/corporate/icon-prev.svg);
  -webkit-filter: brightness(0);
          filter: brightness(0);
  opacity: 20%;
}

.best-services-section .slick-prev:hover {
  border: 2px solid #5ECC62;
}

.best-services-section .slick-prev:hover::before {
  -webkit-filter: none;
          filter: none;
  opacity: 100%;
}

.best-services-section .slick-next {
  left: -214px;
  top: 330px;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  overflow: hidden;
  height: 50px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.best-services-section .slick-next::before {
  content: url(../images/corporate/icon-next.svg);
  -webkit-filter: brightness(0);
          filter: brightness(0);
  opacity: 20%;
}

.best-services-section .slick-next:hover {
  border: 2px solid #5ECC62;
}

.best-services-section .slick-next:hover::before {
  -webkit-filter: none;
          filter: none;
  opacity: 100%;
}

.best-services-left p {
  max-width: 271px;
  width: 100%;
}

.best-services-card {
  background: #FFFFFF;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.best-services-card::before {
  content: url(../images/corporate/card-footer-icon1.svg);
  position: absolute;
  bottom: -11px;
  right: 0px;
  -webkit-filter: brightness(0);
          filter: brightness(0);
  opacity: 15%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.best-services-card::after {
  content: url(../images/corporate/card-footer-icon2.svg);
  position: absolute;
  bottom: -11px;
  right: 0px;
}

.best-services-card:hover::before {
  -webkit-filter: none;
          filter: none;
  opacity: 100%;
}

.best-services-img img {
  width: 100%;
}

.best-services-text {
  padding: 24px 30px 30px 30px;
}

.best-services-text h5 {
  margin-bottom: 10px;
}

.best-services-text p {
  margin-bottom: 0px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.about-our-company-section {
  padding: 132px 0px 113px 0px;
  position: relative;
  z-index: 11;
}

.about-company-inner {
  max-width: 516px;
  width: 100%;
  position: relative;
}

.about-company-inner .play-btn {
  height: 120px;
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #FFFFFF;
  border-radius: 50%;
  position: absolute;
  right: 114px;
  bottom: 140px;
  -webkit-box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.15);
}

.about-company-img img {
  width: 100%;
  height: 1005;
}

.about-company-right h3 {
  text-transform: uppercase;
  margin-bottom: 29px;
  margin-top: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#30D7F1), to(#79FA4B));
  background: linear-gradient(90deg, #30D7F1 0%, #79FA4B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.about-company-right p {
  margin-bottom: 25px;
}

.about-company-right ul {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.about-company-right ul li {
  width: 25%;
  padding: 10px 10px 10px 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.about-company-right ul li:nth-child(1) {
  padding-left: 0px;
  border-left: none;
}

.about-company-right ul li img {
  margin-right: 12px;
}

.about-company-right ul li span {
  color: #000000;
  font-weight: 700;
  font-family: "Montserrat Alternates", sans-serif;
}

.how-it-work-section {
  padding: 132px 0px 102px 0px;
  background: #101722;
}

.how-it-work-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.how-it-work-content h2 {
  margin-right: 15px;
  font-weight: 700;
  font-size: 50px;
  line-height: 100%;
  text-transform: uppercase;
  background: -webkit-gradient(linear, left top, right top, from(rgba(48, 215, 241, 0.5)), to(rgba(121, 250, 75, 0.5)));
  background: linear-gradient(90deg, rgba(48, 215, 241, 0.5) 0%, rgba(121, 250, 75, 0.5) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.how-it-work-text {
  max-width: 263px;
  margin-bottom: 30px;
}

.how-it-work-text h5 {
  margin-bottom: 10px;
  color: #ffffff;
  font-weight: 700px;
}

.how-it-work-text p {
  margin-bottom: 0px;
  color: rgba(255, 255, 255, 0.8);
}

.our-values-section {
  padding-top: 132px;
  position: relative;
  z-index: 1;
}

.our-values-top {
  max-width: 779px;
  margin: auto;
  margin-bottom: 100px;
  text-align: center;
}

.our-values-top .section-title {
  margin-bottom: 26px;
}

.our-values-top p {
  font-size: 18px;
  margin-bottom: 0px;
}

.our-value-text {
  margin-bottom: 64px;
  position: relative;
}

.our-value-text h5 {
  font-weight: 700;
  margin-bottom: 10px;
}

.our-value-text .our-value-icon {
  position: absolute;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  background: #FFFFFF;
  border: 2px dashed rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 11;
}

.our-value-text .our-value-icon1 {
  right: -180px;
  top: -10px;
}

.our-value-text .our-value-icon2 {
  right: -110px;
  top: -10px;
}

.our-value-text .our-value-icon3 {
  left: -180px;
  top: -10px;
}

.our-value-text .our-value-icon4 {
  left: -110px;
  top: -10px;
}

.our-values-img-section {
  position: relative;
  max-width: 470px;
  height: 100%;
  margin: auto;
}

.our-values-img-border {
  height: 470px;
  width: 470px;
  border-radius: 50%;
  border: 2px dashed rgba(0, 0, 0, 0.15);
  position: absolute;
  top: -40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.our-values-img {
  height: 266px;
  width: 266px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}

.our-values-img img {
  height: 100%;
  width: 100%;
  position: absolute;
}

.loader-img {
  height: 470px;
  width: 470px;
  position: absolute;
  animation: rotate360 5s linear infinite;
  -webkit-animation: rotate360 5s linear infinite;
}

.corporate-testiminials-section {
  /* background: url(../images/corporate/testimonial-bg.jpg); */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  position: relative;
  z-index: 2;
  background-attachment: fixed;
  /* background: #eaf1ff; */
  /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}

.corporate-testiminials-section .corporate-testimonial-bg {
  position: absolute;
  height: 150%;
  width: 100%;
  left: 0px;
  top: -100px;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.corporate-testiminials-section .overlay {
  padding-top: 10px;
  /* padding-bottom: 20px; */
  /* background: rgba(16, 23, 34, 0.8); */
  position: relative;
  z-index: 2;
  /* border: 5px solid #dededebf; */
  border-radius: 8px;
  overflow: hidden;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.corporate-testiminials-section .slick-prev {
  top: 40%;
  background: #ec6502;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  overflow: hidden;
  height: 50px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: none;
  z-index: 1;
}

.corporate-testiminials-section .slick-prev::before {
  content: url(../img/icon-prev.svg);
  -webkit-filter: brightness(100);
  filter: brightness(100);
}

.corporate-testiminials-section .slick-prev:hover {
  border: 2px solid #FFFFFF;
}

.corporate-testiminials-section .slick-next {
  top: 40%;
  background: #ec6502;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  overflow: hidden;
  height: 50px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: none;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.corporate-testiminials-section .slick-next::before {
  content: url(../img/icon-next.svg);
  -webkit-filter: brightness(100);
  filter: brightness(100);
}

.corporate-testiminials-section .slick-next:hover {
  border: 2px solid #FFFFFF;
}

.corporate-testiminials-content {
  text-align: center;
  max-width: 700px;
  margin: auto;
  padding: 41px 74px;
}

.corporate-testiminials-content .clint-img {
  position: relative;
  height: 400px;
  width: auto;
  padding: 25px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  /* background: url(../images/corporate/quotes-bg.png); */
  /* background-position: center center; */
  /* background-repeat: no-repeat; */
  /* background-size: contain; */
  /* margin-bottom: 42px; */
}

.corporate-testiminials-content .clint-img .clint-img-inner {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  background: #FFFFFF;
  /* border-radius: 50%; */
}

.corporate-testiminials-content .clint-img .clint-img-inner img {
  height: 100%;
  width: 100%;
  position: absolute;
}

.corporate-testiminials-content p {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 30px;
}

.corporate-testiminials-content h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: "DM Sans", sans-serif;
  color: #000000;
  line-height: 30px;
  margin-bottom: 0px;
  font-size: 31px;
  line-height: 37px;
  margin-bottom: 21px;
  font-weight: 700;
}

.corporate-testiminials-content h5 span {
  font-size: 15px;
  font-weight: 500;
  opacity: 80%;
}

.consultation-section {
  background: url(../images/corporate/consultation-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 140px;
}

.consultation-card {
  max-width: 970px;
  width: 100%;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 30px 30px 0px 0px;
  overflow: hidden;
}

.consultation-left {
  width: 100%;
  height: 100%;
  padding: 82px 60px;
  background: -webkit-gradient(linear, left top, right top, from(#3BB864), to(#94CE69));
  background: linear-gradient(90deg, #3BB864 0%, #94CE69 100%);
  border-radius: 30px 0px 0px 0px;
}

.consultation-img {
  margin-bottom: 46px;
}

.consultation-form {
  padding: 91px 60px 91px 30px;
}

.consultation-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.consultation-form form label {
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  text-transform: uppercase;
  color: #111111;
  margin-bottom: 5px;
}

.consultation-form form input {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  height: 50px;
  width: 100%;
  overflow: hidden;
  outline: none;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  line-height: 30px;
  color: #111111;
  padding: 10px 15px;
  margin-bottom: 25px;
}

.consultation-dropdown {
  position: relative;
  width: 100%;
}

.consultation-dropdown::after {
  content: url(../images/corporate/dropdown-icon.svg);
  position: absolute;
  right: 20px;
  top: 11px;
}

.consultation-dropdown select {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  height: 50px;
  width: 100%;
  overflow: hidden;
  outline: none;
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  color: #111111;
  padding: 10px 15px;
  margin-bottom: 40px;
  -webkit-appearance: none;
}

.corporate-footer-top-section .row {
  margin: 0px !important;
}

.corporate-footer-top-section .col-md-4 {
  padding: 0px !important;
}

.corporate-footer-top-banner1 {
  background: url(../images/corporate/footer-top-bg1.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.corporate-footer-top-banner2 {
  background: url(../images/corporate/footer-top-bg2.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.corporate-footer-top-banner3 {
  background: url(../images/corporate/footer-top-bg3.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.corporate-footer-top-banner .overlay {
  height: 100%;
  width: 100%;
  height: 250px;
  background: -webkit-gradient(linear, left top, right top, from(#175FBA), color-stop(49.73%, rgba(23, 95, 186, 0.7)), to(#175FBA));
  background: linear-gradient(90deg, #175FBA 0%, rgba(23, 95, 186, 0.7) 49.73%, #175FBA 100%);
  overflow: hidden;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
  padding: 20px;
  padding: 20px;
  overflow: hidden;
}

.corporate-footer-top-banner .overlay p {
  margin-bottom: 0px;
}

.corporate-footer-top-banner .overlay h4 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-top: 160px;
  margin-bottom: 130px;
}

.corporate-footer-top-banner .corporate-footer-top-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.corporate-footer-top-banner:hover .corporate-footer-top-text h4 {
  margin-top: 0px;
  margin-bottom: 28px;
}

/*-- corporate index style end --*/
/*-- sass landing page start --*/
.top-notch-features-section {
  padding: 40px 0px;
  background: #f1f1f1;
}

.top-notch-card {
  background: #FFFFFF;
  border: 1px solid #E4E4E4;
  border-radius: 15px;
  margin-bottom: 30px;
  padding: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  min-height: 100%;
  text-align: center;
}

.top-notch-card:hover {
  -webkit-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  border: 1px solid transparent;
}

.top-notch-card h5 {
  margin-bottom: 15px;
  margin-top: 30px;
  text-align: center;
}

.top-notch-card p {
  margin-bottom: 0px;
}

.sass-choose-us-section {
  position: relative;
}

.sass-choose-us-section .choose-us-bg {
  position: absolute;
  top: 0px;
  width: 100%;
  min-height: 1554px;
}

.sass-choose-us-section .sidebar__inner {
  left: inherit !important;
}

.sass-choose-us-content ul {
  margin-top: 22px;
  margin-bottom: 40px;
  list-style: url(../images/icons/list-check.svg);
  max-width: 465px;
  width: 100%;
}

.sass-choose-us-content ul li {
  color: #111111;
  margin-bottom: 7px;
  padding-left: 8px;
}

.sass-choose-us-bottom {
  margin-bottom: 30px;
  max-width: 254px;
  width: 100%;
}

.sass-choose-us-bottom h5 {
  margin-top: 22px;
  margin-bottom: 16px;
}

.sass-choose-us-bottom p {
  margin-bottom: 0px;
}

.sass-choose-us-img {
  max-width: 550px;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.05));
          filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.05));
  border-radius: 20px;
}

.sass-choose-us-img img {
  width: 100%;
}

.chose-us-small-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  margin-top: -140px;
}

.chose-us-small-img .chose-us-img1 {
  margin-top: 0px;
  width: 50%;
}

.chose-us-small-img .chose-us-img2 {
  width: 100%;
  margin-left: auto;
  margin-top: 70px;
  width: 50%;
}

.sass-video-section {
  padding-top: 100px;
  padding-bottom: 109px;
}

.sass-video-container {
  padding: 23px;
  width: 100%;
  position: relative;
}

.sass-video-container .shape1 {
  position: absolute;
  z-index: 2;
  top: 50px;
  left: 125px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sass-video-container .shape2 {
  position: absolute;
  z-index: 2;
  bottom: 66px;
  left: 0px;
}

.sass-video-container .shape3 {
  position: absolute;
  z-index: 2;
  top: 177px;
  right: 0px;
}

.sass-video-container .shape4 {
  position: absolute;
  z-index: 0;
  bottom: 160px;
  right: 160px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sass-video-container .video-card {
  overflow: hidden;
  height: 450px;
  margin: auto;
  max-width: 770px;
  width: 100%;
  background: #D9D9D9;
  border-radius: 30px;
  z-index: 1;
  position: relative;
}

.sass-video-container .video-card video {
  -o-object-fit: fill;
     object-fit: fill;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.seamless-solutions-section {
  padding-bottom: 138px;
}

.seamless-solutions-section .container {
  position: relative;
}

.seamless-solutions-section .container .seamless-shape {
  position: absolute;
  right: 0px;
  top: -30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.seamless-card {
  padding: 60px 40px;
  background: #D9D9D9;
  border-radius: 30px;
  max-width: 560px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.seamless-card .card-bg {
  position: absolute;
  height: 150%;
  width: 100%;
  top: -15%;
  left: 0px;
  z-index: 0;
}

.seamless-card2 {
  margin-top: 100px;
}

.seamless-card span {
  position: relative;
  z-index: 1;
}

.seamless-card h3 {
  color: #ffffff;
  margin-bottom: 20px;
  margin-top: 37px;
  position: relative;
  z-index: 1;
}

.seamless-card p {
  margin-bottom: 41px;
  color: #ffffff;
  max-width: 473px;
  width: 100%;
  position: relative;
  z-index: 1;
}

.seamless-card a {
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 50px;
  padding: 17px 34px;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  text-align: center;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}

.seamless-card a img {
  margin-left: 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.seamless-card a:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.community-section {
  position: relative;
}

.community-section img.obj-left {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.community-section img.obj-right {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.community-content {
  text-align: center;
}

.community-content .community-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 100px;
  width: 100px;
  margin: auto;
  margin-bottom: 40px;
  border-radius: 50%;
}

.community-content h2 {
  font-size: 700;
  margin-bottom: 50px;
}

.community-content form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 470px;
  padding: 10px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
  border-radius: 35px;
  margin: auto;
  margin-bottom: 36px;
}

.community-content form input {
  border: none;
  outline: none;
  max-width: 100%;
  overflow: hidden;
}

.community-content form input[type=text] {
  background: transparent;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #111111;
  padding: 7px 13px;
}

.community-content form input[type=text]::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #111111;
}

.community-content form input[type=text]:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #111111;
}

.community-content form input[type=text]::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #111111;
}

.community-content form input[type=text]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #111111;
}

.community-content form input[type=text]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #111111;
}

.community-content form input[type=text]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #111111;
}

.community-content form input[type=submit] {
  background: #0555FF;
  border-radius: 25px;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  text-align: center;
  color: #FFFFFF;
  height: 50px;
  width: 140px;
}

.community-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: url(../images/icons/list-check.svg);
}

.community-content ul li {
  color: #111111;
  font-size: 500;
  margin-right: 50px;
}

.community-content ul li:nth-last-child(1) {
  margin-right: 0px;
}

.sass-testimonial-seciton .testimonial-card {
  background-color: #f5f8fd;
}

/*-- sass landing page end --*/
/*-- Defi landing page start --*/
.defi-safe-platform-section {
  margin-top: 102px;
  background: url(../images/defi/defi-safe-platform-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.defi-safe-platform-section .overlay {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(3.12%, #0D1014), color-stop(48.96%, rgba(13, 16, 20, 0.6)), color-stop(95.83%, #0D1014));
  background: linear-gradient(180deg, #0D1014 3.12%, rgba(13, 16, 20, 0.6) 48.96%, #0D1014 95.83%);
  padding-bottom: 55px;
  position: relative;
}

.defi-statistic-section {
  padding-top: 38px;
  padding-bottom: 133px;
}

.defi-statistic-card {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
  border-color: #141F1E;
  border-width: 1px;
  border-style: solid;
  border-radius: 90px;
  overflow: hidden;
  padding: 40px 44px;
}

.defi-statistic-card h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0px;
}

.defi-statistic-card p {
  font-size: 18px;
  margin-bottom: 0px;
  color: #ffffff;
}

.defi-safe-platform-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 60px;
}

.defi-safe-platform-img {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.08)), to(rgba(13, 16, 20, 0)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(13, 16, 20, 0) 100%);
  border-radius: 50px;
  margin-right: 19px;
  max-width: 100px;
  width: 100%;
  height: 217px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px 20px;
}

.defi-safe-platform-text h4 {
  color: #ffffff;
  margin-bottom: 26px;
}

.defi-safe-platform-text p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0px;
}

.defi-safe-platform-shape .galaxy1 {
  position: absolute;
  right: 15%;
  top: 30%;
}

.defi-safe-platform-shape .galaxy2 {
  position: absolute;
  bottom: -424px;
  left: 0px;
}

.defi-safe-platform-shape .rocket {
  position: absolute;
  bottom: 20%;
  left: 40%;
}

.defi-metaverse-card {
  padding: 100px;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 30px;
  margin-bottom: 50px;
  overflow: hidden;
}

.defi-metaverse-card .blur-shape {
  position: absolute;
  top: -25px;
  left: -10px;
  height: 100%;
  width: 70%;
  z-index: -1;
}

.defi-metaverse-card .card-left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.defi-metaverse-card .card-left-content .arrow {
  min-width: 36.56px;
}

.defi-metaverse-card .card-left-text {
  margin-left: 65px;
}

.defi-metaverse-card .card-left-text p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 55px;
}

.metavarse-card-img {
  max-width: 311px;
  margin-left: auto;
}

.defi-metaverse-card2 {
  border-radius: 30px;
  overflow: hidden;
  max-width: 750px;
  width: 100%;
  margin-bottom: 50px;
  position: relative;
}

.defi-metaverse-card2 .metavarse-card-bg2 {
  top: -20px;
  left: 0px;
  width: 100%;
  height: 150%;
  position: absolute;
  z-index: -1;
}

.defi-metaverse-card2 .overlay {
  background: rgba(13, 16, 20, 0.4);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 30px;
  height: 100%;
  width: 100%;
  padding: 68px 100px;
  position: relative;
  z-index: 2;
}

.defi-metaverse-card2 .card2-text h3 {
  line-height: 167%;
  color: #FFFFFF;
}

.defi-metaverse-card2 .card2-text p {
  margin-bottom: 27px;
  color: rgba(255, 255, 255, 0.8);
}

.defi-metaverse-card2 .card2-text a {
  color: #ffffff;
}

.defi-metaverse-card2 .card2-text a img {
  -webkit-filter: brightness(100);
          filter: brightness(100);
  margin-left: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.defi-metaverse-card2 .card2-text a:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.defi-metaverse-card2 .card2-img {
  max-width: 170px;
  margin-left: auto;
  margin-top: 16px;
}

.defi-metaverse-card3 {
  border-radius: 30px;
  overflow: hidden;
  max-width: 370px;
  width: 100%;
  margin-bottom: 50px;
  position: relative;
}

.defi-metaverse-card3 .metavarse-card-bg3 {
  top: -20px;
  left: -77px;
  min-width: 130%;
  min-height: 125%;
  position: absolute;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}

.defi-metaverse-card3 .overlay {
  background: rgba(77, 83, 84, 0.7);
  border-radius: 30px;
  height: 100%;
  width: 100%;
  padding: 68px 40px 45px 40px;
}

.defi-metaverse-card3 h3 {
  margin-bottom: 41px;
  color: #ffffff;
}

.defi-metaverse-card3 ul {
  margin-bottom: 0px;
  list-style: url(../images/defi/list-bulete.svg);
}

.defi-metaverse-card3 ul li {
  color: rgba(255, 255, 255, 0.8);
  line-height: 267%;
}

.ecosystem-section {
  padding-top: 82px;
  position: relative;
}

.ecosystem-section::before {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  z-index: 23;
  bottom: 225px;
  left: 0px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(13, 16, 20, 0)), color-stop(51.56%, rgba(55, 234, 142, 0.5)), to(rgba(13, 16, 20, 0)));
  background: linear-gradient(90deg, rgba(13, 16, 20, 0) 0%, rgba(55, 234, 142, 0.5) 51.56%, rgba(13, 16, 20, 0) 100%);
}

.ecosystem-section::after {
  content: '';
  position: absolute;
  height: 287px;
  width: 100%;
  z-index: 22;
  bottom: -60px;
  left: 0px;
  background: rgba(13, 16, 20, 0.7);
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
}

.ecosystem-section p {
  font-size: 18px;
  line-height: 200%;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  max-width: 779px;
  margin: auto;
  margin-bottom: 55px;
}

.ecosystem-text ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px;
  list-style: none;
  margin-bottom: 0px;
}

.ecosystem-text ul li {
  width: 20%;
  font-size: 18px;
  padding: 0px 12px;
  text-align: center;
  margin-bottom: 13px;
  color: #ffffff;
  line-height: 30px;
}

.ecosystem-content {
  max-width: 944px;
  margin: auto;
  text-align: center;
}

.ecosystem-content .globe-img {
  max-width: 450px;
  margin: auto;
  text-align: center;
  margin-top: -60px;
  position: relative;
  z-index: 1;
  border-radius: 50%;
}

.ecosystem-content .globe-img .cloud1 {
  position: absolute;
  top: 51px;
  left: 42px;
}

.ecosystem-content .globe-img .cloud2 {
  position: absolute;
  top: 150px;
  left: -27px;
}

.ecosystem-content .globe-img .cloud3 {
  position: absolute;
  top: 72px;
  right: -47px;
}

.ecosystem-content .globe-img .cloud4 {
  position: absolute;
  top: 175px;
  right: -20px;
}

.eco-line-pc {
  display: block;
}

.eco-line-mobile {
  display: none;
}

.defi-launchapp-btn {
  width: 220px;
  height: 60px;
  background: #37EA8E;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: capitalize;
  color: #111111 !important;
  position: relative;
  overflow: hidden;
  margin: auto;
  margin-bottom: 72px;
  font-weight: 700;
}

.defi-launchapp-btn img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-left: 14px;
}

.defi-launchapp-btn:hover {
  color: #111111;
}

.defi-launchapp-btn:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.defi-backed-section {
  position: relative;
  z-index: 111;
  margin-top: -115px;
  padding-bottom: 132px;
}

.defi-backed-list {
  padding-top: 10px;
}

.defi-backed-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding: 0px;
  margin: 0px;
  gap: 20px;
}

.defi-backed-list ul li {
  max-width: 218px;
  width: 100%;
  max-height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background: rgba(255, 255, 255, 0.04);
  min-height: 120px;
  padding: 20px 0px;
  border-radius: 20px;
  padding: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}

.defi-backed-list ul li::after {
  content: '';
  width: 100%;
  top: 0%;
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.15)), color-stop(49.48%, rgba(255, 255, 255, 0.075)), to(rgba(255, 255, 255, 0.15)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.075) 49.48%, rgba(255, 255, 255, 0.15) 100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 60px 0px;
  opacity: 0;
}

.defi-backed-list ul li img {
  z-index: 1;
  position: relative;
  opacity: 0.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.defi-backed-list ul li:hover::after {
  width: 100%;
  opacity: 1;
}

.defi-backed-list ul li:hover a img {
  -webkit-animation: imgHovEffect 200ms linear;
          animation: imgHovEffect 200ms linear;
  -webkit-transform: translateY(-111%);
          transform: translateY(-111%);
  opacity: 1;
}

.defi-backed-list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 30px;
  max-height: 30px;
  overflow: hidden;
}

.defi-backed-list ul li a img {
  margin-bottom: 5px;
}

@-webkit-keyframes imgHovEffect {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(-111%);
            transform: translateY(-111%);
  }
}

@keyframes imgHovEffect {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(-111%);
            transform: translateY(-111%);
  }
}

.latest-articles-section {
  padding-bottom: 140px;
}

.latest-articles-content {
  padding-bottom: 20px;
}

.latest-articles-card {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 30px;
}

.latest-articles-card .articles-img img {
  width: 100%;
}

.latest-articles-card .latest-articles-text {
  padding: 30px;
}

.latest-articles-card .latest-articles-text p {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0px;
}

.latest-articles-card .latest-articles-text h4 {
  margin-top: 11px;
  margin-bottom: 42px;
  color: #ffffff;
}

.latest-articles-card .latest-articles-text .articles-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.latest-articles-card .latest-articles-text .articles-footer p {
  color: rgba(255, 255, 255, 0.5);
}

.latest-articles-card .latest-articles-text .articles-footer a {
  opacity: 0.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.latest-articles-card .latest-articles-text .articles-footer a:hover {
  opacity: 1;
}

.defi-explore-article-btn {
  padding: 15px 51px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 270px;
  width: 100%;
  margin: auto;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.defi-explore-article-btn img {
  margin-left: 14px;
  -webkit-filter: brightness(100);
          filter: brightness(100);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.defi-explore-article-btn:hover {
  color: #ffffff;
}

.defi-explore-article-btn:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.defi-get-updates-section {
  position: relative;
}

.defi-get-updates-top {
  text-align: center;
  max-width: 912px;
  width: 100%;
  margin: auto;
  position: relative;
}

.defi-get-updates-top a img {
  margin-bottom: 36px;
}

.defi-get-updates-top .dotted-line {
  position: absolute;
  top: 0px;
  width: 100%;
  left: 0px;
  z-index: -1;
  top: -50px;
}

.defi-get-updates-form {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 35px;
  max-width: 570px;
  width: 100%;
  padding: 10px;
  margin: auto;
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.defi-get-updates-form input {
  width: 80%;
  border: none;
  outline: none;
  overflow: hidden;
  background: transparent;
  padding: 5px 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
}

.defi-get-updates-form input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.defi-get-updates-form input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.defi-get-updates-form input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.defi-get-updates-form input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.defi-get-updates-form button {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 35px;
  padding: 11px 38px;
  border: none;
  outline: none;
  overflow: hidden;
}

.defi-get-updates-form button:hover {
  opacity: 0.5s;
}

.defi-get-update-card {
  padding: 40px 30px 33px 30px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.defi-get-update-card h5 {
  color: #ffffff;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.defi-get-update-card h5 span {
  margin-right: 18px;
}

.defi-get-update-card h5 span img {
  max-width: 28px;
}

.defi-get-update-card p {
  margin-bottom: 0px;
  color: rgba(255, 255, 255, 0.8);
}

/*-- Defi landing page End --*/
/*-- about-us page style start --*/
/*-- customer-section start --*/
.customer-section {
  padding: 90px 0;
  text-align: center;
}

.customer-section .users-list {
  margin-bottom: 13px;
}

.customer-content-text h2 {
  margin-bottom: 37px;
}

.customer-content-text p {
  margin-bottom: 15px;
}

.customer-content-text .text-link {
  margin-top: 40px;
}

/*-- customer-section end --*/
/*-- about-feature-section start --*/
.about-feature-section {
  padding: 50px 0px;
  background: #f5f8fd;
}

.about-feature-title {
  margin-bottom: 50px;
}

.about-feature-title h3 {
  margin-bottom: 17px;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #0095ff;
}

.about-feature-tab .nav.nav-tabs {
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.about-feature-tab .nav.nav-tabs .nav-link {
  padding: 10px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  border: 1px solid #0000001a;
  border-radius: 26px;
  font-weight: 700;
  color: #000000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.about-feature-tab .nav.nav-tabs .nav-link.active {
  border: 1px solid #6f6f6f;
  background-color: #6f6f6f;
  color: #ffffff;
}

.about-feature-tab .tab-content {
  margin-top: 9px;
}

.about-feature-tab .about-feature-tab-content h4 {
  margin-bottom: 20px;
  color: #111111;
}

.about-feature-tab .about-feature-tab-content p {
  color: #444444;
  margin-bottom: 0px;
}

.about-feature-tab .about-feature-tab-content .list {
  padding: 0;
  list-style: none;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 75px;
}

.about-feature-tab .about-feature-tab-content .list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}

.about-feature-tab .about-feature-tab-content .list .list-item img {
  width: 50px;
  height: 50px;
  padding: 15px;
  border: 1px solid #0095ff4d;
  border-radius: 10px;
}

.about-feature-tab .about-feature-tab-content .list .list-item p {
  margin-bottom: 0;
  color: #000000;
}

.about-feature-img {
  position: relative;
  /* pie progress */
}

.about-feature-img .overlay-item {
  position: absolute;
}

.about-feature-img .overlay-item.reduction-time {
  top: 10px;
  left: 0;
}

.about-feature-img .overlay-item.success-rate {
  bottom: 30px;
  right: 30px;
}

.about-feature-img .overlay-item.wave-shape {
  top: 50%;
  left: -50px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.about-feature-img .reduction-time {
  width: 170px;
  height: 90px;
  border-radius: 0 45px 0 0;
  background-color: #ffffff;
  padding: 24px 24px 24px 0;
}

.about-feature-img .reduction-time-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about-feature-img .reduction-time h3 {
  margin-bottom: 10px;
  line-height: 20px;
}

.about-feature-img .reduction-time p {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.about-feature-img .success-rate {
  width: 170px;
  height: 170px;
}

.about-feature-img .success-rate-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.about-feature-img .pie_progress {
  width: 130px;
  height: 130px;
  margin: auto 0;
  background-color: transparent;
}

.about-feature-img .pie_progress__label {
  margin-top: 0px;
}

.about-feature-img .pie_progress__label h3 {
  margin-bottom: 0;
  line-height: 1.1;
  color: #000000;
}

.about-feature-img .pie_progress__label p {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

/*-- about-feature-section end --*/




/*-- contact-us page style start --*/
/*-- contact-section start --*/
.contact-section {
  padding: 40px 0 55px 0;
  position: relative;
  z-index: 4;
}

.contact-img {
  margin-right: 50px;
  position: relative;
}

.contact-img > img {
  width: 100%;
}

.contact-img .overlay-item {
  position: absolute;
}

.contact-img .overlay-item .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.contact-img .overlay-item.shape-1 {
  bottom: 130px;
  right: 0;
}

.contact-img .overlay-item.shape-1 .icon img {
  width: 42px;
  height: 36px;
}

.contact-img .overlay-item.shape-2 {
  bottom: 0;
  left: 186px;
}

.contact-img .overlay-item.shape-2 .icon img {
  width: 20px;
  height: 20px;
}

.contact-content-title {
  margin-bottom: 35px;
}

.contact-content h3 {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #0095ff;
}






.bg-blue-btn {
  padding: 18px 46px;
  background-color: #ec6502;
  border-radius: 100px;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  z-index: 0;
  font-weight: 700;
}


.marketing-badge {
  border-radius: 0px 20px 0px 0px;
  background-color: #ec6502;
  padding: 0 10px;
  color: #fff;
}

.marketing-badge.v2 {
  display: inline-block;
  position: relative;
}

.marketing-badge.v2::before {
  position: absolute;
  content: url("../images/icons/polygon.svg");
  top: -15px;
  right: -15px;
  width: 24px;
  height: 24px;
  line-height: 0;
  -webkit-animation: badgeAnimate 2s infinite ease-in-out;
          animation: badgeAnimate 2s infinite ease-in-out;
}



.form-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}

.form-input label {
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  text-transform: uppercase;
  color: #111111;
}

.form-input input,
.form-input textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 10px 15px;
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  color: #111111;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.form-input textarea {
  resize: none;
}

.form-input-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

.form-input-between .form-input {
  width: 100%;
}



@-webkit-keyframes smothShow {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: -10px;
  }
}

@keyframes smothShow {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: -10px;
  }
}

.section-title p {
  margin-bottom: 5px;
  font-size: 18px;
}

.section-title.v8 p {
  color: #0DAC81;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
}

.section-title.v8.title2 p {
  color: #AAEF69;
}

.section-title.v8.title2 h2 {
  color: #ffffff;
}

/*-- section-title style --*/
.section-title {
  margin-bottom: 38px;
}

.section-title .sub-title {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #0095ff;
  letter-spacing: 0.2em;
  margin-bottom: 12px;
  display: block;
}

.section-title .green-color {
  color: #44C486;
}

.section-title .green-lite {
  color: #AAEF69;
}

.section-title .title {
  line-height: 1.55;
}

.section-title .title .caveat {
  font-size: 50px;
  line-height: 50px;
}

.section-title h6 {
  margin-top: 12px;
}

.section-title h5 {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-top: 12px;
}

.section-title .love-icon svg {
  color: #ec6502;
}

.section-title.crypto .sub-title {
  color: #01FFB0;
}

.section-title.crypto .title {
  color: #ffffff;
}

.section-title.crypto2 .sub-title {
  color: #4541FE;
}

.section-title.crypto2 .title {
  color: #111111;
}

.section-title.crypto2.title-green .sub-title {
  color: #9FE870;
}

.section-title.crypto2.title-green .title {
  color: #ffffff;
}

.section-title.corporate .sub-title {
  color: #5ECC62;
}

.section-title.corporate .title {
  color: #111111;
}

.section-title.sass .sub-title {
  color: #0555FF;
}

.section-title.sass .title {
  color: #111111;
}

.section-title.defi .sub-title {
  color: #37EA8E;
}

.section-title.defi .title {
  color: #ffffff;
}

.section-title.defi .title span.liniar {
  background: -webkit-gradient(linear, left top, right top, color-stop(35.54%, #37EA8E), color-stop(65.12%, #BDF93F));
  background: linear-gradient(90deg, #37EA8E 35.54%, #BDF93F 65.12%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.lets-talk-section {
  margin: 140px 0px;
}

.lets-talk-content {
  background: #004D42;
  border-radius: 30px;
  padding: 0px 70px;
  overflow: hidden;
}

.lets-talk-text {
  padding: 54px 0px 70px 0px;
}

.lets-talk-text h2 {
  color: #ffffff;
  margin-bottom: 34px;
}

.lets-talk-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
}

.benefits-section {
  background: #ffffff;
}

.benefits-content {
  padding-top: 28px;
}

/*-- benefits-img --*/
.benefits-left-section {
  background: #ECF1F1;
  border-radius: 30px;
}

.benefits-img-bg {
  background: transparent;
  padding: 40px;
  position: relative;
}

.benefits-img-bg .benefits-img-tag {
  position: absolute;
  background: #B2EDA1;
  color: #444444;
  border-radius: 20px;
  padding: 10px 23px;
  z-index: 111;
}

.benefits-img-bg .benefits-img-tag1 {
  right: 40px;
  top: 20%;
}

.benefits-img-bg .benefits-img-tag2 {
  right: 40px;
  top: 31%;
}

.benefits-img-bg .benefits-img-tag3 {
  left: 20%;
  bottom: 40px;
}

.benefits-img-bg.benefits-img-bg2 .benefits-img-tag1 {
  left: 40px;
  top: 8%;
  right: auto !important;
}

.benefits-img-bg.benefits-img-bg2 .benefits-img-tag2 {
  left: 40px;
  top: 21%;
  right: auto !important;
}

.benefits-img-bg.benefits-img-bg2 .benefits-img-tag3 {
  left: 40px;
  top: 37%;
  bottom: auto !important;
}

.benefits-img-bg.benefits-img-bg2 .benefits-img-chart {
  position: absolute;
  left: 40px;
  z-index: 111;
  bottom: 16%;
}

.benefits-img-bg.benefits-img-bg2 .benefits-img {
  margin-left: auto;
}

.benefits-img-bg.benefits-img-bg3 .benefits-img-tag1 {
  right: 40px;
  top: auto;
  bottom: 35%;
}

.benefits-img-bg.benefits-img-bg3 .benefits-img-tag2 {
  right: 40px;
  top: auto;
  bottom: 21%;
}

.benefits-img-bg.benefits-img-bg3 .benefits-img-tag3 {
  right: 40px;
  left: auto;
  top: auto;
  bottom: 8%;
}

.benefits-img-bg.benefits-img-bg3 .benefits-img-chart {
  position: absolute;
  left: 40px;
  z-index: 111;
  bottom: 16%;
  left: 40px;
}

.benefits-img-bg.benefits-img-bg4 .benefits-img-tag1 {
  left: 20%;
  top: 9%;
  right: auto !important;
}

.benefits-img-bg.benefits-img-bg4 .benefits-img-tag2 {
  left: auto !important;
  top: 9%;
  right: 40px;
}

.benefits-img-bg.benefits-img-bg4 .benefits-img-tag3 {
  left: auto !important;
  top: 35%;
  right: 40px;
  bottom: auto;
}

.benefits-img-bg.benefits-img-bg4 .benefits-img-chart {
  position: absolute;
  left: auto;
  right: 40px;
  z-index: 111;
  bottom: 16%;
}

.benefits-img-bg .benefits-img {
  border-radius: 10px;
  border-bottom-right-radius: 50%;
  max-width: 90%;
}

.benefits-img-bg .benefits-img > img {
  height: 100%;
  width: 390px;
  max-width: 100%;
  overflow: hidden;
}

/*-- benefits-faq --*/
.benefits-faq {
  padding-left: 50px;
}

.benefits-faq .slider-benefits-content {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.benefits-faq .benefits-slider-nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 26px 0px;
}

.benefits-faq .benefits-slider-nav .benefits-nav-btn {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #111111;
  position: relative;
  width: 100%;
  text-align: left;
}

.benefits-faq .benefits-slider-nav .benefits-nav-btn::after {
  position: absolute;
  content: url(../images/icons/accordion-plus.png);
  top: 2px;
  right: 0;
  width: 20px;
  height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.benefits-faq .benefits-slider-nav .benefits-nav-content {
  height: 0px;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.benefits-faq .benefits-slider-nav .benefits-nav-content p {
  padding-top: 15px;
  max-width: 515px;
  width: 100%;
}

.benefits-faq .benefits-slider-nav.slick-current {
  padding-bottom: 22px;
  opacity: 1;
  position: relative;
}

.benefits-faq .benefits-slider-nav.slick-current::after {
  position: absolute;
  bottom: -1px;
  left: 0px;
  content: "";
  height: 1px;
  width: 30%;
  background: #44C486;
  animation: lineProgress 3.5s linear infinite;
  -webkit-animation: lineProgress 3.5s linear infinite;
}

.benefits-faq .benefits-slider-nav.slick-current .benefits-nav-btn::after {
  content: url(../images/icons/accordion-minus-green.png);
  top: -7px;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.benefits-faq .benefits-slider-nav.slick-current .benefits-nav-content {
  height: auto;
}

.benefits-faq .slick-list {
  padding: 0 !important;
}

.benefits-faq .slick-slide {
  width: 100% !important;
}

.benefits-faq .slick-track {
  width: 100% !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.v6-top-section {
  background: transparent;
  position: relative;
  z-index: 2;
}

.h6-bottom-section {
  background-color: #ecf1f1;
}

.v6-bottom-section {
  background: #ECF1F1;
  position: relative;
  z-index: 1;
}

/*-- customers-quote-section --*/
.customers-quote-section {
  padding-top: 120px;
  padding-bottom: 132px;
}

.customers-quote-card {
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  height: auto;
  position: relative;
  overflow: hidden;
}

.customers-quote-card .customers-quote-bg {
  position: absolute;
  left: 9%;
  bottom: 117px;
}

.customers-quote-card .customers-quote-bg img {
  height: 100%;
  width: 100%;
}

.customers-quote-card .quote-icon {
  position: absolute;
  top: 18%;
  right: 46%;
}

.customers-quote-card::before {
  content: url(../images/finance-index/card-quote-img.png);
  position: absolute;
  left: 0px;
  top: 48px;
  z-index: 0;
}

.customers-quote-card .customers-quote-content {
  padding-top: 100px;
  padding-bottom: 49px;
  padding-right: 50px;
  position: relative;
  z-index: 2;
}

/*-- customers-quote-img --*/
.customers-quote-img {
  position: relative;
  min-height: 298px;
  max-width: 320px;
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.customers-quote-img .quote-customers-img {
  position: relative;
  z-index: 2;
}

/*-- customers-quote-text --*/
.customers-quote-text {
  max-width: 520px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.customers-quote-text .quote-icon {
  margin-bottom: 42px;
}

.customers-quote-text p {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
  color: #111111;
  margin-bottom: 27px;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.customers-quote-text .quote-customer-name {
  color: #111111;
  font-family: "DM Sans", sans-serif;
}

.customers-quote-text .quote-customer-name .name {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  display: block;
}

.customers-quote-text .quote-customer-name .duration {
  display: block;
}

/*-- customers-quote-card-footer --*/
.customers-quote-card-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px 38px;
  position: relative;
}

.customers-quote-card-footer::before {
  position: absolute;
  top: -2px;
  left: 0px;
  content: "";
  height: 2px;
  width: 30%;
  background: #44C486;
  animation: lineProgress 12s linear infinite;
  -webkit-animation: lineProgress 12s linear infinite;
}

.customers-quote-card-footer .quote-slider-nav img {
  margin: auto;
}

.customers-quote-card-footer .slick-list {
  padding: 0 !important;
}

.customers-quote-card-footer .slick-track {
  width: 100% !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}

.customers-quote-card-footer .slide-item {
  cursor: pointer;
  opacity: 0.6;
}

.customers-quote-card-footer .slide-item.slick-current {
  opacity: 1;
}

@-webkit-keyframes lineProgress {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes lineProgress {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

.blog-post-section {
  padding-bottom: 110px;
}

.blog-post-card {
  overflow: hidden;
  padding: 30px;
  border-radius: 30px;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.blog-post-card.blog-post-card1 {
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.blog-post-card.blog-post-card1 .card-title h6 {
  color: #44C486;
}

.blog-post-card.blog-post-card1 .card-footer .user span {
  color: #111111;
}

.blog-post-card.blog-post-card1 .card-footer h5 {
  color: #444444;
  opacity: 0.8;
}

.blog-post-card.blog-post-card2 {
  background: url(../images/finance-index/blog-post-card-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.blog-post-card.blog-post-card3 {
  background: #B2EDA1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.blog-post-card.blog-post-card3 .card-title {
  color: #004D42;
}

.blog-post-card.blog-post-card3 .card-footer {
  color: #111111;
}

.blog-post-card .card-title h6 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.blog-post-card .card-title h4 {
  margin-bottom: 25px;
}

.blog-post-card .card-title h4:hover {
  opacity: 0.8;
}

.blog-post-card .card-title h3 {
  margin-bottom: 25px;
}

.blog-post-card .card-title h3:hover {
  opacity: 0.8;
}

.blog-post-card p {
  padding-bottom: 15px;
}

.blog-post-card .card-footer {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.blog-post-card .card-footer .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}

.blog-post-card .card-footer .user span {
  font-weight: 700;
}

.blog-post-card .card-footer .user .user-img {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.blog-post-card .card-footer .user .user-img img {
  height: 100%;
  width: 100%;
}

.blog-post-card .card-footer .blog-date {
  color: #999999;
}

.disclaimer-section {
  padding: 53px 0 60px 0;
  background-color: #ecf1f1;
}

.disclaimer-text {
  font-family: "DM Sans", sans-serif;
}

.disclaimer-text h6 {
  font-weight: 700;
  margin-bottom: 11px;
}

.disclaimer-text p {
  font-size: 14px;
  margin-bottom: 20px;
}

.theme-btn.primary-bg {
    border: 1px solid transparent;
    background-color: #0095ff;
    color: #ffffff !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    z-index: 0;
    overflow: hidden;
    font-weight: 700;
}

.theme-btn {
    border-radius: 50px;
    border: 1px solid transparent;
    padding: 12px 39px;
    background-color: #ec6502;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
    color: #ffffff !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}















.staco-scroll-top > svg path {
  fill: none;
}

.staco-scroll-top > svg.progress-circle path {
  stroke: #F44336;
  stroke-width: 4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}







@media (min-width: 1px) {
  .staco-scroll-top.progress-done {
    opacity: 1;
  }
}



/*--------------------------------
05. Utilities style
--------------------------------*/
/*-- margin style --*/
.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}
section.hero-section-index5:before {
    position: absolute;
    content: '';
    background: #fffffff0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
a.navbar-brand.header-logo img {
    width: 290px;
}
.info_con .list-item {
    display: flex;
    gap: 17px;
    align-items: center;
}
.info_con ul.list li {
    list-style: none;
}

.info_con .list-text p {
    margin-bottom: 0;
}
.icos {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.icos img {
    width: 64px;
}

.statistics-text {
    text-align: center;
}

.corporate-testiminials-content p {
    color: #000;
}
.row.serv {
    align-items: center;
    margin: 55px 0px;
    padding: 26px 0px;
}
h3.sub_t {
    color: #ec6502;
    text-align: center;
   
}
.brands-section-title.brands-section-title-index2 p {
    font-size: 18px;
}
.port_fo {
    display: flex;
    gap: 10px;
    padding: 26px 0px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro_j {
    width: 273px;
    overflow: hidden;
}
select {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 10px 15px;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
    color: #111111;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.compare-price-list ul li img {
    width: 27px;
    margin-right: 7px;
}
.list-icon img {
    width: 36px;
}
.contact-content-body {
    background: #fff;
    padding: 18px;
    border-radius: 9px;
}
a.chatbot-footer-logo img {
    width: 242px;
}
.locate h2 {
    font-size: 17px;
}

.locate ul li {
    display: flex;
    width: 100%;
    gap: 10px;
    align-items: center;
}

.locate ul li img {
    width: 46px;
}
.footer-copyright.sass a {
    color: #ec6502;
}
.align-item-center
{
	align-items:center;
}

.brands-slider-container {
    width: calc(574px * 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0px;
    -webkit-animation: smoothSlider 25s infinite linear;
    animation: smoothSlider 25s infinite linear;
}
.brands-slider .slider-item {
    width: 400px;
    
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.brands-slider {
    position: relative;
    width: 100%;
    height: 50px;
    overflow: hidden;
}
.brands-section {
    padding: 66px 0px 66px 0px;
}
.brands-slider::before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  width: 120px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.brands-slider::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  right: 0;
  width: 120px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.brands-slider.sass::after {
  background: -webkit-gradient(linear, right top, left top, from(#F2F6FD), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #F2F6FD 0%, rgba(255, 255, 255, 0) 100%);
}

.brands-slider.sass::before {
  background: -webkit-gradient(linear, right top, left top, from(#F8FBFF), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #F8FBFF 0%, rgba(255, 255, 255, 0) 100%);
}
@-webkit-keyframes smoothSlider {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-200px * 6));
            transform: translateX(calc(-200px * 6));
  }
}

@keyframes smoothSlider {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-200px * 6));
            transform: translateX(calc(-200px * 6));
  }
}
/*-- staco-scroll-top start --*/
.staco-scroll-top {
  position: fixed;
  right: 30px;
  bottom: 25px;
  width: 45px;
  height: 45px;
  cursor: pointer;
  display: block;
  border-radius: 100%;
  -webkit-box-shadow: inset 0 0 0 0.1rem rgba(128, 130, 134, 0.25);
          box-shadow: inset 0 0 0 0.1rem rgba(128, 130, 134, 0.25);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(0.75rem);
          transform: translateY(0.75rem);
  -webkit-transition: all .2s linear,margin-right 0s;
  transition: all .2s linear,margin-right 0s;
}

.staco-scroll-top.progress-done {
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.staco-scroll-top-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  color: rgb(236 101 2);
}

.staco-scroll-top-icon.v6 {
  color: rgba(0, 77, 66, 0.8);
}

.staco-scroll-top-icon.v8 {
  color: rgba(13, 172, 129, 0.8);
}

.staco-scroll-top-icon.chatbot {
  color: #041646;
}

.staco-scroll-top-icon.crypto {
  color: #01FFB0;
}

.staco-scroll-top-icon.crypto2 {
  color: #4541FE;
}

.staco-scroll-top-icon.corporate {
  color: #5ECC62;
}

.staco-scroll-top-icon.crypto-token {
  color: #BFFF0A;
}

.staco-scroll-top-icon.nft {
  color: #5F5FFF;
}

.staco-scroll-top-icon.sass {
  color: #0555FF;
}

.staco-scroll-top > svg path {
  fill: none;
}

.staco-scroll-top > svg.progress-circle path {
  stroke: rgb(236 101 2);
  stroke-width: 4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.staco-scroll-top.v6 > svg.progress-circle path {
  stroke: rgba(0, 77, 66, 0.8);
}

.staco-scroll-top.v8 > svg.progress-circle path {
  stroke: rgba(13, 172, 129, 0.8);
}

.staco-scroll-top.chatbot > svg.progress-circle path {
  stroke: rgba(4, 22, 70, 0.8);
}

.staco-scroll-top.crypto > svg.progress-circle path {
  stroke: #01FFB0;
}

.staco-scroll-top.crypto2 > svg.progress-circle path {
  stroke: #4541FE;
}

.staco-scroll-top.corporate > svg.progress-circle path {
  stroke: #5ECC62;
}

.staco-scroll-top.crypto-token > svg.progress-circle path {
  stroke: #BFFF0A;
}

.staco-scroll-top.nft > svg.progress-circle path {
  stroke: #5F5FFF;
}

.staco-scroll-top.sass > svg.progress-circle path {
  stroke: #0555FF;
}

@media (min-width: 1px) {
  .staco-scroll-top.progress-done {
    opacity: 1;
  }
}
.bnd {
    display: block;
    margin: auto;
    width: 297px;
    padding: auto;
}
.shake {
  animation: shake-animation 2.72s ease infinite;
  transform-origin: 50% 50%;
}
@keyframes shake-animation {
   0% { transform:translate(0,0) }
  1.78571% { transform:translate(5px,0) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(5px,0) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(5px,0) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}

.top-notch-card img {
    width: 50px;
    /* background: red; */
    filter: invert(1);
}
.top-notch-card:hover.top-notch-card span img {
    -webkit-transform: scale(-1) rotate(180deg)!important;
    -moz-transform: scale(-1) rotate(180deg)!important;
    -ms-transform: scale(-1) rotate(180deg)!important;
    -o-transform: scale(-1) rotate(180deg)!important;
    transform: scale(-1) rotate(180deg)!important;
}
.top-notch-card img {
    transition: all 0.5s;
}
.top-notch-card span {
    background: #6f6f6f;
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: block;
    text-align: center;
    border-radius: 50%;
    margin: auto;
}
.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}
.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.lightbox {
position: static; }
a.priv {
    color: #ec6502;
    font-weight: 700;
    font-size: 17px;
    border-bottom: 1px solid #ff000059;
    padding-bottom: 9px;
}
.human-heart {
  
  animation: 1.2s infinite beatHeart;
}


@keyframes beatHeart {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  40% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}



.full-image img {
    
    padding: 82px 0px;
    
}
.footer-copyright.sass.text-center {
    display: flex;
    justify-content: space-between;
    padding-bottom: 14px;
    align-items: center;
}



.align-items-center
{align-items:center;}    
/* }.nm_tex */
/* {display:none;position: absolute;z-index: 1;top: 0;background: #04040494;width: 100%;height: 100%;text-align: center;line-height: 50%;color: #fff;} */
/* .img_p:hover .nm_tex */
/* {display:block;} */
/* .img_p{ */
	/* position:relative; */
/* } */
@media screen and (max-width: 768px) {
 
  .container, .container-sm {
    max-width: 96%!important;
	margin:auto!important;
}
h2 {
    font-size: 29px;
}
h4 {
    font-size: 19px;
}
}
@media screen and (max-width: 567px) {
 
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { margin-right: 0;
    margin-left: 0 ;
}
a.navbar-brand.header-logo img {
    width: 216px;
}
.header-section.v5 {top: 0px;}
.header-section:not(.v6) {padding: 4px 0px!important;}
.header-section .header-navbar-container {justify-content: space-between;  gap: 0px;}
.v5banner-text {
    padding: 1px 62px;
}
.hero-section-index5 .index5-hero-content .v5banner-text .banner-title {
    font-size: 32px!important;
  }
  .hero-section-index5 .index5-hero-content .v5banner-text .banner-title .brack-text{font-size: 40px!important;}
  .statistics-text p {
    font-size: 17px;
    line-height: 21px;
    margin-top: 8px;
}
.hero-section-index5 {
   padding-bottom: 0px!important; 
}
.pro_j {
    width: 232px;
}
.testimonial-card-left {
    min-height: 0px!important;
   height: 0px!important;
   padding:0px!important;
  
}
.footer-copyright.sass.text-center {
   
    font-size: 10px;
}
a.priv {
    
    font-size: 13px;
    
}
}

@media screen and (max-width: 425px){
.pro_j {
    width: 168px;
}
.contact-section {
    padding: 33px 0 30px 0;
}
.md-pb-80 {
    padding-bottom: 24px !important;
}
.top-notch-features-section {
    padding: 39px 0px 9px 0px;
}
.icos img {
    width: 41px;
}
.statistics-text p {
    font-size: 13px;
  
    margin-top: 8px;
}
.v5banner-text {
    padding: 1px 8px;
}
.hero-section-index5 .index5-hero-content .v5banner-text .banner-title .brack-text{font-size: 32px!important;}
.list-text {
    font-size: 10px;
}

.list-icon img {
    width: 31px;
}
a.navbar-brand.header-logo img {
    width: 164px;
}
}