:root {
	--bs-primary-soft: #CEDDFF;
	--bs-primary-light: #7145f5;
	--bs-primary: #175CFF;
	--bs-primary-dark: #0048F0;
	--bs-secondary-light: #dcdcdf;
	--bs-secondary: #c0c0c5;
	--bs-secondary-dark: #D6D5E1;
	--bs-success-soft: #def4ed;
	--bs-success-light: #82d6bc;
	--bs-success: #5cc9a7;
	--bs-success-dark: #3cb690;
	--bs-info-soft: #dcf0ff;
	--bs-info-light: #83cbff;
	--bs-info: #50b5ff;
	--bs-info-dark: #1d9fff;
	--bs-warning-soft: #fff2d8;
	--bs-warning-light: #ffcf70;
	--bs-warning: #ffb116;
	--bs-warning-dark: #fba700;
	--bs-danger-soft: #fcdde1;
	--bs-danger-light: #f68692;
	--bs-danger: #f25767;
	--bs-danger-dark: #ee283c;
	--bs-dark-soft: #C9C7F7;
	--bs-dark-light: #071c4d;
	--bs-dark: #0B163F;
	--bs-dark-dark: #010e2b;
	--body-color: #575757;
	--bs-light: #f7f9fc;
	--bs-font-sans-serif: 'Poppins', sans-serif
}

body {
	color: var(--body-color);
	line-height: 1.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.scroll-top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 20px;
	bottom: 120px;
	z-index: 9991;
	border-radius: 100px;
	color: #fff;
	background: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: none;
	mix-blend-mode: exclusion
}

.scroll-top i {
	font-size: 18px;
	color: #121212
}

.scroll-top:hover {
	background-color: #999
}

.h1,
.display-1,
.h2,
.display-2,
.h3,
.display-3,
.h4,
.display-4,
.h5,
.display-5,
.h6,
.display-6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--bs-font-sans-serif);
	color: var(--bs-dark-light)
}

@media (min-width:1200px) {
	.h2,
	h2 {
		font-size: 2.5rem
	}

}

.h5,
.h6,
h5,
h6 {
	margin-bottom: .375rem
}

.h5,
.h6,
h5,
h6 {
	font-weight: 600
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
	font-weight: 700
}

.lead {
	font-weight: 400;
	font-size: 18px;
	color: #071c4d
}

a,
.btn-link {
	color: var(--bs-primary-light);
	transition: all .3s ease-in-out
}

a:hover,
.btn-link:hover {
	color: var(--bs-primary);
	text-decoration: none
}

.link-text,
.watch-now-btn {
	font-family: #7145f5 !important;
	font-weight: 500
}

.watch-now-btn {
	font-size: 14px;
	color: var(--bs-secondary-dark);
	text-align: center
}

.watch-now-btn i {
	width: 40px;
	height: 40px;
	line-height: 38px;
	font-size: 12px;
	transition: all .3s ease-in-out;
	border: 2px solid var(--bs-light);
	margin-right: 10px;
	border-radius: 50%;
	color: var(--bs-light)
}

.watch-now-btn:hover {
	color: var(--bs-white)
}

.watch-now-btn:hover i {
	background: var(--bs-light);
	color: var(--bs-dark-light)
}

@media (min-width:367px) and (max-width:575px) {
	.watch-now-btn {
		margin-left: 10px
	}

}

.ptb-150 {
	padding: 150px 0
}

.ptb-140 {
	padding: 140px 0
}

.ptb-120 {
	padding: 120px 0
}

.ptb-100 {
	padding: 100px 0
}

.pl-100 {
	padding-left: 100px
}

.pr-100 {
	padding-right: 100px
}

.p-100 {
	padding: 100px
}

.p-50 {
	padding: 50px
}

.pt-120 {
	padding-top: 120px
}

.pb-120 {
	padding-bottom: 120px
}

.ptb-60 {
	padding: 60px 0
}

.ptb-30 {
	padding: 30px 0
}

.pr-30 {
	padding-right: 30px 0 !important
}

.pl-30 {
	padding-left: 30px 0 !important
}

.pt-60 {
	padding-top: 60px
}

.pb-60 {
	padding-bottom: 60px
}

.left-100 {
	margin-left: 60px !important
}

.right-100 {
	margin-right: 40px !important
}

.mt--100 {
	margin-top: -100px
}

.mt-100 {
	margin-top: 100px
}

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

.mt-10 {
	margin-top: 10px
}

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

.mtb-10 {
	margin-top: 10px;
	margin-bottom: 10px
}

.z-2 {
	z-index: 2
}

.z-5 {
	z-index: 5
}

.z-10 {
	z-index: 10
}

.z--1 {
	z-index: -1
}

.top--40 {
	top: -40px !important
}

.top--100 {
	top: -100px !important
}

.bottom--40 {
	bottom: -40px !important
}

.bottom--100 {
	bottom: -100px !important
}

.right--40 {
	right: -40px !important
}

.right-0 {
	right: 0
}

.right-10px {
	right: 10px
}

.left-0 {
	left: 0
}

.left--40 {
	left: -40px !important
}

.left--100 {
	left: -100px !important
}

.right--100 {
	right: -100px !important
}

.left-30 {
	left: 30%
}

.left-5 {
	left: 5%
}

.right-5 {
	right: 5%
}

.mw-60 {
	max-width: 60% !important
}

@media (min-width:320px) and (max-width:991px) {
	.ptb-120 {
		padding: 60px 0
	}

	.pb-120 {
		padding-bottom: 60px
	}

	.pt-120 {
		padding-top: 60px
	}

	.mt-100 {
		margin-top: 60px
	}

	.search-form.w-50 {
		width: 100% !important
	}

	.pt-60 {
		padding-top: 30px
	}

}

@media (min-width:320px) and (max-width:575px) {
	.p-100 {
		padding: 60px 2rem
	}

	.mw-60 {
		max-width: 100% !important
	}

}

.icon-sm {
	font-size: 25px
}

.color {
	position: relative;
	display: block;
	min-height: 50px;
	padding: 1rem 1rem
}

.color span {
	color: var(--bs-white)
}

.bg-primary-soft {
	background-color: var(--bs-primary-soft)
}

.bg-primary-light {
	background-color: #7145f5 !important
}

.bg-primary {
	background-color: var(--bs-primary) !important
}

.bg-primary-dark {
	background-color: var(--bs-primary-dark)
}

.bg-info-soft {
	background-color: var(--bs-info-soft)
}

.bg-info-light {
	background-color: var(--bs-info-light)
}

.bg-info {
	background-color: var(--bs-info) !important
}

.bg-info-dark {
	background-color: var(--bs-info-dark)
}

.bg-success-soft {
	background-color: var(--bs-success-soft)
}

.bg-success-light {
	background-color: var(--bs-success-light)
}

.bg-success {
	background-color: var(--bs-success) !important
}

.bg-success-dark {
	background-color: var(--bs-success-dark)
}

.bg-warning-soft {
	background-color: var(--bs-warning-soft)
}

.bg-warning-light {
	background-color: var(--bs-warning-light)
}

.bg-warning {
	background-color: var(--bs-warning) !important
}

.bg-warning-dark {
	background-color: var(--bs-warning-dark)
}

.bg-danger-soft {
	background-color: var(--bs-danger-soft)
}

.bg-danger-light {
	background-color: var(--bs-danger-light)
}

.bg-danger {
	background-color: var(--bs-danger) !important
}

.bg-danger-dark {
	background-color: var(--bs-danger-dark)
}

.bg-dark-soft {
	background-color: var(--bs-dark-soft)
}

.bg-dark-light {
	background-color: var(--bs-dark-light)
}

.bg-dark {
	background-color: var(--bs-dark) !important
}

.bg-dark-dark {
	background-color: var(--bs-dark-dark)
}

.bg-secondary-light {
	background-color: var(--bs-secondary-light)
}

.bg-secondary {
	background-color: var(--bs-secondary) !important
}

.bg-secondary-dark {
	background-color: var(--bs-secondary-dark)
}

.bg-custom-light {
	background-color: rgba(255, 255, 255, 0.10)
}

.primary-bg-gradient {
	background: linear-gradient(90deg, var(--bs-dark), var(--bs-primary)) !important
}

.info-bg-gradient {
	background: linear-gradient(90deg, var(--bs-primary), var(--bs-info)) !important
}

.success-bg-gradient {
	background: linear-gradient(90deg, var(--bs-success), var(--bs-success-dark)) !important
}

.warning-bg-gradient {
	background: linear-gradient(90deg, var(--bs-warning-light), var(--bs-warning-dark)) !important
}

.danger-bg-gradient {
	background: linear-gradient(90deg, var(--bs-danger-light), var(--bs-danger-dark)) !important
}

.dark-bg-gradient {
	background: linear-gradient(90deg, var(--bs-primary), var(--bs-dark)) !important
}

.secondary-bg-gradient {
	background: linear-gradient(90deg, var(--bs-secondary-light), var(--bs-secondary-dark)) !important
}

.bg-gradient {
	background: linear-gradient(90deg, #7245f5, #1e38a3) !important
}

.text-primary {
	color: #7145f5 !important
}

.border-primary {
	border-color: #7145f5 !important
}

.text-dark {
	color: var(--bs-dark) !important
}

.border-dark {
	border-color: var(--bs-dark) !important
}

.text-success {
	color: var(--bs-success) !important
}

.border-success {
	border-color: var(--bs-success) !important
}

.text-warning {
	color: var(--bs-warning) !important
}

.border-warning {
	border-color: var(--bs-warning) !important
}

.text-danger {
	color: var(--bs-danger) !important
}

.border-danger {
	border-color: var(--bs-danger) !important
}

.border-light {
	border-color: rgba(101, 101, 101, 0.10) !important
}

.link-with-icon {
	display: inline-block;
	font-size: 15px;
	font-family: #7145f5 !important;
	font-weight: 500;
	color: var(--body-color)
}

.link-with-icon i {
	vertical-align: middle;
	transition: all 0.2s ease;
	padding-left: 4px
}

.link-with-icon:hover i {
	transform: translateX(3px);
	margin-left: 3px
}

.bg-dark .link-with-icon,
.bg-gradient .link-with-icon {
	color: var(--bs-secondary-dark)
}

.btn {
	position: relative;
	transition: all .3s ease-in-out;
	padding: .65rem 1.75rem;
	box-shadow: none;
	font-weight: 500;
	font-family: 'Poppins', sans-serif !important;
	border: 2px solid transparent;
	border-radius: .375rem
}

.btn:focus,
.btn:active,
.btn-primary.active:focus,
.btn-primary:active:focus,
.btn-outline-primary:active:focus {
	outline: none;
	box-shadow: none
}

.btn-group-lg>.btn,
.btn-sm {
	padding: .5rem 1.25rem;
	font-size: .875rem;
	line-height: 1.5
}

.btn-group-lg>.btn,
.btn-lg {
	padding: 1rem 1.875rem;
	font-size: 1rem;
	line-height: 1.5
}

.btn-xl {
	padding: 1.5rem 2rem;
	font-size: 1.5rem;
	line-height: 1.5
}

.button-style > .btn {
	margin: .5rem .5rem .5rem 0
}

.btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.125rem;
	height: 3.125rem;
	padding: 0
}

.btn-primary {
	color: #fff;
	background-color: #7145f5;
	border-color: #7145f5;
	box-shadow: 0 11px 18px -8px rgb(113 69 245)
}

.btn-primary:focus {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary)
}

.btn-soft-primary {
	color: var(--bs-primary);
	background-color: var(--bs-primary-soft);
	border-color: var(--bs-primary-soft)
}

