.elementor-6601 .elementor-element.elementor-element-61c8e3d{--display:flex;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-6601 .elementor-element.elementor-element-f3ea4d9{--grid-columns:2;}.elementor-6601 .elementor-element.elementor-element-f3ea4d9 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-6601 .elementor-element.elementor-element-f3ea4d9 .e-loop-item > .elementor-section, .elementor-6601 .elementor-element.elementor-element-f3ea4d9 .e-loop-item > .elementor-section > .elementor-container, .elementor-6601 .elementor-element.elementor-element-f3ea4d9 .e-loop-item > .e-con, .elementor-6601 .elementor-element.elementor-element-f3ea4d9 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-6601 .elementor-element.elementor-element-4fd04c8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;--margin-top:0100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-6601 .elementor-element.elementor-element-4fd04c8.e-con{--align-self:center;}.elementor-6601 .elementor-element.elementor-element-1b761ec{--swiper-slides-to-display:1;--swiper-slides-gap:10px;border-radius:20px 20px 20px 20px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:#000000;}.elementor-6601 .elementor-element.elementor-element-1b761ec .swiper-slide > .elementor-element{height:100%;}@media(min-width:768px){.elementor-6601 .elementor-element.elementor-element-4fd04c8{--content-width:100%;}}@media(max-width:1024px){.elementor-6601 .elementor-element.elementor-element-f3ea4d9{--grid-columns:2;}.elementor-6601 .elementor-element.elementor-element-1b761ec{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-6601 .elementor-element.elementor-element-f3ea4d9{--grid-columns:1;}.elementor-6601 .elementor-element.elementor-element-1b761ec{--swiper-slides-to-display:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-f3ea4d9 *//* ========= Portfolio (scoped only to this wrapper container) ========= */

/* Card lift */
.elementor-6601 .elementor-element.elementor-element-f3ea4d9 .portfolio-card{
  position: relative;
  transition: transform .25s ease;
}
.elementor-6601 .elementor-element.elementor-element-f3ea4d9 .portfolio-card:hover{
  transform: translateY(-6px);
}

/* Mockup background like reference + darker on hover */
.elementor-6601 .elementor-element.elementor-element-f3ea4d9 .portfolio-card .portfolio-mockup{
  background:#ffffff;
  border-radius:18px;
  padding:28px;
  overflow:hidden;
  transition: background .25s ease;
}
.elementor-6601 .elementor-element.elementor-element-f3ea4d9 .portfolio-card:hover .portfolio-mockup{
  background:#e8eaee;
}

/* Image zoom */
.elementor-6601 .elementor-element.elementor-element-f3ea4d9 .portfolio-card .portfolio-mockup img{
  display:block;
  width:100%;
  height:auto;
  transform: scale(1);
  transition: transform .25s ease;
}
.elementor-6601 .elementor-element.elementor-element-f3ea4d9 .portfolio-card:hover .portfolio-mockup img{
  transform: scale(1.03);
}

/* Arrow like your screenshot (no circle, small white patch behind, no shadow) */
.elementor-6601 .elementor-element.elementor-element-f3ea4d9 .portfolio-card .portfolio-arrow{
  position:absolute;
  top:16px;
  right:16px;

  /* show on hover */
  opacity:0;
  transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease;
  pointer-events:none;

  /* arrow bg like reference */
  background:#fff !important;      /* makes it look like it sits on white area */
  border-radius:10px !important;   /* not a circle */
  padding:6px !important;
  box-shadow:none !important;
  border:none !important;
  line-height:1 !important;
}

/* Arrow size */
.elementor-6601 .elementor-element.elementor-element-f3ea4d9 .portfolio-card .portfolio-arrow i,
.elementor-6601 .elementor-element.elementor-element-f3ea4d9 .portfolio-card .portfolio-arrow svg{
  width:22px;
  height:22px;
  font-size:22px;
}

.elementor-6601 .elementor-element.elementor-element-f3ea4d9 .portfolio-card:hover .portfolio-arrow{
  opacity:1;
  transform: translateY(0);
  pointer-events:auto;
}/* End custom CSS */