@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap);*,:after,:before{box-sizing:border-box;margin:0}:root{--primary-color:#8600f4;--secondary-color:#eae0fa;--border-color:#dbdbdb;--background-color:#f8f5fd}body{font-family:Ubuntu,sans-serif;font-size:100%}.App{align-items:center;background-color:#f8f5fd;background-color:var(--background-color);display:flex;flex-direction:column}.App,.container{min-height:100vh}.container{width:80%}.btn{border-radius:5px;cursor:pointer;font-weight:600;outline:none;padding:.5rem 1rem;transition:all .3s ease-in-out;transition-property:color,background-color,border}.btn-primary{background-color:#8600f4;background-color:var(--primary-color);border:2px solid #8600f4;border:2px solid var(--primary-color);color:#fff}.btn-primary:hover,.btn-secondary{background-color:inherit;border:2px solid #dbdbdb;border:2px solid var(--border-color);color:#8600f4;color:var(--primary-color)}.btn-secondary:hover{background-color:#8600f4;background-color:var(--primary-color);border:2px solid #8600f4;border:2px solid var(--primary-color);color:#fff}.property-card{border-radius:5px;box-shadow:0 2px 10px 1px var(--secondary-color);cursor:pointer;min-width:250px;overflow:hidden}.card-img{height:180px;min-width:100%}.card-img img{display:block;height:100%;object-fit:cover;width:100%}.card-details{background-color:#fff;display:flex;flex-direction:column;gap:1rem;padding:1.5rem .75rem .75rem 1rem}.details-upper{align-items:center;display:flex}.details-upper p{color:grey;font-size:.75rem;opacity:.7}.details-upper p span{color:var(--primary-color);font-size:1.5rem;opacity:1}.details-upper button{align-items:center;background-color:inherit;border:1px solid var(--secondary-color);border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;font-size:1rem;height:2rem;justify-content:center;margin-left:auto;width:2rem}.details-mid p:first-child{font-size:1.5rem;margin-bottom:.5rem}.details-mid p:nth-child(2){color:grey;font-size:.75rem}.details-bottom{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem .25rem}.details-bottom p{color:grey;font-size:.75rem}.details-bottom span{color:var(--primary-color)}header{align-items:center;background-color:#faf9fe;display:flex;min-height:5rem;padding:0 2rem;width:100%}header .header-left{display:flex;flex-grow:1}.header-left .header-icon{align-items:center;color:var(--primary-color);display:flex;font-size:2rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem 1rem}.header-icon span{color:#35035e;font-size:1.2rem}.header-left ul{align-items:center;display:flex;gap:2rem;list-style:none}ul .header-link{align-items:center;border-radius:5px;color:#000;display:flex;justify-content:center;padding:.5rem;text-decoration:none;transition:all .3s ease-in-out;transition-property:color,background-color}ul li>span:focus,ul li>span:hover{background-color:var(--secondary-color);color:var(--primary-color)}ul .header-link span{margin:0 5px}.header-right button:first-child,.header-right button:last-child{margin-right:1rem}
/* ! Filter container style */.filter-container{align-items:center;background-color:#fff;border-radius:5px;display:flex;justify-content:space-between;padding:1rem 0}.filter-container>div{display:flex;width:100%}.filter-container button{margin:0 2rem}

/*! Dropdown componnet style */.dropdown-container{border-right:1px solid var(--border-color);padding:0 2rem;width:100%}.dropdown-container .dropdown-title{color:grey;font-size:.75rem;opacity:.7}.dropdown-container .dropdown{border:1px solid transparent;cursor:pointer;display:flex;margin:.5rem 0;position:relative}.dropdown>span{align-items:center;background-color:var(--background-color);border-radius:50%;display:flex;font-size:1.25rem;justify-content:center;margin-left:auto}.dropdown .dropdown-label{color:var(--primary-color)}.dropdown>.dropdown-options{background-color:var(--background-color);box-shadow:0 2px 5px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;left:0;opacity:0;padding:1rem .5rem;pointer-events:none;position:absolute;right:0;top:calc(100% + 10px);-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:all .3s ease-in-out;transition-property:opacity transform}.dropdown-options.dropdown-active{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.dropdown-options p{color:grey;padding:.5rem 0;transition:color .2s ease-in-out}.dropdown-options p:hover{color:var(--primary-color)}.container-fav{display:flex;flex-direction:column;gap:2rem;margin-top:3rem}.container-fav p{color:grey}.container-home{display:flex;flex-direction:column;gap:2rem;margin-top:3rem}.home-title{display:flex}.home-title form{align-items:center;background-color:#fff;border:2px solid var(--border-color);border-radius:5px;display:flex;justify-content:center;margin-left:auto;padding:0 .5rem}.home-title form input{background-color:inherit;border:none;outline:none;padding:.5rem}.home-title form input::-webkit-input-placeholder{color:#510291;font-weight:600;opacity:.5}.home-title form input::placeholder{color:#510291;font-weight:600;opacity:.5}.home-title form span{align-items:center;color:grey;display:flex;font-size:1.25rem;font-weight:900;justify-content:center}.home-status{color:grey}.properties-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:4rem}.container-not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:3rem}.container-not-found img{width:50%}.container-not-found h1{color:grey;margin:3rem 0}
/*# sourceMappingURL=main.c247877d.css.map*/