.btn-outline-primary {
	color: var(--bs-primary);
	border-color: var(--bs-primary)
}

.btn-primary:hover {
	color: #7145f5;
	background-color: #16e1a4;
	border-color: #7145f5;
	box-shadow: none
}

.btn-soft-primary:hover,
.btn-outline-primary:hover {
	color: var(--bs-white);
	background-color: var(--bs-primary);
	border-color: var(--bs-primary)
}

.btn-info {
	color: var(--bs-white);
	background-color: var(--bs-info);
	border-color: var(--bs-info)
}

.btn-soft-info {
	color: var(--bs-info);
	background-color: var(--bs-info-soft);
	border-color: var(--bs-info-soft)
}

.btn-outline-info {
	color: var(--bs-info);
	border-color: var(--bs-info)
}

.btn-info:hover {
	color: var(--bs-white);
	background-color: var(--bs-info-dark);
	border-color: var(--bs-info-dark)
}

.btn-soft-info:hover,
.btn-outline-info:hover {
	color: var(--bs-white);
	background-color: var(--bs-info);
	border-color: var(--bs-info)
}

.btn-success {
	color: var(--bs-white);
	background-color: var(--bs-success);
	border-color: var(--bs-success)
}

.btn-soft-success {
	color: var(--bs-success);
	background-color: var(--bs-success-soft);
	border-color: var(--bs-success-soft)
}

.btn-outline-success {
	color: var(--bs-success);
	border-color: var(--bs-success)
}

.btn-success:hover {
	color: var(--bs-white);
	background-color: var(--bs-success-dark);
	border-color: var(--bs-success-dark)
}

.btn-soft-success:hover,
.btn-outline-success:hover {
	color: var(--bs-white);
	background-color: var(--bs-success);
	border-color: var(--bs-success)
}

.btn-warning {
	color: var(--bs-white);
	background-color: var(--bs-warning);
	border-color: var(--bs-warning)
}

.btn-soft-warning {
	color: var(--bs-warning);
	background-color: var(--bs-warning-soft);
	border-color: var(--bs-warning-soft)
}

.btn-outline-warning {
	color: var(--bs-warning);
	border-color: var(--bs-warning)
}

.btn-warning:hover {
	color: var(--bs-white);
	background-color: var(--bs-warning-dark);
	border-color: var(--bs-warning-dark)
}

.btn-soft-warning:hover,
.btn-outline-warning:hover {
	color: var(--bs-white);
	background-color: var(--bs-warning);
	border-color: var(--bs-warning)
}

.btn-danger {
	color: var(--bs-white);
	background-color: var(--bs-danger);
	border-color: var(--bs-danger)
}

.btn-soft-danger {
	color: var(--bs-danger);
	background-color: var(--bs-danger-soft);
	border-color: var(--bs-danger-soft)
}

.btn-outline-danger {
	color: var(--bs-danger);
	border-color: var(--bs-danger)
}

.btn-danger:hover {
	color: var(--bs-white);
	background-color: var(--bs-danger-dark);
	border-color: var(--bs-danger-dark)
}

.btn-soft-danger:hover,
.btn-outline-danger:hover {
	color: var(--bs-white);
	background-color: var(--bs-danger);
	border-color: var(--bs-danger)
}

.btn-dark {
	color: var(--bs-white);
	background-color: var(--bs-dark);
	border-color: var(--bs-dark)
}

.btn-soft-dark {
	color: var(--bs-dark);
	background-color: var(--bs-dark-soft);
	border-color: var(--bs-dark-soft)
}

.btn-outline-dark {
	color: var(--bs-dark);
	border-color: var(--bs-dark)
}

.btn-dark:hover {
	color: var(--bs-white);
	background-color: var(--bs-dark-dark);
	border-color: var(--bs-dark-dark)
}

.btn-soft-dark:hover,
.btn-outline-dark:hover {
	color: var(--bs-white);
	background-color: var(--bs-dark);
	border-color: var(--bs-dark)
}

.btn-outline-light {
	color: var(--bs-secondary-dark);
	border-color: var(--bs-secondary-dark)
}

.btn-secondary {
	color: var(--bs-dark);
	background-color: var(--bs-secondary);
	border-color: var(--bs-secondary)
}

.btn-secondary:hover {
	color: var(--bs-dark);
	background-color: var(--bs-secondary-dark);
	border-color: var(--bs-secondary-dark)
}

.read-more-link {
	font-weight: 600;
	font-family: 'Poppins', sans-serif !important;
	font-size: 15px
}

.read-more-link i {
	vertical-align: middle;
	transition: all 0.3s ease
}

.read-more-link:hover i {
	transform: translateX(3px);
	margin-left: 10px
}

.google-btn,
.facebook-btn {
	transition: all 0.3s ease
}

.google-btn:hover,
.facebook-btn:hover {
	background: var(--bs-primary-soft) !important
}

.divider-bar {
	width: 100%;
	min-height: 1px;
	background-color: var(--bs-secondary)
}

.divider-text {
	width: 60px;
	min-width: 60px;
	line-height: 1.056em
}

.fw-medium {
	font-weight: 700
}

.fw-semi-bold {
	font-weight: 700
}

.fw-bold {
	font-weight: 800 !important
}

.rounded-custom {
	border-radius: 1rem !important
}

.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-gradient h1,
.bg-gradient h2,
.bg-gradient h3,
.bg-gradient h4,
.bg-gradient h5,
.bg-gradient h6 {
	color: var(--bs-white)
}

.bg-primary p,
.bg-primary li,
.bg-primary span,
.bg-dark p,
.bg-dark li,
.bg-dark span,
.bg-gradient p,
.bg-gradient li,
.bg-gradient span {
	color: var(--bs-secondary-dark)
}

.bg-white h1,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5,
.bg-white h6,
.bg-light h1,
.bg-light h2,
.bg-light h3,
.bg-light h4,
.bg-light h5,
.bg-light h6 {
	color: initial
}

.bg-light > .bg-dark h1,
.bg-light .bg-dark h2,
.bg-light .bg-dark h3,
.bg-light .bg-dark h4,
.bg-light .bg-dark h5,
.bg-light .bg-dark h6,
.bg-light > .bg-gradient h1,
.bg-light .bg-gradient h2,
.bg-light .bg-gradient h3,
.bg-light .bg-gradient h4,
.bg-light .bg-gradient h5,
.bg-light .bg-gradient h6 {
	color: var(--bs-white)
}

.bg-white p,
.bg-white li,
.bg-white span {
	color: var(--body-color)
}

.text-white-60 {
	color: rgba(255, 255, 255, .6) !important
}

.text-white-70 {
	color: rgba(255, 255, 255, .7) !important
}

.text-white-80 {
	color: rgba(255, 255, 255, .8) !important
}

.text-white-90 {
	color: rgba(255, 255, 255, .9) !important
}

input[type]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
select.custom-select {
	color: #7e8086 !important;
	font-size: 14px;
	font-weight: 500
}

input[type]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
select.custom-select {
	color: #7e8086;
	font-size: 14px;
	font-weight: 500
}

input[type]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
select.custom-select {
	color: #7e8086;
	font-size: 14px;
	font-weight: 500
}

input[type]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
select.custom-select {
	color: #7e8086;
	font-size: 14px;
	font-weight: 500
}

select.form-select {
	background-image: url(../img/dropdown-arrow.svg)
}

select:invalid {
	color: #7e8086
}

.form-control,
.custom-select {
	font-size: 14px;
	display: block;
	width: 100%;
	height: calc(1.6em + 1.5rem + 2px);
	padding: .75rem 1rem;
	color: var(--body-color);
	background-clip: padding-box;
	border: 1px solid rgb(113 69 245);
	transition: all .2s ease;
	border-radius: 0.375rem
}

.form-control:focus,
.custom-select:focus {
	color: var(--bs-dark);
	background-color: var(--bs-white);
	border-color: #fc0303 !important;
	outline: 0;
	box-shadow: none;
}

.subscribe-feature-list li span {
	margin: 0 15px;
	font-size: 15px;
	display: flex;
	align-items: center
}

.subscribe-feature-list li span i {
	font-size: 16px
}

.bg-dark .subscribe-feature-list li span i {
	color: #7145f5 !important
}

.register-form label:not(.form-check-label) {
	font-size: 15px;
	font-weight: 500;
	font-family: #7145f5 !important
}

.form-check-label {
	font-size: 13px
}

.sign-up-in-section {
	min-height: 100vh;
	display: flex;
	align-items: center;
	width: 100%
}

.sticky-sidebar {
	position: sticky;
	top: 100px;
	transition: all 0.3s ease
}

.style-guide .bg-primary-soft .style-guide-heading h2 {
	margin-bottom: 0;
	font-size: 1.75rem
}

.sticky-header {
	padding: 20px 0;
	transition: all 0.3s ease
}

.affix {
	top: 0;
	left: 0;
	margin: auto;
	position: fixed;
	width: 100%;
	z-index: 999;
	animation: 300ms ease-in-out fadeInDown;
	background: var(--bs-dark);
	padding: 10px 0;
	transition: all 0.3s ease;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10)
}

.dropdown-grid {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto;
	background: var(--bs-white)
}

.dropdown-grid.width-half {
	grid-template-columns: 1fr;
	width: 320px
}

.dropdown-grid.width-full {
	grid-template-columns: 1fr 1fr;
	width: 650px
}

.width-full-3 {
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	width: 800px
}

.width-full-3 .dropdown-grid-item {
	width: 240px
}

.dropdown-grid-item {
	width: auto;
	padding: 20px
}

.width-full-3 .dropdown-grid-item.last-item {
	display: flex;
	flex-direction: column;
	width: auto;
	grid-column-start: span 2
}

.radius-right-side {
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem
}

.main-menu li.nav-item {
	position: relative
}

.dropdown-menu {
	right: auto;
	left: 50% !important;
	transform: translate(-50%, 0)
}

.main-menu li.nav-item .dropdown-menu:before {
	content: "";
	position: absolute;
	top: -9px;
	left: 50%;
	width: 20px;
	height: 20px;
	transform: translate(-50%, 0) rotate(-315deg);
	border-radius: 3px;
	background-color: var(--bs-white);
	opacity: 0;
	transition: all 0.3s ease
}

.main-menu li.nav-item:hover .dropdown-menu:before {
	opacity: 1
}

.main-menu li a.nav-link {
	padding: .85rem 1rem;
	font-size: 13px;
	font-weight: 500;
	position: relative;
	font-family: 'poppins'
}

.navbar-dark .main-menu li a.nav-link {
	color: var(--bs-secondary-dark)
}

.navbar-dark .action-btns a.btn-link {
	color: var(--bs-secondary-dark)
}

.navbar-light .main-menu li a.nav-link,
.navbar-light .action-btns a.btn-link,
.navbar-dark.sticky-header.affix .main-menu li a.nav-link,
.navbar-dark.sticky-header.affix .action-btns a.btn-link {
	color: var(--body-color)
}

.navbar-light.sticky-header.affix,
.navbar-dark.sticky-header.affix {
	background: var(--bs-white)
}

.navbar-light.sticky-header.affix .btn,
.navbar-dark.sticky-header.affix .btn,
.bg-dark .btn,
.coming-soon-section .btn,
.bg-gradient .btn,
.coming-soon-section .btn,
.navbar-dark .btn-primary {
	box-shadow: none
}

.navbar-light .navbar-brand img.logo-white,
.navbar-dark .navbar-brand img.logo-color,
.navbar-dark.sticky-header.affix .navbar-brand img.logo-white {
	display: none
}

.navbar-dark.sticky-header.affix .navbar-toggler span {
	color: var(--body-color)
}

