@media (max-width: 2560px) {
  .hojita1 {
    width: 16% !important;
    height: auto;
    display: flex !important;
    margin-inline-start: 13% !important;
    top: 320px !important;
    position: absolute;
  }

  .hojita2 {
    width: 16% !important;
    height: 750px !important;
    display: flex !important;
    margin-inline-start: 70% !important;
    top: 138px !important;
    position: absolute;
  }
  .circle1 {
    display: flex !important;
    position: absolute !important;
    top: 384% !important;
    width: 21% !important;
    height: auto !important;
  }

  .circle2 {
    display: flex !important;
    position: absolute !important;
    top: 290% !important;
    left: 72% !important;
    width: 28% !important;
    height: auto !important;
  }
}

@media (max-width: 1920px) {
  .hojita1 {
    width: 16% !important;
    height: auto;
    display: flex !important;
    margin-inline-start: 12% !important;
    top: 450px !important;
    position: absolute;
  }

  .hojita2 {
    width: 24% !important;
    height: 750px !important;
    display: flex !important;
    margin-inline-start: 71% !important;
    top: 206px !important;
    position: absolute;
  }
  .circle1 {
    display: flex !important;
    position: absolute !important;
    top: 384% !important;
    width: 21% !important;
    height: auto !important;
  }

  .circle2 {
    display: flex !important;
    position: absolute !important;
    top: 344% !important;
    left: 70% !important;
    width: 30% !important;
  }
}

@media (max-width: 1440px) {
  .hojita1 {
    width: 16% !important;
    height: auto;
    display: flex !important;
    margin-inline-start: 5% !important;
    top: 525px !important;
    position: absolute;
  }

  .hojita2 {
    width: 24% !important;
    height: 750px !important;
    display: flex !important;
    margin-inline-start: 71% !important;
    top: 206px !important;
    position: absolute;
  }
  .circle1 {
    display: flex !important;
    position: absolute !important;
    top: 384% !important;
    width: 21% !important;
    height: auto !important;
  }

  .circle2 {
    display: flex !important;
    position: absolute !important;
    top: 355% !important;
    left: 60% !important;
    width: 40% !important;
    height: auto !important;
  }
}

@media (max-width: 1024px) {
  .hojita1 {
    width: 16% !important;
    height: auto;
    display: flex !important;
    margin-inline-start: 0% !important;
    top: 570px !important;
    position: absolute;
  }

  .hojita2 {
    width: 24% !important;
    height: 750px !important;
    display: flex !important;
    margin-inline-start: 82% !important;
    top: 206px !important;
    position: absolute;
  }
  .circle1 {
    display: flex !important;
    position: absolute !important;
    top: 414% !important;
    width: 22% !important;
    height: auto !important;
  }

  .circle2 {
    display: flex !important;
    position: absolute !important;
    top: 370% !important;
    left: 60% !important;
    width: 45% !important;
    height: auto !important;
  }
}

@media (max-width: 994px) {
  .hojita1 {
    display: none !important;
  }

  .hojita2 {
    display: none !important;
  }
}
@media (max-width: 768px) {
  #dir,
  #tel {
    text-align: center !important;
  }
  .contacto {
    flex-direction: column;
  }
}

/* seccion circle fondo */
.accordion-list .list-group-item {
  border: none;
  box-shadow: none;
  border-radius: 6px;
  margin-bottom: 10px;
  background-color: none;
}

.accordion-list .list-group-item:last-child {
  border-bottom: none;
}

.position-circle {
  position: relative;
  overflow: hidden;
  z-index: 3;
}

/* seccion Animation products */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.6s;
  z-index: 8;
}
.hvr-bounce-in:hover,
.hvr-bounce-in:focus,
.hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.3);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}