/* COLORS */

:root {
	--color-grey-light-01: #f2f2f2;
	--color-grey-light-02: #ebebeb;
	--color-grey-light-03: #d4d4d4;
	--color-grey-dark: #383838;
	--color-primary-light-01: #1771bf;
	--color-primary-light-02: #1466be;
	--color-primary-mid: #0e49bc;
	--color-primary-dark: #0c40a6;
	--color-secondary-light: #1c3f84;
	--color-secondary-dark: #1c3f84;
	--color-tertiary-light: #ffd449;
	--color-tertiary-mid: #ffb137;
	--color-tertiary-dark: #ff9126;
}

/* CONTENT */

*,
*::after,
*::before {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}

/* 1rem = 10px; 10px/16px = 62.5% */
html {
	font-size: 62.5%;
}

body {
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	font-size: 1.6rem;
	line-height: 1.7;
	color: var(--color-grey-dark);
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	position: relative;
}

.navbar {
	width: 80vw;
	max-width: 110rem;
	position: absolute;
	top: 5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2rem 8rem 2rem 6rem;
	background-color: #fff;
	transform: skew(-50deg);
	z-index: 1000;
	transition: all 0.3s ease-in-out;
}

.navbar__logo {
	height: 10rem;
	margin-bottom: -1rem;
	transform: skew(50deg);
	transition: transform 0.2s ease;
	transition: all 0.2s ease;
}

.navbar__nav {
	display: flex;
	transform: skew(50deg);
	transition: all 0.2s ease;
}

.navbar__menu {
	list-style: none;
	display: flex;
	align-items: center;
}

.navbar__list {
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 5rem;
}

.navbar__link {
	font-size: 2rem;
	text-decoration: none;
	color: var(--color-secondary-light);
	transition: color 0.2s ease;
}

.navbar__link:hover {
	color: var(--color-tertiary-dark);
}

.sticky {
	width: 100%;
	max-width: 100vw;
	transform: skew(0);
	top: 0;
	position: fixed;
	animation: 0.6s ease backwards fadeIn;
}

.sticky-correct {
	transform: skew(0);
}

