@if($data = $website->moduleSections('flip-sections', 3))

<div id="rs-courses-2" class="rs-courses-2  sec-spacer">
    <div class="container">
        <div class="sec-title-2 text-center">
            <h2 class="mb-30">
                @lang('tr.Centers') &amp; @lang('tr.Units')
            </h2>
        </div>
        <div class="slider-container group">
            <div class="swiper-container centersSlider pb-5 swiper-container-initialized swiper-container-horizontal" dir="ltr">
                <div class="swiper-wrapper" id="swiper-wrapper-65db73d6dd2d5f07" aria-live="off" style="transform: translate3d(0px, 0px, 0px); transition: all 0ms ease 0s;">
                    <div class="swiper-slide swiper-slide-active" style="width: 330px; margin-right: 30px;" role="group" aria-label="1 / 3">
                        <div class="cource-item h-80">
                            <div class="cource-img">
                                <img src="/int/images/career_center.png" class="h-56" alt="center&amp;units-1">
                                <a class="image-link" href="#">
                                    <i class="fa fa-link"></i>
                                </a>
                            </div>
                            <div class="course-body">
                                <div class="course-title text-center">
                                    <a href="http://nasu.edu.eg/more/career-center" class="line-clamp-2">
                                        @lang('tr.Career Center')
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="swiper-slide swiper-slide-next" style="width: 330px; margin-right: 30px;" role="group" aria-label="2 / 3">
                        <div class="cource-item h-80">
                            <div class="cource-img">
                                <img src="/int/images/QA_center.png" class="h-56" alt="center&amp;units-2">
                                <a class="image-link" href="#">
                                    <i class="fa fa-link"></i>
                                </a>
                            </div>
                            <div class="course-body">
                                <div class="course-title text-center">
                                    <a href="http://qaac.asu.edu.eg/" class="line-clamp-2">
                                        @lang('tr.Quality Assurance Center')
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="swiper-slide" style="width: 330px; margin-right: 30px;" role="group" aria-label="3 / 3">
                        <div class="cource-item h-80">
                            <div class="cource-img">
                                <img src="/int/images/asu.png" class="h-56" alt="center&amp;units-3">
                                <a class="image-link" href="#">
                                    <i class="fa fa-link"></i>
                                </a>
                            </div>
                            <div class="course-body">
                                <div class="course-title text-center">
                                    <a href="http://nasu.edu.eg/page/1" class="line-clamp-2">
                                        @lang('tr.Consultancy Units')
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="swiper-pagination !left-2/4 mt-2 !relative swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span>
                    <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span>
                </div>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
            </div>
        </div>
    </div>
</div>
@endif