.elementor-2588 .elementor-element.elementor-element-1732c17c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2588 .elementor-element.elementor-element-e17efec{text-align:center;}.elementor-2588 .elementor-element.elementor-element-e17efec .elementor-heading-title{font-family:"Alfa Slab One", Sans-serif;font-size:28px;text-transform:uppercase;line-height:41px;letter-spacing:1px;color:#183C51;}.elementor-2588 .elementor-element.elementor-element-540b416{text-align:center;}.elementor-2588 .elementor-element.elementor-element-540b416 .elementor-heading-title{font-family:"Alfa Slab One", Sans-serif;font-size:28px;text-transform:uppercase;line-height:41px;letter-spacing:1px;color:#183C51;}.elementor-2588 .elementor-element.elementor-element-273e1146{text-align:center;font-family:"Work Sans", Sans-serif;font-size:14px;font-weight:400;text-transform:none;font-style:normal;line-height:24px;color:#3E3E3E;}.elementor-2588 .elementor-element.elementor-element-16d3fcd > .elementor-widget-container{margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-2588 .elementor-element.elementor-element-16d3fcd.elementor-element{--flex-grow:0;--flex-shrink:1;}#elementor-popup-modal-2588 .dialog-widget-content{animation-duration:1.2s;background-color:#FFFFFF;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2588{background-color:#00000080;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2588 .dialog-message{width:500px;height:auto;}#elementor-popup-modal-2588 .dialog-close-button{display:flex;}#elementor-popup-modal-2588 .dialog-close-button i{color:#333333;}#elementor-popup-modal-2588 .dialog-close-button svg{fill:#333333;}@media(max-width:1024px){.elementor-2588 .elementor-element.elementor-element-e17efec .elementor-heading-title{font-size:24px;line-height:30px;}.elementor-2588 .elementor-element.elementor-element-540b416 .elementor-heading-title{font-size:24px;line-height:30px;}.elementor-2588 .elementor-element.elementor-element-273e1146{font-size:13px;line-height:23px;}#elementor-popup-modal-2588 .dialog-message{width:75vw;}}@media(min-width:768px){.elementor-2588 .elementor-element.elementor-element-1732c17c{--content-width:500px;}}@media(max-width:767px){.elementor-2588 .elementor-element.elementor-element-1732c17c{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2588 .elementor-element.elementor-element-273e1146{font-size:12px;line-height:22px;}#elementor-popup-modal-2588 .dialog-message{width:100vw;}#elementor-popup-modal-2588{align-items:center;}}/* Start custom CSS for container, class: .elementor-element-1732c17c *//* =========================================================
   KANDHA PROPERTIES
   SITE VISIT POPUP — FINAL MASTER
   PHONE COUNTRY CODE SAFE
   DESKTOP + TABLET + MOBILE
========================================================= */


/* =========================================================
   01. POPUP MAIN CARD
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c{

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

    position:relative!important;

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

    margin:0!important;

    padding:
        26px 24px 28px!important;

    box-sizing:border-box!important;

    background:#ffffff!important;

    border:
        1px solid #d7e3d4!important;

    border-radius:
        16px!important;

    box-shadow:
        0 24px 60px rgba(20,45,22,.18),
        0 5px 16px rgba(0,0,0,.05)!important;

    /*
       IMPORTANT:
       Don't clip country dropdown.
    */
    overflow:visible!important;
}


/* Elementor gap reset */

.elementor-2588 .elementor-element.elementor-element-1732c17c.e-con,
.elementor-2588 .elementor-element.elementor-element-1732c17c.e-flex{

    --gap:0px!important;
    --row-gap:0px!important;
    --column-gap:0px!important;

    gap:0!important;
}


/* =========================================================
   02. POPUP LOAD ANIMATION
========================================================= */

