.div-multiply {
  background-color: rgba(0,68,127,0.8);
  text-align: center;
  height: 280px;
}

.paragraph-nuestros-negocios {
  font-size: inherit;
}

@media (min-width: 300px) and (max-width: 768px) {
  .paragraph-nuestros-negocios {
    font-size: larger;
  }
}

.heading-banners {
  letter-spacing: 1.54px;
  font-size: 64px;
}

@media (min-width: 300px) and (max-width: 768px) {
  .heading-banners {
    letter-spacing: 1.54px;
    font-size: 44px;
  }
}

.heading-banners-2 {
  letter-spacing: 1.54px;
  font-size: 64px;
}

@media (min-width: 300px) and (max-width: 768px) {
  .heading-banners-2 {
    letter-spacing: 1.54px;
    font-size: 35px;
  }
}

.heading-azul-contenido {
  color: #00447f;
  width: 55%;
}

@media (min-width: 300px) and (max-width: 768px) {
  .heading-azul-contenido {
    color: #00447f;
    width: 100%;
  }
}

.heading-azul-contenido1 {
  color: #00447f;
}

.heading-azul-contenido2 {
  color: #00447f;
  font-size: larger;
}

@media (max-width: 992px) {
  .heading-azul-contenido2 {
    color: #00447f;
    font-size: medium;
  }
}

.paragraph-55 {
  width: 55%;
}

.paragraph-75 {
  width: 75%;
}

