/*
Theme Name: Noname
Theme URL: https://nivusoft.com
Author: nivusoft
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html {
	scroll-behavior: smooth;
}
body {
	color: #444;
	font-family: 'montserrat', sans-serif;
	background: #e3eaf1;
}
*: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: 80px;
	padding: 0;
	background: #ffffff;
}
.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{}
.logo img {
	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;
}
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: 13px;
	right: 3px;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	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 {
	display: flex;
	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: flex-start;
	margin-bottom: 30px;
	width: 100%;
	flex-wrap: wrap;
	gap: 30px;
}
.serviceList .item {
	width: calc(20% - 24px);
	background: white;
	border-radius: 8px;
	overflow: hidden;
}
.serviceList .item a{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    height: 100%;
    padding: 30px 20px;
    flex-direction: column;
    align-items: center;
}
.serviceList .item .box {
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	transition: .4s cubic-bezier(0,0,.34,.81);
	padding: 10px;
	width: 70px;
	height: 70px;
	min-width: 70px;
	min-height: 70px;
	box-shadow: 1px 1px 19px 9px #53535324;
	margin-bottom: 20px;
}
.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: 32px;
	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 {
	text-align: center;
	font-size: 18px;
	margin-top: 0;
	color: #3e5a70;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition: .2s;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding-left: 0;
	text-align: center;
}
.serviceList .item:hover .serviceName {
	opacity: 1;
}


/* Intro */
#introHome {
	margin-bottom: 60px;
}
.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: none;
	padding: 0px 0px;
	/* margin: 0 auto; */
	display: flex;
	align-items: center;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 0;
	/* box-shadow: 0 5px 30px rgba(var(--text), 0.1); */
	/* background: white; */
	border-radius: 10px;
	background: white;
	padding: 20px;
}
.fastOrder .fastitems {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-left: 0;
	gap: 16px;
	/* background: white; */
	/* border-radius: 20px; */
	margin-bottom: 16px;
}
.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: 8px;
	box-shadow: 0 5px 30px rgba(var(--cl1), 0.1);
	left: 0;
	z-index: 99;
}
.fastOrder .fastselect:first-child .fastDrop {
	left: 0px;
}
.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: 8px 25px 6px 55px!important;
	font-weight: 700;
	font-size: 18px;
	cursor: pointer;
	position: relative;
	user-select: none;
	text-align: left;
	min-width: 335px;
	background: #edf2f6;
	border-radius: 8px;
	height: 80px;
	display: flex;
	align-items: center;
	background-image: url('../img/hand.png');
	background-repeat: no-repeat;
	background-position: 20px 50%;
	background-size: auto;
}
.fastOrder .fastselect:after{content:"";background-image: url('../img/upicon.png')!important;background-repeat: no-repeat!important;background-size: auto!important;width: 11px;height: 8px;background-position: 100% 100%!important;right: 30px;position: absolute;transition: all .2s ease;}
.fastOrder .fastselect.show:after{content:"";transform: rotate(180deg);}
.fastselect .cont .item .fastHead {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	/* display: none; */
	/* position: absolute; */
	top: 0;
	font-size: 16px;
}
.fastOrder .fastselect:last-child {
	/* padding-left: 0; */
	/* min-width: 300px; */
}
.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: 18px;
	font-weight: 400;
	display: block;
	color: #707390;
}
.fastAction {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.butto-fast {
	color: #ffffff;
	border: none;
	background: rgba(var(--cl1));
	padding: 11px 20px;
	font-size: 16px;
	font-weight: 600;
	margin-left: auto;
	border-radius: 10px;
	box-shadow: 0 5px 25px rgba(var(--cl1), 0.2);
	min-width: 190px;
	height: 60px!important;
}
/* Pack List */
.priceTag{
    float: left;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    background: #8d45f836;
    border-radius: 100%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.priceTag i{
	color: white;
	font-size: 16px;
	transform: rotate(90deg);
}
#packList {
	margin-bottom: 100px;
	padding-top: 50px;
	padding-bottom: 0px;
}
.bgPacketList{
    width: 100%;
    background: url(../img/packetbg.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top;
}
.packListArea {
	position: relative;
	padding-bottom: 0;
	padding-top: 0px;
}
.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;
	display: none;
}
.packListArea .packitem {
	margin: 0 10px;
}
.packitem {
	background: rgba(var(--lbds));
	border-radius: 30px 0px 0 0;
	position: relative;
	overflow: hidden;
}
.packitem.overi {
	overflow: inherit;
}
.packInside {
	padding: 0 0 20px 0;
	z-index: 99;
	position: relative;
}
.packHead {
	border-radius: 30px 0px 0 0;
	background: rgba(var(--pckdf));
	height: 80px;
	position: absolute;
	top: 0px;
	font-size: 14px;
	min-width: 100%;
	text-align: center;
	z-index: 0;
}
.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;
	opacity: 0;
}
.packTop {
	text-align: center;
	display: flex;
	align-items: center;
	text-align: left;
	justify-content: space-between;
	padding: 14.5px 20px;
}
.packitem.inslide {
	margin-top: 20px;
}
.packTop .icon i {
	font-size: 30px;
	color: white;
}
.packTop .icon {
	background: url('../img/packIcon.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	min-width: 50px;
	height: 50px;
	min-height: 50px;
}
.packTop .title span {
	display: block;
	font-size: 19px;
	color: #ffffff;
	font-weight: 400;
}
.packTop .title {
	color: #fff;
	font-weight: 600;
	padding-right: 5px;
	font-size: 15px;
}
.packDetail {
	margin: 0px 0 5px 0;
	text-align: center;
	padding: 0 15px;
	max-height: 200px;
	overflow-y: scroll;
}
.packDetail::-webkit-scrollbar-track {
	border-radius: 20px;
	background-color: #F5F5F5;
}
.packDetail::-webkit-scrollbar {
	width: 5px;
	background-color: #F5F5F5;
}
.packDetail::-webkit-scrollbar-thumb {
	border-radius: 20px;
	background-color: #c5c5c5;
}
.packDetail .moresi {
	display: none;
}
.packDetail .moresi li:nth-child(1){
	border-top: inherit;
}
.packDetail ul {
	padding: 0;
	margin: 0;
	max-height: initial;
	overflow-y: auto;
}
.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;
	color: #000000;
	padding: 13px 10px;
	border-bottom: 1px solid #e7ebf3;
	text-align: left;
	font-size: 15px;
}
.packDetail ul li:nth-child(1) {
	border-top: 0px solid #e7ebf3;
}
.packDetail ul li:before {
	content: "\f058";
	font-family: 'FontAwesome';
	margin-right: 10px;
	color: #2c3843;
	font-size: 15px;
}
.packDetailMore {
	padding: 8px 0;
	border-bottom: 1px solid #e7ebf3;
	font-weight: 600;
	color: #10132e;
	cursor: pointer;
	font-size: 15px;
}
.packPrice {
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #6b6f89;
	height: 35px;
	display: flex;
	justify-content: flex-start;
	width: 100%;
}
.packFav{
    margin-left: 10px;
}
.packPrice span {
	display: block;
	font-size: 15px;
	text-decoration: line-through;
	font-weight: 400;
	opacity: .5;
	margin-bottom: -3px;
}
.packBottom {
	margin: 0px 15px;
	display: flex;
	align-items: center;
}
.packBuyBTN {
	color: #fff !important;
	flex: 1;
	font-size: 15px;
	font-weight: 600;
	background: rgba(var(--pckdf));
	padding: 0px 20px;
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
	border-radius: 10px;
	box-shadow: 0 5px 25px rgba(var(--pckdf), 0.3);
	justify-content: center;
	background: #01c267!important;
	height: 40px;
}
.packBuyBTN span {
	position: relative;
	top: 0px;
	margin-right: 10px;
	display: none;
}
.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: 10px;
	margin: 0px auto;
	font-size: 15px;
	color: #e5af4f;
	background: #f7e6c7;
	transition: .2s;
}
.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: 17px;
	font-weight: 600;
	color: #fff;
}
.packListArea .splide__pagination {
	bottom: -60px;
}
.packListArea .splide__pagination__page {
	background: #c4c4c4;
	height: 12px;
	width: 12px;
	transition: .2s;
}
.packListArea .splide__pagination__page.is-active {
	background: #3340a3;
	width: 25px;
	height: 12px;
	border-radius: 10px;
	transform: scale(1);
	opacity: 1;
}
.packList {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-column-gap: 25px;
	grid-row-gap: 25px;
	margin-bottom: 70px;
	min-height: 400px;
}
.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 {
	padding-bottom: 40px;
	margin-bottom: 100px;
	position: relative;
}
#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: 80px;
	padding: 50px 0px;
	background: url('../img/testimional.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.whiteColor .ns-heading h2{color:white;}
.whiteColor .ns-heading p{color:white;}
.whiteColor .ns-heading span{color:white;}
.testiarea {
	position: relative;
	margin-top: 0px;
}
.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;
	display: none;
}
.stars .star i {
	color: #b8bbca;
}
.stars .star.active i {
	color: #ffb307;
}
.testimonial-item {
	background: rgba(var(--lbds));
	padding: 0;
	border-radius: 10px;
	text-align: center;
	margin: 0 0px;
}
.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: 0;
	font-size: 18px;
	font-weight: bold;
	color: #444444;
	margin-right: 5px;
}
.testimonial-item .CustomerJob {
	color: #444;
	margin-left: 4px;
	font-weight: 500;
}
.testimonial-item .detail p {
	margin-bottom: 10px;
	color: #444444;
	font-size: 15px;
	line-height: 24px;
}
.testimonial-item .detail {
	width: 100%;
	margin-top: 5px;
	padding: 20px 30px;
	display: inline-block;
	text-align: left;
}
.splide.testimonial .splide__track {
	padding: 30px 0 50px 0;
}
.splide.testimonial ul li {
	transform: scale(1);
	transition: .2s;
}
.splide.testimonial ul li.is-active {
	transform: scale(1);
}
.splide.testimonial ul li .testimonial-item .inside,.splide.testimonial ul li.is-active .testimonial-item .inside {
	opacity: 1;
}
.splide.testimonial .splide__pagination__page {
	background: #c4c4c4;
	height: 12px;
	width: 12px;
	transition: .2s;
}
.splide.testimonial .splide__pagination__page.is-active {
	background: #ffa133;
	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: 60px;
}
.faqArea {
	margin-top: 40px;
}
.faqwell .item {
	background: rgba(var(--lbds));
	padding: 0;
	border-radius: 8px;
	margin-bottom: 15px;
	cursor: pointer;
}
.faqwell .item .fs-head {
	font-size: 18px;
	font-weight: 600;
	color: #444444;
	display: flex;
	align-items: center;
	user-select: none;
	padding: 20px;
}
.faqwell .item .fs-head .plusminus {
	margin-left: auto;
}
.faqwell .item .fs-head .plusminus .minus {
	display: none;
}
.faqwell .item.show .plusminus .minus {
	display: block;
	color: #505dcb;
}
.faqwell .item.show .plusminus .plus {
	display: none;
}
.faqwell .item .fs-content {
	padding-top: 12px;
	margin-top: 0;
	border-top: 1px solid #e3eaf1;
	display: none;
	padding: 20px;
}
.faqwell .item .fs-content p {
	margin: 0;
	color: #444444;
	line-height: 25px;
	font-size: 16px;
}
.sidebar .faqwell .item {
	padding: 15px;
	padding-bottom: 13px;
	margin-bottom: 10px;
}
.sidebarContent{
	padding:20px;
	background: white;
	border-radius: 10px;
}
.sideIco{width: 54px;height: 58px;min-width: 54px;min-height: 58px;background: url('../img/sidebg.png');background-repeat: no-repeat;background-size: contain;background-position: center;display: flex;align-items: center;justify-content: center;color: white;font-size: 24px;float: left;margin-right: 15px;}
.sideIco i{
	
}
.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;
	background: rgba(var(--lbds));
}
.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;
}
.ns-heading.flexStart{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
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 {
    padding: 25px;
    background: white;
}
.blog-item .thumb img {
	width: 100%;
	border-radius: 0;
	height: 250px;
	object-fit: cover;
}
.blog-item .detail {
	margin-top: 25px;
	padding: 0 5px;
}
.blog-item .detail a h3 {
	font-weight: bold;
	font-size: 22px;
	color: #707390;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 55px;
}
.blog-item .detail p {
	margin-bottom: 12px;
	color: #707390;
	line-height: 25px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 75px;
	font-weight: 400;
	font-size: 16px;
}
.blog-item .thumb {
	position: relative;
}
.blog-item .thumb .post-date, .post-content .post-thumbnail .post-date {
	position: absolute;
	left: 15px;
	top: 15px;
	font-size: 14px;
	color: #707390;
	background: #fff;
	padding: 3px 15px;
	border-radius: 27px;
}
.post-thumbnail {
	position: relative;
}
/* support */
#support {
	position: relative;
	padding: 22px 0;
	background: #0f131d;
}
.support-bottom {
	display: flex;
	align-items: center;
}

