/*------------------------------------------------------------------------------------
Theme Name: staco
Theme URL: #
Author: uigigs
Author URL: https://themeforest.net/user/uigigs/portfolio
version: 1.0.0
------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
CSS table of content

01. Settings style
02. Base style
03. Sections style
04. Components style
05. Utilities style
------------------------------------------------------------------------------------*/
/*--------------------------------
01. Settings style
--------------------------------*/
/*-- font family included --*/
/*-- DM Sans font family --*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
/*-- Montserrat Alternates font family --*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@100;200;300;400;500;600;700;800;900&display=swap");
/*-- Montserrat Alternates font family --*/
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap");
/*-- Fira Code font family --*/
@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap");
/*-- Caveat font family --*/
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap");
/*-- Quantico --*/
@import url("https://fonts.googleapis.com/css2?family=Quantico:wght@400;700&display=swap");
/*-- inter --*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
/*--------------------------------
02. Base style
--------------------------------*/
/*-- reset style start --*/
* {
  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: #ffffff;
}

.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;
}

/*-- Lib custom End --*/
/*-- Dark Mood --*/
body.dark-scheme,
html.dark-scheme body {
  color: #999999;
}

body.dark-scheme h1,
body.dark-scheme h2,
body.dark-scheme h3,
body.dark-scheme h4,
body.dark-scheme h5,
body.dark-scheme h6,
html.dark-scheme body h1,
html.dark-scheme body h2,
html.dark-scheme body h3,
html.dark-scheme body h4,
html.dark-scheme body h5,
html.dark-scheme body h6 {
  color: #ffffff;
}

/*-- reset style end --*/
.rotate-icon-btn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.rotate-icon-btn .rotate-icon {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.rotate-icon-btn .icon {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.rotate-icon {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*-- feature-team-section style start --*/
.feature-team-section {
  padding: 120px 0;
  background-color: #f8f0e6;
}

.feature-team-section.newsletter {
  background: #ffffff;
}

.feature-team-section.v6 {
  background: #ffffff;
}

.feature-team-section.v6 .section-title.v6 p {
  color: #44C486;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
}

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

.feature-team-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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
}

.feature-team-slider-nav .slider-item {
  cursor: pointer;
  width: 17.54% !important;
  height: 460px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.feature-team-slider-nav .slider-item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.feature-team-slider-nav .slider-item::after {
  position: absolute;
  content: url("../images/icons/arrow-right-white.svg");
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}

.feature-team-slider-nav .slider-item .slider-progress {
  position: absolute;
  overflow: hidden;
  content: "";
  bottom: 30px;
  left: 20px;
  width: calc(100% - 40px);
  height: 8px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.feature-team-slider-nav .slider-item .slider-progress .progress-done {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #ffffff80;
}

.feature-team-slider-nav .slider-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.feature-team-slider-nav .slider-item.slick-current {
  width: 57.89% !important;
}

.feature-team-slider-nav .slider-item.slick-current::before, .feature-team-slider-nav .slider-item.slick-current::after {
  opacity: 0;
}

.feature-team-slider-nav .slider-item.slick-current .slider-progress {
  opacity: 1;
}

.feature-team-slider-nav .slider-item.slick-current .slider-progress .progress-done {
  -webkit-animation: featureTeamProgress 6.4s infinite linear;
          animation: featureTeamProgress 6.4s infinite linear;
}

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

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

.feature-team-slider-for .slider-item h2 {
  margin-bottom: 40px;
  font-family: "Montserrat Alternates";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 60px;
  color: #111111;
}

.feature-team-slider-for .slider-item ul {
  padding: 0;
  margin: 0;
  margin-top: 30px;
  max-width: 354px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
}

.feature-team-slider-for .slider-item ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 15px;
  line-height: 26px;
  color: #111111;
}

.feature-team-slider-for .slider-item ul li svg {
  font-size: 18px;
  color: #0ec36b;
}

/*-- feature-team-section style end --*/
/*-- integration-element-section start --*/
.integration-element-section {
  padding: 120px 0;
  background-color: #242549;
  position: relative;
  z-index: 0;
}

.integration-element-section.chatbot {
  background-color: #061C23;
}

.integration-element-section.chatbot .integrate-element-list .list-item {
  background: #19353E;
}

.integration-element-section.chatbot .explore-btn {
  background: #19353E;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.integration-element-section.chatbot .explore-btn:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.integration-element-section.chatbot .bg-shape .bg-line {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 566px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}

.integration-element-section .bg-img {
  position: absolute;
  z-index: -1;
}

.integration-element-section .bg-img.img-1 {
  top: 170px;
}

.integration-element-section .bg-img.img-2 {
  top: 52%;
  left: 4%;
}

.integration-element-section .bg-img.img-3 {
  bottom: 0;
  left: 22%;
}

.integrate-element-list {
  position: relative;
  top: 0;
}

.integrate-element-list .list-item {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #2d2e50;
  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: absolute;
}

.integrate-element-list .list-item img {
  width: 45px;
  height: 45px;
}

.integrate-element-list .list-item:nth-child(1) {
  top: 220px;
  left: 10%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.integrate-element-list .list-item:nth-child(2) {
  top: 110px;
  left: 22%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.integrate-element-list .list-item:nth-child(3) {
  top: 30px;
  left: 35%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.integrate-element-list .list-item:nth-child(4) {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.integrate-element-list .list-item:nth-child(5) {
  top: 30px;
  right: 35%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

.integrate-element-list .list-item:nth-child(6) {
  top: 110px;
  right: 22%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

.integrate-element-list .list-item:nth-child(7) {
  top: 220px;
  right: 10%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

.integration-element-title {
  margin-top: 153px;
  margin-bottom: 110px;
  text-align: center;
  position: relative;
  z-index: 1;
}

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

.integration-element-title h2 {
  font-family: "Montserrat Alternates";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 60px;
  color: #ffffff;
}

.integration-element-button {
  text-align: center;
  position: relative;
  z-index: 1;
}

/*-- 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-sticky {
  position: sticky;
}

.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.sticky .bg-skyblue-btn {
  background: #0095ff;
  color: #ffffff !important;
  position: relative;
  z-index: 0;
}

.header-section.sticky .bg-skyblue-btn span {
  color: #ffffff;
}

.header-section.sticky .bg-skyblue-btn:hover {
  background: #0095ff;
}

.header-section.sticky .bg-skyblue-btn:hover span {
  color: #ffffff;
}

.header-section.sticky .bg-skyblue-btn:hover::before {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.header-section.sticky .bg-skyblue-btn::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header-section.sticky.sass-landing .bg-white-btn {
  background: #0555FF !important;
}

.header-section.v1 .logo-dark {
  display: none;
}

.header-section.v1 .main-menu .submenu li a {
  color: #444444;
}

.header-section.v1 .main-menu .submenu li a:hover {
  color: #111111;
}

.header-section.v1.sticky {
  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);
}

.header-section.v1.sticky .menu-toggler svg {
  color: #000000;
}

.header-section.v1.sticky .header-extra {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-section.v1.sticky .header-extra li a {
  color: #111111;
}

.header-section.v1.sticky .header-extra li a:hover {
  color: #444444;
}

.header-section.v1.sticky .main-menu li a {
  color: #111111;
}

.header-section.v1.sticky .main-menu li a:hover {
  color: #444444;
}

.header-section.v1.sticky .dropdown-toggle::after {
  -webkit-filter: none;
          filter: none;
}

.header-section.v1.sticky .bg-white-btn {
  background: #0095ff;
  color: #ffffff !important;
  position: relative;
  z-index: 0;
}

.header-section.v1.sticky .bg-white-btn span {
  color: #ffffff;
}

.header-section.v1.sticky .logo-light {
  display: none;
}

.header-section.v1.sticky .logo-dark {
  display: block;
}

.header-section.v2 .main-menu .submenu li a {
  color: #444444;
}

.header-section.v2 .main-menu .submenu li a:hover {
  color: #111111;
}

.header-section.v2.sticky {
  background-color: #ffffff99;
  -webkit-box-shadow: 0px 10px 15px #0000000d;
          box-shadow: 0px 10px 15px #0000000d;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.header-section.v2 .main-menu li a {
  color: #111111;
}

.header-section.v2 .main-menu li a:hover {
  color: #444444;
}

.header-section.v2 .header-extra li a {
  color: #111111;
}

.header-section.v2 .header-extra li a:hover {
  color: #444444;
}

.header-section.v2 .dropdown-toggle::after {
  -webkit-filter: none;
          filter: none;
}

.header-section.v2 .submenu {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 15px #00000014;
          box-shadow: 0px 10px 15px #00000014;
}

.header-section.terms-and-service {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.header-section.v4 .header-extra li a {
  color: #ffffff;
}

.header-section.v4 .header-extra li a:hover {
  color: #ffffff;
}

.header-section.v4.sticky .header-extra li a {
  color: #111111;
}

.header-section.v4.sticky .header-extra li a:hover {
  color: #444444;
}

.header-section.v4.sticky .talk-btn {
  background-color: #0095ff;
}

.header-section.v4.sticky .talk-btn:hover, .header-section.v4.sticky .talk-btn:focus {
  color: #ffffff !important;
}

.header-section.v4.sticky .talk-btn:hover span, .header-section.v4.sticky .talk-btn:focus span {
  color: #ffffff;
}

.header-section.v5 {
  top: 35px;
  padding: 15px 0px;
}

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

.header-section.v6 .logo-dark {
  display: none;
}

.header-section.v6 .main-menu .submenu li a {
  color: #444444;
}

.header-section.v6 .main-menu .submenu li a:hover {
  color: #111111;
}

.header-section.v6.sticky {
  background: #ffffff99;
  -webkit-box-shadow: 0px 10px 15px #0000000d;
          box-shadow: 0px 10px 15px #0000000d;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.header-section.v6.sticky .v6-header-content {
  background-color: transparent;
  padding: 0px;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  height: auto;
}

.header-section.v6.sticky .logo-light {
  display: none;
}

.header-section.v6.sticky .logo-dark {
  display: block;
}

.header-section.v6.sticky .main-menu li a {
  color: #111111;
}

.header-section.v6.sticky .main-menu li a:hover {
  color: #444444;
}

.header-section.v6.sticky .header-extra li a {
  color: #111111;
}

.header-section.v6.sticky .header-extra li a:hover {
  color: #444444;
}

.header-section.v6.sticky .header-extra li .language-dropdown button img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.header-section.v6 .v6-header-content {
  background: #ffffff1a;
  -webkit-backdrop-filter: blur(2.5px);
          backdrop-filter: blur(2.5px);
  border-radius: 40px;
  height: 80px;
  padding: 10px 15px 15px;
}

.header-section.header-style5 {
  padding-top: 20px;
}

.header-section.v7.sticky {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 15px #00000014;
          box-shadow: 0px 10px 15px #00000014;
}

.header-section.v7 .header-navbar-container {
  gap: 0px;
}

.header-section.v7 .main-menu {
  max-width: 435px;
  margin: auto;
}

.header-section.v7 .main-menu li a {
  color: #111111;
}

.header-section.v7 .main-menu li a:hover, .header-section.v7 .main-menu li a:focus {
  color: #444444;
}

.header-section.v7 .header-extra li a {
  color: #111111;
}

.header-section.v7 .header-extra li a:hover {
  color: #444444;
}

.header-section.v7 .dropdown-toggle::after {
  -webkit-filter: none;
          filter: none;
}

.header-section.v7 .submenu {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 15px #00000014;
          box-shadow: 0px 10px 15px #00000014;
}

.header-section.defi .defi-header-content {
  background: rgba(46, 46, 53, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.header-section.defi .main-menu {
  max-width: 435px;
  margin: auto;
}

.header-section.defi .main-menu li a {
  color: #ffffff;
}

.header-section.defi .main-menu li a:hover, .header-section.defi .main-menu li a:focus {
  color: #999999;
}

.header-section.defi .header-extra li a {
  color: #ffffff;
}

.header-section.defi .header-extra li a:hover {
  color: #999999;
}

.header-section.defi.sticky {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

.header-section.defi.sticky .defi-header-content {
  background: rgba(46, 46, 53, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 40px;
  height: 80px;
  padding: 10px 15px 15px;
}

.header-section.defi.sticky .main-menu li a {
  color: #ffffff;
}

.header-section.defi.sticky .main-menu .submenu li a {
  color: #111111;
}

.header-section.crypto-header.sticky {
  background-color: #FFFFFF10;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #FFFFFF05;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.header-section.crypto-header .main-menu li a {
  color: #ffffff;
  padding: 15px 0px;
}

.header-section.crypto-header .main-menu li a:hover, .header-section.crypto-header .main-menu li a:focus {
  color: #ffffff;
  opacity: 0.8;
}

.header-section.crypto-header .main-menu li ul li a {
  color: #111111;
}

.header-section.crypto-header .main-menu li ul li:hover a {
  color: #111111;
}

.header-section.v8 .main-menu .submenu li a {
  color: #444444;
}

.header-section.v8 .main-menu .submenu li a:hover {
  color: #111111;
}

.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;
}

.header-section .header-logo .dark-logo {
  display: none;
}

.header-section .header-logo .white-logo {
  display: block;
}

.header-section .header-navbar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header-section.header-white .main-menu li a {
  color: #111111;
}

.header-section.header-white .header-extra li a {
  color: #111111;
}

.header-section.header-white .header-logo .white-logo {
  display: none;
}

.header-section.header-white .header-logo .dark-logo {
  display: block;
}

.header-section .navbar {
  padding: 0px;
}

.header-section.corporate-header {
  position: relative;
}

.header-section.corporate-header.sticky {
  position: fixed;
}

.menu-toggler {
  border: 0;
}

.menu-toggler svg {
  font-size: 30px;
  color: #000000;
}

.menu-toggler:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*-- 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;
}

.main-menu .dropdown-toggle::after {
  vertical-align: 0;
  border: 0;
  content: url("../images/icons/dropdown-toggle.svg");
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  display: none;
}

.main-menu .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 180px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 13px 24px;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.main-menu .submenu li a {
  line-height: 36px;
  padding: 0px !important;
}

.main-menu .submenu li a:hover {
  color: #0095ff;
}

.main-menu .submenu.dark {
  background: #20252B !important;
}

.main-menu .submenu.dark li a {
  color: #ffffff !important;
}

.main-menu .submenu.dark li a:hover {
  color: #FFFFFF90 !important;
}

.main-menu .nft-submenu.dark {
  background: #20252B !important;
}

/*-- header-extra style --*/
.header-extra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-extra li a {
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header-extra li a:hover {
  color: #ffffffb2;
}

/*-- header-section end --*/
/*-- qr code btn start --*/
.qr-code-btn {
  position: absolute;
  right: 40px;
}

.qr-code-btn.relative {
  position: inherit;
}

.qr-code-btn .qr-code-btn-inner {
  position: relative;
}

.qr-code-btn .view-qr {
  background: #9FE870;
  border-radius: 50px;
  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;
}

.qr-code-btn .qr-code-box {
  position: absolute;
  right: 0px;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  width: 330px;
  height: 170px;
  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: 0px -7.5px;
  background: #101722;
  border-radius: 20px;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.qr-code-btn .qr-code-box .scan-qr {
  padding: 0px 7.5px;
  width: 50%;
}

.qr-code-btn:hover .qr-code-box {
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  opacity: 1;
  visibility: visible;
}

/*-- qr code btn end --*/
@-webkit-keyframes headerAnimetion {
  from {
    top: -100px;
  }
  to {
    top: 0px;
  }
}

@keyframes headerAnimetion {
  from {
    top: -100px;
  }
  to {
    top: 0px;
  }
}

.header-top {
  background: url(../images/bg/top-header-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 111;
}

.header-top .header-top-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;
  min-height: 35px;
}

.header-top .header-top-content .header-top-timer ul {
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 228px;
  width: 100%;
  gap: 30px;
}

.header-top .header-top-content .header-top-timer ul li {
  color: #ffffff;
}

.header-top .header-top-content .header-top-timer ul li span {
  margin-left: 4px;
}

.header-top .header-top-content .header-top-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;
  gap: 15px;
}

.header-top .header-top-content p {
  margin-bottom: 0;
  color: #ffffff;
}

.nav-expanded .staco-home3-canva {
  margin-top: 90px;
}

/*-- menu start --*/
.nav-expanded nav {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.nav-expanded .nav-expander img:nth-child(1) {
  display: none;
}

.nav-expanded .nav-expander img:nth-child(2) {
  display: block;
}

.nav-expander {
  display: none;
}

.nav-expander img:nth-child(1) {
  display: block;
}

.nav-expander img:nth-child(2) {
  display: none;
}

.crypto1-mobile-menu-btn .open {
  -webkit-filter: brightness(100);
          filter: brightness(100);
  opacity: 0.7;
}

.crypto1-mobile-menu-btn .close {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.right_menu_togle {
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  padding: 70px 0 20px 0;
  width: 100%;
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  z-index: 999;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: fixed;
  overflow-y: auto;
}

.mobile-navbar-menu .sub-menu {
  display: none;
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 10px;
}

.mobile-navbar-menu .nav-menu {
  width: 720px;
  margin: 0 auto;
  padding: 0 7px;
  padding: 0;
  list-style: none;
}

.mobile-navbar-menu .nav-menu li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  text-transform: capitalize;
  color: #111111;
  line-height: 20px;
  padding: 16px 0;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 500;
  font-size: 15px;
}

.mobile-navbar-menu .nav-menu li li a {
  font-size: 14px;
  color: #444444;
  line-height: 20px;
  padding: 7px 20px;
}

.mobile-navbar-menu .nav-menu li {
  position: relative;
}

.mobile-navbar-menu .nav-menu li.active a {
  border-bottom: 1px solid transparent;
}

.mobile-navbar-menu .nav-menu li.active .sub-menu {
  background-color: rgba(0, 0, 0, 0.04);
}

.mobile-navbar-menu span.submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 5px;
  display: block;
  height: 40px;
  width: 40px;
  cursor: pointer;
  width: 100%;
  cursor: pointer;
  top: 0;
  height: 50px;
}

.mobile-navbar-menu span.submenu-button::before, .mobile-navbar-menu span.submenu-button::after {
  position: absolute;
  top: 24px;
  right: 21px;
  width: 20px;
  height: 2px;
  display: block;
  background: #999999;
  z-index: 2;
  content: "";
  right: 2px;
  width: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mobile-navbar-menu span.submenu-button::before {
  width: 2px;
  height: 12px;
  right: 26px;
  top: 19px;
}

.mobile-navbar-menu span.submenu-button em {
  display: block;
  position: absolute;
  right: 0;
  border-radius: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mobile-navbar-menu .submenu-button.submenu-opened::before {
  background: #0086e5;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.mobile-navbar-menu .submenu-button.submenu-opened::after {
  display: none;
}

.mobile-navbar-menu ul ul li,
.mobile-navbar-menu li:hover > ul > li {
  height: auto;
}

.canvas-menu ul li {
  display: block;
}

.canvas-menu ul li + li {
  padding-top: 15px;
}

.canvas-menu ul li a {
  display: block;
  color: #ffffff;
  font-weight: 600;
}

.canvas-menu ul li a:hover {
  color: #636363;
}

.mobile-navbar-menu .nav-buttons {
  width: 720px;
  margin: 20px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  padding: 0 7px;
  list-style: none;
}

.mobile-navbar-menu .sign-in-btn,
.mobile-navbar-menu .bg-blue-btn {
  padding: 0 47.5px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  display: inline-block;
}

.mobile-navbar-menu .sign-in-btn {
  background: rgba(17, 17, 17, 0.04);
  border-radius: 50px;
}

.mobile-navbar-menu .sign-in-btn span {
  color: #111111;
}

.mobile-navbar-menu .sign-in-btn:hover {
  background: #0095ff;
}

.mobile-navbar-menu .sign-in-btn:hover span {
  color: #fff;
}

.staco-overly-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.nav-expanded .staco-overly-bg {
  opacity: 1;
  visibility: visible;
}

.nav-expanded .header-section {
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
}

/*-- menu end --*/
.nft-header-section {
  padding: 20px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #ffffff;
  position: relative;
  z-index: 1111;
}

.nft-header-section .header-blur-img {
  position: absolute;
  top: 0px;
  width: 100%;
  text-align: center;
  z-index: 0;
  height: 100%;
}

.nft-header-section .header-blur-img img {
  height: 100%;
}

.nft-header-section .mega-menu {
  top: 38px;
}

.nft-header-section .mega-menu .mega-menu-img {
  max-width: 80%;
  margin: auto;
}

.nft-header-section.sticky {
  padding: 15px 0px !important;
}

.nft-header-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;
  position: relative;
  z-index: 2;
}

.nft-header-left {
  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: 84px;
}

.nft-header-left .header-logo .nft-logo-light {
  display: none;
}

.nft-header-left .header-logo .nft-logo-dark {
  display: block;
}

.nft-header-left form {
  /* width: 470px; */
  height: 45px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 25px;
  padding: 14px 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;
}

.nft-header-left form input {
  overflow: hidden;
  max-width: 420px;
  margin-left: 14.5px;
  width: 100%;
  background: transparent;
  overflow: hidden;
  border: none;
  outline: none;
  font-size: 15px;
  line-height: 19.3px;
  font-weight: 500;
  color: #999999;
}

.search-form-phn {
  max-width: 760px;
  padding: 0px 20px;
  width: 100%;
  margin: auto;
  margin-bottom: 16px;
  margin-top: 20px;
}

.search-form-phn form {
  width: 100%;
  height: 45px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 25px;
  padding: 14px 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;
}

.search-form-phn form input {
  overflow: hidden;
  max-width: 100%;
  margin-left: 14.5px;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  background: transparent;
  overflow: hidden;
  border: none;
  outline: none;
  font-weight: 600;
  color: #999999;
}

.nft-header-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;
  gap: 46px;
}

.nft-header-right .nft-menu {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 46px;
  margin-bottom: 0px;
}

.nft-header-right .nft-menu .nav-item a {
  color: #444444;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 500;
}

.nft-header-right .nft-menu .nav-item a:hover {
  color: #111111;
}

.nft-header-right .nft-header-bnts {
  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;
}

.nft-header-right .nft-header-bnts .signin-btn:hover {
  color: #111111;
}

.nft-header-right .nft-header-bnts .connect-btn {
  background: #5F5FFF;
  border-radius: 25px;
  padding: 13.5px 20px;
  color: #ffffff;
  line-height: 16px;
  font-weight: 700;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nft-header-right .nft-header-bnts .connect-btn img {
  margin-right: 13px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nft-header-right .nft-header-bnts .dark-mood-btn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nft-header-right .nft-header-bnts .dark-mood-btn .js-go-dark {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nft-header-right .nft-header-bnts .dark-mood-btn .js-go-dark:hover {
  -webkit-filter: brightness(0%);
          filter: brightness(0%);
}

.nft-header-right .nft-header-bnts .dark-mood-btn .js-go-light {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: none;
  -webkit-filter: brightness(100);
          filter: brightness(100);
}

.nft-header-right .nft-header-bnts .dark-mood-btn .js-go-light:hover {
  -webkit-filter: brightness(100);
          filter: brightness(100);
  opacity: 0.7;
}

.nft-header-right .has-submenu {
  position: relative;
}

.nft-header-right .has-submenu .submenu {
  list-style: none;
  margin: 0px;
  position: absolute;
  top: 120%;
  left: 0;
  width: 250px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 13px 24px;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.nft-header-right .has-submenu .submenu li {
  line-height: 333%;
}

.nft-header-right .has-submenu .submenu li.nft-has-submenu::after {
  top: 1px;
}

.nft-header-right .has-submenu:hover .submenu {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  top: 40px;
  opacity: 1;
  visibility: visible;
}

/*-- Deark Mood --*/
body.dark-scheme .nft-header-section,
html.dark-scheme body .nft-header-section {
  background: #181D22;
}

body.dark-scheme .nft-header-left .header-logo .nft-logo-dark,
html.dark-scheme body .nft-header-left .header-logo .nft-logo-dark {
  display: none;
}

body.dark-scheme .nft-header-left .header-logo .nft-logo-light,
html.dark-scheme body .nft-header-left .header-logo .nft-logo-light {
  display: block;
}

body.dark-scheme .nft-header-left form,
html.dark-scheme body .nft-header-left form {
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

body.dark-scheme .nft-header-right .nft-header-bnts .signin-btn,
html.dark-scheme body .nft-header-right .nft-header-bnts .signin-btn {
  color: #999999;
}

body.dark-scheme .nft-header-right .nft-menu .nav-item a,
html.dark-scheme body .nft-header-right .nft-menu .nav-item a {
  color: #999999;
}

body.dark-scheme .nft-header-right .nft-menu .nav-item a:hover,
html.dark-scheme body .nft-header-right .nft-menu .nav-item a:hover {
  color: #ffffff;
}

body.dark-scheme .nft-header-right .has-submenu .submenu,
html.dark-scheme body .nft-header-right .has-submenu .submenu {
  background: #181D22;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

body.dark-scheme .nft-header-right .has-submenu .nft-submenu,
html.dark-scheme body .nft-header-right .has-submenu .nft-submenu {
  background: #181D22;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

body.dark-scheme .mega-menu-card,
html.dark-scheme body .mega-menu-card {
  background: #20252B;
}

body.dark-scheme .mega-menu-card .mega-menu-column,
html.dark-scheme body .mega-menu-card .mega-menu-column {
  border-color: rgba(255, 255, 255, 0.1);
  background: #20252B;
}

body.dark-scheme .mega-menu-card .mega-menu-column:nth-last-child(1),
html.dark-scheme body .mega-menu-card .mega-menu-column:nth-last-child(1) {
  border: none;
  background: #2B3036;
}

body.dark-scheme .mega-menu-card .mega-menu-column:nth-last-child(1)::after,
html.dark-scheme body .mega-menu-card .mega-menu-column:nth-last-child(1)::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.15)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);
}

body.dark-scheme .mega-menu-card .mega-menu-column:nth-last-child(1)::before,
html.dark-scheme body .mega-menu-card .mega-menu-column:nth-last-child(1)::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
}

body.dark-scheme .mega-menu-card .mega-menu-column h5,
html.dark-scheme body .mega-menu-card .mega-menu-column h5 {
  color: #ffffff;
}

body.dark-scheme .mega-menu-card .more-demo-card,
html.dark-scheme body .mega-menu-card .more-demo-card {
  background: #2B3036;
}

body.dark-scheme .mega-menu-card .more-demo-card p,
html.dark-scheme body .mega-menu-card .more-demo-card p {
  color: #ffffff;
}

body.dark-scheme .mega-menu-card .more-demo-card::after,
html.dark-scheme body .mega-menu-card .more-demo-card::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 183, 202, 0.2)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(255, 183, 202, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
}

body.dark-scheme .mega-menu-card .more-demo-card img,
html.dark-scheme body .mega-menu-card .more-demo-card img {
  position: absolute;
  top: 21px;
  right: 20px;
  -webkit-filter: brightness(0.35);
          filter: brightness(0.35);
}

body.dark-scheme .mega-menu-card:hover .mega-menu-list li a,
html.dark-scheme body .mega-menu-card:hover .mega-menu-list li a {
  opacity: 80%;
}

body.dark-scheme .mega-menu-card .mega-menu-list li a,
html.dark-scheme body .mega-menu-card .mega-menu-list li a {
  color: #ffffff !important;
}

body.dark-scheme .mega-menu-card .mega-menu-list li a.disable,
html.dark-scheme body .mega-menu-card .mega-menu-list li a.disable {
  opacity: 100%;
}

body.dark-scheme .mega-menu-card .mega-menu-list li.menuTabActive a:hover,
html.dark-scheme body .mega-menu-card .mega-menu-list li.menuTabActive a:hover {
  color: #ffffff !important;
}

.nav-item.home-nav {
  position: inherit !important;
}

.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;
}

.mega-menu {
  padding-top: 30px;
  background: transparent;
  top: 45px;
  left: 0px;
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  -webkit-transform-origin: 50% -30px;
          transform-origin: 50% -30px;
  z-index: 100;
  opacity: 0;
  display: none;
  -webkit-transform: rotateX(-15deg) translateZ(0px);
          transform: rotateX(-15deg) translateZ(0px);
}

.mega-menu-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
  border-radius: 15px;
  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;
  overflow: hidden;
  width: 100%;
}

.mega-menu-card .mega-menu-column {
  width: 25%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 21px 40px 40px 40px;
  min-height: 450px;
  background: #ffffff;
  position: relative;
}

.mega-menu-card .mega-menu-column:nth-last-child(2) {
  border: none;
}

.mega-menu-card .mega-menu-column:nth-last-child(1) {
  border: none;
  background: #E3E9F7;
}

.mega-menu-card .mega-menu-column:nth-last-child(1)::after {
  content: '';
  height: 77px;
  width: 77px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 85, 255, 0)), to(rgba(5, 85, 255, 0.15)));
  background: linear-gradient(180deg, rgba(5, 85, 255, 0) 0%, rgba(5, 85, 255, 0.15) 100%);
  right: 20px;
  bottom: 70px;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}

.mega-menu-card .mega-menu-column:nth-last-child(1)::before {
  content: '';
  height: 137px;
  width: 137px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 85, 255, 0.15)), to(rgba(5, 85, 255, 0)));
  background: linear-gradient(180deg, rgba(5, 85, 255, 0.15) 0%, rgba(5, 85, 255, 0) 100%);
  top: 30px;
  left: 20px;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}

.mega-menu-card.dark {
  background: #20252B;
}

.mega-menu-card.dark .mega-menu-column {
  border-color: rgba(255, 255, 255, 0.1);
  background: #20252B;
}

.mega-menu-card.dark .mega-menu-column:nth-last-child(1) {
  border: none;
  background: #2B3036;
}

.mega-menu-card.dark .mega-menu-column:nth-last-child(1)::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.15)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);
}

.mega-menu-card.dark .mega-menu-column:nth-last-child(1)::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
}

.mega-menu-card.dark .mega-menu-column h5 {
  color: #ffffff;
}

.mega-menu-card.dark .more-demo-card {
  background: #2B3036;
}

.mega-menu-card.dark .more-demo-card p {
  color: #ffffff;
}

.mega-menu-card.dark .more-demo-card::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 183, 202, 0.2)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(255, 183, 202, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
}

.mega-menu-card.dark .more-demo-card img {
  position: absolute;
  top: 21px;
  right: 20px;
  -webkit-filter: brightness(0.35);
          filter: brightness(0.35);
}

.mega-menu-card.dark:hover .mega-menu-list li a {
  opacity: 80%;
}

.mega-menu-card.dark .mega-menu-list li a {
  color: #ffffff !important;
}

.mega-menu-card.dark .mega-menu-list li a.disable {
  opacity: 100%;
}

.mega-menu-card.dark .mega-menu-list li.menuTabActive a:hover {
  color: #ffffff !important;
}

.mega-menu-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.mega-menu-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;
  max-height: 56px;
}

