.card{display:flex;gap:20px;background:linear-gradient(145deg,#f3f3f3,#fff);box-shadow:0 4px 8px #0000001a,0 2px 4px #0000001a;border-radius:10px;padding:20px;transition:all .3s ease}@media (max-width: 738px){.card{gap:0px}}.card:hover{box-shadow:0 8px 16px #0003,0 4px 8px #0000001a;transform:translateY(-5px)}.card .imageContainer{flex:2;height:200px;overflow:hidden;border-radius:10px}@media (max-width: 738px){.card .imageContainer{display:none}}.card .imageContainer img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px;transition:transform .3s ease}.card .imageContainer img:hover{transform:scale(1.05)}.card .textContainer{flex:3;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.card .textContainer .title{font-size:20px;font-weight:600;color:#444;transition:all .3s ease}.card .textContainer .title:hover{color:#000;transform:scale(1.05)}.card .textContainer .address{font-size:14px;display:flex;align-items:center;gap:5px;color:#666}.card .textContainer .address img{width:16px;height:16px}.card .textContainer .price{font-size:20px;font-weight:300;padding:5px 10px;border-radius:5px;background-color:#29bbffb3;width:-moz-max-content;width:max-content;box-shadow:0 2px 4px #0000001a}@media (max-width: 738px){.card .textContainer .price{font-size:16px;font-weight:400;padding:4px 8px}}.card .textContainer .bottom{display:flex;justify-content:space-between;gap:10px}.card .textContainer .bottom .features{display:flex;gap:20px;font-size:14px}@media (min-width: 1024px){.card .textContainer .bottom .features{gap:10px}}.card .textContainer .bottom .features .feature{display:flex;align-items:center;gap:5px;background-color:#29bbffb3;border-radius:5px;padding:5px;box-shadow:0 2px 4px #0000001a}@media (max-width: 738px){.card .textContainer .bottom .features .feature{font-size:12px;font-weight:400}}.card .textContainer .bottom .features .feature img{width:16px;height:16px}.card .textContainer .bottom .icons{display:flex;gap:16px}@media (min-width: 1024px){.card .textContainer .bottom .icons{gap:16px}}.card .textContainer .bottom .icons .icon{border:1px solid hsl(199,100%,58%);padding:5px;cursor:pointer;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}@media (min-width: 1024px){.card .textContainer .bottom .icons .icon{padding:2px}}@media (max-width: 738px){.card .textContainer .bottom .icons .icon{padding:4px}}.card .textContainer .bottom .icons .icon:hover{background-color:#29bbff;color:#fff}.card .textContainer .bottom .icons .icon img{width:16px;height:16px}.card .textContainer .bottom .icons .deleteIcon{color:#ff3737;border:1px solid #29bbff}.card .textContainer .bottom .icons .deleteIcon:hover{background-color:#ff2929;color:#fff}.searchBar{height:auto}.searchBar .type{display:flex}.searchBar .type button{padding:16px 32px;border:1px solid #999;cursor:pointer;background:#fff;text-transform:capitalize}.searchBar .type button.active{background:#000;color:#fff}.searchBar .type button:first-child{border-top-left-radius:5px;border-right:none}.searchBar .type button:last-child{border-top-right-radius:5px;border-left:none}@media (max-width: 738px){.searchBar .type button{padding:5px 10px}}.searchBar form{display:flex;justify-content:space-between}@media (max-width: 738px){.searchBar form{flex-direction:column}}.searchBar form input{padding:0 10px;width:200px;height:64px;flex:auto}@media (min-width: 1024px){.searchBar form input{padding:0 10px}.searchBar form input:nth-child(2),.searchBar form input:nth-child(3){width:140px;border-left:1px solid #999}}@media (min-width: 739px) and (max-width: 1023px){.searchBar form input{width:200px}.searchBar form input:nth-child(2),.searchBar form input:nth-child(3){width:160px;border-left:1px solid #999}}@media (max-width: 738px){.searchBar form input{height:30px;width:100%;padding:10px;border-bottom:1px solid black}}.searchBar form a{display:flex;flex:1;justify-content:center;align-items:center;background-color:#2bbcff}.searchBar form a:hover{background:#4b8bd0}.searchBar form a button{border:none;cursor:pointer}@media (max-width: 738px){.searchBar form a button{padding:10px}}.searchBar form a button img{width:24px;height:24px}.list{display:flex;flex-direction:column;gap:50px}.no-posts-card{display:flex;align-items:center;justify-content:center;padding:20px;background-color:#f8f8f8;border:1px solid #ddd;border-radius:10px;text-align:center}.no-posts-card p{font-size:16px;color:#555}.profilePage{display:flex;height:100%;padding:40px;gap:20px}@media (min-width: 739px) and (max-width: 1023px){.profilePage{flex-direction:column;overflow-y:scroll}}@media (max-width: 738px){.profilePage{flex-direction:column;overflow-y:scroll;padding:20px 10px}}.profilePage .details{flex:3;margin-bottom:50px}@media (min-width: 1024px){.profilePage .details{overflow-y:scroll}}@media (min-width: 739px) and (max-width: 1023px){.profilePage .details{flex:none;height:-moz-max-content;height:max-content}}.profilePage .details .wrapper{display:flex;flex-direction:column;gap:50px;overflow:hidden}@media (min-width: 739px) and (max-width: 1023px){.profilePage .details .wrapper{flex:none;height:-moz-max-content;height:max-content;overflow:hidden}}.profilePage .details .wrapper .postsComponents{height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 300px);display:flex;flex-direction:column;gap:20px;overflow-y:scroll;padding:10px 0}.profilePage .details .wrapper .title{display:flex;justify-content:space-between;align-items:center}@media (max-width: 738px){.profilePage .details .wrapper .title{flex-direction:column;align-items:start;gap:20px}}.profilePage .details .wrapper .title h1{font-weight:400;font-size:2.5rem}@media (max-width: 738px){.profilePage .details .wrapper .title h1{font-weight:400;font-size:2rem}}.profilePage .details .wrapper .title button{padding:12px 24px;background-color:#2bbcff;cursor:pointer;gap:20px}.profilePage .details .wrapper .title button:hover{background-color:#4b8bd0;color:#fff}.profilePage .details .wrapper .info{display:flex;flex-direction:column;gap:20px}.profilePage .details .wrapper .info span{display:flex;align-items:center;gap:20px}.profilePage .details .wrapper .info button{width:100px;padding:10px 20px;background-color:teal;color:#fff;border:none;border-radius:5px;cursor:pointer}.profilePage .details .wrapper .info button:hover{background-color:#006161}.profilePage .details .wrapper .info img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profilePage .chatContainer{flex:2;background-color:#8cdbff}@media (min-width: 1024px){.profilePage .chatContainer{min-height:100%}}@media (min-width: 739px) and (max-width: 1023px){.profilePage .chatContainer{flex:none}}@media (max-width: 738px){.profilePage .chatContainer{flex:none;height:-moz-max-content;height:max-content}}.profilePage .chatContainer .wrapper{height:100%;padding:0 20px;flex-direction:column;display:flex;justify-content:space-between}@media (max-width: 738px){.profilePage .chatContainer .wrapper{padding:0}}.chat{display:flex;flex-direction:column;height:100%}@media (max-width: 738px){.chat{padding:0 4px}}.chat .messages{flex:1;display:flex;flex-direction:column;gap:20px;padding:20px 0}@media (min-width: 1024px){.chat .messages{height:400px;overflow-y:scroll}}@media (min-width: 739px) and (max-width: 1023px){.chat .messages{max-height:300px;overflow-y:scroll}}@media (max-width: 738px){.chat .messages{max-height:450px;overflow-y:scroll}}.chat .messages h1{font-size:24px;font-weight:600}.chat .messages .message{background-color:#fff;padding:20px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}.chat .messages .message img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat .messages .message span{font-weight:700}.chat .chatBox{display:flex;flex:1;flex-direction:column;justify-content:space-between;background-color:#fff;border:1px solid #2bbcff;max-height:500px}@media (min-width: 1024px){.chat .chatBox{justify-content:space-between}}@media (min-width: 739px) and (max-width: 1023px){.chat .chatBox{flex:none;height:-moz-max-content;height:max-content}}@media (max-width: 738px){.chat .chatBox{flex:none;height:-moz-max-content;height:max-content}}.chat .chatBox .top{background-color:#2bbcff;padding:20px;display:flex;font-weight:700;align-items:center;justify-content:space-between}.chat .chatBox .top .user{display:flex;align-items:center;gap:20px}.chat .chatBox .top .user img{width:30px;height:30px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat .chatBox .top .close{cursor:pointer}.chat .chatBox .center{overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px;height:100%}@media (min-width: 1024px){.chat .chatBox .center{height:450px}}@media (min-width: 739px) and (max-width: 1023px){.chat .chatBox .center{height:350px}}@media (max-width: 738px){.chat .chatBox .center{height:350px}}.chat .chatBox .center .chatMessage{border-radius:10px;padding:4px 12px;display:flex;flex-direction:column;gap:5px}.chat .chatBox .center .chatMessage.own{align-self:flex-end;background-color:#ffc68d;text-align:right;border-radius:10px;padding:3px}.chat .chatBox .center .chatMessage span{font-size:10px;background:#fff0e085;border-radius:5px;padding:2px;width:-moz-fit-content;width:fit-content;align-self:end}.chat .chatBox .bottom{border-top:2px solid #2bbcff;height:60px;display:flex;align-items:center;justify-content:space-between}.chat .chatBox .bottom textarea{flex:3;height:100%;border:none;padding:20px}.chat .chatBox .bottom button{flex:1;height:100%;background-color:#2bbcff;border:none;cursor:pointer;font-weight:700}.register{height:100%;display:flex}.register .formContainer{flex:3;height:100%;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:30px 20px}.register .formContainer form{display:flex;flex-direction:column;gap:20px;background:#fff;padding:20px}@media (min-width: 1024px){.register .formContainer form{padding:60px}}@media (min-width: 739px) and (max-width: 1023px){.register .formContainer form{padding:40px}}@media (max-width: 738px){.register .formContainer form{padding:20px;width:100%}}.register .formContainer form input{padding:20px;border:1px solid gray;border-radius:5px}.register .formContainer form button{padding:20px;border-radius:5px;border:none;background-color:teal;color:#fff;font-weight:700;cursor:pointer}.register .formContainer form button:disabled{background-color:#bed9d8;cursor:not-allowed}.register .formContainer form .error{color:red;font-size:18px}.register .formContainer form .loading{color:#000;font-size:18px}.register .formContainer form span{color:#ff000097}.register .formContainer form a{font-size:14px;color:gray;border-bottom:1px solid gray;width:-moz-max-content;width:max-content}.register .imgContainer{flex:2;background-color:#fcf5f3;display:flex;align-items:center;justify-content:center}.register .imgContainer img{width:100%}.login{height:100%;display:flex}.login .formContainer{flex:3;height:100%;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:20px}.login .formContainer form{display:flex;flex-direction:column;gap:20px;background:#fff;padding:20px}@media (min-width: 1024px){.login .formContainer form{padding:60px}}@media (min-width: 739px) and (max-width: 1023px){.login .formContainer form{padding:40px}}@media (max-width: 738px){.login .formContainer form{padding:20px;width:100%}}.login .formContainer form input{padding:20px;border:1px solid gray;border-radius:5px;width:100%}.login .formContainer form button{padding:20px;border-radius:5px;border:none;background-color:teal;color:#fff;font-weight:700;cursor:pointer}.login .formContainer form button:disabled{background-color:#bed9d8;cursor:not-allowed}.login .formContainer form .error{color:red;font-size:18px}.login .formContainer form .loading{color:#000;font-size:18px}.login .formContainer form span{color:#ff000097}.login .formContainer form a{font-size:14px;color:gray;border-bottom:1px solid gray;width:-moz-max-content;width:max-content}.login .imgContainer{flex:2;background-color:#fcf5f3;display:flex;align-items:center;justify-content:center}.login .imgContainer img{width:100%}