@import "../header.css";
@import "./product-detail.css";
@import "./review.css";

.product-gallery {
    /* margin-right: 6.7rem; */
}

.product-gallery .img-container{
    width: 125px;
    height: 125px;
    border-radius: 10%;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    margin: 10px
}
.product-gallery .img-container:hover {
    opacity: 0.8;
    cursor: pointer;
}
.product-gallery .img-container.active {
    opacity: 0.8;
    border: 2px double #0e4b24;
}
.product-images-section {
    position: relative;
}
.product-images-section ul.slick-dots {
    position: absolute;
    top: -30%;
    display: flex;
}
.product-images-section ul.slick-dots li {
    list-style: none;
    margin: 0 5px;
    padding: 2px;
    border-radius: 50%;
}
.product-images-section ul.slick-dots li.slick-active {
    border: 1px solid #FFF;
}
.product-images-section ul.slick-dots li button {
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 50%;
    color: transparent
}
.page-route .green a{
    text-decoration: none;
    color: #0e4b24;
}