:root { 
 --primario:#fdc500;
 --primarioazul:#00296b;
 --verde:#a5be00;
 --rosa:#eb4b98;
}

*, *before, *:after {
	box-sizing: inherit;
}


/*encabezado*/
/*.navbar {
	background-color:#05234b;
}
*/

/*
.accordion {
	--bs-accordion-btn-bg: white;
	--bs-accordion-active-bg: #05234b;
 --bs-accordion-active-color: #ffffff;
 --bs-accordion-btn-focus-box-shadow:none;
 --bs-accordion-icon-color:warning;

}

/*--------Servicios Index--------*/
.servicio {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.servicio .iconos {
  height: 7rem;
  width: 7rem;
  border-radius: 50%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 15px;
}

/*Colores para los servicios de fondo*/
.color_servicio1 {
  background-color: var(--primario);
}
.color_servicio2 {
  background-color: var(--primarioazul);
}
.color_servicio3 {
  background-color: var(--verde);
}
.color_servicio4 {
  background-color: var(--rosa);
}



@import url(//fonts.googleapis.com/css?family=Lato:300:400);


/* Diseño de Footer */
.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}
/* Animation */
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
 }
 100% { 
  transform: translate3d(85px,0,0);
}
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
}

/* estilo de tabla marco juridico */
.custom-list-item {
  background-color:rgb(34,82,123); 
  color: #ffffff; 
  padding: 1rem 2rem;
}