.navbar-dark.sticky-header.affix .navbar-brand img.logo-color {
	display: block
}

.main-menu li a.nav-link:hover,
.action-btns a.btn-link:hover,
.navbar-dark.sticky-header.affix .main-menu li a.nav-link:hover,
.navbar-dark.sticky-header.affix .action-btns a.btn-link:hover {
	color: var(--bs-primary)
}

.dropdown-grid-item a {
	display: flex;
	align-items: center;
	text-decoration: none;
	padding: .55rem 1rem !important;
	transition: all .3s ease;
	border-radius: 4px
}

.drop-heading {
	padding-left: 1rem;
	margin-bottom: 13px
}

.drop-title {
	font-size: 14px;
	color: var(--body-color);
	font-weight: 500;
	/*font-family: #7145f5 !important*/
}

.dropdown-grid-item a:hover {
	background: var(--bs-light)
}

.dropdown-grid-item a span {
	opacity: 0.8;
	font-size: 14px;
	transition: all 0.3s ease-in-out
}

.dropdown-grid-item a:hover .drop-title,
.dropdown-grid-item a:hover span {
	color: var(--bs-primary);
	opacity: 1
}

.demo-list {
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin-right: 12px;
	text-align: center
}

.dropdown-info {
	display: flex;
	flex-direction: column
}

.dropdown-info p {
	font-size: 13px;
	margin-bottom: 0
}

.offcanvas-header button.close-btn {
	background: var(--bs-danger-soft);
	width: 30px;
	height: 30px;
	text-align: center;
	outline: none;
	box-shadow: none;
	border: none;
	border-radius: 20px
}

.offcanvas-header button.close-btn i {
	line-height: 29px
}

.offcanvas-body .dropdown-toggle::after {
	content: "\f067";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	position: absolute;
	right: 0;
	border: none
}

.offcanvas-body .main-menu li a.nav-link {
	color: var(--body-color);
	padding: .5rem 1rem
}

.offcanvas-body .main-menu li a.nav-link:hover {
	color: var(--bs-primary)
}

.offcanvas-body .radius-right-side {
	border-top-right-radius: 0;
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem
}

.offcanvas-body .dropdown-menu {
	position: relative
}

.offcanvas-body .dropdown-grid {
	display: block;
	width: auto
}

.offcanvas-body .dropdown-grid-item {
	width: 100%
}

.offcanvas-body .dropdown-grid-item.last-item {
	display: none
}

@media (max-width:1199px) {
	.nav.main-menu {
		display: block !important
	}

}

@media (max-width:991px) {
	.nav.main-menu {
		display: block
	}

}

@media (min-width:320px) and (max-width:767px) {
	.sticky-header.affix {
		padding: 15px 0 !important
	}

}

@media (min-width:320px) and (max-width:376px) {
	.action-btns a:first-of-type {
		margin-bottom: 10px
	}

}

.dropdown-toggle::after {
	vertical-align: middle
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: var(--bs-light);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	z-index: 999999
}

.preloader-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.preloader-wrap img {
	width: 60%;
}

.preloader-icon {
	width: 60px;
	height: 60px
}

.loading-bar {
	width: 25%;
	height: 3px;
	margin-top: 10px;
	position: relative;
	overflow: hidden;
	background: var(--bs-white);
}

.loading-bar::before {
	content: '';
	width: 90%;
	height: 3px;
	background: var(--bs-primary);
	position: absolute;
	left: -34px;
	animation: bluebar 1.5s infinite ease
}

@keyframes bluebar {
	50% {
		left: 96px
	}

}

.section-heading {
	margin-bottom: 50px
}

@media (min-width:991px) and (max-width:1199px) {
	.action-btns.me-lg-0 {
		margin-right: 3rem !important
	}

}

@media (max-width:991px) {
	.section-heading {
		margin-bottom: 40px
	}

}

.block-item-patterns {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

.block-item-pattern {
	height: 27px;
	width: 27px
}

.pattern-block-1:nth-child(1) .block-item-pattern:nth-child(1) {
	top: 0;
	right: 40px
}

.pattern-block-1:nth-child(1) .block-item-pattern:nth-child(2) {
	bottom: 27px;
	left: 0
}

.pattern-block-1:nth-child(1) .block-item-pattern:nth-child(3) {
	bottom: 0;
	left: 27px
}

.pattern-block-2:nth-child(1) .block-item-pattern:nth-child(1) {
	top: 60px;
	right: 0
}

.pattern-block-2:nth-child(1) .block-item-pattern:nth-child(2) {
	bottom: 60px;
	left: 0
}

.pattern-block-2:nth-child(1) .block-item-pattern:nth-child(3) {
	bottom: 60px;
	right: 0
}

.pattern-block-3:nth-child(1) .block-item-pattern:nth-child(1) {
	top: 0;
	left: 40px
}

.pattern-block-3:nth-child(1) .block-item-pattern:nth-child(2) {
	bottom: 27px;
	right: 0
}

.pattern-block-3:nth-child(1) .block-item-pattern:nth-child(3) {
	bottom: 0;
	right: 27px
}

.promo-icon i {
	line-height: normal
}

.card-bar {
	width: 100px;
	height: 10px;
	border-radius: 20px 0 0 20px
}

.promo-border-hover {
	transition: all 0.3s ease
}

.promo-border-hover:hover {
	background: transparent !important;
	border-color: #7145f5 !important
}

.contact-us-promo span {
	line-height: normal;
	margin-bottom: 30px
}

.process-card {
	position: relative;
	display: block;
	transition: all 0.3s ease
}

.process-card-two {
	transition: all 0.3s ease
}

.custom-shadow {
	box-shadow: 0 5px 20px 0 rgba(210, 210, 245, 0.5)
}

.shadow-hover:hover {
	box-shadow: 0 5px 20px 0 rgba(210, 210, 245, 0.5);
	z-index: 3
}

.process-icon {
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: all 0.3s ease;
	margin: 0 auto 35px
}

.process-card-two:hover .process-icon {
	background-color: var(--bs-white);
	color: var(--bs-primary)
}

.process-card:hover {
	background: var(--bs-white)
}

.process-card:hover .process-icon {
	background: #7145f5 !important
}

.process-card:hover .process-icon span,
.process-card:hover .process-icon span i {
	color: var(--bs-white) !important
}

.dots-line {
	position: relative;
	top: auto;
	right: auto;
	z-index: 2;
	width: 100px;
	height: 1px;
	padding-top: 0;
	flex: 1;
	border-bottom: 2px dashed var(--bs-primary)
}

.dots-line.first {
	position: relative;
	margin-right: -43px;
	margin-left: -43px
}

@media screen and (max-width:991px) {
	.dots-line {
		display: none
	}

}

.process-icon-2 i {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 22px
}

.process-icon-2 {
	position: relative
}

.process-icon-2:after {
	content: '';
	position: absolute;
	top: -20px;
	width: 0;
	right: 47%;
	transform: translate(-50%, 50%);
	height: 150px;
	z-index: -1;
	border-style: dashed;
	border-width: 1px;
	border-color: var(--bs-secondary-dark);
	background-color: transparent
}

.work-process-list li:last-child .process-icon-2:after {
	display: none
}

.work-process-list li,
.process-icon-2 i {
	transition: all 0.3s ease-in-out
}

.process-icon-2 i {
	opacity: 0.6
}

.work-process-list li:hover .process-icon-2 i {
	color: var(--bs-primary);
	opacity: 1
}

.promo-card-info h3 i {
	font-size: 38px
}

.setup-process-list {
	justify-content: space-between;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	justify-items: center
}

.setup-process-item {
	width: 100%
}

li.setup-process-item:not(:last-child) {
	position: relative
}

li.setup-process-item:not(:last-child):before {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	bottom: 0;
	width: 2px;
	background: rgba(116, 143, 181, 0.15)
}

@media only screen and (max-width:767px) {
	.setup-process-list {
		display: block;
		max-width: 250px;
		margin: 0 auto
	}

	li.setup-process-item:not(:last-child):before {
		top: auto;
		right: 0;
		left: 0;
		bottom: -2px;
		width: 100%;
		height: 2px
	}

}

.hero-subscribe-form-wrap {
	max-width: 460px
}

.skewed-wrap {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	overflow: hidden
}

.skewed-1 {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-bottom: 282px solid var(--bs-white);
	border-left: 100vw solid transparent
}

.hero-bg-img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media (min-width:320px) and (max-width:414px) {
	.hero-subscribe-form input.btn {
		position: relative;
		right: 0;
		top: 10px;
		margin-bottom: 15px;
		transition: all 0.3s ease-in
	}

	.hero-subscribe-form input.form-control {
		padding: .75rem 1rem
	}

}

.app-screen-bg {
	background-position: 50% 100%;
	background-size: contain;
	background-repeat: no-repeat
}

.app-screen-wrap {
	grid-row-start: 1;
	grid-row-end: 2;
	grid-column-start: 3;
	grid-column-end: 5;
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(29.4046deg) rotateY(0deg) rotateZ(-19.4046deg) skew(0deg, 0deg);
	transform-style: preserve-3d
}

.screen-grid {
	display: grid;
	grid-auto-columns: 1fr;
	grid-template-rows: auto auto;
	grid-row-gap: 16px;
	grid-column-gap: 16px
}

.grid-app-screens {
	width: 130%;
	max-width: 1100px;
	padding-left: 5%;
	justify-items: center;
	align-items: center;
	grid-template-columns: 1fr 2.2fr;
	perspective: 1000px;
	transform: perspective(1000px)
}

.screen-1 {
	grid-row-start: span 2;
	grid-row-end: span 2;
	width: 100%
}

.screen-3 {
	justify-self: start
}

.circle-shape-wrap {
	grid-column-end: 4;
	-ms-grid-column: 3;
	grid-column-start: 3;
	-ms-grid-row-span: 1;
	grid-row-end: 2;
	-ms-grid-row: 1;
	grid-row-start: 1
}

.circle-img-1 {
	position: absolute;
	width: 16%;
	margin-top: 2%;
	margin-left: 44%
}

.circle-img-2 {
	position: absolute;
	width: 10%;
	margin-top: -7%;
	margin-left: 57%
}

.circle-img-3 {
	position: absolute;
	width: 8%;
	margin-top: -19%;
	margin-left: 36%
}

.hero-screen-wrap {
	display: flex;
	align-items: flex-end;
	margin-right: -120px
}

.hero-screen-wrap .phone-screen {
	flex: 0 0 220px;
	width: 220px;
	margin-bottom: -30px;
	margin-right: -220px;
	z-index: 2
}

.hero-screen-wrap .mac-screen {
	flex: 0 0 885px;
	width: 885px;
	margin-right: -180px;
	z-index: 1
}

@media (min-width:1480px) and (max-width:1836px) {
	.hero-screen-wrap {
		margin-right: 0
	}

	.hero-screen-wrap .phone-screen {
		flex: 0 0 165px
	}

	.hero-screen-wrap .mac-screen {
		flex: 0 0 745px;
		margin-right: 0
	}

}

@media (min-width:320px) and (max-width:1479px) {
	.hero-screen-wrap {
		margin-right: 0
	}

	.hero-screen-wrap .phone-screen {
		flex: 0 0 100px;
		margin-right: 0
	}

	.hero-screen-wrap .mac-screen {
		flex: 0 0 565px;
		margin-right: 0
	}

}

@media (min-width:320px) and (max-width:767px) {
	.hero-screen-wrap {
		align-items: center;
		justify-content: center
	}

	.hero-screen-wrap .phone-screen {
		display: none
	}

	.hero-screen-wrap .mac-screen {
		flex: auto
	}

}

.widget-img-1 {
	top: 22%;
	left: -90px
}

.widget-img-2 {
	bottom: -12%;
	left: -75px
}

.widget-img-3 {
	top: 40%;
	right: -100px
}

.widget-img-4 {
	bottom: -10%;
	right: 35px
}

.widget-img-5 {
	top: -35%;
	left: -35%
}

.widget-img-6 {
	top: -30%;
	right: -35%
}

@media (min-width:320px) and (max-width:991px) {
	.widget-img-wrap {
		display: none
	}

}

.office-address {
	height: 360px;
	position: relative;
	width: 100%;
	transition: all .3s ease-in
}

.office-content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	width: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .45)));
	background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .45));
	background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .45));
	transition: all .3s ease-in
}

