.footer-menu li a:before,
.menu-nav>ul>li.current-menu-item>a,
.menu-nav>ul>li.current_page_item>a {
	font-weight: 500;
	color: var(--uicolor2)
}
.svg-widght {
    display: none;
}
#button.show:hover,
#button.show:hover i,
.footer-menu li a:before,
.footer-menu li a:hover,
.footer_menu ul li:hover,
.menu-nav>ul>li>a:hover,
header.fixed .menu-nav>ul>li>a:hover {
	color: var(--uicolor2)
}

#button,
.-GridItem-1:after,
.btn-phone,
.btn-whatsapp,
header .ButtonConcept a:before {
	background: var(--uicolor2)
}

.-GridItem-1-info>p,
.contact p,
.footer-menu li a {
	line-height: 1.6;
	font-weight: 400
}

.-GridItem-1:after,
.album-holder,
form.opctiy {
	pointer-events: none
}

#button,
.-GridItem-2,
.-GridItem-3-ThumbBox,
.menu-nav,
.menu-nav>ul>li>a {
	border-radius: var(--miniradius)
}

footer {
	background: var(--uicolor);
	position: relative;
	padding-top: 120px;
	overflow: hidden
}

#button.show:hover,
body,
header {
	background: #fff
}

.album-slider,
.box-block {
	transform: translate(-50%, -50%)
}

.counterup-number em,
benfit em,
span.counter em {
	font-style: normal
}

.GotoTop,
.owl-rtl .owl-item,
owl-rtl .owl-item {
	float: right;
	height: 100%
}

.Context-Comments>p>a>.showbox svg path,
.featuer.box-price svg {
	fill: var(--uicolor2)
}

.-category-image img:hover,
header.header-out-single .logo img {
	filter: none
}

.ReplyCommentPreview>h2>span,
.head-block-city h3,
.rating-head-box h2,
chartterelement {
	text-transform: capitalize
}

.--dashboard--logo>a,
.menu-nav>ul>li>a:hover {
	color: var(--primary-text);
	color: var(--primary-text)
}

.menu-nav>ul,
ul {
	list-style: none
}

.phone-box a,
.unline:hover,
ul.single-bar li a,
ul.single-bar li p {
	text-decoration: underline
}

.ArticleDetails_right,
.CategoryBox {
	align-content: center;
	min-height: 180px
}

.foot-footer {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}

header.fixed {
	box-shadow: 0 0 10px rgba(60, 72, 88, .15);
	--primary-text: white;
	background-color: var(--uicolor)
}

header.fixed .menu-nav>ul>li>a {
	color: var(--primary-text)
}

ul.-GridItem-2-headline li i,
ul.-GridItem-3-headline li i,
ul.-date-model-1 li i {
	margin-inline-end: 6px
}

.box-price em,
p.Service_price {
	font-style: normal;
	position: absolute
}

.GridItem-3-title-model h3,
.ReplyCommentPreview>p {
	text-overflow: ellipsis;
	white-space: nowrap
}

td span,
th span {
	background: 0 0 !important
}

svg.address,
svg.mail,
svg.mobile {
	fill: #fff
}

body[mode=light] {
	--uicolor: #272f41;
	--bgcolor: #ffffff;
	--textcolor: #242424;
	--primary-text: #272f41;
	--bghover: #0613260f;
	--button-border: 2px solid var(--uicolor);
	--main-color-rgb: 500, 92, 0.2;
	--darkbutton-border: 2px solid #ffffffc7;
	--diver: #e5eaef;
	--secondarytext: #64698E;
	--darksecondarytext: #585764;
	--disable-text: #ffffff4d;
	--disable-button: #ffffff33;
	--positive: #35bf94;
	--titlecolor: #011e12;
	--contentcolor: #455b6c;
	--bkground: #f5f9ff;
	--alinks: #020716;
	--border: #d7d9df;
	--iconcolor: #8f8c91;
	--transition: all 0.3s ease;
	--hover-overlay: #06063205;
	--uicolor2: #3e448b;
	--uicolor3: #041c36;
	--box-shadow: var(--diver) 0px 0px 0px 1px, 0px 4px 2px -3px #09234012;
	--box-shadow-defult: var(--diver) 0px 0px 0px 1px, 0px 4px 2px -3px #09234012;
	--box-shadow-hover: #dbdce700 0px 0px 0px 1px, 0px 15px 32px -14px #09234012, 0px 4px 2px -3px #09234012;
	--border-defult-hover: #e5eaef52;
	--border-defult: 1px solid #fff;
	--bkground: #f9fbfe;
	--font-familyen: Rubik;
	--f-number: Plus Jakarta Sans;
	--whatsapp: #27ae60
}

:root {
	--fsize: 14px;
	--sidebars-1: 280px;
	--sidebars-2: 300px;
	--padding-v1: 30px;
	--padding-v2: 15px;
	--margin-v1: 20px;
	--margin-v2: 10px;
	--margin-v3: 5px;
	--lheight: 24px;
	--transition-timing-out: out: cubic-bezier(0, 0, 1, 1);
	--transition-timing-in: cubic-bezier(0, 0, 1, 1);
	--miniradius: 10px;
	--background_button: #02960e;
	--largeradius: 20px;
	--ffamily: Alexandria;
	--box-box-shadow-hover: 0 2px 3px #1f1e8708, 0 25px 35px #163e850a;
	--ffamilystrong: Lalezar;
	--chevron: '\f053'
}

body {
	font-family: var(--ffamily);
	line-height: 1.4;
	font-size: var(--fsize);
	--shadow-1: #05047414
}

body::-webkit-scrollbar-thumb {
	background: #c5c5c5
}

img {
	max-width: 100%
}

body::-webkit-scrollbar {
	width: 8px;
	height: 8px
}

::placeholder {
	opacity: .6
}

:focus::placeholder {
	opacity: .2
}

* {
	margin: 0;
	font-family: inherit;
	word-break: break-word;
	outline: 0;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 0;
	-webkit-font-smoothing: antialiased
}

.YC-intro-info-img img {
	height: auto;
	width: auto
}

.svg-intro svg path:nth-child(6) {
	fill: #ffffff
}

.faq_section {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

section.price-section {
	overflow: hidden;
	position: relative
}

.section-faq>.container .faq_posts {
	flex: 1
}

rootinside {
	display: block;
	min-height: 100vh
}

a {
	text-decoration: none;
	transition: 180ms;
	color: var(--alinks)
}

.container {
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 30px
}

.div--sper .container {
	position: relative;
	border-radius: var(--largeradius)
}

header {
	background: var(--uicolor);
	top: 0;
	z-index: 29999;
	left: 0;
	right: 0;
	transition: var(--transition);
	padding: 11px 0;
	display: block;
	transition: .2s;
	--primary-text: #9d9fbf;
	position: relative;
	box-shadow: 0 -1px 10px #000
}

header::before {
	content: "";
	position: absolute;
	height: 100%;
	right: 0;
	--bx-shw: rgb(0 0 0 / 3%) 0 2px 4px, rgb(5 10 18 / 1%) 0 20px 15px;
	box-shadow: var(--bx-shw);
	opacity: 1
}

.--dashboard--logo>a,
.-GridItem-1,
.ButtonConcept a i,
.foot,
.footer-menu li a,
.intro-yu,
.menu-nav>ul>li,
allrights-reserved,
header>.container {
	position: relative
}

header>.container {
	display: flex;
	align-items: center
}

.--dashboard--logo {
	transition: 180ms;
	flex: 1;
	display: flex;
	align-items: stretch
}

.--dashboard--logo>a {
	align-items: center;
	display: flex;
	font-size: 30px;
	flex-direction: row-reverse;
	letter-spacing: 1px;
	justify-content: flex-end;
	font-weight: 600;
	transition: 180ms;
	white-space: nowrap;
	padding-inline-end: 15px
}

.--dashboard--logo>a>.second-logo-word {
	transition: 180ms;
	margin-inline-end: 3px
}

.menu-nav>ul {
	display: flex;
	font-size: 17px;
	flex-wrap: wrap;
	align-items: center
}

.company p,
allrights-reserved {
	font-size: 15px;
	font-weight: 300;
	display: flex;
	align-items: center
}

.-sidebar-header,
.-single-parent-box .container,
.adress-contact,
.category-Item,
.intro-page.-model-1 .container,
.logo_footer,
.menu-nav>ul>li,
.owl-stage,
.rating-head,
.search_header span,
.search_header span i,
.service-works,
.user-boxed,
.works-single .container,
a.phone-box,
a.phone-box div,
features--block,
i.fa-solid.fa-xmark.close,
post--ads,
post--ads-content,
services--block,
verified {
	display: flex;
	transition: .5s !important
}

.rating-head {
	display: flex;
	align-items: center;
	width: 100%
}

.menu-nav>ul>li {
	margin-inline-end: 5px;
	justify-content: center;
	overflow: visible;
	padding: 10px 0
}

.menu-nav {
	color: #000;
	flex: 1 1 0%;
	display: flex
}

.menu-nav>ul>li>a {
	font-size: 18px;
	padding: 10px 11px;
	white-space: nowrap;
	display: block;
	font-weight: 400;
	transition: .2s;
	color: #fff
}

#button.show,
.-category-boxed:hover .-category-image a:before,
.-category-boxed:hover .-category-image span,
.menu-nav>ul>li>a:hover:after {
	opacity: 1;
	visibility: visible
}

.foot {
	line-height: 40px;
	font-weight: 900;
	padding: 14px 0;
	border-top: 1px solid #ffffff24;
	z-index: 1
}

#button.show:hover i,
.Comment_lise input:focus,
.line input:focus,
.line textarea:focus,
.textarea_form textarea:focus,
form.CommentsFormInner>input:focus,
form.CommentsFormInner>textarea:focus,
p.-common-keywords a:hover {
	border-color: var(--uicolor)
}

.footer_menu ul {
	flex: 1 1 0%
}

.footer_menu ul li {
	padding-bottom: 10px;
	color: var(--color_text);
	transition: .3s;
	flex: 1;
	min-width: 130px
}

.footer-menu li a {
	font-size: 15px;
	color: var(--color_content);
	max-width: 360px;
	max-height: 126px;
	display: flex;
	align-items: center;
	transition: .3s
}

.footer-menu li a:before {
	margin-inline-end: 10px;
	transition: .3s;
	content: var(--chevron);
	font-family: "Font Awesome 6 Pro";
	position: relative;
	float: left;
	transform: rotate(0);
	font-size: 14px
}

.ButtonConcept.whatsapp a,
.social--footer>a:last-child,
ol.BreadcrumbsFilters>li.none_after i,
ul.-Tabs--Posts--List li:last-child {
	margin-inline-end: 0
}

.footer-menu li a:hover:before {
	width: 14px;
	background: var(--ui_footer)
}

#button {
	position: fixed;
	width: 50px;
	height: 50px;
	transition: background .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	justify-content: center;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	bottom: 40px;
	left: 40px;
	z-index: 999;
	border-radius: 50%
}

.btn-phone,
.btn-whatsapp {
	display: flex;
	align-items: center;
	--el--w: 60px;
	width: var(--el--w);
	height: var(--el--w);
	border-radius: 50%;
	z-index: -9999;
	margin-bottom: 15px;
	justify-content: center;
	color: #fff;
	border: 1px solid var(--uicolor);
	box-shadow: 0 0 5px 3px #05080e26
}

.show {
	visibility: visible;
	z-index: 99;
	transition: .3s
}

.btn-whatsapp {
	background: var(--background_button);
	border-color: var(--background_button)
}

.-GridItem-1,
benfit {
	background-color: #fff;
	cursor: pointer;
	overflow: hidden
}

.intro-yu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	z-index: 8
}

allrights-reserved {
	color: #fff;
	margin-inline-end: 9px
}

.company {
	display: flex;
	text-align: left;
	justify-content: left;
	align-items: center
}

.-Griditem-2-user,
.ez-toc-title-container,
allrights-seo {
	display: flex;
	align-items: center
}

allrights-seo a {
	color: #fff;
	margin-inline-start: 10px;
	font-size: 16px;
	font-weight: 600
}

.contact p {
	transition: .2s;
	font-size: 17px;
	color: #e7e7ec
}

.Address p {
	font-size: 14px
}

.contact-info-contact.order-now .contact p {
	font-size: 24px
}

.ButtonConcept a i {
	font-size: 18px;
	margin-inline-start: 9px;
	transition: .2s;
	z-index: 2
}

.company p {
	color: #fff
}

.company p a img {
	width: 140px;
	height: auto
}

.-section-,
.MoreImage {
	flex: 1
}

.-post-box {
	min-width: 360px;
	max-width: 360px;
	flex: 1;
	height: 100%
}

.postmodel-model-2 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	justify-content: center
}

.work-slider {
	min-width: 430px;
	max-width: 430px;
	opacity: 0;
	margin: 0
}

.work-slider .owl-next,
.work-slider .owl-prev {
	display: none
}

.work-slider .-works {
	min-width: 100%;
	max-width: 100%;
	margin: 0
}

.-GridItem-1 {
	margin: 10px;
	flex: 1;
	transition: 250ms;
	display: flex;
	max-width: 350px;
	min-width: 275px;
	border: 1px solid #f4f8ff;
	flex-direction: column;
	border-radius: var(--largeradius)
}

.-GridItem-1-info,
.-GridItem-1:after {
	position: absolute;
	width: 100%;
	bottom: 0
}

.-GridItem-1:after {
	content: "";
	height: 100%;
	right: 0;
	left: 0;
	top: 0;
	opacity: .3;
	z-index: 0;
	transition: .2s
}

.-GridItem-1:hover:after {
	opacity: 0
}

.-GridItem-1:hover {
	background: #fff;
	box-shadow: 0 -1px 10px 7px rgb(1 3 33 / 2%);
	border-color: transparent
}

.city-block:hover {
	transform: translate(0, -5px);
	box-shadow: #0851bf08 0 0 12px 1px
}

.-GridItem-1:hover .-GridItem-1-category-Item>span,
.category-Item a:hover {
	background: var(--uicolor2);
	color: #fff
}

.-GridItem-1-info {
	display: flex;
	flex-direction: column;
	transition: var(--transition);
	flex: 1;
	padding: 15px;
	z-index: 2;
	background: linear-gradient(358deg, var(--uicolor) 30%, transparent 80%)
}

.-GridItem-1-info>p {
	font-size: 14px;
	color: #fff;
	display: none
}

.-GridItem-1-info a {
	margin-bottom: 10px;
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.6;
	color: #fff
}

.-GridItem-1:hover .-GridItem-1-info a,
.city-block:hover .icon_country span {
	opacity: 1
}

.-GridItem-1-ThumbBox a img,
.-GridItem-1-category-Item,
.tablecontainer {
	position: relative;
	display: block
}

.-GridItem-1-ThumbBox .GridItem-2_img {
	position: relative;
	z-index: 2;
	transition: 250ms;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #d3d1c21f;
	border-radius: 0 0 40% 40%;
	overflow: hidden
}

.model-:before,
.section-Success_partners:before {
	background-image: var(--image);
	content: "";
	position: absolute
}

.-GridItem-1:hover .-GridItem-1-ThumbBox .GridItem-2_img {
	transition: 20ms
}

.-GridItem-3-info h3,
ul.-Tabs-intro-List li {
	position: relative
}

.--is--loooade.-GridItem-1-ThumbBox {
	min-height: 190px
}

.-GridItem-1-category-Item {
	overflow: hidden;
	z-index: 1;
	display: flex;
	margin-bottom: 10px
}

.-GridItem-3,
.-Posts-intro-box .-GridItem-3:last-child,
.-single-parent>:last-child {
	margin-bottom: 0
}

.-GridItem-1-category-Item a {
	font-size: 14px;
	font-weight: 500;
	background: var(--uicolor);
	padding: 6px 15px;
	color: #fff;
	display: flex;
	z-index: 2;
	position: relative;
	overflow: hidden;
	transition: var(--transition)
}

.-GridItem-3-info h3,
.GridItem-3-title-model h3 {
	font-size: 16px;
	font-weight: 400;
	transition: var(--transition);
	overflow: hidden
}

.-single-blog-box,
sections-items>* {
	padding: 60px 0
}

.-CategoryGrid__AvataIcon p,
.CategoryGrid__Item,
.CategoryName,
.model-,
.section-Success_partners {
	position: relative
}

.model-:before {
	width: 650px;
	height: 600px;
	right: 0;
	top: 0
}

.section-Success_partners:before {
	background-repeat: no-repeat;
	width: 780px;
	height: 671px;
	top: -140px;
	left: 0
}

.Single--SideBar--AreaLabel .-GridItem-3:last-child,
.contact:last-child,
popup-title--box {
	padding-bottom: 0
}

.-GridItem-3-ThumbBox {
	width: 60px;
	height: 60px;
	position: relative;
	background: var(--bghover);
	display: flex;
	align-items: center;
	justify-content: center
}

.city-section {
	position: relative;
	background: linear-gradient(180deg, #faf8fe 0, #f4f0fd 100%)
}

.-GridItem-3-ThumbBox a {
	display: flex;
	height: 100%;
	border-radius: 50%;
	align-items: center
}

.-GridItem-3-ThumbBox img {
	z-index: 1;
	border-radius: var(--miniradius);
	width: auto;
	height: auto
}

.-GridItem-3-info {
	margin-inline-start: 12px;
	flex: 1;
	display: block;
	overflow: hidden
}

.-GridItem-3-info a {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	display: block
}

.-GridItem-3-info h3 {
	max-height: 47px
}

.GridItem-3-title-model h3 {
	color: var(--titlecolor);
	line-height: 1.8;
	position: relative
}

.ArticleDetails.details a {
	color: var(--uicolor);
	font-weight: 700
}

.-Posts-intro {
	display: flex;
	position: relative;
	align-items: center;
	margin-bottom: 20px
}

ul.-Tabs-intro-List li {
	width: max-content;
	margin-inline-end: 5px;
	cursor: pointer;
	transition: 180ms;
	padding: 10px 15px;
	font-size: 11px;
	font-weight: 500
}

.-Posts-intro h2 {
	color: var(--uicolor);
	font-size: 22px;
	flex: 1;
	display: flex;
	align-items: center;
	width: 100%;
	font-weight: 600
}

.-Posts-intro span {
	transition: 150ms;
	display: flex;
	width: 30px;
	justify-content: center
}

.-Posts-intro i {
	font-weight: 400;
	font-size: 21px;
	color: var(--uicolor2)
}

ul.-GridItem-3-headline li {
	color: var(--contentcolor);
	font-weight: 500;
	font-size: 11px
}

ul.-GridItem-3-headline {
	display: flex;
	align-items: center;
	margin-bottom: 5px
}

.-Posts-intro-box {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	width: 100%
}

.info-cover {
	max-width: 655px;
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
	z-index: 9;
	padding-inline-end: 44px;
	margin-inline: auto
}

.Intro-slider-master--singleposts {
	position: relative;
	display: flex;
	justify-content: space-evenly;
	z-index: 22;
	font-size: 33px
}

.faq-info,
section.bh_category_shap .titles_concept p {
	z-index: 1
}

.info-cover.full-width>p {
	margin-inline: auto;
	text-align: center;
	max-width: calc(100% - 100px)
}

.info-cover.full-width h1 {
	justify-content: center
}

.info-cover h1 {
	margin-bottom: 20px;
	font-size: 48px;
	font-weight: 500;
	color: #fff;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	text-align: center
}

.info-cover>p {
	color: #ffffffc7;
	position: relative;
	font-size: 19px;
	font-weight: 300;
	line-height: 1.7;
	margin-bottom: 50px
}

.img_back-yu {
	max-width: 600px;
	min-width: 600px;
	flex: 1;
	align-items: center;
	position: relative;
	overflow: hidden
}

.img_back-yu img {
	bottom: 0;
	position: relative;
	max-width: 100%;
	height: 104%;
	border-radius: 50%;
	object-fit: cover
}

.social--footer {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 20px
}

.-setup-price-block-owl .box-price .ButtonConcept,
.foot .social--footer {
	margin-top: 0
}

.facebook {
	--socialcolor: #0b7cad;
	--scoial: #0278bd
}

.social--footer>a {
	width: 35px;
	height: 35px;
	align-items: center;
	justify-content: center;
	border-radius: 0 0 10px;
	color: #ffffff8a;
	display: flex;
	margin-inline-end: 10px;
	background: var(--uicolor_two);
	background: var(--uicolor);
	color: #fff
}

.social--footer>a:hover {
	background: var(--socialcolor);
	color: #fff
}

.social--footer>a i {
	font-size: 16px;
	font-weight: 300 !important;
	width: 100%;
	text-align: center;
	transition: all var(--transition);
	height: 100%;
	align-items: center;
	justify-content: center;
	display: flex
}

.-GridItem-2--ThumbBox a,
.-GridItem-2--ThumbBox a img,
.-GridItem-4-ThumbBox a img {
	display: block;
	height: 100%;
	position: relative;
	width: 100%
}

a.telegram,
a.twitter {
	--socialcolor: #369aff
}

.youtube {
	--socialcolor: #FF0000
}

a.linkedin {
	--socialcolor: #5d93ff
}

a.instagram {
	--socialcolor: #fb007a
}

.social--box {
	display: flex;
	margin-top: 30px;
	flex-direction: column
}

.social--box span {
	margin-bottom: 12px;
	font-size: 22px;
	font-weight: 500;
	color: #fff
}

.-section-box {
	display: flex;
	margin-bottom: 50px
}

.section-title {
	display: flex;
	margin-bottom: 20px;
	margin-top: 50px
}

.section-title h2 {
	font-size: 35px;
	font-weight: 600
}

.section-title h2 i {
	font-size: 30px;
	margin-inline-end: 10px;
	color: var(--uicolor2);
	font-weight: 400
}

.logo_footer {
	margin-top: 24px
}

ul.-date-model-1 li {
	color: #ede7e7;
	margin-top: 10px;
	font-size: 12px;
	font-weight: 300
}

.-GridItem-1:hover .-GridItem-1-ThumbBox a img {
	opacity: .8
}

.postmodel.model-1 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	justify-content: center
}

.-GridItem-2 {
	--m-w: 256px;
	min-width: var(--m-w);
	max-width: var(--m-w);
	flex: 1;
	margin: 10px;
	transition: 250ms;
	position: relative;
	box-shadow: 0 0 14px var(--shadow-1);
	padding: 20px
}

.gridpostsingle .-GridItem-2 {
	--m-w: 315px
}

.-GridItem-2:hover {
	box-shadow: 0 2px 3px #1f1e8708, 0 25px 35px #163e850a
}

.-GridItem-2--ThumbBox {
	border-radius: var(--miniradius);
	overflow: hidden;
	position: relative;
	height: 200px;
	margin-bottom: 20px
}

.-GridItem-2-category-Item a,
.-Griditem-2-user-avatar,
.category-Item span,
ul.-Tabs--Posts--List li {
	border-radius: var(--largeradius)
}

.-GridItem-2-category-Item {
	display: flex;
	margin-bottom: 10px
}

.-GridItem-2-category-Item a {
	color: var(--uicolor);
	font-size: 14px;
	font-weight: 500;
	background: var(--bkground);
	padding: 5px 20px
}

.GridItem-1-title-model,
.GridItem-2-title-model a {
	display: flex;
	flex-direction: column;
	flex: 1
}

.GridItem-2-title-model a h3 {
	font-size: 17px;
	font-weight: 500;
	color: var(--secondarytext);
	overflow: hidden;
	max-height: 50px;
	line-height: 1.5
}

.-intro-h1-title c--color,
.GridItem-title->a h3,
.box-price.featuer .list_services_price ul li i,
c--color {
	color: var(--uicolor3)
}

.GridItem-2-title-model span {
	font-size: 18px;
	font-weight: 500;
	overflow: hidden;
	max-height: 60px;
	line-height: 1.5;
	text-align: center
}

.-GridItem-2-category-Item span:hover {
	background: var(--uicolor3);
	color: #000
}

.titles_concept {
	z-index: 1;
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: relative;
	max-width: 720px;
	text-align: center;
	margin-inline: auto;
	margin-bottom: 30px
}

.order-contact-box .titles_concept {
	margin-bottom: 0;
	margin-inline-start: 0;
	text-align: right;
	align-items: self-start
}

.company_info .YC-company-info-contianer .titles_concept {
	align-items: self-start
}

.YC-widght-about-info-contianer-right .titles_concept p,
.company_info .YC-company-info-contianer .titles_concept h2 {
	text-align: right
}

.btn h4,
features .titles_concept p {
	font-size: 19px
}

.titles_concept p {
	margin-inline: auto;
	display: block;
	max-width: 670px;
	margin: 20px 0 0;
	color: var(--secondarytext);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
	margin-inline: auto
}

.left_title:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
	background: linear-gradient(-1deg, var(--uicolor) 17%, transparent);
	backdrop-filter: blur(25px)
}

.titles_concept h2 {
	position: relative;
	font-size: 40px;
	font-weight: 900;
	line-height: 55px;
	text-align: center;
	color: var(--uicolor)
}

li.-GridItem-6--date {
	color: var(--contentcolor);
	font-weight: 400;
	font-size: 13px
}

.GridItem-title->a h3 {
	transition: var(--transition);
	font-size: 18px
}

.ButtonConcept {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 30px
}

header .ButtonConcept.whatsapp {
	margin-top: 0;
	margin-inline: 0
}

.YC-widght-about-info-contianer-right .ButtonConcept {
	margin-inline-end: auto
}

.ButtonConcept.whatsapp {
	margin-inline-end: 20px
}

.box-price.featuer p,
.popup-boxnumber a.popup-whatsapp>i,
.popup-boxnumber a.popup-whatsapp>strong,
benfit:hover h3,
benfit:hover p {
	color: #fff
}

.-GridItem-2:hover .GridItem-title->a h3,
.-category-boxed:hover .cat_title_boxed a h3,
.city-block:hover .head-block-city h3,
.city-block:hover .icon_country i,
.info-cover h1 span,
.items-Grid-box a p:hover,
.menu-nav>ul>li>ul.sub-menu>li>a:hover,
.owl-item.active .icon_country i,
p.-common-keywords a:hover,
td span {
	color: var(--uicolor)
}

