.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-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;
	}
}

@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) {
	
	body {
		overflow-x: hidden;
	}
	body.hidden {
		overflow: hidden;
	}
	.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;
	}
	
	.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%;
	}

	.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;
	}
	.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;
	}

	.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 {
		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;
		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-top-main-image-desktop {
		display: none;
	}
	.banner-main-content {
		display: flex;
	}
	.banner-main-content {
		position: relative;
	}
	.banner-top-main-image-mobile__wrapper {
		background-image: url('../../../../uploads/2026/01/group-1321315693.png');
		background-size: cover;
        position: absolute;
        width: 54%;
		height: 197%;
        right: -13%;
        bottom: 28px;
        background-position: 5% 81%;
	}
	.banner-top-main-image-mobile {
		display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 151%;
	}

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

	.banner-main-content {
		margin-top: 16px;
		padding-top: 24px;
	}

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

	.banner-main-content__left {
		width: 50%;
	}

	.banner-main-content .text {
		font-size: 14px;
		line-height: 120%;
		width: 50%;
	}
	
	/* .banner-top-main-element-front,
	.banner-top-main-element-back {
		display: none;
	} */

	/* 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;
	}

	.tabs__content {
		justify-content: space-between;
		gap: 10px;
	}

	.tabs__item {
		width: calc(50% - 5px);
		flex: 0 0 calc(50% - 5px);
		padding: 14px;
		background-size: 30%;
		background-position: top right;
		height: 200px;
	}

	.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%;
	}

	/* 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: 0px 0 20px;
		background-image: url('../img/what-to-start-bg-mobile.svg');
		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;
	}

	.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: 253px;
		gap: 19px;
		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__item {
		width: calc(50% - 30px);
		flex: 0 0 calc(50% - 30px);
	}

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

	/* 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;
		width: calc(100%);
		width: 100%;
		min-width: 100%;
		height: auto;
		padding: 0;
		border-radius: 20px;
		overflow: hidden;
	}

	.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%;
	}

	.univerium-in-numbers__item .title {
		padding: 33px 36px 0 36px;
	}

	.univerium-in-numbers__item img {
		position: relative;
		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;
	}
	.blog-item {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	/* 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: -35px;
		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: 70%;
		margin-bottom: 37px;
	}

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

	.footer-contacts .links a:last-child,
	.footer-contacts .links a:last-child img {
		width: 117px;
	}

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

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

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

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

	/************************************************************************
	*************************** 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: -98px;
	}

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

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

	.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;
	}

	/* 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;
	}

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

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

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

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

	.banner-top-main-image-mobile__wrapper {
		position: relative;
	}
	.feedback-wrapper .banner-about__inner {
		text-align: center;
		display: block;
	}

	.banner-top-feedback-image-mobile {
		position: relative;
		display: block;
		top: -125px;
        right: -100px;
	}

	.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%;
	}

	.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: 35px;
	}

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

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

	.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; */
	}
}

@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: 863px) {
	.banner-top-main-image-mobile__wrapper {
		bottom: 47px;
	}
	.banner-top-main-image-mobile {
		width: 180%;
	}
}

@media screen and (max-width: 812px) {
	.banner-top-main-image-mobile__wrapper {
		bottom: 65px;
	}
}




@media screen and (max-width: 767px) {
	.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: 183px;
		gap: 10px;
	}
	.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: -29px;
	}

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

	.carousel-nav__btn {
		width: 44px;
		height: 44px;
		border-radius: 50%;
	}

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

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

	.we-help__items {
		justify-content: space-between;
		margin-bottom: 77px;
	}

	.we-help__item {
		width: calc(50% - 16px);
		flex: 0 0 calc(50% - 16px)
	}

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

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

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

	.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__item {
		width: 100%;
	}

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

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

	/* 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: 24px;
	}

	.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: 51px;
		margin-bottom: 51px;
	}
	.contacts-page__content .item .title {
		font-size: 18px;
	}

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

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

	.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: 48px;
		margin-top: 46px;
		margin-bottom: 26px;
	}
	
	.details-content {
		padding-bottom: 114px;
	}

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

	.details-content p,
	.details-content li {
		margin-bottom: 18px;
	}
	.banner-main-content {
		padding-left: 18px;
		padding-top: 24px;
	}

	.video-wrapper__image__left {
		width: 478px;
		top: -77px;
		left: -138px;
	}

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


@media screen and (max-width: 730px) {
	.banner-top-main-image-mobile__wrapper {
		background-position: -3% 81%;
		right: -4%;
	}
	.banner-top-main__inner {
		gap: 23px;
	}
}


@media screen and (max-width: 728px) {
	.banner-top-main-image-mobile__wrapper {
		bottom: 84px;
	}
}

@media screen and (max-width: 681px) {
	.banner-top-main-image-mobile__wrapper {
		bottom: 96px;
	}

	.banner-top-main-image-mobile {
		width: 202%;
	}
}

@media screen and (max-width: 576px) {
	
	.we-help__item {
		width: 100%;
		flex: 100%;
	}

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

	.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;
	}

	.banner-top-main-image-mobile__wrapper {
		right: -3%;
	}

}

@media screen and (max-width: 550px) {
	.banner-top-main-image-mobile__wrapper {
		bottom: 86px;
		right: 16%;
	}

	.banner-top-main-image-mobile {
		width: 315%;
	}
}

@media screen and (max-width: 520px) {
	.banner-top-main-image-mobile__wrapper {
		bottom: 103px;
	}
}

@media screen and (max-width: 480px) {
	.banner-top-feedback-image-mobile {
		/* right: -38px;
		top: -121px; */
	}
	.tabs__item {
		height: 180px;
	}
	.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-top-main-image-mobile {
		bottom: -198px;
        left: 114%;
	}
	.banner-main-content {
		flex-direction: column;
	}
	.banner-main-content__left {
		width: 100%;
	}

	.banner-main-content {
		height: 239px;
	}


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

@media screen and (max-width: 455px) {
	.banner-main-content {
		height: 239px;
	}
	.banner-main-content {
		position: relative;
	}
}

@media screen and (max-width: 450px) {
	.banner-main-content {
		height: 239px;
	}
}


@media screen and (max-width: 397px) {
	.banner-top-main-image-mobile {
		bottom: -187px;
	}
}

@media screen and (max-width: 375px) {
	.banner-main-content {
		height: 239px;
	}

	.banner-top-main-image-mobile {
		bottom: -168px;
	}
}

@media screen and (max-width: 375px) {
	.banner-main-content {
		height: 239px;
	}

	.banner-top-main-image-mobile {
		bottom: -168px;
	}
}

@media screen and (max-width: 420px) {
	.new-skills .carousel-container {
		/* Для одного элемента на слайд высота одного элемента */
		height: 183px;
	}

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

	.new-skills .carousel-item {
		padding: 15px;
		width: 100%;
		height: 183px;
	}
}

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

	/************************************************************************
	*************************** 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;
	}