/* Professional Pioneers CMS frontend bridge v1.8.0 */
:root{
  --pp-brand-primary:#111827;
  --pp-brand-secondary:#c8a45d;
  --pp-button-radius:999px;
  --pp-button-hover-color:#c8a45d;
  --pp-button-bg:#0ea5e9;
  --pp-button-text:#ffffff;
  --pp-section-spacing:72px;
  --pp-font-en:inherit;
  --pp-font-ar:inherit;
  --pp-body-bg:#ffffff;
}
body{background:var(--pp-body-bg,#fff)}
.pp-cms-hidden{display:none!important}
.pp-fixed-header-enabled .pp-main-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:99999!important}
.pp-page-btn,.pp-contact-submit-btn,.pp-contact-cta-button,.pp-contact-page-submit,.pp-hiring-apply-form button{border-radius:var(--pp-button-radius)!important}
body:not(.pp-hover-disabled) .pp-contact-submit-btn:hover,
body:not(.pp-hover-disabled) .pp-contact-cta-button:hover,
body:not(.pp-hover-disabled) .pp-work-projects-all-btn:hover,
body:not(.pp-hover-disabled) .pp-header-nav-link:hover::after{background:var(--pp-button-hover-color)!important}
body:not(.pp-hover-disabled) .pp-footer-social:hover,
body:not(.pp-hover-disabled) .pp-footer-contact-icon-link:hover{border-color:var(--pp-button-hover-color)!important;color:var(--pp-button-hover-color)!important}
.pp-mobile-nav-disabled .pp-header-nav{display:none!important}
.pp-standard-page{min-height:100vh;background:radial-gradient(circle at top right, rgba(200,164,93,.16), transparent 34%),#000;color:#fff}
.pp-standard-main{padding-top:130px}.pp-standard-container{width:min(1120px,calc(100% - 48px));margin:0 auto}.pp-standard-hero{position:relative;min-height:360px;display:flex;align-items:center;background-size:cover;background-position:center;border-bottom:1px solid rgba(255,255,255,.08)}.pp-standard-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.9),rgba(0,0,0,.45))}.pp-standard-hero .pp-standard-container{position:relative;z-index:2}.pp-standard-hero h1{font-size:clamp(42px,7vw,96px);line-height:.95;margin:16px 0}.pp-standard-hero p{max-width:780px;color:rgba(255,255,255,.74);font-size:20px}.pp-standard-content{padding:70px 0}.pp-rich-content{font-size:18px;line-height:1.8;color:rgba(255,255,255,.82)}.pp-rich-content h2,.pp-rich-content h3{color:#fff;margin-top:1.6em}.pp-rich-content a{color:var(--pp-brand-secondary)}
.pp-repeat-row{padding:12px;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:#fff}.modal-dialog-scrollable .modal-content{max-height:90vh}.modal-dialog-scrollable .modal-body{overflow-y:auto}
@media (max-width: 767px){.pp-standard-main{padding-top:110px}.pp-standard-container{width:min(100% - 28px,1120px)}.pp-standard-hero{min-height:300px}.pp-standard-content{padding:44px 0}.pp-rich-content{font-size:16px}}

/* v1.8.7 no underline */
.pp-page a,.pp-page a:hover,.pp-main-header a,.pp-main-footer a{text-decoration:none!important}


/* v1.9.0 global styling controls */
.pp-global-button-custom .pp-page-btn:not(.pp-page-btn-secondary),
.pp-global-button-custom .pp-contact-submit-btn,
.pp-global-button-custom .pp-contact-cta-button,
.pp-global-button-custom .pp-contact-page-submit,
.pp-global-button-custom .pp-hiring-apply-form > button {
  background: linear-gradient(135deg, var(--pp-button-bg), var(--pp-button-hover-color)) !important;
  color: var(--pp-button-text) !important;
  border-color: color-mix(in srgb, var(--pp-button-bg) 72%, #ffffff 28%) !important;
}
.pp-font-scope-both { font-family: var(--pp-font-en), var(--pp-font-ar), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
html[dir="ltr"] .pp-font-scope-english,
html[dir="ltr"] .pp-font-scope-both { font-family: var(--pp-font-en), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
html[dir="rtl"] .pp-font-scope-arabic,
html[dir="rtl"] .pp-font-scope-both { font-family: var(--pp-font-ar), "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif !important; }
.pp-global-spacing-enabled .pp-main-content > section:not(.pp-hero-showcase):not(.pp-single-hero-banner):not(.pp-archive-hero-section):not(:first-child) {
  margin-top: var(--pp-section-spacing) !important;
}
.pp-global-spacing-enabled .pp-main-content > section:not(.pp-single-hero-banner):not(.pp-archive-hero-section):not(:last-child) {
  margin-bottom: var(--pp-section-spacing) !important;
}
/* Services archive has its own circular/large-card design and is excluded from global radius. */
.pp-services-archive-page .pp-service-archive-card,
.pp-services-archive-page .pp-service-archive-icon,
.pp-services-archive-page .pp-service-archive-card * {
  border-radius: revert-layer;
}
.pp-services-archive-page .pp-service-archive-card { border-radius: 30px !important; }
.pp-services-archive-page .pp-service-archive-icon { border-radius: 24px !important; }

/* v1.9.2 final solid button override: no gradients for global button color. */
.pp-page-btn,
.pp-work-projects-all-btn,
.pp-contact-submit-btn,
.pp-contact-page-submit,
.pp-contact-cta-button,
.pp-hiring-apply-btn,
.pp-hiring-apply-form .pp-page-btn,
.pp-single-project-hero-actions .pp-page-btn,
.pp-project-archive-hero-actions .pp-page-btn,
button.pp-page-btn,
a.pp-page-btn,
.pp-global-button-custom .pp-page-btn:not(.pp-page-btn-secondary),
.pp-global-button-custom .pp-contact-submit-btn,
.pp-global-button-custom .pp-contact-cta-button,
.pp-global-button-custom .pp-contact-page-submit,
.pp-global-button-custom .pp-hiring-apply-form > button {
  border-radius: var(--pp-button-radius, 999px) !important;
  background: var(--pp-button-bg, #0ea5e9) !important;
  background-image: none !important;
  color: var(--pp-button-text, #fff) !important;
  border-color: transparent !important;
}
.pp-page-btn *,
.pp-work-projects-all-btn *,
.pp-contact-submit-btn *,
.pp-contact-page-submit *,
.pp-contact-cta-button *,
.pp-hiring-apply-btn *,
.pp-hiring-apply-form .pp-page-btn * {
  color: var(--pp-button-text, #fff) !important;
}
body:not(.pp-hover-disabled) .pp-page-btn:hover,
body:not(.pp-hover-disabled) .pp-work-projects-all-btn:hover,
body:not(.pp-hover-disabled) .pp-contact-submit-btn:hover,
body:not(.pp-hover-disabled) .pp-contact-page-submit:hover,
body:not(.pp-hover-disabled) .pp-contact-cta-button:hover,
body:not(.pp-hover-disabled) .pp-hiring-apply-btn:hover,
body:not(.pp-hover-disabled) .pp-hiring-apply-form .pp-page-btn:hover,
body.pp-global-button-custom:not(.pp-hover-disabled) .pp-page-btn:hover,
body.pp-global-button-custom:not(.pp-hover-disabled) .pp-contact-submit-btn:hover,
body.pp-global-button-custom:not(.pp-hover-disabled) .pp-contact-page-submit:hover,
body.pp-global-button-custom:not(.pp-hover-disabled) .pp-contact-cta-button:hover,
body.pp-global-button-custom:not(.pp-hover-disabled) .pp-hiring-apply-btn:hover,
body.pp-global-button-custom:not(.pp-hover-disabled) .pp-hiring-apply-form .pp-page-btn:hover {
  background: var(--pp-button-hover-color, var(--pp-button-bg, #0ea5e9)) !important;
  background-image: none !important;
  color: var(--pp-button-text, #fff) !important;
}
.pp-page-btn.pp-page-btn-secondary,
body.pp-global-button-custom .pp-page-btn.pp-page-btn-secondary,
body.pp-global-button-custom .pp-single-project-hero-actions .pp-page-btn.pp-page-btn-secondary,
body.pp-global-button-custom .pp-project-archive-hero-actions .pp-page-btn.pp-page-btn-secondary {
  background: rgba(255,255,255,.08) !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #fff !important;
}

/* v1.9.4 button control cleanup */
.pp-no-global-button,
.pp-no-global-button:hover,
.pp-no-global-button:focus {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  border-radius: inherit !important;
  color: inherit !important;
  box-shadow: none !important;
}
.pp-no-global-button *,
.pp-no-global-button:hover *,
.pp-no-global-button:focus * {
  color: inherit !important;
}
.pp-global-button-custom .pp-page-btn:not(.pp-no-global-button):not(.pp-page-btn-secondary),
.pp-global-button-custom .pp-work-projects-all-btn:not(.pp-no-global-button),
.pp-global-button-custom .pp-contact-submit-btn:not(.pp-no-global-button),
.pp-global-button-custom .pp-contact-page-submit:not(.pp-no-global-button),
.pp-global-button-custom .pp-hiring-apply-btn:not(.pp-no-global-button),
.pp-global-button-custom button.pp-page-btn:not(.pp-no-global-button):not(.pp-page-btn-secondary),
.pp-global-button-custom a.pp-page-btn:not(.pp-no-global-button):not(.pp-page-btn-secondary) {
  background: var(--pp-button-bg, #0ea5e9) !important;
  background-image: none !important;
  border-color: transparent !important;
  border-radius: var(--pp-button-radius, 999px) !important;
  color: var(--pp-button-text, #fff) !important;
}
.pp-global-button-custom .pp-page-btn:not(.pp-no-global-button):not(.pp-page-btn-secondary) *,
.pp-global-button-custom .pp-work-projects-all-btn:not(.pp-no-global-button) *,
.pp-global-button-custom .pp-contact-submit-btn:not(.pp-no-global-button) *,
.pp-global-button-custom .pp-contact-page-submit:not(.pp-no-global-button) *,
.pp-global-button-custom .pp-hiring-apply-btn:not(.pp-no-global-button) * {
  color: var(--pp-button-text, #fff) !important;
}
body.pp-global-button-custom:not(.pp-hover-disabled) .pp-page-btn:not(.pp-no-global-button):not(.pp-page-btn-secondary):hover,
body.pp-global-button-custom:not(.pp-hover-disabled) .pp-work-projects-all-btn:not(.pp-no-global-button):hover,
body.pp-global-button-custom:not(.pp-hover-disabled) .pp-contact-submit-btn:not(.pp-no-global-button):hover,
body.pp-global-button-custom:not(.pp-hover-disabled) .pp-contact-page-submit:not(.pp-no-global-button):hover,
body.pp-global-button-custom:not(.pp-hover-disabled) .pp-hiring-apply-btn:not(.pp-no-global-button):hover {
  background: var(--pp-button-hover-color, var(--pp-button-bg, #0ea5e9)) !important;
  background-image: none !important;
  color: var(--pp-button-text, #fff) !important;
}

/* =========================================================
   v1.9.56 — Contact CTA Button No Global Coloring + Light Modal Logo
========================================================= */

/* Keep the big homepage Contact Us CTA as its original transparent text button.
   It should not inherit Global Settings button background/color. */
.pp-global-button-custom .pp-contact-cta-section .pp-contact-cta-button,
.pp-global-button-custom .pp-contact-cta-section .pp-contact-cta-button:hover,
.pp-global-button-custom .pp-contact-cta-section .pp-contact-cta-button:focus,
body:not(.pp-hover-disabled) .pp-contact-cta-section .pp-contact-cta-button:hover {
  background: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.pp-global-button-custom .pp-contact-cta-section .pp-contact-cta-button-text,
.pp-contact-cta-section .pp-contact-cta-button-text {
  color: #ffffff !important;
}

/* Ensure modal brand logo is the light/white version visually. */
.pp-contact-modal .pp-contact-brand-logo {
  content: url('/img/logo/PP_logo_light.png');
}
/* =========================================================
   END v1.9.56 CONTACT CTA / MODAL LOGO FIX
========================================================= */