.elementor-2544 .elementor-element.elementor-element-da68ec6{--display:flex;--min-height:500px;--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;--justify-content:center;--overlay-opacity:1;}.elementor-2544 .elementor-element.elementor-element-da68ec6:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-da68ec6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://garagedoordoctorusa.com/wp-content/uploads/2026/05/garage-door-hero-10.webp");background-position:center center;background-size:cover;}.elementor-2544 .elementor-element.elementor-element-da68ec6::before, .elementor-2544 .elementor-element.elementor-element-da68ec6 > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-da68ec6 > .e-con-inner > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-da68ec6 > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-da68ec6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-da68ec6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1E293B75;background-image:url("https://garagedoordoctorusa.com/wp-content/uploads/2026/05/wave-red-bottom@2x.webp");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-2544 .elementor-element.elementor-element-da68ec6::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2544 .elementor-element.elementor-element-4dd1aa3 .uael-dual-color-heading{text-align:left;}.elementor-2544 .elementor-element.elementor-element-4dd1aa3 .uael-before-heading{margin-right:0px;}.elementor-2544 .elementor-element.elementor-element-4dd1aa3 .uael-after-heading{margin-left:0px;}.elementor-2544 .elementor-element.elementor-element-4dd1aa3 .uael-stack-desktop-yes .uael-before-heading{margin-bottom:0px;margin-right:0px;display:inline-block;}.elementor-2544 .elementor-element.elementor-element-4dd1aa3 .uael-stack-desktop-yes .uael-after-heading{margin-top:0px;margin-left:0px;display:inline-block;}.elementor-2544 .elementor-element.elementor-element-4dd1aa3 .uael-dual-heading-text{color:var( --e-global-color-18057d2 );padding:0px 0px 0px 0px;text-shadow:10px 4px 20px #000000;}.elementor-2544 .elementor-element.elementor-element-4dd1aa3 .uael-dual-heading-text.uael-highlight-text{color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-global-2313 .elementor-button{background-color:var( --e-global-color-accent );border-radius:10px 10px 10px 10px;}.elementor-2544 .elementor-element.elementor-global-2313.elementor-element{--align-self:center;}.elementor-2544 .elementor-element.elementor-element-fbc80d8{--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;}.elementor-2544 .elementor-element.elementor-element-fbc80d8:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-fbc80d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-75a43ca );}.elementor-2544 .elementor-element.elementor-element-abf3df6{--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;--align-items:center;}.elementor-2544 .elementor-element.elementor-element-d561d77{--display:flex;--justify-content:center;}.elementor-2544 .elementor-element.elementor-element-0547634{font-size:18px;color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-e939d25{--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;--align-items:flex-start;}.elementor-2544 .elementor-element.elementor-element-2314334{--display:flex;--justify-content:center;}.elementor-2544 .elementor-element.elementor-element-2823c20.elementor-element{--align-self:center;}.elementor-2544 .elementor-element.elementor-element-2823c20 > .elementor-widget-container{box-shadow:3px 10px 37px 0px #000000;}.elementor-2544 .elementor-element.elementor-element-58e3198{--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;--overlay-opacity:0.17;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2544 .elementor-element.elementor-element-58e3198:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-58e3198 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#25AAE1;}.elementor-2544 .elementor-element.elementor-element-58e3198::before, .elementor-2544 .elementor-element.elementor-element-58e3198 > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-58e3198 > .e-con-inner > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-58e3198 > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-58e3198 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-58e3198 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2544 .elementor-element.elementor-element-26c77cf{text-align:start;}.elementor-2544 .elementor-element.elementor-element-26c77cf .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-da39454{text-align:start;color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-48510b3e{--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;--gap:00px 00px;--row-gap:00px;--column-gap:00px;--overlay-opacity:1;--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2544 .elementor-element.elementor-element-48510b3e:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-48510b3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-da4015f ) 0%, var( --e-global-color-18057d2 ) 100%);}.elementor-2544 .elementor-element.elementor-element-48510b3e::before, .elementor-2544 .elementor-element.elementor-element-48510b3e > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-48510b3e > .e-con-inner > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-48510b3e > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-48510b3e > .e-con-inner > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-48510b3e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://garagedoordoctorusa.com/wp-content/uploads/2023/05/wave-top@2x.webp");--background-overlay:'';background-position:top center;background-repeat:no-repeat;background-size:contain;}.elementor-2544 .elementor-element.elementor-element-6192c404{--display:flex;--border-radius:20px 0px 20px 0px;}.elementor-2544 .elementor-element.elementor-element-405a3c2{text-align:center;}.elementor-2544 .elementor-element.elementor-element-4da19985{text-align:center;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-text );}.elementor-2544 .elementor-element.elementor-element-46d6a5c{--display:flex;}.elementor-2544 .elementor-element.elementor-element-2d7f000{--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;}.elementor-2544 .elementor-element.elementor-element-24d9f560{--display:flex;--overlay-opacity:0.9;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2544 .elementor-element.elementor-element-24d9f560::before, .elementor-2544 .elementor-element.elementor-element-24d9f560 > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-24d9f560 > .e-con-inner > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-24d9f560 > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-24d9f560 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-24d9f560 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-2544 .elementor-element.elementor-element-25f653f1 .elementor-image-box-wrapper{text-align:center;}.elementor-2544 .elementor-element.elementor-element-25f653f1.elementor-position-right .elementor-image-box-img{margin-left:30px;}.elementor-2544 .elementor-element.elementor-element-25f653f1.elementor-position-left .elementor-image-box-img{margin-right:30px;}.elementor-2544 .elementor-element.elementor-element-25f653f1.elementor-position-top .elementor-image-box-img{margin-bottom:30px;}.elementor-2544 .elementor-element.elementor-element-25f653f1 .elementor-image-box-title{margin-bottom:0px;color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-25f653f1 .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-2544 .elementor-element.elementor-element-25f653f1 .elementor-image-box-img img{border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:19px;transition-duration:0.3s;}.elementor-2544 .elementor-element.elementor-element-25f653f1 .elementor-image-box-description{color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-3a139595{--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;}.elementor-2544 .elementor-element.elementor-element-6242ce9c{--display:flex;}.elementor-2544 .elementor-element.elementor-element-78576a31{--display:flex;--overlay-opacity:0.85;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2544 .elementor-element.elementor-element-78576a31::before, .elementor-2544 .elementor-element.elementor-element-78576a31 > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-78576a31 > .e-con-inner > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-78576a31 > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-78576a31 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-78576a31 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-2544 .elementor-element.elementor-element-1162bbdf .elementor-image-box-wrapper{text-align:start;}.elementor-2544 .elementor-element.elementor-element-1162bbdf.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-2544 .elementor-element.elementor-element-1162bbdf.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-2544 .elementor-element.elementor-element-1162bbdf.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-2544 .elementor-element.elementor-element-1162bbdf .elementor-image-box-title{margin-bottom:0px;color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-1162bbdf .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-2544 .elementor-element.elementor-element-1162bbdf .elementor-image-box-img img{border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:100%;transition-duration:0.3s;}.elementor-2544 .elementor-element.elementor-element-1162bbdf .elementor-image-box-description{color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-82cf2f2{--display:flex;}.elementor-2544 .elementor-element.elementor-element-4cf986ff{--display:flex;--overlay-opacity:0.85;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2544 .elementor-element.elementor-element-4cf986ff::before, .elementor-2544 .elementor-element.elementor-element-4cf986ff > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-4cf986ff > .e-con-inner > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-4cf986ff > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-4cf986ff > .e-con-inner > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-4cf986ff > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-2544 .elementor-element.elementor-element-1d550141 .elementor-image-box-wrapper{text-align:start;}.elementor-2544 .elementor-element.elementor-element-1d550141.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-2544 .elementor-element.elementor-element-1d550141.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-2544 .elementor-element.elementor-element-1d550141.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-2544 .elementor-element.elementor-element-1d550141 .elementor-image-box-title{margin-bottom:0px;color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-1d550141 .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-2544 .elementor-element.elementor-element-1d550141 .elementor-image-box-img img{border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:100%;transition-duration:0.3s;}.elementor-2544 .elementor-element.elementor-element-1d550141 .elementor-image-box-description{color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-36dfb44b{--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;}.elementor-2544 .elementor-element.elementor-element-6e0a0acd{--display:flex;}.elementor-2544 .elementor-element.elementor-element-31b2cbd7{--display:flex;--overlay-opacity:0.85;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2544 .elementor-element.elementor-element-31b2cbd7::before, .elementor-2544 .elementor-element.elementor-element-31b2cbd7 > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-31b2cbd7 > .e-con-inner > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-31b2cbd7 > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-31b2cbd7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-31b2cbd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-2544 .elementor-element.elementor-element-499e915f > .elementor-widget-container{padding:1px 1px 1px 1px;}.elementor-2544 .elementor-element.elementor-element-499e915f .elementor-image-box-wrapper{text-align:start;}.elementor-2544 .elementor-element.elementor-element-499e915f.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-2544 .elementor-element.elementor-element-499e915f.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-2544 .elementor-element.elementor-element-499e915f.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-2544 .elementor-element.elementor-element-499e915f .elementor-image-box-title{margin-bottom:0px;color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-499e915f .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-2544 .elementor-element.elementor-element-499e915f .elementor-image-box-img img{border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:100%;transition-duration:0.3s;}.elementor-2544 .elementor-element.elementor-element-499e915f .elementor-image-box-description{color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-541d7842{--display:flex;}.elementor-2544 .elementor-element.elementor-element-1ed803e1{--display:flex;--justify-content:center;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2544 .elementor-element.elementor-element-1ed803e1::before, .elementor-2544 .elementor-element.elementor-element-1ed803e1 > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-1ed803e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-1ed803e1 > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-1ed803e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-1ed803e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-2544 .elementor-element.elementor-element-3ba875e8 .elementor-image-box-wrapper{text-align:start;}.elementor-2544 .elementor-element.elementor-element-3ba875e8.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-2544 .elementor-element.elementor-element-3ba875e8.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-2544 .elementor-element.elementor-element-3ba875e8.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-2544 .elementor-element.elementor-element-3ba875e8 .elementor-image-box-title{margin-bottom:0px;color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-3ba875e8 .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-2544 .elementor-element.elementor-element-3ba875e8 .elementor-image-box-img img{border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:100%;transition-duration:0.3s;}.elementor-2544 .elementor-element.elementor-element-3ba875e8 .elementor-image-box-description{color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-72f6237e{--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;}.elementor-2544 .elementor-element.elementor-element-72f6237e:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-72f6237e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BE2127;}.elementor-2544 .elementor-element.elementor-element-12bd3fb0{--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;}.elementor-2544 .elementor-element.elementor-element-45b9afa8{--display:flex;}.elementor-2544 .elementor-element.elementor-element-45b9afa8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2544 .elementor-element.elementor-element-503661ab{text-align:center;}.elementor-2544 .elementor-element.elementor-element-503661ab .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-27823b74 .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-2544 .elementor-element.elementor-element-27823b74 .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor4 );transition:fill 0.3s;}.elementor-2544 .elementor-element.elementor-element-27823b74{--e-icon-list-icon-size:47px;--icon-vertical-offset:0px;}.elementor-2544 .elementor-element.elementor-element-27823b74 .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-2544 .elementor-element.elementor-element-4056e3a8{--display:flex;}.elementor-2544 .elementor-element.elementor-element-16ddacd3 > .elementor-widget-container{margin:-69px 0px 0px 0px;}.elementor-2544 .elementor-element.elementor-element-16ddacd3{text-align:end;}.elementor-2544 .elementor-element.elementor-element-2fb7212{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2544 .elementor-element.elementor-element-e32b311{text-align:center;}.elementor-2544 .elementor-element.elementor-element-3806c65.elementor-element{--align-self:stretch;}.elementor-2544 .elementor-element.elementor-element-3806c65 .uael-faq-container > .uael-faq-accordion:not(:last-child){margin-bottom:10px;}.elementor-2544 .elementor-element.elementor-element-3806c65 .uael-faq-wrapper .uael-faq-container .uael-faq-accordion{border-style:none;}.elementor-2544 .elementor-element.elementor-element-3806c65 .uael-faq-accordion .uael-accordion-title .uael-question-span, .elementor-2544 .elementor-element.elementor-element-3806c65 .uael-faq-accordion .uael-accordion-title .uael-accordion-icon{font-size:18px;font-weight:700;}.elementor-2544 .elementor-element.elementor-element-3806c65 .uael-faq-accordion .uael-accordion-title{background-color:var( --e-global-color-primary );padding:10px 10px 10px 10px;}.elementor-2544 .elementor-element.elementor-element-3806c65 .uael-faq-accordion .uael-accordion-title .uael-question-span,
						.elementor-2544 .elementor-element.elementor-element-3806c65  .uael-accordion-icon-closed, .elementor-2544 .elementor-element.elementor-element-3806c65 span.uael-accordion-icon-opened{color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-3806c65 .uael-accordion-icon-closed, .elementor-2544 .elementor-element.elementor-element-3806c65 span.uael-accordion-icon-opened{fill:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-3806c65 .uael-faq-accordion .uael-accordion-title:hover{background-color:var( --e-global-color-secondary );}.elementor-2544 .elementor-element.elementor-element-3806c65 .uael-faq-accordion .uael-accordion-content{background-color:var( --e-global-color-18057d2 );color:var( --e-global-color-text );padding:10px 10px 10px 10px;}.elementor-2544 .elementor-element.elementor-element-3806c65 .uael-faq-accordion.elementor-grid-item{background-color:var( --e-global-color-18057d2 );}.elementor-2544 .elementor-element.elementor-element-3806c65 .uael-faq-wrapper .uael-accordion-title .uael-accordion-icon{font-size:20px;}.elementor-2544 .elementor-element.elementor-element-3806c65 .uael-faq-wrapper .uael-accordion-title .uael-accordion-icon svg{height:20px;width:20px;}.elementor-2544 .elementor-element.elementor-element-3806c65 .uael-accordion-icon.uael-accordion-icon-left{margin-right:30px;}.elementor-2544 .elementor-element.elementor-element-3806c65 .uael-accordion-icon.uael-accordion-icon-right{margin-left:30px;}.elementor-2544 .elementor-element.elementor-element-5c78fa72{--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;--overlay-opacity:0.23;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2544 .elementor-element.elementor-element-5c78fa72:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-5c78fa72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-2544 .elementor-element.elementor-element-5c78fa72::before, .elementor-2544 .elementor-element.elementor-element-5c78fa72 > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-5c78fa72 > .e-con-inner > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-5c78fa72 > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-5c78fa72 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-5c78fa72 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor1 );background-image:url("https://garagedoordoctorusa.com/wp-content/uploads/2026/05/unnamed-6.webp");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-2544 .elementor-element.elementor-element-5c78fa72::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 1.5px ) hue-rotate( 0deg );}.elementor-2544 .elementor-element.elementor-element-2df30351{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2544 .elementor-element.elementor-element-5fa57858{--display:flex;--justify-content:center;--overlay-opacity:0.7;}.elementor-2544 .elementor-element.elementor-element-5fa57858::before, .elementor-2544 .elementor-element.elementor-element-5fa57858 > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-5fa57858 > .e-con-inner > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-5fa57858 > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-5fa57858 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-5fa57858 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-2544 .elementor-element.elementor-element-24f62bf2{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2544 .elementor-element.elementor-element-24f62bf2.e-con{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-2544 .elementor-element.elementor-element-1d36e6ad{text-align:center;}.elementor-2544 .elementor-element.elementor-element-1d36e6ad .elementor-heading-title{text-shadow:0px 0px 10px #000000;color:var( --e-global-color-astglobalcolor4 );}.elementor-2544 .elementor-element.elementor-element-40ab4ac2.elementor-element{--align-self:center;}.elementor-2544 .elementor-element.elementor-element-40ab4ac2 > .elementor-widget-container{border-style:none;}.elementor-2544 .elementor-element.elementor-element-40ab4ac2 img{height:500px;object-fit:cover;object-position:top center;}.elementor-2544 .elementor-element.elementor-element-42fb1183{color:var( --e-global-color-astglobalcolor4 );}:root{--page-title-display:none;}@media(max-width:1080px){.elementor-2544 .elementor-element.elementor-element-4dd1aa3 .uael-heading-stack-tablet .uael-before-heading {margin-bottom:0px;margin-right:0px;display:inline-block;}.elementor-2544 .elementor-element.elementor-element-4dd1aa3 .uael-heading-stack-tablet .uael-after-heading {margin-top:0px;margin-left:0px;display:inline-block;}.elementor-2544 .elementor-element.elementor-element-abf3df6{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2544 .elementor-element.elementor-element-e939d25{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2544 .elementor-element.elementor-element-4056e3a8{--justify-content:center;}.elementor-2544 .elementor-element.elementor-element-16ddacd3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2544 .elementor-element.elementor-element-2fb7212{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-2544 .elementor-element.elementor-element-da68ec6{--min-height:350px;}.elementor-2544 .elementor-element.elementor-element-4dd1aa3 .uael-heading-stack-mobile .uael-before-heading {margin-bottom:0px;margin-right:0px;display:inline-block;}.elementor-2544 .elementor-element.elementor-element-4dd1aa3 .uael-heading-stack-mobile .uael-after-heading {margin-top:0px;margin-left:0px;display:inline-block;}.elementor-2544 .elementor-element.elementor-element-58e3198{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2544 .elementor-element.elementor-element-25f653f1 .elementor-image-box-img{margin-bottom:30px;}.elementor-2544 .elementor-element.elementor-element-1162bbdf .elementor-image-box-wrapper{text-align:center;}.elementor-2544 .elementor-element.elementor-element-1162bbdf .elementor-image-box-img{margin-bottom:20px;}.elementor-2544 .elementor-element.elementor-element-1d550141 .elementor-image-box-wrapper{text-align:center;}.elementor-2544 .elementor-element.elementor-element-1d550141 .elementor-image-box-img{margin-bottom:20px;}.elementor-2544 .elementor-element.elementor-element-499e915f .elementor-image-box-wrapper{text-align:center;}.elementor-2544 .elementor-element.elementor-element-499e915f .elementor-image-box-img{margin-bottom:20px;}.elementor-2544 .elementor-element.elementor-element-3ba875e8 .elementor-image-box-wrapper{text-align:center;}.elementor-2544 .elementor-element.elementor-element-3ba875e8 .elementor-image-box-img{margin-bottom:20px;}}@media(min-width:768px){.elementor-2544 .elementor-element.elementor-element-45b9afa8{--width:65.391%;}.elementor-2544 .elementor-element.elementor-element-4056e3a8{--width:30%;}.elementor-2544 .elementor-element.elementor-element-5fa57858{--width:75%;}.elementor-2544 .elementor-element.elementor-element-24f62bf2{--width:100%;}}@media(max-width:1080px) and (min-width:768px){.elementor-2544 .elementor-element.elementor-element-5fa57858{--width:100%;}.elementor-2544 .elementor-element.elementor-element-24f62bf2{--width:70%;}}/* Start custom CSS for image, class: .elementor-element-2823c20 *//* =========================================================
   Elementor Image Widget — Animation Library
   Paste into: Image widget → Advanced → Custom CSS
   Pick ONE base animation by adding a CSS Class to the widget:
     float   |   pulse   |   tilt   |   shine
     zoom    |   spin    |   reveal |   wobble
   You can combine some (e.g. "float shine reveal").
   ========================================================= */

/* ---------- 0. Base styles (always on) ---------- */
.elementor-2544 .elementor-element.elementor-element-2823c20 {
    overflow: visible;
}
.elementor-2544 .elementor-element.elementor-element-2823c20 img {
    display: block;
    border-radius: 12px;
    transition:
        transform .6s cubic-bezier(.2,.8,.2,1),
        filter .5s ease,
        box-shadow .5s ease;
    will-change: transform, filter;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

/* Universal soft hover lift on every animated image */
.elementor-2544 .elementor-element.elementor-element-2823c20:hover img {
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.22);
}

/* =========================================================
   1. FLOAT — gentle continuous levitation
   Add class: float
   ========================================================= */
@keyframes imgFloat {
    0%, 100% { transform: translateY(0) rotate(0); }
    50%      { transform: translateY(-12px) rotate(0.5deg); }
}
.elementor-2544 .elementor-element.elementor-element-2823c20.float img {
    animation: imgFloat 4.5s ease-in-out infinite;
}
.elementor-2544 .elementor-element.elementor-element-2823c20.float:hover img {
    animation-play-state: paused;
    transform: translateY(-14px) scale(1.04);
}

/* =========================================================
   2. PULSE — soft breathing scale + glow ring
   Add class: pulse
   ========================================================= */
@keyframes imgPulseRing {
    0%   { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.45),
                       0 8px 24px rgba(15, 23, 42, 0.12); }
    70%  { box-shadow: 0 0 0 22px rgba(59, 130, 246, 0),
                       0 8px 24px rgba(15, 23, 42, 0.12); }
    100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0),
                       0 8px 24px rgba(15, 23, 42, 0.12); }
}
@keyframes imgPulseScale {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.03); }
}
.elementor-2544 .elementor-element.elementor-element-2823c20.pulse img {
    animation: imgPulseRing 2.4s ease-out infinite,
               imgPulseScale 3.2s ease-in-out infinite;
}