.mega-menu-list li .tag {
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 0px 8px;
  margin-left: 12px;
  border-radius: 10px;
}

.mega-menu-list li .tag.hot {
  background: #FD246A;
  color: #ffffff;
}

.mega-menu-list li .tag.new {
  background: #0095FF;
  color: #ffffff;
}

.mega-menu-list li .tag.trendy {
  background: #9FE870;
  color: #111111;
}

.mega-menu-list li a {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 50px;
  color: #444444;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mega-menu-list li a.disable {
  opacity: 70%;
}

.mega-menu-list li.menuTabActive a:hover {
  opacity: 100% !important;
  color: #111111 !important;
}

.mega-menu-img {
  background: #405364;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}

.mega-menu-img img {
  height: 100%;
  width: 100%;
}

.mega-menu-tabcontent {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  padding: 50px 40px;
}

.megaMenutabcontent {
  display: none;
  -webkit-animation: fadeEffect 0.4s;
          animation: fadeEffect 0.4s;
}

.more-demo-card {
  background: #FAEEF1;
  border-radius: 10px;
  padding: 17px 20px;
  position: relative;
  margin-top: 25px;
}

.more-demo-card p {
  color: #111111;
  position: relative;
  z-index: 1;
  margin-bottom: 0px;
}

.more-demo-card::after {
  content: '';
  position: absolute;
  top: 12px;
  left: 8px;
  height: 33px;
  width: 33px;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 183, 202, 0.5)), to(rgba(250, 238, 241, 0.5)));
  background: linear-gradient(180deg, rgba(255, 183, 202, 0.5) 0%, rgba(250, 238, 241, 0.5) 100%);
  z-index: 0;
}

.more-demo-card img {
  position: absolute;
  top: 21px;
  right: 20px;
}

@-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes menuAnimetion {
  from {
    -webkit-transform-origin: 50% -30px;
            transform-origin: 50% -30px;
    opacity: 0;
    display: none;
    -webkit-transform: rotateX(-15deg) translateZ(0px);
            transform: rotateX(-15deg) translateZ(0px);
  }
  to {
    display: block;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes menuAnimetion {
  from {
    -webkit-transform-origin: 50% -30px;
            transform-origin: 50% -30px;
    opacity: 0;
    display: none;
    -webkit-transform: rotateX(-15deg) translateZ(0px);
            transform: rotateX(-15deg) translateZ(0px);
  }
  to {
    display: block;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.nft-has-submenu {
  position: relative;
}

.nft-has-submenu::after {
  content: '>';
  font-size: 22px;
  position: absolute;
  right: 0px;
  top: 11px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  color: #999999;
}

.nft-has-submenu .nft-submenu {
  list-style: none;
  margin: 0px;
  position: absolute;
  top: 10px;
  left: 110%;
  width: 250px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
  border-radius: 15px;
  padding: 13px 24px;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.nft-has-submenu .nft-submenu li {
  line-height: 35px;
}

.nft-has-submenu:hover .nft-submenu {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  top: 40px;
  opacity: 1;
  visibility: visible;
}

.nft-has-submenu:hover::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

/*-- 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;
  row-gap: 0px;
  -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-img .overlay img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}

.get-demo-btn {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #fec458;
  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;
}

.get-demo-btn > img {
  width: 120px !important;
  height: 120px !important;
  -webkit-animation: rotateImg 15s infinite linear;
          animation: rotateImg 15s infinite linear;
}

.get-demo-btn .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  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;
}

.get-demo-btn .icon img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.get-demo-btn:hover .icon img {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

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

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

/*-- 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 end --*/
/*-- hero-section-3 start --*/
.hero-section-3 {
  margin-top: 100px;
  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;
  padding: 126px 0 30px 0;
  overflow: hidden;
}

.hero-section-3-header {
  text-align: center;
  position: relative;
  z-index: 0;
}

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

.hero-section-3-header .shape-img.img-1 {
  bottom: 90px;
  left: 10%;
}

.hero-section-3-header .shape-img.img-2 {
  bottom: 40px;
  right: 8%;
}

.hero-section-3-header .sub-title {
  margin: 0 auto 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: rgba(249, 81, 140, 0.15);
  border-radius: 40px;
  padding: 8px 17px;
  color: #f9518c;
  display: block;
}

.hero-section-3-header form {
  margin: 28px 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;
}

.hero-section-3-header form input {
  width: 380px;
  height: 60px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 50px;
  padding: 17px 20px;
}

.hero-section-3-header form input::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
}

.hero-section-3-header form input:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}

.hero-section-3-header form input::-ms-input-placeholder {
  color: #999;
  opacity: 1;
}

.hero-section-3-header form input::placeholder {
  color: #999;
  opacity: 1;
}

.hero-section-3-header form input:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}

.hero-section-3-header form input::-ms-input-placeholder {
  color: #999;
  opacity: 1;
}

.hero-section-3-header form input[type="submit"] {
  width: 170px;
  height: 60px;
  background-color: #0095ff;
  border-radius: 50px;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  line-height: 0;
  font-weight: 700;
}

.hero-section-3-header form input[type="submit"]:hover {
  opacity: 0.8;
}

.hero-section-3-content {
  margin-top: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hero-section-3-content .item {
  width: 100%;
}

.call-remove-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f52e2f;
  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;
}

.call-remove-btn img {
  width: 16px !important;
  height: 16px !important;
}

/*-- hero-section-3 end --*/
/*-- hero-section-4 style start --*/
.hero-section-4 {
  background-color: #f8f0e6;
  padding: 200px 0 154px 0;
  position: relative;
  overflow: hidden;
}

.hero-section-4 .marketing-badge {
  padding-top: 0;
  padding-bottom: 0;
}

.hero-section-4 .hero-content-list .list-item p {
  color: #111111;
}

.hero-section-4::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 36.5%;
  height: 100%;
  background-color: #242549;
  background-image: url("../images/bg/map-bg.svg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100%;
}

.hero-section-4-content .hero-content-text {
  position: relative;
}

.hero-section-4-content .hero-content-text .title {
  line-height: 1.17;
  margin-bottom: 27px;
}

.hero-section-4-content .hero-content-text h2,
.hero-section-4-content .hero-content-text p {
  color: #111111;
}

.hero-section-4-content .hero-content-text::before {
  position: absolute;
  content: url("../images/icons/shape-left.svg");
  top: -15px;
  left: -30px;
  width: 42px;
  height: 40px;
  line-height: 0;
  -webkit-animation: badgeAnimate 2s infinite ease-in-out;
          animation: badgeAnimate 2s infinite ease-in-out;
}

.hero-section-4-content .hero-content-list svg {
  color: #111111;
}

.hero-section-4-img {
  position: relative;
}

.hero-section-4-img .overlay-item {
  position: absolute;
}

.hero-section-4-img .overlay-item.item-1 {
  top: -36px;
  left: 140px;
}

.hero-section-4-img .overlay-item.item-2 {
  top: 110px;
  left: -48px;
}

.hero-section-4-img .overlay-item.item-3 {
  bottom: -9px;
  right: -46px;
}

.hero-section-4-img .overlay-item.chart {
  top: 50%;
  right: -50px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #ffffff;
  border-radius: 0px 15px 0px 0px;
  padding: 11px 16px;
}

.hero-section-4-img .overlay-item.status {
  bottom: 45px;
  left: -25%;
}

.hero-section-4-img .overlay-item.status .pie_progress {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  margin: auto 0;
  background-color: transparent;
}

.hero-section-4-img .overlay-item.status .pie_progress__label {
  margin-top: 0px;
}

.hero-section-4-img .overlay-item.status .pie_progress__label h4 {
  color: #000000;
}

.hero-section-4-img .overlay-item.status .pie_progress__label p {
  margin: 0;
  font-size: 13px;
}

/*-- hero-section-4 style end --*/
.hero-section-index5 {
  min-height: 642px;
  background: #F0F5FF;
  position: relative;
  z-index: 0;
  overflow-x: hidden;
}

.hero-section-index5::after {
  content: url(../images/sass1/banner-bg-vector.svg);
  position: absolute;
  z-index: -1;
  left: 0px;
  bottom: 40%;
  z-index: 1;
}

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

.hero-section-index5 .index5-hero-content .v5welocme-section {
  height: 36px;
  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: 410px;
  width: 330px;
  margin: auto;
  margin-bottom: 20px;
  color: #111111;
}

.hero-section-index5 .index5-hero-content .v5welocme-section--wide {
  height: auto;
  max-width: 720px;
  width: 100%;
  padding: 8px 16px;
}

.hero-section-index5 .index5-hero-content .v5welocme-section .v5welcome-heading {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  margin: 0;
  text-align: center;
}

.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 {
  margin-bottom: 28px;
  gap: 18px;
  font-weight: 700;
  font-size: 60px;
}

.hero-section-index5 .index5-hero-content .v5banner-text .banner-title .brack-text {
  display: block;
}

.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, #0095ff 2.79%, #0f57e8 57.47%, #f7578c 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: 10px;
}

.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;
}

.index5-scroll-carousel-section {
  position: relative;
  overflow: hidden;
}

.index5-scroll-carousel-section::after {
  content: "";
  height: 100%;
  width: 20%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: -webkit-gradient(linear, left top, right top, from(#f0f5ff), to(rgba(240, 245, 255, 0)));
  background: linear-gradient(90deg, #f0f5ff 0%, rgba(240, 245, 255, 0) 100%);
  z-index: 11;
}

.index5-scroll-carousel-section::before {
  content: "";
  height: 100%;
  width: 20%;
  position: absolute;
  right: 0px;
  bottom: 0px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(240, 245, 255, 0)), to(#f0f5ff));
  background: linear-gradient(90deg, rgba(240, 245, 255, 0) 0%, #f0f5ff 100%);
  z-index: 11;
}

.index5-scroll-carousel-section 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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 33px;
  margin-bottom: 30px;
}

.index5-scroll-carousel-section ul.slide-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.index5-scroll-carousel-section ul.slide-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.index5-scroll-carousel-section ul 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;
  gap: 28px;
}

.index5-scroll-carousel-section ul li span {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.index5-scroll-carousel-section ul li strong {
  font-family: "DM Sans", sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 70px;
  color: #111111;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.v6-body-bg {
  background: transparent;
  padding-bottom: 302px;
}

.hero-section6 {
  background: #1F2334;
  margin-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.hero-section6 .container {
  position: relative;
  padding-top: 247px;
  padding-bottom: 212px;
}

.hero-section6 .container .banner-vector-line1 {
  position: absolute;
  height: 40%;
  top: -32px;
  right: 22.2%;
  z-index: 3;
}

.hero-section6 .container .banner-vector-line1 img {
  height: 100%;
}

.hero-section6 .container .banner-vector-line2 {
  position: absolute;
  height: 70%;
  bottom: 0px;
  right: 32%;
  z-index: 0;
}

.hero-section6 .container .banner-vector-line2 img {
  height: 100%;
}

.hero-section6 .banner-vector {
  position: absolute;
  overflow-x: 0;
}

.hero-section6 .banner-vector1 {
  right: 30%;
  top: 20%;
}

.hero-section6 .banner-vector2 {
  left: 44%;
  top: 35%;
}

.hero-section6 .banner-vector3 {
  left: 45%;
  bottom: 18%;
}

.hero-section6 .banner-vector4 {
  right: 40%;
  top: 56%;
}

.hero-section6 .banner-vector5 {
  left: 25%;
  bottom: 13%;
}

.hero-section6 .banner-vector6 {
  left: 25%;
  top: 18%;
}

.uig-animate-style .banner-title {
  color: #ffffff;
  margin-bottom: 21px;
  text-align: left;
  font-weight: 700;
}

.uig-animate-style .banner-title span {
  color: #B2EDA1;
}

.uig-animate-style .banner-title span b {
  font-weight: 700;
}

.uig-animate-style .banner-title.cd-headline.loading-bar .cd-words-wrapper::after {
  background: #B2EDA1 !important;
  bottom: 12px;
  height: 8px;
}

.v6-banner-text {
  position: relative;
  z-index: 1;
}

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

.v6-banner-text .v6-banner-btns {
  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: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.v6-banner-img-section {
  position: relative;
  z-index: 1;
  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;
  max-width: 470px;
  width: 100%;
  margin-left: auto;
  height: 100%;
}

.v6-banner-img {
  height: 340px;
  max-height: auto;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}

.v6-banner-img::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background: linear-gradient(117.62deg, rgba(0, 0, 0, 0) 51.24%, #000000 100%);
  z-index: 1;
}

#staco-h6-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#staco-h6-video-control {
  position: absolute;
  height: 50px;
  width: 50px;
  right: 30px;
  bottom: 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;
  background: #ffffff;
  z-index: 2;
  font-size: 28px;
  color: #44c486;
}

#staco-h6-video-control .play {
  display: none;
}

#staco-h6-video-control .pause {
  display: block;
}

#staco-h6-video-control.active .play {
  display: block;
}

#staco-h6-video-control.active .pause {
  display: none;
}

.v7body-section {
  position: relative;
  z-index: 5;
  background: #ffffff;
  margin-bottom: 650px;
}

.hero-section-v6 {
  padding-top: 283px;
  padding-bottom: 50px;
  text-align: center;
}

.hero-section-v6 .v6hero-img {
  position: relative;
  max-width: 1500px;
  padding: 0px 25px;
  margin: auto;
  margin-top: -12%;
  z-index: 0;
}

.v7hero-section-text {
  position: relative;
  z-index: 2;
}

.v7hero-section-text .banner-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;
  gap: 21px;
  margin-bottom: 36px;
}

.v7hero-section-text .banner-text h2 {
  font-size: 70px;
  font-weight: 700;
  line-height: 80px;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
}

