/* Hide Projects Tabs on Home Page */

body.home .pf-tabs {
    display: none;
}

/*  Common Css Start Here  */
.pt-200{
	padding-top : 200px !important;
}
.pb-200{
	padding-bottom : 200px !important;
}
.pt-100{
	padding-top : 100px !important;
}
.pb-100{
	padding-bottom : 100px !important;
}
.pr-100{
	padding-right : 100px !important;
}
.pl-100{
	padding-left : 100px !important;
}
.pt-90{
	padding-top : 90px !important;
}
.pb-90{
	padding-bottom : 90px !important;
}
.pt-80{
	padding-top : 80px !important;
}
.pb-80{
	padding-bottom : 80px !important;
}
.pt-70{
	padding-top : 70px !important;
}
.pb-70{
	padding-bottom :70px !important;
}
.pt-60{
	padding-top : 60px !important;
}
.pb-60{
	padding-bottom : 60px !important;
}
.pr-60{
	padding-right : 60px !important;
}
.pl-60{
	padding-left : 60px !important;
}
.pt-50{
	padding-top : 50px !important;
}
.pb-50{
	padding-bottom : 50px !important;
}
.pt-40{
	padding-top : 40px !important;
}
.pb-40{
	padding-bottom : 40px !important;
}
.pt-30{
	padding-top : 30px !important;
}
.pb-30{
	padding-bottom : 30px !important;
}
.pt-20{
	padding-top : 20px !important;
}
.pb-20{
	padding-bottom : 20px !important;
}

div#home-slider-sec .elementor-slide-button {
    display: inline-flex;
    gap: 15px;
}
div#home-slider-sec .elementor-slide-button span {
    font-size: 20px;
}
body.error404 div#footer-form-sec {
    display: none;
}
textarea{
	resize:none !important;
}
.elementor-counter-title {
    text-align: center !important;
}
.elementor-button-icon svg{
   width: auto !important;
}
p#breadcrumbs a {
    font-size: 20px;
    font-weight: 700;
}
p#breadcrumbs span.icon {
    font-size: 30px;
    padding: 0px 15px;
	display:inline-block;
}
.blue-arrow ul li {
    position: relative;
    margin-bottom: 20px;
}
.blue-arrow ul {
    padding: 0 0 0 20px;
    list-style: none;
}
.blue-arrow ul li:before {
    content: '';
    position: absolute;
    background: url(/../wp-content/uploads/2025/11/Vector.svg);
    width: 6px;
    height: 10px;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}
.page-id-2730 div#footer-form-sec {
    display: none;
}
.page-id-631 div#footer-form-sec {
    display: none;
}
.page-id-679 div#footer-form-sec {
    display: none;
}
.page-id-3334 div#footer-form-sec {
    display: none;
}

p {
   margin:0 !important;
}
.single-sister-company p#breadcrumbs span span:nth-child(3) a {
    pointer-events: none;
}
.media-post .elementor-post__title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
  #affiliation-sec .affiliated-business,
  #affiliation-sec .affiliate-box {
   
  }
#affiliation-sec .affiliated-business,
#affiliation-sec .affiliate-box {
  flex: 1 1 0 !important;   /* grow + shrink allowed */
  max-width: 100% !important;
}
#affiliation-sec .elementor-grid {
  flex-wrap: wrap !important;   /* columns neeche chale jayenge instead of overflow */
  overflow: hidden;             /* last option, agar ab bhi nikal raha ho */
}
#affiliation-sec .affiliate-box .aff-content {
    height: 50px;
}
#affiliation-sec .elementor-widget-theme-post-excerpt {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 5 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#affiliation-sec .sister-company, #affiliation-sec .affiliate-box {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    --width: auto !important;
    height: 100%;
}
#affiliation-sec .affiliate-box .elementor-element {
   --width:auto !important;
}
#affiliation-sec .affiliate-box .elementor-element.elementor-widget-image {
    --width: 100% !important;
    padding: 0;
    text-align: left;
}
#affiliation-sec .affiliate-box .aff-img {
    --width:auto!important;
}
#affiliation-sec .affiliate-box .aff-img img {
    --width: 100% !important;
    max-width: 100%;
    width: 100%;
}
#affiliation-sec .affiliate-box .elementor-element.aff-title{
    width: 100%;
    --width: 100% !important;
    padding: 0;
}
html.translated-rtl ul li {text-align: right !important;}
html.translated-rtl .blue-arrow ul li:before {
    left: auto;
    right: -20px;
    rotate: 180deg;
    transform: translateY(50%);
}





.our-people-listing .elementor-icon-list-items {
    column-count: 2;
    column-gap: 40px;
}

.our-people-listing .elementor-icon-list-items li:nth-child(6) {
    break-before: column;
    -webkit-column-break-before: always;
}