/* =========================================================
   3. TILT — slow lazy 3D drift, with hover snap-to-front
   Add class: tilt
   ========================================================= */
.elementor-2544 .elementor-element.elementor-element-2823c20.tilt { perspective: 800px; }
@keyframes imgTilt {
    0%, 100% { transform: rotateX(0) rotateY(0); }
    25%      { transform: rotateX(3deg) rotateY(-4deg); }
    50%      { transform: rotateX(-2deg) rotateY(3deg); }
    75%      { transform: rotateX(2deg) rotateY(2deg); }
}
.elementor-2544 .elementor-element.elementor-element-2823c20.tilt img {
    animation: imgTilt 8s ease-in-out infinite;
    transform-origin: center;
}
.elementor-2544 .elementor-element.elementor-element-2823c20.tilt:hover img {
    animation-play-state: paused;
    transform: rotateX(0) rotateY(0) scale(1.05) translateZ(20px);
}

/* =========================================================
   4. SHINE — diagonal light sweep on hover
   Add class: shine
   ========================================================= */
.elementor-2544 .elementor-element.elementor-element-2823c20.shine {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    isolation: isolate;
}
.elementor-2544 .elementor-element.elementor-element-2823c20.shine::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,
        transparent 30%,
        rgba(255,255,255,0.45) 50%,
        transparent 70%);
    transform: translateX(-110%);
    transition: transform .9s ease;
    pointer-events: none;
    z-index: 2;
    mix-blend-mode: overlay;
}
.elementor-2544 .elementor-element.elementor-element-2823c20.shine:hover::before { transform: translateX(110%); }

