.swiper-wrapper {
padding: 0;
margin: 0;
list-style: none;
overflow: hidden;
transition-timing-function: linear;
}
.the-swiper-wrapper {
height: 400px;
overflow: hidden;
padding-top: 150px;
}
.content_wrapper .swiper-slide {
opacity: 0.03;
pointer-events: none;
color: #fff !important;
text-decoration: none;
transition: 0.3s 0.1s ease;
}
.content_wrapper .swiper-slide-prev,
.content_wrapper .swiper-slide-next {
opacity: 0.05;
}
.title_slider .hero {
font-size: 64px;
font-weight: 900;
text-transform: uppercase;
margin-top: 0;
color: #fff !important;
}
.content_wrapper .swiper-slide-active {
opacity: 1;
pointer-events: auto;
color: var(--bg-yellow) !important;
}
.title_slider {
display: flex;
gap: 10px;
}
.title_slider_left {
padding-top: 152px;
}
@media (max-width: 1400px) {
.title_slider .hero {
font-size: 54px;
}
}
@media (max-width: 1200px) {
.title_slider .hero {
font-size: 44px;
}
}
@media (max-width: 1024px) {
.title_slider {
display: block;
position: relative;
}
.title_slider_left {
padding-top: 0;
}
.the-swiper-wrapper {
height: 70px;
padding-top: 0;
}
.title_slider_right {
position: absolute;
top: 60px;
}
.title_slider_left .hero + p {
padding-top: 62px;
}
}
@media (max-width: 690px) {
.title_slider_right {
top: 92px;
}
.title_slider_left .hero + p {
padding-top: 50px;
}
} .archive_property {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: var(--gap-m);
}
.archive_property a {
color: var(--text);
text-decoration: none;
position: relative;
}
.archive_property a > img {
aspect-ratio: 1;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
border-radius: var(--border-radius-l);
}
.archive_property .title {
margin: var(--gap-s) 0;
}
.archive_property p {
margin: 0;
}
.archive_property p.title {
font-family: "Barlow", sans-serif;
color: var(--dark-navy);
font-size: clamp(24px, 3vw, 32px);
text-transform: uppercase;
font-weight: 900;
}
.archive_property .location {
padding: 2px 0px 2px 30px;
background: 10px center/14px 18px no-repeat url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 14 18%27%3e%3cpath fill=%27%2329156D%27 fill-rule=%27evenodd%27 d=%27M7 17.5c2.6-1.3 6.5-7.1 6.5-10.6S10.5.5 7 .5A6.4 6.4 0 0 0 .5 6.9c0 3.5 3.9 9.3 6.5 10.6Zm0-7.2c2 0 3.5-1.5 3.5-3.4S8.9 3.5 7 3.5C5 3.5 3.5 5 3.5 6.9s1.6 3.4 3.5 3.4Z%27 clip-rule=%27evenodd%27/%3e%3c/svg%3e");
}
.archive_property .cost_per_night {
padding: 5px 10px;
position: relative;
top: -17px;
background: var(--bright-blue);
color: var(--contrast);
display: inline-flex;
gap: 5px;
align-items: center;
border-radius: var(--border-radius-s);
transition: 0.3s;
}
.archive_property .cost_per_night strong {
font-family: Barlow;
font-size: 20px;
font-weight: 900;
}
.archive_property a::after {
content: "";
display: block;
inset: 0 0 auto auto;
position: absolute;
border-top-right-radius: var(--border-radius-l);
width: 70px;
height: 70px;
opacity: 0;
transition: 0.3s;
background: center/23px 23px no-repeat url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 23 23%27%3e%3cpath fill=%27%232E2057%27 fill-rule=%27evenodd%27 d=%27m2.9.6 18 .3c1.1 0 2 1 2 2l-.4 18a2 2 0 0 1-4 0l.3-13.2L5 21a2 2 0 1 1-2.8-2.9L16 4.8 2.8 4.6a2 2 0 0 1 .1-4Z%27 clip-rule=%27evenodd%27/%3e%3c/svg%3e") var(--yellow);
}
.archive_property a:hover .cost_per_night {
background: var(--yellow);
color: var(--bright-blue);
}
.archive_property a:hover::after {
opacity: 1;
}
.property_features {
padding: 0;
margin: 10px 0 0 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 5px;
}
.property_features li {
display: flex;
gap: 5px;
padding: 5px 10px;
align-items: center;
background-color: var(--light-grey);
border-radius: var(--border-radius-s);
}
.property_features .icon {
width: 22px;
height: 22px;
background: center/contain no-repeat;
}
.property_features .icon.beds {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 22 22%27%3e%3cpath fill=%27%2329156D%27 d=%27M3.7 9.3a2 2 0 0 1 1.9-1.9c1 0 1.9.9 1.9 2 0 1-.9 1.8-1.9 1.8-1 0-1.9-.8-1.9-1.9Zm16.8 2.9H2.8V5.5c0-.3-.2-.5-.5-.5H.5c-.3 0-.5.2-.5.5V17h2.8v-2h15.4v2H21v-4.3c0-.3-.2-.5-.5-.5Zm-3.2-4.3H8.9c-.3 0-.5.2-.5.5v2.8h12.1c0-1.8-1.4-3.3-3.2-3.3Z%27/%3e%3c/svg%3e");
}
.property_features .icon.bathrooms {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 22 22%27%3e%3cpath fill=%27%2329156D%27 d=%27M17 18.2c-.2 0-.4.1-.4.3v.8a.3.3 0 1 0 .7 0v-.8c0-.2-.2-.3-.3-.3Zm-2 0c-.1 0-.3.1-.3.3v.8a.3.3 0 0 0 .6 0v-.8c0-.2-.1-.3-.3-.3Zm-1.9 0c-.2 0-.3.1-.3.3v.8c0 .2.2.3.3.3.2 0 .3-.1.3-.3v-.8c0-.2-.1-.3-.3-.3Zm-1.9 0c-.2 0-.3.1-.3.3v.8a.3.3 0 1 0 .6 0v-.8c0-.2-.1-.3-.3-.3Zm-2 0s-.2.1-.2.3v.8a.3.3 0 1 0 .6 0v-.8c0-.2-.1-.3-.3-.3Zm7.8-2.3c-.2 0-.4.1-.4.3v.8a.3.3 0 1 0 .7 0v-.8c0-.2-.2-.3-.3-.3Zm-2 0c-.1 0-.3.1-.3.3v.8a.3.3 0 0 0 .6 0v-.8c0-.2-.1-.3-.3-.3Zm-1.9 0c-.2 0-.3.1-.3.3v.8a.3.3 0 0 0 .6 0v-.8c0-.2-.1-.3-.3-.3Zm-1.9 0c-.2 0-.3.1-.3.3v.8a.3.3 0 0 0 .6 0v-.8c0-.2-.1-.3-.3-.3Zm-2 0s-.2.1-.2.3v.8a.3.3 0 1 0 .6 0v-.8c0-.2-.1-.3-.3-.3ZM7.8 13a1.1 1.1 0 0 0 .7 2H18c.6 0 1.1-.5 1.1-1s-.2-.8-.5-1H7.7ZM12 8.1a5 5 0 0 0-3.7 4.3H18A5 5 0 0 0 14.3 8V7H12v1ZM4.6 3c-.1 0-.3.1-.3.3v1.5c0 .2.2.4.3.4h7c.2 0 .3 0 .3.2v.9h2.4V5a2 2 0 0 0-2-2.1H4.5Z%27/%3e%3c/svg%3e");
}
.property_features .icon.sq_ft {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 22 22%27%3e%3cpath fill=%27%2329156D%27 d=%27M4 4v3.6h1.4c.1 0 .3.1.3.3l-.3.2H4v1.7h1.4a.2.2 0 0 1 0 .5H4v1.6h1.4c.1 0 .3 0 .3.2s-.2.3-.3.3H4V14h1.4c.1 0 .3.1.3.3l-.3.2H4v1.6h1.4c.1 0 .3.1.3.3l-.3.2H4V18h14L4 4Zm6 11H7.3a.2.2 0 0 1-.2-.3V12l.1-.3h.3l2.7 2.8v.2c0 .1 0 .2-.2.2Z%27/%3e%3c/svg%3e");
}
.property_features .icon.tv {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 22 22%27%3e%3cpath fill=%27%2329156D%27 d=%27M14 12c0 2.1 0 3.8-4.2 3.8-4 0-4.2-1.7-4.2-3.7s.2-3.7 4.2-3.7H11c3 .3 3 1.8 3 3.7Zm1.7 1.9c.4 0 .7.3.7.7 0 .4-.3.7-.7.7a.7.7 0 0 1-.7-.7c0-.4.4-.7.7-.7Zm0-2c.4 0 .7.3.7.7 0 .4-.3.7-.7.7a.7.7 0 0 1-.7-.7c0-.4.4-.7.7-.7ZM5.1 7.2c-.3 0-.6.2-.6.6v8.6c0 .3.3.5.6.5h.5c0 .4.3.6.6.6s.5-.2.5-.6h8.8c0 .4.2.6.6.6.3 0 .5-.2.5-.6h.3c.3 0 .6-.2.6-.5V7.8c0-.4-.3-.6-.6-.6h-4.3v-.3L14.1 5c.2-.1.2-.3 0-.5a.4.4 0 0 0-.5 0L12 6.3a1.7 1.7 0 0 0-2 0L8.3 4.6a.4.4 0 0 0-.5 0c-.2.2-.2.4 0 .5L9.5 7l-.1.3H5Z%27/%3e%3c/svg%3e");
}
.property_features .icon.wifi {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 22 22%27%3e%3cpath fill=%27%2329156D%27 d=%27M13 16.6c0 1-1 1.9-2 1.9s-2-.9-2-2c0-1 1-1.8 2-1.8s2 .8 2 1.9Zm-2-5.4c-1.3 0-2.4.4-3.3 1.3a1 1 0 0 0 0 1.3c.3.4 1 .4 1.3 0a3 3 0 0 1 2-.7 3 3 0 0 1 2 .8 1 1 0 0 0 1.4 0c.4-.5.3-1 0-1.4-1-.9-2.1-1.3-3.4-1.3Zm0-3.9c-2.3 0-4.4.9-6 2.4A1 1 0 0 0 5 11c.3.4 1 .4 1.3 0a6.8 6.8 0 0 1 9.4.1l.7.2c.2 0 .5 0 .7-.3.3-.4.3-1 0-1.3A8.8 8.8 0 0 0 11 7.3Zm8.7-.4a12.8 12.8 0 0 0-17.4 0 1 1 0 0 0 0 1.3c.3.4 1 .4 1.3 0a10.8 10.8 0 0 1 14.8 0 1 1 0 0 0 1.3 0c.4-.3.4-1 0-1.3Z%27/%3e%3c/svg%3e");
}
.property_features .icon.guests {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 22 22%27%3e%3cpath fill=%27%2329156D%27 fill-rule=%27evenodd%27 d=%27M11 3c2 0 3.7 1.7 3.7 3.8 0 2-1.7 3.8-3.7 3.8S7.3 8.9 7.3 6.8C7.3 4.7 9 3 11 3Zm7 14.7v.9c0 .2-.2.4-.4.4H4.4a.4.4 0 0 1-.4-.4v-.9c0-1.6.7-3.2 1.8-4.4a6.1 6.1 0 0 1 4.4-1.9h1.6a6.4 6.4 0 0 1 6.2 6.3Z%27 clip-rule=%27evenodd%27/%3e%3c/svg%3e");
}
.property_features .icon.clock {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 22 22%27%3e%3cpath fill=%27%2329156D%27 d=%27m16.6 17.5 1.2 2h-1.3l-1.6-1c.6-.2 1.2-.6 1.7-1Zm-12.4 2h1.3l1.6-1c-.6-.2-1.2-.6-1.7-1l-1.2 2ZM3.8 6.4a8.8 8.8 0 0 1 3.7-3.2c-.8-1-2.2-1-3.3 0-1 .8-1.2 2.2-.4 3.1Zm14.4 0c.8-1 .6-2.4-.4-3.3-1-.8-2.5-.8-3.3 0v.1C16 4 17.3 5 18.2 6.4Zm-2 10.6A8 8 0 0 1 3 11a8 8 0 0 1 11.2-7.3A8 8 0 0 1 19 11c0 2.4-1 4.5-2.8 6Zm-4.6-.5v.5a6.1 6.1 0 0 0 5.5-5.4h-.6a.6.6 0 0 1-.6-.6c0-.3.3-.6.6-.6h.6A6 6 0 0 0 11.6 5v.5c0 .4-.3.7-.6.7a.6.6 0 0 1-.6-.7V5A5 5 0 0 0 7 6.4a6 6 0 0 0-2.1 4h.6c.3 0 .6.3.6.6s-.3.6-.6.6h-.6a6.1 6.1 0 0 0 5.5 5.4v-.5c0-.4.3-.6.6-.6s.6.2.6.6Zm-.6-4a1.5 1.5 0 0 1-1.5-1.7l-1.9-1a.6.6 0 0 1-.2-1c.2-.2.5-.3.8-.1l2 1a1.6 1.6 0 0 1 1-.2L13 7c.1-.3.5-.3.8-.1.3.1.4.5.2.8l-1.7 2.5.2.8c0 .8-.7 1.5-1.5 1.5Zm1-1.5-.1-.2a1 1 0 0 0-.9-.7h-.3A.9.9 0 0 0 11 12c.5 0 1-.4 1-.9Z%27/%3e%3c/svg%3e");
}
.property_features .icon.cutlery {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 22 22%27%3e%3cpath fill=%27%2329156D%27 d=%27m7.9 7.8 1 12.6c.1.9-.6 1.6-1.6 1.6s-1.8-.7-1.7-1.6l1-12.6C5.8 7.6 5 7 5 6.2V1.3c0-.2.2-.4.5-.4.2 0 .4.2.4.4v4h1v-4c0-.2.1-.4.4-.4.2 0 .4.2.4.4v4h1v-4c0-.2.1-.4.4-.4.2 0 .4.2.4.4v4.9c0 .8-.7 1.4-1.6 1.6Zm6 4.5h1.4l-1.5 7.8c-.2 1 .6 1.9 1.7 1.9.9 0 1.6-.7 1.6-1.6V0C14.4 1.8 14 6 14 12.3Z%27/%3e%3c/svg%3e");
}
.property_features .icon.nights {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 22 22%27%3e%3cpath fill=%27%2329156D%27 d=%27m7.1 6 .2-.2 1.1-.1.4-1c0-.1 0-.2.2-.2l.2.1.4 1h1.2l.2.2-.1.2-.8.8.3 1V8H10l-1-.5-.9.7a.2.2 0 0 1-.2 0V8L8 6.9l-1-.7V6Zm-1 6.5a.2.2 0 0 0 .4 0l.2-1 1-.1v-.2c.1-.1 0-.2 0-.2l-.8-.5V9.4h-.3L6 10l-.8-.3h-.3v.3l.3.8-.6.7v.2l.2.1h1l.4.7ZM17.5 10A6.7 6.7 0 0 0 13 4.5v.3a6.2 6.2 0 0 1-.3 7.5 6.3 6.3 0 0 1-7.3 1.9h-.2v.3a6.8 6.8 0 0 0 9 2.1 6.7 6.7 0 0 0 3.4-6.6Z%27/%3e%3c/svg%3e");
}
.property_features div {
color: var(--dark);
font-weight: 400;
font-size: 16px;
}
.property_features .right {
color: var(--bright-blue);
margin-left: auto;
}
@media (max-width: 1024px) {
.archive_property {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 650px) {
.archive_property {
grid-template-columns: 1fr;
gap: 30px;
}
}