.pb-200 {
  padding-bottom: 200px;
}
.pt-200 {
  padding-top: 200px;
}

.texto-slider {
  background-color: #ffffff;
  border-radius: 23px;
  padding: 20px;
  color: white;
}

.w-40 {
  width: 40% !important;
}

.w-60 {
  width: 60% !important;
}

.vstack p {
  color: black;
}

.services-item:hover .vstack p {
  color: white;
}

.text-justify {
  text-align: justify;
}

span {
  font-family: var(--font-family-secondary);
}

.subrayado:after {
  content: ""; /* Elemento vacío */
  position: absolute;
  left: 0;
  bottom: -18px;
  height: 5px;
  width: 60%;
  background-color: #01315e; /* Color del subrayado */
}

.subrayado2:after {
  content: ""; /* Elemento vacío */
  position: absolute;
  left: 0;
  top: 43px;
  height: 5px;
  width: 25%;
  background-color: #01315e; /* Color del subrayado */
}


.h-400{
  height: 400px;
}

:root {
  --color-azulinst-900: #01315e; /* Definir variable */
}