.contact{padding:80px 0 120px}.contact__card{background:#e3ebee;border-radius:28px;grid-template-columns:1fr minmax(0,370px);align-items:center;gap:60px;padding:60px clamp(36px,7vw,100px) 88px;display:grid}.contact__text .tag{margin-bottom:26px}.contact__text .h2{margin-bottom:40px}.contact__text p{color:var(--muted);max-width:440px;margin:0;font-size:14.5px;line-height:1.7}.info-list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.info-card{background:var(--bg);min-height:132px;transition:background .5s var(--ease), color .5s, box-shadow .5s var(--ease), transform .5s var(--ease);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:24px 36px;display:flex}.info-card h3{text-transform:uppercase;margin:0 0 10px;font-size:20px;font-weight:600}.info-card p{color:var(--muted);margin:0;font-size:14px;transition:color .5s}.info-card a{transition:color .3s}.info-card a:hover{color:var(--green)}.info-card__ico{width:62px;height:62px;color:var(--navy);transition:background .5s, color .5s, transform .6s var(--ease);background:#dfe8eb;border-radius:50%;flex:none;place-items:center;display:grid}.info-card__ico svg{fill:currentColor;width:22px;height:22px}.info-card.is-active,.info-card:hover{background:var(--navy);color:#fff;box-shadow:0 25px 45px -30px #0c4860cc}.info-card.is-active p,.info-card:hover p{color:#ffffffd9}.info-card.is-active .info-card__ico,.info-card:hover .info-card__ico{background:var(--green);color:#fff}.info-card:hover{transform:translate(-6px)}.info-card:hover .info-card__ico{transform:rotate(-12deg)scale(1.06)}.info-list:hover .info-card.is-active:not(:hover){background:var(--bg);color:var(--navy);box-shadow:none}.info-list:hover .info-card.is-active:not(:hover) p{color:var(--muted)}.info-list:hover .info-card.is-active:not(:hover) .info-card__ico{color:var(--navy);background:#dfe8eb}@media (max-width:900px){.contact__card{grid-template-columns:1fr;gap:40px;padding:40px 36px}.info-card:hover{transform:none}}@media (max-width:600px){.contact{padding:64px 0 80px}.contact__card{gap:32px;padding:28px 20px}.contact__text .h2{margin-bottom:24px}.info-list{gap:12px}.info-card{min-height:0;padding:20px 22px}.info-card h3{margin-bottom:6px;font-size:17px}.info-card p{font-size:13px}.contact__text p{font-size:13.5px}.info-card__ico{width:50px;height:50px}}