Fixed Teeth in Just 48hr

document.addEventListener('DOMContentLoaded', (event) => {
  setTimeout(() => {

    // Get full slider class ID (change if you have changed it manually)
    const idComplete = document.querySelector(".feature-46__slider");
    // Obtaining the required object ID for the const mySlider
    const idSlider = idComplete.getAttribute('data-script-id');

    const mySlider = window.bricksData?.splideInstances[idSlider] || false

    // Please replace the button classes to suit your scenario
    const myPrevBtn = document.querySelector('.feature-46__arrow-left')
    const myNextBtn = document.querySelector('.feature-46__arrow-right')

    if (mySlider && myPrevBtn && myNextBtn) {

      // Add click event handlers for your custom buttons
      myPrevBtn.addEventListener('click', function () {
        mySlider.go('-1') // go() function by SplideJS
      })
      myNextBtn.addEventListener('click', function () {
        mySlider.go('+1') // go() function by SplideJS
      })
    }
  }, 250)
})

/* -- The root styles must go in the element of the structure with the name "Slider". --*/

/* Mask for slider wrapper so that the slider does not overlap the info container (container left) */
.feature-46__slider-wrapper{
  clip-path: inset(0 -100vw 0 0);

  /* Removing the mask on tablet versions */
  @media(max-width: 991px){
    clip-path: none;
  }

  /* Slider styles */
  .feature-46__slider {

    /* Styles the internal slider container so that it does not hide the cards outside its container.*/
    .splide__track{
      overflow: visible;
    }
  }
}