@font-face {
	font-family: 'Noah Head';
	font-weight: 500;
	src: url('fonts/NoahHead-Medium.woff') format('woff');
	/* font-display: swap;*/
}

@font-face {
	font-family: 'Noah Head';
	font-weight: 700;
	src: url('fonts/NoahHead-Bold.woff') format('woff');
	/* font-display: swap;*/
}

@font-face {
	font-family: 'Noah Head';
	font-weight: 800;
	src: url('fonts/NoahHead-ExtraBold.woff') format('woff');
	/* font-display: swap;*/
}

@font-face {
	font-family: 'Noah Head italic';
	font-weight: 800;
	src: url('fonts/NoahHead-ExtraBoldItalic.woff') format('woff');
/*	font-display: swap;*/
}

@font-face {
	font-family: 'Dela Gothic One';
	font-weight: 400;
	src: url('fonts/DelaGothicOne-Regular.woff') format('woff');
	/* font-display: swap;*/
}


:root {
  --main-text-color: #2E2E35;
  --main-color-white: #ffffff;
  --main-color-red: #ed1c24;
  --main-color-blue: #005baa;
  --background-white: #ffffff;
  --background-dark: #282a32;
  --background-grey: #f5f9fc;
  --flex-item: 2;
  --item-gap: 1.875rem;
  --section-padding: 13.438rem;
}

