.elementor-36 .elementor-element.elementor-element-daecff0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-36 .elementor-element.elementor-element-11d567e{--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;--justify-content:center;}.elementor-36 .elementor-element.elementor-element-11d567e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-36 .elementor-element.elementor-element-f077bc5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 44px) 0px;}.elementor-36 .elementor-element.elementor-element-2fd0c3c{--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-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-36 .elementor-element.elementor-element-0ab0a7c .elementor-button{background-color:transparent;font-family:"IranYekan", Sans-serif;font-size:15px;font-weight:900;fill:#0184A0;color:#0184A0;background-image:linear-gradient(254deg, #00000000 0%, #0184A040 100%);border-style:solid;border-width:2px 2px 2px 2px;border-color:#0184A070;border-radius:22px 22px 22px 22px;padding:14px 23px 14px 25px;}.elementor-36 .elementor-element.elementor-element-0ab0a7c{margin:0px 18px calc(var(--kit-widget-spacing, 0px) + -90px) 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-ac71be0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}body.elementor-page-36:not(.elementor-motion-effects-element-type-background), body.elementor-page-36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #0184A047 100%);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-36 .elementor-element.elementor-element-11d567e{--width:40.723%;}.elementor-36 .elementor-element.elementor-element-2fd0c3c{--width:59%;}}/* Start custom CSS for html, class: .elementor-element-ec28797 *//* =========================
   Darya Buildings – Global
   ========================= */
:root{
  --darya-primary:#0184A0;      /* فیروزه‌ای اصلی */
  --darya-accent:#4AD1E0;       /* فیروزه‌ای روشن */
  --ink-900:#0F1F2A;            /* تیترها */
  --ink-600:#2B3E46;            /* متن توضیح */
  /* گرادیانت خیلی روشن مخصوص باکس‌ها (کارت‌ها/پنل‌ها) */
  --box-grad-1:#FFFFFF;
  --box-grad-2:#F8FEFF;         /* سفیدِ آبی‌مایه خیلی کمرنگ */
  --box-grad-3:#ECFCFF;         /* آبی فیروزه‌ای بسیار ملایم */
  --box-stroke:rgba(1,132,160,0.22);   /* استروک ظریف منطقی */
  --shadow-soft:0 8px 24px rgba(1,132,160,0.08);
  --shadow-soft-hover:0 12px 32px rgba(1,132,160,0.12);
}

/* فونت سراسری – فرض بر اینه که IranYekan قبلاً لود شده */
html, body{
  font-family:'IranYekan', sans-serif;
}

/* =========================
   About – Hero Section
   ========================= */
.about-hero{
  background: transparent;           /* اگر خواستی، همین‌جا بک‌گراند تصویری بده */
  padding: clamp(48px, 7vw, 88px) 16px;
  position: relative;
  overflow: hidden;
  direction: rtl;
}

.about-container{
  max-width: 1100px;
  margin: 0 auto;
}

.about-text{
  background: linear-gradient(180deg, var(--box-grad-1) 0%, var(--box-grad-2) 55%, var(--box-grad-3) 100%);
  border: 1px solid var(--box-stroke);
  border-radius: 20px;
  padding: clamp(22px, 4vw, 36px);
  box-shadow: var(--shadow-soft);
}

.about-title{
  margin: 0 0 12px;
  color: var(--ink-900);
  font-size: clamp(1.6rem, 3.3vw, 2.3rem);
  font-weight: 900;
  line-height: 1.25;
}

.about-title .accent{
  background: linear-gradient(90deg, var(--darya-accent), var(--darya-primary));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.about-subtext{
  margin: 8px 0 20px;
  color: var(--ink-600);
  line-height: 1.85;
  font-size: clamp(.95rem, 1.4vw, 1.05rem);
}

/* دکمه‌ها (برند) */
.about-buttons{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.btn-primary,
.btn-outline-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:14px;
  font-weight:800;
  font-size:.95rem;
  text-decoration:none;
  transition: transform .2s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}

.btn-primary{
  background: linear-gradient(135deg, #6FE2ED, var(--darya-primary));
  color:#fff;
  box-shadow: 0 8px 18px rgba(1,132,160,0.18);
}
.btn-primary:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-soft-hover);
}

.btn-outline-brand{
  background:#fff;
  color: var(--darya-primary);
  border: 1px solid var(--box-stroke);
}
.btn-outline-brand:hover{
  border-color: rgba(1,132,160,0.35);
  background: linear-gradient(180deg, #ffffff 0%, #f7feff 100%);
  transform: translateY(-2px);
}

/* =========================
   Info Belt – مزیت‌ها/ویژگی‌ها
   ========================= */
.info-belt-minimal{
  background: transparent;  /* بدون بک‌گراند کلی */
  padding: 40px 16px;
  direction: rtl;
}

.belt-container{
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 22px;
  align-items: stretch;
}

.belt-item{
  background: linear-gradient(180deg, var(--box-grad-1) 0%, var(--box-grad-2) 55%, var(--box-grad-3) 100%);
  border: 1px solid var(--box-stroke);
  border-radius: 18px;
  padding: 22px 16px;
  text-align: center;
  box-shadow: var(--shadow-soft);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.belt-item:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow-soft-hover);
  border-color: rgba(1,132,160,0.30);
}

.icon-box{
  width: 60px;
  height: 60px;
  margin: 0 auto 12px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  color:#fff;
  background: linear-gradient(145deg, #6FE2ED, var(--darya-primary));
  box-shadow: 0 6px 16px rgba(1,132,160,0.18);
  transition: transform .2s ease, box-shadow .25s ease;
}

.belt-item:hover .icon-box{
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 10px 22px rgba(1,132,160,0.22);
}

.belt-text h4{
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--ink-900);
  margin-bottom: 6px;
}

.belt-text p{
  font-size: 0.9rem;
  color: var(--ink-600);
  line-height: 1.7;
  margin: 0;
}

/* =========================
   Responsive
   ========================= */
@media (max-width: 768px){
  .belt-container{ grid-template-columns: repeat(2, 1fr); }
  .icon-box{ width:54px; height:54px; font-size:20px; }
  .btn-primary, .btn-outline-brand{ width:100%; }
}

@media (max-width: 480px){
  .belt-container{ grid-template-columns: 1fr; }
}

/* ترجیح کاربر برای کاهش موشن */
@media (prefers-reduced-motion: reduce){
  .about-text, .belt-item, .icon-box, .btn-primary, .btn-outline-brand{
    transition: none !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'IranYekan';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('http://daryabuildings.com/wp-content/uploads/2025/10/iranyekanxfanum-light.woff2') format('woff2');
}
@font-face {
	font-family: 'IranYekan';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('http://daryabuildings.com/wp-content/uploads/2025/10/iranyekanxfanum-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'IranYekan';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('http://daryabuildings.com/wp-content/uploads/2025/10/iranyekanxfanum-medium.woff2') format('woff2');
}
@font-face {
	font-family: 'IranYekan';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://daryabuildings.com/wp-content/uploads/2025/10/iranyekanxfanum-demibold.woff2') format('woff2');
}
@font-face {
	font-family: 'IranYekan';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('http://daryabuildings.com/wp-content/uploads/2025/10/iranyekanxfanum-bold.woff2') format('woff2');
}
@font-face {
	font-family: 'IranYekan';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('http://daryabuildings.com/wp-content/uploads/2025/10/iranyekanxfanum-extrabold.woff2') format('woff2');
}
@font-face {
	font-family: 'IranYekan';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('http://daryabuildings.com/wp-content/uploads/2025/10/iranyekanxfanum-black.woff2') format('woff2');
}
/* End Custom Fonts CSS */