/* =========================================================
   5. ZOOM — slow Ken Burns continuous zoom
   Add class: zoom
   ========================================================= */
.elementor-2544 .elementor-element.elementor-element-2823c20.zoom {
    overflow: hidden;
    border-radius: 12px;
}
@keyframes imgKenBurns {
    0%   { transform: scale(1)    translate(0, 0); }
    50%  { transform: scale(1.08) translate(-1.5%, 1%); }
    100% { transform: scale(1)    translate(0, 0); }
}
.elementor-2544 .elementor-element.elementor-element-2823c20.zoom img {
    animation: imgKenBurns 12s ease-in-out infinite;
}

/* =========================================================
   6. SPIN — slow rotation (great for circular badges/logos)
   Add class: spin
   ========================================================= */
@keyframes imgSpin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
.elementor-2544 .elementor-element.elementor-element-2823c20.spin img {
    animation: imgSpin 18s linear infinite;
    border-radius: 50%;
}
.elementor-2544 .elementor-element.elementor-element-2823c20.spin:hover img {
    animation-duration: 4s; /* speeds up on hover */
}

/* =========================================================
   7. REVEAL — fade + rise on first paint (entrance)
   Add class: reveal
   ========================================================= */
@keyframes imgReveal {
    from { opacity: 0; transform: translateY(40px) scale(.96); filter: blur(8px); }
    to   { opacity: 1; transform: translateY(0)    scale(1);   filter: blur(0); }
}
.elementor-2544 .elementor-element.elementor-element-2823c20.reveal img {
    animation: imgReveal 1s cubic-bezier(.2,.8,.2,1) both;
}

