.elementor-292 .elementor-element.elementor-element-8230ddb{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-292 .elementor-element.elementor-element-60adf40{margin-top:-150px;margin-bottom:0px;}.elementor-292 .elementor-element.elementor-element-0b23546 > .elementor-element-populated{margin:100px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-292 .elementor-element.elementor-element-ba501bb{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-292 .elementor-element.elementor-element-8943d40{--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:space-between;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF14;--border-color:#FFFFFF14;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-292 .elementor-element.elementor-element-d877b16.elementor-element{--align-self:center;}.elementor-292 .elementor-element.elementor-element-d877b16 .elementor-heading-title{font-family:"IRANSans", Sans-serif;font-size:15px;font-weight:700;color:#F5F5F7;}.elementor-292 .elementor-element.elementor-element-1dc53e7.elementor-element{--align-self:center;}.elementor-292 .elementor-element.elementor-element-1dc53e7 .elementor-heading-title{font-family:"IRANSans", Sans-serif;font-size:13px;font-weight:600;letter-spacing:0.8em;color:#8A929C;}.elementor-292 .elementor-element.elementor-element-f6d8442.elementor-element{--align-self:center;}.elementor-292 .elementor-element.elementor-element-f6d8442 .elementor-heading-title{font-family:"IRANSans", Sans-serif;font-size:13px;font-weight:600;color:#8A929C;}.elementor-292 .elementor-element.elementor-element-8f176df.elementor-element{--align-self:center;}.elementor-292 .elementor-element.elementor-element-8f176df .elementor-heading-title{font-family:"IRANSans", Sans-serif;font-size:13px;font-weight:600;color:#8A929C;}.elementor-292 .elementor-element.elementor-element-69a4f7c{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-292 .elementor-element.elementor-element-f874ba3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-292 .elementor-element.elementor-element-793d196{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-292 .elementor-element.elementor-element-793d196 > .elementor-widget-container{margin:0px 40px 0px 0px;}.elementor-292 .elementor-element.elementor-element-793d196 .elementor-heading-title{font-family:"IRANSans", Sans-serif;font-size:45px;font-weight:800;line-height:1.5em;color:#F0F0F0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-292 .elementor-element.elementor-element-fa9621a{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;font-family:"IRANSans", Sans-serif;font-size:16px;font-weight:300;}.elementor-292 .elementor-element.elementor-element-fa9621a p{margin-block-end:19px;}.elementor-292 .elementor-element.elementor-element-c12c9c0{--display:flex;--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;--align-items:center;--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-292 .elementor-element.elementor-element-c12c9c0.e-con{--align-self:center;}.elementor-292 .elementor-element.elementor-element-1c7cbd9{--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:center;}.elementor-292 .elementor-element.elementor-element-6f29b0b > .elementor-widget-container{background-image:url("http://noabco.ir/wp-content/uploads/2026/05/crystal-kwok-XUEdfpPIhXg-unsplash-1024x683.jpg");background-position:center left;background-size:cover;border-style:none;border-radius:15px 15px 15px 15px;}.elementor-292 .elementor-element.elementor-element-3090acd > .elementor-widget-container{background-image:url("http://noabco.ir/wp-content/uploads/2026/05/imani-vDQ-e3RtaoE-unsplash-1024x683.jpg");background-position:top center;background-size:cover;border-radius:15px 15px 15px 15px;}.elementor-292 .elementor-element.elementor-element-adb088c > .elementor-widget-container{background-image:url("http://noabco.ir/wp-content/uploads/2026/05/maxim-tolchinskiy-WPmlp2uyedU-unsplash-683x1024.jpg");background-position:top center;background-size:cover;border-radius:15px 15px 15px 15px;}.elementor-292 .elementor-element.elementor-element-d8cf8ee > .elementor-widget-container{background-image:url("http://noabco.ir/wp-content/uploads/2026/05/evgeniy-surzhan-VFMhqkiL6E4-unsplash-1024x683.jpg");background-size:cover;border-radius:15px 15px 15px 15px;}.elementor-292 .elementor-element.elementor-element-c4dbc6f{--display:flex;}.elementor-292 .elementor-element.elementor-element-50fe652{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-292 .elementor-element.elementor-element-03b4884{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-292 .elementor-element.elementor-element-ca581be{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-292 .elementor-element.elementor-element-ca581be > .elementor-widget-container{margin:0px 130px 0px 0px;padding:0px 0px 0px 0px;}.elementor-292 .elementor-element.elementor-element-ca581be.elementor-element{--align-self:center;}.elementor-292 .elementor-element.elementor-element-cc795a1{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-292 .elementor-element.elementor-element-cc795a1.elementor-element{--align-self:flex-start;}.elementor-292 .elementor-element.elementor-element-fd9b257{--display:flex;}.elementor-292 .elementor-element.elementor-element-fd9b257.e-con{--align-self:center;}.elementor-292 .elementor-element.elementor-element-41961cd{width:100%;max-width:100%;}.elementor-292 .elementor-element.elementor-element-41961cd > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-292 .elementor-element.elementor-element-2951a4e{width:100%;max-width:100%;}.elementor-292 .elementor-element.elementor-element-2951a4e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-292 .elementor-element.elementor-element-fb1fe8b{width:100%;max-width:100%;}.elementor-292 .elementor-element.elementor-element-fb1fe8b > .elementor-widget-container{background-image:url("http://noabco.ir/wp-content/uploads/2026/05/workers-standing-checking-beside-working-oil-pumps-1024x683.jpg");margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;}:root{--page-title-display:none;}body.elementor-page-292{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-292 .elementor-element.elementor-element-ba501bb{--width:100%;}.elementor-292 .elementor-element.elementor-element-8943d40{--content-width:1060px;}.elementor-292 .elementor-element.elementor-element-f874ba3{--width:100%;}.elementor-292 .elementor-element.elementor-element-c12c9c0{--width:95%;}.elementor-292 .elementor-element.elementor-element-50fe652{--width:100%;}.elementor-292 .elementor-element.elementor-element-03b4884{--width:100%;}.elementor-292 .elementor-element.elementor-element-fd9b257{--width:100%;}}@media(max-width:1024px){.elementor-292 .elementor-element.elementor-element-8230ddb{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-292 .elementor-element.elementor-element-8230ddb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-292 .elementor-element.elementor-element-60adf40{margin-top:0px;margin-bottom:0px;}.elementor-292 .elementor-element.elementor-element-8943d40{--justify-content:center;}.elementor-292 .elementor-element.elementor-element-d877b16{width:100%;max-width:100%;text-align:center;}.elementor-292 .elementor-element.elementor-element-f874ba3{--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:flex-start;}.elementor-292 .elementor-element.elementor-element-793d196 > .elementor-widget-container{margin:20px 20px 0px 0px;padding:0px 0px 0px 0px;}.elementor-292 .elementor-element.elementor-element-793d196{--container-widget-width:238px;--container-widget-flex-grow:0;width:var( --container-widget-width, 238px );max-width:238px;}.elementor-292 .elementor-element.elementor-element-793d196.elementor-element{--align-self:flex-start;}.elementor-292 .elementor-element.elementor-element-fa9621a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-292 .elementor-element.elementor-element-fa9621a{--container-widget-width:321px;--container-widget-flex-grow:0;width:var( --container-widget-width, 321px );max-width:321px;}.elementor-292 .elementor-element.elementor-element-c12c9c0{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-292 .elementor-element.elementor-element-50fe652{--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-292 .elementor-element.elementor-element-03b4884{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-292 .elementor-element.elementor-element-ca581be > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-292 .elementor-element.elementor-element-ca581be{--container-widget-width:262px;--container-widget-flex-grow:0;width:var( --container-widget-width, 262px );max-width:262px;}.elementor-292 .elementor-element.elementor-element-cc795a1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-292 .elementor-element.elementor-element-cc795a1.elementor-element{--order:-99999 /* order start hack */;}.elementor-292 .elementor-element.elementor-element-fb1fe8b > .elementor-widget-container{background-size:auto;}}/* Start custom CSS for text-editor, class: .elementor-element-fa9621a *//* استایل پایه لینک */
.noab-premium-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 28px !important;
  padding: 0 !important;

  color: #f5f5f7 !important;
  font-family: 'IranSansX', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;

  /* بدون هیچ خط زیرین — لینک ادیتوریال */
  border-bottom: none !important;
  transition: color 0.3s ease !important;
}

/* کنترل فلش */
.noab-premium-link .noab-link-arrow {
  display: inline-block;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* انیمیشن هنگام هاور */
.noab-premium-link:hover {
  color: #5d78ff !important;
}

.noab-premium-link:hover .noab-link-arrow {
  transform: translateX(-8px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c7cbd9 */.noab-cat-card {
  position: relative !important;
  transition: transform .5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  min-height: 450px;
}

.noab-cat-card:hover {
  transform: translateY(-6px) !important;
}

/* ۲. کانتینر تصویر — قاب اصلی: هیرلاین، سایه و زوم همین‌جا */
.noab-cat-card > .elementor-widget-container {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 15px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  box-sizing: border-box !important;
  height: 100%;
  transition: box-shadow .4s ease !important;
}

.noab-cat-card:hover > .elementor-widget-container {
  box-shadow: 0 24px 50px rgba(0, 0, 0, .45) !important;
}

/* هیرلاین آبی هاور — دقیقاً روی لبهٔ عکس */
.noab-cat-card > .elementor-widget-container::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  pointer-events: none;
  z-index: 10;
  transition: border-color .35s ease;
}

.noab-cat-card:hover > .elementor-widget-container::after {
  border-color: rgba(93, 120, 255, .45);
}

/* زوم نرم عکس پس‌زمینه در هاور */
.noab-cat-card img {
  transition: transform .8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.noab-cat-card:hover img {
  transform: scale(1.05) !important;
}

/* ۳. اسکریم محافظ متن */
.noab-cat-card > .elementor-widget-container::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(to top, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, 0) 55%) !important;
  z-index: 1;
  pointer-events: none;
  transition: background .4s ease;
}

/* ۴. کپسول متن — حالا <a> است: کل کارت کلیک‌پذیر */
.noab-cat-card .noab-content-box {
  width: 100% !important;
  padding: 36px 30px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  z-index: 5 !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
}

/* گسترش ناحیهٔ کلیک به کل کارت */
.noab-cat-card .noab-content-box::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 4;
}

/* عنوان */
.noab-cat-card .noab-cat-title {
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'IRANSansX', 'IRANSans', 'iranyekan', Tahoma, sans-serif !important;
  font-weight: 700 !important;
  font-size: 23px !important;
  letter-spacing: -.3px !important;
  color: #ffffff !important;
  text-align: right !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.5 !important;
}

/* CTA — یک متن ثابت؛ فلش در هاور به چپ سُر می‌خورد */
.noab-cat-card .noab-cat-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  font-family: 'IRANSansX', 'IRANSans', 'iranyekan', Tahoma, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, .65) !important;
  transition: color .3s ease !important;
}

.noab-cat-card .noab-cat-cta svg {
  width: 15px;
  height: 15px;
  transition: transform .35s cubic-bezier(0.16, 1, 0.3, 1), color .3s ease;
}

.noab-cat-card:hover .noab-cat-cta {
  color: #ffffff !important;
}

.noab-cat-card:hover .noab-cat-cta svg {
  transform: translateX(-5px);
  color: #9fb1ff;
}

@media (prefers-reduced-motion: reduce) {
  .noab-cat-card,
  .noab-cat-card *,
  .noab-cat-card::after {
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2951a4e *//* =========================================
   بخش اصلی و تایپوگرافی (اصلاح شده برای یکپارچگی)
========================================= */
.premium-brands {
    /* رنگ پس‌زمینه را شفاف کردیم تا رنگِ اصلیِ سایت/قالب را به خود بگیرد */
    background-color: transparent; 
    
    /* هاله نوری را به مرکز (center) برگرداندیم تا به لبه‌ها برخورد نکند و خط نیندازد */
    background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.03) 0%, transparent 65%);
    
    padding: 80px 20px;
    direction: rtl;
    font-family: 'IRANSans', 'IRANSansX', 'iranyekan', Tahoma, sans-serif; 
}
/* =========================================
   بخش عنوان و زیرعنوان
========================================= */
.brands-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 56px auto; /* فضای تنفس بیشتر در زیر تیتر */
}