.support-bottom .action img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(7457%) hue-rotate(184deg) brightness(99%) contrast(95%);
}

.support-bottom .ftInfo {
	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: #1a1f2b;
	padding: 50px 0 0px 0;
}
.foot-flex {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 50px;
}
.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: flex-start;
}
.footer .start img {
	height: 48px;
	margin-bottom: 10px;
	filter: brightness(0) saturate(100%) invert(95%) sepia(100%) saturate(14%) hue-rotate(213deg) brightness(104%) contrast(104%);
}
.footer .start p {
	margin-bottom: 10px;
	color: #fff;
	line-height: 25px;
	font-size: 14px;
	font-weight: 500;
}
.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));
}
.fdef{
	height: 100%;
	padding-left: 66px;
}
.footer .fdef .title {
	font-weight: 600;
	font-size: 18px;
	color: #bac6db;
	margin-bottom: 15px;
	padding-bottom: 5px;
	position: relative;
}
.footer .fdef .title:after{content:"";position: absolute;bottom: -6px;left: -64px;height: 56px;width: 56px;border-radius: 5px;background: url('../img/rocket.png');}
.footer .fdef ul {
	padding: 0;
	margin: 0;
	position: relative;
	height: calc(100% - 15px);
}
.footer .fdef ul li, oe a {
	list-style: none;
	margin-bottom: 5px;
	font-size: 13px;
	color: #a7afd0;
	padding-left: 5px;
	display: flex;
	align-items: center;
}
.footer .fdef ul li a{
    padding-left: 16px;
    position: relative;
    color: #bac6db;
    line-height: 25px;
}