.-setup-price-block-owl .box-price .ButtonConcept a {
	font-size: 19px;
	border-color: var(--uicolor)
}

.-discout-value,
a.popup-phone:hover,
p.Service_price {
	background: var(--uicolor);
	color: #fff
}

header .ButtonConcept.whatsapp a {
	padding: 11px 17px;
	background: var(--whatsapp)
}

.ButtonConcept a:before:hover,
.ButtonConcept a:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.ButtonConcept a {
	display: flex;
	padding: 14px 30px;
	cursor: pointer;
	transition: .4s;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	fill: #FFFFFF;
	color: #fff;
	background-color: var(--uicolor2);
	position: relative;
	overflow: hidden;
	border-radius: var(--miniradius);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0)
}

.ButtonConcept a:before {
	content: '';
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--uicolor);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	border-radius: 4px
}

.ButtonConcept a:after {
	content: ''
}

.ButtonConcept a span {
	transition: 150ms;
	position: relative;
	font-size: 17px;
	font-weight: 400
}

.ButtonConcept a:hover {
	scale: 0.99;
	color: #fff
}

.Griditem-posts-midden {
	flex: 1;
	display: flex;
	flex-wrap: wrap
}

.Griditem-posts-left,
.Griditem-posts-right {
	min-width: 320px;
	max-width: 320px;
	flex: 1
}

.category-Item span {
	color: #fff;
	font-weight: 400;
	display: flex;
	background: var(--uicolor2);
	position: relative;
	align-items: center;
	padding: 6px;
	font-size: 13px
}

.-Griditem-2-user-avatar {
	overflow: hidden;
	margin-inline-end: 9px
}

.GridItem-title->a {
	display: flex;
	flex-direction: column;
	margin-top: 10px
}

.GridItem-title->a h3 {
	font-weight: 500;
	height: 51px;
	overflow: hidden
}

.GridItem-title->a>p {
	line-height: 1.6;
	font-weight: 400;
	font-size: 15px;
	color: var(--contentcolor)
}

.faq-section.active h2 {
	color: #1453aa !important
}

ul.-Tabs--Posts--List {
	display: flex;
	justify-content: end;
	margin-bottom: 10px;
	flex: 1;
	flex-wrap: wrap
}

ul.-Tabs--Posts--List li {
	margin-inline-end: 14px;
	color: var(--secondarytext);
	font-size: 16px;
	cursor: pointer;
	border: 1px solid var(--diver);
	transition: 180ms;
	padding: 10px 14px
}

.blocks-footer iframe,
.faq-info,
.head-faq-title,
.line input,
.line textarea,
button.btn-brand {
	border-radius: var(--miniradius)
}

.faq-info {
	display: block;
	flex: 1;
	position: sticky;
	top: 20px;
	max-width: 675px;
	min-width: 660px;
	background: #fff;
	padding: 21px
}

.head-faq-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer
}

.head-faq-title h2 {
	font-weight: 500;
	font-size: 19px;
	color: var(--titlecolor)
}

.faq-section {
	display: block;
	transition: 180ms;
	position: relative;
	padding: 1px;
	border-radius: 24px;
	margin: 0 0 20px;
	background: #f9fbfe
}

.faq-section:last-child {
	border-bottom: none;
	margin-bottom: 0
}

.answer {
	height: 0;
	opacity: 0;
	overflow: hidden;
	margin-top: 0;
	transition: 280ms
}

.answer>* {
	padding: 16px 0 0;
	display: block;
	font-size: 15px;
	color: var(--secondarytext);
	line-height: 1.8;
	font-weight: 400
}

.answer ul li strong {
	font-weight: 500;
	font-size: 18px;
	color: var(--alinks)
}

.icon_faq {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap
}

.icon_faq i {
	font-size: 16px;
	font-weight: 400;
	padding: 10px;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 150ms
}

.bottun span.lese,
.bottun.transform span.more,
.icon_faq i.fas.fa-minus,
.menu-nav form,
.menu_bar.icon i.fa-duotone.fa-bars,
header .menu_bar i.fa-thin.fa-xmark,
header.fixed .menu_bar .fa-xmark,
header.fixed .menu_bar.icon .fa-bars {
	display: none
}

.ArticleDetails.details p span post--features,
.ez-toc-debug-messages {
	display: none !important
}

.faq-section.active .answer {
	height: var(--pin-height);
	visibility: visible;
	opacity: 1;
	display: block
}

ul.-Tabs--Posts--List li.-Tabs--Posts--Items.active {
	background: var(--uicolor);
	color: #fff;
	font-size: 16px;
	border-color: var(--uicolor)
}

.-GridItem-2:hover .-GridItem-2--ThumbBox a img {
	filter: brightness(.9)
}

.-category-boxed {
	min-width: 170px;
	max-width: 175px;
	flex: 1;
	margin: 10px;
	box-shadow: 0 2px 5px #0000002b;
	background: #fff;
	border-radius: var(--miniradius);
	overflow: hidden;
	position: relative;
	display: block
}

.-category-image {
	height: 145px;
	position: relative;
	width: auto;
	margin: 0 auto
}

.-category-image a {
	width: 100%;
	height: 100%;
	display: block;
	z-index: 0;
	position: relative
}

.-category-image a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0
}

.-category-image span {
	width: 45px;
	position: absolute;
	right: 17px;
	top: 10px;
	z-index: 1;
	background: #000000d1;
	border-radius: 50%;
	height: 45px;
	opacity: .8
}

.-category-image span i {
	display: flex;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 21px;
	color: #fff;
	font-weight: 600;
	align-items: center;
	justify-content: center
}

.-category-image img {
	min-width: auto;
	height: 100%;
	position: relative;
	border-radius: var(--miniradius) var(--miniradius) 5px 5px
}

.cat_title_boxed {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 10px
}

.list_services_price {
	padding: 70px 0 30px
}

.cat_title_boxed p {
	line-height: 1.7;
	font-size: 12px;
	font-weight: 400;
	color: var(--contentcolor);
	display: block;
	margin-top: 5px;
	max-height: 39px;
	overflow: hidden
}

.cat_title_boxed a h3 {
	color: #000;
	font-weight: 500;
	display: flex;
	justify-content: center;
	line-height: 24px
}

p.Service_price {
	padding: 2px 75px;
	left: -65px;
	font-size: 13px;
	transform: rotate(313deg);
	width: max-content;
	top: 25px;
	font-weight: 500
}

.box-price {
	margin: 15px;
	min-width: 300px;
	z-index: 1;
	position: relative
}

.owl-item .box-price {
	margin: 0
}

.image_price i {
	font-size: 41px;
	font-weight: 300;
	transition: .2s;
	color: var(--uicolor)
}

.image_price img {
	width: 100%;
	height: 100%;
	border-radius: 76px;
	overflow: hidden;
	background: var(--background)
}

.-discout-value>span {
	font-family: var(--f-number);
	font-weight: 800;
	font-size: 16px;
	position: relative;
	z-index: 9;
	margin-inline-start: 5px
}

.-discout-value {
	right: 0;
	border-radius: 0 0 0 var(--miniradius);
	justify-content: center;
	flex-wrap: wrap;
	padding: 7px 15px;
	align-items: center;
	position: absolute;
	top: 0
}

.list_services_price ul {
	list-style: none;
	text-align: start
}

.list_services_price ul li {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 400;
	color: var(--contentcolor);
	display: flex;
	align-items: center;
	justify-content: center
}

.list_services_price ul li:before {
	content: "";
	position: relative;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #a3aebc;
	margin-inline-end: 13px
}

.list_services_price ul li i {
	margin-inline-end: 7px;
	color: var(--uicolor3)
}

.links_price {
	border: 2px solid var(--uicolor2);
	border-radius: var(--largeradius);
	text-align: center;
	cursor: pointer;
	font-weight: 500;
	min-width: 205px;
	display: flex;
	justify-content: center;
	transition: 180ms;
	width: max-content;
	border-color: var(--uicolor2);
	background: var(--uicolor2)
}

.links_price a {
	padding: 13px 15px;
	font-size: 17px;
	display: block;
	color: #000
}

.box-price.featuer .links_price a,
.box-price:hover .links_price a {
	color: #000
}

.box-price p {
	font-size: 24px;
	font-weight: 500;
	color: var(--textcolor)
}

.box-price.featuer .links_price {
	border-color: var(--uicolor2);
	background: var(--uicolor2)
}

.-category-boxed:hover {
	background: #fff;
	box-shadow: 0 0 8px 1px #03040e12
}

.box-price h3 underlined,
.phone-box a {
	margin-inline-start: 5px;
	letter-spacing: 1px
}

.d-flex {
	flex-wrap: wrap;
	display: flex;
	margin-inline: -9px
}

.-GridItem-2:hover .GridItem-2-title-model span,
.model-title span {
	color: var(--primary-text)
}

.city-block:hover .icon_country img {
	transform: scale(1.03)
}

.city-block:hover .icon_country {
	transform: translateY(-1px);
	transition: 20ms
}

.-single-parent-box,
.imagecover- .disabled,
how-we-work-steps,
post--albums,
services--block i {
	display: flex !important
}

.city-block:hover .icon_country:before {
	background: #fff;
	opacity: 1;
	transform: scale(1)
}

.icon_country span i {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #141413;
	font-weight: 500
}

.-YC-Loader-Css,
.icon_country img {
	position: relative;
	width: 100%;
	height: 100%
}

.-single-parent-box {
	flex-wrap: wrap;
	margin-bottom: 20px
}

.-single-parent {
	display: block;
	position: relative;
	max-width: calc(100% - 380px)
}

.-single-parent-post--sidebar {
	min-width: 350px;
	align-self: start;
	display: flex;
	flex-direction: column;
	margin-inline-start: 30px;
	position: sticky;
	top: 110px;
	max-width: 350px;
	transition: 150ms
}

.-single-parent-post--sidebar>:last-child,
.menu-nav>ul>li>ul.sub-menu>li>a:last-child {
	margin-bottom: 0
}

.hidemenu .-single-parent-post--sidebar {
	top: 50px
}

.for-auto-scrollers {
	position: fixed;
	z-index: 22;
	width: 50px;
	height: 50px;
	right: 0;
	cursor: pointer;
	bottom: 30px
}

.blocks-yc-,
benfit {
	z-index: 2;
	gap: 20px
}

.-single-parent-flexes--content-inner-thumb {
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: var(--largeradius);
	background: var(--bkground);
	display: flex;
	justify-content: center
}

.-single-parent-flexes--content-inner-thumb img,
.contact-info>a>svg-phone svg.mail {
	width: auto;
	height: auto
}

.user-boxed:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background: #002036cc;
	content: "";
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 0;
	border-radius: var(--miniradius) 0
}

.-single-parent-flexes--content-inner-content,
ol.BreadcrumbsFilters li span,
p.-common-keywords a {
	border-radius: var(--largeradius);
	position: relative
}

.-single-parent-flexes--content-inner .-single-parent-flexes--content-bar {
	flex-wrap: wrap;
	z-index: 1;
	width: 100%;
	padding: 30px;
	text-align: center;
	position: relative;
	background: #fff;
	box-shadow: var(--box-shadow);
	flex-direction: column;
	transition: .5s;
	display: flex;
	border-radius: var(--largeradius);
	align-items: center;
	justify-content: center;
	margin-top: 40px
}

.-single-parent-flexes--content-bar span {
	font-size: 23px;
	margin-bottom: 15px;
	color: var(--primary-text)
}

.-user-avatar i {
	display: flex;
	height: 100%;
	width: 100%;
	background: #eff6ff;
	align-items: center;
	justify-content: center
}

ol.BreadcrumbsFilters li {
	display: flex;
	margin-inline-end: 5px;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	flex-wrap: wrap
}

li.none_after {
	margin-inline-start: 0
}

ol.BreadcrumbsFilters li span {
	align-items: center;
	display: flex;
	text-align: right;
	transition: var(--textcolor);
	flex-wrap: wrap;
	width: 100%;
	font-size: 14px
}

.title-contact h2 i,
ol.BreadcrumbsFilters>li>i {
	font-weight: 500
}

.-GridItem-2--ThumbBox img,
.-works-ThumbBox .owl-stage-outer,
.-works-ThumbBox a img,
.Contain--Content--Context {
	display: block;
	width: 100%
}

.-single-parent-flexes--content-inner-content {
	max-width: 100%;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4;
	display: inline-block
}

div#ez-toc-container {
	background: var(--bgcolor) !important;
	border: 1px solid var(--border);
	border-radius: var(--miniradius);
	padding: 20px;
	width: 100%
}

div#ez-toc-container p.ez-toc-title {
	font-weight: 500;
	margin: 0;
	color: var(--alinks);
	font-size: 24px;
	flex: 1
}

.ArticleDetails>h2 {
	font-weight: 600 !important;
	color: var(--textcolor);
	padding: 10px 20px !important;
	background: linear-gradient(45deg, transparent, #f8f8f8, transparent)
}

.ArticleDetails>h3 {
	background: linear-gradient(-45deg, #fff8e4, transparent);
	border-radius: 0 20px 20px 0;
	padding: 12px 20px !important;
	font-weight: 600
}

.ArticleDetails>h4 {
	font-size: 20px;
	font-weight: 600
}

.ArticleDetails>h5,
.bottun span {
	font-size: 18px;
	font-weight: 400
}

.-user-context>h4,
.ArticleDetails.details h6,
.ArticleDetails>h6 {
	font-size: 16px;
	font-weight: 400
}

.single-post {
	background: #fff;
	display: block;
	margin-top: 40px
}

.single-post.pages {
	padding-top: 80px;
	padding-bottom: 30px
}

.-single-parent-flexes--content-inner {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	transition: 180ms;
	border-radius: var(--largeradius)
}

.-single-parent-flexes--content-inner h1,
.ArticleDetails_right p,
.box-title,
.step,
.text-footer {
	text-align: right
}

.-single-parent-flexes--content-bar h1 {
	margin: 13px 0;
	font-weight: 600;
	font-size: 25px;
	width: 100%
}

.-user-avatar {
	display: flex;
	margin-inline-end: 20px;
	width: 72px;
	height: auto;
	border-radius: 20%;
	position: relative;
	overflow: hidden
}

.-single-parent-flexes--content-bar .-user-avatar i {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--miniradius);
	display: flex;
	align-items: center;
	justify-content: center
}

.-user-context {
	display: flex;
	white-space: nowrap;
	flex-direction: column
}

.-user-context p {
	color: #fef4f4;
	font-size: 16px;
	font-weight: 400
}

.-user-context span {
	font-size: 28px;
	font-weight: 400;
	color: #fff
}

.-user-context time {
	font-weight: 400;
	font-size: 11px;
	color: var(--contentcolor)
}

.ArticleDetails ul {
	padding-inline-start: 5px !important
}

.ArticleDetails h1 {
	font-size: 26px;
	border-radius: 0 20px 20px 0;
	padding: 12px 20px !important;
	background: linear-gradient(-90deg, var(--bkground), transparent);
	line-height: 1.4
}

.LoaderPostsRelaterIndex-box {
	display: flex;
	flex-direction: column;
	border-radius: var(--largeradius);
	border: 1px solid #d4d3e8
}

.sidebar-title p {
	font-size: 13px;
	color: var(--secondarytext);
	font-weight: 400
}

.-posts-section-model-2,
.-videos-page-,
.LoaderPostsRelaterIndex-1,
.Singlemostview {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px
}

.-Singlebar-most-view,
.-post-sidebar {
	display: flex;
	flex-direction: column;
	margin-bottom: 50px
}

.gridpostsingle {
	background: #fff;
	padding: 50px 0
}

p.-common-keywords a {
	margin-inline-end: 15px;
	margin: 5px;
	font-size: 14px;
	padding: 10px 12px;
	border: 1px solid var(--border);
	color: var(--titlecolor);
	transition: .2s;
	align-items: center;
	display: flex;
	justify-content: center;
	font-weight: 500
}

.-keywords-box {
	background: #fff;
	margin: 20px 0 30px
}

.comments_label {
	display: block;
	margin-top: 25px
}

.-Title-keywords {
	position: relative;
	color: var(--textcolor);
	font-size: 20px;
	font-weight: 400;
	display: flex;
	align-items: center;
	flex: 1;
	margin-bottom: 20px
}

.-Title-keywords i {
	margin-inline-end: 15px;
	color: var(--uicolor)
}

.sidebar-title h3 i {
	margin-inline-end: 5px
}

.-faqs-singlebox {
	margin-top: 20px;
	flex-direction: column
}

.-faqs-singlebox,
.-faqs-singlebox>ul>li>h2 {
	border-radius: var(--largeradius);
	display: flex
}

.-TitleContent-section {
	font-size: 24px;
	color: var(--textcolor);
	display: flex;
	align-items: center;
	margin-bottom: 25px
}

.-faqs-singlebox>ul {
	display: block;
	list-style: none;
	padding: 0 !important
}

.-faqs-singlebox>ul>li {
	display: block;
	position: relative;
	margin-bottom: 14px !important;
	border: var(--border-defult);
	transition: 180ms;
	border-radius: var(--largeradius)
}

.-GridItem-5:hover .GridItem-5-title-model h2,
.-faqs-singlebox>ul li.active h2 span,
.-faqs-singlebox>ul>li>h2:hover i,
.-faqs-singlebox>ul>li>h2>span:hover,
.CommentsListInner .coment_items1>a:hover,
ul.ChildComments>li>a:hover {
	color: var(--uicolor2);
	color: var(--uicolor)
}

.-faqs-singlebox>ul>li>h2>span {
	flex: 1 1 0%;
	color: var(--secondarytext);
	transition: 150ms
}

.-faqs-singlebox>ul>li>h2>i {
	font-size: 22px;
	color: #5b6466;
	transition: 150ms;
	font-weight: 500
}

.-faqs-singlebox>ul>li>h2 {
	font-size: 18px;
	cursor: pointer;
	color: var(--secondarytext);
	transition: 180ms;
	font-weight: 500;
	padding: 15px;
	margin: 0 !important;
	align-items: center
}

.-faqs-singlebox>ul>li.active>.FaqsAnswers {
	height: var(--outheight);
	visibility: visible;
	opacity: 1;
	transition: 180ms
}

.-faqs-singlebox>ul>li>.FaqsAnswers>.AnswerContext {
	font-size: 16px;
	color: var(--contentcolor);
	padding: 15px;
	margin-top: 10px !important;
	font-weight: 400;
	line-height: 28px
}

.single-post-parent-container-comments>span {
	position: relative;
	color: var(--uicolor);
	font-size: 20px;
	font-weight: 400;
	display: flex;
	align-items: center;
	margin-bottom: 25px
}

.single-post-parent-container-comments>span>i {
	font-weight: 500;
	color: var(--uicolor2);
	margin-inline-end: 15px
}

form.CommentsFormInner>input {
	border-radius: var(--largeradius);
	border: 1px solid var(--diver);
	background: 0 0
}

form.CommentsFormInner>textarea {
	width: 100%;
	height: 110px;
	border-radius: var(--largeradius);
	border: 1px solid var(--diver);
	background: rgba(0, 0, 0, 0);
	padding: 22px;
	font-size: 16px;
	margin-bottom: 16px;
	resize: unset;
	font-weight: 300
}

form.CommentsFormInner>button {
	display: block;
	margin-inline-start: auto;
	border: 0;
	background: var(--uicolor2);
	padding: 13px 30px;
	border-radius: var(--largeradius);
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	transition: 150ms;
	cursor: pointer
}

form.CommentsFormInner>input[disabled] {
	background: var(--bgcolor);
	color: #bbbcc1
}

.CommentsList>.CommentsList__Title {
	font-size: 22px;
	margin-bottom: 20px;
	color: var(--secondarytext);
	font-weight: 400;
	cursor: pointer
}

.CommentsList__Title i {
	transform: rotate(0);
	position: relative
}

.CommentsListInner p.contentcomment {
	display: block;
	list-style: revert;
	text-align: revert;
	color: var(--secondarytext);
	line-height: 1.8;
	font-weight: 400;
	font-size: 18px;
	margin-top: 17px
}

.CommentsListInner .coment_items1 .CommentContent .CommentDate {
	font-size: 11px;
	font-weight: 600;
	color: var(--contentcolor);
	margin-inline-start: 10px
}

.UserAvatar:after {
	content: "";
	display: flex;
	width: 10px;
	height: 10px;
	align-items: center;
	background: #14a31f;
	justify-content: center;
	position: absolute;
	border: 4px solid #fff;
	border-radius: 50%;
	bottom: 4px;
	left: -4px;
	color: #fff;
	font-size: 12px
}

.-comments-user textarea {
	width: 100%;
	border-radius: var(--miniradius);
	padding: 13px 16px 12px 10px;
	font-size: 14px;
	transition: 150ms;
	color: var(--titlecolor);
	background: var(--bkground);
	border: 0;
	height: 45px;
	resize: unset
}

.-comments-user textarea:focus {
	background: #fff;
	border: 1px solid var(--uicolor2)
}

.-comments-user button {
	position: absolute;
	left: 10px;
	border: none;
	top: 10px;
	background: 0 0;
	cursor: pointer
}

.Comment_lise input,
.textarea_form textarea {
	font-size: 14px;
	color: var(--uicolor);
	width: 100%;
	background: #fff;
	margin-bottom: 20px;
	font-weight: 400
}

.-comments-user button i {
	font-size: 24px;
	color: var(--uicolor2)
}

.CommentsListInner .coment_items1>.CommentContent>p {
	font-size: 14px;
	color: var(--contentcolor);
	font-weight: 300
}

ul.ChildComments>li>.CommentContent>p {
	font-size: 15px;
	font-weight: 300;
	color: var(--contentcolor)
}

ul.ChildComments {
	list-style: none;
	padding: 0 40px 0 0
}

.ReplyCommentPreview>h2,
.ReplyCommentPreview>p {
	padding-right: 40px
}

.Comment_lise input {
	flex: 1 1 0%;
	padding: 13px 24px;
	border-radius: var(--largeradius);
	border: 1px solid var(--border)
}

.textarea_form textarea {
	flex: 1 1 0%;
	border-radius: var(--miniradius);
	border: 1px solid var(--border);
	resize: unset;
	height: 100px;
	padding: 24px
}

.textarea_form button {
	border: none;
	width: max-content;
	padding: 11px 19px;
	border-radius: var(--miniradius);
	font-size: 18px;
	font-weight: 400;
	background: var(--uicolor);
	color: #fff;
	margin-inline-start: auto;
	cursor: pointer
}

.textarea_form input:focus {
	border-color: var(--uicolor2)
}

.CommentContent a {
	display: flex;
	margin-inline-start: auto;
	padding: 6px 15px;
	background: #5bcda3;
	border-radius: var(--miniradius);
	color: #fff;
	align-items: center
}

.-Posts-grid {
	display: flex;
	flex-wrap: wrap;
	width: -webkit-fill-available;
	margin: 0 -10px;
	justify-content: center
}

ul.blogs-box-social-share>li>div {
	width: 100%;
	border-radius: var(--miniradius);
	display: flex;
	font-size: 13px;
	align-items: center;
	padding: 7px 10px !important;
	color: #fff
}

ul.blogs-box-social-share {
	display: flex;
	padding: 0 !important
}

ul.blogs-box-social-share li {
	margin: 4px !important;
	background: var(--scoial);
	border-radius: var(--miniradius);
	cursor: pointer
}

li.telegram {
	--scoial: #0b86a9
}

li.skype {
	--scoial: #80b2ed
}

li.twitter {
	--scoial: #00afff
}

li.whatsapp {
	--scoial: #00d084
}

.-UserArea {
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 30px;
	background: #fafafa;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: var(--largeradius)
}

.-Breadcrumb-SingularPost,
.CategoryBox {
	border-radius: var(--miniradius);
	display: flex
}

li.linkedin {
	--scoial: #569deb
}

.Singlemosttabs {
	display: flex;
	align-items: center;
	margin-bottom: 15px
}

.-addpost-post_title- h1,
.postgrid-title span {
	position: relative;
	color: var(--uicolor3);
	font-size: 24px;
	font-weight: 500;
	align-items: center
}

.page-title h1 i,
.postgrid-title span i {
	font-weight: 600 !important;
	margin-inline-end: 10px;
	color: var(--uicolor2)
}

.postgrid-title p {
	font-size: 16px;
	color: var(--contentcolor);
	font-weight: 400;
	line-height: 1.7;
	min-width: 100%
}

.postgrid-title {
	display: flex;
	margin-bottom: 10px;
	align-items: flex-start;
	flex-direction: column
}

.postgrid-title h2,
.postgrid-title h3 {
	font-size: 25px;
	color: var(--textcolor);
	font-weight: 500;
	margin-inline-end: 10px
}

.postgrid-title h2 i,
.postgrid-title h3 i {
	margin-inline-end: 7px;
	color: var(--secondarytext)
}

.-Breadcrumb-SingularPost {
	flex-direction: column;
	justify-content: center;
	padding: 20px;
	align-items: center
}

.-Breadcrumb-SingularPost p {
	font-size: 15px;
	font-weight: 300;
	color: var(--contentcolor);
	margin-top: 8px
}

.category-title p {
	color: #000;
	font-size: 15px;
	font-weight: 400
}

.-Breadcrumb-SingularPost h1 {
	font-size: 28px;
	color: var(--uicolor);
	font-weight: 500;
	border-radius: 0 50px 50px 0
}

.-Breadcrumb-SingularPost h1 i {
	font-size: 26px !important;
	font-weight: 500;
	color: var(--uicolor);
	margin-inline-end: 10px
}

.title-contact h2 i,
.title-contact h3 i,
button.btn-brand i {
	margin-inline-end: 8px
}

.CategoryBox {
	text-align: center;
	--width-heads: 100%;
	padding: 30px;
	margin-bottom: 39px;
	flex-direction: column;
	align-items: center;
	border: 1px solid #d4d3e8
}

.category-shap {
	width: -webkit-fill-available;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	align-items: center;
	justify-content: center
}

.category-shap .-category-boxed {
	min-width: 220px;
	max-width: 322px
}

div#services1 {
	padding: 0 0 50px
}

