:root{--active-listing-line-width:3px;--active-listing-line-locationX:-10px;--active-listing-image-height:300px;--active-listing-image-margin:20px;--active-listing-title-height:30px}.active-listings-swiper__container{position:relative;padding:0 40px}.active-listings-swiper{padding:20px}.active-listing{display:block;padding:0 10px;position:relative}a.active-listing{text-decoration:none}.active-listing__lineY{display:block;position:absolute;top:0;left:var(--active-listing-line-locationX);width:var(--active-listing-line-width);height:calc(var(--active-listing-image-height) + var(--active-listing-image-margin) + (var(--active-listing-title-height)/2));background:var(--black);z-index:10;transition:.3s ease all;transform-origin:bottom}.active-listing__image{display:flex;justify-content:center;align-items:center;height:var(--active-listing-image-height);margin-bottom:var(--active-listing-image-margin);position:relative;overflow:hidden;transition:.3s ease all}.active-listing__image img{width:100%;height:100%;object-fit:cover;object-position:center}.active-listing__content-title{position:relative;display:flex;align-items:center;transform:translateX(-20px);width:calc(100% + var(--active-listing-image-margin))}.active-listing .active-listing__title{position:relative;margin-bottom:0;padding:0 5px;display:inline-block;text-wrap:nowrap;font-size:25px;color:var(--black);transition:.3s ease all}.active-listing__lineX1,.active-listing__lineX2{display:block;height:var(--active-listing-line-width);background:var(--black);transition:.3s ease all}.active-listing.black .active-listing__lineY,.active-listing.black .active-listing__lineX1,.active-listing.black .active-listing__lineX2{background:var(--black)}.active-listing.brown .active-listing__lineY,.active-listing.brown .active-listing__lineX1,.active-listing.brown .active-listing__lineX2{background:var(--brown)}.active-listing.red .active-listing__lineY,.active-listing.red .active-listing__lineX1,.active-listing.red .active-listing__lineX2{background:var(--red)}.active-listing.teal .active-listing__lineY,.active-listing.teal .active-listing__lineX1,.active-listing.teal .active-listing__lineX2{background:var(--teal)}.active-listing.green .active-listing__lineY,.active-listing.green .active-listing__lineX1,.active-listing.green .active-listing__lineX2{background:var(--green)}.active-listing__lineX1{width:30px}.active-listing__lineX2{width:100%;position:relative;transition:.3s ease all;transform-origin:top left}.active-listing__info{font-size:13px;margin:0;color:var(--black)}.active-listings-swiper__nav:after{display:none}.active-listings-swiper__nav.swiper-button-next{right:0}.active-listings-swiper__nav.swiper-button-prev{left:0}@media screen and (min-width:1025px){a.active-listing.red:hover .active-listing__title{color:var(--red)}a.active-listing.brown:hover .active-listing__title{color:var(--brown)}a.active-listing.teal:hover .active-listing__title{color:var(--teal)}a.active-listing.green:hover .active-listing__title{color:var(--green)}a.active-listing:hover .active-listing__lineX2{transform:scaleX(1.05);transition:.3s ease all}a.active-listing:hover .active-listing__lineY{transform:scaleY(1.03);transition:.3s ease all}a.active-listing:hover .active-listing__image{transform:scale(1.03);transition:.3s ease all}}@media screen and (max-width:1180px){:root{--active-listing-image-height:200px}.active-listings-swiper__container{padding:0 40px}.active-listings-swiper__nav svg{width:20px}}@media screen and (max-width:767px){:root{--active-listing-image-height:50vw}}@media screen and (max-width:500px){:root{--active-listing-title-height:30px}.active-listings-swiper__container{padding:0 35px}.active-listings-swiper__nav svg{width:15px}.active-listings-swiper__nav.swiper-button-next{right:5px}.active-listings-swiper__nav.swiper-button-prev{left:5px}.active-listing__title{font-size:25px}.active-listing__info{font-size:11px}.active-listings-swiper{padding-left:15px}}