::-webkit-input-placeholder { color: #fff; }

:-moz-placeholder { color: #fff; }

::-moz-placeholder { color: #fff; }

:-ms-input-placeholder { color: #fff; }

.sectionA { margin-top: 55px; }

.sectionA .swiper-container { margin-top: 30px; }

.sectionA .swiper-container .swiper-pagination { position: static; }

.sectionA .swiper-container .swiper-slide ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }

.sectionA .swiper-container .swiper-slide ul li { width: 16.66667%; }

.sectionA .swiper-container .swiper-slide ul li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; border: 1px solid transparent; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; padding: 10px 0; z-index: 2; }

.sectionA .swiper-container .swiper-slide ul li a:hover { border: 1px solid #0069e0; background: #e7f2ff; }

.sectionA .swiper-pagination { position: static; margin-top: 60px; margin-bottom: 60px; }

.sectionA .swiper-pagination .swiper-pagination-bullet { width: 41px; height: 8px; border-radius: 5px; background: #d4d4d4; margin: 0 4.5px; opacity: 1; }

.sectionA .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0069e0; }

@media (max-width: 575px) { .sectionA .swiper-container .swiper-slide ul li { width: 33.33333%; }
  .sectionA .swiper-pagination { margin-top: 30px; margin-bottom: 30px; } }