.footer .fdef ul li:hover > a{color: #fff;}
.footer .fdef ul li > a > img{
	position: relative;
    top: -2px;
}
.footer .fdef > ul > li > a:before{content:"";background: url('../img/circle.png');background-repeat: no-repeat;background-size: auto;background-position: center;width: 8px;height: 9px;display: block;position: absolute;top: calc(50% - 4.5px);left: 0;}
.footer .fdef > ul > li:hover > a:before{/* background: url('../img/circle-w.png'); */background-repeat: no-repeat;background-size: auto;background-position: center;filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(0%) hue-rotate(139deg) brightness(103%) contrast(102%);}
.footer .fdef ul li a:after{content:"";background: url('../img/menuarrow.png');background-repeat: no-repeat;background-size: auto;background-position: center;width: 14px;height: 13px;display: block;position: absolute;top: calc(50% - 6.5px);right: -22px;transition: .1s ease;}
.footer .fdef ul li a.noSubMenu:after{display: none;}
.footer .fdef ul li:hover a:after{ transform: rotate(180deg); }
.footer .fdef ul li ul li a:after{display:none!important;}

/*footer acilan menu*/
.footer .fdef ul{}
.footer .fdef ul li{}
.footer .fdef ul li:hover{
    background: #2d333c;
}
.footer .fdef ul li:hover:after{
	
}
.footer .fdef ul li ul{display: none;overflow: auto;height: 100%;position: absolute;background: #2d333c;left: calc(50% + 30px);min-width: 70%;z-index: 9999;top: 0;flex-direction: column;padding: 10px;}
.footer .fdef ul li:hover ul{display: flex;}
.footer .fdef ul li:hover ul li{display: flex;}
.footer .fdef ul li ul li a{display: flex;padding: 0;}
.footer .fdef ul li ul li a:hover{color: #fff;}
/*footer acilan menu*/

/* 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;
	background: #4b5bd2!important;
	box-shadow: 1px 1px 11px 8px #00000008;
	height: 70px;
	width: 100%;
}
.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 {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
.ns-heading.mb {
	margin-bottom: 35px;
}
.ns-heading > span {
	font-size: 36px;
	color: #444444;
	position: relative;
	font-weight: 800;
}
.ns-heading > span:before {
	content: "";
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	height: 2px;
	width: 10px;
	background: rgba(var(--cl1));
	border-radius: 2px;
	display: none;
}
.ns-heading > span:after {
	content: "";
	position: absolute;
	right: -15px;
	top: 50%;
	transform: translateY(-50%);
	height: 2px;
	width: 10px;
	background: rgba(var(--cl1));
	border-radius: 2px;
	display: none;
}
.ns-heading h2 {
	font-weight: 800;
	color: rgba(var(--txtall));
	font-size: 36px;
	color: #3e5a70;
}
.ns-heading p {
	margin: 3px 0 0;
	font-size: 18px;
	color: #3e5a70;
}
.nheadall {
	display: none;
}
.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: 50px;
}
.intall {
	display: flex;
	height: 300px;
	position: relative;
}
.intall::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #4b5bd2f7;
	z-index: 1;
	border-radius: 0px;
}
.install.noBg::before{
	background: none;
}
.intall img.introBG {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
}
.intall img.zindex1{
	z-index: 1;
}
.intall .conts {
	position: relative;
	height: 100%;
	padding: 20px 0;
	display: flex;
	text-align: center;
	align-items: center;
	z-index: 1;
}
.intall .conts .icobox {
    min-width: 80px;
    height: 80px;
    min-height: 80px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 15px;
}
.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 { }
.intall.order .conts .icobox i {
	font-size: 38px;
}
.intall.reserve .conts .icobox {
	min-width: 130px;
	margin-left: 30px;
}
.intall.order.reserve .conts .icobox {
	min-width: 95px;
}
.orderFail {
	color: rgba(var(--txtall));
}
.intall .conts .icobox::before {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    background: #fff;
    opacity: .4;
    z-index: -1;
    border-radius: 100%;
}
/*burada*/


.intall .conts .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;
}
/*burada*/

.platList .icon:before{
	content: "";
	position: absolute;
	left: -15px;
	top: -15px;
	right: -15px;
	bottom: -15px;
	background: #fff;
	opacity: .2;
	z-index: -1;
	border-radius: 100%;
	display: none;
}
.platList .icon:after{
	content: "";
	position: absolute;
	left: -30px;
	top: -30px;
	right: -30px;
	bottom: -30px;
	background: var(--bg);
	opacity: .1;
	z-index: -1;
	border-radius: 100%;
	display: none;
}

.intall .conts .icobox i {
	font-size: 32px;
}
.intall .conts .detabox h1 {
	font-weight: 800;
	margin-bottom: 2px;
	color: #fff;
	font-size: 36px;
}
.intall .conts .detabox p {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	margin: 0;
}
.intall .conts .detabox {
	margin-left: 32px;
	text-align: left;
	max-width: 60%;
}
.intall.order .conts {
	padding: 40px;
	min-height: 255px;
}
.intall.order .conts .detabox h1 {
	font-size: 30px;
	margin-bottom: 3px;
}
.intall.order {
	height: fit-content;
	margin-bottom: 25px;
}
.intall.order .conts {
	padding: 40px;
}
.intall.order .conts .detabox {
	margin-left: 35px;
}
.intall.order .conts .detabox p {
	margin: 0;
}
.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 {
	background: none;
	padding: 20px 15px;
	border-radius: 20px;
	display: flex;
	flex-direction: row;
	border: 0px solid black;
	margin-bottom: 0px;
	align-items: center;
	position: relative;
	background: white;
}
.platList .item .detail{
	text-align: center;
	margin-left: 15px;
}
.platList .icon {
	width: 55px;
	height: 55px;
	border-radius: 100%;
	background: rgba(var(--cl1));
	box-shadow: 0 5px 20px rgba(var(--cl1), .25);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	float: left;
}
.platList .action {position: absolute;right: 10px;}
.platList .icon i {
	font-size: 22px;
	color: #fff;
}
.platList .action i{
	font-size: 22px;
	transition: all .3s ease;
}
.platList .action a{
	transition: all .3s ease;
}
.platList .action a:hover i{
	margin-right: -6px;
}
.platList .action .anibut::after{
	display: none;
}
.platList .detail h2 {
	color: #3e5a70;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 0;
}
.platList .detail p {
	font-size: 16px;
	color: rgba(var(--txtall), .8);
	line-height: 23px;
	display: none;
}
.platList .action .platActiBut {
	background: rgba(var(--cl1));
	padding: 0;
	border-radius: 0;
	color: #ffffff;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 5px 20px rgba(var(--cl1), .3);
	font-size: 0;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.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: row-reverse;
	justify-content: space-between;
}
.intall.reserve .conts .detabox {
	margin-left: 0;
}
.pagins {
	margin-top:40px;
	margin-bottom: 50px;
}
.pagination{
    justify-content: center;
}
.pagins ul li a.page-link {
	border: none;
	font-size: 15px;
	margin: 0 5px;
	border-radius: 50px;
	padding: 5px 20px;
	color: rgba(var(--txtall)) !important;
	background: rgba(var(--lbds));
	color: #707390!important;
}
.page-item:first-child .page-link{
    border-radius: 50px;
}
.page-item:last-child .page-link{
    border-radius: 50px;
}
.pagins ul li.active a.page-link {
	color: #fff !important;
	background: #707390!important;
}
.title-heading {
	position: relative;
	padding-bottom: 7px;
	margin-bottom: 20px;
}
.title-heading span {
	font-size: 16px;
	font-weight: 500;
	color: #707390;
}
.title-heading h2 {
	font-size: 22px;
	color: #707390;
	margin-bottom: 5px;
	font-weight: bold;
}
.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;
	display: none;
}
.title-heading::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(var(--txtall), .1);
	display: none;
}
.most-popular .item {
	display: flex;
	align-items: center;
	position: relative;
	padding: 12px 10px;
	background: #f2f2f2;
	margin-bottom: 10px;
	border-radius: 3px;
}
.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: #707390;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.CommentArea {
	margin-bottom: 50px;
}
.addComment {
	background: rgba(var(--lbds));
	border-radius: 10px;
	padding: 30px;
}
.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 {
	color: #444444;
	background: none;
	font-size: 16px;
	width: 100%;
	min-height: 60px;
	padding: 10px 15px;
	border-radius: 0;
	display: block;
	border: none;
	border: 0px solid #d0d8e8;
}
.ns-control::placeholder{
	color: #707390;
}
.contactArea input.ns-control{
	border: 1px solid #d0d8e8;
	padding-left: 55px;
}
.contactArea textarea.ns-control{
	border: 1px solid #d0d8e8;
}
.comSend {
	color: #fff !important;
	font-size: 18px;
	background: rgba(var(--cl1));
	box-shadow: 0 5px 25px rgba(var(--cl1), .3);
	min-width: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	padding-bottom: 8px;
	width: 100%;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #29ae53!important;
}
.comSend span {
	position: relative;
	top: -1px;
}
.comSend span i{display:none;}
.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: 50px;
}
.post-area > h1 {
	font-size: 30px;
	font-weight: bold;
	color: rgba(var(--txtall));
}
.post-content {
	background: rgba(var(--lbds));
	border-radius: 10px;
	overflow: hidden;
}
.post-thumbnail img {
	width: 100%;
	object-fit: cover;
	max-height: 480px;
}
.post-content .post-body {
	padding: 30px;
}
.post-content .post-body img {
	margin: 15px;
}
.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;
	color: #2d2e3a;
	line-height: 28px;
	font-size: 18px;
}
.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 {
	font-size: 26px;
	font-weight: bold;
	color: rgba(var(--text));
	margin-bottom: 15px;
}
.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: rgba(var(--lbds));
	padding: 30px;
	border-radius: 10px;
}
.contactArea h2{
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #444444;
    border-bottom: 2px solid #e9edf4;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.contactArea h2 img{
    margin-right: 15px;
}
.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: 30px;
	margin-bottom: 50px;
}
.firstcont {
	padding: 40px 35px;
	padding-bottom: 50px;
	background: rgba(var(--lbds));
	margin-bottom: 50px;
	border-radius: 20px;
}