.-single-cat-box {
	padding: 80px 0 40px;
	display: block;
	position: relative
}

.-homepage--container {
	flex: 1;
	display: block;
	width: 100%
}

.s-price-contact,
.s-price-content {
	flex-direction: column;
	border-radius: var(--largeradius)
}

.s-price-content {
	display: flex;
	background: #fff;
	box-shadow: 0 0 10px 0 #00000030;
	padding: 18px;
	flex: 1
}

.s-price-contact,
post--albums .img,
table.price-table {
	box-shadow: var(--box-shadow)
}

.s-price-content1 p {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	margin-bottom: 10px;
	color: #8d8d8d
}

.s-price-content1 h1 {
	font-size: 32px;
	margin: 11px 0
}

.title-contact h2,
.title-contact h3 {
	font-size: 26px;
	font-weight: 500;
	display: flex
}

.NoComments i,
post--ads-content,
ul.services_text li i {
	margin-inline-end: 10px
}

ul.services_text li {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 400;
	display: flex;
	align-items: center;
	color: #404040
}

ul.services_text li i {
	background: var(--uicolor2);
	border-radius: 50%;
	color: #fff;
	font-size: 16px
}

.line input,
.line textarea {
	margin-bottom: 15px;
	border: 1px solid #c5c4c4;
	background: #fff;
	width: 100%
}

.s-price-contact {
	display: flex;
	max-width: 450px;
	padding: 30px;
	min-width: 380px
}

.title-contact {
	display: flex;
	flex-direction: column;
	margin-bottom: 11px
}

.title-contact h2 {
	align-items: center;
	color: var(--textcolor)
}

.title-contact h3 {
	align-items: center;
	color: var(--uicolor)
}

.city-block_bh,
.city-block_bh h2,
.price-num span,
button.btn-brand {
	font-weight: 400;
	color: var(--uicolor)
}

.title-contact h3 i {
	font-weight: 500;
	color: var(--uicolor2)
}

.line input {
	padding: 20px
}

.line textarea {
	padding: 15px 18px;
	resize: unset;
	height: 80px
}

.single-price {
	display: flex;
	padding: 50px 0
}

.price-contact-left {
	min-width: 361px;
	margin-inline-start: 20px;
	display: block
}

.price-contact {
	display: flex;
	flex-direction: column;
	padding: 20px;
	background: #fff;
	box-shadow: 0 0 10px 0 #00000030
}

.city-block_bh,
title--tooltip {
	padding: 5px 10px
}

.-single-social,
.referance,
.step,
features--block,
post--features,
services--block {
	box-shadow: 0 0 14px var(--shadow-1)
}

.price-num span {
	font-size: 40px
}

button.btn-brand {
	padding: 15px 16px;
	background: #fff;
	border: 2px solid var(--uicolor);
	font-size: 16px;
	cursor: pointer;
	margin: 0 auto;
	margin-inline-end: 0;
	max-width: max-content;
	display: flex
}

.city-block_bh,
ul.-Tabs-loadmore-List li {
	margin: 5px;
	border-radius: var(--largeradius)
}

.Single--SideBar--AreaLabel .-GridItem-3 {
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	flex: 1;
	border-bottom: 1px solid #f0f0f0;
	padding: 14px
}

.d-flex-bh {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.-TitleContent-section h3,
.city-block_bh h2 {
	font-size: 24px
}

.cities-inner h1,
.news-title {
	font-size: 26px;
	color: var(--uicolor);
	font-weight: 500;
	display: flex
}

.-single-search-box,
.cities-box>*,
.seriver_model_bhaa,
.works-Posts,
.works-single,
section.cities-list,
section.pricepagetables {
	padding: 150px 0
}

.seriver_model_bhaa {
	padding-top: 60px
}

.news-title {
	margin: 10px 0 20px
}

.title-page {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 17px
}

.city-model {
	display: flex;
	flex-direction: column;
	padding-bottom: 35px
}

.LoaderPostsRelaterIndex-box,
.cities-inner h1,
.works_Single {
	margin-bottom: 30px
}

.-single-services-box {
	padding-top: 80px;
	padding-bottom: 40px
}

.category-title h1 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	color: var(--primary-text);
	max-width: var(--width-heads);
	margin-bottom: 10px
}

.-single-blog-box.-YC-Page-blog-box {
	padding-top: 70px
}

.-single-blog-box.-YC-Page-price-box {
	padding-top: 150px;
	padding-bottom: 120px
}

ul.-Tabs-loadmore-List {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 20px
}

ul.-Tabs-loadmore-List li {
	color: var(--darksecondarytext);
	font-size: 17px;
	font-weight: 500;
	cursor: pointer;
	transition: 180ms;
	padding: 10px 15px;
	background: #fff
}

ul.-Tabs-loadmore-List li.-Tabs-loadmore.active,
ul.-Tabs-loadmore-List li:hover {
	background: var(--uicolor);
	color: #fff;
	border-color: var(--uicolor)
}

.blocks-yc- {
	display: flex;
	text-align: right;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative
}

.-comment-user-area,
.-comments-titlecontext-inner,
.blocks-yc->*,
.bottun.transform span.lese,
.footer_menu,
.referance-Content.active,
.single-,
.titles-serive-model,
how-we-work,
ul.ez-toc-list.open {
	display: block
}

.blocks-yc->* {
	min-width: 187px;
	max-width: 310px;
	flex: 1;
	overflow: hidden;
	position: relative
}

.contact-info-contact {
	min-width: 280px !important;
	max-width: max-content
}

.blocks-content p {
	font-size: 15px;
	color: var(--color_content);
	line-height: 1.8;
	max-width: 360px;
	font-weight: 400;
	overflow: hidden
}

.menu_bar,
.search_header {
	align-items: center
}

allrights-seo p a {
	color: #fff;
	font-size: 16px
}

.ArticleDetails,
.titles-serive-model>* {
	list-style: revert;
	text-align: revert;
	color: var(--secondarytext)
}

.footer-header svg {
	height: 30px;
	width: 100%
}

.btn-phone a,
.btn-whatsapp a {
	width: 100%;
	display: flex;
	justify-content: center;
	height: 100%;
	align-items: center;
	color: #fff;
	font-size: 29px;
	position: relative
}

.btn-whatsapp:hover {
	background: #fff;
	border: 1px solid #27ae60
}

.btn-whatsapp:hover a,
.btn-whatsapp:hover i {
	color: #27ae60
}

.-single-parent-flexes--content-inner .-single-parent-flexes--content-bar .-Breadcrumb-SingularPost {
	padding: 0;
	background: 0 0
}

.menu_bar {
	background: #fff;
	justify-content: center;
	display: none;
	width: 42px;
	height: 42px
}

.menu_bar i {
	color: var(--uicolor);
	font-size: 18px;
	font-weight: 800
}

.btn-whatsapp i {
	color: #fff;
	font-size: 37px !important
}

.menu-nav form button {
	position: absolute;
	left: 15px;
	background: 0 0;
	border: none;
	top: 10px
}

.menu-nav form button i {
	font-size: 19px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.NoComments,
.menu_bar.icon .fa-xmark {
	display: block !important
}

.model_shap_one_title ul.-Tabs--Posts--List {
	justify-content: center
}

.single-Breadcrumb {
	margin: 11px 0
}

.titles-serive-model>* {
	display: block;
	line-height: 1.8;
	font-weight: 400;
	font-size: 17px
}

.titles-serive-model p {
	font-size: 15px;
	font-weight: 400;
	color: #363535;
	line-height: 1.7
}

.titles-serive-model h1 {
	font-size: 25px;
	margin-bottom: 10px;
	font-weight: 500;
	color: #040404
}

.single- {
	width: 100%;
	transition: 150ms;
	padding: 25px;
	margin-bottom: 20px;
	max-width: calc(100% - 340px);
	margin-inline-end: 20px;
	flex: 1;
	min-width: calc(100% - 510px)
}

ul.block-cotact {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	flex-wrap: wrap
}

ul.block-cotact li {
	min-width: 260px;
	overflow: hidden;
	margin: 5px;
	height: 89px;
	flex: 1
}

ul.block-cotact li a {
	padding: 12px 30px;
	display: flex;
	align-items: center;
	height: 100%
}

.dt-contact,
.logo_footer p,
a.phone-box div {
	margin-inline-start: 11px
}

.dt-contact p {
	color: #fff;
	font-size: 16px;
	font-weight: 400
}

.dt-contact h4 {
	margin-bottom: 5px;
	font-size: 15px;
	color: #020202
}

ul.block-cotact li i {
	font-size: 28px;
	font-weight: 500
}

.title-text {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	flex-wrap: wrap
}

.title-text i {
	font-size: 21px;
	font-weight: 400;
	color: var(--textcolor)
}

.title-text h3 {
	font-size: 24px;
	font-weight: 500;
	color: var(--textcolor);
	margin-inline-start: 13px;
	flex: 1
}

.-single-cat-box .ArticleDetails.details h2 {
	margin: 15px 0
}

.ArticleDetails {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7
}

.CategoryBox .ArticleDetails p {
	line-height: 1.8;
	color: var(--secondarytext)
}

.seriver_model_bhaa .social--footer {
	margin: 20px 0 0;
	display: flex
}

.titles-faq {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-bottom: 17px
}

.faq-section_faq-model,
how-we-work {
	margin: 50px 0 80px
}

.faq-section_faq-model {
	padding-top: 30px
}

.titles-faq p {
	font-size: 15px;
	font-weight: 400
}

.titles-faq h1 {
	font-size: 24px;
	margin-bottom: 10px;
	color: var(--alinks)
}

.-single-content-bar h1 {
	margin: 20px 0
}

.-single-parent-box-- {
	display: flex;
	align-items: flex-start
}

.breadcrumb1 ol.BreadcrumbsFilters {
	justify-content: center;
	margin-bottom: 13px
}

.ArticleDetails.details table tr {
	vertical-align: top;
	font-size: 14px;
	padding: .65rem !important;
	border-bottom: 1px solid #aaa
}

.ArticleDetails.details table tr:last-child td {
	border-bottom: none
}

.ez-toc-title {
	display: block;
	cursor: pointer;
	font-size: 17px;
	color: #100f0f;
	transition: .35s;
	text-align: right
}

div#ez-toc-widget-container nav {
	margin-top: 5px;
	display: block;
	margin-bottom: 20px;
	padding: 14px;
	overflow: hidden;
	border: 1px solid var(--background)
}

.ArticleDetails>div>img {
	margin: 0 auto !important;
	max-width: 100%;
	display: block;
	border-radius: var(--largeradius);
	overflow: hidden
}

.ArticleDetails div.wp-caption {
	max-width: 100% !important;
	margin: auto !important
}

ul.ez-toc-list li a {
	align-items: center !important;
	font-size: 19px;
	color: #060606 !important;
	transition: 150ms;
	flex: 1;
	width: 100%;
	font-weight: 400;
	display: block
}

.CategoryGrid__Terms>*,
.table__container table {
	max-width: 100%
}

.table__container table tr td:first-child {
	background: #f9f9f9;
	max-width: 250px
}

div.ez-toc-widget-container ul,
ul.ez-toc-list li a {
	padding: 0 !important
}

.table__container table tr {
	border-top: 1px solid #aaa
}

.table__container table tr:last-child {
	border-bottom: 1px solid #aaa
}

.table__container ul {
	list-style: unset
}

.logo {
	margin-inline-end: 20px;
	position: relative;
	display: flex;
	padding: 0;
	max-width: 230px
}

.menu-nav>ul>li>a:after {
	content: "";
	width: 100%;
	height: 4px;
	border-radius: 20px;
	background: #fff;
	bottom: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	display: block;
	position: absolute;
	transition: .2s cubic-bezier(.58, .3, .005, 1)
}

.menu-nav>ul>li:hover>ul,
benfit:hover .image_benfit {
	visibility: visible;
	opacity: 1
}

.logo img {
	filter: drop-shadow(0px 1px 10px #00000090);
	height: auto;
	width: auto
}

.menu-nav>ul>li>ul {
	opacity: 0;
	position: absolute;
	top: 116%;
	transform: translateY(10px);
	right: 0;
	min-width: 250px;
	background-color: #fff;
	z-index: 111;
	transition: .4s !important;
	border-radius: 15px;
	border: var(--miniradius);
	padding: 10px;
	box-shadow: 0 2px 3px #0c3b7414, 0 17px 30px 10px #0f61c70d;
	visibility: hidden
}

.menu-nav>ul>li>ul:before {
	content: "";
	position: absolute;
	width: 100%;
	top: -18px !important;
	inset: 0;
	pointer-events: none
}

.album-holder.open,
.album-slider .owl-next,
.album-slider .owl-prev,
.features benfit:hover h3,
benfit:hover .images_features:before,
benfit:hover svg path,
post--albums .img:hover:before {
	opacity: 1
}

.title_rote li.active i,
.title_rote ul li i {
	top: -1.5px;
	color: #ffb30c !important;
	font-size: 16px
}

.menu-nav>ul>li:hover>ul {
	transform: translate(0)
}

.menu-nav>ul>li>ul>li {
	display: flex;
	position: relative;
	align-items: center
}

.menu-nav>ul>li>ul.sub-menu>li>a {
	display: flex;
	align-content: center;
	align-items: center;
	padding: 11px 15px;
	border-radius: var(--miniradius);
	flex: 1;
	font-size: 15px;
	margin-bottom: 10px;
	color: var(--secondarytext);
	transition: .3s
}

.menu-nav>ul>li>ul.sub-menu>li>a:before,
.menu-nav>ul>li>ul.sub-menu>li>ul.sub-menu>li>a:before {
	content: "";
	position: relative;
	width: 7px;
	background: var(--secondarytext);
	height: 2px;
	margin-inline-end: 10px;
	transition: .3s
}

.menu-nav>ul>li>ul.sub-menu>li>a:hover:before,
.menu-nav>ul>li>ul.sub-menu>li>ul.sub-menu>li>a:hover:before {
	width: 8px;
	background: var(--uicolor)
}

.menu-nav>ul>li.menu-item-has-children>a::before {
	content: var(--chevron);
	font-family: "Font Awesome 6 Pro";
	font-weight: 500;
	margin-inline-start: 10px;
	position: relative;
	float: left;
	transform: rotate(-90deg);
	font-size: 16px
}

.-GridItem-3-info span a {
	font-size: 15px;
	display: block;
	padding: 6px 0;
	display: flex;
	width: max-content;
	border-radius: var(--miniradius);
	font-weight: 300;
	color: var(--contentcolor)
}

ul.ez-toc-list {
	padding-inline-start: 18px !important;
	display: none
}

ul.ez-toc-list li {
	margin-bottom: 9px !important;
	display: block
}

.user-boxed {
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: max-content;
	padding: 20px;
	z-index: 1
}

.album-holder,
.album-slider {
	position: fixed;
	right: 0;
	opacity: 0
}

.search_header span {
	background: var(--primary-text);
	width: 45px;
	height: 45px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
	color: #fff
}

.search_header span i {
	font-size: 19px;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center
}

.adress-contact {
	padding: 12px 30px;
	align-items: center;
	height: 100%
}

.-UserArea.def {
	justify-content: right;
	align-items: center
}

.-UserArea.def ul.blogs-box-social-share {
	margin-inline-start: 10px
}

ul.blogs-box-social-share li div span {
	margin-inline-start: 6px !important;
	font-weight: 500
}

post--features {
	margin: 40px 0 !important;
	background: #fff;
	border-radius: var(--miniradius);
	overflow: hidden;
	padding: 22px !important
}

post-content h2.slice-title {
	display: block;
	text-align: center;
	font-size: 40px;
	color: #044170;
	font-weight: 700
}

post-features--blocks,
post-services--blocks {
	display: flex !important;
	flex-wrap: wrap;
	margin: 35px -10px !important
}

.single-post-parent-container-content features--block {
	margin: 9px;
	min-width: 230px;
	max-width: 350px !important;
	padding: 20px;
	border-radius: var(--miniradius);
	border: 1px solid #dfdfdf;
	background: #fbfbfb;
	position: relative;
	overflow: hidden;
	z-index: 1;
	text-align: center
}

.single-post-parent-container-right features--block img {
	width: 130px;
	display: block;
	height: 130px;
	border-radius: var(--miniradius);
	margin: auto
}

h2.bk-title a {
	display: block;
	font-size: 24px;
	color: #0d0920 !important;
	margin: 0 auto !important;
	font-weight: 500
}

features--block:hover:before {
	transform: scale(150)
}

services--block {
	min-width: 253px;
	margin: 10px !important;
	background: #fff;
	padding: 25px !important;
	max-width: 100%;
	flex: 1
}

post--albums .img {
	position: relative;
	cursor: pointer;
	z-index: 1;
	--el-w: 207px;
	min-width: var(--el-w);
	max-width: var(--el-w);
	flex: 1;
	margin: 11px !important;
	overflow: hidden;
	border-radius: var(--miniradius);
	background: #eee;
	border: var(--border-defult);
	transition: 250ms
}

post--albums .img:hover {
	box-shadow: var(--box-shadow-hover);
	border-color: var(--border-defult-hover);
	transform: translate(0, -1px);
	transition: 80ms
}

.model-title,
post--albums .img img {
	display: block
}

post-content post--albums img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.album-holder {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 50px;
	z-index: 9999999999;
	background: #0c182e70;
	transition: .8s;
	overflow: hidden
}

.album-slider,
post--ads-content {
	background: #fff;
	border-radius: var(--miniradius)
}

.album-slider {
	width: 730px;
	margin: auto !important;
	top: 50%;
	left: 50%;
	padding: 21px 30px !important
}

.album-slider .owl-item .item {
	height: 450px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 668px;
	width: 100% !important;
	flex: 1
}

i.fa-solid.fa-xmark.close {
	position: absolute;
	left: 30%;
	top: 19px;
	font-size: 30px;
	color: #421818;
	cursor: pointer;
	background: #ffe5e5;
	border-radius: 50%;
	font-weight: 400;
	z-index: 33;
	width: 45px;
	height: 45px;
	align-items: center;
	justify-content: center;
	transform: scale(.9)
}

p.sub-title {
	margin: 10px 0 20px !important;
	font-size: 15px !important;
	color: #444 !important;
	font-weight: 400 !important
}

post--ads {
	margin: 30px 0
}

post--ads-image {
	height: 350px
}

post--ads-content {
	padding: 33px;
	border: 1px solid #0000000f;
	flex-direction: column;
	justify-content: center;
	flex: 1
}

.-GridItem-4-ThumbBox,
.-single-social,
.-works,
.album-slider .owl-item .item img,
.bottun,
.step,
.step-image,
.step-image img,
.work_image,
breadcrumb,
features--block,
post--ads-image img,
postsscrollloader,
services--block,
table.price-table,
ul.social--footer li {
	border-radius: var(--miniradius)
}

.-YC-Loader-Cover,
.-works-ThumbBox a img,
.catArticleDetails .ArticleDetails.details.height,
post--ads-image img {
	height: 100%
}

.call--box {
	align-items: center;
	flex-wrap: wrap;
	justify-content: end;
	display: flex;
	margin-top: 20px
}

.call--box a {
	padding: 15px;
	border: 2px solid var(--primary-text);
	color: var(--primary-text);
	margin-inline-end: 15px;
	border-radius: var(--miniradius);
	display: flex;
	align-items: center;
	font-size: 14px
}

a.ads-whatsapp-box {
	background: var(--call-color);
	border-color: var(--call-color);
	color: #fff
}

.call--box a i {
	margin-inline-end: 9px
}

post--ads-content h2.slice-title {
	font-size: 31px;
	text-align: right
}

post--ads-content .sub-title {
	text-align: right;
	color: #169eff;
	margin: 7px 0 14px;
	font-size: 18px;
	line-height: 34px
}

.item-icon,
.step-desc h3,
.step-desc p,
.top_price,
how-we-call h2.slice-title,
services--block i {
	text-align: center
}

.popup-boxnumber a.popup-whatsapp {
	background: 0 0;
	background: var(--whatsapp);
	color: #fff;
	border-color: var(--whatsapp)
}

.popup-boxnumber a.popup-whatsapp:hover i,
.popup-boxnumber a.popup-whatsapp:hover strong {
	color: var(--whatsapp)
}

.popup-boxnumber a.popup-whatsapp:hover {
	background: 0 0
}

.step,
features--block {
	background: #fff;
	margin: 10px !important
}

benfit:hover .before_features,
benfit:hover .link_features,
postsscrollloader {
	background: var(--uicolor2)
}

.bottun,
.bottun:hover {
	background: var(--uicolor)
}

h1.slice-title {
	color: var(--textcolor);
	font-size: 40px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 20px
}

p.sub-content {
	color: #46464e;
	font-size: 17px
}

@media (max-width:767px) {
	post--ads {
		display: block
	}

	post--ads-content {
		display: block;
		max-width: 100%;
		padding: 10px;
		margin-bottom: 15px
	}

	.ads-whatsapp-box,
	a.ads-phone-box {
		min-width: 150px !important;
		max-width: 100% !important;
		margin-bottom: 0 !important
	}

	.ads-whatsapp-box {
		margin-inline-end: 0 !important
	}

	post-content h2.slice-title {
		font-size: 29px
	}

	h1.slice-title {
		font-size: 24px;
		margin-bottom: 20px
	}

	services--block {
		min-width: 100%;
		margin: 10px 0
	}

	post-features--blocks,
	post-services--blocks {
		margin: 35px 10px
	}
}

@media(max-width:767px) {
	post--albums .img {
		min-width: 70px
	}
}

how-we-work-steps {
	padding: 30px 10px !important;
	flex-wrap: wrap
}

.step {
	flex: 1;
	transition: .35s;
	flex-wrap: wrap;
	padding: 23px 11px !important;
	min-width: 240px;
	align-items: center;
	max-width: 270px
}

.step-image {
	width: 210px;
	height: 120px;
	margin-inline-end: 20px;
	overflow: hidden;
	margin: 0 auto !important
}

.step-image img {
	display: block;
	object-fit: cover;
	margin: auto;
	height: 100%;
	width: auto
}

.referance,
table.price-table {
	width: 100%
}

.step-desc h3 {
	color: #0e0e0e;
	font-weight: 700;
	margin: 0;
	padding: 0;
	font-size: 17px
}

.step-desc {
	padding: 0;
	flex: 1
}

.step-desc p {
	font-size: 16px;
	font-weight: 400;
	color: #2a2929
}

h2.slice-title {
	margin: 30px 0 4px !important;
	font-size: 31px !important;
	font-weight: 500 !important;
	color: #09062a
}

.bottun,
.contact_whats p,
.items-Grid-box a p,
benfit p,
li.site p,
p.bk-content {
	color: var(--secondarytext)
}

.ArticleDetails table tr:first-child,
.icon-title i,
p.bk-content {
	font-weight: 400
}

.ArticleDetails table tr td:first-child,
.ArticleDetails table tr th:first-child {
	border-left: 1px solid #e5eaef
}

.ArticleDetails table tr td,
.ArticleDetails table tr th {
	border-bottom: 1px solid #e5eaef
}

.single-post-parent-container-content strong.bk-title {
	margin: 10px 0 0;
	display: block
}

services--block {
	transition: .35s;
	flex-direction: column;
	align-items: center
}

services--block i {
	border-radius: 50%;
	background: #fff;
	font-size: 33px;
	color: var(--uicolor);
	align-items: center;
	justify-content: center;
	margin: auto !important;
	position: relative;
	--wc: 61px;
	height: var(--wc);
	line-height: var(--wc) !important;
	width: var(--wc);
	font-weight: 300 !important
}

.album-holder.open {
	visibility: visible;
	pointer-events: all
}

.CommentsListInner .owl-next,
.owl-next {
	right: 0
}

.imagecover- .owl-next {
	right: 40px
}

p.bk-content {
	font-size: 12px;
	margin: 0 !important;
	line-height: 1.5
}

features--block {
	position: relative;
	padding: 20px !important;
	flex: 1;
	min-width: 400px;
	max-width: 464px
}

.box-title {
	margin-inline-start: 13px !important
}

.table-wrapper {
	margin-bottom: 10px !important
}

.ArticleDetails table td,
.table__container table th {
	vertical-align: top;
	font-size: 14px;
	padding: 15px 30px !important
}

post--albums {
	flex-wrap: wrap;
	margin: 30px 0 !important
}

.album-slider .owl-item .item img {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	overflow: hidden
}

.bottun:after,
.image_benfit,
.success,
span#Close {
	position: absolute
}

i.fa-solid.fa-xmark.close:hover {
	transform: scale(1);
	color: #fff;
	background: #f77777
}

postsscrollloader {
	display: flex;
	padding: 10px 20px;
	color: #fff;
	font-size: 17px;
	cursor: pointer
}

loadmore--inpuarea {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px
}

.single-Breadcrumb h1 {
	margin: 10px 0;
	font-size: 25px;
	font-weight: 500
}

.-single-parent-flexes--content-bar p {
	line-height: 1.6;
	font-size: 18px;
	font-weight: 300;
	color: var(--secondarytext);
	margin-top: 20px
}

.-single-social {
	display: flex;
	align-items: center;
	padding: 21px !important;
	flex-wrap: wrap;
	border-radius: var(--largeradius);
	border: 1px solid #d4d3e8;
	box-shadow: none
}

.-single-social>span {
	font-size: 26px;
	flex: 1;
	width: max-content;
	white-space: nowrap;
	font-weight: 500;
	color: var(--textcolor)
}

.referance {
	transition: 150ms;
	padding: 20px;
	margin: 30px 0
}

.all-cat1 a,
.bottun,
.single-posttitle {
	transition: 180ms
}

