.back,.contacts_page{background:var(--gray)}
.contacts_title{color:rgba(76,120,232,1);font-size:28px;font-weight:600;line-height:1.2;letter-spacing:.04em;text-align:left;margin:0 0 24px}
.contacts_subtitle{color:var(--secondary);font-size:20px;font-weight:700;line-height:1.35;letter-spacing:0;text-align:left;margin:0 0 28px;max-width:90ch}
.contacts_cols{display:grid;grid-template-columns:1fr 1fr 1.25fr;column-gap:32px;row-gap:24px;align-items:start}
.contacts_col{align-self:start;display:flex;flex-direction:column;gap:10px}
.col_heading{margin:0 0 8px;color:var(--secondary);font-size:14px;font-weight:400;line-height:17px;letter-spacing:.04em;text-align:left}
.contact_item{display:flex;align-items:flex-start;gap:12px}
.item_icon{width:18px;height:18px;flex:0 0 18px}
.item_text{color:var(--secondary);font-size:16px;font-weight:700;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere}
.contacts_col .contact_item a[href^="tel"],.contacts_col .contact_item a[href^="mailto"]{position:relative;display:inline-block;padding-bottom:3px;transition:color .2s ease}
.contacts_col .contact_item a[href^="tel"]::after,.contacts_col .contact_item a[href^="mailto"]::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:rgba(76,120,232,1);transition:width .22s ease}
.contacts_col .contact_item a[href^="tel"]:hover,.contacts_col .contact_item a[href^="mailto"]:hover{color:rgba(76,120,232,1)}
.contacts_col .contact_item a[href^="tel"]:hover::after,.contacts_col .contact_item a[href^="mailto"]:hover::after{width:100%}
.contacts_col .contact_item a[href^="tel"]:focus-visible,.contacts_col .contact_item a[href^="mailto"]:focus-visible{outline:none;color:rgba(76,120,232,1)}
.contacts_col .contact_item a[href^="tel"]:focus-visible::after,.contacts_col .contact_item a[href^="mailto"]:focus-visible::after{width:100%}
.item_label{color:rgba(76,120,232,1);font-weight:700}
.map_placeholder{width:100%;height:320px;border-radius:8px;background:#e9edf7;border:1px dashed rgba(76,120,232,.35);color:rgba(84,84,84,.9);font:600 14px/1 Inter,Arial,sans-serif;display:grid;place-items:center;overflow:hidden}
.map_placeholder iframe{display:block;width:100%;height:100%;border:0}
@media (max-width:1400px){.contacts_cols{column-gap:28px}.map_placeholder{height:300px}}
@media (max-width:1200px){
  .contacts_cols{grid-template-columns:1fr 1fr;row-gap:20px;column-gap:24px}
  .contacts_col:last-child{grid-column:1/-1}
  .map_placeholder{height:300px}
}
@media (max-width:1036px){
  .sections.contacts_page{padding:28px 16px}
  .contacts_title{font-size:26px;margin-bottom:18px}
  .contacts_subtitle{font-size:18px;margin-bottom:18px}
  .item_text{font-size:15.5px}
}
@media (max-width:760px){
  .contacts_cols{grid-template-columns:1fr;row-gap:18px}
  .contacts_subtitle{margin-bottom:14px}
  .map_placeholder{height:260px}
}
@media (max-width:426px){
  .sections.contacts_page{padding:24px 12px}
  .contacts_title{font-size:22px;margin-bottom:14px}
  .contacts_subtitle{font-size:16px;line-height:1.3;margin-bottom:12px}
  .col_heading{font-size:13px;line-height:16px}
  .contact_item{gap:10px}
  .item_icon{width:16px;height:16px;flex-basis:16px}
  .item_text{font-size:14.5px;line-height:1.3}
  .map_placeholder{height:230px}
}
@media (max-width:375px){
  .contacts_title{font-size:20px}
  .contacts_subtitle{font-size:15px}
  .item_text{font-size:14px}
  .map_placeholder{height:210px}
}
@media (max-width:320px){
  .sections.contacts_page{padding:20px 8px}
  .contacts_title{font-size:19px;margin-bottom:10px}
  .contacts_subtitle{font-size:14px;margin-bottom:10px}
  .item_icon{width:15px;height:15px;flex-basis:15px}
  .item_text{font-size:13.5px}
  .map_placeholder{height:190px}
}