.rcs-emi-calculator{
    --rcs-emi-primary:#ff6900;
    --rcs-emi-secondary:#fcb900;
    --rcs-emi-light:rgba(255,105,0,.08);
    max-width:980px;
}

.rcs-emi-calculator .form-range::-webkit-slider-thumb{
    background:var(--rcs-emi-primary);
}

.rcs-emi-calculator .form-range::-moz-range-thumb{
    background:var(--rcs-emi-primary);
    border-color:var(--rcs-emi-primary);
}

.rcs-emi-calculator .form-range::-webkit-slider-runnable-track{
    background-color:#f1f3f5;
}

.rcs-emi-calculator .form-control:focus{
    border-color:var(--rcs-emi-primary);
    box-shadow:0 0 0 .25rem rgba(255,105,0,.15);
}

.rcs-emi-number-input{
    max-width:170px;
    text-align:right;
    font-weight:600;
}

.rcs-emi-result-panel{
    background:linear-gradient(180deg,rgba(252,185,0,.12),rgba(255,105,0,.07));
}

.rcs-emi-value{
    color:var(--rcs-emi-primary);
}

.rcs-emi-donut{
    --principal:70%;
    width:174px;
    height:174px;
    border-radius:50%;
    background:conic-gradient(var(--rcs-emi-primary) 0 var(--principal), var(--rcs-emi-secondary) var(--principal) 100%);
    position:relative;
}

.rcs-emi-donut:after{
    content:"";
    position:absolute;
    inset:43px;
    background:#fff;
    border-radius:50%;
}

.rcs-emi-breakdown{
    max-width:320px;
    font-size:.95rem;
}

.rcs-emi-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    display:inline-block;
    margin-right:8px;
}

.rcs-emi-dot-interest{
    background:var(--rcs-emi-secondary);
}

.rcs-emi-dot-principal{
    background:var(--rcs-emi-primary);
}

.rcs-emi-dot-fee{
    background:#ced4da;
}

.rcs-emi-year-row{
    cursor:pointer;
    font-weight:700;
}

.rcs-emi-year-row:hover{
    --bs-table-hover-bg:rgba(252,185,0,.14);
}

.rcs-emi-year-toggle{
    border:0;
    background:transparent;
    color:var(--rcs-emi-primary);
    font:inherit;
    font-weight:700;
    padding:0;
}

.rcs-emi-caret{
    display:inline-block;
    color:var(--rcs-emi-secondary);
    margin-right:8px;
    transition:transform .18s ease;
}

.rcs-emi-year-row.is-open .rcs-emi-caret{
    transform:rotate(90deg);
}

.rcs-emi-month-row{
    display:none;
}

.rcs-emi-month-row.is-open{
    display:table-row;
}

.rcs-emi-month-row td:first-child{
    padding-left:42px;
}

@media(max-width:575.98px){
    .rcs-emi-number-input{
        max-width:100%;
        text-align:left;
    }

    .rcs-emi-donut{
        width:140px;
        height:140px;
    }

    .rcs-emi-donut:after{
        inset:35px;
    }

    .rcs-emi-amortization-table{
        font-size:.875rem;
    }
}