.slider-wrapper, .slider-box {
    /* scroll-behavior: smooth;*/
    transition: left 0.5s;
    scroll-snap-type: x mandatory;
    box-sizing: border-box;
 }
 .slider-wrapper{
    overflow-x: hidden;
}
 
 @media (hover: none) {
     .slider-wrapper{
         overflow-x: scroll!important;
     }
 
     /* Hide scrollbar for Chrome, Safari and Opera */
     .slider-wrapper::-webkit-scrollbar {
         display: none;
     }
   
     /* Hide scrollbar for IE, Edge and Firefox */
     .slider-wrapper {
         -ms-overflow-style: none;  /* IE and Edge */
         scrollbar-width: none;  /* Firefox */
     }
 
     .slider-controller{
         display: none;
     }
 }
 
 
 .slider-item{
     max-width: 90vw;
     scroll-margin: 0px;
     display: flex;
     align-items: center;
     justify-content: center;
     scroll-snap-align: start;
    transition: left 0.5s;
    z-index: 1;
    position: relative;
 }
 
 
 .slider-info{
     display: none;
 }
 .slider-info.active{
     display: block;
 }
 
 
 
 
 .slider-controller{
     top: 40%;
     z-index: 9;
     cursor: pointer;
 }
 .slider-controller i:hover{
     transition: transform 0.5s;
     transform: scale(1.2);
     cursor: pointer;
 }
     
 #controller_next_slider_praxis, #controller_back_slider_praxis{
     color: var(--primary);
    /* text-shadow: 1px 1px 0px var(--secondary), 1px -1px 0px var(--secondary), -1px 1px 0px var(--secondary), -1px -1px 0px var(--secondary);*/
     padding: 15px;
     font-size: 300%!important;
     z-index: 10;
 }
 #controller_next_slider_praxis{
     right: 0px;
/*     background-color: var(--primary);
     color: #fff;
     border-radius: 30px;
     aspect-ratio: 1/1;
     -webkit-aspect-ratio: 1/1;*/
 }
 #controller_back_slider_praxis{
     left: 0px;
/*     background-color: var(--primary);
     color: #fff;
     border-radius: 30px;
     aspect-ratio: 1/1;
     -webkit-aspect-ratio: 1/1;*/
 }
 
 .info-img{
     bottom: 0px;
     left: 0px;
     width: 100%;
     z-index: 1;
     box-sizing: border-box;
     padding: 10px;
     color: white;
     background-color: rgba(0,0,0, 0.7); 
 }
 

 #slider_bg{
    background-image: linear-gradient(var(--fourth) 0%, var(--fourth) 70%, #fff 70.1%);
    background-image: -webkit-linear-gradient(var(--fourth) 0%, var(--fourth) 70%, #fff 70.1%);
 }