.elementor-2529 .elementor-element.elementor-element-4632831{--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-2529 .elementor-element.elementor-element-4632831:not(.elementor-motion-effects-element-type-background), .elementor-2529 .elementor-element.elementor-element-4632831 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kandhapropertiesandconstructions.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-25-2026-04_48_03-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2529 .elementor-element.elementor-element-4632831::before, .elementor-2529 .elementor-element.elementor-element-4632831 > .elementor-background-video-container::before, .elementor-2529 .elementor-element.elementor-element-4632831 > .e-con-inner > .elementor-background-video-container::before, .elementor-2529 .elementor-element.elementor-element-4632831 > .elementor-background-slideshow::before, .elementor-2529 .elementor-element.elementor-element-4632831 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2529 .elementor-element.elementor-element-4632831 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2529 .elementor-element.elementor-element-16233e87{--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-2529 .elementor-element.elementor-element-1f0c4a8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2529 .elementor-element.elementor-element-1f0c4a8{text-align:center;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;color:#FFFFFF;}.elementor-2529 .elementor-element.elementor-element-1f0c4a8 p{margin-block-end:0px;}.elementor-2529 .elementor-element.elementor-element-7f516dd0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2529 .elementor-element.elementor-element-7f516dd0 .uael-infobox,  .elementor-2529 .elementor-element.elementor-element-7f516dd0 .uael-separator-parent{text-align:center;}.elementor-2529 .elementor-element.elementor-element-7f516dd0 .uael-infobox-title{color:#FFFFFF;margin:0px 150px 8px 150px;}.elementor-2529 .elementor-element.elementor-element-7f516dd0 .uael-infobox-text{color:#FFFFFF;margin:0px 260px 0px 260px;}.elementor-2529 .elementor-element.elementor-element-cc00f53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:040px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-2529 .elementor-element.elementor-element-83837fb{--display:flex;}@media(min-width:768px){.elementor-2529 .elementor-element.elementor-element-4632831{--content-width:1200px;}}@media(max-width:1024px){.elementor-2529 .elementor-element.elementor-element-4632831{--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-2529 .elementor-element.elementor-element-7f516dd0 .uael-infobox-title{margin:0px 90px 12px 90px;}.elementor-2529 .elementor-element.elementor-element-7f516dd0 .uael-imgicon-wrap{margin:0px 0px 0px 0px;}.elementor-2529 .elementor-element.elementor-element-7f516dd0 .uael-infobox-text{margin:0px 90px 0px 90px;}}@media(max-width:767px){.elementor-2529 .elementor-element.elementor-element-4632831{--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-2529 .elementor-element.elementor-element-7f516dd0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2529 .elementor-element.elementor-element-7f516dd0 .uael-infobox-title{margin:0px 0px 12px 0px;}.elementor-2529 .elementor-element.elementor-element-7f516dd0 .uael-imgicon-wrap{margin:0px 0px 0px 0px;}.elementor-2529 .elementor-element.elementor-element-7f516dd0 .uael-infobox-text{margin:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-4632831 *//* =========================================================
   KANDHA PROPERTIES
   ABOUT HERO — FINAL CLEAN VERSION
   EVEN TOP / BOTTOM SPACING
   DESKTOP + TABLET + MOBILE
   NO CSS CLASS REQUIRED
========================================================= */

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


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


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

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


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

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

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

        background-position:center center!important;
    }


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


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


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

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

        background-position:62% center!important;
    }


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


    .elementor-2529 .elementor-element.elementor-element-4632831::after{
        width:340px;
        height:220px;

        bottom:-125px;
    }


    /* ABOUT */

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


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

        width:52px;
    }


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

        width:52px;
    }


    /* DESCRIPTION */

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

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

        background-position:64% center!important;
    }


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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc00f53 *//* =========================================================
   KANDHA PROPERTIES
   PROJECT LISTING — MASTER STANDARD
   Ongoing / Upcoming / Completed
========================================================= */


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

.elementor-2529 .elementor-element.elementor-element-cc00f53 {

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

    position: relative;

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

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    padding:
        56px 5vw 58px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            180deg,
            #f8faf6 0%,
            #ffffff 46%,
            #f7faf5 100%
        ) !important;
}


/* =========================================================
   02. BACKGROUND DECORATION
========================================================= */

.elementor-2529 .elementor-element.elementor-element-cc00f53::before {

    content: "";

    position: absolute;

    top: -165px;
    right: -145px;

    width: 325px;
    height: 325px;

    border-radius: 50%;

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

    pointer-events: none;
}


