.elementor-3304 .elementor-element.elementor-element-f26fe99{--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-3304 .elementor-element.elementor-element-0337c65{--display:flex;}.elementor-3304 .elementor-element.elementor-element-9c35641{--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-between;--align-items:center;}.elementor-3304 .elementor-element.elementor-element-decce59 > .elementor-widget-container{padding:8px 8px 8px 8px;}.elementor-3304 .elementor-element.elementor-element-c5a7e8f{width:var( --container-widget-width, 23% );max-width:23%;--container-widget-width:23%;--container-widget-flex-grow:0;}.elementor-3304 .elementor-element.elementor-element-c5a7e8f > .elementor-widget-container{background-color:var( --e-global-color-bda052c );margin:-60px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-3304 .elementor-element.elementor-element-c5a7e8f img{width:100%;border-radius:12px 12px 12px 12px;}.elementor-3304 .elementor-element.elementor-element-2d9dfa9 > .elementor-widget-container{padding:8px 8px 8px 8px;}.elementor-3304 .elementor-element.elementor-element-2d9dfa9 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-3304 .elementor-element.elementor-element-267b2f8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3304 .elementor-element.elementor-element-267b2f8{font-family:"Vazirmatn", ziicode;font-size:22px;font-weight:700;}@media(max-width:1024px){.elementor-3304 .elementor-element.elementor-element-c5a7e8f{width:var( --container-widget-width, 180px );max-width:180px;--container-widget-width:180px;--container-widget-flex-grow:0;}.elementor-3304 .elementor-element.elementor-element-c5a7e8f img{width:100%;}}@media(max-width:767px){.elementor-3304 .elementor-element.elementor-element-9c35641{--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-3304 .elementor-element.elementor-element-c5a7e8f > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-3304 .elementor-element.elementor-element-c5a7e8f{--container-widget-width:161px;--container-widget-flex-grow:0;width:var( --container-widget-width, 161px );max-width:161px;}.elementor-3304 .elementor-element.elementor-element-c5a7e8f.elementor-element{--order:-99999 /* order start hack */;}.elementor-3304 .elementor-element.elementor-element-267b2f8{width:var( --container-widget-width, 322.266px );max-width:322.266px;--container-widget-width:322.266px;--container-widget-flex-grow:0;font-size:17px;}}/* Start custom CSS for html, class: .elementor-element-64b0732 */.portfolio-live-preview {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
  border-radius: 22px;
  cursor: pointer;
  background: #111;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
  -webkit-tap-highlight-color: transparent;
}

.portfolio-live-preview img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
  transform: translate3d(0, 0, 0);
  transition: transform 10s ease-in-out;
  will-change: transform;
  image-rendering: auto;
  backface-visibility: hidden;
}

.portfolio-live-preview:hover img,
.portfolio-live-preview:focus img,
.portfolio-live-preview:active img {
  transform: translate3d(0, calc(var(--scroll-distance, 0px) * -1), 0);
}/* End custom CSS */