.elementor-16229 .elementor-element.elementor-element-f4e6ff3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16229 .elementor-element.elementor-element-f33276e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16229 .elementor-element.elementor-element-3f4650e{width:var( --container-widget-width, 102.514% );max-width:102.514%;--container-widget-width:102.514%;--container-widget-flex-grow:0;}.elementor-16229 .elementor-element.elementor-element-3f4650e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16229 .elementor-element.elementor-element-77c36c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16229 .elementor-element.elementor-element-53d4ffe .rivax-divider-heading, .elementor-16229 .elementor-element.elementor-element-53d4ffe .subtitle-text-wrap{justify-content:left;text-align:left;}.elementor-16229 .elementor-element.elementor-element-53d4ffe .title-text .icon{font-size:18px;}.elementor-16229 .elementor-element.elementor-element-53d4ffe .divider-1{display:none;}.elementor-16229 .elementor-element.elementor-element-53d4ffe .divider-2{display:none;}.elementor-16229 .elementor-element.elementor-element-53d4ffe .divider-3{display:none;}.elementor-16229 .elementor-element.elementor-element-53d4ffe .divider-4{display:none;}.elementor-16229 .elementor-element.elementor-element-fa44ac1 > .elementor-widget-container{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 4px;border-color:#4DB0A2;}.elementor-16229 .elementor-element.elementor-element-fa44ac1 .rivax-advanced-heading-wrap{display:flex;}.elementor-16229 .elementor-element.elementor-element-fa44ac1 .rivax-advanced-heading-tag{font-size:34px;line-height:1.5em;}.elementor-16229 .elementor-element.elementor-element-109755a > .elementor-widget-container{padding:5px 0px 5px 20px;border-style:solid;border-width:0px 0px 0px 4px;border-color:#FFA23B;}.elementor-16229 .elementor-element.elementor-element-109755a{text-align:left;font-size:16px;color:#6A6D85;}.elementor-16229 .elementor-element.elementor-element-109755a p{margin-bottom:0px;}.elementor-16229 .elementor-element.elementor-element-01e939d{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-16229 .elementor-element.elementor-element-01e939d:not(.elementor-motion-effects-element-type-background), .elementor-16229 .elementor-element.elementor-element-01e939d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #4DB0A2 0%, #FF5671 100%);}.elementor-16229 .elementor-element.elementor-element-8456517 .rivax-marquee-headings{--gap:30px;--marquee-time:30s;}.elementor-16229 .elementor-element.elementor-element-8456517 .heading-wrap{font-size:22px;font-weight:500;color:#FFFFFF;gap:30px;}.elementor-16229 .elementor-element.elementor-element-8456517 .icon{font-size:10px;color:#FFFFFFA1;}.elementor-16229 .elementor-element.elementor-element-4a99610{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16229 .elementor-element.elementor-element-80bbcbf{--display:flex;--justify-content:center;}.elementor-16229 .elementor-element.elementor-element-80bbcbf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16229 .elementor-element.elementor-element-213afd4 .elementor-heading-title{font-size:30px;}.elementor-16229 .elementor-element.elementor-element-1c18871{color:#6A6D85;}.elementor-16229 .elementor-element.elementor-element-51c02d0 .elementor-button{background-color:#02010100;fill:#2F2E35;color:#2F2E35;border-style:solid;border-width:0px 0px 1px 0px;border-color:#7F818540;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-16229 .elementor-element.elementor-element-51c02d0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-16229 .elementor-element.elementor-element-51c02d0 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-16229 .elementor-element.elementor-element-51c02d0 .elementor-button:hover, .elementor-16229 .elementor-element.elementor-element-51c02d0 .elementor-button:focus{border-color:#7F81859E;}html[scheme="dark"] .elementor-16229 .elementor-element.elementor-element-51c02d0 .elementor-button{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF5E;}.elementor-16229 .elementor-element.elementor-element-0eb3516{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16229 .elementor-element.elementor-element-0eb3516:not(.elementor-motion-effects-element-type-background), .elementor-16229 .elementor-element.elementor-element-0eb3516 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16229 .elementor-element.elementor-element-de1203e{--display:flex;--justify-content:center;}.elementor-16229 .elementor-element.elementor-element-de1203e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16229 .elementor-element.elementor-element-a5ad07d .elementor-heading-title{font-size:30px;}@media(max-width:1024px){.elementor-16229 .elementor-element.elementor-element-0eb3516{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-16229 .elementor-element.elementor-element-f33276e{--width:43%;}.elementor-16229 .elementor-element.elementor-element-77c36c9{--width:57%;}.elementor-16229 .elementor-element.elementor-element-80bbcbf{--width:97.846%;}.elementor-16229 .elementor-element.elementor-element-de1203e{--width:97.846%;}}@media(max-width:767px){.elementor-16229 .elementor-element.elementor-element-fa44ac1 .rivax-advanced-heading-tag{font-size:26px;}.elementor-16229 .elementor-element.elementor-element-0eb3516{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-4a99610 */<style>
.accordion-section {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
}
.accordion-title {
  background: #f7f9fc;
  padding: 15px 20px;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion-icon {
  font-size: 1.3rem;
  transition: transform 0.2s ease;
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  background: #fff;
  padding: 0 2px;
}
.accordion-content.open {
  padding: 20px 2px;
  max-height: 1000px;
}

.feature-block {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.feature-block img {
  width: 50px;
  margin-right: 15px;
}
.feature-block .feature-title {
  font-weight: bold;
  font-size: 1.05rem;
  margin-bottom: 5px;
}
.feature-block p {
  margin: 0;
  color: #555;
  font-size: 0.9rem;
  line-height: 1.485;
}

.carousel-container {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
}
.carousel {
  display: flex;
  transition: transform 0.5s ease;
}
.carousel-slide {
  flex: 0 0 100%;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}
.custom-video-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.custom-video-wrapper video {
  width: 100%;
  height: auto;
  display: block;
}
.fade-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0.2), transparent);
}
.carousel-slide h3 {
  margin: 20px 0 10px;
  font-size: 24px;
  color: #333;
}
.carousel-slide p {
  font-size: 15px;
  color: #666;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.485;
}
.carousel-dots {
  text-align: center;
  padding: 10px 0;
}
.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.dot.active {
  background: #333;
}
.cta-button {
  display: inline-flex;
  align-items: center;
  margin-top: 15px;
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 25px;
  font-size: 16px;
  transition: background-color 0.3s;
}
.cta-button:hover {
  background-color: #0056b3;
}
.cta-button svg {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}
</style>

