/**Typo Css Start**/
:root {
	--page-width: 1170px;
	--base-fm: "Manrope", sans-serif;
	--base-size: 16px;
	--h1-size: 64px;
	--h2-size: 40px;
	--h3-size: 34px;
	--h4-size: 26px;
	--h5-size: 24px;
	--h6-size: 18px;
	--base-clr: #787878;
	--white-clr: #ffffff;
	--black-clr: #000000;
	--theme-clr: #2151A1;
	--sec-theme-clr: #ED3237;
	--title-clr: #000000;
}

* {
	box-sizing: border-box;
	outline: none !important;
}

body {
	margin: 0px;
	font-family: var(--base-fm);
	color: var(--base-clr);
	font-size: var(--base-size);
	line-height: 1.6;
	font-weight: 400;
	padding-top: 116px;
}

p {
	margin: 0 0 18px 0;
	line-height: 1.7;
}

ul, li, a {
	list-style: none;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	color: var(--sec-theme-clr);
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

h1, .h1 {
	font-size: var(--h1-size);
	font-weight: 700;
	margin: 0px 0px 30px 0px;
	line-height: 1.3;
	color: var(--title-clr);
	font-family: var(--base-fm);
}

h2, .h2 {
	font-size: var(--h2-size);
	font-weight: 700;
	margin: 0px 0px 22px 0px;
	line-height: 1.4;
	color: var(--title-clr);
	font-family: var(--base-fm);
}

h3, .h3 {
	font-size: var(--h3-size);
	font-weight: 700;
	margin: 0px 0px 20px 0px;
	line-height: 1.4;
	color: var(--title-clr);
	font-family: var(--base-fm);
}

h4, .h4 {
	font-size: var(--h4-size);
	font-weight: 700;
	margin: 0px 0px 15px 0px;
	line-height: 1.4;
	color: var(--title-clr);
	font-family: var(--base-fm);
}

h5, .h5 {
	font-size: var(--h5-size);
	font-weight: 700;
	margin: 0px 0px 15px 0px;
	line-height: 1.4;
	color: var(--title-clr);
	font-family: var(--base-fm);
}

h6, .h6 {
	font-size: var(--h6-size);
	font-weight: 700;
	margin: 0px 0px 10px 0px;
	line-height: 1.4;
	color: var(--title-clr);
	font-family: var(--base-fm);
}

.img-radius {
	border-radius: 16px;
}

.light-bg {
	background-color: #F4FAFF;
}

.container {
	max-width: var(--page-width);
	padding: 0px 15px;
	margin: auto;
	width: 100%;
}

.hd-tagline {
	color: var(--sec-theme-clr);
	text-transform: uppercase;
	margin-bottom: 8px;
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	display: inline-block;
}

.text-center {
	text-align: center;
}

.d-flex {
	display: flex;
	flex-flow: row wrap;
}

.justfy-between {
	justify-content: space-between;
}

.align-items-center {
	align-items: center;
}

.cmn-btn {
	background-color: var(--theme-clr);
	font-size: calc(var(--base-size) - 2px);
	color: var(--white-clr);
	border-radius: 40px;
	padding: 14px 32px 14px 32px;
	font-weight: 700;
	font-family: var(--base-fm);
	cursor: pointer;
	transition: 0.5s all;
	position: relative;
	display: inline-block;
}

.cmn-btn:hover {
	background-color: var(--sec-theme-clr);
	color: var(--white-clr);
}

.img-redius {
	overflow: hidden;
	border-radius: 16px;
	width: 100%;
}

.img-redius img {
	width: 100%;
}

section {
	width: 100%;
	padding: 90px 0px;
}

.no-padding {
	padding: 0px;
}

/**Typo Css Start**/

/**Header Section Start**/
.hdr-main {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 999;
	background-color: var(--white-clr);
}

.mobile-toggle {
	display: none;
}

.fixed .hdr-main {
	border-bottom: #ebebeb 1px solid;
	box-shadow: #e1e1e1 1px 2px 7px;
}

.hdr-top {
	background-color: #101010;
	color: var(--white-clr);
	font-size: 14px;
	transition: 0.5s all;
}

.fixed body {
	padding-top: 68px;
}

.hdr-top a {
	color: var(--white-clr);
	transition: 0.5s all;
}

.hdr-top .hdr-top-inner {
	align-items: center;
	height: 42px;
	padding: 5px 0;
	transition: 0.5s all;
}

.fixed .hdr-top .hdr-top-inner {
	height: 0px;
	overflow: hidden;
	padding: 0px 0;
}

.hdr-top a:hover {
	color: var(--theme-clr);
}

h1.logo {
	margin: 0px;
	line-height: normal;
	max-width: 178px;
}

.hdr-logomenu-inner {
	align-items: center;
	padding: 16px 0px;
}

.hdr-btns .cmn-btn {
	padding-top: 10px;
	padding-bottom: 11px;
}

.hdr-btns .cmn-btn:not(:first-child) {
	margin-left: 10px;
}

.hdr-btns {
	margin-left: 75px;
}

.hdr-btns .cmn-btn.purchase-btn {
	background-color: transparent;
	color: var(--theme-clr);
	border: var(--theme-clr) 1px solid;
	padding-top: 9px;
	padding-bottom: 10px;
}

.hdr-btns .cmn-btn.purchase-btn:hover {
	color: var(--white-clr);
	background-color: var(--theme-clr);
}

nav.menu {
	align-items: center;
}

.menu ul li {
	font-size: 14px;
	font-weight: 700;
	margin: 0px 12px;
}

.menu ul li a {
	color: var(--black-clr);
}

.menu ul li:hover a, .menu ul li.active a {
	color: var(--theme-clr);
}

/**Header Section End**/

/**Banner Section Start**/
.bnr-cont {
	width: 62%;
}

.bnr-cont .bnr-desc {
	width: 60%;
	line-height: 1.8;
	color: #F5F5F5;
	margin-bottom: 20px;
}

.bnr-item {
	min-height: 800px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	color: var(--white-clr);
	background-size: cover;
}

.bnr-count-info {
	display: flex;
	flex-flow: row wrap;
	margin-top: 110px;
}

.bnr-count-info .bnr-count {
	margin: 0px 30px;
}

.bnr-count-info .bnr-count:first-child {
	margin-left: 0;
}

.bnr-count-info .bnr-count .bnr-count-no {
	font-size: 48px;
	font-weight: 700;
	width: 100%;
	display: inline-block;
}

.bnr-count-info .bnr-count .bnr-count-txt {
	display: block;
	width: 100%;
	font-size: 12px;
}

.bnr-item h2.h1 {
	color: var(--white-clr)
}

/**Banner Section End**/
.socia-media {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.socia-media a {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	margin: 0px 6px;
	display: inline-block;
	transition: 0.5s all;
}

.socia-media a:hover {
	opacity: 0.5;
}

.socia-media .facebook {
	background-image: url('../images/facebook.svg');
}

.socia-media .instagram {
	background-image: url('../images/instagram.svg');
}

.socia-media .twitter {
	background-image: url('../images/x.svg');
}

.socia-media .youtube {
	background-image: url('../images/youtube.svg');
}

.socia-media .linkedin {
	background-image: url('../images/linkedin.svg');
}

.marquee-list {
	font-family: var(--base-fm);
	background-color: var(--theme-clr);
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
	margin: 0px;
	padding: 20px 0px;
}

.marquee-list ul {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-animation: marquee 10s linear infinite running;
	-moz-animation: marquee 10s linear infinite running;
	-o-animation: marquee 10s linear infinite running;
	-ms-animation: marquee 10s linear infinite running;
	animation: marquee 10s linear infinite running;
	margin: 0px;
}

.marquee-list ul:hover {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	-ms-animation-play-state: paused;
	animation-play-state: paused;
}

.marquee-list li {
	min-width: 110px;
	color: var(--white-clr);
	white-space: nowrap;
	text-align: center;
	padding: 0 40px;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-box;
	display: inline-flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	position: relative;
	font-size: 25px;
	font-weight: 500;
	white-space: nowrap;
}

.marquee-list li:before {
	position: absolute;
	background-image: url('../images/star-sale.svg');
	background-size: 100% 100%;
	width: 32px;
	height: 32px;
	display: inline-block;
	content: "";
	margin: auto 0;
	top: 0;
	bottom: 0;
	left: -16px;
}

@-moz-keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translate(-20%);
		-moz-transform: translate(-20%);
		-o-transform: translate(-20%);
		-ms-transform: translate(-20%);
		transform: translate(-20%);
	}

}