.brands-header h2 {
    color: #ffffff;
    font-size: 30px; /* کمی بزرگ‌تر برای اقتدار بیشتر */
    margin-bottom: 16px;
    font-weight: 700;
    letter-spacing: -0.5px; /* فشرده‌سازی ظریف برای تیترهای مینیمال */
}

.brands-header p {
    color: #8c96a0;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 300; /* نازک‌تر شدن زیرتیتر برای ایجاد تضاد با تیتر اصلی */
}

/* =========================================
   کانتینر لوگوها
========================================= */
.brands-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch; 
    gap: 24px; 
    max-width: 1200px; 
    width: 100%;
    margin: 0 auto;
    position: relative; 
}

/* =========================================
   استایل هر کارت برند (الهام گرفته از سبک بنتو و اپل)
========================================= */
.brand-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(25% - 18px); 
    min-width: 200px;
    background: rgba(255, 255, 255, 0.015); /* کمی شفاف‌تر برای حس شیشه‌ای */
    backdrop-filter: blur(12px); /* افکت گلس‌مورفیسم */
    border: 1px solid rgba(255, 255, 255, 0.04); 
    border-radius: 16px; /* شعاع بیشتر برای نرمیِ لوکس */
    padding: 35px 20px 25px; /* پدینگ بهینه‌شده */
    text-decoration: none;
    cursor: pointer;
    /* استفاده از منحنی حرکتی (Cubic Bezier) برای انیمیشن گران‌قیمت */
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.brand-logo-box {
    width: 100%;
    height: 65px; 
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

/* =========================================
   افکت سیاه و سفید برای عکس‌ها
========================================= */
.brand-logo-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* کنتراستِ شدیدتر: در حالت عادی بسیار محو تا در زمان هاور درخشش بیشتری داشته باشد */
    filter: grayscale(100%) opacity(0.35); 
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.brand-name {
    color: #5d6773;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: color 0.4s ease;
}

/* =========================================
   افکت هاور (زمانی که موس روی کارت می‌رود)
========================================= */
.brand-item:hover {
    transform: translateY(-6px); /* حرکت نرم‌تر و کمی بیشتر */
    background: rgba(255, 255, 255, 0.04); 
    border-color: rgba(255, 255, 255, 0.15);
    /* ایجاد یک سایه‌ی عمیقِ دوتایی برای ایجاد بُعد ۳ بعدی */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(93, 120, 255, 0.05); 
}

.brand-item:hover .brand-logo-box img {
    filter: grayscale(0%) opacity(1); 
    transform: scale(1.08); /* بزرگنمایی میلی‌متری و جذاب‌تر */
}

.brand-item:hover .brand-name {
    color: #ffffff;
}

/* =========================================
   ریسپانسیو برای موبایل و تبلت
========================================= */
@media (max-width: 900px) {
    .brand-item {
        width: calc(33.333% - 25px); 
    }
}

@media (max-width: 600px) {
    .premium-brands {
        padding: 60px 15px;
    }
    .brand-item {
        width: calc(50% - 12px); /* تنظیم دقیق‌تر گپ برای موبایل */
        min-width: 140px;
        padding: 20px 15px;
    }
    .brand-logo-box {
        height: 50px;
    }
    .brands-header h2 {
        font-size: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb1fe8b *//* =========================================
   تنظیمات کلی بخش CTA و اتمسفر تاریک
========================================= */
.cta-section {
    /* استفاده از گرادیانتِ ترکیبی برای عمق دادن به عکس دستگاه‌های پمپاژ */
    background-image: 
        linear-gradient(to bottom, rgba(21, 23, 25, 0.92) 0%, rgba(21, 23, 25, 0.75) 100%), 
        url('http://noabco.ir/wp-content/uploads/2026/05/workers-standing-checking-beside-working-oil-pumps-scaled.jpg'); 
    
    background-size: cover; 
    background-position: center center;
    background-attachment: fixed; /* افکت پارالاکسِ نرم هنگام اسکرول */
    background-repeat: no-repeat; 
    background-color: #151719; 
    
    color: #ffffff;
    padding: 120px 20px; /* افزایش فضای تنفس برای القای حس لوکس بودن */
    text-align: center;
    position: relative;
    direction: rtl;
    font-family: 'IRANSans', 'IRANSansX', 'iranyekan', Tahoma, sans-serif;
}

.cta-container {
    max-width: 800px;
    margin: 0 auto;
}

/* =========================================
   تایپوگرافیِ متالیک و پریمیوم
========================================= */
.cta-title {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 18px;
    line-height: 1.4;
    letter-spacing: -0.5px; /* فشرده‌سازی ظریف تیتر */
    text-shadow: 0 10px 30px rgba(0,0,0,0.5); /* جدا کردن تیتر از پس‌زمینه */
}

.cta-subtitle {
    font-size: 17px;
    color: #a1a1a6; /* رنگ خاکستریِ متالیک اپل برای خوانایی و ظرافت */
    margin-bottom: 48px;
    line-height: 1.8;
    font-weight: 300;
}

/* =========================================
   سیستم دکمه‌های دوقلو (بدون کادر زرد و رنگ‌های متفرقه)
========================================= */
.cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap; 
}

/* استایل پایه مهندسی شده */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 36px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 6px; /* شعاعِ مهندسی‌شده و مدرن‌تر از 8px */
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); /* انیمیشن فنری و گران‌قیمت */
    cursor: pointer;
}

