.bg-image{background-image:url(/loan-calculator/static/media/janna-bg.a3c9aeb4bb43596b9ede.jpg);background-repeat:no-repeat;background-size:cover;height:100vh;position:fixed;top:0;width:100vw;z-index:-1000}.bg-image:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);content:"";height:100%;pointer-events:none;position:absolute;width:100%}.layout{display:flex;justify-content:center;margin-top:32px}[dir=rtl] .calc-container{text-align:right}[dir=ltr] .calc-container{text-align:left}.calc-container{background:#ffffffb6;border-radius:4px;box-shadow:4px 4px 8px 0 rgba(0,0,0,.185);margin-bottom:32px;position:relative;width:50vw}.calc-container h2{text-align:center}@media only screen and (max-width:900px){.calc-container{width:80%}.calc-container h2{font-size:24px}}.result{display:flex;flex-wrap:wrap;justify-content:center;margin:16px}.result table{background:#ffffffb6;border:1px solid #899499;border-radius:6px;padding:16px}[dir=rtl] .result td:first-child{padding-left:24px}[dir=ltr] .result td:first-child{padding-right:24px}.result small{display:block;margin-top:4px;text-align:center;width:100%}.footer{background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.65),transparent);border-radius:6px;color:#000;margin:32px auto auto;padding:2px 6px;text-align:center}.footer p{font-size:14px;margin:0}.footer a{color:#0b2762;text-decoration:none}.footer a:hover{color:#194ec0}.about-text{margin:8px 0}tr:not(:last-child) td{border-bottom:1px solid #d4d4d4;padding-bottom:4px}.icons{display:flex;justify-content:center}.icons a{color:#292929;font-size:24px;margin:4px;transition:all .2s ease-in-out}a.facebook:hover{color:#1778f2}a.youtube:hover{color:red}a.github:hover{color:#095c4a}a.linkedin:hover{color:#2867b2}.tab-btn{background:transparent;border:none;color:#333;cursor:pointer;font-weight:700;padding:8px 16px}.tab-btn.active{border-bottom:2px solid #007bff;color:#007bff}[dir=rtl] .lang-switch{text-align:right}[dir=ltr] .lang-switch{text-align:left}.lang-switch{left:8px;position:absolute;top:8px}.lang-btn{background:transparent;border:1px solid #333;border-radius:4px;color:#333;cursor:pointer;font-size:10px;font-weight:700;padding:2px 6px}.lang-btn:hover{background:#333;color:#fff}.form-container{display:flex;flex-wrap:wrap;justify-content:center;padding:16px}.form-group{flex-grow:1;margin:0 10px 18px;width:45%}.form-group label{color:#212121;display:block;font-size:.875rem;font-weight:600;letter-spacing:.2px;margin:0 0 .5rem}.form-group label.inline{display:inline-block;width:100px}[dir=rtl] .form-group label.inline.right{padding-right:.5rem;text-align:right}[dir=ltr] .form-group label.inline.right{padding-left:.5rem;text-align:left}input[type=email],input[type=number],input[type=password],input[type=text]{border:.063rem solid #b0bec5;border-radius:4px;color:#212121;font-size:1rem;outline:0;padding:.5rem 1rem;width:100%}input[type=reset],input[type=submit]{border:0;border-radius:4px;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.25px;margin:.5rem;outline:0;padding:.75rem 1.5rem;transition:background .3s ease}input[type=submit]{background:#2196f3}input[type=submit]:hover{background:#39a1f4}input[type=reset]{background:#d6743b}input[type=reset]:hover{background:#e08753}[dir=rtl] .radio-group div{margin-left:8px}[dir=ltr] .radio-group div,[dir=rtl] .radio-group input[type=radio]:not(:first-child){margin-right:8px}[dir=ltr] .radio-group input[type=radio]:not(:first-child){margin-left:8px}[dir=rtl] .radio-group label{margin-right:4px}[dir=ltr] .radio-group label{margin-left:4px}.error-message{color:#d31414;font-size:12px;margin:0}@supports (-webkit-appearance:none) or (-moz-appearance:none){input[type=checkbox],input[type=radio]{--active:#275efe;--active-inner:#fff;--focus:2px rgba(39,94,254,.3);--border:#bbc1e1;--border-hover:#275efe;--background:#fff;--disabled:#f6f8ff;--disabled-inner:#e1e6f9;-webkit-appearance:none;-moz-appearance:none;background:var(--background);background:var(--b,var(--background));border:1px solid var(--bc,var(--border));cursor:pointer;display:inline-block;height:21px;margin:0;outline:none;position:relative;transition:background .3s,border-color .3s,box-shadow .2s;vertical-align:top}input[type=checkbox]:after,input[type=radio]:after{content:"";display:block;left:0;position:absolute;top:0;transition:opacity .2s,-webkit-transform .3s ease;transition:transform .3s ease,opacity .2s;transition:transform .3s ease,opacity .2s,-webkit-transform .3s ease;transition:opacity var(--d-o,.2s),-webkit-transform var(--d-t,.3s) var(--d-t-e,ease);transition:transform var(--d-t,.3s) var(--d-t-e,ease),opacity var(--d-o,.2s);transition:transform var(--d-t,.3s) var(--d-t-e,ease),opacity var(--d-o,.2s),-webkit-transform var(--d-t,.3s) var(--d-t-e,ease)}input[type=checkbox]:checked,input[type=radio]:checked{--b:var(--active);--bc:var(--active);--d-o:.3s;--d-t:.6s;--d-t-e:cubic-bezier(.2,.85,.32,1.2)}input[type=checkbox]:disabled,input[type=radio]:disabled{--b:var(--disabled);cursor:not-allowed;opacity:.9}input[type=checkbox]:disabled:checked,input[type=radio]:disabled:checked{--b:var(--disabled-inner);--bc:var(--border)}input[type=checkbox]:disabled+label,input[type=radio]:disabled+label{cursor:not-allowed}input[type=checkbox]:hover:not(:checked):not(:disabled),input[type=radio]:hover:not(:checked):not(:disabled){--bc:var(--border-hover)}input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:0 0 0 var(--focus)}input[type=checkbox]:not(.switch),input[type=radio]:not(.switch){width:21px}input[type=checkbox]:not(.switch):after,input[type=radio]:not(.switch):after{opacity:0;opacity:var(--o,0)}input[type=checkbox]:not(.switch):checked,input[type=radio]:not(.switch):checked{--o:1}input[type=checkbox]+label,input[type=radio]+label{cursor:pointer;display:inline-block;font-size:14px;line-height:21px;vertical-align:top}[dir=rtl] input[type=checkbox]+label,[dir=rtl] input[type=radio]+label{margin-left:4px}[dir=ltr] input[type=checkbox]+label,[dir=ltr] input[type=radio]+label{margin-right:4px}input[type=checkbox]:not(.switch){border-radius:7px}input[type=checkbox]:not(.switch):after{border:2px solid var(--active-inner);border-left:0;border-top:0;height:9px;left:7px;top:4px;-webkit-transform:rotate(20deg);transform:rotate(20deg);-webkit-transform:rotate(var(--r,20deg));transform:rotate(var(--r,20deg));width:5px}input[type=checkbox]:not(.switch):checked{--r:43deg}input[type=checkbox].switch{border-radius:11px;width:38px}input[type=checkbox].switch:after{background:var(--border);background:var(--ab,var(--border));border-radius:50%;height:15px;left:2px;top:2px;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform:translateX(var(--x,0));transform:translateX(var(--x,0));width:15px}input[type=checkbox].switch:checked{--ab:var(--active-inner);--x:17px}input[type=checkbox].switch:disabled:not(:checked):after{opacity:.6}input[type=radio]{border-radius:50%}input[type=radio]:after{background:var(--active-inner);border-radius:50%;height:19px;opacity:0;-webkit-transform:scale(.7);transform:scale(.7);-webkit-transform:scale(var(--s,.7));transform:scale(var(--s,.7));width:19px}input[type=radio]:checked{--s:.5}}*,:after,:before{box-sizing:border-box;font-family:Cairo,sans-serif}body{margin:0;padding:0}h2{margin-bottom:8px;margin-top:28px}hr{background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.75),transparent);border:0;height:1px}.text-center{text-align:center}.m-0{margin:0}[dir=rtl] .mr-1{margin-right:8px}[dir=ltr] .mr-1{margin-left:8px}.w-100{width:100%}.w-30{width:30%}.flex{display:flex;flex-wrap:wrap}[dir=rtl] .inline{display:inline;margin-left:4px}[dir=ltr] .inline{display:inline;margin-right:4px}.bold{font-weight:700!important}[dir=rtl] .help{font-size:12px;text-align:right!important}[dir=ltr] .help{font-size:12px;text-align:left!important}
/*# sourceMappingURL=main.d76a8ba8.css.map*/