.realestates-products .heading {
    font-size: 2rem;
}

.realestates-products .realestates-slider {
    /*height: 520px;
    transition: height 2s;*/
}

.realestates-products .realestates-slider:hover {
    /*height: 830px;*/
}

.swiper-slide .slide .swiper-slide-duplicate .open {
    background: red;
}

.realestates-products form.swiper-slide.open{
    height: 550px;
    transition: height 2s;
}

.realestates-products form.swiper-slide.close{
    height: 860px;
}

.realestates-products form.swiper-slide.open:hover {
    height: 860px;
}

/*.realestates-slider .open {
    /*height: 250px;
    transition: height 2s;*//*
    background: red;
}

.realestates-slider .close {
    /*height: 10px;*//*
    background: blue;
}*/

.realestates-products .slide{
   position: relative;
   padding:2rem;
   border-radius: .5rem;
   border:var(--border);
   background-color: var(--white);
   box-shadow: var(--box-shadow);
   margin-bottom: 5rem;
   overflow: hidden;
   user-select: none;
}

.realestates-products .slide img{
   width: 100%;
   /*height: 20rem;*/
   height: 15rem;
   object-fit: contain;
   margin-bottom: 2rem;
}

.realestates-products .slide .name{
   font-size: 2rem;
   color:var(--black);
}

.realestates-products .slide .flex{
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap:1rem;
}

.realestates-products .slide .flex .qty{
   width: 7rem;
   padding:1rem;
   border:var(--border);
   font-size: 1.8rem;
   color:var(--black);
   border-radius: .5rem;
}

.realestates-products .slide .flex .price{
   margin:1rem 0;
   font-size: 2rem;
   color:var(--red);
}

.realestates-products .slide .fa-heart,
.realestates-products .slide .fa-eye{
   position: absolute;
   top:1rem;
   height: 4.5rem;
   width: 4.5rem;
   line-height: 4.2rem;
   font-size: 2rem;
   background-color: var(--white);
   border:var(--border);
   border-radius: .5rem;
   text-align: center;
   color:var(--black);
   cursor: pointer;
   transition: .2s linear;
}

.realestates-products .slide .fa-heart{
   right: -6rem;
}

.realestates-products .slide .fa-eye{
   left: -6rem;
}

.realestates-products .slide .fa-heart:hover,
.realestates-products .slide .fa-eye:hover{
   background-color: var(--black);
   color:var(--white);
}

.realestates-products .slide:hover .fa-heart{
   right: 1rem;
}

.realestates-products .slide:hover .fa-eye{
   left: 1rem;
}