@media (min-width: 300px) and (max-width: 576px) {
  .paragraph-75 {
    width: 100%;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .paragraph-55 {
    width: 100%;
  }
}

.col-certificaciones {
  width: 200PX;
}

@media (min-width: 300px) and (max-width: 768px) {
  .col-certificaciones {
    width: 300PX;
  }
}

.banner-superior-innovaciones {
  background-image: url("../../assets/img/Bemis-Web-banner-innovaciones.jpg");
  height: 300px;
  background-color: #212529;
  background-size: cover;
  background-position: center;
}

@media (min-width: 300px) and (max-width: 768px) {
  .banner-superior-innovaciones {
    height: 200px;
    background-color: #00447f;
    background-size: cover;
    background-position: center;
  }
}

.banner-superior {
  background-image: url("../../assets/img/bemis-nosotros.jpg");
  height: 300px;
  background-color: #212529;
  background-size: cover;
  background-position: center;
}

@media (min-width: 300px) and (max-width: 768px) {
  .banner-superior {
    background-image: url("../../assets/img/bemis-nosotros.jpg");
    height: 200px;
    background-color: #00447f;
    background-size: cover;
    background-position: center;
  }
}

.banner-superior-inspira {
  background-image: url("../../assets/img/1515MSLEC_000-Lifestyle-8-cropped---sparkles-2542x2542-31e9a74b-fa19-4d61-9332-56771b0665b5.webp");
  height: 450px;
  background-color: #212529;
  background-size: cover;
  background-position: center;
  align-items: flex-end;
}

.banner-superior-verde {
  height: 300px;
  background-color: #212529;
}

.card-esg {
  height: 340px;
  width: 300PX;
  border-style: none;
}

@media (min-width: 300px) and (max-width: 768px) {
  .card-esg {
    height: 400px;
    width: 500px;
    border-style: none;
  }
}

.bemis-mundo-background {
  background-image: url("../../assets/img/Bemis-mapa-mundo.svg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px;
}

@media (min-width: 300px) and (max-width: 464px) {
  .bemis-mundo-background {
    background-image: url("../../assets/img/Bemis-mapa-mundo.svg");
    background-repeat: no-repeat;
    background-size: 471px;
    height: 270px;
  }
}

@media (min-width: 465px) and (max-width: 767px) {
  .bemis-mundo-background {
    background-image: url("../../assets/img/Bemis-mapa-mundo.svg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .bemis-mundo-background {
    background-image: url("../../assets/img/Bemis-mapa-mundo.svg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 560px;
  }
}

.btn {
  background-color: #00447f;
  border-color: #00447f;
}

.col-innovacion {
  display: initial;
}

@media (min-width: 300px) and (max-width: 768px) {
  .col-innovacion {
    display: none;
  }
}

.lista-hc-capacidades li::marker {
  color: #00447f;
}

.lista-hc-capacidades {
  column-count: 2;
}

.col-capacidades {
  column-count: 2;
}

@media (min-width: 300px) and (max-width: 576px) {
  .col-capacidades {
    column-count: 1;
  }
}

@media (min-width: 300px) {
  .span-tab {
    background-color: white;
    color: #212529;
    font-size: inherit;
    padding: 5px;
  }
}

@media (min-width: 576px) {
  .span-tab {
    background-color: white;
    color: #212529;
    font-size: inherit;
    padding: 3px;
  }
}

@media (min-width: 768px) {
  .span-tab {
    background-color: #EAEBEC;
    color: #212529;
    padding: 15px;
  }
}

a {
}

.tab-content-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width: 300px) and (max-width: 576px) {
  .img-tab {
    display: none;
  }
}

@media (min-width: 768px) {
  .img-tab {
    width: 170px;
  }
}

@media (min-width: 992px) {
  .img-tab {
    width: 250px;
  }
}

@media (min-width: 1000px) {
  .img-tab {
    width: 250px;
  }
}

@media (min-width: 1200px) {
  .img-tab {
    width: 300px;
  }
}

.li-contenedores li::marker {
  color: #00447f;
  font-weight: bold;
}

.py-7.col-hc-bi {
  background-image: url("../../assets/img/Bemis-HC-image.webp");
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px;
}

.card-slidder-wrapper {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 1rem;
}

.card-slider {
  scroll-snap-align: start;
  padding: 2rem;
  background-color: rgba(255,255,255,0.5);
  border-radius: 4px;
}

.card-inspira {
  scroll-snap-align: start;
  background-color: #ffffff;
  width: 600px;
}

@media (min-width: 300px) and (max-width: 576px) {
  .card-inspira {
    scroll-snap-align: start;
    background-color: #ffffff;
    width: 300px;
  }
}

@media (min-width: 768px) {
  .card-inspira {
    scroll-snap-align: start;
    background-color: #ffffff;
    width: 600px;
  }
}

.card-asientos {
  max-width: 260px;
  border-style: none;
}

.card-asientos:hover {
  border-style: solid;
}

.container-potty-1 {
  background-color: #750673;
  border-radius: 8px 0px 0px 8px;
  height: 250px;
}

@media (min-width: 300px) and (max-width: 767px) {
  .container-potty-1 {
    background-color: #750673;
    border-radius: 8px 8px 8px 8px;
    height: 250px;
  }
}

.container-potty-2 {
  background-color: #0097C3;
  border-radius: 0px 8px 8px 0px;
  height: 250px;
}

@media (min-width: 300px) and (max-width: 767px) {
  .container-potty-2 {
    background-color: #0097C3;
    border-radius: 8px 8px 8px 8px;
    height: 250px;
  }
}

.card-body-5 {
  background-color: #00447f;
  height: 165px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.img-circulo {
  aspect-ratio: 1/1;
  object-fit: cover;
  height: 140px;
  width: 140px;
}

html {
  scroll-behavior: smooth;
}

.menu-link:hover {
  color: white;
  text-decoration: underline;
  text-decoration-thickness: 3px;
}

.menu-link {
  color: white;
  font-size: small;
  letter-spacing: 1px;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}

.card-certificaciones {
  color: white;
  background-color: #00447f;
  height: 54px;
}

.btn-catalogo {
  background: #ffffff!important;
  color: #00447f;
}

.filter-btn {
  background-color: #ffffff!important;
  color: #00447f;
  font-size: small;
  /*width: fit-content;*/
}

.col-capacidades li::marker {
  color: #00447f;
}

.card-body-asientos {
  background-color: #eaebec;
}

.span-modelo {
  font-size: small;
}

.li-biobidet::marker {
  color: #00447f;
  font-weight: bolder;
  margin: 9px;
}

.card-body-bidet {
  background-color: #1C1C1C;
}

.card-bidet {
  background-color: #EBEBEB;
  border-style: none;
}

.rrss-footer {
  color: #00447f!important;
}

.btn-container {
  position: fixed;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 1000;
}

.reveal-btn {
  display: flex;
  align-items: center;
  background-color: #00447f;
  color: white;
  text-decoration: none;
  overflow: hidden;
  width: 60px;
  border-radius: 50%;
  height: 60px;
  transition: width 0.3s ease;
}

.reveal-btn:hover .reveal-txt {
  opacity: 1;
}

.reveal-btn:hover {
  width: 180px;
  border-radius: 30px;
}

.reveal-txt {
  margin-left: 10px;
  opacity: 0;
  transition: opacity 0.3s ease;
  white-space: nowrap;
}

.reveal-btn img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  flex-shrink: 0;
  margin-left: 05px;
}

.oculto {
  display: none!important;
}

.filter-btn.filtro-btn:hover {
  background-color: #00447f!important;
}

.filter-btn.filtro-btn.active {
  background-color: #00447f!important;
  color: #ffffff;
}