<div class="accordion-section">
  <div class="accordion-title">
    Laser Hair Removal Machines
    <span class="accordion-icon">+</span>
  </div>
  <div class="accordion-content">
    <div class="feature-block">
      <div class="carousel-container">
        <div class="carousel">
          <div class="carousel-slide">
            <div class="custom-video-wrapper">
              <video autoplay muted loop playsinline>
                <source src="https://britishlasers.com/wp-content/uploads/2025/05/nu-erays-product-video-a.mp4" type="video/mp4">
                Your browser does not support the video tag.
              </video>
              <div class="fade-overlay"></div>
            </div>
            <h3>Nu eRays Plus</h3>
            <p>Put the Nu eRays Plus to work in your clinic. FDA-approved and precision-built, this machine delivers consistently smooth treatments with intuitive controls, efficient cooling, and reliable performance across all skin tones.</p>
            <a href="https://britishlasers.com/laser-hair-removal-machine/nu-erays-plus/" class="cta-button">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 4.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
              </svg>
              View the Nu eRays Plus
            </a>
          </div>
          <div class="carousel-slide">
            <div class="custom-video-wrapper">
              <video autoplay muted loop playsinline>
                <source src="https://britishlasers.com/wp-content/uploads/2025/06/nu-trilaze-lite-video.mp4" type="video/mp4">
                Your browser does not support the video tag.
              </video>
              <div class="fade-overlay"></div>
            </div>
            <h3>Nu TriLaze Lite</h3>
            <p>Compact, clever, and built for versatility, the Nu TriLaze Lite brings full 3-in-1 laser technology into even the smallest clinics. With its advanced cooling and ultra-low operating costs, it helps practitioners offer excellent results with comfort and confidence.</p>
            <a href="https://britishlasers.com/laser-hair-removal-machine/nu-trilaze-lite/" class="cta-button">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 4.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
              </svg>
              View the Nu TriLaze Lite
            </a>
          </div>
          <div class="carousel-slide">
            <div class="custom-video-wrapper">
              <video autoplay muted loop playsinline>
                <source src="https://britishlasers.com/wp-content/uploads/2025/06/nu-trilaze-plus-video.mp4" type="video/mp4">
                Your browser does not support the video tag.
              </video>
              <div class="fade-overlay"></div>
            </div>
            <h3>Nu TriLaze Plus</h3>
            <p>Deliver high-performance results with the Nu TriLaze Plus. This advanced 3-in-1 system blends skin analysis, HD targeting, and multiple treatment tips, giving practitioners a fast, versatile solution for safe, effective hair reduction on every skin type.</p>
            <a href="https://britishlasers.com/laser-hair-removal-machine/nu-trilaze-plus/" class="cta-button">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 4.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
              </svg>
              View the Nu TriLaze Plus
            </a>
          </div>
        </div>
        <div class="carousel-dots">
          <span class="dot active" onclick="goToSlide(0)"></span>
          <span class="dot" onclick="goToSlide(1)"></span>
          <span class="dot" onclick="goToSlide(2)"></span>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="accordion-section">
  <div class="accordion-title">
    Laser Tattoo Removal Machine
    <span class="accordion-icon">+</span>
  </div>
  <div class="accordion-content">
    <div class="feature-block">
      <div class="carousel-slide">
        <div class="custom-video-wrapper">
          <video autoplay muted loop playsinline>
            <source src="https://britishlasers.com/wp-content/uploads/2025/06/nu-tatouage-plus-video.mp4">
            Your browser does not support the video tag.
          </video>
          <div class="fade-overlay"></div>
        </div>
        <h3>Nu Tatouage Plus</h3>
        <p>Expand your clinic’s potential with the Nu Tatouage Plus. Designed for quick, effective tattoo clearance, this Q-switched laser handles stubborn inks with ease, while also opening new treatment options for pigmentation and skin tone refinement.</p>
        <a href="https://britishlasers.com/laser-hair-removal-machine/nu-erays-plus/" class="cta-button">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M12 4.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
          </svg>
          View the Nu Tatouage Plus
        </a>
      </div>
    </div>
  </div>
