@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);*{box-sizing:border-box;font-family:Roboto;margin:0;padding:0;scroll-behavior:smooth}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}a{color:#000;text-decoration:none}.sticky{position:-webkit-sticky;position:sticky;top:0}.nav-container{background-color:#fff;box-shadow:2px 2px 10px 2px rgba(0,0,0,.2);flex:1 1;height:100px;padding:10px 64px;width:100%;z-index:100}.nav-container,.nav-container .mobile-nav-s{align-items:center;display:flex;justify-content:space-between}.nav-container .mobile-nav-s{flex:2 1}.nav-container .logo{align-items:center;cursor:pointer;display:flex;flex:1 1}.nav-container .logo .logo-symbol{color:#8a2be2;font-size:28px;margin-right:8px}.nav-container .logo .logo-name{color:#8a2be2;font-size:32px;font-weight:700}.nav-container .nav-items{align-items:center;display:flex;justify-content:center}.nav-container .nav-items a{font-weight:500;padding:8px 20px}.nav-container .nav-items a:hover{background-color:#e9e4e4;color:#8a2be2;cursor:pointer}.nav-container .nav-auth{align-items:center;display:flex;justify-content:flex-end}.nav-container .nav-auth p{cursor:pointer;padding:0 16px}.nav-container .nav-auth p:hover{box-shadow:2px 2px 10px 2px rgba(0,0,0,.2)}.nav-container .nav-auth .Login{border:2px solid #8a2be2;border-radius:16px;color:#8a2be2;font-weight:700;margin-right:10px;padding:10px 30px}.nav-container .nav-auth .Login a{color:#8c19f6;font-weight:700}.nav-container .nav-auth .Signup{background-color:#8a2be2;border:1px solid #8a2be2;border-radius:16px;color:#fff;font-weight:700;margin-left:10px;padding:10px 30px}.nav-container .nav-auth .Signup a{color:#fff}.nav-container .iconchange{display:none}@media only screen and (max-width:720px){.nav-container{flex-direction:column;height:70px;position:relative;width:100%}.nav-container .mobile-nav{flex-direction:column;left:-700px;position:relative;top:60px}.nav-container .mobile-nav-active{background-color:#f9f9f9;flex-direction:column;left:0;padding:32px;position:relative;top:60px;transition:left .5s ease-in-out;width:100%;z-index:100}.nav-container .logo{left:32px;position:absolute;top:20px}.nav-container .nav-items,.nav-container .nav-items p{flex-direction:column;margin:16px 0}.nav-container .nav-auth{margin:32px 0}.nav-container .iconchange{display:inline-block;position:absolute;right:32px;top:20px}}img{width:700px}.hero-section{align-items:center;display:flex;flex-direction:row;height:80vh;justify-content:space-between;padding:128px}.hero-section .container{flex:1 1}.hero-section .content{display:flex;flex-direction:column;padding:32px}.hero-section .content h1{color:#8a2be2;font-size:64px}.Rentit{background-color:#8a2be2;border:0;border-radius:10px;color:#fff;font-size:32px;font-weight:700;margin:20px auto;padding:16px 32px;width:200px}.Rentit:hover{background-color:#761fc7}@media only screen and (max-width:600px){.hero-section{flex-direction:column}img{width:100%}}.card-container{border-radius:11px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);margin:15px 10px;position:relative;width:350px}.card-container .popular{background-color:#8a2be2;border-bottom-right-radius:10px;border-top-right-radius:35px;color:#fff;font-weight:700;letter-spacing:1px;padding:15px 20px;position:absolute;top:20px}.card-container .popular:hover{padding:15px 30px;transition:left 1s ease-in-out}.card-container:hover{box-shadow:5px 10px 5px rgba(0,0,0,.3);-webkit-transform:scale(1.035);transform:scale(1.035);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.card-container .content-container{padding:12px}.image-container{width:inherit}.image-container img{border-radius:10px 10px 0 0;height:240px;width:inherit}.price-fav-container{align-items:center;display:flex;justify-content:space-between;padding:16px 32px}.price-fav-container p{color:#cabcbc}.price-fav-container .price{color:#8a2be2;font-size:24px;font-weight:800}.price-fav-container .fav-container{align-items:center;border:.5px solid #9a9797;border-radius:50%;display:flex;justify-content:center;padding:8px}.price-fav-container .fav-container .fav{color:#8a2be2;font-size:20px}.price-fav-container .fav-container .cfav{color:#ff7575;font-size:20px;transition:color 2s ease-in-out}.property-name-address{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:10px;padding:0 32px}.property-name-address .name{padding:5px 0;text-transform:capitalize}.property-name-address .name .propertyType{color:gray;font-size:12px}.property-name-address .address{color:#a0a0a0;font-size:13px;margin-bottom:10px;padding:5px 0}.bed-bath-area-container{font-size:13px;margin:10px 0;padding:16px}.bed-bath-area-container,.bed-bath-area-container .container{align-items:center;display:flex;justify-content:space-between}.bed-bath-area-container .container .area,.bed-bath-area-container .container .bath,.bed-bath-area-container .container .bed{color:#8a2be2;font-size:18px;margin-right:5px}.multiplication-symbol{font-size:10px}.property-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:0 auto;width:1380px}@media only screen and (max-width:720px){.property-container{flex-direction:column;width:100%}}.search-container{margin:0 auto;width:1380px}.search-container .searchinput{align-items:center;display:flex;justify-content:space-around;padding:64px 16px}.search-container .searchinput h1{font-size:52px}.search-container .searchinput input{border:0;border-radius:16px;box-shadow:5px 5px 5px rgba(0,0,0,.1);padding:16px 64px}.searchfilters-container{align-items:center;background-color:#fff;border-radius:16px;box-shadow:5px 5px 5px rgba(0,0,0,.1);display:flex;justify-content:space-around;margin-bottom:16px;padding:32px}.searchfilters-container .filter{align-items:flex-start;display:flex;flex-direction:column}.searchfilters-container .filter h5{color:#908d8d;font-size:15px}.searchfilters-container .filter p{margin-right:10px}.searchfilters-container .filter select{border:0;margin-top:10px;outline:none;padding:8px 16px 8px 0;width:150px}.searchfilters-container .filter select option{margin:10px auto}.searchfilters-container .filter .date{align-items:center;display:flex;justify-content:space-between;margin-top:10px;padding:10px 10px 10px 0}.datepicker-toggle{display:inline-block;height:19px;position:relative;width:18px}.datepicker-toggle-button{background-image:url(/static/media/calendar-minus-solid.f6c694981af9f716037d.svg)}.datepicker-input,.datepicker-toggle-button{height:100%;left:0;position:absolute;top:0;width:100%}.datepicker-input{box-sizing:border-box;cursor:pointer;opacity:0}.datepicker-input::-webkit-calendar-picker-indicator{cursor:pointer;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.filterBtn{background-color:#8a2be2;border:0;border-radius:10px;color:#fff;font-size:17px;padding:16px 32px}.filterBtn:hover{background-color:#9b30ff;box-shadow:2px 2px 2px rgba(199,143,255,.8)}.searchfilters-container .filter .date p{margin-right:64px}@media only screen and (max-width:720px){.search-container{width:100%}.search-container .searchinput{flex-direction:column}.search-container .searchinput h1{font-size:32px;margin-bottom:16px;text-transform:capitalize}.searchfilters-container{flex-direction:column}.searchfilters-container .filter{margin:10px auto}.filterBtn{margin-top:64px}}.login-container{align-items:center;background:#f490f1;background:linear-gradient(90deg,#f490f1,#a08dce);background:-webkit-linear-gradient(90deg,#f490f1,#a08dce);box-sizing:border-box;display:flex;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#F492F0",endColorstr="#A18DCE",GradientType=1);height:89vh;justify-content:center}.login-container .container{background-color:#f5f5f5;border-left:2px solid #8a2be2;border-radius:10px;border-top:2px solid #8a2be2;box-shadow:10px 15px 15px rgba(0,0,0,.3);padding:64px;width:400px}.login-container .container h2{color:#8a2be2;margin-bottom:32px;text-align:left}.input-container{display:flex;flex-direction:column}.input-container input{border:0;border-bottom:1px solid #8a2be2;margin:16px auto;padding:10px 16px;width:100%}.input-container input:focus{outline:none}.login-container .container p{color:#a7a7ac;margin:10px auto;padding:16px 10px;text-align:left}.login-container .container p a{margin-left:10px}.login-container .container button{background-color:#8a2be2;border:0;border-radius:10px;color:#fff;float:right;margin-top:16px;padding:10px 36px}.login-container .container button:hover{background-color:#fff;border:1px solid #8a2be2;color:#8a2be2;cursor:pointer}
/*# sourceMappingURL=main.8597e9b9.css.map*/