.wrapper{ background-color: #FAF9FF;}
.main_wrapper { background-color: #FAF9FF;  padding: 0; width:100%; max-width:1440px; margin:0 auto; align-content:center;}
p{margin-bottom:0}
img{border-radius:28px; width: 100%; height: auto; display: block; object-fit: cover; }
.text-16{font-size: 16px; text-wrap: pretty; color: #2C241A}
.text-main{font-size: clamp(1.75rem, 0.643vw + 25.94px, 2.2rem);  color: #2C241A; font-weight: 600; line-height: 1.4; letter-spacing: -0.7px;}
.t-decoration{background-color: #F0EBFF; font-weight: 500; border-radius: 24px; padding: 24px 28px}
.section { padding: 0 clamp(16px, 5.71vw - 2.29px, 80px);}
.section-2, .section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9, .section-10 {padding-bottom: 65px; padding-top:65px}

.white{
	background-color:white;     width: 100vw; margin-left: calc(50% - 50vw);
}
.section-1{
	max-width:1440px; margin:0 auto; padding-left: 74px; padding-bottom:12px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 40px; flex-wrap: wrap; 
}
.s1-left-side {
	flex: 1; width: 100%;	
}
.s1-hero {
	font-size: clamp(2rem, 1.696vw + 26.57px, 3.1875rem); font-weight: bold; line-height:1.2; background: linear-gradient(135deg, #1A1A2E 0%, #4A2F6D 100%); -webkit-background-clip: text; 
	background-clip: text; -webkit-text-fill-color: transparent;  color: transparent; margin: 0 0 19.2px 0; letter-spacing: -1.02px;
}
.s1-desc {
	font-size: 20px; color: #2C241A; display: block; margin-bottom: 19.2px;
}
.s1-button-row {
  	display: flex; gap: 16px; flex-wrap: wrap;
}
.s1-button {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 32px 14px; border-radius: 40px; cursor: pointer; transition: all 0.2s ease; font-family: inherit; background: transparent; border: none;
}
.btn-icon {
  	flex-shrink: 0;
}
.s1-button--primary {
   	background: linear-gradient(135deg, #6B3E9E 0%, #4A2F6D 100%); color: white;
}
.s1-button--primary:hover {
/*   background: #333333;  transform: translateY(-2px); */
}
.s1-button--secondary {
  	background: transparent; color: #6B3E9E; border: 2px solid #6B3E9E; font-weight:600
}
.s1-button--secondary:hover {
/*   background: #f5f5f5; transform: translateY(-2px); */
}
.s1-right-side {
  	flex: 1;  width: 100%;  position: relative;	overflow: hidden; padding-bottom:12px; border-radius:0
}
.s1-right-side img {
	width: 100%; height: auto; display: block;  object-fit: cover; border-radius:0
}

.section-2{
	display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: flex-end;
}
.s2-left-side, .s2-descs {
	display: flex; flex-direction:column; gap:16px
}

.s2-left-side {
	flex: 1 1 0; min-width: 320px; width: 100%; display: flex;  flex-direction: column; gap: 16px;
}
.s2-right-side {
  	flex: 1 1 0; min-width: 320px;  width: 100%; 
}
.s2-right-side img {
/* 	width: 100%; height: auto; display: block; object-fit: cover; */
}

.section-3, .s3-descs{
	display:flex; flex-direction: column;  gap: 16px
}

.section-4{
	display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: center;
}
.s4-left-side{
	flex: 1 1 0; min-width: 320px;  width: 100%; display:flex; position:relative
}
.s4-img-1{
	 height:auto; max-width:392px;  
}
.s4-img-2{
	position:absolute; height:auto; width:257px;  bottom: -30px; right:80px;
}
.s4-left-side img, .s4-img img {
/* 	width: 100%; height: auto; display: block; object-fit: cover; */
}
.s4-right-side{
	flex: 1 1 0; min-width: 320px;  width: 100%; 
}

.section-5{
	display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: center;
}
.s5-main{max-width:400px}
.s5-left-side{
	flex: 1 1 0; min-width: 320px;  width: 100%; display:flex;  flex-direction: column; gap: 16px;
}
.s5-descs{
	display: flex; flex-direction: column; gap:16px; max-width: 570px;
}
.s5-right-side{
	flex: 1 1 0; min-width: 320px;  width: 100%; display:flex; position:relative; justify-content: end
}

.s5-img-1{
	 height:auto;  
}
.s5-img-2{
	position:absolute; height:auto; bottom: -54px; left:-115px;
}

.section-6{
	display:flex; flex-direction:column; gap:16px;  align-items: center; 
}
.s6-desc{
	text-align:center;
}
.s6-images{
	display:flex; flex-direction: row; gap:16px; max-width:100%; justify-content: space-between;
}
.s6-img {
    width: 100%; height: auto;
}
.s6-i{
	max-width:100%
}
.section-7{
	display:flex; flex-direction:column; gap:16px;
}
.s7-descs{
	display:flex; flex-direction:column; gap:16px
}
.s7-decoratin{
	text-align:center
}
.s7-grid-img{
	display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-between; gap: 24px;
}
.s7-grid-img img{
	width: 100%; height: auto; display: block; object-fit: cover;
}

.section-8{
	display:flex; flex-direction:column; gap:16px;
}
.s8-sides{
	display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: start; background-color: white;
}
.s8-left-side{
	flex: 1 1 0; min-width: 320px;  width: 100%; display:flex; flex-direction:column; gap:18px; position:relative
}
.s8-desc{
	padding-top:10px; padding-left:20px; line-height:1.8;     padding-bottom: 20px;
}
.s8-right-side{
	flex: 1 1 0; min-width: 320px;  width: 100%; 
}
.s8-card{
background: linear-gradient(135deg, #FFFFFF 0%, #FAF7FF 100%);  padding: 23px 32px; border-radius: 30px;  border-left: 5px solid #8B6CB0; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); font-size:20px; font-weight: 500; position:absolute; bottom:-195px;  font-style: italic;
}


.section-9{
	display:flex; flex-direction:column; gap:16px; 
/* 	padding-top: 79px; padding-bottom: 80px;  */
	align-items: center; text-align: center;
}
.s9-desc{
	max-width: 1100px;
}
.s9-text{
	color: #7A6697; line-height: 1.4; padding-top: 8px
}
.s9-video{
	display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-between; gap: 20px; width: 100%;     padding: 0 90px;
}
.video-card {position: relative; cursor: pointer; border-radius: 28px; overflow: hidden; transition: transform 0.3s ease;
}
.video-card:hover { transform: translateY(-5px); 
}
.video-card img { width: 100%; height: auto; display: block; transition: transform 0.3s ease;
}
.video-card:hover img {transform: scale(1.05); filter: grayscale(100%);
}
.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.svg-2 {
    width: 28px;
}
.video-card:hover .play-btn {
    transform: translate(-50%, -50%) scale(1.1); 
}
.video-card:hover .play-btn path {
    fill-opacity: 1;
}

.section-10{
	display: flex; text-align: center; align-items:center; justify-content: center;
}
.s10-main{ 
font-size: clamp(1.5rem, 0.536vw + 22.29px, 1.875rem); font-weight: 500; line-height: 1.16; color: #1A1A2E;  
}
.znanie-footer{
	padding: 48px 0; background-color: #1A1A2E; text-align:center; 
}
.text-footer{
	line-height: 1.4; color: #CBC3E0; padding-bottom:12px
}
.desc-footer{
	font-size: 12.8; line-height:1.39; color: #CBC3E0;
}

body.popup-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}
/* Принудительный сброс */
body:not(.popup-open) {
    overflow: auto !important;
    position: static !important;
}

@media(max-width:1300px){
	.section-8{margin-bottom:80px}
	.s8-card{width: 90vw; bottom:-175px;}
}
@media(max-width:1024px){
	.s2-descs{flex-direction:row;}
	.section-2{flex-direction:column}
	.s4-img-2{right:0}
	.s5-img-2{max-width:220px; left:-83px}
	.s8-card{width: 90vw; bottom:-125px;}
	.s9-video{padding: 0 40px}
	
}

@media(max-width:768px){
	.section-1{padding-bottom:40px; padding: 0 clamp(16px, 5.36vw - 1.14px, 40px) 40px;}
	.section-2, .section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9, .section-10 {padding-top: 40px; padding-bottom:40px; gap: 20px }
	.section-1, .section-5{flex-direction:column}
	.s4-img-1{max-width:290px}
	.s4-img-2{max-width:189px}
	.s5-main{max-width:100%}
	.s5-descs{max-width:100%}
	.s5-img-1{height: auto;width: 100%;}
	.s5-img-2{left:435px;}
	.s5-right-side{justify-content:center}
	.s7-grid-img  {grid-template-columns: repeat(2, 1fr); }
	.section-8{margin-bottom:0}
	.s8-sides{flex-direction:column;}
	.s8-card{position:static; max-width: 100%}
	.s9-video {grid-template-columns: repeat(2, 1fr); gap:20px; padding:0 30px }
	.svg-2{width:36px;}
	
	
}

@media(max-width:480px){
	br{display: none;}
	img{border-radius:18px; }
	.section-2, .section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9, .section-10 {padding-top: 20px; padding-bottom:20px; gap: 14px}
	.s2-descs{flex-direction:column;}
	.s4-img-2{bottom:-18px}
	.s5-img-2 {left: 200px; bottom: -30px;}
	.s6-images{flex-direction: column}
	.znanie-footer{padding: 48px 16px}
	.s7-grid-img{gap:16px}
	.s9-video{ gap:10px}
	.video-card{border-radius:18px;}
	.s9-video{padding: 0 20px}
	.svg-2{width:24px;}
	
	
}