@charset "UTF-8";
:root {
	--width-mobile: 18.75vw;
	--width-desktop: 40vw;
	--raleway: Raleway, sans-serif;
	--black: #1C1C1C;
	--white: #FFFFFF;
	--red: #ED131C;
	--reddark: #DE040D;
	--yellow: #FAC800;
	--gray100: #666666;
	--gray80: #7E7F81;
	--gray60: #CACACB;
	--gray40: #E0E1E5;
	--gray20: #ECEDF0;
	--gray10: #F5F5F6;
	--h1-banner: 600 5.10417vw/90% var(--raleway);
	--h1: 600 4.47917vw/110% var(--raleway);
	--h2: 600 3.33333vw/110% var(--raleway);
	--h3: 600 2.5vw/110% var(--raleway);
	--h4: 600 1.97917vw/110% var(--raleway);
	--h5: 600 1.35417vw/120% var(--raleway);
	--XL–Medium: 600 1.19792vw/120% var(--raleway);
	--XL-Regular: 500 1.19792vw/130% var(--raleway);
	--L–Medium: 600 0.98958vw/120% var(--raleway);
	--L-Regular: 500 0.98958vw/125% var(--raleway);
	--M-Medium: 600 0.83333vw/120% var(--raleway);
	--M-Regular: 500 0.83333vw/120% var(--raleway);
	--S-Medium: 600 0.78125vw/120% var(--raleway);
	--S-Regular: 500 0.78125vw/120% var(--raleway);
	--XS-Medium: 600 0.72917vw/120% var(--raleway);
	--XS-Regular: 500 0.72917vw/120% var(--raleway);
	--h1-m: 600 1.97917vw/110% var(--raleway);
	--h2-m: 600 1.35417vw/110% var(--raleway);
	--h3-m: 600 1.25vw/120% var(--raleway);
	--h4-m: 600 0.98958vw/120% var(--raleway);
	--h5-m: 600 0.88542vw/120% var(--raleway);
	--XL–Medium-m: 600 0.78125vw/120% var(--raleway);
	--XL-Regular-m: 500 0.78125vw/120% var(--raleway);
	--L–Medium-m: 600 0.72917vw/130% var(--raleway);
	--L-Regular-m: 500 0.72917vw/125% var(--raleway);
	--M-Medium-m: 600 0.67708vw/120% var(--raleway);
	--M-Regular-m: 500 0.67708vw/120% var(--raleway);
	--S-Medium-m: 600 0.625vw/120% var(--raleway);
	--S-Regular-m: 500 0.625vw/120% var(--raleway);
	--XS-Medium-m: 600 0.52083vw/130% var(--raleway);
	--XS-Regular-m: 500 0.52083vw/130% var(--raleway);
	--bs-gutter-x: 2.08333vw;
}

@media (max-width: 768px) {
	:root {
		--bs-gutter-x: 0.625vw;
	}
}

/* Media */
/* Content */
/* Common animations */
@-webkit-keyframes border-opacity {
	0% {
		border-color: transparent;
	}
	100% {
		border-color: inherit;
	}
}
@keyframes border-opacity {
	0% {
		border-color: transparent;
	}
	100% {
		border-color: inherit;
	}
}