.office-overlay {
	opacity: 0;
	background-color: rgba(11, 22, 63, .5);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	z-index: -1
}

.office-info {
	flex: 0 1 38%;
	display: flex;
	flex-flow: column wrap;
	justify-content: space-between;
	align-items: center;
	transform: translateY(70%);
	transition: all .3s linear
}

.office-info h5 {
	color: var(--bs-white)
}

.office-info address {
	color: var(--bs-white);
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear .5s, opacity .8s linear;
	padding-bottom: 33px
}

.office-address:hover .office-overlay {
	opacity: 1
}

.office-address:hover  .office-info {
	transform: translateY(0)
}

.office-address:hover .office-info address {
	visibility: visible;
	opacity: 1;
	transition-delay: .2s
}

.about-content-left {
	max-width: 602px;
	margin-right: 30px
}

.about-content-left .about-img-first {
	width: 100%;
	max-width: 76%
}

.about-content-right {
	display: flex;
	max-width: 47%;
	flex-direction: column
}

.about-content-right .about-img-last {
	max-width: 126%;
	margin-top: auto;
	align-self: flex-end
}

@media (min-width:992px) and (max-width:1199px) {
	.about-content-left {
		max-width: 450px
	}

}

@media (min-width:320px) and (max-width:991px) {
	.section-heading-wrap {
		flex-direction: column
	}

	.about-content-left {
		margin-bottom: 40px;
		flex-direction: column;
		align-items: stretch;
		margin-right: 0
	}

	.about-content-right {
		max-width: 100%;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start
	}

	.about-content-left .about-img-first {
		max-width: 100%;
		margin-top: 0 !important
	}

	.about-content-right img:first-of-type {
		width: 45%;
		margin: 0 !important
	}

	.about-content-right img:last-of-type {
		width: 50%;
		margin: 0 !important
	}

}

.story-grid {
	width: 100%;
	height: 720px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto
}

.story-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1.5rem;
	text-align: center;
	width: 100%
}

.dot-mask {
	-webkit-mask-image: url(../img/dots.svg);
	mask-image: url(../img/dots.svg)
}

.dm-wh-200 {
	width: 200px;
	height: 200px
}

.dm-wh-250 {
	width: 250px;
	height: 250px
}

.dm-wh-300 {
	width: 300px;
	height: 300px
}

.dm-wh-350 {
	width: 350px;
	height: 350px
}

.dm-size-10 {
	-webkit-mask-size: 10px;
	mask-size: 10px
}

.dm-size-12 {
	-webkit-mask-size: 12px;
	mask-size: 12px
}

.dm-size-14 {
	-webkit-mask-size: 14px;
	mask-size: 14px
}

.dm-size-16 {
	-webkit-mask-size: 16px;
	mask-size: 16px
}

.dm-size-18 {
	-webkit-mask-size: 18px;
	mask-size: 18px
}

.dm-size-20 {
	-webkit-mask-size: 20px;
	mask-size: 20px
}

.dot-mask.bottom-right {
	right: -42px;
	bottom: -42px
}

.dot-mask.top-right {
	right: -42px;
	bottom: -42px
}

.dot-mask.top-left {
	left: -42px;
	top: -42px
}

.dot-mask.bottom-left {
	left: -42px;
	bottom: -42px
}

@media (min-width:320px) and (max-width:575px) {
	.dot-mask.top-left,
	.left--40 {
		left: 0 !important
	}

	.dot-mask.top-right,
	.dot-mask.bottom-right,
	.right--40 {
		right: 0 !important
	}

	.dm-wh-350 {
		display: none
	}

	.author-img-wrap.pt-5,
	.author-img-wrap.ps-5 {
		padding-top: 0 !important;
		padding-left: 0 !important
	}

}

.two-bg-color {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, var(--bs-primary)), color-stop(0, var(--bs-light)));
	background-image: linear-gradient(90deg, var(--bs-primary) 40%, var(--bs-light) 0)
}

.two-bg-dark-light {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, var(--bs-dark)), color-stop(0, var(--bs-light)));
	background-image: linear-gradient(90deg, #d9fa03 40%, var(--bs-light) 0)
}

@media (min-width:320px) and (max-width:767px) {
	.two-bg-dark-light {
		background: var(--bs-light)
	}

}

.feature-icon {
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center
}

.icon-center {
	margin: 0 auto 32px
}

.feature-icon img {
	padding: 15px
}

.img-bg-shape {
	bottom: 0;
	left: 50%;
	top: 0;
	transform: translateX(-50%) scale(1.1);
	width: 80%
}

.skewed-img-right {
	backface-visibility: hidden;
	transform: rotateY(-35deg) rotateX(15deg)
}

.skewed-img-left {
	backface-visibility: hidden;
	transform: rotateY(-25deg) rotateX(-10deg)
}

.img-overlay-list {
	left: 40px;
	bottom: 30px;
	z-index: 1;
	grid-row-gap: 17px;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.img-overlay-list li {
	margin: 12px 0
}

.img-overlay-list li i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-right: 12px
}

.customer-logos-grid {
	display: grid;
	grid-auto-columns: 1fr;
	grid-row-gap: 16px;
	margin-right: auto;
	margin-left: auto;
	grid-column-gap: 40px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto
}

.customer-logos-grid img,
.customer-logo {
	transition: all 0.3s ease-in-out
}

.customer-logo-gray {
	filter: opacity(0.6)
}

.customer-logo {
	filter: brightness(1) invert(1)
}

.customer-logo:hover {
	filter: brightness(0) invert(1)
}

.customer-logo-gray:hover {
	filter: none
}

.client-logo-img {
	justify-content: space-between;
	display: grid;
	grid-gap: 25px;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr))
}

.client-logo-img li {
	width: 100%
}

@media (min-width:320px) and (max-width:575px) {
	.customer-logos-grid {
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 30px
	}

}

.choose-soft-img {
	position: relative;
	left: 25%
}

.list-two-col,
.list-three-col {
	max-width: 100%
}

.list-two-col li {
	flex: 0 0 50%;
	max-width: 50%;
	padding-right: 12px
}

.list-three-col li {
	flex: 0 0 33%;
	max-width: 33%;
	padding-right: 12px
}

@media (min-width:320px) and (max-width:575px) {
	.list-two-col li {
		flex: 0 0 100%;
		max-width: 100%
	}

}

@media (min-width:320px) and (max-width:767px) {
	.list-three-col li {
		flex: 0 0 100%;
		max-width: 100%
	}

}

.feature-img .feature-top-img {
	position: absolute;
	left: 0.5rem;
	top: 5rem
}

.feature-img-shape:before {
	display: block;
	content: "";
	position: absolute;
	top: -10px;
	right: -60px;
	z-index: -1;
	width: 150px;
	height: 150px;
	transform: scale(-1, 1);
	background-repeat: no-repeat
}

@media (min-width:320px) and (max-width:575px) {
	.feature-img-shape:before {
		display: none
	}

}

.feature-img-shape-top-right:before {
	background-image: url(../img/shape/dot-big-square.svg)
}

@media (min-width:320px) and (max-width:991px) {
	.hide-medium {
		display: none
	}

}

.screenshots-content-wrap {
	position: relative;
	z-index: 2
}

.roted-img-wrap {
	display: flex;
	flex-direction: column;
	margin-top: -100px;
	perspective: 2200px
}

