.elementor-19 .elementor-element.elementor-element-29c1551{--display:flex;--min-height:425px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.23;}.elementor-19 .elementor-element.elementor-element-29c1551:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-29c1551 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.158sterling.com/wp-content/uploads/2026/10/WhatsApp-Image-2026-10-14-at-13.30.00-1-1.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19 .elementor-element.elementor-element-29c1551::before, .elementor-19 .elementor-element.elementor-element-29c1551 > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-29c1551 > .e-con-inner > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-29c1551 > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-29c1551 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-29c1551 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#414141;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-41d7dee{width:100%;max-width:100%;text-align:center;}.elementor-19 .elementor-element.elementor-element-41d7dee .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:48px;font-weight:600;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-919e346{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-19 .elementor-element.elementor-element-c1b0b36{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-7ecab15{text-align:end;}.elementor-19 .elementor-element.elementor-element-7ecab15 .elementor-heading-title{font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:400;color:#F8BC26;}.elementor-19 .elementor-element.elementor-element-edb791d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-9c86862{text-align:center;}.elementor-19 .elementor-element.elementor-element-9c86862 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:21px;font-weight:400;color:#F8BC26;}.elementor-19 .elementor-element.elementor-element-9b33ee2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-1134d43{text-align:start;}.elementor-19 .elementor-element.elementor-element-1134d43 .elementor-heading-title{font-family:"Nunito Sans", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-4b8ab07{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-19 .elementor-element.elementor-element-83baf4f{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-19 .elementor-element.elementor-element-75bc957{padding:0px 0px 20px 0px;text-align:center;}.elementor-19 .elementor-element.elementor-element-75bc957 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#202020;}.elementor-19 .elementor-element.elementor-element-6dc234e{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:center;}.elementor-19 .elementor-element.elementor-element-6dc234e .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:54px;font-weight:600;color:#202020;}.elementor-19 .elementor-element.elementor-element-b4eebcd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-19 .elementor-element.elementor-element-bfbf346{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-19 .elementor-element.elementor-element-9dbfda1 img{max-width:100%;}.elementor-19 .elementor-element.elementor-element-2ef0872{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 30px 0px 30px;text-align:center;}.elementor-19 .elementor-element.elementor-element-2ef0872 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:30px;font-weight:600;color:#202020;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-a0db50d{text-align:center;font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:300;}.elementor-19 .elementor-element.elementor-element-10a677a{width:100%;max-width:100%;text-align:center;}.elementor-19 .elementor-element.elementor-element-10a677a .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:600;color:#737373;}.elementor-19 .elementor-element.elementor-element-ec60710{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-cd0cf97 img{max-width:100%;}.elementor-19 .elementor-element.elementor-element-649f03b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 30px 0px 30px;text-align:center;}.elementor-19 .elementor-element.elementor-element-649f03b .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:30px;font-weight:600;color:#202020;}.elementor-19 .elementor-element.elementor-element-61715dd{text-align:center;font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:300;}.elementor-19 .elementor-element.elementor-element-b9d84ea{width:100%;max-width:100%;text-align:center;}.elementor-19 .elementor-element.elementor-element-b9d84ea .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:600;color:#737373;}.elementor-19 .elementor-element.elementor-element-94edd2c{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-cfd14af img{max-width:100%;}.elementor-19 .elementor-element.elementor-element-d85d554{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 30px 0px 30px;text-align:center;}.elementor-19 .elementor-element.elementor-element-d85d554 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:30px;font-weight:600;color:#202020;}.elementor-19 .elementor-element.elementor-element-9d35624{text-align:center;font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:300;}.elementor-19 .elementor-element.elementor-element-a2d29b3{width:100%;max-width:100%;text-align:center;}.elementor-19 .elementor-element.elementor-element-a2d29b3 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:600;color:#737373;}.elementor-19 .elementor-element.elementor-element-9ed1114{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-19 .elementor-element.elementor-element-b2c95b0{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-7870a03 img{max-width:100%;}.elementor-19 .elementor-element.elementor-element-3fd2b84{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 30px 0px 30px;text-align:center;}.elementor-19 .elementor-element.elementor-element-3fd2b84 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:30px;font-weight:600;color:#202020;}.elementor-19 .elementor-element.elementor-element-2a886f5{text-align:center;font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:300;}.elementor-19 .elementor-element.elementor-element-8ed55b4{width:100%;max-width:100%;text-align:center;}.elementor-19 .elementor-element.elementor-element-8ed55b4 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:600;color:#737373;}.elementor-19 .elementor-element.elementor-element-bbe82b0{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-1579c1d img{max-width:100%;}.elementor-19 .elementor-element.elementor-element-d030b89{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;text-align:center;}.elementor-19 .elementor-element.elementor-element-d030b89 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:30px;font-weight:600;color:#202020;}.elementor-19 .elementor-element.elementor-element-ac06bcc{text-align:center;font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:300;}.elementor-19 .elementor-element.elementor-element-776762a{width:100%;max-width:100%;text-align:center;}.elementor-19 .elementor-element.elementor-element-776762a .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:600;color:#737373;}.elementor-19 .elementor-element.elementor-element-67a1541{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-1e8ce87 img{max-width:100%;}.elementor-19 .elementor-element.elementor-element-aafa262{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 30px 0px 30px;text-align:center;}.elementor-19 .elementor-element.elementor-element-aafa262 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:30px;font-weight:600;color:#202020;}.elementor-19 .elementor-element.elementor-element-cccb4c3{text-align:center;font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:300;}.elementor-19 .elementor-element.elementor-element-30d242f{width:100%;max-width:100%;text-align:center;}.elementor-19 .elementor-element.elementor-element-30d242f .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:600;color:#737373;}.elementor-19 .elementor-element.elementor-element-64bb6dc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-19 .elementor-element.elementor-element-f883cd4{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-9a7c087 img{max-width:100%;}.elementor-19 .elementor-element.elementor-element-43f1a13{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 30px 0px 30px;text-align:center;}.elementor-19 .elementor-element.elementor-element-43f1a13 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:30px;font-weight:600;color:#202020;}.elementor-19 .elementor-element.elementor-element-e9859a4{text-align:center;font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:300;}.elementor-19 .elementor-element.elementor-element-4a5dc15{width:100%;max-width:100%;text-align:center;}.elementor-19 .elementor-element.elementor-element-4a5dc15 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:600;color:#737373;}.elementor-19 .elementor-element.elementor-element-ca90576{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-535e5b7 img{max-width:100%;}.elementor-19 .elementor-element.elementor-element-52af5bd{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 30px 0px 30px;text-align:center;}.elementor-19 .elementor-element.elementor-element-52af5bd .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:30px;font-weight:600;color:#202020;}.elementor-19 .elementor-element.elementor-element-bbae84a{text-align:center;font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:300;}.elementor-19 .elementor-element.elementor-element-860d2f1{width:100%;max-width:100%;text-align:center;}.elementor-19 .elementor-element.elementor-element-860d2f1 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:600;color:#737373;}.elementor-19 .elementor-element.elementor-element-bdbac60{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-bdbac60:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-bdbac60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.158sterling.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-23-2026-10_37_37-AM.png");background-position:64px -184px;background-repeat:no-repeat;background-size:52% auto;}.elementor-19 .elementor-element.elementor-element-e07dbba{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-19 .elementor-element.elementor-element-e07dbba:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-e07dbba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#20252D;}.elementor-19 .elementor-element.elementor-element-3c39887{width:100%;max-width:100%;}.elementor-19 .elementor-element.elementor-element-497d7e9{--display:flex;--padding-top:60px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-19 .elementor-element.elementor-element-86c221b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-19 .elementor-element.elementor-element-062c815{--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:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:30px;}.elementor-19 .elementor-element.elementor-element-a19c8b2{width:100%;max-width:100%;text-align:start;}.elementor-19 .elementor-element.elementor-element-a19c8b2 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#202020;}.elementor-19 .elementor-element.elementor-element-7314de8{width:100%;max-width:100%;text-align:start;}.elementor-19 .elementor-element.elementor-element-7314de8 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:54px;font-weight:600;color:#202020;}.elementor-19 .elementor-element.elementor-element-e3c69b7{font-family:"Nunito Sans", Sans-serif;font-weight:300;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-19 .elementor-element.elementor-element-3316a1e .elementor-button{background-color:#5B9B37;font-family:"Space Grotesk", Sans-serif;font-size:14px;font-weight:500;padding:20px 35px 20px 35px;}.elementor-19 .elementor-element.elementor-element-3316a1e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-19 .elementor-element.elementor-element-3316a1e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-19 .elementor-element.elementor-element-1ab4e35{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:10px;}.elementor-19 .elementor-element.elementor-element-dd1b8a5 img{width:100%;max-width:100%;height:350px;object-fit:fill;}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-bdbac60:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-bdbac60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-19 .elementor-element.elementor-element-7314de8 .elementor-heading-title{font-size:30px;}.elementor-19 .elementor-element.elementor-element-e3c69b7{font-size:14px;}.elementor-19 .elementor-element.elementor-element-3316a1e .elementor-button{padding:20px 20px 21px 20px;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-29c1551{--min-height:300px;}.elementor-19 .elementor-element.elementor-element-919e346{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-c1b0b36{--width:33%;}.elementor-19 .elementor-element.elementor-element-7ecab15 .elementor-heading-title{font-size:14px;}.elementor-19 .elementor-element.elementor-element-edb791d{--width:10%;}.elementor-19 .elementor-element.elementor-element-9b33ee2{--width:33%;}.elementor-19 .elementor-element.elementor-element-1134d43 .elementor-heading-title{font-size:14px;}.elementor-19 .elementor-element.elementor-element-6dc234e .elementor-heading-title{font-size:30px;}.elementor-19 .elementor-element.elementor-element-2ef0872 .elementor-heading-title{font-size:25px;}.elementor-19 .elementor-element.elementor-element-649f03b .elementor-heading-title{font-size:25px;}.elementor-19 .elementor-element.elementor-element-d85d554 .elementor-heading-title{font-size:25px;}.elementor-19 .elementor-element.elementor-element-3fd2b84 .elementor-heading-title{font-size:25px;}.elementor-19 .elementor-element.elementor-element-d030b89 .elementor-heading-title{font-size:25px;}.elementor-19 .elementor-element.elementor-element-aafa262 .elementor-heading-title{font-size:25px;}.elementor-19 .elementor-element.elementor-element-43f1a13 .elementor-heading-title{font-size:25px;}.elementor-19 .elementor-element.elementor-element-52af5bd .elementor-heading-title{font-size:25px;}.elementor-19 .elementor-element.elementor-element-bdbac60:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-bdbac60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-19 .elementor-element.elementor-element-7314de8 .elementor-heading-title{font-size:30px;}.elementor-19 .elementor-element.elementor-element-1ab4e35{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-919e346{--width:44%;}.elementor-19 .elementor-element.elementor-element-edb791d{--width:12%;}.elementor-19 .elementor-element.elementor-element-64bb6dc{--width:65%;}.elementor-19 .elementor-element.elementor-element-062c815{--width:50%;}.elementor-19 .elementor-element.elementor-element-1ab4e35{--width:50%;}}@media(min-width:1025px){.elementor-19 .elementor-element.elementor-element-29c1551:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-29c1551 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for heading, class: .elementor-element-75bc957 */.elementor-element-75bc957 .elementor-heading-title { display: inline-block !important; width: auto !important; background-color: #202020 !important; color: #ffffff !important; padding: 0px 0px !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9dbfda1 */.service-card-image { display: block !important; width: 100% !important; height: 220px !important; object-fit: cover !important; object-position: center !important; padding: 0 !important; margin: 0 !important; } .service-card-image img { display: block !important; width: 100% !important; height: 220px !important; object-fit: cover !important; object-position: center !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bfbf346 *//* ========================================================= SERVICE CARD - FINAL CLEAN VERSION ========================================================= */ /* ========================================================= 1. CARD ========================================================= */ .service-card { position: relative !important; border: 1px solid rgba(0, 0, 0, 0.10) !important; transition: border-color 0.3s ease, box-shadow 0.3s ease !important; } /* Card hover */ .service-card:hover { border-color: rgba(0, 0, 0, 0.18) !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important; } /* ========================================================= 2. IMAGE ========================================================= */ .service-card .service-card-image { overflow: hidden !important; } /* Image normal */ .service-card .service-card-image img { display: block !important; width: 100% !important; transform: scale(1) !important; transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } /* Image zoom when CARD is hovered */ .service-card:hover .service-card-image img { transform: scale(1.07) !important; } /* ========================================================= /* ========================================================= SERVICE TITLE - MULTI LINE FIX ========================================================= */ /* Title wrapper */ .service-card .service-card-title .elementor-heading-title { position: relative !important; /* IMPORTANT: inline rakho taaki wrapped text ki har line properly underline ho */ display: inline !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; /* Animated underline */ background-image: linear-gradient( to right, #F8BC26, #F8BC26 ) !important; background-repeat: no-repeat !important; /* Normal = hidden */ background-size: 0% 2px !important; background-position: 0 100% !important; transition: background-size 0.45s cubic-bezier(0.65, 0, 0.35, 1) !important; } /* ========================================================= TITLE HOVER Left → Right underline ========================================================= */ .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } /* ========================================================= REMOVE OLD PSEUDO UNDERLINE ========================================================= */ .service-card .service-card-title .elementor-heading-title::before, .service-card .service-card-title .elementor-heading-title::after { content: none !important; display: none !important; } /* Remove Elementor/theme underline */ .service-card .service-card-title .elementor-heading-title a { text-decoration: none !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .service-card .service-card-title .elementor-heading-title { background-size: 0% 2px !important; background-position: 0 100% !important; } .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } } /* ========================================================= 5. REQUEST A QUOTE IMPORTANT: This is Elementor HEADING widget ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { position: relative !important; display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #737373 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; /* Permanent underline */ text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* Underline thoda neeche */ text-underline-offset: 5px !important; transition: color 0.3s ease !important; } /* ========================================================= 6. CARD HOVER Request a quote text becomes yellow ========================================================= */ .service-card:hover .request-quote-btn .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 7. REQUEST A QUOTE - DIRECT HOVER ========================================================= */ .request-quote-btn:hover .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 8. REQUEST A QUOTE UNDERLINE Always visible ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* FIX: underline text se thoda neeche */ text-underline-offset: 5px !important; } /* ========================================================= 9. REMOVE EXTRA ELEMENTOR / THEME EFFECTS ========================================================= */ .request-quote-btn .elementor-heading-title::before { content: none !important; display: none !important; } /* ========================================================= 10. REMOVE LINK UNDERLINE ========================================================= */ .request-quote-btn a { color: inherit !important; text-decoration: none !important; } /* ========================================================= 11. MOBILE ========================================================= */ @media (max-width: 767px) { /* Card image zoom */ .service-card:hover .service-card-image img { transform: scale(1.05) !important; } /* Title underline */ .service-card .service-card-title .elementor-heading-title::after { bottom: -2px !important; height: 2px !important; } /* Request quote */ .service-card .request-quote-btn .elementor-heading-title { font-size: 15px !important; line-height: 1.4 !important; /* Mobile underline */ text-underline-offset: 5px !important; text-decoration-thickness: 2px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ec60710 *//* ========================================================= SERVICE CARD - FINAL CLEAN VERSION ========================================================= */ /* ========================================================= 1. CARD ========================================================= */ .service-card { position: relative !important; border: 1px solid rgba(0, 0, 0, 0.10) !important; transition: border-color 0.3s ease, box-shadow 0.3s ease !important; } /* Card hover */ .service-card:hover { border-color: rgba(0, 0, 0, 0.18) !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important; } /* ========================================================= 2. IMAGE ========================================================= */ .service-card .service-card-image { overflow: hidden !important; } /* Image normal */ .service-card .service-card-image img { display: block !important; width: 100% !important; transform: scale(1) !important; transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } /* Image zoom when CARD is hovered */ .service-card:hover .service-card-image img { transform: scale(1.07) !important; } /* ========================================================= /* ========================================================= SERVICE TITLE - MULTI LINE FIX ========================================================= */ /* Title wrapper */ .service-card .service-card-title .elementor-heading-title { position: relative !important; /* IMPORTANT: inline rakho taaki wrapped text ki har line properly underline ho */ display: inline !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; /* Animated underline */ background-image: linear-gradient( to right, #F8BC26, #F8BC26 ) !important; background-repeat: no-repeat !important; /* Normal = hidden */ background-size: 0% 2px !important; background-position: 0 100% !important; transition: background-size 0.45s cubic-bezier(0.65, 0, 0.35, 1) !important; } /* ========================================================= TITLE HOVER Left → Right underline ========================================================= */ .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } /* ========================================================= REMOVE OLD PSEUDO UNDERLINE ========================================================= */ .service-card .service-card-title .elementor-heading-title::before, .service-card .service-card-title .elementor-heading-title::after { content: none !important; display: none !important; } /* Remove Elementor/theme underline */ .service-card .service-card-title .elementor-heading-title a { text-decoration: none !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .service-card .service-card-title .elementor-heading-title { background-size: 0% 2px !important; background-position: 0 100% !important; } .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } } /* ========================================================= 5. REQUEST A QUOTE IMPORTANT: This is Elementor HEADING widget ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { position: relative !important; display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #737373 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; /* Permanent underline */ text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* Underline thoda neeche */ text-underline-offset: 5px !important; transition: color 0.3s ease !important; } /* ========================================================= 6. CARD HOVER Request a quote text becomes yellow ========================================================= */ .service-card:hover .request-quote-btn .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 7. REQUEST A QUOTE - DIRECT HOVER ========================================================= */ .request-quote-btn:hover .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 8. REQUEST A QUOTE UNDERLINE Always visible ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* FIX: underline text se thoda neeche */ text-underline-offset: 5px !important; } /* ========================================================= 9. REMOVE EXTRA ELEMENTOR / THEME EFFECTS ========================================================= */ .request-quote-btn .elementor-heading-title::before { content: none !important; display: none !important; } /* ========================================================= 10. REMOVE LINK UNDERLINE ========================================================= */ .request-quote-btn a { color: inherit !important; text-decoration: none !important; } /* ========================================================= 11. MOBILE ========================================================= */ @media (max-width: 767px) { /* Card image zoom */ .service-card:hover .service-card-image img { transform: scale(1.05) !important; } /* Title underline */ .service-card .service-card-title .elementor-heading-title::after { bottom: -2px !important; height: 2px !important; } /* Request quote */ .service-card .request-quote-btn .elementor-heading-title { font-size: 15px !important; line-height: 1.4 !important; /* Mobile underline */ text-underline-offset: 5px !important; text-decoration-thickness: 2px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-94edd2c *//* ========================================================= SERVICE CARD - FINAL CLEAN VERSION ========================================================= */ /* ========================================================= 1. CARD ========================================================= */ .service-card { position: relative !important; border: 1px solid rgba(0, 0, 0, 0.10) !important; transition: border-color 0.3s ease, box-shadow 0.3s ease !important; } /* Card hover */ .service-card:hover { border-color: rgba(0, 0, 0, 0.18) !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important; } /* ========================================================= 2. IMAGE ========================================================= */ .service-card .service-card-image { overflow: hidden !important; } /* Image normal */ .service-card .service-card-image img { display: block !important; width: 100% !important; transform: scale(1) !important; transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } /* Image zoom when CARD is hovered */ .service-card:hover .service-card-image img { transform: scale(1.07) !important; } /* ========================================================= /* ========================================================= SERVICE TITLE - MULTI LINE FIX ========================================================= */ /* Title wrapper */ .service-card .service-card-title .elementor-heading-title { position: relative !important; /* IMPORTANT: inline rakho taaki wrapped text ki har line properly underline ho */ display: inline !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; /* Animated underline */ background-image: linear-gradient( to right, #F8BC26, #F8BC26 ) !important; background-repeat: no-repeat !important; /* Normal = hidden */ background-size: 0% 2px !important; background-position: 0 100% !important; transition: background-size 0.45s cubic-bezier(0.65, 0, 0.35, 1) !important; } /* ========================================================= TITLE HOVER Left → Right underline ========================================================= */ .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } /* ========================================================= REMOVE OLD PSEUDO UNDERLINE ========================================================= */ .service-card .service-card-title .elementor-heading-title::before, .service-card .service-card-title .elementor-heading-title::after { content: none !important; display: none !important; } /* Remove Elementor/theme underline */ .service-card .service-card-title .elementor-heading-title a { text-decoration: none !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .service-card .service-card-title .elementor-heading-title { background-size: 0% 2px !important; background-position: 0 100% !important; } .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } } /* ========================================================= 5. REQUEST A QUOTE IMPORTANT: This is Elementor HEADING widget ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { position: relative !important; display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #737373 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; /* Permanent underline */ text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* Underline thoda neeche */ text-underline-offset: 5px !important; transition: color 0.3s ease !important; } /* ========================================================= 6. CARD HOVER Request a quote text becomes yellow ========================================================= */ .service-card:hover .request-quote-btn .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 7. REQUEST A QUOTE - DIRECT HOVER ========================================================= */ .request-quote-btn:hover .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 8. REQUEST A QUOTE UNDERLINE Always visible ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* FIX: underline text se thoda neeche */ text-underline-offset: 5px !important; } /* ========================================================= 9. REMOVE EXTRA ELEMENTOR / THEME EFFECTS ========================================================= */ .request-quote-btn .elementor-heading-title::before { content: none !important; display: none !important; } /* ========================================================= 10. REMOVE LINK UNDERLINE ========================================================= */ .request-quote-btn a { color: inherit !important; text-decoration: none !important; } /* ========================================================= 11. MOBILE ========================================================= */ @media (max-width: 767px) { /* Card image zoom */ .service-card:hover .service-card-image img { transform: scale(1.05) !important; } /* Title underline */ .service-card .service-card-title .elementor-heading-title::after { bottom: -2px !important; height: 2px !important; } /* Request quote */ .service-card .request-quote-btn .elementor-heading-title { font-size: 15px !important; line-height: 1.4 !important; /* Mobile underline */ text-underline-offset: 5px !important; text-decoration-thickness: 2px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4eebcd *//* ===================================================== REQUEST A QUOTE ===================================================== */ /* ALWAYS visible underline */ .elementor-element-69f8a58 .elementor-widget-button .elementor-button { color: #777777 !important; text-decoration-line: underline !important; text-decoration-style: solid !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; text-underline-offset: 7px !important; transition: color 0.3s ease !important; } /* CARD HOVER: ONLY TEXT COLOR CHANGES */ .elementor-element-69f8a58 .elementor-element:hover .elementor-widget-button .elementor-button { color: #F8BC26 !important; text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; } /* Remove Elementor/theme pseudo effects */ .elementor-element-69f8a58 .elementor-widget-button .elementor-button::before, .elementor-element-69f8a58 .elementor-widget-button .elementor-button::after { display: none !important; content: none !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7870a03 */.service-card-image { display: block !important; width: 100% !important; height: 220px !important; object-fit: cover !important; object-position: center !important; padding: 0 !important; margin: 0 !important; } .service-card-image img { display: block !important; width: 100% !important; height: 220px !important; object-fit: cover !important; object-position: center !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2c95b0 *//* ========================================================= SERVICE CARD - FINAL CLEAN VERSION ========================================================= */ /* ========================================================= 1. CARD ========================================================= */ .service-card { position: relative !important; border: 1px solid rgba(0, 0, 0, 0.10) !important; transition: border-color 0.3s ease, box-shadow 0.3s ease !important; } /* Card hover */ .service-card:hover { border-color: rgba(0, 0, 0, 0.18) !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important; } /* ========================================================= 2. IMAGE ========================================================= */ .service-card .service-card-image { overflow: hidden !important; } /* Image normal */ .service-card .service-card-image img { display: block !important; width: 100% !important; transform: scale(1) !important; transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } /* Image zoom when CARD is hovered */ .service-card:hover .service-card-image img { transform: scale(1.07) !important; } /* ========================================================= /* ========================================================= SERVICE TITLE - MULTI LINE FIX ========================================================= */ /* Title wrapper */ .service-card .service-card-title .elementor-heading-title { position: relative !important; /* IMPORTANT: inline rakho taaki wrapped text ki har line properly underline ho */ display: inline !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; /* Animated underline */ background-image: linear-gradient( to right, #F8BC26, #F8BC26 ) !important; background-repeat: no-repeat !important; /* Normal = hidden */ background-size: 0% 2px !important; background-position: 0 100% !important; transition: background-size 0.45s cubic-bezier(0.65, 0, 0.35, 1) !important; } /* ========================================================= TITLE HOVER Left → Right underline ========================================================= */ .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } /* ========================================================= REMOVE OLD PSEUDO UNDERLINE ========================================================= */ .service-card .service-card-title .elementor-heading-title::before, .service-card .service-card-title .elementor-heading-title::after { content: none !important; display: none !important; } /* Remove Elementor/theme underline */ .service-card .service-card-title .elementor-heading-title a { text-decoration: none !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .service-card .service-card-title .elementor-heading-title { background-size: 0% 2px !important; background-position: 0 100% !important; } .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } } /* ========================================================= 5. REQUEST A QUOTE IMPORTANT: This is Elementor HEADING widget ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { position: relative !important; display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #737373 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; /* Permanent underline */ text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* Underline thoda neeche */ text-underline-offset: 5px !important; transition: color 0.3s ease !important; } /* ========================================================= 6. CARD HOVER Request a quote text becomes yellow ========================================================= */ .service-card:hover .request-quote-btn .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 7. REQUEST A QUOTE - DIRECT HOVER ========================================================= */ .request-quote-btn:hover .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 8. REQUEST A QUOTE UNDERLINE Always visible ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* FIX: underline text se thoda neeche */ text-underline-offset: 5px !important; } /* ========================================================= 9. REMOVE EXTRA ELEMENTOR / THEME EFFECTS ========================================================= */ .request-quote-btn .elementor-heading-title::before { content: none !important; display: none !important; } /* ========================================================= 10. REMOVE LINK UNDERLINE ========================================================= */ .request-quote-btn a { color: inherit !important; text-decoration: none !important; } /* ========================================================= 11. MOBILE ========================================================= */ @media (max-width: 767px) { /* Card image zoom */ .service-card:hover .service-card-image img { transform: scale(1.05) !important; } /* Title underline */ .service-card .service-card-title .elementor-heading-title::after { bottom: -2px !important; height: 2px !important; } /* Request quote */ .service-card .request-quote-btn .elementor-heading-title { font-size: 15px !important; line-height: 1.4 !important; /* Mobile underline */ text-underline-offset: 5px !important; text-decoration-thickness: 2px !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1579c1d */.service-card-image { display: block !important; width: 100% !important; height: 220px !important; object-fit: cover !important; object-position: center !important; padding: 0 !important; margin: 0 !important; } .service-card-image img { display: block !important; width: 100% !important; height: 220px !important; object-fit: cover !important; object-position: center !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bbe82b0 *//* ========================================================= SERVICE CARD - FINAL CLEAN VERSION ========================================================= */ /* ========================================================= 1. CARD ========================================================= */ .service-card { position: relative !important; border: 1px solid rgba(0, 0, 0, 0.10) !important; transition: border-color 0.3s ease, box-shadow 0.3s ease !important; } /* Card hover */ .service-card:hover { border-color: rgba(0, 0, 0, 0.18) !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important; } /* ========================================================= 2. IMAGE ========================================================= */ .service-card .service-card-image { overflow: hidden !important; } /* Image normal */ .service-card .service-card-image img { display: block !important; width: 100% !important; transform: scale(1) !important; transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } /* Image zoom when CARD is hovered */ .service-card:hover .service-card-image img { transform: scale(1.07) !important; } /* ========================================================= /* ========================================================= SERVICE TITLE - MULTI LINE FIX ========================================================= */ /* Title wrapper */ .service-card .service-card-title .elementor-heading-title { position: relative !important; /* IMPORTANT: inline rakho taaki wrapped text ki har line properly underline ho */ display: inline !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; /* Animated underline */ background-image: linear-gradient( to right, #F8BC26, #F8BC26 ) !important; background-repeat: no-repeat !important; /* Normal = hidden */ background-size: 0% 2px !important; background-position: 0 100% !important; transition: background-size 0.45s cubic-bezier(0.65, 0, 0.35, 1) !important; } /* ========================================================= TITLE HOVER Left → Right underline ========================================================= */ .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } /* ========================================================= REMOVE OLD PSEUDO UNDERLINE ========================================================= */ .service-card .service-card-title .elementor-heading-title::before, .service-card .service-card-title .elementor-heading-title::after { content: none !important; display: none !important; } /* Remove Elementor/theme underline */ .service-card .service-card-title .elementor-heading-title a { text-decoration: none !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .service-card .service-card-title .elementor-heading-title { background-size: 0% 2px !important; background-position: 0 100% !important; } .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } } /* ========================================================= 5. REQUEST A QUOTE IMPORTANT: This is Elementor HEADING widget ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { position: relative !important; display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #737373 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; /* Permanent underline */ text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* Underline thoda neeche */ text-underline-offset: 5px !important; transition: color 0.3s ease !important; } /* ========================================================= 6. CARD HOVER Request a quote text becomes yellow ========================================================= */ .service-card:hover .request-quote-btn .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 7. REQUEST A QUOTE - DIRECT HOVER ========================================================= */ .request-quote-btn:hover .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 8. REQUEST A QUOTE UNDERLINE Always visible ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* FIX: underline text se thoda neeche */ text-underline-offset: 5px !important; } /* ========================================================= 9. REMOVE EXTRA ELEMENTOR / THEME EFFECTS ========================================================= */ .request-quote-btn .elementor-heading-title::before { content: none !important; display: none !important; } /* ========================================================= 10. REMOVE LINK UNDERLINE ========================================================= */ .request-quote-btn a { color: inherit !important; text-decoration: none !important; } /* ========================================================= 11. MOBILE ========================================================= */ @media (max-width: 767px) { /* Card image zoom */ .service-card:hover .service-card-image img { transform: scale(1.05) !important; } /* Title underline */ .service-card .service-card-title .elementor-heading-title::after { bottom: -2px !important; height: 2px !important; } /* Request quote */ .service-card .request-quote-btn .elementor-heading-title { font-size: 15px !important; line-height: 1.4 !important; /* Mobile underline */ text-underline-offset: 5px !important; text-decoration-thickness: 2px !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1e8ce87 */.service-card-image { display: block !important; width: 100% !important; height: 220px !important; object-fit: cover !important; object-position: center !important; padding: 0 !important; margin: 0 !important; } .service-card-image img { display: block !important; width: 100% !important; height: 220px !important; object-fit: cover !important; object-position: center !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-67a1541 *//* ========================================================= SERVICE CARD - FINAL CLEAN VERSION ========================================================= */ /* ========================================================= 1. CARD ========================================================= */ .service-card { position: relative !important; border: 1px solid rgba(0, 0, 0, 0.10) !important; transition: border-color 0.3s ease, box-shadow 0.3s ease !important; } /* Card hover */ .service-card:hover { border-color: rgba(0, 0, 0, 0.18) !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important; } /* ========================================================= 2. IMAGE ========================================================= */ .service-card .service-card-image { overflow: hidden !important; } /* Image normal */ .service-card .service-card-image img { display: block !important; width: 100% !important; transform: scale(1) !important; transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } /* Image zoom when CARD is hovered */ .service-card:hover .service-card-image img { transform: scale(1.07) !important; } /* ========================================================= /* ========================================================= SERVICE TITLE - MULTI LINE FIX ========================================================= */ /* Title wrapper */ .service-card .service-card-title .elementor-heading-title { position: relative !important; /* IMPORTANT: inline rakho taaki wrapped text ki har line properly underline ho */ display: inline !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; /* Animated underline */ background-image: linear-gradient( to right, #F8BC26, #F8BC26 ) !important; background-repeat: no-repeat !important; /* Normal = hidden */ background-size: 0% 2px !important; background-position: 0 100% !important; transition: background-size 0.45s cubic-bezier(0.65, 0, 0.35, 1) !important; } /* ========================================================= TITLE HOVER Left → Right underline ========================================================= */ .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } /* ========================================================= REMOVE OLD PSEUDO UNDERLINE ========================================================= */ .service-card .service-card-title .elementor-heading-title::before, .service-card .service-card-title .elementor-heading-title::after { content: none !important; display: none !important; } /* Remove Elementor/theme underline */ .service-card .service-card-title .elementor-heading-title a { text-decoration: none !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .service-card .service-card-title .elementor-heading-title { background-size: 0% 2px !important; background-position: 0 100% !important; } .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } } /* ========================================================= 5. REQUEST A QUOTE IMPORTANT: This is Elementor HEADING widget ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { position: relative !important; display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #737373 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; /* Permanent underline */ text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* Underline thoda neeche */ text-underline-offset: 5px !important; transition: color 0.3s ease !important; } /* ========================================================= 6. CARD HOVER Request a quote text becomes yellow ========================================================= */ .service-card:hover .request-quote-btn .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 7. REQUEST A QUOTE - DIRECT HOVER ========================================================= */ .request-quote-btn:hover .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 8. REQUEST A QUOTE UNDERLINE Always visible ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* FIX: underline text se thoda neeche */ text-underline-offset: 5px !important; } /* ========================================================= 9. REMOVE EXTRA ELEMENTOR / THEME EFFECTS ========================================================= */ .request-quote-btn .elementor-heading-title::before { content: none !important; display: none !important; } /* ========================================================= 10. REMOVE LINK UNDERLINE ========================================================= */ .request-quote-btn a { color: inherit !important; text-decoration: none !important; } /* ========================================================= 11. MOBILE ========================================================= */ @media (max-width: 767px) { /* Card image zoom */ .service-card:hover .service-card-image img { transform: scale(1.05) !important; } /* Title underline */ .service-card .service-card-title .elementor-heading-title::after { bottom: -2px !important; height: 2px !important; } /* Request quote */ .service-card .request-quote-btn .elementor-heading-title { font-size: 15px !important; line-height: 1.4 !important; /* Mobile underline */ text-underline-offset: 5px !important; text-decoration-thickness: 2px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9ed1114 *//* ===================================================== REQUEST A QUOTE ===================================================== */ /* ALWAYS visible underline */ .elementor-element-69f8a58 .elementor-widget-button .elementor-button { color: #777777 !important; text-decoration-line: underline !important; text-decoration-style: solid !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; text-underline-offset: 7px !important; transition: color 0.3s ease !important; } /* CARD HOVER: ONLY TEXT COLOR CHANGES */ .elementor-element-69f8a58 .elementor-element:hover .elementor-widget-button .elementor-button { color: #F8BC26 !important; text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; } /* Remove Elementor/theme pseudo effects */ .elementor-element-69f8a58 .elementor-widget-button .elementor-button::before, .elementor-element-69f8a58 .elementor-widget-button .elementor-button::after { display: none !important; content: none !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9a7c087 */.service-card-image { display: block !important; width: 100% !important; height: 220px !important; object-fit: cover !important; object-position: center !important; padding: 0 !important; margin: 0 !important; } .service-card-image img { display: block !important; width: 100% !important; height: 220px !important; object-fit: cover !important; object-position: center !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f883cd4 *//* ========================================================= SERVICE CARD - FINAL CLEAN VERSION ========================================================= */ /* ========================================================= 1. CARD ========================================================= */ .service-card { position: relative !important; border: 1px solid rgba(0, 0, 0, 0.10) !important; transition: border-color 0.3s ease, box-shadow 0.3s ease !important; } /* Card hover */ .service-card:hover { border-color: rgba(0, 0, 0, 0.18) !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important; } /* ========================================================= 2. IMAGE ========================================================= */ .service-card .service-card-image { overflow: hidden !important; } /* Image normal */ .service-card .service-card-image img { display: block !important; width: 100% !important; transform: scale(1) !important; transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } /* Image zoom when CARD is hovered */ .service-card:hover .service-card-image img { transform: scale(1.07) !important; } /* ========================================================= /* ========================================================= SERVICE TITLE - MULTI LINE FIX ========================================================= */ /* Title wrapper */ .service-card .service-card-title .elementor-heading-title { position: relative !important; /* IMPORTANT: inline rakho taaki wrapped text ki har line properly underline ho */ display: inline !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; /* Animated underline */ background-image: linear-gradient( to right, #F8BC26, #F8BC26 ) !important; background-repeat: no-repeat !important; /* Normal = hidden */ background-size: 0% 2px !important; background-position: 0 100% !important; transition: background-size 0.45s cubic-bezier(0.65, 0, 0.35, 1) !important; } /* ========================================================= TITLE HOVER Left → Right underline ========================================================= */ .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } /* ========================================================= REMOVE OLD PSEUDO UNDERLINE ========================================================= */ .service-card .service-card-title .elementor-heading-title::before, .service-card .service-card-title .elementor-heading-title::after { content: none !important; display: none !important; } /* Remove Elementor/theme underline */ .service-card .service-card-title .elementor-heading-title a { text-decoration: none !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .service-card .service-card-title .elementor-heading-title { background-size: 0% 2px !important; background-position: 0 100% !important; } .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } } /* ========================================================= 5. REQUEST A QUOTE IMPORTANT: This is Elementor HEADING widget ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { position: relative !important; display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #737373 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; /* Permanent underline */ text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* Underline thoda neeche */ text-underline-offset: 5px !important; transition: color 0.3s ease !important; } /* ========================================================= 6. CARD HOVER Request a quote text becomes yellow ========================================================= */ .service-card:hover .request-quote-btn .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 7. REQUEST A QUOTE - DIRECT HOVER ========================================================= */ .request-quote-btn:hover .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 8. REQUEST A QUOTE UNDERLINE Always visible ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* FIX: underline text se thoda neeche */ text-underline-offset: 5px !important; } /* ========================================================= 9. REMOVE EXTRA ELEMENTOR / THEME EFFECTS ========================================================= */ .request-quote-btn .elementor-heading-title::before { content: none !important; display: none !important; } /* ========================================================= 10. REMOVE LINK UNDERLINE ========================================================= */ .request-quote-btn a { color: inherit !important; text-decoration: none !important; } /* ========================================================= 11. MOBILE ========================================================= */ @media (max-width: 767px) { /* Card image zoom */ .service-card:hover .service-card-image img { transform: scale(1.05) !important; } /* Title underline */ .service-card .service-card-title .elementor-heading-title::after { bottom: -2px !important; height: 2px !important; } /* Request quote */ .service-card .request-quote-btn .elementor-heading-title { font-size: 15px !important; line-height: 1.4 !important; /* Mobile underline */ text-underline-offset: 5px !important; text-decoration-thickness: 2px !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-535e5b7 */.service-card-image { display: block !important; width: 100% !important; height: 220px !important; object-fit: cover !important; object-position: center !important; padding: 0 !important; margin: 0 !important; } .service-card-image img { display: block !important; width: 100% !important; height: 220px !important; object-fit: cover !important; object-position: center !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ca90576 *//* ========================================================= SERVICE CARD - FINAL CLEAN VERSION ========================================================= */ /* ========================================================= 1. CARD ========================================================= */ .service-card { position: relative !important; border: 1px solid rgba(0, 0, 0, 0.10) !important; transition: border-color 0.3s ease, box-shadow 0.3s ease !important; } /* Card hover */ .service-card:hover { border-color: rgba(0, 0, 0, 0.18) !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important; } /* ========================================================= 2. IMAGE ========================================================= */ .service-card .service-card-image { overflow: hidden !important; } /* Image normal */ .service-card .service-card-image img { display: block !important; width: 100% !important; transform: scale(1) !important; transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } /* Image zoom when CARD is hovered */ .service-card:hover .service-card-image img { transform: scale(1.07) !important; } /* ========================================================= /* ========================================================= SERVICE TITLE - MULTI LINE FIX ========================================================= */ /* Title wrapper */ .service-card .service-card-title .elementor-heading-title { position: relative !important; /* IMPORTANT: inline rakho taaki wrapped text ki har line properly underline ho */ display: inline !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; /* Animated underline */ background-image: linear-gradient( to right, #F8BC26, #F8BC26 ) !important; background-repeat: no-repeat !important; /* Normal = hidden */ background-size: 0% 2px !important; background-position: 0 100% !important; transition: background-size 0.45s cubic-bezier(0.65, 0, 0.35, 1) !important; } /* ========================================================= TITLE HOVER Left → Right underline ========================================================= */ .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } /* ========================================================= REMOVE OLD PSEUDO UNDERLINE ========================================================= */ .service-card .service-card-title .elementor-heading-title::before, .service-card .service-card-title .elementor-heading-title::after { content: none !important; display: none !important; } /* Remove Elementor/theme underline */ .service-card .service-card-title .elementor-heading-title a { text-decoration: none !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .service-card .service-card-title .elementor-heading-title { background-size: 0% 2px !important; background-position: 0 100% !important; } .service-card:hover .service-card-title .elementor-heading-title { background-size: 100% 2px !important; } } /* ========================================================= 5. REQUEST A QUOTE IMPORTANT: This is Elementor HEADING widget ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { position: relative !important; display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #737373 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; /* Permanent underline */ text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* Underline thoda neeche */ text-underline-offset: 5px !important; transition: color 0.3s ease !important; } /* ========================================================= 6. CARD HOVER Request a quote text becomes yellow ========================================================= */ .service-card:hover .request-quote-btn .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 7. REQUEST A QUOTE - DIRECT HOVER ========================================================= */ .request-quote-btn:hover .elementor-heading-title { color: #F8BC26 !important; } /* ========================================================= 8. REQUEST A QUOTE UNDERLINE Always visible ========================================================= */ .service-card .request-quote-btn .elementor-heading-title { text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; /* FIX: underline text se thoda neeche */ text-underline-offset: 5px !important; } /* ========================================================= 9. REMOVE EXTRA ELEMENTOR / THEME EFFECTS ========================================================= */ .request-quote-btn .elementor-heading-title::before { content: none !important; display: none !important; } /* ========================================================= 10. REMOVE LINK UNDERLINE ========================================================= */ .request-quote-btn a { color: inherit !important; text-decoration: none !important; } /* ========================================================= 11. MOBILE ========================================================= */ @media (max-width: 767px) { /* Card image zoom */ .service-card:hover .service-card-image img { transform: scale(1.05) !important; } /* Title underline */ .service-card .service-card-title .elementor-heading-title::after { bottom: -2px !important; height: 2px !important; } /* Request quote */ .service-card .request-quote-btn .elementor-heading-title { font-size: 15px !important; line-height: 1.4 !important; /* Mobile underline */ text-underline-offset: 5px !important; text-decoration-thickness: 2px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-64bb6dc *//* ===================================================== REQUEST A QUOTE ===================================================== */ /* ALWAYS visible underline */ .elementor-element-69f8a58 .elementor-widget-button .elementor-button { color: #777777 !important; text-decoration-line: underline !important; text-decoration-style: solid !important; text-decoration-color: #F8BC26 !important; text-decoration-thickness: 2px !important; text-underline-offset: 7px !important; transition: color 0.3s ease !important; } /* CARD HOVER: ONLY TEXT COLOR CHANGES */ .elementor-element-69f8a58 .elementor-element:hover .elementor-widget-button .elementor-button { color: #F8BC26 !important; text-decoration-line: underline !important; text-decoration-color: #F8BC26 !important; } /* Remove Elementor/theme pseudo effects */ .elementor-element-69f8a58 .elementor-widget-button .elementor-button::before, .elementor-element-69f8a58 .elementor-widget-button .elementor-button::after { display: none !important; content: none !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3c39887 */.benefit-item { position: relative !important; align-items: flex-start !important; } .benefit-image { align-self: flex-start !important; margin-top: 0 !important; margin-bottom: 0 !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; } .benefit-image img { max-width: none !important; object-fit: contain !important; margin-top: 0 !important; transform: translateY(0) !important; } /* Tablet */ @media (max-width: 1024px) { .benefit-image img { width: 100px !important; height: 100px !important; } } /* Mobile */ @media (max-width: 767px) { .benefit-item { align-items: flex-start !important; } .benefit-image img { width: 80px !important; height: 80px !important; } } /* Small Mobile */ @media (max-width: 480px) { .benefit-image img { width: 70px !important; height: 70px !important; } } /* Main section */ .renewable-benefits { position: relative !important; overflow: visible !important; z-index: 10 !important; } /* Rotating image wrapper */ .renewable-benefits .benefits-rotating { position: absolute !important; z-index: 99999 !important; overflow: visible !important; } /* Rotating image */ .renewable-benefits .benefits-rotating img { position: relative !important; z-index: 999999 !important; max-width: none !important; } /* Elementor HTML widget/container bhi image ko clip na kare */ .renewable-benefits .elementor-widget-html, .renewable-benefits .elementor-widget-container { overflow: visible !important; } .benefits-center{ bottom: 0px!important; } .benefits-rotating{ top: 29%!important; } .renewable-benefits{ padding: 180px 0px!important; } .renewable-benefits { padding: 180px 0 !important; } @media (max-width: 767px) { .renewable-benefits { padding: 40px 0 !important; } } .renewable-benefits .benefits-rotating { position: absolute !important; z-index: 1 !important; } .renewable-benefits .benefit-item { position: relative !important; z-index: 99999 !important; } .benefits-center{ z-index: 0!important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a19c8b2 */.elementor-element-000ccc2 .elementor-heading-title { display: inline-block !important; width: auto !important; background-color: #202020 !important; color: #ffffff !important; padding: 0px 0px !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3316a1e *//* ========================================= REQUEST QUOTE BUTTON CENTER → OUTSIDE DOOR EFFECT ========================================= */ .elementor-element-6ec30ce .elementor-button { position: relative !important; overflow: hidden !important; isolation: isolate !important; /* Original Button Color */ ; color: #ffffff !important; border: none !important; transition: color 0.3s ease !important; } /* ========================================= LEFT DOOR ========================================= */ .elementor-element-6ec30ce .elementor-button::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 50% !important; height: 100% !important; background: #000 !important; z-index: 1 !important; /* Closed at center */ transform: scaleX(0) !important; transform-origin: right center !important; transition: transform 0.45s cubic-bezier(0.77, 0, 0.18, 1) !important; } /* ========================================= RIGHT DOOR ========================================= */ .elementor-element-6ec30ce .elementor-button::after { content: "" !important; position: absolute !important; top: 0 !important; right: 0 !important; width: 50% !important; height: 100% !important; background: #000 !important; z-index: 1 !important; /* Closed at center */ transform: scaleX(0) !important; transform-origin: left center !important; transition: transform 0.45s cubic-bezier(0.77, 0, 0.18, 1) !important; } /* ========================================= HOVER CENTER → BOTH SIDES ========================================= */ .elementor-element-6ec30ce .elementor-button:hover::before { transform: scaleX(1) !important; } .elementor-element-6ec30ce .elementor-button:hover::after { transform: scaleX(1) !important; } /* ========================================= BUTTON CONTENT ABOVE ANIMATION ========================================= */ .elementor-element-6ec30ce .elementor-button-content-wrapper { position: relative !important; z-index: 5 !important; display: inline-flex !important; align-items: center !important; } /* ========================================= TEXT ========================================= */ .elementor-element-6ec30ce .elementor-button-text { position: relative !important; z-index: 6 !important; transition: transform 0.35s ease, color 0.35s ease !important; } /* ========================================= ARROW / ICON ========================================= */ .elementor-element-6ec30ce .elementor-button-icon { position: relative !important; z-index: 6 !important; transition: transform 0.35s ease, color 0.35s ease !important; } /* ========================================= TEXT + ARROW HOVER ========================================= */ .elementor-element-6ec30ce .elementor-button:hover .elementor-button-text { transform: translateX(-3px) !important; } .elementor-element-6ec30ce .elementor-button:hover .elementor-button-icon { transform: translateX(5px) !important; } /* ========================================= HOVER TEXT COLOR ========================================= */ .elementor-element-6ec30ce .elementor-button:hover { color: #ffffff !important; } /* ========================================= REMOVE UNDERLINE ========================================= */ .elementor-element-6ec30ce .elementor-button:hover, .elementor-element-d10fb7f .elementor-button { text-decoration: none !important; }/* End custom CSS */