.bottun,
benfit p,
span#Close {
	transition: .2s
}

benfit,
benfit p {
	transition: .3s ease-out
}

.referance-title {
	display: flex;
	cursor: pointer;
	margin-bottom: 25px;
	align-items: center
}

.referance-title i {
	margin-inline-end: 10px !important;
	font-size: 20px;
	color: var(--uicolor);
	transition: 150ms;
	display: flex;
	align-items: center
}

.referance-title h4 {
	color: var(--uicolor);
	font-size: 25px;
	font-weight: 600;
	display: flex;
	flex: 1
}

.referance-title i.fa-solid.fa-plus {
	float: left;
	position: absolute;
	left: 19px;
	cursor: pointer;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.referance-Content li {
	display: flex;
	align-items: center;
	padding: 8px !important;
	background: var(--softcolor);
	margin-bottom: 5px !important;
	color: #121212a8
}

.referance-Content li sitename {
	background: #fff2de;
	padding: 4px 16px !important
}

.referance-Content li a {
	margin: 0 10px !important;
	color: var(--uicolor)
}

.referance-Content {
	list-style: none;
	display: none
}

.referance-title i.fa-solid.fa-minus,
.referance-title i.fa-solid.fa-plus {
	margin-inline-end: 0 !important
}

.GridItem-title- p {
	line-height: 1.6;
	font-size: 14px;
	font-weight: 500
}

.success p,
span#Close {
	font-size: 21px;
	display: flex
}

.success {
	left: 200px;
	width: 320px;
	padding: 30px;
	top: 50%;
	box-shadow: 0 0 10px 3px #00000017;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 131px;
	z-index: 222
}

.success p {
	font-weight: 500;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center
}

span#Close {
	width: 35px;
	height: 35px;
	left: 15px;
	top: 12px;
	background: #f3f3f3;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #000;
	font-weight: 600
}

.opctiy .line,
.opctiy button {
	opacity: .3
}

span#Close:hover {
	background: #f99e9e;
	color: #fff
}

.postmodel,
benfits {
	display: flex;
	flex-wrap: wrap
}

benfit {
	--widht: 626px;
	min-width: var(--widht);
	max-width: var(--widht);
	flex: 1;
	list-style: none;
	line-height: 1;
	display: flex;
	margin: 10px;
	align-items: self-start;
	padding: 30px;
	border-radius: 11px;
	height: max-content;
	border: 1px solid rgba(131, 131, 131, .25);
	position: relative
}

.image_benfit {
	width: 100%;
	height: 100%;
	background-image: var(--image);
	background-size: cover;
	inset: 0;
	background-position: left;
	opacity: 0;
	transition: .4s
}

.features:hover benfit {
	transform: translateY(10px)
}

benfit p {
	display: block;
	font-weight: 400;
	line-height: 1.8;
	font-size: 15px;
	margin-top: 8px
}

benfit h3 {
	font-weight: 500;
	line-height: 1.5;
	font-size: 21px;
	color: var(--alinks);
	transition: .2s ease-out
}

strong.bk-title {
	text-align: center !important;
	display: flex;
	justify-content: center;
	font-size: 18px
}

services--block p.bk-content {
	text-align: center;
	margin-top: 9px !important
}

.bottun,
a.contact-us-btn {
	display: flex;
	width: max-content;
	align-items: center
}

.blocks-footer {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding-bottom: 30px;
	position: relative
}

ul.social--footer li {
	font-size: 22px;
	transition: 180ms;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	color: #215795;
	background: #6ee1e7;
	border: 1px solid #00000021;
	display: flex;
	margin-inline-end: 10px;
	transition: all var(--transition);
	cursor: pointer
}

a.contact-us-btn {
	font-size: 16px;
	padding: 15px;
	color: #fff;
	font-weight: 400;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-color: var(--uicolor);
	border: 1px solid #fff;
	border-radius: 40px
}

.-comments-form-inputs-area input,
.bottun,
.ratingpost {
	border-radius: var(--largeradius)
}

a.contact-us-btn:hover:before {
	transform: translateX(0)
}

.catArticleDetails .ArticleDetails.details {
	height: 140px;
	overflow: hidden;
	transition: .2s
}

.bottun {
	cursor: pointer;
	margin: 15px auto 0;
	padding: 15px 30px;
	align-items: center;
	color: #fff;
	overflow: hidden;
	font-size: 18px;
	font-weight: 400;
	position: relative;
	display: block
}

.bottun:after,
.bottun:focus:after,
.bottun:hover:after {
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-o-transition: .3s ease-out
}

.bottun:hover {
	border-color: var(--uicolor)
}

.bottun:hover span {
	color: #fff !important
}

.bottun:after {
	content: "";
	background-color: var(--uicolor2);
	display: block;
	width: 0%;
	height: 100%;
	right: 0;
	top: 0;
	z-index: -1;
	transition: .3s ease-out;
	border-radius: var(--miniradius)
}

.bottun:focus:after,
.bottun:hover:after {
	width: 100%;
	transition: .3s ease-out
}

.ArticleDetails :not(.-inner-similiar-posts *):not(.-inner-similiar-posts):not(.-single-parent-flexes--content-bar-secondary *):not(.-single-parent-flexes--content-bar-secondary) {
	margin: revert;
	padding: revert
}

.catArticleDetails .ArticleDetails.details :not(.-inner-similiar-posts *):not(.-inner-similiar-posts):not(.-single-parent-flexes--content-bar-secondary *):not(.-single-parent-flexes--content-bar-secondary) {
	margin: 0;
	line-height: 1.7
}

.single-post-parent-container-comments {
	padding: 36px;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 12px -2px #00000030;
	display: block;
	border-radius: var(--largeradius)
}

.single-post-parent-container-comments>form {
	display: flex;
	flex-wrap: wrap;
	position: relative
}

.single-post-parent-container-comments>form>.alerts {
	min-width: 100%;
	flex: 1;
	margin: 0 0 30px
}

.single-post-parent-container-comments>form>.alerts>.alert.alert-danger {
	color: #b50221;
	background: #f0284a08;
	margin: 0 15px;
	width: auto
}

.single-post-parent-container-comments>h4 {
	display: block;
	font-size: 21px;
	margin-bottom: 20px
}

.-comments-form-inputs-area {
	flex: 1;
	display: flex;
	min-width: 280px;
	position: relative
}

.-comments-form-inputs-area input {
	flex: 1 1 0%;
	padding: 20px;
	font-size: 16px;
	border: 1px solid var(--border);
	color: var(--uicolor3);
	font-weight: 400;
	width: 100%;
	background: #fff;
	margin-bottom: 19px
}

.-comments-form-inputs-area input[disabled] {
	color: var(--darksecondarytext)
}

.-comments-form-inputs-area.necessary>input,
.-comments-form-inputs-area.necessary>textarea {
	border-color: var(--negative)
}

.-comments-form-inputs-area.-comments--textarea>textarea {
	min-height: 140px
}

textarea {
	display: block;
	width: 100%;
	border: 0;
	padding: 16px 14px;
	border: 1px solid var(--diver);
	flex: 1;
	min-height: 100px;
	line-height: 1.5;
	font-size: 16px;
	resize: unset;
	border-radius: var(--largeradius);
	color: var(--uicolor)
}

.-comments-form-Button-area {
	display: flex;
	flex: 1;
	justify-content: flex-end
}

.-comments-form-Button-area>button {
	padding: 15px 16px;
	border-radius: var(--miniradius);
	background: var(--textcolor);
	border: 2px solid var(--textcolor);
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	cursor: pointer
}

.-comments-form-Button-area>button>btn-icon {
	--inset-uicolor: white
}

.-single-parent-flexes--content-bar h3 .-comments-form-Button-area>button:hover>btn-icon {
	--inset-uicolor: var(--uicolor2)
}

.-singular-comments-post {
	display: flex;
	align-content: center;
	align-items: center;
	flex-wrap: wrap
}

.-insert-custom-comments .-comments-titlecontext-inner {
	margin-bottom: 40px
}

.-comments-titlecontext-inner>strong {
	display: block;
	font-size: 21px;
	line-height: 1.5;
	margin-bottom: 20px;
	font-weight: 500
}

.-comments-titlecontext-inner>p {
	font-weight: 200;
	color: var(--secondarytext);
	font-size: 17px
}

comment-counter {
	display: block;
	font-size: 18px
}

.CommentsList,
.CommentsListInner {
	position: relative;
	width: 100%
}

.CommentsListInner .ChildComments {
	display: flex;
	flex-direction: column;
	list-style: none
}

.CommentsListInner>.ChildComments {
	margin: 30px 30px 30px 0
}

.NoComments {
	font-size: 15px;
	color: var(--secondarytext)
}

.Context-Comments>p {
	font-size: 18px;
	font-weight: 200;
	line-height: 1.5
}

.Context-Comments>p>a {
	font-weight: 300;
	position: relative;
	display: inline;
	font-size: 15px
}

.Context-Comments>p>a>.showbox {
	position: relative;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-top: -4px;
	margin-inline-start: 5px
}

.ReplyCommentPreview {
	display: block;
	min-width: 500px;
	margin: 8px 15px 20px;
	flex: 1;
	position: relative;
	padding: 20px;
	padding-inline-start: 75px;
	color: var(--secondarytext);
	border: 1px solid var(--diver);
	border-radius: var(--largeradius);
	background: #fff;
	overflow: hidden;
	max-width: 100%
}

.ReplyCommentPreview>h2 {
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 5px
}

.ReplyCommentPreview>h2>i {
	margin-inline-end: 10px;
	font-weight: 300;
	font-size: 35px;
	position: absolute;
	right: 21px;
	top: 23px
}

.-comment-user-area>.NameArea {
	display: flex;
	font-size: 19px;
	line-height: 1.4;
	margin-bottom: 1px;
	font-weight: 400;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	text-transform: capitalize
}

.-comment-user-area>.NameArea>verified {
	line-height: 14px
}

.comment-status {
	display: block;
	font-weight: 200;
	font-size: 13px
}

.Bottom-comment-bar {
	display: flex;
	padding-inline-start: 20px;
	font-size: 14px;
	flex-wrap: wrap;
	align-content: center;
	align-items: center
}

.Bottom-comment-bar>ul {
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	align-content: center;
	align-items: center
}

.Bottom-comment-bar>ul>li {
	margin-inline-end: 0;
	position: relative;
	transition: 180ms;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center
}

.Bottom-comment-bar>ul>li>.comment-like-counter {
	display: block;
	letter-spacing: 1px;
	margin-inline-start: 3px
}

.Bottom-comment-bar>ul>li.disliked-multibuttons.active {
	color: var(--negative)
}

.RateComment {
	position: absolute;
	bottom: 10px;
	display: flex;
	align-items: center;
	padding: 10px 0;
	left: 20px
}

.RateComment>.RatingReview {
	direction: ltr;
	font-size: 18px;
	color: #e1e1e1;
	cursor: pointer;
	margin-inline-start: 4px
}

.RateComment>.RatingReview>i.fixedactive {
	color: #ffa700;
	font-weight: 600
}

.RateComment .product-item-info-stats-ratings>p>span.-rating-value {
	font-weight: 400;
	font-size: 18px;
	margin-inline-start: 5px
}

.RateComment>.RatingReview>i.active {
	color: #ffa700
}

.-productBox-rate-bar-average .stars-avg>.stars-avg-front {
	position: absolute;
	top: 0;
	left: 0;
	color: #ffa700;
	width: var(--percent);
	flex-wrap: inherit;
	overflow: hidden;
	justify-content: start
}

.-productBox-rate-bar-average>.stars-avg>.stars-avg-back,
.-productBox-rate-bar-average>.stars-avg>.stars-avg-front {
	display: flex;
	direction: ltr
}

.-productBox-rate-bar-average {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
	color: var(--secondarytext);
	font-size: 15px
}

.-productBox-rate-bar-average>.stars-avg {
	display: block;
	font-size: 15px;
	position: relative;
	color: #e1e1e1;
	margin-inline-end: 5px
}

.single-post-parent-container-right {
	min-width: var(--el-w);
	position: relative;
	flex: 1;
	background: #fff;
	border-radius: var(--miniradius);
	display: flex;
	flex-direction: column;
	margin-bottom: 50px
}

.single-post-parent-container-left {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	min-width: calc(100% - var(--el-w) - 30px);
	max-width: calc(100% - var(--el-w) - 30px);
	position: relative
}

.UserAvatar {
	display: block;
	position: relative;
	--poster-width: 60px;
	max-width: var(--poster-width);
	min-width: var(--poster-width);
	height: var(--poster-width);
	border: 1px solid var(--diver);
	border-radius: 50%;
	padding: 10px;
	margin-inline-end: 25px
}

.UserAvatar>img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.CommentsListInner .owl-next,
.CommentsListInner .owl-prev {
	transition: .2s;
	position: absolute;
	width: 45px;
	height: 45px !important;
	top: calc(50% - 20px);
	background: var(--uicolor);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 54px;
	color: #fff;
	font-size: 30px;
	left: 5px;
	opacity: 0;
	visibility: hidden
}

.box-block,
.call-how-box,
.custom-tabs-boxed,
verified {
	justify-content: center
}

.comment-bottom-bar-item.CommentDate {
	font-size: 15px;
	font-weight: 300;
	color: #000;
	margin-top: 10px
}

verified {
	margin-top: 9px;
	float: left;
	z-index: 1;
	position: relative;
	margin-inline-end: 3px;
	width: 16px;
	height: 16px;
	font-size: 20px;
	align-content: center;
	flex-wrap: wrap;
	color: #2c86fd;
	background: #fff
}

.search_icon i,
verified>i {
	font-weight: 900
}

.-productBox-rate-bar-average>.stars-avg>.stars-avg-back>i {
	font-weight: 300
}

.-productBox-rate-bar-average .stars-avg i {
	padding: 0 1px;
	font-size: 20px;
	font-weight: 600
}

form.CommentsFormInner>input {
	width: 100%;
	height: 50px;
	padding: 0 20px;
	font-size: 16px;
	border-radius: var(--miniradius);
	border: 1px solid #d1d9e1;
	margin: 10px 0
}

.pagesingle a h3,
ul.box-user-data li>p {
	font-size: 19px;
	font-weight: 500
}

.NoComments {
	border-radius: var(--miniradius);
	display: flex;
	background: var(--disable-button);
	color: var(--disable-text);
	font-weight: 500;
	padding: 18px 20px;
	align-items: center
}

.-single-mobile,
.works-single-parent- {
	background: #fff;
	padding: 20px
}

form.CommentsFormInner>input:focus,
form.CommentsFormInner>textarea:focus {
	border-color: #7b8189;
	box-shadow: rgba(127, 153, 179, .17) 0 0 10px
}

form.CommentsFormInner>input::placeholder,
form.CommentsFormInner>textarea::placeholder {
	color: red
}

.NoComments>i {
	margin-inline-end: 5px;
	font-size: 22px;
	margin-inline-end: 10px
}

a.LoadMoreComment {
	display: block;
	text-align: center;
	padding: 6px;
	border: 1px solid #eaedf1;
	font-family: Gulf-Text, "Be Vietnam";
	border-radius: var(--miniradius);
	color: #687682
}

ul.ChildComments {
	padding-right: 18px
}

ul.ChildComments>li {
	padding: 28px 23px
}

ul.ChildComments>li>.UserAvatar {
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 30px
}

.CommentsListInner ul.ChildComments>li>.CommentContent>.CommentDate {
	margin-bottom: 2px
}

.CommentsListInner ul.ChildComments>li>.CommentContent>.NameArea {
	font-size: 14px;
	line-height: 18px
}

.CommentsList__Title {
	font-size: 16px;
	font-weight: 700;
	margin: 27px 0
}

.CommentsList__Title>* {
	margin-inline-end: 7px
}

.CommentsListInner .coment_items1>.CommentContent>.NameArea {
	font-size: 14px;
	color: #414141
}

.CommentsListInner .coment_items1>.CommentContent>.CommentDate {
	font-size: 10px;
	line-height: 16px;
	margin-bottom: -1px;
	color: #928f8f
}

.ratingpost {
	margin: 30px 0;
	padding: 30px;
	border: 1px solid #d4d3e8
}

.ratingServise {
	padding: 20px;
	overflow: hidden;
	margin-bottom: 10px;
	display: flex;
	align-items: center
}

.ratingServise--stars-value {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-inline-start: 10px;
	line-height: 1.5
}

.ratingServise--stars-value strong {
	font-size: 18px;
	color: var(--contentcolor);
	font-weight: 300
}

.ratingServise-count>i {
	margin-inline-end: 6px;
	font-size: 15px;
	color: #f4c94f
}

.adress-call_number i,
a.phone-box i {
	margin-inline-end: 11px;
	font-weight: 300;
	color: #fff
}

.ratingServise--stars-lop i.fa-solid.fa-star {
	color: #ffc83d;
	font-weight: 700
}

.custom-tabs-boxed,
.ratingServise--stars,
.ratingServise-boxed,
.ratingServise-count {
	display: flex;
	align-items: center;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: var(--largeradius);
	border: 1px solid #d4d3e8
}

.-sldier-imageservice-box.open,
.CommentsListInner.openComment,
.popup-call.show,
.ratingServise- {
	display: block
}

.ratingServise- p {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--textcolor)
}

.logo_footer p {
	color: #fff;
	font-size: 14px
}

.logo_footer h4 {
	white-space: nowrap;
	color: #fff;
	font-size: 26px
}

.logo_footer.dt-contact {
	margin-inline-start: 0;
	flex-direction: column
}

.contact-info-right {
	flex: 1;
	min-width: 300px;
	max-width: 370px
}

.text-footer {
	display: flex;
	font-weight: 500;
	color: var(--color_text);
	margin-bottom: 14px;
	font-size: 20px;
	position: relative;
	width: max-content
}

.contact,
a.contact h3 {
	font-weight: 300;
	display: flex
}

.pagesingle,
.pagevideo {
	margin-bottom: 30px;
	overflow: hidden;
	background: #fff;
	border-radius: var(--miniradius);
	border: 1px solid var(--diver)
}

.contact {
	font-size: 21px;
	color: #fff;
	line-height: 1.5;
	align-items: center;
	padding-bottom: 15px
}

.contact h3 {
	font-size: 14px;
	align-items: center;
	margin-bottom: 6px;
	color: #fff
}

.contact-map {
	flex: 1;
	display: block
}

.pagevideo {
	display: block;
	height: 300px
}

.pagevideo iframe {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
	display: block
}

.pagesingle a {
	padding: 20px;
	display: block;
	text-align: center
}

.works-single-parent- {
	border-radius: var(--largeradius);
	box-shadow: var(--box-shadow);
	overflow: hidden
}

.works-single-title- {
	display: block;
	margin: 20px 0
}

.works-single-title- h1 {
	font-size: 30px;
	font-weight: 400;
	color: #000
}

.works-single-img- {
	display: flex;
	border-radius: var(--miniradius);
	width: unset;
	position: relative;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	z-index: 9;
	margin: 0 -10px
}

.popup_image img,
.works-single-img- img {
	position: relative;
	display: block;
	min-width: 100%;
	height: 100%;
	border-radius: var(--miniradius)
}

.box-user {
	max-width: 100%;
	margin-top: 19px
}

.user-data-title- h3 {
	font-size: 27px;
	font-weight: 400;
	color: #000
}

ul.box-user-data {
	padding: 19px;
	display: flex;
	flex-direction: column;
	border-radius: var(--miniradius);
	margin-top: 18px;
	border: 1px solid #cfc3c3;
	max-width: 620px
}

.CategoryGrid__Item:hover span.icon-cat {
	background: #fff;
	color: var(--uicolor);
	transform: scale(1.5);
	border-color: #fff
}

ul.box-user-data li {
	display: flex;
	justify-content: space-between;
	padding: 8px 8px 25px;
	border-bottom: 1px solid #e5edff
}

.-works,
.-works-info-box {
	flex: 1;
	position: relative;
	overflow: hidden
}

ul.box-user-data li>p {
	text-align: right;
	color: #3a3939
}

ul.box-user-data li>span {
	text-align: right;
	font-size: 20px;
	color: #000;
	font-weight: 500
}

.-works {
	min-width: 430px;
	max-width: 100%;
	transition: 250ms;
	border-radius: var(--largeradius);
	height: 180px
}

.-works:after,
.-works:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(267deg, #272f41 50%, #272f4100);
	inset: 0;
	z-index: 1;
	opacity: .6
}

.-works-info {
	display: flex;
	flex-direction: column;
	transition: var(--transition)
}

.-works-ThumbBox span p {
	color: var(--uicolor);
	font-size: 16px;
	font-weight: 400
}

.works-title-model h3 {
	display: flex;
	position: relative;
	width: 100%;
	transition: .3s;
	font-size: 20px;
	font-weight: 400;
	color: #fff
}

.service-works>span {
	font-size: 15px;
	color: #000;
	font-weight: 300
}

span.service- {
	margin-bottom: 6px;
	display: block
}

.works-title-model {
	display: block;
	margin-bottom: 14px
}

ul.box-widght-data {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	max-height: 101px
}

ul.box-widght-data li {
	display: flex;
	align-items: center;
	height: 100%;
	padding-bottom: 11px
}

ul.box-widght-data li:before {
	content: "";
	width: 7px;
	height: 7px;
	position: relative;
	background: #ebe9e9;
	margin-inline-end: 11px;
	border-radius: 50%
}

ul.box-widght-data li:last-child {
	margin-bottom: 0;
	border: 0;
	padding-bottom: 0
}

ul.box-widght-data li span {
	text-align: right;
	font-size: 13px;
	color: #f6f6f6;
	font-weight: 500;
	flex: 1;
	margin-inline-start: 10px
}

.-works-ThumbBox {
	overflow: hidden;
	position: relative
}

.-single-mobile {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	margin-bottom: 20px;
	box-shadow: 0 0 8px 0 #18161621;
	position: relative;
	position: sticky;
	top: 79px;
	z-index: 2
}

.sidebar-img,
.sidebar-img:before {
	height: 100%;
	right: 0;
	top: 0;
	width: 100%;
	bottom: 0;
	left: 0
}

a.phone-box {
	position: relative;
	background: var(--uicolor);
	min-width: max-content;
	max-width: max-content;
	padding: 7px 20px
}

.adress-call_number {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	position: relative;
	justify-content: center
}

.adress-call_number i {
	font-size: 29px
}

a.phone-box i {
	font-size: 34px;
	transform: rotateY(180deg)
}

.sidebar-img {
	position: absolute;
	z-index: 0
}

.box-block {
	position: absolute;
	width: 390px;
	top: 50%;
	left: 50%;
	padding: 22px;
	border-radius: 35px;
	flex-direction: column;
	align-items: center;
	background: #fff;
	box-shadow: 0 12px 20px 0 rgb(0 0 0 / 4%), 0 2px 4px 0 rgb(0 0 0 / 2%), inset 0 0 0 1px rgb(255 255 255 / 60%);
	display: flex
}

.sidebar-img:before {
	content: "";
	position: absolute;
	background: linear-gradient(rgb(2 10 48 / 66%), rgb(1 4 22 / 88%) 100%, rgb(1 6 34))
}

.sidebar-title h2 {
	color: #000;
	font-size: 23px;
	font-weight: 500
}

a.phone-box .call_number p {
	font-size: 30px;
	color: #fff
}

.call-how-box {
	display: flex;
	max-width: 50% !important;
	margin: auto !important
}

.call-how-box a {
	margin-inline-end: 11px !important;
	justify-content: center;
	align-items: center
}

.call-how-box a i {
	margin-inline-end: 7px !important;
	color: #fff !important
}

.CategoryGrid__Head>a {
	display: flex;
	z-index: 2;
	align-items: center;
	width: 100%
}

.CategoryGrid__Head>a::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	right: 15px;
	transition: 50ms;
	z-index: -1
}

.CategoryGrid__Head>a>h2 {
	flex: 1 1 0%;
	z-index: 1;
	color: var(--bgcatgrid)
}

.CategoryGrid__Item {
	margin: 15px;
	flex: 1;
	min-width: 100%;
	cursor: pointer;
	max-width: 100%;
	background-color: #fff;
	border-style: none;
	transition: .4s;
	border-radius: var(--largeradius);
	border: 1px solid rgb(249 251 254);
	display: flex;
	overflow: hidden;
	padding: 0;
	box-shadow: 0 2px 13px #1f1e8708;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.YC-Secondery-Categoryes-boxed .CategoryGrid__Item {
	min-width: 320px;
	max-width: 418px;
	margin: 0
}

.CategoryGrid__Item:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
	opacity: .7;
	pointer-events: none
}

benfit:hover {
	transform: translate3d(0, -10px, 0);
	background: #fff;
	border-color: transparent;
	box-shadow: var(--box-box-shadow-hover)
}

.CategoryName a {
	font-size: 22px;
	text-align: right;
	color: var(--uicolor);
	margin-bottom: 14px;
	display: block;
	font-weight: 500
}

.YC-intro-Category-Item .CategoryName h2 {
	margin-bottom: 9px;
	font-size: 18px;
	font-weight: 500;
	transition: .2s;
	color: #f4f8ff
}

.icon-title {
	width: 50px;
	height: 50px
}

.CategoryGrid__Item:hover .icon-title img {
	transform: scale(1.03)
}

.icon-title img {
	height: 100%;
	width: 100%;
	transition: .2s
}

.-CategoryGrid__AvataIcon p {
	color: var(--secondarytext);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
	overflow: hidden;
	transition-duration: .75s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.popup-call {
	left: 0;
	bottom: 0;
	width: 100%;
	box-shadow: 0 2px 5px rgb(0 0 0 / 27%);
	overflow: hidden;
	z-index: 999999;
	height: 100%;
	transition: .2s;
	display: none;
	position: fixed;
	background: #00000057
}

span.closepopup {
	position: absolute;
	left: 10px;
	background: #ff00007a;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 10px;
	border-radius: 50%;
	cursor: pointer;
	transition: .2s
}

span.closepopup i {
	font-size: 24px;
	color: #fff
}

popup-title--box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-bottom: 20px
}

