.elementor-1631 .elementor-element.elementor-element-483affb{--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;box-shadow:0px 15px 18px -22px rgba(0,0,0,0.5) inset;}.elementor-1631 .elementor-element.elementor-element-483affb:not(.elementor-motion-effects-element-type-background), .elementor-1631 .elementor-element.elementor-element-483affb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F2;}.elementor-1631 .elementor-element.elementor-element-fd1a955 > .elementor-widget-container{margin:65px 30px 30px 30px;padding:5px 5px 5px 5px;border-style:solid;border-width:0px 0px 5px 0px;border-color:#DDD1B8;border-radius:0px 0px 0px 0px;}.elementor-1631 .elementor-element.elementor-element-fd1a955.elementor-element{--align-self:center;}.elementor-1631 .elementor-element.elementor-element-fd1a955{text-align:center;}.elementor-1631 .elementor-element.elementor-element-fd1a955 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:34px;font-weight:500;text-transform:uppercase;color:#5B4F47;}.elementor-1631 .elementor-element.elementor-element-1b2be911{--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;--overlay-opacity:0.5;}.elementor-1631 .elementor-element.elementor-element-1b2be911:not(.elementor-motion-effects-element-type-background), .elementor-1631 .elementor-element.elementor-element-1b2be911 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F2;}.elementor-1631 .elementor-element.elementor-element-1b2be911::before, .elementor-1631 .elementor-element.elementor-element-1b2be911 > .elementor-background-video-container::before, .elementor-1631 .elementor-element.elementor-element-1b2be911 > .e-con-inner > .elementor-background-video-container::before, .elementor-1631 .elementor-element.elementor-element-1b2be911 > .elementor-background-slideshow::before, .elementor-1631 .elementor-element.elementor-element-1b2be911 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1631 .elementor-element.elementor-element-1b2be911 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FAF8F2;--background-overlay:'';}.elementor-1631 .elementor-element.elementor-element-40b69e02{--display:flex;}.elementor-1631 .elementor-element.elementor-element-6f766fb1{width:100%;max-width:100%;}.elementor-1631 .elementor-element.elementor-element-6f766fb1 img{border-radius:22px 22px 22px 22px;}.elementor-1631 .elementor-element.elementor-element-48b58c3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1631 .elementor-element.elementor-element-70cebb48{--display:flex;}.elementor-1631 .elementor-element.elementor-element-367722c{width:100%;max-width:100%;}.elementor-1631 .elementor-element.elementor-element-367722c > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-1631 .elementor-element.elementor-element-367722c img{border-radius:22px 22px 22px 22px;}.elementor-1631 .elementor-element.elementor-element-14779904{--display:flex;}@media(min-width:768px){.elementor-1631 .elementor-element.elementor-element-1b2be911{--content-width:930px;}.elementor-1631 .elementor-element.elementor-element-40b69e02{--width:50%;}.elementor-1631 .elementor-element.elementor-element-48b58c3{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-1b2be911 *//* General hover effect for dimming */
#office, #jade {
    position: relative;
    transition: all 0.3s ease-in-out;
}

#office:hover, #jade:hover {
    filter: brightness(90%);
}

/* Centered text */
#office::before, #jade::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 45px;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none; /* Prevent the text from interfering with hover */
}

/* Text for Office project */
#office::before {
    content: 'Office'; /* Main word */
}

#office::after {
    content: 'Sharq'; /* Second word */
    position: absolute;
    top: 60%; /* Position below the main word */
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 25px; /* Smaller text for the second word */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
}

/* Text for Jade project */
#jade::before {
    content: 'Jade'; /* Main word for Jade */
}

#jade::after {
    content: 'Floral Shop'; /* Second word for Jade */
    position: absolute;
    top: 60%; /* Position below the main word */
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 25px; /* Smaller text for the second word */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
}

#office:hover::before, #jade:hover::before,
#office:hover::after, #jade:hover::after {
    opacity: 1;
}/* End custom CSS */