.roted-img {
	position: relative;
	z-index: -1;
	width: 100%;
	margin-bottom: -90px;
	-webkit-transform: rotateX(50deg) rotateY(0) rotateZ(0);
	transform: rotateX(50deg) rotateY(0) rotateZ(0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.half-screen {
	top: 4%;
	left: 2.1%;
	width: 94%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
	border-top-left-radius: .9375rem;
	border-top-right-radius: .9375rem
}

.feature-grid {
	display: -ms-grid;
	display: grid;
	width: 100%;
	grid-auto-columns: 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto auto;
	transition: all 0.3s ease-in-out
}

.highlight-card {
	-ms-grid-column-span: 1;
	grid-column-end: 2;
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-row-span: 2;
	grid-row-end: 3;
	-ms-grid-row: 1;
	grid-row-start: 1;
	display: block
}

.feature-card.border:hover {
	border-color: var(--bs-primary) !important;
	transition: all 0.3s ease-in-out;
	background: transparent
}

@media (min-width:767px) and (max-width:992px) {
	.feature-grid {
		grid-template-columns: 1fr 1fr
	}

}

@media (min-width:320px) and (max-width:768px) {
	.feature-grid {
		grid-template-columns: 1fr
	}

}

.border-line-style {
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-color: var(--bs-primary-soft);
	padding-top: 0;
	padding-bottom: 0;
	border-top: 0 none transparent;
	border-right: 0 none transparent;
	border-bottom: 0 none transparent
}

.border-line {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	width: 2px;
	height: 65px;
	margin-top: 0;
	margin-left: -1px;
	background-color: var(--bs-primary)
}

.feature-bg-mockup {
	position: absolute;
	opacity: .35;
	-o-object-fit: cover;
	object-fit: cover
}

.feature-tab-list li a {
	text-align: center;
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	font-family: #7145f5 !important;
	color: var(--bs-dark);
	border-radius: 6px 6px 0 0
}

.feature-tab-list li a.active {
	background: var(--bs-dark);
	color: var(--bs-white)
}

.feature-tab-list-2 li a {
	border: 2px solid rgba(216, 216, 216, 0.2);
	background: rgba(216, 216, 216, 0.25);
	border-radius: .5rem;
	padding: .5rem 1.5rem;
	font-size: 14px;
	font-weight: 500;
	font-family: #7145f5 !important;
	color: var(--body-color);
	margin-right: 15px;
	transition: all 0.3s ease
}

.feature-tab-list-2 li a:hover {
	background: var(--bs-primary);
	border-color: var(--bs-primary);
	color: var(--bs-white)
}

.feature-tab-list-2 li a.active {
	background: var(--bs-primary);
	color: var(--bs-white);
	border-color: var(--bs-primary)
}

.feature-tab-list-2 li:last-child a {
	margin-right: 0
}

@media (min-width:320px) and (max-width:767px) {
	.feature-tab-list-2 {
		justify-content: start !important
	}

	.feature-tab-list-2 li {
		margin: 5px 0
	}

}

.job-time {
	font-size: 14px
}

.company-logo {
	height: 130px;
	flex: 0 0 130px
}

.company-logo .logo {
	display: flex;
	height: 100%
}

.company-logo .logo img {
	align-self: center;
	transform: translate3d(0, 0, 0)
}

.company-info-wrap {
	display: flex
}

.company-overview ul li {
	font-size: 15px
}

.annual-salary-wrap {
	background: var(--bs-white);
	padding: 30px;
	text-align: center
}

.annual-salary-wrap h6 {
	color: var(--bs-dark)
}

@media (min-width:320px) and (max-width:767px) {
	.company-logo {
		height: 100px;
		width: auto;
		margin-bottom: 25px;
		display: inline-block
	}

	.company-info-wrap {
		display: inline-block
	}

}

@media (min-width:320px) and (max-width:992px) {
	.annual-salary-wrap {
		background: transparent;
		padding: 0;
		margin-top: 35px;
		text-align: left
	}

	.annual-salary-wrap h6 {
		color: var(--bs-white)
	}

}

.content-list li {
	position: relative;
	font-size: 15px;
	padding-left: 15px;
	margin-bottom: 15px
}

.content-list li:before {
	position: absolute;
	left: 0;
	top: 11px;
	height: 6px;
	width: 6px;
	background: var(--bs-dark);
	content: "";
	border-radius: 50%
}

.job-info-list li {
	font-size: 14px;
	margin-right: 15px !important
}

.job-overview-list li {
	position: relative;
	display: flex;
	font-size: 16px;
	margin-bottom: 20px
}

.job-overview-list li i {
	margin-right: 15px
}

.overview-item span {
	font-size: 14px
}

.icon-box {
	margin-bottom: 30px
}

.icon-box i {
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 22px
}

@media (min-width:767px) {
	.cta-left-info {
		width: 65% !important
	}

}

@media (min-width:767px) {
	.cta-img {
		width: 35% !important
	}

}

@media (min-width:320px) and (max-width:767px) {
	.cta-left-info {
		width: 100%
	}

	.cta-img {
		display: none
	}

}

.software-uikit {
	flex: 1;
	background-position: 50px 100px;
	background-size: cover;
	background-repeat: no-repeat
}

.img-with-shape-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end
}

.shape-image {
	overflow: hidden;
	border-radius: 1rem
}

.shape-image .screen-img {
	position: relative;
	left: 80px;
	top: 90px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0 0
}

.shape-bottom {
	position: absolute;
	left: 0;
	top: auto;
	right: auto;
	bottom: -10%;
	width: 100%
}

.circle-shape-2 {
	width: 335px;
	min-height: 335px;
	min-width: 335px
}

.circle-shape-1 {
	top: -240px;
	width: 356px;
	min-height: 356px;
	min-width: 356px
}

.circle-shape-3 {
	bottom: -210px;
	width: 300px;
	min-height: 300px;
	min-width: 300px
}

@media (min-width:320px) and (max-width:991px) {
	.circle-shape-2,
	.circle-shape-1,
	.circle-shape-3 {
		display: none
	}

}

.testimonial-tab-slider-wrap,
.testimonial-tab-indicator {
	transition: all 0.3s ease
}

.testimonial-tab-indicator li button {
	padding: 0;
	margin-right: 15px
}

.author-info span {
	font-size: 15px
}

.testimonial-tab-indicator li button img {
	transform: scale(0.8);
	transition: all 0.3s ease
}

.nav-pills.testimonial-tab-indicator .nav-link.active,
.nav-pills.testimonial-tab-indicator .show>.nav-link {
	background: transparent !important
}

.nav-pills.testimonial-tab-indicator .nav-link.active img {
	transform: scale(1)
}

.swiper-button-next,
.swiper-button-prev {
	width: 45px;
	border: 1px solid #ebebeb;
	background-color: var(--bs-white);
	border-radius: 6px;
	box-shadow: 0 11px 24px 0 rgba(0, 0, 0, 0.09)
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	background-color: var(--bs-primary);
	color: var(--bs-white) !important
}

.swiper-button-prev:after,
.swiper-button-next:after {
	font-size: 13px;
	font-weight: 600
}

.swiper-button-next {
	right: -25px
}

.swiper-button-prev {
	left: -25px
}

@media (min-width:320px) and (max-width:645px) {
	.swiper-button-next {
		right: 0
	}

	.swiper-button-prev {
		left: 0
	}

}

.review-rate li {
	margin-right: 2px !important
}

.review-rate li i {
	font-size: 12px;
	line-height: normal
}

.blockquote {
	font-size: 1.125rem
}

.testimonial-tab-list li a {
	margin-right: 10px
}

.testimonial-tab-list li a img {
	border: 2px solid var(--bs-secondary);
	transform: scale(1);
	padding: 4px;
	transition: all 0.3s ease
}

.testimonial-tab-list li a.active img {
	border-color: var(--bs-primary);
	transform: scale(1.1)
}

.testimonial-tab-menu {
	display: grid;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	grid-auto-columns: 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	grid-template-rows: auto
}

.testimonial-tab-menu li {
	width: 100%;
	cursor: pointer
}

.testimonial-tab-link {
	transition: all 0.3s ease-in-out;
	background: rgba(255, 255, 255, 0.05) !important
}

.testimonial-video-wrapper:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.6;
	transition: all .3s ease;
	border-radius: 1rem;
	height: 100%;
	width: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(23, 19, 71, 1)));
	background-image: -webkit-linear-gradient(top, transparent, rgba(23, 19, 71, 1));
	background-image: linear-gradient(180deg, transparent, rgba(23, 19, 71, 1))
}

.testimonial-video-wrapper .video-icon i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: var(--bs-primary);
	color: var(--bs-white);
	border-radius: 50%;
	transition: all .3s ease;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18)
}

.testimonial-video-wrapper .customer-info {
	position: absolute;
	left: 8%;
	bottom: 8%
}

.testimonial-tab-menu.nav-pills .nav-link {
	padding: 1rem 1rem
}

.testimonial-tab-menu.nav-pills .nav-link.active,
.testimonial-tab-menu.nav-pills .show>.nav-link {
	border-color: var(--bs-white) !important;
	box-shadow: 0 20px 20px 0 rgba(2, 19, 79, 0.1);
	background: var(--bs-white) !important;
	transform: translateY(-3px)
}

.bg-dark .testimonial-tab-menu.nav-pills .nav-link.active,
.bg-dark .testimonial-tab-menu.nav-pills .show>.nav-link,
.bg-gradient .testimonial-tab-menu.nav-pills .nav-link.active,
.bg-gradient .testimonial-tab-menu.nav-pills .show>.nav-link {
	border-color: rgba(101, 101, 101, 0.06) !important;
	background: rgba(255, 255, 255, 0.1) !important
}

.testimonial-tab-menu.nav-pills .nav-link.active {
	color: var(--body-color)
}

@-webkit-keyframes ripple-white {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .2), 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 40px rgba(255, 255, 255, .2);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .2), 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 40px rgba(255, 255, 255, .2)
	}

	100% {
		-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 40px rgba(255, 255, 255, .2), 0 0 0 60px transparent;
		box-shadow: 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 40px rgba(255, 255, 255, .2), 0 0 0 60px transparent
	}

}

@keyframes ripple-white {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .2), 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 40px rgba(255, 255, 255, .2);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .2), 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 40px rgba(255, 255, 255, .2)
	}

	100% {
		-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 40px rgba(255, 255, 255, .2), 0 0 0 60px transparent;
		box-shadow: 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 40px rgba(255, 255, 255, .2), 0 0 0 60px transparent
	}

}

.pricing-header .package-name {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 14px
}

.pricing-header h4 span {
	font-size: 14px;
	font-weight: 500;
	margin-left: 5px
}

.pricing-feature-list li {
	font-size: 15px;
	padding: 5px 0
}

.single-pricing-wrap {
	transition: transform 300ms ease
}

.transform-hover:hover {
	transform: translate(0px, -10px)
}

.transition-base {
	transition: all 0.3s ease
}

.integration-list-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end
}

.integration-list-wrap a {
	position: relative;
	display: flex;
	margin-right: 16px;
	margin-left: 16px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	box-shadow: 7px 7px 10px 0 rgba(55, 65, 81, 0.12)
}

.integration-list-wrap a {
	width: 65px
}

.integration-list-wrap a img {
	padding: 10px
}

.integration-list-wrap a.integration-1 {
	left: -120px;
	top: 0
}

.integration-list-wrap a.integration-2 {
	top: -21px;
	right: -22px
}

.integration-list-wrap a.integration-3 {
	left: -191px;
	margin-right: 16px;
	margin-left: 16px
}

.integration-list-wrap a.integration-4 {
}

.integration-list-wrap a.integration-5 {
	left: -150px;
	bottom: -30px
}

.integration-list-wrap a.integration-6 {
	left: 50px;
	bottom: 0
}

.integration-list-wrap a.integration-7 {
	left: 120px;
	top: 0
}

.integration-list-wrap a.integration-8 {
	top: -21px;
	right: 22px
}

.integration-list-wrap a.integration-9 {
	left: 191px
}

.integration-list-wrap a.integration-10 {
}

.integration-list-wrap a.integration-11 {
	left: 150px;
	bottom: -30px
}

.integration-list-wrap a.integration-12 {
	left: -50px;
	bottom: 0
}

.integration-badge {
	top: 8%;
	right: 8%;
	font-size: 12px;
	letter-spacing: 0.2px;
	font-family: #7145f5 !important
}

.connected-app-single {
	transition: all 0.3s ease
}

.connected-app-single:hover {
	transform: translateY(-2px);
	box-shadow: 0 20px 20px 0 rgba(2, 19, 79, 0.09);
	background: var(--bs-white) !important
}

@media (min-width:320px) and (max-width:991px) {
	.integration-list-wrap {
		flex-direction: row
	}

	.integration-list-wrap a {
		position: inherit;
		width: 45px
	}

	.integration-list-wrap a img {
		padding: 10px
	}

}

@media (min-width:320px) and (max-width:767px) {
	.integration-list-wrap a img {
		padding: 0
	}

	.integration-list-wrap a {
		box-shadow: none;
		margin-right: 8px;
		margin-left: 8px
	}

}

.integration-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
	justify-content: space-between;
	grid-gap: 25px;
	justify-items: center
}

.integration-list li {
	width: 100%
}

.integration-list li .single-integration {
	box-shadow: rgba(13, 21, 55, 0.06) 0 5px 50px;
	display: block;
	margin: auto;
	text-align: center;
	background: #e9e9e9;
	padding: 20px;
	border-radius: 25px;
	transition: all 0.3s ease
}

.integration-list li .single-integration img {
	width: 100%;
	height: auto;
	margin: auto
}

.integration-list li .single-integration:hover {
	box-shadow: 0 20px 20px 0 rgba(2, 19, 79, 0.1);
	transform: translateY(-2px)
}

.integration-logo {
	margin-bottom: 30px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12)
}

@media (min-width:768px) {
	.integration-logo-wrap {
		grid-gap: 12px
	}

}

.integration-icon {
	width: 22px;
	height: 22px
}

.included-feature-list li {
	display: flex;
	align-items: center
}

.mb--100 {
	margin-bottom: -100px
}

.mb-32 {
	margin-bottom: 32px
}

.white-space-100 {
	height: 100px
}

.pricing-tab-list {
	display: inline-flex
}

.pricing-tab-list li button {
	border: 0;
	outline: none;
	box-shadow: none;
	padding: 6px 15px;
	font-family: 'Poppins', sans-serif !important;
	font-size: 16px;
	font-weight: 700;
	background: var(--bs-light)
}

.pricing-tab-list li:first-child button {
	border-radius: 5px 0 0 5px
}

.pricing-tab-list li:last-child button {
	border-radius: 0 5px 5px 0
}

.pricing-tab-list li button.active {
	background: var(--bs-dark);
	color: var(--bs-white)
}

.pricing-price span {
	font-size: 14px;
	color: var(--body-color)
}

.pricing-content-wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.price-feature-col {
	flex: 0 0 auto;
	width: 50%
}

.left-radius {
	border-radius: 1rem 0 0 1rem
}

.right-radius {
	border-radius: 0 1rem 1rem 0
}

