/* Media */
@media screen and (max-width: 1200px) {
	.main,
	.footer__wrapper {
		width: 100%;
		padding-inline: 20px;
	}

	.socials__item {
		flex-grow: 1;
	}
}

@media screen and (max-width: 991px) {
	.hero__bg-img-wrapper {
		width: clamp(200px, 100%, 307px);
		margin-inline: auto;
		display: block;
	}
	.hero__bg-img {
		width: 100%;
		border-radius: 16px;
	}
	.footer__wrapper,
	.footer__wrapper .links {
		flex-direction: column;
		align-items: center;
	}

	.body__wrapper {
		--items-gap: 20px;
	}

	.main {
		--section-title-margin: 24px;
		--section-bottom-margin: 40px;
	}

	.socials__item {
		flex-basis: 30%;
	}

	/* 768px */

	body {
		font-size: 16px;
	}

	/* br {
		display: none;
	} */

	#hero {
		margin-top: 20px;
		height: auto;
	}

	.hero__logo {
		top: 15px;
	}

	.hero__subtitle {
		margin-block: 12px 26px;
	}

	.hero__img-earth-bg,
	.hero__img-particles-bg,
	.hero__img-circle-bg,
	.hero__img,
	.hero__icons-wrapper {
		top: 35%;
		right: 0;
		left: 0;
		margin-inline: auto;
		transform: translateX(0%) translateY(-50%);
	}

	.hero__img-icon-right-bottom {
		bottom: 0%;
		right: -20%;
		width: clamp(60px, 35%, 100px);
	}

	.hero__img-icon-right-top {
		top: 0%;
		right: -25%;
		width: clamp(60px, 35%, 100px);
	}

	.hero__img-icon-left-top {
		top: 15%;
		left: -20%;
		width: clamp(40px, 25%, 65px);
	}

	.hero__img-icon-left-bottom {
		bottom: 5%;
		left: -25%;
		transform: rotate(-15deg);
		width: clamp(60px, 35%, 100px);
	}

	.hero__img {
		transform: translateX(3%) translateY(-60%);
		width: clamp(175px, 50%, 306px);
	}

	.hero__info {
		max-width: unset;
		margin-top: 300px;
		margin-inline: auto;
		text-align: center;
	}

	.hero__img-particles-bg,
	.hero__img-circle-bg {
		width: clamp(200px, 50%, 500px);
	}

	.hero__img-earth-bg {
		width: clamp(150px, 38%, 500px);
	}

	.grid-2c {
		flex-direction: column;
	}

	.socials__item {
		flex: 1 0 40%;
	}

	.footer {
		height: auto;
	}

	.footer .logo {
		width: 40%;
		min-width: 133px;
	}

	.footer__wrapper {
		gap: 20px;
	}

	.footer__wrapper .links {
		gap: 8px;
	}

	.hero__button {
		filter: none;
	}

	.hero__info {
		display: none;
	}

	.hero__info-mob {
		display: block;

		max-width: unset;
		position: relative;
		margin-inline: auto;
		text-align: center;
		margin-top: 400px;
		margin-bottom: 40px;
	}

	.hero__info-mob .title {
		font-family: 'Druk', sans-serif;
		font-size: 24px;
		font-weight: 700;
		color: #fff;
		text-align: center;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		text-transform: uppercase;
		background: linear-gradient(
			91deg,
			#bdbdbd -5.21%,
			#f1f1f1 26.9%,
			#bebebe 51.68%,
			#fff 74.22%,
			#868686 107.45%
		);
		filter: drop-shadow(0 0 8px rgba(174, 1, 254, 0.5));
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin-bottom: 12px;
		letter-spacing: 0.05em;
	}

	.hero__info-mob .hero__subtitle {
		color: #fff;
		text-align: center;
		font-family: 'Druk', sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		text-transform: uppercase;
		/* filter: drop-shadow(0 0 8px rgba(174, 1, 254, 0.5)); */
		letter-spacing: 0.07em;
		margin-bottom: 16px;
	}

	.hero__info-mob .hero__button {
		text-transform: uppercase;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		background-image: url('../img/button-bg.webp');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		width: 190px;
		height: 45px;
		font-family: 'Druk', sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		letter-spacing: 0.07em;
		/* filter: drop-shadow(14.392px 28.785px 115.138px rgba(169, 33, 237, 0.3)) drop-shadow(-28.785px -14px 71.961px rgba(114, 42, 142, 0.5)) drop-shadow(0 28.785px 43.177px rgba(215, 64, 228, 0.3)); */
	}

	/* .hero-card_background img {
		width: 500px;
	} */

	.hero__logo {
		display: block;
		width: 163px;
		position: absolute;
		left: 15px;
		top: 10px;
		z-index: 15;
		transition: var(--main-transition);
	}
}

@media screen and (max-width: 480px) {
	.hero__img-earth-bg,
	.hero__img-particles-bg,
	.hero__img-circle-bg,
	.hero__img,
	.hero__icons-wrapper {
		top: 40%;
	}
	.hero__logo img {
		margin-left: -10px;
	}

	.hero__info {
		margin-top: 400px;
	}

	.hero__img {
		width: clamp(150px, 75%, 350px);
		transform: translateX(2%) translateY(-63%);
	}

	.hero__icons-wrapper {
		width: 50%;
	}

	.hero__img-particles-bg,
	.hero__img-circle-bg {
		width: 85%;
	}

	.hero__img-earth-bg {
		width: 65%;
	}

	.hero-card_background > span.top-corner {
		width: 45%;
		height: 10%;
	}

	.socials__item .card__info {
		flex-direction: column;
		place-items: start;
	}

	.hero__img-icon-left-top {
		top: 0%;
		left: -40%;
		width: 65px;
	}

	.hero__img-icon-right-top {
		top: 5%;
		right: -45%;
		width: 90px;
	}

	.hero__img-icon-right-bottom {
		bottom: -5%;
		right: -50%;
		width: 100px;
	}

	.hero__img-icon-left-bottom {
		bottom: 15%;
		left: -50%;
		transform: rotate(-15deg);
		width: 75px;
	}

	.bonuses__item.card,
	.downloads__item.card {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.hero__info .title span {
		font-size: clamp(24px, calc(var(--index) * 2.65), 50px);
	}

	.section__title {
		font-size: 20px;
	}

	.footer {
		margin-top: 0;
	}

	.title-social {
		display: none;
	}
}

@media screen and (max-width: 350px) {
	body {
		font-size: 14px;
	}

	.body__wrapper {
		--items-gap: 10px;
	}
}