:root{
	--theme-color: #61bbff;
	--white: #ffffff;
	--black: #000000;
	--title-color: #222222;
	--content-color: #999999
} 
body{
	position:relative;
	scroll-behavior:smooth;
	font-family:"Montserrat", sans-serif
}
html{
	scroll-behavior:smooth
}
ul,ol{
	padding-left:0;
	margin-bottom:0
}
a{
	text-decoration:none;
	-webkit-transition:0.4s ease;
	transition:0.4s ease;
	display:inline-block
}
a:hover{
	text-decoration:none
}
a:focus{
	outline:none
}
li{
	display:inline-block;
	font-size:calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight:400
}
p{
	font-size:calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
	font-weight:400;
	margin-bottom:0;
	color:var(--content-color)
}
h1{
	font-size:calc(22px + (60 - 22) * ((100vw - 320px) / (1920 - 320)));
	font-weight:700;
	margin-bottom:0
}
h2{
	font-size:calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
	font-weight:700;
	line-height:normal;
	margin-bottom:0
}
h3{
	font-size:calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
	font-weight:500;
	line-height:normal;
	margin-bottom:0
}
h4{
	font-size:calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight:400;
	line-height:normal;
	margin-bottom:0
}
h5{
	font-size:calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
	font-weight:400;
	line-height:normal;
	margin-bottom:0
}
h6{
	font-size:14px;
	font-weight:400;
	line-height:normal;
	margin-bottom:0
}
.text-theme{
	color:var(--theme-color) !important
}
section,.section-t-space{
	padding-top:calc(38px + (100 - 38) * ((100vw - 320px) / (1920 - 320)))
}
.section-b-space{
	padding-bottom:calc(38px + (100 - 38) * ((100vw - 320px) / (1920 - 320)))
}
.sm-container{
	padding-inline:calc(15px + (135 - 15) * ((100vw - 320px) / (1920 - 320)))
}
.section-title{
	text-align:center;
	padding-bottom:calc(22px + (50 - 22) * ((100vw - 320px) / (1920 - 320)))
}
.section-title h2{
	color:var(--title-color);
	margin-bottom:calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));
	line-height:1.4
}
.section-title p{
	color:var(--content-color);
	width:50%;
	margin:0 auto;
	line-height:1.6
}
@media (max-width: 1224px){
	.section-title p{
		width:68%
}
}
@media (max-width: 900px){
	.section-title p{
		width:100%
}
}
.btn{
	font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight:500;
	padding:calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320))) calc(13px + (30 - 13) * ((100vw - 320px) / (1920 - 320)));
	border-radius:100px
}
.btn-theme{
	background-color:var(--theme-color);
	color:var(--white);
	border:1px solid var(--theme-color)
}
.btn-theme:hover{
	border:1px solid var(--theme-color) !important;
	background-color:transparent;
	color:var(--theme-color)
}
.btn-theme-outline{
	background-color:transparent;
	color:var(--white);
	border:1px solid var(--theme-color)
}
.btn-theme-outline.text-theme:hover{
	color:var(--white) !important
}
.btn-theme-outline:hover{
	border:1px solid var(--theme-color) !important;
	background-color:var(--theme-color);
	color:var(--white)
}
.custom-container{
	width:85%;
	margin:0 auto
}
@media (max-width: 575px){
	.custom-container{
		width:100%
}
}
.quote-panel{
	-webkit-transform:rotate(362deg);
	transform:rotate(362deg);
	padding:calc(10px + 5 * (100vw - 320px) / 1600) 0;
	background:-webkit-gradient(linear, left top, right top, from(#61bbff), to(#7ca8c9));
	background:linear-gradient(to right, #61bbff, #7ca8c9);
	overflow:hidden;
	position:absolute;
	left:-4px;
	bottom:26%;
	z-index:0;
	width:calc(100% + 8px);
	right:0
}
.quote-panel .marquee{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap:calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
	-webkit-animation:marquee 20s linear infinite;
	animation:marquee 20s linear infinite;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	white-space:nowrap
}
.quote-panel .marquee li{
	padding-right:calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap:calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.quote-panel .marquee li+li{
	position:relative
}
.quote-panel .marquee li+li::after{
	content:"";
	position:absolute;
	left:-30px;
	width:18px;
	height:18px;
	background-color:var(--white);
	border-radius:100%;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	opacity:0.6
}
.quote-panel .marquee li img{
	width:calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
	height:calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)))
}
.quote-panel .marquee li span{
	font-size:calc(16px + (34 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight:600;
	line-height:1.2;
	font-style:italic;
	opacity:0.7;
	color:var(--white) !important
}
.quote-panel.quote-reverse{
	bottom:26%;
	-webkit-transform:rotate(-2deg);
	transform:rotate(-2deg);
	background:-webkit-gradient(linear, left top, right top, from(#7ca8c9), to(#61bbff));
	background:linear-gradient(to right, #7ca8c9, #61bbff)
}
.quote-panel.quote-reverse .marquee{
	animation-direction:reverse
}
.quote-panel.wo-bg{
	background:none;
	position:relative;
	inset:0;
	-webkit-transform:none;
	transform:none;
	width:100%;
	margin:-30px 0
}
.quote-panel.wo-bg .marquee li span{
	font-style:unset;
	font-size:calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));
	color:#eee !important
}
.quote-panel.wo-bg .marquee li+li::after{
	background-color:#eee
}
header{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:3
}
header .logo-dark{
	display:none
}
header .logo-light{
	width:calc(117px + (170 - 117) * ((100vw - 320px) / (1920 - 320)))
}
header .collapsing{
	-webkit-transition:left 0.25s ease-in-out;
	transition:left 0.25s ease-in-out
}
header.sticky{
	position:sticky;
	top:0;
	left:0;
	width:100%;
	background:var(--white);
	-webkit-box-shadow:0px 8px 23px 7px rgba(61,61,61,0.03);
	box-shadow:0px 8px 23px 7px rgba(61,61,61,0.03)
}
header.sticky .navbar{
	padding-block:15px !important
}
header.sticky .navbar .nav-link{
	color:var(--title-color)
}
header.sticky .navbar .navbar-toggler{
	color:#222
}
header.sticky .logo-dark{
	display:block;
	width:calc(117px + (170 - 117) * ((100vw - 320px) / (1920 - 320)))
}
header.sticky .logo-light{
	display:none
}
header.sticky ~ .home-section-1 .home-contain{
	padding-top:83px
}
header .sm-container{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
header .nav-link{
	font-size:18px;
	color:var(--white);
	padding:0 !important;
	font-weight:500
}
header .nav-link:hover{
	color:var(--white)
}
@media (max-width: 1199px){
	header .nav-link{
		color:#222
}
	header .nav-link:hover{
		color:var(--theme-color)
}
}
header .nav-link.active{
	color:var(--theme-color) !important
}
header .navbar-collapse{
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
@media (max-width: 1199px){
	header .navbar-collapse{
		position:fixed;
		top:0;
		left:-300px;
		width:calc(300px + (320 - 300) * ((100vw - 320px) / (1199 - 320)));
		height:100vh;
		background-color:#fff;
		padding:calc(15px + (20 - 15) * ((100vw - 320px) / (1199 - 320)))
}
	header .navbar-collapse.show{
		left:0
}
}
header .navbar-collapse .close-box{
	margin:calc(-15px + (-20 - -15) * ((100vw - 320px) / (1199 - 320)));
	margin-left:-17px;
	background-color:#f8f8f8;
	padding:14px;
	margin-bottom:9px;
	border-bottom:1px solid #eee;
	font-weight:600;
	font-size:17px;
	display:none;
	width:calc(100% - -37px);
	border:unset;
	color:#222;
	text-align:unset
}
header .navbar-collapse .close-box i{
	font-weight:normal
}
@media (max-width: 1199px){
	header .navbar-collapse .close-box{
		display:block
}
}
header .navbar{
	background:transparent !important;
	border:none !important;
	padding-bottom:0;
	padding-top:calc(13px + (26 - 13) * ((100vw - 320px) / (1920 - 320)))
}
header .navbar .navbar-toggler{
	border:unset;
	-webkit-box-shadow:unset;
	box-shadow:unset;
	padding:0;
	font-size:calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
	color:#fff;
	margin-right:calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)))
}
header .navbar-nav{
	gap:calc(15px + (35 - 15) * ((100vw - 1200px) / (1920 - 1200)))
}
@media (max-width: 1199px){
	header .navbar-nav{
		gap:calc(7px + (15 - 7) * ((100vw - 320px) / (1199 - 320)))
}
}
.home-section{
	position:relative;
	padding-top:0
}
.home-section .bg-image{
	-o-object-fit:cover;
	object-fit:cover
}
@media (max-width: 767px){
	.home-section .bg-image{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%
}
}
.home-section .sm-container{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	text-align:center
}
.home-section .sm-container h1{
	color:var(--white);
	font-size:calc(23px + (50 - 23) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom:calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
	position:relative
}
.home-section .sm-container h1 span{
	color:var(--theme-color)
}
.home-section .home-contain{
	position:absolute;
	top:14%;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
@media (max-width: 1468px){
	.home-section .home-contain{
		width:84%;
		top:17%;
		padding-inline:calc(15px + (135 - 15) * ((100vw - 320px) / (1920 - 320)))
}
}
@media (max-width: 991px){
	.home-section .home-contain{
		top:50%;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		width:100%
}
}
@media (max-width: 767px){
	.home-section .home-contain{
		margin-top:calc(127px + (157 - 127) * ((100vw - 320px) / (767 - 320)));
		position:relative;
		inset:unset;
		-webkit-transform:unset;
		transform:unset;
		padding-bottom:calc(74px + (100 - 74) * ((100vw - 320px) / (767 - 320)))
}
}
.home-section .home-banner{
	z-index:2;
	width:80%;
	margin:0 auto;
	margin-top:-27%;
	border-radius:16px
}
@media (max-width: 1468px){
	.home-section .home-banner{
		margin-top:-23%
}
}
@media (max-width: 1300px){
	.home-section .home-banner{
		margin-top:-20%
}
}
@media (max-width: 1075px){
	.home-section .home-banner{
		margin-top:-15%;
		width:90%
}
}
.home-section .quote-panel.quote-reverse,.home-section .quote-panel{
	bottom:0
}
.plus-text{
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	top:-40px;
	height:calc(5rem + (14 - 5) * ((100vw - 320px) / (1920 - 320)));
	width:auto
}
.btn-section{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	gap:calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)))
}
@media (max-width: 767px){
	.btn-section{
		margin-bottom:0
}
}
.btn-section .btn:first-child:active{
	background-color:var(--theme-color);
	border-color:transparent;
	color:var(--white)
}
@media (max-width: 480px){
	.btn-section .btn{
		width:100%
}
}
.demo-box{
	display:inline-block;
	cursor:pointer;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease
}
.demo-box .img-box{
	background-color:#f8f8f8;
	padding:40px 15px 15px 15px;
	border-radius:calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	position:relative;
	margin-bottom:calc(12px + (15 - 12) * ((100vw - 320px) / (1920 - 320)))
}
.demo-box .img-box img{
	border-radius:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.demo-box .img-box .dots{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	gap:calc(5px + (6 - 5) * ((100vw - 320px) / (1920 - 320)));
	position:absolute;
	top:calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
	left:calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320)))
}
.demo-box .img-box .dots span{
	width:calc(7px + (10 - 7) * ((100vw - 320px) / (1920 - 320)));
	height:calc(7px + (10 - 7) * ((100vw - 320px) / (1920 - 320)));
	border-radius:100%;
	display:block;
	background-color:#cccccc
}
.demo-box .img-box .dots span:nth-child(2){
	background-color:#dddddd
}
.demo-box .img-box .dots span:nth-child(3){
	background-color:#eeeeee
}
.demo-box h4{
	font-weight:500;
	margin-bottom:6px;
	color:var(--title-color);
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
	text-transform:capitalize
}
.demo-box h5{
	color:var(--content-color)
}
.demo-box:hover{
	-webkit-transform:translateY(-8px);
	transform:translateY(-8px)
}
.demo-box:hover h4{
	color:var(--theme-color)
}
.bg-section{
	background-image:url("../images/landing-page/feature-banner.png")
}
.feature-section{
	text-align:center
}
.feature-section .feature-row{
	width:90%;
	margin:0 auto;
	padding-bottom:calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)))
}
@media (max-width: 1199px){
	.feature-section .feature-row{
		width:100%
}
}
.feature-section .feature-box{
	text-align:center;
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	gap:calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.feature-section .feature-box h3{
	color:var(--white);
	font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom:calc(-8px + (-10 - -8) * ((100vw - 320px) / (1920 - 320)))
}
.feature-section .feature-box p{
	font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.feature-section .feature-box img{
	width:-webkit-max-content;
	width:-moz-max-content;
	width:max-content;
	margin:0 auto
}
.feature-section .nav-tabs{
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	background-color:#ffffff;
	border-radius:32px;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	padding:2px;
	overflow:auto
}
@media (max-width: 500px){
	.feature-section .nav-tabs{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		width:auto;
		margin:0 auto
}
}
.feature-section .nav-tabs .nav-link{
	white-space:nowrap;
	-webkit-box-shadow:unset;
	box-shadow:unset;
	font-size:calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
	font-weight:600;
	padding:calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320))) calc(20px + (32 - 20) * ((100vw - 320px) / (1920 - 320)));
	color:var(--title-color);
	border:none;
	border-radius:30px;
	text-transform:capitalize
}
.feature-section .nav-tabs .nav-link.active{
	background-color:var(--theme-color);
	color:var(--white)
}
.feature-section .tab-content{
	margin-top:40px
}
@media (max-width: 460px){
	.feature-section .tab-content .tab-pane .mySwiper a{
		width:100%;
		padding-inline:15px
}
}
.feature-wrap{
	padding:calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
	border-radius:calc(9px + (20 - 9) * ((100vw - 320px) / (1920 - 320)));
	text-align:center;
	background:-webkit-gradient(linear, left bottom, left top, from(#f5f7ff), to(#f6f7fb));
	background:linear-gradient(0deg, #f5f7ff 0%, #f6f7fb 100%)
}
.feature-wrap .feature-title{
	margin-bottom:calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)))
}
.feature-wrap .feature-title h3{
	color:var(--title-color);
	margin-bottom:10px;
	font-weight:600;
	font-size:calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)))
}
.feature-wrap .feature-title p{
	color:var(--content-color);
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	width:90%;
	margin:0 auto
}
@media (max-width: 460px){
	.feature-wrap .feature-title p{
		width:100%
}
}
.bg2{
	background:#fef6ee
}
.bg3{
	background:#f8f8f8
}
.bg4{
	background:-webkit-gradient(linear, left bottom, left top, from(rgba(230,101,41,0.1)), to(rgba(247,209,177,0.06)));
	background:linear-gradient(0deg, rgba(230,101,41,0.1) 0%, rgba(247,209,177,0.06) 100%)
}
.bg5{
	background:#edf5ee
}
.bg6{
	background:#fbf9f2
}
.responsive-box{
	padding:calc(9px + (12 - 9) * ((100vw - 320px) / (1920 - 320)));
	position:relative;
	z-index:1
}
.responsive-box img{
	border-radius:calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)))
}
.responsive-box::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#f8f8f8;
	z-index:-1;
	border-radius:calc(7px + (15 - 7) * ((100vw - 320px) / (1920 - 320)))
}
.boost-img-sec{
	width:70%;
	margin:0 auto;
	text-align:center;
	position:relative
}
@media (max-width: 576px){
	.boost-img-sec{
		width:90%
}
}
.boost-sale-section .quote-panel.quote-reverse{
	bottom:41%;
	-webkit-transform:rotate(5deg);
	transform:rotate(5deg)
}
.admin-img-sec{
	width:60%;
	margin:0 auto;
	text-align:center;
	position:relative
}
@media (max-width: 767px){
	.admin-img-sec{
		width:100%;
		padding-inline:calc(15px + (45 - 15) * ((100vw - 320px) / (768 - 320)))
}
}
.admin-img-sec .main-img{
	width:100%
}
.admin-img-sec .admin-img1,.admin-img-sec .admin-img2,.admin-img-sec .admin-img3,.admin-img-sec .admin-img4,.admin-img-sec .admin-img5,.admin-img-sec .admin-img6{
	position:absolute
}
@media (max-width: 767px){
	.admin-img-sec .admin-img1,.admin-img-sec .admin-img2,.admin-img-sec .admin-img3,.admin-img-sec .admin-img4,.admin-img-sec .admin-img5,.admin-img-sec .admin-img6{
		display:none
}
}
.admin-img-sec .admin-img1 img,.admin-img-sec .admin-img2 img,.admin-img-sec .admin-img3 img,.admin-img-sec .admin-img4 img,.admin-img-sec .admin-img5 img,.admin-img-sec .admin-img6 img{
	width:100%;
	height:100%;
	-o-object-fit:contain;
	object-fit:contain
}
.admin-img-sec .admin-img1{
	right:calc(-47px + (-70 - -47) * ((100vw - 767px) / (1920 - 767)));
	bottom:calc(-26px + (-40 - -26) * ((100vw - 767px) / (1920 - 767)));
	height:calc(90px + (200 - 90) * ((100vw - 767px) / (1920 - 767)))
}
.admin-img-sec .admin-img2{
	top:10%;
	right:calc(-50px + (-60 - -50) * ((100vw - 767px) / (1920 - 767)));
	height:calc(80px + (120 - 80) * ((100vw - 767px) / (1920 - 767)));
	-webkit-animation:rotate 20s linear infinite;
	animation:rotate 20s linear infinite
}
.admin-img-sec .admin-img3{
	left:calc(-50px + (-80 - -50) * ((100vw - 320px) / (1920 - 320)));
	top:20%;
	-webkit-animation:mover 1s infinite alternate;
	animation:mover 1s infinite alternate;
	height:calc(192px + (524 - 192) * ((100vw - 575px) / (1920 - 575)))
}
.admin-img-sec .admin-img4{
	left:-81px;
	bottom:-5%
}
.admin-img-sec .admin-img5{
	right:-50px;
	top:62%
}
.admin-img-sec .admin-img6{
	right:-4%;
	bottom:3%
}
.admin-sec{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	height:100%
}
.admin-sec h2{
	font-size:calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)));
	color:var(--title-color);
	line-height:1.4
}
.admin-sec p{
	margin-top:calc(1px + (12 - 1) * ((100vw - 320px) / (1920 - 320)));
	line-height:1.7
}
.admin-sec p,.admin-sec li{
	font-size:calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
	color:var(--content-color)
}
.admin-sec ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	gap:calc(4px + (7 - 4) * ((100vw - 320px) / (1920 - 320)));
	margin-top:calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom:calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)))
}
.admin-sec li{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	gap:calc(9px + (12 - 9) * ((100vw - 320px) / (1920 - 320)))
}
.admin-sec li img{
	height:calc(11px + (16 - 11) * ((100vw - 320px) / (1920 - 320)))
}
#tooltip{
	position:absolute;
	background:rgba(236,137,81,0.9);
	color:var(--white);
	padding:9px 15px;
	display:none;
	z-index:2;
	white-space:nowrap;
	font-weight:600
}
.vendor-img{
	text-align:right;
	position:relative
}
@media (max-width: 767px){
	.vendor-img .vendor4,.vendor-img .vendor3,.vendor-img .vendor2{
		display:none
}
}
.vendor-img .vendor1{
	width:80%
}
@media (max-width: 767px){
	.vendor-img .vendor1{
		width:100%
}
}
.vendor-img .vendor3{
	margin-right:calc(-72px + (-110 - -72) * ((100vw - 767px) / (1920 - 767)));
	margin-top:calc(5px + (20 - 5) * ((100vw - 767px) / (1920 - 767)))
}
.vendor-img .vendor2,.vendor-img .vendor4{
	position:absolute
}
.vendor-img .vendor2{
	left:calc(-72px + (-10 - -72) * ((100vw - 767px) / (1920 - 767)));
	top:20%;
	width:33%
}
.vendor-img .vendor4{
	right:calc(75px + (-120 - 75) * ((100vw - 767px) / (1920 - 767)));
	top:20%;
	-webkit-animation:mover 1s infinite alternate;
	animation:mover 1s infinite alternate
}
.slider-section{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	gap:calc(12px + (30 - 12) * ((100vw - 767px) / (1920 - 767)))
}
.feature-slider{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap:calc(12px + (30 - 12) * ((100vw - 320px) / (1920 - 320)));
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap
}
.feature-slider li{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	gap:calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
	padding:calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320))) calc(17px + (35 - 17) * ((100vw - 320px) / (1920 - 320)));
	-webkit-box-shadow:6px 10px 90px -11px rgba(34,34,34,0.1);
	box-shadow:6px 10px 90px -11px rgba(34,34,34,0.1);
	border-radius:40px
}
.feature-slider img{
	width:calc(24px + (30 - 24) * ((100vw - 320px) / (1920 - 320)));
	height:calc(24px + (30 - 24) * ((100vw - 320px) / (1920 - 320)))
}
.feature-slider span{
	white-space:nowrap;
	padding-right:calc(17px + (35 - 17) * ((100vw - 320px) / (1920 - 320)));
	font-size:calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
	font-weight:600
}
footer{
	background-image:url(../images/landing-page/footer.png);
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center
}
footer h2{
	font-size:calc(26px + (54 - 26) * ((100vw - 320px) / (1920 - 320)));
	color:var(--white);
	width:50%;
	margin:0 auto
}
@media (max-width: 1512px){
	footer h2{
		width:70%
}
}
@media (max-width: 830px){
	footer h2{
		width:90%
}
}
@media (max-width: 575px){
	footer h2{
		width:100%
}
}
footer p{
	width:50%;
	margin:calc(11px + (20 - 11) * ((100vw - 320px) / (1920 - 320))) auto calc(10px + (40 - 10) * ((100vw - 320px) / (1920 - 320)));
	line-height:1.6
}
@media (max-width: 1512px){
	footer p{
		width:70%
}
}
@media (max-width: 830px){
	footer p{
		width:90%
}
}
@media (max-width: 575px){
	footer p{
		width:100%
}
}
footer .bottom-sec{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-top:calc(24px + (50 - 24) * ((100vw - 320px) / (1920 - 320)));
	gap:calc(7px + (20 - 7) * ((100vw - 320px) / (1920 - 320)));
	color:var(--content-color);
	font-size:calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)))
}
@media (max-width: 575px){
	footer .bottom-sec{
		display:grid
}
}
.testimonial-box{
	padding:calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
	-webkit-box-shadow:0 0 90px -11px rgba(34,34,34,0.05);
	box-shadow:0 0 90px -11px rgba(34,34,34,0.05);
	height:100%;
	border-radius:calc(9px + (20 - 9) * ((100vw - 320px) / (1920 - 320)))
}
.testimonial-box .top-part{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	gap:calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)))
}
.testimonial-box .top-part img{
	width:calc(60px + (70 - 60) * ((100vw - 320px) / (1920 - 320)));
	border-radius:8px
}
.testimonial-box .top-part .name-part{
	margin-top:10px
}
.testimonial-box .top-part h4{
	font-weight:600;
	color:var(--title-color);
	margin-bottom:5px
}
.testimonial-box .top-part h5{
	color:var(--content-color);
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.testimonial-box .top-part span{
	font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height:1
}
.testimonial-box .top-part ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	gap:1px
}
.testimonial-box .top-part .rating{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	gap:7px
}
.testimonial-box .top-part .rating li{
	line-height:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.testimonial-box .top-part .rating i{
	color:#61bbff;
	font-size:calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)))
}
.testimonial-box p{
	margin-top:calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.scroll-to-top{
	z-index:4;
	position:fixed;
	right:20px;
	bottom:30px;
	width:calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
	height:calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
	background-color:#61bbff;
	border:none;
	font-size:calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
	-webkit-transition:0.4s ease;
	transition:0.4s ease;
	-webkit-transform:scale(0);
	transform:scale(0);
	outline:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	border-radius:calc(4px + (6 - 4) * ((100vw - 320px) / (1920 - 320)))
}
.scroll-to-top .arrow{
	color:var(--white)
}
#cursor{
	position:fixed;
	top:-5px;
	left:-5px;
	width:10px;
	height:10px;
	background-color:var(--theme-color);
	border-radius:50%;
	pointer-events:none;
	z-index:999
}
#cursor-border{
	--size: 30px;
	position:fixed;
	top:calc(var(--size) / -2);
	left:calc(var(--size) / -2);
	width:var(--size);
	height:var(--size);
	border-radius:50%;
	-webkit-box-shadow:0 0 0 1px var(--theme-color);
	box-shadow:0 0 0 1px var(--theme-color);
	pointer-events:none;
	-webkit-transition:top 0.15s ease-out, left 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out, background-color 0.15s ease-out;
	transition:top 0.15s ease-out, left 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out, background-color 0.15s ease-out;
	z-index:999
}
@-webkit-keyframes marquee{
	0%{
		left:0
}
	100%{
		left:-100%
}
}
@keyframes marquee{
	0%{
		left:0
}
	100%{
		left:-100%
}
}
@-webkit-keyframes rotate{
	0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
}
	100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
}
}
@keyframes rotate{
	0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
}
	100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
}
}
@-webkit-keyframes mover{
	0%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
}
	100%{
		-webkit-transform:translateY(-6px);
		transform:translateY(-6px)
}
}
@keyframes mover{
	0%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
}
	100%{
		-webkit-transform:translateY(-6px);
		transform:translateY(-6px)
}
}