.elementor-kit-6{--e-global-color-primary:#171717;--e-global-color-secondary:#999999;--e-global-color-text:#FFFFFF;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"danaFaNum";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"KalamehWeb_Bold";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.portfolio-card{
  position: relative;
  overflow: hidden;

}


/* تصویر داخل کارت (اختیاری برای افکت scale) */
.portfolio-card img{
  display:block;
  width:100%;
  transition: transform .45s ease;
}

/* پنل اطلاعات (سمت راست) */
.portfolio-card .overlay{
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
 
  
  /* حالت اولیه: بیرون از کادر + محو */
  transform: translateX(100%);
  opacity: 0;
  transition: transform .45s ease, opacity .45s ease;
  pointer-events: none; /* تا وقتی باز نیست، قابل کلیک نباشه */
}

/* هنگام هاور روی کارت: پنل بیاد داخل */
.portfolio-card:hover .overlay{
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

/* افکت ظریف روی تصویر (اختیاری) */
.portfolio-card:hover img{
  transform: scale(1.04);
}


/* ریسپانسیو: موبایل از پایین بیاد و تمام عرض شود */
@media (max-width: 768px){
  .portfolio-card .overlay{
    width: 100%;
    height: auto;
    bottom: 0;
    right: 0;
    transform: translateY(100%);
  }
  .portfolio-card:hover .overlay{
    transform: translateY(0);
  }
}/* End custom CSS */