:root {
	--color-black: #232323;

	--color-light-rgb: 193, 125, 255;
	--color-light: #c17dff;

	--color-mid-rgb: 94, 67, 172;
	--color-mid: #5e43ac;

	--color-dark-rgb: 60, 43, 141;
	--color-dark: #3c2b8d;
}

.blue-purple-gredient {
	background: linear-gradient(
		135deg,
		rgba(var(--color-light-rgb), 1) 0%,
		rgba(var(--color-mid-rgb), 1) 70%,
		rgba(var(--color-dark-rgb), 1) 100%
	) !important;
}

.section-white h1,
.section-grey h1,
.two-colom-section h1 {
	color: var(--color-dark);
}

.site-social-icons a:hover {
	background: linear-gradient(
		135deg,
		rgba(var(--color-light-rgb), 1) 0%,
		rgba(var(--color-dark-rgb), 1) 100%
	) !important;
}

.section-white .swiper-button-prev:hover,
.section-white .swiper-button-next:hover {
	background: linear-gradient(
		135deg,
		rgba(var(--color-light-rgb), 1) 0%,
		rgba(var(--color-dark-rgb), 1) 100%
	) !important;
	transition: 0.2s ease-in-out;
}

.section-white .swiper-button-prev,
.section-white .swiper-button-next {
	transition: 0.2s ease-in-out;
}

.section-grey {
	background: #eeeeee;
}

/* Header =========================================== */

.logo-dark {
	display: none !important;
}

.is-sticky .logo-dark {
	display: block !important;
}

.is-sticky .logo-light {
	display: none;
}

.sticky-header {
	transition: all 0.4s ease !important;
}

.site-holder .sticky-wrapper.is-sticky > .sticky-header {
	background: white;
}

.is-sticky .site-nav ul.nav-off-canvas > li > a {
	color: var(--color-black);
}

.is-sticky .site-nav ul.nav-off-canvas > li > a:after {
	background: var(--color-black);
}

a {
	transition: 0.2s ease-in-out !important;
}

.site-logo img {
	max-width: 175px;
}

.site-logo {
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: start;
}

@media (max-width: 990px) {
	.is-sticky .site-nav ul.nav-off-canvas > li > a {
		color: white;
		font-size: 1.2rem;
	}

	.fa.fa-close {
		color: white;
	}
}

/* ==================================================== */

/* Hero  ============================================ */

.header-slider .slide-caption {
	left: 8%;
}

.header-slider .seq-pagination {
	padding: 0 0 0 110px;
}

.header-slider h1 {
	font-size: 50px;
	line-height: 60px;
	max-width: 700px;
}

@media (max-width: 1000px) {
	.header-slider h1 {
		margin-bottom: 1rem;
		text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
	}

	.header-slider p {
		text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
	}

	.header-slider {
		position: relative;
	}

	.header-slider::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
	}

	.header-slider .slide-caption {
		left: 0;
	}
}

@media (max-width: 600px) {
	.header-slider h1 {
		font-size: 35px;
		line-height: 40px;
	}

	.header-slider p {
		padding: 0 3rem;
	}
}

.header-slider .slide-caption {
	top: 30%;
}

.header-slider .slide-button {
	padding: 12px 0;
}

.header-slider .seq-prev:hover,
.header-slider .seq-next:hover {
	background-color: var(--color-black);
}

.header-slider .seq-prev:hover i.fa,
.header-slider .seq-prev:hover span,
.header-slider .seq-next:hover i.fa,
.header-slider .seq-next:hover span {
	color: white;
}

.main-heading-text p {
	color: white;
	opacity: 0.8;
}

.header-slider .seq-pagination .seq-current {
	color: white;
	opacity: 0.6;
}

.header-slider .seq-pagination .seq-current:after {
	background: white;
	opacity: 0.6;
}

.header-slider .seq-canvas > li .bg-img {
	background: no-repeat 90% 70%;
}

.slide-button-active {
	background: white;
	color: var(--color-dark) !important;
}

