.elementor-3321 .elementor-element.elementor-element-e70fbe9{--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-3321 .elementor-element.elementor-element-706e303{--display:flex;}.elementor-3321 .elementor-element.elementor-element-3f8705a{--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-3321 .elementor-element.elementor-element-dca848e > .elementor-widget-container{padding:8px 8px 8px 8px;}.elementor-3321 .elementor-element.elementor-element-cffc35a{width:var( --container-widget-width, 34% );max-width:34%;--container-widget-width:34%;--container-widget-flex-grow:0;}.elementor-3321 .elementor-element.elementor-element-cffc35a > .elementor-widget-container{margin:-80px 0px 0px 0px;}.elementor-3321 .elementor-element.elementor-element-cffc35a img{width:20%;}.elementor-3321 .elementor-element.elementor-element-7debfb2 > .elementor-widget-container{padding:8px 8px 8px 8px;}.elementor-3321 .elementor-element.elementor-element-7debfb2 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-3321 .elementor-element.elementor-element-69aaf47.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3321 .elementor-element.elementor-element-69aaf47{font-family:"Vazirmatn", ziicode;font-size:22px;font-weight:700;}.elementor-3321 .elementor-element.elementor-element-385cb38{--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;}@media(max-width:1024px){.elementor-3321 .elementor-element.elementor-element-cffc35a{width:var( --container-widget-width, 92px );max-width:92px;--container-widget-width:92px;--container-widget-flex-grow:0;}.elementor-3321 .elementor-element.elementor-element-cffc35a img{width:100%;}}@media(max-width:767px){.elementor-3321 .elementor-element.elementor-element-3f8705a{--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-3321 .elementor-element.elementor-element-cffc35a > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-3321 .elementor-element.elementor-element-cffc35a{--container-widget-width:73px;--container-widget-flex-grow:0;width:var( --container-widget-width, 73px );max-width:73px;}.elementor-3321 .elementor-element.elementor-element-cffc35a.elementor-element{--order:-99999 /* order start hack */;}.elementor-3321 .elementor-element.elementor-element-69aaf47{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-9a792cb */.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 */