@-webkit-keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translate(-20%);
		-moz-transform: translate(-20%);
		-o-transform: translate(-20%);
		-ms-transform: translate(-20%);
		transform: translate(-20%);
	}

}

@-o-keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translate(-20%);
		-moz-transform: translate(-20%);
		-o-transform: translate(-20%);
		-ms-transform: translate(-20%);
		transform: translate(-20%);
	}

}

@keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translate(-20%);
		-moz-transform: translate(-20%);
		-o-transform: translate(-20%);
		-ms-transform: translate(-20%);
		transform: translate(-20%);
	}

}

/**Services**/
.our-work-list {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	gap: 1%;
	margin-top: 50px;
}

.our-work-list .our-work-item {
	width: calc(16.83% - 20px);
	overflow: hidden;
	transition: 0.5s all;
	position: relative;
}

.our-work-item .our-work-inner {
	width: 100%;
	height: 670px;
	display: block;
	border-radius: 12px;
	background-position: center center;
	background-size: cover;
}

.our-work-hover-card {
	transition: 0.5s all;
	position: absolute;
	bottom: 15px;
	left: 0px;
	background-color: rgba(246, 252, 255, 0.8);
	border-radius: 20px;
	padding: 20px;
	top: auto;
	z-index: 9;
	width: calc(100% - 30px);
	margin: auto;
	right: 0px;
	color: var(--base-clr);
	transition-delay: 0ms;
	opacity: 0;
}

