.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22728 .elementor-element.elementor-element-e472318 .elementor-heading-title{font-family:"Livvic", Sans-serif;font-size:36px;font-weight:700;color:#0A0A0A;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-22728 .elementor-element.elementor-element-6dfad8b{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2.8px;--divider-icon-size:22px;--divider-element-spacing:11px;}.elementor-22728 .elementor-element.elementor-element-6dfad8b > .elementor-widget-container{margin:-21px 0px 0px 0px;}.elementor-22728 .elementor-element.elementor-element-6dfad8b .elementor-divider-separator{width:19%;margin:0 auto;margin-left:0;}.elementor-22728 .elementor-element.elementor-element-6dfad8b .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22728 .elementor-element.elementor-element-1c35942{padding:30px 0px 0px 0px;}.elementor-22728 .elementor-element.elementor-element-d9e575b .elementor-heading-title{font-family:"Livvic", Sans-serif;font-size:36px;font-weight:700;color:#0A0A0A;}.elementor-22728 .elementor-element.elementor-element-4fa9d26{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2.4px;--divider-icon-size:21px;--divider-element-spacing:11px;}.elementor-22728 .elementor-element.elementor-element-4fa9d26 > .elementor-widget-container{margin:-21px 0px 0px 0px;}.elementor-22728 .elementor-element.elementor-element-4fa9d26 .elementor-divider-separator{width:19%;}.elementor-22728 .elementor-element.elementor-element-4fa9d26 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-22728 .elementor-element.elementor-element-c884ef9 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22728 .elementor-element.elementor-element-c884ef9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-22728 .elementor-element.elementor-element-19be920{padding:30px 0px 0px 0px;}.elementor-22728 .elementor-element.elementor-element-d149c34 .elementor-heading-title{font-family:"Livvic", Sans-serif;font-size:36px;font-weight:700;color:#0A0A0A;}.elementor-22728 .elementor-element.elementor-element-1607172{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2.4px;--divider-icon-size:21px;--divider-element-spacing:11px;}.elementor-22728 .elementor-element.elementor-element-1607172 > .elementor-widget-container{margin:-21px 0px 0px 0px;}.elementor-22728 .elementor-element.elementor-element-1607172 .elementor-divider-separator{width:8%;}.elementor-22728 .elementor-element.elementor-element-1607172 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-22728 .elementor-element.elementor-element-c6bd470 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:8px;}.elementor-22728 .elementor-element.elementor-element-b4c4228:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22728 .elementor-element.elementor-element-b4c4228 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-22728 .elementor-element.elementor-element-b4c4228 > .elementor-element-populated, .elementor-22728 .elementor-element.elementor-element-b4c4228 > .elementor-element-populated > .elementor-background-overlay, .elementor-22728 .elementor-element.elementor-element-b4c4228 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-22728 .elementor-element.elementor-element-b4c4228 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 0px 0px 0px;}.elementor-22728 .elementor-element.elementor-element-b4c4228 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22728 .elementor-element.elementor-element-da513e1 img{border-radius:10px 10px 10px 10px;}.elementor-22728 .elementor-element.elementor-element-59cf7f8:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22728 .elementor-element.elementor-element-59cf7f8 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-bc-flex-widget .elementor-22728 .elementor-element.elementor-element-59cf7f8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22728 .elementor-element.elementor-element-59cf7f8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22728 .elementor-element.elementor-element-59cf7f8 > .elementor-element-populated, .elementor-22728 .elementor-element.elementor-element-59cf7f8 > .elementor-element-populated > .elementor-background-overlay, .elementor-22728 .elementor-element.elementor-element-59cf7f8 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-22728 .elementor-element.elementor-element-59cf7f8 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 0px 0px 0px;}.elementor-22728 .elementor-element.elementor-element-59cf7f8 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22728 .elementor-element.elementor-element-8857c57 img{border-radius:10px 10px 10px 10px;}.elementor-22728 .elementor-element.elementor-element-e385cf7:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22728 .elementor-element.elementor-element-e385cf7 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-22728 .elementor-element.elementor-element-e385cf7 > .elementor-element-populated, .elementor-22728 .elementor-element.elementor-element-e385cf7 > .elementor-element-populated > .elementor-background-overlay, .elementor-22728 .elementor-element.elementor-element-e385cf7 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-22728 .elementor-element.elementor-element-e385cf7 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-22728 .elementor-element.elementor-element-e385cf7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22728 .elementor-element.elementor-element-cb648d1 img{border-radius:10px 10px 10px 10px;}.elementor-22728 .elementor-element.elementor-element-c66f43f{--display:flex;}/* Start custom CSS for html, class: .elementor-element-c585fe8 *//* Base (Desktop) */
.portfolio-preview {
  width: 100%;
  max-width: 600px;
  height: 400px;
  overflow: hidden;
  border-radius: 14px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.25);
  cursor: pointer;
  position: relative;
}

