.custom-rotating-banner-wrapper{position:relative;width:100%;height:700px;overflow:hidden}.custom-rotating-banner{position:relative;width:100%;height:100%}.custom-slide{position:absolute;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-in-out;z-index:1}.custom-slide.active{opacity:1;z-index:2}.banner-content{position:absolute;bottom:15%;left:10%;background-color:transparent;padding:20px 30px;max-width:600px;border-radius:8px;animation:fadeInUp 1s ease-out}.banner-content h2{font-size:36px;margin-bottom:10px}.banner-content p{font-size:19px;margin-bottom:15px}.banner-content .btn{padding:10px 18px;border-radius:5px;text-decoration:none;font-weight:700;display:inline-block;transition:all .3s ease;border:2px solid transparent}.banner-nav{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.banner-nav button{pointer-events:all;background-color:transparent;color:#fff;border:none;font-size:32px;padding:10px 18px;cursor:pointer;border-radius:4px;margin:0 10px;transition:color .3s ease;z-index:4}.banner-nav button:hover{color:#fff;background-color:transparent}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.style-white h2,.style-white p{color:#fff}.style-white .btn{background-color:transparent;color:#fff;border:2px solid #ffffff}.style-white .btn:hover{background-color:#fff;color:#000}.style-green h2,.style-green p{color:#14532d}.style-green .btn{background-color:#14532d;color:#fff;border:2px solid #14532d}.style-green .btn:hover{background-color:transparent;color:#14532d}.style-blue .text-area{background:linear-gradient(90deg,#ffffffd1,#ffffffad 55%,#ffffff26);padding:26px 30px;border-radius:14px;max-width:620px}.style-blue h2{margin:0 0 24px;color:#100979;line-height:1.1;font-weight:400;letter-spacing:.2px;text-shadow:0 1px 2px rgb(16,9,121)}.style-blue p{margin:0 0 32px;color:#100979;font-size:2.08rem;font-weight:200;line-height:1.5;text-shadow:0 1px 2px rgb(16,9,121)}.style-blue .btn{display:inline-block;background-color:#100979;color:#fff;border:2px solid rgb(16,9,121);padding:10px 22px;border-radius:6px;text-decoration:none;transition:all .25s ease;font-weight:600}.style-blue .btn:hover{background-color:#fffffff2;color:#100979;border:2px solid rgb(16,9,121)}.sardine-slide{background-position:center center}@media screen and (max-width:768px){.custom-rotating-banner-wrapper{height:280px}.custom-slide{background-size:cover;background-position:center center}.sardine-slide{background-position:40% center}.banner-content{left:5%;bottom:10%;max-width:88%;padding:10px 15px}.banner-content h2{font-size:24px;line-height:1.15;margin-bottom:6px}.banner-content p{font-size:15px;line-height:1.3;margin-bottom:10px}.banner-content .btn{padding:8px 14px;font-size:14px}.banner-nav button{font-size:26px;padding:8px 10px;margin:0 4px}.style-blue .text-area{padding:15px 18px;max-width:90%}.style-blue h2{font-size:24px;margin-bottom:10px}.style-blue p{font-size:15px;line-height:1.35;margin-bottom:14px}.style-blue .btn{padding:8px 14px;font-size:14px}}@media screen and (max-width:480px){.custom-rotating-banner-wrapper{height:250px}.sardine-slide{background-position:38% center}.banner-nav button{font-size:24px;padding:6px 8px;margin:0 2px}.banner-content{left:4%;bottom:8%;padding:8px 10px}.banner-content h2{font-size:21px}.banner-content p{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/custom-rotating-banner.css.map */