.contacts-page__content {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   flex-wrap: wrap;
   gap: 40px;
}
.contacts-list {
   flex: 0 0 340px;
}
.contacts-list__title {
   margin-bottom: 30px;
   max-width: 230px;
   line-height: 1.2;
}
.contacts-list__block {
   border: 1px solid var(--black5);
   padding: 30px;
   border-radius: 33px;
   background: var(--black3);
}
.contacts-list__soc-list {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
   gap: 10px;
   margin-bottom: 20px;
}
.contacts-list__soc-item {
   width: 43px;
   height: 43px;
   cursor: pointer;
}
.contacts-list__soc-item img {
   object-fit: contain;
}
.contacts-list__contact-list {
   display: flex;
   flex-direction: column;
   gap: 15px;
}
.contacts-list__contact-item {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 14px;
   cursor: pointer;
   color: var(--white70);
}

.contacts-page__soc-list {
   width: 340px;
}
.contacts-page__soc-title {
   margin-bottom: 30px;
   line-height: 1.2;
}
.contacts-page__avito {
   margin-top: 30px;
   border: 1px solid var(--black5);
   padding: 8px 22px 8px 8px;
   border-radius: 33px;
   background: var(--black3);
   display: flex;
   flex-direction: row;
   align-items: center;
   position: relative;
}
.contacts-page__avito-img {
   width: 39px;
   height: 39px;
   border-radius: 50%;
   object-fit: cover;
   margin-right: 9px;
}
.contacts-page__avito-text {
   margin-right: 30px;
}
.contacts-page__avito-icon::before {
   content: "\e909";
   position: absolute;
   z-index: 1;
   top: 50%;
   right: 22px;
   transform: translateY(-50%);
   font-size: 14px;
   color: #5e5e5e;
   font-family: "icon" !important;
   speak: never;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.contacts-page__address {
   width: 340px;
}
.contacts-page__address-title {
   margin-bottom: 30px;
   line-height: 1.2;
}
.contacts-page__address-block {
   border: 1px solid var(--black5);
   padding: 15px 40px 15px 20px;
   border-radius: 27px;
   background: var(--black3);
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 20px;
}
.contacts-page__address-icon {
}
.contacts-page__address-column {
   display: flex;
   flex-direction: column;
   gap: 5px;
}
.contacts-page__address-text {
   font-weight: 500;
}
.contacts-page__address-subtext {
   color: var(--white50);
}
@media (max-width: 768px) {
   .contacts-list__block {
      padding: 23px;
   }
   .contacts-list__title {
      margin-bottom: 20px;
   }
   .contacts-list__soc-list {
      margin-bottom: 14px;
   }
   .contacts-page__soc-title {
      margin-bottom: 20px;
   }
   .contacts-page__address-title {
      margin-bottom: 20px;
   }
   .contacts-list__title {
      max-width: 100%;
   }
}
@media (max-width: 460px) {
   .contacts-list {
      flex: 100%;
   }
   .contacts-page__address {
      width: 100%;
      flex: 100%;
   }
   .contacts-page__soc-list {
      width: 100%;
      flex: 100%;
   }
}
