/*!
Theme Name: convo
Theme URI: http://convo.com/
Author: convo.com
Author URI: http://convo.com/
Description: convo
*/

@media (min-width: 1400px) {
    .container,
    .container-xxl {
        max-width: 1440px;
        padding-left: 40px;
        padding-right: 40px;
    }
}


.cta-link-inline {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-family: var(--ff-body);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--convo-off-black-100);
}

.cta-link-inline:hover,
.cta-link-inline:focus { color: var(--convo-off-black-100); }

.cta-link-inline > span {
    position: relative;
    display: inline-block;
}

.cta-link-inline > span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.5s var(--ease-out-quart);
}

.cta-link-inline:hover > span::after,
.cta-link-inline:focus > span::after {
    transform: scaleX(1);
    transform-origin: left center;
}

.cta-arrow {
    width: 14px;
    height: 11px;
    flex-shrink: 0;
}

.cta-link-inline .cta-arrow { width: 14px; height: 11px; }

@media (min-width: 992px) {
    .cta-link-inline { font-size: 14px; }
    .cta-link-inline .cta-arrow { width: 16px; height: 12px; }
}

.text-link-anim {
    position: relative;
    display: inline-block;
}

.text-link-anim::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.5s var(--ease-out-quart);
}

a:hover .text-link-anim::after,
.text-link-anim:hover::after {
    transform: scaleX(1);
    transform-origin: left center;
}

.btn-outline {
    height: 50px;
    padding: 0 30px;
    gap: 26px;
    border: 0.5px solid var(--convo-off-black-100);
    background-color: transparent;
    color: var(--convo-off-black-100);
    font-family: var(--ff-body);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.25s var(--ease-out-quart);
    transition: all 0.25s var(--ease-out-quart);
}

.btn-outline:hover,
.btn-outline:focus {

    color: var(--convo-cream-100);
}

.btn-outline:hover svg  path,
.btn-outline:focus svg  path{
    fill: var(--convo-cream-100);
}
.btn-outline:hover .btn-dot-js-anim,
.btn-outline:focus .btn-dot-js-anim{
    background-color: var(--convo-off-black-100);
}

.btn-outline .cta-arrow {
    width: 12px;
    height: 9.356px;
    z-index: 2;
    position: relative;
}

.btn-dark-pill {
    height: 50px;
    padding: 0 26px 0 30px;
    gap: 30px;
    background-color: var(--convo-off-black-100);
    color: var(--convo-cream-100);
    border: 0.5px solid var(--convo-off-black-100);
    font-family: var(--ff-body);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
}

.btn-dark-pill:hover,
.btn-dark-pill:focus {
    color: var(--convo-off-black-100);
}

.btn-dark-pill .cta-arrow {
    width: 12px;
    height: 9.356px;
    z-index: 2;
    position: relative;
}

.btn-dark-pill:hover .btn-dot-js-anim , .btn-dark-pill:focus .btn-dot-js-anim{
    background-color: var(--convo-cream-100);
}

.btn-dark-pill:hover  path,
.btn-dark-pill:focus  path{
    fill: var(--convo-off-black-100);
}

.slider-arrows {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: inline-flex;
    gap: 10px;
    z-index: 3;
}

.slider-arrows button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--convo-cream-100);
    border: none;
    color: var(--convo-off-black-100);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: background-color 0.25s var(--ease-out-quart);
    transition: background-color 0.25s var(--ease-out-quart);
}

.slider-arrows button:hover {
    background-color: var(--convo-yellow-100);
}

.yellow-btn{
    background: var(--convo-yellow-100);
    color: var(--convo-off-black-100);
    font-family: var(--ff-body);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 15px 20px;
    border-radius: 0;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    min-width: 120px;
    transition: all 0.3s var(--ease-out-quart);
    justify-content: center;
}

.yellow-btn:hover , .yellow-btn:focus{

    color: var(--convo-off-black-100);
}

.yellow-btn img{
    margin-left: 20px;
    position: relative;
    top: -1px;
    width: 17px;
    height: 13px;
    z-index: 2;
}

.btn-text-js-anim{
    position: relative;
    z-index: 2;
}

.btn-js-anim .btn-dot-js-anim{
    position: absolute;
    display: block;
    /* default origin = button centre so the dot always covers, even if JS hasn't set a cursor point (e.g. AJAX-replaced buttons) */
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.yellow-btn .btn-dot-js-anim {

    background-color: var(--convo-brown-100);

  }
  .yellow-btn:hover {
    color: var(--convo-off-black-100);
  }

  .yellow-btn:active {
    background: var(--convo-brown-100);
  }

  .btn-js-anim{
    position: relative;
    overflow: hidden;
  }

  .btn-js-anim:hover .btn-dot-js-anim {
    width: 225%;
    height: 562.5px;
  }

/*-===== Homepage style start =======*/

/*-- Hero banner --*/

.hero-banner-section {
    position: relative;
    min-height: 772px;
    padding: 10px 0;
    background-color: var(--convo-off-black-100);
    background-size: cover;
    background-position: center;
    color: var(--convo-cream-100);
    overflow: hidden;


}

.hero-banner-section .container{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    min-height: inherit;

}

.hero-banner-section_overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(28, 28, 28, 0.2) 0%, rgba(28, 28, 28, 0.55) 100%);
    pointer-events: none;
    z-index: 1;
}

/* parallax bg image layer (sits behind the video) */
.hero-banner-section_bg {
    position: absolute;
    left: 0;
    right: 0;
    /* over-sized top/bottom so the parallax translate never exposes an edge (section clips via overflow:hidden) */
    top: -15%;
    bottom: -15%;
    background-size: cover;
    background-position: center;
    z-index: 0;
    will-change: transform;
}

.home-video-banner {
    position: absolute;
    left: 0;
    right: 0;
    top: -15%;
    bottom: -15%;
    overflow: hidden;
    z-index: 0;
    will-change: transform;
}

.home-video-banner video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-banner-section .container {
    position: relative;
    z-index: 2;
}

.home-banner-top { margin-bottom: 30px;  }

.home-banner-top .hero-banner-section_title { margin-bottom: 0; }

.hero-banner-section_trust {
    margin-bottom: 37px;
    gap: 15px;
}

.hero-banner-section_trust-icon { height: 18px; width: auto; }

.hero-banner-section_trust-label {
    font-size: 9px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 5px;
}

.home-banner-bottom p {
    font-size: var(--fontsize-16);
    line-height: 1.2;
    max-width: 608px;
    margin: 0;
    font-weight: 400;
}

.hero-banner-section_badge {
    gap: 13px;
    margin: 43px 0 30px;
}
.hero-banner-section_badge-avec { width: 67px; height: 34px; }
.hero-banner-section_badge-divider {
    width: 1px;
    height: 100%;
    background-color: var(--convo-cream-100);
    opacity: 0.6;
}
.hero-banner-section_badge-great { width: 83px; height: 28px; }

.hero-banner-section_scroll {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    color: var(--convo-cream-100);
    text-decoration: none;
    z-index: 2;
    display: none;
}
.hero-banner-section_scroll:hover { opacity: 0.7; }

.hero-banner-section_scroll-text {
    writing-mode: vertical-rl;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    font-family: var(--ff-mono);
    font-size: 14px;
    letter-spacing: 0.4em;
    text-transform: uppercase;
}

.hero-banner-section_scroll-arrow {
    width: 12px;
    height: 9px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.hero-banner-mob-btn .yellow-btn{
    display: block;
    width: 100%;
}

@media (min-width: 992px) {
    .hero-banner-mob-btn { display: none; }
}

@media (min-width: 768px) {

    .hero-banner-section_badge { gap: 23px; margin-top: 30px; margin-bottom: 30px;}


    .hero-banner-section_trust {
        margin-bottom: 14px;
    }
    .hero-banner-section_trust-icon { height: 24px;  }
    .hero-banner-section { padding: 70px 0; min-height: 550px; }
    .hero-banner-section .container{
        justify-content: flex-end;
    }
    .hero-banner-section_scroll{
        display: flex;
    }

    .hero-banner-section_trust-label{
        font-size: 12px;
    }

    .hero-banner-section{
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .hero-banner-section .container{
        min-height: unset;
    }

    .home-banner-top{
        max-width: 550px;
    }
}

@media (min-width: 992px) {


    .hero-banner-section_body { font-size: var(--fontsize-20); }
    .hero-banner-section_badge { margin-top: 0; margin-bottom: 0; }
    .hero-banner-section_badge-avec { width: 79px; height: 40px; }
    .hero-banner-section_badge-great { width: 95px; height: 32px; }
    .home-banner-bottom p {
        font-size: var(--fontsize-18);

    }

    .hero-banner-section_scroll {
        right: 35px;
    }

    .home-banner-top{
        max-width: 600px;
    }

}

@media (min-width: 1200px) {
    .hero-banner-section { padding: 100px 0 50px; min-height: 650px; }
    .hero-banner-section_body { font-size: var(--fontsize-24); }
    .hero-banner-section_scroll { right: 36px; }
    .home-banner-bottom p {
        font-size: var(--fontsize-20);

    }
    .home-banner-top { margin-bottom: 30px; max-width: 750px; }
}

@media (min-width: 1400px) {
    .home-banner-bottom p {
        font-size: var(--fontsize-24);

    }

    .hero-banner-section{
        min-height: 875px;
        min-height: calc(100vh - 86px);
        padding: 180px 0 50px;
    }
}

/*-- Locations slider --*/

.locations-section{
    overflow: hidden;
}
.locations-section_head {
    gap: 16px;
    margin-bottom: 28px;
}

.locations-section_head-left {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.locations-section_tag { margin-bottom: 0; }

.locations-section_title { margin: 0; }

.locations-section_title sup {
    font-family: var(--ff-mono);
    font-size: 8px;
    font-weight: 400;
    vertical-align: super;
    margin-left: 6px;
    top: -10px;
    letter-spacing: 0.05em;
}

.locations-section_view-all {
    font-size: 10px;
    margin-top: 0;
}

/* Slick gutter */

.locations-section_slider {
    padding-right: 35px;
}
.locations-section_slider .slick-list { margin: 0 -8px; overflow: unset;}
.locations-section_slider .slick-slide { padding: 0 8px; height: auto; }
.locations-section_slider .slick-track { display: flex; }

.location-card {
    display: block;
    color: inherit;
    text-decoration: none;
}

.location-card:hover , .location-card:focus {
    outline: none;
    color: var(--convo-off-black-100);
}

.location-card_image {
    position: relative;
    aspect-ratio: 300 / 382;
    overflow: hidden;
    background-color: var(--convo-cream-110);
    margin-bottom: 18px;
}

.location-card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: transform 0.6s var(--ease-out-quart);
    transition: transform 0.6s var(--ease-out-quart);
}

.location-card:hover .location-card_image img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

/* Dark tint fades in on hover */
.location-card_image::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(28, 28, 28, 0.35);
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: opacity 0.5s var(--ease-out-quart);
    transition: opacity 0.5s var(--ease-out-quart);
}

.location-card:hover .location-card_image::after { opacity: 1; }

.location-card_hover {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--convo-cream-100);
    font-family: var(--ff-mono);
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    -webkit-transition: opacity 0.5s var(--ease-out-quart);
    transition: opacity 0.5s var(--ease-out-quart);
}

.location-card:hover .location-card_hover { opacity: 1; }

@media (min-width: 992px) {
    .location-card_hover { font-size: 14px; }
}

.location-card_name { margin: 0 0 2px; }

.location-card_country {
    font-family: var(--ff-mono);
    font-size: 11px;
    line-height: 1.2;
    font-weight: 400;
}

/* .locations-section_head-left .locations-section_tag{
    display: none;
} */

.locations-section_head-left{
    width: 100%;
}

@media (min-width: 768px) {

    .locations-section_head-left{
        width: auto;
    }

    .locations-section_head-left .locations-section_tag{
        display: inline-flex;
    }

    .location-card_country{
        font-size: 13px;
        line-height: 1.2;
    }

    .locations-section_head { margin-bottom: 36px; }
    .locations-section_slider .slick-list { margin: 0 -10px; }
    .locations-section_slider .slick-slide { padding: 0 10px; }
    .location-card_country { font-size: 14px; }
    .location-card_image { margin-bottom: 22px; }
    .locations-section_title sup { font-size: 11px; }

    .locations-section_slider {
        padding-right: 70px;
    }

    .location-card_image {
        aspect-ratio: 402 / 514;
    }
}

