@keyframes ellipse-16 {
  0% {
    width: 1302.664px;
    height: 1206.918px;
    transform: rotate(51.036deg) translate(50%);
    top: -528px;
    left: 1762.83px;
  }
  11% {
    width: 1302.664px;
    height: 1206.918px;
    transform: rotate(51.036deg) translate(50%);
    top: -528px;
    left: 1762.83px;
  }
  22% {
    width: 1219px;
    height: 780px;
    transform: rotate(0deg) translate(0%);
    top: -155px;
    left: 2580px;
  }
  33% {
    width: 1219px;
    height: 780px;
    transform: rotate(0deg) translate(0%);
    top: -155px;
    left: 2580px;
  }
  44% {
    width: 1219px;
    height: 780px;
    transform: rotate(0deg) translate(0%);
    top: -155px;
    left: 2580px;
  }
  55% {
    width: 1219px;
    height: 780px;
    transform: rotate(0deg) translate(0%);
    top: -155px;
    left: 2580px;
  }
  66% {
    width: 1219px;
    height: 780px;
    transform: rotate(0deg) translate(0%);
    top: -155px;
    left: 2580px;
  }
  77% {
    width: 1219px;
    height: 780px;
    transform: rotate(0deg) translate(0%);
    top: -155px;
    left: 2580px;
  }
  88% {
    width: 1003px;
    height: 597px;
    transform: rotate(0deg) translate(0%);
    top: 134px;
    left: 2796px;
  }
  100% {
    width: 1003px;
    height: 597px;
    transform: rotate(0deg) translate(0%);
    top: 134px;
    left: 2796px;
  }
}
@keyframes ellipse-15 {
  0% {
    background-color: #7BC7FF;
    width: 1352px;
    height: 652px;
    transform: rotate(0deg) translate(0%);
    top: -12px;
    left: 1465px;
  }
  11% {
    background-color: #7BC7FF;
    width: 1352px;
    height: 652px;
    transform: rotate(0deg) translate(0%);
    top: -12px;
    left: 1465px;
  }
  22% {
    background-color: #7BC7FF;
    width: 1178.163px;
    height: 665.568px;
    transform: rotate(26.705deg) translate(15%, 20%);
    top: -243px;
    left: 1117px;
  }
  33% {
    background-color: #7BC7FF;
    width: 1178.163px;
    height: 665.568px;
    transform: rotate(26.705deg) translate(15%, 20%);
    top: -243px;
    left: 1117px;
  }
  44% {
    background-color: #7BC7FF;
    width: 1178.163px;
    height: 665.568px;
    transform: rotate(26.705deg) translate(15%, 20%);
    top: -243px;
    left: 1117px;
  }
  55% {
    background-color: #8B59FF;
    width: 1178.163px;
    height: 544.52px;
    transform: rotate(26.705deg) translate(15%, 20%);
    top: -165px;
    left: 738px;
  }
  66% {
    background-color: #8B59FF;
    width: 1178.163px;
    height: 544.52px;
    transform: rotate(26.705deg) translate(15%, 20%);
    top: -165px;
    left: 738px;
  }
  77% {
    background-color: #8B59FF;
    width: 1178.163px;
    height: 544.52px;
    transform: rotate(26.705deg) translate(15%, 20%);
    top: -165px;
    left: 738px;
  }
  88% {
    background-color: #7BC7FF;
    width: 1379.357px;
    height: 707.227px;
    transform: rotate(-30.071deg) translate(-10%, 38%);
    top: -358.38px;
    left: 722px;
  }
  100% {
    background-color: #7BC7FF;
    width: 1379.357px;
    height: 707.227px;
    transform: rotate(-30.071deg) translate(-10%, 38%);
    top: -358.38px;
    left: 722px;
  }
}
@keyframes ellipse-14 {
  0% {
    width: 790px;
    height: 644px;
    transform: rotate(0deg) translate(0%);
    top: -59px;
    left: 1081px;
  }
  11% {
    width: 790px;
    height: 644px;
    transform: rotate(0deg) translate(0%);
    top: -59px;
    left: 1081px;
  }
  22% {
    width: 1467.059px;
    height: 710.85px;
    transform: rotate(-33.249deg) translate(0%, 50%);
    top: -351px;
    left: 1552px;
  }
  33% {
    width: 1467.059px;
    height: 710.85px;
    transform: rotate(-33.249deg) translate(0%, 50%);
    top: -351px;
    left: 1552px;
  }
  44% {
    width: 1467.059px;
    height: 710.85px;
    transform: rotate(-33.249deg) translate(0%, 50%);
    top: -351px;
    left: 1552px;
  }
  55% {
    width: 1467.059px;
    height: 681.959px;
    transform: rotate(-33.249deg) translate(0%, 50%);
    top: -327px;
    left: 1568px;
  }
  66% {
    width: 1467.059px;
    height: 681.959px;
    transform: rotate(-33.249deg) translate(0%, 50%);
    top: -327px;
    left: 1568px;
  }
  77% {
    width: 1467.059px;
    height: 681.959px;
    transform: rotate(-33.249deg) translate(0%, 50%);
    top: -327px;
    left: 1568px;
  }
  88% {
    width: 1443.928px;
    height: 663.17px;
    transform: rotate(-47.098deg) translate(-26%, 45%);
    top: -470px;
    left: 2070px;
  }
  100% {
    width: 1443.928px;
    height: 663.17px;
    transform: rotate(-47.098deg) translate(-26%, 45%);
    top: -470px;
    left: 2070px;
  }
}
@keyframes ellipse-13 {
  0% {
    width: 697px;
    height: 652px;
    transform: rotate(0deg) translate(0%);
    top: -114px;
    left: 608px;
  }
  11% {
    width: 697px;
    height: 652px;
    transform: rotate(0deg) translate(0%);
    top: -114px;
    left: 608px;
  }
  22% {
    width: 885.351px;
    height: 642.858px;
    transform: rotate(29.042deg) translate(20%, 10%);
    top: -243px;
    left: 56px;
  }
  33% {
    width: 885.351px;
    height: 642.858px;
    transform: rotate(29.042deg) translate(20%, 10%);
    top: -243px;
    left: 56px;
  }
  44% {
    width: 885.351px;
    height: 642.858px;
    transform: rotate(29.042deg) translate(20%, 10%);
    top: -243px;
    left: 56px;
  }
  55% {
    width: 1231.826px;
    height: 894.435px;
    transform: rotate(29.042deg) translate(20%, 10%);
    top: -317px;
    left: 1203px;
  }
  66% {
    width: 1231.826px;
    height: 894.435px;
    transform: rotate(29.042deg) translate(20%, 10%);
    top: -317px;
    left: 1203px;
  }
  77% {
    width: 1231.826px;
    height: 894.435px;
    transform: rotate(29.042deg) translate(20%, 10%);
    top: -317px;
    left: 1203px;
  }
  88% {
    width: 861.845px;
    height: 1064.742px;
    transform: rotate(-55.987deg) translate(5%, 20%);
    top: -318px;
    left: -522px;
  }
  100% {
    width: 861.845px;
    height: 1064.742px;
    transform: rotate(-55.987deg) translate(5%, 20%);
    top: -318px;
    left: -522px;
  }
}
@keyframes ellipse-17 {
  0% {
    background-color: #0093FF;
    width: 1538px;
    height: 796px;
    top: -114px;
    left: -1128px;
  }
  11% {
    background-color: #0093FF;
    width: 1538px;
    height: 796px;
    top: -114px;
    left: -1128px;
  }
  22% {
    background-color: #58B1F3;
    width: 1088px;
    height: 652px;
    top: -115px;
    left: -590px;
  }
  33% {
    background-color: #58B1F3;
    width: 1088px;
    height: 652px;
    top: -115px;
    left: -590px;
  }
  44% {
    background-color: #58B1F3;
    width: 1088px;
    height: 652px;
    top: -115px;
    left: -590px;
  }
  55% {
    background-color: #58B1F3;
    width: 1453px;
    height: 652px;
    top: -91px;
    left: 115px;
  }
  66% {
    background-color: #58B1F3;
    width: 1453px;
    height: 652px;
    top: -91px;
    left: 115px;
  }
  77% {
    background-color: #58B1F3;
    width: 1453px;
    height: 652px;
    top: -91px;
    left: 115px;
  }
  88% {
    background-color: #0093FF;
    width: 2016px;
    height: 852px;
    top: -62px;
    left: -166px;
  }
  100% {
    background-color: #0093FF;
    width: 2016px;
    height: 852px;
    top: -62px;
    left: -166px;
  }
}
@keyframes ellipse-12 {
  0% {
    background-color: #B4B3FF;
    width: 1419px;
    height: 809px;
    top: -127px;
    left: -48px;
  }
  11% {
    background-color: #B4B3FF;
    width: 1419px;
    height: 809px;
    top: -127px;
    left: -48px;
  }
  22% {
    background-color: #B4B3FF;
    width: 822px;
    height: 756px;
    top: -115px;
    left: 661px;
  }
  33% {
    background-color: #B4B3FF;
    width: 822px;
    height: 756px;
    top: -115px;
    left: 661px;
  }
  44% {
    background-color: #B4B3FF;
    width: 822px;
    height: 756px;
    top: -115px;
    left: 661px;
  }
  55% {
    background-color: #B4B3FF;
    width: 822px;
    height: 756px;
    top: -185px;
    left: -269px;
  }
  66% {
    background-color: #B4B3FF;
    width: 822px;
    height: 756px;
    top: -185px;
    left: -269px;
  }
  77% {
    background-color: #B4B3FF;
    width: 822px;
    height: 756px;
    top: -185px;
    left: -269px;
  }
  88% {
    background-color: #5962FF;
    width: 1452px;
    height: 773px;
    top: -79px;
    left: 1427px;
  }
  100% {
    background-color: #5962FF;
    width: 1452px;
    height: 773px;
    top: -79px;
    left: 1427px;
  }
}
.footer {
  position: relative;
  overflow: hidden;
}
.footer__inner {
  padding: 115px 0 42px;
  display: grid;
  gap: 60px;
  position: relative;
  z-index: 10;
}
.footer__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  align-items: start;
}
.footer__logo {
  display: grid;
  grid-template-columns: 38px auto;
  justify-content: start;
  align-items: center;
  gap: 18px;
}
.footer__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.footer__logo span {
  color: #161616;
  font-family: var(--font-secondary);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.footer__nav {
  justify-self: end;
  max-width: 476px;
  width: 100%;
}
.footer__nav ul {
  display: grid;
}
.footer__nav li {
  display: inline-block;
  padding: 10px 20px;
}
.footer__nav li a {
  color: #393939;
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.footer__bottom {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 48px;
  align-items: center;
}
.footer__bottom-links {
  display: grid;
  gap: 48px;
  grid-auto-flow: column;
  justify-self: end;
  align-items: center;
}
.footer__copyright, .footer__security {
  color: #747474;
  font-family: var(--font-third);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.1px;
}
.footer__policy {
  padding: 0 32px;
  color: #454545;
  font-family: var(--font-third);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0;
}
.footer__animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 90px);
  display: grid;
  overflow: hidden;
  filter: blur(125px);
}
.footer__animation-container {
  position: relative;
  height: 71px;
  align-self: end;
  max-width: 1844px;
  margin: 0 auto;
  width: 100%;
}
.footer__animation .ellipse {
  border-radius: 50%;
  position: absolute;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}