/* =========================================================
   8. WOBBLE — playful jiggle on hover
   Add class: wobble
   ========================================================= */
@keyframes imgWobble {
    0%   { transform: rotate(0)    scale(1); }
    20%  { transform: rotate(-3deg) scale(1.05); }
    40%  { transform: rotate(2deg)  scale(1.04); }
    60%  { transform: rotate(-1deg) scale(1.05); }
    80%  { transform: rotate(1deg)  scale(1.04); }
    100% { transform: rotate(0)    scale(1.05); }
}
.elementor-2544 .elementor-element.elementor-element-2823c20.wobble:hover img {
    animation: imgWobble .8s ease-in-out;
}

/* =========================================================
   COMBINED HOVER (works for all variants)
   ========================================================= */
.elementor-2544 .elementor-element.elementor-element-2823c20:hover img {
    filter: brightness(1.04) saturate(1.08);
}

/* ---------- Responsive + reduced-motion ---------- */
@media (max-width: 600px) {
    .elementor-2544 .elementor-element.elementor-element-2823c20 img { border-radius: 8px; }
    .elementor-2544 .elementor-element.elementor-element-2823c20.float img,
    .elementor-2544 .elementor-element.elementor-element-2823c20.tilt img,
    .elementor-2544 .elementor-element.elementor-element-2823c20.pulse img,
    .elementor-2544 .elementor-element.elementor-element-2823c20.zoom img {
        animation-duration: 6s; /* calmer on mobile */
    }
}

