@charset "UTF-8";
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-weight: 400;
  src: local("Montserrat-Regular"), url("../fonts/Montserrat-Regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Furore;
  font-weight: 400;
  src: local("Furore"), url("../fonts/Furore.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Play;
  font-weight: 700;
  src: local("play-bold"), url("../fonts/play-bold.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Play;
  font-weight: 400;
  src: local("play-regular"), url("../fonts/Play-Regular.woff2") format("woff2");
}
:root {
  scroll-behavior: smooth;
}
:root {
  --fon: #0a0019;
	--white: #dcdcf0;
	--cyan: #b4c8ff;
	--blue-1: #46beff;
	--blue-2: #0019ff;
	--pink-1: #f0f;
	--pink-2: #c800c8;
	--purple-1: #a064ff;
	--purple-2: #9600ff;
	--black: #0a0019;
	--glass-gradient-1: rgba(255, 255, 255, 0.05);
	--glass-gradient-2: rgba(39, 0, 78, 0.2);

}

:root {
  --font-family: "Montserrat", sans-serif;
  --second-family: "Play", sans-serif;
  --third-family: "Furore", sans-serif;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
/* .slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
} */
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

html {
  position: relative;
  box-sizing: border-box;
  min-height: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  outline: none;
}

body {
  position: relative;
  overflow-x: hidden;
  min-width: 320px;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

img,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

svg {
  max-height: 100%;
}

button {
  padding: 0;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

a {
  text-decoration: none;
  color: inherit;
  outline: none;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
p,
figure,
fieldset {
  margin: 0;
}

iframe {
  border: none;
}

.visually-hidden {
  position: fixed;
  transform: scale(0);
}

body {
  min-width: 320px;
  background-color: var(--fon);
  color: var(--white);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 133%;
  min-height: 100%;
  background-image: url("../img/img-class/bg/bgleft-top.png"),
	url("../img/img-class/bg/bgright-top.png"),
	url("../img/img-class/bg/bgright-cube.png"),
	url("../img/img-class/bg/bgleft-center.png"),
	url("../img/img-class/bg/bgright-result.png"),
	url("../img/img-class/bg/bgleft-result.png"),
	url("../img/img-class/bg/bgright-cube2.png"), 
	url("../img/img-class/bg/bgleft-cval.png"), 
	url("../img/img-class/bg/bgright-conso.png"), 
	url("../img/img-class/bg/bgleft-adw.png"), 
	url("../img/img-class/bg/bgleft-bottom.png"), 
	url("../img/img-class/bg/bgright-bottom.png");
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: left 0, right 0, right 2450px, left 1850px, right 2150px, left 3700px, right 5250px, left bottom 2800px, right bottom 1280px, left bottom 1100px , 0 bottom, 100% bottom;
  padding: 0;
  margin: 0;
}

.wrapper {
  /* height: 100vh; */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1 1 auto;
}

.container {
  max-width: 1230px;
  padding: 0 30px;
  margin: 0 auto;
}

section {
  padding: 72px 0;
}

.title {
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.05em;
  text-align: center;
  color: #dcdcf0;
  margin-bottom: 72px;
}

.subtitle {
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 30px;
  line-height: 133%;
  letter-spacing: 0.05em;
  text-align: center;
  color: var(--text);
  margin-bottom: 72px;
}

.button {
  border-radius: 10px;
  padding: 10px 24px;
  -webkit-backdrop-filter: blur(64px);
          backdrop-filter: blur(64px);
  box-shadow: 0 0 32px 0 rgba(240, 0, 250, 0.5), 0 0 16px 0 rgba(0, 25, 240, 0.5);
  background: linear-gradient(90deg, #c800c8 0%, #9600ff 100%, #9600ff 100%);
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 22px;
  line-height: 127%;
  text-align: center;
  color: var(--text);
  text-align: center;
  display: inline-block;
	cursor: pointer;
}
.button:hover {
  background: linear-gradient(90deg, #9600ff 0%, #c800c8 100%, #c800c8 100%);
	cursor: pointer;
}
.button:focus, .button:active {
  background: linear-gradient(90deg, #9600ff 0%, #c800c8 100%, #c800c8 100%);
}

.button-line {
  position: relative;
  background: none;
  box-shadow: 0 0 16px -5px #f000fa, 0 0 8px -5px #0019f0;
}
.button-line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  border: 2px solid transparent;
  background: linear-gradient(90deg, #f000fa 0%, #0019f0 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: source-over, source-over;
          mask-composite: add, add;
  mask-composite: add, add;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.button-line:hover {
  background: none;
}
.button-line:hover::before {
  background: linear-gradient(90deg, #0019f0 0%, #f000fa 100%) border-box;
}

@media (max-width: 1440px) {
  .container {
    padding: 0 20px;
  }
}
@media (max-width: 871px) {
  .title {
    font-size: 40px;
    line-height: 1.33333;
  }
  .button {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
  section {
    padding: 50px 0;
  }
  .title {
    font-size: 26px;
    line-height: 1.33333;
    margin-bottom: 30px;
  }
  .subtitle {
    font-size: 22px;
    line-height: 1.375;
    margin-bottom: 24px;
  }
  .button {
    font-size: 14px;
    line-height: 1.14286;
  }
}
@media (max-width: 379px) {
  .container {
    padding: 0 10px;
  }
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.wrap-top {
	background: linear-gradient(180deg, rgba(160, 100, 255, 0) 0%, rgba(160, 100, 255, 0.15) 100%), url("../img/gia/bg/bgleft-top2.png") no-repeat right top;
}
.header {
	border-bottom: 1px solid rgba(220, 220, 240, 0.2);
	backdrop-filter: blur(64px);
	background: rgba(10, 0, 25, 0.5);
	position: relative;
	z-index: 9;
	overflow: hidden;
	position: relative;
}
.header--scroll {
  position: fixed;
  width: 100%;
  z-index: 99;
  padding: 0;
}

.header__container {
  display: flex;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  justify-content: space-between;
}
.header--scroll .header__container {
	padding-top: 12px;
  padding-bottom: 12px;
}
.header__item {
  padding: 10px 16px;
  position: relative;
  transition: all 0.6s ease;
}
.header__item::after {
  content: "";
  height: 4px;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  border-radius: 4px;
  transition: all 0.6s ease;
}
.header__item--active::after {
  background: linear-gradient(90deg, #c800c8 0%, #9600ff 100%);
}
.header__link {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #dcdcf0;
}
.header__buttons {
	display: flex;
	align-items: center;
	gap: 15px;
}

.header--scroll .header__logo {
	max-width: 150px;
}

.header--scroll .menu-big {
	gap: 10px;
}

.header--scroll .menu-big__item {
	padding: 5px 5px;
}

.header--scroll .menu-big__link {
	font-size: 16px;
}

.header--scroll .button {
	font-size: 18px;
	padding: 8px 15px 10px;
}

.menu-big {
  display: flex;
  align-items: center;
}
.menu-big__item {
  padding: 10px 16px;
  position: relative;
  transition: all 0.6s ease;
}
.menu-big__item::after {
  content: "";
  height: 4px;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  border-radius: 4px;
  transition: all 0.6s ease;
}
.menu-big__item--active::after {
  background: linear-gradient(90deg, #c800c8 0%, #9600ff 100%);
}
.menu-big__link {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: var(--text);
}
@media (max-width: 895px) {
	.menu-big {
		gap: 15px;
	}
	.menu-big__item {
		padding: 10px 0;
	}
}
@media (max-width: 768px) {
  .menu-big {
    gap: 10px;
  }
  .menu-big__item {
    padding: 10px 0;
    text-align: center;
  }
  .menu-big__link {
    font-size: 12px;
  }
}
@media (max-width: 650px) {
  .menu-big {
    display: none;
  }
}
.promo {
  padding: 0 30px;
}
.promo__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;  
  padding: 0 0 0 29px;  
  overflow: hidden;
}
.promo__row {
  max-width: 575px;
}
.promo__logo {
  margin-bottom: 46px;
}
.promo__title {
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 48px;
	line-height: 125%;
  letter-spacing: 0.05em;
  color: #b4c8ff;
  text-align: left;
  margin-bottom: 10px;
}
.promo__subtitle {
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 30px;
  line-height: 133%;
  letter-spacing: 0.05em;
  color: #b4c8ff;
  margin-bottom: 30px;
}
.promo__text {
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 20px;
	line-height: 140%;
	color: var(--white);
	margin-bottom: 30px;
}
.promo__pic {  
  align-self: flex-end;
	margin-top: -60px;
}
.promo__list {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 16px;
	/* margin-bottom: 50px; */
}
.promo__item {
	border-radius: 40px;
	padding: 12px 20px;
	position: relative;
	display: inline-flex;
}
.promo__item::before {
	content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	border-radius: 40px;
	border: 1px solid transparent;
		background: linear-gradient(90deg, #C600C9 0%, #9900FB 100%) border-box;
		-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
			mask-composite: add, add;
		-webkit-mask-composite: destination-out;
		mask-composite: exclude;
}
@media (max-width: 1030px) {
  .promo__title {
    font-size: 48px;
  }
  .promo__row {
    max-width: 400px;
    padding: 20px 0 80px;
  }
}
@media (max-width: 768px) {
  .promo {
    padding-top: 0;
  }
  .promo__container {
    flex-direction: column;    
    background-position: right bottom;
		/* padding: 0; */
  }
  .promo__row {
    max-width: 100%;
		padding-bottom: 0;
  }
  .promo__pic {
    margin-top: -100px;
  }
}
@media (max-width: 600px) {
  .promo {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.menu {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.menu li {
  cursor: pointer;
  border-radius: 20px 20px 0 0;
  padding: 16px 40px;
  -webkit-backdrop-filter: blur(64px);
          backdrop-filter: blur(64px);
  background: rgba(160, 100, 255, 0.1);
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  text-align: center;
  color: #dcdcf0;
  border: 1px solid #49395a;
  border-bottom: 0;
}
.menu li.menu__active {
  background: rgba(160, 100, 255, 0.2);
  position: relative;
  z-index: 9;
}

.tab_content {
  display: none;
  /* -webkit-backdrop-filter: blur(64px);
          backdrop-filter: blur(64px); */
  background-image: linear-gradient(180deg, rgba(160, 100, 255, 0.2) 10%, rgba(10, 0, 25, 0) 100%);
  background-size: 100% 1200px;
  background-repeat: no-repeat;
  border-top: 1px solid #51356b;
  margin-top: -2px;
}
.tab_content .container {
  padding: 0;
  max-width: 1170px;
}

.visible {
  display: block !important;
}


.benefits-testing--courses {
	padding: 72px 0;
}
.benefits-testing__row {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;  
	overflow: hidden;
}
.benefits-testing__item {
  flex: 0 1 570px;
  border-radius: 20px;
  padding: 44px 32px;
  -webkit-backdrop-filter: blur(64px);
          backdrop-filter: blur(64px);
  background-color: rgba(255, 255, 255, 0.05);
  background-image: linear-gradient(315deg, rgba(160, 100, 255, 0.2) 0%, rgba(10, 0, 25, 0.2) 100%);
  border: 1px solid #34234e;
	display: flex;
	align-items: center;
	gap: 32px;
}
.benefits-testing__item--small {	
	align-items: center;
	display: flex;
}
.benefits-testing__subtitle {
  font-family: var(--second-family);
	font-weight: 700;
	font-size: 20px;
	line-height: 140%;
	color: var(--purple-1);
	margin-bottom: 10px;
}


@media(max-width: 768px) {
	.benefits-testing__subtitle {
		font-size: 16px;
	}
}
@media (max-width: 600px) {
  
  .menu {
    gap: 10px;
  }
  .menu li {
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .benefits-testing__row {
    flex-direction: column;
  }
}
@media (max-width: 449px) {
  .menu {
    justify-content: space-between;
    padding-left: 25px;
    padding-right: 25px;
  }
  .menu li {
    font-size: 12px;
  }  
}

.information {
	padding: 0 0 72px;
	background: url("../img/img-class/bg/bg-video.png") no-repeat left 100px;
}
.information__video {
	text-align: center;
	margin-bottom: 72px;
}
.information__video img {
	margin: 0 auto;
}
.information__row {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.information__item {
	flex: 1 1 570px;
	display: flex;
	gap: 30px;
	border-radius: 20px;
	padding: 29px 30px;
	backdrop-filter: blur(64px);
	border: 1px solid #34234e;
	background-color: var(--glass-gradient-1);
	background-image:  linear-gradient(315deg, rgba(160, 100, 255, 0.2) 0%, rgba(10, 0, 25, 0.2) 100%);
}
.information__image {
	min-width: 72px;
	max-width: 72px;
}
.information__info {
	border-left: 1px solid rgba(220, 220, 240, 0.4);
	padding-left: 30px;
}
.information__text {
}
.information__text--bold {
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 30px;
	line-height: 133%;
	letter-spacing: 0.05em;
	color: var(--purple-1);
	margin-bottom: 10px;
}

.objects {
	padding: 72px 0;
}
.objects__title {
	margin-bottom: 40px;
}
.objects__text-big {
	text-align: center;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 20px;
	line-height: 140%;
	margin-bottom: 72px;
}
.objects__row {
	display: flex;
	gap: 30px;
}

.objects__menu {
	flex: 0 0 370px;	
	max-width: 370px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 20px;
}
.objects__menu li {
	border-radius: 20px;
	padding: 26px 32px 27px;
	backdrop-filter: blur(64px);
	background-color: var(--glass-gradient-1);
	background-image: linear-gradient(315deg, rgba(160, 100, 255, 0.2) 0%, rgba(10, 0, 25, 0.2) 100%);
	border: 1px solid var(--glass-gradient-1);
	text-align: left;
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 30px;
	line-height: 133%;
	letter-spacing: 0.05em;
	transition: all 0.3s ease-in-out;
}
.objects__menu li:hover {	
	background-color: transparent;
	background-image: url("../img/img-class/objects/bgli.svg"),
										linear-gradient(315deg, rgba(160, 100, 255, 0.2) 0%, rgba(10, 0, 25, 0.2) 100%), 
										linear-gradient(90deg, rgba(200, 0, 200, 0.4) 0%, rgba(150, 0, 255, 0) 100%);											
	background-size: auto auto, 100% 100%, 285px 100%;
	background-position: 20px 50%, left center, left center;
	background-repeat: no-repeat, repeat, no-repeat;
	padding-left: 55px;
}
.objects__menu li.menu__active {
	background-color: transparent;
	background-image: url("../img/img-class/objects/bgli.svg"),
										linear-gradient(315deg, rgba(160, 100, 255, 0.2) 0%, rgba(10, 0, 25, 0.2) 100%), 
										linear-gradient(90deg, rgba(200, 0, 200, 0.4) 0%, rgba(150, 0, 255, 0) 100%);											
	background-size: auto auto, 100% 100%, 285px 100%;
	background-position: 20px 50%, left center, left center;
	background-repeat: no-repeat, repeat, no-repeat;
	padding-left: 55px;
}
.objects .tab_content {
	flex: 1 1 auto;
	backdrop-filter: blur(64px);
	background: linear-gradient(315deg, rgba(160, 100, 255, 0.2) 0%, rgba(10, 0, 25, 0.2) 100%);
	border: 1px solid var(--glass-gradient-1);
	border-radius: 20px;	
}
.objects__item {
	display: flex;
	flex-direction: column;	
	min-height: 100%;	
	padding: 25px 30px 30px;
}
.objects__item .objects__text {
	margin-bottom: 30px;
	max-width: 400px;
}
.objects__subtitle {
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 48px;
	line-height: 125%;
	letter-spacing: 0.05em;
	color: var(--pink-1);
	margin-bottom: 10px;
}
.objects__text--bold {
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 20px;
	line-height: 140%;	
	color: var(--white);
	display: block;
}
.objects__list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	max-width: 400px;
}
.objects__li {
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.1077 6.57735L10.5 1.1547L19.8923 6.57735V17.4226L10.5 22.8453L1.1077 17.4226V6.57735Z' stroke='url(%23paint0_linear_9_994)' stroke-width='2' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_9_994' x1='-1.5' y1='12' x2='22.5' y2='12' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C800C8' /%3E%3Cstop offset='1' stop-color='%239600FF' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	background-repeat:  no-repeat;
	background-position: left top;
	padding-left: 40px;
}
#igroteh-tab_content .objects__item {
	background: url("../img/img-class/objects/igroteh.png") no-repeat right bottom;
}
#neyroteh-tab_content .objects__item {
	background: url("../img/img-class/objects/neyroteh.png") no-repeat right bottom;
}
#roboteh-tab_content .objects__item {
	background: url("../img/img-class/objects/roboteh.png") no-repeat right bottom;
}
.online-platform {
	padding: 72px 0;	
}
.online-platform__title {
	margin-bottom: 40px;
}
.online-platform__text {
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 20px;
	line-height: 140%;
	text-align: center;
	color: var(--white);
	margin: 0 auto 72px;
	max-width: 770px;
}
.online-platform__row {
	border-radius: 20px;	
	backdrop-filter: blur(64px);
	background: linear-gradient(315deg, rgba(160, 100, 255, 0.2) 0%, rgba(10, 0, 25, 0.2) 100%), url("../img/gia/bg/bg-online-platform.png") no-repeat right bottom;
	border: 1px solid var(--glass-gradient-1);
}
#online-platform__image {
	padding: 28px 40px 28px 40px;
}
.online-platform__image--1 {
	background: url("../img/img-class/online-platform/1.png") no-repeat right 40px bottom;
}
.online-platform__image--2 {
	background: url("../img/img-class/online-platform/2.png") no-repeat right 40px bottom;
}
.online-platform__image--3 {
	background: url("../img/img-class/online-platform/3.png") no-repeat right 40px bottom;
}
.online-platform__image--4 {
	background: url("../img/img-class/online-platform/4.png") no-repeat right 40px bottom;
}
.online-platform__image--5 {
	background: url("../img/img-class/online-platform/5.png") no-repeat right 40px bottom;
}
.online-platform__image--6 {
	background: url("../img/img-class/online-platform/6.png") no-repeat right 40px bottom;
}
.online-platform__image--7 {
	background: url("../img/img-class/online-platform/7.png") no-repeat right 40px bottom;
}
.online-platform__image--8 {
	background: url("../img/img-class/online-platform/8.png") no-repeat right 40px bottom;
}
.online-platform__image--9 {
	background: url("../img/img-class/online-platform/9.png") no-repeat right 40px bottom;
}
.online-platform__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: start;
	overflow: hidden;
}
.online-platform__item {
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 20px;
	line-height: 140%;
	color: var(--white);
	margin: 0;
	display: flex;	
	align-items: center;
	transition: all 0.6s ease-in-out;	
	gap: 16px;
	margin-left: -16px;
	padding: 0 0 0 40px;
	min-width: 420px;
	border-radius: 20px;
}
.online-platform__item:hover {		
	cursor: pointer;
	margin-left: 0;
	background: linear-gradient(90deg, rgba(200, 0, 200, 0.4) 0%, rgba(150, 0, 255, 0) 100%);	
	padding: 9px 10px;
}
.online-platform__item::before {
	content: "";
	width: 12px;
	height: 50px;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='50' viewBox='0 0 12 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1V1C5.47715 1 1 5.47715 1 11V21' stroke='%23FF00FF' stroke-width='2' stroke-linecap='round' /%3E%3Cpath d='M1 21V29' stroke='%23FF00FF' stroke-width='2' stroke-linecap='round' /%3E%3Cpath d='M1 29V39C1 44.5228 5.47715 49 11 49V49' stroke='%23FF00FF' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	margin-left: -24px;
	transition: all 0.6s ease-in-out;	
	/* opacity: 0; */
	visibility: hidden;
}
.online-platform__item--active::before,
.online-platform__item:hover::before {
	position: static;
	margin-left: 0;	
	visibility: visible;
}
.online-platform__item--active {
	margin-left: 0;
	background: linear-gradient(90deg, rgba(200, 0, 200, 0.4) 0%, rgba(150, 0, 255, 0) 100%);	
	padding: 9px 10px;
}

.partners-courses {
	padding: 72px 0;
}
.partners-courses__row {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.partners-courses__item {
	flex: 0 1 570px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	min-height: 248px;
	border-radius: 20px;
	padding: 40px;
	backdrop-filter: blur(64px);
	background: linear-gradient(315deg, rgba(160, 100, 255, 0.2) 0%, rgba(10, 0, 25, 0.2) 100%);
	border: 1px solid var(--glass-gradient-1);
}
.partners-courses__text {
	text-align: center;
}

@media(max-width: 1190px) {
	.information__item {
		flex: 0 1 47%;
	}
	.partners-courses__item {
		flex: 0 1 47%;
	}
	.format__item--4 {
		transform: translate(0px, 0);		
	}
	.format__item--5 {
  	transform: translate(0px, 0);
	}
	.format__item--1 {
		transform: translate(0px, 0px);
	}
	.format__item--3 {
  	transform: translate(0px, 0px);
	}	
}
@media(max-width: 1169px) {
.format__item--4 {
		transform: translate(0px, 0);
		margin-top: 0;
	}
	.format__item--4 .format__image {
		transform: translate(0, -30px);
		order: 2;
	}
}
@media(max-width:1000px) {
	#online-platform-reg__image {
		background-size: 600px;
	}
}
@media(max-width: 799px) {
	.format__item {		
	}
	.format__item--1 {
		margin-top: 0;
	}
	.format__image {
		transform: translate(0, 0);
		margin-top: -30px;
	}
	.format__item--4 .format__image {
		transform: translate(0, 0px);
	}
	.format__item--1 .format__image,
	.format__item--5 .format__image {		
		margin-top: -60px;
	}
	.format__item--5 {
		margin-top: 0;
	}
	.format__item--bottom .format__image {
  	order: 2;
	}
	.format__item--4 .format__text,
	.format__item--5 .format__text {
		margin-top: 0;
	}
	#online-platform-reg__image {
		background-size: 500px;
		padding: 40px 40px 40px 20px;
	}
	.online-platform-reg__list {
		gap: 20px;
	}
	.online-platform-reg__item {
		font-size: 24px;
	}
}

@media(max-width: 768px) {
	section {
		padding: 36px 0;
	}
	.benefits-testing--courses,
	.information,
	.objects,
	.format,
	.online-platform,
	.partners-courses {
		padding: 36px 0;
	}
	
	.objects__menu li {
		padding: 12px 20px 12px;
	}
	.objects__image {
  	max-width: 100px;
		margin-bottom: 24px;
		margin-top: 0;
	}
	.format__image {
		max-width: 150px;
	}
	.format__item {
		flex: 0 1 47%;
	}
	.format__item--1 .format__image,
	.format__item--5 .format__image {
		margin-top: -30px;
	}
	.online-platform-reg__item {
		font-size: 20px;
	}
	.objects__menu li:hover,
	.objects__menu li.menu__active {
		background-size: auto 70%, auto 100%, auto 100%;
		padding-left: 40px;
	}
}
@media(max-width: 600px) {
	#online-platform-reg__image {
		background-size: 400px;		
	}
}
@media(max-width: 529px) {
	
	.partners-courses__item {
		flex: 1 1 100%;
	}
	#online-platform-reg__image {
		background-size: 300px;		
	}
	.online-platform-reg__item {
		font-size: 16px;
	}
	.online-platform-reg__list {
		gap: 10px;
	}
}
@media(max-width: 500px) {
	.objects__row {
		flex-direction: column;
	}
	.objects__menu {		
		flex: 0 0 auto;
		gap: 10px;
		width: 100%;
	}
}
@media(max-width: 449px) {
	.objects__row {
		align-items: flex-start;
	}
	.objects__menu {
		padding-left: 0;
		padding-right: 0;
	}
	.objects__menu li {
		/* padding: 12px; */
		font-size: 16px;
	}
}

.results {
	padding: 72px 0;
}
.results__container {
	background: url("../img/img-class/results/bg.png") no-repeat center center;
}
.results__row {
	display: flex;
	align-items: center;
	justify-content: center;
	/* gap: 70px; */
	margin-bottom: 72px;
	overflow: hidden;
}
.results__item {
	
}
.results__item--left {
	display: flex;
	flex-direction: column;
	gap: 25px;
}
.results__li {
	/* flex: 0 0 370px; */
	width: 400px;
}
.results__first {
	text-align: center;
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 26px;
	line-height: 140%;
	text-align: center;
	color: var(--pink-1);
}
.results__text-li {
	max-width: 370px;
	min-height: 72px;
	border-radius: 40px;
	padding: 12px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
}
.results__text-li::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;	
	border-radius: 40px;
	border: 1px solid transparent;
  background: linear-gradient(90deg, #C600C9 0%, #9900FB 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
  mask-composite: add, add;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.results__text-li::after {
	content: "";
	position: absolute;
}
.results__li--1 .results__text-li::after {
	right: -69px;
	top: 32px;
	width: 69px;
	height: 45px;
	background: url("../img/img-class/results/line-1.png") no-repeat 0 0;
}
.results__li--2 .results__text-li::after {
	right: -56px;
	top: 32px;
	width: 56px;
	height: 10px;
	background: url("../img/img-class/results/line-2.png") no-repeat 0 0;
}
.results__li--3 .results__text-li::after {
	right: -69px;
	top: -10px;
	width: 69px;
	height: 45px;
	background: url("../img/img-class/results/line-3.png") no-repeat 0 0;
}
.results__li--active .results__text-li {
	background: linear-gradient(90deg, rgba(200, 0, 200, 0.4) 0%, rgba(150, 0, 255, 0) 100%);
	border-radius: 40px;
}

.results__item--center {
	flex: 0 0 370px;
	background: url("../img/img-class/results/bgcenter.png") no-repeat center center;
	height: 367px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	border-radius: 50%;
}
.results__text {
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 40px;
	line-height: 120%;
	letter-spacing: 0.05em;
	text-align: center;
	color: var(--white);
	max-width: 170px;
}
.results__item--right {
	display: flex;
	flex-direction: column;	
	gap: 25px;	
}
.results__item--right .results__first {
	color: var(--purple-1);
}
.results__item--right .results__li {
	display: flex;	
	justify-content: end;
}
.results__item--right .results__li .results__text-li {
	width: 370px;
}
.results__li--4 .results__text-li::after {
	left: -81px;
	top: 32px;
	width: 67px;
	height: 46px;
	background: url("../img/img-class/results/line-4.png") no-repeat 0 0;
}
.results__li--5 .results__text-li::after {
	left: -69px;
	top: 32px;
	width: 55px;
	height: 10px;
	background: url("../img/img-class/results/line-5.png") no-repeat 0 0;
}
.results__li--6 .results__text-li::after {
	left: -82px;
	top: -2px;
	width: 67px;
	height: 46px;
	background: url("../img/img-class/results/line-6.png") no-repeat 0 0;
}

.results__buttons {
	text-align: center;
}

.results__button {
	position: relative;
}
.button__top {
	display: block;
	position: absolute;
	left: -30px;
	top: -30px;
	width: 30px;
	height: 31px;
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.38135 9.14795L14.0382 14.8048' stroke='%23FF00FF' stroke-width='1.6' stroke-miterlimit='10' /%3E%3Cpath d='M7.748 26.3545L0 26.3545' stroke='%23FF00FF' stroke-width='1.6' stroke-miterlimit='10' /%3E%3Cpath d='M25.5874 8.57276L25.5874 0.662592' stroke='%23FF00FF' stroke-width='1.6' stroke-miterlimit='10' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-animation: pulse 4s infinite ease-in-out;
          animation: pulse 4s infinite ease-in-out;
}
.button__bot {
	display: block;
	position: absolute;
	right: -54px;
	bottom: -6px;
	width: 26px;
	height: 26px;
	background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 0.976562L16.9998 8.97673' stroke='%23FF00FF' stroke-width='1.6' stroke-miterlimit='10' /%3E%3Cpath d='M9.00073 16.9761L1.00057 24.9762' stroke='%23FF00FF' stroke-width='1.6' stroke-miterlimit='10' /%3E%3Cpath d='M24.9994 24.9762L16.9993 16.9761' stroke='%23FF00FF' stroke-width='1.6' stroke-miterlimit='10' /%3E%3Cpath d='M9.00016 8.97673L1 0.976562' stroke='%23FF00FF' stroke-width='1.6' stroke-miterlimit='10' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-animation: pulse 4s infinite ease-in-out;
          animation: pulse 4s infinite ease-in-out;
}

@-webkit-keyframes pulse {
  25% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}

@keyframes pulse {
  25% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@media(max-width: 1190px) {
	.results__row {
		flex-direction: column;
		gap: 40px;
	}
	.results__item {
		overflow: hidden;
	}
	.results__item--center {
		flex: 0 0 auto;
		width: 370px;
	}
	.results__li {
		width: 330px;
	}
	.results__text-li::after {
		display: none;
	}
	
}
@media(max-width: 768px) {
	.results__text {
		font-size: 24px;
    line-height: 1.33333;
	}
	
}

@media(max-width: 500px) {
	.results__item--center {
		width: 350px;
		height: 350px;
		background-size: 400px 400px;
	}
}

@media(max-width: 360px) {
	.results__li {
    width: 280px;
  }
	.results__item--center {
		width: 280px;
		height: 280px;
		background-size: 320px 320px;
	}
}

.info {
	padding-top: 0;
	padding-bottom: 0;
}

.info__container {
}
.info__row {
	display: flex;	
	justify-content: center;
	gap: 30px;
	margin-top: -57px;
}
.info__item {
	flex: 0 1 370px;	
	border-radius: 20px;
	padding: 20px 32px;	
	backdrop-filter: blur(64px);
	background-color: var(--glass-gradient-1);
	background-image: linear-gradient(315deg, rgba(160, 100, 255, 0.2) 0%, rgba(10, 0, 25, 0.2) 100%);
	border: 1px solid #322449;
}
.info__text {
	text-align: center;
}
.info__text--bold {
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 20px;
	line-height: 133%;	
	margin-bottom: 10px;
}

.qualification {
}
.qualification__title {
}
.qualification__text {
	text-align: center;
	margin-bottom: 72px;
}
.qualification__row {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 72px;
}
.qualification__item {
	flex: 1 1 570px;
	border-radius: 20px;
	padding: 32px;
	backdrop-filter: blur(64px);
	background-color: var(--glass-gradient-1);
	background-image: linear-gradient(315deg, rgba(160, 100, 255, 0.2) 0%, rgba(10, 0, 25, 0.2) 100%);
}
.qualification__item .qualification__text {
	text-align: left;
	margin-bottom: 0;
}
.qualification__subtitle {
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 20px;
	line-height: 140%;
	color: var(--pink-1);		
	position: relative;
	display: flex;
	gap: 16px;
	margin-bottom: 20px;
	align-items: center;
}
.qualification__subtitle::before {
	content: "";
	width: 32px;
	height: 33px;
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.14359 8.87129L16 1.44865L28.8564 8.87129V23.7166L16 31.1392L3.14359 23.7166V8.87129Z' stroke='%23FF00FF' stroke-width='2' /%3E%3Cpath d='M10 16.4051L14.2857 20.2939L22 13.2939' stroke='%23FF00FF' stroke-width='2' /%3E%3C/svg%3E");
}
.qualification__buttons {
	text-align: center;
}
.qualification__btn {
	position: relative;
	border-radius: 10px;
	padding: 16px 40px;
	backdrop-filter: blur(64px);	
	display: inline-block;
	margin: 0 auto;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 22px;
	line-height: 127%;
	text-align: center;
	color: var(--white);
	cursor: pointer;
}
.qualification__btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  border: 2px solid transparent;
  background: linear-gradient(90deg, #C600C9 0%, #9900FB 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: add, add;
  mask-composite: add, add;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.qualification__btn:hover::before {
	background: linear-gradient(90deg, #9900FB 0%, #C600C9 100%) border-box;
}

.awards {
	padding: 80px 0;
	position: relative;
	z-index: 9;
}
.awards__container {
	max-width: 2240px;
}
.awards__title {
	margin-bottom: 60px;
}
.awards__wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.awards__row {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}
.awards__item {
	flex: 0 1 380px;	
	backdrop-filter: blur(64px);
	background-color: var(--glass-gradient-1);
	border: 1px solid var(--glass-gradient-1);
	background: linear-gradient(315deg, rgba(160, 100, 255, 0.2) 0%, rgba(10, 0, 25, 0.2) 100%);
	border-radius: 20px;
	display: flex;
}
.awards__images {
	background: var(--logo-fsi-white);
	border-radius: 20px;
	padding: 17px 20px;
}
.awards__image {
	min-width: 80px;
}
.awards__information {
	padding: 9px 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
}
.awards__subtitle {
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 18px;
	line-height: 133%;
	color: #dcdcf0;
}
.awards__text {
	font-weight: 400;
	font-size: 12px;
	line-height: 133%;
	color: #dcdcf0;
	overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

@media(max-width: 450px) {
	.awards__subtitle {
		font-size: 14px;
	}
	.awards__images {
		padding: 10px;
	}
	.awards__text {
		font-size: 10px;
	}
}

.projects {
	padding: 72px 0;
}

.projects__container {
	max-width: 1240px;
}

.projects__title {	
	margin-bottom: 60px;
}

.projects__item {
  position: relative;
	overflow: hidden;
}

.projects__stat {
  position: absolute;
	z-index: 9;
  right: 60px;
  top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.projects__author {
	border-radius: 10px;
	padding: 5px 20px;	
	backdrop-filter: blur(64px);
	background: rgba(255, 0, 255, 0.4);
}
.projects__information {
  position: absolute;
  left: 80px;
  bottom: 40px;
	overflow: hidden;
}
.projects__text {
	max-width: 580px;
	margin: 0 auto 40px;
	text-align: center;
}
.projects__text--big {
	text-align: left;
  font-family: Furore, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.25;	
  letter-spacing: 0.05px;
	margin: 0 0 40px 0; 
	max-width: 708px; 
}

.projects__button {
  width: 740px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
	position: relative;
  z-index: 999;
}

.projects__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.projects__genre {
  width: 117px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  background: url("../img/img-class/collection/genre.png") no-repeat 0 0;
}

.projects__age {
  width: 117px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  background: url("../img/img-class/collection/age.png") no-repeat 0 0;
}

.projects__inf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 82px;
  height: 52px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  background: url("../img/img-class/collection/inf.png") no-repeat 0 0;
}

.projects__inf:hover {
  cursor: pointer;
}

.projects__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 156px;
  height: 52px;
  background: url("../img/img-class/collection/but.png") no-repeat 0 0/cover;
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.projects__information--hover {
	opacity: 0;
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 40px 80px;
	transition: all 0.6s ease-in-out;
	background: url("../img/img-class/projects/bghover.png") no-repeat 0 0/cover;
	width: 900px;
  height: 500px;
	opacity: 1;
}
.projects__information--visible {			
	left: 0;
}

.projects__text--small {
	margin: 0;
	text-align: left;
	max-width: 100%;
}
.projects .flipster {
	padding-bottom: 50px;
}
.projects .flipster--carousel .flipster__item {
  perspective: 1500px; 
}
.projects .flipster__nav {
  bottom: -68px;
  left: 50%;
  position: absolute;
  -webkit-transform:translate(-50%);
  transform: translate(-50%);
  z-index: 9;
}
.projects .flipster__nav__link {
  border-radius: 50%;
  font-size: 0;
  height: 10px;
  width: 10px;
  pointer-events: none;
}
.projects .flipster__nav__link::after {
  background:#fff;
  border-radius:50%;
  height: 10px;
  left: 0;
  top: 0;
  -webkit-transform:translate(0);
  transform: translate(0);
  width: 10px;
}
.projects .flipster__nav__item--current > .flipster__nav__link::after, 
.projects .flipster__nav__link:focus::after, 
.projects .flipster__nav__link:hover::after {
  background:#f0f;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.projects .flipster__button {
  bottom: 0;
  height: 30px;
  margin: 0;
  top: inherit;
  width: 30px;
}
.projects .flipster__button--prev {
  background-image: url(../img/left.svg);
  left: 50%;
  -webkit-transform: translate(-100px);
  transform: translate(-100px);
}
.projects .flipster__button--next {
  background-image: url(../img/right.svg);
  right: 50%;
  -webkit-transform: translate(100px);
  transform: translate(100px);
}
.projects .flipster__button svg {
  display: none;
}
@media (max-width: 1200px) {
	
  .projects .flipster__item img {
    max-width: 800px;
  }
  .projects__button {
    width: 640px;
  }
	.projects__information--hover {
		max-width: 800px;
		height: 444px;
	}
	.projects__text--big {
		font-size: 38px;
	}
}

@media (max-width: 1100px) {
  
  .projects__information {
    left: 0;
    width: 100%;
    bottom: 30px;
		padding-left: 35px;
  }
  .projects__stat {
    right: 30px;
  }
  .projects__stat p {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 16px;
  }
  .projects__information--hover {
		max-width: 765px;
		height: 425px;
		padding: 40px 35px;
		left: 100%;
		bottom: inherit;
		top: 0;
	}
	.projects__information--visible {			
		left: 0;
	}
  .projects__button {
    width: 100%;
    padding: 0 35px 0 0;
  }
  .projects .flipster__item img {
    max-width: 765px;
  }
  .projects__genre {
    width: 82px;
    height: 42px;
    background-size: 100% 100%;
    border-right: 2px solid var(--pink);
    border-radius: 0 8px 8px 0;
  }
  .projects__age {
    width: 82px;
    height: 42px;
    background-position: right 0;
    background-size: 100% 100%;
    border-left: 2px solid var(--pink);
    border-radius: 8px 0 0 8px;
  }
  .projects__inf {
    width: 66px;
    height: 42px;
    background-size: auto 100%;
    border-radius: 0 0 8px 8px;
    padding-left: 10px;
  }
  .projects__btn {
    width: 106px;
    height: 42px;
    background-position: right 0;
    border-radius: 8px 0 0 8px;
  }
}

@media (max-width: 1050px) {
  .projects .flipster__item img {
    max-width: 705px;
  }
	.projects__information--hover {
		width: 705px;
		height: 392px;
	}
}

@media (max-width: 1000px) {
  .projects__stat {
    right: 30px;
  }
  
  .projects__stat p {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 16px;
  }
  .projects__information {
    left: 0;
    width: 100%;
  }
	.projects__information--hover {
		left: 100%;
		width: 600px;
		height: 333px;
	}
	.projects__information--visible {
		left: 0;
	}
	.projects__text--big {
    font-size: 28px;
		margin-bottom: 20px;
		padding-right: 30px;
  }
	.projects__text--small {
		font-size: 16px;
	}
  .projects__button {
    width: 100%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .projects__text {
    /* font-size: 38px;
    line-height: 50px;
    padding-left: 30px; */
  }
  .projects .flipster__item img {
    max-width: 600px;
  }
  .projects .flipster__button--prev {
    -webkit-transform: translate(-205px);
    transform: translate(-205px);
  }
  .projects .flipster__button--next {
    -webkit-transform: translate(205px);
    transform: translate(205px);
  }
	
  .projects__button {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 900px) {
  .projects .flipster__item img {
    max-width: 700px;
  }  
	.projects__information--hover {
		width: 700px;
		height: 388px;
	}
}

@media (max-width: 700px) {
  .projects__information {
    bottom: 20px;
  }
  .projects__genre {
    width: 72px;
    height: 32px;    
    border-right: 2px solid var(--pink);
    border-radius: 0 8px 8px 0;
		font-size: 14px;
  }
  .projects__age {
    width: 72px;
    height: 32px;
    background-position: right 0;    
    border-left: 2px solid var(--pink);
    border-radius: 8px 0 0 8px;
		font-size: 14px;
  }
  .projects__inf {
    width: 51px;
    height: 32px;
    background-size: auto 100%;
    border-radius: 0 0 8px 8px;
    padding-left: 10px;
  }
	.projects__inf svg {
		max-width: 18px;
	}
  .projects__btn {
    width: 96px;
    height: 32px;
    background-position: right 0;
    border-radius: 8px 0 0 8px;
		font-size: 14px;
  }
  .projects .flipster__item img {
    max-width: 500px;
  }
	.projects__information--hover {
		width: 500px;
		height: 277px;
	}
	.projects__text--big {
		font-size: 22px;		
	}
	.projects__text--small {
		font-size: 14px;
		line-height: 1.33;
	}
  .projects .flipster__button {
    bottom: -3px;
  }
  .projects .flipster__button--prev {
    -webkit-transform: translate(-155px);
    transform: translate(-155px);
  }
  .projects .flipster__button--next {
    -webkit-transform: translate(155px);
    transform: translate(155px);
  }
}

@media (max-width: 640px) {
  .projects .flipster__item img {
    max-width: 500px;
  }
}

@media (max-width: 580px) {
  .projects .flipster__item img {
    max-width: 400px;
  }
	.projects__information {
		padding-left: 15px;
	}
	.projects__button {
		padding-right: 15px;
	}
	.projects__information--hover {
		height: 222px;
		width: 400px;
		padding: 20px 15px;
	}
	.projects__text--big {
    font-size: 18px;
		margin-bottom: 10px;
  }
	.projects__text--small {
    font-size: 12px;
	}
	.projects__stat {
    right: 15px;
    top: 15px;
  }
}

@media (max-width: 500px) {
  .projects__left {
    width: 100%;
    text-align: left;
  }
  .projects__button {
    padding: 0 20px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  /* .projects__text {
    font-size: 20px;
    line-height: 40px;
    padding-left: 0;
    text-align: center;
    margin-bottom: 0;
  } */
	.projects__text--big {
		font-size: 22px;
		text-align: center;
		line-height: 30px;
		margin-bottom: 20px;
		margin-top: 40px;
		padding-right: 0;
	}
	.projects__information--hover {
		width: 300px;
		height: 540px;
		background-position: center center;
	}
  .projects__genre, .projects__age {
    width: auto;
    height: auto;
    background: none;
    border: 0;
    -webkit-backdrop-filter: inherit;
            backdrop-filter: inherit;
  }
  .collection__genre::before, .collection__age::before {
    content: "#";
  }
  .projects__inf {
    background: url("../img/img-class/collection/inf-mob.png") no-repeat 0 0;
    background-size: cover;
  }
  .projects__stat {
    right: 50%;
		top: 25px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  .projects .flipster__item img {
    width: 300px;
    height: 540px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .projects .flipster__button--prev {
    -webkit-transform: translate(-105px);
    transform: translate(-105px);
  }
  .projects .flipster__button--next {
    -webkit-transform: translate(105px);
    transform: translate(105px);
  }
}

@media (max-width: 400px) {
  .projects .flipster__item img {
    max-width: 300px;
  }
}
.questions {
	padding: 72px 0;
}
.questions__row {
  display: flex;
  gap: 30px;
}
.questions__menu {
  flex: 0 0 570px;
  display: flex;
  gap: 10px;
  flex-direction: column;
	height: 566px;
  overflow-y: auto;
}
.questions__menu li {
  border-radius: 10px;
  padding: 20px 40px 20px 20px;
  -webkit-backdrop-filter: blur(64px);
          backdrop-filter: blur(64px);  	
	border: 1px solid var(--glass-gradient-2);
	background-color: var(--glass-gradient-2);
	background-image:  linear-gradient(168deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  display: flex;
  align-items: center;
  gap: 20px;
  cursor: pointer;
	counter-increment: count;
}
.questions__menu li::before {
  content: counter(count, decimal-leading);
  min-width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack:center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
	border: 1px solid var(--glass-gradient-1);
  background:linear-gradient(135deg, rgba(144, 69, 255, 0.2) -6.25%, rgba(248, 230, 254, 0.2) 112.5%);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border-radius:8px;
}
.questions__menu li.menu__active {
  background: linear-gradient(0deg, rgba(255, 0, 245, 0.2), rgba(255, 0, 245, 0.2)), linear-gradient(114.77deg, rgba(255, 255, 255, 0.3) 19.73%, rgba(255, 255, 255, 0) 65.79%), rgba(39, 0, 78, 0.2);
}
.questions__menu li:hover {
  background: linear-gradient(0deg, rgba(255, 0, 245, 0.2), rgba(255, 0, 245, 0.2)), linear-gradient(114.77deg, rgba(255, 255, 255, 0.3) 19.73%, rgba(255, 255, 255, 0) 65.79%), rgba(39, 0, 78, 0.2);
}
.questions__menu li.tab_active::before,
.questions__menu li:hover::before {	
	background: linear-gradient(315deg, rgba(160, 100, 255, 0.2) 0%, rgba(10, 0, 25, 0.2) 100%);
}
.questions__wrapper {
  flex: 1 1 auto;
  display: flex;
  padding: 28px;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  /* background: linear-gradient(114.77deg, rgba(255, 255, 255, 0.1) 19.73%, rgba(255, 255, 255, 0) 65.79%), rgba(39, 0, 78, 0.2);	 */
	border: 1px solid var(--glass-gradient-2);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 133%;
  border-radius: 10px;
}
.questions__image {
  max-width: 320px;
}
.questions .list-product-nav {
  display: none;
}

.questions .tab_active {
  -webkit-backdrop-filter: blur(64px);
          backdrop-filter: blur(64px);
}
.questions .tab_content {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
	background: none;
	border: 0;
}
.questions .tab_content.visible {
  width: 100%;
}
.questions .tab_content p {
  width: 100%;
}
.questions .tab_content ul {
  width: 100%;
  padding-left: 20px;
}
.questions .tab_content ul li {
  list-style: disc;
  margin-bottom: 5px;
}
.questions .tab_content ul li:last-child {
  margin-bottom: 0;
}

.questions .visible {
  display: flex!important;
}

.footer {
	padding: 80px 0;
	backdrop-filter: blur(64px);
	background: rgba(150, 0, 255, 0.1);
}
.footer__row {
	display: flex;
	gap: 20px;
}

.footer__item {
	flex: 0 0 376px;
}
.footer__item--first {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
}
.footer__wrap {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.footer__item--new {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.footer__subtitle {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 22px;
	line-height: 127%;
	color: var(--white);
}
.footer__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.footer__phone > a {
	display: flex;
	align-items: center;
	gap: 10px;
}
.footer__email {
	display: flex;
	align-items: center;
	gap: 10px;
}
.footer__icons {
	display: flex;
	align-items: center;
	gap: 10px;
}

.footer__icons a {
	color: var(--purple-1);
}

@media(max-width: 1210px) {
	.benefits-testing__item {
		flex: 1 1 47%;
	}
}

@media(max-width: 1070px) {
	.header__logo {
		max-width: 200px;
	}
	.menu-big__item {
		padding-left: 8px;
		padding-right: 8px;
	}
	.footer__row {
		flex-wrap: wrap;
	}
	#igroteh-tab_content .objects__item,
	#neyroteh-tab_content .objects__item,
	#roboteh-tab_content .objects__item {
		background: none;
	}
	.questions__menu {
		flex: 0 0 50%;
	}
}
@media(max-width: 1000px) {
	.header__container {
		padding-top: 16px;
		padding-bottom: 16px;		
	}
	.header__panel {
		flex: 1 1 auto;
		display: flex;
		justify-content: flex-end;
		padding-right: 30px;
	}
	.header__menu {
		display: flex;
		flex-direction: column;
		text-align: center;
    width: 100%;
    right: -100%;
		top: 0;
		z-index: 9999;
		height: 100vh;
    padding: 16px 20px;
		position: fixed;
		background: #0a0019;
		transition: all 0.6s ease;
		padding-top: 40px;
	}
	.header__menu--visible {
		right: 0;
	}
	.header__burger {
		display: flex;		     
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:5px;
    width: 40px;
    height: 40px;
    border-radius:8px;
    background:linear-gradient(90deg, #c800c8 0%, #9600ff 100%, #9600ff 100%);
    transition:all 0.6s ease-in-out;
    z-index: 9;  		
		cursor: pointer;
	}
	.header__burger::before {
    content: "";
    width: 16px;
    height: 2px;
    border-radius:4px;
    background-color: var(--white);
  }
	.header__burger span {
    content: "";
    width: 16px;
    height: 2px;
    border-radius:10px;
    background-color: var(--white);
  }
	.header__burger::after {
    content: "";
    width: 16px;
    height: 2px;
    border-radius:10px;
    background-color: var(--white);
  }
	.header .button {
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.information__item {
		padding: 24px 16px;
		gap: 16px;
	}
	.information__info {
		padding-left: 16px;
	}
	#online-platform-reg__image {
		padding: 28px 10px;
	}
	.online-platform-reg__list {
		gap: 0;
	}
	.online-platform-reg__item::before {
		height: 40px;
		background-size: auto 40px;
	}
	.online-platform-reg__item {
		font-size: 16px;
	}
}

@media(max-width: 927px) {
	.benefits-testing__item {
		flex: 1 1 100%;
		padding: 24px;
	}
	/* .questions__row {
		flex-wrap: wrap;
	}
	.questions__menu {
		flex: 1 1 auto;
	} */
	.projects__container {
		padding-left: 0;
		padding-right: 0;
	}
	.projects__title {
		padding-left: 20px;
		padding-right: 20px;
	}
	.objects__menu {
		flex: 0 0 300px;
	}
	.questions .list-product-nav {
    display: block;
  }
	.questions .list-product-nav > li {
    /* min-height: 76px; */
		counter-increment: count;
  }
	.questions .list-product-nav > li a.list-product-cat {
    display: flex;
    gap:10px;
    align-items: center;
    border-radius:10px;
    padding:12px;
    -webkit-backdrop-filter: blur(64px);
    backdrop-filter: blur(64px);
    background:linear-gradient(168deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), rgba(39, 0, 78, 0.2);
    cursor: pointer;
    text-decoration:none;
    margin-bottom: 10px;
		font-size: 18px;
		line-height: 133%;
  }
	.questions .list-product-nav > li.active a.list-product-cat {
    background: linear-gradient(0deg, rgba(255, 0, 245, 0.2), rgba(255, 0, 245, 0.2)), linear-gradient(114.77deg, rgba(255, 255, 255, 0.3) 19.73%, rgba(255, 255, 255, 0) 65.79%), rgba(39, 0, 78, 0.2);
  }
	.questions .list-product-nav > li a.list-product-cat::before {
		content: counter(count, decimal-leading);
		min-width: 36px;
		height: 36px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align:center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack:center;
		-ms-flex-pack: center;
		justify-content: center;
		font-weight: 500;
		font-size: 18px;
		line-height: 22px;
		border: 1px solid var(--glass-gradient-1);
		background:linear-gradient(135deg, rgba(144, 69, 255, 0.2) -6.25%, rgba(248, 230, 254, 0.2) 112.5%);
		-webkit-backdrop-filter: blur(25px);
		backdrop-filter: blur(25px);
		border-radius:8px;
	}
	.questions .list-product-nav > li .list-product-subnav {
    width: 100%;
    border-radius:10px;
    padding:12px;
    -webkit-backdrop-filter: blur(64px);
    backdrop-filter: blur(64px);
    background:linear-gradient(114.77deg, rgba(255, 255, 255, 0.1) 19.73%, rgba(255, 255, 255, 0) 65.79%), rgba(39, 0, 78, 0.2);
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 133%;
    flex-direction: column;
    gap: 20px;
    display: none;
  }
	.questions .list-product-nav > li .list-product-subnav p {
    padding: 0px 0 0 0;
		font-size: 16px;
  }
	.questions .list-product-nav > li .list-product-subnav .questions__image {
    align-self: flex-end;
    margin-left: auto;
  }
	.questions__row {
		display: none;
	}
}
@media(max-width: 768px) {	
	.header--scroll .button {		
    font-size: 14px;
    line-height: 1.14286;
	}
	.header__burger {
		width: 30px;
    height: 30px;
	}
	.info__row {
		flex-wrap: wrap;
	}
	.info__item {
		padding: 16px;
	}
	.info__text--bold {
		font-size: 18px;
	}
	.information__text--bold {
		font-size: 24px;
	}
	.projects .flipster__nav {
  	bottom: -48px;
	}
	.objects__li {
		background-size: auto 19px;
	}
	.objects__subtitle {
		font-size: 36px;
	}
	.objects__text-big {
		margin-bottom: 36px;
	}
	.online-platform-reg__text,
	.qualification__text,
	.qualification__row {
		margin-bottom: 36px;
	}
	.results, .projects,
	.awards,.questions,
	.footer {
		padding-top: 36px;
		padding-bottom: 36px;
	}
	
}

@media(max-width: 644px) {
	.information__item {
		flex: 1 1 50%;
		min-width: 300px;
	}
	.objects__menu {
		flex: 1 1 auto;
	}
	.objects__row {
		flex-wrap: wrap;
	}
	 .header__logo {
    max-width: 130px;
  }
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.ml-2, .mx-2 {
  margin-left: .5rem !important;
}

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 0, 25, 0.4);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9999;
	top: 0;
}

.overlay.visible {
  opacity: 1;
  visibility: visible;
  display: flex !important;
}

.modal {
  position: fixed;
	top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition: all 0.5s ease;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.modal.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition: all 0.5s ease;
  display: flex !important;
}
.modal__block {
  top: inherit;
  display: flex;
  flex-direction: column;  
  flex-shrink: 0;
  border-radius: 20px;
  padding: 30px;
  width: 100%;
  max-width: 680px;
  height: auto;
  max-height: 780px;
  background: #280046;  
  cursor: default;
  position: relative;	
}
.modal__close {
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
}
.modal__title {
  font-family: var(--third-family);
	font-weight: 400;
	font-size: 30px;
	line-height: 133%;
	letter-spacing: 0.05em;
	text-align: center;
	color: var(--white);
	margin-bottom: 30px;
}
.modal__text {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 143%;
	color: var(--white);
	margin-bottom: 30px;
}
.modal__text--bold {	
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 15px;
}
.form-reg {
	text-align: center;
}
.form-reg__row {
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
	text-align: left;
}
.form-reg__item {
	flex: 1 1 auto;
	position: relative;
	display: flex;
	flex-direction: column	;
}
.form-reg__item--checkbox {
	flex: 0 1 110px;
}
.form-reg__item--checkbox--big {
	flex: 1 1 auto;	
}
.form-reg__item--checkbox--big .form-reg__label--checkbox {
	align-items: start;
}
.form-reg__input {
	border-radius: 10px;
	padding: 8px 20px;	
	height: 56px;
	background: rgba(180, 200, 255, 0.2);
	border: 1px solid transparent;
	color: var(--white);
}
.form-reg__input.is-invalid {
	border: 1px solid var(--pink-1);
	margin-bottom: 8px;
}

.error-message {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 133%;
	color: var(--pink-1);
}
.form-reg__label {
	position: absolute;
	top: 16px;
	left: 20px;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 133%;
	color: rgba(220, 220, 240, 0.4);
	transition: 0.3s;
  pointer-events: none;
}
.form-reg__input:focus,
.form-reg__input:valid {
	padding-top: 24px;
	font-size: 18px;
}
.form-reg__input.is-invalid + .form-reg__label {
	color: #f0f;
}
.form-reg__input:valid + .form-reg__label,
.form-reg__input:focus + .form-reg__label {
  top: 5px;
  left: 20px;  
	font-weight: 500;
	font-size: 12px;
	line-height: 133%;
	color: rgba(220, 220, 240, 0.4);
}
.form-reg__input.is-invalid:valid + .form-reg__label,
.form-reg__input.is-invalid:focus + .form-reg__label {
	color: #f0f;
}
.form-reg__wrap {
	backdrop-filter: blur(64px);
	background: linear-gradient(315deg, rgba(160, 100, 255, 0.2) 0%, rgba(10, 0, 25, 0.2) 100%);
	border: 1px solid var(--glass-gradient-1);
	border-radius: 20px;
	padding: 20px;
	margin-bottom: 30px;
}
.form-reg__text {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 20px;
	line-height: 140%;
	text-align: center;
	color: var(--white);
}
.form-reg__text--bold {
	font-weight: 700;
	margin-bottom: 30px;
}
.form-reg__row--checkbox {
	/* display: flex; */
	/* justify-content: center; */
	/* gap: 60px; */
	flex-direction: column;
}
.form-reg__checkbox {
	border:0;
  position: absolute;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance: none;
}
.form-reg__label--checkbox {
	position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.form-reg__label--checkbox a {
	text-decoration: underline;
  text-decoration-skip-ink: none;
}
.form-reg__label--checkbox a:hover {
	text-decoration: none;
}
.form-reg__label--checkbox::before {
  content: "";
  display: block;
  min-width: 25px;
  width: 25px;
  height: 25px;
  /* border: 2px solid #fff; */
	background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.25024 12.0001C3.25024 5.06312 5.56324 2.75012 12.5002 2.75012C19.4372 2.75012 21.7502 5.06312 21.7502 12.0001C21.7502 18.9371 19.4372 21.2501 12.5002 21.2501C5.56324 21.2501 3.25024 18.9371 3.25024 12.0001Z' stroke='%23DCDCF0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;  
}

.form-reg__checkbox:checked + .form-reg__label--checkbox::before {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.25024 12.0001C3.25024 5.06312 5.56324 2.75012 12.5002 2.75012C19.4372 2.75012 21.7502 5.06312 21.7502 12.0001C21.7502 18.9371 19.4372 21.2501 12.5002 21.2501C5.56324 21.2501 3.25024 18.9371 3.25024 12.0001Z' stroke='%23DCDCF0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.91421 10.9498L12.864 15.8995L11.4497 17.3137L6.5 12.364L7.91421 10.9498Z' fill='%23DCDCF0' /%3E%3Cpath d='M11.4497 14.4853L17.935 8L19.3492 9.41421L12.864 15.8995L11.4497 14.4853Z' fill='%23DCDCF0' /%3E%3C/svg%3E");
}
.form-reg__button {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 22px;
	line-height: 127%;
	text-align: center;
	color: var(--white);
	border-radius: 10px;
	padding: 16px 40px;
	width: 191px;
	height: 60px;
	backdrop-filter: blur(64px);
	box-shadow: 0 0 32px 0 rgba(240, 0, 250, 0.5), 0 0 16px 0 rgba(0, 25, 240, 0.5);
	background: linear-gradient(90deg, #c800c8 0%, #9600ff 100%);
	margin: 10px auto 0;
}
.form-reg__button:hover {
	box-shadow: 0 0 32px 0 rgba(0, 25, 240, 0.5), 0 0 16px 0 rgba(240, 0, 250, 0.5);
	background: linear-gradient(90deg, #9600ff 0%, #c800c8 100%);
}

@media(max-height:700px) {
	.modal {		
		justify-content: start;
		height: 100vh;
	}
	.modal__block {
		height: 100vh;
		overflow-y: auto;
	}
}

@media(max-width: 550px) {
	.form-reg__row {
		flex-direction: column;
	}
	.form-reg__row--checkbox {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: start;
		gap: 20px 60px;
	}
}

.modal-success__buttons {
	text-align: center;
}
.toaster-root {
  position: fixed;
  right: 10px;
  top: 10px;
  background-color: red;
  padding: 20px;
  border-radius: 20px;
  color: white;
  z-index: 9999;
}

.toaster-root.success {
  background-color: greenyellow;
  color: black;
}