@keyframes kpPopupReveal{

    from{
        opacity:0;
        transform:translateY(14px) scale(.988);
    }

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


.elementor-2588 .elementor-element.elementor-element-1732c17c{

    animation:
        kpPopupReveal
        .42s
        cubic-bezier(.22,.61,.36,1)
        both;
}


/* =========================================================
   03. SMALL TOP LABEL
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-kicker{

    width:100%!important;

    margin:
        0 0 8px!important;

    padding:0!important;

    text-align:center!important;
}


.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-kicker
.elementor-widget-container{

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


.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-kicker
.elementor-heading-title{

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

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

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

    font-family:"Poppins",sans-serif!important;

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

    letter-spacing:1.15px!important;

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


/* =========================================================
   04. MAIN TITLE
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-title{

    width:100%!important;

    max-width:390px!important;

    margin:
        0 auto 11px!important;

    padding:0!important;

    text-align:center!important;
}


.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-title
.elementor-widget-container{

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


.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-title
.elementor-heading-title{

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

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

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

    font-family:"Poppins",sans-serif!important;

    font-size:26px!important;
    font-weight:700!important;
    line-height:1.22!important;

    letter-spacing:-.35px!important;

    text-align:center!important;
}


/* =========================================================
   05. DESCRIPTION
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-desc{

    width:100%!important;

    max-width:390px!important;

    margin:
        0 auto 21px!important;

    padding:0!important;

    text-align:center!important;
}


.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-desc
.elementor-widget-container{

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


.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-desc p{

    margin:0!important;

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

    font-family:"Poppins",sans-serif!important;

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

    text-align:center!important;
}


/* =========================================================
   06. SUREFORMS WRAPPER
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form,
.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.elementor-widget-container{

    position:relative!important;

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

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

    overflow:visible!important;
}


.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
:is(
    .srfm-form-container,
    .srfm-form-wrapper,
    .srfm-form,
    .sureforms-wrapper,
    form
){

    position:relative!important;

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

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

    background:transparent!important;

    border:0!important;

    box-shadow:none!important;

    overflow:visible!important;
}


/* =========================================================
   07. FIELD SPACING
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.srfm-block{

    margin-bottom:
        15px!important;
}


.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.srfm-block:last-of-type{

    margin-bottom:
        0!important;
}


/* =========================================================
   08. LABELS
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.srfm-block-label,

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
label{

    display:block!important;

    margin:
        0 0 5px!important;

    padding:0!important;

    color:#263426!important;

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

    font-family:"Poppins",sans-serif!important;

    font-size:12.5px!important;
    font-weight:600!important;
    line-height:1.4!important;
}


/* Required */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
:is(
    .srfm-required,
    .srfm-required-mark
){

    color:#d64747!important;
}


/* =========================================================
   09. HELP TEXT
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
:is(
    .srfm-block-description,
    .srfm-description,
    .srfm-block-help
){

    margin:
        3px 0 6px!important;

    color:#8a938a!important;

    font-family:"Poppins",sans-serif!important;

    font-size:10.5px!important;
    font-weight:400!important;
    line-height:1.45!important;
}


/* =========================================================
   10. NORMAL INPUTS
   IMPORTANT: TEL IS EXCLUDED
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.srfm-input-common:not([type="tel"]),

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
input[type="text"],

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
input[type="email"],

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
input[type="number"],

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
select,

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
textarea{

    display:block!important;

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

    min-height:48px!important;

    margin:0!important;

    padding:
        11px 13px!important;

    box-sizing:border-box!important;

    color:#263126!important;

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

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

    background:#fafcf8!important;

    border:
        1px solid #d7e3d4!important;

    border-radius:
        8px!important;

    outline:none!important;

    box-shadow:none!important;

    font-family:"Poppins",sans-serif!important;

    font-size:13.5px!important;
    font-weight:400!important;
    line-height:1.4!important;

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


/* =========================================================
   11. PHONE MAIN WRAPPER
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.iti,

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.srfm-phone-field{

    position:relative!important;

    display:block!important;

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

    margin:0!important;

    overflow:visible!important;
}


/* =========================================================
   12. PHONE INPUT
   CRITICAL FIX

   DO NOT SET padding-left.
   intl-tel-input / SureForms controls that space.
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
input[type="tel"],

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.iti input[type="tel"]{

    display:block!important;

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

    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;

    margin:0!important;


    /*
       DO NOT ADD padding-left HERE.
    */

    padding-top:
        14px!important;

    padding-right:
        13px!important;

    padding-bottom:
        12px!important;


    box-sizing:border-box!important;

    color:#263126!important;

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

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

    background-color:
        #fafcf8!important;

    border:
        1px solid #d7e3d4!important;

    border-radius:
        8px!important;

    outline:none!important;

    box-shadow:none!important;

    font-family:"Poppins",sans-serif!important;

    font-size:13.5px!important;
    font-weight:400!important;

    /*
       20px text line gives reliable
       desktop + mobile vertical alignment.
    */

    line-height:
        20px!important;

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


/* =========================================================
   13. COUNTRY SELECTOR AREA
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.iti__country-container,

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.iti__flag-container{

    position:absolute!important;

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

    height:48px!important;
    min-height:48px!important;

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

    display:flex!important;

    align-items:center!important;

    z-index:15!important;
}


/* =========================================================
   14. SELECTED COUNTRY
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.iti__selected-country,

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.iti__selected-flag{

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    height:48px!important;
    min-height:48px!important;

    margin:0!important;

    padding-top:0!important;
    padding-bottom:0!important;

    box-sizing:border-box!important;
}


/* =========================================================
   15. FLAG + DIAL CODE GROUP
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.iti__selected-country-primary{

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    height:100%!important;

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

    /*
       Small optical correction only.
       NOT enough to create up/down issue.
    */

    transform:
        translateY(1px)!important;
}


