/*common start*/

body {
	background: #f3f5f6;
}

a:hover {
	color: #66cdfe;
}
.box {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.box2 {
	-webkit-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.2);
	box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.2);
}
.z-in1 {
	z-index: 1;
}
.z-in2 {
	z-index: 2;
}
.z-in3 {
	z-index: 3;
}
.text-gray {
	color: #7c7a7a;
}
.fea-tags li small {
	font-size: 12px;
	font-weight: 400 !important;
}
/* fonts */
@font-face {
 font-family: 'Satoshi';
 src: url('../fonts/Satoshi-Black.woff2') format('woff2'), url('../fonts/Satoshi-Black.woff') format('woff');
 font-weight: bold;
 font-style: normal;
 font-display: swap;
}
 @font-face {
 font-family: 'Satoshi';
 src: url('../fonts/Satoshi-Regular.woff2') format('woff2'), url('../fonts/Satoshi-Regular.woff') format('woff');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
 @font-face {
 font-family: 'Satoshi';
 src: url('../fonts/Satoshi-Bold.woff2') format('woff2'), url('../fonts/Satoshi-Bold.woff') format('woff');
 font-weight: bold;
 font-style: normal;
 font-display: swap;
}
 @font-face {
 font-family: 'Satoshi';
 src: url('../fonts/Satoshi-Medium.woff2') format('woff2'), url('../fonts/Satoshi-Medium.woff') format('woff');
 font-weight: 500;
 font-style: normal;
 font-display: swap;
}
 @font-face {
 font-family: 'Satoshi';
 src: url('../fonts/Satoshi-Light.woff2') format('woff2'), url('../fonts/Satoshi-Light.woff') format('woff');
 font-weight: 300;
 font-style: normal;
 font-display: swap;
}
.santo {
	font-family: 'Satoshi';
}
.lite-grade {
	background: #FBE2E3;
	background: -webkit-linear-gradient(180deg, rgba(251, 226, 227, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -moz-linear-gradient(180deg, rgba(251, 226, 227, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(0deg, rgba(251, 226, 227, 1) 0%, rgba(255, 255, 255, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FBE2E3", endColorstr="#FFFFFF", GradientType=1);
}
.bg-grade {
	background: #193552;
	background: -webkit-linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
	background: -moz-linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
	background: radial-gradient(circle, rgba(0, 110, 255, 1) 0%, rgba(16, 81, 167, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#193552", endColorstr="#01203D", GradientType=0);
}


.error {
	background: #f0cbc5;
	background-size: 400% 400%;
	-webkit-animation: AnimationName 5s ease infinite;
	-moz-animation: AnimationName 5s ease infinite;
	animation: AnimationName 5s ease infinite;
	border-radius: 0;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	color: #6d2727;
	font-size: 13px;
	padding: 9px 10px;
	width: auto;
	opacity: 1;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #ce9695;
	font-weight: 600;
}

.msg .error i {
	background-color: #dbaea8;
	color: #732a24;
}
.msg i {
	margin-right: 10px;
	padding: 1px 5px;
	font-size: 27px;
	font-weight: 500;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}
/**********************************Header **********************************/

.btn iconify-icon {
	font-size: 23px;
	position: relative;
	top: 4px;
}
.banner-tongle {
	display: none;
}
.side-nav li {
	text-align: start;
}
.banner-tongle .nav-link:focus, .nav-link:hover {
	color: rgb(48, 188, 255);
}
.side-nav li i {
	background: #fff;
	border-radius: 10px;
	padding: 6px 6px;
	color: #03abfb;
}
.get-started.btn.btn-secondary {
	display: inline-block !important;
}
.banner-bg {
	background: #000912;
}
.navbar-head h4 {
	display: none;
}
.contacy-icon iconify-icon {
	color: #fff;
	font-size: 20px;
}
.company-contact {
	display: flex;/* align-items: center; */
}
.nav-line::after {
 position: absolute;
 content: "";
 background: rgba(255, 255, 255, 0.2);
 width: 1px;
 height: 55px;
 right: 33px;
 top: 0px;
 bottom: 0px;
 margin: auto;
}
.nav-line {
	position: relative;
}
.nav-line span a {
	color: #ffff !important;
}
.nav-line span a:hover {
	color: #a6e2ff !important;
}
.head-nav-link li {
	display: inline-block;
	margin: 0 25px;
	position: relative;
}
.head-nav-link li a {
	font-size: 16px;
	color: #252424;
	text-transform: uppercase;
}
.head-nav-link li a:hover {
	color: #006eff;
}
.header-added {
	padding: 7px 53px 7px 70px;
}
.nav-head {
	padding: 23px 0px;
}
.head-nav-link li a:hover::before {
 content: '»';
 position: absolute;
 top: -5px;
 margin: 0 auto;
 left: -19px;
 font-size: 22px;
}
.banner-logo .logo-dark {
	display: none;
}
.login-redirect {
	background: #e72c2d;
	border-radius: 50%;
	margin-right: 7px;
	width: 39px;
	height: 39px;
	text-align: center;
	padding: 4px 0px;
}
.login-redirect iconify-icon {
	font-size: 32px;
}
.login-redirect:hover {
	background: #193552;
	background: -webkit-linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
	background: -moz-linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
	background: linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#193552", endColorstr="#01203D", GradientType=0);
}
.login-redirect:hover iconify-icon {
	color: #fff;
}
.nav-button {
	margin-top: 15px;
	margin-right: 16px;
}
 .banner-logo::before {
 background: url("../images/logo-bg.png") no-repeat scroll 0 0;
 width: 283px;
 height: 112px;
 content: "";
 position: absolute;
 left: -14px;
 top: 0px;
 z-index: 1;
}
.banner-logo {
	margin-top: 40px;
}
.banner-p {
	margin-left: -74px;
}
/**********************************Header end **********************************/


/* bannerWrapper
================================================== */

#bannerWrapper {
	background: #000 url(../images/banner_bg.jpg) repeat-x bottom;
	float: left;
	width: 100%;
	position: relative;
	background-size: 100% 100% !important;
}
#mainBanner {
	width: 100%;
	height: 550px;
	position: relative;
}
.one-slider {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.one-slider-wrapper {
	display: flex;
	width: 100%;
	transition: 0.6s ease-in-out;
}
.one-slide {
	width: 100%;
	display: flex;
	align-items: center;
	height: 530px;
	flex-shrink: 0;
	position: relative;
}
/* LEFT IMAGE AREA */


.left-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	top: 30px;
}
/* RIGHT CONTENT AREA */
.right-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.t1 {
	font-size: 45px;
	font-weight: 700;
	color: #1051a7;
}
.t2 {
	font-size: 32px;
	color: #fff;
	margin: 10px 0;
	text-shadow: 1px 1px 4px #000;
}
.t3 {
	font-size: 24px;
	color: #02A6E1;
	margin-bottom: 20px;
}
/* BUTTON */
.t4 {
	display: inline-block;
	padding: 12px 24px;
	background: #00adff;
	color: #fff;
	font-weight: 700;
	border-radius: 6px;
	margin-top: 15px;
	font-size: 20px;
}
.t4:hover {
	background: #1051a7;
	color: #fff;
}
/* DOTS */
.slider-dots {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}
.slider-dots span {
	width: 12px;
	height: 12px;
	background: #ffffff88;
	display: inline-block;
	margin: 0 5px;
	border-radius: 50%;
	cursor: pointer;
}
.slider-dots .active {
	background: #00adff;
}
.glow-title {
	color: #1051a7;
	font-weight: 700;
	text-shadow: 0 0 6px #fff, 0 0 3px #fff, 0 0 9px #fff, 0 0 8px #fff, 0 0 13px #fff;
}
.glow-sub {
	color: #4ab5ff;
	font-weight: 600;
	text-shadow: 0 0 4px #fff, 0 0 5px #fff, 0 0 7px #fff;
}
@keyframes glow {
 0% {
 text-shadow: 0 0 5px white, 0 0 10px white;
}
 100% {
 text-shadow: 0 0 10px white, 0 0 20px white;
}
}
/**********************************banner end **********************************/
.bg02 {
	background: radial-gradient(circle, rgba(0, 110, 255, 1) 8%, rgba(16, 81, 167, 1) 20%);
}
.feature-icon {
	margin: 20px;
}
.feature-content h4 {
	font-size: 27px;
	font-weight: 400 !important;
}
.icon-border {
	border-right: 2px solid rgba(225, 255, 255, .2);
}
/**********************************about start**********************************/

.strike::before {
 position: absolute;
 content: "";
 background: #0d2f55;
 height: 2px;
 width: 55px;
 right: -73px;
 top: 0px;
 bottom: 0px;
 margin: auto;
}
.strike::after {
 position: absolute;
 content: "";
 background: #0d2f55;
 height: 2px;
 width: 55px;
 left: -73px;
 top: 0px;
 bottom: 0px;
 margin: auto;
}
.shape {
	right: 29px;
	top: 155px;
}
.experiance {
	top: 18px;
	left: 36px;
}
#abt-video {
	position: absolute;
	/* right: 0; */
	/* min-width: 100%; */
	/* min-height: 100%; */
	width: 43%;
	/* background-size: cover; */
	/* z-index: -1; */
	bottom: 96px;
	right: 32px;
	border-radius: 18px;
	border: 3px solid #fff;
}
.video-bg1 {
	width: 81px;
	height: 81px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	padding: 9px 0px;
	position: absolute;
	right: 124px;
	bottom: 122px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.video-bg1::after {
 animation-delay: 1s;
 position: absolute;
 content: "";
 background: rgba(255, 255, 255, 0.2);
 width: 66px;
 height: 65px;
 border-radius: 50%;
 left: 0px;
 right: 0px;
 top: 0px;
 bottom: 0px;
 margin: auto;
 animation: ripple 2s infinite;
}
 .video-bg1::after {
 animation-delay: 1s;
}
 @keyframes ripple {
 0% {
 transform: scale(1);
 opacity: 0.6;
}
 100% {
 transform: scale(1.8);
 opacity: 1;
}
}
.video-bg2 {
	width: 65px;
	height: 65px;
	background:transparent;
	border-radius: 50%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
}
.video-icon {
	background: #fff;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	padding: 14px 0px;
	cursor: pointer;
}
.video-icon iconify-icon {
	color: #e72c2d;
	font-size: 24px;
}
.shape h5 {
	font-size: 21px;
}
.abt-title h2 {
	font-size: 43px;
}
.abt-title {
	text-align: start;
}
.about-tab .about-sec li {
	width: 50%;
}
.about-tab .about-sec .nav {
	color: #032330;
}
.about-tab .abt-content {
	background: #fff;
	border-radius: 24px;
	padding: 10px 10px 10px 29px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	position: relative;
}
.about-tab .abt-content::before {
 position: absolute;
 content: "";
 background: radial-gradient(circle, rgba(0, 110, 255, 1) 0%, rgba(16, 81, 167, 1) 100%);
 height: 90%;
 width: 10px;
 left: 0px;
 top: 0px;
 bottom: 0px;
 border-radius: 10px 0px 0px 10px;
 margin: auto;
}
.added-images li {
	position: absolute;
}
.animated-plane li:first-child {
	left: 20px;
	bottom: 0px;
}
.animated-plane li:last-child {
	left: 20px;
	bottom: 0px;
	animation-name: bounce;
	animation-duration: 4.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.abt-btn .btn-secondary {
	background: #e72c2d;
	color: #fff;
}
.abt-btn .started-icon iconify-icon {
	color: #000000;
}
.abt-btn .started-icon {
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	left: -1px;
}
.plan-icon img {
	animation-name: swing;
	animation-duration: 4.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.abt-list-ico {
	background: #00adff;
	width: 48px;
	height: 48px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-right: 15px;
}
.about-tab {
	padding: 21px 0px;
}
.abt-list {
	display: flex;
	align-items: center;
}
.abt-list {
	display: flex;
	align-items: center;
	margin: 20px 0px;
}
.company-con {
	display: flex;
	justify-content: space-around;
	margin: 20px 0px;
	align-items: center;
}
.company-reg {
	display: flex;
	align-items: center;
}
/**********************************about end**********************************/


/**********************************benifit start**********************************/
.banner-statistics li {
	display: inline-block;
	margin: 0px 74px;
}
.statistics-sec {
	background: url("../images/statistiscs-bg.png") no-repeat scroll center;
	background-size: cover;
	margin-top: -92px;
	height: 321px;
	z-index: 5;
	padding-top: 118px;
}
.banner-statistics li h1 {
	font-size: 59px;
}
.banner-statistics li span {
	font-size: 39px;
}
.banner-statistics h6 {
	font-size: 19px;
	font-weight: 600;
}
.benefit-icon {
	background: url("../images/benefit-icon.png") no-repeat scroll center;
	width: 131px;
	height: 134px;
	text-align: center;
	padding: 23px 0px;
	margin: 0 auto;
	animation-name: swing;
	animation-duration: 5.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.benefit-box h6 {
	color: #0d0d0d;
	font-size: 27px;
	font-weight: 400 !important;
}
.benefit-box p {
	font-size: 14px;
	color: #3b3b3b !important;
	font-family: satoshi;
}
.benefit-box .benefit-redirect iconify-icon {
	font-size: 22px;
}
.benefit-redirect {
	background: url("../images/read-more-bg.png") no-repeat scroll center;
	width: 235px;
	height: 96px;
	margin: 0 auto;
	padding: 35px 0px;
}
.ben-shape {
	position: absolute;
	bottom: 49px;
	left: 23px;
}
.ben-ellipse {
	background: #b4e7fe;
	width: 150px;
	height: 150px;
	position: absolute;
	filter: blur(40px);
	opacity: 0.2;
	margin: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
 .eco-wealth-section::after {
 position: absolute;
 background: #00acfd;
 width: 170px;
 height: 200px;
 bottom: 0;
 right: 0;
 content: "";
 border-radius: 50%;
 filter: blur(65px);
 z-index: -1;
}
.eco-wealth-section::before {
 position: absolute;
 background: #00acfd;
 width: 170px;
 height: 200px;
 top: 0;
 left: 0;
 content: "";
 border-radius: 50%;
 filter: blur(65px);
 z-index: -1;
}
.eco-wealth-section {
	background: url("../images/how-bg.png") no-repeat scroll center;
}
.title-aft::after {
 position: absolute;
 content: "";
 background: url("../images/title2-after.png") no-repeat scroll center;
 width: 100%;
 height: 226px;
 top: -60px;
 right: 0;
 left: 0;
 margin: 0 auto;
 z-index: -1;
}
.about-content::after {
 position: absolute;
 content: "";
 background: url("../images/title-after.png");
 width: 624px;
 height: 298px;
 top: -10px;
}
.benefit-box:hover .benefit-redirect {
	background: url("../images/read-more-hover.png") no-repeat scroll center;
}
.benefit-box:hover h6 {
	color: #02367b;
}
.benefit-box:hover .benefit-icon {
	background: url("../images/benefit-icon-hover.png") no-repeat scroll center;
}
 .benefit-box::before {
 position: absolute;
 content: "";
 background: url("../images/ben-left.png") no-repeat scroll center;
 width: 96px;
 height: 236px;
 bottom: 49px;
 left: 23px;
}
.journey {
	margin-top: 50px;
}
.benefit-box:hover::before {
 background: url("../images/ben-left-hover.png") no-repeat scroll center;
}
.benefit-icon img {
	display: inline-block !important;
}
.benefit-overall-bg {
	position: absolute;
	left: 0px;
	right: 0px;
	text-align: center;
	top: -83px;
}
.benefit-coin {
	position: absolute;
	top: 149px;
	left: 15px;
}
.pay-method-mobile {
	display: none;
}
.integration-wrap li {
	display: inline-block;
	margin: 10px 17px;
}
/**********************************benifit end**********************************/

/**********************************Plan start**********************************/

.pricing-section {
	padding: 50px 0;
	background: linear-gradient(#e9f4ff, #fff);
}
.plan-details {
	margin-top: 60px;
}
.owl-carousel .owl-item img {
	display: inline-block !important;
}
.plan-card {
	width: 347px;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
	padding: 25px 0px;
	text-align: center;
	transition: 0.3s;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	transform: translateY(8px);
}
.plan-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 6px 25px rgba(0, 0, 0, 0.18);
}
.plan-card::after {
 position: absolute;
 content: "";
 background: url("../images/plan-bg-top.png") no-repeat scroll center;
 background-size: cover;
 width: 100%;
 height: 199px;
 top: 0;
 right: 0;
 z-index: -1;
}
.plan-head {
	z-index: 1;
}
.plan-title {
	font-size: 30px;
	color: #02367b;
}
.plan-desc {
	margin: 10px 0 20px;
	font-size: 15px;
	color: #444;
}
.price-doller {
	position: absolute;
	left: 17%;
	top: 22%;
}
.price-doller h3 {
	font-size: 35px !important;
}
.price-wrap {
	margin-top: 10px;
	font-size: 37px;
	font-weight: 700;
	color: #111;
	position: absolute;
	right: 7%;
	top: 33%;
}
.price-wrap h4 {
	font-size: 39px;
	margin: 0;
}
.price-wrap .currency {
	font-size: 28px;
}
.price-wrap .period {
	font-size: 18px;
	color: #8d8d8d;
	margin-left: 5px;
	margin: 0;
	font-weight: 500;
}
.features {
	margin-top: 20px;
	padding: 0;
	list-style: none;
}
.features li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 15px 0;
	padding: 5px 40px;
	border-radius: 0px;
	font-size: 15px;
	font-weight: 500;
}
.features li span {
	font-size: 16px;
	font-weight: bold;
}
.features li iconify-icon {
	color: #fff;
	background: #000;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
.features li:nth-child(2n) iconify-icon {
 background: #478fb1;
}
.select-btn {
	margin-top: 15px;
	width: 72%;
	padding: 12px 0;
	background: radial-gradient(circle, rgba(0, 110, 255, 1) 0%, rgba(16, 81, 167, 1) 100%);
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 18px;
	cursor: pointer;
	transition: 0.3s;
}
.select-btn:hover {
	background: #66cdfe;
	color: #000;
}
.plan-image {
	position: relative;
	padding: 28px 0px;
}
.plan-image::after {
 position: absolute;
 background: url("../images/plan-coinbg.png") no-repeat scroll center;
 top: 0;
 width: 100%;
 height: 100%;
 content: "";
 right: 0;
 left: 0;
 margin: 0 auto;
 bottom: 0;
 z-index: 0;
}
.plan-image img {
	position: relative;
	z-index: 3;
}
.features li:nth-child(2n) {
 background: #66cdfe;
}
/**********************************Plan End**********************************/

/**********************************how it works start **********************************/


.sub-title h6 {
	font-size: 15px;
	text-transform: uppercase;
}
.about-img-title h4 {
	background: #fff;
	border-radius: 20px;
	padding: 20px 78px;
	transform: rotate(270deg);
	display: inline-block;
	border: 7px solid #3188ff;
	border-top: none;
	position: absolute;
	top: 44%;
	right: -12%;
	box-shadow: rgba(0, 0, 0, 0.16) 1px 3px 16px;
}
.fea-tags li {
	background: #e0dffb;
	border-radius: 14px;
	padding: 2px 20px;
}
.fea-tags li:first-child {
	background: #c8defb;
}
.fea-tags li:last-child {
	background: #d6ebff;
}
.list-unstyled.fea-tags.mb-0.ps-0 {
	display: flex;
	gap: 14px;
}
.about-fea-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin-bottom: 77px;
	margin-top: 34px;
}
 .about-fea-list:not(:last-child)::after {
 position: absolute;
 content: "";
 border-bottom: 1px solid rgba(32, 50, 71, 0.5);
 width: 109%;
 height: auto;
 bottom: -27%;
 left: -4%;
 right: 0px;
 margin: auto;
}
.abt-fea-ico {
	display: flex;
	align-items: center;
	justify-content: center;
}
.fea-ico2 {
	width: 89px;
	height: 89px;
	background: radial-gradient(circle, rgb(0, 110, 255) 0%, rgb(16, 81, 167) 100%);
	border-radius: 50%;
}
.fea-ico1 {
	background: url("../images/fea-ico-bg.png") no-repeat scroll center;
	width: 87px;
	height: 88px;
	display: flex;
	align-items: center;
	justify-content: center;
}
 .abt-fea-ico::after {
 mask-image: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0));
 mask-size: 0% 70%;
 mask-position: 0px 25%, 45% 45%, 50% 50%, 75% 0px, 100% 100%;
 mask-repeat: no-repeat;
 animation: 3s linear 1s infinite mask;
}
 .fea-ico1::after {
 position: absolute;
 content: "";
 background: url("../images/fea-bg-line.png") no-repeat;
 width: 126px;
 height: 109px;
}
 .fea-ico2::after {
 position: absolute;
 content: "";
 background: url("../images/fea-bg-curve.png") no-repeat;
 width: 80px;
 height: 77px;
 right: -5px;
 bottom: -6px;
}
.fea-ico2:hover {
	background: #08b0ff;
}
.abt-fea-ico img {
	animation-name: flipInX;
	animation-duration: 3.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 0s;
}
/**********************************how-it-start **********************************/

.bg-main-two-600 {
	background:#e72c2d;
}
.tw-h-95-px {
	height: 95px;
}
.tw-transition-all {
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.tw-duration-300 {
	transition-duration: 300ms;
}
.tw-w-95-px {
	width: 95px;
}
.tw-duration-300 {
	transition-duration: 300ms;
}
.tw-px-24-px {
	padding-inline: clamp(0.75rem, -6.1013rem + 9.4763vw, 1.5rem);
}
.rocket {
	animation: rocketAnimation 10s linear infinite;
}
.rocket {
	animation: rocketAnimation 10s linear infinite;
}
 @keyframes rocketAnimation {
 0% {
 left: -24px;
 opacity: 0;
 transform: scale(0.2);
}
 5% {
 opacity: 0.5;
}
 10% {
 opacity: 1;
 transform: scale(1);
}
 90% {
 opacity: 1;
}
 91% {
 opacity: 0.5;
 transform: scale(1);
}
 100% {
 left: 100%;
 opacity: 0;
 transform: scale(0.2);
}
}
.how-it-work-item-wrapper {
	padding-block-end: 74px;
	border-bottom: 2px dashed rgba(3, 35, 48, 0.6);
}
.tw-mb--88-px {
	margin-bottom: -88px;
}
.tw-start-full {
	inset-inline-start: 100%;
}
.transport-way-item__icon {
	background: #e72c2d;
	border-radius: 50px 50px 50px 0px;
}
.transport-way-item__content {
	padding: 36px 25px;
	border: 2px solid #bebebe;
	border-radius: 10px;
	background: #eeeff1;
}
.transport-way-item:hover .transport-way-item__icon {
	background: #193552;
	background: -webkit-linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
	background: -moz-linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
	background: linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#193552", endColorstr="#01203D", GradientType=0);
}
.transport-way-item:hover h4 {
	color: #df1118;
}
.transport-way-item:hover .btn-primary {
	background: #193552;
	background: -webkit-linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
	background: -moz-linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
	background: linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#193552", endColorstr="#01203D", GradientType=0);
}
.transport-wrapper {
	counter-reset: number; /* Starts counter from 0 */
}
.transport-way-item__content p {
	font-size: 14px;
	line-height: 23px;
}
.transport-way-item::after {
 position: absolute;
 background: #fff;
 width: 42px;
 height: 42px;
 border-radius: 50%;
 left: 0px;
 right: 0px;
 margin: auto;
 bottom: -94px;
 text-align: center;
 padding: 6px 0px;
 font-size: 19px;
 font-weight: 500;
 font-family: 'Satoshi';
 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
 animation-name: tada;
 animation-duration: 3.2s;
 animation-iteration-count: infinite;
 animation-timing-function: linear;
}
.transport-item-one::after {
 content: "1";
}
 .transport-item-two::after {
 content: "2";
}
.transport-item-three::after {
 content: "3";
}
.transport-item-four::after {
 content: "4";
}
 .transport-way-item:hover::after {
 background: #e72c2d;
 color: #fff;
}
.transport-way-item::before {
 position: absolute;
 content: "";
 border-right: 2px dashed rgba(3, 35, 48, 0.6);
 height: 15%;
 width: 2px;
 bottom: -53px;
 left: 0px;
 right: 0px;
 margin: auto;
}
/**********************************how-it-end **********************************/



/**********************************testimonial**********************************/


.testimonial-carousel::before {
 position: absolute;
 content: "";
 top: 0;
 left: 0;
 height: 100%;
 width: 0;
 background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
 z-index: 1;
 filter: blur(20px);
}
.testimonial-carousel::after {
 position: absolute;
 content: "";
 top: 0;
 right: 0;
 height: 100%;
 width: 0;
 background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
 z-index: 1;
 filter: blur(20px);
}
.testimonial-carousel::before, .testimonial-carousel::after {
 width: 300px;
}
.testimonial-item {
	background: #fff;
	border-radius: 20px;
	margin: 0px 25px;
	position: relative;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.testimonial-img {
	margin-top: -143px;
	top: -48px;
}
.testimonal-min-height {
	padding: 104px 0px 0px 0px;
}
.clent-profile {
	background: #193552;
	background: -webkit-linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
	background: -moz-linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
	background: linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#193552", endColorstr="#01203D", GradientType=0);
	border-radius: 20px 20px 0px 0px;
}
.test-p {
	padding: 22px 51px;
}
.client-detail {
	display: flex;
	justify-content: space-between;
	padding: 20px 39px;
	align-items: center;
}
.testimonial-item::before {
 position: absolute;
 content: "";
 background: url("../images/cotation-left.png" ) no-repeat scroll center;
 width: 39px;
 height: 29px;
 left: -54px;
 top: 0px;
}
.testimonial-item::after {
 position: absolute;
 content: "";
 background: url("../images/cotation-right.png" ) no-repeat scroll center;
 width: 39px;
 height: 29px;
 right: -51px;
 bottom: 0px;
}
.clent-profile {
	display: none;
	transition: all 0.3s ease;
}
.owl-item.center .clent-profile {
	display: block;
}
 .testimonial-item::before, .testimonial-item::after {
 display: none;
}
 .owl-item.center .testimonial-item::before, .owl-item.center .testimonial-item::after {
 display: block;
}
.owl-item:not(.center) .testimonial-item {
 opacity: 0.4;
 transform: scale(0.95);
 transition: all 0.3s ease;
}
.owl-item.center .testimonial-item {
	opacity: 1;
	transform: scale(1);
}
/**********************************growth start**********************************/

/* .payment-method-one {
	animation: scroll-left 20s linear infinite;
} */

.logo-carousel {
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	width: 100%;
	padding: 10px 0;
}
.logo-track {
	display: flex;
	width: fit-content;
	animation: scroll 30s linear infinite;
}
.logo-slide {
	display: inline-block;
	padding: 0 20px;
}
.logo-slide img {
	height: 40px; /* Adjust as needed */
	object-fit: contain;
}

/* Keyframes for scrolling */
@keyframes scroll {
 0% {
 transform: translateX(0);
}
 100% {
 transform: translateX(-50%);
}
}
/* row two */
.logo-carousel-two {
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	width: 100%;
	padding: 10px 0;
}
.logo-track-two {
	display: flex;
	width: fit-content;
	animation: scroll-two 30s linear infinite;
}
.logo-slide {
	display: inline-block;
	padding: 0 20px;
}
.logo-slide img {
	height: 40px;
	object-fit: contain;
}

/* Reversed direction for left to right */
@keyframes scroll-two {
 0% {
 transform: translateX(-50%);
}
 100% {
 transform: translateX(0%);
}
}
.transport-way-item__icon img {
	animation-name: flipInY;
	animation-duration: 3.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.validator-list__item img {
	animation-name: flipInY;
	animation-duration: 3.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.data-content h2 span {
	font-size: 40px;
}
.data-content h2 {
	font-size: 50px;
}
.data-ico {
	margin-right: 12px;
	animation-name: swing;
	animation-duration: 3.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.logistics-data:not(:last-child)::after {
 position: absolute;
 content: "";
 background: transparent;
 border-right: 1px solid #032330;
 height: 90%;
 width: 1px;
 right: 0px;
 top: 0px;
 bottom: 0px;
}
.logistics-data {
	justify-content: center;
}
.data-sec-list li {
	position: relative;
}
.data-sec-list li:not(:last-child)::after {
 position: absolute;
 content: "";
 background: #000;
 border-right: 1px solid #032330;
 height: 100%;
 right: -43px;
 top: 0px;
 bottom: 0px;
 margin: auto;
}
.data-sec-list {
	display: flex;
	justify-content: space-around;
	background: #fff;
	border-radius: 46px;
	padding: 25px 0px;
	border: 9px solid #032330;
	text-align: center;
}
/* payment */

.payment-method li {
	display: inline-block;
}
.contact-banner {
	border-radius: 20px;
	margin: 0px 20px;
}
.contact-banner-content {
	padding: 47px 0px 20px 35px;
}
.contat-banner-img {
	/* margin-left: 6px; */
	float: right;
}
.growth-main::after {
 position: absolute;
 right: 0;
 width: 100%;
 z-index: -1;
 top: -30px;
 opacity: 0.3;
 left: 0px;
 border-radius: 40px;
 border: 2px dashed #282828;
 z-index: -1;
 height: 380px;
 content: "";
}
/**********************************growth end**********************************/


/********************************** Footer start **********************************/
.foot-head h3 {
	font-size: 40px;
}
 .footer::after {
 position: absolute;
 content: "";
 background: url("../images/footer-wave.png") no-repeat scroll center;
 background-size: cover;
 width: 1005;
 height: 337px;
 bottom: 0;
 right: 0;
 left: 0;
 z-index: -1;
}
.foot-btn .btn-secondary {
	padding: 15px 29px;
	background: #FAF47F;
	background: -webkit-linear-gradient(0deg, rgba(250, 244, 127, 1) 0%, rgba(183, 115, 45, 1) 100%);
	background: -moz-linear-gradient(0deg, rgba(250, 244, 127, 1) 0%, rgba(183, 115, 45, 1) 100%);
	background: linear-gradient(0deg, rgba(250, 244, 127, 1) 0%, rgba(183, 115, 45, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FAF47F", endColorstr="#B7732D", GradientType=0);
	color: #000;
}
.foot-main-menu li {
	padding: 7px 0;
}
.social-media-tit {
	padding-top: 4px;
}
.foot-main-menu li a {
	text-decoration: none;
	color: #7e8aa0;
	font-size: 16px;
	font-weight: 500;
}
.foot-main-menu li a:hover {
	color: #032330;
}
.s-border {
	width: 40px;
	height: 42px;
	text-align: center;
	padding: 2px 0px;
	border-radius: 7px;
	background: #fff;
	margin: 0 auto;
}
.social-list {
	text-align: end;
}
.social-list li {
	display: inline-block;
	padding: 0px 2px;
}
.foot-menus {
	margin-top: 8px;
}
.company-menu li {
	display: inline-block;
	padding: 0 30px;
	position: relative;
}
.company-menu li a {
	text-decoration: none;
	font-size: 18px;
	color: #fff;
}
.company-menu li a:hover {
	color: #f6ec7a;
}
.last-foot-list {
	padding: 25px 0px;
}
.footer-top {
	margin-top: 26px;
	background: #e1f4fd;
	z-index: 1;
}
.banner-copy-rights a {
	color: rgba(0, 0, 0);
}
.banner-copy-rights a:hover {
	color: #f1e274;
}
.foot-head p {
	margin: 25px 0px;
}
.banner-copy-rights {
	margin-top: 6px;
}
.foot-menu-title h6 {
	font-size: 20px;
	font-weight: 600;
}
 .plus::after {
 position: absolute;
 content: "+";
 font-size: 30px;
 color: #e72c2d;
 top: -11px;
 left: 98px;
 font-weight: normal;
 display: none;
}
.plus {
	position: relative;
}
.footer-content {
	background: url("../images/footer-bg.png") no-repeat scroll center;
	width: 360px;
	height: 332px;
	border-radius: 20px;
	padding: 28px 25px;
}
.social-content small {
	font-size: 12px;
}
.social-content h6 {
	font-size: 16px;
}
.banner-copy-rights h6 {
	opacity: 0.9;
	color: #7d8c9f;
	font-size: 16px;
}
.banner-copy-rights a:hover {
	color: #01449d;
}

/**********************************footer end **********************************/





/********************************** innerpage start **********************************/
.innerpage-bg {
	background: #02367b;
}
.inner-title {
	padding: 0px 0px 40px 0px;
}


input::placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
}

.lang-btn .btn-primary {
	font-size: 14px;
}
.form-inner-bg {
	border-radius: 24px;
	padding: 33px 25px;
	background: #e3fafb;
}

.inner-bg {
	background-image: url("../images/admin/banner-bg.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	transition: background-image 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.form-ico {
	position: absolute;
	content: "";
	right: 14px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	/* font-size: 23px; */
	color: #ffffff;
	width: 39px;
	height: 39px;
	border-radius: 50%;
	text-align: center;
	padding: 8px 0px;
	/* background: #FF8788; */
	/* background: -webkit-linear-gradient(180deg, rgba(255, 135, 136, 1) 0%, rgba(231, 44, 45, 1) 100%); */
	/* background: -moz-linear-gradient(180deg, rgba(255, 135, 136, 1) 0%, rgba(231, 44, 45, 1) 100%); */
	/* background: linear-gradient(180deg, rgba(255, 135, 136, 1) 0%, rgba(231, 44, 45, 1) 100%); */
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF8788", endColorstr="#E72C2D", GradientType=0); */
	/* background: #1C80F0; */
	/* background: -webkit-linear-gradient(180deg, rgba(28, 128, 240, 1) 0%, rgba(11, 64, 124, 1) 100%); */
	/* background: -moz-linear-gradient(180deg, rgba(28, 128, 240, 1) 0%, rgba(11, 64, 124, 1) 100%); */
	background: linear-gradient(180deg, rgba(28, 128, 240, 1) 0%, rgba(11, 64, 124, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1C80F0", endColorstr="#0B407C", GradientType=0);
	transition: color 0.3s ease;
}

.form-control {
	margin-bottom: 20px;
}
.form-block {
	position: relative;
}
.form-select {
	margin-bottom: 20px;
}
.input-group-text2 {
	display: flex;
	align-items: center;
	font-weight: 400;
	color: #fff !important;
	white-space: nowrap;
	position: absolute;
	content: "";
	left: 10px;
	top: 9px;
	margin: auto;
	font-size: 23px;
	width: 39px;
	height: 39px;
	border-radius: 50% !important;
	text-align: center;
	padding: 8px 0px;
	background: var(--dark-gradient-bg);
	transition: color 0.3s ease;
	justify-content: center;
}
.suplink a:hover {
	color: #ffd200 !important;
}

.form-control::placeholder {
	color: var(--black-color) !important;
	opacity: 0.5;
}

.form-select option {
	background: #c0e9ff;
}

.form-control option {
	background: #c0e9ff;
}

.login__box {
	background: #0e3393;
	max-width: 450px;
	padding: 40px 50px;
	border-radius: 10px;
	margin: 0 auto;
}

textarea::placeholder {
	color: #fff !important;
}

.form-pages {
	margin-top: 30px;
}

.suplink {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.form-control:focus-visible {
	outline: none;
}

.form-icos {
	position: absolute;
	content: "";
	right: 14px;
	top: 15px;
	margin: auto;
	font-size: 23px;
	color: #ffffff;
	width: 39px;
	height: 39px;
	border-radius: 50%;
	text-align: center;
	padding: 8px 0px;
	background: #FF8788;
	background: -webkit-linear-gradient(180deg, rgba(255, 135, 136, 1) 0%, rgba(231, 44, 45, 1) 100%);
	background: -moz-linear-gradient(180deg, rgba(255, 135, 136, 1) 0%, rgba(231, 44, 45, 1) 100%);
	background: linear-gradient(180deg, rgba(255, 135, 136, 1) 0%, rgba(231, 44, 45, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF8788", endColorstr="#E72C2D", GradientType=0);
	background: #1C80F0;
	background: -webkit-linear-gradient(180deg, rgba(28, 128, 240, 1) 0%, rgba(11, 64, 124, 1) 100%);
	background: -moz-linear-gradient(180deg, rgba(28, 128, 240, 1) 0%, rgba(11, 64, 124, 1) 100%);
	background: linear-gradient(180deg, rgba(28, 128, 240, 1) 0%, rgba(11, 64, 124, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1C80F0", endColorstr="#0B407C", GradientType=0);
	transition: color 0.3s ease;
}

textarea::placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
}


.inner-header .head-nav-btn {
	float: right;
}

.form-inner-bg h5 {
	font-size: 17px;
}

.inner-footer {
	background: rgba(60, 15, 3, 0.3);
	border-top: 2px solid rgba(185, 116, 16, 0.5);
	border-bottom: 2px solid rgba(185, 116, 16, 0.5);
}

.select-arrow {
	background: url(../images/form-select.png) center left 6px no-repeat;
	border: 2px solid #ced4da;
	color: var(--black-color) !important;
}



.inner-pages-bg .form-select {
	color: rgba(255, 255, 255, 0.5) !important;
}

.innerpage-title h2 {
	font-size: 50px;
}

.inner-bg {
	background-image: url("../images/admin/banner-bg.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	transition: background-image 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.inner-cpy small {
	font-size: 16px;
	text-transform: capitalize;
	opacity: 0.5;
}
.inner-cpy small:hover {
	
	opacity: 1;
}
/* accordion */


.faq-section .accordions__item {
	background-color: #fff;
	overflow: hidden;
	transition: 0.5s cubic-bezier(0.65, 0.2, 0.65, 1);
	border: 2px solid #efefef;
	margin-bottom: 20px;
}



.faq-section .accordions__control {
	display: flex;
	align-items: center;
	padding: 2px 8px 2px 21px;
	width: 100%;
	position: relative;
	border-bottom: 2px solid transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	background: transparent;
}

.faq-section .accordions__control:focus {
	/* background: #1C80F0; */
	background: var(--dark-gradient-bg);
	color: #fff;
}

.faq-section .accordions__control:focus .accordions__icon {
	background-color: #f67280;
	background: #66cdfe;
}

.faq-section .accordions__control:focus .accordions__icon::before {
	background-color: #fff;

}

.faq-section .accordions__control:focus .accordions__icon::after {
	background-color: #fff;

}

.faq-section .accordions__control:focus-visible {
	border-bottom: 2px solid transparent;
}


.faq-section .accordions__number {
	font-size: 40px;
	padding-right: 1.5625rem;
	font-weight: 500;

	@media (max-width: 767.98px) {
		font-size: 40px;
		padding-right: 0.625rem;
	}

	@media (max-width: 479.98px) {
		font-size: 20px;
	}
}

.faq-section .accordions__title {
	font-size: 18px;
	text-transform: capitalize;
	flex: 1 1 auto;
	display: flex;
	line-height: 120%;
	padding-right: 1.25rem;
	justify-content: flex-start;
	text-align: left;
}

.faq-section .accordions__icon {
	flex: 0 0 53px;
	display: flex;
	width: 65px;
	height: 56px;
	background-color: #f67280;
	position: relative;
	transition: 0.5s cubic-bezier(0.65, 0.2, 0.65, 1);
	background: #f6f6f6;

	@media (max-width: 479.98px) {
		flex: 0 0 32px;
		display: flex;
		width: 32px;
		height: 32px;
	}



}

.faq-section .accordions__icon::before {
	content: "";
	width: 18px;
	height: 3px;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	@media (max-width: 479.98px) {
		width: 15px;
		height: 2px;
	}
}

.faq-section .accordions__icon::after {
	content: "";
	width: 18px;
	height: 3px;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(90deg);


	@media (max-width: 479.98px) {
		width: 15px;
		height: 2px;
	}
}

.faq-section .accordions__content {
	padding: 0 60px 0 60px;
	max-height: 0;
	overflow: hidden;
	will-change: max-height;
	transition: 0.5s cubic-bezier(0.65, 0.2, 0.65, 1);
	box-sizing: content-box;
	position: relative;
	z-index: 5;

	@media (max-width: 767.98px) {
		padding: 0 30px 0 30px;
	}

	@media (max-width: 479.98px) {
		padding: 0 20px 0 20px;
	}
}

.faq-section .open .accordions__content {
	padding: 17px 16px;

	@media (max-width: 767.98px) {
		padding: 20px 30px;
	}

	@media (max-width: 479.98px) {
		padding: 0px 20px 20px 20px;
	}
}

.accordions__content.text p {
	color: #121212 !important;
}
.checkbox label a {
	color: #0e55b4;
}
.checkbox label a:hover {
	color: #00adff;
}
/********************************** innerpage end  **********************************/



/********************************** about innerpage st  **********************************/
.title-about h1 {
	font-size: 65px;
}
.abt-sec {
	padding: 50px 0px;
}
.inner-banner-img.banner-left {
	margin-left: -144px;
}
.inner-banner-img.banner-right {
	margin-right: -70px;
}
.banner-right {
	top: 29px;
}
.banner-left {
	top: 29px;
}
.inner-banner-images {
	margin-top: -55px;
}
#inner-abt-Video {
	position: absolute;
	right: 0;
	width: 100%;
	top: 49px;
	opacity: 0.3;
	left: 0px;
}
.abt-top {
	margin-top: 80px;
}
/**********************************working start **********************************/

.working-sec {
	padding: 20px 0px;
}
.working-box p {
	font-size: 15px;
	padding: 0px 20px;
}
.working-icon {
	display: inline-block;
	border-radius: 50%;
	width: 108px;
	height: 108px;
	margin: 0 auto 18px auto;
	text-align: center;
	padding: 17px 0px;
	background: #193552;
	background: -webkit-linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
	background: -moz-linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
	background: linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#193552", endColorstr="#01203D", GradientType=0);
}
.work-number {
	display: inline-block;
	border-radius: 50%;
	padding: 8px 0px;
	text-align: center;
	margin: 0 auto;
	width: 43px;
	height: 43px;
	background: #e72c2d;
}
.working-box .working-num-bg {
	width: 66px;
	height: 66px;
	border-radius: 50%;
	text-align: center;
	width: 66px;
	height: 66px;
	position: absolute;
	left: 23px;
	top: -9px;
	padding: 10px 0px;
}
.number-arr {
	position: absolute;
	left: 54px;
	top: 56px;
}
.working-box h4 {
	font-size: 29px;
	font-weight: 700;
	font-family: 'Satoshi';
}
.working-top {
	margin-top: 140px;
}
.working-sec-list {
	margin-top: 75px;
}
.working-box-one .working-num-bg {
	background: rgba(52, 40, 130, 0.2);
}
.working-box-two .working-num-bg {
	background: rgba(203, 42, 30, 0.2);
}
.working-box-three .working-num-bg {
	background: rgba(17, 100, 77, 0.2);
}
.offer-btn {
	/* margin-top: -70px; */
	position: relative;
	top: -70px;
}
.offer-btn .started-icon iconify-icon {
	color: #000000;
	font-size: 30px;
}
.offer-btn .started-icon {
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	left: -1px;
	padding: 10px 0px;
}
.offer-btn .btn-secondary {
	background: #e72c2d;
	color: #fff;
	font-size: 21px;
}
/**********************************working end **********************************/



.ben-icon iconify-icon {
	color: #e72c2d;
	font-size: 50px;
}
.ben-sec-list {
	padding: 10px 20px;
	border-radius: 20px;
	margin: 40px 0px;
}
.ben-sec p {
	font-size: 15px;
}
.ben-sec h4 {
	font-size: 23px;
}
.ben-sec:hover {
	background: #193552;
	background: -webkit-linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
	background: -moz-linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
	background: linear-gradient(180deg, rgba(25, 53, 82, 1) 0%, rgba(1, 32, 61, 1) 100%);
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#193552", endColorstr="#01203D", GradientType=0);
	border-radius: 20px;
}
.ben-sec {
	border-radius: 20px;
	padding: 21px 16px;
}
.ben-sec:hover h4 {
	color: #fff !important;
}
.ben-sec:hover p {
	color: #fff !important;
}
.ben-sec:hover .ben-icon iconify-icon {
	color: #fff;
}
/********************************** about innerpage end  **********************************/
/************************ 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;
}
 @keyframes blink-caret {
 from, to {
 border-color: transparent
}
}

/************************ animation **********************************/

@keyframes ripple {
 0% {
 transform: scale(1);
 opacity: 0.6;
}
 100% {
 transform: scale(1.8);
 opacity: 1;
}
}
.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;
}
 @keyframes blink-caret {
 from, to {
 border-color: transparent
}
}
 @keyframes animate {
 0% {
 transform: translateY(0);
}
 50% {
 transform: translateY(-30px);
}
 100% {
 transform: translateY(0);
}
}
 @keyframes colorChange {
 0% {
 filter: hue-rotate(0deg);
}
 25% {
 filter: hue-rotate(60deg);
}
 50% {
 filter: hue-rotate(120deg);
}
 75% {
 filter: hue-rotate(180deg);
}
 85% {
 filter: hue-rotate(0deg);
}
 100% {
 filter: hue-rotate(0deg);
}
}

/********************************** Responsive **********************************/

 @media only screen and (max-width: 1345px) {
}
 @media only screen and (max-width: 1199px) {
 .about-content::after {
 display: none;
}
 .abt-title h2 {
 font-size: 37px;
}
 .abt-list-con p {
 font-size: 13px;
}
 .innerpage-title h2 {
 font-size: 40px;
}
 .banner-logo::before {
 width: 217px;
}
.nav-button {
 margin-right: 0px;
}
.head-nav-link li {
 margin: 0 15px;
}
#navbarNav {
 justify-content: end !important;
}
.banner-content h1 {
 font-size: 89px;
}
.banner-img {
 margin-left: -109px;
}
.banner-img img {
 width: 97%;
}
.banner-p {
 margin-left: -115px;
}
.banner-statics li {
 font-size: 16px;
}
.about-content {
 margin-left: 0px;
}
.h5, h5 {
 font-size: 18px;
}
 .location-ico img {
 width: 74%;
}
.abt-btn {
 margin-right: 6px;
}
.abt-btn .btn-primary {
 padding: 7px 5px;
}
.benefit-box::before {
 bottom: 37px;
 left: 0px;
}
.benefit-box h6 {
 font-size: 21px;
}
.plan-card {
 width: 100%;
 height: auto;
}
.features li {
 padding: 5px 30px;
}
.price-wrap h4 {
 font-size: 32px;
}
.price-wrap .period {
 font-size: 14px;
}
.small, small {
 font-size: 16px;
 text-transform: uppercase;
}
.about-img-title h4 {
 right: -35%;
}
}
 @media only screen and (max-width: 991px) {
 .header-bg {
 background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
 .t1 {
 font-size: 30px;
}
.t2 {
 font-size: 24px;
}
.t3 {
 font-size: 18px;
}
.t4 {
 font-size: 15px;
}
.feature-content h4 {
 font-size: 20px;
 font-weight: 400 !important;
}
p {
 font-size: 14px;
 line-height: 23px;
}
.shape {
 right: -4px;
 top: 206px;
}
#abt-video {
 right: 0;
}
.inner-main-content {
 padding: 44px 0px;
}
 .abt-title {
 text-align: center;
}
.abt-title h2 {
 font-size: 38px;
}
.abt-list {
 justify-content: center;
}
.abt-btn .btn-primary {
 padding: 7px 29px;
}
.benefit-box {
 margin: 0px 20px;
}
.about-img img {
 width: 80%;
}
.about-img-title h4 {
 right: -6%;
}
.contact-btn {
 justify-content: center;
}
.about-content::after {
 display: none;
}
.eco-wealth-section::after {
 display: none;
}
.title-aft::after {
 display: none;
}
.container-fluid .row {
 --bs-gutter-x: 0;
}
.about-img {
 text-align: center;
}
.contat-banner-img {
	/* margin-left: 6px; */
	float: none;
}
	/* default nav-responsive */

	.navbar-head h4 {
 display: none;
}
 .navbar-head {
 background: #936204;
 width: 100%;
 padding: 5px 10px;
 border-radius: 10px;
 margin: 20px 0px;
 background: #600b3d;
}
 .navbar-head h4 {
 display: inline-block;
 top: 4px;
 position: relative;
 color: #fff;
 font-size: 20px;
}
 .navbar-head button {
 float: right;
 background: #fff;
 padding: 2px 7px;
}
 .head-nav-link li {
 display: block;
 padding: 5px 0px;
 text-align: center;
 margin: 0px 0px;
}
 .banner-logo {
 text-align: center;
}
 .header-nav {
 left: 0px;
 top: 0px;
 background: #fdfeff;
 -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.1);
 box-shadow: 0px 7px 18px 3px rgba(0, 0, 0, 0.1);
 border-radius: 12px;
 margin-bottom: 20px !important;
 margin-top: 0px;
}
 .nav-button {
 text-align: center;
 margin-bottom: 25px;
 justify-content: center !important;
}
 .head-nav-link li:hover {
 background: #9c6eed;
 border-radius: 10px;
}
 .head-nav-link li:hover a {
 color: #fff;
}
 .trans-histroy-info br {
 display: block;
}
.about-fea-list h2 {
 font-size: 40px;
}
	/* default nav-responsive end*/
	.inner-banner-images {
 display: none;
}
 .inner-abt-title h1 {
 font-size: 67px;
}
 #inner-abt-Video {
 height: 71vh;
 top: 0px;
}
 .offer-btn {
 display: none;
}
 .working-top {
 margin-top: 0px;
}
 .working-box {
 margin-bottom: 35px;
}
 .banner-tongle {
 display: block;
}
 .header-added {
 padding: 7px 53px 7px 70px;
 display: none;
}
 .banner-logo::before {
 display: none;
}
 .banner-logo .logo-lite {
 display: none;
}
 .banner-logo .logo-dark {
 display: inline-block;
}
 .banner-img img {
 width: initial;
}
 .banner-right {
 display: none;
}
 .innerpage-title {
 text-align: center;
}
 .inner-component::after {
 display: none;
}
 .inner-content {
 display: none;
}
 .inner-img {
 display: none;
}
 .back-redirect {
 position: absolute;
 left: 0px;
 bottom: 0px;
 top: 0px;
 margin: auto;
}
 .inner-logo {
 display: block;
}
 .banner-main {
 text-align: center;
}
 .banner-p {
 margin-left: 0px;
}
 .banner-img {
 display: none;
}
 .banner-content {
 padding: 40px 0px;
}
 #myVideo {
 height: 722px;
 top: 0px;
		/* transform: translate(-50%, -50%); */
		object-fit: cover;
 width: 100%;
 height: 78dvh;
 overflow: hidden;
}
 br {
 display: none;
}
 .about-content {
 margin-top: 40px;
 text-align: center;
 margin-left: 0px;
}
 .video-bg1 {
 right: 103px;
 bottom: 142px;
}
 .transport-way-item::after {
 display: none;
}
 .how-it-work-item-wrapper {
 padding-block-end: 0px;
 border-bottom: none;
}
 .validator-list-two {
 border-top: none;
}
 .validator-list .validator-list__item:not(:last-child)::after {
 display: none;
}
 .validator-list .validator-list__item {
 margin: 8px 32px;
}
 .plan-added-values {
 margin: 20px 0px;
}
 .test-p {
 padding: 16px 17px;
}
 .social-ico {
 margin-right: 10px;
}
 .data-sec-list {
 display: block;
}
 .data-sec-list li {
 margin: 19px 0px;
}
 .data-sec-list {
 padding: 10px 0px;
}
 .data-sec-list li:not(:last-child)::after {
 display: none;
}
 .footer-content {
 margin: 0 auto;
}
 .main-growth-section {
 text-align: center;
}
 .growth-main {
 margin-top: 30px;
}
 .foot-menus {
 margin-top: 32px;
}
 .contact-banner-content {
 padding: 42px 39px;
}
 .contat-banner-img img {
 border-radius: 59px;
 width: auto;
}
 .client-data span {
 font-size: 14px !important;
}
 .client-detail {
 padding: 51px 12px 10px 13px;
}
 .testimonial-img {
 margin-top: -154px;
 top: -57px;
}
 .desktop-nav {
 display: none;
}
 .navbar-toggler-icon {
 position: absolute;
 left: 10px;
 top: 23px;
}
 .nav-line::after {
 display: none;
}
 .contat-banner-img {
 margin-left: 0px;
}
 .title h1 .title-2 {
 margin-left: 0px;
}
.side-nav li {
 text-align: start;
 padding: 7px 0px;
}
}
 @media only screen and (max-width:767px) {
 .process-img img {
 width: 100%;
}
 .how-box {
 width: 79%;
 margin: 0 auto;
}
 .owl-item.center .testimonial-item::before, .owl-item.center .testimonial-item::after {
 display: none;
}
 .testimonial-carousel::after {
 display: none;
}
 .testimonial-carousel::before {
 display: none;
}
 .client-detail {
 padding: 51px 25px 10px 25px;
}
 .mapping-sec {
 display: none;
}
 .plus::after {
 display: none;
}
 .video-icon {
 width: 38px;
 height: 38px;
 padding: 8px 0px;
}
 .video-bg2 {
 width: 65px;
 height: 65px;
}
 .video-bg1::after {
 width: 50px;
 height: 50px;
}
 .video-bg1 {
 right: 64px;
 bottom: 78px;
}
.eco-wealth-section::before {
 display: none;
}
}
 @media only screen and (max-width: 575px) {
 .inner-animation {
 display: none;
}
 .animated-plane {
 display: none;
}
 .banner-content h1 {
 font-size: 63px;
}
 .banner-circle {
 margin-top: 16px;
 margin-right: 0px;
}
 .banner-circle img {
 width: 71%;
}
 .wobble-flight {
 display: none;
}
 .process-img img {
 width: 100%;
}
 .data-content h2 {
 font-size: 40px;
}
 .data-content h2 span {
 font-size: 24px;
}
 .contact-banner-content {
 padding: 42px 9px;
}
 .how-box {
 width: 100%;
}
 .inner-abt-title h1 {
 font-size: 52px;
}
 .inner-abt-title h3 {
 font-size: 16px;
}
 .about-img-title h4 {
 right: -76px;
}
 .icon-border {
 border-right: none;
}
 .video-bg1 {
 right: 75px;
 bottom: 118px;
}
 .experiance {
 top: 13px;
 left: 39px;
}
 .shape {
 right: -17px;
 top: 151px;
}
 .benefit-box::before {
display: none;
}
.plan-card {
 width: 100%;
 height: auto;
}
.t1 {
 font-size: 30px;
 text-align: center;
}
.t2 {
 font-size: 24px;
 text-align: center;
}
.t3 {
 font-size: 18px;
 text-align: center;
}
.one-slide {
 padding: 60px 0px;
}
.left-img img {
 width: 60%;
}
.one-slide {
 width: 100%;
 display: inline-block;
 height: auto;
 padding: 10px 0px;
}
.left-img {
 text-align: center;
}
.left-img img {
 margin-bottom: 30px;
}
.slider-dots {
 position: relative;
 bottom: 5px;
 width: 100%;
 text-align: center;
}
.abt-title h2 {
 font-size: 26px;
}
.socila-links {
 margin: 10px 0px;
}
.about-fea-list h4 {
 font-size: 20px;
}
.benefit-box {
 margin: 0px 20px;
 background: #daebf2;
 padding: 30px 34px;
 border-radius: 27px;
}
.benefit-redirect {
 background: radial-gradient(circle, rgba(0, 110, 255, 1) 0%, rgba(16, 81, 167, 1) 100%);
 width: 43%;
 height: auto !important;
 margin: 17px auto 0px auto;
 padding: 15px 0px;
 border-radius: 10px;
}
.about-fea-list:not(:last-child)::after {
 position: absolute;
 content: "";
 border-bottom: 1px solid rgba(32, 50, 71, 0.5);
 width: 100%;
 height: auto;
 bottom: -27%;
 left: 0;
 right: 0px;
 margin: auto;
}
.company-con {
 display: block;
}
.company-add {
 text-align: start;
}

.price-wrap h4 {
 font-size: 51px;
}
.price-wrap .period {
 font-size: 19px;
}
.pricing-section {
 padding: 30px 0;
}
}
 @media only screen and (max-width: 424px) {
 .about-fea-list {
 display: block;
 margin-bottom: 30px;
 margin-top: 30px;
}
 .about-fea-list:not(:last-child)::after {
 bottom: -7%;
}
 .fea-title {
 padding: 20px 0px;
}
 .innerpage-title h2 {
 font-size: 35px;
}
 .abt-title h2 {
 font-size: 30px;
}
 .process-sec li::after {
 width: 100%;
}
 .socila-links {
 margin-top: 15px;
}
 .ep-about-section .about-img .shape {
 right: 0px;
}
 .process-tab-content {
 width: 100%;
 bottom: -20px;
 left: -60px;
 padding: 10px 10px;
}
 .process-main {
 padding: 28px 8px;
}
 .inv-pro-title h5 {
 font-size: 20px;
}
 .contact-btn {
 display: inline-block !important;
 text-align: center;
 margin-top: 24px !important;
}
 .contact-btn .btn.btn-secondary {
 margin-bottom: 20px;
}
 #abt-video {
 right: 0;
}
 .plan-value h2 span:last-child {
 font-size: 16px;
}
 .plan-value h2 span:first-child {
 font-size: 16px;
}
 .title h2 {
 font-size: 32px;
}
 #myVideo {
 height: 82dvh;
}
 .validator-list .validator-list__item {
 margin: 9px 13px;
}
 .half-moon {
 display: none;
}
 .logistics-data {
 display: block !important;
}
 .process-tab-content p {
 font-size: 14px;
 margin-bottom: 0px;
}
 .inv-pro-title p {
 font-size: 14px;
}
.about-img-title h4 {
 right: -89px;
}
.abt-list {
 justify-content: start;
}
.about-content {
 text-align: start;
}
.video-bg1 {
 right: 51px;
 bottom: 98px;
}
}
 @media only screen and (max-width: 390px) {
 .innerpage-title h2 {
 font-size: 31px;
}
 .footer-content {
 width: 100%;
 margin: 0 auto;
 padding: 24px 10px;
}
 .plan-bg {
 padding: 40px 12px;
}
 .client-detail {
 padding: 20px 39px;
}
 .testimonial-img {
 margin-top: -112px;
 top: -111px;
}
 .client-detail {
 display: block;
 text-align: center;
}
 .testimonial-img img {
 width: 33%;
}
 .testimonal-item .owl-carousel .owl-item img {
 display: inline-block;
}
}


.msg {
	color: #ffffff;
	font-size: 13px;
	margin: 10px 0;
	text-align: center;
	width: auto;
}

.error {
	background: #f0cbc5;
	background-size: 400% 400%;
	-webkit-animation: AnimationName 5s ease infinite;
	-moz-animation: AnimationName 5s ease infinite;
	animation: AnimationName 5s ease infinite;
	border-radius: 0;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	color: #6d2727;
	font-size: 13px;
	padding: 9px 10px;
	width: auto;
	opacity: 1;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #ce9695;
	font-weight: 600;
}
.msg .error i {
	background-color: #dbaea8;
	color: #732a24;
}
.msg i {
	margin-right: 10px;
	padding: 1px 5px;
	font-size: 27px;
	font-weight: 500;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}