</div>

<div class="accordion-section">
  <div class="accordion-title">
    Next-Gen Tech Features
    <span class="accordion-icon">+</span>
  </div>
  <div class="accordion-content">
    <div class="feature-block">
      <div class="carousel-container">
        <div class="carousel">
          <div class="carousel-slide">
            <div class="custom-video-wrapper">
              <video autoplay muted loop playsinline>
                <source src="https://britishlasers.com/wp-content/uploads/2025/05/nu-erays-product-video-a.mp4" type="video/mp4">
                Your browser does not support the video tag.
              </video>
              <div class="fade-overlay"></div>
            </div>
            <h3>Nu eRays Plus</h3>
            <p>Put the Nu eRays Plus to work in your clinic. FDA-approved and precision-built, this machine delivers consistently smooth treatments with intuitive controls, efficient cooling, and reliable performance across all skin tones.</p>
            <a href="https://britishlasers.com/laser-hair-removal-machine/nu-erays-plus/" class="cta-button">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 4.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
              </svg>
              View the Nu eRays Plus
            </a>
          </div>
          <div class="carousel-slide">
            <div class="custom-video-wrapper">
              <video autoplay muted loop playsinline>
                <source src="https://britishlasers.com/wp-content/uploads/2025/06/nu-trilaze-lite-video.mp4" type="video/mp4">
                Your browser does not support the video tag.
              </video>
              <div class="fade-overlay"></div>
            </div>
            <h3>Nu TriLaze Lite</h3>
            <p>Compact, clever, and built for versatility, the Nu TriLaze Lite brings full 3-in-1 laser technology into even the smallest clinics. With its advanced cooling and ultra-low operating costs, it helps practitioners offer excellent results with comfort and confidence.</p>
            <a href="https://britishlasers.com/laser-hair-removal-machine/nu-trilaze-lite/" class="cta-button">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 4.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
              </svg>
              View the Nu TriLaze Lite
            </a>
          </div>
          <div class="carousel-slide">
            <div class="custom-video-wrapper">
              <video autoplay muted loop playsinline>
                <source src="https://britishlasers.com/wp-content/uploads/2025/06/nu-trilaze-plus-video.mp4" type="video/mp4">
                Your browser does not support the video tag.
              </video>
              <div class="fade-overlay"></div>
            </div>
            <h3>Nu TriLaze Plus</h3>
            <p>Deliver high-performance results with the Nu TriLaze Plus. This advanced 3-in-1 system blends skin analysis, HD targeting, and multiple treatment tips, giving practitioners a fast, versatile solution for safe, effective hair reduction on every skin type.</p>
            <a href="https://britishlasers.com/laser-hair-removal-machine/nu-trilaze-plus/" class="cta-button">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 4.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
              </svg>
              View the Nu TriLaze Plus
            </a>
          </div>
        </div>
        <div class="carousel-dots">
          <span class="dot active" onclick="goToSlide(0)"></span>
          <span class="dot" onclick="goToSlide(1)"></span>
          <span class="dot" onclick="goToSlide(2)"></span>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