.wpml-ls-legacy-list-horizontal>ul {
    display: flex;
    gap: 5px;
    position: relative;
    overflow: hidden;
    width: 207px;
}
.rtl .wpml-ls-legacy-list-horizontal>ul {
    width: 210px;
    left: 100px;
}
.wpml-ls-legacy-list-horizontal>ul li a {
    padding: 10px 25px !important;
}
.wpml-ls-legacy-list-horizontal>ul li:nth-child(1) a {
    border-radius: 20px 0 0 20px;
}
.wpml-ls-legacy-list-horizontal>ul li:nth-child(2) a {
    border-radius: 0 20px 20px 0;
}
.rtl .wpml-ls-legacy-list-horizontal>ul li:nth-child(1) a {
	border-radius: 0 20px 20px 0;
}
.rtl .wpml-ls-legacy-list-horizontal>ul li:nth-child(2) a {
   border-radius: 20px 0 0 20px;
}

/* .rtl .wpml-ls-legacy-list-horizontal>ul {
    width: 204px;
}
.rtl .wpml-ls-legacy-list-horizontal>ul:before {
    left: 12px;
}
.wpml-ls-legacy-list-horizontal>ul:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    width: 10px;
    height: 50px;
    rotate: 10deg;
    top: -5px;
    bottom: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
} */



/* Force Center in Arabic */

html.translated-rtl[lang="ar"] .ar-center,
html.translated-rtl[lang="ar"] .ar-center h1,
html.translated-rtl[lang="ar"] .ar-center h2,
html.translated-rtl[lang="ar"] .ar-center h3,
html.translated-rtl[lang="ar"] .ar-center h4,
html.translated-rtl[lang="ar"] .ar-center h5,
html.translated-rtl[lang="ar"] .ar-center h6,
html.translated-rtl[lang="ar"] .ar-center p,
html.translated-rtl[lang="ar"] .ar-center a,
html.translated-rtl[lang="ar"] .ar-center.elementor-widget-button,
html.translated-rtl[lang="ar"] .ar-center span,
html.translated-rtl[lang="ar"] .ar-center div {
  text-align: center !important;
}
/* Arabic mode me sirf left aligned text ko right aligned */
html[lang="ar"] #home-slider-sec .swiper-slide-contents{
    text-align: center;
}
html[lang="ar"] #home-slider-sec p {
    text-align: center !important;
}
/* html[lang="ar"] h1:not([style*="text-align:center"]),
html[lang="ar"] h2:not([style*="text-align:center"]),
html[lang="ar"] h3:not([style*="text-align:center"]),
html[lang="ar"] h4:not([style*="text-align:center"]),
html[lang="ar"] h5:not([style*="text-align:center"]),
html[lang="ar"] h6:not([style*="text-align:center"]),
html[lang="ar"] p:not([style*="text-align:center"]),
html[lang="ar"] .elementor-widget-text-editor:not([style*="text-align:center"]),
html[lang="ar"] a:not([style*="text-align:center"]),
html[lang="ar"] .elementor-widget-button:not([style*="text-align:center"]),
html[lang="ar"] .elementor-heading-title:not(.elementor-text-align-center),
html[lang="ar"] .elementor-widget-container:not(.elementor-text-align-center) {
  text-align: right !important;
} */
/* html[lang="ar"] #my-footer p:not([style*="text-align:center"]){
	text-align:left !important;
}
html[lang="ar"] #my-footer .ar-right p.elementor-image-box-description:not([style*="text-align:center"]){
	text-align:right !important;
}
html[lang="ar"] #my-footer .e-grid-align-left{
	text-align:right !important;
} */
html[lang="ar"] .form-sec .elementor-widget.elementor-widget-heading {
    margin: 0 0 0 auto;
}
html[lang="ar"] .form-sec .elementor-image-box-img {
    margin-right: auto !important;
	margin-left: 14px !important;
	width: 4% !important;
}
html[lang="ar"] .form-sec{
    padding-left: 0;
    padding-right: 0 !important;
}
html[lang="ar"] .single-affiliated-business .elementor-widget-text-editor {
    padding: 0 !important;
}
html[lang="ar"] .single-post .elementor-post-info {
    justify-content: end;
}
html[lang="ar"] .single-post .elementor-widget.elementor-widget-heading {
     margin: 0 0 0 auto;
}
html[lang="ar"] .single-post .media-icon-boxes .elementor-image-box-img {
    margin-right: 0 !important;
    margin-left: 10px !important;
}
html[lang="ar"] .single-post .media-icon-boxes .elementor-image-box-wrapper {
        flex-direction: row-reverse;
    }
/* html[lang="ar"] .form-sec .elementor-image-box-wrapper {
        flex-direction: row-reverse;
    }
html[lang="ar"] #my-footer a:not([style*="text-align:center"]) {
        text-align: right !important;
    justify-content: end;
} */
/* html[lang="ar"] .media-post a:not([style*="text-align:center"]){
	align-self: flex-end;
} */
html[lang="ar"] div#home-slider-sec .elementor-slide-description h1, html[lang="ar"] div#home-slider-sec .elementor-slide-description h2 {
    text-align: center !important;
}
html[lang="ar"] .slide_time .inner-time h4 {
    text-align: center !important;
}
html[lang="ar"] .slide_time .inner-time h2 {
    text-align: center !important;
}
html[lang="ar"] .pf-readmore:before {
    right: auto;
    left: -20px;
    rotate: 180deg;
    transform: translateY(20%);
}
/* html[lang="ar"] .elementor-button-content-wrapper {
    flex-direction: row !important;
} */
.rtl .form-sec .elementor-image-box-content {
    direction: ltr;
}
html[lang="ar"] .elementor-button-content-wrapper span.elementor-button-icon {
    transform: rotate(180deg);
}
   html[lang="ar"] p#breadcrumbs span.icon {
        padding: 0px 15px 5px 15px;
