/* BAREEQ — Services section only. Hero and all other sections are intentionally untouched. */
.services.section{
  padding: 18px clamp(22px, 2.7vw, 40px) 42px;
  background:
    radial-gradient(ellipse at 14% 26%, rgba(224,216,201,.20), transparent 26%),
    radial-gradient(ellipse at 88% 70%, rgba(232,223,207,.18), transparent 27%),
    #f8f8f6;
  overflow: hidden;
}
.services .section-heading{margin: 0 auto 27px;}
.services .section-heading .overline{display:inline-block;font-size:13px;letter-spacing:0;color:#d7a642;}
.services .section-heading h2{font-size:clamp(27px, 2.65vw, 36px);line-height:1.35;margin:6px 0 7px;font-weight:900;}
.services .section-heading p{font-size:13px;line-height:1.8;color:#727987;margin:0;}
.services .service-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  max-width:1240px;
  margin:0 auto;
  align-items:stretch;
}
.services .service-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(226,229,233,.72);
  border-radius:13px;
  background:linear-gradient(180deg,#fff 0%,#fff 64%,#fcfcfb 100%);
  box-shadow:0 10px 24px rgba(10,20,32,.045);
  transition:transform .24s ease,box-shadow .24s ease;
}
.services .service-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(10,20,32,.10);}
.services .service-card img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1.44 / 1;
  object-fit:cover;
  object-position:center;
  flex:0 0 auto;
  background:#e9e5dd;
}
.services .service-body{
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:stretch;
  padding:12px 14px 14px;
  min-height:143px;
  text-align:right;
}
.services .service-body h3{font-size:14px;line-height:1.55;font-weight:800;margin:0 0 7px;color:#101827;min-height:2.8em;}
.services .service-body p{font-size:11px;line-height:1.85;color:#7a8290;margin:0 0 12px;min-height:3.6em;}
.services .service-body>a{
  width:25px;height:25px;flex:0 0 25px;
  display:flex;align-items:center;justify-content:center;
  align-self:flex-start;margin-top:auto;
  border:1px solid #e4ad45;border-radius:50%;
  color:#bd8421;background:#fff;font-size:13px;line-height:1;
  transition:background .2s ease,color .2s ease;
}
.services .service-body>a:hover{background:#e9b951;color:#111;}
@media(max-width:950px){
  .services.section{padding:42px 20px 34px;}
  .services .section-heading{margin-bottom:22px;}
  .services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;}
  .services .service-card img{aspect-ratio:1.48 / 1;}
  .services .service-body{min-height:135px;padding:12px;}
}
@media(max-width:480px){
  .services.section{padding:36px 14px 30px;}
  .services .section-heading h2{font-size:25px;}
  .services .section-heading p{font-size:12px;}
  .services .service-grid{gap:10px;}
  .services .service-card{border-radius:11px;}
  .services .service-card img{aspect-ratio:1.32 / 1;}
  .services .service-body{padding:10px;min-height:139px;}
  .services .service-body h3{font-size:13px;min-height:3.1em;}
  .services .service-body p{font-size:10.5px;min-height:4.5em;}
}


/* Consolidated from services-luxury-v2.css to keep one stylesheet for the services section. */
/* BAREEQ — services section only; loaded last to override prior card sizing */
#services.services.section {
  box-sizing: border-box !important;
  padding: 34px clamp(16px, 2.1vw, 30px) 40px !important;
  background: radial-gradient(ellipse at 50% 0%, rgba(220,177,91,.10), transparent 42%), #f8f8f6 !important;
}
#services.services .section-heading {
  text-align: center !important;
  margin: 0 auto 24px !important;
}
#services.services .section-heading .overline {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 7px 19px !important;
  min-height: 32px !important;
  border: 1px solid rgba(204,157,66,.55) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg,#fffdf8,#f6e7c4) !important;
  color: #93651b !important;
  box-shadow: 0 5px 18px rgba(143,103,31,.10), inset 0 1px 0 #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
