.banner-home {
  background-image: url("../../../images/banner-1.webp");
  width: 100%;
  height: 450px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-home h1 {
  text-align: left;
  width: 40%;
}

.mosaico {
  position: relative;
  grid: 32px;
  width: 100%;
  height: 700px;
  overflow: hidden;
}

.mosaico .col-6,
.mosaico .grid-column-box {
  overflow: hidden;
  border-radius: 10px; 
}

.mosaico img {
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
}

.mosaico img:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
 
.mosaico img.img-1 {
  width: 100%;
  height: 700px;
  object-fit: cover;
}

.mosaico img.img-2 {
  width: 100%;
  height: 350px;
  object-fit: cover;
}

.title {
  position: absolute;
  z-index: 999;
  margin-top: -200px;
  padding: 0 0 57px 54px;
}

.grid-column {
  gap: 29px;
  display: flex;
  flex-direction: column;
}
.grid-row {
  gap: 29px;
  display: flex;
  flex-direction: row;
}

.beauty {
  background-image: url("../../../images/banner-2.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 400px;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.beauty h1 {
  width: 50%;
  margin-bottom: 40px;
}

.card-express {
  width: 100%;
  height: 106px;
  background: #f5f5f5;
  border-radius: 4px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-express .d-flex {
  justify-content: space-between;
  gap: 15px;
  flex-direction: row;
  display: flex;
}

.instagram h1 {
  padding: 48px;
}

.col.py-1 {
  width: 100%;
}

.section-b-space .row {
  gap: 32px;
}

.mais-vendidos {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 32px;
  margin-top: 16px;
}