/*         transform: rotate(180deg);   */
    }
 html[lang="ar"] .blue-arrow ul {
    padding: 0 20px 0 0;
}
 html[lang="ar"] #my-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container a.elementor-item{
    justify-content: end !important;
}
html[lang="ar"] #my-header .sub-menu a{
    justify-content: end !important;
}
div#my-header .elementor-widget-image a {
    text-align: left !important;
}
/* html[lang="ar"] div#detail-icn {
    text-align: end;
}
html[lang="ar"] .single-project .elementor-element.e-con-full.e-flex {
    text-align: right !important;
    justify-content: end;
} */
/* html[lang="ar"] .elementor-slide-button {
    flex-direction: row-reverse !important;
} */
html[lang="ar"] .elementor-slide-button span {
    display: inline-block;
    rotate: 180deg;
    line-height: 28px;
}
html[lang="ar"] .form-sec input,html[lang="ar"] .form-sec textarea {
    text-align: right;
}
html[lang="ar"] .form-sec .e-form__buttons {
    align-items: flex-start !important;
    margin: 0 0 0 auto;
}
html[lang="ar"] .location-box p {
    padding-left: 0;
    padding-right: 50px;
}
html[lang="ar"] .location-box p strong {
    direction: ltr;
    text-align: end;
}
html[lang="ar"] #my-footer p.elementor-image-box-description {
    direction: ltr;
}
html[lang="ar"] p.address:before {
    left: auto;
    right:15px;
}
	.rtl p.telephone-number:before {
    left: auto;
   right:15px;
}
html[lang="ar"] p.number:before {
    left: auto;
    right:15px;
}
html[lang="ar"] p.email:before {
    left: auto;
    right:15px;
}
/* html[lang="ar"] #my-footer .col1 {
    order: 4;
}
html[lang="ar"] #my-footer .col2 {
    order: 2;
}
html[lang="ar"] #my-footer .col3 {
    order: 3;
}
html[lang="ar"] #my-footer .col4 {
    order: 1;
}
html[lang="ar"] #my-footer .elementor-element.e-child {
    align-items: flex-end;
}
html[lang="ar"] #my-footer .elementor-widget-image {
    margin: 0 0 0 auto;
    text-align: left;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
html[lang="ar"] #my-footer .elementor-widget-image a {
    margin: 0 0 0 auto;
    text-align: right;
} */
.gtranslate_wrapper {
    margin-top:0x;
}
html[lang="ar"] summary.e-n-accordion-item-title {
    flex-direction: row-reverse !important;
}
html[lang="ar"] .e-gallery--ltr.e-gallery-justified .e-gallery-item{
    left: auto;
    right: 0;
}
/* html[lang="ar"] .our-people-col li.elementor-icon-list-item {
    flex-direction: row-reverse;
    gap: 15px;
} */
html[lang="ar"] .form-sec .elementor-widget-image-box {
    margin: 0 0 5px 0 !important;
}
html[lang="ar"] .form-sec .left-col {
    padding-top: 25px;
}


/* Common Css End Here  */


/* Header Css Start Here  */

#home-slider-sec h2{
	text-transform:uppercase;
}
#home-slider-sec p {
    padding-bottom: 20px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}
div#my-header .sub-menu li {
    position: relative;
    transition: transform 0.3s ease;
    border-bottom: 1px solid #22222221;
}

div#my-header .sub-menu a:before {
  content: '';
  position: absolute;
  background: #00ACEC;
  width: 30px;
  height: 1px;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  
  opacity: 0;            /* by default hidden */
  transition: opacity 0.3s ease; /* smooth fade-in */
}

div#my-header .sub-menu a:hover {
  transform: translateX(20px); /* move right on hover */
}

div#my-header .sub-menu a:hover:before {
  opacity: 1; /* show line on hover */
}
div#my-header .sub-menu {
    border-radius: 0 0 10px 10px;
    background: #FFF;
    box-shadow: 0 4px 20px 0 rgba(151, 163, 167, 0.40);
  
}
div#my-header .sub-menu a{
    padding: 20px 40px 20px 25px;
}
.gtranslate_wrapper {
  display: inline-flex;
  flex-direction: row-reverse;
  overflow: hidden;
  text-align: center;
  background: url(/../wp-content/uploads/2025/11/switchern.svg);
  width: 116px;
  height: 30px;
}
.elementor-posts .elementor-post__title {
    font-size: unset !important;
}
/* Common style for both links */
html.translated-rtl .gtranslate_wrapper a{
	    font-family: "Raleway", Sans-serif;
}
.gtranslate_wrapper a {
  padding: 1px 17px;
  flex: 1;
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-family: "Montserrat", Sans-serif;
  font-size:16px;
  font-weight: 500;
  text-transform: uppercase;
}
.gtranslate_wrapper a.glink.gt-current-lang {
    font-weight: 500 !important;
}
.gtranslate_wrapper a.gt-current-lang {
  opacity: 1;
}
.gtranslate_wrapper a:not(.gt-current-lang) {
  opacity: 0.9;
}

