<div class="slider-responsibility">
  <div class="slider-responsibility__row-title">
    <div class="container">
      <div class="slider-responsibility__title titleXL">Our corporate social responsibility (CSR) milestones</div>
    </div>
  </div>
  <div class="slider-responsibility__row-content">
    <div class="container">
      <div class="slider-responsibility__inner">
        <div class="slider-responsibility__inner-title titleL">Environmental protection</div>
        <div class="slider-responsibility__inner-desc defaultBase">At Quadcode, we strive to reduce our ecological footprint and balance human and environmental needs by minimizing the use of resources, energy, and waste at the workplace. </div>
        <div class="slider-responsibility__slider-content">
          <div class="slider-responsibility__video">
            <video class="slider-responsibility__video--sustainability" muted preload playsinline loop poster="../../assets/resource/sustainability/Slide1.png">
              <source src="../../assets/resource/sustainability/QCS_Eco6.mp4" type="video/mp4">
            </video>
          </div>
          <div class="swiper slider-responsibility__swiper">
            <!-- Additional required wrapper -->
            <div class="swiper-wrapper slider-responsibility__wrapper">
              <!-- Slides -->
              <div class="swiper-slide slider-responsibility__slide">
                <div class="slide-responsibility">
                  <div class="slide-responsibility__number">1</div>
                  <div class="slide-responsibility__title titleM">Environmental awareness</div>
                  <div class="slide-responsibility__desc defaultBase">We are proud to keep our employees aware and participating in charity and eco initiatives. We hold lectures on recycling, food sharing, blood and bone marrow donation, etc.</div>
                </div>
              </div>
              <div class="swiper-slide slider-responsibility__slide">
                <div class="slide-responsibility">
                  <div class="slide-responsibility__number">2</div>
                  <div class="slide-responsibility__title titleM">Quadcode eco-office</div>
                  <div class="slide-responsibility__desc defaultBase">We recycle all our Coke cans, plastic bottles and caps, glass, old bulbs, batteries and other waste. We also support the transition to a low carbon economy by using green data servers powered by renewable energy.</div>
                </div>
              </div>
              <div class="swiper-slide slider-responsibility__slide">
                <div class="slide-responsibility">
                  <div class="slide-responsibility__number">3</div>
                  <div class="slide-responsibility__title titleM">Green initiatives</div>
                  <div class="slide-responsibility__desc defaultBase">Quadcode teams up with the Together Cyprus foundation — the most successful network of volunteers in Cyprus that runs multiple environmental and social initiatives.</div>
                </div>
              </div>
              <div class="swiper-slide slider-responsibility__slide slider-responsibility__slide--last">
                <div class="slide-responsibility">
                  <div class="slide-responsibility__number">4</div>
                  <div class="slide-responsibility__title titleM">Volunteer outings</div>
                  <div class="slide-responsibility__desc defaultBase">Quadcoders regularly gather up for community volunteer work like going out to pick garbage on the streets, helping to keep public places clean and enjoyable for the citizens.</div>
                </div>
              </div>
            </div>
          </div>
          <!-- If we need pagination -->
          <div class="pagination pagination--responsibility"></div>
        </div>
      </div>
    </div>
  </div>
</div>