@media (prefers-reduced-motion: reduce) {
    .elementor-2544 .elementor-element.elementor-element-2823c20 img,
    .elementor-2544 .elementor-element.elementor-element-2823c20.float img,
    .elementor-2544 .elementor-element.elementor-element-2823c20.pulse img,
    .elementor-2544 .elementor-element.elementor-element-2823c20.tilt img,
    .elementor-2544 .elementor-element.elementor-element-2823c20.zoom img,
    .elementor-2544 .elementor-element.elementor-element-2823c20.spin img,
    .elementor-2544 .elementor-element.elementor-element-2823c20.reveal img,
    .elementor-2544 .elementor-element.elementor-element-2823c20.wobble:hover img,
    .elementor-2544 .elementor-element.elementor-element-2823c20.shine::before {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d7f000 *//* =========================================================
   Elementor Container — Reactive & Dynamic Service Card
   Paste into: Container → Advanced → Custom CSS
   (or the page/site-wide Custom CSS panel)
   ========================================================= */
 
/* ---------- 1. The container itself ---------- */
.elementor-2544 .elementor-element.elementor-element-2d7f000 {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(135deg, #29b6f6 0%, #1e88e5 100%);
    background-size: 200% 200%;
    background-position: 0% 50%;
    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.25);
    transition: transform .45s cubic-bezier(.2,.8,.2,1),
                box-shadow .45s ease,
                background-position .8s ease;
    will-change: transform;
    cursor: pointer;
    isolation: isolate;
}
 
/* Animated gradient sheen across the card */
.elementor-2544 .elementor-element.elementor-element-2d7f000::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,
        transparent 30%,
        rgba(255,255,255,0.18) 50%,
        transparent 70%);
    transform: translateX(-100%);
    transition: transform .9s ease;
    pointer-events: none;
    z-index: 1;
}
 
/* ---------- 2. Hover / focus reactions ---------- */
.elementor-2544 .elementor-element.elementor-element-2d7f000:hover,
.elementor-2544 .elementor-element.elementor-element-2d7f000:focus-within {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 18px 45px rgba(30, 136, 229, 0.4);
    background-position: 100% 50%;
}
 
.elementor-2544 .elementor-element.elementor-element-2d7f000:hover::before {
    transform: translateX(100%);
}
 
/* Zoom + brighten the product image on hover */
.elementor-2544 .elementor-element.elementor-element-2d7f000 img {
    transition: transform .6s cubic-bezier(.2,.8,.2,1),
                filter .4s ease;
    will-change: transform;
}
.elementor-2544 .elementor-element.elementor-element-2d7f000:hover img {
    transform: scale(1.08) rotate(-1deg);
    filter: brightness(1.05) saturate(1.1);
}
 
/* Heading nudges right on hover */
.elementor-2544 .elementor-element.elementor-element-2d7f000 h1, .elementor-2544 .elementor-element.elementor-element-2d7f000 h2, .elementor-2544 .elementor-element.elementor-element-2d7f000 h3, .elementor-2544 .elementor-element.elementor-element-2d7f000 .elementor-heading-title {
    transition: transform .4s ease, letter-spacing .4s ease;
}
.elementor-2544 .elementor-element.elementor-element-2d7f000:hover h1,
.elementor-2544 .elementor-element.elementor-element-2d7f000:hover h2,
.elementor-2544 .elementor-element.elementor-element-2d7f000:hover h3,
.elementor-2544 .elementor-element.elementor-element-2d7f000:hover .elementor-heading-title {
    transform: translateX(4px);
    letter-spacing: .3px;
}
 
/* ---------- 3. Entrance animation when scrolled into view ----------
   Elementor adds .elementor-invisible to widgets with motion effects.
   You can also trigger this manually by adding the class .reveal to the container. */
@keyframes cardRiseIn {
    from { opacity: 0; transform: translateY(40px); }
    to   { opacity: 1; transform: translateY(0); }
}
.elementor-2544 .elementor-element.elementor-element-2d7f000 { animation: cardRiseIn .8s cubic-bezier(.2,.8,.2,1) both; }
 
/* ---------- 4. Responsive breakpoints ---------- */
/* Tablet */
@media (max-width: 1024px) {
    .elementor-2544 .elementor-element.elementor-element-2d7f000 { border-radius: 14px; }
    .elementor-2544 .elementor-element.elementor-element-2d7f000 h2, .elementor-2544 .elementor-element.elementor-element-2d7f000 .elementor-heading-title { font-size: clamp(20px, 3.2vw, 28px); }
    .elementor-2544 .elementor-element.elementor-element-2d7f000 p { font-size: clamp(13px, 1.6vw, 15px); line-height: 1.55; }
}
 
/* Mobile */
@media (max-width: 600px) {
    .elementor-2544 .elementor-element.elementor-element-2d7f000 {
        border-radius: 12px;
        box-shadow: 0 6px 18px rgba(30,136,229,.22);
    }
    .elementor-2544 .elementor-element.elementor-element-2d7f000:hover { transform: none; } /* disable lift on touch */
    .elementor-2544 .elementor-element.elementor-element-2d7f000 h2, .elementor-2544 .elementor-element.elementor-element-2d7f000 .elementor-heading-title { font-size: 22px; line-height: 1.25; }
    .elementor-2544 .elementor-element.elementor-element-2d7f000 p { font-size: 14px; }
    .elementor-2544 .elementor-element.elementor-element-2d7f000 img { max-width: 100%; height: auto; }
}
 
/* ---------- 5. Accessibility: respect reduced-motion ---------- */
@media (prefers-reduced-motion: reduce) {
    .elementor-2544 .elementor-element.elementor-element-2d7f000,
    .elementor-2544 .elementor-element.elementor-element-2d7f000::before,
    .elementor-2544 .elementor-element.elementor-element-2d7f000 img,
    .elementor-2544 .elementor-element.elementor-element-2d7f000 h1, .elementor-2544 .elementor-element.elementor-element-2d7f000 h2, .elementor-2544 .elementor-element.elementor-element-2d7f000 h3, .elementor-2544 .elementor-element.elementor-element-2d7f000 .elementor-heading-title {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6242ce9c *//* =========================================================
   Elementor Container — Reactive & Dynamic Service Card
   Paste into: Container → Advanced → Custom CSS
   (or the page/site-wide Custom CSS panel)
   ========================================================= */
 
/* ---------- 1. The container itself ---------- */
.elementor-2544 .elementor-element.elementor-element-6242ce9c {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(135deg, #29b6f6 0%, #1e88e5 100%);
    background-size: 200% 200%;
    background-position: 0% 50%;
    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.25);
    transition: transform .45s cubic-bezier(.2,.8,.2,1),
                box-shadow .45s ease,
                background-position .8s ease;
    will-change: transform;
    cursor: pointer;
    isolation: isolate;
}
 
/* Animated gradient sheen across the card */
.elementor-2544 .elementor-element.elementor-element-6242ce9c::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,
        transparent 30%,
        rgba(255,255,255,0.18) 50%,
        transparent 70%);
    transform: translateX(-100%);
    transition: transform .9s ease;
    pointer-events: none;
    z-index: 1;
}
 
/* ---------- 2. Hover / focus reactions ---------- */
.elementor-2544 .elementor-element.elementor-element-6242ce9c:hover,
.elementor-2544 .elementor-element.elementor-element-6242ce9c:focus-within {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 18px 45px rgba(30, 136, 229, 0.4);
    background-position: 100% 50%;
}
 
