.elementor-89 .elementor-element.elementor-element-176b822{--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-89 .elementor-element.elementor-element-625ed41{--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-89 .elementor-element.elementor-element-cce2826{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a3afb6f */:root{
  --c75-ink:#0b1220;
  --c75-ivory:#F8F3E7;
  --c75-gold:#D3B46A;
  --c75-sage:#C7D1B4;
  --c75-ember:#A2473E;

  --c75-muted: rgba(11,18,32,.66);
  --c75-soft: rgba(11,18,32,.10);
  --c75-r: 28px;

  --sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --serif: ui-serif, Georgia, "Times New Roman", serif;
}

.c75-about{
  padding: 64px 0;
  background:
    radial-gradient(1100px 700px at 8% 20%, rgba(211,180,106,.20), transparent 60%),
    radial-gradient(900px 640px at 92% 22%, rgba(199,209,180,.22), transparent 62%),
    radial-gradient(900px 640px at 70% 92%, rgba(162,71,62,.10), transparent 64%),
    linear-gradient(180deg, rgba(248,243,231,1), rgba(248,243,231,.96));
}

.c75-about__wrap{
  width: min(1240px, calc(100% - 64px));
  margin: 0 auto;
}

.c75-about__grid{
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 44px;
  align-items: center;
  min-height: 520px;
}

/* LEFT */
.c75-about__kicker{
  margin: 0 0 12px;
  font-family: var(--sans);
  font-size: 13px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(11,18,32,.55);
}

.c75-about__title{
  margin: 0 0 18px;
  font-family: var(--sans);
  font-weight: 650;
  letter-spacing: -0.04em;
  line-height: 1.02;
  color: var(--c75-ink);
  font-size: clamp(56px, 6vw, 96px);
}

.c75-about__text{
  margin: 0 0 14px;
  font-family: var(--sans);
  font-size: 20px;
  line-height: 1.6;
  color: rgba(11,18,32,.72);
}

.c75-about__sub{
  margin: 0 0 22px;
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.75;
  color: var(--c75-muted);
  max-width: 58ch;
}

.c75-about__cta{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.c75-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid rgba(211,180,106,.55);
  background: linear-gradient(180deg, rgba(211,180,106,.16), rgba(211,180,106,.08));
  color: var(--c75-ink);
  font-family: var(--sans);
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-decoration: none;
  transition: transform .12s ease;
}
.c75-btn:hover{ transform: translateY(-1px); }
.c75-btn:active{ transform: translateY(0); }

.c75-btn--ghost{
  background: transparent;
  border-color: rgba(11,18,32,.18);
  color: rgba(11,18,32,.82);
}

/* RIGHT */
.c75-about__visual{
  position: relative;
  border-radius: var(--c75-r);
  overflow: hidden;
  min-height: 520px;

  /* یک “پانل نرم” مثل نمونه */
  background:
    radial-gradient(900px 600px at 70% 30%, rgba(11,18,32,.06), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,.18));
  border: 1px solid rgba(11,18,32,.08);
}

.c75-about__visual{
  position: relative;
  border-radius: var(--c75-r);
  overflow: hidden;
  min-height: 520px;

  background:
    radial-gradient(900px 600px at 70% 30%, rgba(11,18,32,.06), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,.18));
  border: 1px solid rgba(11,18,32,.08);
}

.c75-about__img{
  position: absolute;

  /* 👇 این مهم‌ترین قسمت: کادر داخلی */
  inset: 70px 70px 70px 70px;  /* top right bottom left */ /* :contentReference[oaicite:1]{index=1} */

  width: calc(90% - 56px);
  height: calc(100% - 92px);

  object-fit: contain;            /* بدون کراپ */ /* :contentReference[oaicite:2]{index=2} */
  object-position: 85% 100%;      /* راست + پایین */ /* :contentReference[oaicite:3]{index=3} */

  filter: drop-shadow(0 26px 70px rgba(0,0,0,.28));
  transform: translateZ(0);
  pointer-events: none;
}


/* Responsive */
@media (max-width: 980px){
  .c75-about__wrap{ width: min(1240px, calc(100% - 44px)); }
  .c75-about__grid{
    grid-template-columns: 1fr;
    gap: 18px;
    min-height: 0;
  }
  .c75-about__visual{ min-height: 420px; }
  .c75-about__img{
    right: -10%;
    bottom: -10%;
    height: 110%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b1ba638 */:root{
  /* CACTUS75-inspired palette */
  --c75-ink: #0b1220;      /* deep ink for body text */
  --c75-ivory: #F8F3E7;    /* soft ivory */
  --c75-sage: #C7D1B4;     /* sage */
  --c75-gold: #D3B46A;     /* desert gold */
  --c75-ember:#A2473E;     /* muted coral/ember accent */

  --c75-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.c75-mission{
  padding: 64px 0 72px;
  background:
    radial-gradient(900px 520px at 6% 22%, rgba(211,180,106,.22), transparent 55%),
    radial-gradient(760px 520px at 92% 18%, rgba(199,209,180,.24), transparent 58%),
    radial-gradient(860px 520px at 10% 92%, rgba(162,71,62,.12), transparent 62%),
    linear-gradient(180deg, rgba(248,243,231,1), rgba(248,243,231,.96));
}

.c75-container{
  width: min(1180px, calc(100% - 64px));
  margin: 0 auto;
}

.c75-kicker{
  margin: 0 0 18px;
  fo/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69ac27c */:root{
  /* CACTUS75 palette (light cinematic) */
  --c75-ink:#0b1220;
  --c75-ink2:#09101c;
  --c75-ivory:#F8F3E7;
  --c75-gold:#D3B46A;
  --c75-sage:#C7D1B4;
  --c75-ember:#A2473E;

  --c75-muted: rgba(11,18,32,.62);
  --c75-line: rgba(11,18,32,.10);
  --c75-r: 26px;

  --c75-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.c75-highlights{
  padding: 56px 0 60px;
  background:
    radial-gradient(1100px 640px at 8% 20%, rgba(211,180,106,.20), transparent 58%),
    radial-gradient(1000px 700px at 92% 18%, rgba(199,209,180,.24), transparent 62%),
    radial-gradient(1100px 760px at 72% 92%, rgba(162,71,62,.10), transparent 64%),
    linear-gradient(180deg, rgba(248,243,231,1), rgba(248,243,231,.96));
}

.c75-wrap{
  width: min(1280px, calc(100% - 64px));
  margin: 0 auto;
}

.c75-kicker{
  margin: 0 0 18px;
  font-family: var(--c75-font);
  font-size: 28px;
  letter-spacing: -0.02em;
  color: var(--c75-ink);
}

.c75-stage{
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 48px;
  min-height: 300px;
}

.c75-year{
  font-family: var(--c75-font);
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 0.9;
  font-size: clamp(120px, 16vw, 300px);
  color: var(--c75-ink);
  transform: translateY(6px);
  opacity: .98;
}

.c75-blank{
  height: 100%;
  border-radius: var(--c75-r);
  background:
    radial-gradient(900px 520px at 70% 40%, rgba(11,18,32,.04), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.00));
}

.c75-progress{
  margin: 26px 0 18px;
}

.c75-track{
  height: 4px;
  width: 100%;
  background: rgba(11,18,32,.10);
  border-radius: 999px;
  overflow: hidden;
}

.c75-fill{
  height: 100%;
  width: 20%;
  background: linear-gradient(90deg, #D3B46A, #C7D1B4, #26bfb1);
  border-radius: 999px;
  transition: width .35s ease;
}

.c75-bottom{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: end;
}

.c75-body{
  margin: 0;
  max-width: 74ch;
  font-family: var(--c75-font);
  font-size: 22px;
  line-height: 1.65;
  color: rgba(11,18,32,.72);
}

.c75-nav{
  display: inline-flex;
  gap: 14px;
  align-items: center;
}

.c75-hex{
  width: 62px;
  height: 62px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  filter: drop-shadow(0 10px 24px rgba(11,18,32,.10));
  transition: transform .12s ease;
}
.c75-hex:hover{ transform: translateY(-1px); }
.c75-hex:active{ transform: translateY(0px); }
.c75-hex svg{ width: 62px; height: 62px; }

/* micro fade-in on change */
.is-in{
  animation: c75In .22s ease both;
}
@keyframes c75In{
  from{ opacity:.35; transform: translateY(10px); }
  to{ opacity:1; transform: translateY(0); }
}

@media (max-width: 900px){
  .c75-wrap{ width: min(1280px, calc(100% - 44px)); }
  .c75-stage{ grid-template-columns: 1fr; gap: 18px; min-height: 0; }
  .c75-blank{ display:none; }
  .c75-bottom{ grid-template-columns: 1fr; align-items: start; }
  .c75-nav{ justify-content: flex-start; }
  .c75-body{ font-size: 18px; }
}/* End custom CSS */