.elementor-10227 .elementor-element.elementor-element-acacc98{--display:flex;}.elementor-10227 .elementor-element.elementor-element-1b76086 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-10227 .elementor-element.elementor-element-1b76086 img{border-radius:18px 18px 18px 18px;}.elementor-10227 .elementor-element.elementor-element-4f8a9e7{--display:flex;}.elementor-10227 .elementor-element.elementor-element-ab6752d{--display:flex;}@media(max-width:767px){.elementor-10227 .elementor-element.elementor-element-1b76086 img{border-radius:-65px -65px -65px -65px;}}/* Start custom CSS for html, class: .elementor-element-5509782 *//* === سکشن‌ها === */
.why-dana,
.why-us,
.para-medical-categories {
  direction: rtl;
  max-width: 1200px;
  margin: 50px auto;
  padding: 40px 20px;
  text-align: center;
  background: linear-gradient(135deg, #0f172a, #1e293b);
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.65);
  color: #ffffff;
  box-sizing: border-box;
}

/* تیتر اصلی */
.why-dana h2,
.why-us h2,
.para-medical-categories h2 {
  font-size: 2rem;
  margin-bottom: 32px;
  font-weight: 700;
  color: #facc15;
  text-shadow: 0 2px 6px rgba(0,0,0,0.55);
}

/* کانتینر کارت‌ها */
.why-dana .cards, .why-dana .cards-container,
.why-us .cards, .why-us .cards-container,
.para-medical-categories .cards, .para-medical-categories .cards-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -12px;
}

/* کارت‌ها (پایه: موبایل یک ستون) */
.why-dana .card, .why-dana .category-card,
.why-us .card, .why-us .category-card,
.para-medical-categories .card, .para-medical-categories .category-card {
  background: linear-gradient(145deg,#1e3a8a,#0f172a);
  color: #ffffff;
  margin: 12px;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 22px 18px;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.4);
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
  cursor: pointer;
  text-align: center;
}

/* هاور کارت */
.why-dana .card:hover, .why-dana .category-card:hover,
.why-us .card:hover, .why-us .category-card:hover,
.para-medical-categories .card:hover, .para-medical-categories .category-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 14px 32px rgba(0,0,0,0.7);
  background: linear-gradient(145deg,#2563eb,#1e3a8a);
}

/* تیتر کارت */
.why-dana .card h3, .why-dana .category-card h3,
.why-us .card h3, .why-us .category-card h3,
.para-medical-categories .card h3, .para-medical-categories .category-card h3 {
  font-size: 1.2rem;
  margin: 8px 0 12px;
  font-weight: 700;
  color: #facc15;
  text-shadow: 0 2px 4px rgba(0,0,0,0.4);
}

/* متن کارت */
.why-dana .card p, .why-dana .category-card p,
.why-us .card p, .why-us .category-card p,
.para-medical-categories .card p, .para-medical-categories .category-card p {
  font-size: 0.95rem;
  line-height: 1.7;
  margin: 0;
  color: #f1f5f9;
}

/* آیکون */
.why-dana .card .icon, .why-dana .category-card .icon,
.why-us .card .icon, .why-us .category-card .icon,
.para-medical-categories .card .icon, .para-medical-categories .category-card .icon {
  font-size: 42px;
  margin-bottom: 10px;
  color: #38bdf8;
  transition: transform .3s ease, color .3s ease;
}
.why-dana .card:hover .icon, .why-dana .category-card:hover .icon,
.why-us .card:hover .icon, .why-us .category-card:hover .icon,
.para-medical-categories .card:hover .icon, .para-medical-categories .category-card:hover .icon {
  transform: scale(1.1);
  color: #facc15;
}

/* === ریسپانسیو === */

/* تبلت ≥ 768px */
@media (min-width:768px){
  .why-dana .card, .why-dana .category-card,
  .why-us .card, .why-us .category-card,
  .para-medical-categories .card, .para-medical-categories .category-card {
    flex: 0 0 48%;
    max-width: 48%;
  }
}

/* لپتاپ ≥ 1024px */
@media (min-width:1024px){
  .why-dana .card, .why-dana .category-card,
  .why-us .card, .why-us .category-card,
  .para-medical-categories .card, .para-medical-categories .category-card {
    flex: 0 0 31.5%;
    max-width: 31.5%;
  }
}

