/*  
    Theme Name: WKode 
    Author: Wkode dev
    Version: 0.3
*/

/* ======================================== */
/* ================products=================== */
/* ======================================== */

/* section.section-products > .container > .row {
  justify-content: center;
}
section.section-products {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-width: 100%;
  padding-top: 5%;
  padding-bottom: 5%;
}

section.section-products > .title {
  margin-bottom: 5%;
}

.card {
  width: 95%;
  margin-bottom: 15%;
  border-radius: 1vw;
  min-height: 46rem;
  max-height: 50vh;
  transition: all 1s;
}

.card:hover {
  transform: translateY(-40px) scale(1.15);
} */
/* .card:hover {
  transform: translateY(-15px) scale(1.1);
}
.card:hover:nth-child(1) {
  transform: translateY(-15px) scale(1.1) translateX(15px);
}
.card:hover:nth-child(3n + 1) {
  transform: translateY(-15px) scale(1.1) translateX(15px);
}
.card:hover:nth-child(3) {
  transform: translateY(-15px) scale(1.1) translateX(-15px);
}
.card:hover:nth-child(3n + 0) {
  transform: translateY(-15px) scale(1.1) translateX(-15px);
} */
/* .card {
  -webkit-box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.85);
  -moz-box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.85);
  box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.85);
}
.card:hover {
  -webkit-box-shadow: 0px 47px 46px 10px rgba(0, 0, 0, 0.71);
  -moz-box-shadow: 0px 47px 46px 10px rgba(0, 0, 0, 0.71);
  box-shadow: 0px 47px 46px 10px rgba(0, 0, 0, 0.71);
}

.card-img-top {
  border-top-left-radius: calc(1vw - 1px);
  border-top-right-radius: calc(1vw - 1px);
}
h5.card-title {
  font-size: 2vw;
}
h4.card-title.title-3 {
  min-height: 40px;
  max-height: 50px;
  overflow-y: hidden;
  font-size: 1.1vw;
}
.card > a.hyperlink-wraper:hover {
  color: inherit;
  text-decoration: none;
}
.card > a.hyperlink-wraper:hover > .card-body > .card-text {
  color: #444444;
  text-decoration: none;
}
p.card-text {
  color: #444444;
  font-family: "Roboto", sans-serif;
  font-size: 0.8vw;
  font-weight: 800;
}
 */
