.real-estate-container{padding:20px;flex-direction:column;background-color:#e5e7eb;width:100%}.card-container,.real-estate-container{display:flex;align-items:center;justify-content:center}.card-container{flex-wrap:wrap;gap:20px;margin-right:0}.card{width:100%;max-width:320px;height:180px;background-color:#f5f5f5;padding:15px;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:all .3s ease-in-out;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.card:after{content:"Read More →";position:absolute;bottom:8px;right:12px;font-size:12px;font-weight:700;color:#333;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.card:hover:after{opacity:1;transform:translateY(0)}.card-img{width:80px;height:auto;margin-bottom:5px}.card-content h3{font-size:18px;font-weight:700;text-align:center}.card-content p{font-size:14px;text-align:center;color:#555}@media (max-width:768px){.card-container{flex-direction:column;gap:15px}.card{width:90%;max-width:300px;height:auto;padding:10px}.card-content h3{font-size:16px}.card-content p{font-size:12px}}.calculator-container{max-width:900px;padding:20px;background:linear-gradient(135deg,#0b2562,#fad0c4);box-shadow:0 5px 15px rgba(0,0,0,.2);border-radius:12px;color:#333;height:600px;margin:10px auto auto;position:relative;transition:background .3s,color .3s}h2{text-align:center;font-size:22px;color:#fff;margin-bottom:20px;position:relative}.calculator{display:flex;justify-content:space-between;flex-wrap:wrap;background:#fff;padding:15px;border-radius:12px;transition:background .3s,color .3s}.input-section,.result-section{flex:1;padding:15px;min-width:280px}.emi-display{font-size:24px;font-weight:700;color:#ff5722;margin:15px 0}.result-section{background:#e3f2fd;border-radius:12px;text-align:center;height:450px}.theme-toggle{position:absolute;top:20px;right:40px;cursor:pointer;font-size:26px;background:none;border:none;transition:color .3s ease-in-out,transform .2s;color:#333}.theme-toggle:hover{transform:scale(1.1);color:#ffcc00}.dark-mode .theme-toggle{color:#ffcc00}.dark-mode{background:#121212;color:#ffffff}.dark-mode h2{color:#ffcc00}.dark-mode .calculator{background:#1e1e1e;color:#ffffff}.dark-mode .result-section{background:#2b2b2b}.dark-mode .emi-display{color:#ffcc00}.MuiOutlinedInput-root{background:#ffffff;color:#000}.dark-mode .MuiOutlinedInput-root{background:#333;color:#fff}.dark-mode .MuiOutlinedInput-notchedOutline{border-color:#ffcc00!important}.dark-mode .MuiInputLabel-root,.dark-mode .MuiSlider-root{color:#ffcc00!important}.dark-mode .MuiSlider-thumb,.dark-mode .MuiSlider-track{background-color:#ffcc00!important}.dark-mode .MuiSlider-rail{background-color:#444!important}.dark-mode .MuiSlider-thumb:hover{background-color:#ffaa00!important}@media (max-width:768px){.calculator-container{padding:20px;height:auto}.calculator{flex-direction:column;gap:20px}.input-section,.result-section{width:100%;min-width:unset}.theme-toggle{right:20px}}@media (max-width:480px){h2{font-size:20px}.theme-toggle{font-size:24px;top:15px;right:15px}}