.menu-toggle-btn {
	gap: 4px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background-color: var(--color-violet-light);
	cursor: pointer;
}

.menu-toggle-btn span {
	width: 20px;
	height: 4px;
	background-color: var(--color-light-blue);
	border-radius: 4px;
}

.banner-top-main-image-mobile {
	display: none;
}

@media screen and (min-width: 1200px) {
	.carousel-item__btn br {
		display: none;
	}
}

@media screen and (max-width: 1199px) {
	.univerium-in-numbers__action-inner {
		gap: 18px;
	}
	.univerium-in-numbers__action .title {
		font-size: 30px;
	}
	.banner-top-feedback-image-desktop {
		bottom: 0;
		right: -408px;
	}

	.banner-top-main {
		padding-top: 30px;
	}

	.banner_main_element_1 {
		right: 45%;
	}
	
	.banner_main_element_2 {
		top: -84px;
        right: 27%;
	}

	.banner-top-main-image {
		/* width: 500px; */
		bottom: -72px;
		width: 162%;
	}

	/* What to start */
	
	.what-to-start__inner {
		overflow: hidden;
		position: relative;
		align-items: stretch; 
		padding: 0;
	}

	.what-to-start__image-wrapper {
		display: flex;
		align-items: flex-end;
		bottom: 0;
	}

	.what-to-start__image {
		position: absolute;
		bottom: 0;
		height: 100%;
		min-height: 100%;
		width: auto;
		right: 0;
		left: auto;
	}

	.what-to-start__content {
		padding-top: 68px;
		padding-bottom: 56px;
		padding-right: 36px;
		padding-left: 6px;
	}

	.what-to-start h2 {
		margin-bottom: 20px;
	}

	.what-to-start__list {
		margin-bottom: 27px;
	}
	
	.what-to-start .list-item__text {
		line-height: 120%;
	}

	/* Courses */
	.our-courses__item {
		width: calc(33% - 15px);
	}

	/* Join us */
	.join-us__item .count {
		font-size: 22px;
	}

	/* Licenses */
	.row-licenses__item img {
		width: 221px;
	}

	/* Blog */
	.block_banner-01 {
		/* max-height: 421px; */
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.block_banner-01 .banner-title {
		font-size: 30px;
		line-height: 100%;
	}

	.block_banner-01 .block-item {
		margin-bottom: 9px;
	}

	.blog-page .blog-item {
		padding-left: 15px;
		padding-right: 15px;	
	}

	.blog-page .blog-item .read-more-btn {
		width: 156px;
	}

	.block_banner-02 {
		padding-left: 324px;
	}

	.blog-page .articles-row {
		gap: 27px;
	}

	.univerium-in-numbers__wrapper {
		padding-left: 33px;
		padding-right: 33px;
		padding-bottom: 45px;
		column-gap: 20px;
	}

	.univerium-in-numbers__item {
		padding-top: 23px;
		padding-bottom: 0;
		padding: 23px 20px 0;
		height: auto;
		min-height: 230px;
	}
}

@media screen and (max-width: 1124px) {
	.faq-left {
		min-width: 64%;
	}
}

@media screen and (max-width: 1024px) {
	.faq-left {
		min-width: 62%;
	}
}

@media screen and (min-width: 992px) {
	.mobile-header-block,
	.menu-toggle-btn {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	.banner-top-main {
		padding-top: 18px;
	}
	.page-template-main .blog {
		padding-left: 15px;
		padding-right: 15px;
	}
	.page-template-main .blog-item {
		width: 50%;
		flex: 50%;
		max-width: 50%;
	}
	.blog-single-page .post-content iframe {
		height: 284px;
	}
	
	body {
		overflow-x: hidden;
	}
	body.hidden {
		overflow: hidden;
	}
	html.menu-open,
	body.menu-open {
		overflow: hidden !important;
		height: 100%;
	}
	.btn-login {
		color: transparent;
		background-image: url('../img/login.svg');
		background-repeat: no-repeat;
		background-size: 23px;
		background-position: 8px center;
		width: 46px;
		max-width: 46px;
		height: 46px;
		border-radius: 50%;
		display: block;
		padding: 0;
	}

	.menu-top {
		flex-direction: column;
		gap: 22px;
	}

	.menu-top-wrapper {
		background-color: var(--color-violet-light);
		position: fixed;
		width: 100%;
		top: 136px;
		left: 0;
		z-index: 777;
		height: 89vh;
		overflow-y: scroll;
		border-radius: 32px;
		padding: 36px 19px;
		justify-content: space-between;
		visibility: hidden;
		transform: translateY(-20px);
		transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
		pointer-events: none;
	}

	.menu-top-wrapper.active {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
		padding-bottom: 103px;
	}
	
	.menu-top .menu-item {
		width: auto;
	}

	.menu-top a {
		font-size: 24px;
	}

	.menu-top .sub-menu a {
		font-size: 20px;
		line-height: 130%;
		font-weight: 400;
	}

	.menu-top .menu-item-has-children .menu__link:after {
		position: relative;
		right: 0;
		top: 2px;
	}

	.menu-top .sub-menu {
		position: relative;
		height: 0;
		padding: 0;
		background-color: transparent;
		box-shadow: none;
		overflow: hidden;
		transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
		max-height: 0;
		padding-top: 0;
		max-height: 100%;
		top: 27px;
	}

	.menu-item-has-children.active .sub-menu {
		height: auto;
		padding: 0;
		max-height: 500px; 
		height: auto;
		padding-bottom: 35px;
		overflow: visible;
		margin-bottom: 18px;
		gap: 10px;
		margin-top: -10px;
		position: relative;
		background-color: white;
		padding-top: 15px;
		padding-left: 15px;
	}
	.menu-item-has-children.active .sub-menu.mega-menu,
	.menu-item-has-children.active .sub-menu.mega-menu__list {
		background-color: transparent;
		padding-top: 0;
		padding-left: 0;
	}
	.menu-top .mega-menu__left {
		background-color: transparent;
	}
	.menu-top .menu-item-has-children > a:after {
		position: relative;
	}

	.menu-top .menu-item-has-children.active .sub-menu .menu-item .menu-icon {
		width: 20px;
		height: 20px;
		margin-right: 8px;
		vertical-align: middle;
		display: inline-block;
	}

	.menu-top .menu-item-has-children.active .sub-menu .menu-item a {
		display: flex;
		gap: 10px;
		align-items: center;
	}

	.menu-item-has-children.active > a:after {
		transform: rotate(180deg);
		transition: transform 0.3s ease-in-out;
	}

	.header {
		position: relative;
		z-index: 777;
	}

	.mobile-header-block {
		gap: 14px;
		margin-top: 64px;
	}

	.mobile-header-block .email,
	.mobile-header-block .phone,
	.mobile-header-block {
		line-height: 130%;
	}

	.mobile-header-block .email,
	.mobile-header-block .phone {
		font-size: 24px;
		font-weight: 500;
	}

	.mobile-header-block .links {
		gap: 10px;
	}

	.header-buttons {
		gap: 8px;
	}

	/* BANNER MAIN TOP */
	.banner-main-links {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
		row-gap: 8px;
		column-gap: 4px;
		margin-right: 0;
	}
	
	.banner-main__link {
		display: flex;
		gap: 4px;
		width: auto;
		flex: 0 0 auto;
		align-items: center;
		padding: 11px 18px;
	}

	.banner-main__link span {
		font-size: 14px;
	}

	.banner-main__link svg {
		width: 14px;
	}

	.banner-top-main {
		padding-bottom: 45px;
		margin-bottom: 35px;
	}

	.banner_main_element_1 {
		width: 14px;
		top: 10px;
		right: 39%;
	}

	.banner_main_element_2 {
		width: 25px;
		top: -31px;
		right: 29%;
	}

	.banner-top-main-image-desktop {
		display: none;
	}
	.banner-top-main-image-mobile__wrapper {
        position: relative;
        width: 54%;
		height:100%;
        right: 0;
        bottom: 0;
        /* background-position: 5% 81%; */
	}
	.banner-top-main-image-mobile {
		display: block;
        position: absolute;
        bottom: -31px;
        width: auto;
        right: -67%;
        height: 378px;
	}

	.banner-top-main h1 {
		margin-bottom: 16px;
	}

	.banner-main-content {
		position: relative;
		display: flex;
		margin-top: 16px;
		padding-top: 24px;
		height: 178px;
		padding: 0;
	}

	.banner-main-content .number {
		font-size: 32px;
	}

	.banner-main-content__left {
		padding: 23px 18px;
	}

	.banner-main-content .text {
		font-size: 14px;
		line-height: 120%;
		width: 100%;
	}
	

	/* TABS */
	.tabs__header {
		flex-wrap: nowrap;
		overflow-x: auto;
		/* Скрываем scrollbar для WebKit (Chrome, Safari) */
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none; /* IE и Edge */
		gap: 10px;
		margin-bottom: 17px;
	}

	.tabs__header::-webkit-scrollbar {
		display: none; /* Chrome, Safari, Opera */
	}

	.tabs__header-item {
		width: auto;
		display: flex;
		flex-wrap: nowrap;
		gap: 5px;
		height: 34px;
		align-items: center;
		padding: 0 12px;
	}

	.choose-education .tabs__header {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.choose-education .tabs__header::-webkit-scrollbar {
		display: none;
	}

	.choose-education .tabs__header .cats-list__inner {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		gap: 8px;
		padding-bottom: 6px;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.choose-education .tabs__header .cats-list__inner::-webkit-scrollbar {
		display: none;
	}

	.choose-education .tabs__header .cats-list__inner .tabs__header-item {
		height: auto;
		padding: 15px 16px;
		gap: 8px;
		flex-shrink: 0;
		white-space: nowrap;
	}

	.tabs__content {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		align-items: stretch;
	  }
	  
	  .tabs__item {
		width: 100%;
		min-width: 100%;
		flex: none;
		height: 100%;
		background-size: 28%;
        background-position: top right;
	  }
	
	.tabs__item.carousel-item {
		width: 100%;
		height: 100%;
	}

	.carousel-track .carousel-slide-wrapper {
		row-gap: 35px;
	}

	.tabs__item-top {
		flex-direction: column;
	}

	.tabs__item-top-left {
		order: 10;
	}

	.tabs__item .label {
		order: 1;
		margin-bottom: 8px;
		font-size: 12px;
	}

	.tabs__item .title {
		font-size: 18px;
		line-height: 120%;
		margin-bottom: 10px;
	}


	.tabs__item .more-btn {
		width: 100%;
		font-weight: 600;
		margin-top: 4px;
	}

	/* What to start */
	.what-to-start {
		margin-bottom: 60px;
	}

	.what-to-start__inner {
		background-image: none;
	}
	.what-to-start__image-wrapper {
		display: none;
	}

	.what-to-start__image-mobile {
		display: block;
		order: 2;
		margin: 0;
		background-image: url('../img/what-to-start-bg-mobile.webp');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom left;
	}

	.what-to-start__content {
		display: flex;
		flex-direction: column;
		padding: 34px 24px;
	}

	.what-to-start__header {
		order: 1;
		text-align: center;
	}

	.what-to-start__header h2 {
		margin-bottom: 16px;
	}

	.what-to-start__text {
		font-size: 14px;
	}

	.what-to-start__text {
		margin-bottom: 8px;
	}

	.what-to-start__image {
		position: relative;
		max-width: 100%;
	}

	.what-to-start__list {
		order: 3;
		margin-bottom: 14px;
	}

	.what-to-start__content .btn {
		order: 4;
		width: 100%;
		text-align: center;
	}

	/* Carousel */
	.carousel-container {
		/* Ограничиваем высоту для показа только 2 рядов (4 элемента) */
		height: calc(253px * 2 + 19px);
		overflow: hidden;
		width: 100%;
		position: relative;
	}

	.courses-by-category .carousel-container {
		height: 100%;
	}
	.courses-by-category.courses-carousel-wrapper--static .carousel-container {
		height: auto;
		overflow: visible;
	}
	.courses-by-category.courses-carousel-wrapper--static .carousel-track {
		flex-wrap: wrap;
		gap: 19px;
	}
	.courses-by-category.courses-carousel-wrapper--static .carousel-item.tabs__item {
		/* width: calc(50% - 9.5px);
		flex: 0 0 calc(50% - 9.5px);
		min-width: 0;
		height: 253px; */
	}
	.courses-by-category.courses-carousel-wrapper--static .carousel-track {
		display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: auto;
        gap: 16px;
        width: 100%;
        flex: 0 0 100%;
        min-width: 100%;
	}
	.courses-by-category .carousel-pagination {
		/* margin-top: 15px; */
	}

	.carousel-track {
		display: flex;
		flex-wrap: nowrap;
		gap: 0;
		/* transform теперь работает для плавного slide */
	}

	/* Обертки для каждого слайда (4 элемента) */
	.carousel-track .carousel-slide-wrapper {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: auto;
		gap: 16px;
		width: 100%;
		flex: 0 0 100%;
		min-width: 100%;
	}

	.new-skills .carousel-item {
		/* В адаптивной версии каждый элемент занимает 50% ширины контейнера */
		width: 100%;
		display: flex;
		height: 253px;
	}

	.carousel-track.dragging {
		cursor: grabbing;
	}

	.new-skills .carousel-track.dragging .carousel-item {
		pointer-events: none;
	}

	/* We help */
	.we-help__items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Courses */
	.our-courses__item {
		width: calc(50% - 13px);
	}

	.courses-list .tabs__item {
		/* flex: 0 0 calc(49% - 5px); */
	}

	/* Our students slider */
	.our-students-carousel__item {
		width: 100%;
	}

	/* Univerium in numbers */
	.univerium-in-numbers__wrapper {
		padding: 45px 16px;
	}

	.univerium-in-numbers__wrapper h2 {
		margin-bottom: 23px;
	}
	.univerium-in-numbers__item {
		position: relative;
		border-radius: 20px;
		overflow: hidden;
		min-height: 204px;
	}

	.univerium-in-numbers__item:first-child {
		padding-bottom: 25px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.univerium-in-numbers__item .title {
		font-size: 20px;
		line-height: 120%;
		z-index: 100;
	}
	.univerium-in-numbers__item img {
		position: absolute;
		width: 100%;
		height: auto;
		bottom: 0;
	}

	/* Action */
	.univerium-in-numbers__action-inner {
		flex-direction: column;
		padding: 30px;
		/* min-height: 206px; */
		height: auto;
		gap: 20px;
		background-image: url('../img/action-decor-left-1_mobile.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.univerium-in-numbers__action .title {
		line-height: 110%;
	}

	.action-decor-left,
	.action-decor-right,
	.action-decor-left svg,
	.action-decor-right img {
		height: 100%;
		min-height: 100%;
		width: auto;

	}
	.action-decor-left {
		left: 0;
		bottom: 0;
	}
	.action-decor-right {
		right: -50px;
		bottom: 0;
	}

	.action-decor-left,
	.action-decor-right {
		display: none;
	}

	.action-btn {
		justify-content: space-between;
	}
	.our-students-carousel {
		margin-bottom: 90px;
	}

	
	.univerium-in-numbers {
		margin-bottom: 90px;
	}

	/* Blog */
	.blog {
		margin-bottom: 90px;
	}
	.blog-row {
		gap: 20px;
	}

	/* Form */
	.form {
		padding-top: 19px;
	}
	.form-image {
		order: 2;
		left: 0;
	}

	.form-image img {
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}

	.form-wrapper {
		margin-bottom: 0;
		margin-bottom: -45px;
		position: relative;
		z-index: 100;
	}

	.form-wrapper .title {
		text-align: center;
		font-size: 24px;
		margin-bottom: 17px;
	}
	.form-wrapper .desc {
		font-size: 14px;
		margin-bottom: 24px;
		text-align: center;
	}
	.form-wrapper form {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.form-wrapper .conf {
		text-align: center;
	}

	/* Footer */
	.footer {
		padding-top: 28px;
		padding-bottom: 61px;
	}

	.footer-top {
		flex-wrap: wrap;
	}

	.footer-top .logo {
		display: flex;
		justify-content: center;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 32px;
	}

	.footer-contacts {
		order: 1;
		width: 59%;
		margin-bottom: 37px;
	}

	.footer-contacts .links a:not(:last-child) {
		width: 31px;
	}

	.footer-contacts .address br {
		display: none;
	}

	.footer-nav li {
		margin-bottom: 16px;
	}

	.footer-top img {
		order: 2;
		width: 100%;
		max-width: 118px;
	}

	.footer-nav {
		order: 3;
		width: 50%
	}

	.footer-bottom__top,
	.footer-bottom__bottom {
		flex-direction: column;
		gap: 12px;
	}

	.footer-courses .footer-courses-bottom {
		flex-direction: column;
	}


	.footer-courses .footer-courses-bottom__requisites {
		grid-template-columns: 1fr;
		row-gap: 8px;
	}

	/************************************************************************
	*************************** Page About **********************************
	*************************************************************************/
	.banner-about {
		align-items: center;
		text-align: center;
		margin-top: 38px;
		padding-left: 0;
		padding-right: 0;
	}

	.banner-about__inner {
		padding-left: 23px;
		padding-right: 23px;
		padding-top: 0;
		padding-bottom: 35px;
	}
	.banner-about__image-02_desktop {
		display: none;
	}
	.banner-about__image-02_mobile {
		position: relative;
		order: 0;
		max-width: 100%;
		display: block;
		margin: 0 auto;
		top: -132px;
		z-index: 110;
		left: auto;
		right: auto;
		margin-bottom: 0;
		margin-right: -41px;
	}
	.banner-about__content {
		position: relative;
		order: 2;
		margin-top: -76px;
	}

	.faq-wrapper .breadcrumbs-wrapper #breadcrumbs {
		display: flex;
		justify-content: center;
	}

	.rekvizity .details-page__header h1 {
		margin-top: 21px;
	}
	

	.banner-about h1 {
		font-size: 64px;
		line-height: 56px;
	}

	.banner-about__text {
		font-size: 16px;
		line-height: 130%;
		margin-bottom: 23px;
	}

	.banner-about__image-01 {
		z-index: 0;
	}

	.banner-about__element-02,
	.banner-about__element-03,
	.banner-about__image-01,
	.banner-about__element-01 {
		display: none;
	}

	.banner-about__element-04,
	.banner-about__element-05,
	.banner-about__element-06,
	.banner-about__element-07,
	.banner-about__element-08,
	.banner-about__element-09 {
		position: absolute;
		display: block;
	}

	.banner-about__element-04 {
        right: 0;
        top: -126px;
        z-index: 100;
        max-width: 300%;
        width: 83%;
	}

	.banner-about__element-05 {
		width: 70px;
        height: auto;
        top: 29px;
        left: 231px;
	}

	.banner-about__element-06 {
		width: 62px;
        top: 195px;
        left: 100px;
	}

	.banner-about__element-07 {
		width: 25px;
		right: 195px;
		top: 20px;
		z-index: 100;
	}

	.banner-about__element-08 {
		width: 35px;
        top: 500px;
        right: 16%;
	}

	.banner-about__element-09 {
		top: 253px;
		right: 0;
		z-index: 500;
	}

	.banner-about:after {
		display: none;
	}

	.banner-about .breadcrumbs-col {
		order: 2;
		margin-top: -110px;
	}

	.banner-about #breadcrumbs {
		display: flex;
		justify-content: center;
		margin-bottom: 0;
	}

	/* New skills */
	.new-skiils {
		margin-bottom: 70px;
	}
	.new-skills__item {
		width: calc(50% - 23px);
	}

	.about-page-carousel.our-students-carousel {
		margin-bottom: 44px;
	}

	/* About page - Call to action */
	.call-to-action .univerium-in-numbers__action-inner {
		justify-content: flex-start;
		align-items: flex-start;
	}

	/* Join us */
	.join-us__items {
		flex-wrap: wrap;
		flex-direction: column;
	}

	.join-us__item {
		width: 100%;
	}

	.join-us__item .count {
		font-size: 36px;
		font-weight: 500;
	}
		
	/************************************************************************
	*************************** Contacts page **********************************
	*************************************************************************/
	.contacts-page__content .content-row {
		flex-direction: column;
		flex-wrap: wrap;
		gap: 35px;
		margin-bottom: 30px;
	}

	/************************************************************************
	*************************** Feedback page **********************************
	*************************************************************************/
	
	.banner-top-feedback-image-desktop {
		display: none;
	}
	.feedback-wrapper .banner-about__inner {
		padding-bottom: 0;
		padding-right: 0;
		/* overflow: hidden; */
	}

	.feedback-wrapper .banner-about__content {
		padding-top: 15px;
		padding-right: 15px;
		margin-bottom: 0;
	}

	.banner-feedback {
		margin-bottom: 21px;
		/* overflow: hidden; */
		padding-bottom: 0;
	}

	.feedbacks-tags {
		flex-wrap: wrap;
		justify-content: center;
	}

	.feedback-wrapper .banner-about__inner {
		text-align: center;
		display: block;
	}

	.banner-top-feedback-image-mobile {
		position: relative;
		display: flex;
		justify-self: flex-end;
		margin-top: -125px;
	}

	.feedback-wrapper .breadcrumbs-desktop {
		display: none;
	}

	.feedback-wrapper .breadcrumbs-mobile {
		display: block;
	}

	.feedback-wrapper .breadcrumbs-mobile #breadcrumbs {
		display: flex;
		justify-content: center;
		margin-top: 15px;
		margin-bottom: 13px;
	}

	.feedback-wrapper .banner-about__content {
		/* top: -120px; */
	}

	section.feedbacks {
		position: relative;
		/* top: -125px; */
	}




	/* FAQ */
	.banner-faq__element-top {
		right: 0;
	}
	.faq-row {
		flex-direction: column;
		gap: 14px;
		margin-bottom: 98px;
	}

	.faq-right {
		order: 1;
	}

	.faq-left {
		order: 2;
		width: 100%;
		padding-top: 0;
	}

	.faq-right__content {
		padding: 0;
		margin-top: 0;
		background-color: transparent;
		text-align: right;
		width: 100%;
		margin-top: -100px;
		height: auto;
	}

	.faq-right__banner-desktop {
		display: none;	
	}

	.faq-right__banner-mobile {
		display: block;
		position: relative;
		width: 100%;
		min-width: 100%;
		display: inline-flex;
		justify-self: flex-end;
		left: 0;
		right: 0;
		margin-right: -75px;
		bottom: 0;
	}
	.faq-right__content > div {
		display: none;
		height: 0;
	}

	.banner-about__content {
		text-align: center;
		margin-bottom: 16px;
	}

	.accordeon-item .title {
		font-size: 18px;
		line-height: 110%;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.banner-about__content h1 {
		margin-bottom: 26px;
		font-size: 28px;
	}

	.accordeon-item .text {
		font-size: 14px;
		line-height: 140%;
	}

	.accordeon-item .title img {
		width: 14px;
		height: 14px;
	}

	.banner-faq-top__wrapper {
		position: absolute;
		max-width: 100vw;
		width: 100vw;
		width: 100%;
		top: 0;
		right: 0;
		overflow: hidden;
		height: 300%;
	}
	.banner-faq__element-top__mobile {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
        right: -245px;
		z-index: -1;
        width: 700px;
        max-width: 300%;
	}
	.banner-faq__element-top {
		display: none;
	}

	/* Licenses */
	.row-licenses__item img {
		width: 168px;
	}

	.univerium-in-numbers__item .title svg {
		left: 162px;
	}

	.univerium-numbers-image-desktop {
		/* display: none; */
	}

	/* Blog */
	.blog-page .blog-banner-wrap {
		/* flex: 0 0 66%;
		width: 66%;
		max-width: none; */
	}

	.block_banner-01 .block-item .title {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.block_banner-01 {
		/* min-height: 421px; */
	}

	.cats-list__inner {
		/* padding-left: 15px; */
		padding-right: 15px;
	}

	.cats-list__inner .cat-name {
		font-weight: 600;
		white-space: nowrap;
	}

	.blog-page .blog-item {
		/* flex: 31.4%;
		width: 31.4%;
		max-width: 31.4%; */
	}
	
	.blog-page .blog-item .read-more-btn {
		width: 116px;
	}

	.blog-page .blog-item .title {
		font-size: 18px;
	}

	.blog-page .blog-item .tag {
		margin-bottom: 133px;
	}

	.blog-page .blog-item .date {
		font-size: 13px;
	}

	.block_banner-02 {
		justify-content: flex-end;
	}

	.block_banner-02 .item-content {
		padding-right: 30px;
		padding-left: 30px;
	}

	.block_banner-03,
	.banner-03-col {
		overflow: hidden;
	}

	.block_banner-03 {
		padding: 45px;
	}

	.block_banner-03 .banner-3-image {
		right: -162px;
	}

	.blog-single-page .cats-list__inner {
		left: 0;
	}

	.read-more-carousel .carousel-item {
		width: 100%;
		height: auto;
		padding: 0;
	}
	.read-more-carousel .carousel-container {
		height: auto;
	}
	.read-more-carousel .carousel-track .carousel-slide-wrapper {
		grid-auto-rows: 370px;
	}
	.blog-page .articles-row {
		gap: 21px;
	}

	.univerium-in-numbers-row {
		column-gap: 20px;
		row-gap: 20px;
	}
	.courses-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 992px) {
	.banner-about__element-04,
	.banner-about__element-05,
	.banner-about__element-06,
	.banner-about__element-07,
	.banner-about__element-08,
	.banner-about__element-09,
	.banner-faq__element-top__mobile {
		display: none;
	}
}

@media screen and (max-width: 899px) {
	.block_banner-03 {
		background-size: cover;
	}
}


@media screen and (max-width: 767px) {
	

	.blog-page .articles-row {
		grid-template-columns: repeat(2, 1fr);
	}
	.blog-page .articles-row .blog-banner-wrap {
		grid-column: span 2;
	}
	.block_banner-02 .block-title {
		font-weight: 600;
		font-size: 24px;
		line-height: 110%;
	}
	.block_banner-02 .item-content {
		padding-top: 0;
	}
	.block_banner-02 .item-content {
		padding-bottom: 40px;
	}
	.banner-about__element-04 {
		right: 0;
        top: -126px;
        z-index: 100;
        max-width: 300%;
        width: auto;
        height: 80%;
	}
	.new-skills-carousel-wrapper {
		margin-bottom: 77px;
	}
	.new-skills h2 {
		margin-bottom: 24px;
	}

	.new-skills .carousel-container {
		height: calc(183px * 2 + 19px);
	}

	.carousel-track .carousel-slide-wrapper {
		grid-auto-rows: auto;
		gap: 16px;
	}
	.new-skills .carousel-item {
		height: 183px;
		padding: 14px;
		background-size: 150px;
	}

	.new-skills .carousel-item .title {
		font-size: 14px;
		line-height: 110%;
	}

	.new-skills .carousel-item .text {
		font-size: 12px;
	}
	
	.carousel-nav {
		gap: 7px;
		margin-top: -23px;
	}

	.carousel-item__btn {
		font-size: 12px;
	}

	

	.carousel-nav__btn svg {
		width: 12px;
	}

	/* We help */
	.we-help h2 {
		margin-bottom: 34px;
	}

	.we-help__items {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.we-help__item .title {
		font-size: 20px;
		line-height: 110%;
	}

	/* Video block */
	.our-students-works {
		margin-bottom: 92px;
	}

	.our-students-works h2 {
		margin-bottom: 28px;
	}

	.our-students-works .video-wrapper {
		margin-bottom: 20px;
	}

	.our-students-works .video-wrapper iframe {
		height: 300px;
	}

	/* Courses */
	.our-courses {
		margin-bottom: 92px;
	}
	.our-courses h2 {
		text-align: center;
		margin-bottom: 23px;
	}

	.our-courses__items {
		gap: 10px;
	}

	.our-courses__item {
		width: calc(50% - 5px);
		height: 83px;
		padding: 53px 21px 0;
		border-radius: 20px;
		background-size: 73px;
	}

	.our-courses__item .title {
		font-size: 15px;
	}

	/* Our students carousel - мобильная версия */
	.our-students-carousel__item,
	.our-students-carousel__item.active,
	.our-students-carousel__item:not(.active),
	.our-students-carousel__item.prev,
	.our-students-carousel__item.next {
		flex: 0 0 100% !important;
		flex-basis: 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		height: auto !important;
		min-height: auto !important;
		transform: none !important;
		filter: blur(0) !important;
		opacity: 1 !important;
		margin: 0 !important;
		right: auto !important;
		left: auto !important;
	}

	/* На мобильных не скрываем неактивные слайды через display,
	   чтобы анимация работала, они будут скрыты через transform */
	.our-students-carousel__item:not(.active) {
		display: flex !important;
		visibility: visible !important;
	}

	/* Активный слайд всегда видим */
	.our-students-carousel__item.active {
		display: flex !important;
		visibility: visible !important;
	}

	/* Контейнер карусели на полную ширину */
	.our-students-carousel__container {
		overflow: hidden;
		padding: 0;
	}

	/* Трек карусели без промежутков */
	.our-students-carousel__track {
		gap: 0;
		transition: transform 0.5s ease;
	}

	/* Обертка карусели */
	.our-students-carousel__wrapper {
		/* margin-left: -15px;
		margin-right: -15px;
		padding: 0 15px; */
	}
	
	.our-students-carousel h2 {
		margin-bottom: 23px;
	}

	.our-students-carousel__item {
		gap: 12px;
		border-radius: 20px;
	}

	.our-students-carousel__item .photo {
		width: 118px;
		height: 187px;
		overflow: hidden;
		border-radius: 20px;
	}
	.our-students-carousel__item .item-content {
		padding: 20px 15px;
	}

	.our-students-carousel__item .title {
		font-size: 16px;
	}

	.our-students-carousel__item .desc {
		margin-bottom: 10px;
		line-height: 120%;
	}

	.our-students-carousel__item .text {
		font-size: 14px;
		line-height: 120%;
	}

	/* Page about */

	.banner-about__element-05 {
		left: 10%;
	}

	.banner-about__element-06 {
		left: 6%;
	}

	.banner-about__element-07 {
		right: 15%;
	}

	.banner-about__element-08 {
		top: 58%;
        right: 12%;
	}

	.banner-about__element-09 {
		top: 226px;
	}

	.banner-about {
		margin-bottom: 83px;
	}

	/* Why us */
	.why-us {
		margin-bottom: 84px;
	}
	.why-us h2 {
		text-align: center;
	}

	.why-us__items {
		gap: 23px;
	}
	.why-us__item {
		width: 100%;
		min-height: 349px;
		padding-top: 29px;
	}

	.why-us__item .item-content {
		padding-left: 20px;
		padding-right: 20px;
	}

	.why-us__item .title {
		font-size: 20px;
	}

	.why-us__item .text {
		font-size: 14px;
	}

	.why-us__item img {
		margin-top: -29px;
	}

	/* New skills */
	.new-skills {
		gap: 28px;
	}
	.new-skills__item .title {
		font-size: 18px;
		line-height: 120%;
	}

	.new-skills__item .text {
		font-size: 15px;
		line-height: 140%;
	}

	.call-to-action .univerium-in-numbers__action-inner {
		padding: 35px 30px;
	}

	.call-to-action .univerium-in-numbers__action .title {
		font-size: 22px;
	}

	.univerium-in-numbers__about .univerium-in-numbers__wrapper {
		padding-bottom: 25px;
	}

	/************************************************************************
	*************************** Contacts page **********************************
	*************************************************************************/
	.contacts-page__header h1 {
		font-size: 48px;
		line-height: 56px;
		margin-top: 23px;
		margin-bottom: 35px;
	}
	.contacts-page__content .item .title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.feedback-wrapper .banner-about__content {
		padding-top: 10px;
	}

	/* Licenses */
	.license-page__header h1 {
		font-size: 48px;
		margin-top: 22px;
		margin-bottom: 30px;
	}

	.license-text {
		font-size: 16px;
		margin-bottom: 26px;
	}

	.row-licenses {
		flex-wrap: wrap;
	}

	.row-licenses__item .text {
		font-size: 18px;
		line-height: 100%;
	}

	.linceses-right .images {
		position: relative;
		width: 100%;
		margin-bottom: 48px;
	}

	.linceses-right .images img:nth-child(1) {
		position: relative;
		left: -43px;
	}

	.linceses-right .images img:nth-child(2) {
		position: absolute;
		top: 18px;
		left: 85px;
	}

	/* Details page */
	.details-page__header h1 {
		font-size: 28px;
		margin-top: 46px;
		margin-bottom: 26px;
	}

	.page-default .details-page__header h1 {
		font-size: 24px;
		margin-top: 21px;
		margin-bottom: 32px;	
	}
	
	.details-content {
		padding-bottom: 114px;
	}

	.details-content,
	.details-content p,
	.details-content strong,
	.details-content li {
		font-size: 14px;
	}

	.details-content p,
	.details-content li {
		margin-bottom: 28px;
	}
	.video-wrapper__image__left {
		width: 478px;
		top: -77px;
		left: -138px;
	}

	.video-wrapper__image__right {
		width: 460px;
		top: -42px;
        right: -81px;
	}

	/* Blog */
	.blog-banner-wrap {
		flex: 100%;
        width: 100%;
        max-width: 100%;
	}

	/* .blog-page .blog-item {
		width: 48%;
		max-width: none;	
		flex: 48%;
	} */

	.block_banner-02 {
		flex-direction: column;
		padding-left: 0;
	}
	.block_banner-02 img {
		position: relative;
		width: 100%;
		height: auto;
		left: -73px;
		width: 129%;
	}
	.block_banner-02 .item-content {
		margin-top: -31px;
	}

	.block_banner-02 {
		overflow-x: hidden;
	}

	.block_banner-03 {
		flex-direction: column;
		padding: 0;
		background-image: url('../img/banner-3-bg_mobile.webp');
		background-size: contain;
	}

	.block_banner-03 .item-content {
		margin-bottom: 52px;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 38px;
		width: 100%;
	}

	.block_banner-03 .block-title {
		font-size: 24px;
		font-weight: 600;
		line-height: 110%;
	}

	.block_banner-03 .desc {
		font-size: 14px;
		line-height: 120%;
	}

	.block_banner-03 .banner-3-image {
		position: relative;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
	}

	.blog-page .cat-list {
		margin-bottom: 20px;
	}

	.blog-page .cat-list .cat-list__row {
		padding-left: 0;
	}

	.cats-list__inner {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;           /* Firefox */
		-ms-overflow-style: none;
		gap: 8px;
		padding-bottom: 10px;
	}

	.cats-list__inner::-webkit-scrollbar {
		display: none;                   /* Chrome, Safari, новый Edge */
	}

	.cats-list__inner .item {
		flex-shrink: 0;
		white-space: nowrap;
	}

	.blog-page .cat-list .cat-list__row .item:first-of-type {
		margin-left: 64px;
	}

	.blog-search-form {
		top: 0;
		left: 0;
		/* width: 96%; */
		overflow: visible;
	}

	.blog-search-form__submit_btn {
		position: relative;
		z-index: 10;
	}

	.blog-search-form:after {
		content: '';
		display: block;
		position: absolute;
		height: 100%;
		width: 100px;
		background-color: var(--color-white);
		right: -70px;
		z-index: 0;
		bottom: 0;
	}

	.blog-search-form.inactive:after {
		display: none;
	}

	.blog-search-form__input {
		padding: 15px 25px;
	}

	/* Blog single page */
	.blog-single-page .cats-list__inner {
		overflow-x: scroll;
		scrollbar-width: none;           /* Firefox */
		-ms-overflow-style: none;
		gap: 8px;
	}
	.blog-single-page .cat-list__row .item {
		flex-shrink: 0;
	}

	.blog-single-page .single-post__left,
	.blog-single-page .post-sidebar {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
	}

	.blog-single-page .post-content__section .post-thumbnail {
		margin-bottom: 25px;
	}

	.blog-single-page .post-sidebar {
		padding-left: 0;
	}

	.blog-single-page .post-author {
		display: flex;
		padding-left: 6px;
		gap: 14px;
	}

	.post-sidebar .post-author .author-name {
		margin-bottom: 13px;
	}

	.blog-single-page .new-skills {
		padding-top: 45px;
	}

	.blog-single-page .new-skills .carousel-pagination {
		margin-top: 22px;
	}

	.blog-single-page .read-more-carousel {
		padding-top: 49px;
		padding-bottom: 58px;
	}

	.blog-single-page .read-more-carousel .carousel-pagination {
		padding-left: 55px;
		padding-right: 55px;
		gap: 7px;
	}

	.cats-list__inner .item:first-child .cat-count {
		margin-right: 16px;
	}
	.section.section.courses-page__title,
	.tax-course_categorie .cat-list,
	.tax-course_type .cat-list {
		margin-bottom: 35px;
	}

	.courses-by-category:last-child {
		margin-bottom: 27px;
	}

	.courses-by-category:not(:last-child) {
		border-bottom: none;
	}
	
	.courses-by-category {
		padding-bottom: 0;
		margin-bottom: 44px;
	}

	.blog-page .blog-banner-wrap:first-of-type {
		width: 100%;
		max-width: 100%;
		flex: 100%;
	}

	.blog-page .articles-row > *:nth-child(1) { order: 1; }
	.blog-page .articles-row > *:nth-child(2) { order: 4; }

	.courses-by-category .carousel-pagination {
		margin-top: 30px;
	}

	.sitemap-items .items {
		width: 100%;
	}

	.sitemap-items .items-right {
		padding-left: 0;
		margin-top: 22px;
	}

	.sitemap-items .items-left {
		padding-right: 0;
	}

	.blog-single-page .post-content .post-toc {
		margin-top: 26px;
	}

	.banner_main_element_1 {
		right: 41%;
	}
	
	.banner_main_element_2 {
		right: 31%;
	}

	.univerium-in-numbers-row {
		column-gap: 14px;
        row-gap: 14px;
	}

	.univerium-in-numbers__item {
		min-height: 152px;
	}

	.form-wrapper {
		margin-bottom: -31px;
	}

	.choose-education .carousel-track .carousel-slide-wrapper,
	.choose-education .courses-by-category.courses-carousel-wrapper--static .carousel-track,
	.choose-education .courses-list.row {
		row-gap: 16px;
		column-gap: 10px;
		grid-auto-rows: 203px;
	}

	.new-skills-carousel-wrapper .carousel-slide-wrapper {
		/* grid-auto-rows: 182px; */
	}

	.tabs__item.carousel-item,
	.courses-list .tabs__item {
		padding: 13px 17px;
	}
	
	.tabs__item .title {
		font-size: 15px;
		line-height: 110%;
		margin-bottom: 6px;
	}

	.courses-by-category .category-title {
		margin-bottom: 23px;
		font-size: 22px;
		line-height: 110%;
	}

	.courses-by-category .category-title__link {
		gap: 0;
	}

	.courses-by-category .category-title__link .cat-icon {
		margin-right: 10px;
	}

	.courses-by-category .category-title__link .cat-name {
		margin-right: 4px;
	}

}


@media screen and (max-width: 730px) {
	.banner-top-main__inner {
		gap: 23px;
	}

}

@media screen and (min-width: 577px) and (max-width: 991px) {
    /* Read-more: 2 карточки в одном слайде, в 1 ряд */
    .read-more-carousel .carousel-track .carousel-slide-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 19px;
        flex: 0 0 100%;
        min-width: 100%;
        box-sizing: border-box;
    }
    .read-more-carousel .carousel-track .carousel-slide-wrapper .carousel-item {
        flex: 0 0 calc((100% - 32px) / 2);
        min-width: 0;
        width: calc((100% - 32px) / 2);
        max-width: calc((100% - 32px) / 2);
        box-sizing: border-box;
    }
}

@media screen and (min-width: 577px) and (max-width: 767px) {
	.univerium-in-numbers__item {
		padding: 14px;
	}
	.univerium-in-numbers__item .title {
		font-size: 15px;
	}
}

@media screen and (max-width: 576px) {

	.univerium-in-numbers-row {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.univerium-in-numbers__item {
		position: relative;
		grid-column: auto !important;
		grid-row: auto !important;
		width: auto;
		min-width: 0;
		min-height: 323px;
		padding: 35px;
		border-radius: 20px;
		overflow: hidden;
	}
	.univerium-in-numbers__item:first-child {
		min-height: 239px;
	}
	.univerium-in-numbers__item .title {
		padding: 0;
		line-height: 110%;
	}
	.univerium-in-numbers__item  img {
		position: absolute;
		width: 100%;
		height: auto;
		bottom: 0;
		left: 0;
	}
	.page-template-main .blog {
		padding-left: 0;
		padding-right: 0;
	}
	.page-template-main .blog-item {
		width: 100%;
		flex: 100%;
		max-width: 100%;
		margin: 0 auto;
	}

	.page-template-main .blog-item .image a,
	.page-template-main .blog-item .image a img {
		min-width: 100%;
	}
	.carousel-nav__btn {
		width: 45px;
		height: 35px;
	}
	.blog-page .articles-row {
		grid-template-columns: 1fr;
	}
	.blog-page .articles-row .blog-banner-wrap {
		grid-column: 1 / -1;
	}

		/* Баннер после 1-го элемента */
		.blog-page .articles-row > *:nth-child(1) { order: 1; }
		.blog-page .articles-row > *:nth-child(2) { order: 3; }

	
	.we-help__item {
		width: 100%;
		flex: 100%;
		border-radius: 20px;
	}

	.our-students-works .video-wrapper iframe {
		height: 266px;
	}

	.action-btn {
		width: 100%;
	}

	/* New skills */
	.new-skills__item {
		width: 100%;
	}

	/* Join us */
	.join-us__items{
		gap: 17px;
		margin-bottom: 84px;
	}

	/* Feedback */
	.feedbacks-item {
		padding: 20px;
	}

	.feedbacks-item .text {
		margin-left: -98px;
		padding-top: 22px;
	}

	.feedbacks-item .content p {
		font-size: 15px;
	}
	.courses-by-category .category-title {
		font-size: 22px;
	}

	.seo-text h3 {
		font-size: 24px;
		margin-bottom: 21px;
	}

	.seo-text, 
	.seo-text p {
		font-size: 14px;;
	}

	.seo-text p {
		margin-bottom: 18px;
	}

	.courses-page__title {
		margin-bottom: 20px;
	}

	.breadcrumbs-wrapper {
		margin-bottom: 23px;
	}

	.blog-single-page .single-post__title,
	.blog-single-page .cat-list {
		margin-bottom: 20px;
	}

	.blog-single-page .cats-list__inner {
		padding-left: 0;
	}

	.post-sidebar .post-author {
		margin-bottom: 25px;
	}

	.post-sidebar .post-author .author-name {
		font-size: 16px;
	}

	.blog-single-page .post-content h2 {
		font-size: 26px;
		margin-bottom: 26px;
	}

	.blog-single-page .post-content h3 {
		font-size: 22px;
	}

	.blog-single-page .post-content, .blog-single-page .post-content p, .blog-single-page .post-content ul {
		font-size: 16px;
		line-height: 130%;
	}

	.blog-single-page .post-content ol {
		margin-bottom: 20px;
	}

	.blog-single-page .post-content blockquote {
		margin-bottom: 26px;
		font-size: 16px;
		line-height: 130%;
		margin-bottom: 26px;
	}

	.blog-single-page .post-content blockquote strong {
		font-weight: 600;
	}

	.blog-single-page .post-content li {
		margin-bottom: 12px;
	}

	.read-more-carousel .carousel-track .carousel-slide-wrapper {
		/* grid-auto-rows: 100%; */
	}

	.read-more-carousel .carousel-track .carousel-slide-wrapper {
		display: flex;
		justify-content: center;
	}

	.sitemap-items {
		padding-bottom: 30px;
	}

	.sitemap-items .items-left__cat-group:last-of-type {
		margin-bottom: 0;
	}

	.sitemap-items .items-left__elems,
	.sitemap-items .items-right__elems {
		column-count: 1;
	}

	.blog-single-page .post-content .post-toc {
		margin-top: 0;
	}

	.blog-single-page .post-content .post-toc {
		margin-bottom: 10px;
	}

	.blog-single-page .post-content .post-toc a {
		font-size: 16px;
		line-height: 135%;
	}

	.banner_main_element_1 {
		top: 13px;
		right: 50%;
	}
	
	.banner_main_element_2 {
		right: 41%;
	}

	.banner-top-main__inner {
		gap: 16px;
	}

	.banner-top-main {
		padding-bottom: 10px;
	}

	.banner-main-content {
		margin-top: 0;
	}
	
	.tabs__item {
		padding: 14px;
	}
	
	.form-wrapper input[type="submit"] {
		width: 100%;
	}

	.univerium-in-numbers > .container {
		padding-left: 0;
		padding-right: 0;
	}

	.call-to-action .univerium-in-numbers__action .title {
		font-size: 22px;
		width: 100%;
	}
	.univerium-in-numbers__action-inner .action-btn {
		justify-content: center;
	}

	/* Курсы: одинаковая высота карточек по самой высокой (≤576px) */
	.courses-carousel-wrapper .carousel-track .carousel-slide-wrapper {
		grid-auto-rows: auto;
		align-items: stretch;
	}

	.courses-carousel-wrapper .carousel-item.tabs__item {
		height: auto;
		min-height: 0;
		align-self: stretch;
	}

	.courses-by-category.courses-carousel-wrapper--static .carousel-track {
		grid-auto-rows: auto;
	}

	.courses-by-category.courses-carousel-wrapper--static .carousel-item.tabs__item {
		height: auto;
	}
}

@media screen and (max-width: 500px) {
	.banner-main-content__left {
		padding-right: 0;
		padding: 10px 0 10px 15px;
	}
	.banner-main-content .text {
		width: 100%;
		font-size: 13px;
	}
	.banner-top-main-image-mobile {
		position: relative;
   	 	bottom: 152px;
    	right: 0;
        height: 355px;
	}

	.choose-education .carousel-track .carousel-slide-wrapper,
	.choose-education .courses-by-category.courses-carousel-wrapper--static .carousel-track,
	.choose-education .courses-list.row {
		grid-auto-rows: 216px;
	}

	.tabs__item .title {
		font-size: 13px;
	}

}


@media screen and (max-width: 480px) {
	.new-skills-carousel-wrapper {
		margin-bottom: 50px;
	}
	.blog-single-page .post-content iframe {
		height: 213px;
	}
	.tabs__item {
		/* height: 180px; */
		padding: 24px;
	}
	.tabs__item .title {
		font-size: 14px;
	}

	.banner-about__element-09 {
		display: none
	}

	.banner-about {
		max-width: 100%;
	}

	.banner-about__inner {
		padding-left: 5px;
		padding-right: 5px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.banner-about h1 {
		font-size: 47px;
	}

	.banner-main-content .number {
		line-height: 100%;
		font-weight: 700;
		margin-bottom: 4px;
	}
	.banner-main-content .text {
		line-height: 130%;
		font-weight: 500;
	}



	.banner-about__image-02_mobile {
		margin-right: -53px;
	}

	.block_banner-01 {
		position: relative;
		padding: 30px 20px 10px 20px;
		background-image: url('../img/banner-01-image-01.webp');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
	}
	.block_banner-01 .block-item {
		padding: 20px 20px 23px 20px;
		margin-bottom: 14px;
		position: relative;
	}

	.block_banner-01 .block-item:nth-of-type(2) {
		z-index: 15;
	}

	.block_banner-01:after {
		content: '';
		display: block;
		position: absolute;
		background-image: url('../img/banner-01-image-02.webp');
		background-repeat: no-repeat;
		background-size: cover;
		width: 300px;
        height: 300px;
        bottom: 47px;
        right: 0;
        z-index: 10;
	}

	.block_banner-01:before {
		content: '';
        display: block;
        position: absolute;
        background-image: url(../img/banner-01-image-03.webp);
        background-repeat: no-repeat;
        background-size: contain;
        width: 64px;
        height: 48px;
        bottom: -7px;
        left: 88px;
        z-index: 20;
	} 


	.block_banner-01 .block-item .item-content {
		padding: 0;
	}

	.block_banner-01 .block-item img {
		display: none;
	}
	.block_banner-01 .banner-title {
		margin-bottom: 26px;
	}

	.block_banner-01 .banner-title {
		font-size: 24px;
	}

	.courses-list {
		column-gap: 0;

		justify-content: space-between;
	}

	.banner-main__link {
		padding: 11px 8px;
	}

	.banner_main_element_1 {
		right: 44%;
	}

	.banner_main_element_2 {
		right: 31%;
	}
	
	.what-to-start__text br {
		display: none;
	}

	.univerium-in-numbers__item {
		min-height: 284px;
	}
	.univerium-in-numbers__item:first-child {
		min-height: 194px;
	}
	.our-students-works .video-wrapper iframe {
		height: 220px;
	}

	.form-wrapper {
		margin-bottom: -17px;
	}
}


@media (max-width: 420px) {
	.our-students-carousel {
		margin-bottom: 30px;
	}
	.what-to-start__list li {
		border-radius: 20px;
	}
	.courses-list {
		gap: 12px;
		justify-content: space-between;
	}
	.courses-list .tabs__item {
		flex: 0 0 calc(49% - 4px);
	}
	.new-skills-carousel-wrapper .carousel-track .carousel-slide-wrapper {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 163px;
		gap: 10px;
	}
	.new-skills-carousel-wrapper .carousel-item {
		width: 100%;
		min-width: 0;
		padding: 15px;
	}
	.new-skills .carousel-item {
		padding-left: 5px;
		padding-right: 5px;
	}
	.new-skills-carousel-wrapper .carousel-item .carousel-item__btn {
		border-radius: 12px;
		height: 37px;
		font-size: 10px;
	}

	.banner-main__link span {
		font-size: 12px;
	}

	.univerium-in-numbers__item {
		min-height: 242px;
		padding: 22px;
	}
	
	.univerium-in-numbers__item:first-child {
		min-height: 168px;
	}

	.our-students-works .video-wrapper iframe {
		height: 200px;
	}
	
}

@media (max-width: 385px) {
	.tabs__content {
		gap: 4px;
	}
	.tabs__item {
		padding: 10px;
	}
	.tabs__item .more-btn {
		height: 33px;
	}

	.banner-main-links {
		row-gap: 6px;
	}
	.banner-main__link {
		padding: 5px 7px;
		gap: 8px;
	}

	.banner-main__link span {
		font-size: 8px;
	}

	.banner_main_element_1 {
		right: 42%;
	}

	.banner_main_element_2 {
		right: 29%;
		top: -10px;
	}

	.univerium-in-numbers__item {
		min-height: 216px;
	}

	.univerium-in-numbers__item:first-child {
		min-height: 189px;
	}

	.our-students-works .video-wrapper iframe {
		height: 180px;
	}


}

@media screen and (max-width: 420px) {
	

	.carousel-track .carousel-slide-wrapper {
		/* Одна колонка для одного элемента */
		grid-template-columns: 1fr;
	}

	.courses-carousel-wrapper .carousel-track .carousel-slide-wrapper {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	.courses-carousel-wrapper .carousel-item {
		width: 100%;
		min-width: 0;
	}

	.new-skills .carousel-item {
		padding: 15px;
		width: 100%;
		height: 161px;
		background-size: 124px;
	}

	.form-wrapper {
		padding: 30px 20px;
		border-radius: 20px;
		margin-top: 0;
	}

	.form-wrapper .title {
		font-size: 22px;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0;
	}

	.form-wrapper .desc {
		margin-bottom: 0;
	}

	.form-wrapper input[type="email"] {
		margin-bottom: 0;
	}

	.form-wrapper input[type="submit"] {
		margin-top: 0;
	}
}

@media screen and (max-width: 388px) {
	.join-us__item .count {
		font-size: 23px;
	}

	.carousel-nav__btn {
		width: 40px;
		height: 30px;
	}

	.blog-single-page .post-content iframe {
		height: 192px;
	}

	.new-skills .carousel-item {
		padding-left: 10px;
		padding-right: 10px;
		background-size: 106px;
	}

	.new-skills .carousel-item .title {
		font-size: 12px;
	}

	.new-skills .carousel-item .text {
		line-height: 22px;
	}

	.form-wrapper {
		padding-left: 18px;
		padding-right: 18px;
	}

	.form-wrapper .title {
		font-size: 20px;
	}
}

@media (max-width: 380px) {

	.banner-main-content .number {
		font-size: 26px;
	}

	.banner-main-content .text {
		line-height: 119%;
	}
	.banner-top-main-image-mobile {
        position: relative;
        bottom: 134px;
        right: 17px;
        height: 336px;
    }
	.new-skills .carousel-item {
		height: 148px;
	}

	.new-skills-carousel-wrapper .carousel-track .carousel-slide-wrapper {
		grid-auto-rows: 149px;
	}

	.choose-education .carousel-track .carousel-slide-wrapper,
	.choose-education .courses-by-category.courses-carousel-wrapper--static .carousel-track,
	.choose-education .courses-list.row {
		grid-auto-rows: 200px;
	}

	.tabs__item.carousel-item, 
	.courses-list .tabs__item {
		padding: 10px;
	}

	.tabs__item .more-btn {
		font-size: 12px;
	}

	.tabs__item .label {
		margin-bottom: 6px;
	}

	.tabs__item .title {
		margin-bottom: 0;
	}
}

	/************************************************************************
	*************************** Feedback page ****************************
	*************************************************************************/
	

	

	.feedback-wrapper .banner-about__image-02_mobile {
		top: 0;
		right: -32px;
	}

	.feedback-wrapper .banner-about__element-09 {
		display: none;
	}

	.feedback-wrapper .banner-about__content {
		margin-top: 0;
	}

	.feedback-wrapper .banner-feedback h1 {
		margin-bottom: 0;
		margin-bottom: 26px;
	}
	@media (max-width: 380px) {
		.privacy-policy .page-default .details-page__header h1 {
			font-size: 24px;
		}
	}

	@media (max-width: 576px) {
		.new-skills-carousel-wrapper .carousel-pagination {
			margin-top: 18px;
		}

		.new-skills .carousel-container {
			height: auto;
		}

		.we-help__items {
			margin-bottom: 84px;
		}
	}

	@media (max-width: 323px) {
		a.btn.btn-blue.our-students-works__btn {
			padding-left: 43px;
			padding-right: 43px;
		}
	}

	@media (min-width: 577px) and (max-width: 991px) {
		.read-more-carousel .carousel-item .blog-item {
			max-width: 100%;
			right: -15px;
		}

		.read-more-carousel .carousel-item .blog-item .image {
			display: flex;
			justify-content: center;
		}

		.courses-carousel-wrapper .tabs__item.carousel-item,
		.courses-by-category .courses-list .tabs__item {
			height: 230px;
			min-height: 230px;
		}
	}

	@media (max-width: 576px) {
		.courses-carousel-wrapper .tabs__item.carousel-item,
		.courses-by-category .courses-list .tabs__item {
			height: 194px;
			min-height: 194px;
		}

		.courses-carousel-wrapper .tabs__item .title,
		.courses-by-category .courses-list .tabs__item .title {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
		word-break: normal;
		overflow-wrap: break-word;
	}

	}


	@media (max-width: 380px) {
		.courses-carousel-wrapper .tabs__item.carousel-item, .courses-by-category .courses-list .tabs__item {
			height: 183px;
			min-height: 183px;
		}
	}

	.tabs__item-top-left {
		width: 90%;
	}