.elementor-16 .elementor-element.elementor-element-49bab6d{--display:flex;--min-height:85vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--overlay-opacity:1;}.elementor-16 .elementor-element.elementor-element-49bab6d:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-49bab6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yazdanrah.com/wp-content/uploads/2026/03/yazdanrah-hirosection.webp");background-position:top center;background-repeat:no-repeat;background-size:contain;}.elementor-16 .elementor-element.elementor-element-49bab6d::before, .elementor-16 .elementor-element.elementor-element-49bab6d > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-49bab6d > .e-con-inner > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-49bab6d > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-49bab6d > .e-con-inner > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-49bab6d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://yazdanrah.com/wp-content/uploads/2026/03/yazdanrah-hirosection-mobile.jpg");--background-overlay:'';background-position:top center;background-size:cover;}.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-16 .elementor-element.elementor-element-0ca3232{z-index:10;text-align:center;}.elementor-16 .elementor-element.elementor-element-0ca3232 .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-weight:600;color:#EBEBEB;}.elementor-16 .elementor-element.elementor-element-1ba6277{z-index:10;text-align:center;}.elementor-16 .elementor-element.elementor-element-1ba6277 .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-weight:300;color:#E0E0E0;}.elementor-16 .elementor-element.elementor-element-bd6d052{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;--padding-top:66px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-bd6d052:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-bd6d052 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yazdanrah.com/wp-content/uploads/2026/03/yazdanrah-hirosection-desktop.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-16 .elementor-element.elementor-element-bd6d052::before, .elementor-16 .elementor-element.elementor-element-bd6d052 > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-bd6d052 > .e-con-inner > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-bd6d052 > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-bd6d052 > .e-con-inner > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-bd6d052 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://yazdanrah.com/wp-content/uploads/2026/03/yazdanrah-hirosection-mobile.jpg");--background-overlay:'';background-position:top center;background-size:cover;}.elementor-16 .elementor-element.elementor-element-70ac362{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 11px) 0px;z-index:10;text-align:center;}.elementor-16 .elementor-element.elementor-element-70ac362 .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:2.9rem;font-weight:700;color:#EBEBEB;}.elementor-16 .elementor-element.elementor-element-6a0d429{z-index:10;text-align:center;}.elementor-16 .elementor-element.elementor-element-6a0d429 .elementor-heading-title{font-family:"IRANYekanX", Sans-serif;font-size:27px;font-weight:300;color:#E0E0E0;}.elementor-16 .elementor-element.elementor-element-581c535{z-index:10;}.elementor-16 .elementor-element.elementor-element-98b74d0{--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-16 .elementor-element.elementor-element-98b74d0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-56f4a30{--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-16 .elementor-element.elementor-element-4cf181a{--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-16 .elementor-element.elementor-element-8311834{--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-16 .elementor-element.elementor-element-d6b36d6{--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-16 .elementor-element.elementor-element-02cec95{--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;}@media(min-width:768px){.elementor-16 .elementor-element.elementor-element-49bab6d{--content-width:100%;}.elementor-16 .elementor-element.elementor-element-bd6d052{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-16 .elementor-element.elementor-element-98b74d0{--width:731.111px;}}@media(max-width:1024px){.elementor-16 .elementor-element.elementor-element-0ca3232{width:var( --container-widget-width, 439px );max-width:439px;--container-widget-width:439px;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-0ca3232.elementor-element{--align-self:center;}.elementor-16 .elementor-element.elementor-element-0ca3232 .elementor-heading-title{line-height:1.5em;}.elementor-16 .elementor-element.elementor-element-1ba6277{width:var( --container-widget-width, 444px );max-width:444px;--container-widget-width:444px;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-1ba6277 .elementor-heading-title{line-height:1.2em;}.elementor-16 .elementor-element.elementor-element-bd6d052:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-bd6d052 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-16 .elementor-element.elementor-element-70ac362{width:var( --container-widget-width, 84% );max-width:84%;--container-widget-width:84%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-70ac362.elementor-element{--align-self:center;}.elementor-16 .elementor-element.elementor-element-6a0d429{width:var( --container-widget-width, 444px );max-width:444px;--container-widget-width:444px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-49bab6d{--min-height:70vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-16 .elementor-element.elementor-element-49bab6d:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-49bab6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-16 .elementor-element.elementor-element-0ca3232{margin:112px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:10;text-align:center;}.elementor-16 .elementor-element.elementor-element-0ca3232 .elementor-heading-title{font-size:1.9rem;line-height:1.8em;}.elementor-16 .elementor-element.elementor-element-1ba6277{width:var( --container-widget-width, 69vw );max-width:69vw;margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:69vw;--container-widget-flex-grow:0;z-index:10;text-align:center;}.elementor-16 .elementor-element.elementor-element-1ba6277 .elementor-heading-title{font-size:1.1rem;line-height:1.9rem;}.elementor-16 .elementor-element.elementor-element-bd6d052{--min-height:70vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-16 .elementor-element.elementor-element-bd6d052:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-bd6d052 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-16 .elementor-element.elementor-element-70ac362{margin:112px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:10;text-align:center;}.elementor-16 .elementor-element.elementor-element-70ac362 .elementor-heading-title{font-size:1.9rem;line-height:1.8em;}.elementor-16 .elementor-element.elementor-element-6a0d429{width:var( --container-widget-width, 69vw );max-width:69vw;margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:69vw;--container-widget-flex-grow:0;z-index:10;text-align:center;}.elementor-16 .elementor-element.elementor-element-6a0d429 .elementor-heading-title{font-size:1.1rem;line-height:1.9rem;}.elementor-16 .elementor-element.elementor-element-581c535{margin:-31px -31px calc(var(--kit-widget-spacing, 0px) + -31px) -31px;z-index:10;}.elementor-16 .elementor-element.elementor-element-98b74d0{--width:371.99px;}}/* Start custom CSS for container, class: .elementor-element-49bab6d *//* ایجاد لایه گرادیان روی تصویر هیرو */
.elementor-16 .elementor-element.elementor-element-49bab6d {
    position: relative;
    overflow: hidden;
}