.portfolio-preview img {
  width: 100%;
  height: auto;
  transform: translateY(0);
  transition: transform 6s ease-in-out;
}

/* Hover auto scroll (Desktop only) */
@media (hover: hover) and (pointer: fine) {
  .portfolio-preview:hover img {
    transform: translateY(-75%);
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .portfolio-preview {
    max-width: 100%;
    height: 220px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .portfolio-preview {
    height: 200px;
    overflow-y: auto;           /* Allow natural swipe */
    -webkit-overflow-scrolling: touch;
  }

  .portfolio-preview img {
    transition: none;           /* Disable hover animation */
    transform: none;
  }

  /* Hide scrollbar on mobile */
  .portfolio-preview::-webkit-scrollbar {
    display: none;
  }

  .portfolio-preview {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ac072d1 *//* Base (Desktop) */
.portfolio-preview {
  width: 100%;
  max-width: 600px;
  height: 400px;
  overflow: hidden;
  border-radius: 14px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.25);
  cursor: pointer;
  position: relative;
}

.portfolio-preview img {
  width: 100%;
  height: auto;
  transform: translateY(0);
  transition: transform 6s ease-in-out;
}

/* Hover auto scroll (Desktop only) */
@media (hover: hover) and (pointer: fine) {
  .portfolio-preview:hover img {
    transform: translateY(-75%);
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .portfolio-preview {
    max-width: 100%;
    height: 220px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .portfolio-preview {
    height: 200px;
    overflow-y: auto;           /* Allow natural swipe */
    -webkit-overflow-scrolling: touch;
  }

  .portfolio-preview img {
    transition: none;           /* Disable hover animation */
    transform: none;
  }

  /* Hide scrollbar on mobile */
  .portfolio-preview::-webkit-scrollbar {
    display: none;
  }

  .portfolio-preview {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb97e26 *//* Base (Desktop) */
.portfolio-preview {
  width: 100%;
  max-width: 600px;
  height: 400px;
  overflow: hidden;
  border-radius: 14px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.25);
  cursor: pointer;
  position: relative;
}

.portfolio-preview img {
  width: 100%;
  height: auto;
  transform: translateY(0);
  transition: transform 6s ease-in-out;
}

/* Hover auto scroll (Desktop only) */
@media (hover: hover) and (pointer: fine) {
  .portfolio-preview:hover img {
    transform: translateY(-75%);
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .portfolio-preview {
    max-width: 100%;
    height: 220px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .portfolio-preview {
    height: 200px;
    overflow-y: auto;           /* Allow natural swipe */
    -webkit-overflow-scrolling: touch;
  }

  .portfolio-preview img {
    transition: none;           /* Disable hover animation */
    transform: none;
  }

  /* Hide scrollbar on mobile */
  .portfolio-preview::-webkit-scrollbar {
    display: none;
  }

  .portfolio-preview {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
}/* End custom CSS */