/* =========================================================
   16. COUNTRY DIAL CODE
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.iti__selected-dial-code{

    display:inline-flex!important;

    align-items:center!important;

    width:auto!important;
    height:auto!important;

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

    color:#263126!important;

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

    font-family:"Poppins",sans-serif!important;

    font-size:13px!important;
    font-weight:500!important;

    line-height:20px!important;

    white-space:nowrap!important;

    transform:none!important;
}


/* =========================================================
   17. FLAG SAFETY

   VERY IMPORTANT:
   Never force width/background-size.
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.iti__flag{

    flex:
        0 0 auto!important;

    transform:none!important;
}


/* =========================================================
   18. COUNTRY DROPDOWN
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.iti__dropdown-content{

    z-index:
        999999!important;

    background:#ffffff!important;

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

    border-radius:
        9px!important;

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

    overflow:hidden!important;
}


.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.iti__country-list{

    background:#ffffff!important;

    color:#263126!important;

    border:0!important;

    box-shadow:none!important;
}


/* =========================================================
   19. COUNTRY SEARCH
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.iti__search-input{

    display:block!important;

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

    max-width:
        none!important;

    height:40px!important;
    min-height:40px!important;

    margin:
        8px!important;

    padding:
        8px 10px!important;

    box-sizing:border-box!important;

    color:#263126!important;

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

    background:#ffffff!important;

    border:
        1px solid #d7e3d4!important;

    border-radius:
        7px!important;

    outline:none!important;

    box-shadow:none!important;

    font-size:13px!important;
}


/* country hover */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.iti__country:hover,

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.iti__highlight{

    background:
        #f5f8f1!important;
}


/* =========================================================
   20. PLACEHOLDER
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
input::placeholder,

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
textarea::placeholder{

    color:#9aa29a!important;

    -webkit-text-fill-color:
        #9aa29a!important;

    opacity:1!important;
}


/* =========================================================
   21. INPUT HOVER
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
input:not([type="submit"]):hover,

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
textarea:hover,

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
select:hover{

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


/* =========================================================
   22. INPUT FOCUS
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
input:not([type="submit"]):focus,

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
textarea:focus,

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
select:focus{

    background:#ffffff!important;

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

    box-shadow:
        0 0 0 3px
        rgba(169,235,57,.13)!important;
}


/* =========================================================
   23. AUTOFILL
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
input:-webkit-autofill,

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
input:-webkit-autofill:hover,

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
input:-webkit-autofill:focus{

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

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

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

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


/* =========================================================
   24. TEXTAREA
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
textarea{

    min-height:
        100px!important;

    resize:
        vertical!important;
}


/* =========================================================
   25. VALIDATION / ERROR
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
:is(
    .srfm-error-message,
    .srfm-error,
    .srfm-field-error
){

    margin-top:
        5px!important;

    color:#c83d3d!important;

    font-family:"Poppins",sans-serif!important;

    font-size:10.5px!important;

    line-height:1.4!important;
}


/* =========================================================
   26. SUBMIT — KANDHA STANDARD
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
:is(
    button#srfm-submit-btn,
    .srfm-submit-button,
    .srfm-submit-btn,
    button[type="submit"],
    input[type="submit"]
){

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    width:100%!important;

    height:48px!important;
    min-height:48px!important;

    margin:
        5px 0 0!important;

    padding:
        0 20px!important;

    box-sizing:border-box!important;

    color:#ffffff!important;

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

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

    background-image:
        none!important;

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

    border-radius:
        8px!important;

    outline:none!important;

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

    font-family:"Poppins",sans-serif!important;

    font-size:12px!important;
    font-weight:700!important;
    line-height:1.2!important;

    letter-spacing:.7px!important;

    text-transform:uppercase!important;

    text-align:center!important;

    cursor:pointer!important;

    transform:translateY(0);

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


/* submit hover */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
:is(
    button#srfm-submit-btn,
    .srfm-submit-button,
    .srfm-submit-btn,
    button[type="submit"],
    input[type="submit"]
):hover{

    transform:
        translateY(-3px);

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

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

    box-shadow:
        0 12px 25px rgba(116,170,34,.21)!important;
}


/* =========================================================
   27. SUCCESS MESSAGE
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
.srfm-success-message{

    padding:
        13px 15px!important;

    background:
        #f3f8ef!important;

    border:
        1px solid #cfe0c8!important;

    border-radius:
        9px!important;

    color:
        #356f27!important;

    font-size:
        13px!important;

    line-height:
        1.5!important;
}


/* =========================================================
   28. TABLET
========================================================= */

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

    .elementor-2588 .elementor-element.elementor-element-1732c17c{

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


    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-title
    .elementor-heading-title{

        font-size:
            25px!important;
    }


    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-desc{

        margin-bottom:
            20px!important;
    }

}


/* =========================================================
   29. MOBILE
========================================================= */

@media (max-width:767px){

    .elementor-2588 .elementor-element.elementor-element-1732c17c{

        padding:
            22px 17px 23px!important;

        border-radius:
            14px!important;
    }


    /* KICKER */

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-kicker{

        margin-bottom:
            7px!important;
    }


    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-kicker
    .elementor-heading-title{

        font-size:
            10px!important;

        letter-spacing:
            .9px!important;
    }


    /* TITLE */

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-title{

        max-width:
            100%!important;

        margin-bottom:
            9px!important;
    }


    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-title
    .elementor-heading-title{

        font-size:
            22px!important;

        line-height:
            1.22!important;
    }


    /* DESC */

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-desc{

        max-width:
            340px!important;

        margin-bottom:
            18px!important;
    }


    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-desc p{

        font-size:
            12px!important;

        line-height:
            1.55!important;
    }


    /* FORM SPACING */

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    .srfm-block{

        margin-bottom:
            13px!important;
    }


    /* iOS zoom prevention */

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    input[type="text"],

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    input[type="email"],

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    input[type="number"],

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    select,

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    textarea{

        font-size:
            16px!important;
    }


    /* =====================================================
       MOBILE PHONE
       SAME CENTERING LOGIC AS DESKTOP
    ===================================================== */

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    input[type="tel"]{

        height:
            48px!important;

        min-height:
            48px!important;

        max-height:
            48px!important;

        /*
           No left padding!
        */

        padding-top:
            14px!important;

        padding-right:
            12px!important;

        padding-bottom:
            12px!important;

        font-size:
            16px!important;

        line-height:
            20px!important;
    }


    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    .iti__country-container,

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    .iti__flag-container,

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    .iti__selected-country,

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    .iti__selected-flag{

        height:
            48px!important;

        min-height:
            48px!important;
    }


    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    .iti__selected-country-primary{

        transform:
            translateY(1px)!important;
    }


    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    .iti__selected-dial-code{

        font-size:
            14px!important;

        line-height:
            20px!important;
    }


    /* SUBMIT */

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    :is(
        button#srfm-submit-btn,
        .srfm-submit-button,
        .srfm-submit-btn,
        button[type="submit"],
        input[type="submit"]
    ){

        width:
            100%!important;

        height:
            48px!important;

        min-height:
            48px!important;
    }

}


