body {
  --Black: #020202;
  --White: #fff;
  --Gray: #a7aac6;
  --Green: #4ca19a;
  --Dark-gray: #1a1a1a;
  --Dark-blue: #0c0e13;
  --Medium-gray: #373a43;
  --Medium-blue: #0f1116;
  --Light-gray: #666a6f;
  --textWidthDesktop: 750px;
}

.main footer {
  border-top: 1px solid var(--Dark-gray);
  background: radial-gradient(28.09% 28.09% at 50% 0, #202020 0%, #020202 100%);
  margin-top: 180px;
  display: flex;
}

.main footer .footer {
  justify-content: space-between;
  width: 100%;
  padding: 100px;
  display: flex;
}

.main footer .footer .logo {
  color: var(--White);
  align-items: center;
  gap: 8px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  display: flex;
}

.main footer .footer .right {
  gap: 40px;
  display: flex;
}

.main footer .footer .right .column {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

.main footer .footer .right .column .title {
  color: var(--White);
  margin-bottom: 12px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.main footer .footer .right .column .social {
  gap: 12px;
  display: flex;
}

.main footer .footer .right .column a {
  color: var(--Gray);
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  display: flex;
}

@media screen and (width <= 1310px) {
  .main footer {
    justify-content: center;
    display: flex;
  }

  .main footer .footer {
    flex-direction: column;
    gap: 64px;
    width: auto;
    padding: 64px 32px;
  }

  .main footer .footer .right .column .title {
    margin-bottom: 0;
  }
}

@media screen and (width <= 768px) {
  .main footer {
    justify-content: flex-start;
  }

  .main footer .footer {
    padding: 32px 16px;
  }

  .main footer .footer .right {
    flex-direction: column;
    gap: 32px;
  }

  .main footer .footer .right .column {
    gap: 12px;
  }
}

/*# sourceMappingURL=index.3fe08787.css.map */