.infoelement i{
  font-size: 1.875rem !important;
  font-weight: 300 !important;
  background: #36353F;
  padding: 18px 0px 18px 0px;
  color: #fff !important;
  border-radius: 50px;
  width: 65px;
  height: 65px;
  line-height: 1;
}
.img-icon-info{
  background: #36353F;
  padding: 18px 0px 18px 0px;
  color: #fff !important;
  border-radius: 50px;
  width: 65px !important;
  height: 65px !important;
  line-height: 1;
}

.infoelement .lSPrev,
.infoelement .lSNext {
    padding: 12px 15px;
    color: #fff !important;
    font-weight: 300;
    font-size: 1.25rem;
    z-index: 1;
    cursor: pointer;
    background: transparent;
    border-radius: 50%;
    height: 50px !important;
    width: 50px !important;
    text-decoration: none !important;
}

.infoelement .lSPrev, .infoelement .lSNext {
    display: none;
}

.infoelement .lslide:focus-visible{
  background-color: rgba(32, 160, 216, 0.1) !important; 
    box-shadow: 0 0 0 3px rgb(32, 160, 216) !important;  
    transition: background-color 0.3s ease, box-shadow 0.3s ease; 
}

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