.elementor-16 .elementor-element.elementor-element-49bab6d::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* گرادیان از شفاف در بالا به مشکی در پایین */
    background: linear-gradient(
        180deg, 
        rgba(26, 26, 26, 0) 0%, 
        rgba(26, 26, 26, 0.2) 30%, 
        rgba(26, 26, 26, 0.8) 80%, 
        rgba(26, 26, 26, 1) 100%
    ) !important;
    z-index: 1; /* قرارگیری روی عکس */
    pointer-events: none; /* جلوگیری از تداخل با کلیک دکمه‌ها */
}

/* اطمینان از قرارگیری محتوا (متن و دکمه) روی گرادیان */
.elementor-16 .elementor-element.elementor-element-49bab6d > .elementor-container,
.elementor-16 .elementor-element.elementor-element-49bab6d > .elementor-widget-wrap {
    position: relative;
    z-index: 2 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-581c535 *//* نگهدارنده دکمه‌ها - حالت موبایل (زیر هم) */
.yazdan-hero-buttons {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 30px;
  width: 100%;
  align-items: center;
}

/* استایل پایه دکمه‌ها */
.y-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 320px;
  padding: 14px 24px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* فاصله آیکون از متن در حالت راست‌چین */
.y-btn i {
  margin-left: 10px;
  font-size: 18px;
}

/* دکمه اصلی (زرد یزدان راه) */
.y-btn-primary {
  background-color: #ffcc00; /* رنگ زرد متناسب با لوگو */
  color: #1a1a1a !important;
  border: 2px solid #ffcc00;
  box-shadow: 0 4px 15px rgba(255, 204, 0, 0.2);
}

.y-btn-primary:hover {
  background-color: #e6b800;
  border-color: #e6b800;
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(255, 204, 0, 0.4);
}

/* دکمه فرعی (شیشه‌ای/Outline) */
.y-btn-secondary {
  background-color: transparent;
  color: #ffffff !important;
  border: 2px solid #ffffff;
}

.y-btn-secondary:hover {
  background-color: #ffffff;
  color: #1a1a1a !important;
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.2);
}

