.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5186 .elementor-element.elementor-element-cc4edff{--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;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:155px;--padding-left:0px;--padding-right:0px;}.elementor-5186 .elementor-element.elementor-element-cc4edff::before, .elementor-5186 .elementor-element.elementor-element-cc4edff > .elementor-background-video-container::before, .elementor-5186 .elementor-element.elementor-element-cc4edff > .e-con-inner > .elementor-background-video-container::before, .elementor-5186 .elementor-element.elementor-element-cc4edff > .elementor-background-slideshow::before, .elementor-5186 .elementor-element.elementor-element-cc4edff > .e-con-inner > .elementor-background-slideshow::before, .elementor-5186 .elementor-element.elementor-element-cc4edff > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5186 .elementor-element.elementor-element-7212d38{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-tp-page-title .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-tp-page-title .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5186 .elementor-element.elementor-element-7133d39{width:initial;max-width:initial;}.elementor-5186 .elementor-element.elementor-element-7133d39 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5186 .elementor-element.elementor-element-7133d39.elementor-element{--align-self:center;}.elementor-5186 .elementor-element.elementor-element-7133d39 .tp-el-section{padding:0px 0px 0px 0px !important;margin:0px 0px 0px 0px !important;}.elementor-5186 .elementor-element.elementor-element-7133d39 .tp-el-title{font-size:120px;font-weight:500;line-height:1em;letter-spacing:-7.2px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-5186 .elementor-element.elementor-element-7133d39 .tp-el-desc{background:transparent;-webkit-background-clip:text;-webkit-text-fill-color:#5D5D63;color:#5D5D63;font-size:18px;font-weight:400;line-height:26px;padding:0px 0px 0px 200px;margin:0px 0px 0px 0px;}.elementor-5186 .elementor-element.elementor-element-be3b085{--display:flex;--overlay-opacity:0.5;--margin-top:-100px;--margin-bottom:-300px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5186 .elementor-element.elementor-element-be3b085:not(.elementor-motion-effects-element-type-background), .elementor-5186 .elementor-element.elementor-element-be3b085 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5186 .elementor-element.elementor-element-be3b085::before, .elementor-5186 .elementor-element.elementor-element-be3b085 > .elementor-background-video-container::before, .elementor-5186 .elementor-element.elementor-element-be3b085 > .e-con-inner > .elementor-background-video-container::before, .elementor-5186 .elementor-element.elementor-element-be3b085 > .elementor-background-slideshow::before, .elementor-5186 .elementor-element.elementor-element-be3b085 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5186 .elementor-element.elementor-element-be3b085 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5186 .elementor-element.elementor-element-be3b085 > .elementor-shape-top .elementor-shape-fill, .elementor-5186 .elementor-element.elementor-element-be3b085 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-1a58204 );}.elementor-5186 .elementor-element.elementor-element-be3b085 > .elementor-shape-top svg, .elementor-5186 .elementor-element.elementor-element-be3b085 > .e-con-inner > .elementor-shape-top svg{width:calc(139% + 1.3px);height:83px;}.elementor-widget-tp-portfolio-butterfly .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-tp-portfolio-butterfly .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5186 .elementor-element.elementor-element-db07d3d .elementor-repeater-item-96fdfa0 .tp-el-portfolio-gradient-border span{background-color:transparent;background-image:linear-gradient(90deg, #D84228 0%, #3D8371 100%);}.elementor-5186 .elementor-element.elementor-element-db07d3d .elementor-repeater-item-d97432b .tp-el-portfolio-gradient-border span{background-color:transparent;background-image:linear-gradient(90deg, #112D9A 0%, #BD293D 100%);}.elementor-5186 .elementor-element.elementor-element-db07d3d .elementor-repeater-item-4d36bda .tp-el-portfolio-gradient-border span{background-color:transparent;background-image:linear-gradient(90deg, #D57393 0%, #3774C3 100%);}.elementor-5186 .elementor-element.elementor-element-db07d3d .elementor-repeater-item-44afde0 .tp-el-portfolio-gradient-border span{background-color:transparent;background-image:linear-gradient(90deg, #D7AE3A 0%, #B52822 100%);}.elementor-5186 .elementor-element.elementor-element-db07d3d .elementor-repeater-item-c3c4c13 .tp-el-portfolio-gradient-border span{background-color:transparent;background-image:linear-gradient(90deg, #d50a29 0%, #a6cabb 100%);}.elementor-5186 .elementor-element.elementor-element-db07d3d > .elementor-widget-container{padding:0px 0px 130px 0px;}.elementor-5186 .elementor-element.elementor-element-db07d3d .tp-el-title{background:transparent;-webkit-background-clip:text;-webkit-text-fill-color:#F5F7F5;color:#F5F7F5;padding:0px 0px 40px 0px;}.elementor-5186 .elementor-element.elementor-element-db07d3d .tp-el-butterfly-btn{font-family:"Abel", Sans-serif;font-size:3.6vw;font-weight:600;color:var( --e-global-color-primary );background-color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:50px 50px 50px 50px;margin:0px 0px 0px 0px;padding:26px 26px 26px 26px;}.elementor-5186 .elementor-element.elementor-element-db07d3d .tp-el-butterfly-btn:hover{color:var( --e-global-color-accent );background-color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-5186 .elementor-element.elementor-element-09d9775{--display:flex;}.elementor-widget-tp-portfolio-horizontal .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-tp-portfolio-horizontal .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5186 .elementor-element.elementor-element-bf2cd90{--display:flex;}body.elementor-page-5186:not(.elementor-motion-effects-element-type-background), body.elementor-page-5186 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-5186 .elementor-element.elementor-element-cc4edff{--padding-top:155px;--padding-bottom:155px;--padding-left:15px;--padding-right:15px;}.elementor-5186 .elementor-element.elementor-element-7133d39{width:100%;max-width:100%;}.elementor-5186 .elementor-element.elementor-element-7133d39 .tp-el-title{font-size:110px;margin:0px 0px 0px 0px;}.elementor-5186 .elementor-element.elementor-element-7133d39 .tp-el-desc{padding:0px 38px 0px 200px;}}@media(max-width:767px){.elementor-5186 .elementor-element.elementor-element-09d9775{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:-28%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5186 .elementor-element.elementor-element-09d9775:hover{--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-5186 .elementor-element.elementor-element-33bceb3{width:initial;max-width:initial;}.elementor-5186 .elementor-element.elementor-element-33bceb3 > .elementor-widget-container{--e-transform-scale:1;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5186 .elementor-element.elementor-element-33bceb3 .tp-el-section{padding:0px 0px 0px 0px !important;margin:0px 0px 0px 0px !important;}.elementor-5186 .elementor-element.elementor-element-bf2cd90{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5186 .elementor-element.elementor-element-bf2cd90:hover{--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-5186 .elementor-element.elementor-element-5a8d8d6{width:initial;max-width:initial;}.elementor-5186 .elementor-element.elementor-element-5a8d8d6 > .elementor-widget-container{--e-transform-scale:1;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5186 .elementor-element.elementor-element-5a8d8d6 .tp-el-section{padding:0px 0px 0px 0px !important;margin:0px 0px 0px 0px !important;}}/* Start custom CSS for tp-portfolio-butterfly, class: .elementor-element-db07d3d *//* Target the ACTUAL title in your widget */
.elementor-5186 .elementor-element.elementor-element-db07d3d .tp-project-3-title-sm,
.elementor-5186 .elementor-element.elementor-element-db07d3d .tp-project-3-title-sm a{
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* Each word becomes an unbreakable chunk */
.elementor-5186 .elementor-element.elementor-element-db07d3d .tp-project-3-title-sm .pp-word{
  display: inline-flex !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  max-width: none !important;
}

/* If the theme/JS wraps letters inside, keep them glued together */
.elementor-5186 .elementor-element.elementor-element-db07d3d .tp-project-3-title-sm .pp-word *,
.elementor-5186 .elementor-element.elementor-element-db07d3d .tp-project-3-title-sm .pp-word *::before,
.elementor-5186 .elementor-element.elementor-element-db07d3d .tp-project-3-title-sm .pp-word *::after{
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  word-break: keep-all !important;
}

/* Make sure the link itself isn’t a wrapping flex container */
.elementor-5186 .elementor-element.elementor-element-db07d3d .tp-project-3-title-sm a{
  display: inline-block !important;
}/* End custom CSS */
/* Start custom CSS for tp-portfolio-horizontal, class: .elementor-element-33bceb3 *//* ================================
   LIKO Portfolio Horizontal
   Match tight 2-line spacing style
   ================================ */

/* Title */
.elementor-5186 .elementor-element.elementor-element-33bceb3 .tp-project-4-title{
  font-family: "Cinema Sunday", serif;
  font-size: clamp(40px, 9vw, 40px);

  /* SAME compact line height you liked */
  line-height: 0.65;

  /* Slightly tighter tracking */
  letter-spacing: -0.01em;

  /* Keep your vertical offset */
  margin-top: 90px;

  /* Prevent top cropping when tight */
  display: inline-block;
  padding-top: 0.30em;
  padding-bottom: 0.06em;
  overflow: visible !important;
}

/* Ensure animation wrappers behave */
.elementor-5186 .elementor-element.elementor-element-33bceb3 .tp-project-4-title div{
  font-size: inherit;
  line-height: inherit;
  overflow: visible !important;
}

/* Prevent reveal line wrappers clipping ascenders */
.elementor-5186 .elementor-element.elementor-element-33bceb3 .tp-project-4-title .tp-reveal-line-2{
  overflow: visible !important;
}

/* SAME tight gap between line 1 and line 2 */
.elementor-5186 .elementor-element.elementor-element-33bceb3 .tp-project-4-title .tp-reveal-line-2 + .tp-reveal-line-2{
  margin-top: -0.7em;
}

/* SAME tighter spacing between split letters */
.elementor-5186 .elementor-element.elementor-element-33bceb3 .tp-project-4-title div > div{
  margin-right: 0.015em;
}

/* Disable the Liko title reveal animation ONLY in this widget */
.elementor-5186 .elementor-element.elementor-element-33bceb3 .tp-project-4-title.tp_reveal_anim-2,
.elementor-5186 .elementor-element.elementor-element-33bceb3 .tp-project-4-title.tp_reveal_anim-2 *{
  animation: none !important;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
  will-change: auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09d9775 *//* 1) Make the image wrapper the overlay container */
.elementor-5186 .elementor-element.elementor-element-09d9775 .tp-project-4-thumb{
  position: relative;
}

/* 2) Black overlay on top of the image */
.elementor-5186 .elementor-element.elementor-element-09d9775 .tp-project-4-thumb::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(87,89,92,0.43); /* 43% */
  z-index: 1;
  pointer-events: none;
}

/* 3) Ensure the image is behind the overlay */
.elementor-5186 .elementor-element.elementor-element-09d9775 .tp-project-4-thumb img{
  display: block;
  position: relative;
  z-index: 0;
}/* End custom CSS */
/* Start custom CSS for tp-portfolio-horizontal, class: .elementor-element-5a8d8d6 *//* ================================
   LIKO Portfolio Horizontal
   Bring 2 lines closer + stop top clipping
   ================================ */

/* Keep text layer on top */
.elementor-5186 .elementor-element.elementor-element-5a8d8d6 .tp-project-4-content{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  pointer-events: none;
  overflow: visible !important;
}
.elementor-5186 .elementor-element.elementor-element-5a8d8d6 .tp-project-4-content a{ pointer-events: auto; }

/* Title */
.elementor-5186 .elementor-element.elementor-element-5a8d8d6 .tp-project-4-title{
  font-family: "Cinema Sunday", serif;
  font-size: clamp(40px, 9vw, 40px);
  line-height: 0.65;
  letter-spacing: -0.01em;

  position: relative;
  z-index: 11;
  margin: 0;

  display: inline-block;

  /* ✅ IMPORTANT: this was wrong in your code (7.22em) */
  padding-top: 7.70em;     /* increase/decrease slightly if needed */
  padding-bottom: 0.06em;

  overflow: visible !important;
}

/* ✅ Prevent the reveal line wrappers from clipping the font ascenders */
.elementor-5186 .elementor-element.elementor-element-5a8d8d6 .tp-project-4-title .tp-reveal-line-2{
  overflow: visible !important;
}

/* ✅ Control spacing between line 1 and line 2 */
.elementor-5186 .elementor-element.elementor-element-5a8d8d6 .tp-project-4-title .tp-reveal-line-2 + .tp-reveal-line-2{
  margin-top: -0.7em;     /* try -0.14em to -0.26em */
}

/* Tighten spacing between split letters */
.elementor-5186 .elementor-element.elementor-element-5a8d8d6 .tp-project-4-title div > div{
  margin-right: 0.015em;
}

/* Kill reveal animation + inline styles */
.elementor-5186 .elementor-element.elementor-element-5a8d8d6 .tp-project-4-title.tp_reveal_anim-2,
.elementor-5186 .elementor-element.elementor-element-5a8d8d6 .tp-project-4-title.tp_reveal_anim-2 *{
  animation: none !important;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
}

.elementor-5186 .elementor-element.elementor-element-5a8d8d6 .tp-project-4-title *,
.elementor-5186 .elementor-element.elementor-element-5a8d8d6 .tp-project-4-title div,
.elementor-5186 .elementor-element.elementor-element-5a8d8d6 .tp-project-4-title div > div{
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf2cd90 *//* 1) Make the image wrapper the overlay container */
.elementor-5186 .elementor-element.elementor-element-bf2cd90 .tp-project-4-thumb{
  position: relative;
}

/* 2) Colored overlay on top of the image */
.elementor-5186 .elementor-element.elementor-element-bf2cd90 .tp-project-4-thumb::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(87, 89, 92, 0.43); /* #57595C at 43% */
  z-index: 1;
  pointer-events: none;
}

/* 3) Ensure the image is behind the overlay */
.elementor-5186 .elementor-element.elementor-element-bf2cd90 .tp-project-4-thumb img{
  display: block;
  position: relative;
  z-index: 0;
}/* End custom CSS */