document.querySelectorAll('.accordion-title').forEach(title => {
  title.addEventListener('click', () => {
    const currentSection = title.parentElement;
    const currentContent = currentSection.querySelector('.accordion-content');
    const currentIcon = title.querySelector('.accordion-icon');
    const isOpen = currentContent.classList.contains('open');

    // Close all
    document.querySelectorAll('.accordion-content').forEach(content => content.classList.remove('open'));
    document.querySelectorAll('.accordion-icon').forEach(icon => icon.textContent = '+');

    // Toggle current
    if (!isOpen) {
      currentContent.classList.add('open');
      currentIcon.textContent = '−';
    }
  });
});

let currentSlide = 0;
const slides = document.querySelectorAll('.carousel-slide');
const dots = document.querySelectorAll('.dot');

function updateCarousel() {
  const carousel = document.querySelector('.carousel');
  carousel.style.transform = `translateX(-${currentSlide * 100}%)`;
  dots.forEach((dot, index) => {
    dot.classList.toggle('active', index === currentSlide);
  });
}

function goToSlide(index) {
  currentSlide = index;
  updateCarousel();
}

updateCarousel();
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0eb3516 */<style>
.accordion-section {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
}
.accordion-title {
  background: #f7f9fc;
  padding: 15px 20px;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion-icon {
  font-size: 1.3rem;
  transition: transform 0.2s ease;
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  background: #fff;
  padding: 0 2px;
}
.accordion-content.open {
  padding: 20px 2px;
  max-height: 1000px;
}

.feature-block {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.feature-block img {
  width: 50px;
  margin-right: 15px;
}
.feature-block .feature-title {
  font-weight: bold;
  font-size: 1.05rem;
  margin-bottom: 5px;
}
.feature-block p {
  margin: 0;
  color: #555;
  font-size: 0.9rem;
  line-height: 1.485;
}

.carousel-container {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
}
.carousel {
  display: flex;
  transition: transform 0.5s ease;
}
.carousel-slide {
  flex: 0 0 100%;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}
.custom-video-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.custom-video-wrapper video {
  width: 100%;
  height: auto;
  display: block;
}
.fade-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0.2), transparent);
}
.carousel-slide h3 {
  margin: 20px 0 10px;
  font-size: 24px;
  color: #333;
}
.carousel-slide p {
  font-size: 15px;
  color: #666;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.485;
}
.carousel-dots {
  text-align: center;
  padding: 10px 0;
}
.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.dot.active {
  background: #333;
}
.cta-button {
  display: inline-flex;
  align-items: center;
  margin-top: 15px;
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 25px;
  font-size: 16px;
  transition: background-color 0.3s;
}
.cta-button:hover {
  background-color: #0056b3;
}
.cta-button svg {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}
</style>

