.floorplans-slider {
    position: relative;
}
.floorplans-slider .floorplans::before {
    width: calc(100% - 4.6rem);
}
.floorplans-slider .slick-arrow {
    background-color: #165D65;
    border: .1rem solid #165D65;
    color: var(--main-color);
    transform: rotate(-90deg);
}
.floorplans-slider .slick-arrow i {
    color: var(--main-color);
}
.floorplans-slider .slick-arrow.slick-prev i {
    transform: rotate(180deg);
}
@media only screen and (min-width : 961px) {
    .floorplans-slider {
        padding-top: 9.4rem;
        padding-bottom: 7rem;
    }
    .floorplans-slider .floorplans {
        transition: opacity .7s;
        opacity: 0;
    }
    .floorplans-slider .floorplans.slick-active {
        opacity: 1;
    }
    .floorplans-slider .slick-list.draggable{
        overflow: visible;
    }
    .floorplans-slider .floorplans {
        left: 3rem;
        margin-left: -3rem;
    }
    .floorplans-slider .slick-arrow {
        margin: 0;
    }
    .floorplans-slider .slick-prev {
        left: -6.6rem;
    }
    .floorplans-slider .slick-next {
        right: -9.6rem;
    }

}
@media only screen and (max-width : 960px) {
    .floorplans-slider__slider {
        position: relative;
        left: -1.5rem;
        padding-top: 3.5rem;
        padding-bottom: 7rem;
    }
    .floorplans-slider__slider .slick-list{
        padding-left: 2rem;
        overflow: visible;
    }
    .floorplans-slider .floorplans::before {
        width: calc(100% - 3.5rem);
    }
    .floorplans-slider .slick-arrow {
        width: 5rem;
        height: 5rem;
        top: 40%;
        right: -5%;
    }
    .floorplans.slick-slide {
        max-width: 32.5rem!important;
        opacity: 0;
    }
    .floorplans.slick-slide.slick-current.slick-active {
        opacity: 1;
    }
    .floorplans-slider .slick-arrow.slick-prev {
        opacity: 0;
    }
}