.our-work-hover-card .our-work-cont {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	position: relative;
}

.our-work-hover-card .our-work-arr {
	position: absolute;
	right: 0;
	top: 0;
}

.our-work-default-card {
	transition: 0.5s all;
	background-color: rgba(246, 252, 255, 0.8);
	border-radius: 14px;
	padding: 20px;
	width: 70px;
	position: relative;
	height: calc(100% - 30px);
	margin-left: auto;
	margin-right: 12px;
	top: 15px;
	transition-delay: 0ms;
	opacity: 1;
}

.our-work-cont .our-work-name {
	font-size: 20px;
	display: block;
	font-weight: 600;
	color: var(--black-clr);
	margin-bottom: 15px;
}

.work-title-tagline {
	width: calc(100% - 50px);
}

.our-work-default-card .our-work-cont {
	transform: rotate(-90deg);
	width: 670px;
	margin-left: -320px;
	margin-top: 226px;
}

.our-work-arr {
	position: absolute;
	top: -7px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: var(--theme-clr) 1px solid;
	bottom: auto;
	background-repeat: no-repeat;
	background-image: url(../images/services-angle-arr.svg);
	background-position: center center;
	transform: rotate(90deg);
	right: 80px;
}

.our-work-hover .our-work-item {
	width: 13.3%;
}

.our-work-list .our-work-item:hover {
	width: 28%;
	background-size: cover;
}

.our-work-list .our-work-item:hover .our-work-default-card {
	opacity: 0;
	transition-delay: 599ms;
}

.our-work-list .our-work-item:hover .our-work-hover-card {
	opacity: 1;
	transition-delay: 600ms;
}

/**About Section Start**/
.aboutus-inner {
	align-items: center;
}

.aboutus-left {
	width: 48%;
}

.aboutus-right {
	width: 49%;
}

/**About Section Endf**/
.w-choose-left {
	width: 44%;
}

.w-choose-left h2 {
	margin-bottom: 0px;
}

.w-choose-btn {
	width: 30%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-left: 20px;
}

.whychoose-list .wChoose-item {
	width: calc(50% - 27px);
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: flex-start;
}

.whychoose-list {
	gap: 40px;
	margin-top: 100px;
}

.wChoose-icon {
	display: flex;
	flex-flow: row wrap;
	margin: auto;
	max-width: 55px;
	margin-bottom: 40px;
	max-height: 55px;
	width: 100%;
}

.wChoose-icon img {
	width: 100%;
	height: auto;
}

.whychoose-list .wChoose-item p {
	max-width: 320px;
	margin: auto;
}

.howitwork-top-title {
	width: 41%;
}

.howit-works {
	width: 40%;
	overflow: hidden;
	border-radius: 18px;
	cursor: pointer;
}

.howit-works-list {
	margin-top: 60px;
	gap: 50px;
}

.howit-works-list .howit-works-item {
	width: calc(33.33% - 34px);
}

.howit-works-list .howit-works-item h4 {
	font-size: 18px;
	margin-bottom: 15px;
	margin-top: 30px;
}

.howit-works-icon {
	position: relative;
	width: 100%;
	display: inline-block;
}

.howit-works-icon:before {
	content: '';
	width: calc(100% - 75px);
	height: 1px;
	right: 0px;
	background-color: var(--sec-theme-clr);
	position: absolute;
	top: calc(48% - 1px);
}

.howit-works-icon:after {
	content: '';
	width: 5px;
	height: 5px;
	background-color: var(--sec-theme-clr);
	position: absolute;
	top: calc(48% - 3px);
	right: 0px;
	border-radius: 100%;
}

.howit-works-icon i {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	display: inline-block;
	background-color: var(--sec-theme-clr);
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/arrow-right.svg);
}

.clients-left {
	width: 38%;
}

.clients-part {
	width: 57%;
}

.brands-logo {
	text-align: center;
	margin: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	padding: 0px 20px;
	height: 260px;
}

.counts-list {
	gap: 26px;
}

.counts-scn {
	padding: 55px 0;
}