.slide-button-active:hover {
	background: var(--color-black) !important;
	color: white !important;
}

/* ================================================= */

/* About Us =========================================== */

.about-half-colom-section-image {
	width: 645px;
	bottom: 100px;
	right: -130px;
}

.site-download-icons.about-icon {
	float: none;
	height: 100%;
}

.about-half-colom-section-image {
	top: 100px;
	right: -130px;
}

@media (max-width: 1400px) {
	.about-half-colom-section-image {
		top: 100px;
		right: -60px;
	}
}

@media (max-width: 1200px) {
	.about-half-colom-section-image {
		width: 100%;
		bottom: 0;
		top: unset !important;
		right: unset !important;
		transform: translateX(-25%);
	}

	.about-half-colom-section-image img {
		width: 100%;
	}
}

.section-white h1,
.section-blue h1,
.section-grey h1,
.two-colom-section h1 {
	font-weight: 500;
}

.site-download-icons.about-icon a {
	border: none;
	background-color: var(--color-light);
}

.site-download-icons.about-icon a * {
	color: white;
}

.site-download-icons i.fa,
.site-download-icons span,
.site-download-icons img {
	top: 0;
	left: 0;
}

.android-btn figure {
	padding-left: 1.5rem !important;
}

.ios-btn figure {
	padding-left: 2rem !important;
}

.ios-btn {
	background: linear-gradient(
		135deg,
		rgba(var(--color-light-rgb), 1) 0%,
		rgba(var(--color-mid-rgb), 1) 70%,
		rgba(var(--color-dark-rgb), 1) 100%
	) !important;
}

.windows-btn {
	background: linear-gradient(
		-135deg,
		rgba(var(--color-light-rgb), 1) 0%,
		rgba(var(--color-mid-rgb), 1) 70%,
		rgba(var(--color-dark-rgb), 1) 100%
	) !important;
}

.android-btn {
	background: var(--color-dark) !important;
}

.windows-btn figure {
	padding-left: 1.6rem !important;
}

.windows-btn figure i {
	font-size: 35px !important;
	margin-bottom: 8px;
}

.site-download-icons.about-icon figure {
	line-height: 100% !important;
	display: flex;
	align-items: center;
}

#about .site-download-icons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: unset;
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 677px) {
	#about .site-download-icons a {
		width: 100% !important;
		margin-left: 0;
		max-width: unset;
	}
}

/* ====================================================== */

/* More Features ======================================== */

.site-more-features .feature:hover figure {
	border-color: var(--color-black);
}

.site-more-features .feature:hover span,
.site-more-features .feature:hover i.fa,
.site-more-features .feature:hover figure:before {
	background: var(--color-black);
}

.site-amazing-features h5 {
	font-size: 1.45rem;
	line-height: 1.8rem;
}

.site-amazing-features .features {
	margin-bottom: 100px;
}

.featured-img img {
	margin-bottom: 2rem;
}

/* ====================================================== */

/* How It Works ========================================= */

.site-how-it-works .section i.fa,
.site-how-it-works .section span,
.site-how-it-works .swiper-pagination-bullet-active span:after {
	background: linear-gradient(
		135deg,
		rgba(var(--color-light-rgb), 1) 0%,
		rgba(var(--color-dark-rgb), 1) 100%
	) !important;
}

.site-how-it-works .swiper-pagination-bullet-active {
	background: var(--color-light);
}

.site-download-icons i.fa {
	line-height: 100%;
}

.android-btn i {
	font-size: 40px;
	margin-bottom: 10px;
}

/* .site-download-icons {
  margin: 0.7rem;
} */

.app-download-icons:hover {
	background: var(--color-dark) !important;
}

.device {
	height: 500px;
}

.device img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
}

.site-how-it-works h3 {
	color: var(--color-mid);
	font-weight: 500;
}

.site-how-it-works .swiper-button-prev,
.site-how-it-works .swiper-button-next {
	width: 40px;
	height: 40px;
	transform: rotate(-90deg);
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	background: linear-gradient(
		135deg,
		rgba(var(--color-light-rgb), 1) 0%,
		rgba(var(--color-dark-rgb), 1) 100%
	) !important;
}

