.bg-black {
  background-color: black;
}
.text-black {
  color: black;
}
a:hover {
  color: rgba(76, 73, 73, 0.981) !important ;
}
.rotate {
  rotate: -90deg;
}
.height {
  height: 680px;
}

.card-style {
  position: absolute;
  top: 177px;
  left: 194px;
  height: 265px;
  width: 500px;
  padding: 1.5rem;
  padding-top: 2rem;

  background-color: rgba(220, 220, 220, 0.884);
}
.bg-fluid {
  background: url(../assets/girl&boy-final12.jpg);

  background-repeat: no-repeat;
  background-size: 100%;
  width: 1050px;
  height: 680px;
}
.bg-main {
  background: linear-gradient(
    to right,
    rgba(220, 220, 220, 0.314),
    rgba(173, 170, 170, 0.133)
  );
}

.img-men {
  background: url(../assets/Screenshot\ 2023-11-04\ 205841.png);
  background-size: 100%;
  height: 525px;
  width: 425px;
  background-repeat: no-repeat;
}

.img-women {
  background: url(../assets/Screenshot\ 2023-11-04\ 205904.png);
  background-size: 100%;
  height: 525px;
  width: 425px;
  background-repeat: no-repeat;
}
.img-kids {
  background: url(../assets/Screenshot\ 2023-11-04\ 205934.png);
  background-size: 100%;
  height: 525px;
  width: 425px;
  background-repeat: no-repeat;
}
.btn-products {
  border-radius: 0.8rem;
}
.btn-products:hover {
  background-color: black;
  color: white !important;
}
.smaller {
  font-size: small;
  font-weight: 700;
  width: 60%;
}
.secondary {
  background-color: rgba(220, 220, 220, 0.884);
  height: 542px;
  width: 100%;
}
.banner-img {
  background: url(../assets/Screenshot\ 2023-11-06\ 213522.png);
  background-size: 100%;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .card-style {
    position: static;
    width: 100%;
  }
  .img {
    background-size: 100%;
    width: 100%;
  }
  .bg-fluid {
    height: 265px;
    width: 500px;
  }
}