.icon-with-animated-border_container{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;margin-top:2rem}@media (max-width: 768px){.icon-with-animated-border_container{gap:1rem;flex-direction:column;width:100vw}}@media (min-width: 768px){.icon-with-animated-border_container::after{content:"";background:#d2daed;width:100vw;height:300px;position:absolute;z-index:-10}}.icon-with-animated-border{display:flex;flex-direction:column;align-items:center;color:#224C98;font-weight:bold}.icon-container{width:160px;height:160px;padding:2rem;display:flex;justify-content:center;align-items:center;border:4px solid;border-image:linear-gradient(#4351bb, #224C98) 8;-webkit-mask:conic-gradient(from 180deg at top 8px right 8px, #3642a2 90deg, #3642a2 0) var(--_i, 200%) 0 /200% var(--_i, 8px) border-box no-repeat, conic-gradient(at bottom 8px left 8px, #3642a2 90deg, #3642a2 0) 0 var(--_i, 200%)/var(--_i, 8px) 200% border-box no-repeat, linear-gradient(#3642a2 0 0) padding-box no-repeat;transition:0.3s, -webkit-mask-position 0.3s 0.3s}.icon-container img{height:auto;width:100%}.icon-container:hover{--_i: 100%;transition:0.3s, -webkit-mask-size 0.3s 0.3s}.title{margin-top:1rem;text-align:center}#site-152 .icon-with-animated-border_container::after{background:none}