.firstcont.p0{
	padding: 0!important;
}

.firstcont.firstContReverse{
	padding: 0px;
	background: none;
}

.firstcont .stepTitle p{margin-bottom: 0px;}

.orderIcon{
    margin-right: 15px;
}
.orderIcon img{}
.stepTitleWrapper{
    width: 100%;
    display: flex;
    align-items: center;
	margin-bottom: 25px;
}
.stepTitle{}

.firstcont > .step {
	margin-bottom: 40px;
	background: white;
	padding: 30px 30px;
	background: rgba(var(--lbds));
	border-radius: 20px;
}
.firstcont .step:nth-last-child(1){
	margin-bottom: 0;
}
.firstcont .step h2 {
	font-weight: 700;
	color: #707390;
	font-size: 23px;
}
.firstcont .step p {
	margin-bottom: 0;
	font-size: 16px;
	color: #707390;
}
.ord-control {
	color: #444444;
	background: #fff;
	width: 100%;
	height: 75px;
	min-height: 60px;
	border: 1px solid #d0d8e8;
	border-radius: 10px;
	box-shadow: none!important;
	padding: 12px 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 400;
	font-size: 16px;
	opacity:1;
}
.ord-control:placeholder{
	color: #444444;
	opacity:1;
}
.ord-control.text {
	height: auto;
	color: rgba(var(--txtall), .8);
}
.ord-control.text span {
	display: block;
	color: rgba(var(--txtall));
	margin-right: 10px;
	white-space: nowrap;
	font-weight: 400;
}
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: 0px;
}
.orderTabs .tab-content {
	display: none;
}
.orderTabs .tab-content.show {
	display: block;
}
.tabOption {
	background: rgba(var(--txtall), .1);
	border-radius: 50px;
}
.tabOption ul {
	padding: 7px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.tabOption ul li {
	color: rgba(var(--txtall));
	list-style: none;
	width: 100%;
	text-align: center;
	cursor: pointer;
	font-weight: 600;
	padding: 7px 20px;
	opacity: .5;
	transition: .2s;
	user-select: none;
}
.tabOption ul li.active {
	background: #fff;
	border-radius: 36px;
	opacity: 1;
}
.orPayDetail .amount {
	padding: 15px 20px;
	background: rgba(var(--lbds));
	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;
	color: #707390;
}
.orPayDetail .amount ul li span {
	margin-left: auto;
	font-weight: bold;
}
.orPayDetail .amount ul li:nth-last-child(1) {
	border-bottom: inherit;
}
.amount.statu ul li {
	display: block;
	display: flex;
	justify-content: space-between;
}
.amount.statu ul li span {
	display: block;
	margin-left: 0;
	white-space: nowrap;
	margin-right: 10px;
}
.PaymentMethod{
	margin-top: 30px;
}
.orPayDetail .PaymentMethod {
	margin-top: 0px;
}
.orPayDetail .PaymentMethod ul {
	padding: 0;
	margin: 0;
}
.orPayDetail .PaymentMethod ul li {
	list-style: none;
	align-items: center;
	color: #707390;
	background: rgba(var(--lbds));
	font-weight: 500;
	padding: 15px 20px;
	padding-bottom: 14px;
	margin-bottom: 7px;
	border-radius: 10px;
	border: 0px solid #ececec;
	cursor: pointer;
	position: relative;
	transition: .2s;
}
.orPayDetail .PaymentMethod ul li.selected {
	background: #4553b1;
	border-color: rgba(var(--txtall));
	color: #fff;
	font-weight: bold;
}
.orPayDetail .PaymentMethod ul li::after {
	content: "\f00c";
	font-family: 'Font Awesome 5 Free';
	color: #4553b1;
	background: #4553b1;
	position: absolute;
	right: 12px;
	top: calc(50% - 12.5px);
	width: 25px;
	height: 25px;
	min-width: 25px;
	min-height: 25px;
	font-size: 15px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}
.orPayDetail .PaymentMethod ul li.selected::after {
	opacity: 1;
	transition: .3s;
	background: white;
	color: white;
}
.orPayDetail .PaymentMethod ul li i {
	margin-right: 8px;
}
.orActionBTN.anibut {
	color: #fff !important;
	background-color: #70b74d!important;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	font-size: 17px;
	font-weight: 600;
	border: none;
	border-radius: 12px;
	padding: 17px 25px;
	padding-bottom: 16px;
	box-shadow: 0 5px 25px rgba(var(--cl1), 0.4);
}
.orActionBTN.anibut span{
    margin-right: 10px;
}

.orActionBTN.anibut:after{
	content: "";
	background: url('../img/riconb.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
	position: absolute;
	display: block;
	width: 36px;
	height: 36px;
	min-width: 36px;
	min-height: 36px;
	top: calc(50% - 18px);
	right: 25px;
	left: auto;
}

@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: 1px 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 var(--active-inner);
		border-top: 0;
		border-left: 0;
		left: 7px;
		top: 4px;
		transform: rotate(var(--r, 20deg));
	}
	input[type=checkbox]:not(.switch):checked {
		--r: 43deg;
		background: #4553b1!important;
		border-color: #4553b1;
	}
	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: 12px;
	padding-bottom: 11px;
	border-radius: 10px;
	background: #e2e3e9;
	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: 500;
	color: #707390;
	width: auto;
}
.chxarea label span {
	font-weight: 400;
}
.coupon {
	position: relative;
	margin: 8px 0;
}
body .coupon .coupbtn {
	position: absolute;
	right: 10px;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	border: none;
	color: #4b5bd2!important;
	border-radius: 3px;
	padding: 0 17px;
	top: 15px;
	bottom: 15px;
	height: auto;
	background-color: #daddef!important;
	width: 80px;
	box-shadow: none;
}
.coupon .ns-control {
    background: url(../img/useric2.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 15px 50%;
    padding-left: 80px!important;
    padding-left: 50px;
    border: 1px solid #e3e6ee;
    border-radius: 5px;
    height: 75px;
    min-height: 60px;
}
.coupon .ns-control::placeholder {
	font-size: 15px;
}
.paymentDetail {
	color: rgba(var(--txtall), .8);
	font-size: 15px;
	background: rgba(var(--lbds));
	padding: 20px;
	border-radius: 10px;
	margin-top: 15px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	border: 1px solid #bcbdcb75;
}
.paymentDetail p {
	margin: 0;
	color: #707390;
}
.paymentDetail::before {
	content: "\f06a";
	position: absolute;
	font-family: fontawesome;
	color: rgba(var(--txtall));
	right: -12px;
	top: -27px;
	font-size: 60px;
	transform: rotate(15deg);
	opacity: 0;
}
.orPackDetail {
	padding: 25px 30px;
	background: rgba(var(--lbds));
	border-radius: 15px;
	margin-top: 30px;
}
.orPackDetail > span {
	font-size: 20px;
	font-weight: bold;
	color: #707390;
	display: block;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 2px dashed rgba(var(--txtall), .1);
	font-size: 16px;
}
.orPackDetail ul {
	padding: 0;
	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));
	background: #e2e3e9;
	margin-bottom: 10px;
	color: #707390;
	padding: 10px 15px;
	border-radius: 5px;
}
.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;
	display: none;
}
.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: 999;
}
.fixActions.show {
	bottom: 50%;
	transform: translateY(50%);
}
.fixActions.show .close .cshow {
	display: none;
}
.fixActions.show .close .chide {
	display: flex;
}
.fixActions .close .chide {
	display: none;
}
.fixActions .close .cshow {
	display: flex;
}
.fixActions .item {
	background: rgba(var(--cl1));
	border-radius: 4px;
	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;
	font-size: 14px;
}
.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: #4b5bd2;
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	cursor: pointer;
	transition: .2s;
}
.fixActions .close:hover {
	background: #707390;
}
.fixActions .close i {
	font-size: 13px;
	background: white;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	color: #707390;
	align-items: center;
	justify-content: center;
}
.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: 60px;
	padding: 0px 15px 0 15px;
}
.contentArea h1, .contentArea h2, .contentArea h3, .contentArea h4, .contentArea h5 {
	font-weight: 700;
	color: #8b8b9f;
	margin-bottom: 10px;
}
.contentArea p {
	color: #8b8b9f;
	margin-bottom: 12px;
}
.contentArea p a{
	clear:left;
	color: #8b8b9f;
	/* float: left; */
	width: 100%;
	margin: 0px 0 20px 0;
	font-weight: 400;
	/* text-decoration: underline; */
}
.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 (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: 20px 15px 25px 15px;
		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 {
		
	}
	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;
	}
	.nav-drop .drop-menu li a{
    padding: 6px 0;
    font-size: 14px;
}
	.NavList li a {
		display: block;
		padding: 10px 5px;
	}
	.nav-drop .drop-menu {
		position: relative;
		/* background: #00000006; */
		box-shadow: none;
		padding: 0 12px 0px 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: row;
		align-items: center;
		padding: 30px 10px;
		padding-bottom: 15px;
		text-align: left;
		justify-content: flex-start;
		max-width: 100%;
	}
	.intall .conts .detabox {
		margin: 0;
		text-align: left;
	}
	.intall {
		height: fit-content;
	}
	.intall .conts .icobox, .intall.reserve .conts .icobox {
		/* position: unset; */
		/* bottom: -30px; */
		/* left: calc(50% - 30px); */
		height: 50px;
		min-width: 50px;
		width: 50px;
		max-height: 50px;
		min-height: 40px;
		margin: 10px 30px 10px 10px !important;
		/* margin-right: 10px!important; */
	}
	.intall .conts .icobox::before {
		left: -15px;
		top: -15px;
		right: -15px;
		bottom: -15px;
	}
	.intall .conts .icobox {
		border: 0px solid rgba(var(--lbds), .3);
	}
	.intall.reserve .conts .icobox i, .intall .conts .icobox i {
		font-size: 23px;
	}
	.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%;
		margin-bottom: 0;
	}
	.fastOrder {
		flex-direction: column;
		width: calc(100% - 50px);
   		margin: 0 auto;
		transform: translateY(-20px);
	}
	.fastOrder .fastselect span {
		font-size: 15px;
	}
	.fastOrder .fastselect {
		margin: 0;
		padding: 0;
		text-align: left;
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #00000007;
		height: 70px;
	}
	.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-right: -25px;
	}
	.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 {
		text-align: center;
		padding-top: 20px;
		position: relative;
	}
	.packListArea {
		padding-bottom: 15px;
	}
	.otbuts {
		display: flex;
		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%;
	}
	.headerTopBar a.logo{display: none;}
	.headerOrder.webhidden a.logo{display: block;float: left;flex: 1;}

	.announcement > span{
		font-size: 14px;
	}
}
@media (max-width: 768px){
	a.logo img {
		height: 30px;
	}
	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;
		margin-bottom: 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: 30px;
	}
	#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: 30px;
	}
	.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: 0px;
		padding: 25px 20px;
		border-radius: 5px;
	}
	.firstcont > .step{
		padding: 30px 20px;
	}
	.orderCompDesc {
		font-size: 16px;
		margin-bottom: -10px;
		letter-spacing: 0;
	}
	.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 {
		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: 20px;
	}
	.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;
	}
	.nav-head.back {
		margin-bottom: 30px;
	}
}




