/* Premium EMI Calculator Styles */
            .know-your-emi-section {
                padding: 100px 0;
            }

            .emi-calculator-card {
                background: #ffffff;
                border-radius: 24px;
                box-shadow: 0 20px 40px rgba(11, 23, 39, 0.08);
                padding: 20px;
                margin-top: 40px;
                position: relative;
                overflow: hidden;
                border: 1px solid rgba(0, 0, 0, 0.05);
            }

            .emi-inputs-wrapper {
                padding-right: 30px;
                display: flex;
                flex-direction: column;
                gap: 50px;
            }

            .emi-form-group {
                position: relative;
            }

            .emi-form-label {
                font-weight: 600;
                color: #0b1727;
                font-size: 20px;
                margin-bottom: 0px;
                display: block;
            }

            .emi-select-wrapper {
                position: relative;
            }

            .emi-input-select {
                width: 100%;
                appearance: none;
                background: #f8f9fc;
                border: 1px solid #e2e8f0;
                border-radius: 12px;
                padding: 14px 20px;
                font-size: 15px;
                color: #4a5568;
                font-weight: 500;
                outline: none;
                transition: all 0.3s ease;
                cursor: pointer;
            }

            .emi-input-select:focus {
                border-color: var(--easilon-base, #e94c36);
                box-shadow: 0 0 0 3px rgba(233, 76, 54, 0.1);
            }

            .select-icon {
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-50%);
                color: #a0aec0;
                pointer-events: none;
            }

            .emi-value-badge {
                background: rgba(233, 76, 54, 0.1);
                color: var(--easilon-base, #e94c36);
                padding: 6px 14px;
                border-radius: 8px;
                font-weight: 700;
                font-size: 14px;
                display: flex;
                align-items: center;
            }

            .emi-badge-input {
                background: transparent;
                border: none;
                color: inherit;
                font-weight: inherit;
                font-size: inherit;
                padding: 0;
                width: 60px;
                outline: none;
                text-align: center;
            }

            #amount-val.emi-badge-input {
                width: 140px;
                text-align: left;
            }

            .emi-value-badge {
                background: rgba(233, 76, 54, 0.1);
                color: var(--easilon-base, #e94c36);
                padding: 8px 16px;
                border-radius: 10px;
                font-weight: 700;
                font-size: 16px;
                display: flex;
                align-items: center;
                min-width: 100%;
            }

            .text-end {
                text-align: right !important;
            }

            .emi-range-slider {
                -webkit-appearance: none;
                width: 100%;
                height: 8px;
                background: #e2e8f0;
                border-radius: 4px;
                outline: none;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .emi-range-slider::-webkit-slider-thumb {
                -webkit-appearance: none;
                appearance: none;
                width: 24px;
                height: 24px;
                border-radius: 50%;
                background: var(--easilon-base, #e94c36);
                cursor: pointer;
                border: 4px solid #fff;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
                transition: transform 0.2s ease;
            }

            .emi-range-slider::-webkit-slider-thumb:hover {
                transform: scale(1.15);
            }

            .emi-range-labels {
                color: #718096;
                font-size: 13px;
                font-weight: 500;
                position: relative;
            }

            .emi-tenure-toggle {
                display: flex;
                background: #f8f9fc;
                border-radius: 10px;
                padding: 4px;
                border: 1px solid #e2e8f0;
            }

            .emi-tenure-toggle input[type="radio"] {
                display: none;
            }

            .emi-tenure-toggle label {
                padding: 6px 16px;
                font-size: 13px;
                font-weight: 600;
                color: #4a5568;
                border-radius: 6px;
                cursor: pointer;
                transition: all 0.3s ease;
                margin: 0;
            }

            .emi-tenure-toggle input[type="radio"]:checked+label {
                background: var(--easilon-base, #e94c36);
                color: #ffffff;
                box-shadow: 0 2px 8px rgba(233, 76, 54, 0.3);
            }

            /* Results Section */
            .emi-results-wrapper {
                border-radius: 20px;
                padding: 40px;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                color: #ffffff;
                box-shadow: 0 15px 35px rgba(11, 23, 39, 0.2);
                background-color: #f18500 !important;
                background: linear-gradient(135deg, #F18500 0%, #FFDAB6 100%);

            }

            .emi-result-header {
                text-align: center;
                margin-bottom: 30px;
            }

            .emi-result-subtitle {
                color: #fff;
                font-size: 15px;
                font-weight: 500;
                margin-bottom: 5px;
                text-transform: uppercase;
                letter-spacing: 1px;
            }

            .emi-result-title {
                color: #ffffff;
                font-size: 42px;
                font-weight: 700;
                margin: 0;
                text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
                transition: opacity 0.3s ease;
            }

            .emi-chart-container {
                margin-bottom: 40px;
            }

            .emi-pie-chart {
                width: 220px;
                height: 220px;
                border-radius: 50%;
                background: conic-gradient(var(--easilon-base, #e94c36) 0% 67%, #4299e1 67% 100%);
                position: relative;
                box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
                transition: background 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            }

            .emi-chart-center {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 150px;
                height: 150px;
                background: #ffffff;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                box-shadow: inset 0 5px 15px rgba(0, 0, 0, 0.5);
                background-image: url(../images/shapes/elepant.png);
                background-size: cover;
                background-position: center;

            }

            .emi-chart-icon {
                font-size: 36px;
                color: rgba(255, 255, 255, 0.2);
            }

            .emi-summary-cards {
                display: flex;
                flex-wrap: wrap;
                gap: 15px;
                width: 100%;
            }

            .emi-summary-card {
                flex: 1 1 calc(50% - 15px);
                background: rgba(255, 255, 255, 0.05);
                border: 2px solid rgb(255 255 255);
                padding: 16px;
                border-radius: 12px;
                display: flex;
                align-items: center;
                gap: 15px;
                backdrop-filter: blur(10px);
                transition: transform 0.3s ease;
                background-color: orange;
            }

            /* .emi-summary-card:hover {
                transform: translateY(-2px);
                background: rgba(255, 255, 255, 0.08);
            } */

            .emi-summary-card.total-card {
                flex: 1 1 100%;
                background: rgba(233, 76, 54, 0.1);
                border-color: #fff;
                background-color: orange
            }

            .emi-summary-icon {
                width: 12px;
                height: 12px;
                border-radius: 50%;
                flex-shrink: 0;
            }

            .icon-principal {
                background: var(--easilon-base, #e94c36);
                box-shadow: 0 0 10px rgba(233, 76, 54, 0.5);
            }

            .icon-interest {
                background: #4299e1;
                box-shadow: 0 0 10px rgba(66, 153, 225, 0.5);
            }

            .icon-total {
                background: #48bb78;
                box-shadow: 0 0 10px rgba(72, 187, 120, 0.5);
            }

            .emi-summary-label {
                color: #fff;
                font-size: 18px;
                display: block;
                margin-bottom: 4px;
            }

            .emi-summary-value {
                color: #ffffff;
                font-size: 22px;
                font-weight: 600;
                margin: 0;
            }

            @media (max-width: 991px) {
                .emi-inputs-wrapper {
                    padding-right: 0;
                }

                .emi-results-wrapper {
                    padding: 30px 20px;
                }

                .emi-summary-card {
                    flex: 1 1 100%;
                }
            }