/**
 * Footer Section Styles
 */

.footer {
  background: #2cff80 !important;
  justify-content: center;
  width: 100%;
  height: auto;
  overflow: hidden;
  flex-shrink: 0;
  padding-top: 0 !important;
}

.footer.section {
  height: auto;
  padding-bottom: 0;
}

.footer__container {
  padding: 64px 92px 64px 88px;
  position: relative;
}

.footer__legal.mobile {
  display: none;
}

.footer__block {
  margin-left: 65px;
  display: flex;
  align-items: flex-start;
  gap: 113px;
  position: relative;
}

.footer__block > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  width: 694px;
}

.footer__phone {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.footer__address {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.footer__address.mobile {
    display: none;
}

.footer__address .footer__link {
  font-size: 36px;
}

.footer__link {
  color: #000;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.footer__link:hover {
  text-decoration: none;
  color: #000;
  opacity: 0.8;
}

.footer__title {
  color: rgba(29, 30, 34, 0.5);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.15;
}

.footer__mail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.footer__social {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer__social ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 21px;
  flex-wrap: wrap;
}

.footer__social li {
  list-style: none;
}

.footer__social li a {
  display: flex;
  width: 50px;
  height: 50px;
  aspect-ratio: 1;
}

.footer__social li a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
}

.footer__social li a:hover {
  text-decoration: none;
  opacity: 0.6;
}

.footer__block::after {
  content: '';
  width: 21px;
  height: auto;
  aspect-ratio: 0.074468;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='282' fill='none' viewBox='0 0 21 282'%3e%3cg fill='%23000' opacity='.2'%3e%3cpath d='M3.563 5.958v23.625a.14.14 0 0 1-.063.125c-.028.042-.062.063-.104.063H.188a.2.2 0 0 1-.146-.063c-.028-.027-.042-.07-.042-.125V5.958C0 4.306.576 2.896 1.73 1.73 2.895.576 4.305 0 5.957 0h8.917c1.653 0 3.056.576 4.208 1.73 1.167 1.166 1.75 2.576 1.75 4.228v23.625a.14.14 0 0 1-.062.125.14.14 0 0 1-.125.063h-3.209c-.041 0-.083-.021-.125-.063-.027-.027-.041-.07-.041-.125V5.958c0-.5-.18-.923-.542-1.27a1.705 1.705 0 0 0-1.25-.521H5.354c-.486 0-.91.173-1.27.52a1.73 1.73 0 0 0-.521 1.271ZM20.833 59.854c0 1.653-.583 3.056-1.75 4.209-1.152 1.166-2.555 1.75-4.208 1.75H5.958c-1.652 0-3.062-.584-4.229-1.75C.576 62.91 0 61.507 0 59.853V42c0-1.639.576-3.042 1.73-4.208 1.166-1.167 2.576-1.75 4.228-1.75h8.917c1.653 0 3.056.583 4.208 1.75 1.167 1.166 1.75 2.57 1.75 4.208v17.854Zm-5.354 1.792c.486 0 .903-.174 1.25-.521.361-.347.542-.77.542-1.27V42c0-.486-.18-.91-.542-1.27a1.705 1.705 0 0 0-1.25-.522H5.354c-.486 0-.91.174-1.27.521-.348.361-.521.785-.521 1.271v17.854c0 .5.173.924.52 1.271.361.347.785.52 1.271.52H15.48ZM.167 72.083h14.708c1.639 0 3.042.584 4.208 1.75 1.167 1.167 1.75 2.57 1.75 4.209v17.854c0 1.653-.583 3.055-1.75 4.208-1.166 1.167-2.57 1.75-4.208 1.75H.167c-.042 0-.084-.021-.125-.062-.028-.028-.042-.07-.042-.125v-3.792c0-.056.014-.104.042-.146a.224.224 0 0 1 .125-.041h15.291c.5 0 .924-.174 1.271-.521.347-.348.521-.771.521-1.271V78.042c0-.486-.174-.91-.52-1.271a1.73 1.73 0 0 0-1.272-.521H.167c-.042 0-.084-.02-.125-.063A.141.141 0 0 1 0 76.084v-3.812c0-.056.014-.104.042-.146a.224.224 0 0 1 .125-.042ZM20.646 108.125c.055 0 .097.014.125.042.041.041.062.083.062.125v29.416c0 .042-.02.077-.062.104a.14.14 0 0 1-.125.063h-3.209c-.041 0-.083-.021-.125-.063a.14.14 0 0 1-.041-.104v-12.625H.188a.198.198 0 0 1-.146-.062.142.142 0 0 1-.042-.104v-3.813a.26.26 0 0 1 .042-.146.262.262 0 0 1 .146-.041H17.27v-12.625c0-.042.014-.084.041-.125a.223.223 0 0 1 .125-.042h3.209ZM14.896 144.125c1.639 0 3.035.576 4.187 1.729 1.167 1.167 1.75 2.577 1.75 4.229v17.855c0 1.638-.583 3.041-1.75 4.208-1.152 1.166-2.548 1.75-4.187 1.75H.188a.2.2 0 0 1-.146-.063c-.028-.027-.042-.069-.042-.125v-3.812c0-.042.014-.084.042-.125a.255.255 0 0 1 .146-.042h6.666v-21.437H.188a.2.2 0 0 1-.146-.063.14.14 0 0 1-.042-.104v-3.813c0-.055.014-.104.042-.145a.255.255 0 0 1 .146-.042h14.708Zm-4.48 25.604h5.063c.5 0 .924-.18 1.271-.541.347-.348.52-.764.52-1.25v-17.855c0-.5-.173-.923-.52-1.271a1.73 1.73 0 0 0-1.27-.52h-5.063v21.437ZM3.563 186.125v23.625a.14.14 0 0 1-.063.125c-.028.042-.063.063-.104.063H.188a.203.203 0 0 1-.146-.063c-.028-.028-.042-.069-.042-.125v-23.625c0-1.653.576-3.062 1.73-4.229 1.166-1.153 2.576-1.729 4.228-1.729h8.917c1.653 0 3.056.576 4.208 1.729 1.167 1.167 1.75 2.576 1.75 4.229v23.625a.14.14 0 0 1-.062.125.14.14 0 0 1-.125.063h-3.209c-.041-.001-.083-.021-.125-.063-.027-.028-.041-.069-.041-.125v-23.625c0-.5-.18-.924-.542-1.271a1.706 1.706 0 0 0-1.25-.521H5.354c-.486 0-.91.174-1.27.521a1.73 1.73 0 0 0-.521 1.271ZM20.646 216.208c.055 0 .097.014.125.042.041.042.062.083.062.125v29.417c0 .041-.02.076-.062.104-.028.042-.07.062-.125.062h-3.209c-.041 0-.083-.02-.125-.062a.142.142 0 0 1-.041-.104v-12.625H.188a.2.2 0 0 1-.146-.063A.14.14 0 0 1 0 233v-3.812c0-.056.014-.105.042-.146A.255.255 0 0 1 .188 229H17.27v-12.625c0-.042.014-.083.041-.125a.223.223 0 0 1 .125-.042h3.209ZM15.48 256.375H14c-.5 0-.924.174-1.27.521-.348.347-.522.764-.522 1.25v17.875c0 1.639-.583 3.035-1.75 4.187-1.152 1.167-2.555 1.75-4.208 1.75h-.292c-1.639 0-3.041-.583-4.208-1.75C.583 279.056 0 277.66 0 276.021v-22.458c0-.042.014-.084.042-.125a.255.255 0 0 1 .146-.042h3.208c.055 0 .097.014.125.042.042.041.062.083.062.125v22.458c0 .486.174.903.521 1.25.347.347.764.521 1.25.521h1.5c.486 0 .903-.174 1.25-.521.361-.347.542-.764.542-1.25v-17.875c0-1.639.576-3.042 1.729-4.208 1.167-1.153 2.57-1.73 4.208-1.73h.313c1.639 0 3.035.577 4.187 1.73 1.167 1.166 1.75 2.569 1.75 4.208v22.458c0 .042-.02.077-.062.104-.028.042-.063.063-.104.063h-3.23c-.041 0-.083-.021-.125-.063a.14.14 0 0 1-.041-.104v-22.458c0-.486-.174-.903-.521-1.25a1.73 1.73 0 0 0-1.27-.521Z'/%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: -30px;
  top: 0;
  z-index: 2;
}

.footer__container::before {
  content: '';
  width: 10px;
  height: auto;
  aspect-ratio: 0.030488;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='328' fill='none' viewBox='0 0 10 328'%3e%3cpath fill='%23000' d='M2.113 125.655H0v-2.788l2.113-2.113h7.749v2.113H3.306a.587.587 0 0 0-.428.185l-.605.643a.588.588 0 0 0-.16.403v1.557Z'/%3e%3cpath fill='%23000' d='M2.113 120.783H0v-2.788l2.113-2.114h7.749v2.114H3.306a.586.586 0 0 0-.428.184l-.605.644a.587.587 0 0 0-.16.402v1.558ZM2.113 327.823H0v-2.789l2.113-2.113h7.749v2.113H3.306a.587.587 0 0 0-.428.185l-.605.644a.586.586 0 0 0-.16.402v1.558Z'/%3e%3cpath fill='%23000' d='M2.113 322.95H0v-2.788l2.113-2.113h7.749v2.113H3.306a.59.59 0 0 0-.428.184l-.605.644a.588.588 0 0 0-.16.403v1.557ZM2.113 9.774H0V6.986l2.113-2.114h7.749v2.114H3.306a.587.587 0 0 0-.427.184l-.606.644a.587.587 0 0 0-.16.402v1.558Z'/%3e%3cpath fill='%23000' d='M2.113 4.902H0V2.113L2.113 0h7.749v2.113H3.306a.587.587 0 0 0-.427.185l-.606.644a.587.587 0 0 0-.16.402v1.558ZM2.113 81.274H0v-2.788l2.113-2.114h7.749v2.114H3.306a.587.587 0 0 0-.428.184l-.605.644a.587.587 0 0 0-.16.403v1.557Z'/%3e%3cpath fill='%23000' d='M2.113 76.402H0v-2.789L2.113 71.5h7.749v2.113H3.306a.587.587 0 0 0-.428.185l-.605.644a.587.587 0 0 0-.16.402v1.558Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  /*left: 60px;*/
  top: 40px;
  z-index: 2;
}

.footer__legal_name {
  color: var(--dashboard-small, rgba(29, 30, 34, 0.5));
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 115.5%;
}

.footer__decorated {
  position: relative;
}

.footer__decorated::after {
  content: "";
  position: absolute;
  right: 0;
  width: 10px;
  height: auto;
  margin-top: -24px;
  aspect-ratio: 0.030488;


  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='328' fill='none' viewBox='0 0 10 328'%3e%3cpath fill='%23000' d='M2.113 125.655H0v-2.788l2.113-2.113h7.749v2.113H3.306a.587.587 0 0 0-.428.185l-.605.643a.588.588 0 0 0-.16.403v1.557Z'/%3e%3cpath fill='%23000' d='M2.113 120.783H0v-2.788l2.113-2.114h7.749v2.114H3.306a.586.586 0 0 0-.428.184l-.605.644a.587.587 0 0 0-.16.402v1.558ZM2.113 327.823H0v-2.789l2.113-2.113h7.749v2.113H3.306a.587.587 0 0 0-.428.185l-.605.644a.586.586 0 0 0-.16.402v1.558Z'/%3e%3cpath fill='%23000' d='M2.113 322.95H0v-2.788l2.113-2.113h7.749v2.113H3.306a.59.59 0 0 0-.428.184l-.605.644a.588.588 0 0 0-.16.403v1.557ZM2.113 9.774H0V6.986l2.113-2.114h7.749v2.114H3.306a.587.587 0 0 0-.427.184l-.606.644a.587.587 0 0 0-.16.402v1.558Z'/%3e%3cpath fill='%23000' d='M2.113 4.902H0V2.113L2.113 0h7.749v2.113H3.306a.587.587 0 0 0-.427.185l-.606.644a.587.587 0 0 0-.16.402v1.558ZM2.113 81.274H0v-2.788l2.113-2.114h7.749v2.114H3.306a.587.587 0 0 0-.428.184l-.605.644a.587.587 0 0 0-.16.403v1.557Z'/%3e%3cpath fill='%23000' d='M2.113 76.402H0v-2.789L2.113 71.5h7.749v2.113H3.306a.587.587 0 0 0-.428.185l-.605.644a.587.587 0 0 0-.16.402v1.558Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 2;
}

.footer__legal_wrapper {
  height: 285px;
  justify-content: space-between;
}

.footer__play_btn {
  background-color: #000000;
  border: 1px solid #ffffff26;
  backdrop-filter: blur(41px);
  width: 299px;
}

.footer__contacts {
  display: flex;
  align-items: center;
  gap: 48px;
  flex-wrap: wrap;
}

.footer__legal {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.footer__legal .footer__link {
  color: rgba(29, 30, 34, 0.5);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 115.5%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.footer__legal .footer__link:hover {
  opacity: 1;
}

.footer__play__container {
  margin-bottom: 35px;
}

@media (max-width: 768px) {
  div.footer__legal_wrapper {
    display: none;
  }

  .footer__legal_name {
    color: rgba(29, 30, 34, 0.5);
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 115.5%;
  }

  .footer {
    height: auto;
  }

  .footer__link {
    font-size: 12px;
  }

  .footer__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
  }

  .footer__phone {
    gap: 8px;
  }

  .footer__mail {
    gap: 8px;
  }

  .footer__container {
    padding: 30px 32px;
  }

  .footer__block > div {
    gap: 16px;
    width: 100%;
  }

  .footer__play__container {
    margin-bottom: 16px;
  }

  .footer__contacts {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }

  .footer__block {
    margin-left: 0;
    gap: 16px;
  }

  .footer__social li a {
    width: 32px;
    height: 32px;
  }

  .footer__social ul {
    gap: 12px;
  }

  .footer__social {
    order: 4;
  }

  .footer__legal.mobile {
    order: 5;
  }

  .footer__block::after {
    display: none;
  }

  .footer__container::before {
    display: none;
  }

  .footer__container::after {
    display: none;
  }

  .footer__block .desktop {
    display: none;
  }

  .footer__block .footer__link {
    font-size: 18px;
    font-weight: 500;
    line-height: 115%;
  }

  .footer__legal {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px !important;
  }

  .footer__legal .footer__link {
    font-size: 10px;
    width: auto !important;
  }

  .footer__legal .desktop {
    display: none;
  }

  .footer__legal .footer__link {
    font-size: 10px;
    width: auto !important;
  }

  .footer__decorated::after {
    display: none;
  }

}

@media (min-width: 768px) and (max-width: 1194px) {
  .footer__block {
    flex-direction: column;
    gap: 32px;
  }
  .footer__block > div {
    width: 100%;
    padding-right: 65px;
  }
  .footer__block::after {
    display: none;
  }
}

@media (max-width: 768px) {
  .footer__legal .footer__link {
    font-size: 14px;
    line-height: 115%;
  }
  .footer__play_btn {
    width: 159px;
  }
  .footer__address.mobile {
    display: flex;
  }
  .footer__legal.mobile {
    display: flex;
  }
}

@media (max-width: 350px) {
  .footer__block {
    margin-left: 40px;
  }

  .footer__container::after {
    left: 240px;
  }
}