﻿.HomeReady {
    padding-bottom: 3rem !important;
}

.HomeReady .productitem {
    position: relative;
    /* transition: all linear 0.2s; */
    background: #fff;
    padding: 10px;
    border-radius: var(--border-radius);
}

.HomeReady .productitem .ItemButtons {
    align-items: center;
    overflow: hidden;
    display: flex;
    transition: all ease-in-out 0.2s;
    justify-content: flex-end;
    gap: 5px;
}

.HomeReady .productitem .linktoview {
    gap: 10px;
}

.HomeReady .productitem .ItemButtons :where(.addenquiry, .contact) {
    color: #fff;
    padding: 5px 10px;
    border-radius: var(--border-radius);
}

.HomeReady .productitem .ItemButtons .addenquiry {
    cursor: pointer;
    height: 45px;
    transition: all ease-in-out 0.3s;
    padding: 5px 25px;
}

.productitem .addenquiry {
    background: var(--accent-color);
}

.ItemButtons .contact {
    height: 45px;
    background: var(--accent-color3);
}

.productitem .img {
    background: #fafafa;
    overflow: hidden;
    /* height: calc(100vh / 4 * 1.2); */
    text-align: center;
    border-radius: var(--border-radius);
}

.HomeReady .swiper-button-next:after {
    color: #fff;
    font-size: 0.8rem;
    font-weight: bold;
}

.HomeReady .swiper-button-next {
    width: 3rem;
    height: 3rem;
    background: var(--accent-color);
    border-radius: var(--b-radius);
    transition: all ease-in-out 0.3s;
}

.HomeReady .swiper-button-prev:after {
    color: #fff;
    font-size: 0.8rem;
    font-weight: bold;
}

.HomeReady .swiper-button-prev {
    width: 3rem;
    height: 3rem;
    background: var(--accent-color);
    border-radius: var(--b-radius);
    transition: all ease-in-out 0.3s;
}