/* Default look at the top */
#my-header{
  background: transparent;
  transition: background-color .25s ease, box-shadow .25s ease;
}

/* After scroll */
body.is-scrolled #my-header{
  background: #ffffff;              /* red */
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
	    padding: 0;
}

/* Header Css End Here  */


/* Footer Css Start Here  */

.elementor-image-box-title {
    margin: 0 !important;
}
.elementor-image-box-img {
    margin-top: 6px !important;
}

/* Footer Css End Here  */



/* MBCC Journey & Milestones Css Start Here  */

.company-history {
    padding: 60px 0;
}
.company_top {
    text-align: center;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 70px;
    padding-bottom: 20px;
}
.company-timeline {
    background: url("/../wp-content/uploads/2025/09/journey-blue-cover.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.slide_time .inner-time {
    padding: 100px 0;
}
.custom-timeline {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: -75px;
}
.inner-time.slick-current .custom-timeline {
    flex-direction: column-reverse;
    margin-top: -40px;
    margin-bottom: 0;
}
.sliderImage {
    position: relative;
}
.sliderImage img {
    margin: 0 auto;
}
.sliderImage img.second-image {
    position: absolute;
    right: 0;
    top: -50px;
    z-index: -1;
}
.slick-current .sliderImage img.second-image {
    top: unset;
    bottom: -50px;
    right: unset;
}
.sliderYear {
    margin-bottom: 40px;
}
.slick-current .sliderYear {
    margin-bottom: 0;
    margin-top: 40px;
}
.inner-time:not(.slick-current) .sliderYear:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #272983;
    border-radius: 30px;
    margin: 0 auto;
    box-shadow: 0 0 0 10px #BFEEFF;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.inner-time:not(.slick-current) .sliderYear:after {
    content: "";
    background-color: #272983;
    width: 3px;
    height: 160px;
    display: block;
    margin: 0 auto;
}
.inner-time.slick-current .sliderYear:after {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #272983;
    border-radius: 30px;
    margin: 0 auto;
    box-shadow: 0 0 0 10px #BFEEFF;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.inner-time.slick-current .sliderYear:before {
    content: "";
    background-color: #272983;
    width: 3px;
    height: 160px;
    display: block;
    margin: 0 auto;
}
.sliderYear {
    position: relative;
}
.sliderImage {
    position: relative;
    height: 280px;
}
.slick-current .sliderImage {
    margin-bottom: 0;
}
.timeline-title {
    position: relative;
    top: 0;
	height:55px;
}
.sliderYear h2 {
    color: #F8FFF9;
    font-size: 100px;
    font-weight: 600;
	margin-bottom: 0;
}
.company-timeline button.slick-arrow {
    width: 45px;
    height: 45px;
    background-color: #00ACEC;
    border-radius: 100px;
	font-size:0;
	padding:0;
}
.company-timeline button.slick-prev:before {
    content: "\f104";
    font-family: 'FontAwesome';
    color: white;
    opacity: 1;
}
.company-timeline button.slick-prev:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 12px;
    background: url(/../wp-content/uploads/2025/09/prev-icn.png) no-repeat center;
    background-size: contain;
    opacity: 1;
    transform: translateY(50%);
}
.company-timeline button.slick-next:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 12px;
    background: url(/../wp-content/uploads/2025/09/next-icn.png) no-repeat center;
    background-size: contain;
    opacity: 1;
    transform: translateY(50%);
}
.slide_time .inner-time h4 {
    font-weight: 600;
    width: 92%;
}
/* MBCC Journey & Milestones Css End Here  */


/* Modern Building Section Css Start Here  */


.one-side-container .contain {
    margin-left: calc((100% - 1500px) / 2);
    overflow: hidden;
}

/* Modern Building Section Css End Here  */


/* Media & Press Coverage Section Css Start Here  */

.media-post .elementor-grid-item {
    display: flex;
}
.media-post .elementor-post__text {
    display: flex;
    flex-direction: column;
}
.media-post .elementor-post__text .elementor-post__meta-data {
    order: 1;
}
.media-post .elementor-post__text .elementor-post__title {
    order: 2;
}
.media-post .elementor-post__text .elementor-post__read-more {
    order: 3;
}

/* Media & Press Coverage Section Css End Here  */


/* Our Clients & Partners Section Css Start Here  */

.my-clients-slides .e-active {
    position: relative;
    overflow: hidden;
}

.my-clients-slides .e-active:before {
    position: absolute;
    content: '';
    width: 30%;
    height: 214px;
    flex-shrink: 0;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.96) 0%, #FFF 100%);
    filter: blur(50px);
    left: -24%;
    top: -55px;
    bottom: 0;
    z-index: 1;
}
.my-clients-slides .e-active:after {
    position: absolute;
    content: '';
    width: 30%;
    height: 214px;
    flex-shrink: 0;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.96) 0%, #FFF 100%);
    filter: blur(50px);
    right: -24%;
    top: -55px;
    bottom: 0;
    z-index: 1;
}
.my-clients-slides .e-n-tabs-heading {
    display: none !important;
}

/* Our Clients & Partners Section Css End Here  */