/* دکمه اصلی (آبیِ شارپِ برند با هاله نوری) */
.btn-primary {
    background-color: #5d78ff; 
    color: #ffffff;
    border: 1px solid rgba(93, 120, 255, 0.5); /* جایگزین کادر زرد رنگ با حاشیه هم‌رنگ و شیشه‌ای */
    box-shadow: 0 4px 15px rgba(93, 120, 255, 0.25);
}

.btn-primary:hover {
    background-color: #4a64eb;
    border-color: #4a64eb;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(93, 120, 255, 0.4);
}

/* دکمه فرعی (شیشه‌ای و نامرئی - Ghost Button) */
.btn-secondary {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.15); /* حاشیه بسیار ظریف */
    backdrop-filter: blur(5px); /* افکت گلس‌مورفیسم */
}

.btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-3px);
}

/* =========================================
   ریسپانسیو یکپارچه
========================================= */
@media (max-width: 768px) {
    .cta-section {
        padding: 80px 20px;
    }
    
    .cta-title {
        font-size: 26px;
    }
    
    .cta-subtitle {
        font-size: 15px;
        margin-bottom: 35px;
    }

    .cta-buttons {
        flex-direction: column;
        gap: 15px;
    }

    .btn {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS *//* =========================================
   دکمه‌های مینیمال کارت‌های صنایع (اصلاح شده برای فارسی)
========================================= */
.noab-minimal-btn .cz_btn {
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
    font-size: 15px !important; /* کمی بزرگتر برای خوانایی بهتر */
    font-weight: 600 !important; /* ضخیم‌تر شدن متن */
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.3s ease !important;
}

/* استایل آیکون فلش (سمت چپ) */
.noab-minimal-btn .cz_btn i {
    color: #5d78ff !important;
    transition: transform 0.3s ease !important;
    margin-left: 8px !important; /* فاصله فلش از سمت چپ متن */
    margin-right: 0 !important;
}

/* افکت هاور: پرتابِ نرم فلش به سمت چپ */
.noab-minimal-btn .cz_btn:hover i {
    transform: translateX(-6px) !important;
}

.noab-minimal-btn .cz_btn:hover strong {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5) !important;
}
/* =========================================================
   استایل کارت‌های صنایع در موبایل (Glassmorphism & Compact)
========================================================= */
@media (max-width: 768px) {
    
    /* ۱. کنترل ارتفاع و هل دادنِ هوشمندِ محتوا به پایین */
    .noab-industry-card .elementor-widget-wrap {
        min-height: 280px !important; /* ارتفاع جمع‌وجور و استاندارد */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important; /* چسباندن متن به پایین عکس */
        padding: 25px 20px !important;
        border-radius: 20px !important; /* انحنای لوکس */
        overflow: hidden !important;
    }

    /* ۲. ایجاد هاله‌ی تاریکِ ملایم از پایین به بالا (برای خوانایی متن) */
    .noab-industry-card .elementor-background-overlay {
        background: linear-gradient(to top, rgba(20, 23, 28, 0.95) 0%, rgba(20, 23, 28, 0.4) 50%, transparent 100%) !important;
        opacity: 1 !important;
    }

    /* ۳. حذف فاصله‌سازِ دستی (چون فلکس‌باکس خودش کار را انجام داد) */
    .noab-industry-card .elementor-widget-cz_gap {
        display: none !important;
    }

    /* ۴. اورراید کردنِ فونتِ بزرگِ ۲۴ پیکسلی و خوانا کردن متن */
    .noab-industry-card .cz_title h3,
    .noab-industry-card .cz_title h3 span {
        font-size: 18px !important; /* سایز متناسب با موبایل */
        color: #ffffff !important;
        margin-bottom: 12px !important;
        text-shadow: 0 4px 15px rgba(0, 0, 0, 0.7) !important; /* سایه برای تفکیک از پس‌زمینه */
        line-height: 1.4 !important;
    }

    /* ۵. مینیمال و شیشه‌ای کردن دکمه‌ی اختصاصی شما */
    .noab-industry-card .noab-minimal-btn .cz_btn {
        background: rgba(255, 255, 255, 0.1) !important; /* پس‌زمینه شیشه‌ای */
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        border-radius: 30px !important;
        padding: 10px 20px !important;
        color: #ffffff !important;
        box-shadow: none !important;
    }

    .noab-industry-card .noab-minimal-btn .cz_btn span,
    .noab-industry-card .noab-minimal-btn .cz_btn strong {
        font-size: 12px !important;
        font-weight: 500 !important;
        letter-spacing: 0px !important;
    }

    /* تنظیم فلشِ داخل دکمه */
    .noab-industry-card .noab-minimal-btn .cz_btn i {
        margin-right: 8px !important;
        font-size: 11px !important;
        color: #a3b1ff !important; /* رنگ آبی ملایم برای فلش */
    }
}
/* =========================================================
   اصلاح تایپوگرافی بیانیه هدف در موبایل (اورراید کردن استایل خطی)
========================================================= */
@media (max-width: 768px) {
    
    .mission-statement-text span {
        font-size: 15px !important; /* سایز استاندارد و مینیمال برای موبایل */
        line-height: 1.9 !important; /* ایجاد فضای تنفسِ عالی بین خطوط */
        display: block !important;
        text-align: justify !important; /* مرتب کردن لبه‌های متن مثل مجلات لوکس */
        text-align-last: center !important; /* وسط‌چین کردنِ خطِ آخرِ پاراگراف */
        padding: 0 10px !important; /* جلوگیری از چسبیدن متن به لبه‌های گوشی */
        margin-bottom: 25px !important; /* ایجاد فاصله ایمن با المان‌های پایینی */
    }
    
    /* اگر تیتر "هدف ما" هم داخل همین ویجت است، فاصله‌اش را تنظیم می‌کنیم */
    .mission-statement-text h2, 
    .mission-statement-text h3 {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */