.elementor-869 .elementor-element.elementor-element-f7137eb{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 55% );max-width:55%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-869 .elementor-element.elementor-element-f7137eb.elementor-element{--align-self:stretch;}.elementor-869 .elementor-element.elementor-element-f7137eb .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:5px 0px 0px 5px;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-869 .elementor-element.elementor-element-82c2ac7 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-869 .elementor-element.elementor-element-82c2ac7 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-869 .elementor-element.elementor-element-82c2ac7{--image-border-radius:5px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-869 .elementor-element.elementor-element-fd348c0{--spacer-size:50px;width:auto;max-width:auto;border-style:solid;border-width:0px 0px 0px 1px;border-color:#6666661F;}.elementor-869 .elementor-element.elementor-element-48cb894{--spacer-size:50px;width:auto;max-width:auto;border-style:solid;border-width:0px 0px 0px 1px;border-color:#6666661F;}.elementor-869 .elementor-element.elementor-element-d5752cc{--spacer-size:50px;width:auto;max-width:auto;border-style:solid;border-width:0px 0px 0px 1px;border-color:#6666661F;}.elementor-869 .elementor-element.elementor-element-eddbd24{--spacer-size:50px;width:auto;max-width:auto;border-style:solid;border-width:0px 0px 0px 1px;border-color:#6666661F;}.elementor-869 .elementor-element.elementor-element-ee63e4c{--spacer-size:50px;width:auto;max-width:auto;border-style:solid;border-width:0px 0px 0px 1px;border-color:#6666661F;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-869 .elementor-element.elementor-element-1c2a9fe{font-size:14px;font-weight:400;color:var( --e-global-color-8e82632 );}.elementor-869 .elementor-element.elementor-element-55a3eb0{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;}.elementor-869 .elementor-element.elementor-element-55a3eb0 iframe{height:250px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-869 .elementor-element.elementor-element-18dc43e{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-869 .elementor-element.elementor-element-18dc43e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-869 .elementor-element.elementor-element-18dc43e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-869 .elementor-element.elementor-element-18dc43e .elementor-icon-list-text{color:var( --e-global-color-8e82632 );transition:color 0.3s;}.elementor-869 .elementor-element.elementor-element-5e125ad .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-869 .elementor-element.elementor-element-5e125ad .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-869 .elementor-element.elementor-element-5e125ad{--image-border-radius:5px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-869 .elementor-element.elementor-element-fa4cd12{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-869 .elementor-element.elementor-element-fa4cd12.elementor-element{--align-self:flex-start;}.elementor-869 .elementor-element.elementor-element-27ac212{--e-image-carousel-slides-to-show:2;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;}.elementor-869 .elementor-element.elementor-element-27ac212 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-869 .elementor-element.elementor-element-27ac212 .elementor-swiper-button.elementor-swiper-button-next{font-size:15px;color:#FFFFFF;}.elementor-869 .elementor-element.elementor-element-27ac212 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-869 .elementor-element.elementor-element-27ac212 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FFFFFF;}.elementor-869 .elementor-element.elementor-element-27ac212 .swiper-wrapper{display:flex;align-items:center;}.elementor-869 .elementor-element.elementor-element-27ac212 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-869 .elementor-element.elementor-element-e3ec810{--e-image-carousel-slides-to-show:2;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;}.elementor-869 .elementor-element.elementor-element-e3ec810 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-869 .elementor-element.elementor-element-e3ec810 .elementor-swiper-button.elementor-swiper-button-next{font-size:15px;color:#FFFFFF;}.elementor-869 .elementor-element.elementor-element-e3ec810 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-869 .elementor-element.elementor-element-e3ec810 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FFFFFF;}.elementor-869 .elementor-element.elementor-element-e3ec810 .swiper-wrapper{display:flex;align-items:center;}.elementor-869 .elementor-element.elementor-element-e3ec810 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-869 .elementor-element.elementor-element-5919378{--e-image-carousel-slides-to-show:2;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;}.elementor-869 .elementor-element.elementor-element-5919378 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-869 .elementor-element.elementor-element-5919378 .elementor-swiper-button.elementor-swiper-button-next{font-size:15px;color:#FFFFFF;}.elementor-869 .elementor-element.elementor-element-5919378 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-869 .elementor-element.elementor-element-5919378 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FFFFFF;}.elementor-869 .elementor-element.elementor-element-5919378 .swiper-wrapper{display:flex;align-items:center;}.elementor-869 .elementor-element.elementor-element-5919378 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:5px 5px 5px 5px;}@media(max-width:1366px){.elementor-869 .elementor-element.elementor-element-f7137eb.elementor-element{--align-self:center;}.elementor-869 .elementor-element.elementor-element-fd348c0{--spacer-size:50px;}.elementor-869 .elementor-element.elementor-element-48cb894{--spacer-size:50px;}.elementor-869 .elementor-element.elementor-element-d5752cc{--spacer-size:50px;}.elementor-869 .elementor-element.elementor-element-eddbd24{--spacer-size:50px;}.elementor-869 .elementor-element.elementor-element-ee63e4c{--spacer-size:50px;}.elementor-869 .elementor-element.elementor-element-55a3eb0{--container-widget-width:85%;--container-widget-flex-grow:0;width:var( --container-widget-width, 85% );max-width:85%;}.elementor-869 .elementor-element.elementor-element-55a3eb0 iframe{height:200px;}}@media(max-width:880px){.elementor-869 .elementor-element.elementor-element-f7137eb{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-869 .elementor-element.elementor-element-55a3eb0 iframe{height:180px;}.elementor-869 .elementor-element.elementor-element-fa4cd12{width:auto;max-width:auto;}}@media(max-width:767px){.elementor-869 .elementor-element.elementor-element-1c2a9fe{font-size:13px;}.elementor-869 .elementor-element.elementor-element-55a3eb0{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-869 .elementor-element.elementor-element-fa4cd12{width:100%;max-width:100%;}.elementor-869 .elementor-element.elementor-element-27ac212{--e-image-carousel-slides-to-show:1;}.elementor-869 .elementor-element.elementor-element-e3ec810{--e-image-carousel-slides-to-show:1;}.elementor-869 .elementor-element.elementor-element-5919378{--e-image-carousel-slides-to-show:1;}}/* Start custom CSS for text-editor, class: .elementor-element-1c2a9fe */.feature-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:0;
    padding:0;
    list-style:none;
}

.feature-list li{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 15px;
    border:1px solid #E5E5E5;
    border-radius:999px;
    background:#fff;
    white-space:nowrap;
}
.feature-list li{
    white-space:normal;
    overflow-wrap:anywhere;
}

.feature-list li::before{
    content:"✓";
    color:#B08A47;
    font-weight:700;
}

/* ==========================
   Mobile
========================== */

@media (max-width:767px){

    .feature-list li{
        padding:6px 10px;
        gap:5px;
        font-size:12px;
    }

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa4cd12 *//* ==================================================
   YARINDA Mortgage Calculator (Clean 2-Card Layout)
================================================== */

.ym-wrap,
.ym-wrap *,
.ym-wrap input,
.ym-wrap select,
.ym-wrap button{
    font-family:"Anuphan",sans-serif !important;
}

.ym-wrap,
.ym-wrap *{
    box-sizing:border-box;
}

.ym-wrap{
    display:grid;
    grid-template-columns:1fr;
    gap:20px;
}

/* ==========================================
   Card
========================================== */

.ym-form,
.ym-summary{
    background:linear-gradient(
180deg,
#FFFFFF 0%,
#FCFBF8 100%
);

border:1px solid rgba(176,141,87,.15);

box-shadow:
0 18px 50px rgba(22,27,23,.08);
    border-radius:14px;
    padding:24px;
}

/* ==========================================
   Form
========================================== */

.ym-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.ym-form h2{
    grid-column:1/-1;
    margin:0;
    font-size:22px;
    line-height:1.3;
    font-weight:700;
    color:#2F3A31;
}

.ym-form .ym-field:last-child{
    grid-column:1/-1;
}

.ym-field{
    min-width:0;
}

.ym-field:last-child{
    margin-bottom:0;
}

.ym-field label{
    display:block;
    margin-bottom:6px;
    font-size:14px;
    font-weight:500;
    color:#666;
}

.ym-field input,
.ym-field select{
    width:100%;
    min-width:0;
    height:54px;
    padding:0 14px;
    border:1px solid #D8D8D8;
    border-radius:12px;
    background:#fff;
    color:#2F3A31;

    /* iPhone Safari */
    font-size:16px;

    font-weight:500;
    transition:.25s;

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    -webkit-tap-highlight-color:transparent;
}

.ym-field input:hover,
.ym-field select:hover{
    border-color:#B8B8B8;
}

.ym-field input:focus,
.ym-field select:focus{
    outline:none;
    border-color:#5A6B5D;
    box-shadow:0 0 0 3px rgba(90,107,93,.12);
}

/* ==========================================
   Reset Button
========================================== */

/* ==========================================
   Reset Button
========================================== */

.ym-reset{
    width:100%;
    height:46px;
    margin-top:8px;

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

    border:1px solid #D8D8D8;
    border-radius:8px;

    background:#FFFFFF;
    color:#666666;

    font-size:14px;
    font-weight:600;

    cursor:pointer;
    transition:all .25s ease;

    appearance:none;
    -webkit-appearance:none;

    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
}

.ym-reset:hover{
    background:#5A6B5D;
    border-color:#5A6B5D;
    color:#FFFFFF;
}

.ym-reset:active{
    transform:translateY(1px);
    background:#5A6B5D;
}

.ym-reset:focus-visible{
    outline:none;
    border-color:#5A6B5D;
    box-shadow:0 0 0 3px rgba(90,107,93,.18);
    transform:translateY(-2px);

box-shadow:
0 12px 28px rgba(90,107,93,.08);
}

/* ==========================================
   Summary
========================================== */

.ym-summary h3{
    margin:0 0 20px;
    font-size:22px;
    font-weight:700;
    color:#2F3A31;
}

.ym-bank-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:10px;
    flex-wrap:nowrap;
}

.ym-bank-head h4{
    margin:0;
    min-width:0;
    font-size:20px;
    font-weight:600;
}

.ym-interest{
    display:flex;
    align-items:center;
    gap:10px;
    white-space:nowrap;
}

.ym-interest strong{
    font-weight:700;
}

.ym-info{
    display:grid;
    gap:14px;
}

.ym-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:14px;
    border-bottom:1px solid #EFEFEF;
}

