/*------------------------------------------------------------------------------
	Template Name: Starter Project Template.
-------------------------------------------------------------------------------*/
/* Default Css */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700|Work+Sans:400,500,600,700,800&display=swap');
:root {
  --grad: linear-gradient(180deg, argb(#7256ff, 6) 50%, argb(#7256ff, 10) 100%),
    #141414;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: #c1c1c1;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background-color: #222;
  outline: none;
}
html::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:active {
  background: #7256ff;
}

body {
  color: #555555;
  font-size: 16px;
  font-family: 'Satoshi';
  font-weight: 400;
  background: rgb(20, 20, 20);
}

img {
  max-width: 100%;
  transition: all 0.3s linear 0s;
}

a {
  text-decoration: none;
  transition: all 0.3s linear 0s;
}
a:active,
a:hover {
  text-decoration: none;
}

button,
.btn {
  transition: all 0.3s linear 0s;
}
button:active,
button:hover,
button:focus,
.btn:active,
.btn:hover,
.btn:focus {
  outline: 0;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

.form-control:focus {
  color: #333333;
  background-color: transparent;
  outline: 0;
  box-shadow: none;
}

.btn:hover,
.btn:focus {
  outline: 0;
  box-shadow: none;
  color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Mont';
  /* font-family: "Satoshi"; */
  color: #333333;
  font-weight: 800;
  margin-bottom: 20px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 48px;
  line-height: 1.3;
}

h2 {
  font-size: 36px;
  line-height: 1.3;
}

h3 {
  font-size: 28px;
  line-height: 1.3;
}

h4 {
  font-size: 24px;
  line-height: 1.2;
}

h5 {
  font-size: 20px;
  line-height: 1.2;
}

h6 {
  font-size: 16px;
  line-height: 1.2;
}

hr {
  margin: 20px 0;
  border-color: #352323;
}

ol {
  list-style: decimal;
}

p:last-child {
  margin-bottom: 0;
}

/* Form */
label {
  color: #ddd;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}

*::-moz-selection {
  background: #7256ff;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #7256ff;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #7256ff;
  color: #fff;
  text-shadow: none;
}

/* Placeholder */
*::-moz-placeholder {
  color: #555555;
  font-size: 16px;
  opacity: 1;
}

*::placeholder {
  color: #555555;
  font-size: 16px;
  opacity: 1;
}

/* Button */
.btn-theme {
  color: #fff;
  border-color: #7256ff;
  background: #7256ff;
}
.btn-theme:hover {
  background: #7256ff;
  color: #fff;
  border-color: #7256ff;
}

.btn-rounded {
  border-radius: 100% !important;
}

.btn-square {
  border-radius: 0 !important;
}

/* Bg Color */
.bg-gray {
  background: #ddd;
}

.bg-white {
  background: #fff;
}

.bg-light {
  background: #f7f7f7 !important;
}

.bg-black {
  background: #000;
}

.bg-theme {
  background: #7256ff;
}

.bg-dark {
  background-color: #101a23 !important;
}

.bg-off-white {
  background-color: #f7f7f7;
}

.bg-off-white-2 {
  background-color: #f1f8ff;
}

.bg-blue {
  background-color: #4c87ff !important;
}

.bg-yellow {
  background-color: #fea116 !important;
}

.bg-pink {
  background-color: #fc4557 !important;
}

.bg-egg-blue {
  background-color: #1cb5a3 !important;
}

.bg-purple {
  background-color: #5851a7 !important;
}

/* Text Color */
.gray-color {
  background: #ddd;
}

.white-color {
  color: #fff;
}

.black-color {
  color: #000;
}

.theme-color {
  color: #7256ff;
}

.address-container {
  margin-top: 2rem;
}

.address-container h6 {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 8px;
}

.address-container p {
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.75);
}

/* Others Common Css Here :) */
.table-row {
  display: table;
  width: 100%;
  height: 100%;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.fix {
  overflow: hidden;
}

.separator {
  border-top: 1px solid #f2f2f2;
}

@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1200px;
  }
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 40px;
}

.header-section {
  padding: 20px 0;
  border-bottom: 1px solid #322e52;
  position: relative;
  z-index: 99;
}
@media (max-width: 767px) {
  .header-section {
    border-bottom: 0;
  }
}
.header-section .container {
  max-width: 1400px;
}
.header-section.style-2 {
  position: absolute;
  z-index: 999;
  width: 100%;
}
.header-section.header-light {
  border-bottom: 0.25px solid rgba(50, 46, 82, 0.24);
  background-color: #f7f7f7;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
}
.header-section.header-light .header-left .header-menu ul li a {
  color: #1a1a1a;
}
.header-section.header-light .header-left .header-menu ul li .sub-menu {
  background-color: #fff;
}
.header-section.header-light
  .header-left
  .header-menu
  ul
  li
  .sub-menu
  li
  a
  .icon-container {
  background-color: #eee;
}
.header-section.header-light
  .header-left
  .header-menu
  ul
  li
  .sub-menu
  li
  a
  .link-text
  h6 {
  color: #1a1a1a;
}
.header-section.header-light
  .header-left
  .header-menu
  ul
  li
  .sub-menu
  li
  a
  .link-text
  p {
  color: #4a4a4a;
}
.header-section.header-light .login-btn a {
  color: #1a1a1a;
}
.header-section.header-light .get-started-btn a:hover {
  background-color: #5d3dff;
  color: #ffffff;
}

.header-logo a {
  display: inline-block;
}
.header-logo a img {
  width: 120px;
}

.header-left {
  display: flex;
  align-items: center;
  gap: 32px;
}
.header-left .header-menu ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 6px;
}
.header-left .header-menu ul li {
  padding: 6px 12px;
}
.header-left .header-menu ul li a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}
.header-left .header-menu ul li a i {
  margin-top: 3px;
  transition: all 0.3s;
}
.header-left .header-menu ul li.has-dropdown {
  position: relative;
  z-index: 99;
}
.header-left .header-menu ul li.has-dropdown:hover > .sub-menu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.header-left .header-menu ul li.has-dropdown .sub-menu {
  position: absolute;
  left: 0;
  top: 120%;
  min-width: 300px;
  border-radius: 12px;
  /* background: #181818; */
  background: #141414;
  padding: 10px;
  /* padding: 42px; */
  display: flex;
  flex-direction: column;
  gap: 32px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s linear 0s;
}

.fade {
  animation: fadeEffect 0.3s;
}

@keyframes fadeEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* .header-left .header-menu ul li.has-dropdown .sub-menu#resources-sub-menu {
  top: 100%;
  visibility: visible;
  opacity: 1;
} */
.header-left .header-menu ul li.has-dropdown .sub-menu li {
  padding: 0;
}
.header-left .header-menu ul li.has-dropdown .sub-menu li a {
  display: flex;
  align-items: center;
  gap: 14px;
}
.header-left .header-menu ul li.has-dropdown .sub-menu li a .icon-container {
  flex-shrink: 0;
  width: 46px;
  height: 44px;
  border-radius: 12px;
  background: #202020;
  padding: 10px;
}
.header-left
  .header-menu
  ul
  li.has-dropdown
  .sub-menu
  li
  a
  .icon-container
  .icon {
  max-width: 100%;
}
.header-left .header-menu ul li.has-dropdown .sub-menu li a .link-text h6 {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 2px;
}
.header-left .header-menu ul li.has-dropdown .sub-menu li a .link-text p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
}
.header-left .header-menu ul li.has-dropdown .sub-menu.solution-sub-menu {
  width: 50rem;
}

#service-sub-menu .link-text span,
#service-sub-menu .link-text p {
  color: #878787;
}

#resources-sub-menu .link-text span,
#resources-sub-menu .link-text p {
  color: #878787;
}

.link-text > p {
  font-family: Satoshi;
}
#service-sub-menu ul li a:hover > .link-text span,
#service-sub-menu ul li a:hover > .link-text p {
  color: white;
}

#resources-sub-menu ul li a:hover > .link-text span,
#resources-sub-menu ul li a:hover > .link-text p {
  color: white;
}

#resources-sub-menu ul li a:hover > svg path {
  fill: #7256ff;
}
#service-sub-menu ul li a:hover > #register-icon path {
  fill: #ff7d0e;
}

#service-sub-menu ul li a:hover > #ein-icon path {
  fill: #27ae60;
}

#service-sub-menu ul li a:hover > #file-icon path {
  fill: #245bf2;
}

#service-sub-menu ul li a:hover > #credit-icon path {
  fill: #e8c923;
}

#service-sub-menu ul li a:hover > #user-icon path {
  fill: #ff8066;
}

#service-sub-menu ul li a:hover > #copyright-icon path {
  fill: #2f80ed;
}

#service-sub-menu ul li a:hover > #arrowright-icon path {
  fill: #ff4e42;
}
.solution-display-box,
.service-display-box {
  background: linear-gradient(
    rgba(72, 73, 77, 0.1),
    rgba(108, 96, 128, 0.08),
    rgba(142, 131, 166, 0.03)
  );
  border-radius: 12px;
}

.solution-display-box > img {
  padding: 20px 104px 20px 75px;
}

