.elementor-22 .elementor-element.elementor-element-39b84524{--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-22 .elementor-element.elementor-element-39b84524:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-39b84524 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kandhapropertiesandconstructions.com/wp-content/uploads/2026/09/ChatGPT-Image-Aug-25-2026-04_48_03-PM.png");background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-39b84524::before, .elementor-22 .elementor-element.elementor-element-39b84524 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-39b84524 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-39b84524 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-39b84524 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-39b84524 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-77cce5f1{--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-22 .elementor-element.elementor-element-11924f66 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-11924f66{text-align:center;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-11924f66 p{margin-block-end:0px;}.elementor-22 .elementor-element.elementor-element-6a8882 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-6a8882 .uael-infobox,  .elementor-22 .elementor-element.elementor-element-6a8882 .uael-separator-parent{text-align:center;}.elementor-22 .elementor-element.elementor-element-6a8882 .uael-infobox-title{color:#FFFFFF;margin:0px 150px 8px 150px;}.elementor-22 .elementor-element.elementor-element-6a8882 .uael-infobox-text{color:#FFFFFF;margin:0px 260px 0px 260px;}.elementor-22 .elementor-element.elementor-element-578749b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-6eb4c43e{--display:flex;}.elementor-22 .elementor-element.elementor-element-764d84f5 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-764d84f5 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-22 .elementor-element.elementor-element-764d84f5{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-22 .elementor-element.elementor-element-764d84f5 .elementor-icon-list-text{transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-d8c273{--display:flex;}.elementor-22 .elementor-element.elementor-element-3c63db18{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-22 .elementor-element.elementor-element-174f6791{--display:flex;}.elementor-22 .elementor-element.elementor-element-174f6791:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-174f6791 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-22 .elementor-element.elementor-element-cf6c222 .elementor-icon-box-wrapper{align-items:start;gap:9px;}.elementor-22 .elementor-element.elementor-element-cf6c222 .elementor-icon-box-title{margin-block-end:2px;}.elementor-22 .elementor-element.elementor-element-cf6c222 .elementor-icon{font-size:29px;}.elementor-22 .elementor-element.elementor-element-7574933e{--display:flex;}.elementor-22 .elementor-element.elementor-element-7574933e:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-7574933e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-22 .elementor-element.elementor-element-19b5aaad .elementor-icon-box-wrapper{align-items:start;gap:9px;}.elementor-22 .elementor-element.elementor-element-19b5aaad .elementor-icon-box-title{margin-block-end:2px;}.elementor-22 .elementor-element.elementor-element-19b5aaad .elementor-icon{font-size:29px;}.elementor-22 .elementor-element.elementor-element-2afee18{--display:flex;}.elementor-22 .elementor-element.elementor-element-2afee18:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-2afee18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-22 .elementor-element.elementor-element-684e3c78 .elementor-icon-box-wrapper{align-items:start;gap:9px;}.elementor-22 .elementor-element.elementor-element-684e3c78 .elementor-icon-box-title{margin-block-end:2px;}.elementor-22 .elementor-element.elementor-element-684e3c78 .elementor-icon{font-size:29px;}.elementor-22 .elementor-element.elementor-element-f1c101d{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-22 .elementor-element.elementor-element-f1c101d:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-f1c101d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-22 .elementor-element.elementor-element-9446486 .elementor-icon-box-wrapper{align-items:start;gap:9px;}.elementor-22 .elementor-element.elementor-element-9446486 .elementor-icon-box-title{margin-block-end:2px;}.elementor-22 .elementor-element.elementor-element-9446486 .elementor-icon{font-size:29px;}.elementor-22 .elementor-element.elementor-element-6e48a9c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-d3bc9f4{--display:flex;}.elementor-22 .elementor-element.elementor-element-58587e6c{--display:flex;}.elementor-22 .elementor-element.elementor-element-33645b3f{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-39b84524{--content-width:1200px;}}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-39b84524{--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-22 .elementor-element.elementor-element-6a8882 .uael-infobox-title{margin:0px 90px 12px 90px;}.elementor-22 .elementor-element.elementor-element-6a8882 .uael-imgicon-wrap{margin:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-6a8882 .uael-infobox-text{margin:0px 90px 0px 90px;}.elementor-22 .elementor-element.elementor-element-3c63db18{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-39b84524{--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-22 .elementor-element.elementor-element-11924f66 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-6a8882 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-6a8882 .uael-infobox-title{margin:0px 0px 12px 0px;}.elementor-22 .elementor-element.elementor-element-6a8882 .uael-imgicon-wrap{margin:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-6a8882 .uael-infobox-text{margin:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-3c63db18{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-22 .elementor-element.elementor-element-7574933e{--min-height:0px;--justify-content:space-around;--gap:9px 9px;--row-gap:9px;--column-gap:9px;}}/* Start custom CSS for container, class: .elementor-element-39b84524 *//* =========================================================
   KANDHA PROPERTIES
   ABOUT HERO — FINAL CLEAN VERSION
   EVEN TOP / BOTTOM SPACING
   DESKTOP + TABLET + MOBILE
   NO CSS CLASS REQUIRED
========================================================= */

.elementor-22 .elementor-element.elementor-element-39b84524{
    --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-22 .elementor-element.elementor-element-39b84524::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-22 .elementor-element.elementor-element-39b84524::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-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524 > .e-con-inner >
.e-con:first-child
.elementor-widget-text-editor:first-child{
    margin:0 0 14px!important;
    padding:0!important;
}


.elementor-22 .elementor-element.elementor-element-39b84524 > .e-con-inner >
.e-con:first-child
.elementor-widget-text-editor:first-child,
.elementor-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524 > .e-con-inner >
.e-con:first-child
.elementor-widget-text-editor:first-child p{
    margin:0!important;
}


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

.elementor-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524:hover >
.e-con-inner >
.e-con:first-child
.elementor-widget:nth-child(2)
:is(h1,h2,h3)::after{
    width:90px;
}


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

.elementor-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524{
        min-height:430px!important;

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

        background-position:center center!important;
    }


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


    .elementor-22 .elementor-element.elementor-element-39b84524 > .e-con-inner >
    .e-con:first-child
    .elementor-widget-text-editor:first-child{
        margin-bottom:13px!important;
    }


    .elementor-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524{
        min-height:390px!important;

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

        background-position:62% center!important;
    }


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


    .elementor-22 .elementor-element.elementor-element-39b84524::after{
        width:340px;
        height:220px;

        bottom:-125px;
    }


    /* ABOUT */

    .elementor-22 .elementor-element.elementor-element-39b84524 > .e-con-inner >
    .e-con:first-child
    .elementor-widget-text-editor:first-child{
        margin-bottom:11px!important;
    }


    .elementor-22 .elementor-element.elementor-element-39b84524 > .e-con-inner >
    .e-con:first-child
    .elementor-widget-text-editor:first-child,
    .elementor-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524 > .e-con-inner >
    .e-con:first-child
    .elementor-widget:nth-child(2)
    :is(h1,h2,h3)::after{

        width:52px;
    }


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

        width:52px;
    }


    /* DESCRIPTION */

    .elementor-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524{
        min-height:370px!important;

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

        background-position:64% center!important;
    }


    .elementor-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524 > .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-22 .elementor-element.elementor-element-39b84524 *,
    .elementor-22 .elementor-element.elementor-element-39b84524 *::before,
    .elementor-22 .elementor-element.elementor-element-39b84524 *::after{
        animation:none!important;
        transition:none!important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-578749b2 *//* =========================================================
   KANDHA PROPERTIES
   CONTACT SECTION — FINAL COMPACT VERSION
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 {

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

    position: relative;

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

    overflow: hidden;

    padding:
        68px 5vw 76px !important;

    background:
        radial-gradient(
            circle at 7% 8%,
            rgba(169,235,57,.08) 0%,
            rgba(169,235,57,0) 25%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f5f8f1 100%
        ) !important;
}


/* =========================================================
   CONTENT WIDTH
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 > .e-con-inner {
    width: 100% !important;
    max-width: 1240px !important;

    margin: 0 auto !important;
}


/* =========================================================
   HEADER
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head {

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

    margin:
        0 auto 26px !important;

    padding: 0 !important;

    animation:
        kpContactHeaderIn
        .60s ease both;
}


/* =========================================================
   GET IN TOUCH
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
.elementor-widget-icon-list {

    margin:
        0 0 9px !important;
}


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
.elementor-icon-list-items {

    margin:
        0 !important;
}


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
.elementor-icon-list-item {

    display:
        inline-flex !important;

    align-items:
        center !important;
}


/* Icon */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
.elementor-icon-list-icon {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        32px;

    height:
        32px;

    margin-right:
        8px !important;

    border-radius:
        50%;

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

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


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
.elementor-icon-list-icon i {

    color:
        #74aa22 !important;

    font-size:
        14px !important;
}


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
.elementor-icon-list-icon svg {

    width:
        14px !important;

    fill:
        #74aa22 !important;
}


/* GET IN TOUCH TEXT */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
.elementor-icon-list-text {

    color:
        #74aa22 !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .9px !important;

    text-transform:
        uppercase !important;
}


/* Header icon hover */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head:hover
.elementor-icon-list-icon {

    transform:
        scale(1.06);

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


/* =========================================================
   TALK TO US
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
.elementor-widget-heading {

    width:
        100% !important;

    margin:
        0 0 10px !important;
}


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
.elementor-heading-title {

    margin:
        0 !important;

    color:
        #13261a !important;

    font-size:
        clamp(38px,3.8vw,50px) !important;

    font-weight:
        700 !important;

    line-height:
        1.05 !important;

    letter-spacing:
        -1.3px !important;
}


/* GREEN LINE */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
.elementor-widget-heading::after {

    content: "";

    display:
        block;

    width:
        54px;

    height:
        3px;

    margin-top:
        11px;

    border-radius:
        30px;

    background:
        linear-gradient(
            90deg,
            #74aa22,
            #a9eb39
        );

    transition:
        width .35s ease;
}


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head:hover
.elementor-widget-heading::after {

    width:
        76px;
}


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

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
.elementor-widget-text-editor {

    width:
        100% !important;

    max-width:
        760px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #667269 !important;

    font-size:
        14px !important;

    font-weight:
        400 !important;

    line-height:
        1.55 !important;
}


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
.elementor-widget-text-editor p {

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        inherit !important;
}


/* =========================================================
   CARDS WRAPPER
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-cards {

    width:
        100% !important;

    max-width:
        1240px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;
}


/* =========================================================
   GRID
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-grid {

    width:
        100% !important;

    display:
        grid !important;

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

    gap:
        14px !important;

    align-items:
        stretch !important;
}


/* =========================================================
   CONTACT CARDS
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card {

    position:
        relative;

    min-width:
        0 !important;

    min-height:
        104px;

    overflow:
        hidden;

    padding:
        19px 20px !important;

    background:
        #ffffff !important;

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

    border-radius:
        14px !important;

    box-shadow:
        0 10px 28px rgba(24,52,29,.05),
        0 3px 7px rgba(24,52,29,.025) !important;

    transform:
        translateY(0);

    transition:
        transform .35s cubic-bezier(.2,.7,.2,1),
        border-color .35s ease,
        box-shadow .35s ease !important;

    animation:
        kpContactFade .55s ease both !important;
}


/* Stagger */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card:nth-child(1) {
    animation-delay: .02s !important;
}

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card:nth-child(2) {
    animation-delay: .08s !important;
}

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card:nth-child(3) {
    animation-delay: .14s !important;
}

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card:nth-child(4) {
    animation-delay: .20s !important;
}


/* =========================================================
   TOP GREEN ACCENT
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card::before {

    content: "";

    position:
        absolute;

    top: 0;
    left: 50%;

    width:
        0;

    height:
        4px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,
            #74aa22,
            #a9eb39
        );

    transition:
        width .35s ease;

    z-index:
        3;
}


/* =========================================================
   SOFT GLOW
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card::after {

    content: "";

    position:
        absolute;

    top:
        -52px;

    right:
        -52px;

    width:
        108px;

    height:
        108px;

    border-radius:
        50%;

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

    pointer-events:
        none;

    transition:
        transform .35s ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card:hover {

    transform:
        translateY(-7px) !important;

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

    box-shadow:
        0 23px 50px rgba(49,95,36,.12),
        0 6px 16px rgba(49,95,36,.045) !important;
}


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card:hover::before {

    width:
        100%;
}


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card:hover::after {

    transform:
        scale(1.25);
}


/* =========================================================
   ICON BOX
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card
.elementor-widget-icon-box {

    position:
        relative;

    z-index:
        2;

    width:
        100% !important;

    margin:
        0 !important;
}


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card
.elementor-icon-box-wrapper {

    width:
        100%;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    text-align:
        left !important;
}


/* =========================================================
   CARD ICON
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card
.elementor-icon-box-icon {

    flex:
        0 0 42px;

    margin:
        0 14px 0 0 !important;
}


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card
.elementor-icon {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        42px !important;

    height:
        42px !important;

    border-radius:
        50% !important;

    background:
        #143f36 !important;

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

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


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card
.elementor-icon i {

    color:
        #a9eb39 !important;

    font-size:
        17px !important;
}


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card
.elementor-icon svg {

    width:
        17px !important;

    height:
        17px !important;

    color:
        #a9eb39 !important;

    fill:
        #a9eb39 !important;
}


/* ICON HOVER */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card:hover
.elementor-icon {

    transform:
        translateY(-2px)
        scale(1.07) !important;

    background:
        #315f24 !important;

    box-shadow:
        0 11px 22px rgba(49,95,36,.18) !important;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card
.elementor-icon-box-content {

    min-width:
        0;

    flex:
        1 1 auto;
}


/* =========================================================
   CARD TITLE
========================================================= */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card
.elementor-icon-box-title {

    margin:
        0 0 2px !important;

    color:
        #13261a !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    text-transform:
        uppercase !important;

    transition:
        color .32s ease;
}


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card:hover
.elementor-icon-box-title {

    color:
        #74aa22 !important;
}


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

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card
.elementor-icon-box-description {

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #667269 !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    line-height:
        1.45 !important;
}


/* Links */

.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card a {

    color:
        inherit;

    text-decoration:
        none;
}


.elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card a:hover {

    color:
        #74aa22 !important;
}


/* =========================================================
   ANIMATION
========================================================= */

@keyframes kpContactHeaderIn {

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

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


@keyframes kpContactFade {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


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

@media (max-width: 1024px) {

    .elementor-22 .elementor-element.elementor-element-578749b2 {

        padding:
            62px 28px 70px !important;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head {

        margin-bottom:
            24px !important;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
    .elementor-heading-title {

        font-size:
            40px !important;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-grid {

        gap:
            12px !important;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card {

        padding:
            18px !important;

        min-height:
            100px;
    }
}


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

@media (max-width: 767px) {

    .elementor-22 .elementor-element.elementor-element-578749b2 {

        padding:
            54px 18px 60px !important;
    }


    /* Header compact */

    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head {

        margin-bottom:
            22px !important;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
    .elementor-widget-icon-list {

        margin-bottom:
            8px !important;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
    .elementor-widget-heading {

        margin-bottom:
            9px !important;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
    .elementor-heading-title {

        font-size:
            33px !important;

        line-height:
            1.07 !important;

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


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
    .elementor-widget-heading::after {

        width:
            48px;

        margin-top:
            10px;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head
    .elementor-widget-text-editor {

        max-width:
            100% !important;

        font-size:
            13px !important;

        line-height:
            1.5 !important;
    }


    /* Cards */

    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-grid {

        grid-template-columns:
            1fr !important;

        gap:
            11px !important;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card {

        width:
            100% !important;

        min-height:
            auto;

        padding:
            17px 16px !important;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card
    .elementor-icon-box-icon {

        flex:
            0 0 40px;

        margin-right:
            12px !important;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card
    .elementor-icon {

        width:
            40px !important;

        height:
            40px !important;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card
    .elementor-icon-box-title {

        font-size:
            12px !important;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card
    .elementor-icon-box-description {

        font-size:
            12px !important;

        line-height:
            1.45 !important;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card:hover {

        transform:
            translateY(-3px) !important;
    }
}


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

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

    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-head,
    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card {

        animation:
            none !important;
    }


    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card,
    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card::before,
    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card::after,
    .elementor-22 .elementor-element.elementor-element-578749b2 .kp-contact-card .elementor-icon {

        transition:
            none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e48a9c0 *//* =====================================================
   KANDHA PROPERTIES — COMPLETE CONTACT SECTION
   FINAL VERSION — PHONE CLICK FIX
===================================================== */


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

.elementor-22 .elementor-element.elementor-element-6e48a9c0 {
    --kp-green: #74aa22;
    --kp-lime: #a9eb39;
    --kp-dark: #13261a;
    --kp-deep: #315f24;
    --kp-text: #667269;
    --kp-field-height: 48px;

    position: relative !important;

    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;

    margin: 0 !important;

    padding: 56px 5vw !important;

    box-sizing: border-box !important;

    background:
        radial-gradient(
            circle at 8% 8%,
            rgba(169, 235, 57, .07),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #fff,
            #f5f8f1
        ) !important;

    overflow: visible !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;

    width: min(320px, 100%);
    height: 280px;

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

    pointer-events: none;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 > .e-con-inner {
    position: relative !important;

    z-index: 2;

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

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

    box-sizing: border-box !important;

    overflow: visible !important;
}



/* =====================================================
   02. HEADER
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head {
    width: 100% !important;
    max-width: 1000px !important;

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


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
.elementor-widget-heading:nth-child(1 of .elementor-widget-heading) {
    margin: 0 0 8px !important;
    padding: 0 !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
.elementor-widget-heading:nth-child(1 of .elementor-widget-heading)
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--kp-green) !important;
    -webkit-text-fill-color: var(--kp-green) !important;

    background: none !important;

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

    text-transform: uppercase !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
.elementor-widget-heading:nth-child(1 of .elementor-widget-heading)
.elementor-heading-title * {
    color: inherit !important;

    -webkit-text-fill-color: var(--kp-green) !important;

    font-size: inherit !important;
    font-weight: inherit !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
.elementor-widget-heading:nth-child(1 of .elementor-widget-heading)
.elementor-heading-title::before,

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
.elementor-widget-heading:nth-child(1 of .elementor-widget-heading)
.elementor-heading-title::after {
    content: none !important;

    display: none !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
.elementor-widget-heading:nth-child(2 of .elementor-widget-heading) {
    position: relative !important;

    margin: 0 0 13px !important;

    padding: 0 0 16px !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
.elementor-widget-heading:nth-child(2 of .elementor-widget-heading)
.elementor-heading-title {
    max-width: 820px !important;

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

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

    -webkit-text-fill-color: var(--kp-dark) !important;

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

    font-weight: 700 !important;

    line-height: 1.12 !important;

    letter-spacing: -1px !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
.elementor-widget-heading:nth-child(2 of .elementor-widget-heading)::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)
        );

    transition: width .25s ease;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head:hover
.elementor-widget-heading:nth-child(2 of .elementor-widget-heading)::after {
    width: 88px;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head .elementor-widget-text-editor {
    max-width: 820px !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-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head .elementor-widget-text-editor p {
    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;
}



/* =====================================================
   03. FORM CARD
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap {
    position: relative !important;

    z-index: 5;

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

    margin: 0 auto !important;

    padding: 28px 30px !important;

    box-sizing: border-box !important;

    background: #fff !important;

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

    border-radius: 15px !important;

    box-shadow:
        0 13px 36px rgba(24, 52, 29, .07),
        0 3px 8px rgba(24, 52, 29, .03) !important;

    overflow: visible !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap::before {
    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 66px;
    height: 3px;

    transform: translateX(-50%);

    border-radius: 0 0 8px 8px;

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

    pointer-events: none;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap:focus-within {
    border-color: rgba(116, 170, 34, .35) !important;

    box-shadow:
        0 16px 40px rgba(49, 95, 36, .10) !important;
}



/* =====================================================
   04. SUREFORMS CONTAINERS
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap :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;

    box-sizing: border-box !important;

    background: transparent !important;

    overflow: visible !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap :is(
    .srfm-block,
    .srfm-block-wrap,
    .srfm-form-row,
    .srfm-form-field,
    .srfm-field-wrap
) {
    min-width: 0 !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .srfm-block-wrap {
    margin-bottom: 14px !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .srfm-block-wrap:last-child {
    margin-bottom: 0 !important;
}



/* =====================================================
   05. LABELS
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap label {
    color: #26352b !important;

    -webkit-text-fill-color: #26352b !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    line-height: 1.45 !important;
}



/* =====================================================
   06. NORMAL TEXT INPUTS
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap input:is(
    [type="text"],
    [type="email"],
    [type="url"],
    [type="number"],
    [type="password"]
):not(.iti__search-input) {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: var(--kp-field-height) !important;
    min-height: var(--kp-field-height) !important;
    max-height: var(--kp-field-height) !important;

    margin: 0 !important;

    padding:
        0
        13px !important;

    box-sizing: border-box !important;

    color: #26352b !important;

    -webkit-text-fill-color: #26352b !important;

    caret-color: var(--kp-deep) !important;

    background-color: #fff !important;

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

    border-radius: 8px !important;

    font-family: inherit !important;

    font-size: 15px !important;

    font-weight: 400 !important;

    line-height: normal !important;

    letter-spacing: normal !important;

    text-indent: 0 !important;

    text-align: start !important;

    transform: none !important;

    box-shadow: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}



/* =====================================================
   07. PHONE FIELD WRAPPER
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: var(--kp-field-height) !important;
    min-height: var(--kp-field-height) !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}



/* =====================================================
   08. ACTUAL PHONE NUMBER INPUT
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti input[type="tel"],
.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap input[type="tel"].iti__tel-input {

    position: relative !important;

    z-index: 1 !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: var(--kp-field-height) !important;
    min-height: var(--kp-field-height) !important;
    max-height: var(--kp-field-height) !important;

    margin: 0 !important;

    /*
       Left side = flag + +91 only
       Right side = phone number typing area
    */

    padding-top: 0 !important;
    padding-right: 13px !important;
    padding-bottom: 0 !important;
    padding-left: 100px !important;

    box-sizing: border-box !important;

    color: #26352b !important;

    -webkit-text-fill-color: #26352b !important;

    caret-color: var(--kp-deep) !important;

    background-color: #fff !important;

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

    border-radius: 8px !important;

    font-family: inherit !important;

    font-size: 15px !important;

    font-weight: 400 !important;

    line-height: normal !important;

    letter-spacing: normal !important;

    text-indent: 0 !important;

    text-align: left !important;

    opacity: 1 !important;

    visibility: visible !important;

    cursor: text !important;

    pointer-events: auto !important;

    transform: none !important;

    box-shadow: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}



/* =====================================================
   09. COUNTRY SELECTOR
   ONLY LEFT PART SHOULD OPEN COUNTRY LIST
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__country-container,
.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__flag-container {

    position: absolute !important;

    top: 0 !important;
    bottom: auto !important;

    left: 0 !important;
    right: auto !important;

    width: auto !important;

    max-width: max-content !important;

    min-width: 0 !important;

    height: var(--kp-field-height) !important;

    min-height: var(--kp-field-height) !important;

    max-height: var(--kp-field-height) !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    z-index: 3 !important;

    transform: none !important;

    pointer-events: auto !important;
}



/* =====================================================
   COUNTRY BUTTON
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__selected-country,
.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__selected-flag {

    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    width: auto !important;

    max-width: max-content !important;

    min-width: 0 !important;

    height: 100% !important;

    min-height: 0 !important;

    max-height: 100% !important;

    flex:
        0 0 auto !important;

    margin: 0 !important;

    padding-top: 0 !important;
    padding-right: 8px !important;
    padding-bottom: 0 !important;
    padding-left: 11px !important;

    box-sizing: border-box !important;

    background: transparent !important;

    border: 0 !important;

    color: #26352b !important;

    -webkit-text-fill-color: #26352b !important;

    font-family: inherit !important;

    font-size: 15px !important;

    font-weight: 400 !important;

    line-height: normal !important;

    cursor: pointer !important;

    pointer-events: auto !important;

    transform: none !important;

    box-shadow: none !important;
}



/* =====================================================
   IMPORTANT — PREVENT COUNTRY BUTTON FULL WIDTH
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti button.iti__selected-country,
.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti button.iti__selected-flag {

    position: relative !important;

    left: auto !important;
    right: auto !important;

    display: inline-flex !important;

    width: auto !important;

    min-width: 0 !important;

    max-width: max-content !important;

    height: 100% !important;

    flex-grow: 0 !important;

    flex-shrink: 0 !important;

    flex-basis: auto !important;

    margin: 0 !important;

    padding-left: 11px !important;

    padding-right: 8px !important;

    pointer-events: auto !important;
}



/* =====================================================
   COUNTRY PRIMARY SECTION
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__selected-country-primary {

    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    align-self: stretch !important;

    width: auto !important;

    min-width: 0 !important;

    max-width: max-content !important;

    height: auto !important;

    flex:
        0 0 auto !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    pointer-events: auto !important;

    transform: none !important;
}



/* =====================================================
   DIAL CODE +91
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__selected-dial-code {

    display: inline-flex !important;

    align-items: center !important;

    align-self: center !important;

    width: auto !important;

    min-width: 0 !important;

    max-width: max-content !important;

    height: auto !important;

    flex:
        0 0 auto !important;

    margin:
        0
        0
        0
        5px !important;

    padding: 0 !important;

    color: #26352b !important;

    -webkit-text-fill-color: #26352b !important;

    font-family: inherit !important;

    font-size: 15px !important;

    font-weight: 400 !important;

    line-height: normal !important;

    white-space: nowrap !important;

    transform: none !important;
}



/* =====================================================
   COUNTRY FLAG
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__flag {

    flex:
        0 0 auto !important;

    flex-shrink: 0 !important;

    pointer-events: none !important;
}



/* =====================================================
   COUNTRY ARROW
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__arrow {

    flex:
        0 0 auto !important;

    margin-left: 5px !important;

    pointer-events: none !important;
}



/* =====================================================
   PHONE INPUT CLICK PROTECTION
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti > input[type="tel"] {

    pointer-events: auto !important;

    cursor: text !important;
}



/* =====================================================
   PHONE INPUT FOCUS
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti input[type="tel"]:focus,
.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap input[type="tel"].iti__tel-input:focus {

    outline:
        2px solid transparent !important;

    outline-offset: 2px !important;

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

    box-shadow:
        0 0 0 3px rgba(116, 170, 34, .15) !important;

    color: #26352b !important;

    -webkit-text-fill-color: #26352b !important;

    caret-color:
        var(--kp-deep) !important;
}



/* =====================================================
   PHONE PLACEHOLDER
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti input[type="tel"]::placeholder,
.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap input[type="tel"].iti__tel-input::placeholder {

    color: #78847c !important;

    -webkit-text-fill-color: #78847c !important;

    opacity: 1 !important;
}



/* =====================================================
   10. COUNTRY DROPDOWN
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__dropdown-content {

    z-index: 99999 !important;

    background: #fff !important;

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

    border-radius: 9px !important;

    box-shadow:
        0 14px 32px rgba(24, 52, 29, .14) !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__country-list {

    color: #26352b !important;

    background: #fff !important;

    z-index: 99999 !important;
}



/* =====================================================
   COUNTRY SEARCH INPUT
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__search-input {

    position: relative !important;

    z-index: 2 !important;

    display: block !important;

    box-sizing: border-box !important;

    width:
        calc(100% - 16px) !important;

    height: 42px !important;

    min-height: 42px !important;

    max-height: 42px !important;

    margin: 8px !important;

    padding:
        0
        10px !important;

    font-family: inherit !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: normal !important;

    color: #26352b !important;

    -webkit-text-fill-color: #26352b !important;

    caret-color:
        var(--kp-deep) !important;

    background: #fff !important;

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

    border-radius: 7px !important;

    cursor: text !important;

    pointer-events: auto !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap :is(
    .iti__country:hover,
    .iti__highlight
) {
    background:
        #f0f6e9 !important;
}



/* =====================================================
   11. TEXTAREA / SELECT
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap :is(
    textarea,
    select
) {

    width: 100% !important;

    max-width: 100% !important;

    min-height:
        var(--kp-field-height) !important;

    margin: 0 !important;

    padding:
        12px
        13px !important;

    box-sizing:
        border-box !important;

    font-family:
        inherit !important;

    font-size:
        15px !important;

    font-weight:
        400 !important;

    line-height:
        1.5 !important;

    color:
        #26352b !important;

    -webkit-text-fill-color:
        #26352b !important;

    background-color:
        #fff !important;

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

    border-radius:
        8px !important;

    box-shadow:
        none !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap textarea {

    min-height:
        110px !important;

    resize:
        vertical !important;
}



/* =====================================================
   12. PLACEHOLDER
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap input::placeholder,
.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap textarea::placeholder {

    color:
        #78847c !important;

    -webkit-text-fill-color:
        #78847c !important;

    opacity:
        1 !important;
}



/* =====================================================
   13. FOCUS
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap :is(
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="number"],
    input[type="password"],
    textarea,
    select
):focus {

    outline:
        2px solid transparent !important;

    outline-offset:
        2px !important;

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

    box-shadow:
        0 0 0 3px rgba(116, 170, 34, .15) !important;
}



/* =====================================================
   COUNTRY BUTTON KEYBOARD FOCUS
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap :is(
    .iti__selected-country,
    .iti__selected-flag
):focus-visible {

    outline:
        2px solid var(--kp-deep) !important;

    outline-offset:
        -3px !important;

    border-radius:
        6px !important;
}



/* =====================================================
   ERROR
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap :is(
    input,
    textarea,
    select
)[aria-invalid="true"] {

    border-color:
        #c63434 !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap :is(
    .srfm-error-message,
    .srfm-field-error
) {

    margin-top:
        5px !important;

    color:
        #c63434 !important;

    font-size:
        12px !important;

    line-height:
        1.45 !important;
}



/* =====================================================
   AUTOFILL
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap input:-webkit-autofill {

    -webkit-text-fill-color:
        #26352b !important;

    caret-color:
        var(--kp-deep) !important;

    -webkit-box-shadow:
        0 0 0 1000px #fff inset !important;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap input:-webkit-autofill:focus {

    -webkit-box-shadow:
        0 0 0 1000px #fff inset,
        0 0 0 3px rgba(116, 170, 34, .15) !important;
}



/* =====================================================
   14. SUBMIT BUTTON
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap :is(
    .srfm-submit-button,
    .srfm-submit-btn,
    button[type="submit"],
    input[type="submit"]
) {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-width:
        180px !important;

    min-height:
        48px !important;

    margin:
        0 !important;

    padding:
        13px 24px !important;

    box-sizing:
        border-box !important;

    color:
        #fff !important;

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

    background:
        var(--kp-deep) !important;

    border:
        1px solid var(--kp-deep) !important;

    border-radius:
        8px !important;

    box-shadow:
        0 8px 18px rgba(49, 95, 36, .16) !important;

    font-family:
        inherit !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    line-height:
        20px !important;

    letter-spacing:
        .5px !important;

    text-align:
        center !important;

    text-transform:
        uppercase !important;

    cursor:
        pointer !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}



/* =====================================================
   BUTTON HOVER
===================================================== */

@media (hover: hover) and (pointer: fine) {

    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap :is(
        .srfm-submit-button,
        .srfm-submit-btn,
        button[type="submit"],
        input[type="submit"]
    ):hover {

        background:
            #264c1c !important;

        border-color:
            #264c1c !important;

        box-shadow:
            0 10px 24px rgba(49, 95, 36, .22) !important;
    }
}



/* =====================================================
   BUTTON FOCUS
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap :is(
    .srfm-submit-button,
    .srfm-submit-btn,
    button[type="submit"],
    input[type="submit"]
):focus-visible {

    outline:
        2px solid var(--kp-deep) !important;

    outline-offset:
        4px !important;
}



/* =====================================================
   15. SCROLL REVEAL
===================================================== */

.elementor-22 .elementor-element.elementor-element-6e48a9c0.kp-form-scroll-ready .kp-form-head,
.elementor-22 .elementor-element.elementor-element-6e48a9c0.kp-form-scroll-ready .kp-form-wrap {

    opacity:
        0;

    transform:
        translateY(16px);

    transition:
        opacity .5s ease,
        transform .5s ease;
}


.elementor-22 .elementor-element.elementor-element-6e48a9c0.kp-form-scroll-ready.kp-form-inview .kp-form-head,
.elementor-22 .elementor-element.elementor-element-6e48a9c0.kp-form-scroll-ready.kp-form-inview .kp-form-wrap {

    opacity:
        1 !important;

    transform:
        none !important;
}



/* =====================================================
   ELEMENTOR EDITOR
===================================================== */

.elementor-editor-active .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head,
.elementor-editor-active .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap {

    opacity:
        1 !important;

    transform:
        none !important;
}



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

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

    .elementor-22 .elementor-element.elementor-element-6e48a9c0 {

        padding:
            48px 30px !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head,
    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap {

        max-width:
            100% !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head {

        margin-bottom:
            23px !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
    .elementor-widget-heading:nth-child(2 of .elementor-widget-heading)
    .elementor-heading-title {

        font-size:
            39px !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap {

        padding:
            25px 24px !important;
    }
}



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

@media (max-width: 767px) {

    .elementor-22 .elementor-element.elementor-element-6e48a9c0 {

        padding:
            38px 16px !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head,
    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap {

        width:
            100% !important;

        max-width:
            100% !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head {

        margin-bottom:
            20px !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
    .elementor-widget-heading:nth-child(1 of .elementor-widget-heading)
    .elementor-heading-title {

        font-size:
            11px !important;

        letter-spacing:
            .7px !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
    .elementor-widget-heading:nth-child(2 of .elementor-widget-heading) {

        margin-bottom:
            11px !important;

        padding-bottom:
            13px !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
    .elementor-widget-heading:nth-child(2 of .elementor-widget-heading)
    .elementor-heading-title {

        font-size:
            30px !important;

        line-height:
            1.16 !important;

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


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
    .elementor-widget-heading:nth-child(2 of .elementor-widget-heading)::after {

        width:
            52px;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
    .elementor-widget-text-editor {

        font-size:
            14px !important;

        line-height:
            1.6 !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap {

        padding:
            22px 18px !important;

        border-radius:
            14px !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap input:is(
        [type="text"],
        [type="email"],
        [type="url"],
        [type="number"],
        [type="password"]
    ):not(.iti__search-input),

    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap :is(
        textarea,
        select
    ) {

        font-size:
            16px !important;
    }


    /*
       PHONE MOBILE
    */

    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti input[type="tel"],
    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap input[type="tel"].iti__tel-input {

        padding-left:
            100px !important;

        padding-right:
            13px !important;

        font-size:
            16px !important;

        cursor:
            text !important;

        pointer-events:
            auto !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__country-container,
    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__flag-container {

        left:
            0 !important;

        right:
            auto !important;

        width:
            auto !important;

        min-width:
            0 !important;

        max-width:
            max-content !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__selected-country,
    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti__selected-flag,

    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap
    button.iti__selected-country,
    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap
    button.iti__selected-flag {

        width:
            auto !important;

        min-width:
            0 !important;

        max-width:
            max-content !important;

        flex:
            0 0 auto !important;

        font-size:
            16px !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap
    .iti__selected-country-primary {

        width:
            auto !important;

        max-width:
            max-content !important;

        flex:
            0 0 auto !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap
    .iti__selected-dial-code {

        font-size:
            16px !important;

        width:
            auto !important;

        max-width:
            max-content !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap textarea {

        min-height:
            100px !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap :is(
        .srfm-submit-button,
        .srfm-submit-btn,
        button[type="submit"],
        input[type="submit"]
    ) {

        width:
            100% !important;

        min-width:
            0 !important;
    }
}



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

@media (max-width: 390px) {

    .elementor-22 .elementor-element.elementor-element-6e48a9c0 {

        padding:
            34px 14px !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-head
    .elementor-widget-heading:nth-child(2 of .elementor-widget-heading)
    .elementor-heading-title {

        font-size:
            28px !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap {

        padding:
            20px 16px !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap .iti input[type="tel"],
    .elementor-22 .elementor-element.elementor-element-6e48a9c0 .kp-form-wrap input[type="tel"].iti__tel-input {

        padding-left:
            98px !important;
    }
}



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

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

    .elementor-22 .elementor-element.elementor-element-6e48a9c0 *,
    .elementor-22 .elementor-element.elementor-element-6e48a9c0 *::before,
    .elementor-22 .elementor-element.elementor-element-6e48a9c0 *::after {

        transition:
            none !important;

        animation:
            none !important;
    }


    .elementor-22 .elementor-element.elementor-element-6e48a9c0.kp-form-scroll-ready .kp-form-head,
    .elementor-22 .elementor-element.elementor-element-6e48a9c0.kp-form-scroll-ready .kp-form-wrap {

        opacity:
            1 !important;

        transform:
            none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33645b3f *//* =========================================================
   KANDHA PROPERTIES
   MAP SECTION
   FINAL KANDHA STANDARD
========================================================= */


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

.elementor-22 .elementor-element.elementor-element-33645b3f {

    --kp-green: #74aa22;
    --kp-lime: #a9eb39;
    --kp-dark: #13261a;

    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 92% 8%,
            rgba(169,235,57,.065) 0%,
            rgba(169,235,57,0) 26%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f6f9f3 100%
        ) !important;
}


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

.elementor-22 .elementor-element.elementor-element-33645b3f::before {

    content: "";

    position: absolute;

    left: -150px;
    bottom: -180px;

    width: 300px;
    height: 300px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(116,170,34,.045),
            transparent 70%
        );

    pointer-events: none;
}


/* =========================================================
   03. ELEMENTOR WRAPPER RESET
========================================================= */

.elementor-22 .elementor-element.elementor-element-33645b3f > .e-con-inner {

    position: relative;

    z-index: 2;

    width: 100% !important;

    max-width: 1240px !important;

    min-height: 0 !important;

    margin:
        0 auto !important;

    padding:
        0 !important;
}


/* Legacy Elementor support */

.elementor-22 .elementor-element.elementor-element-33645b3f > .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;
}


/* =========================================================
   04. HTML MAP WIDGET
========================================================= */

.elementor-22 .elementor-element.elementor-element-33645b3f .elementor-widget-html {

    position: relative;

    z-index: 2;

    width: 100% !important;

    max-width: 1240px !important;

    min-height: 0 !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    box-sizing:
        border-box !important;

    background:
        #ffffff !important;

    border:
        1px solid rgba(116,170,34,.12) !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 GREEN ACCENT
========================================================= */

.elementor-22 .elementor-element.elementor-element-33645b3f .elementor-widget-html::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: 4;

    pointer-events: none;
}


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

.elementor-22 .elementor-element.elementor-element-33645b3f .elementor-widget-html::after {

    content: "";

    position: absolute;

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

    width: 125px;
    height: 125px;

    border-radius: 50%;

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

    pointer-events: none;

    z-index: 3;

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


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

.elementor-22 .elementor-element.elementor-element-33645b3f .elementor-widget-html:hover {

    transform:
        translateY(-4px);

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

    box-shadow:
        0 20px 44px rgba(49,95,36,.105),
        0 5px 14px rgba(49,95,36,.04) !important;
}


.elementor-22 .elementor-element.elementor-element-33645b3f .elementor-widget-html:hover::before {

    width:
        100%;
}


.elementor-22 .elementor-element.elementor-element-33645b3f .elementor-widget-html:hover::after {

    transform:
        scale(1.18);

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


/* =========================================================
   08. HTML CONTAINER
========================================================= */

.elementor-22 .elementor-element.elementor-element-33645b3f .elementor-widget-html
.elementor-widget-container {

    position: relative;

    z-index: 1;

    width: 100% !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow:
        hidden !important;

    border-radius:
        14px !important;
}


/* =========================================================
   09. GOOGLE MAP IFRAME
========================================================= */

.elementor-22 .elementor-element.elementor-element-33645b3f iframe {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        100% !important;

    height:
        390px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        14px !important;

    filter:
        saturate(.94)
        contrast(1.01);

    transition:
        filter .34s ease !important;
}


.elementor-22 .elementor-element.elementor-element-33645b3f .elementor-widget-html:hover iframe {

    filter:
        saturate(1)
        contrast(1.015);
}


/* =========================================================
   10. TRUE SCROLL REVEAL
========================================================= */

.elementor-22 .elementor-element.elementor-element-33645b3f.kp-map-scroll-ready
.elementor-widget-html {

    opacity:
        0;

    transform:
        translateY(18px) scale(.995);
}


.elementor-22 .elementor-element.elementor-element-33645b3f.kp-map-scroll-ready
.elementor-widget-html {

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


.elementor-22 .elementor-element.elementor-element-33645b3f.kp-map-scroll-ready.kp-map-inview
.elementor-widget-html {

    opacity:
        1 !important;

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


/* =========================================================
   11. TABLET
========================================================= */

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

    .elementor-22 .elementor-element.elementor-element-33645b3f {

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


    .elementor-22 .elementor-element.elementor-element-33645b3f iframe {

        height:
            350px !important;
    }

}


/* =========================================================
   12. MOBILE
========================================================= */

@media (max-width:767px) {

    .elementor-22 .elementor-element.elementor-element-33645b3f {

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


    .elementor-22 .elementor-element.elementor-element-33645b3f .elementor-widget-html {

        border-radius:
            14px !important;
    }


    .elementor-22 .elementor-element.elementor-element-33645b3f .elementor-widget-html
    .elementor-widget-container {

        border-radius:
            13px !important;
    }


    .elementor-22 .elementor-element.elementor-element-33645b3f iframe {

        height:
            300px !important;

        border-radius:
            13px !important;
    }


    .elementor-22 .elementor-element.elementor-element-33645b3f .elementor-widget-html:hover {

        transform:
            translateY(-2px);
    }


    .elementor-22 .elementor-element.elementor-element-33645b3f.kp-map-scroll-ready
    .elementor-widget-html {

        transform:
            translateY(14px) scale(.997);
    }

}


/* =========================================================
   13. SMALL MOBILE
========================================================= */

@media (max-width:390px) {

    .elementor-22 .elementor-element.elementor-element-33645b3f {

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


    .elementor-22 .elementor-element.elementor-element-33645b3f iframe {

        height:
            280px !important;
    }

}


/* =========================================================
   14. REDUCED MOTION
========================================================= */

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

    .elementor-22 .elementor-element.elementor-element-33645b3f *,
    .elementor-22 .elementor-element.elementor-element-33645b3f *::before,
    .elementor-22 .elementor-element.elementor-element-33645b3f *::after {

        transition:
            none !important;
    }


    .elementor-22 .elementor-element.elementor-element-33645b3f.kp-map-scroll-ready
    .elementor-widget-html {

        opacity:
            1 !important;

        transform:
            none !important;
    }

}/* End custom CSS */