header{
    padding: 65px 0px 0px 0px;
}

@font-face{
    font-family: lobster;
    src: url(../ttf/Lobster-Regular.ttf) format("truetype");
  }


.product-header{
    background:linear-gradient(rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.5)),  url('../img/products-head.jpg') no-repeat center center fixed;    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.section-img{
    background:linear-gradient(rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.5)),  url('../img/products.jpg') no-repeat center center fixed;    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.display-3{
    font-family: lobster;
    color: white;
}

.row-content{
    padding-top:10px ;
}

/*Sidebar Style*/
.adjust{
    margin: 0px;
    padding: 0px;
}

.sticky-top{
    top:65px;
}

.sidebar {
    background-color:#192b3a;
    height: 100%;
    align-items: center;
    align-self: center;
    width: 100%;
}


.sidebar li{
    padding: 10px 0px 10px 0px;
}

.sidebar li a{
    color: rgb(241, 185, 81);
}

.sidebar li a:hover{
    color: rgb(241, 185, 81);
    border:1px solid transparent ;
}

/*Here is card css code*/
.card{
    background-color: rgb(160, 119, 44);;
    color: whitesmoke;
    transition: ease-in 0.1s;
}

.card:hover{
    transform: scale(1.05);
    cursor: pointer;
}

.card-body .small-shape-l{
    height: 20px;
    width: 20px;
    border-radius: 50%;
   background-color: wheat;
}

.card-body .small-shape-m{
    height: 20px;
    width: 20px;
    border-radius: 50%;
   background-color: rgb(255, 167, 4);
}

.card-body .small-shape-d{
    height: 20px;
    width: 20px;
    border-radius: 50%;
   background-color: rgb(122, 55, 0);
}

.card-body p,hr{
    margin: 0px 0px 2px 0px;
    padding: 0;
}

.card-body hr{
border: 1px solid #fffb03;
}

.card-body .btn{
    background-color: #192b3a;
    color: white;
    transition: ease-in-out 0.1s;
}

.card-body .btn:hover{
    background-color: #192b3a;
    color: white;
    transform: scale(1.1);
}
/*Here card css ends*/