.footer__animation .ellipse.ellipse--16 {
  background-color: #5962FF;
  z-index: 7;
  animation-name: ellipse-16;
}
.footer__animation .ellipse.ellipse--15 {
  z-index: 6;
  animation-name: ellipse-15;
}
.footer__animation .ellipse.ellipse--14 {
  background-color: #4FDADF;
  z-index: 5;
  animation-name: ellipse-14;
}
.footer__animation .ellipse.ellipse--13 {
  background-color: #B897FB;
  z-index: 4;
  animation-name: ellipse-13;
}
.footer__animation .ellipse.ellipse--17 {
  z-index: 3;
  animation-name: ellipse-17;
}
.footer__animation .ellipse.ellipse--12 {
  z-index: 2;
  animation-name: ellipse-12;
}
.footer__animation .container {
  display: grid;
  overflow: hidden;
}

@media (max-width: 1000px) {
  .footer__top {
    grid-template-columns: 1fr;
    gap: 16px;
    justify-content: start;
  }
  .footer__nav {
    justify-self: start;
  }
  .footer__nav li {
    padding: 10px 0;
  }
}
@media (max-width: 800px) {
  .footer__bottom {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .footer__bottom-links {
    justify-self: start;
    gap: 16px;
    grid-auto-flow: row;
  }
  .footer__policy {
    padding: 0;
  }
  .footer__inner {
    padding: 115px 18px 42px;
  }
}
@media (max-width: 767px) {
  .footer__inner {
    padding: 115px 10px 42px;
  }
}/*# sourceMappingURL=footer.css.map */