popup-title--box h2 {
	margin-bottom: 10px;
	color: var(--textcolor);
	font-size: 26px;
	font-weight: 500
}

popup-title--box p {
	font-size: 15px;
	font-weight: 400;
	color: var(--contentcolor);
	text-align: center
}

.popup-boxnumber a {
	padding: 11px 20px;
	border-radius: var(--largeradius);
	font-size: 21px;
	flex: 1;
	text-align: center;
	margin: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .2s;
	border: 1px solid var(--uicolor)
}

.popup-boxnumber a i {
	margin-inline-end: 10px;
	font-size: 20px;
	font-weight: 300;
	color: #4e4a4a;
	transition: .2s
}

.popup-boxnumber a strong {
	white-space: nowrap;
	color: #fff;
	font-weight: 400;
	font-size: 18px
}

.popup-call .popup-boxnumber strong {
	color: var(--textcolor);
	font-weight: 500;
	transition: .2s
}

.popup-boxnumber {
	display: flex;
	align-items: center;
	position: relative
}

.popup-call .popup-boxnumber {
	margin: -5px
}

.works-single-parent- .works-single-img- {
	height: 480px
}

span.closepopup:hover {
	transform: scale(1.09);
	background: #f54040
}

how-we-call {
	display: block;
	padding: 20px 20px 35px !important;
	border: var(--border-defult);
	border-radius: var(--largeradius)
}

.popup-boxed {
	display: flex;
	flex-direction: column;
	align-items: center
}

.popup-boxed svg-box {
	display: flex;
	font-size: 55px;
	margin-bottom: 17px;
	--el-w: 125px;
	width: var(--el-w);
	height: var(--el-w);
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: var(--uicolor);
	padding: 15px;
	position: relative;
	box-shadow: 0 12px 20px 0 rgb(0 0 0 / 4%), 0 2px 4px 0 rgb(0 0 0 / 2%), inset 0 0 0 1px rgb(255 255 255 / 60%)
}

.adress-call_number .dt-contact p {
	color: #000;
	font-size: 19px
}

.number-post {
	border-radius: var(--largeradius);
	margin-bottom: 30px
}

.number-yu .sidebar-title {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column
}

.number-yu .sidebar-title h2 {
	font-size: 22px;
	text-align: center;
	font-weight: 500
}

.ratingServise--stars i {
	color: var(--contentcolor)
}

.ratingServise--stars>span {
	color: var(--secondarytext);
	font-weight: 400
}

.slider-intro {
	display: flex;
	align-items: center;
	min-width: 100%;
	justify-content: space-between
}

.btn {
	transition: 180ms;
	cursor: pointer
}

.-GridItem-2-info {
	flex-wrap: wrap;
	z-index: 1;
	width: 100%;
	text-align: center;
	position: relative;
	background: #fff;
	box-shadow: #f2f2ff 0 5px 19px inset;
	flex-direction: column;
	transition: .5s;
	display: flex;
	align-items: center;
	justify-content: center
}

.contact-info svg-phone {
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	margin-inline-end: 20px;
	font-size: 37px;
	font-weight: 400;
	border-radius: 50%;
	border: 4px solid #fff;
	color: var(--uicolor);
	text-align: center
}

span.comments_number i {
	transform: rotate(65deg);
	position: relative;
	display: flex
}

.CommentsList__Title.clickcomment i {
	transform: rotate(90deg)
}

.menu-barbox {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 12px
}

.-GridItem-4-ThumbBox {
	height: 150px;
	overflow: hidden;
	width: 100%;
	position: relative;
	margin-bottom: 15px;
	border: 2px solid var(--border)
}

.btn-phone,
.btn-phone a:after,
.btn-phone a:before {
	border-color: #a11e1e
}

.-GridItem-4-ThumbBox a {
	width: 100%;
	height: 100%;
	position: relative;
	font-size: 11px;
	padding: 2px 0
}

.-GridItem-4-category-Item {
	position: absolute;
	top: 10px;
	left: 10px;
	background: var(--uicolor);
	padding: 8px
}

.title-contact .title-text {
	display: flex;
	justify-content: space-between;
	flex-direction: column
}

.s-price-contact .title-text {
	align-items: flex-start;
	margin-bottom: 30px
}

.btn-whatsapp span {
	padding: 0 16px
}

.btn-whatsapp .footer-header {
	animation: none;
	display: flex
}

.item-imagecover- {
	height: 100%;
	width: 100%
}