@media (min-width: 992px) {
    .locations-section_head { margin-bottom: 44px; }
    .locations-section_view-all {
        margin-top: 8px;
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .locations-section_head { margin-bottom: 38px; }
    .locations-section_title sup { font-size: 11px; }
    .location-card_country { font-size: 16px; }

    .locations-section_slider {
        padding-right: 100px;
    }

    .locations-section_view-all {
        margin-top: 30px;
    }
}

/*-- Discover CTA --*/

.discover-cta-section {
    background-color: var(--convo-brown-100);
    color: var(--convo-off-black-100);
}

.discover-cta-section.section-space {
    padding-top: 50px;
    padding-bottom: 0;
}

.discover-cta-section_slider {
    position: relative;
}

.discover-cta-section_slide {
    aspect-ratio: 375 / 274;
    overflow: hidden;
    display: block !important;
}

.discover-cta-section_slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.discover-cta-section_slider .slick-arrow {
    position: absolute;
    bottom: 40px;
    width: 22px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    color: var(--convo-off-black-100);
    font-size: 0;
    z-index: 3;
    cursor: pointer;
    -webkit-transition: background-color 0.25s var(--ease-out-quart);
    transition: background-color 0.25s var(--ease-out-quart);
}

.discover-cta-section_slider .slick-arrow:hover { background-color:transparent; }

.discover-cta-section_slider .slick-arrow::before {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: url('images/icon-arrow-inline-white.svg') center/contain no-repeat;
}

.discover-cta-section_slider .slick-prev { right: 60px; }
.discover-cta-section_slider .slick-prev::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.discover-cta-section_slider .slick-next { right: 20px; }

.discover-cta-section_head { margin-bottom: 26px; }

.discover-cta-section_title {
    font-family: var(--ff-display);
    font-weight: 300;
    margin: 0;
    font-size: 34px;
    line-height: 1.2;
}

.discover-cta-section_text { gap: 30px; margin-bottom: 80px; }
.discover-cta-section_text p { margin: 0; }
.discover-cta-section_slider{
    margin: 0 -20px;
}

.tag-mono.discover-cta-section_tag{
    margin: 0 0 15px;
}

@media (min-width: 768px) {
    .discover-cta-section_title { font-size: 36px; }

    .discover-cta-section_text { gap: 42px; }
    .discover-cta-section_head { margin-bottom: 40px; }

    .discover-cta-section_slider{
        margin: 0;
    }

    .discover-cta-section_slide {
        aspect-ratio: 862 / 585;
        overflow: hidden;
    }

   


}
@media (min-width: 992px) {
.discover-cta-section.section-space{
    padding-bottom: 70px;
    padding-top: 70px;
}
.discover-cta-section_text { margin-bottom: 0; }
}

@media (min-width: 1200px) {
    .discover-cta-section.section-space {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .discover-cta-section_title {
        font-size: 44px;
        max-width: 795px;
        margin-left: auto;
    }

    .discover-cta-section_slider{
        padding-left: 37px;
    }

}

/*-- Convo World --*/

.convo-world-section_title { margin: 0 0 30px; }

.convo-world-section_grid {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 30px;
}

.world-card_image {
    aspect-ratio: 443 / 476;
    overflow: hidden;
    background-color: var(--convo-cream-110);
    margin-bottom: 18px;
}

.world-card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.world-card_title{
    margin-bottom: 0;
}

.world-card p { margin: 0; font-size: 12px; }

.world-card {
    margin-bottom: 19px;
}

@media (min-width: 768px) {
    .convo-world-section_grid { --bs-gutter-x: 30px; }
    .convo-world-section_title { margin-bottom: 40px; }
    .world-card_title { margin: 0 0 10px; }
    .world-card p { font-size: 16px; }

    .world-card_image {

        margin-bottom: 25px;
    }
    .world-card {
        margin-bottom: 0;
    }
}

/*-- Own Your Stay --*/

.own-your-stay-section_row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.own-your-stay-section_image {
    background-color: var(--convo-cream-110);
    aspect-ratio: 375 / 677;
    overflow: hidden;
    height: 100%;
    margin: 0 -20px;
}

.own-your-stay-section_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.own-your-stay-section_content {
    gap: 40px;
}

.own-your-stay-section_tag { margin-bottom: 10px; }

.own-your-stay-section_title {
    margin: 0;
    text-transform: capitalize;
}

.own-your-stay-section_bottom p { margin: 0 0 30px; font-size: 14px;}
.own-your-stay-section_bottom{
    font-size: 14px;
}

.own-your-stay-section_list {
    margin: 0 0 48px;
    padding-left: 24px;
}

.own-your-stay-section_list li {
    padding: 0px 0;
}

.own-your-stay-section_bottom {
    padding: 0 0 10px;
}

.own-your-stay-section_image-col {
    margin-bottom: 18px;
}

.own-your-stay-section_bottom .btn-outline  {
    width: 100%;
    justify-content: center;
}

@media (min-width: 768px) {

    .own-your-stay-section_list{
        margin-bottom: 30px;
    }


.own-your-stay-section_bottom .btn-outline  {
    width: auto;
    justify-content: center;
}

    .own-your-stay-section_list li { padding: 2px 0; }

    .own-your-stay-section_image{
        margin: 0;
        aspect-ratio: 555 / 677;
    }

    .own-your-stay-section_image-col {
        margin-bottom: 0;
    }

    .own-your-stay-section_bottom p , .own-your-stay-section_bottom{
        font-size: 16px;
    }

}

@media (min-width: 992px) {
    .own-your-stay-section_row { --bs-gutter-x: 50px; }
}

/*-- Convo Journal slider --*/

.convo-journal-section_head {
    margin-bottom: 40px;
    gap: 20px;
}

.convo-journal-section_title {
    margin: 0;
    text-transform: capitalize;
}

.convo-journal-section{
    overflow: hidden;
}

.convo-journal-section_slider .slick-list { margin: 0 -4px; overflow: unset; }
.convo-journal-section_slider .slick-slide { padding: 0 4px; height: auto; }
.convo-journal-section_slider .slick-track { display: flex; }

.convo-journal-section_slide { height: 100%; }

.journal-card {
    gap: 30px;
    height: 100%;
}

.journal-card_image {
    display: block;
    flex-shrink: 0;
    width: 100%;
    aspect-ratio: 312 / 400;
    overflow: hidden;
    background-color: var(--convo-cream-110);
    text-decoration: none;
    color: inherit;
}

.journal-card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: transform 0.6s var(--ease-out-quart);
    transition: transform 0.6s var(--ease-out-quart);
}

.journal-card:hover .journal-card_image img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

.journal-card_image-illustration { background-color: var(--convo-blue-100); }
.journal-card_image-illustration img { object-fit: contain; padding: 24px; }

.journal-card_body {
    flex: 1;
    gap: 30px;
}

.journal-card_meta {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.journal-card_meta p{
    display: none;
}

.journal-card_date {
    font-family: var(--ff-mono);
    font-size: 14px;
    gap: 8px;
    font-weight: 400;
}

.journal-card_dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--convo-cream-130);
    flex-shrink: 0;
}

.journal-card_title {
    margin: 0;
    font-family: var(--ff-body);
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
}

.journal-card_title a {
    color: inherit;
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background-size 0.4s var(--ease-out-quart), color 0.3s var(--ease-out-quart);
    transition: background-size 0.4s var(--ease-out-quart), color 0.3s var(--ease-out-quart);
}

.journal-card_title a:hover,
.journal-card_title a:focus-visible {
    color: inherit;
    background-size: 100% 1px;
}

.journal-card_meta p { margin: 0; }

.convo-journal-section_slider {
    padding-right: 24px;
}

.journal-card_body .cta-link-inline{
    display: none;
}

.mob-convo-journal-view-all-btn{
    display: block;
    margin-top: 36px;
}
.mob-convo-journal-view-all-btn .btn-outline {
    width: 100%;
    height: auto;
    padding: 18px 20px;
}

@media (min-width: 768px) {

    .mob-convo-journal-view-all-btn{
        display: none;
    }

    .journal-card_meta p{
        display: block;
    }

    .journal-card_body .cta-link-inline{
        display: flex;
    }

    .convo-journal-section_slider {
        padding-right: 0;
    }

    .convo-journal-section_slider .slick-list { margin: 0 -15px;  }
.convo-journal-section_slider .slick-slide { padding: 0 15px;  }

    .journal-card_body{
        padding: 42px 0;
    }

    .journal-card_image {
        max-width: 325px;
        aspect-ratio: 325 / 440;
    }

}

@media (min-width: 1200px) {
    .journal-card_title { font-size: 24px; margin-bottom: 18px; }

    .convo-journal-section_slider .slick-list{
        overflow: hidden;
    }
}

/*-- Community Signup (bg inside container) --*/

.community-signup-section { background-color: transparent; }

.community-signup-section.section-space {
    padding-top: 30px;
    padding-bottom: 30px;
}

.community-signup-section_inner {
    background-color: var(--convo-cream-110);
    padding: 34px 26px;
}

.community-signup-section_left { gap: 30px; }

.community-signup-section_side-label {
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    font-family: var(--ff-mono);
    font-size: 14px;
    letter-spacing: 2;
    text-transform: uppercase;
    flex-shrink: 0;
    font-weight: 400;
}

.community-signup-section_illustration {
    flex: 1;
    max-width: 112px;
    margin-bottom: 40px;
}

.community-signup-section_illustration img {
    width: 100%;
    height: auto;
}

.community-signup-section_title {
    margin: 0 0 20px;
    text-transform: capitalize;
}

.community-signup-section_content p {
    font-family: var(--ff-mono);
    line-height: 1.6;
    margin: 0 0 30px;
    font-size: 14px;
    font-weight: 400;
}

.community-signup-section_form { gap: 10px; }

.community-signup-section_form .gform-theme--foundation .gform_fields{
    margin: 0;
}

.community-signup-section_form .gform-theme--foundation .gfield {
    padding: 0;
}

.community-signup-section_form .btn-dark-pill {
    padding:0 64px 0 30px;
    background-image: url('images/icon-join-arrow.svg');
    background-repeat: no-repeat;
    background-position: right 26px center;
    background-size: 12px 9px;
    margin-top: 30px;
    height: 56px;
    transition: all 0.3s var(--ease-out-quart);
}

.community-signup-section_form .btn-dark-pill:hover,
.community-signup-section_form .btn-dark-pill:focus {
    background-position: right 26px center;
    color: var(--convo-off-black-100);
    background-color: transparent;
    border-color: var(--convo-off-black-100);
    background-image: url(images/icon-arrow-inline.svg);
}

.community-signup-section_form .gform_heading{
    display: none !important;
}

.community-signup-section_input {
    flex-grow: 1;
    height: 50px;
    border: none;
    border-bottom: 1px solid var(--convo-off-black-100);
    border-radius: 0;
    background: transparent;
    padding: 0;
    font-size: 16px;
}

.community-signup-section_input:focus {
    outline: none;
    box-shadow: none;
    border-bottom-color: var(--convo-brown-100);
}

.community-signup-section_form input[type="email"]{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--color-black) !important;
    padding-left: 10px !important;
    font-family: var(--ff-body) !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
    height: 50px !important;
}

.community-signup-section_content-inner{
    padding-top: 7px;
    max-width: 578px;
}

.community-signup-section_form form {
   
    }

    .community-signup-section_form .gform-footer.gform_footer.top_label {
        margin: 0;
    }

   

    .community-signup-section_form .gform-body.gform_body {
        width: 100% !important;
        margin: 0 0 20px;
    }

    .community-signup-section_form .gform-footer .btn, .community-signup-section_form .gform-footer input[type="submit"],
     .community-signup-section_form .gform-footer .gform_button{
        height: 50px !important;
        padding: 0 64px 0 30px !important;
        gap: 30px !important;
        background-color: var(--convo-off-black-100) !important;
        color: var(--convo-cream-100) !important;
        border: 0.5px solid var(--convo-off-black-100) !important;
        font-family: var(--ff-body) !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: 0.2em !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
        white-space: nowrap !important;
        background-image: url(images/icon-join-arrow.svg) !important;
        background-repeat: no-repeat !important;
        background-position: right 26px center !important;
        background-size: 12px 9px !important;
        margin-top: 30px !important;
        transition: all 0.3s var(--ease-out-quart) !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }

    .community-signup-section_form .gform-footer .btn:hover, .community-signup-section_form .gform-footer input[type="submit"]:hover,
     .community-signup-section_form .gform-footer .gform_button:hover,
     .community-signup-section_form .gform-footer .btn:focus, .community-signup-section_form .gform-footer input[type="submit"]:focus,
     .community-signup-section_form .gform-footer .gform_button:focus{
        background-color: transparent !important;
        color: var(--convo-off-black-100) !important;
        border-color: var(--convo-off-black-100) !important;
        background-image: url(images/icon-arrow-inline.svg) !important;
    }



@media (min-width: 992px) {

    .community-signup-section_form .gform-body.gform_body {
        width: calc(100% - 165px);
        margin-bottom: 0;
    }
    .community-signup-section_inner { padding: 54px 40px; }

    .community-signup-section_side-label {
        letter-spacing: 7.5px;
    }

    .community-signup-section_illustration {
        max-width: 250px;
        margin-bottom: 0;
    }

    .community-signup-section_content p{
        font-size: 16px;
    }

    .community-signup-section_form { gap: 10px; padding-top: 69px;}

    .community-signup-section_form .btn-dark-pill{
        margin-top: 0;
    }

    .community-signup-section_form .btn-dark-pill{
        height: 50px;
    }

    .community-signup-section_form form {
        display: flex;
        align-items: stretch;
        gap: 10px;
        }
}

@media (min-width: 1400px) {

.community-signup-section_left { gap: 67px; }

}

/*-- Site Footer --*/

.site-footer {
    padding: 68px 0 38px;
}

.site-footer .container{
    max-width: 100%;
}

.site-footer_partnership {
    padding: 40px 0;
    margin-bottom: 20px;
    border-top: 1px solid var(--convo-off-black-100);
    border-bottom: 1px solid var(--convo-off-black-100);
    gap: 27px;
}

.site-footer_partnership-title {
    margin: 0;
    font-family: var(--ff-display);
    font-weight: 300;
    font-size: 20px;
    line-height: 1.4;
}

.site-footer_partner-logos { }
.site-footer_partner-logos img{

}

.site-footer_partner-logo{
    border-right: 1px solid var(--convo-off-black-100);
    display: block;
    padding: 0 30px;
}

.site-footer_partner-logo:last-child { border-right: none; padding-right: 0;}

.site-footer_cols {
    --bs-gutter-x: 0;
    --bs-gutter-y: 40px;
}

.site-footer_col {
    border-right: 1px solid var(--convo-off-black-100);
}

.site-footer_col:last-child { border-right: none; }

.site-footer_col {
    text-align: center;
    padding: 0 15px;
}

.site-footer_col-inner {
    padding: 30px 0 42px;
}

.site-footer_heading {
    margin: 0 0 31px;
    font-family: var(--ff-display);
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2;
    text-transform: capitalize;
    letter-spacing: 0;
}

.site-footer_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.site-footer_list a {
    font-family: var(--ff-body);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--convo-off-black-100);
}

.site-footer_list a:hover { color: var(--convo-off-black-100); text-decoration: underline;}

.site-footer_list-contact a {
    font-size: 16px;
    letter-spacing: 0.2em;
}

.site-footer_social {
    gap: 8px;
    margin-top: 35px;
}

.site-footer_social a {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 0.5px solid var(--convo-off-black-100);
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: background-color 0.3s var(--ease-out-quart), color 0.3s var(--ease-out-quart);
    transition: background-color 0.3s var(--ease-out-quart), color 0.3s var(--ease-out-quart);
}

.site-footer_social a:hover {
    background-color: var(--convo-off-black-100);
    color: var(--convo-cream-100);
}

.social-icon-stack {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-transition: transform 0.45s var(--ease-out-quart);
    transition: transform 0.45s var(--ease-out-quart);
}

.social-icon-stack > i {
    flex-shrink: 0;
    width: 100%;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
}

.site-footer_social a:hover .social-icon-stack,
.site-footer_social a:focus-visible .social-icon-stack {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

.site-footer_bottom {

}

.site-footer_wordmark {
    order: 2;
    text-align: center;
    line-height: 0;
    margin-bottom: 33px;
}

.site-footer_wordmark img {
    width: 188px;
    height: auto;
}

.site-footer_copyright {
    order: 5;
    font-family: var(--ff-body);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.site-footer_legal {
    order: 4;
    gap: 30px;
    margin-bottom: 8px;
}

.site-footer_legal a {
    font-family: var(--ff-body);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--convo-off-black-100);
}

.site-footer_legal a:hover { color: var(--convo-off-black-100); text-decoration: underline;}

.site-footer_col-contact{
    border-right: 0;
    border-top: 1px solid var(--convo-off-black-100);
    margin-top: 18px;
}

.site-footer_bottom{
    flex-direction: column;
}

@media (min-width: 768px) {


    .site-footer_col {
        padding: 0 30px;
    }

    .site-footer_col-inner {
        padding: 30px 0 0;
    }

    .site-footer_col-contact .site-footer_col-inner{
        padding-bottom: 30px;
    }

}

@media (min-width: 992px) {

    
    .site-footer_cols {
        margin-bottom: 38px;
    }

    .site-footer_col-contact .site-footer_col-inner{
        padding-bottom: 0;
    }


    .site-footer_bottom {
        padding-top: 38px;
        border-top: 1px solid var(--convo-off-black-100);
        gap: 20px;
    }


    .site-footer_col-contact{
        margin-top: var(--bs-gutter-y);
    }


    .site-footer_copyright { order: 1; flex: 1 1 0; }
    .site-footer_wordmark   { order: 2; flex: 0 0 auto; margin-bottom: 0; }
    .site-footer_legal      { order: 3; flex: 1 1 0; justify-content: flex-end; margin-bottom: 0;}
    .site-footer_wordmark img { height: 32px; width: auto; }

    .site-footer_bottom{
        flex-direction: row;
    }

    .site-footer_col-contact{
        border-right: 1px solid var(--convo-off-black-100);
        border-top: 0;
    }

    .site-footer_partnership{
        margin-bottom: 40px;
    }

}

@media (min-width: 1200px) {
    .site-footer_partnership-title { font-size: 34px; }

    .site-footer_partnership{
        gap: 20px;
    }

    .site-footer_list-contact a {
        font-size: 18px;
    }
}

/*-- Scroll to top --*/

.scroll-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--convo-off-black-100);
    color: var(--convo-cream-100);
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.25s var(--ease-out-quart), visibility 0.25s var(--ease-out-quart);
    transition: opacity 0.25s var(--ease-out-quart), visibility 0.25s var(--ease-out-quart);
    z-index: 90;
}

.scroll-top.active { opacity: 1; visibility: visible; }

/*-- Page header (BACK + title + trustpilot) --*/

.page-header-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.page-header-section_top {
    margin-bottom: 18px;
    gap: 16px;
}

.page-header-section_back {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: var(--ff-body);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--convo-off-black-100);
    text-decoration: none;
}