<div class="accordion-section">
  <div class="accordion-title">
    Laser Hair Removal Machines
    <span class="accordion-icon">+</span>
  </div>
  <div class="accordion-content">
    <div class="feature-block">
      <div class="carousel-container">
        <div class="carousel">
          <div class="carousel-slide">
            <div class="custom-video-wrapper">
              <video autoplay muted loop playsinline>
                <source src="https://britishlasers.com/wp-content/uploads/2025/05/nu-erays-product-video-a.mp4" type="video/mp4">
                Your browser does not support the video tag.
              </video>
              <div class="fade-overlay"></div>
            </div>
            <h3>Nu eRays Plus</h3>
            <p>Put the Nu eRays Plus to work in your clinic. FDA-approved and precision-built, this machine delivers consistently smooth treatments with intuitive controls, efficient cooling, and reliable performance across all skin tones.</p>
            <a href="https://britishlasers.com/laser-hair-removal-machine/nu-erays-plus/" class="cta-button">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 4.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
              </svg>
              View the Nu eRays Plus
            </a>
          </div>
          <div class="carousel-slide">
            <div class="custom-video-wrapper">
              <video autoplay muted loop playsinline>
                <source src="https://britishlasers.com/wp-content/uploads/2025/06/nu-trilaze-lite-video.mp4" type="video/mp4">
                Your browser does not support the video tag.
              </video>
              <div class="fade-overlay"></div>
            </div>
            <h3>Nu TriLaze Lite</h3>
            <p>Compact, clever, and built for versatility, the Nu TriLaze Lite brings full 3-in-1 laser technology into even the smallest clinics. With its advanced cooling and ultra-low operating costs, it helps practitioners offer excellent results with comfort and confidence.</p>
            <a href="https://britishlasers.com/laser-hair-removal-machine/nu-trilaze-lite/" class="cta-button">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 4.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
              </svg>
              View the Nu TriLaze Lite
            </a>
          </div>
          <div class="carousel-slide">
            <div class="custom-video-wrapper">
              <video autoplay muted loop playsinline>
                <source src="https://britishlasers.com/wp-content/uploads/2025/06/nu-trilaze-plus-video.mp4" type="video/mp4">
                Your browser does not support the video tag.
              </video>
              <div class="fade-overlay"></div>
            </div>
            <h3>Nu TriLaze Plus</h3>
            <p>Deliver high-performance results with the Nu TriLaze Plus. This advanced 3-in-1 system blends skin analysis, HD targeting, and multiple treatment tips, giving practitioners a fast, versatile solution for safe, effective hair reduction on every skin type.</p>
            <a href="https://britishlasers.com/laser-hair-removal-machine/nu-trilaze-plus/" class="cta-button">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 4.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
              </svg>
              View the Nu TriLaze Plus
            </a>
          </div>
        </div>
        <div class="carousel-dots">
          <span class="dot active" onclick="goToSlide(0)"></span>
          <span class="dot" onclick="goToSlide(1)"></span>
          <span class="dot" onclick="goToSlide(2)"></span>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="accordion-section">
  <div class="accordion-title">
    Laser Tattoo Removal Machine
    <span class="accordion-icon">+</span>
  </div>
  <div class="accordion-content">
    <div class="feature-block">
      <div class="carousel-slide">
        <div class="custom-video-wrapper">
          <video autoplay muted loop playsinline>
            <source src="https://britishlasers.com/wp-content/uploads/2025/06/nu-tatouage-plus-video.mp4">
            Your browser does not support the video tag.
          </video>
          <div class="fade-overlay"></div>
        </div>
        <h3>Nu Tatouage Plus</h3>
        <p>Expand your clinic’s potential with the Nu Tatouage Plus. Designed for quick, effective tattoo clearance, this Q-switched laser handles stubborn inks with ease, while also opening new treatment options for pigmentation and skin tone refinement.</p>
        <a href="https://britishlasers.com/laser-hair-removal-machine/nu-erays-plus/" class="cta-button">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M12 4.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
          </svg>
          View the Nu Tatouage Plus
        </a>
      </div>
    </div>
  </div>
</div>