/* مانیتور بزرگ ≥ 1400px */
@media (min-width:1400px){
  .why-dana .card, .why-dana .category-card,
  .why-us .card, .why-us .category-card,
  .para-medical-categories .card, .para-medical-categories .category-card {
    flex: 0 0 23%;
    max-width: 23%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f7adbc *//* فرم شماره 32 */
#gform_wrapper_32 {
  background: #1e293b;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  color: #f8fafc;
  max-width: 600px;
  margin: 40px auto;
  font-family: "IRANSans", Tahoma, sans-serif;
  text-align: right;
  direction: rtl;
}
#gform_wrapper_32 * { box-sizing: border-box; }

/* عنوان */
#gform_wrapper_32 .gform_title {
  color: #f8fafc !important;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}

/* برچسب */
#gform_wrapper_32 .gfield_label { 
  color:#f8fafc; 
  margin-bottom:6px; 
  display:block; 
}

/* فیلدها (input, textarea, select) */
#gform_wrapper_32 input,
#gform_wrapper_32 textarea,
#gform_wrapper_32 select {
  width:100%; padding:12px 16px; border:none;
  border-radius:12px; background:#334155; color:#fff;
  font-size:15px; margin-bottom:12px;
}

/* placeholder */
#gform_wrapper_32 input::placeholder,
#gform_wrapper_32 textarea::placeholder { 
  color:#f8fafc; opacity:.7; 
}

/* select options (شهرها) */
#gform_wrapper_32 select option {
  background:#ffffff;  /* پس زمینه سفید */
  color:#111827;       /* متن مشکی */
}

/* دکمه ارسال */
#gform_wrapper_32 .gform_footer input[type=submit] {
  width:100%; padding:14px; font-size:16px;
  background:#1e40af; color:#fff; border:none;
  border-radius:12px; cursor:pointer; transition:.3s;
}
#gform_wrapper_32 .gform_footer input[type=submit]:hover {
  background:#3b82f6; transform:translateY(-2px);
}

/* پیام موفقیت */
#gform_wrapper_32 .gform_confirmation_message {
  background:#065f46; color:#ecfdf5;
  padding:12px; border-radius:10px; text-align:center;
}
/* پیام خطا */
#gform_wrapper_32 .gform_validation_errors {
  background:#7f1d1d; color:#fee2e2;
  padding:10px; border-radius:10px; text-align:center;
}

/* خطای هر فیلد */
#gform_wrapper_32 .gfield_error input,
#gform_wrapper_32 .gfield_error textarea,
#gform_wrapper_32 .gfield_error select {
  box-shadow: 0 0 0 2px #ef4444 inset;
}

/* ستاره الزامی */
#gform_wrapper_32 .gfield_required { 
  color: #fbbf24; 
  margin-inline-start: 4px; 
}

/* چک‌باکس و رادیو */
#gform_wrapper_32 input[type=checkbox],
#gform_wrapper_32 input[type=radio] {
  accent-color:#3b82f6; width:18px; height:18px;
  vertical-align:middle; margin-inline-start:6px;
}

/* آپلود فایل */
#gform_wrapper_32 input[type=file] {
  width:100%; border-radius:12px; background:#334155;
  color:#f8fafc; padding:10px;
}
#gform_wrapper_32 input[type=file]::file-.elementor-10227 .elementor-element.elementor-element-8f7adbc-button {
  background:#0ea5e9; color:#fff; border:none;
  border-radius:10px; padding:8px 12px;
  margin-inline-end:8px; cursor:pointer; transition:.2s;
}
#gform_wrapper_32 input[type=file]::file-.elementor-10227 .elementor-element.elementor-element-8f7adbc-button:hover {
  background:#38bdf8;
}

/* ریسپانسیو */
@media (max-width:768px){
  #gform_wrapper_32{padding:20px;}
  #gform_wrapper_32 .gform_title{font-size:20px;}
  #gform_wrapper_32 input,
  #gform_wrapper_32 textarea,
  #gform_wrapper_32 select{font-size:14px; padding:10px 14px;}
  #gform_wrapper_32 .gform_footer input[type=submit]{font-size:15px;}
}/* End custom CSS */