/* Projects Section Css Start Here  */

    /* -------- Layout / tabs -------- */
        .pf-wrap { --pf-gap: 24px; }
        .pf-tabs { display: flex ; flex-wrap: wrap; gap: 40px; margin: 0 0 55px; justify-content: center; }
        .pf-tab { color: #444 !important; appearance: none; border: 1px solid rgba(0, 0, 0, .12); background: transparent !important; border-radius: 999px; font-weight: 600; cursor: pointer; }
        .pf-tab.is-active { color: #fff !important; background: #00b2ff !important; border-color: #00b2ff !important; }
        .pf-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--pf-gap); }
        .pf-spinner { margin-top:16px; font-weight:600; }

        /* -------- Card -------- */
        .pf-card { position:relative; overflow:hidden; border-radius:14px; }
        .pf-card img.pf-img { width:100%; height:524px; object-fit:cover; display:block; }

        /* subtle base gradient for readability */
        .pf-grad { position:absolute; left:0; right:0; bottom:0; height:50%;
                   background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); }

        /* base row (icon + title) – always visible */
        .pf-base { position:absolute; left:24px; right:24px; bottom:14px; gap:10px; color:#fff; z-index:2; }
        .pf-title { margin: 0; font-weight: 600 !important; color: #fff !important; }
        

        /* hover panel — your blue gradient */
        .pf-hover { position:absolute; inset:0;
            background: linear-gradient(180deg, rgba(37,39,112,0.00) -63.93%, #252770 100%);
            transform: translateY(100%);
            transition: transform .45s ease;
            display:flex; align-items:flex-end;
            color:#fff; z-index:3; border-radius:10px;
        }
        .pf-card:hover .pf-hover { transform: translateY(0); }
        .pf-card:hover .pf-base { display: none; }

        .pf-hover-inner { width:100%; padding:24px; }
        .pf-meta { margin:15px 0; font-size:14px; line-height:1.6; opacity:.95; }
        .pf-meta strong { font-weight:600;font-size:16px; }

        .pf-readmore { position: relative; display: inline-block; margin-top: 10px; font-weight: 700; font-size: 18px; line-height: 28px; border-radius: 999px; color: #ffffff; }
        .pf-readmore:before { position: absolute; content: ''; background: url(/../wp-content/uploads/2025/09/readicn.png); width: 8px; height: 13px; right: -20px; top: 50%; bottom: auto; transform: translateY(-50%); }

        /* category pill (top-left) */
       .pf-pill { font-family: 'Outfit'; position: absolute; top: 24px; left: 24px; width: 97px; background: #ffffff; color: #00ACEC; padding: 10px 12px; font-size: 14px; text-transform: uppercase; font-weight: 500; display: flex ; justify-content: center; align-items: center; border-radius: 100px; z-index: 4; }


.pf-tab-content {
  display: none; /* sab hidden by default */
}
.pf-tab-content.is-active {
  display: grid; /* ya jo bhi aapka layout hai (flex/grid/block) */
}
/* .projects-tabs .pf-tabs {
    display: none;
} */
.pf-pagination {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: -90px;
}
.pf-pagination .current {
    color: #fff;
    background: #00ACEC;
}
.page-numbers {
    padding: 5px 12px;
    color: #000;
    font-family: "Outfit", Sans-serif;
    font-size: 18px;
}
.page-numbers:hover {
    background: #00ACEC;
    color: #fff;
}


/* Projects Section Css End Here  */

.affiliated-locations {
    display: grid;
    grid-template-columns: repeat(1, 1fr 1fr);
    column-gap: 30px;
    row-gap: 20px;
}
.location-box p {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px !important;
	padding-left: 30px;
}
.location-box p span {
    color: #444;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
}
.location-box p strong {
    color: #222;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 166.667% */
}
.location-box p strong a {
color: #222;
font-family: Outfit;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 30px; /* 166.667% */
}

.affiliated-locations p {
    border-radius: 10px;
    background: #F5F5F5;
    padding: 15px 15px 15px 50px;
}

p.address:before {
    position: absolute;
    content: '';
    background: url(/../wp-content/uploads/2025/10/Vector-1.svg);
    width: 12px;
    height: 17px;
    left: 20px;
    right: auto;
    top: 20px;
}
p.address {
    position: relative;
}
p.telephone-number:before {
    position: absolute;
    content: '';
    background: url(/../wp-content/uploads/2025/10/Vector-2.svg);
    width: 15px;
    height: 15px;
    left: 20px;
    right: auto;
    top: 20px;
}
p.telephone-number {
    position: relative;
}
p.email:before {
    position: absolute;
    content: '';
    background: url(/../wp-content/uploads/2025/10/Vector-3.svg);
    width: 17px;
    height: 14px;
    left: 20px;
    right: auto;
    top: 20px;
}
p.email {
    position: relative;
}
div#project-first-row .e-gallery-item:first-child {
    width: 68%;
}
div#project-first-row .elementor-gallery__container {
    display: flex;
    width: 100%;
}
div#project-first-row .e-gallery-item:last-child {
    width: 30%;
}
div#project-first-row .e-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit:cover;
}
div#project-first-row .e-gallery-item .e-gallery-image {padding-bottom: 319px;}
.inner-sec-title h2{
    padding: 100px 0 70px 0;
}
.inner-sec-title.first h2{
    padding-top:0;
}
body.single-affiliated-business.postid-394 div#footer-form-sec {
    display: none;
}
/* .mygallery .elementor-gallery__container {
    padding: 100px 0 70px 0;
} */
#home-year-sec .big-box {
    justify-content: center;
    align-items: center;
    height: 260px;
}
#home-year-sec .big-box .elementor-image-box-img {
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
#home-year-sec .small-box .elementor-image-box-img {
    margin: 0 10px 0 0 !important;
    width: 28%;
}
#home-year-sec .elementor-image-box-wrapper {
    align-items: center;
}
#home-year-sec .small-box {
    height: 120px;
    justify-content: center;
}
button.pf-load-more {
    border: none;
}
html[lang="ar"] .elementor-slide-description h3:not([style*="text-align:center"]) {
    text-align: center !important;
} 
html[lang="ar"] span.pf-pill {
    left: auto;
    right: 24px;
}

        /*   Responsive Start Here   */
		

		@media (max-width: 1680px){
				.pf-tab-content.is-active {
    padding-bottom: 20px;
}
			.pf-pagination {
    bottom: -75px;
}
			#home-slider-sec p {
    width: 70%;
}
			#home-year-sec .small-box .elementor-image-box-title {
    margin-bottom: 7px !important;
}
div#project-first-row .e-gallery-item:first-child {
    width: 67.5%;
}
.affiliated-locations {
/*     column-gap: 80px; */
/*     row-gap: 30px; */
}
.location-box p span{
    font-size: 16px;
}
.location-box p {
    margin-bottom: 10px !important;
}
.location-box p strong {
    font-size: 16px;
    line-height: 28px;
}
.inner-sec-title h2 {
    padding: 80px 0 50px 0;
}
			.pt-200{
	padding-top : 170px !important;
}
.pb-200{
	padding-bottom : 170px !important;
}
.pt-100{
	padding-top : 80px !important;
}
.pb-100{
	padding-bottom : 80px !important;
}
.pr-100{
	padding-right : 80px !important;
}
.pl-100{
	padding-left : 80px !important;
}
.pt-90{
	padding-top : 80px !important;
}
.pb-90{
	padding-bottom : 80px !important;
}
.pt-80{
	padding-top : 70px !important;
}
.pb-80{
	padding-bottom : 70px !important;
}
.pt-70{
	padding-top : 60px !important;
}
.pb-70{
	padding-bottom :60px !important;
}
.pt-60{
	padding-top : 50px !important;
}
.pb-60{
	padding-bottom : 50px !important;
}
.pr-60{
	padding-right : 50px !important;
}
.pl-60{
	padding-left : 50px !important;
}
.pt-50{
	padding-top : 40px !important;
}
.pb-50{
	padding-bottom : 40px !important;
}
.pt-40{
	padding-top : 30px !important;
}
.pb-40{
	padding-bottom : 30px !important;
}
.pt-30{
	padding-top : 20px !important;
}
.pb-30{
	padding-bottom : 20px !important;
}
.pt-20{
	padding-top : 10px !important;
}
.pb-20{
	padding-bottom : 10px !important;
}
	p#breadcrumbs a {
    font-size: 18px;
}		
		.timeline-title {
    height: 66px;
}	
	.sliderYear h2 {
    font-size: 85px;
}	
.one-side-container .contain {
    margin-left: calc((100% - 1140px) / 2);
}
.pf-pill {
    font-size: 13px;
}
.pf-card img.pf-img {
    height: 500px;
}
		}
