@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
	font-family: "Inter", sans-serif !important;
	color: #25272b;
	font-size: 15px;
	overflow-x: hidden;
}

* {
	font-family: "Inter", sans-serif !important;
}

body.modal-open {
	padding-right: 0px !important
}

body.modal-open .navbar {
	padding-right: 0px !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Inter", sans-serif;
	font-weight: 500;
	line-height: 1.3
}

a {
	text-decoration: none;
	outline: none
}

html {
	scroll-padding-top: 59px;
	scroll-behavior: smooth
}

.row>* {
	position: relative
}

.text-primary {
	color: #3f8efc !important
}

.bg-primary {
	background-color: #3f8efc !important
}

.text-success {
	color: #06ba63 !important
}

.bg-success {
	background-color: #06ba63 !important
}

.text-info {
	color: #49c6e5 !important
}

.bg-info {
	background-color: #49c6e5 !important
}

.text-warning {
	color: #f4b942 !important
}

.bg-warning {
	background-color: #f4b942 !important
}

.text-danger {
	color: #ef4b4b !important
}

.bg-danger {
	background-color: #ef4b4b !important
}

.text-light {
	color: #f8f9fa !important
}

.bg-light {
	background-color: #f8f9fa !important
}

.text-dark {
	color: #25272b !important
}

.bg-dark {
	background-color: #25272b !important
}

.text-muted {
	color: #8492a6 !important;
	font-weight: 400;
}

.bg-muted {
	background-color: #9da9bb !important
}

.text-white {
	color: #fff !important
}

.bg-white {
	background-color: #fff !important
}

.section {
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative
}

.fs-13 {
	font-size: 13px
}

.fs-14 {
	font-size: 14px
}

.fs-16 {
	font-size: 16px
}

.fs-17 {
	font-size: 17px
}

.fs-18 {
	font-size: 18px
}

.fs-20 {
	font-size: 20px
}

.avatar-md {
	height: auto;
	width: 74px
}

.fw-medium {
	font-weight: 500
}

.fw-semibold {
	font-weight: 600
}

.box-shadow {
	box-shadow: rgba(0, 0, 0, .04) 0px 8px 24px
}

.bg-overlay {
	position: absolute;
	background-color: rgb(255 255 255 / 70%);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

#back-to-top {
	width: 30px;
	height: 30px;
	position: fixed;
	bottom: 20px;
	right: 30px;
	background: #343a40;
	border-color: rgba(0, 0, 0, 0);
	border-radius: 40px;
	color: #fff;
	transition: all .5s ease;
	display: none
}

#back-to-top:hover {
	border-radius: 5px;
	background-color: #3f8efc
}

.primary-link {
	color: #25272b;
	transition: all .5s ease
}

.primary-link:hover {
	color: #3f8efc
}

@media(min-width: 1200px) {
	.container {
		max-width: 1280px !important
	}

}

#style-switcher {
	transition: all .4s;
	background: none repeat scroll 0 0 #f8f9fa;
	box-shadow: 0px 4px 12px rgba(37, 39, 43, .07);
	left: -189px;
	position: fixed;
	top: 26%;
	width: 189px;
	z-index: 999;
	padding: 10px 5px
}

#style-switcher .settings {
	background: #343a40;
	color: #fff;
	font-size: 20px;
	position: absolute;
	right: -45px;
	top: 0;
	height: 45px;
	width: 45px;
	line-height: 45px;
	text-align: center
}

ul.pattern {
	overflow: hidden;
	border-radius: 0px
}

ul.pattern li {
	float: left;
	margin: 2px
}

ul.pattern li a {
	display: block;
	height: 35px;
	width: 35px;
	border-radius: 30px;
	margin: 5px
}

ul.pattern .color1 {
	background-color: #3f8efc
}

ul.pattern .color2 {
	background-color: #06ba63
}

ul.pattern .color3 {
	background-color: #f4b942
}

ul.pattern .color4 {
	background-color: #ff7a60
}

ul.pattern .color5 {
	background-color: #49c6e5
}

ul.pattern .color6 {
	background-color: #8850f8
}

@media only screen and (max-width: 479px) {
	#style-switcher {
		display: none
	}
}

.btn {
	padding: 12px 28px;
	font-size: 15px;
	font-weight: 500;
	transition: all .5s;
	border: 1px solid #25272b;
	overflow: hidden;
	position: relative
}

.btn:focus {
	box-shadow: none
}

.btn:after {
	background: rgba(255, 255, 255, .25);
	content: "";
	height: 155px;
	left: -75px;
	position: absolute;
	top: -50px;
	transform: rotate(35deg);
	transition: all .9s ease;
	width: 50px;
	z-index: 1
}

.btn:hover:after {
	left: 110%
}

