.elementor-63 .elementor-element.elementor-element-f95ac2a{--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-63 .elementor-element.elementor-element-db5b598{--display:flex;--min-height:432px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.78;}.elementor-63 .elementor-element.elementor-element-db5b598:not(.elementor-motion-effects-element-type-background), .elementor-63 .elementor-element.elementor-element-db5b598 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sbfacadesg.com/wp-content/uploads/2026/02/WhatsApp-Image-2026-02-09-at-9.26.34-PM.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-63 .elementor-element.elementor-element-db5b598::before, .elementor-63 .elementor-element.elementor-element-db5b598 > .elementor-background-video-container::before, .elementor-63 .elementor-element.elementor-element-db5b598 > .e-con-inner > .elementor-background-video-container::before, .elementor-63 .elementor-element.elementor-element-db5b598 > .elementor-background-slideshow::before, .elementor-63 .elementor-element.elementor-element-db5b598 > .e-con-inner > .elementor-background-slideshow::before, .elementor-63 .elementor-element.elementor-element-db5b598 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(241deg, #000000 0%, #D50181 100%);}.elementor-63 .elementor-element.elementor-element-2259bdb{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-63 .elementor-element.elementor-element-3d0c65e{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(220deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-63 .elementor-element.elementor-element-3d0c65e .elementor-heading-title{color:#FFFFFF;}.elementor-63 .elementor-element.elementor-element-580ff08{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-63 .elementor-element.elementor-element-5849e58{text-align:center;}.elementor-63 .elementor-element.elementor-element-5849e58 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:42px;font-weight:bold;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-63 .elementor-element.elementor-element-42bacd7{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-63 .elementor-element.elementor-element-df2eda5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:05%;--padding-left:06%;--padding-right:06%;}.elementor-63 .elementor-element.elementor-element-f74814b > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-63 .elementor-element.elementor-element-580ff08{--width:75%;}}@media(max-width:767px){.elementor-63 .elementor-element.elementor-element-db5b598{--min-height:357px;}.elementor-63 .elementor-element.elementor-element-5849e58 .elementor-heading-title{font-size:28px;}.elementor-63 .elementor-element.elementor-element-42bacd7{text-align:justify;font-size:14px;}.elementor-63 .elementor-element.elementor-element-df2eda5{--padding-top:8%;--padding-bottom:8%;--padding-left:5%;--padding-right:5%;}.elementor-63 .elementor-element.elementor-element-f74814b > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}}/* Start custom CSS for container, class: .elementor-element-580ff08 *//* 1. The Glass Container */
.elementor-63 .elementor-element.elementor-element-580ff08 {
    --border-width: 3px;
    --border-radius: 20px;
    position: relative;
    padding: 20px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: var(--border-radius);
    z-index: 1;
    /* Ensure no default border interferes */
    border: none !important;
}

/* 2. The Moving "Laser" Border */
.elementor-63 .elementor-element.elementor-element-580ff08::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--border-radius); 
    padding: var(--border-width); /* Thickness of the border */
    background: conic-gradient(
        from var(--angle),
        #ff00ea, 
        #00d4ff, 
        #ff00ea
    );
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: rotate-gradient 4s linear infinite;
    pointer-events: none;
}

/* 3. The Outer "Ambient" Glow (Optional - for more pop) */
.elementor-63 .elementor-element.elementor-element-580ff08::after {
    content: '';
    position: absolute;
    inset: -10px;
    background: conic-gradient(from var(--angle), #ff00ea, #00d4ff, #ff00ea);
    filter: blur(30px);
    opacity: 0.2;
    z-index: -1;
    animation: rotate-gradient 4s linear infinite;
    border-radius: calc(var(--border-radius) + 10px);
}

/* 4. Defining the Property for Smooth Rotation */
@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes rotate-gradient {
  to {
    --angle: 360deg;
  }
}/* End custom CSS */