@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

#phr-header, #phr-header * { box-sizing: border-box; font-family: 'Tajawal', Arial, sans-serif !important; }
#phr-header {
  position: fixed; top: var(--phr-adminbar); left: 0; width: 100%; z-index: 9998;
  transition: background .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;
}
#phr-header.phr-is-solid { background: var(--phr-bg); }
#phr-header.phr-is-transparent { background: rgba(255,255,255,.16); backdrop-filter: blur(16px); }
#phr-header.is-sticky-shadow { box-shadow: 0 12px 36px rgba(14, 31, 56, .10); }
#phr-header .phr-shell {
  max-width: var(--phr-container); height: var(--phr-height); margin: 0 auto; padding: 0 22px;
  display: grid; grid-template-columns: max-content 1fr max-content; align-items: center;
  direction: ltr; position: relative;
}
#phr-header .phr-col { min-width: 0; display: flex; align-items: center; }
#phr-header .phr-left { justify-content: flex-start; order: 1; justify-self: start; gap: 12px; }
#phr-header .phr-center {
  justify-content: center; order: 2; justify-self: stretch; min-width: 0;
  margin-left: var(--phr-cta-gap); margin-right: var(--phr-logo-gap);
  transform: translateX(var(--phr-menu-offset)); transition: transform .28s ease;
}
#phr-header .phr-right { justify-content: flex-end; order: 3; justify-self: end; }
#phr-header .phr-logo-wrap { display: inline-flex; align-items: center; text-decoration: none; justify-content: flex-end; }
#phr-header .phr-logo { width: var(--phr-logo); max-height: calc(var(--phr-height) - 20px); object-fit: contain; display: block; }
#phr-header .phr-logo-text { color: var(--phr-text); font-size: 28px; font-weight: 800; }
#phr-header .phr-nav { width: 100%; display: flex; justify-content: center; }
#phr-header .phr-nav .phr-menu,
#phr-header .phr-nav .menu {
  list-style: none; display: flex; align-items: center; justify-content: center; gap: var(--phr-menu-gap);
  margin: 0; padding: 8px; flex-wrap: nowrap; direction: rtl; position: relative;
}
#phr-header .phr-nav .phr-menu li,
#phr-header .phr-nav .menu li { margin: 0; position: relative; z-index: 1; }
#phr-header .phr-nav .phr-menu-marker {
  position: absolute; top: 50%; right: 0; transform: translateY(-50%);
  height: 46px; border-radius: var(--phr-menu-item-radius); background: var(--phr-active-item-bg);
  box-shadow: 0 12px 28px rgba(16,37,64,.10); opacity: 0; transition: all .28s cubic-bezier(.22,1,.36,1);
  pointer-events: none; z-index: 0;
}
#phr-header.is-sticky-shadow .phr-nav .phr-menu-marker { background: var(--phr-sticky-active-item-bg); }
#phr-header .phr-nav a {
  color: var(--phr-text) !important; text-decoration: none; font-size: 16px; font-weight: 700; white-space: nowrap;
  display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px;
  border-radius: var(--phr-menu-item-radius);
  transition: color .22s ease, transform .22s ease, filter .22s ease;
  position: relative; z-index: 1;
}

#phr-header.is-sticky-shadow .phr-nav a,
#phr-header.is-sticky-shadow .phr-logo-text,
#phr-header.is-sticky-shadow .phr-mobile-toggle span { color: var(--phr-sticky-text) !important; }
#phr-header.is-sticky-shadow .phr-mobile-toggle span { background: var(--phr-sticky-text); }