.solution-display-box p {
  color: rgba(255, 255, 255, 0.8);
  font-family: Satoshi;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.solution-display-box > div {
  margin: 24px;
  width: 267px;
}

h1.dropdown-title {
  /* background: linear-gradient(rgba(72, 73, 77, 0.1), rgba(108, 96, 128, 0.08)); */
  background: linear-gradient(90deg, #ffffff 27.08%, #7256ff 162.5%);
  background-clip: text;
  font-weight: 700;
  -webkit-text-fill-color: transparent;
  color: white;
  font-size: 18px;
  width: fit-content;
  font-family: Satoshi;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.hidden-arrow {
  display: none;
}

.flexColumn {
  flex: direction;
  flex-direction: column;
}

.flexColumn li:lastchild {
  margin-bottom: 0px;
}

.itump-link {
  margin-bottom: 28px;
}
.itump-link:hover .hidden-arrow {
  display: block;
  color: rgba(114, 86, 255, 1);
}

.itump-link:hover .title {
  color: rgba(114, 86, 255, 1);
}

div.service-sub-menu.sub-menu {
  width: 1079px;
  display: flex;
}

.service-display-box {
  height: 325px;
  font-family: Satoshi;
}

.service-display-box > img {
  height: 197px;
}

.header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 34px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-right {
    gap: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header-right {
    gap: 13px;
  }
}
@media (max-width: 767px) {
  .header-right {
    gap: 13px;
  }
}

.login-btn a {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.8);
}

.get-started-btn a {
  display: inline-block;
  padding: 12px 16px;
  background: #7256ff;
  border-radius: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.get-started-btn a:hover {
  background-color: #5d3dff;
  color: #ffffff;
}
@media (max-width: 767px) {
  .get-started-btn a {
    padding: 10px 16px;
  }
}

.slide-bar {
  position: fixed;
  overflow-y: auto;
  top: 0;
  right: -360px;
  width: 340px;
  padding: 25px 20px;
  height: 100%;
  display: block;
  background-color: rgb(20, 20, 20);
  z-index: 1020;
  transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
}

.slide-bar.show {
  right: 0;
}

.open-mobile-menu {
  display: inline-block;
}
.open-mobile-menu a {
  display: block;
  width: 40px;
  height: 40px;
  background: #212121;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  margin-left: 20px;
  color: #fff;
}
.open-mobile-menu a:hover {
  background: #7256ff;
}
.open-mobile-menu a.active {
  background: #7256ff;
}

.close-mobile-menu {
  color: #fff;
  position: relative;
  z-index: 5;
  font-size: 20px;
  top: -10px;
  left: 0;
}
.close-mobile-menu:hover {
  color: #ff0000;
}

.on-side {
  overflow: hidden;
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 4;
  left: 0;
  opacity: 0;
  display: none;
  transition: all 0.3s linear 0s;
}

.body-overlay.active {
  opacity: 1;
  display: block;
}

.side-mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.side-mobile-menu ul li a {
  padding: 13px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 16px;
  color: #fff;
  position: relative;
}
.side-mobile-menu ul li a:hover {
  color: #7256ff;
}
.side-mobile-menu ul li a svg path {
  stroke: #fff;
}
.side-mobile-menu ul li a[aria-expanded='true'] {
  color: #7256ff;
}
.side-mobile-menu ul li ul {
  padding-left: 0;
  list-style: none;
}
.side-mobile-menu ul li ul li {
  padding-left: 15px;
}
.side-mobile-menu ul li ul li:hover > a {
  color: #7256ff;
}
.side-mobile-menu ul li ul li a {
  position: relative;
  text-transform: capitalize;
  font-size: 16px;
  padding: 13px 0;
}
.side-mobile-menu ul li .sub-menu {
  display: none;
}
.side-mobile-menu ul li .sub-menu li a .icon-container {
  flex-shrink: 0;
  width: 46px;
  height: 44px;
  border-radius: 12px;
  background: #202020;
  padding: 10px;
}
.side-mobile-menu ul li .sub-menu li a .link-text h6 {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 2px;
}
.side-mobile-menu ul li .sub-menu li a .link-text p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
}
.side-mobile-menu ul li.has-children > a:after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  border-width: 2px 0 0 2px;
  border-style: solid;
  border-color: initial;
  right: 16px;
  top: 50%;
  transform: rotate(-45deg) translateY(-50%);
  transform-origin: top;
  transition: all 0.3s ease-out;
}

.common-title-wrap .common-title {
  font-weight: 800;
  font-size: 44px;
  line-height: 135%;
  background: linear-gradient(180deg, #ffffff 0%, #dddddd 85.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 12px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .common-title-wrap .common-title {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .common-title-wrap .common-title {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .common-title-wrap .common-title {
    font-size: 32px;
  }
}
.common-title-wrap .common-title-body {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
@media (min-width: 768px) and (max-width: 991px) {
  .common-title-wrap .common-title-body {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .common-title-wrap .common-title-body {
    font-size: 18px;
  }
}
.common-title-wrap.common-title-light .common-title {
  background: linear-gradient(180deg, #111 0%, #222 85.06%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.common-title-wrap.common-title-light .common-title-body {
  color: rgba(17, 17, 17, 0.8509803922);
}

.hero-section {
  z-index: 1;
  position: relative;
  overflow-x: clip;
}
.hero-section .common-shape-left {
  position: absolute;
  width: 561px;
  height: 363px;
  left: -644px;
  top: 136px;
  background: #4222e1;
  filter: blur(250px);
  transform: rotate(-8.98deg);
}
.hero-section .common-shape-right {
  position: absolute;
  width: 561px;
  height: 363px;
  right: -620px;
  top: 68px;
  background: #4222e1;
  filter: blur(250px);
  transform: matrix(-0.91, -0.41, -0.41, 0.91, 0, 0);
}
.hero-section .hero-shape {
  position: absolute;
  width: 960px;
  height: 444px;
  left: calc(50% - 480px);
  top: 0;
  z-index: -1;
  opacity: 0.6;
}

.net {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /* z-index: -1; */
}

.net > img {
  border-radius: 12px;
}

.finance-net {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.finance-net > img {
  border-radius: 22px;
}

/* Frame 48095893 */

/* box-sizing: border-box;

width: 567.5px;
height: 750px;

background: url(Dark mode box.png), radial-gradient(119.26% 71.8% at 50.04% 71.4%, rgba(114, 86, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(109.87deg, rgba(72, 73, 77, 0.1) 5.73%, rgba(108, 96, 128, 0.08) 50.57%, rgba(142, 131, 166, 0.025) 100.09%);
border-radius: 12px; */

/* Inside auto layout */
/* flex: none;
order: 0;
align-self: stretch;
flex-grow: 1; */

.hero-content {
  text-align: center;
  max-width: 820px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-content {
    max-width: 720px;
  }
}
.hero-content .hero-title {
  font-weight: 800;
  font-size: 54px;
  line-height: 135%;
  background: linear-gradient(180deg, #ffffff 0%, #dddddd 85.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 12px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-content .hero-title {
    font-size: 44px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-content .hero-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .hero-content .hero-title {
    font-size: 34px;
  }
}
.hero-content .hero-title.style-2 {
  font-size: 52px;
}
@media (max-width: 767px) {
  .hero-content .hero-title br {
    display: none;
  }
}
.hero-content .hero-sub {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  text-align: center;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 34px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-content .hero-sub {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-content .hero-sub {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .hero-content .hero-sub {
    font-size: 18px;
  }
}

.hero-btn-wrap {
  display: flex;
  gap: 14px;
  justify-content: center;
}

.hero-2-btn-wrap {
  justify-content: flex-start;
}

.get-started-btn-2 a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #ffffff;
  padding: 13.5px 20.5px;
  background-color: #7256ff;
  border-radius: 12px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.get-started-btn-2 a:hover {
  background-color: #5d3dff;
  color: #ffffff;
}

.theme-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #ffffff;
  padding: 13.5px 20.5px;
  background-color: #7256ff;
  border-radius: 12px;
}
.theme-btn:hover {
  background-color: #fff;
  color: #7256ff;
}

.learn-more-btn a {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #ffffff;
  box-sizing: border-box;
  align-items: center;
  padding: 12.5px 20.5px;
  background-color: transparent;
  border: 1px solid #7256ff;
  border-radius: 12px;
}
.learn-more-btn a:hover {
  background-color: #3b3b3b;
}
.learn-more-btn.style-2 a {
  color: #7256ff;
}
.learn-more-btn.style-2 a:hover {
  color: #fff;
}
.learn-more-btn.style-3 a {
  color: #212121;
}
.learn-more-btn.style-3 a:hover {
  color: #fff;
}

.see-all-btn a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #7256ff;
  padding: 15px 18px;
  background: rgba(114, 86, 255, 0.1);
  border-radius: 20px;
}
.see-all-btn a:hover {
  background-color: #fff;
}

.hero-brand-slider-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.hero-brand-slider-wrap .brand-slide-title {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 22px;
}
.hero-brand-slider-wrap .brand-slider {
  max-width: 820px;
  width: 100%;
  position: relative;
  z-index: 1;
}
.hero-brand-slider-wrap .brand-slider-wrapper {
  transition-timing-function: linear;
}
.hero-brand-slider-wrap .brand-slider .slider-item {
  height: 43px;
  width: -moz-max-content;
  width: max-content;
}
.hero-brand-slider-wrap .brand-slider .slider-item img {
  height: 100%;
}
.hero-brand-slider-wrap .brand-slider .slider-overlay {
  position: absolute;
  width: 100%;
  height: 43px;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    #181818 0%,
    rgba(24, 24, 24, 0) 12.83%,
    rgba(24, 24, 24, 0) 85.34%,
    #181818 100%
  );
}

.hero-container {
  display: flex;
  /* justify-content: center; */
  align-items: flex-start;
  gap: 24px;
}
.feature-section::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #3c3174;
  position: absolute;
  left: 0;
  top: 60%;
}

@media (max-width: 767px) {
  .feature-section::after {
    display: none;
  }
}
.feature-item-container {
  z-index: 1;
  height: auto;
  transition: transform 0.3s ease-in-out;
}

.shape-shape {
  display: none;
}

#shape-shape {
  display: none;
}
.growth-mobile {
  display: none;
}

.transaction-mobile-overview {
  display: none;
}

.compliance-mobile-overview {
  display: none;
}

.tam-mobile-overview {
  display: none;
}

.unified-mobile-overview {
  display: none;
}

.feature-mobile-overview {
  display: none;
}

.growth-mobile-overview {
  display: none;
}

@media (max-width: 1199px) {
  /* .feature-left {
    display: none;
  }

  .feature-right {
    display: none;
  } */

  .growth-item-shape-desk {
    display: none;
  }

  .growth-item-content {
    margin: 0px;
    padding: 0px;
  }

  .shape-shape {
    display: block;
  }

  #shape-shape {
    display: block;
  }

  .growth-item-process {
    display: none;
  }

  .finance-glance {
    display: none;
  }

  .growth-finance {
    margin-top: 20px;
  }

  .finance-net {
    display: none;
  }

  .growth-mobile {
    height: 424px;
    display: block;
  }

  .growth-desk {
    display: none;
  }

  .transcation-mobile {
    display: none;
  }

  .transaction-desk-overview {
    display: none;
  }

  .transaction-mobile-overview {
    display: block;
  }

  .compliance-desk-overview {
    display: none;
  }

  .compliance-mobile-overview {
    display: block;
  }

  .tam-desk-overview {
    display: none;
  }

  .tam-mobile-overview {
    display: block;
  }

  .unified-desk-overview {
    display: none;
  }

  .unified-mobile-overview {
    display: block;
  }

  .feature-mobile-overview {
    display: block;
  }

  .growth-desk-overview {
    display: none;
  }

  .growth-mobile-overview {
    display: block;
  }
}

.feature-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 370px;
  height: 500px;
  padding: 24px 22px;
  gap: 20px;
  border: 0.5px solid transparent;
  border-radius: 12px;
  background-image: linear-gradient(
      109.87deg,
      #1c1b20 5.73%,
      #1b1a1e 50.57%,
      #181719 100.09%
    ),
    linear-gradient(
      109.87deg,
      rgba(255, 255, 255, 0.2) 6%,
      rgba(94, 94, 94, 0.16) 31%,
      rgba(94, 94, 94, 0.155) 59%,
      rgba(255, 255, 255, 0.1) 100%
    );
  background-origin: border-box;
  background-clip: padding-box, border-box;
  position: relative;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .feature-item {
    padding: 20px 16px;
  }
}
@media (max-width: 767px) {
  .feature-item {
    padding: 20px;
  }
}
.feature-item .feature-thumb {
  /* height: 262px; */
}
@media (min-width: 992px) and (max-width: 1199px) {
  .feature-item .feature-thumb {
    height: 220px;
  }
}
.feature-item .feature-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.feature-item .feature-content .feature-title {
  font-weight: 700;
  font-size: 21px;
  line-height: 150%;
  background: linear-gradient(89.99deg, #ffffff 50.52%, #7256ff 113.53%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.feature-item .feature-content .feature-body {
  font-weight: 400;
  font-size: 17px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
.feature-item .feature-content .read-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #7256ff;
}
.feature-item .feature-content .read-more-btn:hover {
  color: #fff;
}

.growth-section-wrapper::after {
  content: '';
  width: 10000px;
  height: 192px;
  background-color: transparent;
  border-top: 1px solid #7256ff;
  border-left: 1px solid #7256ff;
  border-top-left-radius: 12px;
  position: absolute;
  top: 70px;
  left: 975px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .growth-section-wrapper::after {
    height: 160px;
    top: 90px;
    left: 790px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-section-wrapper::after {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .growth-section-wrapper .common-title-wrap {
    max-width: 60%;
  }
}
@media (max-width: 767px) {
  .growth-section-wrapper .row {
    --bs-gutter-y: 40px;
  }
}

.growth-item-thumb-2 {
  display: block;
}
.growth-item-thumb-2 img {
  display: block;
}

.growth-item-thumb {
  display: block;
}

.bar-div {
  width: 75%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

.bar-div p {
  font-family: Satoshi;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #f0f1f3;
}

.bar-div span {
  font-family: Satoshi;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
.flag {
  display: flex;
  background-color: #7256ff;
  height: 75px;
  width: 75px;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}

.flag img {
  width: 36.39px;
  height: 32.01px;
  gap: 0px;
  opacity: 0px;
}
.report-card {
  display: flex;
  gap: 10px;
}

.report-card {
  z-index: 1;
}
.content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.report-card {
  background-color: #181818;
  color: #fff;
  border-radius: 12px;
  padding: 16px 16px 16px 16px;
  width: 320px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  font-family: Arial, sans-serif;
  position: relative;
}

.card-border {
  border: 1px solid #7256ff;
  background-color: #181818;
  color: #fff;
  border-radius: 12px;
  padding: 16px 16px 16px 16px;
  width: 320px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  font-family: Arial, sans-serif;
  position: relative;
  display: flex;
  gap: 10px;
  z-index: 1;
}

.group-report .report-card .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.group-report .report-card .icon {
  height: '32px';
}

.group-report .report-card .title {
  font-family: Satoshi;
  font-size: 15px;
  font-weight: 500;
}

.group-report .report-card .critical {
  background-color: #f369601f;
  color: #f36960;
  border-radius: 20px;
  padding: 5px 10px;
}

.group-report .date {
  background-color: #f369601f;
  color: #f36960;
  border-radius: 20px;
  padding: 5px 10px;
}

.expire {
  font-family: Satoshi;
  font-size: 11px;
  font-weight: 400;
  line-height: 15.4px;
  text-align: left;
  color: #989fad;
}

.group-report .report-card .description {
  font-size: 14px;
  color: #a0aec0;
  margin-top: 8px;
}

.group-report .report-card .details-link {
  display: inline-block;
  font-size: 14px;
  color: #7256ff;
  text-decoration: none;
}

.group-report .report-card .details-link:hover {
  text-decoration: underline;
}

.growth-item-thumb img {
  display: block;
  z-index: 1;
}

.growth-item-thumb-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.filter-container {
  display: flex;
  gap: 10px;
  margin: 10px;
  z-index: 1;
}

.filter-button {
  background-color: #222; /* Dark button background */
  color: #fff; /* White text */
  border: none;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* min-width: 130px; */
}

.filter-button:hover {
  background-color: #333; /* Slightly lighter on hover */
}

.filter-button::after {
  /* content: " ▾"; */
  /* font-size: 12px; */
}

.growth-item-1 {
  border: 0.5px solid transparent;
  border-radius: 12px;
  background-image: linear-gradient(
      109.87deg,
      #1c1b20 5.73%,
      #1b1a1e 50.57%,
      #181719 100.09%
    ),
    linear-gradient(
      109.87deg,
      rgba(255, 255, 255, 0.2) 6%,
      rgba(94, 94, 94, 0.16) 31%,
      rgba(94, 94, 94, 0.155) 59%,
      rgba(255, 255, 255, 0.1) 100%
    );
  background-origin: border-box;
  background-clip: padding-box, border-box;
  padding: 30px 30px 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-item-1 {
    padding: 20px 20px 0;
  }
}
@media (max-width: 767px) {
  .growth-item-1 {
    padding: 20px;
  }
}
.growth-item-1 .growth-item-thumb-2 {
  margin-left: -30px;
  display: block;
}
.growth-item-1 .growth-item-thumb-2 img {
  display: block;
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-item-1 .growth-item-content {
    margin-bottom: 35px;
  }
}
@media (max-width: 767px) {
  .growth-item-1 .growth-item-content {
    margin-bottom: 35px;
  }
}
.growth-item-1 .growth-item-content .growth-item-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 150%;
  background: linear-gradient(90deg, #ffffff 13%, #7256ff 78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 8px;
}

.growth-item-desk {
  display: flex;
  justify-content: space-around;
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-item-1 .growth-item-content .growth-item-title {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .growth-item-1 .growth-item-content .growth-item-title {
    font-size: 22px;
  }
}
.growth-item-1 .growth-item-content .growth-item-body {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-item-1 .growth-item-content .growth-item-body {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .growth-item-1 .growth-item-content .growth-item-body {
    font-size: 18px;
  }
}
.growth-item-1 .growth-item-thumb {
  position: relative;
  max-width: 375px;
}
.growth-item-1 .growth-item-thumb::before {
  content: '';
  height: 1px;
  width: 10000px;
  background-color: #7256ff;
  position: absolute;
  right: 350px;
  top: 32px;
  z-index: 100;
}
@media (max-width: 767px) {
  .growth-item-1 .growth-item-thumb::before {
    display: none;
  }
}
.growth-item-1 .growth-item-thumb img {
  border-radius: 16px 16px 0 0;
  box-shadow: 0px 4px 180px 4px rgba(114, 86, 255, 0.03);
}

.growth-item-2 {
  border: 0.5px solid transparent;
  border-radius: 12px;
  background-image: linear-gradient(
      109.87deg,
      #1c1b20 5.73%,
      #1b1a1e 50.57%,
      #181719 100.09%
    ),
    linear-gradient(
      109.87deg,
      rgba(255, 255, 255, 0.2) 6%,
      rgba(94, 94, 94, 0.16) 31%,
      rgba(94, 94, 94, 0.155) 59%,
      rgba(255, 255, 255, 0.1) 100%
    );
  background-origin: border-box;
  background-clip: padding-box, border-box;
  position: relative;
  z-index: 1;
  padding: 30px;
  margin-bottom: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-item-2 {
    margin-bottom: 16px;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .growth-item-2 {
    margin-bottom: 40px;
    padding: 20px;
  }
}
.growth-item-2 .growth-item-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2;
}
.growth-item-2 .growth-item-shape img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 425px) {
  .growth-item-shape .growth-red img {
    display: block;
  }
}
.growth-item-2 .growth-item-content {
  padding-bottom: 206px;
  max-width: 400px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .growth-item-2 .growth-item-content {
    padding-bottom: 140px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-item-2 .growth-item-content {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .growth-item-2 .growth-item-content {
    padding-bottom: 110px;
  }
}
.growth-item-2 .growth-item-content .growth-item-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  background: linear-gradient(90deg, #ffffff 13%, #7256ff 78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 8px;
}
.growth-item-2 .growth-item-content .growth-item-body {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-item-2 .growth-item-content .growth-item-body {
    font-size: 16px;
  }
}

.growth-item-3 {
  border: 0.5px solid transparent;
  border-radius: 12px;
  background-image: linear-gradient(
      109.87deg,
      #1c1b20 5.73%,
      #1b1a1e 50.57%,
      #181719 100.09%
    ),
    linear-gradient(
      109.87deg,
      rgba(255, 255, 255, 0.2) 6%,
      rgba(94, 94, 94, 0.16) 31%,
      rgba(94, 94, 94, 0.155) 59%,
      rgba(255, 255, 255, 0.1) 100%
    );
  background-origin: border-box;
  background-clip: padding-box, border-box;
  padding: 80px 0 30px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-item-3 {
    padding: 60px 0 20px;
  }
}
@media (max-width: 767px) {
  .growth-item-3 {
    padding: 55px 0 24px;
  }
}
.growth-item-3 .growth-item-content {
  padding: 30px 30px 0;
  max-width: 470px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-item-3 .growth-item-content {
    padding: 20px 20px 0;
  }
}
@media (max-width: 767px) {
  .growth-item-3 .growth-item-content {
    padding: 16px 16px 0;
  }
}
.growth-item-3 .growth-item-content .growth-item-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  background: linear-gradient(90deg, #ffffff 13%, #7256ff 78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 8px;
}
.growth-item-3 .growth-item-content .growth-item-body {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-item-3 .growth-item-content .growth-item-body {
    font-size: 16px;
  }
}
.growth-item-3 .growth-item-thumb::after {
  content: '';
  width: 10000px;
  height: 1px;
  background-color: #323232;
  position: absolute;
  top: 135px;
  left: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .growth-item-3 .growth-item-thumb::after {
    top: 46px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-item-3 .growth-item-thumb::after {
    top: 34px;
  }
}
@media (max-width: 767px) {
  .growth-item-3 .growth-item-thumb::after {
    display: none;
  }
}

.growth-item-4 {
  padding: 30px 0 30px;
  border: 0.5px solid transparent;
  border-radius: 12px;
  background-image: linear-gradient(
      109.87deg,
      #1c1b20 5.73%,
      #1b1a1e 50.57%,
      #181719 100.09%
    ),
    linear-gradient(
      109.87deg,
      rgba(255, 255, 255, 0.2) 6%,
      rgba(94, 94, 94, 0.16) 31%,
      rgba(94, 94, 94, 0.155) 59%,
      rgba(255, 255, 255, 0.1) 100%
    );
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.progress-container {
  width: 400px;
  height: 16px;
  background-color: #ddd;
  border-radius: 10px;
  overflow: hidden;
  overflow: hidden;
  position: relative;
}

.progress-bar {
  height: 100%;
  background-color: #7256ff;
  border-radius: 10px;

  width: 0%;
  transition: width 0.5s ease-in-out;
}

@media (min-width: 768px) and (max-width: 991px) {
  .growth-item-4 {
    padding: 20px 0 20px;
  }
}
@media (max-width: 767px) {
  .growth-item-4 {
    padding: 20px 0 20px;
  }
}
.growth-item-4 .growth-item-thumb {
  display: flex;
  justify-content: center;
}
.growth-item-4 .growth-item-thumb img {
  max-width: 396px;
  width: 100%;
}
@media (max-width: 767px) {
  .growth-item-4 .growth-item-thumb img {
    max-width: 95%;
  }
}
.growth-item-4 .growth-item-thumb.style-2 img {
  max-width: 505px;
  width: 100%;
}
@media (max-width: 767px) {
  .growth-item-4 .growth-item-thumb.style-2 img {
    max-width: 95%;
  }
}
.growth-item-4 .growth-item-content {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 470px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-item-4 .growth-item-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .growth-item-4 .growth-item-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.growth-item-4 .growth-item-content.style-2 {
  max-width: 100%;
}
.growth-item-4 .growth-item-content .growth-item-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  background: linear-gradient(90deg, #ffffff 13%, #7256ff 78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 8px;
}
.growth-item-4 .growth-item-content .growth-item-body {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-item-4 .growth-item-content .growth-item-body {
    font-size: 16px;
  }
}
/* Container Styling */
.transaction-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #1a1a1a; /* Dark background */
  color: #e6e6e6; /* Light text */
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.transaction-card-hover {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #3b3b3b;

  color: #e6e6e6; /* Light text */
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border: 1px #ad9dff solid;
  z-index: 10;
}

/* Avatar Styling */
.avatar {
  display: flex;
  justify-content: center;
  /* align-items: center;
  width: 50px;
  height: 50px;
  background-color: #3a3a3a; /* Gray background for the avatar */
  /* border-radius: 50%;  */
  margin-right: 16px;
}

.avatar img {
  height: 32px;
  width: 32px;
}

.avatar-placeholder {
  width: 30px;
  height: 30px;
  background-color: #c4c4c4; /* Light gray for placeholder */
  border-radius: 50%;
}

/* Transaction Info Styling */
.transaction-info {
  display: flex;
  align-items: center;
}

.details {
  display: flex;
  flex-direction: column;
}

.name {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
  color: rgba(245, 245, 247, 1);
}

.description {
  font-size: 0.9rem;
  color: #9a9a9a;
  margin: 4px 0;
}

.date {
  font-size: 0.8rem;
  color: #757575;
}

/* Amount Styling */
.amount {
  font-size: 1.2rem;
  font-weight: 700;
  /* color: #28c76f;  */
}

.financial-management-section::after {
  content: '';
  width: 561px;
  height: 363px;
  position: absolute;
  right: -620px;
  bottom: 68px;
  background: #4222e1;
  filter: blur(250px);
  transform: matrix(-0.91, -0.41, -0.41, 0.91, 0, 0);
}

.financial-management-wrapper::after {
  content: '';
  width: 454px;
  height: 114px;
  background-color: transparent;
  border-top: 1px solid #7256ff;
  border-right: 1px solid #7256ff;
  border-top-right-radius: 12px;
  position: absolute;
  top: 60px;
  right: 127px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .financial-management-wrapper::after {
    width: 400px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .financial-management-wrapper::after {
    width: 280px;
    height: 106px;
    top: 60px;
    right: 90px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .financial-management-wrapper::after {
    width: 170px;
    height: 90px;
    top: 52px;
    right: 50px;
  }
}
@media (max-width: 767px) {
  .financial-management-wrapper::after {
    width: 165px;
    height: 173px;
    top: 80px;
    right: 11px;
  }
}
@media (max-width: 767px) {
  .financial-management-wrapper .row {
    --bs-gutter-y: 40px;
  }
}
.financial-management-wrapper .common-title-wrap::before {
  content: '';
  width: 10000px;
  height: 1px;
  background-color: rgba(114, 86, 255, 0.4);
  position: absolute;
  right: calc(100% + 44px);
  top: 60px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .financial-management-wrapper .common-title-wrap::before {
    right: calc(100% + 30px);
  }
}

.growth-5 {
  padding-bottom: 0;
  width: 100%;
}
.doeCo {
  display: flex;
  width: 95%;
  justify-content: space-between;
}

.doeCo-icon {
  font-family: Satoshi;
  font-size: 18px;
  font-weight: 700;
  line-height: 24.3px;
  text-align: left;
  color: #ffffff;
  position: relative;
}
.card-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hubcard {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #121212;
  border-radius: 10px;
  padding: 16px 20px;
  width: 343px;
  height: 50px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.highlight {
  border: 1px solid #a855f7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #121212;
  border-radius: 10px;
  padding: 16px 20px;
  width: 343px;
  height: 50px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.details-image {
  border: solid #7256ff;
  border-style: solid none none solid;
  border-radius: 12.5px 0 0 0;
}

.hubcard img {
  width: 20px;
  height: 20px;
}

.card-text {
  font-family: Satoshi;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.6px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.line {
  position: absolute;
  left: 16px;
  top: 267px;
  height: 50px;
}
.growth-6 {
  padding-top: 0;
}

.compliance-wrapper .border-shape {
  height: 485px;
  right: -140px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .compliance-wrapper .border-shape {
    right: -180px;
  }
}
@media (max-width: 767px) {
  .compliance-wrapper .border-shape {
    height: 310px;
    right: -90px;
  }
}
@media (max-width: 767px) {
  .compliance-wrapper .row {
    --bs-gutter-y: 40px;
  }
}
.compliance-wrapper .compliance-card.three .growth-item-thumb::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #333;
  position: absolute;
  left: 0;
  bottom: 80px;
  z-index: -1;
}

.unified-card-1 {
  box-sizing: border-box;
  border: 1px solid #242424;
  border-radius: 16px 16px 0px 0px;
  padding: 51px 36px 37px;
  background: rgb(28, 28, 28);
}
@media (min-width: 768px) and (max-width: 991px) {
  .unified-card-1 {
    padding: 30px 24px 30px;
  }
}
@media (max-width: 767px) {
  .unified-card-1 {
    padding: 20px 20px 0px;
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  .unified-card-1 .unified-title {
    font-size: 22px;
    margin-bottom: 8px;
    background: linear-gradient(90deg, #fff 13%, #7256ff 78%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.unified-card-1 .card-separator-1 {
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.08);
  margin-top: 35px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .unified-card-1 .card-separator-1 {
    background: transparent;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .unified-card-2 .growth-item-content,
  .unified-card-3 .growth-item-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.industry-solution-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.industry-solution-wrap.style-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
}
@media (max-width: 767px) {
  .industry-solution-wrap.style-2 {
    grid-template-columns: 1fr;
  }
}
.industry-solution-wrap.style-2 .industry-solution-item:nth-child(2) {
  border-right: 0;
}
.industry-solution-wrap.style-2 .industry-solution-item:nth-child(3) {
  border-right: inherit;
  border-bottom: 0;
}
.industry-solution-wrap .industry-solution-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  min-height: 390px;
  padding: 68px 48px;
  box-sizing: border-box;
  border-right: 0.5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .industry-solution-wrap .industry-solution-item {
    min-height: 360px;
    padding: 50px 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .industry-solution-wrap .industry-solution-item {
    padding: 32px 24px;
    min-height: 350px;
  }
}
@media (max-width: 767px) {
  .industry-solution-wrap .industry-solution-item {
    width: 100%;
    border-right: none;
    padding: 32px 24px;
    min-height: unset;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}
@media (max-width: 767px) {
  .industry-solution-wrap .industry-solution-item:last-child {
    border-bottom: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .industry-solution-wrap .industry-solution-item:nth-child(2) {
    border-right: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .industry-solution-wrap .industry-solution-item:nth-child(4) {
    border-right: none;
  }
}
.industry-solution-wrap .industry-solution-item .solution-icon {
  margin-bottom: 24px;
}
.industry-solution-wrap .industry-solution-item .solution-icon svg {
  width: 56px;
}
.industry-solution-wrap .industry-solution-item .solution-content {
  text-align: center;
}
.industry-solution-wrap
  .industry-solution-item
  .solution-content
  .solution-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
  color: #ffffff;
}
.industry-solution-wrap
  .industry-solution-item
  .solution-content
  .solution-body {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
.industry-solution-wrap
  .industry-solution-item
  .solution-content
  .learnmore-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  color: #7256ff;
  z-index: 1;
}
.industry-solution-wrap
  .industry-solution-item
  .solution-content
  .learnmore-btn:hover {
  color: #fff;
  z-index: 2;
}

.border-r-none {
  border-right: none !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .border-r-none {
    border-right: 0.5px solid rgba(255, 255, 255, 0.2);
  }
}

.border-b-none {
  border-bottom: none !important;
}

.file-with-us-wrap {
  box-sizing: border-box;
  border: 0.5px solid rgba(255, 255, 255, 0.2);
  border-radius: 14px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 768px) and (max-width: 991px) {
  .file-with-us-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .file-with-us-wrap {
    grid-template-columns: 1fr;
  }
}
.file-with-us-wrap.style-2 .industry-solution-item {
  max-width: 100%;
  height: 100%;
}
.file-with-us-wrap .industry-solution-item {
  min-height: 0;
  height: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .file-with-us-wrap .industry-solution-item:nth-child(2) {
    border-right: inherit;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .file-with-us-wrap .industry-solution-item:nth-child(2) {
    border-right: 0;
  }
}
.file-with-us-wrap .industry-solution-item:nth-child(3) {
  border-right: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .file-with-us-wrap .industry-solution-item:nth-child(3) {
    border-right: inherit;
  }
}
.file-with-us-wrap .industry-solution-item:nth-child(4) {
  border-bottom: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .file-with-us-wrap .industry-solution-item:nth-child(4) {
    border-right: inherit;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .file-with-us-wrap .industry-solution-item:nth-child(4) {
    border-right: 0;
    border-bottom: inherit;
  }
}
.file-with-us-wrap .industry-solution-item:nth-child(5) {
  border-bottom: 0;
}
.file-with-us-wrap .industry-solution-item:last-child {
  border-bottom: 0;
  border-right: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .file-with-us-wrap .industry-solution-item {
    padding: 50px 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .file-with-us-wrap .industry-solution-item {
    padding: 40px 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .file-with-us-wrap .industry-solution-item {
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  .file-with-us-wrap .industry-solution-item {
    padding: 40px 20px;
  }
}
@media (max-width: 767px) {
  .file-with-us-wrap .industry-solution-item .solution-icon {
    margin-bottom: 26px;
  }
}

.register-card-wrapper {
  grid-template-columns: repeat(12, 1fr);
}
.register-card-wrapper .industry-solution-item:first-child {
  grid-column: span 4 / span 12;
}
@media (min-width: 768px) and (max-width: 991px) {
  .register-card-wrapper .industry-solution-item:first-child {
    grid-column: span 6 / span 12;
  }
}
@media (max-width: 767px) {
  .register-card-wrapper .industry-solution-item:first-child {
    grid-column: span 12 / span 12;
  }
}
.register-card-wrapper .industry-solution-item:nth-child(2) {
  grid-column: span 4 / span 12;
}
@media (min-width: 768px) and (max-width: 991px) {
  .register-card-wrapper .industry-solution-item:nth-child(2) {
    grid-column: span 6 / span 12;
  }
}
@media (max-width: 767px) {
  .register-card-wrapper .industry-solution-item:nth-child(2) {
    grid-column: span 12 / span 12;
  }
}
.register-card-wrapper .industry-solution-item:nth-child(3) {
  grid-column: span 4 / span 12;
}
@media (min-width: 768px) and (max-width: 991px) {
  .register-card-wrapper .industry-solution-item:nth-child(3) {
    grid-column: span 6 / span 12;
  }
}
@media (max-width: 767px) {
  .register-card-wrapper .industry-solution-item:nth-child(3) {
    grid-column: span 12 / span 12;
  }
}
.register-card-wrapper .industry-solution-item:nth-child(4) {
  grid-column: span 6 / span 12;
}
@media (max-width: 767px) {
  .register-card-wrapper .industry-solution-item:nth-child(4) {
    grid-column: span 12 / span 12;
  }
}
.register-card-wrapper .industry-solution-item:last-child {
  grid-column: span 6 / span 12;
}
@media (max-width: 767px) {
  .register-card-wrapper .industry-solution-item:last-child {
    grid-column: span 12 / span 12;
  }
}

.copyright-card-wrapper .industry-solution-item:first-child {
  border-bottom: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .copyright-card-wrapper .industry-solution-item:first-child {
    border-bottom: inherit;
  }
}
.copyright-card-wrapper .industry-solution-item:nth-child(2) {
  border-bottom: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .copyright-card-wrapper .industry-solution-item:nth-child(2) {
    border-bottom: inherit;
  }
}

.coming-soon {
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  color: #e18308;
}

.customer-slider {
  overflow: hidden;
}
.customer-slider .product-active-wrap {
  margin-right: -2000px;
}
.customer-slider .product-active-wrap .product-slider {
  padding-bottom: 1px;
}
.customer-slider .slider-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 24px 22px;
  gap: 22px;
  max-width: 400px;
  width: 100%;
  border: 0.5px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
}
.customer-slider .slider-card .slider-content h3 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
  color: #ffffff;
  margin-bottom: 8px;
}
.customer-slider .slider-card .slider-content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
.customer-slider .slider-card .slider-content a {
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #7256ff;
}
.customer-slider .slider-card .slider-content a:hover {
  color: #fff;
}
.customer-slider .slider-card .slider-thumb {
  height: 186px;
}
.customer-slider .slider-card .slider-thumb img {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.customer-title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (min-width: 768px) and (max-width: 991px) {
  .customer-title-wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .customer-title-wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.customer-title-wrap .customer-title h2 {
  font-weight: 700;
  font-size: 54px;
  line-height: 135%;
  background: linear-gradient(180deg, #ffffff 0%, #dddddd 85.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 0;
  max-width: 820px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .customer-title-wrap .customer-title h2 {
    font-size: 44px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .customer-title-wrap .customer-title h2 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .customer-title-wrap .customer-title h2 {
    font-size: 32px;
  }
}
.customer-title-wrap .customer-title-thumb {
  max-width: 198px;
  width: 100%;
}
.customer-title-wrap .customer-title-thumb img {
  width: 100%;
}

.people-around-title h2 {
  font-weight: 800;
  font-size: 48px;
  line-height: 135%;
  background: linear-gradient(180deg, #ffffff 0%, #dddddd 85.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .people-around-title h2 {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .people-around-title h2 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .people-around-title h2 {
    font-size: 30px;
  }
}

.people-around-thumb {
  text-align: right;
}
.people-around-thumb img {
  max-width: 447px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .people-around-thumb img {
    max-width: 340px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .people-around-thumb img {
    max-width: 250px;
  }
}
@media (max-width: 767px) {
  .people-around-thumb img {
    max-width: 100%;
  }
}

.people-body-thumb {
  margin-top: 70px;
}
.people-body-thumb img {
  max-width: 337px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .people-body-thumb img {
    max-width: 280px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .people-body-thumb img {
    max-width: 200px;
  }
}
@media (max-width: 767px) {
  .people-body-thumb img {
    display: none;
  }
}

.people-body p {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .people-body p {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .people-body p {
    font-size: 18px;
  }
}

.get-started-wrap::before {
  content: '';
  width: 10000px;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(114, 86, 255, 0.2509803922),
    #7256ff
  );
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
}
@media (max-width: 767px) {
  .get-started-wrap::before {
    display: none;
  }
}
.get-started-wrap a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 24px 32px 32px;
  background: #7256ff;
  border-radius: 10px;
  font-weight: 600;
  font-size: 46px;
  line-height: 1.2;
  color: #ffffff;
  transition: background 0.9s ease-in-out;
}

.get-started-wrap a:hover {
  background: linear-gradient(228.61deg, #7256ff 0%, #2b254c 100%);
}
@media (min-width: 768px) and (max-width: 991px) {
  .get-started-wrap a {
    padding: 24px;
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .get-started-wrap a {
    font-size: 32px;
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .get-started-wrap a svg {
    width: 50px;
  }
}

.itump-card-layout {
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.015);
  border: 1px solid rgba(255, 255, 255, 0.03);
  box-shadow: 143px 0px 208px rgba(114, 86, 255, 0.05);
  border-radius: 12px;
}
.itump-card-layout .itump-card-thumb img {
  max-width: 432px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.itump-card-layout .itump-body p {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}

.itump-card-title {
  display: flex;
  gap: 6px;
}
.itump-card-title h2 {
  font-family: Satoshi;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
  color: #ffffff;
}

.itump-card-layout-2 {
  border: 0.5px solid transparent;
  border-radius: 12px;
  background-image: linear-gradient(
      109.87deg,
      #19191a 5.73%,
      #201c26 50.57%,
      #19191a 100.09%
    ),
    linear-gradient(
      109.87deg,
      rgba(255, 255, 255, 0.2) 6%,
      rgba(94, 94, 94, 0.16) 31%,
      rgba(94, 94, 94, 0.155) 59%,
      rgba(255, 255, 255, 0.1) 100%
    );
  background-origin: border-box;
  background-clip: padding-box, border-box;
  display: flex;
  justify-content: space-between;
  padding-top: 75px;
  padding-left: 48px;
  align-items: center;
  overflow: hidden;
}
.itump-card-layout-2.style-light {
  background-image: linear-gradient(
      109.87deg,
      rgba(72, 73, 77, 0.1019607843) 5.73%,
      rgba(108, 96, 128, 0.0784313725) 50.57%,
      rgba(142, 131, 166, 0.0235294118) 100.09%
    ),
    linear-gradient(
      109.87deg,
      rgba(255, 255, 255, 0.2) 6%,
      rgba(94, 94, 94, 0.16) 31%,
      rgba(94, 94, 94, 0.155) 59%,
      rgba(255, 255, 255, 0.1) 100%
    );
}
.itump-card-layout-2.style-light .itump-card-content h2 {
  background: linear-gradient(90deg, #111111 0%, #7256ff 113.4%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.itump-card-layout-2.style-light .itump-card-content p {
  color: rgba(17, 17, 17, 0.85);
}
@media (min-width: 768px) and (max-width: 991px) {
  .itump-card-layout-2 {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .itump-card-layout-2 {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 60px;
    padding-left: 24px;
  }
}
.itump-card-layout-2 .itump-card-content {
  max-width: 500px;
  width: 100%;
}
@media (max-width: 767px) {
  .itump-card-layout-2 .itump-card-content {
    padding-right: 24px;
  }
}
.itump-card-layout-2 .itump-card-content h2 {
  font-weight: 800;
  font-size: 54px;
  line-height: 135%;
  background: linear-gradient(90deg, #ffffff 0%, #7256ff 113.4%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (min-width: 768px) and (max-width: 991px) {
  .itump-card-layout-2 .itump-card-content h2 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .itump-card-layout-2 .itump-card-content h2 {
    font-size: 32px;
  }
}
.itump-card-layout-2 .itump-card-content p {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 767px) {
  .itump-card-layout-2 .itump-card-content p {
    font-size: 18px;
  }
}
.itump-card-layout-2 .itump-card-content .download-btn-wrapper {
  gap: 10px;
}
.itump-card-layout-2 .itump-card-content .download-btn-wrapper .appstore-btn {
  width: 188px;
}
.itump-card-layout-2 .itump-card-content .download-btn-wrapper .playstore-btn {
  width: 200px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .itump-card-layout-2 .itump-card-thumb-3 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .itump-card-layout-2 .itump-card-thumb-3 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    padding-top: 0px;
  }
}
.itump-card-layout-2 .itump-card-thumb-3 img {
  max-width: 490px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .itump-card-layout-2 .itump-card-thumb-3 img {
    max-width: 100%;
  }
}

.itump-mobile-section {
  overflow-x: clip;
}
.itump-mobile-section .bg-pattern {
  max-width: 830px;
  z-index: -1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .itump-mobile-section .bg-pattern {
    max-width: 730px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .itump-mobile-section .bg-pattern {
    max-width: 600px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .itump-mobile-section .bg-pattern {
    max-width: 450px;
  }
}

.unified-title {
  width: 100%;
}
.unified-title svg {
  width: 100%;
}

.unified-title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}
.hero-wallet {
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  z-index: 1;
  position: relative;
}
.service-hero .hero-thumb {
  position: relative;
}
.service-hero .hero-thumb::after {
  content: '';
  width: 1px;
  height: 337px;
  background: linear-gradient(
    to bottom,
    rgba(58, 90, 246, 0.8980392157),
    rgba(58, 90, 246, 0.3215686275)
  );
  position: absolute;
  right: 50%;
  transform: translateX(-50%);
  top: 372px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .service-hero .hero-thumb::after {
    top: 340px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-hero .hero-thumb::after {
    top: 270px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-hero .hero-thumb::after {
    top: 200px;
  }
}
@media (max-width: 767px) {
  .service-hero .hero-thumb::after {
    top: 240px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .service-hero .hero-thumb::after {
    top: 380px;
  }
}

.service-hero-content {
  text-align: left;
}
.service-hero-content::before {
  content: '';
  width: 10000px;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(114, 86, 255, 0.7490196078),
    #302a4f
  );
  position: absolute;
  left: -10020px;
  margin-right: 20px;
  top: 17px;
}
@media (max-width: 767px) {
  .service-hero-content::before {
    display: none;
  }
}
.service-hero-content p {
  text-align: left !important;
}
.service-hero-content .hero-sub-1 {
  font-weight: 500;
  font-size: 22px;
  line-height: 150%;
  letter-spacing: 0.02em;
  color: #7256ff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-hero-content .hero-sub-1 {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-hero-content .hero-sub-1 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .service-hero-content .hero-sub-1 {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-hero-content .hero-title {
    font-size: 32px;
  }
}

.service-card {
  border: 0.5px solid transparent;
  border-radius: 12px;
  background-image: linear-gradient(
      109.87deg,
      #191919 5.73%,
      #1b1a1c 50.57%,
      #171718 100.09%
    ),
    linear-gradient(
      109.87deg,
      rgba(255, 255, 255, 0.2) 6%,
      rgba(94, 94, 94, 0.16) 31%,
      rgba(94, 94, 94, 0.155) 59%,
      rgba(255, 255, 255, 0.1) 100%
    );
  background-origin: border-box;
  background-clip: padding-box, border-box;
  padding-top: 26px;
  padding-bottom: 32px;
  position: relative;
  z-index: 1;
}
.service-card .s-service-shape-1 {
  position: absolute;
  z-index: -2;
  top: 0;
  right: 0;
}
.service-card .s-service-shape-2 {
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
}
.service-card .service-card-title {
  padding-right: 22px;
  padding-left: 22px;
}
.service-card .service-card-title h3 {
  font-family: 'Satoshi';
  font-weight: 900;
  font-size: 30px;
  line-height: 150%;
  color: #ffffff;
  margin-bottom: 36px;
}
.service-card.style-2 {
  min-height: 690px;
}
.service-card.style-3 {
  min-height: 670px;
}

.service-card-content {
  padding-right: 22px;
  padding-left: 22px;
}
.service-card-content .service-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  background: linear-gradient(90deg, #ffffff 13%, #7256ff 78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 6px;
}
.service-card-content .service-body {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}

.boi-report-item {
  padding: 32px 20px;
  display: flex;
  align-items: center;
  gap: 18px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .boi-report-item {
    padding: 24px 16px;
    gap: 14px;
  }
}
.boi-report-item p {
  font-weight: 500;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.85);
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .boi-report-item p {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .boi-report-item p {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .boi-report-item p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .boi-report-item p {
    font-size: 18px;
  }
}

.border-bottom-left {
  border-left: 1px solid #323232;
  border-bottom: 1px solid #323232;
}

.border-bottom-right {
  border-right: 1px solid #323232;
  border-bottom: 1px solid #323232;
}

.boi-complete-steps {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 70px;
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .boi-complete-steps {
    gap: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .boi-complete-steps {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .boi-complete-steps {
    gap: 40px;
    grid-template-columns: 1fr;
  }
}
.boi-complete-steps .boi-complete-step {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.boi-complete-steps .boi-complete-step .boi-step-icon {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  width: 96px;
  height: 96px;
  background: linear-gradient(
    109.87deg,
    rgba(72, 73, 77, 0.1) 5.73%,
    rgba(108, 96, 128, 0.08) 50.57%,
    rgba(142, 131, 166, 0.025) 100.09%
  );
  border-radius: 16px;
  margin-bottom: 40px;
}
.boi-complete-steps
  .boi-complete-step
  .step-content
  .boi-complete-step-title
  p {
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  text-align: center;
  color: #ffffff;
  margin-bottom: 10px;
}
.boi-complete-steps .boi-complete-step .step-content .boi-complete-step-info p {
  font-weight: 400;
  font-size: 18.5px;
  line-height: 150%;
  text-align: center;
  color: #a6adbd;
}
@media (min-width: 768px) and (max-width: 991px) {
  .boi-complete-steps
    .boi-complete-step
    .step-content
    .boi-complete-step-info
    p {
    font-size: 16px;
  }
}
.boi-complete-steps .boi-complete-step .step-shape {
  position: absolute;
  top: 35px;
  left: 59%;
  z-index: -2;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .boi-complete-steps .boi-complete-step .step-shape {
    left: 56%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .boi-complete-steps .boi-complete-step .step-shape {
    left: 68%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .boi-complete-steps .boi-complete-step .step-shape {
    left: 73%;
  }
}
@media (max-width: 767px) {
  .boi-complete-steps .boi-complete-step .step-shape {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .boi-complete-steps .boi-complete-step .step-shape svg {
    width: 225px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .boi-complete-steps .boi-complete-step .step-shape svg {
    width: 140px;
  }
}
.boi-complete-steps .boi-complete-step .s-bio-shape-1 {
  position: absolute;
  z-index: -2;
  top: -45%;
  right: 0;
}

.faq-section {
  position: relative;
  z-index: 1;
}
.faq-section .f-shape-1 {
  position: absolute;
  z-index: -1;
  top: -18%;
  right: 0;
}
.faq-section .faq-container .accordion .accordion-item {
  overflow: hidden;
  border: none;
  margin-bottom: 18px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
}
.faq-section .faq-container .accordion .accordion-item .accordion-header {
  padding: 30px 26px;
  width: 100%;
  background: rgba(255, 255, 255, 0.02);
  font-weight: 700;
  font-size: 24px;
  line-height: normal;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  transition: background 0.3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  text-align: left;
  gap: 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .faq-section .faq-container .accordion .accordion-item .accordion-header {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .faq-section .faq-container .accordion .accordion-item .accordion-header {
    font-size: 18px;
    padding: 24px 20px;
  }
}
.faq-section
  .faq-container
  .accordion
  .accordion-item
  .accordion-header
  .angle-icon {
  transition: all 0.3s linear 0s;
  width: 30px;
}
.faq-section
  .faq-container
  .accordion
  .accordion-item
  .accordion-header[aria-expanded='true']
  .angle-icon {
  transform: rotate(-180deg);
}
.faq-section .faq-container .accordion .accordion-item .accordion-content p {
  background: rgba(255, 255, 255, 0.02);
  color: #ccc;
  padding: 0 26px 26px;
  font-size: 18px;
}
@media (max-width: 767px) {
  .faq-section .faq-container .accordion .accordion-item .accordion-content p {
    padding: 0 20px 24px;
  }
}
.faq-section .faq-container .contact {
  padding-top: 20px;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.7);
}
.faq-section .faq-container .contact a {
  color: #7256ff;
  text-decoration: none;
}
.faq-section .faq-container .contact a:hover {
  text-decoration: underline;
}
.faq-section.light .faq-container .accordion-item {
  background-color: rgba(0, 0, 0, 0.04);
}
.faq-section.light .faq-container .accordion-item .accordion-header {
  color: rgba(0, 0, 0, 0.8509803922);
}
.faq-section.light .faq-container .accordion-item .accordion-content p {
  color: #141414;
}
.faq-section.light .faq-container .contact {
  color: rgba(0, 0, 0, 0.8);
}

.service-slider {
  margin-right: -2000px;
  padding-right: 2000px;
}

.service-slide-card {
  background: rgba(255, 159, 77, 0.2);
  border-radius: 10px;
  padding: 22px 16px;
  width: 340px;
  min-height: 377px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
}
.service-slide-card .service-price {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 6px 8px;
  gap: 2px;
  background: #202020;
  border-radius: 8px;
  max-width: 75px;
}
.service-slide-card .service-price p {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #f5f5f5;
  margin-bottom: 0;
}
.service-slide-card .service-price span {
  font-weight: 900;
  font-size: 16px;
  line-height: 22px;
  color: #f5f5f5;
}
.service-slide-card .service-thumb {
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-slide-card .service-thumb img {
  max-width: 240px;
  width: 100%;
  height: auto;
  max-height: 100%;
}
.service-slide-card .service-content-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 17px;
}
.service-slide-card .service-content-wrap .service-content {
  max-width: 272px;
}
.service-slide-card .service-content-wrap .service-content p {
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  color: #f5f5f5;
  margin-bottom: 0;
}
.service-slide-card .service-content-wrap .service-content span {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #f5f5f5;
}
.service-slide-card .service-content-wrap .arrow-btn {
  width: 32px;
  height: 32px;
  background-color: #181818;
  color: #fff;
  font-size: 14px;
  flex-shrink: 0;
  transition: all 0.3s;
}
.service-slide-card .service-content-wrap .arrow-btn:hover {
  background-color: #fff;
  color: #181818;
}
.service-slide-card.green {
  background: rgba(39, 174, 96, 0.15);
}
.service-slide-card.yellow {
  background: rgba(232, 201, 35, 0.1);
}
.service-slide-card.red {
  background: rgba(255, 128, 102, 0.12);
}
.service-slide-card.blue {
  background: rgba(36, 91, 242, 0.15);
}
.service-slide-card.greenish-blue {
  background: rgba(47, 128, 237, 0.1);
}
.service-slide-card.dark-blue {
  background: rgba(36, 91, 242, 0.1);
}
.service-slide-card.slate {
  background-color: rgba(47, 128, 237, 0.1);
}
.service-slide-card.slate-2 {
  background-color: rgba(36, 91, 242, 0.1);
}
.service-slide-card.slate-3 {
  background: rgba(36, 91, 242, 0.15);
}

.contact-info {
  margin-top: 36px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 32px 22px;
  gap: 24px;
  border: 1px solid #323232;
  border-radius: 14px;
}
@media (max-width: 767px) {
  .contact-info {
    margin-top: 26px;
  }
}
.contact-info .contact-icon {
  gap: 12px;
}
.contact-info .contact-icon img {
  width: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .contact-info .contact-icon img {
    width: 32px;
  }
}
.contact-info p {
  font-weight: 500;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.85);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contact-info p {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contact-info p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .contact-info p {
    font-size: 18px;
  }
}
.contact-info a {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: rgba(255, 255, 255, 0.85);
  display: block;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contact-info a {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contact-info a {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .contact-info a {
    font-size: 18px;
  }
}

.service-accordion .service-item {
  border: none;
  overflow: hidden;
  margin-bottom: 20px;
}
.service-accordion .service-item:last-child {
  margin-bottom: 0;
}
.service-accordion .service-item .service-header span {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  background: linear-gradient(90deg, #fff 16.48%, #7256ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  cursor: pointer;
  transition: background 0.3s;
  padding-right: 40px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-accordion .service-item .service-header span {
    font-size: 18px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .service-accordion .service-item .service-header span {
    padding-right: 30px;
  }
}
.service-accordion .service-item .service-header::after {
  content: '+';
  font-family: 'Font Awesome 6 Pro';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  font-size: 16px;
  color: rgb(255, 255, 255);
  transition: all 0.3s linear 0s;
}
.service-accordion .service-item .service-header[aria-expanded='true']::after {
  content: '\f068';
}
.service-accordion .service-item .service-content {
  background: transparent;
  color: #ccc;
}
.service-accordion .service-item .service-content p {
  margin: 10px 0;
}

@media (max-width: 767px) {
  .step-container .step-wrapper {
    gap: 60px;
  }
}
.step-container .step-wrapper .step {
  min-height: 560px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .step-container .step-wrapper .step {
    min-height: 460px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .step-container .step-wrapper .step {
    min-height: 380px;
  }
}
@media (max-width: 767px) {
  .step-container .step-wrapper .step {
    min-height: 0;
    gap: 40px;
  }
}
.step-container .step-wrapper .step .step-content-wrap {
  gap: 20px;
  max-width: 570px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .step-container .step-wrapper .step .step-content-wrap {
    max-width: 500px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .step-container .step-wrapper .step .step-content-wrap {
    max-width: 400px;
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .step-container .step-wrapper .step .step-content-wrap {
    max-width: 400px;
    gap: 16px;
  }
}
.step-container .step-wrapper .step .step-content-wrap .step-number {
  width: 44px;
  height: 44px;
  background-color: #262626;
  color: #fff;
  font-size: 24px;
}
.step-container
  .step-wrapper
  .step
  .step-content-wrap
  .step-number.with-border {
  border: 1px solid #245bf2;
}
@media (max-width: 767px) {
  .step-container .step-wrapper .step .step-content-wrap .step-number {
    width: 36px;
    height: 36px;
    font-size: 20px;
  }
}
.step-container
  .step-wrapper
  .step
  .step-content-wrap
  .step-content
  .step-title {
  font-size: 30px;
  line-height: 150%;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .step-container
    .step-wrapper
    .step
    .step-content-wrap
    .step-content
    .step-title {
    font-size: 26px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .step-container
    .step-wrapper
    .step
    .step-content-wrap
    .step-content
    .step-title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .step-container
    .step-wrapper
    .step
    .step-content-wrap
    .step-content
    .step-title {
    font-size: 20px;
  }
}
.step-container
  .step-wrapper
  .step
  .step-content-wrap
  .step-content
  .step-desc {
  font-size: 18.5px;
  line-height: 150%;
  color: #a6adbd;
}
@media (min-width: 768px) and (max-width: 991px) {
  .step-container
    .step-wrapper
    .step
    .step-content-wrap
    .step-content
    .step-desc {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .step-container
    .step-wrapper
    .step
    .step-content-wrap
    .step-content
    .step-desc {
    font-size: 16px;
  }
}
.step-container .step-wrapper .step .step-thumb {
  width: 100%;
  max-width: 400px;
  height: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .step-container .step-wrapper .step .step-thumb {
    max-width: 360px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .step-container .step-wrapper .step .step-thumb {
    max-width: 260px;
  }
}
@media (max-width: 767px) {
  .step-container .step-wrapper .step .step-thumb {
    max-width: 100%;
    padding-left: 50px;
    margin: auto;
  }
}
.step-container .step-wrapper .step:first-child .step-thumb {
  max-width: 414px;
  padding-top: 80px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .step-container .step-wrapper .step:first-child .step-thumb {
    max-width: 360px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .step-container .step-wrapper .step:first-child .step-thumb {
    max-width: 280px;
  }
}
@media (max-width: 767px) {
  .step-container .step-wrapper .step:first-child .step-thumb {
    max-width: 100%;
    margin: auto;
    padding-top: 0;
  }
}
.step-container .step-wrapper .step:nth-child(2) .step-thumb {
  transform: rotate(4.381deg);
  padding-top: 60px;
}
@media (max-width: 767px) {
  .step-container .step-wrapper .step:nth-child(2) .step-thumb {
    padding-top: 0;
  }
}
.step-container .step-wrapper .step:nth-child(3) .step-thumb {
  transform: rotate(-1.729deg);
  padding-top: 40px;
}
@media (max-width: 767px) {
  .step-container .step-wrapper .step:nth-child(3) .step-thumb {
    padding-top: 0;
  }
}
.step-container .step-wrapper .step:nth-child(4) .step-thumb {
  padding-top: 48px;
}
@media (max-width: 767px) {
  .step-container .step-wrapper .step:nth-child(4) .step-thumb {
    padding-top: 0;
  }
}
.step-container .step-wrapper .step:last-child {
  background-color: #141414;
  min-height: 0;
}
.step-container .step-wrapper .step:last-child .step-thumb {
  max-width: 292px;
  transform: rotate(10deg);
  padding-top: 4px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .step-container .step-wrapper .step:last-child .step-thumb {
    max-width: 250px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .step-container .step-wrapper .step:last-child .step-thumb {
    max-width: 200px;
  }
}
@media (max-width: 767px) {
  .step-container .step-wrapper .step:last-child .step-thumb {
    padding-top: 0;
    max-width: 200px;
  }
}
.step-container .step-shape {
  position: absolute;
  left: 22px;
  top: 44px;
  z-index: -1;
  max-height: calc(100% - 44px);
  width: 1px;
}
@media (max-width: 767px) {
  .step-container .step-shape {
    left: 18px;
  }
}
.step-container .step-shape img {
  width: 1px;
}
.step-container.work-step-container .step-wrapper .step .step-thumb {
  max-width: 416px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .step-container.work-step-container .step-wrapper .step .step-thumb {
    max-width: 360px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .step-container.work-step-container .step-wrapper .step .step-thumb {
    max-width: 260px;
  }
}
.step-container.work-step-container
  .step-wrapper
  .step:first-child
  .step-thumb {
  transform: rotate(4.197deg);
  padding-top: 36px;
}
@media (max-width: 767px) {
  .step-container.work-step-container
    .step-wrapper
    .step:first-child
    .step-thumb {
    padding-top: 0;
  }
}
.step-container.work-step-container
  .step-wrapper
  .step:nth-child(2)
  .step-thumb {
  padding-top: 75px;
}
@media (max-width: 767px) {
  .step-container.work-step-container
    .step-wrapper
    .step:nth-child(2)
    .step-thumb {
    padding-top: 0;
  }
}
.step-container.work-step-container
  .step-wrapper
  .step:nth-child(3)
  .step-thumb {
  transform: rotate(-5.342deg);
  padding-top: 40px;
}
@media (max-width: 767px) {
  .step-container.work-step-container
    .step-wrapper
    .step:nth-child(3)
    .step-thumb {
    padding-top: 0;
  }
}
.step-container.work-step-container .step-wrapper .step:last-child .step-thumb {
  transform: rotate(2.5deg);
  padding-top: 45px;
}
@media (max-width: 767px) {
  .step-container.work-step-container
    .step-wrapper
    .step:last-child
    .step-thumb {
    padding-top: 0;
  }
}
.step-container.work-step-container
  .step-wrapper
  .step
  .step-content-wrap
  .step-number.with-border {
  border-color: #e8c923;
}
.step-container.annual-filling-step-container .step-wrapper .step .step-thumb {
  max-width: 400px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .step-container.annual-filling-step-container
    .step-wrapper
    .step
    .step-thumb {
    max-width: 360px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .step-container.annual-filling-step-container
    .step-wrapper
    .step
    .step-thumb {
    max-width: 260px;
  }
}
.step-container.annual-filling-step-container
  .step-wrapper
  .step:first-child
  .step-thumb {
  padding-top: 57px;
  transform: rotate(2.5deg);
}
@media (max-width: 767px) {
  .step-container.annual-filling-step-container
    .step-wrapper
    .step:first-child
    .step-thumb {
    padding-top: 0;
  }
}
.step-container.annual-filling-step-container
  .step-wrapper
  .step:nth-child(2)
  .step-thumb {
  padding-top: 40px;
  max-width: 388px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .step-container.annual-filling-step-container
    .step-wrapper
    .step:nth-child(2)
    .step-thumb {
    max-width: 360px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .step-container.annual-filling-step-container
    .step-wrapper
    .step:nth-child(2)
    .step-thumb {
    max-width: 260px;
  }
}
@media (max-width: 767px) {
  .step-container.annual-filling-step-container
    .step-wrapper
    .step:nth-child(2)
    .step-thumb {
    padding-top: 0;
  }
}
.step-container.annual-filling-step-container
  .step-wrapper
  .step:last-child
  .step-thumb {
  padding-top: 4px;
  padding-right: 20px;
  max-width: 283px;
  transform: rotate(15deg);
}
@media (min-width: 768px) and (max-width: 991px) {
  .step-container.annual-filling-step-container
    .step-wrapper
    .step:last-child
    .step-thumb {
    max-width: 200px;
  }
}
.step-container.service-close-step-container
  .step-wrapper
  .step:first-child
  .step-thumb {
  padding-top: 50px;
}
.step-container.service-close-step-container
  .step-wrapper
  .step:nth-child(2)
  .step-thumb {
  transform: unset;
}
.step-container.service-close-step-container
  .step-wrapper
  .step:nth-child(3)
  .step-thumb {
  transform: rotate(6.02deg);
}
.step-container.service-close-step-container
  .step-wrapper
  .step:last-child
  .step-thumb {
  transform: unset;
}

.service-card-section {
  position: relative;
  z-index: 1;
}
.service-card-section .s-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.service-card-section .bg-pattern {
  max-width: 960px;
  bottom: 175px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .service-card-section .bg-pattern {
    bottom: 110px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-card-section .bg-pattern {
    max-width: 700px;
    bottom: 90px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-card-section .bg-pattern {
    max-width: 700px;
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .service-card-section .bg-pattern {
    max-width: 100%;
    bottom: 60px;
  }
}
.service-card-section .service-card-thumb img {
  mix-blend-mode: color-dodge;
}

.steps-to-register-section {
  position: relative;
  z-index: 1;
}
.steps-to-register-section .s-step-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
.steps-to-register-section .s-step-shape-2 {
  position: absolute;
  z-index: -1;
  top: 27%;
  right: 0;
}

.hero-section-2 {
  position: relative;
  z-index: 9;
}
.hero-section-2 .s-hero-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
.hero-section-2 .s-hero-shape-2 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}

.annual-content {
  padding: 60px 120px;
  background: linear-gradient(
    109.87deg,
    rgba(72, 73, 77, 0.04) 5.73%,
    rgba(108, 96, 128, 0.032) 50.57%,
    rgba(142, 131, 166, 0.01) 100.09%
  );
  border: 0.5px solid #1f3a86;
  border-radius: 14px;
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .annual-content {
    padding: 60px 80px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .annual-content {
    padding: 60px;
  }
}
@media (max-width: 767px) {
  .annual-content {
    padding: 60px 20px;
  }
}
.annual-content h3 {
  font-weight: 800;
  font-size: 34px;
  line-height: 150%;
  background: linear-gradient(180deg, #ffffff 0%, #dddddd 85.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .annual-content h3 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .annual-content h3 {
    font-size: 28px;
  }
}
.annual-content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #aab2c2;
}

.itump-pay-hero {
  border-bottom: 1px solid rgba(114, 86, 255, 0.6);
  background: linear-gradient(
      180deg,
      rgba(66, 34, 225, 0.08) 0%,
      rgba(66, 34, 225, 0.08) 100%
    ),
    #141414;
}
.itump-pay-hero .hero-wrapper {
  padding: 314px 0 334px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .itump-pay-hero .hero-wrapper {
    padding: 270px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .itump-pay-hero .hero-wrapper {
    padding: 200px 0 180px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .itump-pay-hero .hero-wrapper {
    padding: 200px 0 160px;
  }
}
@media (max-width: 767px) {
  .itump-pay-hero .hero-wrapper {
    padding: 140px 0 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .itump-pay-hero .hero-wrapper .hero-content {
    max-width: 615px;
  }
}
.itump-pay-hero .hero-wrapper .hero-content .hero-title {
  font-size: 64px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .itump-pay-hero .hero-wrapper .hero-content .hero-title {
    font-size: 56px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .itump-pay-hero .hero-wrapper .hero-content .hero-title {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .itump-pay-hero .hero-wrapper .hero-content .hero-title {
    font-size: 44px;
  }
}
.itump-pay-hero .hero-shape-3 {
  width: 120px;
  top: 180px;
  left: -60px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .itump-pay-hero .hero-shape-3 {
    width: 90px;
    top: 160px;
    left: -45px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .itump-pay-hero .hero-shape-3 {
    width: 90px;
    top: 160px;
    left: -45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .itump-pay-hero .hero-shape-3 {
    width: 80px;
    top: 120px;
    left: -40px;
  }
}
.itump-pay-hero .hero-shape-4 {
  width: 120px;
  bottom: 198px;
  right: -60px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .itump-pay-hero .hero-shape-4 {
    width: 90px;
    bottom: 160px;
    right: -45px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .itump-pay-hero .hero-shape-4 {
    width: 90px;
    bottom: 160px;
    right: -45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .itump-pay-hero .hero-shape-4 {
    width: 80px;
    bottom: 120px;
    right: -40px;
  }
}

.payment-section {
  position: relative;
  z-index: 1;
}
.payment-section .p-shape-1 {
  position: absolute;
  z-index: -2;
  top: 3%;
  right: 0;
}
.payment-section .long-line-shape {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 67.4%;
}
.payment-section .long-line-shape-2 {
  position: absolute;
  z-index: -1;
  top: 11.8%;
  right: 44.6%;
}

.payment-heading-wrap .title {
  font-weight: 800;
  font-size: 44px;
  line-height: 135%;
  background: linear-gradient(180deg, #ffffff 0%, #dddddd 85.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 14px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .payment-heading-wrap .title {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .payment-heading-wrap .title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .payment-heading-wrap .title {
    font-size: 36px;
  }
}
.payment-heading-wrap .text {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
@media (min-width: 768px) and (max-width: 991px) {
  .payment-heading-wrap .text {
    font-size: 18px;
  }
}
.payment-heading-wrap .border-shape {
  height: 1px;
  background: linear-gradient(90deg, #50206f 0%, #993ed5 100%);
}

.payment-content-wrapper::before {
  content: '';
  width: 1px;
  height: 100%;
  background: linear-gradient(270deg, #3b2e77 0%, #9d3ed9 100%);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.payment-content-wrap {
  padding: 32px 28px;
  border: 0.5px solid transparent;
  border-radius: 12px;
  background-image: linear-gradient(
      109.87deg,
      #1c1b20 5.73%,
      #1b1a1e 50.57%,
      #181719 100.09%
    ),
    linear-gradient(
      109.87deg,
      rgba(255, 255, 255, 0.2) 6%,
      rgba(94, 94, 94, 0.16) 31%,
      rgba(94, 94, 94, 0.155) 59%,
      rgba(255, 255, 255, 0.1) 100%
    );
  background-origin: border-box;
  background-clip: padding-box, border-box;
  margin-bottom: 75px;
}
.payment-content-wrap:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .payment-content-wrap {
    padding: 24px 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .payment-content-wrap {
    padding: 24px 20px;
  }
}
@media (max-width: 767px) {
  .payment-content-wrap {
    padding: 20px;
  }
}
.payment-content-wrap .thumb {
  margin-bottom: 50px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .payment-content-wrap .thumb {
    margin-bottom: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .payment-content-wrap .thumb {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .payment-content-wrap .thumb {
    margin-bottom: 20px;
  }
}
.payment-content-wrap .info h3 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 28px;
  line-height: 150%;
  color: #ffffff;
  margin-bottom: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .payment-content-wrap .info h3 {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .payment-content-wrap .info h3 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .payment-content-wrap .info h3 {
    font-size: 24px;
  }
}
.payment-content-wrap .info h3 a {
  color: #ffffff;
}
.payment-content-wrap .info h3 a:hover {
  color: #7256ff;
}
.payment-content-wrap .info p {
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
@media (min-width: 768px) and (max-width: 991px) {
  .payment-content-wrap .info p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .payment-content-wrap .info p {
    font-size: 18px;
  }
}

.service-steps-wrapper {
  background: linear-gradient(
    180deg,
    rgba(66, 34, 225, 0.06) 0%,
    rgba(66, 34, 225, 0.06) 100%
  );
  border: 0.5px solid rgba(114, 86, 255, 0.35);
  border-radius: 14px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .service-steps-wrapper {
    grid-template-columns: 1fr;
  }
}
.service-steps-wrapper.style-2 {
  border: 0;
  border-radius: 0;
  background: none;
  gap: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-steps-wrapper.style-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.service-steps-wrapper.style-2 .service-steps-wrap {
  background: rgba(157, 62, 217, 0.04);
  border-right: 0;
  border-radius: 14px;
}

.service-steps-wrap {
  padding: 68px 47px;
  border-right: 0.5px solid rgba(114, 86, 255, 0.35);
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-steps-wrap {
    padding: 40px 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-steps-wrap {
    padding: 32px 24px;
  }
}
@media (max-width: 767px) {
  .service-steps-wrap {
    padding: 40px 24px;
    border-right: 0;
    border-bottom: 0.5px solid rgba(114, 86, 255, 0.35);
  }
}
.service-steps-wrap:last-child {
  border-right: 0;
}
@media (max-width: 767px) {
  .service-steps-wrap:last-child {
    border-bottom: 0;
  }
}
.service-steps-wrap .icon {
  margin-bottom: 24px;
}
.service-steps-wrap h3 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
  color: #ffffff;
  margin-bottom: 6px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-steps-wrap h3 {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-steps-wrap h3 {
    font-size: 18px;
  }
}
.service-steps-wrap p {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #a6adbd;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-steps-wrap p {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-steps-wrap p {
    font-size: 16px;
  }
}

.transaction-section {
  border-top: 1px solid rgba(114, 86, 255, 0.6);
  border-bottom: 1px solid rgba(114, 86, 255, 0.6);
  background: linear-gradient(
      180deg,
      rgba(66, 34, 225, 0.08) 0%,
      rgba(66, 34, 225, 0.08) 100%
    ),
    #141414;
}
.transaction-section .p-transaction-shape-1 {
  position: absolute;
  z-index: -1;
  top: -95%;
  left: 0;
}
.transaction-section.style-2 {
  background: linear-gradient(
      180deg,
      rgba(157, 62, 217, 0.05) 0%,
      rgba(157, 62, 217, 0.05) 100%
    ),
    #141414;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  --grad: linear-gradient(180deg, #321d40 50%, #371e46 100%);
  -o-border-image: var(--grad) 1;
  border-image: var(--grad) 1;
  position: relative;
  z-index: 1;
}

.transaction-thumb {
  max-width: 360px;
  margin-left: auto;
}
@media (max-width: 767px) {
  .transaction-thumb {
    margin-right: auto;
  }
}

.transaction-content {
  max-width: 580px;
  margin-left: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .transaction-content {
    padding-left: 20px;
  }
}
.transaction-content h3 {
  font-weight: 800;
  font-size: 44px;
  line-height: 135%;
  background: linear-gradient(180deg, #ffffff 0%, #dddddd 85.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 14px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .transaction-content h3 {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .transaction-content h3 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .transaction-content h3 {
    font-size: 32px;
  }
}
.transaction-content p {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
@media (min-width: 768px) and (max-width: 991px) {
  .transaction-content p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .transaction-content p {
    font-size: 18px;
  }
}

.use-section::after {
  content: '';
  width: 561.207px;
  height: 363.245px;
  transform: rotate(-8.98deg);
  flex-shrink: 0;
  border-radius: 561.207px;
  background: rgba(66, 34, 225, 0.12);
  filter: blur(275px);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
@media (max-width: 767px) {
  .use-section::after {
    width: 167.618px;
    height: 108.492px;
    top: 60px;
  }
}
.use-section.ready-section::after {
  display: none;
}
.use-section-wrapper {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
@media (max-width: 767px) {
  .use-section-wrapper {
    border-bottom: 0;
  }
}

.use-content h3 {
  font-weight: 800;
  font-size: 48px;
  line-height: 130%;
  background: linear-gradient(180deg, #ffffff 0%, #ebebeb 85.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 12px;
}
.use-content p {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 34px;
}

.hero-section-4 {
  background: linear-gradient(
      180deg,
      rgba(66, 34, 225, 0.025) 51.51%,
      rgba(66, 34, 225, 0.1) 100%
    ),
    #141414;
  border-bottom: 2.5px dashed #7256ff;
}

.finance-section .f-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.finance-section .f-shape-1 {
  z-index: -1;
  top: 6%;
}
.finance-section .f-shape-2 {
  z-index: -1;
  top: -7%;
}
.finance-section .border-shape {
  width: 62px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .finance-section .border-shape {
    width: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .finance-section .border-shape {
    width: 44px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .finance-section .border-shape {
    width: 40px;
  }
}
@media (max-width: 767px) {
  .finance-section .border-shape {
    width: 40px;
    margin-bottom: 40px;
  }
}
.finance-section .security-thumb {
  transform: translateY(75px);
  margin-top: -75px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .finance-section .security-thumb {
    transform: translateY(0);
    margin-top: 0;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .finance-section .security-thumb {
    transform: translateY(0);
    margin-top: 0;
    margin-bottom: 40px;
  }
}

.finance-steps-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  border-radius: 14px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .finance-steps-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .finance-steps-wrapper {
    grid-template-columns: 1fr;
  }
}

.finance-steps-wrap {
  padding: 24px;
  background: linear-gradient(
    109.87deg,
    rgba(72, 73, 77, 0.088) 5.73%,
    rgba(108, 96, 128, 0.0704) 50.57%,
    rgba(142, 131, 166, 0.022) 100.09%
  );
  border-radius: 12px 0 0 12px;
}
.finance-steps-wrap:last-child {
  border-radius: 0 12px 12px 0;
}
.finance-steps-wrap .thumb {
  margin-bottom: 24px;
}
.finance-steps-wrap .info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.finance-steps-wrap .info h3 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
  color: #ffffff;
  margin-bottom: 0;
}
.finance-steps-wrap .info p {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}

.finance-content-wrap .title {
  font-weight: 800;
  font-size: 44px;
  line-height: 135%;
  background: linear-gradient(180deg, #ffffff 0%, #dddddd 85.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 14px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .finance-content-wrap .title {
    font-size: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .finance-content-wrap .title {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .finance-content-wrap .title {
    font-size: 36px;
  }
}
.finance-content-wrap .text {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 767px) {
  .finance-content-wrap .text {
    font-size: 18px;
  }
}

.finance-thumb-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.finance-thumb-wrapper .finance-thumb {
  border: 1px solid rgba(111, 58, 175, 0.32);
  border-radius: 12px;
}
.finance-thumb-wrapper .finance-thumb img {
  border-radius: 12px;
}

.finance-thumb img {
  border-radius: 12px;
}

.cta-section {
  padding-top: 280px;
  padding-bottom: 125px;
  background: linear-gradient(
      180deg,
      rgba(66, 34, 225, 0.08) 0%,
      rgba(66, 34, 225, 0.08) 100%
    ),
    #141414;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  --grad: linear-gradient(180deg, #4b3aa1 50%, #382c73 100%);
  -o-border-image: var(--grad) 1;
  border-image: var(--grad) 1;
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cta-section {
    padding-top: 230px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cta-section {
    padding-top: 200px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .cta-section {
    padding-top: 170px;
    padding-bottom: 60px;
  }
}
.cta-section .c-cta-shape {
  z-index: -1;
  max-width: 408px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cta-section .c-cta-shape {
    max-width: 350px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cta-section .c-cta-shape {
    max-width: 300px;
  }
}
@media (max-width: 767px) {
  .cta-section .c-cta-shape {
    max-width: 300px;
  }
}

.cta-content {
  max-width: 620px;
}
.cta-content h3 {
  margin-bottom: 10px;
}
.cta-content p {
  margin-bottom: 34px;
}

.hero-section-5 {
  padding-top: 325px;
  padding-bottom: 230px;
  background: linear-gradient(
      180deg,
      rgba(157, 62, 217, 0.075) 0%,
      rgba(157, 62, 217, 0) 50.37%
    ),
    #141414;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .hero-section-5 {
    padding-top: 280px;
    padding-bottom: 200px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-section-5 {
    padding-top: 240px;
    padding-bottom: 150px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-section-5 {
    padding-top: 180px;
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .hero-section-5 {
    padding-top: 140px;
    padding-bottom: 120px;
  }
}

.use-border-2 {
  border-bottom: 0.75px solid rgba(157, 62, 217, 0.32);
}

.hero-section-6 {
  padding: 220px 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .hero-section-6 {
    padding: 180px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-section-6 {
    padding: 140px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-section-6 {
    padding: 120px 0;
  }
}
@media (max-width: 767px) {
  .hero-section-6 {
    padding: 60px 0 120px;
  }
}
.hero-section-6 .s-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.hero-section-6 .s-shape-2 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
.hero-section-6 .s-shape-3 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.hero-section-6 .s-shape-4 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}

.steps-thumb {
  border: 1px dashed #7256ff;
  border-radius: 14px;
}
.steps-thumb img {
  border-radius: 14px;
}

.transaction-tab {
  text-align: center;
}
.transaction-tab .nav {
  background: rgba(114, 86, 255, 0.04);
  border: 1px dashed rgba(114, 86, 255, 0.3);
  border-radius: 12px;
  padding: 6px;
  gap: 10px;
  display: inline-flex;
}
.transaction-tab .nav .nav-item .nav-link {
  padding: 12px 14px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #c0c2c7;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.transaction-tab .nav .nav-item .nav-link .icon {
  width: 18px;
  transition: all 0.3s;
}
.transaction-tab .nav .nav-item .nav-link.active {
  background: #141414;
  border: 1px solid rgba(114, 86, 255, 0.4);
  border-radius: 8px;
  color: #ffffff;
}
.transaction-tab .nav .nav-item .nav-link.active .icon {
  filter: brightness(9999);
}
.transaction-tab .tab-content {
  text-align: left;
}

.hero-heading-wrap {
  max-width: 820px;
}
.hero-heading-wrap h2 {
  font-weight: 800;
  font-size: 62px;
  line-height: 130%;
  background: linear-gradient(180deg, #111111 0%, #222222 85.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 12px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-heading-wrap h2 {
    font-size: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-heading-wrap h2 {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .hero-heading-wrap h2 {
    font-size: 44px;
  }
}
.hero-heading-wrap p {
  font-size: 20px;
  line-height: 150%;
  color: rgba(17, 17, 17, 0.85);
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-heading-wrap p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .hero-heading-wrap p {
    font-size: 18px;
  }
}

.map-thumb {
  max-width: 1920px;
}

.counter-wrapper .counter-wrap {
  padding: 20px 32px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .counter-wrapper .counter-wrap {
    padding: 20px 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .counter-wrapper .counter-wrap {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .counter-wrapper .counter-wrap {
    padding: 20px 0;
    border-left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.counter-wrapper .counter-wrap:first-child {
  border-left: none;
  padding-left: 0;
}
.counter-wrapper .counter-wrap h3 {
  font-weight: 800;
  font-size: 52px;
  line-height: 130%;
  color: #111111;
  margin-bottom: 6px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .counter-wrapper .counter-wrap h3 {
    font-size: 44px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .counter-wrapper .counter-wrap h3 {
    font-size: 40px;
  }
}
.counter-wrapper .counter-wrap p {
  font-size: 18px;
  line-height: 150%;
  color: #333333;
}
@media (min-width: 768px) and (max-width: 991px) {
  .counter-wrapper .counter-wrap p {
    font-size: 16px;
  }
}

.hero-banner-thumb {
  max-width: 1920px;
}
@media (max-width: 767px) {
  .hero-banner-thumb img {
    min-height: 215px;
  }
}

.mission-section-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mission-step-slider-two {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mission-step-slider-two .mission-steps-wrap .mission-steps {
  padding: 24px 32px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .mission-step-slider-two .mission-steps-wrap .mission-steps {
    padding: 24px;
  }
}

.mission-steps-wrap > *:not(:last-child) {
  margin-right: 20px;
}

.mission-steps-wrap .mission-steps {
  text-align: center;
  padding: 32px;
  background: rgba(255, 255, 255, 0.04);
  border-top: 2px solid #7256ff;
  border-radius: 14px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mission-steps-wrap .mission-steps {
    padding: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mission-steps-wrap .mission-steps {
    padding: 20px;
  }
}

@media (min-width: 425px) {
  .mission-steps-wrap .mission-steps {
    padding: 25px 75px;
    height: 140px;
  }
}

.mission-steps-wrap .mission-steps h3 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
  color: #ffffff;
  margin-bottom: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mission-steps-wrap .mission-steps h3 {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mission-steps-wrap .mission-steps h3 {
    font-size: 16px;
  }
}
.mission-steps-wrap .mission-steps p {
  font-weight: 500;
  font-size: 16px;
  line-height: 135%;
  color: #ffffff;
}
.mission-steps-wrap .mission-steps.paste {
  border-color: #56d8ff;
}
.mission-steps-wrap .mission-steps.green {
  border-color: #6dff56;
}
.mission-steps-wrap .mission-steps.orange {
  border-color: #ff7256;
}
.mission-steps-wrap .mission-steps.blue {
  border-color: #2f80ed;
}

.solution-content-wrap {
  padding: 24px 22px;
  background: linear-gradient(
    109.87deg,
    rgba(72, 73, 77, 0.075) 5.73%,
    rgba(108, 96, 128, 0.08) 50.57%,
    rgba(142, 131, 166, 0.08) 100.09%
  );
  border-radius: 12px;
}
.solution-content-wrap .thumb {
  margin-bottom: 20px;
}
.solution-content-wrap .thumb img {
  border-radius: 14px;
}
.solution-content-wrap .title {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
  margin-bottom: 5px;
}
.solution-content-wrap .title a {
  color: #111111;
}
.solution-content-wrap .title a:hover {
  color: #7256ff;
}
.solution-content-wrap p {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: rgba(17, 17, 17, 0.85);
}

.hero-section-8 {
  position: relative;
  z-index: 1;
}
.hero-section-8 .hero-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.hero-section-8 .hero-shape-2 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.hero-section-8 .hero-shape-3 {
  position: absolute;
  z-index: -1;
  top: 15%;
  right: 0;
}

@media (max-width: 767px) {
  .hero-card-slider {
    margin-right: -500px;
    padding-right: 500px;
  }
}
@media (max-width: 767px) {
  .hero-card-slider .hero-card {
    width: 370px;
  }
}
.hero-card-slider .hero-card-thumb {
  border-radius: 12px;
}
.hero-card-slider .hero-card-thumb::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: linear-gradient(
    180deg,
    rgba(33, 24, 77, 0.45) 19.29%,
    rgba(33, 24, 77, 0) 100%
  );
  position: absolute;
  top: 0;
  left: 0;
}
.hero-card-slider .hero-card-thumb .card-tag {
  top: 17px;
  left: 25px;
  z-index: 1;
}
.hero-card-slider .hero-card-thumb-img {
  transition: all 1s linear;
}
.hero-card-slider .hero-card-thumb:hover .hero-card-thumb-img {
  transform: scale(1.1);
}
.hero-card-slider .hero-card-content {
  padding-top: 22px;
}
.hero-card-slider .hero-card-content h4 {
  font-size: 22px;
  line-height: 150%;
  margin-bottom: 12px;
}
.hero-card-slider .hero-card-content .read-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #7256ff;
}
.hero-card-slider .hero-card-content .read-more-btn:hover {
  color: #fff;
}
.hero-card-slider .hero-card.greencycle-card .card-tag {
  width: 125px;
}
.hero-card-slider .hero-card.meditech-card .card-tag {
  width: 95px;
}
.hero-card-slider .hero-card.inserv-card .card-tag {
  width: 56px;
}

.hero-brand-content h4 {
  font-weight: 700;
  font-size: 30px;
  line-height: 150%;
  color: #ffffff;
  margin-bottom: 8px;
}
.hero-brand-content p {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.7);
}

.brand-slider .brand-logo {
  width: -moz-max-content;
  width: max-content;
}

.growth-form {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 767px) {
  .growth-form {
    grid-template-columns: 1fr;
  }
}
.growth-form .input-wrap {
  position: relative;
  z-index: 1;
}
.growth-form .input-wrap input {
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  line-height: 135%;
  color: #0b0b0b;
  padding: 16px 16px 16px 40px;
  background: #ededed;
  border-radius: 8px;
  border: 0;
}
.growth-form .input-wrap input::-webkit-input-placeholder {
  color: #a3a6ad;
}
.growth-form .input-wrap input:-moz-placeholder {
  color: #a3a6ad;
}
.growth-form .input-wrap input::-moz-placeholder {
  color: #a3a6ad;
}
.growth-form .input-wrap input:-ms-input-placeholder {
  color: #a3a6ad;
}
.growth-form .input-wrap .icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 14px;
}
.growth-form .select-wrap {
  position: relative;
  z-index: 1;
}
.growth-form .select-wrap select {
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  line-height: 135%;
  color: #a3a6ad;
  padding: 16px 16px 16px 40px;
  background: #ededed;
  border-radius: 8px;
  border: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.growth-form .select-wrap .icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 14px;
}
.growth-form .select-wrap .down-arrow {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  right: 14px;
  pointer-events: none;
}

.growth-card-content {
  position: relative;
  z-index: 1;
}
.growth-card-content a img {
  border-radius: 8px;
}
.growth-card-content .info-wrap {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .growth-card-content .info-wrap {
    padding: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-card-content .info-wrap {
    padding: 20px;
  }
}
.growth-card-content .info-wrap .info h4 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 24px;
  line-height: 124%;
  margin-bottom: 12px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .growth-card-content .info-wrap .info h4 {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-card-content .info-wrap .info h4 {
    font-size: 20px;
  }
}
.growth-card-content .info-wrap .info h4 a {
  display: block;
  color: #ffffff;
}
.growth-card-content .info-wrap .info h4 a:hover {
  color: #7256ff;
}
.growth-card-content .info-wrap .info .read-more-btn a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #ffffff;
}
.growth-card-content .info-wrap .info .read-more-btn a:hover {
  color: #7256ff;
}
.growth-card-content .info-wrap .info .read-more-btn a:hover svg {
  stroke: #7256ff;
}

.growth-content-wrap {
  padding: 40px;
  background: #8f33ff;
  border-radius: 18px;
  display: grid;
  grid-template-columns: 1fr 475px;
  align-items: center;
  gap: 60px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .growth-content-wrap {
    grid-template-columns: 1fr 375px;
    gap: 40px;
    padding: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-content-wrap {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .growth-content-wrap {
    grid-template-columns: 1fr;
    padding: 40px 24px;
  }
}
.growth-content-wrap .growth-contents {
  margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-content-wrap .growth-contents {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .growth-content-wrap .growth-contents {
    margin-top: 0;
  }
}
.growth-content-wrap .growth-contents .info {
  margin-bottom: 24px;
}
.growth-content-wrap .growth-contents .info h3 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 32px;
  line-height: 41px;
  color: #ffffff;
  margin-bottom: 16px;
}
.growth-content-wrap .growth-contents .info p {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #ffffff;
}
.growth-content-wrap .growth-contents .author-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 60px;
  padding: 24px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.growth-content-wrap .growth-contents .author-wrap .author-icon img {
  border-radius: 50%;
}
.growth-content-wrap .growth-contents .author-wrap .info {
  margin-bottom: 0;
}
.growth-content-wrap .growth-contents .author-wrap .info h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 2px;
}
.growth-content-wrap .growth-contents .author-wrap .info p {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: rgba(255, 255, 255, 0.85);
}
.growth-content-wrap .growth-contents .read-more-btn a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #ffffff;
}
.growth-content-wrap .growth-content-thumb {
  border-radius: 14px;
}

.cta-content-wrap {
  padding: 80px 20px;
  background-image: linear-gradient(
      109.87deg,
      rgba(72, 73, 77, 0.08) 5.73%,
      rgba(108, 96, 128, 0.064) 50.57%,
      rgba(142, 131, 166, 0.02) 100.09%
    ),
    linear-gradient(
      109.87deg,
      rgba(94, 94, 94, 0.075) 6%,
      rgba(94, 94, 94, 0.11) 31%,
      rgba(94, 94, 94, 0.11) 59%,
      rgba(94, 94, 94, 0.06) 100%
    );
  border-radius: 12px;
}
@media (max-width: 767px) {
  .cta-content-wrap {
    padding: 60px 20px;
  }
}
.cta-content-wrap .cta-content {
  max-width: 600px;
}
.cta-content-wrap h3 {
  font-weight: 800;
  font-size: 50px;
  line-height: 120%;
  background: linear-gradient(90deg, #111111 0%, #7256ff 113.4%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .cta-content-wrap h3 {
    font-size: 40px;
  }
}
.cta-content-wrap p {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(17, 17, 17, 0.85);
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .cta-content-wrap p {
    font-size: 18px;
  }
}
.cta-content-wrap .cta-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
@media (max-width: 767px) {
  .cta-content-wrap .cta-btn-wrap {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .cta-content-wrap .cta-btn-wrap .cta-btn {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .cta-content-wrap .cta-btn-wrap .cta-btn a {
    display: block;
  }
}

@media (min-width: 1200px) {
  .growth-row {
    --bs-gutter-x: 80px;
  }
}

@media (max-width: 767px) {
  .growth-contents-2 {
    margin-bottom: 60px;
  }
}
.growth-contents-2 .info {
  margin-bottom: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-contents-2 .info {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .growth-contents-2 .info {
    margin-bottom: 40px;
  }
}
.growth-contents-2 .info .subtitle {
  display: inline-block;
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  margin-bottom: 24px;
  padding: 10px 16px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 100px;
}
.growth-contents-2 .info .title {
  font-weight: 800;
  font-size: 56px;
  line-height: 130%;
  background: linear-gradient(180deg, #ffffff 0%, #f0f0f0 85.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .growth-contents-2 .info .title {
    font-size: 48px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-contents-2 .info .title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .growth-contents-2 .info .title {
    font-size: 44px;
  }
}
.growth-contents-2 .info p {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.85);
}
@media (min-width: 768px) and (max-width: 991px) {
  .growth-contents-2 .info p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .growth-contents-2 .info p {
    font-size: 18px;
  }
}
.growth-contents-2 .author-read-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 23px;
}
.growth-contents-2 .author-read-wrap .author-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
.growth-contents-2 .author-read-wrap .author-wrap .author-icon img {
  border-radius: 50%;
}
.growth-contents-2 .author-read-wrap .author-wrap .author-info h4 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  color: #ffffff;
  margin-bottom: 0;
}
.growth-contents-2 .author-read-wrap .author-wrap .author-info p {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: rgba(255, 255, 255, 0.8);
}
.growth-contents-2 .author-read-wrap .learn-more-btn-2 a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #7256ff;
}

.editors-text::after {
  content: '';
  width: 10000px;
  height: 1px;
  background: linear-gradient(
    270deg,
    rgba(68, 54, 137, 0.3) 0%,
    rgba(157, 62, 217, 0.3) 100%
  );
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media (max-width: 767px) {
  .editors-text::after {
    display: none;
  }
}
.editors-text h4 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: #ffffff;
  margin-bottom: 0;
  padding-right: 40px;
  background-color: #141414;
}
@media (max-width: 767px) {
  .editors-text h4 {
    padding-right: 0;
  }
}
.editors-text .editors-shape {
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.editors-content-wrap {
  padding: 24px 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
}
.editors-content-wrap .tag {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #ffffff;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 100px;
  margin-bottom: 22px;
}
.editors-content-wrap h3 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 28px;
  line-height: 140%;
  color: #ffffff;
  margin-bottom: 8px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .editors-content-wrap h3 {
    font-size: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .editors-content-wrap h3 {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .editors-content-wrap h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .editors-content-wrap h3 {
    font-size: 24px;
  }
}
.editors-content-wrap p {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 32px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .editors-content-wrap p {
    font-size: 16px;
  }
}
.editors-content-wrap .author-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 26px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.editors-content-wrap .author-wrap .author-icon img {
  border-radius: 50%;
}
.editors-content-wrap .author-wrap .info h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  margin-bottom: 2px;
}
.editors-content-wrap .author-wrap .info p {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 0;
}

.growth-section {
  position: relative;
  z-index: 1;
}
.growth-section .editors-shape {
  position: absolute;
  z-index: -1;
  top: 58%;
  transform: translateY(-30%);
  right: 0;
  max-width: 1340px;
  width: 100%;
}
.growth-section .editors-shape img {
  width: 100%;
}
.growth-section .s-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.growth-section .s-shape-2 {
  position: absolute;
  z-index: -1;
  top: 35%;
  right: 0;
}

.blog-content .thumb {
  margin-bottom: 18px;
  overflow: hidden;
  border-radius: 12px;
}
.blog-content .thumb a {
  border-radius: inherit;
  display: block;
}
.blog-content .thumb a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: inherit;
  transition: all 1s ease-in-out;
}
.blog-content .thumb:hover a img {
  transform: scale(1.1);
}
.blog-content .tag a {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  padding: 8px 14px;
  border-radius: 100px;
  margin-bottom: 12px;
  color: #ff0aa1;
  background: rgba(255, 10, 161, 0.1);
}
.blog-content .tag.blue a {
  color: #0a37ff;
  background: rgba(10, 55, 255, 0.1);
}
.blog-content .tag.green a {
  color: #17c100;
  background: rgba(23, 193, 0, 0.1);
}
.blog-content .tag.purple a {
  color: #a50aff;
  background: rgba(165, 10, 255, 0.1);
}
.blog-content h3 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  margin-bottom: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-content h3 {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .blog-content h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .blog-content h3 {
    font-size: 24px;
  }
}
.blog-content h3 a {
  color: #141414;
}
.blog-content h3 a:hover {
  color: #7256ff;
}
.blog-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #5a5d62;
  margin-bottom: 24px;
}
.blog-content .author-read-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog-content .author-read-wrap .author-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
.blog-content .author-read-wrap .author-wrap .info h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #101828;
  margin-bottom: 2px;
}
.blog-content .author-read-wrap .author-wrap .info p {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #475467;
  margin-bottom: 0;
}
.blog-content .author-read-wrap .learn-more-2 a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #7256ff;
}

.blog-tab .nav {
  border-bottom: 1px solid #e7e7e7;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.blog-tab .nav::-webkit-scrollbar {
  display: none;
}
.blog-tab .nav .nav-item {
  flex-shrink: 0;
}
.blog-tab .nav .nav-item .nav-link {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #757a85;
  padding: 10px 20px 18px;
  background: none;
  border: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-tab .nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 16px 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .blog-tab .nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 16px 14px;
  }
}
@media (max-width: 767px) {
  .blog-tab .nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 16px 14px;
  }
}
.blog-tab .nav .nav-item .nav-link.active {
  color: #7256ff;
  border-bottom: 1.5px solid #7256ff;
}

.back-btn {
  width: -moz-max-content;
  width: max-content;
  font-size: 18px;
  color: #141414;
  transition: all 0.3s;
}
.back-btn .icon {
  width: 32px;
  height: 32px;
  font-size: 14px;
  color: #fff;
  background: rgba(36, 36, 36, 0.5);
  transition: all 0.3s;
}
.back-btn:hover {
  color: rgba(114, 86, 255, 1);
}
.back-btn:hover .icon {
  background: rgba(114, 86, 255, 1);
}

.blog-details-section .blog-details-content {
  max-width: 640px;
}
.blog-details-section .blog-details-content .read-wrap {
  padding: 4px 12px 4px 4px;
  background: rgba(114, 86, 255, 0.12);
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.blog-details-section .blog-details-content .read-wrap .people {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #7256ff;
  padding: 2px 8px;
  background: #ffffff;
  border: 1px solid #7256ff;
  border-radius: 16px;
}
.blog-details-section .blog-details-content .read-wrap p {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #7256ff;
}
.blog-details-section .blog-details-content h2 {
  font-weight: 800;
  font-size: 44px;
  line-height: 135%;
  background: linear-gradient(180deg, #111111 0%, #222222 85.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 24px;
}
.blog-details-section .blog-details-content p {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(17, 17, 17, 0.85);
  margin-bottom: 0;
}
.blog-details-section .blog-thumb {
  border-radius: 16px;
}
.blog-details-section .blog-thumb img {
  min-height: 240px;
  border-radius: inherit;
  transition: all 1s ease-in-out;
}
.blog-details-section .blog-thumb:hover img {
  transform: scale(1.1);
}

.d-blog-section {
  border-top: 1px solid #dddbda;
}

.blog-author-info .author-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid #dddbda;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.blog-author-info .author-wrap .author-icon img {
  border-radius: 50%;
}
.blog-author-info .author-wrap .author-info h4 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #141414;
  margin-bottom: 0;
}
.blog-author-info .author-wrap .author-info p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgba(17, 17, 17, 0.85);
}
.blog-author-info .published .text {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #141414;
  margin-bottom: 12px;
}
.blog-author-info .published .date {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: rgba(17, 17, 17, 0.85);
  margin-bottom: 24px;
}
.blog-author-info .copy-btn a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #141414;
  padding: 8px 16px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #d0d5dd;
}
.blog-author-info .copy-btn a img {
  transition: all 0.3s;
}
.blog-author-info .copy-btn a:hover {
  color: #fff;
  background-color: #141414;
  border-color: #141414;
}
.blog-author-info .copy-btn a:hover img {
  filter: brightness(9999);
}
.blog-author-info .social-icon-wrap {
  margin-left: 12px;
  gap: 12px;
}
.blog-author-info .social-icon-wrap .social-icon {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  font-size: 20px;
  color: #141414;
}
.blog-author-info .social-icon-wrap .social-icon:hover {
  background-color: #141414;
  color: #fff;
  border-color: #141414;
}

.blog-content-info .title h3 {
  font-weight: 800;
  font-size: 30px;
  line-height: 150%;
  color: #141414;
  margin-bottom: 0;
}
.blog-content-info .text p {
  font-weight: 400;
  font-size: 18.5px;
  line-height: 160%;
  color: #5a5d62;
  margin-bottom: 0;
}
.blog-content-info .text p a {
  color: #5a5d62;
  border-bottom: 1px solid #5a5d62;
}
.blog-content-info .blog-thumb {
  border-radius: 12px;
  overflow: hidden;
}
.blog-content-info .blog-thumb img {
  width: 100%;
  height: 100%;
  min-height: 480px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: inherit;
  transition: all 1s ease-in-out;
}
@media (max-width: 767px) {
  .blog-content-info .blog-thumb img {
    -o-object-position: 50%;
    object-position: 50%;
  }
}
.blog-content-info .blog-thumb:hover img {
  transform: scale(1.1);
}
.blog-content-info .quote-wrap {
  padding-left: 20px;
  border-left: 2px solid #6941c6;
}
.blog-content-info .quote-wrap .quote {
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #141414;
  margin-bottom: 32px;
  font-style: italic;
}
.blog-content-info .quote-wrap .author {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #475467;
  margin-bottom: 0;
}
.blog-content-info .list-wrap ol {
  margin: 0;
  padding: 0 0 0 25px;
}
.blog-content-info .list-wrap ol li {
  font-weight: 400;
  font-size: 18.5px;
  line-height: 160%;
  color: #5a5d62;
}

.tam-section::after {
  content: '';
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #7256ff, rgba(114, 86, 255, 0.2));
  position: absolute;
  left: 0;
  bottom: 565px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .tam-section::after {
    bottom: 420px;
  }
}
@media (max-width: 767px) {
  .tam-section::after {
    display: none;
  }
}
.tam-section::before {
  content: '';
  position: absolute;
  width: 561px;
  height: 363px;
  left: -620px;
  bottom: 280px;
  background: #4222e1;
  filter: blur(250px);
  transform: rotate(-8.98deg);
}
.tam-section .tam-card-1::after {
  content: '';
  width: 10000px;
  height: 1px;
  background-color: rgba(114, 86, 255, 0.1803921569);
  position: absolute;
  right: 0;
  top: 235px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .tam-section .tam-card-1::after {
    top: 217px;
  }
}
@media (max-width: 767px) {
  .tam-section .tam-card-1::after {
    top: auto;
    bottom: 64px;
  }
}
@media (max-width: 767px) {
  .tam-section .tam-card-1 .growth-item-thumb img {
    max-width: 70%;
    min-width: 240px;
  }
}
.tam-section .tam-card-2::after {
  content: '';
  width: 10000px;
  height: 1px;
  background: linear-gradient(to right, rgba(114, 86, 255, 0.8), #7256ff);
  position: absolute;
  left: 100%;
  bottom: 156px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .tam-section .tam-card-2::after {
    bottom: 154px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .tam-section .tam-card-2::after {
    bottom: 210px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tam-section .tam-card-2::after {
    bottom: 162px;
  }
}
@media (max-width: 767px) {
  .tam-section .tam-card-2::after {
    display: none;
  }
}
.tam-section .tam-card-3 {
  padding-top: 40px;
}
@media (max-width: 767px) {
  .tam-section .tam-card-3 {
    padding-top: 20px;
  }
}
.tam-section .tam-card-3 .growth-item-thumb-2 img {
  max-width: 379px;
  box-shadow: 25px 15px 250px 0px rgba(114, 86, 255, 0.02);
}
@media (min-width: 768px) and (max-width: 991px) {
  .tam-section .tam-card-3 .growth-item-thumb-2 img {
    max-width: 280px;
  }
}
@media (max-width: 767px) {
  .tam-section .tam-card-3 .growth-item-thumb-2 img {
    max-width: 70%;
    min-width: 260px;
  }
}
@media (max-width: 767px) {
  .tam-section .tam-card-4 {
    padding-top: 20px;
  }
}

.unified-card-section::after {
  content: '';
  width: 560px;
  height: 363px;
  border-radius: 561.207px;
  background-color: #9d3dd9;
  filter: blur(250px);
  position: absolute;
  bottom: 225px;
  right: -630px;
}
.unified-card-section .unified-area-wrapper::after {
  content: '';
  width: 10000px;
  height: 192px;
  border-top: 1px solid rgba(114, 86, 255, 0.2509803922);
  border-left: 1px solid rgba(114, 86, 255, 0.2509803922);
  border-top-left-radius: 12px;
  position: absolute;
  top: 11px;
  left: 978px;
}
.unified-card-section .unified-area-wrapper::before {
  content: '';
  width: 10000px;
  height: 1px;
  background: linear-gradient(to left, #7256ff, #9d3dd9);
  position: absolute;
  top: 40%;
  right: 100%;
}
@media (max-width: 767px) {
  .unified-card-section .unified-area-wrapper::before {
    display: none;
  }
}
.unified-card-section .unified-body {
  color: #c0c2c7;
  font-size: 18px;
}
.unified-card-section .bg-pattern {
  bottom: 146px;
  max-width: 960px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .unified-card-section .bg-pattern {
    bottom: 85px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .unified-card-section .bg-pattern {
    bottom: 86px;
    max-width: 700px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .unified-card-section .bg-pattern {
    bottom: 48px;
    max-width: 700px;
  }
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.0784313725);
  opacity: 1 !important;
  margin: 0 4px !important;
  transition: all 0.3s;
}
.swiper-pagination-bullet:hover {
  background-color: #7256ff !important;
}
.swiper-pagination-bullet-active {
  background-color: #7256ff !important;
}

.swiper-pagination.light .swiper-pagination-bullet {
  background-color: rgba(0, 0, 0, 0.08);
}
.swiper-pagination.style-2 .swiper-pagination-bullet {
  margin: 0 5px !important;
}
.swiper-pagination.style-2 .swiper-pagination-bullet-active {
  width: 32px;
}

.slider-btn-wrapper {
  gap: 14px;
}
.slider-btn-wrapper .slider-btn {
  width: 52px;
  height: 52px;
  background: rgba(36, 36, 36, 0.5);
  font-size: 20px;
  color: rgba(255, 255, 255, 0.5);
}
.slider-btn-wrapper .slider-btn:hover {
  color: #ffffff;
  background: #242424;
}

.testimonial-section::after {
  content: '';
  width: 561px;
  height: 363px;
  position: absolute;
  right: -620px;
  top: 68px;
  background: #4222e1;
  filter: blur(250px);
  transform: matrix(-0.91, -0.41, -0.41, 0.91, 0, 0);
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 991px) {
  .testimonial-section::after {
    top: 200px;
  }
}
@media (max-width: 767px) {
  .testimonial-section::after {
    top: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .testimonial-section-wrapper {
    gap: 75px;
  }
}
@media (max-width: 767px) {
  .testimonial-section-wrapper {
    gap: 75px;
  }
}
.testimonial-section-wrapper .common-title-wrap {
  padding-right: 95px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .testimonial-section-wrapper .common-title-wrap {
    padding-right: 60px;
  }
}
.testimonial-section-wrapper .common-title-wrap .border-shape {
  width: 196px;
  right: 0;
  bottom: -6px;
  z-index: -1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .testimonial-section-wrapper .common-title-wrap .border-shape {
    width: 140px;
  }
}
.testimonial-section-wrapper .testimonial-slider-container {
  width: 648px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .testimonial-section-wrapper .testimonial-slider-container {
    width: 540px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .testimonial-section-wrapper .testimonial-slider-container {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .testimonial-section-wrapper .testimonial-slider-container {
    width: 100%;
  }
}
.testimonial-section-wrapper .testimonial-slider-container::after {
  content: '';
  width: 10000px;
  height: 1px;
  background: linear-gradient(to right, rgba(114, 86, 255, 0.8), #7256ff);
  position: absolute;
  bottom: 114px;
  left: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .testimonial-section-wrapper .testimonial-slider-container::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .testimonial-section-wrapper .testimonial-slider-container::after {
    display: none;
  }
}
.testimonial-section-wrapper .testimonial-slider-container .testimonial-item {
  border: 0.5px solid transparent;
  border-radius: 12px;
  background-image: linear-gradient(
      109.87deg,
      #191919 5.73%,
      #1b1a1c 50.57%,
      #171718 100.09%
    ),
    linear-gradient(
      109.87deg,
      rgba(255, 255, 255, 0.2) 6%,
      rgba(94, 94, 94, 0.16) 31%,
      rgba(94, 94, 94, 0.155) 59%,
      rgba(255, 255, 255, 0.1) 100%
    );
  background-origin: border-box;
  background-clip: padding-box, border-box;
  padding: 30px 24px;
}
.testimonial-section-wrapper
  .testimonial-slider-container
  .testimonial-item
  .qoute-icon {
  width: 73px;
}
.testimonial-section-wrapper
  .testimonial-slider-container
  .testimonial-item
  .testimonial-desc {
  color: rgba(255, 255, 255, 0.75);
  font-size: 18px;
  line-height: 132%;
  margin-bottom: 90px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .testimonial-section-wrapper
    .testimonial-slider-container
    .testimonial-item
    .testimonial-desc {
    margin-bottom: 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .testimonial-section-wrapper
    .testimonial-slider-container
    .testimonial-item
    .testimonial-desc {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .testimonial-section-wrapper
    .testimonial-slider-container
    .testimonial-item
    .testimonial-desc {
    margin-bottom: 30px;
  }
}
.testimonial-section-wrapper
  .testimonial-slider-container
  .testimonial-item
  .user-info
  .user-img {
  width: 40px;
  height: 40px;
  border: 1px solid #a796ff;
}
.testimonial-section-wrapper
  .testimonial-slider-container
  .testimonial-item
  .user-info
  .user-name {
  background: linear-gradient(90deg, #fff 5.96%, #7256ff 35.75%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 150%;
}
.testimonial-section-wrapper
  .testimonial-slider-container
  .testimonial-item
  .user-info
  .user-designation {
  color: rgba(255, 255, 255, 0.8509803922);
}

.service-register-hero .hero-thumb::after {
  height: 325px;
  background: linear-gradient(
    to bottom,
    rgba(255, 125, 14, 0.8980392157),
    rgba(255, 125, 14, 0.3215686275)
  );
  top: 470px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-register-hero .hero-thumb::after {
    height: 290px;
    top: 350px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-register-hero .hero-thumb::after {
    height: 240px;
    top: 260px;
  }
}
@media (max-width: 767px) {
  .service-register-hero .hero-thumb::after {
    display: none;
  }
}

.service-ein-hero .hero-thumb::after {
  height: 486px;
  background: linear-gradient(to bottom, #27ae60, #464646);
  top: 400px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .service-ein-hero .hero-thumb::after {
    height: 440px;
    top: 377px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-ein-hero .hero-thumb::after {
    height: 381px;
    top: 314px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-ein-hero .hero-thumb::after {
    height: 343px;
    top: 228px;
  }
}
@media (max-width: 767px) {
  .service-ein-hero .hero-thumb::after {
    height: 255px;
    top: 290px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .service-ein-hero .hero-thumb::after {
    height: 280px;
    top: 425px;
  }
}

.service-build-hero .hero-thumb::after {
  background: linear-gradient(to bottom, #e8c923, #464646);
  height: 515px;
  top: 370px;
  right: 203px;
  transform: unset;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .service-build-hero .hero-thumb::after {
    height: 495px;
    top: 350px;
    right: 192px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-build-hero .hero-thumb::after {
    height: 460px;
    top: 290px;
    right: 159px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-build-hero .hero-thumb::after {
    height: 373px;
    top: 215px;
    right: 116px;
  }
}
@media (max-width: 767px) {
  .service-build-hero .hero-thumb::after {
    height: 475px;
    top: 221px;
    right: 70px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .service-build-hero .hero-thumb::after {
    height: 280px;
    top: 385px;
    right: 216px;
  }
}

.service-copyright-hero .hero-thumb::after {
  background: linear-gradient(
    to bottom,
    #374952,
    rgba(47, 128, 237, 0.7490196078),
    #464646
  );
  height: 590px;
  top: 292px;
  right: 190px;
  transform: unset;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .service-copyright-hero .hero-thumb::after {
    height: 540px;
    top: 275px;
    right: 180px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-copyright-hero .hero-thumb::after {
    height: 498px;
    top: 230px;
    right: 145px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-copyright-hero .hero-thumb::after {
    height: 456px;
    top: 166px;
    right: 102px;
  }
}
@media (max-width: 767px) {
  .service-copyright-hero .hero-thumb::after {
    height: 94px;
    top: 87%;
    right: 39%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .service-copyright-hero .hero-thumb::after {
    height: 94px;
    top: 312px;
    right: 195px;
  }
}

.service-annual-hero .hero-thumb::after {
  background: linear-gradient(
    to bottom,
    #263238,
    rgba(36, 91, 242, 0.5019607843)
  );
  height: 310px;
  top: auto;
  bottom: -245px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .service-annual-hero .hero-thumb::after {
    height: 265px;
    bottom: -200px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-annual-hero .hero-thumb::after {
    height: 215px;
    bottom: -160px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-annual-hero .hero-thumb::after {
    height: 175px;
    bottom: -134px;
  }
}
@media (max-width: 767px) {
  .service-annual-hero .hero-thumb::after {
    height: 190px;
    bottom: -120px;
  }
}

.service-close-hero .hero-thumb::after {
  background: linear-gradient(
    to bottom,
    #263238,
    rgba(255, 78, 66, 0.6509803922)
  );
  height: 298px;
  top: auto;
  bottom: -300px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .service-close-hero .hero-thumb::after {
    height: 265px;
    bottom: -250px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-close-hero .hero-thumb::after {
    height: 215px;
    bottom: -210px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-close-hero .hero-thumb::after {
    height: 190px;
    bottom: -195px;
  }
}
@media (max-width: 767px) {
  .service-close-hero .hero-thumb::after {
    height: 180px;
    bottom: -115px;
  }
}

.seo-card {
  max-width: 465px;
  padding: 20px 24px;
  border-radius: 16px;
  border: 1px solid rgba(114, 86, 255, 0.1);
  background: rgba(157, 62, 217, 0.04);
}
@media (max-width: 767px) {
  .seo-card {
    padding: 20px 20px;
  }
}
.seo-card-img {
  max-width: 160px;
}
.seo-card-title {
  font-size: 18px;
  margin: 25px 10px;
}
.seo-card-desc {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 25px;
}
.seo-card-btn {
  font-size: 16px;
  line-height: 1;
  padding: 16px;
}
.seo-card-btn.with-border {
  border: 1px solid rgba(114, 86, 255, 0.2);
  background-color: transparent;
}
.seo-card-btn.with-border:hover {
  background-color: #fff;
  border-color: #fff;
  color: #7256ff;
}
.seo-card-btn-wrapper {
  gap: 10px;
  margin-top: 10px;
}

.progress-thumb {
  max-width: 374px;
}

.suggestion-section .suggestion-thumb {
  max-width: 460px;
}

.document-storage-thumb {
  max-width: 400px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .document-storage-content .title {
    font-size: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .document-storage-content .text {
    font-size: 18px;
  }
}

.document-card {
  padding: 32px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .document-card {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .document-card {
    padding: 24px;
  }
}
.document-card-content-title {
  font-family: 'Satoshi';
  font-size: 24px;
  line-height: 150%;
  background: linear-gradient(90deg, #fff 13%, #7256ff 84.47%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.document-card-content-desc {
  color: rgba(255, 255, 255, 0.75);
  font-family: 'Satoshi';
  font-size: 18px;
  line-height: 150%;
}
.document-card.document-centralized .document-card-thumb {
  max-width: 330px;
  padding-top: 20px;
}

.business-cta {
  border-radius: 14px;
  border: 1px dashed #7256ff;
  padding: 133px 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .business-cta {
    padding: 100px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .business-cta {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .business-cta {
    padding: 60px 24px;
  }
}
.business-cta .use-content {
  max-width: 820px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .business-cta .use-content {
    max-width: 570px;
  }
}

.about-section {
  background-color: #f7f7f7;
}

.next-btn {
  font-size: 18px;
  line-height: 150%;
  color: #7256ff;
}
@media (min-width: 768px) and (max-width: 991px) {
  .next-btn {
    font-size: 16px;
  }
}

.story-section::after {
  content: '';
  width: 561px;
  height: 363px;
  transform: rotate(78deg);
  position: absolute;
  right: -530px;
  top: -150px;
  background: #4222e1;
  filter: blur(250px);
}
.story-section .story-content {
  border-right: 1px solid rgba(0, 0, 0, 0.14);
}
@media (max-width: 767px) {
  .story-section .story-content {
    border-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  }
}

.news-hero .hero-content {
  max-width: 740px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .news-hero .hero-content {
    max-width: 630px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .news-hero .hero-content {
    max-width: 540px;
  }
}
.news-hero .common-shape-right {
  right: -540px;
  bottom: -227px;
  top: auto;
}

.news-type-card-wrapper {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .news-type-card-wrapper {
    grid-template-columns: 1fr;
  }
}
.news-type-card-wrapper .news-type-card {
  padding: 56px 40px 40px 40px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .news-type-card-wrapper .news-type-card {
    padding: 40px 30px 30px 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .news-type-card-wrapper .news-type-card {
    padding: 36px 24px 24px 24px;
  }
}
@media (max-width: 767px) {
  .news-type-card-wrapper .news-type-card {
    padding: 40px 24px !important;
    border-right: 0;
  }
}
.news-type-card-wrapper .news-type-card:first-child {
  padding-left: 0;
}
.news-type-card-wrapper .news-type-card:last-child {
  border-right: 0;
}
.news-type-card-wrapper .news-type-card .card-icon {
  width: 40px;
  margin-bottom: 20px;
}
.news-type-card-wrapper .news-type-card .card-title {
  background: linear-gradient(90deg, #fff 20.5%, #7256ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 22px;
  margin-bottom: 6px;
  font-family: 'Satoshi';
}
.news-type-card-wrapper .news-type-card .card-desc {
  color: #a6adbd;
  font-family: 'Satoshi';
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .news-type-card-wrapper .news-type-card .card-desc {
    font-size: 16px;
  }
}
.news-type-card-wrapper .news-type-card .card-btn {
  font-size: 18px;
  color: #7256ff;
}

.news-wrapper-title .common-title-body {
  max-width: 540px;
  margin-top: 10px;
}
.news-wrapper-title .common-title.big {
  font-size: 56px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .news-wrapper-title .common-title.big {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .news-wrapper-title .common-title.big {
    font-size: 44px;
  }
}
.news-wrapper .back-btn {
  color: #53575e;
}
.news-wrapper .back-btn:hover {
  color: #7256ff;
}
.news-wrapper .news-card-wrapper {
  margin: 36px 0;
}
.news-wrapper .news-card-wrapper .row {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 36px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .news-wrapper .news-card-wrapper .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .news-wrapper .news-card-wrapper .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 28px;
  }
}
@media (max-width: 767px) {
  .news-wrapper .news-card-wrapper .row {
    --bs-gutter-y: 24px;
  }
}
.news-wrapper .news-card-wrapper .news-card {
  border-radius: 12px;
  background-color: #ebebeb;
  padding: 26px 24px;
  min-height: 280px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .news-wrapper .news-card-wrapper .news-card {
    padding: 22px 20px;
  }
}
.news-wrapper .news-card-wrapper .news-card-title {
  color: #141414;
  font-family: 'Satoshi';
  margin-bottom: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .news-wrapper .news-card-wrapper .news-card-title {
    font-size: 20px;
  }
}
.news-wrapper .news-card-wrapper .news-card-title:hover {
  color: #7256ff;
}
.news-wrapper .news-card-wrapper .news-card-info p {
  color: #5a5d62;
  position: relative;
}
.news-wrapper .news-card-wrapper .news-card-info .news-subject {
  padding-right: 20px;
}
.news-wrapper .news-card-wrapper .news-card-info .news-subject::after {
  content: '';
  width: 3px;
  height: 3px;
  background-color: #5a5d62;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 9px;
}
.news-wrapper .news-card-wrapper .news-card-btn {
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.news-wrapper .news-card-wrapper .news-card-btn a {
  color: #7256ff;
}
.news-wrapper .news-card-wrapper .news-card-btn a:hover {
  color: #141414;
}

.team-hero .hero-content {
  max-width: 960px;
}
.team-hero .hero-content .common-title {
  font-size: 56px;
  line-height: 125%;
  margin-bottom: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-hero .hero-content .common-title {
    font-size: 48px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .team-hero .hero-content .common-title {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .team-hero .hero-content .common-title {
    font-size: 44px;
  }
}
.team-hero .hero-content .common-title-body {
  margin-bottom: 32px;
}
.team-hero .hero-thumb-wrapper {
  max-width: 1920px;
}
@media (max-width: 767px) {
  .team-hero .hero-thumb-wrapper {
    background-color: #141414;
  }
}
.team-hero .hero-thumb-wrapper .row {
  --bs-gutter-x: 12px;
}
@media (max-width: 767px) {
  .team-hero .hero-thumb-wrapper .row {
    --bs-gutter-x: 4px;
  }
}
.team-hero .hero-thumb-wrapper .hero-thumb::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    0deg,
    rgba(33, 20, 82, 0.16) 0%,
    rgba(33, 20, 82, 0.16) 100%
  );
}
.team-hero .hero-thumb-wrapper .hero-thumb img {
  min-height: 326px;
  transition: all 1s ease-in-out;
}
.team-hero .hero-thumb-wrapper .hero-thumb:hover img {
  transform: scale(1.1);
}

.team-section .row {
  --bs-gutter-x: 80px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .team-section .row {
    --bs-gutter-x: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-section .row {
    --bs-gutter-x: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .team-section .row {
    --bs-gutter-y: 40px;
  }
}
@media (max-width: 767px) {
  .team-section .row {
    --bs-gutter-y: 40px;
  }
}
.team-section-title .common-title {
  font-size: 42px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-section-title .common-title {
    font-size: 38px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-section .team-member-list {
    padding-left: 40px;
  }
}
.team-section .team-member-list .row {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 36px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-section .team-member-list .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .team-section .team-member-list .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 28px;
  }
}
@media (max-width: 767px) {
  .team-section .team-member-list .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 28px;
  }
}
.team-section .team-member-list .team-member-img {
  border-radius: 12px;
  margin-bottom: 16px;
}
.team-section .team-member-list .team-member-img img {
  border-radius: inherit;
  transition: all 1s ease-in-out;
}
.team-section .team-member-list .team-member-img:hover img {
  transform: scale(1.1);
}
.team-section .team-member-list .team-member-name {
  color: #141414;
  font-family: 'Satoshi';
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-section .team-member-list .team-member-name {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .team-section .team-member-list .team-member-name {
    font-size: 18px;
  }
}
.team-section .team-member-list .team-member-designation {
  color: #5a5d62;
  font-family: 'Satoshi';
  font-size: 18px;
  display: block;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-section .team-member-list .team-member-designation {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .team-section .team-member-list .team-member-designation {
    font-size: 16px;
  }
}

.review-section {
  border-top: 1px solid rgba(114, 86, 255, 0.12);
  background: linear-gradient(
      0deg,
      rgba(114, 86, 255, 0.05) 0%,
      rgba(114, 86, 255, 0.05) 100%
    ),
    #f2f2f2;
}
.review-section .bg-pattern {
  max-width: 1440px;
  z-index: -1;
}
.review-section .review-slider-container {
  gap: 45px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .review-section .review-slider-container {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .review-section .review-slider-container {
    gap: 40px;
  }
}
.review-section .review-slider-container .review-slider {
  max-width: 570px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .review-section .review-slider-container .review-slider {
    max-width: 520px;
  }
}
@media (max-width: 767px) {
  .review-section .review-slider-container .review-slider {
    max-width: 100%;
  }
}
.review-section .review-slider-container .review-slider .review-slide {
  padding: 14px 0;
}
.review-section .review-slider-container .review-slider .review-slide::before {
  content: '';
  width: calc(100% - 32px);
  height: 100%;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.56);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.review-section .review-slider-container .review-slider .review-slide-card {
  padding: 58px 16px 28px;
  border-radius: 16px;
  background-color: #fff;
  gap: 24px;
}
.review-section
  .review-slider-container
  .review-slider
  .review-slide-card::before {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ebebea;
  border: 1px solid #e5e5e3;
  box-shadow: 0px 4px 4px 0px rgba(53, 34, 147, 0.2) inset;
  position: absolute;
  top: 16px;
  left: 16px;
}
.review-section
  .review-slider-container
  .review-slider
  .review-slide-card::after {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ebebea;
  border: 1px solid #e5e5e3;
  box-shadow: 0px 4px 4px 0px rgba(53, 34, 147, 0.2) inset;
  position: absolute;
  top: 16px;
  right: 16px;
}
.review-section
  .review-slider-container
  .review-slider
  .review-slide-card
  .review {
  color: #141414;
  font-size: 18px;
  line-height: 132%;
}
.review-section
  .review-slider-container
  .review-slider
  .review-slide-card
  .reviewer-info
  h5 {
  color: #141414;
  font-family: 'Satoshi';
  margin-bottom: 4px;
}
.review-section
  .review-slider-container
  .review-slider
  .review-slide-card
  .reviewer-info
  p {
  color: rgba(17, 17, 17, 0.8509803922);
}
.review-section
  .review-slider-container
  .review-slider
  .review-slide-card
  .reviewer-info
  p
  .designation {
  padding-right: 20px;
}
.review-section
  .review-slider-container
  .review-slider
  .review-slide-card
  .reviewer-info
  p
  .designation::after {
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #5a5d62;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}
.review-section .review-slider-container .slider-btn {
  width: 52px;
  height: 52px;
  opacity: 0.32;
  background-color: #242424;
  color: #fff;
  font-size: 24px;
  transition: all 0.3s;
}
.review-section .review-slider-container .slider-btn:hover {
  opacity: 1;
}

.job-section-wrapper {
  max-width: 960px;
}
.job-section-wrapper .growth-form {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 767px) {
  .job-section-wrapper .growth-form {
    grid-template-columns: 1fr;
  }
}
.job-section-wrapper .job-info {
  gap: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.job-section-wrapper .job-info p {
  color: #404349;
}
.job-section-wrapper .job-info p img {
  width: 18px;
}
.job-section-wrapper .apply-btn:hover {
  background-color: #141414;
  color: #fff;
}
.job-section .job-card {
  border-radius: 12px;
  border: 1px solid #f2f1ef;
  background: #fff;
  box-shadow: 0px 1px 32px 0px rgba(0, 0, 0, 0.02);
  padding: 24px;
}
.job-section .job-card-header .job-title {
  color: #141414;
  font-family: 'Satoshi';
  font-size: 18px;
}
.job-section .job-card-header .job-title p {
  color: #404349;
  font-weight: 400;
}
.job-section .job-card-header .job-status {
  font-size: 18px;
  color: #404349;
}
.job-section .job-card-header .job-status img {
  width: 18px;
}
.job-section .job-card-header .job-location {
  font-size: 18px;
  color: #404349;
}
.job-section .job-card-header .job-location img {
  width: 22px;
}
.job-section .job-card-header .job-collapse-toggle {
  width: 26px;
  height: 26px;
  border: 1px solid #7d7c7a;
  position: relative;
}
.job-section .job-card-header .job-collapse-toggle::after {
  content: '+';
  font-family: 'Font Awesome 6 Pro';
  font-size: 12px;
  color: #7d7c7a;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}
.job-section
  .job-card-header
  .job-collapse-toggle[aria-expanded='true']::after {
  content: '\f068';
}
.job-section .job-card-body .job-desc {
  color: #6a6f79;
  line-height: 160%;
  margin: 20px 0;
}
.job-section .job-card-body .read-more-btn {
  color: #7256ff;
  font-size: 18px;
  transition: all 0.3s;
}
.job-section .job-card-body .read-more-btn:hover {
  color: #141414;
}
.job-section .job-empty-icon {
  width: 124px;
}
.job-section .job-empty-title {
  font-size: 22px;
  color: #141414;
  margin-bottom: 10px;
  font-family: 'Satoshi';
}
.job-section .job-empty-desc {
  color: #5a5d62;
  font-size: 18px;
  max-width: 500px;
}

.job-detail-section .back-btn {
  font-size: 16px;
  color: #53575e;
}
.job-detail-section .back-btn:hover {
  color: #7256ff;
}
.job-detail-section .job-detail-wrapper {
  gap: 48px;
}
@media (max-width: 767px) {
  .job-detail-section .job-detail-wrapper {
    gap: 40px;
  }
}
.job-detail-section .job-detail-wrapper .job-detail-title {
  font-family: 'Satoshi';
  font-size: 22px;
  color: #141414;
}
.job-detail-section .job-detail-wrapper .job-detail-desc {
  font-size: 18.5px;
  line-height: 160%;
  color: #5a5d62;
}
@media (max-width: 767px) {
  .job-detail-section .job-detail-wrapper .job-detail-desc {
    font-size: 18px;
  }
}

.support-section-title {
  margin-bottom: 32px;
}
.support-section-title .common-title {
  font-size: 48px;
  margin-bottom: 6px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .support-section-title .common-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .support-section-title .common-title {
    font-size: 36px;
  }
}
.support-section .search-bar {
  max-width: 600px;
}
.support-section .search-bar .search-icon {
  left: 12px;
  line-height: 1;
}
.support-section .search-bar .search-icon img {
  width: 18px;
}
.support-section .search-bar .search-input {
  padding: 12px 12px 12px 38px;
  border-radius: 12px;
  background-color: #ebebeb;
  font-size: 14px;
  color: #858d9d;
}
.support-section .search-bar .search-input::-moz-placeholder {
  color: #91959d;
}
.support-section .search-bar .search-input::placeholder {
  color: #91959d;
}
.support-section .tag-btn {
  font-size: 14px;
  color: #404349;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  padding: 11px;
}
.support-section .tag-btn:hover {
  background-color: #e0e0e0;
}
.support-section .support-card-wrapper .row {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .support-section .support-card-wrapper .row {
    --bs-gutter-x: 28px;
    --bs-gutter-y: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .support-section .support-card-wrapper .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
  }
}
@media (max-width: 767px) {
  .support-section .support-card-wrapper .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
  }
}
.support-section .support-card-wrapper .support-card {
  padding: 28px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background-color: #f0f0f0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .support-section .support-card-wrapper .support-card {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .support-section .support-card-wrapper .support-card {
    padding: 20px;
  }
}
.support-section .support-card-wrapper .support-card-icon {
  width: 48px;
  margin-bottom: 27px;
}
.support-section .support-card-wrapper .support-card-title {
  color: #313338;
  font-size: 22px;
  line-height: normal;
  margin-bottom: 10px;
  font-family: 'Satoshi';
}
.support-section .support-card-wrapper .support-card-desc {
  color: #404349;
  line-height: 20px;
}
.support-section .question-blk-wrapper .row {
  --bs-gutter-x: 60px;
  --bs-gutter-y: 60px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .support-section .question-blk-wrapper .row {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .support-section .question-blk-wrapper .row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
  }
}
@media (max-width: 767px) {
  .support-section .question-blk-wrapper .row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
  }
}
.support-section .question-blk-wrapper .question-blk-title {
  font-family: 'Satoshi';
  font-size: 22px;
  color: #313338;
}
.support-section .question-blk-wrapper .question-blk .question-list {
  margin: 6px 0;
}
.support-section .question-blk-wrapper .question-blk .question-list li a {
  color: rgba(0, 0, 0, 0.85);
  font-size: 20px;
  line-height: normal;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 24px 0;
}
@media (max-width: 767px) {
  .support-section .question-blk-wrapper .question-blk .question-list li a {
    font-size: 18px;
    padding: 20px 0;
  }
}
.support-section .question-blk-wrapper .question-blk .question-list li a:hover {
  color: #7256ff;
}
.support-section .question-blk-wrapper .question-blk .question-list li a span {
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .support-section
    .question-blk-wrapper
    .question-blk
    .question-list
    li
    a
    span {
    white-space: wrap;
  }
}
.support-section .question-blk-wrapper .question-blk .question-list li a i {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.support-section .question-blk-wrapper .question-blk .see-all-btn {
  padding: 16px 0;
  font-size: 18px;
  line-height: 1.5;
  color: #7256ff;
  gap: 6px;
}
.support-section .question-blk-wrapper .question-blk .see-all-btn:hover {
  color: #141414;
  gap: 12px;
}
.support-section .setting-account-wrapper {
  max-width: 960px;
}
.support-section .setting-account-wrapper .row {
  --bs-gutter-x: 30px;
}
.support-section .setting-account-wrapper .setup-account {
  max-width: 600px;
}
.support-section .setting-account-wrapper .setup-account-title {
  color: rgba(17, 17, 17, 0.85);
  font-size: 20px;
  line-height: 150%;
}
.support-section .setting-account-wrapper .setup-account-step {
  padding-left: 24px;
}
.support-section .setting-account-wrapper .setup-account-step li {
  color: rgba(17, 17, 17, 0.85);
  font-size: 20px;
  line-height: 150%;
}
.support-section .setting-account-wrapper .setup-account-step li::marker {
  font-weight: 700;
}
.support-section .setting-account-wrapper .setup-account-step li a {
  color: #7256ff;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
.support-section .setting-account-wrapper .setup-account-step li a:hover {
  color: #141414;
}
.support-section .setting-account-wrapper .question-blk {
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.02);
  background-color: #f0f0f0;
  padding: 24px;
}
.support-section .setting-account-wrapper .question-blk li a {
  color: rgba(0, 0, 0, 0.8509803922);
  font-size: 18px !important;
  line-height: normal;
  padding: 20px 0 !important;
}
.support-section .setting-account-wrapper .question-blk li a span {
  white-space: wrap !important;
}

.pagination {
  margin-bottom: 10px;
}
.pagination li {
  font-size: 18px;
  line-height: 150%;
  color: #404349;
}
.pagination li a {
  color: #7256ff;
}
.pagination li.arrow-right {
  width: 16px;
  height: 16px;
  color: #91959d;
  font-size: 16px;
}

.contact-section-wrapper .row {
  --bs-gutter-x: 100px;
  --bs-gutter-y: 60px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contact-section-wrapper .row {
    --bs-gutter-x: 60px;
  }
}
.contact-section .contact-brand {
  gap: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.contact-section .contact-brand-slider .swiper-slide {
  width: -moz-max-content;
  width: max-content;
}
.contact-section .testimonial-desc {
  color: #313338;
  line-height: 132%;
  font-style: italic;
}
.contact-section .testimonial .client-info h6 {
  font-size: 18px;
  line-height: 132%;
  color: #313338;
}
.contact-section .testimonial .client-info span {
  color: #6a6f79;
  line-height: 132%;
}
.contact-section .contact-form {
  padding: 36px 32px;
  border-radius: 12px;
  gap: 22px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contact-section .contact-form {
    padding: 36px 24px;
  }
}
@media (max-width: 767px) {
  .contact-section .contact-form {
    padding: 36px 20px;
  }
}
.contact-section .contact-form .form-input-wrapper {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 767px) {
  .contact-section .contact-form .form-input-wrapper {
    grid-template-columns: 1fr;
  }
}
.contact-section .contact-form .form-input label {
  color: #5d6679;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 10px;
}
.contact-section .contact-form .form-input .input-field {
  border-radius: 12px;
  background-color: #f5f5f5;
  padding: 12px;
  font-size: 14px;
  color: #5d6679;
  line-height: 135%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.contact-section .contact-form .form-input .input-field::-moz-placeholder {
  color: #91959d;
}
.contact-section .contact-form .form-input .input-field::placeholder {
  color: #91959d;
}
.contact-section .contact-form .form-input textarea {
  height: 150px;
  resize: none;
}
.contact-section .contact-form .form-input .arrow-down {
  width: 18px;
  height: 18px;
  right: 12px;
  bottom: 12px;
}
.contact-section .contact-form .form-input .arrow-down img {
  width: 100%;
}
.contact-section .contact-form .form-btn {
  width: -moz-max-content;
  width: max-content;
}
.contact-section .contact-form .form-btn:hover {
  background-color: #141414;
  color: #fff;
}

.pricing-section-title .common-title {
  max-width: 600px;
}
.pricing-section .pricing-tab-wrapper {
  grid-template-columns: 240px auto;
  gap: 28px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pricing-section .pricing-tab-wrapper {
    grid-template-columns: 210px auto;
    gap: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pricing-section .pricing-tab-wrapper {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .pricing-section .pricing-tab-wrapper {
    grid-template-columns: 1fr;
  }
}
.pricing-section .price-tab {
  border-radius: 12px;
  border: 1px solid rgba(114, 86, 255, 0.08);
  background: rgba(114, 86, 255, 0.08);
  -webkit-backdrop-filter: blur(12.5px);
  backdrop-filter: blur(12.5px);
  padding: 8px;
  gap: 6px;
  width: -moz-max-content;
  width: max-content;
}
.pricing-section .price-tab li button {
  color: #2b2f38;
  line-height: 120%;
  padding: 12px 16px;
  border-radius: 12px;
}
.pricing-section .price-tab li button.active {
  background-color: #f5f5f5;
  color: #313338;
  font-weight: 700;
}
.pricing-section .save-text {
  color: rgba(17, 17, 17, 0.85);
  font-size: 18px;
  line-height: 150%;
}
.pricing-section .price-card-wrapper {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 767px) {
  .pricing-section .price-card-wrapper {
    grid-template-columns: 1fr;
  }
}
.pricing-section .price-card-wrapper .price-card {
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background-color: #f0f0f0;
  padding: 32px 28px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pricing-section .price-card-wrapper .price-card {
    padding: 24px 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pricing-section .price-card-wrapper .price-card {
    padding: 24px 20px;
  }
}
.pricing-section .price-card-wrapper .price-card.popular {
  background: linear-gradient(
      0deg,
      rgba(114, 86, 255, 0.06) 0%,
      rgba(114, 86, 255, 0.06) 100%
    ),
    #f0f0f0;
}
.pricing-section .price-card-wrapper .price-card-title {
  color: #313338;
  font-size: 22px;
  margin-bottom: 10px;
  font-family: 'Satoshi';
}
.pricing-section .price-card-wrapper .price-card-price {
  gap: 12px;
  margin-bottom: 10px;
}
.pricing-section .price-card-wrapper .price-card-price .price-amount {
  gap: 6px;
}
.pricing-section .price-card-wrapper .price-card-price .price-amount span {
  font-size: 18px;
  color: #8d92a5;
}
.pricing-section .price-card-wrapper .price-card-price .price-amount h4 {
  font-size: 32px;
  color: #313338;
  font-family: 'Satoshi';
}
.pricing-section .price-card-wrapper .price-card-price p {
  font-size: 12px;
  color: #5a5f72;
  line-height: 20px;
}
.pricing-section .price-card-wrapper .price-card-desc {
  color: #53575e;
  line-height: 20px;
  margin-bottom: 32px;
}
.pricing-section .price-card-wrapper .price-card-btn {
  padding: 12.5px 20px;
}
.pricing-section .price-card-wrapper .price-card-btn:hover {
  background-color: #141414;
  color: #fff;
}
.pricing-section .price-card-wrapper .price-card-btn.with-border {
  padding: 11.5px 20px;
  border: 1.5px solid #7256ff;
  color: #7256ff;
  background-color: transparent;
}
.pricing-section .price-card-wrapper .price-card-btn.with-border:hover {
  background-color: #141414;
  color: #fff;
  border-color: #141414;
}
.pricing-section .price-card-wrapper .price-card-tag {
  font-size: 10px;
  line-height: 2;
  background-color: #7256ff;
  padding: 6px 9px;
}
.pricing-section .pricing-feature-container {
  margin-top: 60px;
  gap: 60px;
}
.pricing-section .pricing-feature-title {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 24px 0;
  gap: 12px;
  font-size: 24px;
  color: #313338;
  font-family: 'Satoshi';
}
@media (min-width: 768px) and (max-width: 991px) {
  .pricing-section .pricing-feature-title {
    padding: 20px 0;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .pricing-section .pricing-feature-title {
    padding: 20px 0;
    font-size: 20px;
  }
}
.pricing-section .pricing-feature-title .info-btn {
  padding: 0;
}
.pricing-section .pricing-feature-title .info-btn img {
  width: 20px;
}
.pricing-section .pricing-feature .feature-list-wrapper {
  margin-top: 4px;
}
.pricing-section .pricing-feature .feature-list {
  grid-template-columns: 240px auto;
  gap: 28px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .pricing-section .pricing-feature .feature-list {
    grid-template-columns: 220px auto;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .pricing-section .pricing-feature .feature-list {
    grid-template-columns: 1fr;
    gap: 0px;
  }
}
.pricing-section .pricing-feature .feature-list-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 24px 0;
  font-size: 20px;
  line-height: normal;
  color: #313338;
  font-family: 'Satoshi';
}
@media (min-width: 768px) and (max-width: 991px) {
  .pricing-section .pricing-feature .feature-list-title {
    padding: 20px 0;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .pricing-section .pricing-feature .feature-list-title {
    padding: 20px 0;
    font-size: 18px;
    text-align: center;
  }
}
.pricing-section .pricing-feature .feature-list-title.sm {
  font-size: 18px;
  padding: 22px 0px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .pricing-section .pricing-feature .feature-list-title.sm {
    font-size: 16px;
    padding: 18px 0;
  }
}
@media (max-width: 767px) {
  .pricing-section .pricing-feature .feature-list-title.sm {
    font-size: 16px;
    padding: 18px 0;
  }
}
.pricing-section .pricing-feature .feature-list .p-feature-item-wrapper {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .pricing-section .pricing-feature .feature-list .p-feature-item-wrapper {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .pricing-section .pricing-feature .feature-list .p-feature-item-wrapper {
    gap: 16px;
  }
}
.pricing-section
  .pricing-feature
  .feature-list
  .p-feature-item-wrapper
  .p-feature-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  color: #313338;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 20px 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .pricing-section
    .pricing-feature
    .feature-list
    .p-feature-item-wrapper
    .p-feature-item {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .pricing-section
    .pricing-feature
    .feature-list
    .p-feature-item-wrapper
    .p-feature-item {
    font-size: 14px;
  }
}
.pricing-section
  .pricing-feature
  .feature-list
  .p-feature-item-wrapper
  .p-feature-item
  img {
  width: 32px;
}

.price-cta-content {
  border-radius: 12px;
  border: 1px solid rgba(114, 86, 255, 0.1);
  background: rgba(114, 86, 255, 0.08);
  padding: 48px 40px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .price-cta-content {
    padding: 36px 24px;
  }
}
@media (max-width: 767px) {
  .price-cta-content {
    padding: 36px 20px;
  }
}
.price-cta-content .cta-title {
  font-size: 30px;
  font-weight: 800;
  line-height: 135%;
  background: linear-gradient(90deg, #111 0%, #7256ff 113.4%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.price-cta-content .cta-desc {
  color: rgba(17, 17, 17, 0.85);
  font-size: 20px;
  line-height: 150%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .price-cta-content .cta-desc {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .price-cta-content .cta-desc {
    font-size: 18px;
  }
}
.price-cta-content .cta-btn {
  font-size: 18px;
  line-height: 150%;
  color: #7256ff;
  gap: 12px;
}
.price-cta-content .cta-btn:hover {
  color: #141414;
  gap: 16px;
}
.price-cta-content .shape {
  bottom: 0;
  right: 0;
  width: 400px;
}
@media (max-width: 767px) {
  .price-cta-content .shape {
    width: 240px;
  }
}

.footer-newsletter-wrap {
  max-width: 375px;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer-newsletter-wrap {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .footer-newsletter-wrap {
    max-width: 100%;
  }
}
.footer-newsletter-wrap .footer-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 32px;
  margin-bottom: 32px;
}
.footer-newsletter-wrap .footer-top .footer-logo {
  max-width: 120px;
  margin-bottom: 12px;
}
.footer-newsletter-wrap .footer-top .footer-desc {
  font-size: 18px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
.footer-newsletter-wrap .footer-newsletter-content .newsletter-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
  color: #ffffff;
  margin-bottom: 5px;
}
.footer-newsletter-wrap .footer-newsletter-content .newsletter-body {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
.footer-newsletter-wrap
  .footer-newsletter-content.style-light
  .newsletter-title {
  color: #141414;
}
.footer-newsletter-wrap
  .footer-newsletter-content.style-light
  .newsletter-body {
  color: rgba(17, 17, 17, 0.85);
}

.itump-border {
  margin-top: 100px;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  .itump-border {
    display: none;
  }
}
.itump-border.style-light {
  background: #d5d5d5;
}

.newsletter-form {
  display: grid;
  grid-template-columns: 300px 1fr;
  padding-top: 32px;
}
@media (max-width: 767px) {
  .newsletter-form {
    grid-template-columns: 1fr 50px;
  }
}
.newsletter-form input {
  padding: 12.5px 14px;
  border: none;
  background: #202020;
  border-radius: 12px 0px 0px 12px;
  font-size: 18px;
  line-height: 150%;
  width: 100%;
  color: rgba(255, 255, 255, 0.75);
}
.newsletter-form input::-moz-placeholder {
  font-size: 18px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
.newsletter-form input::placeholder {
  font-size: 18px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 767px) {
  .newsletter-form input {
    padding: 10px 15px;
  }
}
.newsletter-form button {
  border: none;
  align-items: center;
  padding: 12px 14px;
  background: #7256ff;
  color: #fff;
  border-radius: 0px 12px 12px 0px;
  width: 52px;
}
.newsletter-form button:hover {
  background-color: #fff;
  color: #7256ff;
}
@media (max-width: 767px) {
  .newsletter-form button {
    padding: 10px 10px;
  }
}
.newsletter-form.style-light input {
  background: #e0e0e0;
  color: #000000;
}
.newsletter-form.style-light input::-webkit-input-placeholder {
  color: #91959d;
}
.newsletter-form.style-light input:-moz-placeholder {
  color: #91959d;
}
.newsletter-form.style-light input::-moz-placeholder {
  color: #91959d;
}
.newsletter-form.style-light input:-ms-input-placeholder {
  color: #91959d;
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-menu {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .footer-menu {
    padding-top: 20px;
  }
}
.footer-menu p {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #ffffff;
}
.footer-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-menu ul li {
  padding: 8px 0;
}
.footer-menu ul li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.75);
}
.footer-menu ul li a:hover {
  color: #7256ff;
}
.footer-menu-sm .footer-menu-title {
  cursor: pointer;
}
.footer-menu-sm .footer-menu-title::after {
  content: '+';
  font-family: 'Font Awesome 6 Pro';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-size: 16px;
  color: #fff;
  transition: all 0.3s;
}
.footer-menu-sm .footer-menu-title[aria-expanded='true']::after {
  content: '\f068';
}
.footer-menu.style-light p {
  color: #141414;
}
.footer-menu.style-light ul li a {
  color: #111111;
}
.footer-menu.style-light ul li a:hover {
  color: #7256ff;
}

.footer-thumb {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .footer-thumb {
    justify-content: start;
  }
}
.footer-thumb img {
  display: block;
  height: 60px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 200px;
}
.footer-thumb .footer-t-shape-1 {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 55px;
}
.footer-thumb .footer-t-shape-1 svg {
  max-width: 100%;
}
@media (max-width: 767px) {
  .footer-thumb .footer-t-shape-1 {
    display: none;
  }
}
.footer-thumb .footer-t-shape-2 {
  position: absolute;
  z-index: -1;
  top: 28%;
  right: 18.1%;
}
@media (max-width: 767px) {
  .footer-thumb .footer-t-shape-2 {
    display: none;
  }
}

.copyright-section {
  padding-top: 32px;
  padding-bottom: 32px;
  background: linear-gradient(
    109.87deg,
    rgba(45, 46, 48, 0.021) 5.73%,
    rgba(82, 73, 97, 0.016) 50.57%,
    rgba(121, 108, 138, 0.005) 100.09%
  );
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  border-top: 0.25px solid #322e52;
}
.copyright-section.style-light {
  border-color: transparent;
}
@media (max-width: 767px) {
  .copyright-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer-bottom {
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .footer-bottom {
    flex-direction: column-reverse;
  }
}
.footer-bottom .footer-copyright p {
  color: rgba(255, 255, 255, 0.75);
}
.footer-bottom .footer-copyright p a {
  color: inherit;
}
.footer-bottom .footer-copyright p a:hover {
  text-decoration: underline;
  color: #fff;
}
.footer-bottom .footer-copyright p .divider {
  margin: 0 10px;
}
.footer-bottom .footer-copyright.style-light p {
  color: #5a5d62;
}
.footer-bottom .footer-social-wrap {
  display: flex;
  gap: 20px;
}
.footer-bottom .footer-social-wrap .social-icon {
  font-size: 24px;
  color: #fff;
  opacity: 0.75;
}
.footer-bottom .footer-social-wrap .social-icon:hover {
  opacity: 1;
}

.copyright-link-wrapper {
  gap: 10px;
}
.copyright-link-wrapper .divider {
  color: rgba(255, 255, 255, 0.7490196078);
}
.copyright-link-wrapper .copyright-link {
  color: rgba(255, 255, 255, 0.7490196078);
}
.copyright-link-wrapper .copyright-link:hover {
  color: #fff;
  text-decoration: underline;
} /*# sourceMappifngURL=main.css.map */
/* @media (min-width: 1280px) {
  .container {
    max-width: 1000px;
  }
} */

@keyframes moveGradient {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(50px, 50px);
  }
  100% {
    transform: translate(0, 0);
  }
}

.animated-gradient {
  animation: moveGradient 3s infinite alternate ease-in-out;
}

.tab-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 100%;
  min-height: 40px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
}

.tab-trigger {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 48px;
  gap: 10px;

  width: 136px;
  height: 40px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  flex: none;
  order: 0;
  flex-grow: 0;
  transition: all 0.3s ease-in-out;

  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.tab-trigger.active {
  color: #7256ff;
  font-weight: 700;
  border-bottom: 2px solid #7256ff;
}

.features-heading-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 28px;
  gap: 32px;
  min-height: 96px;

  background: #fbcc8e;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px 12px 0px 0px;

  margin-top: 10px;

  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.p-feature-item-wrapper .features-heading-title:nth-child(2) {
  background-color: #f2b8b8;
}

.p-feature-item-wrapper .features-heading-title:nth-child(3) {
  background-color: #a479f5;
}

.contact-us-link {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #7256ff;
}