/* =========================================================
   30. SMALL MOBILE
========================================================= */

@media (max-width:390px){

    .elementor-2588 .elementor-element.elementor-element-1732c17c{

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


    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-title
    .elementor-heading-title{

        font-size:
            21px!important;
    }


    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-desc{

        margin-bottom:
            16px!important;
    }

}


/* =========================================================
   31. REDUCED MOTION
========================================================= */

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

    .elementor-2588 .elementor-element.elementor-element-1732c17c{

        animation:
            none!important;
    }


    .elementor-2588 .elementor-element.elementor-element-1732c17c *{

        transition:
            none!important;
    }

}
/* =========================================================
   KANDHA POPUP
   FINAL PHONE CLICK + TOUCH FIX
========================================================= */


/* Main phone wrapper */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti{
    position:relative !important;
    display:block !important;

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

    overflow:visible !important;
}


/* =========================================================
   PHONE INPUT
   Always clickable / focusable
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form input[type="tel"],
.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti input[type="tel"]{

    position:relative !important;

    z-index:1 !important;

    display:block !important;

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

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;

    margin:0 !important;

    /*
       IMPORTANT:
       do not touch left padding.
       intl-tel-input manages flag/+91 spacing.
    */

    padding-top:14px !important;
    padding-right:13px !important;
    padding-bottom:12px !important;

    box-sizing:border-box !important;

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

    caret-color:#315f24 !important;

    background:#fafcf8 !important;

    border:1px solid #d7e3d4 !important;
    border-radius:8px !important;

    outline:none !important;

    font-family:"Poppins",sans-serif !important;

    font-size:14px !important;
    font-weight:400 !important;
    line-height:20px !important;

    cursor:text !important;

    pointer-events:auto !important;

    touch-action:manipulation !important;

    user-select:text !important;

    -webkit-user-select:text !important;
}


/* =========================================================
   COUNTRY CONTAINER
   CRITICAL FIX:
   Don't allow invisible layer over whole input
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti__country-container,
.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti__flag-container{

    position:absolute !important;

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

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

    width:auto !important;
    max-width:max-content !important;

    height:48px !important;
    min-height:48px !important;

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

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

    z-index:3 !important;

    /*
       Container itself should NOT block
       phone input clicks.
    */

    pointer-events:none !important;
}


/* =========================================================
   COUNTRY BUTTON
   Only actual flag/code area clickable
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti__selected-country,
.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti__selected-flag{

    position:relative !important;

    display:flex !important;

    align-items:center !important;
    justify-content:flex-start !important;

    width:auto !important;
    max-width:max-content !important;

    height:48px !important;
    min-height:48px !important;

    margin:0 !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    box-sizing:border-box !important;

    cursor:pointer !important;

    pointer-events:auto !important;

    touch-action:manipulation !important;
}


/* =========================================================
   FLAG + CODE GROUP
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti__selected-country-primary{

    display:flex !important;

    align-items:center !important;

    width:auto !important;

    height:100% !important;

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

    transform:translateY(1px) !important;

    pointer-events:auto !important;
}


.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti__selected-dial-code{

    display:inline-flex !important;

    align-items:center !important;

    width:auto !important;
    height:auto !important;

    margin:0 !important;

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

    font-size:13px !important;
    font-weight:500 !important;
    line-height:20px !important;

    white-space:nowrap !important;

    pointer-events:auto !important;
}


/* Flag sprite safety */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti__flag{

    flex:0 0 auto !important;

    transform:none !important;

    pointer-events:none !important;
}


