/* inner banner */

.align {
	align-items: normal;
}
.flip-card {
	width: 200px;
	height: 200px;
	perspective: 1000px;
	list-style: none;
}

.flip-inner {
	width: 100%;
	height: 100%;
	position: relative;
	transform-style: preserve-3d;
	animation: autoFlip 4s infinite linear;
}

.flip-front,
.flip-back {
	position: absolute;
	width: 100%;
	height: auto;
	backface-visibility: hidden;
}


.flip-back {
	transform: rotateY(180deg);
}

@keyframes autoFlip {
	0% {
		transform: rotateY(0deg);
	}

	50% {
		transform: rotateY(180deg);
	}

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

.inner-concept-images li iconify-icon {
	font-size: 40px;
}
.inner-concept-images li {
	position: absolute;
}

.inner-concept-images li:first-child {
	right: 48%;
	top: 37%;
	animation-name: bounce;
	animation-duration: 4.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	margin: 0 auto;
	text-align: center;
}
.inner-concept-images li:nth-child(2) {
	left: 39%;
	top: 39%;
	animation-name: bounce;
	animation-duration: 3.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.inner-concept-images li:nth-child(3) {
	left: 44%;
	top: 51%;
	display: none;
}
.inner-concept-images li:nth-child(4) {
	right: 6%;
	bottom: 44%;
	animation-name: tada;
	animation-duration: 3.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.inner-concept-images li:nth-child(5) {
	animation-name: rotate;
	animation-duration: 3.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	left: 10%;
	top: 14%;
}
.inner-concept-images li:nth-child(6) {
	right: 38%;
	top: 25%;
	animation-name: bounce;
	animation-duration: 5.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.inner-concept-images li:nth-child(7) {
	left: 12%;
	top: 54%;
	animation-name: tada;
	animation-duration: 5.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.inner-concept-images li:nth-child(8) {
	top: 10%;
	right: 12%;
}
.inner-concept-images li:nth-child(9) {
	bottom: 35%;
	left: 50%;
	display: none;
}
.inner-concept-images li:last-child {
	top: 4%;
	left: 1%;
	right: 0%;
	z-index: -1;
}
.inner-banner-img {
	margin-top: 15px;
}

/*banner  style */

.inner-bg {
	padding: 130px 0px 0px 0px;
	overflow: hidden;
}
.title-logo {
	background: #e5d0ff;
	width: 60px;
	height: 60px;
	margin: 0px auto 15px auto;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
	border-top-right-radius: 10px;
	padding: 10px 0px;
	position: relative;
}
.title-logo iconify-icon {
	font-size: 40px;
}
.title-logo::after {
	position: absolute;
	content: "";
	background: url(../images/crypto-exchange/inner-logo-ico.png) no-repeat;
	width: 24px;
	height: 29px;
	right: -26px;
	top: -19px;
}

.inner-title h1 {
	font-size: 50px;
	letter-spacing: 0;
	line-height: 74px;
}
.inner-banner-img {
	padding: 25px 0 40px 0px;
}
.title-logo img {
	width: 65%;
}


/*Crypto exchange-script style start*/


.exchange-video-sec {
	margin: 30px 0px 0px 0px;
	padding: 0px 30px;
}
.exchange-video-container video {
	border-radius: 24px;
}




/* Prime-features start*/

.dote-cir iconify-icon {
	font-size: 37px;
	color: var(--theme-color);
}

.features__item__content {
	z-index: 3;
	position: relative;
	/* transform: rotate(6deg); */
	transition: all 0.3s 0s ease-out;
}
.features__item:hover::before {
	transform: translate(0px, 0px);
	top: 0px;
}

.features__item:hover .features__item__content {
	transform: rotate(0deg);
}
.features__item {
	background: linear-gradient(145deg, #ffffff, #f4f1ff);
	/* transform: rotate(-6deg); */
	transition: all 0.3s 0s ease-out;
	box-shadow: inset 0 0 30px #ffccf5 !important;
	border-radius: 14px;
	position: relative;
	margin-bottom: 40px;
	transition: all 0.3s 0s ease-out;
}

.features__item:hover .features__item-icon {
	animation-name: bounceIn;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
}
.features__item::before {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 19px;
	position: absolute;
	transform: rotate(6deg);
	backdrop-filter: blur(4px);
	background: rgba(255, 255, 255, 0.06);
	border: 2px solid rgba(173, 117, 255, 0.2);
	transition: all 0.3s 0s ease-out;
	right: 0;
}
.features__item:hover {
	transform: rotate(0deg);
	transition: all 0.3s 0s ease-out;
}
.crpy-ex-fea-list {
	border: 3px solid #d7b6ff;
	padding: 15px 17px;
	border-radius: 24px;
	width: 90%;
	min-height: 290px;
	margin: 0 auto;
}
.dote-cir {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	padding: 10px 13px;
	background: linear-gradient(145deg, #e2e8f0, #ffffff);
	box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 -2px 8px 3px rgba(176, 176, 176, 0.2);
	margin: -45px 0 23px;
}

.content-ex p, h5 {
	color: var(--title-color);
}
.fea-box-top {
	margin-top: 70px;
}
/* Prime-features end*/




/* Primium-services start */


.our-fea-align {
	padding: 30px 20px;
}
.alt.nav-tabs {
	margin: 0 auto 30px;
	display: table;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .our-fea-align .nav-tabs > li.active > a {
	color: #fff !important;
	background: #7737f5;
	box-shadow: 0 0 10px #7737f5;
}
.nav-tabs > li {
	float: none;
	margin-bottom: 35px;
	display: inline-block;
	text-align: center;
}
.our-fea-align .nav-tabs > li > a {
	color: var(--title-color);
	background-color: transparent;
	border-radius: 24px;
	border: 2px solid #7737f5;
	margin: 7px 4px;
	padding: 10px 10px;
	box-shadow: none;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 15px;
}

.our-fea-align .nav-tabs > li > a:hover {
	background: #e2d8ff !important;
	color: var(--title-color) !important;
}
.fea-list {
	text-align: start;
}
.fea-list h3 {
	background: linear-gradient(90deg, #6e00ff, #de7ee9, #6e00ff);
	background-size: auto;
	background-clip: border-box;
	background-size: auto;
	background-clip: border-box;
	background-size: auto;
	background-clip: border-box;
	background-size: 200%;
	-webkit-background-clip: text;
	color: transparent;
	animation: shineText 3s infinite linear;
	font-size: 34px;
}
/* Primium-services end */


/* astonoit start */
.promient-wrap {
	margin-top: 80px;
}
.investment_box_wrapper {
	text-align: center;
	background: #fff;
}
.service_box {
	border: 1px solid #e2e2e2;
	margin-bottom: 60px;
	position: relative;
	padding: 50px 15px 15px 15px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	height: auto;
	border-radius: 10px 10px 0px 10px;
}
.investment_icon_circle {
	width: 65px;
	height: 65px;
	background: linear-gradient(-90deg, var(--theme-color3) 0%, var(--theme-color) 100%);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
	top: -40px;
	left: 0;
	right: 0;
	margin: 0px auto;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
	padding: 14px 0px;
}
.investment_icon_circle iconify-icon {
	color: #fff;
	font-size: 40px;
	animation-name: tada;
	animation-duration: 3.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.investment_box_wrapper:hover .investment_border_wrapper::after {
  animation-name: wobble;
  animation-duration: 3.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

:host {
	display: inline-block;
	vertical-align: 0;
}
.investment_icon_circle::after {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	width: 5px;
	height: 30px;
	background: linear-gradient(-161deg, #ad60d0 0%, var(--theme-color) 100%);
	margin: 0px auto;
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
	z-index: 1;
}

.investment_border_wrapper {
	position: relative;
	width: 15px;
	height: 15px;
	background: #bd4cec;
	text-align: center;
	display: inline-block;
	margin-top: 8px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
}
.investment_border_wrapper::after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: -6px;
	right: 0;
	width: 27px;
	height: 27px;
	line-height: 27px;
	border: 2px solid #bd4cec;
	margin: 0px auto;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
}

.investment_content_wrapper {
	margin-top: 15px;
	margin-bottom: 6px;
}

.investment_content_wrapper h4 {
	font-size: 21px;
	font-weight: 500;
	margin-bottom: 6px;
}
.service_box::after {
	content: '';
	position: absolute;
	bottom: -6px;
	right: -5px;
	width: 5px;
	height: 95%;
	background: transparent;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/* animation */





/* astonoit end */


/* Android & iOS start*/


.app-img img {
	position: absolute;
}

.app-img img:first-child {
	top: 91px;
	left: 52px;
	animation-name: tada;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}
.app-img img:last-child {
	right: 122px;
	bottom: -2px;
	animation-name: rollIn;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

/* Android & iOS end*/


/*our services Start*/

.centralized-exc h3 {
	background: linear-gradient(90deg, #6e00ff, #de7ee9, #6e00ff);
	background-size: auto;
	background-clip: border-box;
	background-size: auto;
	background-clip: border-box;
	background-size: auto;
	background-clip: border-box;
	background-size: 200%;
	-webkit-background-clip: text;
	color: transparent;
	animation: shineText 3s infinite linear;
	font-size: 28px;
}

/*our services End*/

/* admin feature Start */

.widget-collection {
	padding-top: 100px;
}
.section-space-bottom-100 {
	padding-bottom: 100px;
}


.widget-collection {
	padding-top: 40px;
}

@media (max-width: 768px) {
  .widget-collection {
    padding-top: 60px;
  }
}

.widget-collection .section__title-wrapper .des {
  color: #999;
  margin-top: 25px;
}

.widget-collection__wrapper {
	gap: 25px 0;
	display: flex;
	flex-shrink: 0;
	overflow: hidden;
	position: relative;
	flex-direction: column;
	padding-bottom: 20px;
}

.head-features {
	text-align: center;
	margin: 0px 0px 30px 0px;
}

@media (max-width: 1400px) {
  .widget-collection__wrapper::before {
    height: 300px;
  }
}

@media (max-width: 768px) {
  .widget-collection__wrapper::before {
    height: 200px;
  }
}

.widget-collection__inner {
  gap: 25px;
  display: flex;
  width: fit-content;
}

.widget-collection__slider-1 {
  animation: loop 25s linear infinite;
}

.widget-collection__slider-2 {
  animation: loop 25s linear infinite reverse;
}

.widget-collection__slider-3 {
  animation: loop 25s linear infinite;
}

.widget-collection__slider-4 {
  animation: loop 25s linear infinite reverse;
}

.widget-collection__item {
	gap: 10px;
	color: #0b0b0b;
	display: flex;
	font-size: 17px;
	font-weight: 500;
	line-height: 24px;
	padding: 20px 15px;
	align-items: center;
	border-radius: 15px;
	white-space: nowrap;
	background: #fff;
	box-shadow: 0px 3px 5px 0px rgba(121, 93, 252, 0.7);
	width: 280px;
}
@media (max-width: 480px) {
  .widget-collection__item {
    padding: 20px;
  }
}

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


/* admin feature Start */





/* Add on Module Start */

.why-sec {
	background: linear-gradient(145deg, #e2e8f0, #ffffff);
	width: 100%;
	margin: 0px auto 39px auto;
	height: auto;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	padding: 20px 20px;
}
.why-line {
	background: #c68eff;
	height: 2px;
	left: 0;
	right: 0;
	top: 67px;
	width: 100%;
	position: absolute;
}

.why-cicle {
	position: absolute;
	right: 44px;
	top: 32px;
	background: #f2efff;
	padding: 5px;
	border-radius: 50%;
	animation: rotateSmooth 10s linear infinite;
}

.why-icon-bg {
	border: 2px dashed #b552f9;
	display: inline-block;
	padding: 10px 10px;
	text-align: center;
}

.why-icon {
	background: linear-gradient(-90deg, var(--theme-color3) 0%, var(--theme-color) 100%);
	border-radius: 50%;
	width: 67px;
	height: 67px;
	padding: 10px 12px;
	text-align: center;
}

.why-sec:hover {
	/* transform: scale(1.03); */
	/* transform-origin: center; */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	z-index: 10;
}

.why-icon img {
	object-fit: cover !important;
	width: 41px;
	height: 45px;
}

.why-sec h4 {
	font-size: 22px;
	margin-top: 20px;
}










/* Glossy Box */
.glossy-box {
	text-align: center;
	overflow: hidden;
	transition: all 0.4s ease;
}

/* Subtle floating on normal */
.glossy-box::before {
	content: '';
	position: absolute;
	width: 180%;
	height: 180%;
	top: -40%;
	left: -40%;
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.05), transparent 70%);
	animation: glowFloat 6s ease-in-out infinite;
	z-index: 0;
}

/* Hover Shine Sweep */
.shine {
	position: absolute;
	top: 0;
	left: -100%;
	width: 60%;
	height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
	transform: skewX(-25deg);
	transition: 0.75s;
	z-index: 3;
	pointer-events: none;
}

.glossy-box:hover .shine {
	left: 120%;
}

.glossy-box:hover .why-icon-bg {
	border: 2px solid #7d3cf6;
	box-shadow: 0 0 15px rgba(181, 82, 249, 0.6), inset 0 0 10px rgba(255, 255, 255, 0.3);
	transform: scale(1.05);
	background: rgba(255, 255, 255, 0.06);
}

/* Hover Pop */
.glossy-box:hover {
	box-shadow: 0 14px 20px rgba(116, 0, 255, 0.1), inset 0 0 30px rgba(165, 75, 255, 0.15);
}

/* Icon Circle */
.why-icon-bg {
	width: 90px;
	height: 90px;
	margin: 0 auto 15px;
	border-radius: 50%;
	background: linear-gradient(135deg, #fff, #f0f0f0);
	box-shadow: inset 0 4px 8px rgba(255, 255, 255, 0.6), 0 4px 12px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	position: relative;
	transition: all 0.4s ease;
	box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.1);
}







/* Animations */
@keyframes rotateSlow {
	0% {
		transform: rotate(0deg);
	}

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

@keyframes glowFloat {

	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}

	50% {
		transform: translateY(10px) rotate(3deg);
	}
}




/* Add on Module End */


.add-title span {
	font-size: 40px;
}

/* user fea Start */

.fea-user-tab {
	padding: 10px 0px 0px 0px;
}
.fea-tap-menu {
	display: flex;
	justify-content: center;
}
.fea-tap-menu .tablinks {
    padding: 10px 18px;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
  }

.fea-tap-menu .tablinks.active {
	background: linear-gradient(-90deg, var(--theme-color3) 0%, var(--theme-color) 100%);
	color: #fff !important;
	background: #7737f5;
	color: #fff;
	box-shadow: 0 0 10px #7737f5;
}

.tabcontent {
	display: none;
	animation: fadeIn 0.4s ease-in-out;
	background: #f9f9f9;
	padding: 20px;
	/* border-left: 4px solid #0051ff; */
}

  .tabcontent.active {
    display: block;
  }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }
.tab.fea-tap-menu li {
	position: relative;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding: 5px 10px;
	margin-top: 25px;
	justify-content: center;
}
.tab.fea-tap-menu li button {
	display: flex;
	background-color: inherit;
	color: #000;
	padding: 10px 16px;
	width: 225px;
	border: none;
	outline: 0;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	font-size: 17px;
	border-radius: 0 20px 20px 0;
	align-items: center;
}
.tab.fea-tap-menu li button iconify-icon {
	font-size: 25px;
	margin-right: 5px;
}

.user-list{

	text-align: center;
}

.user-list li {
	display: inline-block;
	margin: 7px 0px;
	width: 259px;
	padding: 10px 0;
	border-radius: 20px;
	border: 2px solid #fff;
	box-shadow: inset 0 0 30px #c3a2ff !important;
}
.user-fae-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 15px;
}
.user-fae-list span {
	font-size: 16px;
	font-weight: 700;
}
.user-fea-circle {
	background: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	padding: 6px 7px;
}
.fea-user-tab .tablinks:hover {
	background: linear-gradient(-90deg, var(--theme-color3) 0%, var(--theme-color) 100%);
	color: #fff !important;
}
/* user fea end */


/* Security Fea Start */

.sec-fea-list {
	padding: 20px 0;
}
.sec-fea-li {
	background: linear-gradient(145deg, #ffffff, #f4f1ff);
	box-shadow: inset 0 0 30px #cecfff !important;
	/* -webkit-box-shadow: 0 4px 19px 0 rgb(0 0 0 / 10%); */
	padding: 30px 0px;
	margin: 20px auto 0;
	border-radius: 30px;
	width: 87%;
	position: relative;
}
.sec-fea-img {
	margin: 0 0 20px;
	position: relative;
	text-align: center;
}
.sec-fea-bg {
	position: absolute;
	left: -13px;
	right: 0;
	text-align: center;
	top: -16px;
}
.sec-fea-list span {
	font-size: 20px;
}
.sec-fea-li:hover::before {
	position: absolute;
	content: "";
	background: linear-gradient(62deg, #aa28d9 0, #4d3bbf 100%);
	left: 0;
	right: 0;
	top: -7px;
	width: 100%;
	height: 70px;
	z-index: -1;
	border-radius: 62px;
	transition: transform 0.3s, box-shadow 0.3s;
}
/* Security Fea End */

/* Services Offerings start */
.wpr-substack-area .section-inner ul li:active a {
	background: #f5f6f7;
	border: 1px solid var(--theme-color);
}

.wpr-substack-area {
	padding: 30px 0px;
	z-index: 1;
}
.wpr-substack-area .section-inner ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
}
.wpr-substack-area .section-inner ul li:first-child {
	transform: translateX(25px);
	z-index: 1;
}
.wpr-substack-area .section-inner ul li:nth-child(2) {
	transform: translateX(0);
	z-index: 2;
}
.wpr-substack-area .section-inner ul li:nth-child(3) {
	z-index: 3;
	transform: translateX(-19px);
}
.wpr-substack-area .section-inner ul li:nth-child(4) {
	transform: translateX(-40px);
	z-index: 4;
}
.wpr-substack-area .section-inner ul li:nth-child(5) {
	transform: translateX(-62px);
	z-index: 5;
}
.wpr-substack-area .section-inner ul li {
	text-align: center;
	transition: all 0.5s ease;
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
.wpr-substack-area .section-inner ul li {
	text-align: center;
	transition: var(--transition);
}

.wpr-substack-area .section-inner ul li  {
	text-align: center;
	display: block;
	border-radius: 50%;
	border: 1px solid #d7d6d6;
	background: #fff;
	transition: all 0.5s ease;
	width: 200px;
	height: 200px;
	line-height: 200px;
}
.wpr-substack-area .section-inner ul li .text {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	text-transform: uppercase;
	margin-top: 24px;
	margin-bottom: 0;
	transition: all 0.5s ease;
	transform: translateY(-35px);
	opacity: 0;
	text-align: center;
	background: linear-gradient(90deg, #6e00ff, #de7ee9, #6e00ff);
	background-size: auto;
	background-clip: border-box;
	background-size: auto;
	background-clip: border-box;
	background-size: auto;
	background-clip: border-box;
	background-size: auto;
	background-clip: border-box;
	background-size: 200%;
	-webkit-background-clip: text;
	color: transparent;
	animation: shineText 3s infinite linear;
}
.wpr-substack-area .section-inner ul li:hover  {
	background: #f5f6f7;
	border: 1px solid var(--theme-color);
}
.popup-menu-wrap.active, .wpr-substack-area .section-inner ul li:hover .text {
	transform: translateY(0px);
	opacity: 1;

}
.popup-menu-wrap.active,
.wpr-substack-area .section-inner ul li:hover .text,
.wpr-substack-area .section-inner ul li.active .text {
	transform: translateY(0px);
	opacity: 1;
}
.wpr-substack-area .section-inner ul li  iconify-icon {
	font-size: 70px;
	position: relative;
	top: 33px;
	text-align: center;
}
.wpr-substack-area .marquee-area {
	position: absolute;
	width: 100%;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -65%);
	z-index: -1;
	/* padding-top: -34px; */
	display: none;
}
.service-content {
	padding-top: 35px;
	padding-bottom: 35px;
}
.wpr-substack-area .marquee-inner {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
	/* transform: rotate(-4deg); */
	overflow: hidden;
	border-width: 1px 0;
	border-color: var(--theme-color);
	border-style: solid;
}
.wpr-substack-area .marquee-inner .marquee {
	padding: 5px 0;
	margin: 0;
	will-change: transform;
	animation: 65s linear infinite marquee-2;
	align-items: center;
	display: flex;
}
.wpr-substack-area .marquee-inner .marquee li {
	list-style: none;
	flex: 0 0 auto;
	position: relative;
	text-align: center;
	margin: 0 10px;
	font-size: 22px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0px;
	text-transform: uppercase;
}
.wpr-substack-area .marquee-inner .marquee li:nth-child(2n+1){

	color: #000 !important;
}
.wpr-substack-area .marquee-inner .marquee li:nth-child(2n){
	color: var(--theme-color);
}

@keyframes marquee {
	0% {
		transform: translateX(-20%)
	}

	100% {
		transform: translateX(-100%)
	}
}

@keyframes marquee-2 {
	0% {
		transform: translateX(-100%)
	}

	100% {
		transform: translateX(0)
	}
}

/* Services Offerings End */



/* crypto exchange works start*/
.crypto-exchange-img {
	margin-top: 50px;
	text-align: center;
}
/* crypto exchange works end*/


/* kirhyip start*/

.kirhyip-img2 img {
	border-radius: 15px;
}
.kirhyip-img3 img {
	animation-name: hinge;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	position: absolute;
	right: -6px;
	top: 50px;
}
.kirhyip-sol {
	margin: 35px 0px;
}
.kirhyip-exc {
	text-align: center;
}
/* kirhyip end*/

/* technology use start*/

.tec-order-list {
	padding: 10px;
}

.tec-list {
	border: 1px solid #6a6a8e;
	border-radius: 8px 40px;
	padding: 10px 18px;
	min-width: 100%;
	background: #fff !important;
	box-shadow: 0 4px 10px #ede9fe;
	margin: 12px 0px;
}

.tec-cont {
	display: flex;
	align-items: center;
}
.tec-cont span {
	font-size: 16px;
	margin: 0 12px;
	font-weight: bold;
	color: var(--title-color);
}
.tec-list:hover {
	background: linear-gradient(to bottom, #ebedfd 0, #ffeef6 100%) !important;
	border: 1px solid #6a6a8e;
}
.tec-list:hover ul li span {
	background: linear-gradient(90deg, var(--theme-color), #000, #de7ee9);
	background-size: 200%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	animation: shineText 3s infinite linear;
	animation-direction: normal;
	animation-direction: reverse;
}

/* technology use end */


/* Contact banner start */

.mobile-app-wrapper-v3-inner {
	background: linear-gradient(145deg, #ffffff, #f4f1ff);
	margin-bottom: 50px;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(240, 216, 255, 0.5), 0 0 15px rgba(141, 86, 255, 0.6);
}
.contact-box {
	padding: 20px 0 0px 30px;
}
.contact-box h3 {
	font-size: 32px;
}
.contact-img {
	position: relative;
	z-index: 1;
}
.contact-img img {
	bottom: -16px !important;
}
.floating-box {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: auto;
	overflow: hidden;
	opacity: 0.3;
}

.floating-icon-img {
  position: absolute;
  width: 50px;
  height: 50px;
  object-fit: contain;
  opacity: 0.9;
  transition: transform 0.2s ease-out;
  animation: floatLoop 6s ease-in-out infinite;
}

/* Position icons in random spots */
.floating-icon-img:nth-child(1) { top: 10%; left: 15%; animation-delay: 0s; }
.floating-icon-img:nth-child(2) { top: 25%; left: 70%; animation-delay: 0.5s; }
.floating-icon-img:nth-child(3) { top: 45%; left: 30%; animation-delay: 1s; }
.floating-icon-img:nth-child(4) { top: 60%; left: 80%; animation-delay: 1.5s; }
.floating-icon-img:nth-child(5) { top: 70%; left: 20%; animation-delay: 2s; }
.floating-icon-img:nth-child(6) { top: 20%; left: 85%; animation-delay: 2.5s; }

/* Looping float */
@keyframes floatLoop {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
.floating-icon iconify-icon {
	font-size: 43px;
}
/* Contact banner end */


.contact-element ul li {
	position: absolute;
}

.contact-element ul li:first-child {
	top: 18%;
	right: 6%;
	z-index: 1;
	animation: rotateSmooth 5s linear infinite;
}

.contact-element ul li:nth-child(2) {
	bottom: 20%;
	z-index: 1;
	right: 48%;
	animation-name: flip;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}
.contact-element ul li:last-child {
	top: 17%;
	z-index: 1;
	animation-name: shake;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
/*************************************Crypto exchange-script style end **********************************/


/*************************************Peer-exchange style Start *************************************/
.peer-ban-img {
	padding: 0 0px 40px 0px;
}

.peer-admin {
	position: relative;
}

.peer-admin::before {
	position: absolute;
	content: "";
	background: url("../images/peer-exchange/peer-ex-new-bannerwave.webp") no-repeat scroll center;
	width: 100%;
	height: 448px;
	bottom: 0;
	right: 0;
	z-index: -1;
	/* transform: rotate(180deg); */
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 0 45%, 25% 25%, 50% 50%, 75% 0, 100% 50%;
	mask-repeat: no-repeat;
	animation: mask 3.5s linear infinite;
}

.peer-bnner-coin-list li {
	position: absolute;
}

.peer-bnner-coin-list li:first-child {
	top: 16%;
	left: 5%;
	animation-name: rotate;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.peer-bnner-coin-list li:nth-child(2) {
	bottom: 42%;
	right: 0%;
	animation-name: bounce;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.peer-bnner-coin-list li:nth-child(3) {
	top: 66%;
	right: 46%;

}

.peer-bnner-coin-list li:nth-child(4) {
	top: 10%;
	left: 37%;
	animation-name: rotate;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.peer-bnner-coin-list li:nth-child(5) {
	top: 18%;
	right: 32%;
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 0 45%, 25% 25%, 50% 50%, 75% 0, 100% 50%;
	mask-repeat: no-repeat;
	animation: mask 4.5s linear infinite;
}
.peer-bnner-coin-list li:nth-child(5) img {
	width: 64%;
}
.peer-bnner-coin-list li:nth-child(6) {
	top: 0%;
	left: 15%;
}

.peer-bnner-coin-list li:nth-child(7) {
	top: 34%;
	left: 23%;
	
}

/* .peer-tit h1 {
	font-size: 33px !important;
	line-height: 55px;
}
 */

.peer-banner-img {
	margin: 50px 0px 0px 0px;
}

.peer-ban-img.shine-img-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 10%;
	height: 100%;
	background: linear-gradient(10deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.0) 100%);
	transform: skewX(-42deg);
	animation: shineSweep 3.5s ease-in-out infinite;
}

.btns-p2a {
	text-align: center;
}
.btns-p2a li .th-btn {
	font-size: 17px;
}
.btns-p2a li .th-btn iconify-icon {
	font-size: 20px;
	margin-left: 10px;
}
.btns-p2a li {
	text-align: center;
	display: inline-block;
	justify-content: center;
	margin: 0 auto;
	padding: 15px 15px;
}

/* P2P Feature Start */

.fea-img {
	position: relative;
}

.features {
	display: inline-block;
	position: relative;
	z-index: 1;
}

.feature1 {
	left: 51px;
	top: 25px;
}

.feature2 {
	top: 48px;
	left: 0px;
}

.feature3 {
	left: 51px;
	top: 70px;
}

.feature4 {
	left: 86px;
	top: 27px;
}
.feature5 {
	left: 140px;
	top: 51px;
}
.feature6 {
	top: 59px;
	left: 90px;
}

.feat-top {
	float: left;
}

.fea-hed {
	z-index: 1;
	position: relative;
}

.fea-hed h5 {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	background: var(--theme-color);
	border-radius: 16px;
	padding: 7px 15px;
	width: 100%;
	margin-left: 30px;
	text-align: left;
	margin-bottom: 0;
}

.fea-con {
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, .38);
	box-shadow: 5px 5px 15px 5px rgba(207, 174, 255, 0.38);
	background: #ffff;
	padding: 35px 41px 0px 23px;
	border-radius: 26px;
	display: inline-block;
	bottom: 22px;
	position: relative;
	width: 350px;
}

.fea-ico {
	border-radius: 50%;
	/* margin: 0 auto; */
	width: 119px;
	height: 119px;
	float: right;
	padding: 21px 24px;
	background: #d9d9d9;
	background: -moz-linear-gradient(left, #d9d9d9 0, #fff 100%);
	background: -webkit-linear-gradient(left, #d9d9d9 0, #fff 100%);
	background: #fff;
	border: 14px solid #f3f4f5;
	-webkit-box-shadow: 0 0 21px 4px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 21px 4px rgba(0, 0, 0, .1);
	box-shadow: 0 0 21px 4px rgba(0, 0, 0, .1);
	position: relative;
	z-index: 1;
	right: 26px;
	top: 12px;
	box-shadow: inset 0 0 30px #cecfff !important;
}

.feat-rig .fea-ico.fea-left {
	margin-right: 0;
	left: 18px;
	z-index: 2;
	position: relative;
}

.feat-rig .fea-hed h5 {
	margin-left: -20px;
	padding: 7px 46px;
}

.fea-left {
	float: left;
}

.grad-back {
	background: var(--theme-color2) !important;
}

.fea-img::after {
	position: absolute;
	background: url('../images/peer-exchange/feature-img.webp') no-repeat scroll center;
	content: "";
	width: 399px;
	height: 315px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 24%;
	bottom: 0;
}

.peer-feature-list {
	margin-bottom: 60px;
}

/* P2P Feature End */


/* P2P process flow start */

.Peer-process-list {
	text-align: center;
	position: relative;
	margin-top: 30px;
}

.Peer-process-list ul {
	margin-top: 0;
	display: inline-block;
}

.Peer-process-list1 {
	margin-bottom: 40px;
}

.Peer-process-list2 {
	margin-bottom: 20px;
}

.Peer-process-list li {
	padding: 10px 0;
	background: url("../images/peer-exchange/process-flow-img.png") no-repeat scroll center, #fff;
	border-radius: 20px;
	min-width: 174px;
	height: 91px;
	margin: 0 50px;
	float: left;
	position: relative;
	box-shadow: inset 0 0 30px #c3a2ff !important;
}

.Peer-process-list li {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
}

.Peer-process-list h4 {
	font-size: 15px;
	color: #000;
	font-weight: 600;
	line-height: 22px;
}


.peer-img {
	position: relative;
	opacity: 0.5;
}

.Peer-process-list1 li:first-child::after {
	background: url("../images/peer-exchange/process-arow1.webp") no-repeat;
	width: 83px;
	height: 25px;
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: -90px;
	z-index: -1;
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 0 45%, 25% 25%, 50% 50%, 75% 0, 100% 50%;
	mask-repeat: no-repeat;
	animation: mask 2s linear infinite;
}

.Peer-process-list1 li:nth-child(2)::after {
	background: url("../images/peer-exchange/process-arow2.webp") no-repeat;
	width: 83px;
	height: 25px;
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: -90px;
	animation-name: fadeInLeft;
	animation-duration: 2.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	z-index: -1;
}

.Peer-process-list1 li:nth-child(3)::after {
	background: url("../images/peer-exchange/process-arow1.webp") no-repeat;
	width: 83px;
	height: 25px;
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: -90px;
	z-index: -1;
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 0 45%, 25% 25%, 50% 50%, 75% 0, 100% 50%;
	mask-repeat: no-repeat;
	animation: mask 2s linear infinite;
}

.Peer-process-list1 li:nth-child(4)::before {
	background: url("../images/peer-exchange/process-arow6.webp") no-repeat;
	width: 72px;
	height: 86px;
	content: ' ';
	position: absolute;
	bottom: -96px;
	right: 33%;
	z-index: -1;
}
.Peer-process-list2 li:first-child::before {
	background: url("../images/peer-exchange/process-arow5.webp") no-repeat;
	width: 86px;
	height: 72px;
	content: ' ';
	position: absolute;
	bottom: -26px;
	left: -53%;
	z-index: -1;
}
.Peer-process-list2 li:nth-child(2)::before {
	background: url("../images/peer-exchange/process-arow4.webp") no-repeat;
	position: absolute;
	width: 58px;
	height: 39px;
	content: ' ';
	left: -46%;
	top: 0;
	bottom: 0;
	margin: auto 0;
	z-index: -1;
	animation-name: fadeInRight;
	animation-duration: 2.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.Peer-process-list2 li:nth-child(3)::before {
	background: url("../images/peer-exchange/process-arow3.webp") no-repeat;
	position: absolute;
	width: 58px;
	height: 39px;
	content: ' ';
	left: -45%;
	top: 0;
	bottom: 0;
	margin: auto 0;
	z-index: -1;
	animation-name: fadeInRight;
	animation-duration: 3.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}


.Peer-process-list3 li {
	margin: 20px 50px;
}

.Peer-process-list3 li:first-child::after {
	background: url("../images/peer-exchange/process-arow2.webp") no-repeat;
	width: 83px;
	height: 25px;
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: -93px;
	z-index: -1;
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 0 45%, 25% 25%, 50% 50%, 75% 0, 100% 50%;
	mask-repeat: no-repeat;
	animation: mask 2s linear infinite;
}

.Peer-process-list3 li:nth-child(2)::after {
	background: url("../images/peer-exchange/process-arow1.webp") no-repeat;
	width: 83px;
	height: 25px;
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: -92px;
	animation-name: fadeInLeft;
	animation-duration: 4.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	z-index: -1;
}

.Peer-process-list3 li:nth-child(3)::after {
	background: url("../images/peer-exchange/process-arow2.webp") no-repeat;
	width: 83px;
	height: 25px;
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: -91px;
	z-index: -1;
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 0 45%, 25% 25%, 50% 50%, 75% 0, 100% 50%;
	mask-repeat: no-repeat;
	animation: mask 2s linear infinite;
}


/*************************************Peer-exchange style End *************************************/

/************************ Charcterstics start **********************************/
.peer-characteristics-list {
	display: inline-block;
	width: 100%;
	padding: 10px 25px;
	margin: 15px 0px;
}

.peer-characteristics-top img {
	border: 1px solid #d6cece;
	padding: 5px 10px;
	border-radius: 2px;
}

.peer-characteristics-bottom {
	float: right;
	width: 100%;
}

.peer-characteristics-bottom h6 {
	font-size: 18px;
	font-weight: 700;
	color: #1e2835;
	margin-bottom: 10px;
}

.peer-characteristics-list:hover {
	background: linear-gradient(145deg, #ffe0e0, #fff);
}

/************** Charcterstics End ****************/


/************** p2p-why-choose start ****************/

.soft-con {
	margin-top: 31px;
}

.soft-grad {
	border-radius: 126px;
	margin: 0 auto;
	padding: 37px 0;
	background: #118ae8;
	background: -moz-linear-gradient(top, #118ae8 0, #2551e6 100%);
	background: -webkit-linear-gradient(top, #118ae8 0, #2551e6 100%);
	background: #fff;
	height: 170px;
	width: 170px;
	box-shadow: inset 0 0 88px #ffc8c8 !important;
	/* border: 2px solid #6941f9; */
}

.soft-grad-ico iconify-icon {
	font-size: 35px;
}

.soft-grad h4 {
	font-size: 15px;
	text-align: center;
	line-height: 19px;
	color: #171717;
	font-weight: 500;
	margin-top: 8px;
}
.grad1 {
	animation: animate 6s ease-in-out infinite;
}

.grad2 {
	animation: animate 5s ease-in-out infinite;
}
.grad3 {
	animation: animate 4s ease-in-out infinite;
}
.grad4 {
	animation: animate 3s ease-in-out infinite;
}
.grad5 {
	animation: animate 2s ease-in-out infinite;
}

.grad6 {
	animation: animate 6s ease-in-out infinite;
}

.grad7 {
	animation: animate 4s ease-in-out infinite;
}

.grad8 {
	animation: animate 3s ease-in-out infinite;
}


.p2a-why-choose-content {
	margin-top: 25px;
}
.soft-grad:hover {
	/* background: linear-gradient(90deg, var(--theme-color3) 0%, var(--theme-color) 100%); */
	box-shadow: inset 0 0 88px #f0ceff !important;
	border: 2px dotted #f941f6;
	animation: none;
}
.soft-grad2 {
	position: relative;
	top: -70px;
}
.choose-ball {
	margin-top: 60px;
}
/************** p2p-why-choose end ****************/

/************** p2p-milestone start ****************/

.peer-mile h4 {
	font-size: 19px;
	font-weight: 600;
	margin-bottom: 7px;
}

.peer-mile {
	margin-bottom: 26px;
	padding: 6px 21px;
	border-radius: 24px;
}

.stone-img {
	text-align: center;
}

.mile-clr:hover {
	background: linear-gradient(145deg, #f0d9fb, #fff);
}

.mile-clr2:hover {
	background: linear-gradient(145deg, #d9d0f7, #fff);
}


/************** p2p-milestone end ****************/
.click-cont {
	display: flex;
	width: 100%;
}

.cards.act {
	height: 100%;
	width: 100%;
}

.cards {
	width: 16%;
	position: relative;
	/* transition: width 0.3s ease-out; */
	margin: 20px;
	height: auto;
	overflow: hidden;
}
.cards:hover .num {
	background: var(--theme-color);
}

.cards.act img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.act {
	background: url(../images/peer-exchange/shadow-line.webp), #fff;
	position: relative;
	background-repeat: no-repeat;
	background-position: 140% -50%;
	background-size: 60%;
	border-radius: 51px;
	border: 1px solid #3e22ff;
	display: flex;
}

.act .w30 {
	display: inline-block;
}

.w30 {
	width: 100%;
}

.cards img {
	border-radius: 100px;
}

.cards.act .contse {
	display: flex;
}

.contse {
	display: none;
	flex-direction: column;
	align-items: self-start;
	/* justify-content: center; */
	padding: 20px;
}

.num {
	position: absolute;
	bottom: 9%;
	width: 50px;
	text-align: center;
	background: #00000080;
	height: 50px;
	font-size: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 500;
	border-radius: 40px;
	left: 0;
	right: 0;
	margin: 0 auto;
}



.main-click {
	margin: 30px 0px 0px 0px;
}

.one {
	font-size: 70px;
	line-height: 75px;
}

.cards.act .w30 {
	width: 50%;
}

.act {
	flex-grow: 2.4;
}


.cards.act .num {
	left: 16px;
	bottom: 18px;
	right: 10%;
	margin: 0;
}

/************************ animation **********************************/
.masked {
	mask-image: linear-gradient(#000, #000);
	mask-size: 0% 70%;
	mask-position: 0 45%, 25% 25%, 50% 50%, 75% 0, 100% 50%;
	mask-repeat: no-repeat;
	animation: mask 6s linear infinite;
}

@keyframes mask {
	0% {
		mask-size: 0% 70%;
	}

	20% {
		mask-size: 20% 100%;
	}

	30% {
		mask-size: 30% 100%;
	}

	40% {
		mask-size: 40% 100%;
	}

	60% {
		mask-size: 60% 100%;
	}

	80% {
		mask-size: 80% 100%;
	}

	100% {
		mask-size: 100% 100%;
	}
}



.spinner {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1.2s;
	-webkit-animation-name: rotate;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-transition-property: -moz-transform;
	-moz-animation-name: rotate;
	-moz-animation-duration: 1.2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	transition-property: transform;
	animation-name: rotate;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
}

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

	to {
		transform: rotate(360deg);
	}
}

@keyframes play {
	from {
		background-position: 0px;
	}

	to {
		background-position: -1024px;
	}
}

@keyframes marquee {
	0% {
		background-position: 0;
	}

	100% {
		background-position: -1190px;
	}
}


.typewriter h1 {
	color: #fff;
	/* overflow: inherit; */
	white-space: break-spaces;
	margin: 0 auto;
	letter-spacing: 0px;
	animation: typing 3.5s, blink-caret .5s step-end alternate;
}

/* The typing effect */
@keyframes typing {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}


@keyframes blink-caret {

	from,
	to {
		border-color: transparent
	}

}

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

	50% {
		transform: translateY(-30px);
	}

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


/**********************************animation end **********************************/