.tw-emi-calculator{padding:60px 20px}.tw-emi-calculator .tw-emi-title{text-align:center;margin-top:25px;margin-bottom:40px;font-size:36px;font-weight:500}.tw-emi-calculator .tw-emi-title span{color:#34b27b}.tw-emi-calculator .tw-emi-container{align-items:stretch;gap:40px;display:flex}.tw-emi-calculator .tw-emi-container .tw-emi-left{flex:1}.tw-emi-calculator .tw-emi-container .tw-emi-left .range-slider{appearance:none;border-radius:10px;outline:none;width:100%;height:8px}.tw-emi-calculator .tw-emi-container .tw-emi-left .range-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#39c088;border:4px solid #d7f2e7;border-radius:50%;width:18px;height:18px}.tw-emi-calculator .tw-emi-container .tw-emi-left .range-slider::-moz-range-thumb{cursor:pointer;background:#39c088;border:none;border-radius:50%;width:18px;height:18px}.tw-emi-calculator .tw-emi-container .tw-emi-left .amount-input{text-align:right;color:#39c088;border:1px solid #c7d0db;border-radius:6px;outline:none;width:100px;height:20px;font-size:12px;font-weight:600;line-height:20px;transition:border-color .2s}.tw-emi-calculator .tw-emi-container .tw-emi-left .amount-input.out-of-range{color:#ef4444}.tw-emi-calculator .tw-emi-container .tw-emi-left .range-values{color:#90a1b9;justify-content:space-between;margin-top:6px;font-size:14px;display:flex}.tw-emi-calculator .tw-emi-container .tw-emi-left .range-values span{font-size:10px}.tw-emi-calculator .tw-emi-container .tw-emi-left .tw-tabs{gap:10px;margin-bottom:20px;display:flex}.tw-emi-calculator .tw-emi-container .tw-emi-left .tw-tabs button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:20px;height:25px;padding:0 16px;font-size:12px;line-height:25px}.tw-emi-calculator .tw-emi-container .tw-emi-left .tw-tabs button.active{color:#fff;background:#34b27b;border:none}.tw-emi-calculator .tw-emi-container .tw-emi-left .bike-search-wrapper{margin-bottom:25px;position:relative}.tw-emi-calculator .tw-emi-container .tw-emi-left .bike-search-wrapper .bike-search{border:1px solid #ddd;border-radius:30px;width:100%;height:27px;padding:12px;font-size:12px;line-height:27px}.tw-emi-calculator .tw-emi-container .tw-emi-left .bike-search-wrapper .bike-search-dropdown{z-index:5;background:#fff;border:1px solid #ddd;border-radius:12px;max-height:240px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.tw-emi-calculator .tw-emi-container .tw-emi-left .bike-search-wrapper .bike-search-option{cursor:pointer;color:#24364d;background:#fff;border:0;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:12px;display:flex}.tw-emi-calculator .tw-emi-container .tw-emi-left .bike-search-wrapper .bike-search-option:not(:last-child){border-bottom:1px solid #eee}.tw-emi-calculator .tw-emi-container .tw-emi-left .bike-search-wrapper .bike-search-option:hover{background:#f8fafc}.tw-emi-calculator .tw-emi-container .tw-emi-left .bike-search-wrapper .bike-search-option b{color:#39c088;font-size:12px;font-weight:600}.tw-emi-calculator .tw-emi-container .tw-emi-left .bike-search-wrapper .bike-search-empty{color:#90a1b9;text-align:center;padding:12px;font-size:12px}.tw-emi-calculator .tw-emi-container .tw-emi-left .slider-box{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px}.tw-emi-calculator .tw-emi-container .tw-emi-left .slider-box .label{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:500;display:flex}.tw-emi-calculator .tw-emi-container .tw-emi-left .loan-period .month-grid{grid-template-columns:repeat(7,1fr);gap:10px;margin-top:10px;display:grid}.tw-emi-calculator .tw-emi-container .tw-emi-left .loan-period .month-grid button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:5px 10px;font-size:12px}.tw-emi-calculator .tw-emi-container .tw-emi-left .loan-period .month-grid button span{font-size:6px;display:block}.tw-emi-calculator .tw-emi-container .tw-emi-left .loan-period .month-grid button.active{color:#fff;background:#34b27b;border:none}.tw-emi-calculator .tw-emi-container .tw-emi-left .loan-period .label span{float:right;color:#34b27b;font-weight:600;display:inline-block}.tw-emi-right{color:#fff;background:#0f223b;border-radius:20px;flex-direction:column;width:584px;padding:32px;display:flex}.tw-emi-right h2{color:#fff;margin:0;font-size:36px;font-weight:600}.tw-emi-right h3{color:#34b27b;margin:10px 0 0;font-size:12px;font-weight:500}.tw-emi-right p{color:#90a1b9;border-bottom:1px solid #90a1b9;padding-bottom:10px;font-size:12px;font-weight:400}.tw-emi-right .emi-breakup{flex:1;margin-top:-20px}.tw-emi-right .emi-breakup .row{border-bottom:1px solid #fff3;justify-content:space-between;padding:10px 0;display:flex}.tw-emi-right .emi-breakup .total{color:#34b27b}.apply-btn{color:#fff;cursor:pointer;background:#34b27b;border:none;border-radius:30px;width:100%;margin-top:auto;padding:14px;font-size:16px}.emi-chart-wrapper{flex:1;align-items:center;gap:5px;width:100%;display:flex}.emi-chart{flex:0 0 180px;position:relative}.emi-chart svg{transform:rotate(0)}.emi-chart circle{transition:stroke-dasharray .6s}.chart-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart-center span{color:#34b27b;font-size:16px;font-weight:500}.chart-center p{opacity:.8;border:none;font-size:12px}.principal-dot,.interest-dot,.total-dot{border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}.principal-dot{background:#38c48f}.interest-dot{background:#8a4df5}.total-dot{background:#94a3b8}.emi-breakup{font-size:16px}.emi-breakup .row{color:#90a1b9;justify-content:flex-start;align-items:center;gap:10px;display:flex}.emi-breakup .row b{color:#fff;margin-left:auto}.emi-breakup .row.total b{color:#34b27b}.amount-input-wrapper{display:inline-block;position:relative}.rupee-icon{color:#39c088;font-weight:600;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.emi-donut{width:100%;height:auto}.loan-period .label{justify-content:space-between;align-items:center;font-weight:500;display:flex}.month-input-wrapper{align-items:center;gap:6px;display:flex}.month-input{text-align:right;color:#34b27b;border:1px solid #c7d0db;border-radius:10px;outline:none;width:60px;padding:4px 6px;font-weight:600;transition:border-color .2s,color .2s}.month-input.out-of-range{color:#ef4444}@media (max-width:1199px){.tw-emi-calculator{padding:0}.tw-emi-container{flex-direction:column-reverse}.tw-emi-title{display:none}.tw-emi-right{border-radius:0;width:100%;margin-top:36px;padding:20px}.emi-chart-wrapper{flex-direction:row;align-items:center;gap:5px;display:flex}.emi-chart{flex:0 0 140px}.emi-chart svg{width:140px;height:140px}.emi-breakup{flex:1;margin-top:0}.emi-breakup .row{font-size:10px}.tw-emi-left{margin-bottom:30px;padding:0 20px}.tw-emi-calculator .tw-emi-container .tw-emi-left .loan-period .month-grid{grid-template-columns:repeat(6,1fr)}}