.flex > .text {
  margin: 0 1rem;
}

.flex-baselin {
  align-items: baseline !important;
}

.mb40:first-child {
  display: none !important;
}

.products-carousel h2 {
  border-bottom: none !important;
}

h4 > strong,
.b-primario .b-center {
  margin: 2rem;
  font-size: 14px;
}

.flex-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 40%;
  margin: 0 30px;
}

.bucket-blog {
  background: url("/PRSuite/static/images/home_page/bucket-blog-avon.jpg");
  background-position: center;
}

.bucket-rep {
  background: url("/PRSuite/static/images/home_page/bucket-rep-avon.jpg");
  background-position: center;
}

.bucket-catalogos {
  background: url("/PRSuite/static/images/home_page/bucket-catalogos-avon.jpg");
  background-position: center;
}

.bucket-mma {
  background: url("/PRSuite/static/images/home_page/bucket-MMA.jpg");
}

.b-primario {
  position: relative;
  border: none;
  padding: 17px 40px;
  color: white !important;
  background: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.3rem !important;
  border-radius: 1px;
  cursor: pointer;
  display: block;
  z-index: 1;
}

.mb40:first-child {
  display: none !important;
}

.products-carousel h2 {
  border-bottom: none !important;
}

h4 > strong,
.b-primario .b-center {
  margin: 2rem;
  font-size: 14px;
}

.border-bucket {
  min-height: 243px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}

img {
  max-width: 100%;
}

.col-60 {
  width: 60%;
}
.col-40 {
  width: 40%;
}

.col-30 {
  width: 30%;
}

.column {
  flex-direction: column;
}

.flex.flex-center {
  justify-content: center;
}

.txt-center {
  text-align: center;
}

.wrap {
  flex-wrap: wrap;
}

.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2rem auto;
}

.flex-end {
  align-items: end;
}

.image-ico {
  max-width: 250px;
  margin: 1rem;
}

.flex-img {
  height: fit-content;
  margin: 1rem;
  max-width: 350px;
}

.desktop-none {
  display: none !important;
}

@media (max-width: 992px) {
  .col-60,
  .col-40 {
    width: 100%;
  }

  .flex.flex-reverse {
    flex-direction: column-reverse;
  }
}


@media (max-width: 600px) {
  .flex {
    flex-direction: column;
  }

  .flex-card {
    width: 90%;
  }
}

@media (max-width: 450px) {
  .flex > .text {
    margin: 0 0rem !important;
  }
  .desktop-none {
    display: flex !important;
  }

  .flex {
    flex-direction: column;
  }

  .reverse {
    flex-direction: column-reverse;
  }

  h1 {
    font-size: 3rem !important;
  }

  .mobile-none {
    display: none !important;
  }
}