ul.single-bar {
	display: flex;
	margin-top: 10px;
	flex-wrap: wrap;
	padding: 10px;
	background: linear-gradient(-45deg, #f5f5f5, transparent)
}

ul.single-bar li {
	display: flex;
	margin-inline-end: 10px;
	align-items: center
}

ul.single-bar li i {
	margin-inline-end: 6px;
	font-size: 18px
}

ul.single-bar li span {
	font-size: 17px
}

ul.single-bar li a {
	color: var(--uicolor);
	font-size: 19px;
	font-weight: 400
}

ul.single-bar li p {
	color: var(--uicolor);
	font-size: 16px
}

ul.single-bar li>span {
	margin-inline-end: 4px;
	font-size: 16px;
	color: var(--secondarytext)
}

allrights-seo span {
	font-size: 15px;
	display: flex;
	color: #fff;
	font-weight: 300
}

allrights-seo:after {
	content: "";
	width: 1px;
	height: 24px;
	background: #fff;
	margin-inline: 9px
}

.custom-tabs-boxed>.custom-tabs_shaps {
	background: var(--border);
	margin: 10px;
	padding: 5px 19px;
	border-radius: var(--miniradius);
	font-size: 18px;
	color: #000;
	transition: .2s;
	cursor: pointer
}

.custom-tabs-boxed>.custom-tabs_shaps:hover {
	background: #ffebaa
}

.menu-boxed {
	flex: 1 1 0%;
	padding: 0 10px;
	height: 60px;
	background: #fff8e0;
	border-radius: var(--miniradius);
	display: flex;
	align-items: center
}

.post-model-1,
.rating-title.postgrid-title {
	margin-bottom: 30px
}

.city-slider {
	width: 100%;
	position: relative;
	border-radius: 14px;
	overflow: hidden
}

.rating-title.postgrid-title {
	margin-bottom: 0
}

.owl-nav>div.owl-prev {
	left: 5px;
	--tran-x: 40px
}

.contact-box {
	flex: 1;
	height: 100%;
	min-width: 260px
}

.popup-boxed svg-box i {
	color: #e7223c
}

.btn-phone {
	background: #a11e1e
}

i.fa-thin.fa-phone-volume {
	color: #a11e1e
}

.titles_concept-boxed {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.titles_concept-boxed .titles_concept {
	width: auto;
	margin-top: 0;
	margin-bottom: 0
}

@keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-800px);
		-ms-transform: translateX(-800px);
		transform: translateX(-800px)
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-800px);
		transform: translateY(-800px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		transform: translateY(-800px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(800px);
		transform: translateY(800px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(800px);
		-ms-transform: translateY(800px);
		transform: translateY(800px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-800px);
		transform: translateX(-800px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-800px);
		-ms-transform: translateX(-800px);
		transform: translateX(-800px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(800px);
		transform: translateX(800px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(800px);
		-ms-transform: translateX(800px);
		transform: translateX(800px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

breadcrumb>ol,
tbody {
	border-radius: 50px
}

.-img-ThumbBox-box,
.MoreImage {
	min-width: 90px;
	height: 90px;
	max-width: 100px;
	margin: 6px;
	display: flex
}

.rating-head-box h2 {
	font-size: 20px;
	font-weight: 500;
	flex: 1
}

.CategoryGrid__Item.YC-Animation-Item a {
	display: flex;
	overflow: hidden
}

span.-rating-label {
	font-weight: 400;
	font-size: 15px;
	margin-inline-start: 5px
}

.-img-ThumbBox-box {
	flex: 1;
	transition: .2s;
	overflow: hidden
}

.MoreImage span:active {
	background: var(--uicolor2);
	transform: scale(1.02)
}

.-sldier-imageservice-box {
	position: fixed;
	right: 0;
	left: 0;
	background: #0f29352e;
	top: 0;
	bottom: 0;
	flex-wrap: wrap;
	display: none
}

.-img-imageservice-items {
	width: 100%;
	display: flex;
	height: 345px;
	overflow: hidden
}

.-img-imageservice-items img {
	height: 100%;
	display: block;
	width: 100%
}

.-sldier-imageservice-two-box {
	width: 590px;
	position: fixed;
	margin: auto !important;
	transform: translate(-50%, -50%);
	top: 56%;
	right: 0;
	left: 50%;
	background: #fff;
	padding: 20px;
	height: 380px
}

.faq-section.active .icon_faq i {
	transform: rotate(180deg);
	color: var(--uicolor);
	background: var(--bkground)
}

.-single-parent-flexes--content-inner-thumb breadcrumb {
	justify-content: start;
	margin-bottom: 30px
}

breadcrumb>ol {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	flex-wrap: wrap;
	line-height: 1.8
}

.-sldier-imageservice-two-box i {
	display: flex;
	position: absolute;
	left: -17px;
	background: #ffecec;
	width: 35px;
	height: 35px;
	z-index: 2;
	align-items: center;
	justify-content: center;
	top: -10px;
	color: var(--uicolor);
	font-size: 24px;
	cursor: pointer;
	transition: .2s
}

.titles_concept>span,
.work_image {
	align-items: center;
	position: relative;
	display: flex
}

.work_image {
	height: 190px;
	background: #fafafa;
	margin: 10px;
	justify-content: center;
	flex: 1;
	min-width: 150px
}

.-sldier-imageservice-two-box i:hover {
	background: #e07266;
	color: #fff;
	transform: scale(1.03)
}

.faq-img img {
	width: 100%;
	height: 100%;
	border-radius: var(--largeradius)
}

li.site p {
	font-size: 13px;
	font-weight: 300;
	color: #fff
}

.faq-section2.faq-model .faq-info {
	width: 100%;
	max-width: 100%
}

.d-flex2 {
	flex-wrap: wrap;
	display: flex;
	overflow: hidden;
	margin: 20px -15px;
	width: -webkit-fill-available;
	justify-content: center
}

div#counters:after {
	margin: 0 !important;
	min-height: 100vh;
	--size: 50px;
	perspective: 1000px;
	--line: color-mix(in lch, canvasText 25%, #c12222)
}

.Contain-post- {
	width: 100%
}

table th {
	padding: 15px 30px !important;
	text-align: right
}

breadcrumb {
	display: flex;
	margin: auto auto 10px;
	justify-content: center;
	align-items: center;
	width: max-content
}

Breadcrumb i {
	padding: 0 8px;
	line-height: 11px;
	font-weight: 700
}

Breadcrumb li:first-child i {
	padding-inline-start: 0
}

.contact_whats p {
	font-weight: 500;
	margin-top: 6px;
	font-size: 14px
}

.titles_concept>span {
	line-height: 1.4;
	font-size: 20px;
	color: var(--uicolor2);
	border-radius: 30px;
	font-weight: 500;
	margin-bottom: 15px;
	flex-direction: column;
	padding-inline-start: 40px;
	width: max-content;
	margin-inline: auto
}

.titles_concept>span:after,
.titles_concept>span:before {
	position: absolute;
	content: '';
	background-color: var(--uicolor2);
	right: 0;
	height: 2px;
	width: 30px;
	top: auto;
	bottom: 6px
}

.titles_concept>span:after {
	width: 21px;
	top: auto;
	bottom: 14px
}

.footer_menu ul li em {
	margin-inline-end: 3px
}

.-search-page--content .-Breadcrumb-SingularPost {
	padding-top: 0
}

.-single-parent-post--sidebar.single-mobile .-works {
	min-width: 250px;
	padding: 0;
	border: none;
	box-shadow: none;
	margin: 15px 0
}

chartterelement {
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0
}

.footer-header i {
	color: #fff;
	font-size: 34px
}

.-Posts-grid.loader .GridItem-2-title-model a h3 {
	height: 30px;
	border-radius: var(--miniradius)
}

.page-concept:before {
	content: ""
}

.features:hover benfit:before {
	transform: scaleY(0);
	transform-origin: top
}

.-TitleContent-section h3,
.sidebar-title h3 {
	color: var(--textcolor);
	align-items: center;
	display: flex
}

p.card-text {
	margin-bottom: 8px;
	font-weight: 400;
	font-size: 14px
}

.number-title h2 {
	border-bottom: 1px dashed var(--uicolor)
}

.all-cat1 a {
	border-bottom: 1px solid var(--diver)
}

.sidebar-title h3 {
	font-size: 20px;
	font-weight: 500;
	position: relative
}

.cat-select2 i,
.item-icon {
	border-radius: 50%;
	display: flex
}

.single-.CategoryBox:before {
	right: 0;
	border-radius: var(--largeradius);
	background-repeat: no-repeat;
	background-image: url(./img/shape-8.png);
	z-index: -1
}

.item-icon {
	--wc: 50px;
	background-color: var(--textcolor);
	position: absolute;
	top: -52px;
	left: 25px;
	z-index: 4;
	box-shadow: 0 1px 21px 0 rgba(186, 186, 186, .4);
	transition: .3s ease-out;
	align-items: center;
	justify-content: center
}

.-works-info-box svg,
.BG--Pattern,
.svg-content,
.svg-content svg {
	width: 100%;
	position: absolute
}

.item-icon i {
	font-size: 26px;
	color: #fff;
	font-weight: 300
}

.svg-content {
	top: -70px;
	left: 0
}

.-YC-Loader-Cover,
.-YC-Loader-Css:before {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0
}

.-GridItem-1-ThumbBox .-YC-Loader-Cover {
	min-height: 190px;
	z-index: 2;
	border-radius: var(--largeradius);
	overflow: hidden
}

.svg-content svg {
	transform: scale(1.056)
}

svg.bottom-svg {
	position: absolute;
	top: 7px
}

svg.bottom-svgw {
	position: absolute;
	top: 16px
}

.loadmore svg {
	fill: white;
	animation: 1.5s ease-in-out infinite rotate, 6s ease-in-out infinite color
}

.-works-info-box svg {
	left: -2px;
	bottom: -3px;
	transform: rotatey(180deg)
}

.ArticleDetails_right {
	display: flex;
	text-align: center;
	--width-heads: 90%;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
	flex: 1;
	padding: 25px;
	border-radius: var(--largeradius);
	min-width: 270px;
	box-shadow: var(--box-shadow);
	margin-inline-end: 20px;
	position: sticky;
	top: 40px;
	margin-bottom: 0
}

.s-price-bottom .social--footer>a {
	border: 1px solid var(--border)
}

.cat_title_boxed svg {
	position: absolute;
	left: -2px;
	bottom: 64px;
	width: 104%;
	fill: #fff;
	height: 100%;
	transform: rotate(-2deg) rotateX(54deg) rotateY(181deg)
}

c--color {
	position: relative;
	padding-inline: 5px
}

c--color svg {
	width: 99px;
	position: absolute;
	bottom: -20px;
	left: 40px
}

.LoaderPostsRelaterIndex-box,
.cities-inner h1,
.works_Single .-GridItem-3,
div#counters {
	padding: 0
}

.-single-parent-flexes--content-inner breadcrumb {
	justify-content: start;
	margin: 0 0 15px
}

.single-post-parent-container-thumbnail {
	display: flex;
	justify-content: center;
	border-radius: var(--largeradius);
	overflow: hidden;
	background: #1330524f
}

.single-post-parent-container-thumbnail img {
	width: auto;
	height: auto
}

.-YC-Loader-Css:before {
	content: '';
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeholder;
	animation-timing-function: linear;
	background: #eee;
	background: linear-gradient(to right, #f9f9f9 8%, #fbfbfb 18%, #f9f9f9 33%);
	background-size: 1200px 100px;
	min-height: 100%;
	z-index: 1;
	border-radius: inherit
}

@keyframes placeholder {
	0% {
		background-position: 600px 0
	}

	100% {
		background-position: -600px 0
	}
}

.btn-search i,
.number-post>.number-title>h3,
.number-title>h3 {
	font-size: 20px;
	font-weight: 500
}

.number-title {
	max-width: 130px
}

.ratingServise--stars-lop {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	font-size: 20px
}

.-single-parent-post--sidebar .category {
	padding: 30px 30px 0;
	border: 1px solid var(--diver);
	border-radius: var(--largeradius);
	margin-bottom: 30px
}

post--features post-features--blocks features--block>img {
	min-width: 130px;
	height: 120px;
	border-radius: var(--largeradius);
	border: 1px solid var(--border);
	max-width: 130px !important;
	margin: inherit !important
}

.Single--SideBar--AreaLabel {
	padding: 20px
}

.LoaderPostsRelaterIndex-1 {
	margin: 10px 0 0;
	flex-direction: column
}

.Single--SideBar--AreaLabel .-GridItem-1 .-GridItem-1-ThumbBox {
	height: 195px
}

.popup-boxed svg {
	display: flex;
	width: 65px;
	justify-content: center;
	height: 65px;
	fill: var(--secondarytext);
	transition: .2s
}

a.popup-phone {
	border: 1px solid var(--uicolor)
}

.box-price.featuer .left_price h3,
a.popup-phone:hover i,
a.popup-phone:hover strong {
	color: #fff
}

a.popup-phone i {
	transform: rotate(204deg)
}

a.popup-whatsapp:hover {
	background: var(--background_button)
}

.box-block:hover .popup-boxed svg {
	width: 85px;
	height: 85px;
	fill: var(--uicolor)
}

.Model-YC-Box {
	border: 1px solid #d1ccc9;
	padding: 30px;
	border-radius: 20px;
	max-width: 660px
}

.MapsYCBox h1 {
	font-size: 28px;
	font-weight: 600;
	margin: 8px 0
}

.MapsYCBox breadcrumb {
	margin: initial;
	justify-content: right
}

.Maps-section {
	border-radius: 20px;
	border: 1px solid #e5d0d0;
	padding: 25px;
	height: 436px;
	background: #fff;
	flex: 1;
	margin-inline-start: 25px
}

.Maps-section h2 {
	margin-bottom: 27px;
	font-weight: 600;
	font-size: 26px;
	color: var(--textcolor)
}

.Maps-section iframe {
	border-radius: 20px;
	position: relative;
	width: 100%;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%
}

.model-maps-YC {
	display: block;
	position: relative;
	margin-top: 69px;
	margin-bottom: 50px;
	padding-top: 70px
}

.model-maps-YC .container,
.rating-body,
.s-price-bottom,
p.-common-keywords {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.model-maps-YC .container {
	align-items: flex-start
}

.seriver_model_bhaa .s-price-bottom {
	display: flex;
	align-items: flex-start
}

.Maps-items-YC {
	height: 319px;
	position: relative;
	width: 100%
}

.-setup-price-block-owl .price-block {
	opacity: 0;
	--el-w: 329px;
	position: relative;
	min-width: var(--el-w);
	max-width: var(--el-w)
}

.loadmore.isloader i,
.price-block.price_slider .owl-nav,
.single-post.pages .-TitleContent-section {
	display: none
}

.price-block .owl-next,
.price-block .owl-prev {
	opacity: 0;
	visibility: hidden;
	left: 27px
}

.CommentsList:hover .CommentsListInner .owl-next,
.CommentsListInner .owl-prev,
.price-block:hover .owl-next,
.price-block:hover .owl-prev,
.works-slider-setup:hover .owl-nav>.owl-next,
.works-slider-setup:hover .owl-nav>.owl-prev {
	opacity: 1;
	visibility: visible
}

.-setup-price-block-owl {
	position: relative;
	overflow: hidden;
	padding: 15px 19px;
	margin-inline: -17px;
	margin-bottom: -50px
}

.active .Intro-slider-master--singleposts {
	transform: translateY(0);
	visibility: visible;
	opacity: 1
}

.-setup-price-block-owl .box-price {
	min-width: 100%;
	max-width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	box-shadow: var(--box-shadow-defult);
	border-radius: var(--largeradius);
	transition: .2s
}

.-setup-price-block-owl .box-price:hover {
	background: #fff;
	transform: translate(0, -8px);
	border-color: transparent
}

.--first--conatiner.Intro-slider-Container .ButtonConcept.whatsapp a:before,
.-Posts-parent-flexes--content .icon-title,
.box-price.featuer .list_services_price ul li:before,
.box-price.featuer:before,
.btn-search {
	background: var(--uicolor2)
}

.box-price.featuer .ButtonConcept a {
	background: var(--uicolor2);
	color: #fff;
	border: none
}

.box-price.featuer .ButtonConcept a:hover:after {
	background-image: linear-gradient(to right, transparent, rgb(203 221 253 / 40%), transparent)
}

.box-price.featuer:before {
	top: 43px
}

.-container-model-boxed,
.left_price {
	display: flex;
	flex-direction: column
}

.auto-container-model {
	border-radius: 20px;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 30px;
	border: 1px solid var(--diver);
	display: flex;
	flex-direction: column;
	background: #fff
}

.-comment-contentarea,
.items-model-Grid,
.model-title,
.model-title span {
	margin-bottom: 20px
}

.model-title span {
	font-size: 28px;
	font-weight: 400;
	line-height: 1.6;
	text-align: center
}

.items-Grid-box {
	margin-inline-start: 20px
}

.items-Grid-box a p {
	font-size: 18px;
	font-weight: 500;
	transition: .2s
}

.contact-info>a i,
.image_price i,
span.first_title svg {
	color: var(--uicolor)
}

.-GridItem-3:last-child {
	border-bottom: 0
}

.full-width a.contact-us-btn {
	margin: auto
}

.works-slider-setup {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px
}

.works-slider-setup>.owl-nav>.owl-next,
.works-slider-setup>.owl-nav>.owl-prev {
	opacity: 0;
	visibility: hidden
}

span.first_title svg {
	width: 26px;
	margin-inline-end: 8px
}

.icon-title i {
	font-size: 22px !important
}

.btn-phone .footer-header:before {
	border-color: transparent var(--uicolor) transparent transparent
}

.btn-whatsapp .footer-header:before {
	border-color: transparent #02960e transparent transparent
}

.images_features>i {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--largeradius);
	color: var(--color);
	line-height: 1;
	transition: 250ms;
	font-size: 54px;
	font-weight: 300 !important;
	z-index: 1;
	opacity: .03
}

.Loading--Context---overlays>em::after,
.title--Context---overlays>loader::after,
span.Close--title---Context----overlays::after {
	right: 0;
	height: 100%;
	background: var(--hover-overlay);
	width: 100%;
	top: 0;
	content: ""
}

.coment_items1:last-child .CommentContent,
.list_services_price ul li:last-child,
.share .-TitleContent-section {
	margin-bottom: 0
}

.box-price.featuer .image_price {
	background: #fff;
	color: #153254
}

.-SeconderyCategoryes--GridItems {
	display: flex;
	flex-wrap: wrap;
	min-width: 304px;
	max-width: 301px;
	padding-bottom: 20px
}

.-SeconderyCategoryes--GridItems .owl-nav {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin: 0 auto
}

.-SeconderyCategoryes--GridItems .owl-next,
.-SeconderyCategoryes--GridItems .owl-prev {
	position: absolute;
	bottom: 0;
	top: auto;
	right: auto;
	left: auto;
	color: #7f7f7f;
	border-color: #6e6e6e;
	width: 45px;
	height: 45px;
	font-size: 21px
}

.-SeconderyCategoryes--GridItems .owl-prev {
	right: 0
}

.-SeconderyCategoryes--GridItems button.owl-next {
	right: -59px
}

.-SeconderyCategoryes--GridItems .CategoryGrid__Item {
	max-width: 100%;
	min-width: 100%;
	margin: 0
}

.-GridItem-1-info .GridItem-1-title-model p {
	color: var(--darksecondarytext);
	line-height: 1.7;
	font-size: 15px;
	flex: 1;
	display: flex;
	font-weight: 400
}

.work_image p {
	position: absolute;
	z-index: 9;
	color: #fff;
	font-size: 41px
}

.image_background {
	content: '';
	position: absolute;
	background: #0633684a;
	width: 100%;
	height: 100%;
	display: flex;
	border-radius: var(--miniradius);
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.Context--overlays {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	perspective: 1000px;
	z-index: 10999;
	height: 100%;
	background: #1330522b
}

.Context--overlays.loading>.Boxed--Context---overlays,
.single-comments-comments {
	width: 100%;
	margin-top: 20px
}

.Context--overlays.loading>.Boxed--Context---overlays {
	width: 100%;
	max-height: 200px
}

.-GridItem-1-ThumbBox img {
	transition: .5s;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.Parent-Boxed--Context---overlays {
	position: relative;
	background: #fff;
	box-shadow: 0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1), inset 0 0 0 1px var(--shadow-inset);
	border-radius: var(--largeradius);
	transition: .2s all var(--transition-timing-in);
	display: flex;
	flex-wrap: wrap
}

.Parent-Boxed--Context---overlays.--ActionType--Login {
	width: 480px
}

.Parent-Boxed--Context---overlays.-Current-popover-item {
	animation: popover-out-animation var(--animation-duration);
	opacity: 0
}

@keyframes popover-out-animation {
	100% {
		opacity: 0;
		transform: translateX(-2000px) scale(.7)
	}

	20% {
		opacity: .7;
		transform: translateX(0) scale(.7)
	}

	0% {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes popover-in-animation {
	100% {
		opacity: 1;
		transform: scale(1)
	}

	20% {
		opacity: .7;
		transform: translateX(0) scale(.7)
	}

	0% {
		opacity: .7;
		transform: translateX(2000px) scale(.7)
	}
}

.Boxed--Context---overlays {
	min-width: 500px;
	max-width: 500px;
	position: relative;
	transition: .3s;
	direction: rtl;
	margin: 0 auto;
	display: flex;
	flex-flow: column wrap;
	flex: 1 1 0%;
	flex-direction: column;
	flex-wrap: nowrap
}

.OverParent-Boxed--Context---overlays {
	padding: 0 40px;
	position: absolute;
	top: 0;
	right: 50%;
	height: 100%;
	transform: translate(50%, 0)
}

.title--Context---overlays {
	position: relative;
	padding: 40px 40px 30px;
	display: flex;
	place-content: center space-between;
	align-items: center;
	flex-wrap: wrap;
	border-radius: var(--largeradius) var(--largeradius) 0 0;
	justify-content: flex-end;
	width: 100%
}

.Close--title---Context----overlays {
	border-radius: 50%;
	text-align: center;
	display: flex;
	place-content: center;
	align-items: center;
	flex-wrap: wrap;
	cursor: pointer;
	z-index: 1;
	font-size: 24px;
	transition: 180ms
}

.Close--title---Context----overlays.absolute--closse {
	position: absolute;
	left: 25px;
	top: 25px
}

.Close--title---Context----overlays:hover {
	color: var(--negative)
}

.title--Context---overlays>strong {
	font-size: 25px;
	flex: 1 1 0%;
	font-weight: 400;
	color: var(--box-text-color)
}

.--ActionType--Media-library .title--Context---overlays>strong {
	flex: unset
}

.title--Context---overlays>strong.center {
	display: block;
	text-align: center;
	margin-left: -44px;
	font-size: 20px
}

@keyframes loaderbg {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.title--Context---overlays>loader::after {
	position: absolute;
	opacity: 0;
	border-radius: 50px;
	animation: 2s infinite loaderbg
}

.title--Context---overlays>loader {
	display: block;
	height: 22px;
	background: var(--bghover);
	border-radius: 50px;
	width: 120px;
	position: relative;
	flex: 1 1 0%;
	margin-inline-end: 30px
}

span.Close--title---Context----overlays::after {
	position: absolute;
	opacity: 0;
	border-radius: 50%;
	transition: .2s all var(--transition-timing-in)
}

.inner--Context---overlays {
	padding: 0 40px;
	position: relative;
	min-height: 90px;
	flex: 1 1 0%;
	justify-content: center;
	margin-bottom: 40px;
	flex-wrap: wrap;
	overflow: hidden;
	width: 100%
}

.inner--Context---overlays>form {
	display: flex;
	flex: 1 1 0%;
	padding: 0;
	flex-direction: column
}

.Loading--Context---overlays>em::after {
	position: absolute;
	opacity: 0;
	border-radius: 50px;
	animation: 2s .4s infinite loaderbg
}

.Loading--Context---overlays>em:last-child::after {
	animation: 2s .4s infinite loaderbg
}

.Loading--Context---overlays {
	width: 100%;
	margin-top: 10px
}

.Loading--Context---overlays>em {
	display: block;
	height: 22px;
	background: var(--bghover);
	border-radius: 50px;
	margin-bottom: 15px;
	position: relative
}

.Context--overlays.loading-popover-for--Login .Loading--Context---overlays>em {
	width: 210px;
	margin: 0 auto 15px;
	height: 28px
}

.Context--overlays.loading-popover-for--Login .Loading--Context---overlays>em:nth-child(2),
.Context--overlays.loading-popover-for--Login .Loading--Context---overlays>em:nth-child(3) {
	width: auto;
	height: 20px
}

.Loading--Context---overlays>em:last-child {
	width: 190px;
	margin-bottom: 0
}

.OverParent-Innet--Context {
	max-height: calc(100% - 50px);
	top: 50%;
	transform: translate(0, -50%);
	display: flex;
	position: relative;
	justify-content: center
}

.login--icon--lord {
	margin: 40px auto;
	display: block;
	max-width: max-content;
	border-radius: 50%;
	padding: 20px;
	background: #31a24c0f
}

.Context--overlays.loading-popover-for--error .login--icon--lord {
	border-color: var(--negative);
	background: #db113308
}

.-login-popover-field-title {
	padding: 0 40px;
	text-align: center
}

[customscroller]::-webkit-scrollbar {
	width: 5px;
	height: 4px
}

[customscroller]::-webkit-scrollbar-thumb {
	background: 0 0;
	border-radius: 23px
}

[customscroller]:hover::-webkit-scrollbar-thumb {
	background: var(--scroll-thumb)
}

[customscroller]::-webkit-scrollbar-track {
	background: 0 0
}

.popup_image {
	height: 480px;
	display: flex;
	align-items: center;
	background: #fafafa
}

button.owl-next {
	right: 16px
}

.-single-share-posts-area {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.-share-icons-list ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	position: relative;
	margin: 0 -5px;
	max-width: initial
}

ul.-itemslist-share-icons-list li {
	position: relative;
	overflow: hidden;
	margin: 5px
}

.-TitleContent-section i,
.contact-info>.contact i {
	margin-inline-end: 15px
}

ul.-itemslist-share-icons-list li a {
	display: inline-block;
	background: var(--sh-color);
	padding: 15px;
	border-radius: var(--largeradius);
	border: 2px solid var(--sh-color);
	color: var(--fsh-color)
}

ul.-itemslist-share-icons-list li a:hover {
	background: #fff;
	color: var(--sh-color)
}

ul.-itemslist-share-icons-list li i {
	font-size: 20px;
	border-radius: 50px;
	margin-inline-start: 10px;
	display: inline-block;
	vertical-align: middle;
	text-align: center
}

.-share-icons-list ul span {
	font-weight: 500
}

.-share-icons-list ul>li.messenger>a {
	--sh-color: #09f;
	--fsh-color: #fff
}

.-share-icons-list ul>li.facebook>a {
	--fsh-color: #fff;
	--sh-color: #1877f2
}

.-share-icons-list ul>li.whatsapp>a {
	--sh-color: #1b9523;
	--fsh-color: #fff
}

.icon_about i {
	color: var(--secondarytext)
}

.counter-icon-name>h3,
.icon_about i,
span.counter {
	color: var(--primary-text)
}

.-single-post {
	flex: 1 1 0%;
	z-index: 0;
	transition: .3s;
	margin-bottom: 20px
}

.sidebar-title h3:before {
	content: "";
	width: 25px;
	height: 2px;
	position: relative;
	display: block;
	margin-inline-end: 10px;
	top: 2px
}

ol.BreadcrumbsFilters>li:last-child>a {
	color: #2564ae
}

.text-footer-menu {
	display: flex;
	font-size: 28px;
	font-weight: 500;
	text-align: right;
	color: var(--textcolor)
}

.contact-info-box {
	position: relative;
	flex: 1;
	margin: 0 26px
}

.contact-info>.contact i {
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	z-index: 1;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	color: var(--uicolor2)
}

.contact-info-contact.order-now .contact-info>.contact i {
	width: 60px;
	height: 60px;
	background: var(--uicolor);
	border-radius: 0;
	color: #fff;
	font-size: 30px;
	font-weight: 500
}

.-single-services-box .-SeconderyCategoryes--GridItems {
	margin-bottom: 40px
}

.company_info>.titles_concept {
	display: flex;
	align-items: flex-start;
	margin-bottom: 0;
	justify-content: right
}

.YC-company-info-contianer-boxed>.titles_concept {
	margin-inline-end: 30px;
	max-width: 660px;
	margin-bottom: 0;
	align-items: self-start;
	min-width: 459px
}

.company_info .titles_concept p {
	max-width: calc(100% - 50px);
	text-align: right;
	margin-inline-start: 0
}

.contact-box iframe {
	height: 251px
}

.form-wrapper button {
	background: 0 0;
	border: none;
	display: flex;
	margin-inline-start: 10px;
	padding: 5px;
	cursor: pointer
}

.form-wrapper {
	background: #fff;
	font-size: 14px;
	border: 1px solid #d4d3e8;
	text-transform: uppercase;
	align-items: center;
	cursor: pointer;
	transition: 180ms;
	display: flex;
	border-radius: var(--miniradius);
	padding: 12px 15px
}

header form.form-wrapper {
	padding: 6px 15px 6px 7px
}

.form-wrapper input:focus {
	width: 190px
}

.form-wrapper input {
	flex: 1;
	background: #fff;
	border: 0;
	transition: 150ms;
	font-size: 14px;
	padding: 0;
	width: 150px
}

.loadmore span i,
a.contact-us-btn i {
	margin-inline-start: 8px
}

.left_price h3 {
	flex-wrap: wrap;
	display: flex;
	font-size: 33px;
	margin-top: 12px;
	font-weight: 600;
	font-family: var(--f-number);
	justify-content: center
}

.counter-icon-name>h3,
.loadmore span {
	font-weight: 400
}

.GridItem-1-title-model a,
section.bh_category_shap {
	position: relative
}

.left_price h3 span {
	font-size: 20px;
	font-weight: 500;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-inline-start: 10px;
	margin-bottom: 5px
}

.box-price:hover .links_price {
	border-color: var(--uicolor2);
	background: var(--uicolor2)
}

.phone-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-inline-end: 21px
}

.btn-search,
.loadmore span {
	align-items: center;
	cursor: pointer
}

.-single-parent-flexes--content {
	padding: 30px;
	border: 1px solid var(--diver);
	border-radius: var(--largeradius);
	margin-bottom: 30px
}

.-single-blog-box.-YC-Page-blog-box .-single-parent-flexes--content {
	padding: 0;
	border: 0;
	border-radius: 0;
	margin-bottom: 0
}

hr {
	margin: 1rem 0;
	color: inherit;
	border: 0;
	opacity: .15
}

.rating-body p {
	color: var(--darksecondarytext);
	border-top: 1px solid #e5eaef6b;
	padding-top: 15px;
	margin-top: 15px
}

.-Posts-parent-flexes--content .CategoryGrid__Item {
	border-radius: var(--miniradius);
	border: 1px solid #d4d3e8
}

.btn-search {
	display: flex;
	width: 45px;
	height: 45px;
	justify-content: center;
	border-radius: 20%;
	color: #fff;
	background: var(--uicolor2)
}

.loadmore span {
	padding: 15px 30px;
	color: #fff;
	overflow: hidden;
	font-size: 18px;
	border-radius: var(--largeradius);
	transition: .2s;
	position: relative;
	display: block;
	background: 0 0;
	border: 1px solid var(--primary-text);
	color: var(--primary-text)
}

.loadmore span:hover {
	background: var(--uicolor);
	border-color: var(--uicolor);
	color: #fff
}

.loadmore.isloader span {
	padding-inline-end: 58px
}

.loadmore {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: max-content;
	margin: 30px auto 0
}

.wave-shape-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.wave-shape-bottom.if-rotater {
	bottom: auto;
	top: -14px;
	transform: rotate(180deg)
}

.-widgets-aboutus-features-item-image>i {
	font-weight: 300 !important;
	transition: .2s;
	position: relative;
	color: var(--color);
	font-size: 48px
}

.features:hover .-widgets-aboutus-features-item-image:before {
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	bottom: 0
}

.CommentContent,
.seriver_model_bhaa .ArticleDetails_right {
	display: flex;
	padding: 30px
}

li.telegram a {
	background: var(--scoial)
}

li.instagram a {
	background: #a6147a
}

#button i {
	display: flex;
	flex-wrap: wrap;
	font-size: 25px;
	align-items: center;
	justify-content: center;
	color: #fff;
	height: 100%;
	font-weight: 500;
	width: 100%
}

.title_rote ul {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	margin-inline-end: 10px !important
}

.title_rote li.active i {
	position: relative;
	margin-right: 3px;
	font-weight: 800
}

.title_rote ul li i {
	position: relative;
	margin-right: 3px !important;
	font-weight: 500
}

.title_rote li {
	color: transparent !important
}

.services_table,
.title_rote {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.review_pirce {
	margin: 0 15px !important
}

.Price_range span {
	margin-inline-end: 5px !important
}

.review_pirce span {
	margin-inline-start: 5px !important
}

li.twitter a {
	--sh-color: #00afff;
	--fsh-color: white
}

.CommentContent {
	box-shadow: var(--box-shadow);
	margin-bottom: 30px;
	border-radius: var(--largeradius)
}

.rating-head-box {
	display: flex;
	flex: 1;
	flex-direction: column
}

allrights-reserved span {
	color: var(--color_content);
	margin-inline-start: 6px;
	font-size: 17px;
	font-weight: 400
}

.company_info {
	justify-content: space-between;
	border-radius: 20px;
	display: flex;
	align-items: self-start;
	gap: 40px
}

.-single-parent-flexes--content-inner-thumb {
	max-width: 800px;
	margin: 0 auto
}

.company_img {
	text-align: right;
	display: flex;
	align-items: center;
	border-radius: 0 var(--largeradius);
	width: 318px;
	overflow: hidden;
	max-height: 410px
}

.company_img img {
	height: 100%;
	width: auto
}

.ArticleDetails>div>img {
	height: auto
}

#toc_container a {
	min-height: 50px !important;
	line-height: 50px !important
}

.blocks-footer iframe {
	width: 100%;
	border-radius: var(--miniradius);
	max-height: 250px;
	overflow: scroll
}

.ArticleDetails img {
	margin: auto !important;
	overflow: hidden;
	display: block;
	height: auto
}

.ArticleDetails iframe {
	max-width: 100% !important
}

.company a {
	color: #fff;
	margin-inline-start: 4px;
	font-size: 15px;
	font-weight: 500;
	display: flex
}

.Intro-slider-master--singleposts {
	display: flex;
	justify-content: space-between;
	max-width: 100%;
	flex-wrap: wrap
}

.--intor--thumb-bg img {
	width: 100%;
	height: 100%
}

.--intor--thumb-bg {
	min-width: 100%;
	max-width: 100%;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	background: var(--bg-intro);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat
}


.slider-posts-concept {
	background-color: var(--uicolor);
	position: relative;
	z-index: 1;
	width: 100%;
	display: flex;
	align-items: end;
	justify-content: right;
	height: calc(100vh - 100px);
	padding: 110px 0 20px;
}

.slider-posts-concept .container {
	width: 100%
}


.-intro-before-title {
    font-size: 19px;
    margin-bottom: 16px;
    color: #fff;
}
.info-title-container>.-intro-h1-title {
    font-size: 32px;
    font-weight: 900;
    line-height: 1.5;
    margin-bottom: 9px;
    color: #fff;
    transition-delay: 0.7s;
}
.-p-content {
    font-size: 18px;
    font-weight: 400;
    overflow: hidden;
    height: 37px;
    line-height: 1.8;
    margin-bottom: 10px;
    color: #fff;
}
.info-title-container {
    height: max-content;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 9;
    max-width: 90%;
    align-items: center;
    text-align: right;
} 
.slider-posts-concept:after {
	content: "";
	position: absolute;
	width: 50%;
	z-index: 1;
	height: 100%;
	left: -60px;
	filter: blur(61px)
}

.slider-posts-concept .owl-dots {
	display: flex
}

.YC-page-concept-slider .owl-dots,
.owl-dots,
.section-box-workss .owl-dots {
	display: none
}

a.contact-us-btn:hover {
	background: #0e0e1a;
	color: #fff;
	border: 1px solid #0e0e1a;
	transform: scale(1.06)
}

.-intro-h1-title {
	color: #fff;
	font-size: 43px;
	font-weight: 700;
	line-height: 1.5
}

.--open--searching {
	justify-content: center;
	align-items: center;
	background: var(--uicolor);
	color: #fff;
	margin-inline-start: 10px;
	cursor: pointer;
	border: 2px solid var(--uicolor);
	transition: 180ms;
	border-radius: var(--miniradius);
	display: flex;
	min-width: 45px;
	height: 45px
}

.counter1,
span.icon-cat {
	color: var(--secondarytext)
}

section.who-about {
	position: relative;
	padding: 90px 0;
	display: block
}

section.who-about:before {
	content: "";
	position: absolute;
	width: 310px;
	height: 100%;
	background-image: var(--bgcolor);
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;
	top: 0;
	transform: rotateY(175deg)
}

.YC-company-img-two {
	margin-right: -90px;
	position: relative;
	border-radius: 190px;
	background-color: #fff;
	padding: 14px 16px;
	-webkit-box-shadow: 0 4px 21px rgba(0, 0, 0, .09);
	box-shadow: 0 4px 21px rgba(0, 0, 0, .09);
	overflow: hidden;
	z-index: 22;
	height: max-content
}

.YC-bouqets-brand-btn:hover,
.YC-counterswidget-list:hover {
	box-shadow: var(--box-box-shadow-hover)
}

.YC-company-img-contianer {
	max-width: 650px;
	min-width: 650px;
	flex: 1
}

.disabled {
	cursor: no-drop;
	display: none
}

.disabled:hover {
	background: 0 0 !important;
	border-color: #cfd1d5 !important;
	color: #a3a1a1 !important
}

.titles_features {
	display: flex;
	flex: 1;
	align-items: self-start;
	text-align: right;
	width: 100%
}

benfit.active .titles_features {
	padding-bottom: 9px
}

.titles_features em {
	font-size: 24px;
	display: block
}

benfit em {
	font-size: 99px;
	position: absolute;
	bottom: -6px;
	left: 20px;
	font-weight: 300;
	font-family: cursive;
	color: var(--color);
	transition: .2s;
	line-height: 1;
	opacity: .02
}

benfit:hover em {
	font-size: 146px
}

.-GridItem-1-ThumbBox {
	transition: .2s;
	position: relative;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eee
}

.-GridItem-1:hover .-GridItem-1-ThumbBox img {
	transform: scale(1.2)
}

.slider-posts-concept .owl-next,
.slider-posts-concept .owl-prev {
	right: 410px;
	display: none
}

.-YC-intro-Slides-next,
.-YC-intro-Slides-prev {
	--icon-size: 80px;
	position: relative;
	top: calc(50% - 80px / 2);
	border-radius: 50%;
	background-color: #fff;
	color: var(--uicolor);
	border: none;
	padding: 0;
	width: 45px;
	height: 45px;
	font-size: 23px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: 2px solid var(--uicolor)
}

.-YC-intro-Slides-next i,
.-YC-intro-Slides-prev i {
	font-weight: 400;
	color: #fff;
	font-size: 24px;
	transition: .2s
}

.--first--conatiner.Intro-slider-Container i,
.-YC-intro-Slides-next:hover i,
.-YC-intro-Slides-prev:hover i {
	color: #fff
}

.-YC-intro-Slides-next:hover,
.-YC-intro-Slides-prev:hover {
	background: var(--uicolor);
	color: #fff
}

.-YC-intro-Slides-prev {
	margin-inline-end: 9px
}

.--first--conatiner.Intro-slider-Container {
	display: flex;
	align-items: center;
	min-width: auto;
	justify-content: center
}

.info-title-container .--first--conatiner {
	gap: 14px
}

.--first--conatiner.Intro-slider-Container .ButtonConcept {
	margin-top: 0
}

.--first--conatiner.Intro-slider-Container .ButtonConcept.whatsapp a {
	background: var(--whatsapp)
}

.-YC-owl-navs-items {
	display: flex;
	margin-inline-start: 31px
}

.-setup-price-block-owl .-YC-owl-navs-items {
	position: absolute;
	left: 0;
	top: 50%;
	min-width: 100%;
	display: flex;
	z-index: 500;
	transform: translateY(-50%);
	align-items: center
}

.YC-iamge-info-contianer {
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 20px;
	position: absolute;
	bottom: -55px;
	right: 0;
	border: 10px solid #fff
}

.YC-city-section-container {
	border-radius: var(--largeradius);
	position: relative;
	padding: 40px 0
}

.YC-city-section-container:hover:before {
	height: 100%
}

header.hidemenu {
	transform: translateY(-105px)
}

.city-slider-setup {
	flex: 1
}

.box-price-boxed {
	min-width: 100%;
	padding: 40px;
	z-index: 0;
	overflow: hidden
}

.YC-section-faq-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start
}

.YC-section-faq-info .titles_concept p {
	font-weight: 400;
	text-align: right
}

.YC-section-faq-info .titles_concept {
	align-items: self-start;
	justify-content: flex-start;
	margin-bottom: 0;
	max-width: max-content
}

.-setup-price-block-owl .-YC-intro-Slides-prev {
	right: 0
}

.-setup-price-block-owl .-YC-intro-Slides-next {
	left: 0
}

.-setup-price-block-owl .-YC-intro-Slides-next,
.-setup-price-block-owl .-YC-intro-Slides-prev {
	display: flex;
	border-radius: 50%;
	position: absolute;
	align-items: center;
	justify-content: center;
	margin: 5px;
	cursor: pointer;
	transition: 180ms;
	top: 0;
	bottom: 0;
	border-color: var(--alinks);
	color: var(--alinks)
}

.-setup-price-block-owl .-YC-intro-Slides-next:hover,
.-setup-price-block-owl .-YC-intro-Slides-prev:hover {
	background: var(--alinks);
	color: #fff
}

.counterswidget-element {
	min-width: 280px;
	max-width: 100%;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 24px;
	border-radius: var(--miniradius);
	transition: .3s;
	background: #fff;
	box-shadow: var(--box-shadow)
}

.counterswidget-element:after,
.counterswidget-element:before {
	content: ""
}

.counterswidget-element span {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	width: 60px;
	height: 60px;
	background: #c7f9ed;
	padding: 10px;
	border-radius: 10px
}

.counterswidget-element span i {
	font-weight: 300;
	font-size: 34px;
	transition: .5s;
	color: var(--uicolor2)
}

.counterswidget-element>strong {
	color: #1f2230;
	font-size: 45px;
	font-weight: 600;
	margin-bottom: 10px;
	font-family: var(--f-number);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row-reverse
}

.counterswidget-element>p {
	font-size: 24px;
	color: var(--secondarytext);
	white-space: nowrap
}

.counterswidget-elements {
	display: flex;
	position: relative;
	z-index: 2;
	flex-wrap: wrap;
	max-width: 1330px;
	margin-inline: auto;
	margin-top: -80px;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 2px -3px 18px 6px #272f410f;
	gap: 25px;
	padding: 25px
}

.counters-section,
.counterup-number {
	align-items: center
}

.counterswidget-title {
	max-width: 404px
}

.counterswidget-title>h2 {
	font-size: 55px;
	font-weight: 400;
	margin-bottom: 30px
}

.counterswidget-title>p {
	color: var(--secondarytext);
	font-size: 18px
}

.counterswidget-elements::before {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	height: 100%;
	background: #fff;
	z-index: -1
}

.YC-button-Whatsapp a,
.counters-section,
.counterup-element,
.loadmore.isloader,
.search_body>form,
div#counters,
div#counters>*,
widget-area>div.counters {
	position: relative
}

.counters-section .titles_concept h2 {
	color: var(--primary-text);
	text-align: right;
	color: #fff
}

.counters-section .titles_concept {
	margin: 0;
	text-align: right;
	width: 100%;
	max-width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: row
}

div#counters .titles_concept h2,
div#counters .titles_concept p {
	color: #fff
}

div#counters .titles_concept span {
	color: var(--uicolor3);
	font-size: 20px;
	margin-inline: auto
}

.counterup-element {
	color: var(--primary-text);
	font-size: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 1;
	text-align: right;
	justify-content: right;
	align-items: self-end
}

.counterup-element p {
	color: var(--secondarytext);
	font-weight: 400;
	font-size: 17px
}

.counterup-number {
	font-size: 23px;
	font-weight: 600;
	margin-bottom: 0;
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
	color: var(--uicolor);
	direction: ltr;
	text-align: right
}

.GridItem-authour-model,
.YC-button-Whatsapp a,
.boxed-banner-content {
	align-items: center;
	display: flex
}

.counterup-number strong {
	font-weight: 400
}

.counterup-number em {
	font-size: 16px;
	font-family: initial;
	margin-inline-end: 8px
}

.boxed-banner-container {
	background: linear-gradient(to left, #030126d1, #03012a);
	padding: 50px;
	border-radius: var(--largeradius)
}

.boxed-banner-content h2 {
	color: #fff;
	font-size: 41px
}

.boxed-banner-content {
	z-index: 1;
	position: relative;
	justify-content: flex-start;
	flex-direction: column
}

.boxed-banner-content .titles_concept>span {
	text-align: right;
	margin-inline-start: 0;
	color: var(--uicolor2)
}

.boxed-banner-content .ButtonConcept {
	margin-top: 0;
	margin-inline-end: 30px
}

.boxed-banner-content .titles_concept p {
	margin-top: 29px;
	color: #fff;
	font-size: 17px;
	text-align: right
}

.YC-model-works-container .titles_concept p,
.search_body>h2 {
	text-align: center
}

.boxed-banner-section-button {
	display: flex;
	margin-inline-end: auto
}

.YC-button-Whatsapp a {
	border: 1px solid var(--uicolor);
	padding: 12px 23px;
	border-radius: var(--miniradius);
	overflow: hidden;
	font-size: 18px;
	font-weight: 400;
	border-radius: var(--largeradius);
	transition: .2s;
	color: #fff;
	background: var(--uicolor)
}

.YC-button-Whatsapp a:hover {
	background: #02960e;
	border-color: #02960e;
	color: #fff
}

.YC-button-Whatsapp a i {
	margin-inline-end: 16px
}

.GridItem-authour-model i {
	width: 34px;
	height: 34px;
	background: rgb(249 251 254);
	margin-inline-end: 10px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--uicolor);
	font-weight: 500
}

.GridItem-authour span {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 3px;
	display: block;
	color: rgb(24 25 36/1)
}

.GridItem-authour p {
	font-size: 13px;
	font-weight: 400;
	color: var(--contentcolor)
}

.search_header {
	display: flex;
	position: fixed;
	left: 0;
	align-items: center;
	justify-content: space-evenly;
	right: 0;
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 99999;
	opacity: 0;
	transition: .3s ease-out;
	transform: translate(0, -100%);
	backdrop-filter: blur(5px)
}

.--open--searching,
.--socialheader>ul>li>a {
	--el-w: 43px;
	width: var(--el-w);
	height: var(--el-w);
	font-size: 18px;
	display: flex
}

.search_body>form {
	width: 100%;
	display: flex;
	align-items: center
}

.--single--thumb-image img,
.-more--work--gallery--button- img {
	width: 100%;
	height: auto
}

.search_body>form>input[type=search] {
	min-height: 70px;
	flex: 1;
	border: none;
	overflow: hidden;
	width: 100%;
	font-size: 16px;
	height: 66px;
	z-index: 9;
	background: 0 0;
	color: #fff;
	border-bottom: 1px solid #edf6ffc4;
	box-shadow: var(--box-shadow-hover)
}

.search_body>form>.input_search_shadwo {
	height: 3px;
	position: absolute;
	bottom: 0;
	background-color: #fcf2f2;
	width: 0;
	transition: .4s
}

.search_body>form>input:focus+.input_search_shadwo,
.search_body>form>input:focus:before {
	width: 100%
}

.search_body>form>button {
	border: 0;
	background: 0;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 12px;
	font-size: 19px;
	display: flex;
	align-items: center;
	border-radius: var(--miniradius);
	color: #fff;
	cursor: pointer;
	z-index: 22
}

.search_body {
	position: absolute;
	width: 78%;
	top: 30%;
	left: 50%;
	transform: translate(-50%, 50%);
	display: flex;
	flex-direction: column
}

.search_body>h2 {
	margin-bottom: 30px;
	line-height: 1.5;
	font-weight: 500;
	font-size: 30px;
	color: #fff
}

.search_overlay {
	position: absolute;
	background: #060220;
	backdrop-filter: brightness(40.5);
	width: 224vw;
	height: 224vw;
	top: 0;
	right: calc(50% - 112vw);
	z-index: 0;
	display: block;
	border-radius: 50%;
	-webkit-transform: scale(0);
	transform: scale(0);
	transform-origin: center;
	transition: transform .8s ease-in-out .3s;
	opacity: .8
}

.--minithumb-image,
.--single--thumb-image,
.--single--word-thumnail,
.--single--work-post-box,
.-more--work--gallery--button-,
.GotoTop,
.about-icon,
.btn-fixed-bh,
.icon_about,
.search_closse,
.section-box-workss {
	display: flex
}

.search_closse {
	position: absolute;
	left: 0;
	top: 0;
	--el-width: 50px;
	width: var(--el-width);
	height: var(--el-width);
	justify-content: center;
	align-items: center;
	border: 2px solid #f7e5e5;
	border-radius: 50%;
	font-size: 25px;
	font-weight: 400;
	cursor: pointer;
	transition: 180ms;
	color: #fff
}

.search_closse:hover {
	color: #fff;
	background: #e75c80;
	border-color: #e75c80
}

.search_closse>i {
	font-weight: inherit
}

label.-yc--searching--input {
	display: none
}

.contact-logo_footer-right {
	max-width: 270px;
	margin-bottom: 19px
}

.contact-logo_footer-right img {
	height: auto
}

.search_body>form>input::placeholder {
	color: #fff;
	opacity: 1
}

.search_header.searchopen {
	opacity: 1;
	transform: translate(0)
}

.loadmore.isloader {
	pointer-events: none;
	opacity: .7
}

.loader .circular {
	animation: 2s linear infinite rotate;
	height: 100%;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	inset: 0px;
	margin: auto
}

.path {
	stroke-dasharray: 30, 80;
	stroke-dashoffset: 0;
	animation: 1.5s ease-in-out infinite dash, 6s ease-in-out infinite color;
	stroke-linecap: round;
	stroke: white
}

.loader::before {
	content: "";
	display: block;
	padding-top: 100%
}

@-webkit-keyframes rotate {
	100% {
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	100% {
		transform: rotate(360deg)
	}
}

.GotoTop {
	width: 45px;
	height: 45px;
	z-index: 10998;
	color: var(--uicolor);
	font-size: 35px;
	text-align: center;
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	transform-origin: center bottom;
	transform: translate(0, 200%);
	transition: .3s cubic-bezier(.21, .12, .02, .99);
	border-radius: 50%;
	right: 20px;
	place-content: center;
	align-items: center
}

.-yc-inner-mini-loader {
	position: absolute;
	width: 43px;
	height: 46px;
	left: 9px
}

.btn-fixed-bh {
	position: fixed;
	flex-direction: column;
	bottom: 24px;
	right: 40px;
	z-index: 9999
}

.-loading .-GridItem-2 {
	height: max-content
}

.sidebar-parent-post:last-child .pagesingle {
	margin-bottom: 0
}

.city-single-model {
	padding-top: 140px
}

.single-post.YC-page-posts {
	padding-top: 50px;
	padding-bottom: 20px
}

.--single--thumb-image {
	overflow: hidden;
	max-width: 130px;
	min-width: 130px;
	border-radius: var(--miniradius);
	position: relative;
	align-items: center;
	background: #f9fbfe;
	justify-content: center;
	flex: 1;
	height: 110px
}

.--minithumb-image .--single--thumb-image {
	margin: 0
}

.--minithumb-image .--single--thumb-image: last-child {
	margin-bottom: 0
}

.--single--thumb-image.--is--larger--thumb-image {
	min-width: 100%;
	margin: 0 0 1px;
	height: 100%
}

.--single--word-thumnail {
	cursor: pointer;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	background: #000;
	border-radius: 20px;
	height: 100%
}

.--single--work-post-box {
	flex-direction: column;
	margin: 15px;
	position: relative;
	padding: 30px;
	background: #fff;
	box-shadow: var(--box-shadow-defult);
	border: var(--border-defult);
	border-radius: var(--largeradius);
	min-width: 433px;
	max-width: 433px;
	transition: 80ms
}

.-more--work--gallery--button- {
	position: absolute;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-size: 31px;
	background: rgb(5 2 49 / 32%);
	color: #fff;
	transition: 180ms;
	border-radius: 14px;
	overflow: hidden;
	left: 0;
	bottom: 0;
	z-index: 22
}

.--minithumb-image,
benfit:hover .number-features {
	background: var(--uicolor2)
}

.--minithumb-image {
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	top: 12px;
	align-items: center;
	cursor: pointer;
	width: 50px;
	height: 50px;
	z-index: 2;
	left: 12px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	font-size: 22px;
	color: #fff
}

.--minithumb-image img {
	height: 100%
}

.section-box-workss {
	flex: 1;
	position: relative;
	flex-wrap: wrap;
	width: 406px
}

.YC-model-works-container .titles_concept h2 {
	font-size: 36px;
	text-align: center
}

.YC-first-Intro-slider-Container {
	display: flex;
	align-items: center;
	margin-top: 29px;
	justify-content: center
}

.YC-first-Intro-slider-Container .ButtonConcept {
	margin-top: 0
}

.-works-info-box {
	display: flex;
	position: absolute;
	bottom: 0;
	padding: 20px;
	z-index: 2;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	align-items: center
}

.boxed-banner-image {
	padding: 90px 49px;
	border-radius: var(--largeradius);
	position: relative;
	min-height: 560px
}

.boxed-banner-image:after {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	content: "";
	background-image: var(--image);
	background-position: center center;
	background: linear-gradient(to left, #000000d1, var(--uicolor_two));
	opacity: .9;
	z-index: 0
}

.boxed-banner-image:before,
.left_title {
	background-image: var(--image);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.boxed-banner-image:before {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	content: "";
	z-index: 0;
	background-attachment: fixed !important;
	border-radius: 20px;
	overflow: hidden
}

sections-items {
	overflow: hidden
}

@keyframes blinker2 {

	0%,
	100% {
		transform: scale(1, 1)
	}

	50% {
		transform: scale(.6, .6)
	}
}

.icon_about {
	flex-wrap: wrap;
	align-items: center
}

.company_img2 {
	border-radius: 500px;
	border: 10px solid #fff;
	position: absolute;
	left: -20px;
	bottom: 8px;
	max-width: 305px;
	overflow: hidden
}

.icon_about span {
	font-size: 16px;
	color: var(--primary-text);
	font-weight: 400
}

.bottom-counter {
	position: relative;
	background-color: #ffff;
	border-radius: 10px;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
	padding: 38px 25px 27px;
	text-align: center
}

.about-icon,
.about2-icon,
.faq-icon {
	width: 70px;
	height: 70px;
	border-radius: 14px
}

.about-icon,
.about2-icon {
	background-color: var(--uicolor)
}

.YC-company-info-contianer-boxed .titles_concept h2,
.YC-section-faq .titles_concept p,
.YC-widght-about-info-contianer-right .titles_concept h2 {
	text-align: right
}

.about-icon {
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 44px;
	margin: 0 auto -34px 29px;
	z-index: 2;
	position: relative
}

.about-icon i {
	font-weight: 300
}

.--init--customer--numbers {
	display: block;
	font-size: 40px;
	font-weight: 700;
	font-family: var(--f-number);
	line-height: 1;
	color: var(--uicolor2);
	margin-bottom: 10px;
	position: relative;
	z-index: 2
}

.about2-icon,
.faq-icon {
	font-size: 44px;
	display: flex
}

.bottom-counter span {
	line-height: 1;
	font-size: 20px;
	color: #697585;
	font-weight: 600;
	margin: 0
}

.about2-icon i,
.faq-icon i {
	font-weight: 300
}

.about2-icon {
	align-items: center;
	justify-content: center;
	color: #fff;
	position: absolute;
	right: 57%;
	bottom: 12px;
	z-index: 99
}

benfit svg {
	position: absolute;
	left: 6px;
	bottom: -7px;
	width: 118px;
	height: 129px;
	transform: rotate(90deg)
}

benfit svg path {
	transition: .3s ease-out;
	fill: var(--color);
	opacity: .2
}

.counters-top {
	position: relative;
	padding: 70px 0 180px
}

.video_top {
	flex: 1
}

.left_title {
	z-index: 1;
	flex: 1;
	display: flex;
	justify-content: center;
	flex-direction: column;
	transition: .8s;
	position: relative;
	margin-inline: auto;
	min-height: 410px;
	padding-bottom: 40px
}

.YC-Success_partners {
	background-size: cover;
	height: 130px;
	border-radius: var(--largeradius);
	background-position: center center;
	border: 4px solid #fff;
	box-shadow: 0 0 6px #00000026
}

.YC-section-faq {
	display: flex;
	align-items: self-start;
	min-width: 100%;
	position: relative;
	gap: 20px;
	margin-top: 40px;
	padding: 20px 0
}

.section-faq:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	background-image: var(--img)
}

.YC-section-faq .titles_concept>span {
	margin-inline-start: 0
}

.--agter-faq--faq--number {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	gap: 18px
}

.faq-icon {
	align-items: center;
	justify-content: center;
	z-index: 2;
	position: relative;
	color: var(--uicolor)
}

.head-faq-body {
	border-radius: 23px;
	width: 100%;
	padding: 20px
}

.faq-info .ButtonConcept {
	display: flex;
	justify-content: flex-start
}

.--init--faq--numbers {
	display: block;
	color: var(--secondarytext);
	font-size: 16px;
	line-height: 1.7;
	font-weight: 400;
	text-align: right
}

.bottom-faq span {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
	line-height: 1.5;
	display: block
}

.box-price svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 200px;
	fill: #F6F6F6;
	transition: .4s
}

.boxed-banner-container .titles_concept {
	max-width: 600px;
	text-align: right;
	margin-bottom: 25px;
	flex: inherit;
	align-items: self-start;
	justify-content: right
}

.-GridItem-1-ThumbBox svg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -19px;
	margin: auto;
	fill: var(--uicolor3);
	transition: .5s;
	z-index: 0;
	width: calc(100% - 63px)
}

.--single--word-thumnail svg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	fill: var(--uicolor)
}

.foot_copy {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.footer_menu2 .footer-menu {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px
}

.footer_menu2 li {
	margin-inline: 10px
}

.-DropChevrons-UL ul li.-Products-Filter-LI.active a,
.YC-city-section-container span.first_title,
.YC-intro-Category-Item:hover .CategoryName h2 {
	color: #fff
}

section.city-section .ButtonConcept a {
	position: relative;
	font-size: 17px;
	color: #fff
}

.YC-city-section-container .ButtonConcept a:after {
	background: #fff;
	opacity: 1;
	z-index: -1
}

.counters-top span.first_title {
	line-height: 1.4;
	font-size: 16px;
	color: #fff;
	padding: 7px 24px;
	border-radius: 30px;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 15px;
	max-width: max-content
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer {
	display: flex;
	justify-content: flex-end;
	margin: 10px 0 15px;
	padding: 0 15px
}

.-after__intro-widgets-progress-item-v1:last-child,
.YC-company_intro .YC-intro-info-img:last-child,
.YC-widght-about-company-box:last-child {
	/* margin-bottom: 0; */
}

.Popver--CoursesAlert.error>.PopverInnerElemnt>.ALertConroller--Popvoer {
	justify-content: center;
	align-items: center;
	align-content: center
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer>a {
	display: flex;
	padding: 13px 22px;
	border-radius: var(--miniradius);
	font-weight: 500;
	font-size: 16px;
	margin-inline-start: 5px;
	position: relative;
	align-content: center;
	align-items: center;
	justify-content: center;
	color: var(--secondarytext);
	text-decoration: unset;
	overflow: hidden
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer>a>.InnerLoaderBoxed--Context---overlays {
	position: relative;
	width: 24px;
	height: 24px;
	margin-right: 10px
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer>a>.InnerLoaderBoxed--Context---overlays .loader,
.YC-intro-Category-info {
	width: 100%
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer>a.AlertIsConfirm {
	background: var(--positive);
	color: #fff
}

.Popver--CoursesAlert>.PopverInnerElemnt>.HeadAlert--Popvoer>h2 {
	flex: 1;
	font-size: 22px;
	font-weight: 600;
	margin: 0;
	font-family: var(--pluginff)
}

.Popver--CoursesAlert>.PopverInnerElemnt>.HeadAlert--Popvoer>span {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #eee;
	text-align: center;
	display: flex;
	place-content: center;
	align-items: center;
	font-size: 17px;
	position: relative;
	cursor: pointer;
	overflow: hidden
}

.Popver--CoursesAlert>.PopverAlertOverlay {
	position: absolute;
	width: 100%;
	height: 100%
}

.video--popover {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000000f0;
	z-index: 99999;
	right: 0;
	top: 0
}

.CategoryGrid__Item span.more:hover,
.video--popover--closse,
header.header-out-single {
	background: var(--uicolor)
}

.video--popover .video--popover--overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0
}

.video--popover--body {
	position: absolute;
	width: 900px;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%
}

.video--popover-iframe {
	width: 100%;
	position: relative;
	padding-bottom: 59%;
	overflow: hidden
}

.video--popover-iframe>iframe {
	position: absolute;
	width: 100%;
	height: 100%
}

.video--popover--closse {
	position: absolute;
	--el-w: 36px;
	width: var(--el-w);
	height: var(--el-w);
	border-radius: 50%;
	color: #fff;
	left: -18px;
	top: -18px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	cursor: pointer;
	transition: 180ms
}

.video--popover--closse:hover {
	color: var(--negative);
	background: #fff
}

.search_header.searchopen .search_overlay {
	top: auto;
	bottom: calc(90px - 112vw);
	transform: scale(1);
	opacity: .8;
	-webkit-transition: transform 1.6s cubic-bezier(.4, 0, 0, 1);
	transition: transform 1.6s cubic-bezier(.4, 0, 0, 1)
}

header.header-out-single {
	box-shadow: 0 0 10px rgba(60, 72, 88, .15);
	--primary-text: white
}

header.header-out-single.hidemenu.fixed {
	transform: translate(0)
}

.CategoryBox>p {
	margin-top: 10px
}

.Contain-post- .active.faq-section {
	background: #f7f9ff
}

.CategoryGrid__Item span.more {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	padding: 7px 20px;
	background-color: var(--uicolor2);
	border-radius: 100px;
	width: max-content;
	margin-top: 29px;
	gap: 12px;
	color: #fff;
	font-weight: 400
}

.-single-city-box {
	margin-top: 150px
}

.slider-posts-container {
	width: 100%;
	display: flex
}

.YC-section-faq .titles_concept {
	align-items: self-start;
	text-align: right;
	max-width: 730px;
	position: sticky;
	top: 20px;
	margin-bottom: 0;
	flex: 1;
	margin-inline-start: 0
}

.before-title-container {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px
}

.-after__intro-widgets-progress-lists-v1 {
	min-width: 400px;
	margin-top: 40px;
	max-width: 580px;
	flex: 1;
	width: 100%
}

.-after__intro-widgets-progress-item-v1 {
	display: block;
	margin-bottom: 35px;
	position: relative
}

.-after__intro-widgets-progress-itemtitle-v1 {
	display: flex;
	color: var(--primary-text);
	margin-bottom: 15px;
	font-size: 16px;
	align-items: center;
	font-weight: 500
}

.-after__intro-widgets-progress-itemtitle-v1:before {
	content: '';
	position: relative;
	width: 14px;
	height: 5px;
	display: block;
	background: #0000000d;
	border-radius: 12px;
	margin-inline-end: 10px
}

.-after__intro-widgets-progress-itemthumb-v1 {
	display: block;
	position: relative;
	height: 15px;
	border-radius: 4px;
	background: #fff;
	padding: 4px
}

.-after__intro-widgets-progress-thumbvalue-v1 {
	background: var(--positive);
	height: 100%;
	transition: 1s;
	position: relative;
	border-radius: 2px;
	width: 0;
	display: flex
}

.-after__intro-widgets-progress-thumbvalue-v1.progressload-shows-in .-after__intro-widgets-progress-thumbtooltip-v1 {
	visibility: visible;
	opacity: 1
}

.-after__intro-widgets-progress-thumbtooltip-v1 {
	position: absolute;
	left: 2px;
	bottom: calc(100% + 15px);
	font-size: 13px;
	transform: translateX(-50%);
	visibility: hidden;
	opacity: 0;
	min-width: max-content;
	transition: 180ms;
	font-weight: 600;
	padding: 5px;
	background: var(--uicolor);
	color: #fff;
	border-radius: 5px
}

.-after__intro-widgets-progress-thumbtooltip-v1:before {
	content: '';
	position: absolute;
	border-width: 6px;
	border-style: solid;
	border-color: var(--uicolor) transparent transparent;
	top: 100%;
	transform: translateX(-50%);
	left: 50%
}

.YC-company-info-contianer-boxed {
	display: flex;
	align-items: self-start;
	flex: 1
}

.YC-company-counters-contianer {
	min-width: 491px;
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	position: sticky;
	top: 20px;
	margin-inline: -12px;
	max-width: 650px
}

.YC-counterswidget-list:before {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: linear-gradient(to bottom, #000, rgba(39, 39, 55, .18));
	opacity: .2;
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	transition: .3s ease-in-out;
	z-index: -1
}

.YC-counterswidget-list:hover:before {
	opacity: 1;
	background: linear-gradient(to bottom, #0e1966, rgba(39, 39, 55, .18))
}

.YC-counterswidget-list {
	min-width: 240px;
	flex: 1;
	max-width: 100%;
	background: var(--uicolor_two);
	margin: 11px;
	padding: 40px 29px;
	border-radius: var(--largeradius);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	justify-content: center;
	transition: .3s;
	position: relative;
	overflow: hidden
}

.YC-counterswidget-list:hover {
	transform: translate(0, -6px)
}

.YC-counterswidget-list>span {
	width: 65px;
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	z-index: 1;
	position: relative
}

.YC-counterswidget-list>span i {
	font-size: 50px;
	color: var(--color);
	font-weight: 300;
	z-index: 2;
	position: relative
}

.counterup-list span {
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 15px;
	font-size: 23px;
	transition: .4s;
	color: var(--primary-text);
	display: block;
	margin-top: 15px
}

.counterup-list p {
	color: #ffffffd6;
	font-weight: 400;
	transition: .6s;
	line-height: 1.7;
	font-size: 15px
}

.YC-agter-faq {
	margin-top: 40px
}

.YC-widght-about-company-box {
	display: flex;
	align-items: self-start;
	justify-content: space-between;
	margin-bottom: 50px
}

.YC-widght-about-info-contianer {
	max-width: 630px;
	flex: 1
}

.widght-about-company_img {
	max-width: 690px;
	display: flex;
	align-items: center;
	border-radius: var(--largeradius);
	overflow: hidden
}

.YC-company_intro img,
.widght-about-company_img img {
	width: auto;
	height: auto
}

.YC-widght-about-info-contianer-left {
	flex: 1;
	display: flex;
	align-items: center;
	position: sticky;
	top: 21px;
	max-width: 680px
}

.YC-widght-about-info-contianer-right {
	max-width: 580px;
	flex: 1;
	position: sticky;
	top: 30px
}

.YC-widght-about-info-contianer-right.right-image {
	margin-inline-end: 30px
}

.widget_description-info .titles_concept p {
	text-align: right !important
}

.-Taps-AppendCenter {
	display: flex;
	flex-wrap: wrap
}

.-DropChevrons-UL>ul {
	display: flex;
	justify-content: center;
	align-content: center;
	background-color: #fff;
	border-radius: var(--miniradius);
	list-style: none;
	flex-wrap: wrap;
	align-items: center
}

.-DropChevrons-UL>ul>li {
	display: block;
	position: relative;
	margin-inline-end: 10px
}

.-DropChevrons-UL>ul>li.active>a {
	color: var(--uicolor);
	border-color: var(--uicolor);
	background-size: 150%;
	transition: .4s ease-in-out;
	background-position: left
}

.-DropChevrons-UL>ul>li>a {
	display: flex;
	padding: 11px 17px;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	align-content: center;
	color: var(--primary-text);
	height: 100%;
	border-radius: .5rem;
	background: var(--bkground)
}

.-DropChevrons-UL>ul>li>a i {
	margin-inline-end: 10px
}

.svg-widght-image {
	position: absolute
}

.YC-intro-info-contianer {
	flex: 1;
	max-width: 540px;
	position: relative;
	width: 540px;
	border-radius: var(--largeradius);
	display: flex;
	justify-content: center
}

.YC-company_intro {
	position: relative;
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
	align-items: end;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px
}

.page-svg-image {
	position: absolute;
	left: -40px;
	width: 100%;
	height: 100%;
	top: -167px
}

.page-svg-image svg {
	transform: rotate(45deg);
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 30px;
	bottom: 0
}

.company_intro-svg {
	position: absolute;
	width: 60%;
	height: 60%;
	top: -110px;
	transform: rotate(-25deg);
	left: -130px;
	z-index: -1
}

.company_intro-svg svg {
	width: 100%;
	height: 550px;
	z-index: -1;
	position: relative;
	opacity: .08
}

.company_intro-svg svg path {
	stroke: white
}

.--popover--offer--items {
	position: absolute;
	height: 400px;
	z-index: -1;
	right: -1px;
	background: #fff;
	border-radius: 0;
	bottom: 0;
	border-radius: var(--largeradius);
	width: 100%
}

.--x-first--bg--st svg,
.info-image-left img {
	width: 100%;
	height: 100%
}

.YC-company_intro .YC-intro-info-img {
	height: 260px;
	width: 251px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0 solid #7064e957;
	animation: 1s popu;
	background: top center/cover #ffffff1f;
	background-image: var(--image-src);
	border-radius: var(--largeradius);
	border: 5px solid #ffffff3d;
	grid-area: 1/2/2/3;
	overflow: hidden;
	position: relative;
	transition-delay: 0.3s
}

.YC-image-company,
.YC-image-widget_description {
	background-image: var(--image-src);
	background-size: cover;
	border-radius: 20px
}

.YC-intro-info-img.three {
	width: 100%;
	grid-area: 2/1/3/3;
	transition-duration: .7s
}

.YC-intro-info-img.two {
	grid-area: 1/1/2/2;
	height: 226px;
	transition-duration: .5s
}

.YC-intro-info-contianer>.YC-intro-info-img>img {
	height: 100%;
	width: 100%
}

.YC-image-company {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.YC-image-company img {
	height: 100%;
	width: auto
}

.YC-image-info-contianer {
	flex: 1;
	max-width: 740px;
	display: flex;
	position: sticky;
	top: 20px;
	gap: 30px;
	min-width: 680px;
	justify-content: end;
	height: 560px
}

.YC-image-widget_description {
	min-width: 320px;
	height: 210px;
	max-width: 280px;
	flex: 1;
	background-repeat: no-repeat;
	position: sticky;
	top: 21px
}

.-Post-box-item-DayDate,
.readmore {
	align-items: center;
	transition: .3s
}

.YC-image-widget_description:before {
	background-image: linear-gradient(320deg, #fff 15%, #f2295B00 0);
	bottom: 0
}

.YC-image-widget_description:after {
	background-image: linear-gradient(320deg, #02010100 86%, #fff 0);
	height: 100%
}

.-Post-box-item-DayDate {
	display: inline-flex;
	gap: 10px;
	border-radius: 30px;
	color: #fff
}

.-Post-box-item-DayDate span {
	position: relative;
	font-size: 12px;
	font-weight: 400;
	display: flex
}

.-Post-box-item-DayDate i {
	font-weight: 300;
	position: relative;
	font-size: 14px
}

.-Post-box-item-DayDate:after,
.info-image-container:before {
	content: ""
}

.-GridItem-grid-ThumbBox {
	position: relative;
	height: 320px;
	margin-bottom: 0
}

.city-block,
.head-block-city {
	transition: var(--transition)
}

.readmore:hover {
	color: var(--uicolor)
}

.readmore:before {
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	background: var(--uicolor);
	bottom: -5px;
	right: 0;
	transition: .3s
}

.readmore:hover:before {
	width: 90%
}

.readmore i {
	margin-inline-start: 8px;
	font-size: 15px
}

ul.tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-inline: auto
}

ul.tabs li {
	background: var(--bkground);
	margin: 5px;
	padding: 8px 10px;
	font-size: 17px;
	font-weight: 400
}

.menu-nav .social,
.owl-nav,
.readmore,
.section-box-workss .owl-nav,
a.logo_second,
header .logo a.logo_second {
	display: none
}

.city-block,
footer:before,
header.header-out-single a.logo_second {
	display: block
}

.section-box-works-selider {
	overflow: hidden;
	flex: 1;
	padding: 19px
}

.svg-intro-footer {
	position: absolute;
	top: -2px;
	width: 100%
}

.svg-intro-footer svg {
	position: relative;
	height: 100%;
	transform: rotate(180deg);
	width: 100%
}

.city-block:hover .-Text-cityBox-widgets-icon {
	background: #fff;
	color: var(--uicolor);
	border-color: #fff
}

benfit:hover .number-features i {
	color: #fff
}

.number-features {
	color: #fff;
	height: 120px;
	min-width: 120px;
	background: #fff;
	text-align: center;
	line-height: 120px;
	display: inline-block;
	border-radius: 100%;
	box-shadow: 0 0 40px 0 rgba(30, 22, 22, .06);
	transition: .3s ease-out;
	max-width: 120px;
	z-index: 2;
	position: relative
}

.before_features {
	background: var(--uicolor2);
	position: absolute;
	bottom: 0;
	right: 64px;
	width: 55px;
	height: 60px;
	z-index: 1;
	transition: .3s ease-out
}

.number-features i {
	font-weight: 300 !important;
	font-size: 43px;
	transition: .2s;
	color: var(--color)
}

benfit:hover .images_features {
	transform: scale(1.9)
}

.widget_description-info p {
	margin-top: 0
}

.widget_description-info {
	margin-top: 15px
}

@keyframes popu {
	0% {
		transform: scale(.6);
		opacity: 0
	}

	25% {
		transform: scale(.9);
		opacity: .8
	}

	50% {
		transform: scale(.7)
	}

	100% {
		transform: scale(1);
		opacity: 1
	}
}

.counterup-list {
	--primary-text: white;
	--secondarytext: #9d9fbf;
	z-index: 1;
	position: relative
}

.Copyright_achrive {
	display: flex;
	font-size: 15px;
	color: #fff;
	font-weight: 300;
	margin-inline-end: 9px
}

.Copyright_achrive span {
	margin-inline-start: 7px
}

.-Post-box-list-DayDate i {
	margin-inline-end: 6px;
	font-weight: 300
}

.-Post-box-list-DayDate {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 300;
	color: var(--secondarytext)
}

.city-block {
	min-width: 194px;
	max-width: 210px;
	border-radius: 20px;
	overflow: hidden;
	height: 100%;
	flex: 1;
	background: #fff;
	box-shadow: var(--box-shadow);
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 22px;
	margin: 10px
}

.-Text-cityBox-widgets-icon,
.city-block a {
	align-items: center;
	font-weight: 300;
	position: relative
}

.city-block a {
	display: flex;
	justify-content: center;
	font-size: 16px;
	color: var(--primary-text)
}

.city-block:hover .head-block-city h3,
.sectiomap .titles_concept_1 h2,
.sectiomap .titles_concept_1 p {
	color: var(--textcolor)
}

.head-block-city {
	position: relative;
	bottom: 0;
	width: 100%;
	z-index: 1;
	display: block
}

.icon_country,
.icon_country span i {
	display: flex;
	transition: var(--transition);
	z-index: 1
}

.head-block-city h3 {
	color: var(--alinks);
	font-size: 19px;
	font-weight: 500;
	text-align: center
}

.icon_country {
	min-width: 45px;
	background: #e6e6e6;
	border-radius: 50%;
	height: 45px;
	opacity: .8;
	justify-content: center;
	max-width: 45px;
	margin: 0 auto 14px
}

.services-info-city {
	display: flex;
	flex-wrap: wrap;
	margin-inline: -10px
}

.-Text-cityBox-widgets-icon {
	display: flex;
	--el-w: 55px;
	width: var(--el-w);
	height: var(--el-w);
	background: #ebf4ff5c;
	border-radius: 50%;
	justify-content: center;
	font-size: 21px;
	transition: 180ms;
	z-index: 1;
	color: var(--secondarytext);
	margin-inline: auto;
	margin-bottom: 15px
}

.-Text-cityBox-widgets-icon i {
	font-weight: 500;
	color: var(--secondarytext)
}

.-YC-WidgetType-service_request {
	background: #e9f2fb;
	border: 2px solid var(--uicolor);
	padding: 40px;
	position: relative;
	box-shadow: 0 0 0
}

.-YC-WidgetType-service_request:before {
	content: '';
	position: absolute;
	--border-w: 20px;
	--el-w: calc(100% - var(--border-w));
	width: var(--el-w);
	height: var(--el-w);
	top: calc(var(--border-w)/ 2);
	right: calc(var(--border-w)/ 2);
	border-radius: var(--miniradius)
}

.widget--sidebar--orders-UI--area {
	display: flex;
	align-items: center;
	flex-direction: column;
	align-content: center;
	flex-wrap: wrap;
	background: var(--uicolor_two);
	position: relative;
	padding: 30px;
	--diver: var(--uicolor_two);
	margin-bottom: 40px;
	border-radius: var(--largeradius);
	--primary-text: #ffffffeb
}

.widget--sidebar--orders-icon {
	font-size: 65px;
	margin-bottom: 40px;
	--el-w: 120px;
	width: var(--el-w);
	height: var(--el-w);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: #fff;
	padding: 15px;
	position: relative;
	box-shadow: 0 0 0 7px #de303033, 0 0 0 14px #de303017, 0 0 0 21px #3065de14;
	margin-top: 20px
}

.widget--sidebar--orders-icon>i {
	font-weight: 200
}

.widget--sidebar--orders-icon:before {
	content: "";
	position: absolute;
	left: var(--extra-shape, -6px);
	top: var(--extra-shape, -6px);
	right: var(--extra-shape, -6px);
	bottom: var(--extra-shape, -6px);
	border-radius: inherit;
	z-index: 1;
	transition: 180ms
}

.widget--sidebar--orders-info {
	display: block;
	text-align: center;
	margin-bottom: 30px
}

.widget--sidebar--orders-title {
	font-size: 23px;
	margin-bottom: 20px;
	color: var(--primary-text);
	line-height: 1.6;
	font-weight: 500
}

.widget--sidebar--orders-content {
	display: block;
	font-size: 17px;
	font-weight: 400;
	color: #d3d6da
}

.Copyright_achrive-footer,
.widget--sidebar--orders--phone-number>a {
	display: flex;
	align-items: center;
	color: #fff
}

.widget--sidebar--orders--phone-number {
	display: flex;
	position: relative
}

.widget--sidebar--orders--phone-number>a {
	padding: 20px 30px;
	border-radius: var(--largeradius);
	font-size: 18px;
	font-family: var(--f-number);
	font-weight: 700;
	background: #ffffff1f;
	line-height: 1;
	--hover--bg: var(--uicolor);
	z-index: 1;
	transition: .2s
}

.Address i,
.Copyright_achrive-footer a i {
	margin-inline-end: 15px;
	font-size: 30px;
	font-weight: 300;
	z-index: 1;
	width: 35px;
	height: 35px;
	border-radius: 50%
}

.widget--sidebar--orders--phone-number>a:hover {
	background: #fff;
	color: var(--uicolor);
	box-shadow: #dbdce700 0 0 0 1px, 0 15px 32px -14px #09234012, 0 4px 2px -3px #09234012
}

.Address,
.Copyright_achrive-footer a i,
.call--box-UserArea,
.contact-info a {
	align-items: center;
	display: flex
}

.Copyright_achrive-footer a i {
	color: var(--whatsapp);
	justify-content: center
}

.contact-info a {
	justify-content: right;
	right: inherit
}

.Address {
	font-size: 21px;
	color: #fff;
	line-height: 1.5;
	align-items: center;
	padding-bottom: 15px
}

.Address i {
	color: var(--uicolor);
	display: flex;
	align-items: center;
	justify-content: center
}

.call--box a.ads-phone-box {
	background: var(--call-color);
	border-color: var(--call-color)
}

.YC-company-info-contianer {
	flex: 1;
	min-width: 580px
}

.YC-company-info-contianer .titles_concept>span {
	margin-inline-start: 0
}

.-WP-benefts--items- {
	min-width: 120px;
	max-width: 400px;
	flex: 1;
	display: flex;
	gap: 11px
}

.-benfits-icon- i {
	color: var(--uicolor2);
	min-width: 40px;
	height: 40px;
	background: #c7f9ed;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	border-radius: 50%;
	max-width: 40px;
	font-weight: 400
}

.-benfits-icon- {
	display: flex;
	align-items: center;
	gap: 15px
}

.feature-title {
	font-size: 17px;
	display: flex;
	align-items: center;
	font-weight: 400
}

.feature-title {
    font-weight: 500;
    font-size: 15px;
    margin-top: 4px;
    color: var(--uicolor);
}

.feature-text {
	color: var(--secondarytext);
	line-height: 1.7;
	font-size: 14px;
	text-align: right
}

.YC-category-info-image {
	position: relative;
	width: 100%;
	height: 250px;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	background-image: var(--image-category);
	background-size: cover;
	background-position: center;
	background-color: var(--primary-text)
}

.YC-Secondery-Categoryes-continer- {
	display: flex;
	flex-wrap: wrap
}

.YC-Secondery-Categoryes-continer-.owl-rtl.owl-loaded.owl-drag .CategoryGrid__Item {
	margin: 0
}

.YC-Secondery-Categoryes-boxed {
	position: relative;
	overflow: hidden;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 15px
}

.YC-Secondery-Categoryes-boxed .-CategoryGrid__AvataIcon {
	padding: 21px
}

.YC-icon-back {
	font-size: 36px;
	color: var(--uicolor);
	width: 80px;
	height: 81px;
	font-weight: 300;
	position: absolute;
	bottom: 0;
	background: #fff;
	left: 0;
	color: var(--uicolor);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0 12px 0 0;
	border: 2px solid var(--uicolor);
	border-bottom: 0;
	border-left: 0
}

.YC-icon-back i {
	font-weight: 500
}

.YC-Categoryes-shape_two {
	display: flex;
	border-radius: 4px;
	gap: 15px
}

.YC-Categoryes-shape_two .Category__Item-shape_two {
	position: relative;
	flex: 1;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: flex .4s, -webkit-box-flex .4s, -ms-flex .4s;
	overflow: hidden;
	cursor: pointer;
	height: 390px;
	border-radius: 20px;
	min-width: 250px;
	max-width: 330px
}

.Category__Item-shape_two:hover .YC-category-image {
	transform: scale(1.2)
}

.Category__Item-shape_two:hover .-Category-info-shape-two p {
	height: 100%;
	transform: translate(0)
}

.Category__Item-shape_two:hover .-Category-info-shape-two {
	transform: translate(0, -80px)
}

.Category__Item-shape_two:after {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .3);
	inset: 0;
	width: 100%;
	height: 100%
}

.-Category-info-shape_two {
	display: flex;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: background-color .4s;
	opacity: 1;
	visibility: visible;
	background: rgba(0, 0, 0, 0);
	flex-direction: column;
	align-items: self-start;
	gap: 15px;
	text-align: right;
	padding: 25px;
	z-index: 2
}

.YC-Insurance-sliderbox,
.YC-Success_partners,
.YC-Success_partners-sliderbox,
.YC-bouqets-brand-btn,
.YC-page-concept-slider,
section.YC_category_shap_two {
	position: relative;
	overflow: hidden
}

.YC-Categoryes-shape_two .Category__Item-shape_two:hover .-Category-info-shape_two * {
	opacity: 1;
	visibility: visible;
	transform: none;
	transition: .3s .3s
}

.-Category-info-shape_two p {
	color: #fff;
	margin-bottom: 0;
	transform: translate3d(0, 60px, 0);
	visibility: hidden;
	opacity: 0;
	transform-style: preserve-3d;
	font-size: 18px;
	line-height: 1.6;
	font-weight: 300
}

.-Category-info-shape_two a {
	color: #fff;
	transform: translate3d(0, -60px, 0);
	visibility: hidden;
	opacity: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	font-size: 23px;
	font-weight: 500
}

section.YC_category_shap_two {
	display: block;
	padding: 60px 0
}

section.YC_category_shap_two:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: var(--image);
	background-size: cover;
	inset: 0
}

section.YC_category_shap_two:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--uicolor);
	inset: 0;
	opacity: .6
}

.YC-Insurance-sliderbox {
	padding: 20px 20px 50px;
	display: flex
}

.YC-Secondery-Categoryes-silder,
.section-Insurance {
	overflow: hidden
}

.YC-bouqets-brand-btn {
	background: #fff;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--box-shadow);
	border-radius: 20px;
	height: 139px;
	transition: .2s
}

.YC-bouqets-brand-btn:before {
	background-repeat: no-repeat;
	content: "";
	background-image: var(--bg-Insurance);
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
	background-position: center
}

.YC-bouqets-brand-btn:hover img {
	transform: scale(1.1)
}

.YC-bouqets-brand-btn img {
	width: auto;
	height: 100%;
	transition: .1s
}

title--tooltip {
	position: fixed;
	background: var(--uicolor);
	border-radius: var(--miniradius);
	color: #fff;
	font-size: 14px;
	max-width: 250px;
	font-weight: 400;
	line-height: 1.6;
	z-index: 20000;
	transition: .2s
}

title--tooltip.social-tooltip {
	min-width: max-content;
	padding: 15px
}

.YC-Insurance-slider {
	margin-top: 60px
}

.YC-Success_partners-sliderbox {
	margin-inline: auto;
	display: block;
	padding: 10px 3px
}

.info-image-container,
.order-contact-box .contact-info:before {
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	inset: 0
}

.YC-Success_partners:before {
	background: center center/cover no-repeat;
	background-image: var(--bg-intro);
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--uicolor)
}

.order-contact-box .ButtonConcept {
	margin: 0;
	position: relative;
	z-index: 1
}

.order-contact-box .titles_concept p {
	color: #fff;
	text-align: right;
	margin-top: 5px;
	font-weight: 300;
	font-size: 16px
}

.order-contact-box .titles_concept h2 {
	text-align: right;
	color: #fff;
	font-size: 34px
}

.order-contact-box .contact-info:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	opacity: .95;
	pointer-events: none
}

.counterswidget-elements:before,
.order-contact-box .contact-info:before {
	content: "";
	position: absolute
}

.contact-info .ButtonConcept a span {
	font-size: 18px
}

.order-contact-box .contact-info a.price_Alniks {
	background: #fff;
	color: var(--uicolor);
	padding: 10px 22px
}

.YC-banner-boxed {
	position: absolute;
	z-index: 22;
	left: 30px;
	top: 0;
	margin: -8em 0 0
}

.YC-banner-boxed img {
	width: auto;
	height: 100%
}

.YC-Secondery-Categoryes-boxed .Category__Item-shape_two {
	margin: 15px;
	flex: 1;
	min-width: 250px;
	cursor: pointer;
	max-width: 100%;
	background-color: #fff;
	border-style: none;
	transition: .4s;
	border-radius: var(--largeradius);
	border: 1px solid rgb(249 251 254);
	display: flex;
	overflow: hidden;
	padding: 40px;
	box-shadow: 0 2px 13px #1f1e8708;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 450px;
	position: relative
}

.YC-Secondery-Categoryes-box {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 20px;
	margin-inline: -20px
}

.-YC-owl-navs-items>.-YC-owl-Slides-prev {
	right: -30px
}

.-YC-owl-navs-items>.-YC-owl-Slides-next,
.-YC-owl-navs-items>.-YC-owl-Slides-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #fff;
	border: 2px solid var(--uicolor);
	--chev-w: 45px;
	width: var(--chev-w);
	height: var(--chev-w);
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: 21px;
	color: #fff;
	transition: .2s;
	cursor: pointer;
	background: var(--uicolor);
	opacity: 0;
	visibility: hidden
}

.-YC-Category-row-v2 .-YC-owl-navs-items>.-YC-owl-Slides-next {
	left: -80px
}

.YC-Secondery-Categoryes-box:hover .-YC-owl-navs-items>.-YC-owl-Slides-next {
	left: 0;
	opacity: 1;
	visibility: visible
}

.-YC-owl-navs-items>.-YC-owl-Slides-next {
	left: -50px
}

.YC-Secondery-Categoryes-box:hover .-YC-owl-navs-items>.-YC-owl-Slides-prev {
	right: 1px;
	visibility: visible
}

.info-image-container {
	position: absolute;
	background-image: var(--bg-intro)
}

.info-image-left {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: .3
}

.YC-slider-navs .-YC-owl-navs-items .-YC-intro-Slides-next,
.YC-slider-navs .-YC-owl-navs-items .-YC-intro-Slides-prev {
	display: flex;
	--el-ww: 58px;
	width: var(--el-ww);
	height: var(--el-ww);
	border-radius: 50%;
	position: absolute;
	align-items: center;
	justify-content: center;
	margin: 5px;
	color: #fff;
	font-size: 40px;
	cursor: pointer;
	transition: 180ms;
	top: 0;
	bottom: 0;
	--icon-size: 80px;
	background-color: #272f4161;
	border-color: var(--uicolor)
}

.YC-slider-navs .-YC-owl-navs-items .-YC-intro-Slides-next {
	left: 0
}

.YC-slider-navs .-YC-owl-navs-items .-YC-intro-Slides-prev {
	right: 0
}

.YC-slider-navs {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	z-index: 2;
	display: flex;
	width: 89%
}

.content_features_box {
	overflow: hidden;
	max-width: 320px;
	position: relative
}

benfit.active .content_features_box {
	height: var(--pin-height);
	visibility: visible;
	opacity: 1;
	display: block
}

.YC_titles_features {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	justify-content: space-between
}

.YC_titles_features i {
	font-weight: 400 !important;
	font-size: 25px;
	transition: .2s
}

.YC-slider-info-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
	width: 100%;
	z-index: 1;
	height: 30%;
	min-height: 290px;
	transform: skewX(0deg);
	border-radius: 11% / 60%;
	overflow: hidden;
	/* left: 5%; */
	/* bottom: 2%; */
	backdrop-filter: blur(38px);
	background: linear-gradient(180deg, var(--uicolor), transparent);
	position: relative;
	justify-content: center;
}

.YC__video-elements-items:after,
.YC__video-elements-items:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: var(--theme-color);
	z-index: -1;
	border-radius: 50%;
	-webkit-transition: .4s;
	transition: .4s
}

@-webkit-keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

	30% {
		opacity: .4
	}

	100% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
		opacity: 0
	}
}

@keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

	30% {
		opacity: .4
	}

	100% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
		opacity: 0
	}
}