.counts-list .counts-item {
	width: calc(25% - 20px);
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.counts-list .counts-item .counts-icon {
	width: 60px;
	display: inline-block;
	margin-right: 15px;
}

.counts-list .counts-item .counts-cont {
	width: calc(100% - 75px);
}

.counts-list .counts-item .counts-cont .count-no {
	font-size: 64px;
	font-weight: 700;
	width: 100%;
	color: #000;
	display: inline-block;
	line-height: 1.1;
	margin-bottom: 10px;
}

.founder-left {
	width: 56.6%;
}

.founder-right {
	width: 40.5%;
}

.founder-right img {
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
}

.faq-left {
	width: 49%;
}

.faq-right {
	width: 42.5%;
}

.faq-right img {
	border-radius: 16px;
}

.faq-contact-support {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 28px;
	font-size: 18px;
	font-weight: 700;
	color: #000;
}

.faq-contact-support .cs-text, .faq-contact-support .cs-link {
	width: 50%;
}

.faq-contact-support .cs-link {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
}

.faq-contact-support .cs-link a {
	transition: 0.5s all;
	color: var(--theme-clr);
	border-bottom: var(--theme-clr) 1px solid;
	padding-bottom: 4px;
}

.faq-contact-support .cs-link a:hover {
	border-color: transparent;
}

.smarthome-txt {
	font-size: 20px;
	font-weight: 700;
	color: var(--black-clr);
	margin-top: 85px;
	margin-bottom: 20px;
}

.smarthome-txt span {
	color: var(--theme-clr);
}

/*Footer*/
.footer-scn {
	background-color: var(--black-clr);
	color: #F5F5F5;
}

.footer-scn * {
	color: #F5F5F5;
}

.footer-scn .ftr-top {
	padding-top: 90px;
	padding-bottom: 75px;
}

.footer-scn .ftr-logo {
	max-width: 178px;
	display: inline-block;
	margin-bottom: 20px;
}

.footer-scn .ftr-about-text {
	font-size: 16px;
	max-width: 365px;
	margin-bottom: 30px;
}

.ftr-item {
	width: 18%;
}

.ftr-item:first-child {
	width: 38%;
}

.footer-bottom {
	border-top: #787878 1px solid;
	padding: 22px 0;
	font-size: 12px;
}

.footer-bottom * {
	font-size: 12px;
}

.footer-bottom .copy-text, .footer-bottom .designby-text {
	width: 50%;
}

.footer-bottom .designby-text {
	display: flex;
	justify-content: flex-end;
}

.ftr-item ul li {
	margin: 4px 0px;
	display: inline-block;
	width: 100%;
}

.ftr-item ul li a:hover {
	color: var(--theme-clr);
}

/**Inner page**/
.inner-bnr {
	position: relative;
}

.inner-bnr img {
	width: 100%;
}

.inner-bnr-cont {
	position: absolute;
	max-width: 1170px;
	padding: 0px 15px;
	width: 100%;
	top: 50%;
	z-index: 9;
	margin: auto;
	left: 0px;
	right: 0px;
	transform: translateY(-50%);
}

.inner-bnr-cont h2 {
	color: var(--white-clr);
	margin-bottom: 10px;
}

.breadcrumb * {
	color: #fff;
}

.breadcrumb a:after {
	content: '/';
	margin-left: 8px;
	margin-right: 4px;
}

.breadcrumb a:hover {
	color: var(--theme-clr);
}

.breadcrumb a:hover:after {
	color: var(--white-clr);
}

.strong-tagline {
	color: var(--black-clr);
	margin-bottom: 16px;
	display: inline-block;
	font-size: 18px;
}

.exp-about-text {
	margin-top: 50px;
	background-color: #F4FAFF;
	text-align: center;
	border-radius: 10px;
	padding: 15px 20px;
	color: #000;
	min-height: 92px;
	align-content: center;
}

.founder-info .founder-name-text {
	display: block;
	font-weight: 700;
	color: var(--theme-clr);
	margin-top: 32px;
	font-size: 20px;
}

.founder-follow {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 10px;
	font-size: 18px;
	font-weight: 700;
	color: var(--black-clr);
}

.founder-follow .socia-media a {
	filter: brightness(0) saturate(100%) invert(0%) sepia(5%) saturate(0%) hue-rotate(210deg) brightness(93%) contrast(99%);
}

.missionvision {
	background-size: cover;
	min-height: 580px;
	color: var(--white-clr);
}

.vision-scn .ourmission-cont {
	margin-left: 0;
}

.missionvision h3 {
	font-size: 32px;
	color: var(--white-clr);
	display: flex;
	align-items: center;
}

.missionvision h3 img {
	margin-right: 22px;
}

.mission-list * {
	color: var(--white-clr);
}

.ourmission-cont {
	max-width: 480px;
	margin-left: auto;
}

.mission-list h5 {
	font-size: 18px;
	width: 100%;
	border-bottom: #fff 1px solid;
	padding-bottom: 15px;
	padding-top: 20px;
}

.cw-accordion {
	width: 100%;
}

.cw-accordion .cw-accordion__item {
	width: 100%;
	border-bottom: #000 1px solid;
	padding: 20px 0;
	position: relative;
}

.cw-accordion .cw-accordion__item .cw-acordion-cont {
	height: 0px;
	overflow: hidden;
	transition: 0.5s all;
}

.cw-accordion .cw-accordion__item .cw-label {
	color: #000;
	font-size: 24px;
	font-weight: 700;
	cursor: pointer;
	width: 100%;
	display: inline-block;
	position: relative;
}

.cw-accordion .cw-accordion__item .cw-label:after {
	content: '';
	background-image: url(../images/plus.svg);
	width: 20px;
	height: 20px;
	background-position: center center;
	position: absolute;
	right: 0px;
	top: 9px;
}

.cw-accordion .cw-accordion__item .cw-label.cw-open:after {
	top: 10px;
	transform: rotate(45deg);
}

.cw-accordion .cw-accordion__item .cw-label.cw-open + .cw-acordion-cont {
	height: auto;
	margin-top: 15px;
}

.splide__pagination button.splide__pagination__page {
	width: 12px;
	height: 12px;
	opacity: 1;
	margin: 0px 6px;
}

.splide__pagination button.splide__pagination__page.is-active {
	background-color: var(--theme-clr);
	transform: none;
}

.brands-slider .splide__pagination {
	bottom: 0px;
}

.brands-slider {
	padding-bottom: 30px;
}

.splide__track--fade>.splide__list>.splide__slide.test-item {
	background-color: #F4FAFF;
	border-radius: 24px;
	padding: 100px 40px 35px 40px;
	font-size: 18px;
	position: relative;
	margin-bottom: 40px !important;
	!i;
	!;
}

.test-item:before {
	content: '';
	background-color: #D0DDE9;
	width: 94%;
	height: 90%;
	display: inline-block;
	position: absolute;
	left: 0px;
	bottom: -30px;
	z-index: 1;
	border-radius: 24px;
	right: 0px;
	margin: auto;
}

.test-item:after {
	content: '';
	background-color: #F4FAFF;
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 2;
	border-radius: 24px;
	right: 0px;
	margin: auto;
}

.name-info {
	display: flex;
	margin-left: auto;
	justify-content: flex-end;
	margin-top: 20px;
	color: #141414;
	position: relative;
	z-index: 3;
}

.name-info span {
	font-weight: 700
}

.test-item-desc {
	position: relative;
	z-index: 3;
}

.clients-test-slider:before {
	content: '';
	width: 138px;
	height: 138px;
	position: absolute;
	left: 30px;
	top: 0px;
	background-repeat: no-repeat;
	z-index: 9;
	background-size: 100%;
	background-image: url(../images/quote-icon.svg);
	display: inline-block;
}

.clients-test-slider {
	padding-top: 60px;
}

.clients-test-slider .splide__arrow {
	top: 0px;
	background-color: var(--theme-clr);
	width: 42px;
	height: 42px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/arrow-right.svg);
	transform: none;
	opacity: 1;
	background-size: 50%;
}

