.namthemewp-banner{position:relative;width:100%;height:500px;background-size:cover;background-position:center;overflow:hidden;opacity:0;transform:translateY(0);transition:opacity .9s ease,transform .9s ease;margin-bottom:30px}.namthemewp-banner.slide-up{transform:translateY(30px)}.namthemewp-banner.slide-down{transform:translateY(-30px)}.namthemewp-banner.slide-left{transform:translateX(-30px)}.namthemewp-banner.slide-right{transform:translateX(30px)}.namthemewp-banner.active{opacity:1;transform:none}.banner-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .15);z-index:1}.banner-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:100%;padding:40px;gap:40px;box-sizing:border-box}.banner-left{position:relative;flex:1 1 50%;max-width:50%;opacity:0;transform:translateY(12px);padding:30px 40px;box-sizing:border-box;overflow:hidden;background:#162635;border-radius:20px}.banner-left::before{content:"";position:absolute;top:-140%;left:40%;width:100px;height:380%;background:conic-gradient(#00e5ff,#00b7ff,#0066ff,#b400fb,#ff00e5,#ff0077,#ff6a00,#ffe600,#00e5ff);filter:drop-shadow(0 0 20px #00e5ff) drop-shadow(0 0 40px #b400fb) drop-shadow(0 0 60px #ff0077);animation:spin 10s linear infinite}.banner-left::after{content:"";position:absolute;inset:2px;background:#162635;border-radius:19px}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.banner-left>*{position:relative;z-index:2}.banner-left h2{font-size:1.5rem;margin-bottom:10px;line-height:1.3}.banner-left p{font-size:1rem;margin:0;line-height:1.5}.banner-right{flex:1 1 50%;max-width:50%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;opacity:0;transform:translateY(12px);transition:transform .9s ease,opacity .9s ease}.namthemewp-banner.active .banner-left,.namthemewp-banner.active .banner-right{opacity:1;transform:none}.circle-btn{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;text-decoration:none;font-weight:600;font-size:.9rem;text-align:center;transition:transform 0.25s ease,box-shadow 0.25s ease;box-shadow:0 4px 10px rgb(0 0 0 / .15)}.circle-btn:hover{transform:scale(1.08);box-shadow:0 6px 15px rgb(0 0 0 / .25)}@media (max-width:992px){.banner-content{flex-direction:column;text-align:center;padding:25px;gap:30px}.banner-left,.banner-right{max-width:100%;flex:1 1 100%}.banner-left{padding:20px}.circle-btn{width:80px;height:80px;font-size:.85rem}}@media (max-width:600px){.banner-content{padding:15px;gap:20px}.banner-left h2{font-size:1.3rem}.banner-left p{font-size:.9rem}.circle-btn{width:80px;height:80px;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.namthemewp-banner,.namthemewp-banner *{transition:none!important;animation:none!important}}