.page-header-section_filter-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 36px;
    padding: 0 16px;
    background: transparent;
    border: 0.5px solid var(--convo-off-black-100);
    color: var(--convo-off-black-100);
    font-family: var(--ff-body);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: background-color 0.2s var(--ease-out-quart), color 0.2s var(--ease-out-quart);
    transition: background-color 0.2s var(--ease-out-quart), color 0.2s var(--ease-out-quart);
}

.page-header-section_filter-toggle:hover,
.page-header-section_filter-toggle:focus-visible {
    background-color: var(--convo-off-black-100);
    color: var(--convo-cream-100);
    outline: none;
}

.page-header-section_filter-toggle svg {
    width: 14px;
    height: 10px;
    flex-shrink: 0;
}

.page-header-section_back-arrow {
    flex-shrink: 0;
    width: 12px;
    height: 9px;
    color: currentColor;
}

.page-header-section_back > span {
    position: relative;
    display: inline-block;
}

.page-header-section_back > span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: right center;
    -webkit-transition: transform 0.5s var(--ease-out-quart);
    transition: transform 0.5s var(--ease-out-quart);
}

.page-header-section_back:hover > span::after,
.page-header-section_back:focus > span::after {
    transform: scaleX(1);
    transform-origin: left center;
}

.page-header-section_back:hover,
.page-header-section_back:focus {
    color: var(--convo-off-black-100);
}

.page-header-section_title { margin: 0; }

.page-header-section_trust {
    gap: 4px;
    margin: 0 0 13px;
}

.page-header-section_trust-icon { height: 24px; width: auto; }

.page-header-section_trust-label {
    font-family: var(--ff-body);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--convo-off-black-100);
}

@media (min-width: 992px)  { .page-header-section { padding-top: 60px; padding-bottom: 30px; } }
@media (min-width: 1200px) { .page-header-section { padding-top: 72px; padding-bottom: 80px; }

.page-header-section_back{
    gap: 18px;
    margin-bottom: 6px;
}
}

@media (max-width: 991.98px) {
    .page-header-section {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .page-header-section_title {
        font-size: 43px;
        line-height: 1.1;
        text-transform: capitalize;
    }

    .page-header-section_top {
        margin-bottom: 24px;
    }
}

/*-- Destinations listing (filters + cards) --*/

.destinations-listing-section { padding-top: 0; }

.destinations-listing-section_count {
    font-family: var(--ff-body);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--convo-off-black-100);
    margin: 0 0 26px;
}

@media (min-width: 992px) {
    .destinations-listing-section_count {
        margin-bottom: 20px;
    }
}

/*---- Filter sidebar ----*/

.destinations-listing-section_filters { display: none; }

@media (min-width: 992px) {
    /* offset down past the "Showing N hotels" count row so the DESTINATION dropdown aligns with the first card's image + title */
    .destinations-listing-section_filters { display: block; margin-top: 46px; }
}

.destinations-filters {
    width: 287px;
    max-width: 100%;
}

.destinations-filters_group {
    margin-top: 45px;
}

.destinations-filters_label {
    display: block;
    margin: 0 0 20px;
    font-family: var(--ff-body);
    font-weight: 600;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.2em;
    color: var(--convo-off-black-100);
    text-transform: uppercase;
}

.destinations-filters_dropdown {
    position: relative;
    width: 100%;
    height: 50px;
}

.destinations-filters_dropdown + .destinations-filters_dropdown {
    margin-top: 20px;
}

.destinations-filters_dropdown-toggle {
    width: 100%;
    height: 50px;
    padding: 0 30px 0 21px;
    background-color: transparent;
    border: 0.5px solid var(--convo-off-black-100);
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--ff-body);
    font-weight: 500;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.2em;
    color: var(--convo-off-black-100);
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: background-color 0.25s var(--ease-out-quart), color 0.25s var(--ease-out-quart);
    transition: background-color 0.25s var(--ease-out-quart), color 0.25s var(--ease-out-quart);
}

.destinations-filters_dropdown-toggle:hover,
.destinations-filters_dropdown-toggle:focus-visible,
.destinations-filters_dropdown.is-open .destinations-filters_dropdown-toggle {
    background-color: var(--convo-off-black-100);
    color: var(--convo-cream-100);
    outline: none;
}

.destinations-filters_dropdown-arrow {
    width: 8px;
    height: 13.5px;
    flex-shrink: 0;
    color: var(--convo-off-black-100);
    -webkit-transition: transform 0.3s var(--ease-out-quart), color 0.25s var(--ease-out-quart);
    transition: transform 0.3s var(--ease-out-quart), color 0.25s var(--ease-out-quart);
}

.destinations-filters_dropdown-toggle:hover .destinations-filters_dropdown-arrow,
.destinations-filters_dropdown-toggle:focus-visible .destinations-filters_dropdown-arrow,
.destinations-filters_dropdown.is-open .destinations-filters_dropdown-arrow {
    color: var(--convo-cream-100);
}

.destinations-filters_dropdown.is-open .destinations-filters_dropdown-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Dropdown menu panel (Variant3) */
.destinations-filters_dropdown-menu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 22px 33px;
    background-color: var(--convo-cream-100);
    border: 0.5px solid var(--convo-off-black-100);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 20;
}

.destinations-filters_dropdown.is-open .destinations-filters_dropdown-menu {
    display: block;
}

.destinations-filters_dropdown-menu li {
    margin: 0;
}

.destinations-filters_dropdown-menu li + li {
    margin-top: 10px;
}

.destinations-filters_dropdown-menu button,
.destinations-filters_dropdown-menu a {
    background: transparent;
    border: 0;
    padding: 0;
    width: 100%;
    display: block;
    text-align: left;
    text-decoration: none;
    font-family: var(--ff-body);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    color: var(--convo-off-black-100);
    cursor: pointer;
    -webkit-transition: color 0.2s var(--ease-out-quart);
    transition: color 0.2s var(--ease-out-quart);
}

.destinations-filters_dropdown-menu button:hover,
.destinations-filters_dropdown-menu button:focus-visible,
.destinations-filters_dropdown-menu a:hover,
.destinations-filters_dropdown-menu a:focus-visible {
    color: var(--convo-brown-100);
    outline: none;
}

.destinations-filters_radio-group {
    display: flex;
    width: 100%;
}

.destinations-filters_radio {
    flex: 1;
    height: 50px;
    margin: 0;
    position: relative;
    cursor: pointer;
}

.destinations-filters_radio + .destinations-filters_radio {
    margin-left: -0.5px; /* share border */
}

.destinations-filters_radio input {
    position: absolute;
    inset: 0;
    opacity: 0;
    margin: 0;
    cursor: pointer;
    z-index: 2;
}

.destinations-filters_radio > span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border: 0.5px solid var(--convo-off-black-100);
    font-family: var(--ff-body);
    font-weight: 500;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.2em;
    color: var(--convo-off-black-100);
    text-transform: uppercase;
    -webkit-transition: background-color 0.2s var(--ease-out-quart), color 0.2s var(--ease-out-quart);
    transition: background-color 0.2s var(--ease-out-quart), color 0.2s var(--ease-out-quart);
}

.destinations-filters_radio input:checked + span {
    background-color: var(--convo-off-black-100);
    color: var(--convo-cream-100);
}

/* hover affordance on the unselected toggle (HOTEL / APARTMENT) */
.destinations-filters_radio:hover input:not(:checked) + span {
    background-color: var(--convo-off-black-100);
    color: var(--convo-cream-100);
}

.destinations-filters_checkboxes {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.destinations-filters_checkbox {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    margin: 0;
}

.destinations-filters_checkbox input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}

.destinations-filters_checkbox-box {
    width: 15px;
    height: 15px;
    border: 0.5px solid var(--convo-off-black-100);
    background-color: transparent;
    flex-shrink: 0;
    -webkit-transition: background-color 0.2s var(--ease-out-quart);
    transition: background-color 0.2s var(--ease-out-quart);
}

.destinations-filters_checkbox input:checked + .destinations-filters_checkbox-box {
    background-color: var(--convo-off-black-100);
}

.destinations-filters_checkbox-text {
    font-family: var(--ff-body);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    color: var(--convo-off-black-100);
}

.destinations-filters_price-slider {
    position: relative;
    width: 256px;
    max-width: 100%;
}

.destinations-filters_price-track {
    position: relative;
    height: 25px; /* enough to host the 25px thumbs */
    margin: 0 12.5px;
}

.destinations-filters_price-track::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--convo-off-black-100);
    transform: translateY(-50%);
}

/* Active range fill between the two thumbs */
.destinations-filters_price-fill {
    position: absolute;
    top: 50%;
    height: 1px;
    background-color: var(--convo-off-black-100);
    transform: translateY(-50%);
    z-index: 1;
}

.destinations-filters_price-thumb {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: var(--convo-cream-100);
    border: 1px solid var(--convo-off-black-100);
    padding: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: grab;
    z-index: 2;
    -webkit-transition: box-shadow 0.2s var(--ease-out-quart);
    transition: box-shadow 0.2s var(--ease-out-quart);
}

.destinations-filters_price-thumb:hover {
    box-shadow: 0 0 0 2px rgba(28, 28, 28, 0.15);
}

.destinations-filters_price-thumb:active,
.destinations-filters_price-thumb.is-dragging {
    cursor: grabbing;
    box-shadow: 0 0 0 3px rgba(28, 28, 28, 0.2);
}

.destinations-filters_price-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    font-family: var(--ff-body);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    color: var(--convo-off-black-100);
}

.destinations-filters_popup-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 30px;
    margin: 0;
}

.destinations-filters_popup-title {
    font-family: var(--ff-display);
    font-weight: 300;
    font-size: 26px;
    line-height: 1.4;
    color: var(--convo-off-black-100);
}

.destinations-filters_popup-close {
    width: 32px;
    height: 32px;
    padding: 0;
    background: transparent;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--convo-off-black-100);
    cursor: pointer;
    -webkit-transition: opacity 0.2s var(--ease-out-quart);
    transition: opacity 0.2s var(--ease-out-quart);
}

.destinations-filters_popup-close:hover,
.destinations-filters_popup-close:focus-visible {
    opacity: 0.7;
    outline: none;
}

.destinations-filters_popup-close svg {
    width: 20px;
    height: 20px;
    display: block;
}

@media (max-width: 991.98px) {


    body::before {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(28, 28, 28, 0.45);
        opacity: 0;
        pointer-events: none;
        z-index: 1099;
        will-change: opacity;
        -webkit-transition: opacity 0.3s var(--ease-out-quart);
        transition: opacity 0.3s var(--ease-out-quart);
    }

    body.has-filter-open::before {
        opacity: 1;
        pointer-events: auto;
    }


    .destinations-listing-section_filters {
        display: block;             /* override generic `display: none` from above */
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: 100%;
        max-width: 420px;           /* on tablets the panel doesn't need full width */
        z-index: 1100;
        background-color: var(--convo-cream-100);
        padding: 20px 20px 40px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;


        will-change: transform;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;


        -webkit-transform: translateX(100vw);
        transform: translateX(100vw);
        pointer-events: none;
        -webkit-transition: -webkit-transform 0.35s var(--ease-out-quart);
        transition: transform 0.35s var(--ease-out-quart);
    }

    .destinations-listing-section_filters.is-open {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        pointer-events: auto;
    }

    /* Make widgets full-width inside the popup */
    .destinations-filters { width: 100%; max-width: none; }
    .destinations-filters_dropdown { width: 100%; }
    .destinations-filters_price-slider { width: 100%; }


    body { overflow-x: hidden; }
    body.has-filter-open { overflow: hidden; }
}

/*---- Property card ----*/

.destinations-listing-section_cards {
    display: flex;
    flex-direction: column;
    gap: 100px;
}

.property-card {
    background-color: transparent;
    overflow: hidden;
}


.property-card_image {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    aspect-ratio: 333 / 249;
    overflow: hidden;
    background-color: var(--convo-cream-110);
}

.property-card_slider,
.property-card_image .slick-list,
.property-card_image .slick-track,
.property-card_image .slick-slide,
.property-card_image .slick-slide > div {
    height: 100%;
}

.property-card_slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.property-card_slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: transform 0.6s var(--ease-out-quart);
    transition: transform 0.6s var(--ease-out-quart);
}

.property-card:hover .property-card_slide.slick-active img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

.property-card_slider-controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 22px;
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    pointer-events: none;
}

.property-card_arrows {
    gap: 10px;
    pointer-events: auto;
}

.property-card_arrow {
    width: 24px;
    height: 13px;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--convo-cream-100);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: opacity 0.25s var(--ease-out-quart);
    transition: opacity 0.25s var(--ease-out-quart);
}

.property-card_arrow:hover { opacity: 0.7; }

.property-card_arrow svg {
    width: 17px;
    height: 13px;
    display: block;
}

.property-card_pagination {
    pointer-events: auto;
    font-family: var(--ff-body);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--convo-cream-100);
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.property-card_badge {
    position: absolute;
    left: 22px;
    top: 22px;
    font-family: var(--ff-display);
    font-size: 28px;
    font-weight: 300;
    color: var(--convo-cream-100);
    font-style: italic;
    z-index: 2;
    pointer-events: none;
}

/* ----- Card body ----- */

.property-card_body {
    flex: 1;
    padding: 30px 0 0;
    gap: 30px;
}

.property-card_head {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.property-card_head-text {
    gap: 5px;
    width: 100%;
}

.property-card_title {
    margin: 0;
    font-family: var(--ff-display);
    font-weight: 300;
    line-height: 1.2;
    font-size: 40px;
}

.property-card_location {
    font-family: var(--ff-mono);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--convo-off-black-100);
}

.property-card_stars {
    flex-shrink: 0;
    line-height: 1;
}

.property-card_stars i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 11px;
    color: var(--convo-off-black-100);
    border: 0.5px solid var(--convo-off-black-100);
    border-left: 0;
}

.property-card_stars i:first-child {
    border-left: 0.5px solid var(--convo-off-black-100);
}

/* ----- Features (mono icon + label) ----- */

.property-card_features {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 28px;
    width: 100%;
}

.property-card_features li {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--ff-mono);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--convo-off-black-100);
}

.property-card_feature-icon {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

/* ----- Body p ----- */

.property-card_body p {
    margin: 0;
    font-family: var(--ff-body);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--convo-off-black-100);
}


.property-card_actions {
    gap: 0;
    margin-top: 0;
}

.property-card_actions .btn-dark-pill,
.property-card_actions .btn-outline {
    flex: 1;
    height: 50px;
    text-decoration: none;
    border-width: 0.5px;
    gap: 10px;
    padding: 0 15px;
}

.property-card_actions .btn-outline {
    margin-left: -0.5px;
}

@media (min-width: 992px) {


    .property-card { gap: 20px; }

    .property-card_image {
        width: 50%;
        aspect-ratio: 555 / 415;
        flex-shrink: 0;
    }

    .property-card_slider-controls {
        bottom: 20px;
        padding: 0 20px;
    }

    .property-card_body {
        padding: 0;
        justify-content: space-between;
        gap: 24px;
    }

    .property-card_head {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }

    .property-card_stars { order: 2; }

    .property-card_head-text {
        flex: 1;
        max-width: 329px;
    }


    /* Features: 3 in a row, gap 40px */
    .property-card_features {
        display: flex;
        flex-wrap: wrap;
        gap: 14px 20px;
    }

    .property-card_actions {
        margin-top: auto;
    }

    .property-card_actions .btn-dark-pill,
    .property-card_actions .btn-outline {
        flex: 0 0 auto;
    }

    .property-card_actions .btn-dark-pill { width: 50%; gap: 10px;}
    .property-card_actions .btn-outline   { width: 50%; gap: 10px; }
}

@media (min-width: 1200px) {

.destinations-listing-section_cards{
    gap: 80px;
}

.property-card_title{
    font-size: 32px;
}

}

