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

01. Settings style
02. Base style
03. Sections style
04. Components style
05. Utilities style

------------------------------------------------------------------------------------*/
/*--------------------------------
01. Settings style
--------------------------------*/
/*-- font family included --*/
/*-- DM Sans font family --*/
/*-- Montserrat Alternates font family --*/
/*-- Montserrat Alternates font family --*/
/*-- Fira Code font family --*/
/*--------------------------------
02. Base style
--------------------------------*/
/*-- reset style start --*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

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

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

body h1 {
	font-size: 52px;
}

body h2 {
	font-size: 30px;
}

body h3 {
	font-size: 30px;
}

body h4 {
	font-size: 24px;
}

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

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

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

*:focus {
	outline: none;
}

img {
	max-width: 100%;
}

.bg-gray {
	background: #eceff1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- custom bootstrap style start --*/
@media (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1170px;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

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

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

.white-color {
	color: #ffffff;
}

.body-color {
	color: #444444;
}

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

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

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

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

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

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

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

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

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

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

.rotate-icon {
	transition: 0.3s;
}

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

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

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

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

.feature-team-slider-nav .slick-track {
	width: 100% !important;
	transform: translate3d(0px, 0px, 0px) !important;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

	100% {
		width: 100%;
	}
}

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

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

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

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

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

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

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

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

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

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

.integrate-element-list .list-item {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #2d2e50;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}

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

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

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

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

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

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

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

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

.integration-element-title {
	margin-top: 153px;
	margin-bottom: 110px;
	text-align: center;
}

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

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

.integration-element-button {
	text-align: center;
}

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

.header-section.sticky-header {
	position: fixed;
	background-color: #ffffff98;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(10px);
	padding: 15px 0px;
}

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

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

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

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

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

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

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

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

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

.header-section.v1.sticky-header {
	background-color: #ffffff98;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(10px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.header-section.v6 .main-menu .submenu li a:hover {
	color: #1a7870 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.menu-toggler {
	border: 0;
}

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

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

/*-- main-menu style --*/
.main-menu {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 30px;
}

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

.main-menu li {
	position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

.header-top .header-top-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 35px;
}

.header-top .header-top-content .header-top-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 15px;
}

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

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

.header-top-timer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 228px;
	width: 100%;
	gap: 30px;
	margin: 0 auto;
}

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

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

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

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

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