.clients-test-slider .splide__arrow svg {
	display: none;
}

.clients-test-slider .splide__arrow:hover {
	background-color: var(--theme-clr);
}

.clients-test-slider .splide__arrow.splide__arrow--prev {
	left: calc(100% - 110px);
	transform: rotate(180deg);
}

/**Product Section**/
.explore-products {
	width: 100%;
}

.explore-products-top h2 {
	font-size: 48px;
}

.explore-products strong {
	color: var(--black-clr);
}

.explorepdt-cont {
	width: 49%;
}

.explorepdt-img {
	width: 46.5%;
}

.automated-keypad {
	padding-top: 30px;
}

.a-keypad-list {
	gap: 20px;
	margin-top: 50px;
}

.a-keypad-list .a-keypad-item {
	display: flex;
	flex-flow: row wrap;
	width: calc(25% - 15px);
	background-color: #F4FAFF;
	padding: 5px 15px;
	min-height: 80px;
	align-items: center;
	align-content: center;
	border-radius: 6px;
}

.akeypad-img {
	max-width: 48px;
	margin-right: 20px;
}

.akeypad-cont {
	width: calc(100% - 68px);
	color: #000000;
	font-size: 18px;
	line-height: normal;
}

.a-led-lights-list {
	gap: 20px;
	padding-top: 30px;
}

.a-led-lights-list .ledlights-item {
	width: calc(25% - 15px);
}

.a-led-lights-list .ledlights-item img {
	width: 100%;
	border-radius: 16px;
}

.motorised-top {
	padding-bottom: 40px;
}

.videomodel-main {
	transition: 0.5s all;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	left: 0px;
	width: 100%;
	height: 100%;
	top: 0px;
	z-index: 999;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
	padding: 20px;
}

.videomodel-open {
	opacity: 1;
	pointer-events: auto;
}

.videomodel-main .bg-overlay {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	height: 100%;
}

.videomodel {
	background-color: #fff;
	z-index: 8;
	position: relative;
	width: 1000px;
	height: 560px;
}

