#enter-recharge{color:#f7c7ff;cursor:pointer;left:0;padding:10px;position:fixed;top:0;z-index:1000}#enter-recharge:hover{color:#e73c7e;text-shadow:0 0 5px #e73c7e,0 0 10px #e73c7e,0 0 20px #e73c7e}.fa-diamond{margin-right:5px}*{box-sizing:border-box;margin:0;padding:0}body{animation:gradient 15s ease infinite;background:linear-gradient(45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;color:#fff;font-family:Arial,sans-serif;overflow-x:hidden}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}header{background:rgba(0,0,0,.5);padding:2rem;position:relative;text-align:center}header h1{color:#fff;font-size:2rem;margin-bottom:0;text-transform:uppercase}.container{margin:0 auto;max-width:1200px;padding:2rem}.service-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service{background:rgba(0,0,0,.7);border-radius:10px;height:24.66rem;max-width:26.66rem;overflow:hidden;padding:2rem;position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.service:before{background:linear-gradient(45deg,rgba(255,0,0,.1),rgba(0,255,0,.1),rgba(0,0,255,.1));content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out}.service:hover{box-shadow:0 10px 20px rgba(0,0,0,.3);transform:translateY(-5px)}.service:hover:before{opacity:1}.service-icon{color:#fff;display:inline-block;font-size:3rem;margin-bottom:.666rem;padding-right:.666rem;text-align:center}.service-title{color:#fff;font-size:1.5rem;margin-bottom:.5rem;text-transform:uppercase}.service-title a{color:inherit;text-decoration:none}.service-description{font-size:1rem;line-height:1.5;opacity:.8}.service-features{list-style:none;margin-top:1rem;padding:0}.service-features li{margin-bottom:.5rem;padding-left:2rem;position:relative}.service-features li i{color:#fff;font-size:.8rem;left:0;position:absolute}.service-price{font-size:1.2rem;font-weight:700;margin-top:1rem}.trigger-modal{background:linear-gradient(45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);border:none;border-radius:4px;bottom:0;color:#fff;cursor:pointer;display:inline-block;font-weight:700;margin:.866rem 0;padding:10px 20px;position:absolute;text-transform:uppercase;transition:background .3s ease-in-out}.trigger-modal:hover{background:linear-gradient(45deg,#e73c7e,#23a6d5,#23d5ab,#ee7752)}@media (max-width:768px){.service-grid{grid-template-columns:1fr}}.modal{align-items:center;background-color:rgba(0,0,0,.5);display:none;height:100vh;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}#close{color:#f1f1f1;font-size:40px;font-weight:700;position:absolute;right:35px;top:15px;transition:.3s}#close:focus,#close:hover{color:#bbb;cursor:pointer;text-decoration:none}.modal.show{display:block}#image-container{align-items:center;display:none;flex-direction:column;text-align:center}#image-container img{box-shadow:0 0 10px rgba(0,0,0,.5);height:auto;margin-top:1.66rem;max-width:50%}.service-bottom-right{align-items:center;background-color:hsla(0,0%,100%,.2);border-radius:50%;bottom:1rem;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;transition:all .3s ease-in-out}.service-bottom-right i{color:#fff;font-size:1.5rem}.service-bottom-right:hover{background-color:hsla(0,0%,100%,.4);transform:scale(1.1)}