@media (max-width: 1280px){ 
	.inner-sec-title h2 {
    padding: 70px 0 40px 0;
}

	.pf-pagination {
    bottom: -65px;
}
.one-side-container .contain {
    margin-left: calc((100% - 1024px) / 2);
}
.pf-card img.pf-img {
    height: 480px;
}
	.pf-pill {
    font-size: 12px;
}
.pt-200{
	padding-top : 150px !important;
}
.pb-200{
	padding-bottom : 150px !important;
}
.pt-100{
	padding-top : 70px !important;
}
.pb-100{
	padding-bottom : 70px !important;
}
.pr-100{
	padding-right : 70px !important;
}
.pl-100{
	padding-left : 70px !important;
}
.pt-90{
	padding-top : 70px !important;
}
.pb-90{
	padding-bottom : 70px !important;
}
.pt-80{
	padding-top : 60px !important;
}
.pb-80{
	padding-bottom : 60px !important;
}
.pt-70{
	padding-top : 50px !important;
}
.pb-70{
	padding-bottom :50px !important;
}
.pt-60{
	padding-top : 50px !important;
}
.pb-60{
	padding-bottom : 40px !important;
}
.pr-60{
	padding-right : 40px !important;
}
.pl-60{
	padding-left : 30px !important;
}
.pt-50{
	padding-top : 30px !important;
}
.pb-50{
	padding-bottom : 30px !important;
}
.pt-40{
	padding-top : 20px !important;
}
.pb-40{
	padding-bottom : 20px !important;
}
.pt-30{
	padding-top :10px !important;
}
.pb-30{
	padding-bottom : 10px !important;
}
	p#breadcrumbs a {
    font-size: 16px;
}		
	.sliderImage {
    height: 270px;
}
	    .sliderYear h2 {
        font-size: 70px;
    }
}
       