/* رسپانسیو برای دسکتاپ و تبلت (کنار هم) */
@media (min-width: 768px) {
  .yazdan-hero-buttons {
    flex-direction: row;
    justify-content: center;
    width: auto;
  }
  
  .y-btn {
    width: auto;
    min-width: 200px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd6d052 *//* محدود کردن عرض کل سکشن هیرو به اندازه کانتینر سایت و وسط‌چین کردن آن */
.elementor-16 .elementor-element.elementor-element-bd6d052 {
    position: relative;
    overflow: hidden;
    max-width: 1200px; /* در صورت نیاز این عدد را با عرض دقیق کانتینر سایت خود تغییر دهید */
    margin: 0 auto !important; /* وسط‌چین کردن کل باکس در مانیتورهای بزرگ */
    border-radius: 15px; /* پیشنهاد: کمی گرد کردن گوشه‌ها برای همخوانی با کارت‌های پایین */
}

/* لایه گرادیان که حالا دقیقاً هم‌اندازه کادر تصویر محدود شده است */
.elementor-16 .elementor-element.elementor-element-bd6d052::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        180deg, 
        rgba(26, 26, 26, 0) 0%, 
        rgba(26, 26, 26, 0.2) 30%, 
        rgba(26, 26, 26, 0.8) 90%, 
        rgba(26, 26, 26, 1) 100%
    ) !important;
    z-index: 1; 
    pointer-events: none; 
}

/* اطمینان از قرارگیری محتوا (متن و دکمه) روی گرادیان */
.elementor-16 .elementor-element.elementor-element-bd6d052 > .elementor-container,
.elementor-16 .elementor-element.elementor-element-bd6d052 > .elementor-widget-wrap {
    position: relative;
    z-index: 2 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b8339f *//* =========================================
   سکشن معرفی دستگاه‌ها - یزدان راه
   ========================================= */
.devices-section {
    padding: 60px 0;
    background-color: #f9f9f9; /* یک پس‌زمینه خاکستری بسیار روشن برای جداسازی */
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
}

.devices-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* سه ستون در دسکتاپ */
    gap: 30px;
}

.device-card {
    background-color: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

.device-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 18px 45px rgba(212, 175, 55, 0.2);
}

.card-image-wrapper {
    width: 100%;
    height: 220px; /* ارتفاع ثابت برای همه عکس‌ها */
    overflow: hidden;
}

.card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* عکس‌ها را بدون تغییر نسبت، کادر را پر می‌کنند */
    transition: transform 0.4s ease;
}

.device-card:hover .card-image-wrapper img {
    transform: scale(1.08); /* افکت زوم روی عکس هنگام هاور */
}