@media (min-width:320px) and (max-width:767px) {
	.price-feature-col {
		width: 100%
	}

	.price-feature-col.left-radius {
		border-radius: 1rem 1rem 0 0
	}

	.right-radius {
		border-radius: 1rem 1rem 0 0
	}

}

@media (min-width:767px) and (max-width:991px) {
	.price-feature-col {
		width: 100%
	}

	.right-radius {
		border-radius: 1rem 1rem 0 0
	}

}

.faq-icon {
	font-size: 25px;
	line-height: normal
}

.faq-accordion .accordion-item {
	margin-bottom: 15px;
	border-radius: 1rem
}

.faq-accordion .accordion-item:last-of-type {
	margin-bottom: 0
}

.faq-accordion .accordion-item button {
	border-radius: 1rem 1rem 0 0;
	border: none;
	padding: 1.5rem;
	font-size: 18px;
	font-weight: 600
}

.faq-accordion .accordion-item button.accordion-button {
	border-radius: 1rem
}

.faq-accordion .accordion-item:last-of-type .accordion-button.collapsed {
	border-radius: 1rem
}

.faq-accordion .accordion-body {
	padding: 0 1.5rem 1.5rem 1.5rem
}

.faq-accordion .accordion-item button:focus {
	border-color: transparent;
	box-shadow: none
}

.faq-accordion .accordion-item .accordion-button:not(.collapsed) {
	background: transparent;
	box-shadow: none;
	color: #030b3c
}

.accordion-list li {
	padding: 5px 0
}

.accordion-list li a {
	color: #7145f5 !important;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #7145f5 !important;
	padding-bottom: 17px
}

.accordion-list li a:hover {
	color: var(--bs-primary)
}

.support-article-tab {
	display: inline-block
}

.support-article-tab.nav-pills .nav-link.active,
.support-article-tab.nav-pills .show>.nav-link {
	color: var(--bs-primary);
	background: transparent
}

.support-article-tab button.nav-link {
	padding: .5rem 0;
	display: inline-flex;
	width: 100%
}

.support-article-tab button.nav-link:hover,
.support-article-tab a:hover {
	color: #7145f5 !important
}

.quick-support a {
	transition: all 0.3s ease
}

.quick-support a:hover {
	color: #7145f5 !important
}

.quick-support-icon i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center
}

.support-article-title {
	font-family: var(--bs-font-sans-serif);
	transition: all 0.3s ease
}

.support-article-list li a:hover .support-article-title {
	color: var(--bs-primary)
}

.support-article-list li a:hover .read-more-link i {
	transform: translateX(3px);
	margin-left: 10px
}

.support-article-list li a:hover .read-more-link {
	opacity: 0.9
}

.support-article-list li a:hover p {
	color: var(--body-color)
}

.blog-grid {
	display: flex;
	flex-flow: row nowrap;
	transition: all 0.3s ease;
	opacity: 1
}

.blog-grid .featured-post-wrapper,
.blog-grid .posts-wrapper {
	display: flex;
	flex-flow: column nowrap;
	flex: 1 1
}

.blog-grid .featured-post-wrapper .blog-item,
.blog-grid .posts-wrapper .blog-item {
	flex: 1 1;
	display: flex;
	padding: 15px;
	width: 100%
}

.blog-grid .blog-item .blog-content {
	border-radius: 1rem
}

.blog-grid .featured-post-wrapper .blog-item .read-more-link,
.blog-grid .posts-wrapper .blog-item .read-more-link {
	display: inline-block
}

.blog-grid .featured-post-wrapper .blog-item .read-more-link a,
.blog-grid .posts-wrapper .blog-item .read-more-link a {
	transition: all 0.3s ease;
	transform: translateX(-15px);
	background-color: transparent;
	color: var(--bs-primary)
}

.blog-grid .featured-post-wrapper .blog-item .read-more-link a i,
.blog-grid .posts-wrapper .blog-item .read-more-link a i {
	margin-left: 10px;
	margin-right: 0;
	font-size: 14px;
	line-height: 14px;
	position: relative;
	text-align: left;
	margin-top: 3px
}

.blog-grid .featured-post-wrapper .blog-item:hover .read-more-link a,
.blog-grid .posts-wrapper .blog-item:hover .read-more-link a {
	transition: all 0.3s ease;
	transform: translateX(0);
	background-color: var(--bs-primary);
	color: var(--bs-white)
}

.blog-grid .featured-post-wrapper .blog-item .blog-content:hover,
.blog-grid .posts-wrapper .blog-item .blog-content:hover {
	box-shadow: none
}

.blog-grid .featured-post-wrapper .blog-item .blog-content:hover .blog-media img,
.blog-grid .posts-wrapper .blog-item .blog-content:hover .blog-media img {
	transition: all 0.3s ease;
	transform: scale(1.1)
}

.blog-grid .featured-post-wrapper .blog-item .blog-content:hover .blog-text h3,
.blog-grid .posts-wrapper .blog-item .blog-content:hover .blog-text h3 {
	color: var(--bs-primary)
}

.blog-grid .featured-post-wrapper .blog-item .blog-content .blog-text h3 {
	color: var(--bs-primary)
}

.blog-grid .featured-post-wrapper .blog-item .read-more-link a {
	transition: all 0.3s ease;
	transform: translateX(0);
	background-color: var(--bs-primary);
	color: var(--bs-white)
}

.blog-text a {
	text-decoration: none
}

.blog-grid .featured-post-wrapper .blog-item .blog-content {
	display: flex;
	flex: 1 1 100%;
	flex-flow: column nowrap;
	position: relative;
	width: 100%
}

.blog-grid .featured-post-wrapper .blog-item .blog-content .blog-media {
	flex: 1 1 46%;
	width: 100%;
	border-radius: 1rem 1rem 0 0
}

.blog-grid .featured-post-wrapper .blog-item .blog-content .blog-text {
	height: 290px;
	width: 100%
}

.blog-grid .featured-post-wrapper .blog-item .blog-content .blog-text .featured-badge {
	position: absolute;
	right: 5%;
	top: -1px
}

.blog-grid .featured-post-wrapper .blog-item .blog-content .blog-text .featured-badge i {
	font-size: 35px
}

.blog-grid .blog-content {
	background-color: var(--bs-white);
	background-size: cover;
	box-shadow: none;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	transition: all 0.3s ease
}

.blog-grid .blog-content .blog-media {
	height: auto;
	display: flex;
	justify-content: center;
	position: relative;
	width: 35%;
	overflow: hidden;
	border-radius: 1rem 0 0 1rem
}

.blog-grid .blog-content .blog-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: var(--bs-white);
	transition: all 0.3s ease
}

.blog-grid .blog-content .blog-text {
	padding: 33px;
	width: 65%
}

@media (min-width:320px) and (max-width:991px) {
	.blog-grid {
		display: block
	}

}

@media (min-width:320px) and (max-width:767px) {
	.blog-grid .featured-post-wrapper .blog-item .blog-content .blog-text {
		height: auto
	}

	.blog-grid .blog-content .blog-media,
	.blog-grid .blog-content .blog-text {
		width: 100%
	}

	.blog-grid .blog-content .blog-media {
		border-radius: 1rem 1rem 0 0
	}

}

.single-article {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: var(--bs-white);
	background-clip: border-box;
	border: 1px solid rgb(241, 241, 241);
	transition: all .3s ease-in-out
}

.single-article a {
	text-decoration: none;
	display: block
}

.article-img {
	position: relative;
	overflow: hidden
}

.article-img:before {
	content: "";
	display: block;
	background: rgba(0, 0, 0, 0.25);
	transition: all .3s ease-in;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1
}

.article-img img {
	flex-shrink: 0;
	width: 100%;
	height: 14rem;
	object-fit: cover;
	transition: all .3s ease-in-out;
	transform: rotate(0) scale(1)
}

.single-article.feature-article {
	flex-direction: row
}

.single-article.feature-article .article-img img {
	height: 20rem
}

.single-article.feature-article .article-content {
	width: fit-content
}

@media (min-width:320px) and (max-width:575px) {
	.single-article.feature-article {
		flex-direction: column
	}

	.single-article.feature-article .article-img img {
		height: 14rem
	}

}

.article-category a {
	font-weight: 600;
	font-family: #7145f5 !important
}

.avatar-name {
	font-size: 15px
}

.avatar-info span {
	font-size: 14px
}

.article-title:hover,
.avatar-name:hover {
	color: var(--bs-primary)
}

.limit-2-line-text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.single-article:hover .article-img img {
	transform: rotate(3deg) scale(1.1)
}

.single-article:hover .article-img:before {
	background: transparent
}

.single-article:hover {
	transition: all 0.3s;
	box-shadow: 0 11px 18px -8px rgba(0, 0, 0, 0.16)
}

.page-link {
	padding: .5rem 1.25rem;
	font-size: .875rem;
	line-height: 1.5;
	font-family: #7145f5 !important;
	font-weight: 600
}

.page-item.active .page-link {
	background: var(--bs-primary);
	border-color: var(--bs-primary)
}

.page-link:focus {
	box-shadow: none;
	color: var(--bs-primary)
}

.download-btn {
	border: 1px solid var(--body-color);
	margin-right: 20px;
	align-items: center;
	padding: 5px 20px;
	border-radius: 4px;
	margin-bottom: 10px
}

.download-btn span {
	font-size: 28px;
	line-height: 28px;
	margin-right: 15px;
	color: var(--bs-primary)
}

.download-btn p {
	line-height: 20px;
	margin-bottom: 5px;
	font-weight: 600;
	text-align: left
}

.download-btn p small {
	opacity: 0.5;
	font-size: 11px
}

.team-single-wrap {
	position: relative;
	display: block;
	overflow: hidden;
	transition: all 0.3s ease
}

.team-img {
	position: relative;
	overflow: hidden
}

.team-img img {
	transition: all 0.3s ease
}

.team-single-wrap:hover .team-img img {
	transform: scale(1.1);
	box-shadow: 0 0 1.25rem rgba(31, 45, 61, 0.05)
}

.team-social-list {
	position: absolute;
	top: 8%;
	right: 8%
}

.team-social-list.team-social-style-2 {
	bottom: 8%;
	top: auto
}

.team-social-list li {
	margin: 3px 0 !important
}

.team-social-list li a,
.author-social-list li a {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 15px;
	border-radius: 3px;
	background: var(--bs-light);
	color: var(--body-color);
	transform: translateX(250px);
	transition: all .4s ease-in-out
}

.author-social-list.social-bg-ts li a {
	background: transparent;
	color: var(--bs-white)
}

.team-social-list li a:hover,
.author-social-list li a:hover {
	background: var(--bs-primary);
	color: var(--bs-white)
}

.team-single-wrap:hover .team-social-list li a {
	transform: translateX(0);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12)
}

.author-social-list li a {
	transform: none
}

.animated-hero-1 .type-0 {
	right: -110px;
	top: -160px
}

@media (min-width:991px) and (max-width:1560px) {
	.animated-hero-1 .type-0 {
		top: -100px
	}

}

@media (min-width:320px) and (max-width:991px) {
	.animated-hero-1 {
		display: none
	}

}

.shape-bottom-img img.bottom-shape {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	z-index: 1;
	width: 100%;
	margin: 0 auto
}

.animate-element {
	list-style: none;
	width: 100%;
	height: 100%;
	right: 0
}

.animate-element li {
	position: absolute;
	height: 100%;
	width: 100%
}

