.contact__container{row-gap:3rem;padding-block:1.5rem 3rem}.contact__img{width:320px;justify-self:center}.contact__data{grid-template-columns:230px;justify-content:center;row-gap:1.5rem}.contact__card{background-color:var(--container-color);border:2px solid var(--gray-border);padding:1.5rem 2rem;text-align:center;transition:border-color .4s}.contact__card:hover{border-color:var(--first-color)}.contact__icon{width:48px;height:48px;background-color:var(--black-color);color:var(--white-color);border-radius:50%;display:grid;place-items:center;font-size:2rem;margin:0 auto 1.25rem}.contact__title{font-size:var(--h2-font-size);margin-bottom:.5rem}.contact__info{font-style:normal}.contact__social{display:flex;justify-content:center;column-gap:1rem}.contact__tel{color:var(--text-color)}.contact__social-link{font-size:1rem;color:#000;transition:transform .4s}.contact__social-link:hover{transform:translateY(-.25rem)}@media screen and (min-width:768px){.contact__data{grid-template-columns:repeat(2,240px)}}@media screen and (min-width:1150px){.contact :is(.section__title,.section__subtitle){text-align:initial}.contact__container{grid-template-columns:(2,max-content);grid-template-columns:530px 515px;justify-content:normal;align-items:flex-start;column-gap:3.5rem;padding-block:3.5rem 4rem}.contact__img{width:530px}.contact__data{gap:2rem}.contact__card{border-width:3px}.contact__title{font-size:var(--h3-font-size)}}