#phr-header .phr-nav li:hover > a,
#phr-header .phr-nav li:focus-within > a,
#phr-header .phr-nav a:hover,
#phr-header .phr-nav a:focus {
  color: var(--phr-menu-item-text) !important; transform: translateY(-1px);
}
#phr-header .phr-nav li:hover > a span,
#phr-header .phr-nav a:hover span { color: var(--phr-menu-item-text) !important; }
#phr-header .phr-nav .current-menu-item > a,
#phr-header .phr-nav .current_page_item > a,
#phr-header .phr-nav .current-menu-ancestor > a {
  color: #ffffff !important; transform: translateY(-1px);
}
#phr-header .phr-nav .current-menu-item > a span,
#phr-header .phr-nav .current_page_item > a span,
#phr-header .phr-nav .current-menu-ancestor > a span { color: #ffffff !important; }
#phr-header.is-sticky-shadow .phr-nav .current-menu-item > a,
#phr-header.is-sticky-shadow .phr-nav .current_page_item > a,
#phr-header.is-sticky-shadow .phr-nav .current-menu-ancestor > a { color: #ffffff !important; }
#phr-header.is-sticky-shadow .phr-nav .current-menu-item > a span,
#phr-header.is-sticky-shadow .phr-nav .current_page_item > a span,
#phr-header.is-sticky-shadow .phr-nav .current-menu-ancestor > a span { color: #ffffff !important; }


#phr-header .phr-nav li.current-menu-item > a,
#phr-header .phr-nav li.current_page_item > a,
#phr-header .phr-nav li.current-menu-ancestor > a,
#phr-header .phr-nav li.current_page_ancestor > a,
#phr-header .phr-nav li.current_page_parent > a,
#phr-header .phr-nav li.current-menu-parent > a,
#phr-header .phr-nav li.current-menu-item > a span,
#phr-header .phr-nav li.current_page_item > a span,
#phr-header .phr-nav li.current-menu-ancestor > a span,
#phr-header .phr-nav li.current_page_ancestor > a span,
#phr-header .phr-nav li.current_page_parent > a span,
#phr-header .phr-nav li.current-menu-parent > a span {
  color: #ffffff !important;
}
#phr-header.is-sticky-shadow .phr-nav li.current-menu-item > a,
#phr-header.is-sticky-shadow .phr-nav li.current_page_item > a,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-ancestor > a,
#phr-header.is-sticky-shadow .phr-nav li.current_page_ancestor > a,
#phr-header.is-sticky-shadow .phr-nav li.current_page_parent > a,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-parent > a,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-item > a span,
#phr-header.is-sticky-shadow .phr-nav li.current_page_item > a span,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-ancestor > a span,
#phr-header.is-sticky-shadow .phr-nav li.current_page_ancestor > a span,
#phr-header.is-sticky-shadow .phr-nav li.current_page_parent > a span,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-parent > a span {
  color: #ffffff !important;
}

#phr-header .phr-mode-toggle {
  width: 48px; height: 48px; padding: 0; border-radius: 50%; border: 1px solid rgba(13,47,87,.08); background: rgba(255,255,255,.96);
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
  box-shadow: 0 14px 34px rgba(13, 61, 103, .10); color: var(--phr-text); position: relative;
  transition: transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}
#phr-header .phr-mode-toggle:hover { transform: translateY(-1px); }
#phr-header .phr-mode-toggle::before {
  content: '☀'; font-size: 20px; line-height: 1;
}
body.phr-dark-mode #phr-header .phr-mode-toggle::before { content: '☾'; color: #fff; }
body.phr-dark-mode 
#phr-header .phr-nav li.current-menu-item > a,
#phr-header .phr-nav li.current_page_item > a,
#phr-header .phr-nav li.current-menu-ancestor > a,
#phr-header .phr-nav li.current_page_ancestor > a,
#phr-header .phr-nav li.current_page_parent > a,
#phr-header .phr-nav li.current-menu-parent > a,
#phr-header .phr-nav li.current-menu-item > a span,
#phr-header .phr-nav li.current_page_item > a span,
#phr-header .phr-nav li.current-menu-ancestor > a span,
#phr-header .phr-nav li.current_page_ancestor > a span,
#phr-header .phr-nav li.current_page_parent > a span,
#phr-header .phr-nav li.current-menu-parent > a span {
  color: #ffffff !important;
}
#phr-header.is-sticky-shadow .phr-nav li.current-menu-item > a,
#phr-header.is-sticky-shadow .phr-nav li.current_page_item > a,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-ancestor > a,
#phr-header.is-sticky-shadow .phr-nav li.current_page_ancestor > a,
#phr-header.is-sticky-shadow .phr-nav li.current_page_parent > a,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-parent > a,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-item > a span,
#phr-header.is-sticky-shadow .phr-nav li.current_page_item > a span,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-ancestor > a span,
#phr-header.is-sticky-shadow .phr-nav li.current_page_ancestor > a span,
#phr-header.is-sticky-shadow .phr-nav li.current_page_parent > a span,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-parent > a span {
  color: #ffffff !important;
}

