.elementor-4625 .elementor-element.elementor-element-fc27b57{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:200px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4625 .elementor-element.elementor-element-3149481{--display:flex;}.elementor-4625 .elementor-element.elementor-element-acda7ef{--divider-border-style:solid;--divider-color:var( --e-global-color-construz_opt_primary );--divider-border-width:3px;}.elementor-4625 .elementor-element.elementor-element-acda7ef .elementor-divider-separator{width:20%;}.elementor-4625 .elementor-element.elementor-element-acda7ef .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4625 .elementor-element.elementor-element-4e491c4{--display:flex;}.elementor-4625 .elementor-element.elementor-element-79ced69{--display:flex;}.elementor-4625 .elementor-element.elementor-element-2e2ff83{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4625 .elementor-element.elementor-element-76bbc8d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4625 .elementor-element.elementor-element-e35158b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-4625 .elementor-element.elementor-element-5c695a2 .title-area{text-align:left;}.elementor-4625 .elementor-element.elementor-element-5c695a2  .title-area .sub-title img{width:25px;}.elementor-4625 .elementor-element.elementor-element-5c695a2 .title-area .sub-title img{margin:0px 15px 0px 0px;}.elementor-4625 .elementor-element.elementor-element-5c695a2 .title-area .sub-title{margin:0px 0px 24px 0px;}.elementor-4625 .elementor-element.elementor-element-5c695a2 .title-area .sec-title{margin:0px 0px 0px 0px;}.elementor-4625 .elementor-element.elementor-element-719b3a1{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-4625 .elementor-element.elementor-element-2391ac2 .btn{color:var( --e-global-color-construz_opt_white_color );background-color:var( --e-global-color-construz_opt_primary );gap:15px;font-family:"Titillium Web", Sans-serif;font-size:16px;font-weight:600;line-height:1.875em;margin:0px 0px 0px 0px;padding:15px 30px 15px 30px;border-radius:0px 0px 0px 0px;}.elementor-4625 .elementor-element.elementor-element-2391ac2 .btn::after{background-color:var( --e-global-color-construz_opt_headline );}.elementor-4625 .elementor-element.elementor-element-2391ac2 .btn::before{background-color:var( --e-global-color-construz_opt_headline );}.elementor-4625 .elementor-element.elementor-element-5218719{--display:flex;}.elementor-4625 .elementor-element.elementor-element-53c6a04{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-4625 .elementor-element.elementor-element-53c6a04 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-4625 .elementor-element.elementor-element-53c6a04:after{content:"0.66";}.elementor-4625 .elementor-element.elementor-element-53c6a04 .elementor-post__thumbnail__link{width:100%;}.elementor-4625 .elementor-element.elementor-element-53c6a04 .elementor-post__meta-data span + span:before{content:"•";}.elementor-4625 .elementor-element.elementor-element-53c6a04 .elementor-post__text{margin-top:20px;}@media(max-width:1024px){.elementor-4625 .elementor-element.elementor-element-5c695a2 .title-area .sec-title{font-size:40px;margin:0px 0px 0px 0px;}.elementor-4625 .elementor-element.elementor-element-5c695a2 .title-area .sec-text{margin:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-4625 .elementor-element.elementor-element-3149481{--width:50%;}.elementor-4625 .elementor-element.elementor-element-4e491c4{--width:50%;}}@media(max-width:767px){.elementor-4625 .elementor-element.elementor-element-76bbc8d{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-4625 .elementor-element.elementor-element-e35158b{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-4625 .elementor-element.elementor-element-5c695a2 .title-area{text-align:center;}.elementor-4625 .elementor-element.elementor-element-5c695a2 .title-area .sub-title{margin:0px 0px 20px 0px;}.elementor-4625 .elementor-element.elementor-element-5c695a2 .title-area .sec-title{font-size:30px;}.elementor-4625 .elementor-element.elementor-element-719b3a1{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-4625 .elementor-element.elementor-element-53c6a04 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-4625 .elementor-element.elementor-element-53c6a04:after{content:"0.5";}.elementor-4625 .elementor-element.elementor-element-53c6a04 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for construzsectiontitle, class: .elementor-element-5c695a2 */@media (min-width: 1025px) and (max-width: 1349px) {
    .elementor-155 .elementor-element.elementor-element-b741239 .title-area .sec-title {
        font-size: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-53c6a04 *//* ==========================================================
   Related Projects – Hover Cards (revised)
   Goal: image stays clearly visible in both states,
   no image zoom/shift on hover, softer text reveal.
   ========================================================== */

/* Container Spacing & Base Card Styling */
.related-posts .elementor-post__card {
    position: relative;
    overflow: hidden;
    background-color: #15161C !important; /* Secondary Deep Tone */
    border-radius: 4px;
    border: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.4s ease-in-out;
}

/* Brighten Badge to Match Construction Vibe */
.related-posts .elementor-post__badge {
    background-color: #ea5501 !important; /* Primary Orange */
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 6px 12px;
    border-radius: 0 0 0 4px;
    top: 0 !important;
    right: 0 !important;
    z-index: 3;
}

.elementor-posts .elementor-post__card .elementor-post__excerpt, .elementor-posts .elementor-post__card .elementor-post__title {
    margin-bottom: 10px;
}

/* Thumbnail – no scale/zoom, so the photo never "jumps" to another part of itself */
.related-posts .elementor-post__thumbnail {
    width: 100%;
    height: 100%;
}
.related-posts .elementor-post__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 0.4s ease-in-out;
}

.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {
    margin-bottom: 0px;
}

/* Subtle darken instead of zoom on hover — image stays fully visible and perfectly still */
.related-posts .elementor-post__card:hover .elementor-post__thumbnail img {
    filter: brightness(0.85);
}

/* Text layer – height now hugs its own content instead of forcing 100% of the card dark.
   The top padding is just "fade room" for the gradient, it's not solid overlay. */
.related-posts .elementor-post__text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 70px 26px 24px !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 2;
    transition: padding-top 0.4s ease-in-out;
}
/* Gradient lives on its own layer behind the text, so it never blankets the whole photo.
   Lighter than before — enough for the white title to stay readable, not a black slab. */
.related-posts .elementor-post__text::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(21, 22, 28, 0.82) 0%, rgba(21, 22, 28, 0.4) 45%, rgba(21, 22, 28, 0) 100%);
    z-index: -1;
    transition: background 0.4s ease-in-out;
}
/* Slightly more fade room when the excerpt appears — still nowhere near covering the image */
.related-posts .elementor-post__card:hover .elementor-post__text {
    padding-top: 110px;
}
/* On hover, the overlay warms up toward the brand orange instead of just staying dark */
/*.related-posts .elementor-post__card:hover .elementor-post__text::before {*/
/*    background: linear-gradient(to top, rgba(234, 85, 1, 0.85) 0%, rgba(21, 22, 28, 0.55) 45%, rgba(21, 22, 28, 0) 100%);*/
/*}*/

/* Title Styling */
.related-posts .elementor-post__title a {
    color: #ffffff !important;
    font-size: 22px;
    font-weight: 700;
    transition: color 0.3s ease;
}
.related-posts .elementor-post__card:hover .elementor-post__title a {
    color: #ea5501 !important; /* Changes to Orange on Hover */
}

/* Hide Excerpt and Read More initially, fade + slide up gently on hover (no jarring jump) */
.related-posts .elementor-post__excerpt,
.related-posts .elementor-post__read-more-wrapper {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transform: translateY(10px);
    transition: max-height 0.4s ease, opacity 0.35s ease, transform 0.35s ease, visibility 0.4s;
    margin: 0 !important;
}
.related-posts .elementor-post__excerpt p {
    color: #e0e0e0 !important;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
}
/* Hide the excerpt block completely when a project has no excerpt text
   (e.g. JL 99, Sunway Belfield) so hover doesn't reveal an empty gap */
.related-posts .elementor-post__excerpt:empty,
.related-posts .elementor-post__excerpt p:empty {
    display: none;
}

/* Hover State - Reveal Elements */
.related-posts .elementor-post__card:hover .elementor-post__excerpt {
    max-height: 100px; /* Adjust if your text is longer */
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    margin-bottom: 15px !important;
}
.related-posts .elementor-post__card:hover .elementor-post__read-more-wrapper {
    max-height: 50px;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Modern Industrial Read More Button */
.related-posts .elementor-post__read-more {
    color: #ffffff !important;
    background-color: #ea5501;
    padding: 8px 18px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 2px;
    transition: background 0.3s ease;
}
.related-posts .elementor-post__read-more:hover {
    background-color: #ffffff;
    color: #15161C !important;
}

/* Theme Matching "Load More" Button Styling */
.related-project-container .elementor-button {
    background-color: #ea5501 !important;
    color: #ffffff !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 35px !important;
    border-radius: 3px;
    transition: all 0.3s ease;
}
.related-project-container .elementor-button:hover {
    background-color: #15161C !important;
    box-shadow: 0 5px 15px rgba(234, 85, 1, 0.2);
}

@media (max-width: 767px) {
    .post-container.e-con.e-flex {
        --flex-wrap:none !important;
    }
}/* End custom CSS */
/* Start custom CSS */.breadcumb-wrapper {
    display: none;
}/* End custom CSS */