.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//portobelloveiculos.com/wp-content/plugins/themesflat-core/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
body.rtl .owl-carousel .owl-stage-outer{
direction: ltr;
}.tf-slider-listing {
min-height: 650px;
}
.tf-slider-listing .slider-content {
position: relative;
}
.tf-slider-listing .slider-content .thumb {
height: 960px;
width: 100%;
object-fit: cover;
}
.tf-slider-listing .slider-content .slider-post {
position: absolute;
max-width: 1277px;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
padding-top: 194px;
padding-left: 15px !important;
padding-right: 15px !important;
}
.tf-slider-listing .slider-content h1 {
font-size: 70px;
font-weight: 600;
line-height: 1em;
margin-bottom: 21px;
}
.tf-slider-listing .slider-content .avatar-thumb img {
width: 42px;
height: 42px;
border-radius: 50%;
object-fit: cover;
}
.tf-slider-listing .slider-content .avatar-thumb .position {
font-family: 'Inter';
font-size: 12px;
font-weight: 400;
line-height: 16.8px;
color: #fff;
}
.tf-slider-listing .slider-content .avatar-thumb .name {
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
color: #fff;
margin-bottom: 2px;
}
.tf-slider-listing .slider-content .avatar-thumb {
display: flex;
align-items: center;
gap: 7px;
}
.tf-slider-listing .slider-content .bottom-slider {
display: flex;
align-items: center;
gap: 20px;
}
.tf-slider-listing .slider-content .button-details,
.tf-slider-listing .slider-content .desc,
.tf-slider-listing .bottom-slider,
.tf-slider-listing .slider-content .details-car,
.tf-slider-listing .slider-content h1,
.tf-slider-listing .slider-content .subtitle {
animation-fill-mode: both;
animation-duration: 2000ms;
}
.tf-slider-listing .slider-content h1,
.tf-slider-listing .bottom-slider {
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.tf-slider-listing .slider-content .details-car {
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.tf-slider-listing .slider-content .desc {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.tf-slider-listing .bottom-slider,
.tf-slider-listing .slider-content .button-details {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.tf-slider-listing .owl-item.active .slider-content .button-details,
.tf-slider-listing .owl-item.active .slider-content .desc,
.tf-slider-listing .owl-item.active .bottom-slider,
.tf-slider-listing .owl-item.active .slider-content .details-car,
.tf-slider-listing .owl-item.active .slider-content h1 {
animation-name: uicoreFadeInUp, uicoreFadeIn!important;
animation-timing-function: cubic-bezier(.22,1,.36,1),cubic-bezier(0,0,.2,1);
}
.tf-slider-listing .owl-item.active .slider-content .subtitle {
animation-name: uicoreFadeInDown, uicoreFadeIn!important;
animation-timing-function: cubic-bezier(.22,1,.36,1),cubic-bezier(0,0,.2,1);
}
.tf-slider-listing .slider-content .button-details {
display: block;
}
.tf-slider-listing .slider-content .button-details a {
display: inline-block;
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
color: #24272C;
background: #fff;
border-radius: 14px;
padding: 15px 20px;
min-width: 150px;
text-align: center;
}
.tf-slider-listing .slider-content .button-details a:hover {
background: var(--theme-primary-color);
color: #fff;
}
.tf-slider-listing .slider-content h1 a,
.tf-slider-listing .slider-content .details-car li {
color: #fff;
}
.tf-slider-listing .slider-content h1 a:hover {
color: var(--theme-primary-color);
}
.tf-slider-listing .slider-content .listing-information {
display: flex;
align-items: center;
}
.tf-slider-listing .slider-content .details-car li {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
gap: 7px;
}
.tf-slider-listing .slider-content .details-car {
display: flex;
align-items: center;
column-gap: 30px;
margin-bottom: 37px;
}
.tf-slider-listing .media-inner {
position: relative;
}
.tf-slider-listing .media-inner::after {
content: '';
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.3;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
} .tf-slider-listing.style2 .slider-content .slider-post {
display: flex;
gap: 30px;
padding-top: 173px;
}
.tf-slider-listing .slider-content .content-left ul {
display: flex;
flex-direction: column;
gap: 10px;
}
.tf-slider-listing .slider-content .content-left li {
background: rgba(255, 255, 255, 0.12);
border-radius: 16px;
padding: 20px 20px 20px 20px;
display: inline-block;
font-size: 16px;
font-weight: 700;
line-height: 20.16px;
color: #fff;
min-width: 190px;
max-width: 190px;
position: relative;
overflow: hidden;
}
.tf-slider-listing .slider-content .content-left li::after,
.tf-slider-listing.style3 .slider-content .content-left ul li::after {
position: absolute;
top: 0;
left: -160%;
display: block;
content: "";
width: 50%;
height: 100%;
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.tf-slider-listing .slider-content .content-left li:hover::after,
.tf-slider-listing.style3 .slider-content .content-left ul li:hover::after {
animation: shine 1.2s alternate;
}
.tf-slider-listing .slider-content .content-left li .sub {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
margin-bottom: 1px;
}
.tf-slider-listing .slider-content .content-left li svg {
margin-bottom: 21px;
}
.tf-slider-listing .slider-content .content-left .viewmore {
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
color: #fff;
margin-top: 16px;
display: block;
}
.tf-slider-listing .slider-content .content-left .viewmore i {
margin-left: 5px;
transform: rotate(-40deg);
display: inline-block;
vertical-align: middle;
}
.tf-slider-listing .slider-content .content-left .viewmore:hover {
color: var(--theme-primary-color);
}
.tf-slider-listing.style2 .owl-carousel .owl-nav button {
position: unset !important;
transform: unset !important;
}
.tf-slider-listing.style2 .owl-carousel .owl-nav {
display: flex;
gap: 11px;
position: absolute;
top: 50%;
right: 92px;
transform: translateY(-50%);
flex-direction: column-reverse;
}
.tf-slider-listing.style2 .slider-content .content {
max-width: 50%;
margin-top: 113px;
} .tf-slider-listing .slider-content h1,
.tf-slider-listing .slider-content .subtitle,
.tf-slider-listing .slider-content .desc {
color: #fff;
}
.tf-slider-listing .slider-content .subtitle,
.tf-slider-listing .slider-content .desc {
font-size: 20px;
font-weight: 300;
line-height: 25.2px;
}
.tf-slider-listing .slider-content .subtitle {
margin-bottom: 9px;
}
.tf-slider-listing .slider-content .desc {
margin-bottom: 40px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
} .tf-slider-listing.style3 .slider-content .slider-post {
max-width: 1728px;
padding-top: 182px;
}
.tf-slider-listing.style3 .slider-content .content {
max-width: 40%;
margin-bottom: 60px;
}
.tf-slider-listing.style3 .slider-content .desc {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
margin-bottom: 31px;
width: 70%;
}
.tf-slider-listing.style3 .slider-content .button-details a {
background: var(--theme-primary-color);
color: #fff;
padding: 15px 63px;
}
.tf-slider-listing.style3 .slider-content .button-details a:hover {
background: #24272C;
color: #fff;
}
.tf-slider-listing.style3 .slider-content .content-left ul {
display: inline-grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.tf-slider-listing.style3 .slider-content .content-left ul li {
min-width: 152px;
max-width: 152px;
font-size: 26px;
font-weight: 500;
line-height: 32.76px;
overflow: hidden;
position: relative;
}
.tf-slider-listing.style3 .slider-content .content-left li .sub {
font-size: 20px;
font-weight: 500;
line-height: 25.2px;
color: var(--theme-primary-color);
margin-bottom: 11px;
}
.tf-slider-listing.style3 .owl-carousel .owl-nav button {
position: unset !important;
transform: unset !important;
}
.tf-slider-listing.style3 .owl-carousel .owl-nav {
display: flex;
gap: 10px;
position: absolute;
bottom: 25%;
max-width: 1700px;
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.tf-slider-listing.style3 .owl-carousel .owl-nav .owl-next {
position: absolute !important;
right: 0;
}
.tf-slider-listing.style3 .owl-carousel .owl-nav .owl-prev {
right: calc(68px + 10px);
position: absolute !important;
left: unset;
}
.tf-slider-listing.style3 .list-action li:not(:last-child) {
margin-bottom: 20px;
}
.tf-slider-listing.style3 .list-action li span {
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
color: #fff;
max-width: 70px;
text-align: right;
-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;
}
.tf-slider-listing.style3 .list-action li .icon {
width: 68px;
height: 68px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.12);
-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;
}
.tf-slider-listing.style3 .list-action li a {
display: inline-flex;
align-items: center;
column-gap: 12px;
color: #fff;
font-size: 25px;
}
.tf-slider-listing.style3 .list-action li a.on-handle i::before {
content: "\e979"; 
font-family: 'autodeal';
}
.tf-slider-listing.style3 .list-action li a.on-handle i {
animation: spin .6s linear infinite;
}
.tf-slider-listing.style3 .list-action li .tfcl-compare-listing .icon .fa-plus::before {
content: "\e92e"; 
font-family: 'autodeal';
font-size: 30px;
}
@keyframes spin {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}
.tf-slider-listing.style3 .list-action li a:hover span,
.tf-slider-listing.style3 .list-action li a.active span {
color: var(--theme-primary-color);
}
.tf-slider-listing.style3 .list-action li a:hover .icon,
.tf-slider-listing.style3 .list-action li a.active .icon {
background: var(--theme-primary-color);
}
.tf-slider-listing.style3 .inner-content {
display: flex;
justify-content: space-between;
align-items: flex-start;
} .tf-slider-listing .owl-carousel .owl-nav button.owl-prev,
.tf-slider-listing .owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 50%;
left: 42px;
transform: translateY(-50%);
color: #fff;
background-color: rgba(255, 255, 255, 0.12);
font-size: 30px;
text-align: center;
padding: 0;
display: flex;
width: 68px;
height: 68px;
justify-content: center;
align-items: center;
border-radius: 16px;
border: none !important;
}
.tf-slider-listing .owl-carousel .owl-nav button.owl-next {
left: unset;
right: 41px;
}
.tf-slider-listing .owl-carousel .owl-nav button.disabled {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.12) !important;
opacity: 0.6;
}
.tf-slider-listing .owl-carousel .owl-nav button.owl-prev:hover,
.tf-slider-listing .owl-carousel .owl-nav button.owl-next:hover {
background: var(--theme-primary-color);
} @keyframes uicoreFadeInUp {
0% {
transform: translate3d(0,40px,0);
}
100% {
transform: translateZ(0);
}
}
@keyframes uicoreFadeInDown {
0% {
transform: translate3d(0,-40px,0);
}
100% {
transform: translateZ(0);
}
}
@keyframes uicoreFadeIn {
0% {
opacity: 0.6;
}
100% {
opacity: 1;
}
}
@media only screen and (max-width: 1500px) {
.tf-slider-listing .owl-carousel .owl-nav button.owl-prev, .tf-slider-listing .owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
border-radius: 5px;
font-size: 20px;
left: 15px;
}
.tf-slider-listing .owl-carousel .owl-nav button.owl-next {
right: 15px;
left: unset;
}
.tf-slider-listing.style3 .owl-carousel .owl-nav .owl-next  {
right: 15px;
}
.tf-slider-listing.style3 .owl-carousel .owl-nav .owl-prev {
right: calc(55px + 10px);
}
}
@media only screen and (max-width: 1200px) {
.tf-slider-listing .owl-carousel .owl-nav button.owl-prev {
left: calc(100% - 105px);
}
.tf-slider-listing .slider-content .content-left li svg {
margin-bottom: 10px;
max-width: 25px;
max-height: 25px;
}
.tf-slider-listing .slider-content .content-left li {
padding: 10px;
}
.tf-slider-listing.style2 .slider-content .content {
margin-top: 40px;
}
}
@media only screen and (max-width: 1024px) {
.tf-slider-listing .slider-content .thumb {
height: 600px;
}
.tf-slider-listing.style2 .slider-content .thumb,
.tf-slider-listing.style3 .slider-content .thumb {
height: 960px;
}
}
@media only screen and (max-width: 991px) {
.tf-slider-listing .slider-content h1 {
font-size: 55px;
}
.tf-slider-listing.style3 .slider-content .content {
max-width: 60%;
}
}
@media only screen and (max-width: 767px) {
.tf-slider-listing .slider-content h1 {
font-size: 40px;
}
.tf-slider-listing.style2 .slider-content .slider-post {
display: block;
}
.tf-slider-listing.style2 .owl-carousel .owl-nav,
.tf-slider-listing.style3 .list-action li span,
.tf-slider-listing.style3 .owl-carousel .owl-nav {
display: none;
}
.tf-slider-listing.style2 .slider-content .content-left ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.tf-slider-listing.style2 .slider-content .content-left li {
min-width: unset;
max-width: unset;
width: 100%;
}
.tf-slider-listing.style2 .slider-content .content {
max-width: unset;
margin-top: 50px;
}
.tf-slider-listing.style3 .list-action li .icon {
width: 40px;
height: 40px;
font-size: 16px;
}
.tf-slider-listing.style3 .list-action li .icon svg {
width: 20px;
height: 20px;
}
.tf-slider-listing.style3 .slider-content .content  {
max-width: 100%;
}
.tf-slider-listing.style3 .inner-content {
column-gap: 20px;
}
.tf-slider-listing.style3 .slider-content .slider-post {
padding-top: 170px;
}
.tf-slider-listing.style3 .slider-content .desc {
width: 80%;
}
.tf-slider-listing .media-inner::after {
opacity: 0.5;
}
}.tf-search-wrap.style1 .search-form-content{
padding: 21px 28px 19px 28px;
background-color: #fff;
border-radius: 0px 16px 16px 16px;
}
.tf-search-wrap.style1  .tfcl-search-form-top.desktop {
display: flex;
flex-wrap: wrap;
}
.tf-search-wrap.style1  .nice-select, .tf-search-wrap.style1 input[type='text'] {
margin-bottom: 0;
}
.tf-search-wrap.style1 .search-form-content .form-item {
margin: 0;
}
.tf-search-wrap .search-form-content .form-item input[type='text'] {
padding-left: 0px !important;
border-radius: 0 !important;
}
.tf-search-wrap.style1 .search-form-content .form-item .search-field {
height: 100%;
}
.tf-search-wrap.style1 .search-form-content .wrap-search-form-btn {
display: flex;
gap: 12px;
}
.tf-search-wrap.style1 .tf-wrap-search-more-btn {
position: relative;
width: 50px;
flex: unset !important;
height: 100%;
border-radius: 10px;
flex-grow: 0;
align-items: center;
flex-shrink: 0;
background: var(--theme-primary-rgba);
font-size: 23px;
padding: 0;
text-align: center;
cursor: pointer;
-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;
}
.tf-search-wrap.style1 .tf-wrap-search-more-btn a::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.tf-search-wrap .tf-search-more-btn {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.tf-search-wrap.style1 .tf-search-more-btn {
color: var(--theme-primary-color);
}
.tf-search-wrap.style1 .tf-wrap-search-more-btn:hover,
.tf-search-wrap .tf-wrap-search-more-btn.active {
background-color: var(--theme-primary-color);
color: #fff;
}
.tf-search-wrap .tf-wrap-search-more-btn:hover a,
.tf-search-wrap .tf-wrap-search-more-btn.active a {
color: #fff !important;
}
.tf-search-wrap.style4 .tf-wrap-search-more-btn.active {
background: var(--theme-primary-color) !important;
color: #fff !important;
}
.tf-search-wrap.style4 .tfcl-search-form-top.desktop .tf-wrap-search-more-btn.active a i {
transform: rotate(0deg);
}
.tf-search-wrap .tf-wrap-search-more-btn i {
display: flex;
}
.tf-search-wrap .tf-search-more-btn.active i::before {
content: '\e928';
font-size: 14px;
}
.tf-search-wrap.style1 .tf-wrap-search-more-btn:hover .tf-search-more-btn {
color: #fff;
}
.tf-search-wrap .search-form-content .submit-search-form {
cursor: pointer;
}
.tf-search-wrap.style1 .search-form-content .submit-search-form {
flex: unset !important;
width: unset !important;
}
.tf-search-wrap.style1 .search-form-content .submit-search-form .tf-advanced-search-btn {
border-radius: 14px;
background: var(--theme-primary-color);
color: #fff;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 5px 25px;
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
min-width: 204px;
}
.tf-search-wrap.style4 .search-form-content .submit-search-form .tf-advanced-search-btn {
padding: 15px 25px;
}
.tf-search-wrap.style1 .search-form-content .submit-search-form .tf-advanced-search-btn i {
margin-left: 10px;
font-size: 20px;
}
.tf-search-wrap.style1 .search-form-content .submit-search-form .tf-advanced-search-btn:hover {
background: #24272C;
color: #fff;
}
.tf-search-wrap.style1 .submit-search-form .tf-advanced-search-btn i {
margin-right: 5px;
}
.tf-search-wrap.style1 label {
font-size: 16px;
font-weight: 600;
line-height: 20.16px;
margin-bottom: 8px;
}
.tf-search-wrap.style1 .tfcl-search-form-top.desktop .form-item {
width: 100px;
}
.tf-search-wrap .submit-search-form .tf-advanced-search-btn i {
font-weight: 500;
margin-right: 4px;
}
.tf-search-wrap.style1 .search-more-options {
padding: 22px;
background: #fff;
border-radius: 16px;
box-shadow: 0px 4px 26px 0px #42474C14;
}
.tf-search-wrap .search-more-options .form-group {
width: 25%;
}
.tf-search-wrap .search-more-options select.form-control,
.tf-search-wrap .search-more-options .select2-container--default .select2-selection--single,
.tf-search-wrap .search-more-options .select2-container--default .select2-selection--multiple,
.tf-search-wrap .search-more-options .nice-select {
padding: 14px 16px;
}
.tf-search-wrap .search-more-options .checkbox label {
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
cursor: pointer;
display: block;
}
.tf-search-wrap .search-more-options .form-group label {
display: none;
}
.tf-search-wrap .search-more-options .checkbox label {
display: block;
}
.tf-search-wrap .search-more-options .features-wrap > .features label {
font-size: 18px;
font-weight: 500;
line-height: 22.68px;
}
.tf-search-wrap .search-more-options .features-wrap {
border-top: 1px solid #EDEDED;
padding-top: 20px;
margin-top: 10px;
}
.tf-search-wrap .search-more-options .enable-features .btn-enable-features  {
display: flex;
align-items: center;
margin: 0;
font-size: 18px;
font-weight: 500;
line-height: 22.68px;
}
.tf-search-wrap .search-more-options .enable-features .btn-enable-features.show i::before {
content: '\e912';
}
.tf-search-wrap .search-more-options .wrap-checkbox .checkbox-item {
width: calc(20% - 30px);
}
.tf-search-wrap .search-more-options .wrap-checkbox {
row-gap: 13px;
margin-top: 30px;
}
.tf-search-wrap .search-more-options .checkbox input[type="checkbox"]::before { 
width: 24px;
height: 24px;
border: 1px solid #E4E4E4;
border-radius: 6px;
}
.tf-search-wrap .search-more-options  .checkbox input[type="checkbox"] {
margin-right: 8px;
top: 4px;
}
.tf-search-wrap .search-more-options .checkbox input[type="checkbox"]:checked:before {
border-color: var(--theme-primary-color);
}
.tf-search-wrap .tfcl-range-slider-filter {
padding: 0px;
}
.tf-search-wrap.style1 .search-more-options > .row {
row-gap: 30px;
}
.tf-search-wrap.style1 .tf-search-condition-tab {
display: flex;
flex-shrink: 0;
}
.tf-search-wrap.style1 .tf-search-condition-tab a {
width: 120px;
height: 47px;
padding: 20px 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.2);
color: #fff;
cursor: pointer;
font-size: 16px;
font-weight: 600;
line-height: 20.16px;
text-transform: capitalize;
position: relative;
}
.tf-search-wrap.style1 .tf-search-condition-tab a:nth-child(odd) {
margin: 0 1px;
}
.tf-search-wrap.style1 .tf-search-condition-tab a:nth-child(2) {
border-start-start-radius: 16px;
}
.tf-search-wrap.style1 .tf-search-condition-tab a:last-child {
border-start-end-radius: 16px;
}
.tf-search-wrap.style1 .tf-search-condition-tab a.active,
.tf-search-wrap.style1 .tf-search-condition-tab a:hover {
background-color: var(--theme-primary-color);
color: #fff;
border-color: var(--theme-primary-color) !important;
}
.tf-search-wrap.style1 .form-item .nice-select .current{
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #24272C;    
}
.tf-search-wrap.style1 .search-form-content .form-item .search-field {
height: unset;
padding: 0px 12px;
padding-left: 0;
background: #fff;
border: none;
}
.tf-search-wrap.style1 .range-slider .output {
border-radius: 4px;
background: #F5F5F5;
padding: 5px 15px;
z-index: 99;
}
.tf-search-wrap.style1 .tfcl-search-form-top.desktop .form-item:not(:last-child) {
margin-right: 30px;
padding-right: 30px;
border-right: 1px solid #EFEFEF;
}
.tf-search-wrap.style1 .tfcl-search-form-top.desktop .form-item:nth-child(4) {
border-right: none !important;
margin-right: 0;
}
.tf-search-wrap .tf-wrap-search-more-btn {
padding: 15px;
} .tf-search-wrap.style2 .search-form-content {
padding: 22px 22px 22px 22px;
border-radius: 16px;
}
.tf-search-wrap.style2 .tf-search-condition-tab a,
.tf-search-wrap.style4 .tf-search-condition-tab a,
.tf-search-wrap.style3 .tf-search-condition-tab a {
width: 110px;
height: 50px;
padding: 15px;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
font-weight: 500;
border: 1px solid #fff;
border-radius: 14px;
}
.tf-search-wrap.style2 .tf-search-condition-tab a:nth-child(odd),
.tf-search-wrap.style4 .tf-search-condition-tab a:nth-child(odd),
.tf-search-wrap.style3 .tf-search-condition-tab a:nth-child(odd) {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.tf-search-wrap.style2 .tf-search-condition-tab,
.tf-search-wrap.style4 .tf-search-condition-tab,
.tf-search-wrap.style3 .tf-search-condition-tab {
gap: 10px;
margin-bottom: 20px;
}
.tf-search-wrap.style2 .tf-search-condition-tab a::after,
.tf-search-wrap.style4 .tf-search-condition-tab a::after,
.tf-search-wrap.style3 .tf-search-condition-tab a::after {
content: '';
width: 20px;
height: 10px;
position: absolute;
left: 50%;
bottom: -6px;
transform: translateX(-50%);
clip-path: polygon(50% 100%, 0 24%, 100% 24%);
opacity: 0;
visibility: hidden;
background: var(--theme-primary-color);
}
.tf-search-wrap.style2 .tf-search-condition-tab a.active::after,
.tf-search-wrap.style4 .tf-search-condition-tab a.active::after,
.tf-search-wrap.style3 .tf-search-condition-tab a.active::after {
opacity: 1;
visibility: visible;
}
.tf-search-wrap.style2 .tfcl-search-form-top.desktop .form-item:not(:last-child) {
margin-right: 10px;
padding-right: 0px;
border-right:none;
}
.tf-search-wrap.style2 .search-form-content .form-item .search-field {
padding: 14px 15px;
background: #fff;
border: 1px solid #EDEDED;
}
.tf-search-wrap.style2 .form-item .nice-select .current {
color: #696665;
font-family: 'Outfit';
}
.tf-search-wrap.style2 .nice-select .current:after {
font-size: 18px;
} .tf-search-wrap.style3 .tf-search-condition-tab a.active, .tf-search-wrap.style3 .tf-search-condition-tab a:hover {
background-color: #fff;
color: #24272C;
border-color: #fff !important;
}
.tf-search-wrap.style3 .tf-search-condition-tab a::after {
background: #fff;
}
.tf-search-wrap.style3 .search-form-content {
padding: 23px 21px 21px 40px;
background-color: rgba(255, 255, 255, 0.12);
border-radius: 16px;
}
.tf-search-wrap.style3 .tfcl-search-form-top.desktop label,
.tf-search-wrap.style3 .tfcl-search-form-top.desktop .nice-select .current,
.tf-search-wrap.style3 .tfcl-search-form-top.desktop .tfcl-slider-range-year-wrap label,
.tf-search-wrap.style3 .tfcl-search-form-top.desktop .tfcl-slider-range-price-wrap label,
.tf-search-wrap.style3 .tfcl-search-form-top.desktop .tfcl-slider-range-mileage-wrap label {
color: #fff;
}
.tf-search-wrap.style3 .search-form-content .form-item .search-field {
background: transparent;
}
.tf-search-wrap.style3 .tfcl-search-form-top.desktop .form-item:not(:last-child) {
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.tf-search-wrap.style3 .tfcl-search-form-top.desktop .tf-wrap-search-more-btn {
background: rgba(255, 255, 255, 0.1);
color: #fff;
}
.tf-search-wrap.style3 .tfcl-search-form-top.desktop .tf-wrap-search-more-btn:hover {
background: var(--theme-primary-color);
color: #fff;
}
.tf-search-wrap.style3 .tfcl-search-form-top.desktop .tf-search-more-btn {
color: #fff;
}
.tf-search-wrap.style3 .tf-search-condition-tab {
margin-bottom: 29px;
}
.tf-search-wrap.style3 .clear-option {
width: 20px;
height: 20px;
right: 0;
border-radius: 5px;
background: #fff;
line-height: 20px;
-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;
}
.tf-search-wrap.style3 .clear-option:hover {
background: var(--theme-primary-color);
}
.tf-search-wrap.style3 .clear-option:hover::after {
color: #fff !important;
}
.tf-search-wrap.style3 .clear-option::after {
font-size: 10px;
} .tf-search-wrap.style4 .tfcl-search-form-top.desktop {
flex-direction: column;
}
.tf-search-wrap.style4 .tfcl-search-form-top.desktop .form-item:not(:last-child) {
margin-right: 0px;
padding-right: 0px;
border-right: none;
}
.tf-search-wrap.style4 .search-form-content .form-item .search-field {
padding: 14px 15px;
background: #fff;
border: 1px solid #EDEDED;
width: 100%;
}
.tf-search-wrap.style4 .tfcl-search-form-top.desktop .form-item {
width: 100%;
}
.tf-search-wrap.style4 .by-budget-option,
.tf-search-wrap.style4 .by-brand-option {
display: none;
}
.tf-search-wrap.style4 .by-budget-option.active,
.tf-search-wrap.style4 .by-brand-option.active {
display: block;
}
.tf-search-wrap .by-budget-option .range-slider,
.tf-search-wrap .by-brand-option .range-slider {
margin-bottom: 0;
}
.tf-search-wrap.style4 .search-form-content {
padding: 0;
background-color: transparent;
border-radius: 0px;
}
.tf-search-wrap.style4 .form-search-inner {
padding: 30px 30px 30px 30px;
border-radius: 16px;
background: #fff;
position: relative;
}
.tf-search-wrap.style4 .tf-search-condition-tab a.active,
.tf-search-wrap.style4 .tf-search-condition-tab a:hover {
background-color: #24272C;
color: #fff;
border-color: #24272C !important;
}
.tf-search-wrap.style4 .tf-search-condition-tab a::after {
background-color: #24272C;
}
.tf-search-wrap.style4 .tf-search-condition-tab a:nth-child(odd) {
border-left: 1px solid #24272C;
border-right: 1px solid #24272C;
}
.tf-search-wrap.style4 .tf-search-condition-tab a {
border-color: #24272C;
color: #24272C;
}
.tf-search-wrap.style4 input[type="radio"] {
width: 22px;
height: 22px;
border: 1px solid #E4E4E4;
}
.tf-search-wrap.style4 input[type="radio"]:checked {
border-color: var(--theme-primary-color);
}
.tf-search-wrap.style4 input[type="radio"]:before {
width: 16px;
height: 16px;
}
.tf-search-wrap.style4 input[type="radio"]:checked ~ label {
color: var(--theme-primary-color);
}
.tf-search-wrap.style4 .tfcl-search-form-top.desktop .form-group label {
display: none;
}
.tf-search-wrap.style4 .tfcl-search-form-top.desktop .form-group.form-item {
margin-bottom: 10px;
}
.tf-search-wrap.style4 h3 {
font-size: 40px;
font-weight: 600;
line-height: 50.4px;
margin-bottom: 24px;
}
.tf-search-wrap.style4  .tf-search-condition-tab {
justify-content: center;
}
.tf-search-wrap.style4 .group-radio-select {
display: flex;
gap: 20px;
}
.tf-search-wrap.style4 .group-radio-select .inner {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.tf-search-wrap.style4 .group-radio-select label  {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #696665;    
margin: 0;
cursor: pointer;
}
.tf-search-wrap.style4 .group-radio-select input {
margin-right: 10px;
cursor: pointer;
}
.tf-search-wrap.style4 .tf-search-condition-tab {
margin-bottom: 29px;
}
.tf-search-wrap.style4 .search-form-content .wrap-search-form-btn {
flex-direction: column;
gap: 20px;
margin-top: 10px;
}
.tf-search-wrap.style4 .tfcl-search-form-top.desktop .tf-wrap-search-more-btn {
all: unset;
border: 1px solid var(--theme-primary-color);
background: transparent;
padding: 14px 20px;
color: var(--theme-primary-color);
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
border-radius: 14px;
-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;
position: relative;
}
.tf-search-wrap.style4 .tfcl-search-form-top.desktop .tf-wrap-search-more-btn:hover {
background: var(--theme-primary-color);
color: #fff;
}
.tf-search-wrap.style4 .tfcl-search-form-top.desktop .tf-wrap-search-more-btn i {
margin-left: 7px;
font-size: 20px;
}
.tf-search-wrap.style4 .search-listing-form {
position: unset;
} .tfcl-search-form-top.mobile {
display: none;
} .range-slider {
position: relative;
margin-bottom: -30px;
width: 100%;
height: 35px;
text-align: center;
}
.tfcl-range-slider-filter {
transform: translateY(-14px);
}
.search-more-options .range-slider {
margin-bottom: 0px;
}
.range-slider input {
pointer-events: none;
position: absolute;
overflow: hidden;
z-index: 99;
left: 0;
top: 15px;
width: 200px;
outline: none;
height: 18px;
margin: 0;
padding: 0;
}
.range-slider input::-webkit-slider-thumb {
pointer-events: all;
position: relative;
z-index: 1;
outline: 0;
}
.range-slider input::-moz-range-thumb {
pointer-events: all;
position: relative;
z-index: 10;
-moz-appearance: none;
width: 9px;
}
.range-slider input::-moz-range-track {
position: relative;
z-index: -1;
background-color: rgba(0, 0, 0, 1);
border: 0;
}
.range-slider input:last-of-type::-moz-range-track {
-moz-appearance: none;
background: none transparent;
border: 0;
}
.range-slider input[type=range]::-moz-focus-outer {
border: 0;
}
.rangeValue {
width: 30px;
}
.output {
position: absolute;
border:1px solid transparent;
height: 30px;
text-align: center;
color: #888B95;
background-color: #f5f5f5;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
bottom: -90%;
left: 0;
}
.output.outputTwo {
left: 100%;
transform: translateX(-40px);
}
.range-slider input[type=range] {
width: 100%;
-webkit-appearance: none;
background: none;
overflow: unset;
}
input[type=range]::-webkit-slider-runnable-track {
height: 5px;
border: none;
border-radius: 3px;
background: transparent;
}
input[type=range]::-ms-track {
height: 5px;
background: transparent;
border: none;
border-radius: 3px;
}
input[type=range]::-moz-range-track {
height: 5px;
background: transparent;
border: none;
border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 22px;
width: 22px;
border-radius: 50%;
background: var(--theme-primary-color);
border: 2px solid #fff;
margin-top: -9px;
position: relative;
z-index: 10000;
box-shadow: 0px 2px 4px 0px #0000001A;
cursor: pointer;
}
input[type=range]::-ms-thumb {
-webkit-appearance: none;
border: none;
height: 22px;
width: 22px;
border-radius: 50%;
background: var(--theme-primary-color);
border: 2px solid #fff;
margin-top: -9px;
position: relative;
z-index: 10000;
box-shadow: 0px 2px 4px 0px #0000001A;
cursor: pointer;
}
input[type=range]::-moz-range-thumb {
-webkit-appearance: none;
border: none;
height: 22px;
width: 22px;
border-radius: 50%;
background: var(--theme-primary-color);
border: 2px solid #fff;
margin-top: -9px;
position: relative;
z-index: 10000;
box-shadow: 0px 2px 4px 0px #0000001A;
cursor: pointer;
}
input[type=range]:focus {
outline: none;
}
.full-range,
.incl-range {
width: 100%;
height: 4px;
left: 0;
top: 21px;
position: absolute;
background: var(--theme-primary-rgba);
}
.incl-range {
background: var(--theme-primary-color);
} 
.tf-search-wrap .tfcl-slider-range-year-wrap label,
.tf-search-wrap .tfcl-slider-range-price-wrap label,
.tf-search-wrap .tfcl-slider-range-mileage-wrap label {
display: block !important;
font-size: 14px;
font-weight: 500;
line-height: 17.64px;
color: #161E2D;
margin-bottom: -4px;
}
.tf-search-wrap .tfcl-slider-range-year-wrap .output,
.tf-search-wrap .tfcl-slider-range-price-wrap .output,
.tf-search-wrap .tfcl-slider-range-mileage-wrap .output {
all: unset;
}
.tf-search-wrap .tfcl-range-slider-filter {
transform: unset;
}
.search-form-buttons {
display: flex;
gap: 20px;
}
.tf-wrap-search-more-btn {
width: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background-color: #000;
}
.tf-search-more-btn {
color: #fff;
}
.tf-search-wrap .search-listing-form {
position: relative;
}
.search-more-options {
position: absolute;
top: calc(100% + 10px);
right: 0;
left: 0;
z-index: 99;
background-color: #fff;
padding: 10px;
border-radius: 8px;
min-width: 1290px;
}
.tfcl-search-form-top.mobile{
display: none;
}
.tfcl-search-form-top.mobile .tf-wrap-search-more-btn,
.tfcl-search-form-top.mobile .submit-search-form {
width: 50px;
height: 50px;
border-radius: 16px !important;
}
.tf-search-wrap .tfcl-range-slider-filter {
padding: 0;
margin-top: 1px;
}
.tf-search-wrap.style1 .tfcl-search-form-top.desktop .form-item {
flex: 1;
}
.tf-search-wrap.style1 .search-form-content .tfcl-search-form-top.mobile .submit-search-form {
flex: unset;
}
.tf-search-wrap.style1 .tfcl-search-form-top.mobile .search-input {
width: 50px;
height: 50px;
}
.tf-search-wrap.style1 .tfcl-search-form-top.mobile > .form-group {
gap: 12px;
}
.tf-search-wrap.style1 .tfcl-search-form-top.mobile .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
border-radius: 3px;
}
.tf-search-wrap.style1 .tfcl-search-form-top.mobile .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
border-radius: 3px;
}
.tf-search-wrap.style2 .search-more-options.mobile {
display: none;
}
.tf-search-wrap.style2 .tfcl-search-form-top.desktop .form-group.form-item label {
display: none;
}
.tf-search-wrap .btn-enable-features {
color: #000000;
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
margin-right: 5px;
}   
.tf-search-wrap.style1 .search-form-content .tfcl-search-form-top.mobile .submit-search-form,
.tf-search-wrap.style2 .search-form-content .tfcl-search-form-top.mobile .submit-search-form {
flex: 1;
}
.tf-search-wrap.style2 .search-form-buttons {
margin-top: 45px;
}
.tf-search-wrap.style2 .tf-advanced-search-btn i {
margin-right: 5px;
}
.tf-search-wrap .btn-enable-features i {
margin-left: 7px;
font-weight: 900;
}
.clear-option {
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.clear-option::after {
content: '\e928';
color: var(--theme-primary-color);
font-family: 'autodeal';
font-size: 14px;
font-weight: 700;
} .st-dark .tf-search-wrap.style3 .tfcl-search-form-top.desktop label,
.st-dark .tf-search-wrap.style3 .tfcl-search-form-top.desktop .nice-select .current,
.st-dark .tf-search-wrap.style3 .tfcl-search-form-top.desktop .tfcl-slider-range-year-wrap label,
.st-dark .tf-search-wrap.style3 .tfcl-search-form-top.desktop .tfcl-slider-range-price-wrap label,
.st-dark .tf-search-wrap.style3 .tfcl-search-form-top.desktop .tfcl-slider-range-mileage-wrap label {
color: #24272C;
}
.st-dark .tf-search-wrap.style3 .tfcl-search-form-top.desktop .tf-wrap-search-more-btn {
background: var(--theme-primary-rgba);
color: var(--theme-primary-color);
}
.st-dark .tf-search-wrap.style3 .tfcl-search-form-top.desktop .tf-search-more-btn {
color: var(--theme-primary-color);
}
.st-dark .tf-search-wrap.style3 .tfcl-search-form-top.desktop .tf-wrap-search-more-btn:hover {
background: var(--theme-primary-color);
}
.st-dark .tf-search-wrap.style3 .tfcl-search-form-top.desktop .tf-wrap-search-more-btn:hover .tf-search-more-btn {
color: #fff;
}
.st-dark .tf-search-wrap.style3 .tf-search-condition-tab {
margin-bottom: 21px;
} @media only screen and (max-width: 1024px) {
.tf-search-wrap.style1 .search-form-content .submit-search-form .tf-advanced-search-btn {
min-width: unset;
}
.tf-search-wrap .search-more-options {
min-width: 100%;
}
.tf-search-wrap .search-more-options .wrap-checkbox .checkbox-item {
width: calc(25% - 30px);
}
}
@media only screen and (max-width: 991px) {
.tf-search-wrap.style1 .tfcl-search-form-top.desktop .form-item.submit-search-form {
width: 100%;
}
.tf-search-wrap.style1:not(.style4) .tfcl-search-form-top.desktop .form-item:not(:last-child) {
margin-right: 10px;
padding-right: 10px;
}
.tf-search-wrap.style1 .search-form-content {
padding: 20px 15px;
}
.tf-search-wrap.style1 .search-form-content .submit-search-form .tf-advanced-search-btn {
padding: 15px 15px;
}
.tf-search-wrap .search-more-options .wrap-checkbox .checkbox-item {
width: calc(33.33333% - 30px);
}
}
@media only screen and (max-width: 767px) {
.tf-search-wrap .submit-search-form .tf-advanced-search-btn i {
margin-right: 4px;
}
.tf-search-wrap.style2 .search-more-options .form-item {
width: 100%;
}
.tf-search-wrap.style1 .search-form-content .submit-search-form .tf-advanced-search-btn {
padding: 14px 10px;
}
.tfcl-search-form-top.mobile .tf-advanced-search-btn i {
margin: 0 !important;
}
.tfcl-search-form-top.mobile .tf-advanced-search-btn {
width: 50px;
}
.tfcl-search-form-top.mobile .search-field {
border-radius: 16px !important;
}
.tf-search-wrap .search-more-options.mobile  {
display: block;
}
.tf-search-wrap.style1 .tfcl-search-form-top.desktop,
.tf-search-wrap.style2 .tfcl-search-form-top.desktop {
display: none;
}  
.tfcl-search-form-top.mobile {
display: block !important;      
}
.tf-search-wrap .search-more-options.mobile  {
display: block;
}
.tf-search-wrap .search-more-options.desktop {
display: none;
}
.tf-search-form-top.mobile .form-group {
display: flex;
gap: 12px;
}
.tf-search-wrap.style1  .search-form-content {
padding: 20px;
}
.tf-search-wrap .search-more-options .form-item
{
width: 100%;        
}
.tf-search-wrap.style2 .form-control.search-input {
height: 50px;
margin-bottom: 0;
}
.tf-search-wrap.style2 .submit-search-form {
flex: unset;
}
.tf-search-wrap.style4 .search-form-content {
padding: 0px;
}
.tf-search-wrap.style4 h3 {
font-size: 24px;
line-height: 40px;
margin-bottom: 15px;
}
.tf-search-wrap.style4 .tf-search-condition-tab {
display: none;
}
.tf-search-wrap.style4 .form-search-inner {
padding: 20px;
}
.tf-search-wrap.style4 .tf-search-condition-tab a {
width: unset;
padding: 10px 15px;
}
.tf-search-wrap.style1 .tf-search-condition-tab a {
flex: 1;
}
.tf-search-wrap .search-more-options .wrap-checkbox .checkbox-item {
width: calc(100% - 30px);
}
}img.image-taxonomy {
width: 100%;
height: 100%;
object-fit: cover;
}
.tf-taxonomy-wrap .tf-taxonomy-inner.column-6 .item{
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66%;
flex: 0 0 16.66%;
max-width: 16.66%;
}
.tf-taxonomy-wrap .tf-taxonomy-inner.column-5 .item{
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.tf-taxonomy-wrap .tf-taxonomy-inner.column-4 .item{
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.tf-taxonomy-wrap .tf-taxonomy-inner.column-3 .item{
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
.tf-taxonomy-wrap .tf-taxonomy-inner.column-2 .item{
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.tf-taxonomy-wrap .tf-taxonomy-inner.column-1 .item{
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.tf-taxonomy-wrap.has-carousel .tf-taxonomy-inner .item {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
display: block;
}
.tf-taxonomy-wrap .taxonomy-post {
-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;
}
.tf-taxonomy-wrap.style1 .tf-taxonomy-inner.column-4 .item {
padding: 0 15px;
}
.tf-taxonomy-wrap.style1.has-carousel .tf-taxonomy-inner.column-4 .item {
padding-left: 0;
padding-right: 0;
}
.tf-taxonomy-wrap.style1 .tf-taxonomy-inner .item .taxonomy-post {
width: 100%;
position: relative;
border: 1px solid #EDEDED;
border-radius: 16px;
background: #FFF;
-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;
}
.tf-taxonomy-wrap.style1 .tf-taxonomy-inner .item:hover .taxonomy-post {
box-shadow: 0px 10px 30px 0px #0000001A;
border-color: transparent;
}
.tf-taxonomy-wrap.style1 .image-taxonomy {
margin: 0 auto;
max-height: 80px;
}
.tf-taxonomy-wrap.style1 .image-wrap {
position: relative;
display: block;
overflow: hidden;
}
.tf-taxonomy-wrap .image-wrap::after {
position: absolute;
top: 0;
left: -160%;
display: block;
content: "";
width: 50%;
height: 100%;
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.tf-taxonomy-wrap .item:hover .image-wrap::after  {
animation: shine 1.2s alternate;
}
@keyframes shine {
100% {
left: 125%;
}
}
.tf-taxonomy-wrap .tf-taxonomy-inner .taxonomy-post .link-listing{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
bottom: 0;
width: 40px;
height: 40px;
text-align: center;
opacity: 0;    
line-height: 40px;
border-radius: 50%;
background-color: var(--theme-primary-color);
}
.tf-taxonomy-wrap .tf-taxonomy-inner .taxonomy-post .link-listing i {
color: #fff;
}
.tf-taxonomy-wrap .tf-taxonomy-inner .item:hover .link-listing {
opacity: 1;
}
.tf-taxonomy-wrap .tf-taxonomy-inner .taxonomy-post .link-listing:hover {
background-color: #000;   
}
.tf-taxonomy-wrap.style1 .tf-taxonomy-inner .taxonomy-post .link-listing,
.tf-taxonomy-wrap.style2 .tf-taxonomy-inner .taxonomy-post .link-listing {
right: 22px;
top: 16px;
-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;
}
.tf-taxonomy-wrap.style1.tf-taxonomy-body .taxonomy-post .link-listing i {
font-size: 12px;
}
.tf-taxonomy-wrap.style1.tf-taxonomy-body .taxonomy-post .link-listing svg {
width: 12px;
}
.tf-taxonomy-wrap.style1 .item .taxonomy-post .feature-image {
text-align: center;
margin-bottom: 19px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.tf-taxonomy-wrap.style1 .item .taxonomy-post .content h3 {
text-align: center;
text-transform: capitalize;
margin-bottom: 0;
font-family: 'Inter';
font-size: 16px;
font-weight: 600;
line-height: 22.4px;
color: #161E2D;
margin-bottom: 5px;
}
.tf-taxonomy-wrap.style1 .count-property {
font-family: 'Inter';
font-size: 12px;
font-weight: 400;
line-height: 16.8px;
text-align: center;
color: #5C6368;
}
.tf-taxonomy-wrap.style1 .item .taxonomy-post .content {
text-align: center;
}
.tf-taxonomy-wrap.style1 .box-card-inner {
padding: 24px 25px 23px 25px;
}
.tf-taxonomy-wrap.style1 .item:hover .link-listing,
.tf-taxonomy-wrap.style2 .item:hover .link-listing {
top: 10px;
right: 10px;
} .tf-taxonomy-wrap.style2 .feature-image {
border: 1px solid #EDEDED;
border-radius: 16px;
padding: 13px 20px;
margin-bottom: 20px;
height: 107px;
position: relative;
overflow: hidden;
display: flex;
align-items: end;
justify-content: center;
}
.tf-taxonomy-wrap.style2 .feature-image img {
height: auto;
}
.tf-taxonomy-wrap.style2 .item .taxonomy-post .content h3 {
text-align: center;
text-transform: capitalize;
margin-bottom: 0;
font-family: 'Inter';
font-size: 16px;
font-weight: 600;
line-height: 22.4px;
color: #161E2D;
margin-bottom: 5px;
}
.tf-taxonomy-wrap.style2 .count-property {
font-family: 'Inter';
font-size: 12px;
font-weight: 500;
line-height: 16.8px;
text-align: center;
color: #5C6368;
} .tf-taxonomy-wrap.style3 .feature-image {
height: 224px;
display: flex;
align-items: end;
justify-content: center;
margin-bottom: 49px;
-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;
}
.tf-taxonomy-wrap.style3 .feature-image a {
display: block;
position: relative;
}
.tf-taxonomy-wrap.style3 .feature-image a::before {
width: 350px;
height: 350px;
background: var(--theme-primary-rgba);
border-radius: 50%;
position: absolute;
content: '';
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
-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;
}
.tf-taxonomy-wrap.style3 .owl-item.center .feature-image a::before {
opacity: 1;
visibility: visible;
width: 410px;
height: 410px;
}
.tf-taxonomy-wrap.style3.has-carousel .taxonomy-post {
padding: 50px 0;
}
.tf-taxonomy-wrap.style3 .feature-image a img {
transform: scale(1);
position: relative;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
width: 300px;
}
.tf-taxonomy-wrap.style3 .owl-item.center .feature-image a img {
transform: scale(1.37);
width: 564px;
}
.tf-taxonomy-wrap.style3 .image-wrap::after {
display: none;
}
.tf-taxonomy-wrap.style3 .content {
-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;
opacity: 0;
visibility: hidden;
text-align: center;
}
.tf-taxonomy-wrap.style3 .owl-item.center .content {
opacity: 1;
visibility: visible;
}
.tf-taxonomy-wrap.style3 .owl-item.firstActiveItem .feature-image {
transform: translateX(-54px);
}
.tf-taxonomy-wrap.style3 .owl-item.lastActiveItem .feature-image {
transform: translateX(56px);
}
.tf-taxonomy-wrap.style3 .item .taxonomy-post .content h3 {
text-align: center;
text-transform: capitalize;
margin-bottom: 0;
font-family: 'Inter';
font-size: 16px;
font-weight: 600;
line-height: 22.4px;
color: #161E2D;
margin-bottom: 5px;
}
.tf-taxonomy-wrap.style3 .count-property {
font-family: 'Inter';
font-size: 12px;
font-weight: 400;
line-height: 16.8px;
text-align: center;
color: #5C6368;
} .tf-taxonomy-wrap.style4 .tf-taxonomy-inner {
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 30px;
row-gap: 10px;
margin-right: unset;
margin-left: unset;
}
.tf-taxonomy-wrap.style4 .tf-taxonomy-inner > * {
padding: unset;
width: unset;
}
.tf-taxonomy-wrap.style4 .item {
display: inline-block !important;
-webkit-box-flex: unset !important;
-ms-flex: unset !important;
flex: unset !important;
max-width: unset !important;
}
.tf-taxonomy-wrap.style4 .image-wrap::after {
display: none;
}
.tf-taxonomy-wrap.style4 .image-wrap svg {
max-width: 26px;
max-height: 26px;
flex-shrink: 0;
}
.tf-taxonomy-wrap.style4 .image-wrap {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
display: flex;
gap: 6px;
align-items: center;
}
.tf-taxonomy-wrap.style4 .image-wrap:hover {
color: var(--theme-primary-color) !important;
}
.tf-taxonomy-wrap .owl-stage-outer {
padding: 25px;
margin: -25px;
}
.tf-taxonomy-wrap .tf-taxonomy-inner .taxonomy-post .link-listing {
width: 36px;
height: 36px;
border-radius: 50%;
font-size: 16px;
transform: rotate(-45deg);
}
.just-center-tax .tf-taxonomy-wrap.style4 .tf-taxonomy-inner {
justify-content: center;
} .tf-taxonomy-wrap.has-carousel {
position: relative;
}
.tf-taxonomy-wrap.has-carousel .owl-prev,
.tf-taxonomy-wrap.has-carousel .owl-next {
position: absolute;
top: 50%;
}
.tf-taxonomy-wrap.has-carousel .owl-prev {
left: 0;
transform: translate(-50%, -50%);
}
.tf-taxonomy-wrap.has-carousel .owl-next {
right: 0;
transform: translate(50%, -50%);
}
.tf-taxonomy-wrap.style1 .tf-taxonomy-inner {
row-gap: 24px;
}
.tf-taxonomy-wrap.has-carousel .tf-taxonomy-inner .item {
max-width: 100%;    
}
.tf-taxonomy-wrap.has-carousel .owl-carousel .owl-nav button {
background: #fff;
box-shadow: 0px 8px 12px 0px rgba(36, 39, 44, 0.15);
width: 48px;
height: 48px;
border-radius: 50%;
font-size: 21px;
color: #24272C;
line-height: unset;
border: none;
}
.tf-taxonomy-wrap.has-carousel .owl-carousel .owl-nav button.owl-prev.disabled,
.tf-taxonomy-wrap.has-carousel .owl-carousel .owl-nav button.owl-next.disabled {
opacity: 0.6;
background: #fff;
border-color: #fff;
color: #24272C;
}
.tf-taxonomy-wrap .owl-carousel .owl-dots .owl-dot {
padding: 0;
width: 8px;
height: 8px;
background: #E4E4E4;
display: inline-block;
margin: 0 7px;
-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;
overflow: unset;
}
.tf-taxonomy-wrap .owl-carousel .owl-dots .owl-dot span::before {
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;
border: 1px solid transparent;
}
.tf-taxonomy-wrap .owl-carousel .owl-dots .owl-dot.active span::before {
border: 1px solid var(--theme-primary-color);
}
.tf-taxonomy-wrap .owl-carousel .owl-dots .owl-dot.active {
background: var(--theme-primary-color);
}
.tf-taxonomy-wrap .owl-carousel .owl-dots {
bottom: -55px;
}
.style-no-icon .feature-image svg {
display: none;
}
.style-no-icon .feature-image .image-wrap::after {
all: unset;
content: ',';
display: inline-block;
margin-right: 5px;
}
.style-no-icon .tf-taxonomy-inner .item:last-child .feature-image .image-wrap::after {
display: none;
}
.style-no-icon .feature-image .image-wrap {
gap: 0;
}
.style-no-icon .tf-taxonomy-wrap.style4 .image-wrap:hover {
color: var(--theme-primary-color) !important;
}
.tf-taxonomy-wrap.style5 .tf-taxonomy-inner {
all: unset;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.tf-taxonomy-wrap.style5 .tf-taxonomy-inner .text-trend {
all: unset;
display: flex;
align-items: center;
font-family: 'Inter';
font-size: 14px;
font-weight: 700;
line-height: 16.94px;
margin-right: 6px;
}
.tf-taxonomy-wrap.style5 .tf-taxonomy-inner .text-trend i {
font-size: 25px;
margin-right: 10px;
color: var(--theme-primary-color) !important;
}
.tf-taxonomy-wrap.style5 .tf-taxonomy-inner .list {
all: unset;
font-family: 'Outfit';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
}
.tf-taxonomy-wrap.style5 .tf-taxonomy-inner .list .image-wrap::after {
all: unset;
content: ',';
display: inline-block;
margin-right: 5px;
}
.tf-taxonomy-wrap.style5 .tf-taxonomy-inner > *:last-child .image-wrap::after {
display: none;
}
.tf-taxonomy-wrap.style5 .tf-taxonomy-inner a:hover {
color: var(--theme-primary-color) !important;
}
@media only screen and (max-width: 1024px) {  
.tf-taxonomy-wrap.style3 .owl-item.center .feature-image a img,
.tf-taxonomy-wrap.style3 .owl-item.firstActiveItem .feature-image,
.tf-taxonomy-wrap.style3 .owl-item.lastActiveItem .feature-image {
transform: unset;
}
.tf-taxonomy-wrap.style3 .owl-item.center .feature-image a::before {
width: 300px;
height: 300px;
}
}
@media only screen and (max-width: 991px) {    
.tf-taxonomy-wrap.column-tablet-1 .tf-taxonomy-inner .item {
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;        
}
.tf-taxonomy-wrap.column-tablet-2:not(.has-carousel) .tf-taxonomy-inner .item {
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;        
}
.tf-taxonomy-wrap.column-tablet-3:not(.has-carousel) .tf-taxonomy-inner .item {
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;       
}
.tf-taxonomy-wrap.column-tablet-4:not(.has-carousel) .tf-taxonomy-inner .item {
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;       
}
.tf-taxonomy-wrap.style2 .feature-image,
.tf-taxonomy-wrap.style1 .item .taxonomy-post .feature-image {
height: 100%;
}
.tf-taxonomy-wrap.style1 .image-taxonomy {
max-height: unset;
}
}
@media only screen and (max-width: 767px) { 
.tf-taxonomy-wrap .tf-taxonomy-inner {
row-gap: 12px;
}
.tf-taxonomy-wrap.column-mobile-1:not(.has-carousel) .tf-taxonomy-inner .item {
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;  
}
.tf-taxonomy-wrap.column-mobile-2:not(.has-carousel) .tf-taxonomy-inner .item {
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;        
}
.tf-taxonomy-wrap.column-mobile-3:not(.has-carousel) .tf-taxonomy-inner .item {
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;       
}
.tf-taxonomy-wrap.column-mobile-4:not(.has-carousel) .tf-taxonomy-inner .item{
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;       
}
.tf-taxonomy-inner.column-2 .item::after {
display: none;
}
.tf-taxonomy-wrap.style3 .owl-item .content,
.tf-taxonomy-wrap.style3 .owl-item .feature-image a::before { 
opacity: 1;
visibility: visible;
}
}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}.filter-bar {
display: flex;
justify-content: center;
align-items: flex-start;
margin-bottom: 40px;
column-gap: 25px;
row-gap: 10px;
padding-bottom: 19px;
border-bottom: 1px solid #EDEDED;
}
.filter-bar::-webkit-scrollbar {
display: none;
}
.filter-bar.flex-end {
margin-left: auto;
justify-content: right;
}
.filter-bar.flex-start {
margin-right: auto;
justify-content: left;
}
.filter-bar .filter-listing {
position: relative;
display: flex;
align-items: flex-start;
cursor: pointer;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #000000;
width: max-content;
flex-shrink: 0;
}
.filter-bar .filter-listing span::after {
content: '-';
margin: 0 3px;
}
.filter-bar .filter-listing span:last-child::after {
display: none;
}
.filter-bar .filter-listing::after {
content: '';
width: 100%;
height: 2px;
background: var(--theme-primary-color);
position: absolute;
left: 0;
bottom: -20px;
opacity: 0;
visibility: hidden;
}
.filter-bar a.filter-listing:hover,
.filter-bar a.filter-listing.active {
font-weight: 500;
}
.filter-bar a.filter-listing.active::after {
opacity: 1;
visibility: visible;
}  .tf-listing-wrap.style1 {
display: flex;
align-items: center;
flex-direction: column;
gap: 50px;
box-sizing: border-box;
color: var(--text-body-text, #3A3A3C);
}
.tf-listing-wrap.style1 .wrap-listing-post {
width: 100%;
}
.tf-listing-wrap.style1 .wrap-listing-post .content-tab {
width: 100%;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post {
border-radius: 16px;
background: #FFF;
box-shadow: unset;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .featured-property {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 16px 16px 0 0;
}
.tf-listing-wrap .listing-post .featured-property .listing-item {
display: block;
}
.tf-listing-wrap .listing-post .featured-property .listing-item::after {
content: '';
background: #000;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 6;
visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
border-radius: 16px 16px 0px 0px;
}
.tf-listing-wrap.style1 .listing-post:hover .featured-property .listing-item::after {
visibility: visible;
opacity: 0.6;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .featured-property img {
width: 100%;
height: auto;
object-fit: cover;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .featured-property .bookmark .bg-bookmark img {
width: 38px;
height: 38px;
border-radius: 0;
background: transparent;
}
.tf-listing-wrap .listing-post .featured-property .bottom-infor-features {
position: absolute;
bottom: 10px;
right: 10px;
left: 10px;
z-index: 5;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.tf-listing-wrap .listing-post .featured-property .price {
color: #FFF;
font-size: 22px;
font-weight: 600;
}
.tf-listing-wrap .listing-post .featured-property .price span {
color: rgba(255, 255, 255, 0.50);
font-size: 14px;
font-weight: 600;
}
.tf-listing-wrap .listing-post .list-controller {
display: flex;
align-items: center;
}
.tf-listing-wrap .listing-post .list-controller .tfcl-compare-property,
.tf-listing-wrap .listing-post .list-controller .tfcl-property-favorite,
.tf-listing-wrap .listing-post .list-controller .view-all-gallery {
width: 36px;
height: 36px;
background: #0000009c;
color: #fff;
display: grid;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.tf-listing-wrap .listing-post .list-controller .view-all-gallery img {
width: 20px !important;
height: 20px !important;
transform: unset !important;
border-radius: unset !important;
background: unset !important;
}
.tf-listing-wrap .listing-post .list-controller .tfcl-compare-property.active,
.tf-listing-wrap .listing-post .list-controller .tfcl-property-favorite.active,
.tf-listing-wrap .listing-post .list-controller .view-all-gallery:hover,
.tf-listing-wrap .listing-post .list-controller .tfcl-compare-property:hover .tf-listing-wrap .listing-post .list-controller .tfcl-property-favorite:hover {
background: var(--theme-primary-color);
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .featured-property .featured-tag img,
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .featured-property .sale-tag img {
width: 69px;
height: 20px;
border-radius: 0;
background: transparent;
}
.tf-listing-wrap .listing-post .list-text {
display: flex;
align-items: center;
flex-wrap: wrap;
position: absolute;
top: 12px;
left: 12px;
z-index: 5;
}
.tf-listing-wrap .listing-post .list-text li span {
padding: 1px 6px;
color: #fff;
font-size: 12px;
font-weight: 600;
border-radius: 4px;
}
.tf-listing-wrap .listing-post .list-text li span.featured-text {
background: var(--theme-primary-color);
}
.tf-listing-wrap .listing-post .list-text li span.sale-text {
background: #6E55FF;
}
.tf-listing-wrap .listing-images {
position: relative;
border-radius: 16px 16px 0px 0px;
overflow: hidden;
}
.tf-listing-wrap .featured-property .features,
.tf-listing-wrap .featured-property .status,
.tf-listing-wrap .featured-property .date-car {
border-radius: 99px;
background: var(--theme-primary-color);
padding: 5px 12px;
color: #FFF;
z-index: 6;
height: 34px;
font-family: 'Inter';
font-size: 12px;
font-weight: 600;
height: 29px;
}
.tf-listing-wrap .featured-property .group-meta {
position: absolute;
top: 9px;
left: 11px;
right: 10px;
z-index: 7;
}
.tf-listing-wrap .featured-property .group-meta {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
flex-wrap: wrap;
}
.tf-listing-wrap .featured-property .group-meta .inner {
display: flex;
align-items: center;
gap: 10px;
}
.tf-listing-wrap .featured-property .count-list-gallery {
border-radius: 99px;
background: rgba(0, 0, 0, 0.3);
display: flex;
align-items: center;
gap: 7px;
color: #FFF;
font-family: 'Inter';
font-size: 12px;
font-weight: 600;
line-height: 16.8px;
text-transform: uppercase;
padding: 7px 12px;
height: 30px;
width: max-content;
cursor: pointer;
-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;
}
.tf-listing-wrap .featured-property .count-list-gallery i {
font-size: 14px;
}
.tf-listing-wrap .featured-property .count-list-gallery:hover {
background: var(--theme-primary-color);
}
.tf-listing-wrap .featured-property .view-gallery {
cursor: pointer;
}
.tf-listing-wrap .featured-property .count-list-gallery img {
max-width: 20px;
background: unset !important;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .content {
padding: 16px;
padding-bottom: 14px;
border: 1px solid #EDEDED;
border-top: unset;
border-radius: 0 0 16px 16px;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .content .title {
margin-bottom: 17px;
font-size: 18px;
font-weight: 500;
line-height: 22.68px;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .content .address {
display: flex;
align-items: center;
gap: 4px;
width: 100%;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .content .address img,
.tf-listing-wrap.style2 .wrap-listing-post .item .listing-post .content .address img {
max-width: 16px;
height: 16px;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .content .address span {
color: #8E8E93;
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .featured-property .tfcl-compare-property i.fa-plus::before {
content: '\e925';
font-family: 'dreamhome';
font-weight: 400;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .description ul {
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 10px;
row-gap: 15px;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .description ul li {
display: flex;
align-items: center;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .description ul li p {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #696665;    
margin-top: -9px;
}
.tf-listing-wrap .listing-post .description {
margin-bottom: 19px;
}
.tf-listing-wrap .listing-post .avatar-thumb img {
width: 38px;
height: 38px;
border-radius: 50%;
object-fit: cover;
}
.tf-listing-wrap .listing-post .avatar-thumb {
font-size: 14px;
font-weight: 500;
line-height: 17.64px;
color: #24272C;
display: flex;
align-items: center;
gap: 6px;
}
.tf-listing-wrap .wrap-listing-post .bottom-content {
border-top: 1px solid #EFEFEF;
padding-top: 21px;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.tf-listing-wrap .wrap-listing-post .price {
display: flex;
align-items: baseline;
gap: 10px;
margin-bottom: 20px;
}
.tf-listing-wrap .wrap-listing-post .price .inner:nth-child(2) {
color: #B6B6B6;
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
text-decoration: line-through;
}
.tf-listing-wrap .wrap-listing-post .price .inner:nth-child(1) {
color: var(--theme-primary-color);
text-decoration: none;
font-size: 20px;
font-weight: 500;
line-height: 25.2px;
}
.tf-listing-wrap .wrap-listing-post .car-body {
color: var(--theme-primary-color);
font-size: 14px;
font-weight: 500;
margin-bottom: 9px;
display: block;
}
.tf-listing-wrap .wrap-listing-post .button-details a {
color: #24272C;
margin-left: 5px;
font-size: 14px;
font-weight: 500;
line-height: 17.64px;
border: 1px solid #24272C;
border-radius: 14px;
padding: 9px 17px;
display: block;
}
.tf-listing-wrap .wrap-listing-post .button-details a:hover {
color: #fff;
background: #24272C;
border-color: #24272C;
}
.tf-listing-wrap  .listing-post .description ul li:not(:last-child):after {
display: none;
}
.tf-listing-wrap .listing-post .description .listing-information img,
.tf-listing-wrap .listing-post .description .listing-information svg {
width: 17px;
height: 17px;
margin-right: 4px;
flex-shrink: 0;
margin-top: -11px;
}
.tf-listing-wrap .listing-post .description .listing-information svg path {
fill: #696665;
}
.tf-listing-wrap  .listing-post .description ul li .inner span {
color: #A2A4A8;
font-size: 14px;
font-weight: 400;
line-height: 30px;
text-transform: capitalize;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .bottom {
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
background: var(--system-background-light-primary, #FFF);
padding: 0;
margin-top: 16px;
flex-wrap: wrap;
gap: 10px;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .bottom .compare {
display: flex;
align-items: center;
gap: 2px;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .bottom .compare i {
font-size: 10px;
color: var(--theme-primary-color);
margin-right: 3px;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .bottom .compare span.text-compare {
color: #3A3A3C;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .bottom .avatar {
position: relative;
display: flex;
transition: all 0.3s ease;
flex-shrink: 0;
align-items: center;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .bottom .avatar span {
color: #8E8E93;
font-size: 14px;
font-weight: 400;
line-height: 150%;
margin-left: 8px;
-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;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .bottom .avatar:hover span {
color: var(--theme-primary-color);
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .bottom .avatar img {
width: 38px;
height: 38px;
border-radius: 50%;
object-fit: cover;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .bottom .year {
color: #8E8E93;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-align: right;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .name-hover {
display: none;
flex-direction: column;
align-items: center;
position: absolute;
top: -55px;
left: -0%;
width: 100%;
height: 100%;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .name-hover .content {
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%;
}
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .name-hover i {
position: absolute;
bottom: -18px;
flex-shrink: 0;
font-size: 20px;
color: #fff;
}
.tf-listing-wrap .wrap-listing-post .listing-post .list-controller {
display: flex;
align-items: center;
gap: 20px;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 7;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.tf-listing-wrap .wrap-listing-post .listing-post:hover .list-controller {
opacity: 1;
visibility: visible;
gap: 8px;
}
.tf-listing-wrap .wrap-listing-post .listing-post .list-controller a:hover,
.tf-listing-wrap .wrap-listing-post .listing-post .list-controller a.active {
color: var(--theme-primary-color);
}
.tf-listing-wrap .wrap-listing-post .listing-post .list-controller .tfcl-compare-listing i.fa-plus::before {
content: "\e92c";
font-family: 'autodeal';
}
.tf-listing-wrap .list-controller a {
height: 48px;
width: 48px;
background: #fff;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--theme-primary-color);
font-size: 20px;
}
.tf-listing-wrap .list-controller a:hover,
.tf-listing-wrap .list-controller a.active {
background: var(--theme-primary-color);
color: #fff !important;
} .tf-listing-wrap.style1.grid2 .wrap-listing-post .item .listing-post {
box-shadow: 0px 4px 26px 0px #42474C14;
padding: 16px;
border-radius: 16px;
overflow: hidden;
border: 1px solid #EDEDED;
padding-bottom: 14px;
border-top: unset;
}
.tf-listing-wrap.style1.grid2 .wrap-listing-post .item .listing-post .content {
padding: unset;
border: unset;
border-top: unset;
border-radius: unset;
}
.tf-listing-wrap.style1.grid2 .wrap-listing-post .item .listing-post .featured-property {
border-radius: 16px;
margin-bottom: 20px;
}
.tf-listing-wrap.style1.grid2 .wrap-listing-post .item .listing-post .featured-property img {
height: 201px;
} .tf-listing-wrap.style1.grid3 .wrap-listing-post .item .listing-post .content {
padding: 0;
padding-top: 16px;
padding-bottom: 0;
border: none;
border-radius: none;
}
.tf-listing-wrap.style1.grid3.has-carousel .wrap-listing-post .item .listing-post .content {
padding-top: 20px;
}
.tf-listing-wrap.style1.grid3 .wrap-listing-post .item .listing-post .featured-property {
border-radius: 16px;
}
.tf-listing-wrap.style1.grid3 .wrap-listing-post .item {
padding: 20px 15px;
} .tf-listing-wrap.style2 .listing-post {
display: flex;
box-shadow: unset;
border-radius: 16px;
overflow: hidden;
border: 1px solid #EDEDED;
}
.tf-listing-wrap.style2  .listing-post .featured-property img,
.tf-listing-wrap.style2 .listing-post .featured-property .listing-item {
height: 100%;
}
.tf-listing-wrap.style2  .listing-post .listing-item::after {
border-radius: unset;
}
.tf-listing-wrap.style2  .listing-post:hover .listing-item::after {
opacity: 0.6;
visibility: visible;
}
.tf-listing-wrap.style2 .content {
padding: 16px;
width: 100%;
padding-bottom: 14px;
}
.tf-listing-wrap.style2 .content .title {
margin-bottom: 14px;
}
.tf-listing-wrap.style2 .wrap-listing-post .car-body {
margin-bottom: 4px;
}
.tf-listing-wrap.style2 .listing-post .featured-property {
position: relative;
width: 69%;
overflow: hidden;
} .tf-listing-wrap.style2.list2 .content {
background: #24272C;
padding: 16px 29px 16px 32px;
padding-bottom: 16px;
}
.tf-listing-wrap.style2.list2 .listing-post .featured-property {
width: 71%;
}
.tf-listing-wrap.style2.list2 .content .title a,
.tf-listing-wrap.style2.list2 .listing-post .description ul li p,
.tf-listing-wrap.style2.list2 .listing-post .avatar-thumb,
.tf-listing-wrap.style2.list2 .wrap-listing-post .button-details a {
color: #fff;
}
.tf-listing-wrap.style2.list2 .content .title a:hover {
color: var(--theme-primary-color);
}
.tf-listing-wrap.style2.list2  .listing-post .description ul li svg path {
fill: #fff;
}
.tf-listing-wrap.style2.list2  .wrap-listing-post .bottom-content {
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.tf-listing-wrap.style2.list2 .wrap-listing-post .button-details a {
border: 1px solid rgba(255, 255, 255, 0.1);
}
.tf-listing-wrap.style2.list2 .wrap-listing-post .button-details a:hover {
background: var(--theme-primary-color);
border-color: var(--theme-primary-color);
color: #fff;
}
.tf-listing-wrap .wrap-listing-post .content-tab .content-tab-inner .listing>.loading-icon {
background: rgba(255, 255, 255, 0.8);
opacity: 1;
z-index: 99;
}
.tf-listing-wrap .wrap-listing-post .content-tab .content-tab-inner .loading-icon {
transition: .5s;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
}
.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);
}
}  .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-listing-wrap .owl-carousel .owl-stage-outer {
padding: 15px;
margin: -15px;
}
.tf-listing-wrap .wrap-listing-post .item {
padding: 15px 15px 15px 15px;
}
.tf-listing-wrap .owl-carousel .owl-item .item {
padding: 15px 0 !important;
}
.tf-listing-wrap .wrap-listing-post.column-1 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.tf-listing-wrap .wrap-listing-post.column-2 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 49.99%;
flex: 0 0 49.99%;
max-width: 49.99%;
}
.tf-listing-wrap .wrap-listing-post.column-3 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
.tf-listing-wrap .wrap-listing-post.column-4 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}  .tf-listing-wrap.has-carousel .row {
margin-left: 0;
margin-right: 0;
margin-bottom: 60px;
}
.tf-listing-wrap.has-carousel .row>* {
width: 100%;
padding-left: 0;
padding-right: 0;
} .tf-listing-wrap.has-carousel .wrap-listing-post .item {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
padding: 0;
}
.tf-listing-wrap.has-carousel .owl-carousel .owl-nav {
position: absolute;
right: 1%;
top: 50%;
width: 100%;
}
.tf-listing-wrap.has-carousel .owl-carousel .owl-nav .owl-next,
.tf-listing-wrap.has-carousel .owl-carousel .owl-nav .owl-prev {
position: absolute;
top: 50%;
left: 2%;
transform: translateY(-50%);
color: #24272C;
background-color: #fff;
font-size: 20px;
text-align: center;
padding: 0;
display: flex;
width: 48px;
height: 48px;
box-shadow: 0px 8px 12px 0px rgba(36, 39, 44, 0.15);
justify-content: center;
align-items: center;
border-radius: 25px;
border: none;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.tf-listing-wrap.has-carousel:hover .owl-carousel .owl-nav .owl-next,
.tf-listing-wrap.has-carousel:hover .owl-carousel .owl-nav .owl-prev {
visibility: visible;
opacity: 1;
}
.tf-listing-wrap.has-carousel .owl-carousel .owl-nav .owl-next {
left: unset;
right: 0%;
}
.tf-listing-wrap.has-carousel:hover .owl-carousel .owl-nav .owl-next {
left: unset;
right: -2.5%;
}
.tf-listing-wrap.has-carousel:hover .owl-carousel .owl-nav .owl-prev {
left: -1%;
}
.tf-listing-wrap.has-carousel .owl-carousel .owl-nav .owl-prev:before,
.tf-listing-wrap.has-carousel .owl-carousel .owl-nav .owl-next:before,
.tf-listing-wrap.has-carousel .owl-carousel .owl-dots .owl-dot:before {
display: none;
}
.tf-listing-wrap .owl-carousel .owl-nav .owl-prev:hover,
.tf-listing-wrap .owl-carousel .owl-nav .owl-next:hover {
color: #fff;
background-color: var(--theme-primary-color);
}
.tf-listing-wrap.has-carousel .wrap-listing-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-listing-wrap.has-carousel .owl-carousel .featured-property .carousel-image-box,
.tf-listing-wrap.has-carousel .owl-carousel:hover {
cursor: e-resize;
}
.tf-listing-wrap.has-carousel .owl-carousel .listing-post {
cursor: default;
}
.tf-listing-wrap.has-carousel .owl-carousel.row {
margin: 0 !important;
}
.tf-listing-wrap.has-carousel .owl-carousel .owl-dots {
position: absolute;
left: 50%;
bottom: -13%;
display: flex;
}
.tf-listing-wrap.has-carousel .owl-dots .owl-dot {
padding: 0;
width: 8px;
height: 8px;
background: #E4E4E4;
display: inline-block;
margin: 0 7px;
-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;
overflow: unset;
}
.tf-listing-wrap.has-carousel .owl-dots .owl-dot.active {
background-color: var(--theme-primary-color);
}
.tf-listing-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;
} .property-flexslider .slides li {
z-index: 0 !important;
}
.property-flexslider .flex-control-nav {
bottom: -5%;
}
.property-flexslider .flex-direction-nav li a {
z-index: 300;
}  .swiper-button-next2 {
right: 0%;
left: auto;
}
.swiper-button-prev2 {
right: auto;
left: 0%;
}
.tf-listing-wrap .swiper-pagination {
cursor: default;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post:hover .swiper-button-next2 {
right: 4%;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post:hover .swiper-button-prev2 {
left: 4%;
}
.swiper-button-next2,
.swiper-button-prev2 {
width: 30px;
height: 30px;
top: 50%;
transform: translateY(-50%);
color: #D9D9D9;
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-listing-wrap .wrap-listing-post .item .listing-post .swiper-pagination-bullets-dynamic {
bottom: 10px;
display: flex;
align-items: center;
column-gap: 4px;
z-index: 7;
justify-content: center;
overflow: unset;
}
.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-bullets .swiper-pagination-bullet {
width: 8px;
height: 8px;
border-radius: 50%;
background: #fff !important;
margin: 0;
transform: unset;
opacity: 1;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post:hover .featured-property .swiper-pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.tf-listing-wrap .wrap-listing-post .item .listing-post:hover .featured-property .swiper-button-next2,
.tf-listing-wrap .wrap-listing-post .item .listing-post:hover .featured-property .swiper-button-prev2 {
opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--theme-primary-color) !important;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .featured-property .carousel-image-box {
position: relative;
display: block;
height: 100%;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .featured-property img {
-o-object-fit: cover;
object-fit: cover;
-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;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post:hover .featured-property img {
transform: scale(1.05);
}  .icons::before {
font-family: 'icomoon' !important;
font-size: 16px;
font-weight: 500;
font-style: normal;
}
.icons.icon-bed::before {
content: "\e902";
}
.icons.icon-bath::before {
content: "\e901";
}
.icons.icon-size::before {
content: "\e900";
} .owl-carousel .owl-dots .owl-dot {
overflow: unset;
position: relative;
}
.tf-listing-wrap.has-carousel .owl-dots .owl-dot span::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;
border: 1px solid transparent;
content: '';
}
.tf-listing-wrap.has-carousel .owl-dots .owl-dot.active span::after {
border-color: var(--theme-primary-color);
} .owl-carousel.has-overlay .owl-item {
-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;
}
.owl-carousel.has-overlay .owl-item.active_overlay {
opacity: 0.3;
} .widget-single-listing .listing-post {
box-shadow: 0px 30px 60px 0px #0000001A;
border-radius: 24px;
padding: 30px;
background: #fff;
}
.widget-single-listing .item .listing-post .description ul li svg {
width: 16px;
height: 16px;
}
.widget-single-listing .listing-post .avatar-thumb img {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
margin-right: 6px;
}
.widget-single-listing .bottom-content {
border-bottom: 1px solid #EFEFEF;
padding-bottom: 27px;
margin-top: 39px !important;
border-top: unset !important;
padding-top: unset !important;
margin-bottom: 27px;
}
.widget-single-listing .listing-post .avatar-thumb .position {
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #696665;
}
.widget-single-listing .price .inner:nth-child(1) {
font-size: 20px;
font-weight: 500;
line-height: 25.2px;
}
.widget-single-listing .price .inner:nth-child(2) {
font-size: 16px;
font-weight: 400;
line-height: 25.2px;
}
.widget-single-listing .inner-bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.widget-single-listing .listing-post .avatar-thumb h6 {
font-size: 18px;
font-weight: 500;
line-height: 22.68px;
margin: 0;
}
.widget-single-listing .wrap-listing-post .price {
margin-bottom: 1px;
}
.widget-single-listing .list-controller a {
height: 52px;
width: 52px;
background: var(--theme-primary-rgba);
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--theme-primary-color);
}
.widget-single-listing .list-controller a:hover,
.widget-single-listing .list-controller a.active {
background: var(--theme-primary-color);
color: #fff;
}
.widget-single-listing .listing-post .content .title {
margin-bottom: 21px;
font-size: 30px;
font-weight: 500;
line-height: 37.8px;
}
.widget-single-listing .listing-post .content {
padding: 0 !important;
}
.tf-listing-wrap.widget-single-listing .wrap-listing-post .listing-post .list-controller {
position: unset;
opacity: unset;
visibility: unset;
transform: unset;
justify-content: unset;
gap: 11px;
} @media only screen and (max-width: 1300px) {
.tf-listing-wrap.style1 .wrap-listing-post .item .listing-post .description {
gap: 10px;
justify-content: left;
}
.tf-listing-wrap .wrap-listing-post .bottom-content .price .regular_price {
font-size: 17px;
}
.tf-listing-wrap .wrap-listing-post .bottom-content .price .sale_price {
font-size: 16px;
}
.tf-listing-wrap .wrap-listing-post .bottom-content {
flex-wrap: wrap;
gap: 10px;
}
.tf-listing-wrap.has-carousel .owl-carousel .owl-nav .owl-next {
right: 0;
}
.tf-listing-wrap.has-carousel .owl-carousel .owl-nav .owl-prev {
left: 0px;
}
}
@media only screen and (max-width: 991px) {
.tf-listing-wrap .wrap-listing-post.column-4 .item,
.tf-listing-wrap .wrap-listing-post.column-3 .item,
.tf-listing-wrap .wrap-listing-post.column-1 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.tf-listing-wrap .wrap-listing-post.column-4 .item,
.tf-listing-wrap .wrap-listing-post.column-3 .item,
.tf-listing-wrap .wrap-listing-post.column-1 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.tf-listing-wrap.style2 .wrap-listing-post.column-2 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.widget-single-listing .listing-post .content {
padding: 50px 25px 50px 25px;
}
.widget-single-listing .listing-post .group-meta {
top: 25px;
left: 25px;
}
.tf-listing-wrap .owl-carousel .owl-nav {
display: none;
}
}
@media only screen and (max-width: 767px) {
.tf-listing-wrap.style2 .wrap-listing-post.column-2 .item,
.tf-listing-wrap .wrap-listing-post.column-4 .item,
.tf-listing-wrap .wrap-listing-post.column-3 .item,
.tf-listing-wrap .wrap-listing-post.column-2 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.tf-listing-wrap .featured-property .group-meta {
top: 5px;
left: 5px;
right: 5px;
}
.tf-listing-wrap.style1.grid3 .wrap-listing-post .item {
padding: 20px 5px;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .description ul {
flex-wrap: wrap;
}
.tf-listing-wrap .listing-post .description {
margin-bottom: 10px;
}
.tf-listing-wrap .featured-property .features, .tf-listing-wrap .featured-property .status, .tf-listing-wrap .featured-property .date-car {
padding: 3px 10px;
}
.tf-listing-wrap .featured-property .count-list-gallery {
padding: 3px 10px;
height: 21px;
}
.listing-post .content .title a {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.tf-listing-wrap .wrap-listing-post .item {
padding: 15px 5px 15px 5px;
}
.tf-listing-wrap .wrap-listing-post .listing.row {
margin-right: -5px;
margin-left: -5px;
}
.tf-listing-wrap .list-controller a {
height: 35px;
width: 35px;
font-size: 16px;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .featured-property img {
height: 100%;
}
.tf-listing-wrap .owl-carousel .owl-dots {
left: 20%;
}
.tf-listing-wrap.has-carousel .row {
margin-bottom: 0px;
}
.hv-tool::after,
.hv-tool::before {
display: none;
}
.widget-single-listing .listing-post .description ul li img {
margin: 0;
}
.tf-listing-wrap.style2 .listing-post {
display: block;
}
.tf-listing-wrap.style2 .listing-post .featured-property,
.tf-listing-wrap.style2.list2 .listing-post .featured-property {
width: 100%;
}
.filter-bar {
overflow-x: scroll;
}
.tf-listing-wrap .wrap-listing-post .listing-post .list-controller { 
top: unset;
transform: translateX(-50%);
bottom: 25px;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .content {
padding: 10px !important;
}
.tf-listing-wrap .wrap-listing-post .bottom-content {
padding-top: 10px;
margin-top: 10px;
}
.tf-listing-wrap .wrap-listing-post .price {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 420px) {
.tf-listing-wrap .owl-carousel .owl-nav {
right: 4%;
}
.tf-listing-wrap .owl-carousel .owl-dots {
left: 25%;
}
.tf-listing-wrap .owl-dots .owl-dot {
width: 25px;
}
}
@media only screen and (max-width: 360px) {
.tf-listing-wrap .wrap-listing-post.column-4 .item,
.tf-listing-wrap .wrap-listing-post.column-3 .item,
.tf-listing-wrap .wrap-listing-post.column-1 .item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}.tf-compare-widget {
border: 1px solid #EDEDED;
border-radius: 16px;
overflow: hidden;
}
.tf-compare-widget .inner-item {
display: flex;
}
.tf-compare-widget .inner-item .item {
flex: 1;
}
.tf-compare-widget .item:last-child .compare-item  {
text-align: right;
}
.tf-compare-widget .item:last-child .price {
justify-content: right;
}
.tf-compare-widget .car-body {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #696665;
margin-bottom: 9px;
display: block;
}
.tf-compare-widget .car-body:hover {
color: var(--theme-primary-color);
}
.tf-compare-widget .title {
font-size: 18px;
font-weight: 500;
line-height: 22.68px;
margin-bottom: 20px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.tf-compare-widget .price {
display: flex;
align-items: baseline;
gap: 10px;
}
.tf-compare-widget .price .inner:nth-child(2) {
color: #B6B6B6;
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
text-decoration: line-through;
}
.tf-compare-widget .price .inner:nth-child(1) {
text-decoration: none;
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
color: #24272C;
}
.tf-compare-widget .featured-property {
position: relative;
}
.tf-compare-widget .item:last-child .featured-property .icon-compare {
display: none;
}
.tf-compare-widget .featured-property .icon-compare {
width: 50px;
height: 50px;
background: #fff;
border-radius: 50%;
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -25px;
z-index: 5;
}
.tf-compare-widget .featured-property img {
height: 150px;
width: 100%;
object-fit: cover;
}
.tf-compare-widget .content {
padding: 16px 16px 16px 16px;
}
.tf-compare-widget .btn-action-compare {
border: 1px solid var(--theme-primary-color);
color: var(--theme-primary-color);
background: transparent;
width: 93%;
display: block;
padding: 13px 30px;
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
border-radius: 14px;
margin: 7px auto;
text-align: center;
margin-bottom: 15px;
cursor: pointer;
-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;
}
.tf-compare-widget .btn-action-compare:hover {
background: var(--theme-primary-color);
color: #fff;
} .table-compare {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
margin: 15px;
-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;
}
.table-compare.active {
opacity: 1;
visibility: visible;
}
.table-compare .overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgb(43, 43, 43);
opacity: 0.702;
content: '';
cursor: pointer;
}
.table-compare .inner-list {
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
max-width: 900px;
z-index: 9999;
height: 90%;
margin: 0 auto;
padding: 31px 30px 35px 30px;
background: #fff;
border-radius: 0px;
overflow-y: auto;
}
.table-compare .inner-list::-webkit-scrollbar {
width: 5px;
}
.table-compare .inner-list::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
.table-compare .inner-list::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.table-compare .inner-list {
display: flex;
background: #fff;
padding: 30px 30px 30px 30px;
border-radius: 0px;
width: 100%;
}
.table-compare .inner-list .content-list {
width: 100%;
}
.table-compare ul li {
border-bottom: 1px solid #EDEDED;
padding: 10px 10px;
}
.table-compare .content-list:nth-child(3) {
order: -1;
}
.table-compare .content-list li {
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
color: #24272C;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
text-wrap: nowrap;
}
.table-compare .heading-content li {
font-family: 'Outfit';
font-size: 16px;
font-weight: 500;
}
.table-compare .content-list li.preview {
height: unset;
display: block;
}
.table-compare .content-list li.preview img {
height: 200px;
object-fit: cover;
width: 100%;
}
.table-compare .content-list .preview-s1 {
height: 343px;
}
.table-compare .close {
width: 35px;
height: 35px;
background: transparent;
border: 1px solid var(--theme-primary-color);
color: var(--theme-primary-color);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 10px;
left: 10px;
cursor: pointer;
-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;
}
.table-compare .close:hover {
background: var(--theme-primary-color);
color: #fff;
}
.table-compare .content-list li .price .inner:nth-child(2) {
color: #B6B6B6;
text-decoration: line-through;
}
.table-compare .content-list li .price .inner:nth-child(1) {
text-decoration: none;
}
.table-compare .post-head {
border: 1px solid #EDEDED;
border-radius: 16px;
text-align: left;
overflow: hidden;
}
.table-compare .post-head .features,
.table-compare .post-head .date-car {
border-radius: 99px;
background: var(--theme-primary-color);
padding: 5px 12px;
color: #FFF;
z-index: 6;
height: 34px;
font-family: 'Inter';
font-size: 12px;
font-weight: 600;
height: 29px;
}
.table-compare .post-head .group-meta .inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
position: absolute;
top: 9px;
left: 11px;
right: 10px;
z-index: 7;
}
.table-compare .post-head .car-body {
color: var(--theme-primary-color);
font-size: 14px;
font-weight: 500;
margin-bottom: 6px;
display: block;
}
.table-compare .post-head .content .title {
margin-bottom: 17px;
font-size: 18px;
font-weight: 500;
line-height: 22.68px;
}
.table-compare .post-head .price {
display: flex;
align-items: baseline;
gap: 10px;
}
.table-compare .post-head .price .inner:nth-child(2) {
color: #B6B6B6;
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
text-decoration: line-through;
}
.table-compare .post-head .price .inner:nth-child(1) {
color: var(--theme-primary-color);
text-decoration: none;
font-size: 20px;
font-weight: 500;
line-height: 25.2px;
}
.table-compare .post-head .content {
padding: 16px;
padding-bottom: 14px;
}
.table-compare .post-head .featured-property {
position: relative;
}.tf-posts.no-carousel {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.tf-posts.no-carousel.column-1 .item {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.tf-posts.no-carousel.column-2 .item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.tf-posts.no-carousel.column-3 .item {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.tf-posts.no-carousel.column-4 .item {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.tf-posts.has-carousel .item {
padding: 15px 0px 15px 0px !important;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
} .tf-posts .blog-post {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.tf-posts .blog-post .featured-post {
border-radius: 0px;
overflow: hidden;
margin-bottom: 28px;
}
.tf-posts .blog-post .tf-button-container a {
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
color: var(--theme-primary-color);    
display: inline-block;
}
.tf-posts .blog-post .tf-button-container a:hover {
color: #24272C;
}
.tf-posts .blog-post .tf-button-container a:hover i {
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
@keyframes toRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
.tf-posts .blog-post .featured-post a {
width: 100%;
display: block;
border-radius: 16px;
overflow: hidden;
}
.tf-posts .blog-post .featured-post .blog-plus {
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #24272C;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 30px;
-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
visibility: hidden;
opacity: 0;
}
.tf-posts .blog-post:hover .featured-post .blog-plus {
visibility: visible;
opacity: 0.4;
cursor: pointer;
}
.tf-posts .blog-post .featured-post img {
object-fit: cover;
width: 100%;
height: 270px;
border-radius: 16px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.tf-posts .blog-post:hover .featured-post img {
transform: scale(1.05);
}
.tf-posts .blog-post .content {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.tf-posts .blog-post .title {
font-size: 22px;
font-weight: 500;
line-height: 27.72px;
color: #24272C;    
margin-bottom: 11px;
}
.tf-posts .blog-post .description {
color: #696665;
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
margin-bottom: 12px;
}
.tf-posts .blog-post .title a {
color: #000000;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.tf-posts .blog-post .title a:hover {
color: var(--theme-primary-color);
}
.tf-posts .blog-post .category-post a {
font-weight: 500;
}
.tf-posts .blog-post .meta-features {
padding: 7px 22px;
border-radius: 0px;
background: #FFF;
display: flex;
position: absolute;
left: 9px;
top: 11px;
}
.tf-posts.center .blog-post .meta-features {
left: 50%;
transform: translateX(-50%);
}
.tf-posts.left .blog-post .meta-features {
left: 10px;
}
.tf-posts.right .blog-post .meta-features {
right: 10px;
left: unset;
}
.tf-posts .blog-post .meta-post {
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
}
.tf-posts .blog-post .meta-features .post-meta.meta-time,
.tf-posts .blog-post .meta-features .category-post a {
color: #000;
font-size: 13px;
font-weight: 600;
line-height: 150%; 
}
.tf-posts .blog-post .meta-features .post-meta.meta-time {
margin-right: 17px;
}
.tf-posts .blog-post .meta-features .category-post i,
.tf-posts .meta-post .post-comment i,
.tf-posts .meta-post .author-post i {
margin-right: 7px;
color: var(--theme-primary-color);
font-size: 14px;
}
.tf-posts .meta-post .author-post i {
font-size: 20px;
}
.tf-posts .blog-post .meta-features .category-post {
display: flex;
align-items: center;
}
.tf-posts .blog-post .meta-features .category-post a {
color: #000000;
font-size: 12px;
font-weight: 700;
line-height: 22px;
letter-spacing: 1.62px;
text-transform: uppercase;
}
.tf-posts .blog-post .meta-post .post-meta:not(:last-child) {
margin-right: 16px;
}
.tf-posts .blog-post .meta-post .post-meta a,
.tf-posts .blog-post .meta-post .post-meta.meta-time {
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #000000;
}
.tf-posts .blog-post .meta-post .post-meta.meta-author span {
color: #64666C;
margin-right: 5px;
}
.tf-posts .blog-post .meta-post .post-meta a:hover {
color: var(--theme-primary-color);
}
.tf-posts .blog-post .tf-button-container i {
vertical-align: middle;
margin-left: 6px;
display: inline-block;
}
.tf-posts .item {
display: flex;
display: -webkit-box;
}
.tf-posts .item .blog-post {
display: flex;
display: -ms-flexbox;
flex-direction: column;
}
.tf-posts .meta-post {
display: flex;
align-items: center;
}
.tf-posts .meta-post .author-post,
.tf-posts .meta-post .post-comment {
display: flex;
align-items: center;
}
.tf-posts .meta-post .author-post .image img {
border-radius: 50%;
border: 2px solid #FFF;
box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07);
width: 34px;
height: 34px;
object-fit: cover;
}
.tf-posts .meta-post .author-post .image {
margin-right: 7px;
}
.tf-posts .meta-post li {
font-size: 14px;
font-weight: 700;
line-height: 17.64px;
color: #24272C;    
text-transform: capitalize;
}
.tf-posts .meta-post li::after {
content: '|';
color: #EDEDED;
margin-left: 7px;
margin-right: 6px;
font-weight: 100;
}
.tf-posts .meta-post li:last-child:after {
display: none;
}
.tf-posts .meta-post li a {
color: var(--theme-primary-color);
}
.tf-posts .meta-post li a:hover {
color: #24272C;    
}
.tf-posts .meta-date {
padding: 6px 12px 6px 12px;
border-radius: 99px;
font-family: 'Inter';
font-size: 12px;
font-weight: 600;
line-height: 16.8px;
position: absolute;
left: 10px;
bottom: 10px;
background: var(--theme-primary-color);
color: #fff;
} .tf-posts.style2 .blog-post {
display: flex;
flex-direction: unset;
gap: 30px;
}
.tf-posts.style2 .blog-post .featured-post,
.tf-posts.style2 .blog-post .content {
flex: 1;
}
.tf-posts.style2 .blog-post .featured-post {
margin-bottom: 0px;
height: max-content;
}
.tf-posts.style2 .blog-post .content {
margin-top: 2px;
} .tf-posts.style3 .meta-post .meta-date-post {
font-family: 'Inter';
font-size: 12px;
font-weight: 400;
line-height: 16.8px;
color: #696665;
}
.tf-posts.style3 .blog-post .tf-button-container a {
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
color: var(--theme-primary-color);
display: inline-block;
padding: 15px 34px;
border-radius: 14px;
background: var(--theme-primary-rgba);
}
.tf-posts .blog-post .tf-button-container i {
vertical-align: sub;
margin-left: 6px;
display: inline-block;
font-size: 21px;
}
.tf-posts.style3 .blog-post .tf-button-container {
margin-top: 25px;
}
.tf-posts.style3 .blog-post .tf-button-container a:hover {
background: var(--theme-primary-color);
color: #fff;
} .tf-posts.style4 {
display: flex;
column-gap: 60px;
row-gap: 30px;
flex-wrap: nowrap;
}
.tf-posts.style4 .blog-post.item-1 {
width: 53%;
position: relative;
}
.tf-posts.style4 .blog-post.item-1::after {
content: '';
width: 1px;
height: 100%;
background: #EDEDED;
position: absolute;
right: -29px;
top: 0;
}
.tf-posts.style4 .blog-post.item-1 .featured-post img {
height: 415px;
}
.tf-posts.style4 .wrap-list {
width: 50%;
}
.tf-posts.style4 .wrap-list .blog-post {
display: flex;
}
.tf-posts.style4 .wrap-list .blog-post .meta-date {
position: unset;
background: unset;
}
.tf-posts.style4 .wrap-list .blog-post .featured-post img {
height: 125px;
}
.tf-posts.style4 .wrap-list .blog-post .featured-post {
width: 190px;
flex-shrink: 0;
margin-bottom: 0;
margin-right: 9px;
}
.tf-posts.style4 .wrap-list .blog-post .title {
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
margin-bottom: 12px;
color: #24272C;
}
.tf-posts.style4 .wrap-list .blog-post .title a {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.tf-posts.style4 .wrap-list .blog-post .meta-post li {
font-family: 'Inter';
font-size: 12px;
font-weight: 400;
line-height: 16.8px;
color: #696665;
}
.tf-posts.style4 .wrap-list .blog-post .meta-post .name {
font-weight: 700;
color: #24272C;
}
.tf-posts.style4 .wrap-list .blog-post .description {
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.tf-posts.style4 .wrap-list .blog-post .meta-post {
margin-bottom: 2px;
}
.tf-posts.style4 .wrap-list .blog-post:not(:last-child) {
padding-bottom: 20px;
border-bottom: 1px solid #EDEDED;
margin-bottom: 20px;
}
.tf-posts.style4 .btn-view-all {
border: 1px solid var(--theme-primary-color);
padding: 14px 30px;
border-radius: 14px;
color: var(--theme-primary-color);
font-size: 16px;
font-weight: 500;
display: inline-block;
}
.tf-posts.style4 .btn-view-all i {
vertical-align: text-bottom;
margin-left: 9px;
font-size: 20px;
}
.tf-posts.style4 .btn-view-all:hover {
color: #fff;
background: var(--theme-primary-color);
}
.tf-posts.style4 .wrap-btn-view {
background: #fff;
display: block;
padding-top: 20px;
margin-top: -41px;
} .tf-posts .pagination-post .navigation {
padding-top: 26px;
border-top: 1px solid #EDEDED;
margin-top: 13px;
text-align: center;
padding-left: 15px;
padding-right: 15px;
} .tf-posts.has-carousel .owl-nav .owl-prev,
.tf-posts.has-carousel .owl-nav .owl-next {
width: 50px;
height: 50px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
border-radius: 5px;
color: #fff;
text-align: center;
padding: 0;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
justify-content: center;
align-items: center;
}
.tf-posts.has-carousel .owl-nav {
position: absolute;
}
.tf-posts .owl-carousel .owl-nav .owl-next,
.tf-posts .owl-carousel .owl-nav .owl-prev {
border: 3px solid #e8e8e9;
}
.tf-posts.has-carousel .owl-nav .owl-next {
left: unset;
right: 0;
}
.tf-posts.has-carousel .owl-nav .owl-prev:before,
.tf-posts.has-carousel .owl-nav .owl-next:before,
.tf-posts.has-carousel .owl-dots .owl-dot:before {
display: none;
}
.tf-posts.has-carousel.no-arrow .owl-nav .owl-prev,
.tf-posts.has-carousel.no-arrow .owl-nav .owl-next {
display: none;
}
.tf-posts.has-carousel.has-arrow .owl-nav .owl-prev,
.tf-posts.has-carousel.has-arrow .owl-nav .owl-next {
display: block;
}
.tf-posts .owl-dots {
display: inline-block;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.tf-posts .owl-dots .owl-dot {
padding: 0;
width: 8px;
height: 8px;
background: #E4E4E4;
display: inline-block;
margin: 0 7px;
-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;
overflow: unset;
position: relative;
}
.tf-posts .owl-dots .owl-dot span::before {
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;
border: 1px solid transparent;
}
.tf-posts .owl-dots .owl-dot.active span::before {
border: 1px solid var(--theme-primary-color);
}
.tf-posts.has-carousel.no-bullets .owl-dots,
.tf-posts .owl-nav.disabled,
.tf-posts .owl-dots {
display: none;
}
.tf-posts.has-carousel.has-bullets .owl-dots {
display: block;
}
.tf-posts .pagination-post {
width: 100%;
}
@media (max-width: 991px) {
.tf-posts.no-carousel.tablet-column-1 .item {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.tf-posts.no-carousel.tablet-column-2 .item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.tf-posts.no-carousel.tablet-column-3 .item {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.tf-posts.layout-mansory.no-carousel.tablet-column-3 {
column-count: 3 !important;
width: unset;
}
.tf-posts.layout-mansory.no-carousel.tablet-column-2 {
column-count: 2 !important;
width: unset;
}
.tf-posts.layout-mansory.no-carousel.tablet-column-1 {
column-count: 1 !important;
width: unset;
}
.tf-posts.style4 {
column-gap: 30px;
}
.tf-posts.style4 .blog-post.item-1::after {
display: none;
}
}
@media (max-width: 767px) {
.tf-posts.no-carousel.mobile-column-1 .item {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.tf-posts.layout-mansory.no-carousel.mobile-column-2 {
column-count: 2 !important;
}
.tf-posts.layout-mansory.no-carousel.mobile-column-1 {
column-count: 1 !important;
}
.tf-posts.no-carousel.mobile-column-2 .item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.tf-posts.style2 .blog-post { 
flex-direction: column;
}
.tf-posts .blog-post .featured-post img,
.tf-posts.style4 .blog-post.item-1 .featured-post img {
height: 100%;
}
.tf-posts.style4 {
flex-direction: column;
}
.tf-posts.style4 .blog-post.item-1,
.tf-posts.style4 .wrap-list {
width: 100%;
}
.tf-posts.style4 .wrap-list .blog-post .featured-post {
width: 140px;
}
.tf-posts .owl-dots {
display: block;
}
}.tf-list-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tf-list-image .box-item {
position: relative;
-webkit-animation: slide-har 30s linear infinite;
animation: slide-har 30s linear infinite;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.tf-list-image .box-item .item {
padding: 0 25px;
width: 250px;
}
.tf-list-image .box-item .item .image img {
width: 100%;
object-fit: cover;
-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;
}
.tf-list-image.hover-image .image img {
opacity: 0.3;
}
.tf-list-image.hover-image .item:hover .image img {
opacity: 1;
}
.tf-list-image.hover-stop:hover .box-item {
animation-play-state: paused;
}
.tf-list-image .image {
position: relative;
overflow: hidden;
}
.tf-list-image .image::after {
position: absolute;
top: 0;
left: -160%;
display: block;
content: "";
width: 50%;
height: 100%;
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.tf-list-image .item:hover .image::after {
animation: shine 1.2s alternate;
}
@keyframes slide-har {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.tf-list-image .box-item .item.list-text {
width: unset;
}
.tf-list-image .list-text a {
font-size: 24px;
font-weight: 600;
line-height: 29.05px;
width: max-content;
color: #000;
display: flex;
align-items: center;
}
.tf-list-image .list-text a svg {
width: 24px;
}
.tf-list-image .list-text a .text {
position: relative;
}
.tf-list-image .list-text a .text::after {
position: absolute;
content: "";
bottom: 0;
height: 1px;
width: 0;
left: auto;
right: 0;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
background-color: currentColor;
}
.tf-list-image .list-text a:hover .text::after {
width: 100%;
left: 0;
right: auto;
}
.tf-list-image .list-text .icon {
margin-right: 10px;
}
.tf-list-image .list-text .icon * {
-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;
}
.tf-list-image .list-text .icon svg path {
fill: #000;
}
.tf-list-image .list-text .icon i {
color: #000;
}