/********************* Shopping Demo-7 **********************/
    .product-grid7 {
        position: relative;
        z-index: 1;
    }
    .product-grid7 .product-image7 {
        border: 1px solid rgba(0, 0, 0, 0.1);
        overflow: hidden;
        perspective: 1500px;
        position: relative;
        transition: all 0.3s ease 0s;
    }
    .product-grid7 .product-image7 a {
        display: block;
    }
    .product-grid7 .product-image7 img {
        width: 100%;
        height: auto;
    }
    .product-grid7 .pic-1 {
        opacity: 1;
        transition: all 0.5s ease-out 0s;
    }
    .product-grid7 .pic-2 {
        opacity: 0;
        transform: rotateY(-90deg);
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.5s ease-out 0s;
    }
    .product-image7:hover .pic-2 {
        opacity: 1;
        transform: rotateY(0);
    }
    .product-image7 .social {
        padding: 0;
        margin: 0;
        list-style: none;
        position: absolute;
        bottom: 120px;
        left: -20%;
        z-index: 1;
        transition: all 0.5s ease 0s;
    }
    .product-image7:hover .social {
        left: 17px;
    }
    .product-image7 .social li a {
        color: #000000;
        background-color:#f2f2f2;
        font-size: 25px;
        line-height: 40px;
        text-align: center;
        height: 40px;
        width: 40px;
        margin: 15px 0;
        border-radius: 50%;
        display: block;
        transition: all 0.5s ease-in-out;
        text-decoration: none;
    }
    .product-grid7 .social li a:hover {
        color: #f2f2f2;
        background-color: #000000;
    }
    .product-grid7 .product-new-label {
        color: #fff;
        background-color: #333;
        padding: 5px 10px;
        border-radius: 5px;
        display: block;
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .product-grid7 .product-content {
        text-align: center;
        padding: 20px 0 0;
    }
    .product-grid7 .title {
        font-size: 16px;
        font-weight: 600;
        height: 45px;
        text-transform: capitalize;
        margin: 0 0 10px;
        transition: all 0.3s ease 0s;
    }
    .product-grid7 .title a {
        color: #333;
    }
    .product-grid7 .title a:hover {
        color: #78e08f;
    }
    .product-grid7 .rating {
        color: #78e08f;
        font-size: 12px;
        padding: 0;
        margin: 0 0 10px;
        list-style: none;
    }
    .product-grid7 .price {
        color: #333;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 8px;
        text-align: center;
        transition: all 0.3s;
    }
    .product-grid7 .price span {
        color: #999;
        font-size: 16px;
        font-weight: 600;
        text-decoration: line-through;
        margin-left: 7px;
        display: inline-block;
    }
    .product-grid7 .product-discount-label {
        display: block;
        padding: 10px 10px 10px 22px;
        color: #000000;
        background-color: #f2f2f2;
        position: absolute;
        top: 10px;
        right: -1px;
        -webkit-clip-path: polygon(34% 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(34% 0, 100% 0, 100% 100%, 0 100%);
    }
    @media only screen and (max-width: 990px) {
        .product-grid7 {
            margin-bottom: 30px;
        }
    }
    .product-grid8 {
        font-family: "Roboto Slab", serif;
        position: relative;
        z-index: 1;
    }
    .product-grid8 .product-image7 {
        border: 1px solid rgba(0, 0, 0, 0.1);
        overflow: hidden;
        perspective: 1500px;
        position: relative;
        transition: all 0.3s ease 0s;
    }
    .product-grid8 .product-image7 a {
        display: block;
    }
    .product-grid8 .product-image7 img {
        width: 100% !important;
        height: auto;
    }
    .product-grid8 .pic-1 {
        opacity: 1;
        transition: all 0.5s ease-out 0s;
    }
    .product-grid8 .pic-2 {
        opacity: 0;
        transform: rotateY(-90deg);
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.5s ease-out 0s;
    }
    .product-image7:hover .pic-2 {
        opacity: 1;
        transform: rotateY(0);
    }
    .product-image7 .social {
        padding: 0;
        margin: 0;
        list-style: none;
        position: absolute;
        bottom: 100px;
        left: -20%;
        z-index: 1;
        transition: all 0.5s ease 0s;
    }
    .product-image7:hover .social {
        left: 17px;
    }
    .product-image7 .social li a {
        color: #000000;
        background-color: #e29d596b;
        font-size: 25px;
        line-height: 40px;
        text-align: center;
        height: 40px;
        width: 40px;
        margin: 15px 0;
        border-radius: 50%;
        display: block;
        transition: all 0.5s ease-in-out;
        text-decoration: none;
    }
    .product-grid8 .social li a:hover {
        color: #f2f2f2;
        background-color: #000000;
    }
    .product-grid8 .product-new-label {
        color: #fff;
        background-color: #333;
        padding: 5px 10px;
        border-radius: 5px;
        display: block;
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .product-grid8 .product-content {
        text-align: center;
        padding: 20px 5px 0px 5px;
    }
    .product-grid8 .title {
        font-size: 20px;
        font-weight: 600;
        text-transform: capitalize;
        margin: 0 0 10px;
        transition: all 0.3s ease 0s;
    }
    .product-grid8 .title a {
        color: #333;
    }
    .product-grid8 .title a:hover {
        color: #78e08f;
    }
    .product-grid8 .rating {
        color: #78e08f;
        font-size: 12px;
        padding: 0;
        margin: 0 0 10px;
        list-style: none;
    }
    .product-grid8 .price {
        color: #333;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0px;
        text-align: center;
        transition: all 0.3s;
        margin-top: -10px;
    }
    .product-grid8 .price p span{
        color: #999;
        font-size: 14px;
        font-weight: 600;
        text-decoration: line-through;
        margin-left: 7px;
        display: inline-block;
    }
    .product-grid8 .price p{
        color: #000;
        font-size: 15px;
        font-weight: 600;
        margin-left: 7px;
        display: inline-block;
    }
    .product-grid8 .product-discount-label {
        display: block;
        width: 70px;
        height: 70px;
        border-radius: 100%;
        padding: 10px 10px 10px 22px;
        color: #000000;
        background-color: #f2f2f2;
        position: absolute;
        top: 10px;
        right: 5px;
        font-family: 'inter',sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.7;
       /* -webkit-clip-path: polygon(34% 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(34% 0, 100% 0, 100% 100%, 0 100%);*/
    }
    @media only screen and (max-width: 990px) {
        .product-grid8 {
            margin-bottom: 30px;
        }
    }




.product-grid8{
    border: 0px solid #f1f1f100;
    background-color: #e29d596b;
} 
.product-grid8 .product-image7{
    border: 0px solid #f1f1f100;
    box-shadow: none;
 }
 
 .product-grid8:hover{
    /*border: 1px solid #f1f1f1;
    box-shadow: 0.7px 0.5px 0.5px 0.7px #f1f1f1;*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)!important;
 }
 .pic-3{
    /*height: 300px!important;*/
    width: 100% !important;
    margin-left: 0px;
 }
 .phd>a{
   font-family: 'inter',sans-serif;
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.7;
    text-decoration: none;
    letter-spacing: 0.5px;
  }
  .price>p{
    font-family: 'inter',sans-serif;
   color: #000000;
   font-size: 16px;
   font-weight: 600;
   line-height: 1.7;
  }
:root {
  --star-size: 25px;
  --star-color: #b0b0b0;
  --star-background: #fc0;
}

.Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
.Stars::before {
  content: '★★★★★';
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rev_name{
  font-size: 16px;
}

/*feature product*/
.linelft{
  width: 410px;
  height: 1px;
  float: left;
  background-color: #22463c;
}
.linergt{
  width: 410px;
  height: 1px;
  float: right;
  background-color: #22463c;
}
.upper{
  text-transform: uppercase;
}
.linelft1{
  width: 370px;
  height: 3px;
  float: left;
  background-color: #22463c;
}
.linergt1{
  width: 370px;
  height: 3px;
  float: right;
  background-color: #22463c;
}
.linelft2{
  width: 340px;
  height: 1px;
  float: left;
  background-color: #22463c;
}
.linergt2{
  width: 340px;
  height: 1px;
  float: right;
  background-color: #22463c;
}
.lst_rv{
    font-size: 15px;
}
@media (max-width: 767px) and (min-width: 481px){
    .linelft, .linergt {
        width: 55px!important;
    }
}
@media (max-width: 1025px) and (min-width: 1280px){
    .linelft, .linergt {
        width: 260px!important;
    }
}