#how-it-works-paging {
	margin-bottom: 3rem;
	margin-top: 0;
	justify-content: center;
	gap: 20px;
	padding: 1rem 0;
	transform: translateY(-10%);
}

.site-how-it-works .swiper-pagination-bullet {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	border: var(--color-dark) solid 2px;
	background: var(--color-dark);
	transition: all 0.3s ease;
	/* transition: ease-in-out 0.3s; */
}

.site-how-it-works .swiper-pagination-bullet-active {
	background: linear-gradient(
		135deg,
		rgba(var(--color-light-rgb), 1) 0%,
		rgba(var(--color-dark-rgb), 1) 100%
	) !important;
	border: var(--color-light) solid 2px;
	width: 35px !important;
	height: 35px !important;
	transform: scale(1.5);
	/* transition: ease-in-out 0.3s; */
}

.numbered {
	background: linear-gradient(
		135deg,
		rgba(var(--color-light-rgb), 1) 0%,
		rgba(var(--color-dark-rgb), 1) 100%
	) !important;
	color: white;
	font-size: 35px;
	padding: 10px;
	line-height: 100%;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	top: 0 !important;
}

.site-how-it-works .section {
	padding-left: 80px;
}

.site-how-it-works h4 {
	margin-bottom: 0;
}

.site-how-it-works .swiper-pagination-bullet img {
	width: 20px;
}

.site-how-it-works .swiper-button-prev i {
	line-height: 1.9rem !important;
	font-size: 2rem !important;
}

.site-how-it-works .swiper-button-next i {
	line-height: 2.5rem !important;
	font-size: 2rem !important;
}

.site-how-it-works .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: 30px;
	position: unset;
}

.site-download-icons.about-icon a {
	padding: 20px 50px 16px !important;
	margin-bottom: 15px;
	margin-right: 5px;
}

.app-download-icons {
	padding: 1.4rem 2.3rem 1.4rem 5rem !important;
	height: 100%;
}

#download .site-download-icons {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(4, 1fr);
	justify-content: center;
	align-items: center;
	gap: 20px;
}

#download .site-download-icons > * {
	flex: 1 1 0 !important;
}

@media (max-width: 1200px) {
	#download .site-download-icons {
		grid-template-columns: repeat(2, 1fr);
	}

	#download .site-download-icons > * {
		margin: 0 auto;
	}

	#download .site-download-icons a {
		width: 100%;
	}
}

@media (max-width: 600px) {
	#download .site-download-icons {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media screen and (max-width: 991px) {
	.site-download {
		padding-bottom: 100px;
	}
}
/* ====================================================== */

/* Footer ================================================ */

footer input[type="submit"],
footer button[type="submit"] {
	margin-left: -30px;
	max-width: 100px;
	margin-bottom: 0px;
	padding: 18px 0 14px;
	background: linear-gradient(
		135deg,
		rgba(var(--color-light-rgb), 1) 0%,
		rgba(var(--color-dark-rgb), 1) 100%
	) !important;
}

footer input[type="submit"]:hover,
footer button[type="submit"]:hover {
	background: white !important;
}

.site-copyright a {
	color: var(--color-light);
}

.site-copyright a:hover {
	color: white;
}

.site-footer {
	margin-top: 0;
	padding: 100px 0 30px;
	background-color: var(--color-black);
}

.panel-group .panel-title a {
	padding: 15px;
}

#scrollUp {
	transition: all 0.4s ease !important;
	background: linear-gradient(
		135deg,
		rgba(var(--color-light-rgb), 1) 0%,
		rgba(var(--color-dark-rgb), 1) 100%
	) !important;
}

#scrollUp:hover {
	background: white !important;
}

footer input {
	padding: 12px 20px;
	font-weight: 200;
	border-radius: 100px;
	width: 500px;
	margin-right: -30px;
}

/* ====================================================== */

.site-accordion .accordion-img img {
	padding-top: 30px;
}