#title{background:linear-gradient(to right,#000 0,transparent 20%,transparent 80%,#000 100%),url(../images/fm/fm-birthday-kid.jpg);background-size:cover;background-position:center;padding:2rem 0}
#title-features{background:linear-gradient(to bottom,#000 0,transparent 20%,transparent 80%,#000 100%),url(../images/pheonix.webp);background-size:cover,125%;background-repeat:no-repeat;background-position:50% 10%;height:60px;padding:3rem 0}
.party-slider-container{max-width:1100px;margin:0 auto;text-align:center;color:#fff;z-index:1}
.party-tabs{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem!important}
.level{position:relative;z-index:0;padding:.5rem 2rem;background:#000;color:#fff;border:none;outline:0;border-radius:5rem;cursor:pointer;font-family:oswald,sans-serif;font-size:1.25rem}
.level:hover{color:var(--accent-color)}
.tab-btn{position:relative;z-index:0;padding:.5rem 3rem;background:#000;color:#fff;border:none;outline:0;border-radius:8px;cursor:pointer;font-family:oswald,sans-serif;font-size:1.5rem}
.tab-btn:before{content:'';background:linear-gradient(45deg,#ff62dd,#fffb00,#48ff00,#00ffd5,#002bff,#b074ff,#ff62dd);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(2px) saturate(1.8);width:calc(100% + 5px);height:calc(100% + 5px);animation:glowing 40s linear infinite;opacity:1;transition:opacity .3s ease-in-out;border-radius:10px}
.tab-btn::after{content:'';position:absolute;inset:0;background:#000;border-radius:8px;z-index:-1}
@keyframes glowing{
0%{background-position:0 0}
50%{background-position:400% 0}
100%{background-position:0 0}
}
.tab-btn:hover{color:var(--accent-color)}
.tab-btn.active a{color:#0af}
.tab-content{display:none}
.tab-content.active{display:block}
.party-layout{display:flex;flex-direction:column;align-items:center;background-color:#0f0f0f;border-radius:12px;gap:1rem;text-align:center;margin-top:3rem;padding:0 2rem;min-height:500px}
.party-image img{max-width:100%;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.5);object-fit:cover}
.party-text h2{font-size:2rem;color:#0af;margin-bottom:.5rem;margin-top:1rem}
.party-text h3{font-size:2.25rem}
.party-text .package-price{color:#0af;font-weight:700;margin-bottom:1rem}
.party-text ul{list-style:none;padding-left:1.5rem;margin-bottom:1.5rem;color:#eee}
.party-text ul li{font-family:Electrolize,sans-serif;font-size:1.35rem;margin-bottom:.5rem}
.wrapper{display:flex;justify-content:center;background:0 0;padding:2rem 0 2rem 0}
.party-btn{display:flex;padding:.5rem 0 .5rem 1rem;text-decoration:none;font-family:oswald,sans-serif;font-size:1.5rem;color:#f5f5f5;background:#000;transition:1s;box-shadow:6px 6px 0 #7017c4;transform:skewX(-15deg);cursor:pointer}
.party-btn:focus{outline:0}
.party-btn:hover{transition:.5s;box-shadow:6px 6px 0 #7017c4;color:#81e958}
.party-btn span:nth-child(2){transition:.5s;margin-right:0}
.party-btn:hover span:nth-child(2){transition:.5s;margin-right:1rem}
.book{transform:skewX(15deg);margin-right:2rem}
.book:nth-child(2){max-width:1rem;margin-left:2rem;position:relative;top:12%}
.party-btn path.one,.party-btn path.three,.party-btn path.two{fill:#fff;transform-origin:left center;transition:transform .4s ease,fill .4s ease}
path.one{transform:translateX(-60%);transition:.4s}
path.two{transform:translateX(-30%);transition:.5s}
.party-btn:hover path.three{animation:color_anim 1s infinite .2s}
.party-btn:hover path.one{transform:translateX(0);animation:color_anim 1s infinite .6s}
.party-btn:hover path.two{transform:translateX(0);animation:color_anim 1s infinite .4s}
@keyframes color_anim{
0%{fill:#0af}
50%{fill:#00ffea}
100%{fill:#84ee59}
}
.package-includes{text-align:center;padding:0 1rem 2rem 1rem}
.includes-grid{display:flex;flex-direction:column;gap:1rem}
.include-item{display:flex;align-items:center;text-align:left;gap:1rem}
.include-item img{max-width:60px;margin:0}
.include-item p{font-size:1.25rem;color:#f5f5f5}

@media (min-width:1050px){
#title{padding:4rem 11rem 4rem 11em}
#title-features{background-size:cover,105%;background-position:50% 10%;height:225px;width:55%;padding:3rem 0}
.party-layout{flex-direction:row;text-align:left;justify-content:center}
.package-title{margin-top:-1rem}
.party-tabs{gap:5rem}
.party-image,.party-text{flex:1}
.party-text{padding-left:2rem}
.package-price,.party-text{font-size:1.75rem}
.tab-btn{font-size:1.75rem;margin-top:2rem}
.party-text h2{font-size:2.5rem}
.party-text ul{list-style:disc}
.party-text ul li{font-size:1.45rem}
.party-text p{margin-top:2rem}
.includes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.25rem}
.include-item{display:block;text-align:center}
.include-item img{max-width:40%;margin-bottom:.75rem}
.include-item p{font-size:1.5rem}
.level{font-size:1.5rem}
}
@media (max-width:1000px){
.party-layout{flex-direction:column;align-items:center;text-align:center;margin:2rem 0 0 0;padding:0;width:100%}
.package-title{margin-top:2rem}
.party-image,.party-text{width:100%;max-width:100%;padding:0}
.include-item{flex-direction:column;align-items:center;text-align:center;gap:.5rem}
.include-item img{margin:0 auto;max-width:30%}
.include-item p{text-align:center}
.party-btn{transform:none;display:block;padding:.5rem 0 .5rem 1rem}
.party-slider-container,.party-tabs{width:95%;margin:0 auto;justify-content:center}
.tab-btn{margin:.5rem auto;display:block;font-size:1.2rem}
}