#phr-header .phr-mode-toggle { background: rgba(20,27,37,.92); color: #fff; border-color: rgba(255,255,255,.1); }

#phr-header .phr-cta {
  min-height: 56px; min-width: 56px; padding: 0 12px; border-radius: 999px; background: rgba(255,255,255,.96); color: var(--phr-text);
  text-decoration: none; font-size: 16px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; gap: 0;
  box-shadow: 0 14px 34px rgba(13, 61, 103, .14); direction: rtl; border: 1px solid rgba(13,47,87,.08); overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease;
}
#phr-header .phr-cta:hover { transform: translateY(-1px); }
#phr-header .phr-wa-icon {
  width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  background: var(--phr-wa-bg); color: #fff; font-size: 20px; line-height: 1; box-shadow: 0 10px 22px rgba(37,211,102,.28);
}
#phr-header .phr-cta-text { display: none; }
#phr-header .phr-mobile-toggle {
  display: none; border: 0; background: #fff; padding: 0; width: 46px; height: 46px; border-radius: 14px; align-items: center; justify-content: center; flex-direction: column; gap: 5px;
  box-shadow: 0 10px 24px rgba(16,37,64,.08);
}
#phr-header .phr-mobile-toggle span { display: block; width: 22px; height: 2px; background: var(--phr-text); }
.phr-mobile-panel {
  position: fixed; top: 0; right: 0; bottom: 0; width: min(340px, 88vw); background: #fff; z-index: 10000; padding: calc(var(--phr-height) + var(--phr-adminbar) + 20px) 22px 24px;
  box-shadow: -16px 0 40px rgba(14,31,56,.14); transform: translateX(110%); transition: transform .25s ease; display: block; border-radius: 24px 0 0 24px;
}
.phr-mobile-panel.is-open { transform: translateX(0); }
.phr-mobile-overlay {
  position: fixed; inset: 0; background: rgba(9,20,39,.35); z-index: 9999; opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease;
}
.phr-mobile-overlay.is-open { opacity: 1; visibility: visible; }
.phr-mobile-menu, .phr-mobile-panel .menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.phr-mobile-menu a, .phr-mobile-panel .menu a {
  text-decoration: none; color: var(--phr-text); font-size: 17px; font-weight: 700; min-height: 50px; border-radius: 16px; padding: 0 16px;
  display: flex; align-items: center; background: #f7faff;
}
.phr-mobile-menu .current-menu-item > a, .phr-mobile-panel .menu .current-menu-item > a,
.phr-mobile-menu a:hover, .phr-mobile-panel .menu a:hover { background: var(--phr-active-item-bg); color: var(--phr-menu-item-text); }
.phr-mobile-close {
  position: absolute; top: calc(var(--phr-adminbar) + 18px); left: 18px; width: 42px; height: 42px; border: 0; border-radius: 14px; background: #f3f7fc; color: var(--phr-text); font-size: 24px;
}