@media (min-width: 1400px) {

    .property-card_title{
        font-size: 40px;
    }

    .property-card_image {
        width: 54.75%;
    }

    .property-card {
        gap: 48px;
    }

    .property-card_slider-controls {
        bottom: 30px;
        padding: 0 30px;
    }

    .property-card_features {
        gap: 14px 40px;
    }


}

/*-- Other locations (GSAP marquee — 2 rows opposite directions) --*/

.other-locations-section {
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
}

.other-locations-section_marquee {
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.other-locations-section_marquee:last-child { margin-bottom: 0; }

.other-locations-section_marquee.is-grabbing { cursor: grabbing; }

.other-locations-section_track {
    display: inline-flex;
    align-items: center;
    gap: 30px;
    white-space: nowrap;
    will-change: transform;
}

.other-locations-section_item {
    display: inline-flex;
    align-items: center;
    color: var(--convo-off-black-100);
    text-decoration: none;
    line-height: 1;
    flex-shrink: 0;
}

.other-locations-section_name {
    font-family: var(--ff-display);
    font-weight: 300;
    font-size: 40px;
    line-height: 1.2;
    -webkit-transition: color 0.3s var(--ease-out-quart);
    transition: color 0.3s var(--ease-out-quart);
}

.other-locations-section_item:hover .other-locations-section_name {
    color: var(--convo-brown-100);
}

.other-locations-section_thumb {
    display: inline-block;
    width: 102px;
    height: 77px;
    overflow: hidden;
    border-radius: 0;
    pointer-events: none;
}

.other-locations-section_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: transform 0.6s var(--ease-out-quart);
    transition: transform 0.6s var(--ease-out-quart);
    -webkit-user-drag: none;
    user-drag: none;
}

.other-locations-section_item:hover .other-locations-section_thumb img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}

@media (min-width: 768px) {
    .other-locations-section_track { gap: 40px; }
    .other-locations-section_marquee { margin-bottom: 30px; }
    .other-locations-section_name { font-size: 72px; }
    .other-locations-section_thumb { width: 140px; height: 105px; }
}

@media (min-width: 1200px) {
    .other-locations-section_track { gap: 50px; }
    .other-locations-section_marquee { margin-bottom: 76px; }
    .other-locations-section_name { font-size: 100px; }
    .other-locations-section_thumb { width: 176px; height: 132px; }

    .other-locations-section {
        padding-top: 120px;
        padding-bottom: 110px;
    }
}

/*-- Hero --*/

.destination-hero-section {
    position: relative;
    min-height: 600px;

    height: calc(100vh - 85px);
    max-height: 875px;
    overflow: hidden;
    color: var(--convo-cream-100);
    background-color: var(--convo-off-black-100);
}

.destination-hero-section_bg {
    position: absolute;
    left: 0;
    right: 0;
    top: -15%;
    bottom: -15%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    will-change: transform;
}

.destination-hero-section_video {
    position: absolute;
    left: 0;
    right: 0;
    top: -15%;
    bottom: -15%;
    overflow: hidden;
    z-index: 1;
    will-change: transform;
}

.destination-hero-section_video-el {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.destination-hero-section_overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%), linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    pointer-events: none;
    z-index: 2;
}

.destination-hero-section_inner {
    position: relative;
    z-index: 3;
    height: 100%;
    min-height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 40px;
    padding-bottom: 46px;
}

.destination-hero-section_top {
    margin-top: 0; /* BACK is at hero top; .inner padding-top gives the offset */
}

.destination-hero-section_bottom-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.destination-hero-section_tag {
    color: var(--convo-cream-100);
}

.destination-hero-section_bottom-left .destination-hero-section_back {
    margin-top: 8px;
}

@media (max-width: 991.98px) {
    .destination-hero-section_bottom-left .destination-hero-section_back {
        order: 1;
        margin-top: 0;
        margin-bottom: 8px;
    }
    .destination-hero-section_bottom-left .destination-hero-section_tag {
        order: 2;
    }
    .destination-hero-section_bottom-left .destination-hero-section_title {
        order: 3;
    }
}

.destination-hero-section_back {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    font-family: var(--ff-body);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--convo-cream-100);
    text-decoration: none;
}

.destination-hero-section_back-arrow {
    width: 12px;
    height: 9px;
    flex-shrink: 0;
    color: currentColor;
}

.destination-hero-section_back > span {
    position: relative;
    display: inline-block;
}

.destination-hero-section_back > span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: right center;
    -webkit-transition: transform 0.5s var(--ease-out-quart);
    transition: transform 0.5s var(--ease-out-quart);
}

.destination-hero-section_back:hover > span::after,
.destination-hero-section_back:focus > span::after {
    transform: scaleX(1);
    transform-origin: left center;
}

.destination-hero-section_back:hover,
.destination-hero-section_back:focus {
    color: var(--convo-cream-100);
}

.destination-hero-section_title {
    margin: 0;
    font-family: var(--ff-display);
    font-weight: 300;
    font-size: 44px;
    line-height: 1.1;
    color: var(--convo-cream-100);
    max-width: 700px;
}

.destination-hero-section_trust {
    gap: 12px;
    margin-top: 24px;
}

.destination-hero-section_trust-icon {
    height: 24px;
    width: auto;
    flex-shrink: 0;
}

.destination-hero-section_trust-label {
    font-family: var(--ff-body);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--convo-cream-100);
    line-height: 1;
}

.destination-hero-section_scroll {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    flex-direction: row;
    align-items: center;
    gap: 18px;
    color: var(--convo-cream-100);
    text-decoration: none;
    font-family: var(--ff-body);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    z-index: 4;
}

.destination-hero-section_scroll:hover,
.destination-hero-section_scroll:focus {
    color: var(--convo-cream-100);
}

.destination-hero-section_scroll-arrow {
    width: 10px;
    height: 13px;
    flex-shrink: 0;
    transform: rotate(0);
}

@media (min-width: 992px) {
    .destination-hero-section_title { font-size: 55px; }
}

@media (min-width: 1200px) {
    .destination-hero-section_title { font-size: 70px; }
}

@media (min-width: 1400px)  {
    .destination-hero-section_title { font-size: 92px; }
}

/*-- Intro section (green bg) — Figma 5079:10704 --*/

.destination-intro-section {
    background-color: var(--convo-green-100);
    padding-top: 60px;
    padding-bottom: 60px;
    color: var(--convo-off-black-100);
}

/* Top row: headline + Athens column SVG */
.destination-intro-section_top {
    margin-bottom: 40px;
}

.destination-intro-section_headline {
    margin: 0;
    font-family: var(--ff-display);
    font-weight: 300;
    font-size: 28px;
    line-height: 1.2;
    color: var(--convo-off-black-100);
    max-width: 100%;
}

.destination-intro-section_column {
    width: 140px;
    height: auto;
    display: block;
    margin-bottom: 16px; /* small gap from headline on mobile when stacked */
}

.destination-intro-section_image {
    width: 100%;
    aspect-ratio: 571 / 636;
    overflow: hidden;
}

.destination-intro-section_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.destination-intro-section_tag {
    display: inline-flex; /* keeps the dash inline with text */
    margin: 24px 0 24px;
}

.destination-intro-section_body p {
    margin: 0 0 16px;
    font-family: var(--ff-body);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--convo-off-black-100);
}

.destination-intro-section_body p:last-child { margin-bottom: 0; }

@media (min-width: 768px) {
    .destination-intro-section_headline { font-size: 36px; }
}

@media (min-width: 992px) {
    .destination-intro-section {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .destination-intro-section_top {
        margin-bottom: 40px; /* matches Figma gap between top + bottom rows */
    }

    .destination-intro-section_headline {
        font-size: 40px; /* Figma Avec H2 */
        max-width: 675px;
    }

    .destination-intro-section_column {
        width: 215px;
        height: 216px;
        margin-bottom: 0;
    }

    .destination-intro-section_tag {
        margin: 0 0 40px;
    }

    .destination-intro-section_body p { margin-bottom: 10px; }
}

/*-- Luxury Hotels in Athens (sticky map) — Figma 5079:11114 --*/

.luxury-hotels-section { padding-top: 60px; padding-bottom: 60px; }

.luxury-hotels-section_head {
    margin-bottom: 40px;
    flex-wrap: wrap;
    gap: 16px;
}

.luxury-hotels-section_title {
    margin: 0;
    line-height: 1.2;
    display: inline-flex;
    align-items: flex-start;
    gap: 6px;
}

.luxury-hotels-section_count {
    font-family: var(--ff-mono);
    font-size: 14px;
    font-weight: 400;
    color: var(--convo-off-black-100);
    line-height: 1;
    top: 0.2em;
    margin-left: 2px;
}

.luxury-hotels-section_row {
    --bs-gutter-x: 30px;
}

.luxury-hotels-section_cards {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.luxury-hotels-section_map-col {
    margin-top: 40px;
}

.luxury-hotels-section_map {
    position: relative;
    width: 100%;
    aspect-ratio: 626 / 772;
    background-color: var(--convo-cream-110);
    overflow: hidden;
}

.luxury-hotels-section_map iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    -webkit-filter: grayscale(100%) contrast(1.05);
    filter: grayscale(100%) contrast(1.05);
}

@media (min-width: 992px) {
    .luxury-hotels-section { padding-top: 120px; padding-bottom: 120px; }
    .luxury-hotels-section_head { margin-bottom: 64px; }
    .luxury-hotels-section_map-col { margin-top: 0; }


    .luxury-hotels-section_map {
        position: sticky;
        top: 100px;
        aspect-ratio: 626 / 772;
        max-height: calc(100vh - 120px);
    }
}

@media (min-width: 1400px) {
    .luxury-hotels-section_head { margin-bottom: 94px; }

    .luxury-hotels-section_cards {
        gap: 84px;
    }

}

/*-- Vertical Hotel Card (image-top variant) — Figma 5079:11138 --*/

.vertical-hotel-card {
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 20px; /* Figma: gap 20 between image and body */
}

/* Image — Figma 555×350 landscape */
.vertical-hotel-card_image {
    position: relative;
    width: 100%;
    aspect-ratio: 555 / 350;
    overflow: hidden;
    background-color: var(--convo-cream-110);
}

.vertical-hotel-card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    -webkit-transition: transform 0.6s var(--ease-out-quart);
    transition: transform 0.6s var(--ease-out-quart);
}

.vertical-hotel-card:hover .vertical-hotel-card_image img {
    transform: scale(1.04);
}

.vertical-hotel-card_image img.vertical-hotel-card_badge {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 107px;
    height: 36px;
    z-index: 2;
    pointer-events: none;
    display: block;
    object-fit: contain;
}

.vertical-hotel-card_stars {
    position: absolute;
    right: 22px;
    bottom: 22px;
    border: 0.5px solid var(--convo-cream-100);
    line-height: 1;
    z-index: 2;
}

.vertical-hotel-card_stars i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 9px;
    color: var(--convo-cream-100);
}

.vertical-hotel-card_stars i + i {
    border-left: 0.5px solid var(--convo-cream-100);
}

.vertical-hotel-card_body {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.vertical-hotel-card_title {
    margin: 0 0 10px;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    gap: 16px;
}

.vertical-hotel-card_num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 0.5px solid var(--convo-off-black-100);
    font-family: var(--ff-display);
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    color: var(--convo-off-black-100);
    flex-shrink: 0;
}

.vertical-hotel-card_body p {
    font-family: var(--ff-body);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--convo-off-black-100);
    margin: 0 0 20px;
}

.vertical-hotel-card_features {
    list-style: none;
    margin: 0 0 40px;
    padding: 0;
    flex-wrap: wrap;
    gap: 14px 40px;
}

.vertical-hotel-card_features li {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--ff-mono);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--convo-off-black-100);
}

.vertical-hotel-card_feature-icon {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

.vertical-hotel-card_actions {
    gap: 0;
    margin-top: 0;
}

.vertical-hotel-card_actions .btn-outline {
    flex: 1;
    height: 50px;
    text-decoration: none;
    border-width: 0.5px;
}

.vertical-hotel-card_actions .btn-outline + .btn-outline {
    margin-left: -0.5px;
}

@media (min-width: 992px) {
    .vertical-hotel-card_num { width: 24px; height: 24px; font-size: 18px; }
}

@media (max-width: 767px) {

    .vertical-hotel-card_actions .btn-outline{
        height: auto;
        padding: 10px 15px;
        margin: 0 0 10px;
    }

    .vertical-hotel-card_actions{
        flex-direction: column;
    }

}

/*-- Alpine Oasis (yellow bg, tabs + slider) — Figma 5079:11141 --*/

.alpine-oasis-section {
    background-color: var(--convo-yellow-100);
    padding-top: 60px;
    padding-bottom: 60px;
    color: var(--convo-off-black-100);
}

.alpine-oasis-section_row + .alpine-oasis-section_row {
    margin-top: 40px;
}

.alpine-oasis-section_row-top-right {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.alpine-oasis-section_thumb {
    width: 100%;
    aspect-ratio: 321 / 360;
    overflow: hidden;
    border-radius: 200px 200px 0 0;
}

@media (min-width: 768px) {
    .alpine-oasis-section_thumb {
        max-width: 321px;
    }
}

.alpine-oasis-section_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.alpine-oasis-section_title {
    margin: 0 0 20px;
}

/* Tab nav */
.alpine-oasis-section_nav {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 0 32px;
    padding: 0;
    border: 0;
}

.alpine-oasis-section_nav .nav-item { margin: 0; }
.alpine-oasis-section_tabs{
padding-bottom: 50px;
}

.alpine-oasis-section_tab {
    background: transparent;
    border: 0;
    border-bottom: 1px solid transparent;
    padding: 0 0 4px;
    font-family: var(--ff-body);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--convo-off-black-100);
    cursor: pointer;
    -webkit-transition: opacity 0.2s var(--ease-out-quart), border-bottom-color 0.2s var(--ease-out-quart);
    transition: opacity 0.2s var(--ease-out-quart), border-bottom-color 0.2s var(--ease-out-quart);
}

.alpine-oasis-section_tab:hover,
.alpine-oasis-section_tab:focus-visible {
    opacity: 0.7;
    border-bottom-color: var(--convo-off-black-100);
}

.alpine-oasis-section_tab.active {
    border-bottom-color: var(--convo-off-black-100);
}

.alpine-oasis-section_panels p {
    margin: 0 0 12px;
}

.alpine-oasis-section_panels p:last-child { margin-bottom: 0; }

.alpine-oasis-section_accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: var(--convo-off-black-100);
    --bs-accordion-border-width: 0.5px;
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius: 0;
    --bs-accordion-btn-padding-x: 0;
    --bs-accordion-btn-padding-y: 18px;
    --bs-accordion-btn-color: var(--convo-off-black-100);
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-btn-icon: none;
    --bs-accordion-btn-active-icon: none;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-active-color: var(--convo-off-black-100);
    --bs-accordion-active-bg: transparent;
    --bs-accordion-body-padding-x: 0;
    --bs-accordion-body-padding-y: 0 18px;
}

.alpine-oasis-section_acc-item {
    border-left: 0;
    border-right: 0;
    background: transparent;
}

.alpine-oasis-section_acc-item + .alpine-oasis-section_acc-item {
    border-top: 0; /* avoid doubled top border between consecutive items */
}

.alpine-oasis-section_acc-btn {
    font-family: var(--ff-body);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--convo-off-black-100);
    box-shadow: none !important;
    position: relative;
}

.alpine-oasis-section_acc-btn::after {
    content: "+";
    background: none !important;
    width: auto;
    height: auto;
    font-family: var(--ff-body);
    font-size: 22px;
    font-weight: 300;
    color: var(--convo-off-black-100);
    line-height: 1;
    transform: none !important;
    transition: none;
}

.alpine-oasis-section_acc-btn:not(.collapsed)::after {
    content: "−";
}

.alpine-oasis-section_acc-body {
    padding: 0 0 18px;
}

.alpine-oasis-section_acc-body p {
    margin: 0 0 12px;
}