.videomodel video {
	width: 100%;
	object-fit: cover;
	height: 100%;
	display: block;
}

.vm-close {
	position: absolute;
	right: 0px;
	width: 28px;
	height: 28px;
	background-color: #fff;
	border: none;
	cursor: pointer;
	z-index: 99;
	font-size: 18px;
}

.vm-model {
	width: 100%;
	height: 100%;
}

.m-videoplay {
	position: relative;
	cursor: pointer;
}

.m-videoplay * {
	pointer-events: none;
}

.v-icon {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 60px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/play-btn.svg);
}

.keyfeatured {
	width: 100%;
	margin-top: 30px;
}

.keyfeatured-list {
	gap: 20px;
	margin-top: 10px;
}

.keyfeatured-list .keyfeatured-item {
	width: calc(33.33% - 15px);
	background-color: #fff;
	padding: 14px;
	border-radius: 10px;
	min-height: 114px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
}

.keyfeatured strong {
	margin-bottom: 22px;
	display: inline-block;
	width: 100%;
}

.keyfeatured-list .keyfeatured-item strong, .keyfeatured-list .keyfeatured-item p {
	margin: 0px 0px 5px 0px;
	line-height: 1.5;
}

.smartlocks-scn .keyfeatured-list .keyfeatured-item, .sensors-scn .keyfeatured-list .keyfeatured-item {
	background-color: #F4FAFF;
}

.video-door-phone-scn .exp-about-text {
	background-color: #fff;
}

.smartlocks-info {
	margin-top: 45px;
}

.smartlocks-left {
	width: 48%;
}

.smart-right-img.m-videoplay:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 58px;
	height: 58px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/white-play-btn.svg);
	background-size: 100% 100%;
}

.smartlocks-right {
	width: 48%;
}

.smartlocks-right img {
	width: 100%;
}

.smartlocks-info img {
	border-radius: 14px;
}

.smartlocks-img-list {
	gap: 20px;
}

.smartlocks-img-list .smart-img {
	width: calc(50% - 10px);
}

@media(max-width:1200px) {
	section {
		padding: 60px 0px;
	}

	h1, .h1 {
		font-size: calc(var(--h1-size) - 20px);
		margin: 0px 0px 22px 0px;
	}

	h2, .h2 {
		font-size: calc(var(--h2-size) - 8px);
		margin: 0px 0px 18px 0px;
	}

	h3, .h3 {
		font-size: calc(var(--h3-size) - 6px);
		margin: 0px 0px 15px 0px;
	}

	h4, .h4 {
		font-size: calc(var(--h4-size) - 6px);
	}

	h5, .h5 {
		font-size: calc(var(--h5-size) - 4px);
	}

	h6, .h6 {
		font-size: calc(var(--h6-size) - 4px);
	}

	.cmn-btn {
		padding: 10px 26px 10px 26px;
	}

	.hd-tagline {
		font-size: 13px;
	}

	.hdr-btns {
		margin-left: 15px;
	}

	.menu ul li {
		margin: 0px 8px;
	}

	.counts-list .counts-item .counts-cont .count-no {
		font-size: 40px;
	}

	.counts-scn {
		padding: 35px 0;
	}

	.smarthome-txt {
		margin-top: 40px;
		font-size: 18px;
	}

	.footer-scn .ftr-top {
		padding-top: 60px;
		padding-bottom: 45px;
	}

	.footer-bottom {
		padding: 14px 0;
	}

	.bnr-item {
		min-height: 540px;
	}

	.bnr-count-info .bnr-count .bnr-count-no {
		font-size: 32px;
	}

	.bnr-count-info {
		margin-top: 60px;
	}

	.marquee-list li {
		font-size: 18px;
	}

	.explore-products-top h2 {
		font-size: 40px;
	}

	.automated-keypad {
		padding-top: 0;
	}

	.a-keypad-list .a-keypad-item {
		padding: 5px 10px;
		width: calc(25% - 8px);
	}

	.akeypad-img {
		max-width: 40px;
		margin-right: 10px;
	}

	.akeypad-cont {
		width: calc(100% - 52px);
		font-size: 16px;
	}

	.a-keypad-list {
		gap: 10px;
		margin-top: 30px;
	}

}