.elementor-2544 .elementor-element.elementor-element-6242ce9c:hover::before {
    transform: translateX(100%);
}
 
/* Zoom + brighten the product image on hover */
.elementor-2544 .elementor-element.elementor-element-6242ce9c img {
    transition: transform .6s cubic-bezier(.2,.8,.2,1),
                filter .4s ease;
    will-change: transform;
}
.elementor-2544 .elementor-element.elementor-element-6242ce9c:hover img {
    transform: scale(1.08) rotate(-1deg);
    filter: brightness(1.05) saturate(1.1);
}
 
/* Heading nudges right on hover */
.elementor-2544 .elementor-element.elementor-element-6242ce9c h1, .elementor-2544 .elementor-element.elementor-element-6242ce9c h2, .elementor-2544 .elementor-element.elementor-element-6242ce9c h3, .elementor-2544 .elementor-element.elementor-element-6242ce9c .elementor-heading-title {
    transition: transform .4s ease, letter-spacing .4s ease;
}
.elementor-2544 .elementor-element.elementor-element-6242ce9c:hover h1,
.elementor-2544 .elementor-element.elementor-element-6242ce9c:hover h2,
.elementor-2544 .elementor-element.elementor-element-6242ce9c:hover h3,
.elementor-2544 .elementor-element.elementor-element-6242ce9c:hover .elementor-heading-title {
    transform: translateX(4px);
    letter-spacing: .3px;
}
 
/* ---------- 3. Entrance animation when scrolled into view ----------
   Elementor adds .elementor-invisible to widgets with motion effects.
   You can also trigger this manually by adding the class .reveal to the container. */
@keyframes cardRiseIn {
    from { opacity: 0; transform: translateY(40px); }
    to   { opacity: 1; transform: translateY(0); }
}
.elementor-2544 .elementor-element.elementor-element-6242ce9c { animation: cardRiseIn .8s cubic-bezier(.2,.8,.2,1) both; }
 
/* ---------- 4. Responsive breakpoints ---------- */
/* Tablet */
@media (max-width: 1024px) {
    .elementor-2544 .elementor-element.elementor-element-6242ce9c { border-radius: 14px; }
    .elementor-2544 .elementor-element.elementor-element-6242ce9c h2, .elementor-2544 .elementor-element.elementor-element-6242ce9c .elementor-heading-title { font-size: clamp(20px, 3.2vw, 28px); }
    .elementor-2544 .elementor-element.elementor-element-6242ce9c p { font-size: clamp(13px, 1.6vw, 15px); line-height: 1.55; }
}
 
/* Mobile */
@media (max-width: 600px) {
    .elementor-2544 .elementor-element.elementor-element-6242ce9c {
        border-radius: 12px;
        box-shadow: 0 6px 18px rgba(30,136,229,.22);
    }
    .elementor-2544 .elementor-element.elementor-element-6242ce9c:hover { transform: none; } /* disable lift on touch */
    .elementor-2544 .elementor-element.elementor-element-6242ce9c h2, .elementor-2544 .elementor-element.elementor-element-6242ce9c .elementor-heading-title { font-size: 22px; line-height: 1.25; }
    .elementor-2544 .elementor-element.elementor-element-6242ce9c p { font-size: 14px; }
    .elementor-2544 .elementor-element.elementor-element-6242ce9c img { max-width: 100%; height: auto; }
}
 
/* ---------- 5. Accessibility: respect reduced-motion ---------- */
@media (prefers-reduced-motion: reduce) {
    .elementor-2544 .elementor-element.elementor-element-6242ce9c,
    .elementor-2544 .elementor-element.elementor-element-6242ce9c::before,
    .elementor-2544 .elementor-element.elementor-element-6242ce9c img,
    .elementor-2544 .elementor-element.elementor-element-6242ce9c h1, .elementor-2544 .elementor-element.elementor-element-6242ce9c h2, .elementor-2544 .elementor-element.elementor-element-6242ce9c h3, .elementor-2544 .elementor-element.elementor-element-6242ce9c .elementor-heading-title {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82cf2f2 *//* =========================================================
   Elementor Container — Reactive & Dynamic Service Card
   Paste into: Container → Advanced → Custom CSS
   (or the page/site-wide Custom CSS panel)
   ========================================================= */
 
/* ---------- 1. The container itself ---------- */
.elementor-2544 .elementor-element.elementor-element-82cf2f2 {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(135deg, #29b6f6 0%, #1e88e5 100%);
    background-size: 200% 200%;
    background-position: 0% 50%;
    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.25);
    transition: transform .45s cubic-bezier(.2,.8,.2,1),
                box-shadow .45s ease,
                background-position .8s ease;
    will-change: transform;
    cursor: pointer;
    isolation: isolate;
}
 
/* Animated gradient sheen across the card */
.elementor-2544 .elementor-element.elementor-element-82cf2f2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,
        transparent 30%,
        rgba(255,255,255,0.18) 50%,
        transparent 70%);
    transform: translateX(-100%);
    transition: transform .9s ease;
    pointer-events: none;
    z-index: 1;
}
 
/* ---------- 2. Hover / focus reactions ---------- */
.elementor-2544 .elementor-element.elementor-element-82cf2f2:hover,
.elementor-2544 .elementor-element.elementor-element-82cf2f2:focus-within {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 18px 45px rgba(30, 136, 229, 0.4);
    background-position: 100% 50%;
}
 
.elementor-2544 .elementor-element.elementor-element-82cf2f2:hover::before {
    transform: translateX(100%);
}
 
/* Zoom + brighten the product image on hover */
.elementor-2544 .elementor-element.elementor-element-82cf2f2 img {
    transition: transform .6s cubic-bezier(.2,.8,.2,1),
                filter .4s ease;
    will-change: transform;
}
.elementor-2544 .elementor-element.elementor-element-82cf2f2:hover img {
    transform: scale(1.08) rotate(-1deg);
    filter: brightness(1.05) saturate(1.1);
}
 
/* Heading nudges right on hover */
.elementor-2544 .elementor-element.elementor-element-82cf2f2 h1, .elementor-2544 .elementor-element.elementor-element-82cf2f2 h2, .elementor-2544 .elementor-element.elementor-element-82cf2f2 h3, .elementor-2544 .elementor-element.elementor-element-82cf2f2 .elementor-heading-title {
    transition: transform .4s ease, letter-spacing .4s ease;
}
.elementor-2544 .elementor-element.elementor-element-82cf2f2:hover h1,
.elementor-2544 .elementor-element.elementor-element-82cf2f2:hover h2,
.elementor-2544 .elementor-element.elementor-element-82cf2f2:hover h3,
.elementor-2544 .elementor-element.elementor-element-82cf2f2:hover .elementor-heading-title {
    transform: translateX(4px);
    letter-spacing: .3px;
}
 
