.btn-5 {
margin-top: 21px!important
}
.gridpostsingle {
display: flex;
flex-wrap: wrap
}
.ArticleDetails a,.unline:hover {
text-decoration: underline
}
.ArticleDetails a {
font-weight: 700;
color: #00f
}
*,body {
-webkit-font-smoothing: antialiased
}
.box-price.featuer .links_price,.intro-page.-model-1,.page-concept .s-price-contact,.section-faq,body {
background: #fff
}
.block-cotact i,.block-cotact li,.hoverable,.logo img,.single-,footer,header>.container {
position: relative
}
.footer_menu ul,.menu-nav>ul,ul,ul.CommentsListInner {
list-style: none
}
#button,.footer_menu ul li,.menu-nav>ul>li>a {
border-radius: var(--miniradius)
}
#button.show,.show {
visibility: visible
}
.ReplyCommentPreview>h2>span,.links_price {
text-transform: capitalize
}
.menu-nav>ul>li>ul.sub-menu,.menu-nav>ul>li>ul>li>ul {
max-width: 350px;
padding: 13px;
transition: .3s;
min-width: 300px
}
*,.ez-toc-title {
vertical-align: middle
}
.Bot-Steps,.album-holder,.hoverable::after,form.opctiy {
pointer-events: none
}
body[mode=light] {
--uicolor: #09261f;
--bgcolor: #ffffff;
--textcolor: #0b2239;
--bghover: #0613260f;
--diver: #171f2621;
--secondarytext: #201f1f;
--disable-text: #ffffff4d;
--disable-button: #ffffff33;
--positive: #35bf56;
--titlecolor: #011e12;
--contentcolor: #232753d4;
--bkground: #eceef2;
--alinks: #232753;
--border: #d7d9df;
--iconcolor: #8f8c91;
--transition: all 0.2s ease;
--hover-overlay: #06063205;
--uicolor2: #fdda16;
--uicolor3: #232753;
--box-shadow: 0px 2px 6px #0000003d
}
: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: 15px;
--largeradius: 25px;
--ffamily: Alexandria;
--ffamilystrong: Lalezar
}
body {
font-family: var(--ffamily);
line-height: 1.4;
font-size: var(--fsize)
}
body::-webkit-scrollbar-thumb {
background: #c5c5c5
}
.table__container table,img {
max-width: 100%
}
body::-webkit-scrollbar {
width: 8px;
height: 8px
}
h1 {
--hfont--size: 2em
}
h2 {
--hfont--size: 1.5em
}
h3 {
--hfont--size: 1.17em
}
h5 {
--hfont--size: 0.83em
}
h6 {
--hfont--size: 0.67em
}
h1,h2,h3,h4,h5,h6 {
font-weight: 500
}
* {
margin: 0;
padding: 0;
outline: 0;
box-sizing: border-box;
font-family: inherit;
word-break: break-word
}
.faq_section {
margin-bottom: 50px;
display: flex;
align-items: self-start;
justify-content: space-between
}
.faq-section2.faq-model .faq_section {
margin: auto;
justify-content: center
}
.ButtonConcept a span,.CommentContent,.Singlemosttabs,.block-cotact li a,.box-nubmer,.box-nubmer-mobile,.ez-toc-title-container,.list-contact a,.list-contact span,.model_shap_one_title,.rating-head,.secondHeader .container,.title-text,ol.BreadcrumbsFilters li,ul.contact-us li a,ul.contact-us li span {
display: flex;
align-items: center
}
section.price-section,sections-items>[section-concept]:nth-child(odd) {
background: #f3f3f3
}
h3.slice-ti2tle {
background: 0!important;
text-align: center;
font-size: 32px
}
rootinside {
display: block;
min-height: 100vh
}
a {
text-decoration: none;
transition: color 350ms
}
.-category-boxed,.-category-image,.-category-image a,.-category-image a:before,.-category-image span,.-works,.-works-info,.box-price h3,.box-price p,.city-block,.city-block_bh,.city-block_bh h2,.faq-section.active .answer,.footer_menu ul li a,.head-block-city,.icon_country,.icon_country span i,.links_price,.menu-nav>ul>li>a,.menu-nav>ul>li>ul li>a,.menu_bar,header {
transition: var(--transition)
}
.container {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px
}
.activable:active {
transform: scale(.96);
opacity: .85
}
.hoverable.hoverableselect:hover::after {
background: var(--media-hover)
}
.hoverable.hoverableselect::after {
transition: none
}
.boxed-cata-left-image .owl-stage-outer,.hoverable,.works-single-img- .owl-stage-outer {
overflow: hidden
}
#button,.btn-phone,.btn-whatsapp {
position: fixed;
width: 50px;
height: 50px;
right: 20px
}
.hoverable::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: 0 0;
transition: 150ms var(--transition-timing-in) background
}
.hoverable:hover::after {
transition: 50ms var(--transition-timing-in) opacity;
opacity: 1;
background: var(--hover-overlay)
}
.activableopac:active,.city-block:hover .icon_country img {
opacity: .7
}
header {
top: 0;
z-index: 99;
left: 0;
right: 0;
position: sticky;
background: linear-gradient(0deg,#e5e5e5,transparent);
box-shadow: 0 0 9px #0000003d;
padding-bottom: 10px
}
.-box-users-,header>.container {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 10px
}
.menu-nav>ul {
display: flex;
font-size: 17px;
flex-wrap: wrap;
align-items: center;
margin-inline-start:7px}
.company p,allrights-reserved {
font-size: 14px;
color: #fff
}
.menu-nav>ul>li,.menu-nav>ul>li>ul li {
display: block;
position: relative;
margin-inline-end:5px}
.dislike-btn.Griduser,.menu-nav>ul li:last-child,ol.BreadcrumbsFilters>li.none_after i {
margin-inline-end:0}
.menu-nav {
color: #000;
flex: 1 1 0%
}
.menu-nav>ul>li.current-menu-item>a {
background: #6ee1e7;
color: #202020
}
.menu-nav>ul>li>a {
font-size: 16px;
padding: 6px 15px;
white-space: nowrap;
display: block;
font-weight: 600;
color: var(--uicolor);
display: flex
}
.-GridItem-1:hover .-GridItem-1-category-Item>span,.menu-nav>ul>li>a:hover {
background: var(--uicolor2);
color: var(--uicolor3)
}
footer {
background: #262654;
padding: 6px 0 0
}
.foot {
padding: 0
}
.footer_menu ul {
flex: 1 1 0%;
display: flex;
text-align: right;
flex-wrap: wrap;
margin: -5px
}
.footer_menu ul li {
flex: 1 1 0%;
text-align: center;
margin: 8px
}
.footer_menu ul li a {
font-size: 15px;
padding: 8px 10px;
white-space: nowrap;
display: block;
overflow: hidden;
text-overflow: ellipsis;
background: var(--uicolor3);
font-weight: 400;
border-radius: 10px;
color: #fff
}
.footer_menu ul li a:hover {
background: var(--uicolor);
color: #fff
}
#button.show {
opacity: 1;
font-size: 34px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
cursor: pointer
}
#button {
display: inline-block;
background: var(--uicolor);
text-align: center;
bottom: 30px;
transition: background .3s,opacity .5s,visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 99
}
.btn-phone,.btn-whatsapp {
display: flex;
align-items: center;
border-radius: 50%;
bottom: 18px;
z-index: 2;
background: #4caf50;
animation: 2s ease-in-out infinite callrotate;
box-shadow: var(--box-shadow)
}
.-GridItem-1,.-GridItem-1-ThumbBox {
border-radius: 20px;
overflow: hidden
}
.show {
z-index: 99;
transition: .3s
}
.-GridItem-1,.-GridItem-1-info {
transition: var(--transition);
position: relative
}
.foot-footer {
color: #fff;
text-align: center;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
padding: 10px 5px;
border-top: 2px solid #ffffff24
}
allrights-reserved {
text-align: center;
position: relative;
display: block;
max-width: 500px;
min-width: 200px;
flex: 1;
display: flex
}
.company {
position: relative;
flex: 1;
display: flex;
text-align: left;
justify-content: left;
align-items: end
}
.company p {
display: flex;
align-items: end;
font-weight: 400
}
.company p a img {
width: 130px;
height: auto
}
.-section- {
flex: 1;
max-width: 100%
}
.-post-box {
min-width: 360px;
max-width: 360px;
flex: 1;
height: 100%
}
.post-intro-slider- {
display: flex;
flex-wrap: wrap;
margin-inline:-5px}
.-GridItem-1 {
min-width: 260px;
max-width: 313px;
flex: 1;
margin: 15px;
box-shadow: 0 2px 6px #0000003d;
background: #fff;
height: 100%;
padding: 14px
}
.-GridItem-1:hover,.city-block:hover {
transform: translate(0,-1px)
}
.-GridItem-3>a {
display: flex;
height: 100%
}
.-GridItem-1-info {
color: var(--contentcolor);
display: flex;
flex-direction: column;
bottom: 0;
width: 100%;
z-index: 1;
padding: 14px 0 0
}
.-GridItem-1-info p {
font-size: 13px;
font-weight: 400;
line-height: 1.6;
margin-bottom: 10px
}
.-GridItem-1-info a h3 {
display: flex;
color: var(--secondarytext);
position: relative;
width: 100%;
font-size: 19px;
font-weight: 600;
overflow: hidden;
height: 54px
}
.-GridItem-1-info a h3:hover {
color: var(--alinks)
}
.-GridItem-1-ThumbBox>a,.btn-phone a {
width: 100%;
height: 100%
}
.-GridItem-1-ThumbBox a img,.-GridItem-4-ThumbBox,.-GridItem-6-ThumbBox>a,.contact-map div,iframe {
width: 100%;
height: 100%;
display: block;
position: relative
}
.-GridItem-1-ThumbBox {
position: relative;
width: 100%;
border: 1px solid #dde6ff;
display: flex;
align-items: center;
justify-content: center;
background: #dde6ff
}
.-GridItem-1-category-Item a,.-GridItem-1-category-Item span {
padding: 5px 15px;
color: #fff;
display: flex;
z-index: 2;
border-radius: 15px;
transition: var(--transition);
font-weight: 500;
overflow: hidden
}
.-GridItem-1-category-Item {
position: absolute;
overflow: hidden;
z-index: 1;
display: flex;
margin-bottom: 10px;
align-items: center;
top: 15px;
left: 15px
}
.-GridItem-1-category-Item a {
font-size: 11px;
background: var(--uicolor);
position: relative
}
.-GridItem-1-category-Item span {
font-size: 12px;
background: var(--uicolor3);
position: relative
}
sections-items>* {
padding: 50px 0;
position: relative
}
section.city-section {
border-radius: 100px 100px 0 0;
border: 5px solid #fff;
border-right: 0px;
border-left: 0;
box-shadow: 0 0 15px -9px #00000026
}
.-GridItem-3-ThumbBox {
min-width: 70px;
max-width: 70px;
flex: 1;
border-radius: 15px;
overflow: hidden;
border: 1px solid #d1cdcd;
background: #fdfdfd
}
.-GridItem-3-ThumbBox img,.-GridItem-4-ThumbBox a,.icon_country span,.intro-image,.intro-image img {
width: auto;
height: auto;
display: block
}
.-GridItem-3-info {
flex: 1;
margin-inline-start:13px;overflow: hidden;
display: flex;
flex-direction: column;
position: relative
}
.-GridItem-3-info>a {
position: absolute;
width: 100%;
height: 100%
}
.-category-info>a {
color: var(--titlecolor);
font-size: 15px;
font-weight: 400;
line-height: 1.8;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: var(--transition)
}
.GridItem-3-title-model h3 {
color: var(--alinks);
font-size: 15px;
font-weight: 400
}
.GridItem-3-title-model a {
color: var(--alinks);
font-size: 17px;
font-weight: 400;
position: relative;
text-overflow: ellipsis;
transition: var(--transition);
line-height: 1.7
}
.-GridItem-3:hover .GridItem-3-title-model h2,.-GridItem-5:hover .GridItem-5-title-model h2,.-category-boxed-intro:hover .intro_title_boxed a h2,.-faqs-singlebox>ul li.active h2 span,.-faqs-singlebox>ul>li>h2:hover i,.-faqs-singlebox>ul>li>h2>span:hover,.city-block:hover .icon_country span i,.city-block_bh:hover a h2,ul.ChildComments>li>a:hover,ul.CommentsListInner>li>a:hover {
color: var(--uicolor2)
}
.-GridItem-3 {
transition: var(--transition);
display: flex;
min-width: 270px;
max-width: 100%;
padding-inline:0;flex: 1;
background: #fff;
border-radius: var(--largeradius);
margin: 6px;
padding: 10px;
align-items: center
}
.-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;
position: relative;
transition: 180ms;
padding: 10px 15px;
border-radius: var(--largeradius);
font-size: 11px;
font-weight: 500;
color: var(--secondarytext)
}
.-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
}
span.-DisplayDate- i,ul.-GridItem-3-headline li i,ul.-date-model-1 li i {
margin-inline-end:6px}
ul.-GridItem-3-headline {
display: flex;
align-items: center;
margin-bottom: 5px
}
.-Posts-intro-box .-GridItem-3:last-child {
margin-bottom: 0
}
.-Posts-intro-box {
display: flex;
flex-wrap: wrap;
height: 100%;
width: 100%
}
.intro-yu {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 540px
}
.info-cover {
max-width: 646px;
flex: 1;
display: flex;
flex-direction: column;
margin-inline-end:44px}
.info-cover>span:before {
content: "";
position: relative;
width: 21px;
height: 2px;
background: #fff;
margin-inline-end:6px}
.info-cover>span {
display: flex;
align-items: center;
color: #fff;
font-size: 16px;
font-weight: 500
}
.info-cover h1 {
margin-bottom: 10px;
font-size: 30px;
font-weight: 500;
line-height: 1.5;
margin-top: 11px;
color: var(--contentcolor);
align-items: center
}
.info-cover p {
color: var(--contentcolor);
position: relative;
font-size: 16px;
width: 100%;
font-weight: 400;
line-height: 26px
}
.img_back-yu {
max-width: 560px
}
.img_back-yu img {
width: 100%;
height: 530px;
filter: drop-shadow(0px 2px 5px #00000042)
}
.intro_buttun {
display: flex;
margin-top: 20px;
flex: 1
}
.page-concept {
position: relative;
background: #f3f3f3
}
.call--box,.d-flex-bh,.social--footer {
display: flex;
align-items: center;
flex-wrap: wrap
}
.social--footer {
justify-content: center
}
.facebook {
--socialcolor: #0278bd;
--scoial: #0278bd
}
.social--footer>a {
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
font-size: 22px;
border-radius: 10px;
color: #fff;
background: var(--socialcolor);
border: 1px solid var(--uicolor3);
transition: 180ms;
display: flex;
margin-inline-end:10px;transition: all var(--transition)
}
.city-block_bh,.model-1,.model-2,.model-works,.title-page,section.bh_model_shap_posts,ul.-Tabs--Posts--List li {
background: var(--bkground)
}
.social--footer>a i {
font-size: 20px;
font-weight: 300!important;
width: 100%;
text-align: center;
transition: all var(--transition)
}
a.twitter {
--socialcolor: #8da4fb
}
.youtube {
--socialcolor: #FF0000
}
a.linkedin {
--socialcolor: #5d93ff
}
a.telegram {
--socialcolor: #369aff
}
.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 h2 i {
font-size: 30px;
margin-inline-end:10px;color: #747474;
font-weight: 300
}
.contact-info,.logo_footer,.user-Phone- {
margin-top: 20px
}
.text-footer-menu {
margin-bottom: 18px;
font-size: 25px;
font-weight: 600;
color: var(--uicolor3)
}
.menu-nav>ul>li.current-menu-item>a {
background: var(--uicolor2);
color: var(--uicolor3);
font-weight: 600
}
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;
transform: scale(1.09)
}
.faq-section.active .answer,ul.-Tabs-loadmore-List li.-Tabs-loadmore.active {
opacity: 1;
visibility: visible
}
.-GridItem-3:hover .-GridItem-3-ThumbBox img {
filter: brightness(.9)
}
.postmodel.model-1 {
display: flex;
margin: 15px -5px;
position: relative;
flex-wrap: wrap
}
.-single-cat-box .-Breadcrumb-SingularPost,.-single-city-box .-Breadcrumb-SingularPost,.ButtonConcept,.adress-contact,section.bh_category_shap .titles_concept_1,section.city-section .titles_concept_1,section.price-section .titles_concept_1 {
align-items: center
}
.-Griditem-4-title-description {
margin-bottom: 10px
}
.titles_concept {
display: flex;
flex: 1;
justify-content: center;
margin-bottom: 15px;
position: relative
}
.titles_concept_1 {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center
}
.titles_concept_1 p {
font-size: 16px;
font-weight: 400;
max-width: 800px;
color: var(--uicolor3);
display: block;
line-height: 1.6
}
.titles_concept_1 h2 {
color: var(--uicolor3);
font-size: 25px;
font-weight: 600;
display: flex;
margin-bottom: 5px
}
.titles_concept_1 h2 i {
font-size: 30px;
margin-inline-end:10px;font-weight: 500;
color: #3e3e3e
}
li.-GridItem-6--date {
color: var(--contentcolor);
font-weight: 400;
font-size: 13px
}
.ButtonConcept {
display: flex;
justify-content: center;
margin: 15px 50px
}
.ButtonConcept a {
font-size: 16px;
background: var(--uicolor);
padding: 10px 50px;
border-radius: 20px;
color: #fff;
transition: var(--transition);
font-weight: 500;
transform: scale(1);
display: flex;
align-items: center
}
.box-price em,p.Service_price {
transform: rotate(313deg);
font-style: normal
}
.ButtonConcept a:hover {
background: var(--uicolor3);
color: #fff
}
.ButtonConcept a i,a.contact p {
margin-inline-start:8px}
.postmodel-model-2 {
display: flex;
margin-top: 20px;
flex-wrap: wrap;
margin-inline:-7px}
.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 {
display: flex;
align-items: center;
padding: 6px;
background: var(--uicolor2);
border-radius: 20px;
color: #fff;
font-weight: 400;
transition: var(--transition);
font-size: 13px
}
.-GridItem-1-category-Item a:hover,.category-Item a:hover,.owl-next:hover,.owl-prev:hover {
background: var(--uicolor2);
color: #fff
}
.GridItem-title->a {
display: flex;
flex-direction: column;
margin-top: 10px
}
.GridItem-title->a h3 {
color: var(--uicolor);
transition: var(--transition);
font-weight: 500;
font-size: 18px;
height: 51px;
overflow: hidden
}
.GridItem-title->a>p {
font-size: 15px;
font-weight: 300;
line-height: 1.6;
color: var(--contentcolor)
}
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;padding: 7px 15px;
border-radius: 11px;
color: #121212;
font-size: 16px;
cursor: pointer;
font-weight: 400;
display: flex;
align-items: center;
transition: .2s
}
.faq-info {
display: block;
max-width: 64%;
background: #fff;
padding: 20px;
border-radius: 20px;
box-shadow: var(--box-shadow);
margin: auto
}
.-single-parent-flexes--content-inner .-single-parent-flexes--content-bar ol.BreadcrumbsFilters,.answer {
margin-top: 0
}
.head-faq-title {
display: flex;
align-items: center;
flex: 1;
cursor: pointer
}
.head-faq-title h3 {
flex: 1;
font-size: 20px;
color: var(--uicolor3);
font-weight: 500
}
.answer p,.cat_title_boxed p {
line-height: 1.7;
color: var(--contentcolor)
}
.faq-section {
display: flex;
flex-direction: column;
background: var(--bkground);
margin-bottom: 12px;
padding: 15px 20px;
border-radius: 20px
}
.-category-boxed,.box-price,.category_intro-- .-category-boxed-intro:hover,.works-single-parent-,company-info {
background: #fff;
box-shadow: var(--box-shadow)
}
.answer {
height: 0;
visibility: hidden;
opacity: 0;
overflow: hidden;
transition: 180ms
}
.answer p {
font-weight: 400;
font-size: 16px
}
.icon_faq i {
font-size: 19px;
transition: .2s
}
.Bot-Steps .Bot-Step .Bot-Step-Head>span.disabled,.bottun span.lese,.bottun.transform span.more,.btn-5 [hidden],.btn-phone h3,.btn-whatsapp h3,.icon_faq i.fas.fa-minus,.menu_bar.icon i.fa-duotone.fa-bars,.owl-next.disabled,.owl-prev.disabled,header .menu_bar i.fa-thin.fa-xmark,header.fixed .FristHeader,header.fixed .menu_bar .fa-xmark,header.fixed .menu_bar.icon .fa-bars,span.ez-toc-title-toggle a input {
display: none
}
.faq-section.active .answer {
height: var(--outheight);
display: block;
margin-top: 10px
}
ul.-Tabs--Posts--List li.-Tabs--Posts--Items.active {
background: var(--uicolor3);
color: #fff;
font-size: 18px;
font-weight: 500
}
.-posts-sidebar-body,.-posts-sidebar-body.-model-2,.-single-services-box .container,.category-shap,.category_intro--,.category_panner-mobile,.cities-list__inner,.price-block,benfits,p.-common-keywords {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.-category-boxed {
min-width: 260px;
max-width: 320px;
flex: 1;
margin: 10px;
border-radius: 15px;
overflow: hidden;
position: relative;
display: block;
padding: 23px
}
.-category-image {
position: relative;
border-radius: 14px;
display: flex;
flex-direction: column-reverse
}
.-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;
top: 0;
bottom: 0;
background: #1e20224d;
opacity: 0;
visibility: hidden;
z-index: 1
}
.-category-image span {
border-radius: 50%;
width: max-content;
height: auto;
display: block
}
.-category-image span i {
display: flex;
position: relative;
width: 100%;
height: 100%;
font-size: 35px!important;
font-weight: 400;
color: #3e3e3e;
transition: .4s
}
.box-price,.cat_title_boxed a h3 {
transition: var(--transition);
position: relative;
overflow: hidden
}
.cat_title_boxed,.s-price-contact form {
margin-top: 10px
}
.cat_title_boxed p {
font-size: 14px;
font-weight: 400;
display: block;
transition: .4s;
max-height: 48px;
overflow: hidden
}
.cat_title_boxed a h3 {
font-size: 21px;
font-weight: 500;
white-space: nowrap;
text-overflow: ellipsis;
display: flex;
transition: .4s;
color: #000;
margin-bottom: 10px
}
p.Service_price {
z-index: 1;
margin-top: 8px;
background: var(--uicolor3);
color: #fff;
padding: 6px 10px;
position: absolute;
left: -90px;
font-size: 12px;
width: 229px;
top: -9px;
font-weight: 600;
justify-content: center;
align-items: center;
display: flex
}
p.Service_price>* {
margin-inline-start:6px}
.-category-boxed:hover .-category-image span i,.box-price.featuer:hover .links_price a,.boxed-cata-left-image .owl-next i,.boxed-cata-left-image .owl-prev i,ul.blogs-box-social-share li div {
color: #fff
}
.box-price {
border-radius: var(--largeradius);
text-align: center;
flex: 1;
margin: 20px;
min-width: 300px;
z-index: 1;
font-size: 18px;
padding: 37px 21px;
max-width: 54px
}
.box-price h3,.image_price {
justify-content: center;
display: flex
}
.city-block,benfit {
box-shadow: 0 2px 6px #0000003d
}
.tit_pries p {
margin-bottom: 39px;
font-size: 24px;
color: var(--uicolor);
line-height: 34px;
font-weight: 400
}
.image_price {
margin: auto;
font-size: 60px
}
.image_price img {
width: 100%;
height: 100%;
border-radius: 76px;
overflow: hidden;
background: var(--background)
}
.box-price em {
background: #932c2c;
color: #fff;
padding: 6px 12px;
position: absolute;
left: -78px;
font-size: 14px;
width: 229px;
top: 26px;
font-weight: 600
}
.box-price h3 {
margin-top: 12px;
margin-bottom: 10px;
font-size: 27px;
font-weight: 700;
color: var(--uicolor3);
align-items: center
}
.links_price a,.list_services_price ul li {
font-size: 16px;
transition: var(--transition)
}
.list_services_price {
margin-top: 20px;
margin-bottom: 20px;
display: flex;
justify-content: center
}
.list_services_price ul {
list-style: auto;
text-align: right
}
.category-title h1,.head-block-city,.links_price {
text-align: center
}
.list_services_price ul li {
padding-bottom: 19px;
font-weight: 400;
color: var(--contentcolor)
}
.list_services_price ul li i {
margin-left: 8px;
color: #fff;
background: var(--uicolor);
border-radius: 50%;
width: 16px;
height: 16px;
font-weight: 900
}
.-faqs-singlebox>ul>li>h2,.CommentsList>.CommentsList__Title,ol.BreadcrumbsFilters li a {
color: var(--secondarytext);
color: var(--secondarytext)
}
.links_price {
background-color: var(--uicolor3);
color: #fff;
display: inline-block;
border-radius: 50px;
cursor: pointer;
font-weight: 500
}
.links_price a {
padding: 10px 46px;
border-radius: 50px;
color: var(--bgcolor);
display: block
}
.-GridItem-3-info>a:hover,.-category-boxed:hover i,.GridItem-3-title-model h3:hover,.box-price p,.box-price.featuer .list_services_price ul li,.box-price.featuer h3,.box-price.featuer p,.city-block:hover .head-block-city h3,.faq-section.active .head-faq-title h3,.info-cover h1 strong,.user-Phone->a,benfit:hover h3 {
color: var(--uicolor3)
}
.box-price.featuer {
background: var(--uicolor2);
padding-top: 60px;
height: auto
}
.box-price p {
margin-bottom: 21px;
font-size: 24px;
font-weight: 500
}
.box-price.featuer .list_services_price ul li i {
background: #f3f3f3;
color: #1b798e
}
.box-price:hover {
box-shadow: 0 0 15px 0 #0d0f301a;
background: #fff
}
.box-price .links_price:hover {
background: #302f2f
}
.box-price.featuer:hover,.box-price:hover,.city-block:hover .icon_country,.icon_country span i {
background: var(--uicolor3)
}
.box-price.featuer .links_price:hover,.box-price:hover .links_price,a.ads-phone-box {
background: var(--uicolor2)
}
.box-price.featuer .links_price:hover a {
color: #fff;
background: var(--uicolor2)
}
.box-price.featuer .links_price a {
color: #000
}
.box-price h3 underlined {
margin-inline-start:7px}
.d-flex {
display: flex;
flex-wrap: wrap;
margin-top: 25px;
padding-bottom: 50px;
position: relative
}
.city-block {
min-width: 190px;
max-width: 207px;
border-radius: var(--largeradius);
overflow: hidden;
margin: 10px;
display: block;
height: 100%;
flex: 1;
background: #fff;
padding: 20px
}
.city-block a,.icon_country {
align-items: center;
position: relative
}
.city-block a {
display: block;
width: 100%;
display: flex;
flex-direction: column
}
.head-block-city {
position: relative;
bottom: 0;
width: 100%;
z-index: 1;
display: block;
margin-top: 10px
}
.icon_country,.icon_country span i {
display: flex;
border-radius: 50%;
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;
height: 45px;
opacity: .8;
justify-content: center;
max-width: 45px
}
.-single-parent-box,.menu_bar.icon .fa-xmark,how-we-work-steps,post--albums,services--block i {
display: flex!important
}
.icon_country span i {
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
font-size: 24px;
color: #fff;
font-weight: 700
}
.icon_country img {
width: 100%;
height: 100%;
position: relative
}
.-single-parent-box {
align-items: self-start;
width: 100%
}
.-single-parent {
display: block;
position: relative;
border-radius: 20px;
max-width: 100%;
overflow: hidden;
min-width: calc(100% - 480px)
}
.-single-parent-post--sidebar {
min-width: 340px;
align-self: start;
bottom: 0;
position: sticky;
top: 110px;
display: flex;
flex-direction: column;
max-width: 300px;
margin-right: 30px
}
.for-auto-scrollers {
position: fixed;
z-index: 22;
width: 50px;
height: 50px;
right: 0;
cursor: pointer;
bottom: 30px
}
.-single-parent-flexes--content {
position: relative;
transition: 150ms;
width: 100%
}
.-single-parent-flexes--content-inner-thumb {
display: flex;
align-items: center;
border-radius: var(--largeradius);
position: relative;
flex-direction: column;
background: #fff;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
padding: 21px;
border-radius: 20px
}
.-user-avatar,.UserAvatar {
height: 35px;
position: relative
}
.-single-parent-flexes--content-inner-thumb img {
border-radius: 20px;
position: relative;
border: 1px solid #dde6ff;
width: auto;
height: auto
}
.-single-parent-flexes--content-inner .-single-parent-flexes--content-bar {
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
width: 100%;
padding: 20px;
background: var(--bgcolor);
border-radius: 20px;
margin-top: 30px;
flex-direction: column;
border: 1px solid #dde6ff
}
.-single-parent-flexes--content-bar h3 {
font-size: 15px;
margin-bottom: 10px;
color: var(--uicolor)
}
.-user-avatar i,.works-single-img-.defimg img {
height: 100%;
width: 100%
}
ol.BreadcrumbsFilters {
display: flex;
flex-wrap: wrap;
list-style: none;
margin-top: 15px
}
ol.BreadcrumbsFilters li {
display: flex;
margin-inline-end:8px;align-items: center;
font-size: 14px;
font-weight: 500
}
.info-cover h1 strong:last-child,li.none_after {
margin-inline-start:0}
ol.BreadcrumbsFilters li a {
align-items: center;
display: flex;
text-align: right;
transition: var(--textcolor);
flex-wrap: wrap;
width: 100%;
position: relative;
border-radius: var(--largeradius);
font-size: 14px;
font-weight: 400
}
ol.BreadcrumbsFilters>li>i {
margin-inline-end:5px;font-weight: 500
}
.-UserArea>a {
display: flex;
align-items: center;
flex: 1
}
.-UserArea a i {
margin-inline-end:4px}
.Contain--Content--Context {
display: flex;
width: 100%
}
.-single-parent-flexes--content-inner-content {
min-width: 100%;
max-width: 100%;
font-size: 14px;
font-weight: 300;
line-height: 1.4;
position: relative;
display: inline-block;
border-radius: var(--largeradius)
}
.ArticleDetails,.ArticleDetails.details>*,.titles-serive-model>*,ul.CommentsListInner li p.contentcomment {
list-style: revert;
text-align: revert;
line-height: 1.8
}
.-single-parent-flexes--content-inner-content :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;
max-width: 100%
}
div#ez-toc-container {
background: var(--bgcolor)!important;
border: 1px solid var(--border);
border-radius: 20px;
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 h3,.ArticleDetails h4,.ArticleDetails h5,.ArticleDetails>h2 {
background: linear-gradient(-90deg,var(--bkground),transparent);
border-radius: 0 20px 20px 0;
padding: 10px 20px!important;
margin: 10px 0!important
}
h2.-Title-keywords,h2.-TitleContent-section {
margin-bottom: 25px;
align-items: center;
display: flex
}
.ArticleDetails>h2 {
font-weight: 600;
font-size: 22px!important
}
.ArticleDetails>h3 {
font-weight: 600!important;
font-size: 18px!important
}
.ArticleDetails>h4 {
font-size: 20px;
font-weight: 600
}
.-single-mobile .sidebar-title span,.ArticleDetails>h5,.dt-contact p,.infotitle h3,a.phone-box .call_number p {
font-size: 18px;
font-weight: 400
}
.-user-context>h4,.ArticleDetails.details h6,.ArticleDetails>h6 {
font-size: 16px;
font-weight: 400
}
.single-post {
background: #f0f2f6;
display: block;
padding: 40px 0
}
.-single-parent-flexes--content-inner {
display: block;
width: 100%;
position: relative;
transition: 150ms;
margin-bottom: 20px
}
.-single-parent-flexes--content-bar h1 {
font-weight: 600;
font-size: 27px;
width: 100%;
text-align: right!important;
margin: 15px 0!important
}
.-user-avatar {
display: flex;
margin-left: 8px;
width: 35px;
border: 3px solid #b9bebf;
border-radius: 50%
}
.-single-parent-flexes--content-bar .-user-avatar i {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center
}
.-user-context {
display: flex;
white-space: nowrap;
flex-direction: column
}
.-user-context span {
font-size: 16px;
font-weight: 400;
color: var(--uicolor3)
}
.-user-context time {
font-weight: 400;
font-size: 11px;
color: var(--contentcolor)
}
.ArticleDetails.details>* {
font-weight: 400;
font-size: 17px
}
.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
}
.-Singlebar-most-view,.-post-sidebar,.LoaderPostsRelaterIndex-box {
display: flex;
flex-direction: column;
padding: 20px;
margin-bottom: 20px;
border-radius: var(--largeradius);
background: #fff
}
.sidebar-title {
display: flex;
flex-direction: column;
margin-bottom: 10px;
flex: 1
}
.sidebar-title h2,.sidebar-title span,h2.ads-title {
position: relative;
color: var(--uicolor);
font-size: 17px;
font-weight: 600;
display: flex;
align-items: center
}
.sidebar-title p {
font-size: 15px;
color: var(--contentcolor);
font-weight: 400;
margin-top: 2px
}
.-posts-section-model-2,.-videos-page-,.LoaderPostsRelaterIndex-1,.Singlemostview {
display: flex;
flex-wrap: wrap;
margin-inline:-3px}
.-Singlebar-most-view .-GridItem-3:last-child {
margin-bottom: 0!important
}
.-Singlebar-most-view .-GridItem-3 {
margin: 0;
margin-bottom: 13px!important
}
.gridpostsingle {
background: #f0f2f6;
padding: 50px 0
}
p.-common-keywords a {
margin-inline-end:15px;margin: 4px;
font-size: 16px;
padding: 10px 12px;
border-radius: 30px;
border: 1px solid var(--border);
color: var(--titlecolor);
transition: .2s;
position: relative;
align-items: center;
display: flex;
justify-content: center;
font-weight: 500
}
.-keywords-box {
background: #fff;
margin-top: 20px;
padding: 20px;
border-radius: 25px
}
.comments_label {
display: block;
margin-top: 35px
}
h2.-Title-keywords {
position: relative;
color: #101010;
font-size: 20px;
font-weight: 400;
flex: 1
}
h2.-Title-keywords i {
margin-inline-end:15px;color: var(--uicolor2)
}
.sidebar-title h2 i {
margin-inline-end:5px}
.-faqs-singlebox {
background: var(--bgcolor);
margin-top: var(--margin);
padding: 20px;
flex-direction: column
}
.-faqs-singlebox,.-faqs-singlebox>ul>li>h2 {
border-radius: var(--largeradius);
display: flex
}
h2.-TitleContent-section {
font-size: 24px;
color: var(--uicolor)
}
.-faqs-singlebox>ul {
display: block;
list-style: none;
padding: 0!important
}
.-faqs-singlebox>ul>li {
display: block;
position: relative;
margin-bottom: 14px!important
}
.-faqs-singlebox>ul>li>h2 {
background: var(--bkground);
align-items: center
}
.-faqs-singlebox>ul>li>h2>span {
flex: 1 1 0%;
color: #fff;
transition: 150ms
}
.-faqs-singlebox>ul>li>h2>i {
font-size: 22px;
color: #fff;
transition: 150ms;
font-weight: 500
}
.-faqs-singlebox>ul>li>h2 {
font-size: 18px;
background: var(--uicolor3);
cursor: pointer;
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);
background: var(--bgcolor);
border: 1px solid var(--diver);
border-radius: var(--largeradius);
padding: 15px;
margin-top: 10px!important;
font-weight: 400;
line-height: 28px
}
.single-post-parent-container-comments {
background: var(--bgcolor);
padding: 20px;
border-radius: var(--largeradius);
box-shadow: var(--box-shadow)
}
.price-contact,.s-price-content {
box-shadow: 0 0 10px 0 #00000030
}
.single-post-parent-container-comments>h3 {
position: relative;
color: var(--uicolor2);
font-size: 23px;
font-weight: 400;
display: flex;
align-items: center;
margin-bottom: 25px
}
.single-post-parent-container-comments>h3>i {
font-weight: 500;
color: var(--uicolor2);
margin-inline-end:15px}
form.CommentsFormInner {
margin-bottom: 30px;
display: flex;
flex-direction: column
}
form.CommentsFormInner>input {
width: 100%;
height: 50px;
border-radius: var(--largeradius);
border: 1px solid var(--diver);
background: 0 0;
padding: 0 23px;
margin-bottom: 16px
}
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
}
.line input:focus,.line textarea:focus,form.CommentsFormInner>input:focus,form.CommentsFormInner>textarea:focus {
border-color: var(--uicolor)
}
form.CommentsFormInner>button {
display: block;
margin-right: 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;
font-weight: 400
}
ul.CommentsListInner li {
padding: 10px 20px;
background: var(--bkground);
border-radius: 20px 30px;
position: relative;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
flex-direction: column
}
ul.CommentsListInner li p.contentcomment {
display: block;
color: var(--contentcolor);
font-weight: 400;
font-size: 15px;
margin-top: 17px
}
ul.ChildComments>li>.CommentContent .NameArea,ul.CommentsListInner>li>.CommentContent .NameArea {
text-transform: capitalize;
font-size: 20px;
color: var(--titlecolor);
font-weight: 400
}
ul.CommentsListInner li .CommentContent .CommentDate {
font-size: 11px;
font-weight: 600;
color: var(--contentcolor);
margin-inline-start:10px}
.UserAvatar {
border-radius: 50%;
min-width: 35px;
margin: 0 0 0 10px;
border: 3px solid var(--uicolor2);
max-width: 35px;
background: #dcdfe5
}
.UserAvatar:after {
content: "";
display: flex;
width: 10px;
height: 10px;
align-items: center;
background: #14a31f;
justify-content: center;
position: absolute;
border: 2px solid #fff;
border-radius: 50%;
bottom: -6px;
left: -2px;
color: #fff;
font-size: 12px
}
.-keywords-box,.videos-midden .videos-list {
background: var(--bgcolor)
}
.UserAvatar img {
height: 100%;
width: 100%;
border-radius: 50%;
overflow: hidden
}
.-comments-user textarea {
width: 100%;
border-radius: 20px;
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
}
.-comments-user button i {
font-size: 24px;
color: var(--uicolor2)
}
ul.CommentsListInner>li>.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 {
display: flex;
padding: 10px;
position: relative;
flex-direction: column;
margin-bottom: 10px
}
.ReplyCommentPreview>h2 {
display: flex;
padding-right: 40px;
font-size: 17px;
line-height: 1.4;
margin-bottom: 5px
}
.-Breadcrumb-SingularPost,.Comment_lise input,.textarea_form textarea {
background: #fff;
margin-bottom: 20px
}
.ReplyCommentPreview>p {
padding-right: 40px
}
.ReplyCommentPreview>h2>i {
position: absolute;
right: 0;
font-size: 40px;
font-weight: 300
}
.ReplyCommentPreview>h2>em {
font-style: normal;
margin-left: 4px
}
.Comment_lise input {
flex: 1 1 0%;
padding: 13px 24px;
font-size: 15px;
border-radius: 37px;
border: 1px solid var(--border);
color: var(--uicolor2);
font-weight: 400;
width: 100%
}
.textarea_form textarea {
flex: 1 1 0%;
font-size: 14px;
border-radius: 20px;
border: 1px solid var(--border);
color: var(--uicolor2);
font-weight: 400;
width: 100%;
resize: unset;
height: 100px;
padding: 24px
}
.-Breadcrumb-SingularPost,.cities-box,.line,.postgrid-title,.s-price-content1,.textarea_form,ul.services_text {
display: flex;
flex-direction: column
}
.textarea_form button {
border: none;
width: max-content;
padding: 11px 19px;
border-radius: 20px;
font-size: 15px;
font-weight: 400;
background: var(--uicolor2);
color: #fff;
margin-inline-start:auto;cursor: pointer
}
.textarea_form input:focus,.textarea_form textarea:focus {
border-color: var(--uicolor2)
}
.CommentContent a {
display: flex;
margin-inline-start:auto;padding: 6px 15px;
background: #5bcda3;
border-radius: 11px;
color: #fff;
align-items: center
}
.-Posts-grid {
display: flex;
flex-wrap: wrap;
margin-top: 14px
}
.-Posts-grid>div,.contact-info-right,.dt-contact,.list-contact-box,.title_block,benfit div {
flex: 1
}
ul.blogs-box-social-share {
display: flex;
padding: 0!important
}
ul.blogs-box-social-share li {
margin: 4px!important;
background: var(--scoial);
border-radius: 20px;
cursor: pointer
}
li.telegram {
--scoial: #0b86a9
}
li.skype {
--scoial: #80b2ed
}
li.twitter {
--scoial: #00afff
}
li.whatsapp {
--scoial: #00d084
}
.blogs-scoail ul li a {
display: flex;
background: var(--scoial);
margin: 6px;
border-radius: 20px;
padding: 8px;
width: 100%;
align-items: center;
color: #fff;
justify-content: center
}
.blogs-scoail ul li a i {
margin-inline-end:5px;color: #fff
}
.blogs-scoail ul li {
min-width: 100px;
max-width: 100%;
flex: 1;
display: flex
}
ul.blogs-box-social-share>li>div {
width: 100%;
border-radius: 20px;
font-size: 13px;
display: flex;
align-items: center;
padding: 7px 10px!important
}
.-UserArea {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-between
}
li.linkedin {
--scoial: #569deb
}
.-addpost-post_title- h1,.postgrid-title h3 {
position: relative;
color: var(--uicolor3);
font-size: 24px;
font-weight: 500;
align-items: center
}
.page-title h1 i,.postgrid-title h3 i {
font-weight: 600!important;
margin-inline-end:10px;color: var(--uicolor3)
}
.postgrid-title p {
font-size: 16px;
color: var(--contentcolor);
font-weight: 400
}
.-Breadcrumb-SingularPost {
padding: 21px 20px;
border-radius: 20px
}
.-Breadcrumb-SingularPost p {
font-size: 15px;
font-weight: 500;
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
}
.-Breadcrumb-SingularPost h1 i {
font-size: 26px;
font-weight: 500;
color: var(--uicolor3);
margin-inline-end:11px}
.icons-sidebar,.title-contact h2 i,button.btn-brand i {
margin-inline-end:8px}
.-Breadcrumb-SingularPost ol.BreadcrumbsFilters {
margin-bottom: 14px
}
.CategoryBox {
margin-bottom: 19px
}
.category-shap .-category-boxed {
min-width: 246px;
max-width: 311px
}
div#services1 {
padding: 0 0 50px
}
.-single-cat-box {
padding: 60px 0;
display: block;
position: relative;
background: #f3f3f3
}
.-homepage--container {
display: block;
width: 100%
}
.s-price-contact,.s-price-content {
flex-direction: column;
border-radius: 25px
}
.s-price-content {
display: flex;
background: #fff;
padding: 18px
}
.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
}
.line input,.line textarea {
margin-bottom: 10px;
background: #fff
}
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 {
margin-inline-end:10px;background: var(--uicolor2);
border-radius: 50%;
color: #fff;
font-size: 16px
}
.s-price-contact {
display: flex;
background: var(--uicolor3);
max-width: 380px;
padding: 25px;
min-width: 380px;
position: sticky;
top: 88px
}
.title-contact {
display: flex;
flex-direction: column;
margin-bottom: 11px
}
.title-contact h2 {
display: flex;
font-size: 26px;
align-items: center;
color: var(--uicolor);
font-weight: 500
}
.ArticleDetails table tr:first-child,.city-block_bh,.price-num span {
font-weight: 400
}
.title-contact h2 i {
font-weight: 500;
color: #fff
}
.line input {
padding: 12px 18px;
border-radius: 20px;
border: 1px solid #c5c4c4
}
.line textarea {
padding: 15px 18px;
border-radius: 20px;
border: 1px solid #c5c4c4;
resize: unset;
height: 81px
}
.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;
border-radius: 25px;
background: #fff
}
.menu-nav>ul>li>ul.sub-menu,.menu-nav>ul>li>ul>li>ul,.referance,.step,features--block {
box-shadow: var(--box-shadow)
}
button.btn-brand {
padding: 6px 11px;
border: 1px solid var(--uicolor);
border-radius: 20px;
background: #2da789;
color: #fff;
font-size: 18px;
width: 100%;
cursor: pointer
}
.city-block_bh,.city-block_bh h2,ul.-Tabs-loadmore-List li:hover {
color: var(--uicolor)
}
.-single-blog-box,.-single-city-box {
padding: 60px 0;
background: #f3f3f3
}
.city-block_bh {
margin: 10px;
padding: 5px 10px;
border-radius: 27px
}
.city-block_bh h2 {
font-weight: 400;
font-size: 24px
}
.cities-inner h1,.news-title {
font-size: 26px;
font-weight: 500;
color: var(--uicolor);
display: flex
}
.-homepage--container .titles_concept {
margin: 19px 0
}
.-single-search-box,.cities-box>*,.city-single-model,section.cities-list {
padding: 50px 0
}
.news-title {
margin: 10px 0 20px
}
.title-page {
display: flex;
flex-direction: column;
align-items: center;
padding: 17px;
border-radius: 25px
}
.city-model {
display: flex;
flex-direction: column;
padding-bottom: 35px
}
.cities-inner h1 {
margin-bottom: 20px;
justify-content: center
}
.-single-services-box {
padding-top: 61px;
background: #f3f3f3
}
p.-common-keywords span:hover {
color: var(--uicolor3);
border-color: var(--uicolor3)
}
.blocks-yc- {
display: flex;
margin-inline-end:16px}
.blocks-content span {
font-size: 25px;
font-weight: 600;
margin-bottom: 11px;
color: var(--uicolor3);
display: block
}
.blocks-content p {
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: var(--uicolor3)
}
.footer_menu {
display: block;
margin-top: 25px
}
.btn-phone {
bottom: 83px;
background: var(--uicolor3)
}
.btn-phone svg {
transform: rotate(255deg)
}
.footer-header {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center
}
.footer-header i {
display: flex;
font-size: 28px;
color: #fff!important
}
.menu_bar,span#Close {
height: 35px
}
.btn-whatsapp a {
width: 100%
}
.-single-parent-flexes--content-inner .-single-parent-flexes--content-bar .-Breadcrumb-SingularPost {
padding: 0;
background: 0 0
}
.menu_bar {
background: #fff;
width: 35px;
align-items: center;
justify-content: center;
border-radius: 10px;
display: none
}
.ArticleDetails.details p span post--features,.ez-toc-debug-messages {
display: none!important
}
.menu_bar i {
color: var(--uicolor);
font-size: 23px
}
header .menu_bar {
background: #fed916
}
@keyframes callrotate {
0%,100%,50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
transform: rotate(0) scale(1) skew(1deg)
}
10%,30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
transform: rotate(-25deg) scale(1) skew(1deg)
}
20%,40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
transform: rotate(25deg) scale(1) skew(1deg)
}
}
.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
}
.menu_bar.icon .fa-xmark {
width: 100%;
height: 100%;
justify-content: center;
align-items: center
}
.model_shap_one_title ul.-Tabs--Posts--List,.search_header,.success,.success p {
justify-content: center
}
.single-,.titles-serive-model,how-we-work,ul.ez-toc-list.open {
display: block
}
.seriver_model_bhaa .container {
display: flex;
align-items: self-start
}
.seriver_model_bhaa {
padding: 50px 0;
background: #f3f3f3
}
.single-Breadcrumb {
margin: 11px 0
}
.titles-serive-model>* {
display: block;
color: var(--secondarytext);
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;
font-weight: 500;
color: #040404;
margin: 30px 0
}
.-GridItem-3-info span a,.dt-contact p {
color: var(--contentcolor)
}
.single- {
width: 100%;
overflow: hidden;
transition: 150ms;
padding: 25px;
border-radius: 25px;
background: #fff;
margin-bottom: 20px;
max-width: calc(100% - 340px);
margin-inline-end:20px;flex: 1;
min-width: calc(100% - 510px)
}
.album-holder,.album-slider {
position: fixed;
right: 0;
opacity: 0
}
.block-cotact {
margin-bottom: 30px;
list-style: none
}
.block-cotact li {
margin-bottom: 20px;
border-radius: 20px 0;
transition: .6s
}
.dt-contact span {
margin-bottom: 5px
}
.block-cotact i {
width: 45px;
height: 45px;
display: flex;
text-align: center;
border: 2px solid #041639;
color: #041639;
font-size: 20px;
margin-left: 18px;
border-radius: 10px;
align-items: center;
justify-content: center
}
.title-text h3 {
font-size: 24px;
color: #fff
}
.title-text i {
font-size: 21px;
font-weight: 400;
color: #fff
}
.title-text h2 {
font-size: 24px;
font-weight: 500;
color: #fff
}
.title-text span,span.service- {
margin-inline-end:9px}
.-single-cat-box .ArticleDetails.details h2 {
margin: 15px 0
}
.ArticleDetails {
display: block;
font-weight: 400;
font-size: 17px
}
.ArticleDetails img {
display: flex;
border-radius: 20px;
overflow: hidden
}
.NoComments {
background: var(--bkground);
padding: 10px;
border-radius: 20px;
display: block!important
}
.NoComments i {
margin-inline-end:10px}
.seriver_model_bhaa .social--footer {
margin: 20px 0;
display: flex
}
.titles-faq {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin-bottom: 17px;
background: #fff;
padding: 20px;
border-radius: 20px
}
.faq-section_faq-model,how-we-work {
margin: 50px 0
}
.titles-faq p {
font-size: 15px;
line-height: 1.6;
font-weight: 400
}
.titles-faq h1 {
font-size: 24px;
margin-bottom: 10px;
color: var(--alinks)
}
.-single-content-bar h1 {
margin: 20px 0
}
.-single-cat-box.select .-homepage--container,.-single-parent-box-- .-single-parent {
min-width: 100%
}
.breadcrumb1 ol.BreadcrumbsFilters {
justify-content: center;
margin-bottom: 13px
}
.ArticleDetails table {
max-width: 100%!important;
height: auto!important
}
.ArticleDetails table>tbody>tr>td:first-child,.ArticleDetails.details table>tbody>tr>td:first-child {
background: #f9faff!important;
max-width: 250px
}
.ArticleDetails table>tbody>tr,.ArticleDetails.details table>tbody>tr>:first-child {
background: #f9faff
}
.ArticleDetails.details table tr {
border: 1px solid var(--border)
}
.ez-toc-title {
display: block;
cursor: pointer;
font-size: 17px;
color: #100f0f;
border-radius: 10px;
transition: .35s;
text-align: right
}
div#ez-toc-widget-container nav {
margin-top: 5px;
border-radius: var(--miniradius);
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: 25px;
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
}
.ArticleDetails.details table tr:last-child {
border-bottom: 1px solid var(--border)
}
.table__container table>tbody>tr>td:first-child {
background: #f9f9f9;
max-width: 250px
}
div.ez-toc-widget-container ul,ul.ez-toc-list li a {
padding: 0!important
}
.ArticleDetails table tr,.table__container table tr {
border-top: 1px solid #aaa
}
.ArticleDetails table tr:last-child,.table__container table tr:last-child {
border-bottom: 1px solid #aaa
}
.table__container ul {
list-style: unset
}
.menu-nav>ul>li.menu-item-has-children>a::after,.menu-nav>ul>li>ul>li.menu-item-has-children>a::after {
content: "\f0d7";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
padding-right: 6px
}
.menu-nav>ul>li>ul>li>ul {
list-style: none;
position: absolute;
right: 100%;
top: 0;
color: #fff;
z-index: -1;
border-radius: 20px;
flex-direction: column;
background: #fff;
margin-inline-start:18px}
.menu-nav>ul>li>ul.sub-menu {
list-style: none;
position: absolute;
right: 0;
top: 122%;
color: #fff;
z-index: -1;
opacity: 0;
visibility: hidden;
border-radius: 20px;
flex-direction: column;
background: #fff;
margin-top: 16px
}
.--cata-intro--:hover .owl-next,.--cata-intro--:hover .owl-prev,.-category-boxed:hover .-category-image a:before,.-category-boxed:hover .hover-image,.-category-boxed:hover .hover-image:before,.Bot-Steps .Bot-Step.open,.Griditem-model-1-left:hover .owl-next,.Griditem-model-1-left:hover .owl-prev,.album-holder.open,.menu-nav>ul>li:hover>ul,.menu-nav>ul>li>ul>li:hover ul,.owl-rtl:hover .owl-next,.owl-rtl:hover .owl-prev,body.OpenBot .Bot-Steps,ul.-Tabs-loadmore-List.openmenu {
visibility:visible;
opacity: 1
}
.-category-boxed:hover .hover-image,.menu-nav>ul>li:hover>ul {
transform: translate(0)
}
.menu-nav>ul>li>ul li>a {
align-items: center;
text-align: right;
flex-wrap: wrap;
width: 100%;
padding: 10px 7px 10px 0;
position: relative;
color: var(--uicolor3);
flex: 1;
font-weight: 500;
font-size: 15px;
background: 0 0;
border-radius: 20px;
padding: 10px;
}
.-GridItem-3-info span a {
font-size: 15px;
display: block;
padding: 6px 0;
display: flex;
width: max-content;
border-radius: 20px;
font-weight: 300
}
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;
margin-inline-end:15px}
.-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;
display: block!important;
background: #fff;
border-radius: 20px;
overflow: hidden
}
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 0!important
}
.single-post-parent-container-content features--block {
margin: 9px;
min-width: 230px;
max-width: 350px!important;
padding: 20px;
border-radius: 15px;
border: 1px solid #dfdfdf;
background: #fbfbfb;
position: relative;
overflow: hidden;
z-index: 1;
text-align: center
}
.single-post-parent-container-right features--block img {
display: block;
height: 130px;
border-radius: 6px;
margin: auto
}
h2.bk-title {
display: block;
font-size: 30px;
color: #0d0920;
margin: 0 auto!important;
font-weight: 500
}
services--block {
min-width: 263px;
width: calc(25% - 20px);
margin: 10px!important;
background: #fff;
padding: 25px!important;
flex: 1
}
services--block i {
align-items: center;
justify-content: center;
margin: auto!important
}
post--albums .img {
position: relative;
cursor: pointer;
z-index: 1;
min-width: 241px;
max-width: 290px!important;
flex: 1;
margin: 11px!important;
overflow: hidden
}
post--albums .img img {
display: block;
width: 100%;
height: 100%;
margin: 0
}
.album-slider .owl-next,.album-slider .owl-prev,post--albums .img:hover:before {
opacity: 1
}
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;
visibility: hidden;
transition: .8s;
overflow: hidden;
direction: rtl
}
.album-slider {
width: 730px;
margin: auto!important;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
background: #fff;
padding: 21px 30px!important;
border-radius: 20px
}
.album-slider .owl-item .item {
height: calc(100vh - 100px);
display: flex;
align-items: center;
justify-content: center;
min-width: 671px;
max-width: 100%!important;
flex: 1
}
.step-image,post-content img {
height: auto
}
.album-slider .owl-prev {
left: -80px
}
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 {
text-align: center!important;
margin: 10px 0!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 {
background: #fff;
padding: 33px;
margin-left: 10px;
border-radius: 10px;
border: 1px solid #0000000f;
flex-direction: column;
justify-content: center;
flex: 1
}
post--ads-image img {
border-radius: 10px;
height: 100%
}
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
}
a.ads-phone-box strong {
color: #000!important
}
.ads-whatsapp-box {
background: #1eb531
}
.-single-social,.category_intro,.referance,.step,.success,benfit,features--block,header.fixed,services--block i,table.price-table {
background: #fff
}
.ads-whatsapp-box,a.ads-phone-box {
padding: 9px 20px;
color: #fff!important;
border-radius: 26px;
font-size: 16px;
flex: 1;
text-align: center;
margin-inline-end:10px;min-width: max-content;
max-width: max-content
}
.ads-whatsapp-box i,a.ads-phone-box i {
margin-left: 10px;
font-size: 21px;
color: #000;
font-weight: 600;
vertical-align: middle
}
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
}
post-content h2.slice-title {
font-size: 29px
}
h1.slice-title {
font-size: 21px
}
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:130px;
margin: 5px!important
}
}
how-we-work-steps {
padding: 30px 10px!important;
flex-wrap: wrap
}
.step {
text-align: right;
flex: 1;
transition: .35s;
flex-wrap: wrap;
border-radius: 17px;
padding: 23px 11px!important;
margin: 10px!important;
min-width: 240px
}
.step-image {
width: 170px;
border-radius: 25px;
overflow: hidden;
margin: 0 auto!important
}
.step-image img {
display: block;
object-fit: cover;
border-radius: 6px;
margin: auto;
height: 100%;
width: auto
}
.step-desc h3 {
color: #0e0e0e;
font-weight: 700;
margin: 0;
padding: 0;
font-size: 17px;
text-align: center
}
.step-desc {
padding: 0;
flex: 1
}
.step-desc p {
font-size: 16px;
font-weight: 400;
color: #2a2929;
text-align: center
}
h2.slice-title {
text-align: center!important;
color: var(--uicolor);
margin: 0!important;
font-size: 31px!important;
font-weight: 500!important
}
.single-post-parent-container-content strong.bk-title {
margin: 10px 0 0;
display: block
}
features--block:before {
content: "";
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
content: "";
position: absolute;
z-index: -1;
bottom: -32px;
left: 50%;
margin-left: -16px;
background: #10428b;
height: 32px;
width: 32px;
border-radius: 32px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out,-webkit-transform .5s ease-out
}
figure.aligncenter.size-large.is-resized,p.bk-content {
margin: 0!important
}
.owl-next,.owl-prev,benfit h3 {
color: #000;
transition: var(--transition)
}
features--block:hover:before {
transform: scale(150)
}
services--block {
border-radius: 25px;
transition: .35s
}
services--block i {
width: 100px;
height: 100px;
border-radius: 50%;
font-size: 55px;
color: #00adff;
align-items: center;
justify-content: center
}
.album-holder.open {
pointer-events: all
}
.boxed-cata-left-image .owl-next,.boxed-cata-left-image .owl-prev {
opacity: 1;
visibility: visible;
background: var(--uicolor2)
}
.owl-next,.owl-prev {
position: absolute;
width: 45px;
height: 45px!important;
top: calc(50% - 20px);
background: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 54px;
font-size: 30px;
left: 5px;
opacity: 0;
visibility: hidden
}
.faq_posts,.form-contact,.s-price-contact form,.services-info,features--block {
position: relative
}
.owl-next i,.owl-prev i {
font-size: 22px;
color: var(--uicolor2);
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center
}
.owl-next {
right: 16px
}
p.bk-content {
font-weight: 400;
font-size: 16px;
color: #343434;
line-height: 1.5
}
features--block {
display: flex;
padding: 20px!important;
border-radius: 20px;
margin-bottom: 20px!important;
width: -webkit-fill-available;
align-items: center
}
features--block img {
min-width: 130px;
height: 120px;
border-radius: 25px;
max-width: 120px!important
}
.box-title {
margin-inline-start:13px!important;text-align: right;
flex: 1
}
table.price-table {
width: 100%
}
.table-wrapper {
margin-bottom: 10px!important;
overflow: auto
}
.ArticleDetails table {
border-right: 1px solid #aaa;
margin-bottom: 1rem;
background-color: rgba(0,0,0,0);
border-collapse: collapse;
width: 100%!important
}
.ArticleDetails table td,.ArticleDetails table th,.table__container table th {
vertical-align: top;
font-size: 14px;
padding: .65rem!important
}
.ArticleDetails table tbody tr td,.ArticleDetails table thead tr th {
border-left: 1px solid #aaa;
min-width: 200px
}
post--albums {
flex-wrap: wrap;
margin: 30px 0!important
}
.-GridItem-6-category-.share-post ul.GridItem-share,.GridItem--title-model-3,.Griditem-model-1-left .owl-stage,.album-slider .owl-stage,.boxed-cata-left-image .owl-stage,.category_intro .owl-stage,.icon-title,.menu_bar-box,.owl-stage,.service-works,.works-single .container {
display: flex
}
.album-slider .owl-item .item img {
width: 100%;
height: 100%;
position: relative;
display: block;
border-radius: 20px;
overflow: hidden
}
i.fa-solid.fa-xmark.close:hover {
transform: scale(1);
color: #fff;
background: #f77777
}
.-GridItem-1-category-Item views,.-GridItem-1-category-Item views i,.-GridItem-4-category-Item views i,.box-price:hover .list_services_price ul li,.box-price:hover h3,.box-price:hover p,.owl-next:hover i,.owl-prev:hover i,.user-post>a:hover p,a.button-left span,a.phone-box .call_number i,a.phone-box .call_number p {
color: #fff
}
postsscrollloader {
display: flex;
background: var(--uicolor3);
padding: 10px 20px;
border-radius: 20px;
color: #fff;
font-size: 22px;
cursor: pointer;
font-weight: 500
}
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;
margin: 13px 0;
font-size: 16px;
font-weight: 400;
color: var(--contentcolor)
}
.ads-whatsapp-box strong,.blogs-scoail ul li a span,.box-nubmer a:last-child .des-header h3,a.ads-phone-box strong {
font-weight: 400;
color: #fff
}
.-single-social {
display: flex;
align-items: center;
padding: 21px!important;
border-radius: 25px;
flex-wrap: wrap
}
.referance,benfit {
border-radius: 20px
}
.-single-social>span {
font-size: 20px;
flex: 1;
width: max-content;
white-space: nowrap;
font-weight: 500
}
.referance {
transition: 150ms;
width: 100%;
padding: 20px;
margin: 30px 0
}
.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;
border-radius: 5px;
color: #121212a8
}
.GridItem-title- p,.success p {
font-weight: 500;
color: var(--secondarytext)
}
.referance-Content li sitename {
background: #fff2de;
padding: 4px 16px!important;
border-radius: 30px
}
.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}
.bottun.transform span.lese,.popup-call.show,.price-num,.referance-Content.active,.user-data-title-,features,section.features-Widget {
display: block
}
.GridItem-title- p {
line-height: 1.6;
font-size: 14px
}
.success,span#Close {
position: absolute;
align-items: center;
border-radius: 20px;
display: flex
}
.success {
left: 0;
width: 320px;
padding: 30px;
top: 20%;
box-shadow: 0 0 10px 3px #00000017;
height: 131px;
z-index: 222
}
.-GridItem-6,.-loadmore-tabs-,.CategoryGrid__Item,.blogs-scoail ul,header.fixed,ul.-Tabs-loadmore-List {
box-shadow: var(--box-shadow)
}
.success p {
font-size: 21px;
display: flex;
width: 100%;
height: 100%;
align-items: center
}
span#Close {
left: 15px;
top: 12px;
background: #f3f3f3;
width: 35px;
justify-content: center;
font-size: 21px;
cursor: pointer;
transition: .2s;
color: #000;
font-weight: 600
}
::placeholder {
color: var(--textcolor);
opacity: .4
}
:focus::placeholder {
opacity: .2
}
.opctiy .line,.opctiy button {
opacity: .3
}
span#Close:hover {
background: #f99e9e;
color: #fff
}
benfit {
align-items: center;
min-width: 410px;
max-width: 440px;
flex: 1;
padding: 21px;
margin: 10px
}
benfit p {
line-height: 1.7;
font-size: 13px;
font-weight: 400;
color: var(--contentcolor);
display: block
}
benfit h3 {
font-size: 22px;
font-weight: 500;
margin-bottom: 8px
}
benfit i {
font-size: 35px;
margin-bottom: 11px;
color: #404040;
font-weight: 500!important
}
strong.bk-title {
text-align: center!important;
display: flex;
justify-content: center
}
services--block p.bk-content {
text-align: center;
margin-top: 9px!important
}
img.footer {
margin-bottom: 20px
}
.blocks-footer {
display: block;
align-items: center
}
ul.social--footer li {
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
font-size: 22px;
border-radius: 10px;
color: #fff;
background: var(--uicolor2);
border: 1px solid #00000021;
transition: 180ms;
display: flex;
margin-inline-end:10px;transition: all var(--transition);
cursor: pointer
}
.-GridItem-6-category-Item>a:hover,.blogs-scoail>i:hover,.user-Phone->a:hover,a.contact-us-btn:hover,ul.social--footer li:hover {
background: var(--uicolor3);
color: #fff
}
a.contact-us-btn {
background: var(--uicolor);
display: flex;
width: max-content;
padding: 6px 25px;
font-size: 18px;
border-radius: 27px;
color: #fff;
font-weight: 500;
transition: .2s;
align-items: center;
margin-inline-start:13px}
.btn-search_2 form input {
padding: 10px;
width: 100%;
border-radius: 20px;
border: 1px solid #bdbcbc;
font-size: 16px;
overflow: hidden;
display: flex;
top: 0;
bottom: 0
}
.boxed-cata-left {
flex: 1;
display: flex;
align-items: center;
max-width: 610px
}
.boxed-cata-left-image {
flex: 1;
position: relative;
min-width: 470px;
max-width: 470px;
z-index: 0;
height: 410px;
overflow: hidden;
border-radius: 25px;
display: flex;
align-items: center;
justify-content: center
}
.-loadmore-tabs-,.close_search,.icon-loadmore,.search_header,.user-post,.user-post>a {
align-items: center;
display: flex
}
.boxed-cata-left-image img {
width: auto;
overflow: hidden;
border-radius: 25px;
height: auto
}
.page-svg {
display: flex;
position: absolute;
bottom: 0;
left: 0;
width: 150%;
height: 160px;
z-index: 0
}
.page-svg:before {
position: absolute;
width: 100%;
height: 100%;
background-image: url(https://njmalwadi.com/wp-content/themes/YourColor/components/styles/img/pattern-1.png);
content: "";
right: 0;
left: 0;
bottom: 0;
top: 0;
background-position: center center;
background-size: cover;
z-index: 0
}
.links_price:active,a.contact-us-btn:active {
transform: scale(1.08)
}
.menu-nav>ul>li>ul>li:last-child {
border-bottom: 0
}
.menu-nav>ul>li>ul li>a:hover {
background: var(--bkground);
color: var(--uicolor3)
}
.menu-nav>ul>li>ul li {
display: flex;
position: relative;
align-items: center;
}
.user-post {
margin-top: 10px;
border-radius: 50px 0 20px 10px;
width: 100%;
transition: .3s
}
.user-post>a {
margin-inline-end:6px;border: 1px solid #ff2a2a3b;
width: 100%;
padding: 7px 10px;
justify-content: center;
border-radius: 20px;
transition: .2s;
margin-inline-start:auto;margin-top: 5px;
background: #ff2a2a57
}
.-GridItem-4,.-works,.images,a.button,ul.-Tabs-loadmore-List li {
border-radius: 20px;
overflow: hidden
}
.user-post>a:hover {
background: var(--uicolor3);
border-color: var(--uicolor3)
}
.user-post>a>p {
color: #fff;
font-size: 18px;
font-weight: 500;
margin-inline-start:7px;transition: .2s
}
.user-post>a>svg {
width: 20px;
height: 20px;
fill: var(--uicolor3);
transition: .2s;
margin-inline-start:10px;transform: rotate(96deg)
}
.user-post>a:hover svg {
fill: white
}
.images {
display: flex;
margin-inline-start:23px;height: 100%
}
.icon-loadmore svg,.image-box img,.images img,.mapbox iframe {
width: 100%;
height: 100%
}
.-postgrid-box- {
align-items: center;
margin-bottom: 30px;
display: flex
}
.section-title {
align-content: center;
flex: 1
}
.section-title>i {
font-size: 35px;
font-weight: 300!important
}
.section-title h2 {
color: var(--uicolor2);
font-size: 30px;
font-weight: 500
}
.-loadmore-tabs- {
padding-top: 10px;
padding-bottom: 10px;
padding-inline-start:20px;padding-inline-end:20px;border-radius: 9999px;
cursor: pointer;
background: var(--bgcolor)
}
.-loadmore-tabs- h2 {
font-size: 20px;
font-weight: 400;
color: var(--uicolor2)
}
.icon-loadmore {
height: 20px;
width: 20px;
margin-left: -.25rem;
margin-right: .5rem;
justify-content: center
}
ul.-Tabs-loadmore-List {
width: 250px;
position: absolute;
list-style: none;
padding: 12px 4px;
border-radius: var(--largeradius);
top: 120%;
opacity: 0;
transition: .3s;
left: 0;
visibility: hidden;
z-index: 2;
background: #fff;
background: var(--bgcolor)
}
ul.-Tabs-loadmore-List li {
font-weight: 500;
color: #000;
font-size: 17px;
transition: .3s;
position: relative;
display: flex;
padding: 10px 30px 10px 11px;
cursor: pointer;
transition: var(--transition)
}
ul.-Tabs-loadmore-List li.active i {
display: flex;
opacity: 1
}
ul.-Tabs-loadmore-List li i {
color: var(--uicolor2);
font-weight: 600;
position: absolute;
opacity: 0;
right: 9px;
align-items: center;
justify-content: center;
transition: 150ms;
display: flex;
font-size: 18px;
cursor: initial
}
.-Posts-loadmore {
position: relative;
display: flex
}
.Griditem-model-1-left {
margin-inline-end:16px;min-width: 410px;
max-width: 410px
}
.Griditem--model-1-right {
flex: 1;
display: flex;
flex-wrap: wrap;
margin-inline-start:20px}
.-GridItem-4 {
min-width: 280px;
max-width: 321px;
flex: 1;
height: 275px;
margin: 10px;
position: relative;
border: 1px solid #f1f1f1
}
.-GridItem-4-info,.intro_title_boxed {
display: flex;
flex-direction: column;
padding: 13px;
position: absolute;
bottom: 0;
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.88) 100%,rgba(0,0,0,.73));
width: 100%
}
.-GridItem-4-info>a,.-GridItem-6-info,.Griditem-2-Elem {
flex-direction: column;
display: flex
}
.-GridItem-4-info a h3 {
color: #fff;
font-size: 18px;
font-weight: 500;
display: block
}
.-GridItem-4-ThumbBox a img {
width: 100%;
height: 100%;
display: block;
transition: .2s
}
.-GridItem-4-category-Item {
display: flex;
align-items: center;
margin-bottom: 9px
}
.-GridItem-4-category-Item a,.-GridItem-4-category-Item span {
color: #000;
display: flex;
font-size: 11px;
font-weight: 600;
background: #fff;
padding: 7px;
border-radius: 20px
}
.-GridItem-4-category-Item views,.list-contact p {
color: #fff;
font-size: 11px
}
a.instagram {
--socialcolor: #c32aa3
}
.-GridItem-5-category-Item a {
color: #fff;
display: flex;
font-size: 17px;
font-weight: 400;
background: var(--uicolor3);
padding: 6px 8px;
border-radius: 20px;
line-height: 1.7
}
.page-concept-postgrid,.works-Posts,.works-single {
padding: 50px 0
}
.Griditem--model-1-right .-GridItem-4 {
margin-top: 0;
margin-bottom: 15px
}
.LoaderPostsRelaterIndex-1 .-GridItem-3:last-child,.model_shap_one_title .-postgrid-box- {
margin-bottom: 0
}
.model-5-left {
flex: 1;
display: flex;
margin-inline:-6px;flex-wrap: wrap
}
.-GridItem-6,.model-5-right {
flex: 1;
border-radius: 20px;
display: flex
}
.model-5-right {
min-width: 430px;
max-width: 100%;
flex-wrap: wrap
}
.-GridItem-6 {
min-width: 320px;
max-width: 530px;
margin: 10px;
height: 100%;
background: #fff;
padding: 20px;
flex-direction: column
}
.-GridItem-6-ThumbBox {
height: 170px;
overflow: hidden;
min-width: 100%;
border-radius: 28px;
position: relative;
margin-inline-end:18px;max-width: 100%;
margin-bottom: 20px
}
.-GridItem-6-ThumbBox>a>img {
display: block;
width: 100%;
height: 100%;
position: absolute;
right: 50%;
left: 0;
transform: translate(50%,-50%);
top: 50%
}
.-GridItem-6-info {
position: relative;
flex: 1
}
.-GridItem-6-info>a,.des-header {
display: flex;
flex-direction: column;
flex: 1
}
.-GridItem-6-info>a>h3 {
font-size: 18px;
font-weight: 400;
color: var(--uicolor3);
height: 54px;
overflow: hidden;
line-height: 1.5
}
.-GridItem-3-info span {
display: flex;
margin-bottom: 4px;
background: var(--uicolor);
width: max-content;
padding: 2px 10px;
border-radius: 20px;
color: #fff;
font-size: 11px
}
.-GridItem-6-category-Item {
display: flex;
align-items: center;
position: relative;
margin-bottom: 10px;
flex: 1
}
.-GridItem-6-category-Item>span {
font-size: 14px;
background: var(--bkground);
padding: 3px 10px;
border-radius: 25px;
color: var(--uicolor3);
font-weight: 400;
display: flex;
align-items: center;
transition: .2s
}
.-GridItem-6-info p {
font-size: 15px;
color: var(--contentcolor);
font-weight: 300;
line-height: 20px;
flex: 1;
overflow: hidden
}
.Griditem-2-Elem span {
display: block;
font-size: 15px;
font-weight: 400;
color: #525050
}
.NothingFoundFilter {
min-width: 100%!important;
justify-content: center;
align-items: center;
display: flex;
margin-top: 20px
}
.NothingFoundFilter p {
color: var(--uicolor2);
font-size: 22px;
font-weight: 400
}
.-GridItem-4:hover .-GridItem-4-ThumbBox a img {
transform: scale(1.09)
}
.LoaderPostsRelaterIndex-1 .-GridItem-3,.Singlemostview .-GridItem-3 {
margin: 0
}
.LoaderPostsRelaterIndex-1 .-GridItem-3:hover,.Singlemostview .-GridItem-3:hover {
box-shadow: none
}
.works-single-img-.defimg {
margin-top: 0;
height: 100%;
margin-bottom: 0
}
a.phone-box i {
font-size: 26px;
margin-inline-end:11px;transform: rotateY(180deg);
font-weight: 400;
color: #343232
}
.FristHeader form button i,a.phone-box strong {
font-size: 20px
}
a.phone-box p,a.phone-box strong {
font-weight: 600;
color: var(--uicolor3)
}
.-posts-sidebar-body .-GridItem-4 {
margin-inline:0;height: 148px
}
.box-nubmer a {
display: flex;
align-items: center;
flex: 1;
background: var(--uicolor3);
padding: 8px 17px;
border-radius: 10px;
color: #fff;
min-width: max-content;
max-width: max-content
}
.box-nubmer a p {
font-size: 19px;
font-weight: 400
}
.-SeconderyCategoryes--GridItems {
padding-top: 0!important;
column-width: 360px;
column-gap: 4px;
margin: 30px 0;
display: block;
padding: 30px 0;
z-index: 2;
position: relative
}
.CategoryGrid__Head>a {
position: relative;
display: flex;
font-size: 14px;
z-index: 2;
font-weight: 500;
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;
position: relative;
color: var(--bgcatgrid);
font-size: 14px;
font-weight: 500
}
.CategoryGrid__Head {
display: flex;
position: relative;
border-bottom: 1px solid var(--bkground);
padding: 20px 15px;
width: 96%
}
.CategoryGrid__Terms {
display: flex;
flex-direction: column;
padding: 0 20px
}
.CategoryGrid__Terms>* {
max-width: 100%;
min-width: 100%;
align-items: center
}
.CategoryGrid__Item {
break-inside: avoid;
margin: 0 10px 20px
}
.CategoryGrid__Head>a::before,.CategoryGrid__Item {
border-radius: var(--largeradius);
background: var(--bgcolor)
}
.CategoryName {
display: flex;
overflow: hidden;
flex: 1;
margin-inline:12px;flex-direction: column
}
.CategoryName h2 {
font-size: 16px;
margin-bottom: 1px
}
.-CategoryGrid__AvataIcon {
display: flex;
align-items: center;
max-width: 250px;
min-width: 250px
}
.icon-title i {
font-size: 28px!important;
font-weight: 500;
color: #6c6969
}
.-CategoryGrid__AvataIcon p {
color: var(--contentcolor);
font-size: 10px;
font-weight: 400;
line-height: 1.8;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: var(--transition)
}
button.-Category-button {
border-radius: 50px;
text-align: center;
font-size: 30px;
z-index: 100;
border: var(--uicolor2);
cursor: pointer;
position: relative;
background: 0 0;
transition: 180ms;
flex: 1;
min-width: 30px;
max-width: 30px
}
.-Category-button .arrow-up i {
vertical-align: 0;
text-align: center;
font-size: 19px;
font-weight: 400;
transition: var(--transition);
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center
}
.-Category-button .arrow-up {
display: flex;
align-items: center;
justify-content: center
}
i.fas.fa-phone {
color: #fff;
transform: rotate(255deg)
}
.icons-sidebar i {
font-weight: 300;
font-size: 25px;
color: #fff
}
.des-header p {
font-size: 18px;
font-weight: 400;
color: #fffffe
}
.des-header h3 {
font-size: 16px;
color: #fff
}
button.-Category-button:active {
transform: scale(1.1)
}
.Griditem-2-Elem views {
margin-inline-start:0}
.blogs-scoail ul {
position: absolute;
z-index: 22;
background: #fff;
flex-wrap: wrap;
width: 285px;
padding: 11px!important;
left: 0;
bottom: 100%;
border-radius: 20px;
margin-bottom: 7px;
display: none
}
.-GridItem-2,.-GridItem-6-category-,.-Griduser-4-box,.GridItem--title-model-3 h3:before,.blogs-scoail ul li a span,.blogs-scoail>i,.bottun,.call-how-box,.category_intro,.features-box,.post-intro-left,.post-intro-med,.user-Phone-,.user-Phone->a,.video-icon,a.btn-content,company-info,companyinfo,header.fixed .logo.secondHeader,span.-DisplayDate-,span.spot {
display: flex;
display: flex
}
.blogs-scoail ul li a span {
font-size: 15px
}
.blogs-scoail>i {
margin-inline-start:auto;font-size: 18px;
background: var(--bghover);
border-radius: 20px;
color: var(--uicolor2);
width: 35px;
height: 35px;
align-items: center;
justify-content: center;
font-weight: 500;
cursor: pointer;
transition: .2s
}
.intro-page .titles_concept_1 {
text-align: center;
align-items: center
}
.GridItem--title-model-3 h3,.hover-image {
align-items: center;
display: flex;
position: relative
}
.blogs-scoail {
position: relative;
width: 35px;
height: 35px
}
.postmodel.model-1 .-GridItem-6 {
min-width: 250px;
max-width: 300px;
height: 345px
}
.GridItem--title-model-3 h3 {
font-weight: 400;
width: 100%;
font-size: 16px;
overflow: hidden;
transition: .2s
}
.GridItem--title-model-3 h3:before {
content: "";
position: relative;
min-width: 12px;
height: 2px;
background: #3d3a4e;
margin-inline-end:11px;max-width: 6px;
transition: .2s
}
.GridItem--title-model-3 h3:hover {
transform: translate(-10px,0);
color: var(--uicolor3)
}
a.ads-whatsapp-box i {
color: #fff!important
}
.logo.secondHeader img {
width: 170px;
height: auto
}
header.fixed .logo.secondHeader img {
filter: none
}
header.fixed .logo.secondHeader {
min-width: 160px;
max-width: 160px
}
.-GridItem-1:hover .user-post {
transform: translate(0,-12px)
}
.hover-image img {
width: 100%;
height: 100%;
transition: .2s;
position: relative
}
.call-how-box a i {
margin-inline-end:7px!important}
.-GridItem-6-category- {
margin-top: 15px;
position: relative;
align-items: center;
flex: 1
}
.call-how-box a {
padding: 10px 20px!important;
margin: 10px!important;
min-width: max-content!important;
max-width: max-content!important
}
.call-how-box {
margin: auto;
justify-content: center
}
.user-Phone->a {
font-size: 18px;
font-weight: 400;
background: var(--bkground);
padding: 7px 10px;
border-radius: 9px;
margin-inline-start:auto;transition: .2s
}
span.-DisplayDate- {
font-weight: 500;
align-items: center;
color: var(--contentcolor);
font-size: 12px;
margin-inline-start:10px}
.user-Phone->a:active {
transform: scale(1.2)
}
.LoaderPostsRelaterIndex-1 .GridItem-3-title-model h3 {
max-height: 60px
}
.-category-boxed-intro {
min-width: 130px;
max-width: 154px;
background: #eceef2;
border-radius: 20px;
overflow: hidden;
margin: 9px;
position: relative;
height: 131px
}
.category_intro {
width: 100%;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 2px 10px 0 rgba(0,0,0,.06);
padding: 20px
}
.intro_title_boxed a p {
font-size: 17px;
color: #938f8f;
font-weight: 300;
margin-top: 5px;
max-height: 49px;
overflow: hidden
}
.intro_title_boxed a h2 {
font-size: 19px;
font-weight: 400;
color: #fff
}
.-category-boxed:hover .hover-image img {
transform: scale(1.05);
opacity: .8
}
a.btn-content {
align-items: center;
font-size: 19px;
font-weight: 400;
z-index: 2;
color: #fff
}
.Bot-Step-Body>p,.reviewsimage {
color: var(--secondarytext)
}
.post-intro-right {
min-width: 400px;
max-width: 400px;
margin-inline-end:22px}
.post-intro-left {
flex-wrap: wrap;
flex: 1;
max-width: 500px;
min-width: 578px;
overflow: hidden;
position: relative;
opacity: 0
}
.post-intro-med {
min-width: 370px;
max-width: 370px;
flex-direction: column
}
.post-intro-left .-GridItem-4 {
height: 400px;
min-width: 560px
}
.info-box span {
margin: auto;
display: block
}
.PostsScrollLoader.isloader {
cursor: no-drop
}
.-newsLoaded {
display: flex;
justify-content: center
}
.-newsLoaded::before {
content: "";
position: relative;
display: block;
clear: both
}
.loader {
position: relative;
margin: 0 auto;
width: 40px;
height: 28px
}
.Bot-Steps,.catArticleDetails .ArticleDetails.details.height,.reviewsimage img {
height: 100%
}
.-footer,.social--footer>a {
margin-inline-end:20px;display: flex;
margin: 6px
}
.loader .circular {
animation: 2s linear infinite rotate;
height: 100%;
transform-origin: center center;
width: 100%;
position: absolute;
inset: 0px;
margin: auto
}
.-loading .hover-custom,.-loading .post-loader-link,loader-buttun,loader-item,loader-item-grid {
animation: .5s infinite alternate opacity
}
.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: var(--bgcolor)
}
@-webkit-keyframes rotate {
100% {
transform: rotate(360deg)
}
}
@keyframes rotate {
100% {
transform: rotate(360deg)
}
}
.Bot-Steps,.Bot-Steps .Bot-Step,.bahservice,.menu-nav>ul>li>ul,.menu-nav>ul>li>ul>li>ul,.panner_buttun a.content-btn i,.single-price button.btn-brand i {
opacity: 0;
visibility: hidden
}
.Bot-Button.hoverable {
bottom: 19px;
transition: .1s;
right: 30px;
background: #62873b;
text-align: center;
font-size: 15px;
line-height: 47px;
font-weight: 400;
color: #fff;
padding: 0 14px;
align-items: center;
position: fixed;
border-radius: 20px;
cursor: pointer;
z-index: 99
}
.Bot-Button.hoverable>i {
vertical-align: middle;
margin-left: 9px;
font-size: 22px
}
.Bot-Steps {
position: fixed;
top: 0;
right: 0;
z-index: 99;
width: 100%;
background: rgba(0,0,0,.86);
box-shadow: 0 0 80px var(--shadow-2);
transition: 250ms;
overflow: hidden
}
body.OpenBot .Bot-Steps {
pointer-events: inherit
}
.Bot-Steps .Bot-Step {
position: absolute;
border-radius: 10px;
width: 100%;
max-width: 950px;
transition: 150ms;
right: 50%;
background: #fff;
top: 50%;
transform: translate(50%,-10%)
}
.Bot-Steps .Bot-Step.open {
transform: translate(50%,-50%);
overflow: auto
}
.Bot-Steps .Bot-Step .Bot-Step-Head {
display: flex;
justify-content: space-between;
padding: 20px 25px 17px;
align-items: center;
flex-wrap: wrap;
background: var(--uicolor);
color: #fff;
overflow: hidden;
border-radius: 8px 8px 0 0
}
.Bot-Steps .Bot-Step .Bot-Step-Head>span {
width: 26px;
height: 26px;
background: #e4405f;
border-radius: 30px;
text-align: center;
line-height: 29px;
font-size: 16px
}
.Bot-Steps .Bot-Step .Bot-Step-Head>span>i {
font-weight: 700;
color: #fff
}
.Bot-Steps .Bot-Step .Bot-Step-Head>span#Bot-Step-Back {
background: var(--bghover);
color: var(--textcolor);
overflow: hidden
}
.Bot-Steps .Bot-Step .Bot-Step-Head>p {
font-size: 15px;
font-weight: 700
}
.Bot-Step-Body::-webkit-scrollbar {
width: 5px;
height: 4px
}
.Bot-Step-Body::-webkit-scrollbar-thumb {
background: 0 0;
border-radius: 23px
}
.Bot-Step-Body:hover::-webkit-scrollbar-thumb {
background: #c5c5c5
}
.Bot-Step-Body::-webkit-scrollbar-track {
background: 0 0
}
.Bot-Step-Body ul.list-bot-1 {
list-style: none;
padding: 0 25px 25px;
display: flex;
flex-wrap: wrap
}
.Bot-Step-Body>ul.price {
display: flex;
list-style: none;
flex-wrap: wrap;
flex: 1 1 0%;
padding: 24px;
align-items: start
}
.Bot-Step-Body>ul.price>li>a {
display: flex;
flex-direction: column;
text-align: center;
max-width: 230px;
flex: 1 1 0%;
padding: 20px;
min-width: 200px;
align-items: center;
justify-content: center
}
.Bot-Step-Body>ul.price>li {
background: #def2ff;
flex: 1 1 0%;
margin: 10px
}
.Bot-Step-Body>ul.price>li>a>strong {
display: block;
font-size: 15px;
color: var(--alinks);
font-weight: 600;
margin-bottom: 5px
}
.Bot-Step-Body>ul.price>li>a>span {
display: block;
font-size: 25px;
color: var(--uicolor2)
}
.Bot-Step-Body ul.cities {
list-style: none;
display: flex;
flex-wrap: wrap;
overflow: auto
}
.Bot-Step-Body ul.cities li {
margin: 8px;
flex: 1 1 0%;
white-space: nowrap;
min-width: 170px;
cursor: pointer;
padding: 14px 10px;
text-align: center;
background: #eef8ff;
justify-content: center;
border-radius: var(--miniradius);
font-size: 17px;
color: var(--uicolor2);
font-weight: 600
}
.Bot-Step-Body ul.list-bot-1 li,.Bot-Step-Body ul.list-bott li {
margin: 5px;
border-radius: var(--miniradius);
text-align: center;
cursor: pointer
}
.Bot-Step-Body ul.list-bot-1 li {
background: rgba(0,124,251,.11);
color: var(--uicolor);
font-weight: 700;
padding: 15px 20px;
flex: 1 1 0%;
min-width: 200px
}
.Bot-Step-Body {
padding: 0;
flex: 1 1 0%;
overflow: auto
}
.icon_body_ani {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
position: relative;
overflow: hidden
}
.icon_body_ani p {
font-size: 20px;
font-weight: 500;
display: flex;
align-items: center;
padding: 50px 39px 40px;
position: relative;
z-index: 2;
background: var(--bkground)
}
.Bot-Step-Body p {
justify-content: center;
align-items: center;
text-align: center
}
.Bot-Step-Body>p {
padding: 50px 25px 6px;
font-size: 20px;
margin-bottom: 20px;
line-height: 24px;
text-align: center
}
.btn-5,.contact {
line-height: 1.5
}
.body-bot-2::-webkit-scrollbar {
width: 5px;
height: 4px
}
.body-bot-2::-webkit-scrollbar-thumb {
background: 0 0;
border-radius: 23px
}
.body-bot-2:hover::-webkit-scrollbar-thumb {
background: #c5c5c5
}
.body-bot-2::-webkit-scrollbar-track {
background: 0 0
}
.body-bot-1::-webkit-scrollbar {
width: 5px;
height: 4px
}
.body-bot-1::-webkit-scrollbar-thumb {
background: 0 0;
border-radius: 23px
}
.body-bot-1:hover::-webkit-scrollbar-thumb {
background: #c5c5c5
}
.body-bot-1::-webkit-scrollbar-track {
background: 0 0
}
.body-bot-1,.body-bot-2 {
padding: 3px;
flex: 1 1 0%;
background: #fff;
overflow: auto;
height: 290px
}
.header,.menu-nav>ul>li>ul {
right: 0;
background: #10428b;
transition: 150ms
}
.Bot-Step-Body ul.list-bott {
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
height: 290px
}
.Bot-Step-Body ul.list-bott li {
background: #eef8ff;
font-weight: 500;
padding: 11px 4px;
flex: 1 1 0%;
min-width: 180px;
font-size: 16px;
color: var(--alinks)
}
.blocks-content {
display: flex;
flex-direction: column;
max-width: 100%;
min-width: 100%
}
.reviewsimage,.reviewsimage img {
display: block;
position: relative;
width: 100%
}
.reviews-box {
position: relative;
min-width: 260px;
max-width: 400px;
flex: 1;
flex: 1;
margin: 10px;
background: #fff;
box-shadow: 0 0 9px 0 #0000002e;
border-radius: 20px;
padding: 25px
}
.reviewsimage {
border-radius: 50%;
min-width: 70px;
height: 70px;
overflow: hidden;
margin-inline-end:15px;display: flex;
align-content: center;
justify-content: center;
align-items: center;
flex-wrap: wrap;
font-size: 25px;
border: 1px solid #d2d7ff;
max-width: 70px
}
.-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}
.-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 .stars-avg>.stars-avg-front {
position: absolute;
top: 0;
left: 0;
color: #ffa700;
width: var(--percent);
flex-wrap: inherit;
overflow: hidden;
justify-content: start
}
.reviews-box>* {
margin-bottom: 13px
}
.ratingServise- p {
font-size: 15px;
font-weight: 400;
color: #595858;
display: block;
line-height: 1.5
}
.reviews-bottom {
font-size: 20px;
font-weight: 300;
color: #565555;
margin-top: 10px
}
.works-single-img-,.works-single-title- {
margin: 20px 0;
display: block
}
.reviews-status {
display: block;
color: var(--secondarytext);
font-weight: 200;
font-size: 13px
}
h2.reviewsArea {
font-size: 24px;
font-weight: 500;
color: #000;
width: 100%
}
.-category-info {
display: flex;
overflow: hidden
}
.-productBox-rate-bar-average .stars-avg i {
padding: 0 1px;
font-size: 19px;
font-weight: 600
}
.works-single-parent- {
padding: 20px;
border-radius: var(--largeradius);
overflow: hidden
}
.works-single-img- {
position: relative;
border-radius: 20px;
height: 540px;
overflow: hidden
}
.works-single-img- img {
width: 100%;
height: 540px;
position: relative;
display: block
}
.works-single-title- h1 {
font-size: 30px;
font-weight: 400;
color: #000
}
ul.box-user-data {
padding: 19px;
display: flex;
flex-direction: column;
border-radius: 20px;
margin-top: 18px;
border: 1px solid #cfc3c3;
max-width: 620px
}
ul.box-user-data li {
display: flex;
justify-content: space-between;
padding: 8px 8px 25px;
border-bottom: 1px solid #e5edff
}
ul.box-user-data li:last-child {
border-bottom: none;
padding-bottom: 0
}
ul.box-user-data li>p {
text-align: right;
font-size: 19px;
font-weight: 500;
color: #3a3939
}
ul.box-user-data li>span {
text-align: right;
font-size: 20px;
color: #000;
font-weight: 500
}
.box-user {
max-width: 100%;
margin-top: 19px
}
.user-data-title- h3 {
font-size: 27px;
font-weight: 400;
color: #000
}
.-works {
display: flex;
flex-direction: column;
min-width: 280px;
max-width: 380px;
flex: 1;
position: relative;
background: #eceef2;
height: 260px;
margin: 10px
}
.-works-info {
display: flex;
flex-direction: column;
position: absolute;
bottom: 0;
width: 100%;
z-index: 1;
flex: 1 1 0%;
padding: 37px 15px 21px;
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.88) 100%,rgba(0,0,0,.73))
}
.-works-ThumbBox {
height: 100%;
overflow: hidden
}
.-works-ThumbBox a img {
height: 100%;
width: 100%;
display: block
}
.-works-ThumbBox span {
background: #fff;
color: var(--uicolor);
padding: 6px 12px;
font-style: normal;
position: absolute;
left: -78px;
font-size: 14px;
transform: rotate(313deg);
width: 229px;
top: 26px;
font-weight: 600;
display: flex;
justify-content: center
}
.works-title-model h3 {
display: flex;
color: var(--bgcolor);
position: relative;
width: 100%;
transition: .3s;
font-size: 20px;
font-weight: 500;
text-shadow: 0 1px 3px #0000008c
}
.service-works>span {
font-size: 15px;
color: #fff;
font-weight: 300
}
.works-title-model {
margin-top: 11px;
display: block
}
.-works:hover .-works-ThumbBox img {
transform: scale(1.06)
}
.-works:hover {
transform: translate(0,-5px)
}
.category_intro-- .-category-boxed-intro {
display: flex;
flex-wrap: wrap;
max-width: 100%;
margin: 8px;
flex-direction: column;
flex: 1;
transition: .2s
}
.catArticleDetails .ArticleDetails.details {
height: 150px;
overflow: hidden;
transition: .2s
}
.bottun {
background: var(--uicolor2);
width: max-content;
padding: 4px 14px;
border-radius: 10px;
cursor: pointer;
margin: 20px auto;
color: #fff
}
.bottun span {
font-size: 18px;
font-weight: 400;
transition: .2s
}
.video-icon {
background-color: var(--uicolor2);
box-shadow: 0 1px 10px rgb(0 0 0 / 51%);
align-items: center;
justify-content: center;
transition: .4s;
border-radius: 50%;
cursor: pointer;
min-width: 40px;
max-width: 40px;
flex: 1;
height: 40px
}
.video-icon i {
font-size: 25px;
color: var(--uicolor3)
}
a.button {
color: #fff;
appearance: none;
display: inline-flex;
-webkit-box-pack: center;
justify-content: center;
align-items: center;
position: relative;
transition: .2s;
line-height: 1.2;
height: 44px;
font-size: 18px;
z-index: 1;
font-weight: 600;
letter-spacing: -.1px;
min-width: 216px;
background: #fbd617
}
a.button.left {
margin-inline-start:13px;background: #ff0303;
color: #fff;
font-weight: 400
}
.page-section.city {
padding: 0;
margin-top: -30px;
z-index: 2222;
position: relative;
background-image: linear-gradient(180deg,#f3f3f3 50%,#fff 0)
}
.features-box:after,.image-box:after,.image-box:before {
content: "";
position: absolute
}
.features-box {
justify-content: space-between;
position: relative
}
.features-box:after {
background-repeat: no-repeat;
top: 10%;
left: 10px;
width: 141px;
height: 311px;
animation-iteration-count: infinite;
animation-name: fadebounce;
animation-duration: 3s;
opacity: .5;
z-index: 0
}
.image-box {
min-width: 280px;
height: 470px;
box-shadow: -20px 18px 0 var(--uicolor3);
background-size: cover!important;
position: relative;
border-radius: 10px;
overflow: hidden;
max-width: 400px;
z-index: 2
}
.features-info-left {
min-width: 60%;
max-width: 60%;
flex: 1
}
.image-box:before {
display: block;
width: 99%;
background: #f000;
height: 93%;
top: 10px;
z-index: 4;
border-radius: 5px;
box-shadow: 0 0 10px var(--uicolor3);
left: 10px;
border: 5px solid var(--uicolor3)
}
.image-box:after {
display: block;
width: 100%;
z-index: 0;
height: 100%;
top: 0;
left: 0;
border-radius: 10px
}
.titles_features h2 {
font-size: 32px;
color: #001837;
border-bottom: 4px solid var(--uicolor);
font-weight: 400;
display: inline-block;
margin-bottom: 12px
}
.titles_features p {
display: block;
list-style: revert;
text-align: revert;
line-height: 1.8;
font-weight: 400;
font-size: 17px;
color: var(--contentcolor)
}
companyinfo {
margin-inline:-11px;margin-top: 10px;
flex-wrap: wrap
}
company-info {
min-width: 250px;
align-items: center;
margin: 10px;
max-width: 200px;
padding: 19px;
border-radius: 20px
}
company-info img {
width: 55px;
height: auto;
display: block
}
.infotitle {
margin-inline-start:11px;flex: 1
}
sections-items>[section-concept]:nth-child(odd):before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
background-image: var(--bkground);
object-fit: cover;
display: block;
background-repeat: no-repeat;
bottom: 0
}
.-Griduser-4-box {
width: 100%;
font-size: 11px;
right: 0;
flex-wrap: wrap;
bottom: 0;
color: #b5b5b5;
position: relative;
justify-content: center
}
.-Griduser-4-box i {
font-weight: 500;
color: #ff2626
}
.-Griduser-4-box .Griduser {
min-width: 49px;
display: flex;
height: 32px;
text-align: center;
line-height: 32px;
margin-inline-end:7px;color: #9e9e9e;
border: 1px solid #0000;
cursor: pointer;
border-top: 0;
border-bottom: 0;
border-radius: 19px;
max-width: 100%;
flex: 1;
font-size: 18px;
background: #f3f3f3;
align-items: center;
justify-content: center
}
.-GridItem-2--ThumbBox:after,.-GridItem-2--ThumbBox:before {
height: 0;
width: 0;
position: absolute;
transition-duration: 1.3s!important;
z-index: 3;
content: ""
}
span.spot {
margin-inline-start:6px;font-size: 14px;
font-weight: 400;
align-items: center;
color: #545151
}
section.bh_category_shap {
display: block;
overflow: hidden
}
.-GridItem-2 {
min-width: 270px;
max-width: 340px;
flex: 1;
margin: 10px;
background: #fff;
padding: 20px;
border-radius: 20px;
transition: var(--transition);
box-shadow: 0 0 11px 0 #0d10341f;
flex-direction: column
}
.-GridItem-2--ThumbBox {
height: 190px;
margin-bottom: 15px;
border-radius: 10px;
overflow: hidden;
display: block;
position: relative
}
.-GridItem-2--ThumbBox a,.-GridItem-2--ThumbBox a img {
width: 100%;
display: block;
height: 100%;
position: relative
}
.-GridItem-2--ThumbBox:before {
background: #fff;
right: 0;
opacity: 1;
top: 0
}
.-GridItem-2--ThumbBox:after {
bottom: 0;
opacity: .7;
left: 0;
background: #fff
}
.-GridItem-2:hover .-GridItem-2--ThumbBox:after,.-GridItem-2:hover .-GridItem-2--ThumbBox:before {
height: 100%;
width: 100%;
opacity: 0
}
.-GridItem-2-category-Item {
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
background-color: #ffebe4;
border-radius: 50%;
padding: 0;
border: 5px solid #fff;
transition: .3s;
margin-top: -49px;
position: relative;
z-index: 9;
margin-bottom: 7px;
margin-inline-end:auto;margin-inline-start:15px;overflow: hidden
}
.-GridItem-2-category-Item span,.-GridItem-2-category-Item span img {
width: 100%;
height: 100%;
display: block
}
.GridItem-2-title-model {
display: flex;
flex-direction: column;
margin-bottom: 15px;
flex: 1
}
.GridItem-2-title-model a {
display: flex;
flex-direction: column;
flex: 1;
margin-bottom: 9px
}
.GridItem-2-title-model h3 {
font-size: 18px;
font-weight: 500;
overflow: hidden;
transition: .4s;
color: #000;
margin-bottom: 10px;
flex: 1;
position: relative;
display: flex
}
.GridItem-2-title-model p {
line-height: 1.7;
font-size: 14px;
font-weight: 400;
color: var(--contentcolor);
transition: .4s;
flex: 1;
display: flex
}
.-GridItem-2-info {
display: flex;
flex-direction: column;
flex: 1
}
.blocks-content-left {
min-width: 55%;
max-width: 55%;
margin-inline-end:10px}
.contact {
font-size: 21px;
color: var(--uicolor3);
font-weight: 600;
display: flex
}
a.contact h3 {
font-size: 15px;
font-weight: 600;
display: flex;
align-items: center;
min-width: max-content
}
.contact-map {
height: 210px;
flex: 1;
margin-top: 15px;
display: block;
border-radius: 20px;
overflow: hidden
}
.social--footer>a:hover {
background: var(--socialcolor);
border: 1px solid var(--socialcolor)
}
.-category-boxed:hover h3 {
color: #f50a0a
}
.btn-5 {
background-color: var(--uicolor);
color: #fff;
cursor: pointer;
padding: 12px 24px;
border-radius: var(--miniradius);
overflow: hidden;
position: relative;
min-width: 48px;
min-height: 48px;
display: flex;
align-items: center;
justify-content: center;
width: -webkit-fill-available;
max-width: max-content;
margin: auto
}
.btn-5:before,.mapbox {
position: absolute;
height: 100%
}
.btn-5:disabled {
cursor: default
}
.btn-5:-moz-focusring {
outline: auto
}
.btn-5 svg {
display: block;
vertical-align: middle
}
.btn-5 span {
mix-blend-mode: difference
}
.btn-5:before {
--tilt: 1.2rem;
background: var(--uicolor3);
-webkit-clip-path: polygon(0 0,calc(100% - var(--tilt)) 0,100% 50%,calc(100% - var(--tilt)) 100%,0 100%);
clip-path: polygon(0 0,calc(100% - var(--tilt)) 0,100% 50%,calc(100% - var(--tilt)) 100%,0 100%);
content: "";
display: block;
left: calc(-100% - var(--tilt));
top: 0;
transform: translateX(var(--progress,0));
transition: transform .5s;
width: calc(100% + var(--tilt))
}
.btn-5:hover:before {
--progress: 100%
}
.ArticleDetails-box {
display: flex;
align-items: center;
padding: 21px!important;
border-radius: 25px;
background: #fff;
margin-bottom: 20px!important
}
.title-contact .title-text {
flex-direction: column;
align-items: self-start
}
.price-num span {
font-size: 28px;
color: #fff
}
.-posts-sidebar-body.-model-1 .-GridItem-3 {
margin-inline:0;padding-inline:0;padding: 0
}
.-posts-sidebar-body.-model-2 .-GridItem-3 {
padding: 4px 0
}
.-Areauser .Griduser {
min-width: 90px
}
.active {
background: #ffbcbca8
}
.category-headline .-Breadcrumb-SingularPost {
justify-content: center;
align-items: center
}
span.button-content {
color: #232753;
position: relative;
z-index: 2;
display: flex;
flex-direction: row-reverse;
padding-inline-end:13px}
span.button-content i {
transform: rotate(255deg);
margin-inline-end:10px}
.block-mapbox {
background: #232753;
padding: 19px 20px;
border-radius: 20px;
box-shadow: 0 5px 30px #00000042;
border: 5px solid #fff;
width: 95%;
margin-inline:auto;margin-top: 0
}
.mapbox {
width: 100%;
display: flex;
z-index: 0
}
ul.contact-us {
flex: 1;
display: block;
display: flex
}
.list-contact {
min-width: 100%;
max-width: 100%;
flex: 1;
border-radius: 11px;
align-items: center;
display: block;
margin-top: 8px
}
.list-contact i {
font-size: 22px
}
ul.contact-us li:first-child {
min-width: max-content;
max-width: max-content
}
ul.contact-us li i {
font-size: 32px!important
}
.block-mapbox {
display: flex;
align-items: center;
position: relative
}
.block-mapbox .titles_concept {
margin-bottom: 0;
position: relative;
bottom: 100%;
padding: 8px 14px;
border-radius: 10px 10px 0 0;
width: max-content;
right: -3px
}
.box-block:before,.page-box:before,.short-code-image:before {
content: "";
right: 0;
left: 0;
bottom: 0
}
.block-mapbox .titles_concept_1 span {
font-size: 19px;
color: #fff;
text-shadow: none
}
.block-mapbox .titles_concept_1 {
align-items: start;
width: max-content;
flex-direction: inherit;
align-items: center
}
.block-mapbox .titles_concept_1 h2 {
font-size: 18px;
margin-bottom: 0;
color: #fff;
margin-top: 0;
margin-inline-start:11px;font-weight: 600
}
.block-mapbox .dt-contact p {
font-size: 17px;
font-weight: 500;
color: #1c1a1a;
display: block
}
.block-mapbox .titles_concept_1 p {
font-size: 13px
}
.page-box {
margin-top: 22px;
position: relative
}
.list-contact span {
margin-bottom: 10px;
display: block;
color: #ffeded;
font-weight: 400;
font-size: 20px
}
.ratingServise {
justify-content: center;
display: flex;
border-radius: 20px;
overflow: hidden;
margin-bottom: 15px;
margin-top: 15px
}
.ratingServise--stars-value {
font-size: 18px;
display: flex;
margin-left: 5px;
border-radius: 15px;
color: #363636;
font-weight: 300;
width: max-content;
align-items: center
}
.ratingServise--stars-value strong {
font-size: 19px;
font-weight: 300;
color: #6c6c6c
}
.ratingServise--stars-lop i.fa-solid.fa-star {
color: #ffc83d;
font-weight: 600
}
.ratingServise--stars-lop i {
font-size: 15px;
margin: 0 1px;
font-weight: 300;
color: #b0a9a9
}
i.fa-solid.fa-star {
font-size: 15px;
margin-inline-start:5px;font-weight: 300;
color: var(--contentcolor)
}
.ratingServise-count {
display: flex;
align-items: center;
margin-inline-start:10px}
.ratingServise-count strong {
font-size: 13px;
font-weight: 500
}
.ratingServise-count>i {
margin-inline-end:6px;font-size: 15px;
color: #f4c94f
}
.contact-us {
display: flex;
flex: 1;
justify-content: space-between;
margin-inline-start:16px;align-items: center
}
.adress-call_number,.ratingServise-lop {
display: flex
}
.ratingServise-lop strong {
margin-inline-start:8px;display: block;
font-size: 15px;
color: #fff;
font-weight: 500
}
a.button-left {
padding: 7px 25px;
background: #232753;
border-radius: 12px;
color: #fff;
font-size: 18px;
font-weight: 400;
margin-inline-end:15px}
.page-box:before {
position: absolute;
display: flex;
height: 50%
}
.titles_block h2 {
position: relative;
font-size: 23px;
width: 100%;
font-weight: 400;
line-height: 26px;
color: #fff
}
.titles_block span {
color: #fff;
position: relative;
font-size: 16px;
width: 100%;
font-weight: 400;
line-height: 26px
}
.-single-mobile {
display: flex;
flex-direction: column;
background: #fff;
border-radius: 20px;
overflow: hidden;
margin-bottom: 20px;
position: sticky;
top: 79px;
z-index: 2;
padding: 24px
}
.box-block,.popup-call {
right: 50%;
top: 50%;
transform: translate(50%,-50%)
}
.dt-contact p {
color: #322e2e
}
a.phone-box .call_number {
margin-inline-start:11px;display: flex;
align-items: center;
background: #232753;
width: max-content;
padding: 10px 20px;
border-radius: 20px;
margin: auto
}
a.phone-box p {
font-size: 16px
}
.ratingServise--stars {
display: flex;
align-items: center
}
a.phone-box {
margin: 10px 0
}
.block-mapbox .ratingServise--stars-value strong {
color: #fff
}
.-faqs-singlebox>ul>li.active {
background: 0 0
}
.popup-call {
position: fixed;
left: 0;
bottom: 0;
background: rgb(0 0 0 / 27%);
width: 100%;
box-shadow: 0 2px 5px rgb(0 0 0 / 27%);
overflow: hidden;
z-index: 22;
height: 100%;
transition: .2s;
display: none
}
.box-block,.popup-boxnumber a {
background: var(--uicolor);
display: flex
}
.box-block:before {
position: absolute;
width: 100%;
background-color: #d5e4f7;
height: 35%;
background-image: url(https://njmalwadi.com/wp-content/themes/YourColor/components/styles/img/pattern-1.png);
border-top: 3px solid #ffddda;
border-radius: 20px 0 30px 8px;
border-right: none
}
i.fa-thin.fa-phone-volume {
transform: rotate(203deg)
}
.popup-boxnumber a i {
margin-inline-end:10px;font-size: 20px
}
.popup-boxnumber a strong {
white-space: nowrap;
color: #fff;
font-weight: 500;
font-size: 18px
}
.popup-boxnumber a {
padding: 10px 20px;
color: #fff!important;
border-radius: 13px;
font-size: 21px;
flex: 1;
text-align: center;
margin: 10px;
align-items: center;
justify-content: center
}
.box-block {
margin: auto;
padding: 20px;
flex-direction: column;
align-items: center;
position: absolute;
border-radius: 30px;
max-width: 500px;
transition: 150ms;
min-width: 340px;
z-index: 33
}
.hover-image span,span.closepopup {
position: absolute;
align-items: center
}
span.closepopup {
left: 0;
background: #ffe2e2;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
top: -1px;
border-radius: 50%;
cursor: pointer;
transition: .2s
}
span.closepopup i {
font-size: 24px;
color: #1e0c01
}
.popup-boxed i {
font-size: 40px;
text-align: center;
color: #fff;
margin-inline:auto;margin-bottom: 5px
}
.popup-boxed {
display: flex;
flex-direction: column;
margin-bottom: 29px
}
svg-box {
width: 70px;
height: 70px;
display: block;
margin: auto
}
svg-box svg {
width: 100%;
height: 100%;
display: block;
fill: white
}
popup-title--box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
padding-bottom: 0
}
popup-title--box span {
font-size: 29px;
font-weight: 400;
margin-bottom: 10px;
color: #fff
}
popup-title--box p {
font-size: 23px;
font-weight: 300;
color: #fff;
margin-bottom: 20px;
text-align: center
}
a.whatsapp-website {
background: #4caf50;
margin-inline-start:10px}
.popup-boxnumber {
position: relative;
z-index: 1;
display: flex
}
a.popup-whatsapp {
background: #26ab31
}
.hover-image {
height: 190px;
margin-bottom: 10px;
border-radius: 20px;
overflow: hidden
}
.hover-image span {
width: 50px;
top: 10px;
left: 10px;
background: #232753;
padding: 6px;
height: 50px;
border-radius: 10px;
display: flex;
justify-content: center
}
.links_price:hover,.search_box,.search_header span {
background: var(--textcolor)
}
.-GridItem-1-ThumbBox:before,.-GridItem-3-ThumbBox,.-single-thumb-box:before,.image_price {
background-image: var(--bg-intro);
background-repeat: no-repeat
}
.hover-image,.short-code-image:before {
background-image: var(--bg-intro);
background-size: cover
}
.hover-image span i {
font-size: 21px!important;
color: #fff
}
.dt-contact span {
font-size: 18px;
color: #000;
display: flex;
opacity: .7;
align-items: center
}
ul.yc-shortcode-gallry--image {
margin: 0!important;
padding: 0!important
}
.inside_search i {
font-size: 16px;
font-weight: 900;
cursor: pointer;
color: #fff
}
.search_box form>button {
background: 0;
color: #fff;
border: 0
}
.inside_search input[type=text]::placeholder {
color: #fff
}
.inside_search input[type=text] {
display: block;
min-height: 45px;
border: 0;
padding: 10px 15px;
flex: 1 1 0%;
font-size: 16px;
background: 0 0;
transition: .3s;
color: #fff
}
.close_search {
width: 50px;
height: 50px;
justify-content: center
}
.search_box form {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
flex: 1
}
.foot-footer,.inside_search,.intro-yu {
display: flex;
justify-content: space-between;
align-items: center
}
.search_box {
width: 100%;
padding: 5px
}
.search_header span {
width: 45px;
height: 45px;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
color: #fff;
display: flex;
margin-inline-start:11px}
.search_header span i {
font-size: 19px;
justify-content: center;
align-items: center
}
.ArticleDetails img {
margin: auto!important;
border: 1px solid #dde6ff
}
.-GridItem-1-ThumbBox img {
height: auto;
width: auto
}
.-single-thumb-box {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #dde6ff;
padding: 14px;
border-radius: 20px
}
.info-cover h1 strong {
color: #0e1365;
font-weight: 700
}
header.fixed {
position: fixed
}
.ArticleDetails.details iframe {
width: 520px;
height: 330px;
margin-inline:auto!important;display: flex;
border-radius: 20px
}
.short-code-image {
min-width: 110px;
max-width: 100px;
position: relative;
height: 110px
}
.short-code-image:before {
position: absolute;
width: 100%;
height: 100%;
top: 0
}
.-GridItem-1-ThumbBox:before,.-single-thumb-box:before {
width: 100%;
content: "";
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
background-size: contain
}
.-single-thumb-box:before {
height: 100%;
background-position: center
}
.-single-thumb-box {
height: 460px;
position: relative
}
.-GridItem-1-ThumbBox:before {
height: 1000%;
background-position: top center
}
.-GridItem-1-ThumbBox {
height: 199px
}
.-faqs-singlebox>ul>li>.FaqsAnswers {
transition: 180ms;
opacity: 0;
visibility: hidden;
height: 0
}
.-GridItem-3-ThumbBox {
background-position: center;
height: 64px
}
.step-image>div {
height: 120px;
width: 120px
}
.logo {
max-width: 219px
}
.logo img {
width: auto;
height: auto
}
.-category-boxed:hover i {
color: #fff
}
.image_price {
width: 190px;
height: 190px;
background-size: cover;
background-position: center;
border-radius: 50%
}
.blocks-content-left {
min-width: 100%;
display: flex;
align-items: center;
padding-top: 20px;
justify-content: space-between;
}
.social--footer {
width: max-content;
}
.blocks-content {
max-width: 450px;
min-width: 450px;
}
.blocks-content p {
color: white;
}
.iframe_video img {
width: 100%;
height: 100%
}
.iframe_video {
width: 700px;
display: flex;
position: relative;
align-items: center;
justify-content: center;
margin: 0 auto !important;
border-radius: 20px;
overflow: hidden
}
.iframe_video span {
position: absolute;
background: var(--uicolor);
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
font-size: 29px;
color: #fff
}
.iframe_video_box {
width: 560px;
height: 370px;
display: flex;
margin: 30px auto !important
}
.iframe_video iframe {
margin-inline: auto; display: flex;
z-index: 1;
width: 100%;
height: 100%
}
.-single-thumb-box img {
height: 100%;
}@media only screen and (max-width:1600px){body,html{overflow-x:hidden}}@media only screen and (max-width:1400px){ul.blogs-box-social-share li span{display:none}.post-intro-left .-GridItem-4{min-width:95%;max-width:100%;height:320px}.-UserArea a i{margin-inline-end:6px}ul.blogs-box-social-share li{width:35px;height:35px;display:flex;align-items:center;justify-content:center}.postmodel.model-1{display:flex}.post-intro-med{flex-direction:initial}.Griditem-model-1-left{max-width:100%;min-width:100%}.Griditem--model-1-right{margin-top:17px;margin-inline-start:0}.Griditem--model-1-right .-GridItem-4{min-width:315px;max-width:100%}}@media only screen and (max-width:1300px){ul.blogs-box-social-share li a span{display:none}.-GridItem-1{min-width:280px;max-width:100%}.-Posts-grid>div{min-width:239px;max-width:100%;margin:7px}}@media only screen and (max-width:1200px){.menu-nav>ul>li>a{font-size:16px;font-weight:400;color:#fff}.menu-item-has-children .sub-menu{position:relative;opacity:1;visibility:visible;display:none;margin:3px;width:100%;min-width:99%;z-index:2;max-width:90%}.menu-nav>ul>li>ul li>a{color:#fff}.-GridItem-2 .-GridItem-2--ThumbBox,.-homepage--container,.seriver_model_bhaa .container .single-{min-width:100%}.-section-box,.-single-city-box .container,.-single-parent-box,.seriver_model_bhaa .container,.single-price{flex-direction:column}.-GridItem-4,.-single-parent-box .-single-parent{max-width:100%}.-single-parent-post--sidebar{min-width:100%;margin-top:21px;margin-inline-start:0;position:relative;height:100%;top:0}.-single-cat-box .container,.works-single .container{display:block}.-post-sidebar.-model-2{max-width:100%;height:100%}.-post-sidebar.-model-2 .-GridItem-3{margin:10px;min-width:230px}.Griditem-posts-left,.Griditem-posts-right{max-width:100%;display:flex;flex-wrap:wrap;min-width:100%}.-single-blog-box .container,.-single-services-box .container{flex-wrap:wrap}.images{display:none}rootinse{overflow:hidden}.price-contact-left{margin-inline-start:0;margin-top:20px}.-section-box .-section-{max-width:100%;margin-inline-end:0}.-post-box{margin-top:21px;display:flex;flex-direction:column;max-width:100%;min-width:100%}.-GridItem-3{margin:5px!important;min-width:255px;margin-inline-start:0}.city-block{max-width:100%;min-width:150px}.intro-yu{flex-direction:column-reverse;min-height:auto}.boxed-cata-left-image img{height:auto}.boxed-cata-left-image{min-width:250px;height:250px}footer{padding:0}}@media only screen and (max-width:1150px){.-GridItem-6,.-category-boxed,.faq-info,.menu-nav,.menu-nav form input,benfit{max-width:100%}.features-box{flex-direction:column-reverse}.features-info-left{min-width:100%;margin-top:30px}.image-box{margin:auto;height:290px}.FristHeader,.menu-nav>ul>li>ul.sub-menu{display:none}.social{display:block!important}.social .social--footer{justify-content:center;border-top:1px solid #ff5b4a;padding-top:20px}.-GridItem-6{min-width:230px;flex:1}header .logo.secondHeader{display:block}.box-nubmer-second,header .menu_bar{display:flex}header .logo.secondHeader img{filter:none}.postmodel.model-1 .-GridItem-5{min-width:260px}.postmodel.model-1 .-GridItem-6{min-width:230px;max-width:100%}.blocks-footer{flex-direction:column;justify-content:right}.blocks-yc-{margin:0}.menu_bar-box .menu_bar{margin-inline-end:10px}benfit{min-width:250px}.faq_section,.seriver_model_bhaa .container{flex-direction:column}.faq-info{margin-bottom:22px}.s-price-contact{margin:auto}.post-intro-slider-{margin-inline:0}.ButtonConcept a{font-size:14px;padding:8px 20px}.menu-nav{top:77px;right:-100%;min-width:280px;transition:150ms;border-radius:0;color:var(--uicolor);z-index:19;padding:20px 12px;margin-inline-end:0;position:fixed;bottom:0;background:var(--uicolor);box-shadow:var(--box-shadow);overflow:scroll}.menu-nav form{display:flex!important;margin-bottom:16px;position:relative}.menu-nav form input{outline:0;display:flex;box-shadow:none;transition:.6s cubic-bezier(.25, 1, .5, 1);border:1px solid #e8ebf2;flex:1;padding:12px 30px;min-width:100%;border-radius:47px}.menu-item-has-children .sub-menu.active{min-width:100%;display:flex;position:relative;opacity:1;visibility:visible;background:#071c17;margin-inline:0;z-index:2;right:0;left:0;box-shadow:none}.menu-nav.open{right:0;top:66px}ul.-Tabs--Posts--List{justify-content:start;flex-wrap:wrap}ul.-Tabs--Posts--List li{margin:6px;font-size:14px;display:flex;align-items:center}.menu-nav>ul{display:flex;flex-direction:column;align-items:self-start}.menu-nav>ul>li{width:100%;margin-bottom:11px}.box-price{min-width:220px;max-width:1000%;margin:10px;flex:1}.intro_buttun,.social--box{align-items:center}.info-cover{justify-content:center;max-width:100%;margin-inline-end:0}.boxed-cata-left{margin-bottom:23px}.intro_buttun{justify-content:center}.info-cover h1{font-size:27px;text-align:center;align-items:center;justify-content:center}.info-cover p{font-size:15px;text-align:center}.img_back-yu img{height:339px}.titles_concept_1 h2{font-size:23px;text-align:center;justify-content:center}.image_price{height:100px;width:100px}.box-price h3{font-size:21px}.list_services_price ul li{font-size:13px}.links_price a{padding:8px 27px;font-size:15px}.box-price p{font-size:25px}.titles_concept_1 p{font-size:14px;font-weight:400;text-align:center}.single-post{overflow:hidden}}@media only screen and (max-width:780px){.ArticleDetails img{height:auto;}.box-nubmer{display:none}.logo{max-width:190px}.logo img{width:auto;height:auto}.block-mapbox,.box-nubmer.mobile,.contact-us{display:block}features--block{flex-direction:column;min-width:250px;max-width:100%!important;flex:1;margin:10px!important}features--block img{margin:auto!important}h2.bk-title{font-size:24px;margin-bottom:8px!important}p.bk-content{font-size:14px;text-align:center}.box-title{margin-inline-start:0}body{overflow-x:hidden}}@media only screen and (max-width:900px){.blocks-yc-{flex-direction:column} .blocks-content { min-width: 100%; max-width: 100%; text-align: center; }.blocks-content-left{min-width: 100%; margin-inline: 0; margin-bottom: 20px; flex-direction: column; align-items: center; justify-content: center;}}@media only screen and (max-width:580px){.-SeconderyCategoryes--GridItems{margin-bottom:10px;padding-bottom:0}.-single-thumb-box{height:210px}.-GridItem-3-ThumbBox{max-width:60px;height:59px;min-width:60px}.-GridItem-3{padding:0 0 11px}.-GridItem-1-info a h3{height:auto;margin-bottom:7px}.btn-5{padding:11px 15px;min-height:auto;max-height:max-content;line-height:normal;font-size:14px}a.btn-content{font-size:15px}.-GridItem-1-ThumbBox{height:150px}.-GridItem-1-ThumbBox img{height:100%}.titles_concept_1 h2{font-size:21px}.titles_concept_1 p{font-size:12px}.info-cover p{font-size:13px}.info-cover h1{font-size:22px}.-postgrid-box-,.model_shap_one_title{flex-direction:column}.model_shap_one_title>*{width:100%}.menu-nav>ul>li>ul li>a{padding:10px 0}ul.sub-menu.open-menu{display:block!important}.img_back-yu img{height:219px}.-Breadcrumb-SingularPost h1 i{font-size:18px}.menu-nav{min-width:100%}.search_header span{margin-inline:0}}@media only screen and (max-width:700px){.GridItem-title->a h2{font-size:16px;height:46px}.-UserArea a i,.head-faq-title h3,.titles_features p,allrights-reserved,popup-title--box p,ul.ez-toc-list li a{font-size:15px}ul.ez-toc-list{padding-inline-start:10px!important}.-box-users-,.Singlemosttabs,.foot-footer{flex-direction:column}.s-price-contact{min-width:290px;max-width:100%;width:100%}.-GridItem-6-info>a>h3,.ArticleDetails.details h4{font-size:16px}.-GridItem-5-info>a>p{font-weight:400;font-size:12px}.-GridItem-5-info a h3,.-single-parent-flexes--content-bar h1,.ArticleDetails.details h3,.blocks-content span{font-size:17px}.popup-boxnumber a strong,benfit p{font-size:11px}.-GridItem-6-info p,.GridItem-title->a>p,.company p,.fittertitle{font-size:13px}.-single-parent-flexes--content-inner .-single-parent-flexes--content-bar{position:relative;margin-top:10px;width:100%;box-shadow:none;padding:9px 11px 30px;border:none}.call--box{min-width:100%;gap:10px;display:flex}.ArticleDetails.details>*,ol.BreadcrumbsFilters li a{font-size:14px}.-single-parent-flexes--content-inner-thumb img{height:100%}.-single-parent-flexes--content-inner-thumb{height:auto;padding:0}.news-title{font-size:21px;font-weight:500}.ArticleDetails.details h2{font-size:19px}.footer_menu ul li{min-width:160px}how-we-work-steps{padding:0!important}ul.-date-model-1 li{font-size:10px;margin-top:5px}.GridItem-2-title-model a h2{font-size:16px;height:44px}.answer p,.blocks-content p,.category-Item a{font-size:12px}.company p a img{width:109px}.GridItem-3-title-model h3{font-size:14px;line-height:1.3}.titles_features h2{font-size:29px}.call--box a{display:flex;margin-inline-end:6px;font-size:15px;padding-inline:7px;flex:1;margin-inline:0;align-items:center;min-width:auto!important;max-width:100%;justify-content:center}.box-block{min-width:250px;max-width:260px}.popup-boxnumber a{flex:1;min-width:auto;max-width:100%;margin:1px;font-size:17px}.box-block:before{height:25%}.popup-boxed{margin-bottom:20px}}@media only screen and (max-width:450px){.ButtonConcept a i,a.contact p{font-size:18px}}@media only screen and (max-width:400px){.ButtonConcept a i,a.contact p{font-size:17px}.dt-contact p{font-size:14px}}@media only screen and (max-width:380px){.ButtonConcept a i,a.contact p{font-size:15px}}@media only screen and (max-width:350px){a.contact h3{font-size:13px}}