/*
Theme Name: Noname
Theme URL: https://nivusoft.com
Author: nivusoft
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html {
	scroll-behavior: smooth;
}
body {
	color: #444;
	font-family: 'montserrat', sans-serif;
	background: #F8F9FF;
}
*:focus {
	outline: none !important;
}
*, ::after, ::before {
	box-sizing: border-box;
}
a {
	color: #444;
	transition: 0.5s;
	text-decoration: none;
}
a:hover,a:active,a:focus {
	color: #222;
	outline: none;
	text-decoration: none;
}
p {
	padding: 0;
	margin: 0 0 30px 0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	margin: 0 0 0px 0;
	padding: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
/* TEMPLATE ALL CSS */
/* HEADER */
.nav-head {
	height: 105px;
}
.nav-head.back {
	background: rgba(var(--lbds));
}
.nav-head.back .darkswitch {
	background: rgba(var(--lsdb), .05)
}
.nav-content {
	display: flex;
	align-items: center;
	width: 100%;
}
.NavList {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}
.NavListArea {
	margin-left: auto;
	display: flex;
	align-items: center;
}
.logo img {
	height: 48px;
	width: auto;
}
.logo img.dark {
	display: none;
}
ul.NavList li {
	list-style: none;
	padding: 0 5px;
}
.NavList li a {
	color: rgba(var(--menutxtcl));
	font-weight: var(--menutxtweight);
	padding: 12px 8px;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	text-align: left;
	color: #1C164B;
	text-transform: uppercase;
}
li.navitem.nav-drop > a {
	position: relative;
	padding-right: 18px;
}
li.navitem.nav-drop > a::after {
	content: "\f078";
	position: absolute;
	font-family: fontawesome;
	font-size: 10px;
	right: -2px;
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	transition: .2s;
}
li.navitem.nav-drop>a.show::after {
    transform: translateY(-50%) rotate(0deg);
}
.nav-drop .drop-menu {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	margin-top: 0px;
	padding: 15px 0;
	background: rgba(var(--lbds));
	border-radius: 5px;
	transition: .2s;
	box-shadow: 0px 5px 30px rgba(var(--cl1), 0.1);
	z-index: 99;
}
.nav-drop .drop-menu::before {
	content: "";
	position: absolute;
	top: -7px;
	left: 55px;
	margin-left: -5px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid rgba(var(--lbds));
}
.nav-drop:hover .drop-menu {
	visibility: visible;
	opacity: 1;
	margin-top: 10px;
}
.nav-drop .drop-menu li a {
	padding: 5px 20px;
	font-size: 16px;
	color: rgba(var(--menutxtcl));
	width: 100%;
	display: block;
	font-weight: 500;
}
.nav-drop .drop-menu li {
	transition: .2s;
}
.nav-drop .drop-menu li:hover {
	background: rgba(var(--lsdb), .03);
}
.contact-btn {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: #fff !important;
	border: none;
	background-color: rgba(var(--cl1));
	border-radius: 40px;
	padding: 8px 35px;
	box-shadow: 0 5px 25px rgba(var(--cl1), 0.3);
}
.NavActions {
	display: flex;
	align-items: center;
	margin-left: 15px;
}
.supportbtn {
	display: flex;
	align-items: center;
}
.navTogbtn {
	border: none;
	position: relative;
	width: 45px;
	height: 45px;
	padding: 6px;
	margin-left: auto;
	border-radius: 5px;
}
.navTogbtn.active .item1, .navTogbtn.active .item4 {
	border-radius: 0 85%;
}
.navTogbtn.active .item2, .navTogbtn.active .item3 {
	border-radius: 85% 0;
}
.navTogbtn span {
	height: 14px;
	width: 14px;
	background: rgba(var(--cl1));
	border-radius: 85%;
	margin: 1px;
	display: inline-block;
	transition: .3s;
}
.orderSearchNav.orsebtns {
	background: rgba(var(--cl1));
	color: #fff;
	padding: 3px 30px;
	border-radius: 30px;
	cursor: pointer;
	margin-left: 10px;
	box-shadow: 0 5px 25px rgba(var(--cl1), 0.3);
}
.LastOrdersList .nosearch {
	background: rgba(var(--lsdb), .05);
	padding: 15px 20px;
	border-radius: 10px;
	color: rgba(var(--txtall));
	font-weight: 400;
	font-size: 16px;
}
body.showmenu {
	overflow: hidden;
}
body.showmenu main, body.showmenu footer {
	filter: blur(5px);
}
body.showmenu .NavListArea {
	visibility: visible;
	left: 0%;
	max-height: 100%;
	overflow: auto;
}
.darkmode {
	margin-left: 15px;
}
.otbuts {
	align-items: center;
}
.sunmoon {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	position: relative;
	padding: 0 9px;
	font-size: 14px;
}
.darkswitch {
	width: 60px;
	height: 30px;
	background: rgba(var(--lbds));
	display: flex;
	align-items: center;
	position: relative;
	border-radius: 21px;
	cursor: pointer;
}
.darkswitchBG {
	position: absolute;
	background: rgba(var(--cl1));
	border-radius: 100%;
	width: 24px;
	height: 24px;
	left: 4px;
	transition: .5s cubic-bezier(0,0,.34,.81);
}
.darkswitchBG.active {
	left: calc(100% - 28px);
}
.sunmoon .item i {
	color: rgba(var(--lsdb), .3);
	transition: .5s cubic-bezier(0,0,.34,.81);
}
.sunmoon .item.active i {
	color: #fff;
}
/* MAIN */

/* Service List */
.serviceList {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
	width: 100%;
	max-width: 100%;
	overflow: auto;
}
.serviceList .item {
	margin: 15px;
	background: #ff9839;
	width: 100%;
	border-radius: 40px;
	

}



.serviceList .item .box {
	width: 100%;
	height:50px;
	display: flex;
	position: relative;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	transition: .4s cubic-bezier(0,0,.34,.81);
	margin-top: 13px;
	margin-bottom: 5px;
	  border-radius: 10px;

}





.serviceList .item .box:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 0;
	/* background: rgba(var(--cl1)); */
	z-index: 0;
	transition: .2s cubic-bezier(0,0,.34,.81);
}
.serviceList .item .box:hover:after {
	left: 0%;
	width: 100%;
}
.serviceList .item .box:hover i {
	color: #fff;
	z-index: 2;
}
.serviceList .item .box i {
	color: white;
	font-size: 34px;
	position: relative;
	transition: .4s cubic-bezier(0,0,.34,.81);
}
.serviceList .item .opacityIcon {
	position: absolute;
	bottom: -14px;
	left: -10px;
}
.serviceList .item .opacityIcon i {
	font-size: 45px;
	opacity: .08;
}
.serviceList .item .serviceName {
	margin-top: 0;
	margin-bottom: 18px;
	/* opacity: .7; */
	overflow: hidden;
	/* display: -webkit-box; */
	/* -webkit-line-clamp: 1; */
	/* -webkit-box-orient: vertical; */
	transition: .2s;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
}
.serviceList .item:hover .serviceName {
	/* opacity: 1; */
}

/* Intro */
#introHome {
	margin-bottom: 80px;
	overflow-x: clip;
}
.introHome {
	height: 420px;
	position: relative;
	overflow: hidden;
}
.introHome img.introBG {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px 20px 24px 24px;
}
.introHome::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to top, rgb(var(--intlinear)), rgb(var(--intlinear), 0.8), rgb(var(--intlinear), 0.4));
	z-index: 1;
	border-radius: 20px;
}
.introHome .content {
	position: absolute;
	bottom: 75px;
	z-index: 1;
	width: 100%;
	text-align: center;
}
.introHome .content h1 {
	font-weight: 800;
	font-size: 34px;
	color: #fff;
}
.introHome .content h1 span {
	display: block;
	color: #FDB43F;
}
.introHome .content p {
	color: #fff;
	max-width: 750px;
	margin: 0 auto;
}

/* Fast Order */
.fastOrder {
	width: fit-content;
	background: rgba(var(--lbds));
	padding: 20px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	transform: translateY(-50%);
	position: relative;
	z-index: 1;
	border-radius: 20px;
	box-shadow: 0 5px 30px rgba(var(--text), 0.1);
}
.fastOrder .fastitems {
	display: flex;
	align-items: center;
	padding-left: 7px;
}
.fastOrder .fastDrop {
	visibility: hidden;
	opacity: 0;
	transition: .2s;
	position: absolute;
	top: 60px;
	background: rgba(var(--lbds));
	width: 250px;
	padding: 15px;
	padding-right: 10px;
	border-radius: 15px;
	box-shadow: 0 5px 30px rgba(var(--cl1), 0.1);
	left: 0;
}
.fastOrder .fastselect:first-child .fastDrop {
	left: -25px;
}
.fastOrder .fastDrop.show {
	visibility: visible;
	opacity: 1;
	top: 80px;
}
.fastDrop::before {
	content: "";
	position: absolute;
	top: -7px;
	left: 55px;
	margin-left: -5px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid rgba(var(--lbds));
}
.fastOrder .fastDrop ul {
	padding: 0;
	padding-right: 5px;
	margin: 0;
	overflow: auto;
	max-height: 205px;
}
.fastOrder .fastDrop ul::-webkit-scrollbar-track {
	border-radius: 20px;
	background-color: #F5F5F5;
}
.fastOrder .fastDrop ul::-webkit-scrollbar {
	width: 5px;
	background-color: #F5F5F5;
}
.fastOrder .fastDrop ul::-webkit-scrollbar-thumb {
	border-radius: 20px;
	background-color: #c5c5c5;
}
.fastOrder .fastDrop ul li {
	list-style: none;
	font-weight: 500;
	font-size: 16px;
	background: #00000005;
	margin-bottom: 3px;
	border-radius: 6px;
	padding: 7px 12px;
	transition: .2s;
}
.fastOrder .fastDrop ul li:hover {
	background: #00000010;
}
.fastOrder .fastselect {
	color: rgba(var(--txtall));
	padding: 0 25px;
	font-weight: 700;
	font-size: 18px;
	cursor: pointer;
	position: relative;
	user-select: none;
	text-align: left;
	min-width: 250px;
}
.fastselect .cont .item .fastHead {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.fastOrder .fastselect:first-child {
	padding-left: 0;
	min-width: 225px;
}
.fastOrder .fastselect::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #00000010;
	cursor: context-menu;
}
.fastOrder .fastselect:nth-last-child(1){
	margin-right: 0;
}
.fastOrder .fastselect .cont i {
	display: none;
}
.fastOrder .fastselect span {
	font-size: 15px;
	font-weight: 400;
	display: block;
	opacity: .6;
}
.fastAction {
	margin-left: 25px;
}
.butto-fast {
	color: #fff;
	border: none;
	background: rgba(var(--cl1));
	padding: 11px 20px;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	margin-left: auto;
	border-radius: 7px;
	box-shadow: 0 5px 25px rgba(var(--cl1), 0.2);
	min-width: 250px;
}