<div class="accordion-section">
  <div class="accordion-title">
    Next-Gen Tech Features
    <span class="accordion-icon">+</span>
  </div>
  <div class="accordion-content">
    <div class="feature-block">
      <div class="carousel-container">
        <div class="carousel">
          <div class="carousel-slide">
            <div class="custom-video-wrapper">
              <video autoplay muted loop playsinline>
                <source src="https://britishlasers.com/wp-content/uploads/2025/05/nu-erays-product-video-a.mp4" type="video/mp4">
                Your browser does not support the video tag.
              </video>
              <div class="fade-overlay"></div>
            </div>
            <h3>Nu eRays Plus</h3>
            <p>Put the Nu eRays Plus to work in your clinic. FDA-approved and precision-built, this machine delivers consistently smooth treatments with intuitive controls, efficient cooling, and reliable performance across all skin tones.</p>
            <a href="https://britishlasers.com/laser-hair-removal-machine/nu-erays-plus/" class="cta-button">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 4.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
              </svg>
              View the Nu eRays Plus
            </a>
          </div>
          <div class="carousel-slide">
            <div class="custom-video-wrapper">
              <video autoplay muted loop playsinline>
                <source src="https://britishlasers.com/wp-content/uploads/2025/06/nu-trilaze-lite-video.mp4" type="video/mp4">
                Your browser does not support the video tag.
              </video>
              <div class="fade-overlay"></div>
            </div>
            <h3>Nu TriLaze Lite</h3>
            <p>Compact, clever, and built for versatility, the Nu TriLaze Lite brings full 3-in-1 laser technology into even the smallest clinics. With its advanced cooling and ultra-low operating costs, it helps practitioners offer excellent results with comfort and confidence.</p>
            <a href="https://britishlasers.com/laser-hair-removal-machine/nu-trilaze-lite/" class="cta-button">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 4.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
              </svg>
              View the Nu TriLaze Lite
            </a>
          </div>
          <div class="carousel-slide">
            <div class="custom-video-wrapper">
              <video autoplay muted loop playsinline>
                <source src="https://britishlasers.com/wp-content/uploads/2025/06/nu-trilaze-plus-video.mp4" type="video/mp4">
                Your browser does not support the video tag.
              </video>
              <div class="fade-overlay"></div>
            </div>
            <h3>Nu TriLaze Plus</h3>
            <p>Deliver high-performance results with the Nu TriLaze Plus. This advanced 3-in-1 system blends skin analysis, HD targeting, and multiple treatment tips, giving practitioners a fast, versatile solution for safe, effective hair reduction on every skin type.</p>
            <a href="https://britishlasers.com/laser-hair-removal-machine/nu-trilaze-plus/" class="cta-button">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 4.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
              </svg>
              View the Nu TriLaze Plus
            </a>
          </div>
        </div>
        <div class="carousel-dots">
          <span class="dot active" onclick="goToSlide(0)"></span>
          <span class="dot" onclick="goToSlide(1)"></span>
          <span class="dot" onclick="goToSlide(2)"></span>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
document.querySelectorAll('.accordion-title').forEach(title => {
  title.addEventListener('click', () => {
    const currentSection = title.parentElement;
    const currentContent = currentSection.querySelector('.accordion-content');
    const currentIcon = title.querySelector('.accordion-icon');
    const isOpen = currentContent.classList.contains('open');

    // Close all
    document.querySelectorAll('.accordion-content').forEach(content => content.classList.remove('open'));
    document.querySelectorAll('.accordion-icon').forEach(icon => icon.textContent = '+');

    // Toggle current
    if (!isOpen) {
      currentContent.classList.add('open');
      currentIcon.textContent = '−';
    }
  });
});

let currentSlide = 0;
const slides = document.querySelectorAll('.carousel-slide');
const dots = document.querySelectorAll('.dot');

function updateCarousel() {
  const carousel = document.querySelector('.carousel');
  carousel.style.transform = `translateX(-${currentSlide * 100}%)`;
  dots.forEach((dot, index) => {
    dot.classList.toggle('active', index === currentSlide);
  });
}

function goToSlide(index) {
  currentSlide = index;
  updateCarousel();
}

updateCarousel();
</script>/* End custom CSS */