.agent-tabs {
display: flex;
flex-direction: column;
}
.agent-tab-titles {
display: flex;
gap: 5px;
}
.agent-tab-title {
padding: 10px;
margin: 2px;
cursor: pointer;
font-size: 16px;
font-weight: 300;
line-height: 22.4px;
color: #5C5E61;    
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 0 8px;
border: none;
padding-bottom: 7px;
border-bottom: 2px solid transparent;
}
.tab button.active {
background-color: #ccc;
}
.agent-tab-title:hover {
color: var(--theme-primary-color);
border-color: var(--theme-primary-color);
}
.agent-tab-title.active {
color: var(--theme-primary-color);
border-color: var(--theme-primary-color);
font-weight: 700;
}
.agent-tab-content .agent-tab {
display: none;
}
.agent-tab-content .agent-tab.active {
display: block;
}
.agent-tab-content .agent-tab.active .properties p {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;
}
.agent-inner.sidebar-left{
order: 1;
}
.agency-wrapper {
position: relative;
}
.user-name {
font-size: 24px;
font-weight: bold;
margin-bottom: 5px;
}
.user-description {
font-size: 18px;
}
.cover-photo {
height: 100%;
overflow: hidden;
}
.cover-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.agent-contact-information {
margin-top: 5%
}
.agency-view-grid-list.active{
color: black;
}
.card {
display: flex;
width: 100%;
margin-bottom: 20px;
}
.thumbnail {
flex: 0 0 150px;
}
.thumbnail img {
width: 100%;
height: auto;
}
.agency-avatar img {
width: 100%;
height: 50%;
object-fit: cover;
object-position: center;
}
.single-agent-all-listing .button-wrap {
border-top: 1px solid #EFEFEF;
padding-top: 30px;
margin-top: 30px;
}
.single-agent-all-listing .button {
padding: 18px 32px;
display: inline-block;
background: var(--theme-primary-color);
border-radius: 4px;
color: #fff;
font-size: 16px;
}
.single-agent-all-listing .button i {
margin-left: 8px;
vertical-align: middle;
}
.single-agent-all-listing .button:hover {
background: #161E2D;
color: #fff;
}
.single-agent-element .agent-author {
border-radius: 12px;
background: #FFF;
box-shadow: 0px 8px 20px 0px #0000000D;
padding: 20px 20px 20px 20px;
margin-bottom: 49px;
}
.single-agent-element .agent-description p {
font-size: 18px;
font-weight: 400;
line-height: 28px;
color: #5C6368;
}
.single-agent-element .agent-author .agent-avatar img {
border-radius: 16px;
object-fit: cover;
height: 467px;
object-position: top;
}
.single-agent-element .agent-author .agent-avatar {
margin-right: 30px;
width: 43.7%;
position: relative;
}
.single-agent-element .agent-author .agent-title {
font-size: 22px;
margin-bottom: 5px;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;
margin: 0;
}
.single-agent-element .agent-author .agent-content-item {
display: flex;
align-items: center;
}
.single-agent-element .agent-author .agent-content-item svg {
width: 14px;
height: 14px;
}
.single-agent-element .agent-author .agent-content-item svg * {
fill: #555;
}
.single-agent-element .agent-author .agent-content-company {
margin-bottom: 18px;
}
.single-agent-element .agent-author .agent-company {
color: #5C6368;
font-size: 16px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
}
.single-agent-element .agent-author .agent-company b {
color: #2b2b2b;
}
.single-agent-element .agent-author .agent-content-phone,
.single-agent-element .agent-author .agent-content-email {
margin-bottom: 5.5px;
}
.single-agent-element .agent-author .agent-content-phone a {
color: var(--theme-primary-color);
}
.single-agent-element .agent-author .agent-content-phone i,
.single-agent-element .agent-author .agent-content-email i,
.single-agent-element .agent-author .agent-content-address i {
color: #8E8E93;
margin-right: 7px;
font-size: 16px;
width: 16px;
height: 16px;
}
.single-agent-element .agent-author .agent-content-email i {
font-size: 13px;
}
.single-agent-element .agent-author .agent-social {
display: flex;
align-items: center;
justify-content: center;
padding: 14px 0;
border-radius: 16px;
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
right: 0;
background: #000000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 5;
width: max-content;
}
.single-agent-element .agent-author .agent-social a {
padding: 0 15px;
border: unset;
border-right: 1px solid #ffffff29;
color: #fff;
line-height: 5px;
}
.single-agent-element .agent-author .agent-social a:hover {
color: var(--theme-primary-color);
}
.single-agent-element .agent-author .agent-social .item:last-child a {
border: unset !important;
}
.single-agent-element .agent-author {
display: flex;
}
.single-agent-element .agent-author .agent-content {
width: 50%;
}
.single-agent-element .agent-author .agent-content-title h5 {
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin-bottom: -2px;
}
.single-agent-element .agent-author .agent-content-company {
font-size: 14px;
font-weight: 400;
line-height: 21px;
color: #8E8E93;
}
.single-agent-element .agent-author .agent-description {
margin-top: 30px;
padding-top: 31px;
border-top: 1px solid #EFEFEF;
}
.single-agent-element .agent-author .agent-description h6 {
font-size: 18px;
font-weight: 600;
line-height: 22.5px;
margin-bottom: 11px;
}
.single-agent-element .agent-author .agent-description p {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;
}
.single-agent-element .tfre-property-info .inner {
position: relative;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.single-agent-element .tfre-property-info .inner.hide-content {
height: 88px;
overflow: hidden;
}
.single-agent-element .tfre-property-info .inner.show-content {
height: auto;
}
.single-agent-element .tfre-property-info .inner::after {
content: '';
width: 100%;
height: 50%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(55, 100, 235, 0) 0%, #fff 100%);
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.single-agent-element .tfre-property-info .inner.hide::after {
display: none;
}
.single-agent-element .tfre-property-info .inner.show-content::after {
opacity: 0;
visibility: hidden;
}
.single-agent-element .tfre-property-info .inner.hide-content::after {
opacity: 1;
visibility: visible;
}
.single-agent-element .tfre-property-info {
margin-top: 11px;
}
.single-agent-element .tfre-property-info .button-show-hide {
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
color: var(--theme-primary-color);
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
margin-top: 9px;
display: block;
cursor: pointer;
}
.single-agent-element .tfre-property-info .button-show-hide:hover {
color: var(--theme-primary-color);
}
.single-agent-element .tfre-property-info .button-show-hide::after {
content: '\e921';
font-family: 'proty';
margin-left: 5px;
vertical-align: middle;
display: inline-block;
transform: rotate(90deg);
font-size: 20px;
}
.single-agent-element .tfre-property-info .button-show-hide.show::after {
transform: rotate(270deg);
}
.more-listing-description {
font-weight: 600 !important;
color: #000 !important;
cursor: pointer;
font-size: 16px !important;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.more-listing-description:hover {
color: var(--theme-primary-color) !important;
}
.list-item-agent {
margin-top: 30px;
}
.list-item-agent .agent-inner {
display: flex;
flex-wrap: wrap;
margin-left: -40px;
}
.list-item-agent .agent-inner .agent-wrapper.column3 {
width: calc(25% - 40px);
margin-left: 40px;
}
.list-item-agent .agent-inner .agent-wrapper.column4 {
width: calc(33.33333% - 40px);
margin-left: 40px;
}
.list-item-agent .infor-agent {
display: flex;
border-radius: 12px;
background: #FFF;
box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.08);
padding: 20px;
margin-bottom: 30px;
}
.list-item-agent .infor-agent .agent-avatar img {
border-radius: 10px;
}
.list-item-agent .infor-agent .agent-avatar {
margin-right: 30px;
position: relative;
}
.list-item-agent .agent-title {
font-size: 20px;
font-weight: 600;
line-height: 30px;
margin-bottom: 2px;
}
.list-item-agent .agent-position {
font-size: 12px;
font-weight: 400;
line-height: 18px;
color: #5C5E61;
}
.list-item-agent .agent-wrap-info {
margin-bottom: 17px;
}
.list-item-agent .agent-phone,
.list-item-agent .agent-email {
font-size: 16px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
color: #2b2b2b;
}
.list-item-agent .group-connect-agent {
display: flex;
align-items: center;
gap: 8px;
position: absolute;
right: 0px;
top: 5px;
}
.list-item-agent .group-connect-agent a {
width: 38px;
height: 38px;
border: 1px solid #ECECEC;
border-radius: 50%;
color: #5C5E61;
display: flex;
align-items: center;
justify-content: center;
}
.list-item-agent .group-connect-agent a:hover {
background: var(--theme-primary-color);
color: #fff;
border-color: var(--theme-primary-color);
}
.list-item-agent .agent-wrapper.grid .inner {
margin-bottom: 39px;
}
.list-item-agent .agent-wrapper.grid .agent-image {
overflow: hidden;
position: relative;
border-radius: 16px;
}
.list-item-agent .agent-wrapper.grid .agent-image img {
border-radius: unset;
object-fit: cover;
width: 100%;
height: 390px;
object-position: top;
}
.list-item-agent .agent-wrapper .agent-content {
position: relative;
padding-right: 83px;
}
.list-item-agent .agent-wrapper .agent-content.position {
font-size: 16px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
color: #555555;
}
.list-item-agent .paging-navigation {
justify-content: center;
}
.list-item-agent .agent-wrapper .agent-image img {
-webkit-transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
}
.list-item-agent .agent-wrapper:hover .agent-image img {
-webkit-transform: scale3d(1.07, 1.07, 1.07);
transform: scale3d(1.07, 1.07, 1.07);
}
.list-item-agent .agent-wrapper .agent-image::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.12);
bottom: 100%;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
}
.list-item-agent .agent-wrapper:hover .agent-image::after {
bottom: 0;
opacity: 1;
visibility: visible;
}
.agent-wrapper .agent-image .agent-social,
.infor-agent.list .agent-avatar .agent-social {
display: flex;
align-items: center;
justify-content: center;
padding: 17px 0;
border-radius: 16px;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
right: 0;
background: #000000;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 5;
width: max-content;
}
.agent-wrapper:hover .agent-image .agent-social,
.infor-agent.list:hover .agent-avatar .agent-social {
opacity: 1;
visibility: visible;
bottom: 32px;
}
.tfre-agency-single-wrap .header-agent-list {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
margin-bottom: 8px;
}
.tfre-agency-single-wrap .header-agent-list .title-agent {
margin: 0;
font-size: 40px;
font-weight: 600;
line-height: 50px;
}
.tfre-agency-single-wrap .tfre-controll-agencies .group-agency-order .nice-select {
border: none;
}
.cards-container.list-item-agent .paging-navigation {
text-align: center;
}
.agent-wrapper .agent-social a,
.infor-agent.list .agent-avatar .agent-social a {
padding: 0 15px;
border: unset;
border-right: 1px solid #ffffff29;
color: #fff;
line-height: 5px;
}
.agent-wrapper .agent-social a:last-child,
.infor-agent.list .agent-avatar .agent-social a:last-child {
border: unset !important;
}
.agent-wrapper .agent-social a:hover,
.infor-agent.list .agent-avatar .agent-social a:hover {
color: var(--theme-primary-color) !important;
}
.infor-agent.list .agent-content {
margin-bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.single-agent-property.agent-tabs {
margin-bottom: 26px;
}
.single-agent-property.agent-tabs .inner {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
flex-wrap: wrap;
gap: 10px;
}
.single-agent-property.agent-tabs h3 {
font-size: 34px;
font-weight: 600;
line-height: 1.25em;
margin: 0;
}
@media only screen and (max-width: 991px) {
.infor-agent.list {
display: block;
}
.infor-agent.list .agent-avatar {
margin-right: 0px;
margin-left: 0;
margin-bottom: 20px;
}
.single-agent-element .agent-author .agent-avatar img,
.infor-agent.list .agent-avatar img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.list-item-agent .infor-agent .agent-avatar img {
height: 100%;
object-fit: cover;
}
.single-agent-element .agent-author { 
display: block;
}
.single-agent-element .agent-author .agent-avatar {
margin-right: 0px;
}
.single-agent-element .agent-author .agent-content { 
padding-bottom: 0;
}
.single-agent-all-listing  {
margin-bottom: 80px;
}
.single-agent-element .agent-author .agent-avatar,
.single-agent-element .agent-author .agent-content {
width: 100%;
}
.single-agent-element .agent-author .agent-avatar {
margin-bottom: 30px;
}
.single-agent-property.agent-tabs h3 {
font-size: 25px;
}
}.filter-bar {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
gap: 12px;
width: max-content;
}
.filter-bar.center {
margin-right: auto;
margin-left: auto;
}
.filter-bar.flex-start {
margin-right: auto;
}
.filter-bar.flex-end {
margin-left: auto;
}
.filter-bar .filter-properties {
position: relative;
display: flex;
padding: 8px 10px;
align-items: flex-start;
gap: 16px;
border-radius: 12px;
border: 1px solid #ECECEC;
background: transparent;
cursor: pointer;
text-decoration: none;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;
min-width: 124px;
text-align: center;
justify-content: center;
}
.filter-bar .filter-properties .properties-counter {
display: none;
flex-direction: column;
align-items: center;
position: absolute;
left: 0px;
top: -74px;
width: 100%;
height: 100%;
}
.filter-bar .filter-properties .properties-counter .content {
position: absolute;
bottom: -26px;
display: flex;
margin: 0 auto;
padding: 12px;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
border-radius: 6px;
background: var(--system-background-light-primary, #FFF);
box-shadow: 0px 4px 26px 0px rgba(66, 71, 76, 0.12);
color: var(--text-body-text, #3A3A3C) !important; font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 150%;
}
.filter-bar .filter-properties .properties-counter i {
position: absolute;
bottom: -37px;
flex-shrink: 0;
font-size: 20px;
color: #fff;
}
.filter-bar a.filter-properties:hover,
.filter-bar a.filter-properties.active {
background: var(--theme-primary-color);
border-color: var(--theme-primary-color);
color: #fff;
}
.filter-bar a.filter-properties.active {
font-weight: 700;
}
.tf-properties-wrap .filter-bar {
margin-bottom: 32px;
} .tf-properties-wrap.disable-border-radius-card *,
.tf-properties-wrap.disable-border-radius-card .wrap-properties-post .item .properties-post .view-gallery::before,
.tf-properties-wrap.disable-border-radius-card .hv-tool::before,
.tf-properties-wrap.disable-border-radius-card .wrap-properties-post .item .properties-post .view-gallery::after {
border-radius: 0 !important;
} .tf-properties-wrap .wrap-properties-post .content-tab .content-tab-inner .properties>.loading-icon,
.cards-container .group-card-item-property .loading-icon {
background: rgba(255, 255, 255, 0.8);
opacity: 1;
z-index: 99;
}
.tf-properties-wrap .wrap-properties-post .content-tab .content-tab-inner .loading-icon,
.cards-container .group-card-item-property .loading-icon {
transition: .5s;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
}
.cards-container .group-card-item-property .loading-icon {
opacity: 1;
}
.loading-icon .bubble {
width: 10px !important;
height: 10px !important;
display: inline-block;
margin: 0 5px;
}
.loading-icon .dot {
min-width: 10px !important;
min-height: 10px !important;
display: block;
border-radius: 50%;
background-color: #000;
width: 100%;
height: 100%;
transform-origin: 50% 50%;
animation: bubble 1.2s -.6s infinite ease-out;
-webkit-animation: bubble 1.2s -.6s infinite ease-out;
}
.dot-flashing {
position: relative;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: var(--theme-primary-color);
color: var(--theme-primary-color);
animation: dot-flashing 1s infinite linear alternate;
animation-delay: 0.5s;
}
.dot-flashing::before,
.dot-flashing::after {
content: "";
display: inline-block;
position: absolute;
top: 0;
}
.dot-flashing::before {
left: -15px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: var(--theme-primary-color);
color: var(--theme-primary-color);
animation: dot-flashing 1s infinite alternate;
animation-delay: 0s;
}
.dot-flashing::after {
left: 15px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: var(--theme-primary-color);
color: var(--theme-primary-color);
animation: dot-flashing 1s infinite alternate;
animation-delay: 1s;
}
@keyframes dot-flashing {
0% {
background-color: var(--theme-primary-color);
}
50%,
100% {
background-color: rgba(255, 169, 32, 0.2);
}
} .tf-properties-wrap .wrap-properties-post .item {
padding: 15px 20px 15px 20px;
}
.tf-properties-wrap .owl-carousel .owl-item .item {
padding: 15px 0;
}
.tf-properties-wrap .wrap-properties-post.column-1 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.tf-properties-wrap .wrap-properties-post.column-2 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 49.99%;
flex: 0 0 49.99%;
max-width: 49.99%;
}
.tf-properties-wrap .wrap-properties-post.column-3 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
.tf-properties-wrap .wrap-properties-post.column-4 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}  .tf-properties-wrap .tfre-compare-property .fa-plus::before {
content: '\e900';
font-family: 'proty';
}
.tf-properties-wrap .tfre-compare-property .fa-minus::before {
content: '\e963';
font-family: 'proty';
}
.tf-properties-wrap .featured-property .list-controller .fa-bookmark::before {
content: "\e94a";
font-family: 'proty';
}
.tf-properties-wrap .featured-property .list-controller a.active {
background: var(--theme-primary-color) !important;
color: #fff !important;
}
.tf-properties-wrap .featured-property {
z-index: 1;
}
.tf-properties-wrap:not(.grid3, .grid4, .grid5, .list2, .list3) .type-desc {
display: flex;
align-items: center;
gap: 8px;
}
.tf-properties-wrap:not(.grid3, .grid4, .grid5, .list2, .list3) .type-desc a {
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: var(--theme-primary-color);
}
.tf-properties-wrap:not(.grid3, .grid4, .grid5, .list2, .list3) .type-desc i {
font-size: 18px;
} .tf-properties-wrap.grid1 .featured-property .view-gallery,
.tf-properties-wrap.list1 .featured-property .view-gallery {
border-radius: 16px 16px 0 0;
transition: none;
}
.tf-properties-wrap .featured-property .view-gallery {
transition: none !important;
}
.tf-properties-wrap.grid1 .featured-property,
.tf-properties-wrap.list1 .featured-property {
position: relative;
}
.tf-properties-wrap.grid1 .featured-property .list-text,
.tf-properties-wrap.list1 .featured-property .list-text {
display: flex;
flex-wrap: wrap;
gap: 9px;
align-content: flex-start;
}
.tf-properties-wrap.grid1 .featured-property .list-text span,
.tf-properties-wrap.list1 .featured-property .list-text span {
font-size: 14px;
font-weight: 600;
line-height: 19.6px;
padding: 5px 13px 3px 11px;
border-radius: 999px;
color: #fff;
}
.tf-properties-wrap.grid1 .featured-property .list-text li,
.tf-properties-wrap.list1 .featured-property .list-text li {
display: flex;
height: max-content;
}
.tf-properties-wrap.grid1 .featured-property .list-text span.featured-text,
.tf-properties-wrap.list1 .featured-property .list-text span.featured-text {
background: var(--theme-primary-color);
}
.tf-properties-wrap.grid1 .featured-property .list-text span.status-text,
.tf-properties-wrap.list1 .featured-property .list-text span.status-text {
background: #0B213266;
}
.tf-properties-wrap.list3 .featured-property .list-controller,
.tf-properties-wrap.list2 .featured-property .list-controller,
.tf-properties-wrap.grid4 .featured-property .list-controller,
.tf-properties-wrap.grid5 .featured-property .list-controller,
.tf-properties-wrap.grid3 .featured-property .list-controller,
.tf-properties-wrap.grid1 .featured-property .list-controller,
.tf-properties-wrap.grid2 .featured-property .list-controller,
.tf-properties-wrap.list1 .featured-property .list-controller {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.tf-properties-wrap.list3 .featured-property .list-controller a,
.tf-properties-wrap.list2 .featured-property .list-controller a,
.tf-properties-wrap.grid4 .featured-property .list-controller a,
.tf-properties-wrap.grid5 .featured-property .list-controller a,
.tf-properties-wrap.grid1 .featured-property .list-controller a,
.tf-properties-wrap.grid2 .featured-property .list-controller a,
.tf-properties-wrap.grid3 .featured-property .list-controller a,
.tf-properties-wrap.list1 .featured-property .list-controller a {
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
color: var(--theme-primary-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 20px;
transform: translateY(10px);
}
.tf-properties-wrap.list3 .featured-property .list-controller li:nth-child(1) a,
.tf-properties-wrap.list2 .featured-property .list-controller li:nth-child(1) a,
.tf-properties-wrap.grid4 .featured-property .list-controller li:nth-child(1) a,
.tf-properties-wrap.grid5 .featured-property .list-controller li:nth-child(1) a,
.tf-properties-wrap.grid3 .featured-property .list-controller li:nth-child(1) a,
.tf-properties-wrap.grid2 .featured-property .list-controller li:nth-child(1) a,
.tf-properties-wrap.grid1 .featured-property .list-controller li:nth-child(1) a,
.tf-properties-wrap.list1 .featured-property .list-controller li:nth-child(1) a {
transition-delay: 0.1s;
}
.tf-properties-wrap.list3 .featured-property .list-controller li:nth-child(2) a,
.tf-properties-wrap.list2 .featured-property .list-controller li:nth-child(2) a,
.tf-properties-wrap.grid4 .featured-property .list-controller li:nth-child(2) a,
.tf-properties-wrap.grid5 .featured-property .list-controller li:nth-child(2) a,
.tf-properties-wrap.grid3 .featured-property .list-controller li:nth-child(2) a,
.tf-properties-wrap.grid2 .featured-property .list-controller li:nth-child(2) a,
.tf-properties-wrap.grid1 .featured-property .list-controller li:nth-child(2) a,
.tf-properties-wrap.list1 .featured-property .list-controller li:nth-child(2) a {
transition-delay: 0.2s;
}
.tf-properties-wrap.list3 .featured-property .list-controller li:nth-child(3) a,
.tf-properties-wrap.list2 .featured-property .list-controller li:nth-child(3) a,
.tf-properties-wrap.grid4 .featured-property .list-controller li:nth-child(3) a,
.tf-properties-wrap.grid5 .featured-property .list-controller li:nth-child(3) a,
.tf-properties-wrap.grid3 .featured-property .list-controller li:nth-child(3) a,
.tf-properties-wrap.grid2 .featured-property .list-controller li:nth-child(3) a,
.tf-properties-wrap.grid1 .featured-property .list-controller li:nth-child(3) a,
.tf-properties-wrap.list1 .featured-property .list-controller li:nth-child(3) a {
transition-delay: 0.3s;
}
.tf-properties-wrap.grid1 .featured-property .bottom-infor-features,
.tf-properties-wrap.list1 .featured-property .bottom-infor-features {
display: flex;
justify-content: space-between;
position: absolute;
top: 8px;
left: 8px;
right: 16px;
z-index: 10;
}
.tf-properties-wrap.grid1 .featured-property .label-text,
.tf-properties-wrap.list1 .featured-property .label-text {
padding: 0 8px;
background: #fff;
border-radius: 4px;
font-size: 14px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #161E2D;
position: absolute;
left: 16px;
bottom: 16px;
z-index: 10;
}
.tf-properties-wrap .featured-property .list-controller {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
opacity: 0;
width: max-content;
visibility: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.tf-properties-wrap .properties-post:hover .list-controller {
opacity: 1;
visibility: visible;
}
.tf-properties-wrap .properties-post:hover .list-controller a {
transform: translateY(0);
}
.tf-properties-wrap.grid1 .content,
.tf-properties-wrap.list1 .content {
padding: 24px 24px 24px 24px;
border-radius: 0 0 16px 16px;
background: transparent;
}
.tf-properties-wrap.grid1 .content {
border: 1px solid #ECECEC;
border-top: unset;
background: #fff;
}
.tf-properties-wrap.grid1 .properties-post:hover,
.tf-properties-wrap.list1 .properties-post:hover {
box-shadow: 0px 15px 20px 0px #00000012;
}
.tf-properties-wrap.grid1 .properties-post:hover .content {
border-color: #fff;
background: #fff;
}
.tf-properties-wrap.grid1 .properties-post {
border-radius: 16px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.tf-properties-wrap .properties-post .bottom-prop {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.tf-properties-wrap .properties-post .bottom-prop .inner {
display: flex;
align-items: center;
gap: 21px;
flex-wrap: wrap;
justify-content: space-between;
}
.tf-properties-wrap .properties-post .bottom-prop .prop-btn {
border: 1px solid var(--theme-primary-color);
color: var(--theme-primary-color);
padding: 10px 28px;
border-radius: 12px;
}
.tf-properties-wrap .properties-post .bottom-prop .prop-btn:hover {
background: var(--theme-primary-color);
color: #fff;
}
.tf-properties-wrap .properties-post .bottom-prop .tfre-compare-property {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #2C2E33;
}
.tf-properties-wrap .properties-post .bottom-prop .tfre-compare-property i {
color: #5C5E61;
margin-right: 7px;
font-size: 20px;
vertical-align: bottom;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.tf-properties-wrap .properties-post .bottom-prop .tfre-compare-property:hover i,
.tf-properties-wrap .properties-post .bottom-prop .tfre-compare-property.active i {
color: var(--theme-primary-color);
}
.tf-properties-wrap.grid1 .property-type,
.tf-properties-wrap.list1 .property-type {
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
column-gap: 6px;
color: #2b2b2b;
}
.tf-properties-wrap.list1 .property-type,
.tf-properties-wrap.grid1 .property-type {
margin-bottom: 6px;
}
.tf-properties-wrap.grid1 .featured-property img {
max-height: 267px;
width: 100%;
}
.tf-properties-wrap.grid1 .property-type::before,
.tf-properties-wrap.list1 .property-type::before {
content: '';
width: 12px;
height: 12px;
background: var(--theme-primary-color);
border-radius: 50%;
flex-shrink: 0;
}
.tf-properties-wrap.grid1 .content .title,
.tf-properties-wrap.list1 .content .title {
font-size: 20px;
font-weight: 600;
line-height: 25px;
margin-bottom: 10px;
}
.tf-properties-wrap.list1 .content .title a {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.tf-properties-wrap.grid1 .content .address,
.tf-properties-wrap.list1 .content .address {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;
margin-bottom: 13px;
}
.tf-properties-wrap .content .address i {
font-size: 18px;
margin-right: 7px;
vertical-align: text-top;
}
.tf-properties-wrap.grid2 .content .description,
.tf-properties-wrap.grid1 .content .description,
.tf-properties-wrap.list1 .content .description {
display: flex;
align-items: center;
column-gap: 16px;
row-gap: 10px;
flex-wrap: wrap;
}
.tf-properties-wrap.grid2 .content .description .value,
.tf-properties-wrap.grid1 .content .description .value,
.tf-properties-wrap.list1 .content .description .value {
font-size: 16px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
color: #161E2D;
}
.tf-properties-wrap.grid2 .content .description .property-information,
.tf-properties-wrap.grid1 .content .description .property-information,
.tf-properties-wrap.list1 .content .description .property-information {
display: flex;
align-items: center;
column-gap: 4px;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #969799;
}
.tf-properties-wrap.grid2 .content .description .property-information span,
.tf-properties-wrap.grid1 .content .description .property-information span,
.tf-properties-wrap.list1 .content .description .property-information span {
color: #2C2E33;
}
.tf-properties-wrap .content .description {
padding-bottom: 14px;
border-bottom: 1px solid #ECECEC;
margin-bottom: 16px;
}
.tf-properties-wrap .content .description .property-information svg {
width: 19px;
height: 19px;
display: flex;
align-items: center;
justify-content: left;
margin-right: 5px;
flex-shrink: 0;
}
.tf-properties-wrap .content .description .property-information svg path {
fill: #aaaaaa !important;
stroke: #aaaaaa !important;
stroke-linecap: unset !important;
stroke-linejoin: unset !important;
stroke-width: 0px !important;
}
.tf-properties-wrap.grid1 .bottom,
.tf-properties-wrap.list1 .bottom {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
padding-top: 14px;
margin-top: 19px;
row-gap: 10px;
border-top: 1px solid #E4E4E4;
}
.tf-properties-wrap.grid1 .bottom .avatar img,
.tf-properties-wrap.list1 .bottom .avatar img {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
}
.tf-properties-wrap.list1 .bottom .avatar img {
width: 38px;
height: 38px;
}
.tf-properties-wrap.grid1 .bottom .avatar,
.tf-properties-wrap.list1 .bottom .avatar {
display: flex;
align-items: center;
column-gap: 7px;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 26px !important;
letter-spacing: 0em !important;
color: #555 !important;
}
.tf-properties-wrap.list1 .bottom .avatar {
column-gap: 12px;
}
.tf-properties-wrap.grid1 .price,
.tf-properties-wrap.list1 .price {
font-size: 20px;
font-weight: 600;
line-height: 25px;
color: var(--theme-primary-color);
}
.tf-properties-wrap.grid1 .price span,
.tf-properties-wrap.list1 .price span {
font-size: 16px;
font-weight: 800;
line-height: 26px;
letter-spacing: 0em;
color: #5C5E61;
margin-left: 3px;
vertical-align: text-bottom;
}
.tf-properties-wrap .bottom-prop .view-details {
padding: 3px 15px !important;
}
.tf-properties-wrap .bottom-prop {
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 20px;
row-gap: 10px;
}
.tf-properties-wrap .bottom-prop .view-details {
font-weight: 500;
font-size: 15px;
border: 1px solid #bfbfbf;
padding: 4px 15px;
border-radius: 99px;
display: inline-block;
flex-shrink: 0;
}
.tf-properties-wrap .bottom-prop .view-details:hover {
background: var(--theme-primary-color);
border-color: var(--theme-primary-color);
color: #fff;
} .tf-properties-wrap.list1 .properties-post {
display: flex;
border-radius: 16px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.tf-properties-wrap.list1 .featured-property .view-gallery {
border-radius: 16px 0px 0 16px;
}
.tf-properties-wrap.list1 .content {
border-radius: 0px 16px 16px 0px;
}
.tf-properties-wrap.list1 .properties-post a,
.tf-properties-wrap.list1 .properties-post a img {
height: 100%;
}
.tf-properties-wrap.list1 .properties-post .content {
width: 50%;
}
.tf-properties-wrap.list1 .properties-post .featured-property {
width: 46.8%;
}
.tf-properties-wrap.list1 .content {
padding: 25px 25px 16px 30px;
background: #fff;
flex: 1;
border: 1px solid #ECECEC;
border-left: unset;
}
.tf-properties-wrap.list1 .content .description .property-information {
color: #3A3A3C;
width: max-content;
}
.tf-properties-wrap.list1 .content .description .property-information span {
font-weight: 600;
margin-left: 6px;
}
.tf-properties-wrap .content .description .property-information i {
font-size: 20px;
margin-right: 4px;
}
.tf-properties-wrap.list1 .content .description {
column-gap: 30px;
row-gap: 3px;
margin-bottom: 7px;
display: inline-grid;
grid-template-columns: 1fr 1fr;
border: none;
}
.tf-properties-wrap.list1 .properties-post .bottom-prop {
border-top: 1px solid #ECECEC;
padding-top: 24px;
}
.tf-properties-wrap.list1 .content {
padding: 23px 22px 23px 24px;
}
.tf-properties-wrap.list1 .price {
margin-bottom: 5px;
}
.tf-properties-wrap.list1 .content .address {
margin-bottom: 21px;
}
.tf-properties-wrap.list1 .bottom {
padding-top: 14px;
margin-top: 18px;
} .tf-properties-wrap.grid2 .featured-property > a {
border-radius: 16px;
}
.tf-properties-wrap.grid2 .featured-property > a::after {
content: '';
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 63.73%, rgba(0, 0, 0, 0.8) 100%);
width: 100%;
height: 100%;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
}
.tf-properties-wrap.grid2 .featured-property {
position: relative;
}
.tf-properties-wrap.grid2 .featured-property img {
height: 267px;
width: 100%;
object-fit: cover;
}
.tf-properties-wrap.grid2 .price {
font-size: 24px;
font-weight: 600;
line-height: 30px;
color: var(--theme-primary-color);
position: absolute;
left: 24px;
bottom: 16px;
z-index: 5;
}
.tf-properties-wrap.grid2 .price span {
font-size: 16px;
font-weight: 800;
line-height: 26px;
letter-spacing: 0em;
color: #5C5E61;
margin-left: 3px;
vertical-align: text-bottom;
}
.tf-properties-wrap.grid2 .featured-property .bottom-infor-features {
display: flex;
justify-content: space-between;
position: absolute;
top: 18px;
left: 24px;
right: 24px;
z-index: 10;
}
.tf-properties-wrap.grid2 .bottom-infor-features .list-text {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.tf-properties-wrap.grid2 .bottom-infor-features .list-text span {
font-size: 14px;
font-weight: 600;
line-height: 19.6px;
padding: 5px 13px 5px 11px;
border-radius: 999px;
color: #fff;
background: var(--theme-primary-color);
}
.tf-properties-wrap.grid2 .bottom-infor-features .list-text span.status-text {
background: #00000066;
}
.tf-properties-wrap.grid2 .bottom-infor-features .list-controll {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.tf-properties-wrap.grid2 .bottom-infor-features .list-controll a {
font-size: 14px;
font-weight: 600;
line-height: 19.6px;
padding: 5px 13px 5px 11px;
border-radius: 999px;
color: #fff;
background: #00000066;
}
.tf-properties-wrap.grid2 .bottom-infor-features .list-controll a.tfre-view-video i {
margin: 0;
}
.tf-properties-wrap.grid2 .bottom-infor-features .list-controll a i {
font-size: 16px;
vertical-align: text-bottom;
margin-right: 4px;
}
.tf-properties-wrap.grid2 .bottom-infor-features .list-controll a:hover {
background: var(--theme-primary-color);
color: #fff;
}
.tf-properties-wrap.grid2 .content .title {
font-size: 20px;
font-weight: 600;
line-height: 25px;
margin-bottom: 10px;
}
.tf-properties-wrap.grid2 .content {
padding: 16px 16px 16px 16px;
}
.tf-properties-wrap.grid2 .content .description {
margin-top: 10px;
} .tf-properties-wrap.grid3 .featured-property > a {
border-radius: 16px;
}
.tf-properties-wrap.grid3 .featured-property {
position: relative;
}
.tf-properties-wrap.grid3 .featured-property img {
height: 267px;
width: 100%;
object-fit: cover;
}
.tf-properties-wrap.grid3 .price {
font-size: 20px;
font-weight: 600;
line-height: 25px;
color: var(--theme-primary-color);
}
.tf-properties-wrap.grid3 .price span {
font-size: 16px;
font-weight: 800;
line-height: 26px;
letter-spacing: 0em;
color: #5C5E61;
margin-left: 3px;
vertical-align: text-bottom;
}
.tf-properties-wrap.grid3 .featured-property .bottom-infor-features {
display: flex
;
justify-content: space-between;
position: absolute;
top: 10px;
left: 9px;
right: 7px;
z-index: 10;
}
.tf-properties-wrap.grid3 .bottom-infor-features .list-text {
display: flex
;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.tf-properties-wrap.grid3 .bottom-infor-features .list-text span {
font-size: 14px;
font-weight: 600;
line-height: 19.6px;
padding: 5px 13px 5px 11px;
border-radius: 999px;
color: #fff;
background: var(--theme-primary-color);
}
.tf-properties-wrap.grid3 .bottom-infor-features .list-text span.status-text {
background: #00000066;
}
.tf-properties-wrap.grid3 .bottom-infor-features .list-controll {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.tf-properties-wrap.grid3 .bottom-infor-features .list-controll a {
font-size: 14px;
font-weight: 600;
line-height: 19.6px;
padding: 5px 13px 5px 11px;
border-radius: 999px;
color: #fff;
background: #00000066;
}
.tf-properties-wrap.grid3 .bottom-infor-features .list-controll a.tfre-view-video i {
margin: 0;
}
.tf-properties-wrap.grid3 .bottom-infor-features .list-controll a i {
font-size: 16px;
vertical-align: text-bottom;
margin-right: 4px;
}
.tf-properties-wrap.grid3 .bottom-infor-features .list-controll a:hover {
background: var(--theme-primary-color);
color: #fff;
}
.tf-properties-wrap.grid3 .content .title {
font-size: 20px;
font-weight: 600;
line-height: 25px;
margin-bottom: 10px;
}
.tf-properties-wrap.grid3 .content .heading {
margin-bottom: 14px;
}
.tf-properties-wrap.grid3 .content {
padding: 24px 16px 16px 16px;
}
.tf-properties-wrap.grid3 .content .description {
margin-top: 10px;
}
.tf-properties-wrap.grid3 .type-desc {
display: flex;
align-items: center;
gap: 8px;
}
.tf-properties-wrap.grid3 .type-desc a {
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: var(--theme-primary-color);
}
.tf-properties-wrap.grid3 .type-desc i {
font-size: 18px;
}
.tf-properties-wrap.grid3 .content .description .property-information i {
font-size: 16px;
margin-right: 0px;
}
.tf-properties-wrap.grid3  .content .description {
all: unset;
display: flex
;
flex-wrap: wrap;
gap: 5px 20px;
}
.tf-properties-wrap.grid3  .content .description .property-information {
display: flex;
align-items: center;
gap: 4px;
}
.tf-properties-wrap.grid3  .content .description .property-information .icon {
color: var(--theme-primary-color);
}
.tf-properties-wrap.grid3  .content .description .property-information .value {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #2C2E33;
}
.tf-properties-wrap.grid3  .content .description .property-information .value b {
opacity: 0.5;
font-weight: 400;
}
.tf-properties-wrap.grid3  .content .group-description {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
justify-content: space-between;
}
.tf-properties-wrap.grid3  .content .bottom-content {
display: flex;
justify-content: space-between; 
border-top: 1px solid #ECECEC;
padding-top: 16px;
margin-top: 17px;
align-items: center;
}
.tf-properties-wrap.grid3  .content .date-prop {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #A8ABAE;
}
.tf-properties-wrap.grid3  .content .bottom-prop {
margin-top: 20px;
} .tf-properties-wrap.grid4 .featured-property > a {
overflow: hidden;
border-radius: 16px 16px 0 0;
}
.tf-properties-wrap.grid4 .featured-property > a::after {
content: '';
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 67.79%, rgba(0, 0, 0, 0.8) 100%);
width: 100%;
height: 100%;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
}
.tf-properties-wrap.grid4 .featured-property {
position: relative;
}
.tf-properties-wrap.grid4 .featured-property img {
height: 267px;
width: 100%;
object-fit: cover;
}
.tf-properties-wrap.grid4 .price {
font-size: 24px;
font-weight: 600;
line-height: 30px;
color: var(--theme-primary-color);
position: absolute;
left: 24px;
bottom: 16px;
z-index: 5;
}
.tf-properties-wrap.grid4 .price span {
font-size: 16px;
font-weight: 800;
line-height: 26px;
letter-spacing: 0em;
color: #5C5E61;
margin-left: 3px;
vertical-align: text-bottom;
}
.tf-properties-wrap.grid4 .featured-property .bottom-infor-features {
display: flex
;
justify-content: space-between;
position: absolute;
top: 10px;
left: 9px;
right: 7px;
z-index: 10;
}
.tf-properties-wrap.grid4 .bottom-infor-features .list-text {
display: flex
;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.tf-properties-wrap.grid4 .bottom-infor-features .list-text span {
font-size: 14px;
font-weight: 600;
line-height: 19.6px;
padding: 5px 13px 5px 11px;
border-radius: 999px;
color: #fff;
background: var(--theme-primary-color);
display: inline-block;
}
.tf-properties-wrap.grid4 .bottom-infor-features .list-text span.status-text {
background: #00000066;
}
.tf-properties-wrap.grid4 .bottom-infor-features .list-controll {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.tf-properties-wrap.grid4 .bottom-infor-features .list-controll a {
font-size: 14px;
font-weight: 600;
line-height: 19.6px;
padding: 5px 13px 5px 11px;
border-radius: 999px;
color: #fff;
background: #00000066;
}
.tf-properties-wrap.grid4 .bottom-infor-features .list-controll a.tfre-view-video i {
margin: 0;
}
.tf-properties-wrap.grid4 .bottom-infor-features .list-controll a i {
font-size: 16px;
vertical-align: text-bottom;
margin-right: 4px;
}
.tf-properties-wrap.grid4 .bottom-infor-features .list-controll a:hover {
background: var(--theme-primary-color);
color: #fff;
}
.tf-properties-wrap.grid4 .content .title {
font-size: 20px;
font-weight: 600;
line-height: 25px;
margin-bottom: 10px;
}
.tf-properties-wrap.grid4 .content .heading {
margin-bottom: 14px;
}
.tf-properties-wrap.grid4 .content {
padding: 24px 17px 23px 23px;
background: #fff;
border-radius: 0 0 16px 16px;
border: 1px solid #ECECEC;
border-top: unset;
}
.tf-properties-wrap.grid4 .content .description {
margin-top: 10px;
}
.tf-properties-wrap.grid4 .type-desc {
position: absolute;
bottom: -17px;
right: 24px;
box-shadow: 0px 8px 16px 0px #0000000F;
background: #fff;
border-radius: 999px;
z-index: 5;
padding: 6px 12px;
}
.tf-properties-wrap.grid4 .type-desc a {
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: var(--theme-primary-color);
}
.tf-properties-wrap.grid4 .type-desc i {
font-size: 18px;
}
.tf-properties-wrap.grid4 .content .description .property-information i {
font-size: 16px;
margin-right: 0px;
}
.tf-properties-wrap.grid4  .content .description {
all: unset;
display: flex
;
flex-wrap: wrap;
gap: 5px 20px;
}
.tf-properties-wrap.grid4  .content .description .property-information {
display: flex;
align-items: center;
gap: 4px;
}
.tf-properties-wrap.grid4  .content .description .property-information .icon {
color: var(--theme-primary-color);
}
.tf-properties-wrap.grid4  .content .description .property-information .value {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #2C2E33;
}
.tf-properties-wrap.grid4  .content .description .property-information .value b {
opacity: 0.5;
font-weight: 400;
}
.tf-properties-wrap.grid4  .content .group-description {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
justify-content: space-between;
}
.tf-properties-wrap.grid4  .content .bottom-content {
display: flex;
justify-content: space-between; 
border-top: 1px solid #ECECEC;
padding-top: 16px;
margin-top: 17px;
align-items: center;
}
.tf-properties-wrap.grid4  .content .date-prop {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #A8ABAE;
}
.tf-properties-wrap.grid4  .content .bottom-prop {
margin-top: 23px;
padding-top: 24px;
border-top: 1px solid #ECECEC;
}
.tf-properties-wrap.grid4 .bottom-prop .avatar {
display: flex;
align-items: center;
gap: 16px;
}
.tf-properties-wrap.grid4 .bottom-prop .avatar img {
width: 48px;
height: 48px;
border-radius: 50%;
object-fit: cover;
}
.tf-properties-wrap.grid4 .bottom-prop .avatar span {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;
} .tf-properties-wrap.grid5 .featured-property > a {
overflow: hidden;
border-radius: 24px;
}
.tf-properties-wrap.grid5 .featured-property {
position: relative;
}
.tf-properties-wrap.grid5 .featured-property img {
height: 720px;
width: 100%;
object-fit: cover;
}
.tf-properties-wrap.grid5 .price {
font-size: 24px;
font-weight: 600;
line-height: 30px;
color: var(--theme-primary-color);
}
.tf-properties-wrap.grid5 .price span {
font-size: 16px;
font-weight: 800;
line-height: 26px;
letter-spacing: 0em;
color: #5C5E61;
margin-left: 3px;
vertical-align: text-bottom;
}
.tf-properties-wrap.grid5 .content .bottom-content {
display: flex;
justify-content: space-between;
gap: 20px;
}
.tf-properties-wrap.grid5 .content .bottom-content .inner-left,
.tf-properties-wrap.grid5 .content .bottom-content .inner-right {
display: flex
;
align-items: center;
gap: 20px 50px;
}
.tf-properties-wrap.grid5 .featured-property .bottom-infor-features {
display: flex
;
justify-content: space-between;
position: absolute;
top: 10px;
left: 9px;
right: 7px;
z-index: 10;
}
.tf-properties-wrap.grid5 .bottom-infor-features .list-text {
display: flex
;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.tf-properties-wrap.grid5 .bottom-infor-features .list-text span {
font-size: 14px;
font-weight: 600;
line-height: 19.6px;
padding: 5px 13px 5px 11px;
border-radius: 999px;
color: #fff;
background: var(--theme-primary-color);
}
.tf-properties-wrap.grid5 .bottom-infor-features .list-text span.status-text {
background: #00000066;
}
.tf-properties-wrap.grid5 .bottom-infor-features .list-controll {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.tf-properties-wrap.grid5 .bottom-infor-features .list-controll a {
font-size: 14px;
font-weight: 600;
line-height: 19.6px;
padding: 5px 13px 5px 11px;
border-radius: 999px;
color: #fff;
background: #00000066;
}
.tf-properties-wrap.grid5 .bottom-infor-features .list-controll a.tfre-view-video i {
margin: 0;
}
.tf-properties-wrap.grid5 .bottom-infor-features .list-controll a i {
font-size: 16px;
vertical-align: text-bottom;
margin-right: 4px;
}
.tf-properties-wrap.grid5 .bottom-infor-features .list-controll a:hover {
background: var(--theme-primary-color);
color: #fff;
}
.tf-properties-wrap.grid5 .content .title {
font-size: 32px;
font-weight: 600;
line-height: 40px;
margin-bottom: 4px;
}
.tf-properties-wrap.grid5 .content .heading {
margin-bottom: 14px;
}
.tf-properties-wrap.grid5 .content {
padding: 24px;
background: #fff;
border-radius: 16px;
position: absolute;
bottom: 12px;
left: 12px;
right: 12px;
z-index: 5;
}
.tf-properties-wrap.grid5 .properties-post {
position: relative;
}
.tf-properties-wrap.grid5 .content .description {
margin-top: 10px;
}
.tf-properties-wrap.grid5 .type-desc {
position: absolute;
top: 24px;
right: 24px;
background: #FEF7F1;
border-radius: 999px;
z-index: 5;
padding: 7px 12px;
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--theme-primary-color);
margin-bottom: 24px;
flex-wrap: wrap;
}
.tf-properties-wrap.grid5 .type-desc a {
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: var(--theme-primary-color);
}
.tf-properties-wrap.grid5 .type-desc i {
font-size: 18px;
}
.tf-properties-wrap.grid5 .content .description .property-information i {
font-size: 16px;
margin-right: 0px;
}
.tf-properties-wrap.grid5  .content .description {
all: unset;
display: flex
;
flex-wrap: wrap;
gap: 5px 20px;
}
.tf-properties-wrap.grid5  .content .description .property-information {
display: flex;
align-items: center;
gap: 4px;
}
.tf-properties-wrap.grid5  .content .description .property-information .icon {
color: var(--theme-primary-color);
}
.tf-properties-wrap.grid5  .content .description .property-information .value {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #2C2E33;
}
.tf-properties-wrap.grid5  .content .description .property-information .value b {
opacity: 0.5;
font-weight: 400;
}
.tf-properties-wrap.grid5  .content .group-description {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
justify-content: space-between;
}
.tf-properties-wrap.grid5  .content .bottom-content {
display: flex
;
justify-content: space-between;
border-top: 1px solid #ECECEC;
padding-top: 18px;
margin-top: 19px;
align-items: center;
}
.tf-properties-wrap.grid5  .content .date-prop {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #A8ABAE;
}
.tf-properties-wrap.grid5  .content .bottom-prop {
column-gap: 40px;
}
.tf-properties-wrap.grid5 .bottom-prop .avatar {
display: flex;
align-items: center;
gap: 16px;
}
.tf-properties-wrap.grid5 .bottom-prop .avatar img {
width: 48px;
height: 48px;
border-radius: 50%;
object-fit: cover;
}
.tf-properties-wrap.grid5 .bottom-prop .avatar span {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;
}
.tf-properties-wrap.grid5 .wrap-properties-post .item {
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
} .tf-properties-wrap.list2 .properties-post {
display: flex;
}
.tf-properties-wrap.list2 .properties-post .featured-property,
.tf-properties-wrap.list2 .properties-post .content {
width: 50%;
}
.tf-properties-wrap.list2 .featured-property > a {
overflow: hidden;
border-radius: 16px 0 0 16px;
height: 100%;
}
.tf-properties-wrap.list2 .featured-property > a::after {
content: '';
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 67.79%, rgba(0, 0, 0, 0.8) 100%);
width: 100%;
height: 100%;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
}
.tf-properties-wrap.list2 .featured-property {
position: relative;
}
.tf-properties-wrap.list2 .featured-property img {
height: 100%;
width: 100%;
object-fit: cover;
}
.tf-properties-wrap.list2  .title a {
color: #fff;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.tf-properties-wrap.list2  .title a:hover {
color: var(--theme-primary-color);
}
.tf-properties-wrap.list2 .price {
font-size: 20px;
font-weight: 600;
line-height: 25px;
color: var(--theme-primary-color);
}
.tf-properties-wrap.list2 .price span {
font-size: 16px;
font-weight: 800;
line-height: 26px;
letter-spacing: 0em;
color: #5C5E61;
margin-left: 3px;
vertical-align: text-bottom;
}
.tf-properties-wrap.list2 .featured-property .bottom-infor-features {
display: flex
;
justify-content: space-between;
position: absolute;
top: 10px;
left: 9px;
right: 7px;
z-index: 10;
}
.tf-properties-wrap.list2 .bottom-infor-features .list-text {
display: flex
;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.tf-properties-wrap.list2 .bottom-infor-features .list-text span {
font-size: 14px;
font-weight: 600;
line-height: 19.6px;
padding: 5px 13px 5px 11px;
border-radius: 999px;
color: #fff;
background: var(--theme-primary-color);
display: inline-block;
}
.tf-properties-wrap.list2 .bottom-infor-features .list-text span.status-text {
background: #00000066;
}
.tf-properties-wrap.list2 .bottom-infor-features .list-controll {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.tf-properties-wrap.list2 .bottom-infor-features .list-controll a {
font-size: 14px;
font-weight: 600;
line-height: 19.6px;
padding: 5px 13px 5px 11px;
border-radius: 999px;
color: #fff;
background: #00000066;
}
.tf-properties-wrap.list2 .bottom-infor-features .list-controll a.tfre-view-video i {
margin: 0;
}
.tf-properties-wrap.list2 .bottom-infor-features .list-controll a i {
font-size: 16px;
vertical-align: text-bottom;
margin-right: 4px;
}
.tf-properties-wrap.list2 .bottom-infor-features .list-controll a:hover {
background: var(--theme-primary-color);
color: #fff;
}
.tf-properties-wrap.list2 .content .title {
font-size: 20px;
font-weight: 600;
line-height: 25px;
margin-bottom: 10px;
}
.tf-properties-wrap.list2 .content .heading {
margin-bottom: 19px;
}
.tf-properties-wrap.list2 .content {
padding: 24px 17px 24px 23px;
background: #2C2E33;
border-radius: 0 16px 16px 0px;
}
.tf-properties-wrap.list2 .content .description {
margin-top: 10px;
}
.tf-properties-wrap.list2 .type-desc {
background: #FEF7F1;
border-radius: 999px;
z-index: 5;
padding: 7px 12px;
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--theme-primary-color);
margin-bottom: 24px;
flex-wrap: wrap;
}
.tf-properties-wrap.list2  .address {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #FFFFFF;
opacity: 0.5;
}
.tf-properties-wrap.list2 .type-desc a {
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: var(--theme-primary-color);
}
.tf-properties-wrap.list2 .type-desc i {
font-size: 18px;
}
.tf-properties-wrap.list2 .content .description .property-information i {
font-size: 16px;
margin-right: 0px;
}
.tf-properties-wrap.list2  .content .description {
all: unset;
display: flex
;
flex-wrap: wrap;
gap: 5px 20px;
}
.tf-properties-wrap.list2  .content .description .property-information {
display: flex;
align-items: center;
gap: 4px;
}
.tf-properties-wrap.list2  .content .description .property-information .icon {
color: var(--theme-primary-color);
}
.tf-properties-wrap.list2  .content .description .property-information .value {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #fff;
}
.tf-properties-wrap.list2  .content .description .property-information .value b {
opacity: 0.5;
font-weight: 400;
}
.tf-properties-wrap.list2  .content .group-description {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
justify-content: space-between;
}
.tf-properties-wrap.list2  .content .bottom-content {
display: flex;
justify-content: space-between; 
border-top: 1px solid #ECECEC;
padding-top: 16px;
margin-top: 17px;
align-items: center;
}
.tf-properties-wrap.list2  .content .date-prop {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #A8ABAE;
}
.tf-properties-wrap.list2  .content .bottom-prop {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #ececec23;
}
.tf-properties-wrap.list2 .bottom-prop .avatar {
display: flex;
align-items: center;
gap: 16px;
}
.tf-properties-wrap.list2 .bottom-prop .avatar img {
width: 36px;
height: 36px;
border-radius: 50%;
object-fit: cover;
}
.tf-properties-wrap.list2 .bottom-prop .avatar span {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #fff;
} .tf-properties-wrap.list3 .properties-post {
display: flex;
gap: 20px;
}
.tf-properties-wrap.list3 .wrap-properties-post .item {
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
padding: 20px 20px 20px 20px;
background: #fff;
position: relative;
}
.tf-properties-wrap.list3 .properties-post .featured-property,
.tf-properties-wrap.list3 .properties-post .content {
width: 50%;
}
.tf-properties-wrap.list3 .properties-post .featured-property {
width: 97%;
}
.tf-properties-wrap.list3 .featured-property > a {
overflow: hidden;
border-radius: 24px;
height: 100%;
}
.tf-properties-wrap.list3 .featured-property {
position: relative;
}
.tf-properties-wrap.list3 .featured-property img {
height: 507px;
width: 100%;
object-fit: cover;
}
.tf-properties-wrap.list3  .title {
font-size: 32px;
font-weight: 500;
line-height: 40px;
margin-bottom: 13px;
}
.tf-properties-wrap.list3  .title a:hover {
color: var(--theme-primary-color);
}
.tf-properties-wrap.list3 .price {
font-size: 48px;
font-weight: 200;
line-height: 1.25em;
color: #2C2E33;
}
.tf-properties-wrap.list3 .price span {
font-size: 16px;
font-weight: 800;
line-height: 26px;
letter-spacing: 0em;
color: #5C5E61;
margin-left: 3px;
vertical-align: text-bottom;
}
.tf-properties-wrap.list3 .featured-property .bottom-infor-features {
display: flex
;
justify-content: space-between;
position: absolute;
top: 10px;
left: 9px;
right: 7px;
z-index: 10;
}
.tf-properties-wrap.list3 .bottom-infor-features .list-text {
display: flex
;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.tf-properties-wrap.list3 .bottom-infor-features .list-text span {
font-size: 14px;
font-weight: 600;
line-height: 19.6px;
padding: 5px 13px 5px 11px;
border-radius: 999px;
color: #fff;
background: var(--theme-primary-color);
}
.tf-properties-wrap.list3 .bottom-infor-features .list-text span.status-text {
background: #00000066;
}
.tf-properties-wrap.list3 .bottom-infor-features .list-controll {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.tf-properties-wrap.list3 .bottom-infor-features .list-controll a {
font-size: 14px;
font-weight: 600;
line-height: 19.6px;
padding: 5px 13px 5px 11px;
border-radius: 999px;
color: #fff;
background: #00000066;
}
.tf-properties-wrap.list3 .bottom-infor-features .list-controll a.tfre-view-video i {
margin: 0;
}
.tf-properties-wrap.list3 .bottom-infor-features .list-controll a i {
font-size: 16px;
vertical-align: text-bottom;
margin-right: 4px;
}
.tf-properties-wrap.list3 .bottom-infor-features .list-controll a:hover {
background: var(--theme-primary-color);
color: #fff;
}
.tf-properties-wrap.list3 .content .heading {
margin-bottom: 32px;
}
.tf-properties-wrap.list3 .content .description {
margin-top: 10px;
}
.tf-properties-wrap.list3 .type-desc {
background: #FEF7F1;
border-radius: 999px;
z-index: 5;
padding: 7px 12px;
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--theme-primary-color);
margin-bottom: 24px;
flex-wrap: wrap;
}
.tf-properties-wrap.list3  .address {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
}
.tf-properties-wrap.list3 .type-desc a {
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: var(--theme-primary-color);
}
.tf-properties-wrap.list3 .type-desc i {
font-size: 18px;
}
.tf-properties-wrap.list3 .content .description .property-information i {
font-size: 16px;
margin-right: 0px;
}
.tf-properties-wrap.list3  .content .description {
all: unset;
display: flex
;
flex-wrap: wrap;
row-gap: 20px;
margin-bottom: 45px;
}
.tf-properties-wrap.list3  .content .description .property-information {
padding: 0 24px;
}
.tf-properties-wrap.list3  .content .description .property-information:first-child {
padding-left: 0;
}
.tf-properties-wrap.list3  .content .description .property-information:last-child {
padding-right: 0;
}
.tf-properties-wrap.list3  .content .description .property-information .inner-icon {
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;
}
.tf-properties-wrap.list3  .content .description .property-information .value {
font-size: 48px;
font-weight: 200;
line-height: 60px;
color: #2C2E33;
}
.tf-properties-wrap.list3  .content .description .property-information .value b {
opacity: 0.5;
font-weight: 400;
}
.tf-properties-wrap.list3  .content .group-description {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
justify-content: space-between;
}
.tf-properties-wrap.list3  .content .bottom-content {
display: flex;
justify-content: space-between; 
border-top: 1px solid #ECECEC;
padding-top: 16px;
margin-top: 17px;
align-items: center;
}
.tf-properties-wrap.list3  .content .date-prop {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #A8ABAE;
}
.tf-properties-wrap.list3  .content .bottom-prop {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #ececec23;
}
.tf-properties-wrap.list3 .bottom-prop .avatar {
display: flex;
align-items: center;
gap: 16px;
}
.tf-properties-wrap.list3 .bottom-prop .avatar img {
width: 36px;
height: 36px;
border-radius: 50%;
object-fit: cover;
}
.tf-properties-wrap.list3 .bottom-prop .avatar span {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
} .tf-properties-wrap.has-carousel .owl-carousel .owl-stage-outer {
padding: 15px;
margin: -15px;
cursor: ew-resize;
}
.tf-properties-wrap.has-carousel .row {
margin-left: 0;
margin-right: 0;
margin-bottom: 60px;
}
.tf-properties-wrap.has-carousel .row>* {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.tf-properties-wrap.has-carousel .wrap-properties-post .owl-carousel.owl-loaded {
display: flex;
justify-content: center;
}
.tf-properties-wrap.has-carousel .wrap-properties-post .item {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.tf-properties-wrap.has-carousel .owl-carousel .owl-nav {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -69px;
display: flex;
align-items: center;
column-gap: 135px;
}
.tf-properties-wrap.has-carousel .owl-carousel .owl-nav.disabled {
display: none;
}
.tf-properties-wrap.has-carousel .owl-carousel .owl-nav .owl-next,
.tf-properties-wrap.has-carousel .owl-carousel .owl-nav .owl-prev {
display: flex;
width: 58px;
height: 58px;
justify-content: center;
align-items: center;
background: transparent;
border-radius: 50%;
border: 1px solid #ECECEC;
font-size: 25px;
color: #5C5E61;
}
.tf-properties-wrap.has-carousel .owl-carousel .owl-nav .disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.tf-properties-wrap.has-carousel .owl-carousel .owl-nav .owl-prev:before,
.tf-properties-wrap.has-carousel .owl-carousel .owl-nav .owl-next:before,
.tf-properties-wrap.has-carousel .owl-carousel .owl-dots .owl-dot:before {
display: none;
}
.tf-properties-wrap.has-carousel .owl-carousel .owl-nav .owl-next:hover,
.tf-properties-wrap.has-carousel .owl-carousel .owl-nav .owl-prev:hover {
background: var(--theme-primary-color);
color: #fff;
border-color: var(--theme-primary-color);
}
.tf-properties-wrap.has-carousel .wrap-properties-post.owl-carousel .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.tf-properties-wrap.has-carousel .owl-carousel.row {
margin: 0 !important;
}
.tf-properties-wrap.has-carousel .owl-carousel .owl-dots {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -8.4%;
display: flex;
gap: 13px;
}
.tf-properties-wrap.has-carousel .owl-dots .owl-dot {
width: 8px;
height: 8px;
line-height: 8px;
border-radius: 50%;
position: relative;
display: inline-block;
overflow: unset;
background: #E4E4E4;
}
.tf-properties-wrap.has-carousel .owl-dots .owl-dot::after {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: "";
width: 14px;
height: 14px;
overflow: visible;
border: 1px solid var(--theme-primary-color);
opacity: 0;
padding: 0;
}
.tf-properties-wrap.has-carousel .owl-dots .owl-dot.active::after {
opacity: 1;
}
.tf-properties-wrap.has-carousel .owl-dots .owl-dot:hover,
.tf-properties-wrap.has-carousel .owl-dots .owl-dot.active {
opacity: 1;
background: var(--theme-primary-color);
}
.tf-properties-wrap.has-carousel .owl-carousel .owl-stage {
display: flex;
}  .mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
} .mfp-zoom-in.mfp-bg.mfp-ready {
opacity: 0.8;
} .mfp-zoom-in.mfp-bg.mfp-removing {
opacity: 0;
} .mfp-zoom-in.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
} .mfp-zoom-in.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
} .mfp-zoom-in.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.mfp-zoom-in .mfp-container,
.mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-container,
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
} .swiper-button-next2 {
right: 0%;
left: auto;
}
.swiper-button-prev2 {
right: auto;
left: 0%;
}
.tf-properties-wrap .swiper-pagination {
cursor: default;
}
.tf-properties-wrap .wrap-properties-post .item .properties-post:hover .swiper-button-next2 {
right: 4%;
}
.tf-properties-wrap .wrap-properties-post .item .properties-post:hover .swiper-button-prev2 {
left: 4%;
}
.swiper-button-next2,
.swiper-button-prev2 {
width: 30px;
height: 30px;
top: 50%;
transform: translateY(-50%);
color: var(--color-1);
position: absolute;
z-index: 101;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
transition-delay: 0.2s;
display: grid;
align-items: center;
justify-content: center;
}
.swiper-button-next2:hover,
.swiper-button-prev2:hover {
color: var(--theme-primary-color);
}
.tf-properties-wrap .swiper-button-disabled {
cursor: not-allowed;
}
.tf-properties-wrap .wrap-properties-post .item .properties-post .swiper-pagination-bullets-dynamic {
bottom: 15px;
}
.swiper-button-next2 i,
.swiper-button-prev2 i {
font-size: 18px;
font-weight: 400;
}
.swiper-container-horizontal>.swiper-pagination {
z-index: 100;
}
.swiper-container-horizontal>.swiper-pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
opacity: 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
background: var(--color-1);
width: 6px;
height: 6px;
margin: 0 2px !important;
opacity: 1;
}
.tf-properties-wrap .wrap-properties-post .item .properties-post:hover .featured-property .swiper-pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.tf-properties-wrap .wrap-properties-post .item .properties-post:hover .featured-property .swiper-button-next2,
.tf-properties-wrap .wrap-properties-post .item .properties-post:hover .featured-property .swiper-button-prev2 {
opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
position: relative;
margin: 0px 2px 0px 2px !important;
background: transparent;
border: 2px solid #fff;
width: 8px;
height: 8px;
}
.tf-properties-wrap .wrap-properties-post .item .properties-post .featured-property .view-gallery,
.tf-properties-wrap .wrap-properties-post .item .properties-post .featured-property .carousel-image-box {
position: relative;
display: block;
overflow: hidden;
}
.tf-properties-wrap .wrap-properties-post .item .properties-post .featured-property img {
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
}
.tf-properties-wrap .wrap-properties-post .item .properties-post:hover .featured-property img {
-webkit-transform: scale3d(1.07, 1.07, 1.07);
transform: scale3d(1.07, 1.07, 1.07);
}
.tf-properties-wrap .wrap-properties-post .item .properties-post .swiper-pagination .img-style::before,
.tf-properties-wrap .wrap-properties-post .item .properties-post .swiper-button-next2 .img-style::before,
.tf-properties-wrap .wrap-properties-post .item .properties-post .swiper-button-prev2 .img-style::before,
.tf-properties-wrap .wrap-properties-post .item .properties-post .img-style::before,
.tf-properties-wrap .wrap-properties-post .item .properties-post .view-gallery::before,
.tf-properties-wrap.style4 .wrap-properties-post .item .properties-post .view-gallery::after {
content: "";
top: -50%;
right: 0;
left: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
visibility: hidden;
z-index: 5;
}
.tf-properties-wrap .wrap-properties-post .item .properties-post:hover .swiper-pagination .img-style::before,
.tf-properties-wrap .wrap-properties-post .item .properties-post:hover .swiper-button-next2 .img-style::before,
.tf-properties-wrap .wrap-properties-post .item .properties-post:hover .swiper-button-prev2 .img-style::before,
.tf-properties-wrap .wrap-properties-post .item .properties-post:hover .img-style::before,
.tf-properties-wrap .wrap-properties-post .item .properties-post:hover .view-gallery::before,
.tf-properties-wrap .wrap-properties-post .item .properties-post:hover .icon-plus::before,
.tf-properties-wrap .wrap-properties-post .item .properties-post:hover .icon-plus::after {
top: 0;
opacity: 1;
visibility: visible;
}
.tf-properties-wrap .wrap-properties-post .item .properties-post .icon-plus {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 100;
opacity: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.50);
}
.tf-properties-wrap .wrap-properties-post .item .properties-post:hover .featured-property .icon-plus {
opacity: 1;
visibility: visible;
} .owl-carousel .owl-dots .owl-dot {
overflow: unset;
position: relative;
}
.has-carousel .owl-dots .owl-dot::after {
content: '';
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
display: inline-flex;
width: 100%;
height: 100%;
padding: 10px;
align-items: center;
justify-content: center;
}   .single-property-post.style1 .featured-single-property {
display: flex;
align-items: center;
background: var(--theme-primary-rgba2);
}
.single-property-post.style1 .featured-single-property .tfre-property-info {
width: 49.4%;
position: relative;
z-index: 99;
}
.single-property-post.style1 .featured-single-property .content-wrapper {
width: 50%;
padding: 18px 80px 18px 80px;
}
.single-property-post.style1 .group-title p {
font-size: 14px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.08em;
color: var(--theme-primary-color);
margin-bottom: 4px;
}
.single-property-post.style1 .group-title h4 {
margin: 0;
font-size: 40px;
font-weight: 600;
line-height: 1.25em;
}
.single-property-post.style1 .group-title {
margin-bottom: 48px;
}
.single-property-post.style1 .content .top {
display: flex;
align-items: center;
column-gap: 7px;
margin-bottom: 16px;
}
.single-property-post.style1 .content .top span {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: var(--theme-primary-color);
border-radius: 99px;
padding: 4.5px 12px;
background: var(--theme-primary-rgba3);
}
.single-property-post.style1 .content .top .featured-text {
background: var(--theme-primary-color);
color: #fff;
}
.single-property-post.style1 .content .address {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;
display: flex;
align-items: center;
column-gap: 6px;
}
.single-property-post.style1 .content .address i {
font-size: 18px;
margin-right: 2px;
}
.single-property-post.style1 .content .heading .title {
margin-bottom: 11px;
font-size: 30px;
font-weight: 600;
line-height: 1.4em;
}
.single-property-post.style1 .content .property-information {
font-family: 'Poppins';
font-size: 14px;
font-weight: 400;
line-height: 21px;
color: #3A3A3C;
display: flex;
align-items: center;
}
.single-property-post.style1 .content .property-information i {
margin-right: 9px;
color: #5C5E61;
font-size: 20px;
}
.single-property-post.style1 .content .property-information .value {
margin-left: 10px;
font-weight: 600;
}
.single-property-post.style1 .content .description {
display: flex;
align-items: center;
column-gap: 32px;
row-gap: 15px;
flex-wrap: wrap;
margin-bottom: 16px;
}
.single-property-post.style1 .content .contact-agent .avatar {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
margin-right: 12px;
}
.single-property-post.style1 .content .contact-agent .agent {
display: flex;
align-items: center;
}
.single-property-post.style1 .content .contact-agent .agent-position {
font-size: 14px;
font-weight: 400;
line-height: 22px;
color: #5C6368;
margin-bottom: -1px;
}
.single-property-post.style1 .content .contact-agent a {
font-size: 18px;
font-weight: 600;
line-height: 25.2px;
color: #161E2D;
}
.single-property-post.style1 .content .contact-agent a:hover {
color: var(--theme-primary-color);
}
.single-property-post.style1 .content .heading {
margin-bottom: 16px;
}
.single-property-post.style1 .content .price-content .price {
font-size: 30px;
font-weight: 600;
line-height: 42px;
color: #161E2D;
}
.single-property-post.style1 .content .price-content .price span {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C6368;
}
.single-property-post.style1 .content .list-controller {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}
.single-property-post.style1 .content .list-controller a {
width: 52px;
height: 52px;
border-radius: 50%;
background: #fff;
color: var(--theme-primary-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 18px;
}
.single-property-post.style1 .content .list-controller a.active,
.single-property-post.style1 .content .list-controller a:hover {
background: var(--theme-primary-color);
color: #fff;
}
.single-property-post.style1 .content .list-controller .fa-plus::before {
content: '\e982';
font-family: 'proty';
}
.single-property-post.style1 .content .list-controller .fa-bookmark::before {
content: "\e984";
font-family: 'proty';
}
.single-property-post.style1 .content .list-controller .fa-minus::before {
content: '\e93e';
font-family: 'proty';
}
.single-property-post.style1 .content .price-content {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
max-width: 550px;
row-gap: 15px;
border-top: 1px solid #E4E4E4;
padding-top: 40px;
}
.single-property-post.style1 .content .contact-agent {
margin-bottom: 39px;
margin-top: 40px;
}
.single-property-post.style1 .content .prop-btn {
border: 1px solid var(--theme-primary-color);
color: var(--theme-primary-color);
padding: 11px 28px;
border-radius: 12px;
}
.single-property-post.style1 .content .prop-btn:hover {
background: var(--theme-primary-color);
color: #fff;
}
.single-property-post.style1 .content .tfre-compare-property .fa-plus::before {
content: '\e900';
font-family: 'proty';
}
.single-property-post.style1 .content .tfre-compare-property .fa-minus::before {
content: '\e963';
font-family: 'proty';
}
.single-property-post.style1 .content .tfre-compare-property i {
font-size: 20px;
margin-right: 7px;
vertical-align: bottom;
}
.single-property-post.style1 .content .price-content .inner {
display: flex;
align-items: center;
column-gap: 20px;
row-gap: 10px;
}
.single-property-post.style1 .tfre-property-info .single-property-image-main-1 .property-gallery-item img {
height: 692px;
object-fit: cover;
}
.single-property-post .owl-dots {
position: absolute;
top: 50%;
right: -97px;
transform: translateY(-50%) rotate(90deg);
}
.single-property-post .owl-carousel .owl-dots .owl-dot {
margin: 0 7.5px;
border-radius: 50%;
position: relative;
display: inline-block;
overflow: unset;
flex-shrink: 0;
background-color: rgb(223, 223, 223);
width: 12px;
height: 12px;
}
.single-property-post .owl-carousel .owl-dots .owl-dot.active {
opacity: 1;
background: var(--theme-primary-color);
width: 16px;
height: 16px;
} .single-property-post .owl-nav button {
border: 1px solid #E4E4E4;
width: 60px;
height: 60px;
background: #fff;
color: #161E2D;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
font-size: 30px;
}
.single-property-post .owl-nav button:hover,
.single-property-post .owl-nav button.disabled {
border-color: var(--theme-primary-color);
background: var(--theme-primary-color);
color: #fff;
}
.single-property-post .owl-nav button.disabled {
opacity: 0;
visibility: hidden;
}
.single-property-post .owl-prev,
.single-property-post .owl-next {
position: absolute;
top: 50%;
z-index: 99;
transform: translate(50%, -50%);
}
.single-property-post .owl-next {
right: -1px;
}
.single-property-post .owl-prev {
left: -60px;
}
.single-property-post.style2 .owl-next {
right: 60px;
}
.single-property-post.style2 .owl-prev {
left: 0px;
} .single-property-post.style2 .featured-single-property {
position: relative;
}
.single-property-post.style2 .featured-single-property .content-wrapper {
position: absolute;
top: 50%;
left: 16.1%;
transform: translateY(-50%);
}
.single-property-post.style2 .featured-single-property .content-wrapper .content {
padding: 20px 15px 15px 18px;
display: inline-block;
background: #fff;
border-radius: 8px;
}
.single-property-post.style2 .group-title p {
font-size: 14px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.08em;
color: var(--theme-primary-color);
margin-bottom: 4px;
}
.single-property-post.style2 .group-title h4 {
margin: 0;
}
.single-property-post.style2 .group-title {
margin-bottom: 41px;
}
.single-property-post.style2 .content .top {
display: flex;
align-items: center;
column-gap: 15px;
margin-bottom: 13px;
}
.single-property-post.style2 .content .top span {
font-size: 12px;
font-weight: 600;
line-height: 19px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #fff;
border-radius: 4px;
padding: 0 8px;
background: #0B213266;
}
.single-property-post.style2 .content .top .featured-text {
background: #198754;
}
.single-property-post.style2 .content .address {
color: #5C6368;
display: flex;
align-items: center;
column-gap: 6px;
margin-left: 3px;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.single-property-post.style2 .content .heading .title {
margin-bottom: 8px;
}
.single-property-post.style2 .content .property-information {
color: #161E2D;
display: flex;
align-items: center;
font-size: 18px;
font-weight: 700;
line-height: 28px;
}
.single-property-post.style2 .content .property-information i {
width: unset !important;
height: unset;
display: unset;
align-items: unset;
font-size: 28px;
margin-right: 12px;
}
.single-property-post.style2 .content .property-information .value {
margin-right: 4px;
}
.single-property-post.style2 .content .description {
display: flex;
align-items: center;
column-gap: 61px;
row-gap: 15px;
flex-wrap: wrap;
margin-bottom: 16px;
}
.single-property-post.style2 .content .contact-agent .avatar {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
margin-right: 12px;
}
.single-property-post.style2 .content .contact-agent .agent {
display: flex;
align-items: center;
}
.single-property-post.style2 .content .contact-agent .agent-position {
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #5C6368;
margin-bottom: 0px;
}
.single-property-post.style2 .content .contact-agent a {
font-size: 16px;
font-weight: 700;
line-height: 26px;
color: #161E2D;
}
.single-property-post.style2 .content .contact-agent a:hover {
color: var(--theme-primary-color);
}
.single-property-post.style2 .content .heading {
margin-bottom: 20px;
}
.single-property-post.style2 .content .price-content .price {
font-size: 24px;
font-weight: 700;
line-height: 30px;
color: #161E2D;
}
.single-property-post.style2 .content .price-content .price span {
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #5C6368;
}
.single-property-post.style2 .content .list-controller {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
margin-top: 20px;
}
.single-property-post.style2 .content .list-controller a {
width: 52px;
height: 52px;
border-radius: 4px;
background: #fff;
color: #161E2D;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #E4E4E4;
font-size: 21px;
}
.single-property-post.style2 .content .list-controller a.active,
.single-property-post.style2 .content .list-controller a:hover {
background: var(--theme-primary-color);
color: #fff;
border-color: var(--theme-primary-color);
}
.single-property-post.style2 .content .list-controller .fa-plus::before {
content: '\e982';
font-family: 'proty';
}
.single-property-post.style2 .content .list-controller .fa-bookmark::before {
content: "\e984";
font-family: 'proty';
}
.single-property-post.style2 .content .list-controller .fa-minus::before {
content: '\e93e';
font-family: 'proty';
}
.single-property-post.style2 .content .price-content {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
max-width: 550px;
row-gap: 15px;
}
.single-property-post.style2 .content .property-bottom {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 10px;
border-top: 1px solid #E4E4E4;
padding-top: 13px;
}
.single-property-post.style2 .tfre-property-info .single-property-image-main-2 .property-gallery-item img {
height: 900px;
object-fit: cover;
}
.single-property-post .owl-nav.disabled {
display: none;
}
.custom-arrow .tf-posts .owl-nav button.owl-prev {
left: calc(100% - 110px);
} .widget-single-property.style2 .tfre-property-info .property-gallery-item img {
height: 871px;
width: 100%;
object-fit: cover;
border-radius: 32px;
}
.widget-single-property.style2 .content-wrapper {
padding: 32px;
border-radius: 24px;
width: 620px;
position: absolute;
top: 90px;
right: 90px;
background: #fff;
z-index: 5;
}
.widget-single-property.style2.boxed .content-wrapper {
width: 594px;
top: 16px;
right: 16px;
}
.widget-single-property.style2.boxed .tfre-property-info .property-gallery-item img {
height: 703px;
border-radius: 24px;
}
.widget-single-property.style2 .featured-single-property {
position: relative;
}
.widget-single-property.style2 .content-wrapper .title {
font-size: 32px;
font-weight: 500;
line-height: 40px;
margin-bottom: 13px;
}
.widget-single-property.style2 .content-wrapper .heading {
margin-bottom: 32px;
}
.widget-single-property.style2 .content-wrapper .address {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;
}
.widget-single-property.style2 .content-wrapper .address i {
margin-right: 8px;
vertical-align: text-top;
font-size: 18px;
}
.widget-single-property.style2 .content-wrapper .description {
all: unset;
display: flex
;
flex-wrap: wrap;
row-gap: 20px;
margin-bottom: 47px;
}
.widget-single-property.style2 .content-wrapper .description .property-information {
padding: 0 24px;
}
.widget-single-property.style2 .content-wrapper .description .property-information:first-child {
padding-left: 0;
}
.widget-single-property.style2 .content-wrapper .description .property-information:last-child {
padding-right: 0;
}
.widget-single-property.style2 .content-wrapper .description .property-information .inner-icon {
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;
}
.widget-single-property.style2 .content-wrapper .description .property-information .value {
font-size: 48px;
font-weight: 200;
line-height: 60px;
color: #2C2E33;
}
.widget-single-property.style2 .content-wrapper .description .property-information .value b {
opacity: 0.5;
font-weight: 400;
}
.widget-single-property.style2 .content-wrapper .group-price {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 48px;
border-bottom: 1px solid #ECECEC;
margin-bottom: 48px;
}
.widget-single-property.style2 .content-wrapper .price {
font-size: 48px;
font-weight: 200;
line-height: 60px;
color: #2C2E33;
}
.widget-single-property.style2 .content-wrapper .prop-btn {
background: transparent;
border: 1px solid var(--theme-primary-color);
padding: 15px 25px;
border-radius: 999px;
color: var(--theme-primary-color);
font-size: 16px;
font-weight: 700;
line-height: 22.4px;
}
.widget-single-property.style2 .content-wrapper .prop-btn i {
margin-left: 4px;
vertical-align: text-bottom;
font-size: 21px;
}
.widget-single-property.style2 .content-wrapper .prop-btn:hover {
background: var(--theme-primary-color);
color: #fff;
}
.widget-single-property.style2 .content-wrapper .contact-agent .avatar {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
margin-right: 24px;
}
.widget-single-property.style2 .content-wrapper .contact-agent .agent {
display: flex;
align-items: center;
}
.widget-single-property.style2 .content-wrapper .contact-agent .agent-position {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;    
margin-bottom: -1px;
}
.widget-single-property.style2 .content-wrapper .contact-agent a {
font-size: 24px;
font-weight: 400;
line-height: 33.6px;
color: #2C2E33;
}
.widget-single-property.style2 .content-wrapper .contact-agent a:hover {
color: var(--theme-primary-color);
}
.widget-single-property.style2 .content-wrapper .tf-button  {
padding: 17px 43px;
background: #2C2E33;
border-radius: 999px;
font-size: 20px;
font-weight: 700;
line-height: 28px;
color: #fff;
display: block;
text-align: center;
margin-top: 48px;
}
.widget-single-property.style2 .content-wrapper .tf-button:hover {
background: var(--theme-primary-color);
color: #fff;
}
.widget-single-property.style2 .content-wrapper .tf-button span {
display: block;
font-size: 16px;
font-weight: 300;
margin-top: -5px;
} .tf-slider-listing .tf-slider-listing-inner {
display: flex
;
margin-left: -32px;
align-items: center;
padding-bottom: 40px;
flex-wrap: wrap;
}
.tf-slider-listing .tf-slider-listing-inner .content-left {
width: calc(50% - 32px);
margin-left: 32px;
padding-top: 97px;
}
.tf-slider-listing .tf-slider-listing-inner .content-right {
width: calc(50% - 32px);
margin-left: 32px;
}
.tf-slider-listing .group-title h2 {
font-size: 90px;
font-weight: 500;
line-height: 1.0666666666666667em;
}
.tf-slider-listing .group-title {
margin-bottom: 39px;
}
.tf-slider-listing .content-listing .heading .title {
font-size: 32px;
font-weight: 500;
line-height: 40px;
margin-bottom: 12px;
}
.tf-slider-listing .content-listing .address {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;
margin-bottom: 33px;
}
.tf-slider-listing .content-listing .address i {
margin-right: 7px;
vertical-align: text-bottom;
font-size: 18px;
}
.tf-slider-listing .content-listing .description {
display: flex;
flex-wrap: wrap;
padding-bottom: 40px;
background: #fff;
position: relative;
z-index: 5;
}
.tf-slider-listing .content-listing .description .value {
font-size: 56px;
font-weight: 200;
line-height: 1.25em;
color: #2C2E33;
}
.tf-slider-listing .content-listing .description .group-if {
display: flex;
align-items: center;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;
gap: 7px;
}
.tf-slider-listing .content-listing .description .property-information {
padding: 0 56px;
border-right: 1px solid #ECECEC;
}
.tf-slider-listing .content-listing .description .property-information:first-child {
padding-left: 0;
}
.tf-slider-listing .content-listing .description .property-information:last-child {
padding-right: 0;
border-right: unset;
}
.tf-slider-listing .content-left .slider-card .item img {
height: 357px;
width: 100%;
object-fit: cover;
}
.tf-slider-listing .content-left .slider-card {
height: 357px;
}
.tf-slider-listing .content-left .slider-card .swiper-slide {
box-shadow: 0px 20px 30px 0px #00000033;
border-radius: 24px;
overflow: hidden;
}
.tf-slider-listing .content-right .slider-preview .item img {
height: 1020px;
width: 100%;
object-fit: cover;
}
.tf-slider-listing .content-right .slider-preview .item {
border-radius: 24px;
overflow: hidden;
}
.tf-slider-listing .content-right .item {
position: relative;
}
.tf-slider-listing .content-right .preview-content {
background: #fff;
padding: 8px;
border-radius: 16px;
position: absolute;
left: 16px;
bottom: 16px;
z-index: 10;
}
.tf-slider-listing .content-right .preview-content .btn-thumb {
width: 48px;
height: 48px;
background: #2C2E33;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 22px;
}
.tf-slider-listing .content-right .preview-content .btn-thumb:hover {
background: var(--theme-primary-color);
color: #fff;
}
.tf-slider-listing .content-right .preview-content .image img {
width: 154px;
height: 117px !important;
border-radius: 16px;
}
.tf-slider-listing .content-right .preview-content image {
flex-shrink: 0;
}
.tf-slider-listing .content-right .preview-content {
display: flex;
gap: 24px;
}
.tf-slider-listing .content-right .preview-content .title {
font-size: 20px;
font-weight: 600;
line-height: 25px;
}
.tf-slider-listing .content-right .preview-content .address {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #5C5E61;
margin-bottom: 14px;
}
.tf-slider-listing .content-right .preview-content .address i {
margin-right: 7px;
vertical-align: text-bottom;
font-size: 18px;
}
.tf-slider-listing .content-listing .heading .title,
.tf-slider-listing .content-right .preview-content,
.tf-slider-listing .content-listing .address,
.tf-slider-listing .group-title  {
visibility: hidden;
opacity: 0;
-webkit-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
transform: translateY(30px);
}
.tf-slider-listing .swiper-slide-active .content-listing .heading .title,
.tf-slider-listing .swiper-slide-active .content-listing .address,
.tf-slider-listing .swiper-slide-active .content-right .preview-content,
.tf-slider-listing .swiper-slide-active .group-title  {
visibility: visible;
opacity: 1;
}
.tf-slider-listing .swiper-slide-active .content-listing .heading .title,
.tf-slider-listing .swiper-slide-active .content-listing .address,
.tf-slider-listing .swiper-slide-active .content-right .preview-content,
.tf-slider-listing .swiper-slide-active .group-title  {
transform: translateY(0px);
}
.tf-slider-listing .swiper-slide-active  .group-title {
transition-delay: 0.3s;
}
.tf-slider-listing .swiper-slide-active  .content-listing .heading .title {
transition-delay: 0.5s;
}
.tf-slider-listing .swiper-slide-active  .content-listing .address,
.tf-slider-listing .swiper-slide-active .content-right .preview-content {
transition-delay: 0.7s;
}
@media only screen and (max-width: 1350px) {
.single-property-post.style1 .content .description {
column-gap: 30px;
}
.single-property-post.style1 .group-title,
.single-property-post.style1 .content .description {
margin-bottom: 25px;
}
.single-property-post .owl-prev {
left: -15px;
}
.single-property-post .owl-next {
right: 45px;
}
.tf-properties-wrap .wrap-properties-post.column-4 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.tf-slider-listing .content-listing .description .property-information {
padding: 0 20px;
}
.tf-slider-listing .content-listing .description .value,
.tf-properties-wrap.list3 .price,
.tf-properties-wrap.list3 .content .description .property-information .value {
font-size: 30px;
}
.tf-slider-listing .group-title h2 {
font-size: 50px;
}
.tf-slider-listing .content-right .slider-preview .item img {
height: 900px;
}
.tf-properties-wrap.list3 .content .description .property-information {
padding: 0 10px;
}
}
@media only screen and (max-width: 1024px) {
.tf-properties-wrap.list1 .content .description, .tf-properties-wrap.style2 .content .description {
column-gap: 20px;
row-gap: 10px;
}
.single-property-post.style1 .featured-single-property .content-wrapper {
padding: 18px 30px 18px 30px;
}
.tf-properties-wrap.list3 .properties-post .featured-property {
width: 60%;
}
}
@media only screen and (max-width: 991px) {
.tf-properties-wrap .wrap-properties-post.column-4 .item,
.tf-properties-wrap .wrap-properties-post.column-3 .item,
.tf-properties-wrap .wrap-properties-post.column-1 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.tf-properties-wrap .wrap-properties-post.column-4 .item,
.tf-properties-wrap .wrap-properties-post.column-3 .item,
.tf-properties-wrap .wrap-properties-post.column-1 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.tf-properties-wrap.grid1 .price ,
.tf-properties-wrap.style1 .price {
font-size: 20px;
}
.single-property-post.style1 .featured-single-property {
display: block;
}
.single-property-post.style1 .featured-single-property .tfre-property-info,
.single-property-post.style1 .featured-single-property .content-wrapper {
width: 100% !important;
}
.single-property-post.style1 .content .price-content {
max-width: unset;
}
.single-property-post.style2 .tfre-property-info .single-property-image-main-2 .property-gallery-item img {
height: 500px;
object-fit: cover;
}
.tf-properties-wrap.grid2 .bottom-prop {
flex-wrap: wrap;
}
.single-property-post.style1 .featured-single-property .content-wrapper {
padding: 50px 20px;
}
.tf-properties-wrap.list1 .content .description {
display: flex;
gap: 20px 10px;
flex-wrap: wrap;
}
.tf-slider-listing .tf-slider-listing-inner .content-left,
.tf-slider-listing .tf-slider-listing-inner .content-right  {
width: calc(100% - 32px);
padding: 0;
}
.tf-slider-listing .tf-slider-listing-inner {
row-gap: 100px;
}
.tf-slider-listing .content-right .slider-preview .item img {
height: 400px;
}
}
@media only screen and (max-width: 767px) {
.tf-properties-wrap .wrap-properties-post.column-4 .item,
.tf-properties-wrap .wrap-properties-post.column-3 .item,
.tf-properties-wrap .wrap-properties-post.column-2 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.tf-properties-wrap.list1 .wrap-properties-post .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.tf-properties-wrap .wrap-properties-post .item {
padding: 15px 10px 25px 10px;
}
.tf-properties-wrap .properties.row {
margin-right: -10px;
margin-left: -10px;
}
.tf-properties-wrap.has-carousel .properties.row {
margin-right: 0px;
margin-left: 0px;
}
.tf-properties-wrap .content .title a,
.tf-properties-wrap.grid1 .content .address, .tf-properties-wrap.list1 .content .address  {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.tf-properties-wrap.list1 .content .description {
grid-template-columns: 1fr;
}
.tf-properties-wrap .content {
padding: 20px 10px !important;
}
.tf-properties-wrap .featured-property .list-controller {
top: unset;
transform: translateX(-50%);
bottom: 20px;
}
.tf-properties-wrap.grid1 .featured-property .list-text,
.tf-properties-wrap.list1 .featured-property .list-text {
gap: 5px;
}
.tf-properties-wrap.grid1 .featured-property .list-text span,
.tf-properties-wrap.list1 .featured-property .list-text span {
font-size: 10px;
padding: 1px 10px 0px 10px;
}
.tf-properties-wrap.grid1 .content .description, .tf-properties-wrap.list1 .content .description {
column-gap: 10px;
row-gap: 0px;
}
.tf-properties-wrap.grid1 .featured-property .list-controller a, .tf-properties-wrap.list1 .featured-property .list-controller a {
width: 30px;
height: 30px;
font-size: 14px;
}
.tf-properties-wrap .filter-bar {
flex-wrap: nowrap;
overflow-y: scroll;
width: 100%;
justify-content: left;
}
.hv-tool::after,
.hv-tool::before,
.single-property-post .owl-prev,
.single-property-post .owl-next,
.single-property-post .owl-nav button {
display: none;
}
.single-property-post.style1 .tfre-property-info .single-property-image-main-1 .property-gallery-item img {
height: 100%;
}
.single-property-post.style2 .featured-single-property .content-wrapper {
left: 50%;
width: 90%;
transform: translate(-50%, -50%);
}
.single-property-post.style1 .featured-single-property .content-wrapper .content {
margin: 0;
}
.tf-slider-listing .group-title h2 {
font-size: 40px;
}
.tf-slider-listing .content-listing .description .property-information {
padding: 0 10px;
border: none;
}
.tf-slider-listing .content-listing .description .group-if {
font-size: 12px;
}
.tf-slider-listing .content-left .slider-card .item img {
height: 100%;
}
.tf-slider-listing .content-right .preview-content .title {
font-size: 14px;
}
.tf-slider-listing .content-right .preview-content .address {
font-size: 12px;
}
.tf-slider-listing .content-right .preview-content .image img {
width: 110px;
height: 100% !important;
}
.tf-slider-listing .content-right .preview-content {
gap: 10px;
}
.tf-slider-listing .content-right .preview-content {
left: 8px;
bottom: 8px;
right: 8px;
}
.tf-properties-wrap.list3 .properties-post {
flex-direction: column;
gap: 10px;
}
.tf-properties-wrap.list3 .properties-post .featured-property {
order: -1;
}
.tf-properties-wrap.list3 .properties-post .featured-property,
.tf-properties-wrap.list3 .properties-post .content {
width: 100% !important;
}
}  .tf-properties-wrap.type-with-map .wrap-properties-post .loading-icon {
align-items: flex-start !important;
background: rgba(255, 255, 255, 0.9) !important;
opacity: 1 !important;
z-index: 99 !important;
}
.tf-properties-wrap.type-with-map .owl-stage {
margin: 0 auto;
}
.tf-properties-wrap.type-with-map .wrap-properties-post  .loading-icon .dot-flashing {
top: 120px;
} 
.tf-properties-wrap.type-with-map .filter-bar { 
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
gap: 10px;
margin-bottom: 0;
align-items: stretch;
}
.tf-properties-wrap.type-with-map .no-item {
padding: 15px;
}
.tf-properties-wrap.type-with-map .filter-bar a {
display: flex;
flex-direction: column;
gap: 8px;
align-items: center;
background: transparent;
color: #5C6368;
font-size: 18px;
font-weight: 700;
line-height: 28px;
border-bottom: 4px solid transparent;
border-radius: 0;
}
.tf-properties-wrap.type-with-map .filter-bar a.active,
.tf-properties-wrap.type-with-map .filter-bar a:hover {
color: #161E2D;
border-color: var(--theme-primary-color);
}
.tf-properties-wrap.type-with-map .filter-bar a svg {
max-width: 40px;
max-height: 40px;
}
.tf-properties-wrap.type-with-map .filter-bar a svg path {
fill: #5C6368;
}
.tf-properties-wrap.type-with-map .filter-bar a.active svg path,
.tf-properties-wrap.type-with-map .filter-bar a:hover svg path {
fill: #161E2D;
}
.tf-properties-wrap.type-with-map .content-inner {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.tf-properties-wrap.type-with-map .wrap-properties-post .content-tab .content-tab-inner .properties {
position: relative;
}
.tf-properties-wrap.type-with-map .content-inner .content-left {
width: calc(53.7% - 17px);
margin-left: 17px;
height: calc(100vh - 258px);
overflow-x: hidden;
overflow-y: auto;
padding-right: 40px;
}
.tf-properties-wrap.type-with-map .content-inner .content-left::-webkit-scrollbar-thumb {
background: #e4e4e4;
}
.tf-properties-wrap.type-with-map .content-inner .content-left::-webkit-scrollbar {
width: 5px;
}
.tf-properties-wrap.type-with-map .content-inner .content-right {
width: 46.3%;
height: calc(100vh - 258px);
overflow: hidden;
}
.tf-properties-wrap.map .featured-property .view-gallery {
border-radius: 12px 12px 0 0;
}
.tf-properties-wrap.map .content {
padding: 16px 16px;
}
.tf-properties-wrap.map .content .title {
font-size: 18px;
color: #161E2D;
line-height: 28px;
margin-bottom: 4px;
}
.tf-properties-wrap.map .content .address {
font-size: 14px;
line-height: 22px;
margin-bottom: 16px;
}
.tf-properties-wrap.map .content .description .property-information {
column-gap: 7px;
}
.tf-properties-wrap.map .content .description .value {
font-size: 14px;
font-weight: 700;
line-height: 24px;
color: #161E2D;
}
.tf-properties-wrap.map .content .description .property-information i {
font-size: 19px;
}
.tf-properties-wrap.map .content .description {
column-gap: 22px;
}
.tf-properties-wrap.map .bottom {
border-radius: 0 0 12px 12px;
padding: 14px 14px;
}
.tf-properties-wrap.map .bottom .avatar {
font-size: 14px !important;
font-weight: 400 !important;
line-height: 22px !important;
}
.tf-properties-wrap.map .price {
font-size: 20px;
}
.tf-properties-wrap.taxo-carousel .owl-carousel .owl-nav button.owl-prev,
.tf-properties-wrap.taxo-carousel .owl-carousel .owl-nav button.owl-next {
border: 1px solid #E4E4E4;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
font-size: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
background-color: #fff;
}
.tf-properties-wrap.taxo-carousel .owl-carousel .owl-nav button.owl-next {
left: auto;
right: 10px;
}
.tf-properties-wrap.taxo-carousel .owl-carousel .owl-nav button.owl-prev span,
.tf-properties-wrap.taxo-carousel .owl-carousel .owl-nav button.owl-next span {
color: inherit;
}
.tf-properties-wrap.taxo-carousel .owl-carousel .owl-nav .owl-prev:hover,
.tf-properties-wrap.taxo-carousel .owl-carousel .owl-nav .owl-next:hover {
color: #fff;
background-color: var(--theme-primary-color);
} .tf-map-property .map-container:has(#map) {
position: inherit;
overflow: inherit;
height: 460px !important;
}
.tf-map-property .mapboxgl-map {
width: 100% !important;
position: relative !important;
height: 100% !important;
}
@media only screen and (max-width: 1500px) { 
.tf-properties-wrap.type-with-map .wrap-properties-post.column-4 .item,
.tf-properties-wrap.type-with-map .wrap-properties-post.column-3 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.tf-properties-wrap.grid1 .content .description .property-information, .tf-properties-wrap.grid2 .content .description .property-information, .tf-properties-wrap.list1 .content .description .property-information, .tf-properties-wrap.style1 .content .description .property-information {
width: unset;
}
}
@media only screen and (max-width: 991px) { 
.tf-properties-wrap.type-with-map .wrap-properties-post.column-4 .item,
.tf-properties-wrap.type-with-map .wrap-properties-post.column-3 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.tf-properties-wrap.taxo-carousel .owl-carousel .owl-nav button.owl-prev,
.tf-properties-wrap.taxo-carousel .owl-carousel .owl-nav button.owl-next {
display: none;
}
.tf-properties-wrap.type-with-map .content-inner .content-left {
padding-right: 20px;
}
.widget-single-property.style2 .content-wrapper {
width: 65%;
right: 30px;
}
.widget-single-property.style2.boxed .content-wrapper {
width: 60%;
}
.tf-properties-wrap.list2 .properties-post {
flex-wrap: wrap;
}
.tf-properties-wrap.list2 .properties-post .featured-property,
.tf-properties-wrap.list2 .properties-post .content {
width: 100%;
}
.tf-properties-wrap.list2 .featured-property > a {
border-radius: 16px 16px 0 0;
}
.tf-properties-wrap.list2 .content {
border-radius: 0 0 16px 16px;
}
.tf-properties-wrap.grid5 .content .bottom-content .inner-left, .tf-properties-wrap.grid5 .content .bottom-content .inner-right {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) { 
.tf-properties-wrap.type-with-map .content-inner {
flex-direction: column;
}
.tf-properties-wrap.type-with-map .content-inner .content-left,
.tf-properties-wrap.type-with-map .content-inner .content-right {
width: 100%;
margin: 0;
padding: 0 15px;
}
.tf-properties-wrap .wrap-properties-post.column-1 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.tf-properties-wrap.type-with-map .content-inner .content-left,
.tf-properties-wrap.type-with-map .content-inner .content-right {
height: 100%;
}
.tf-properties-wrap.type-with-map .content-inner .content-left {
margin-bottom: 50px;
}
.tf-posts .owl-nav button {
display: none !important;
}
.tf-properties-wrap.has-carousel .owl-carousel .owl-nav {
display: none;
}
.single-property-post.style1 .group-title h4 {
font-size: 30px;
}
.tf-properties-wrap .properties-post .bottom-prop .prop-btn {
padding: 5px 21px;
}
.tf-properties-wrap.grid4 .bottom-prop .avatar img {
width: 30px;
height: 30px;
}
.tf-properties-wrap.grid4 .bottom-prop .avatar {
gap: 10px;
}
.tf-properties-wrap.grid4 .bottom-prop .avatar span {
font-size: 12px;
}
.tf-properties-wrap.grid4 .price {
left: 10px;
bottom: 25px;
}
.tf-properties-wrap.grid4 .type-desc {
right: 10px;
}
.tf-properties-wrap.list2 .properties-post {
flex-direction: column;
}
.tf-properties-wrap.list2 .featured-property > a {
border-radius: 16px 16px 0 0;
}
.tf-properties-wrap.list2 .content {
border-radius: 0 0px 16px 16px;
}
.tf-properties-wrap.list2 .properties-post .featured-property,
.tf-properties-wrap.list2 .properties-post .content  {
width: 100%;
}
.widget-single-property.style2 .content-wrapper {
padding: 15px;
width: 90%;
right: 0;
left: 0;
top: unset;
bottom: 15px;
margin: 0 auto;
}
.widget-single-property.style2 .content-wrapper .title {
font-size: 25px;
}
.widget-single-property.style2 .content-wrapper .description .property-information .value,
.widget-single-property.style2 .content-wrapper .price {
font-size: 30px;
line-height: 40px;
}
.widget-single-property.style2 .content-wrapper .description .property-information {
padding: 0 10px;
}
.widget-single-property.style2 .content-wrapper .prop-btn {
padding: 10px 15px;
}
.widget-single-property.style2 .content-wrapper .group-price {
padding-bottom: 20px;
border-bottom: 1px solid #ECECEC;
margin-bottom: 20px;
}
.widget-single-property.style2 .content-wrapper .contact-agent .avatar {
width: 40px;
height: 40px;
margin-right: 10px;
}
.widget-single-property.style2 .content-wrapper .contact-agent a {
font-size: 18px;
line-height: 27.6px;
}
.widget-single-property.style2 .content-wrapper .contact-agent .agent-position {
font-size: 14px;
}
.widget-single-property.style2 .content-wrapper .tf-button {
margin-top: 30px;
padding: 10px 43px;
}
.widget-single-property.style2.boxed .content-wrapper {
width: 90%;
top: unset;
right: 0;
bottom: 16px;
}
.tf-properties-wrap.grid5 .content .bottom-content {
flex-wrap: wrap;
}
.tf-properties-wrap.grid5 .type-desc {
margin-bottom: 5px;
position: unset;
}
.tf-properties-wrap.grid4 .featured-property .bottom-infor-features,
.tf-properties-wrap.list2 .featured-property .bottom-infor-features  {
flex-wrap: wrap;
row-gap: 10px;
}
.tf-properties-wrap.list2 .type-desc a,
.tf-properties-wrap.list2 .type-desc i {
font-size: 12px;
}
.tf-properties-wrap.list2 .type-desc {
padding: 3px 12px;
margin-bottom: 10px;
}
.tf-properties-wrap.list2 .type-desc {
row-gap: 0px;
}
.tf-properties-wrap.grid5 .content .title {
font-size: 22px;
}
.tf-properties-wrap.grid2 .featured-property .bottom-infor-features,
.tf-properties-wrap.grid3 .featured-property .bottom-infor-features {
top: 10px;
left: 10px;
flex-wrap: wrap;
}
.tf-properties-wrap.grid2 .bottom-infor-features .list-text,
.tf-properties-wrap.grid3 .bottom-infor-features .list-text {
flex-wrap: wrap;
}
.tf-properties-wrap.grid2 .featured-property .bottom-infor-features,
.tf-properties-wrap.grid3 .featured-property .bottom-infor-features {
row-gap: 10px;
}
.tf-properties-wrap.grid2 .bottom-infor-features .list-text span,
.tf-properties-wrap.grid3 .bottom-infor-features .list-text span {
font-size: 10px;
padding: 5px 5px 5px 5px;
}
.tf-properties-wrap.grid2 .bottom-infor-features .list-controll a,
.tf-properties-wrap.grid3 .bottom-infor-features .list-controll a {
font-size: 12px;
padding: 5px 7px;
}
}