@media (max-width: 576px) {
	.site-container {
		margin: 0 10px;
	}
	.section-title {
		font-size: 30px;
	}
	.swiper-buttons > i {
		margin-top: 24px;
		color: #074e62;
		font-size: 36px;
	}
	.section-title-swiper p {
		font-size: 30px;
	}
	.buttons-bottom {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.buttons-top {
		display: none;
	}
	.for-mobile{
		display: block;
	}
	.for-pc{
		display: none;
	}
	/* HEADER */
	.header {
		width: 100%;
		height: auto;
		padding: 5px 10px;
		border-radius: 0 0 12px 12px;
		box-sizing: border-box;
	}
	.header__logo img {
		width: 93px;
		height: 32px;
	}
	.header__buttons {
		gap: 8px;
	}
	.header__btn {
		font-size: 16px;
		padding: 6px 12px;
	}
	.header__buttons {
		flex-wrap: wrap;
		justify-content: end;
	} 
	.header__buttons {
		flex-wrap: wrap;
		justify-content: end;
	}
	.menu__item--alt{
		background: #074e62;
		width: 100%;
		border-radius: 12px;
		text-align: center;
		padding: 6px 12px;
	}
	.menu__item--alt a{
		color: #ffffff;
	}
	/* PROMO */
	.site-promo {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.promo-banner {
		display: none;
	}
	.promo-content {
		width: 100%;
		box-sizing: border-box;
		height: auto;
	}
	.promo-main {
		border-radius: 12px;
		padding: 15px;
	}
	.promo-title {
		font-size: 30px;
		line-height: 90%;
		letter-spacing: -4%;
	}
	.promo-text {
		font-size: 14px;
	}
	.promo-btn {
		width: 100%;
		height: 52px;
		font-size: 16px;
	}
	.promo-footer {
		flex-direction: column;
		align-items: start;
		padding: 0;
		height: auto;
		padding: 15px;
	}
	.promo-footer p {
		margin-bottom: 0;
		width: 100%;
		font-size: 14px;
	}
	.promo-circles {
		width: 100%;
		height: 88px;
	}
	.promo-circles img {
		width: 60px;
		height: 60px;
	}
	.circle {
		width: 60px;
		height: 60px;
	}
	.c-1 {
		left: 0px;
		border: none;
	}
	.c-2 {
		left: 45px;
	}
	.c-3 {
		left: 90px;
	}
	.c-4 {
		left: 135px;
	}
	.c-5 {
		left: 180px;
		font-size: 24px;
	}
	/* PROGRAMS */
	#programs {
		margin-bottom: 30px;
	}
	.programs-card {
		width: 100% !important;
		box-sizing: border-box;
		border-radius: 12px;
		height: auto;
	}
	.programs-card p{
		padding: 5px 0px !important;
		margin: 5px 0px!important;
	}
	.programs-card img {
		width: 100% !important;
		height: 250px;
		border-radius: 12px;
		object-fit: cover;
		object-position: center;
	}
	.programs-card-text,
	.programs-card-subtitle {
		font-size: 14px;
		padding: 0 0 15px 0;
	}
	.programs-card-title {
		padding: 5px 0;
		font-size: 24px;
	}
	.programs-card-button {
		height: 40px;
		font-size: 14px;
	}
	.programs-swiper-buttons {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	/* BENEFITS */
	#benefits {
		margin-bottom: 30px;
	}
	.benefits-cards {
		grid-template-columns: 1fr
	}
	.benefits-card {
		width: 100% !important;
		box-sizing: border-box;
		min-height: 222px;
		border-radius: 12px;
		padding: 10px;
	}
	.benefits-card-info {
		margin-top: 20px;
		width: 100%;
		box-sizing: border-box;
		height: 100%;
		padding: 10px;
	}
	.benefits-title {
		width: 100%;
		font-size: 20px;
		text-align: start;
	}
	.benefits-text {
		font-size: 14px;
		letter-spacing: 0%;
	}
	/* METHOD */
	#method {
		margin-bottom: 30px;
	}
	.method-card {
		width: 100% !important; /* ширина как у контейнера */
		box-sizing: border-box;
		height: 210px;
		padding: 25px;
	}
	.method-content-blue {
		padding: 20px;
		margin: 0;
		font-size: 20px;
		width: 100%;
		height: 100%;
		border-radius: 10px;
		box-sizing: border-box;
	}
	.method-content-white {
		padding: 20px;
		margin: 0;
		font-size: 20px;
		width: 100%;
		height: 100%;
		border-radius: 10px;
		box-sizing: border-box;
	}
	.method-title {
		font-size: 18px;
	}
	.method-text {
		font-size: 12px;
		margin-top: 10px;
		overflow: visible;
		display: block;
		opacity: 1;
	}
	.method-card:hover .method-content-blue {
		width: 100%;
		height: 100%;
		border-radius: 10px;
		box-sizing: border-box;
	}
	.method-card:hover .method-content-white {
		width: 100%;
		height: 100%;
		border-radius: 10px;
		box-sizing: border-box;
	}
	/* TEACHERS */
	#teachers {
		margin-bottom: 30px;
	}
	.teachers-cards {
		margin-top: 30px;
	}
	.teacher-card {
		width: 100%;
		box-sizing: border-box;
	}
	.teacher-card > img {
		width: 100%;
		box-sizing: border-box;
	}
	.teacher-name {
		font-size: 20px;
	}
	.teacher-info {
		font-size: 14px;
		height: 50px;
	}
	.teacher-button {
		font-size: 14px;
		width: 100%;
	}
	/* REVIEWS */
	#reviews {
		margin-bottom: 30px;
	}
	.reviews-cards {
		margin-top: 30px;
	}
	.review-card {
		border-radius: 12px;
	}
	.review-card-user {
		padding: 17px;
	}
	.review-card-user > img {
		width: 52px;
		height: 52px;
		margin-right: 15px;
	}
	.review-name {
		font-size: 20px;
	}
	.review-level {
		font-size: 12px;
	}
	.review-bg-blue {
		border-radius: 6px;
		padding: 10px;
	}
	.review-comment {
		border-radius: 6px;
		padding: 10px;
		font-size: 14px;
	}
	/* VIDEO REVIEW */
	#video-review {
		margin-bottom: 30px;
	}
	/* FAQ */
	#faq {
		margin-bottom: 30px;
	}
	.faq-button-question {
		display: none;
	}
	.faq-question-mbl {
		display: block;
		width: 100%;
		height: 40px;
		color: #ffffff;
		font-size: 20px;
		font-weight: 510;
		background-color: #074e62;
		border: none;
		border-radius: 12px;
		margin-top: 20px;
	}
	.faq-cards {
		flex-wrap: wrap;
	}
	.faq-card {
		width: 100%;
		box-sizing: border-box;
	}
	.faq-question {
		font-size: 16px;
		padding: 10px;
		gap: 10px;
	}
	.faq-question p {
		font-size: 12px;
	}
	.faq-toggle {
		width: 40px;
		height: 40px;
		font-size: 20px;
	}
	/* CONTACTS */
	#contacts {
		flex-wrap: wrap;
	}
	.contact-bg {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		border-radius: 12px;
		padding: 20px 10px 10px 10px;
		margin-bottom: 20px;
	}
	.contact-title {
		font-size: 36px;
	}
	.contact-list {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		padding: 35px;
		border-radius: 6px;
	}
	.contact-list p {
		margin-top: 10px;
		font-size: 14px;
	}
	.contact-list a {
		font-size: 14px;
	}
	.contact-icons a {
		margin-top: 10px;
		font-size: 23px;
	}
	#map {
		width: 100%;
		box-sizing: border-box;
		border: 10px solid #108bae;
		border-radius: 28px;
	}
	/* FOOTER */
	.footer-white {
		display: flex;
		flex-direction: column;
	}
	.footer-logo img {
		margin-bottom: 20px;
	}
	.footer-nav {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.footer-nav ul {
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.footer-nav a {
		font-size: 16px;
		font-weight: 510;
	}
	#footer-number {
		display: none;
	}
	.footer-bottom {
		flex-direction: column;
		padding: 10px;
	}
	/* MODAL */
	.lesson-modal-title {
		font-size: 32px;
	}
	.lesson-modal-subtitle {
		font-size: 14px;
	}
	.rounded-modal {
		border-radius: 8px;
	}
	.swal2-input {
		font-size: 14px;
		height: 48px;
		width: 100%;
		margin: 10px 0;
	}
	.swal2-input::placeholder {
		font-size: 14px;
	}
	.swal2-confirm {
		width: 100%;
		height: 52px;
		font-size: 16px;
		margin: 0;
		display: flex;
		align-items: center;
	}
	.confirm-button {
		font-size: 16px;
	}
	.swal2-actions {
		margin: 0;
		padding: 0 28px;
	}
	/* DELETE HOVER */
	.promo-btn:hover {
		transform: none;
	}
	.programs-card-button:hover {
		transform: none;
	}
	.teachers-custom-next:hover {
		transform: none;
	}
	.teachers-custom-prev:hover {
		transform: none;
	}
	.teacher-button:hover {
		transform: none;
	}
	.reviews-custom-next:hover {
		transform: none;
	}
	.reviews-custom-prev:hover {
		transform: none;
	}
	.faq-button-question:hover {
		transform: none;
	}
	/* DELETE CURSOR */
	.swiper-buttons > i {
		cursor: default;
	}
	.contact-list a {
		cursor: default;
	}
	.promo-btn {
		cursor: default;
	}
	.programs-card-button {
		cursor: default;
	}
	.method-card {
		cursor: default;
	}
	.teacher-button {
		cursor: default;
	}
	.faq-button-question {
		cursor: default;
	}
	.faq-button-question {
		cursor: default;
	}
	.faq-card {
		cursor: default;
	}
	.corp_sect {
		flex-direction: column;
		justify-content: start;
		align-items: center;
		border-radius: 12px;
		padding: 15px;
	}
	.corp_sect img {
		width: 100%;
		height: 300px;
		border-radius: 4px;
		display: block;
		margin-bottom: 10px;
	}
	.corp_text {
		width: 100%;
	}
	.corp_adv {
		gap: 10px;
	}
	.corp_adv p {
		padding: 8px 10px;
		font-size: 14px;
	}
	.corp_who {
		width: 100%;
		min-width: 0;
		margin-top: 15px;
		padding: 0 20px;
	}
	.corp_who_title,
	.corp_who_text {
		font-weight: 400;
		font-size: 14px;
		line-height: 120%;
	}
	.corp-card-button {
		width: 100%;
		margin-top: 20px;
		font-weight: 590;
		font-size: 14px;
		letter-spacing: -4%;
	}
	.brands_title h2 {
		font-weight: 700;
		font-size: 30px;
	}
	.brands_block {
		--cols: 3;
	}
	.lesson-promo {
		display: none;
	}
	.lesson-content {
		width: 100%;
		padding: 20px;
		border-radius: 12px;
		align-items: center;
	}
	.lesson-sect {
		margin: 50px 0;
		display: flex;
		justify-content: space-between;
		gap: 40px; 
		background: red;
	}
	.brand{
		height: 130px;

	}
	.corp_text h1{
		font-size: 30px;
	}
	.teacher-card img{
		object-fit: contain;
	}
	.banner_img{
		background-size: cover;
		background-position: center;
		height: 60vh;
	}
	.banner_cont{
		margin: 0px 10px;
	}
	.brand img{
		width: 100%;
	}
	.popup__content {
		padding: 20px 16px;
		border-radius: 12px;
		max-width: 80%;
	}
	.popup__content h2 {
		font-size: 28px;
	}
	.popup__content p {
		font-size: 14px;
	}
	.popup__btn {
		font-size: 14px;
		padding: 10px 16px;
		border-radius: 6px;
	}
	.popup__close {
		top: 8px;
		right: 10px;
		font-size: 22px;
	}
}