#get-started { position: absolute; margin-top: -120px;
}


p { font-size: 1.3rem; }
h2 { font-size: clamp(2.3rem, 3vw, 4rem); color:  #17425f; }

@media screen and (max-width: 640px) {
	p { font-size: 1.1rem; }
}

.leader { padding: 4rem 0 5rem; text-align: center; background:#19263a; color: #fff; }
.leader h1 { color: #fff; max-width: 1000px; margin: 0 auto; font-size: clamp(2.6rem, 3.5vw, 5rem); }
.leader p { color: #fff; max-width: 1000px; margin: 0 auto; margin-bottom: 1.2rem; }
.leader a { color: #fff; max-width: 1000px; margin: 0 auto; font-size: 1.3rem; }
.leader .main-pic-wrap { max-width: 740px; margin: 0 auto 2rem; }
.leader .main-pic-wrap img { display: block; width: 100%; }


.usps { padding: 4rem 0; text-align: center; background:#fff;  }
.usps h2 { max-width: 1000px; margin: 0 auto; }
.usps p { max-width: 1000px; margin: 0 auto; margin-bottom: 1.2rem; }
.usps .usp-container { display: flex; justify-content: space-between; }
.usps .usp-container .usp-tile { width: 25%; padding: 0 2rem; }
.usps .usp-container .usp-tile .img-wrap { max-width: 60px; margin:0 auto 2rem auto; background:#19263a; padding: 14px; border-radius: 50%; }
.usps .usp-container .usp-tile .img-wrap img { display: block; width:100%; aspect-ratio: 20 / 20; }
.usps .usp-container .usp-tile h3 { font-size: 1.6rem; font-weight:700; color: var(--theme-color2); }


@media screen and (max-width: 1610px) {
	.usps .usp-container .usp-tile p { font-size: 1.1rem; }
}

@media screen and (max-width: 1100px) {
	.usps .usp-container { flex-wrap: wrap;}
	.usps .usp-container .usp-tile { width: 50%; }
}

@media screen and (max-width: 550px) {
	.usps .usp-container .usp-tile { width: 100%; }
}




.getting-started { padding: 4rem 0;  background: #17425f; text-align: center;  }
.getting-started h2 { max-width: 1000px; margin: 0 auto; color: #fff; }
.getting-started p { max-width: 1000px; margin: 0 auto; margin-bottom: 1.2rem;  color: #fff;  }
.getting-started .numbers-container { display: flex; justify-content: space-between; flex-wrap: wrap; }
.getting-started .numbers-container .number-tile { width: 28%; padding: 0 3rem; }
.getting-started .numbers-container .number-tile .number-wrap { max-width: 60px; margin:0 auto 2rem auto; background:var(--theme-color2); padding: 14px; border-radius: 50%; }
.getting-started .numbers-container .number-tile .number-wrap p { color: #fff; margin: 0; padding: 0; line-height: 32px; font-weight: 800; }
.getting-started .numbers-container .number-tile h3 { font-size: 1.6rem; font-weight:700; color:#fff; }

@media screen and (max-width: 1610px) {
	.getting-started .numbers-container .number-tile p { font-size: 1.1rem; }
	.getting-started .numbers-container .number-tile { width: 32%; padding: 0 2rem; }
}

@media screen and (max-width: 950px) {
	.getting-started .numbers-container .number-tile { width: 100%; padding: 0 2rem; }
}


.promote-courses { padding: 4rem 0; /*background: url(/pix/bg-shadow.png) repeat-x top; background-size: 1px 182px;*/ text-align: center; }
.promote-courses h2 { max-width: 1000px; margin: 0 auto;  }
.promote-courses p { max-width: 1000px; margin: 0 auto; margin-bottom: 1.2rem;}
.promote-courses p.last { padding: 0; margin-bottom: 0;  }
.promote-courses .courses { max-width: 1000px; display: flex; justify-content: center; gap:1rem; flex-wrap: wrap; margin: 0 auto 2rem; }
.promote-courses .courses a.btn-brick { background:var(--theme-color2); font-size: 1.2rem; }


.affiliate .double-box { position: relative;  justify-content: center; padding: 4rem 0; margin: 0; background: #17425f; background-image: url(/pix/computer-hands.webp); background-size: cover; background-position: center; }
.affiliate .double-box .callback { padding: 5rem 6rem; width: auto; }
.affiliate .double-box .callback p { padding: 0 0 1.4rem 0; }
.affiliate .double-box .callback .inner { margin: 0 auto; }
.affiliate .double-box .callback .inner .g-recaptcha { margin-bottom: 0.6rem; }

@media screen and (max-width: 900px) {
	.affiliate .double-box .callback { padding: 4rem 3rem; }
}

@media screen and (max-width: 640px) {
	.affiliate .double-box .callback { padding: 2rem; }
}