.main_wrapper { background-color: #FFFFFF;  padding: 0; width:100%; max-width:1440px; margin:0 auto; align-content:center;}
.city-section-1 {
padding: 24px 24px 50px;
}
.s1-class{
position: relative;
width: 100%;
border-radius: 20px;
overflow: hidden;
aspect-ratio: 16 / 9;
border: 0;
}
.s1-class > img{
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover;                 
display: block;
}
.s1-row1{
position: absolute;
right:66px;
left:66px;
bottom: 126px;
display: inline-flex; align-items: center;
gap: 50px;
padding: 0 40px 0 0;
border-radius: 20px;
background: rgba(17,20,26,0.45);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 10px 30px rgba(0,0,0,.25);
border: 1px solid white; 
max-width:100%;  
height: auto;                 
}
.s1-row1-img{
flex: 0 0 auto;
width: clamp(160px, 20.76vw, 299px);
aspect-ratio: 16 / 9;
border-radius: 20px;
overflow: hidden;
border: 4px solid #fff;  
height:150px;
}
.s1-row1-img img{
width: 100%; height: 100%;
object-fit: cover; display: block;
border-radius: inherit;
}
.s1-row1{
flex: 1;
color: #fff;
text-align: center;
font-weight: 400;
font-size:  52px;
line-height: 1.2;
white-space: normal;
}
.s1-row2{
position: absolute;
right: 67px;      
bottom: 40px;
display: flex;
align-items: center;
gap: 65px;
background: transparent;
border: 0;
padding: 0;
}
.s1-row2::before{
content: "";
flex: 0 0 56px;   
height: 56px;
}
.s1-row2 > .s1-row2-text{
text-align: center;
color: white;
font-size: 28px;
line-height: 1.2;
white-space: nowrap;
text-shadow: 0 2px 6px rgba(0,0,0,.35);
}
.s1-row2-button{
display: inline-flex;
padding: 0;                    
box-sizing: border-box; 
flex: 0 0 auto;        
aspect-ratio: 1 / 1; 
width: 64px; height: 64px;
border-radius: 50%; 
box-shadow: 0 8px 24px rgba(0,0,0,.25); 
border: 0; cursor: pointer; user-select: none;
}
.s1-row2-button:hover{ transform: scale(1.04); }
.s1-row2-button:active{ transform: scale(0.98); }
.city-section-2 {
padding: 0 24px;
}
.s2-column {
display: flex;
flex-direction: column;
width: 100%;
gap: 24px;
}
.s2-row{
position: relative;
display: flex;
align-items: center;
gap: 68px;
height: 271px;
padding: 32px 32px;
padding-left: 66px;                              
padding-right: calc(260px + 24px + 32px);
background: #F3F3F3;
border-radius: 30px;
overflow: visible;
}
.s2-row-arrow{
flex: 0 0 64px;
width: 64px; height: 64px;
display: inline-flex; align-items: center; justify-content: center;
border-radius: 50%;
}
.s2-row-text{
flex: 0 1 792px;      
max-width: 792px;
min-width: 0;
font-size: 20px;
line-height: 1.2;
color: #1C1C1C;
hyphens: auto;
overflow-wrap: anywhere;
}
.s2-row-img{
position: absolute;
right: 68px;         
top: 50%;
transform: translateY(-50%);
width: 271px;        
aspect-ratio: 1 / 1;  
border-radius: 20px;
overflow: hidden;
z-index: 1;
}
.s2-row-img img{
width: 100%; height: 100%;
object-fit: cover; display: block;
}
.s2-row.is-left .s2-row-img{
left: 66px; right: auto;
}
.s2-row.is-left{
background-color: transparent;
padding-left: calc(271px + 81px + 64px);
padding-right: 68px;               
}
.s2-row.is-left .s2-row-arrow{
margin-left: auto;                 
}
.city-section-3 {
padding: 77px 24px 80px;
}
.s3-blok{
display: flex;
align-items: center;
gap: 70px;
width: 100%;
padding: 27px 40px;
padding-left: 66px;
background: #0092F3;           
border-radius: 30px;
color: #fff;
box-sizing: border-box;
}
.s3-text{
flex: 1 1 auto;
min-width: 0;
font-size: 28px;
line-height: 1.2;
}
.s3-row-arrow{
flex: 0 0 64px;
width: 64px;
height: 64px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
box-sizing: border-box;
}
.city-section-4 {
padding: 0 24px;
position:relative;
}
.decoration-2{
position: absolute;
z-index: 3;
top:-5px;
right:5px;
}
.s4-blok{
display: flex;
flex-direction: column;   
gap: 56px;                
width: 100%;
padding: 88px 66px 66px;
background: #F3F3F3;
border-radius: 30px;
box-sizing: border-box;
}
.s4-title{
margin: 0;
font-weight: 400;
font-size: 44px;
line-height: 1.15;
color: #111;
}
.s4-row{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 40px 48px; 
}
.s4-card{
display: flex;
flex-direction: column; 
gap: 28px;
align-items: flex-start;
}
.s4-num{ width: 64px;
aspect-ratio: 1 / 1; border-radius: 50%; box-sizing: border-box;
}
.s4-text{
font-size: 20px;
line-height: 1.2;
color: #1C1C1C;
hyphens: auto;
overflow-wrap: anywhere;
}
.s4-row2{
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 28px;
background: #F3F3F3;
border-radius: 20px;
}
.s4-img{
border-radius: 20px;
overflow: hidden;
aspect-ratio: 16 / 9;       
}
.s4-img img{
width: 100%;
height: 100%;
object-fit: cover;        
display: block;
}
.city-section-5 {
padding: 74px 24px 92px;
box-sizing: border-box;
}
.s5-title{
padding-left: 66px;
display:block;
font-weight:400;
font-size:44px;
line-height:1.2;
color:#111;
margin-bottom:37px;
} .s5-row{
padding: 0 55px 0 66px;
display: grid;
grid-template-columns: minmax(280px, .9fr) minmax(0, 1.6fr);
gap: 32px;
align-items: stretch; box-sizing: border-box;
} .s5-v{
display: grid; min-height: 0; } .s5-v .video-wrapper{
height: 100%;
width: 100%;
border-radius: 20px;
overflow: hidden;
background:#000; aspect-ratio: auto; min-height: 0;
} .video-wrapper video{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.s5-column {gap:36px; display:grid}
.s5-card{
display:grid;
gap: 12px;
}
.s5-img{
height: clamp(42px, 3.47vw, 50px);
width: 356px;               
border-radius: 9999px;
overflow: hidden;
}
.s5-img img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.s5-text{
font-size: 20px;
line-height:1.2;
color:#1C1C1C;
font-weight: 400;
}
.s5-play-button {
position: absolute;
left: 20px;
bottom: 20px;
width: 56px; height: 56px;
border-radius: 50%;
border: 0;
background: #fff;
box-shadow: 0 10px 24px rgba(0,0,0,.25);
display: grid; place-items: center;
cursor: pointer;
}
.city-section-6 {
padding: 0 30px;
}
.s6-main{
position: relative;
border-radius: 20px;
overflow: hidden;              
}
.s6-image{ display:block; }
.s6-image img{
width: 100%;
height: auto;                  
display: block;
border-radius: 20px;
}
.s6-mini-img{
position: absolute;
top: 4.31%;
right: 4.38%;
width: clamp(120px, 18vw, 320px);
aspect-ratio: 16 / 9;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 12px 30px rgba(0,0,0,.28);
z-index: 2;
}
.s6-mini-img img{
width: 100%;
height: 100%;
display: block;
}
.s6-row{
position: absolute;
bottom: 43px;
z-index: 3;
max-width: 100%;
display: flex;
align-items: stretch;   
gap: 0;               
padding-left: 0; 
border: 2px solid white;
border-radius: 20px;
margin: 0 61px 0 59px;
background: rgba(15,20,28,0.45);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
.s6-text{
flex: 1 1 auto;
font-size: 42px;
line-height: 1.2;
color: #fff;
padding: 24px 0 24px 60px;
border-radius: 16px 0 0 16px;  
}
.s6-logo{
flex: 0 0 auto;               
display: flex;
align-items: center;
justify-content: center;
padding: 10px 18px;         
border-radius: 20px;
background: linear-gradient(180deg, rgba(32,117,185,.75), rgba(22,80,146,.75));
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
margin: 0;                 
}
.s6-logo img{
max-width: 88%;
height: clamp(50px, 7.01vw, 101px);
width: auto;
height: 101px;
object-fit: contain;
display: block;
}
@media(max-width: 1024px) {
.s4-title, .s5-title {font-size:32px}
.s2-row{padding-left:20px}
.s2-row.is-left {    background-color: transparent;    padding-left: calc(271px + 0px + 64px);    padding-right: 20px;}
.s2-row-arrow{flex: 0 0 56px;    width: 56px;    height: 56px;}
.s2-row-img{    right: 18px;}
.s2-row.is-left .s2-row-img {    left: 32px;    right: auto;}
.s1-row1{font-size: 32px; transform:none; left:20px; right:20px; max-width:100%; width:auto}
span.s1-row2-text {    font-size: 40px;} 
.s1-row1{right:20px; padding:0 10px 0 0; gap:30px}
.s1-row2{right:20px; gap:27px}
.s1-row2 > .s1-row2-text{ font-size: 22px}
.s1-row2-button{  width: 56px; height: 56px; }
.s2-row-text{ font-size: 18px;   flex: 0 1 900px; max-width: 900px; }	
.s2-row{ gap: 40px;  padding-left: 32px;}
.s3-blok{gap: 40px;  padding-left: 32px;}
.s3-text{font-size:24px}
.s4-num{width:56px}
.s4-blok{padding:88px 32px 66px}
.s3-row-arrow{width: 56px;    height: 56px; flex: 0 0 56px;}
.s4-text{font-size: 18px;}
.s5-row{  grid-template-columns: minmax(280px, .9fr) minmax(0, 1.6fr);  gap: 24px; justify-items: center; }
.s5-img{ height: clamp(34px, 6.8vw, 36px); width:auto}
.s5-title{padding-left:32px}
.s5-column{ order: 1; padding-left:32px; gap:24px }
.s5-v{ order: 2; } 
.s5-v{ padding: 0; }           
.video-wrapper{ width: 100%; height: auto;  border-radius: 20px; overflow: hidden; background: #000;}
.video-wrapper > video{ width: 100%; height: 100%;  object-position: center; display: block;}
.s5-text{font-size: 16px; text-align: start;}
.s5-card{justify-items: start; }
.s6-text{ font-size: 28px}
.s5-row{padding: 0}
.s6-logo img{height:50px}
.s6-row{margin:0 26px 0 26px}
.s6-mini-img{right:26px}
.decoration-2{height:120px}
}
@media(max-width: 768px) {
.s1-row1{ gap: 20px; padding: 0 20px 0 0;}
.s1-row1-img{height:auto; border: 2px solid #fff;}
.s1-row2 > .s1-row2-text{ font-size: 20px}
.s1-row2-button{  width: 48px; height: 48px;}
span.s1-row2-text {        font-size: 28px;    }
.s1-row2{gap:8px}
.s1-row2 > .s1-row2-text {        font-size: 16px;    }
.s2-row-text{ font-size: 16px;    flex: 1 0 400px; }	
.s2-row{ gap: 20px;   padding-left: 20px; height:200px}
.s2-row-arrow{flex: 0 0 48px;    width: 48px;    height: 48px;}
.s2-row-img{width:200px}
.s2-row.is-left {        background-color: transparent;        padding-left: calc(200px + 20px + 16px);        padding-right: 20px;    }
.s2-row.is-left .s2-row-img {        left: 20px;        right: auto;    }
.s3-blok{ gap: 20px;   padding-left: 20px;}
.s3-text{font-size: 20px}
.s3-row-arrow{flex: 0 0 48px;    width: 48px;    height: 48px;}
.s4-row{ grid-template-columns: repeat(2, minmax(0,1fr));  gap: 24px;}
.s5-row{  grid-template-columns: repeat(1, 1fr);  gap: 24px; justify-items: center; }
.s5-text{padding-bottom:20px}
.s4-blok{padding: 88px 20px 66px}
.s4-card:nth-child(1){ grid-column: 1 / -1; }  
.s4-title, .s5-title{ font-size: 32px; }
.s4-num{  width:48px; aspect-ratio: 1 / 1;  padding: 0;  }
.s4-text{ font-size:16px; }
.s4-row2{ grid-template-columns: 1fr;  gap: 20px;}
.s5-title{padding-left:20px}
.s5-column{padding-left:20px}
.s5-card{justify-items: center}
.s5-text{text-align:center}
.s6-text{ font-size: 20px}
.s6-row{margin:0 14}
.s6-mini-img{right:14px}
.decoration-2 {        height: 130px;    }
} @media(max-width: 480px) {
.city-section-1 {padding: 20px 10px;}
.s1-class{border-radius: 14px}
.s1-row1{ gap: 8px; padding: 0 10px 0 0; border-radius: 14px; right:10px; left:10px; bottom:46px}
.s1-row1-img{ width: clamp(100px, 18vw, 200px); border: 1px solid #fff; border-radius: 6px; height:auto; border-radius:14px}
span.s1-row2-text {        font-size: 16px;    }
.s1-row2{ right: 10px; bottom: 10px;  gap: 8px;}
.s1-row2::before{  content: "";  flex: 0 0 56px;     height: 28px;}
.s1-row2 > .s1-row2-text{   text-align: center; font-size: 9px;  line-height: 1.2; }
.s1-row2-button{  aspect-ratio: 1 / 1;   width: 24px; height: 24px; }
.city-section-2 { padding: 0 10px; }
.s2-column { gap: 40px}
.s2-row{ position: relative; display: flex; align-items: center; height: 100px; gap: 5px; padding: 10px 10px; background: #F3F3F3; border-radius: 14px; overflow: visible;}
.s2-row-arrow{ flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%;}
.s2-row-text{ flex: 0 1 250px; max-width: 250px; min-width: 0; font-size: 9px;  line-height: 1.2; color: #1C1C1C; hyphens: auto; overflow-wrap: anywhere;}
.s2-row-img{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 100px; height:110px;  border-radius: 14px; overflow: hidden; z-index: 1;}
.s2-row-img img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.s2-row.is-left .s2-row-img{ left: 10px; right: auto;}
.s2-row.is-left{ background-color: transparent; padding-left: calc(100px + 12px + 10px); padding-right: 8px;}
.s2-row.is-left .s2-row-arrow{ margin-left: auto; }
.city-section-3 {padding: 20px 10px;}
.s3-blok{display: flex; align-items: center; gap: 4px; width: 100%; padding: 10px 7px; padding-left: 0; border-radius: 14px; box-sizing: border-box;   padding-left: 10px;}
.s3-text{  font-size: 12px;}
.s3-row-arrow{ flex: 0 0 24px; width: 24px;  height: 24px;}
.city-section-4 {padding: 20px 10px;}
.s4-blok{display: flex; flex-direction: column;  gap: 20px;  padding: 10px 10px;  border-radius: 14px; }
.s4-title{ font-size: 24px; line-height: 1.2; padding-left: 0;}
.s4-row{ display: grid;   grid-template-columns: 1fr;  gap: 20px; padding: 0;}
.s4-card:nth-child(1){ grid-column: auto; border-radius: 6px;}
.s4-card{display: flex; flex-direction: column; gap: 10px; align-items: flex-start;}
.s4-num{   width: 24px; aspect-ratio: 1 / 1; padding: 0;}
.s4-text{ font-size: 8px;}
.s4-row2{  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 0;}
.s4-img{ border-radius: 6px;}
.city-section-5 {padding: 20px 10px;}
.s5-title{ font-size: 24px; line-height: 1.2; padding-left: 10px; margin-bottom: 20px;}
.s5-row{ display: grid; grid-template-columns: 1fr;  gap: 14px; padding: 0; box-sizing: border-box; }
.s5-column{ display: grid; grid-template-columns: 1fr; gap: 16px; padding: 0; justify-items: center; padding-left:10px}
.s5-card{ gap: 10px;  text-align: center;}
.s5-img{ width: clamp(280px, 60%, 280px); height: clamp(24px, 7.5vw, 24px); margin-inline: auto; border-radius: 9999px; overflow: hidden;}
.s5-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.s5-text{font-size: 10px; line-height: 1.55;}
.s5-v{ padding: 0; }
.video-wrapper{ width: 100%; aspect-ratio: 16 / 9;  min-height: 0;  border-radius: 6px; overflow: hidden; background: #000;}
.video-wrapper > video{ width: 100%; height: 100%; object-fit: cover;}
.s5-play-button{ width: 30px; height: 30px; left: 12px; bottom: 12px;} 
.s5-v .video-wrapper {border-radius: 14px;}
.city-section-6 {padding: 10px 10px;}
.s6-main{border-radius: 6px; }
.s6-image{ display:block; }
.s6-image img{border-radius: 14px;}
.s6-mini-img{position: absolute; top: 7%; right: 10px; width: clamp(80px, 18vw, 80px); border-radius: 10px; overflow: hidden; box-shadow: 0 12px 30px rgba(0,0,0,.28); z-index: 2;}
.s6-row{ margin:0 10px 0 10px; position: absolute;   bottom: 10%;  z-index: 3; max-width:100%;  display: flex; align-items: stretch; gap: 0; padding-left: 0; border: 1px solid 					white; border-radius: 10px;}
.s6-text{ flex: 1 1 auto; font-size: 10px; line-height: 1.2; padding: 6px 8px 6px 8px;  border-radius: 6px 0 0 6px;  }
.s6-logo{ flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: clamp(42px, 12vw, 42px); padding: 4px 6px; border-radius: 10px; margin: 0;}
.s6-logo img{ max-width: 88%; max-height: 72%; width: auto; height: auto; object-fit: contain; display: block;}
.decoration-2 {height: 70px; top: 15px;}
}
@media(max-width:380px){
.s2-row-text {        flex: 0 1 200px;        max-width: 200px;        font-size: 8px;    }
span.s1-row2-text {        font-size: 13px;    }
.s1-row2 > .s1-row2-text {        text-align: center;        font-size: 7px;        line-height: 1.2;    }
}
html,body{hyphens:none !important;-webkit-hyphens:none !important;}
p,li,blockquote,h1,h2,h3,h4,h5,h6,
.s1-left-row p,.s1-row2-text, .s2-row-text,
.s3-text, .s3-text1, .s3-text2,
.s4-text, .s4-title,
.s5-text, .s6-text {
hyphens:none !important;-webkit-hyphens:none !important;
word-break:normal;overflow-wrap:anywhere;
}