.btn-primary {
	background: #3f8efc;
	border-color: #3f8efc !important
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary .open>.dropdown-toggle.btn-primary {
	background: #2b82fc;
	border-color: #2b82fc;
	box-shadow: 0px 8px 20px -6px rgba(63, 142, 252, .6);
	transform: translateY(-6px)
}

.btn-outline-primary {
	color: #3f8efc;
	border-color: #3f8efc
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary .open>.dropdown-toggle.btn-primary {
	background: #3f8efc;
	border-color: #3f8efc;
	box-shadow: 0px 8px 20px -6px rgba(63, 142, 252, .6);
	transform: translateY(-6px)
}

.btn-success {
	background: #06ba63;
	border-color: #06ba63 !important
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success .open>.dropdown-toggle.btn-primary {
	background: #05a658;
	border-color: #05a658;
	box-shadow: 0px 8px 20px -6px rgba(6, 186, 99, .6);
	transform: translateY(-6px)
}

.btn-outline-success {
	color: #06ba63;
	border-color: #06ba63
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.focus,
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success .open>.dropdown-toggle.btn-primary {
	background: #06ba63;
	border-color: #06ba63;
	box-shadow: 0px 8px 20px -6px rgba(6, 186, 99, .6);
	transform: translateY(-6px)
}

.btn-info {
	background: #49c6e5;
	border-color: #49c6e5 !important
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.focus,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info .open>.dropdown-toggle.btn-primary {
	background: #37c0e2;
	border-color: #37c0e2;
	box-shadow: 0px 8px 20px -6px rgba(73, 198, 229, .6);
	transform: translateY(-6px)
}

.btn-outline-info {
	color: #49c6e5;
	border-color: #49c6e5
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.focus,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info .open>.dropdown-toggle.btn-primary {
	background: #49c6e5;
	border-color: #49c6e5;
	box-shadow: 0px 8px 20px -6px rgba(73, 198, 229, .6);
	transform: translateY(-6px)
}

.btn-warning {
	background: #f4b942;
	border-color: #f4b942 !important
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.focus,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning .open>.dropdown-toggle.btn-primary {
	background: #f3b22f;
	border-color: #f3b22f;
	box-shadow: 0px 8px 20px -6px rgba(244, 185, 66, .6);
	transform: translateY(-6px)
}

.btn-outline-warning {
	color: #f4b942;
	border-color: #f4b942
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.focus,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning .open>.dropdown-toggle.btn-primary {
	background: #f4b942;
	border-color: #f4b942;
	box-shadow: 0px 8px 20px -6px rgba(244, 185, 66, .6);
	transform: translateY(-6px)
}

.btn-danger {
	background: #ef4b4b;
	border-color: #ef4b4b !important
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.focus,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger .open>.dropdown-toggle.btn-primary {
	background: #ed3838;
	border-color: #ed3838;
	box-shadow: 0px 8px 20px -6px rgba(239, 75, 75, .6);
	transform: translateY(-6px)
}

.btn-outline-danger {
	color: #ef4b4b;
	border-color: #ef4b4b
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.focus,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger .open>.dropdown-toggle.btn-primary {
	background: #ef4b4b;
	border-color: #ef4b4b;
	box-shadow: 0px 8px 20px -6px rgba(239, 75, 75, .6);
	transform: translateY(-6px)
}

.btn-light {
	background: #f8f9fa;
	border-color: #f8f9fa !important
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active,
.btn-light.focus,
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light .open>.dropdown-toggle.btn-primary {
	background: #eceff2;
	border-color: #eceff2;
	box-shadow: 0px 8px 20px -6px rgba(248, 249, 250, .6);
	transform: translateY(-6px)
}

.btn-outline-light {
	color: #f8f9fa;
	border-color: #f8f9fa
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.focus,
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light .open>.dropdown-toggle.btn-primary {
	background: #f8f9fa;
	border-color: #f8f9fa;
	box-shadow: 0px 8px 20px -6px rgba(248, 249, 250, .6);
	transform: translateY(-6px)
}

.btn-dark {
	background: #25272b;
	border-color: #25272b !important
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.btn-dark.focus,
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark .open>.dropdown-toggle.btn-primary {
	background: #1c1d20;
	border-color: #1c1d20;
	box-shadow: 0px 8px 20px -6px rgba(37, 39, 43, .6);
	transform: translateY(-6px)
}

.btn-outline-dark {
	color: #25272b;
	border-color: #25272b
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.focus,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark .open>.dropdown-toggle.btn-primary {
	background: #25272b;
	border-color: #25272b;
	box-shadow: 0px 8px 20px -6px rgba(37, 39, 43, .6);
	transform: translateY(-6px)
}

.btn-muted {
	background: #9da9bb;
	border-color: #9da9bb !important
}

.btn-muted:hover,
.btn-muted:focus,
.btn-muted:active,
.btn-muted.active,
.btn-muted.focus,
.btn-muted:not(:disabled):not(.disabled):active,
.btn-muted:not(:disabled):not(.disabled):active:focus,
.btn-muted .open>.dropdown-toggle.btn-primary {
	background: #919eb3;
	border-color: #919eb3;
	box-shadow: 0px 8px 20px -6px rgba(157, 169, 187, .6);
	transform: translateY(-6px)
}

.btn-outline-muted {
	color: #9da9bb;
	border-color: #9da9bb
}

.btn-outline-muted:hover,
.btn-outline-muted:focus,
.btn-outline-muted:active,
.btn-outline-muted.active,
.btn-outline-muted.focus,
.btn-outline-muted:not(:disabled):not(.disabled):active,
.btn-outline-muted:not(:disabled):not(.disabled):active:focus,
.btn-outline-muted .open>.dropdown-toggle.btn-primary {
	background: #9da9bb;
	border-color: #9da9bb;
	box-shadow: 0px 8px 20px -6px rgba(157, 169, 187, .6);
	transform: translateY(-6px)
}

.btn-white {
	background: #ffffff;
	border-color: #ffffff !important
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.btn-white.focus,
.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white .open>.dropdown-toggle.btn-primary {
	background: #f5f5f5;
	border-color: #f5f5f5;
	box-shadow: 0px 8px 20px -6px rgba(255, 255, 255, .6);
	transform: translateY(-6px)
}

.btn-outline-white {
	color: #ffffff;
	border-color: #ffffff
}

.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white:active,
.btn-outline-white.active,
.btn-outline-white.focus,
.btn-outline-white:not(:disabled):not(.disabled):active,
.btn-outline-white:not(:disabled):not(.disabled):active:focus,
.btn-outline-white .open>.dropdown-toggle.btn-primary {
	background: #fff;
	border-color: #fff;
	box-shadow: 0px 8px 20px -6px rgba(255, 255, 255, .6);
	transform: translateY(-6px)
}

.btn.btn-outline-white:focus,
.btn.btn-outline-white:active,
.btn.btn-outline-white:hover,
.btn.btn-outline-white.active,
.btn.btn-outline-light:focus,
.btn.btn-outline-light:active,
.btn.btn-outline-light:hover,
.btn.btn-outline-light.active {
	color: #25272b
}

.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:active,
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary.active,
.btn.btn-outline-dark:focus,
.btn.btn-outline-dark:active,
.btn.btn-outline-dark:hover,
.btn.btn-outline-dark.active,
.btn.btn-outline-success:focus,
.btn.btn-outline-success:active,
.btn.btn-outline-success:hover,
.btn.btn-outline-success.active {
	color: #fff !important
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 999999;
	transition: all .5s ease;
	visibility: visible;
	opacity: 1
}

#preloader #status {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.load {
	padding: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: center center;
	transform: translate(-50%, -50%) rotate(135deg);
	width: 50px;
	height: 50px
}

.load hr {
	border: 0;
	margin: 0;
	width: 40%;
	height: 40%;
	position: absolute;
	border-radius: 50%;
	opacity: .8;
	animation: spin 2s ease infinite
}

.load :first-child {
	background: #06ba63;
	animation-delay: -1.5s
}

.load :nth-child(2) {
	background: #3f8efc;
	animation-delay: -1s
}

.load :nth-child(3) {
	background: #f4b942;
	animation-delay: -0.5s
}

.load :last-child {
	background: #25272b
}

@keyframes spin {

	0%,
	100% {
		transform: translateX(200%)
	}

	25% {
		transform: translateY(200%)
	}

	50% {
		transform: translateX(0)
	}

	75% {
		transform: translateY(0)
	}
}

.navbar {
	transition: all .5s ease;
	padding: 0px;
	background-color: #fff;
	border-bottom: 1px solid #e5eaf1;
}

.navbar .navbar-brand {
	transition: all .5s ease;
	line-height: 67px;
	padding: 0px
}

.navbar .navbar-nav .nav-item>.nav-link {
	color: #25272b;
	font-size: 14px;
	padding: 24px 8px;
	font-weight: 600;
	letter-spacing: .6px;
	text-transform: uppercase;
	background-color: rgba(0, 0, 0, 0);
	margin: 0 6px;
	transition: all .3s ease;
	font-family: "Inter", sans-serif;
	text-transform: math-auto;
}

.navbar .navbar-nav .nav-item>.nav-link:hover,
.navbar .navbar-nav .nav-item>.nav-link:active,
.navbar .navbar-nav .nav-item>.nav-link.active {
	color: #3f8efc
}

.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	padding-left: 8px;
	padding-right: 8px;
	border-color: rgba(0, 0, 0, .04);
	box-shadow: rgba(0, 0, 0, .04) 0px 8px 24px;
	animation: DropDownSlide .3s;
	animation-fill-mode: both
}

.navbar .navbar-nav .nav-item.dropdown .dropdown-menu li .nav-link {
	color: #25272b
}

.navbar .navbar-nav .nav-item.dropdown .dropdown-menu li .nav-link:hover {
	color: #3f8efc
}

.navbar .navbar-toggler {
	padding: 0px;
	border: none;
	font-size: 24px
}

.navbar .navbar-toggler:focus {
	box-shadow: none
}

.navbar .navbar-brand .logo-light {
	display: inline-block
}

.navbar .navbar-brand .logo-dark {
	display: none
}

.nav-sticky.navbar {
	margin-top: 0px;
	box-shadow: 0px 3px 10px 0px rgba(38, 107, 193, .08)
}

.nav-sticky.navbar .navbar-brand {
	line-height: 59px;
	padding: 0px
}

.nav-sticky.navbar .navbar-nav .nav-item>.nav-link {
	padding: 20px 8px
}

.nav-sticky .navbar-brand .logo-dark {
	display: inline-block
}

.nav-sticky .navbar-brand .logo-light {
	display: none
}

.navbar-light {
	background-color: rgba(0, 0, 0, 0)
}

.nav-sticky.navbar-light {
	background-color: #fff
}

@keyframes DropDownSlide {
	100% {
		margin-top: -1px
	}

	0% {
		margin-top: 8px
	}
}

@media (max-width: 1440px) {
	.home-slider .swiper-slide {
		padding: 45px 0 45px 0 !important;
		/* kam padding */
	}
}

@media(max-width: 991px) {

	.navbar,
	.navbar.nav-sticky {
		padding: 12px 0;
		background-color: #fff
	}

	.navbar .navbar-nav .nav-item>.nav-link,
	.navbar.nav-sticky .navbar-nav .nav-item>.nav-link {
		padding: 10px 8px
	}

	.navbar .navbar-nav .nav-item.dropdown .dropdown-menu,
	.navbar.nav-sticky .navbar-nav .nav-item.dropdown .dropdown-menu {
		padding-left: 25px;
		border: none;
		box-shadow: none
	}
}

#home {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.home-desc {
	max-width: 1000;
	margin: 0 auto;
	font-size: 24px;
	color: #000;
}

.bg-home {
	padding: 378px 0 305px 0
}

@media(max-width: 991.98px) {
	.bg-home {
		padding: 190px 0 135px 0
	}
}

.home-subtitle {
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 15px;
	color: #000;
}

.bg-home2 {
	padding: 220px 0 150px 0
}

@media(max-width: 991.98px) {
	.bg-home2 {
		padding: 180px 0 110px 0
	}
}

.home-slider {
	position: relative
}

.home-slider .swiper-slide {
	padding: 65px 0 40px 0;
}

.swiper-button-next,
.swiper-button-prev {
	height: 44px;
	width: 44px;
	line-height: 44px;
	border-radius: 50%;
	background-color: #3f8efc;
	color: #fff
}

.swiper-button-next::after,
.swiper-button-prev::after {
	font-size: 15px
}

@media(max-width: 767.98px) {

	.swiper-button-next,
	.swiper-button-prev {
		display: none
	}
}

.bg-home4 {
	padding: 160px 0 50px 0;
	background-color: rgba(63, 142, 252, .2)
}

.shape {
	position: absolute;
	pointer-events: none;
	right: 0;
	bottom: 0px;
	left: 0
}

.subscribe-form form {
	position: relative;
	max-width: 600px;
	margin: 0px auto
}

.subscribe-form input {
	padding: 15px 20px;
	width: 100%;
	font-size: 17px;
	color: #25272b;
	border: none;
	outline: none;
	padding-right: 180px;
	padding-left: 30px;
	background-color: rgba(255, 255, 255, .85);
	border-radius: 30px
}

.subscribe-form button {
	position: absolute;
	text-transform: uppercase;
	top: 6px;
	right: 8px;
	outline: none;
	border-radius: 30px;
	font-size: 16px;
	padding: 9px 30px
}

@media(max-width: 991.98px) {
	.home-img {
		width: 100%;
		height: auto
	}
}

.bg-home5 {
	padding-top: 140px;
	background: linear-gradient(rgb(72, 85, 99), rgb(41, 50, 60))
}

.home-dashboard {
	position: relative;
	margin-bottom: -60px;
	z-index: 1
}

@media(max-width: 991.98px) {
	.home-dashboard {
		top: -12px
	}
}

.bg-home6 {
	padding: 350px 0px 330px 0
}

@media(max-width: 991.98px) {
	.bg-home6 {
		padding: 215px 0px
	}
}

#myVideo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.feature-box {
	text-align: center;
	background-image: linear-gradient(to bottom, #E2E3FF 10%, #F6F6FF 100%);
	transition: all .3s ease;

	padding: 20px;
	border-radius: 30px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.feature-box:hover {
	border: 1px solid #ccc !important;
}

.feature-box .feature-link {
	opacity: 0;
	transform: translateY(15px);
	transition: all .3s ease
}

.feature-box:hover {
	transform: translateY(-10px)
}

.feature-box:hover .feature-link {
	opacity: 1;
	transform: translateY(0px)
}

.feature-icon {
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	background-color: rgba(63, 142, 252, .2);
	color: #3f8efc;
	font-size: 30px;
	border-radius: 50%
}

.timeline-page::after {
	content: "";
	height: 68%;
	top: 60px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 1px;
	background-color: rgba(63, 142, 252, .15)
}

@media(min-width: 992px)and (max-width: 1199.98px) {
	.timeline-page::after {
		height: 68%
	}
}

@media(min-width: 576px)and (max-width: 991.98px) {
	.timeline-page::after {
		height: 67%;
		top: 405px
	}
}

@media(max-width: 575.99px) {
	.timeline-page::after {
		height: 67%;
		top: 394px
	}
}

@media(max-width: 320px) {
	.timeline-page::after {
		top: 352px
	}
}

.timeline-page .timeline-item .works-description-right {
	text-align: left;
	float: left;
	border-radius: 8px;
	padding: 20px
}

.timeline-page .timeline-item .works-description-left {
	text-align: right;
	float: right;
	border-radius: 8px;
	padding: 20px
}

.timeline-page .works-description-left::after,
.timeline-page .works-description-right::after {
	transition: all .5s ease;
	border-radius: 50%;
	content: "";
	width: 15px;
	height: 15px;
	position: absolute;
	top: 25px;
	z-index: 1;
	background-color: #3f8efc
}

.timeline-page .works-description-left:hover::after,
.timeline-page .works-description-right:hover::after {
	box-shadow: 0px 0px 5px 2px #3f8efc
}

.timeline-page .works-description-left::after {
	right: -7px
}

.timeline-page .works-description-right::after {
	left: -8px
}

@media(min-width: 200px)and (max-width: 991.98px) {
	.timeline-page::after {
		margin: 0
	}

	.timeline-item .works-description-right::after {
		left: 5px;
		top: 25px
	}

	.timeline-item .works-description-left {
		text-align: left
	}

	.timeline-item .works-description-left::after {
		left: 5px;
		top: 25px
	}
}

.bg-cta {
	padding: 120px 0px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	position: relative
}

.play-btn {
	height: 64px;
	width: 64px;
	font-size: 30px;
	line-height: 64px;
	border-radius: 50%;
	display: inline-block;
	border: 2px solid #fff
}

.modal-backdrop.show {
	opacity: .75
}

.query-form {
	background-color: #f8f9fa;
	padding: 45px 40px;
	border-radius: .25rem
}

.query-form .form-control {
	border-color: rgba(0, 0, 0, 0);
	box-shadow: rgba(0, 0, 0, .04) 0px 8px 24px
}

.faq .icon {
	height: 32px;
	width: 32px;
	line-height: 32px;
	color: #3f8efc;
	background: rgba(63, 142, 252, .15);
	text-align: center;
	border-radius: 50%;
	margin-right: 10px
}

.testimonial-box {
	max-width: 681px;
	margin: 0 auto;
	border-radius: 10px;
	border: none;
	background-color: rgba(0, 0, 0, 0)
}

.testimonial-box .testi-img img {
	height: 82px;
	width: 82px
}

.testimonial-box .testi-img .quote-icon {
	height: 30px;
	width: 30px;
	line-height: 30px;
	top: 1px;
	right: -8px;
	font-size: 22px;
	position: absolute;
	background-color: #fff;
	border-radius: 50%;
	color: #3f8efc
}

.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border-radius: 3px;
	border: 0;
	margin-right: 8px;
	background-color: rgba(63, 142, 252, .9);
	transform: rotate(-45deg);
	transition: all .5s ease;
	opacity: .6
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	transform: rotate(45deg);
	opacity: 1
}

.client-images img {
	max-width: 100%;
	opacity: .8;
	transition: all .5s ease;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	height: 90px;
	object-fit: contain;

}

.client-images img:hover {
	opacity: 1
}

.price-box {
	padding: 40px 50px;
	transition: all .5s ease;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, .04) 0px 8px 24px
}

.price-box .plan-price sup {
	top: -1.5rem;
	font-size: 29px
}

@media(max-width: 767.98px) {
	.price-box .plan-price sup {
		top: -1rem;
		font-size: 20px
	}
}

.price-box .plan-price sub {
	bottom: -0.15rem;
	font-size: 15px
}

.price-box .price-features i {
	background-color: rgba(63, 142, 252, .15);
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	border-radius: 50%;
	margin-right: 10px
}

.ribbon {
	background: #3f8efc;
	color: #fff;
	padding: 45px 54px 15px;
	transform: rotate(45deg);
	position: absolute;
	top: -16px;
	right: -60px;
	border-radius: 50%
}

.team-box img {
	height: 210px;
	width: 210px
}

.team-box .team-social {
	position: absolute;
	top: 56px;
	left: 20px;
	text-align: center;
	opacity: 0;
	transform: translate(-20px, -20px);
	transition: all .3s ease-out
}

.team-box .team-social li {
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	border-radius: 50%
}

.team-box:hover .team-social {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: .15s
}

.progress-line {
	position: absolute;
	top: 6%;
	left: 50%;
	width: 4px;
	background: #3f8efc;
	transform: translateX(-50%);
	height: 0;
	transition: height .3s ease;
}

hr.gradient-radial {
	border: none;
	height: 2px;
	background-image: radial-gradient(circle, #3f8efc, #886d6d00);
	width: auto;
	margin: 6px auto 10px;
}

.form-control {
	padding: 12px 20px;
	border-color: #e0dcdc;
	box-shadow: none;
	border-radius: 4px;
}

.form-control:focus {
	box-shadow: rgba(149, 157, 165, .08) 0px 8px 24px;
	border-color: #3f8efc
}

.form-control::-moz-placeholder {
	color: #ced4da
}

.form-control::placeholder {
	color: #101517;
	font-weight: 400 !important;
}

.contact-form .input-group-text {
	padding: 12px 15px;
	border: none;
	background-color: rgba(0, 0, 0, 0);
	position: absolute;
	top: 0;
	z-index: 1;
	bottom: 0
}

.contact-form .input-group-text::before {
	content: "|";
	color: rgba(37, 39, 43, .5);
	right: 0px;
	position: absolute
}

.contact-form .form-control {
	padding-left: 58px
}

.social-list .social-icon {
	display: inline-block;
	height: 35px;
	width: 35px;
	line-height: 35px;
	border: 1px solid;
	border-color: rgba(255, 255, 255, .5);
	border-radius: 50%
}

.social-list .social-icon:hover {
	color: #3f8efc;
	border-color: #3f8efc
}

.footer-terms li::after {
	content: "|";
	margin: 0 20px;
	color: #757575
}

.footer-terms li:last-child::after {
	content: ""
}

.footer-link {
	color: rgba(255, 255, 255, .5);
	transition: all .5s ease
}

.footer-link:hover {
	color: rgba(255, 255, 255, .8)
}

.blog-box .blog-img .bg-overlay {
	transition: all .5s ease;
	opacity: 0
}

.blog-box .blog-img .author {
	position: absolute;
	top: 25px;
	left: 25px;
	transition: all .5s ease;
	opacity: 0;
	color: #fff
}

.blog-box:hover .blog-img .bg-overlay {
	opacity: .7
}

.blog-box:hover .blog-img .author {
	opacity: 1
}

.bg-blog {
	padding: 190px 0 120px 0;
	position: relative;
	background-image: url("../images/blog/bg-blog.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.bg-blog .bg-overlay {
	background-color: rgba(25, 34, 45, .7)
}

.breadcrumb .breadcrumb-item a {
	color: #fff;
	transition: all .5s ease
}

.breadcrumb .breadcrumb-item a:hover {
	color: #3f8efc
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	float: left;
	padding-right: .5rem;
	color: #f8f9fa;
	content: var(--bs-breadcrumb-divider, "->")
}

.date-box {
	position: absolute;
	top: 15px;
	left: 15px;
	padding: 5px 8px;
	background-color: #f8f9fa;
	text-align: center;
	z-index: 9
}

.post-preview {
	transition: all .5s ease
}

.post-preview:hover {
	opacity: .6
}

.sidebar .tagcloud a {
	background-color: #f8f9fa;
	color: #25272b;
	transition: all .5s ease
}

.sidebar .tagcloud a:hover {
	background-color: #3f8efc;
	color: #fff
}

.sidebar .sd-title {
	position: relative
}

.sidebar .sd-title::after {
	content: "";
	width: 40px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #3f8efc
}

.pagination .page-item {
	display: inline-block;
	margin: 5px 6px 0 0
}

.pagination .page-item .page-link {
	border: 1px solid #dee2e6;
	border-radius: 3px;
	color: #25272b;
	background-color: #f8f9fa;
	display: block;
	float: none;
	padding: 8px 15px;
	box-shadow: none !important
}

.pagination .page-item .page-link.active,
.pagination .page-item .page-link:focus,
.pagination .page-item .page-link:hover {
	z-index: 3;
	color: #fff;
	background-color: #3f8efc;
	border-color: #3f8efc
}

.authentication-bg {
	background-image: url("../images/bg-auth.png");
	background-color: rgba(63, 142, 252, .12);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center
}

.auth-form input {
	background-color: rgba(255, 255, 255, .09);
	border-color: rgba(255, 255, 255, .15);
	color: #f8f9fa;
	font-size: 14px
}

.auth-form input:focus {
	color: #f8f9fa;
	background-color: rgba(255, 255, 255, .09)
}

.auth-form input::-moz-placeholder {
	color: #adb5bd
}

.auth-form input::placeholder {
	color: #adb5bd
}

.countdown-main {
	padding-top: 25px !important;
	padding-bottom: 25px ! important;
}

.main-heading {
	font-size: 60px;
	font-weight: 700;
	color: #101517;

}

#contactForm {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
}

.top-bar {
	padding: 8px 0px;
}

.top-bar-main {
	background-color: #242424;
	padding: 8px 0px;
	color: #fff;
}

.top-bar-main ul {
	display: flex;
	justify-content: end;
	margin: 0px;
	align-items: center;
}

.top-bar-main ul li {
	list-style: none;
	margin: 0px 12px;
	font-weight: 500;
	font-size: 12px;
}

.countdo {
	padding-top: 18px;
	padding-bottom: 18px;
}

.ctn-start-your-project {
	padding: 5px 14px;
	font-size: 12px;
}

.helpsupport {
	font-weight: 500;
	font-size: 12px;
}

.helpsupport svg {
	margin-right: 9px;
}

.countdo h3 {
	font-weight: 900;
	font-size: 40px;

}

.countdo .text-center.mt-3 {
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
	background: #fff;
	padding: 10px;
	border-radius: 7px;
	border: 2px solid transparent;
	transition: border-color 0.3s ease, border-width 0.3s ease;
}

.countdo .text-center.mt-3:hover {
	border-color: #101517;
	border-width: 2px;
}

.countdo .text-center.mt-3:hover p {
	font-weight: 700;
}

.countdo .text-center.mt-3.card-1 {
	background: #3f8efc26;
}

.pageheading-main {
	font-size: 34px;
	font-weight: 700;
	color: #101517;
	margin: 0 !important;
}

.text-text-color {
	color: #101517 !important;
	font-weight: 500;
}

.works-description-right h5,
.works-description-left h5 {
	font-weight: 600;
}

.feature-box h5 {
	font-weight: 600;
}

.section-bigcommarce p {
	line-height: 28px;
	font-weight: 400;
	font-size: 16px;
}

footer {
	padding-top: 25px;
	padding-bottom: 25px;
}

.list-inline-item:not(:last-child) {
	margin-right: 0px;
}

.timeline-item img {
	width: 250px;
}

.service-box {
	border: 1px solid #f9f9f9;
	border-radius: 12px;
	padding: 20px;
	height: 280px;
}

.service-box h5 {
	font-weight: 600;

}

.service-box:hover h5 {
	color: #3f8efc;
}

.features-box h5,
.feature-link a {
	font-weight: 600;
}

.mbr-section .feature-link a {
	font-size: 12px;

}

.features-box a:hover {
	color: #3f8efc !important;
}

.zoomin-img {
	transition: transform 0.6s ease;
	/* smooth transition */
}

.zoomin-img:hover {
	transform: scale(0.9);
	/* zoom in on hover */
}

.featurebox-mainapps {
	margin: 40px 20px 40px;
	background: #f5f7f770 !important;
	height: 380px; 
	border-radius: 20px;
	transition: 0.5s all ease-in-out;
	border-top: 4px solid #3f8efc;
	-webkit-transition: 0.5s all ease-in-out;
	-moz-transition: 0.5s all ease-in-out;
	-ms-transition: 0.5s all ease-in-out;
	-o-transition: 0.5s all ease-in-out;
}

.featurebox-mainapps:hover {
	box-shadow: 0px 4px 24px #f1f1f1;
}

.featurebox-mainapps img {
	width: 80px;
	border: 1px dotted #ccc;
	padding: 7px 8px;
	border-radius: 50%;
	background: #ffffff;
	height: 80px;
	object-fit: contain;
	text-align: center;
	margin: -70px auto 10px;
	display: block;
}

.featurebox-mainapps h5 {
	font-weight: 600;
	font-size: 14px;
}

.featurebox-mainapps p {
	font-size: 14px;
}

.featurebox-mainapps:hover {
	border-color: #007bff;
	/* hover border color */
	border-width: 4px;
}

.featurebox-mainapps i {
	color: #3f8efc;
	font-size: 40px;
}

#client {
	padding-top: 50px;
	padding-bottom: 50px;
}

.service-box img {
	width: 60px;
	height: 60px;
}

.cta-row .btn {
	padding: 6px 20px !important;
}

.card-big-1 {
	background-color: #F4B942 !important;
	color: #523700 !important;
}

.card-big-1 h5,
.card-big-1 p {
	color: #523700 !important;
}

.card-big-2 {
	background-color: #B7EBC5 !important;
	color: #004B14 !important;
}

.card-big-2 h5,
.card-big-2 p {
	color: #004B14 !important;
}

.card-big-3 {
	background-color: #CAC4FF !important;
	color: #282542 !important;
}

.card-big-3 h5,
.card-big-3 p {
	color: #282542 !important;
}

.card-big-4 {
	background-color: #E99193 !important;
	color: #4B0001 !important;
}

.card-big-4 h5,
.card-big-4 p {
	color: #4B0001 !important;
}

.section-gap {
	padding: 50px 0;
}

.privacy-page-start h5,
.terms-page-start h3 {
	font-weight: 600;
}





/*# sourceMappingURL=style.min.css.map */


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* App css */

.app-listing {
	padding: 30px 0px;

	.left-sidebar {
		h1 {
			font-size: 30px;
			margin: 0;
			margin-bottom: 24px;
			font-size: 18px;
			font-weight: 400;
			line-height: 28px;
			font-family: "Roboto", sans-serif;

			a {
				margin: 0;
				display: inline;
				-webkit-text-decoration: none;
				text-decoration: none;
				font-weight: 600;
				font-size: 18px;
				color: #1b1b20;
			}
		}

		ul {
			display: flex;
			flex-direction: column;
			gap: 14px;
			padding: 0;
			margin-bottom: 45px;

			li {
				list-style: none;

				a {
					display: flex;
					align-items: center;
					margin-left: 5px;

					color: #1b1b20;
					text-decoration: none;
					font-size: 16px;
					line-height: 28px;

					svg {
						max-width: 20px;
						max-height: 20px;
						position: relative;
						top: -13px;
						margin-right: 10px;
						font-family: "Roboto", sans-serif;

					}

					p {
						display: block;
						font-size: 16px;
						line-height: 16px;
						font-weight: 500;
						margin: 0;

					}

					span {
						font-size: 13px;
						color: #4E4E58;
						white-space: nowrap;
					}

					&:hover p {
						color: #0066ff;
					}
				}
			}
		}

		.cate-sec {
			h2 {
				margin: 0;
				margin-bottom: 24px;
				font-size: 18px;
				font-weight: 500;
				line-height: 28px;
			}

			a {

				color: #1b1b20;
				-webkit-text-decoration: none;
				text-decoration: none;
				font-size: 16px;
				line-height: 28px;

				&:hover {
					color: #0066ff;
				}

				p {
					display: flex;
					gap: 10px;

					svg {
						fill: #3f8efc;
						color: #3f8efc;
						width: 24px;
						height: 24px;
					}
				}
			}
		}

		.all-app {
			border-top: 1px solid #e2e2e4;
			margin-top: 16px;
			padding: 16px 0px;



			.dropdown-header {
				display: flex;
				align-items: center;

				padding: 10px;
				cursor: pointer;
				font-weight: 500;
			}

			.dropdown.active span {
				color: #0066FF;
			}

			.app-icon {
				margin-right: 10px;
			}

			.dropdown.active .app-icon path {
				fill: #0066FF;
			}

			.arrow {
				transition: transform 0.3s ease;
				margin-left: auto;

			}

			.arrow svg {
				color: #1b1b20;
			}

			.dropdown-content {
				display: none;
				flex-direction: column;
				padding: 10px;
				margin-left: 38px;
			}

			.dropdown-content label {
				display: block;
				margin-bottom: 8px;
				cursor: pointer;
				font-size: 14px;
			}

			.dropdown-content input {
				margin-right: 6px;
			}

			.dropdown.active #dropdown {
				display: flex;
			}

			.dropdown.active #arrow {
				transform: rotate(90deg);

			}

		}

		.filter-icon {
			button {
				background: transparent;
				border: 1px solid #3f8efc;
				padding: 10px 15px;
				border-radius: 10px;
				color: #000000;
				font-size: 20px;
			}
		}

		.m-filter {
			display: block;
		}
	}

	.app-info {
		.top-bar {
			display: flex;
			justify-content: space-between;
			align-items: center;

			h3 {
				font-size: 24px;
				line-height: 32px;
				word-break: break-word;
			}

			p {
				font-size: 15px;
				line-height: 110%;
				opacity: 0.7;
			}

			.filltr-button {
				background: transparent;
				border: none;
			}

			.custom-select {
				position: relative;
				width: 220px;
				position: relative;
			}

			.custom-select::before {
				content: "";
				position: absolute;
				width: 1px;
				height: 34px;
				background-color: #62626D;
				left: -7%;
				top: 4%;
			}

			.select-header {
				border: 1px solid #ccc;
				padding: 6px 12px;
				border-radius: 6px;
				background: #fff;
				display: flex;
				justify-content: space-between;
				align-items: center;
				cursor: pointer;
				transition: border 0.3s ease;
			}

			.select-header:hover {
				border-color: #888;
			}

			.arrow {
				transition: transform 0.3s ease;
			}

			.select-options {
				position: absolute;
				top: 110%;
				left: 0;
				width: 100%;
				background: #fff;
				border: 1px solid #ddd;
				border-radius: 8px;
				box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
				display: none;
				z-index: 10;
				overflow: hidden;
			}

			.option {
				padding: 10px 14px;
				cursor: pointer;
				position: relative;
			}

			.option:hover {
				background: #f5f5f5;
			}

			/* selected option style */
			.option.selected {
				background: #f0f0f0;
				font-weight: 500;
			}

			.option.selected::after {
				content: "✓";
				position: absolute;
				right: 14px;
				color: #1976d2;
				font-weight: bold;
			}

			/* open dropdown */
			.custom-select.active .select-options {
				display: block;
			}

			.custom-select.active .arrow {
				transform: rotate(180deg);
			}


		}

		.filter-sec {
			border-top: 1px solid #e5e5e6;
			border-bottom: 1px solid #e5e5e6;
			padding: 20px 0px;
			display: none;
			margin-bottom: 24px;

			.multi-select {
				position: relative;
				display: inline-block;
			}

			.select-btn {
				background: #fff;
				border: 1px solid #ccc;
				border-radius: 8px;
				padding: 8px 14px;
				cursor: pointer;
				display: flex;
				align-items: center;
				gap: 6px;
				font-size: 14px;
				font-weight: 500;
			}

			.select-btn svg {
				height: 20px;
				line-height: 1;
				width: 20px;
			}

			.select-btn:hover {
				border-color: #999;
			}

			.arrow {
				transition: transform 0.3s ease;
			}

			.multi-select.active .arrow {
				transform: rotate(180deg);
			}

			.dropdown {
				position: absolute;
				top: 110%;
				left: 0;
				background: #fff;
				border: 1px solid #ddd;
				border-radius: 8px;
				box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
				width: 200px;
				padding: 6px 0;
				display: none;
				z-index: 10;
			}

			.multi-select.active .dropdown {
				display: flex;
				padding: 10px;
				margin-bottom: 12px;
				flex-direction: column;
				gap: 4px;
			}

			.option {
				position: relative;
				display: flex;
				align-items: center;
				padding: 8px 14px;
				cursor: pointer;
			}

			.option.selected {
				background-color: #e3f2fd;
				border-radius: 6px;
			}

			.option.selected .checkmark {
				display: inline;
			}

			.option input {
				display: none;
			}



			.option span:first-child {
				flex: 1;
			}

			.option:hover {
				background: #f7f7f7;
			}

			.checkmark {
				display: none;
				color: #1976d2;
				font-weight: bold;
			}



			.option input:checked+span+.checkmark {
				display: inline;
				margin-left: auto;
			}

		}

		.app-card-info {

			a {
				color: #4E4E58;

				.app-card {
					border: 1px solid #ABABB1;
					border-radius: 6px;
					padding: 16px;
					height: 316px;
					display: flex;
					flex-direction: column;
					justify-content: space-between;

				}

				.app-header {
					display: flex;
					align-items: center;
					gap: 20px;
					margin-bottom: 6px;
				}

				.app-icon {
					width: 56px;

				}

				.app-title {
					font-size: 16px;
					font-weight: 600;
					word-break: break-word;
					display: -webkit-box;
					/* -webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
					overflow: hidden; */
					margin-bottom: 4px;
				}

				.app-sub {
					display: flex;
					align-items: center;
					gap: 8px;

					font-size: 13px;
				}

				.tag {
					background: #EEE8FF;
					padding: 2px 6px;
					border-radius: 20px;
					font-size: 10px;
					font-weight: 600;
					font-style: italic;
				}

				.free {
					color: #424d57;
					font-size: 12px;
				}

				.app-info {
					font-size: 10px;
					color: #424d57;

				}

				.app-desc {
					font-size: 13px;
					color: #4E4E58;
					margin: 0;
					/* word-break: break-word;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden; */
				}

			}
		}
	}

	.app-details-sec {
		.top-header {
			position: sticky;
			top: 0;
			z-index: 50;
		}

		.top-header.sticky-active {
			background: #ffffff;

			padding: 12px 0;
		}

		.app-row {
			width: 100%;
			display: flex;
			align-items: flex-start;
			gap: 30px;
		}

		.app-icon-box {
			width: 124px;
			height: 124px;
			border: 1px solid #e5e7eb;
			border-radius: 12px;
			display: flex;
			justify-content: center;
			align-items: center;
			transition: 0.5s all ease-in-out;
		}

		.top-header.sticky-active .app-icon-box {
			width: 84px;
			height: 84px;
		}

		.app-icon {
			width: 100%;
			padding: 17px;
		}

		.app-content {
			flex: 1;
		}

		.app-title {
			font-size: 28px;
			font-weight: 800;

			margin: 0;
		}
		.top-header.sticky-active .app-title {
			font-size: 24px;
            margin-bottom: 8px;
		}

		.app-desc {
			font-size: 16px;
			margin-bottom: 10px;
			color: #374151;
		}

		.top-header.sticky-active .app-desc {
			display: none;
		}

		.app-tags {
			display: flex;
			gap: 10px;
			margin-bottom: 8px;
		}

		.tag {
			padding: 4px 10px;
			border-radius: 6px;
			font-size: 12px;
		}

		.purple {
			background: rgb(238, 232, 255);
			color: #000;
			font-size: 10px;
			border-radius: 20px;

		}

		.green {
			background: rgb(209, 244, 213);
			color: #000;
			font-size: 10px;
			border-radius: 20px;
		}

		.app-meta {
			font-size: 10px;
			color: #6b7280;
			display: flex;
			gap: 6px;
			align-items: center;
		}

		.get-btn {
			background: #0d6efd;
			color: white;
			border: none;
			padding: 10px 22px;
			font-size: 15px;
			border-radius: 8px;
			cursor: pointer;
		}

		.get-btn:hover {
			background: #0b59d1;
		}

		.top-nav-wrap {

			background: #fff;
			border-bottom: 1px solid #e2e2e4;
			margin: 30px 0px;

		}

		.nav-links {
			display: flex;
			gap: 18px;
			align-items: center;
		}

		.nav-links a {
			text-decoration: none;
			color: var(--muted);
			padding: 8px 10px;
			border-radius: 6px;
			font-size: 14px;
		}

		.nav-links a.active {
			color: #3f8efc;
			font-weight: 600;
			border-bottom: 1px solid #3f8efc;
			border-radius: 0;
			font-size: 14px;
			padding: 7px;
		}


	}

	.app-details-info {

		.container {
			max-width: var(--container);
			margin: 22px auto;
			padding: 0 18px 80px;
		}


		.hero {
			display: flex;
			gap: 20px;
			align-items: center;
			padding: 20px 0;
			overflow: hidden;
		}

		.app-icon-box {
			width: 84px;
			height: 84px;
			border-radius: 12px;
			border: 1px solid var(--border);
			display: flex;
			align-items: center;
			justify-content: center;
			background: #fff;
			flex-shrink: 0;
		}

		.app-icon-box img {
			width: 58px;
			height: 58px;
		}

		.hero .title {
			font-size: 28px;
			font-weight: 700;
			margin-bottom: 6px;
		}

		.hero .subtitle {
			color: var(--muted);
		}

		hr.divider {
			border: 0;
			height: 1px;
			background: var(--border);
			margin: 18px 0;
		}


		section {
			padding: 18px 0 28px;
			scroll-margin-top: 76px;
			border-radius: 8px;
		}


		.section-title h3 {
			margin: 0;
			color: #111827;
			font-weight: 600;
			font-size: 18px;
			margin-bottom: 14px;
			border-bottom: 1px solid #e2e2e4;
			padding-bottom: 10px;
		}

		.features-grid {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 16px;
			margin-top: 30px;
		}

		.feature-card {
			margin: 0 0 6px 0;
			font-size: 16px;
			font-weight: 600;
			border-left: 4px solid #3f8efc;
			padding: 2px 14px;
		}

		.feature-card h4 {
			margin: 0 0 6px 0;
			font-size: 16px;
			font-weight: 600;
		}
		.feature-card ul {
			padding-left: 23px;
			li {
				margin: 0;
			color: #000;
			font-size: 14px;
			line-height: 1.5;
			font-weight: 400;
			}

		}
		.additional-pont ul {
			padding-left: 23px;
			display: flex;
			flex-direction: column;
			gap: 4px;
			li {
				margin: 0;
			color: #000;
			font-size: 14px;
			line-height: 1.5;
			font-weight: 400;
			}

		}

		.feature-card p {
			margin: 0;
			color: #000;
			font-size: 14px;
			line-height: 1.5;
			font-weight: 400;
		}

		.benefits-grid .feature-card {
			margin: 0 0 6px 0;
			font-size: 16px;
			font-weight: 600;
			border-left: 4px solid #69d598;
			padding: 2px 14px;
		}

	}

	.app-tc {
		background: #f5f5f5;
		padding: 20px;
		border-radius: 10px;
		display: flex;
		gap: 10px;

	}

	.app-tc svg {
		width: 20px;
	}

	.app-tc p {
		font-weight: 600;
		margin-bottom: 10px;
	}

	.app-tc .btns {
		display: flex;
		gap: 10px;
		margin-top: 20px;
	}

	.app-tc .btns button {
		background: #3c84ac;
		font-size: 16px;
		padding: 10px 20px;
		border: 0;
		border-radius: 10px;
		color: #fff;
		font-weight: 500;
	}

	.app-tc .btns button+button {
		background: transparent;
		border: 1px solid #3c84ac !important;
		font-size: 16px;
		padding: 10px 20px;
		border: 0;
		border-radius: 10px;
		color: #000;
		font-weight: 500;
	}

	@media (max-width:980px) {
		.features-grid {
			grid-template-columns: 1fr;
		}

		.benefits-grid {
			grid-template-columns: 1fr;
		}

		.hero {
			flex-direction: row;
			gap: 14px;
		}
	}

	@media (max-width:640px) {
		.top-nav {
			padding: 0;
			gap: 12px;
		}

		.nav-links {
			overflow: auto;
			-webkit-overflow-scrolling: touch;
			gap: 10px;
			padding-bottom: 6px;
		}

		.hero {
			flex-direction: column;
			align-items: flex-start;
			gap: 10px;
		}
	}

}

.gallery {
	padding: 20px 0px;

	p {
		font-size: 16px
	}

	.owl-carousel .item {
		background: #fff;
		padding: 10px;
		border-radius: 10px;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
		text-align: center;
	}

	.owl-carousel .item img {
		width: 100%;
		border-radius: 10px;
	}

	.gallty-slier .owl-nav {
		position: absolute;
		top: 50%;
		width: 100%;
	}

	.owl-next {
		position: absolute;
		right: 0;
	}

	.owl-carousel .owl-nav button.owl-next,
	.owl-carousel .owl-nav button.owl-prev,
	.owl-carousel button.owl-dot {
		background: #3f8efc;
		border: none;
		font: inherit;
		color: #fff;
		padding: 6px !important;
		border-radius: 6px;
	}

}

@media(max-width: 767px) {
	.app-listing {
		& .app-info {
			.top-bar {

				flex-direction: column;
			}
		}
	}

	.app-listing {
		& .left-sidebar {
			.m-filter {
				display: none;
			}
		}
	}

	.app-listing {
		& .app-details-sec {
			.app-row {

				flex-direction: column !important;
				gap: 10px !important;
			}
		}
	}

	.app-listing {
		& .app-details-sec {
			.nav-links {

				gap: 0px;
				padding: 0;
				white-space: pre;
			}
		}
	}

	.app-listing {
		& .app-details-sec {
			.app-icon-box {
				width: 94px;
				height: 94px;
			}
		}
	}

	.app-listing {
		& .app-details-sec {
			.top-nav-wrap {

				margin: 10px 0px;
			}
		}
	}

	.gallery {
		padding: 0px 0px 10px;
	}

	.app-listing {
		& .app-details-sec {
			.nav-links a.active {
				color: #3f8efc;
				font-weight: 600;
				border-bottom: 1px solid #3f8efc;
				border-radius: 0;
				font-size: 14px;
				padding: 9px;
			}
		}
	}

	.app-listing {
		& .app-details-info {
			.features-grid {
				display: grid;
				grid-template-columns: repeat(1, 1fr);
				gap: 16px;
				margin-top: 30px;
			}
		}
	}

	.app-listing {
		.app-tc .btns button {
			background: #3c84ac;
			font-size: 16px;
			padding: 6px 8px;
			border: 0;
			border-radius: 10px;
			color: #fff;
			font-weight: 500;
		}
	}

	.app-listing {
		.app-tc svg {
			width: 50px;
		}
	}

	.app-listing {
		.app-tc .btns button+button {


			padding: 10px 8px;

		}
	}

	.app-listing {
		& .app-details-info {
			.feature-card {
				margin: 0 0 6px 0;
				font-size: 16px;
				font-weight: 600;
				border-left: 2px solid #ffd000;
				padding: 2px 8px;
			}
		}
	}

	.app-listing {
		& .app-details-info {
			.benefits-grid .feature-card {
				margin: 0 0 6px 0;
				font-size: 16px;
				font-weight: 600;
				border-left: 2px solid #69d598;
				padding: 2px 8px;
			}
		}
	}

	.app-listing {
		& .app-details-sec {
			.top-header {
				position: static;
				top: 0;
				z-index: 50;
			}
		}
	}

	.app-listing {
		& .app-info {
			& .top-bar {
				h3 {
					font-size: 20px;
					line-height: 32px;
					word-break: break-word;
				}
			}
		}
	}

	.main-heading {
		font-size: 36px;

	}

	.home-desc {

		font-size: 16px;

	}

	.home-slider .swiper-slide {
		padding: 45px 0 35px 0 !important;
	}

	.home-subtitle {

		font-size: 12px;

	}

	.section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.pageheading-main {
		font-size: 26px;
	}

	.section-bigcommarce p {
		line-height: 24px;
	}

	.progress-line {
		position: absolute;
		top: 6%;
		left: 0;
	}

	.feature-box {

		padding: 0px;
	}

	.service-box {
		height: auto;
	}

	.app-listing {
		& .app-info {
			& .app-card-info {
				& a {
					.app-card {

						height: auto;

					}
				}
			}
		}
	}
}

.advantages-Key {
	background-image: linear-gradient(to bottom, #ffffff 40%, rgba(244, 247, 251, 0.44) 100%);
	padding: 80px;
}


.advantages-Key .container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 12px;
}


.advantages-Key .feature-card {
	position: relative;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 14px;
	padding: 22px;
	min-height: 190px;
	overflow: hidden;
	transform-style: preserve-3d;
	transition: transform .35s cubic-bezier(.2, .9, .2, 1),
		box-shadow .35s,
		filter .35s;
	border: 1px solid rgba(10, 20, 40, 0.04);
	box-shadow: 0 8px 28px rgba(15, 23, 40, 0.06);
	will-change: transform;
	cursor: default;
	display: flex;
	flex-direction: column;
	gap: 12px;
	opacity: 0;
	transform-origin: center;
	transform: translateY(18px) scale(.98);
}

.advantages-Key .feature-card.revealed {
	opacity: 1;
	transform: translateY(0) scale(1);
	transition: transform .45s cubic-bezier(.17, .8, .25, 1),
		opacity .45s ease;
}


.advantages-Key .feature-card::after {
	content: '';
	position: absolute;
	inset: 1px;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(90deg, rgba(124, 92, 255, 0.12), rgba(62, 199, 255, 0.08));
	-webkit-mask: linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	pointer-events: none;
	opacity: 0;
	transition: opacity .28s ease, transform .28s ease;
	transform: scale(.98);
}

.advantages-Key .feature-card:hover::after {
	opacity: 1;
	transform: scale(1);
}


.advantages-Key .icon-wrap {
	width: 68px;
	height: 68px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(124, 92, 255, 0.09), rgba(62, 199, 255, 0.06));
	transition: transform .35s ease, box-shadow .35s ease;
}

.advantages-Key .feature-card:hover .icon-wrap {
	transform: translateY(-8px) rotate(-6deg) scale(1.03);
	box-shadow: 0 10px 28px rgba(62, 199, 255, 0.06);
}

.advantages-Key .icon {
	width: 36px;
	height: 36px;
	filter: drop-shadow(0 10px 20px rgba(62, 199, 255, 0.06));
	animation: float 4s ease-in-out infinite;
}


@keyframes float {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-6px)
	}

	100% {
		transform: translateY(0)
	}
}


.advantages-Key .title {
	font-weight: 700;
	font-size: 16px;
}

.advantages-Key .desc {
	color: #6b7280;
	font-size: 14px;
	line-height: 1.5;
	flex: 1;
	margin: 12px 0px;
}


.advantages-Key .cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 14px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 700;
	background: linear-gradient(90deg, #7c5cff, #3ec7ff);
	color: white;
	box-shadow: 0 8px 26px rgba(124, 92, 255, 0.12);
	transform: translateY(6px);
	opacity: 0;
	transition: all .28s cubic-bezier(.2, .9, .3, 1);
	position: relative;
	overflow: hidden;
}

.advantages-Key .feature-card:hover .cta {
	transform: translateY(0);
	opacity: 1;
}


.advantages-Key .ripple {
	position: absolute;
	border-radius: 50%;
	transform: scale(0);
	background: rgba(255, 255, 255, 0.25);
	pointer-events: none;
	transition: transform .6s cubic-bezier(.2, .9, .3, 1), opacity .6s;
}


.advantages-Key .badge {
	position: absolute;
	right: 14px;
	top: 14px;
	font-size: 12px;
	padding: 6px 8px;
	border-radius: 10px;
	background: linear-gradient(90deg, rgba(124, 92, 255, 0.12), rgba(62, 199, 255, 0.08));
	color: #3ec7ff;
	font-weight: 700;
}


.advantages-Key .feature-card:hover {
	box-shadow: 0 26px 60px rgba(12, 24, 60, 0.12);
	transform: translateY(-12px) rotateX(4deg) scale(1.01);
}


@media (max-width:1000px) {
	.advantages-Key .features {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width:640px) {
	.advantages-Key .features {
		grid-template-columns: 1fr;
	}

	.advantages-Key {
		background-image: linear-gradient(to bottom, #ffffff 40%, rgba(244, 247, 251, 0.44) 100%);
		padding: 40px 10px;
	}

	.advantages-Key .container {
		display: grid;
		grid-template-columns: repeat(1, 1fr);

	}
}


@media (prefers-reduced-motion: reduce) {

	.advantages-Key .feature-card,
	.advantages-Key .icon,
	.advantages-Key .cta {
		transition: none !important;
		animation: none !important;
	}
}



.demand-services {
	padding: 80px 0px;

	.card-info {
		padding: 20px;
		background: radial-gradient(circle at 20% 20%, #fff, transparent 70%), radial-gradient(circle at 80% 80%, #cbd8f1b5, transparent 70%);
		border: 1px solid #3f8efc;
		border-radius: 6px;
		transition: 0.5s all ease-in-out;

		svg {
			width: 110px;
		}

		h3 {
			font-size: 14px;
			font-weight: 700;
			@media screen and (min-width: 1200px) {
				font-size: 20px;
			}
		}

		p {
			font-size: 15px;
		}

		.mdi {
			font-size: 60px;
			color: #3f8efc;
			margin-bottom: 10px;
		}

		&:hover {
			background: radial-gradient(circle at 20% 20%, #cbd8f1b5, transparent 70%), radial-gradient(circle at 80% 80%, #fff, transparent 70%);
			transform: translatey(-20px);
			-webkit-transform: translatey(-20px);
			-moz-transform: translatey(-20px);
			-ms-transform: translatey(-20px);
			-o-transform: translatey(-20px);
		}
	}
}

.faq .accordion {
	padding: 40px 0px;
	width: 800px;
	margin: auto
}

@media(max-width: 1200px) {
	.faq .accordion {
		width: auto
	}
}

.faq .accordion .accordion-item {
	border: 1px solid #ececec;
	box-shadow: 0px 4px 8px rgba(63, 60, 92, .04);
	border-radius: 8px;
	margin-bottom: 16px
}

.faq .accordion .accordion-item .accordion-button {
	font-weight: 700;
	font-size: 18px;
	line-height: 160%;
	color: #111;
	padding: 20px 24px;
	border-radius: 8px
}

.faq .accordion .accordion-item .accordion-button:not(.collapsed) {
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none
}

.faq .accordion .accordion-item .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
	transform: scale(0.7) !important
}

.faq .accordion .accordion-item .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

.faq .accordion .accordion-item .accordion-body {
	padding: 0px 24px 16px
}

.faq .accordion .accordion-item .accordion-body p {
	font-weight: 400;
	font-size: 15px;
	line-height: 160%;
	color: #353535
}

.faq .view-more {
	text-align: center
}

.faq .view-more a {
	background: #fff;
	border: 1px solid #000;
	border-radius: 8px;
	padding: 8px 48px;
	font-weight: 400;
	font-size: 18px;
	line-height: 160%;
	color: #000;
	transition: .5s all ease-in-out;
	-webkit-transition: .5s all ease-in-out;
	-moz-transition: .5s all ease-in-out;
	-ms-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-in-out;
}

.faq .view-more a:hover {
	background: #ef5828;
	color: #fff
}

.faq .icons .icon-1 {
	position: absolute;
	top: 7%;
	left: 15%;
	width: 26px
}

.faq .icons .icon-2 {
	position: absolute;
	bottom: 16%;
	left: 8%;
	width: 96px
}

@media(max-width: 767px) {
	.faq .icons .icon-2 {
		bottom: 6%;
		left: 2%;
		width: 46px
	}
}

.faq .icons .icon-3 {
	position: absolute;
	top: 7%;
	right: 16%;
	width: 26px
}

.faq .icons .icon-4 {
	position: absolute;
	bottom: 31%;
	right: 8%;
	width: 86px
}

@media(max-width: 767px) {
	.faq .icons .icon-4 {
		bottom: 36%;
		right: 8%;
		width: 36px
	}
}


.bg-vista-white {
	background-color: #f9f3f04d;
}

.axil-section-gap {
	padding: 80px 0;
}

.testimonial-style-one-wrapper {
	height: 360px;

	.slide-arrow {
		background-color: var(--color-white);
	}

	.slick-slide {
		transition: all .3s;
		margin: 0px 20px 0px;
	}

	.slick-current.slick-active+.slick-active {
		margin-top: 30px;
	}
}

.testimonial-style-one {

	.review-speech {
		background-color: #fff;
		border-radius: 10px;
		padding: 30px;
		margin-bottom: 40px;
		position: relative;
		box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04);

		&:after {
			content: "";
			width: 0;
			height: 0;
			border-top: 25px solid #fff;
			border-right: 50px solid transparent;
			position: absolute;
			bottom: -25px;
			left: 100px;
		}

		span {
			color: #ffe234;
			font-size: 26px;
			display: block;
			text-align: right;
			line-height: 120%;
		}

		p {
			font-size: 14px;
			line-height: 24px;
			@media screen and (min-width: 1200px) {
				font-size: 16px;
				line-height: 30px;
				
			}
		}
	}

	.media {
		display: flex;
		align-items: center;

		.thumbnail {
			margin-right: 20px;

			img {
				border-radius: 6px;
				width: 50px;
				
				@media screen and (min-width: 1200px) {
					width: 60px;
					
				}
			}
		}

		.media-body {
			flex: 1;

			.designation {
				font-size: 14px;
			}

			.title {
				margin-bottom: 0;
			}
		}
	}
}

.testimonial-style-two-wrapper {
	margin-bottom: 130px !important;

	.thumbnail {
		display: inline-block;
		border-radius: 50%;
		border: 2px solid var(--color-tertiary);
		padding: 8px;
		margin-bottom: 25px;
		transition: var(--transition);
		position: relative;
		z-index: 1;
		margin: 6px;

		&:before {
			content: "";
			height: 100%;
			width: 100%;
			background-color: var(--color-white);
			border-radius: 50%;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: -1;
			transform: scale(1);
			transition: .3s;
		}

		img {
			border-radius: 50%;
		}
	}

	.thumb-content {
		.item-title {
			margin-bottom: 16px;
		}

		p {
			font-size: 24px;
			color: #292930;

		}
	}

	.slick-single-layout {
		&:hover {
			.thumbnail {
				&:before {
					transform: scale(1.2);
				}

				background-color: var(--color-tertiary);
			}
		}
	}
}


.testimonial-container-box {
	background-color: var(--color-lighter);
	border-radius: 8px;
}

.testimonial-video-box {
	position: relative;
	margin-right: 22px;
	height: 100%;

	@media (max-width: 991px) {
		margin-right: 0;
	}

	.thumbnail {
		height: 100%;

		img {
			border-radius: 8px 0 0 8px;
			height: 100%;
			object-fit: cover;

			@media (max-width: 991px) {
				border-radius: 0;
			}
		}
	}

	.play-btn {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		right: 0;
		text-align: center;

		a {
			height: 110px;
			width: 110px;
			line-height: 110px;
			border-radius: 50%;
			background-color: var(--color-secondary);
			display: inline-block;
			font-size: 28px;
			color: var(--color-white);
			transition: 0.3s;

			&:hover {
				background-color: var(--color-primary);
			}
		}
	}
}

.testimonial-style-three-wrapper {
	padding-top: 100px;
	padding-left: 50px;
	padding-right: 50px;
	position: relative;
	height: 100%;

	@media (max-width: 1199px) {
		padding-left: 0;
	}

	@media (max-width: 991px) {
		padding-left: 50px;
		padding-top: 80px;
	}

	@media (max-width: 767px) {
		padding-left: 30px;
		padding-right: 30px;
	}

	.heading-title {
		position: relative;
		margin-bottom: 45px;
		z-index: 1;

		&:before {
			content: url("../../assets/images/testimonial/quote-left.png");
			height: 100%;
			width: 100%;
			position: absolute;
			top: -58px;
			left: -68px;
			z-index: -1;

			@media (max-width: 1199px) {
				left: 0;
			}
		}

		.title {
			font-size: 48px;
			font-weight: 700;

			@media (max-width: 767px) {
				font-size: 34px;
			}
		}
	}
}

.testimonial-style-three {
	p {
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 45px;
	}

	.author-name {
		margin-bottom: 0;
	}

	.author-desg {
		font-size: 14px;
	}
}

.testimonial-custom-nav {
	padding-top: 94px;
	padding-bottom: 40px;

	@media (max-width: 991px) {
		padding-top: 50px;
	}

	.slide-custom-nav {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin: 0 -12px;

		button {
			width: auto;
			line-height: 1;
			font-size: 16px;
			font-weight: 500;
			display: flex;
			align-items: center;
			color: var(--color-body);
			background-color: transparent;
			padding: 0 12px;

			i {
				margin-left: 8px;
			}

			&.prev-custom-nav {
				border-right: 1px solid #D6D6D6;

				i {
					margin-left: 0;
					margin-right: 8px;
				}
			}

			&:hover {
				color: var(--color-heading);
			}
		}
	}

	.slick-slide-count {
		font-weight: 500;
	}
}

.need-app {
	background: #f4f4f4;
	margin: 10px;
	padding: 40px;
	display: flex;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	border-radius: 20px;

}

@media(min-width: 1200px) {
	.featurebox-mainapps {
height: 300px;
	}
	.main-heading {
    font-size: 70px;
}
.featurebox-mainapps h5 {
    font-weight: 600;
    font-size: 18px;
}
hr.gradient-radial {
    width: 340px;
}

.need-app {
    margin: 40px;
   
}
.client-images img {
	max-width: 180px;
}
}