.contact-cards{display:grid;gap:20px;grid-template-columns:1fr;justify-content:center;margin:auto;max-width:768px}.contact-cards.contact-cards_2-col{grid-template-columns:1fr 1fr;max-width:1280px}.contact-card__image-crop{border-radius:50%;height:128px;margin-bottom:10px;margin-right:20px;overflow:hidden;width:128px}@media only screen and (max-width:768px){.contact-cards.contact-cards_2-col{grid-template-columns:1fr}}.contact-cards .white-card{background:var(--white-color)}.contact-cards .whitesmoke-card{background:var(--whitesmoke-color)}.card{border-radius:20px;overflow:hidden;padding:40px;position:relative;transition:width .3s ease}.card-content{align-items:center;display:flex;flex-wrap:wrap;margin-right:15px}.card-content.hasextra{margin-right:60px}@media only screen and (max-width:768px){.card-content{align-items:start;flex-flow:column}.card{margin:0}}.card-content h4{margin-bottom:10px;margin-top:10px;position:relative;width:fit-content}.card-content .p-small{line-height:140%;margin:0}.card-linkedin{border-radius:50%;color:var(--primary-color);font-family:Poppins;font-size:20px;font-weight:700;line-height:20px;padding:5px;position:absolute;right:-40px;text-decoration:none;top:2px}@media only screen and (max-width:768px){.card-linkedin{top:-2px}}.card:hover .card-linkedin{background:var(--violet-color);color:var(--white-color);text-decoration:none}.card-image{flex-shrink:0;min-height:128px;min-width:128px}.info{flex-grow:1}.extra-info{border-radius:0 0 20px 20px;font-family:Calibri;font-size:18px;font-style:normal;font-weight:400;line-height:130%;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.card:hover .extra-info{max-height:300px}.card:hover .close-btn svg{filter:grayscale(100%) brightness(80%);opacity:.5}.card.open .extra-info{max-height:300px}.card.open .card-linkedin{background:var(--violet-color);color:var(--white-color);text-decoration:none}.card.open .close-btn svg{filter:grayscale(100%) brightness(80%);opacity:.5}.close-btn{position:absolute;right:30px;top:30px}