body { opacity:0; } body.front { opacity:1; } body.make { opacity:1; } .banner_text_effect .swiper-button-next, .banner_text_effect .swiper-button-prev { color:#fff; } .banner_text_effect .swiper-button-next:after, .banner_text_effect .swiper-button-prev:after { color:#fff; font-size:20px; } .banner_text_effect.no-prev-next .swiper-button-prev { /* display:none !important;*/ } .banner_text_effect.no-prev-next .swiper-button-next { /* display:none !important;*/ } .banner_text_effect img { filter:brightness(1); } .banner_text_effect span { opacity:0; display:inline-block; min-width:0.5em; letter-spacing:0.1em; text-transform:uppercase; } .banner_text_effect .swiper-slide-active span { animation:fadeIn 1.5s 0.3s both; } .banner_text_effect.fadeInUp .swiper-slide-active span { animation:fadeInUp 1.5s 0.3s both; } .banner_text_effect.fadeInDown .swiper-slide-active span { animation:fadeInDown 1.5s 0.3s both; } .banner_text_effect.fadeInLeft .swiper-slide-active span { animation:fadeInLeft 1.5s 0.3s both; } .banner_text_effect.fadeInRight .swiper-slide-active span { animation:fadeInRight 1.5s 0.3s both; } .e_bannerA-2 .p_btn_next { color: #fff; border-radius: 100%; border: 2px solid #fff; width: 50px; height: 50px; transition: all ease .3s; margin: 0 auto; } .e_bannerA-2 .p_btn_next::after { font-size: 16px; } .e_bannerA-2 .swiper-button-next{ right:5%; } .e_bannerA-2 .swiper-button-prev{ left:5%; } .e_bannerA-2 .p_btn_prev { color: #fff; border-radius: 100%; border: 2px solid #fff; height: 50px; width: 50px; transition: all ease .3s; margin: 10px auto 0; } .e_bannerA-2 .p_btn_prev::after { font-size: 16px; } .e_bannerA-2 .swiper-pagination-bullet { margin: 3px 10px !important; background: hsl(0deg 0% 100% / 40%); opacity: 1; width: 10px; height: 10px; transition: all ease .3s; border-radius: 15px; } .e_bannerA-2 .swiper-pagination-bullet { margin: 3px 10px !important; background: hsl(0deg 0% 100% / 40%); opacity: 1; width: 10px; height: 10px; transition: all ease .3s; border-radius: 15px; } .e_bannerA-2 .swiper-pagination-bullet-active { border-radius: 15px; background:#c7000a; } .e_bannerA-2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; left: 0; width: 100%; } .e_bannerA-2 .p_btn_prev { color: #fff; border-radius: 100%; border: 1px solid #fff; height: 60px; width: 60px; transition: all ease .3s; margin: 0 auto; } .e_bannerA-2 .p_btn_next { color: #fff; border-radius: 100%; border: 1px solid #fff; width: 60px; height: 60px; transition: all ease .3s; margin: 0 auto; }