html body.phr-dark-mode,
body.phr-dark-mode { background: #0f1319 !important; color: #f1f5f9 !important; }
body.phr-dark-mode #phr-header.phr-is-solid { background: rgba(16,22,30,.96); }
body.phr-dark-mode #phr-header.phr-is-transparent { background: rgba(16,22,30,.45); backdrop-filter: blur(16px); }
body.phr-dark-mode,
body.phr-dark-mode .site,
body.phr-dark-mode .site-content,
body.phr-dark-mode main,
body.phr-dark-mode article,
body.phr-dark-mode section,
body.phr-dark-mode aside,
body.phr-dark-mode footer,
body.phr-dark-mode header:not(#phr-header),
body.phr-dark-mode .content-area,
body.phr-dark-mode .widget,
body.phr-dark-mode .entry-content,
body.phr-dark-mode .post,
body.phr-dark-mode .page,
body.phr-dark-mode [class*="container"],
body.phr-dark-mode [class*="wrapper"] { background-color: transparent; color: #f1f5f9 !important; }
body.phr-dark-mode h1,
body.phr-dark-mode h2,
body.phr-dark-mode h3,
body.phr-dark-mode h4,
body.phr-dark-mode h5,
body.phr-dark-mode h6,
body.phr-dark-mode p,
body.phr-dark-mode li,
body.phr-dark-mode span,
body.phr-dark-mode div,
body.phr-dark-mode label,
body.phr-dark-mode strong,
body.phr-dark-mode small,
body.phr-dark-mode blockquote,
body.phr-dark-mode td,
body.phr-dark-mode th { color: #f1f5f9; }
body.phr-dark-mode a { color: #c5dcff; }
body.phr-dark-mode input,
body.phr-dark-mode textarea,
body.phr-dark-mode select,
body.phr-dark-mode button,
body.phr-dark-mode .card,
body.phr-dark-mode .box,
body.phr-dark-mode .elementor-widget-container,
body.phr-dark-mode .wp-block-group,
body.phr-dark-mode .wp-block-columns,
body.phr-dark-mode .wp-block-cover,
body.phr-dark-mode table,
body.phr-dark-mode pre,
body.phr-dark-mode code {
  background: #171e28 !important; color: #f1f5f9 !important; border-color: rgba(255,255,255,.08) !important;
}
body.phr-dark-mode img,
body.phr-dark-mode video,
body.phr-dark-mode iframe { opacity: .96; }
body.phr-dark-mode .phr-mobile-panel { background: #141b25; }
body.phr-dark-mode .phr-mobile-menu a,
body.phr-dark-mode .phr-mobile-panel .menu a,
body.phr-dark-mode .phr-mobile-close,
body.phr-dark-mode #phr-header .phr-mobile-toggle,
body.phr-dark-mode #phr-header .phr-cta { background: #171e28; color: #fff !important; border-color: rgba(255,255,255,.08); }

body.admin-bar #phr-header { top: 32px; }
@media (max-width:782px) { body.admin-bar #phr-header { top: 46px; } }
@media (max-width: 1080px) {
  #phr-header .phr-shell { grid-template-columns: auto auto 1fr; }
  #phr-header .phr-center { display: none; margin-left: 0; margin-right: 0; transform: none; }
  #phr-header .phr-mobile-toggle { display: inline-flex; }
  #phr-header .phr-left { gap: 10px; }
  #phr-header .phr-cta { padding: 0; width: 56px; }
}
@media (max-width: 782px) {
  :root { --phr-adminbar: 46px; }
  #phr-header .phr-shell { padding: 0 14px; grid-template-columns: auto auto 1fr; }
  #phr-header .phr-right { padding-left: 0; }
  #phr-header .phr-logo { max-width: 120px; }
}


/* Force active item text in sticky header */
#phr-header.is-sticky-shadow .phr-nav li.current-menu-item > a,
#phr-header.is-sticky-shadow .phr-nav li.current_page_item > a,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-ancestor > a,
#phr-header.is-sticky-shadow .phr-nav li.current_page_ancestor > a,
#phr-header.is-sticky-shadow .phr-nav li.current_page_parent > a,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-parent > a,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-item > a *,
#phr-header.is-sticky-shadow .phr-nav li.current_page_item > a *,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-ancestor > a *,
#phr-header.is-sticky-shadow .phr-nav li.current_page_ancestor > a *,
#phr-header.is-sticky-shadow .phr-nav li.current_page_parent > a *,
#phr-header.is-sticky-shadow .phr-nav li.current-menu-parent > a * {
  color: #ffffff !important;
}


/* Services widget styles */
body.phr-dark-mode .phr-services-section { background: linear-gradient(180deg, #111923, #0b1118); }
body.phr-dark-mode .phr-service-card { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.08); }
body.phr-dark-mode .phr-service-body h3 { color: #fff; }
body.phr-dark-mode .phr-service-body p,
body.phr-dark-mode .phr-services-desc { color: #c2cedd; }

.phr-services-section, .phr-services-section * { box-sizing: border-box; font-family: 'Tajawal', Arial, sans-serif !important; }
.phr-services-section {
  position: relative; padding: 90px 0; background: var(--phr-services-bg); overflow: hidden;
}
.phr-services-shell { position: relative; max-width: 1320px; margin: 0 auto; padding: 0 20px; }
.phr-services-backdrop {
  position: absolute; inset: 12px 20px auto auto; width: 320px; height: 320px; border-radius: 50%;
  background: radial-gradient(circle at center, var(--phr-services-overlay-1) 0%, rgba(255,255,255,0) 72%); filter: blur(0px); pointer-events: none;
}
.phr-services-section::before,
.phr-services-section::after {
  content: ''; position: absolute; border-radius: 50%; pointer-events: none;
}
.phr-services-section::before {
  width: 480px; height: 480px; left: -120px; top: -110px; background: radial-gradient(circle, var(--phr-services-overlay-1) 0%, transparent 72%);
}
.phr-services-section::after {
  width: 360px; height: 360px; right: -70px; bottom: -70px; background: radial-gradient(circle, var(--phr-services-overlay-2) 0%, transparent 72%);
}
.phr-services-head { position: relative; z-index: 1; text-align: center; max-width: 900px; margin: 0 auto 38px; }
.phr-services-title { margin: 0 0 16px; color: var(--phr-services-title); font-size: clamp(28px, 4vw, var(--phr-services-title-size)); font-weight: 800; line-height: 1.2; }
.phr-services-highlight {
  display: inline-flex; align-items: center; justify-content: center; padding: 10px 18px; border-radius: 18px; background: var(--phr-services-highlight-bg);
  color: var(--phr-services-highlight-text); position: relative; overflow: hidden; box-shadow: 0 18px 40px rgba(13,61,103,.18);
}
.phr-services-highlight::before {
  content: ''; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,.35) 50%, transparent 80%);
  transform: translateX(-130%); animation: phrShine 4.6s linear infinite;
}
.phr-services-desc { margin: 0; color: var(--phr-services-desc); font-size: var(--phr-services-desc-size); line-height: 1.9; }
.phr-services-grid { position: relative; z-index: 1; display: grid; gap: 22px; }
.phr-services-cols-4 .phr-services-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.phr-services-cols-5 .phr-services-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.phr-service-card {
  background: var(--phr-services-card-bg); border: 1px solid rgba(17,51,92,.08); border-radius: var(--phr-services-radius);
  box-shadow: 0 18px 45px rgba(17,51,92,.08); overflow: hidden; transition: transform .3s ease, box-shadow .3s ease;
}
.phr-service-card:hover { transform: translateY(-8px); box-shadow: 0 24px 55px rgba(17,51,92,.14); }
.phr-service-media { position: relative; height: var(--phr-services-image-height); overflow: hidden; background: linear-gradient(135deg, #e9f1ff, #f8fbff); display:flex; align-items:stretch; line-height:0; }
.phr-service-media img, .phr-service-media picture, .phr-service-media a { width: 100% !important; height: 100% !important; min-height: 100% !important; display: block !important; }
.phr-service-media img { object-fit: cover !important; vertical-align: middle; margin: 0 !important; }
.phr-services-has-glow .phr-service-media::after {
  content: ''; position: absolute; inset: auto -20% -38% auto; width: 70%; height: 70%; border-radius: 50%;
  background: radial-gradient(circle, rgba(111,175,255,.38) 0%, rgba(111,175,255,0) 72%); filter: blur(10px);
}
.phr-service-shine {
  position: absolute; inset: 0; background: linear-gradient(120deg, transparent 18%, rgba(255,255,255,.32) 48%, transparent 82%);
  transform: translateX(-130%); transition: transform .55s ease;
}
.phr-service-card:hover .phr-service-shine { transform: translateX(130%); }
.phr-service-body { padding: 22px; display: flex; flex-direction: column; gap: 14px; margin-top: 0; }
.phr-service-body h3 { margin: 0; color: var(--phr-services-title); font-size: 22px; font-weight: 800; }
.phr-service-body p { margin: 0; color: var(--phr-services-desc); line-height: 1.9; font-size: 15px; min-height: 86px; }
.phr-service-btn {
  margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 52px;
  border-radius: 999px; text-decoration: none; background: var(--phr-services-btn-bg); color: var(--phr-services-btn-text);
  font-weight: 800; box-shadow: 0 14px 35px rgba(13,61,103,.18); position: relative; overflow: hidden;
}
.phr-service-btn::before {
  content: ''; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,.24) 50%, transparent 80%);
  transform: translateX(-140%); transition: transform .45s ease;
}
.phr-service-card:hover .phr-service-btn::before { transform: translateX(110%); }
.phr-service-btn-icon {
  width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.16); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

@keyframes phrLogoShine { 0% { transform: translateX(-180%); } 100% { transform: translateX(180%); } }
@keyframes phrShine { 0% { transform: translateX(-130%); } 100% { transform: translateX(130%); } }

@media (max-width: 1200px) {
  .phr-services-cols-5 .phr-services-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .phr-services-cols-4 .phr-services-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  #phr-header .phr-shell { grid-template-columns: 1fr max-content; }
  #phr-header .phr-center, #phr-header .phr-left .phr-cta-text { display: none; }
  #phr-header .phr-mobile-toggle { display: inline-block; }
  .phr-services-cols-5 .phr-services-grid,
  .phr-services-cols-4 .phr-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .phr-services-cols-5 .phr-services-grid,
  .phr-services-cols-4 .phr-services-grid { grid-template-columns: 1fr; }
  .phr-services-section { padding: 70px 0; }
}


/* v3.5.2 fix: hide mobile drawer elements until opened */
body.phr-mobile-open { overflow: hidden; }
#phr-mobile-panel:not(.is-open) { visibility: hidden; pointer-events: none; }
#phr-mobile-panel.is-open { visibility: visible; pointer-events: auto; }
#phr-mobile-overlay:not(.is-open) { pointer-events: none; }
@media (min-width: 1081px) {
  #phr-mobile-panel, #phr-mobile-overlay { display: none !important; }
}

.phr-services-pretitle{display:inline-flex;align-items:center;justify-content:center;margin:0 auto 14px;padding:10px 18px;border-radius:999px;background:rgba(13,61,103,.08);color:var(--phr-services-title);font-weight:800;font-size:14px;letter-spacing:.3px}


.phr-features-section,.phr-features-section *{box-sizing:border-box;font-family:'Tajawal',Arial,sans-serif !important}
.phr-features-section{position:relative;background:linear-gradient(180deg,var(--phr-features-bg) 0%,color-mix(in srgb,var(--phr-features-bg) 84%, #ffffff 16%) 100%);padding:88px 0;overflow:hidden}
.phr-features-shell{max-width:1280px;margin:0 auto;padding:0 22px;position:relative;z-index:1}
.phr-features-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 82% 14%,var(--phr-features-overlay-1),transparent 28%),radial-gradient(circle at 12% 88%,var(--phr-features-overlay-2),transparent 26%);opacity:.95;pointer-events:none}
.phr-features-section::before,.phr-features-section::after{content:'';position:absolute;border-radius:50%;pointer-events:none;filter:blur(10px);opacity:.95}
.phr-features-section::before{width:430px;height:430px;right:-110px;top:-120px;background:radial-gradient(circle,var(--phr-features-overlay-1) 0%,transparent 72%)}
.phr-features-section::after{width:380px;height:380px;left:-100px;bottom:-80px;background:radial-gradient(circle,var(--phr-features-overlay-2) 0%,transparent 72%)}
.phr-features-head{position:relative;text-align:center;margin:0 auto 38px;max-width:900px}
.phr-features-pretitle{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.48);backdrop-filter:blur(10px);font-size:16px;font-weight:800;color:var(--phr-features-title);margin-bottom:14px;box-shadow:0 10px 24px rgba(15,52,93,.07)}
.phr-features-title{margin:0 0 14px;color:var(--phr-features-title);font-size:clamp(28px,4vw,var(--phr-features-title-size));font-weight:800;line-height:1.2}
.phr-features-title .phr-services-highlight{background:var(--phr-features-highlight-bg);color:var(--phr-features-highlight-text);box-shadow:0 18px 40px rgba(13,61,103,.16)}
.phr-features-desc{margin:0;color:var(--phr-features-desc);font-size:var(--phr-features-desc-size);line-height:1.9}
.phr-features-grid{position:relative;display:grid;gap:26px}
.phr-features-cols-4 .phr-features-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.phr-features-cols-3 .phr-features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.phr-feature-card{background:var(--phr-features-card-bg);border-radius:var(--phr-features-radius);padding:30px 26px;box-shadow:0 20px 52px rgba(15,52,93,.10);border:1px solid rgba(219,229,242,.85);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;position:relative;overflow:hidden}
.phr-feature-card::before{content:'';position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--phr-features-overlay-1),var(--phr-features-highlight-bg),var(--phr-features-overlay-2));opacity:.95}
.phr-feature-card:hover{transform:translateY(-8px);box-shadow:0 28px 62px rgba(15,52,93,.16);border-color:rgba(13,61,103,.16)}
.phr-feature-icon-wrap{margin-bottom:20px}
.phr-feature-icon-box{width:var(--phr-features-icon-size);height:var(--phr-features-icon-size);border-radius:24px;background:linear-gradient(180deg,#ffffff,#f4f8ff);box-shadow:0 16px 36px rgba(13,61,103,.12),inset 0 1px 0 rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.phr-feature-icon-box::before{content:'';position:absolute;inset:-40% auto auto -30%;width:60%;height:180%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.92),transparent);transform:rotate(24deg);opacity:.65}
.phr-feature-icon-box img{max-width:68%;max-height:68%;object-fit:contain;display:block;position:relative;z-index:1}
.phr-feature-fallback{font-size:calc(var(--phr-features-icon-size) * .36);color:var(--phr-features-title);position:relative;z-index:1}
.phr-feature-shine{position:absolute;inset:-120% auto auto -120%;width:70%;height:260%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.92),transparent);transform:rotate(25deg);transition:left .7s ease;pointer-events:none}
.phr-features-has-glow .phr-feature-card:hover .phr-feature-shine{left:160%}
.phr-feature-body h3{margin:0 0 10px;color:var(--phr-features-title);font-size:var(--phr-features-item-title-size);font-weight:800;line-height:1.4}
.phr-feature-body p{margin:0;color:var(--phr-features-desc);font-size:var(--phr-features-item-desc-size);line-height:1.9}
.phr-features-section.phr-align-right .phr-features-head{text-align:right}
.phr-features-section.phr-align-left .phr-features-head{text-align:left}
.phr-features-section.phr-align-right .phr-feature-card{text-align:right}
.phr-features-section.phr-align-left .phr-feature-card{text-align:left}
.phr-features-section.phr-align-center .phr-feature-card{text-align:center}
.phr-features-section.phr-align-center .phr-feature-icon-box{margin-inline:auto}
.phr-features-section.phr-align-right .phr-feature-icon-box{margin-right:0;margin-left:auto}
.phr-features-section.phr-align-left .phr-feature-icon-box{margin-left:0;margin-right:auto}
@media (max-width:1080px){.phr-features-cols-4 .phr-features-grid,.phr-features-cols-3 .phr-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.phr-features-section{padding:60px 0}.phr-features-cols-4 .phr-features-grid,.phr-features-cols-3 .phr-features-grid{grid-template-columns:1fr}.phr-features-title{font-size:34px}.phr-feature-card{padding:24px 20px}}


.phr-how-section,.phr-how-section *{box-sizing:border-box;font-family:'Tajawal',Arial,sans-serif !important}
.phr-how-section{position:relative;padding:96px 0;background-color:var(--phr-how-bg-color);background-image:var(--phr-how-bg-image);background-size:cover;background-position:center;overflow:hidden;isolation:isolate}
.phr-how-overlay{position:absolute;inset:0;background:linear-gradient(135deg,var(--phr-how-overlay-start),var(--phr-how-overlay-end));z-index:0}
.phr-how-shell{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:0 18px}
.phr-how-head{max-width:900px;margin:0 auto 38px;text-align:center}
.phr-how-pretitle{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);color:var(--phr-how-title);font-size:15px;font-weight:800;margin-bottom:14px}
.phr-how-title{margin:0 0 14px;color:var(--phr-how-title);font-size:clamp(30px,4vw,var(--phr-how-title-size));font-weight:800;line-height:1.2}
.phr-how-title .phr-services-highlight{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 40px rgba(0,0,0,.12)}
.phr-how-desc{margin:0;color:var(--phr-how-desc);font-size:var(--phr-how-desc-size);line-height:1.9}
.phr-how-grid{display:grid;gap:16px}
.phr-how-cols-5 .phr-how-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.phr-how-cols-4 .phr-how-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.phr-how-cols-3 .phr-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.phr-how-card{position:relative;padding:22px 16px;border-radius:var(--phr-how-radius);background-color:var(--phr-how-card-glass);border:1px solid var(--phr-how-card-border);backdrop-filter:blur(var(--phr-how-card-blur));-webkit-backdrop-filter:blur(var(--phr-how-card-blur));box-shadow:0 14px 34px rgba(7,20,38,.12);overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;min-width:0}
.phr-how-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));pointer-events:none}
.phr-how-card:hover{transform:translateY(-8px);box-shadow:0 28px 65px rgba(7,20,38,.24);border-color:rgba(255,255,255,.34)}
.phr-how-icon-box{position:relative;width:var(--phr-how-icon-size);height:var(--phr-how-icon-size);margin:0 auto 18px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.phr-how-icon-box img{max-width:64%;max-height:64%;object-fit:contain;display:block}
.phr-how-fallback{font-size:calc(var(--phr-how-icon-size) * .38);color:#fff}
.phr-how-card-body h3{margin:0;color:var(--phr-how-title);font-size:clamp(16px,1.15vw,var(--phr-how-item-title-size));font-weight:800;line-height:1.45;word-break:break-word}
.phr-how-card-body p{margin:0;color:var(--phr-how-desc);font-size:var(--phr-how-item-desc-size);line-height:1.9}
.phr-how-align-center .phr-how-card,.phr-how-align-center .phr-how-head{text-align:center}
.phr-how-align-right .phr-how-card,.phr-how-align-right .phr-how-head{text-align:right}
.phr-how-align-left .phr-how-card,.phr-how-align-left .phr-how-head{text-align:left}
.phr-how-align-right .phr-how-icon-box{margin-right:0;margin-left:auto}
.phr-how-align-left .phr-how-icon-box{margin-left:0;margin-right:auto}
@media (max-width:1080px){.phr-how-cols-5 .phr-how-grid,.phr-how-cols-4 .phr-how-grid,.phr-how-cols-3 .phr-how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.phr-how-section{padding:68px 0}.phr-how-cols-5 .phr-how-grid,.phr-how-cols-4 .phr-how-grid,.phr-how-cols-3 .phr-how-grid{grid-template-columns:1fr}}