@-webkit-keyframes translate-bottom-to-top {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		        transform: translate3d(0, -100%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@keyframes translate-bottom-to-top {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		        transform: translate3d(0, -100%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes translate-left-to-right {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		        transform: translate3d(-100%, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@keyframes translate-left-to-right {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		        transform: translate3d(-100%, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes translate-right-to-left {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		        transform: translate3d(100%, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@keyframes translate-right-to-left {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		        transform: translate3d(100%, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes translate-nw-to-se {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	20% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	80% {
		-webkit-transform: translate3d(100%, -100%, 0);
		        transform: translate3d(100%, -100%, 0);
	}
	100% {
		-webkit-transform: translate3d(100%, -100%, 0);
		        transform: translate3d(100%, -100%, 0);
	}
}

@keyframes translate-nw-to-se {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	20% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	80% {
		-webkit-transform: translate3d(100%, -100%, 0);
		        transform: translate3d(100%, -100%, 0);
	}
	100% {
		-webkit-transform: translate3d(100%, -100%, 0);
		        transform: translate3d(100%, -100%, 0);
	}
}

@-webkit-keyframes opacity-0-to-1 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes opacity-0-to-1 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes opacity-1-to-0 {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes opacity-1-to-0 {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes rotate-90-cw {
	0% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		        transform: rotate3d(0, 0, 1, 0deg);
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		        transform: rotate3d(0, 0, 1, 90deg);
	}
}

@keyframes rotate-90-cw {
	0% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		        transform: rotate3d(0, 0, 1, 0deg);
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		        transform: rotate3d(0, 0, 1, 90deg);
	}
}

@-webkit-keyframes rotate-90-ccw {
	0% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		        transform: rotate3d(0, 0, 1, 0deg);
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		        transform: rotate3d(0, 0, 1, -90deg);
	}
}

@keyframes rotate-90-ccw {
	0% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		        transform: rotate3d(0, 0, 1, 0deg);
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		        transform: rotate3d(0, 0, 1, -90deg);
	}
}

.header {
	background: var(--gray10);
	position: relative;
	display: flex;
	align-items: center;
	transition: padding .5s ease;
	z-index: 100;
	padding: 1.04167vw 0;
}

.header.fix {
	position: fixed;
	top: 0;
	max-width: 100vw;
	width: 100%;
	background: var(--gray10);
	transition: padding .5s ease;
	padding: 1.04167vw 0;
	z-index: 500;
}

.header.fix .header__pages {
	display: none;
}

.header.fix .header__nav {
	-webkit-transform: translate(-50%, 3.64583vw);
	        transform: translate(-50%, 3.64583vw);
}

.header__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1.30208vw;
}

.header__logo img {
	width: 100%;
}

.header__info {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header__info-contacts a {
	font: var(--S-Regular);
}

.header__info-contacts a:nth-of-type(1) {
	margin-right: 0.83333vw;
}

.header__info-contacts_mobile {
	display: none;
}

.header__info-phone_mobile {
	display: none;
}

.header__info-search {
	background: transparent;
	width: 1.25vw;
	border: none;
	margin: 0 1.04167vw;
	padding: 0;
}

.header__info-menu {
	font: var(--M–Medium);
	margin-right: 0.41667vw;
}

.header__pages {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.04167vw;
}

.header__pages-button:not(:last-child) {
	margin-right: 0.26042vw;
}

.header__pages-button_vacancies {
	color: var(--white);
	background: var(--black);
	border: 1px solid var(--black);
}

.header__pages-button_vacancies:hover {
	background: var(--reddark);
	color: var(--white);
	border: 1px solid var(--reddark);
}

.header__pages-button_mobile {
	display: none;
}

.header__pages-button_digital span {
	position: relative;
	padding-right: 1.25vw;
}

.header__pages-button_digital span:before {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	        transform: translateY(-50%) rotate(-45deg);
	right: 0;
	border: solid var(--black);
	border-width: 0 0.10417vw 0.10417vw 0;
	transition: all 0.5s ease;
	padding: 0.20833vw;
}

.header .menu-wrapper {
	display: block;
}

.header__nav {
	background: var(--gray10);
	display: block;
	width: 100%;
	max-width: initial;
	max-height: calc(100vh - 7.29167vw);
	overflow: auto;
	position: absolute;
	left: 50%;
	top: 0;
	box-shadow: 0.20833vw 0.26042vw 0.41667vw 0 #2aa0973d;
	-webkit-transform: translate(-50%, 7.1875vw);
	        transform: translate(-50%, 7.1875vw);
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	margin: initial;
	padding: 0 2.08333vw 2.08333vw 2.29167vw;
}

.header__nav-content {
	background: var(--white);
	display: flex;
	justify-content: space-between;
	border-radius: 0.83333vw;
	padding: 1.25vw;
}

.header__nav-pages {
	display: none;
}

.header__nav-main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 55.20833vw;
}

.header__nav-main .item {
	width: 17.08333vw;
	background: var(--gray20);
	border-radius: 1rem;
	height: 15.3125vw;
	padding: 1.25vw;
}

.header__nav-main .item:nth-of-type(1), .header__nav-main .item:nth-of-type(4) {
	width: 18.75vw;
}

.header__nav-main .item:nth-child(-n+3) {
	margin-bottom: 1.04167vw;
}

.header__nav-main .item__title {
	font: var(--h5);
	margin-bottom: 1.04167vw;
}

.header__nav-main .item__details-list ul {
	font: 400 0.88542vw Raleway, serif;
	list-style-type: none;
	padding-left: 0;
}

.header__nav-main .item__details-list li {
	transition: color .1s ease;
}

.header__nav-main .item__details-list li:not(:last-child) {
	margin-bottom: 0.625vw;
}

.header__nav-main .item__details-list li:hover {
	color: var(--red);
}

.header__nav-main .item__details-metro {
	font: var(--XL–Medium-m);
	display: block;
	margin-bottom: 0.20833vw;
}

.header__nav-main .item__details-metro span {
	color: var(--red);
}

.header__nav-main .item_addresses .item__details-wrapper div {
	margin-bottom: 1.04167vw;
}

.header__nav-main .item_addresses .item__details-wrapper div:first-child {
	margin-bottom: 0.83333vw;
}

.header__nav-main .item_schedule .item__details-wrapper {
	display: flex;
	justify-content: space-between;
	max-width: 9.16667vw;
}

.header__nav-main .item_schedule span {
	display: block;
	margin-bottom: 0.3125vw;
}

.header__nav-main .item_contacts .item__details-wrapper {
	display: flex;
	flex-direction: column;
}

.header__nav-main .item_contacts .item__details-wrapper a.last {
	margin-bottom: initial;
}

.header__nav-main .item_contacts a {
	cursor: initial;
	margin-bottom: 0.41667vw;
}

.header__nav-main .item_contacts a span {
	display: inline-block;
	cursor: pointer;
}

.header__nav-main .item_contacts a span:hover {
	color: var(--red);
}

.header__nav-main .item_contacts .item__details-title {
	font: var(--L–Medium);
	margin: 1.04167vw 0;
}

.header__nav-main .item_addresses .item__title, .header__nav-main .item_schedule .item__title, .header__nav-main .item_contacts .item__title {
	font: var(--L–Medium) !important;
}

.header__nav-adds {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: calc(100% - 55.20833vw - 1.04167vw);
}

.header__nav-adds .item {
	font: var(--M-Regular);
}

.header__nav-adds .item_company {
	height: 24.79167vw;
	background: var(--gray20);
	border-radius: 1rem;
	padding: 1.25vw;
}

.header__nav-adds .item__title {
	font: var(--h5);
	margin-bottom: 1.04167vw;
}

.header__nav-adds .item__details-list {
	display: flex;
	justify-content: space-between;
}

.header__nav-adds .item__details-list ul {
	font: 400 0.88542vw Raleway, serif;
	list-style-type: none;
	padding-left: 0;
	width: 50%;
}

.header__nav-adds .item__details-list ul li {
	transition: color .1s ease;
}

.header__nav-adds .item__details-list ul li:not(:last-child) {
	margin-bottom: 0.625vw;
}

.header__nav-adds .item__details-list ul li:hover {
	color: var(--red);
}

.header__nav-adds .item_social {
	height: 5.72917vw;
}

.header__nav-adds .item_social a {
	background: var(--black);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.625vw;
}

.header__nav-adds .item_social a img {
	width: 1.14583vw;
	height: 1.14583vw;
}

.header__nav-adds .item__social {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.04167vw;
}

.header__nav-adds .item__social a {
	width: calc(100%/4 - 3.125vw/4);
	height: 2.08333vw;
}

.header__nav-adds .item__stores {
	display: flex;
	justify-content: space-between;
}

.header__nav-adds .item__stores a {
	width: calc(100%/2 - 1.04167vw/2);
	height: 2.60417vw;
}

.header__nav-adds .item__stores a img {
	width: 5.72917vw;
	height: 1.5625vw;
}

.header__nav-adds-info {
	display: flex;
}

.header__nav-adds-info span, .header__nav-adds-info a {
	font: var(--M-Medium-m);
	color: var(--black);
	margin-right: 0.52083vw;
}

.header__nav-item {
	font: var(--M-Regular);
	margin-bottom: 1.5625vw;
	display: block;
}

.header__nav-item span {
	color: var(--red);
}

.header__nav.active {
	visibility: visible;
	opacity: 1;
	transition: 0.6s;
	-webkit-transform: translate(-50%, 7.1875vw);
	        transform: translate(-50%, 7.1875vw);
}

.header__nav:hover {
	opacity: 1 !important;
}

.header .submenu-open {
	text-transform: uppercase;
	opacity: 1;
}

.header .submenu-open:nth-child(1), .header .submenu-open:nth-child(2), .header .submenu-open:nth-child(3), .header .submenu-open:nth-child(4), .header .submenu-open:nth-child(5) {
	position: relative;
	-webkit-transform: translate(0);
	        transform: translate(0);
}

.header .menu-wrapper {
	width: 1.25rem;
	height: 0.875rem;
	cursor: pointer;
	display: block;
}

.header .menu-wrapper.animate .hamburger-menu {
	background: rgba(255, 255, 255, 0);
}

.header .menu-wrapper.animate .hamburger-menu::after {
	top: 0;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header .menu-wrapper.animate .hamburger-menu::before {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header .hamburger-menu,
.header .hamburger-menu:after,
.header .hamburger-menu:before {
	width: 1.25rem;
	height: 0.125rem;
}

.header .hamburger-menu {
	position: relative;
	-webkit-transform: translateY(0.375rem);
	        transform: translateY(0.375rem);
	background: black;
	border-radius: 0.10417vw;
	transition: all 0ms 300ms;
	z-index: 200;
}

.header .hamburger-menu::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0.375rem;
	background: black;
	border-radius: 0.10417vw;
	transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header .hamburger-menu::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0.375rem;
	background: black;
	border-radius: 0.10417vw;
	transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width: 3840px) {
	.header.fix .header__nav {
		-webkit-transform: translate(-50%, 3vw);
		        transform: translate(-50%, 3vw);
	}
	.header__nav {
		-webkit-transform: translate(-50%, 6.6vw);
		        transform: translate(-50%, 6.6vw);
	}
	.header__nav.active {
		-webkit-transform: translate(-50%, 6.6vw);
		        transform: translate(-50%, 6.6vw);
	}
}

@media (max-width: 2560px) {
	.header.fix .header__nav {
		-webkit-transform: translate(-50%, 3.3vw);
		        transform: translate(-50%, 3.3vw);
	}
	.header__nav {
		-webkit-transform: translate(-50%, 6.9vw);
		        transform: translate(-50%, 6.9vw);
	}
	.header__nav.active {
		-webkit-transform: translate(-50%, 6.7vw);
		        transform: translate(-50%, 6.7vw);
	}
}

.cs-page-main .header__pages-button_main {
	background: var(--red);
	color: var(--white);
	border-color: var(--white);
}

.cs-page-partners .header__pages-button_partners {
	background: var(--red);
	color: var(--white);
	border-color: var(--white);
}

.cs-page-dpo .header__pages-button_dpo {
	background: var(--red);
	color: var(--white);
	border-color: var(--white);
}

.cs-page-students .header__pages-button_students {
	background: var(--red);
	color: var(--white);
	border-color: var(--white);
}

.cs-page-service .header__pages-button_service {
	background: var(--red);
	color: var(--white);
	border-color: var(--white);
}

.header2 {
	background: var(--white);
	padding: 1.04167vw 0;
}

.header2.fix {
	position: fixed;
	top: 0;
	max-width: 100vw;
	width: 100%;
	background: var(--gray10);
	transition: padding .5s ease;
	padding: 1.04167vw 0;
	z-index: 500;
}

.header2.fix .header2__pages {
	display: none;
}

.header2.fix .header2__nav {
	-webkit-transform: translate(-50%, 3.64583vw);
	        transform: translate(-50%, 3.64583vw);
}

.header2__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header2__social {
	display: flex;
	margin-left: auto;
}

.header2__social a {
	display: inline-block;
	width: 1.66667vw;
}

.header2__social a:not(:last-child) {
	margin-right: 0.72917vw;
}

.header2__button {
	font: var(--M-Medium);
	color: var(--black);
	background: var(--gray40);
	height: initial;
	border-radius: 0.625vw;
	margin-left: 1.45833vw;
	padding: 0.83333vw 2.5vw;
}

.header2__button:hover {
	color: var(--black);
	background: var(--gray20);
}

.main__block {
	background: url("../../../img/career-synergy/freecourse/main/bg.jpg") no-repeat 50% 0/cover;
	color: var(--white);
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 36.04167vw;
	border-radius: 0.83333vw;
	padding: 4.16667vw 2.29167vw;
}

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

.main__info {
	display: flex;
	margin-bottom: 4.16667vw;
}

.main__info-item {
	font: 500 1.5625vw Raleway, serif;
	border: 0.10417vw solid var(--white);
	border-radius: 5.15625vw;
	padding: 0.83333vw 1.25vw;
}

.main__info-item:not(:last-child) {
	margin-right: 1.25vw;
}

.main__title {
	font: 600 4.16667vw Raleway, serif;
	letter-spacing: -0.02em;
	max-width: 53.64583vw;
	margin-bottom: 3.125vw;
}

.main__title_mobile {
	display: none;
}

.main__subtitle {
	font: var(--h4);
	margin-bottom: 2.5vw;
}

.main__button {
	font: var(--h5);
	color: var(--black);
	background: var(--white);
	display: inline-block;
	width: initial;
	height: initial;
	border-radius: 0.625vw;
	padding: 1.04167vw 3.125vw;
}

.countdown {
	padding: 1.5625vw 0;
}

.countdown__content {
	background: url("../../../img/career-synergy/freecourse/countdown/bg.jpg") no-repeat center/cover;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.83333vw;
	padding: 1.04167vw 0;
}

.countdown__txt {
	font: var(--h4);
	color: var(--white);
	margin-right: 2.39583vw;
}

.countdown__timer {
	display: flex;
}

.countdown__timer-item {
	font: var(--XL–Medium);
	background: var(--white);
	border-radius: 0.83333vw;
	padding: 0.3125vw 1.5625vw;
}

.countdown__timer-item:not(:last-child) {
	margin-right: 0.83333vw;
}

.details {
	padding: 2.08333vw 0;
}

.details__title {
	margin-bottom: 2.08333vw;
}

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

.details__item {
	width: calc(100%/3 - 2.08333vw/3);
	background: var(--white);
	border-radius: 0.83333vw;
	padding: 1.25vw 1.25vw 3.33333vw 1.25vw;
}

.details__item-title {
	font: var(--h4);
	margin-bottom: 0.41667vw;
}

.details__item-txt {
	font: var(--XL-Regular);
	line-height: 130%;
	margin-bottom: 1.14583vw;
}

.details__item ul {
	font: var(--XL-Regular);
	line-height: 130%;
}

.details__item ul li:not(:last-child) {
	margin-bottom: 0.3125vw;
}

.details__item_common .details__item-txt:last-child {
	margin-bottom: initial;
}

.details__item_practice .details__item-txt:last-child {
	margin-bottom: initial;
}

.details__item_theory .details__item-title,
.details__item_practice .details__item-title {
	margin-bottom: 1.14583vw;
}

.details__item_practice ul li:not(:last-child) {
	margin-bottom: 1.04167vw;
}

.about {
	padding: 2.08333vw 0;
}

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

.about__img {
	overflow: hidden;
	border-radius: 0.83333vw;
}

.about__img img {
	width: 30.10417vw;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.about__info {
	width: calc(100% - 30.10417vw - 1.04167vw);
	background: var(--white) url("../../../img/career-synergy/freecourse/about/bg.png") no-repeat top right/auto;
	border-radius: 0.83333vw;
	padding: 1.25vw;
}

.about__info-title {
	font: var(--h3);
	margin-bottom: 2.60417vw;
}

.about__info ul {
	font: var(--XL-Regular);
	max-width: 39.58333vw;
}

.about__info ul li {
	position: relative;
}

.about__info ul li:not(:last-child) {
	margin-bottom: 1.25vw;
}

.about__info ul li span {
	position: relative;
}

.feedback {
	padding: 2.08333vw 0;
}

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

.feedback__form {
	width: 65.52083vw;
	background: var(--white);
	border-top-left-radius: 0.83333vw;
	border-bottom-left-radius: 0.83333vw;
	padding: 1.25vw;
}

.feedback .form__items {
	gap: initial;
}

.feedback .form__title {
	font: var(--h3);
	letter-spacing: -0.02em;
	margin-bottom: 2.29167vw;
}

.feedback .form__title_mobile {
	display: none;
}

.feedback .form__fields {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.04167vw;
}

.feedback .form__section {
	width: calc(100%/2 - 1.25vw/2);
	display: flex;
	flex-direction: column;
	gap: 0.625vw;
}

.feedback .form__section-title {
	font: var(--XL–Medium);
}

.feedback .form__group {
	display: flex;
	justify-content: space-between;
}

.feedback .form__group .form__item {
	width: calc(100%/2 - 0.625vw/2);
}

.feedback .form__input {
	font: var(--M-Regular);
	background: var(--white);
	min-height: 2.60417vw;
	border-radius: 0.625vw;
	border: 0.10417vw solid var(--gray20);
}

.feedback .form__txt {
	font: var(--XL-Regular);
	margin-bottom: 1.04167vw;
}

.feedback .form__item_button button {
	font: var(--S-Medium);
	width: 100%;
	min-height: 2.60417vw;
	height: initial;
	border: 1px solid;
	border-radius: 0.625vw;
	margin-bottom: 1.04167vw;
	padding: 0.52083vw 0;
}

.feedback .form__item_button button:hover {
	background: var(--reddark);
	color: var(--white);
}

.feedback .form .checkbox {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 1.04167vw;
}

.feedback .form .checkbox__txt {
	font: var(--S-Medium);
	margin-right: 2.08333vw;
}

.feedback .form .checkbox__block {
	display: flex;
	align-items: center;
}

.feedback .form .checkbox__block-item {
	margin: 0;
}

.feedback .form .checkbox__block-item:first-child {
	margin-right: 1.04167vw;
}

.feedback .form__footer {
	margin-top: initial;
}

.feedback .form__footer .checkbox-wrapper {
	margin-bottom: initial;
}

.feedback .select {
	font: var(--M-Regular);
	color: var(--black);
	position: relative;
	z-index: 100;
}

.feedback .select__trigger {
	background-color: var(--white);
	position: relative;
	height: 2.60417vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 0.10417vw solid var(--gray20);
	border-radius: 0.625vw;
	cursor: pointer;
	padding: 0.72917vw 1.04167vw;
}

.feedback .select__trigger-arrow {
	position: relative;
	top: -0.10417vw;
	border: solid var(--black);
	border-width: 0 0.10417vw 0.10417vw 0;
	transition: all 0.5s ease;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	padding: 0.20833vw;
}

.feedback .select__trigger > span {
	width: 100%;
}

.feedback .select__trigger .select__options-item {
	padding-left: 0;
}

.feedback .select__trigger .select__options-item:hover {
	background: var(--white);
}

.feedback .select__options {
	display: none;
	background-color: var(--white);
	height: 12.5vw;
	position: absolute;
	top: 110%;
	left: 0;
	right: 0;
	border: 0.10417vw solid var(--gray20);
	box-shadow: 0 0 1.09375vw var(--gray);
	border-radius: 0.41667vw;
	overflow: hidden;
	z-index: 2;
	padding: 0.41667vw 0 1.25vw 0.41667vw;
}

.feedback .select__options-item {
	font: var(--M-Medium);
	display: flex;
	justify-content: space-between;
	width: 100%;
	min-height: 1.875vw;
	border-radius: 0.20833vw;
	transition: background-color 0.3s ease;
	cursor: pointer;
	padding: 0.41667vw 1.25vw 0.625vw 0.41667vw;
}

.feedback .select__options-item:not(.popular) .select__options-item-popular {
	display: none;
}

.feedback .select__options-item .select__options-item-popular span::before {
	content: 'Популярно';
}

.feedback .select__options-item-txt {
	font: var(--M-Medium);
}

.feedback .select__options-item-popular {
	font: var(--M-Medium);
	color: var(--red);
}

.feedback .select__options-item:hover {
	background-color: var(--gray20);
}

.feedback .select.open .select__trigger-arrow {
	-webkit-transform: rotate(-135deg);
	        transform: rotate(-135deg);
	-webkit-transform-origin: center;
	        transform-origin: center;
	top: 0.10417vw;
	transition: all 0.5s ease;
}

.feedback .select.open .select__options {
	display: flex;
	flex-direction: column;
}

.feedback .select.disabled .select__trigger {
	color: var(--gray60);
}

.feedback .select.disabled .select__trigger-arrow {
	border-color: var(--gray60);
}

.feedback .select .mCSB_container {
	margin-right: 1.04167vw;
}

.feedback .select .mCSB_scrollTools .mCSB_draggerRail {
	background: var(--gray40);
	width: 0.20833vw;
	border-radius: 5.15625vw;
}

.feedback .select .mCSB_scrollTools .mCSB_dragger_bar {
	width: 0.20833vw;
	border-radius: 5.15625vw;
}

.feedback__img {
	display: flex;
	width: calc(100% - 65.52083vw);
	overflow: hidden;
	border-top-right-radius: 0.83333vw;
	border-bottom-right-radius: 0.83333vw;
}

.feedback__img img {
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.footer {
	background: var(--gray10);
	padding: 1.04167vw 0;
}

.footer .header__content {
	display: none;
}

.footer__pages {
	display: flex;
	align-items: center;
	margin-bottom: 1.04167vw;
}

.footer__pages .header__logo {
	margin-right: 1.66667vw;
}

.footer__pages .header__pages {
	margin: 0;
}

.footer__pages .header__pages-button {
	margin-bottom: 0;
}

.footer .header__nav {
	opacity: 1 !important;
	visibility: visible !important;
	position: relative;
	max-height: initial;
	padding: 0;
	-webkit-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);
	box-shadow: none;
}

.footer .header__nav-content {
	background: var(--gray10);
	padding: 0;
}

.footer .header__nav-adds {
	display: flex;
	opacity: 1 !important;
	visibility: visible !important;
}

.footer .header__nav-adds .item_company {
	height: 22.13542vw;
}

.footer__content {
	display: flex;
}

.cs-page-freecourse .header__pages {
	display: none;
}

.page-assistant .footer {
	padding-top: initial;
}