/*
Theme Name: FinPath Child
Theme URI: https://finpath.keydesign.xyz/
Description: Finance & Consulting Elementor WordPress theme
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Template: finpath
Version: 1.0
License: Envato Standard License
License URI: https://themeforest.net/licenses/standard
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready
Text Domain: finpath-child
*/
.mbrow {
    display: flex;
    gap: 20px; /* equal spacing between boxes */
	margin-bottom:20px;
}

.mb-6 {
    flex: 1; /* both take equal width */
	position:relative;
}
.mb-12 {
    width: 100%;
	position:relative;
}
label.error{
position: absolute;
        left: 19px;
    bottom: 2px;
    font-size: 12px;
    color: #e53e3e;
}
#success{
display:none;	
}
#success p{
color:#52aa2b;
font-weight:600;
}
.page-id-24364 .entry-content h2, .page-id-24361 .entry-content h3 {
	    font-size: 1.8em!important;
    margin-bottom: 5px;
}
.elementor-24476 .elementor-element.elementor-element-707ca2ec .ekit-heading__description {
    max-width: 720px;
}
.elementor-161 .elementor-element.elementor-element-32f47a8 .ekit-btn-wraper .elementskit-btn {
    justify-content: start;
}

    .elementskit-navbar-nav-default .elementskit-submenu-panel>li {
        padding: 0;
        padding-top: 15px!important;
        padding-bottom: 15px!important;
        width: auto;
    
    }
.ekit-wid-con .ekit_testimonial_style_5 .elementskit-single-testimonial-slider .elementskit-commentor-content {
    padding-right: 0;
    min-height: 130px;
}
.bankhelp {
    display: flex;
    gap: 10px; /* spacing between images */
}

.bankhelp img {
    width: 100%;
    height: 300px; /* set same height */
    object-fit: cover; /* crop nicely without distortion */
    flex: 1; /* equal width for all images */
}
.elementor-25091 .elementor-element.elementor-element-8ee265f .elementkit-tab-nav .elementkit-nav-link.active {
  color: #000;
	background:#00B30F;
}