.alpine-oasis-section_acc-body p:last-child { margin-bottom: 0; }

.alpine-oasis-section_location-heading {
    margin: 0 0 20px;
    font-weight: 400;
}

@media (min-width: 768px) {

    .alpine-oasis-section_row-top-right{
        justify-content: flex-end;
    }

    .alpine-oasis-section_location-heading {
        writing-mode: vertical-rl;
    }

    .alpine-oasis-section_tabs{
        padding-bottom: 50px;
        padding-top: 0;
    }


    .alpine-oasis-section_location-heading{
        margin: 0;
    }
}

@media (min-width: 992px) {

.alpine-oasis-section_panels{
    padding-top: 49px;
}

}

@media (min-width: 1400px) {

    .alpine-oasis-section_tabs{
        padding-top: 58px;
        }

    .alpine-oasis-section_nav {
        gap: 16px 30px;
    }
}

.alpine-oasis-section_slider-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 631 / 695;
    overflow: hidden;
}

.alpine-oasis-section_slider,
.alpine-oasis-section_slider-wrap .slick-list,
.alpine-oasis-section_slider-wrap .slick-track,
.alpine-oasis-section_slider-wrap .slick-slide,
.alpine-oasis-section_slider-wrap .slick-slide > div {
    height: 100%;
}

.alpine-oasis-section_slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.alpine-oasis-section_slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.alpine-oasis-section_slider-controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 22px;
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    pointer-events: none;
}

.alpine-oasis-section_arrows {
    gap: 20px;
    pointer-events: auto;
}

.alpine-oasis-section_arrow {
    width: 24px;
    height: 13px;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--convo-cream-100);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: opacity 0.25s var(--ease-out-quart);
    transition: opacity 0.25s var(--ease-out-quart);
}

.alpine-oasis-section_arrow:hover { opacity: 0.7; }

.alpine-oasis-section_arrow svg {
    width: 17px;
    height: 13px;
    display: block;
}

.alpine-oasis-section_pagination {
    pointer-events: auto;
    font-family: var(--ff-body);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--convo-cream-100);
}

@media (min-width: 992px) {
    .alpine-oasis-section { padding-top: 120px; padding-bottom: 120px; }
    .alpine-oasis-section_row + .alpine-oasis-section_row {
        margin-top: 66px;
    }
}

/*-- FAQ section --*/

.faq-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.faq-section_row { --bs-gutter-x: 30px; }

.faq-section_image {

    overflow: hidden;
    margin-bottom: 40px;
}

.faq-section_image img {
    width: 100%;
    display: block;
}

.faq-section_title {
    margin: 0 0 60px;
    font-family: var(--ff-display);
    font-weight: 300;
    font-size: 32px;
    line-height: 1.2;
    color: var(--convo-off-black-100);
    max-width: 784px;
}

.faq-section_accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: var(--convo-off-black-100);
    --bs-accordion-border-width: 0.5px;
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius: 0;
    --bs-accordion-btn-padding-x: 20px;
    --bs-accordion-btn-padding-y: 25px;
    --bs-accordion-btn-color: var(--convo-off-black-100);
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-btn-icon: none;
    --bs-accordion-btn-active-icon: none;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-active-color: var(--convo-off-black-100);
    --bs-accordion-active-bg: transparent;
    --bs-accordion-body-padding-x: 20px;
    --bs-accordion-body-padding-y: 0 25px;
}

.faq-section_item {
    border-left: 0;
    border-right: 0;
    background: transparent;
}

.faq-section_item + .faq-section_item {
    border-top: 0;
}

.faq-section_button {
    font-family: var(--ff-mono);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--convo-off-black-100);
    box-shadow: none !important;
    position: relative;
}

.faq-section_button::after {
    content: "+";
    background: none !important;
    width: auto;
    height: auto;
    font-family: var(--ff-body);
    font-size: 22px;
    font-weight: 300;
    color: var(--convo-off-black-100);
    line-height: 1;
    transform: none !important;
    transition: none;
}

/* drive the +/− off aria-expanded (always correct) rather than the .collapsed class,
   which a closed item can be missing — that left closed items showing "−" instead of "+" */
.faq-section_button[aria-expanded="true"]::after {
    content: "−";
}

.faq-section_body {
    padding: 0 20px 25px;
}

.faq-section_body p {
    margin: 0 0 24px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
}

.accordion-body ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px 30px;
}

.accordion-body ul li{
    font-family: var(--ff-mono);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--convo-off-black-100);
    position: relative;
    padding-left: 18px;
}

.accordion-body ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--convo-off-black-100);
}


.faq-section_list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px 30px;
}

.faq-section_list li {
    font-family: var(--ff-mono);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--convo-off-black-100);
    position: relative;
    padding-left: 18px;
}

.faq-section_list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--convo-off-black-100);
}

@media (min-width: 768px) {
    .faq-section_list {
        grid-template-columns: 1fr 1fr;
    }
    .accordion-body ul{
        grid-template-columns: 1fr 1fr;
    }
}



@media (min-width: 992px) {
    .faq-section { padding-top: 90px; padding-bottom: 90px; }
    .faq-section_title { font-size: 40px; margin-bottom: 100px; }

    .faq-section_image img {

        width: auto;
    }
}

@media (min-width: 1200px) {
    .faq-section { padding-top: 80px; padding-bottom: 180px; }
}


/*======= Hotel Information page start =======*/

/*-- Hotel hero --*/

.hotel-hero-section {
    position: relative;
    overflow: hidden;
}

.hero-hotel-left-col {
    position: relative;
    z-index: 2;
    gap: 32px;
    padding: 120px 0 40px; 
}
.hotel-hero-section_title {
    margin: 0 0 24px;
    color: var(--convo-off-black-100);
}
.hotel-hero-section_stars {
    gap: 10px;
    color: var(--convo-off-black-100);
    font-size: 14px;
}
.hotel-hero-section_bottom-row { margin: 0; }
.hotel-hero-section_bottom-body p {
    font-family: var(--ff-body);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    color: var(--convo-off-black-100);
    margin: 0;
    max-width: 620px;
}

.hotel-hero-section_media {
    position: relative;
    width: 100%;
    height: 360px;
    overflow: hidden;
}
.hotel-hero-section_image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hotel-hero-section_badge {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: var(--convo-cream-100);
}
.hotel-hero-section_badge-logo {
    display: block;
    height: 22px;
    width: 60px;
    object-fit: contain;
    object-position: center;
}
.hotel-hero-section_badge-logo--avec { width: 56px; }
.hotel-hero-section_badge-logo--great { width: 64px; }
.hotel-hero-section_badge-divider {
    width: 1px;
    height: 26px;
    background-color: var(--convo-cream-100);
    opacity: 0.7;
}

@media (min-width: 768px) {
    .hero-hotel-left-col { padding: 120px 0 60px; }
    .hotel-hero-section_stars { font-size: 15px; }
    .hotel-hero-section_bottom-body p { font-size: 20px; }
    .hotel-hero-section_media { height: 460px; }
    .hotel-hero-section_badge { right: 30px; bottom: 30px; gap: 16px; }
    .hotel-hero-section_badge-logo { height: 26px; }
    .hotel-hero-section_badge-logo--avec { width: 64px; }
    .hotel-hero-section_badge-logo--great { width: 72px; }
    .hotel-hero-section_badge-divider { height: 30px; }
    .hotel-hero-section_title{
        font-size: 60px;
    }
}

@media (min-width: 992px) {
    .hero-hotel-left-col { min-height: 800px; padding: 120px 0 80px; }
    .hotel-hero-section_bottom-body p { font-size: 22px; line-height: 1.25; }
    .hotel-hero-section_media {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 50%;
        height: 100%;
        z-index: 1;
    }

    .hotel-hero-section_title{
        font-size: 70px;
    }
}

@media (min-width: 1200px) {
    .hero-hotel-left-col { min-height: 880px; padding-top: 150px; }
    .hotel-hero-section_bottom-body p { font-size: 24px; line-height: 1.2; }
    .hotel-hero-section_stars {         font-size: 19px;
        gap: 23px;
        margin-left: 13px; }
    .hotel-hero-section_badge-logo { height: 28px; }
    .hotel-hero-section_badge-logo--avec { width: 80px; height: 40px; }
    .hotel-hero-section_badge-logo--great { width: 100px; height: 34px; }
    .hotel-hero-section_badge-divider { height: 40px; }
    .hotel-hero-section_title{
        font-size: 90px;
    }
}

@media (min-width: 1400px) {
    .hero-hotel-left-col { min-height: 960px; }
    .hotel-hero-section_title{
        font-size: 100px;
    }
}


/*-- Hotel nav (sticky bar) --*/

.hotel-nav-section {
    position: sticky;
    top: 0;
    z-index: 9;
    background-color: var(--convo-cream-90);
    border-top: 0.5px solid var(--convo-off-black-100);
    border-bottom: 0.5px solid var(--convo-off-black-100);
}
.hotel-nav-section_row {
    padding: 16px 0;
    row-gap: 14px;
}
.hotel-nav-section_title-block { gap: 14px; }
.hotel-nav-section_stars {
    display: inline-flex;
    border: 0.5px solid var(--convo-off-black-100);
    flex-shrink: 0;
}
.hotel-nav-section_stars i {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: var(--convo-off-black-100);
}
.hotel-nav-section_stars i + i { border-left: 0.5px solid var(--convo-off-black-100); }
.hotel-nav-section_text { display: flex; flex-direction: column; gap: 2px; }
.hotel-nav-section_name {
    margin: 0;
    font-family: var(--ff-display);
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.hotel-nav-section_address {
    font-family: var(--ff-mono);
    font-size: 14px;
    line-height: 1.4;
    color: var(--convo-off-black-100);
}

.hotel-nav-section_links { gap: 16px; flex-wrap: nowrap; }
.hotel-nav-section_link {
    display: inline-flex;
    align-items: center;
    font-family: var(--ff-body);
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--convo-off-black-100);
    text-decoration: none;
    white-space: nowrap;
}
.hotel-nav-section_link > span {
    position: relative;
    display: inline-block;
}
.hotel-nav-section_link > span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.5s var(--ease-out-quart);
}
.hotel-nav-section_link.is-active > span::after,
.hotel-nav-section_link:hover > span::after,
.hotel-nav-section_link:focus-visible > span::after {
    transform: scaleX(1);
    transform-origin: left center;
}

.hotel-nav-section_select {
    width: 100%;
    padding: 12px 40px 12px 16px;
    border: 0.5px solid var(--convo-off-black-100);
    background-color: var(--convo-cream-90);
    background-image: url("images/select-down-arrow.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 10px auto;
    font-family: var(--ff-body);
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--convo-off-black-100);
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

@media (min-width: 768px) {
    .hotel-nav-section_row { padding: 20px 0; }
    .hotel-nav-section_name { font-size: 20px; }
    .hotel-nav-section_address { font-size: 16px; }
}

@media (min-width: 992px) {
    .hotel-nav-section_row { row-gap: 0; }
    .hotel-nav-section_links { gap: 16px; }
}

/* iPad landscape: the long 2-line hotel name makes the sticky nav feel cramped — add breathing room */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .hotel-nav-section_row { padding-top: 26px; padding-bottom: 26px; }
    .hotel-nav-section_title-block { gap: 20px; }
    .hotel-nav-section_links { gap: 24px; }
}

@media (min-width: 1200px) {
    .hotel-nav-section_links { gap: 32px; }
}

@media (min-width: 1400px) {
    .hotel-nav-section_links { gap: 37px;  }
    .hotel-nav-section_title-block { gap: 22px; }
    .hotel-nav-section_link{
        font-size: 14px;
    }
}


/*-- Hotel overview (sticky sidebar + content) --*/

.hotel-overview-section { background-color: var(--convo-cream-100); }

.hotel-overview-section + .hotel-gallery-section{
    padding-top: 0;
}

.hotel-overview-section hr{
    background: var(--convo-off-black-100);
    height: 1px;
    width: 100%;
    margin: 70px 0 0;
    border: 0;
}
.hotel-overview-section_row { row-gap: 50px; }

.hotel-overview-section_intro h3 {
    margin: 0 0 30px;
}
.hotel-overview-section_intro p {
    margin: 0 0 20px;
}

.hotel-overview-section_amenities { padding-top: 11px; }
.hotel-overview-section_amenities h3 { margin: 0 0 30px; }
.hotel-overview-section_features {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 30px;
}
.hotel-overview-section_features li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--ff-mono);
    font-size: 14px;
    line-height: 1.4;
    color: var(--convo-off-black-100);
}
.hotel-overview-section_feature-icon { width: 15px; height: 15px; }
.hotel-overview-section_more-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    background: transparent;
    border: 0;
    padding: 0;
    font-family: var(--ff-mono);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--convo-off-black-100);
    cursor: pointer;
    transition: opacity 0.25s var(--ease-out-quart);
}
.hotel-overview-section_more-toggle:hover { opacity: 0.7; }
.hotel-overview-section_more-icon { font-size: 12px; transition: transform 0.3s var(--ease-out-quart); }
.hotel-overview-section_more-toggle[aria-expanded="true"] .hotel-overview-section_more-icon { transform: rotate(180deg); }

.hotel-overview-section_more-panel {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.45s var(--ease-out-quart);
}
.hotel-overview-section_more-list {
    list-style: none;
    padding: 16px 0 0;
    margin: 0;
    columns: 1;
    font-family: var(--ff-mono);
    font-size: 14px;
    line-height: 1.4;
    color: var(--convo-off-black-100);
}
.hotel-overview-section_more-list li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 16px;
    break-inside: avoid;
}
.hotel-overview-section_more-list li::before {
    content: "\2022";
    position: absolute;
    left: 0;
    top: 0;
}

.hotel-overview-section_collapsibles { margin-top: 40px; }

/* iPhone/mobile: descriptions pasted with hard <br> line-breaks wrap into ragged short lines on a narrow column — neutralise them so the body text reflows naturally */
@media (max-width: 991.98px) {
    .hotel-overview-section_intro p br { display: none; }
}

@media (min-width: 768px) {
    .hotel-overview-section_features { grid-template-columns: 1fr 1fr 1fr; gap: 18px 30px; }
    .hotel-overview-section_more-list { columns: 2; column-gap: 40px; }
}

@media (min-width: 992px) {
    .hotel-overview-section_row { row-gap: 0; }
    .hotel-overview-section_sidebar-col {
        align-self: flex-start;
        position: sticky;
        top: 140px;
    }

}

/* iPad landscape: sidebar+content side-by-side shrinks the amenities area — 3 cols cram the labels onto 2 lines, so drop to 2 cols */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .hotel-overview-section_features { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 1200px) {
   
    .hotel-overview-section_intro p {  line-height: 1.6; margin: 0 0 47px;}
    .hotel-overview-section_intro {
        padding: 0 0 3px;
    }

    .hotel-overview-section_amenities h3{
        margin: 0 0 20px;
    }

    .hotel-overview-section_features{
        gap: 25px 30px;
    }

    .hotel-overview-section hr{
        margin-top: 100px;
    }
    
}


/*-- Booking sidebar (Book Your Stay) --*/

.booking-sidebar {
    background-color: var(--convo-cream-100);
    border: 0.5px solid var(--convo-off-black-100);
    padding: 24px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    position: relative;
}
.booking-sidebar_head { margin-bottom: 20px; gap: 12px; }
.booking-sidebar_title {
    margin: 0;
   
}
.booking-sidebar_price {
    display: inline-flex;
    align-items: center;
    padding: 3px 11px;
    background-color: var(--convo-cream-110);
    font-family: var(--ff-body);
    font-size: 10px;
    color: var(--convo-off-black-100);
}
.booking-sidebar_price strong { font-weight: 400; margin-left: 4px; font-size: 16px;}

.booking-sidebar_pills { display: flex; flex-direction: column; gap: 10px; margin-bottom: 30px; }
.booking-sidebar_field { position: relative; }