@media(max-width:992px) {
	section {
		padding: 40px 0px;
	}

	h1, .h1 {
		font-size: calc(var(--h1-size) - 26px);
		margin: 0px 0px 20px 0px;
	}

	h2, .h2 {
		font-size: calc(var(--h2-size) - 10px);
		margin: 0px 0px 15px 0px;
	}

	h3, .h3 {
		font-size: calc(var(--h3-size) - 10px);
		margin: 0px 0px 12px 0px;
	}

	h4, .h4 {
		font-size: calc(var(--h4-size) - 10px);
		margin: 0px 0px 10px 0px;
	}

	h5, .h5 {
		font-size: calc(var(--h5-size) - 7px);
		margin: 0px 0px 10px 0px;
	}

	h6, .h6 {
		font-size: calc(var(--h6-size) - 3px);
		margin: 0px 0px 5px 0px;
	}

	.missionvision h3 {
		font-size: 24px;
	}

	.mission-list h5 {
		font-size: 18px;
		padding-bottom: 8px;
		padding-top: 8px;
	}

	.missionvision {
		min-height: inherit;
	}

	nav.menu ul {
		display: none;
	}

	.counts-list .counts-item .counts-icon {
		width: 40px;
		margin-right: 10px;
	}

	.counts-list .counts-item .counts-cont {
		width: calc(100% - 50px);
	}

	span.count-text {
		font-size: 13px;
		line-height: 1.2;
		display: inline-block;
	}

	.counts-list {
		gap: 12px;
	}

	.counts-list .counts-item {
		width: calc(25% - 9px);
	}

	.counts-list .counts-item .counts-cont .count-no {
		margin-bottom: 0;
	}

	.founder-follow {
		font-size: 14px;
	}

	.founder-info .founder-name-text {
		font-size: 16px;
	}

	.aboutus-inner {
		align-items: flex-start;
	}

	.akeypad-cont {
		font-size: 13px;
	}

	.a-led-lights-list .ledlights-item img {
		border-radius: 10px;
	}

	.img-radius {
		border-radius: 10px;
	}

	.smartlocks-info img {
		border-radius: 10px;
	}

	.exp-about-text {
		font-size: 14px;
	}

	.exp-about-text {
		font-size: 14px;
	}

	.keyfeatured strong {
		font-size: 14px;
	}

	.keyfeatured-list .keyfeatured-item {
		font-size: 14px;
		width: calc(33.33% - 7px);
	}

	.keyfeatured-list {
		gap: 10px;
	}

	.smartlocks-info {
		margin-top: 30px;
	}

	.smartlocks-left {
		width: 48.3%;
	}

	.smartlocks-right {
		width: 48.5%;
	}

	.exp-about-text {
		margin-top: 30px;
	}

	.videomodel {
		height: 400px;
	}

	.smart-right-img.m-videoplay:before {
		width: 46px;
		height: 46px;
	}

	.smart-right-img.m-videoplay:before {
		width: 46px;
		height: 46px;
	}

	.v-icon {
		width: 55px;
		height: 55px;
	}

}