html {
  box-sizing: border-box;
  font-size: 1vw;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

*:hover,
*:focus {
  outline: none;
}

body {
  font-family: 'Noah Head';
  font-weight:500;
  margin: 0;
  color: var(--main-text-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
}

/*body p {
	margin-bottom: 0.1rem;
	font-family: 'Noah Head';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
}*/



.container{
	max-width: 100rem;
	padding-left: var(--section-padding);
	padding-right: var(--section-padding);
	margin-left: auto;
	margin-right: auto;
}
.d-flex{
	display: flex;
}
.banner-wrap{
	padding-top: 4.375rem;
	padding-bottom: 12.75rem;
	column-gap: 1.875rem;
	align-items: center;
	justify-content: center;
}
.item-banner{
	flex-basis: calc(100% / 12 * 6);
}
.first_screen{
	/*height: 100vh;*/
	min-height:50rem;
	background-image: url(images/Bg-yellow.webp);
	background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
}
.Logo-desk{
	width: 10.625rem;
	margin-bottom: 1.875rem;
}
.banner_img{
	width: 33.75rem;
}

.line{
	position: relative;
	overflow: hidden;
	 width: 100%;
    height: 100%;
}
.line span {
	position: relative;
	top: 12.5rem;

}
.banner_title{
	font-family: 'Dela Gothic One';
	color: #000000;
	font-size:2.625em;
	line-height: 120%;
	/*font-weight: bold;*/
	/* or 50px */
	margin-bottom: 1.25rem;
	text-transform: uppercase;
	font-style: normal;
}

.banner_sub_title{
	width: max-content;
	font-weight: 700;
	font-size: 1.25em;
	line-height: 120%;
	/* identical to box height, or 24px */
	padding:0.313rem  0.625rem;
	background: white;
	/* Black 0 */

	color: #000000;
	border-radius: 0.625rem;
	margin-bottom: 2.5rem;
}
.banner_text{
	width: 33.75rem;
	line-height: 140%;
}
/*//////////////////////*/

.sliders{
	border-radius: 3.125rem;
	margin: 1.875rem 1.875rem 0;

}
.beginners{
	background: #464BDE;
}

.traders{
	background: #14B4CC;
}
.profi{
	background: #F97861;
}

.sliders-wrap{
	padding-top:3.125rem;
	padding-bottom: 6.25rem;
}

.sliders-title{
	display: flex;
	align-items: center;
	justify-content:space-between;
	margin-bottom: 3.125rem;
}

.arrows{
	display: flex;
	align-items: center;
	column-gap: 0.625rem;
}
.arrows img{
	width: 1.688rem;
}
.prev,
.next{
	cursor: pointer;
	padding: 1.25rem 1.375rem;
	display: flex;
	align-items: center;
	justify-content: center;

	width: 4.375rem;
	height: 4.375rem;

	/* White */

	background: #FFFFFF;
	border-radius: 1.25rem;
}
.next{
	transform: rotate(180deg);
}
.sliders-title h3{
	font-family: 'Dela Gothic One';
	line-height: 120%;
	/* or 50px */
	font-size:2.625em;
	margin-bottom: 0;
	text-transform: uppercase;

	/* White */
	
	color: #FFFFFF;
}

.slick-slider{
	margin-right: -1.875rem;
	margin-left: -1.875rem;
}
.slider-item{
	margin: 0 1.875rem;
	background: #FFFFFF;
	border-radius: 1.875rem;
	padding: 2.5rem;
	display: flex !important;
	column-gap: 1.875rem;
}
.left-content{
	position: relative;
	flex-basis: calc(100% / 12 * 3);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.right-content{
	flex-basis: calc(100% / 12 * 9);
}


.light-red{
	font-weight: 500;
	background: #FB5A62;
	border-radius: 0.938rem;
	padding: 0.5rem 0.625rem;
	font-size: 1.25em;
	line-height: 120%;
	/* identical to box height, or 24px */

	text-align: center;

	/* Black 0 */

	color: #000000;
	margin-bottom: 1.875rem;
}
.light-red-text{
	font-weight: 700;
	font-size: 1.875em;
	line-height: 100%;

	color: #FB3640;
}
.num{
	font-family: 'Dela Gothic One';
	font-size: 2.625em;
	line-height: 90%;
	color: #FB3640;
	text-transform: uppercase;
	margin-bottom: 0;
}

.light-blue{
	font-weight: 500;
	background: #464BDE;
	border-radius: 0.938rem;
	padding: 0.5rem 0.625rem;
	font-size: 1.25em;
	line-height: 120%;
	/* identical to box height, or 24px */

	text-align: center;

	/* Black 0 */

	color: #fff;
	margin-bottom: 1.875rem;
}
.list-course{
	display: flex;
	justify-content: space-between;
	column-gap: 1.25rem;
}

.course-item{
	width: 33%;
}
.course-item ul{
	padding-left: 0.938rem;
}
.course-item h6{
	color: #343ADB;
	font-size: 1.375em;
	line-height: 120%;
	margin-bottom: 1.25rem;
}

.course-item a{

	background: #E1E5EB;
	border-radius: 0.938rem;
	padding: 0.625rem 0.938rem;
	font-weight: 700;
	font-size: 1em;
	line-height: 140%;
	text-decoration: none;
	/* or 22px */

	text-transform: uppercase;

	/* Blue */
	display: inline-block;
	color: #343ADB;
	transition: 0.2s;
}
.course-item a:hover{
	letter-spacing: 1px;
}

.course-item a img{
	position: relative;
    top: 0.1rem;
	margin-left: 0.625rem;
	display: inline-block !important;
	width: 0.938rem;
	height: 0.938rem;
	transition: 0.2s;

}

.course-item a:hover img{
	transform: rotate(45deg);
}
/*////////////////////////*/

.last_screen{
	/*min-height:50rem;*/
	margin-top: 1.875rem;
	background-image: url(images/last-screen.png);
	background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
   
}
.last_screen-wrap{
	 position: relative;
	padding-top: 13.125rem;
	padding-bottom:  5.625rem;
}

.road-img{
	position: absolute;
	width: 55.375rem;
	bottom: 0;
	left: 0;
}

.form-wrap{
	width: 27.813rem;
	height: 33.75rem;
	background: #E4E7EC;
	border-radius:1rem;
	z-index: 1;
	margin-left: 3.125rem;
	margin-top: -2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
footer{
	background: #FBEACC;
	
}
.f-wrap{
	padding-top: 2.188rem;
	padding-bottom: 2.188rem;
	align-items: center;
	justify-content: space-between;
}
.copy{
	margin-bottom: 0;
	font-size: 0.875em;
	line-height: 150%;
	/* identical to box height, or 21px */


	/* Black 36 */

	color: #54545C;
}

.social{
	display: flex;
	align-items: center;
}

.social p{
	font-weight: 700;
	font-size: 0.875em;
	line-height: 150%;
	/* identical to box height, or 21px */
	margin-bottom: 0;

	/* Black 0 */

	color: #000000;
}

.social img{
	width: 1.125rem;
	height: 1.125rem;
	margin-left: 1.25rem;
	object-fit: contain;
}
.polic{
	line-height: 150%;
	/* identical to box height, or 21px */
	font-size: 0.875em;
	text-decoration-line: underline;

	/* Black 36 */

	color: #54545C;
}

.form-wrap .flex-register-form{
	width: 27.813rem !important;
}

@media (max-width: 1600px){
	
	:root {

		--section-padding: 6.438rem;
	}

	.first_screen{
		background-size: cover;
	}

	html {
		font-size: 1.15vw;
		line-height: 1.3;
	}

	.form-wrap .flex-register-form{
		width: 100% !important;
	}

}
@media (max-width: 1200px){
	.form-wrap{
		height: 45.75rem;
	}
}
@media (max-width: 1000px){


	:root {
		--section-padding: 1.875rem;
	}

	html {
		font-size: 2.083vw;
		line-height: 1.3;
	}
	.banner-wrap{
		flex-direction: column;
		padding-bottom: 6.75rem;
	}
	.item-banner{
		text-align: center;
	}
	.banner_sub_title{
		margin: 0 auto 1.8rem;
	}
	.banner_text{
		margin: 0 auto 3.75rem;
	}
	.slider-item{
		flex-direction: column;
	}

	.light-red-text{
		max-width: 65%;
	}
	.num{
		position: absolute;
		right: 0;
		bottom: 3.813rem;
	}

	.last_screen-wrap{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		padding-top: 6.125rem;
		padding-bottom: 5.625rem;
	}

	.form-wrap{
		margin-left: 0;
		margin-top: 3.75rem;
		height: auto;
	}
	
	.road-img{
		left: -45.313rem;
	}
	.f-wrap{
		flex-direction: column;
	}
	.copy, .social{
		margin-bottom: 1.3rem;
	}

	


}
@media (max-width: 767px){
	:root {
		--section-padding: 0.938rem;
	}

	html {
		font-size: 4.444vw;
		line-height: 1.3;
	}
	.banner-wrap{
		padding-top: 3.375rem;
		padding-bottom: 2.75rem;
	}
	.banner_title{
		font-size: 1.825em;
	}
	.banner_text,
	.banner_sub_title,
	.banner_img{
		width: 100%;
	}
	.banner_text {
		margin: 0px auto 1.75rem;
	}

	.sliders-title, .list-course{
		flex-direction: column;
	}

	.sliders{
		margin: 1.875rem 0.938rem 0;
	}
	.sliders-wrap {
		padding-top: 2.125rem;
		padding-bottom: 2.25rem;
	}

	.sliders-title{
		align-items: flex-start;
	}

	.sliders-title h3{
      font-size: 1.875em;
      margin-bottom: 1.538rem;
	}
	.prev, .next{
		width: 8.75rem;
	}
	.slider-item{
		padding: 1.875rem 0.938rem 0;
	}
	.num {
		bottom: 2.813rem;
	}

	.course-item{
		width: 100%;
	}
	.course-item{
		margin-bottom: 1.875rem;
	}
	.last_screen-wrap{
		padding-top: 3.125rem;
		padding-bottom: 10rem;
	}
	.last_screen .banner_title{
		font-size: 1.5em;
	}
	.form-wrap{
		width: 100%;
		margin-top: 1.75rem;
		
	}
	.road-img{
		left: 0;
		width: 100%;
	}
}