.booking-sidebar_pill {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 16px 8px;
    background-color: var(--convo-cream-90);
    border: 0.5px solid var(--convo-off-black-100);
    text-align: left;
    cursor: pointer;
    transition: background-color 0.25s var(--ease-out-quart);
}
.booking-sidebar_pill:hover,
.booking-sidebar_pill[aria-expanded="true"] { background-color: var(--convo-cream-110); }

.booking-sidebar_icon {
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: var(--convo-yellow-100);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.booking-sidebar_icon img { width: 18px; height: 18px; }

.booking-sidebar_text { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.booking-sidebar_label {
    font-family: var(--ff-body);
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--convo-off-black-100);
}
.booking-sidebar_value {
    font-family: var(--ff-mono);
    font-size: 14px;
    line-height: 1.3;
    color: var(--convo-off-black-100);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.booking-sidebar_chevron {
    flex-shrink: 0;
    font-size: 10px;
    color: var(--convo-off-black-100);
    transition: transform 0.3s var(--ease-out-quart);
}
.booking-sidebar_pill[aria-expanded="true"] .booking-sidebar_chevron { transform: rotate(180deg); }

.booking-sidebar_dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 60;
    padding: 18px;
    background-color: var(--convo-cream-90);
    border: 0.5px solid var(--convo-off-black-100);
}
.booking-sidebar_dropdown[hidden] { display: none; }

.booking-sidebar_dropdown-scroll { max-height: 320px; overflow-y: auto; padding-right: 4px; }
.booking-sidebar_dest-group + .booking-sidebar_dest-group { margin-top: 18px; }
.booking-sidebar_dest-group-title {
    margin: 0 0 8px;
    font-family: var(--ff-body);
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--convo-off-black-100);
}
.booking-sidebar_dest-list { list-style: none; padding: 0; margin: 0; }
.booking-sidebar_dest-list a {
    display: block;
    padding: 6px 0;
    font-family: var(--ff-body);
    font-size: 14px;
    color: var(--convo-off-black-100);
    text-decoration: none;
    transition: opacity 0.25s var(--ease-out-quart);
}
.booking-sidebar_dest-list a:hover { opacity: 0.6; }

.booking-sidebar_datepicker { display: flex; flex-direction: column; gap: 16px; }
.booking-sidebar_dp-nav { padding: 0 4px; margin-bottom: 4px; }
.booking-sidebar_dp-month {
    font-family: var(--ff-body);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}
.booking-sidebar_dp-prev,
.booking-sidebar_dp-next {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 0;
    background-color: var(--convo-off-black-100);
    color: var(--convo-cream-100);
    font-size: 11px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.booking-sidebar_dp-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px 0;
    text-align: center;
    font-family: var(--ff-body);
    font-size: 13px;
}
.booking-sidebar_dp-grid .dp-head {
    font-weight: 500;
    font-size: 12px;
    padding: 4px 0 8px;
    color: var(--convo-off-black-100);
}
.booking-sidebar_dp-grid .dp-day {
    position: relative;
    width: 100%;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--convo-off-black-100);
}
.booking-sidebar_dp-grid .dp-day.is-muted,
.booking-sidebar_dp-grid .dp-day.is-disabled { color: rgba(28, 28, 28, 0.25); cursor: default; }
.booking-sidebar_dp-grid .dp-day.is-today { font-weight: 600; }
.booking-sidebar_dp-grid .dp-day { isolation: isolate; }
.booking-sidebar_dp-grid .dp-day.is-range::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--convo-yellow-100);
    z-index: 0;
}
.booking-sidebar_dp-grid .dp-day.is-range-start.is-range::before { left: 50%; right: 0; }
.booking-sidebar_dp-grid .dp-day.is-range-end.is-range::before { left: 0; right: 50%; }
.booking-sidebar_dp-grid .dp-day-inner {
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.booking-sidebar_dp-grid .dp-day.is-range-start .dp-day-inner,
.booking-sidebar_dp-grid .dp-day.is-range-end .dp-day-inner {
    background-color: var(--convo-cream-100);
    border: 1px solid var(--convo-off-black-100);
}
.booking-sidebar_dp-toggles { gap: 10px; flex-wrap: wrap; }
.booking-sidebar_dp-modes { gap: 8px; }
.booking-sidebar_dp-mode {
    padding: 10px 14px;
    background: transparent;
    border: 0.5px solid var(--convo-off-black-100);
    font-family: var(--ff-body);
    font-size: 12px;
    cursor: pointer;
    color: var(--convo-off-black-100);
    transition: background-color 0.25s var(--ease-out-quart);
}
.booking-sidebar_dp-mode, .booking-sidebar_dp-save { border-radius: 0; }
.booking-sidebar_dp-mode.is-active,
.booking-sidebar_dp-mode:hover { background-color: var(--convo-off-black-100); color: var(--convo-cream-100); }
.booking-sidebar_dp-save {
    padding: 10px 26px;
    background-color: var(--convo-off-black-100);
    color: var(--convo-cream-100);
    border: 0;
    font-family: var(--ff-body);
    font-size: 13px;
    cursor: pointer;
}

.booking-sidebar_guests { display: flex; flex-direction: column; gap: 10px; }
.booking-sidebar_guest-row { padding: 8px 0; border-bottom: 0.5px solid rgba(28, 28, 28, 0.2); }
.booking-sidebar_guest-row:last-of-type { border-bottom: 0; }
.booking-sidebar_guest-label h5 { margin: 0; }
.booking-sidebar_guest-label small { display: block; font-family: var(--ff-body); font-size: 11px; color: rgba(28, 28, 28, 0.6); margin-top: 2px; text-transform: none; letter-spacing: 0; font-weight: 400; }
.booking-sidebar_guest-controls { gap: 10px; }
.booking-sidebar_guest-btn {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 0.5px solid var(--convo-off-black-100);
    background: transparent;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    color: var(--convo-off-black-100);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.booking-sidebar_guest-btn:hover { background-color: var(--convo-off-black-100); color: var(--convo-cream-100); }
.booking-sidebar_guest-value {
    min-width: 18px;
    text-align: center;
    font-family: var(--ff-mono);
    font-size: 14px;
}
.booking-sidebar_guest-save {
    align-self: flex-start;
    margin-top: 6px;
    padding: 8px 18px;
    background-color: var(--convo-off-black-100);
    color: var(--convo-cream-100);
    border: 0;
    font-family: var(--ff-mono);
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
}

.booking-sidebar_cta {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 55px;
    background-color: var(--convo-yellow-100);
    color: var(--convo-off-black-100);
    text-decoration: none;
    font-family: var(--ff-body);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    gap: 12px;
    margin-bottom: 14px;
    border: 0.5px solid var(--convo-off-black-100);
}
.booking-sidebar_cta .btn-text-js-anim {
    position: relative;
    z-index: 2;
    top: 1px;
}
.booking-sidebar_cta .cta-arrow {
    width: 14px;
    height: 10px;
    flex-shrink: 0;
    transition: transform 0.3s var(--ease-out-quart);
    z-index: 3;
    position: relative;
}
.booking-sidebar_cta:hover .cta-arrow { transform: translateX(3px); }
.booking-sidebar_cta .btn-dot-js-anim { background-color: var(--convo-off-black-100); }

.booking-sidebar_cta:hover , .booking-sidebar_cta:focus{
    color: var(--color-white);
}

.booking-sidebar_cta:hover svg path, .booking-sidebar_cta:focus svg path {
    fill: var(--convo-cream-100);
}

.booking-sidebar_terms {
    display: block;
    text-align: center;
    font-family: var(--ff-body);
    font-size: 16px;
    color: var(--convo-cream-130);
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (min-width: 992px) {

    .booking-sidebar{
        max-width: 380px;
        margin: 0;
        padding: 40px 30px;
    }

    .booking-sidebar_head{
        margin-bottom: 40px;
    }

    .booking-sidebar_terms-wrap{
        margin-top: 30px;
    }

    
}


/*-- Hotel gallery (full-width Slick + Magnific) --*/

.hotel-gallery-section {
    overflow: hidden;
}

.hotel-gallery-section_head { margin-bottom: 40px; gap: 20px; }
.hotel-gallery-section_head h2 { margin: 0; }
.hotel-gallery-section_count {
    font-family: var(--ff-body);
    font-size: 12px;
    margin-left: 6px;
    vertical-align: super;
}
.hotel-gallery-section_trust { gap: 12px; }
.hotel-gallery-section_trust-icon { height: 24px; width: auto; }
.hotel-gallery-section_trust-label {
    font-family: var(--ff-body);
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--convo-off-black-100);
}

.hotel-gallery-section_slider-wrap { width: 100%; }
.hotel-gallery-section_slider { width: 100%; }
.hotel-gallery-section_slider .slick-list { margin: 0 -8px; overflow: unset; padding: 0 7% 0 0; }
.hotel-gallery-section_slider .slick-slide { padding: 0 8px; height: auto; }
.hotel-gallery-section_slider .slick-track { display: flex; align-items: flex-start; }
.hotel-gallery-section_slide {
    display: block !important;
    width: 100%;
    overflow: hidden;
    cursor: zoom-in;
}
.hotel-gallery-section_slide img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s var(--ease-out-quart);
}
.hotel-gallery-section_slide:hover img { transform: scale(1.04); }

@media (min-width: 768px) {
    .hotel-gallery-section_head { margin-bottom: 50px; }
    .hotel-gallery-section_slider .slick-list {   padding: 0 10% 0 0;}
}

@media (min-width: 992px) {
    .hotel-gallery-section_slider .slick-list { margin: 0 -10px;         overflow: unset;         padding: 0 27% 0 0;}
    .hotel-gallery-section_slider .slick-slide { padding: 0 10px; }
}


/*-- Truly Restful Spaces (Rooms) --*/

.truly-restful-spaces-section {
    background-color: var(--convo-brown-100) !important;
    color: var(--convo-off-black-100);
    position: relative;
    overflow: hidden;
}
.truly-restful-spaces-section .container { position: relative; }
.truly-restful-spaces-section_label {
    margin: 0 0 15px;
    display: block;
    font-family: var(--ff-mono);
    font-size: 13px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--convo-off-black-100);
}
.truly-restful-spaces-section_row { row-gap: 40px; }
.truly-restful-spaces-section_image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1 / 1.12;
}
.truly-restful-spaces-section_content-col h2 { margin: 0 0 20px; }
.truly-restful-spaces-section_nav { gap: 28px; border-bottom: 0; margin: 0 0 30px; padding: 0; list-style: none; flex-wrap: wrap; display: flex; }
.truly-restful-spaces-section_nav .nav-item { margin: 0; }
.truly-restful-spaces-section_tab {
    background: transparent;
    border: 0;
    padding: 4px 0;
    font-family: var(--ff-body);
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--convo-off-black-100);
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s var(--ease-out-quart);
}
.truly-restful-spaces-section_tab.active,
.truly-restful-spaces-section_tab:hover { border-bottom-color: var(--convo-off-black-100); }
.truly-restful-spaces-section_panels .tab-pane p {
    font-family: var(--ff-body);
    font-size: 14px;
    line-height: 1.6;
    color: var(--convo-off-black-100);
    margin: 0 0 16px;
}

.truly-restful-spaces-section_thumb {
    margin: 0 auto;
    margin-top: 40px;
    max-width: 320px;
    
    overflow: hidden;
    border-radius: 200px 200px 0 0;
    position: relative;
    z-index: 1;
}
.truly-restful-spaces-section_thumb img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 320 / 358;
    object-fit: cover;
}

.truly-restful-spaces-section_content-inner .btn-js-anim{
    margin-top: 24px;
}

@media (min-width: 768px) {
    .truly-restful-spaces-section_panels .tab-pane p { font-size: 15px; }
}

@media (min-width: 992px) {
    .truly-restful-spaces-section_label {
        display: block;
        position: absolute;
        top: 0;
        left: 16px;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        z-index: 2;
        margin: 0;
    }
    .truly-restful-spaces-section_image-col { padding-left: 56px; }
    .truly-restful-spaces-section_nav { margin-bottom: 56px; }
    .truly-restful-spaces-section_image img { aspect-ratio: 1 / 1.12; }
    .truly-restful-spaces-section_thumb { max-width: 320px; margin-top: 100px; margin-left: auto; margin-right: 0;}
    .truly-restful-spaces-section_row { row-gap: 0; }
}

@media (min-width: 1200px) {
    .truly-restful-spaces-section_label { left: 30px; }
    .truly-restful-spaces-section_image-col { padding-left: 72px; }
    .truly-restful-spaces-section_nav { margin-bottom: 70px; }

    .truly-restful-spaces-section_content-inner {
        padding-left: 60px;
    }
}


/*-- Alpine Oasis cream variant (Capital of the North on hotel page) --*/

.alpine-oasis-section--cream {
    background-color: var(--convo-cream-100) !important;
}


/*-- More Boutique Hotel Gems --*/

.more-hotels-section_head {
    margin-bottom: 40px;
    row-gap: 24px;
}
.more-hotels-section_title { margin: 0 0 10px; }

.more-hotels-section_grid {
    row-gap: 40px;
}

.more-hotels-section_card {
    display: flex;
    flex-direction: column;
    gap: 28px;
    text-decoration: none;
    color: var(--convo-off-black-100);
}

.more-hotels-section_card:hover , .more-hotels-section_card:focus {
    outline: none;
    color: var(--convo-off-black-100);
}
.more-hotels-section_card-image {
    position: relative;
    width: 100%;
    aspect-ratio: 670 / 500;
    overflow: hidden;
}
.more-hotels-section_card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s var(--ease-out-quart);
}
.more-hotels-section_card:hover .more-hotels-section_card-image img { transform: scale(1.04); }

.more-hotels-section_card-stars {
    position: absolute;
    right: 14px;
    bottom: 14px;
    border: 0.5px solid var(--convo-cream-100);
}
.more-hotels-section_card-stars i {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: var(--convo-cream-100);
}
.more-hotels-section_card-stars i + i { border-left: 0.5px solid var(--convo-cream-100); }

.more-hotels-section_card-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.more-hotels-section_card-title { margin: 0; }
.more-hotels-section_card-location {
    font-family: var(--ff-mono);
    font-size: 14px;
    line-height: 1.2;
    color: var(--convo-off-black-100);
}

@media (min-width: 768px) {
    .more-hotels-section_head { margin-bottom: 50px; }
    .more-hotels-section_card-location { font-size: 16px; }
}

@media (min-width: 992px) {
    .more-hotels-section_head { margin-bottom: 60px; }
    .more-hotels-section_card-stars { right: 20px; bottom: 20px; }
}

@media (min-width: 1200px) {
    .more-hotels-section_grid { row-gap: 60px; }
}

/*-- no booking header --*/

.no-booking-header.site-header + .blankDiv{
    display: none;
}

.no-booking-header.site-header{
background: transparent;
border: 0;
position: absolute;
}

.no-booking-header.site-header .header-search{
    display: none !important;
}
.no-booking-header.site-header .menu-toggle{
    margin-left: auto;
}

.no-booking-header.site-header .menu-toggle_bar{
    background: var(--convo-cream-100);
}

/*======= Hotel Information page end =======*/


/*-- Magnific Popup theme (gallery zoom) --*/

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.85; background-color: var(--convo-off-black-100); }
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }
.mfp-title { font-family: var(--ff-body); font-size: 14px; text-transform: capitalize; color: var(--convo-cream-100); }
.mfp-counter { font-family: var(--ff-mono); font-size: 13px; color: var(--convo-cream-100); }


/*======= Invest page start =======*/

/*-- Invest hero --*/
.invest-hero-section_row { row-gap: 32px; }
.invest-hero-section_content { height: 100%; }
.invest-hero-section_title { margin: 22px 0 0; }
.invest-hero-section_bottom { margin-top: auto; padding-top: 40px; }
.invest-hero-section_bottom p { font-size: 24px; font-weight: 400; line-height: 1.2; margin: 0 0 40px; max-width: 540px; }
.invest-hero-section_image { width: 100%; overflow: hidden; }
.invest-hero-section_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

