.elementor-1087 .elementor-element.elementor-element-4fc7498{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:32px 0px;--row-gap:32px;--column-gap:0px;--overlay-opacity:0.9;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1087 .elementor-element.elementor-element-4fc7498:not(.elementor-motion-effects-element-type-background), .elementor-1087 .elementor-element.elementor-element-4fc7498 > .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-repeat:no-repeat;background-size:cover;}.elementor-1087 .elementor-element.elementor-element-4fc7498::before, .elementor-1087 .elementor-element.elementor-element-4fc7498 > .elementor-background-video-container::before, .elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner > .elementor-background-video-container::before, .elementor-1087 .elementor-element.elementor-element-4fc7498 > .elementor-background-slideshow::before, .elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1087 .elementor-element.elementor-element-4fc7498 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1087 .elementor-element.elementor-element-10ae113{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1087 .elementor-element.elementor-element-acb7865 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-acb7865{text-align:center;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;color:#FFFFFF;}.elementor-1087 .elementor-element.elementor-element-acb7865 p{margin-block-end:0px;}.elementor-1087 .elementor-element.elementor-element-59dbf4c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-59dbf4c .uael-infobox,  .elementor-1087 .elementor-element.elementor-element-59dbf4c .uael-separator-parent{text-align:center;}.elementor-1087 .elementor-element.elementor-element-59dbf4c .uael-infobox-title{color:#FFFFFF;margin:0px 150px 8px 150px;}.elementor-1087 .elementor-element.elementor-element-59dbf4c .uael-infobox-text{color:#FFFFFF;margin:0px 260px 0px 260px;}.elementor-1087 .elementor-element.elementor-element-aaa2f72{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1087 .elementor-element.elementor-element-aaa2f72:not(.elementor-motion-effects-element-type-background), .elementor-1087 .elementor-element.elementor-element-aaa2f72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-1087 .elementor-element.elementor-element-df5c177{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1087 .elementor-element.elementor-element-93c60fc > .elementor-widget-container{margin:0px 20px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-93c60fc img{border-radius:24px 24px 24px 24px;}.elementor-1087 .elementor-element.elementor-element-8d61b89{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1087 .elementor-element.elementor-element-69d9716 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 4px 0px;}.elementor-1087 .elementor-element.elementor-element-69d9716{font-size:14px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-astglobalcolor2 );}.elementor-1087 .elementor-element.elementor-element-69d9716 p{margin-block-end:0px;}.elementor-1087 .elementor-element.elementor-element-8ee5c8d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 12px 0px;}.elementor-1087 .elementor-element.elementor-element-748c272 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 32px 0px;}.elementor-1087 .elementor-element.elementor-element-748c272 p{margin-block-end:0px;}.elementor-1087 .elementor-element.elementor-element-807915b{--display:flex;--gap:80px 0px;--row-gap:80px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1087 .elementor-element.elementor-element-ebbbdb6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1087 .elementor-element.elementor-element-db53721{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 20px;--row-gap:0px;--column-gap:20px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1087 .elementor-element.elementor-element-1b9e10c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1087 .elementor-element.elementor-element-1b9e10c:not(.elementor-motion-effects-element-type-background), .elementor-1087 .elementor-element.elementor-element-1b9e10c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-1087 .elementor-element.elementor-element-62831b4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-infobox,  .elementor-1087 .elementor-element.elementor-element-62831b4 .uael-separator-parent{text-align:center;}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-icon-wrap .uael-icon i{font-size:32px;height:32px;width:32px;line-height:32px;text-align:center;color:var( --e-global-color-astglobalcolor0 );}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-icon-wrap .uael-icon{height:32px;width:32px;line-height:32px;}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-icon-wrap .uael-icon i,
					.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-icon-wrap .uael-icon svg{transform:rotate(0deg);}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-icon-wrap .uael-icon, .elementor-1087 .elementor-element.elementor-element-62831b4 .uael-image .uael-image-content img{padding:16px;display:inline-block;box-sizing:content-box;}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-icon-wrap .uael-icon svg{fill:var( --e-global-color-astglobalcolor0 );}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-infobox:not(.uael-imgicon-style-normal) .uael-icon-wrap .uael-icon, .elementor-1087 .elementor-element.elementor-element-62831b4 .uael-infobox:not(.uael-imgicon-style-normal) .uael-image .uael-image-content img{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-infobox-title{margin:0px 0px 10px 0px;}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-imgicon-wrap{margin:0px 0px 18px 0px;}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-infobox-text{margin:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-4ad4046{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1087 .elementor-element.elementor-element-4ad4046:not(.elementor-motion-effects-element-type-background), .elementor-1087 .elementor-element.elementor-element-4ad4046 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-1087 .elementor-element.elementor-element-e7a4279 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-infobox,  .elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-separator-parent{text-align:center;}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-icon-wrap .uael-icon i{font-size:32px;height:32px;width:32px;line-height:32px;text-align:center;color:var( --e-global-color-astglobalcolor0 );}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-icon-wrap .uael-icon{height:32px;width:32px;line-height:32px;}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-icon-wrap .uael-icon i,
					.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-icon-wrap .uael-icon svg{transform:rotate(0deg);}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-icon-wrap .uael-icon, .elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-image .uael-image-content img{padding:16px;display:inline-block;box-sizing:content-box;}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-icon-wrap .uael-icon svg{fill:var( --e-global-color-astglobalcolor0 );}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-infobox:not(.uael-imgicon-style-normal) .uael-icon-wrap .uael-icon, .elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-infobox:not(.uael-imgicon-style-normal) .uael-image .uael-image-content img{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-infobox-title{margin:0px 0px 10px 0px;}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-imgicon-wrap{margin:0px 0px 18px 0px;}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-infobox-text{margin:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-a4c9701{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1087 .elementor-element.elementor-element-a4c9701:not(.elementor-motion-effects-element-type-background), .elementor-1087 .elementor-element.elementor-element-a4c9701 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-1087 .elementor-element.elementor-element-dff2b53 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-infobox,  .elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-separator-parent{text-align:center;}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-icon-wrap .uael-icon i{font-size:32px;height:32px;width:32px;line-height:32px;text-align:center;color:var( --e-global-color-astglobalcolor0 );}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-icon-wrap .uael-icon{height:32px;width:32px;line-height:32px;}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-icon-wrap .uael-icon i,
					.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-icon-wrap .uael-icon svg{transform:rotate(0deg);}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-icon-wrap .uael-icon, .elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-image .uael-image-content img{padding:16px;display:inline-block;box-sizing:content-box;}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-icon-wrap .uael-icon svg{fill:var( --e-global-color-astglobalcolor0 );}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-infobox:not(.uael-imgicon-style-normal) .uael-icon-wrap .uael-icon, .elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-infobox:not(.uael-imgicon-style-normal) .uael-image .uael-image-content img{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-infobox-title{margin:0px 0px 10px 0px;}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-imgicon-wrap{margin:0px 0px 18px 0px;}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-infobox-text{margin:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1087 .elementor-element.elementor-element-4fc7498{--content-width:1200px;}.elementor-1087 .elementor-element.elementor-element-aaa2f72{--content-width:1200px;}.elementor-1087 .elementor-element.elementor-element-df5c177{--width:100%;}.elementor-1087 .elementor-element.elementor-element-807915b{--content-width:1200px;}}@media(max-width:1024px){.elementor-1087 .elementor-element.elementor-element-4fc7498{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-1087 .elementor-element.elementor-element-59dbf4c .uael-infobox-title{margin:0px 90px 12px 90px;}.elementor-1087 .elementor-element.elementor-element-59dbf4c .uael-imgicon-wrap{margin:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-59dbf4c .uael-infobox-text{margin:0px 90px 0px 90px;}.elementor-1087 .elementor-element.elementor-element-aaa2f72{--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-1087 .elementor-element.elementor-element-748c272 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 12px 0px;}.elementor-1087 .elementor-element.elementor-element-807915b{--gap:60px 0px;--row-gap:60px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-1087 .elementor-element.elementor-element-db53721{--grid-auto-flow:row;}.elementor-1087 .elementor-element.elementor-element-1b9e10c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-icon-wrap .uael-icon i{font-size:24px;height:24px;width:24px;line-height:24px;text-align:center;}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-icon-wrap .uael-icon{height:24px;width:24px;line-height:24px;}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-infobox-title{margin:0px 0px 6px 0px;}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-imgicon-wrap{margin:0px 0px 12px 0px;}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-infobox-text{margin:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-4ad4046{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-icon-wrap .uael-icon i{font-size:24px;height:24px;width:24px;line-height:24px;text-align:center;}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-icon-wrap .uael-icon{height:24px;width:24px;line-height:24px;}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-infobox-title{margin:0px 0px 6px 0px;}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-imgicon-wrap{margin:0px 0px 12px 0px;}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-infobox-text{margin:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-a4c9701{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-icon-wrap .uael-icon i{font-size:24px;height:24px;width:24px;line-height:24px;text-align:center;}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-icon-wrap .uael-icon{height:24px;width:24px;line-height:24px;}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-infobox-title{margin:0px 0px 6px 0px;}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-imgicon-wrap{margin:0px 0px 12px 0px;}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-infobox-text{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1087 .elementor-element.elementor-element-4fc7498{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:24px;--padding-right:24px;}.elementor-1087 .elementor-element.elementor-element-acb7865 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-59dbf4c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-59dbf4c .uael-infobox-title{margin:0px 0px 12px 0px;}.elementor-1087 .elementor-element.elementor-element-59dbf4c .uael-imgicon-wrap{margin:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-59dbf4c .uael-infobox-text{margin:0px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-aaa2f72{--gap:40px 0px;--row-gap:40px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-1087 .elementor-element.elementor-element-807915b{--gap:40px 0px;--row-gap:40px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-1087 .elementor-element.elementor-element-db53721{--e-con-grid-template-columns:repeat(1, 1fr);--gap:20px 0px;--row-gap:20px;--column-gap:0px;--grid-auto-flow:row;}.elementor-1087 .elementor-element.elementor-element-1b9e10c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-icon-wrap .uael-icon i{font-size:20px;height:20px;width:20px;line-height:20px;text-align:center;}.elementor-1087 .elementor-element.elementor-element-62831b4 .uael-icon-wrap .uael-icon{height:20px;width:20px;line-height:20px;}.elementor-1087 .elementor-element.elementor-element-4ad4046{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-icon-wrap .uael-icon i{font-size:20px;height:20px;width:20px;line-height:20px;text-align:center;}.elementor-1087 .elementor-element.elementor-element-e7a4279 .uael-icon-wrap .uael-icon{height:20px;width:20px;line-height:20px;}.elementor-1087 .elementor-element.elementor-element-a4c9701{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-icon-wrap .uael-icon i{font-size:20px;height:20px;width:20px;line-height:20px;text-align:center;}.elementor-1087 .elementor-element.elementor-element-dff2b53 .uael-icon-wrap .uael-icon{height:20px;width:20px;line-height:20px;}}/* Start custom CSS for container, class: .elementor-element-4fc7498 *//* =========================================================
   KANDHA PROPERTIES
   ABOUT HERO — FINAL CLEAN VERSION
   EVEN TOP / BOTTOM SPACING
   DESKTOP + TABLET + MOBILE
   NO CSS CLASS REQUIRED
========================================================= */

.elementor-1087 .elementor-element.elementor-element-4fc7498{
    --kp-green:#74aa22;
    --kp-lime:#a9eb39;
    --kp-dark:#13261a;

    position:relative!important;

    width:100%!important;
    max-width:none!important;

    min-height:450px!important;

    margin:0!important;

    /* EVEN TOP + BOTTOM */
    padding:46px 5vw!important;

    display:flex!important;
    align-items:center!important;

    box-sizing:border-box!important;

    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center 54%!important;

    overflow:hidden!important;
}


/* =========================================================
   PREMIUM OVERLAY
========================================================= */

.elementor-1087 .elementor-element.elementor-element-4fc7498::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:1;

    background:
        linear-gradient(
            90deg,
            rgba(5,24,13,.76) 0%,
            rgba(6,25,14,.59) 42%,
            rgba(6,22,13,.38) 70%,
            rgba(5,20,12,.22) 100%
        ),
        linear-gradient(
            180deg,
            rgba(5,18,10,.12) 0%,
            rgba(5,18,10,.25) 100%
        );

    pointer-events:none;
}


/* =========================================================
   SOFT GREEN DEPTH
========================================================= */

.elementor-1087 .elementor-element.elementor-element-4fc7498::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:-170px;

    width:600px;
    height:330px;

    transform:translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(169,235,57,.085),
            transparent 68%
        );

    z-index:1;

    pointer-events:none;
}


/* =========================================================
   INNER WIDTH
========================================================= */

.elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner{
    position:relative!important;

    z-index:2!important;

    width:100%!important;
    max-width:1240px!important;

    margin:0 auto!important;
    padding:0!important;
}


/* =========================================================
   CONTENT CONTAINER
========================================================= */

.elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner > .e-con:first-child{
    width:100%!important;
    max-width:980px!important;

    margin:0 auto!important;
    padding:0!important;

    text-align:center!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}


/* =========================================================
   SMALL ABOUT LABEL
========================================================= */

.elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
.e-con:first-child
.elementor-widget-text-editor:first-child{
    margin:0 0 14px!important;
    padding:0!important;
}


.elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
.e-con:first-child
.elementor-widget-text-editor:first-child,
.elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
.e-con:first-child
.elementor-widget-text-editor:first-child *{
    color:var(--kp-lime)!important;
    -webkit-text-fill-color:var(--kp-lime)!important;

    font-size:13px!important;
    font-weight:700!important;
    line-height:1.35!important;

    letter-spacing:1px!important;

    text-transform:uppercase!important;
    text-align:center!important;
}


.elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
.e-con:first-child
.elementor-widget-text-editor:first-child p{
    margin:0!important;
}


/* =========================================================
   CONTENT TEXT WIDGET
========================================================= */

.elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
.e-con:first-child
.elementor-widget:nth-child(2){
    width:100%!important;
    max-width:980px!important;

    margin:0 auto!important;
    padding:0!important;
}


/* =========================================================
   MAIN HEADING
========================================================= */

.elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
.e-con:first-child
.elementor-widget:nth-child(2)
:is(h1,h2,h3){

    position:relative!important;

    max-width:930px!important;

    margin:0 auto 20px!important;

    padding:0 0 21px!important;

    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;

    font-size:clamp(46px,4.7vw,62px)!important;

    font-weight:700!important;
    line-height:1.05!important;

    letter-spacing:-1.6px!important;

    text-align:center!important;

    text-shadow:
        0 7px 24px rgba(0,0,0,.25);

    text-wrap:balance;
}


/* =========================================================
   GREEN DIVIDER
========================================================= */

.elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
.e-con:first-child
.elementor-widget:nth-child(2)
:is(h1,h2,h3)::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    width:68px;
    height:3px;

    transform:translateX(-50%);

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            var(--kp-green),
            var(--kp-lime)
        );

    box-shadow:
        0 3px 10px rgba(169,235,57,.18);

    transition:width .34s ease;
}


.elementor-1087 .elementor-element.elementor-element-4fc7498:hover >
.e-con-inner >
.e-con:first-child
.elementor-widget:nth-child(2)
:is(h1,h2,h3)::after{
    width:90px;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
.e-con:first-child
.elementor-widget:nth-child(2) p{

    max-width:720px!important;

    margin:0 auto!important;

    color:rgba(255,255,255,.91)!important;
    -webkit-text-fill-color:rgba(255,255,255,.91)!important;

    font-size:16px!important;
    font-weight:400!important;
    line-height:1.62!important;

    text-align:center!important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.16);
}


/* =========================================================
   PAGE LOAD ANIMATION
========================================================= */

@keyframes kpAboutLabelIn{
    from{
        opacity:0;
        transform:translateY(8px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}


@keyframes kpAboutTitleIn{
    from{
        opacity:0;
        transform:translateY(16px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}


@keyframes kpAboutDescIn{
    from{
        opacity:0;
        transform:translateY(12px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}


.elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
.e-con:first-child
.elementor-widget-text-editor:first-child{
    animation:
        kpAboutLabelIn
        .55s
        cubic-bezier(.22,.61,.36,1)
        .06s
        both;
}


.elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
.e-con:first-child
.elementor-widget:nth-child(2)
:is(h1,h2,h3){
    animation:
        kpAboutTitleIn
        .66s
        cubic-bezier(.22,.61,.36,1)
        .14s
        both;
}


.elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
.e-con:first-child
.elementor-widget:nth-child(2) p{
    animation:
        kpAboutDescIn
        .62s
        cubic-bezier(.22,.61,.36,1)
        .24s
        both;
}


/* =========================================================
   TABLET
========================================================= */

@media (min-width:768px) and (max-width:1024px){

    .elementor-1087 .elementor-element.elementor-element-4fc7498{
        min-height:430px!important;

        /* EVEN */
        padding:40px 30px!important;

        background-position:center center!important;
    }


    .elementor-1087 .elementor-element.elementor-element-4fc7498::before{
        background:
            linear-gradient(
                90deg,
                rgba(5,24,13,.73) 0%,
                rgba(6,24,14,.56) 52%,
                rgba(5,20,12,.35) 100%
            );
    }


    .elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
    .e-con:first-child
    .elementor-widget-text-editor:first-child{
        margin-bottom:13px!important;
    }


    .elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
    .e-con:first-child
    .elementor-widget:nth-child(2)
    :is(h1,h2,h3){

        max-width:800px!important;

        margin-bottom:19px!important;

        padding-bottom:19px!important;

        font-size:47px!important;

        line-height:1.06!important;
    }


    .elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
    .e-con:first-child
    .elementor-widget:nth-child(2) p{

        max-width:680px!important;

        font-size:15px!important;

        line-height:1.60!important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px){

    .elementor-1087 .elementor-element.elementor-element-4fc7498{
        min-height:390px!important;

        /* EVEN */
        padding:34px 18px!important;

        background-position:62% center!important;
    }


    .elementor-1087 .elementor-element.elementor-element-4fc7498::before{
        background:
            linear-gradient(
                180deg,
                rgba(5,21,12,.50) 0%,
                rgba(5,22,12,.65) 45%,
                rgba(5,20,11,.82) 100%
            );
    }


    .elementor-1087 .elementor-element.elementor-element-4fc7498::after{
        width:340px;
        height:220px;

        bottom:-125px;
    }


    /* ABOUT */

    .elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
    .e-con:first-child
    .elementor-widget-text-editor:first-child{
        margin-bottom:11px!important;
    }


    .elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
    .e-con:first-child
    .elementor-widget-text-editor:first-child,
    .elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
    .e-con:first-child
    .elementor-widget-text-editor:first-child *{

        font-size:11px!important;

        line-height:1.35!important;

        letter-spacing:.7px!important;
    }


    /* TITLE */

    .elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
    .e-con:first-child
    .elementor-widget:nth-child(2)
    :is(h1,h2,h3){

        max-width:360px!important;

        margin:
            0 auto 16px!important;

        padding:
            0 0 17px!important;

        font-size:
            clamp(33px,9.4vw,39px)!important;

        line-height:1.065!important;

        letter-spacing:-.8px!important;
    }


    .elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
    .e-con:first-child
    .elementor-widget:nth-child(2)
    :is(h1,h2,h3)::after{

        width:52px;
    }


    .elementor-1087 .elementor-element.elementor-element-4fc7498:hover >
    .e-con-inner >
    .e-con:first-child
    .elementor-widget:nth-child(2)
    :is(h1,h2,h3)::after{

        width:52px;
    }


    /* DESCRIPTION */

    .elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
    .e-con:first-child
    .elementor-widget:nth-child(2) p{

        max-width:350px!important;

        font-size:14px!important;

        line-height:1.56!important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:390px){

    .elementor-1087 .elementor-element.elementor-element-4fc7498{
        min-height:370px!important;

        /* EVEN */
        padding:30px 16px!important;

        background-position:64% center!important;
    }


    .elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
    .e-con:first-child
    .elementor-widget:nth-child(2)
    :is(h1,h2,h3){

        max-width:330px!important;

        font-size:31px!important;

        line-height:1.07!important;
    }


    .elementor-1087 .elementor-element.elementor-element-4fc7498 > .e-con-inner >
    .e-con:first-child
    .elementor-widget:nth-child(2) p{

        max-width:320px!important;

        font-size:13.5px!important;

        line-height:1.55!important;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

    .elementor-1087 .elementor-element.elementor-element-4fc7498 *,
    .elementor-1087 .elementor-element.elementor-element-4fc7498 *::before,
    .elementor-1087 .elementor-element.elementor-element-4fc7498 *::after{
        animation:none!important;
        transition:none!important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aaa2f72 *//* =========================================================
   KANDHA PROPERTIES
   ABOUT SECTION
   FINAL KANDHA STANDARD

   CLASSES
   Outer Section  : kp-about
   Image          : kp-about-image
   Content        : kp-about-content
   Label          : kp-about-label
   Title          : kp-about-title
   Description    : kp-about-desc
========================================================= */


/* =========================================================
   01. MASTER SECTION
========================================================= */

.elementor-1087 .elementor-element.elementor-element-aaa2f72 {

    --kp-green: #74aa22;
    --kp-lime: #a9eb39;
    --kp-dark: #13261a;
    --kp-text: #667269;
    --kp-soft: #f5f8f1;

    position: relative;

    width: 100% !important;
    max-width: none !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding:
        56px 5vw 58px !important;

    box-sizing:
        border-box !important;

    overflow:
        hidden !important;

    background:
        radial-gradient(
            circle at 7% 12%,
            rgba(169,235,57,.075) 0%,
            rgba(169,235,57,0) 27%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f6f9f3 100%
        ) !important;
}


/* =========================================================
   02. BACKGROUND DETAIL
========================================================= */

.elementor-1087 .elementor-element.elementor-element-aaa2f72::before {

    content: "";

    position: absolute;

    top: -170px;
    right: -150px;

    width: 330px;
    height: 330px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(169,235,57,.065),
            transparent 70%
        );

    pointer-events: none;
}


/* =========================================================
   03. BASIC RESET
========================================================= */

.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image,
.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-content {

    min-width:
        0 !important;

    min-height:
        0 !important;

    box-sizing:
        border-box !important;

    margin:
        0 !important;
}


/* =========================================================
   04. DESKTOP LAYOUT
========================================================= */

@media (min-width:1025px) {

    /* Direct Elementor container structure */

    .elementor-1087 .elementor-element.elementor-element-aaa2f72:not(:has(> .e-con-inner)) {

        display:
            grid !important;

        grid-template-columns:
            minmax(0,.96fr)
            minmax(0,1.04fr) !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        column-gap:
            48px !important;
    }


    /* Elementor Flexbox inner wrapper */

    .elementor-1087 .elementor-element.elementor-element-aaa2f72 > .e-con-inner {

        width:
            100% !important;

        max-width:
            1240px !important;

        min-height:
            0 !important;

        margin:
            0 auto !important;

        padding:
            0 !important;

        display:
            grid !important;

        grid-template-columns:
            minmax(0,.96fr)
            minmax(0,1.04fr) !important;

        align-items:
            center !important;

        column-gap:
            48px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image {

        width:
            100% !important;

        max-width:
            570px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-content {

        width:
            100% !important;

        max-width:
            600px !important;
    }

}


/* =========================================================
   05. IMAGE WRAPPER
========================================================= */

.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image {

    position:
        relative !important;

    overflow:
        visible !important;
}


/* =========================================================
   06. IMAGE WIDGET
========================================================= */

.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image
.elementor-widget-image {

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    border-radius:
        15px !important;
}


/* =========================================================
   07. ACTUAL IMAGE
========================================================= */

.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image img {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        100% !important;

    height:
        auto !important;

    aspect-ratio:
        1.13 / 1 !important;

    object-fit:
        cover !important;

    border-radius:
        15px !important;

    border:
        1px solid rgba(116,170,34,.13) !important;

    box-shadow:
        0 15px 40px rgba(24,52,29,.09),
        0 4px 11px rgba(24,52,29,.035) !important;

    transform:
        scale(1);

    transform-origin:
        center;

    transition:
        transform .50s cubic-bezier(.22,.61,.36,1),
        border-color .34s ease,
        box-shadow .34s ease,
        filter .34s ease !important;
}


/* =========================================================
   IMAGE HOVER
========================================================= */

.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image:hover img {

    transform:
        scale(1.025);

    border-color:
        rgba(116,170,34,.30) !important;

    filter:
        saturate(1.025)
        contrast(1.01);

    box-shadow:
        0 24px 52px rgba(49,95,36,.13),
        0 7px 18px rgba(49,95,36,.05) !important;
}


/* =========================================================
   08. DECORATIVE CORNER
========================================================= */

.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image::before {

    content: "";

    position:
        absolute;

    left:
        -9px;

    bottom:
        -9px;

    width:
        82px;

    height:
        82px;

    border-left:
        3px solid var(--kp-green);

    border-bottom:
        3px solid var(--kp-lime);

    border-radius:
        0 0 0 15px;

    opacity:
        .55;

    pointer-events:
        none;

    transition:
        width .34s ease,
        height .34s ease,
        opacity .34s ease;
}


.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image:hover::before {

    width:
        106px;

    height:
        106px;

    opacity:
        .88;
}


/* =========================================================
   09. IMAGE GLOW
========================================================= */

.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image::after {

    content: "";

    position:
        absolute;

    top:
        -30px;

    right:
        -30px;

    width:
        100px;

    height:
        100px;

    border-radius:
        50%;

    background:
        rgba(169,235,57,.06);

    pointer-events:
        none;

    transition:
        transform .34s ease,
        background .34s ease;
}


.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image:hover::after {

    transform:
        scale(1.18);

    background:
        rgba(169,235,57,.10);
}


/* =========================================================
   10. CONTENT
========================================================= */

.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-content {

    position:
        relative;

    width:
        100% !important;
}


/* =========================================================
   11. ABOUT LABEL
========================================================= */

.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-label {

    width:
        100% !important;

    margin:
        0 0 9px !important;

    padding:
        0 !important;
}


.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-label,
.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-label p {

    color:
        var(--kp-green) !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    line-height:
        1.35 !important;

    letter-spacing:
        1px !important;

    text-transform:
        uppercase !important;
}


.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-label p {

    margin:
        0 !important;
}


/* Remove old label lime line */

.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-label p::before,
.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-label p::after {

    content:
        none !important;

    display:
        none !important;
}


/* =========================================================
   12. MAIN TITLE
========================================================= */

.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-title {

    position:
        relative;

    width:
        100% !important;

    margin:
        0 0 14px !important;

    padding:
        0 0 16px !important;
}


.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-title
.elementor-heading-title {

    width:
        100% !important;

    max-width:
        590px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        var(--kp-dark) !important;

    font-size:
        clamp(36px,3.6vw,49px) !important;

    font-weight:
        700 !important;

    line-height:
        1.09 !important;

    letter-spacing:
        -1.15px !important;
}


/* =========================================================
   13. TITLE DIVIDER
========================================================= */

.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-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,.13);

    transition:
        width .34s ease;
}


.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-content:hover
.kp-about-title::after {

    width:
        88px;
}


/* =========================================================
   14. DESCRIPTION
========================================================= */

.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-desc {

    width:
        100% !important;

    max-width:
        580px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        var(--kp-text) !important;

    font-size:
        15px !important;

    font-weight:
        400 !important;

    line-height:
        1.65 !important;
}


.elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-desc p {

    margin:
        0 !important;

    color:
        inherit !important;

    font-size:
        inherit !important;

    line-height:
        inherit !important;
}


/* =========================================================
   15. TRUE SCROLL REVEAL
   Code Snippet adds:
   kp-about-scroll-ready
   kp-about-inview
========================================================= */


/* IMAGE */

.elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready
.kp-about-image {

    opacity:
        0;

    transform:
        translate3d(-26px,16px,0);
}


/* LABEL */

.elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready
.kp-about-label {

    opacity:
        0;

    transform:
        translateY(8px);
}


/* TITLE */

.elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready
.kp-about-title {

    opacity:
        0;

    transform:
        translateY(14px);
}


/* DESCRIPTION */

.elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready
.kp-about-desc {

    opacity:
        0;

    transform:
        translateY(12px);
}


/* IMAGE TRANSITION */

.elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready
.kp-about-image {

    transition:
        opacity .68s cubic-bezier(.22,.61,.36,1),
        transform .68s cubic-bezier(.22,.61,.36,1) !important;
}


/* LABEL TRANSITION */

.elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready
.kp-about-label {

    transition:
        opacity .55s cubic-bezier(.22,.61,.36,1),
        transform .55s cubic-bezier(.22,.61,.36,1) !important;

    transition-delay:
        .06s !important;
}


/* TITLE TRANSITION */

.elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready
.kp-about-title {

    transition:
        opacity .62s cubic-bezier(.22,.61,.36,1),
        transform .62s cubic-bezier(.22,.61,.36,1) !important;

    transition-delay:
        .12s !important;
}


/* DESCRIPTION TRANSITION */

.elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready
.kp-about-desc {

    transition:
        opacity .62s cubic-bezier(.22,.61,.36,1),
        transform .62s cubic-bezier(.22,.61,.36,1) !important;

    transition-delay:
        .19s !important;
}


/* VISIBLE */

.elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready.kp-about-inview
.kp-about-image,

.elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready.kp-about-inview
.kp-about-label,

.elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready.kp-about-inview
.kp-about-title,

.elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready.kp-about-inview
.kp-about-desc {

    opacity:
        1 !important;

    transform:
        translate3d(0,0,0) !important;
}


/* =========================================================
   16. TABLET
========================================================= */

@media (min-width:768px) and (max-width:1024px) {

    .elementor-1087 .elementor-element.elementor-element-aaa2f72 {

        padding:
            48px 30px 50px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72:not(:has(> .e-con-inner)) {

        display:
            grid !important;

        grid-template-columns:
            minmax(0,.95fr)
            minmax(0,1.05fr) !important;

        align-items:
            center !important;

        gap:
            32px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 > .e-con-inner {

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 auto !important;

        padding:
            0 !important;

        display:
            grid !important;

        grid-template-columns:
            minmax(0,.95fr)
            minmax(0,1.05fr) !important;

        align-items:
            center !important;

        gap:
            32px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image,
    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-content {

        width:
            100% !important;

        max-width:
            100% !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image img {

        aspect-ratio:
            1 / 1 !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-title
    .elementor-heading-title {

        font-size:
            38px !important;

        line-height:
            1.10 !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-desc {

        font-size:
            14.5px !important;

        line-height:
            1.62 !important;
    }

}


/* =========================================================
   17. MOBILE
========================================================= */

@media (max-width:767px) {

    .elementor-1087 .elementor-element.elementor-element-aaa2f72 {

        padding:
            38px 16px 40px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72:not(:has(> .e-con-inner)) {

        display:
            flex !important;

        flex-direction:
            column !important;

        gap:
            24px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 > .e-con-inner {

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        gap:
            24px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image,
    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-content {

        width:
            100% !important;

        max-width:
            100% !important;
    }


    /* IMAGE */

    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image img {

        width:
            100% !important;

        aspect-ratio:
            1.08 / 1 !important;

        border-radius:
            14px !important;
    }


    /* Decorative corner */

    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image::before {

        left:
            -5px;

        bottom:
            -5px;

        width:
            55px;

        height:
            55px;

        border-left-width:
            2px;

        border-bottom-width:
            2px;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image:hover::before {

        width:
            64px;

        height:
            64px;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image::after {

        top:
            -18px;

        right:
            -18px;

        width:
            70px;

        height:
            70px;
    }


    /* LABEL */

    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-label {

        margin-bottom:
            7px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-label,
    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-label p {

        font-size:
            11px !important;

        line-height:
            1.4 !important;

        letter-spacing:
            .7px !important;
    }


    /* TITLE */

    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-title {

        margin-bottom:
            12px !important;

        padding-bottom:
            13px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-title
    .elementor-heading-title {

        width:
            100% !important;

        max-width:
            100% !important;

        font-size:
            30px !important;

        line-height:
            1.11 !important;

        letter-spacing:
            -.6px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-title::after {

        width:
            52px;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-content:hover
    .kp-about-title::after {

        width:
            52px;
    }


    /* DESCRIPTION */

    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-desc {

        width:
            100% !important;

        max-width:
            100% !important;

        font-size:
            14px !important;

        line-height:
            1.58 !important;
    }


    /* MOBILE HOVER */

    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-image:hover img {

        transform:
            scale(1.01);
    }


    /* Smaller mobile reveal */

    .elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready
    .kp-about-image {

        transform:
            translate3d(0,18px,0);
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready
    .kp-about-title {

        transform:
            translateY(11px);
    }

}


/* =========================================================
   18. SMALL MOBILE
========================================================= */

@media (max-width:390px) {

    .elementor-1087 .elementor-element.elementor-element-aaa2f72 {

        padding:
            34px 14px 36px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 > .e-con-inner,
    .elementor-1087 .elementor-element.elementor-element-aaa2f72:not(:has(> .e-con-inner)) {

        gap:
            21px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72 .kp-about-title
    .elementor-heading-title {

        font-size:
            28px !important;
    }

}


/* =========================================================
   19. REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce) {

    .elementor-1087 .elementor-element.elementor-element-aaa2f72 *,
    .elementor-1087 .elementor-element.elementor-element-aaa2f72 *::before,
    .elementor-1087 .elementor-element.elementor-element-aaa2f72 *::after {

        transition:
            none !important;
    }


    .elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready
    .kp-about-image,

    .elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready
    .kp-about-label,

    .elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready
    .kp-about-title,

    .elementor-1087 .elementor-element.elementor-element-aaa2f72.kp-about-scroll-ready
    .kp-about-desc {

        opacity:
            1 !important;

        transform:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-807915b *//* =========================================================
   KANDHA PROPERTIES
   VISION / MISSION / VALUES
   FINAL KANDHA STANDARD
========================================================= */


/* =========================================================
   01. MASTER SECTION
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b {

    --kp-green: #74aa22;
    --kp-lime: #a9eb39;
    --kp-dark: #13261a;
    --kp-text: #667269;
    --kp-soft: #f5f8f1;

    position: relative;

    width: 100% !important;
    max-width: none !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding:
        56px 5vw 58px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    background:
        radial-gradient(
            circle at 92% 10%,
            rgba(169,235,57,.075) 0%,
            rgba(169,235,57,0) 28%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f6f9f3 100%
        ) !important;
}


/* =========================================================
   02. BACKGROUND DETAIL
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b::before {

    content: "";

    position: absolute;

    top: -170px;
    right: -150px;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(169,235,57,.06),
            transparent 70%
        );

    pointer-events: none;
}


/* =========================================================
   03. GRID
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b .kp-values-grid {

    position: relative;

    z-index: 2;

    width: 100% !important;
    max-width: 1240px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    display:
        grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:
        20px !important;

    align-items:
        stretch !important;
}


/* =========================================================
   04. CARD
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card {

    position: relative;

    width:
        100% !important;

    min-width:
        0 !important;

    min-height:
        270px !important;

    margin:
        0 !important;

    padding:
        28px 24px 26px !important;

    overflow:
        hidden;

    box-sizing:
        border-box !important;

    background:
        #ffffff !important;

    border:
        1px solid rgba(116,170,34,.11) !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;
}


/* =========================================================
   05. TOP ACCENT
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card::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,
            var(--kp-green),
            var(--kp-lime)
        );

    transition:
        width .34s ease;

    z-index:
        3;
}


/* =========================================================
   06. SOFT GLOW
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card::after {

    content: "";

    position: absolute;

    top: -60px;
    right: -60px;

    width:
        125px;

    height:
        125px;

    border-radius:
        50%;

    background:
        rgba(169,235,57,.06);

    pointer-events:
        none;

    transition:
        transform .34s ease,
        background .34s ease;
}


/* =========================================================
   07. CARD HOVER
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card:hover {

    transform:
        translateY(-6px);

    border-color:
        rgba(116,170,34,.28) !important;

    box-shadow:
        0 22px 48px rgba(49,95,36,.12),
        0 6px 15px rgba(49,95,36,.045) !important;
}


.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card:hover::before {

    width:
        100%;
}


.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card:hover::after {

    transform:
        scale(1.20);

    background:
        rgba(169,235,57,.11);
}


/* =========================================================
   08. INFO BOX
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
.elementor-widget-info-box,

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
.elementor-widget-icon-box {

    position: relative;

    z-index: 2;

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;
}


/* =========================================================
   09. CONTENT ALIGNMENT
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
:is(
    .elementor-icon-box-wrapper,
    .elementor-info-box-wrapper,
    .uael-infobox
) {

    width:
        100% !important;

    height:
        100% !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    text-align:
        center !important;
}


/* =========================================================
   10. ICON AREA
   IMPORTANT — ICON SIZE REDUCED
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
.elementor-icon,

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
.uael-icon,

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
.elementor-info-box-icon {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        44px !important;

    height:
        44px !important;

    min-width:
        44px !important;

    min-height:
        44px !important;

    margin:
        0 0 16px !important;

    padding:
        0 !important;

    border-radius:
        50% !important;

    background:
        #143f36 !important;

    color:
        var(--kp-lime) !important;

    box-shadow:
        0 6px 15px rgba(20,63,54,.12);

    transition:
        transform .32s ease,
        background .32s ease,
        box-shadow .32s ease !important;
}


/* =========================================================
   11. ACTUAL ICON GLYPH
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
.elementor-icon i,

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
.uael-icon i,

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
.elementor-info-box-icon i {

    font-size:
        18px !important;

    color:
        var(--kp-lime) !important;
}


.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
.elementor-icon svg,

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
.uael-icon svg,

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
.elementor-info-box-icon svg {

    width:
        18px !important;

    height:
        18px !important;

    color:
        var(--kp-lime) !important;

    fill:
        var(--kp-lime) !important;
}


/* =========================================================
   12. ICON HOVER
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card:hover
.elementor-icon,

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card:hover
.uael-icon,

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card:hover
.elementor-info-box-icon {

    transform:
        translateY(-2px) scale(1.05);

    background:
        var(--kp-deep, #315f24) !important;

    box-shadow:
        0 9px 20px rgba(49,95,36,.16);
}


/* =========================================================
   13. TITLE
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
:is(
    .elementor-icon-box-title,
    .elementor-info-box-title,
    .uael-infobox-title,
    h3,
    h4
) {

    margin:
        0 0 9px !important;

    color:
        var(--kp-dark) !important;

    font-size:
        19px !important;

    font-weight:
        700 !important;

    line-height:
        1.30 !important;

    letter-spacing:
        -.25px !important;

    transition:
        color .32s ease;
}


.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card:hover
:is(
    .elementor-icon-box-title,
    .elementor-info-box-title,
    .uael-infobox-title,
    h3,
    h4
) {

    color:
        #5f921b !important;
}


/* =========================================================
   14. DESCRIPTION
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
:is(
    .elementor-icon-box-description,
    .elementor-info-box-description,
    .uael-infobox-text,
    .uael-infobox-content,
    p
) {

    max-width:
        310px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    color:
        var(--kp-text) !important;

    font-size:
        14px !important;

    font-weight:
        400 !important;

    line-height:
        1.62 !important;
}


/* =========================================================
   15. TRUE SCROLL ANIMATION
========================================================= */

.elementor-1087 .elementor-element.elementor-element-807915b.kp-values-scroll-ready
.kp-value-card {

    opacity:
        0;

    transform:
        translateY(24px) scale(.985);
}


.elementor-1087 .elementor-element.elementor-element-807915b.kp-values-scroll-ready
.kp-value-card {

    transition:
        opacity .64s cubic-bezier(.22,.61,.36,1),
        transform .64s cubic-bezier(.22,.61,.36,1),
        border-color .34s ease,
        box-shadow .34s ease !important;
}


/* stagger */

.elementor-1087 .elementor-element.elementor-element-807915b.kp-values-scroll-ready
.kp-value-card:nth-child(1) {

    transition-delay:
        0s !important;
}


.elementor-1087 .elementor-element.elementor-element-807915b.kp-values-scroll-ready
.kp-value-card:nth-child(2) {

    transition-delay:
        .11s !important;
}


.elementor-1087 .elementor-element.elementor-element-807915b.kp-values-scroll-ready
.kp-value-card:nth-child(3) {

    transition-delay:
        .22s !important;
}


/* visible */

.elementor-1087 .elementor-element.elementor-element-807915b.kp-values-scroll-ready.kp-values-inview
.kp-value-card {

    opacity:
        1 !important;

    transform:
        translateY(0) scale(1) !important;
}


/* =========================================================
   16. TABLET
========================================================= */

@media (min-width:768px) and (max-width:1024px) {

    .elementor-1087 .elementor-element.elementor-element-807915b {

        padding:
            48px 30px 50px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b .kp-values-grid {

        gap:
            15px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card {

        min-height:
            260px !important;

        padding:
            25px 19px 23px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .elementor-icon,

    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .uael-icon,

    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .elementor-info-box-icon {

        width:
            42px !important;

        height:
            42px !important;

        min-width:
            42px !important;

        min-height:
            42px !important;

        margin-bottom:
            14px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .elementor-icon i,

    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .uael-icon i {

        font-size:
            17px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .elementor-icon svg,

    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .uael-icon svg {

        width:
            17px !important;

        height:
            17px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    :is(
        .elementor-icon-box-title,
        .elementor-info-box-title,
        .uael-infobox-title,
        h3,
        h4
    ) {

        font-size:
            18px !important;
    }

}


/* =========================================================
   17. MOBILE
========================================================= */

@media (max-width:767px) {

    .elementor-1087 .elementor-element.elementor-element-807915b {

        padding:
            38px 16px 40px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b .kp-values-grid {

        grid-template-columns:
            1fr !important;

        gap:
            13px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card {

        width:
            100% !important;

        min-height:
            auto !important;

        padding:
            23px 19px 21px !important;

        border-radius:
            14px !important;
    }


    /* Smaller icon */

    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .elementor-icon,

    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .uael-icon,

    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .elementor-info-box-icon {

        width:
            40px !important;

        height:
            40px !important;

        min-width:
            40px !important;

        min-height:
            40px !important;

        margin-bottom:
            13px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .elementor-icon i,

    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .uael-icon i,

    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .elementor-info-box-icon i {

        font-size:
            16px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .elementor-icon svg,

    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .uael-icon svg,

    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    .elementor-info-box-icon svg {

        width:
            16px !important;

        height:
            16px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    :is(
        .elementor-icon-box-title,
        .elementor-info-box-title,
        .uael-infobox-title,
        h3,
        h4
    ) {

        font-size:
            18px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card
    :is(
        .elementor-icon-box-description,
        .elementor-info-box-description,
        .uael-infobox-text,
        .uael-infobox-content,
        p
    ) {

        max-width:
            100% !important;

        font-size:
            14px !important;

        line-height:
            1.58 !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card:hover {

        transform:
            translateY(-2px);
    }


    /* Mobile scroll distance */

    .elementor-1087 .elementor-element.elementor-element-807915b.kp-values-scroll-ready
    .kp-value-card {

        transform:
            translateY(17px) scale(.992);
    }

}


/* =========================================================
   18. SMALL MOBILE
========================================================= */

@media (max-width:390px) {

    .elementor-1087 .elementor-element.elementor-element-807915b {

        padding:
            34px 14px 36px !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b .kp-value-card {

        padding:
            21px 17px 20px !important;
    }

}


/* =========================================================
   19. REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce) {

    .elementor-1087 .elementor-element.elementor-element-807915b *,
    .elementor-1087 .elementor-element.elementor-element-807915b *::before,
    .elementor-1087 .elementor-element.elementor-element-807915b *::after {

        transition:
            none !important;
    }


    .elementor-1087 .elementor-element.elementor-element-807915b.kp-values-scroll-ready
    .kp-value-card {

        opacity:
            1 !important;

        transform:
            none !important;
    }

}/* End custom CSS */