.cardContainer{display:flex;justify-content:space-between;align-items:center;padding:35px 60px;background:linear-gradient(90deg,#331244,#0faaae,#331244);background-size:300% 100%;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;margin:5% 10%;height:auto;min-height:10rem;transition:box-shadow .3s ease;color:#fff;animation:animateBackground 6s infinite}.cardContainer:hover{box-shadow:0 6px 12px rgba(0,0,0,.15)}.content{flex:1 1;font-weight:600}.buttonContainer{display:flex;justify-content:flex-end}.button{padding:10px 20px;background-color:#fff;color:#000;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.button:hover{background-color:#ddd}.animatedText{font-size:2rem}.animatedText,.contact{background:linear-gradient(90deg,#228fd8,#cc008f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:animateBackground 3s infinite;background-size:200% 100%;display:inline-block}.contact{font-size:1.1rem}@keyframes animateBackground{0%{background-position:0 50%}to{background-position:100% 50%}}@media (min-width:320px) and (max-width:575.98px){.content{font-size:1.2rem!important;text-align:center}.cardContainer{padding:5%;display:flex;flex-direction:column}}@media (min-width:576px) and (max-width:767.98px){.content{font-size:1.2rem!important;text-align:center}.cardContainer{padding:4%}}@media (min-width:768px) and (max-width:991.98px){.content{font-size:1.5rem!important;text-align:center}.cardContainer{padding:4%;display:flex;flex-direction:row}}@media (min-width:992px) and (max-width:1199.98px){.cardContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:35px 60px;background:linear-gradient(90deg,#331244,#0faaae,#331244);background-size:300% 100%;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;margin:5% 10%;height:auto;min-height:10rem;transition:box-shadow .3s ease;color:#fff;animation:animateBackground 6s infinite}.cardContainer:hover{box-shadow:0 6px 12px rgba(0,0,0,.15)}.content{flex:1 1;font-weight:600;font-size:2rem}.buttonContainer{display:flex;justify-content:flex-end}.button{padding:10px 20px;background-color:#fff;color:#000;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.button:hover{background-color:#ddd}.animatedText{font-size:2rem}.animatedText,.contact{background:linear-gradient(90deg,#228fd8,#cc008f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:animateBackground 3s infinite;background-size:200% 100%;display:inline-block}.contact{font-size:1.1rem}}@media (min-width:1200px){.cardContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:35px 60px;background:linear-gradient(90deg,#331244,#0faaae,#331244);background-size:300% 100%;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;margin:5% 10%;height:auto;min-height:10rem;transition:box-shadow .3s ease;color:#fff;animation:animateBackground 6s infinite}.cardContainer:hover{box-shadow:0 6px 12px rgba(0,0,0,.15)}.content{flex:1 1;font-weight:600;font-size:2rem}.buttonContainer{display:flex;justify-content:flex-end}.button{padding:10px 20px;background-color:#fff;color:#000;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.button:hover{background-color:#ddd}.animatedText{font-size:2rem}.animatedText,.contact{background:linear-gradient(90deg,#228fd8,#cc008f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:animateBackground 3s infinite;background-size:200% 100%;display:inline-block}.contact{font-size:1.1rem}}.cardContainerContact{padding:35px 200px;background:linear-gradient(90deg,#331244,#0faaae,#331244);background-size:300% 100%;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;margin:5% 10%;height:auto;min-height:10rem;transition:box-shadow .3s ease;color:#fff;animation:animateBackground 6s infinite}.buttonnamelist{width:100%;display:flex;justify-content:center}.contentcontact{flex:1 1;font-weight:600;font-size:2rem;text-align:center;margin:30px 0}