.elementor-828 .elementor-element.elementor-element-4df8d0{--display:flex;--min-height:580px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--overlay-opacity:0.5;}.elementor-828 .elementor-element.elementor-element-4df8d0:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-4df8d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;background-image:url("https://gibson-braggrealestate.com/wp-content/uploads/2026/06/b108f7b4-26e3-4b18-b638-9f6a0cf4b886-1-1.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-4df8d0::before, .elementor-828 .elementor-element.elementor-element-4df8d0 > .elementor-background-video-container::before, .elementor-828 .elementor-element.elementor-element-4df8d0 > .e-con-inner > .elementor-background-video-container::before, .elementor-828 .elementor-element.elementor-element-4df8d0 > .elementor-background-slideshow::before, .elementor-828 .elementor-element.elementor-element-4df8d0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-828 .elementor-element.elementor-element-4df8d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-828 .elementor-element.elementor-element-3587daeb{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-828 .elementor-element.elementor-element-3587daeb .elementor-heading-title{font-family:"Compass Serif", Sans-serif;font-size:60px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-1px;color:#FFFFFF;}.elementor-828 .elementor-element.elementor-element-4afbc37{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-122bf6e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-be61214{--display:flex;--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-be61214:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-be61214 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gibson-braggrealestate.com/wp-content/uploads/2026/07/vv.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-38e1dda{padding:0px 50px 0px 50px;text-align:center;}.elementor-828 .elementor-element.elementor-element-38e1dda .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-fb23816{--display:flex;--min-height:350px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-fb23816:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-fb23816 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gibson-braggrealestate.com/wp-content/uploads/2026/07/Venice-Beach.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-730f3c7{padding:0px 50px 0px 50px;text-align:center;}.elementor-828 .elementor-element.elementor-element-730f3c7 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-b127af7{--display:flex;--min-height:350px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-b127af7:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-b127af7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gibson-braggrealestate.com/wp-content/uploads/2026/08/PLAYA-VISTA.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-783d0f1{padding:0px 50px 0px 50px;text-align:center;}.elementor-828 .elementor-element.elementor-element-783d0f1 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-7ae0c0a{--display:flex;--min-height:350px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-7ae0c0a:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-7ae0c0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gibson-braggrealestate.com/wp-content/uploads/2026/07/Culver-City.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-4dea5b1{padding:0px 50px 0px 50px;text-align:center;}.elementor-828 .elementor-element.elementor-element-4dea5b1 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-4644628{--display:flex;--min-height:350px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-4644628:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-4644628 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gibson-braggrealestate.com/wp-content/uploads/2026/08/PALMSMAR-VISTA.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-82a214b{padding:0px 50px 0px 50px;text-align:center;}.elementor-828 .elementor-element.elementor-element-82a214b .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-33b0fe0{--display:flex;--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-33b0fe0:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-33b0fe0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gibson-braggrealestate.com/wp-content/uploads/2026/08/Westchester.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-98b4df7{padding:0px 50px 0px 50px;text-align:center;}.elementor-828 .elementor-element.elementor-element-98b4df7 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-ddb5fee{--display:flex;--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-ddb5fee:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-ddb5fee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gibson-braggrealestate.com/wp-content/uploads/2026/07/ll.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-e9412c0{padding:0px 50px 0px 50px;text-align:center;}.elementor-828 .elementor-element.elementor-element-e9412c0 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-6c4b9ab{--display:flex;--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-6c4b9ab:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-6c4b9ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gibson-braggrealestate.com/wp-content/uploads/2026/06/2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-5460103{padding:0px 50px 0px 50px;text-align:center;}.elementor-828 .elementor-element.elementor-element-5460103 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-25fd460{--display:flex;--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-25fd460:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-25fd460 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gibson-braggrealestate.com/wp-content/uploads/2026/08/WINDSOR-HILL.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-14cb87b{padding:0px 50px 0px 50px;text-align:center;}.elementor-828 .elementor-element.elementor-element-14cb87b .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-24d6120{--display:flex;--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-24d6120:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-24d6120 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gibson-braggrealestate.com/wp-content/uploads/2026/08/INGLEWOOD.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-4a3e99c{padding:0px 50px 0px 50px;text-align:center;}.elementor-828 .elementor-element.elementor-element-4a3e99c .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-18ae73e{--display:flex;--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-18ae73e:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-18ae73e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gibson-braggrealestate.com/wp-content/uploads/2026/08/BALWIN-HILL.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-1d89825{padding:0px 50px 0px 50px;text-align:center;}.elementor-828 .elementor-element.elementor-element-1d89825 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-dec6d14{--display:flex;--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-dec6d14:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-dec6d14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gibson-braggrealestate.com/wp-content/uploads/2026/08/LEIMART-PARK.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-37d929d{padding:0px 50px 0px 50px;text-align:center;}.elementor-828 .elementor-element.elementor-element-37d929d .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-20dcd7d{--display:flex;--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-20dcd7d:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-20dcd7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gibson-braggrealestate.com/wp-content/uploads/2026/08/PARK-HILLS-HEIGHTS.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-0b74899{padding:0px 50px 0px 50px;text-align:center;}.elementor-828 .elementor-element.elementor-element-0b74899 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-828 .elementor-element.elementor-element-fcc1b1a .elementor-button{background-color:#FFFFFF00;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:17px 50px 17px 50px;}.elementor-828 .elementor-element.elementor-element-fcc1b1a .elementor-button:hover, .elementor-828 .elementor-element.elementor-element-fcc1b1a .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-828 .elementor-element.elementor-element-fcc1b1a{padding:0px 0px 0px 0px;}.elementor-828 .elementor-element.elementor-element-7b62da4b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-7b62da4b:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-7b62da4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121619;}.elementor-828 .elementor-element.elementor-element-52b47c44{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-42ba14a2{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-828 .elementor-element.elementor-element-42ba14a2.elementor-element{--align-self:center;}.elementor-828 .elementor-element.elementor-element-42ba14a2 .elementor-heading-title{font-family:"Compass Sans", Sans-serif;font-size:36px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:-0.7px;color:#FFFFFF;}.elementor-828 .elementor-element.elementor-element-23c96464 .elementor-button{background-color:#FFFFFF00;font-family:"Compass Sans", Sans-serif;font-size:14px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:17px 50px 17px 50px;}.elementor-828 .elementor-element.elementor-element-23c96464 .elementor-button:hover, .elementor-828 .elementor-element.elementor-element-23c96464 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-primary );}.elementor-828 .elementor-element.elementor-element-23c96464{width:var( --container-widget-width, 30% );max-width:30%;padding:0px 0px 0px 0px;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-828 .elementor-element.elementor-element-23c96464 .elementor-button:hover svg, .elementor-828 .elementor-element.elementor-element-23c96464 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-828 .elementor-element.elementor-element-122bf6e{--grid-auto-flow:row;}.elementor-828 .elementor-element.elementor-element-38e1dda .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-730f3c7 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-783d0f1 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-4dea5b1 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-82a214b .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-98b4df7 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-e9412c0 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-5460103 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-14cb87b .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-4a3e99c .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-1d89825 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-37d929d .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-0b74899 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-828 .elementor-element.elementor-element-fcc1b1a .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-828 .elementor-element.elementor-element-3587daeb .elementor-heading-title{font-size:48px;}.elementor-828 .elementor-element.elementor-element-4afbc37{--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-122bf6e{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-828 .elementor-element.elementor-element-38e1dda .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-730f3c7 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-783d0f1 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-4dea5b1 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-82a214b .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-33b0fe0{--min-height:350px;}.elementor-828 .elementor-element.elementor-element-98b4df7 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-ddb5fee{--min-height:350px;}.elementor-828 .elementor-element.elementor-element-e9412c0 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-6c4b9ab{--min-height:350px;}.elementor-828 .elementor-element.elementor-element-5460103 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-25fd460{--min-height:350px;}.elementor-828 .elementor-element.elementor-element-14cb87b .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-24d6120{--min-height:350px;}.elementor-828 .elementor-element.elementor-element-4a3e99c .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-18ae73e{--min-height:350px;}.elementor-828 .elementor-element.elementor-element-1d89825 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-dec6d14{--min-height:350px;}.elementor-828 .elementor-element.elementor-element-37d929d .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-20dcd7d{--min-height:350px;}.elementor-828 .elementor-element.elementor-element-0b74899 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-828 .elementor-element.elementor-element-fcc1b1a .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-828 .elementor-element.elementor-element-7b62da4b{--padding-top:70px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-828 .elementor-element.elementor-element-52b47c44{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-828 .elementor-element.elementor-element-42ba14a2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;text-align:start;}.elementor-828 .elementor-element.elementor-element-42ba14a2 .elementor-heading-title{font-size:42px;}.elementor-828 .elementor-element.elementor-element-23c96464 .elementor-button{font-size:12px;}}@media(max-width:767px){.elementor-828 .elementor-element.elementor-element-4df8d0{--min-height:70vh;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-828 .elementor-element.elementor-element-3587daeb{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-828 .elementor-element.elementor-element-3587daeb .elementor-heading-title{font-size:45px;}.elementor-828 .elementor-element.elementor-element-4afbc37{--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-122bf6e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-828 .elementor-element.elementor-element-38e1dda .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-730f3c7 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-783d0f1 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-4dea5b1 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-82a214b .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-98b4df7 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-e9412c0 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-5460103 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-14cb87b .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-4a3e99c .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-1d89825 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-37d929d .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-828 .elementor-element.elementor-element-0b74899 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-828 .elementor-element.elementor-element-fcc1b1a .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-828 .elementor-element.elementor-element-7b62da4b{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-828 .elementor-element.elementor-element-42ba14a2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-828 .elementor-element.elementor-element-42ba14a2 .elementor-heading-title{font-size:32px;}.elementor-828 .elementor-element.elementor-element-23c96464{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-828 .elementor-element.elementor-element-23c96464 .elementor-button{font-size:16px;}}@media(min-width:768px){.elementor-828 .elementor-element.elementor-element-be61214{--width:100%;}.elementor-828 .elementor-element.elementor-element-fb23816{--width:100%;}.elementor-828 .elementor-element.elementor-element-b127af7{--width:100%;}.elementor-828 .elementor-element.elementor-element-7ae0c0a{--width:100%;}.elementor-828 .elementor-element.elementor-element-4644628{--width:100%;}.elementor-828 .elementor-element.elementor-element-33b0fe0{--width:100%;}.elementor-828 .elementor-element.elementor-element-ddb5fee{--width:100%;}.elementor-828 .elementor-element.elementor-element-6c4b9ab{--width:100%;}.elementor-828 .elementor-element.elementor-element-25fd460{--width:100%;}.elementor-828 .elementor-element.elementor-element-24d6120{--width:100%;}.elementor-828 .elementor-element.elementor-element-18ae73e{--width:100%;}.elementor-828 .elementor-element.elementor-element-dec6d14{--width:100%;}.elementor-828 .elementor-element.elementor-element-20dcd7d{--width:100%;}.elementor-828 .elementor-element.elementor-element-7b62da4b{--content-width:1300px;}.elementor-828 .elementor-element.elementor-element-52b47c44{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-828 .elementor-element.elementor-element-be61214{--width:100%;}.elementor-828 .elementor-element.elementor-element-fb23816{--width:100%;}.elementor-828 .elementor-element.elementor-element-b127af7{--width:100%;}.elementor-828 .elementor-element.elementor-element-7ae0c0a{--width:100%;}.elementor-828 .elementor-element.elementor-element-4644628{--width:100%;}.elementor-828 .elementor-element.elementor-element-33b0fe0{--width:100%;}.elementor-828 .elementor-element.elementor-element-ddb5fee{--width:100%;}.elementor-828 .elementor-element.elementor-element-6c4b9ab{--width:100%;}.elementor-828 .elementor-element.elementor-element-25fd460{--width:100%;}.elementor-828 .elementor-element.elementor-element-24d6120{--width:100%;}.elementor-828 .elementor-element.elementor-element-18ae73e{--width:100%;}.elementor-828 .elementor-element.elementor-element-dec6d14{--width:100%;}.elementor-828 .elementor-element.elementor-element-20dcd7d{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-be61214 *//* overlay + background + float & button effects */ /* Container setup */ .el-zoom-container { position: relative; overflow: hidden; } /* Background zoom pseudo-element (as before) */ .el-zoom-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; /* inherits the container’s background image */ background-position: center center; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: transform 1.2s ease; z-index: 1; } /* Overlay layer to darken background */ .el-zoom-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); /* normal mode: black 30% */ transition: background-color 0.6s ease; /* smooth change */ z-index: 2; } /* On hover, zoom background and darken overlay more */ .el-zoom-container:hover::before { transform: scale(1.15); /* adjust scale as you like */ } .el-zoom-container:hover::after { background-color: rgba(0,0,0,0.5); /* on hover: black 50% */ } /* Content (text & button) stays above overlay */ .el-zoom-container > .el-zoom-title, .el-zoom-container > .el-zoom-btn { position: relative; z-index: 3; /* above both background and overlay */ transition: transform 0.8s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; } /* Title float up slower */ .el-zoom-container:hover > .el-zoom-title { transform: translateY(-25px); } /* Button appear slower below title */ .el-zoom-btn { opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.9,.2,1); } .el-zoom-container:hover > .el-zoom-btn { opacity: 1; transform: translateY(0); pointer-events: auto; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fb23816 *//* overlay + background + float & button effects */ /* Container setup */ .el-zoom-container { position: relative; overflow: hidden; } /* Background zoom pseudo-element (as before) */ .el-zoom-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; /* inherits the container’s background image */ background-position: center center; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: transform 1.2s ease; z-index: 1; } /* Overlay layer to darken background */ .el-zoom-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); /* normal mode: black 30% */ transition: background-color 0.6s ease; /* smooth change */ z-index: 2; } /* On hover, zoom background and darken overlay more */ .el-zoom-container:hover::before { transform: scale(1.15); /* adjust scale as you like */ } .el-zoom-container:hover::after { background-color: rgba(0,0,0,0.5); /* on hover: black 50% */ } /* Content (text & button) stays above overlay */ .el-zoom-container > .el-zoom-title, .el-zoom-container > .el-zoom-btn { position: relative; z-index: 3; /* above both background and overlay */ transition: transform 0.8s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; } /* Title float up slower */ .el-zoom-container:hover > .el-zoom-title { transform: translateY(-25px); } /* Button appear slower below title */ .el-zoom-btn { opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.9,.2,1); } .el-zoom-container:hover > .el-zoom-btn { opacity: 1; transform: translateY(0); pointer-events: auto; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b127af7 *//* overlay + background + float & button effects */ /* Container setup */ .el-zoom-container { position: relative; overflow: hidden; } /* Background zoom pseudo-element (as before) */ .el-zoom-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; /* inherits the container’s background image */ background-position: center center; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: transform 1.2s ease; z-index: 1; } /* Overlay layer to darken background */ .el-zoom-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); /* normal mode: black 30% */ transition: background-color 0.6s ease; /* smooth change */ z-index: 2; } /* On hover, zoom background and darken overlay more */ .el-zoom-container:hover::before { transform: scale(1.15); /* adjust scale as you like */ } .el-zoom-container:hover::after { background-color: rgba(0,0,0,0.5); /* on hover: black 50% */ } /* Content (text & button) stays above overlay */ .el-zoom-container > .el-zoom-title, .el-zoom-container > .el-zoom-btn { position: relative; z-index: 3; /* above both background and overlay */ transition: transform 0.8s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; } /* Title float up slower */ .el-zoom-container:hover > .el-zoom-title { transform: translateY(-25px); } /* Button appear slower below title */ .el-zoom-btn { opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.9,.2,1); } .el-zoom-container:hover > .el-zoom-btn { opacity: 1; transform: translateY(0); pointer-events: auto; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7ae0c0a *//* overlay + background + float & button effects */ /* Container setup */ .el-zoom-container { position: relative; overflow: hidden; } /* Background zoom pseudo-element (as before) */ .el-zoom-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; /* inherits the container’s background image */ background-position: center center; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: transform 1.2s ease; z-index: 1; } /* Overlay layer to darken background */ .el-zoom-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); /* normal mode: black 30% */ transition: background-color 0.6s ease; /* smooth change */ z-index: 2; } /* On hover, zoom background and darken overlay more */ .el-zoom-container:hover::before { transform: scale(1.15); /* adjust scale as you like */ } .el-zoom-container:hover::after { background-color: rgba(0,0,0,0.5); /* on hover: black 50% */ } /* Content (text & button) stays above overlay */ .el-zoom-container > .el-zoom-title, .el-zoom-container > .el-zoom-btn { position: relative; z-index: 3; /* above both background and overlay */ transition: transform 0.8s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; } /* Title float up slower */ .el-zoom-container:hover > .el-zoom-title { transform: translateY(-25px); } /* Button appear slower below title */ .el-zoom-btn { opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.9,.2,1); } .el-zoom-container:hover > .el-zoom-btn { opacity: 1; transform: translateY(0); pointer-events: auto; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4644628 *//* overlay + background + float & button effects */ /* Container setup */ .el-zoom-container { position: relative; overflow: hidden; } /* Background zoom pseudo-element (as before) */ .el-zoom-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; /* inherits the container’s background image */ background-position: center center; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: transform 1.2s ease; z-index: 1; } /* Overlay layer to darken background */ .el-zoom-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); /* normal mode: black 30% */ transition: background-color 0.6s ease; /* smooth change */ z-index: 2; } /* On hover, zoom background and darken overlay more */ .el-zoom-container:hover::before { transform: scale(1.15); /* adjust scale as you like */ } .el-zoom-container:hover::after { background-color: rgba(0,0,0,0.5); /* on hover: black 50% */ } /* Content (text & button) stays above overlay */ .el-zoom-container > .el-zoom-title, .el-zoom-container > .el-zoom-btn { position: relative; z-index: 3; /* above both background and overlay */ transition: transform 0.8s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; } /* Title float up slower */ .el-zoom-container:hover > .el-zoom-title { transform: translateY(-25px); } /* Button appear slower below title */ .el-zoom-btn { opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.9,.2,1); } .el-zoom-container:hover > .el-zoom-btn { opacity: 1; transform: translateY(0); pointer-events: auto; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b0fe0 *//* overlay + background + float & button effects */ /* Container setup */ .el-zoom-container { position: relative; overflow: hidden; } /* Background zoom pseudo-element (as before) */ .el-zoom-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; /* inherits the container’s background image */ background-position: center center; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: transform 1.2s ease; z-index: 1; } /* Overlay layer to darken background */ .el-zoom-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); /* normal mode: black 30% */ transition: background-color 0.6s ease; /* smooth change */ z-index: 2; } /* On hover, zoom background and darken overlay more */ .el-zoom-container:hover::before { transform: scale(1.15); /* adjust scale as you like */ } .el-zoom-container:hover::after { background-color: rgba(0,0,0,0.5); /* on hover: black 50% */ } /* Content (text & button) stays above overlay */ .el-zoom-container > .el-zoom-title, .el-zoom-container > .el-zoom-btn { position: relative; z-index: 3; /* above both background and overlay */ transition: transform 0.8s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; } /* Title float up slower */ .el-zoom-container:hover > .el-zoom-title { transform: translateY(-25px); } /* Button appear slower below title */ .el-zoom-btn { opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.9,.2,1); } .el-zoom-container:hover > .el-zoom-btn { opacity: 1; transform: translateY(0); pointer-events: auto; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ddb5fee *//* overlay + background + float & button effects */ /* Container setup */ .el-zoom-container { position: relative; overflow: hidden; } /* Background zoom pseudo-element (as before) */ .el-zoom-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; /* inherits the container’s background image */ background-position: center center; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: transform 1.2s ease; z-index: 1; } /* Overlay layer to darken background */ .el-zoom-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); /* normal mode: black 30% */ transition: background-color 0.6s ease; /* smooth change */ z-index: 2; } /* On hover, zoom background and darken overlay more */ .el-zoom-container:hover::before { transform: scale(1.15); /* adjust scale as you like */ } .el-zoom-container:hover::after { background-color: rgba(0,0,0,0.5); /* on hover: black 50% */ } /* Content (text & button) stays above overlay */ .el-zoom-container > .el-zoom-title, .el-zoom-container > .el-zoom-btn { position: relative; z-index: 3; /* above both background and overlay */ transition: transform 0.8s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; } /* Title float up slower */ .el-zoom-container:hover > .el-zoom-title { transform: translateY(-25px); } /* Button appear slower below title */ .el-zoom-btn { opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.9,.2,1); } .el-zoom-container:hover > .el-zoom-btn { opacity: 1; transform: translateY(0); pointer-events: auto; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6c4b9ab *//* overlay + background + float & button effects */ /* Container setup */ .el-zoom-container { position: relative; overflow: hidden; } /* Background zoom pseudo-element (as before) */ .el-zoom-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; /* inherits the container’s background image */ background-position: center center; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: transform 1.2s ease; z-index: 1; } /* Overlay layer to darken background */ .el-zoom-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); /* normal mode: black 30% */ transition: background-color 0.6s ease; /* smooth change */ z-index: 2; } /* On hover, zoom background and darken overlay more */ .el-zoom-container:hover::before { transform: scale(1.15); /* adjust scale as you like */ } .el-zoom-container:hover::after { background-color: rgba(0,0,0,0.5); /* on hover: black 50% */ } /* Content (text & button) stays above overlay */ .el-zoom-container > .el-zoom-title, .el-zoom-container > .el-zoom-btn { position: relative; z-index: 3; /* above both background and overlay */ transition: transform 0.8s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; } /* Title float up slower */ .el-zoom-container:hover > .el-zoom-title { transform: translateY(-25px); } /* Button appear slower below title */ .el-zoom-btn { opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.9,.2,1); } .el-zoom-container:hover > .el-zoom-btn { opacity: 1; transform: translateY(0); pointer-events: auto; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-25fd460 *//* overlay + background + float & button effects */ /* Container setup */ .el-zoom-container { position: relative; overflow: hidden; } /* Background zoom pseudo-element (as before) */ .el-zoom-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; /* inherits the container’s background image */ background-position: center center; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: transform 1.2s ease; z-index: 1; } /* Overlay layer to darken background */ .el-zoom-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); /* normal mode: black 30% */ transition: background-color 0.6s ease; /* smooth change */ z-index: 2; } /* On hover, zoom background and darken overlay more */ .el-zoom-container:hover::before { transform: scale(1.15); /* adjust scale as you like */ } .el-zoom-container:hover::after { background-color: rgba(0,0,0,0.5); /* on hover: black 50% */ } /* Content (text & button) stays above overlay */ .el-zoom-container > .el-zoom-title, .el-zoom-container > .el-zoom-btn { position: relative; z-index: 3; /* above both background and overlay */ transition: transform 0.8s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; } /* Title float up slower */ .el-zoom-container:hover > .el-zoom-title { transform: translateY(-25px); } /* Button appear slower below title */ .el-zoom-btn { opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.9,.2,1); } .el-zoom-container:hover > .el-zoom-btn { opacity: 1; transform: translateY(0); pointer-events: auto; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-24d6120 *//* overlay + background + float & button effects */ /* Container setup */ .el-zoom-container { position: relative; overflow: hidden; } /* Background zoom pseudo-element (as before) */ .el-zoom-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; /* inherits the container’s background image */ background-position: center center; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: transform 1.2s ease; z-index: 1; } /* Overlay layer to darken background */ .el-zoom-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); /* normal mode: black 30% */ transition: background-color 0.6s ease; /* smooth change */ z-index: 2; } /* On hover, zoom background and darken overlay more */ .el-zoom-container:hover::before { transform: scale(1.15); /* adjust scale as you like */ } .el-zoom-container:hover::after { background-color: rgba(0,0,0,0.5); /* on hover: black 50% */ } /* Content (text & button) stays above overlay */ .el-zoom-container > .el-zoom-title, .el-zoom-container > .el-zoom-btn { position: relative; z-index: 3; /* above both background and overlay */ transition: transform 0.8s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; } /* Title float up slower */ .el-zoom-container:hover > .el-zoom-title { transform: translateY(-25px); } /* Button appear slower below title */ .el-zoom-btn { opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.9,.2,1); } .el-zoom-container:hover > .el-zoom-btn { opacity: 1; transform: translateY(0); pointer-events: auto; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-18ae73e *//* overlay + background + float & button effects */ /* Container setup */ .el-zoom-container { position: relative; overflow: hidden; } /* Background zoom pseudo-element (as before) */ .el-zoom-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; /* inherits the container’s background image */ background-position: center center; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: transform 1.2s ease; z-index: 1; } /* Overlay layer to darken background */ .el-zoom-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); /* normal mode: black 30% */ transition: background-color 0.6s ease; /* smooth change */ z-index: 2; } /* On hover, zoom background and darken overlay more */ .el-zoom-container:hover::before { transform: scale(1.15); /* adjust scale as you like */ } .el-zoom-container:hover::after { background-color: rgba(0,0,0,0.5); /* on hover: black 50% */ } /* Content (text & button) stays above overlay */ .el-zoom-container > .el-zoom-title, .el-zoom-container > .el-zoom-btn { position: relative; z-index: 3; /* above both background and overlay */ transition: transform 0.8s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; } /* Title float up slower */ .el-zoom-container:hover > .el-zoom-title { transform: translateY(-25px); } /* Button appear slower below title */ .el-zoom-btn { opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.9,.2,1); } .el-zoom-container:hover > .el-zoom-btn { opacity: 1; transform: translateY(0); pointer-events: auto; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dec6d14 *//* overlay + background + float & button effects */ /* Container setup */ .el-zoom-container { position: relative; overflow: hidden; } /* Background zoom pseudo-element (as before) */ .el-zoom-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; /* inherits the container’s background image */ background-position: center center; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: transform 1.2s ease; z-index: 1; } /* Overlay layer to darken background */ .el-zoom-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); /* normal mode: black 30% */ transition: background-color 0.6s ease; /* smooth change */ z-index: 2; } /* On hover, zoom background and darken overlay more */ .el-zoom-container:hover::before { transform: scale(1.15); /* adjust scale as you like */ } .el-zoom-container:hover::after { background-color: rgba(0,0,0,0.5); /* on hover: black 50% */ } /* Content (text & button) stays above overlay */ .el-zoom-container > .el-zoom-title, .el-zoom-container > .el-zoom-btn { position: relative; z-index: 3; /* above both background and overlay */ transition: transform 0.8s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; } /* Title float up slower */ .el-zoom-container:hover > .el-zoom-title { transform: translateY(-25px); } /* Button appear slower below title */ .el-zoom-btn { opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.9,.2,1); } .el-zoom-container:hover > .el-zoom-btn { opacity: 1; transform: translateY(0); pointer-events: auto; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-20dcd7d *//* overlay + background + float & button effects */ /* Container setup */ .el-zoom-container { position: relative; overflow: hidden; } /* Background zoom pseudo-element (as before) */ .el-zoom-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; /* inherits the container’s background image */ background-position: center center; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: transform 1.2s ease; z-index: 1; } /* Overlay layer to darken background */ .el-zoom-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); /* normal mode: black 30% */ transition: background-color 0.6s ease; /* smooth change */ z-index: 2; } /* On hover, zoom background and darken overlay more */ .el-zoom-container:hover::before { transform: scale(1.15); /* adjust scale as you like */ } .el-zoom-container:hover::after { background-color: rgba(0,0,0,0.5); /* on hover: black 50% */ } /* Content (text & button) stays above overlay */ .el-zoom-container > .el-zoom-title, .el-zoom-container > .el-zoom-btn { position: relative; z-index: 3; /* above both background and overlay */ transition: transform 0.8s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; } /* Title float up slower */ .el-zoom-container:hover > .el-zoom-title { transform: translateY(-25px); } /* Button appear slower below title */ .el-zoom-btn { opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.9,.2,1); } .el-zoom-container:hover > .el-zoom-btn { opacity: 1; transform: translateY(0); pointer-events: auto; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Compass Serif'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://gibson-braggrealestate.com/wp-content/uploads/2026/06/compass-serif.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Compass Sans'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://gibson-braggrealestate.com/wp-content/uploads/2026/06/compass-sans.ttf') format('truetype'); } /* End Custom Fonts CSS */