/* ---------- 3. Entrance animation when scrolled into view ----------
   Elementor adds .elementor-invisible to widgets with motion effects.
   You can also trigger this manually by adding the class .reveal to the container. */
@keyframes cardRiseIn {
    from { opacity: 0; transform: translateY(40px); }
    to   { opacity: 1; transform: translateY(0); }
}
.elementor-2544 .elementor-element.elementor-element-82cf2f2 { animation: cardRiseIn .8s cubic-bezier(.2,.8,.2,1) both; }
 
/* ---------- 4. Responsive breakpoints ---------- */
/* Tablet */
@media (max-width: 1024px) {
    .elementor-2544 .elementor-element.elementor-element-82cf2f2 { border-radius: 14px; }
    .elementor-2544 .elementor-element.elementor-element-82cf2f2 h2, .elementor-2544 .elementor-element.elementor-element-82cf2f2 .elementor-heading-title { font-size: clamp(20px, 3.2vw, 28px); }
    .elementor-2544 .elementor-element.elementor-element-82cf2f2 p { font-size: clamp(13px, 1.6vw, 15px); line-height: 1.55; }
}
 
/* Mobile */
@media (max-width: 600px) {
    .elementor-2544 .elementor-element.elementor-element-82cf2f2 {
        border-radius: 12px;
        box-shadow: 0 6px 18px rgba(30,136,229,.22);
    }
    .elementor-2544 .elementor-element.elementor-element-82cf2f2:hover { transform: none; } /* disable lift on touch */
    .elementor-2544 .elementor-element.elementor-element-82cf2f2 h2, .elementor-2544 .elementor-element.elementor-element-82cf2f2 .elementor-heading-title { font-size: 22px; line-height: 1.25; }
    .elementor-2544 .elementor-element.elementor-element-82cf2f2 p { font-size: 14px; }
    .elementor-2544 .elementor-element.elementor-element-82cf2f2 img { max-width: 100%; height: auto; }
}
 
/* ---------- 5. Accessibility: respect reduced-motion ---------- */
@media (prefers-reduced-motion: reduce) {
    .elementor-2544 .elementor-element.elementor-element-82cf2f2,
    .elementor-2544 .elementor-element.elementor-element-82cf2f2::before,
    .elementor-2544 .elementor-element.elementor-element-82cf2f2 img,
    .elementor-2544 .elementor-element.elementor-element-82cf2f2 h1, .elementor-2544 .elementor-element.elementor-element-82cf2f2 h2, .elementor-2544 .elementor-element.elementor-element-82cf2f2 h3, .elementor-2544 .elementor-element.elementor-element-82cf2f2 .elementor-heading-title {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e0a0acd *//* =========================================================
   Elementor Container — Reactive & Dynamic Service Card
   Paste into: Container → Advanced → Custom CSS
   (or the page/site-wide Custom CSS panel)
   ========================================================= */
 
/* ---------- 1. The container itself ---------- */
.elementor-2544 .elementor-element.elementor-element-6e0a0acd {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(135deg, #29b6f6 0%, #1e88e5 100%);
    background-size: 200% 200%;
    background-position: 0% 50%;
    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.25);
    transition: transform .45s cubic-bezier(.2,.8,.2,1),
                box-shadow .45s ease,
                background-position .8s ease;
    will-change: transform;
    cursor: pointer;
    isolation: isolate;
}
 
/* Animated gradient sheen across the card */
.elementor-2544 .elementor-element.elementor-element-6e0a0acd::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,
        transparent 30%,
        rgba(255,255,255,0.18) 50%,
        transparent 70%);
    transform: translateX(-100%);
    transition: transform .9s ease;
    pointer-events: none;
    z-index: 1;
}
 
/* ---------- 2. Hover / focus reactions ---------- */
.elementor-2544 .elementor-element.elementor-element-6e0a0acd:hover,
.elementor-2544 .elementor-element.elementor-element-6e0a0acd:focus-within {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 18px 45px rgba(30, 136, 229, 0.4);
    background-position: 100% 50%;
}
 
.elementor-2544 .elementor-element.elementor-element-6e0a0acd:hover::before {
    transform: translateX(100%);
}
 
/* Zoom + brighten the product image on hover */
.elementor-2544 .elementor-element.elementor-element-6e0a0acd img {
    transition: transform .6s cubic-bezier(.2,.8,.2,1),
                filter .4s ease;
    will-change: transform;
}
.elementor-2544 .elementor-element.elementor-element-6e0a0acd:hover img {
    transform: scale(1.08) rotate(-1deg);
    filter: brightness(1.05) saturate(1.1);
}
 
/* Heading nudges right on hover */
.elementor-2544 .elementor-element.elementor-element-6e0a0acd h1, .elementor-2544 .elementor-element.elementor-element-6e0a0acd h2, .elementor-2544 .elementor-element.elementor-element-6e0a0acd h3, .elementor-2544 .elementor-element.elementor-element-6e0a0acd .elementor-heading-title {
    transition: transform .4s ease, letter-spacing .4s ease;
}
.elementor-2544 .elementor-element.elementor-element-6e0a0acd:hover h1,
.elementor-2544 .elementor-element.elementor-element-6e0a0acd:hover h2,
.elementor-2544 .elementor-element.elementor-element-6e0a0acd:hover h3,
.elementor-2544 .elementor-element.elementor-element-6e0a0acd:hover .elementor-heading-title {
    transform: translateX(4px);
    letter-spacing: .3px;
}
 
/* ---------- 3. Entrance animation when scrolled into view ----------
   Elementor adds .elementor-invisible to widgets with motion effects.
   You can also trigger this manually by adding the class .reveal to the container. */
@keyframes cardRiseIn {
    from { opacity: 0; transform: translateY(40px); }
    to   { opacity: 1; transform: translateY(0); }
}
.elementor-2544 .elementor-element.elementor-element-6e0a0acd { animation: cardRiseIn .8s cubic-bezier(.2,.8,.2,1) both; }
 
/* ---------- 4. Responsive breakpoints ---------- */
/* Tablet */
@media (max-width: 1024px) {
    .elementor-2544 .elementor-element.elementor-element-6e0a0acd { border-radius: 14px; }
    .elementor-2544 .elementor-element.elementor-element-6e0a0acd h2, .elementor-2544 .elementor-element.elementor-element-6e0a0acd .elementor-heading-title { font-size: clamp(20px, 3.2vw, 28px); }
    .elementor-2544 .elementor-element.elementor-element-6e0a0acd p { font-size: clamp(13px, 1.6vw, 15px); line-height: 1.55; }
}
 
