<!-- BEGIN: main -->
<div class="swiper" id="home_menu_{BLOCK_CONFIG.bid}">
    <div class="swiper-wrapper" style="margin-bottom: 15px;">
        <!-- BEGIN: loopcat1 -->
            <div  class="swiper-slide ">
                <div class="menu_ungdung" style="background-image: linear-gradient(to right, #41cdff , #004ae1); height: auto;">
                <a title="{CAT1.note}" href="{CAT1.link}" {CAT1.target}>{CAT1.title}</a>
                </div>
            </div>
        <!-- END: loopcat1 -->  
    </div>
</div> 
<style type="text/css">
 #home_ungdung{margin: auto;padding: 20px 0px 20px 0px; }
.menu_ungdung{background: #0d4e96;text-align: center;height: {BLOCK_CONFIG.height}px; padding: 20px 0 20px 0;overflow: hidden;}
.menu_ungdung a{color: #fff;text-transform: uppercase;font-size: 20px;font-weight: 600;transition: all 1s;}
.menu_ungdung a:hover {font-size: 14px;opacity: 1;transform: scale(1.15, 1.15);-webkit-transform: scale(1.15, 1.15);-moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15);-o-transform: scale(1.15, 1.15);}
</style>    

<link href="{NV_BASE_SITEURL}themes/phubinh_theme/css/swiper.css" rel="stylesheet" />
<!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/sieugroup/tms/assets/tms/js/swiper.js"></script> -->
<script type="text/javascript" src="{NV_BASE_SITEURL}themes/phubinh_theme/js/swiper.js"></script>
 <script>
  var swiper = new Swiper('#home_menu_{BLOCK_CONFIG.bid}', {
      slidesPerView: {BLOCK_CONFIG.d640},
      spaceBetween:10,
      // init: false,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
       breakpoints: {
        640: {
        slidesPerView: {BLOCK_CONFIG.d640},
        spaceBetween: 10,
        },
        768: {
        slidesPerView: {BLOCK_CONFIG.d768},
        spaceBetween: 10,
        },
        1024: {
        slidesPerView: {BLOCK_CONFIG.d1024},
        spaceBetween: 10,
        },
        1124: {
        slidesPerView: {BLOCK_CONFIG.d1124},
          spaceBetween: 10,
        },
      }
    });
  </script> 

<!-- END: main -->

