.elementor-151 .elementor-element.elementor-element-723e8e5{--display:flex;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-151 .elementor-element.elementor-element-5dbc243{--display:flex;--margin-top:0px;--margin-bottom:-135px;--margin-left:0px;--margin-right:0px;}.elementor-151 .elementor-element.elementor-element-4a6c75c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-151 .elementor-element.elementor-element-10aabe6 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-151 .elementor-element.elementor-element-10aabe6 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-151 .elementor-element.elementor-element-10aabe6 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-151 .elementor-element.elementor-element-10aabe6 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-151 .elementor-element.elementor-element-10aabe6 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-151 .elementor-element.elementor-element-10aabe6 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-151 .elementor-element.elementor-element-10aabe6 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-151 .elementor-element.elementor-element-10aabe6 .elementor-field-type-html{padding-bottom:0px;}.elementor-151 .elementor-element.elementor-element-10aabe6 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-151 .elementor-element.elementor-element-10aabe6 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-151 .elementor-element.elementor-element-10aabe6 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-151 .elementor-element.elementor-element-10aabe6 .elementor-button[type="submit"]{color:#ffffff;}.elementor-151 .elementor-element.elementor-element-10aabe6 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-151 .elementor-element.elementor-element-10aabe6 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-151 .elementor-element.elementor-element-10aabe6 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-151 .elementor-element.elementor-element-10aabe6 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-151 .elementor-element.elementor-element-10aabe6 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-151 .elementor-element.elementor-element-10aabe6 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-151 .elementor-element.elementor-element-10aabe6{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-151 .elementor-element.elementor-element-76b2636{--display:flex;--min-height:0px;--justify-content:flex-start;}body.elementor-page-151:not(.elementor-motion-effects-element-type-background), body.elementor-page-151 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6a76d07 );}@media(min-width:768px){.elementor-151 .elementor-element.elementor-element-76b2636{--width:94%;}}@media(max-width:1024px){.elementor-151 .elementor-element.elementor-element-4a6c75c{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-151 .elementor-element.elementor-element-4a6c75c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-7609150 *//* =========================================
   CONTACT HERO – SAFE SCOPED CSS
   (No impact on header / global menu)
========================================= */

.hg-contact-hero{
  padding: 90px 20px 70px;
  color: #e5e7eb;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.hg-contact-hero__inner{
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

.hg-contact-hero .hg-badge{
  display:inline-block;
  background:#ff7a00;
  color:#000;
  padding:6px 16px;
  border-radius:999px;
  font-weight:1000;
  font-size:12px;
  letter-spacing:.1em;
  margin-bottom:16px;
  text-transform: uppercase;
}

.hg-contact-hero h1{
  font-size: clamp(34px, 4.6vw, 64px);
  line-height: 1.05;
  margin: 0 0 14px;
  font-weight: 1000;
}

.hg-contact-hero .hg-intro{
  max-width: 900px;
  margin: 0 auto;
  color:#cbd5e1;
  line-height: 1.75;
  font-size: 15px;
}

.hg-contact-hero .hg-intro strong{
  color:#e5e7eb;
  font-weight: 900;
}

.hg-contact-hero .hg-hero-actions{
  margin: 22px auto 0;
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}

.hg-contact-hero .hg-btn{
  display:inline-block;
  padding: 13px 20px;
  border-radius: 14px;
  text-decoration:none;
  font-weight: 1000;
  font-size: 14px;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

.hg-contact-hero .hg-btn-primary{
  background:#ff7a00;
  color:#000;
  box-shadow: 0 18px 40px rgba(255,122,0,.18);
}

.hg-contact-hero .hg-btn-primary:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 55px rgba(255,122,0,.28);
}

.hg-contact-hero .hg-btn-ghost{
  background: rgba(21,30,50,.65);
  color:#e5e7eb;
  border: 1px solid #1f2937;
}

.hg-contact-hero .hg-btn-ghost:hover{
  background: rgba(255,122,0,.12);
  border-color: rgba(255,122,0,.45);
}

/* MOBILE */
@media (max-width: 640px){
  .hg-contact-hero{
    padding: 70px 16px 55px;
  }
  .hg-contact-hero .hg-intro{
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a043a4 *//* =========================================
   COORDONNÉES CARD – SAFE SCOPED CSS (Responsive)
========================================= */

.hg-coords-card{
  background: rgba(16,26,44,.78);
  border: 1px solid #1f2937;
  border-radius: 18px;
  padding: 22px 18px;
  color: #e5e7eb;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
  width: 100%;
  max-width: 520px;       /* كيخدم مزيان فـ desktop */
  margin: 0 auto;         /* وسط */
  box-sizing: border-box;
}

.hg-coords-card h2{
  margin: 0 0 14px;
  font-size: 26px;
  font-weight: 1000;
}

.hg-coords-card .hg-coord{
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  align-items: start;
  padding: 10px 2px;
}

/* مهم: باش النصوص ما تخرجش */
.hg-coords-card .hg-coord-body{
  min-width: 0;
}

.hg-coords-card .hg-ic{
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(255,122,0,.10);
  border: 1px solid rgba(255,122,0,.22);
  font-size: 18px;
}

.hg-coords-card .hg-coord-body b{
  display: block;
  font-weight: 950;
  font-size: 16px;
  margin-bottom: 2px;
}

.hg-coords-card .hg-coord-body span{
  display: block;
  color: #cbd5e1;
  font-size: 13px;
  line-height: 1.45;
}

/* رابط الإيميل/الهاتف ما يخرجش */
.hg-coords-card .hg-link{
  display: inline-block;
  margin-top: 6px;
  color: #ff7a00;
  text-decoration: none;
  font-weight: 1000;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.hg-coords-card .hg-link:hover{
  text-decoration: underline;
}

.hg-coords-card .hg-sep{
  border: 0;
  border-top: 1px dashed rgba(148,163,184,.22);
  margin: 10px 0;
}

.hg-coords-card .hg-hours-title{
  margin: 14px 0 10px;
  color: #ff7a00;
  font-weight: 1000;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hg-coords-card .hg-hours{
  list-style: none;
  padding: 0;
  margin: 0;
}

.hg-coords-card .hg-hours li{
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(148,163,184,.18);
  font-size: 14px;
}

.hg-coords-card .hg-hours li:last-child{
  border-bottom: 0;
}

.hg-coords-card .hg-hours b{
  font-weight: 950;
  color: #e5e7eb;
  white-space: nowrap; /* فـ desktop مزيان */
}

.hg-coords-card .hg-mini-links{
  margin-top: 12px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.hg-coords-card .hg-mini-links a{
  color: #e5e7eb;
  text-decoration: none;
  font-weight: 900;
  border-bottom: 1px solid rgba(255,255,255,.18);
  padding-bottom: 2px;
}

.hg-coords-card .hg-mini-links a:hover{
  color: #ff7a00;
  border-bottom-color: rgba(255,122,0,.55);
}

/* =========================================
   Responsive
========================================= */

/* Tablet */
@media (max-width: 860px){
  .hg-coords-card{
    max-width: 100%;
  }
}

/* Mobile */
@media (max-width: 640px){
  .hg-coords-card{
    padding: 18px 14px;
    border-radius: 16px;
  }

  .hg-coords-card h2{
    font-size: 22px;
  }

  .hg-coords-card .hg-coord{
    grid-template-columns: 40px 1fr;
    gap: 10px;
  }

  .hg-coords-card .hg-ic{
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 16px;
  }

  /* الساعات: تخليها Stack باش ما تخرجش */
  .hg-coords-card .hg-hours li{
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .hg-coords-card .hg-hours b{
    white-space: normal; /* فالموبايل خليها تكسر السطر */
  }

  .hg-coords-card .hg-mini-links{
    gap: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-10aabe6 *//* =========================================
   CONTACT – ELEMENTOR FORM (MATCH CARD STYLE)
   Scoped: .hg-contact .hg-eform
========================================= */

/* الكارد ديال الفورم (نفس الستايل ديال card) */
.hg-contact .hg-eform{
  background:rgba(16,26,44,.75) !important;
  border:1px solid #1f2937 !important;
  border-radius:18px !important;
  padding:22px !important;
  box-shadow:0 18px 60px rgba(0,0,0,.35) !important;
}

/* Grid بحال ديالنا */
.hg-contact .hg-eform .elementor-form-fields-wrapper{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}

/* Full width fields */
.hg-contact .hg-eform .elementor-field-group.elementor-field-type-email,
.hg-contact .hg-eform .elementor-field-group.elementor-field-type-textarea,
.hg-contact .hg-eform .elementor-field-group.elementor-field-type-upload,
.hg-contact .hg-eform .elementor-field-group.elementor-field-type-acceptance,
.hg-contact .hg-eform .elementor-field-group.elementor-field-type-submit{
  grid-column:1 / -1 !important;
}

/* Labels */
.hg-contact .hg-eform .elementor-field-label{
  color:#cbd5e1 !important;
  font-weight:900 !important;
  margin:0 0 6px !important;
  letter-spacing:.02em;
}

/* Inputs / Select / Textarea (نحيدو البياض) */
.hg-contact .hg-eform input.elementor-field,
.hg-contact .hg-eform select.elementor-field,
.hg-contact .hg-eform textarea.elementor-field{
  background:rgba(11,18,32,.85) !important;
  border:1px solid #1f2937 !important;
  color:#e5e7eb !important;
  border-radius:12px !important;
  padding:12px 14px !important;
  outline:none !important;
  box-shadow:none !important;
}

/* Focus */
.hg-contact .hg-eform input.elementor-field:focus,
.hg-contact .hg-eform select.elementor-field:focus,
.hg-contact .hg-eform textarea.elementor-field:focus{
  border-color:rgba(255,122,0,.55) !important;
  box-shadow:0 0 0 4px rgba(255,122,0,.12) !important;
}

/* Placeholder */
.hg-contact .hg-eform input.elementor-field::placeholder,
.hg-contact .hg-eform textarea.elementor-field::placeholder{
  color:#94a3b8 !important;
}

/* Upload button (Choose file) باش مايجيش أبيض بزاف */
.hg-contact .hg-eform input[type="file"]{
  color:#cbd5e1 !important;
}
.hg-contact .hg-eform input[type="file"]::-webkit-file-upload-button{
  background:#151e32 !important;
  border:1px solid #1f2937 !important;
  color:#e5e7eb !important;
  padding:10px 12px !important;
  border-radius:10px !important;
  cursor:pointer !important;
}
.hg-contact .hg-eform input[type="file"]::-webkit-file-upload-button:hover{
  border-color:rgba(255,122,0,.45) !important;
  background:rgba(255,122,0,.10) !important;
}

/* Small helper text */
.hg-contact .hg-eform .elementor-field-group .elementor-field-option,
.hg-contact .hg-eform .elementor-field-group .elementor-field-subgroup,
.hg-contact .hg-eform .elementor-field-group .elementor-field-description{
  color:#9ca3af !important;
}

/* Acceptance */
.hg-contact .hg-eform .elementor-field-type-acceptance label{
  color:#cbd5e1 !important;
  font-weight:700 !important;
}

/* Submit button */
.hg-contact .hg-eform button[type="submit"]{
  width:100% !important;
  background:#ff7a00 !important;
  color:#000 !important;
  border:none !important;
  border-radius:12px !important;
  padding:14px 18px !important;
  font-weight:1000 !important;
  box-shadow:0 18px 40px rgba(255,122,0,.18) !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}
.hg-contact .hg-eform button[type="submit"]:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 22px 55px rgba(255,122,0,.28) !important;
}

/* Mobile */
@media (max-width:860px){
  .hg-contact .hg-eform .elementor-form-fields-wrapper{
    grid-template-columns:1fr !important;
  }
}

/* ===============================
   HYDROGRAFIX – FORM SELECT FIX
   =============================== */

.hg-eform select {
  background-color: #0b1220 !important;
  color: #e5e7eb !important;
  border: 1px solid #1f2937 !important;
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 14px;
  box-shadow: inset 0 0 0 9999px #0b1220;
}

/* Arrow color (Chrome) */
.hg-eform select option {
  background-color: #0b1220;
  color: #e5e7eb;
}

/* Hover + focus */
.hg-eform select:focus {
  outline: none;
  border-color: #ff7a00 !important;
  box-shadow: 0 0 0 2px rgba(255,122,0,.25);
}

/* Disabled / placeholder option */
.hg-eform select option[value=""] {
  color: #9ca3af;
}

/* Fix Safari / iOS */
.hg-eform select::-ms-expand {
  display: none;
}


/* ===============================
   FIX RESPONSIVE – CONTACT FORM
   Scoped: .hg-contact .hg-eform
================================ */

/* Prevent overflow on small screens */
.hg-contact .hg-eform,
.hg-contact .hg-eform *{
  max-width: 100%;
}

/* Mobile: switch 2 columns -> 1 column */
@media (max-width: 820px){
  .hg-contact .hg-eform{
    padding: 16px !important;
    border-radius: 16px !important;
  }

  .hg-contact .hg-eform .elementor-form-fields-wrapper{
    grid-template-columns: 1fr !important;  /* ✅ one column */
    gap: 12px !important;
  }
}

/* Inputs full width + better height */
.hg-contact .hg-eform .elementor-field-group .elementor-field{
  width: 100% !important;
  min-width: 0 !important;
}

/* Textarea nicer on mobile */
.hg-contact .hg-eform textarea.elementor-field{
  min-height: 140px !important;
  resize: vertical;
}

/* Button full width on mobile */
@media (max-width: 640px){
  .hg-contact .hg-eform .elementor-field-type-submit{
    width: 100% !important;
  }

  .hg-contact .hg-eform button[type="submit"],
  .hg-contact .hg-eform .elementor-button{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
  }
}

/* Fix labels spacing */
.hg-contact .hg-eform .elementor-field-label{
  margin-bottom: 6px !important;
  display: inline-block !important;
}

/* If you have 2-column "name/phone" groups, force them to stack on mobile */
@media (max-width: 820px){
  .hg-contact .hg-eform .elementor-field-group{
    grid-column: 1 / -1 !important;
  }
}

/* Small devices: reduce font sizes a bit */
@media (max-width: 420px){
  .hg-contact .hg-eform .elementor-field-label{
    font-size: 13px !important;
  }
  .hg-contact .hg-eform .elementor-field{
    font-size: 14px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-afa8ffd *//* =========================================
   CONTACT PAGE – SAFE SCOPED CSS
   (No impact on header / global menu)
========================================= */

.hg-contact{
  color:#e5e7eb;
  padding:90px 20px;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* HERO */
.hg-contact .hg-contact-hero{
  max-width:980px;
  margin:0 auto 40px;
  text-align:center;
}

.hg-contact .hg-badge{
  display:inline-block;
  background:#ff7a00;
  color:#000;
  padding:6px 14px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
  margin-bottom:14px;
  letter-spacing:.08em;
}

.hg-contact h1{
  font-size:clamp(32px,4vw,52px);
  margin:0 0 10px;
  font-weight:900;
  line-height:1.08;
  text-wrap:balance;
}

.hg-contact .hg-intro{
  max-width:900px;
  margin:0 auto;
  color:#cbd5e1;
  line-height:1.75;
  font-size:15px;
}

.hg-contact .hg-hero-actions{
  margin:20px auto 0;
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}

.hg-contact .hg-btn{
  display:inline-block;
  padding:12px 18px;
  border-radius:12px;
  text-decoration:none;
  font-weight:900;
  font-size:14px;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}

.hg-contact .hg-btn-primary{
  background:#ff7a00;
  color:#000;
  box-shadow:0 18px 40px rgba(255,122,0,.18);
}

.hg-contact .hg-btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 55px rgba(255,122,0,.28);
}

.hg-contact .hg-btn-ghost{
  background:rgba(21,30,50,.65);
  color:#e5e7eb;
  border:1px solid #1f2937;
}

.hg-contact .hg-btn-ghost:hover{
  background:rgba(255,122,0,.12);
  border-color:rgba(255,122,0,.45);
}

/* GRID */
.hg-contact .hg-contact-grid{
  max-width:1100px;
  margin:40px auto 0;
  display:grid;
  grid-template-columns:420px 1fr;
  gap:18px;
  align-items:start;
}

/* CARDS */
.hg-contact .hg-card{
  background:rgba(16,26,44,.78);
  border:1px solid #1f2937;
  border-radius:18px;
  padding:20px;
  box-shadow:0 12px 40px rgba(0,0,0,.22);
}

.hg-contact .hg-card h2{
  margin:0 0 12px;
  font-size:22px;
  font-weight:1000;
}

.hg-contact .hg-form-sub{
  margin:0 0 16px;
  color:#cbd5e1;
  line-height:1.6;
  font-size:14px;
}

/* COORDS */
.hg-contact .hg-coord{
  display:flex;
  gap:12px;
  padding:12px 0;
  border-bottom:1px dashed #233147;
}

.hg-contact .hg-coord:last-of-type{
  border-bottom:none;
}

.hg-contact .hg-ic{
  width:40px;
  height:40px;
  border-radius:12px;
  background:rgba(255,122,0,.14);
  border:1px solid rgba(255,122,0,.25);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  flex:0 0 40px;
}

.hg-contact .hg-coord-body b{
  display:block;
  font-weight:1000;
  margin-bottom:2px;
}

.hg-contact .hg-coord-body span{
  display:block;
  color:#9ca3af;
  font-size:13px;
  line-height:1.35;
}

.hg-contact .hg-link{
  display:inline-block;
  margin-top:6px;
  color:#ff7a00;
  text-decoration:none;
  font-weight:1000;
}

.hg-contact .hg-link:hover{ text-decoration:underline; }

/* HOURS */
.hg-contact .hg-hours{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #233147;
}

.hg-contact .hg-hours h3{
  margin:0 0 10px;
  font-size:14px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#ff7a00;
  font-weight:1000;
}

.hg-contact .hg-hours ul{
  list-style:none;
  padding:0;
  margin:0;
}

.hg-contact .hg-hours li{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-bottom:1px dashed #233147;
  font-size:14px;
}

.hg-contact .hg-hours li:last-child{ border-bottom:none; }

.hg-contact .hg-hours b{
  color:#e5e7eb;
  font-weight:900;
}

.hg-contact .hg-mini-links{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}

.hg-contact .hg-mini-links a{
  color:#cbd5e1;
  text-decoration:none;
  font-weight:800;
  border-bottom:1px solid rgba(255,122,0,.35);
}

.hg-contact .hg-mini-links a:hover{
  color:#ff7a00;
  border-bottom-color:#ff7a00;
}

/* FORM */
.hg-contact .hg-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.hg-contact .hg-field label{
  display:block;
  margin:0 0 6px;
  font-weight:900;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#9ca3af;
}

.hg-contact .hg-field input,
.hg-contact .hg-field select,
.hg-contact .hg-field textarea{
  width:100%;
  background:rgba(11,18,32,.85);
  border:1px solid #1f2937;
  border-radius:12px;
  padding:12px 12px;
  color:#e5e7eb;
  outline:none;
  font-size:14px;
  transition:border-color .2s ease, box-shadow .2s ease;
}

.hg-contact .hg-field textarea{
  resize:vertical;
  min-height:120px;
}

.hg-contact .hg-field input:focus,
.hg-contact .hg-field select:focus,
.hg-contact .hg-field textarea:focus{
  border-color:rgba(255,122,0,.65);
  box-shadow:0 0 0 4px rgba(255,122,0,.10);
}

.hg-contact .hg-field small{
  display:block;
  margin-top:6px;
  color:#9ca3af;
  font-size:12px;
  line-height:1.4;
}

.hg-contact .hg-span-2{ grid-column:1 / -1; }

/* CONSENT */
.hg-contact .hg-consent{
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.03);
  border:1px solid #1f2937;
}

.hg-contact .hg-consent label{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:13px;
  color:#cbd5e1;
  line-height:1.45;
  font-weight:700;
  text-transform:none;
  letter-spacing:0;
  margin:0;
}

.hg-contact .hg-consent input{
  margin-top:3px;
  accent-color:#ff7a00;
}

/* ACTIONS */
.hg-contact .hg-actions{
  text-align:center;
  margin-top:4px;
}

.hg-contact .hg-actions button{
  width:100%;
  border:none;
  border-radius:12px;
  background:#ff7a00;
  color:#000;
  font-weight:1000;
  padding:14px 18px;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease;
  box-shadow:0 18px 40px rgba(255,122,0,.18);
}

.hg-contact .hg-actions button:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 55px rgba(255,122,0,.28);
}

.hg-contact .hg-privacy{
  margin:10px 0 0;
  font-size:12px;
  color:#9ca3af;
}

/* MAP */
.hg-contact .hg-map{
  max-width:1100px;
  margin:40px auto 0;
}

.hg-contact .hg-map h2{
  font-size:22px;
  font-weight:1000;
  margin:0 0 8px;
}

.hg-contact .hg-map p{
  margin:0 0 12px;
  color:#cbd5e1;
  line-height:1.6;
  font-size:14px;
}

.hg-contact .hg-map-box{
  border-radius:18px;
  border:1px solid #1f2937;
  background:rgba(16,26,44,.78);
  overflow:hidden;
  box-shadow:0 12px 40px rgba(0,0,0,.22);
}

.hg-contact .hg-map-placeholder{
  height:320px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#9ca3af;
  font-weight:900;
}

/* FINAL CTA */
.hg-contact .hg-final-cta{
  max-width:1100px;
  margin:55px auto 0;
  text-align:center;
  background:linear-gradient(180deg, rgba(255,122,0,.14), rgba(16,26,44,.78));
  border:1px solid rgba(255,122,0,.22);
  border-radius:18px;
  padding:26px 18px;
  box-shadow:0 18px 60px rgba(0,0,0,.35);
}

.hg-contact .hg-final-cta h3{
  margin:0 0 8px;
  font-size:22px;
  font-weight:1000;
}

.hg-contact .hg-final-cta p{
  margin:0 0 16px;
  color:#cbd5e1;
}

.hg-contact .hg-final-cta a{
  display:inline-block;
  background:#ff7a00;
  color:#000;
  padding:14px 26px;
  border-radius:12px;
  font-weight:1000;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease;
  box-shadow:0 18px 40px rgba(255,122,0,.18);
}

.hg-contact .hg-final-cta a:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 55px rgba(255,122,0,.28);
}

/* MOBILE */
@media (max-width: 980px){
  .hg-contact .hg-contact-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px){
  .hg-contact{
    padding:70px 16px;
  }
  .hg-contact .hg-form-grid{
    grid-template-columns:1fr;
  }
}

/* ===== MAP – HYDROGRAFIX ===== */
.hg-map{
  margin-top: 30px;
}

.hg-map h2{
  margin-bottom: 14px;
}

.hg-map-box{
  width:100%;
  height:420px;            /* <- هنا الحجم */
  border-radius:18px;
  overflow:hidden;
  background:#0b1220;
  box-shadow:0 18px 60px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.08);
}

.hg-map-box iframe{
  width:100%;
  height:100%;
  border:0;
  filter: grayscale(40%);
  transition: filter .4s ease;
}

.hg-map-box:hover iframe{
  filter: grayscale(0%);
}

@media (max-width:768px){
  .hg-map-box{
    height:320px;
  }
}/* End custom CSS */