/* Pack List */
#packList {
	margin-bottom: 100px;
}
.packListArea {
	position: relative;
	padding-bottom: 50px;
}
.packListArea:before {
	content: "";
	background: rgba(var(--cl1), 0.05);
	width: 80%;
	left: 50%;
	transform: translateX(-50%);
	height: 100px;
	position: absolute;
	bottom: 0px;
	border-radius: 70px;
}
.packListArea .packitem {
	margin: 0 10px;
}
.packitem {
	background: rgba(var(--lbds));
	border-radius: 0px;
	/* position: relative; */
	/* overflow: hidden; */
}
.packitem.overi {
	overflow: inherit;
}
.packInside {
	padding: 20px;
}
.packHead {
	background: rgba(var(--pckdf));
	height: 15px;
	position: absolute;
	top: 0;
	font-size: 14px;
	min-width: 100%;
	text-align: center;
}
.packHead span {
	display: none;
}
.packHead.have {
	color: #fff;
	width: fit-content;
	padding: 4px 20px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(-30%);
	top: 0;
	font-size: 14px;
	border-radius: 30px;
	min-width: 150px;
	text-align: center;
	height: auto;
}
.packHead.have span {
	display: block;
}
.packTop {
	margin-top: 25px;
	text-align: center;
}
.packitem.inslide {
	margin-top: 0;
}
.packTop .icon i {
	font-size: 55px;
	color: rgba(var(--pckdf));
}
.packTop .icon {
	margin-bottom: 5px;
}
.packTop .title span {
	display: block;
	font-weight: bold;
	font-size: 22px;
}
.packTop .title {
	color: rgba(var(--txtall));
}
.packDetail {
	margin: 30px;
	text-align: center;
}
.packDetail .moresi {
	display: none;
}
.packDetail .moresi li:nth-child(1){
	border-top: inherit;
}
.packDetail ul {
	padding: 0 0px;
	margin: 0;
	/* max-height: 180px; */
	/* overflow: hidden; */
}
.packDetail.more ul {
	/* height: 168px; */
	/* max-height: 168px; */
	/* overflow: auto; */
}
.packDetail ul::-webkit-scrollbar-track {
	border-radius: 20px;
	background-color: #F5F5F5;
}
.packDetail ul::-webkit-scrollbar {
	width: 5px;
	background-color: #F5F5F5;
}
.packDetail ul::-webkit-scrollbar-thumb {
	border-radius: 20px;
	background-color: #c5c5c5;
}
.packDetail ul li {
	list-style: none;
	padding: 8px 0;
	border: 0;
	font-weight: 300;
	font-size: 16px;
	
/* or 35px */
	color: #1C164B;
	text-align: left;
}
.packDetail ul li:nth-child(1) {
}
.packDetail ul li:before {
	content: "\f058";
	font-family: 'FontAwesome';
	margin-right: 10px;
	color: rgba(var(--pckdf));
	font-size: 15px;
}
.packDetailMore {
	padding: 8px 0;
	border-bottom: 1px solid #00000007;
	font-weight: 600;
	color: rgba(var(--txtall));
	cursor: pointer;
}
.packPrice {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
/* identical to box height */
	text-align: center;
	color: #FF7A00;
}
.packPrice span {
	display: block;
	font-size: 15px;
	text-decoration: line-through;
	font-weight: 400;
	opacity: .5;
	margin-bottom: -3px;
}
.packBottom {
	margin: 0;
	display: flex;
	align-items: center;
}
.packBuyBTN {
	color: #fff !important;
	flex: 1;
	font-size: 18px;
	font-weight: 500;
	background: rgba(var(--pckdf));
	padding: 13px 20px;
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
	border-radius: 50px;
	box-shadow: 0 5px 25px rgba(var(--pckdf), 0.3);
}
.packBuyBTN span {
	position: relative;
	top: -1px;
}
.packBuyBTN.noneOrder {
	opacity: .5;
	pointer-events: none;
}
.notfavlist {
	grid-column: span 4;
	text-align: center;
	background: rgba(var(--lbds), .7);
	border: 3px solid rgba(var(--lsdb), .05);
	border-radius: 15px;
	padding: 70px 0;
	height: fit-content;
}
.notfavlist span {
	font-size: 22px;
	font-weight: 700;
	color: rgba(var(--txtall));
}
.notfavlist p {
	color: rgba(var(--txtall), .8);
	margin-bottom: 0;
}
.favPack {
	border: none;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	margin: 12px auto;
	font-size: 15px;
	color: #9a9a9a;
	background: #f7f7f9;
	transition: .2s;
	position: absolute;
	right: 25px;
	top: 43px;
}
.favPack.active {
	color: rgba(var(--lbds));
	background: #fbbe65;
}
.favPack.active:hover {
	background: #fbbe65;
	opacity: .8;
}
.favPack:hover {
	background: #f3f3f3;
}
.favPack::before {
	content: "\f005";
	font-family: 'Font Awesome 5 Free';
	font-size: 15px;
}
.packListArea .splide__pagination {
	bottom: -35px;
}
.packListArea .splide__pagination__page {
	background: rgba(var(--cl1), .4);
	height: 12px;
	width: 12px;
	transition: .2s;
}
.packListArea .splide__pagination__page.is-active {
	background: rgba(var(--cl1));
	width: 25px;
	height: 12px;
	border-radius: 10px;
	transform: scale(1);
}
.packList {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-bottom: 70px;
	min-height: 400px;
	position: relative;
	padding-right: 320px;
}
.anibuybtn {
	position: relative;
	overflow: hidden;
}
.anibuybtn::after {
	content: "";
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	left: calc(100% - 60px);
	top: 50%;
	transform: translateY(-50%);
	transition: .4s cubic-bezier(0,0,.34,.81);
	background: #ffffff15;
}
.anibuybtn:hover:after {
	left: calc(100% - 90px);
	top: 20%;
}
/* Why Us */
#whyus {
	margin-bottom: 100px;
	position: relative;
	background: #181458;
}
#whyus::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: calc(100% - 250px);
	background: rgba(var(--cl1), .05);
	z-index: -1;
}
.whyus .list {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-column-gap: 25px;
	grid-row-gap: 25px;
}
.whyus .list .item {
	width: 100%;
	height: 385px;
	border-radius: 60px 10px;
	overflow: hidden;
	position: relative;
}
.whyus .list .item.more {
	display: none;
}
.whyus .list .item img.whyBG {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.whyus .list .item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to top, rgba(var(--whydf)), rgba(var(--whydf), .7),  transparent);z-index: 1;
}
.whyus .list .item .content {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	padding: 30px;
	transition: .2s;
}
.whyus .list .item .content .detail p {
	margin: 0;
}
.whyus .list .item .content .icon {
	width: 70px;
	height: 70px;
	background: #fff;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 7px;
}
.whyus .list .item .content .icon i {
	color: rgba(var(--whydf));
	font-size: 28px;
}
.whyus .list .item .content .detail {
	color: #fff;
}
.whyus .list .item .content .detail .title {
	font-weight: bold;
	font-size: 22px;
}
.whyus .list .item .content .detail p {
	font-size: 15px;
	opacity: .9;
	font-weight: 400;
	overflow: hidden;
	transition: .2s;
}
.whyListMore {
	margin-top: 30px;
	text-align: center;
}
.whyListMore .whymore {
	border: none;
	font-weight: 500;
	color: rgba(var(--txtall));
	background: rgba(var(--txtall), .06);
	font-size: 14px;
	padding: 8px 18px;
	border-radius: 7px;
	transition: .4s cubic-bezier(0,0,.34,.81);
}
.whyListMore .whymore:hover {
	background: rgba(var(--txtall), .1);
}
.whyListMore .whymore i {
	margin-left: 20px;
}
/* Testimonial */
#testimonial {
	margin-bottom: 100px;
	padding: 0 40px;
}
.testiarea {
	position: relative;
}
.testiarea::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
	width: 320px;
	height: 100px;
	border-radius: 50px;
	background: rgba(var(--cl1), .05);
	z-index: -1;
}
.stars .star i {
	color: #b8bbca;
}
.stars .star.active i {
	color: #ffb307;
}
.testimonial-item {
	background: rgba(var(--lbds));
	padding: 35px 20px;
	border-radius: 15px;
	text-align: center;
	margin: 0 15px;
}
.testimonial-item .inside {
	opacity: .7;
	transition: .2s;
}
.testimonial-item .person img {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	object-fit: cover;
}
.testimonial-item .person .name {
	margin-top: 10px;
	font-size: 22px;
	font-weight: bold;
	color: rgba(var(--txtall));
}
.testimonial-item .CustomerJob {
	color: rgba(var(--cl1));
}
.testimonial-item .detail p {
	margin-bottom: 12px;
	color: rgba(var(--txtall), .8);
	font-size: 15px;
	line-height: 19px;
}
.testimonial-item .detail {
	margin-top: 5px;
}
.splide.testimonial .splide__track {
	padding: 30px 0;
	padding-bottom: 50px;
}
.splide.testimonial ul li {
	transform: scale(1);
	transition: .2s;
}
.splide.testimonial ul li.is-active {
	transform: scale(1.05);
}
.splide.testimonial ul li.is-active .testimonial-item .inside {
	opacity: 1;
}
.splide.testimonial .splide__pagination__page {
	background: rgba(var(--cl1), .4);
	height: 12px;
	width: 12px;
	transition: .2s;
}
.splide.testimonial .splide__pagination__page.is-active {
	background: rgba(var(--cl1));
	width: 25px;
	height: 12px;
	border-radius: 10px;
	transform: scale(1);
}
/* About us */
#aboutus {
	background: rgba(var(--cl1), .05);
	margin-bottom: 100px;
	padding: 120px 0;
}
.AboutArea {
	display: flex;
	align-items: center;
	justify-content: center;
}
.AboutArea .imgData {
	position: relative;
}
.AboutArea .imgData img {
	width: 550px;
	height: 550px;
	object-fit: cover;
	border-radius: 50px;
}
.AboutArea.styletwo .imgData img {
	border-radius: 100%;
}
.AboutArea.styletwo .datainfo .item:nth-child(2) {
	margin-top: 50px;
}
.AboutArea.styletwo .datainfo {
	bottom: 25px;
}
.AboDetail {
	padding-left: 40px;
}
.AboDetail .heading span {
	color: rgba(var(--cl1));
}
.AboDetail .heading h2 {
	font-weight: bold;
	color: rgba(var(--txtall));
}
.AboDetail .heading {
	margin-bottom: 20px;
}
.AboDetail .content p {
	margin-bottom: 12px;
	color: rgba(var(--txtall), .8);
	line-height: 25px;
}
.AboDetail .action {
	margin-top: 30px;
}
.AboutArea .imgData .datainfo {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 50px;
	transform: translateY(40%);
}
.aboaction a.abobtn {
	display: block;
	background: rgba(var(--txtall));
	padding: 12px 30px;
	min-width: 200px;
	text-align: center;
	color: #fff;
	border-radius: 50px;
}
.aboaction {
	position: relative;
	padding: 6px 0;
	width: fit-content;
}
.aboaction::before {
	content: "";
	position: absolute;
	right: -50px;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	width: 100%;
	border: 2px solid rgba(var(--txtall), .2);
	border-radius: 50px;
	z-index: -1;
	transition: .4s cubic-bezier(0,0,.34,.81);
}
.aboaction::after {
	content: "\f061";
	font-family: 'FontAwesome';
	color: rgba(var(--txtall));
	position: absolute;
	right: -30px;
	top: 50%;
	transform: translateY(-50%);
	transition: .4s cubic-bezier(0,0,.34,.81);
}
.AboutArea .imgData:before {
	content: "";
	position: absolute;
	background-image: url(../../img/svg/dots.svg);
	left: -30px;
	top: -30px;
	width: 250px;
	height: 250px;
	z-index: -1;
	opacity: .7;
	animation: 3s infinite dotsmove;
}
.AboutArea .imgData .datainfo .item {
	color: rgba(var(--txtall));
	background: rgba(var(--lbds));
	padding: 20px 15px;
	margin: 0 8px;
	width: 100%;
	text-align: center;
	border-radius: 15px;
	box-shadow: 0 5px 25px rgba(var(--txtall), .1);
}
.AboutArea .imgData .datainfo .item .detail span {
	display: block;
	font-size: 16px;
	font-weight: bold;
}
.AboutArea .imgData .datainfo .item .icon i {
	font-size: 30px;
}
.AboutArea .imgData .datainfo .item .icon {
	margin-bottom: 8px;
}
.AboutArea .imgData .datainfo .item .detail {
	font-size: 15px;
}
/* Faq */
#faq {
	margin-bottom: 70px;
	margin-top:100px;
}
.faqArea {
	margin-top: 40px;
}
.faqwell .item {
	padding: 18px 22px;
	border-radius: 0;
	margin-bottom: 15px;
	cursor: pointer;
	background: #FFFFFF;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04);
}
.faqwell .item .fs-head {
	display: flex;
	align-items: center;
	user-select: none;
	font-weight: 300;
	font-size: 18px;
	line-height: 27px;
/* identical to box height */
	color: #1C164B;
}
.faqwell .item .fs-head .plusminus {
	margin-left: auto;
}
.faqwell .item .fs-head .plusminus .minus {
	display: none;
}
.faqwell .item.show .plusminus .minus {
	display: block;
}
.faqwell .item.show .plusminus .plus {
	display: none;
}
.faqwell .item .fs-content {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 0px solid #00000010;
	display: none;
}
.faqwell .item .fs-content p {
	margin: 0;
	font-weight: 300;
	font-size: 17px;
	line-height: 26px;
	color: #000;
}
.sidebar .faqwell .item {
	padding: 15px;
	padding-bottom: 13px;
	margin-bottom: 10px;
}
.SideContBoxArea {
	background: rgba(var(--lbds));
	padding: 20px 25px;
	border-radius: 12px;
}
.SideContBoxArea h3 {
	color: rgba(var(--txtall));
	font-weight: bold;
	font-size: 23px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(var(--lsdb), .1);
}
.SideContBoxArea ul {
	margin: 0;
	padding: 0;
}
.SideContBoxArea ul li {
	color: rgba(var(--txtall));
	list-style: none;
}
.SideContBoxArea ul li.email {
	font-weight: 600;
}
/* BlogLast */
#bloglast {
	margin-bottom: 100px;
}
.ns-heading.flx {
	display: flex;
	width: 100%;
	text-align: left;
	align-items: flex-end;
	margin-bottom: 30px;
}
.ns-heading.flx .showmore {
	margin-left: auto;
}
a.ns-more {
	display: block;
	font-size: 15px;
	color: rgba(var(--txtall));
	background: rgba(var(--txtall), .06);
	padding: 7px 20px;
	border-radius: 5px;
	font-weight: 500;
	transition: .2s;
}
a.ns-more:hover {
	background: rgba(var(--txtall), .1);
}
a.ns-more i {
	font-size: 15px;
	margin-left: 15px;
}
.blog-list {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-column-gap: 20px;
}
.blog-item .thumb img {
	width: calc(100% - 60px);
	border-radius: 0;
	height: 250px;
	object-fit: cover;
	background: #FFFFFF;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04);
	position: absolute;
	top: -30px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.blog-item .detail {
	margin-top: -10px;
	padding: 0 30px 30px 30px;
}
.blog-item .detail a h3 {
	font-weight: bold;
	font-size: 23px;
	color: rgba(var(--txtall));
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 600;
	font-size: 21px;
	line-height: 32px;
	color: #1C164B;
	transition: .3s ease;
}
.blog-item .detail a:hover h3{
	color: #181458;
}
.blog-item .detail p {
	margin-bottom: 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-weight: 300;
	font-size: 18px;
	line-height: 27px;
	color: #808080;
}
.blog-item .thumb {
	position: relative;
	min-height: 250px;
}
.blog-item .thumb .post-date, .post-content .post-thumbnail .post-date {
	position: absolute;
	left: 15px;
	top: 15px;
	font-size: 12px;
	color: #fff;
	background: #00000040;
	padding: 3px 15px;
	border-radius: 27px;
	display: none;
}
.post-thumbnail {
	position: relative;
}
/* support */
#support {
	position: relative;
	padding: 30px 0;
	background: rgba(var(--cl1), .05);
}
.support-bottom {
	display: flex;
	align-items: center;
}
.support-bottom .action {
	margin-left: auto;
}
.support-bottom .text {
	font-size: 25px;
	color: rgba(var(--txtall));
	text-transform: uppercase;
}
.support-bottom .text span {
	display: block;
	font-weight: bold;
}
.support-bottom a.wp {
	font-size: 18px;
	background: #85C173;
	padding: 12px 30px;
	min-width: 200px;
	text-align: center;
	color: #fff;
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	box-shadow: 0 5px 30px #85c17345;
}
.support-bottom a.wp i {
	font-size: 25px;
	margin-left: 20px;
}
.support-bottom a.fcont {
	font-size: 18px;
	background: rgba(var(--cl1));
	padding: 12px 30px;
	min-width: 200px;
	text-align: center;
	color: #fff;
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	margin-left: 10px;
	box-shadow: 0 5px 30px rgba(var(--cl1), .2);
}
.support-bottom a.fcont span, .support-bottom a.wp span {
	position: relative;
	top: 1px; 
}
.support-bottom a.fcont i {
	font-size: 22px;
	margin-left: 20px;
}
/* FOOTER */
.footer {
	background: rgba(var(--lbds));
	padding: 50px 0;
}
.foot-flex {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 25px;
}
.footImg {
	text-align: center;
	padding-top: 12px;
	margin-top: 20px;
	border-top: 1px solid rgba(var(--lsdb), .05);
}
.footImg img {
	height: 50px;
	max-width: 100%;
	width: auto;
}
.footer .start {
	align-self: center;
}
.footer .start img {
	height: 48px;
	margin-bottom: 10px;
}
.footer .start p {
	margin-bottom: 10px;
	color: rgba(var(--txtall), .8);
	line-height: 25px;
}
.footer .start .social-action {
	display: flex;
	align-items: center;
}
.footer .start .social-action a {
	margin-right: 8px;
}
.footer .start .social-action a i {
	color: rgba(var(--txtall), .6);
	font-size: 22px;
	transition: .2s;
}
.footer .start .social-action a:hover i {
	color: rgba(var(--txtall));
}
.footer .fdef .title {
	font-weight: bold;
	font-size: 20px;
	color: rgba(var(--txtall));
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(var(--lsdb), .05);
}
.footer .fdef ul {
	padding: 5px;
	margin: 0;
}
.footer .fdef ul li, .footer .fdef ul li a {
	list-style: none;
	padding-bottom: 3px;
	margin-bottom: 3px;
	font-size: 15px;
	color: rgba(var(--txtall), .8);
}

