/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/scss/blocks/contacts.scss ***!
  \*********************************************************************************************************************************************************************/
:root {
  --theme-main-font: "Roboto ", sans-serif;
  --theme-second-font: "Montserrat", sans-serif;
}

.contacts__content {
  font-style: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 32px;
}
.contacts__content--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
.contacts__content--item.social {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.contacts__content--item.social .messengers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.contacts__content .title {
  font-family: Roboto;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
}
.contacts__content .value {
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  color: #525252;
}

@media (max-width: 768px) {
  .contacts__content {
    row-gap: 16px;
  }
  .contacts__content--item.social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}