/* MAIN CARD */
.calculator {
    max-width: 520px;
    margin: 50px auto;
    background: #ffffff;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* TITLE */
.calculator h2 {
    text-align: center;
    margin-bottom: 25px;
    font-weight: 600;
    color: #222;
}

/* INPUT */
.calculator .input-group {
    margin-bottom: 18px;
}

.calculator .input-group label {
    font-size: 13px;
    color: #666;
    margin-bottom: 6px;
    display: block;
}

.calculator .input-group input {
    width: 100%;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid #ddd;
    font-size: 16px;
    transition: 0.2s;
}

.calculator .input-group input:focus {
    border-color: #333;
    outline: none;
}

/* BUTTON */
.calculator .btn {
    width: 100%;
    padding: 14px;
    border-radius: 10px;
    border: none;
    background: #111;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
}

.calculator .btn:hover {
    background: #333;
}

/* RESULT */
.calculator .result {
    margin-top: 25px;
    text-align: center;
    display: none;
}

.calculator .result p {
    font-size: 13px;
    color: #777;
}

.calculator .result h1 {
    font-size: 36px;
    margin: 8px 0;
    color: #111;
}

/* BREAKDOWN */
.calculator .breakdown {
    margin-top: 25px;
    background: #fafafa;
    padding: 20px;
    border-radius: 12px;
    display: none;
}

.calculator .breakdown h3 {
    font-size: 16px;
    margin-bottom: 15px;
    color: #222;
}

.calculator .step {
    margin-bottom: 12px;
    font-size: 14px;
    color: #444;
}

.calculator .highlight {
    margin-top: 15px;
    font-size: 13px;
    color: #666;
}

  .faq-card {
            max-width: 920px;
            margin: 0 auto;
            background: #ffffff;
            border-radius: 2rem;
            box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.02);
            overflow: hidden;
        }

        .faq-card .faq-header {
            padding: 2rem 2rem 0.5rem 2rem;
            border-bottom: 1px solid #e9f0f5;
        }

         .faq-card .faq-header h1 {
            font-size: 1.9rem;
            font-weight: 700;
            letter-spacing: -0.02em;
            background: linear-gradient(125deg, #1f5e3a, #1c6d4a);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
        }

        .faq-card .faq-header p {
            color: #496f8a;
            font-size: 0.95rem;
            margin-top: 0.6rem;
            margin-bottom: 1.2rem;
            border-left: 3px solid #2b7a4b;
            padding-left: 1rem;
        }

        .faq-card .accordion-wrapper {
            padding: 1rem 1.5rem 2rem 1.5rem;
            display: flex;
            flex-direction: column;
            gap: 0.85rem;
        }

        .faq-card .faq-item {
            background: #fff;
            border-radius: 1.25rem;
            border: 1px solid #e2edf4;
            transition: all 0.2s ease;
            overflow: hidden;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
        }

        .faq-card .faq-item.active {
            border-color: #cbdde6;
            box-shadow: 0 10px 20px -8px rgba(0, 32, 64, 0.08);
        }

        .faq-card .faq-question {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 1rem;
            padding: 1.2rem 1.3rem;
            cursor: pointer;
            user-select: none;
            background: #ffffff;
            transition: background 0.2s ease;
        }

        .faq-card .faq-question:hover {
            background: #fafeff;
        }

        .faq-card .question-title {
            font-weight: 600;
            font-size: 1rem;
            line-height: 1.4;
            color: #1f3f54;
            flex: 1;
            letter-spacing: -0.2px;
        }

        /* Icon styles - visible plus/minus */
        .faq-card .icon-box {
            display: flex;
            align-items: start;
            justify-content: center;
            width: 28px;
            height: 28px;
            border-radius: 40px;
            background: #eef3fa;
            color: #2b7a4b;
            transition: all 0.25s ease;
            flex-shrink: 0;
        }

        .faq-card .faq-item.active .icon-box {
            background: #2b7a4b;
            color: white;
        }

        .faq-card .icon-plus, .icon-minus {
            font-size: 1.35rem;
            font-weight: 500;
            line-height: 1;
            transition: transform 0.2s;
        }

        .faq-card .icon-minus {
            display: none;
        }

        .faq-card .faq-item.active .icon-plus {
            display: none;
        }

        .faq-card .faq-item.active .icon-minus {
            display: inline-block;
        }

        .faq-card .faq-answer {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            padding: 0 1.3rem;
            background: #fefefe;
            font-size: 0.94rem;
            line-height: 1.55;
            color: #2c4a64;
            transition: max-height 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1), opacity 0.25s ease, padding 0.2s;
            border-top: 0px solid transparent;
        }

        .faq-card .faq-item.active .faq-answer {
            max-height: 600px;
            opacity: 1;
            padding: 0.2rem 1.3rem 1.3rem 1.3rem;
            border-top: 1px solid #eef2f8;
        }

        .faq-card .faq-answer p, .faq-answer li {
            margin-bottom: 0.65rem;
        }

        .faq-card .faq-answer ul, .faq-answer ol {
            margin: 0.5rem 0 0.8rem 1.5rem;
        }

        .faq-card .faq-answer a {
            color: #2b7a4b;
            text-decoration: none;
            font-weight: 500;
            border-bottom: 1px solid #c2e0cf;
        }

        .faq-card .faq-answer a:hover {
            color: #1e5938;
        }
	.btncalculator{
		font-family: "Plus Jakarta Sans", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  border-radius: 15px 15px 15px 15px;
  padding: 20px 50px 20px 50px;
	background-color:#00B30F;
		color:#fff;
}
        @media (max-width: 640px) {
            
            .faq-card .accordion-wrapper {
                padding: 0.5rem 1rem 1.8rem 1rem;
            }
            .faq-card .faq-question {
                padding: 1rem 1rem;
            }
            .faq-card .question-title {
                font-size: 0.92rem;
            }
            .faq-card .faq-header h1 {
                font-size: 1.6rem;
            }
            .faq-card .icon-box {
                width: 26px;
                height: 26px;
            }
            .faq-card .icon-plus, .icon-minus {
                font-size: 1.2rem;
            }
        }
