.hero{background-color:#f0f0f0;position:relative;height:100vh;min-height:400px}.banner-swiper{width:100%;height:100%}.banner-swiper .swiper-slide{height:100%;position:relative}.banner-swiper .container{display:flex;align-items:center;justify-content:space-between;height:100%;position:relative;z-index:2}.hero-content{flex:1;padding-right:40px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);position:relative;z-index:10}.hero-content h2{font-size:18px;color:#fff;margin-bottom:10px}.hero-content h1{font-size:48px;margin-bottom:20px;line-height:1.2}.hero-content p{font-size:18px;margin-bottom:30px;color:rgba(255,255,255,.9)}.hero-content .btn{background-color:rgba(255,255,255,.9);color:#333}.hero-content .btn:hover{background-color:#fff;color:#e63946}.hero-content .btn-primary{background-color:rgba(230,57,70,.9);color:#fff}.hero-content .btn-primary:hover{background-color:#e63946}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-image img{width:100%;height:100%;object-fit:cover;border-radius:0}.swiper-pagination-bullet{width:12px;height:12px;background-color:rgba(255,255,255,.5);opacity:1;transition:all .3s ease}.swiper-pagination-bullet-active{opacity:1;background-color:#fff;transform:scale(1.2)}@media (max-width:1024px){.hero{height:80vh;min-height:500px}.banner-swiper .container{flex-direction:column;text-align:center;justify-content:center}.hero-content{padding-right:0;margin-bottom:0}.hero-content h1{font-size:36px}}@media (max-width:768px){.hero{height:70vh;min-height:400px}.hero-content h1{font-size:28px}.hero-content p{font-size:16px}}@media (max-width:480px){.hero{height:60vh;min-height:350px}.hero-content h1{font-size:24px}}