.circle-shape-images {
	position: relative;
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.circle-shape-item {
	position: absolute;
	opacity: 0.55
}

.circle-shape-item.type-0.hero-1 {
	left: 12px;
	bottom: -40px;
	width: 340px;
	opacity: 0.8
}

.circle-shape-item.type-1.hero-1 {
	right: 55px;
	top: 40px;
	width: 186px
}

.circle-shape-item.type-2.hero-1 {
	right: 40px;
	bottom: -20px;
	width: 100px
}

.circle-shape-item.type-3.hero-1 {
	left: 115px;
	top: 25px;
	width: 36px
}

.circle-shape-item.type-4.hero-1 {
	left: 135px;
	top: 55px;
	width: 70px
}

.circle-shape-item.type-5.hero-1 {
	right: 0;
	bottom: -60px;
	width: 50px
}

@media (min-width:320px) and (max-width:575px) {
	.circle-shape-item.type-0.hero-1 {
		width: 250px
	}

}

.shape-service .color-shape-1 {
	top: -100px;
	right: 0;
	flex: 0 0 auto
}

.shape-service .color-shape-2 {
	left: -120px;
	bottom: 100px;
	flex: 0 0 auto
}

.shape-service .color-shape-3 {
	right: 0;
	bottom: -50px;
	flex: 0 0 auto
}

.fixed-bg {
	height: 100vh;
	width: 100vh;
	border-radius: 0 10rem 30rem 0;
	top: 0;
	left: 0;
	z-index: 1;
	position: fixed
}

.white-popup-block {
	max-width: 768px;
	margin: 30px auto;
	position: relative
}

.animated-circle li {
	position: absolute;
	z-index: 1;
	border-radius: 50%
}

.animated-circle li:nth-child(1n) {
	height: 24vw;
	width: 24vw;
	top: 5.3vh;
	right: 20.3vw;
	bottom: inherit;
	animation: zoom-1 50s infinite;
	animation-delay: 2s
}

.animated-circle li:nth-child(2n) {
	height: 15vw;
	width: 15vw;
	top: -8.8vh;
	right: -3.4vw;
	bottom: inherit;
	animation: zoom-2 50s infinite;
	animation-delay: 2s
}

.animated-circle li:nth-child(3n) {
	height: 10vw;
	width: 10vw;
	top: 40vh;
	right: 6.5vw;
	bottom: inherit;
	animation: zoom-1 50s infinite;
	animation-delay: 2s
}

.animated-circle li:nth-child(4n) {
	height: 8vw;
	width: 8vw;
	bottom: 0;
	top: inherit;
	right: 10vw;
	animation: zoom-2 50s infinite;
	animation-delay: 2s
}

@-webkit-keyframes zoom-1 {
	0% {
		transform: scale(1)
	}

	25% {
		transform: scale(0.8)
	}

	75% {
		transform: scale(1.2)
	}

	100% {
		transform: scale(1)
	}

}

@keyframes zoom-1 {
	0% {
		transform: scale(1)
	}

	25% {
		transform: scale(0.8)
	}

	75% {
		transform: scale(1.2)
	}

	100% {
		transform: scale(1)
	}

}

@-webkit-keyframes zoom-2 {
	0% {
		transform: scale(1)
	}

	25% {
		transform: scale(1.2)
	}

	75% {
		transform: scale(0.8)
	}

	100% {
		transform: scale(1)
	}

}

@keyframes zoom-2 {
	0% {
		transform: scale(1)
	}

	25% {
		transform: scale(1.2)
	}

	75% {
		transform: scale(0.8)
	}

	100% {
		transform: scale(1)
	}

}

.error-section {
}

.error-404 {
	margin-bottom: 30px;
	font-size: 180px;
	line-height: 0.889em
}

.footer-single-col h3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 36px
}

.footer-nav-list li a {
	font-size: 13px;
	margin: 10px 0;
	display: block;
	opacity: 0.5;
	font-weight: 300;
	font-family: #7145f5 !important;
	transition: all 0.3s ease
}

.footer-nav-list li a,
.footer-single-col p {
	color: var(--bs-secondary-dark);
	opacity: 0.7
}

.footer-nav-list li a:hover {
	opacity: 1
}

.footer-top.bg-dark .footer-nav-list li a,
.footer-top.bg-dark .footer-single-col p,
.footer-top.bg-gradient .footer-single-col p {
	opacity: 1
}

.footer-top.bg-dark .footer-nav-list li a:hover,
.footer-top.bg-gradient .footer-nav-list li a:hover {
	color: var(--bs-white)
}

.footer-light .footer-nav-list li a,
.footer-light .footer-single-col p {
	color: var(--body-color);
	opacity: 0.8
}

.footer-light .footer-nav-list li a:hover {
	color: var(--bs-primary);
	opacity: 1
}

.footer-light .footer-single-col h6 {
	color: var(--body-color)
}

.footer-light .logo-white,
.bg-dark .logo-color,
.bg-gradient .logo-color {
	display: none
}

.footer-light .logo-color,
.bg-dark .logo-white,
.bg-gradient .logo-white {
	display: block
}

.newsletter-form button {
	right: 0;
	top: 0;
	bottom: 0;
	height: auto;
	border: none;
	border-radius: 0 4px 4px 0;
	display: inline-block;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 15px
}

.newsletter-form button i {
	font-size: 12px
}

.newsletter-form button:focus {
	outline: none
}

.rating-list li {
	margin-right: 2px !important
}

.rating-list li i {
	font-size: 11px
}

.bg-dark input.form-control,
.bg-gradient input.form-control {
	border-color: var(--bs-light)
}

.register-form input.form-control:focus {
	border-color: var(--bs-primary)
}

.footer-bottom {
	position: relative;
	display: block;
	border-top: 1px solid rgba(248, 249, 250, 0.05)
}

.footer-bottom.footer-light {
	border-top: 1px solid rgba(0, 0, 0, 0.05)
}

.copyright-text p {
	font-size: 12px;
	color: #65676d;
	font-weight: 500;
	font-family: var(--bs-font-sans-serif)
}

.copyright-text p a {
	color: var(--body-color)
}

.footer-light .copyright-text p {
	color: #65676d
}

.bg-dark .copyright-text p,
.bg-gradient .copyright-text p {
	color: var(--bs-secondary-dark)
}

.bg-dark .copyright-text p a,
.bg-gradient .copyright-text p a {
	color: var(--bs-secondary)
}

.copyright-text p a:hover {
	color: var(--bs-primary)
}

.footer-social-list li a {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 32px;
	text-align: center;
	border: 2px solid rgba(255, 255, 255, 0.12);
	color: #65676d;
	border-radius: 4px;
	transition: all 0.3s ease-in-out
}

.bg-dark .footer-social-list li a,
.bg-gradient .footer-social-list li a {
	color: var(--bs-secondary-dark)
}

.footer-light .footer-social-list li a {
	border: 2px solid rgba(0, 0, 0, 0.12)
}

.footer-social-list li a:hover {
	background: #dafc00 !important;
	color: var(--bs-white);
	border-color: #dafc00 !important
}

.bg-soft-soft {
	background-color: #b2ffed
}

span.cgreen {
	color: #12e3f2
}

i.float-right {
	float: right
}

p.light {
	font-size: 11px;
	font-weight: 500;
	width: 208px
}

a.nav-link.text-green {
	color: #38bf5b !important
}

a.nav-link.text-lightred {
	color: #a92787 !important
}

.bac-grn {
	background-color: #96f0b6
}

.light-blue {
	background-color: #a6d7e8
}

h4.h6.text-primary.pb-50 {
	padding-bottom: 75px;
	font-size: 14px;
	letter-spacing: 3px;
	color: #071c4d !important
}

span.small-fnt {
	font-size: 19px
}

p.color-fnt {
	font-size: 20px;
	padding-top: 25px;
	color: #071c4d
}

p.terms {
	color: #071b4b;
	padding-top: 25px;
	font-size: 12px
}

.btn-primary.socia {
	color: #96f0b6;
	background-color: #7145f5;
	border-color: #7145f5;
	box-shadow: 0 11px 18px -8px rgb(23 149 39 / 59%)
}

.btn-primary.lightred {
	color: #fcdde1;
	background-color: #7145f5;
	border-color: #7145f5;
	box-shadow: 0 11px 18px -8px rgb(255 129 145)
}

.bac-lightred {
	background-color: #fcdde1
}

.bac-purple {
	background-color: #b8fcff
}

.bac-orng {
	background-color: #ffc7f3
}

.btn-primary.purpl {
	color: #b8fcff;
	background-color: #7145f5;
	border-color: #7145f5;
	box-shadow: 0 11px 18px -8px rgb(35 144 149)
}

.btn-primary.wht {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(23 149 39 / 59%)
}

.btn-primary.wht2 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(255 129 145)
}

.btn-primary.wht3 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(35 144 149)
}

.btn-primary.wht4 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(155 66 136)
}

.btn-primary.orng {
	color: #ffc7f3;
	background-color: #7145f5;
	border-color: #7145f5;
	box-shadow: 0 11px 18px -8px rgb(155 66 136)
}

p.small.pt-2 {
	font-size: 12px
}

span.small-fnt2 {
	font-size: 13px;
	color: #071c4d
}

section.web-site {
	background-color: #b2feda !important
}

section.web-site1 {
	background-color: #fff7f5 !important
}

section.web-site2 {
	background-color: #f1d2f2 !important
}

section.web-site3 {
	background-color: #23f7b363 !important
}

section.onl-stor {
	background-color: #e4fef1 !important
}

section.onl-stor1 {
	background-color: #ff99b6 !important
}

section.onl-stor2 {
	background-color: #fdffda !important
}

section.onl-stor3 {
	background-color: #ddddff !important
}

section.vid-anim {
	background-color: #d7ffb9 !important
}

section.vid-anim1 {
	background-color: #dfdbff !important
}

section.vid-anim2 {
	background-color: #f8f9fb !important
}

section.vid-anim3 {
	background-color: #abf0ff !important
}

section.bran-deve {
	background-color: #99ebc5 !important
}

section.bran-deve1 {
	background-color: #8fe6f7 !important
}

section.bran-deve2 {
	background-color: #ffe1e3 !important
}

section.bran-deve3 {
	background-color: #c8dcf7 !important
}

.bg-soft-soft2 {
	background-color: #cedcff
}

.bg-soft-soft3 {
	background-color: #fcdde2
}

.bg-soft-soft4 {
	background-color: #ececff
}

.bg-soft-soft5 {
	background-color: #d2eeff
}

.bg-soft-soft6 {
	background-color: #ffe7d5
}

.btn-primary.socia5 {
	color: #b2feda;
	background-color: #7145f5;
	border-color: #7145f5;
	box-shadow: 0 11px 18px -8px rgb(71 237 159)
}

.btn-primary.wht5 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(71 237 159)
}

.btn-primary.lightred6 {
	color: #fff7f5;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(227 190 181)
}

.btn-primary.wht6 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(227 190 181)
}

.btn-primary.purpl7 {
	color: #f1d2f2;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(247 119 251)
}

.btn-primary.wht7 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(247 119 251)
}

.btn-primary.orng8 {
	color: #a9fce1;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(130 239 203)
}

.btn-primary.wht8 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(130 239 203)
}

.btn-primary.socia9 {
	color: #e4fef1;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(92 149 120)
}

.btn-primary.wht9 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(92 149 120)
}

.btn-primary.lightred10 {
	color: #ff99b6;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(159 77 100)
}

.btn-primary.wht10 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(159 77 100)
}

.btn-primary.purpl11 {
	color: #fdffda;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(244 247 187)
}

.btn-primary.wht11 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(244 247 187)
}

.btn-primary.orng12 {
	color: #ddddff;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(147 147 203)
}

.btn-primary.wht12 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(147 147 203)
}

.btn-primary.socia13 {
	color: #d7ffb9;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(188 235 153)
}