@media (min-width: 992px) {
    .invest-hero-section_content { min-height: 660px; }
    .invest-hero-section_image { height: 100%; }
    .invest-hero-section_image img { aspect-ratio: auto; min-height: 660px; }
}

/*-- Why Fractional (olive) --*/
.why-fractional-section_intro { row-gap: 24px; margin-bottom: 80px; }
.why-fractional-section_intro p { margin: 0; font-size: 18px; font-weight: 400; line-height: 1.2; }
.why-fractional-section_grid { row-gap: 40px; }
.why-fractional-section_card-text { margin-bottom: 20px; }
.why-fractional-section_card-title { margin: 0 0 6px; }
.why-fractional-section_card-sub { font-family: var(--ff-body); font-weight: 300; font-size: 16px; line-height: 1.6; }
.why-fractional-section_card-image { width: 100%; overflow: hidden; aspect-ratio: 440 / 476; }
.why-fractional-section_card-image img { display: block; width: 100%; height: 100%; object-fit: cover; }

/*-- Make Your Stays --*/
.make-stays-section_image { width: 100%; overflow: hidden; aspect-ratio: 555 / 675; margin-bottom: 50px; }
.make-stays-section_image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.make-stays-section_title { margin: 20px 0 36px; }
.make-stays-section_list { list-style: none; margin: 0; padding: 0; }
.make-stays-section_item { display: flex; gap: 48px; align-items: flex-start; padding: 19px 0; border-bottom: 0.5px solid rgba(28, 28, 28, 0.3); }
.make-stays-section_item:first-child { border-top: 0; }
.make-stays-section_num { padding-top: 6px; min-width: 18px; }
.make-stays-section_item-title { margin: 0 0 4px; }
.make-stays-section_item-sub { font-family: var(--ff-body); font-size: 16px; color: var(--convo-off-black-100); }

/*-- Why Join The Convo --*/
.why-join-section_row { row-gap: 40px; }
.why-join-section_title { margin: 0 0 50px; }
.why-join-section_aside p { margin: 0 0 32px; }
.why-join-section_grid { --bs-gutter-x: 0; --bs-gutter-y: 0; margin: 0 -10px; }
.why-join-section_grid-item {
    padding: 0 10px;
    margin-bottom: 20px;
}
.why-join-section_card { height: 100%; padding: 26px; border: 0.5px solid var(--convo-off-black-100);  display: flex; flex-direction: column; 
justify-content: space-between; min-height: 300px;}
.why-join-section_card-icon { margin-bottom: 30px; max-width: 128px; }
.why-join-section_card-icon img { height: auto; width: auto;  max-width: 100%;}
.why-join-section_card-num { display: block; margin-bottom: 8px; }
.why-join-section_card-title { margin: 0 0 6px; }
.why-join-section_card-sub { font-family: var(--ff-body); font-size: 16px; color: var(--convo-off-black-100); }

/*-- Join The Convo (box) --*/
.join-convo-section_inner { background-color: var(--convo-cream-110); padding: 40px 20px; }
.join-convo-section_illustration{
    margin-bottom: 30px;
}
.join-convo-section_illustration img { display: block; width: 100%; max-width: 130px; height: auto;  margin: 0 auto;}
.join-convo-section_title { margin: 0 0 30px; }
.join-convo-section_content-col p { margin: 0; font-size: 16px; line-height: 1.6; max-width: 420px; }
.join-convo-section.join-convo-variant-2 {
    padding: 30px 0;
}

/*-- Request Pack (yellow box) --*/
.request-pack-section_inner { background-color: var(--convo-yellow-100); padding: 40px 20px; color: var(--convo-off-black-100); }
.request-pack-section_intro { row-gap: 24px; }
.request-pack-section_title { margin: 0 0 18px; }
.request-pack-section_intro-col p { margin: 0; font-size: 15px; line-height: 1.6; }


.custom-form{

}


.custom-form .gform-theme--foundation .gform_fields , .gform-theme--foundation .gform_fields{
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 !important;
    margin: 0 -10px;
    width: auto;
    justify-content: space-between;
    }
    
    
    .custom-form .gform-theme--foundation .gfield, .gform-theme--foundation .gfield{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0 10px;
    margin-bottom: 25px !important;  
    width: 100%;
    }
    
    
    .custom-form .gform-theme--foundation .gfield.form-col1, .gform-theme--foundation .gfield.form-col-1{
      width: 100%;
    }
    
    .custom-form .gform-theme--foundation .gfield.form-col2, .gform-theme--foundation .gfield.form-col-2{
      width: 100%;
    }
  

.custom-form .gfield_required{
display: none !important;
}

.custom-form .gform-theme--foundation input[type="text"], .custom-form .gform-theme--foundation input[type="email"], .custom-form .gform-theme--foundation input[type="url"], .custom-form .gform-theme--foundation input[type="password"], .custom-form .gform-theme--foundation input[type="search"], .custom-form .gform-theme--foundation input[type="number"], .custom-form .gform-theme--foundation input[type="tel"], .custom-form .gform-theme--foundation input[type="range"], .custom-form .gform-theme--foundation input[type="date"], .custom-form .gform-theme--foundation input[type="month"], .custom-form .gform-theme--foundation input[type="week"], .custom-form .gform-theme--foundation input[type="time"], .custom-form .gform-theme--foundation input[type="datetime"], .custom-form .gform-theme--foundation input[type="datetime-local"], .custom-form .gform-theme--foundation input[type="color"], .custom-form .gform-theme--foundation textarea, .custom-form .gform-theme--foundation select{
  font-size: 16px !important;
  font-family: var(--ff-body) !important;
  color: var(--convo-off-black-100) !important;
  padding: 0 0 !important;
  height: 50px !important;
  min-height: inherit !important;
  border: 0 !important;
  border-bottom: 1px solid var(--color-black) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: transparent !important;
}

.custom-form .gform-theme--foundation select,.custom-form .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])){
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  text-indent: 1px !important;
  text-overflow: '' !important;
  background-image: url(images/select-arrow.svg) !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
  background-size: auto !important;
  
}


.custom-form .gform-theme--foundation textarea{  
  height: 50px !important;
  min-height: inherit !important;
}



.custom-form .gform-theme--foundation input[type="text"]:focus,.custom-form .gform-theme--foundation  input[type="email"]:focus,.custom-form .gform-theme--foundation  input[type="url"]:focus,.custom-form .gform-theme--foundation  input[type="password"]:focus,
.custom-form .gform-theme--foundation input[type="search"]:focus,.custom-form .gform-theme--foundation  input[type="number"]:focus,.custom-form .gform-theme--foundation  input[type="tel"]:focus,.custom-form .gform-theme--foundation  input[type="range"]:focus,
.custom-form .gform-theme--foundation input[type="date"]:focus,.custom-form .gform-theme--foundation  input[type="month"]:focus,.custom-form .gform-theme--foundation  input[type="week"]:focus,.custom-form .gform-theme--foundation  input[type="time"]:focus,
.custom-form .gform-theme--foundation input[type="datetime"]:focus,.custom-form .gform-theme--foundation  input[type="datetime-local"]:focus,.custom-form .gform-theme--foundation  input[type="color"]:focus,.custom-form .gform-theme--foundation  textarea:focus,
.custom-form .gform-theme--foundation select:focus{
outline: none;
}

.custom-form .gform-theme--framework .gfield--type-choice.form-radio-col .gchoice{
position: relative;
}

.custom-form .gform-theme--framework .gfield--type-choice.form-radio-col input{
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}



.custom-form .gform-theme--framework .form-radio-col .gform-field-label--type-inline {
  position: relative;
  cursor: pointer;
  padding-left: 26px;
  margin: 0;
  font-family: var(--ff-body) !important;
  font-size:16px !important; 
  font-weight: 300;
  color: var(--convo-off-black-100) !important;
}

.custom-form .gform-theme--framework .form-radio-col .gform-field-label--type-inline:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 1);
  width: 16px;  
  height: 16px;  
  border-radius: 2px;  
  display: inline-block;
  position: absolute;  
  cursor: pointer;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

.custom-form .gform-theme--framework .gfield--type-choice.form-radio-col input:checked + .gform-field-label--type-inline:before {
opacity: 0;
}

.custom-form .gform-theme--framework .gfield--type-choice.form-radio-col input:checked + .gform-field-label--type-inline:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  background: var(--color-white);
  border: 5px solid var(--color-black);
  border-radius: 50%;
  margin-top: -8px;
}


.custom-form .gform-theme--framework .gfield--type-choice .gfield_radio{
  display: block !important;
}


.custom-form .gform-theme--framework .gfield--type-choice.form-checkbox-col .gchoice{
  position: relative;
  }
  
  .custom-form .gform-theme--framework .gfield--type-choice.form-checkbox-col input{
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  
  
  
  .custom-form .gform-theme--framework .form-checkbox-col .gform-field-label--type-inline {
    position: relative;
    cursor: pointer;
    padding-left: 26px;
    padding-top: 1px;
    margin: 0;
    font-family: var(--ff-body) !important;
    font-size:16px !important; 
    font-weight: 400;
    color: var(--color-black) !important;
  }
  
  .custom-form .gform-theme--framework .form-checkbox-col .gform-field-label--type-inline:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--convo-off-black-100);
    width: 16px;  
    height: 16px;  
    border-radius: 2px;  
    display: inline-block;
    position: absolute;  
    cursor: pointer;
    left: 0;
    top: 50%;
    margin-top: -8px;
  }

  .custom-form .gform-theme--framework .gfield--type-choice.form-checkbox-col input:checked + .gform-field-label--type-inline:after{
    opacity: 1;
  }
  
  .custom-form .gform-theme--framework .gfield--type-choice.form-checkbox-col input:checked + .gform-field-label--type-inline:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 5px;
    height: 11px;
    border: solid var(--convo-off-black-100);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  


  .custom-form .gform-theme--foundation .gform_fields {
    row-gap: inherit !important;
}

.form-col {
  margin: 0 0 50px !important;
}


.form-col .gfield_label.gform-field-label {
  font-size: 16px !important;
  font-weight: 300 !important;
  font-family: var(--font-inter);
  color: var(--convo-off-black-100);
  margin: 0 0 5px !important;
}

.gfield_required{
  color: var(--convo-off-black-100) !important;
}


.custom-form .gform-theme--framework .gfield--type-choice.form-radio-col .gchoice {
  position: relative;
  margin-right: 30px;
}

.custom-form .gform-theme--framework .gfield--type-choice.form-radio-col .gchoice:last-child{
  margin-right: 0;
}




.custom-form .gform-theme--framework  input[type="submit"].gform_button.button{
    height: 50px !important;
    padding: 0 64px 0 30px !important;
    gap: 30px !important;
    background-color: transparent !important;
    color: var(--convo-off-black-100) !important;
    
    border: 0.5px solid var(--convo-off-black-100) !important;
    font-family: var(--ff-body) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    background-image: url(images/icon-arrow-inline.svg) !important;
   
    background-repeat: no-repeat !important;
    background-position: right 26px center !important;
    background-size: 12px 9px !important;
    margin-top: 30px !important;
    transition: all 0.3s var(--ease-out-quart) !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

.custom-form .gform-theme--framework  input[type="submit"].gform_button.button:hover , .custom-form .gform-theme--framework  input[type="submit"].gform_button.button:focus{
    
    background-color: var(--convo-off-black-100) !important;
    color: var(--convo-cream-100) !important;
    border-color: var(--convo-off-black-100) !important;
    background-image: url(images/icon-join-arrow.svg) !important;
}

.custom-form .gform-footer.gform_footer.top_label {
    margin-top: 33px !important;
}


/*-- Own A Hotel (olive box) --*/
.own-hotel-section_inner { padding: 40px 20px;  }
.own-hotel-section_illustration img { display: block; width: 100%; max-width: 230px; height: auto; margin: 0 auto; }
.own-hotel-section_title { margin: 0 0 14px; }
.own-hotel-section_content-col-inner p { margin: 0; font-size: 16px; line-height: 1.6; max-width: 440px; }
.own-hotel-section_illustration { flex-shrink: 0; }

/*-- Our Locations --*/
.our-locations-section { overflow: hidden; }
.our-locations-section_head { margin-bottom: 40px; }
.our-locations-section_title { margin: 0; }
.our-locations-section_title sup{
    font-family: var(--ff-mono);
    font-size: 8px;
    font-weight: 400;
    vertical-align: super;
    margin-left: 6px;
    top: -10px;
    letter-spacing: 0.05em;
}
.our-locations-section_head-right p { margin: 0 0 20px; font-size: 18px; font-weight: 400; line-height: 1.3; max-width: 670px; }
.our-locations-section_divider { margin: 48px 0 0; border: 0; border-top: 0.5px solid rgba(28, 28, 28, 0.3); opacity: 1; }
.join-convo-section_cta.btn-outline.btn-js-anim {
    letter-spacing: 0.5px;
    padding: 0 20px;
}
.own-hotel-section_cta.btn-outline.btn-js-anim{
    letter-spacing: 0.5px;
    padding: 0 20px;
}

.own-hotel-section_content-col-inner{
    margin-bottom: 30px;
}
.join-convo-section_content-col-inner{
    margin-bottom: 30px;
}

.own-hotel-section_illustration{
    margin-bottom: 30px;
}

@media (min-width: 768px) {

    .our-locations-section_title sup{
        font-size: 11px;
      }

    .own-hotel-section_left { gap: 40px; }

    .own-hotel-section_illustration{
        margin-bottom: 0;
    }

.join-convo-section_illustration{
    margin-bottom: 0;
}

.join-convo-section_content-col-inner{
    margin-bottom: 0;
}

}

@media (min-width: 992px) {

    .make-stays-section_image{
        margin-bottom: 0;
    }
    .why-fractional-section_intro { margin-bottom: 80px; }
    .our-locations-section_head { margin-bottom: 80px; }
   
    .our-locations-section_divider { margin-top: 64px; }
   
    .why-join-section_aside { height: 100%; display: flex; flex-direction: column; }
    .why-join-section_cta { margin-top: auto; }
    .why-join-section_grid { margin-bottom: -20px; }
    .join-convo-section_inner { padding: 50px 30px; }
    .request-pack-section_inner { padding: 50px 30px; }
    .own-hotel-section_inner { padding: 50px 30px; }

    .why-join-section_aside p { margin: 0 0 32px; max-width: 300px; }
    .own-hotel-section_left { gap: 60px; }
    .own-hotel-section_content-col-inner{
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
   

    .request-pack-section_inner { padding: 50px 40px; }
    .own-hotel-section_inner { padding: 50px 40px; }

    .join-convo-section_inner{
        padding: 80px 80px;
    }

    .our-locations-section_divider {
        margin-top: 96px;
    }

    .request-pack-section_inner { padding: 50px 40px; }

    .custom-form .gform-theme--foundation .gfield.form-col2, .gform-theme--foundation .gfield.form-col-2{
        width: 50%;
      }

     
}

@media (min-width: 1400px) {

    .why-fractional-section_intro p { font-size: 24px;}
    .our-locations-section_head-right p { font-size: 24px; line-height: 1.2; }
    .make-stays-section_item {
        gap: 80px;
    }
    .make-stays-section_title { margin-bottom: 110px; }
    .why-fractional-section_intro { margin-bottom: 200px; }
    .request-pack-section_inner { padding: 82px 60px; }
    .request-pack-section_title {
        margin: 0 0 30px;
    }

    .own-hotel-section_inner{
        padding: 88px 80px 70px;
    }

    .own-hotel-section_left { gap: 100px; }

    .own-hotel-section_title{
        margin-bottom: 33px;
    }

    .join-convo-section_cta.btn-outline.btn-js-anim {
        letter-spacing: 0.2em;
        padding: 0 30px;
    }

    .own-hotel-section_cta.btn-outline.btn-js-anim{
        letter-spacing: 0.2em;
        padding: 0 30px;
    }
}

/*-- Mobile --*/
@media (max-width: 767.98px) {
    .invest-hero-section_bottom p,
    .why-fractional-section_intro p { font-size: 18px; }
}

/*-- Reviews --*/

.our-locations-section + .reviews-section {
    padding-top: 0;
}

.reviews-section + .request-pack-section {
    padding-top: 0;
}

.reviews-section { overflow: hidden; }
.reviews-section_head { max-width: 700px; margin: 0 auto 32px; text-align: center; }
.reviews-section_title { margin: 0; }

.reviews-section_slider { margin-bottom: 32px; }
.reviews-section_slide { height: 100%; padding: 0 8px; }
.reviews-section_slider .slick-track { display: flex; align-items: stretch; }
.reviews-section_slider .slick-slide { height: auto; }
.reviews-section_slider .slick-slide > div { height: 100%; }

.review-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px 15px;
    border: 1px solid var(--convo-cream-120);
    min-height: 262px;
}
.review-card_stars { display: flex; gap: 6px; margin-bottom: 16px; color: var(--convo-cream-130); font-size: 16px; }
.review-card p { margin: 0; }
.review-card_author { gap: 12px; margin-top: auto; padding-top: 28px; }
.review-card_avatar,
.review-card_avatar img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    display: block;
}
.review-card_avatar {
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}
.review-card_name { font-weight: 700; font-size: 16px; line-height: 1.3; color: var(--convo-off-black-100); }
.review-card_source { font-size: 14px; line-height: 1.4; color: var(--convo-off-black-90); }

