.service-box-wrap{background:#000;padding:60px 20px;text-align:center}.service-box-wrap .heading h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:10px}.service-box-wrap .heading p{color:#fff;font-size:1.1rem;margin-bottom:40px}.card-services .card-item{height:200px;width:100%}.card-services{display:grid;gap:24px}.card-2,.card-services .card-item h3{color:#fff}.card-2{align-items:center;background:#111827;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.4);display:flex;font-size:20px;font-weight:700;height:320px;justify-content:center;overflow:hidden;padding:20px;position:relative;text-align:center;width:280px}.card-2 .blob{animation:morphBlobs 15s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 30%,var(--primary-gradient),transparent 40%),radial-gradient(circle at 70% 70%,var(--light-blue-gradient),transparent 40%),radial-gradient(circle at 50% 50%,var(--secondary-gradient),transparent 40%);display:block;filter:blur(40px);height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes morphBlobs{0%{transform:scale(1) translate(0) rotate(0deg)}50%{transform:scale(1.2) translate(20%,-15%) rotate(120deg)}to{transform:scale(1) translate(-15%,20%) rotate(1turn)}}.card-2 h3{position:relative;z-index:1}.card-4{align-items:center;animation:flowingWaves 12s ease infinite;background:linear-gradient(270deg,var(--primary-gradient),var(--light-blue-gradient),var(--secondary-gradient));background-size:800% 800%;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.4);color:#fff;display:flex;font-size:20px;font-weight:700;height:320px;justify-content:center;overflow:hidden;padding:20px;position:relative;text-align:center;width:280px}@keyframes flowingWaves{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.card-5{align-items:center;animation:glowShift 10s ease infinite;background:linear-gradient(135deg,var(--primary-gradient),var(--light-blue-gradient),var(--secondary-gradient));background-size:400% 400%;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.5);color:#fff;display:flex;font-size:20px;font-weight:700;height:320px;justify-content:center;overflow:hidden;padding:20px;position:relative;text-align:center;width:280px}@keyframes glowShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.particle{animation:floatParticle linear infinite;background:hsla(0,0%,100%,.8);border-radius:50%;height:6px;position:absolute;width:6px}@keyframes floatParticle{0%{opacity:0;transform:translateY(100%) scale(.6)}30%{opacity:1}to{opacity:0;transform:translateY(-100%) scale(1)}}.tab-nav{display:flex;gap:12px;margin-bottom:30px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;position:relative}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{background:#111;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:1rem;padding:10px 18px;scroll-snap-align:center;transition:all .3s ease;white-space:nowrap}.tab-btn.active{background:linear-gradient(90deg,var(--primary-gradient),var(--light-blue-gradient));font-weight:600}.tab-nav:after,.tab-nav:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:0;z-index:2}.tab-nav:before{background:linear-gradient(90deg,rgba(0,0,0,.8),transparent);left:0}.tab-nav:after{background:linear-gradient(270deg,rgba(0,0,0,.8),transparent);right:0}.tab-inner-text *{color:#fff}.tab-content{border:1px solid #fff;border-radius:0 30px 30px;padding:1.5rem;position:relative}.tab-panel{animation:fadeIn .4s ease-in-out;display:none}.tab-panel.active{display:block}.tab-inner{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.tab-text{flex:1 1 50%}.tab-text h3{font-size:1.3rem;font-weight:600;margin-bottom:15px}.tab-inner-text p,.tab-text p{color:#fff;margin-bottom:15px}.tab-image{flex:1 1 40%;text-align:center}.tab-image img{border-radius:12px;max-width:100%}@media(max-width:768px){.service-box-wrap{padding:60px 0}.card-services{display:grid;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.card-services .card-item{align-items:center;flex:0 0 auto;height:auto;padding:15px;width:45%}.card-services .card-item h3{font-size:16px}.tab-btn{font-size:15px;text-wrap:auto;width:65%}.tab-content{padding:1.5rem .5rem}.tab-inner-text h3{font-size:1.35rem}.tab-inner-text p{font-size:16px!important}}