.card-content {
    padding: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.card-title {
    font-size: 22px;
    font-weight: 800;
    color: #1a1a1a;
    margin: 0 0 10px 0;
}

.card-description {
    font-size: 14px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 20px;
    flex-grow: 1; /* این باعث می‌شود توضیحات فضا را پر کند و دکمه‌ها هم‌تراز شوند */
}

.card-specs {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
    border-top: 1px solid #f0f0f0;
    padding-top: 15px;
}

.card-specs li {
    font-size: 14px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.card-specs li::before {
    content: '✓';
    color: #d4af37;
    font-weight: bold;
}

.card-cta-button {
    display: block;
    width: 100%;
    padding: 14px 20px;
    background-color: #d4af37;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

.card-cta-button:hover {
    background-color: #c09d31;
}

/* =========================================
   تنظیمات موبایل و تبلت
   ========================================= */
@media (max-width: 992px) {
    .devices-container {
        grid-template-columns: 1fr 1fr; /* دو ستون در تبلت */
    }
}

@media (max-width: 768px) {
    .devices-container {
        grid-template-columns: 1fr; /* یک ستون در موبایل */
    }
}


a.device-card {
    text-decoration: none !important;
    color: inherit !important;
    display: flex; /* اگر قبلا در CSS برای کلاس device-card فلکس باکس تعریف کرده بودید */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f4f5d89 *//* =========================================
   استایل‌های پایه بخش خدمات
========================================= */
.services-section {
    background-color: #0d0d0d; /* تم تاریک */
    padding: 40px 0;
    direction: rtl; /* راست‌چین */
    font-family: 'IRANSans', Tahoma, sans-serif;
}

.services-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* =========================================
   استایل‌های تیتر (Header)
========================================= */
.section-header-wrapper { text-align: center; margin-bottom: 50px; }
.subtitle-badge { display: inline-block; background: rgba(234, 179, 8, 0.1); color: #eab308; padding: 6px 18px; border-radius: 50px; font-size: 0.85rem; font-weight: 500; margin-bottom: 20px; border: 1px solid rgba(234, 179, 8, 0.3); }
.section-title { font-size: 2.5rem; margin: 0 0 15px 0; font-weight: 800; }
.text-white { color: #ffffff; }
.text-gold { color: #eab308; text-shadow: 0 4px 20px rgba(234, 179, 8, 0.3); }
.section-description { color: #a1a1aa; font-size: 1.1rem; margin: 0 auto 25px; max-width: 600px; line-height: 1.8; }

.custom-divider { display: flex; align-items: center; justify-content: center; gap: 12px; }
.custom-divider .line-right { height: 2px; width: 60px; background: linear-gradient(90deg, transparent, #eab308); }
.custom-divider .line-left { height: 2px; width: 60px; background: linear-gradient(-90deg, transparent, #eab308); }
.custom-divider .dot { width: 8px; height: 8px; background: #eab308; border-radius: 50%; box-shadow: 0 0 10px #eab308; }

/* =========================================
   سیستم گرید (چیدمان کارت‌ها)
========================================= */
.services-grid {
    display: grid;
    grid-template-columns: 1fr; /* موبایل: 1 ستون */
    gap: 25px;
}

@media (min-width: 768px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr); /* تبلت: 2 ستون */
    }
}

@media (min-width: 1024px) {
    .services-grid {
        grid-template-columns: repeat(4, 1fr); /* کامپیوتر: 4 ستون */
    }
}

/* =========================================
   استایل کارت‌ها و تصاویر
========================================= */
.service-card {
    background-color: #1a1a1a;
    border: 1px solid #333;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px); /* افکت بالا رفتن با موس */
    border-color: #eab308;
}

.card-image {
    width: 100%;
    aspect-ratio: 4 / 3; /* برش خودکار 4:3 */
    overflow: hidden;
}

.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.service-card:hover .card-image img {
    transform: scale(1.05); /* زوم ملایم عکس */
}

.services-section .card-content {
    padding: 20px;
    text-align: right;
}

.services-section .card-content h3 {
    color: #eab308;
    font-size: 1.15rem;
    margin: 0 0 10px 0;
}

.services-section .card-content p {
    color: #d4d4d8;
    font-size: 0.9rem;
    line-height: 1.8;
text-align: justify; /* این دستور متن را از دو طرف تراز می‌کند */
    text-justify: inter-word; /* این دستور به مرورگر می‌گوید فاصله‌گذاری را بین کلمات انجام دهد نه حروف */
    margin: 0;
}



/* =========================================
   تبدیل گرید به اسلایدر افقی در موبایل 
========================================= */
@media (max-width: 768px) {
    /* تنظیمات کانتینر برای هر دو بخش خدمات و پروژه‌ها */
    .services-grid,
    .projects-grid {
        display: flex !important;
        flex-wrap: nowrap !important; /* جلوگیری از رفتن به خط بعد */
        overflow-x: auto; /* فعال‌سازی اسکرول افقی */
        overflow-y: hidden;
        scroll-snap-type: x mandatory; /* اسنپ شدن نرم و روان اسلایدها */
        gap: 15px;
        padding-bottom: 20px; /* فضای پایین برای سایه کارت‌ها */
        
        /* مخفی کردن اسکرول‌بار برای زیبایی بیشتر (شبیه اپلیکیشن) */
        scrollbar-width: none; /* برای فایرفاکس */
        -webkit-overflow-scrolling: touch; /* اسکرول نرم در iOS */
    }

    /* مخفی کردن نوار اسکرول در کروم و سافاری */
    .services-grid::-webkit-scrollbar,
    .projects-grid::-webkit-scrollbar {
        display: none;
    }

    /* تنظیم عرض کارت‌ها برای نمایش 1.3 اسلاید */
    .service-card,
    .project-card {
        /* عرض 75 درصد باعث می‌شود یک کارت کامل و بخشی از کارت بعدی دیده شود */
        flex: 0 0 75%; 
        max-width: 75%;
        scroll-snap-align: start; /* توقف دقیق روی لبه کارت هنگام رها کردن انگشت */
    }
}

/* برای موبایل‌های خیلی کوچک (مثل آیفون SE) */
@media (max-width: 400px) {
    .service-card,
    .project-card {
        /* در گوشی‌های خیلی کوچک عرض را کمی بیشتر می‌کنیم که متن خوانا بماند */
        flex: 0 0 85%; 
        max-width: 85%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c10da2 *//* تنظیمات پایه بخش پروژه‌ها (تم روشن) */
.projects-section {
    background-color: #f8f9fa; /* پس زمینه خاکستری بسیار روشن و مدرن */
    padding: 80px 20px;
    direction: rtl;
    font-family: 'IRANSans', Tahoma, Arial, sans-serif;
}

.projects-section .container {
    max-width: 1200px;
    margin: 0 auto;
}

/* استایل تیتر */
.projects-section .section-header {
    text-align: center;
    margin-bottom: 60px;
}

.projects-section .badge {
    display: inline-block;
    background: rgba(212, 175, 55, 0.1);
    color: #b8860b; /* طلایی تیره‌تر برای خوانایی روی پس‌زمینه روشن */
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    border: 1px solid rgba(212, 175, 55, 0.3);
}

.projects-section .main-title {
    color: #222222; /* متن تیره */
    font-size: 36px;
    margin-bottom: 15px;
}

.projects-section .main-title span {
    color: #d4af37; /* کلمه طلایی بدون سایه درخشان روی زمینه روشن */
}

.projects-section .modern-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.projects-section .modern-divider .line {
    height: 1px;
    width: 60px;
    background: linear-gradient(90deg, transparent, #d4af37, transparent);
}

.projects-section .modern-divider .dot {
    width: 8px;
    height: 8px;
    background-color: #d4af37;
    border-radius: 50%;
}

/* شبکه بندی (Grid) */
.projects-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* کارت‌های پروژه (تم روشن) */
.project-card {
    background: #ffffff; /* کارت سفید خالص */
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #eaeaea; /* حاشیه بسیار محو */
    transition: all 0.4s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,0.05); /* سایه بسیار ملایم */
}

.project-card:hover {
    transform: translateY(-10px);
    border-color: #d4af37;
    box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);
}

/* بخش تصویر کارت */
.project-image {
    position: relative;
    height: 240px;
    overflow: hidden;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.project-card:hover .project-image img {
    transform: scale(1.1);
}

.project-overlay {
    position: absolute;
    top: 15px;
    right: 15px;
}

.project-status {
    background: rgba(255, 255, 255, 0.9);
    color: #b8860b;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(212, 175, 55, 0.3);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* بخش محتوای کارت */
.project-content {
    padding: 25px;
}

.project-title {
    color: #333333; /* تیتر تیره */
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.4;
    border-bottom: 1px solid #f0f0f0; /* خط جداکننده ملایم */
    padding-bottom: 15px;
}

.project-details {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.detail-item {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.detail-label {
    color: #777777; /* لیبل خاکستری */
}

.detail-value {
    color: #111111; /* مقادیر تیره و خوانا */
    font-weight: bold;
    text-align: left;
}

/* واکنش‌گرایی (ریسپانسیو) */
@media (max-width: 992px) {
    .projects-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .projects-grid {
        grid-template-columns: 1fr;
    }
    .projects-section .main-title {
        font-size: 28px;
    }
}




/* =========================================
   تبدیل گرید به اسلایدر افقی در موبایل 
========================================= */
@media (max-width: 768px) {
    /* تنظیمات کانتینر برای هر دو بخش خدمات و پروژه‌ها */
    .services-grid,
    .projects-grid {
        display: flex !important;
        flex-wrap: nowrap !important; /* جلوگیری از رفتن به خط بعد */
        overflow-x: auto; /* فعال‌سازی اسکرول افقی */
        overflow-y: hidden;
        scroll-snap-type: x mandatory; /* اسنپ شدن نرم و روان اسلایدها */
        gap: 15px;
        padding-bottom: 20px; /* فضای پایین برای سایه کارت‌ها */
        
        /* مخفی کردن اسکرول‌بار برای زیبایی بیشتر (شبیه اپلیکیشن) */
        scrollbar-width: none; /* برای فایرفاکس */
        -webkit-overflow-scrolling: touch; /* اسکرول نرم در iOS */
    }

    /* مخفی کردن نوار اسکرول در کروم و سافاری */
    .services-grid::-webkit-scrollbar,
    .projects-grid::-webkit-scrollbar {
        display: none;
    }

    /* تنظیم عرض کارت‌ها برای نمایش 1.3 اسلاید */
    .service-card,
    .project-card {
        /* عرض 75 درصد باعث می‌شود یک کارت کامل و بخشی از کارت بعدی دیده شود */
        flex: 0 0 75%; 
        max-width: 75%;
        scroll-snap-align: start; /* توقف دقیق روی لبه کارت هنگام رها کردن انگشت */
    }
}

/* برای موبایل‌های خیلی کوچک (مثل آیفون SE) */
@media (max-width: 400px) {
    .service-card,
    .project-card {
        /* در گوشی‌های خیلی کوچک عرض را کمی بیشتر می‌کنیم که متن خوانا بماند */
        flex: 0 0 85%; 
        max-width: 85%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-623317f *//* تنظیمات کلی بخش */
.why-us-section {
    padding: 80px 20px;
    background-color: #ffffff; /* تم روشن برای تضاد با بخش خدمات */
    direction: rtl;
}

.why-us-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}

/* ستون محتوا */
.why-us-content {
    flex: 1;
    min-width: 300px;
}

.why-us-title {
    font-size: 32px;
    color: #1a1a1a;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
}

.why-us-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 4px;
    background-color: #FFCC00; /* رنگ زرد برند */
}

.why-us-description {
    color: #666;
    line-height: 1.8;
    margin-bottom: 30px;
}

/* شبکه ویژگی‌ها */
.features-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.feature-item {
    display: flex;
    gap: 15px;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    transition: 0.3s;
}

.feature-item:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    transform: translateY(-5px);
}

.feature-icon {
    background: #FFCC00;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    flex-shrink: 0;
}

.feature-text h3 {
    font-size: 18px;
    margin: 0 0 5px 0;
    color: #1a1a1a;
}

.feature-text p {
    font-size: 14px;
    color: #777;
    margin: 0;
    line-height: 1.6;
}

/* ستون تصویر */
.why-us-image {
    flex: 1;
    min-width: 300px;
}

.why-us-image img {
    width: 100%;
    border-radius: 20px;
    box-shadow: 20px 20px 0px #FFCC00; /* سایه تزئینی زرد */
}

/* ریسپانسیو موبایل */
@media (max-width: 768px) {
    .features-grid {
        grid-template-columns: 1fr;
    }
    .why-us-container {
        flex-direction: column-reverse;
    }
    .why-us-image img {
        box-shadow: 10px 10px 0px #FFCC00;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1812da */.yr-stats-section {
  background-color: #111111; /* پس‌زمینه تیره هماهنگ با سایت */
  padding: 60px 20px;
  text-align: center;
  border-top: 4px solid #F7C100; /* نوار زرد رنگ یزدان راه */
  direction: rtl;
}

.yr-stats-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.yr-stat-box {
  background: rgba(255, 255, 255, 0.05);
  padding: 30px 20px;
  border-radius: 12px;
  transition: transform 0.3s ease;
}

.yr-stat-box:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.08);
}

.yr-stat-number {
  font-size: 3rem;
  font-weight: 800;
  color: #F7C100; /* زرد سازمانی */
  margin-bottom: 10px;
  font-family: iranyekan, tahoma, sans-serif;
}

.yr-stat-text {
  font-size: 1.1rem;
  color: #ffffff;
  font-weight: 500;
}

/* ریسپانسیو برای تبلت */
@media (max-width: 992px) {
  .yr-stats-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ریسپانسیو برای موبایل */
@media (max-width: 576px) {
  .yr-stats-container {
    grid-template-columns: 1fr;
  }
  .yr-stat-number {
    font-size: 2.5rem;
  }
}/* End custom CSS */