.header {
	width: 100%;
	height: 100vh;
	max-height: 70rem;
	background: linear-gradient(
		to bottom right,
		var(--color-primary-mid),
		var(--color-primary-light-01)
	);
	clip-path: url(#blue01);
}

.header__content {
	width: 80vw;
	max-width: 120rem;
	margin: 28rem auto;
}

.top__img {
	max-width: 110rem;
	max-height: 74rem;
	position: absolute;
	top: 6rem;
	transform: translateX(25rem);
	z-index: 100;
}

.info {
	width: 80vw;
	max-width: 120rem;
	display: flex;
	flex-wrap: wrap;
	padding: 8rem 0 12rem 0;
}

.info__img {
	width: 90%;
	transform: translateX(-10%);
}

.info__content {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-top: -30rem;
}

.info__text {
	max-width: 65%;
	text-align: right;
}

.cursos {
	width: 100%;
	margin-top: -90vh;
	background-color: var(--color-tertiary-mid);
	text-align: center;
	padding: 15rem 0 5rem;
	display: flex;
	flex-direction: column;
}

.swiper {
	width: 70%;
	height: 85rem;
	background-color: #fff;
	border-radius: 5rem;
}

.swiper-pagination {
	transform: scale(2);
}

.swiper-slide {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.slide__media {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cursos__panel {
	width: 90%;
	background-color: #fff;
	padding: 3rem 7rem 5rem 5rem;
	margin-bottom: 8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: transform 0.5s ease;
}

.cursos__panel--adm,
.cursos__panel--rh {
	border-radius: 0 5rem 5rem 0;
}

.cursos__panel--mkt {
	border-radius: 5rem 0 0 5rem;
	align-self: flex-end;
}

.cursos__media {
	position: relative;
}

.cursos__media--adm,
.cursos__media--rh {
	margin-right: 5rem;
}

.cursos__media--mkt {
	transform: translate(4rem, -1rem);
	width: 280%;
}

.cursos__player-btn:link,
.cursos__player-btn:visited {
	position: absolute;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 0.2rem;
	display: flex;
	align-items: center;
	z-index: 1;
	transition: all 0.3s ease;
}

.cursos__player-btn:hover {
	transform: translateY(-0.3rem) scale(1.02);
}

.cursos__player-btn:active {
	transform: translateY(0) scale(1);
}

.cursos__player-btn--adm,
.cursos__player-btn--rh {
	top: 4rem;
	left: 6rem;
}

.cursos__player-btn--mkt {
	bottom: -0.5rem;
	right: 17rem;
}

#video-play {
	font-size: 6rem;
}

.cursos__cta-video,
.cursos__icon-play {
	min-width: fit-content;
}

.cursos__cta-video {
	background: linear-gradient(
		to right,
		var(--color-secondary-light),
		var(--color-secondary-dark)
	);
	padding: 1.5rem 2.5rem;
	border-radius: 5rem;
}

.cursos__img {
	transform: translateY(3rem);
	width: 100%;
}

.cursos__img--adm {
	width: 64rem;
}

.cursos__img--mkt {
	width: 43rem;
	margin: -1rem;
}

.cursos__img--rh {
	transform: translateY(-0.5rem);
	width: 55rem;
}

.cursos__content--mkt {
	min-width: 35%;
	transform: translateX(3rem);
}

.cursos__text {
	width: 90%;
	margin: 0 auto;
}

.cursos__panel-nav {
	display: flex;
	justify-content: space-between;
	width: 12rem;
	margin: -4rem 0 2rem;
	opacity: 0;
	visibility: hidden;
}

.cursos__panel-btn {
	width: 2.4rem;
	height: 2.4rem;
	background-color: var(--color-tertiary-dark);
	border-radius: 5rem;
	transition: all 0.3s ease;
	cursor: pointer;
}

.cursos__panel-btn:nth-of-type(1) {
	background-color: #fff;
}

.ava {
	padding: 15rem 0 10rem;
	max-width: 100rem;
	display: flex;
	flex-direction: column;
}

.about {
	padding: 15rem 0 10rem;
	max-width: 100rem;
	display: flex;
	flex-direction: column;
}

.about__heading {
	width: fit-content;
	position: relative;
	margin-bottom: 2rem;
}

.about__favicon {
	width: 12rem;
	position: absolute;
	top: -7rem;
	right: 37px;
}

.about__text {
	background-color: var(--color-primary-light-02);
	border-radius: 5rem;
	padding: 4rem 6rem;
	color: #fff;
	width: 100rem;
}

.about__content {
	position: relative;
}

.about__img {
	max-width: 87rem;
	position: absolute;
	bottom: -4.4rem;
	right: -24rem;
}

.about__p {
	line-height: 1.8;
	font-size: 1.8rem;
}

.about__p:nth-of-type(1) {
	margin-bottom: 3rem;
}

.about__break {
	display: block;
}

.contact__container {
	width: 80rem;
}

.contact {
	width: 100%;
	margin-top: -85vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10rem 0 35rem;
	background-color: var(--color-grey-light-02);
}

.footer {
	width: 100%;
	max-width: 120rem;
	position: absolute;
	bottom: 3rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 100;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	font-size: inherit;
}

.footer__curves {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 25vh;
	max-height: 24rem;
	overflow: hidden;
}

.footer__social {
	display: flex;
}

.footer__social-link:link,
.footer__social-link:visited {
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}

.curves {
	position: absolute;
	bottom: 0;
	z-index: -100;
}

/* FORM */

.form {
	margin-top: 4rem;
	width: 100%;
	min-width: 50rem;
}

.form__column-2 {
	display: flex;
	justify-content: space-between;
}

.form__column-2--50 {
	width: 48%;
}

.form__input,
.form__select {
	width: 100%;
	display: block;
	font-family: "Rajdhani", sans-serif;
	font-weight: 400;
	font-size: 2rem;
	padding: 1.2rem 2.4rem;
	border-radius: 5rem;
	background-color: #fff;
	border: none;
	color: var(--color-primary-light-02);
	transition: all 0.2s ease-in;
}

.form__input::placeholder {
	font-size: 2rem;
	color: var(--color-primary-light-02);
}

.form__input:focus,
.form__select:focus {
	outline: none;
	box-shadow: 0 0.5rem 1rem rgba(12, 64, 166, 0.2);
}

.form__select {
	-moz-appearance: none;
	-webkit-appearance: none;
}

.form__select::-ms-expand {
	display: none;
}

.form__group--select {
	position: relative;
}

.form__label {
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 2rem;
	/* text-transform: uppercase; */
	color: var(--color-primary-light-02);
	display: block;
	text-align: right;
	margin-top: -4.2rem;
	margin-left: 2.4rem;
	margin-bottom: 2.5rem;
	transform: translateX(-5rem);
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease-in;
}

.form__input:placeholder-shown + .form__label {
	opacity: 0;
	visibility: hidden;
}

.form__option {
	font-size: 2rem;
	color: var(--color-primary-light-02);
}

.form__select + .form__label {
	opacity: 0;
	visibility: hidden;
}

.form-submission-msg {
	font-size: 2rem;
	font-weight: 500;
	color: var(--color-grey-dark);
	margin-top: 2rem;
	text-align: right;
	opacity: 0;
	transition: opacity 0.5s ease;
}

/* HEADINGS, BUTTONS AND ICONS */

.heading-primary {
	font-family: "Rajdhani", sans-serif;
	text-transform: uppercase;
	line-height: 0.8;
}

.heading-primary--white {
	color: var(--color-grey-light-01);
}

.heading-primary--blue {
	text-align: right;
	color: var(--color-primary-dark);
	margin-bottom: 2rem;
	line-height: 0.9;
}

.heading-primary--red {
	color: var(--color-secondary-light);
}

.heading-primary--header-main {
	display: block;
	font-size: 8rem;
}

.heading-primary--header-main:nth-of-type(2) {
	font-size: 20rem;
	margin-left: -0.8rem;
}

.heading-primary--header-sub {
	display: block;
	font-weight: 300;
	font-size: 5rem;
	letter-spacing: 0.2rem;
}

.heading-primary--info-main {
	display: block;
	font-size: 13rem;
}

.heading-primary--info-sub {
	display: block;
	font-weight: 300;
	font-size: 7.5rem;
	letter-spacing: 0.2rem;
}

.heading-primary--cursos {
	font-size: 14.5rem;
	margin: 0 auto;
	margin-bottom: 8rem;
	color: #fff;
}

.heading-primary--about-main {
	display: block;
	font-size: 16rem;
}

.heading-primary--about-sub {
	display: block;
	font-weight: 300;
	font-size: 10rem;
	letter-spacing: 0.2rem;
}

.heading-primary--contact {
	align-self: flex-end;
}

.heading-primary--contact-main {
	display: block;
	font-size: 16rem;
}

.heading-primary--contact-main:nth-of-type(2) {
	display: block;
	font-size: 8.8rem;
	line-height: 0.5;
	margin-top: 3rem;
	margin-right: 0.5rem;
}

.heading-primary--contact-sub {
	display: block;
	font-weight: 300;
	font-size: 8.6rem;
	letter-spacing: 0.2rem;
}

.heading-secondary {
	font-family: "Bebas Neue", sans-serif;
	font-size: 7rem;
	color: var(--color-primary-mid);
}

a:focus,
button:focus {
	outline: none;
}

.btn,
.btn:link,
.btn:visited {
	max-width: fit-content;
	display: flex;
	align-items: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.15rem;
	color: var(--color-grey-light-01);
	padding: 0.8rem 2.4rem;
	border-radius: 10rem;
	border: none;
	cursor: pointer;
}

.btn--red:link,
.btn--red:visited {
	background: linear-gradient(
		to right,
		var(--color-tertiary-mid),
		var(--color-tertiary-dark)
	);
}

.btn--form,
.btn--blue:link,
.btn--blue:visited {
	background: linear-gradient(
		to right,
		var(--color-primary-light-01),
		var(--color-primary-dark)
	);
	margin: 3rem auto 0;
	font-size: 2rem;
	padding: 0.8rem 4rem;
	box-shadow: 0.5rem 0.5rem 1.2rem rgba(23, 113, 191, 0.4);
}

.btn--gold:link,
.btn--gold:visited {
	background: linear-gradient(
		to right,
		var(--color-tertiary-light),
		var(--color-tertiary-dark)
	);
	margin-top: 4rem;
	font-size: 2.4rem;
	padding: 0.8rem 4rem;
	box-shadow: 0.5rem 0.5rem 1.2rem rgba(255, 145, 38, 0.4);
}

.btn--form {
	max-width: 100%;
	width: 100%;
	padding: 1.5rem 4rem;
	justify-content: flex-end;
	margin-top: 2rem;
	transition: 0.3s ease-in-out;
}

.btn--form:hover {
	animation: 0.3s infinite alternate rightToLeftLoop;
}

.btn--animated {
	transition: all 0.2s ease;
}

.btn--animated:hover {
	transform: translateY(-0.5rem) scale(1.05);
}

.btn--animated:active {
	transform: translateY(0) scale(1);
}

.btn--animated02 {
	transition: all 0.2s ease;
}

.btn--animated02:hover {
	transform: translateY(-0.3rem) scale(1.02);
}

.btn--animated02:active {
	transform: translateY(0) scale(1);
}

.header__icon {
	width: 2.2rem;
	height: 2.2rem;
	margin-left: 0.8rem;
}

.cursos__icon-play {
	width: 13rem;
	height: 13rem;
	background-color: var(--color-secondary-light);
	padding: 4rem;
	border-radius: 50%;
	margin-right: -3.5rem;
}

.cursos__icon-game {
	width: 4.2rem;
	height: 4.2rem;
	font-size: 3rem;
	margin-left: 1.5rem;
}

.icon__drop {
	width: 2rem;
	height: 2rem;
	color: var(--color-primary-dark);
	font-size: 1.8rem;
	position: absolute;
	top: 1.5rem;
	right: 5rem;
	z-index: 100;
	transition: transform 0.2s ease;
}

.arrow__rotation {
	transform: rotate(90deg);
}

.icon__social {
	transform: translateX(-22rem);
	font-size: 2rem;
	width: 5rem;
	height: 5rem;
	padding: 1rem;
	margin: 0 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0.2rem solid #fff;
	border-radius: 5rem;
	transition: all 0.3s ease;
}

.icon__social:hover {
	background-color: #fff;
	color: var(--color-secondary-light);
}

/* CURVES */

.blue-curve {
	width: 100%;
	height: 100vh;
	margin-top: -92vh;
	z-index: -1;
	background-color: var(--color-primary-dark);
	clip-path: url(#blue02);
}

.dark-orange-curve-top {
	width: 100%;
	height: 100vh;
	background-color: var(--color-tertiary-dark);
	clip-path: url(#dark-orange-top);
	z-index: -1;
}

.orange-curve-top {
	width: 100%;
	height: 100vh;
	margin-top: -90vh;
	background-color: var(--color-tertiary-mid);
	clip-path: url(#orange-top);
	z-index: -1;
}

.orange-curve-bot {
	width: 100%;
	height: 100vh;
	margin-top: -90vh;
	z-index: -1;
	background-color: var(--color-tertiary-mid);
	clip-path: url(#orange-bot);
}

.dark-orange-curve-bot {
	width: 100%;
	height: 100vh;
	margin-top: -84vh;
	z-index: -2;
	background-color: var(--color-tertiary-dark);
	clip-path: url(#dark-orange-bot);
}

.dark-grey-curve {
	width: 100%;
	height: 100vh;
	background-color: var(--color-grey-light-03);
	clip-path: url(#grey-dark);
	z-index: -1;
}

.grey-curve {
	width: 100%;
	height: 100vh;
	margin-top: -90vh;
	background-color: var(--color-grey-light-02);
	clip-path: url(#grey-light);
	z-index: -1;
}

.dark-red-curve {
	width: 100%;
	height: 100vh;
	background-color: var(--color-secondary-dark);
	clip-path: url(#red-dark);
	z-index: 1;
}

.red-curve {
	width: 100%;
	height: 100vh;
	margin-top: -90vh;
	background-color: var(--color-secondary-light);
	clip-path: url(#red-light);
	z-index: 1;
}

/* ANIMATIONS */

@keyframes rightToLeftLoop {
	0% {
		padding: 1.5rem 4rem;
	}

	100% {
		padding: 1.5rem 5rem;
	}
}

@keyframes toRight {
	0% {
		opacity: 0;
		transform: translateX(-20rem);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes toLeft {
	0% {
		opacity: 0;
		transform: translateX(20rem);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes toBottom {
	0% {
		opacity: 0;
		transform: translateY(-5rem);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: no-preference) {
	.header__content-animation,
	.cursos__panel--adm-animation,
	.cursos__panel--rh-animation {
		animation: 1s ease 0.4s backwards toRight;
	}

	.top__img-animation,
	.info__img-animation,
	.form-animation {
		animation: 1s ease 0.5s backwards fadeIn;
	}

	.info__content-animation,
	.cursos__panel--mkt-animation,
	.heading-primary--contact-animation {
		animation: 1s ease 0.4s backwards toLeft;
	}

	.about__content-animation {
		animation: 1s ease 0.8s backwards toLeft;
	}

	.about__favicon-animation {
		animation: 1s ease 0.4s backwards toBottom;
	}
}

/* MEDIA QUERIES: RESPONSIVENESS */

/*1400px/16px = 87.5em*/

@media (min-width: 87.5em) {
	.cursos {
		align-items: center;
	}

	.cursos__panel {
		max-width: 130rem;
	}

	.cursos__panel--adm {
		border-radius: 50px;
	}

	.cursos__panel--mkt {
		align-self: center;
		border-radius: 50px;
	}

	.cursos__panel--rh {
		border-radius: 50px;
	}
}

/*1300px/16px = 81.25em*/

@media (max-width: 81.25em) {
	html {
		font-size: 54.7%;
	}

	.top__img {
		top: 12rem;
		max-width: 100rem;
	}

	.about__img {
		max-width: 75rem;
		right: -10rem;
	}

	.about__text {
		width: 80rem;
	}

	.about__content {
		min-width: 100rem;
	}
}

/*1160px/16px = 72.5em*/

@media (max-width: 72.5em) {
	.btn--blue:link,
	.btn--blue:visited {
		font-size: inherit;
	}

	.navbar__list {
		margin-right: 3rem;
	}

	.heading-secondary {
		font-size: 5rem;
	}

	.cursos__img--adm {
		width: 55rem;
	}

	.heading-primary--info-sub {
		font-size: 6rem;
	}

	.heading-primary--info-main {
		font-size: 10rem;
	}

	.info__text {
		max-width: 60%;
	}

	.footer {
		max-width: 110rem;
	}
}

/*1060px/16px = 66.25em*/

@media (max-width: 66.25em) {
	.navbar__list {
		margin-right: 2.2rem;
	}

	.navbar__link {
		font-size: inherit;
	}

	.navbar__logo {
		height: 5.5rem;
	}

	.btn--red:link,
	.btn--red:visited {
		font-size: 1.3rem;
	}

	.heading-primary--header-main {
		font-size: 7rem;
	}

	.heading-primary--header-main:nth-of-type(2) {
		font-size: 18rem;
	}

	.heading-primary--header-sub {
		font-size: 4.7rem;
	}

	.btn--gold:link,
	.btn--gold:visited {
		font-size: 1.8rem;
		padding: 0.8rem 3rem;
	}

	.top__img {
		max-width: 98rem;
	}

	.info__img {
		transform: translate(-10%, -5rem);
	}

	.heading-primary--info-sub:nth-of-type(1) {
		margin-top: 3rem;
	}

	.info__text {
		max-width: 70%;
	}

	.heading-primary--cursos {
		font-size: 10rem;
	}

	.cursos {
		align-items: center;
		padding: 15rem 0;
	}

	.cursos__panel {
		display: none;
	}

	.cursos__icon-play {
		width: 6rem;
		height: 6rem;
	}

	.cursos__img {
		transform: translate(0);
	}

	.slide__img {
		width: 60rem;
	}

	.slide__img--mkt {
		width: 45rem;
		margin-bottom: -2rem;
	}

	.about {
		align-items: center;
	}

	.about__content {
		display: flex;
		justify-content: center;
	}

	.about__text {
		margin-top: 2rem;
		max-width: 60rem;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.about__img {
		position: relative;
		right: 0;
		transform: scale(1.2);
	}

	.about__break {
		display: inline;
	}

	.about__p {
		width: 65%;
		text-align: center;
	}

	.about__p:nth-of-type(1) {
		margin-top: 5rem;
	}

	.footer {
		max-width: 90rem;
	}

	.footer__social {
		transform: translateX(10rem);
	}
}

/*900px/16px = 56.25em*/

@media (max-width: 56.25em) {
	.top__img {
		top: 15rem;
		transform: scale(1.2);
	}

	.header {
		height: 108rem;
		max-height: 200rem;
	}

	.header__content {
		margin-top: 65rem;
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-end;
		text-align: right;
		max-width: 60rem;
	}

	.blue-curve {
		margin-top: -94vh;
	}

	.btn--gold:link,
	.btn--gold:visited {
		margin-right: 7rem;
	}

	.navbar,
	.navbar__nav,
	.navbar__logo {
		transform: skew(0);
	}

	.navbar {
		width: 100%;
		top: 0;
		left: 0;
	}

	.navbar__menu {
		display: none;
	}

	.navbar__logo {
		height: 6.5rem;
	}

	.btn--red:link,
	.btn--red:visited {
		font-size: 1.8rem;
		padding: 1rem 2.5rem;
		display: flex;
		align-items: flex-start;
	}

	.header__icon {
		width: 2.5rem;
		height: 2.5rem;
	}

	.info__img {
		width: 100%;
		transform: translate(0) scale(1.2);
	}

	.info__content {
		margin-top: -12rem;
	}

	.info__text {
		max-width: 90%;
	}

	.info {
		padding: 3rem 0;
	}

	.footer {
		max-width: 80rem;
	}

	.footer__social {
		transform: translateX(12rem);
	}
}

/*800px/16px = 50em*/

@media (max-width: 50em) {
	.top__img {
		top: 9rem;
		transform: scale(1.1);
	}

	.header {
		height: 90rem;
	}

	.header__content {
		max-width: 54rem;
		margin-top: 54rem;
	}

	.heading-primary--header-main {
		font-size: 5rem;
	}

	.heading-primary--header-main:nth-of-type(2) {
		font-size: 15rem;
	}

	.heading-primary--header-sub {
		font-size: 3.8rem;
	}

	.info__content {
		margin-top: -9rem;
	}

	.heading-primary--cursos {
		font-size: 8rem;
	}

	.swiper {
		height: 80rem;
	}

	.slide__img {
		width: 52rem;
	}

	.slide__img--mkt {
		width: 40rem;
	}

	.contact {
		padding: 10rem 0 25rem;
	}

	.form-submission-msg {
		text-align: left;
	}

	.contact__container {
		width: 60rem;
	}

	.footer {
		max-width: 70rem;
	}

	.footer__social {
		transform: translateX(14rem);
	}
}

/*700px/16px = 43.75em*/

@media (max-width: 43.75em) {
	.top__img {
		top: 14rem;
		transform: scale(1.15);
	}

	.header {
		height: 90rem;
	}

	.header__content {
		margin-top: 52rem;
	}

	.heading-primary--header-main {
		font-size: 5rem;
	}

	.heading-primary--header-main:nth-of-type(2) {
		font-size: 15rem;
	}

	.heading-primary--header-sub {
		font-size: 3.8rem;
	}

	.heading-primary--info-sub {
		font-size: 5rem;
	}

	.heading-primary--info-main {
		font-size: 9rem;
	}

	.info__content {
		margin-top: -8rem;
	}

	.info__text {
		max-width: 95%;
	}

	.heading-primary--cursos {
		font-size: 7rem;
	}

	.slide__img {
		width: 48rem;
	}

	.slide__img--mkt {
		width: 38rem;
	}

	.about {
		padding: 10rem 0;
	}

	.about__text {
		max-width: 50rem;
	}

	.about__heading {
		transform: scale(0.8);
		margin-bottom: 0;
	}

	.heading-primary--contact-sub {
		font-size: 8rem;
	}

	.heading-primary--contact-main:nth-of-type(2) {
		font-size: 8.2rem;
	}
	.heading-primary--contact-main {
		font-size: 15rem;
	}

	.contact__container {
		width: 55rem;
	}

	.footer {
		max-width: 60rem;
	}

	.footer__social {
		transform: translateX(16rem);
	}
}

/*600px/16px = 37.5em*/

@media (max-width: 37.5em) {
	.top__img {
		top: 18rem;
		transform: scale(1.3);
	}

	.header__content {
		margin-top: 52rem;
		max-width: 48rem;
	}

	.blue-curve {
		margin-top: -94vh;
	}

	.heading-primary--header-main {
		font-size: 4.6rem;
	}

	.heading-primary--header-main:nth-of-type(2) {
		font-size: 13rem;
	}

	.heading-primary--header-sub {
		font-size: 3.2rem;
	}

	.btn--gold:link,
	.btn--gold:visited {
		margin-right: 4rem;
	}

	.info__content {
		margin-top: -6rem;
	}

	.info__text {
		max-width: 100%;
	}

	.heading-primary--cursos {
		font-size: 10rem;
		line-height: 1;
	}

	.slide__img {
		width: 40rem;
	}

	.slide__img--mkt {
		width: 35rem;
	}

	.swiper {
		width: 75%;
	}

	.slide__video-btn {
		transform: scale(0.9);
	}

	.about__text {
		max-width: 48rem;
	}

	.about__heading {
		transform: scale(0.75);
	}

	.heading-primary--contact-sub {
		font-size: 7.5rem;
	}

	.heading-primary--contact-main:nth-of-type(2) {
		font-size: 7.7rem;
	}
	.heading-primary--contact-main {
		font-size: 12.4rem;
	}

	.contact__container {
		width: 45rem;
	}

	.form {
		min-width: 0;
	}

	.form__column-2 {
		display: block;
	}

	.form__column-2--50 {
		width: 100%;
	}

	.btn--form {
		margin-top: 4.5rem;
	}

	.footer {
		max-width: 50rem;
	}

	.footer__social {
		transform: translateX(20rem);
	}
}

/*500px/16px = 31.25em*/

@media (max-width: 31.25em) {
	.top__img {
		top: 16rem;
		transform: scale(1.3);
	}

	.header__content {
		margin-top: 50rem;
		flex-direction: column;
		align-items: center;
		max-width: 33rem;
	}

	.header {
		height: 94rem;
	}

	.heading-primary--header-main {
		font-size: 8rem;
	}

	.heading-primary--header-main:nth-of-type(2) {
		font-size: 16rem;
	}

	.heading-primary--header-sub {
		font-size: 4.05rem;
	}

	.btn--gold:link,
	.btn--gold:visited {
		margin-right: 0;
		align-self: flex-start;
		font-size: 2.2rem;
	}

	.info__content {
		margin-top: -4rem;
	}

	.swiper {
		width: 85%;
	}

	.slide__img {
		width: 38rem;
	}

	.slide__img--mkt {
		width: 32rem;
	}

	.slide__video-btn {
		transform: scale(0.8);
	}

	.about__img {
		transform: scale(1.15);
		bottom: -2.4rem;
	}

	.heading-primary--contact-sub {
		font-size: 7rem;
	}

	.heading-primary--contact-main:nth-of-type(2) {
		font-size: 7.2rem;
	}
	.heading-primary--contact-main {
		font-size: 11.6rem;
	}

	.contact__container {
		width: 42rem;
	}

	.footer {
		max-width: 46rem;
	}

	.footer__text {
		font-size: 1.5rem;
	}

	.footer__social {
		transform: translateX(21rem);
	}
}

/*460px/16px = 28.75em*/

@media (max-width: 28.75em) {
	.header__content {
		margin-top: 47rem;
	}

	.header {
		height: 90rem;
	}

	.nav__btn-txt {
		display: none;
	}

	.header__icon {
		margin: 0;
		width: 3rem;
		height: 3rem;
	}

	.btn--red:link,
	.btn--red:visited {
		font-size: 1.8rem;
		padding: 1.7rem 1.7rem;
	}

	.heading-primary--info-sub {
		font-size: 5rem;
	}

	.heading-primary--info-main {
		font-size: 8.5rem;
	}

	.info__content {
		margin-top: -3rem;
	}

	.heading-primary--cursos {
		font-size: 9rem;
		line-height: 1;
	}

	.heading-secondary {
		font-size: 4rem;
		margin: 1.5rem 0;
	}

	.about__text {
		max-width: 40rem;
	}

	.heading-primary--contact-sub {
		font-size: 6rem;
	}

	.heading-primary--contact-main:nth-of-type(2) {
		font-size: 6.2rem;
	}
	.heading-primary--contact-main {
		font-size: 10rem;
	}

	.contact__container {
		width: 36rem;
	}

	.footer {
		max-width: 46rem;
	}

	.footer__text {
		font-size: 2rem;
		margin: 0 auto;
	}

	.footer__social {
		display: none;
	}

	.red-curve {
		display: none;
	}

	.footer__curves {
		height: 22vh;
	}
}

/*400px/16px = 25em*/

@media (max-width: 25em) {
	.top__img {
		transform: scale(1.5);
	}
	.navbar {
		padding: 2rem 4rem;
	}

	.header__content {
		margin-top: 47rem;
	}

	.header {
		height: 90rem;
	}

	.heading-primary--info-sub {
		font-size: 3.5rem;
	}

	.heading-primary--info-main {
		font-size: 6.5rem;
	}

	.info__content {
		margin-top: -3rem;
	}

	.swiper {
		height: 70rem;
	}

	.swiper-slide {
		justify-content: flex-start;
	}

	.slide__img {
		display: none;
	}

	.slide__video-btn {
		/* transform: scale(0.7); */
		display: flex;
		flex-direction: column;
	}

	.cursos__player-btn:link,
	.cursos__player-btn:visited {
		position: relative;
		margin-top: 3rem;
	}

	.cursos__cta-video {
		background: var(--color-secondary-light);
	}

	.cursos__icon-play {
		margin-right: 0;
		margin-bottom: -2rem;
	}

	.cursos__icon-game {
		display: none;
	}

	.about__text {
		max-width: 32rem;
	}

	.about__heading {
		transform: scale(0.65);
	}

	.heading-primary--contact-sub {
		font-size: 7.1rem;
	}

	.heading-primary--contact-main:nth-of-type(2) {
		font-size: 7.3rem;
	}
	.heading-primary--contact-main {
		font-size: 8rem;
	}

	.contact__container {
		width: 30rem;
	}
}

/*360px/16px = 22.5em*/

@media (max-width: 22.5em) {
	.header__content {
		margin-top: 43rem;
		max-width: 27rem;
	}

	.header {
		height: 83rem;
	}

	.heading-primary--header-main {
		font-size: 6rem;
	}

	.heading-primary--header-main:nth-of-type(2) {
		font-size: 13rem;
	}

	.heading-primary--header-sub {
		font-size: 3.22rem;
	}

	.heading-primary--cursos {
		font-size: 7rem;
		margin-bottom: 4rem;
	}

	.about__heading {
		transform: scale(0.6);
	}
}