/* Mobile */
@media (max-width: 600px) {
    .elementor-2544 .elementor-element.elementor-element-6e0a0acd {
        border-radius: 12px;
        box-shadow: 0 6px 18px rgba(30,136,229,.22);
    }
    .elementor-2544 .elementor-element.elementor-element-6e0a0acd:hover { transform: none; } /* disable lift on touch */
    .elementor-2544 .elementor-element.elementor-element-6e0a0acd h2, .elementor-2544 .elementor-element.elementor-element-6e0a0acd .elementor-heading-title { font-size: 22px; line-height: 1.25; }
    .elementor-2544 .elementor-element.elementor-element-6e0a0acd p { font-size: 14px; }
    .elementor-2544 .elementor-element.elementor-element-6e0a0acd img { max-width: 100%; height: auto; }
}
 
/* ---------- 5. Accessibility: respect reduced-motion ---------- */
@media (prefers-reduced-motion: reduce) {
    .elementor-2544 .elementor-element.elementor-element-6e0a0acd,
    .elementor-2544 .elementor-element.elementor-element-6e0a0acd::before,
    .elementor-2544 .elementor-element.elementor-element-6e0a0acd img,
    .elementor-2544 .elementor-element.elementor-element-6e0a0acd h1, .elementor-2544 .elementor-element.elementor-element-6e0a0acd h2, .elementor-2544 .elementor-element.elementor-element-6e0a0acd h3, .elementor-2544 .elementor-element.elementor-element-6e0a0acd .elementor-heading-title {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-541d7842 *//* =========================================================
   Elementor Container — Reactive & Dynamic Service Card
   Paste into: Container → Advanced → Custom CSS
   (or the page/site-wide Custom CSS panel)
   ========================================================= */
 
/* ---------- 1. The container itself ---------- */
.elementor-2544 .elementor-element.elementor-element-541d7842 {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(135deg, #29b6f6 0%, #1e88e5 100%);
    background-size: 200% 200%;
    background-position: 0% 50%;
    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.25);
    transition: transform .45s cubic-bezier(.2,.8,.2,1),
                box-shadow .45s ease,
                background-position .8s ease;
    will-change: transform;
    cursor: pointer;
    isolation: isolate;
}
 
/* Animated gradient sheen across the card */
.elementor-2544 .elementor-element.elementor-element-541d7842::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,
        transparent 30%,
        rgba(255,255,255,0.18) 50%,
        transparent 70%);
    transform: translateX(-100%);
    transition: transform .9s ease;
    pointer-events: none;
    z-index: 1;
}
 
/* ---------- 2. Hover / focus reactions ---------- */
.elementor-2544 .elementor-element.elementor-element-541d7842:hover,
.elementor-2544 .elementor-element.elementor-element-541d7842:focus-within {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 18px 45px rgba(30, 136, 229, 0.4);
    background-position: 100% 50%;
}
 
.elementor-2544 .elementor-element.elementor-element-541d7842:hover::before {
    transform: translateX(100%);
}
 
/* Zoom + brighten the product image on hover */
.elementor-2544 .elementor-element.elementor-element-541d7842 img {
    transition: transform .6s cubic-bezier(.2,.8,.2,1),
                filter .4s ease;
    will-change: transform;
}
.elementor-2544 .elementor-element.elementor-element-541d7842:hover img {
    transform: scale(1.08) rotate(-1deg);
    filter: brightness(1.05) saturate(1.1);
}
 
/* Heading nudges right on hover */
.elementor-2544 .elementor-element.elementor-element-541d7842 h1, .elementor-2544 .elementor-element.elementor-element-541d7842 h2, .elementor-2544 .elementor-element.elementor-element-541d7842 h3, .elementor-2544 .elementor-element.elementor-element-541d7842 .elementor-heading-title {
    transition: transform .4s ease, letter-spacing .4s ease;
}
.elementor-2544 .elementor-element.elementor-element-541d7842:hover h1,
.elementor-2544 .elementor-element.elementor-element-541d7842:hover h2,
.elementor-2544 .elementor-element.elementor-element-541d7842:hover h3,
.elementor-2544 .elementor-element.elementor-element-541d7842:hover .elementor-heading-title {
    transform: translateX(4px);
    letter-spacing: .3px;
}
 
/* ---------- 3. Entrance animation when scrolled into view ----------
   Elementor adds .elementor-invisible to widgets with motion effects.
   You can also trigger this manually by adding the class .reveal to the container. */
@keyframes cardRiseIn {
    from { opacity: 0; transform: translateY(40px); }
    to   { opacity: 1; transform: translateY(0); }
}
.elementor-2544 .elementor-element.elementor-element-541d7842 { animation: cardRiseIn .8s cubic-bezier(.2,.8,.2,1) both; }
 
/* ---------- 4. Responsive breakpoints ---------- */
/* Tablet */
@media (max-width: 1024px) {
    .elementor-2544 .elementor-element.elementor-element-541d7842 { border-radius: 14px; }
    .elementor-2544 .elementor-element.elementor-element-541d7842 h2, .elementor-2544 .elementor-element.elementor-element-541d7842 .elementor-heading-title { font-size: clamp(20px, 3.2vw, 28px); }
    .elementor-2544 .elementor-element.elementor-element-541d7842 p { font-size: clamp(13px, 1.6vw, 15px); line-height: 1.55; }
}
 
/* Mobile */
@media (max-width: 600px) {
    .elementor-2544 .elementor-element.elementor-element-541d7842 {
        border-radius: 12px;
        box-shadow: 0 6px 18px rgba(30,136,229,.22);
    }
    .elementor-2544 .elementor-element.elementor-element-541d7842:hover { transform: none; } /* disable lift on touch */
    .elementor-2544 .elementor-element.elementor-element-541d7842 h2, .elementor-2544 .elementor-element.elementor-element-541d7842 .elementor-heading-title { font-size: 22px; line-height: 1.25; }
    .elementor-2544 .elementor-element.elementor-element-541d7842 p { font-size: 14px; }
    .elementor-2544 .elementor-element.elementor-element-541d7842 img { max-width: 100%; height: auto; }
}
 
/* ---------- 5. Accessibility: respect reduced-motion ---------- */
@media (prefers-reduced-motion: reduce) {
    .elementor-2544 .elementor-element.elementor-element-541d7842,
    .elementor-2544 .elementor-element.elementor-element-541d7842::before,
    .elementor-2544 .elementor-element.elementor-element-541d7842 img,
    .elementor-2544 .elementor-element.elementor-element-541d7842 h1, .elementor-2544 .elementor-element.elementor-element-541d7842 h2, .elementor-2544 .elementor-element.elementor-element-541d7842 h3, .elementor-2544 .elementor-element.elementor-element-541d7842 .elementor-heading-title {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}/* End custom CSS */