/* color code navbar #712A96 */

/* under construction css */
.uc{
    background-image: url("../img/aboutbg.jpg");
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #712A96;
}
/* under construction css */

body{
    background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
    position: relative;
}

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
}
.social ul{
    display: inline-flex;
}
.social ul li{
    padding: 0 1rem;
}
.social-link a{
    color: #fff;
}
header{
    background-color: #712A96;
}

.logo{
    width: 50%;
}

/* offer css start */
.offer img {
    width: 30%;
    position: absolute;
    bottom: 140px;
    left: 10px;
    transform: rotateZ(315deg);
}

/* offer css end */

/* products part css start */
#products{
    margin-top: 1rem;
}

.product-heading {
    
    font-family: "Aclonica", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 3rem;
    margin-top: 4rem;
    position: relative;
  }
.product-heading::before{
    position:absolute;
    bottom: 0;
    left: 0;
    content: " ";
    height: 2px;
    width: 100%;
    background-color: #fff;
}

.card{
    position: relative;
    border: none;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(3.7px);
    -webkit-backdrop-filter: blur(3.7px);
}
.card:hover .price{
    transform: scale(1);
    transition: all linear 0.3s;
}
.price {
    position: absolute;
    height: 10%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 14rem;
    left: 0;
    background-color: #712A96;
    font-family: "Arimo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 1.5rem;
    transform: scale(0);
    transition: all linear 0.3s;
}

  
/* products part css end */

.customer-review{
    min-width: 5rem;
}

/* footer part css start */

.footer-content{
    margin-top: 2rem;
    padding-top: 4rem;
}
/* footer part css end */