.navbar{
  background-color: rgba(0, 0, 0, 0.500);
}

.navbar-nav li a{
   cursor: pointer;
   padding: 10px 20px;
   margin: 0px 10px;
   color: white;
   border-radius: 10px;
}

.navbar-nav li a:hover{
  background-color: rgb(255, 208, 0);
  color: black;
  border-radius: 10px;
}


.img-head{
  background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2));
  background-size: cover;
  background-repeat: no-repeat;
  height: 625px;
}

.bg-fluid{
  position: absolute;
  z-index: -1;
  height: 625px;
}

.cap{
  position: absolute;
  height: 40%;
  width: 60%;
  left: 20%;
  bottom: -150px;
}

#about{
  padding: 150px 50px 0px 50px;
  overflow-x: hidden;
}

.card-img-top{
  position: relative;
  top: -60px;
}

.product-h{
  background-color: rgba(226, 226, 226, 0.575);
  margin-top: 50px;
}

.product-h:hover{
  background-color: rgb(255, 208, 0);
}

.Blog{
  background: url(../images/background2.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0px 100px;
}

.testimonial{
  background: url(../images/background3.png);
  background-size: cover;
  background-repeat: no-repeat;
  /* padding: 0px 100px; */
}

.btn:hover{
  background-color: transparent;
  color: black;
}

.rd-btn:hover{
  background-color: transparent;
  color: white;
}

.car-btn{
  background-color: rgb(255, 208, 0);
  color: black;
}

.car-btn:hover{
  background-color: white;
  color: black;
}


/* Footer */

.fa-facebook-f,
.fa-twitter,
.fa-instagram,
.fa-whatsapp{
    color: #ffffff;
    cursor: pointer;
}

.fa-facebook-f:hover,
.fa-twitter:hover,
.fa-instagram:hover,
.fa-whatsapp:hover{
    color:   rgb(255, 208, 0);
}



/* Padding */

.section_padding{
  padding-top: 100px;
  padding-bottom: 100px;
}



@media (min-width:768px){
.test{
  padding: 0px 200px;
}

.cap{
  height: 60%;
  width: 60%;
  bottom: -170px;
}
}

@media (min-width:1024px){
  .cap{
    height: 70%;
    width: 60%;
    bottom: -180px;
  }
  }

  @media (min-width:1200px){
    .cap{
      height: 70%;
      width: 60%;
      bottom: -160px;
    }
    }