/* OTHER */
.homestep {
	display: flex;
	flex-direction: column;
}
.homestep.two {
	flex-direction: column-reverse;
}
.homestep.four {
	flex-direction: column-reverse;
}
.navTogbtn {
	display: none;
	background: none;
}
.anibut {
	position: relative;
	overflow: hidden;
}
.anibut::after {
	content: "";
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	left: calc(100% - 35px);
	top: -5px;
	transition: .4s cubic-bezier(0,0,.34,.81);
	background: #ffffff10;
}
.anibut:hover:after {
	left: calc(100% - 75px);
}
.path1 {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.allpath {
	fill: rgba(var(--cl1), 0.05);
}
.ns-heading {
	width: fit-content;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}
.ns-heading.mb {
	margin-bottom: 35px;
}
.ns-heading > span {
	font-size: 15px;
	color: rgba(var(--cl1));
	position: relative;
	font-weight: 400;
}
.ns-heading h2 {
	font-weight: 500;
	font-size: 32px;
	line-height: 48px;
/* identical to box height */
	text-align: center;
	color: #1C164B;
}
.ns-heading span {
	font-weight: 500;
	font-size: 32px;
	line-height: 48px;
/* identical to box height */
	text-align: center;
	color: #1C164B;
}
.ns-heading p {
	opacity: .6;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: #000;
}
.nheadall {
	display: inline-flex;
}
.nfootall {
	display: none;
}
.ns-headH {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.packallBTN {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	color: rgba(var(--lsdb), .5);
	background: rgba(var(--lsdb), .05);
	padding: 2px 13px;
	margin-left: 10px;
	margin-bottom: 7px;
	border-radius: 17px;
	transition: .2s;
}
.packallBTN:hover {
	color: rgba(var(--lsdb), .6);
	background: rgba(var(--lsdb), .1);
}
.dashline {
	position: relative;
}
.dashline::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	right: 0;
	height: 1px;
	border-top: 6px dotted rgba(var(--txtall));
	opacity: .1;
}
.dashline::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 12px;
	right: 0;
	height: 1px;
	border-top: 6px dotted rgba(var(--txtall));
	opacity: .1;
}
#intall {
	margin-top: 0px;
	margin-bottom: -170px;
	background: linear-gradient(180deg, #181458 0%, #BC79FF 100%);
	z-index: -1;
	position: relative;
}
#intall.ver2{
	margin-bottom: -80px;
}
#intall.ver3{
	margin-bottom: -80px;
	max-height: 490px;
	margin-top:0px;
	z-index: 0;
}
#intall.ver3 .intall{
	max-width: 62%;
}
.intall {
	position: relative;
	padding: 40px 0 190px 0;
}