.v7hero-section-text .banner-text h2.slick-current.one {
  background: -webkit-gradient(linear, left top, right top, color-stop(2.17%, #f7578c), to(#00aaff));
  background: linear-gradient(90deg, #f7578c 2.17%, #00aaff 100%);
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.v7hero-section-text .banner-text h2.slick-current.two {
  background: -webkit-gradient(linear, left top, right top, color-stop(1.92%, #00aaff), to(#2bd9d9));
  background: linear-gradient(90deg, #00aaff 1.92%, #2bd9d9 100%);
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.v7hero-section-text .banner-text h2.slick-current.three {
  background: -webkit-gradient(linear, left top, right top, from(#2bd9d9), to(#39d393));
  background: linear-gradient(90deg, #2bd9d9 0%, #39d393 100%);
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.v7hero-section-text .banner-text .slick-list {
  padding: 0 !important;
}

.v7hero-section-text .banner-text .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;
  max-width: 910px;
  width: 100%;
}

.v7hero-section-text p {
  max-width: 569px;
  margin: auto;
  text-align: center;
  font-size: 18px;
  line-height: 36px;
}

.v6hero-section-btns {
  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: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 58px;
  position: relative;
  z-index: 2;
}

.v6hero-section-btns .bg-blue-btn {
  height: 60px;
}

.v8banner-section.chatbot-banner {
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #6D3ADB, #041646, #041646);

  /* background: #6D3ADB !important; */
  /* background: url(../images/chatbot/chatbot-banner-grident.svg); */
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow-y: hidden;
}

.v8banner-section.chatbot-banner .hero-content-list {
  margin-top: 16px;
}

.v8banner-section.chatbot-banner .hero-content-list p {
  margin-bottom: 13px;
}

.v8banner-section.chatbot-banner .chatbot-banner-text {
  position: relative;
  z-index: 1;
  min-height: 800px;
}

.v8banner-section.chatbot-banner .chatbot-banner-text .title {
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
  text-align: left;
}

.v8banner-section.chatbot-banner .chatbot-banner-text .title span {
  position: relative;
  padding: 0px !important;
}

.tv8banner-section.chatbot-banner .chatbot-banner-text .title span::after {
  content: '';
  height: 5px;
  border-radius: 2.5px;
  background: #F59E0B;
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.v8banner-section.chatbot-banner .chatbot-banner-text .title span {
  font-size: 52px; /* adjust as needed */
  font-weight: bold;
  color: #fff; /* your text color */
  text-decoration: underline;
  text-decoration-color: #F59E0B;
  text-underline-offset: 6px; /* moves underline slightly away from text */
  text-decoration-thickness: 4px; /* makes underline thicker */
}

.v8banner-section.chatbot-banner .chatbot-banner-text .title span img {
  position: absolute;
  top: -10px;
  right: -30px;
}

.v8banner-section.chatbot-banner .chatbot-banner-text p {
  margin-top: 8px;
}

.chatbot-banner-video {
  position: relative;
}

.chatbot-banner-video.v8banner-video video {
  min-height: 800px;
}

.chatbot-banner-video .chatbot-banner-video-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(4.17%, #041646), color-stop(51.04%, rgba(4, 22, 70, 0.520833)), to(rgba(4, 22, 70, 0)));
  background: linear-gradient(90deg, #041646 4.17%, rgba(4, 22, 70, 0.520833) 51.04%, rgba(4, 22, 70, 0) 100%);
}

.start-free-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;
  gap: 10px;
  background: #ffffff;
  border-radius: 35px;
  padding: 10px;
  max-width: 470px;
  width: 100%;
  max-height: 70px;
}

.start-free-form .form-input {
  color: #111111;
  background: transparent;
  border: none;
  outline: none;
  padding: 14px;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}

.start-free-form .bg-blue-btn {
  padding: 12px 40px;
  border: none;
  outline: none;
}

.start-free-form .bg-blue-btn:hover {
  opacity: 0.8;
}

.banner-chat-section {
  max-width: 460px;
  width: 100%;
  padding-top: 15px;
  overflow: hidden;
}

.newsletter-bg {
  background: #EEF2F5;
}

.hero-section2.newslater {
  padding-top: 230px;
  margin-bottom: 110px;
}

.hero-section2.newslater .new-hoogle {
  max-width: 285px;
}

.hero-section2.newslater .banner-title {
  margin-bottom: 14px;
  font-weight: 700;
  font-size: 60px;
  line-height: 150%;
  color: #111111;
}

.hero-section2.newslater .banner-title .cd-words-wrapper {
  padding: 0px;
}

.hero-section2.newslater .banner-title .cd-words-wrapper::after {
  display: none;
}

.hero-section2.newslater .banner-title .animation-text b {
  font-family: "Caveat", cursive;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(84.37%, #0095FF));
  background: linear-gradient(180deg, #000000 0%, #0095FF 84.37%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 100px;
  line-height: 105%;
}

.hero-section2.newslater p {
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 48px;
  color: #111111;
  max-width: 532px;
  width: 100%;
}

.hero-content-button.newslater {
  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;
  max-width: 420px;
}

.hero-content-button.newslater .bg-blue-btn {
  width: 220px;
  height: 60px;
  padding: 15px 46px;
}

.hero-content-button.newslater .bg-white-btn {
  width: 170px;
  height: 60px;
  border: 2px solid rgba(0, 0, 0, 0.1);
}

.nft-marketplace-bg {
  background: #F7F7F7;
}

.nft-marketplace-bg2 {
  background: #F9F9F9;
}

.nft-banner-section {
  padding-top: 100px;
  padding-bottom: 104px;
}

.nft-banner-left .slick-list {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.nft-banner-left .slick-list .item {
  position: relative;
  overflow: hidden;
}

.nft-banner-left .slick-list .item::after {
  content: '';
  height: 100%;
  width: 100%;
  background: rgba(247, 247, 247, 0.2);
  border-radius: 15px;
  z-index: 1;
  top: 0px;
  left: 0px;
  position: absolute;
}

.nft-banner-left .slick-list .item img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  position: relative;
  z-index: 0;
}

.nft-banner-left .slick-list .item.slick-current .slick-active::after {
  display: none;
}

.nft-banner-left .slick-track {
  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;
}

.nft-banner-left img {
  max-width: 100%;
  width: 100%;
  border-radius: 15px;
  height: 100%;
}

.nft-banner-left .wrap {
  position: relative;
  z-index: 100;
  width: 100%;
  height: 100%;
  padding: 0px;
  overflow: hidden;
}

.nft-banner-left .wrap:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.nft-banner-left .slider {
  position: relative;
  z-index: 200;
  padding: 0 0 50px 0px;
  margin: auto;
  max-width: 800px;
  width: 100%;
}

.nft-banner-left .slider item img {
  border-radius: 15px;
  height: 100%;
}

.nft-banner-left .slick-arrow {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  border: none;
  background: transparent;
  color: #fff;
  font-family: monospace;
  font-size: 5rem;
  z-index: 300;
  outline: none;
}

.nft-banner-left .slick-prev {
  left: -50px;
  text-align: left;
}

.nft-banner-left .slick-next {
  right: -50px;
  text-align: right;
}

.nft-banner-left .item.slick-slide {
  width: 500px;
  height: 550px !important;
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
  position: relative;
}

.nft-banner-left .item.slick-slide {
  -webkit-transform: scale(0.7) translate(640px);
          transform: scale(0.7) translate(640px);
}

.nft-banner-left .item.slick-slide.slick-center + .slick-slide {
  -webkit-transform: scale(0.8) translate(-115%);
          transform: scale(0.8) translate(-115%);
  z-index: 10;
}

.nft-banner-left .item.slick-slide.slick-center + .slick-slide + .item.slick-slide {
  -webkit-transform: scale(0.7) translate(-245%);
          transform: scale(0.7) translate(-245%);
  z-index: 5;
}

.nft-banner-left .item.slick-slide.slick-active {
  -webkit-transform: scale(0.8) translate(280px);
          transform: scale(0.8) translate(280px);
}

.nft-banner-left .item.slick-slide.slick-center {
  /* margin: 0 -10%; */
  -webkit-transform: scale(1) translate(-19.2%);
          transform: scale(1) translate(-19.2%);
  z-index: 30;
}

.nft-banner-left .slick-center:after {
  opacity: 0;
  margin: 10px;
  padding: 10px;
}

.nft-banner-left .slick-dots {
  bottom: -25px;
  position: relative;
  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: rgba(95, 95, 255, 0.2);
  border-radius: 3px;
  height: 5px;
  max-width: 250px;
  margin: auto;
  overflow: hidden;
  right: -13%;
}

.nft-banner-left .slick-dots li {
  position: inherit;
  height: 5px;
  margin: 0px;
  position: absolute;
  width: 100%;
}

.nft-banner-left .slick-dots li.slick-active button {
  background: #5F5FFF;
  height: 100%;
  position: absolute;
  animation: lineProgress 3.3s linear infinite;
  -webkit-animation: lineProgress 3.3s linear infinite;
}

.nft-banner-left .slick-dots li button {
  background: transparent;
}

.nft-banner-left .slick-dots li button::after, .nft-banner-left .slick-dots li button::before {
  display: none;
}

.nft-banner-right {
  padding-top: 42px;
  padding-left: 37px;
}

.nft-banner-right .nft-banner-title {
  margin-bottom: 44px;
  font-weight: 700;
  font-size: 45px;
  line-height: 65px;
  max-width: 467px;
  width: 100%;
}

.nft-people-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;
  margin-bottom: 56px;
}

.nft-people {
  width: 48%;
  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;
}

.nft-people .nft-people-img {
  min-height: 40px;
  min-width: 40px;
  line-height: 40px;
  line-height: 40px;
  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;
}

.nft-people .nft-people-img img {
  height: 100%;
  width: 100%;
}

.nft-people .nft-people-text p {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 20px;
  margin-bottom: 0px;
}

.nft-people .nft-people-text h6 {
  font-size: 14px;
  font-weight: 600;
  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: 7px;
  margin-bottom: 0px;
}

.nft-bid-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-bottom: 79px;
}

.nft-bid-info {
  width: 50%;
}

.nft-bid-info p {
  font-size: 18px;
  color: #999999;
  margin-bottom: 21px;
  line-height: 20px;
  text-transform: uppercase;
}

.nft-bid-info h4 {
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 20px;
  font-family: "DM Sans", sans-serif;
}

.nft-bid-info h4 span {
  font-size: 18px;
  color: #999999;
}

.nft-bid-info .nft-banner-timer {
  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;
  max-width: 260px;
  width: 100%;
  padding: 0px;
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 600;
  line-height: 20px;
}

.nft-bid-info .nft-banner-timer li {
  text-transform: uppercase;
  font-family: "DM Sans", sans-serif;
  color: #111111;
}

.nft-bid-info .nft-banner-timer li::after {
  content: ':';
  color: #444444;
  margin-left: 10px;
}

.nft-bid-info .nft-banner-timer li:nth-last-child(1)::after {
  display: none;
}

.place-bid-btn {
  background: -webkit-gradient(linear, left top, right top, from(#5F5FFF), to(#FC5FFF));
  background: linear-gradient(90deg, #5F5FFF 0%, #FC5FFF 100%);
  border-radius: 30px;
  padding: 17.5px 117.5px;
  line-height: 20px;
  color: #ffffff;
}

.place-bid-btn:hover {
  color: #ffffff;
}

body.dark-scheme .nft-marketplace-bg,
html.dark-scheme body .nft-marketplace-bg {
  background: #0D1014;
}

body.dark-scheme .nft-bid-info .nft-banner-timer,
html.dark-scheme body .nft-bid-info .nft-banner-timer {
  color: #999999;
}

body.dark-scheme .nft-bid-info .nft-banner-timer li,
html.dark-scheme body .nft-bid-info .nft-banner-timer li {
  color: #ffffff;
}

.item-details-section {
  padding-top: 120px;
  padding-bottom: 103px;
}

.item-details-img {
  width: 100%;
  overflow: hidden;
  border-radius: 15px;
}

.item-details-info.left {
  padding-right: 40px;
}

.item-details-info.right {
  padding-left: 40px;
}

.item-details-info .item-details-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;
  margin-bottom: 15px;
}

.item-details-info .item-details-header .item-categories {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #111111;
  margin-bottom: 0px;
}

.item-details-info .item-details-header .item-details-header-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;
  gap: 30px;
}

.item-details-info .item-details-header .item-details-header-right button {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item-details-info .item-details-header .item-details-header-right button:hover {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.item-details-info .item-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 30px;
}

.item-details-info .stock-info {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  max-width: 389px;
  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;
  margin-bottom: 39px;
}

.item-details-info .nft-people-section {
  padding: 10px 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 36px;
}

.item-details-info .item-details-price-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;
  margin-bottom: 36px;
}

.item-details-info .item-details-price-section .item-details-price {
  width: 48%;
}

.item-details-info .item-details-price-section .item-details-price p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}

.item-details-info .item-details-price-section .item-details-price p span {
  text-transform: none;
  color: #111111;
}

.item-details-info .item-details-price-section .item-details-price h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}

.item-details-info .item-details-btns {
  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;
}

.item-details-info .item-details-btns button {
  width: 48%;
  padding: 17.5px 50px;
}

.item-details-info .item-details-btns .item-details-timer {
  width: 48%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(95, 95, 255, 0.15)), to(rgba(252, 95, 255, 0.15)));
  background: linear-gradient(90deg, rgba(95, 95, 255, 0.15) 0%, rgba(252, 95, 255, 0.15) 100%);
  border-radius: 30px;
  padding: 17.5px 38px;
  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: 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #111111;
}

.item-details-info .item-details-btns .item-details-timer p {
  margin-bottom: 0px;
}

.item-details-info .item-details-btns .item-details-timer ul {
  padding: 0px;
  list-style: none;
  margin-bottom: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}

.item-details-info .item-details-note {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #999999;
  margin-top: 10px;
  margin-bottom: 29px;
}

.item-details-tab-section .item-details-tab-btns {
  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: 30px;
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
  width: 100%;
  border-bottom: 1px solid #E5E5E5;
}

.item-details-tab-section .item-details-tab-btns li {
  padding-bottom: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #999999;
  border-bottom: 2px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.item-details-tab-section .item-details-tab-btns li.active, .item-details-tab-section .item-details-tab-btns li:hover {
  color: #111111;
  border-bottom: 2px solid #4157FF;
}

.item-details-table-section {
  overflow-x: scroll;
}

.item-details-table-section::-webkit-scrollbar {
  display: none;
}

.item-details-table {
  padding-top: 30px;
  min-width: 520px;
}

.item-details-table table {
  width: 100%;
}

.item-details-table table tr td {
  padding-bottom: 25px;
  vertical-align: bottom;
}

.item-details-table table tr td .table-text {
  color: #111111;
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.item-details-table table tr td .table-text span {
  color: #999999;
}

.item-details-table table tr td:nth-last-child(1) {
  text-align: right;
}

.item-details-table-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: 14px;
}

.item-details-table-people .people-img {
  min-height: 40px;
  min-width: 40px;
  max-height: 40px;
  max-width: 40px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

.item-details-table-people .people-img img {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.item-details-table-people .people-text p {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  color: #999999;
  margin-bottom: 0px;
}

.item-details-table-people .people-text h6 {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
}

.item-details-table-people .people-text h6 img {
  margin-left: 7px;
}

.item-details-driscption-list ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  max-width: 121px;
  width: 100%;
  margin-top: 17px;
  margin-bottom: 9px;
}

.item-details-driscption-list ul li {
  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;
}

.item-details-driscption-list ul li span {
  line-height: 36px;
  color: #444444;
}

.item-details-driscption-list ul li span:nth-child(1) {
  text-transform: uppercase;
  min-width: 113px;
}

.item-details-driscption-list p {
  max-width: 649px;
  width: 100%;
}

body.dark-scheme .item-details-info .item-details-price-section .item-details-price p span,
html.dark-scheme body .item-details-info .item-details-price-section .item-details-price p span {
  color: #ffffff;
}

body.dark-scheme .item-details-info .item-details-header .item-categories,
html.dark-scheme body .item-details-info .item-details-header .item-categories {
  color: #ffffff;
}

body.dark-scheme .item-details-info .item-details-btns .item-details-timer,
html.dark-scheme body .item-details-info .item-details-btns .item-details-timer {
  color: #ffffff;
}

body.dark-scheme .item-details-tab-section .item-details-tab-btns,
html.dark-scheme body .item-details-tab-section .item-details-tab-btns {
  border-color: #ffffff20;
}

body.dark-scheme .item-details-tab-section .item-details-tab-btns li.active, body.dark-scheme .item-details-tab-section .item-details-tab-btns li:hover,
html.dark-scheme body .item-details-tab-section .item-details-tab-btns li.active,
html.dark-scheme body .item-details-tab-section .item-details-tab-btns li:hover {
  color: #ffffff;
}

body.dark-scheme .item-details-info .nft-people-section,
html.dark-scheme body .item-details-info .nft-people-section {
  border-color: #ffffff20;
}

body.dark-scheme .item-details-table table tr td .table-text,
html.dark-scheme body .item-details-table table tr td .table-text {
  color: #ffffff;
}

body.dark-scheme .item-details-driscption-list ul li span,
html.dark-scheme body .item-details-driscption-list ul li span {
  color: #999999;
}

body.dark-scheme .item-details-driscption-list p,
html.dark-scheme body .item-details-driscption-list p {
  color: #999999;
}

body.dark-scheme .item-details-buy-now-btn span,
html.dark-scheme body .item-details-buy-now-btn span {
  color: #ffffff;
}

.app-landing-hero-section {
  padding-top: 190px;
  position: relative;
  overflow: hidden;
}

.app-landing-hero-section .app-hero-content {
  margin-top: -100px;
  position: relative;
  z-index: 1;
}

.app-landing-hero-section .app-hero-content p {
  font-size: 18px;
  line-height: 36px;
}

.app-landing-hero-section .app-hero-content .hero-content-button .bg-blue-btn {
  height: 60px;
  width: 220px;
  padding: 14px 30px;
}

.app-landing-hero-section .app-landing-banner-img {
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.app-landing-hero-section .app-landing-banner-img img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.app-landing-hero-section .app-banner-text-effect {
  margin-bottom: 31px;
}

.app-landing-hero-section .app-banner-text-effect p {
  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;
}

.app-landing-hero-section .app-banner-text-effect p .badge {
  line-height: 14px;
  color: #FFFFFF;
  padding: 8px 11.5px;
  font-family: "Montserrat Alternates", sans-serif;
  background: #f7578c;
  border-radius: 15px;
}

.app-landing-hero-section .app-banner-text-effect p .cd-words-wrapper {
  width: 100% !important;
  margin-left: 10px;
}

.app-landing-hero-section .app-banner-text-effect p b {
  color: #111111;
  font-weight: 500;
  font-size: 18px;
  line-height: 36px;
}

.app-landing-hero-section .app-banner-text-effect p b img {
  margin-left: 10px;
}

.app-landing-hero-section .app-banner-shape1 {
  position: absolute;
  top: 0px;
  right: 12%;
  z-index: 0;
}

.app-landing-hero-section .app-banner-shape2 {
  position: absolute;
  bottom: -84px;
  left: 10%;
  z-index: 0;
}

.crypto-wallet-body {
  background: #101722;
  min-height: 100vh;
}

.crypto-wallet-hero-section {
  padding-top: 181px;
}

.crypto-hero-section-text {
  text-align: center;
}

.crypto-hero-section-text h1 {
  font-weight: 700;
  font-size: 70px;
  line-height: 90px;
  text-align: center;
  color: #ffffff;
  max-width: 750px;
  margin: 0 auto;
  margin-bottom: 27px;
}

.crypto-hero-section-text h1 span {
  color: #01FFB0;
}

.crypto-hero-section-text .banner-text {
  max-width: 545px;
  font-size: 18px;
  line-height: 35px;
  margin: 0 auto;
  color: #ffffff;
  margin-bottom: 38px;
}

.banner-animetion {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 19px;
  padding: 3px 7px;
  max-width: 364px;
  width: 100%;
  margin: auto;
  margin-bottom: 19px;
  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;
  cursor: pointer;
}

.banner-animetion .new {
  font-weight: 700;
  line-height: 14px;
  color: #111111;
  padding: 5px 9px;
  background: #FCE344;
  border-radius: 15px;
  margin-right: 9px;
}

.banner-animetion p {
  margin-bottom: 0px;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.banner-animetion span {
  margin-left: 12px;
}

.crypto-hero-img {
  width: 100%;
  margin-top: 60px;
  position: relative;
  margin-bottom: 140px;
  position: relative;
}

.crypto-hero-img .dhashboard-img {
  max-width: 950px;
  margin: auto;
  padding-right: 30px;
  background: rgba(57, 63, 87, 0.7);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 30px;
  overflow: hidden;
}

.crypto-hero-img .dhashboard-img img {
  height: 100%;
  width: 100%;
}

.crypto-hero-img .mobile-img {
  padding: 10px;
  background: rgba(128, 132, 149, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 25px;
  position: absolute;
  right: 0px;
  bottom: 48px;
  max-width: 190px;
}

.crypto-hero-img .mobile-img img {
  height: 100%;
  width: 100%;
}

.container {
  position: relative;
  z-index: 2;
}

.hero-overlay {
  background: radial-gradient(54.8% 82.2% at 50.8% 4.8%, rgba(0, 0, 96, 0.5) 0%, rgba(16, 23, 34, 0.5) 100%);
  height: 100vh;
  position: absolute;
  top: 0px;
  z-index: 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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.hero-overlay .banner-vector {
  margin-top: 53%;
}

.hero-overlay .banner-grad {
  margin-top: 0px;
}

.coroprate-banner-section {
  background: url(../images/corporate/corporate-banner-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 11;
  background-attachment: fixed;
  overflow: hidden;
}

.coroprate-banner-section .overlay {
  background: rgba(16, 23, 34, 0.7);
  padding: 198px 0px;
  height: 100%;
  position: relative;
  z-index: 1;
}

.corporate-banner-text {
  max-width: 613px;
  width: 100%;
  margin: auto;
  padding: 0px 20px;
}

.corporate-banner-text h4 {
  margin-bottom: 19px;
}

.corporate-banner-text h1 {
  font-size: 80px;
  line-height: 125%;
  margin-bottom: 32px;
}

.corporate-banner-text p {
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 48px;
}

.crypto2-hero-section {
  padding-top: 203px;
  position: relative;
}

.crypto2-hero-section .bottom-overlay {
  content: '';
  height: 171px;
  position: absolute;
  bottom: 84px;
  left: 0px;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  z-index: 11;
}

.crypto2-hero-section .container {
  z-index: auto;
}

.crypto2-hero-left {
  position: relative;
  z-index: 0;
}

.crypto2-hero-left::before {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(69, 65, 254, 0.15)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(69, 65, 254, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
  height: 700px;
  width: 700px;
  border-radius: 50%;
  position: absolute;
  top: -100px;
  left: -212px;
}

/* curvey arrows */
.hero-curey-arrow-img {
  position: relative;
  z-index: 1;
}

.hero-curey-arrow-img .curved_arrow1 {
  position: absolute;
  top: -40px;
  left: 21%;
    z-index: 1;
  -webkit-animation: jumpingDownRight 4.5s infinite;
          animation: jumpingDownRight 4.5s infinite;
}

.hero-curey-arrow-img .curved_arrow2 {
  position: absolute;
  top: -84px;
  right: 19.5%;
    z-index: 800;
  -webkit-animation: jumpingDownLeft 4.5s infinite;
          animation: jumpingDownLeft 4.5s infinite;
}

.hero-curey-arrow-img .coin3 {
  position: absolute;
  top: 140px;
  left: 12%;
  -webkit-animation: jumpingUp 5s infinite;
          animation: jumpingUp 5s infinite;
}
/* curvey arrows end */

.crypto2-hero-img {
  position: relative;
  z-index: 1;
}

.crypto2-hero-img .coin1 {
  position: absolute;
  top: -50px;
  left: 12%;
  -webkit-animation: jumpingDown 4.5s infinite;
          animation: jumpingDown 4.5s infinite;
}

.crypto2-hero-img .coin2 {
  position: absolute;
  top: -30px;
  right: 33%;
  -webkit-animation: jumpingUp 5s infinite;
          animation: jumpingUp 5s infinite;
}

.crypto2-hero-img .coin3 {
  position: absolute;
  top: 140px;
  left: 12%;
  -webkit-animation: jumpingUp 5s infinite;
          animation: jumpingUp 5s infinite;
}

.crypto2-hero-text {
  padding-top: 39px;
  position: relative;
  z-index: 99;
}

.crypto2-hero-text h1 {
  line-height: 80px;
  margin-bottom: 17px;
}

.crypto2-hero-text p {
  font-weight: 500;
  font-size: 18px;
  line-height: 36px;
  max-width: 573px;
  margin-bottom: 48px;
}

.crypto2-banner-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: 391px;
  width: 100%;
}

.crypto2-banner-links .os-link {
  -webkit-filter: brightness(0);
          filter: brightness(0);
  opacity: 0.4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.crypto2-banner-links .os-link:hover {
  -webkit-filter: none;
          filter: none;
  opacity: 1;
}

.crypto-token-body {
  background: #0D1014;
  min-height: 100vh;
}

.crypto-token-banner .crypto-token-banner-shape {
  position: absolute;
  top: 15px;
  left: 0px;
  width: 100%;
  z-index: 0;
}

.crypto-token-banner .crypto-token-banner-shape .ractangle {
  background: -webkit-gradient(linear, left top, right top, from(rgba(208, 46, 190, 0.3)), to(rgba(108, 211, 108, 0.3)));
  background: linear-gradient(90deg, rgba(208, 46, 190, 0.3) 0%, rgba(108, 211, 108, 0.3) 100%);
  width: 100%;
  height: 60px;
  margin-bottom: 20px;
}

.crypto-token-banner-inner {
  background: url(../images/crypto-token/crypto-token-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.crypto-token-banner-inner .overlay {
  background: url(../images/crypto-token/grain-texture.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding-top: 251px;
  padding-bottom: 91px;
  height: 100%;
}

.crypto-token-banner-inner .overlay .container {
  position: relative;
}

.crypto-token-banner-inner .overlay .masd-grad {
  position: absolute;
  right: -158px;
  top: -100px;
}

.crypto-token-banner-inner .bottom-overlay {
  height: 50%;
  width: 100%;
  bottom: 0px;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 16, 20, 0)), color-stop(65.1%, rgba(13, 16, 20, 0.762195)), color-stop(85.42%, #0D1014));
  background: linear-gradient(180deg, rgba(13, 16, 20, 0) 0%, rgba(13, 16, 20, 0.762195) 65.1%, #0D1014 85.42%);
}

.crypto-token-banner-text {
  margin-bottom: 120px;
  position: relative;
  z-index: 1;
}

.crypto-token-banner-text h1 {
  font-size: 100px;
  line-height: 120%;
  color: #ffffff;
  margin-bottom: 45px;
  text-transform: uppercase;
}

.crypto-token-banner-text p {
  font-size: 18px;
  line-height: 200%;
  color: #ffffff;
  max-width: 650px;
  margin-bottom: 58px;
}

.crypto-token-banner-ball {
  position: relative;
  position: absolute;
  right: 0px;
  top: -91px;
  z-index: 0;
}

.crypto-token-banner-ball img {
  animation: rotate360 8s linear infinite;
  -webkit-animation: rotate360 8s linear infinite;
}

/*-- crypto banner card --*/
.crypto-banner-card {
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 20px;
  padding: 25px 40px;
}

.crypto-banner-card h2 {
  font-size: 40px;
  max-height: 70px;
  min-height: 70px;
  padding: 5px 0px;
  line-height: 140%;
  color: #ffffff;
  margin-bottom: 0px;
  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: 15px 0px;
}

.crypto-banner-card p {
  font-size: 18px;
  line-height: 100px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0px;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.crypto-banner-card p::after {
  content: '';
  height: 11px;
  width: 11px;
  background: #BFFF0A;
  border-radius: 50%;
  position: absolute;
  right: -20px;
  top: 45px;
}

.crypto-banner-card2 {
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 20px;
  padding: 25px 38px;
  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: 30px;
}

.crypto-banner-card2 h2 {
  font-size: 40px;
  line-height: 60px;
  color: #ffffff;
  margin-bottom: 0px;
}

.crypto-banner-card2 p {
  font-size: 18px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0px;
  line-height: 60px;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-left: 25px;
}

.crypto-banner-card2 p::before {
  content: '';
  height: 11px;
  width: 11px;
  background: #BFFF0A;
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: 25px;
}

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

.number-diy .data {
  font-size: 40px !important;
  line-height: auto;
  color: #ffffff !important;
  margin-bottom: 0px;
}

.number-diy .data div {
  width: 30px !important;
  padding: 0px !important;
}

.number-diy .data div span {
  width: 30px !important;
  padding: 0px !important;
  height: auto !important;
}

/*-- banner-video-section start --*/
@-webkit-keyframes circle {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes circle {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

.banner-video-section {
  padding-top: 50px;
}

.banner-video-card {
  height: 550px;
  border-radius: 30px;
  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;
}

.banner-video-card video {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  border-radius: 30px;
}

.banner-video-card h2 {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #ffffff;
  margin-bottom: 0px;
  font-size: 70px;
  text-transform: uppercase;
  line-height: 117%;
}

.banner-video-card h2.cd-headline span {
  padding: 0px !important;
}

.banner-video-card h2 .cd-words-wrapper {
  width: 577px !important;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
}

.banner-video-card h2 .cd-words-wrapper b {
  font-weight: 700;
  width: 577px !important;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
}

/*-- banner-video-section End --*/
.sass-landing-hero-section {
  padding-bottom: 192px;
  position: relative;
}

.sass-landing-hero-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: clip;
}

.sass-landing-hero-bg .bg-inner {
  position: relative;
}

.sass-landing-hero-bg .bg-inner img {
  width: 100%;
  min-height: 932px;
}

.sass-landing-hero-bg .banner-shape-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;
  position: absolute;
  bottom: 148px;
  left: 0px;
  width: 104%;
  z-index: 0;
  -webkit-transform: rotate(-11deg);
          transform: rotate(-11deg);
}

.sass-landing-hero-bg .banner-shape {
  background: linear-gradient(219.71deg, rgba(0, 149, 255, 0.15) -0.06%, rgba(255, 255, 255, 0.03) 77.32%);
  height: 226px;
  width: 16.66666%;
}

.sass-landing-hero-content {
  padding-top: 281px;
}

.sass-banner-text h1 {
  color: #ffffff;
  margin-bottom: 32px;
}

.sass-banner-text p {
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 53px;
  color: #ffffff;
  max-width: 534px;
  width: 100%;
}

.sass-banner-btn {
  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: 39px;
  margin-bottom: 41px;
}

.sass-banner-btn .view-demo-btn {
  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-transition: 0.3s;
  transition: 0.3s;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  text-align: center;
  color: #FFFFFF;
}

.sass-banner-btn .view-demo-btn img {
  margin-left: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sass-banner-btn .view-demo-btn:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.sass-banner-img {
  position: relative;
}

.sass-banner-img .banner-img {
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sass-banner-img .shape2 {
  position: absolute;
  z-index: 0;
  top: 13px;
  left: -56px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sass-banner-img .shape1 {
  position: absolute;
  z-index: 2;
  right: -55px;
  top: 66px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sass-landing-banner-shapes {
  width: 100%;
  position: relative;
}

.sass-landing-banner-shapes .shape1 {
  position: absolute;
  left: 0px;
  bottom: -163px;
  z-index: 3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sass-landing-banner-shapes .shape2 {
  position: absolute;
  left: 25%;
  bottom: -177px;
  z-index: 3;
}

.sass-landing-banner-shapes .shape3 {
  position: absolute;
  left: 50%;
  bottom: -190px;
  z-index: 3;
}

.sass-landing-banner-shapes .shape4 {
  position: absolute;
  right: 25%;
  bottom: -60px;
  z-index: 3;
}

.sass-landing-banner-shapes .shape5 {
  position: absolute;
  right: -95px;
  bottom: -108px;
  z-index: 3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.defi-index-bg {
  background: #0D1014;
  min-height: 100vh;
}

.defi-banner-section {
  background: url(../images/defi/defi-banner-bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

.defi-banner-section .defi-banner-inner {
  background: url(../images/crypto-token/grain-texture.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.defi-banner-section .defi-banner-inner .overlay {
  background: -webkit-gradient(linear, left top, left bottom, from(#0D1014), color-stop(50.52%, rgba(13, 16, 20, 0.7)), to(#0D1014));
  background: linear-gradient(180deg, #0D1014 0%, rgba(13, 16, 20, 0.7) 50.52%, #0D1014 100%);
  padding-top: 260px;
  width: 100%;
  height: 100%;
}

.defi-banner-text {
  text-align: center;
  max-width: 813px;
  margin: auto;
}

.defi-banner-text h1 {
  margin-bottom: 30px;
  font-size: 70px;
  font-weight: 700;
  line-height: 100px;
  text-align: center;
  color: #FFFFFF;
}

.defi-banner-text h1 .words {
  padding: 0px -7px;
}

.defi-banner-text h1 .word {
  padding: 0px 6px;
}

.defi-banner-text h1 .animation-text {
  padding: 0;
  margin: 0 auto !important;
  text-align: center;
}

.defi-banner-text h1 .animation-text:after {
  display: none;
}

.defi-banner-text h1 b {
  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;
  font-weight: 700;
  margin-top: 6px;
}

.defi-banner-text p {
  font-weight: 500;
  font-size: 18px;
  line-height: 36px;
  text-align: center;
  color: #FFFFFF;
  max-width: 626px;
  margin: auto;
  margin-bottom: 48px;
}

.multi-chain-section {
  margin-top: 59px;
}

.multi-chain-section p {
  font-weight: 500;
  font-size: 18px;
  line-height: 36px;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 9px;
}

.multi-chain-card {
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 150px;
  padding: 20px 0px;
  overflow: hidden;
}

.multi-chain-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: 20px;
}

.multi-chain-list:nth-last-child(1) {
  margin-bottom: 0px;
}

.multi-chain-list1 {
  -webkit-animation: smoothSlider 32s infinite linear;
          animation: smoothSlider 32s infinite linear;
}

.multi-chain-list2 {
  -webkit-animation: smoothSlider 25s infinite linear;
          animation: smoothSlider 25s infinite linear;
}

.multi-chain-list3 {
  -webkit-animation: smoothSlider 15s infinite linear;
          animation: smoothSlider 15s infinite linear;
}

.multi-chain-list4 {
  -webkit-animation: smoothSlider 22s infinite linear;
          animation: smoothSlider 22s infinite linear;
}

.multi-chain-list ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  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;
}

.multi-chain-list ul li {
  margin-right: 20px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 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: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.multi-chain-list ul li .coin-img {
  height: 30px;
  width: 30px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  margin-right: 9px;
}

.multi-chain-list ul li .coin-img img {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

.multi-chain-list ul li span {
  color: rgba(255, 255, 255, 0.8);
}

.defi-banner-btn {
  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;
}

.defi-banner-btn:hover .defi-banner-btn-shape .shape1 {
  padding: 3.5px 0px;
}

.defi-banner-btn:hover .defi-banner-btn-shape .shape2 {
  padding: 5px 0px;
}

.defi-banner-btn:hover .defi-banner-btn-shape .shape3 {
  padding: 6px 0px;
}

.defi-banner-btn-shape {
  margin-right: 15px;
  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: 4px;
}

.defi-banner-btn-shape .shape1 {
  width: 3px;
  padding: 6px 0px;
  background: #FFFFFF;
  border-radius: 2px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.defi-banner-btn-shape .shape2 {
  width: 3px;
  padding: 3.5px 0px;
  background: #FFFFFF;
  border-radius: 2px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.defi-banner-btn-shape .shape3 {
  width: 3px;
  background: #FFFFFF;
  border-radius: 2px;
  padding: 5px 0px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*-- footer-section start --*/
.footer-section {
  background-color: #191c1f;
  position: relative;
  z-index: 0;
}

.footer-section.crypto2 {
  background: #ffffff;
}

.footer-section.crypto2 .footer-info p {
  color: #444444;
}

.footer-section.crypto2 .footer-widget .widget-title h6 {
  color: #111111;
}

.footer-section.crypto2 .footer-widget .widget-list li a {
  color: #111111;
}

.footer-section.crypto2 .theme-badge {
  background: #4541FE;
}

.footer-section.crypto2 .footer-follow p {
  color: #444444;
}

.footer-section.crypto2 .footer-follow .social-link li a {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.footer-section.crypto2 .footer-copyright p {
  color: #444444;
}

.footer-section.crypto2 .privacy-menu li a {
  color: #444444;
}

.footer-section.crypto2 .footer-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.footer-section.v2 {
  background-color: #eceff1;
  border-radius: 50px 50px 0px 0px;
}

.footer-section.v2 .footer-widget {
  margin-top: 0;
}

.footer-section.v2 .footer-widget .widget-title h6 {
  color: #111111;
}

.footer-section.v2 .footer-widget .widget-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-section.v2 .footer-widget .widget-list li a {
  color: #444444;
}

.footer-section.v2 .footer-widget .widget-list li a:hover {
  color: #111111;
}

.footer-section.v2 .footer-bottom {
  border-top: 1px solid #0000001a;
}

.footer-section.v2 .footer-copyright {
  text-align: right;
}

.footer-section.v2 .footer-copyright p {
  color: #444444;
}

.footer-section.v3 {
  background-color: #ffffff;
}

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

.footer-section.v3 .footer-copyright p {
  color: #444444;
}

.footer-section.v3 .footer-widget {
  margin-top: 0;
}

.footer-section.v3 .footer-widget .widget-title h6 {
  color: #111111;
}

.footer-section.v3 .footer-widget .widget-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-section.v3 .footer-widget .widget-list li a {
  color: #444444;
}

.footer-section.v3 .footer-widget .widget-list li a:hover {
  color: #111111;
}

.footer-section.v3 .footer-bottom {
  border-top: 1px solid #0000001a;
}

.footer-section.v3 .footer-copyright {
  text-align: right;
}

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

.footer-section.v4 .footer-info {
  margin-bottom: 10px;
}

.footer-section.v4 h4 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
}

.footer-section.v4 h5 {
  margin-top: 20px;
  font-size: 15px;
  line-height: 36px;
  color: #ffffff;
}

.footer-section.v4 h5 a {
  margin-left: 10px;
  background: -webkit-gradient(linear, right top, left top, color-stop(0.85%, #0095ff), to(#f7578c));
  background: linear-gradient(270deg, #0095ff 0.85%, #f7578c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.footer-section.v6 {
  background: #1f2334;
  border-radius: 30px;
}

.footer-section.v6 .v6theme-badge {
  background: #44C486;
}

.v6-footer-container {
  max-width: 1560px;
  padding: 0px 20px;
  margin: auto;
}

/*-- footer-top start --*/
.footer-top {
  padding: 50px 0;
}

.footer-top .footer-follow p {
  margin-bottom: 0;
}

/*-- footer-info style --*/
.footer-info {
  margin-bottom: 58px;
}

.footer-info .footer-logo {
  margin-bottom: 37px;
  display: block;
}

.footer-info p {
  color: #ffffffb2;
}

/*-- .footer-follow style --*/
.footer-follow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.footer-follow p {
  font-family: "Montserrat Alternates", sans-serif;
  color: #ffffff;
}

.footer-follow .social-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
}

.footer-follow .social-link li a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-follow .social-link li a img {
  width: 16px;
  height: 16px;
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-follow .social-link li a:hover {
  opacity: 1;
}

.footer-follow .social-link li a:hover img {
  opacity: 1;
}

/*-- footer-img style --*/
.footer-img {
  position: relative;
}

.footer-img a {
  position: absolute;
  top: 72px;
  left: 72px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  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;
}

.footer-img a svg {
  font-size: 16px;
  color: #0095ff;
}

/*-- footer-widget style --*/
.footer-widget {
  margin-top: 23px;
}

.footer-widget .widget-title {
  margin-bottom: 25px;
}

.footer-widget .widget-title h6 {
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0;
}

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

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

.footer-widget .widget-list li a {
  color: #ffffffb2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-widget .widget-list li a span {
  margin-left: 8px;
}

.footer-widget .widget-list li a:hover {
  color: #ffffff;
}

.footer-copyright p {
  color: #444444;
  margin-bottom: 0;
}

/*-- footer-top end --*/
/*-- footer-bottom start --*/
.footer-bottom {
  border-top: 1px solid #d9d9d91a;
  padding: 30px 0;
}

.footer-bottom .footer-rating {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-bottom .footer-rating p {
  margin-bottom: 0;
}

/*-- social-link style --*/
.social-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.social-link li a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.social-link li a img {
  width: 16px;
  height: 16px;
}

.social-link li a:hover {
  opacity: 0.7;
}

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

/*-- footer-copyright style --*/
.footer-copyright p {
  color: #ffffffb2;
}

/*-- privacy-menu style --*/
.privacy-menu {
  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;
  margin: 0;
  padding: 0;
  list-style: none;
}

.privacy-menu li a {
  color: #ffffffb2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.privacy-menu li a:hover {
  color: #ffffff;
}

/*-- footer-rating style --*/
.footer-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}

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

.footer-rating .list-item .icon img {
  width: 16px;
  height: 16px;
}

.footer-rating .list-item .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.footer-rating .list-item .text svg {
  font-size: 16px;
  line-height: 26px;
  color: #fec458;
}

.footer-rating .list-item .text p {
  font-weight: 500;
  font-size: 15px;
  line-height: 26px;
  color: #ffffff;
}

/*-- footer-bottom end --*/
/*-- footer-section end --*/
.footer6-section {
  margin-top: 124px;
  position: relative;
}

.footer6-section .footer-copyright-dark p {
  color: #111111;
}

.footer6-section .footer-contact-text {
  top: 5px;
}

.footer6-section.corporate-footer-section {
  background: #101722;
  margin-top: 0px;
  padding-top: 140px;
}

.footer6-section.corporate-footer-section .footer-copyright-dark p {
  color: rgba(255, 255, 255, 0.8);
}

.footer6-section.corporate-footer-section .footer-copyright-dark p a {
  color: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-contact-section {
  margin-bottom: 84px;
  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;
}

.footer-contact-section .footer-contact-line {
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0px;
  top: 18px;
  z-index: 1;
}

.footer-contact-section .footer-contact {
  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: 30px;
  margin-left: -20px;
}

.footer-contact-section .footer-contact-text {
  position: relative;
  z-index: 2;
  max-width: 180px;
  width: 100%;
}

.footer-contact-section .footer-contact-text p {
  min-width: 100px;
  max-width: 100px;
  padding-left: 20px;
  background: #ffffff;
  text-transform: uppercase;
}

.footer-contact-section .footer-contact-text h5 {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 36px;
  padding-left: 20px;
}

.footer-top6 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 92px;
}

.footer-top6 .footer-col h6 {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  margin-top: 35px;
  margin-bottom: 30px;
}

.footer-top6 .footer-col h5 {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 37px;
  text-transform: uppercase;
}

.footer-top6 .footer-col ul li a {
  font-family: "DM Sans", sans-serif;
  color: #444444;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-top6 .footer-col ul li a:hover {
  color: #0095ff;
}

.footer-top6 .footer-col p {
  margin-bottom: 12px;
}

.footer-top6 .footer-col 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;
}

.footer-top6 .footer-col form input {
  width: 100%;
  font-family: "DM Sans", sans-serif;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  padding: 9px 21px;
  max-width: 270px;
  width: 100%;
  margin-bottom: 20px;
}

.footer-top6 .footer-col form button {
  color: #ffffff;
  background: #0095ff;
  padding: 9px 38px;
  border-radius: 25px;
}

.footer-top6 .footer-col.v8 ul li {
  padding-bottom: 10px;
}

.footer-top6 .footer-col.v8 ul li a:hover {
  color: #0DAC81;
}

.footer-top6 .footer-col.v8 form button {
  background: #0DAC81;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-top6 .footer-col.v8 form button:hover {
  opacity: 0.8;
}

.footer-top6 .footer-col.corporate-footer-col p {
  color: rgba(255, 255, 255, 0.8);
}

.footer-top6 .footer-col.corporate-footer-col ul li {
  padding-bottom: 10px;
}

.footer-top6 .footer-col.corporate-footer-col ul li a {
  color: rgba(255, 255, 255, 0.8);
}

.footer-top6 .footer-col.corporate-footer-col ul li a:hover {
  color: #5ECC62;
}

.footer-top6 .footer-col.corporate-footer-col form input {
  background: transparent;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.12);
}

.footer-top6 .footer-col.corporate-footer-col form input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.footer-top6 .footer-col.corporate-footer-col form input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.footer-top6 .footer-col.corporate-footer-col form input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.footer-top6 .footer-col.corporate-footer-col form input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.footer-top6 .footer-col.corporate-footer-col form button {
  background: #5ECC62;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-top6 .footer-col.corporate-footer-col form button:hover {
  opacity: 0.8;
}

.corporate-footer-social-link li a {
  -webkit-filter: brightness(100);
          filter: brightness(100);
}

.corporate-footer-social-link li a:hover {
  opacity: 0.8;
}

.text-link.v8,
.text-link.v8:hover {
  color: #0DAC81;
}

.text-link.corpotate,
.text-link.corpotate:hover {
  color: #5ECC62;
}

.v7-footer-area {
  position: fixed;
  z-index: 0;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.footer-section-v7 {
  background: #191c1f;
  padding-top: 99px;
  position: relative;
  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;
  z-index: 1;
}

.footer-section-v7 .footer-section-grain-texture {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.footer-section-v7 .footer-section-grain-texture img {
  height: 100%;
  width: 100%;
}

.footer-section-mash-gard {
  position: absolute;
  z-index: 0;
  top: 0%;
  width: 827px;
  height: 566px;
}

.footer-v7-content {
  position: relative;
  z-index: 4;
}

.footer-v7-text {
  text-align: center;
  max-width: 535px;
  width: 100%;
  margin: auto;
  margin-bottom: 60px;
}

.footer-v7-text h2 {
  margin-bottom: 45px;
  color: #ffffff;
}

.footer-v7-text .leav-msg-btn {
  border-radius: 50px;
  width: 220px;
  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;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: auto;
}

.v7footer-contact-card {
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 20px;
  padding: 45px 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;
}

.v7footer-contact-card .v7footer-card-text {
  color: #ffffff;
}

.v7footer-contact-card .v7footer-card-text p {
  text-transform: uppercase;
}

.v7footer-contact-card .v7footer-card-text h6 {
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 0;
  color: #fff;
}

.v7footer-contact-card .v7footer-card-text.text-right p {
  margin-bottom: 10px;
}

.v7-main-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;
  padding: 32px 0px;
}

.v7-main-footer .back-to-top-btn {
  margin: auto;
}

.v7-main-footer .back-to-top-btn .icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  font-size: 28px;
  color: #ffffff;
}

.v7-main-footer .copyright-text {
  color: rgba(255, 255, 255, 0.7);
  width: 47%;
}

.v7-main-footer .copyright-text a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.v7-main-footer .copyright-text a:hover {
  color: #ffffff;
}

.v7-main-footer .privacy-menu {
  width: 47%;
}

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

.chatbot-footer-section {
  padding-top: 90px;
  padding-bottom: 44px;
  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: 140px;
  position: relative;
}

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

.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;
}

.subscribe-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;
  gap: 10px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 35px;
  padding: 10px;
  max-width: 470px;
  width: 100%;
  max-height: 60px;
}

.subscribe-form.sass {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 35px;
}

.subscribe-form.sass .form-input {
  color: #111111;
}

.subscribe-form.sass .form-input::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #111111;
}

.subscribe-form.sass .form-input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #111111;
}

.subscribe-form.sass .form-input::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #111111;
}

.subscribe-form.sass .form-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #111111;
}

.subscribe-form.sass .form-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #111111;
}

.subscribe-form.sass .form-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #111111;
}

.subscribe-form.sass .bg-blue-btn {
  background: #0555FF;
}

.subscribe-form .form-input {
  color: #ffffff;
  background: transparent;
  border: none;
  outline: none;
  padding: 14px;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}

.subscribe-form .form-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.subscribe-form .form-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.subscribe-form .form-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.subscribe-form .form-input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.subscribe-form .bg-blue-btn {
  padding: 7px 33px;
  border: none;
  outline: none;
}

.subscribe-form .bg-blue-btn:hover {
  opacity: 0.8;
}

.subscribe-form .bg-blue-btn.gradient-bg-btn {
  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%);
  color: #111111;
}

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

.footer-menu-list h5 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 37px;
}

.footer-menu-list ul {
  list-style: none;
  padding: 0px;
}

.footer-menu-list ul li a {
  line-height: 36px;
  color: rgba(255, 255, 255, 0.7);
  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: 5px;
}

.footer-menu-list ul li a:hover {
  color: #ffffff;
}

.footer-menu-list ul li a span {
  text-transform: uppercase;
  color: #ffffff;
  background: #F7578C;
  border-radius: 10px;
  height: 20px;
  width: 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;
  font-size: 13px;
}

.footer-menu-list ul li a span.crypto-badge {
  background: #01FFB0;
  color: #111111;
}

.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: 367px;
  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;
}

.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: 26px;
}

.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 {
  background: -webkit-gradient(linear, right top, left top, color-stop(0.85%, #0095FF), to(#F7578C));
  background: linear-gradient(270deg, #0095FF 0.85%, #F7578C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-left: 12px;
}

.chatbot-footer-bottom-right.sass p a {
  background: -webkit-gradient(linear, right top, left top, color-stop(0.85%, #0555FF), to(#F7578C));
  background: linear-gradient(270deg, #0555FF 0.85%, #F7578C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-left: 12px;
}

.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;
}

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

.crypto-footer-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;
  gap: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.crypto-footer-social-list a {
  height: 60px;
  width: 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;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(2.5px);
          backdrop-filter: blur(2.5px);
  border-radius: 15px;
}

.chatbot-footer-bottom .footer-copyright {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  font-weight: 400;
  line-height: 26px;
  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;
  min-height: 48px;
}

.chatbot-footer-bottom .footer-copyright a {
  margin: 0px 5px;
}

.chatbot-footer-bottom .footer-copyright a:hover {
  color: #ffffff;
}

.chatbot-footer-bottom .footer-copyright.sass {
  color: #444444;
  font-weight: 500;
}

.chatbot-footer-bottom .footer-copyright.sass a:hover {
  color: #111111;
}

.chatbot-footer-bottom .footer-copyright.crypto {
  color: rgba(255, 255, 255, 0.7);
}

.chatbot-footer-bottom .copyright-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: 210px;
  list-style: none;
  padding: 0px;
  min-height: 48px;
}

.chatbot-footer-bottom .copyright-list li {
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-right-color: 50%;
  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;
}

.chatbot-footer-bottom .copyright-list li img {
  height: 100%;
  width: 100%;
  position: absolute;
}

/*-- newsletter section --*/
.newsletter-get-demo-section {
  background: #0095FF;
  border-radius: 30px;
  overflow: hidden;
}

.newsletter-get-demo-section.sass {
  background: #6D3ADB;
  overflow: visible;
}

.newsletter-get-demo-section-inner {
  background: url(../images/newslater/newsletter-footer-bg.png);
  background-attachment: fixed;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  padding-top: 54px;
  padding-left: 69px;
  padding-right: 88px;
}

.newsletter-get-demo-section-inner .newsletter-box {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.newsletter-get-demo-section-inner.sass {
  background: url(../images/sass2/sass-footer-demo-bg.png);
  background-attachment: fixed;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  padding: 54px 70px;
}

.newsletter-get-demo-left {
  padding-bottom: 63px;
}

.newsletter-get-demo-left h2 {
  margin-bottom: 33px;
  color: #ffffff;
}

.newsletter-get-demo-left a {
  font-weight: 700;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.newsletter-get-demo-left a svg {
  margin-left: 10px;
  font-size: 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.newsletter-get-demo-left a:hover svg {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.sass-demo-shapes {
  position: relative;
  height: 100%;
  width: 100%;
}

.sass-demo-shapes .shape1 {
  position: absolute;
  right: 132px;
  rop: 0px;
}

.sass-demo-shapes .shape2 {
  position: absolute;
  top: 32px;
  right: 0px;
}

.sass-demo-shapes .shape3 {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.sass-demo-shapes .shape4 {
  position: absolute;
  top: 0px;
  right: -100px;
}

.crypto-wallet-footer {
  padding-top: 135px;
  background: transparent !important;
}

.footer-menu-list.sass h5 {
  color: #111111;
}

.footer-menu-list.sass ul li a {
  color: #444444;
}

.footer-top-section {
  padding: 75px 0px;
  background: url(../images/nft/footer-top-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
}

.footer-top-section::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 50%;
  background: rgba(255, 255, 255, 0.05);
}

.footer-top-section .footer-top-text {
  position: relative;
  z-index: 2;
  max-width: 352px;
}

.footer-top-section .footer-top-text.right {
  margin-left: 240px;
}

.footer-top-section .footer-top-text p {
  font-size: 16px;
  line-height: 50px;
  font-weight: 700;
  margin-bottom: 0px;
  text-transform: uppercase;
  color: #ffffff;
}

.footer-top-section .footer-top-text h3 {
  font-size: 30px;
  line-height: 50px;
  font-weight: 700;
  margin-bottom: 0px;
  color: #ffffff;
}

.footer-top-section .footer-top-text h3 img {
  margin-left: 10px;
}

.nft-footer-section {
  padding-top: 78px;
  background: #ffffff;
  margin-top: 100px;
}

.nft-top-footer {
  margin-bottom: 54px;
}

.nft-footer-logo .logo-dark {
  display: block;
}

.nft-footer-logo .logo-light {
  display: none;
}

.nft-newsletter h5 {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 4px;
}

.nft-newsletter form {
  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: 10px;
}

.nft-newsletter form input {
  background: transparent;
  padding: 8px 19px;
  height: 45px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 25px;
  max-width: 300px;
  width: 100%;
}

.nft-newsletter form button {
  width: 160px;
  height: 45px;
  font-weight: 700;
  background: #5F5FFF;
  border-radius: 25px;
  color: #ffffff;
  padding: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nft-newsletter form button img {
  margin-left: 13px;
}

.nft-footer-social-list {
  margin-top: 38px;
}

.nft-footer-social-list 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;
  max-width: 369px;
  width: 100%;
  margin-bottom: 90px;
}

.nft-footer-menu h5 {
  margin-bottom: 21px;
  font-size: 16px;
}

.nft-footer-menu ul {
  list-style: none;
  padding: 0px;
}

.nft-footer-menu ul li {
  line-height: 40px;
}

.nft-footer-menu ul li a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nft-footer-menu ul li a:hover {
  color: #111111;
}

.nft-bottom-footer-right {
  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;
}

.nft-bottom-footer-right 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;
  max-width: 343px;
  width: 100%;
  margin-bottom: 0px;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.nft-bottom-footer-right ul li {
  color: #111111;
  font-weight: 700;
}

.nft-bottom-footer-right ul li span {
  font-weight: 500;
  color: #444444;
}

.nft-bottom-footer {
  position: relative;
  padding: 40px 0px;
}

.nft-bottom-footer p {
  margin-bottom: 0px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nft-bottom-footer .nft-blur-shape {
  position: absolute;
  bottom: 0px;
  z-index: 0;
  -webkit-transform: translateX(50%, -50%);
          transform: translateX(50%, -50%);
  width: 100%;
  text-align: center;
}

.nft-bottom-footer .row {
  position: relative;
  z-index: 2;
}

.footer-dropdown {
  max-width: 130px;
  width: 100%;
  margin-left: auto;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 30px;
  position: relative;
  height: 45px;
}

.footer-dropdown::after {
  content: '>';
  position: absolute;
  top: 6px;
  right: 20px;
  font-size: 20px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.footer-dropdown select {
  padding: 2px 20px;
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  outline: none;
  line-height: auto;
  color: #444444;
  font-weight: 500;
  -webkit-appearance: none;
}

/*-- Dark Mood --*/
body.dark-scheme .nft-footer-section,
html.dark-scheme body .nft-footer-section {
  background: #181D22;
}

body.dark-scheme .nft-footer-logo .logo-dark,
html.dark-scheme body .nft-footer-logo .logo-dark {
  display: none;
}

body.dark-scheme .nft-footer-logo .logo-light,
html.dark-scheme body .nft-footer-logo .logo-light {
  display: block;
}

body.dark-scheme .nft-newsletter form input,
html.dark-scheme body .nft-newsletter form input {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

body.dark-scheme .nft-footer-menu ul li a:hover,
html.dark-scheme body .nft-footer-menu ul li a:hover {
  color: #ffffff;
}

body.dark-scheme .nft-footer-menu ul li a,
html.dark-scheme body .nft-footer-menu ul li a {
  color: rgba(255, 255, 255, 0.8);
}

body.dark-scheme .nft-bottom-footer p,
html.dark-scheme body .nft-bottom-footer p {
  color: rgba(255, 255, 255, 0.8);
}

body.dark-scheme .nft-newsletter p,
html.dark-scheme body .nft-newsletter p {
  color: rgba(255, 255, 255, 0.8);
}

body.dark-scheme .nft-bottom-footer-right ul li,
html.dark-scheme body .nft-bottom-footer-right ul li {
  color: #ffffff;
}

body.dark-scheme .nft-bottom-footer-right ul li span,
html.dark-scheme body .nft-bottom-footer-right ul li span {
  color: rgba(255, 255, 255, 0.8);
}

body.dark-scheme .footer-dropdown,
html.dark-scheme body .footer-dropdown {
  background: #181D22;
  border: 1px solid #999999;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

body.dark-scheme .footer-dropdown select,
html.dark-scheme body .footer-dropdown select {
  color: #999999;
}

body.dark-scheme .footer-dropdown select option,
html.dark-scheme body .footer-dropdown select option {
  background: #181D22;
}

.token-footer-section {
  background: url(../images/crypto-token/bg_footer.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.token-footer-section .overlay {
  background: url(../images/crypto-token/grain-texture.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
}

.token-footer-section .overlay .overlay2 {
  background: -webkit-gradient(linear, left top, left bottom, from(#0D1014), to(rgba(13, 16, 20, 0.8)));
  background: linear-gradient(180deg, #0D1014 0%, rgba(13, 16, 20, 0.8) 100%);
  height: 100%;
  width: 100%;
  position: relative;
}

.token-footer-section .overlay .overlay2 .footer-shape {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  text-align: center;
  z-index: -1;
}

.token-footer-menu-section {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.token-footer-menu-section .footer-column {
  padding-top: 73px;
  padding-bottom: 70px;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  min-height: 100%;
  padding-left: 8px;
}

.token-footer-menu-section .footer-column4 {
  border-right: none;
}

.token-footer-menu-section .footer-column h5 {
  margin-bottom: 26px;
  font-family: "Quantico", sans-serif;
  color: #ffffff;
  font-weight: 700;
  line-height: 167%;
  text-transform: uppercase;
}

.token-footer-menu-section .footer-column ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.token-footer-menu-section .footer-column ul li a {
  color: rgba(255, 255, 255, 0.8);
  line-height: 240%;
  font-weight: 500;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.token-footer-menu-section .footer-column ul li a:hover {
  color: #ffffff;
}

.token-subscribe-section {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  padding: 30px 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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.token-subscribe-section input[type=email] {
  background: transparent;
  overflow: hidden;
  height: 100%;
  max-width: 500px;
  width: 100%;
  border: none;
  outline: none;
  font-family: "Quantico", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 167%;
  color: #ffffff;
}

.token-subscribe-section input[type=email]::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.2);
}

.token-subscribe-section input[type=email]:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.2);
}

.token-subscribe-section input[type=email]::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.2);
}

.token-subscribe-section input[type=email]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.2);
}

.token-subscribe-section input[type=email]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.2);
}

.token-subscribe-section input[type=email]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(255, 255, 255, 0.2);
}

.token-subscribe-section input[type=submit] {
  background: #BFFF0A;
  border-radius: 50px;
  max-width: 293px;
  width: 100%;
  overflow: hidden;
  color: #111111;
  font-weight: 700;
  line-height: 26px;
  padding: 17px 20px;
  border: none;
  outline: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.token-subscribe-section input[type=submit]:hover {
  opacity: 0.8;
}

.token-footer-bottom-text {
  padding: 40px 0px;
}

.token-footer-bottom-text .text {
  font-family: "Quantico", sans-serif;
  font-weight: 700;
  font-size: 100px;
  line-height: 120px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.token-footer-bottom-text .text span {
  position: relative;
}

.token-footer-bottom-text .text span.top {
  top: -70px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.defi-footer-section {
  padding-top: 30px;
  position: relative;
  overflow: hidden;
}

.defi-footer-section .footer-row {
  position: relative;
  height: 70px;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding: 20px;
  z-index: 3;
}

.defi-footer-section .footer-row:nth-last-child(1) {
  margin-bottom: 0px;
}

.defi-footer-section .footer-row::before {
  content: '';
  height: 100%;
  width: 33.5%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(55, 234, 142, 0.2)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(55, 234, 142, 0.2) 100%);
}

.defi-footer-section .footer-row::after {
  content: '';
  height: 100%;
  width: 66.5%;
  position: absolute;
  right: 0px;
  top: 0px;
  background: rgba(255, 255, 255, 0.05);
}

.defi-footer-section .footer-row-inner {
  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;
}

.defi-footer-section .left {
  max-width: 270px;
  width: 100%;
  text-align: right;
  padding-right: 30px;
}

.defi-footer-section .right {
  padding-left: 60px;
}

.defi-footer-section h5 {
  text-transform: uppercase;
  margin-bottom: 0px;
  font-weight: 700;
  color: #ffffff;
}

.defi-footer-section ul {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
  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: 50px;
}

.defi-footer-section ul li a {
  color: rgba(255, 255, 255, 0.8);
}

.defi-footer-section ul li a:hover {
  color: #ffffff;
}

.defi-footer-section .defi-footer-blur {
  position: absolute;
  bottom: 0px;
  z-index: 0;
  left: 22%;
}

.defi-footer-bottom {
  position: relative;
  z-index: 1;
  padding: 10px 0px 40px 0px;
  width: 100%;
}

.defi-footer-bottom a {
  color: rgba(255, 255, 255, 0.8) !important;
  font-weight: 500;
}

.defi-footer-bottom a:hover {
  color: #ffffff !important;
}

.defi-footer-bottom a i {
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  color: #FFFFFF;
}

/*-- home page 1 style start --*/
/*-- brands-section start --*/
.brands-section {
  padding: 93px 0 0 0;
}

.brands-section .container {
  position: relative;
}

.brands-section .container .col-md-12 {
  overflow: hidden;
  padding: 0 !important;
}

.brands-section.v8 {
  padding: 60px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 125px;
}

.brands-section.newslater {
  padding: 60px 20px;
}

.brands-section.newslater .brands-section-title {
  background: #EEF2F5;
}

.brands-section.corporate-brands-section {
  padding: 128px 0px 124px 0px;
}

.brands-section.corporate-brands-section .brands-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

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

.brands-section-title h2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}

.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-x: hidden; */

}

.brands-slider-container {
  width: calc(200px * 24);
  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: 200px;
  height: 95px;
  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%);
}

.brands-slider.v8 {
  height: 36px;
}

.brands-slider.v8::before {
  left: 100px;
}

.brands-slider.v8 .slider-item {
  height: 36px;
  max-width: 178px;
}

.brands-slider.v8 .slider-item img {
  max-width: 105px;
}

.brands-slider.newslater {
  height: 36px;
}

.brands-slider.newslater::before {
  left: 330px;
  background: -webkit-gradient(linear, right top, left top, from(#EEF2F5), to(rgba(238, 242, 245, 0)));
  background: linear-gradient(270deg, #EEF2F5 0%, rgba(238, 242, 245, 0) 100%);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.brands-slider.newslater::after {
  background: -webkit-gradient(linear, right top, left top, from(#EEF2F5), to(rgba(238, 242, 245, 0)));
  background: linear-gradient(270deg, #EEF2F5 0%, rgba(238, 242, 245, 0) 100%);
}

.brands-slider.newslater .slider-item {
  height: 36px;
  max-width: 178px;
}

.brands-slider.newslater .slider-item img {
  max-width: 105px;
}

@-webkit-keyframes smoothSlider {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-200px * 12));
            transform: translateX(calc(-200px * 12));
  }
}

@keyframes smoothSlider {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-200px * 12));
            transform: translateX(calc(-200px * 12));
  }
}

/*-- brands-section end --*/
/*-- 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: 50px 0 300px 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: #6D3ADB;
  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: 300px !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: 50px 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-title .title {
  font-size: 28px;
  font-weight: semibold;
}

.marketing-content-body p {
  font-size: 18px;
}

.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: 140px 0;
}

/*-- testimonial-card style --*/
.testimonial-card {
  border-radius: 50px;
  background-color: #242549;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.testimonial-card-left, .testimonial-card-right {
  padding: 40px;
  width: 50%;
  height: 530px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.testimonial-card-left {
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 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;
}

.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 {
  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;
}

.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: #ffffff;
}

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

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

.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: #ffffff;
  letter-spacing: 5px;
  margin-bottom: 0;
}

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

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

.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 * 18);
  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 * 9));
            transform: translateX(calc(-120px * 9));
  }
}

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

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

.faq-seciton.v2 {
  padding: 50px 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 !important;
}

/*-- 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-listt 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: 160px;
  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: 100px 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;
}

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

.statistics-text h2 {
  color: #0095ff;
}

.statistics-text p {
  font-size: 18px;
  font-weight: 500;
  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-section Start --*/
.compare-price-section {
  position: relative;
  z-index: 2;
}

.compare-price-content {
  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: 40px;
  max-width: 770px;
  width: 100%;
  margin: auto;
  margin-bottom: 50px;
  position: relative;
}

.compare-price-content .vs {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 80px;
  width: 80px;
  border-radius: 50%;
  position: absolute;
  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;
}

.compare-price-content .vs h6 {
  font-size: 24px;
  line-height: 26px;
  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;
  position: relative;
}

.compare-price-content .vs h6 span {
  position: relative;
  z-index: 1;
}

.compare-price-content .vs h6:after {
  content: "";
  background: #ffffff;
  position: absolute;
  height: 82px;
  width: 40px;
  z-index: 0;
}

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

.compare-price-content .compare-price-card .compare-price-card-icon {
  position: absolute;
  right: 27px;
  top: 27px;
}

.compare-price-content .compare-price-card .compare-price-card-icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.compare-price-content .compare-price-dropdown {
  width: 170px;
  height: 50px;
  position: relative;
  background: #ebeff9;
  border-radius: 5px;
  margin-bottom: 25px;
}

.compare-price-content .compare-price-dropdown::after {
  content: url("../images/icons/dropdown-toggle.svg");
  position: absolute;
  right: 15px;
  top: 10px;
}

.compare-price-content .compare-price-dropdown select {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #111111;
  width: 100%;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  padding: 12px 14px;
}

.compare-price-content .compare-price-dropdown select option {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #111111;
}

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

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

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

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

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

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

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

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

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

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

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

.compare-price-content .compare-price-list ul li {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  padding: 16px 0px;
  height: 106px;
  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-content .compare-price-list ul li:nth-last-child(1) {
  border-bottom: none;
}

.compare-price-content .compare-price-list ul li strong {
  color: #111111;
}

.compare-price-content .compare-price-list ul li span {
  margin-right: 10px;
}

.compare-price-content .compare-price-icons1 {
  position: absolute;
  left: -180px;
  -webkit-animation: jumpingDown 4.5s infinite;
          animation: jumpingDown 4.5s infinite;
}

.compare-price-content .compare-price-icons2 {
  position: absolute;
  position: absolute;
  left: -25px;
  top: 30%;
  z-index: 1;
}

.compare-price-content .compare-price-icons3 {
  position: absolute;
  right: -200px;
  z-index: 1;
  -webkit-animation: jumpingUp 5s infinite;
          animation: jumpingUp 5s infinite;
}

.compare-price-content .compare-price-icons4 {
  position: absolute;
  right: -80px;
  top: 20%;
}

@-webkit-keyframes jumpingDownRight {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(-20px, -40px);
            transform: translate(-20px, -40px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

@keyframes jumpingDownRight {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(-20px, -40px);
            transform: translate(-20px, -40px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

@-webkit-keyframes jumpingDownLeft {
  0% {
             -webkit-transform: translate(-20px, 40px);
            transform: translate(-20px, 40px);
  }
  50% {
                -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
                      -webkit-transform: translate(-20px, 40px);
            transform: translate(-20px, 40px);
  }
}

@keyframes jumpingDownLeft {
 0% {

             -webkit-transform: translate(-20px, 40px);
            transform: translate(-20px, 40px);
  }
  50% {

                -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {

                      -webkit-transform: translate(-20px, 40px);
            transform: translate(-20px, 40px);
  }
}

@-webkit-keyframes jumpingDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes jumpingDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes jumpingUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes jumpingUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

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

/*-- compare-price-section End --*/
/*-- index2-integration-section Start --*/
.index2-integration-section {
  padding-top: 50px;
  padding-bottom: 50px;
  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: index2-integration-auto-slider-list-slider 25s infinite linear;
          animation: index2-integration-auto-slider-list-slider 25s 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%);
  }
}

@-webkit-keyframes index2-integration-auto-slider-list-slider {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-193.8px * 7));
            transform: translateX(calc(-193.8px * 7));
  }
}

@keyframes index2-integration-auto-slider-list-slider {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-193.8px * 7));
            transform: translateX(calc(-193.8px * 7));
  }
}

/*-- 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;
}

.v2 a.nav-link{
  opacity: 0.7;
}

.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: 0px;
  height: 0px;
  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: #6D3ADB;
}

.compare-plans-btn .icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #6d3bdb1a;
  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: #6D3ADB;
}

.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: 50px 0 50px;
}

.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: 50px 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 * 10);

  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 * 4));
            transform: translateX(calc(-295px * 4));
  }
}

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



.testimonial-section-5-slider {
  width: 100%;
  overflow: hidden;
  position: relative;
}


.testimonial-section-5-slider .slider-container {
  width: calc(295px * 10);

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: testimonial5Slider 35s infinite linear;
          animation: testimonial5Slider 35s infinite linear;
}

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

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

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

.testimonial-section-5-slider .slider-item p {
  color: #444444;
  line-height: 16px;
}

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

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

.testimonial-section-5-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: start;
  margin-bottom: 5px;
}

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

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

.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 {
  padding-top: 132px;
  padding-bottom: 126px;
}

.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-section {
  margin-bottom: 140px;
  overflow-y: hidden;
  background: #FFFFFF;
  position: relative;
  z-index: 2;
}

.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: 160px;
  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: 298px;
  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: 28px;
}

.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;
  margin-bottom: 20px;
}

.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;
  margin-left: 50px;
}

.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;
}

.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: 140px;
  padding-bottom: 130px;
  background: rgba(16, 23, 34, 0.8);
  position: relative;
  z-index: 2;
}

.corporate-testiminials-section .slick-prev {
  top: 60%;
  background: transparent;
  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;
}

.corporate-testiminials-section .slick-prev::before {
  content: url(../images/corporate/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: 60%;
  background: transparent;
  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;
}

.corporate-testiminials-section .slick-next::before {
  content: url(../images/corporate/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;
}

.corporate-testiminials-content .clint-img {
  position: relative;
  height: 173px;
  width: 150px;
  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: 100px;
  width: 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;
  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: #ffffff;
  line-height: 30px;
  margin-bottom: 0px;
}

.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: 100px 0px;
}

.top-notch-card {
  background: #FFFFFF;
  border: 1px solid #E4E4E4;
  border-radius: 15px;
  margin-bottom: 30px;
  padding: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  /* min-height: 100%; */
}

.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;
}

.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: #041527;
}

/*-- 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: 140px 0;
}

.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: 0;
}

.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 #e7f1fc;
  background-color: #e7f1fc;
  color: #0095ff;
}

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

.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 --*/
/*-- team-section start --*/
.team-section {
  padding: 0 0 110px 0;
}

.team-section .section-title {
  margin-bottom: 40px;
}

.team-section .section-title h5 {
  margin-bottom: 18px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #0095ff;
}

.team-section .section-title h2 {
  line-height: 55px;
}

.team-card {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 30px;
  padding: 25px 25px 30px 25px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 135px 135px 30px 30px;
}

.team-card-img {
  margin-bottom: 25px;
}

.team-card-img img {
  max-width: 100%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}

.team-card-info {
  margin-bottom: 30px;
  text-align: center;
}

.team-card-info h5 {
  font-weight: 700;
}

.team-card-info p {
  color: #444444;
}

.team-social-link {
  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: 30px;
}

.team-social-link li a {
  opacity: 0.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.team-social-link li a:hover {
  opacity: 0.7;
}

/*-- team-section end --*/
/*-- building-section start --*/
.building-section {
  padding: 96px 0;
  background-color: #242549;
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  position: relative;
  z-index: 0;
}

.building-section::after, .building-section::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  height: 100%;
}

.building-section::before {
  left: 0;
  width: 36%;
  /* background-color: #242549; */
  background: linear-gradient(to bottom right, #1F1B2D, #2B1D47);
}

.building-section::after {
  top: 0;
  right: 0;
  width: 63.5%;
  background-image: url(../images/business/fram-4.svg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
}

.building-content-text {
  margin-bottom: 34px;
}

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

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

/*-- building-section end --*/
/*-- about-us page style end --*/
/*-- service page style start --*/
.service-section {
  padding: 130px 0 90px 0;
}

.service-content {
  margin-bottom: 40px;
}

.service-content h3 {
  margin-bottom: 8px;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 26px;
  color: #0095ff;
}

.service-content h2 {
  font-size: 18px;
  line-height: 30px;
}

.service-content-title {
  margin-bottom: 19px;
}

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

.service-content-list li {
  color: #444444;
  padding-left: 20px;
  position: relative;
}

.service-content-list li:not(:first-child) {
  margin-top: 10px;
}

.service-content-list li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0095ff80;
}

.service-content-list li::after {
  position: absolute;
  content: "";
  top: calc(50% + 2px);
  left: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 0 0 #0095ff4d;
          box-shadow: 2px 2px 0 0 #0095ff4d;
}

.service-content.item-1 h3 {
  color: #0095ff;
}

.service-content.item-1 .service-content-list li::before {
  background-color: #0095ff80;
}

.service-content.item-1 .service-content-list li::after {
  -webkit-box-shadow: 2px 2px 0 0 #0095ff4d;
          box-shadow: 2px 2px 0 0 #0095ff4d;
}

.service-content.item-2 h3 {
  color: #0ec36b;
}

.service-content.item-2 .service-content-list li::before {
  background-color: #0ec36b80;
}

.service-content.item-2 .service-content-list li::after {
  -webkit-box-shadow: 2px 2px 0 0 #0ec36b4d;
          box-shadow: 2px 2px 0 0 #0ec36b4d;
}

.service-content.item-3 h3 {
  color: #f7578c;
}

.service-content.item-3 .service-content-list li::before {
  background-color: #f7578c80;
}

.service-content.item-3 .service-content-list li::after {
  -webkit-box-shadow: 2px 2px 0 0 #f7578c4d;
          box-shadow: 2px 2px 0 0 #f7578c4d;
}

.service-content.item-4 h3 {
  color: #00cec9;
}

.service-content.item-4 .service-content-list li::before {
  background-color: #00cec980;
}

.service-content.item-4 .service-content-list li::after {
  -webkit-box-shadow: 2px 2px 0 0 #00cec94d;
          box-shadow: 2px 2px 0 0 #00cec94d;
}

.skills-section {
  padding: 112px 0;
  background-color: #EEEFFB;
}

.skills-content-text {
  margin-bottom: 45px;
}

.skills-content h5 {
  margin-bottom: 16px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 700;
  color: #0095ff;
}

.skills-content h2 {
  color: #111111;
}

.skills-content p {
  margin-top: 22px;
  color: #444444;
  margin-bottom: 0;
}

.skills-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
}

.skills-status .skills-item {
  text-align: center;
}

.skills-status .skills-item p {
  margin-top: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #111111;
}

.skills-status .pie_progress {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background-color: transparent;
}

.skills-status .pie_progress__label {
  margin-top: 0px;
}

.skills-status .pie_progress__label h4 {
  margin-bottom: 0;
  font-weight: 600;
  color: #111111;
  letter-spacing: 0.01em;
}

/*-- core-feature-section start --*/
.core-feature-section {
  padding: 130px 0;
}

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

.core-feature-title p {
  margin-top: 30px;
}

.core-feature-actions {
  margin-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}

.core-feature-item {
  margin-bottom: 30px;
  max-width: 88%;
  margin-left: auto;
}

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

.core-feature-item-icon img {
  width: 72px;
  height: 72px;
}

.core-feature-item h5 {
  margin-bottom: 10px;
  font-weight: 700;
}

/*-- core-feature-section end --*/
/*-- service page style end --*/
/*-- Pricing Plan style start --*/
.pricing-plan-breadcrumb-right {
  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;
  margin-top: 90px;
}

.pricing-plan-breadcrumb-right .best-pricing-selector form button {
  color: #ffffff;
}

.pricing-plan-section {
  background: transparent;
  margin-top: -300px;
  position: relative;
  z-index: 2;
  padding-bottom: 100px;
}

.pricing-plan-card {
  background: #ffffff;
  border-radius: 15px;
  padding: 46px 40px;
  position: relative;
  min-height: 100%;
}

.pricing-plan-card::before {
  content: "";
  border-radius: 15px 15px 0px 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 15px;
}

.pricing-plan-card.free-card::before {
  background: #007BFF;
}

.pricing-plan-card.growth-card::before {
  background: #F59E0B;
}

.pricing-plan-card.business-card::before {
  background: rgba(249, 81, 140, 0.3);
}

.pricing-plan-card .best-pricing-card-body .list {
  padding: 0;
  list-style: none;
}

.pricing-plan-card .best-pricing-card-body .list li::before {
  background: rgba(0, 0, 0, 0.12);
  top: 15px;
}

.pricing-plan-card.active .best-pricing-card-body {
  height: auto;
}

.pricing-plan-card.active .pricing-plan-card-content.right {
  height: auto;
}

.pricing-plan-card-header.free h6 {
  color: #007BFF;
}

.pricing-plan-card-header.growth h6 {
  color: #F59E0B;
}

.pricing-plan-card-header.business h6 {
  color: #f7578c;
}

.pricing-plan-card-header.enterprise h6 {
  color: #0095ff;
}

.pricing-plan-card-header h6 {
  text-transform: uppercase;
}

.pricing-plan-card-header h6 span {
  color: #111111;
  margin-left: 18px;
}

.pricing-plan-card-header h3 {
  margin-top: 35px;
}

.pricing-plan-card-header h3 span {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
}

.pricing-plan-card-content.right {
  text-align: center;
  max-width: 220px;
  margin-left: auto;
}

.pricing-plan-card-content.right .pricing-plan-img {
  position: relative;
  bottom: -96px;
}

.pricing-plan-show-btn {
  color: #0095ff;
  width: 190px;
  text-align: left;
  padding-left: 36px;
  margin: 8px auto;
  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;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: none;
  position: relative;
}

.pricing-plan-show-btn:hover {
  color: #111111;
}

.pricing-plan-show-btn:hover::before {
  color: #111111;
}

.pricing-plan-show-btn::before {
  content: "+";
  font-size: 20px;
  min-height: 24px;
  min-width: 26px;
  position: absolute;
  left: 0px;
  border-radius: 50%;
  color: #ffffff;
  background: #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-plan-show-btn.active::before {
  content: "-";
}

.best-pricing-btn {
  max-width: 100%;
  width: 100%;
  height: 60px;
  border: 1px solid #6d3bdb1a;
  border-radius: 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-color: #6D3ADB;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.best-pricing-btn .icon {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-left: 15px;
}



.best-pricing-btn::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: #6d3bdb1a !important;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.best-pricing-btn:hover {
  border: 1px solid #6D3ADB;
  color: #6D3ADB;
  background-color: #6d3bdb1a;
}

.best-pricing-btn:hover::before {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.best-pricing-btn:hover .icon {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-filter: brightness(100) sepia(1) hue-rotate(-120deg) grayscale(100%) contrast(5);
          filter: brightness(100) sepia(1) hue-rotate(-120deg) grayscale(100%) contrast(5);
}

.best-pricing-btn.active {
  border: 1px solid #0095ff;
  color: #ffffff;
  background: #6d3bdb1a;
}

.best-pricing-btn.active .icon {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-filter: brightness(100) sepia(1) hue-rotate(-120deg) grayscale(100%) contrast(5);
          filter: brightness(100) sepia(1) hue-rotate(-120deg) grayscale(100%) contrast(5);
}

.compare-plans-section {
  background: #ffffff;
  padding-top: 115px;
  padding-bottom: 140px;
}

.compare-plans-section .compare-plans-title {
  margin-bottom: 45px;
}

.compare-plans-table-section .compare-plans-table {
  width: 100%;
  overflow-x: hidden;
}

.compare-plans-table-section .compare-plans-table .table-header-sticky {
  background: #ffffff;
  width: 100% !important;
  top: 0px !important;
  z-index: 111;
}

.compare-plans-table-section .compare-plans-table ol {
  padding: 0;
  list-style: none;
  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;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0;
}

.compare-plans-table-section .compare-plans-table ol li {
  padding-bottom: 10px;
  vertical-align: bottom;
  width: 18%;
  min-width: 210px;
  margin-top: 33px;
  padding: 0px 30px 10px 30px;
  padding-top: 11px;
  display: block;
}

.compare-plans-table-section .compare-plans-table ol li:nth-child(1) {
  width: 46%;
  padding-left: 0px;
}

.compare-plans-table-section .compare-plans-table ol li:nth-last-child(2) {
  background: rgba(0, 0, 0, 0.03);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.compare-plans-table-section .compare-plans-table ol li h5 {
  text-transform: uppercase;
}

.compare-plans-table-section .compare-plans-table ol li h5 span {
  text-transform: lowercase;
  font-size: 12px;
  margin-left: 13px;
}

.compare-plans-table-section .compare-plans-table ol li button {
  max-width: 150px;
  width: 100%;
  height: 40px;
  border: 2px solid rgba(0, 149, 255, 0.3);
  border-radius: 50px;
  font-weight: 700;
  color: #0095ff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 0;
  margin: 10px 0px;
}

.compare-plans-table-section .compare-plans-table ol li button::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: #0095ff;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.compare-plans-table-section .compare-plans-table ol li button:hover {
  border: 2px solid #0095ff;
  color: #ffffff;
}

.compare-plans-table-section .compare-plans-table ol li button:hover::before {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.compare-plans-table-section .compare-plans-table .table-body {
  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;
  margin-top: 0;
}

.compare-plans-table-section .compare-plans-table .table-body ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.compare-plans-table-section .compare-plans-table .table-body ul li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}

.compare-plans-table-section .compare-plans-table .table-body ul li b {
  padding-bottom: 10px;
  padding-top: 33px;
  color: #111111;
  font-weight: 700;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col1,
.compare-plans-table-section .compare-plans-table .table-body .table-col2,
.compare-plans-table-section .compare-plans-table .table-body .table-col3,
.compare-plans-table-section .compare-plans-table .table-body .table-col4 {
  padding-top: 25px;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col1 {
  width: 46%;
  padding-left: 0px;
  padding-bottom: 20px;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col2 {
  width: 18%;
  min-width: 210px;
  padding-bottom: 20px;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col2 ul li {
  padding: 0px 30px;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col3 {
  width: 18%;
  min-width: 210px;
  background: rgba(0, 0, 0, 0.03);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-bottom: 20px;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col3 ul li {
  padding: 0px 30px;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col4 {
  width: 18%;
  min-width: 210px;
  padding-bottom: 20px;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col4 ul li {
  padding: 0px 30px;
}

/*-- Pricing Plan style end --*/
/*-- contact-us page style start --*/
/*-- contact-section start --*/
.contact-section {
  padding: 130px 0 65px 0;
}

.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;
}

.map-section {
  padding: 65px 0 130px 0;
}

.map-content {
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}

.contact-map {
  width: 100%;
  height: 450px;
}

.map-info-card {
  position: absolute;
  z-index: 1;
  top: 30px;
  left: 30px;
  width: 350px;
  height: 390px;
  padding: 30px;
  background-color: #ffffff;
  border-radius: 20px;
}

.map-info-card .list {
  padding: 0;
  list-style: none;
  margin: 0;
  height: 100%;
  overflow-y: auto;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

.map-info-card .list::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.map-info-card .list li:not(:first-child) {
  margin-top: 10px;
}

.map-info-card .list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 19px;
}

.map-info-card .list .list-item .list-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.map-info-card .list .list-item img {
  width: 20px;
  height: 20px;
}

.map-info-card .list .list-item h4 {
  font-size: 15px;
  line-height: 45px;
  margin-bottom: 0;
}

.map-info-card .list .list-item p {
  margin-bottom: 0;
}

.map-info-card .list .list-icon {
  line-height: 45px;
}

/*-- contact-section end --*/
/*-- contact-us page style end --*/
/*-- Letest Blog style start --*/
.latest-blog-section {
  padding: 140px 0px;
}

.latest-blog-section .latest-blog-content {
  padding-right: 20px;
}

.letest-blog-card {
  background: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 30px;
}

.letest-blog-card .letest-blog-img {
  min-height: 220px;
  width: 100%;
}

.letest-blog-card .letest-blog-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner {
  padding: 21px 29px;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner h5 {
  font-family: "DM Sans", sans-serif;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #444444;
  letter-spacing: 0.1em;
  margin-bottom: 7px;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner h5 span {
  color: #0095ff;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner h4 {
  margin-bottom: 11px;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner h4 a {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner h4 a:hover {
  color: #0095ff;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner p {
  margin-bottom: 11px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner a {
  color: #0095ff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner a img {
  margin-left: 11px;
}

.letest-blog-card .letest-blog-catd-title {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 20px;
}

.letest-blog-search-section {
  padding: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.letest-blog-search-section 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;
  height: 50px;
  padding: 10px 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.letest-blog-search-section form input {
  border: none;
  outline: none;
  width: 80%;
}

.categories-list {
  padding: 22px 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

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

.categories-list ul li a {
  font-size: 16px;
  line-height: 36px;
  color: #444444;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.categories-list ul li a:hover {
  color: #0095ff;
}

.recent-post-section {
  padding: 22px 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.recent-post-section ul {
  padding: 0;
  list-style: none;
  margin-top: 16px;
  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: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.recent-post-section ul 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;
  gap: 19px;
}

.recent-post-section ul li .recent-post-img {
  min-height: 80px;
  min-width: 80px;
  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: 15px;
}

.recent-post-section ul li .recent-post-img img {
  height: 100%;
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}

.recent-post-section ul li .recent-post-text .blog-date {
  font-size: 14px;
  line-height: 20px;
  opacity: 0.8;
  margin-bottom: 8px;
}

.recent-post-section ul li .recent-post-text h5 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}

.recent-post-section ul li .recent-post-text h5 a {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.recent-post-section ul li .recent-post-text h5 a:hover {
  color: #0095ff;
}

.post-tags-section {
  padding: 22px 30px 30px 30px;
}

.post-tags-section 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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.post-tags-section ul li {
  border-radius: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: inline-block;
}

.post-tags-section ul li a {
  font-size: 14px;
  font-style: italic;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 45px;
  line-height: 45px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  display: block;
  padding: 0 20px;
}

.post-tags-section ul li a:hover {
  color: #0095ff;
  border: 1px solid #0095ff;
}

/*-- Letest Blog style end --*/
/*-- blog details style start --*/
.blog-details-section {
  margin-top: -110px;
  padding-bottom: 140px;
  position: relative;
  z-index: 111;
}

.blog-details-content {
  background: #ffffff;
  border-radius: 15px;
  margin-right: 20px;
}

.blog-details-content .blog-details-img {
  border-radius: 15px 15px 0px 0px;
  height: 430px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 6px;
}

.blog-details-content .blog-details-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.blog-details-inner {
  padding: 30px;
}

.blog-details-inner .blog-details-info-list {
  margin-bottom: 27px;
}

.blog-details-inner .blog-details-info-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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 28px;
}

.blog-details-inner .blog-details-info-list ul li {
  text-transform: uppercase;
}

.blog-details-inner .blog-details-info-list ul li a {
  color: #0095ff;
}

.blog-details-inner .blog-details-info-list ul li span {
  margin-right: 12px;
}

.blog-details-inner .blog-details-headline {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: #111111;
  margin-bottom: 20px;
}

.blog-details-inner .blog-text-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 8px;
}

.blog-details-inner .blog-quotation-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;
  gap: 28px;
  margin-top: 42px;
  margin-bottom: 47px;
}

.blog-details-inner .blog-quotation-section .quotation-icon {
  min-width: 20px;
}

.blog-details-inner .blog-quotation-section .quotation-icon img {
  width: 100%;
}

.blog-details-inner .blog-quotation-section h4 {
  font-weight: 500;
  line-height: 40px;
  font-family: "DM Sans", sans-serif;
  font-style: italic;
}

.blog-details-inner .blog-text-list {
  padding: 0;
  list-style: none;
}

.blog-details-inner .blog-text-list li {
  position: relative;
  padding-left: 22px;
  padding-bottom: 8px;
}

.blog-details-inner .blog-text-list li:last-child {
  padding-bottom: 0;
}

.blog-details-inner .blog-text-list li:before {
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: rgba(0, 206, 201, 0.4);
  position: absolute;
  left: 0px;
  top: 12px;
}

.blog-details-inner .blog-tag-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-top: 47px;
}

.blog-details-inner .blog-tag-section 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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.blog-details-inner .blog-tag-section ul li {
  padding: 7px 22px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.blog-details-inner .blog-tag-section ul li:hover {
  color: #0095ff;
  border: 1px solid #0095ff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.blog-details-inner .blog-tag-section button {
  padding: 8px 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 12px;
          column-gap: 12px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 25px;
  color: #444444;
}

.blog-previous-next-section {
  margin: 60px 0px;
  margin-bottom: 40px;
  margin-right: 20px;
}

.blog-previous-next-section .blog-card {
  background: #ffffff;
  border-radius: 15px;
  padding: 18px;
  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: 19px;
  margin-bottom: 20px;
}

.blog-previous-next-section .blog-card .blog-card-img {
  min-width: 100px;
  min-height: 80px;
  overflow: hidden;
  border-radius: 10px;
}

.blog-previous-next-section .blog-card .blog-card-img img {
  height: 100%;
  width: 100%;
}

.blog-previous-next-section .blog-card .blog-card-text {
  max-width: 213px;
  width: 100%;
}

.blog-previous-next-section .blog-card .blog-card-text a {
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #0095ff;
}

.blog-previous-next-section .blog-card .blog-card-text h6 a {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-previous-next-section .blog-card.justify-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.blog-previous-next-section .blog-card.justify-right .blog-card-text {
  text-align: right;
  margin-left: auto;
}

.blog-comment-section {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 60px;
  margin-right: 20px;
}

.blog-comment-section .reply-comment-block {
  padding-left: 80px;
}

.blog-comment-section .blog-comment-block {
  background: #ffffff;
  padding: 34px 30px 25px 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.blog-comment-section .blog-comment-block h4 {
  margin-bottom: 27px;
}

.blog-comment-section .blog-comment-block .comment-people-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;
  gap: 14px;
}

.blog-comment-section .blog-comment-block .comment-people-section .comment-people-img {
  height: 50px;
  width: 50px;
}

.blog-comment-section .blog-comment-block .comment-people-section .comment-people-text span {
  display: block;
}

.blog-comment-section .blog-comment-block .comment-people-section .comment-people-text .author-name {
  font-weight: 700;
  color: #111111;
}

.blog-comment-section .blog-comment-block .comment-people-section .comment-people-text .blog-date {
  font-size: 14px;
}

.blog-comment-section .blog-comment-block .comment-content {
  padding-left: 64px;
}

.blog-comment-section .blog-comment-block .comment-content p {
  margin-top: 13px;
  margin-bottom: 16px;
}

.blog-comment-section .blog-comment-block .comment-content button {
  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;
  color: #111111;
  text-transform: uppercase;
  font-weight: 500;
}

.comment-writing-section {
  border-radius: 15px;
  overflow: hidden;
  background: #ffffff;
  padding: 30px;
  margin-right: 20px;
}

.comment-writing-section h4 {
  margin-bottom: 27px;
}

.comment-writing-section .comment-writing-form .comment-writing-input-section {
  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: 20px;
}

.comment-writing-section .comment-writing-form .comment-writing-input-section label {
  color: #111111;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.comment-writing-section .comment-writing-form .comment-writing-input-section input {
  width: 100%;
  height: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #444444;
}

.comment-writing-section .comment-writing-form .comment-writing-input-section textarea {
  min-height: 120px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  width: 100%;
  resize: none;
}

.comment-writing-section .comment-writing-form button {
  margin-top: 10px;
}

/*-- blog details style end --*/
/*-- auth-and-utility style start --*/
.auth-body {
  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;
  min-height: 100%;
  height: 100vh;
  background: #ffffff;
  overflow: hidden;
}

.auth-form-section {
  background: #ffffff;
  position: relative;
  max-width: 620px;
  width: 100%;
  overflow: hidden;
  padding: 25px 75px;
  min-height: 100%;
  height: 100vh;
  overflow-y: scroll;
}

.auth-form-section::-webkit-scrollbar {
  display: none;
}

.auth-form-section::after {
  content: '';
  height: 700px;
  width: 700px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(65, 152, 254, 0.1)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(65, 152, 254, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 50%;
  left: -206px;
  top: 140px;
  position: absolute;
}

.auth-form-section form {
  position: relative;
  z-index: 1;
}

.auth-form-section h4 {
  margin-bottom: 35px;
}

.auth-form-section label {
  text-transform: uppercase;
  color: #111111;
  margin-bottom: 5px;
}

.auth-form-section input {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  width: 100%;
  padding: 15px;
  margin-bottom: 21px;
  font-weight: 500;
  font-size: 15px;
  line-height: 200%;
  color: #111111;
}

.auth-form-section input::-webkit-input-placeholder {
  color: #999999;
}

.auth-form-section input:-ms-input-placeholder {
  color: #999999;
}

.auth-form-section input::-ms-input-placeholder {
  color: #999999;
}

.auth-form-section input::placeholder {
  color: #999999;
}

.auth-form-section .form-primary-btn {
  background: #0095FF;
  border-radius: 10px;
  padding: 17px;
  width: 100%;
  font-weight: 700;
  line-height: 26px;
  color: #ffffff;
}

.auth-form-section .secondary-btn {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  padding: 17px;
  width: 100%;
  font-weight: 700;
  line-height: 26px;
  color: #111111;
  margin-bottom: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.auth-form-section .secondary-btn img {
  margin-right: 13px;
}

.auth-form-section .secondary-btn:hover {
  -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.08);
}

.auth-form-section .or-section {
  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: 26px;
  margin: 10px 0px;
}

.auth-form-section .or-section p {
  text-transform: uppercase;
}

.auth-form-section .or-section::after {
  content: '';
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
  max-width: 70%;
  width: 100%;
}

.auth-form-section .or-section::before {
  content: '';
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
  max-width: 70%;
  width: 100%;
}

.auth-form-section .auth-link {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #111111;
  margin-bottom: 16px;
}

.auth-form-section p {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #444444;
  margin-bottom: 47px;
}

.auth-form-section p a {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #111111;
  margin-bottom: 0px;
}

.auth-page-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;
  width: 100%;
  margin-bottom: 125px;
}

.auth-page-header .back-link {
  font-weight: 700;
  font-size: 15px;
  line-height: 200%;
  text-align: right;
  color: #999999;
  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;
}

.auth-page-header .back-link svg {
  font-size: 24px;
  margin-right: 10px;
  color: #999999;
}

.auth-page-header .back-link svg path {
  font-size: 24px;
  margin-right: 10px;
  color: #999999;
}

.auth-right-section {
  max-width: 100%;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.auth-right-section video {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.auth-brand-slider-section {
  position: absolute;
  padding: 54px 75px;
  z-index: 1;
  margin-top: auto;
  left: 0px;
  bottom: 0px;
}

.auth-brand-slider-section .auth-brand-slider-inner {
  max-width: 850px;
  width: 100%;
  margin-right: auto;
  overflow: hidden;
}

.auth-brand-slider-section h5 {
  color: #FFFFFF;
  margin-bottom: 29px;
  line-height: 50px;
  font-weight: 700;
}

.auth-brand-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.auth-brand-slider 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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 20px;
}

.auth-brand-slider ul li {
  margin-right: 50px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  -webkit-filter: brightness(100);
          filter: brightness(100);
}

.terms-and-service-body {
  padding-top: 111px;
  padding-bottom: 127px;
}

.terms-and-service-body h1 {
  margin-top: 11px;
}

.terms-and-service-inner {
  margin-top: 112px;
}

.terms-and-service-content p {
  margin-bottom: 20px;
}

.terms-and-service-content p b {
  color: #111111;
}

.terms-and-service-content p strong {
  color: #111111;
}

.terms-and-service-content p a {
  color: #0095ff;
}

.terms-and-service-content h4 {
  margin-bottom: 7px;
}

.content-table-title {
  text-transform: uppercase;
  color: #0095FF;
  margin-bottom: 20px;
}

.content-table-title img {
  margin-right: 15px;
}

.terms-and-service-sidebar {
  left: inherit !important;
}

.terms-and-service-sidebar ol li {
  line-height: 36px;
}

.terms-and-service-sidebar ol li a.active, .terms-and-service-sidebar ol li a:hover {
  color: #111111;
}

.uppercase {
  text-transform: uppercase;
}

/*-- auth-and-utility style end --*/
/*--------------------------------
04. Components style
--------------------------------*/
/*-- butoon style start --*/
.theme-btn {
  border-radius: 50px;
  border: 1px solid transparent;
  padding: 12px 39px;
  background-color: #0095ff;
  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;
}

.theme-btn:hover, .theme-btn:focus {
  border: 1px solid #0095ff;
  background-color: transparent;
  color: #0095ff !important;
}

.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.primary-bg .btn-inner {
  display: inline-block;
}

.theme-btn.primary-bg span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.theme-btn.primary-bg span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.theme-btn.primary-bg:hover, .theme-btn.primary-bg:focus {
  background: #0095ff;
}

.theme-btn.primary-bg:hover .btn-inner, .theme-btn.primary-bg:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.theme-btn.primary-bg:hover span:nth-child(2), .theme-btn.primary-bg:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.theme-btn.primary-bg:hover span .btn-normal-text, .theme-btn.primary-bg:focus span .btn-normal-text {
  opacity: 0;
}

.theme-btn.talk-btn {
  background: rgba(255, 255, 255, 0.15);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  font-weight: 700;
}

.theme-btn.talk-btn .btn-inner {
  display: inline-block;
}

.theme-btn.talk-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.theme-btn.talk-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.theme-btn.talk-btn:hover, .theme-btn.talk-btn:focus {
  border: 1px solid transparent;
  background: #ffffff;
  color: #111111;
}

.theme-btn.talk-btn:hover .btn-inner, .theme-btn.talk-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.theme-btn.talk-btn:hover span:nth-child(2), .theme-btn.talk-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.theme-btn.talk-btn:hover span .btn-normal-text, .theme-btn.talk-btn:focus span .btn-normal-text {
  opacity: 0;
}

.theme-btn.talk-btn:hover span, .theme-btn.talk-btn:focus span {
  color: #111111;
}

.free-demo-btn {
  font-weight: 700;
}

.free-demo-btn .btn-inner {
  display: inline-block;
}

.free-demo-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.free-demo-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.free-demo-btn:hover .btn-inner, .free-demo-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.free-demo-btn:hover span:nth-child(2), .free-demo-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.free-demo-btn:hover span .btn-normal-text, .free-demo-btn:focus span .btn-normal-text {
  opacity: 0;
}

.start-free-btn {
  max-width: 100%;
  width: 212px;
  height: 60px;
  border: 1px solid #0095ff4d;
  border-radius: 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;
  color: #0095ff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 0;
  font-weight: 700;
}

.start-free-btn .btn-inner {
  display: inline-block;
}

.start-free-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.start-free-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.start-free-btn span {
  color: #0095ff;
}

.start-free-btn.text-wh span {
  color: #ffffff;
}

.start-free-btn::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: #0095ff;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.start-free-btn:hover {
  border: 1px solid #0095ff;
  color: #ffffff;
}

.start-free-btn:hover::before {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.start-free-btn:hover .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.start-free-btn:hover span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.start-free-btn:hover span .btn-normal-text {
  opacity: 0;
}

.start-free-btn:hover span {
  color: #ffffff;
}

.btn-light-green {
  width: 150px;
  height: 50px;
  border: 1px solid #5ECC62;
  background: #5ECC62;
  border-radius: 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;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  padding: 10px 20px;
  z-index: 0;
  font-weight: 700;
}

.btn-light-green .btn-inner {
  display: inline-block;
}

.btn-light-green span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.btn-light-green span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.btn-light-green span {
  color: #ffffff;
}

.btn-light-green.text-wh span {
  color: #ffffff;
}

.btn-light-green:hover .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.btn-light-green:hover span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.btn-light-green:hover span .btn-normal-text {
  opacity: 0;
}

.place-bid-btn {
  font-weight: 700;
}

.place-bid-btn .btn-inner {
  display: inline-block;
}

.place-bid-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.place-bid-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.place-bid-btn:hover .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.place-bid-btn:hover span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.place-bid-btn:hover span .btn-normal-text {
  opacity: 0;
}

.creator-profile-text .follow-btn {
  font-weight: 700;
}

.creator-profile-text .follow-btn .btn-inner {
  display: inline-block;
}

.creator-profile-text .follow-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.creator-profile-text .follow-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.creator-profile-text .follow-btn:hover .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.creator-profile-text .follow-btn:hover span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.creator-profile-text .follow-btn:hover span .btn-normal-text {
  opacity: 0;
}

.nft-load-more-btn {
  font-weight: 700;
}

.nft-load-more-btn .btn-inner {
  display: inline-block;
}

.nft-load-more-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.nft-load-more-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.nft-load-more-btn:hover .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.nft-load-more-btn:hover span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.nft-load-more-btn:hover span .btn-normal-text {
  opacity: 0;
}

.contact-us-btn {
  max-width: 100%;
  width: 212px;
  height: 60px;
  border: 1px solid #00cec9;
  border-radius: 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;
  color: #00cec9;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 0;
  font-weight: 700;
}

.contact-us-btn .btn-inner {
  display: inline-block;
}

.contact-us-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.contact-us-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.contact-us-btn span {
  color: #00cec9;
}

.contact-us-btn::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: #00cec9;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.contact-us-btn:hover {
  border: 1px solid #00cec9;
  color: #ffffff;
}

.contact-us-btn:hover::before {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.contact-us-btn:hover .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.contact-us-btn:hover span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.contact-us-btn:hover span .btn-normal-text {
  opacity: 0;
}

.contact-us-btn:hover span {
  color: #ffffff;
}

.start-meeting-btn {
  border: 2px solid #00cec9;
  border-radius: 50px;
  padding: 10px 24px;
  color: #00cec9 !important;
  position: relative;
  overflow: hidden;
  z-index: 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;
  font-weight: 700;
}

.start-meeting-btn .btn-inner {
  display: inline-block;
}

.start-meeting-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.start-meeting-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.start-meeting-btn span {
  color: #00cec9;
}

.start-meeting-btn:hover, .start-meeting-btn:focus {
  background-color: #00cec9;
  color: #fff !important;
}

.start-meeting-btn:hover .btn-inner, .start-meeting-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.start-meeting-btn:hover span:nth-child(2), .start-meeting-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.start-meeting-btn:hover span .btn-normal-text, .start-meeting-btn:focus span .btn-normal-text {
  opacity: 0;
}

.start-meeting-btn:hover span, .start-meeting-btn:focus span {
  color: #fff;
}

.bg-white-btn {
  padding: 12px 39px;
  background-color: #ffffff;
  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;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.bg-white-btn .btn-inner {
  display: inline-block;
}

.bg-white-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.bg-white-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.bg-white-btn span {
  color: #111111;
}

.bg-white-btn:hover .btn-inner, .bg-white-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.bg-white-btn:hover span:nth-child(2), .bg-white-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.bg-white-btn:hover span .btn-normal-text, .bg-white-btn:focus span .btn-normal-text {
  opacity: 0;
}

.crypto-glow-btn {
  padding: 12px 39px;
  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%);
  border-radius: 50px;
  max-width: 220px;
  width: 100%;
  margin: 0px auto;
  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;
  text-transform: capitalize;
  color: #111111 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.crypto-glow-btn .btn-inner {
  display: inline-block;
}

.crypto-glow-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.crypto-glow-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.crypto-glow-btn span {
  color: #111111;
}

.crypto-glow-btn:hover .btn-inner, .crypto-glow-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.crypto-glow-btn:hover span:nth-child(2), .crypto-glow-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.crypto-glow-btn:hover span .btn-normal-text, .crypto-glow-btn:focus span .btn-normal-text {
  opacity: 0;
}

.crypto2-blue-btn {
  padding: 12px 35px;
  background: #4541FE;
  border-radius: 50px;
  max-width: 150px;
  width: 100%;
  height: 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;
  text-transform: capitalize;
  color: #111111;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.crypto2-blue-btn .btn-inner {
  display: inline-block;
}

.crypto2-blue-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.crypto2-blue-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.crypto2-blue-btn span {
  color: #ffffff;
}

.crypto2-blue-btn:hover .btn-inner, .crypto2-blue-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.crypto2-blue-btn:hover span:nth-child(2), .crypto2-blue-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.crypto2-blue-btn:hover span .btn-normal-text, .crypto2-blue-btn:focus span .btn-normal-text {
  opacity: 0;
}

.crypto2-banner-btn {
  padding: 12px 39px;
  background: #9FE870;
  border-radius: 50px;
  max-width: 220px;
  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;
  text-transform: capitalize;
  color: #111111;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.crypto2-banner-btn .btn-inner {
  display: inline-block;
}

.crypto2-banner-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.crypto2-banner-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.crypto2-banner-btn span {
  color: #111111;
}

.crypto2-banner-btn:hover .btn-inner, .crypto2-banner-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.crypto2-banner-btn:hover span:nth-child(2), .crypto2-banner-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.crypto2-banner-btn:hover span .btn-normal-text, .crypto2-banner-btn:focus span .btn-normal-text {
  opacity: 0;
}

.crypto-token-banner-btn {
  padding: 12px 39px;
  background: #BFFF0A;
  border-radius: 50px;
  max-width: 220px;
  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;
  text-transform: capitalize;
  color: #111111;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.crypto-token-banner-btn .btn-inner {
  display: inline-block;
}

.crypto-token-banner-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.crypto-token-banner-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.crypto-token-banner-btn span {
  color: #111111;
}

.crypto-token-banner-btn:hover .btn-inner, .crypto-token-banner-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.crypto-token-banner-btn:hover span:nth-child(2), .crypto-token-banner-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.crypto-token-banner-btn:hover span .btn-normal-text, .crypto-token-banner-btn:focus span .btn-normal-text {
  opacity: 0;
}

.corporate-banner-btn {
  padding: 12px 39px;
  background: -webkit-gradient(linear, left top, right top, from(#30D7F1), to(#79FA4B));
  background: linear-gradient(90deg, #30D7F1 0%, #79FA4B 100%);
  border-radius: 50px;
  max-width: 220px;
  width: 100%;
  margin: 0px auto;
  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;
  text-transform: capitalize;
  color: #111111 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.corporate-banner-btn .btn-inner {
  display: inline-block;
}

.corporate-banner-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.corporate-banner-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.corporate-banner-btn span {
  color: #111111;
}

.corporate-banner-btn:hover .btn-inner, .corporate-banner-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.corporate-banner-btn:hover span:nth-child(2), .corporate-banner-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.corporate-banner-btn:hover span .btn-normal-text, .corporate-banner-btn:focus span .btn-normal-text {
  opacity: 0;
}

.consultation-btn {
  padding: 12px 39px;
  background: -webkit-gradient(linear, left top, right top, from(#30D7F1), to(#79FA4B));
  background: linear-gradient(90deg, #30D7F1 0%, #79FA4B 100%);
  border-radius: 50px;
  max-width: 250px;
  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;
  text-transform: capitalize;
  color: #111111 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.consultation-btn .btn-inner {
  display: inline-block;
}

.consultation-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.consultation-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.consultation-btn span {
  color: #111111;
}

.consultation-btn:hover .btn-inner, .consultation-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.consultation-btn:hover span:nth-child(2), .consultation-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.consultation-btn:hover span .btn-normal-text, .consultation-btn:focus span .btn-normal-text {
  opacity: 0;
}

.chatbot-newslater-btn {
  padding: 12px 39px;
  height: 60px;
  width: 220px;
  margin-left: auto;
  background-color: #ffffff;
  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;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.chatbot-newslater-btn .btn-inner {
  display: inline-block;
}

.chatbot-newslater-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.chatbot-newslater-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.chatbot-newslater-btn span {
  color: #111111;
}

.chatbot-newslater-btn:hover .btn-inner, .chatbot-newslater-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.chatbot-newslater-btn:hover span:nth-child(2), .chatbot-newslater-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.chatbot-newslater-btn:hover span .btn-normal-text, .chatbot-newslater-btn:focus span .btn-normal-text {
  opacity: 0;
}

.chatbot-best-pricing-card-btn {
  font-weight: 700;
}

.chatbot-best-pricing-card-btn .btn-inner {
  display: inline-block;
}

.chatbot-best-pricing-card-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.chatbot-best-pricing-card-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.chatbot-best-pricing-card-btn:hover .btn-inner, .chatbot-best-pricing-card-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.chatbot-best-pricing-card-btn:hover span:nth-child(2), .chatbot-best-pricing-card-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.chatbot-best-pricing-card-btn:hover span .btn-normal-text, .chatbot-best-pricing-card-btn:focus span .btn-normal-text {
  opacity: 0;
}

.bg-skyblue-btn {
  width: 150px;
  height: 50px;
  background: rgba(0, 149, 255, 0.2);
  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: #0095ff !important;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.bg-skyblue-btn .btn-inner {
  display: inline-block;
}

.bg-skyblue-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.bg-skyblue-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.bg-skyblue-btn span {
  color: #0095ff;
}

.bg-skyblue-btn:hover, .bg-skyblue-btn:focus {
  background-color: #0095ff;
  color: #ffffff !important;
}

.bg-skyblue-btn:hover .btn-inner, .bg-skyblue-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.bg-skyblue-btn:hover span:nth-child(2), .bg-skyblue-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.bg-skyblue-btn:hover span .btn-normal-text, .bg-skyblue-btn:focus span .btn-normal-text {
  opacity: 0;
}

.bg-skyblue-btn:hover span, .bg-skyblue-btn:focus span {
  color: #ffffff;
}

.bg-green-btn {
  width: 150px;
  height: 50px;
  background: #1A7870;
  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: #fff !important;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.bg-green-btn .btn-inner {
  display: inline-block;
}

.bg-green-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.bg-green-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.bg-green-btn:hover, .bg-green-btn:focus {
  background-color: #AAEF69;
  color: #1A7870 !important;
}

.bg-green-btn:hover .btn-inner, .bg-green-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.bg-green-btn:hover span:nth-child(2), .bg-green-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.bg-green-btn:hover span .btn-normal-text, .bg-green-btn:focus span .btn-normal-text {
  opacity: 0;
}

.bg-green-btn:hover span, .bg-green-btn:focus span {
  color: #1A7870;
}

.bg-navy-btn {
  width: 150px;
  height: 50px;
  background: #041646;
  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: #fff !important;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.bg-navy-btn .btn-inner {
  display: inline-block;
}

.bg-navy-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.bg-navy-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.bg-navy-btn:hover, .bg-navy-btn:focus {
  background-color: #041646;
  color: #ffffff !important;
}

.bg-navy-btn:hover .btn-inner, .bg-navy-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.bg-navy-btn:hover span:nth-child(2), .bg-navy-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.bg-navy-btn:hover span .btn-normal-text, .bg-navy-btn:focus span .btn-normal-text {
  opacity: 0;
}

.bg-navy-btn:hover span, .bg-navy-btn:focus span {
  color: #ffffff;
}

.header-outline-btn {
  width: 150px;
  height: 50px;
  background: transparent;
  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: #00CEC9 !important;
  position: relative;
  overflow: hidden;
  border: 2px solid rgba(0, 206, 201, 0.5);
  font-weight: 700;
}

.header-outline-btn .btn-inner {
  display: inline-block;
}

.header-outline-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.header-outline-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.header-outline-btn span {
  color: #00CEC9;
}

.header-outline-btn:hover, .header-outline-btn:focus {
  background: rgba(0, 206, 201, 0.5);
  color: #111111 !important;
}

.header-outline-btn:hover .btn-inner, .header-outline-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.header-outline-btn:hover span:nth-child(2), .header-outline-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.header-outline-btn:hover span .btn-normal-text, .header-outline-btn:focus span .btn-normal-text {
  opacity: 0;
}

.header-outline-btn:hover span, .header-outline-btn:focus span {
  color: #111111;
}

.bg-blue-btn {
  padding: 18px 46px;
  background-color: #0095ff;
  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;
}

.bg-blue-btn .btn-inner {
  display: inline-block;
}

.bg-blue-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.bg-blue-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.bg-blue-btn:hover, .bg-blue-btn:focus {
  color: #ffffff;
}

.bg-blue-btn:hover .btn-inner, .bg-blue-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.bg-blue-btn:hover span:nth-child(2), .bg-blue-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.bg-blue-btn:hover span .btn-normal-text, .bg-blue-btn:focus span .btn-normal-text {
  opacity: 0;
}

.banner-btn-v8 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px 46px;
  border: 1px solid transparent;
  background-color: #0DAC81;
  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;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 0;
  font-weight: 700;
}

.banner-btn-v8 .btn-inner {
  display: inline-block;
}

.banner-btn-v8 span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.banner-btn-v8 span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.banner-btn-v8:hover, .banner-btn-v8:focus {
  background-color: #AAEF69;
  color: #1A7870;
}

.banner-btn-v8:hover .btn-inner, .banner-btn-v8:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.banner-btn-v8:hover span:nth-child(2), .banner-btn-v8:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.banner-btn-v8:hover span .btn-normal-text, .banner-btn-v8:focus span .btn-normal-text {
  opacity: 0;
}

.banner-btn-v8:hover span, .banner-btn-v8:focus span {
  color: #1A7870;
}

.bg-pink-btn {
  width: 150px;
  height: 50px;
  background: rgba(247, 87, 140, 0.2);
  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: #f7578c !important;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.bg-pink-btn .btn-inner {
  display: inline-block;
}

.bg-pink-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.bg-pink-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.bg-pink-btn span {
  color: #f7578c;
}

.bg-pink-btn:hover, .bg-pink-btn:focus {
  background: #f7578c;
  color: #ffffff !important;
}

.bg-pink-btn:hover .btn-inner, .bg-pink-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.bg-pink-btn:hover span:nth-child(2), .bg-pink-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.bg-pink-btn:hover span .btn-normal-text, .bg-pink-btn:focus span .btn-normal-text {
  opacity: 0;
}

.bg-pink-btn:hover span, .bg-pink-btn:focus span {
  color: #ffffff;
}

.hero-bg-purple-btn {
  width: 500px;
  height: 70px;
  background: #6D3ADB;
  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: #fff !important;
  position: relative;
  overflow: hidden;
  font-weight: 700;
  font-size: 22px;
}


.hero-bg-purple-btn .btn-inner {
  display: inline-block;
}

.hero-bg-purple-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.hero-bg-purple-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.hero-bg-purple-btn span {
  color: #fff;
}

.hero-bg-purple-btn:hover, .hero-bg-purple-btn:focus {
  background: #6d3bdb1a !important;
  color: #6D3ADB !important;
}

.hero-bg-purple-btn:hover .btn-inner, .hero-bg-purple-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.hero-bg-purple-btn:hover span:nth-child(2), .hero-bg-purple-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.hero-bg-purple-btn:hover span .btn-normal-text, .hero-bg-purple-btn:focus span .btn-normal-text {
  opacity: 0;
}

.hero-bg-purple-btn:hover span, .bg-pink-btn:focus span {
  color: #6D3ADB !important;
}

.hero2-bg-purple-btn {
  max-width: 500px;
  width: 100%;
  height: 70px;
  background: #6D3ADB;
  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: #fff !important;
  position: relative;
  overflow: hidden;
  font-weight: 700;
  font-size: 22px;
}


.hero2-bg-purple-btn .btn-inner {
  display: inline-block;
}

.hero2-bg-purple-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.hero2-bg-purple-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.hero2-bg-purple-btn span {
  color: #fff;
}

.hero2-bg-purple-btn:hover, .hero2-bg-purple-btn:focus {
  background: #7041D5 !important;
  color: #fff !important;
}

.hero2-bg-purple-btn:hover .btn-inner, .hero2-bg-purple-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.hero2-bg-purple-btn:hover span:nth-child(2), .hero2-bg-purple-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.hero2-bg-purple-btn:hover span .btn-normal-text, .hero2-bg-purple-btn:focus span .btn-normal-text {
  opacity: 0;
}

.hero2-bg-purple-btn:hover span, .bg-pink-btn:focus span {
  color: #fff !important;
}

.bg-purple-btn {
  min-width: 150px;
  height: 50px;
  background: #6D3ADB;
  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: #fff !important;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}


.bg-purple-btn .btn-inner {
  display: inline-block;
}

.bg-purple-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.bg-purple-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.bg-purple-btn span {
  color: #fff;
}

.bg-purple-btn:hover, .bg-purple-btn:focus {
  background: #6d3bdb1a;
  color: #6D3ADB !important;
}

.bg-purple-btn:hover .btn-inner, .bg-purple-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.bg-purple-btn:hover span:nth-child(2), .bg-purple-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.bg-purple-btn:hover span .btn-normal-text, .bg-purple-btn:focus span .btn-normal-text {
  opacity: 0;
}

.bg-purple-btn:hover span, .bg-pink-btn:focus span {
  color: #6D3ADB;
}

.bg-purple-btn2 {
  width: 150px;
  height: 50px;
  background: #6d3bdb1a;
  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: #6D3ADB !important;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.bg-purple-btn2 .btn-inner {
  display: inline-block;
}

.bg-purple-btn2 span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.bg-purple-btn2 span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.bg-purple-btn2 span {
  color: #6d3bdb1a;
}

.bg-purple-btn2:hover, .bg-purple-btn2:focus {
  background: #6D3ADB;
  color: #fff  !important;
}

.bg-purple-btn2:hover .btn-inner, .bg-purple-btn2:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.bg-purple-btn2:hover span:nth-child(2), .bg-purple-btn2:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.bg-purple-btn2:hover span .btn-normal-text, .bg-purple-btn2:focus span .btn-normal-text {
  opacity: 0;
}

.bg-purple-btn2:hover span, .bg-pink-btn:focus span {
  color: #fff;
}

.bg-green-btn2 {
  width: 150px;
  height: 50px;
  background: #10B981;
  border: #10B981 1px solid;
  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: #ECFDF5 !important;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.bg-green-btn2 .btn-inner {
  display: inline-block;
}

.bg-green-btn2 span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #ECFDF5;
}

.bg-green-btn2 span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.bg-green-btn2 span {
  color: #ECFDF5;
}

.bg-green-btn2:hover, .bg-green-btn2:focus {
  background: #ECFDF5 ;
  color: #10B981 !important;
}

.bg-green-btn2:hover .btn-inner, .bg-green-btn2:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.bg-green-btn2:hover span:nth-child(2), .bg-green-btn2:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.bg-green-btn2:hover span .btn-normal-text, .bg-green-btn2:focus span .btn-normal-text {
  opacity: 0;
}

.bg-green-btn2:hover span, .bg-pink-btn:focus span {
  color: #10B981;
}

.big-underline {
  font-size: 48px; /* adjust as needed */
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: #F59E0B;
  text-underline-offset: 6px; /* moves underline slightly away from text */
  text-decoration-thickness: 4px; /* makes underline thicker */
}

.bg-olive-btn {
  width: 150px;
  height: 50px;
  background: #B2EDA1;
  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;
  font-weight: 700;
}

.bg-olive-btn .btn-inner {
  display: inline-block;
}

.bg-olive-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.bg-olive-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.bg-olive-btn span {
  color: #111111;
}

.bg-olive-btn:hover, .bg-olive-btn:focus {
  background: #44C486;
  color: #ffffff !important;
}

.bg-olive-btn:hover .btn-inner, .bg-olive-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.bg-olive-btn:hover span:nth-child(2), .bg-olive-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.bg-olive-btn:hover span .btn-normal-text, .bg-olive-btn:focus span .btn-normal-text {
  opacity: 0;
}

.bg-olive-btn:hover span, .bg-olive-btn:focus span {
  color: #ffffff;
}

.lets-talk-btn {
  width: 170px;
  height: 60px;
  background: #B2EDA1;
  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;
  font-weight: 700;
}

.lets-talk-btn img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
  margin-left: 10px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.lets-talk-btn:hover, .lets-talk-btn:focus {
  background: #44C486;
  color: #ffffff !important;
}

.lets-talk-btn:hover img, .lets-talk-btn:focus img {
  -webkit-filter: none;
          filter: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.btn-olive-deep {
  width: 220px;
  height: 60px;
  background: #44C486;
  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: #ffffff !important;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 700;
}

.btn-olive-deep .btn-inner {
  display: inline-block;
}

.btn-olive-deep span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.btn-olive-deep span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.btn-olive-deep:hover, .btn-olive-deep:focus {
  background: #B2EDA1;
  color: #111111 !important;
}

.btn-olive-deep:hover .btn-inner, .btn-olive-deep:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.btn-olive-deep:hover span:nth-child(2), .btn-olive-deep:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.btn-olive-deep:hover span .btn-normal-text, .btn-olive-deep:focus span .btn-normal-text {
  opacity: 0;
}

.btn-olive-deep:hover span, .btn-olive-deep:focus span {
  color: #111111;
}

.case-studies-btn {
  border-radius: 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;
  text-transform: capitalize;
}

.contact-btn {
  border-radius: 50px;
  color: #111111;
  width: 220px;
  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;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 2px solid rgba(0, 0, 0, 0.1);
  font-weight: 700;
}

.contact-btn .btn-inner {
  display: inline-block;
}

.contact-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.contact-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.contact-btn span {
  color: #111111;
}

.contact-btn:hover {
  border: 2px solid transparent;
  background: #111111;
  color: #ffffff;
}

.contact-btn:hover .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.contact-btn:hover span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.contact-btn:hover span .btn-normal-text {
  opacity: 0;
}

.contact-btn:hover span {
  color: #ffffff;
}

.load-more-btn {
  text-align: center;
  margin: auto;
  margin-top: 50px;
  width: 150px;
  height: 50px;
  background: rgba(177, 177, 177, 0.2);
  border-radius: 500px;
  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;
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 700;
}

.load-more-btn .btn-inner {
  display: inline-block;
}

.load-more-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.load-more-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.load-more-btn span {
  color: #111111;
}

.load-more-btn:hover, .load-more-btn:focus {
  background: #111111;
  color: #ffffff !important;
}

.load-more-btn:hover .btn-inner, .load-more-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.load-more-btn:hover span:nth-child(2), .load-more-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.load-more-btn:hover span .btn-normal-text, .load-more-btn:focus span .btn-normal-text {
  opacity: 0;
}

.load-more-btn:hover span, .load-more-btn:focus span {
  color: #ffffff;
}

.explore-btn {
  border-radius: 50px;
  padding: 17px 36px;
  background-color: #2d2e50;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  color: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.explore-btn img {
  width: 16px;
  height: 16px;
}

.explore-btn:hover, .explore-btn:focus {
  background: #f7578c;
  color: #ffffff !important;
}

.text-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #0095ff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.text-link svg {
  font-size: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.text-link:hover, .text-link:focus {
  color: #0095ff;
}

.text-link:hover svg, .text-link:focus svg {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.lets-talk-bttn {
  font-family: "DM Sans", sans-serif;
  color: #ffffff;
  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: 13px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.lets-talk-bttn:hover {
  color: #44C486;
}

.lets-talk-bttn:hover .icon {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: #44C486;
  color: #ffffff;
}

.lets-talk-bttn .icon {
  height: 30px;
  width: 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;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*-- lequied btn --*/
.become-investor-btn {
  padding: 17px 30px;
  height: 60px;
  max-width: 270px;
  width: 100%;
  border-radius: 999px;
  border: none;
  outline: none;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  cursor: pointer;
  -webkit-transition: 1.5s ease;
  transition: 1.5s ease;
  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: 50px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.become-investor-btn span {
  color: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.become-investor-btn img {
  margin-left: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-filter: brightness(100);
          filter: brightness(100);
}

.become-investor-btn:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*-- butoon style end --*/
/*-- sass-start-free-btn --*/
.sass-start-free-btn {
  background: #0555FF;
  border-radius: 50px;
  max-width: 220px;
  width: 100%;
  height: 55px;
  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: #ffffff !important;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.sass-start-free-btn .btn-inner {
  display: inline-block;
}

.sass-start-free-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.sass-start-free-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.sass-start-free-btn:hover .btn-inner, .sass-start-free-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.sass-start-free-btn:hover span:nth-child(2), .sass-start-free-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.sass-start-free-btn:hover span .btn-normal-text, .sass-start-free-btn:focus span .btn-normal-text {
  opacity: 0;
}

.sass-start-free-btn:hover span, .sass-start-free-btn:focus span {
  color: #ffffff;
}

/*-- defi-banner btn --*/
.defi-banner-btn {
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
  border-radius: 30px;
  border-radius: 50px;
  max-width: 220px;
  width: 100%;
  height: 55px;
  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: #ffffff !important;
  position: relative;
  overflow: hidden;
  margin: auto;
  font-weight: 700;
}

.defi-banner-btn .btn-inner {
  display: inline-block;
}

.defi-banner-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.defi-banner-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.defi-banner-btn:hover .btn-inner, .defi-banner-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.defi-banner-btn:hover span:nth-child(2), .defi-banner-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.defi-banner-btn:hover span .btn-normal-text, .defi-banner-btn:focus span .btn-normal-text {
  opacity: 0;
}

.defi-banner-btn:hover span, .defi-banner-btn:focus span {
  color: #ffffff;
}

/*-- defi-banner btn --*/
.metavarse-card-btn {
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
  border-radius: 30px;
  border-radius: 50px;
  max-width: 220px;
  width: 100%;
  height: 55px;
  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: #ffffff !important;
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.metavarse-card-btn .btn-inner {
  display: inline-block;
}

.metavarse-card-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.metavarse-card-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.metavarse-card-btn:hover .btn-inner, .metavarse-card-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.metavarse-card-btn:hover span:nth-child(2), .metavarse-card-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.metavarse-card-btn:hover span .btn-normal-text, .metavarse-card-btn:focus span .btn-normal-text {
  opacity: 0;
}

.metavarse-card-btn:hover span, .metavarse-card-btn:focus span {
  color: #ffffff;
}

/*-- btn hover effect style --*/
.btn-hov-effect:hover {
  cursor: pointer !important;
}

.btn-hov-effect .round-shape {
  border-radius: 30px !important;
  background-color: #ffffff10;
  position: absolute !important;
  z-index: 0 !important;
  -webkit-animation: scale-down 0.2s forwards;
          animation: scale-down 0.2s forwards;
}

.btn-hov-effect.animate .round-shape {
  -webkit-animation: scale-up 0.5s forwards;
          animation: scale-up 0.5s forwards;
}

.btn-hov-effect.dark .round-shape {
  background-color: #00000040;
}

.defi-header-btn {
  width: 150px;
  height: 50px;
  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;
  font-weight: 700;
}

.defi-header-btn .btn-inner {
  display: inline-block;
}

.defi-header-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.defi-header-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.defi-header-btn span {
  color: #111111;
}

.defi-header-btn:hover, .defi-header-btn:focus {
  background: #37EA8E;
  color: #ffffff !important;
}

.defi-header-btn:hover .btn-inner, .defi-header-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.defi-header-btn:hover span:nth-child(2), .defi-header-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.defi-header-btn:hover span .btn-normal-text, .defi-header-btn:focus span .btn-normal-text {
  opacity: 0;
}

.defi-header-btn:hover span, .defi-header-btn:focus span {
  color: #ffffff;
}

.item-details-buy-now-btn {
  font-weight: 700;
  overflow: hidden;
}

.item-details-buy-now-btn .btn-inner {
  display: inline-block;
}

.item-details-buy-now-btn span {
  position: relative;
  z-index: 11;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  color: #fff;
}

.item-details-buy-now-btn span:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}

.item-details-buy-now-btn span {
  color: #111111;
}

.item-details-buy-now-btn:hover .btn-inner, .item-details-buy-now-btn:focus .btn-inner {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}

.item-details-buy-now-btn:hover span:nth-child(2), .item-details-buy-now-btn:focus span:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}

.item-details-buy-now-btn:hover span .btn-normal-text, .item-details-buy-now-btn:focus span .btn-normal-text {
  opacity: 0;
}

/*-- badge style start --*/
.hero-badge {
  border-radius: 0px 20px 0px 0px;
  background-color: #f7578c;
  padding: 0px 10px;
  position: relative;
}

.hero-badge::before {
  position: absolute;
  content: url("../images/icons/badge-icon.svg");
  top: -52px;
  right: -32px;
  -webkit-animation: badgeAnimate 1.5s infinite ease-in-out;
          animation: badgeAnimate 1.5s infinite ease-in-out;
}

@-webkit-keyframes badgeAnimate {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes badgeAnimate {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.marketing-badge {
  border-radius: 0px 20px 0px 0px;
  background-color: #27AE60;
  padding: 0 10px;
}

.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;
}

.theme-badge {
  border-radius: 100px;
  background-color: #f7578c;
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  line-height: 36px;
  color: #ffffff;
}

/*-- badge style end --*/
.breadcrumb-section {
  /* margin-top: 90px; */
  padding: 60px 0;
  background-color: #6D3ADB;
  position: relative;
  z-index: 0;
}

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

.breadcrumb-section .shape-img.img-1 {
  bottom: 0;
  left: 4%;
}

.breadcrumb-section .shape-img.img-2 {
  bottom: 0;
  left: 34%;
}

.breadcrumb-section.blog-details-breadcrumb-section {
  height: 436px;
}

.breadcrumb-section.pricing-plan-breadcrumb-section {
  min-height: 580px;
  padding-top: 95px;
}

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

.breadcrumb-list .breadcrumb-item {
  text-transform: uppercase;
  font-weight: 700;
  color: #ffffff;
}

.breadcrumb-list .breadcrumb-item.active {
  color: #ffffffb2;
}

.breadcrumb-list .breadcrumb-item + .breadcrumb-item::before {
  content: ".";
  font-size: 20px;
  margin: 0px 5px;
}

.breadcrumb-sec .breadcrumb-title {
  text-transform: capitalize;
  font-size: 50px;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 50px;
}

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

.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%;
}

.staco-pagination {
  max-width: 290px;
  width: 100%;
}

.staco-pagination 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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.staco-pagination ul li {
  min-height: 50px;
  min-width: 50px;
  border-radius: 50%;
  background: #ffffff;
  border: 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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.staco-pagination ul li a {
  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;
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #444444;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.staco-pagination ul li:hover, .staco-pagination ul li.active {
  border: 1px solid #0095ff;
}

.staco-pagination ul li:hover a, .staco-pagination ul li.active a {
  color: #0095ff;
}

.case-studies-section {
  margin-top: 90px;
  margin-bottom: 115px;
  background: #EEEFFB;
}

.case-studies-section .case-studies-left {
  max-width: 496px;
  width: 100%;
  padding: 125px 0px 140px 0px;
}

.case-studies-section .case-studies-left h2 {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  color: #111111;
  margin-bottom: 35px;
}

.case-studies-section .case-studies-brands {
  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;
}

.case-studies-section .case-studies-brands .case-studies-item {
  width: 50%;
  padding-top: 60px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  min-height: 550px;
  max-height: 585px;
  position: relative;
  overflow: hidden;
}

.case-studies-section .case-studies-brands .case-studies-item::before {
  content: '';
  height: 200px;
  width: 100%;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(#EEEFFB), to(rgba(238, 239, 251, 0)));
  background: linear-gradient(180deg, #EEEFFB 0%, rgba(238, 239, 251, 0) 100%);
  top: 0px;
  left: 0px;
  z-index: 2;
}

.case-studies-section .case-studies-brands .case-studies-item::after {
  content: '';
  height: 200px;
  width: 100%;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(238, 239, 251, 0)), to(#EEEFFB));
  background: linear-gradient(180deg, rgba(238, 239, 251, 0) 0%, #EEEFFB 100%);
  bottom: 0px;
  left: 0px;
  z-index: 2;
}

.case-studies-section .case-studies-brands .case-studies-item:nth-last-child(1) {
  border-left: none;
}

.case-studies-section .case-studies-brands .case-studies-item 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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

.case-studies-section .case-studies-brands .case-studies-item ul.slide-top {
  -webkit-animation: SlideTop 8s infinite linear;
          animation: SlideTop 8s infinite linear;
}

.case-studies-section .case-studies-brands .case-studies-item ul.slide-bottom {
  -webkit-animation: SlideBottom 8s infinite linear;
          animation: SlideBottom 8s infinite linear;
}

.case-studies-section .case-studies-brands .case-studies-item ul li {
  min-height: 24px;
  margin-bottom: 85px;
}

@-webkit-keyframes SlideTop {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes SlideTop {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes SlideBottom {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes SlideBottom {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.developer-apis-Section {
  background: #061121;
  margin-bottom: 47px;
}

.developer-apis-Section .developer-apis-left {
  padding-right: 50px;
  padding-top: 112px;
  margin-bottom: 112px;
}

.developer-apis-Section .developer-apis-left .developer-apis-text p {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #ffffff;
  margin-top: 35px;
  margin-bottom: 30px;
}

.developer-apis-Section .developer-apis-right {
  background: rgba(255, 255, 255, 0.04);
  height: 100%;
  width: 100%;
  padding: 120px 30px;
  position: relative;
  overflow: hidden;
}

.developer-apis-Section .developer-apis-right::after {
  content: url(../images/newslater/newsletter-mashgrad.png);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
}

.developer-apis-Section .developer-apis-right .developer-apis-tab-buttons {
  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: 15px;
  margin-bottom: 33px;
  border-bottom: none;
  position: relative;
  z-index: 1;
}

.developer-apis-Section .developer-apis-right .developer-apis-tab-buttons button {
  padding: 8px 19px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 26px;
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.developer-apis-Section .developer-apis-right .developer-apis-tab-buttons button.active, .developer-apis-Section .developer-apis-right .developer-apis-tab-buttons button:hover {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.08);
}

.section-title2 p {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #f7578c;
  text-transform: uppercase;
}

.section-title2 h2 {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  color: #ffffff;
  max-width: 363px;
}

.developer-apis-tab-contents {
  position: relative;
  z-index: 2;
}

.developer-apis-notepad .custom-textarea {
  position: relative;
  width: 100%;
  max-width: 90%;
  margin: auto;
  overflow: hidden;
}

.developer-apis-notepad .custom-textarea .textarea {
  display: block;
  position: relative;
  height: 288px;
  min-height: 288px;
  max-height: 288px;
  margin-left: 24px;
  outline: none;
  border: none;
  overflow-y: auto;
  word-wrap: normal;
  word-break: break-all;
  background: transparent;
  resize: none;
  overflow-x: none;
  font-family: "Fira Code", monospace;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  color: #ffffff;
}

.developer-apis-notepad .custom-textarea .textarea::-webkit-scrollbar {
  display: none;
}

.developer-apis-notepad .custom-textarea .linenumbers {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  background: transparent;
}

.developer-apis-notepad .custom-textarea .linenumbers .number {
  font-family: "Fira Code", monospace;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.3);
}

.variable {
  color: aqua;
}

.bracket1 {
  color: chartreuse;
}

.bracket2 {
  color: fuchsia;
}

.bracket3 {
  color: #1f14ff;
}

.bracket4 {
  color: #ecff8e;
}

.bracket5 {
  color: #26ffcc;
}

.bracket6 {
  color: #8bffb3;
}

.bracket7 {
  color: #ffbc3e;
}

.bracket8 {
  color: #7e00ed;
}

.class {
  color: #f7578c;
}

.import {
  color: orangered;
}

.string {
  color: #FFDA54;
}

.comment {
  color: #919090;
}

.ultimate-features-section {
  margin-bottom: 140px;
}

.ultimate-features-section .ultimate-features-content {
  margin-top: 50px;
}

.ultimate-features-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 30px;
}

.ultimate-features-card h5 {
  margin-top: 18px;
  margin-bottom: 10px;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 26px;
  color: #111111;
}

.ultimate-features-card p {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #444444;
}

.ultimate-features-card2 {
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 30px;
}

.ultimate-features-card2.blue {
  background: #267DFF;
}

.ultimate-features-card2.green {
  background: #0EC36B;
}

.ultimate-features-card2.purple {
  background: #7956FD;
}

.ultimate-features-card2.white {
  background: #EEF4FF;
}

.ultimate-features-card2.white .overlay {
  background: transparent;
}

.ultimate-features-card2 .overlay {
  background: linear-gradient(147.66deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  height: 100%;
  width: 100%;
  padding: 30px;
}

.ultimate-features-card2 .ultimate-features-img {
  width: 100%;
  border-radius: 20px;
  margin-bottom: 33px;
  overflow: hidden;
}

.ultimate-features-card2 .ultimate-features-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.ultimate-features-card2 .ultimate-features-text h5 {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #ffffff;
  margin-bottom: 12px;
}

.ultimate-features-card2 .ultimate-features-text h5.dark {
  color: #111111;
}

.ultimate-features-card2 .ultimate-features-text p {
  margin-bottom: 30px;
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #ffffff;
}

.ultimate-features-card2 .ultimate-features-text p.dark {
  color: #444444;
}

.ultimate-features-card2 .ultimate-features-text a {
  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-transition: 0.3s;
  transition: 0.3s;
}

.ultimate-features-card2 .ultimate-features-text a h6 {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ultimate-features-card2 .ultimate-features-text a h6.dark {
  color: #111111;
}

.ultimate-features-card2 .ultimate-features-text a button {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  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;
}

.ultimate-features-card2 .ultimate-features-text a button.dark {
  background: rgba(0, 0, 0, 0.1);
}

.ultimate-features-card2 .ultimate-features-text a button.dark img {
  -webkit-filter: brightness(0.1);
          filter: brightness(0.1);
}

.ultimate-features-card2 .ultimate-features-text a:hover h6 {
  opacity: 0.8;
}

.ultimate-features-card2 .ultimate-features-text a:hover button {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.portfolio-section {
  margin-top: 120px;
  margin-bottom: 57px;
  padding: 0px 55px;
}

.portfolio-section .portfolio-title {
  text-align: center;
}

.portfolio-section .portfolio-title p {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #0095ff;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.portfolio-section .portfolio-title .portfolio-subtitle {
  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: 30px;
}

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

.portfolio-section .portfolio-title .portfolio-subtitle h3 {
  text-align: left;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 60px;
  color: #0ec36b;
}

.portfolio-section .portfolio-title .portfolio-subtitle h3 span {
  font-size: 16px;
  font-weight: 600;
  line-height: 60px;
  color: #111111;
}

.portfolio-section .portfolio-gallery-section {
  max-width: 100%;
  overflow-x: hidden;
}

.portfolio-section .portfolio-gallery {
  margin-top: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.portfolio-section .portfolio-gallery .portfolio-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 430px;
  height: 300px;
  border-radius: 10px;
  overflow: hidden;
}

.portfolio-section .portfolio-gallery .portfolio-img img {
  height: 100%;
  width: 100%;
}

.portfolio-section.newsletter {
  background: #ffffff;
  margin-top: 0px;
  margin-bottom: 0px;
}

.portfolio-section.newsletter .portfolio-gallery {
  margin-bottom: 63px;
}

.portfolio-section.newsletter .portfolio-gallery .portfolio-img {
  height: auto;
  width: auto;
}

.portfolio-section.newsletter .free-demo-btn {
  padding: 12px 20px;
  border: 2px solid rgba(0, 149, 255, 0.3);
  border-radius: 50px;
  color: #0095ff;
  background: transparent;
  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: 230px;
  height: 60px;
  margin: auto;
}

.portfolio-section.newsletter .free-demo-btn span {
  color: #0095ff;
}

.portfolio-section.newsletter .free-demo-btn svg {
  font-size: 24px;
  margin-left: 15px;
}

.footer-testimonial-section {
  background: url(../images/footer/footer-testimonial-bg.svg);
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  min-height: 551px;
  margin-bottom: 107px;
}

.footer-testimonial-section .footer-testimonial-left {
  padding-top: 35px;
}

.footer-testimonial-section .footer-testimonial-left h4 {
  margin-top: 55px;
  margin-bottom: 61px;
  font-family: "DM Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 45px;
  color: #ffffff;
  max-width: 583px;
}

.footer-testimonial-section .footer-testimonial-left form {
  background: #ffffff;
  border-radius: 35px;
  padding: 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;
}

.footer-testimonial-section .footer-testimonial-left form input {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #444444;
  padding: 10px 14px;
  height: 100%;
  width: 100%;
  max-width: 296px;
  border: none;
  outline: none;
}

.footer-testimonial-section .footer-testimonial-left form input::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #111111;
  /* Firefox */
}

.footer-testimonial-section .footer-testimonial-left form input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #111111;
  /* Firefox */
}

.footer-testimonial-section .footer-testimonial-left form input::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #111111;
  /* Firefox */
}

.footer-testimonial-section .footer-testimonial-left form input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #111111;
  /* Firefox */
}

.footer-testimonial-section .footer-testimonial-left form input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #111111;
}

.footer-testimonial-section .footer-testimonial-left form input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #111111;
}

.footer-testimonial-section .footer-testimonial-left form button {
  background: #FFDA54;
  color: #050038;
  padding: 12px 24px;
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 26px;
  border-radius: 25px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.footer-testimonial-section .footer-testimonial-left.v8 {
  padding-top: 60px;
  padding-bottom: 88px;
}

.footer-testimonial-section .footer-testimonial-left.v8 form button {
  background: #AAEF69;
  color: #1A7870;
}

.footer-testimonial-section .footer-testimonial-left.v8 form button:hover {
  color: #ffffff;
  background: #1A7870;
}

.footer-testimonial-section .footer-testimonial-left ul {
  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;
  max-width: 370px;
  width: 100%;
  margin-top: 16px;
}

.footer-testimonial-section .footer-testimonial-left ul li {
  width: 50%;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #ffffff;
}

.footer-testimonial-section .footer-testimonial-left ul li svg {
  color: #ffffff;
  margin-right: 11px;
  font-size: 18px;
}

.footer-testimonial-section .footer-testimonial-right {
  text-align: right;
  position: absolute;
  right: 15px;
  bottom: 0;
}

.footer-testimonial-section .footer-testimonial-right .footer-testimonial-right-text {
  text-align: left;
  position: absolute;
  left: 120px;
  bottom: 120px;
}

.footer-testimonial-section .footer-testimonial-right .footer-testimonial-right-text h5 {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #ffffff;
}

.footer-testimonial-section .footer-testimonial-right .footer-testimonial-right-text p {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #ffffff;
}

.footer-testimonial-section.v8 {
  background: url(../images/accounting/footer-testimonial-bg.png);
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  min-height: auto;
  margin-bottom: 107px;
}

.footer-testimonial-section.v8 .footer-testimonial-icon {
  opacity: 0;
}

.manage-team-section {
  margin-bottom: 150px;
}

.manage-team-content {
  margin-top: 71px;
}

.manage-team-card {
  margin-bottom: 60px;
}

.manage-team-card h6 {
  margin-top: 25px;
  margin-bottom: 13px;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #111111;
}

.manage-team-card p {
  max-width: 323px;
  width: 100%;
  fontfamily: dmSans;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #444444;
}

.index6-card-section {
  background: #ffffff;
  padding-bottom: 100px;
}

.index6-card-section .v8-card-section-text {
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #444444;
  margin-bottom: 55px;
  margin-top: -16px;
}

.index6-card {
  background: #ECEFF1;
  padding: 40px 30px;
  border-radius: 30px;
  margin-bottom: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.index6-card.index8-card {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  height: 370px;
  overflow: hidden;
}

.index6-card.index8-card p {
  margin-bottom: 0px;
  overflow: hidden;
}

.index6-card.index8-card .index8-card-text {
  position: relative;
  bottom: -100px;
  z-index: 1;
}

.index6-card.index8-card a {
  background: #ECEFF1;
  margin-top: 18px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  z-index: 2;
  gap: 20px;
  padding-top: 20px;
  padding-bottom: 48px;
}

.index6-card.index8-card a .icon {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.index6-card.index8-card:hover p {
  display: block;
}

.index6-card.index8-card:hover .index8-card-text {
  -webkit-animation: smothShow 0.5s;
          animation: smothShow 0.5s;
  bottom: -10px;
}

.index6-card.index8-card:hover a .icon {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-filter: none;
          filter: none;
}

.index6-card .index6-card-icon {
  margin-bottom: 31px;
}

.index6-card h5 {
  font-weight: 700;
  color: #000000;
  margin-bottom: 19px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.index6-card p {
  margin-bottom: 70px;
}

.index6-card a {
  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-transition: 0.7s;
  transition: 0.7s;
}

.index6-card a span {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #444444;
  font-weight: 700;
}

.index6-card a .link-btn {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: 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;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.index6-card a .link-btn .icon {
  margin-bottom: 3px;
  margin-left: 2px;
}

.index6-card a .link-btn img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.index6-card:hover a span {
  color: #44C486;
}

.index6-card:hover a .link-btn {
  background: #44C486;
}

.index6-card:hover a .link-btn img {
  -webkit-filter: brightness(100);
          filter: brightness(100);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@-webkit-keyframes smothShow {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: -10px;
  }
}

@keyframes smothShow {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: -10px;
  }
}

.section-title p {
  margin-bottom: 5px;
}

.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: #f7578c;
}

.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;
}

/*-- 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: rgba(0, 149, 255, 0.8);
}

.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: rgba(0, 149, 255, 0.8);
  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;
  }
}

/*-- staco-scroll-top end --*/
.staco-modals .modal {
  z-index: 1111;
  background: rgba(0, 0, 0, 0.5);
}

.staco-modals .modal-content {
  max-width: 450px;
  width: 100%;
  overflow: hidden;
  margin: auto;
  padding: 35px 30px;
  background: #FFFFFF;
  border-radius: 15px;
}

.staco-modals .modal-content .modal-header {
  padding: 0px;
  border: none;
  margin-bottom: 27px;
}

.staco-modals .modal-content .modal-body {
  padding: 0px;
}

.staco-modals .modal-content .modal-body .modal-pragraph {
  font-size: 14px;
  line-height: 28px;
}

.staco-modals .modal-content .modal-body .modal-pragraph span {
  color: #111111;
  font-weight: 600;
}

.staco-modals .modal-content .modal-body .connect-section {
  margin-top: 36px;
  padding-bottom: 4px;
}

.staco-modals .modal-content .modal-body .connect-section ul {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
}

.staco-modals .modal-content .modal-body .connect-section ul li {
  background: #F1F1F1;
  border-radius: 30px;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 20px;
  position: relative;
}

.staco-modals .modal-content .modal-body .connect-section ul li::after {
  content: '>';
  position: absolute;
  right: 25px;
  top: 15px;
  font-size: 20px;
  color: #999999;
}

.staco-modals .modal-content .modal-body .connect-section ul li:hover {
  opacity: 0.7;
}

.staco-modals .modal-content .modal-body .connect-section ul li a {
  width: 100%;
  height: 60px;
  padding: 5px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 14px;
  sline-height: 17px;
  color: #111111;
}

.staco-modals .modal-content .modal-body .connect-section ul li a span {
  margin-right: 25px;
}

.staco-modals .modal-content .modal-body .bid-section h6 {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 15px;
}

.staco-modals .modal-content .modal-body .bid-section h6 span {
  margin-left: 7px;
  color: #999999;
}

.staco-modals .modal-content .modal-body .bid-section .bid-form {
  overflow: hidden;
  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;
  min-height: 55px;
  background: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0.12);
  border-radius: 30px;
  position: relative;
  margin-bottom: 22px;
}

.staco-modals .modal-content .modal-body .bid-section .bid-form::after {
  content: '>';
  position: absolute;
  top: 11px;
  right: 20px;
  font-size: 20px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.staco-modals .modal-content .modal-body .bid-section .bid-form input {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  border: none;
  outline: none;
  width: 55%;
  height: 100%;
  padding: 10px 25px;
}

.staco-modals .modal-content .modal-body .bid-section .bid-form select {
  width: 45%;
  height: 100%;
  padding: 16px 25px 16px 14px;
  border: none;
  outline: none;
  -webkit-appearance: none;
  border-left: 1px solid rgba(17, 17, 17, 0.12);
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #111111;
}

.staco-modals .modal-content .modal-body .bid-section ul {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
  margin-bottom: 16px;
}

.staco-modals .modal-content .modal-body .bid-section ul li {
  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;
}

.staco-modals .modal-content .modal-body .bid-section ul li p {
  font-weight: 600;
  font-size: 14px;
  line-height: 36px;
  color: #999999;
  margin-bottom: 0px;
}

.staco-modals .modal-content .modal-body .bid-section ul li p span {
  color: #4157FF;
  font-size: 12px;
  line-height: 15px;
  padding: 3.5px 7.5px;
  background: rgba(65, 87, 255, 0.15);
  border-radius: 5px;
  margin-left: 8px;
}

.staco-modals .modal-content .modal-body .bid-section ul li h5 {
  font-weight: 600;
  font-size: 14px;
  line-height: 36px;
  text-align: right;
  margin-bottom: 0px;
}

.staco-modals .modal-content .modal-body .bid-section .place-bid-btn {
  width: 100%;
  height: 55px;
  overflow: hidden;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #ffffff;
  background: #5F5FFF;
  border-radius: 30px;
}

body.dark-scheme .staco-modals .modal-content,
html.dark-scheme body .staco-modals .modal-content {
  background: #181D22;
}

body.dark-scheme .staco-modals .modal-content .modal-header .btn-close i,
html.dark-scheme body .staco-modals .modal-content .modal-header .btn-close i {
  color: #999999;
}

body.dark-scheme .staco-modals .modal-content .modal-header .btn-close i:hover,
html.dark-scheme body .staco-modals .modal-content .modal-header .btn-close i:hover {
  color: #ffffff;
}

body.dark-scheme .staco-modals .modal-content .modal-body .connect-section ul li,
html.dark-scheme body .staco-modals .modal-content .modal-body .connect-section ul li {
  background: rgba(0, 0, 0, 0.3);
}

body.dark-scheme .staco-modals .modal-content .modal-body .connect-section ul li a,
html.dark-scheme body .staco-modals .modal-content .modal-body .connect-section ul li a {
  color: #999999;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

body.dark-scheme .staco-modals .modal-content .modal-body .connect-section ul li a:hover,
html.dark-scheme body .staco-modals .modal-content .modal-body .connect-section ul li a:hover {
  color: #ffffff;
}

.language-dropdown {
  position: relative;
  max-width: 100px;
}

.language-dropdown.open .list {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
}

.language-dropdown:hover .list {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
}

.language-dropdown button {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  width: 100px;
  height: 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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  padding: 10px 14px;
  color: #111111;
  position: relative;
}

.language-dropdown button::after {
  content: url(../images/icons/dropdown-toggle.svg);
  position: absolute;
  top: 12px;
  right: 11px;
  opacity: 0.4;
}

.language-dropdown button img {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-right: 7.5px;
}

.language-dropdown .list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  margin-top: 10px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
  padding: 10px 0;
  -webkit-transform: scale(0.75) translateY(-20px);
          transform: scale(0.75) translateY(-20px);
  opacity: 0;
  visibility: hidden;
  border-radius: 15px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 200px;
  height: auto;
  right: 0;
  left: unset;
  top: 130%;
  list-style: none;
  margin: 0px;
  padding: 28px 30px 30px 30px;
}

.language-dropdown .list-item {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #444444;
  line-height: 333%;
}

.language-dropdown .list-item:hover {
  color: #111111;
  background-color: transparent;
}

.language-dropdown .list-item .select {
  display: none;
}

.language-dropdown.finance button {
  background: transparent;
  border: 1px solid #FFFFFF30;
  color: #ffffff;
  position: relative;
}

.language-dropdown.finance button::after {
  content: url(../images/icons/dropdown-toggle.svg);
  position: absolute;
  top: 12px;
  right: 11px;
  opacity: 1;
  -webkit-filter: brightness(100);
          filter: brightness(100);
}

.language-dropdown.finance button img {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-right: 7.5px;
  -webkit-filter: brightness(100);
          filter: brightness(100);
}

/*--------------------------------
05. Utilities style
--------------------------------*/
/*-- margin style --*/
.mb-20 {
  margin-bottom: 20px;
}

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



/* ------ added -------- */

.img-in-black-white {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    transition: filter 0.5s ease;
}

.img-in-black-white:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
}

.comparison-section{
  margin-top: 150px;
}

.saas-franchise-CTA {
  background-color: #eceff1; 
  border: #eceff1 5px solid; 
  padding: 50px 0;
}


.bg-indigo-50 {
  background-color: #eef2ff !important;
}

.text-indigo-600 {
  color: #4f46e5 !important;
}

.btn-indigo {
  background-color: #4f46e5 !important;
  border: none;
  transition: all 0.3s ease;


}
.btn-indigo:hover {
  background-color: #4338ca !important;
  transform: translateY(-2px);
}

.agent-card-btn{
  transition: all 0.3s ease;
  height: initial;
}

.agent-card-btn:hover{
  transform: translateY(-2px);
}

.agent-card-btn i{
  transition: all 0.3s ease;
}

.agent-card-btn:hover i{
  transform: rotate(-45deg);
}

/* Hover animation for card */
.custom-card {
  /* transition: all 0.3s ease; */
  /* background-color: #f7f9fc; */
  width: 370px;
  margin: 5px;
  /* border: 5px solid #f7f9fc; */
}
.custom-card:hover {
  /* transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); */
}

/* Border overlay animation */
.border-overlay {
  border: 2px solid transparent;
  transition: border-color 0.3s ease;
  pointer-events: none;
}


/* CTA fade-in on hover */
.custom-card:hover .agent-card-btn {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.agent-card-btn {
  opacity: 0;
  transform: translateY(4px);
  transition: all 0.3s ease;
}

/* Gradient background for avatar wrapper */
.bg-gradient {
  background: linear-gradient(135deg, #4f46e5, #7c3aed, #ec4899);
}

.agents-search-btn:hover {
  color: #000000 !important;
}



.bfcm-hero-section {
  padding-top: 82px;
  position: relative;
  background: linear-gradient(to bottom right, #1F1B2D, #2B1D47, #6D3ADB);
opacity: 0.9;
}

.bfcm-hero-section::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  z-index: 23;
  bottom: 1px;
  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%);
}



.bfcm-hero-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;
}

.play-btn {
  width: 80px;
  height: 80px;
  background-color: #dc3545; /* Bootstrap red */
  border-radius: 50%;
  transition: background-color 0.3s ease;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
}

.play-btn:hover {
  background-color: #bb2d3b;
}


/* bcfm cta 1 */

.bfcm-cta1 {
  background: purple;
  border-radius: 30px;
  overflow: hidden;
}

.bfcm-cta1.sass {
  background: #1f3260;
  overflow: visible;
}

.bfcm-cta1-inner {
  background: url(../images/newslater/newsletter-footer-bg.png);
  background-attachment: fixed;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  /* padding-top: 54px;
  padding-left: 69px;
  padding-right: 88px; */
}

.bfcm-cta1-inner .newsletter-box {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.bfcm-cta1-inner.sass {
  background: url(../images/sass2/sass-footer-demo-bg.png);
  background-attachment: fixed;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  /* padding: 54px 70px; */
}


..bfcm-cta1-left {
  padding-bottom: 63px;
}

..bfcm-cta1-left h2 {
  margin-bottom: 33px;
  color: #ffffff;
}

..bfcm-cta1-left a {
  font-weight: 700;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

..bfcm-cta1-left a svg {
  margin-left: 10px;
  font-size: 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

..bfcm-cta1-left a:hover svg {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.bfcm-cta1-inner .offer-card {
  background-color: #2d2e50 !important;
}

.agents-section {
  background: transparent;
  margin-top: -210px;
  position: relative;
  z-index: 2;
}

.agent-details-section {
  background: transparent;
  margin-top: -210px;
  position: relative;
  z-index: 2;
  padding-bottom: 100px;
}


.fa-icon:hover {
  opacity: 80%;
}


.bfcm-form-section {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -150px;
}

.bfcm-form {
}

.bfcm-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;
}

.bfcm-form form label {
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  text-transform: uppercase;
  color: #111111;
  margin-bottom: 5px;
}

.bfcm-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;
}



/* give away form section */

.giveaway-pricing-card {
  max-width: 970px;
  width: 100%;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 30px 30px 0px 0px;
  overflow: hidden;
}

.giveaway-pricing-left {
  width: 100%;
  height: 100%;
  padding: 82px 60px;
  background: -webkit-gradient(linear, left top, right top, from(#3BB864), to(#94CE69));
  background: linear-gradient(90deg, #8349FF, #6D3ADB, #1F1B2D 100%);
  border-radius: 30px 0px 0px 0px;
}

.giveaway-form-section {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.giveaway-form {
}

.giveaway-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;
}

.giveaway-form form label {
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  text-transform: uppercase;
  color: #111111;
  margin-bottom: 5px;
}

.giveaway-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;
}


/* comparison with other start */
.comparison-with-others-suport-sectoin {
  padding-bottom: 140px;
  background: #ffffff;
}

.comparison-with-others-suport-card {
  border-radius: 30px;
  padding: 50px 50px 0px 50px;
  position: relative;
  overflow: hidden;
  min-height: 100%;
  /* max-height: 695px; */
  overflow: hidden;
}

.comparison-with-others-suport-card1 {
  background: #0048AC;
}

.comparison-with-others-suport-card1::after {
  content: url(../images/chatbot/card-shape1.svg);
  top: 0px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  z-index: 0;
}

.comparison-with-others-suport-card2 {
  background: #0F5267;
}

.comparison-with-others-suport-card2::after {
  content: url(../images/chatbot/card-shape2.svg);
  bottom: -10px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  z-index: 0;
}

.comparison-with-others-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;
}

.comparison-with-others-suport-card .card-subtitle {
  position: relative;
  z-index: 1;
  margin-bottom: 26px;
}

.comparison-with-others-suport-card .card-pragraph {
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  color: #ffffff;
  max-width: 398px;
  margin-bottom: 20px;
}

.comparison-with-others-suport-card ul {
  list-style: url(../images/chatbot/list-bullet.svg);
  padding-left: 20px;
  margin-bottom: 35px;
  position: relative;
  z-index: 1;
}

.comparison-with-others-suport-card ul li {
  color: #ffffff;
  line-height: 36px;
}

.comparison-with-others-suport-card .card-img {
  min-height: 150px;
  z-index: 111;
  -webkit-transition: 0s;
  transition: 0s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.comparison-with-others-suport-card .card-img1 {
  max-width: 298px;
  margin: auto;
}

.chatbot-customers-suport-card .card-img2 {
  max-width: 298px;
  margin-left: auto;
  margin-top: -100px;
}
/* comparisn with others end */

/* defi button 2 */

.defi-launchapp-btn2 {
  width: 500px;
  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-btn2 img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-left: 14px;
}

.defi-launchapp-btn2:hover {
  color: #111111;
}

.defi-launchapp-btn2:hover img {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* defi button 2 end */


.circle-animation {
  margin-bottom: 140px;
  /* background: url(../images/crypto-token/grain-texture.png); */
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}

.circle-animation::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%); */
}

.circle-animation::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%); */
}

.circle-animation .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;
}

.circle-animation .partners-list {
  position: relative;
  z-index: 1;
}

.circle-animation .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;
}

.circle-animation .partners-list ul li {
  padding: 0px 15px;
  margin-bottom: 30px;
}

.circle-animation .partners-logo {
  position: relative;
  border: none;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  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;
}

.circle-animation .partners-logo .btn-outline {
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
}

.circle-animation .partners-logo:hover .btn-outline {
  opacity: 1;
  animation: rotate360 5s linear infinite;
  -webkit-animation: rotate360 5s linear infinite;
}

.circle-animation .partners-logo:hover {
  cursor: pointer;
}

.circle-animation .partners-logo .round {
  border-radius: 50%;
  background-color: #f0ebfb;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: -1;
  -webkit-animation: scale-down 0.2s forwards;
          animation: scale-down 0.2s forwards;
}

.circle-animation .partners-logo.animate .round {
  -webkit-animation: scale-up 0.5s forwards;
          animation: scale-up 0.5s forwards;
}

.circle-animation .green-shape {
  position: absolute;
  z-index: 0;
  left: 20%;
  top: 20%;
}

.hidden {
  display: none !important;
}

/* Clickable Link with Smooth Hover Effect */
.clickable-link {
    position: relative;
    display: inline-block;
    color: var(--primary);
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    padding-bottom: 3px;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.clickable-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.5px;
    background: linear-gradient(90deg, var(--primary), var(--success));
    border-radius: 2px;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.clickable-link:hover {
    color: var(--success);
    transform: translateY(-3px);
}

.clickable-link:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* Variant: Subtle with smooth opacity */
.clickable-link.subtle {
    font-weight: 400;
    color: var(--secondary);
}

.clickable-link.subtle::after {
    background: var(--secondary);
}

.clickable-link.subtle:hover {
    color: var(--primary);
    opacity: 0.8;
}

/* Variant: Bold with stronger effect */
.clickable-link.bold {
    font-weight: 700;
    letter-spacing: 0.3px;
}

.clickable-link.bold::after {
    background: linear-gradient(90deg, var(--primary), var(--secondary));
    height: 3px;
}

.clickable-link.bold:hover {
    color: var(--primary);
    transform: translateY(-4px);
}

/* Variant: Primart with stronger effect */
.clickable-link.primary {
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #6D3ADB;
}

.clickable-link.primary::after {
    background: linear-gradient(90deg, var(--primary), var(--secondary));
    height: 3px;
}

.clickable-link.primary:hover {
    color: #5D23DB;
    transform: translateY(-4px);
}


/* Variant: With icon - icon slides on hover */
.clickable-link.with-icon {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
}

.clickable-link.with-icon i,
.clickable-link.with-icon svg {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                margin 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.clickable-link.with-icon:hover i,
.clickable-link.with-icon:hover svg {
    transform: translateX(5px);
    margin-right: 2px;
}

/* Variant: Underline only - always visible */
.clickable-link.underline {
    border-bottom: 2px solid var(--primary);
    padding-bottom: 2px;
}

.clickable-link.underline::after {
    display: none;
}

.clickable-link.underline:hover {
    border-bottom-color: var(--success);
    border-bottom-width: 3px;
}

/* Variant: Warning color style */
.clickable-link.warning {
    color: var(--warning);
}

.clickable-link.warning::after {
    background: linear-gradient(90deg, var(--warning), var(--danger));
}

.clickable-link.warning:hover {
    color: var(--danger);
}

/* Variant: Success color style */
.clickable-link.success {
    color: var(--success);
}

.clickable-link.success::after {
    background: linear-gradient(90deg, var(--success), var(--primary));
}

.clickable-link.success:hover {
    color: var(--primary);
}

.dashboard-cta-container {
  margin: 50px auto;
}


.on-calendly-section {
  background: transparent;
  margin-top: -240px;
  position: relative;
  z-index: 2;
  padding-bottom: 0;
}