@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#edf9ff;font-family:Roboto,sans-serif;margin:0}:root{--clr-white:#fff;--clr-black:#202020;--clr-grey:#707070;--clr-blue:#6c63ff;--clr-blue-2:#4c46b6;--clr-green:#4fb646}nav{background-color:#edf9ff;display:grid;grid-template-columns:repeat(3,1fr);width:auto}.nav__brand,nav{align-items:center}.nav__brand{display:flex;justify-content:center;margin-top:10px;padding:0}.nav__brand img{height:auto;max-width:400px}.nav__links{align-items:center;display:flex;justify-content:center;list-style:none}.nav__links li{font-size:20px;margin:0 30px}.nav__links li a{color:#000;text-decoration:none}.nav__links li a:hover{color:blue}.nav__connect{background-color:#8a2be2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Open Sans;font-size:1.1em;font-weight:600;height:50px;margin:0 auto;transition:all .25s ease;width:175px}.nav__connect:hover{background-color:blue}.bg-container,.container{justify-content:center}.bg-container{align-items:center;background-image:url(/static/media/hero1.a800586466747c68a2c0.avif);background-repeat:no-repeat;background-size:cover;box-shadow:5px;display:flex;flex-direction:column;height:720px;margin:0;width:100%;z-index:0}.bg-container h2{color:#5068a9;font-size:60px;font-weight:1000;margin-top:-500px}.search-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:50px}.search-field{margin:10px 10px -300px 50px}.search-button{background-color:#8a2be2}.refresh-button,.search-button{border:none;border-radius:4px;color:#fff;font-size:16px;margin-bottom:-500px;margin-right:10px;padding:10px 20px}.refresh-button{background-color:#007bff}label{color:#0e0247;display:block;font-size:18px;font-weight:700}select{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px;width:100%}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;padding:10px;width:30%}#city option{color:#5068a9}.footer{background-color:#f0f0f0;margin-top:auto;padding:20px 20px 40px;text-align:center}.footer__content{margin:0 auto;max-width:960px}.footer__links{list-style:none;margin-top:10px;padding:0}.footer__links li{display:inline-block;margin-right:10px}.footer__links li a{color:#333;text-decoration:none}.cards__section{margin:0 auto;max-width:1200px;padding:0 20px}.cards__section h3{margin:50px 0 20px}.cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));margin-top:20px}.card{border:1px solid var(--clr-black);cursor:pointer;height:275px;margin:10px auto;position:relative;transition:all .25s ease;width:350px}.card:hover{box-shadow:1px 1px 5px var(--clr-grey)}.card__image{position:absolute;width:100%;z-index:-1}.card__image img{max-width:100%}.card__info{background-color:var(--clr-white);bottom:0;box-sizing:border-box;height:45%;left:0;margin:0;padding:0;position:absolute;width:100%}.card__info h4{font-family:Open Sans;font-size:1.25em;font-weight:600}.card__info p{font-family:Open Sans;font-size:.9em;margin-top:5px}.container{width:100%}.wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start}.side{margin:10px;width:25%}.main{margin:10px;width:65%}.main img{max-width:100%}.side_details{display:flex;justify-content:space-between}.side_details h5{margin-bottom:0;margin-top:0}.details{display:flex;justify-content:space-between}.investment__details{max-width:40%}.details div img{height:50%;margin-top:10px;width:10%}.details div{display:flex;justify-content:end}.price{display:flex;justify-content:flex-start}.price img{height:50%;margin-top:10px;width:10%}.invest{display:flex;flex-direction:row;flex-wrap:wrap}.invest__form{margin-left:20px;max-width:40%}.invest__form form p{color:red}.invest__form form{display:flex;flex-direction:column}.invest__form form input{width:30%}.invest__form form label{color:#000;margin-bottom:10px}.invest__form form button{margin-top:10px}.invest__form h2{margin-top:0}.total{width:100%}.error h2{color:red}.error{max-width:40%}.approve,.error{margin-left:20px}.approve{max-width:45%}.approve button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.approve h2{min-width:100%;width:100%}.warning-container{align-items:center;background-color:#ffeeba;border:1px solid #ffc107;border-radius:4px;display:flex;padding:10px}.warning-icon{align-items:center;background-color:#ffc107;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:25px;justify-content:center;width:50px}.warning-message{color:#856404;font-size:16px;font-weight:700;margin-left:10px}.ListProperty{background-color:#edf9ff;margin:0 auto 100px;max-width:80%;padding:20px}.ListProperty h2{text-align:center}.ListProperty form{grid-gap:10px;display:grid;gap:10px}.ListProperty label{color:#333;font-weight:700;margin-bottom:5px;margin-top:10px}.ListProperty input,.form_left textarea{border:1px solid #ccc;border-radius:5px;padding:8px;width:100%}.form_right input,.form_right textarea{border:1px solid #ccc;border-radius:5px;padding:8px;width:50%}.ListProperty input[type=file]{padding-top:15px}.ListProperty textarea{height:100px}.ListProperty button[type=submit]{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.ListProperty button[type=submit]:hover{background-color:#0056b3}.form_container{display:flex;flex-direction:row;justify-content:space-evenly}.form_left{margin-right:20px;width:100%}.form_right{width:80%}.loading-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.a7238e93.css.map*/