Người trẻ chọn “vẫn ở gần nhưng được sống xanh” tại khu Tây TP.HCM

.nhaDatSpecialVip .hover-suggestions {padding-right: 0;} .nhaDatSpecialVip .box-title-content {display: inline-flex; width: 100%;margin-left: 0;} .nhaDatSpecialVip .box-title-content li.active{width: 70%;padding-left: 0px;} .nhaDatSpecialVip .box-title-content li.text-creat{width: 30%;text-align: right;padding-right: 0px;font-weight: bold;color: #005ba0;} .row-cust { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap;} .row-cust>*{flex-shrink: 0; width: 100%; max-width: 100%;} .col{flex: 1 0 0%;} .col-12-cust{flex: 0 0 auto; width: 100%;} .col-md-3-cust{flex: 0 0 auto; width: 23.7%;} .w-49{width:49%;} .mb-2-cust{margin-bottom:.2rem!important;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} .d-inline-cust{display: inline-block;} .nhaDatSpecialVip{padding: 0px 15px; background: #f2f2f2; border-radius: 10px;} .nhaDatSpecialVip .box-title{margin-top:10px;padding-top: 5px;} .nhaDatSpecialVip .box-content{padding-top: 18px;padding-bottom:0px;} .itemRow{margin-right:13px;margin-bottom:14px;} .itemRow:nth-child(4n){margin-right:0px;} .itemReals{border-radius:8px;box-shadow: rgba(0, 0, 0, .1) 0 2px 3px 0; border: 1px solid #f2f2f2; line-height:20px; position: relative;background: #fff;height: 304px;} .itemReals .item-content{padding:10px;font-size: 13px;} .itemReals .img{width:100%; background-color:#f5f5f5; height: 170px; overflow: hidden; display: block; position: relative;} .itemReals .img img{width:100%;object-fit: cover; height: 170px; border-radius: 8px 8px 0px 0px;} .itemReals .img .icon-video-full{ width: 50px; height: 50px; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: url('https://nhadat.cafeland.vn/light_theme/css/images/icon-video-larg.svg') no-repeat; background-size: cover; display: inline-block; } .itemReals .reals-typevip {background: url('https://nhadat.cafeland.vn/light_theme/css/images/frame-red.svg') no-repeat; background-position: right; border-top-left-radius: 5px; border-bottom-left-radius: 5px; width: 35px; height: 23px; position: absolute; z-index: 1; right: -5px; color: #fff; font-size: 14px; text-align: left; padding: 3px 0 3px 17px; font-style: normal; font-weight: 700; margin-top: 7px; top:0; } .itemReals .reals-uytin {background: url('https://nhadat.cafeland.vn/light_theme/css/images/frame-yellow.svg') no-repeat; height: 24px; width: 75px; position: absolute; z-index: 1; left: -10px; height: 35px; color: #fff; font-size: 14px; text-align: left; padding: 6px 0 0 27px; font-style: normal; font-weight: 700; margin-top: 3px;} .itemReals .title{color:#005ba0; font-weight: 600; font-size: 14px;} .itemReals .price{color: #e03c31; margin-right:7px; font-weight: bold;} .itemReals .location span{margin-right:3px;} .itemReals .contactTel{text-align: right;} .itemReals .contactTel div{background-color: #005ba0;color:#FFF; padding:3px 5px 3px 5px; border-radius: 5px;} .itemReals .contactTel div:hover{cursor: pointer;color: #fff} .itemReals .poptool-icon{position: absolute; z-index: 2; right: 0; padding: 5px; right: 5px; bottom:0px;} .itemReals .poptool-icon .icon-img {width: 22px;height: 22px;background: url('https://nhadat.cafeland.vn/light_theme/css/images/icon-image.svg') no-repeat;display: inline-block;} .itemReals .poptool-icon .infor-text {color: #fff; font-weight: 700; font-size: normal; float: right; padding: 2px 2px 2px 5px;} .itemRow.vip{background-color:#ffedcc;} .itemRow.vip .itemReals{border:1px solid #ffa400;} #propertySlide{display: flex;} #propertySlide .owl-stage-outer{display: inline-block;} #propertySlide .owl-stage-outer .owl-item .col-md-3-cust.item{display: inline;} #propertySlide .box-image-ads{height: 304px;object-fit: cover;border-radius: 8px;} #propertySlide .owl-nav .owl-prev, #propertySlide .owl-nav .owl-next { color: #c3c3c3; border: 1px solid #c3c3c3; border-radius: 50%; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 25px; line-height: 1; transition: background 0.3s; position: absolute; top: 44%; transform: translateY(-50%); background: #fff; font-weight: bold; } #propertySlide .owl-nav .owl-prev span, #propertySlide .owl-nav .owl-next span { margin-top: -6px; } #propertySlide .owl-nav .owl-prev:hover, #propertySlide .owl-nav .owl-next:hover { } #propertySlide .owl-nav .owl-prev { left: -10px; } #propertySlide .owl-nav .owl-next { right: -10px; } .nhaDatSpecialVip .box-contact-oa{ text-align: right; padding-bottom: 15px; margin-top: -5px; } .nhaDatSpecialVip .box-contact-oa .icon-zalo-oa{ background: #fff; border-radius: 8px; box-shadow: rgba(0, 0, 0, .1) 0 2px 3px 0; border: 1px solid #f2f2f2; padding: 8px 10px; } .mb-title-cust{ display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; } @media (max-width: 820px){ .nhaDatSpecialVip .col-md-3-cust{width:32%;} .nhaDatSpecialVip .itemRow:nth-child(4n){margin-right:14px;} .nhaDatSpecialVip .itemRow:nth-child(3n){margin-right:0px;} #propertySlide .box-image-ads{height:304px;} } @media (max-width: 710px){ .nhaDatSpecialVip .col-md-3-cust{width:31%;} .nhaDatSpecialVip .w-49{width:49%;} } @media (max-width: 600px){ .nhaDatSpecialVip .col-md-3-cust{width:48.5%;} .nhaDatSpecialVip .w-49{width:49%;} .nhaDatSpecialVip .itemRow:nth-child(4n){margin-right:14px;} .nhaDatSpecialVip .itemRow:nth-child(3n){margin-right:14px;} .nhaDatSpecialVip .itemRow:nth-child(2n){margin-right:0px;} } @media (max-width: 485px){ .nhaDatSpecialVip .col-md-3-cust{width:48%;} } @media (max-width: 476px){ .nhaDatSpecialVip .w-49{width:49%;} } @media (max-width: 410px){ .nhaDatSpecialVip .col-md-3-cust{width:100%;} .nhaDatSpecialVip .w-49{width:49%;} .itemReals .img{height: 170px;} .itemReals .contactTel div{max-width: fit-content; margin-right: 0px; margin-left: auto;} }