.nav-expander {
	display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- menu end --*/
/* = admin-bar = */
.admin-bar .staco-heary-style,
.admin-bar .header-section {
	margin-top: 32px;
}

@media screen and (max-width: 782px) {

	.admin-bar .staco-heary-style,
	.admin-bar .header-section {
		margin-top: 45px;
	}
}

@media screen and (max-width: 600px) {

	.admin-bar.mn-top .staco-heary-style,
	.admin-bar.mn-top .header-section {
		margin-top: 0;
	}
}

/*=======================================================================
= Mobile Menu
=========================================================================*/
.rt-mobile-menu.mean-container {
	top: 0;
	z-index: 9;
	display: none;
	position: sticky;
	transition: all .3s ease-in-out;
	background-color: #ffffff;
	border-bottom: 1px solid rgba(181, 181, 181, 0.3);
}

@media only screen and (max-width: 1024px) {
	.rt-mobile-menu.mean-container {
		display: block;
	}
}

.rt-mobile-menu.mean-container .container {
	position: relative;
}

.admin-bar .rt-mobile-menu.mean-container {
	top: 32px;
}

@media only screen and (max-width: 782px) {
	.admin-bar .rt-mobile-menu.mean-container {
		top: 45px;
	}
}

@media only screen and (max-width: 600px) {
	.admin-bar.mn-top .rt-mobile-menu.mean-container {
		top: 0;
	}
}

.mean-bar {
	display: flex;
	padding: 5px 0;
	align-items: center;
	justify-content: space-between;
	display: none;
}

@media only screen and (max-width: 991px) {
	.mean-bar {
		display: block;
	}
}

.rt-slide-nav {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	display: none;
	overflow-y: auto;
	position: absolute;
	max-height: calc(100vh - 100px);
	background-color: #ffffff;
	box-shadow: 0px 0px 10px 0px #0000001c;
}

.rt-slide-nav ul {
	padding: 0;
	margin: 0px;
	list-style-type: none;
}

.rt-slide-nav ul ul {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

body .sidebarBtn {
	display: block;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

body .sidebarBtn .bar {
	background: #ffffff;
	height: 2px;
	width: 25px;
	display: block;
	margin-bottom: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.white-bg .sidebarBtn .bar {
	background: #000000;
}

body .sidebarBtn .bar:last-child {
	margin-bottom: 0;
}

body.slidemenuon .sidebarBtn .bar:nth-child(2) {
	opacity: 0;
}

body.slidemenuon .sidebarBtn .bar:nth-child(1) {
	-webkit-transform: rotate(45deg) translate(0, 7px);
	-ms-transform: rotate(45deg) translate(0, 7px);
	transform: rotate(45deg) translate(0, 7px);
}

body.slidemenuon .sidebarBtn .bar:nth-child(3) {
	-webkit-transform: rotate(-45deg) translate(3px, -10px);
	-ms-transform: rotate(-45deg) translate(3px, -10px);
	transform: rotate(-45deg) translate(3px, -10px);
}

.offscreen-navigation .main-menu {
	gap: 0;
}

.offscreen-navigation .main-menu li a {
	padding-top: 7px;
	padding-bottom: 7px;
}

.offscreen-navigation .children,
.offscreen-navigation .sub-menu {
	display: none;
}

.offscreen-navigation ul li {
	margin: 0;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	width: 100%;
}

.offscreen-navigation ul li:last-child {
	border: none;
}

.offscreen-navigation li>a {
	display: block;
	position: relative;
	color: #000000;
	font-size: 14px;
	font-weight: 500;
	background: #fff;
	padding-bottom: 7px;
	padding-top: 7px;
}

.offscreen-navigation li>a:hover {
	background-color: #fff5f5;
}

.offscreen-navigation ul>li>a {
	padding-left: 15px;
}

.offscreen-navigation ul ul>li>a {
	padding-left: 30px;
}

.offscreen-navigation ul ul ul>li>a {
	padding-left: 45px;
}

.offscreen-navigation .children li>a,
.offscreen-navigation .sub-menu li>a {
	font-size: 13px;
}

.offscreen-navigation li.menu-item-has-children>span,
.offscreen-navigation li.page_item_has_children>span {
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	z-index: 99999;
	position: absolute;
	display: inline-block;
}

.offscreen-navigation li.menu-item-has-children>span:before,
.offscreen-navigation li.page_item_has_children>span:before {
	top: 2px;
	right: 0;
	font-size: 12px;
	transition: .1s;
	font-weight: 700;
	content: '';
	position: absolute;
	display: inline-block;
	background-image: url(../../assets/img/icons/mobile-nav-minus.png);
	background-size: 16px;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	display: none;
}

.offscreen-navigation li.menu-item-has-children>span:after,
.offscreen-navigation li.page_item_has_children>span:after {
	top: 2px;
	right: 0;
	font-size: 12px;
	transition: .1s;
	font-weight: 700;
	content: '';
	position: absolute;
	display: inline-block;
	background-image: url(../../assets/img/icons/mobile-nav-plus.png);
	background-size: 16px;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.offscreen-navigation li.menu-item-has-children>span.open::before,
.offscreen-navigation li.page_item_has_children>span.open::before {
	display: block;
}

.offscreen-navigation li.menu-item-has-children>span.open::after,
.offscreen-navigation li.page_item_has_children>span.open::after {
	display: none;
}

/* = Humbarger Menu 
=========================================*/
.humbarger-menu .nav-icon {
	width: 30px;
}

.humbarger-menu .nav-icon:after,
.humbarger-menu .nav-icon:before,
.humbarger-menu .nav-icon div {
	background-color: #ffffff;
	border-radius: 3px;
	content: '';
	display: block;
	height: 2px;
	margin: 7px 0;
}

.humbarger-menu {
	cursor: pointer;
}

@media screen and (max-width: 991) {
	.humbarger-menu {
		display: block;
	}
}

.headerBurgerMenu {
	display: none;
	padding-left: 5px;
}

@media screen and (max-width: 991) {
	.headerBurgerMenu {
		display: block;
	}
}

.headerBurgerMenu__button {
	background-color: transparent;
	border: 1px solid transparent;
}

.headerBurgerMenu__button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: flex;
	padding: 0;
}

.headerBurgerMenu .line {
	fill: none;
	stroke: #000000;
	stroke-width: 4;
	transition: all .3s ease-in-out;
	transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.headerBurgerMenu .line1 {
	stroke-dasharray: 60 207;
}

.headerBurgerMenu .line2 {
	stroke-dasharray: 40 60;
}

.headerBurgerMenu .line3 {
	stroke-dasharray: 60 207;
}

.headerBurgerMenu .menu-status-close .line1,
.headerBurgerMenu .sidebarBtn.opened .line1 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
}

.headerBurgerMenu .menu-status-close .line2,
.headerBurgerMenu .sidebarBtn.opened .line2 {
	stroke-dasharray: 1 60;
	stroke-dashoffset: -30;
}

.headerBurgerMenu .menu-status-close .line3,
.headerBurgerMenu .sidebarBtn.opened .line3 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
}

div#mobile-sticky-placeholder {
	display: none;
}

@media screen and (max-width: 1024px) {
	div#mobile-sticky-placeholder {
		display: block;
	}
}

.sticky-header .mobile-sticky {
	top: 0;
	width: 100%;
	z-index: 99;
	position: fixed;
	animation-name: fadeInDown;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-delay: 0s;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hero-img .overlay img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
}

.get-demo-btn {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: #fec458;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

.get-demo-btn .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

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

@keyframes rotateImg {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

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

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

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

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

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

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

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

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

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

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

.hero2-img {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	position: relative;
}

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

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

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

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

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

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

/*-- hero-section end --*/
/*-- hero-section-3 start --*/
.hero-section-3 {
	margin-top: 100px;
	background: linear-gradient(90deg, #d3e1ff 0%, #ecf1f8 45.31%, #ffeaef 98.8%);
	border-radius: 50px;
	padding: 126px 0 30px 0;
	overflow: hidden;
}

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

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

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

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

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

.hero-section-3-header form {
	margin: 28px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

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

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

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

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

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

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

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

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

.call-remove-btn {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #f52e2f;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hero-section-index5::after {
	position: absolute;
	z-index: -1;
	left: 0px;
	bottom: 40%;
	z-index: 1;
}

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

.hero-section-index5 .index5-hero-content .v5welocme-section {
	height: 36px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 50px;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 0px;
	max-width: 210px;
	width: 100%;
	margin: auto;
	margin-bottom: 20px;
	color: #111111;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.index5-scroll-carousel-section ul {
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 33px;
	margin-bottom: 30px;
}

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

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

.index5-scroll-carousel-section ul li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 28px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.v6-banner-text .v6-banner-btns {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 30px;
	flex-wrap: wrap;
}

.v6-banner-img-section {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	max-width: 470px;
	width: 100%;
	margin-left: auto;
	height: 100%;
}

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

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

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

#staco-h6-video-control {
	position: absolute;
	height: 50px;
	width: 50px;
	right: 30px;
	bottom: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	z-index: 2;
	font-size: 28px;
	color: #44c486;
}

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

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

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

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

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

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

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

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

.v7hero-section-text .banner-text {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 21px;
	margin-bottom: 36px;
}

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

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

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

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

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

.v7hero-section-text .banner-text .slick-track {
	width: 100% !important;
	transform: translate3d(0px, 0px, 0px) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	max-width: 910px;
	width: 100%;
}

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

.v6hero-section-btns {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	flex-wrap: wrap;
	margin-top: 58px;
	position: relative;
	z-index: 2;
}

.v8banner-section.chatbot-banner {
	position: relative;
	z-index: 1;
	background: !important;
	background: url(../images/chatbot/chatbot-banner-grident.svg);
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

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

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

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

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

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

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

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

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

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

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

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

.start-free-form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	background: #ffffff;
	border-radius: 35px;
	padding: 10px;
	max-width: 470px;
	width: 100%;
	max-height: 70px;
	position: relative;
}

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

.start-free-form .bg-blue-btn {
	padding: 12px 20px;
	border: none;
	outline: none;
	max-width: 175px;
	text-align: center;
}

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

.start-free-form .wpcf7-spinner {
	position: absolute;
	top: 25px;
	right: 0;
}

.rounded-3 .elementor-divider-separator {
	border-radius: 3px;
}

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

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

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

.nft-banner-left .slick-track {
	display: flex;
	align-items: center;
	justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nft-banner-left .slick-dots {
	bottom: -25px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(95, 95, 255, 0.2);
	border-radius: 3px;
	height: 5px;
	max-width: 250px;
	margin: auto;
	overflow: hidden;
}

.nft-banner-left .slick-dots li {
	height: 5px;
	margin: 0px;
}

.nft-banner-left .slick-dots li.slick-active button {
	background: #5F5FFF;
	height: 100%;
	width: 100%;
	width: 80px;
}

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

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

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

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

.nft-people-section {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 56px;
}

.nft-people {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
}

.nft-people .nft-people-img {
	min-height: 40px;
	min-width: 40px;
	line-height: 40px;
	line-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

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

.nft-people .nft-people-text h6 {
	font-size: 14px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 7px;
	margin-bottom: 0px;
}

.nft-bid-info-section {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 79px;
}

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

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

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

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

.nft-bid-info .nft-banner-timer {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 260px;
	width: 100%;
	padding: 0px;
	margin-bottom: 0px;
	font-size: 24px;
	font-weight: 600;
	line-height: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.defi-banner-text h1 b {
	background: linear-gradient(90deg, #37EA8E 35.54%, #BDF93F 65.12%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-weight: 700;
	margin-top: 6px;
}

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

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

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

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

.multi-chain-list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 20px;
}

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

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

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

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

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

.multi-chain-list ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.multi-chain-list ul li {
	margin-right: 20px;
	padding: 10px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: max-content;
}

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

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

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

.defi-banner-btn {
	display: flex;
	align-items: center;
	justify-content: center;
}

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

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

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

.defi-banner-btn-shape {
	margin-right: 15px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 4px;
}

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

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

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

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

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

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

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

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

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

.banner-animetion {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 19px;
	padding: 3px 7px;
	max-width: 364px;
	width: 100%;
	margin: auto;
	margin-bottom: 19px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	cursor: pointer;
}

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

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

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

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

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

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

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

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

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

.hero-overlay {
	background: radial-gradient(54.8% 82.2% at 50.8% 4.8%, rgba(0, 0, 96, 0.5) 0%, rgba(16, 23, 34, 0.5) 100%);
	height: 100vh;
	position: absolute;
	top: 0px;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.footer-img a {
	position: absolute;
	top: 72px;
	left: 72px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.social-link.social-link-right {
	justify-content: flex-end;
}

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

/*-- privacy-menu style --*/
.privacy-menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
}

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

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

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

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

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

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

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

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

/*-- footer-bottom end --*/
.main-home-footer-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-home-footer-menu ul li a {
	padding: 5px 0;
	color: #FFFFFFB2;
	display: inline-block;
	transition: all .3s ease-in-out;
}

.main-home-footer-menu ul li a:hover {
	color: #ffffff;
}

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

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

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

.footer-contact-section {
	margin-bottom: 84px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-contact-section .footer-contact-line {
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
	left: 0px;
	top: 18px;
	z-index: 1;
}

.footer-contact-section .footer-contact {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 30px;
	margin-left: -20px;
}

.footer-contact-section .footer-contact-text {
	position: relative;
	z-index: 2;
	max-width: 180px;
	width: 100%;
}

.footer-contact-section .footer-contact-text p {
	min-width: 100px;
	max-width: 100px;
	padding-left: 20px;
	background: #ffffff;
	text-transform: uppercase;
}

.footer-contact-section .footer-contact-text h5 {
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 36px;
	padding-left: 20px;
}

.footer-top6 {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 92px;
}

.footer-top6 .footer-col h6 {
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	margin-top: 35px;
	margin-bottom: 30px;
}

.footer-top6 .footer-col h5 {
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 37px;
	text-transform: uppercase;
}

.footer-top6 .footer-col ul li a {
	font-family: "DM Sans", sans-serif;
	color: #444444;
	transition: 0.3s;
}

.footer-top6 .footer-col ul li a:hover {
	color: #0095ff;
}

.footer-top6 .footer-col p {
	margin-bottom: 12px;
}

.footer-top6 .footer-col form {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}

.footer-top6 .footer-col form input {
	width: 100%;
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 25px;
	padding: 9px 21px;
	max-width: 270px;
	width: 100%;
	margin-bottom: 20px;
}

.footer-top6 .footer-col form button {
	color: #ffffff;
	background: #0095ff;
	padding: 9px 38px;
	border-radius: 25px;
}

.footer-top6 .footer-col.v8 ul li {
	padding-bottom: 10px;
}

.footer-top6 .footer-col.v8 ul li a:hover {
	color: #0dac81;
}

.footer-top6 .footer-col.v8 form button {
	background: #0dac81;
	transition: 0.3s;
}

.footer-top6 .footer-col.v8 form button:hover {
	opacity: 0.8;
}

.text-link.v8,
.text-link.v8:hover {
	color: #0dac81;
}

.v7-footer-area {
	position: fixed;
	z-index: 0;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.footer-section-v7 {
	background: #191c1f;
	padding-top: 99px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.footer-section-v7 .footer-section-grain-texture {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.footer-section-v7 .footer-section-grain-texture img {
	height: 100%;
	width: 100%;
}

.footer-section-mash-gard {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
	width: 827px;
	height: 566px;
}

.footer-v7-content {
	position: relative;
	z-index: 4;
}

.footer-v7-text {
	text-align: center;
	max-width: 535px;
	width: 100%;
	margin: auto;
	margin-bottom: 60px;
}

.footer-v7-text h2 {
	margin-bottom: 45px;
	color: #ffffff;
}

.footer-v7-text .leav-msg-btn {
	border-radius: 50px;
	width: 220px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	transition: 0.5s;
	margin: auto;
}

.v7footer-contact-card {
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(5px);
	border-radius: 20px;
	padding: 45px 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.v7footer-contact-card .v7footer-card-text {
	color: #ffffff;
}

.v7footer-contact-card .v7footer-card-text p {
	text-transform: uppercase;
}

.v7footer-contact-card .v7footer-card-text h6 {
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 0;
	color: #fff;
}

.v7footer-contact-card .v7footer-card-text.text-right p {
	margin-bottom: 10px;
}

.v7-main-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 32px 0px;
}

.v7-main-footer .back-to-top-btn {
	margin: auto;
}

.v7-main-footer .back-to-top-btn .icon {
	transform: rotate(-90deg);
	font-size: 28px;
	color: #ffffff;
}

.v7-main-footer .copyright-text {
	color: #ffffff;
	opacity: 70%;
	width: 47%;
}

.v7-main-footer .copyright-text:hover {
	opacity: 100%;
}

.v7-main-footer .privacy-menu {
	width: 47%;
}

.token-footer-section {
	background: url(../images/crypto-token/bg_footer.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.token-footer-section .overlay {
	background: url(../images/crypto-token/grain-texture.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 100%;
}

.token-footer-section .overlay .overlay2 {
	background: linear-gradient(180deg, #0d1014 0%, rgba(13, 16, 20, 0.8) 100%);
	height: 100%;
	width: 100%;
	position: relative;
}

.token-footer-section .overlay .overlay2 .footer-shape {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	text-align: center;
	z-index: -1;
}

.token-footer-menu-section {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.token-footer-menu-section .footer-column {
	padding-top: 73px;
	padding-bottom: 70px;
	border-right: 1px solid rgba(255, 255, 255, 0.12);
	min-height: 100%;
	padding-left: 8px;
}

.token-footer-menu-section .footer-column4 {
	border-right: none;
}

.token-footer-menu-section .footer-column h5 {
	margin-bottom: 26px;
	color: #ffffff;
	font-weight: 700;
	line-height: 167%;
	text-transform: uppercase;
}

.token-footer-menu-section .footer-column ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.token-footer-menu-section .footer-column ul li a {
	color: rgba(255, 255, 255, 0.8);
	line-height: 240%;
	font-weight: 500;
	transition: 0.3s;
}

.token-footer-menu-section .footer-column ul li a:hover {
	color: #ffffff;
}

.token-subscribe-section {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	padding: 30px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}

.token-subscribe-section input[type="email"] {
	background: transparent;
	overflow: hidden;
	height: 100%;
	max-width: 500px;
	width: 100%;
	border: none;
	outline: none;
	font-weight: 700;
	font-size: 30px;
	line-height: 167%;
	color: #ffffff;
}

.token-subscribe-section input[type="email"]::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: rgba(255, 255, 255, 0.2);
}

.token-subscribe-section input[type="email"]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: rgba(255, 255, 255, 0.2);
}

.token-subscribe-section input[type="email"]::-ms-input-placeholder {
	/* Microsoft Edge */
	color: rgba(255, 255, 255, 0.2);
}

.token-subscribe-section input[type="submit"] {
	background: #bfff0a;
	border-radius: 50px;
	max-width: 293px;
	width: 100%;
	overflow: hidden;
	color: #111111;
	font-weight: 700;
	line-height: 26px;
	padding: 17px 20px;
	border: none;
	outline: none;
	transition: 0.3s;
}

.token-subscribe-section input[type="submit"]:hover {
	opacity: 0.8;
}

.token-subscribe-section .wpcf7-spinner {
	position: absolute;
	right: 20px;
	top: 10px;
}

.token-footer-bottom-text {
	padding: 40px 0px;
}

.token-footer-bottom-text .text {
	font-weight: 700;
	font-size: 100px;
	line-height: 120px;
	text-transform: uppercase;
	color: #ffffff;
}

.token-footer-bottom-text .text span {
	position: relative;
}

.token-footer-bottom-text .text span.top {
	top: -70px;
	transition: 0.3s;
}

.wh-100 {
	height: 206px;
	width: 100%;
}

@media screen and (max-width: 575px) {
	.wh-100 {
		height: 130px;
	}
}

.wh-100 .elementor-widget-container {
	width: 100%;
	height: 100%;
}

.wh-100 .elementor-widget-container .elementor-icon-wrapper {
	width: 100%;
	height: 100%;
}

.wh-100 .elementor-widget-container .elementor-icon-wrapper a {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/*-- home page 1 style start --*/
/*-- brands-section start --*/
.brands-section {
	padding: 93px 0 0 0;
}

.brands-section .container {
	position: relative;
}

.brands-section.v8 {
	padding: 60px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	margin-bottom: 125px;
}

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

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

.brands-section-title h2 {
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
}

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

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

.brands-slider-container {
	width: calc(200px * 12);
	display: flex;
	align-items: center;
	gap: 0px;
	animation: smoothSlider 25s infinite linear;
}

.brands-slider .slider-item {
	width: 200px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

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

.brands-slider.v8 {
	height: 36px;
}

.brands-slider.v8::before {
	left: 100px;
}

.brands-slider.v8 .slider-item {
	height: 36px;
	max-width: 178px;
}

.brands-slider.v8 .slider-item img {
	max-width: 105px;
}

@keyframes smoothSlider {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-200px * 6));
	}
}

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

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

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

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

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

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

@media screen and (max-width: 767px) {
	.feature-card {
		max-width: 400px;
		margin: 0 auto;
	}
}

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

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

.feature-card:hover .feature-card-shape,
.feature-card.active .feature-card-shape {
	opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	100% {
		width: 100%;
	}
}

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

.usability-slider-for .slider-item {
	display: flex;
	align-items: center;
	justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- testimonial-card style --*/
.testimonial-card {
	border-radius: 50px;
	background-color: #242549;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.testimonial-card-left,
.testimonial-card-right {
	padding: 40px;
	width: 50%;
	height: 530px;
	flex: 0 0 auto;
}

.testimonial-card-left {
	text-align: center;
	position: relative;
	overflow: hidden;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

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

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

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

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

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

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

.testimonial-card-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.integrate-slider .slider-item {
	width: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

@keyframes smoothSlider2 {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(calc(-120px * 4));
	}
}

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

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

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

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

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

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

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

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

.leave-message2 {
	display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pricing-yearly {
	display: none;
}

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

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

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

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

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

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

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

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

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

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

.pricing-card-title span.popular {
	margin-left: 20px;
}

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

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

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

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

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

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

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

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

.equal_height_yes .pricing-card {
	min-height: 100%;
}

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

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

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

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

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

/*-- index2-features-card End --*/
/*-- business-tools-section Start --*/
.business-tools-section {
	margin-bottom: 110px;
	position: relative;
}

.business-tools-section .business-tools-text {
	min-height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	min-height: max-content;
}

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

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

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

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

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

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

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

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

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

.business-tools-section .business-tools-content-scrolspy .business-tools-content {
	padding-bottom: 40px;
	margin-bottom: 40px;
	min-height: auto;
	display: flex;
	align-content: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}

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

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

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

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

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

.business-tools-row {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 50px;
}

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

.business-tools-btns {
	gap: 15px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 36px;
	max-width: 100%;
}

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

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

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

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

.statistics-text h2 {
	color: #0095ff;
}

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

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

/*-- index2-statistics-section End --*/
/*-- choose-us-section Start --*/
.choose-us-section {
	padding-bottom: 132px;
}

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

.choose-us-section .choose-us-content .choose-us-text {
	max-width: 310px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 90px;
}

/*-- choose-us-section End --*/
/*-- compare-price-section Start --*/
.compare-price-section {
	position: relative;
	z-index: 2;
}

.compare-price-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	max-width: 770px;
	width: 100%;
	margin: auto;
	margin-bottom: 50px;
	position: relative;
}

.compare-price-content .vs {
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 80px;
	width: 80px;
	border-radius: 50%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 11;
}

.compare-price-content .vs h6 {
	font-size: 24px;
	line-height: 26px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.compare-price-content .vs h6 span {
	position: relative;
	z-index: 1;
}

.compare-price-content .vs h6:after {
	content: "";
	background: #ffffff;
	position: absolute;
	height: 82px;
	width: 40px;
	z-index: 0;
}

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

.compare-price-content .compare-price-card .compare-price-card-icon {
	position: absolute;
	right: 27px;
	top: 27px;
}

.compare-price-content .compare-price-card .compare-price-card-icon .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.compare-price-content .compare-price-dropdown {
	width: 170px;
	height: 50px;
	position: relative;
	background: #ebeff9;
	border-radius: 5px;
	margin-bottom: 25px;
}

.compare-price-content .compare-price-dropdown::after {
	content: url(../img/theme/dropdown-toggle.svg);
	position: absolute;
	right: 20px;
	top: 13px;
}

.compare-price-content .compare-price-dropdown select {
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	color: #111111;
	width: 100%;
	border: none;
	outline: none;
	appearance: none;
	background: transparent;
	padding: 12px 14px;
}

.compare-price-content .compare-price-dropdown select option {
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	color: #111111;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.compare-price-content .compare-price-list ul li strong {
	color: #111111;
}

.compare-price-content .compare-price-list ul li span {
	margin-right: 10px;
}

.compare-price-content .compare-price-list ul li p {
	margin-bottom: 0;
}

.compare-price-content .compare-price-icons1 {
	position: absolute;
	left: -180px;
	animation: jumpingDown 4.5s infinite;
}

.compare-price-content .compare-price-icons2 {
	position: absolute;
	position: absolute;
	left: -25px;
	top: 30%;
	z-index: 1;
}

.compare-price-content .compare-price-icons3 {
	position: absolute;
	right: -200px;
	z-index: 1;
	animation: jumpingUp 5s infinite;
}

.compare-price-content .compare-price-icons4 {
	position: absolute;
	right: -80px;
	top: 20%;
}

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

	50% {
		transform: translateY(-20px);
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	100% {
		transform: translateX(100%);
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.useful-feature-slider-for ol li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.best-pricing-card .overlay p {
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	color: #ffffff;
	text-transform: uppercase;
}

.best-pricing-card-header p {
	margin-bottom: 25px;
}

.best-pricing-card-title {
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.best-pricing-card-title h2 {
	font-size: 30px;
	line-height: 30px;
}

.best-pricing-card-body {
	margin-top: 20px;
}

.best-pricing-card-body .list {
	padding: 0;
	list-style: none;
	margin-top: 27px;
}

.best-pricing-card-body .list li {
	color: #444444;
	padding-left: 16px;
	padding-bottom: 6px;
	position: relative;
}

.best-pricing-card-body .list li:not(:first-child) {
	margin-top: 10px;
}

.best-pricing-card-body .list li::before {
	position: absolute;
	content: "";
	top: 42%;
	left: 0;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #00cec966;
}

.best-pricing-card-body .list li.v2::before {
	background-color: #f9518c66;
}

.users-list {
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
}

.users-list li:not(:first-child) {
	margin-left: -4px;
}

.users-list li:not(:first-child) a img {
	border: 2px solid #f5eef4;
}

.users-list li a {
	width: 36px;
	height: 36px;
}

.users-list li a img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.users-list li button {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #0095ff4d;
	border: 2px solid #f5eef4;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}

.users-list li button img {
	transition: 0.3s;
}

.users-list li button:hover {
	background-color: #0095ff;
}

.users-list li button:hover img {
	filter: brightness(0) invert(1);
}

.best-pricing-info {
	margin-top: 40px;
	background: #ffffff;
	border-radius: 35px;
	padding: 15px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
}

.best-pricing-info .list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 30px;
	flex-wrap: wrap;
}

.best-pricing-info .list .list-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.best-pricing-info .list .list-item svg {
	font-size: 18px;
	color: #444444;
}

.best-pricing-info .list .list-item p {
	margin-bottom: 0;
}

.best-pricing-info-right {
	display: flex;
	align-items: center;
	gap: 27px;
	flex-wrap: wrap;
}

.best-pricing-info-right p {
	margin-bottom: 0;
}

.compare-plans-btn {
	display: flex;
	align-items: center;
	gap: 13px;
	transition: 0.3s;
}

.compare-plans-btn span {
	color: #0095ff;
}

.compare-plans-btn .icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #0095ff4d;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}

.compare-plans-btn .icon svg {
	font-size: 16px;
	transition: 0.3s;
}

.compare-plans-btn:hover .icon {
	background-color: #0095ff;
}

.compare-plans-btn:hover .icon svg {
	color: #ffffff;
	transform: rotate(-45deg);
}

/*-- best-pricing-section end --*/
/*-- meeting-anytime-section start --*/
.meeting-anytime-section {
	padding: 140px 0;
	position: relative;
	overflow: hidden;
}

/*-- meeting-anytime-card style --*/
.meeting-anytime-card {
	width: 100%;
	height: 400px;
	border-radius: 30px;
	background-color: #2d2e50;
	background-image: url("../images/meeting/grain-texture.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 0;
	padding: 65px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

.meeting-anytime-card::before {
	position: absolute;
	z-index: -1;
	content: url("../images/meeting/mesh-grad.svg");
	top: 0;
	left: 20%;
}

.meeting-anytime-card::after {
	position: absolute;
	content: url("../images/meeting/shape.svg");
	top: -30px;
	right: -30px;
	animation: badgeAnimate 2s infinite;
}

.meeting-anytime-card .overlay {
	position: absolute;
	bottom: 0;
	left: 32px;
}

.meeting-anytime-card-content {
	width: 60%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.meeting-anytime-card-text {
	margin-bottom: 38px;
}

.meeting-anytime-card-text h2 {
	color: #ffffff;
}

.meeting-anytime-card-text p {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 500;
	line-height: 36px;
	color: #ffffff;
}

.meeting-anytime-card-buttons {
	display: flex;
	align-items: center;
	gap: 20px;
}

.meeting-anytime-card-buttons a {
	width: 160px;
	height: 50px;
	border-radius: 8px;
	overflow: hidden;
	transition: 0.3s;
}

.meeting-anytime-card-buttons a:hover {
	opacity: 0.7;
}

/*-- meeting-anytime-section end --*/
/*-- home page 3 style end --*/
/*-- home page 4 style start --*/
.how-works-section {
	padding: 132px 0 36px 0;
}

.how-works-title {
	margin-bottom: 42px;
}

.how-works-title h3 {
	margin-bottom: 19px;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #0095ff;
}

.how-works-card {
	margin-bottom: 30px;
	padding: 40px 30px 32px 30px;
	border-radius: 30px;
	transition: 0.3s;
}

.how-works-card a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 15px;
	height: 29px;
}

.how-works-card a span {
	font-size: 15px;
	font-weight: 700;
	line-height: 30px;
	color: #0095ff;
	display: none;
	transition: 0.3s;
}

.how-works-card a img {
	filter: brightness(0);
	transition: 0.3s;
}

.how-works-card:hover a span {
	display: block;
}

.how-works-card:hover a img {
	filter: none;
	transform: rotate(-45deg);
}

.how-works-card.card-1 {
	background-color: #eeeffb;
}

.how-works-card.card-2 {
	background-color: #f8f0e6;
}

.how-works-card.card-3 {
	background-color: #f6eafe;
}

.how-works-card-icon {
	margin-bottom: 40px;
}

.how-works-card-content h4 {
	margin-bottom: 16px;
	font-size: 18px;
	line-height: 26px;
}

.how-works-card-content p {
	margin-bottom: 25px;
}

.how-works-card-content a {
	transition: 0.3s;
}

.how-works-card-content a img {
	width: 15px;
	height: 12px;
	transition: 0.3s;
}

.how-works-card-content a:hover img {
	transform: rotate(-45deg);
}

.why-choose-tab .tab-buttons {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 100px;
	padding-bottom: 20px;
}

.why-choose-section {
	padding: 65px 0 20px;
}

.why-choose-section .tab-content {
	margin-top: 60px;
	width: 100%;
}

.why-choose-section ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.why-choose-section .tab-btn {
	text-transform: capitalize;
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 700;
	color: #111111;
	transition: 0.3s;
}

.why-choose-section .tab-btn span {
	color: #999999;
	transition: 0.3s;
}

.why-choose-section .tab-btn .text,
.why-choose-section .tab-btn .text2 {
	color: #111111;
}

.why-choose-section .tab-btn.active span {
	color: #00cec9;
}

.why-choose-section .tab-btn.active .text,
.why-choose-section .tab-btn.active .text2 {
	color: #111111;
}

.why-choose-section .tab-body {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	gap: 50px;
}

.why-choose-section .tab-body-icon {
	width: 30%;
	flex: 0 0 auto;
}

.why-choose-section .tab-body-text {
	flex: 0 0 auto;
	width: 50%;
}

.why-choose-section .tab-body h2 {
	font-size: 24px;
	line-height: 36px;
}

.why-choose-section .tab-body p {
	margin-top: 29px;
	color: #444444;
}

.why-choose-section .tab-body .list {
	margin-top: 11px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.why-choose-section .tab-body .list .list-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.why-choose-section .tab-body .list .list-item svg {
	font-size: 18px;
	color: #999999;
	position: relative;
	top: -5px;
}

.why-choose-section .tab-body .list .list-item p {
	margin-top: 0;
	color: #111111;
	margin-bottom: 0;
}

.why-choose-section .tab_contentes {
	color: #444444;
}

.list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.list li {
	display: block;
	position: relative;
}

.list li::before {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 10px;
}

.why-choose-parent {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.why-choose-parent .overlay-left,
.why-choose-parent .overlay-right {
	position: absolute;
	z-index: 3;
	top: 0;
	width: 19%;
	height: 100%;
}

.why-choose-parent .overlay-left {
	left: 0;
	background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.why-choose-parent .overlay-right {
	right: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.why-choose-section {
	position: relative;
}

.why-choose-section .why-choose-tab progress {
	position: relative;
	top: -20px;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 2px;
	border: none;
	background: transparent;
	z-index: 2000;
}

.why-choose-section .why-choose-tab progress::-webkit-progress-bar {
	background: transparent;
}

.why-choose-section .why-choose-tab progress::-webkit-progress-value {
	background: #00cec9;
	background-attachment: fixed;
}

.why-choose-section .why-choose-tab progress::-moz-progress-bar {
	background: #00cec9;
	background-attachment: fixed;
}

.why-choose-section .swiper-container {
	width: 100%;
	display: flex;
	position: relative;
	overflow: visible;
}

.why-choose-section .swiper-container .swiper-scrollbar {
	position: absolute;
	top: -38px;
	width: 1170px;
	height: 2px;
	background: rgba(0, 0, 0, 0.1);
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
}

.why-choose-section .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
	transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	background: #00cec9;
}

.why-choose-section .swiper-container .swiper-wrapper {
	display: flex;
	transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.why-choose-section .swiper-container .swiper-slide {
	height: 100%;
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.why-choose-content {
	display: none;
}

.why-choose-content .tab-item:not(:first-child) {
	margin-top: 30px;
}

.why-choose-content .tab-body {
	margin-top: 20px;
}

.why-choose-tab {
	max-width: 1170px;
	margin: auto;
	margin-bottom: 60px;
	padding-bottom: 12px;
	height: 38px;
	position: relative;
}

.why-choose-tab::before {
	content: "";
	position: absolute;
	height: 2px;
	background: rgba(0, 206, 201, 0.2);
	border-radius: 1px;
	width: 100%;
	bottom: 0px;
	left: 0px;
}

@media screen and (max-width: 767px) {
	.why-choose-tab::before {
		bottom: -23px;
	}
}

.why-choose-tab .tab-buttons {
	gap: 10px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.why-choose-tab .tab-buttons .slick-list {
	padding: 0 !important;
	width: 100% !important;
	overflow: visible;
}

.why-choose-tab .tab-buttons .slick-track {
	width: 100% !important;
	transform: translate3d(0px, 0px, 0px) !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.why-choose-tab .tab-buttons .slide-item {
	cursor: pointer;
	opacity: 0.6;
}

.why-choose-tab .tab-buttons .slide-item.slick-current {
	opacity: 1;
}

.why-choose-tab .tab-buttons .tab-btn {
	height: 26px;
	text-align: left;
	width: 25% !important;
}

@media screen and (max-width: 767px) {
	.why-choose-tab .tab-buttons .tab-btn {
		text-align: center;
	}
}

.why-choose-tab .tab-buttons .tab-btn.slick-current::after {
	content: "";
	position: absolute;
	height: 2px;
	background: #00cec9;
	border-radius: 1px;
	width: 20%;
	bottom: -12px;
	left: 0px;
	animation: lineProgress 3.5s linear infinite;
	-webkit-animation: lineProgress 3.5s linear infinite;
}

@media screen and (max-width: 767px) {
	.why-choose-tab .tab-buttons .tab-btn.slick-current::after {
		bottom: -35px;
	}
}

.why-choose-tab .tab-buttons .tab-btn.slick-current span:nth-child(1) {
	color: #00cec9;
}

.why-choose-section {
	padding: 65px 0 20px;
}

.why-choose-section .tab-content {
	margin-top: 60px;
	width: 100%;
}

.why-choose-section ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.why-choose-section .tab-btn {
	text-transform: capitalize;
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 700;
	color: #111111;
	transition: 0.3s;
}

.why-choose-section .tab-btn span {
	color: #999999;
	transition: 0.3s;
}

.why-choose-section .tab-btn .text,
.why-choose-section .tab-btn .text2 {
	color: #111111;
}

.why-choose-section .tab-btn.active span {
	color: #00cec9;
}

.why-choose-section .tab-btn.active .text,
.why-choose-section .tab-btn.active .text2 {
	color: #111111;
}

.why-choose-section .tab-body {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	gap: 50px;
}

.why-choose-section .tab-body-icon {
	width: 30%;
	flex: 0 0 auto;
}

.why-choose-section .tab-body-text {
	flex: 0 0 auto;
	width: 50%;
}

.why-choose-section .tab-body h2 {
	font-size: 24px;
	line-height: 36px;
}

.why-choose-section .tab-body p {
	margin-top: 29px;
	color: #444444;
}

.why-choose-section .tab-body .list {
	margin-top: 11px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.why-choose-section .tab-body .list .list-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.why-choose-section .tab-body .list .list-item svg {
	font-size: 18px;
	color: #999999;
	position: relative;
	top: -5px;
}

.why-choose-section .tab-body .list .list-item p {
	margin-top: 0;
	color: #111111;
}

.why-choose-parent {
	width: 100%;
	margin: 0 auto;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.why-choose-parent .overlay-left,
.why-choose-parent .overlay-right {
	position: absolute;
	z-index: 3;
	top: 0;
	width: 20%;
	height: 100%;
}

.why-choose-parent .overlay-left {
	left: 0;
	background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.why-choose-parent .overlay-right {
	right: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.why-chose-slider .section {
	max-width: 1170px;
	width: 100%;
	margin: auto;
}

.why-choose-section {
	position: relative;
	max-width: 1800px;
	margin: auto;
}

.why-choose-section .why-choose-tab progress {
	position: relative;
	top: -20px;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 2px;
	border: none;
	background: transparent;
	z-index: 2000;
}

.why-choose-section .why-choose-tab progress::-webkit-progress-bar {
	background: transparent;
}

.why-choose-section .why-choose-tab progress::-webkit-progress-value {
	background: #00cec9;
	background-attachment: fixed;
}

.why-choose-section .why-choose-tab progress::-moz-progress-bar {
	background: #00cec9;
	background-attachment: fixed;
}

.why-choose-section .swiper-container {
	width: 100%;
	display: flex;
	position: relative;
}

.why-choose-section .swiper-container .swiper-scrollbar {
	position: absolute;
	top: -38px;
	width: 1170px;
	height: 2px;
	background: rgba(0, 0, 0, 0.1);
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
}

.why-choose-section .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
	transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	background: #00cec9;
}

.why-choose-section .swiper-container .swiper-wrapper {
	display: flex;
	transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.why-choose-section .swiper-container .swiper-slide {
	height: 100%;
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.rating-section {
	padding: 120px 0 140px 0;
}

.rating-card {
	border: 1px dashed rgba(0, 0, 0, 0.15);
	border-radius: 60px;
	padding: 35px 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}

.rating-item {
	display: flex;
	align-items: center;
	gap: 24px;
}

.rating-item .rating-icon img {
	width: 40px;
	height: 40px;
}

.rating-item .rating-info h2 {
	line-height: 24px;
	font-size: 24px;
}

.rating-item .rating-meta {
	padding: 0;
	list-style: none;
	margin-top: 5px;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	gap: 20px;
}

.rating-item .rating-meta li {
	position: relative;
}

.rating-item .rating-meta li:not(:first-child)::before {
	position: absolute;
	content: "|";
	top: 0;
	left: -10px;
}

.testimonial-section-4 {
	padding: 112px 0;
	background: linear-gradient(90deg, #d3e1ff 0%, #ecf1f8 45.31%, #ffeaef 98.8%);
	position: relative;
	z-index: 0;
}

.testimonial-section-4::before {
	position: absolute;
	z-index: -1;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/testimonial/bg-shape.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.section-title.testimonial-title4 {
	margin-bottom: 105px;
}

.section-title.testimonial-title4 svg {
	color: #f7578c;
}

.testimonial-section-4-slider {
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
	position: relative;
}

.testimonial-section-4-slider::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: 0;
	left: 0;
	width: 375px;
	height: 100%;
	background: linear-gradient(90deg, #d3e1ff 0%, rgba(211, 225, 255, 0) 100%);
}

.testimonial-section-4-slider::after {
	position: absolute;
	z-index: 1;
	content: "";
	top: 0;
	right: 0;
	width: 375px;
	height: 100%;
	background: linear-gradient(90deg, rgba(255, 234, 239, 0) 0%, #ffeaef 100%);
}

.testimonial-section-4-slider .slider-container {
	width: calc(295px * 12);
	display: flex;
	align-items: center;
	gap: 20px;
	animation: testimonial4Slider 20s infinite linear;
}

.testimonial-section-4-slider .slider-item {
	flex: 0 0 auto;
	width: 295px;
	background-color: #ffffff;
	border-radius: 30px;
	padding: 20px 30px;
}

.testimonial-section-4-slider .slider-item:nth-child(4n + 1) {
	transform: rotate(5deg);
}

.testimonial-section-4-slider .slider-item:nth-child(4n + 3) {
	transform: rotate(-5deg);
}

.testimonial-section-4-slider .slider-item p {
	color: #444444;
}

.testimonial-section-4-slider .slider-item h4 {
	font-size: 15px;
	line-height: 24px;
}

.testimonial-section-4-slider .slider-item h5 {
	font-size: 13px;
	line-height: 24px;
	color: #444444;
}

.testimonial-section-4-slider .slider-item .slider-info {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@keyframes testimonial4Slider {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(calc(-295px * 6));
	}
}

.faq-section-4 {
	padding: 132px 0 135px 0;
	position: relative;
	z-index: 0;
}

.faq-section-4::before {
	position: absolute;
	z-index: -1;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/bg-question.svg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.faq-section-4-title {
	margin-bottom: 30px;
	text-align: center;
}

.faq-section-4-title h3 {
	margin-bottom: 16px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	color: #0095ff;
}

.faq-section-4-title h2 {
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 60px;
	color: #111111;
}

.faq-section-4-tab .nav.nav-tabs {
	border-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.faq-section-4-tab .nav-link {
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 26px;
	padding: 12px 28px;
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	text-align: center;
	color: #000000;
	transition: 0.3s;
}

.faq-section-4-tab .nav-link.active {
	border: 1px solid transparent;
	background-color: #e7f1fc;
	color: #0095ff;
}

.faq-section-4-tab .tab-content {
	margin-top: 50px;
}

.faq-section-4-bottom {
	margin-top: 72px;
	text-align: center;
}

.faq-section-4-bottom h4 {
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	color: #000000;
}

.faq-section-4-bottom h5 {
	font-size: 15px;
	line-height: 30px;
	color: #444444;
}

.faq-section-4-bottom .text-link {
	margin: 15px auto 0;
}

.building-section-4 {
	padding: 88px 0 73px 0;
	background-color: #191c1f;
	position: relative;
	z-index: 0;
}

.building-section-4::before {
	position: absolute;
	z-index: -1;
	content: "";
	top: 0;
	left: 0;
	width: 36.5%;
	height: 100%;
	background-color: #ffffff05;
}

.building-section-4::after {
	position: absolute;
	z-index: -2;
	content: "";
	top: 0;
	right: 0;
	width: calc(100% - 36.5%);
	height: 100%;
	background-image: url("../images/building/fram-4.svg");
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
}

.building-content-4 h2 {
	color: #ffffff;
}

.building-content-4 a {
	display: inline-block;
	margin-top: 34px;
}

.building-content-4 .theme-btn {
	padding-top: 16px;
	padding-bottom: 16px;
}

/*-- home page 4 style end --*/
/*-- home page 5 style start --*/
.why-chose-us-section {
	padding-top: 132px;
	padding-bottom: 126px;
}

.why-chose-us-section .why-chose-us-content {
	margin-top: 40px;
}

.why-chose-us-section .why-chose-us-content .why-chose-us-card {
	padding: 44px 20px;
	width: 100%;
	text-align: center;
	border-radius: 30px;
	overflow: hidden;
}

.why-chose-us-section .why-chose-us-content .why-chose-us-card.active {
	background: #f9f1ff;
}

.why-chose-us-section .why-chose-us-content .why-chose-us-card h5 {
	margin-bottom: 24px;
	font-weight: 700;
}

.why-chose-us-section .why-chose-us-content .why-chose-us-card p {
	max-width: 330px;
	width: 100%;
	margin: auto;
	margin-bottom: 47px;
}

.powerfull-template-section {
	margin-bottom: 140px;
	overflow-y: hidden;
}

.powerfull-template-content {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.powerfull-template-content .powerfull-template-row {
	display: flex;
	align-items: center;
	justify-content: center;
}

.powerfull-template-row {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.powerfull-template-row.active .powerfull-template-number {
	color: #ffffff;
	background: #0095ff;
}

.powerfull-template-row .powerfull-template-number {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	border: 10px solid #ffffff;
	background: #e6e6e6;
	color: #111111;
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 700;
	line-height: 30px;
	position: absolute;
	top: 0px;
	z-index: 2;
	transition: 0.3s;
}

.powerfull-template-row::before {
	z-index: 1;
	content: "";
	background: rgba(0, 0, 0, 0.1);
	height: 100%;
	width: 2px;
	top: 0;
	position: absolute;
}

.powerfull-template-row::after {
	content: "";
	background: #0095ff;
	height: 0%;
	width: 2px;
	top: 0;
	position: absolute;
	z-index: 1;
	transition: height 2s;
}

.powerfull-template-img.powerfull-template-img-right {
	padding: 30px 0px 50px 70px;
	margin-top: 40px;
}

.powerfull-template-img.powerfull-template-img-left {
	padding: 30px 70px 50px 0px;
	margin-top: 40px;
}

.timeline-innerline {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 2px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
}

.timeline-innerline .timeline-progress {
	width: 2px;
	height: 50px;
	background-color: #0095ff;
}

.powerfull-template-text {
	padding-top: 75px;
	max-width: 457px;
	width: 100%;
}

.powerfull-template-text ol,
.powerfull-template-text ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.powerfull-template-text.powerfull-template-text-right {
	padding-left: 80px;
}

.powerfull-template-text h4 {
	margin-bottom: 24px;
}

.powerfull-template-text h6 {
	margin-bottom: 10px;
	font-family: "DM Sans", sans-serif;
}

.powerfull-template-text p {
	margin-bottom: 16px;
}

.powerfull-template-text ul li {
	color: #111111;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 15px;
}

.powerfull-template-text ul li svg {
	color: #999999;
	font-size: 18px;
}

.powerfull-template-text ol {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 26px;
}

.powerfull-template-text ol li {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	width: 100%;
	margin-right: 20px;
	color: #111111;
}

.powerfull-template-text ol li:last-child {
	margin-right: 0;
}

.powerfull-template-text ol li img {
	margin-bottom: 10px;
}

/*-- happy-customer-section style start --*/
.happy-customers-section {
	padding-top: 128px;
	padding-bottom: 130px;
	position: relative;
	z-index: 0;
}

.happy-customers-section .happy-customers-bg {
	position: absolute;
	z-index: -1;
	width: 100%;
	bottom: 0px;
	left: 0px;
}

.happy-customers-section .happy-customers-bg .happy-customers-bg-img {
	width: 100%;
	object-fit: cover;
	height: 1100px;
}

.happy-customers-section .happy-customers-bg .happy-customers-bg-inner {
	position: relative;
}

.happy-customers-section .happy-customers-bg .happy-customers-bg-inner .happy-customers-bg-ball {
	position: absolute;
}

.happy-customers-section .happy-customers-bg .happy-customers-bg-inner .happy-customers-bg-ball1 {
	top: 1%;
	left: 4%;
}

.happy-customers-section .happy-customers-bg .happy-customers-bg-inner .happy-customers-bg-ball2 {
	top: -5%;
	right: 8%;
}

.happy-customers-section .happy-customers-bg .happy-customers-bg-inner .happy-customers-bg-ball3 {
	top: -3.2%;
	right: 3.5%;
}

.happy-customers-title h2 {
	font-family: "Jost", sans-serif;
}

.happy-customers-title h5 {
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	color: #444444;
	margin-top: 12px;
}

.happy-customer-left .happy-customer-rating {
	margin: 43px 0 45px 0;
}

.happy-customer-rating {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 20px;
}

.happy-customer-rating li {
	padding: 12px 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: #ffffff;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	cursor: pointer;
}

.happy-customer-right {
	position: relative;
	margin-top: -160px;
}

.happy-customer-right .bg-img {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}

.happy-customer-slider-for .slick-arrow {
	z-index: 1;
	top: unset;
	bottom: 0;
	cursor: pointer;
}

.happy-customer-slider-for .slick-arrow.slick-prev {
	left: unset;
	right: 70px;
}

.happy-customer-slider-for .slick-arrow.slick-next {
	right: 0;
}

.happy-customer-slider-for .slider-counter {
	position: absolute;
	bottom: 7px;
	right: 28px;
	font-size: 15px;
	line-height: 25px;
	color: #111111;
	letter-spacing: 3px;
}

.happy-customer-slider-for .slider-item {
	transition: none !important;
}

.happy-customer-slider-for .slider-item p {
	font-size: 24px;
	font-weight: 500;
	line-height: 45px;
	color: #111111;
	margin-bottom: 27px;
}

.happy-customer-slider-for .slider-item .customers-name h5 {
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
}

.happy-customer-slider-for .slider-item .customers-name .designation {
	display: block;
	font-weight: 400;
	color: #444444;
}

.happy-customer-slider-nav .slick-list {
	padding: 0 !important;
}

.happy-customer-slider-nav .slick-track {
	width: 100% !important;
	height: 100%;
	transform: translate3d(0px, 0px, 0px) !important;
	display: grid;
	align-items: center;
	grid-template-areas: "item1 item1"
		"item2 item3"
		"item4 item4";
	gap: 20px;
}

.happy-customer-slider-nav .slick-track .slider-item:nth-child(1) {
	grid-area: item1;
	margin: 0 auto;
}

.happy-customer-slider-nav .slick-track .slider-item:nth-child(2) {
	grid-area: item2;
	margin: 0 auto;
}

.happy-customer-slider-nav .slick-track .slider-item:nth-child(3) {
	grid-area: item3;
	margin: 0 auto;
}

.happy-customer-slider-nav .slick-track .slider-item:nth-child(4) {
	grid-area: item4;
	margin: 0 auto;
}

.happy-customer-slider-nav .slider-item {
	cursor: pointer;
}

.happy-customer-slider-nav .slider-item .slider-img {
	width: 102px;
	height: 102px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.happy-customer-slider-nav .slider-item .slider-img::before {
	position: absolute;
	z-index: -1;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border-radius: 50%;
	background-color: #eceff1;
}

.happy-customer-slider-nav .slider-item .slider-img img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: grey;
}

.happy-customer-slider-nav .slider-item .slider-img .circle-progress {
	position: absolute;
	z-index: -2;
	width: 102px;
	height: 102px;
}

.happy-customer-slider-nav .slider-item .slider-img .halfclip {
	width: 50%;
	height: 100%;
	right: 0px;
	position: absolute;
	overflow: hidden;
	transform-origin: left center;
}

.happy-customer-slider-nav .slider-item .slider-img .halfcircle {
	box-sizing: border-box;
	height: 100%;
	right: 0px;
	position: absolute;
	border: solid 25px transparent;
	border-radius: 50%;
}

.happy-customer-slider-nav .slider-item .slider-img .clipped {
	width: 200%;
}

.happy-customer-slider-nav .slider-item .slider-img .fixed {
	width: 100%;
	transform: rotate(135deg);
}

.happy-customer-slider-nav .slider-item.slick-current .halfclip {
	animation: cliprotate 6.5s steps(2) infinite;
	-webkit-animation: cliprotate 6.5s steps(2) infinite;
}

.happy-customer-slider-nav .slider-item.slick-current .halfcircle {
	border-top-color: #111111;
	border-left-color: #111111;
}

.happy-customer-slider-nav .slider-item.slick-current .clipped {
	animation: rotate 3.25s linear infinite;
	-webkit-animation: rotate 3.25s linear infinite;
}

.happy-customer-slider-nav .slider-item.slick-current .fixed {
	animation: showfixed 6.5s steps(2) infinite;
	-webkit-animation: showfixed 6.5s linear infinite;
}

@-webkit-keyframes cliprotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes cliprotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate {
	0% {
		transform: rotate(-45deg);
	}

	100% {
		transform: rotate(135deg);
	}
}

@keyframes rotate {
	0% {
		transform: rotate(-45deg);
	}

	100% {
		transform: rotate(135deg);
	}
}

@-webkit-keyframes showfixed {
	0% {
		opacity: 0;
	}

	49.9% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

/*-- happy-customer-section style end --*/
/*-- home page 5 style end --*/
/*-- home page 7 style start --*/
.portfolio-gallery-section {
	padding-bottom: 140px;
}

.portfolio-grid-container {
	width: 100%;
	margin: auto;
}

.portfolio-grid-container.row {
	margin-left: -15px;
	margin-right: -15px;
}

.portfolio-grid-container.row .col-md-4 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.portfolio-gallery-card {
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	background: transparent;
	min-height: 100px;
	height: auto;
	text-align: center;
}

.portfolio-gallery-card2 {
	padding-top: 70px;
}

.portfolio-gallery-card .portfolio-img {
	height: 100%;
	width: 100%;
	cursor: pointer;
}

.portfolio-gallery-card .portfolio-img img {
	height: 100%;
	width: 100%;
	opacity: 1;
}

.portfolio-gallery-card .portfolio-details {
	position: absolute;
	left: 0px;
	padding: 15px;
	background: transparent;
	width: 100%;
}

.portfolio-gallery-card .portfolio-text-card {
	background: #ffffff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 11px 20px;
	gap: 20px;
	text-align: left;
}

.portfolio-gallery-card .portfolio-text-card h5 a {
	color: #111111;
}

.portfolio-gallery-card .portfolio-text-card h6 {
	font-size: 14px;
}

.portfolio-gallery-card .portfolio-text-card .portfolio-text-link {
	transition: 0.5s;
}

.portfolio-gallery-card .portfolio-text-card .portfolio-text-link .icon {
	background: rgba(0, 0, 0, 0.1);
	height: 30px;
	width: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.portfolio-gallery-card .portfolio-text-card .portfolio-text-link .icon svg {
	color: #444444;
}

.portfolio-gallery-card .portfolio-text-card:hover .portfolio-text-link {
	transform: rotate(-45deg);
}

.portfolio-gallery-card:hover .portfolio-details {
	bottom: 0px;
	animation-name: slideToTop;
	animation-duration: 0.6s;
}

@keyframes slideToTop {
	0% {
		bottom: -120px;
	}

	100% {
		bottom: 0px;
	}
}

.lb-outerContainer {
	height: 100vh !important;
	position: fixed !important;
	left: 0px !important;
	top: 0px !important;
	width: 100% !important;
	border-radius: 0px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
}

.lightbox .lb-image {
	border: none;
	border-radius: 0px;
}

.lb-nav a.lb-next {
	opacity: 1;
	right: 30px;
	width: 20%;
	margin-right: 30px;
}

.lb-nav a.lb-prev {
	opacity: 1;
	left: 30px;
	width: 20%;
	margin-left: 30px;
}

.lb-data .lb-close {
	position: fixed;
	top: 30px;
	right: 30px;
}

/*-- home page 7 style end --*/
/*-- home page 8 style start --*/
.v8banner-section {
	background: #0d333f;
	padding-top: 90px;
	position: relative;
}

.v8banner-text {
	max-width: 607px;
	padding-right: 49px;
	min-height: 760px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}

.v8banner-text .title {
	line-height: 1.25;
	color: #ffffff;
	margin-bottom: 18px;
}

.v8banner-text p {
	font-size: 18px;
	line-height: 36px;
	color: #ffffff;
	margin-bottom: 48px;
}

.v8banner-video {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 50%;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 90px;
}

.v8banner-video video {
	width: 100%;
	min-height: 760px;
	object-fit: cover;
}

.design-system-sticky {
	z-index: 1;
	background: #f4f5f8;
	padding-top: 132px;
	padding-bottom: 60px;
	width: 100% !important;
}

.design-system-img {
	text-align: center;
	max-width: 870px;
	width: 100%;
	margin: auto;
	margin-top: 54px;
}

.v8-seroll-content {
	position: relative;
	z-index: 2;
	background: #ffffff;
}

.index8-accounting-section {
	padding-top: 120px;
	padding-bottom: 140px;
}

.index8-accounting-column-section .custom-row {
	padding-bottom: 140px;
}

.index8-accounting-column-section .custom-row .custom-column {
	padding-bottom: 40px !important;
}

.index8-accounting-column-section .custom-row .custom-column:nth-last-child(1) .index8-accounting-column-content {
	border: none;
}

.index8-accounting-column-content {
	width: 100%;
	padding-right: 18px;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.index8-accounting-column-content .index8-accounting-colun-icon {
	margin-bottom: 23px;
}

.index8-accounting-column-content h4 {
	font-size: 15px;
	margin-bottom: 14px;
}

.index8-accounting-column-content p {
	width: 100%;
}

.index8-accounting-img {
	overflow: hidden;
	max-width: 520px;
	width: 100%;
	min-height: 100%;
	padding-right: 20px;
}

.index8-accounting-img img {
	max-width: 100%;
	height: 100%;
	width: 100%;
	border-radius: 30px;
}

.index8-accounting-content {
	min-height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}

.index8-accounting-text p {
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.index8-accounting-text ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

.index8-accounting-text ul li {
	width: 50%;
	color: #111111;
}

.index8-accounting-text ul li svg {
	color: rgba(13, 172, 129, 0.5);
	margin-right: 10px;
	font-size: 18px;
}

.index8-accounting-text .check-list li {
	margin-bottom: 12px;
}

.we-offering-section {
	background: #0d333f;
}

.we-offering-text {
	max-width: 500px;
	padding-right: 30px;
}

.we-offering-slider-nav {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}

.we-offering-slider-nav.slick-slider .slick-list {
	width: 100%;
	padding: 0px !important;
}

.we-offering-slider-nav.slick-slider .slick-track {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	width: 100% !important;
	transform: translate3d(0px, 0px, 0px) !important;
}

.we-offering-slider-nav .slick-btn {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	color: rgba(255, 255, 255, 0.7);
	padding: 30px 0px;
	width: 100% !important;
	cursor: pointer;
}

.we-offering-slider-nav .slick-btn.slick-current {
	color: #ffffff;
	padding-left: 37px;
	position: relative;
}

.we-offering-slider-nav .slick-btn.slick-current::before {
	content: url(../img/theme/slider-arrow-right.svg);
	position: absolute;
	left: 0px;
}

.we-offering-slider-nav .slick-btn.slick-current::after {
	position: absolute;
	bottom: -2px;
	left: 0px;
	content: "";
	height: 2px;
	width: 30%;
	background: rgba(170, 239, 105, 0.2);
	animation: lineProgress 3.5s linear infinite;
	-webkit-animation: lineProgress 3.5s linear infinite;
}

.we-offering-slider-content {
	max-width: 570px;
}

.we-offering-slide-bg-img {
	position: relative;
	z-index: 1;
}

.we-offering-slider {
	position: relative;
	margin-top: -250px;
	z-index: 2;
}

.we-offering-slide-img {
	height: 220px;
	width: 230px;
	margin-left: 30px;
	margin-bottom: 90px;
}

.we-offering-slide-img img {
	height: 100%;
	width: 100%;
}

.we-offering-slide-item-text h4 {
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 20px;
}

.we-offering-slide-item-text p {
	color: #ffffff;
}

.we-offering-slide-item-text ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.we-offering-slide-item-text ul li {
	line-height: 30px;
	color: #ffffff;
	padding-left: 15px;
	position: relative;
	margin-top: 0;
}

.we-offering-slide-item-text ul li::before {
	content: "";
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: #0dac81;
	position: absolute;
	left: 0px;
	top: 12px;
}

.we-offering-slide-btns {
	gap: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 30px;
}

.we-offering-slide-btns button {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	padding: 8px 15px;
	color: #ffffff;
}

.we-offering-slide-btns button svg {
	color: #0dac81;
	margin-right: 9px;
}

/*-- home page 8 style end --*/
/*-- chatbot style start --*/
.chatbot-customers-suport-sectoin {
	padding-bottom: 140px;
	background: #ffffff;
}

.chatbot-customers-suport-card {
	border-radius: 30px;
	padding: 50px 50px 0px 50px;
	position: relative;
	overflow: hidden;
	min-height: 100%;
	max-height: 695px;
	overflow: hidden;
}

.chatbot-customers-suport-card1 {
	background: #0048AC;
}

.chatbot-customers-suport-card1::after {
	content: url(../images/chatbot/card-shape1.svg);
	top: 0px;
	left: 0px;
	position: absolute;
	overflow: hidden;
	z-index: 0;
}

.chatbot-customers-suport-card2 {
	background: #0F5267;
}

.chatbot-customers-suport-card2::after {
	content: url(../images/chatbot/card-shape2.svg);
	bottom: -10px;
	left: 0px;
	position: absolute;
	overflow: hidden;
	z-index: 0;
}

.chatbot-customers-suport-card .card-title {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	padding: 8px 20px;
	width: max-content;
	margin-bottom: 17px;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 24px;
	position: relative;
	z-index: 1;
}

.chatbot-customers-suport-card .card-subtitle {
	position: relative;
	z-index: 1;
	margin-bottom: 26px;
}

.chatbot-customers-suport-card .card-pragraph {
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
	color: #ffffff;
	max-width: 398px;
	margin-bottom: 20px;
}

.chatbot-customers-suport-card ul {
	list-style: url(../images/chatbot/list-bullet.svg);
	padding-left: 20px;
	margin-bottom: 35px;
	position: relative;
	z-index: 1;
}

.chatbot-customers-suport-card ul li {
	color: #ffffff;
	line-height: 36px;
}

.chatbot-customers-suport-card .card-img {
	min-height: 150px;
	z-index: 111;
	transition: 0s;
	transform-style: preserve-3d;
}

.chatbot-customers-suport-card .card-img1 {
	max-width: 447px;
	margin: auto;
}

.chatbot-customers-suport-card .card-img2 {
	max-width: 298px;
	margin-left: auto;
	margin-top: -100px;
}

.chatbot-why-choose-us-section {
	padding-top: 140px;
	padding-bottom: 220px;
	background: #ffffff;
}

.chatbot-why-choose-us-content {
	border-radius: 30px;
	padding: 112px 70px;
}

.chatbot-why-choose-us-left {
	min-height: 100%;
	position: relative;
}

.chatbot-why-choose-us-left p {
	max-width: 400px;
	width: 100%;
	margin-top: 35px;
}

.chatbot-why-choose-us-left .chatbot-why-choose-img {
	position: absolute;
	left: 0px;
	bottom: -182px !important;
	transition: 0.5s;
	transform-style: preserve-3d;
}

.chatbot-why-choose-us-right {
	min-height: 100%;
}

.chatbot-why-choose-info {
	margin-bottom: 50px;
}

.chatbot-why-choose-info:nth-last-child(1) {
	margin-bottom: 0px;
}

.chatbot-why-choose-info .chatbot-why-choose-icon {
	margin-bottom: 23px;
}

.chatbot-why-choose-info h5 {
	margin-bottom: 14px;
	font-weight: 700;
}

.chatbot-why-choose-info p {
	margin-bottom: 0px;
}

.chatbot-best-pricing-section {
	padding-top: 132px;
	padding-bottom: 70px;
	background: #F7F5F2;
}

.best-pricing-monthly {
	display: block;
}

.best-pricing-yearly {
	display: none;
}

.chatbot-best-pricing-card {
	min-height: 100%;
	border-radius: 30px;
	padding: 33px 40px 40px 40px;
}

.chatbot-best-pricing-card:hover .card-header img {
	transform: rotate(-45deg);
}

.chatbot-best-pricing-card1 {
	background: #ffffff;
}

.chatbot-best-pricing-card1 .card-header p {
	color: #111111;
	max-width: 175px;
	width: 100%;
}

.chatbot-best-pricing-card1 .card-header img {
	filter: brightness(0%);
	transition: 0.4s;
}

.chatbot-best-pricing-card1 .card-body h3 span {
	color: #444444;
}

.chatbot-best-pricing-card1 .card-body .chatbot-best-pricing-card-btn {
	border: 2px solid rgba(0, 149, 255, 0.3);
	border-radius: 50px;
	color: #0095ff;
}

.chatbot-best-pricing-card1 .card-body .chatbot-best-pricing-card-btn span {
	color: #0095ff;
}

.chatbot-best-pricing-card2 {
	background: #032368;
}

.chatbot-best-pricing-card2 .card-header p {
	color: #ffffff;
	max-width: 219px;
	width: 100%;
}

.chatbot-best-pricing-card2 .card-header img {
	transition: 0.4s;
}

.chatbot-best-pricing-card2 .card-body h3 {
	color: #ffffff;
}

.chatbot-best-pricing-card2 .card-body h3 span {
	color: #ffffff;
}

.chatbot-best-pricing-card2 .card-body p {
	color: #ffffff;
}

.chatbot-best-pricing-card2 .card-body .chatbot-best-pricing-card-btn {
	border: 2px solid rgba(0, 149, 255, 0.3);
	border-radius: 50px;
	background: #ffffff;
	border: 2px solid transparent;
}

.chatbot-best-pricing-card2 .card-body .chatbot-best-pricing-card-btn span {
	color: #000000;
}

.chatbot-best-pricing-card3 {
	background: #EDE4DB;
}

.chatbot-best-pricing-card3 .card-header p {
	color: #111111;
	max-width: 232px;
	width: 100%;
}

.chatbot-best-pricing-card3 .card-header img {
	filter: brightness(0%);
	transition: 0.4s;
}

.chatbot-best-pricing-card3 .card-body h3 span {
	color: #444444;
}

.chatbot-best-pricing-card3 .card-body .chatbot-best-pricing-card-btn {
	border: 2px solid rgba(0, 149, 255, 0.3);
	border-radius: 50px;
	color: #0095ff;
}

.chatbot-best-pricing-card3 .card-body .chatbot-best-pricing-card-btn span {
	color: #0095ff;
}

.chatbot-best-pricing-card .card-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 32px;
}

.chatbot-best-pricing-card .card-header img {
	margin-top: 15px;
}

.chatbot-best-pricing-card .card-body .pricing-icon {
	margin-bottom: 24px;
}

.chatbot-best-pricing-card .card-body h3 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 24px;
}

.chatbot-best-pricing-card .card-body h3 span {
	font-size: 15px;
	line-height: 30px;
	font-weight: 500;
	margin-left: 8px;
	font-family: "DM Sans", sans-serif !important;
}

.chatbot-best-pricing-card .card-body p {
	margin-bottom: 29px;
}

.chatbot-best-pricing-card .card-body .chatbot-best-pricing-card-btn {
	width: 100%;
	padding: 17px;
	font-size: 15px;
	line-height: 26px;
	font-weight: 700;
	border-radius: 50px;
	color: #0095ff;
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.convert-visitors-section {
	background: #ffffff;
}

.convert-visitors-slider-nav {
	margin-bottom: 34px;
}

.convert-visitors-img-section {
	max-width: 440px;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

.convert-visitors-slider-nav-section {
	margin-left: -58px;
}

.convert-visitors-slider-nav-section .slick-list {
	padding: 0 !important;
	width: 100%;
}

.convert-visitors-slider-nav-section .slick-track {
	width: 100% !important;
	transform: translate3d(0px, 0px, 0px) !important;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 58px;
}

.convert-visitors-slider-nav-section .nav-item {
	cursor: pointer;
}

.convert-visitors-slider-nav-section .nav-item.slick-current {
	opacity: 1;
}

.convert-visitors-slider-nav-section .nav-item.slick-current button {
	color: #0095ff;
	border-bottom: 2px solid #0095ff;
}

.convert-visitors-slider-nav {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	max-width: 885px;
	width: 100%;
	list-style: none;
	padding: 0px;
}

.convert-visitors-slider-nav .nav-item {
	max-width: max-content !important;
	width: 100% !important;
}

.convert-visitors-slider-nav .nav-item button {
	color: #111111;
	padding-bottom: 6px;
	border-bottom: 2px solid transparent;
	max-width: max-content !important;
	width: 100% !important;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
}

.convert-visitors-slider-nav .nav-item button:hover {
	color: #0095ff;
	border-bottom: 2px solid #0095ff;
}

.convert-visitors-slider-content {
	position: relative;
}

.convert-visitors-slider-content .slick-dots {
	max-width: 440px;
	padding: 25px;
	width: 100%;
	margin: auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1%;
	background: transparent;
	border-radius: 0px 0px 30px 30px;
	height: 90px;
	left: 15px;
	bottom: 0px;
}

.convert-visitors-slider-content .slick-dots li {
	width: 24%;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 1.5px;
	height: 3px;
	border-radius: 1.5px;
	overflow: hidden;
}

.convert-visitors-slider-content .slick-dots li button::before {
	display: none;
}

.convert-visitors-slider-content .slick-dots li.slick-active button {
	height: 3px;
	border-radius: 1.5px;
	width: 0%;
	background: #ffffff;
	animation: lineProgress 3.5s linear infinite;
	-webkit-animation: lineProgress 3.5s linear infinite;
}

.convert-visitors-slider-content .convert-visitors-slider-bg {
	position: absolute;
	bottom: 0px;
}

.convert-visitors-slider-content .convert-visitors-slider-bg img {
	height: 100%;
	width: 100%;
	border-radius: 30px;
	overflow: hidden;
}

.convert-visitors-slider-right {
	padding-top: 76px;
}

.convert-visitors-slider-right ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 11px;
}

.convert-visitors-slider-right ul li {
	color: #111111;
	line-height: 36px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 30px;
}

.convert-visitors-slider-right ul li::before {
	content: url(../images/icons/check.svg);
	position: absolute;
	top: 3px;
	left: 0px;
}

.convert-visitors-progress-section {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 25px;
	margin-bottom: 15px;
}

.convert-visitors-progress-section .convert-visitors-progress {
	border-radius: 15px;
	height: 60px;
}

.convert-visitors-progress-section .convert-visitors-progress.satisfaction {
	background: rgba(0, 149, 255, 0.5);
	max-width: 195px;
	width: 100%;
}

.convert-visitors-progress-section .convert-visitors-progress.feedback {
	background: rgba(15, 82, 103, 0.5);
	max-width: 88px;
	width: 100%;
}

.convert-visitors-progress-section .convert-visitors-progress-text h3 {
	line-height: 24px;
	margin-bottom: 3px;
}

.convert-visitors-progress-section .convert-visitors-progress-text p {
	line-height: 24px;
}

.lead-generation-list {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 27px;
	margin-bottom: 26px;
}

.lead-generation-list h4 {
	margin-bottom: 0px;
}

.lead-generation-list p {
	margin-bottom: 0px;
}

.chatbot-testmonial-section {
	padding-bottom: 140px;
	background: #F7F5F2;
}

.chatbot-testmonial-content {
	max-width: 780px;
	margin: auto;
	text-align: center;
}

.chatbot-testmonial-content .testmonial-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	color: #999999;
	text-align: center;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin-bottom: 52px;
}

.chatbot-testmonial-content .testmonial-quote-text {
	font-size: 25px;
	font-weight: 500;
	line-height: 45px;
	color: #111111;
	margin-bottom: 25px;
}

.chatbot-testmonial-content .clint-content .clint-img {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	margin: auto;
	margin-bottom: 17px;
}

.chatbot-testmonial-content .clint-content .clint-img img {
	height: 100%;
	width: 100%;
	position: absolute;
}

.chatbot-testmonial-content .clint-content .clint-info {
	margin-bottom: 29px;
}

.chatbot-testmonial-content .clint-content .clint-info span {
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	color: #111111;
}

.chatbot-testmonial-content .slick-dots {
	position: relative;
	bottom: 0px;
	max-width: 107px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	gap: 6px;
}

.chatbot-testmonial-content .slick-dots li {
	height: 8px;
	width: 8px;
	padding: 0px;
}

.chatbot-testmonial-content .slick-dots li button {
	background: rgba(0, 0, 0, 0.2);
	height: 8px;
	width: 8px;
	border-radius: 50%;
	opacity: 1;
	color: transparent;
}

.chatbot-testmonial-content .slick-dots li button:before {
	display: none;
}

.chatbot-testmonial-content .slick-dots li.slick-active {
	width: 15px;
}

.chatbot-testmonial-content .slick-dots li.slick-active button {
	width: 15px;
	border-radius: 20px;
	background: #111111;
}

.testmonial-quote-icon {
	height: 100px;
	width: 100px;
	overflow: hidden;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFC847;
	margin: auto;
	margin-bottom: 47px;
}

.testmonial-quote-icon .circle-progress {
	position: absolute;
	z-index: 1;
	width: 100px;
	height: 100px;
}

.testmonial-quote-icon .halfclip {
	width: 50%;
	height: 100%;
	right: 0px;
	position: absolute;
	overflow: hidden;
	transform-origin: left center;
}

.testmonial-quote-icon .halfcircle {
	box-sizing: border-box;
	height: 100%;
	right: 0px;
	position: absolute;
	border: solid 3px transparent;
	border-radius: 50%;
}

.testmonial-quote-icon .clipped {
	width: 200%;
}

.testmonial-quote-icon .fixed {
	width: 100%;
	transform: rotate(135deg);
}

.chatbot-testmonial-slider .slick-current .halfclip {
	animation: cliprotate 3.5s steps(2) infinite;
	-webkit-animation: cliprotate 3.5s steps(2) infinite;
}

.chatbot-testmonial-slider .slick-current .halfcircle {
	border-top-color: #B38D33;
	border-left-color: #B38D33;
}

.chatbot-testmonial-slider .slick-current .clipped {
	animation: rotate 1.75s linear infinite;
	-webkit-animation: rotate 1.75s linear infinite;
}

.chatbot-testmonial-slider .slick-current .fixed {
	animation: showfixed 3.5s steps(2) infinite;
	-webkit-animation: showfixed 3.5s linear infinite;
}

.chatbot-testmonial-badge {
	max-width: 620px;
	width: 100%;
	margin: auto;
	padding-top: 80px;
}

.chatbot-testmonial-badge ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1%;
	padding: 0px;
	list-style: none;
}

.chatbot-testmonial-badge ul li {
	width: 19%;
}

/*-- chatbot style End --*/
/*-- about-us page style start --*/
/*-- customer-section start --*/
.customer-section {
	padding: 140px 0;
}

.customer-section .users-list {
	margin-bottom: 13px;
}

.customer-content-text h2 {
	margin-bottom: 37px;
}

.customer-content-text p {
	margin-bottom: 15px;
}

.customer-content-text .text-link {
	margin-top: 40px;
}

/*-- customer-section end --*/
/*-- about-feature-section start --*/
.about-feature-section {
	padding: 0;
}

.about-feature-title {
	margin-bottom: 50px;
}

.about-feature-title h3 {
	margin-bottom: 17px;
	font-weight: 700;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #0095ff;
}

.about-feature-tab .nav.nav-tabs {
	border-bottom: 0;
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.about-feature-tab .nav.nav-tabs .nav-link {
	padding: 13px 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	border: 1px solid #0000001a;
	border-radius: 26px;
	font-weight: 700;
	color: #000000;
	transition: 0.3s;
}

.about-feature-tab .nav.nav-tabs .nav-link.active {
	border: 1px solid #e7f1fc;
	background-color: #e7f1fc;
	color: #0095ff;
}

.about-feature-tab .tab-content {
	margin-top: 45px;
}

.about-feature-tab .about-feature-tab-content h4 {
	margin-bottom: 20px;
	color: #111111;
}

.about-feature-tab .about-feature-tab-content p {
	color: #444444;
}

.about-feature-tab .about-feature-tab-content .list {
	padding: 0;
	list-style: none;
	margin-top: 48px;
	display: flex;
	align-items: center;
	gap: 75px;
}

.about-feature-tab .about-feature-tab-content .list .list-item {
	display: flex;
	align-items: center;
	gap: 14px;
}

.about-feature-tab .about-feature-tab-content .list .list-item img {
	width: 50px;
	height: 50px;
	padding: 15px;
	border: 1px solid #0095ff4d;
	border-radius: 10px;
}

.about-feature-tab .about-feature-tab-content .list .list-item p {
	margin-bottom: 0;
	color: #000000;
}

.about-feature-img {
	position: relative;
	/* pie progress */
}

.about-feature-img .overlay-item {
	position: absolute;
}

.about-feature-img .overlay-item.reduction-time {
	top: 10px;
	left: 0;
}

.about-feature-img .overlay-item.success-rate {
	bottom: 30px;
	right: 30px;
}

.about-feature-img .overlay-item.wave-shape {
	top: 50%;
	left: -50px;
	transform: translateY(-50%);
}

.about-feature-img .reduction-time {
	width: 170px;
	height: 90px;
	border-radius: 0 45px 0 0;
	background-color: #ffffff;
	padding: 24px 24px 24px 0;
}

.about-feature-img .reduction-time-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.about-feature-img .reduction-time h3 {
	margin-bottom: 10px;
	line-height: 20px;
}

.about-feature-img .reduction-time p {
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
}

.about-feature-img .success-rate {
	width: 170px;
	height: 170px;
}

.about-feature-img .success-rate-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.about-feature-img .pie_progress {
	width: 130px;
	height: 130px;
	margin: auto 0;
	background-color: transparent;
}

.about-feature-img .pie_progress__label {
	margin-top: 0px;
}

.about-feature-img .pie_progress__label h3 {
	margin-bottom: 0;
	line-height: 1.1;
	color: #000000;
}

.about-feature-img .pie_progress__label p {
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
}

/*-- about-feature-section end --*/
/*-- team-section start --*/
.team-section {
	padding: 0 0 110px 0;
}

.team-section .section-title {
	margin-bottom: 40px;
}

.team-section .section-title h5 {
	margin-bottom: 18px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #0095ff;
}

.team-section .section-title h2 {
	line-height: 55px;
}

.team-card {
	width: fit-content;
	margin: 0 auto 30px;
	padding: 25px 25px 30px 25px;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 135px 135px 30px 30px;
}

.team-card-img {
	margin-bottom: 25px;
}

.team-card-img img {
	max-width: 100%;
	width: 220px;
	height: 220px;
	border-radius: 50%;
}

.team-card-info {
	margin-bottom: 30px;
	text-align: center;
}

.team-card-info h5 {
	font-weight: 700;
}

.team-card-info p {
	color: #444444;
}

.team-social-link {
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}

.team-social-link li a {
	opacity: 0.5;
	transition: 0.3s;
}

.team-social-link li a:hover {
	opacity: 0.7;
}

/*-- team-section end --*/
/*-- building-section start --*/
.building-section {
	padding: 96px 0;
	background-color: #242549;
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
	position: relative;
	z-index: 0;
}

.building-section::after,
.building-section::before {
	position: absolute;
	z-index: -1;
	content: "";
	top: 0;
	height: 100%;
}

.building-section::before {
	left: 0;
	width: 36%;
	background-color: #242549;
}

.building-section::after {
	top: 0;
	right: 0;
	width: 63.5%;
	background-image: url(../images/building/fram-4.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
}

.building-content-text {
	margin-bottom: 34px;
}

.building-content h2 {
	color: #ffffff;
}

.building-img {
	text-align: right;
}

/*-- building-section end --*/
/*-- about-us page style end --*/
/*-- service page style start --*/
.service-section {
	padding: 130px 0 90px 0;
}

.service-content {
	margin-bottom: 40px;
}

.service-content h3 {
	margin-bottom: 8px;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 26px;
	color: #0095ff;
}

.service-content h2 {
	font-size: 18px;
	line-height: 30px;
}

.service-content-title {
	margin-bottom: 19px;
}

.service-content-list {
	padding: 0;
	list-style: none;
}

.service-content-list li {
	color: #444444;
	padding-left: 20px;
	position: relative;
}

.service-content-list li:not(:first-child) {
	margin-top: 10px;
}

.service-content-list li::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #0095ff80;
}

.service-content-list li::after {
	position: absolute;
	content: "";
	top: calc(50% + 2px);
	left: 0;
	transform: translateY(-50%) rotate(45deg);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	box-shadow: 2px 2px 0 0 #0095ff4d;
}

.service-content.item-1 h3 {
	color: #0095ff;
}

.service-content.item-1 .service-content-list li::before {
	background-color: #0095ff80;
}

.service-content.item-1 .service-content-list li::after {
	box-shadow: 2px 2px 0 0 #0095ff4d;
}

.service-content.item-2 h3 {
	color: #0ec36b;
}

.service-content.item-2 .service-content-list li::before {
	background-color: #0ec36b80;
}

.service-content.item-2 .service-content-list li::after {
	box-shadow: 2px 2px 0 0 #0ec36b4d;
}

.service-content.item-3 h3 {
	color: #f7578c;
}

.service-content.item-3 .service-content-list li::before {
	background-color: #f7578c80;
}

.service-content.item-3 .service-content-list li::after {
	box-shadow: 2px 2px 0 0 #f7578c4d;
}

.service-content.item-4 h3 {
	color: #00cec9;
}

.service-content.item-4 .service-content-list li::before {
	background-color: #00cec980;
}

.service-content.item-4 .service-content-list li::after {
	box-shadow: 2px 2px 0 0 #00cec94d;
}

.skills-section {
	padding: 112px 0;
	background-color: #eeeffb;
}

.skills-content-text {
	margin-bottom: 45px;
}

.skills-content h5 {
	margin-bottom: 16px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-weight: 700;
	color: #0095ff;
}

.skills-content h2 {
	color: #111111;
}

.skills-content p {
	margin-top: 22px;
	color: #444444;
	margin-bottom: 0;
}

.skills-status {
	display: flex;
	align-items: center;
	gap: 70px;
}

.skills-status .skills-item {
	text-align: center;
}

.skills-status .skills-item p {
	margin-top: 18px;
	text-align: center;
	text-transform: uppercase;
	color: #111111;
}

.skills-status .pie_progress {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	background-color: transparent;
}

.skills-status .pie_progress__label {
	margin-top: 0px;
}

.skills-status .pie_progress__label h4 {
	margin-bottom: 0;
	font-weight: 600;
	color: #111111;
	letter-spacing: 0.01em;
}

/*-- core-feature-section start --*/
.core-feature-section {
	padding: 130px 0;
}

.core-feature-title h3 {
	margin-bottom: 16px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 30px;
	color: #0095ff;
}

.core-feature-title p {
	margin-top: 30px;
}

.core-feature-actions {
	margin-top: 90px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.core-feature-item {
	margin-bottom: 30px;
	max-width: 88%;
	margin-left: auto;
}

.core-feature-item-icon {
	margin-bottom: 30px;
}

.core-feature-item-icon img {
	width: 72px;
	height: 72px;
}

.core-feature-item h5 {
	margin-bottom: 10px;
	font-weight: 700;
}

/*-- core-feature-section end --*/
/*-- service page style end --*/
/*-- Pricing Plan style start --*/
.pricing-plan-breadcrumb-right {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	margin-top: 90px;
}

.pricing-plan-breadcrumb-right .best-pricing-selector form button {
	color: #ffffff;
}

.pricing-plan-section {
	background: transparent;
	margin-top: -300px;
	position: relative;
	z-index: 2;
	padding-bottom: 100px;
}

.pricing-plan-card {
	background: #ffffff;
	border-radius: 15px;
	padding: 46px 40px;
	position: relative;
	min-height: 100%;
}

.pricing-plan-card::before {
	content: "";
	border-radius: 15px 15px 0px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 15px;
}

.pricing-plan-card.free-card::before {
	background: rgba(14, 195, 107, 0.3);
}

.pricing-plan-card.growth-card::before {
	background: rgba(0, 206, 201, 0.3);
}

.pricing-plan-card.business-card::before {
	background: rgba(249, 81, 140, 0.3);
}

.pricing-plan-card .best-pricing-card-body .list {
	padding: 0;
	list-style: none;
}

.pricing-plan-card .best-pricing-card-body .list li::before {
	background: rgba(0, 0, 0, 0.12);
	top: 15px;
}

.pricing-plan-card.active .best-pricing-card-body {
	height: auto;
}

.pricing-plan-card.active .pricing-plan-card-content.right {
	height: auto;
}

.pricing-plan-card-header.free h6 {
	color: #0ec36b;
}

.pricing-plan-card-header.growth h6 {
	color: #00cec9;
}

.pricing-plan-card-header.business h6 {
	color: #f7578c;
}

.pricing-plan-card-header.enterprise h6 {
	color: #0095ff;
}

.pricing-plan-card-header h6 {
	text-transform: uppercase;
}

.pricing-plan-card-header h6 span {
	color: #111111;
	margin-left: 18px;
}

.pricing-plan-card-header h3 {
	margin-top: 35px;
}

.pricing-plan-card-header h3 span {
	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 26px;
}

.pricing-plan-card-content.right {
	text-align: center;
	max-width: 220px;
	margin-left: auto;
}

.pricing-plan-card-content.right .pricing-plan-img {
	position: relative;
	bottom: -96px;
}

.pricing-plan-show-btn {
	color: #0095ff;
	width: 190px;
	text-align: left;
	padding-left: 36px;
	margin: 8px auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 20px;
	margin-bottom: 20px;
	transition: 0.3s;
	display: none;
	position: relative;
}

.pricing-plan-show-btn:hover {
	color: #111111;
}

.pricing-plan-show-btn:hover::before {
	color: #111111;
}

.pricing-plan-show-btn::before {
	content: "+";
	font-size: 20px;
	min-height: 24px;
	min-width: 26px;
	position: absolute;
	left: 0px;
	border-radius: 50%;
	color: #ffffff;
	background: #0095ff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}

.pricing-plan-show-btn.active::before {
	content: "-";
}

.best-pricing-btn {
	max-width: 100%;
	width: 100%;
	height: 60px;
	border: 1px solid #0095ff4d;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0095ff;
	transition: 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.best-pricing-btn .icon {
	transition: 0.3s;
	margin-left: 15px;
}

.best-pricing-btn::before {
	position: absolute;
	z-index: -1;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	background-color: #0095ff;
	transform: translateX(-100%);
	transition: 0.3s;
}

.best-pricing-btn:hover {
	border: 1px solid #0095ff;
	color: #ffffff;
}

.best-pricing-btn:hover::before {
	transform: translateX(0%);
}

.best-pricing-btn:hover .icon {
	transform: rotate(-45deg);
	filter: brightness(100) sepia(1) hue-rotate(-120deg) grayscale(100%) contrast(5);
}

.best-pricing-btn.active {
	border: 1px solid #0095ff;
	color: #ffffff;
	background: #0095ff;
}

.best-pricing-btn.active .icon {
	transform: rotate(-45deg);
	filter: brightness(100) sepia(1) hue-rotate(-120deg) grayscale(100%) contrast(5);
}

.compare-plans-section {
	background: #ffffff;
	padding-top: 115px;
	padding-bottom: 140px;
}

.compare-plans-section .compare-plans-title {
	margin-bottom: 45px;
}

.compare-plans-table-section .compare-plans-table {
	width: 100%;
	overflow-x: hidden;
}

.compare-plans-table-section .compare-plans-table .table-header-sticky {
	background: #ffffff;
	width: 100% !important;
	top: 0px !important;
}

.compare-plans-table-section .compare-plans-table ol {
	padding: 0;
	list-style: none;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	overflow: hidden;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0;
}

.compare-plans-table-section .compare-plans-table ol li {
	padding-bottom: 10px;
	vertical-align: bottom;
	width: 18%;
	min-width: 210px;
	margin-top: 33px;
	padding: 0px 30px 10px 30px;
	padding-top: 11px;
	display: block;
}

.compare-plans-table-section .compare-plans-table ol li:nth-child(1) {
	width: 46%;
	padding-left: 0px;
}

.compare-plans-table-section .compare-plans-table ol li:nth-last-child(2) {
	background: rgba(0, 0, 0, 0.03);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.compare-plans-table-section .compare-plans-table ol li h5 {
	text-transform: uppercase;
}

.compare-plans-table-section .compare-plans-table ol li h5 span {
	text-transform: lowercase;
	font-size: 12px;
	margin-left: 13px;
}

.compare-plans-table-section .compare-plans-table ol li button {
	max-width: 150px;
	width: 100%;
	height: 40px;
	border: 2px solid rgba(0, 149, 255, 0.3);
	border-radius: 50px;
	font-weight: 700;
	color: #0095ff;
	transition: 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 0;
	margin: 10px 0px;
}

.compare-plans-table-section .compare-plans-table ol li button::before {
	position: absolute;
	z-index: -1;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	background-color: #0095ff;
	transform: translateX(-100%);
	transition: 0.3s;
}

.compare-plans-table-section .compare-plans-table ol li button:hover {
	border: 2px solid #0095ff;
	color: #ffffff;
}

.compare-plans-table-section .compare-plans-table ol li button:hover::before {
	transform: translateX(0%);
}

.compare-plans-table-section .compare-plans-table .table-body {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 0;
}

.compare-plans-table-section .compare-plans-table .table-body ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

.compare-plans-table-section .compare-plans-table .table-body ul li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 10px;
}

.compare-plans-table-section .compare-plans-table .table-body ul li b {
	padding-bottom: 10px;
	padding-top: 33px;
	color: #111111;
	font-weight: 700;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col1,
.compare-plans-table-section .compare-plans-table .table-body .table-col2,
.compare-plans-table-section .compare-plans-table .table-body .table-col3,
.compare-plans-table-section .compare-plans-table .table-body .table-col4 {
	padding-top: 25px;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col1 {
	width: 46%;
	padding-left: 0px;
	padding-bottom: 20px;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col2 {
	width: 18%;
	min-width: 210px;
	padding-bottom: 20px;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col2 ul li {
	padding: 0px 30px;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col3 {
	width: 18%;
	min-width: 210px;
	background: rgba(0, 0, 0, 0.03);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding-bottom: 20px;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col3 ul li {
	padding: 0px 30px;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col4 {
	width: 18%;
	min-width: 210px;
	padding-bottom: 20px;
}

.compare-plans-table-section .compare-plans-table .table-body .table-col4 ul li {
	padding: 0px 30px;
}

/*-- Pricing Plan style end --*/
/*-- contact-us page style start --*/
/*-- contact-section start --*/
.contact-section {
	padding: 130px 0 65px 0;
}

.contact-img {
	margin-right: 50px;
	position: relative;
}

.contact-img>img {
	width: 100%;
}

.contact-img .overlay-item {
	position: absolute;
}

.contact-img .overlay-item .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.contact-img .overlay-item.shape-1 {
	bottom: 130px;
	right: 0;
}

.contact-img .overlay-item.shape-1 .icon img {
	width: 42px;
	height: 36px;
}

.contact-img .overlay-item.shape-2 {
	bottom: 0;
	left: 186px;
}

.contact-img .overlay-item.shape-2 .icon img {
	width: 20px;
	height: 20px;
}

.contact-content-title {
	margin-bottom: 35px;
}

.contact-content h3 {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #0095ff;
}

.map-section {
	padding: 65px 0 130px 0;
}

.map-content {
	border-radius: 30px;
	overflow: hidden;
	position: relative;
}

.contact-map {
	width: 100%;
	height: 450px;
}

.map-info-card {
	position: absolute;
	z-index: 1;
	top: 30px;
	left: 30px;
	width: 350px;
	height: 390px;
	padding: 30px;
	background-color: #ffffff;
	border-radius: 20px;
}

.map-info-card .list {
	padding: 0;
	list-style: none;
	margin: 0;
	height: 100%;
	overflow-y: auto;
	-ms-overflow-style: none;
	/* Internet Explorer 10+ */
	scrollbar-width: none;
	transition: width 0.3s;
}

.map-info-card .list::-webkit-scrollbar {
	display: none;
	/* Safari and Chrome */
}

.map-info-card .list li:not(:first-child) {
	margin-top: 10px;
}

.map-info-card .list .list-item {
	display: flex;
	gap: 19px;
}

.map-info-card .list .list-item .list-icon {
	flex: 0 0 auto;
}

.map-info-card .list .list-item img {
	width: 20px;
	height: 20px;
}

.map-info-card .list .list-item h4 {
	font-size: 15px;
	line-height: 45px;
	margin-bottom: 0;
}

.map-info-card .list .list-item p {
	margin-bottom: 0;
}

.map-info-card .list .list-icon {
	line-height: 45px;
}

/*-- contact-section end --*/
.consultation-form {
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}

.consultation-form label {
	font-weight: 500;
	font-size: 15px;
	line-height: 30px;
	text-transform: uppercase;
	color: #111111;
	margin-bottom: 5px;
}

.consultation-form select,
.consultation-form input {
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 10px;
	height: 50px;
	width: 100%;
	overflow: hidden;
	outline: none;
	font-weight: 500;
	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	line-height: 30px;
	color: #111111;
	padding: 10px 15px;
	margin-bottom: 25px;
	text-align: left;
}

.consultation-form input[type="submit"] {
	padding: 12px 39px;
	background: linear-gradient(90deg, #30d7f1 0%, #79fa4b 100%);
	border-radius: 50px;
	max-width: 250px;
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	color: #111111 !important;
	transition: 0.3s;
	position: relative;
	overflow: hidden;
	font-weight: 700;
	margin-bottom: 0;
}

.consultation-form input[type="submit"]:hover {
	background: linear-gradient(90deg, #79fa4b 0%, #30d7f1 100%);
}

.staco-corporate-subscribe input[type="email"] {
	width: 100%;
	font-family: "DM Sans", sans-serif;
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 25px;
	padding: 9px 21px;
	max-width: 270px;
	width: 100%;
	margin-bottom: 20px;
	background: transparent;
	color: #ffffff;
	border: 2px solid rgba(255, 255, 255, 0.12);
}

.staco-corporate-subscribe input[type="submit"] {
	width: 100%;
	font-family: "DM Sans", sans-serif;
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 25px;
	padding: 7px 0;
	max-width: 270px;
	width: 100%;
	margin-bottom: 20px;
	background: #5ecc62;
	transition: 0.3s;
	max-width: 145px;
	text-align: center;
	color: #fff;
}

.staco-corporate-subscribe input[type="submit"]:hover {
	opacity: 0.8;
}

/*-- contact-us page style end --*/
/*-- Letest Blog style start --*/
.latest-blog-section {
	z-index: 1;
	position: relative;
	padding: 140px 0px 110px;
}

.latest-blog-section .latest-blog-content {
	padding-right: 20px;
}

.letest-blog-card {
	background: #ffffff;
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 30px;
}

.letest-blog-card .letest-blog-img {
	min-height: 220px;
	width: 100%;
}

.letest-blog-card .letest-blog-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner {
	padding: 21px 29px;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner .staco-blog-meta {
	text-transform: uppercase;
	color: #444444;
	letter-spacing: 0.1em;
	margin-bottom: 7px;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner .staco-blog-meta span {
	color: #0095ff;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner h4 {
	margin-bottom: 11px;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner h4 a {
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	color: #111111;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: 0.3s;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner h4 a:hover {
	color: #0095ff;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner p {
	margin-bottom: 11px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner a {
	color: #0095ff;
	transition: 0.3s;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner a img {
	margin-left: 11px;
	transition: 0.5s;
}

.letest-blog-card .letest-blog-info .letest-blog-info-inner a:hover img {
	transform: rotate(-45deg);
}

.letest-blog-card .letest-blog-catd-title {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 20px;
}

.sticky .letest-blog-card {
	background-color: #e7e7e7;
}

.letest-blog-search-section {
	padding: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.letest-blog-search-section form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 50px;
	padding: 10px 15px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}

.letest-blog-search-section form input {
	border: none;
	outline: none;
	width: 80%;
	font-size: 15px;
}

.categories-list {
	padding: 22px 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.categories-list ul {
	padding: 0;
	list-style: none;
}

.categories-list ul li a {
	font-size: 16px;
	line-height: 36px;
	color: #444444;
	transition: 0.3s;
}

.categories-list ul li a:hover {
	color: #0095ff;
}

.recent-post-section {
	padding: 22px 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.recent-post-section ul {
	padding: 0;
	list-style: none;
	margin-top: 16px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 20px;
	flex-direction: column;
}

.recent-post-section ul li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 19px;
}

.recent-post-section ul li .recent-post-img {
	min-height: 80px;
	min-width: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 15px;
}

.recent-post-section ul li .recent-post-img img {
	height: 100%;
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
	object-fit: cover;
}

.recent-post-section ul li .recent-post-text .blog-date {
	font-size: 14px;
	line-height: 20px;
	opacity: 0.8;
	margin-bottom: 8px;
}

.recent-post-section ul li .recent-post-text h5 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 700;
}

.recent-post-section ul li .recent-post-text h5 a {
	transition: 0.4s;
}

.recent-post-section ul li .recent-post-text h5 a:hover {
	color: #0095ff;
}

.post-tags-section {
	padding: 22px 30px 30px 30px;
}

.post-tags-section ul {
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 10px;
}

.post-tags-section ul li {
	border-radius: 25px;
	transition: 0.3s;
	display: inline-block;
}

.post-tags-section ul li a {
	font-size: 14px;
	font-style: italic;
	transition: 0.3s;
	height: 45px;
	line-height: 45px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 25px;
	display: block;
	padding: 0 20px;
}

.post-tags-section ul li a:hover {
	color: #0095ff;
	border: 1px solid #0095ff;
}

/*-- Letest Blog style end --*/
/*-- blog details style start --*/
.blog-details-section {
	margin-top: -110px;
	padding-bottom: 140px;
	position: relative;
	z-index: 111;
}

.blog-details-content {
	background: #ffffff;
	border-radius: 15px;
	margin-right: 20px;
}

.blog-details-content .blog-details-img {
	border-radius: 15px 15px 0px 0px;
	height: 430px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 6px;
}

.blog-details-content .blog-details-img img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.blog-details-inner {
	padding: 30px;
}

.blog-details-inner .blog-details-info-list {
	margin-bottom: 27px;
}

.blog-details-inner .blog-details-info-list ul {
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 28px;
}

.blog-details-inner .blog-details-info-list ul li {
	text-transform: uppercase;
}

.blog-details-inner .blog-details-info-list ul li a {
	color: #0095ff;
}

.blog-details-inner .blog-details-info-list ul li span {
	margin-right: 12px;
}

.blog-details-inner .blog-details-info-list ul li img {
	margin-top: -5px;
}

.blog-details-inner .blog-details-headline {
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	color: #111111;
	margin-bottom: 20px;
}

.blog-details-inner .blog-text-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 8px;
}

.blog-details-inner .blog-quotation-section {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 28px;
	margin-top: 42px;
	margin-bottom: 47px;
}

.blog-details-inner .blog-quotation-section .quotation-icon {
	min-width: 20px;
}

.blog-details-inner .blog-quotation-section .quotation-icon img {
	width: 100%;
}

.blog-details-inner .blog-quotation-section h4 {
	font-weight: 500;
	line-height: 40px;
	font-family: "DM Sans", sans-serif;
	font-style: italic;
}

.blog-details-inner .blog-text-list {
	padding: 0;
	list-style: none;
}

.blog-details-inner .blog-text-list li {
	position: relative;
	padding-left: 22px;
	padding-bottom: 8px;
}

.blog-details-inner .blog-text-list li:last-child {
	padding-bottom: 0;
}

.blog-details-inner .blog-text-list li:before {
	content: "";
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background: rgba(0, 206, 201, 0.4);
	position: absolute;
	left: 0px;
	top: 12px;
}

.blog-details-inner .blog-tag-section {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 40px;
}

.blog-details-inner .blog-tag-section ul {
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 10px;
}

.blog-details-inner .blog-tag-section ul li {
	padding: 7px 22px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 25px;
	transition: 0.3s;
}

.blog-details-inner .blog-tag-section ul li:hover {
	color: #0095ff;
	border: 1px solid #0095ff;
	transition: 0.3s;
}

.blog-details-inner .blog-tag-section button {
	padding: 8px 21px;
	display: flex;
	align-items: center;
	column-gap: 12px;
	background: rgba(0, 0, 0, 0.05);
	border-radius: 25px;
	color: #444444;
}

.tag-list {
	gap: 10px;
	flex-flow: wrap;
	display: inline-flex;
}

.blog-previous-next-section {
	margin: 60px 0px;
	margin-bottom: 40px;
	margin-right: 20px;
}

.blog-previous-next-section .blog-card {
	background: #ffffff;
	border-radius: 15px;
	padding: 18px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 19px;
	margin-bottom: 20px;
	word-break: break-word;
}

.blog-previous-next-section .blog-card .blog-card-img {
	min-width: 100px;
	min-height: 80px;
	overflow: hidden;
	border-radius: 10px;
}

.blog-previous-next-section .blog-card .blog-card-img img {
	height: 100%;
	width: 100%;
}

.blog-previous-next-section .blog-card .blog-card-text {
	max-width: 213px;
	width: 100%;
}

.blog-previous-next-section .blog-card .blog-card-text a {
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	color: #0095ff;
}

.blog-previous-next-section .blog-card .blog-card-text h6 a {
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
	color: #111111;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.blog-previous-next-section .blog-card.justify-right {
	justify-content: flex-end;
	flex-direction: row-reverse;
}

.blog-previous-next-section .blog-card.justify-right .blog-card-text {
	text-align: right;
	margin-left: auto;
}

.blog-comment-section {
	background: rgba(0, 0, 0, 0.04);
	border-radius: 15px;
	overflow: hidden;
	margin-bottom: 60px;
	margin-right: 20px;
}

.blog-comment-section .reply-comment-block {
	padding-left: 80px;
}

.blog-comment-section .blog-comment-block {
	background: #ffffff;
	padding: 34px 30px 25px 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.blog-comment-section .blog-comment-block h4 {
	margin-bottom: 27px;
}

.blog-comment-section .blog-comment-block .comment-people-section {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
}

.blog-comment-section .blog-comment-block .comment-people-section .comment-people-img {
	height: 50px;
	width: 50px;
}

.blog-comment-section .blog-comment-block .comment-people-section .comment-people-text span {
	display: block;
}

.blog-comment-section .blog-comment-block .comment-people-section .comment-people-text .author-name {
	font-weight: 700;
	color: #111111;
}

.blog-comment-section .blog-comment-block .comment-people-section .comment-people-text .blog-date {
	font-size: 14px;
}

.blog-comment-section .blog-comment-block .comment-content {
	padding-left: 64px;
}

.blog-comment-section .blog-comment-block .comment-content p {
	margin-top: 13px;
	margin-bottom: 16px;
}

.blog-comment-section .blog-comment-block .comment-content button {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 9px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 500;
}

.comment-writing-section {
	border-radius: 15px;
	overflow: hidden;
	background: #ffffff;
	padding: 30px;
	margin-right: 20px;
}

.comment-writing-section h4 {
	margin-bottom: 27px;
}

.comment-writing-section .comment-writing-form .comment-writing-input-section {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	margin-bottom: 20px;
}

.comment-writing-section .comment-writing-form .comment-writing-input-section label {
	color: #111111;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.comment-writing-section .comment-writing-form .comment-writing-input-section input {
	width: 100%;
	height: 50px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 10px 15px;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	color: #444444;
}

.comment-writing-section .comment-writing-form .comment-writing-input-section textarea {
	min-height: 120px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 10px 15px;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	width: 100%;
	resize: none;
}

.comment-writing-section .comment-writing-form button {
	margin-top: 10px;
}

/*-- blog details style end --*/
/*-- Marketplace style start --*/
.hot-collections-section {
	margin-bottom: 103px;
}

.hot-collections-section .slick-prev {
	top: -56px;
	background: rgba(95, 95, 255, 0.15);
	border-radius: 25px;
	left: auto;
	right: 75px;
	height: 45px;
	width: 45px;
}

.hot-collections-section .slick-prev::before {
	font-family: inherit;
	content: '<';
	font-size: 26px;
	line-height: normal;
	background: transparent;
	opacity: 1;
	color: #5F5FFF;
}

.hot-collections-section .slick-next {
	top: -56px;
	background: rgba(95, 95, 255, 0.15);
	border-radius: 25px;
	color: #5F5FFF;
	right: 15px;
	height: 45px;
	width: 45px;
}

.hot-collections-section .slick-next::before {
	font-family: inherit;
	content: '>';
	font-size: 26px;
	line-height: normal;
	background: transparent;
	opacity: 1;
	color: #5F5FFF;
}

.marketplace-title {
	margin-bottom: 38px;
}

.hot-collections-card {
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 15px;
	overflow: hidden;
}

.hot-collections-card .hot-collections-img {
	width: 100%;
}

.hot-collections-card .hot-collections-img img {
	width: 100%;
}

.hot-collections-text {
	padding: 0px 20px 20px 20px;
	text-align: center;
	margin-top: -39px;
}

.hot-collections-text .hot-collections-profile-img {
	height: 78px;
	width: 78px;
	margin: auto;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid #ffffff;
	position: relative;
	z-index: 1;
}

.hot-collections-text .hot-collections-profile-img img {
	border-radius: 50%;
	height: 100%;
	width: 100%;
}

.hot-collections-text .name {
	color: #111111;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 2px;
	margin-top: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hot-collections-text .name img {
	margin-left: 7px;
}

.hot-collections-text p {
	color: #111111;
	font-size: 12px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 0px;
}

.hot-collections-text p.price {
	color: #999999;
	margin-bottom: 10px;
	text-transform: uppercase;
}

/*-- Dark Mood --*/
body.dark-scheme .hot-collections-card,
html.dark-scheme body .hot-collections-card {
	background: #112135;
}

body.dark-scheme .hot-collections-card .hot-collections-text .hot-collections-profile-img,
html.dark-scheme body .hot-collections-card .hot-collections-text .hot-collections-profile-img {
	border: 4px solid #000000;
}

body.dark-scheme .hot-collections-card .hot-collections-text .name,
html.dark-scheme body .hot-collections-card .hot-collections-text .name {
	color: #ffffff;
}

body.dark-scheme .hot-collections-card .hot-collections-text .price,
html.dark-scheme body .hot-collections-card .hot-collections-text .price {
	color: #999999;
}

body.dark-scheme .hot-collections-card .hot-collections-text p,
html.dark-scheme body .hot-collections-card .hot-collections-text p {
	color: #ffffff;
}

.live-auctions-section {
	padding-bottom: 103px;
}

.live-auctions-section .slick-prev {
	top: -56px;
	background: rgba(95, 95, 255, 0.15);
	border-radius: 25px;
	left: auto;
	right: 75px;
	height: 45px;
	width: 45px;
}

.live-auctions-section .slick-prev::before {
	font-family: inherit;
	content: '<';
	font-size: 26px;
	line-height: normal;
	background: transparent;
	opacity: 1;
	color: #5F5FFF;
}

.live-auctions-section .slick-next {
	top: -56px;
	background: rgba(95, 95, 255, 0.15);
	border-radius: 25px;
	color: #5F5FFF;
	right: 15px;
	height: 45px;
	width: 45px;
}

.live-auctions-section .slick-next::before {
	font-family: inherit;
	content: '>';
	font-size: 26px;
	line-height: normal;
	background: transparent;
	opacity: 1;
	color: #5F5FFF;
}

.nft-card {
	background: #ffffff;
	border-radius: 15px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.nft-card .nft-img {
	background: #C4C4C4;
	border-radius: 15px 15px 0px 0px;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 3;
}

.nft-card .nft-img img {
	object-fit: cover;
	width: 100%;
}

.nft-card .nft-text {
	background: #ffffff;
	padding: 25px 25px 21px 25px;
	position: relative;
	z-index: 3;
	border-radius: 0px 0px 15px 15px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	width: 100%;
}

.nft-card .nft-text .nft-owner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 16px;
}

.nft-card .nft-text .nft-owner .nft-owner-img {
	margin-right: 9px;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	overflow: hidden;
}

.nft-card .nft-text .nft-owner .nft-owner-img img {
	width: 100%;
	height: 100%;
}

.nft-card .nft-text .nft-owner h6 {
	display: flex;
	align-content: center;
	justify-content: flex-start;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 17px;
}

.nft-card .nft-text .nft-owner h6 img {
	margin-left: 7px;
}

.nft-card .nft-text .nft-title {
	line-height: 20px;
	margin-bottom: 17px;
}

.nft-card .nft-text .nft-value {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 16px;
}

.nft-card .nft-text .nft-value strong {
	background: linear-gradient(90deg, #5F5FFF 0%, #FC5FFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-weight: 600;
	text-transform: uppercase;
}

.nft-card .nft-text .nft-value span {
	color: #999999;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.nft-card .nft-text .nft-value span img {
	margin-left: 16px;
	margin-right: 7px;
}

.nft-card .nft-text .card-bottom-text {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0px;
	color: #999999;
	font-size: 14px;
	font-weight: 600;
}

.nft-card .nft-text .card-bottom-text span {
	display: flex;
	align-items: center;
	gap: 5px;
}

.nft-card .nft-text .card-bottom-text span span {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.nft-card::after {
	content: '';
	position: absolute;
	width: 95%;
	height: 100%;
	top: 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 15px;
	background: #ffffff;
	z-index: 2;
	transition: 0.3s;
}

.nft-card::before {
	content: '';
	position: absolute;
	width: 90%;
	height: 100%;
	top: 0px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 15px;
	background: #ffffff;
	z-index: 1;
	transition: 0.5s;
}

.nft-card:hover::after {
	top: 5px;
}

.nft-card:hover::before {
	top: 10px;
}

.nft-card-timer {
	padding: 7px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 200px;
	background: #ffffff;
	position: absolute;
	z-index: 4;
	top: 25px;
	left: 25px;
	gap: 20px;
	border-radius: 8px;
}

.nft-card-timer ul {
	list-style: none;
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 0px;
}

.nft-card-timer ul li {
	background: linear-gradient(90deg, #5F5FFF 0%, #FC5FFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
}

.nft-card-timer p {
	background: linear-gradient(90deg, #5F5FFF 0%, #FC5FFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	margin-bottom: 0px;
}

/*-- Dark Mood --*/
body.dark-scheme .nft-card,
html.dark-scheme body .nft-card {
	background: #112135;
}

body.dark-scheme .nft-card .nft-text,
html.dark-scheme body .nft-card .nft-text {
	background: #112135;
}

body.dark-scheme .nft-card::after,
body.dark-scheme .nft-card::before,
html.dark-scheme body .nft-card::after,
html.dark-scheme body .nft-card::before {
	background: #112135;
}

body.dark-scheme .nft-card-timer,
html.dark-scheme body .nft-card-timer {
	background: #112135;
}

.top-artists-section {
	padding-bottom: 73px;
}

.top-artists-content {
	margin-top: -82px;
}

.top-artists-content .top-artists-time {
	max-width: 242px;
	width: 100%;
	margin-left: auto;
	margin-bottom: 35px;
}

.top-artists-content .top-artists-time ul {
	width: 100%;
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style: none;
	padding: 6px 13px;
	margin-bottom: 0px;
}

.top-artists-content .top-artists-time ul li {
	padding: 5.5px 7px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	color: #999999;
	border-radius: 20px;
	min-width: 33px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}

.top-artists-content .top-artists-time ul li.active,
.top-artists-content .top-artists-time ul li:hover {
	transition: 0.3s;
	background: rgba(95, 95, 255, 0.15);
	color: #5F5FFF;
}

.top-artists-list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0px -15px;
	padding: 0px;
	list-style: none;
}

.top-artists-list li {
	width: 20%;
	padding: 0px 15px;
	margin-bottom: 30px;
	position: relative;
}

.top-artists-list li::after {
	content: '';
	position: absolute;
	width: 85%;
	height: 100%;
	top: 0px;
	left: 7.5%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 15px;
	background: #ffffff;
	z-index: 2;
	transition: 0.3s;
}

.top-artists-list li::before {
	content: '';
	position: absolute;
	width: 80%;
	height: 100%;
	top: 0px;
	left: 10%;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 15px;
	background: #ffffff;
	z-index: 1;
	transition: 0.5s;
}

.top-artists-list li:hover::after {
	top: 5px;
}

.top-artists-list li:hover::before {
	top: 10px;
}

.top-artists-list .top-artists-card {
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 15px;
	padding: 15px 16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 15px;
	width: 100%;
	position: relative;
	z-index: 3;
}

.top-artists-list .top-artists-card .top-artists-img {
	min-height: 50px;
	min-width: 50px;
	max-height: 50px;
	max-width: 50px;
	overflow: hidden;
	border-radius: 50%;
}

.top-artists-list .top-artists-card .top-artists-img img {
	height: 100%;
	width: 100%;
}

.top-artists-list .top-artists-card p {
	margin-bottom: 0px;
}

.top-artists-list .top-artists-card .artists-name {
	font-size: 14px;
	line-height: 22px;
	font-weight: 700;
	color: #111111;
}

.top-artists-list .top-artists-card .artists-name span {
	margin-left: 7px;
}

.top-artists-list .top-artists-card .artists-value {
	font-size: 12px;
	line-height: 22px;
	font-weight: 400;
	text-transform: uppercase;
}

.top-artists-list .top-artists-card .no {
	font-weight: 700;
	font-size: 12px;
	line-height: 22px;
	color: #999999;
}

.top-artists-list .top-artists-card:hover .no {
	color: #5F5FFF;
}

/*-- Dark Mood --*/
body.dark-scheme .top-artists-list li::after,
body.dark-scheme .top-artists-list li::before,
html.dark-scheme body .top-artists-list li::after,
html.dark-scheme body .top-artists-list li::before {
	background: #112135;
}

body.dark-scheme .top-artists-list .top-artists-card,
html.dark-scheme body .top-artists-list .top-artists-card {
	background: #112135;
}

body.dark-scheme .top-artists-list .top-artists-card .artists-name,
html.dark-scheme body .top-artists-list .top-artists-card .artists-name {
	color: #ffffff;
}

body.dark-scheme .top-artists-content .top-artists-time ul,
html.dark-scheme body .top-artists-content .top-artists-time ul {
	background: #112135;
}

/*-- explore 1 page --*/
.discover-nfts-page {
	padding-top: 113px;
}

.nfts-filter-tabs {
	margin-bottom: 30px;
}

.nfts-filter-tabs ul {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 0px;
	padding: 0px;
	list-style: none;
	flex-wrap: wrap;
}

.nfts-filter-tabs ul li {
	font-weight: 600;
	line-height: 17px;
	color: #444444;
	padding: 14px 17.5px;
	border: 1px solid transparent;
}

.nfts-filter-tabs ul li:hover,
.nfts-filter-tabs ul li.active {
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 25px;
}

/*-- explore 2 page --*/
.discover-filter-section.left {
	padding-right: 30px;
}

.discover-filter-section.right {
	padding-left: 30px;
}

.discover-filter-section h6 {
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.discover-filter-section .filter-dropdown {
	margin-top: 17px;
	margin-bottom: 20px;
	width: 100%;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 30px;
	position: relative;
	height: 55px;
}

.discover-filter-section .filter-dropdown::after {
	content: '>';
	position: absolute;
	top: 12px;
	right: 20px;
	font-size: 20px;
	transform: rotate(90deg);
}

.discover-filter-section .filter-dropdown select {
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: transparent;
	border: none;
	outline: none;
	line-height: auto;
	color: #444444;
	font-weight: 500;
	-webkit-appearance: none;
}

.discover-filter-section .discover-categories-list {
	list-style: none;
	padding: 0px;
	margin-bottom: 0px;
}

.discover-filter-section .discover-categories-list li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-weight: 500;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 8px;
}

.discover-filter-section .discover-categories-list li input[type=checkbox] {
	accent-color: #5F5FFF;
	border-radius: 6px;
	background: #FFFFFF;
	border: 2px solid rgba(0, 0, 0, 0.12);
	margin-right: 15px;
}

.discover-filter-section .discover-categories-list li span {
	color: #999999;
	margin-left: 5px;
}

.discover-filter-section .discover-blockchain-list {
	list-style: none;
	padding: 0px;
	margin-bottom: 0px;
}

.discover-filter-section .discover-blockchain-list li {
	font-weight: 500;
	font-size: 14px;
	line-height: 28px;
	display: flex;
	align-items: center;
	margin-bottom: 7px;
}

.discover-filter-section .discover-blockchain-list li .blockchain-icon {
	max-height: 20px;
	max-width: 20px;
	min-height: 20px;
	min-width: 20px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
	position: relative;
}

.discover-filter-section .discover-blockchain-list li .blockchain-icon img {
	height: 100%;
	width: 100%;
	position: absolute;
}

.discover-filter-section .value-input {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.discover-filter-section .value-input input {
	width: 48%;
	height: 55px;
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 30px;
	outline: none;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 28px;
	color: #444444;
	margin-bottom: 20px;
}

.discover-filter-section .value-input button {
	background: rgba(95, 95, 255, 0.15);
	border-radius: 30px;
	font-weight: 700;
	font-size: 14px;
	line-height: 36px;
	text-align: center;
	color: #5F5FFF;
	width: 48%;
	margin-bottom: 20px;
	height: 55px;
}

.discover-filter-collaps {
	margin-bottom: 24px;
}

.discover-filter-collaps .collaps-button {
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	background: transparent;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.discover-filter-collaps .collaps-button:after {
	content: '\002B';
	color: #999999;
	font-weight: 400;
	float: right;
	margin-left: 5px;
	font-size: 30px;
}

.discover-filter-collaps .active:after {
	content: "\2212";
	margin-bottom: 2px;
}

.discover-filter-collaps .collaps-content {
	padding: 0px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

/*-- NFT Landing Page --*/
.discover-nfts-section {
	margin-bottom: 100px;
}

.discover-nfts-dropdown-list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 610px;
	width: 100%;
	margin-left: auto;
	margin-top: -82px;
	margin-bottom: 35px;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown {
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 25px;
	height: 45px;
	overflow: hidden;
	position: relative;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown::after {
	content: '>';
	position: absolute;
	top: 7px;
	right: 15px;
	font-size: 20px;
	transform: rotate(90deg);
}

.discover-nfts-dropdown-list .discover-nfts-dropdown::before {
	content: '';
	position: absolute;
	top: 11px;
	left: 18px;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown select {
	width: 100%;
	height: 100%;
	background: transparent;
	border: none;
	outline: none;
	padding: 4px 20px 4px 46px;
	line-height: 36px;
	color: #444444;
	font-weight: 500;
	-webkit-appearance: none;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown select option {
	padding-left: 0px;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown.categories {
	max-width: 180px;
	width: 100%;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown.categories::before {
	content: url(../images/nft/category.svg);
}

.discover-nfts-dropdown-list .discover-nfts-dropdown.blockchain {
	max-width: 180px;
	width: 100%;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown.blockchain::before {
	content: url(../images/nft/box.svg);
}

.discover-nfts-dropdown-list .discover-nfts-dropdown.recently-active {
	max-width: 210px;
	width: 100%;
}

.discover-nfts-dropdown-list .discover-nfts-dropdown.recently-active::before {
	content: url(../images/nft/candle.svg);
}

.nft-load-more-btn {
	padding: 9.5px 69px;
	font-weight: 700;
	font-size: 14px;
	line-height: 36px;
	background: rgba(95, 95, 255, 0.15);
	border-radius: 30px;
	min-width: max-content;
	transition: 0.3s;
	overflow: hidden;
	max-width: 210px;
	margin: auto;
	display: flex;
}

.nft-load-more-btn span {
	color: #5F5FFF !important;
}

/*-- Dark Mood --*/
body.dark-scheme .discover-nfts-dropdown-list .discover-nfts-dropdown,
html.dark-scheme body .discover-nfts-dropdown-list .discover-nfts-dropdown {
	background: #112135;
}

body.dark-scheme .discover-nfts-dropdown-list .discover-nfts-dropdown select,
html.dark-scheme body .discover-nfts-dropdown-list .discover-nfts-dropdown select {
	color: #999999;
}

body.dark-scheme .discover-nfts-dropdown-list .discover-nfts-dropdown select option,
html.dark-scheme body .discover-nfts-dropdown-list .discover-nfts-dropdown select option {
	background: #112135;
}

.nft-categories-content {
	position: relative;
	overflow: hidden;
	border-radius: 15px;
}

.nft-categories-content::after {
	content: '';
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 3;
	background: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, #F7F7F7 100%);
	height: 100%;
	width: 100px;
}

.nft-categories-content::before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
	background: linear-gradient(90deg, #F7F7F7 0%, rgba(247, 247, 247, 0) 100%);
	height: 100%;
	width: 100px;
}

.categories-card {
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.categories-card::after {
	content: '';
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	backdrop-filter: blur(2px);
	border-radius: 15px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.categories-card img {
	height: 100%;
	width: 100%;
}

.categories-card h5 {
	font-weight: 600;
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
	position: absolute;
	bottom: 18px;
	left: 25px;
	z-index: 2;
}

/*-- Dark Mood --*/
body.dark-scheme .nft-categories-content::after,
html.dark-scheme body .nft-categories-content::after {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

body.dark-scheme .nft-categories-content::before,
html.dark-scheme body .nft-categories-content::before {
	background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

/*-- Marketplace style End --*/
/*--------------------------------
04. Components style
--------------------------------*/
/*-- butoon style start --*/
.theme-btn {
	border-radius: 50px;
	border: 1px solid transparent;
	padding: 12px 39px;
	background-color: #0095ff;
	font-weight: 700;
	font-size: 15px;
	line-height: 26px;
	color: #ffffff !important;
	transition: 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.theme-btn:hover,
.theme-btn:focus {
	border: 1px solid #0095ff;
	background-color: transparent;
	color: #0095ff !important;
}

.theme-btn.primary-bg {
	border: 1px solid transparent;
	background-color: #0095ff;
	color: #ffffff !important;
	transition: 0.3s;
	position: relative;
	z-index: 0;
	overflow: hidden;
	font-weight: 700;
}

.theme-btn.primary-bg .btn-inner {
	display: inline-block;
}

.theme-btn.primary-bg span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.theme-btn.primary-bg span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.theme-btn.primary-bg:hover,
.theme-btn.primary-bg:focus {
	background: #0095ff;
}

.theme-btn.primary-bg:hover .btn-inner,
.theme-btn.primary-bg:focus .btn-inner {
	transform: translateY(-150%);
}

.theme-btn.primary-bg:hover span:nth-child(2),
.theme-btn.primary-bg:focus span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.theme-btn.primary-bg:hover span .btn-normal-text,
.theme-btn.primary-bg:focus span .btn-normal-text {
	opacity: 0;
}

.theme-btn.talk-btn {
	background: rgba(255, 255, 255, 0.15);
	transition: 0.3s;
	overflow: hidden;
	font-weight: 700;
}

.theme-btn.talk-btn .btn-inner {
	display: inline-block;
}

.theme-btn.talk-btn span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.theme-btn.talk-btn span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.theme-btn.talk-btn:hover,
.theme-btn.talk-btn:focus {
	border: 1px solid transparent;
	background: #ffffff;
	color: #111111;
}

.theme-btn.talk-btn:hover .btn-inner,
.theme-btn.talk-btn:focus .btn-inner {
	transform: translateY(-150%);
}

.theme-btn.talk-btn:hover span:nth-child(2),
.theme-btn.talk-btn:focus span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.theme-btn.talk-btn:hover span .btn-normal-text,
.theme-btn.talk-btn:focus span .btn-normal-text {
	opacity: 0;
}

.theme-btn.talk-btn:hover span,
.theme-btn.talk-btn:focus span {
	color: #111111;
}

.start-free-btn {
	max-width: 100%;
	width: 212px;
	height: 60px;
	border: 1px solid #0095ff4d;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0095ff;
	transition: 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 0;
	font-weight: 700;
}

.start-free-btn .btn-inner {
	display: inline-block;
}

.start-free-btn span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.start-free-btn span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.start-free-btn span {
	color: #0095ff;
}

.start-free-btn.text-wh span {
	color: #ffffff;
}

.start-free-btn::before {
	position: absolute;
	z-index: -1;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	background-color: #0095ff;
	transform: translateX(-100%);
	transition: 0.3s;
}

.start-free-btn:hover {
	border: 1px solid #0095ff;
	color: #ffffff;
}

.start-free-btn:hover::before {
	transform: translateX(0%);
}

.start-free-btn:hover .btn-inner {
	transform: translateY(-150%);
}

.start-free-btn:hover span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.start-free-btn:hover span .btn-normal-text {
	opacity: 0;
}

.start-free-btn:hover span {
	color: #ffffff;
}

.contact-us-btn {
	max-width: 100%;
	width: 212px;
	height: 60px;
	border: 1px solid #00cec9;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #00cec9;
	transition: 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 0;
	font-weight: 700;
}

.contact-us-btn .btn-inner {
	display: inline-block;
}

.contact-us-btn span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.contact-us-btn span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.contact-us-btn span {
	color: #00cec9;
}

.contact-us-btn::before {
	position: absolute;
	z-index: -1;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	background-color: #00cec9;
	transform: translateX(-100%);
	transition: 0.3s;
}

.contact-us-btn:hover {
	border: 1px solid #00cec9;
	color: #ffffff;
}

.contact-us-btn:hover::before {
	transform: translateX(0%);
}

.contact-us-btn:hover .btn-inner {
	transform: translateY(-150%);
}

.contact-us-btn:hover span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.contact-us-btn:hover span .btn-normal-text {
	opacity: 0;
}

.contact-us-btn:hover span {
	color: #ffffff;
}

.start-meeting-btn {
	border: 2px solid #00cec9;
	border-radius: 50px;
	padding: 10px 24px;
	color: #00cec9 !important;
	position: relative;
	overflow: hidden;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
}

.start-meeting-btn .btn-inner {
	display: inline-block;
}

.start-meeting-btn span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.start-meeting-btn span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.start-meeting-btn span {
	color: #00cec9;
}

.start-meeting-btn:hover,
.start-meeting-btn:focus {
	background-color: #00cec9;
	color: #fff !important;
}

.start-meeting-btn:hover .btn-inner,
.start-meeting-btn:focus .btn-inner {
	transform: translateY(-150%);
}

.start-meeting-btn:hover span:nth-child(2),
.start-meeting-btn:focus span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.start-meeting-btn:hover span .btn-normal-text,
.start-meeting-btn:focus span .btn-normal-text {
	opacity: 0;
}

.start-meeting-btn:hover span,
.start-meeting-btn:focus span {
	color: #fff;
}

.bg-white-btn {
	padding: 12px 39px;
	background-color: #ffffff;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	color: #111111 !important;
	transition: 0.3s;
	position: relative;
	overflow: hidden;
	font-weight: 700;
}

.bg-white-btn .btn-inner {
	display: inline-block;
}

.bg-white-btn span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.bg-white-btn span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.bg-white-btn span {
	color: #111111;
}

.bg-white-btn:hover .btn-inner,
.bg-white-btn:focus .btn-inner {
	transform: translateY(-150%);
}

.bg-white-btn:hover span:nth-child(2),
.bg-white-btn:focus span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.bg-white-btn:hover span .btn-normal-text,
.bg-white-btn:focus span .btn-normal-text {
	opacity: 0;
}

.bg-skyblue-btn {
	width: 150px;
	height: 50px;
	background: rgba(0, 149, 255, 0.2);
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	color: #0095ff !important;
	position: relative;
	overflow: hidden;
	font-weight: 700;
}

.bg-skyblue-btn .btn-inner {
	display: inline-block;
}

.bg-skyblue-btn span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.bg-skyblue-btn span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.bg-skyblue-btn span {
	color: #0095ff;
}

.bg-skyblue-btn:hover,
.bg-skyblue-btn:focus {
	background-color: #0095ff;
	color: #ffffff !important;
}

.bg-skyblue-btn:hover .btn-inner,
.bg-skyblue-btn:focus .btn-inner {
	transform: translateY(-150%);
}

.bg-skyblue-btn:hover span:nth-child(2),
.bg-skyblue-btn:focus span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.bg-skyblue-btn:hover span .btn-normal-text,
.bg-skyblue-btn:focus span .btn-normal-text {
	opacity: 0;
}

.bg-skyblue-btn:hover span,
.bg-skyblue-btn:focus span {
	color: #ffffff;
}

.bg-green-btn {
	width: 150px;
	height: 50px;
	background: #1a7870;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	color: #fff !important;
	position: relative;
	overflow: hidden;
	font-weight: 700;
}

.bg-green-btn .btn-inner {
	display: inline-block;
}

.bg-green-btn span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.bg-green-btn span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.bg-green-btn:hover,
.bg-green-btn:focus {
	background-color: #aaef69;
	color: #1a7870 !important;
}

.bg-green-btn:hover .btn-inner,
.bg-green-btn:focus .btn-inner {
	transform: translateY(-150%);
}

.bg-green-btn:hover span:nth-child(2),
.bg-green-btn:focus span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.bg-green-btn:hover span .btn-normal-text,
.bg-green-btn:focus span .btn-normal-text {
	opacity: 0;
}

.bg-green-btn:hover span,
.bg-green-btn:focus span {
	color: #1a7870;
}

.header-outline-btn {
	width: 150px;
	height: 50px;
	background: transparent;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	color: #00cec9 !important;
	position: relative;
	overflow: hidden;
	border: 2px solid rgba(0, 206, 201, 0.5);
	font-weight: 700;
}

.header-outline-btn .btn-inner {
	display: inline-block;
}

.header-outline-btn span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.header-outline-btn span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.header-outline-btn span {
	color: #00cec9;
}

.header-outline-btn:hover,
.header-outline-btn:focus {
	background: rgba(0, 206, 201, 0.5);
	color: #111111 !important;
}

.header-outline-btn:hover .btn-inner,
.header-outline-btn:focus .btn-inner {
	transform: translateY(-150%);
}

.header-outline-btn:hover span:nth-child(2),
.header-outline-btn:focus span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.header-outline-btn:hover span .btn-normal-text,
.header-outline-btn:focus span .btn-normal-text {
	opacity: 0;
}

.header-outline-btn:hover span,
.header-outline-btn:focus span {
	color: #111111;
}

.bg-blue-btn {
	padding: 15px 46px;
	background-color: #0095ff;
	border-radius: 100px;
	color: #ffffff;
	transition: 0.3s;
	position: relative;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	z-index: 0;
	font-weight: 700;
}

.bg-blue-btn .btn-inner {
	display: inline-block;
}

.bg-blue-btn span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.bg-blue-btn span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.bg-blue-btn:hover,
.bg-blue-btn:focus {
	color: #ffffff;
}

.bg-blue-btn:hover .btn-inner,
.bg-blue-btn:focus .btn-inner {
	transform: translateY(-150%);
}

.bg-blue-btn:hover span:nth-child(2),
.bg-blue-btn:focus span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.bg-blue-btn:hover span .btn-normal-text,
.bg-blue-btn:focus span .btn-normal-text {
	opacity: 0;
}

.bg-blue-btn svg {
	margin-left: 10px;
}

.banner-btn-v8 {
	width: fit-content;
	padding: 16px 46px;
	border: 1px solid transparent;
	background-color: #0dac81;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	transition: 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 0;
	font-weight: 700;
}

.banner-btn-v8 .btn-inner {
	display: inline-block;
}

.banner-btn-v8 span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.banner-btn-v8 span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.banner-btn-v8:hover,
.banner-btn-v8:focus {
	background-color: #aaef69;
	color: #1a7870;
}

.banner-btn-v8:hover .btn-inner,
.banner-btn-v8:focus .btn-inner {
	transform: translateY(-150%);
}

.banner-btn-v8:hover span:nth-child(2),
.banner-btn-v8:focus span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.banner-btn-v8:hover span .btn-normal-text,
.banner-btn-v8:focus span .btn-normal-text {
	opacity: 0;
}

.banner-btn-v8:hover span,
.banner-btn-v8:focus span {
	color: #1a7870;
}

.bg-pink-btn {
	width: 150px;
	height: 50px;
	background: rgba(247, 87, 140, 0.2);
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	color: #f7578c !important;
	position: relative;
	overflow: hidden;
	font-weight: 700;
}

.bg-pink-btn .btn-inner {
	display: inline-block;
}

.bg-pink-btn span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.bg-pink-btn span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.bg-pink-btn span {
	color: #f7578c;
}

.bg-pink-btn:hover,
.bg-pink-btn:focus {
	background: #f7578c;
	color: #ffffff !important;
}

.bg-pink-btn:hover .btn-inner,
.bg-pink-btn:focus .btn-inner {
	transform: translateY(-150%);
}

.bg-pink-btn:hover span:nth-child(2),
.bg-pink-btn:focus span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.bg-pink-btn:hover span .btn-normal-text,
.bg-pink-btn:focus span .btn-normal-text {
	opacity: 0;
}

.bg-pink-btn:hover span,
.bg-pink-btn:focus span {
	color: #ffffff;
}

.bg-olive-btn {
	width: 150px;
	height: 50px;
	background: #b2eda1;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	color: #111111 !important;
	position: relative;
	overflow: hidden;
	font-weight: 700;
}

.bg-olive-btn .btn-inner {
	display: inline-block;
}

.bg-olive-btn span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.bg-olive-btn span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.bg-olive-btn span {
	color: #111111;
}

.bg-olive-btn:hover,
.bg-olive-btn:focus {
	background: #44c486;
	color: #ffffff !important;
}

.bg-olive-btn:hover .btn-inner,
.bg-olive-btn:focus .btn-inner {
	transform: translateY(-150%);
}

.bg-olive-btn:hover span:nth-child(2),
.bg-olive-btn:focus span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.bg-olive-btn:hover span .btn-normal-text,
.bg-olive-btn:focus span .btn-normal-text {
	opacity: 0;
}

.bg-olive-btn:hover span,
.bg-olive-btn:focus span {
	color: #ffffff;
}

.lets-talk-btn {
	width: 170px;
	height: 60px;
	background: #b2eda1;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	color: #111111 !important;
	position: relative;
	overflow: hidden;
	font-weight: 700;
}

.lets-talk-btn img {
	filter: brightness(0);
	margin-left: 10px;
	transition: 0.7s;
}

.lets-talk-btn:hover,
.lets-talk-btn:focus {
	background: #44c486;
	color: #ffffff !important;
}

.lets-talk-btn:hover img,
.lets-talk-btn:focus img {
	filter: none;
	transform: rotate(-45deg);
}

.btn-olive-deep {
	width: 220px;
	height: 60px;
	background: #44c486;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	color: #ffffff !important;
	position: relative;
	overflow: hidden;
	transition: 0.3s;
	font-weight: 700;
}

.btn-olive-deep .btn-inner {
	display: inline-block;
}

.btn-olive-deep span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.btn-olive-deep span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.btn-olive-deep:hover,
.btn-olive-deep:focus {
	background: #b2eda1;
	color: #111111 !important;
}

.btn-olive-deep:hover .btn-inner,
.btn-olive-deep:focus .btn-inner {
	transform: translateY(-150%);
}

.btn-olive-deep:hover span:nth-child(2),
.btn-olive-deep:focus span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.btn-olive-deep:hover span .btn-normal-text,
.btn-olive-deep:focus span .btn-normal-text {
	opacity: 0;
}

.btn-olive-deep:hover span,
.btn-olive-deep:focus span {
	color: #111111;
}

.case-studies-btn {
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
}

.contact-btn {
	border-radius: 50px;
	color: #111111;
	width: 220px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	transition: 0.5s;
	border: 2px solid rgba(0, 0, 0, 0.1);
	font-weight: 700;
}

.contact-btn .btn-inner {
	display: inline-block;
}

.contact-btn span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.contact-btn span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.contact-btn span {
	color: #111111;
}

.contact-btn:hover {
	border: 2px solid transparent;
	background: #111111;
	color: #ffffff;
}

.contact-btn:hover .btn-inner {
	transform: translateY(-150%);
}

.contact-btn:hover span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.contact-btn:hover span .btn-normal-text {
	opacity: 0;
}

.contact-btn:hover span {
	color: #ffffff;
}

.load-more-btn {
	text-align: center;
	margin: auto;
	margin-top: 50px;
	width: 150px;
	height: 50px;
	background: rgba(177, 177, 177, 0.2);
	border-radius: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	color: #111111 !important;
	position: relative;
	overflow: hidden;
	border: none;
	transition: 0.5s;
	font-weight: 700;
}

.load-more-btn .btn-inner {
	display: inline-block;
}

.load-more-btn span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.load-more-btn span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.load-more-btn span {
	color: #111111;
}

.load-more-btn:hover,
.load-more-btn:focus {
	background: #111111;
	color: #ffffff !important;
}

.load-more-btn:hover .btn-inner,
.load-more-btn:focus .btn-inner {
	transform: translateY(-150%);
}

.load-more-btn:hover span:nth-child(2),
.load-more-btn:focus span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.load-more-btn:hover span .btn-normal-text,
.load-more-btn:focus span .btn-normal-text {
	opacity: 0;
}

.load-more-btn:hover span,
.load-more-btn:focus span {
	color: #ffffff;
}

.explore-btn {
	border-radius: 50px;
	padding: 17px 36px;
	background-color: #2d2e50;
	font-weight: 700;
	font-size: 15px;
	line-height: 26px;
	color: #ffffff;
	display: inline-flex;
	align-items: center;
	gap: 15px;
	transition: 0.3s;
}

.explore-btn img {
	width: 16px;
	height: 16px;
}

.explore-btn:hover,
.explore-btn:focus {
	background: #f7578c;
	color: #ffffff !important;
}

.text-link {
	width: fit-content;
	display: flex;
	align-items: center;
	gap: 8px;
	color: #0095ff;
	transition: 0.3s;
}

.text-link svg {
	font-size: 20px;
	transition: 0.3s;
}

.text-link:hover,
.text-link:focus {
	color: #0095ff;
}

.text-link:hover svg,
.text-link:focus svg {
	transform: rotate(-45deg);
}

.lets-talk-bttn {
	font-family: "DM Sans", sans-serif;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 13px;
	transition: 0.3s;
}

.lets-talk-bttn:hover {
	color: #44c486;
}

.lets-talk-bttn:hover .icon {
	transform: rotate(-45deg);
	background: #44c486;
	color: #ffffff;
}

.lets-talk-bttn .icon {
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	transition: 0.3s;
}

.defi-banner-btn {
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(7.5px);
	border-radius: 30px;
	border-radius: 50px;
	max-width: 220px;
	width: 100%;
	height: 55px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	color: #ffffff !important;
	position: relative;
	overflow: hidden;
	margin: auto;
	font-weight: 700;
}

.defi-banner-btn .btn-inner {
	display: inline-block;
}

.defi-banner-btn span {
	position: relative;
	z-index: 11;
	transition: opacity 0.6s, transform 0.8s;
	transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
	color: #fff;
}

.defi-banner-btn span:nth-child(2) {
	display: inline-block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	opacity: 0;
}

.defi-banner-btn:hover .btn-inner,
.defi-banner-btn:focus .btn-inner {
	transform: translateY(-150%);
}

.defi-banner-btn:hover span:nth-child(2),
.defi-banner-btn:focus span:nth-child(2) {
	transform: translate(-50%, 100%);
	opacity: 1;
}

.defi-banner-btn:hover span .btn-normal-text,
.defi-banner-btn:focus span .btn-normal-text {
	opacity: 0;
}

.defi-banner-btn:hover span,
.defi-banner-btn:focus span {
	color: #ffffff;
}

/*-- butoon style end --*/
/*-- badge style start --*/
.hero-badge {
	border-radius: 0px 20px 0px 0px;
	background-color: #f7578c;
	padding: 0px 10px;
	position: relative;
}

.hero-badge::before {
	position: absolute;
	content: url("../images/icons/badge-icon.svg");
	top: -52px;
	right: -32px;
	animation: badgeAnimate 1.5s infinite ease-in-out;
}

@keyframes badgeAnimate {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.marketing-badge {
	border-radius: 0px 20px 0px 0px;
	background-color: #fec458;
	padding: 0 10px;
}

.marketing-badge.v2 {
	display: inline-block;
	position: relative;
}

.marketing-badge.v2::before {
	position: absolute;
	content: url("../images/icons/polygon.svg");
	top: -15px;
	right: -15px;
	width: 24px;
	height: 24px;
	line-height: 0;
	animation: badgeAnimate 2s infinite ease-in-out;
}

.theme-badge {
	border-radius: 100px;
	background-color: #f7578c;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	line-height: 36px;
	color: #ffffff;
}

/*-- badge style end --*/
.breadcrumb-section {
	padding: 60px 0;
	background-color: #242549;
	position: relative;
	z-index: 0;
}

.breadcrumb-section .shape-img {
	position: absolute;
	z-index: -1;
}

.breadcrumb-section .shape-img.img-1 {
	bottom: 0;
	left: 4%;
}

.breadcrumb-section .shape-img.img-2 {
	bottom: 0;
	left: 34%;
}

.breadcrumb-section.blog-details-breadcrumb-section {
	height: 436px;
}

.breadcrumb-section.pricing-plan-breadcrumb-section {
	min-height: 580px;
	padding-top: 95px;
}

.breadcrumb-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.breadcrumb-list .breadcrumb-item {
	text-transform: uppercase;
	font-weight: 700;
	color: #ffffff;
}

.breadcrumb-list .breadcrumb-item.active {
	color: #ffffffb2;
}

.breadcrumb-list .breadcrumb-item+.breadcrumb-item::before {
	content: ".";
	font-size: 20px;
}

.breadcrumb-sec .breadcrumb-title {
	text-transform: capitalize;
	font-size: 50px;
	color: #ffffff;
	margin-bottom: 0;
}

.breadcrumb-img {
	text-align: right;
}

.form-input {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.form-input label {
	font-weight: 500;
	font-size: 15px;
	line-height: 30px;
	text-transform: uppercase;
	color: #111111;
}

.form-input input,
.form-input textarea {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 10px 15px;
	font-weight: 500;
	font-size: 15px;
	line-height: 28px;
	color: #111111;
	transition: 0.3s;
}

.form-input textarea {
	resize: none;
}

.form-input-between {
	display: flex;
	align-items: center;
	gap: 30px;
}

.form-input-between .form-input {
	width: 100%;
}

.staco-newslatter {
	margin-left: 35px;
}

.staco-newslatter input[type="email"] {
	margin-right: 20px;
}

.staco-pagination {
	max-width: 290px;
	width: 100%;
}

.staco-pagination ul {
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.staco-pagination ul li {
	min-height: 50px;
	min-width: 50px;
	border-radius: 50%;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}

.staco-pagination ul li a {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	color: #444444;
	transition: 0.3s;
}

.staco-pagination ul li:hover,
.staco-pagination ul li.active {
	border: 1px solid #0095ff;
}

.staco-pagination ul li:hover a,
.staco-pagination ul li.active a {
	color: #0095ff;
}

.case-studies-section {
	margin-top: 90px;
	margin-bottom: 115px;
	background: #eeeffb;
}

.case-studies-section .case-studies-left {
	max-width: 496px;
	width: 100%;
	padding: 125px 0px 140px 0px;
}

.case-studies-section .case-studies-left h2 {
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 60px;
	color: #111111;
	margin-bottom: 35px;
}

.case-studies-section .case-studies-brands {
	display: flex;
	align-items: center;
	justify-content: center;
}

.case-studies-section .case-studies-brands .case-studies-item {
	width: 50%;
	padding-top: 60px;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	min-height: 550px;
	max-height: 585px;
	position: relative;
	overflow: hidden;
}

.case-studies-section .case-studies-brands .case-studies-item::before {
	content: '';
	height: 200px;
	width: 100%;
	position: absolute;
	background: linear-gradient(180deg, #EEEFFB 0%, rgba(238, 239, 251, 0) 100%);
	top: 0px;
	left: 0px;
	z-index: 2;
}

.case-studies-section .case-studies-brands .case-studies-item::after {
	content: '';
	height: 200px;
	width: 100%;
	position: absolute;
	background: linear-gradient(180deg, rgba(238, 239, 251, 0) 0%, #EEEFFB 100%);
	bottom: 0px;
	left: 0px;
	z-index: 2;
}

.case-studies-section .case-studies-brands .case-studies-item:nth-last-child(1) {
	border-left: none;
}

.case-studies-section .case-studies-brands .case-studies-item ul {
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	overflow: hidden;
}

.case-studies-section .case-studies-brands .case-studies-item ul.slide-top {
	animation: SlideTop 4s infinite linear;
}

.case-studies-section .case-studies-brands .case-studies-item ul.slide-bottom {
	animation: SlideBottom 4s infinite linear;
}

.case-studies-section .case-studies-brands .case-studies-item ul li {
	min-height: 24px;
	margin-bottom: 85px;
}

@keyframes SlideTop {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0%);
	}
}

@keyframes SlideBottom {
	0% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(-100%);
	}
}

.developer-apis-Section {
	background: #061121;
	margin-bottom: 47px;
}

.developer-apis-Section .developer-apis-left {
	padding-right: 50px;
	padding-top: 112px;
	margin-bottom: 112px;
}

.developer-apis-Section .developer-apis-left .developer-apis-text p {
	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	color: #ffffff;
	margin-top: 35px;
	margin-bottom: 30px;
}

.developer-apis-Section .developer-apis-right {
	background: rgba(255, 255, 255, 0.04);
	height: 100%;
	width: 100%;
	padding: 120px 30px;
	position: relative;
	overflow: hidden;
}

.developer-apis-Section .developer-apis-right::after {
	content: url(../images/newslater/newsletter-mashgrad.png);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.developer-apis-Section .developer-apis-right .developer-apis-tab-buttons {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 33px;
	border-bottom: none;
	position: relative;
	z-index: 1;
}

.developer-apis-Section .developer-apis-right .developer-apis-tab-buttons button {
	padding: 8px 19px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 26px;
	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	color: #ffffff;
	transition: 0.3s;
}

.developer-apis-Section .developer-apis-right .developer-apis-tab-buttons button.active,
.developer-apis-Section .developer-apis-right .developer-apis-tab-buttons button:hover {
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.08);
}

.section-title2 p {
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	color: #f7578c;
	text-transform: uppercase;
}

.section-title2 h2 {
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 60px;
	color: #ffffff;
	max-width: 363px;
}

.developer-apis-tab-contents {
	position: relative;
	z-index: 2;
}

.developer-apis-notepad .custom-textarea {
	position: relative;
	width: 100%;
	max-width: 90%;
	margin: auto;
	overflow: hidden;
}

.developer-apis-notepad .custom-textarea .textarea {
	display: block;
	position: relative;
	height: 288px;
	min-height: 288px;
	max-height: 288px;
	margin-left: 24px;
	outline: none;
	border: none;
	overflow-y: auto;
	word-wrap: normal;
	word-break: break-all;
	background: transparent;
	resize: none;
	overflow-x: none;
	font-family: "Fira Code", monospace;
	font-size: 13px;
	font-weight: 500;
	line-height: 24px;
	color: #ffffff;
}

.developer-apis-notepad .custom-textarea .textarea::-webkit-scrollbar {
	display: none;
}

.developer-apis-notepad .custom-textarea .textarea .variable {
	color: aqua;
}

.developer-apis-notepad .custom-textarea .textarea .bracket1 {
	color: chartreuse;
}

.developer-apis-notepad .custom-textarea .textarea .bracket2 {
	color: fuchsia;
}

.developer-apis-notepad .custom-textarea .textarea .bracket3 {
	color: #1f14ff;
}

.developer-apis-notepad .custom-textarea .textarea .bracket4 {
	color: #ecff8e;
}

.developer-apis-notepad .custom-textarea .textarea .bracket5 {
	color: #26ffcc;
}

.developer-apis-notepad .custom-textarea .textarea .bracket6 {
	color: #8bffb3;
}

.developer-apis-notepad .custom-textarea .textarea .bracket7 {
	color: #ffbc3e;
}

.developer-apis-notepad .custom-textarea .textarea .bracket8 {
	color: #7e00ed;
}

.developer-apis-notepad .custom-textarea .textarea .class {
	color: #f7578c;
}

.developer-apis-notepad .custom-textarea .textarea .import {
	color: orangered;
}

.developer-apis-notepad .custom-textarea .textarea .string {
	color: #ffda54;
}

.developer-apis-notepad .custom-textarea .textarea .comment {
	color: #919090;
}

.developer-apis-notepad .custom-textarea .linenumbers {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	background: transparent;
}

.developer-apis-notepad .custom-textarea .linenumbers .number {
	font-family: "Fira Code", monospace;
	font-size: 13px;
	font-weight: 500;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.3);
}

.ultimate-features-section {
	margin-bottom: 140px;
}

.ultimate-features-section .ultimate-features-content {
	margin-top: 50px;
}

.ultimate-features-card {
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	padding: 30px;
}

.ultimate-features-card h5 {
	margin-top: 18px;
	margin-bottom: 10px;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 26px;
	color: #111111;
}

.ultimate-features-card p {
	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	color: #444444;
}

.ultimate-features-card2 {
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 30px;
}

.ultimate-features-card2.blue {
	background: #267dff;
}

.ultimate-features-card2.green {
	background: #0ec36b;
}

.ultimate-features-card2.purple {
	background: #7956fd;
}

.ultimate-features-card2.white {
	background: #eef4ff;
}

.ultimate-features-card2.white .overlay {
	background: transparent;
}

.ultimate-features-card2 .overlay {
	background: linear-gradient(147.66deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
	height: 100%;
	width: 100%;
	padding: 30px;
}

.ultimate-features-card2 .ultimate-features-img {
	width: 100%;
	border-radius: 20px;
	margin-bottom: 33px;
	overflow: hidden;
}

.ultimate-features-card2 .ultimate-features-img img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.ultimate-features-card2 .ultimate-features-text h5 {
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	color: #ffffff;
	margin-bottom: 12px;
}

.ultimate-features-card2 .ultimate-features-text h5.dark {
	color: #111111;
}

.ultimate-features-card2 .ultimate-features-text p {
	margin-bottom: 30px;
	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	color: #ffffff;
}

.ultimate-features-card2 .ultimate-features-text p.dark {
	color: #444444;
}

.ultimate-features-card2 .ultimate-features-text a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: 0.3s;
}

.ultimate-features-card2 .ultimate-features-text a h6 {
	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 30px;
	color: #ffffff;
	transition: 0.3s;
}

.ultimate-features-card2 .ultimate-features-text a h6.dark {
	color: #111111;
}

.ultimate-features-card2 .ultimate-features-text a button {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}

.ultimate-features-card2 .ultimate-features-text a button.dark {
	background: rgba(0, 0, 0, 0.1);
}

.ultimate-features-card2 .ultimate-features-text a button.dark img {
	filter: brightness(0.1);
}

.ultimate-features-card2 .ultimate-features-text a:hover h6 {
	opacity: 0.8;
}

.ultimate-features-card2 .ultimate-features-text a:hover button {
	transform: rotate(-45deg);
}

.portfolio-section {
	margin-top: 120px;
	margin-bottom: 57px;
	padding: 0px 55px;
}

.portfolio-section .portfolio-title {
	text-align: center;
}

.portfolio-section .portfolio-title p {
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	color: #0095ff;
	letter-spacing: 0.2em;
}

.portfolio-section .portfolio-title .portfolio-subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}

.portfolio-section .portfolio-title .portfolio-subtitle h2 {
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 60px;
	color: #111111;
	text-align: right;
}

.portfolio-section .portfolio-title .portfolio-subtitle h3 {
	text-align: left;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 60px;
	color: #0ec36b;
}

.portfolio-section .portfolio-title .portfolio-subtitle h3 span {
	font-size: 16px;
	font-weight: 600;
	line-height: 60px;
	color: #111111;
}

.portfolio-section .portfolio-gallery-section {
	max-width: 100%;
	overflow-x: hidden;
}

.portfolio-section .portfolio-gallery {
	margin-top: 42px;
	display: flex;
	align-items: center;
	gap: 20px;
}

.portfolio-section .portfolio-gallery .portfolio-img {
	flex: 0 0 auto;
	width: 430px;
	height: 300px;
	border-radius: 10px;
	overflow: hidden;
}

.portfolio-section .portfolio-gallery .portfolio-img img {
	height: 100%;
	width: 100%;
}

.footer-testimonial-section {
	background: url(../images/footer/footer-testimonial-bg.svg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	min-height: 551px;
	margin-bottom: 107px;
}

.footer-testimonial-section .footer-testimonial-left {
	padding-top: 35px;
}

.footer-testimonial-section .footer-testimonial-left h4 {
	margin-top: 55px;
	margin-bottom: 61px;
	font-family: "DM Sans", sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 45px;
	color: #ffffff;
	max-width: 583px;
}

.footer-testimonial-section .footer-testimonial-left form {
	background: #ffffff;
	border-radius: 35px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer-testimonial-section .footer-testimonial-left form input {
	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: #444444;
	padding: 10px 14px;
	height: 100%;
	width: 100%;
	max-width: 296px;
	border: none;
	outline: none;
}

.footer-testimonial-section .footer-testimonial-left form input::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #111111;
	/* Firefox */
}

.footer-testimonial-section .footer-testimonial-left form input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #111111;
}

.footer-testimonial-section .footer-testimonial-left form input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #111111;
}

.footer-testimonial-section .footer-testimonial-left form button {
	background: #ffda54;
	color: #050038;
	padding: 12px 24px;
	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 26px;
	border-radius: 25px;
	min-width: max-content;
	transition: 0.5s;
}

.footer-testimonial-section .footer-testimonial-left.v8 {
	padding-top: 60px;
	padding-bottom: 88px;
}

.footer-testimonial-section .footer-testimonial-left.v8 form button {
	background: #aaef69;
	color: #1a7870;
}

.footer-testimonial-section .footer-testimonial-left.v8 form button:hover {
	color: #ffffff;
	background: #1a7870;
}

.footer-testimonial-section .footer-testimonial-left ul {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	max-width: 370px;
	width: 100%;
	margin-top: 16px;
}

.footer-testimonial-section .footer-testimonial-left ul li {
	width: 50%;
	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
	color: #ffffff;
}

.footer-testimonial-section .footer-testimonial-left ul li svg {
	color: #ffffff;
	margin-right: 11px;
	font-size: 18px;
}

.footer-testimonial-section .footer-testimonial-right {
	text-align: right;
	position: absolute;
	right: 15px;
	bottom: 0;
}

.footer-testimonial-section .footer-testimonial-right .footer-testimonial-right-text {
	text-align: left;
	position: absolute;
	left: 120px;
	bottom: 120px;
}

.footer-testimonial-section .footer-testimonial-right .footer-testimonial-right-text h5 {
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	color: #ffffff;
}

.footer-testimonial-section .footer-testimonial-right .footer-testimonial-right-text p {
	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	color: #ffffff;
}

.footer-testimonial-section.v8 {
	background: url(../images/index8/footer-testimonial-bg.png);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	min-height: auto;
	margin-bottom: 107px;
}

.footer-testimonial-section.v8 .footer-testimonial-icon {
	opacity: 0;
}

.manage-team-section {
	margin-bottom: 150px;
}

.manage-team-content {
	margin-top: 71px;
}

.manage-team-card {
	margin-bottom: 60px;
}

.manage-team-card h6 {
	margin-top: 25px;
	margin-bottom: 13px;
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	color: #111111;
}

.manage-team-card p {
	max-width: 323px;
	width: 100%;
	fontfamily: dmSans;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	color: #444444;
}

.index6-card-section {
	background: #ffffff;
	padding-bottom: 100px;
}

.index6-card-section .v8-card-section-text {
	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	color: #444444;
	margin-bottom: 55px;
	margin-top: -16px;
}

.index6-card {
	background: #eceff1;
	padding: 40px 30px;
	border-radius: 30px;
	margin-bottom: 30px;
	transition: 0.3s;
}

.index6-card.index8-card {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	min-height: 100%;
	height: 370px;
	overflow: hidden;
}

.index6-card.index8-card p {
	margin-bottom: 0px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s;
}

.index6-card.index8-card .index8-card-text {
	position: relative;
	bottom: -100px;
	z-index: 1;
}

.index6-card.index8-card a {
	background: #eceff1;
	margin-top: 18px;
	justify-content: flex-start;
	position: relative;
	z-index: 2;
	gap: 20px;
	padding-top: 20px;
	padding-bottom: 48px;
}

.index6-card.index8-card a .icon {
	filter: brightness(0);
}

.index6-card.index8-card:hover p {
	display: block;
	opacity: 1;
	visibility: visible;
}

.index6-card.index8-card:hover .index8-card-text {
	animation: smothShow 0.5s;
	bottom: -10px;
}

.index6-card.index8-card:hover a .icon {
	transition: 0.5s;
	transform: rotate(-45deg);
	filter: none;
}

.index6-card .index6-card-icon {
	margin-bottom: 31px;
}

.index6-card h5 {
	font-weight: 700;
	color: #000000;
	margin-bottom: 19px;
	transition: 0.5s;
}

.index6-card p {
	margin-bottom: 70px;
}

.index6-card a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: 0.7s;
}

.index6-card a span {
	transition: 0.5s;
	color: #444444;
	font-weight: 700;
}

.index6-card a .link-btn {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}

.index6-card a .link-btn .icon {
	margin-bottom: 3px;
	margin-left: 2px;
}

.index6-card a .link-btn img {
	filter: brightness(0);
	transition: 0.3s;
}

.index6-card:hover a span {
	color: #44c486;
}

.index6-card:hover a .link-btn {
	background: #44c486;
}

.index6-card:hover a .link-btn img {
	filter: brightness(100);
	transform: rotate(-45deg);
}

@keyframes smothShow {
	0% {
		bottom: -100px;
	}

	100% {
		bottom: -10px;
	}
}

.section-title p {
	margin-bottom: 5px;
}

.section-title.v8 p {
	color: #0dac81;
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}

.section-title.v8.title2 p {
	color: #aaef69;
}

.section-title.v8.title2 h2 {
	color: #ffffff;
}

/*-- section-title style --*/
.section-title {
	margin-bottom: 38px;
}

@media screen and (max-width: 575px) {
	.section-title {
		margin-bottom: 15px;
	}
}

.section-title .sub-title {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	color: #0095ff;
	letter-spacing: 0.2em;
	margin-bottom: 12px;
	display: block;
}

.section-title .green-color {
	color: #44c486;
}

.section-title .green-lite {
	color: #aaef69;
}

.section-title .title {
	line-height: 1.55;
}

.section-title h6 {
	margin-top: 12px;
}

.section-title h5 {
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	margin-top: 12px;
}

.section-title .love-icon svg {
	color: #f7578c;
}

.lets-talk-section {
	margin: 140px 0px;
}

.lets-talk-content {
	background: #004d42;
	border-radius: 30px;
	padding: 0px 70px;
	overflow: hidden;
}

.lets-talk-text {
	padding: 54px 0px 70px 0px;
}

.lets-talk-text h2 {
	color: #ffffff;
	margin-bottom: 34px;
}

.lets-talk-img {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	height: 100%;
}

.benefits-section {
	background: #ffffff;
}

.benefits-content {
	padding-top: 28px;
}

/*-- benefits-img --*/
.benefits-left-section {
	background: #ecf1f1;
	border-radius: 30px;
}

.benefits-img-bg {
	background: transparent;
	padding: 40px;
	position: relative;
}

.benefits-img-bg .benefits-img-tag {
	position: absolute;
	background: #b2eda1;
	color: #444444;
	border-radius: 20px;
	padding: 10px 23px;
	z-index: 111;
}

.benefits-img-bg .benefits-img-tag1 {
	right: 40px;
	top: 20%;
}

.benefits-img-bg .benefits-img-tag2 {
	right: 40px;
	top: 31%;
}

.benefits-img-bg .benefits-img-tag3 {
	left: 20%;
	bottom: 40px;
}

.benefits-img-bg.benefits-img-bg2 .benefits-img-tag1 {
	left: 40px;
	top: 8%;
	right: auto !important;
}

.benefits-img-bg.benefits-img-bg2 .benefits-img-tag2 {
	left: 40px;
	top: 21%;
	right: auto !important;
}

.benefits-img-bg.benefits-img-bg2 .benefits-img-tag3 {
	left: 40px;
	top: 37%;
	bottom: auto !important;
}

.benefits-img-bg.benefits-img-bg2 .benefits-img-chart {
	position: absolute;
	left: 40px;
	z-index: 111;
	bottom: 16%;
}

.benefits-img-bg.benefits-img-bg2 .benefits-img {
	margin-left: auto;
}

.benefits-img-bg.benefits-img-bg3 .benefits-img-tag1 {
	right: 40px;
	top: auto;
	bottom: 35%;
}

.benefits-img-bg.benefits-img-bg3 .benefits-img-tag2 {
	right: 40px;
	top: auto;
	bottom: 21%;
}

.benefits-img-bg.benefits-img-bg3 .benefits-img-tag3 {
	right: 40px;
	left: auto;
	top: auto;
	bottom: 8%;
}

.benefits-img-bg.benefits-img-bg3 .benefits-img-chart {
	position: absolute;
	left: 40px;
	z-index: 111;
	bottom: 16%;
	left: 40px;
}

.benefits-img-bg.benefits-img-bg4 .benefits-img-tag1 {
	left: 20%;
	top: 9%;
	right: auto !important;
}

.benefits-img-bg.benefits-img-bg4 .benefits-img-tag2 {
	left: auto !important;
	top: 9%;
	right: 40px;
}

.benefits-img-bg.benefits-img-bg4 .benefits-img-tag3 {
	left: auto !important;
	top: 35%;
	right: 40px;
	bottom: auto;
}

.benefits-img-bg.benefits-img-bg4 .benefits-img-chart {
	position: absolute;
	left: auto;
	right: 40px;
	z-index: 111;
	bottom: 16%;
}

.benefits-img-bg .benefits-img {
	border-radius: 10px;
	border-bottom-right-radius: 50%;
	max-width: 90%;
}

.benefits-img-bg .benefits-img>img {
	height: 100%;
	width: 390px;
	max-width: 100%;
	overflow: hidden;
}

/*-- benefits-faq --*/
.benefits-faq {
	padding-left: 50px;
}

.benefits-faq .slider-benefits-content {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.benefits-faq .benefits-slider-nav {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 26px 0px;
}

.benefits-faq .benefits-slider-nav .benefits-nav-btn {
	font-family: "Montserrat Alternates", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	color: #111111;
	position: relative;
	width: 100%;
	text-align: left;
}

.benefits-faq .benefits-slider-nav .benefits-nav-btn::after {
	position: absolute;
	content: url(../img/icons/accordion-plus.png);
	top: 2px;
	right: 0;
	width: 20px;
	height: 20px;
	transition: 0.3s;
	transform: rotate(0deg);
}

.benefits-faq .benefits-slider-nav .benefits-nav-content {
	height: 0px;
	overflow: hidden;
	transition: 0.5s;
}

.benefits-faq .benefits-slider-nav .benefits-nav-content p {
	padding-top: 15px;
	max-width: 515px;
	width: 100%;
}

.benefits-faq .benefits-slider-nav.slick-current {
	padding-bottom: 22px;
	opacity: 1;
	position: relative;
}

.benefits-faq .benefits-slider-nav.slick-current::after {
	position: absolute;
	bottom: -1px;
	left: 0px;
	content: "";
	height: 1px;
	width: 30%;
	background: #44c486;
	animation: lineProgress 3.5s linear infinite;
	-webkit-animation: lineProgress 3.5s linear infinite;
}

.benefits-faq .benefits-slider-nav.slick-current .benefits-nav-btn::after {
	content: '';
	top: -7px;
	transform: rotate(360deg);
}

.benefits-faq .benefits-slider-nav.slick-current .benefits-nav-content {
	height: auto;
}

.benefits-faq .slick-list {
	padding: 0 !important;
}

.benefits-faq .slick-slide {
	width: 100% !important;
}

.benefits-faq .slick-track {
	width: 100% !important;
	transform: translate3d(0px, 0px, 0px) !important;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}

.v6-top-section {
	background: transparent;
	position: relative;
	z-index: 2;
}

.h6-bottom-section {
	background-color: #ecf1f1;
}

.v6-bottom-section {
	background: #ecf1f1;
	position: relative;
	z-index: 1;
}

/*-- customers-quote-section --*/
.customers-quote-section {
	padding-top: 120px;
	padding-bottom: 132px;
}

.customers-quote-card {
	background: #ffffff;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	height: auto;
	position: relative;
	overflow: hidden;
}

.customers-quote-card .customers-quote-bg {
	position: absolute;
	left: 9%;
	bottom: 117px;
}

.customers-quote-card .customers-quote-bg img {
	height: 100%;
	width: 100%;
}

.customers-quote-card .quote-icon {
	position: absolute;
	top: 18%;
	right: 46%;
}

.customers-quote-card::before {
	content: '';
	position: absolute;
	left: 0px;
	top: 48px;
	z-index: 0;
}

.customers-quote-card .customers-quote-content {
	padding-top: 100px;
	padding-bottom: 49px;
	padding-right: 50px;
	position: relative;
	z-index: 2;
}

/*-- customers-quote-img --*/
.customers-quote-img {
	position: relative;
	min-height: 298px;
	max-width: 320px;
	width: 100%;
	margin: auto;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.customers-quote-img .quote-customers-img {
	position: relative;
	z-index: 2;
}

/*-- customers-quote-text --*/
.customers-quote-text {
	max-width: 520px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
}

.customers-quote-text .quote-icon {
	margin-bottom: 42px;
}

.customers-quote-text p {
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 36px;
	color: #111111;
	margin-bottom: 27px;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.customers-quote-text .quote-customer-name {
	color: #111111;
	font-family: "DM Sans", sans-serif;
}

.customers-quote-text .quote-customer-name .name {
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	display: block;
}

.customers-quote-text .quote-customer-name .duration {
	display: block;
}

/*-- customers-quote-card-footer --*/
.customers-quote-card-footer {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding: 20px 38px;
	position: relative;
}

.customers-quote-card-footer::before {
	position: absolute;
	top: -2px;
	left: 0px;
	content: "";
	height: 2px;
	width: 30%;
	background: #44c486;
	animation: lineProgress 12s linear infinite;
	-webkit-animation: lineProgress 12s linear infinite;
}

.customers-quote-card-footer .quote-slider-nav img {
	margin: auto;
}

.customers-quote-card-footer .slick-list {
	padding: 0 !important;
}

.customers-quote-card-footer .slick-track {
	width: 100% !important;
	transform: translate3d(0px, 0px, 0px) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.customers-quote-card-footer .slide-item {
	cursor: pointer;
	opacity: 0.6;
}

.customers-quote-card-footer .slide-item.slick-current {
	opacity: 1;
}

@keyframes lineProgress {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

.blog-post-section {
	padding-bottom: 110px;
}

.blog-post-card {
	overflow: hidden;
	padding: 30px;
	border-radius: 30px;
	min-height: 382px;
	display: flex;
	margin-bottom: 30px;
	align-items: flex-start;
	flex-direction: column;
}

.blog-post-card .admin {
	text-transform: capitalize;
}

.blog-post-card.blog-post-card1 {
	background: #ffffff;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
	justify-content: flex-start;
}

.blog-post-card.blog-post-card1 .card-title h6 {
	color: #44c486;
}

.blog-post-card.blog-post-card1 .card-footer .user span {
	color: #111111;
}

.blog-post-card.blog-post-card1 .card-footer h5 {
	color: #444444;
	opacity: 0.8;
}

.blog-post-card.blog-post-card2 {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #ffffff;
	justify-content: flex-end;
}

.blog-post-card.blog-post-card2 .card-title a {
	color: #fff;
}

.blog-post-card.blog-post-card3 {
	background: #b2eda1;
	justify-content: space-between;
}

.blog-post-card.blog-post-card3 .card-title {
	color: #004d42;
}

.blog-post-card.blog-post-card3 .card-footer {
	color: #111111;
}

.blog-post-card .card-title h6 {
	font-family: "DM Sans", sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.blog-post-card .card-title h4 {
	margin-bottom: 25px;
}

.blog-post-card .card-title h4:hover {
	opacity: 0.8;
}

.blog-post-card .card-title h3 {
	margin-bottom: 25px;
}

.blog-post-card .card-title h3:hover {
	opacity: 0.8;
}

.blog-post-card p {
	padding-bottom: 15px;
}

.blog-post-card .card-footer {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.blog-post-card .card-footer .user {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}

.blog-post-card .card-footer .user span {
	font-weight: 700;
}

.blog-post-card .card-footer .user .user-img {
	height: 36px;
	width: 36px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.blog-post-card .card-footer .user .user-img img {
	height: 100%;
	width: 100%;
}

.blog-post-card .card-footer .blog-date {
	color: #999999;
}

.disclaimer-section {
	padding: 53px 0 60px 0;
	background-color: #ecf1f1;
}

.disclaimer-text {
	font-family: "DM Sans", sans-serif;
}

.disclaimer-text h6 {
	font-weight: 700;
	margin-bottom: 11px;
}

.disclaimer-text p {
	font-size: 14px;
	margin-bottom: 20px;
}

/*-- staco-scroll-top start --*/
.staco-scroll-top {
	position: fixed;
	right: 30px;
	bottom: 25px;
	width: 45px;
	height: 45px;
	cursor: pointer;
	display: block;
	border-radius: 100%;
	box-shadow: inset 0 0 0 0.1rem rgba(128, 130, 134, 0.25);
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(0.75rem);
	transition: all .2s linear, margin-right 0s;
}

.staco-scroll-top.progress-done {
	visibility: visible;
	transform: translateY(0);
}

.staco-scroll-top-icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: rgba(0, 149, 255, 0.8);
}

.staco-scroll-top-icon.v6 {
	color: rgba(0, 77, 66, 0.8);
}

.staco-scroll-top-icon.v8 {
	color: rgba(13, 172, 129, 0.8);
}

.staco-scroll-top>svg path {
	fill: none;
}

.staco-scroll-top>svg.progress-circle path {
	stroke: rgba(0, 149, 255, 0.8);
	stroke-width: 4;
	box-sizing: border-box;
	transition: all 200ms linear;
}

.staco-scroll-top.v6>svg.progress-circle path {
	stroke: rgba(0, 77, 66, 0.8);
}

.staco-scroll-top.v8>svg.progress-circle path {
	stroke: rgba(13, 172, 129, 0.8);
}

@media (min-width: 1px) {
	.staco-scroll-top.progress-done {
		opacity: 1;
	}
}

/*-- staco-scroll-top end --*/
/*--------------------------------
05. Utilities style
--------------------------------*/
/*-- margin style --*/
.mb-20 {
	margin-bottom: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

/*-- App Landing Page style Start --*/
.app-useful-features {
	background: #242549;
	padding-top: 130px;
	padding-bottom: 140px;
}

.app-useful-features-card {
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.08);
	border-radius: 15px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.app-useful-features-card::after {
	content: url(../images/app/hover_effect.svg);
	content: url(../images/app/hover_effect.png);
	position: absolute;
	top: 0;
	opacity: 0;
	opacity: 0;
	transition: 0.6s;
	z-index: 0;
}

.app-useful-features-card:hover::after {
	opacity: 1;
}

.app-useful-features-card:hover .card-glow {
	display: none;
}

.app-useful-features-card .card-glow {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	display: none;
}

.app-useful-features-card .card-glow img {
	height: 100%;
	width: 100%;
}

.app-useful-features-card .card-content {
	position: relative;
	z-index: 4;
	padding: 35px 30px;
}

.app-useful-features-card .card-content .icon {
	margin-bottom: 24px;
}

.app-useful-features-card .card-content h5 {
	margin-bottom: 14px;
}

.app-useful-features-card-section {
	margin-top: 60px;
}

.app-chose-us-section {
	padding-top: 80px;
	padding-bottom: 140px;
}

.app-chose-us-content .app-chose-title {
	max-width: 600px;
	margin: auto;
	margin-bottom: 67px;
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 700;
	font-size: 40px;
	line-height: 150%;
	text-align: center;
	color: #111111;
	display: none;
}

.app-chose-us-content .app-chose-title-defult {
	display: block;
}

.app-chose-us-card {
	min-height: 150px;
	cursor: pointer;
}

.app-chose-us-card .app-chose-card {
	overflow: hidden;
	text-align: center;
	padding: 44px 30px 35px 30px;
	border-radius: 15px;
	border: 2px solid transparent;
	cursor: pointer;
	transition: 0.3s;
}

.app-chose-us-card .app-chose-card .app-chose-icon {
	background: #ffffff;
	width: 100%;
	position: relative;
	z-index: 1;
}

.app-chose-us-card .app-chose-card h6 {
	margin-bottom: 0px;
	padding-bottom: 19px;
	font-weight: 700;
	background: #ffffff;
	padding-top: 21px;
	position: relative;
	z-index: 1;
}

.app-chose-us-card .app-chose-card p {
	opacity: 0;
	color: #ffffff;
	transition: 0.4s;
	transform: translateY(-100%);
	z-index: 0;
}

.app-chose-us-card:hover {
	min-height: auto;
}

.app-chose-us-card:hover .app-chose-card {
	border: 2px solid rgba(0, 0, 0, 0.08);
}

.app-chose-us-card:hover .app-chose-card p {
	color: #444444;
	opacity: 1;
	transform: translateY(0%);
}

.animated-headline {
	color: #000;
	font-family: "Helvetica";
	text-transform: uppercase;
	text-align: center;
	font-weight: 800;
}

.animated-headline #block {
	font-size: 170px;
	z-index: 2;
	display: inline-block;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.animated-headline #backgroundController {
	width: 100%;
	height: 100%;
	background: #131313;
	z-index: 1;
}

.animated-headline #fullText {
	width: 100%;
	z-index: 2;
	display: inline-block;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 50px;
	letter-spacing: 10px;
}

.testimonial-section-4.app-testimonial-section::before {
	display: none;
}

.testimonial-section-4.app-testimonial-section .testimonial-btns {
	max-width: 530px;
	min-height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.testimonial-section-4.app-testimonial-section .testimonial-btns a {
	padding: 16px 50px;
	background: #ffffff;
	border-radius: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonial-section-4.app-testimonial-section .testimonial-btns a h4 {
	margin-left: 18px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	margin-bottom: 0px;
}

.testimonial-section-4.app-testimonial-section .testimonial-btns a h4 span {
	font-weight: 500;
	font-size: 15px;
	color: #444444;
}

.app-testimonial-section-slider {
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
	position: relative;
	cursor: grab;
}

.app-testimonial-section-slider::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: 0;
	left: 0;
	width: 20%;
	height: 100%;
	background: linear-gradient(90deg, #d3e1ff 0%, rgba(211, 225, 255, 0) 100%);
}

.app-testimonial-section-slider::after {
	position: absolute;
	z-index: 1;
	content: "";
	top: 0;
	right: 0;
	width: 20%;
	height: 100%;
	background: linear-gradient(90deg, rgba(255, 234, 239, 0) 0%, #ffeaef 100%);
}

.app-testimonial-section-slider .slider-item {
	flex: 0 0 auto;
	background-color: #ffffff;
	border-radius: 30px;
	padding: 20px 30px;
}

.app-testimonial-section-slider .slider-item h4 {
	font-size: 15px;
	line-height: 24px;
	font-family: "DM Sans", sans-serif;
}

.app-testimonial-section-slider .slider-item h5 {
	font-size: 13px;
	line-height: 24px;
	color: #444444;
	font-family: "DM Sans", sans-serif;
}

.app-testimonial-section-slider .slider-item p {
	font-size: 15px;
	line-height: 30px;
	color: #444444;
}

.app-testimonial-section-slider .slider-item .slider-info {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.app-testimonial-section-slider .slider-item .slider-info .slider-reating {
	cursor: pointer;
	background: rgba(0, 0, 0, 0.08);
	border-radius: 18px;
	padding: 2.5px 13.5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.app-testimonial-section-slider .slider-item .slider-info .slider-reating img {
	padding-right: 9px;
}

.app-testimonial-section-slider .slick-dots {
	position: relative;
	bottom: 0px;
	max-width: 107px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	margin-top: 60px;
	gap: 6px;
}

.app-testimonial-section-slider .slick-dots li {
	height: 8px;
	width: 8px;
	padding: 0px;
}

.app-testimonial-section-slider .slick-dots li button {
	background: rgba(0, 0, 0, 0.2);
	height: 8px;
	width: 8px;
	border-radius: 50%;
	opacity: 1;
	color: transparent;
}

.app-testimonial-section-slider .slick-dots li button:before {
	display: none;
}

.app-testimonial-section-slider .slick-dots li.slick-active {
	width: 15px;
}

.app-testimonial-section-slider .slick-dots li.slick-active button {
	width: 15px;
	border-radius: 20px;
	background: #111111;
}

.app-benefits-section {
	padding: 132px 0px;
}

.app-benefits-card {
	margin-bottom: 30px;
	border-radius: 30px;
	overflow: hidden;
}

.app-benefits-card-img {
	margin-bottom: 43px;
	padding: 60px 20px 0px 20px;
	text-align: center;
	width: 100%;
	overflow: hidden;
}

.app-benefits-card-img.account {
	background: #EEEFFB;
}

.app-benefits-card-img.plan {
	background: #F8F0E6;
}

.app-benefits-card-img.team {
	background: #F6EAFE;
}

.app-benefits-card-text {
	padding: 0px 30px;
}

.app-benefits-card-text h5 {
	margin-bottom: 16px;
}

.stay-connect-section {
	background: #061121;
}

.stay-connect-section .stay-connect-content {
	max-height: 793px;
	min-height: 793px;
	padding-top: 126px;
	padding-bottom: 147px;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.stay-connect-section .stay-connect-content .stay-connect-round-shape {
	position: absolute;
	animation: rotate360 5s linear infinite;
	-webkit-animation: rotate360 5s linear infinite;
	z-index: 1;
}

.stay-connect-section .stay-connect-content .stay-connect-mash-grade {
	position: absolute;
	z-index: 0;
}

.stay-connect-section .stay-connect-content .section-title {
	position: relative;
	z-index: 3;
	max-width: 412px;
	width: 100%;
	margin: auto;
}

.stay-connect-btns {
	max-width: 410px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	margin-top: 48px;
	position: relative;
	z-index: 3;
}

.stay-connect-btns a {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;
	border-radius: 30px;
	padding: 7px 24px;
	max-width: 190px;
	width: 190px;
	margin: auto;
}

.stay-connect-btns a h5 {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	margin-left: 10px;
	font-weight: 700;
	margin-bottom: 0px;
}

.stay-connect-btns a h5 span {
	font-size: 12px;
	font-weight: 500;
}

.stay-connect-btns .qr-code {
	margin-top: 52px;
	text-align: center;
	margin-bottom: 30px;
	margin-bottom: 40px;
}

.stay-connect-btns .qr-code p {
	margin-top: 12px;
	margin-bottom: 0px;
}

.stay-connect-mobile-img {
	position: relative;
	z-index: 2;
	max-width: 600px;
	margin: auto;
	margin-top: -95px;
}

@-webkit-keyframes rotate360 {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes rotate360 {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.app-convert-visitors-section {
	padding-top: 84px;
}

.star-free-btn {
	border: 2px solid rgba(0, 149, 255, 0.3);
	border-radius: 50px;
	padding: 17px 52px;
	transition: 0.3s;
	font-weight: 700;
	color: #0095ff;
}

.star-free-btn svg {
	margin-left: 10px;
	transition: 0.3s;
	font-size: 24px;
}

.star-free-btn:hover {
	color: #0095ff;
}

.star-free-btn:hover svg {
	transform: rotate(-45deg);
}

.protect-data-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 28px;
}

.protect-data-section .protect-data-content {
	display: flex;
	align-items: center;
	gap: 14px;
}

.protect-data-section .protect-data-content .protect-data-img {
	min-height: 50px;
	min-width: 50px;
	max-height: 50px;
	max-width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border: 1px solid rgba(0, 149, 255, 0.3);
	border-radius: 10px;
}

.protect-data-section .protect-data-content .protect-data-text {
	max-width: 131px;
}

.protect-data-section .protect-data-content .protect-data-text p {
	color: #111111;
	margin-bottom: 0px;
}

.app-convert-visitors-nav {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	min-height: 100%;
	flex-direction: column;
}

.app-convert-visitors-nav .slick-track {
	display: flex;
	flex-direction: column;
	transform: none !important;
}

.app-convert-visitors-nav .app-nav-list {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}

.app-convert-visitors-nav .app-nav-list .nav-item {
	padding-top: 19px;
	padding-bottom: 19px;
	position: relative;
	border: none;
	padding-left: 38px;
	max-width: max-content !important;
	width: 100% !important;
}

.app-convert-visitors-nav .app-nav-list .nav-item .tab-btn {
	font-weight: 700;
	line-height: 24px;
	text-transform: uppercase;
}

.app-convert-visitors-nav .app-nav-list .nav-item .tab-btn::before {
	content: "";
	height: 8px;
	width: 8px;
	background: #e6e6e6;
	border-radius: 50%;
	position: absolute;
	left: 15px;
	top: 30px;
}

.app-convert-visitors-nav .app-nav-list .nav-item.swiper-slide-thumb-active {
	color: #0095ff;
	background: transparent;
}

.app-convert-visitors-nav .app-nav-list .nav-item.swiper-slide-thumb-active::before {
	content: "";
	height: 54px;
	width: 4px;
	background: #e6e6e6;
	border-radius: 2px;
	position: absolute;
	left: 0px;
	top: 8px;
}

.app-convert-visitors-nav .app-nav-list .nav-item.swiper-slide-thumb-active::after {
	content: "";
	height: 0%;
	width: 4px;
	background: #0095ff;
	border-radius: 2px;
	position: absolute;
	left: 0px;
	top: 8px;
	animation: progressHeight 4s linear infinite;
	-webkit-animation: progressHeight 4s linear infinite;
}

.app-convert-visitors-nav .app-nav-list .nav-item.swiper-slide-thumb-active .tab-btn::before {
	background: #0095ff;
}

.convert-visitors-slider-right .slide-item {
	background: #ffffff;
}

@keyframes progressHeight {
	from {
		height: 0%;
	}

	to {
		height: 100%;
	}
}

@-webkit-keyframes progressHeight {
	from {
		height: 0%;
	}

	to {
		height: 100%;
	}
}

/*-- Newslater style start --*/
.leading-email-section {
	margin-top: 70px;
	margin-bottom: 132px;
}

.leading-email-card {
	padding: 50px 100px;
	background: #FFFFFF;
	border-radius: 30px;
}

.leading-email-left h3 {
	margin-bottom: 36px;
	color: #111111;
	line-height: 50px;
}

.leading-email-left h3 span {
	color: #0095ff;
	font-size: 40px;
}

.leading-email-left ul {
	padding: 0px;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	max-width: 383px;
	width: 100%;
}

.leading-email-left ul li {
	background: #EEF2F5;
	box-shadow: 0px 2px 0px rgba(0, 149, 255, 0.3);
	border-radius: 10px;
	font-weight: 700;
	color: #111111;
	padding: 12px 21px;
}

.leading-email-left ul li span {
	margin-right: 10px;
}

.leading-email-left ul li span img {
	margin-top: -5px;
}

.leading-email-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
}

.leading-email-right ul {
	padding: 0px;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 30px;
	max-width: 360px;
	margin-left: auto;
	margin-bottom: 0px;
}

.leading-email-right ul li {
	width: 33.33%;
}

.newsleter-features-secton {
	padding-bottom: 140px;
}

.newsleter-features-card {
	background: #ffffff;
	border-radius: 20px;
	margin-bottom: 30px;
}

.newsleter-features-card .newsleter-features-card-img img {
	width: 100%;
}

.newsleter-features-card-text {
	padding: 32px 30px 35px 30px;
}

.newsleter-features-card-text h5 {
	margin-bottom: 19px;
}

.newsleter-features-card-text p {
	margin-bottom: 16px;
}

.newsleter-features-card-text a {
	font-weight: 700;
	color: #111111;
	transition: 0.3s;
}

.newsleter-features-card-text a img {
	margin-left: 10px;
	filter: brightness(0);
	transition: 0.3s;
}

.newsleter-features-card-text a:hover {
	color: #0095ff;
}

.newsleter-features-card-text a:hover img {
	filter: none;
	transform: rotate(-45deg);
}

.powerful-email-section {
	padding-top: 132px;
	padding-bottom: 200px;
	background: #ffffff;
	position: -webkit-sticky;
	position: sticky;
}

.powerful-email-section .title {
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 52px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #999999;
}

.powerful-email-left .email-collaps-list {
	list-style: none;
	padding: 0px;
	position: relative;
}

.powerful-email-left .email-collaps-list .timeline-innerline {
	left: 34px;
	top: 0px;
}

.powerful-email-left .email-collaps-list .email-collaps-item {
	display: flex;
	align-items: flex-start;
	gap: 28px;
	position: relative;
	padding-bottom: 50px;
	transition: 0.3s;
	background: #FFFFFF;
}

.powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-number {
	background: #FFFFFF;
	border: 2px solid rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 8px;
	min-height: 70px;
	min-width: 70px;
	max-height: 70px;
	max-width: 70px;
	border-radius: 50%;
	font-size: 36px;
	font-weight: 700;
	line-height: 30px;
	color: #000000;
	position: relative;
}

.powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-number::after {
	content: '';
	height: 19px;
	width: 15px;
	position: absolute;
	bottom: -21px;
	background: #ffffff;
}

.powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-number::before {
	content: '';
	height: 19px;
	width: 15px;
	position: absolute;
	top: -21px;
	background: #ffffff;
}

.powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-text h3 {
	margin-top: 12px;
	margin-bottom: 0px;
}

.powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-text p {
	padding-top: 21px;
	display: none;
}

.powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-text .powerful-email-img-mobile {
	display: none;
	background: linear-gradient(180deg, #D3E1FF 0%, #ECF1F8 45.85%, #FFEAEF 100%);
	border-radius: 30px;
	padding: 30px;
	margin-top: 25px;
}

.powerful-email-left .email-collaps-list .email-collaps-item .email-collaps-text .powerful-email-img-mobile img {
	max-width: 100%;
	width: 100%;
}

.powerful-email-left .email-collaps-list .email-collaps-item.active {
	padding-bottom: 45px;
	background: transparent;
}

.powerful-email-left .email-collaps-list .email-collaps-item.active .email-collaps-number {
	background: #FFFFFF;
}

.powerful-email-left .email-collaps-list .email-collaps-item.active .email-collaps-text p {
	display: block;
	position: relative;
}

.powerful-email-left .email-collaps-list .email-collaps-item.empty-item {
	background: #FFFFFF;
}

.powerful-email-right {
	background: linear-gradient(180deg, #D3E1FF 0%, #ECF1F8 45.85%, #FFEAEF 100%);
	border-radius: 30px;
	padding: 50px 25px;
	max-width: 540px;
	margin-left: auto;
}

.powerful-email-right .powerful-email-img {
	margin-left: auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 30px;
	position: relative;
}

.powerful-email-right .powerful-email-img img {
	display: none;
}

.powerful-email-right .powerful-email-img img.active {
	display: block;
}

.newsletter-testmonial-section {
	background: #EEF2F5;
	padding-top: 132px;
}

.newsletter-testmonial-tab-btns {
	max-width: 820px;
	margin: auto;
}

.newsletter-testmonial-tab-btns ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.newsletter-testmonial-tab-btns ul li {
	width: 23.5%;
}

.newsletter-testmonial-tab-btns ul li button {
	width: 100%;
	background: #FAFBFC;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	color: #444444;
	padding: 10.5px;
	font-weight: 500;
	position: relative;
	transition: 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.newsletter-testmonial-tab-btns ul li button img {
	margin-right: 15px;
}

.newsletter-testmonial-tab-btns ul li button::after {
	content: '';
	height: 2px;
	background: #0095FF;
	width: 80%;
	position: absolute;
	bottom: 0px;
	opacity: 0;
	transition: 0.3s;
}

.newsletter-testmonial-tab-btns ul li button.active,
.newsletter-testmonial-tab-btns ul li button:hover {
	background: #ffffff;
	color: #111111;
}

.newsletter-testmonial-tab-btns ul li button.active::after,
.newsletter-testmonial-tab-btns ul li button:hover::after {
	opacity: 1;
}

.newsletter-testmonial-tab-content {
	margin-top: 40px;
}

.newsletter-testmonial-card {
	padding: 28px 20px 23px 20px;
	background: #ffffff;
	border-radius: 30px;
	margin-bottom: 30px;
}

.newsletter-testmonial-card .card-gfooter-link {
	margin-top: 10px;
	transition: 0.3s;
	font-size: 13px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.newsletter-testmonial-card .card-gfooter-link:hover {
	color: #111111;
}

.newsletter-testmonial-card .card-gfooter-link img {
	margin-right: 8px;
	margin-left: 8px;
}

.newsletter-testmonial-card .card-pragraph a {
	color: #0095ff;
}

.newsletter-testmonial-card .card-pragraph .highlignt {
	background: #D1FDE9;
}

.newsletter-testmonial-card .testmonial-people {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 16px;
	gap: 9px;
}

.newsletter-testmonial-card .testmonial-people .textmonial-img {
	min-height: 35px;
	max-height: 35px;
	min-width: 35px;
	max-width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}

.newsletter-testmonial-card .testmonial-people .textmonial-img img {
	height: 100%;
	widt: 100%;
	position: absolute;
}

.newsletter-testmonial-card .testmonial-people p {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	font-weight: 700;
	margin-bottom: 0px;
	line-height: 20px;
}

.newsletter-testmonial-card .testmonial-people p span {
	font-weight: 500;
	font-size: 13px;
	color: #444444;
}

/*-- Newslater style End --*/
/*-- crypto-wallet --*/
.feedbacks-section {
	padding-bottom: 97px;
	position: relative;
	overflow: hidden;
}

.feedbacks-section .layer-1 {
	height: 45%;
	width: 100%;
	background: linear-gradient(180deg, #101722 42.19%, rgba(16, 23, 34, 0) 100%);
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 3;
}

.feedbacks-section .layer-2 {
	height: 30%;
	width: 100%;
	background: linear-gradient(180deg, rgba(16, 23, 34, 0) 0%, #101722 75.52%);
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 3;
}

.feedbacks-section .section-title {
	position: relative;
	z-index: 4;
}

.feedback-stop-btn {
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(2.5px);
	height: 68px;
	width: 68px;
	overflow: hidden;
	border-radius: 50%;
	margin: auto;
	margin-top: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.feedback-stop-btn .play {
	display: none;
}

.feedback-stop-btn .pause {
	display: block;
}

.feedback-stop-btn.active .play {
	display: block;
}

.feedback-stop-btn.active .pause {
	display: none;
}

.feedback-content {
	max-height: 700px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.feedback-card {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 30px;
	padding: 28px 30px;
	margin-bottom: 30px;
}

.feedback-card .people {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}

.feedback-card .people .people-img {
	border-radius: 50%;
	overflow: hidden;
	height: 35px;
	width: 35px;
	position: relative;
}

.feedback-card .people .people-img img {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.feedback-card .people .people-text p {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	margin-bottom: 0px;
	font-weight: 700;
	margin-top: 0px !important;
	line-height: 20px;
}

.feedback-card .people .people-text p span {
	font-weight: 500;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.8);
}

.feedback-card p {
	margin-bottom: 0px;
	color: rgba(255, 255, 255, 0.8);
	margin-top: 16px;
}

.feedback-card-list.up {
	animation: translateUp 25s linear infinite;
	-webkit-animation: translateUp 25s linear infinite;
}

.feedback-card-list.up.active {
	animation: none;
}

.feedback-card-list.down {
	animation: translateDown 25s linear infinite;
	-webkit-animation: translateDown 25s linear infinite;
}

.feedback-card-list.down.active {
	animation: none;
}

@-webkit-keyframes translateUp {
	from {
		transform: translateY(0%);
	}

	to {
		transform: translateY(-100%);
	}
}

@keyframes translateUp {
	from {
		transform: translateY(0%);
	}

	to {
		transform: translateY(-100%);
	}
}

@-webkit-keyframes translateDown {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0%);
	}
}

@keyframes translateDown {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0%);
	}
}

/*-- corporate index style start --*/
.best-services-section {
	background: #EEF2F5;
}

.best-services-section .overlay {
	padding: 140px 0px;
	background: url(../images/corporate/map.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.best-services-section .slick-prev {
	left: -284px;
	top: 330px;
	background: transparent;
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	overflow: hidden;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.best-services-section .slick-prev::before {
	content: url(../images/corporate/icon-prev.svg);
	filter: brightness(0);
	opacity: 20%;
}

.best-services-section .slick-prev:hover {
	border: 2px solid #5ECC62;
}

.best-services-section .slick-prev:hover::before {
	filter: none;
	opacity: 100%;
}

.best-services-section .slick-next {
	left: -214px;
	top: 330px;
	background: transparent;
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	overflow: hidden;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.best-services-section .slick-next::before {
	content: url(../images/corporate/icon-next.svg);
	filter: brightness(0);
	opacity: 20%;
}

.best-services-section .slick-next:hover {
	border: 2px solid #5ECC62;
}

.best-services-section .slick-next:hover::before {
	filter: none;
	opacity: 100%;
}

.best-services-left p {
	max-width: 271px;
	width: 100%;
}

.best-services-card {
	background: #FFFFFF;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	transition: 0.3s;
}

.best-services-card::before {
	content: url(../images/corporate/card-footer-icon1.svg);
	position: absolute;
	bottom: -11px;
	right: 0px;
	filter: brightness(0);
	opacity: 15%;
	transition: 0.3s;
}

.best-services-card::after {
	content: url(../images/corporate/card-footer-icon2.svg);
	position: absolute;
	bottom: -11px;
	right: 0px;
}

.best-services-card:hover::before {
	filter: none;
	opacity: 100%;
}

.best-services-img img {
	width: 100%;
}

.best-services-text {
	padding: 24px 30px 30px 30px;
}

.best-services-text h5 {
	margin-bottom: 10px;
}

.best-services-text p {
	margin-bottom: 0px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

.about-our-company-section {
	padding: 132px 0px 113px 0px;
	position: relative;
	z-index: 11;
}

.about-company-inner {
	max-width: 516px;
	width: 100%;
	position: relative;
}

.about-company-inner .play-btn {
	height: 120px;
	width: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;
	border-radius: 50%;
	position: absolute;
	right: 114px;
	bottom: 140px;
	box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.15);
}

.about-company-img img {
	width: 100%;
	height: 1005;
}

.about-company-right h3 {
	text-transform: uppercase;
	margin-bottom: 29px;
	margin-top: 4px;
	background: linear-gradient(90deg, #30D7F1 0%, #79FA4B 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.about-company-right p {
	margin-bottom: 25px;
}

.about-company-right ul {
	list-style: none;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 41px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.about-company-right ul li {
	width: 25%;
	padding: 10px 10px 10px 20px;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.about-company-right ul li:nth-child(1) {
	padding-left: 0px;
	border-left: none;
}

.about-company-right ul li img {
	margin-right: 12px;
}

.about-company-right ul li span {
	color: #000000;
	font-weight: 700;
	font-family: "Montserrat Alternates", sans-serif;
}

.how-it-work-section {
	padding: 132px 0px 102px 0px;
	background: #101722;
}

.how-it-work-content {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.how-it-work-content h2 {
	margin-right: 15px;
	font-weight: 700;
	font-size: 50px;
	line-height: 100%;
	text-transform: uppercase;
	background: linear-gradient(90deg, rgba(48, 215, 241, 0.5) 0%, rgba(121, 250, 75, 0.5) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.how-it-work-text {
	max-width: 263px;
	margin-bottom: 30px;
}

.how-it-work-text h5 {
	margin-bottom: 10px;
	color: #ffffff;
	font-weight: 700px;
}

.how-it-work-text p {
	margin-bottom: 0px;
	color: rgba(255, 255, 255, 0.8);
}

.our-values-section {
	padding-top: 132px;
	position: relative;
	z-index: 1;
}

.our-values-top {
	max-width: 779px;
	margin: auto;
	margin-bottom: 100px;
	text-align: center;
}

.our-values-top .section-title {
	margin-bottom: 26px;
}

.our-values-top p {
	font-size: 18px;
	margin-bottom: 0px;
}

.our-value-text {
	margin-bottom: 64px;
	position: relative;
}

.our-value-text h5 {
	font-weight: 700;
	margin-bottom: 10px;
}

.our-value-text .our-value-icon {
	position: absolute;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	background: #FFFFFF;
	border: 2px dashed rgba(0, 0, 0, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 11;
}

.our-value-text .our-value-icon1 {
	right: -180px;
	top: -10px;
}

.our-value-text .our-value-icon2 {
	right: -110px;
	top: -10px;
}

.our-value-text .our-value-icon3 {
	left: -180px;
	top: -10px;
}

.our-value-text .our-value-icon4 {
	left: -110px;
	top: -10px;
}

.our-values-img-section {
	position: relative;
	max-width: 470px;
	height: 100%;
	margin: auto;
}

.our-values-img-border {
	height: 470px;
	width: 470px;
	border-radius: 50%;
	border: 2px dashed rgba(0, 0, 0, 0.15);
	position: absolute;
	top: -40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.our-values-img {
	height: 266px;
	width: 266px;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
}

.our-values-img img {
	height: 100%;
	width: 100%;
	position: absolute;
}

.loader-img {
	height: 470px;
	width: 470px;
	position: absolute;
	animation: rotate360 5s linear infinite;
	-webkit-animation: rotate360 5s linear infinite;
}

.corporate-testiminials-section {
	background: url(../images/corporate/testimonial-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	position: relative;
	z-index: 2;
	background-attachment: fixed;
}

.corporate-testiminials-section .corporate-testimonial-bg {
	position: absolute;
	height: 150%;
	width: 100%;
	left: 0px;
	top: -100px;
	z-index: 0;
	object-fit: cover;
	transition: 0.3s;
}

.corporate-testiminials-section .overlay {
	padding-top: 140px;
	padding-bottom: 130px;
	background: rgba(16, 23, 34, 0.8);
	position: relative;
	z-index: 2;
}

.corporate-testiminials-section .slick-prev {
	top: 60%;
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	overflow: hidden;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.corporate-testiminials-section .slick-prev::before {
	content: url(../images/corporate/icon-prev.svg);
	filter: brightness(100);
}

.corporate-testiminials-section .slick-prev:hover {
	border: 2px solid #FFFFFF;
}

.corporate-testiminials-section .slick-next {
	top: 60%;
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	overflow: hidden;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.corporate-testiminials-section .slick-next::before {
	content: url(../images/corporate/icon-next.svg);
	filter: brightness(100);
}

.corporate-testiminials-section .slick-next:hover {
	border: 2px solid #FFFFFF;
}

.corporate-testiminials-content {
	text-align: center;
	max-width: 700px;
	margin: auto;
}

.corporate-testiminials-content .clint-img {
	position: relative;
	height: 173px;
	width: 150px;
	padding: 25px;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin: auto;
	background: url(../images/corporate/quotes-bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 42px;
}

.corporate-testiminials-content .clint-img .clint-img-inner {
	position: relative;
	overflow: hidden;
	height: 100px;
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	background: #FFFFFF;
	border-radius: 50%;
}

.corporate-testiminials-content .clint-img .clint-img-inner img {
	height: 100%;
	width: 100%;
	position: absolute;
}

.corporate-testiminials-content p {
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 30px;
}

.corporate-testiminials-content h5 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	font-family: "DM Sans", sans-serif;
	color: #ffffff;
	line-height: 30px;
	margin-bottom: 0px;
}

.corporate-testiminials-content h5 span {
	font-size: 15px;
	font-weight: 500;
	opacity: 80%;
}

.consultation-section {
	background: url(../images/corporate/consultation-bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 140px;
}

.consultation-card {
	max-width: 970px;
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 30px 30px 0px 0px;
	overflow: hidden;
}

.consultation-left {
	width: 100%;
	height: 100%;
	padding: 82px 60px;
	background: linear-gradient(90deg, #3bb864 0%, #94ce69 100%);
	border-radius: 30px 0px 0px 0px;
}

.consultation-img {
	margin-bottom: 46px;
}

.consultation-dropdown {
	position: relative;
	width: 100%;
}

.consultation-dropdown select {
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 10px;
	height: 50px;
	width: 100%;
	overflow: hidden;
	outline: none;
	font-weight: 500;
	font-size: 15px;
	line-height: 30px;
	color: #111111;
	padding: 10px 15px;
	margin-bottom: 40px;
	-webkit-appearance: none;
}

.corporate-footer-top-section .row {
	margin: 0px !important;
}

.corporate-footer-top-section .col-md-4 {
	padding: 0px !important;
}

.corporate-footer-top-banner1 {
	background: url(../images/corporate/footer-top-bg1.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.corporate-footer-top-banner2 {
	background: url(../images/corporate/footer-top-bg2.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.corporate-footer-top-banner3 {
	background: url(../images/corporate/footer-top-bg3.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.corporate-footer-top-banner .overlay {
	height: 100%;
	width: 100%;
	height: 250px;
	background: linear-gradient(90deg, #175FBA 0%, rgba(23, 95, 186, 0.7) 49.73%, #175FBA 100%);
	overflow: hidden;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 28px;
	padding: 20px;
	padding: 20px;
	overflow: hidden;
}

.corporate-footer-top-banner .overlay p {
	margin-bottom: 0px;
}

.corporate-footer-top-banner .overlay h4 {
	transition: 0.5s;
	margin-top: 160px;
	margin-bottom: 130px;
}

.corporate-footer-top-banner .corporate-footer-top-text {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: 0.5s;
}

.corporate-footer-top-banner:hover .corporate-footer-top-text h4 {
	margin-top: 0px;
	margin-bottom: 28px;
}

/*-- corporate index style end --*/
.key-points-section {
	padding-top: 140px;
	padding-bottom: 128px;
}

.key-points-card {
	min-height: 100%;
	padding: 40px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 30px;
	position: relative;
	overflow: hidden;
}

.key-points-card .card-tag {
	padding: 8px 20px;
	background: linear-gradient(90deg, rgba(208, 46, 190, 0.2) 0%, rgba(108, 211, 108, 0.2) 100%);
	border-radius: 20px;
	text-transform: uppercase;
	color: #ffffff;
	position: relative;
	z-index: 2;
	min-height: 40px;
	line-height: 30px;
	font-size: 15px;
}

.key-points-card h3 {
	margin-bottom: 25px;
	margin-top: 22px;
	position: relative;
	z-index: 2;
	text-transform: uppercase;
}

.key-points-card p {
	margin-bottom: 22px;
	color: rgba(255, 255, 255, 0.8);
	position: relative;
	z-index: 2;
}

.key-points-card .card-link {
	color: #BFFF0A;
	font-weight: 700;
	transition: 0.3s;
	position: relative;
	z-index: 2;
}

.key-points-card .card-link img {
	transition: 0.3s;
	margin-left: 14px;
}

.key-points-card .card-link:hover img {
	transform: rotate(-45deg);
}

.key-points-card .card-img {
	margin-top: 76px;
	position: relative;
	z-index: 2;
}

.key-points-card .blur {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	opacity: 0;
	transition: 0.5s;
}

.key-points-card .doted-line {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 0;
	opacity: 0;
	transition: 0.5s;
}

.key-points-card:hover .blur,
.key-points-card:hover .doted-line {
	opacity: 1;
}

.text-with-img {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 10px;
	flex-wrap: wrap;
	font-weight: 700;
	font-size: 50px;
	line-height: 120%;
	text-align: center;
	color: #FFFFFF;
	max-width: 913px;
	text-transform: uppercase;
	width: 100%;
	margin: auto;
	margin-bottom: 110px;
}

.text-with-img .text {
	width: max-content;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.text-with-img .text.add-img {
	opacity: 50%;
	transition: 0.3s;
}

.text-with-img .text.add-img::after {
	content: '';
	padding: 2px 0px;
	transition: 0.3s;
	width: 0%;
	background: linear-gradient(90deg, #D02EBE 0%, #BFFF0A 100%);
	border-radius: 20px;
	position: absolute;
	bottom: -8px;
	left: 0px;
}

.text-with-img .text.add-img img {
	display: none;
	margin-top: -10px;
}

.text-with-img .text.add-img:hover {
	opacity: 100%;
	z-index: 2;
}

.text-with-img .text.add-img:hover::after {
	width: 100%;
}

.text-with-img .text.add-img span:hover+img {
	display: block;
	position: absolute !important;
	top: -70%;
	left: auto;
	min-width: 256px;
	z-index: -1;
	opacity: 1;
	animation: moveImg 0.5s ease-in-out;
}

.crypto-token-features-cards .stack__card {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 600px;
	position: sticky;
	top: 100px;
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1), 0 -1px 2px rgba(0, 0, 0, 0.25);
	margin-top: -20px;
	border-radius: 30px;
	overflow: hidden;
}

.crypto-token-features-cards .stack__card .card-bg {
	height: 100%;
	width: 100%;
}

.crypto-token-features-cards .stack__card .title h4 {
	text-transform: uppercase;
}

.crypto-token-features-cards .stack__card:nth-child(1) {
	background: #BFFF0A;
}

.crypto-token-features-cards .stack__card:nth-child(1) .card-bg {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.crypto-token-features-cards .stack__card:nth-child(1) .card-bg .overlay {
	background: linear-gradient(180deg, #BFFF0A 0%, rgba(191, 255, 10, 0.8) 35.2%, rgba(191, 255, 10, 0) 100%);
	height: 100%;
	padding: 80px 70px;
	width: 100%;
}

.crypto-token-features-cards .stack__card:nth-child(2) {
	background: #FF7BCA;
}

.crypto-token-features-cards .stack__card:nth-child(2) .card-bg {
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	padding: 80px 70px;
}

.crypto-token-features-cards .stack__card:nth-child(3) {
	background: #ADFFEB;
}

.crypto-token-features-cards .stack__card:nth-child(3) .card-bg {
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	padding: 80px 70px;
}

.crypto-token-features-text h2 {
	margin-bottom: 32px;
	font-size: 50px;
	line-height: 120%;
	text-transform: uppercase;
}

.crypto-token-features-text p {
	margin-bottom: 0px;
	color: #111111;
}

.crypto-token-features-text a {
	color: #111111;
	transition: 0.3s;
	font-weight: 700;
}

.crypto-token-features-text a img {
	transition: 0.3s;
	margin-left: 14px;
}

.crypto-token-features-text a:hover img {
	transform: rotate(-45deg);
}

.crypto-token-features-text ul {
	margin-top: 21px;
}

.crypto-token-features-text ul li {
	color: #111111;
}

.super-gainers-info-section {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0px -15px;
	width: 100%;
	padding-top: 32px;
}

.super-gainers-info-section .super-gainers-info {
	width: 50%;
	padding: 15px;
}

.super-gainers-info-section .super-gainers-info p {
	text-transform: uppercase;
	color: #111111;
}

.crypto-token-features-img {
	position: absolute;
	bottom: 0px;
}

.features-img-inner {
	position: relative;
}

.features-img-inner .setting-icon {
	position: absolute;
	top: 25px;
	left: 25px;
	animation: rotate360 5s linear infinite;
	-webkit-animation: rotate360 5s linear infinite;
}

@keyframes moveImg {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.crypto-token-tag-section {
	padding: 140px 0px 121px 0px;
}

.crypto-token-tag-inner {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.crypto-token-tag-list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	animation: smoothSlider 25s infinite linear;
}

.crypto-token-tag-list .tag {
	margin-right: 30px;
	padding: 0px 30px;
	font-weight: 700;
	font-size: 24px;
	line-height: 250%;
	text-transform: uppercase;
	text-align: center;
	color: #000000;
	border-radius: 50px;
}

.crypto-token-tag-list .tag.skyblue {
	background: #AEE3FD;
}

.crypto-token-tag-list .tag.skyblue2 {
	background: #ADFFEB;
}

.crypto-token-tag-list .tag.skyblue3 {
	background: #ADE5FF;
}

.crypto-token-tag-list .tag.offwhite {
	background: #FFF8E7;
}

.crypto-token-tag-list .tag.pink {
	background: #FF7BCA;
}

.crypto-token-tag-list .tag.yellow {
	background: #F2DD09;
}

.crypto-token-tag-list .tag.yellowgreen {
	background: #BFFF0A;
}

.crypto-token-partners {
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}

.crypto-token-partners .partners-title {
	font-weight: 700;
	font-size: 60px;
	line-height: 133%;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 64px;
	position: relative;
	z-index: 1;
}

.crypto-token-partners .partners-list {
	position: relative;
	z-index: 1;
}

.crypto-token-partners .partners-list ul {
	margin: 0px -15px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	list-style: none;
	padding: 0px;
}

.crypto-token-partners .partners-list ul li {
	width: 20%;
	padding: 0px 15px;
	margin-bottom: 30px;
}

.crypto-token-partners .partners-logo {
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 50%;
	min-width: 210px;
	min-height: 210px;
	overflow: hidden;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

.crypto-token-partners .partners-logo .btn-outline {
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}

.crypto-token-partners .partners-logo:hover .btn-outline {
	opacity: 1;
	animation: rotate360 5s linear infinite;
	-webkit-animation: rotate360 5s linear infinite;
}

.crypto-token-partners .partners-logo:hover {
	cursor: pointer;
}

.crypto-token-partners .partners-logo .round {
	border-radius: 50%;
	background-color: #ffffff10;
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: -1;
	animation: scale-down 0.2s forwards;
}

.crypto-token-partners .partners-logo.animate .round {
	animation: scale-up 0.5s forwards;
}

.crypto-token-partners .green-shape {
	position: absolute;
	z-index: 0;
	left: 20%;
	top: 20%;
}

@keyframes scale-up {
	to {
		transform: scale(600);
	}
}

@keyframes scale-down {
	from {
		transform: scale(600);
	}

	to {
		ransform: scale(0);
	}
}

.scroll-text-section {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 54px 0px;
	overflow: hidden;
}

.scroll-text-inner ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.scroll-text-inner ul li {
	margin-right: 38px;
	line-height: 100%;
	font-size: 100px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
}

.splitting .char {
	transition: transform 0.5s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.5s linear;
	transition-delay: calc(30ms * var(--char-index));
}

.splitting[data-scroll="out"] .char {
	opacity: 0.1;
	transform: translateY(0.25em);
}

.splitting-mark {
	display: none;
}

/* ---------------------------------- */
/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
	display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
	position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
	content: attr(data-char);
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	transition: inherit;
	user-select: none;
}

/* Expanded CSS Variables */
.splitting {
	/* The center word index */
	--word-center: calc((var(--word-total) - 1) / 2);
	/* The center character index */
	--char-center: calc((var(--char-total) - 1) / 2);
	/* The center character index */
	--line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
	/* Pecent (0-1) of the word's position */
	--word-percent: calc(var(--word-index) / var(--word-total));
	/* Pecent (0-1) of the line's position */
	--line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
	/* Percent (0-1) of the char's position */
	--char-percent: calc(var(--char-index) / var(--char-total));
	/* Offset from center, positive & negative */
	--char-offset: calc(var(--char-index) - var(--char-center));
	/* Absolute distance from center, only positive */
	--distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));
	/* Distance from center where -1 is the far left, 0 is center, 1 is far right */
	--distance-sine: calc(var(--char-offset) / var(--char-center));
	/* Distance from center where 1 is far left/far right, 0 is center */
	--distance-percent: calc((var(--distance) / var(--char-center)));
}

.crypto-tokenomics-section {
	padding-top: 140px;
}

.tokenomics-card {
	position: relative;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 30px;
}

.tokenomics-card .overlay {
	background: url(../images/crypto-token/grain-texture.png);
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 121px 100px 136px 100px;
}

.tokenomics-card .overlay .shape {
	position: absolute;
	top: 0px;
	left: 15%;
	z-index: 0;
}

.tokenomics-content {
	position: relative;
	z-index: 2;
}

.tokenomics-content h2 {
	font-weight: 700;
	font-size: 60px;
	line-height: 80px;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 51px;
}

.tokenomics-progress-section {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	gap: 5px;
}

.tokenomics-progress-section .tokenomics-progress .tokenomics-progress-bg {
	height: 60px;
	overflow: hidden;
	margin-bottom: 26px;
}

.tokenomics-progress-section .tokenomics-progress .tokenomics-progress-text h3 {
	line-height: 100%;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 0px;
}

.tokenomics-progress-section .tokenomics-progress .tokenomics-progress-text p {
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 0px;
}

.tokenomics-progress-section .tokenomics-progress.community {
	width: 46%;
}

.tokenomics-progress-section .tokenomics-progress.community .tokenomics-progress-bg {
	background: #bfff0a;
	opacity: 0.8;
	border-radius: 30px 0px 0px 30px;
}

.tokenomics-progress-section .tokenomics-progress.team {
	width: 34%;
}

.tokenomics-progress-section .tokenomics-progress.team .tokenomics-progress-bg {
	background: #ff7bca;
	opacity: 0.8;
	border-radius: 0px;
}

.tokenomics-progress-section .tokenomics-progress.investor {
	width: 12%;
}

.tokenomics-progress-section .tokenomics-progress.investor .tokenomics-progress-bg {
	background: #adffeb;
	opacity: 0.8;
	border-radius: 0px;
}

.tokenomics-progress-section .tokenomics-progress.advisors {
	width: 8%;
}

.tokenomics-progress-section .tokenomics-progress.advisors .tokenomics-progress-bg {
	background: #ade5ff;
	opacity: 0.8;
	border-radius: 0px 30px 30px 0px;
}

/*-- tokenomics-list section start --*/
.tokenomics-list ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.tokenomics-list ul li {
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.tokenomics-list ul li span {
	font-weight: 700;
	line-height: 167%;
	color: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
}

.tokenomics-list ul li h5 {
	font-weight: 700;
	text-transform: uppercase;
	line-height: 167%;
	color: #ffffff;
	margin-bottom: 0px;
}

.tokenomics-list ul li h5 span {
	color: #bffe0b;
	margin-left: 20px;
}

/*-- lequied btn --*/
.become-investor-btn {
	padding: 17px 30px;
	height: 60px;
	max-width: 270px;
	width: 100%;
	border-radius: 999px;
	border: none;
	outline: none;
	font-weight: 700;
	font-size: 15px;
	line-height: 26px;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 50px;
	cursor: pointer;
	transition: 1.5s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	margin-top: 50px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.become-investor-btn span {
	color: #ffffff;
	transition: 0.3s;
}

.become-investor-btn img {
	margin-left: 14px;
	transition: 0.3s;
	filter: brightness(100);
}

.become-investor-btn:hover img {
	transform: rotate(-45deg);
}

.latest-news-section {
	padding-top: 122px;
	position: relative;
}

.latest-news-title {
	padding-bottom: 35px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	gap: 20px;
}

.latest-news-title h2 {
	font-weight: 700;
	font-size: 60px;
	line-height: 80px;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 0px;
}

.latest-news-title a {
	color: #ffffff;
	transition: 0.3s;
}

.latest-news-title a img {
	filter: brightness(100);
	margin-left: 14px;
	transition: 0.3s;
}

.latest-news-title a:hover img {
	transform: rotate(-45deg);
}

.news-content .news-row-section {
	position: relative;
}

.news-content .news-row-section::after {
	content: "";
	height: 60px;
	width: 50%;
	background: linear-gradient(90deg, rgba(208, 46, 190, 0.1) 0%, rgba(208, 46, 190, 0) 100%);
	position: absolute;
	left: 0px;
	z-index: 0;
	top: 32%;
}

.news-content .news-row {
	padding: 25px 100px;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.news-content .news-row h5 {
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.8);
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 0px;
}

.news-content .news-row h3 {
	line-height: 50px;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 0px;
	padding-top: 20px;
}

.news-content .news-row .news-link {
	position: relative;
	z-index: 1;
}

.news-content .news-row .news-row-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 100%;
	z-index: 0;
	transition: 0.3s;
}

.news-content .news-row .news-row-bg .overlay {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 100%;
	padding: 75px;
}

.news-content .news-row:hover .news-row-bg {
	transform: scale(1.3);
	top: 0px;
}

.news-content .news-row .link {
	height: 29px;
	width: 24px;
	overflow: hidden;
	opacity: 0;
	position: absolute;
	right: 100px;
	top: 38%;
	z-index: 11;
}

.news-content .news-row .link .link-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transform: rotate(-135deg) translateY(-35px);
	transition: 0.3s;
}

.news-content .news-row:hover .link {
	opacity: 1;
}

.news-content .news-row:hover .link .link-inner {
	transform: rotate(-135deg) translateY(-8px) translateX(10px);
	transition: 0.3s;
}

.news-content .news-row .news-row-bg .overlay {
	background-size: cover !important;
}

.documents-section {
	padding-top: 122px;
	position: relative;
}

.documents-title {
	padding-bottom: 35px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.documents-title h2 {
	font-weight: 700;
	font-size: 60px;
	line-height: 80px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 0px;
}

.documents-content .doc-row-section {
	position: relative;
}

.documents-content .doc-row-section::after {
	content: '';
	height: 60px;
	width: 50%;
	background: linear-gradient(90deg, rgba(108, 211, 108, 0) 0%, rgba(108, 211, 108, 0.1) 100%);
	position: absolute;
	right: 0px;
	top: 33%;
}

.documents-content .documents-row {
	padding: 50px 100px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	position: relative;
}

.documents-content .documents-row h3 {
	line-height: 50px;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.documents-content .documents-row .doc-img {
	display: none;
	position: absolute;
	margin-top: -167px;
}

.documents-content .documents-row:hover .doc-img {
	display: block;
}

.documents-content .documents-row .link {
	height: 29px;
	width: 24px;
	overflow: hidden;
	opacity: 0;
	position: absolute;
	right: 100px;
	top: 36%;
}

.documents-content .documents-row .link .link-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transform: translateY(-20px);
	transition: 0.3s;
}

.documents-content .documents-row:hover .link {
	opacity: 1;
}

.documents-content .documents-row:hover .link .link-inner {
	transform: translateY(-2px);
	transition: 0.3s;
}

.crypto-token-social {
	padding: 140px 0px;
}

.crypto-social-list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0px -15px;
}

.crypto-social-list .crypto-social-link {
	padding: 0xp 15px;
	width: 20%;
}

.crypto-social-btn {
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 30px;
	height: 210px;
	max-width: 210px;
	width: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*-- Crypto Wallet 2 style start --*/
.crypto-assets-section {
	margin-top: -84px;
	padding-bottom: 94px;
}

.crypto-assets-box {
	background: #101722;
	border-radius: 30px;
	padding: 100px;
	position: relative;
	height: 440px;
	overflow: hidden;
}

.crypto-assets-box .blur-img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	height: 100%;
}

.crypto-assets-box .dots-bg {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 90%;
	z-index: 1;
}

.crypto-assets-box .coin-bg {
	position: absolute;
	left: 100px;
	top: 21px;
	height: 90%;
	width: 80%;
	z-index: 2;
}

.crypto-assets-box h3 {
	color: #ffffff;
	position: relative;
	z-index: 3;
	padding-left: 68px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 36px;
	font-weight: 700 !important;
	font-size: 30px !important;
	line-height: 36px !important;
}

.crypto-assets-box h3.cd-headline.slide .cd-words-wrapper {
	width: auto !important;
	padding: 0px !important;
}

.crypto-assets-box h3 b {
	font-weight: 700 !important;
}

.crypto-assets-box h3::before {
	content: '';
	height: 40px;
	width: 40px;
	margin-right: 28px;
	background: #9FE870;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.cross-network-section h3 {
	margin-bottom: 21px;
}

.cross-network-section p {
	margin-bottom: 32px;
	max-width: 600px;
	width: 100%;
}

.cross-network-logos {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.cross-network-logos::before {
	content: '';
	height: 100%;
	width: 20%;
	background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 11;
}

.cross-network-logos::after {
	content: '';
	height: 100%;
	width: 20%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 11;
}

.cross-network-list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	animation: smoothSlider 15s infinite linear;
}

.cross-network-list .item {
	margin-right: 30px;
	height: 90px;
	min-width: 226px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(90deg, #F1F1F1 0%, #FFFFFF 49.48%, #F1F1F1 100%);
	border-radius: 20px;
}

.cross-network-list .item img {
	width: 60%;
}

.crypto2-benifits-section {
	padding-top: 112px;
	padding-bottom: 140px;
}

.crypto2-benifits-card {
	padding: 62px 70px 70px 70px;
	position: relative;
	overflow: hidden;
}

.crypto2-benifits-card1 {
	background: linear-gradient(145.48deg, #CED8F7 0%, #F3F6FE 79.62%);
	border-radius: 30px;
}

.crypto2-benifits-card1 h5 {
	color: #4541FE;
}

.crypto2-benifits-card1 h5::before {
	background: #4541FE;
}

.crypto2-benifits-card1 a {
	color: #4541FE;
}

.crypto2-benifits-card2 {
	background: linear-gradient(193.39deg, #173502 0%, #173502 93.24%);
	border-radius: 30px;
}

.crypto2-benifits-card2 h5 {
	color: #9FE870;
}

.crypto2-benifits-card2 h5::before {
	background: #9FE870;
}

.crypto2-benifits-card2 a {
	color: #9FE870;
}

.crypto2-benifits-card2 h3 {
	color: #ffffff;
}

.crypto2-benifits-card2 p {
	color: #ffffff;
}

.crypto2-benifits-card2 .weav-img {
	position: absolute;
	z-index: 1;
	left: -30%;
	min-width: 600px;
	bottom: 123px;
}

.crypto2-benifits-card2 .benifits-card-img3 {
	position: relative;
	z-index: 2;
}

.crypto2-benifits-card2 .benifits-card-img4 {
	position: relative;
	z-index: 0;
}

.crypto2-benifits-card h5 {
	position: relative;
	z-index: 3;
	padding-left: 25px;
	margin-bottom: 15px;
}

.crypto2-benifits-card h5::before {
	content: '';
	height: 14px;
	width: 14px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	top: 7px;
	left: 0px;
}

.crypto2-benifits-card h3 {
	margin-bottom: 25px;
	position: relative;
	z-index: 3;
}

.crypto2-benifits-card p {
	margin-bottom: 24px;
	position: relative;
	z-index: 3;
}

.crypto2-benifits-card a {
	transition: 0.3s;
	font-weight: 700;
	font-size: 15px;
	line-height: 30px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 41px;
	position: relative;
	z-index: 3;
}

.crypto2-benifits-card a img {
	transition: 0.3s;
	margin-left: 12px;
}

.crypto2-benifits-card a:hover img {
	transform: rotate(-45deg);
}

.benifits-card-img-section .benifits-card-img {
	position: relative;
	overflow: hidden;
	height: 180px;
	border-radius: 15px;
}

.benifits-card-img-section .benifits-card-img2 {
	filter: drop-shadow(0px 20px 15px rgba(0, 0, 0, 0.1));
	border-radius: 15px;
}

.benifits-card-img-section .benifits-card-img .card-img {
	position: absolute;
	width: 100%;
	height: 100%;
}

.metaverse-card {
	background: url(../images/crypto2/metavarse-bg.png);
	background-position: center right;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 30px;
	overflow: hidden;
	margin-top: 50px;
}

.metaverse-card .overlay {
	padding: 62px 70px;
	background: linear-gradient(90deg, rgba(16, 23, 34, 0.5) 0%, rgba(16, 23, 34, 0) 61.46%);
	height: 100%;
}

.metaverse-card h5 {
	padding-left: 25px;
	position: relative;
	color: #ffffff;
	margin-bottom: 15px;
}

.metaverse-card h5::before {
	content: '';
	border-radius: 50%;
	overflow: hidden;
	height: 14px;
	width: 14px;
	background: #ffffff;
	position: absolute;
	top: 7px;
	left: 0px;
}

.metaverse-card h3 {
	color: #ffffff;
	margin-bottom: 26px;
}

.metaverse-card p {
	margin-bottom: 0px;
	max-width: 500px;
	color: rgba(255, 255, 255, 0.8);
}

.connect-dapps-section {
	padding: 131px 0px 0px 0px;
	position: relative;
	display: flex;
	align-items: center;
	top: 0px;
	flex-direction: column;
	background: #FFFFFF;
}

.connect-dapps-section .container {
	position: relative;
	z-index: 2;
}

.connect-dapps-doted-img {
	position: absolute;
	top: 0px;
	z-index: 0;
}

.connect-dapps-text {
	max-width: 779px;
	margin: auto;
	text-align: center;
	position: relative;
	z-index: 3;
}

.connect-dapps-text p {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 36px;
}

.connect-dapps-text a {
	transition: 0.3s;
	font-weight: 700;
	font-size: 15px;
	line-height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 41px;
	color: #4541FE;
}

.connect-dapps-text a img {
	transition: 0.3s;
	margin-left: 14px;
}

.connect-dapps-text a:hover img {
	transform: rotate(-45deg);
}

.connect-dapps-img {
	max-width: 1004px;
	margin: auto;
	text-align: center;
}

.connect-dapps-img .coin-img {
	position: relative;
	z-index: 2;
	top: -65px;
}

.connect-dapps-img .mocup-img {
	margin-top: -420px;
	position: relative;
	z-index: 0;
	left: 80px;
}

.safe-platform-ball-section {
	position: relative;
	z-index: 2;
}

.safe-platform-ball-content {
	max-width: 770px;
	width: 100%;
	margin: auto;
}

.safe-platform-ball {
	border-radius: 185px;
	padding: 95px 37px;
	text-align: center;
}

.safe-platform-ball1 {
	background: #4541fe;
}

.safe-platform-ball1 h4 {
	margin-top: 35px;
	margin-bottom: 12px;
	color: #ffffff;
}

.safe-platform-ball1 p {
	margin-bottom: 0px;
	color: rgba(255, 255, 255, 0.8);
}

.safe-platform-ball2 {
	background: #9fe870;
}

.safe-platform-ball2 h4 {
	margin-top: 35px;
	margin-bottom: 12px;
	color: #111111;
}

.safe-platform-ball2 p {
	margin-bottom: 0px;
	color: #111111;
}

.safe-platform-section {
	margin-top: -225px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	padding-top: 182px;
	background: #101722;
	padding-bottom: 40px;
}

.safe-platform-section .section-title {
	position: relative;
	z-index: 2;
}

.safe-platform-section .sidebar__inner {
	width: 100% !important;
}

.safe-platform-header {
	padding-top: 120px;
	width: 100%;
}

.safe-platform-img {
	max-width: 770px;
	width: 100%;
	margin: auto;
	margin-top: -193px;
	position: relative;
	z-index: 0;
}

.safe-platform-img::after {
	content: "";
	background: linear-gradient(180deg, rgba(16, 23, 34, 0) 0%, rgba(16, 23, 34, 0.7) 68.23%, rgba(16, 23, 34, 0.927083) 99.99%, #101722 100%);
	position: absolute;
	width: 100%;
	height: 80%;
	bottom: 0px;
	left: 0px;
	z-index: 1;
}

.safe-platform-content {
	max-width: 569px;
	margin-left: auto;
}

.safe-platform-text {
	margin-bottom: 90px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.safe-platform-text .safe-platform-icon {
	margin-right: 30px;
	margin-top: -8px;
	min-height: 50px;
	min-width: 50px;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
}

.safe-platform-text .safe-platform-icon img {
	height: 100%;
	width: 100%;
	position: absolute;
}

.safe-platform-text h4 {
	color: #ffffff;
	margin-bottom: 23px;
}

.safe-platform-text p {
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 20px;
}

.safe-platform-right .list li {
	color: #ffffff;
}

.safe-platform-right .tags {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 30px;
}

.safe-platform-right .tags a {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	padding: 7px 15px;
	color: #ffffff;
}

.safe-platform-right .tags a img {
	margin-right: 9px;
}

.safe-platform-right .tags a:nth-last-child(1) {
	text-transform: uppercase;
}

.safe-platform-right .chashback-list li {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	margin-bottom: 26px;
}

.safe-platform-right .chashback-list li:nth-last-child(1) {
	margin-bottom: 0px;
}

.safe-platform-right .chashback-list li h4 {
	color: #ffffff;
	margin-right: 25px;
	margin-bottom: 0px !important;
}

.safe-platform-right .chashback-list li span {
	color: rgba(255, 255, 255, 0.8);
}

.crypto2-download-wallet-section {
	margin-top: -80px;
	padding-bottom: 102px;
}

.download-wallet-list ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0px -15px;
	list-style: none;
	padding: 0px;
}

.download-wallet-list ul li {
	padding: 0px 15px;
	margin-bottom: 30px;
	width: 16.666666%;
}

.download-wallet-list ul li a {
	background: linear-gradient(180deg, #F1F1F1 0%, #FFFFFF 49.48%, #F1F1F1 100%);
	border-radius: 20px;
	height: 178px;
	padding: 25px 14px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.download-wallet-list ul li a span {
	margin-bottom: 26px;
}

.download-wallet-list ul li a h6 {
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 0px;
}

.download-wallet-list ul li a p {
	font-size: 13px;
	line-height: 24px;
	color: #999999;
}

.partners-logos {
	position: relative;
	overflow: hidden;
}

.partners-logos::before {
	content: '';
	height: 100%;
	width: 20%;
	background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 11;
}

.partners-logos::after {
	content: '';
	height: 100%;
	width: 20%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 11;
}

.our-partners-list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 30px;
}

.our-partners-list .item {
	margin-right: 30px;
	height: 90px;
	min-width: 226px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(90deg, #F1F1F1 0%, #FFFFFF 49.48%, #F1F1F1 100%);
	border-radius: 20px;
}

.our-partners-list .item img {
	width: 60%;
}

.support-section {
	padding: 110px 0px 0px 0px;
}

.support-card {
	background: #101722;
	border-radius: 30px;
	max-width: 1170px;
	width: 100%;
	margin: 0px auto;
	padding: 91px 70px 70px 70px;
	position: relative;
	overflow: hidden;
}

.support-card .blur-img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	height: 100%;
}

.support-card .dot-bg {
	position: absolute;
	height: 100%;
	width: 97%;
	left: 0px;
	top: 0px;
	z-index: 1;
}

.support-list ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.support-list ul li {
	margin-bottom: 20px;
}

.support-list ul li img {
	margin-right: 15px;
}

.support-list ul li span {
	color: #ffffff;
}

.support-card-left {
	position: relative;
	z-index: 2;
}

.support-card-right {
	max-width: 400px;
	margin-left: auto;
	position: relative;
	z-index: 2;
}

.support-inner-card {
	padding: 38px 30px 33px 30px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 15px;
	margin-bottom: 30px;
}

.support-inner-card h5 {
	margin-bottom: 18px;
	position: relative;
	padding-left: 50px;
}

.support-inner-card h5 img {
	margin-right: 19px;
	position: absolute;
	left: -12px;
	top: -18px;
}

.support-inner-card p {
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 7px;
}

.support-inner-card a {
	font-weight: 700;
	transition: 0.3s;
	color: #9FE870;
}

.support-inner-card a img {
	margin-left: 14px;
	transition: 0.3s;
}

.support-inner-card a:hover img {
	transform: rotate(-45deg);
}

/*-- Crypto Wallet 2 style end --*/
/*-- Defi landing page start --*/
.defi-safe-platform-section {
	margin-top: 102px;
	background: url(../images/defi/defi-safe-platform-bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.defi-safe-platform-section .overlay {
	background: linear-gradient(180deg, #0D1014 3.12%, rgba(13, 16, 20, 0.6) 48.96%, #0D1014 95.83%);
	padding-bottom: 55px;
	position: relative;
}

.defi-statistic-section {
	padding-top: 38px;
	padding-bottom: 133px;
}

.defi-statistic-card {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	border-color: #141F1E;
	border-width: 1px;
	border-style: solid;
	border-radius: 90px;
	overflow: hidden;
	padding: 40px 44px;
}

.defi-statistic-card h2 {
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 50px;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 0px;
}

.defi-statistic-card p {
	font-size: 18px;
	margin-bottom: 0px;
	color: #ffffff;
}

.defi-safe-platform-content {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 60px;
}

.defi-safe-platform-img {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(13, 16, 20, 0) 100%);
	border-radius: 50px;
	margin-right: 19px;
	max-width: 100px;
	width: 100%;
	height: 217px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 30px 20px;
}

.defi-safe-platform-text h4 {
	color: #ffffff;
	margin-bottom: 26px;
}

.defi-safe-platform-text p {
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 0px;
}

.defi-safe-platform-shape .galaxy1 {
	position: absolute;
	right: 15%;
	top: 30%;
}

.defi-safe-platform-shape .galaxy2 {
	position: absolute;
	bottom: -424px;
	left: 0px;
}

.defi-safe-platform-shape .rocket {
	position: absolute;
	bottom: 20%;
	left: 40%;
}

.defi-metaverse-card {
	padding: 100px;
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(25px);
	border-radius: 30px;
	margin-bottom: 50px;
	overflow: hidden;
}

.defi-metaverse-card .blur-shape {
	position: absolute;
	top: -25px;
	left: -10px;
	height: 100%;
	width: 70%;
	z-index: -1;
}

.defi-metaverse-card .card-left-content {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.defi-metaverse-card .card-left-content .arrow {
	min-width: 36.56px;
}

.defi-metaverse-card .card-left-text {
	margin-left: 65px;
}

.defi-metaverse-card .card-left-text p {
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 55px;
}

.metavarse-card-img {
	max-width: 311px;
	margin-left: auto;
}

.defi-metaverse-card2 {
	border-radius: 30px;
	overflow: hidden;
	max-width: 750px;
	width: 100%;
	margin-bottom: 50px;
	position: relative;
}

.defi-metaverse-card2 .metavarse-card-bg2 {
	top: -20px;
	left: 0px;
	width: 100%;
	height: 150%;
	position: absolute;
	z-index: -1;
}

.defi-metaverse-card2 .overlay {
	background: rgba(13, 16, 20, 0.4);
	backdrop-filter: blur(20px);
	border-radius: 30px;
	height: 100%;
	width: 100%;
	padding: 68px 100px;
	position: relative;
	z-index: 2;
}

.defi-metaverse-card2 .card2-text h3 {
	line-height: 167%;
	color: #FFFFFF;
}

.defi-metaverse-card2 .card2-text p {
	margin-bottom: 27px;
	color: rgba(255, 255, 255, 0.8);
}

.defi-metaverse-card2 .card2-text a {
	color: #ffffff;
}

.defi-metaverse-card2 .card2-text a img {
	filter: brightness(100);
	margin-left: 14px;
	transition: 0.3s;
}

.defi-metaverse-card2 .card2-text a:hover img {
	transform: rotate(-45deg);
}

.defi-metaverse-card2 .card2-img {
	max-width: 170px;
	margin-left: auto;
	margin-top: 16px;
}

.defi-metaverse-card3 {
	border-radius: 30px;
	overflow: hidden;
	max-width: 370px;
	width: 100%;
	margin-bottom: 50px;
	position: relative;
}

.defi-metaverse-card3 .metavarse-card-bg3 {
	top: -20px;
	left: -77px;
	min-width: 130%;
	min-height: 125%;
	position: absolute;
	z-index: -1;
	object-fit: cover;
}

.defi-metaverse-card3 .overlay {
	background: rgba(77, 83, 84, 0.7);
	border-radius: 30px;
	height: 100%;
	width: 100%;
	padding: 68px 40px 45px 40px;
}

.defi-metaverse-card3 h3 {
	margin-bottom: 41px;
	color: #ffffff;
}

.defi-metaverse-card3 ul {
	margin-bottom: 0px;
	list-style: url(../images/defi/list-bulete.svg);
}

.defi-metaverse-card3 ul li {
	color: rgba(255, 255, 255, 0.8);
	line-height: 267%;
}

.ecosystem-section {
	padding-top: 82px;
	position: relative;
}

.ecosystem-section::before {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	z-index: 23;
	bottom: 225px;
	left: 0px;
	background: linear-gradient(90deg, rgba(13, 16, 20, 0) 0%, rgba(55, 234, 142, 0.5) 51.56%, rgba(13, 16, 20, 0) 100%);
}

.ecosystem-section::after {
	content: '';
	position: absolute;
	height: 287px;
	width: 100%;
	z-index: 22;
	bottom: -60px;
	left: 0px;
	background: rgba(13, 16, 20, 0.7);
	backdrop-filter: blur(40px);
}

.ecosystem-section p {
	font-size: 18px;
	line-height: 200%;
	text-align: center;
	color: rgba(255, 255, 255, 0.8);
	max-width: 779px;
	margin: auto;
	margin-bottom: 55px;
}

.ecosystem-text ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px;
	list-style: none;
	margin-bottom: 0px;
}

.ecosystem-text ul li {
	width: 20%;
	font-size: 18px;
	padding: 0px 12px;
	text-align: center;
	margin-bottom: 13px;
	color: #ffffff;
	line-height: 30px;
}

.ecosystem-content {
	max-width: 944px;
	margin: auto;
	text-align: center;
}

.ecosystem-content .globe-img {
	max-width: 450px;
	margin: auto;
	text-align: center;
	margin-top: -60px;
	position: relative;
	z-index: 1;
	border-radius: 50%;
}

.ecosystem-content .globe-img .cloud1 {
	position: absolute;
	top: 51px;
	left: 42px;
}

.ecosystem-content .globe-img .cloud2 {
	position: absolute;
	top: 150px;
	left: -27px;
}

.ecosystem-content .globe-img .cloud3 {
	position: absolute;
	top: 72px;
	right: -47px;
}

.ecosystem-content .globe-img .cloud4 {
	position: absolute;
	top: 175px;
	right: -20px;
}

.eco-line-pc {
	display: block;
}

.eco-line-mobile {
	display: none;
}

.defi-launchapp-btn {
	width: 220px;
	height: 60px;
	background: #37EA8E;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	color: #111111 !important;
	position: relative;
	overflow: hidden;
	margin: auto;
	margin-bottom: 72px;
	font-weight: 700;
}

.defi-launchapp-btn img {
	transition: 0.3s;
	margin-left: 14px;
}

.defi-launchapp-btn:hover {
	color: #111111;
}

.defi-launchapp-btn:hover img {
	transform: rotate(-45deg);
}

.defi-backed-section {
	position: relative;
	z-index: 111;
	margin-top: -115px;
	padding-bottom: 132px;
}

.defi-backed-list {
	padding-top: 10px;
}

.defi-backed-list ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	list-style: none;
	padding: 0px;
	margin: 0px;
	gap: 20px;
}

.defi-backed-list ul li {
	max-width: 218px;
	width: 100%;
	max-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: rgba(255, 255, 255, 0.04);
	min-height: 120px;
	padding: 20px 0px;
	border-radius: 20px;
	padding: 30px;
	transition: 0.3s;
	overflow: hidden;
}

.defi-backed-list ul li::after {
	content: '';
	width: 100%;
	top: 0%;
	position: absolute;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.075) 49.48%, rgba(255, 255, 255, 0.15) 100%);
	transition: 0.3s;
	padding: 60px 0px;
	opacity: 0;
}

.defi-backed-list ul li img {
	z-index: 1;
	position: relative;
	opacity: 0.5;
	transition: 0.3s;
}

.defi-backed-list ul li:hover::after {
	width: 100%;
	opacity: 1;
}

.defi-backed-list ul li:hover a img {
	animation: imgHovEffect 200ms linear;
	transform: translateY(-111%);
	opacity: 1;
}

.defi-backed-list ul li a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	min-height: 30px;
	max-height: 30px;
	overflow: hidden;
}

.defi-backed-list ul li a img {
	margin-bottom: 5px;
}

@keyframes imgHovEffect {
	0% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(-111%);
	}
}

.latest-articles-section {
	padding-bottom: 140px;
}

.latest-articles-content {
	padding-bottom: 20px;
}

.latest-articles-card {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 30px;
}

.latest-articles-card .articles-img img {
	width: 100%;
}

.latest-articles-card .latest-articles-text {
	padding: 30px;
}

.latest-articles-card .latest-articles-text p {
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 0px;
}

.latest-articles-card .latest-articles-text h4 {
	margin-top: 11px;
	margin-bottom: 42px;
	color: #ffffff;
}

.latest-articles-card .latest-articles-text .articles-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.latest-articles-card .latest-articles-text .articles-footer p {
	color: rgba(255, 255, 255, 0.5);
}

.latest-articles-card .latest-articles-text .articles-footer a {
	opacity: 0.5;
	transition: 0.3s;
}

.latest-articles-card .latest-articles-text .articles-footer a:hover {
	opacity: 1;
}

.defi-explore-article-btn {
	padding: 15px 51px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 270px;
	width: 100%;
	margin: auto;
	color: #ffffff;
	position: relative;
	overflow: hidden;
}

.defi-explore-article-btn img {
	margin-left: 14px;
	filter: brightness(100);
	transition: 0.3s;
}

.defi-explore-article-btn:hover {
	color: #ffffff;
}

.defi-explore-article-btn:hover img {
	transform: rotate(-45deg);
}

.defi-get-updates-section {
	position: relative;
}

.defi-get-updates-top {
	text-align: center;
	max-width: 912px;
	width: 100%;
	margin: auto;
	position: relative;
}

.defi-get-updates-top a img {
	margin-bottom: 36px;
}

.defi-get-updates-top .dotted-line {
	position: absolute;
	top: 0px;
	width: 100%;
	left: 0px;
	z-index: -1;
	top: -50px;
}

.defi-get-updates-form {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 35px;
	max-width: 570px;
	width: 100%;
	padding: 10px;
	margin: auto;
	margin-bottom: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.defi-get-updates-form input {
	width: 80%;
	border: none;
	outline: none;
	overflow: hidden;
	background: transparent;
	padding: 5px 20px;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
}

.defi-get-updates-form input::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.defi-get-updates-form button {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 35px;
	padding: 11px 38px;
	border: none;
	outline: none;
	overflow: hidden;
}

.defi-get-updates-form button:hover {
	opacity: 0.5s;
}

.defi-get-update-card {
	padding: 40px 30px 33px 30px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}

.defi-get-update-card h5 {
	color: #ffffff;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.defi-get-update-card h5 span {
	margin-right: 18px;
}

.defi-get-update-card h5 span img {
	max-width: 28px;
}

.defi-get-update-card p {
	margin-bottom: 0px;
	color: rgba(255, 255, 255, 0.8);
}

/*-- Defi landing page End --*/