.contact-title{margin-top:2.5rem;margin-bottom:2.5rem;text-align:center;font-weight:700;color:#2087ca;font-size:2rem}.contact-list{margin-top:5rem;margin-bottom:9rem;display:flex}.contact-list>li{grid-column:span 3 / span 3;margin-left:.5rem;margin-right:.5rem;margin-top:1.25rem;display:inline-block;width:100%;border-radius:.375rem;text-align:center}.contact-list .contact-icon{border-radius:9999px;padding:1.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));font-size:2.8em;background-color:#2087ca;transition:all .4s ease-out}.contact-info{margin-top:2rem;display:inline-block;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:1.5rem;text-align:center;font-size:1.25rem;line-height:1.75rem;color:#2087ca;width:100%;height:120px;transition:background-color .2s ease-out}.contact-list>li:hover .contact-icon{margin-top:-2rem;background-color:unset;font-size:3.4em;font-weight:700;color:#2087ca}.contact-list>li:hover .contact-info{background-color:#399aaf;background-image:linear-gradient(45deg,#a7eeee,#2f99ba 30%,#1780d2 75%,#2f92ba);color:#fff}.contact-info .contact-info-title{display:block;font-size:1.5rem;line-height:2rem;font-weight:700}@media (max-width: 768px){.contact-list{display:block}.contact-list>li{margin-left:0;margin-right:0;background-color:#2087ca}.contact-info{margin-top:0;padding-top:0;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background-color:unset}.contact-title{font-size:1.5rem}.contact-list>li:hover .contact-icon{margin-top:0;background-color:unset;font-size:2.8em;font-weight:400;color:#fff}.contact-list>li:hover .contact-info{background-color:unset;background-image:unset;color:#fff}}