.elementor-2529 .elementor-element.elementor-element-cc00f53::after {

    content: "";

    position: absolute;

    left: -125px;
    bottom: -185px;

    width: 265px;
    height: 265px;

    border-radius: 50%;

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

    pointer-events: none;
}


/* =========================================================
   03. ELEMENTOR MAIN WRAPPER
========================================================= */

.elementor-2529 .elementor-element.elementor-element-cc00f53 > .e-con-inner,
.elementor-2529 .elementor-element.elementor-element-cc00f53 > .elementor-container {

    position: relative;

    z-index: 2;

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

    height: auto !important;
    min-height: 0 !important;

    margin: 0 auto !important;

    padding: 0 !important;
}


/* Legacy Elementor */

.elementor-2529 .elementor-element.elementor-element-cc00f53 > .elementor-container >
.elementor-column {

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

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


.elementor-2529 .elementor-element.elementor-element-cc00f53 > .elementor-container >
.elementor-column >
.elementor-widget-wrap {

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

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


/* =========================================================
   04. INNER CONTENT WRAPPER
========================================================= */

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-wrap {

    position: relative;

    z-index: 2;

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

    height: auto !important;
    min-height: 0 !important;

    margin: 0 auto !important;

    padding: 0 !important;
}


/* =========================================================
   05. SMALL LABEL
========================================================= */

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-label {

    width: 100% !important;

    margin:
        0 0 8px !important;

    padding: 0 !important;
}


.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-label
.elementor-heading-title {

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

    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;
}


/* =========================================================
   06. MAIN HEADING
========================================================= */

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-title {

    position: relative;

    width: 100% !important;

    margin:
        0 0 13px !important;

    padding:
        0 0 16px !important;
}


.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-title
.elementor-heading-title {

    width: 100% !important;

    max-width:
        780px !important;

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

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

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

    font-weight:
        700 !important;

    line-height:
        1.08 !important;

    letter-spacing:
        -1.15px !important;
}


/* =========================================================
   07. HEADING DIVIDER
========================================================= */

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-title::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 66px;
    height: 3px;

    border-radius: 20px;

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

    box-shadow:
        0 3px 9px rgba(116,170,34,.13);

    transition:
        width .34s ease;
}


.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-wrap:hover
.kp-projects-title::after {

    width: 88px;
}


/* =========================================================
   08. DESCRIPTION
========================================================= */

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-desc {

    width: 100% !important;

    max-width:
        960px !important;

    margin:
        0 0 24px !important;

    padding: 0 !important;
}


.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-desc,
.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-desc p {

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

    font-size:
        15px !important;

    font-weight:
        400 !important;

    line-height:
        1.62 !important;
}


.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-desc p {

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


/* =========================================================
   09. SHORTCODE AREA
========================================================= */

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list {

    position: relative;

    z-index: 2;

    display: block !important;

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

    height: auto !important;
    min-height: 0 !important;

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


.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.elementor-widget-container,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.elementor-shortcode {

    display: block !important;

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

    height: auto !important;
    min-height: 0 !important;

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


/* Remove empty shortcode gaps */

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list p:empty {

    display: none !important;

    height: 0 !important;

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


.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.elementor-widget-container > *:last-child,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.elementor-shortcode > *:last-child {

    margin-bottom:
        0 !important;
}


/* =========================================================
   10. PROJECT CARD
========================================================= */

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.project-card,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.kp-project-card,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.kpp-project-card,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
[class*="project-card"] {

    position: relative;

    overflow: hidden !important;

    background:
        #ffffff !important;

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

    border-radius:
        15px !important;

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

    transform:
        translateY(0);

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


/* =========================================================
   11. CARD TOP ACCENT
========================================================= */

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.project-card::before,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.kp-project-card::before,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.kpp-project-card::before,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
[class*="project-card"]::before {

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 0;
    height: 3px;

    transform:
        translateX(-50%);

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

    transition:
        width .34s ease;

    z-index: 5;
}


/* =========================================================
   12. CARD HOVER
========================================================= */

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.project-card:hover,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.kp-project-card:hover,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.kpp-project-card:hover,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
[class*="project-card"]:hover {

    transform:
        translateY(-5px);

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

    box-shadow:
        0 18px 38px rgba(24,52,29,.105),
        0 5px 14px rgba(24,52,29,.04) !important;
}


.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.project-card:hover::before,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.kp-project-card:hover::before,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.kpp-project-card:hover::before,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
[class*="project-card"]:hover::before {

    width: 100%;
}


/* =========================================================
   13. CARD IMAGE
========================================================= */

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list img {

    display: block;

    max-width: 100%;

    transition:
        transform .42s ease,
        filter .42s ease !important;
}


.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.project-card:hover img,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.kp-project-card:hover img,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
.kpp-project-card:hover img,

.elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
[class*="project-card"]:hover img {

    transform:
        scale(1.02);

    filter:
        saturate(1.025);
}


/* =========================================================
   14. TRUE SCROLL REVEAL
   EXISTING SNIPPET:
   kp-scroll-ready
   kp-scroll-in
========================================================= */

.elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready
.kp-projects-label {

    opacity: 0;

    transform:
        translateY(8px);
}


.elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready
.kp-projects-title {

    opacity: 0;

    transform:
        translateY(13px);
}


.elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready
.kp-projects-desc {

    opacity: 0;

    transform:
        translateY(11px);
}


.elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready
.kp-projects-list {

    opacity: 0;

    transform:
        translateY(15px);
}


/* Label */

.elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready
.kp-projects-label {

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


/* Heading */

.elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready
.kp-projects-title {

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

    transition-delay:
        .05s !important;
}


/* Description */

.elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready
.kp-projects-desc {

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

    transition-delay:
        .10s !important;
}


/* Listing */

.elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready
.kp-projects-list {

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

    transition-delay:
        .15s !important;
}


/* Visible */

.elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready.kp-scroll-in
.kp-projects-label,

.elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready.kp-scroll-in
.kp-projects-title,

.elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready.kp-scroll-in
.kp-projects-desc,

.elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready.kp-scroll-in
.kp-projects-list {

    opacity:
        1 !important;

    transform:
        translateY(0) !important;
}


/* =========================================================
   15. TABLET
========================================================= */

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

    .elementor-2529 .elementor-element.elementor-element-cc00f53 {

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


    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-title
    .elementor-heading-title {

        font-size:
            39px !important;

        line-height:
            1.10 !important;

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


    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-desc {

        margin-bottom:
            22px !important;
    }


    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-desc,
    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-desc p {

        font-size:
            14.5px !important;

        line-height:
            1.60 !important;
    }

}


/* =========================================================
   16. MOBILE
========================================================= */

@media (max-width:767px) {

    .elementor-2529 .elementor-element.elementor-element-cc00f53 {

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


    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-label {

        margin-bottom:
            7px !important;
    }


    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-label
    .elementor-heading-title {

        font-size:
            11px !important;

        line-height:
            1.4 !important;

        letter-spacing:
            .7px !important;
    }


    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-title {

        margin-bottom:
            11px !important;

        padding-bottom:
            13px !important;
    }


    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-title
    .elementor-heading-title {

        max-width:
            100% !important;

        font-size:
            30px !important;

        line-height:
            1.10 !important;

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


    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-title::after {

        width:
            52px;

        height:
            3px;
    }


    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-wrap:hover
    .kp-projects-title::after {

        width:
            52px;
    }


    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-desc {

        max-width:
            100% !important;

        margin-bottom:
            19px !important;
    }


    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-desc,
    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-desc p {

        font-size:
            14px !important;

        line-height:
            1.58 !important;
    }


    /* Mobile hover */

    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
    .project-card:hover,

    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
    .kp-project-card:hover,

    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
    .kpp-project-card:hover,

    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-list
    [class*="project-card"]:hover {

        transform:
            translateY(-2px);
    }


    /* Mobile scroll distance */

    .elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready
    .kp-projects-list {

        transform:
            translateY(13px);
    }

}


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

@media (max-width:390px) {

    .elementor-2529 .elementor-element.elementor-element-cc00f53 {

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


    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-title
    .elementor-heading-title {

        font-size:
            28px !important;
    }


    .elementor-2529 .elementor-element.elementor-element-cc00f53 .kp-projects-desc {

        margin-bottom:
            17px !important;
    }

}


/* =========================================================
   18. REDUCED MOTION
========================================================= */

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

    .elementor-2529 .elementor-element.elementor-element-cc00f53 *,
    .elementor-2529 .elementor-element.elementor-element-cc00f53 *::before,
    .elementor-2529 .elementor-element.elementor-element-cc00f53 *::after {

        transition:
            none !important;
    }


    .elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready
    .kp-projects-label,

    .elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready
    .kp-projects-title,

    .elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready
    .kp-projects-desc,

    .elementor-2529 .elementor-element.elementor-element-cc00f53.kp-scroll-ready
    .kp-projects-list {

        opacity:
            1 !important;

        transform:
            none !important;
    }

}/* End custom CSS */