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