.btn-primary.wht13 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(188 235 153)
}

.btn-primary.lightred14 {
	color: #dfdbff;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(183 176 241)
}

.btn-primary.wht14 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(183 176 241)
}

.btn-primary.purpl15 {
	color: #f8f9fb;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(199 214 245)
}

.btn-primary.wht15 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(199 214 245)
}

.btn-primary.orng16 {
	color: #abf0ff;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(138 204 219)
}

.btn-primary.wht16 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(138 204 219)
}

.btn-primary.socia17 {
	color: #00ff88;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(93 207 154)
}

.btn-primary.wht17 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(93 207 154)
}

.btn-primary.lightred18 {
	color: #8fe6f7;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(102 205 225)
}

.btn-primary.wht18 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(102 205 225)
}

.btn-primary.purpl19 {
	color: #ffe1e3;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(241 187 191)
}

.btn-primary.wht19 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(241 187 191)
}

.btn-primary.orng20 {
	color: #c8dcf7;
	background-color: #7145f5 !important;
	border-color: #7145f5 !important;
	box-shadow: 0 11px 18px -8px rgb(138 176 227)
}

.btn-primary.wht20 {
	color: #071b4b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 11px 18px -8px rgb(138 176 227)
}

.bg-19bc9d {
	background-color: #ffb329 !important
}

section.hero-section.bac-purple {
	background-color: #f3fcfb
}

section.hero-section.bac-purple1 {
	background-color: #7145f5
}

.bg-one {
	background-color: #7245f5
}

.nav.bac-purple {
	border-radius: 10px !important
}

span.cgreen1 {
	color: #16E1A4
}

span.purple1 {
	color: #ffffff
}

.lead1 {
	font-weight: 400;
	font-size: 18px;
	color: #c8d2e9
}

.big-fnt1111 {
	color: #c8d2e9 !important
}

.big-fnt {
	color: #7145f5 !important
}

.text-primary1 {
	color: #dafc00 !important
}

.bg-dark555 {
	background-color: #7d51ff !important
}

.bg-soft-soft1 {
	background-color: #dfeaef
}

ul.nav.subscribe-feature-list.mt-4 {
	color: #fff
}

.btn-primary1 {
	color: var(--bs-white);
	background-color: #16E1A4;
	border-color: #7145F5;
	box-shadow: 0 11px 18px -8px #16E1A4
}

.btn-primary1:hover {
	color: #000;
	background-color: #7145F5;
	border-color: #16E1A4;
	box-shadow: 0 11px 18px -8px #16E1A4
}

.btn-outline-primary1 {
	color: #16E1A4 !important;
	border-color: #16E1A4 !important
}

.btn-outline-primary1:hover {
	color: #ffffff !important;
	border-color: #7145f5 !important;
	background-color: #7145f5
}

.bg-white12 {
	background-color: #7145f5 !important
}

.parrot-color {
	color: #16E1A4 !important
}

h1.display-15 {
	color: #7145f5 !important
}

.bg-dark1 {
	background-color: #7145f5 !important
}

.bg-soft {
	background-color: #dfeaef
}

.section-heading111 {
	color: #ffffff !important
}

.bg-custom-light111 {
	background-color: #16E1A4 !important
}

.two-bg-dark-light111 {
	background-color: #16E1A4 !important
}

.bg-dark222 {
	background-color: #7145f5 !important
}

i.fad.n {
	color: #7145f5
}

section.feature-section.pt-60 {
	background-color: #16E1A4
}

.bg-dark-light2222 {
	background-color: #dafc00 !important
}

.bg-custom-light5555 {
	background-color: #dafc00 !important
}

.support-article-sidebar .support-article-tab {
	width: 100%
}

.row.pricing-content-wrap {
	width: 100%;
	margin: 0
}

section.portfolio button.button.is-checked {
	background-color: #7145f5
}

section.portfolio button.button {
	border: 2px solid transparent;
	margin: 0 10px
}

section.portfolio button.button:hover {
	color: #7145f5;
	background-color: #dafc00;
	border: 2px solid #7145f5
}

section.portfolio button.button.is-checked:hover {
	color: #7145f5;
	background-color: #dafc00;
	border: 2px solid #7145f5
}

.mb-30 {
	margin-bottom: 30px
}

.mb-50 {
	margin-bottom: 50px
}

.portfolio-info h5 {
	margin-top: 12px
}

.page-header.position-relative.overflow-hidden.bg-dark222 {
	padding: 79px 0px
}

.single-portfolio-item .portfolio-item-img {
	position: relative;
	overflow: hidden
}

.single-portfolio-item img {
	border-radius: 10px;
	width: 100%;
	transition: all .3s ease-in-out;
	transform: scale(1.0)
}

.single-portfolio-item:hover img {
	transform: scale(1.05)
}

.portfolio-info {
	background: rgb(64 61 61 / 70%);
	position: absolute;
	left: 0px;
	bottom: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 5;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s
}

.single-portfolio-item:hover .portfolio-info {
	height: 118px;
	opacity: 1;
	padding: 15px;
	transition-delay: 0.5s;
	visibility: visible
}

.single-portfolio-item .portfolio-item-img::after {
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	height: 99%;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s
}

.single-portfolio-item:hover .portfolio-item-img::after {
	opacity: 0.6;
	width: 100%;
	height: 100%
}

.portfolio-info .categories {
	font-size: 16px;
	font-weight: normal;
	color: #fff
}

.portfolio .tab-button .nav li.nav-item button.nav-link {
	margin: 0 15px;
	text-transform: uppercase;
	color: #73758D;
	font-weight: 600;
	padding: 0;
	border-bottom: 2px solid rgba(0, 0, 0, 0);
	transition: all .3s
}

.portfolio .tab-button .nav li.nav-item button.nav-link.active {
	color: #175cff;
	background: none;
	border-radius: 0;
	border-bottom: 2px solid #175cff;
	transition: all .3s
}

section.page-header {
	background: #dbedf3
}

section.faq-section {
	background: #dbedf3
}

.faq-section .support-article-sidebar .nav .nav-link {
	padding: 0
}

.faq-section .nav .nav-link a {
	font-size: 25px;
	color: #7145f5;
	padding: 25px
}

.faq-section .nav .nav-link a:hover {
	color: #27455f !important
}

.service-form {
	padding-bottom: 50px
}

.service-form form {
	padding: 50px;
	background: #fff;
	border-radius: 5px
}

.service-form h2 {
	margin-bottom: 40px;
	text-align: center
}

.service-form form input[type="text"] {
	border: 1px solid #dee2e6
}

.service-form form input[type="email"] {
	border: 1px solid #dee2e6
}

.service-form form textarea {
	border: 1px solid #dee2e6
}

.cus-blue {
	color: var(--bs-dark-light)
}

#num-form button {
	min-width: 170px
}

.feature-section .reason {
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
	min-height: 300px
}

@media only screen and (min-width:320px) and (max-width:767px) {
	html,
	body {
		overflow-x: hidden !important
	}

	.accordion-faq-content-wrap {
		padding-top: 15px
	}

}

@media only screen and (max-width:600px) {
	.my-logo .my-logo2 {
		width: 200px
	}

}

.bac-purple1.ne-col {
	background-color: #298578 !important
}

.offcanvas-backdrop::before {
	z-index: 0 !important
}

.my-menu {
	display: none !important
}

.saller_drop_title {
	line-height: 1.3
}

.cgreen1_saller_man {
	color: #ffdd00
}

.digi-hero_banner {
	background-image: linear-gradient(to right, #d0f7e8, #f4dcfb)
}

.call_btn {
	background: #16e1a4
}

.call_btn:hover {
	background: #7145F5;
	color: #fff
}

.call_btn_2 {
	background: #7145F5;
	color: #fff
}

.call_btn_2:hover {
	background: #16e1a4
}

.banner_form {
	background-color: #fff !important
}

span.cgreen1_banner {
	color: #030b3c
}

.banner_form_con {
	border: 1px solid #ddd !important
}

.expert_saller {
	display: flex;
	flex-direction: column;
	align-items: center
}

.expert_saller h2 {
	text-align: center;
	width: 80%
}

.expert_saller p {
	text-align: center;
	width: 70%;
	font-size: 13.5px;
	line-height: 20px
}

.expert_saller_ul li p {
	font-size: 13px;
	line-height: 23px
}

.choose_3_box {
	min-height: 620px
}

.two-bg-dark-light_amajon {
	background-image: linear-gradient(90deg, #7145f5 40%, var(--bs-light) 0)
}

.feature-content-amajon p {
	font-size: 14px;
	line-height: 20px
}

.choose_3_box_2 {
	min-height: 360px
}

.help-section .owl-carousel.owl-drag .owl-item {
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	-webkit-box-shadow: 0 0 5px #ddd;
	box-shadow: 0 0 5px #ddd;
	display: flex;
	flex-wrap: wrap
}

.links {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 13px
}

.links a {
	color: #636363
}

.nav-btn.next-slide {
	right: 10px;
	position: absolute
}

.nav-btn.prev-slide {
	position: absolute;
	left: 10px
}

.section-padding_2 {
	background-color: aliceblue
}

.section-title h2 {
	text-align: center
}

.single-staff-item {
	padding: 30px;
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 10px
}

.img_circule {
	border-radius: 50%;
	border: 1px solid #ddd;
	width: 120px;
	height: 120px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center
}

.single-staff-item img {
	max-width: 70px;
	width: 160px
}

.staff-meta {
	font-size: 12px;
	color: #b7b7b7;
	margin-top: 20px
}

.staff-meta h3 {
	font-size: 20px;
	margin: 0 0 10px
}

.staff-list .owl-nav button {
	display: inline-block;
	width: 50px;
	height: 40px;
	background-color: #f3f3f3 !important;
	margin-left: 10px;
	transition: .3s
}

.staff-list .owl-nav button:hover {
	background: #14ADF3 !important;
	color: white !important
}

.staff-list .owl-nav {
	position: absolute;
	right: 0;
	bottom: -40px
}

.staff-desc {
	margin-top: 20px
}

.faq_img_cir img {
	border-radius: 20px
}

.faq_p_faq {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center
}

.faq_p_faq p {
	text-align: center
}

.amajon_footer_contact {
	background: #fbfbfb;
	padding: 50px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px
}

.contact-us-img img {
	height: 700px !important
}

.amazon_saller_DFEAEF {
	background-color: #DFEAEF
}

.am_logo_prev-slide {
	left: -85px !important;
	top: 60px
}

.am_logo_prev-slide img {
	width: 20%
}

.am_logo_next-slide {
	right: -85px !important;
	top: 60px
}

.am_logo_next-slide img {
	width: 20%
}

.flipkart_3_box_2 {
	min-height: 390px
}

.JioMart_3_box_2 {
	min-height: 410px
}

.text-danger {
	line-height: 1.1;
	font-size: 14px;
}
.text-danger2{
	color: #f25767;
}

#error_div {
    width: 530px;
    text-align: left;
    margin-top: 10px;
}

@media (max-width:768px) {
	.digi-hero_banner {
		padding: 40px 0
	}

	.expert_saller h2 {
		width: 100%
	}

	.expert_saller p {
		width: 100%
	}

	.two-bg-dark-light_amajon {
		background-image: none
	}

	.am_logo_prev-slide {
		left: -45px !important;
		top: 200px
	}

	.am_logo_next-slide {
		right: -45px !important;
		top: 200px
	}

	.amajon_footer_contact {
		padding: 30px 10px
	}
	#error_div{
		width: 640px;
	}

}

@media (max-width: 767px){
	#error_div{
		width: 390px;
		text-align: center;
	}
}