.elementor-2132 .elementor-element.elementor-element-8865a2a{--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-2132 .elementor-element.elementor-element-8865a2a:not(.elementor-motion-effects-element-type-background), .elementor-2132 .elementor-element.elementor-element-8865a2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F2;}.elementor-2132 .elementor-element.elementor-element-cec9152 > .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-2132 .elementor-element.elementor-element-cec9152.elementor-element{--align-self:center;}.elementor-2132 .elementor-element.elementor-element-cec9152{text-align:center;}.elementor-2132 .elementor-element.elementor-element-cec9152 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:38px;font-weight:500;text-transform:uppercase;color:#5B4F47;}.elementor-2132 .elementor-element.elementor-element-2f9f9b3{--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-2132 .elementor-element.elementor-element-2f9f9b3:not(.elementor-motion-effects-element-type-background), .elementor-2132 .elementor-element.elementor-element-2f9f9b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F2;}.elementor-2132 .elementor-element.elementor-element-2f9f9b3::before, .elementor-2132 .elementor-element.elementor-element-2f9f9b3 > .elementor-background-video-container::before, .elementor-2132 .elementor-element.elementor-element-2f9f9b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-2132 .elementor-element.elementor-element-2f9f9b3 > .elementor-background-slideshow::before, .elementor-2132 .elementor-element.elementor-element-2f9f9b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2132 .elementor-element.elementor-element-2f9f9b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FAF8F2;--background-overlay:'';}.elementor-2132 .elementor-element.elementor-element-7526124{--display:flex;}.elementor-2132 .elementor-element.elementor-element-40d6dc3{width:100%;max-width:100%;}.elementor-2132 .elementor-element.elementor-element-40d6dc3 img{border-radius:22px 22px 22px 22px;}.elementor-2132 .elementor-element.elementor-element-e21cdfa{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2132 .elementor-element.elementor-element-72db8ba{--display:flex;}.elementor-2132 .elementor-element.elementor-element-246d636{width:100%;max-width:100%;}.elementor-2132 .elementor-element.elementor-element-246d636 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-2132 .elementor-element.elementor-element-246d636 img{border-radius:22px 22px 22px 22px;}.elementor-2132 .elementor-element.elementor-element-f3902f4{--display:flex;}@media(min-width:768px){.elementor-2132 .elementor-element.elementor-element-2f9f9b3{--content-width:930px;}.elementor-2132 .elementor-element.elementor-element-7526124{--width:50%;}.elementor-2132 .elementor-element.elementor-element-e21cdfa{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-2f9f9b3 *//* 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: 'مكتب'; /* Main word */
}

#office::after {
    content: 'شرق'; /* 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: 'جيد'; /* Main word for Jade */
}

#jade::after {
    content: 'متجر زهور'; /* 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 */