.elementor-48 .elementor-element.elementor-element-6bc353d{--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-48 .elementor-element.elementor-element-a653086{--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-48 .elementor-element.elementor-element-8871e65{--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-3cd3cff */:root{
  --brand-yellow:#facc15;
  --brand-yellow-dark:#eab308;
  --brand-gray:#374151;
  --text-dark:#111;
  --radius:14px;
  --shadow:0 10px 28px rgba(0,0,0,.1);

  /* ناوبری */
  --navbar-h: 50px;
  --navbar-pad-y: 6px;

  /* هیرو */
  --hero-extra-bottom: 120px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font:16px/1.7 Vazirmatn, IRANSans, sans-serif;
  color:var(--text-dark);
  background:#fff;
  padding-top: var(--navbar-h);
}

/* ======= TOPBAR ======= */
.topbar{
  display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
  gap:18px; min-height:32px;
  background:rgba(255,255,255,0.45);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  padding:4px 14px; border-bottom:1px solid rgba(0,0,0,.06);
  font-weight:700; color:#222;
}
.topbar a{color:#222;text-decoration:none;font-weight:700}
.topbar .sep{opacity:.6}

/* ======= NAVBAR ======= */
.navbar{
  position:fixed; top:0; left:0; right:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between;
  padding:var(--navbar-pad-y) 14px;
  background:rgba(255,255,255,0.9);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(0,0,0,0.08);
  height:var(--navbar-h);
}
.brand{ display:flex; align-items:center; gap:8px }
.brand-logo{ height:auto; max-height:40px; max-width:140px; display:block }
.brand-subtitle{ font-weight:800; font-size:15px; line-height:1.2; color:#1f2937; white-space:nowrap }
.menu a{
  color:var(--text-dark); text-decoration:none; margin:0 6px; font-weight:600;
  padding:4px 6px; border-radius:6px; transition:.2s;
}
.menu a:hover{ background:rgba(55,65,81,.08) }

/* ======= HERO ======= */
.hero{
  position:relative; background:#fff; border-radius:var(--radius);
  margin:12px; box-shadow:var(--shadow); overflow:hidden;
  padding:20px 0 var(--hero-extra-bottom);
}
.hero-container{ max-width:1200px; margin:0 auto; padding:0 20px }
.hero-grid{ display:flex; align-items:center; justify-content:space-between; gap:clamp(32px, 6vw, 80px); flex-direction:row }
.hero-copy{ flex:1 1 520px; text-align:right }
.hero-copy h1{
  font-family:Shabnam, Vazirmatn, sans-serif;
  font-size:clamp(28px, 4vw, 46px); line-height:1.25; margin-bottom:12px; color:var(--text-dark)
}
.hero-copy p{ font-size:18px; color:#333; margin-bottom:18px }
.hero-actions{ display:flex; gap:12px; flex-wrap:wrap }
.btn{
  padding:10px 18px; border-radius:var(--radius); font-weight:700; cursor:pointer;
  text-decoration:none; transition:.2s ease; font-size:15px;
}
.btn-primary{ background:var(--brand-yellow); color:#111 }
.btn-primary:hover{ background:var(--brand-yellow-dark); color:#000 }
.btn-ghost{ background:transparent; border:2px solid var(--brand-gray); color:var(--brand-gray) }
.btn-ghost:hover{ background:var(--brand-gray); color:#fff }
.hero-media{ flex:1 1 520px; display:flex; align-items:center; justify-content:center }
.hero-media img{ width:100%; max-width:540px; height:auto; display:block; object-fit:contain; background:transparent }

/* ======= HISTORY ======= */
.history{ margin:0 12px 24px }
.history-wrap{ max-width:1200px; margin:0 auto; padding:0 20px }
.history-head{ text-align:center; margin:8px 0 20px }
.history-title{
  font-family:Shabnam, Vazirmatn, sans-serif;
  font-size:clamp(22px, 3.2vw, 34px); line-height:1.3; color:var(--text-dark)
}

/* کارت بزرگ تاریخچه (Flexbox) */
section#history .history-hero-card{
  display:flex !important;
  flex-direction:row-reverse !important; /* عکس راست، متن چپ */
  align-items:flex-start !important;     /* هر دو از بالا */
  gap:clamp(16px, 3vw, 32px) !important;
  padding:16px 18px !important;
  background:#fff; border-radius:var(--radius); box-shadow:var(--shadow);
}
section#history .history-figure,
section#history .history-text{
  flex:1 1 0 !important;
  max-width:100% !important;
}
@media (min-width:993px){
  section#history .history-figure{ max-width:52% !important }
  section#history .history-text{ max-width:48% !important }
}
section#history .history-figure{
  margin:0 !important; border-radius:12px !important; overflow:hidden !important;
  box-shadow:0 12px 30px rgba(0,0,0,.08) !important; background:#fff !important;
}
section#history .history-figure img{
  width:100% !important; height:auto !important; display:block !important; object-fit:cover !important;
}
section#history .history-text{
  margin:0 !important; align-self:flex-start !important;
  text-align:justify !important; line-height:1.9 !important;
}
section#history .history-text > *{ margin-top:0 !important }
section#history .history-text p{ margin:0 0 10px !important }

/* کارت‌های پایین تاریخچه */
.history-cards{
  margin-top:18px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:14px;
}
.h-card{
  position:relative; background:#fff; border-radius:14px; box-shadow:var(--shadow);
  padding:16px 16px 18px; border:1px solid #eef0f3;
}
.h-accent{
  position:absolute; top:0; right:0; left:0; height:6px;
  background:var(--brand-yellow); border-radius:14px 14px 0 0;
}
.h-card h3{
  margin:10px 0; font-weight:800; font-size:18px; color:#111; text-align:right;
}
.h-card p{ color:#374151; font-size:15px }
.h-list{ list-style:disc inside; color:#374151; font-size:15px; display:flex; flex-direction:column; gap:6px }

/* ======= RESPONSIVE ======= */
@media (max-width: 992px){
  section#history .history-hero-card{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  section#history .history-figure,
  section#history .history-text{ max-width:100% !important }
  section#history .history-text{ text-align:right !important }
}
@media (max-width: 768px){
  :root{ --navbar-h: 44px }
  .brand-logo{ max-height:30px; max-width:110px }
  .brand-subtitle{ font-size:13px }
  .hero{ padding:16px 0 var(--hero-extra-bottom) }
  .hero-grid{ flex-direction:column; text-align:center; gap:20px }
  .hero-copy{ text-align:center }
  .hero-media img{ max-width:420px }
  .history-cards{ grid-template-columns:1fr; gap:12px }
  .h-card{ padding:14px }
  .h-card h3{ font-size:17px }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66c1533 */:root{
  --brand-yellow:#facc15;
  --brand-gray:#374151;
  --radius:14px;
  --shadow:0 6px 16px rgba(0,0,0,.08);
  --text-dark:#111;
}

body{
  font-family:Vazirmatn,Shabnam,sans-serif;
  color:var(--text-dark);
  background:#fff;
  margin:0;
}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* سرصفحه */
.page-head{
  background:#f9fafb;
  padding:20px 0;
  text-align:center;
  border-bottom:1px solid #eee;
}
.page-head .title{font-size:clamp(22px,3vw,34px);margin-bottom:6px}
.page-head .crumb{font-size:14px;color:#555}
.page-head .crumb .current-page{font-weight:700;color:#000}

/* قاب کلی */
.main-box{
  background:#f9fafb;              /* بکگراند ملایم */
  border-radius:8px;               /* گوشه‌های گرد کم */
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  padding:30px 20px;
  margin:30px auto;
}

/* درباره */
.about-section{
  display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:30px 0;
}
.about-content{flex:1 1 500px}
.about-content h2{font-size:22px;margin-bottom:12px}
.about-content p{margin-bottom:16px;color:#333}
.checklist{display:flex;flex-direction:column;gap:8px}
.check-item{font-size:15px;color:#222}
.check-item i{color:var(--brand-yellow);margin-left:6px}
.about-media{flex:1 1 400px;text-align:center}
.about-media img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}

/* عنوان سکشن */
.sec-title{text-align:center;margin:40px 0 20px}
.sec-title h3{font-size:20px;display:inline-block;margin:0 8px}
.sec-title .bar{display:inline-block;width:60px;height:3px;background:var(--brand-yellow);border-radius:3px;vertical-align:middle}

/* محصولات */
.products-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:20px;
}
.p-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:12px;
  display:flex;
  flex-direction:column;
  transition:transform .2s ease, box-shadow .2s ease;
}
.p-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.p-card img{
  width:100%;
  height:220px;          /* ارتفاع ثابت */
  object-fit:cover;
  border-radius:var(--radius);
  margin-bottom:10px;
  display:block;
}
.p-card h4{font-size:16px;margin:6px 0 4px;color:#111}
.p-card p{font-size:14px;color:#444;margin:0}

/* امکانات */
.facility-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;margin:30px 0;
}
.f-card{
  position:relative;border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);background:#fff;
}
.f-card img{width:100%;height:200px;object-fit:cover}
.f-card .cap{padding:14px}
.f-card .tag{
  display:inline-block;background:var(--brand-yellow);
  padding:4px 10px;border-radius:999px;
  font-size:13px;font-weight:600;color:#111;margin-bottom:8px;
}
.f-card p{font-size:14px;color:#333;margin:0}

/* آمار */
.stats-section{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:20px;text-align:center;margin:30px 0;
}
.stat{background:#fff;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.stat b{display:block;font-size:24px;margin-bottom:6px;color:#000}

/* CTA */
.cta-section{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:20px;background:#fff;padding:20px;border-radius:var(--radius);
  box-shadow:var(--shadow);margin-bottom:20px;
}
.cta-section h4{margin:0 0 8px;font-size:18px}
.cta-section p{margin:0;color:#444;font-size:14px}
.cta-section .actions{display:flex;gap:12px}
.btn{padding:10px 18px;border-radius:var(--radius);font-weight:700;text-decoration:none;font-size:14px;transition:.2s}
.btn-primary{background:var(--brand-yellow);color:#111}
.btn-primary:hover{background:#eab308}
.btn-ghost{border:2px solid var(--brand-gray);color:var(--brand-gray);background:transparent}
.btn-ghost:hover{background:var(--brand-gray);color:#fff}

/* ریسپانسیو */
@media(max-width:768px){
  .about-section{flex-direction:column}
  .cta-section{text-align:center;flex-direction:column}
  .p-card img{height:200px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f62a1b2 *//* ======= CLIENTS & PARTNERS ======= */
.clients{
  margin: 30px 0;
}
.clients-head{
  text-align:center;
  margin-bottom: 18px;
}
.clients-head h2{
  font-family: Shabnam, Vazirmatn, sans-serif;
  font-size: clamp(22px, 3vw, 30px);
  color: var(--text-dark);
  margin: 0 0 6px;
}
.clients-subtitle{
  color:#555;
  font-size: 14.5px;
  margin-bottom: 10px;
}
.clients-bar{
  display:inline-block;
  width: 80px;
  height: 4px;
  background: var(--brand-yellow);
  border-radius: 999px;
}

/* شبکه لوگوها */
.logo-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 14px;
  margin-top: 18px;
}

/* کارت لوگو؛ مینیمال با قاب طوسی و گوشه‌ی گرد کم */
.logo-card{
  margin:0;
  background:#fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;               /* گوشه‌های خیلی کم */
  box-shadow: var(--shadow);
  padding: 10px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height: 90px;                 /* ارتفاع ثابت برای هم‌تراز شدن */
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, opacity .2s ease;
  filter: grayscale(100%);
  opacity: .8;
}
.logo-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  filter: grayscale(0%);
  opacity: 1;
}
.logo-card img{
  max-width: 100%;
  max-height: 56px;                 /* کنترل ارتفاع لوگو */
  object-fit: contain;
  display:block;
}

/* کارت‌های معرفی همکاری (اختیاری) */
.partners-cards{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin-top: 18px;
}
.partner-card{
  position: relative;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius: 10px;              /* کمی گرد */
  box-shadow: var(--shadow);
  padding: 16px 14px 18px;
}
.partner-card h3{
  margin: 6px 0 8px;
  font-size: 16.5px;
  color: #111;
  font-weight: 800;
}
.partner-card p{
  margin:0;
  color:#374151;
  font-size: 14.5px;
  line-height: 1.9;
}
.p-accent{
  position:absolute;
  top:0; right:0; left:0;
  height: 5px;
  background: linear-gradient(90deg, var(--brand-yellow), #f5d94b);
  border-radius: 10px 10px 0 0;
}

/* CTA انتهایی */
.clients-cta{
  margin-top: 22px;
  background:#fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: var(--shadow);
  padding: 14px 16px;
  display:flex;
  align-items:center;
  justify-content: center;
  gap: 12px;
}
.clients-cta p{
  margin:0;
  color:#333;
  font-weight:600;
}
.clients-cta .btn{
  padding:8px 14px;
}

/* ریسپانسیو */
@media (max-width: 992px){
  .partners-cards{
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px){
  .partners-cards{
    grid-template-columns: 1fr;
  }
  .logo-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}/* End custom CSS */