.contact-page{box-sizing:border-box;max-width:8.125rem;margin:0 auto;padding:.41667rem .3125rem}.contact-page .contact-card{background:#fff;border-radius:.0625rem;width:100%;padding:.20833rem;box-shadow:0 .02083rem .10417rem #0000000f}.contact-page .contact-card__header{text-align:center;margin-bottom:.16667rem}.contact-page .contact-card__header__title{color:#1f2937;margin-bottom:.04167rem;font-size:.125rem;font-weight:700}.contact-page .contact-card__header__subtitle{color:#4b5563;font-size:.08333rem}.contact-page .contact-grid{gap:.20833rem;display:flex}.contact-page .contact-grid .contact-info{flex:1}.contact-page .contact-grid .contact-info__title{color:#1f2937;margin-bottom:.125rem;font-size:.125rem;font-weight:700}.contact-page .contact-grid .contact-info .info-list{flex-direction:column;gap:.125rem;display:flex}.contact-page .contact-grid .contact-info .info-list .info-item{align-items:flex-start;gap:.08333rem;display:flex}.contact-page .contact-grid .contact-info .info-list .info-item .info-icon{background:var(--color-1);width:.25rem;height:.25rem;color:var(--color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-page .contact-grid .contact-info .info-list .info-item .info-text__label{color:#1f2937;margin-bottom:.02083rem;font-size:.08333rem;font-weight:600}.contact-page .contact-grid .contact-info .info-list .info-item .info-text__value{color:#4b5563;font-size:.08333rem}.contact-page .contact-grid .contact-map{flex:1}@media (max-width:768px){.contact-page{max-width:100%;padding:48px 16px}.contact-page .contact-card{border-radius:10px;padding:16px 12px}.contact-page .contact-card__header{margin-bottom:16px}.contact-page .contact-card__header__title{font-size:18px}.contact-page .contact-card__header__subtitle{font-size:12px}.contact-page .contact-grid{flex-direction:column;gap:20px}.contact-page .contact-grid .contact-info__title{margin-bottom:12px;font-size:16px}.contact-page .contact-grid .contact-info .info-list{gap:12px}.contact-page .contact-grid .contact-info .info-list .info-item{gap:10px}.contact-page .contact-grid .contact-info .info-list .info-item .info-icon{width:36px;height:36px}.contact-page .contact-grid .contact-info .info-list .info-item .info-text__label{font-size:13px}.contact-page .contact-grid .contact-info .info-list .info-item .info-text__value{font-size:12px}}