* {
  box-sizing: border-box;
  position: relative;
}
body {
  font-family: Lato-Regular, Helvetica, Arial, sans-serif;
  overflow-x: hidden;
}
body,
div,
p,
a,
span,
main,
ul,
html,
button,
input {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}
button,
a {
  cursor: pointer;
}
a {
  text-decoration: none;
  color: inherit;
}
h1,
h2,
h3 {
  margin: 0;
}
:root {
  --dots-cont: url("data:image/svg+xml,%3Csvg width='100%' height='100%' viewBox='0 0 280 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2.69345' cy='5.75986' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='2.69345' cy='45.1808' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='42.1153' cy='5.75986' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='42.1153' cy='45.1808' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='81.1349' cy='5.75986' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='81.1349' cy='45.1808' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='120.5' cy='5.5' r='4.5' stroke='url(%23paint0_linear_2546_6449)' stroke-width='2'/%3E%3Ccircle cx='120.557' cy='45.1808' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='159.977' cy='5.75986' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='159.977' cy='45.1808' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='199.397' cy='5.75986' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='199.397' cy='45.1808' r='3.87169' fill='%23E2E0F4'/%3E%3Ccircle cx='238.818' cy='5.75986' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='238.818' cy='45.1808' r='1.25986' fill='%23E2E0F4' stroke='url(%23paint1_linear_2546_6449)'/%3E%3Ccircle cx='278.238' cy='5.75986' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='278.238' cy='45.1808' r='1.75986' fill='%23E2E0F4'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2546_6449' x1='115' y1='5.5' x2='126.011' y2='5.58589' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238F5AFF'/%3E%3Cstop offset='1' stop-color='%23FF5AB3'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2546_6449' x1='237.059' y1='45.1808' x2='240.582' y2='45.2082' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238F5AFF'/%3E%3Cstop offset='1' stop-color='%23FF5AB3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  --btn-grad: linear-gradient(90.45deg, #9D25D6 0.39%, #F8477C 99.72%);
  --main-grad: linear-gradient(180deg, #16212A 0%, #411CAC 100%);
  --i-grad: linear-gradient(87.1deg, #FFD522 -10.92%, #F1000B 48.02%, #B900B3 106.81%);
}
@font-face {
  font-family: Lato-Regular;
  src: url(fonts/Lato-Regular.eot);
  src: url(fonts/Lato-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/Lato-Regular.woff2) format('woff2'), url(fonts/Lato-Regular.woff) format('woff'), url(fonts/Lato-Regular.ttf) format('truetype'), url(fonts/Lato-Regular.svg#Lato-Regular) format('svg');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: Lato-Regular;
  src: url(fonts/lato-light.eot);
  src: url(fonts/lato-light.eot?#iefix) format('embedded-opentype'), url(fonts/lato-light.woff2) format('woff2'), url(fonts/lato-light.woff) format('woff'), url(fonts/lato-light.ttf) format('truetype'), url(fonts/lato-light.svg#lato-light) format('svg');
  font-weight: 300;
  font-display: swap;
  font-style: lighter;
}
i.icon {
  display: inline-block;
}
.icon-all {
  content: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13.5L6.33333 7.26L10.4359 9.66L17 1.5' stroke='url(%23paint0_linear_4508_4149)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4508_4149' x1='17' y1='7.99696e-07' x2='1' y2='13.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF3C99'/%3E%3Cstop offset='1' stop-color='%239D66E3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 18px;
  height: 15px;
}
.icon-v {
  content: url("data:image/svg+xml,%3Csvg width='24' height='14' viewBox='0 0 24 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.6554 8.97473C21.4515 9.7187 22.2918 10.4187 23.0058 11.2377C23.3212 11.6016 23.6199 11.9772 23.8483 12.3995C24.172 12.9999 23.8788 13.6607 23.3163 13.6965L19.82 13.695C18.9182 13.7666 18.1988 13.4191 17.5939 12.829C17.1098 12.357 16.6615 11.8547 16.1961 11.3669C16.0052 11.1675 15.8055 10.9798 15.5669 10.8315C15.0896 10.535 14.6753 10.6258 14.4025 11.1023C14.1247 11.5869 14.0617 12.1235 14.0344 12.6636C13.997 13.4517 13.7481 13.6589 12.9211 13.6949C11.1537 13.7747 9.47629 13.5188 7.91806 12.6654C6.54426 11.913 5.47894 10.8509 4.5517 9.64851C2.74634 7.30716 1.36379 4.73441 0.121208 2.08958C-0.158487 1.49369 0.0460603 1.17382 0.732958 1.1625C1.87358 1.14129 3.01405 1.1428 4.15601 1.16099C4.61959 1.16748 4.92649 1.42199 5.10549 1.84118C5.7226 3.29357 6.47771 4.67539 7.42553 5.95622C7.67794 6.29722 7.93532 6.63822 8.30184 6.87823C8.7073 7.14398 9.01602 7.0559 9.20677 6.62358C9.32781 6.34945 9.3808 6.05418 9.40808 5.76058C9.49845 4.75049 9.51035 3.74213 9.35186 2.73558C9.25455 2.10739 8.88488 1.70072 8.23 1.58185C7.89582 1.52124 7.94558 1.40222 8.10738 1.21964C8.38842 0.904752 8.65274 0.70874 9.17964 0.70874H13.1311C13.7532 0.826257 13.8913 1.09374 13.9765 1.69287L13.9799 5.8941C13.9731 6.12604 14.1009 6.8143 14.5374 6.96782C14.8867 7.07711 15.117 6.80962 15.3265 6.59761C16.2726 5.6365 16.9479 4.50066 17.5511 3.32452C17.8188 2.80735 18.049 2.27027 18.2721 1.73363C18.4373 1.33542 18.6967 1.13948 19.1653 1.14816L22.9684 1.15141C23.0811 1.15141 23.1952 1.15299 23.3044 1.17088C23.9453 1.27541 24.1209 1.53928 23.923 2.13826C23.6111 3.07801 23.0043 3.86115 22.411 4.64791C21.7768 5.48789 21.0985 6.2991 20.4696 7.14406C19.8917 7.91565 19.9376 8.30458 20.6554 8.97473Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 15px;
}
.icon-f {
  content: url("data:image/svg+xml,%3Csvg width='14' height='25' viewBox='0 0 14 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.85941 24.5V13.5533H12.5323L13.0833 9.28588H8.85941V6.56176C8.85941 5.32664 9.20099 4.48492 10.9742 4.48492L13.232 4.48399V0.667076C12.8415 0.616334 11.5012 0.5 9.94123 0.5C6.68371 0.5 4.45356 2.48836 4.45356 6.13912V9.28588H0.769531V13.5533H4.45356V24.5H8.85941Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 14px;
  height: 25px;
}
.icon-i {
  content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4486_280)'%3E%3Cpath d='M12.2362 24.5C12.1567 24.5 12.0773 24.5 11.9973 24.4996C10.116 24.5042 8.37781 24.4564 6.68738 24.3535C5.13757 24.2592 3.7229 23.7236 2.59607 22.8048C1.50879 21.9182 0.766296 20.7194 0.389282 19.2421C0.0611573 17.9559 0.0437622 16.6934 0.0270996 15.4723C0.0150146 14.5961 0.00256348 13.5579 0 12.5021C0.00256348 11.442 0.0150146 10.4038 0.0270996 9.52759C0.0437622 8.30664 0.0611573 7.04413 0.389282 5.75781C0.766296 4.28052 1.50879 3.08172 2.59607 2.19512C3.7229 1.2763 5.13757 0.740717 6.68756 0.646417C8.37799 0.543695 10.1166 0.495721 12.0018 0.500299C13.8836 0.496271 15.6213 0.543695 17.3117 0.646417C18.8615 0.740717 20.2762 1.2763 21.403 2.19512C22.4905 3.08172 23.2328 4.28052 23.6098 5.75781C23.9379 7.04395 23.9553 8.30664 23.972 9.52759C23.9841 10.4038 23.9967 11.442 23.9991 12.4977V12.5021C23.9967 13.5579 23.9841 14.5961 23.972 15.4723C23.9553 16.6933 23.9381 17.9558 23.6098 19.2421C23.2328 20.7194 22.4905 21.9182 21.403 22.8048C20.2762 23.7236 18.8615 24.2592 17.3117 24.3535C15.6929 24.452 14.0299 24.5 12.2362 24.5ZM11.9973 22.6246C13.8479 22.629 15.5471 22.5823 17.1978 22.482C18.3697 22.4107 19.3857 22.0304 20.2181 21.3516C20.9875 20.7241 21.5175 19.8584 21.793 18.7785C22.0662 17.7078 22.082 16.5583 22.0972 15.4467C22.1091 14.5764 22.1215 13.5455 22.1241 12.4999C22.1215 11.4542 22.1091 10.4235 22.0972 9.55323C22.082 8.44159 22.0662 7.29206 21.793 6.22125C21.5175 5.1413 20.9875 4.27557 20.2181 3.64807C19.3857 2.96948 18.3697 2.58917 17.1978 2.51794C15.5471 2.41742 13.8479 2.37109 12.0016 2.37512C10.1514 2.37072 8.45197 2.41742 6.80127 2.51794C5.62939 2.58917 4.61334 2.96948 3.78094 3.64807C3.01154 4.27557 2.48163 5.1413 2.20605 6.22125C1.93286 7.29206 1.91711 8.44141 1.90192 9.55323C1.89001 10.4243 1.87756 11.4557 1.875 12.5021C1.87756 13.544 1.89001 14.5756 1.90192 15.4467C1.91711 16.5583 1.93286 17.7078 2.20605 18.7785C2.48163 19.8584 3.01154 20.7241 3.78094 21.3516C4.61334 22.0302 5.62939 22.4105 6.80127 22.4818C8.45197 22.5823 10.1517 22.6292 11.9973 22.6246ZM11.9526 18.3593C8.72186 18.3593 6.0932 15.7308 6.0932 12.4999C6.0932 9.26905 8.72186 6.64056 11.9526 6.64056C15.1835 6.64056 17.812 9.26905 17.812 12.4999C17.812 15.7308 15.1835 18.3593 11.9526 18.3593ZM11.9526 8.51557C9.75568 8.51557 7.9682 10.303 7.9682 12.4999C7.9682 14.6968 9.75568 16.4843 11.9526 16.4843C14.1497 16.4843 15.937 14.6968 15.937 12.4999C15.937 10.303 14.1497 8.51557 11.9526 8.51557ZM18.4682 4.76556C17.6917 4.76556 17.062 5.39508 17.062 6.17181C17.062 6.94855 17.6917 7.57807 18.4682 7.57807C19.2449 7.57807 19.8745 6.94855 19.8745 6.17181C19.8745 5.39508 19.2449 4.76556 18.4682 4.76556Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4486_280'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 24px;
  height: 25px;
}
.icon-x {
  content: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9442 3.98749C17.9569 4.16248 17.9569 4.33751 17.9569 4.5125C17.9569 9.84997 13.8326 16 6.29444 16C3.97209 16 1.81473 15.3375 0 14.1875C0.329962 14.225 0.64719 14.2375 0.989848 14.2375C2.90607 14.2375 4.67006 13.6 6.0787 12.5125C4.27666 12.475 2.76649 11.3125 2.24618 9.7125C2.5 9.74997 2.7538 9.77498 3.02032 9.77498C3.38833 9.77498 3.75638 9.72497 4.099 9.63751C2.22083 9.26248 0.812152 7.63749 0.812152 5.67499V5.62501C1.35782 5.92501 1.99239 6.11251 2.66493 6.13748C1.56087 5.41247 0.837542 4.17498 0.837542 2.77497C0.837542 2.02499 1.04055 1.33749 1.3959 0.737481C3.41369 3.18748 6.4467 4.78745 9.84769 4.96248C9.78426 4.66248 9.74617 4.35001 9.74617 4.03751C9.74617 1.81248 11.5736 0 13.8452 0C15.0254 0 16.0914 0.487499 16.8401 1.275C17.7665 1.10001 18.6548 0.762491 19.4416 0.300002C19.137 1.23752 18.4898 2.02502 17.6396 2.52499C18.4645 2.43753 19.264 2.21248 20 1.90001C19.4417 2.69998 18.7437 3.41245 17.9442 3.98749Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 16px;
}
.icon-t {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.886 8.488l-.248 3.49c.355 0 .508-.153.693-.336l1.664-1.59 3.449 2.525c.632.353 1.078.167 1.249-.582l2.263-10.607h.001c.2-.936-.338-1.301-.954-1.072L.696 5.41c-.908.353-.894.86-.154 1.089l3.402 1.058 7.902-4.945c.372-.246.71-.11.432.137L5.886 8.488z' fill='%23fff'/%3E%3C/svg%3E");
  width: 19px;
  height: 16px;
}
.container {
  display: block;
  width: 1292px;
  margin: 0 auto;
  max-width: 98%;
  padding: 0 34px;
}
.logo_white img {
  display: block;
  max-width: 143px;
}
.nav_position {
  top: 0;
  left: 0;
  z-index: 2;
  position: absolute;
  width: 100%;
}
#menu,
.menu_label {
  display: none;
}
#clip_label {
  z-index: -9999;
  position: absolute;
}
.menu_block {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}
.menu_block .logo_white {
  width: 143px;
  height: 40px;
}
.menu_block .sign_in {
  padding: 12px 20px;
  line-height: 14px;
  text-align: center;
  background: white;
  border-radius: 8px;
  font-size: 16px;
  color: #F8477C;
  text-shadow: 0.2px 0.2px;
  letter-spacing: 0.4px;
  transition: all 0.4s ease;
}
.menu_block .sign_in .btn-cont {
  background: #fff;
}
.menu_block .sign_in:hover .btn-cont {
  background: #f4feff;
}
.menu_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4vw;
  margin-top: 7px;
}
.menu_list li {
  display: inline-block;
}
.menu_list li a {
  text-transform: capitalize;
  color: white;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding: 4px 8px;
  transition: all 0.3s;
}
.menu_list li a:hover {
  color: #fff59b;
}
.menu_right {
  display: flex;
  align-items: center;
  margin-top: 7px;
  padding: 2px 0;
}
.menu_lang {
  display: flex;
}
.menu_lang .active {
  color: white;
}
.main_pic {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  margin: 0 auto;
  z-index: 0;
}
.main_pic .mini_chart {
  position: absolute;
  max-width: 40%;
  border-radius: 8px;
  z-index: 1;
}
.main_pic .mini_chart:nth-of-type(1) {
  box-shadow: 0 0 6px 0.5px #bdbdbd87;
  width: 424px;
  left: -116px;
  animation: mini 0.8s;
}
.main_pic .mini_chart:nth-of-type(2) {
  width: 452px;
  margin-top: 88px;
  right: -116px;
  box-shadow: 0 0 6px 1px #bdbdbdad;
  animation: mini2 0.8s;
}
.main_pic .center_pic {
  max-width: 96%;
  padding: 12px 14px;
  border: 1px dashed #ffffff2e;
  box-shadow: 0px 1px 55px 0px #0000000f;
  border-radius: 20px;
}
.main_pic .center_pic img {
  display: block;
  width: 960px;
  max-width: 100%;
}
.button_app {
  color: white;
  background: var(--btn-grad);
  text-transform: uppercase;
  padding: 18px 46px;
  font-size: 16px;
  display: inline-block;
  border-radius: 8px;
  z-index: 0;
}
.button_app .btn-cont {
  background: var(--btn-grad);
}
.btn-cont {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 8px;
}
.area_highlight:before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  background: linear-gradient(90.45deg, var(--btn1) 0.39%, var(--btn2) 99.72%);
  --btn1: #b055db;
  --btn2: #ff5c19;
  border-radius: 10px;
  z-index: 0;
  opacity: 0;
  transition: all 0.3s linear;
}
.area_highlight:hover:before {
  opacity: 0.5;
  animation: btn-rad 2s linear 0s infinite alternate;
}
.area_highlight span {
  z-index: 1;
}
.welcome_block {
  max-height: 800px;
  background: linear-gradient(87.1deg, #252049 -10.92%, #682244 48.02%, #ab683e 106.81%);
  background: url(common/gradient.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 150px;
  overflow: visible;
  text-align: center;
}
.welcome_block h1 {
  color: white;
  font-weight: 400;
  text-shadow: 0.3px 0 #fff;
  letter-spacing: 0.4px;
  font-size: 48px;
  text-align: center;
  margin: 0 auto 12px;
  max-width: 90%;
}
.welcome_block p {
  color: white;
  font-size: 21px;
  margin: 0 auto;
  max-width: 90%;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 300;
  letter-spacing: 0.4;
}
.welcome_block .button_app {
  margin-bottom: 56px;
}
.dots_marked:after {
  content: var(--dots-cont);
  display: block;
  position: absolute;
  bottom: 12px;
  left: 8px;
  max-width: 20%;
  width: 400px;
}
.choose_block {
  color: #282828;
  background: url('common/choose_background.svg');
  background-position: right 67%;
  background-repeat: no-repeat;
  padding: 320px 0;
  background-size: 70%;
}
.choose_block:after {
  bottom: initial;
  top: 12px;
  transform: scaleY(-1);
}
.choose_block h2,
.choose_block p {
  width: 480px;
  max-width: 80%;
}
.choose_block h2 {
  font-weight: 400;
  margin-bottom: 16px;
  text-shadow: 0.2px 0.3px;
}
.choose_block p {
  font-weight: 400;
  font-size: 18px;
  color: #000000e0;
  line-height: 31px;
  letter-spacing: 0.2px;
  background: rgba(255, 255, 255, 0.7);
}
.header_sublvl {
  font-weight: 400;
  font-size: 32px;
  line-height: 48px;
  text-shadow: 0.4px 0.5px;
  letter-spacing: 0.8px;
}
.blocks_list {
  background: var(--main-grad);
  overflow-x: hidden;
}
.blocks_list .container {
  padding: 0;
}
.feat_block {
  color: #fff;
  display: flex;
  justify-content: space-between;
}
.feat_block .left_side {
  padding: 200px 45px;
}
.feat_block .left_side .button_app {
  padding: 14px 46px;
}
.feat_block .anchor {
  position: absolute;
  top: 307px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.feat_block .anchor .dot,
.feat_block .anchor .line {
  flex: none;
}
.feat_block .anchor .dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--btn-grad);
  margin-bottom: 24px;
}
.feat_block .anchor .line {
  width: 1px;
  height: 0;
  transition: height 2s ease-out;
  background: #ffffff1a;
  --line-color: #ffffff1a;
  --line-color2: #ffffff1a;
  animation: line-anim 8s linear 0s infinite alternate;
}
.feat_block .anchor .line.animate {
  height: calc(100% - 60px);
}
.feat_block:nth-child(4) .anchor {
  height: auto;
}
.feat_block:nth-child(4) .anchor .line {
  display: none;
}
.feat_block:nth-child(2) .anchor .line {
  animation-delay: 2s;
}
.feat_block:nth-child(3) .anchor .line {
  animation-delay: 4s;
}
.feat_block:not(:first-child) .anchor {
  /* .dot:after {
				content: '';
				width: 9px;
				height: 9px;
				background: var(--main-grad);
				position: absolute;
				border-radius: 50%;
				left: 2px;
				top: 2px;
			} */
}
.feat_block:not(:first-child) .anchor .dot {
  background: none;
  border: 2px solid #fff;
}
.feat_block .right_side {
  display: flex;
  justify-content: center;
  align-items: center;
}
.feat_block .right_side img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  width: 520px;
}
.feat_block .right_side img:not(:first-child) {
  position: absolute;
  left: 0;
  filter: drop-shadow(0px 50px 150px rgba(0, 0, 0, 0.1));
}
.feat_block .right_side:after,
.feat_block .right_side:before {
  pointer-events: none;
}
.feat_block .right_side:after {
  background-image: url("data:image/svg+xml,%3Csvg width='413' height='91' viewBox='0 0 413 91' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='293' height='1.34961' transform='matrix(1 0 0.707107 0.707107 0 0)' fill='url(%23paint0_linear_2553_10885)'/%3E%3Crect width='293' height='1.34961' transform='matrix(1 0 0.707107 0.707107 59.4414 44.7461)' fill='url(%23paint1_linear_2553_10885)'/%3E%3Crect width='293' height='1.34961' transform='matrix(1 0 0.707107 0.707107 118.881 89.4924)' fill='url(%23paint2_linear_2553_10885)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2553_10885' x1='2.33271e-10' y1='1.35012' x2='293' y2='1.34996' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF62A7'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2553_10885' x1='2.33271e-10' y1='1.35012' x2='293' y2='1.34996' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238254E4'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2553_10885' x1='2.33271e-10' y1='1.35012' x2='293' y2='1.34996' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2330A3D4'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  content: '';
  position: absolute;
  display: block;
  width: 413px;
  height: 91px;
  background-size: contain;
  max-width: 70%;
  background-repeat: no-repeat;
}
.feat_block .right_side:before {
  background-image: url(common/dots.svg);
  content: '';
  display: block;
  width: 155px;
  height: 155px;
  max-width: 30%;
  background-size: contain;
  position: absolute;
  z-index: 1;
  background-repeat: no-repeat;
}
.feat_block:nth-child(1) .right_side:after {
  left: -90px;
  margin-top: -80px;
}
.feat_block:nth-child(1) .right_side:before {
  right: 22px;
  margin-top: 160px;
}
.feat_block:nth-child(2) .right_side:after {
  transform: rotate(90deg) scale(1, -1);
  right: -164px;
  margin-top: -354px;
}
.feat_block:nth-child(2) .right_side:before {
  left: -22px;
  margin-top: 192px;
}
.feat_block:nth-child(3) .right_side:after {
  left: -92px;
  margin-top: 474px;
}
.feat_block:nth-child(3) .right_side:before {
  right: -26px;
  margin-top: -296px;
}
.feat_block:nth-child(4) .right_side:after {
  transform: rotate(270deg);
  right: -170px;
  margin-top: 131px;
}
.feat_block:nth-child(4) .right_side:before {
  left: -22px;
  margin-top: -144px;
}
.feat_block input {
  display: none;
}
.feat_block .content_block {
  display: none;
}
.feat_block .content_block h3,
.feat_block .content_block p {
  max-width: 480px;
  margin-bottom: 32px;
}
.feat_block .content_block h3 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 300;
  text-shadow: 0.3px 0.2px;
}
.feat_block .content_block p {
  font-size: 16px;
  line-height: 25px;
  min-height: 110px;
  font-weight: 300;
  text-shadow: 0.2px 0.2px;
  letter-spacing: 0.4;
}
.feat_block input:nth-of-type(1):checked ~ .left_side > .content_block:nth-of-type(1) {
  display: block;
}
.feat_block input:nth-of-type(1):checked ~ .left_side .labels_block label:nth-of-type(1) {
  pointer-events: none;
}
.feat_block input:nth-of-type(1):checked ~ .left_side .labels_block label:nth-of-type(1):hover:after,
.feat_block input:nth-of-type(1):checked ~ .left_side .labels_block label:nth-of-type(1):hover:before {
  opacity: 1;
}
.feat_block input:nth-of-type(1):checked ~ .left_side .labels_block label:nth-of-type(1):after,
.feat_block input:nth-of-type(1):checked ~ .left_side .labels_block label:nth-of-type(1):before {
  display: block;
}
.feat_block input:nth-of-type(2):checked ~ .left_side > .content_block:nth-of-type(2) {
  display: block;
}
.feat_block input:nth-of-type(2):checked ~ .left_side .labels_block label:nth-of-type(2) {
  pointer-events: none;
}
.feat_block input:nth-of-type(2):checked ~ .left_side .labels_block label:nth-of-type(2):hover:after,
.feat_block input:nth-of-type(2):checked ~ .left_side .labels_block label:nth-of-type(2):hover:before {
  opacity: 1;
}
.feat_block input:nth-of-type(2):checked ~ .left_side .labels_block label:nth-of-type(2):after,
.feat_block input:nth-of-type(2):checked ~ .left_side .labels_block label:nth-of-type(2):before {
  display: block;
}
.feat_block input:nth-of-type(3):checked ~ .left_side > .content_block:nth-of-type(3) {
  display: block;
}
.feat_block input:nth-of-type(3):checked ~ .left_side .labels_block label:nth-of-type(3) {
  pointer-events: none;
}
.feat_block input:nth-of-type(3):checked ~ .left_side .labels_block label:nth-of-type(3):hover:after,
.feat_block input:nth-of-type(3):checked ~ .left_side .labels_block label:nth-of-type(3):hover:before {
  opacity: 1;
}
.feat_block input:nth-of-type(3):checked ~ .left_side .labels_block label:nth-of-type(3):after,
.feat_block input:nth-of-type(3):checked ~ .left_side .labels_block label:nth-of-type(3):before {
  display: block;
}
.feat_block input:nth-of-type(4):checked ~ .left_side > .content_block:nth-of-type(4) {
  display: block;
}
.feat_block input:nth-of-type(4):checked ~ .left_side .labels_block label:nth-of-type(4) {
  pointer-events: none;
}
.feat_block input:nth-of-type(4):checked ~ .left_side .labels_block label:nth-of-type(4):hover:after,
.feat_block input:nth-of-type(4):checked ~ .left_side .labels_block label:nth-of-type(4):hover:before {
  opacity: 1;
}
.feat_block input:nth-of-type(4):checked ~ .left_side .labels_block label:nth-of-type(4):after,
.feat_block input:nth-of-type(4):checked ~ .left_side .labels_block label:nth-of-type(4):before {
  display: block;
}
.feat_block input:nth-of-type(5):checked ~ .left_side > .content_block:nth-of-type(5) {
  display: block;
}
.feat_block input:nth-of-type(5):checked ~ .left_side .labels_block label:nth-of-type(5) {
  pointer-events: none;
}
.feat_block input:nth-of-type(5):checked ~ .left_side .labels_block label:nth-of-type(5):hover:after,
.feat_block input:nth-of-type(5):checked ~ .left_side .labels_block label:nth-of-type(5):hover:before {
  opacity: 1;
}
.feat_block input:nth-of-type(5):checked ~ .left_side .labels_block label:nth-of-type(5):after,
.feat_block input:nth-of-type(5):checked ~ .left_side .labels_block label:nth-of-type(5):before {
  display: block;
}
.feat_block .labels_block {
  margin-bottom: 48px;
}
.labels_block {
  display: flex;
  gap: 20px;
}
.labels_block label {
  height: 40px;
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}
.labels_block label:before {
  display: none;
  position: absolute;
  content: '';
  clip-path: url(#radial-mask);
  margin-left: 1px;
  width: 55px;
  height: 54px;
  transition: all 0.3s linear;
}
.labels_block label:after {
  display: none;
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: -8px;
  left: -8px;
  transition: all 0.2s linear;
  transform-origin: 28px 28px;
  transform: rotate(225deg);
  animation: 0.4s dot-round;
}
.labels_block label:hover:before {
  opacity: 0.2;
  display: block;
}
.labels_block .v_back {
  background: #0077ff;
}
.labels_block .v_back:after,
.labels_block .v_back:before {
  background: #0077ff;
}
.labels_block .i_back {
  background: var(--i-grad);
}
.labels_block .i_back:after,
.labels_block .i_back:before {
  background: #B65BC0;
}
.labels_block .f_back {
  background: #0571E4;
}
.labels_block .f_back:after,
.labels_block .f_back:before {
  background: #0571E4;
}
.labels_block .a_back {
  background: #fff;
}
.labels_block .a_back:after,
.labels_block .a_back:before {
  background: #fff;
}
.labels_block .t_back {
  background: #179cde;
}
.labels_block .t_back:after,
.labels_block .t_back:before {
  background: #179cde;
}
.pricing_block {
  padding: 160px 0 200px;
}
.pricing_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 56px;
}
.pricing_header .types_change {
  display: flex;
  gap: 18px;
}
.pricing_header .types_change span {
  height: 48px;
  display: flex;
  flex-direction: column;
  padding: 0 12px;
  min-width: 220px;
  text-align: center;
  cursor: pointer;
  color: #000;
  justify-content: center;
  font-size: 16px;
  border-radius: 8px;
  background: #F7F7F7;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.pricing_header .types_change span u {
  font-size: 12px;
  display: block;
  text-decoration: none;
  text-align: center;
}
.pricing_header .types_change span.active {
  background: var(--btn-grad);
  color: #fff;
  pointer-events: none;
}
.pricing_header .types_change span:hover {
  background: #e6f4ff;
}
.pricing_body {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.pricing_plan {
  border-radius: 12px;
  border: 1px solid #F0EDF4;
  box-shadow: 0px 15px 25px rgba(14, 28, 37, 0.03);
  padding: 24px;
}
.pricing_plan h4 {
  color: #282828;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 32px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.7px;
  display: flex;
  justify-content: center;
}
.pricing_plan h4:after {
  content: '';
  display: block;
  position: absolute;
  height: 4px;
  width: 24px;
  border-radius: 4px;
  bottom: -12px;
}
.pricing_plan_price {
  font-size: 20px;
  margin-bottom: 36px;
  text-align: center;
}
.pricing_plan_price .plan-price {
  font-size: 44px;
  background: linear-gradient(90.45deg, #9D25D6 0.39%, #F8477C 99.72%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.pricing_plan_price .yearly-text {
  font-size: 12px;
  display: block;
  line-height: 12px;
  min-height: 12px;
}
.pricing_plan .feat_list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pricing_plan .feat_list li {
  display: flex;
  color: #282828;
  font-weight: 400;
  font-size: 14px;
  text-shadow: 0.2px 0px;
  align-items: center;
}
.pricing_plan .feat_list li span {
  margin-left: auto;
  padding: 2px 10px;
  background: #DAEAFB;
  border-radius: 8px;
  text-shadow: 0.3px 0 0 black;
  text-align: center;
  white-space: nowrap;
  flex: none;
}
.pricing_plan .feat_list li span sup {
  font-size: 9px;
  line-height: 0;
}
.pricing_plan .feat_list li:before {
  content: '';
  width: 12px;
  height: 12px;
  flex: none;
  display: block;
  margin-right: 12px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.70711 5.29289C1.31658 4.90236 0.683418 4.90236 0.292893 5.29289C-0.0976311 5.68341 -0.0976311 6.31658 0.292893 6.7071L5.29289 11.7071C5.69802 12.1122 6.36002 12.0948 6.74329 11.669L15.7433 1.66896C16.1128 1.25845 16.0795 0.626158 15.669 0.256699C15.2585 -0.11276 14.6262 -0.0794814 14.2567 0.331029L5.96181 9.54758L1.70711 5.29289Z' fill='url(%23paint0_linear_4567_433)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4567_433' x1='0' y1='5.99999' x2='16.0152' y2='6.16655' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239D25D6'/%3E%3Cstop offset='1' stop-color='%23F8477C'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center;
  background-size: contain;
}
.pricing_plan .feat_list li.inactive {
  opacity: 0.2;
}
.pricing_plan .feat_list li.inactive:before {
  filter: grayscale(1);
}
.pricing_plan .feat_list + ul {
  margin-top: 32px;
  margin-bottom: 10px;
  padding-top: 32px;
  background-image: linear-gradient(to right, #DDC6F1 10%, rgba(221, 198, 241, 0) 0%);
  background-position: 2px 0;
  background-repeat: repeat-x;
  background-size: 17px 2px;
}
.pricing_plan.highlight {
  background: linear-gradient(180deg, #2E5274 0%, #2850A7 100%);
  color: #fff;
  padding: 36px 24px;
}
.pricing_plan.highlight .pricing_plan_price {
  filter: invert(1);
  color: black;
}
.pricing_plan.highlight h4 {
  color: #fff;
  text-shadow: 0.2px 0.2px;
}
.pricing_plan.highlight .feat_list li {
  color: #fff;
  text-shadow: none;
}
.pricing_plan.highlight .feat_list li span {
  color: #000;
}
.pricing_plan.highlight .feat_list li:before {
  filter: invert(1);
}
.pricing_plan:nth-child(1) h4:after {
  background: #D9DDE3;
}
.pricing_plan:nth-child(2) h4:after {
  background: #F39930;
}
.pricing_plan:nth-child(3) h4:after {
  background: #4979E2;
}
.pricing_plan:nth-child(4) h4:after {
  background: #8C49E2;
}
.pricing_plan.custom {
  background: linear-gradient(103deg, #1d2237, #202d61);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  max-width: calc(100% / 4 - 8px);
}
@media (max-width: 1000px) {
  .pricing_plan.custom {
    max-width: initial;
  }
}
.pricing_plan.custom .button_app {
  margin: 0;
  padding: 18px;
  width: 100%;
  margin: 10px 0;
}
.pricing_plan.custom .button_app .btn-cont {
  display: grid;
  place-content: center;
}
.pricing_plan.custom .custom_subtitle {
  text-align: center;
  font-size: 18px;
  margin: 0;
}
.pricing_plan .custom-description {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 18px;
  text-align: center;
  color: #e1e1e1;
  margin-bottom: 20px;
}
.pricing_note {
  margin: 28px auto 0;
  max-width: 920px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #6e6e6e;
}
.about_block {
  padding: 160px 0 500px;
  background: #F8F8F8;
  display: flex;
  justify-content: center;
  overflow-x: hidden;
}
.about_block .content_block {
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about_block .content_block p {
  min-height: initial;
  font-weight: 400;
  text-shadow: none;
}
.about_block .left_side {
  padding: 0;
}
.about_block .right_side:after {
  transform: scale(1, -1) rotate(270deg);
  right: -223px;
  margin-top: -256px;
}
.about_block .right_side:before {
  display: none;
}
.about_block .adds_list {
  gap: 24px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  width: 662px;
  max-width: 100%;
}
.about_block .adds_list li {
  max-width: 288px;
  padding: 18px;
  background: #fff;
  border-radius: 12px;
  align-self: self-start;
  box-shadow: 0px 20px 75px #F0F0F0;
}
.about_block .adds_list li .iconic {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about_block .adds_list li .iconic img {
  width: 20px;
  height: 20px;
}
.about_block .adds_list li:nth-child(1) .iconic {
  background: rgba(252, 154, 39, 0.12);
}
.about_block .adds_list li:nth-child(2) {
  margin-top: 24px;
}
.about_block .adds_list li:nth-child(2) .iconic {
  background: rgba(5, 113, 228, 0.12);
}
.about_block .adds_list li:nth-child(3) {
  margin-top: -24px;
}
.about_block .adds_list li:nth-child(3) .iconic {
  background: rgba(140, 73, 226, 0.12);
}
.about_block .adds_list li:nth-child(4) .iconic {
  background: rgba(255, 25, 119, 0.12);
}
.about_block .adds_list li h5 {
  font-size: 18px;
  font-weight: 400;
  text-shadow: 0.4px 0.3px;
  letter-spacing: 0.6px;
  margin: 0 0 10px;
}
.about_block .adds_list li p {
  color: #656565;
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.2px;
}
.about_block:after {
  display: block;
  position: absolute;
  background: url('common/about_decor.svg');
  width: 741px;
  height: 50px;
  content: '';
  max-width: 60%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -65%;
  bottom: 340px;
}
.popsters_block {
  background: linear-gradient(90deg, #2A53AB 0%, #411CAC 100%);
  border-radius: 24px;
  padding: 80px 0 40px;
  color: #fff;
  text-align: center;
  margin-top: -222px;
  z-index: 1;
}
.popsters_block .container {
  width: 960px;
  max-width: 80%;
  margin: 0 auto;
  padding: 0;
}
.popsters_block p {
  font-size: 32px;
  line-height: 38px;
  display: block;
  font-weight: 300;
  text-shadow: 0.2px 0.1px;
  text-align: center;
  margin-bottom: 30px;
}
.popsters_block .button_app {
  margin-bottom: 64px;
  background: white;
  padding: 15px 46px;
  font-weight: 600;
  font-size: 14px;
}
.popsters_block .button_app .btn-cont {
  background: #fff;
}
.popsters_block .button_app span {
  background: linear-gradient(90.45deg, #9D25D6 0.39%, #F8477C 99.72%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.popsters_block .hor_line {
  background: rgba(255, 255, 255, 0.12);
  display: block;
  width: 100%;
  height: 1px;
}
.popsters_block .popsters_cred {
  display: flex;
  align-items: center;
  font-size: 18px;
  margin-top: 42px;
  justify-content: center;
  font-weight: 300;
  text-shadow: 0.2px 0.2px;
  letter-spacing: 0.5;
}
.popsters_block .popsters_cred .popsters_link {
  margin-left: 11px;
  margin-top: -2px;
}
.popsters_block .popsters_cred .popsters_link img {
  width: 100%;
  max-width: 126px;
}
.popsters_block::after {
  background: url('common/popsters_decor.svg');
  width: 108px;
  height: 120px;
  top: -60px;
  right: 54px;
}
.popsters_block::before {
  background: url('common/popsters_decor_new.svg');
  width: 80px;
  height: 80px;
  left: -28px;
  bottom: 105px;
}
.popsters_block::after,
.popsters_block::before {
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: center;
  max-width: 13vw;
}
svg.svg {
  position: absolute;
  z-index: -999;
  top: -100%;
  opacity: 0;
}
.main_footer {
  background: linear-gradient(269deg, #242651 0.66%, #1B1D3E 98.93%);
  padding-top: 222px;
  margin-top: -222px;
  text-align: center;
  color: #fff;
  overflow-x: hidden;
}
.main_footer .logo_white {
  margin: 80px auto 40px;
}
.main_footer .logo_white img {
  margin: 0 auto;
}
.main_footer p {
  width: 640px;
  max-width: 90%;
  font-size: 16px;
  margin: 0 auto 64px;
}
.main_footer .footer_text {
  letter-spacing: 0.4px;
  font-weight: 300;
}
.main_footer .footer_text a {
  font-weight: 400;
}
.main_footer .menu_list {
  margin: 0 auto 64px;
  justify-content: center;
}
.main_footer .socials_list {
  display: flex;
  gap: 40px;
  margin-bottom: 80px;
  justify-content: center;
}
.main_footer .socials_list li a {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  transition: all 0.3s;
}
.main_footer .socials_list li a:hover {
  opacity: 0.9;
}
.main_footer .socials_list li a .icon {
  max-height: 20px;
  max-width: 20px;
}
.main_footer .base_block {
  padding: 32px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 300;
  text-shadow: 0.4px 0.2px;
  letter-spacing: 0.4px;
  border-top: 1px solid rgba(210, 210, 217, 0.12);
  gap: 12px;
  z-index: 1;
}
.main_footer .base_block .terms a + a {
  margin-left: 40px;
}
.main_footer .container:after {
  background: url('common/footer-decor.svg');
  background-size: contain;
  background-repeat: no-repeat;
  height: 166px;
  width: 329px;
  max-width: 36vw;
  position: absolute;
  right: -14vw;
  bottom: 216px;
  content: '';
}
a:not(.button_app):not(.sign_in):hover:after,
a:not(.button_app):not(.sign_in):hover:before {
  display: block;
  left: calc(100% - 6px);
  z-index: 0;
  bottom: -6px;
  content: '';
  position: absolute;
}
a:not(.button_app):not(.sign_in):hover:after {
  opacity: 1;
  border-radius: 50%;
  background: var(--btn-grad);
  animation: 0.4s hover-link;
  width: 6px;
  height: 6px;
}
a:not(.button_app):not(.sign_in):hover:before {
  width: 1px;
  height: 1px;
  box-shadow: -8px -6px 44px 8px #ffffff3d;
}
.lang-input {
  display: none;
}
.lang-input:checked ~ .lang-click .lang-list {
  display: block;
}
.lang-click label {
  padding: 5px;
  border-radius: 4px;
  transition: all 0.4s ease;
  display: grid;
  cursor: pointer;
  margin-right: 12px;
}
.lang-click label svg {
  fill: #fff;
}
.lang-click label:hover {
  background: #ffffff30;
}
.lang-list {
  background: #fff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  border-radius: 7px;
  font-size: 12px;
  margin-left: -20%;
  padding-bottom: 0;
  overflow: hidden;
  display: none;
  position: absolute;
  justify-self: center;
  margin-top: 4px;
  z-index: 2;
  box-shadow: 0 0 19px 0px #00000033;
}
.lang-list li {
  overflow: hidden;
}
.lang-list li a {
  display: block;
  padding: 8px 15px;
  color: #000;
  text-align: center;
}
.lang-list li a:hover {
  cursor: pointer;
  background: #e8e9ea;
}
*[anim-type] {
  animation-duration: 0.3s;
  animation-timing-function: linear;
}
.anim-zoom-in {
  animation-name: zoom-in;
}
.anim-swipe-left {
  animation-name: swipe-left;
}
.anim-swipe-right {
  animation-name: swipe-right;
}
@property --btn1 {
  syntax: '<color>';
  initial-value: #9D25D6;
  inherits: false;
}
@property --btn2 {
  syntax: '<color>';
  initial-value: #ff4207;
  inherits: false;
}
@property --back1 {
  syntax: '<color>';
  initial-value: #16212A;
  inherits: false;
}
@property --back2 {
  syntax: '<color>';
  initial-value: #411CAC;
  inherits: false;
}
@property --line-color {
  syntax: '<color>';
  initial-value: #ffffff1a;
  inherits: false;
}
@property --line-color2 {
  syntax: '<color>';
  initial-value: #ffffff1a;
  inherits: false;
}
@property --angleback {
  syntax: '<angle>';
  initial-value: 180deg;
  inherits: false;
}
@property --angle {
  syntax: '<angle>';
  initial-value: 229deg;
  inherits: false;
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes swipe-left {
  0% {
    opacity: 0;
    transform: translateX(-65%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes swipe-right {
  0% {
    opacity: 0;
    transform: translateX(65%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes hover-link {
  0% {
    opacity: 1;
    left: 0;
  }
  100% {
    opacity: 1;
    left: calc(100% - 6px);
  }
}
@keyframes btn-rad {
  0% {
    --btn1: #2196f3;
    --btn2: #FFEB3B;
    --angle: 229deg;
    background: linear-gradient(var(--angle), var(--btn1) 0.39%, var(--btn2) 99.72%);
  }
  100% {
    --btn1: #b055db;
    --btn2: #ff5c19;
    --angle: 90deg;
    background: linear-gradient(var(--angle), var(--btn1) 0.39%, var(--btn2) 99.72%);
  }
}
@keyframes back-rad {
  0% {
    --angleback: 180deg;
    background: linear-gradient(var(--angleback), var(--back1) 0%, var(--back2) 100%);
  }
  100% {
    --angleback: 0deg;
    background: linear-gradient(var(--angleback), var(--back1) 0%, var(--back2) 100%);
  }
}
@keyframes dot-round {
  0% {
    transform: rotate(137deg);
  }
  100% {
    transform: rotate(225deg);
  }
}
@keyframes mini {
  0% {
    transform: translateX(-300px);
  }
  100% {
    transform: initial;
  }
}
@keyframes mini2 {
  0% {
    transform-origin: 400px 600px;
    transform: rotate(35deg);
  }
  100% {
    transform-origin: 400px 600px;
    transform: rotate(0deg);
  }
}
@keyframes line-anim {
  0% {
    --line-color: #ffffff1a;
    --line-color2: #ffffff1a;
    background: linear-gradient(0deg, var(--line-color) 0.39%, var(--line-color2) 99.72%);
  }
  33% {
    --line-color: #ffffff1a;
    --line-color2: #b055db;
    background: linear-gradient(0deg, var(--line-color) 0.39%, var(--line-color2) 99.72%);
  }
  66% {
    --line-color: #b055db;
    --line-color2: #ff5c19;
    background: linear-gradient(0deg, var(--line-color) 0.39%, var(--line-color2) 99.72%);
  }
  100% {
    --line-color: #ff5c19;
    --line-color2: #ffffff1a;
    background: linear-gradient(0deg, var(--line-color) 0.39%, var(--line-color2) 99.72%);
  }
}