.footer {
 padding: 60px 0;
 background-color: #252525;
 background: url(../img/footer/footer-bg.png) center no-repeat;
 background-size: cover;
}

.footer__columns {
 display: flex;
 justify-content: space-between;
 gap: 40px 20px;
}

.footer__col {
 max-width: 305px;
 width: max-content;
}

.footer__logo {
 line-height: 0;
 margin-bottom: 25px;
 display: block;
}

.footer__logo img {
 min-width: 165px;
 width: 165px;
 height: 51px;
}

.footer__text p,
.footer__copy {
 width: 100%;
 color: rgba(255, 255, 255, 0.7);
 font-size: 14px;
 font-weight: 300;
 line-height: 140%;
}

.footer__text {
 margin-bottom: 25px;
}

.footer__copy {
 margin-bottom: 25px;
}

.footer__link {
 width: fit-content;
 display: block;
 color: #FFF;
 font-size: 13px;
 font-weight: 400;
 line-height: 140%;
 border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}

.footer__link:hover {
 color: #E63737;
 border-bottom: 1px solid #E63737;
}


.footer__menu-title {
 color: #FFF;
 font-size: 17px;
 font-weight: 600;
 line-height: 140%;
 margin-bottom: 12px;
}

.footer__menu-items {
 display: flex;
 flex-direction: column;
 gap: 12px;
}


.footer__menu-item-link {
 color: #FFF;
 font-size: 14px;
 font-weight: 300;
 line-height: 140%;
 width: fit-content;
 transition: all .3s;
 border-bottom: 1px solid transparent;
}

.footer__menu-item-link:hover {
 color: #E63737;
 border-bottom: 1px solid #E63737;
}

.footer__contact-block {
 display: flex;
 gap: 14px;
 margin-bottom: 15px;
}

.footer__contact-icon {
 line-height: 0;
}

.footer__contact-icon svg {
 width: 30px;
 height: 30px;
}

.footer__contact-title {
 color: #FFF;
 font-size: 16px;
 font-weight: 500;
 line-height: 140%;
 margin-bottom: 4px;
 border-bottom: 1px solid transparent;
 transition: all .3s;
}

.footer__contact-text {
 color: #787878;
 font-size: 13px;
 font-weight: 300;
 line-height: 140%;
}

.footer__contact-title--link:hover {
 color: #E63737;
 border-bottom: 1px solid #E63737;
}

.footer__social-title {
 color: #FFF;
 font-size: 16px;
 font-weight: 500;
 margin-bottom: 10px;
}

.footer__social-items {
 display: flex;
 gap: 23px;
}

.footer__social-item {
 display: flex;
 align-items: center;
 gap: 8px;
}

.footer__social-item:hover {
 transform: scale(1.04);
}

.footer__social-item-icon {
 line-height: 0;
}

.footer__social-item-icon svg {
 width: 32px;
 height: 32px;
 aspect-ratio: 1/1;
 transition: all .3s;
}

.footer__social-item-text {
 color: #FFF;
 font-size: 13px;
 font-weight: 600;
 line-height: 140%;
 transition: all .3s;
}

.footer__social-item:hover .footer__social-item-text {
 color: #E63737;
}

.footer__col-mob {
 display: none;
}

.footer__menu-arrow {
 display: none;
}


@media (max-width: 1024px) {
 .footer__columns {
  flex-wrap: wrap;
 }

 .footer__col {
  max-width: 40%;
 }
}

@media (max-width: 768px) {
 .footer__columns {
  flex-direction: column;
  gap: 20px;
 }

 .footer {
  background: url(../img/footer/footer-bg-mob.jpg) center no-repeat;
  background-size: cover;
  padding: 30px 0;
 }

 .footer__col-1 {
  order: 5;
 }

 .footer__col-1 .footer__logo {
  display: none;
 }

 .footer__col {
  max-width: 100%;
  width: 100%;
 }

 .footer__col-mob {
  display: block;
 }

 .footer__logo {
  text-align: center;
  margin-bottom: 0px;
 }

 .footer__logo img {
  min-width: 130px;
  width: 130px;
  height: 40px;
 }

 .footer__menu-title {
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0;
 }

 .footer__menu-arrow {
  display: inline-flex;
  transition: transform 0.3s ease;
 }

 .footer__menu-arrow svg {
  width: 15px;
  height: 15px;
 }

 .footer__menu.active .footer__menu-arrow {
  transform: rotate(180deg);
 }

 .footer__menu-item-link {
  font-size: 13px;
 }

 .footer__menu-items {
  gap: 10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.3s ease;
  opacity: 0;
 }

 .footer__menu.active .footer__menu-items {
  max-height: 300px;
  opacity: 1;
  display: flex;
  padding-top: 10px;
 }

 .footer__contact-block {
  gap: 10px;
  margin-bottom: 10px;
 }

 .footer__contact-title {
  font-size: 14px;
  margin-bottom: 2px;
 }

 .footer__social-title {
  font-size: 14px;
 }

 .footer__social-item-text {
  font-size: 12px;
 }

 .footer__text {
  margin-bottom: 12px;
 }

 .footer__copy {
  margin-bottom: 12px;
 }

 .footer__text p {
  font-size: 12px;
 }

 .footer__copy {
  font-size: 13px;
 }

 .footer__col-menu-info {
  margin-top: -10px;
 }

}