.serviceCard{text-align:center;color:#fff;cursor:pointer;background-color:#078b8f93;border-radius:20px;flex-flow:column wrap;justify-content:center;align-items:center;width:550px;height:100%;padding:20px;font-size:1.5rem;font-weight:700;transition:all .7s;display:flex;box-shadow:0 0 5px #000000e6}.serviceCards .serviceCard .icon{color:#078b8f93;background-color:#fff;border:2px solid #078b8f93;border-radius:50%;width:20%;padding:20px 0;font-size:3rem}.serviceCards .serviceCard .cardInfo{text-align:center;width:100%;height:100%;padding:20px 0}.serviceCards .serviceCard .cardInfo p{width:90%;padding-left:20px;font-size:1.2rem}.serviceCards .serviceCard .cardInfo h3{width:90%;padding-left:20px;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700}.serviceCards .serviceCard .cardInfo a{color:#078b8f93;background-color:var(--text-color);border-radius:20px;width:90%;margin-left:20px;padding:20px;font-family:Arial,Helvetica,sans-serif;font-size:1.2rem;font-weight:700;transition:all .8s ease-in-out}.serviceCards .serviceCard .cardInfo a:hover{color:#078b8f93}.serviceCards .serviceCard:hover .cardInfo a:after{content:" →"}.serviceCards .serviceCard:hover .icon{color:#fff;background-color:#078b8f93;border:1px solid #fff}.serviceCard:hover .cardInfo a{visibility:visible;color:#078b8f93}.serviceCard:hover,.serviceCard:focus{box-shadow:0 0 15px 10px}@media (max-width:1024px){.serviceCard{width:350px;padding:8px 5px;font-size:1rem}.serviceCards .serviceCard .icon{width:20%;font-size:1.5rem}.serviceCards .serviceCard .cardInfo p{width:80%;padding-left:20px;font-size:.8rem}.serviceCards .serviceCard .cardInfo h3{width:90%;padding-left:20px;font-family:Arial,Helvetica,sans-serif;font-size:1.3rem;font-weight:700}.serviceCards .serviceCard .cardInfo a{color:#078b8f;background-color:var(--text-color);border-radius:20px;width:90%;margin-left:20px;padding:10px 20px;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;transition:all .8s ease-in-out}}