.elementor-6 .elementor-element.elementor-element-4o3ofgw > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6 .elementor-element.elementor-element-4o3ofgw:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-4o3ofgw > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kandhapropertiesandconstructions.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-25-2026-04_48_03-PM.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-6 .elementor-element.elementor-element-4o3ofgw > .elementor-background-overlay{background-color:#2D2D2D;opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-4o3ofgw{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-bc-flex-widget .elementor-6 .elementor-element.elementor-element-fc33e9d.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-6 .elementor-element.elementor-element-fc33e9d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-6 .elementor-element.elementor-element-fc33e9d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6 .elementor-element.elementor-element-fc33e9d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0% 49% 0% 0%;}.elementor-6 .elementor-element.elementor-element-0277a21 .elementor-heading-title{color:#F5F5F5;}.elementor-6 .elementor-element.elementor-element-66c4eb3 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-66c4eb3 .elementor-heading-title{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-615e54b > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-6 .elementor-element.elementor-element-615e54b{color:#F5F5F5;}.elementor-6 .elementor-element.elementor-element-f701a9b .elementor-repeater-item-bd6e35a .elementor-button{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-f701a9b .elementor-repeater-item-e7d6bdb .elementor-button{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-f701a9b a.elementor-button{color:var( --e-global-color-astglobalcolor2 );}.elementor-6 .elementor-element.elementor-element-f701a9b a.elementor-button svg, .elementor-6 .elementor-element.elementor-element-f701a9b .elementor-button svg{fill:var( --e-global-color-astglobalcolor2 );}.elementor-6 .elementor-element.elementor-element-f701a9b .uael-dual-button-wrap .uael-button-wrapper{margin-right:calc( 18px / 2);margin-left:calc( 18px / 2);}.elementor-6 .elementor-element.elementor-element-f701a9b.uael-button-stack-none .uael-dual-button-wrap{margin-right:calc( -18px / 2);margin-left:calc( -18px / 2);}.elementor-6 .elementor-element.elementor-element-f701a9b.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 18px / 2 );margin-top:calc( 18px / 2 );margin-right:0;margin-left:0;}.elementor-6 .elementor-element.elementor-element-f701a9b.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-6 .elementor-element.elementor-element-f701a9b.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-6 .elementor-element.elementor-element-7f2374b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6 .elementor-element.elementor-element-7f2374b:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-7f2374b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kandhapropertiesandconstructions.com/wp-content/uploads/2026/09/13-joy-garden-city.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-6 .elementor-element.elementor-element-7f2374b > .elementor-background-overlay{background-color:#2D2D2D;opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-7f2374b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-bc-flex-widget .elementor-6 .elementor-element.elementor-element-c83fa66.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-6 .elementor-element.elementor-element-c83fa66.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-6 .elementor-element.elementor-element-c83fa66.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6 .elementor-element.elementor-element-c83fa66 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0% 49% 0% 0%;}.elementor-6 .elementor-element.elementor-element-ed8f673 .elementor-heading-title{color:#F5F5F5;}.elementor-6 .elementor-element.elementor-element-52eb098 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-52eb098 .elementor-heading-title{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-ea2a84e > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-6 .elementor-element.elementor-element-ea2a84e{color:#F5F5F5;}.elementor-6 .elementor-element.elementor-element-d856510 .elementor-repeater-item-bd6e35a .elementor-button{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-d856510 .elementor-repeater-item-e7d6bdb .elementor-button{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-d856510 a.elementor-button{color:var( --e-global-color-astglobalcolor2 );}.elementor-6 .elementor-element.elementor-element-d856510 a.elementor-button svg, .elementor-6 .elementor-element.elementor-element-d856510 .elementor-button svg{fill:var( --e-global-color-astglobalcolor2 );}.elementor-6 .elementor-element.elementor-element-d856510 .uael-dual-button-wrap .uael-button-wrapper{margin-right:calc( 18px / 2);margin-left:calc( 18px / 2);}.elementor-6 .elementor-element.elementor-element-d856510.uael-button-stack-none .uael-dual-button-wrap{margin-right:calc( -18px / 2);margin-left:calc( -18px / 2);}.elementor-6 .elementor-element.elementor-element-d856510.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 18px / 2 );margin-top:calc( 18px / 2 );margin-right:0;margin-left:0;}.elementor-6 .elementor-element.elementor-element-d856510.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-6 .elementor-element.elementor-element-d856510.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-6 .elementor-element.elementor-element-y2844a5:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-y2844a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-6 .elementor-element.elementor-element-y2844a5 > .elementor-container{max-width:1300px;}.elementor-6 .elementor-element.elementor-element-y2844a5{border-style:solid;border-width:0px 0px 03px 0px;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-6 .elementor-element.elementor-element-y2844a5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-4626539 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 100px 0px 100px;}.elementor-6 .elementor-element.elementor-element-896fb52{text-align:center;}.elementor-6 .elementor-element.elementor-element-896fb52 .elementor-heading-title{color:var( --e-global-color-astglobalcolor1 );}.elementor-6 .elementor-element.elementor-element-89cd932{text-align:center;}.elementor-6 .elementor-element.elementor-element-89cd932 .elementor-heading-title{color:#000000;}.elementor-6 .elementor-element.elementor-element-24f766b{text-align:center;}.elementor-6 .elementor-element.elementor-element-94732de{margin-top:0px;margin-bottom:0px;}.elementor-6 .elementor-element.elementor-element-4f55e66:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6 .elementor-element.elementor-element-4f55e66 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2F2F2F;}.elementor-6 .elementor-element.elementor-element-4f55e66 > .elementor-element-populated, .elementor-6 .elementor-element.elementor-element-4f55e66 > .elementor-element-populated > .elementor-background-overlay, .elementor-6 .elementor-element.elementor-element-4f55e66 > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-6 .elementor-element.elementor-element-4f55e66 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:20px 40px 20px 40px;}.elementor-6 .elementor-element.elementor-element-4f55e66 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-c989042 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-c989042 .elementor-icon-box-wrapper{gap:20px;text-align:center;}.elementor-6 .elementor-element.elementor-element-c989042.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-c989042.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-c989042.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-c989042 .elementor-icon{font-size:50px;}.elementor-6 .elementor-element.elementor-element-c989042 .elementor-icon-box-title, .elementor-6 .elementor-element.elementor-element-c989042 .elementor-icon-box-title a{font-size:30px;}.elementor-6 .elementor-element.elementor-element-c989042 .elementor-icon-box-title{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-c989042 .elementor-icon-box-description{color:#BDBDBD;}.elementor-6 .elementor-element.elementor-element-54fa93a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6 .elementor-element.elementor-element-54fa93a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D2D2D;}.elementor-6 .elementor-element.elementor-element-54fa93a > .elementor-element-populated, .elementor-6 .elementor-element.elementor-element-54fa93a > .elementor-element-populated > .elementor-background-overlay, .elementor-6 .elementor-element.elementor-element-54fa93a > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-6 .elementor-element.elementor-element-54fa93a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 40px 0px 40px;}.elementor-6 .elementor-element.elementor-element-54fa93a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-c23dd0b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 00px 0px 0px;}.elementor-6 .elementor-element.elementor-element-c23dd0b .elementor-icon-box-wrapper{gap:20px;}.elementor-6 .elementor-element.elementor-element-c23dd0b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-c23dd0b.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-c23dd0b.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-c23dd0b .elementor-icon{font-size:50px;}.elementor-6 .elementor-element.elementor-element-c23dd0b .elementor-icon-box-title, .elementor-6 .elementor-element.elementor-element-c23dd0b .elementor-icon-box-title a{font-size:30px;}.elementor-6 .elementor-element.elementor-element-c23dd0b .elementor-icon-box-title{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-c23dd0b .elementor-icon-box-description{color:#BDBDBD;}.elementor-6 .elementor-element.elementor-element-1417db0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6 .elementor-element.elementor-element-1417db0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2B2B2B;}.elementor-6 .elementor-element.elementor-element-1417db0 > .elementor-element-populated, .elementor-6 .elementor-element.elementor-element-1417db0 > .elementor-element-populated > .elementor-background-overlay, .elementor-6 .elementor-element.elementor-element-1417db0 > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-6 .elementor-element.elementor-element-1417db0 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 40px 40px 40px;}.elementor-6 .elementor-element.elementor-element-1417db0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-3d656bd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 00px 0px 0px;}.elementor-6 .elementor-element.elementor-element-3d656bd.elementor-element{--align-self:center;}.elementor-6 .elementor-element.elementor-element-3d656bd .elementor-icon-box-wrapper{text-align:center;gap:20px;}.elementor-6 .elementor-element.elementor-element-3d656bd.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-3d656bd.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-3d656bd.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-3d656bd .elementor-icon{font-size:50px;}.elementor-6 .elementor-element.elementor-element-3d656bd .elementor-icon-box-title, .elementor-6 .elementor-element.elementor-element-3d656bd .elementor-icon-box-title a{font-size:30px;}.elementor-6 .elementor-element.elementor-element-3d656bd .elementor-icon-box-title{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-3d656bd .elementor-icon-box-description{color:#BDBDBD;}.elementor-6 .elementor-element.elementor-element-0xexmw2 > .elementor-container{max-width:1300px;}.elementor-6 .elementor-element.elementor-element-0xexmw2{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 40px 0px;}.elementor-6 .elementor-element.elementor-element-0xexmw2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-34d86a2 .elementor-heading-title{color:var( --e-global-color-astglobalcolor1 );}.elementor-6 .elementor-element.elementor-element-fa9bc78 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-fa9bc78{text-align:start;}.elementor-6 .elementor-element.elementor-element-fa9bc78 .elementor-heading-title{color:#000000;}.elementor-6 .elementor-element.elementor-element-6db0fdb{text-align:start;}.elementor-6 .elementor-element.elementor-element-ec39498:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6 .elementor-element.elementor-element-ec39498 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2F2F2F;}.elementor-6 .elementor-element.elementor-element-ec39498 > .elementor-element-populated, .elementor-6 .elementor-element.elementor-element-ec39498 > .elementor-element-populated > .elementor-background-overlay, .elementor-6 .elementor-element.elementor-element-ec39498 > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-6 .elementor-element.elementor-element-ec39498 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:20px 40px 20px 40px;}.elementor-6 .elementor-element.elementor-element-ec39498 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-c911cc5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-c911cc5 .elementor-icon-box-wrapper{text-align:center;}.elementor-6 .elementor-element.elementor-element-c911cc5 .elementor-icon-box-title, .elementor-6 .elementor-element.elementor-element-c911cc5 .elementor-icon-box-title a{font-size:30px;}.elementor-6 .elementor-element.elementor-element-c911cc5 .elementor-icon-box-title{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-c911cc5 .elementor-icon-box-description{color:#BDBDBD;}.elementor-6 .elementor-element.elementor-element-379aa9a .elementor-repeater-item-5508521 .elementor-button{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-379aa9a .elementor-repeater-item-e1d2b78 .elementor-button{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-379aa9a > .elementor-widget-container{padding:010px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-379aa9a .uael-dual-button-wrap .uael-button-wrapper{margin-right:calc( 18px / 2);margin-left:calc( 18px / 2);}.elementor-6 .elementor-element.elementor-element-379aa9a.uael-button-stack-none .uael-dual-button-wrap{margin-right:calc( -18px / 2);margin-left:calc( -18px / 2);}.elementor-6 .elementor-element.elementor-element-379aa9a.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 18px / 2 );margin-top:calc( 18px / 2 );margin-right:0;margin-left:0;}.elementor-6 .elementor-element.elementor-element-379aa9a.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-6 .elementor-element.elementor-element-379aa9a.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-6 .elementor-element.elementor-element-628fb901{--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;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:0px 0px 3px 0px;--padding-top:040px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-30e25c3{--display:flex;}.elementor-6 .elementor-element.elementor-element-28c429c5{padding:24px 0px 25px 0px;}.elementor-6 .elementor-element.elementor-element-c1ba1c5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6 .elementor-element.elementor-element-c1ba1c5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-6 .elementor-element.elementor-element-c1ba1c5 > .elementor-element-populated, .elementor-6 .elementor-element.elementor-element-c1ba1c5 > .elementor-element-populated > .elementor-background-overlay, .elementor-6 .elementor-element.elementor-element-c1ba1c5 > .elementor-background-slideshow{border-radius:32px 32px 32px 32px;}.elementor-6 .elementor-element.elementor-element-c1ba1c5 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;padding:125px 20px 120px 20px;}.elementor-6 .elementor-element.elementor-element-c1ba1c5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-17c420d9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6 .elementor-element.elementor-element-17c420d9 > .elementor-container{max-width:1320px;}.elementor-6 .elementor-element.elementor-element-17c420d9{padding:0px 0px 40px 0px;}.elementor-6 .elementor-element.elementor-element-129b82c8:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6 .elementor-element.elementor-element-129b82c8 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-129b82c8 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-6 .elementor-element.elementor-element-129b82c8 > .elementor-element-populated, .elementor-6 .elementor-element.elementor-element-129b82c8 > .elementor-element-populated > .elementor-background-overlay, .elementor-6 .elementor-element.elementor-element-129b82c8 > .elementor-background-slideshow{border-radius:24px 24px 24px 24px;}.elementor-6 .elementor-element.elementor-element-129b82c8 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:40px 40px 30px 40px;}.elementor-6 .elementor-element.elementor-element-129b82c8 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-4ee8d342 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-6 .elementor-element.elementor-element-4ee8d342 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-6 .elementor-element.elementor-element-4ee8d342 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-6 .elementor-element.elementor-element-4ee8d342 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-6 .elementor-element.elementor-element-4ee8d342 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-6 .elementor-element.elementor-element-4ee8d342 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-6 .elementor-element.elementor-element-4ee8d342 .elementor-icon-list-icon i{color:#FF9437;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-4ee8d342 .elementor-icon-list-icon svg{fill:#FF9437;transition:fill 0.3s;}.elementor-6 .elementor-element.elementor-element-4ee8d342{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-6 .elementor-element.elementor-element-4ee8d342 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-4ee8d342 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:0px;font-weight:400;}.elementor-6 .elementor-element.elementor-element-4ee8d342 .elementor-icon-list-text{transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-b42f46e > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-6 .elementor-element.elementor-element-b42f46e{font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;color:#101010;}.elementor-6 .elementor-element.elementor-element-3f22da38 .elementor-image-box-wrapper{text-align:start;}.elementor-6 .elementor-element.elementor-element-3f22da38 .elementor-image-box-title{margin-bottom:0px;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:capitalize;line-height:1em;color:#000000;}.elementor-6 .elementor-element.elementor-element-25513f5c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6 .elementor-element.elementor-element-25513f5c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-25513f5c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-6 .elementor-element.elementor-element-25513f5c > .elementor-element-populated, .elementor-6 .elementor-element.elementor-element-25513f5c > .elementor-element-populated > .elementor-background-overlay, .elementor-6 .elementor-element.elementor-element-25513f5c > .elementor-background-slideshow{border-radius:24px 24px 24px 24px;}.elementor-6 .elementor-element.elementor-element-25513f5c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:40px 40px 30px 40px;}.elementor-6 .elementor-element.elementor-element-25513f5c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-61d6089f > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-6 .elementor-element.elementor-element-61d6089f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-6 .elementor-element.elementor-element-61d6089f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-6 .elementor-element.elementor-element-61d6089f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-6 .elementor-element.elementor-element-61d6089f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-6 .elementor-element.elementor-element-61d6089f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-6 .elementor-element.elementor-element-61d6089f .elementor-icon-list-icon i{color:#FF9437;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-61d6089f .elementor-icon-list-icon svg{fill:#FF9437;transition:fill 0.3s;}.elementor-6 .elementor-element.elementor-element-61d6089f{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-6 .elementor-element.elementor-element-61d6089f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-61d6089f .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:0px;font-weight:400;}.elementor-6 .elementor-element.elementor-element-61d6089f .elementor-icon-list-text{transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-42a85915 > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-6 .elementor-element.elementor-element-42a85915{font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;color:#101010;}.elementor-6 .elementor-element.elementor-element-575bc76a .elementor-image-box-wrapper{text-align:start;}.elementor-6 .elementor-element.elementor-element-575bc76a .elementor-image-box-title{margin-bottom:0px;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:capitalize;line-height:1em;color:#000000;}.elementor-6 .elementor-element.elementor-element-1c51a0a3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6 .elementor-element.elementor-element-1c51a0a3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-1c51a0a3 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-6 .elementor-element.elementor-element-1c51a0a3 > .elementor-element-populated, .elementor-6 .elementor-element.elementor-element-1c51a0a3 > .elementor-element-populated > .elementor-background-overlay, .elementor-6 .elementor-element.elementor-element-1c51a0a3 > .elementor-background-slideshow{border-radius:24px 24px 24px 24px;}.elementor-6 .elementor-element.elementor-element-1c51a0a3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 20px;--e-column-margin-right:0px;--e-column-margin-left:20px;padding:40px 40px 30px 40px;}.elementor-6 .elementor-element.elementor-element-1c51a0a3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6 .elementor-element.elementor-element-4c60f285 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-6 .elementor-element.elementor-element-4c60f285 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-6 .elementor-element.elementor-element-4c60f285 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-6 .elementor-element.elementor-element-4c60f285 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-6 .elementor-element.elementor-element-4c60f285 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-6 .elementor-element.elementor-element-4c60f285 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-6 .elementor-element.elementor-element-4c60f285 .elementor-icon-list-icon i{color:#FF9437;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-4c60f285 .elementor-icon-list-icon svg{fill:#FF9437;transition:fill 0.3s;}.elementor-6 .elementor-element.elementor-element-4c60f285{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-6 .elementor-element.elementor-element-4c60f285 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-4c60f285 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:0px;font-weight:400;}.elementor-6 .elementor-element.elementor-element-4c60f285 .elementor-icon-list-text{transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-377b3e41 > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-6 .elementor-element.elementor-element-377b3e41{font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;color:#101010;}.elementor-6 .elementor-element.elementor-element-4f3bea81 .elementor-image-box-wrapper{text-align:start;}.elementor-6 .elementor-element.elementor-element-4f3bea81 .elementor-image-box-title{margin-bottom:0px;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:capitalize;line-height:1em;color:#000000;}.elementor-6 .elementor-element.elementor-element-4014136{--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;border-style:none;--border-style:none;--padding-top:040px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-2ce4bb7{--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;border-style:solid;--border-style:solid;--border-radius:03px 03px 03px 03px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:010px;}.elementor-6 .elementor-element.elementor-element-d87ee6d{--display:flex;}.elementor-6 .elementor-element.elementor-element-c38c115{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-6 .elementor-element.elementor-element-101453b{--display:flex;}.elementor-6 .elementor-element.elementor-element-75db297 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6 .elementor-element.elementor-element-75db297 .elementor-icon{font-size:30px;}.elementor-6 .elementor-element.elementor-element-75db297 .elementor-icon-box-title, .elementor-6 .elementor-element.elementor-element-75db297 .elementor-icon-box-title a{font-size:15px;}.elementor-6 .elementor-element.elementor-element-de773cc{--display:flex;}.elementor-6 .elementor-element.elementor-element-7725843 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6 .elementor-element.elementor-element-7725843 .elementor-icon{font-size:30px;}.elementor-6 .elementor-element.elementor-element-7725843 .elementor-icon-box-title, .elementor-6 .elementor-element.elementor-element-7725843 .elementor-icon-box-title a{font-size:15px;}.elementor-6 .elementor-element.elementor-element-68e5e7d{--display:flex;}.elementor-6 .elementor-element.elementor-element-bded756 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6 .elementor-element.elementor-element-bded756 .elementor-icon{font-size:30px;}.elementor-6 .elementor-element.elementor-element-bded756 .elementor-icon-box-title, .elementor-6 .elementor-element.elementor-element-bded756 .elementor-icon-box-title a{font-size:15px;}.elementor-6 .elementor-element.elementor-element-6e706eb{--display:flex;}.elementor-6 .elementor-element.elementor-element-96a1961 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-6 .elementor-element.elementor-element-96a1961 .elementor-icon{font-size:30px;}.elementor-6 .elementor-element.elementor-element-96a1961 .elementor-icon-box-title, .elementor-6 .elementor-element.elementor-element-96a1961 .elementor-icon-box-title a{font-size:15px;}.elementor-6 .elementor-element.elementor-element-480d8f0 .elementor-repeater-item-356bd0e .elementor-button{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-480d8f0 .elementor-repeater-item-82b2190 .elementor-button{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-480d8f0 .uael-dual-button-wrap .uael-button-wrapper{margin-right:calc( 18px / 2);margin-left:calc( 18px / 2);}.elementor-6 .elementor-element.elementor-element-480d8f0.uael-button-stack-none .uael-dual-button-wrap{margin-right:calc( -18px / 2);margin-left:calc( -18px / 2);}.elementor-6 .elementor-element.elementor-element-480d8f0.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 18px / 2 );margin-top:calc( 18px / 2 );margin-right:0;margin-left:0;}.elementor-6 .elementor-element.elementor-element-480d8f0.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-6 .elementor-element.elementor-element-480d8f0.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-6 .elementor-element.elementor-element-89c4c29{--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;border-style:solid;--border-style:solid;border-width:03px 03px 03px 03px;--border-top-width:03px;--border-right-width:03px;--border-bottom-width:03px;--border-left-width:03px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:010px;}.elementor-6 .elementor-element.elementor-element-dfc45bf{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:01px;--margin-right:0px;}.elementor-6 .elementor-element.elementor-element-3d1609b.elementor-element{--align-self:flex-start;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-2ce4bb7{--width:50%;}.elementor-6 .elementor-element.elementor-element-89c4c29{--width:50%;}}@media(max-width:1024px){.elementor-6 .elementor-element.elementor-element-4o3ofgw{padding:100px 50px 110px 50px;}.elementor-6 .elementor-element.elementor-element-fc33e9d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-0277a21{text-align:center;}.elementor-6 .elementor-element.elementor-element-66c4eb3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-66c4eb3{text-align:center;}.elementor-6 .elementor-element.elementor-element-615e54b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-615e54b{text-align:center;}.elementor-6 .elementor-element.elementor-element-f701a9b.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 18px / 2 );margin-top:calc( 18px / 2 );margin-right:0;margin-left:0;}.elementor-6 .elementor-element.elementor-element-f701a9b.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-6 .elementor-element.elementor-element-f701a9b.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-6 .elementor-element.elementor-element-7f2374b{padding:100px 50px 110px 50px;}.elementor-6 .elementor-element.elementor-element-c83fa66 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-ed8f673{text-align:center;}.elementor-6 .elementor-element.elementor-element-52eb098 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-52eb098{text-align:center;}.elementor-6 .elementor-element.elementor-element-ea2a84e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-ea2a84e{text-align:center;}.elementor-6 .elementor-element.elementor-element-d856510.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 18px / 2 );margin-top:calc( 18px / 2 );margin-right:0;margin-left:0;}.elementor-6 .elementor-element.elementor-element-d856510.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-6 .elementor-element.elementor-element-d856510.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-6 .elementor-element.elementor-element-y2844a5{padding:60px 60px 60px 60px;}.elementor-6 .elementor-element.elementor-element-94732de{margin-top:30px;margin-bottom:0px;}.elementor-6 .elementor-element.elementor-element-1417db0 > .elementor-element-populated{margin:50px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-6 .elementor-element.elementor-element-0xexmw2{padding:60px 60px 60px 60px;}.elementor-6 .elementor-element.elementor-element-379aa9a.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 18px / 2 );margin-top:calc( 18px / 2 );margin-right:0;margin-left:0;}.elementor-6 .elementor-element.elementor-element-379aa9a.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-6 .elementor-element.elementor-element-379aa9a.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-6 .elementor-element.elementor-element-c1ba1c5 > .elementor-element-populated{padding:70px 20px 70px 20px;}.elementor-6 .elementor-element.elementor-element-129b82c8 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-6 .elementor-element.elementor-element-129b82c8 > .elementor-element-populated{margin:0px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;padding:20px 20px 20px 20px;}.elementor-6 .elementor-element.elementor-element-b42f46e{font-size:14px;}.elementor-6 .elementor-element.elementor-element-3f22da38 .elementor-image-box-title{margin-bottom:0px;font-size:14px;}.elementor-6 .elementor-element.elementor-element-25513f5c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-6 .elementor-element.elementor-element-25513f5c > .elementor-element-populated{margin:0px 5px 0px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;padding:20px 20px 20px 20px;}.elementor-6 .elementor-element.elementor-element-42a85915{font-size:14px;}.elementor-6 .elementor-element.elementor-element-575bc76a .elementor-image-box-title{margin-bottom:0px;font-size:14px;}.elementor-6 .elementor-element.elementor-element-1c51a0a3 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-6 .elementor-element.elementor-element-1c51a0a3 > .elementor-element-populated{margin:0px 0px 0px 10px;--e-column-margin-right:0px;--e-column-margin-left:10px;padding:20px 20px 20px 20px;}.elementor-6 .elementor-element.elementor-element-377b3e41{font-size:14px;}.elementor-6 .elementor-element.elementor-element-4f3bea81 .elementor-image-box-title{margin-bottom:0px;font-size:14px;}.elementor-6 .elementor-element.elementor-element-c38c115{--grid-auto-flow:row;}.elementor-6 .elementor-element.elementor-element-480d8f0.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 18px / 2 );margin-top:calc( 18px / 2 );margin-right:0;margin-left:0;}.elementor-6 .elementor-element.elementor-element-480d8f0.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-6 .elementor-element.elementor-element-480d8f0.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-4o3ofgw:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-4o3ofgw > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-6 .elementor-element.elementor-element-4o3ofgw{padding:60px 20px 60px 20px;}.elementor-6 .elementor-element.elementor-element-fc33e9d > .elementor-element-populated{margin:0px 0px 18px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-6 .elementor-element.elementor-element-0277a21{text-align:center;}.elementor-6 .elementor-element.elementor-element-66c4eb3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-66c4eb3{text-align:center;}.elementor-6 .elementor-element.elementor-element-615e54b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-615e54b{text-align:center;}.elementor-6 .elementor-element.elementor-element-f701a9b.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 18px / 2 );margin-top:calc( 18px / 2 );margin-right:0;margin-left:0;}.elementor-6 .elementor-element.elementor-element-f701a9b.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-6 .elementor-element.elementor-element-f701a9b.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-6 .elementor-element.elementor-element-7f2374b:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-7f2374b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-6 .elementor-element.elementor-element-7f2374b{padding:60px 20px 60px 20px;}.elementor-6 .elementor-element.elementor-element-c83fa66 > .elementor-element-populated{margin:0px 0px 18px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-6 .elementor-element.elementor-element-ed8f673{text-align:center;}.elementor-6 .elementor-element.elementor-element-52eb098 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-52eb098{text-align:center;}.elementor-6 .elementor-element.elementor-element-ea2a84e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-ea2a84e{text-align:center;}.elementor-6 .elementor-element.elementor-element-d856510.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 18px / 2 );margin-top:calc( 18px / 2 );margin-right:0;margin-left:0;}.elementor-6 .elementor-element.elementor-element-d856510.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-6 .elementor-element.elementor-element-d856510.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-6 .elementor-element.elementor-element-y2844a5{padding:60px 30px 60px 30px;}.elementor-6 .elementor-element.elementor-element-4626539 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-4f55e66 > .elementor-element-populated{padding:0px 30px 30px 30px;}.elementor-6 .elementor-element.elementor-element-54fa93a > .elementor-element-populated{margin:50px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 30px 30px 30px;}.elementor-6 .elementor-element.elementor-element-1417db0 > .elementor-element-populated{padding:0px 30px 30px 30px;}.elementor-6 .elementor-element.elementor-element-0xexmw2{padding:60px 30px 60px 30px;}.elementor-6 .elementor-element.elementor-element-ec39498 > .elementor-element-populated{padding:0px 30px 30px 30px;}.elementor-6 .elementor-element.elementor-element-c911cc5 > .elementor-widget-container{padding:010px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-379aa9a.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 18px / 2 );margin-top:calc( 18px / 2 );margin-right:0;margin-left:0;}.elementor-6 .elementor-element.elementor-element-379aa9a.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-6 .elementor-element.elementor-element-379aa9a.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-6 .elementor-element.elementor-element-129b82c8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6 .elementor-element.elementor-element-129b82c8 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 20px 20px 20px;}.elementor-6 .elementor-element.elementor-element-3f22da38 .elementor-image-box-title{margin-bottom:0px;font-size:14px;}.elementor-6 .elementor-element.elementor-element-25513f5c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6 .elementor-element.elementor-element-25513f5c > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 20px 20px 20px;}.elementor-6 .elementor-element.elementor-element-1c51a0a3.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6 .elementor-element.elementor-element-1c51a0a3 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 20px 20px 20px;}.elementor-6 .elementor-element.elementor-element-c38c115{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-6 .elementor-element.elementor-element-480d8f0.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 18px / 2 );margin-top:calc( 18px / 2 );margin-right:0;margin-left:0;}.elementor-6 .elementor-element.elementor-element-480d8f0.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-6 .elementor-element.elementor-element-480d8f0.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}}@media(max-width:1024px) and (min-width:768px){.elementor-6 .elementor-element.elementor-element-4f55e66{width:50%;}.elementor-6 .elementor-element.elementor-element-54fa93a{width:50%;}.elementor-6 .elementor-element.elementor-element-1417db0{width:50%;}.elementor-6 .elementor-element.elementor-element-ec39498{width:50%;}.elementor-6 .elementor-element.elementor-element-129b82c8{width:33.3%;}.elementor-6 .elementor-element.elementor-element-25513f5c{width:33.3%;}.elementor-6 .elementor-element.elementor-element-1c51a0a3{width:33.3%;}}@media(min-width:1025px){.elementor-6 .elementor-element.elementor-element-4o3ofgw:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-4o3ofgw > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-6 .elementor-element.elementor-element-7f2374b:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-7f2374b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for section, class: .elementor-element-4o3ofgw *//* ========================================================= KANDHA PROPERTIES FINAL HERO SLIDE DESIGN SAME CSS FOR HERO 1 + HERO 2 ========================================================= */ .elementor-6 .elementor-element.elementor-element-4o3ofgw { --kp-green: #74aa22; --kp-lime: #a9eb39; --kp-dark: #13261a; --kp-deep: #315f24; position: relative !important; width: 100% !important; max-width: none !important; min-height: clamp(560px, calc(100svh - 78px), 720px) !important; margin: 0 !important; padding: 76px 5vw 72px !important; display: flex !important; align-items: center !important; overflow: hidden !important; box-sizing: border-box !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center 54% !important; opacity: 1 !important; visibility: visible !important; backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: transform; } /* ========================================================= BACKGROUND OVERLAY ========================================================= */ .elementor-6 .elementor-element.elementor-element-4o3ofgw > .elementor-background-overlay { background: linear-gradient( 90deg, rgba(5,18,10,.95) 0%, rgba(6,20,11,.88) 30%, rgba(7,20,12,.68) 51%, rgba(7,18,11,.32) 73%, rgba(7,18,11,.12) 100% ) !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= SUBTLE CONTENT GLOW ========================================================= */ .elementor-6 .elementor-element.elementor-element-4o3ofgw::after { content: ""; position: absolute; top: 50%; left: -170px; width: 650px; height: 650px; transform: translateY(-50%); border-radius: 50%; background: radial-gradient( circle, rgba(116,170,34,.08) 0%, rgba(116,170,34,.025) 43%, transparent 72% ); pointer-events: none; z-index: 1; } /* ========================================================= INNER CONTENT ========================================================= */ .elementor-6 .elementor-element.elementor-element-4o3ofgw > .elementor-container { position: relative !important; z-index: 2 !important; width: 100% !important; max-width: 1240px !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= LEGACY COLUMN RESET ========================================================= */ .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-column, .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-column-wrap, .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap { width: 100% !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-column > .elementor-widget-wrap, .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-column-wrap > .elementor-widget-wrap { display: block !important; padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget { position: relative !important; inset: auto !important; float: none !important; flex: none !important; display: block !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } /* ========================================================= SMALL GREEN LABEL ========================================================= */ .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(1) { max-width: 760px !important; margin: 0 0 17px !important; padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(1) .elementor-heading-title { margin: 0 !important; color: #b5f13c !important; -webkit-text-fill-color: #b5f13c !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.45 !important; letter-spacing: 1.35px !important; text-transform: uppercase !important; text-shadow: 0 2px 9px rgba(0,0,0,.28); } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(1) .elementor-heading-title::before, .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(1) .elementor-heading-title::after { content: none !important; display: none !important; } /* ========================================================= MAIN HERO TITLE ========================================================= */ .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(2) { position: relative !important; width: 100% !important; max-width: 720px !important; margin: 0 !important; padding: 0 0 23px !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(2) .elementor-heading-title { width: 100% !important; max-width: 720px !important; margin: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: clamp(50px,4.6vw,64px) !important; font-weight: 700 !important; line-height: 1.035 !important; letter-spacing: -1.8px !important; text-wrap: balance; text-shadow: 0 7px 25px rgba(0,0,0,.30); } /* ========================================================= TITLE GREEN LINE ========================================================= */ .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(2)::after { content: ""; position: absolute; left: 0; bottom: 0; width: 92px; height: 3px; border-radius: 20px; background: linear-gradient( 90deg, #74aa22, #a9eb39 ); box-shadow: 0 3px 12px rgba(169,235,57,.20); transition: width .35s ease; } .elementor-6 .elementor-element.elementor-element-4o3ofgw:hover .elementor-widget-heading:nth-child(2)::after { width: 116px; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(2) .elementor-heading-title::after { content: none !important; display: none !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-text-editor { max-width: 625px !important; margin: 24px 0 0 !important; padding: 0 !important; color: rgba(255,255,255,.88) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.68 !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-text-editor p { margin: 0 !important; color: inherit !important; } /* ========================================================= BUTTON AREA ========================================================= */ .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget:last-child { width: auto !important; max-width: 570px !important; margin: 27px 0 0 !important; padding: 0 !important; } /* ========================================================= BUTTON COMMON ========================================================= */ .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget:last-child a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 224px !important; min-height: 50px !important; margin: 0 13px 8px 0 !important; padding: 14px 25px !important; box-sizing: border-box !important; color: #132019 !important; -webkit-text-fill-color: #132019 !important; background: #a9eb39 !important; background-image: none !important; border: 1px solid #a9eb39 !important; border-radius: 8px !important; box-shadow: 0 10px 25px rgba(169,235,57,.17) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .75px !important; text-align: center !important; text-decoration: none !important; text-transform: uppercase !important; transform: translateY(0); transition: transform .30s ease, background .30s ease, border-color .30s ease, color .30s ease, box-shadow .30s ease !important; } /* ========================================================= SECOND BUTTON ========================================================= */ .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget:last-child a:nth-of-type(2), .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget:last-child a + a, .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget:last-child [class*="button"]:nth-child(2) a { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: rgba(255,255,255,.075) !important; border-color: rgba(255,255,255,.52) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } /* ========================================================= BUTTON HOVER ========================================================= */ .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget:last-child a:hover { transform: translateY(-4px); color: #132019 !important; -webkit-text-fill-color: #132019 !important; background: #ffffff !important; border-color: #ffffff !important; box-shadow: 0 15px 30px rgba(0,0,0,.24) !important; } /* ========================================================= TABLET ========================================================= */ @media (min-width:768px) and (max-width:1024px) { .elementor-6 .elementor-element.elementor-element-4o3ofgw { min-height: 570px !important; padding: 65px 34px 64px !important; background-position: 62% center !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw > .elementor-background-overlay { background: linear-gradient( 90deg, rgba(5,18,10,.94) 0%, rgba(6,19,11,.84) 50%, rgba(7,18,11,.45) 100% ) !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(2) .elementor-heading-title { font-size: 50px !important; line-height: 1.04 !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-text-editor { max-width: 590px !important; font-size: 15px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width:767px) { .elementor-6 .elementor-element.elementor-element-4o3ofgw { min-height: 630px !important; padding: 52px 18px 76px !important; align-items: center !important; background-position: 67% center !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw > .elementor-background-overlay { background: linear-gradient( 180deg, rgba(4,16,9,.88) 0%, rgba(5,17,10,.82) 38%, rgba(5,18,10,.87) 68%, rgba(4,15,9,.94) 100% ) !important; opacity: 1 !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw::after { width: 380px; height: 380px; top: 250px; left: -180px; transform: none; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap { text-align: center !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(1) { max-width: 350px !important; margin: 0 auto 16px !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(1) .elementor-heading-title { font-size: 11px !important; letter-spacing: .75px !important; text-align: center !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(2) { max-width: 365px !important; margin: 0 auto !important; padding-bottom: 21px !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(2) .elementor-heading-title { max-width: 365px !important; margin: 0 auto !important; font-size: clamp(37px,10.2vw,44px) !important; line-height: 1.025 !important; letter-spacing: -1.15px !important; text-align: center !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(2)::after { left: 50%; width: 68px; transform: translateX(-50%); } .elementor-6 .elementor-element.elementor-element-4o3ofgw:hover .elementor-widget-heading:nth-child(2)::after { width: 82px; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-text-editor { max-width: 350px !important; margin: 21px auto 0 !important; font-size: 14px !important; line-height: 1.62 !important; text-align: center !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget:last-child { width: 100% !important; max-width: 310px !important; margin: 25px auto 0 !important; text-align: center !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget:last-child a { display: flex !important; width: 100% !important; min-width: 0 !important; min-height: 48px !important; margin: 0 0 10px !important; padding: 13px 18px !important; border-radius: 8px !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget:last-child a:last-child { margin-bottom: 0 !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width:390px) { .elementor-6 .elementor-element.elementor-element-4o3ofgw { min-height: 610px !important; padding: 48px 16px 72px !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-heading:nth-child(2) .elementor-heading-title { font-size: 36px !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget-text-editor { font-size: 13.5px !important; } .elementor-6 .elementor-element.elementor-element-4o3ofgw .elementor-widget-wrap > .elementor-widget:last-child { max-width: 292px !important; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion:reduce) { .elementor-6 .elementor-element.elementor-element-4o3ofgw * { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-7f2374b *//* ========================================================= KANDHA PROPERTIES FINAL HERO SLIDE DESIGN SAME CSS FOR HERO 1 + HERO 2 ========================================================= */ .elementor-6 .elementor-element.elementor-element-7f2374b { --kp-green: #74aa22; --kp-lime: #a9eb39; --kp-dark: #13261a; --kp-deep: #315f24; position: relative !important; width: 100% !important; max-width: none !important; min-height: clamp(560px, calc(100svh - 78px), 720px) !important; margin: 0 !important; padding: 76px 5vw 72px !important; display: flex !important; align-items: center !important; overflow: hidden !important; box-sizing: border-box !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center 54% !important; opacity: 1 !important; visibility: visible !important; backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: transform; } /* ========================================================= BACKGROUND OVERLAY ========================================================= */ .elementor-6 .elementor-element.elementor-element-7f2374b > .elementor-background-overlay { background: linear-gradient( 90deg, rgba(5,18,10,.95) 0%, rgba(6,20,11,.88) 30%, rgba(7,20,12,.68) 51%, rgba(7,18,11,.32) 73%, rgba(7,18,11,.12) 100% ) !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= SUBTLE CONTENT GLOW ========================================================= */ .elementor-6 .elementor-element.elementor-element-7f2374b::after { content: ""; position: absolute; top: 50%; left: -170px; width: 650px; height: 650px; transform: translateY(-50%); border-radius: 50%; background: radial-gradient( circle, rgba(116,170,34,.08) 0%, rgba(116,170,34,.025) 43%, transparent 72% ); pointer-events: none; z-index: 1; } /* ========================================================= INNER CONTENT ========================================================= */ .elementor-6 .elementor-element.elementor-element-7f2374b > .elementor-container { position: relative !important; z-index: 2 !important; width: 100% !important; max-width: 1240px !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= LEGACY COLUMN RESET ========================================================= */ .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-column, .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-column-wrap, .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap { width: 100% !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-column > .elementor-widget-wrap, .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-column-wrap > .elementor-widget-wrap { display: block !important; padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget { position: relative !important; inset: auto !important; float: none !important; flex: none !important; display: block !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } /* ========================================================= SMALL GREEN LABEL ========================================================= */ .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(1) { max-width: 760px !important; margin: 0 0 17px !important; padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(1) .elementor-heading-title { margin: 0 !important; color: #b5f13c !important; -webkit-text-fill-color: #b5f13c !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.45 !important; letter-spacing: 1.35px !important; text-transform: uppercase !important; text-shadow: 0 2px 9px rgba(0,0,0,.28); } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(1) .elementor-heading-title::before, .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(1) .elementor-heading-title::after { content: none !important; display: none !important; } /* ========================================================= MAIN HERO TITLE ========================================================= */ .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(2) { position: relative !important; width: 100% !important; max-width: 720px !important; margin: 0 !important; padding: 0 0 23px !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(2) .elementor-heading-title { width: 100% !important; max-width: 720px !important; margin: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: clamp(50px,4.6vw,64px) !important; font-weight: 700 !important; line-height: 1.035 !important; letter-spacing: -1.8px !important; text-wrap: balance; text-shadow: 0 7px 25px rgba(0,0,0,.30); } /* ========================================================= TITLE GREEN LINE ========================================================= */ .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(2)::after { content: ""; position: absolute; left: 0; bottom: 0; width: 92px; height: 3px; border-radius: 20px; background: linear-gradient( 90deg, #74aa22, #a9eb39 ); box-shadow: 0 3px 12px rgba(169,235,57,.20); transition: width .35s ease; } .elementor-6 .elementor-element.elementor-element-7f2374b:hover .elementor-widget-heading:nth-child(2)::after { width: 116px; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(2) .elementor-heading-title::after { content: none !important; display: none !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-text-editor { max-width: 625px !important; margin: 24px 0 0 !important; padding: 0 !important; color: rgba(255,255,255,.88) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.68 !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-text-editor p { margin: 0 !important; color: inherit !important; } /* ========================================================= BUTTON AREA ========================================================= */ .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget:last-child { width: auto !important; max-width: 570px !important; margin: 27px 0 0 !important; padding: 0 !important; } /* ========================================================= BUTTON COMMON ========================================================= */ .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget:last-child a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 224px !important; min-height: 50px !important; margin: 0 13px 8px 0 !important; padding: 14px 25px !important; box-sizing: border-box !important; color: #132019 !important; -webkit-text-fill-color: #132019 !important; background: #a9eb39 !important; background-image: none !important; border: 1px solid #a9eb39 !important; border-radius: 8px !important; box-shadow: 0 10px 25px rgba(169,235,57,.17) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .75px !important; text-align: center !important; text-decoration: none !important; text-transform: uppercase !important; transform: translateY(0); transition: transform .30s ease, background .30s ease, border-color .30s ease, color .30s ease, box-shadow .30s ease !important; } /* ========================================================= SECOND BUTTON ========================================================= */ .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget:last-child a:nth-of-type(2), .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget:last-child a + a, .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget:last-child [class*="button"]:nth-child(2) a { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: rgba(255,255,255,.075) !important; border-color: rgba(255,255,255,.52) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } /* ========================================================= BUTTON HOVER ========================================================= */ .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget:last-child a:hover { transform: translateY(-4px); color: #132019 !important; -webkit-text-fill-color: #132019 !important; background: #ffffff !important; border-color: #ffffff !important; box-shadow: 0 15px 30px rgba(0,0,0,.24) !important; } /* ========================================================= TABLET ========================================================= */ @media (min-width:768px) and (max-width:1024px) { .elementor-6 .elementor-element.elementor-element-7f2374b { min-height: 570px !important; padding: 65px 34px 64px !important; background-position: 62% center !important; } .elementor-6 .elementor-element.elementor-element-7f2374b > .elementor-background-overlay { background: linear-gradient( 90deg, rgba(5,18,10,.94) 0%, rgba(6,19,11,.84) 50%, rgba(7,18,11,.45) 100% ) !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(2) .elementor-heading-title { font-size: 50px !important; line-height: 1.04 !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-text-editor { max-width: 590px !important; font-size: 15px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width:767px) { .elementor-6 .elementor-element.elementor-element-7f2374b { min-height: 630px !important; padding: 52px 18px 76px !important; align-items: center !important; background-position: 67% center !important; } .elementor-6 .elementor-element.elementor-element-7f2374b > .elementor-background-overlay { background: linear-gradient( 180deg, rgba(4,16,9,.88) 0%, rgba(5,17,10,.82) 38%, rgba(5,18,10,.87) 68%, rgba(4,15,9,.94) 100% ) !important; opacity: 1 !important; } .elementor-6 .elementor-element.elementor-element-7f2374b::after { width: 380px; height: 380px; top: 250px; left: -180px; transform: none; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap { text-align: center !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(1) { max-width: 350px !important; margin: 0 auto 16px !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(1) .elementor-heading-title { font-size: 11px !important; letter-spacing: .75px !important; text-align: center !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(2) { max-width: 365px !important; margin: 0 auto !important; padding-bottom: 21px !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(2) .elementor-heading-title { max-width: 365px !important; margin: 0 auto !important; font-size: clamp(37px,10.2vw,44px) !important; line-height: 1.025 !important; letter-spacing: -1.15px !important; text-align: center !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(2)::after { left: 50%; width: 68px; transform: translateX(-50%); } .elementor-6 .elementor-element.elementor-element-7f2374b:hover .elementor-widget-heading:nth-child(2)::after { width: 82px; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-text-editor { max-width: 350px !important; margin: 21px auto 0 !important; font-size: 14px !important; line-height: 1.62 !important; text-align: center !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget:last-child { width: 100% !important; max-width: 310px !important; margin: 25px auto 0 !important; text-align: center !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget:last-child a { display: flex !important; width: 100% !important; min-width: 0 !important; min-height: 48px !important; margin: 0 0 10px !important; padding: 13px 18px !important; border-radius: 8px !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget:last-child a:last-child { margin-bottom: 0 !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width:390px) { .elementor-6 .elementor-element.elementor-element-7f2374b { min-height: 610px !important; padding: 48px 16px 72px !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-heading:nth-child(2) .elementor-heading-title { font-size: 36px !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget-text-editor { font-size: 13.5px !important; } .elementor-6 .elementor-element.elementor-element-7f2374b .elementor-widget-wrap > .elementor-widget:last-child { max-width: 292px !important; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion:reduce) { .elementor-6 .elementor-element.elementor-element-7f2374b * { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-y2844a5 *//* ========================================================= KANDHA PROPERTIES TRUST / STATS SECTION FINAL CLEAN PREMIUM CSS EXISTING OUTER CLASS: kandha-stats-section SCROLL ANIMATION: HANDLED BY CODE SNIPPETS ========================================================= */ /* ========================================================= 01. MAIN SECTION ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 { --kp-green: #74aa22; --kp-lime: #a9eb39; --kp-dark: #14251a; --kp-deep: #315f24; --kp-text: #606d64; position: relative; overflow: hidden; width: 100% !important; padding: 82px 5vw 88px !important; background: radial-gradient( circle at 8% 8%, rgba(169,235,57,.09) 0%, rgba(169,235,57,0) 28% ), linear-gradient( 180deg, #ffffff 0%, #f6f9f2 100% ) !important; } /* ========================================================= DECORATIVE BACKGROUND ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5::before { content: ""; position: absolute; top: -160px; right: -150px; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient( circle, rgba(169,235,57,.085), transparent 68% ); pointer-events: none; } .elementor-6 .elementor-element.elementor-element-y2844a5::after { content: ""; position: absolute; left: -140px; bottom: -170px; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient( circle, rgba(116,170,34,.055), transparent 70% ); pointer-events: none; } /* ========================================================= 02. MAIN WIDTH ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 > .elementor-container { position: relative; z-index: 2; width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 > .elementor-container > .elementor-column { width: 100% !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget { margin-left: 0 !important; margin-right: 0 !important; } /* ========================================================= 03. SMALL HEADING ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 h6.elementor-heading-title { max-width: 900px !important; margin: 0 auto 12px !important; padding: 0 !important; color: #6d9f22 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.4 !important; letter-spacing: 1px !important; text-transform: uppercase !important; text-align: center !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 h6.elementor-heading-title::before, .elementor-6 .elementor-element.elementor-element-y2844a5 h6.elementor-heading-title::after { content: none !important; display: none !important; } /* ========================================================= 04. MAIN HEADING ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 h1.elementor-heading-title, .elementor-6 .elementor-element.elementor-element-y2844a5 h2.elementor-heading-title { max-width: 980px !important; margin: 0 auto !important; padding: 0 !important; color: var(--kp-dark) !important; font-size: clamp(38px, 3.8vw, 50px) !important; font-weight: 700 !important; line-height: 1.10 !important; letter-spacing: -1.35px !important; text-align: center !important; } /* ========================================================= HEADING ACCENT ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 h1.elementor-heading-title::after, .elementor-6 .elementor-element.elementor-element-y2844a5 h2.elementor-heading-title::after { content: "" !important; display: block !important; width: 66px !important; height: 3px !important; margin: 19px auto 0 !important; border-radius: 30px !important; background: linear-gradient( 90deg, #6c9d21, #b6ed48 ) !important; box-shadow: 0 3px 10px rgba(116,170,34,.12); transition: width .35s ease !important; } .elementor-6 .elementor-element.elementor-element-y2844a5:hover h1.elementor-heading-title::after, .elementor-6 .elementor-element.elementor-element-y2844a5:hover h2.elementor-heading-title::after { width: 84px !important; } /* ========================================================= 05. DESCRIPTION ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-widget-text-editor { max-width: 820px !important; margin: 19px auto 0 !important; color: var(--kp-text) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.70 !important; text-align: center !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-widget-text-editor p { margin: 0 !important; color: inherit !important; font-size: inherit !important; line-height: inherit !important; } /* ========================================================= 06. CARDS AREA ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section { position: relative; z-index: 2; width: 100% !important; margin: 39px 0 0 !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section > .elementor-container { display: flex !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; gap: 22px !important; } /* ========================================================= EQUAL COLUMNS ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section > .elementor-container > .elementor-column { width: calc((100% - 44px) / 3) !important; flex: 0 0 calc((100% - 44px) / 3) !important; margin: 0 !important; } /* ========================================================= 07. CARD ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-column > .elementor-widget-wrap { position: relative; overflow: hidden; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 255px !important; margin: 0 !important; padding: 32px 26px !important; background: #ffffff !important; border: 1px solid rgba(30,66,38,.10) !important; border-radius: 15px !important; box-shadow: 0 13px 36px rgba(26,53,31,.065), 0 3px 8px rgba(26,53,31,.025) !important; transform: translateY(0); transition: transform .34s ease, box-shadow .34s ease, border-color .34s ease !important; } /* ========================================================= CARD TOP ACCENT ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-column > .elementor-widget-wrap::before { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 4px; transform: translateX(-50%); border-radius: 0 0 10px 10px; background: linear-gradient( 90deg, #6c9d21, #b5ef45 ); transition: width .34s ease; } /* ========================================================= CARD GLOW ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-column > .elementor-widget-wrap::after { content: ""; position: absolute; top: -70px; right: -70px; width: 145px; height: 145px; border-radius: 50%; background: rgba(169,235,57,.065); transition: transform .34s ease, background .34s ease; } /* ========================================================= CARD HOVER ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-column:hover > .elementor-widget-wrap { transform: translateY(-6px); border-color: rgba(108,157,33,.27) !important; box-shadow: 0 22px 48px rgba(25,55,31,.12), 0 6px 16px rgba(25,55,31,.045) !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-column:hover > .elementor-widget-wrap::before { width: 100%; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-column:hover > .elementor-widget-wrap::after { transform: scale(1.22); background: rgba(169,235,57,.12); } /* ========================================================= 08. ICON BOX ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-widget-icon-box { position: relative; z-index: 2; width: 100% !important; margin: 0 !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-icon-box-wrapper { text-align: center !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-icon-box-icon { margin: 0 0 18px !important; } /* ========================================================= ICON TILE ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; color: #65941f !important; background: #eef8df !important; border: 1px solid rgba(108,159,33,.15) !important; border-radius: 15px !important; font-size: 27px !important; transition: transform .34s ease, color .34s ease, background .34s ease, box-shadow .34s ease !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-icon i { color: inherit !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-icon svg { width: 27px !important; height: 27px !important; fill: currentColor !important; color: inherit !important; } /* ========================================================= ICON HOVER ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-column:hover .elementor-icon { color: #152719 !important; background: var(--kp-lime) !important; box-shadow: 0 10px 22px rgba(169,235,57,.18) !important; transform: translateY(-3px) rotate(-3deg); } /* ========================================================= 09. CARD TITLE ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-icon-box-title { margin: 0 0 10px !important; color: #17291c !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: -.35px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-icon-box-title a { color: inherit !important; text-decoration: none !important; } /* ========================================================= 10. CARD DESCRIPTION ========================================================= */ .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-icon-box-description { max-width: 300px !important; margin: 0 auto !important; color: #68736b !important; font-size: 14.5px !important; font-weight: 400 !important; line-height: 1.62 !important; } /* ========================================================= 11. TABLET ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-6 .elementor-element.elementor-element-y2844a5 { padding: 68px 30px 74px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 h6.elementor-heading-title { font-size: 12px !important; letter-spacing: .85px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 h1.elementor-heading-title, .elementor-6 .elementor-element.elementor-element-y2844a5 h2.elementor-heading-title { font-size: 39px !important; line-height: 1.12 !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section > .elementor-container { gap: 16px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section > .elementor-container > .elementor-column { width: calc((100% - 32px) / 3) !important; flex: 0 0 calc((100% - 32px) / 3) !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-column > .elementor-widget-wrap { min-height: 255px !important; padding: 28px 19px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-icon-box-title { font-size: 19px !important; } } /* ========================================================= 12. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-6 .elementor-element.elementor-element-y2844a5 { padding: 52px 16px 57px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 h6.elementor-heading-title { max-width: 330px !important; margin-bottom: 10px !important; font-size: 11px !important; line-height: 1.45 !important; letter-spacing: .6px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 h1.elementor-heading-title, .elementor-6 .elementor-element.elementor-element-y2844a5 h2.elementor-heading-title { max-width: 100% !important; font-size: 30px !important; line-height: 1.13 !important; letter-spacing: -.65px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 h1.elementor-heading-title::after, .elementor-6 .elementor-element.elementor-element-y2844a5 h2.elementor-heading-title::after { width: 52px !important; margin-top: 16px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-widget-text-editor { max-width: 100% !important; margin-top: 16px !important; font-size: 14px !important; line-height: 1.62 !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section { margin-top: 28px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section > .elementor-container { flex-direction: column !important; gap: 14px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section > .elementor-container > .elementor-column { width: 100% !important; flex: 0 0 100% !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-column > .elementor-widget-wrap { min-height: auto !important; padding: 26px 20px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-icon { width: 56px !important; height: 56px !important; font-size: 24px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-icon-box-icon { margin-bottom: 16px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-icon-box-title { font-size: 19px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-icon-box-description { max-width: 330px !important; font-size: 14px !important; line-height: 1.58 !important; } /* Mobile hover smaller */ .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-column:hover > .elementor-widget-wrap { transform: translateY(-3px); } } /* ========================================================= 13. SMALL MOBILE ========================================================= */ @media (max-width: 400px) { .elementor-6 .elementor-element.elementor-element-y2844a5 { padding: 48px 14px 52px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 h1.elementor-heading-title, .elementor-6 .elementor-element.elementor-element-y2844a5 h2.elementor-heading-title { font-size: 28px !important; } .elementor-6 .elementor-element.elementor-element-y2844a5 .elementor-inner-section .elementor-column > .elementor-widget-wrap { padding: 24px 18px !important; } } /* ========================================================= 14. ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-6 .elementor-element.elementor-element-y2844a5 *, .elementor-6 .elementor-element.elementor-element-y2844a5 *::before, .elementor-6 .elementor-element.elementor-element-y2844a5 *::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-0xexmw2 *//* ========================================================= KANDHA PROPERTIES FIND YOUR IDEAL PLOT FINAL FINETUNE + RESPONSIVE + HOVER ========================================================= */ /* ========================================================= 01. MAIN SECTION ========================================================= */ .elementor-6 .elementor-element.elementor-element-0xexmw2 { --kp-green: #74aa22; --kp-lime: #a9eb39; --kp-dark: #14251a; --kp-deep: #315f24; --kp-text: #606d64; position: relative; overflow: hidden; width: 100% !important; padding: 80px 5vw 84px !important; background: radial-gradient( circle at 92% 8%, rgba(169,235,57,.085) 0%, rgba(169,235,57,0) 28% ), linear-gradient( 180deg, #ffffff 0%, #f7f9f4 100% ) !important; } /* Decorative soft glow */ .elementor-6 .elementor-element.elementor-element-0xexmw2::before { content: ""; position: absolute; top: -150px; right: -140px; width: 330px; height: 330px; border-radius: 50%; background: radial-gradient( circle, rgba(169,235,57,.075), transparent 70% ); pointer-events: none; } /* ========================================================= 02. MAIN CONTENT WIDTH ========================================================= */ .elementor-6 .elementor-element.elementor-element-0xexmw2 > .elementor-container { position: relative; z-index: 2; width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 > .elementor-container > .elementor-column { width: 100% !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget { margin-left: 0 !important; margin-right: 0 !important; } /* ========================================================= 03. SMALL HEADING ========================================================= */ .elementor-6 .elementor-element.elementor-element-0xexmw2 h6.elementor-heading-title { margin: 0 0 11px !important; padding: 0 !important; color: #6c9d21 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.4 !important; letter-spacing: 1px !important; text-transform: uppercase !important; text-align: left !important; } /* ========================================================= 04. MAIN H2 ========================================================= */ .elementor-6 .elementor-element.elementor-element-0xexmw2 h2.elementor-heading-title { max-width: 900px !important; margin: 0 !important; padding: 0 !important; color: var(--kp-dark) !important; font-size: clamp(38px,3.8vw,50px) !important; font-weight: 700 !important; line-height: 1.10 !important; letter-spacing: -1.3px !important; text-align: left !important; } /* Accent divider */ .elementor-6 .elementor-element.elementor-element-0xexmw2 h2.elementor-heading-title::after { content: "" !important; display: block !important; width: 66px !important; height: 3px !important; margin: 18px 0 0 !important; border-radius: 30px !important; background: linear-gradient( 90deg, #6c9d21, #b5ef45 ) !important; box-shadow: 0 3px 10px rgba(116,170,34,.12); transition: width .35s ease !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2:hover h2.elementor-heading-title::after { width: 88px !important; } /* ========================================================= 05. INTRO DESCRIPTION ========================================================= */ .elementor-6 .elementor-element.elementor-element-0xexmw2 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor { max-width: 930px !important; margin: 18px 0 0 !important; color: var(--kp-text) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.68 !important; text-align: left !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor p { margin: 0 !important; color: inherit !important; font-size: inherit !important; line-height: inherit !important; } /* ========================================================= 06. CARDS ROW ========================================================= */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards { width: 100% !important; margin: 36px 0 0 !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards > .elementor-container { display: flex !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; gap: 20px !important; } /* 3 Equal cards */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards > .elementor-container > .elementor-column { width: calc((100% - 40px) / 3) !important; flex: 0 0 calc((100% - 40px) / 3) !important; margin: 0 !important; } /* ========================================================= 07. CARD DESIGN ========================================================= */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-column > .elementor-widget-wrap { position: relative; overflow: hidden; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 248px !important; margin: 0 !important; padding: 31px 26px !important; background: #ffffff !important; border: 1px solid rgba(30,66,38,.10) !important; border-radius: 15px !important; box-shadow: 0 13px 36px rgba(24,52,29,.065), 0 3px 8px rgba(24,52,29,.025) !important; transform: translateY(0); transition: transform .34s ease, border-color .34s ease, box-shadow .34s ease !important; } /* ========================================================= CARD TOP ACCENT ========================================================= */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-column > .elementor-widget-wrap::before { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 4px; transform: translateX(-50%); border-radius: 0 0 10px 10px; background: linear-gradient( 90deg, #6c9d21, #b5ef45 ); transition: width .34s ease; } /* ========================================================= CARD GLOW ========================================================= */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-column > .elementor-widget-wrap::after { content: ""; position: absolute; top: -65px; right: -65px; width: 140px; height: 140px; border-radius: 50%; background: rgba(169,235,57,.065); transition: transform .34s ease, background .34s ease; } /* ========================================================= CARD HOVER ========================================================= */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-column:hover > .elementor-widget-wrap { transform: translateY(-6px); border-color: rgba(108,157,33,.27) !important; box-shadow: 0 22px 48px rgba(25,55,31,.12), 0 6px 16px rgba(25,55,31,.045) !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-column:hover > .elementor-widget-wrap::before { width: 100%; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-column:hover > .elementor-widget-wrap::after { transform: scale(1.22); background: rgba(169,235,57,.12); } /* ========================================================= 08. CARD CONTENT ========================================================= */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-widget-wrap > .elementor-widget { position: relative; z-index: 2; width: 100% !important; } /* Card title */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-heading-title, .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-icon-box-title { margin: 0 0 10px !important; color: #17291c !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.28 !important; letter-spacing: -.4px !important; text-align: center !important; } /* No line inside cards */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-heading-title::after { content: none !important; display: none !important; } /* Card text */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-widget-text-editor, .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-icon-box-description { max-width: 300px !important; margin: 0 auto !important; color: #667269 !important; font-size: 14.5px !important; font-weight: 400 !important; line-height: 1.60 !important; text-align: center !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-widget-text-editor p { margin: 0 !important; } /* ========================================================= 09. CTA AREA ========================================================= */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions { width: 100% !important; margin: 25px 0 0 !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions > .elementor-container { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; gap: 12px !important; } /* Reset CTA wrappers */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions, .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions > .elementor-container, .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions .elementor-column, .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions .elementor-widget-wrap { background: transparent !important; border: 0 !important; box-shadow: none !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions .elementor-column { width: auto !important; flex: 0 0 auto !important; } /* ========================================================= 10. CTA BUTTON ========================================================= */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions .elementor-button { min-width: 205px !important; min-height: 48px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 14px 24px !important; border: 1px solid #6c9d21 !important; border-radius: 8px !important; background: #6c9d21 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .75px !important; text-transform: uppercase !important; box-shadow: 0 8px 20px rgba(75,120,27,.15) !important; transition: transform .30s ease, background .30s ease, color .30s ease, border-color .30s ease, box-shadow .30s ease !important; } /* Primary hover */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions .elementor-button:hover { transform: translateY(-3px); background: var(--kp-dark) !important; border-color: var(--kp-dark) !important; color: #ffffff !important; box-shadow: 0 13px 27px rgba(20,37,26,.17) !important; } /* Secondary */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions .elementor-column:nth-child(2) .elementor-button { background: transparent !important; color: #4f7d1c !important; border-color: rgba(108,157,33,.48) !important; box-shadow: none !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions .elementor-column:nth-child(2) .elementor-button:hover { background: #edf7df !important; color: var(--kp-dark) !important; border-color: #6c9d21 !important; transform: translateY(-3px); } /* ========================================================= 11. TABLET ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-6 .elementor-element.elementor-element-0xexmw2 { padding: 66px 30px 72px !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 h2.elementor-heading-title { font-size: 39px !important; line-height: 1.12 !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards { margin-top: 32px !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards > .elementor-container { gap: 15px !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards > .elementor-container > .elementor-column { width: calc((100% - 30px) / 3) !important; flex: 0 0 calc((100% - 30px) / 3) !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-column > .elementor-widget-wrap { min-height: 250px !important; padding: 27px 18px !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-heading-title, .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-icon-box-title { font-size: 19px !important; } } /* ========================================================= 12. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-6 .elementor-element.elementor-element-0xexmw2 { padding: 50px 16px 55px !important; } /* Label */ .elementor-6 .elementor-element.elementor-element-0xexmw2 h6.elementor-heading-title { margin-bottom: 9px !important; font-size: 11px !important; letter-spacing: .6px !important; } /* Heading */ .elementor-6 .elementor-element.elementor-element-0xexmw2 h2.elementor-heading-title { max-width: 100% !important; font-size: 30px !important; line-height: 1.13 !important; letter-spacing: -.65px !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 h2.elementor-heading-title::after { width: 52px !important; margin-top: 15px !important; } /* Description */ .elementor-6 .elementor-element.elementor-element-0xexmw2 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor { max-width: 100% !important; margin-top: 15px !important; font-size: 14px !important; line-height: 1.60 !important; } /* Cards */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards { margin-top: 27px !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards > .elementor-container { flex-direction: column !important; gap: 13px !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards > .elementor-container > .elementor-column { width: 100% !important; flex: 0 0 100% !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-column > .elementor-widget-wrap { min-height: auto !important; padding: 25px 19px !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-heading-title, .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-icon-box-title { font-size: 19px !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-widget-text-editor, .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-icon-box-description { font-size: 14px !important; line-height: 1.58 !important; } /* Mobile hover softer */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-column:hover > .elementor-widget-wrap { transform: translateY(-3px); } /* CTA */ .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions { margin-top: 21px !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions > .elementor-container { flex-direction: column !important; align-items: stretch !important; gap: 10px !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions .elementor-column { width: 100% !important; flex: 0 0 100% !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions .elementor-button-wrapper { width: 100% !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-actions .elementor-button { width: 100% !important; min-width: 0 !important; min-height: 48px !important; padding: 14px 18px !important; } } /* ========================================================= 13. SMALL MOBILE ========================================================= */ @media (max-width: 400px) { .elementor-6 .elementor-element.elementor-element-0xexmw2 { padding: 46px 14px 50px !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 h2.elementor-heading-title { font-size: 28px !important; } .elementor-6 .elementor-element.elementor-element-0xexmw2 .kandha-plot-cards .elementor-column > .elementor-widget-wrap { padding: 23px 17px !important; } } /* ========================================================= 14. ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-6 .elementor-element.elementor-element-0xexmw2 *, .elementor-6 .elementor-element.elementor-element-0xexmw2 *::before, .elementor-6 .elementor-element.elementor-element-0xexmw2 *::after { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-628fb901 *//* ========================================================= KANDHA PROPERTIES ONGOING PROJECTS LISTING FINAL STANDARD SPACING + FINETUNE ========================================================= */ /* ========================================================= 01. MAIN SECTION ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901 { --kp-green: #74aa22; --kp-lime: #a9eb39; --kp-dark: #13261a; --kp-deep: #315f24; --kp-text: #667269; position: relative; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; /* KANDHA STANDARD SPACING */ padding: 56px 5vw 58px !important; box-sizing: border-box !important; overflow: hidden !important; background: linear-gradient( 180deg, #f8faf6 0%, #ffffff 44%, #f7faf5 100% ) !important; } /* ========================================================= 02. BACKGROUND DETAIL ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901::before { content: ""; position: absolute; top: -170px; right: -150px; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient( circle, rgba(169,235,57,.08), transparent 70% ); pointer-events: none; } .elementor-6 .elementor-element.elementor-element-628fb901::after { content: ""; position: absolute; left: -130px; bottom: -190px; width: 270px; height: 270px; border-radius: 50%; background: radial-gradient( circle, rgba(116,170,34,.045), transparent 70% ); pointer-events: none; } /* ========================================================= 03. LEGACY ELEMENTOR WRAPPER RESET ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901 > .elementor-container { position: relative; z-index: 2; width: 100% !important; max-width: 1240px !important; height: auto !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; align-items: flex-start !important; } .elementor-6 .elementor-element.elementor-element-628fb901 > .elementor-container > .elementor-column { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-628fb901 > .elementor-container > .elementor-column > .elementor-widget-wrap { height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 04. INNER WRAPPER ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-wrap { position: relative; z-index: 2; width: 100% !important; max-width: 1240px !important; height: auto !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= 05. SMALL LABEL ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-label { margin: 0 0 8px !important; padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-label .elementor-heading-title { margin: 0 !important; color: var(--kp-green) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 1.1px !important; text-transform: uppercase !important; } /* ========================================================= 06. MAIN TITLE ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-title { position: relative; margin: 0 0 12px !important; padding: 0 0 15px !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-title .elementor-heading-title { max-width: 760px !important; margin: 0 !important; color: var(--kp-dark) !important; font-size: clamp(36px,3.7vw,49px) !important; font-weight: 700 !important; line-height: 1.08 !important; letter-spacing: -1.15px !important; } /* ========================================================= 07. TITLE ACCENT ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 66px; height: 3px; border-radius: 20px; background: linear-gradient( 90deg, var(--kp-green), var(--kp-lime) ); box-shadow: 0 3px 9px rgba(116,170,34,.14); transition: width .34s ease; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-wrap:hover .kp-projects-title::after { width: 88px; } /* ========================================================= 08. DESCRIPTION ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-desc { max-width: 980px !important; margin: 0 0 24px !important; padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-desc, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-desc p { color: var(--kp-text) !important; font-size: 15.5px !important; font-weight: 400 !important; line-height: 1.65 !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-desc p { margin: 0 !important; } /* ========================================================= 09. SHORTCODE AREA ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list { position: relative; z-index: 2; display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .elementor-widget-container, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .elementor-shortcode { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 10. PLUGIN WRAPPER CLEANUP ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list [class*="grid"], .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list [class*="list"], .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list [class*="projects"], .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list [class*="listing"] { margin-bottom: 0 !important; padding-bottom: 0 !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list p:empty { display: none !important; margin: 0 !important; padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .elementor-widget-container > *:last-child, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .elementor-shortcode > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* ========================================================= 11. PROJECT CARD ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .project-card, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .kp-project-card, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .kpp-project-card, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list [class*="project-card"] { position: relative; overflow: hidden !important; background: #ffffff !important; border: 1px solid rgba(116,170,34,.13) !important; border-radius: 16px !important; box-shadow: 0 8px 25px rgba(24,52,29,.065) !important; transform: translateY(0); transition: transform .34s ease, border-color .34s ease, box-shadow .34s ease !important; } /* ========================================================= 12. CARD ACCENT ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .project-card::before, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .kp-project-card::before, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .kpp-project-card::before, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list [class*="project-card"]::before { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 3px; transform: translateX(-50%); background: linear-gradient( 90deg, var(--kp-green), var(--kp-lime) ); transition: width .34s ease; z-index: 5; } /* ========================================================= 13. CARD HOVER ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .project-card:hover, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .kp-project-card:hover, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .kpp-project-card:hover, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list [class*="project-card"]:hover { transform: translateY(-5px); border-color: rgba(116,170,34,.28) !important; box-shadow: 0 18px 38px rgba(24,52,29,.11) !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .project-card:hover::before, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .kp-project-card:hover::before, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .kpp-project-card:hover::before, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list [class*="project-card"]:hover::before { width: 100%; } /* ========================================================= 14. IMAGE HOVER ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list img { transition: transform .42s ease, filter .42s ease !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .project-card:hover img, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .kp-project-card:hover img, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .kpp-project-card:hover img, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list [class*="project-card"]:hover img { transform: scale(1.02); filter: saturate(1.025); } /* ========================================================= 15. SCROLL REVEAL EXISTING CODE SNIPPET HANDLES TRIGGER ========================================================= */ .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready .kp-projects-label { opacity: 0; transform: translateY(8px); } .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready .kp-projects-title { opacity: 0; transform: translateY(13px); } .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready .kp-projects-desc { opacity: 0; transform: translateY(11px); } .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready .kp-projects-list { opacity: 0; transform: translateY(15px); } /* transitions */ .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready .kp-projects-label { transition: opacity .52s cubic-bezier(.22,.61,.36,1), transform .52s cubic-bezier(.22,.61,.36,1) !important; } .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready .kp-projects-title { transition: opacity .60s cubic-bezier(.22,.61,.36,1), transform .60s cubic-bezier(.22,.61,.36,1) !important; transition-delay: .05s !important; } .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready .kp-projects-desc { transition: opacity .60s cubic-bezier(.22,.61,.36,1), transform .60s cubic-bezier(.22,.61,.36,1) !important; transition-delay: .10s !important; } .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready .kp-projects-list { transition: opacity .64s cubic-bezier(.22,.61,.36,1), transform .64s cubic-bezier(.22,.61,.36,1) !important; transition-delay: .15s !important; } /* visible */ .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready.kp-scroll-in .kp-projects-label, .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready.kp-scroll-in .kp-projects-title, .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready.kp-scroll-in .kp-projects-desc, .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready.kp-scroll-in .kp-projects-list { opacity: 1 !important; transform: translateY(0) !important; } /* ========================================================= 16. TABLET ========================================================= */ @media (min-width:768px) and (max-width:1024px) { .elementor-6 .elementor-element.elementor-element-628fb901 { padding: 48px 30px 50px !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-title .elementor-heading-title { font-size: 39px !important; line-height: 1.10 !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-desc { margin-bottom: 22px !important; } } /* ========================================================= 17. MOBILE ========================================================= */ @media (max-width:767px) { .elementor-6 .elementor-element.elementor-element-628fb901 { height: auto !important; min-height: 0 !important; padding: 38px 16px 40px !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-label { margin-bottom: 6px !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-label .elementor-heading-title { font-size: 11px !important; line-height: 1.35 !important; letter-spacing: .85px !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-title { margin-bottom: 10px !important; padding-bottom: 13px !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-title .elementor-heading-title { font-size: 30px !important; line-height: 1.10 !important; letter-spacing: -.65px !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-title::after { width: 52px; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-wrap:hover .kp-projects-title::after { width: 52px; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-desc { max-width: 100% !important; margin-bottom: 19px !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-desc, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-desc p { font-size: 14px !important; line-height: 1.58 !important; } /* Keep plugin bottom clean */ .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-wrap, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .elementor-widget-container, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .elementor-shortcode { height: auto !important; min-height: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } /* Mobile hover softer */ .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .project-card:hover, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .kp-project-card:hover, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list .kpp-project-card:hover, .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-list [class*="project-card"]:hover { transform: translateY(-2px); } } /* ========================================================= 18. SMALL MOBILE ========================================================= */ @media (max-width:390px) { .elementor-6 .elementor-element.elementor-element-628fb901 { padding: 34px 14px 36px !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-title .elementor-heading-title { font-size: 28px !important; } .elementor-6 .elementor-element.elementor-element-628fb901 .kp-projects-desc { margin-bottom: 17px !important; } } /* ========================================================= 19. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion:reduce) { .elementor-6 .elementor-element.elementor-element-628fb901 *, .elementor-6 .elementor-element.elementor-element-628fb901 *::before, .elementor-6 .elementor-element.elementor-element-628fb901 *::after { animation: none !important; transition: none !important; } .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready .kp-projects-label, .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready .kp-projects-title, .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready .kp-projects-desc, .elementor-6 .elementor-element.elementor-element-628fb901.kp-scroll-ready .kp-projects-list { opacity: 1 !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-28c429c5 *//* ========================================================== KANDHA PROPERTIES — TESTIMONIALS FINAL STANDARD Layout / Width / Height / Spacing / Hover Only EXISTING SCROLL ANIMATION: DO NOT CHANGE ========================================================== */ /* ========================================================== 01. MAIN SECTION ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 { --kp-green: #74aa22; --kp-lime: #a9eb39; --kp-dark: #13261a; --kp-text: #667269; position: relative; box-sizing: border-box !important; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; margin-top: 0 !important; margin-bottom: 0 !important; min-height: 0 !important; overflow: hidden !important; /* KANDHA STANDARD */ padding: 56px 5vw 58px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: radial-gradient( circle at 8% 8%, rgba(169,235,57,.08) 0%, rgba(169,235,57,0) 27% ), linear-gradient( 180deg, #ffffff 0%, #f5f8f1 100% ) !important; } /* ========================================================== 02. MAIN CONTENT WIDTH ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container { position: relative; z-index: 2; width: 100% !important; max-width: 1240px !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================== 03. MAIN COLUMN RESET ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column { width: 100% !important; max-width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap { width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget { margin-left: 0 !important; margin-right: 0 !important; } /* ========================================================== 04. SMALL LABEL — TESTIMONIALS ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading { max-width: 100% !important; margin: 0 0 9px !important; padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading .elementor-heading-title { margin: 0 !important; color: var(--kp-green) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: 1.05px !important; text-transform: uppercase !important; } /* Remove old inline lime line */ .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading .elementor-heading-title::before, .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading .elementor-heading-title::after { content: none !important; display: none !important; } /* ========================================================== 05. MAIN HEADING ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor { max-width: 820px !important; margin: 0 !important; padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor h1, .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor h2, .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor h3, .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor > .elementor-widget-container > p { margin: 0 !important; padding: 0 !important; color: var(--kp-dark) !important; font-size: clamp(36px,3.7vw,49px) !important; font-weight: 700 !important; line-height: 1.10 !important; letter-spacing: -1.2px !important; } /* ========================================================== 06. MAIN HEADING DIVIDER ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor::after { content: ""; display: block; width: 66px; height: 3px; margin: 17px 0 0; border-radius: 20px; background: linear-gradient( 90deg, #6c9d21, #b8f346 ); box-shadow: 0 3px 9px rgba(116,170,34,.12); transition: width .34s ease; } .elementor-6 .elementor-element.elementor-element-28c429c5:hover > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor::after { width: 86px; } /* ========================================================== 07. INNER SECTION / CARDS ROW ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section { width: 100% !important; max-width: 100% !important; min-height: 0 !important; margin: 32px 0 0 !important; padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section > .elementor-container { display: flex !important; align-items: stretch !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; gap: 20px !important; } /* ========================================================== 08. THREE EQUAL CARDS ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section > .elementor-container > .elementor-column { display: flex !important; width: calc((100% - 40px) / 3) !important; max-width: calc((100% - 40px) / 3) !important; flex: 0 0 calc((100% - 40px) / 3) !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== 09. TESTIMONIAL CARD ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-column > .elementor-widget-wrap { position: relative; overflow: hidden; display: flex !important; flex-direction: column !important; width: 100% !important; min-height: 292px !important; margin: 0 !important; padding: 28px 24px 24px !important; background: #ffffff !important; border: 1px solid rgba(30,66,38,.10) !important; border-radius: 15px !important; box-shadow: 0 13px 36px rgba(24,52,29,.07), 0 3px 8px rgba(24,52,29,.03) !important; transform: translateY(0); transition: transform .34s ease, border-color .34s ease, box-shadow .34s ease !important; } /* ========================================================== 10. CARD TOP ACCENT ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-column > .elementor-widget-wrap::before { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 4px; transform: translateX(-50%); background: linear-gradient( 90deg, #6c9d21, #b8f346 ); border-radius: 0 0 10px 10px; transition: width .34s ease; z-index: 1; } /* ========================================================== 11. CARD GLOW ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-column > .elementor-widget-wrap::after { content: ""; position: absolute; top: -65px; right: -65px; width: 135px; height: 135px; border-radius: 50%; background: rgba(169,235,57,.065); pointer-events: none; transition: transform .34s ease, background .34s ease; } /* ========================================================== 12. CARD HOVER ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-column:hover > .elementor-widget-wrap { transform: translateY(-6px); border-color: rgba(113,165,32,.27) !important; box-shadow: 0 22px 48px rgba(24,52,29,.12), 0 6px 15px rgba(24,52,29,.045) !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-column:hover > .elementor-widget-wrap::before { width: 100%; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-column:hover > .elementor-widget-wrap::after { transform: scale(1.20); background: rgba(169,235,57,.12); } /* ========================================================== 13. STAR RATING ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-widget-icon-list { position: relative; z-index: 2; margin: 0 0 14px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-icon-list-items { margin: 0 !important; padding: 0 !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-icon-list-icon { transition: transform .34s ease; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-icon-list-icon i { color: var(--kp-green) !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-icon-list-icon svg { color: var(--kp-green) !important; fill: var(--kp-green) !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-column:hover .elementor-icon-list-icon { transform: translateY(-2px); } /* ========================================================== 14. REVIEW TEXT ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-widget-text-editor { position: relative; z-index: 2; flex-grow: 1; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--kp-text) !important; font-size: 14.5px !important; font-weight: 400 !important; line-height: 1.65 !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-widget-text-editor p { margin: 0 !important; color: inherit !important; } /* ========================================================== 15. CUSTOMER DETAILS ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-widget-image-box { position: relative; z-index: 2; margin: auto 0 0 !important; padding: 18px 0 0 !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-image-box-wrapper { display: flex !important; align-items: center !important; text-align: left !important; } /* ========================================================== 16. CUSTOMER IMAGE ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-image-box-img { margin: 0 11px 0 0 !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-image-box-img img { width: 44px !important; height: 44px !important; object-fit: cover; border-radius: 50%; border: 2px solid #edf8dc; box-shadow: 0 5px 13px rgba(24,52,29,.09); transition: transform .34s ease, border-color .34s ease, box-shadow .34s ease; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-column:hover .elementor-image-box-img img { transform: scale(1.05); border-color: var(--kp-lime); box-shadow: 0 7px 17px rgba(24,52,29,.13); } /* ========================================================== 17. CUSTOMER NAME ========================================================== */ .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-image-box-title { margin: 0 !important; color: #17291c !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.35 !important; transition: color .34s ease; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-column:hover .elementor-image-box-title { color: #65951f !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-image-box-description { margin: 2px 0 0 !important; color: #7a847d !important; font-size: 12px !important; line-height: 1.45 !important; } /* ========================================================== 18. TABLET ========================================================== */ @media (min-width:768px) and (max-width:1024px) { .elementor-6 .elementor-element.elementor-element-28c429c5 { padding: 48px 30px 50px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container { max-width: 100% !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor h1, .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor h2, .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor h3, .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor > .elementor-widget-container > p { font-size: 39px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section { margin-top: 28px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section > .elementor-container { gap: 15px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section > .elementor-container > .elementor-column { width: calc((100% - 30px) / 3) !important; max-width: calc((100% - 30px) / 3) !important; flex: 0 0 calc((100% - 30px) / 3) !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-column > .elementor-widget-wrap { min-height: 300px !important; padding: 26px 19px 22px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-widget-text-editor { font-size: 14px !important; line-height: 1.60 !important; } } /* ========================================================== 19. MOBILE ========================================================== */ @media (max-width:767px) { .elementor-6 .elementor-element.elementor-element-28c429c5 { padding: 38px 16px 40px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container { width: 100% !important; max-width: 100% !important; } /* Label */ .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading { margin-bottom: 7px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading .elementor-heading-title { font-size: 11px !important; line-height: 1.4 !important; letter-spacing: .7px !important; } /* Main heading */ .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor { max-width: 100% !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor h1, .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor h2, .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor h3, .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor > .elementor-widget-container > p { font-size: 30px !important; line-height: 1.12 !important; letter-spacing: -.6px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor::after { width: 52px; margin-top: 15px; } /* Cards */ .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section { margin-top: 24px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section > .elementor-container { flex-direction: column !important; gap: 13px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section > .elementor-container > .elementor-column { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-column > .elementor-widget-wrap { min-height: auto !important; padding: 24px 19px 21px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-widget-icon-list { margin-bottom: 12px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-widget-text-editor { font-size: 14px !important; line-height: 1.60 !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-widget-image-box { padding-top: 16px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 .elementor-inner-section .elementor-column:hover > .elementor-widget-wrap { transform: translateY(-2px); } } /* ========================================================== 20. SMALL MOBILE ========================================================== */ @media (max-width:390px) { .elementor-6 .elementor-element.elementor-element-28c429c5 { padding: 34px 14px 36px !important; } .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor h1, .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor h2, .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor h3, .elementor-6 .elementor-element.elementor-element-28c429c5 > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor > .elementor-widget-container > p { font-size: 28px !important; } } /* ========================================================== 21. REDUCED MOTION EXISTING SCROLL SYSTEM UNTOUCHED ========================================================== */ @media (prefers-reduced-motion:reduce) { .elementor-6 .elementor-element.elementor-element-28c429c5 *, .elementor-6 .elementor-element.elementor-element-28c429c5 *::before, .elementor-6 .elementor-element.elementor-element-28c429c5 *::after { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4014136 *//* ========================================================= KANDHA PROPERTIES SCHEDULE A SITE VISIT MERGED + OPTIMIZED FINAL CSS NO CLASS / NO JS ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136{ --green:#74aa22; --lime:#a9eb39; --dark:#13261a; --deep:#315f24; --text:#667269; position:relative!important; width:100%!important; max-width:none!important; margin:0!important; padding:56px 5vw 58px!important; box-sizing:border-box!important; background: radial-gradient(circle at 8% 8%,rgba(169,235,57,.06),transparent 28%), linear-gradient(180deg,#fff 0%,#f5f8f1 100%)!important; overflow-x:clip!important; overflow-y:visible!important; } /* ========================================================= BACKGROUND DETAIL ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136::before{ content:""; position:absolute; top:-150px; right:-140px; width:310px; height:310px; border-radius:50%; background:radial-gradient(circle,rgba(169,235,57,.065),transparent 70%); pointer-events:none; } /* ========================================================= MAIN 2 COLUMN LAYOUT ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner{ position:relative; z-index:2; display:flex!important; flex-direction:row!important; align-items:stretch!important; width:100%!important; max-width:1240px!important; margin:0 auto!important; padding:0!important; gap:20px!important; } /* LEFT + RIGHT */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con{ position:relative!important; display:flex!important; flex-direction:column!important; width:calc(50% - 10px)!important; max-width:calc(50% - 10px)!important; min-width:0!important; flex:0 0 calc(50% - 10px)!important; margin:0!important; padding:28px 26px!important; box-sizing:border-box!important; background:#fff!important; border:1px solid rgba(116,170,34,.14)!important; border-radius:15px!important; box-shadow:0 12px 32px rgba(24,52,29,.06)!important; transition: transform .34s ease, border-color .34s ease, box-shadow .34s ease!important; } /* right form dropdown should escape */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2){ overflow:visible!important; z-index:3!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child{ overflow:hidden!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2):focus-within{ z-index:30!important; } /* TOP ACCENT */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con::before{ content:""; position:absolute; top:0; left:50%; width:0; height:3px; transform:translateX(-50%); background:linear-gradient(90deg,var(--green),var(--lime)); transition:width .34s ease; z-index:5; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:hover{ transform:translateY(-5px); border-color:rgba(116,170,34,.28)!important; box-shadow:0 20px 44px rgba(49,95,36,.10)!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:hover::before{ width:100%; } /* ========================================================= NESTED CONTAINER RESET ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con>.e-con-inner, .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con>.e-con-inner>.e-con, .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con>.e-con-inner>.e-con>.e-con-inner{ width:100%!important; max-width:100%!important; margin:0!important; box-sizing:border-box!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con>.e-con-inner>.e-con{ padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; } /* ========================================================= FIRST HEADING — GREEN ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-con:first-child .elementor-widget-heading:first-of-type{ margin:0 0 9px!important; padding:0!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-con:first-child .elementor-widget-heading:first-of-type .elementor-heading-title{ margin:0!important; padding:0!important; color:var(--green)!important; -webkit-text-fill-color:var(--green)!important; background:none!important; font-size:13px!important; font-weight:700!important; line-height:1.35!important; letter-spacing:.95px!important; text-transform:uppercase!important; text-shadow:none!important; } /* nested text safety */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-con:first-child .elementor-widget-heading:first-of-type .elementor-heading-title *{ color:var(--green)!important; -webkit-text-fill-color:var(--green)!important; } /* ========================================================= MAIN HEADING ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-con:first-child .elementor-widget-heading:nth-of-type(2){ position:relative!important; max-width:550px!important; margin:0 0 14px!important; padding:0 0 16px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-con:first-child .elementor-widget-heading:nth-of-type(2) .elementor-heading-title{ margin:0!important; color:var(--dark)!important; -webkit-text-fill-color:var(--dark)!important; font-size:clamp(36px,3.5vw,47px)!important; font-weight:700!important; line-height:1.09!important; letter-spacing:-1.1px!important; } /* divider */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-con:first-child .elementor-widget-heading:nth-of-type(2)::after{ content:""; position:absolute; left:0; bottom:0; width:66px; height:3px; border-radius:20px; background:linear-gradient(90deg,var(--green),var(--lime)); transition:width .34s ease; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child:hover .elementor-widget-heading:nth-of-type(2)::after{ width:88px; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .elementor-widget-text-editor{ max-width:560px!important; margin:0!important; padding:0!important; color:var(--text)!important; font-size:15px!important; line-height:1.62!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .elementor-widget-text-editor p{ margin:0!important; color:inherit!important; } /* ========================================================= ICON GRID — COMPACT + EQUAL ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:repeat(2,60px)!important; width:100%!important; margin:20px 0 0!important; padding:0!important; gap:9px!important; } /* card */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid>.e-con{ display:flex!important; align-items:center!important; width:100%!important; min-width:0!important; height:60px!important; min-height:60px!important; max-height:60px!important; margin:0!important; padding:7px 10px!important; box-sizing:border-box!important; background:#f8faf6!important; border:1px solid rgba(116,170,34,.13)!important; border-radius:9px!important; box-shadow:none!important; overflow:hidden!important; transition: transform .30s ease, border-color .30s ease, box-shadow .30s ease!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid>.e-con:hover{ transform:translateY(-3px); border-color:rgba(116,170,34,.30)!important; box-shadow:0 8px 17px rgba(49,95,36,.065)!important; } /* icon box */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid .elementor-widget-icon-box{ display:flex!important; align-items:center!important; width:100%!important; height:100%!important; margin:0!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid .elementor-icon-box-wrapper{ display:flex!important; flex-direction:row!important; align-items:center!important; width:100%!important; height:100%!important; text-align:left!important; } /* icon */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid .elementor-icon-box-icon{ flex:0 0 32px!important; width:32px!important; height:32px!important; margin:0 9px 0 0!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid .elementor-icon{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; border-radius:50%!important; background:#143f36!important; color:var(--lime)!important; box-shadow:0 5px 11px rgba(20,63,54,.09); transition: transform .30s ease, background .30s ease!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid .elementor-icon i{ color:var(--lime)!important; font-size:13px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid .elementor-icon svg{ width:13px!important; height:13px!important; color:var(--lime)!important; fill:var(--lime)!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid>.e-con:hover .elementor-icon{ transform:scale(1.06); background:var(--deep)!important; } /* icon text */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid .elementor-icon-box-content{ min-width:0!important; flex:1 1 auto!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid .elementor-icon-box-title{ margin:0!important; padding:0!important; color:#26352b!important; font-size:13px!important; font-weight:600!important; line-height:1.32!important; } /* ========================================================= MULTI BUTTONS ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .elementor-widget-multi-buttons{ width:100%!important; margin:24px 0 0!important; padding:0!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .elementor-widget-multi-buttons>.elementor-widget-container{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; width:100%!important; margin:0!important; padding:0!important; gap:10px!important; } /* button child wrappers */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .elementor-widget-multi-buttons>.elementor-widget-container>*{ flex:1 1 0!important; width:auto!important; min-width:0!important; margin:0!important; padding:0!important; } /* CTA */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .elementor-widget-multi-buttons :is(a,button,[role="button"]){ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; height:48px!important; min-height:48px!important; margin:0!important; padding:0 18px!important; box-sizing:border-box!important; color:#fff!important; -webkit-text-fill-color:#fff!important; background:var(--deep)!important; background-image:none!important; border:1px solid var(--deep)!important; border-radius:8px!important; box-shadow:0 8px 18px rgba(49,95,36,.15)!important; font-size:12px!important; font-weight:700!important; line-height:1.2!important; letter-spacing:.5px!important; text-transform:uppercase!important; text-align:center!important; text-decoration:none!important; transition: transform .30s ease, background .30s ease, border-color .30s ease, box-shadow .30s ease!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .elementor-widget-multi-buttons :is(a,button,[role="button"]):hover{ transform:translateY(-3px); background:var(--green)!important; border-color:var(--green)!important; box-shadow:0 12px 24px rgba(116,170,34,.20)!important; } /* ========================================================= SUREFORMS RESET ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) :is( .elementor-widget-sureforms, .elementor-widget-sureforms .elementor-widget-container, .srfm-form-container, .srfm-form-wrapper, .sureforms-wrapper, form ){ width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; background:transparent!important; } /* labels */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) label{ display:block!important; margin:0 0 5px!important; color:#26352b!important; font-size:13px!important; font-weight:600!important; line-height:1.35!important; } /* ========================================================= NORMAL FORM INPUTS ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="tel"]), .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) textarea, .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) select{ display:block!important; width:100%!important; max-width:100%!important; min-height:48px!important; margin:0!important; padding:10px 13px!important; box-sizing:border-box!important; color:#26352b!important; -webkit-text-fill-color:#26352b!important; caret-color:var(--deep)!important; background:#fff!important; border:1px solid rgba(116,170,34,.20)!important; border-radius:8px!important; outline:none!important; box-shadow:none!important; font-family:inherit!important; font-size:14px!important; transition: border-color .28s ease, box-shadow .28s ease!important; } /* ========================================================= PHONE FIELD ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) .iti{ position:relative!important; display:block!important; width:100%!important; max-width:100%!important; } /* DO NOT SET LEFT PADDING. SureForms phone plugin controls flag/code spacing. */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) input[type="tel"]{ display:block!important; width:100%!important; max-width:100%!important; height:48px!important; min-height:48px!important; max-height:48px!important; margin:0!important; padding-top:0!important; padding-bottom:0!important; box-sizing:border-box!important; color:#26352b!important; -webkit-text-fill-color:#26352b!important; caret-color:var(--deep)!important; background-color:#fff!important; border:1px solid rgba(116,170,34,.20)!important; border-radius:8px!important; outline:none!important; box-shadow:none!important; font-family:inherit!important; font-size:14px!important; font-weight:400!important; line-height:46px!important; } /* flag / country .elementor-6 .elementor-element.elementor-element-4014136 center */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) :is(.iti__country-container,.iti__flag-container){ top:0!important; bottom:0!important; height:48px!important; display:flex!important; align-items:center!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) :is(.iti__selected-country,.iti__selected-flag){ height:48px!important; min-height:48px!important; display:flex!important; align-items:center!important; margin:0!important; padding-top:0!important; padding-bottom:0!important; } /* IMPORTANT — don't resize sprite */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) .iti__flag{ flex:0 0 auto!important; transform:none!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) .iti__selected-dial-code{ display:inline-flex!important; align-items:center!important; color:#26352b!important; font-size:13px!important; font-weight:500!important; line-height:1!important; } /* ========================================================= PHONE COUNTRY DROPDOWN ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) .iti__dropdown-content{ z-index:999999!important; background:#fff!important; border:1px solid rgba(116,170,34,.18)!important; border-radius:9px!important; box-shadow:0 14px 32px rgba(24,52,29,.14)!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) .iti__country-list{ background:#fff!important; color:#26352b!important; } /* search */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) .iti__search-input{ width:calc(100% - 16px)!important; height:40px!important; min-height:40px!important; margin:8px!important; padding:8px 10px!important; color:#26352b!important; background:#fff!important; border:1px solid rgba(116,170,34,.20)!important; border-radius:7px!important; box-shadow:none!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) :is(.iti__country:hover,.iti__highlight){ background:#f5f8f1!important; } /* ========================================================= PLACEHOLDER + FOCUS ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) :is(input,textarea)::placeholder{ color:#929c95!important; -webkit-text-fill-color:#929c95!important; opacity:1!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) :is(input:not([type="submit"]),textarea,select):focus{ border-color:var(--green)!important; box-shadow: 0 0 0 3px rgba(169,235,57,.13)!important; } /* textarea */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) textarea{ min-height:100px!important; resize:vertical!important; } /* ========================================================= SUBMIT BUTTON ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) :is( .srfm-submit-button, .srfm-button, .srfm-submit-btn, button[type="submit"], input[type="submit"] ){ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; height:48px!important; min-height:48px!important; margin:0!important; padding:0 22px!important; box-sizing:border-box!important; color:#fff!important; -webkit-text-fill-color:#fff!important; background:var(--deep)!important; border:1px solid var(--deep)!important; border-radius:8px!important; box-shadow:0 8px 18px rgba(49,95,36,.16)!important; font-size:12px!important; font-weight:700!important; letter-spacing:.55px!important; text-transform:uppercase!important; cursor:pointer!important; transition: transform .30s ease, background .30s ease, border-color .30s ease, box-shadow .30s ease!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) :is( .srfm-submit-button, .srfm-button, .srfm-submit-btn, button[type="submit"], input[type="submit"] ):hover{ transform:translateY(-3px); background:var(--green)!important; border-color:var(--green)!important; box-shadow: 0 12px 24px rgba(116,170,34,.20)!important; } /* ========================================================= LIGHT ENTRANCE ANIMATION ========================================================= */ @keyframes kpVisitFade{ from{ opacity:0; translate:0 14px; } to{ opacity:1; translate:0 0; } } @supports (animation-timeline:view()){ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con{ animation:kpVisitFade linear both; animation-timeline:view(); animation-range:entry 8% cover 25%; } } /* ========================================================= TABLET ========================================================= */ @media (min-width:768px) and (max-width:1024px){ .elementor-6 .elementor-element.elementor-element-4014136{ padding:48px 30px 50px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner{ gap:15px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con{ width:calc(50% - 7.5px)!important; max-width:calc(50% - 7.5px)!important; flex:0 0 calc(50% - 7.5px)!important; padding:25px 21px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .elementor-widget-heading:nth-of-type(2) .elementor-heading-title{ font-size:38px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .elementor-widget-multi-buttons{ margin-top:22px!important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width:767px){ .elementor-6 .elementor-element.elementor-element-4014136{ padding:38px 16px 40px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner{ flex-direction:column!important; align-items:stretch!important; gap:13px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con{ width:100%!important; max-width:100%!important; flex:0 0 auto!important; padding:23px 18px!important; border-radius:14px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:hover{ transform:translateY(-2px); } /* green label */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-con:first-child .elementor-widget-heading:first-of-type .elementor-heading-title{ font-size:11px!important; letter-spacing:.7px!important; } /* title */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-con:first-child .elementor-widget-heading:nth-of-type(2) .elementor-heading-title{ font-size:30px!important; line-height:1.10!important; letter-spacing:-.6px!important; } /* description */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .elementor-widget-text-editor{ max-width:100%!important; font-size:14px!important; } /* icon boxes */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid{ grid-template-columns:1fr!important; grid-template-rows:repeat(4,56px)!important; gap:8px!important; margin-top:18px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid>.e-con{ height:56px!important; min-height:56px!important; max-height:56px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid .elementor-icon-box-icon{ flex-basis:30px!important; width:30px!important; height:30px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-grid .elementor-icon{ width:30px!important; height:30px!important; min-width:30px!important; min-height:30px!important; } /* buttons */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .elementor-widget-multi-buttons{ margin-top:20px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .elementor-widget-multi-buttons> .elementor-widget-container{ flex-direction:column!important; gap:9px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .elementor-widget-multi-buttons> .elementor-widget-container>*{ width:100%!important; flex:0 0 auto!important; } /* phone */ .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:nth-child(2) input[type="tel"]{ height:48px!important; min-height:48px!important; line-height:46px!important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width:390px){ .elementor-6 .elementor-element.elementor-element-4014136{ padding:34px 14px 36px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con{ padding:21px 16px!important; } .elementor-6 .elementor-element.elementor-element-4014136>.e-con-inner>.e-con:first-child .e-con:first-child .elementor-widget-heading:nth-of-type(2) .elementor-heading-title{ font-size:28px!important; } } /* ========================================================= ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion:reduce){ .elementor-6 .elementor-element.elementor-element-4014136 *, .elementor-6 .elementor-element.elementor-element-4014136 *::before, .elementor-6 .elementor-element.elementor-element-4014136 *::after{ animation:none!important; transition:none!important; } } /* ========================================================= FINAL 2 CORRECTIONS ONLY 1. MULTI BUTTON STANDARD 2. PHONE NUMBER VERTICAL CENTER ========================================================= */ /* ========================================================= 01. MULTI BUTTON — KANDHA STANDARD ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons { width:100% !important; margin:24px 0 0 !important; padding:0 !important; } /* button row */ .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons .elementor-widget-container { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; width:100% !important; margin:0 !important; padding:0 !important; } /* all immediate plugin wrappers */ .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons .elementor-widget-container > * { width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; } /* actual buttons */ .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons a, .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons button, .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons .elementor-button, .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons [role="button"] { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:48px !important; min-height:48px !important; max-height:48px !important; margin:0 !important; padding:0 18px !important; box-sizing:border-box !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; background:#315f24 !important; background-color:#315f24 !important; background-image:none !important; border:1px solid #315f24 !important; border-radius:8px !important; overflow:hidden !important; box-shadow: 0 8px 18px rgba(49,95,36,.16) !important; font-size:12px !important; font-weight:700 !important; line-height:1.2 !important; letter-spacing:.5px !important; text-transform:uppercase !important; text-align:center !important; text-decoration:none !important; transition: transform .30s ease, background .30s ease, border-color .30s ease, box-shadow .30s ease !important; } /* remove plugin pill effect from inner elements */ .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons a *, .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons button * { color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; background:transparent !important; border-radius:0 !important; box-shadow:none !important; } /* kill old decorative pill layers */ .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons a::before, .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons a::after, .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons button::before, .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons button::after { border-radius:8px !important; } /* hover */ .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons a:hover, .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons button:hover { transform:translateY(-3px) !important; background:#74aa22 !important; background-color:#74aa22 !important; border-color:#74aa22 !important; box-shadow: 0 12px 24px rgba(116,170,34,.20) !important; } /* ========================================================= 02. PHONE NUMBER — EXACT VERTICAL CENTER ========================================================= */ .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:nth-child(2) input[type="tel"] { height:48px !important; min-height:48px !important; max-height:48px !important; padding-top:13px !important; padding-bottom:13px !important; line-height:20px !important; box-sizing:border-box !important; } /* flag + country code exact center */ .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:nth-child(2) .iti__country-container, .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:nth-child(2) .iti__flag-container, .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:nth-child(2) .iti__selected-country, .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:nth-child(2) .iti__selected-flag, .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:nth-child(2) .iti__selected-country-primary { top:0 !important; bottom:0 !important; height:48px !important; min-height:48px !important; display:flex !important; align-items:center !important; margin-top:0 !important; margin-bottom:0 !important; } /* +91 / +1 text center */ .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:nth-child(2) .iti__selected-dial-code { display:inline-flex !important; align-items:center !important; height:auto !important; margin-top:0 !important; margin-bottom:0 !important; line-height:20px !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width:767px){ .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons .elementor-widget-container { grid-template-columns:1fr !important; gap:9px !important; } .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons a, .elementor-6 .elementor-element.elementor-element-4014136 > .e-con-inner > .e-con:first-child .elementor-widget-multi-buttons button { width:100% !important; height:48px !important; border-radius:8px !important; } }/* End custom CSS */