@media (max-width: 1024px){ 
	.wpml-ls-legacy-list-horizontal>ul{
    width: 155px !important;
    right: 55px !important;
}
	.rtl .wpml-ls-legacy-list-horizontal>ul {
    left: 100px !important;
    right: auto !important;
}

	.wpml-ls-legacy-list-horizontal>ul li a {
    padding: 10px 12px !important;
}
	html[lang="ar"] span.pf-pill {
    font-size: 19px;
}
		.pf-pagination {
    bottom: -80px;
}
	div#projects-main-sec {
    padding-bottom: 100px !important;
}
#home-slider-sec p {
    width: 85%;
}
	.gtranslate_wrapper {
    margin-top: 0;
}
	.affiliated-locations {
/* 	column-gap: 50px; */
/*     grid-template-columns: repeat(1, 1fr 1fr); */
}
	html[lang="ar"] .form-sec {
    padding-left: 20px;
    padding-right: 20px !important;
}
	.pf-card img.pf-img {
    height: 470px;
}
	.pt-200{
	padding-top : 200px !important;
}
.pb-200{
	padding-bottom : 130px !important;
}
.pt-100{
	padding-top : 50px !important;
}
.pb-100{
	padding-bottom : 50px !important;
}
.pr-100{
	padding-right : 0 !important;
}
.pl-100{
	padding-left : 0 !important;
}
.pt-90{
	padding-top : 50px !important;
}
.pb-90{
	padding-bottom : 50px !important;
}
.pt-80{
	padding-top : 40px !important;
}
.pb-80{
	padding-bottom : 40px !important;
}
.pt-70{
	padding-top : 35px !important;
}
.pb-70{
	padding-bottom :35px !important;
}
.pt-60{
	padding-top : 30px !important;
}
.pb-60{
	padding-bottom : 30px !important;
}
.pr-60{
	padding-right : 30px !important;
}
.pl-60{
	padding-left : 30px !important;
}
.pt-50{
	padding-top : 25px !important;
}
.pb-50{
	padding-bottom : 25px !important;
}
.pt-40{
	padding-top : 10px !important;
}
.pb-40{
	padding-bottom : 10px !important;
}
.pt-30{
	padding-top :10px !important;
}
.pb-30{
	padding-bottom : 10px !important;
}
	p#breadcrumbs a {
    font-size: 15px;
}		
	body.is-scrolled #my-header {
    padding: 0 20px;
}
	    .sliderImage {
        height: 270px;
    }
	.one-side-container .contain {
        width: 100%;
        margin: 0;
        padding: 0;
    }
	
.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
	p#breadcrumbs span.icon {
    font-size: 25px;
    padding: 0px 15px;
}
}
@media (max-width:1250px){ 
	.wpml-ls-legacy-list-horizontal>ul {
    width: 205px;
    right: 85px;
}
}
@media (max-width:940px){ 
    .rtl .wpml-ls-legacy-list-horizontal>ul {
        left: 60px !important;
        right: auto !important;
    }
}
@media (max-width: 880px){ 
		 #my-header .menu-col {
    order: 2;
}
 #my-header .switcher-col {
    order: 1;
}
 #my-header .logo-col {
    order: 1;
}	
	    .rtl .wpml-ls-legacy-list-horizontal>ul {
        left: 0 !important;
        right: auto !important;
    }
	    .wpml-ls-legacy-list-horizontal>ul {
        width: 155px !important;
        right: 0px !important;
    }
	#home-year-sec .small-box{
    align-items: center;
}
	#home-slider-sec p {
    width: 100%;
}
	.pf-card img.pf-img {
    height: 450px;
}
      .sliderYear h2 {
        font-size: 50px;
    }  
	    .sliderImage {
        height: 240px;
    }
	.slide_time .inner-time {
    padding: 50px 0;
}
}
@media (max-width: 767px){ 
	    .rtl .wpml-ls-legacy-list-horizontal>ul {
        left: 0px !important;
        right: auto !important;
    }
	 #my-header .menu-col {
    order: 2;
}
 #my-header .switcher-col {
    order: 1;
}
 #my-header .logo-col {
    order: 1;
}	

 .wpml-ls-legacy-list-horizontal>ul {
    width: 70px !important;
    left: 0 !important;
    display: block;
    border-radius: 12px !important; 
}
.wpml-ls-legacy-list-horizontal>ul li a {
        padding: 10px 10px !important;
        border-radius: 0 !important;
        width: 70px;
    }
