.elementor-754 .elementor-element.elementor-element-daec1a0:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-daec1a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-754 .elementor-element.elementor-element-daec1a0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-754 .elementor-element.elementor-element-daec1a0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-754 .elementor-element.elementor-element-e9bddd8{text-align:center;}.elementor-754 .elementor-element.elementor-element-e9bddd8 .elementor-heading-title{color:#FFFFFF;}.elementor-754 .elementor-element.elementor-element-b1b4845 .bdt-post-grid .bdt-post-grid-item *{text-align:right;}.elementor-754 .elementor-element.elementor-element-b1b4845 .bdt-post-grid .bdt-secondary .bdt-post-grid-item *{text-align:center;}.elementor-754 .elementor-element.elementor-element-b1b4845 .bdt-post-grid .bdt-post-grid-title{margin-bottom:5px;}.elementor-754 .elementor-element.elementor-element-b1b4845 .bdt-post-grid .bdt-secondary .bdt-post-grid-title{margin-bottom:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-754 .elementor-element.elementor-element-2d5edf8{width:8%;}.elementor-754 .elementor-element.elementor-element-e5d50bd{width:84%;}.elementor-754 .elementor-element.elementor-element-4be912a{width:8%;}}@media(min-width:768px){.elementor-754 .elementor-element.elementor-element-2d5edf8{width:10%;}.elementor-754 .elementor-element.elementor-element-e5d50bd{width:79.998%;}.elementor-754 .elementor-element.elementor-element-4be912a{width:10%;}}/* Start custom CSS for bdt-post-grid, class: .elementor-element-b1b4845 *//* =========================
   کارت اصلی - ظریف و مینیمال
========================= */
.bdt-post-grid-item{
    border-radius:18px !important;
    overflow:hidden !important;
    background:#fff;
    box-shadow:0 6px 20px rgba(0,0,0,.06);
    transition:all .35s ease;
    border:1px solid #f0f0f0;
}

.bdt-post-grid-item:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

/* =========================
   تصویر
========================= */
.bdt-post-grid-img-wrap{
    position:relative;
    overflow:hidden !important;
}

.bdt-post-grid-img-wrap a{
    display:block;
    min-height:280px;
    background-size:cover !important;
    background-position:center !important;
    transition:transform .7s ease;
}

.bdt-post-grid-item:hover .bdt-post-grid-img-wrap a{
    transform:scale(1.06);
}

/* لایه خیلی ملایم */
.bdt-custom-overlay{
    background:linear-gradient(
        to top,
        rgba(0,0,0,.35),
        transparent
    ) !important;
    opacity:1 !important;
}

/* =========================
   عنوان داخل تصویر (کوچک و ظریف)
========================= */
.bdt-post-grid-desc{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:0 !important;
}

.bdt-post-grid-title{
    margin:0 !important;
}

.bdt-post-grid-link{
    display:block;
    padding:10px 14px;

    font-size:18px !important;
    font-weight:600;

    color:#fff !important;

    background:rgba(15,76,129,.65);

    text-align:center;

    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}

/* =========================
   بخش زیر عکس (نام نویسنده)
========================= */

/* فرض: زیر تصویر در ساختار المنتور content یا meta می‌آید */
.bdt-post-grid-content,
.bdt-post-grid-text,
.bdt-post-grid-meta{
    padding:14px 16px;
    text-align:center;
}

/* عنوان زیر تصویر (نام نویسنده یا نام پست) */
.bdt-post-grid-content a,
.bdt-post-grid-text a,
.bdt-post-grid-meta a{
    color:#222 !important;
    font-size:18px;
    font-weight:700;
    text-decoration:none;
    display:block;
    margin-top:8px;
}

/* خط زیر عنوان */
.bdt-post-grid-content a::after,
.bdt-post-grid-text a::after{
    content:"";
    display:block;
    width:40px;
    height:2px;
    background:linear-gradient(90deg,#c7a24b,#f1d58b);
    margin:10px auto 0;
    border-radius:2px;
}

/* =========================
   ریسپانسیو
========================= */
@media(max-width:768px){
    .bdt-post-grid-img-wrap a{
        min-height:220px;
    }

    .bdt-post-grid-link{
        font-size:16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9892c26 *//* ===== Section General Styling ===== */
.elementor-754 .elementor-element.elementor-element-9892c26 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: stretch;
}

/* ===== Each Column Styling ===== */
.elementor-754 .elementor-element.elementor-element-9892c26 .elementor-column {
  flex: 1;
  min-width: 200px;
}

/* ===== Image Box Styling ===== */
.elementor-754 .elementor-element.elementor-element-9892c26 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  transition: all 0.35s ease;
  box-shadow: 0 8px 25px rgba(0,0,0,0.12);
  object-fit: cover;
}

/* ===== Hover Effect (Professional Zoom + Glow) ===== */
.elementor-754 .elementor-element.elementor-element-9892c26 img:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 35px rgba(0,0,0,0.25);
  filter: brightness(1.05);
}

/* ===== Optional Card Effect for Columns ===== */
.elementor-754 .elementor-element.elementor-element-9892c26 .elementor-column {
  padding: 10px;
  transition: all 0.3s ease;
}

/* Hover on whole column */
.elementor-754 .elementor-element.elementor-element-9892c26 .elementor-column:hover {
  transform: translateY(-5px);
}

/* ===== Mobile Optimization ===== */
@media (max-width: 768px) {
  .elementor-754 .elementor-element.elementor-element-9892c26 {
    flex-direction: column;
    gap: 15px;
  }

  .elementor-754 .elementor-element.elementor-element-9892c26 .elementor-column {
    width: 100%;
  }

  .elementor-754 .elementor-element.elementor-element-9892c26 img {
    border-radius: 12px;
  }
}/* End custom CSS */