#services.services .section-heading .overline::before,
#services.services .section-heading .overline::after {
  content: "" !important; display: block !important; width: 17px !important; height: 1px !important;
  background: linear-gradient(90deg,transparent,#c99a42) !important;
}
#services.services .section-heading h2 {
  margin: 10px 0 4px !important;
  color: #101d2e !important;
  font-size: clamp(23px,2vw,31px) !important;
  line-height: 1.35 !important;
  letter-spacing: -.025em !important;
}
#services.services .section-heading p { margin: 0 !important; font-size: 12px !important; line-height: 1.75 !important; color: #77808d !important; }
#services.services .service-grid {
  width: 100% !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  gap: clamp(8px,1vw,14px) !important;
  align-items: stretch !important;
}
#services.services .service-card {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid rgba(190,151,79,.22) !important;
  border-radius: 13px !important;
  background: linear-gradient(155deg,#fff 0%,#fff 70%,#fbf8f0 100%) !important;
  box-shadow: 0 5px 17px rgba(14,31,49,.055), inset 0 1px 0 rgba(255,255,255,.95) !important;
  transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease !important;
}
#services.services .service-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(210,164,73,.78) !important;
  box-shadow: 0 13px 26px rgba(14,31,49,.11) !important;
}
#services.services .service-card img {
  display: block !important; width: 100% !important; height: auto !important;
  aspect-ratio: 1.28 / 1 !important; object-fit: cover !important; flex: 0 0 auto !important;
}
#services.services .service-body {
  box-sizing: border-box !important;
  display: flex !important; flex: 1 1 auto !important; flex-direction: column !important;
  align-items: stretch !important; text-align: right !important;
  min-height: 132px !important; padding: 11px 10px 10px !important;
}
#services.services .service-body h3 {
  min-height: 3.15em !important; margin: 0 0 5px !important; width: 100% !important;
  color: #101d2e !important; font-size: clamp(11px,.9vw,13px) !important;
  line-height: 1.55 !important; font-weight: 850 !important;
}
#services.services .service-body p {
  min-height: 4.15em !important; margin: 0 0 9px !important; width: 100% !important;
  color: #737d8b !important; font-size: clamp(9px,.72vw,10.5px) !important; line-height: 1.75 !important;
}
#services.services .service-body > a {
  position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important;
  align-self: flex-start !important; margin-top: auto !important; width: 30px !important; height: 30px !important; flex: 0 0 30px !important;
  border: 1px solid rgba(205,158,65,.6) !important; border-radius: 10px !important;
  color: #9a6c20 !important; background: linear-gradient(145deg,#fff,#fbf0d7) !important;
  box-shadow: 0 3px 9px rgba(164,119,35,.08) !important; font-size: 0 !important; text-decoration: none !important;
  transition: transform .2s ease,background .2s ease,color .2s ease,border-radius .2s ease !important;
}
#services.services .service-body > a::before { content: "↗" !important; font-size: 17px !important; line-height: 1 !important; font-weight: 700 !important; }
#services.services .service-body > a:hover { color: #fff !important; background: linear-gradient(135deg,#e6bd68,#bd8730) !important; transform: translateY(-2px) !important; border-radius: 50% !important; }
@media (max-width: 1100px) and (min-width: 701px) {
  #services.services .service-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 14px !important; }
  #services.services .service-card img { aspect-ratio: 1.55 / 1 !important; }
  #services.services .service-body { min-height: 130px !important; padding: 12px !important; }
  #services.services .service-body h3 { font-size: 13px !important; }
  #services.services .service-body p { font-size: 11px !important; }
}
@media (max-width: 700px) {
  #services.services.section { padding: 28px 13px 30px !important; }
  #services.services .section-heading { margin-bottom: 19px !important; }
  #services.services .section-heading h2 { font-size: clamp(21px,5.3vw,26px) !important; }
  #services.services .service-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
  #services.services .service-card { border-radius: 11px !important; }
  #services.services .service-card img { aspect-ratio: 1.2 / 1 !important; }
  #services.services .service-body { min-height: 133px !important; padding: 10px 9px !important; }
  #services.services .service-body h3 { min-height: 3.1em !important; font-size: 11.5px !important; }
  #services.services .service-body p { min-height: 4.3em !important; font-size: 10px !important; }
  #services.services .service-body > a { width: 29px !important; height: 29px !important; flex-basis: 29px !important; }
}
@media (max-width: 360px) {
  #services.services .service-grid { gap: 8px !important; }
  #services.services .service-body { padding: 9px 7px !important; }
  #services.services .service-body h3 { font-size: 10.8px !important; }
  #services.services .service-body p { font-size: 9.5px !important; }
}
@media (prefers-reduced-motion: reduce) { #services.services .service-card, #services.services .service-body > a { transition: none !important; } }


/* Consolidated from services-card-actions.css to keep one stylesheet for the services section. */
/* Scoped service-card actions and clickable media/title. */
.services .service-card-media-link{display:block;line-height:0;text-decoration:none;overflow:hidden;border-radius:inherit}
.services .service-card-media-link img{display:block;width:100%;height:auto;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.services .service-card-media-link:hover img{transform:scale(1.035)}
.services .service-card-title-link{display:inline-block;color:inherit;text-decoration:none}
.services .service-card-title-link h3{transition:color .2s ease}
.services .service-card-title-link:hover h3{color:#b98220}
.services .service-card-title-link:focus-visible,.services .service-card-media-link:focus-visible,.services .service-order-link:focus-visible,.services .service-card-link:focus-visible{outline:2px solid #d7a337;outline-offset:3px}
.services .service-card-actions{display:flex;align-items:center;justify-content:flex-start;gap:9px;direction:rtl}
.services .service-order-link{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:0 13px;border:1px solid rgba(201,145,42,.55);border-radius:999px;background:linear-gradient(135deg,#fff9ed,#f4c767);color:#13243a;font-size:12px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:0 4px 12px rgba(151,101,15,.10);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.services .service-order-link:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(151,101,15,.18);background:linear-gradient(135deg,#fffcf5,#edb94f)}
.services .service-card-actions .service-card-link{flex:0 0 32px;margin:0}
@media(max-width:700px){.services .service-card-actions{gap:7px;margin-top:12px}.services .service-order-link{min-height:29px;padding:0 10px;font-size:11px}.services .service-card-actions .service-card-link{flex-basis:29px}}


/* Consolidated from services-card-buttons.css to keep one stylesheet for the services section. */
/* Refined two-button service-card footer. Scoped to services only. */
.services .service-card{min-width:0;overflow:hidden}
.services .service-card .service-body{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.services .service-card-title-link{display:block;width:100%;min-width:0;text-decoration:none;color:inherit}
.services .service-card-title-link h3{display:block;width:100%;min-width:0;margin:0 0 10px;text-align:right;line-height:1.65;white-space:normal;overflow-wrap:anywhere;word-break:normal;max-height:none;overflow:visible}
.services .service-card .service-body>p{width:100%;min-width:0;line-height:1.8;overflow-wrap:anywhere}
.services .service-card-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;direction:rtl;width:100%;padding-top:14px;flex-wrap:nowrap}
.services .service-card-actions a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:31px;padding:0 12px;border-radius:999px;text-decoration:none;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.2;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.services .service-card-actions .service-order-link{flex:0 1 auto;border:1px solid #e7b64e;background:linear-gradient(135deg,#ffe9b5,#f1bf55);color:#18283b;box-shadow:0 4px 12px rgba(166,116,25,.12)}
.services .service-card-actions .service-more-link{flex:0 1 auto;border:1px solid rgba(198,145,48,.55);background:rgba(255,255,255,.82);color:#9b6a16}
.services .service-card-actions a:hover{transform:translateY(-1px);box-shadow:0 6px 15px rgba(32,42,54,.12)}
.services .service-card-actions a:focus-visible{outline:2px solid #d8a53c;outline-offset:3px}
.services .service-card-actions .service-card-link,.services .service-card-actions svg,.services .service-card-actions .service-card-link-icon{display:none!important}
@media(max-width:700px){
 .services .service-card .service-body{padding:12px 10px 14px}
 .services .service-card-title-link h3{font-size:14px;line-height:1.55;margin-bottom:8px}
 .services .service-card .service-body>p{font-size:12px;line-height:1.7}
 .services .service-card-actions{gap:6px;padding-top:11px}
 .services .service-card-actions a{min-height:30px;padding:0 9px;font-size:11px}
}


/* Consolidated from services-card-root-fix.css to keep one stylesheet for the services section. */
/* BAREEQ services: root-cause fix for title wrapping and legacy anchor-button rules.
   Scoped exclusively to #services; intentionally loaded after all previous service styles. */
#services.services .service-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:clamp(8px,.9vw,14px)!important;width:100%!important;max-width:1600px!important;margin-inline:auto!important;align-items:stretch!important}
#services.services .service-card{min-width:0!important;max-width:none!important;overflow:hidden!important}
#services.services .service-card-media-link{display:block!important;width:100%!important;min-width:0!important;flex:0 0 auto!important;line-height:0!important;text-decoration:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:0!important;align-self:stretch!important;transform:none!important}
#services.services .service-card-media-link::before,#services.services .service-card-media-link::after{content:none!important;display:none!important}
#services.services .service-card-media-link img{display:block!important;width:100%!important;max-width:100%!important;aspect-ratio:1.35/1!important;height:auto!important;object-fit:cover!important}
#services.services .service-card .service-body{box-sizing:border-box!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;width:100%!important;min-height:150px!important;padding:12px 11px 13px!important;text-align:right!important;overflow:visible!important}
#services.services .service-card .service-body>.service-card-title-link{display:block!important;position:static!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;flex:0 0 auto!important;align-self:stretch!important;margin:0 0 8px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:#101d2e!important;box-shadow:none!important;font-size:inherit!important;line-height:inherit!important;text-decoration:none!important;white-space:normal!important;transform:none!important;overflow:visible!important}
#services.services .service-card .service-body>.service-card-title-link::before,#services.services .service-card .service-body>.service-card-title-link::after{content:none!important;display:none!important}
#services.services .service-card .service-body>.service-card-title-link h3{display:block!important;position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;text-align:right!important;font-size:clamp(12px,.88vw,14px)!important;line-height:1.65!important;font-weight:800!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;letter-spacing:normal!important;color:#101d2e!important}
#services.services .service-card .service-body>p{display:block!important;width:100%!important;min-width:0!important;margin:0 0 12px!important;padding:0!important;min-height:3.4em!important;font-size:clamp(10px,.7vw,11px)!important;line-height:1.75!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;color:#737d8b!important}
#services.services .service-card .service-body>.service-card-actions{display:flex!important;position:static!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;direction:rtl!important;flex-wrap:nowrap!important;width:100%!important;min-width:0!important;padding:10px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
#services.services .service-card .service-body>.service-card-actions>a{display:inline-flex!important;position:static!important;align-items:center!important;justify-content:center!important;flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:32px!important;margin:0!important;padding:0 7px!important;border:1px solid #e5b34d!important;border-radius:999px!important;font-family:inherit!important;font-size:clamp(10px,.72vw,12px)!important;font-weight:750!important;line-height:1.25!important;white-space:nowrap!important;text-decoration:none!important;text-indent:0!important;box-shadow:0 3px 10px rgba(166,116,25,.10)!important;transform:none!important}
#services.services .service-card .service-body>.service-card-actions>a::before,#services.services .service-card .service-body>.service-card-actions>a::after{content:none!important;display:none!important}
#services.services .service-card .service-body>.service-card-actions>.service-more-link{background:#fff!important;color:#9b6a16!important}
#services.services .service-card .service-body>.service-card-actions>.service-order-link{background:linear-gradient(135deg,#ffe9b5,#f1bf55)!important;color:#18283b!important}
#services.services .service-card .service-body>.service-card-actions>a:hover{transform:translateY(-1px)!important;box-shadow:0 5px 13px rgba(32,42,54,.14)!important}
@media(max-width:1100px) and (min-width:701px){#services.services .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}#services.services .service-card .service-body{min-height:160px!important;padding:12px!important}#services.services .service-card .service-body>.service-card-title-link h3{font-size:14px!important}#services.services .service-card .service-body>p{font-size:11px!important}}
@media(max-width:700px){#services.services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#services.services .service-card .service-body{min-height:164px!important;padding:10px 9px 11px!important}#services.services .service-card .service-body>.service-card-title-link h3{font-size:clamp(12px,3.2vw,14px)!important;line-height:1.55!important}#services.services .service-card .service-body>p{font-size:11px!important;line-height:1.65!important;min-height:3.6em!important}#services.services .service-card .service-body>.service-card-actions{gap:6px!important}#services.services .service-card .service-body>.service-card-actions>a{font-size:11px!important;min-height:31px!important;padding:0 5px!important}}
@media(max-width:360px){#services.services .service-card .service-body>.service-card-actions{gap:4px!important}#services.services .service-card .service-body>.service-card-actions>a{font-size:10px!important;padding:0 4px!important}}