.elementor-192 .elementor-element.elementor-element-a3238f9{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.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-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-192 .elementor-element.elementor-element-b89d71f .elementor-icon-wrapper{text-align:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-192 .elementor-element.elementor-element-a3238f9{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-192 .elementor-element.elementor-element-a3238f9{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:end;--align-items:center;--z-index:99;}.elementor-192 .elementor-element.elementor-element-c772e78 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-192 .elementor-element.elementor-element-c772e78{z-index:99;text-align:left;}.elementor-192 .elementor-element.elementor-element-c772e78 img{width:71%;}.elementor-192 .elementor-element.elementor-element-b89d71f > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-192 .elementor-element.elementor-element-b89d71f{z-index:99;}.elementor-192 .elementor-element.elementor-element-b89d71f .elementor-icon-wrapper{text-align:center;}.elementor-192 .elementor-element.elementor-element-b89d71f .elementor-icon{font-size:35px;}.elementor-192 .elementor-element.elementor-element-b89d71f .elementor-icon svg{height:35px;}}/* Start custom CSS for icon, class: .elementor-element-b89d71f *//* =========================================
   UNREAL ESTATE - GLASS MENU BUTTON
   ========================================= */

/* 1. The Resting Glass State */
.elementor-192 .elementor-element.elementor-element-b89d71f .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 60px !important;
    height: 60px !important;
    
    background: rgba(12, 14, 21, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Subtle blue border to match the resting UI */
    border: 1px solid rgba(100, 102, 255, 0.4) !important;
    border-radius: 14px !important; 
    
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3), 
                0 0 15px rgba(100, 102, 255, 0.15), 
                inset 0 0 8px rgba(255, 255, 255, 0.05) !important;
                
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    cursor: pointer !important;
}

/* 2. The Icon Graphic */
.elementor-192 .elementor-element.elementor-element-b89d71f .elementor-icon i,
.elementor-192 .elementor-element.elementor-element-b89d71f .elementor-icon svg {
    color: #ffffff !important;
    font-size: 20px !important;
    transition: all 0.3s ease !important;
}

/* 3. The Hover / Active Interaction */
.elementor-192 .elementor-element.elementor-element-b89d71f .elementor-icon:hover {
    background: rgba(255, 79, 216, 0.1) !important;
    border-color: rgba(255, 79, 216, 0.6) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4), 
                0 0 20px rgba(255, 79, 216, 0.4), 
                inset 0 0 10px rgba(255, 79, 216, 0.2) !important;
    transform: translateY(-2px) scale(1.05) !important;
}

.elementor-192 .elementor-element.elementor-element-b89d71f .elementor-icon:hover i,
.elementor-192 .elementor-element.elementor-element-b89d71f .elementor-icon:hover svg {
    color: #FF4FD8 !important;
    filter: drop-shadow(0 0 8px rgba(255, 79, 216, 0.8)) !important;
}/* End custom CSS */