.elementor-508 .elementor-element.elementor-element-5900c9e{--display:flex;}.elementor-508 .elementor-element.elementor-element-dd655c1{--display:flex;--min-height:820px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-508 .elementor-element.elementor-element-dd655c1:not(.elementor-motion-effects-element-type-background), .elementor-508 .elementor-element.elementor-element-dd655c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://growtogether.education/wp-content/uploads/2026/06/ChatGPT-Image-Jun-30-2026-03_47_05-AM.png");background-position:top center;background-repeat:no-repeat;background-size:auto;}.elementor-508 .elementor-element.elementor-element-9e931ef{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-508 .elementor-element.elementor-element-6e77f95{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-508 .elementor-element.elementor-element-6e77f95 .elementor-divider-separator{width:100%;}.elementor-508 .elementor-element.elementor-element-6e77f95 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-508 .elementor-element.elementor-element-2f0a26a{--display:flex;}.elementor-508 .elementor-element.elementor-element-bf46ba8{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-508 .elementor-element.elementor-element-8476906 .elementor-icon-wrapper{text-align:center;}.elementor-508 .elementor-element.elementor-element-4ba6b12{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-508 .elementor-element.elementor-element-4ba6b12 .elementor-divider-separator{width:100%;}.elementor-508 .elementor-element.elementor-element-4ba6b12 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-508 .elementor-element.elementor-element-48a5d2b{--display:flex;}.elementor-widget-image .widget-image-caption{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-508 .elementor-element.elementor-element-77d3c1b{--display:flex;}.elementor-508 .elementor-element.elementor-element-6b68b34 .elementor-icon-wrapper{text-align:center;}.elementor-508 .elementor-element.elementor-element-e663db8{--display:flex;}.elementor-508 .elementor-element.elementor-element-fef5b8d{--display:flex;}.elementor-508 .elementor-element.elementor-element-43cfb2a .elementor-icon-wrapper{text-align:center;}.elementor-508 .elementor-element.elementor-element-e2d7ae8{--display:flex;}.elementor-508 .elementor-element.elementor-element-a1faef8{--display:flex;}.elementor-508 .elementor-element.elementor-element-9ef06e6 .elementor-icon-wrapper{text-align:center;}.elementor-508 .elementor-element.elementor-element-878efd2{--display:flex;}.elementor-508 .elementor-element.elementor-element-8728fa7{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-508 .elementor-element.elementor-element-1e66b24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-508 .elementor-element.elementor-element-e161818{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-508 .elementor-element.elementor-element-8953c0d{--display:flex;}.elementor-508 .elementor-element.elementor-element-70d4eb5{--display:flex;}.elementor-508 .elementor-element.elementor-element-b16ddde .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-weight:700;}.elementor-508 .elementor-element.elementor-element-6f4dad1{font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-508 .elementor-element.elementor-element-f5f5646 .elementor-button{font-family:"Manrope", Sans-serif;font-weight:700;}.elementor-508 .elementor-element.elementor-element-9a1f5a4{--display:flex;}.elementor-508 .elementor-element.elementor-element-d5209ab .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-weight:700;}.elementor-508 .elementor-element.elementor-element-38d2d4d{font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-508 .elementor-element.elementor-element-c1d8f40 .elementor-button{font-family:"Manrope", Sans-serif;font-weight:700;}.elementor-508 .elementor-element.elementor-element-35c7e34{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-508 .elementor-element.elementor-element-8905c13{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for container, class: .elementor-element-5900c9e *//* =========================================================
   TARBIYAH CONTACT PAGE - SECTION 1 FINAL
   Background Image Normal + Green Gradient Under Image
   No Overlay on Image
   Desktop Fixed + Mobile/Tablet Content 20px Down
   ========================================================= */

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


/* =========================================================
   0) GLOBAL GAP FIX
   ========================================================= */

html,
body {
  margin: 0 !important;
  padding: 0 !important;
}

body.elementor-page,
body.elementor-page #page,
body.elementor-page #content,
body.elementor-page .site,
body.elementor-page .site-content,
body.elementor-page .site-main,
body.elementor-page main,
body.elementor-page article,
body.elementor-page .page-content,
body.elementor-page .entry-content,
body.elementor-page .elementor {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.page-header,
.entry-header,
h1.entry-title,
.elementor-page-title {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-location-header,
[data-elementor-type="header"],
.site-header,
header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/* =========================================================
   1) HERO MAIN BACKGROUND
   ========================================================= */

.ati-contact-hero {
  --ati-dark: #062f2a;
  --ati-dark-2: #021d19;
  --ati-green: #0b3b34;
  --ati-cream: #fbf5ea;
  --ati-cream-2: #f4eadb;
  --ati-gold: #d6a34a;
  --ati-gold-2: #b88a43;
  --ati-text: #14231f;
  --ati-muted: #5e574d;

  --ati-pull-up: -64px;

  --ati-bg-image: url("https://growtogether.education/wp-content/uploads/2026/06/1.png");

  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  width: 100vw !important;
  max-width: 100vw !important;

  margin-top: var(--ati-pull-up) !important;
  margin-bottom: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  padding: 118px 24px 64px !important;

  background-color: #062f2a !important;

  background-image:
    var(--ati-bg-image),
    radial-gradient(circle at 50% 28%, rgba(12, 74, 61, 0.74) 0%, rgba(6, 47, 42, 0.92) 38%, rgba(3, 30, 26, 1) 100%),
    linear-gradient(180deg, #021d19 0%, #062f2a 42%, #07392f 72%, #062f2a 100%) !important;

  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat !important;

  background-size:
    100% auto,
    100% 100%,
    100% 100% !important;

  /* دسکتاپ: همین حالت درست فعلی */
  background-position:
    center 50px,
    center center,
    center center !important;

  background-attachment:
    scroll,
    scroll,
    scroll !important;

  background-blend-mode:
    normal,
    normal,
    normal !important;

  image-rendering: auto !important;
  backface-visibility: hidden !important;
}


/* حذف کامل Overlayهای Elementor */
.ati-contact-hero > .elementor-background-overlay,
.ati-contact-hero .elementor-background-overlay,
.ati-contact-hero > .elementor-motion-effects-container,
.ati-contact-hero .elementor-motion-effects-container,
.ati-contact-hero > .elementor-background-slideshow,
.ati-contact-hero .elementor-background-slideshow,
.ati-contact-hero > .elementor-background-video-container,
.ati-contact-hero .elementor-background-video-container,
.ati-contact-hero [class*="background-overlay"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
  z-index: -999 !important;
}

/* هیچ overlay روی خود سکشن نباشد */
.ati-contact-hero::before,
.ati-contact-hero::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

.ati-contact-hero > .e-con-inner {
  position: relative !important;
  z-index: 3 !important;

  width: 100% !important;
  max-width: 1260px !important;

  margin: 0 auto !important;
  padding: 0 !important;
}

.ati-contact-hero .e-con,
.ati-contact-hero .elementor-widget,
.ati-contact-hero * {
  box-sizing: border-box !important;
}


/* =========================================================
   2) GLOBAL FONTS
   ========================================================= */

.ati-contact-hero,
.ati-contact-hero p,
.ati-contact-hero span,
.ati-contact-hero a,
.ati-contact-hero input,
.ati-contact-hero textarea,
.ati-contact-hero select,
.ati-contact-hero label,
.ati-contact-hero button,
.ati-contact-hero .elementor-widget-container,
.ati-contact-hero .elementor-icon-box-title,
.ati-contact-hero .elementor-icon-box-description,
.ati-contact-hero .gform_wrapper,
.ati-contact-hero .gform_wrapper *,
.ati-contact-hero .gform-theme,
.ati-contact-hero .gform-theme * {
  font-family: Inter, Poppins, "Segoe UI", Arial, sans-serif !important;
}

.ati-hero-heading .elementor-heading-title,
.ati-card-heading .elementor-heading-title,
.ati-contact-card-title .elementor-heading-title {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
}


/* =========================================================
   3) HERO TITLE
   ========================================================= */

.ati-contact-title {
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  gap: 0 !important;
}

.ati-contact-title > .e-con-inner {
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  gap: 0 !important;
}

.ati-hero-heading {
  margin: 0 !important;
  padding: 0 !important;
}

.ati-hero-heading .elementor-heading-title {
  color: #fff7e9 !important;

  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
  font-size: clamp(50px, 5.4vw, 84px) !important;
  font-weight: 600 !important;
  line-height: 0.98 !important;
  letter-spacing: -1.2px !important;

  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;

  text-shadow:
    0 2px 0 rgba(214, 163, 74, 0.10),
    0 14px 30px rgba(0, 0, 0, 0.24) !important;
}


/* دیوایدر مینیمال */
.ati-gold-divider {
  position: relative !important;

  width: 260px !important;
  max-width: 260px !important;
  height: 18px !important;

  margin: 7px auto 6px !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ati-gold-divider .elementor-widget-container,
.ati-gold-divider .elementor-divider {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ati-gold-divider .elementor-divider-separator {
  display: none !important;
}

.ati-gold-divider::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;

  height: 1px !important;
  transform: translateY(-50%) !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(214, 163, 74, 0.22) 16%,
    rgba(214, 163, 74, 0.82) 42%,
    transparent 48%,
    transparent 52%,
    rgba(214, 163, 74, 0.82) 58%,
    rgba(214, 163, 74, 0.22) 84%,
    transparent 100%
  ) !important;
}

.ati-gold-divider::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;

  width: 9px !important;
  height: 9px !important;

  transform: translate(-50%, -50%) rotate(45deg) !important;

  background: transparent !important;
  border: 1px solid rgba(214, 163, 74, 0.92) !important;

  box-shadow:
    0 0 0 5px rgba(6, 47, 42, 0.95),
    0 0 12px rgba(214, 163, 74, 0.18) !important;
}

.ati-hero-subtitle {
  margin: 0 !important;
  padding: 0 !important;

  color: #fff3df !important;

  font-family: Inter, Poppins, "Segoe UI", Arial, sans-serif !important;
  font-size: 21px !important;
  font-weight: 500 !important;
  line-height: 1.34 !important;
  letter-spacing: 0 !important;

  text-align: center !important;

  text-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}


/* =========================================================
   4) TWO COLUMN GRID
   ========================================================= */

.ati-contact-hero-grid,
.ati-contact-hero-grid > .e-con-inner {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 26px auto 0 !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: 0.9fr 1.1fr !important;
  align-items: start !important;
  gap: 40px !important;
  overflow: visible !important;
}

.ati-contact-hero-grid > .e-con-inner > .e-con,
.ati-contact-hero-grid > .e-con {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}


/* =========================================================
   5) COMPACT HALF-CIRCLE FORM CARD
   ========================================================= */

.ati-form-arch-card {
  --form-bg: #fffaf1;
  --form-bg-2: #fbf5ea;
  --form-border: rgba(214, 163, 74, 0.72);
  --form-border-soft: rgba(214, 163, 74, 0.24);
  --form-text: #14231f;
  --form-muted: #4f463b;

  position: relative !important;
  isolation: isolate !important;
  align-self: start !important;

  width: 100% !important;
  max-width: 455px !important;
  min-height: auto !important;

  margin: 0 auto !important;
  padding: 28px 30px 26px !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(214, 163, 74, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(255, 253, 247, 0.99), rgba(251, 245, 234, 0.98)) !important;

  border: 1px solid var(--form-border) !important;

  border-radius: 210px 210px 22px 22px / 105px 105px 22px 22px !important;

  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(214, 163, 74, 0.10),
    inset 0 0 0 1px rgba(255, 255, 255, 0.78) !important;

  overflow: hidden !important;
}

.ati-form-arch-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 10px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border: 1px solid rgba(214, 163, 74, 0.34) !important;
  border-radius: 195px 195px 16px 16px / 96px 96px 16px 16px !important;
}

.ati-form-arch-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;

  background:
    linear-gradient(90deg, transparent 8%, rgba(214,163,74,0.10) 50%, transparent 92%) top 20px center / 68% 1px no-repeat,
    linear-gradient(90deg, transparent 12%, rgba(214,163,74,0.08) 50%, transparent 88%) bottom 20px center / 72% 1px no-repeat,
    radial-gradient(circle at 18px 18px, rgba(184,138,67,0.04) 1px, transparent 1.6px),
    radial-gradient(circle at 36px 36px, rgba(184,138,67,0.03) 1px, transparent 1.7px);
  background-size:
    68% 1px,
    72% 1px,
    48px 48px,
    48px 48px;

  opacity: 0.75 !important;
}

.ati-form-arch-card > * {
  position: relative !important;
  z-index: 2 !important;
}


/* =========================================================
   6) FORM HEADER
   ========================================================= */

.ati-form-top-icon {
  width: 52px !important;
  height: 52px !important;

  margin: 0 auto 8px !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;
  border-radius: 50% !important;

  background: #062f2a !important;
  border: 1px solid rgba(214, 163, 74, 0.82) !important;

  box-shadow:
    0 10px 22px rgba(6, 47, 42, 0.20),
    0 0 0 5px rgba(214, 163, 74, 0.06) !important;
}

.ati-form-top-icon .elementor-icon {
  width: 52px !important;
  height: 52px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #d6a34a !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.ati-form-top-icon svg,
.ati-form-top-icon i {
  width: 22px !important;
  height: 22px !important;
  font-size: 22px !important;
  fill: currentColor !important;
  color: currentColor !important;
}

.ati-card-heading {
  margin: 0 !important;
  padding: 0 !important;
}

.ati-card-heading .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--form-text) !important;
  text-align: center !important;

  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.16 !important;
}