.reviews-section_trust { gap: 12px; flex-wrap: wrap; }
.reviews-section_trust-icon { height: 24px; width: auto; }
.reviews-section_trust-label {
    font-family: var(--ff-body);
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--convo-off-black-100);
}

@media (min-width: 768px) {
    .reviews-section_head { margin-bottom: 40px; }
    .reviews-section_slide { padding: 0 12px; }
    .reviews-section_slider { margin-bottom: 40px; }

    .review-card{
        padding: 24px;
    }
}
@media (min-width: 992px) {
    .review-card { padding: 30px; }
}
@media (min-width: 1200px) {
    .reviews-section_head { margin-bottom: 48px; }
    .reviews-section_slider { margin-bottom: 48px; }
}
@media (min-width: 1400px) {
    .reviews-section_head { margin-bottom: 50px; }
}

/*======= Invest page end =======*/


/*======= Download investment pack page start =======*/

/*-- Hero --*/
.download-investment-pack-hero-section_row { row-gap: 50px; }
.download-investment-pack-hero-section_content { display: flex; flex-direction: column; gap: 40px; }
.download-investment-pack-hero-section_text { display: flex; flex-direction: column; gap: 30px; }
.download-investment-pack-hero-section_text-top { display: flex; flex-direction: column; gap: 17px; }
.download-investment-pack-hero-section_title { margin: 0; text-transform: capitalize; }
.download-investment-pack-hero-section_text-top p {  font-size: 18px; font-weight: 400; line-height: 1.3; max-width: 444px; }
.download-investment-pack-hero-section_text-top > *:last-child{
    margin-bottom: 0;
}
.download-investment-pack-hero-section_text > p { margin: 0; font-size: 16px; line-height: 1.6; }
.download-investment-pack-hero-section_partnership { display: flex; flex-direction: column; gap: 15px; }
.download-investment-pack-hero-section_partner-label { font-family: var(--ff-mono); font-size: 13px; line-height: 1.6; letter-spacing: 0.3em; text-transform: uppercase; color: var(--convo-off-black-100); }
.download-investment-pack-hero-section_partner-logos { display: flex; align-items: center; gap: 20px; }
.download-investment-pack-hero-section_partner-divider { width: 1px; height: 36px; background-color: var(--convo-off-black-100); flex-shrink: 0; }
.download-investment-pack-hero-section_partner-logo { width: auto; display: block; }
.download-investment-pack-hero-section_partner-logo--1 { height: 40px; }
.download-investment-pack-hero-section_partner-logo--2 { height: 34px; }

/*-- Form column --*/
.download-investment-pack-hero-section_form-col > p { margin: 0 0 40px; font-size: 18px; font-weight: 400; line-height: 1.3; max-width: 545px; color: var(--convo-off-black-100); }
.download-investment-pack-form .gform_description { display: none; }
.download-investment-pack-form .form-checkbox-col legend.gfield_label { display: none; }

@media (min-width: 768px) {
    .download-investment-pack-hero-section_text { gap: 40px; }
    .download-investment-pack-hero-section_text-top { gap: 20px; }
}

@media (min-width: 992px) {
    .download-investment-pack-hero-section_content {  gap: 60px; }
    .download-investment-pack-hero-section_form-col { padding-left: 40px; }
    /* more breathing room between the description and the form's first field */
    .download-investment-pack-hero-section_form-col > p { margin-bottom: 52px; }
}

@media (min-width: 1200px) {
    .download-investment-pack-hero-section_form-col { padding-left: 60px; }
}

@media (min-width: 1400px) {
    .download-investment-pack-hero-section_text-top p { font-size: 24px; line-height: 1.2; }
    .download-investment-pack-hero-section_form-col > p { font-size: 24px; line-height: 1.2; margin-bottom: 52px; }
    .download-investment-pack-hero-section_form-col > p:last-child{
        margin-bottom: 63px;
    }
    .download-investment-pack-hero-section_content{
        gap: 77px;
        max-width: 500px;
    }
}

/*======= Download investment pack page end =======*/



/*======= All Journal page start =======*/

/*-- Sort dropdown --*/
.journal-archive-sort { width: 100%; margin: 30px 0 20px; }

.journal-archive-sort .destinations-filters_dropdown-arrow { width: 14px; height: 8px; }
.journal-archive-sort .destinations-filters_dropdown-toggle { white-space: nowrap; padding: 0 18px; }

.journal-archive-sort .destinations-filters_dropdown-menu {
    left: auto;
    right: 0;
    min-width: 100%;
}

/*-- Archive grid --*/
.journal-archive-section.section-space {
    padding-top: 0;
    padding-bottom: 0;
}

.journal-archive-section + .community-signup-section.section-space { padding-top: 64px; }

.journal-archive-count {
    font-family: var(--ff-body);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--convo-off-black-100);
    margin: 0 0 30px;
}

.journal-archive-grid > .row {
    --bs-gutter-x: 19px;
    --bs-gutter-y: 40px;
}

.journal-archive-card_image {
    display: block;
    overflow: hidden;
}

.journal-archive-card_image img {
    display: block;
    width: 100%;
    aspect-ratio: 440 / 278;
    object-fit: cover;
    -webkit-transition: transform 0.6s var(--ease-out-quart);
    transition: transform 0.6s var(--ease-out-quart);
}

.journal-archive-card:hover .journal-archive-card_image img { transform: scale(1.04); }

.journal-archive-card_body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 24px;
}

.journal-archive-card_title { margin: 0; max-width: 306px; }

.journal-archive-card_title a {
    color: inherit;
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background-size 0.4s var(--ease-out-quart);
    transition: background-size 0.4s var(--ease-out-quart);
}

.journal-archive-card:hover .journal-archive-card_title a,
.journal-archive-card_title a:focus-visible { background-size: 100% 1px; }

/*-- Pagination --*/
.journal-archive-pagination { margin-top: 64px; }

.journal-archive-pagination_link {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-family: var(--ff-body);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--convo-off-black-100);
    text-decoration: none;
    -webkit-transition: color 0.2s var(--ease-out-quart);
    transition: color 0.2s var(--ease-out-quart);
}

.journal-archive-pagination_link:hover,
.journal-archive-pagination_link:focus-visible { color: var(--convo-brown-100); }

.journal-archive-pagination { position: relative; }

.journal-archive-pagination_arrow { flex-shrink: 0; }

.journal-archive-pagination_link--next .journal-archive-pagination_arrow { transform: scaleX(-1); }

.journal-archive-pagination_pages { gap: 12px; }

.journal-archive-pagination_page,
.journal-archive-pagination_dots {
    font-family: var(--ff-body);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--convo-grey-2);
    text-decoration: none;
    -webkit-transition: color 0.2s var(--ease-out-quart);
    transition: color 0.2s var(--ease-out-quart);
}

a.journal-archive-pagination_page:hover,
a.journal-archive-pagination_page:focus-visible { color: var(--convo-off-black-100); }

.journal-archive-pagination_page.is-current {
    font-weight: 700;
    color: var(--convo-off-black-100);
}

.all-journal-header{
    z-index: 1;
    position: relative;
}

@media (min-width: 768px) {
    .journal-archive-pagination { margin-top: 80px; }

    .journal-archive-pagination_link,
    .journal-archive-pagination_page,
    .journal-archive-pagination_dots { font-size: 16px; }

    .journal-archive-pagination_pages {
        gap: 20px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (min-width: 992px) {
    .journal-archive-grid > .row { --bs-gutter-y: 50px; }

    .journal-archive-card_body { margin-top: 40px; }

    .journal-archive-sort { width: 134px; margin: 0;}
    .journal-archive-sort .destinations-filters_dropdown-menu{
        min-width: 200px;
    }
}

@media (min-width: 1200px) {
    .all-journal-header.section-space { padding-bottom: 55px; }

    .journal-archive-pagination { margin-top: 120px; }
}

/*======= All Journal page end =======*/


/*-- contact page start --*/

.yellow-body-bg{
	background: var(--convo-yellow-100);
}

.yellow-body-bg .community-signup-section_inner{
	background:transparent;
	border-top:1px solid var(--color-black);
}


.contact-hero-section .site-footer_social{
margin-top: 0;
}

.contact-hero-section .download-investment-pack-hero-section_content{
    gap: 40px;
    justify-content: flex-start;
}

.yellow-body-bg .site-header { background-color: var(--convo-yellow-100); }

.yellow-body-bg .header-cta {
    background-color: var(--convo-off-black-100);
    color: var(--convo-cream-100);
}

.yellow-body-bg .header-cta .btn-dot-js-anim { background-color: var(--convo-cream-100); }

.yellow-body-bg .header-cta:hover,
.yellow-body-bg .header-cta:focus { color: var(--convo-off-black-100); }

.contact-hero-section .download-investment-pack-hero-section_text-top h1 { margin-bottom: 20px; }

@media (min-width: 992px) {
    .contact-hero-section .download-investment-pack-hero-section_form-col > p { margin-top: 20px; margin-bottom: 52px; }
}

@media (min-width: 1400px) {
    .yellow-body-bg .section-space { padding: 75px 0; }
}

/*-- contact page end --*/

/*-- single post page start --*/

.single-post-section {
    padding: 70px 0;
}

.single-post-section .entry-header{
    padding: 0 0 50px;
}

.single-post-section .post-thumbnail{
    margin: 0 0 50px;
}

.single-post-section .post {
    margin: 0 0 30px;
}

.single-post-section .post-navigation{
    margin: 0 0 30px;
}



@media (min-width: 1400px) {
    .single-post-section {
        padding: 100px 0;
    }
    
}


/*-- single post page end --*/


/*======= 404 error page start =======*/

.error-404-section {
    display: flex;
    align-items: center;
    min-height: calc(100vh - 200px);
    background-color: var(--convo-cream-100);
}

.error-404-section_inner {
    max-width: 640px;
    margin: 0 auto;
    gap: 24px;
}

.error-404-section_tag {
    margin-bottom: 4px;
}

.error-404-section_code {
    margin: 0;
    color: var(--convo-off-black-100);
    letter-spacing: 0.02em;
}

.error-404-section_title {
    margin: 0;
}

.error-404-section p {
    margin: 0;
    max-width: 480px;
    font-size: 16px;
    line-height: 1.6;
    color: var(--convo-off-black-100);
}

.error-404-section_cta {
    margin-top: 16px;
}

.error-404-section_links {
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
    gap: 14px 32px;
}

.error-404-section_links a {
    font-family: var(--ff-body);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--convo-off-black-100);
    text-decoration: none;
    position: relative;
    padding-bottom: 4px;
}

.error-404-section_links a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.4s var(--ease-out-quart);
}

.error-404-section_links a:hover::after,
.error-404-section_links a:focus-visible::after {
    transform: scaleX(1);
    transform-origin: left center;
}

@media (min-width: 992px) {
    .error-404-section_inner { gap: 28px; }
    .error-404-section_code { margin-bottom: 4px; }
}


/*======= News page style start =======*/

/*-- News article hero --*/

.news-hero-section {
    padding-top: 24px;
    padding-bottom: 0;
}

.news-hero-section_back {
    margin-bottom: 8px;
}

.news-hero-section_title {
    margin: 0;
}

.news-hero-section_meta {
    margin-top: 12px;
    font-family: var(--ff-body);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--convo-off-black-100);
}

.news-hero-section_meta-sep {
    margin: 0 8px;
}

.news-hero-section_tags {
    gap: 12px;
    margin-top: 22px;
}

.news-hero-section_tag {
    display: inline-flex;
    align-items: center;
    padding: 3px 15px;
    border-radius: 8px;
    background-color: var(--convo-cream-110);
    font-family: var(--ff-body);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--convo-off-black-100);
    text-decoration: none;
    transition: background-color 0.3s var(--ease-out-quart);
}

.news-hero-section_tag:hover,
.news-hero-section_tag:focus-visible {
    background-color: var(--convo-cream-120);
}

.news-hero-section_image {
    margin-top: 28px;
    width: 100%;
    height: 280px;
    overflow: hidden;
}

.news-hero-section_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/*-- News article body --*/

.news-article-section_content h3 {
    margin: 0 0 22px;
}

.news-article-section_content p {
    margin: 0 0 22px;
    font-family: var(--ff-body);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--convo-off-black-100);
}

.news-article-section_content p:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .news-hero-section_image {
        margin-top: 40px;
        height: 380px;
    }
}

@media (min-width: 992px) {
    .news-hero-section {
        padding-top: 60px;
    }

    .news-hero-section_meta {
        margin-top: 14px;
    }

    .news-hero-section_tags {
        margin-top: 0;
    }

    .news-hero-section_image {
        margin-top: 50px;
        height: 460px;
    }

    .news-article-section_content h3 {
        margin-bottom: 30px;
    }

    .news-article-section_content p {
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .news-hero-section {
        padding-top: 72px;
    }

    .news-hero-section_image {
        height: 500px;
    }

    .news-article-section_content {
        max-width: 999px;
        margin-left: auto;
    }
}

@media (min-width: 1400px) {
    .news-hero-section {
        padding-top: 80px;
    }
}

/*======= News page style end =======*/


/*======= Terms & Conditions page style start =======*/

.terms-conditions-section {
    padding-top: 24px;
}

.terms-conditions-section_back {
    margin-bottom: 5px;
}

.terms-conditions-section_title {
    margin: 0;
    text-transform: capitalize;
}

.terms-conditions-section_content {
    max-width: 999px;
    margin-top: 32px;
}

.terms-conditions-section_content p {
    margin: 0 0 10px;
    font-family: var(--ff-body);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--convo-off-black-100);
}

.terms-conditions-section_content p:last-child {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .terms-conditions-section {
        padding-top: 60px;
    }

    .terms-conditions-section_content {
        margin-top: 48px;
    }
}

@media (min-width: 1200px) {
    .terms-conditions-section {
        padding-top: 72px;
    }
}

@media (min-width: 1400px) {
    .terms-conditions-section {
        padding-top: 80px;
    }

    .terms-conditions-section_content {
        margin-top: 60px;
    }
}

/*======= Terms & Conditions page style end =======*/

/*======= 404 error page end =======*/