#affiliation-sec .affiliate-box .aff-content {
    height: auto;
}
	html[lang="ar"] #my-footer .col1 {
    order: 1;
}
html[lang="ar"] #my-footer .col2 {
    order: 2;
}
html[lang="ar"] #my-footer .col3 {
    order: 3;
}
html[lang="ar"] #my-footer .col4 {
    order: 4;
}
	html[lang="ar"] #my-footer .elementor-element.e-child {
    align-items: center;
}
	
		#home-year-sec .small-box{
  height:auto;
}
	#home-year-sec .big-box {
    height: auto;
}
#home-year-sec .small-box .elementor-image-box-img {
        margin: 0 0 15px 0 !important;
        width: 100%;
        display: flex;
        justify-content: center;
    }
	div#project-first-row .e-gallery-item:first-child {
    width: 100%;
}
.affiliated-locations {
        column-gap: 0;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 20px;
}
	    .location-box p strong {
        font-size: 15px;
        line-height: 25px;
    }
	    .location-box p span {
        font-size: 15px;
    }
	    .inner-sec-title h2 {
        padding: 30px 0 10px 0;
    }
div#project-first-row .e-gallery-item:last-child {
    width: 100%;
}
	
html[lang="ar"] #home-year-sec .elementor-image-box-title {
    text-align: center !important;
    margin: 0 0 10px 0!important;
}
html[lang="ar"] #home-year-sec p.elementor-image-box-description {
    text-align: center !important;
}
	html[lang="ar"] .form-sec .elementor-image-box-img {
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: auto !important;
}
	html[lang="ar"] .form-sec p:not([style*="text-align:center"]){
		text-align:center !important;
	}
	html[lang="ar"] #my-footer p:not([style*="text-align:center"]) {
    text-align: center !important;
}
	html[lang="ar"] #my-footer .ar-right p.elementor-image-box-description:not([style*="text-align:center"]) {
    text-align: center !important;
}
	html[lang="ar"] #my-footer .ar-right h3:not([style*="text-align:center"]) {
    text-align: center !important;
}
	html[lang="ar"] .about-graybox-sec h3:not([style*="text-align:center"]) {
    text-align: center !important;
}
	html[lang="ar"] .about-graybox-sec p:not([style*="text-align:center"]) {
    text-align: center !important;
}
	html[lang="ar"] #my-footer h6.elementor-heading-title:not([style*="text-align:center"]) {
    text-align: center !important;
}
	    html[lang="ar"] #my-footer a:not([style*="text-align:center"]) {
        text-align: center !important;
        margin: 0 auto;
    }
	html[lang="ar"] #my-footer a:not([style*="text-align:center"]) {
    text-align: center !important;
}
	html[lang="ar"] #affiliation-sec .affiliate-box .elementor-element.elementor-widget-image {
    text-align: right;
}
	.about-graybox-sec .elementor-image-box-img {
    width: auto !important;
}
	
	.pt-200 {
        padding-top: 120px !important;
    }
.pb-200{
	padding-bottom : 130px !important;
}
.pt-100{
	padding-top : 30px !important;
}
.pb-100{
	padding-bottom : 30px !important;
}
.pt-90{
	padding-top : 30px !important;
}
.pb-90{
	padding-bottom : 30px !important;
}
.pt-80{
	padding-top : 20px !important;
}
.pb-80{
	padding-bottom : 20px !important;
}
.pt-70{
	padding-top : 25px !important;
}
.pb-70{
	padding-bottom :25px !important;
}
.pt-60{
	padding-top : 20px !important;
}
.pb-60{
	padding-bottom : 20px !important;
}
.pr-60{
	padding-right : 20px !important;
}
.pl-60{
	padding-left : 20px !important;
}
.pt-50{
	padding-top : 20px !important;
}
.pb-50{
	padding-bottom : 20px !important;
}
.pt-40{
	padding-top : 10px !important;
}
	
.company-timeline {
    background-size: auto;
}
	div#home-slider-sec h1 {
    font-size: 27px;
    line-height: 50px;
}
div#home-slider-sec h2 {
    font-size: 20px;
    line-height: 30px;
}
	p#breadcrumbs span.icon {
    font-size: 22px;
    padding: 0px 5px;
}
	    .timeline-title {
        height: auto;
    }
	.slick-current .sliderYear {
    margin-top: 10px;
}
	    .slide_time .inner-time {
        padding: 40px 0 0 0;
    }
	    .sliderImage {
        height: 200px;
    }
	#affiliation-sec .affiliate-box .elementor-element {
    --width: 100% !important;
}
	#affiliation-sec .affiliate-box .aff-img img {
    width: auto;
}
	.e-n-tabs-heading {
    display: block !important;
	margin:0 auto;
}
	.e-n-tabs-heading button {
        margin-bottom: 10px !important;
        margin-top: 10px !important;
        width: 100% !important;
    }
	.pf-tabs {
    gap: 10px;
    margin: 0 0 30px;
}
	.pf-tabs button.pf-tab {
    padding: 5px 20px 5px 20px;
}
	div#home-slider-sec .elementor-slide-button span{
    font-size: 14px;
    line-height: 24px;
}
	.hidden-text{
		display:none;
	}
	.form-sec .elementor-image-box-img {
    width: auto !important;
}
	#my-footer .elementor-image-box-img{
		 width: auto !important;
	}
	#my-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    top: 85px !important;
    padding: 0;
    margin: 0 !important;
}
	.modern-building.pt-50{
		padding-top:10px !important;
	}
	div#my-footer ul.elementor-nav-menu li a {
    justify-content: center;
}
}
@media (max-width: 640px){ 
			.pf-grid{grid-template-columns:1fr;} .pf-tab{padding:8px 14px;}
}