/* Dropdown arrow clickable through country button */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti__arrow,
.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti__dropdown-arrow{

    pointer-events:none !important;
}


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

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form input[type="tel"]:focus{

    background:#ffffff !important;

    border-color:#74aa22 !important;

    box-shadow:
        0 0 0 3px rgba(169,235,57,.13) !important;
}


/* =========================================================
   COUNTRY DROPDOWN
========================================================= */

.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti__dropdown-content{

    z-index:999999 !important;

    pointer-events:auto !important;

    background:#ffffff !important;

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

    border-radius:9px !important;

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


.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti__country-list,
.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti__country,
.elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form .iti__search-input{

    pointer-events:auto !important;
}


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

@media (max-width:767px){

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form input[type="tel"]{

        height:48px !important;
        min-height:48px !important;
        max-height:48px !important;

        padding-top:14px !important;
        padding-bottom:12px !important;

        /*
           16px prevents iPhone zoom
        */
        font-size:16px !important;

        line-height:20px !important;

        cursor:text !important;

        pointer-events:auto !important;

        touch-action:manipulation !important;
    }


    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    .iti__country-container,

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    .iti__flag-container,

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    .iti__selected-country,

    .elementor-2588 .elementor-element.elementor-element-1732c17c .kandha-popup-form
    .iti__selected-flag{

        height:48px !important;
        min-height:48px !important;
    }

}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   KANDHA PROPERTIES — COMPLETE COMPACT POPUP CSS
   Replace ALL previous popup settings CSS with this.
   ========================================================= */


/* =========================================================
   01. OVERLAY
   ========================================================= */

.elementor-popup-modal {
    --kandha-popup-gap: 20px;

    box-sizing: border-box !important;

    padding: var(--kandha-popup-gap) !important;

    background-color: rgba(13, 24, 14, 0.68) !important;

    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}


/* =========================================================
   02. POPUP BOX
   ========================================================= */

.elementor-popup-modal .dialog-widget-content {
    position: relative !important;

    box-sizing: border-box !important;

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

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

    max-height:
        calc(
            100vh -
            var(--kandha-popup-gap) -
            var(--kandha-popup-gap)
        ) !important;

    max-height:
        calc(
            100dvh -
            var(--kandha-popup-gap) -
            var(--kandha-popup-gap)
        ) !important;

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

    background: #ffffff !important;

    border: 1px solid #d7e3d4 !important;
    border-radius: 18px !important;

    overflow: hidden !important;

    box-shadow:
        0 24px 60px rgba(10, 30, 12, 0.22),
        0 6px 18px rgba(0, 0, 0, 0.07) !important;
}


/* =========================================================
   03. CONTENT AREA
   Scroll only when content exceeds available height.
   ========================================================= */

.elementor-popup-modal .dialog-message {
    box-sizing: border-box !important;

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

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

    max-height:
        calc(
            100vh -
            var(--kandha-popup-gap) -
            var(--kandha-popup-gap) -
            2px
        ) !important;

    max-height:
        calc(
            100dvh -
            var(--kandha-popup-gap) -
            var(--kandha-popup-gap) -
            2px
        ) !important;

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

    overflow-y: auto !important;
    overflow-x: hidden !important;

    overscroll-behavior-y: contain;

    scroll-padding-top: 54px;
    scroll-padding-bottom: 20px;

    scrollbar-width: thin;
    scrollbar-color: #a9bea1 #f5f9f2;
}


/* =========================================================
   04. ELEMENTOR OUTER CONTAINER
   ========================================================= */

.elementor-popup-modal .dialog-message
.elementor-location-popup > .e-con {
    box-sizing: border-box !important;

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

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

    margin: 0 !important;
    padding: 22px !important;

    gap: 12px !important;
}

.elementor-popup-modal .dialog-message
.elementor-location-popup > .e-con > .e-con-inner {
    min-height: 0 !important;

    gap: 12px !important;
}


/* =========================================================
   05. HEADING
   Reserve right-side room for close button.
   ========================================================= */

.elementor-popup-modal .elementor-widget-heading {
    box-sizing: border-box !important;

    padding-right: 42px !important;

    margin-bottom: 0 !important;
}

.elementor-popup-modal .elementor-heading-title {
    margin: 0 !important;

    color: #438b2b !important;

    font-size: clamp(21px, 4.5vw, 26px) !important;
    line-height: 1.25 !important;
}


/* =========================================================
   06. DESCRIPTION
   ========================================================= */

.elementor-popup-modal .elementor-widget-text-editor {
    margin-bottom: 0 !important;

    font-size: 14px;
    line-height: 1.5;
}

.elementor-popup-modal .elementor-widget-text-editor p {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

.elementor-popup-modal
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   07. CLOSE BUTTON
   ========================================================= */

.elementor-popup-modal .dialog-close-button {
    position: absolute !important;

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

    top: 6px !important;
    right: 6px !important;

    bottom: auto !important;
    left: auto !important;

    box-sizing: border-box !important;

    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;

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

    background: #f5f9f2 !important;

    border: 1px solid #d7e3d4 !important;
    border-radius: 50% !important;

    color: #263426 !important;

    font-size: 16px !important;
    line-height: 1 !important;

    text-decoration: none !important;

    opacity: 1 !important;

    cursor: pointer;
    touch-action: manipulation;

    z-index: 99 !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}


/* Close icon */

.elementor-popup-modal .dialog-close-button i {
    display: block !important;

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

    color: inherit !important;

    font-size: 16px !important;
    line-height: 1 !important;
}

.elementor-popup-modal .dialog-close-button svg {
    display: block !important;

    width: 16px !important;
    height: 16px !important;

    flex-shrink: 0 !important;

    fill: currentColor !important;
}


/* =========================================================
   08. HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {
    .elementor-popup-modal .dialog-close-button:hover {
        background: #438b2b !important;

        border-color: #438b2b !important;

        color: #ffffff !important;
    }
}


/* =========================================================
   09. KEYBOARD FOCUS
   ========================================================= */

.elementor-popup-modal .dialog-close-button:focus-visible {
    background: #438b2b !important;

    border-color: #438b2b !important;

    color: #ffffff !important;

    outline: 2px solid #263426 !important;
    outline-offset: 2px !important;
}


/* =========================================================
   10. MOBILE
   ========================================================= */

@media (max-width: 767px) {
    .elementor-popup-modal {
        --kandha-popup-gap: 12px;
    }

    .elementor-popup-modal .dialog-widget-content {
        width: 400px !important;
        max-width: 100% !important;

        border-radius: 15px !important;
    }

    .elementor-popup-modal .dialog-message
    .elementor-location-popup > .e-con {
        padding: 20px 16px !important;

        gap: 10px !important;
    }

    .elementor-popup-modal .dialog-message
    .elementor-location-popup > .e-con > .e-con-inner {
        gap: 10px !important;
    }

    .elementor-popup-modal .elementor-heading-title {
        font-size: 22px !important;
    }
}


/* =========================================================
   11. SHORT SCREENS / LANDSCAPE
   ========================================================= */

@media (max-height: 500px) {
    .elementor-popup-modal {
        --kandha-popup-gap: 8px;
    }
}


/* =========================================================
   12. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .elementor-popup-modal .dialog-close-button {
        transition: none !important;
    }

    .elementor-popup-modal .dialog-message {
        scroll-behavior: auto !important;
    }
}/* End custom CSS */