@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montagu+Slab:opsz,wght@16..144,100..700&family=Ms+Madi&display=swap');

* {
  font-family: 'Inter', sans-serif;
}
h1, h2, h3, h4, h5, h6, p, label, input, textarea {
color: #004AAD !important;
border-color: #94bff7 !important;
}

.navbar-nav a.active{
  background-color: #ACE1EE !important;
  color: #2877BA !important;
  box-shadow: 0 0 10px #e4e4e4 !important;
  border-radius: 10px;
}
.navbar-nav a:hover{
  background-color: #ACE1EE !important;
  color: #2877BA !important;
}
.navbar-nav a{
  transition: all 0.3s ease-in-out;
  transition-duration: 250ms;
}

.top-offers{
  background-color: #63A9DC;
  color: #fff;
  width: 100%;
  height: 30px;
  font-size: 16px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  letter-spacing: 1.5px;
}

h1, h2, h3, h4{
  font-family: "Montagu Slab", sans-serif;
}

/* HOME */
.banner-button-home{
  position: absolute;
  top: 75%;
  left: 25%;
  transform: translate(-50%, -50%);
}


.products{
  margin-top: 50px;
}

.products article{
  width: 350px !important;
  height: 570px !important;
}
.products article img{
  width: 300px !important;
  height: 300px !important;
}

.btn-primary{
  background-color: #DC4EA5 !important;
  border-color: #DC4EA5 !important;
  text-transform: uppercase !important;
  padding: 14px 40px;
  font-size: 18px;
  border-radius: 14px;
}

#clients h3 {
  font-size: 140px !important;
}
#clients .name {
  width: 90%;
  display: flex !important;
  align-items: center !important;
  justify-content: end !important;
  font-size: 80px !important;  
}
.name p {
  font-size: 80px !important;
  font-family: 'Ms Madi', cursive;
}

footer {
  background-color: #63A9DC !important;
  color: #fff !important;
}
footer h6{
  color: #fff !important;
}


/* MENÚ */

#products article .container-bottom {
  margin-top: 30px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #63A9DC !important;
  width: 100% !important;
  height: 90px !important;
  border-radius: 28px !important;
}
#products article {
  border-radius: 14px !important;
  padding: 20px;
}

/* SOBRE NOSOTROS */

#about h2{
  font-size: 30px !important;
}


/* CONTACTO */

.form-img-cinna{
  position: absolute;
  top: -39px;
  left: 50%;
  transform: translate(-50%, -50%);
}