.elementor-1895 .elementor-element.elementor-element-999875e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1895 .elementor-element.elementor-element-8b699e8{text-align:center;}.elementor-1895 .elementor-element.elementor-element-8b699e8 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-1895 .elementor-element.elementor-element-906fd10 > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-1895 .elementor-element.elementor-element-9bfad83 > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-1895 .elementor-element.elementor-element-368a728.elementor-element{--align-self:center;}.elementor-1895 .elementor-element.elementor-element-de48bed{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--background-transition:0.3s;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1895 .elementor-element.elementor-element-de48bed, .elementor-1895 .elementor-element.elementor-element-de48bed::before{--border-transition:0.3s;}.elementor-1895 .elementor-element.elementor-element-9558e38{--display:flex;--justify-content:center;--background-transition:0.3s;--border-radius:20px 20px 20px 20px;--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-1895 .elementor-element.elementor-element-9558e38:not(.elementor-motion-effects-element-type-background), .elementor-1895 .elementor-element.elementor-element-9558e38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_dark );background-repeat:no-repeat;background-size:cover;}.elementor-1895 .elementor-element.elementor-element-9558e38, .elementor-1895 .elementor-element.elementor-element-9558e38::before{--border-transition:0.3s;}.elementor-1895 .elementor-element.elementor-element-de46b72{text-align:center;}.elementor-1895 .elementor-element.elementor-element-de46b72 .elementor-heading-title{color:#FFFFFF;}.elementor-1895 .elementor-element.elementor-element-de46b72 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1895 .elementor-element.elementor-element-2aa556c{text-align:center;color:#FFFFFF;width:initial;max-width:initial;}.elementor-1895 .elementor-element.elementor-element-04d23de .elementor-button-content-wrapper{flex-direction:row;}.elementor-1895 .elementor-element.elementor-element-04d23de .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-1895 .elementor-element.elementor-element-04d23de .elementor-button{font-weight:600;fill:#4787FA;color:#4787FA;background-color:#FFFFFF;padding:20px 20px 20px 20px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px) and (min-width:768px){.elementor-1895 .elementor-element.elementor-element-9558e38{--width:100%;}}@media(max-width:1024px){.elementor-1895 .elementor-element.elementor-element-de48bed{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1895 .elementor-element.elementor-element-de48bed{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1895 .elementor-element.elementor-element-9558e38{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1895 .elementor-element.elementor-element-2aa556c{width:100%;max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-368a728 */body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    
    margin: 0;
}

.container {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: row;
    gap: 30px;
    max-width: 800px;
}

.input-section {
    flex: 1;
}

.input-section label {
    display: block;
    margin-bottom: 5px;
}

.input-section input[type="range"],
.input-section input[type="number"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.tenure-option {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 20px;
}

.tenure-option input[type="radio"] {
    margin-left: 10px;
    margin-right: 5px;
}

.output-section {
    flex: 1;
    text-align: center;
}

.emi-result {
    padding-bottom: 30px;
    padding-top: 30px;
    padding-left: 50px;
    font-size: 16px;
}

.chart {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

#emiChart {
    width: 100%;
    height: auto;
}

@media (max-width: 600px) {
    .container {
        flex-direction: column;
        align-items: center;
    }

    .input-section, .output-section {
        width: 100%;
    }
}/* End custom CSS */