@media(max-width:767px) {
	body {
		padding-top: 97px;
		line-height: 1.5;
		font-size: 14px;
	}

	h1, .h1 {
		font-size: calc(var(--h1-size) - 34px);
		margin: 0px 0px 20px 0px;
	}

	h2, .h2 {
		font-size: calc(var(--h2-size) - 15px);
		margin: 0px 0px 15px 0px;
	}

	h3, .h3 {
		font-size: calc(var(--h3-size) - 14px);
		margin: 0px 0px 12px 0px;
	}

	h4, .h4 {
		font-size: calc(var(--h4-size) - 12px);
		margin: 0px 0px 10px 0px;
	}

	h5, .h5 {
		font-size: calc(var(--h5-size) - 10px);
		margin: 0px 0px 10px 0px;
	}

	p {
		margin: 0 0 15px 0;
		line-height: 1.5;
	}

	.hdr-logomenu-inner {
		padding: 12px 0px;
	}

	.mobile-toggle {
		position: relative;
		top: 0px;
		display: flex;
		width: 25px;
		height: 18px;
		flex-flow: row wrap;
		align-content: space-between;
		margin-left: 15px;
	}

	.mobile-toggle i {
		transition: 0.5s all;
		width: 100%;
		height: 2px;
		background-color: var(--theme-clr);
	}

	.menu-open nav.menu {
		display: block;
	}

	.menu-open .mobile-toggle i:nth-child(2) {
		opacity: 0
	}

	.menu-open .mobile-toggle i:nth-child(1) {
		transform: rotate(-45deg);
		top: 8px;
		position: relative;
	}

	.menu-open .mobile-toggle i:nth-child(3) {
		transform: rotate(45deg);
		top: -8px;
		position: relative;
	}

	nav.menu {
		position: absolute;
		top: 120%;
		background-color: #fff;
		left: 0px;
		width: 100%;
		padding-bottom: 15px;
		transition: 0.5s all;
		pointer-events: none;
		opacity: 0;
	}

	nav.menu ul {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}

	.menu ul li {
		width: 100%;
		margin: 0px;
		border-bottom: #000 1px solid;
	}

	.menu ul li a {
		width: 100%;
		padding: 8px 15px;
		display: inline-block;
	}

	.menu-open nav.menu {
		top: 100%;
		pointer-events: auto;
		opacity: 1;
	}

	.hdr-top-right {
		display: none;
	}

	.hdr-btns {
		margin-left: 15px;
	}

	.aboutus-right, .aboutus-left, .founder-left, .founder-right {
		width: 100%;
	}

	.founder-right {
		margin-top: 30px;
	}

	.counts-list .counts-item {
		width: calc(50% - 9px);
	}

	.counts-list .counts-item .counts-cont .count-no {
		font-size: 30px;
	}

	.ftr-item, .ftr-item:first-child {
		width: 100%;
		margin: 15px 0px;
	}

	.footer-scn .ftr-top {
		padding: 30px 0;
	}

	.inner-bnr img {
		object-fit: cover;
		height: 160px;
	}

	.exp-about-text br {
		display: none;
	}

	.exp-about-text {
		margin-top: 30px;
		font-size: 14px;
		padding: 18px 15px;
	}

	.bnr-item {
		min-height: inherit;
		padding: 30px 0px 50px 0px;
	}

	.bnr-cont {
		width: 100%;
	}

	.bnr-cont .bnr-desc {
		width: 100%;
		line-height: 1.5
	}

	.bnr-count-info {
		margin-top: 20px;
	}

	.w-choose-left {
		width: 100%;
	}

	.w-choose-btn {
		width: 100%;
		justify-content: start;
		padding-left: 0px;
		margin-top: 20px;
	}

	.whychoose-list .wChoose-item {
		width: calc(50% - 10px);
	}

	.wChoose-icon {
		margin-bottom: 20px;
	}

	.whychoose-list .wChoose-item p {
		font-size: 14px;
	}

	.howitwork-top-title {
		width: 100%;
	}

	.howit-works {
		width: 100%;
	}

	.howit-works-list .howit-works-item {
		width: 100%;
	}

	.howit-works-list {
		margin-top: 30px;
		gap: 30px;
	}

	.clients-left, .faq-left, .faq-right, .clients-part {
		width: 100%;
	}

	.clients-test-slider:before {
		width: 90px;
		height: 90px;
		top: 18px;
		left: 15px;
	}

	.splide__track--fade>.splide__list>.splide__slide.test-item {
		background-color: #F4FAFF;
		border-radius: 24px;
		padding: 50px 15px 20px 15px;
		font-size: 15px;
		position: relative;
		margin-bottom: 40px !important;
	}

	.cw-accordion .cw-accordion__item .cw-label {
		font-size: 17px;
	}

	.cw-accordion .cw-accordion__item {
		padding: 12px 0;
	}

	.cw-accordion .cw-accordion__item .cw-label:after {
		top: 3px;
	}

	.cw-accordion .cw-accordion__item .cw-label.cw-open:after {
		top: 4px;
	}

	.faq-right {
		margin-top: 30px;
	}

	.faq-contact-support {
		font-size: 14px;
	}

	.whychoose-list {
		gap: 14px;
		margin-top: 50px;
	}

	.howit-works-icon i {
		width: 40px;
		height: 40px;
		background-size: 50% 50%;
	}

	.howit-works-icon:before {
		width: calc(100% - 45px);
	}

	.our-work-list .our-work-item {
		width: 100%;
	}

	.our-work-item .our-work-inner {
		height: 500px;
	}

	.our-work-default-card {
		display: none;
	}

	.our-work-hover-card {
		opacity: 1;
	}

	.our-work-desc {
		font-size: 15px;
	}

	.our-work-list {
		margin-top: 20px;
	}

	.automated-keypad {
		padding-top: 20px;
	}

	.explore-products-top h2 {
		font-size: 32px;
	}

	.smart-right-img.m-videoplay:before {
		width: 46px;
		height: 46px;
	}

	.v-icon {
width: 40px;
        height: 40px;
        background-size: 100%;
	}

	.explorepdt-cont {
		width: 100%;
	}

	.a-keypad {
		width: 100%;
	}

	.explorepdt-img {
		width: 100%;
	}

	.a-keypad-list .a-keypad-item {
		width: calc(50% - 8px);
		padding: 5px;
	}

	.explorepdt-img +.explorepdt-cont {
		margin-top: 30px;
	}

	.explore-products strong {
		font-size: 14px;
	}

	.keyfeatured-list .keyfeatured-item {
		width: calc(50% - 7px);
		font-size: 12px;
	}

	.keyfeatured-list .keyfeatured-item strong {
		font-size: 12px;
	}

	.smartlocks-img-list {
		gap: 10px;
	}

	.smartlocks-img-list .smart-img {
		width: calc(50% - 5px);
	}

	.smartlocks-left, .smartlocks-right {
		width: 100%;
		margin: 15px 0px;
	}

	.a-led-lights-list {
		gap: 10px;
	}

	.a-led-lights-list .ledlights-item {
		width: calc(50% - 5px);
	}

	.videomodel {
		height: 200px;
	}
    .smart-right-img.m-videoplay:before {
        width: 36px;
        height: 36px;
    }
}