.commentbarsection {
    width: 100%;
    overflow: hidden;
    background: url('../img/comments.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.commentbarsection .area {
    float: left;
    width: 100%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
/*
.commentbarsection .area::after {
    content: "";
    background: #1BBDE4;
    height: 100%;
    width: 100vh;
    position: absolute;
    left: 100%;
    top: 0;
}
*/
.commentbarsection .bcicon {
    background: rgba(var(--cl1));
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: -40px;
    left: calc(50% - 40px);
    text-align: center;
    line-height: 80px;
    color: #fff;
    font-size: 30px;
}

.commentbarsection .commentcreate h4 {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 19px;
}

.commentbarsection .commentcreate {
    float: left;
    width: 100%;
}

.commentcreate .form {
    float: left;
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
}

.commentcreate .form h5 {
    float: left;
    width: 100%;
    color: #444444;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    margin-bottom: 0px;
    padding: 20px 30px;
    border-bottom: 1px solid #e0e5f0;
}

.row.pad20{
	padding:30px;
}

.commentcreate .form h5::before {
    content: "";
    background: url(../img/icon/commentcreateicon.svg);
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 3px;
}

.commentcreate .form .input {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 12px;
}

.commentcreate .form .input input {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #D0D8E8;
    padding: 15px 15px;
    color: #444444;
    font-weight: 500;
    padding-left: 45px;
}
.commentcreate .form .input input:placeholder,.commentcreate .form .input textarea:placeholder {color: #444;}
.commentcreate .form .input textarea {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #D0D8E8;
    padding: 13px 15px;
    color: #444;
    font-weight: 500;
    padding-left: 45px;
    min-height: 80px;
    max-height: 230px;
    margin-bottom: 10px;
}

.commentcreate .form .input input::placeholder {
    color: #211E20;
    font-size: 15px;
}

.commentcreate .form .input.user::before {
    content: "\f21b";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 20px;
    margin-right: 12px;
    color: #D0D8E8;
    left: 17px;
    top: 12px;
    position: absolute;
}

.commentcreate .form .input.message::before {
    content: "\f086";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 17px;
    margin-right: 12px;
    color: #D0D8E8;
    left: 17px;
    top: 14px;
    position: absolute;
}

.commentcreate .form button {
    float: left;
    width: 100%;
    background: #4b5bd2;
    border: 0;
    color: #fff;
    border-radius: 8px;
    padding: 20px 40px;
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    position: relative;
    transition: all 0.6s;
    text-align: center;
    text-transform: uppercase;
    outline: none;
    box-shadow: none;
    height: 80px;
}

.commentcreate .form button::after {
    content: "\f178";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 20px;
    margin-right: 12px;
    color: #fff;
    right: 30px;
    position: absolute;
    display: none;
}

.commentcreate .form button:hover {
    background: #167a36;
}

.commentcreate .puan {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #D0D8E8;
    padding: 15px 15px;
    color: #211E20;
    font-weight: 500;
    padding-left: 45px;
}

.commentcreate .puan::before {
    content: "\f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 17px;
    margin-right: 12px;
    color: #D0D8E8;
    left: 17px;
    top: 14px;
    position: absolute;
}

.rating label {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.rating label:last-child {
    position: static;
}

.rating label:nth-child(1) {
    z-index: 5;
}

.rating label:nth-child(2) {
    z-index: 4;
}

.rating label:nth-child(3) {
    z-index: 3;
}

.rating label:nth-child(4) {
    z-index: 2;
}

.rating label:nth-child(5) {
    z-index: 1;
}

.rating label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.rating label .icon {
    float: left;
    color: transparent;
    margin-left: 5px;
    cursor: pointer;
}

.rating label:last-child .icon {
    color: #b9c4d5;
    cursor: pointer;
}

.rating:not(:hover) label input:checked~.icon,
.rating:hover label:hover input~.icon {
    color: #ffa133;
    cursor: pointer;
}

.rating {
    display: inline-block;
    position: relative;
    float: right;
    font-size: 19px;
    line-height: 17px;
    margin-top: 2px;
}

.commentlist {
    float: right;
    width: 100%;
    /* max-width: 550px; */
    padding-left: 0;
    max-height: 420px;
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 15px;
}
@media (max-width:768px) {
    .commentlist {
        margin-top: 40px;
    }
}

.commentlist::-webkit-scrollbar-track {
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.commentlist::-webkit-scrollbar {
    width: 4px;
    border-radius: 25px;
    background-color: #ffffff4b;
}

.commentlist::-webkit-scrollbar-thumb {
    border-radius: 25px;
    background-color: #29ae53;
    height: 5px;
}

.commentitem {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0px 0px 5px rgba(13, 18, 31, 0.048);
    margin-bottom: 18px;
}
.alert-success{border-radius: 8px!important;}
.commentitem .hdtop {
    float: left;
    width: 100%;
    border-bottom: 0;
    padding: 0;
    margin-top: 8px;
}

.commentitem .user {
    float: left;
    width: 60%;
}

.commentitem .user img {
    float: left;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
}

.commentitem .user .info {
    float: left;
    width: calc(100% - 45px);
}

.commentitem .user .info h6 {
    float: left;
    width: 100%;
    margin-bottom: 0;
    color: #444444;
    font-size: 16px;
    font-weight: 600;
}

.commentitem .user .info span {
    font-size: 14px;
}

.commentitem .starlist {
    float: right;
    width: 40%;
    margin-top: 0px;
}

.commentitem .starlist i {
    float: right;
    color: #ffa133!important;
    font-size: 13px;
    margin-left: 5px;
}

.commentitem p {
    float: left;
    width: 100%;
    margin-bottom: 0;
    font-weight: normal;
    color: #444444;
    margin-top: 10px;
    font-size: 16px;
}

@keyframes color-slide {
    0% {
      background-color: rgba(13, 84, 255, 0.95);
      background-position: 200% 0;
    }
    100% {
      background-color: rgb(61, 120, 255);
      background-position: 0 0;
    }
  }

  .whitecolor{
    color: white;
  }
  .owl-carousel22 .owl-item img {
    filter: brightness(0.1);
   transition: 0.3s all ease;
}
  .owl-carousel22 .owl-item img:hover {
    filter: brightness(1);
      transition: 0.3s all ease;
}
.owl-carousel22.owl-drag .owl-item {
    background: white;
    padding: 1.3rem;
    border-radius: 1rem;
}
.flexdd{
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    display: flex;
}
.flexdd .btn-pack-buy {
    color: #fff !important;
    font-weight: 500;
    font-size: 16px;
    transition: .2s;
    padding: 20px 10px;
    margin-bottom: 0;
    background: unset;
    box-shadow: unset;
    border-radius: 0;
    transition: 0.3s all ease;
    max-width: 150px;
    text-align: left;
    letter-spacing: -.2px;
}
.flexdd .active.btn-pack-buy,.flexdd .btn-pack-buy:hover {background: #eaeef4;}

.detailShareButtons{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
	padding:20px 30px;
	border-top:1px solid #cbcbd370;
}
.detailShareButtons button{
    margin: 0!important;
    color: white;
    border: 0;
    font-size: 24px;
    padding: 5px 10px;
}
.detailShareButtons button i{}
.SideContBoxArea.contactArea{
	padding: 0;
	background: none;
}


.SideContBoxArea.contactArea .ftscIcon.wsapp{background: #01c267;color: #12c781;}
.SideContBoxArea.contactArea .ftscIcon.email{background: #eb2d47;color: #12b0c7;}
.SideContBoxArea.contactArea .ftscIcon.adress{background: #3e5a70;color: #eb2d47;}
.SideContBoxArea.contactArea .ftscIcon i{
    font-size: 28px;
}

.SideContBoxArea.contactArea .ftInfo ul li a > span strong{
    color: #444444;
    font-size: 17px;
}

.ucretsizAraclarKapsar{
    padding: 35px;
}
section.whyus {
    padding-bottom: 80px;
}

.headerOrder{display: flex;align-items: center;float: right;margin-top: 0;margin: 0;flex: 1;justify-content: flex-end;}

.orderBox{display: flex;align-items: center;font-size: 13px;color: #ffffff;font-weight: 600;padding: 11px 15px 11px 15px;margin:0;}

.orderBox img{margin-right: 10px;}

.orderBox p{

    color: white;

}

.orderBox a{}

.orderBox a span{}

.orderSearch{

    position: relative;

}

.orderSearch input{

    background: #322f48;

    border: 0px;

    height: 45px;

    text-indent: 10px;

    font-size: 14px;

    color: #ffffff;

    font-weight: 600;

}

.orderSearch input::placeholder{color: #ffffff;}

.orderSearch button{

    position: absolute;

    right: 0;

    bottom: 0;

    top: 0;

    width: 40px;

    border: 0;

    cursor: pointer;

    background: none;

}



.orderSearch input:focus,.orderSearch input:active{

    background:#322f48;

    box-shadow:none;

    border:0px;

}



.orderSearch input.nonshake{border-radius: 0px!important;background: #000!important;}



.orderSearch button img{}

.osareaBG {
	position: fixed;
	padding: 10px 0 50px 0;
	left: 0;
	right: 0;
	top: -50px;
	background: #50546c;
	box-shadow: none;
	z-index: 99999;
	display: flex;
	transition: .2s;
	visibility: hidden;
	opacity: 0;
}
.osareaBG .close {
	color: rgba(var(--text));
	background: rgba(var(--text), .08);
	position: absolute;
	top: auto;
	left: calc(50% - 60px);
	width: 120px;
	text-align: center;
	padding: 3px 10px;
	border-radius: 16px 16px 0px 0px;
	cursor: pointer;
	font-size: 15px;
	transition: .2s;
	z-index: 9999999999999;
	position: absolute;
	opacity: 1;
	bottom: 0;
	background: #737689;
	color: white;
}
.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: 19px 0px;
	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: #ffffff;
	height: 55px;
	padding: 20px 20px 20px 60px;
	border-radius: 6px;
	font-weight: 300;
	font-size: 14px;
	line-height: 21px;
/* identical to box height */
	color: #50546c;
	min-width: 320px;
}
.searcharea .srcwell input::placeholder{color: #50546c;}
.srcwell .osBtn {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: #fff !important;
	border: none;
	padding: 10px 15px;
	margin-top: 0!important;
	display: flex;
	align-items: center;
	gap: 20px;
	background: #01c267!important;
	box-shadow: 0px 0px 75px rgba(255, 122, 0, 0.26);
	border-radius: 5px;
	height: 55px;
	text-align: center;
	justify-content: center;
	align-items: center;
	width: 20%;
}
.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;
}

.orderCompDesc{
	font-size: 18px;
    color: #444444;
    margin: 0;
    margin-bottom: -10px;
    letter-spacing: 0.2px;
}
.person{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    padding: 23px 30px 17px 30px;
    border-bottom: 1px solid #e3eaf1;
}
.personInfo{width: 50%;float: left;text-align: left;display: flex;align-items: center;}
.stars{
    width: 50%;
    float: right;
    text-align: right;
}
.stars .star i {
	color: #b9c4d5;
}
.stars .star.active i {
	color: #eeaa18;
	font-size: 16px;
}

.serviceList .item.web.site .box{
	background: #6e7fff;
}

.fastDescription{
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.fastIcon{
	background: #c9cdf1;
	width: 50px;
	height: 50px;
	min-width: 50px;
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	border-radius: 100%;
}
.fastTitle{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.fastTitle h2{
    font-size: 18px;
    color: #707390;
    font-weight: 600;
}
.fastTitle span{
    font-size: 16px;
    color: #707390;
    font-weight: 400;
}

.posRel{
	position: relative;
}

.socialMedia2{
    width: 100%;
    display: flex;
    padding: 20px;
    border-radius: 20px;
    flex-direction: column;
    align-items: flex-start;
    background: white;
    margin-top: 20px;
}
.socialMedia2 span{
    font-size: 18px;
    color: #444444;
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 10px;
}
.socialMedia2 ul{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}
.socialMedia2 ul li{
    margin-right: 12px;
}
.socialMedia2 ul li a{
}

.order-steps-tab{display: none;}

.h1black h1{
	color: #8b8b9f;
}

.splide.hizmetList .splide__pagination__page {
	background: #c4c4c4;
	height: 12px;
	width: 12px;
	transition: .2s;
}
.splide.hizmetList .splide__pagination__page.is-active {
	background: #3340a3;
	width: 25px;
	height: 12px;
	border-radius: 10px;
	transform: scale(1);
}

.splide.hizmetList .splide__pagination {
    bottom: -30px;
}

.commentMargin{
	margin-bottom: 100px;
}

.packitemDesc{
    width: 100%;
    display: flex;
    margin-bottom: 10px;
    flex-direction: column;
}
.packitemDesc h3{
    font-size: 18px;
    color: #5f6a73;
    font-weight: bold;
}
.packitemDesc span{
    font-size: 16px;
    color: #5f6a73;
    font-weight: 400;
}

.inputIcons input {
    background: url(../img/useric.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 15px 50%;
    padding-left: 80px!important;
}


.inputIcons2 input {
    background: url(../img/useric2.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 15px 50%;
    padding-left: 80px!important;
}

.loftForm{
    width: 100%;
    background: white;
    border-radius: 20px;
    max-width: 850px;
    margin: 0 auto;
}
.tabIcon{}
.tabIcon img{}

.stepButtonWrapper{
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-end;
	gap: 20px;
}

input#islem_adres {
    background-image: url(../img/useric.png)!important;
    background-repeat: no-repeat!important;
    background-size: auto!important;
    background-position: 15px 50%!important;
    padding-left: 90px!important;
}

.backBtn{
	opacity: .6;
}

.backBtn img{
	transform: rotate(180deg);
}

.priceStepButton{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
	gap: 15px;
}
.stepPrice{
    color: #1ebf00;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
	font-size: 20px;
	flex: 2;
}

.stepPrice img{margin-right:10px;}