.SuccessCardMainDiv{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;height:calc(100vh - 100px);padding:10px;font-size:20px;display:flex}.AnimSuccessCard{animation:1s ease-in-out iconSuccessAnim}@keyframes iconSuccessAnim{0%{opacity:0;transform:scale(.5)}50%,to{opacity:1;transform:scale(1)}}.SuccessCardMainDiv .successParas{position:relative}.successParas .success{border:2px solid var(--primaryBtn);background:linear-gradient(90deg,#75ff8700,#88ffa600);background:linear-gradient(to right, var(--primaryBtn) , var(--secondaryColor));background-repeat:no-repeat;background-size:0% 100%;border-radius:30px;padding:5px 45px;animation:10s ease-in-out btnUpgrade}@keyframes btnUpgrade{40%{color:#fff}40%,to{color:#fff;background-size:200% 100%}}.successParas .twitBalls{width:5px;height:5px;top:calc(-15px * var(--i));left:calc(20px * var(--i));background-color:var(--primaryBtn);border-radius:50%;animation:1s ease-in-out infinite twitBallAnim;position:absolute}.success-footer{text-align:center}.success-footer .textfooter{font-size:14px;animation:10s ease-in-out colorChange}@keyframes colorChange{30%,to{color:#ff146e}}@media (max-width:700px){.SuccessCardMainDiv{font-size:17px}}