@if(count($sliders) > 0)
    <!-- main-slider -->
    <section class="main-slider">
      <div class="main-slider-carousel owl-carousel owl-theme">
{{--      <div class="main-slider-carousel">--}}
          @foreach($sliders as $slider)
            <div class="slide" style="background-image: url({{ $slider->getFirstMediaUrl('slider_image') }})">
              <div class="overlay"></div>
              <div class="container">
                <div class="content-box">
                  <h4>{{ $slider->transname }}</h4>
                    <p>{!! $slider->transtext !!}</p>
                  <!-- <div class="btn-box"><a href="#" class="theme-btn style-one">Discover More</a></div> -->
                </div>
              </div>
            </div>
          @endforeach
      </div>
    </section>
    <!-- main-slider end -->
@endif