/* @group Featured Properties
------------------------------------ */

.property-box{
    display: block;
}

.featured-properties{
    margin-top: 7rem;
    margin-bottom: 5rem;
}

.featured-properties--desktop{
    display: none;
}

.featured-properties--title{
    font-weight: 600;
    font-size: 1.4em;
    line-height: 1.9rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--font-black);
}

.featured-properties--main{
    margin-top: 0.2rem;
}

.featured-properties--main h2{
    font-size: 3.6em;
    line-height: 4.2rem;
    font-weight: 600;
    color: var(--main-blue);
    margin-bottom: 1.4rem;
}

.featured-properties--main p{
    font-size: 1.8em;
    line-height: 2.4rem;
    margin-bottom: 2.5rem;
}

.featured-properties .splide{
    margin-top: 5.5rem;
}

.featured-properties .splide.col-12-12{
    padding-right: 0;
}

.featured-properties .property-box .box{
    border-bottom: none;
    padding-right: 1rem;
    border-right: .1rem solid var(--main-grey);
}

.featured-properties .property-box .img-box{
    height: 31rem;
}

.featured-properties .splide__arrow{
    --size: 5rem;
    width: var(--size);
    height: var(--size);
    border-radius: var(--size);
    background-color: #fff;
    box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1 !important;
    top: 13rem;
    transform: translateY(0);
}

.featured-properties .splide__arrow--next{
    right: 0.4rem;
}

.featured-properties .splide__arrow:disabled{
    display: none;
}


@media only screen and (min-width : 961px) {
    .featured-properties{
        margin-bottom: 13.4rem;
        margin-top: 10rem;
    }
    
    .featured-properties--desktop {
        display: block;
    }
    
    .featured-properties--mobile {
        display: none;
    }

    .featured-properties .property-box{
        padding: 0;
        padding-bottom: 2rem;
    }

    .featured-properties .property-box .box{
        padding: 0;
        border-right: 0;
    }

    .featured-properties--grid{
        padding: 0 .55rem;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 6rem 7.6rem;
    }

    .featured-properties--main,
    .featured-properties .property-box{
        position: relative;
    }
    
    .featured-properties--main:after,
    .featured-properties .property-box:after{
        content: '';
        position: absolute;
        height: 100%;
        width: .1rem;
        top: 0;
        right: -3.8rem;
        background-color: var(--main-grey);
    }

    .featured-properties .property-box.line__off:after{
        display: none;
    }

    .featured-properties--main h2{
        font-size: 5rem;
        line-height: 5.8rem;
        letter-spacing: -0.02em;
    }

    .featured-properties .property-box .img-box{
        height: 41rem;
    }

    .featured-properties--last figure{
        height: 100%;
    }
}

@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */

/* Animations */

.featured-properties .featured-properties--title,
.featured-properties article {
    opacity: 0;
}

.featured-properties.animateActive .featured-properties--title,
.featured-properties.animateActive article{
    animation: fadeDown 1.2s forwards;
}

.featured-properties.animateActive article{
    animation-delay: .2s;
}

.featured-properties.animateActive article:nth-child(2) {
    animation-delay: .4s;
}

.featured-properties.animateActive article:nth-child(3) {
    animation-delay: .6s;
}

.featured-properties.animateActive article:nth-child(4) {
    animation-delay: .8s;
}

.featured-properties.animateActive article:nth-child(5) {
    animation-delay: 1s;
}

.featured-properties.animateActive article:nth-child(6) {
    animation-delay: 1.2s;
}