#what-we-do-cards-grid{display:grid;height:fit-content;grid-template-columns:1fr;--card-width: 70vw;--card-height: 150px;--card-margin: 15px;--borders-width: calc(var(--card-width) + (var(--card-margin) * 2));--borders-height: calc(var(--card-height) + (var(--card-margin) * 2))}@media(min-width:1024px){#what-we-do-cards-grid{grid-template-columns:auto auto auto;grid-template-rows:1fr 1fr;--card-width: 230px;--card-height: 180px}#what-we-do-cards-grid>div:nth-child(2){display:flex;align-items:center;justify-content:center}}#what-we-do-cards-grid>div{display:flex;justify-content:center;align-items:center}.about-card{width:var(--card-width);height:var(--card-height);border-radius:var(--radius-md);margin:var(--card-margin);transition:.2s}.about-card-border{width:var(--borders-width);height:var(--borders-height);border-radius:var(--radius-lg);border:5px solid;border-color:#0000;transition:.2s}.about-card:hover{width:calc(var(--card-width) + 4px);height:calc(var(--card-height) + 4px);margin:calc(var(--card-margin) - 2px);font-size:1.1em}.about-card:hover~.about-card-border{border-color:var(--color-primary-dark);width:calc(var(--card-width) + 22px);height:calc(var(--card-height) + 22px);margin:calc(var(--card-margin) - 11px)}@media(min-width:1024px){.what-we-do-center{--card-width: 300px;--card-height: 430px;--card-margin: 15px;--borders-width: calc(var(--card-width) + (var(--card-margin) * 2));--borders-height: calc(var(--card-height) + (var(--card-margin) * 2))}}