.slider-container {
position: relative;
right: 0;
}
#sliderValue {
margin-top: 10px;
font-size: 1.2em;
}
.sliderdiv *,
.sliderdiv {
box-sizing: border-box;
}
.sliderrow {
display: block;
margin-bottom: 15px;
}
.sliderdiv {
background: #fff;
width: 500px;
padding: 30px;
min-height: auto;
border-radius: 15px;
}
.srowinner {
display: inline-block;
vertical-align: top;
width: 49.6%;
font-size: 18px;
position: relative;
}
.width40 {
width: 40%;
}
.width60 {
width: 60%;
}
.sliderflex {
display: flex;
justify-content: space-between;
gap: 2rem;
margin: 10px 0;
}
.sflexinner {
font-size: 18px;
}
.flexdot {
border-bottom-width: 1px;
border-bottom: 1px dashed rgb(0, 0, 0, 0.3);
flex: 1 1 0%;
}
#demo_0 {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
.irs-single {}
#phone {
padding-bottom: 17px;
line-height: 100%;
border-radius: .5rem;
border-width: 1px;
width: 95%;
display: block;
width: 90%;
height: 50px;
padding: 0 24px;
color: #333;
font-size: 18px;
border: 1px solid #eee;
background: #f7f7f7;
padding-left: 25px;
}
#nametxt, #locationtxt {
    padding-bottom: 17px;
    line-height: 100%;
    border-radius: .5rem;
    border-width: 1px;
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 24px;
    color: #333;
    font-size: 18px;
    border: 1px solid #eee;
    background: #f7f7f7;
    padding-left: 25px;
}
#emailtxt, #locationtxt {
    padding-bottom: 17px;
    line-height: 100%;
    border-radius: .5rem;
    border-width: 1px;
    display: block;
    width: 95%;
    height: 50px;
    padding: 0 24px;
    color: #333;
    font-size: 18px;
    border: 1px solid #eee;
    background: #f7f7f7;
    padding-left: 25px;
}
#locationtxt{
float:right;	
}
.showphone:before {
position: absolute;
font-size: 22px;
top: 15px;
left: 15px;
color: #333;
}
.submitbtn {
text-transform: uppercase;
height: 50px;
font-size: 22px;
padding-top: 19px;
padding-bottom: 19px;
width: 90%;
border-radius: 10px;
line-height: 1;
text-transform: uppercase;
color: #fff;
font-weight: 700;
border: 0;
background: #00B30F;
cursor: pointer;
}
.irs--round .irs-handle {
top: 23px!important;
width: 35px!important;
height: 35px!important;
border: 7px solid #00473C!important;
background-color: white!important;
border-radius: 24px!important;
box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3)!important;
cursor: pointer!important;
}
.irs--round .irs-bar {
top: 36px!important;
height: 10px!important;
background-color: #00B30F!important;
}
.irs--round .irs-line {
top: 36px;
height: 10px;
background-color: #dee4ec;
border-radius: 4px;
}
#terms {
height: 22px;
width: 50px;
}
.termsbox {
display: flex;
align-items: flex-start;
margin-top: 20px;
}
.termsbox p {
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.3;
padding-left: 10px;
}
.showloanamount {
font-size: 35px;
}
.bold700 {
font-weight: 700;
}
.bold500 {
font-weight: 500;
}
.fs23 {
font-size: 23px;
}
.prettydropdown ul {
border: 1px solid #eee;
background: #f7f7f7;
border-radius: .5rem;
width: 87%;
min-height: 62px;
}
.prettydropdown > ul:focus,
.prettydropdown:not(.disabled) > ul:hover {
border: 1px solid #eee;
background: #f7f7f7;
border-radius: .5rem;
}
#operator {
margin-right: 15px;
width: 87%;
}
.prettydropdown.arrow > ul > li.selected::before,
.prettydropdown.arrow > ul > li.selected::after {
right: 28px;
}
.prettydropdown {
min-width: 95px;
}
.prettydropdown > ul > li:first-child {
font-size: 22px;
line-height: 2.6em;
}
.prettydropdown.arrow > ul > li.selected::before,
.prettydropdown.arrow > ul > li.selected::after {
right: 12px;
top: 21px;
}
.prettydropdown.arrow > ul > li.selected::after {
top: 19px;
border-top-color: #f7f7f7;
}
#prettydropdown-selectmonth ul {
min-height: 33px;
}
#prettydropdown-selectmonth > ul > li:first-child {
font-size: 22px;
line-height: 1;
}
#prettydropdown-selectmonth > ul > li {
position: relative;
min-width: 70px;
height: 28px;
}
.selectbox {
font-family: "Poppins", sans -serif;
font-size: 14px;
}
.Bulanelect {
background: #fff;
border: 0;
box-shadow: 1px 1px 10px #ccc;
padding: 5px 20px;
font-size: 15px;
font-weight: 550;
border-radius: 5px;
font-family: "Poppins", sans-serif;
}
.irs--round .irs-single::before {
border-top-color: #00473C!important;
}
.repaytb td {
padding: 10px !important;
color: #333 !important;
}
.secondary-logo{
	display:none!important;
}
.btmlink{
	padding-left:12px;
}
.elementor-element-ae7a828{
	/*transform: none!important;	*/
}
@media (max-width: 480px) {
	.textcenter,.textcenter h3,.textcenter h2,.textcenter h6{
	text-align:center!important;	
	}
	.elementor-widget-text-editor p{
	font-size:15px!important;	
	}
	.sliderdiv {
    background: #fff;
    width: 338px;
	}
	h2{
	font-size:20px!important;	
	}
	.showloanamount {
    font-size: 26px;
}
	.fs23 {
    font-size: 19px;
}
	.sflexinner {
    font-size: 15px;
}
	.srowinner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
		    margin-bottom: 15px;
	}
	#emailtxt, #locationtxt{
		    width: 100%;
	}
}