.YC__video-elements-items:after {
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: ripple;
	animation-name: ripple;
	background: #fff
}

.YC__video-elements-items:hover {
	background: var(--uicolor2);
	color: #fff
}

.YC__video-elements-items {
	width: 75px;
	height: 75px;
	background: #fff;
	position: relative;
	color: var(--uicolor2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 33px;
	text-align: center;
	border-radius: 50%;
	z-index: 1;
	transition: .4s;
	cursor: pointer
}

.YC__video-elements-items i {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px
}

.yc-widget_description-info {
	display: flex;
	margin-top: 20px;
	min-width: max-content;
	flex-direction: column;
	gap: 10px
}

.YC-section-image,
.boxed-banner-image .container {
	align-items: center;
	position: relative;
	display: flex
}

.boxed-banner-image .container {
	justify-content: space-between
}

.YC-section-image img {
	object-fit: cover;
	height: 100%;
	position: relative;
	left: 0;
	width: 100%
}

.YC-section-image {
	max-width: 791px;
	right: 0;
	border-radius: 20px;
	height: 618px;
	justify-content: center
}

.YC-section-image .YC__video-elements-items {
	position: absolute;
	width: 85px;
	height: 85px
}

.YC-section-image .YC__video-elements-items i {
	font-size: 32px
}

.YC-section-faq-left {
	position: relative
}

.YC-category-image {
	background-image: var(--image-category);
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	transition: .5s
}

.-Category-info-shape-two {
	position: absolute;
	bottom: 0;
	text-align: right;
	padding: 14px;
	z-index: 1;
	transition: .4s;
	width: 100%
}

.-Category-info-shape-two p {
	line-height: 1.7;
	font-size: 14px;
	font-weight: 400;
	height: 0;
	transition: .2s;
	transform: translateY(105px);
	position: absolute
}

.-Category-info-shape-two a {
	font-size: 19px;
	color: #fff;
	margin-bottom: 10px;
	display: block;
	font-weight: 600;
	transition: .2s
}

.popup-call .popup-boxnumber a i,
.popup-call .popup-boxnumber strong,
section.YC_category_shap_two .titles_concept h2 {
	color: #fff
}

section.YC_category_shap_two .titles_concept p {
	color: #fff;
	text-align: center;
	margin-inline: auto
}

.YC__video-info-container {
	min-width: 200px;
	max-width: 220px;
	display: flex;
	align-items: center;
	justify-content: center
}

.YC-box-item-box {
	display: flex;
	gap: 10px;
	margin-bottom: 10px
}

.-single-bottom-list-category-terms {
	border-radius: 10px;
	display: flex;
	font-size: 13px;
	padding: 6px 8px;
	display: flex;
	align-items: center;
	overflow: hidden;
	color: #fff
}

.div--sper {
	position: relative;
	z-index: 2
}

.counterswidget-list {
	display: flex;
	width: 100%;
	gap: 10px;
	align-items: center
}

.section-Success_partners .container {
	position: relative;
	padding: 40px;
	background: #eef3ff;
	border-radius: 20px
}

.YC-Success_partners-slider {
	margin-top: 25px;
	display: block;
	position: relative
}

.model-works {
	position: relative;
	overflow: hidden;
	background: #fbfcff
}

.model-works:before {
	background-image: var(--image);
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	width: 540px;
	height: 611px;
	top: 0;
	left: 0
}

.YC-widght-Categoryes_icons,
.section-box-box {
	display: flex;
	flex-wrap: wrap;
	gap: 15px
}

.section-faq {
	position: relative;
	background: #f6f7f9;
	padding-bottom: 0
}

.link_features,
.link_features i {
	text-align: center;
	transition: .3s ease-out
}


.CategoryGrid__shape {
	min-width: 340px;
	max-width: 425px;
	flex: 1;
	display: flex;
	align-items: self-start;
	gap: 25px;
	background: #ecf2ff;
	padding: 25px;
	border-radius: 20px
}

span.icon-CategoryGrid {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 53px;
	color: var(--uicolor3)
}

.-CategoryGrid-Avata-Icon {
	flex: 1
}

.-CategoryGrid-Avata-Icon p {
	font-size: 18px;
	line-height: 1.6;
	font-weight: 300
}

.-CategoryGrid-Avata-Icon a {
	font-size: 21px;
	margin-bottom: 10px;
	display: block;
	font-weight: 600
}

.btn-phone a::after {
	animation-delay: .5s !important
}

.btn-phone a:after,
.btn-phone a:before {
	content: "";
	display: block;
	position: absolute;
	border: 2px solid var(--uicolor);
	inset: -20px;
	border-radius: 50%;
	animation: 1.5s linear infinite animate;
	opacity: 0
}

@keyframes animate {
	0% {
		transform: scale(.5);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		transform: scale(1.2);
		opacity: 0
	}
}

.link_features {
	font-size: 18px;
	color: #fff;
	background: var(--uicolor);
	transform: rotate(-90deg);
	position: absolute;
	left: -65px;
	top: 66px;
	display: inline-block;
	padding: 15px 50px;
	z-index: 2;
	border-radius: 10px;
	gap: 13px;
	display: flex
}

.link_features i {
	width: 20px;
	height: 20px;
	line-height: 20px;
	background-color: #fff;
	color: var(--primary-text);
	border-radius: 50px;
	font-weight: 700
}

.image_benfit:after {
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
	content: "";
	opacity: .3;
	visibility: visible;
	background-color: #203240
}

.order-contact-box .contact-info {
	background-color: var(--uicolor2);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: -60px;
	z-index: 2;
	border-radius: 20px;
	overflow: hidden;
	padding: 30px
}

features {
	display: block;
	position: relative;
	background: linear-gradient(180deg, #c7f9ed, #fffffff2, #c7f9ed);
	border-bottom: 4px solid #0000000a;
	border-top: 4px solid #0000000a
}

.page-concept {
	position: relative;
	overflow: hidden;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border-bottom: 12px solid #0b111933;
	box-shadow: 0 0 5px #00000033
}

a.ads-phone-box i.fa-thin.fa-phone-volume {
	color: #fff;
	font-size: 15px
}

.call--box a.ads-phone-box {
	background: #a1231d;
	border-color: #fff;
	color: #fff
}

.popup-boxnumber a {
	background: #a1231d;
	color: #fff;
	border-color: #a1231d
}

.car-brands {
    padding: 60px 0;
    text-align: center;
}

.car-brands .brands-title h2 {
    font-size: 28px;
    margin-bottom: 40px;
    font-weight: 700;
    color: #111;
}

.car-brands .brands-grid {
    display: flex;
    gap: 30px;
    justify-items: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.car-brands .brand-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.car-brands .brand-box:hover {
    transform: translateY(-5px);
}

.car-brands .brand-logo img {
    max-width: 90px;
    height: auto;
    object-fit: contain;
    margin-bottom: 10px;
}

.car-brands .brand-name {
    font-size: 16px;
    color: #0a1f44;
    font-weight: 600;
    font-family: "Cairo", sans-serif;
}


.feature-image {
    height: 125px;
    width: 115px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.feature-image img {
    height: auto;
    width: auto;
}

.feature-box {
    max-width: 180px;
    min-width: 160px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: var(--box-shadow-defult);
    padding: 13px;
    border-radius: 10px;
    transition: all 0.2s ease;
}

.feature-box a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.feature-box:hover .feature-title {
    color: var(--uicolor2);
}

.feature-box:hover {
    transform: translate(0px, -10px) scale(1.03);
}
.widget_text {
    max-width: 1440px;
    margin: 0 auto;
    padding: 50px 30px;
}
.textwidget>h2 {
    font-weight: 600 !important;
    color: var(--textcolor);
}
.textwidget {
    list-style: revert;
    text-align: revert;
    color: var(--secondarytext);
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
}
.textwidget * {
    margin: revert;
    padding: revert;
    list-style: revert;
}