.intall.order{padding-bottom: 0;}

.intall::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: none;
	/* background: linear-gradient(to top, rgb(var(--intlinear)), rgb(var(--intlinear), 0.8)); */
	z-index: 1;
	border-radius: 20px;
}
.intall img.introBG {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px 20px 24px 24px;
}
.intall .conts {
	position: relative;
	padding: 25px 85px;
	display: flex;
	text-align: center;
	align-items: center;
	z-index: 1;
	flex-direction: column;
}
.intall .conts .icobox {
	min-width: 100px;
	height: 100px;
	background: #fff;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: 30px;
}
.intall.order .conts .icobox {
	min-width: 95px;
	height: 95px;
	background: #fff;
	margin-left: 10px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.intall.order .conts .icobox::after {
	display: none;
}
.intall.order .conts .icobox i {
	font-size: 38px;
}
.intall.reserve .conts .icobox {
	min-width: 100px;
}
.intall.order.reserve .conts .icobox {
	min-width: 95px;
}
.orderFail {
	color: rgba(var(--txtall));
}
.intall .icobox::before {
	content: "";
	position: absolute;
	left: -10px;
	top: -10px;
	right: -10px;
	bottom: -10px;
	background: #fff;
	opacity: .4;
	z-index: -1;
	border-radius: 100%;
}
.intall .icobox::after {
	content: "";
	position: absolute;
	left: -10px;
	top: -10px;
	right: -10px;
	bottom: -10px;
	background: var(--bg);
	opacity: .5;
	z-index: -1;
	border-radius: 100%;
	animation: 1.3s infinite icoshad;
}
.intall .conts .icobox i {
	font-size: 54px;
	color: rgba(var(--cl1));
}
.intall .conts .detabox h1 {
	margin-bottom: 7px;
	font-weight: 600;
	font-size: 32px;
	line-height: 123.5%;
	text-align: center;
	color: #fff;
}
.intall .conts .detabox p {
	margin-bottom: 0;
	font-weight: 300;
	font-size: 18px;
	line-height: 27px;
	text-align: center;
	color: #fff;
}
.intall .conts .detabox {
	max-width: 800px;
	margin-left: 60px;
	text-align: center;
}
.intall .conts.v2 .detabox{
	max-width: 100%;
}
.intall.order .conts {
	padding: 0px 40px 20px 40px;
	min-height: 215px;
}
.intall.order .conts .detabox h1 {
	font-size: 30px;
	margin-bottom: 3px;
	color:  black;
}
.intall.order {
	height: fit-content;
	margin-bottom: 25px;
}
.intall.order .conts .detabox {
	margin-left: 35px;
}
.intall.order .conts .detabox p {
	margin: 0;
	opacity: .7;
	color: black;
}
.platList {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-column-gap: 25px;
	grid-row-gap: 25px;
	margin-bottom: 70px;
}
.blogList {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-column-gap: 25px;
	grid-row-gap: 25px;
	margin-bottom: 25px;
}
.platList .item:hover {
	background: #FF7A00;
}
.platList .item:hover .detail h2 {
	color: white;
}
.platList .item:hover .detail span {
	color: white;
}
.platList .item:hover a img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(214deg) brightness(119%) contrast(116%);
}
.platList .item {
	padding: 0 0 0 130px;
	border-radius: 0;
	display: flex;
	flex-direction: row;
	background: #FFFFFF;
	box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
	align-items: center;
	position: relative;
	height: 92px;
}
body .platList .icon {
	width: 117px;
	height: 92px;
	border-radius: 100%;
	background: url('../../img/iconbg3.png')!important;
	box-shadow: none;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
	background-repeat: no-repeat!important;
	background-size: contain!important;
	background-position: center!important;
	position: absolute;
	left: -13px;
	top: 0;
	bottom: 0;
}
.platList .action {
	margin-top: 0;
	float: right;
	position: absolute;
	right: 20px;
}
.platList .icon i {
	font-size: 18px;
	color: #FF7A00;
}
.platList .detail h2 {
	margin-bottom: 0;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
/* identical to box height */
	color: #1C164B;
}
.detail span {
	margin-bottom: 0;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
/* identical to box height */
	color: #1C164B;
}
.platList .detail p {
	font-size: 16px;
	color: rgba(var(--txtall), .8);
	line-height: 23px;
}
body .platList .action .platActiBut {
	background: none!important;
	padding: 12px 25px;
	border-radius: 0;
	color: #fff;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: none;
}
.intall .conts .detabox .countservices {
	display: inline-block;
	color: #fff;
	background: #ffffff40;
	padding: 4px 15px;
	border-radius: 5px;
	font-size: 14px;
	margin-top: 8px;
	display: none;
}
.intall.reserve .conts {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.intall.reserve .conts .detabox {
	margin-left: 0;
}
.ucretsizInstall .detabox, .ucretsizInstall .detabox h1, .ucretsizInstall .detabox p{
    text-align: left!important;
}
.pagins {
	margin-bottom: 70px;
}
.pagins ul li a.page-link {
	border: none;
	margin: 0 5px;
	border-radius: 5px;
	padding: 5px 12px;
	background: none;
	color: #D8D8D8;
	font-size: 18px;
	line-height: 27px;
	font-weight: 600;
	outline: none!important;
	box-shadow: none!important;
}
.pagination{
    justify-content: center;
}
.pagins ul li.active a.page-link {
	color: #1C164B!important;
	background: none;
	font-weight: 600;
	font-size: 18px;
	line-height: 27px;
	text-align: center;
}
.title-heading {
	position: relative;
	padding-bottom: 7px;
	margin-bottom: 50px;
	text-align: center;
}
.title-heading span {
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: #B9B9B9;
}
.title-heading h2 {
	margin-bottom: 5px;
	font-weight: 500;
	font-size: 32px;
	line-height: 40px;
/* identical to box height */
	text-align: center;
	color: #1C164B;
}
.title-heading.sitleico > i {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 25px;
	color: rgba(var(--cl1), .4);
}
.title-heading.icon {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.title-heading.icon .icon i {
	color: rgba(var(--txtall));
	font-size: 25px;
	opacity: .3;
}
.title-heading::before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	height: 5px;
	width: 100px;
	background: rgba(var(--txtall));
	border-radius: 10px;
}
.title-heading::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(var(--txtall), .1);
}
.most-popular .item {
	display: flex;
	align-items: center;
	position: relative;
	padding: 12px 10px;
	border-bottom: 1px solid rgba(var(--lsdb), .1);
}
.most-popular .item:nth-last-child(1){
	border-bottom: inherit;
	margin-bottom: 0;
}
.most-popular .item .thumb {
	min-width: 85px;
	width: 85px;
	height: 55px;
}
.most-popular .item .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 3px;
}
.most-popular .item .title {
	padding-left: 12px;
	padding-right: 0;
}
.most-popular .item .title a {
	font-weight: 600;
	font-size: 16px;
	color: rgba(var(--text));
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.CommentArea {
	margin-bottom: 30px;
}
.addComment {
	background: rgba(var(--lbds));
	border-radius: 10px;
	padding: 0px;
}
.commentList .comment {
	background: rgba(var(--lbds));
	padding: 20px;
	border-radius: 5px;
	margin-bottom: 12px;
}
.commentList .comment .comHead {
	display: flex;
	align-items: center;
}
.commentList .comment .comHead .costumer {
	font-weight: bold;
	color: rgba(var(--txtall));
}
.commentList .comment .comHead span {
	font-size: 13px;
	margin-left: 10px;
	opacity: .3;
	color: rgba(var(--txtall));
}
.commentList .comment .comContent p {
	margin: 0;
	font-size: 15px;
	margin-bottom: 0;
	color: rgba(var(--text), .7);
	line-height: 23px;
}
.MoreComment {
	text-align: center;
	margin-top: 20px;
}
.MoreComment .smcommentBTN {
	color: rgba(var(--lsdb), .5);
	background: rgba(var(--lsdb), .06);
	display: inline-block;
	padding: 4px 20px;
	font-weight: 500;
	border-radius: 25px;
	font-size: 14px;
	cursor: pointer;
	transition: .2s;
}
.MoreComment .smcommentBTN:hover {
	color: rgba(var(--lsdb), .7);
	background: rgba(var(--lsdb), .08);
}
.ns-label {
	margin-bottom: 7px;
	font-weight: 500;
	color: rgba(var(--txtall));
	display: none;
}
.ns-control {
	width: 100%;
	min-height: 66px;
	padding: 10px 15px 10px 55px;
	border-radius: 0;
	display: block;
	background: #FFFFFF;
	border: 2px solid #F3F5FF;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
/* identical to box height */
	color: #B9B9B9;
}
textarea.ns-control{
	height: 130px;
	padding-top: 20px;
}
.comSend {
	color: #fff !important;
	width: 100%;
	max-width: 50%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 20px 20px 35px;
	background: linear-gradient(90deg, #FF7A00 0%, #FFA95A 100%);
	box-shadow: 0px 0px 75px rgba(255, 122, 0, 0.26);
	border-radius: 80px;
	border: none;
	font-weight: 500;
	font-size: 18px;
	line-height: 27px;
/* identical to box height */
}
.comSend span {
	position: relative;
	top: -1px;
}
.comSend span img{
	width: 14px;
}
.sideContArea {
	padding: 40px;
	background: rgba(var(--lbds));
	border-radius: 12px;
}
.sideContArea .icon i {
	font-size: 70px;
	color: rgba(var(--cl1));
}
.sideContArea .icon {
	margin-bottom: 20px;
}
.sideContArea .desc p {
	margin-bottom: 25px;
	color: rgba(var(--text), .8);
	line-height: 25px;
}
.sideContArea .action .contact-btn {
	padding: 14px 45px;
}

/* Blog Post */ 
.breadcrumb {
	margin-top: 20px;
	margin-bottom: 0;
}
.breadcrumb ul {
	padding: 0;
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
}
.breadcrumb ul li {
	list-style: none;
	padding-right: 5px;
	opacity: .6;
	position: relative;
}
.breadcrumb ul li a {
	font-size: 14px;
	color: rgba(var(--txtall));
	transition: .3s;
}
.breadcrumb ul li::after {
	content: "\f054";
	font-family: 'FontAwesome';
	font-size: 12px;
	position: relative;
	color: rgba(var(--txtall));
	opacity: .6;
}
.breadcrumb ul li:nth-last-child(1) {
	font-weight: 500;
}
.breadcrumb ul li:nth-last-child(1):after {
	content: none;
}
.post-area {
	margin-bottom: 55px;
}
.post-area > h1 {
	font-size: 30px;
	font-weight: bold;
	color: rgba(var(--txtall));
}
.post-content {
	background: rgba(var(--lbds));
	border-radius: 0;
	overflow: hidden;
}
.post-thumbnail img {
	width: 100%;
	object-fit: cover;
	max-height: 480px;
}
.post-content .post-body {
	padding: 50px 30px;
	background: #FFFFFF;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04);
	border-radius: 0px;
	font-weight: 300;
	font-size: 18px;
	line-height: 27px;
	color: #808080;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.post-content .post-body img {
	margin: 20px 0 0 0;
	clear: left;
	float: left;
}
.post-content .post-body img[style*="float:left"], .contentArea img[style*="float:left"] {
	margin-left: 0;
}
.post-content .post-body img[style*="float:right"], .contentArea img[style*="float:right"] {
	margin-right: 0;
}
.post-body img {
	max-width: 100%;
	border-radius: 10px;
}
.post-content .post-body p {
	margin-bottom: 12px;
	font-weight: 300;
	font-size: 18px;
	line-height: 27px;
	color: #808080;
}
.post-content .post-body a {
	font-weight: bold;
	color: rgba(var(--text), .8);
	font-weight: bold;
	background-image: linear-gradient(0deg, rgba(var(--lsdb), .1), rgba(var(--lsdb), .1));
	background-size: 5px 7px;
	background-repeat: repeat-x;
	background-position: bottom;
	transition: .3s;
}
.post-content .post-body h1 {
	font-size: 30px;
	font-weight: bold;
	color: rgba(var(--text));
	margin-bottom: 15px;
}
.post-content .post-body h2 {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 21px;
	line-height: 32px;
/* identical to box height */
	color: #1C164B;
}
.post-content .post-body h3 {
	font-size: 22px;
	font-weight: bold;
	color: rgba(var(--text));
	margin-bottom: 15px;
}
.post-body ol, .post-body ul {
	color: rgba(var(--text));
	padding-left: 20px;
	margin-bottom: 15px;
}
.post-body blockquote {
	padding: 12px;
	padding-left: 15px;
	background: rgba(var(--lsdb), .05);
	border-left: 4px solid rgba(var(--lsdb), .4);
}
.post-body blockquote p {
	margin-bottom: 0 !important;
	color: rgba(var(--text), .8);
	line-height: 25px;
}
.SideContact {
	margin-bottom: 50px;
}
.sideServiceList .item {
	display: flex;
	align-items: center;
	padding: 15px 20px;
	background: rgba(var(--lbds));
	border-radius: 5px;
	margin-bottom: 12px;
	position: relative;
	overflow: hidden;
}
.sideServiceList .item .icon i {
	color: rgba(var(--txtall));
	font-size: 35px;
}
.sideServiceList .item .title {
	color: rgba(var(--txtall));
	font-weight: bold;
	margin-left: 15px;
	font-size: 18px;
}
.sideServiceList .item .title span {
	font-weight: 400;
	font-size: 15px;
	display: block;
	margin-top: -5px;
}
.sideServiceList .item .action {
	margin-left: auto;
}
.sideServiceList .item .action i {
	color: rgba(var(--txtall));
	font-size: 20px;
}
.sideServiceList .item:before {
	content: "";
	position: absolute;
	left: 100%;
	top: -30%;
	height: 200px;
	width: 200px;
	border-radius: 100%;
	background: rgba(var(--txtall), .1);
	transition: .3s cubic-bezier(0,0,.34,.81);
	opacity: 0;
}
.sideServiceList .item:hover:before {
	left: 80%;
	opacity: 1;
}
.most-popular .item:before {
	content: "";
	position: absolute;
	left: 50%;
	width: 0%;
	height: 100%;
	top: 0;
	bottom: 0;
	background: rgba(var(--lsdb), .05);
	transition: .3s cubic-bezier(0,0,.34,.81);
	z-index: -1;
}
.most-popular .item:hover:before {
	width: 100%;
	left: 0;
}
.contactArea {
	background: none;
	padding: 20px 60px 0 0;
	border-radius: 0;
}
.notfoundarea {
	margin: 100px auto;
	max-width: 900px;
}
.notfoundarea .cls-3, .cls-7 {
	fill: rgba(var(--cl1));
}
.notfoundarea .cls-2 {
	fill: rgba(var(--txtall));
}
.not404 {
	margin-top: 50px;
	padding-top: 30px;
	border-top: 1px solid rgba(var(--cl1), .2);
	text-align: center;
}
.not404 h1 {
	font-weight: bold;
	color: rgba(var(--txtall));
	margin-bottom: 10px;
}
.not404 p {
	margin-bottom: 12px;
	color: rgba(var(--txtall), .8);
	line-height: 25px;
}
.not404 .actions a {
	display: inline-block;
	color: #fff;
	background: rgba(var( --cl1));
	box-shadow: 0 5px 25px rgba(var( --txtall), .3);
	padding: 10px 45px;
	margin: 0 5px;
	border-radius: 5px;
}
.not404 .actions {
	margin-top: 20px;
}
.alert-message {
	position: fixed;
	bottom: 7px;
	right: -100%;
	min-width: 300px;
	max-width: 400px;
	z-index: 99;
	border: none;
}
.orderArea {
	margin-top: 0px;
	margin-bottom: 0px;
}
.firstcont {
	padding: 30px 30px 0 0;
	padding-bottom: 0;
	background: none;
	margin-bottom: 30px;
	border-radius: 0px;
}
.firstcont .step {
	margin-bottom: 20px;
}
.firstcont .step:nth-last-child(1){
	margin-bottom: 0;
}
.firstcont .step h2 {
	font-weight: 700;
	color: rgba(var(--text));
}
.firstcont .step p {
	color: rgba(var(--text), .7);
	margin-bottom: 15px;
}
.ord-control {
    width: 100%;
    min-height: 71px;
    padding: 10px 15px 10px 55px;
    border-radius: 0;
    display: block;
    background: #FFFFFF;
    border: 2px solid #F3F5FF;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #B9B9B9!important;
}

.ord-control::placeholder{
	color: #B9B9B9!important;
}
.ord-control:focus{
	border: 2px solid #181458;
}
.ord-control.text {
	height: auto;
	color: rgba(var(--txtall), .8);
}
.ord-control.text span {
	display: block;
	font-weight: bold;
	color: rgba(var(--txtall));
}
select.ord-control {
	background: url(../../img/svg/down-light.svg) no-repeat;
	background-position-x: calc(100% - 12px);
	background-position-y: center;
	background-size: 17px;
}
.ord-control::placeholder {
	color: #999 !important;
}
.orderTabs {
	margin-bottom: 70px;
	padding-right: 30px;
}
.orderTabs .tab-content {
	display: none;
}
.orderTabs .tab-content.show {
	display: block;
}
.tabOption {
	background: none;
	border-radius: 50px;
}
.tabOption ul {
	padding: 0;
	display: flex;
	text-align: left;
	justify-content: flex-start;
	align-items: flex-start;
}
.tabOption ul li {
	color: rgba(var(--txtall));
	list-style: none;
	width: 100%;
	text-align: left;
	cursor: pointer;
	font-weight: 600;
	padding: 0;
	opacity: .5;
	transition: .2s;
	user-select: none;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #1C164B;
	margin-bottom: 8px;
}
.tabOption ul li.active {
	background: #fff0;
	border-radius: 0;
	opacity: 1;
}
.orPayDetail .amount {
	padding: 0;
	background: #fff0;
	border-radius: 15px;
}
.orPayDetail .amount ul {
	padding: 0 5px;
	margin: 0;
}
.orPayDetail .amount ul li {
	list-style: none;
	padding: 8px 0;
	border-bottom: 1px solid rgba(var(--txtall), .07);
	display: flex;
	align-items: center;
	font-weight: 300;
	font-size: 14px;
	line-height: 21px;
/* identical to box height */
	color: #1C164B;
}
.orPayDetail .amount ul li span {
	margin-left: auto;
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
/* identical to box height */
	color: #1C164B;
}
.orPayDetail .amount ul li:nth-last-child(1) {
	border-bottom: inherit;
}
.amount.statu ul li {
	display: block;
}
.amount.statu ul li span {
	display: block;
}
.orPayDetail .PaymentMethod {
	margin-top: 30px;
}
.orPayDetail .PaymentMethod ul {
	padding: 0;
	margin: 0;
	display: flex;
	gap: 16px;
}
.orPayDetail .PaymentMethod ul li {
	list-style: none;
	align-items: center;
	color: #B9B9B9;
	background: rgba(var(--lbds));
	font-weight: 400;
	padding: 15px 20px;
	padding-bottom: 14px;
	margin-bottom: 7px;
	border-radius: 0;
	border: 2px solid #EDEDED;
	cursor: pointer;
	position: relative;
	transition: .2s;
	width: 100%;
}
.orPayDetail .PaymentMethod ul li.selected {
	border-color: #181458;
	color: #181458;
}
.orPayDetail .PaymentMethod ul li::after {
	content: "\f00c";
	font-family: 'Font Awesome 5 Free';
	color: #fff;
	background: #181458;
	opacity: 0;
	position: absolute;
	right: 15px;
	top: 15px;
	width: 20px;
	height: 20px;
	font-size: 12px;
	font-weight: 600;
	padding-left: 3px;
	padding-bottom: 0px;
	border-bottom-left-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.orPayDetail .PaymentMethod ul li.selected::after {
	opacity: 1;
	transition: .3s;
}
.orPayDetail .PaymentMethod ul li i {
	margin-right: 8px;
}
body .orActionBTN.anibut {
	color: #fff !important;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	font-size: 17px;
	font-weight: 600;
	width: 270px;
	text-transform: uppercase;
	border: none;
	padding: 17px 25px;
	padding-bottom: 16px;
	background: linear-gradient(90deg, #FF7A00 0%, #FFA95A 100%)!important;
	box-shadow: 0px 0px 75px rgba(255, 122, 0, 0.26);
	border-radius: 30.5px;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	input[type=checkbox],
	input[type=radio] {
		--active: rgba(var(--txtall));
		--active-inner: #fff;
		--border: rgba(var(--txtall), .5);
		--border-hover: rgba(var(--txtall));
		--background: #fff;
		--disabled: #F6F8FF;
		--disabled-inner: #E1E6F9;
		-webkit-appearance: none;
		-moz-appearance: none;
		height: 21px;
		outline: none;
		display: inline-block;
		vertical-align: top;
		position: relative;
		margin: 0;
		cursor: pointer;
		border: 2px solid rgba(var(--lsdb), .2);
		background: var(--b, var(--background));
		transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
	}
	input[type=checkbox]:after,
	input[type=radio]:after {
		content: "";
		display: block;
		left: 0;
		top: 0;
		position: absolute;
		transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
	}
	input[type=checkbox]:checked,
	input[type=radio]:checked {
		--b: rgba(var(--cl1));
		--bc: var(--active);
		--d-o: .3s;
		--d-t: .6s;
		--d-t-e: cubic-bezier(.2, .85, .32, 1.2);
	}
	input[type=checkbox]:disabled,
	input[type=radio]:disabled {
		--b: var(--disabled);
		cursor: not-allowed;
		opacity: 0.9;
	}
	input[type=checkbox]:disabled:checked,
	input[type=radio]:disabled:checked {
		--b: var(--disabled-inner);
		--bc: var(--border);
	}
	input[type=checkbox]:disabled + label,
	input[type=radio]:disabled + label {
		cursor: not-allowed;
	}
	input[type=checkbox]:hover:not(:checked):not(:disabled),
	input[type=radio]:hover:not(:checked):not(:disabled) {
		--bc: var(--border-hover);
	}
	input[type=checkbox]:focus,
	input[type=radio]:focus {
		box-shadow: 0 0 0 var(--focus);
	}
	input[type=checkbox]:not(.switch),
	input[type=radio]:not(.switch) {
		width: 21px;
	}
	input[type=checkbox]:not(.switch):after,
	input[type=radio]:not(.switch):after {
		opacity: var(--o, 0);
	}
	input[type=checkbox]:not(.switch):checked,
	input[type=radio]:not(.switch):checked {
		--o: 1;
	}
	input[type=checkbox] + label,
	input[type=radio] + label {
		font-size: 14px;
		line-height: 21px;
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		margin-left: 4px;
	}

	input[type=checkbox]:not(.switch) {
		border-radius: 7px;
	}
	input[type=checkbox]:not(.switch):after {
		width: 5px;
		height: 9px;
		border: 2px solid #949494;
		border-top: 0;
		border-left: 0;
		left: 6px;
		top: 3px;
		transform: rotate(var(--r, 20deg));
	}
	input[type=checkbox]:not(.switch):checked {
		--r: 43deg;
	}
	input[type=checkbox].switch {
		width: 38px;
		border-radius: 11px;
	}
	input[type=checkbox].switch:after {
		left: 2px;
		top: 2px;
		border-radius: 50%;
		width: 15px;
		height: 15px;
		background: var(--ab, var(--border));
		transform: translateX(var(--x, 0));
	}
	input[type=checkbox].switch:checked {
		--ab: var(--active-inner);
		--x: 17px;
	}
	input[type=checkbox].switch:disabled:not(:checked):after {
		opacity: 0.6;
	}

	input[type=radio] {
		border-radius: 50%;
	}
	input[type=radio]:after {
		width: 19px;
		height: 19px;
		border-radius: 50%;
		background: var(--active-inner);
		opacity: 0;
		transform: scale(var(--s, 0.7));
	}
	input[type=radio]:checked {
		--s: .5;
	}
}
.chxarea {
	padding: 0px;
	padding-bottom: 0px;
	border-radius: 0px;
	background: #fff0;
	margin-top: 5px;
	display: flex;
	align-items: center;
}
.chxarea a {
	color: rgba(var(--cl1));
	font-weight: bold;
	background-image: linear-gradient(0deg, rgba(var(--text), .05), rgba(var(--text), .05));
	background-size: 6px 7px;
	background-repeat: repeat-x;
	background-position: bottom;
	transition: .3s;
}
.chxarea.free {
	background: rgba(var(--txtall), .06);
	margin-top: 15px;
}
.chxarea input {
	min-width: 21px !important;
	margin-right: 3px;
}
.chxarea label {
	font-weight: 300;
	font-size: 14px;
	line-height: 26px;
	color: #9D9D9D;
}
.chxarea label span {
	font-weight: 300;
	font-size: 14px;
}
.coupon {
	position: relative;
	margin: 8px 0;
}
.coupon .coupbtn {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	color: #fff !important;
	border: none;
	background-color: rgba(var(--cl1));
	border-radius: 3px;
	padding: 5px 21px;
	box-shadow: 0 5px 25px rgba(var(--cl1), 0.3);
}
.coupon .ns-control {
	opacity: .6;
}
.coupon .ns-control::placeholder {
	font-size: 15px;
}
.paymentDetail {
	color: #9D9D9D;
	font-size: 15px;
	background: rgba(var(--lbds));
	padding: 20px;
	border-radius: 0px;
	margin-top: 15px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.paymentDetail p {
	margin: 0;
}
.paymentDetail::before {
	content: "\f06a";
	position: absolute;
	font-family: fontawesome;
	color: rgba(var(--txtall));
	right: -12px;
	top: -27px;
	font-size: 60px;
	transform: rotate(15deg);
	opacity: .1;
}
.orPackDetail {
	padding: 25px 30px;
	background: rgba(var(--lbds));
	border-radius: 15px;
}
.orPackDetail > span {
	font-size: 20px;
	font-weight: bold;
	color: rgba(var(--txtall));
	display: block;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px dashed rgba(var(--txtall), .1);
}
.orPackDetail ul {
	padding: 0 5px;
	margin: 0;
}
.orPackDetail ul li {
	list-style: none;
	padding: 5px 0;
	font-weight: 400;
	display: flex;
	position: relative;
	align-items: center;
	color: rgba(var(--txtall));
}
.orPackDetail ul li::before {
	content: "\f058";
	font-family: 'FontAwesome';
	margin-right: 10px;
	color: rgba(var(--pckdf));
	font-size: 15px;
}
.orPackDetail .favPack {
	position: relative;
	margin: inherit;
	width: 100%;
	height: auto;
	padding: 12px 20px;
	right: inherit;
	top: inherit;
	margin-top: 20px;
}
.orPackDetail .favPack::before {
	margin-right: 5px;
}
.modal.termsofuse .modal-footer {
	justify-content: center;
}
.modal.termsofuse .modal-content {
	border: none;
	border-radius: 15px;
	background: rgba(var(--lbds));
}
.modal.termsofuse .modal-header h5 {
	font-weight: 600;
	color: rgba(var(--txtall));
}
.termsofuse .modal-header, .termsofuse .modal-footer {
	border-color: rgba(var(--lsdb), .1);
}
.modalbtn {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: #fff !important;
	border: none;
	background-color: rgba(var(--cl1));
	border-radius: 40px;
	padding: 8px 35px;
	box-shadow: 0 5px 25px rgba(var(--cl1), 0.3);
}
.modal.termsofuse .modal-body p {
	color: rgba(var(--txtall), .8);
}
.modal.termsofuse .modal-body {
	padding: 20px;
}
.btn-close {
	box-shadow: none !important;
}
.payorderdets ul {
	padding: 0;
	margin: 0;
}
.payorderdets ul li {
	list-style: none;
	color: rgba(var(--txtall), .8);
	background: rgba(var(--lbds));
	font-weight: 400;
	padding: 12px 15px;
	padding-top: 13px;
	margin-bottom: 7px;
	border-radius: 10px;
	border: 3px solid #ececec;
	position: relative;
	transition: .2s;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.payorderdets ul li span {
	font-weight: bold;
	color: rgba(var(--txtall));
}
.payorderdets {
	margin-bottom: 25px;
}
.fixActions {
	position: fixed;
	left: 15px;
	transition: .2s;
	bottom: calc(0% + 15px);
	transform: translateY(0%);
	z-index: 9;
}
.fixActions.show {
	bottom: 50%;
	transform: translateY(50%);
}
.fixActions.show .close .cshow {
	display: none;
}
.fixActions.show .close .chide {
	display: block;
}
.fixActions .close .chide {
	display: none;
}
.fixActions .close .cshow {
	display: block;
}
.fixActions .item {
	background: rgba(var(--cl1));
	border-radius: 10px;
	margin-bottom: 10px;
}
.fixActions .item {
	color: #fff;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.fixActions .item .icon {
	width: 50px;
	text-align: center;
}
.fixActions .item.fav {
	background: #fbbe65;
}
.fixActions .item.wp {
	background: #85C173;
}
.fixActions .item.tel {
	background: var(--fixedtel);
}
.fixActions .item span {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	margin-left: -30px;
	font-weight: 500;
}
.fixActions.show .item:hover {
	width: 100%;
	padding-right: 20px;
}
.fixActions.show .item:hover span {
	position: relative;
	opacity: 1;
	visibility: visible;
	margin-left: 0px;
	transition: .4s cubic-bezier(0,0,.34,.81);
}
.fixActions .item:last-child {
	margin-bottom: 0;
}
.fixActions .item i {
	font-size: 22px;
}
.fixActions .close {
	width: 50px;
	height: 50px;
	color: #fff;
	background: rgba(var(--lsdb), .3);
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	cursor: pointer;
	transition: .2s;
}
.fixActions .close:hover {
	background: rgba(var(--lsdb), .5);
}
.fixActions .close i {
	font-size: 21px;
}
.fixActions .items {
	margin-left: -70px;
	transition: .2s
}
.fixActions.show .items {
	margin-left: 0;
}
.mobileFavsbut {
	display: none;
}
.osareaBG {
	position: fixed;
	padding: 90px 0 65px;
	left: 0;
	right: 0;
	top: -50px;
	background: rgba(var(--lbds));
	box-shadow: 0 5px 30px rgba(var(--lbds), .5);
	z-index: 99;
	display: flex;
	transition: .2s;
	visibility: hidden;
	opacity: 0;
}
.osareaBG .close {
	color: rgba(var(--text));
	background: rgba(var(--text), .08);
	position: absolute;
	top: 10px;
	left: calc(50% - 60px);
	width: 120px;
	text-align: center;
	padding: 3px 10px;
	border-radius: 30px;
	cursor: pointer;
	font-size: 15px;
	transition: .2s;
}
.osareaBG .close:hover {
	background: rgba(var(--text), .11);
}
.osareaBG.show {
	top: 0;
	visibility: visible;
	opacity: 1;

}
.osareaBG .osarea {
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 1300px;
}
.searcharea {
	margin: 0 30px;
	display: flex;
	height: 100%
}
.searcharea .content {
	margin: auto 0;
	width: 100%;
}
.searcharea .content .top .icon {
	width: 110px;
	height: 110px;
	background: rgba(var(--cl1));
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.searcharea .content .top > span {
	font-size: 25px;
	font-weight: bold;
	color: rgba(var(--txtall));
	display: block;
	margin-bottom: 5px;
}
.searcharea .content .top p {
	font-size: 15px;
	color: rgba(var(--txtall), .8);
	margin-bottom: 20px;
}
.searcharea .srcwell input {
	border: none;
	width: 100%;
	display: block;
	background: #f3f3f3;
	height: 60px;
	padding: 20px;
	border-radius: 10px;
}
.srcwell .osBtn {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: #fff !important;
	border: none;
	background-color: rgba(var(--cl1));
	border-radius: 40px;
	padding: 12px 40px;
	box-shadow: 0 5px 25px rgba(var(--cl1), 0.3);
}
.lastordersarea .content .item {
	background: rgba(var(--txtall), .07);
	margin-bottom: 10px;
	border-radius: 10px;
	padding: 8px 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.lastordersarea {
	height: 100%;
	display: flex;
	align-items: center;
	margin: 0 30px;
	position: relative;
}
.lastordersarea::before {
	content: "";
	position: absolute;
	left: -42px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: #eaeaea;
}
.lastordersarea .content > span {
	font-size: 25px;
	font-weight: bold;
	color: rgba(var(--txtall));
	display: block;
}
.lastordersarea .content p {
	font-size: 15px;
	color: rgba(var(--txtall), .8);
	margin-bottom: 20px;
}
.lastordersarea .content {
	width: 100%;
}
.lastordersarea .content .item .text span {
	display: block;
	font-weight: bold;
}
.lastordersarea .content .item .text {
	color: rgba(var(--txtall));
	font-size: 15px;
}
.ordliact {
	color: #fff !important;
	font-size: 15px;
	background: rgba(var(--cl1));
	box-shadow: 0 5px 20px rgba(var(--cl1), .3);
	padding: 7px 15px;
	border-radius: 5px;
}
.ordliact:hover {
	box-shadow: 0 5px 20px rgba(var(--cl1), .5);
}
.ordliact i {
	margin-right: 1px;
}
body.order header, body.order main, body.order footer {
	filter: blur(4px);
	pointer-events: none;
}
.contentArea {
	margin-bottom: 100px;
	padding: 0 15px;
}
.contentArea h1, .contentArea h2, .contentArea h3, .contentArea h4, .contentArea h5 {
	font-weight: 700;
	color: rgba(var(--txtall));
	margin-bottom: 10px;
}
.contentArea p {
	color: rgba(var(--txtall), .8);
	margin-bottom: 12px;
}
.contentArea img {
	display: inline-block;
	margin: 15px;
	max-width: 100%;
}
/* Dark Mode */
body.dark .serviceList .item .box i, body.dark .serviceList .item .serviceName {
	color: rgba(var(--txtall));
}
body.dark .fastOrder, body.dark .AboutArea .imgData .datainfo .item, body.dark .nav-drop .drop-menu {
	box-shadow: inherit;
}
body.dark .aboaction a.abobtn {
	background: rgba(var(--cl1));
}
body.dark .logo img.dark {
	display: block;
}
body.dark .logo img.light {
	display: none;
}
body.dark .fastOrder .fastDrop {
	box-shadow: 0 5px 30px #00000030;
}
body.dark .fastOrder .fastDrop ul li {
	background: #ffffff04;
}
body.dark .fastOrder .fastDrop ul li:hover {
	background: #ffffff08;
}
body.dark .introHome .content p {
	opacity: .6;
}
body.dark .favPack {
	background: #31333e;
}
body.dark .favPack:hover {
	background: #2b2c35;
}
body.dark .intall .conts .icobox i {
	color: var(--bg);
}
body.dark .favPack.active {
	color: rgba(var(--lbds));
	background: #fbbe65;
}
body.dark .favPack.active:hover {
	background: #fbbe65;
	opacity: .8;
}
body.dark .ord-control {
	border: 3px solid #2c2e38;
	background: #2c2e38;
}
body.dark .tabOption {
	background: rgba(var(--lbds));
}
body.dark .tabOption ul li {
	font-weight: 400;
}
body.dark .tabOption ul li.active {
	background: #505261;
}
body.dark .chxarea {
	background: #2c2e38;
}
body.dark .orPayDetail .PaymentMethod ul li {
	color: rgba(var(--txtall));
	background: rgba(var(--lbds));
	font-weight: 500;
	border: 3px solid #505261;
}
body.dark .orPayDetail .PaymentMethod ul li.selected {
	border-color: #97e49a;
	color: #97e49a;
	font-weight: 500;
}
body.dark .orPayDetail .PaymentMethod ul li::after {
	background: #97e49a;
}
body.dark input[type=checkbox], input[type=radio] {
	--background: rgba(var(--lbds));
}
body.dark .coupon .ns-control {
	opacity: 1;
}
body.dark .ns-control {
	color: rgba(var(--txtall));
	background: #2c2e38;
}
body.dark .ord-control::placeholder {
	color: #5b5c65 !important;
}
body.dark select.ord-control {
	background: url(../../img/svg/down-dark.svg) no-repeat, #2c2e38;
	background-position-x: calc(100% - 12px);
	background-position-y: center;
	background-size: 17px;
	color: #92929a;
}
body.dark .notfoundarea .cls-1 {
	fill: rgba(var(--lsdb), .05);
}
/* KEYFRAMES */ 
@keyframes dotsmove {
	0%, 100% {
		transform: rotate(-2deg);: 
	}
	50% {
		transform: rotate(2deg);: 
	}
}
@keyframes icoshad {
	0%, {
		transform: scale(1); 
		opacity: .5;
	}
	100% {
		transform: scale(1.3);
		opacity: 0;
	}
}

/* MEDIA */

@media screen and (min-width: 1024px) and (max-width: 1600px){
	.subTitle {
		font-size: 48px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.fast-first h1:after{display: none;}
	.fast-first {
		align-items: flex-start!important;
	}
}
@media (max-width: 1400px){
	.platList, .packList {
		grid-template-columns: repeat(3,1fr);
	}
	.whyus .list .item {
		height: 300px;
	}
}
@media (max-width: 1250px){
	.intall.reserve .conts {
		padding: 30px 50px;
	}
	.intall.reserve .conts .icobox {
		min-width: 110px;
		height: 110px;
		margin-left: 30px;
	}
	.intall.reserve .conts .icobox i {
		font-size: 45px;
	}
}
@media (max-width: 991px) {
	.navTogbtn {
		display: flex;
		flex-flow: wrap;
		z-index: 99;
		position: relative;
	}
	.NavListArea {
		position: fixed;
		top: 0;
		left: -100%;
		visibility: hidden;
		bottom: 0;
		width: calc(100% - 70px);
		background: rgba(var(--lbds));
		z-index: 99;
		transition: .2s;
		flex-direction: column;
		align-items: flex-start;
		padding: 25px;
		box-shadow: 3px 0 20px #00000010;
	}
	.NavListArea ul.NavList {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
	.NavListArea .NavActions{
		width: 100%;
		flex-direction: column;
		margin: 0;
		margin-top: 25px;
		align-self: center;
	}
	.NavActions .darkmode {
		margin: 0;
		margin-top: 20px;
	}
	.NavActions .darkmode .darkswitch {
		background: rgba(var(--txtall), .1);
	}
	.supportbtn {
		width: 100%;
	}
	.supportbtn a {
		width: 100%;
		text-align: center;
	}
	body.showmenu .navTogbtn {
		position: fixed;
		right: 12px;
	}
	ul.NavList li {
		width: 100%;
		padding: 0;
		border-bottom: 1px solid rgba(var(--lsdb), .05);
	}
	li.nav-drop ul li:nth-last-child(1) {
		border-bottom: inherit;
	}
	.NavList li a {
		display: block;
		padding: 10px 5px;
	}
	.nav-drop .drop-menu {
		position: relative;
		background: #00000006;
		box-shadow: none;
		padding: 12px;
		margin: 0 !important;
		border-radius: 0;
		opacity: 1;
		visibility: visible;
		display: none;
	}
	.intall.reserve .conts {
		padding: 40px 30px;
		padding-bottom: 65px;
	}
	.intall .conts {
		flex-direction: column-reverse;
		justify-content: center;
		padding: 40px 20px;
		padding-bottom: 65px;
	}
	.intall .conts .detabox {
		margin: 0;
		text-align: center;
	}
	.intall {
		height: fit-content;
		padding: 10px 0 110px 0;
	}
	.intall .conts .icobox, .intall.reserve .conts .icobox {
		position: absolute;
		bottom: -40px;
		left: calc(50% - 40px);
		min-width: 80px;
		width: 80px;
		max-height: 80px;
		margin: 0 !important;
	}
	.intall .icobox::before {
		left: -15px;
		top: -15px;
		right: -15px;
		bottom: -15px;
	}
	.intall .conts .icobox {
		border: 6px solid rgba(var(--lbds), .3);
	}
	.intall.reserve .conts .icobox i, .intall .conts .icobox i {
		font-size: 28px;
	}
	.platList .item {
		padding: 25px;
	}
	.platList, .packList, .blogList {
		grid-template-columns: repeat(2,1fr);
	}
	.contactArea {
		background: inherit;
		padding: 10px;
	}

	.fastOrder .fastitems {
		flex-direction: column;
		width: 100%;
	}
	.fastOrder {
		flex-direction: column;
		width: calc(100% - 30px);
		transform: translateY(-50px);
	}
	.fastOrder .fastselect {
		margin: 0;
		padding: 0;
		text-align: left;
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #00000007;
	}
	.fastOrder .fastselect::after {
		display: none;
	}
	.fastOrder .fastselect .cont {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.fastOrder .fastselect .cont i {
		display: block;
		transition: .2s;
	}
	.fastselect.show .cont i {
		transform: rotate(90deg);
	}
	.fastAction {
		margin: 0;
		margin-top: 10px;
		width: 100%;
	}
	.butto-fast {
		min-width: 100%;
	}
	.fastOrder .fastDrop {
		top: 0;
		z-index: 1;
		width: 100%;
	}
	.fastOrder .fastselect:first-child .fastDrop {
		left: 0;
	}
	.fastOrder .fastDrop.show {
		top: calc(100% + 5px);
	}
	.fastOrder .fastDrop ul {
		max-height: 215px;
	}
	.whyus .list {
		grid-template-columns: repeat(2,1fr); 
	}
	.AboutArea {
		flex-direction: column;
	}
	.AboutArea .imgData:before {
		left: calc(50% - 125px);
		top: -40px;
	}
	.AboutArea .imgData img {
		width: 100%;
		height: 270px;
		border-radius: 20px;
	}
	.AboutArea.styletwo .imgData img {
		border-radius: 50px;
	}
	.AboDetail {
		padding: 0 10px;
		margin-top: 35px;
	}
	.AboutArea .imgData .datainfo {
		display: none;
	}
	.AboutArea .imgData .datainfo .item {
		margin: 0 3px;
	}
	.aboaction {
		width: calc(100% - 50px);
	}
	.aboaction::before, .aboaction a.abobtn {
		width: 100%;
	}
	.blog-list {
		display: flex;
		grid-gap: inherit;
		overflow: auto;
		scroll-snap-type: x mandatory;
		padding-bottom: 10px;
	}
	.blog-list::-webkit-scrollbar {
		display: none;
	}
	.blog-list .blog-item {
		scroll-snap-align: start;
		min-width: 65%;
		padding-right: 25px;
		padding-left: 15px;
		margin-bottom: 60px;
	}
	.support-bottom {
		flex-direction: column;
	}
	.support-bottom .text {
		margin-bottom: 20px;
		text-align: center;
	}
	.support-bottom .action {
		text-align: center;
		margin-left: inherit;
	}
	.support-bottom .action a {
		width: 90%;
		margin: 0;
		justify-content: space-between;
	}
	.support-bottom .action a:nth-child(1) {
		margin-bottom: 12px;
	}
	.nheadall, .packListArea .splide__pagination__page {
		display: none;
	}
	.packallBTN {
		margin-left: 0;
		margin-top: 0;
	}
	.nfootall {
		display: block;
		text-align: center;
		padding-top: 20px;
		position: relative;
	}
	.packListArea {
		padding-bottom: 15px;
	}
	.otbuts {
		align-items: center;
	}
	.otbuts .darkmode {
		margin-top: 0;
	}
	.otbuts {
		margin-top: 15px;
		padding: 8px;
		width: 100%;
		background: rgba(var(--lsdb), .03);
		justify-content: center;
		border-radius: 50px;
	}
	.orderSearchNav.orsebtns {
		box-shadow: none !important;
	}
	.mobileFavsbut {
		display: inline-block;
		background: #fbbe65;
		padding: 3px 30px;
		border-radius: 30px;
		cursor: pointer;
		margin-left: 10px;
		position: relative;
		overflow: hidden;
	}
	.mobileFavsbut a i {
		color: #fff;
	}
	.fixActions {
		left: 5px;
		transform: translateY(5%) scale(.8) !important;
		bottom: 0px;
	}
	.fixActions.show {
		transform: translateY(50%) scale(.8) !important;
		bottom: 50%;
	}
}
@media (max-width: 768px){
	a.logo img {
		height: 40px;
	}
	header .navbar {
		position: inherit;
		background: rgba(var(--lbds));
		height: 76px;
		padding:0;
	}
	.serviceList .item .box {
		border-radius: 100%;
		width: 80px;
		height: 80px;
	}
	.serviceList .item .serviceName {
		max-width: 80px;
	}
	.serviceList .item .box i {
		font-size: 32px;
	}
	.serviceList .item .opacityIcon {
		left: 32px;
	}
	.serviceList {
		justify-content: flex-start;
		overflow: auto;
		margin: 25px 0;
	}
	.serviceList .item {
		margin: 0 6px;
	}
	.serviceList .item:nth-child(1) {
		margin-left: 0;
	}
	#serviceList .container {
		padding: 0;
	}
	.serviceList .item:nth-child(1) {
		margin-left: 0;
		padding-left: 15px;
	}
	.serviceList .item:nth-last-child(1) {
		margin-right: 0;
		padding-right: 15px;
	}
	.serviceList::-webkit-scrollbar {
		display: none;
	}
	#introHome {
		margin-top: 0;
	}
	#introHome .container {
		padding: 0;
	}
	.introHome {
		height: auto;
		min-height: 350px;
	}
	.introHome .content {
		padding: 20px;
		top: 0;
		bottom: 50px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}
	.introHome .content p {
		font-size: 15px;
	}
	.introHome::before {
		background: linear-gradient(to top, rgb(var(--intlinear)), rgb(var(--intlinear), 0.8), rgb(var(--intlinear), 0.5));
		border-radius: 0;
	}
	.introHome img.introBG {
		border-radius: 0;
	}
	.introHome .content h1 {
		font-size: 24px;
	}
	.homestep.two .serviceList, .homestep.three .serviceList {
		margin-top: 0;
	}
	.homestep.three {
		flex-direction: column-reverse;
	}
	.homestep.four {
		flex-direction: column;
	}
	.container.mp0 {
		padding: 0;
	}
	.container.mp0 .ns-heading {
		padding: 0 15px;
	}
	.packitem.inslide {
		margin-top: 10px !important;
	}
	.packListArea .packitem {
		margin: 0 6px;
	}
	.platList, .packList, .blogList {
		grid-template-columns: repeat(1,1fr);
	}
	.whyus .list {
		grid-template-columns: repeat(1, 1fr);
	}
	.whyus .list .item {
		height: 240px;
		border-radius: 15px;
	}
	.whyus .list .item .content .icon {
		width: 60px;
		height: 60px;
	}
	.whyus .list .item .content .icon i {
		font-size: 22px;
	}
	.whyus .list .item .content .detail p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	#whyus::after {
		height: 150px;
	}
	#testimonial {
		padding: 0;
	}
	#testimonial .ns-heading {
		padding: 0 15px;
	}
	.testimonial-item {
		margin: 0 10px;
	}
	.faqwell .item .fs-head {
		font-size: 16px;
	}
	.faqwell .item {
		padding: 15px;
		padding-bottom: 14px;
		margin-bottom: 8px;
	}
	.faqwell .item .fs-head .plusminus {
		padding-left: 12px;
	}
	.ns-heading.flx {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.ns-heading.flx .left {
		text-align: center;
	}
	.ns-heading.flx .showmore {
		margin: 12px 0 0;
	}
	#aboutus {
		margin-top: 80px;
		padding-bottom: 70px;
	}
	#faq {
		margin-top: 75px;
	}
	#bloglast {
		margin-top: 60px;
	}
	.foot-flex {
		display: flex;
		flex-direction: column;
		padding: 0 10px;
	}
	.intall .conts .icobox {
		box-shadow: 0 5px 20px rgba(var(--cl1), .3);
	}
	.breadcrumb ul {
		overflow: hidden;
		flex-flow: nowrap;
		display: flex;
		position: relative;
		white-space: nowrap;
	}
	.breadcrumb ul li:nth-last-child(1) {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.post-area > h1 {
		font-size: 25px;
	}
	.post-thumbnail img {
		max-height: 275px;
	}
	.post-content .post-body h1 {
		font-size: 25px;
	}
	.post-content .post-body h2 {
		font-size: 23px;
	}
	.post-content .post-body h3 {
		font-size: 21px;
	}
	.post-content .post-body {
		padding: 25px 15px;
	}
	.ns-control {
		font-size: 16px !important;
	}
	.orderArea {
		margin-top: 0;
	}
	.intall.order {
		margin: 0;
		margin-bottom: 75px;
	}
	.orderArea .row .col-md-8 {
		padding: 0;
	}
	.orderArea .row .col-md-8 .firstcont {
		margin: 0px 15px 30px;
	}
	.intall.order .conts .detabox {
		margin-left: 0;
	}
	.intall.order .conts {
		padding: 40px 20px;
		padding-bottom: 75px;
	}
	.intall.order .conts .icobox {
		position: absolute;
		min-width: 80px;
	}
	.intall.order .conts .icobox i {
		font-size: 30px;
	}
	.firstcont {
		margin-top: 55px;
		padding: 25px 20px;
		border-radius: 5px;
	}
	.fixActions {
		left: 5px;
		transform: translateY(5%) scale(.8) !important;
		bottom: 0;
	}
	.fixActions.show {
		transform: translateY(50%) scale(.8) !important;
		bottom: 50%;
	}
	.fixActions .item {
		margin-bottom: 7px;
		padding-right: 0 !important;
	}
	.fixActions .item span {
		display: none;
	}
	.searcharea {
		padding-bottom: 50px;
		margin: 0 15px;
	}
	.osareaBG {
		padding: 60px 0;
		max-height: 100%;
		overflow: auto;
	}
	body.order header, body.order main, body.order footer {
		display: none;
	}
	.lastordersarea .content .item {
		flex-direction: column;
		align-items: flex-start;
		padding: 12px 15px;
	}
	.lastordersarea .content .item .text {
		margin-bottom: 5px;
	}
	.ordliact {
		padding: 5px 12px;
	}
	.intall.order .conts .detabox h1 {
		font-size: 24px;
	}
	.lastordersarea {
		margin: 0 15px;
	}
	.blog-list .blog-item {
		min-width: 100%; 
	}
	.packListArea:before {
		width: 100%;
		border-radius: 0;
		height: 250px;
	}
	.contentArea img {
		border-radius: 10px;
		padding: 0;
		margin: 15px 0;
	}
	.testiarea::after {
		width: 275px;
	}
	body.dark .nav-drop .drop-menu {
		background: #ffffff06;
	}
	.alert-message {
		max-width: calc(100% - 40px);
	}
	#bloglast, #whyus, #testimonial, #aboutus, #faq, #packList  {
		margin-bottom: 60px;
	}
	.blog-item .thumb img {
		height: 220px;
	}
	.post-content .post-body img {
		margin: 12px 0;
	}
}
@media (max-width: 575px) {

	#intall {
		margin-top: 0;
		margin-bottom: 85px;
	}
	#intall .container {
		padding: 0;
	}
	.intall::before {
		border-radius: 0;
	}
	.intall img.introBG {
		border-radius: 0;
	}
}

@media (min-width: 768px) {
	.homestep.one, .homestep.three {
		margin-top: 35px;
	}
	.homestep.one.noneService, .homestep.three.noneService {
		margin-top: 15px;
	}
	.homestep.two, .homestep.four {
		margin-top: 15px;
	}
}