.ati-card-desc {
  width: 100% !important;
  max-width: 295px !important;

  margin: 4px auto 0 !important;
  padding: 0 !important;

  text-align: center !important;
  color: var(--form-muted) !important;

  font-family: Inter, Poppins, "Segoe UI", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.36 !important;
}

.ati-small-divider {
  width: 132px !important;
  max-width: 132px !important;
  margin: 6px auto 8px !important;
  padding: 0 !important;
}

.ati-small-divider .elementor-divider {
  padding: 0 !important;
}

.ati-small-divider .elementor-divider-separator {
  width: 100% !important;
  border-top-width: 1px !important;
  border-color: rgba(184, 138, 67, 0.72) !important;
}


/* =========================================================
   7) GRAVITY FORM WRAPPER
   ========================================================= */

.ati-form-arch-card .gform_wrapper,
.ati-form-arch-card .gform-theme,
.ati-form-arch-card .gform-theme--framework,
.ati-form-arch-card form,
.ati-form-arch-card .gform-body,
.ati-form-arch-card .gform_body {
  width: 100% !important;
  max-width: 340px !important;

  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;

  background: transparent !important;
  box-sizing: border-box !important;
}

.ati-form-arch-card .gform_required_legend,
.ati-form-arch-card .gfield_required,
.ati-form-arch-card .gfield_required_text,
.ati-form-arch-card .gfield_required_asterisk {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.ati-form-arch-card .gform_body,
.ati-form-arch-card .gform-body,
.ati-form-arch-card .gform_fields,
.ati-form-arch-card .gfield,
.ati-form-arch-card .ginput_container,
.ati-form-arch-card .ginput_container_text,
.ati-form-arch-card .ginput_container_email,
.ati-form-arch-card .ginput_container_select,
.ati-form-arch-card .ginput_container_textarea {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.ati-form-arch-card .gform_fields,
.ati-form-arch-card .gform_wrapper.gravity-theme .gform_fields,
.ati-form-arch-card .gform-theme--framework .gform_fields {
  display: grid !important;
  grid-template-columns: 1fr !important;
  row-gap: 8px !important;
  column-gap: 0 !important;
}

.ati-form-arch-card .gfield,
.ati-form-arch-card .gform_wrapper.gravity-theme .gfield,
.ati-form-arch-card .gform-theme--framework .gfield {
  width: 100% !important;
  max-width: 100% !important;
  grid-column: 1 / -1 !important;
}

.ati-form-arch-card .gfield_label,
.ati-form-arch-card label.gfield_label,
.ati-form-arch-card .gform_wrapper.gravity-theme .gfield_label,
.ati-form-arch-card .gform-theme--framework .gfield_label {
  display: block !important;
  margin: 0 0 3px !important;
  padding: 0 !important;

  color: #1e2824 !important;
  text-align: left !important;

  font-family: Inter, Poppins, "Segoe UI", Arial, sans-serif !important;
  font-size: 12.2px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
}


/* =========================================================
   8) INPUTS / SELECT / TEXTAREA
   ========================================================= */

.ati-form-arch-card input[type="text"],
.ati-form-arch-card input[type="email"],
.ati-form-arch-card input[type="tel"],
.ati-form-arch-card input[type="url"],
.ati-form-arch-card input[type="number"],
.ati-form-arch-card select,
.ati-form-arch-card textarea,
.ati-form-arch-card .gform_wrapper.gravity-theme input[type="text"],
.ati-form-arch-card .gform_wrapper.gravity-theme input[type="email"],
.ati-form-arch-card .gform_wrapper.gravity-theme input[type="tel"],
.ati-form-arch-card .gform_wrapper.gravity-theme select,
.ati-form-arch-card .gform_wrapper.gravity-theme textarea,
.ati-form-arch-card .gform-theme--framework input[type="text"],
.ati-form-arch-card .gform-theme--framework input[type="email"],
.ati-form-arch-card .gform-theme--framework input[type="tel"],
.ati-form-arch-card .gform-theme--framework select,
.ati-form-arch-card .gform-theme--framework textarea {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 auto !important;
  padding: 8px 12px !important;

  border: 1px solid rgba(184, 138, 67, 0.34) !important;
  border-radius: 9px !important;

  background: rgba(255, 251, 243, 0.94) !important;
  color: #14231f !important;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  outline: none !important;

  font-family: Inter, Poppins, "Segoe UI", Arial, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.32 !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  box-sizing: border-box !important;
  transition: all 0.22s ease !important;
}

.ati-form-arch-card input[type="text"],
.ati-form-arch-card input[type="email"],
.ati-form-arch-card input[type="tel"],
.ati-form-arch-card input[type="url"],
.ati-form-arch-card input[type="number"],
.ati-form-arch-card select {
  height: 38px !important;
  min-height: 38px !important;
}

.ati-form-arch-card textarea {
  height: 86px !important;
  min-height: 86px !important;
  max-height: 120px !important;
  resize: vertical !important;
}

.ati-form-arch-card select {
  padding-right: 34px !important;
  background-image:
    linear-gradient(45deg, transparent 50%, #4d453a 50%),
    linear-gradient(135deg, #4d453a 50%, transparent 50%) !important;
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 13px) 50% !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
}

.ati-form-arch-card ::placeholder {
  color: rgba(20, 35, 31, 0.48) !important;
  opacity: 1 !important;
  font-family: Inter, Poppins, "Segoe UI", Arial, sans-serif !important;
  font-size: 13.3px !important;
}

.ati-form-arch-card input:focus,
.ati-form-arch-card select:focus,
.ati-form-arch-card textarea:focus {
  border-color: rgba(184, 138, 67, 0.92) !important;
  background-color: #fffaf1 !important;
  box-shadow:
    0 0 0 3px rgba(214, 163, 74, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}


/* =========================================================
   9) SUBMIT BUTTON
   ========================================================= */

.ati-form-arch-card .gform_footer,
.ati-form-arch-card .gform_page_footer,
.ati-form-arch-card .gform_wrapper.gravity-theme .gform_footer,
.ati-form-arch-card .gform-theme--framework .gform_footer {
  width: 100% !important;
  max-width: 340px !important;

  margin: 0 auto !important;
  padding: 10px 0 10px !important;
  box-sizing: border-box !important;
}

.ati-form-arch-card input[type="submit"],
.ati-form-arch-card button[type="submit"],
.ati-form-arch-card .gform_button,
.ati-form-arch-card .gform_wrapper.gravity-theme .gform_button,
.ati-form-arch-card .gform-theme--framework .gform_button {
  width: 100% !important;
  max-width: 100% !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 auto !important;
  padding: 0 14px !important;

  border: none !important;
  border-radius: 10px !important;

  background: linear-gradient(135deg, #e7b95f 0%, #d6a34a 48%, #c99439 100%) !important;
  color: #111c18 !important;

  font-family: Inter, Poppins, "Segoe UI", Arial, sans-serif !important;
  font-size: 13.6px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;

  cursor: pointer !important;

  box-shadow:
    0 10px 22px rgba(184, 138, 67, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;

  box-sizing: border-box !important;
  transition: all 0.22s ease !important;
}

.ati-form-arch-card input[type="submit"]:hover,
.ati-form-arch-card button[type="submit"]:hover,
.ati-form-arch-card .gform_button:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.04) !important;
}


/* =========================================================
   10) VALIDATION
   ========================================================= */

.ati-form-arch-card .gfield_error input,
.ati-form-arch-card .gfield_error textarea,
.ati-form-arch-card .gfield_error select {
  border-color: #b24b3f !important;
}

.ati-form-arch-card .validation_message,
.ati-form-arch-card .gform_validation_errors {
  max-width: 340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 10px !important;
  font-family: Inter, Poppins, "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}


/* =========================================================
   11) RIGHT SIDE - THIN CONTACT CARDS
   ========================================================= */

.ati-contact-hero .ati-contact-right {
  width: 100% !important;
  max-width: none !important;

  display: flex !important;
  flex-direction: column !important;
  align-self: start !important;

  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ati-contact-hero .ati-main-contact-image {
  margin: 0 !important;
  padding: 0 !important;
}

.ati-contact-hero .ati-main-contact-image img {
  width: 100% !important;
  height: 285px !important;

  object-fit: cover !important;
  object-position: center center !important;

  border-radius: 22px !important;
  border: 2px solid rgba(214, 163, 74, 0.78) !important;

  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25) !important;

  display: block !important;
}

.ati-contact-hero .ati-contact-card {
  position: relative !important;
  overflow: hidden !important;

  width: 100% !important;

  display: grid !important;
  grid-template-columns: 52px 1fr !important;
  align-items: center !important;
  column-gap: 20px !important;

  margin: 0 !important;
  padding: 15px 24px !important;

  background:
    radial-gradient(circle at 92% 18%, rgba(214, 163, 74, 0.09), transparent 26%),
    linear-gradient(135deg, rgba(255,255,255,0.94), rgba(251,245,234,0.98)) !important;

  border: 1px solid rgba(214, 163, 74, 0.58) !important;
  border-radius: 17px !important;

  box-shadow: 0 10px 24px rgba(12, 40, 34, 0.10) !important;
}

.ati-contact-hero .ati-contact-card::after {
  content: "" !important;

  position: absolute !important;
  right: -42px !important;
  top: 50% !important;

  width: 100px !important;
  height: 100px !important;

  transform: translateY(-50%) !important;

  background:
    radial-gradient(circle, rgba(214,163,74,0.105) 0 2px, transparent 3px) !important;
  background-size: 12px 12px !important;

  opacity: 0.50 !important;
  border-radius: 50% !important;

  pointer-events: none !important;
}

.ati-contact-hero .ati-contact-card > * {
  position: relative !important;
  z-index: 2 !important;
}

.ati-contact-hero .ati-contact-card-icon {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ati-contact-hero .ati-contact-card-icon .elementor-widget-container {
  width: 52px !important;
  height: 52px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ati-contact-hero .ati-contact-card-icon .elementor-icon {
  width: 52px !important;
  height: 52px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 50% !important;

  background: #062f2a !important;
  color: #d6a34a !important;

  border: 1px solid rgba(214, 163, 74, 0.66) !important;

  box-shadow:
    0 9px 18px rgba(6, 47, 42, 0.15),
    inset 0 0 0 1px rgba(255,255,255,0.08) !important;
}

.ati-contact-hero .ati-contact-card-icon .elementor-icon svg,
.ati-contact-hero .ati-contact-card-icon .elementor-icon i {
  width: 23px !important;
  height: 23px !important;
  font-size: 23px !important;

  color: currentColor !important;
  fill: currentColor !important;
}

.ati-contact-hero .ati-contact-card-content {
  width: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  gap: 3px !important;

  margin: 0 !important;
  padding: 0 !important;
}

.ati-contact-hero .ati-contact-card-title {
  margin: 0 !important;
  padding: 0 !important;
}

.ati-contact-hero .ati-contact-card-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: #14231f !important;

  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
  font-size: 23px !important;
  font-weight: 600 !important;
  line-height: 1.10 !important;
  letter-spacing: -0.15px !important;
}

.ati-contact-hero .ati-contact-card-text {
  margin: 0 !important;
  padding: 0 !important;
}

.ati-contact-hero .ati-contact-card-text,
.ati-contact-hero .ati-contact-card-text p,
.ati-contact-hero .ati-contact-card-text span,
.ati-contact-hero .ati-contact-card-text a {
  margin: 0 !important;
  padding: 0 !important;

  color: #2c2a25 !important;

  font-family: Inter, Poppins, "Segoe UI", Arial, sans-serif !important;
  font-size: 13.8px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;

  text-decoration: none !important;
}

.ati-contact-hero .ati-contact-card-text a:hover {
  color: #b88a43 !important;
}


/* =========================================================
   12) SOCIAL CARD
   ========================================================= */

.ati-contact-hero .ati-contact-social-card {
  align-items: center !important;
}

.ati-contact-hero .ati-contact-social-card .ati-contact-card-content {
  gap: 7px !important;
  align-items: center !important;
}

.ati-contact-hero .ati-contact-social-card .ati-contact-card-title {
  width: 100% !important;
  text-align: center !important;
}

.ati-contact-hero .ati-contact-social-card .ati-contact-card-title .elementor-heading-title {
  text-align: center !important;
}

.ati-contact-hero .ati-contact-social-icons {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.ati-contact-hero .ati-contact-social-icons .elementor-widget-container {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.ati-contact-hero .ati-contact-social-icons .elementor-social-icons-wrapper {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;

  gap: 8px !important;

  margin: 0 auto !important;
  padding: 0 !important;
}

.ati-contact-hero .ati-contact-social-icons .elementor-grid-item {
  margin: 0 !important;
  padding: 0 !important;
}

.ati-contact-hero .ati-contact-social-icons .elementor-social-icon {
  width: 34px !important;
  height: 34px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 50% !important;

  background: #062f2a !important;
  color: #d6a34a !important;

  border: 1px solid rgba(214, 163, 74, 0.62) !important;

  box-shadow:
    0 7px 15px rgba(6, 47, 42, 0.14),
    inset 0 0 0 1px rgba(255,255,255,0.07) !important;

  transition: all 0.22s ease !important;
}

.ati-contact-hero .ati-contact-social-icons .elementor-social-icon i,
.ati-contact-hero .ati-contact-social-icons .elementor-social-icon svg {
  width: 16px !important;
  height: 16px !important;
  font-size: 16px !important;

  color: currentColor !important;
  fill: currentColor !important;
}

.ati-contact-hero .ati-contact-social-icons .elementor-social-icon-instagram,
.ati-contact-hero .ati-contact-social-icons .elementor-social-icon-facebook,
.ati-contact-hero .ati-contact-social-icons .elementor-social-icon-youtube,
.ati-contact-hero .ati-contact-social-icons .elementor-social-icon-twitter,
.ati-contact-hero .ati-contact-social-icons .elementor-social-icon-x-twitter,
.ati-contact-hero .ati-contact-social-icons .elementor-social-icon-linkedin,
.ati-contact-hero .ati-contact-social-icons .elementor-social-icon-envelope,
.ati-contact-hero .ati-contact-social-icons .elementor-social-icon-whatsapp,
.ati-contact-hero .ati-contact-social-icons .elementor-social-icon-telegram {
  background: #062f2a !important;
  color: #d6a34a !important;
}

.ati-contact-hero .ati-contact-social-icons .elementor-social-icon:hover {
  transform: translateY(-2px) !important;

  background: #d6a34a !important;
  color: #062f2a !important;

  border-color: rgba(184, 138, 67, 0.95) !important;

  box-shadow:
    0 10px 20px rgba(184, 138, 67, 0.22),
    inset 0 1px 0 rgba(255,255,255,0.28) !important;
}


/* =========================================================
   13) TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .ati-contact-hero {
    --ati-pull-up: -54px;

    padding: 98px 22px 48px !important;

    background-size:
      cover,
      100% 100%,
      100% 100% !important;

    /* همین حالت درست فعلی برای مخفی شدن نوار طلایی */
    background-position:
      center 40px,
      center center,
      center center !important;

    background-repeat:
      no-repeat,
      no-repeat,
      no-repeat !important;
  }

  .ati-contact-hero > .elementor-background-overlay,
  .ati-contact-hero .elementor-background-overlay,
  .ati-contact-hero > .elementor-motion-effects-container,
  .ati-contact-hero .elementor-motion-effects-container,
  .ati-contact-hero > .elementor-background-slideshow,
  .ati-contact-hero .elementor-background-slideshow,
  .ati-contact-hero > .elementor-background-video-container,
  .ati-contact-hero .elementor-background-video-container,
  .ati-contact-hero [class*="background-overlay"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    pointer-events: none !important;
    z-index: -999 !important;
  }

  .ati-contact-hero::before,
  .ati-contact-hero::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: transparent !important;
    background-image: none !important;
    pointer-events: none !important;
  }

  .ati-contact-hero > .e-con-inner {
    max-width: 760px !important;
    transform: translateY(20px) !important;
  }

  .ati-hero-heading .elementor-heading-title {
    font-size: clamp(50px, 7vw, 70px) !important;
  }

  .ati-gold-divider {
    width: 240px !important;
    max-width: 240px !important;
    height: 18px !important;
    margin: 7px auto 6px !important;
  }

  .ati-hero-subtitle {
    font-size: 19px !important;
  }

  .ati-contact-hero-grid,
  .ati-contact-hero-grid > .e-con-inner {
    grid-template-columns: 1fr !important;
    max-width: 760px !important;
    gap: 30px !important;
    margin-top: 28px !important;
  }

  .ati-form-arch-card {
    max-width: 455px !important;
    padding: 28px 30px 26px !important;
  }

  .ati-contact-hero .ati-contact-right {
    gap: 8px !important;
  }

  .ati-contact-hero .ati-main-contact-image img {
    height: 300px !important;
  }

  .ati-contact-hero .ati-contact-card {
    grid-template-columns: 52px 1fr !important;
    column-gap: 20px !important;
    padding: 15px 24px !important;
  }
}


/* =========================================================
   14) MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .ati-contact-hero {
    --ati-pull-up: -42px;

    padding: 82px 16px 38px !important;

    background-size:
      cover,
      100% 100%,
      100% 100% !important;

    /* همین حالت درست فعلی برای مخفی شدن نوار طلایی */
    background-position:
      center 35px,
      center center,
      center center !important;

    background-repeat:
      no-repeat,
      no-repeat,
      no-repeat !important;
  }

  .ati-contact-hero > .elementor-background-overlay,
  .ati-contact-hero .elementor-background-overlay,
  .ati-contact-hero > .elementor-motion-effects-container,
  .ati-contact-hero .elementor-motion-effects-container,
  .ati-contact-hero > .elementor-background-slideshow,
  .ati-contact-hero .elementor-background-slideshow,
  .ati-contact-hero > .elementor-background-video-container,
  .ati-contact-hero .elementor-background-video-container,
  .ati-contact-hero [class*="background-overlay"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    pointer-events: none !important;
    z-index: -999 !important;
  }

  .ati-contact-hero::before,
  .ati-contact-hero::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: transparent !important;
    background-image: none !important;
    pointer-events: none !important;
  }

  .ati-contact-hero > .e-con-inner {
    max-width: 100% !important;
    transform: translateY(20px) !important;
  }

  .ati-hero-heading .elementor-heading-title {
    font-size: 42px !important;
    line-height: 1 !important;
    letter-spacing: -0.5px !important;
  }

  .ati-gold-divider {
    width: 190px !important;
    max-width: 190px !important;
    height: 16px !important;
    margin: 5px auto 5px !important;
  }

  .ati-gold-divider::after {
    width: 8px !important;
    height: 8px !important;
    box-shadow:
      0 0 0 5px rgba(6, 47, 42, 0.95),
      0 0 10px rgba(214, 163, 74, 0.16) !important;
  }

  .ati-hero-subtitle {
    max-width: 330px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    font-size: 15.8px !important;
    line-height: 1.38 !important;
  }

  .ati-contact-hero-grid,
  .ati-contact-hero-grid > .e-con-inner {
    margin-top: 24px !important;
    gap: 22px !important;
  }

  .ati-form-arch-card {
    width: 100% !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    padding: 26px 12px 24px !important;
    border-radius: 145px 145px 18px 18px / 78px 78px 18px 18px !important;
  }

  .ati-form-arch-card::before {
    inset: 8px !important;
    border-radius: 134px 134px 14px 14px / 70px 70px 14px 14px !important;
  }

  .ati-form-top-icon {
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 8px !important;
  }

  .ati-form-top-icon .elementor-icon {
    width: 48px !important;
    height: 48px !important;
  }

  .ati-form-top-icon svg,
  .ati-form-top-icon i {
    width: 21px !important;
    height: 21px !important;
    font-size: 21px !important;
  }

  .ati-card-heading .elementor-heading-title {
    font-size: 22px !important;
    line-height: 1.14 !important;
  }

  .ati-card-desc {
    max-width: 260px !important;
    margin-top: 4px !important;
    font-size: 13.2px !important;
    line-height: 1.34 !important;
  }

  .ati-small-divider {
    width: 120px !important;
    margin: 6px auto 8px !important;
  }

  .ati-form-arch-card .gform_wrapper,
  .ati-form-arch-card .gform-theme,
  .ati-form-arch-card .gform-theme--framework,
  .ati-form-arch-card form,
  .ati-form-arch-card .gform-body,
  .ati-form-arch-card .gform_body {
    width: calc(100% - 22px) !important;
    max-width: 292px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ati-form-arch-card .gform_fields,
  .ati-form-arch-card .gform_wrapper.gravity-theme .gform_fields,
  .ati-form-arch-card .gform-theme--framework .gform_fields {
    row-gap: 8px !important;
  }

  .ati-form-arch-card .gfield_label,
  .ati-form-arch-card label.gfield_label,
  .ati-form-arch-card .gform_wrapper.gravity-theme .gfield_label,
  .ati-form-arch-card .gform-theme--framework .gfield_label {
    font-size: 11.5px !important;
    margin-bottom: 3px !important;
  }

  .ati-form-arch-card input[type="text"],
  .ati-form-arch-card input[type="email"],
  .ati-form-arch-card input[type="tel"],
  .ati-form-arch-card input[type="url"],
  .ati-form-arch-card input[type="number"],
  .ati-form-arch-card select,
  .ati-form-arch-card textarea,
  .ati-form-arch-card .gform_wrapper.gravity-theme input[type="text"],
  .ati-form-arch-card .gform_wrapper.gravity-theme input[type="email"],
  .ati-form-arch-card .gform_wrapper.gravity-theme input[type="tel"],
  .ati-form-arch-card .gform_wrapper.gravity-theme select,
  .ati-form-arch-card .gform_wrapper.gravity-theme textarea,
  .ati-form-arch-card .gform-theme--framework input[type="text"],
  .ati-form-arch-card .gform-theme--framework input[type="email"],
  .ati-form-arch-card .gform-theme--framework input[type="tel"],
  .ati-form-arch-card .gform-theme--framework select,
  .ati-form-arch-card .gform-theme--framework textarea {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 7px 10px !important;
    font-size: 12.8px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  .ati-form-arch-card input[type="text"],
  .ati-form-arch-card input[type="email"],
  .ati-form-arch-card input[type="tel"],
  .ati-form-arch-card input[type="url"],
  .ati-form-arch-card input[type="number"],
  .ati-form-arch-card select {
    height: 36px !important;
    min-height: 36px !important;
  }

  .ati-form-arch-card textarea {
    min-height: 82px !important;
    height: 82px !important;
    max-height: 110px !important;
  }

  .ati-form-arch-card .gform_footer,
  .ati-form-arch-card .gform_page_footer,
  .ati-form-arch-card .gform_wrapper.gravity-theme .gform_footer,
  .ati-form-arch-card .gform-theme--framework .gform_footer {
    width: calc(100% - 22px) !important;
    max-width: 292px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 10px 0 8px !important;
  }

  .ati-form-arch-card input[type="submit"],
  .ati-form-arch-card button[type="submit"],
  .ati-form-arch-card .gform_button,
  .ati-form-arch-card .gform_wrapper.gravity-theme .gform_button,
  .ati-form-arch-card .gform-theme--framework .gform_button {
    height: 39px !important;
    font-size: 12.8px !important;
  }

  .ati-contact-hero .ati-contact-right {
    gap: 8px !important;
  }

  .ati-contact-hero .ati-main-contact-image img {
    height: 220px !important;
  }

  .ati-contact-hero .ati-contact-card {
    grid-template-columns: 48px 1fr !important;
    column-gap: 14px !important;

    padding: 14px 16px !important;
    border-radius: 17px !important;
  }

  .ati-contact-hero .ati-contact-card-icon,
  .ati-contact-hero .ati-contact-card-icon .elementor-widget-container,
  .ati-contact-hero .ati-contact-card-icon .elementor-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
  }

  .ati-contact-hero .ati-contact-card-icon .elementor-icon svg,
  .ati-contact-hero .ati-contact-card-icon .elementor-icon i {
    width: 21px !important;
    height: 21px !important;
    font-size: 21px !important;
  }

  .ati-contact-hero .ati-contact-card-title .elementor-heading-title {
    font-size: 21px !important;
    line-height: 1.1 !important;
  }

  .ati-contact-hero .ati-contact-card-text,
  .ati-contact-hero .ati-contact-card-text p,
  .ati-contact-hero .ati-contact-card-text span,
  .ati-contact-hero .ati-contact-card-text a {
    font-size: 13px !important;
    line-height: 1.34 !important;
  }

  .ati-contact-hero .ati-contact-social-card .ati-contact-card-content {
    align-items: center !important;
  }

  .ati-contact-hero .ati-contact-social-icons .elementor-social-icons-wrapper {
    justify-content: center !important;
    gap: 7px !important;
  }

  .ati-contact-hero .ati-contact-social-icons .elementor-social-icon {
    width: 32px !important;
    height: 32px !important;
  }

  .ati-contact-hero .ati-contact-social-icons .elementor-social-icon i,
  .ati-contact-hero .ati-contact-social-icons .elementor-social-icon svg {
    width: 15px !important;
    height: 15px !important;
    font-size: 15px !important;
  }
}
/* =========================================================
   FORCE MOBILE/TABLET CONTENT 20PX DOWN - FINAL OVERRIDE
   ========================================================= */

/* Tablet */
@media (max-width: 1024px) {
  .ati-contact-hero {
    padding-top: 118px !important; /* قبلاً 98px بود، 20px بیشتر شد */

    background-position:
      center 40px,
      center center,
      center center !important;
  }

  .ati-contact-hero > .e-con-inner {
    transform: none !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .ati-contact-hero {
    padding-top: 102px !important; /* قبلاً 82px بود، 20px بیشتر شد */

    background-position:
      center 35px,
      center center,
      center center !important;
  }

  .ati-contact-hero > .e-con-inner {
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e66b24 */.elementor-508 .elementor-element.elementor-element-1e66b24 {
  --ati-green: #062f2a;
  --ati-gold: #b88a43;
  --ati-gold-2: #d8ad62;
  --ati-gold-3: #e9c982;
  --ati-bg: #f7efe2;
  --ati-text: #17110a;
  --ati-muted: #40382e;

  background: #f7efe2;
  padding: 12px 24px 10px 24px !important;
  position: relative;
  z-index: 3;
}

/* کارت اصلی */
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;

  position: relative;
  overflow: hidden;

  border-radius: 24px;
  border: 1px solid rgba(184, 138, 67, 0.52);

  background:
    radial-gradient(circle at 16% 22%, rgba(184, 138, 67, 0.15), transparent 30%),
    radial-gradient(circle at 86% 80%, rgba(184, 138, 67, 0.11), transparent 28%),
    linear-gradient(135deg, #fff5e2 0%, #f5dfb6 54%, #ecd0a0 100%);

  box-shadow:
    0 10px 24px rgba(58, 38, 12, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

/* این قسمت مشکل اصلی را حل می‌کند */
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box,
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box > .e-con-inner {
  display: grid !important;
  grid-template-columns: 250px 1fr 1fr 250px !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 18px 26px !important;
  min-height: 0 !important;
  height: auto !important;
  width: 100% !important;
  max-width: 1180px !important;
}

/* اگر Elementor لایه داخلی ساخت */
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box > .e-con-inner {
  margin: 0 auto !important;
}

/* حذف فاصله‌های پیش‌فرض */
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box *,
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-card * {
  box-sizing: border-box;
}

.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box .elementor-widget,
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-card .elementor-widget {
  margin-bottom: 0 !important;
}

.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* نقش‌ونگار ظریف */
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.24;
  background:
    repeating-linear-gradient(
      45deg,
      rgba(184, 138, 67, 0.05) 0px,
      rgba(184, 138, 67, 0.05) 1px,
      transparent 1px,
      transparent 24px
    ),
    repeating-linear-gradient(
      -45deg,
      rgba(184, 138, 67, 0.025) 0px,
      rgba(184, 138, 67, 0.025) 1px,
      transparent 1px,
      transparent 24px
    ),
    radial-gradient(circle at 20px 20px, rgba(184, 138, 67, 0.10) 1px, transparent 1.5px);
  background-size: 100% 100%, 100% 100%, 42px 42px;
}

/* دیوایدر وسط */
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box::after {
  content: "";
  position: absolute;
  top: 24px;
  bottom: 24px;
  left: 50%;
  width: 1px;
  transform: translateX(-50%);
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(184, 138, 67, 0.62),
    transparent
  );
  z-index: 1;
}

/* عکس‌ها */
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-image {
  position: relative;
  z-index: 2;

  width: 100% !important;
  height: 165px !important;
  min-height: 165px !important;
  max-height: 165px !important;

  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;

  border-radius: 18px;
  border: 1.5px solid rgba(184, 138, 67, 0.78) !important;
  overflow: hidden;

  box-shadow: 0 8px 18px rgba(6, 47, 42, 0.11);
}

/* حذف قاب شیری دور عکس */
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-image .elementor-widget-image,
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-image .elementor-widget-container,
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-image .elementor-image {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 18px !important;
}

.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-image img {
  width: 100% !important;
  height: 165px !important;
  object-fit: cover !important;
  display: block !important;

  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;

  border: none !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

/* کارت‌های متنی */
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-card {
  position: relative;
  z-index: 2;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 165px !important;
  height: auto !important;
  padding: 0 18px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 13px !important;

  text-align: center;
}

/* اگر آیکون قبلی مانده باشد */
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-icon {
  display: none !important;
}

/* عنوان */
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-title,
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--ati-text) !important;
  font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.2px !important;
  text-align: center !important;
}

/* متن */
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-text,
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-text p {
  margin: 0 auto !important;
  padding: 0 !important;

  max-width: 335px;
  color: var(--ati-muted) !important;

  font-family: "Manrope", "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  letter-spacing: -0.05px !important;
  text-align: center !important;
}

/* دکمه - فونت دکمه تغییر داده نشده */
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-btn .elementor-button {
  min-width: 165px !important;
  min-height: 36px !important;
  padding: 8px 18px !important;

  border-radius: 8px !important;
  border: 1px solid rgba(184, 138, 67, 0.45) !important;

  background: linear-gradient(135deg, #ddb25e 0%, #c7903d 100%) !important;
  color: #15100a !important;

  font-size: 12.8px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.1px !important;
  text-transform: none !important;

  box-shadow: 0 7px 14px rgba(184, 138, 67, 0.18);
  transition: all 0.25s ease;
}

.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-btn .elementor-button:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #e4be70 0%, #bd8532 100%) !important;
}

.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-btn .elementor-button-icon {
  margin-left: 8px !important;
  font-size: 13px !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-508 .elementor-element.elementor-element-1e66b24 {
    padding: 10px 18px 10px 18px !important;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box,
  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box > .e-con-inner {
    grid-template-columns: 190px 1fr 1fr 190px !important;
    gap: 14px !important;
    padding: 16px !important;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-image,
  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-image img {
    height: 152px !important;
    min-height: 152px !important;
    max-height: 152px !important;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-card {
    min-height: 152px !important;
    padding: 0 10px !important;
    gap: 11px !important;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-title,
  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-title .elementor-heading-title {
    font-size: 20px !important;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-text,
  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-text p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-508 .elementor-element.elementor-element-1e66b24 {
    padding: 8px 14px !important;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box,
  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box > .e-con-inner {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 16px !important;
    border-radius: 20px;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box::after {
    display: none;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-image,
  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-image img {
    height: 170px !important;
    min-height: 170px !important;
    max-height: 170px !important;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-image-left {
    order: 1;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-card-1 {
    order: 2;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-card-2 {
    order: 3;
    border-top: 1px solid rgba(184, 138, 67, 0.35);
    padding-top: 18px !important;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-image-right {
    order: 4;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-card {
    min-height: auto !important;
    padding: 8px 6px 12px 6px !important;
    gap: 10px !important;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-title,
  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-title .elementor-heading-title {
    font-size: 22px !important;
    line-height: 1.1 !important;
  }

  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-text,
  .elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-text p {
    max-width: 300px;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }
}
/* Fix white line above + keep card slightly lower + preserve footer spacing */
.elementor-508 .elementor-element.elementor-element-1e66b24 {
  margin-top: -10px !important;
  padding-top: 12px !important;
  padding-bottom: 18px !important;
}

/* کارت کمی از بالای سکشن فاصله بگیرد، فاصله پایین حفظ شود */
.elementor-508 .elementor-element.elementor-element-1e66b24 .ati-quick-box {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}/* End custom CSS */