.elementor-261 .elementor-element.elementor-element-88985d5{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:140px;--margin-left:0px;--margin-right:0px;--padding-top:750px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-261 .elementor-element.elementor-element-88985d5:not(.elementor-motion-effects-element-type-background), .elementor-261 .elementor-element.elementor-element-88985d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sabaalinejad.arvand-tech.net/wp-content/uploads/2025/10/concept-portfo-49-compressed-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-261 .elementor-element.elementor-element-88985d5::before, .elementor-261 .elementor-element.elementor-element-88985d5 > .elementor-background-video-container::before, .elementor-261 .elementor-element.elementor-element-88985d5 > .e-con-inner > .elementor-background-video-container::before, .elementor-261 .elementor-element.elementor-element-88985d5 > .elementor-background-slideshow::before, .elementor-261 .elementor-element.elementor-element-88985d5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-261 .elementor-element.elementor-element-88985d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-261 .elementor-element.elementor-element-88985d5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-261 .elementor-element.elementor-element-d64c37d{--display:flex;--justify-content:flex-end;}.elementor-261 .elementor-element.elementor-element-286d06e{text-align:center;}.elementor-261 .elementor-element.elementor-element-286d06e .elementor-heading-title{font-family:"Rock Salt", Sans-serif;font-size:46px;mix-blend-mode:screen;color:var( --e-global-color-7907fbb6 );}.elementor-261 .elementor-element.elementor-element-2126ebb{--divider-border-style:solid;--divider-color:#626060;--divider-border-width:80px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -50px) 0px;}.elementor-261 .elementor-element.elementor-element-2126ebb .elementor-divider-separator{width:2px;margin:0 auto;margin-center:0;}.elementor-261 .elementor-element.elementor-element-2126ebb .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-261 .elementor-element.elementor-element-b40a04a{--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;--padding-top:0rem;--padding-bottom:6rem;--padding-left:0rem;--padding-right:0rem;}.elementor-261 .elementor-element.elementor-element-56842c4{--grid-columns:3;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-261 .elementor-element.elementor-element-88985d5{--width:100%;}}@media(min-width:1025px){.elementor-261 .elementor-element.elementor-element-88985d5:not(.elementor-motion-effects-element-type-background), .elementor-261 .elementor-element.elementor-element-88985d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-261 .elementor-element.elementor-element-88985d5{--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-261 .elementor-element.elementor-element-d64c37d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-261 .elementor-element.elementor-element-286d06e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-261 .elementor-element.elementor-element-56842c4{--grid-columns:2;}}@media(max-width:767px){.elementor-261 .elementor-element.elementor-element-56842c4{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-b40a04a *//* container عکس */
a[data-elementor-open-lightbox="yes"] {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;       
  max-width: 800px; 
  border-radius: 12px;
}

/* overlay آبی فقط روی hover */
a[data-elementor-open-lightbox="yes"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 139, 0); /* حالت عادی شفاف */
  transition: background 0.3s ease;
  z-index: 2; /* روی عکس */
  pointer-events: none;
}

a[data-elementor-open-lightbox="yes"]:hover::before {
  background: rgba(0, 0, 139, 0.35); /* روی hover آبی نیمه شفاف */
}

/* کپشن وسط عکس */
a[data-elementor-open-lightbox="yes"]::after {
  content: attr(data-elementor-lightbox-title); 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  padding: 8px 16px;
  border-radius: 8px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  white-space: nowrap;
  z-index: 3; /* بالاتر از overlay */
}

a[data-elementor-open-lightbox="yes"]:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.05);
}

/* zoom کردن عکس روی hover */
a[data-elementor-open-lightbox="yes"] img {
  display: block;
  object-fit: cover;  
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
  z-index: 1; /* زیر overlay */
}

a[data-elementor-open-lightbox="yes"]:hover img {
  transform: scale(1.08); 
}

/* دسکتاپ */
@media screen and (min-width: 1024px) {
  a[data-elementor-open-lightbox="yes"] img {
    height: 400px;
    object-position: center;
    border-radius: 12px;  
  }
}

/* تبلت */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  a[data-elementor-open-lightbox="yes"] img {
    min-height: 300px;
    max-height: 300px;
    min-width: 350px;
    max-width: 350px;
  }
}/* End custom CSS */