.ym-row span{
    color:#666;
    font-size:14px;
}

.ym-row strong{
    color:#2F3A31;
    font-size:16px;
    font-weight:700;
}

.ym-monthly-wrap{
    margin-top:20px;
    padding:20px;
    
    border:1px solid #E8EEE8;
    border-radius:12px;
    text-align:center;
    background:

linear-gradient(

180deg,

#F9F7F2,

#F4EFE5

);
border:1px solid rgba(176,141,87,.2);
box-shadow:0 12px 30px rgba(0,0,0,.04);
}

.ym-monthly-wrap span{
    display:block;
    margin-bottom:10px;
    color:#666;
    font-size:13px;
}


.ym-monthly-wrap small{
    display:inline;
    margin-left:6px;
    font-size:16px;
    font-weight:500;
    color:#666;
}

#ym-monthly{
    display:inline;
    font-size:30px;
    line-height:1.2;
    font-weight:700;
    color:#5A6B5D;
    letter-spacing:-1px;
}


/* ==========================================
   Responsive
========================================== */

@media (max-width:767px){

    .ym-form{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px;
    }

    .ym-form h2{
        grid-column:1 / -1;
    }

    .ym-form .ym-field:last-child{
        grid-column:1 / -1;
    }

    .ym-field label{
        font-size:13px;
    }

    .ym-field input,
    .ym-field select{
        height:48px;
        padding:0 12px;
        font-size:16px;
    }

    .ym-bank-head{
        flex-wrap:wrap;
        gap:8px;
    }

    .ym-bank-head h4{
        font-size:18px;
    }

    #ym-monthly{
        font-size:28px;
    }

}

@media (max-width:576px){

    .ym-form,
    .ym-summary{
        padding:20px;
    }

}/* End custom CSS */