:root{
  --bg:#171717;
  --accent:#FFA91F;
  --white:#FFFFFF;
  --container-w:1600px;
  --hero-w:1480px;
}

html,body{
  height:100%;
  margin:0;
  font-family: 'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: var(--bg);
  color:var(--white);
}

.page-frame{
  position:relative;
  width:100%;
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding-top: 40px;
  box-sizing:border-box;
}

.canvas{
  position:relative;
  width:var(--container-w);
  background: var(--bg);
  overflow:hidden;
}

.canvas::before{
  content:"";
  position:absolute;
  inset:0;
  background-size: cover;
  background-position: center;
  opacity:0.5;
  z-index:0;
}

/* Header */
header.topbar{
  position:relative;
  top:0;
  left:0;
  right:0;
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  z-index:5;
}

.logo{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:220px;
}
.logo img{
  width:140px;
  height:auto;
  display:block;
  object-fit:contain;
}

nav.main-nav{
  display:flex;
  gap:28px;
  align-items:center;
  justify-content:center;
  flex:1;
}

nav.main-nav a{
  color:var(--white);
  text-decoration:none;
  font-weight:500;
  font-size:18px;
  letter-spacing:0;
  opacity:0.95;
  padding:8px 4px;
}

nav.main-nav a:hover{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:6px;
}

.icons{
  display:flex;
  align-items:center;
  gap:16px;
}

/* Новые стили для иконок как в Figma */
.header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.header-icon i {
  color: #2C2C2C;
  font-size: 24px;
}

.header-icon:hover {
  background: #F7F7F7;
  transform: translateY(-1px);
}

/* Иконка языка */
.lang-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 1px;
  width: 33px;
  height: 24px;
  background: none;
  border-radius: 0;
}

.lang-icon i {
  color: #FFFFFF;
}

.lang-dropdown{
  position:absolute;
  top:48px;
  right:0;
  min-width:160px;
  background:#1f1f1f;
  border-radius:8px;
  padding:8px 0;
  box-shadow:0 6px 18px rgba(0,0,0,0.5);
  display:none;
  z-index:50;
}
.lang-dropdown a{
  display:block;
  padding:8px 12px;
  color:var(--white);
  font-size:14px;
  text-decoration:none;
}
.lang-dropdown a:hover{ background:rgba(255,255,255,0.03); color:var(--accent); }
.lang-icon:hover .lang-dropdown{ display:block; }


/* Hero */
.hero{
  position:relative;
  width:var(--hero-w);
  height:1044px;
  left:calc(50% - var(--hero-w)/2);
  margin-top:100px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:32px;
  z-index:5;
}

.hero h1{
  margin:0;
  width:1480px;
  height:142px;
  font-weight:600;
  font-size:80px;
  line-height:0.89;
  letter-spacing:-0.04em;
  color:var(--white);
  white-space:pre-line;
}

.hero h3{
  margin:0;
  width:738px;
  height:58px;
  font-weight:500;
  font-size:24px;
  line-height:1.2;
  letter-spacing:-0.03em;
  color:var(--accent);
}

/* Фоновая графика */
.hero-bg {
  position: absolute;
  width: 1534.29px;
  height: 848.5px;
  z-index: 0;
  pointer-events: none;
  right: 0;
}

/* Блок "Космос для жизни" */
.cosmos{
  position:relative;
  width:1600px;
  height: 700px;
  margin:120px auto 0;
  overflow:hidden;
  background:transparent;
  z-index:3;
}

.cosmos-image{
  position:absolute;
  width:1732px;
  height:659px;
  left:-57px;
  top:-100px;
  object-fit:cover;
  z-index:0;
}

.cosmos-rect{
  position:absolute;
  width:1560px;
  height:265px;
  left:calc(50% - 1560px/2);
  bottom:0;
  background:#20A2DC;
  border-radius:20px;
  z-index:1;
}

.cosmos-caption{
  position:absolute;
  width:37px;
  height:12px;
  left:60px;
  top:472px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  z-index:2;
  white-space: nowrap;
}

.cosmos-title{
  position:absolute;
  width:851px;
  height:108px;
  left:435px;
  top:472px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin:0;
  z-index:2;
}

.cosmos-text{
  position:absolute;
  width:654px;
  height:63px;
  left:435px;
  top:600px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
  margin:0;
  z-index:2;
}

/* Блок "Рейтинги" */
.rating {
  position: relative;
  width: 1600px;
  height: 738px;
  margin: 120px auto 0;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  background-color: var(--bg);
}

.rating-caption {
  position: absolute;
  width: 64px;
  height: 12px;
  left: 60px;
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #F7F7F7;
  white-space: nowrap;
}

.rating-title {
  position: absolute;
  width: 991px;
  height: 108px;
  left: 435px;
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

.rating-subtitle-rus {
  position: absolute;
  width: 311px;
  height: 18px;
  left: 435px;
  top: 148px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #F7F7F7;
  opacity: 0.5;
  margin: 0;
}

.rating-subtitle-rus {
  position: absolute;
  width: 311px;
  height: 18px;
  left: 435px;
  top: 148px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #F7F7F7;
  opacity: 0.5;
  margin: 0;
}

.rating-subtitle-intl {
  position: absolute;
  width: 311px;
  height: 18px;
  left: 1185px;
  top: 148px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #F7F7F7;
  opacity: 0.5;
  margin: 0;
}

.rating-line-left {
  position: absolute;
  width: 1px;
  height: 483px;
  left: 435px;
  top: 186px;
  background: #F7F7F7;
  opacity: 0.5;
}

.rating-line-right {
  position: absolute;
  width: 1px;
  height: 483px;
  left: 1185px;
  top: 185px;
  background: #F7F7F7;
  opacity: 0.5;
}

.rating-container-rus, .rating-container-rus-eng, .rating-container-rus-french {
  position: absolute;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  padding: 0px;
  gap: 48px 40px;
  width: 662px;
  height: 483px;
  left: 455px;
  top: 186px;
}

.rating-container-intl, .rating-container-intl-eng, .rating-container-intl-french {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 68px;
  width: 311px;
  height: 467px;
  left: 1205px;
  top: 185px;
}

.rating-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;
  width: 311px;
}

.rating-card h3 {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 135%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin-bottom: 2px;
  width: 100%;
  height: 49px;
}

.rating-card .blue {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.05em;
  color: #1BA1DD;
  margin-bottom: 2px;
}

.rating-card .source {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 135%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  opacity: 0.5;
  margin: 0;
}

.rating-stars {
  position: absolute;
  width: 192.94px;
  height: 236.18px;
  left: 103px;
  top: 211px;
  z-index: 1;
}

.rating-stars img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Блок "Цифры" */
.numbers {
  position: relative;
  width: 1600px;
  height: 753px;
  margin: 120px auto 0;
  background: #171717;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
}

.numbers-caption {
  position: absolute;
  width: 151px;
  height: 12px;
  left: 60px;
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #F7F7F7;
  white-space: nowrap;
}

.numbers-title {
  position: absolute;
  width: 1105px;
  height: 54px;
  left: 435px;
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

/* Основной контейнер с цифрами */
.numbers-container {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 798px;
  height: 572px;
  left: 435px;
  top: 94px;
}

/* Строка 1 */
.numbers-row-1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 142px;
  width: 739px;
  height: 62px;
}

.numbers-value-1 {
  width: 233px;
  height: 62px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 95%;
  letter-spacing: -0.05em;
  color: #FFFFFF;
}

.numbers-text-1 {
  width: 364px;
  height: 42px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
}

/* Строка 2 */
.numbers-row-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 142px;
  width: 798px;
  height: 62px;
}

.numbers-value-2 {
  width: 233px;
  height: 62px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 95%;
  letter-spacing: -0.05em;
  color: #FFFFFF;
}

.numbers-text-2 {
  width: 423px;
  height: 42px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
}

/* Строка 3 */
.numbers-row-3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 142px;
  width: 739px;
  height: 62px;
}

.numbers-value-3 {
  width: 233px;
  height: 62px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 95%;
  letter-spacing: -0.05em;
  color: #FFFFFF;
}

.numbers-text-3 {
  width: 364px;
  height: 42px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
}

/* Строка 4 */
.numbers-row-4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 142px;
  width: 788px;
  height: 62px;
}

.numbers-value-4 {
  width: 233px;
  height: 62px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 95%;
  letter-spacing: -0.05em;
  color: #FFFFFF;
}

.numbers-text-4 {
  width: 413px;
  height: 42px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
}

/* Строка 5 */
.numbers-row-5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 142px;
  width: 739px;
  height: 62px;
}

.numbers-value-5 {
  width: 233px;
  height: 62px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 95%;
  letter-spacing: -0.05em;
  color: #FFFFFF;
}

.numbers-text-5 {
  width: 364px;
  height: 42px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
}

/* Строка 6 */
.numbers-row-6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 142px;
  width: 739px;
  height: 62px;
}

.numbers-value-6 {
  width: 233px;
  height: 62px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 95%;
  letter-spacing: -0.05em;
  color: #FFFFFF;
}

.numbers-text-6 {
  width: 364px;
  height: 42px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
}

/* Разделители */
.numbers-divider {
  width: 798px;
  height: 0px;
  border: 1px solid rgba(136, 136, 136, 0.3);
  margin: 0;
}

/* Фоновая графика */
.numbers-bg {
  position: absolute;
  pointer-events: none;
}

.numbers-bg-mob {
    display: none;
}

.numbers-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Блок "Вклад в историю" */
.contribution {
  width: 100%;
  background: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  padding: 120px 0;
  position: relative;
}

.contribution-container {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  height: 750px;
}

.contribution-caption {
  position: absolute;
  width: 134px;
  height: 12px;
  left: 60px;
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #888888;
  white-space: nowrap;
}

.contribution-title {
  position: absolute;
  width: 1105px;
  height: 54px;
  left: 435px;
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #2C2C2C;
  margin: 0;
}

.contribution-description {
  position: absolute;
  width: 654px;
  height: 42px;
  left: 435px;
  top: 74px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #2C2C2C;
  margin: 0;
}

/* Фильтры */
.contribution-filters {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 760px;
  height: 34px;
  left: 435px;
  top: 156px;
}

.filter-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 15px;
  gap: 4px;
  height: 34px;
  border: none;
  border-radius: 8px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: all 0.3s ease;
}

.filter-btn.active {
  background: #1BA1DD;
  color: #F7F7F7;
}

.filter-btn:not(.active) {
  background: #2C2C2C;
  color: #F7F7F7;
}

/* Карточки */
.contribution-cards {
  position: absolute;
  display: flex;
  gap: 20px;
  left: 435px;
  top: 210px;
  width: 1130px;
}

.person-card {
  display: flex;
  flex-direction: column;
  width: 355px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.person-image {
  width: 355px;
  height: 355px;
  object-fit: cover;
}

.person-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  gap: 5px;
  width: 355px;
  background: #2C2C2C;
  min-height: 170px;
}

.person-name {
  width: 315px;
  height: 18px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

.person-description {
  width: 315px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #F7F7F7;
  margin: 0;
}

/* Скрытые карточки */
.cards-hidden {
  display: none;
}

/* Блок "История" */
.history {
  width: 100%;
  background: #1BA1DD;
  font-family: 'Montserrat', sans-serif;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}

.history-container {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  height: 3069px;
}

.history-title {
  position: absolute;
  width: 1105px;
  height: 54px;
  left: calc(50% - 1105px/2 + 0.5px);
  top: 98px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

/* Фоновая графика истории */
.history-bg {
  position: absolute;
  left: -54.94%;
  right: -24.7%;
  top: 1.17%;
  bottom: 30.21%;
  opacity: 0.1;
  pointer-events: none;
}

/* Временная линия */
.timeline {
  position: absolute;
  width: 730px;
  height: 2286px;
  left: 435px;
  top: 208px;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Элементы временной линии */
.history-item {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  gap: 15px;
}

.history-year {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 95%;
  letter-spacing: -0.05em;
  color: #FFFFFF;
  margin: 0;
}

.history-year-large {
  font-size: 80px;
}

.history-year-xlarge {
  font-size: 120px;
}

.history-text {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #F7F7F7;
  margin: 0;
}

.history-text-large {
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
}

.history-text-center {
  text-align: center;
}

/* Позиционирование элементов */
.history-item-1942 {
  width: 329px;
  height: 113px;
  left: 998px;
  top: 347px;
}

.history-item-1947 {
  width: 353px;
  height: 207px;
  left: 1185px;
  top: 640px;
}

.history-item-1950 {
  width: 397px;
  height: 167px;
  left: 205px;
  top: 980px;
}

.history-item-1966 {
  width: 397px;
  height: 178px;
  left: 1144px;
  top: 1370px;
}

.history-item-2015 {
  width: 166px;
  height: 113px;
  left: 1010px;
  top: 1720px;
}

.history-item-2016 {
  width: 355px;
  height: 149px;
  left: 60px;
  top: 1970px;
}

.history-item-2025 {
  width: 482px;
  height: 187px;
  left: calc(50% - 482px/2);
  top: 2826px;
  align-items: center;
}

/* Изображения в блоке истории */
.history-img {
  position: absolute;
  border-radius: 20px;
  object-fit: cover;
}

.history-img-1 {
  width: 680px;
  height: 400px;
  left: 76px;
  top: 204px;
}

.history-img-2 {
  width: 542px;
  height: 404px;
  left: 923px;
  top: 931px;
}

.history-img-3 {
  width: 355px;
  height: 500px;
  left: 243px;
  top: 1351px;
}

.history-img-4 {
  width: 540px;
  height: 400px;
  left: 923px;
  top: 1976px;
}

.history-img-5 {
  width: 1480px;
  height: 300px;
  left: 60px;
  top: 2494px;
}
/* Блок "Образование" */
.education {
  width: 100%;
  background: #1BA1DD;
  font-family: 'Montserrat', sans-serif;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}

.education-container {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  height: 1311px;
}

.education-caption {
  position: absolute;
  width: 79px;
  height: 12px;
  left: 60px;
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #F7F7F7;
  white-space: nowrap;
}

.education-title {
  position: absolute;
  width: 380px;
  height: 54px;
  left: calc(50% - 380px/2 - 175px);
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

.education-subtitle {
  position: absolute;
  width: 654px;
  height: 42px;
  left: calc(50% - 654px/2 - 38px);
  top: 74px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
  margin: 0;
}

/* Контейнер для кнопок образования */
.education-buttons-container {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  left: 435px;
  top: 136px;
  width: auto;
  flex-wrap: wrap;
}

/* Кнопка выбора программы */
.education-btn {
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  gap: 8px;
  background: #FFFFFF;
  border-radius: 12px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  flex-shrink: 0;
}

.education-btn:hover {
  background: #F7F7F7;
  transform: translateY(-2px);
}

.education-btn-text {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #2C2C2C;
  margin: 0;
}

/* Фоновая графика образования */
.education-bg {
  position: absolute;
  width: 1573.91px;
  height: 702.47px;
  left: -468px;
  top: 293px;
  transform: rotate(179.8deg);
  pointer-events: none;
}

/* Декоративные сердечки */
.education-hearts {
  position: absolute;
  width: 128.07px;
  height: 94.35px;
  left: 228px;
  top: 237px;
  pointer-events: none;
}

/* Карточки образования */
.education-card {
  position: absolute;
  border-radius: 20px;
  overflow: hidden;
}

.education-card-1 {
  width: 1105px;
  height: 360px;
  left: 435px;
  top: 211px;
  background: #171717;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 20px;
  gap: 20px;
  position: relative;
}

/* Лого университета в карточке 1 - прижато к низу */
.education-logo {
  position: absolute;
  left: 20px;
  bottom: 0;
  z-index: 2;
}

.education-logo img {
  width: 100%;
  height: auto;
  opacity: 0.7;
}

.education-card-2 {
  width: 1105px;
  height: 360px;
  left: 435px;
  top: 596px;
  background: #F7F7F7;
}

.education-card-3 {
  width: 1105px;
  height: 330px;
  left: 435px;
  top: 981px;
  background: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  gap: 20px;
}

/* Карточка 1 - Уровни образования */
.education-levels-title {
  width: 428px;
  height: 108px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
  z-index: 1;
}

.education-scheme {
  position: absolute;
  width: 578px;
  height: 304px;
  left: 491px;
  top: 28px;
  z-index: 1;
}

education-scheme-mob {
    display: none;
}


education-scheme-mob img {
    display: none;
}

/* Карточка 2 - Индивидуальные траектории */
.education-card-2-bg {
  position: absolute;
  width: 1105px;
  height: 360px;
  background-size: cover;
  background-position: center;
}

.education-card-2-overlay {
  position: absolute;
  width: 1105px;
  height: 360px;
  right: 0px;
  bottom: 0px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  z-index: 1;
}

.education-trajectory-title {
  position: absolute;
  width: 361px;
  height: 29px;
  left: 20px;
  bottom: 80px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  z-index: 2;
  margin: 0;
}

.education-trajectory-text {
  position: absolute;
  width: 555px;
  height: 54px;
  left: 20px;
  bottom: 20px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
  z-index: 2;
  margin: 0;
}


/* Карточка 3 - Совместные программы */
.education-programs-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 80px;
  width: 331px;
  height: 290px;
}

.education-programs-left-mob {
    display: none;
}

.education-programs-title {
  width: 331px;
  height: 36px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #2C2C2C;
  margin: 0;
}

.education-programs-text {
  width: 302px;
  height: 174px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #888888;
  margin: 0;
}

.education-programs-right {
  width: 734px;
  height: 290px;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}

/* Блок "Подготовка" */
.preparation {
  width: 100%;
  background: #1BA1DD;
  font-family: 'Montserrat', sans-serif;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}

.preparation-container {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  height: 456px;
}

.preparation-caption {
  position: absolute;
  width: 143px;
  height: 12px;
  left: 60px;
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #F7F7F7;
  white-space: nowrap;
}

.preparation-title, .preparation-title-french {
  position: absolute;
  width: 762px;
  height: 54px;
  left: calc(50% - 762px/2 + 16px);
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
  text-align: center;
}

.preparation-title-french {
    width: 890px;
}

/* Фоновая графика подготовки */
.preparation-bg {
  position: absolute;
  width: 1442.31px;
  height: 643.74px;
  left: 193px;
  opacity: 0.1;
  transform: rotate(11.8deg);
}

.preparation-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Декоративные звездочки */
.preparation-stars {
  position: absolute;
  width: 285.01px;
  height: 305.04px;
  left: 86px;
  top: 86px;
  pointer-events: none;
}

.preparation-stars img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Карточки подготовки */
.preparation-card {
  position: absolute;
  width: 543px;
  height: 360px;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
  gap: 16px;
  isolation: isolate;
}

.preparation-card-1 {
  left: 435px;
  top: 96px;
  background: #F7F7F7;
}

.preparation-card-2 {
  left: 998px;
  top: 96px;
  background: #F7F7F7;
}

.preparation-card-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}

.preparation-card-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.preparation-card-overlay {
  position: absolute;
  width: 100%;
  height: 182px;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  z-index: 1;
}

.preparation-card-2 .preparation-card-overlay {
  width: 554px;
  right: -6px;
}

.preparation-card-title {
  width: 503px;
  height: 29px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin: 0;
  z-index: 2;
}

.preparation-card-text {
  width: 438px;
  height: 36px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #F7F7F7;
  margin: 0;
  z-index: 3;
}

.preparation-card-text-eng {
  width: 438px;
  height: 36px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #F7F7F7;
  margin: 0;
  z-index: 3;
}

.preparation-card-2 .preparation-card-text {
  width: 410px;
}

.preparation-card-2 .preparation-card-text-eng {
  width: 490px;
}

/* Блок "Наука" */
.science {
  width: 100%;
  background: #171717;
  font-family: 'Montserrat', sans-serif;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
  min-height: 1016px;
}

.science-container {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  height: 1016px;
}

/* Фоновая картинка для всего блока */
.science-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
}

.science-bg-pattern {
  position: absolute;
  width: 100vw;
  height: 2024.57px;
  left: -480.6px;
  top: calc(50% - 2024.57px/2 - 131.31px);
  mix-blend-mode: screen;
  opacity: 0.3;
  object-fit: contain;
}

/* Декоративные звезды */
.science-stars {
  position: absolute;
  width: 238.94px;
  height: 383.18px;
  left: 130px;
  top: 293px;
  pointer-events: none;
}

.science-stars img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Заголовки и текст */
.science-caption {
  position: absolute;
  width: 40px;
  height: 12px;
  left: 60px;
  top: 103px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #F7F7F7;
  white-space: nowrap;
}

.science-title {
  position: absolute;
  width: 1105px;
  height: 54px;
  left: calc(50% - 799px/2 + 34.5px);
  top: 103px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

.science-description {
  position: absolute;
  width: 799px;
  height: 42px;
  left: calc(50% - 799px/2 + 34.5px);
  top: 177px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
  margin: 0;
}

/* Большая карточка */
.science-main-card {
  position: absolute;
  width: 1105px;
  height: 318px;
  left: 435px;
  top: 259px;
  border-radius: 20px;
  overflow: hidden;
  background: #171717;
}

.science-main-card-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.science-main-image {
  position: absolute;
  width: 1106px;
  height: 830px;
  left: -1px;
  top: -259px;
  object-fit: contain;
}

.science-main-card-effect {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.science-effect-image {
  position: absolute;
  width: 1128.88px;
  height: 1128.88px;
  left: -294.27px;
  top: calc(50% - 1128.88px/2 - 200.15px);
  mix-blend-mode: screen;
  opacity: 0.3;
  transform: rotate(59.3deg);
  object-fit: contain;
}

/* Контейнер для маленьких карточек */
.science-cards-container {
  position: absolute;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  padding: 0px;
  gap: 20px;
  width: 730px;
  height: 316px;
  left: 435px;
  top: 597px;
}

/* Общие стили для маленьких карточек */
.science-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  gap: 10px;
  width: 355px;
  height: 148px;
  background: #FFFFFF;
  border-radius: 20px;
}

.science-card-number {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 95%;
  letter-spacing: -0.05em;
  color: #2C2C2C;
  margin: 0;
}

.science-card-text {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #888888;
  margin: 0;
}

/* Специфические стили для каждой карточки */
.science-card:nth-child(1) .science-card-number {
  width: 45px;
  height: 62px;
}

.science-card:nth-child(1) .science-card-text {
  width: 280px;
  height: 36px;
}

.science-card:nth-child(2) .science-card-number {
  width: 315px;
  height: 62px;
}

.science-card:nth-child(2) .science-card-text {
  width: 315px;
  height: 18px;
}

.science-card:nth-child(3) .science-card-number {
  width: 39px;
  height: 62px;
}

.science-card:nth-child(3) .science-card-text {
  width: 170px;
  height: 36px;
}

.science-card:nth-child(4) .science-card-number {
  width: 45px;
  height: 62px;
}

.science-card:nth-child(4) .science-card-text {
  width: 240px;
  height: 36px;
}

/* Блок "Кампус" - ИСПРАВЛЕННЫЙ */
.campus {
  width: 100%;
  background: #1BA1DD;
  font-family: 'Montserrat', sans-serif;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
  min-height: 1370px;
}

.campus-container {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  height: 1370px;
}

/* Декоративная графика */
.campus-decoration {
  position: absolute;
  width: 683.92px;
  height: 490.88px;
  left: -256px;
  top: 866px;
  pointer-events: none;
}

.campus-decoration img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Заголовки и текст */
.campus-caption {
  position: absolute;
  width: 49px;
  height: 12px;
  left: 60px;
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #F7F7F7;
  white-space: nowrap;
}

.campus-title {
  position: absolute;
  max-width: 1205px;
  height: 108px;
  left: 435px;
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

.campus-description {
  position: absolute;
  width: 799px;
  height: 42px;
  left: 435px;
  top: 128px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
  margin: 0;
}

/* Большая карточка с изображением */
.campus-main-card {
  position: absolute;
  width: 1105px;
  height: 318px;
  left: 435px;
  top: 190px;
  border-radius: 20px;
  overflow: hidden;
}

.campus-main-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ОСНОВНОЙ КОНТЕЙНЕР ДЛЯ КАРТОЧЕК - ИСПРАВЛЕНО */
.campus-cards-container {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 1105px;
  height: 352px;
  left: 435px;
  top: 528px;
}

/* Ряды карточек */
.campus-cards-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 1105px;
  height: 166px;
}

/* Общие стили для карточек */
.campus-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  gap: 10px;
  width: 355px;
  height: 166px;
  background: #F7F7F7;
  border-radius: 20px;
  flex: none;
  box-sizing: border-box;
}

.campus-card-number {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #2C2C2C;
  margin: 0;
}

.campus-card-text {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #888888;
  margin: 0;
}

/* Обновленный блок общежитий */
.campus-dorm-section {
  position: absolute;
  display: flex;
  gap: 20px;
  width: 1105px;
  left: 435px;
  top: 1026px;
}

/* Левая колонка с карточками */
.campus-dorm-left {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 543px;
}

/* Общие стили для карточек общежитий */
.campus-dorm-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  gap: 10px;
  width: 543px;
  height: 166px;
  background: #F7F7F7;
  border-radius: 20px;
  box-sizing: border-box;
}

/* Верхняя карточка */
.campus-dorm-card-top {
  /* Стили уже заданы в .campus-dorm-card */
}

/* Нижняя карточка */
.campus-dorm-card-bottom {
  /* Стили уже заданы в .campus-dorm-card */
}

/* Числа в карточках общежитий */
.campus-dorm-number {
  width: 100%;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #2C2C2C;
  margin: 0;
}

.campus-dorm-number-eng {
  width: 100%;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #2C2C2C;
  margin: 0;
}


/* Текст в карточках общежитий */
.campus-dorm-text {
  width: 100%;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #888888;
  margin: 0;
}

/* Специфические ширины для чисел */
.campus-dorm-card-top .campus-dorm-number {
  width: 129px;
  height: 54px;
}

.campus-dorm-card-bottom .campus-dorm-number {
  width: 350px;
  height: 54px;
}

.campus-dorm-card-bottom .campus-dorm-number-eng {
  width: 390px;
  height: 54px;
}

/* Правая колонка с картинкой */
.campus-dorm-right {
  width: 542px;
  height: 352px;
}

.campus-dorm-image-card {
  box-sizing: border-box;
  width: 542px;
  height: 352px;
  background: url(../img/dormitory_image.png);
  border-radius: 26.94px;
  overflow: hidden;
}

.campus-dorm-image-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 26.94px;
}

/* Обновляем позицию заголовка "Общежития" */
.campus-dorm-title {
  position: absolute;
  width: 1105px;
  height: 54px;
  left: 435px;
  top: 950px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}

/* Блок: Уникальные локации кампуса */
.unique-locations {
  width: 100%;
  height: 1400px;
  background: #1BA1DD;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  overflow: hidden;
  flex: none;
  order: 5;
  align-self: stretch;
  flex-grow: 0;
}

.locations-container {
  width: 1600px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

/* Фоновая картинка Group */
.locations-bg {
  position: absolute;
  top: -700px;
  pointer-events: none;
  z-index: 1;
}

.locations-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Заголовок */
.locations-title {
  position: absolute;
  width: 852px;
  height: 54px;
  left: calc(50% - 852px/2);
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  text-align: center;
  margin: 0;
  z-index: 2;
}

/* Общие стили для карточек */
.location-card {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
  gap: 12px;
  isolation: isolate;
  background: #F7F7F7;
  border-radius: 20px;
  overflow: hidden;
  z-index: 3;
}

.loc-card-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

.loc-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.loc-card-overlay {
  position: absolute;
  width: 100%;
  height: 140px;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  z-index: 1;
}

.loc-card-content {
  position: relative;
  z-index: 2;
}

.loc-card-title {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin: 0 0 8px 0;
}

.location-card .loc-card-description {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #F7F7F7;
  margin: 0;
}

/* Позиционирование карточек */

/* Карточка 1: Музей авиации и космонавтики */
.loc-card-1 {
  width: 543px;
  height: 360px;
  left: 60px;
  top: 140px;
}

.loc-card-1 .loc-card-title {
  width: 503px;
  height: 29px;
}

.loc-card-1 .loc-card-description {
  width: 503px;
  height: 36px;
}

/* Карточка 2: Ботанический сад */
.loc-card-2 {
  width: 542px;
  height: 360px;
  left: 623px;
  top: 140px;
}

.loc-card-2 .loc-card-title {
  width: 502px;
  height: 29px;
}

.loc-card-2 .loc-card-description {
  width: 398px;
  height: 36px;
}

/* Карточка 3: Центр истории авиационных двигателей */
.loc-card-3 {
  width: 551px;
  height: 360px;
  left: 415px;
  top: 520px;
}

.loc-card-3 .loc-card-title {
  width: 511px;
  height: 58px;
}

.loc-card-3 .loc-card-description {
  width: 379px;
  height: 36px;
}

/* Карточка 4: Стартап-центр */
.loc-card-4 {
  width: 551px;
  height: 360px;
  left: 986px;
  top: 520px;
}

.loc-card-4 .loc-card-title {
  width: 511px;
  height: 29px;
}

.loc-card-4 .loc-card-description {
  width: 319px;
  height: 36px;
}

/* Карточка 5: Умный дом бабочек */
.loc-card-5 {
  width: 543px;
  height: 360px;
  left: 248px;
  top: 900px;
}

.loc-card-5 .loc-card-title {
  width: 503px;
  height: 29px;
}

.loc-card-5 .loc-card-description {
  width: 348px;
  height: 36px;
}

/* Карточка 6: Учебный аэродром */
.loc-card-6 {
  width: 542px;
  height: 360px;
  left: 811px;
  top: 900px;
}

.loc-card-6 .loc-card-title {
  width: 502px;
  height: 29px;
}

.loc-card-6 .loc-card-description {
  width: 243px;
  height: 36px;
}

/* Блок: Карьера выпускников */
.career {
  width: 100%;
  height: 1800px;
  background: #171717;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  overflow: hidden;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  z-index: 5;
}

.career-container {
  width: 1600px;
  margin: 150px auto;
  position: relative;
  padding: 80px 20px; /* Добавляем отступы по краям */
  box-sizing: border-box;
}

/* Фоновая графика Group */
.career-bg {
  position: absolute;
  z-index: 1;
}

.career-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Звездочки слева */
.career-stars {
  position: absolute;
  width: 147.39px;
  height: 186.09px;
  left: 273px;
  top: 545px;
  pointer-events: none;
  z-index: 2;
}

.career-stars img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Заголовки */
.career-caption {
  position: absolute;
  width: 168px;
  height: 12px;
  left: 60px;
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #888888;
  white-space: nowrap;
  z-index: 3;
}

.career-title {
  position: absolute;
  width: 1105px;
  height: 162px;
  left: calc(50% - 1105px/2 + 187.5px);
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
  z-index: 3;
}

.career-description {
  position: absolute;
  width: 593px;
  height: 42px;
  left: calc(50% - 593px/2 - 68.5px);
  top: 182px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
  margin: 0;
  z-index: 3;
}

/* Общие стили для карточек */
.career-card {
  background: #FFFFFF;
  border-radius: 20px;
  overflow: hidden;
  z-index: 3;
  box-sizing: border-box;
}

/* Первая строка: Большая карточка с партнерами */
.career-main-card {
  position: absolute;
  width: 1105px;
  height: 330px;
  left: 435px;
  top: 256px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 30px; /* Увеличиваем отступы */
  gap: 40px;
}

.partners-content {
  width: 335px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.partners-title {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #2C2C2C;
  margin: 0;
}

.partners-description {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #888888;
  margin: 0;
}

.partners-logos {
  flex: 1;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.partners-logos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Вторая строка: Две карточки с мероприятиями */
.career-row {
  position: absolute;
  width: 1105px;
  left: 435px;
  top: 606px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.career-event-card {
  width: 542px; /* Фиксированная ширина для предотвращения наезжания */
  height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 30px; /* Увеличиваем отступы */
  gap: 12px;
  background: #F7F7F7;
  position: relative;
}

.card-left {
  margin-right: 0;
}

.card-right {
  margin-left: 0;
}

.career-event-card .card-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

.career-event-card .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.career-event-card .card-overlay {
  position: absolute;
  width: 100%;
  height: 171px;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  z-index: 1;
}

.career-event-card .card-content {
  position: relative;
  z-index: 2;
  width: 100%;
}

.career-event-card .card-title {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin: 0 0 12px 0;
}

.career-event-card .card-description {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #F7F7F7;
  margin: 0;
}

/* Третья строка: Карточка с сервисами */
.career-services-card {
  position: absolute;
  width: 1105px;
  height: 295px;
  left: 435px;
  top: 986px;
  background: #222222;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px; /* Увеличиваем отступы */
  gap: 20px;
}

.services-title {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
  text-align: left; /* Выравнивание по левому краю */
  width: 100%;
}

.services-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
}

.service-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
  background: rgba(136, 136, 136, 0.1);
  border-radius: 12px;
  min-height: 58px;
  box-sizing: border-box;
}

.service-item:nth-child(1) {
  width: 644px;
}

.service-item:nth-child(2) {
  width: 461px;
}

.service-item:nth-child(3) {
  width: 477px;
}

.service-text {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}

/* Статистика внизу */
.career-stats {
  position: absolute;
  width: 1105px;
  left: 435px;
  top: 1321px;
  display: flex;
  justify-content: space-between;
  z-index: 3;
}

.stat-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  gap: 15px;
  width: 355px;
  height: 122px;
}

.stat-number {
  width: 167px;
  height: 71px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 80px;
  line-height: 89%;
  letter-spacing: -0.04em;
  color: #FFFFFF;
  margin: 0;
}

.stat-text {
  width: 355px;
  height: 36px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #888888;
  margin: 0;
}

/* Блок: Международное сотрудничество */
.international {
  width: 100%;
  height: 1200px;
  background: #171717;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  overflow: hidden;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  z-index: 4;
}

.international-container {
  width: 1600px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

/* Заголовки */
.international-caption {
  position: absolute;
  width: 222px;
  height: 12px;
  left: 60px;
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #F7F7F7;
  white-space: nowrap;
  z-index: 2;
}

.international-title {
  position: absolute;
  width: 918px;
  height: 108px;
  left: calc(50% - 918px/2 + 94px);
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
  z-index: 2;
}

.international-description {
  position: absolute;
  width: 730px;
  height: 42px;
  left: calc(50% - 730px/2);
  top: 128px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #F7F7F7;
  margin: 0;
  z-index: 2;
}

/* Подзаголовки */
.universities-subtitle {
  position: absolute;
  width: 175px;
  height: 29px;
  left: calc(50% - 175px/2 - 652.5px);
  top: 210px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #F7F7F7;
  margin: 0;
  z-index: 2;
}

.associations-subtitle {
  position: absolute;
  width: 152px;
  height: 29px;
  left: calc(50% - 152px/2 - 664px);
  top: 710px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #F7F7F7;
  margin: 0;
  z-index: 2;
}

/* Строки карточек */
.cards-row {
  position: absolute;
  width: 1105px;
  left: 435px;
  display: flex;
  gap: 20px;
  z-index: 2;
}

/* Первая строка университетов */
.cards-row:nth-of-type(1) {
  top: 210px;
}

/* Вторая строка университетов */
.cards-row:nth-of-type(2) {
  top: 430px;
}

/* Строка ассоциаций */
.cards-row:nth-of-type(3) {
  top: 710px;
}

/* Общие стили для карточек */
.international-card {
  width: 355px;
  height: 200px;
  background: #222222;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  gap: 10px;
  box-sizing: border-box;
}

.card-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.international-card .card-title {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #F7F7F7;
  margin: 0;
  width: 315px;
}

/* Специфические стили для высоты текста в карточках */
.international-card:nth-child(1) .card-title,
.international-card:nth-child(4) .card-title {
  height: 36px;
}

.international-card:nth-child(2) .card-title,
.international-card:nth-child(3) .card-title,
.international-card:nth-child(5) .card-title,
.international-card:nth-child(6) .card-title,
.international-card:nth-child(7) .card-title,
.international-card:nth-child(8) .card-title {
  height: 54px;
}

.card-logo {
  display: flex;
  justify-content: left;
  align-items: left;
  width: 100%;
  margin-top: auto;
}

.card-logo img {
  max-width: 100%;
  max-height: 64px;
  object-fit: contain;
}

/* Специфические стили для логотипов */
.international-card:nth-child(1) .card-logo img {
  width: auto;
  height: 42px;
}

.international-card:nth-child(2) .card-logo img {
  width: auto;
  height: 42px;
}

.international-card:nth-child(3) .card-logo img {
  width: 152px;
  height: 42px;
}

.international-card:nth-child(4) .card-logo img {
  width: 188px;
  height: 42px;
}

.international-card:nth-child(5) .card-logo img {
  width: 43px;
  height: 42px;
}

.international-card:nth-child(6) .card-logo img {
  width: 68px;
  height: 64px;
}

.international-card:nth-child(7) .card-logo img {
  width: 150px;
  height: 64px;
}

.international-card:nth-child(8) .card-logo img {
  width: 126.5px;
  height: 46px;
}

/* Блок: Поддержка иностранных студентов */
.international-support {
  width: 100%;
  height: 1240px;
  background: #171717;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  overflow: hidden;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
  margin-top: 100px;
  z-index: 3;
}

.support-container {
  width: 1600px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

/* Фоновая графика */
.support-bg {
  position: absolute;
  width: 1614px;
  height: 629.73px;
  left: -27px;
  top: 188.27px;
  pointer-events: none;
  z-index: 1;
}

.support-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Заголовки */
.support-caption {
  position: absolute;
  width: 168px;
  height: 24px;
  left: 60px;
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #F7F7F7;
  white-space: nowrap;
  z-index: 2;
}

.support-title {
  position: absolute;
  width: 977px;
  height: 162px;
  left: calc(50% - 977px/2 + 123.5px);
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
  z-index: 2;
}

.support-description {
  position: absolute;
  width: 730px;
  height: 63px;
  left: calc(50% - 730px/2);
  top: 182px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
  margin: 0;
  z-index: 2;
}

/* Две основные карточки */
.support-main-cards {
  position: absolute;
  width: 1480px;
  height: 117px;
  left: 60px;
  top: 751px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}

.support-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
  gap: 12px;
  height: 117px;
  border-radius: 20px;
  flex: 1;
  box-sizing: border-box;
}

.primary-card {
  background: #1BA1DD;
}

.secondary-card {
  background: #F7F7F7;
}

.support-card .card-title {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  margin: 0;
  width: 700px;
  height: 29px;
}

.primary-card .card-title {
  color: #FFFFFF;
}

.secondary-card .card-title {
  color: #2C2C2C;
}

.support-card .card-description {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  margin: 0;
}

.primary-card .card-description {
  color: #F7F7F7;
  width: 338px;
  height: 36px;
}

.secondary-card .card-description {
  color: #888888;
  width: 365px;
  height: 36px;
}

/* Строки карточек с цифрами */
.support-cards-row {
  position: absolute;
  width: 1105px;
  left: 247px;
  display: flex;
  gap: 20px;
  z-index: 2;
}

.row-1 {
  top: 888px;
}

.row-2 {
  top: 1074px;
  justify-content: center;
}

/* Карточки с цифрами */
.support-number-card {
  width: 355px;
  height: 166px;
  background: rgba(136, 136, 136, 0.1);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  gap: 10px;
  box-sizing: border-box;
}

.card-number {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

.card-text {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

/* Специфические стили для размеров текста и чисел */
.support-number-card:nth-child(1) .card-number {
  width: 56px;
  height: 54px;
}

.support-number-card:nth-child(1) .card-text {
  width: 315px;
  height: 54px;
}

.support-number-card:nth-child(2) .card-number,
.support-number-card:nth-child(3) .card-number,
.support-number-card:nth-child(5) .card-number {
  width: 67px;
  height: 54px;
}

.support-number-card:nth-child(2) .card-text,
.support-number-card:nth-child(4) .card-text,
.support-number-card:nth-child(5) .card-text {
  width: 315px;
  height: 36px;
}

.support-number-card:nth-child(3) .card-text {
  width: 315px;
  height: 18px;
}

.support-number-card:nth-child(4) .card-number {
  width: 72px;
  height: 54px;
}

/* Блок: Грант на бесплатное обучение */
.grant {
  width: 100%;
  height: 600px;
  background: #171717;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  overflow: hidden;
  margin-top: 200px;
  flex: none;
  order: 3;
  align-self: stretch;
  flex-grow: 0;
  z-index: 2;
}

.grant-container {
  width: 1600px;
  height: 412px;
  margin: 0 auto;
  position: relative;
}

/* SVG иконка слева */
.grant-svg {
  position: absolute;
  width: 109px;
  height: 69px;
  left: calc(50% - 109px/2 - 685.5px);
  top: 0px;
}

.grant-svg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Заголовок */
.grant-title {
  position: absolute;
  width: 866px;
  height: 54px;
  left: calc(50% - 866px/2 + 68px);
  top: 8px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

/* Подзаголовок */
.grant-subtitle {
  position: absolute;
  width: 543px;
  height: 58px;
  right: 622px;
  top: 82px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin: 0;
}

/* Подзаголовок */
.grant-subtitle-eng {
  position: absolute;
  width: 900px;
  height: 58px;
  right: 268px;
  top: 82px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin: 0;
}

/* Блок с иконками и надписью */
.direction-header {
  position: absolute;
  width: 700px;
  height: 36px;
  left: 435px;
  top: 172px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 10.17px;
}

/* Кружки с иконками */
.icon-circle {
  width: 36px;
  height: 36px;
  border-radius: 10.169px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
}

.icon-circle.blue {
  background: linear-gradient(180deg, #00A4E5 0%, #0092CC 118.33%);
}

.icon-circle.orange {
  background: linear-gradient(180deg, #FFA91F 0%, #E6981C 118.33%);
}

.icon-circle.blue img {
  width: 24px;
  height: 22px;
  position: absolute;
  left: calc(50% - 24px/2);
  top: calc(50% - 22px/2);
}

.icon-circle.orange img {
  width: 19px;
  height: 19px;
  position: absolute;
  left: calc(50% - 19px/2 - 0.67px);
  top: calc(50% - 19px/2 - 0.5px);
}

/* Надпись "Направления подготовки" */
.direction-title {
  width: 500px;
  height: 29px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #FFFFFF;
}

/* Список направлений */
.directions-list {
  position: absolute;
  width: 1105px;
  height: 108px;
  left: 435px;
  top: 224px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  padding: 0px;
  gap: 8px 24px;
}

.direction-item {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: rgba(255, 255, 255, 0.6);
  height: 21px;
  display: block;
}

/* Специфические ширины для каждого элемента */
.direction-item:nth-child(1) { width: 236px; }
.direction-item:nth-child(2) { width: 244px; }
.direction-item:nth-child(3) { min-width: 300px; }
.direction-item:nth-child(4) { min-width: 400px; }
.direction-item:nth-child(5) { width: 234px; }
.direction-item:nth-child(6) { width: 232px; }
.direction-item:nth-child(7) { min-width: 300px; }
.direction-item:nth-child(8) { width: 191px; }
.direction-item:nth-child(9) { width: 234px; }
.direction-item:nth-child(10) { width: 337px; }

/* Кнопка */
.grant-button {
  position: absolute;
  width: 355px;
  height: 48px;
  right: 810px;
  top: 364px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  gap: 8px;
  background: #FFFFFF;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.grant-button:hover {
  background: #F7F7F7;
  transform: translateY(-1px);
}

.button-text {
  width: 130px;
  height: 14px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #2C2C2C;
}

/* Блок: Международные проекты для абитуриентов */
.international-projects {
  width: 100%;
  height: 499px;
  background: transparent;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  overflow: hidden;
  flex: none;
  order: 4;
  align-self: stretch;
  flex-grow: 0;
  z-index: 1;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.projects-container {
  width: 1480px;
  height: 498px;
  background: #1BA1DD;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px;
  gap: 16px;
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

/* Фоновая графика */
.projects-bg {
  position: absolute;
  width: 1100.09px;
  height: 861.55px;
  left: 518px;
  top: -2px;
  z-index: 0;
}

.bg-pattern {
  position: absolute;
  width: 950px;
  height: 433.13px;
  left: calc(50% - 970.43px/2 + 263.21px);
  opacity: 0.5;
  background-size: contain;
}

.main-image {
  position: absolute;
  width: 965px;
  height: 500px;
}

.main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0px;
}

.bg-gradient {
  position: absolute;
  width: 228.61px;
  height: 251.38px;
  right: 732.77px;
  bottom: -21.05px;
  background: linear-gradient(270deg, rgba(27, 161, 221, 0) 0%, #1BA1DD 37.98%);
  transform: rotate(-11.09deg);
}

/* Контент с заголовком и проектами */
.projects-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 525px;
  height: 458px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  z-index: 1;
}

.projects-title {
  width: 525px;
  height: 162px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

.projects-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 588px;
  height: 260px;
}

.project-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 12px 20px;
  gap: 20px;
  background: #FFFFFF;
  border-radius: 12px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #2C2C2C;
  box-sizing: border-box;
}

/* Специфические размеры для каждого проекта */
.project-item:nth-child(1) {
  width: 401px;
  height: 42px;
}

.project-item:nth-child(2) {
  width: 425px;
  height: 42px;
}

.project-item:nth-child(3) {
  width: 350px;
  height: 42px;
}

.project-item:nth-child(4) {
  width: 467px;
  height: 60px;
}

.project-item:nth-child(5) {
  width: 588px;
  height: 42px;
}

/* Блок: Службы поддержки иностранных студентов - ИСПРАВЛЕННЫЙ */
.support-services {
  width: 100%;
  min-height: 1000px;
  background: #171717;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  overflow: hidden;
  flex: none;
  order: 5;
  align-self: stretch;
  flex-grow: 0;
  z-index: 0;
  margin-top: 200px;
}

.support-services-container {
  width: 1600px;
  height: 717px;
  margin: 0 auto;
  position: relative;
}

/* Фоновая графика */
.support-services-bg {
  position: absolute;
  width: 2600px;
  height: 957.23px;
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
}

.support-services-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Декоративные звездочки слева */
.support-services-stars {
  position: absolute;
  width: 120px;
  height: 73.43px;
  left: 108px;
  top: 117px;
  pointer-events: none;
  z-index: 2;
}

.support-services-stars img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Заголовки */
.support-services-caption {
  position: absolute;
  width: 168px;
  height: 24px;
  left: 60px;
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #F7F7F7;
  white-space: nowrap;
  z-index: 3;
}

.support-services-title {
  position: absolute;
  width: 1105px;
  height: 162px;
  left: calc(50% - 1105px/2 + 187.5px);
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
  z-index: 3;
}

/* Строки карточек */
.support-services-cards-row-1 {
  position: absolute;
  display: flex;
  gap: 20px;
  left: 435px;
  top: 202px;
  width: 1106px;
  z-index: 3;
}

.support-services-cards-row-2 {
  position: absolute;
  left: 435px;
  top: 582px;
  width: 1105px;
  z-index: 3;
}

/* Общие стили для карточек */
.support-services-card {
  background: #222222;
  border-radius: 20px;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  isolation: isolate;
}

.support-services-cards-row-1 .support-services-card {
  width: 543px;
  height: 360px;
}

.support-services-cards-row-2 .support-services-card {
  width: 1105px;
  height: 160px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

/* Контент карточек */
.card-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.support-services-cards-row-2 .card-content {
  width: 870px;
  flex: 1;
}

.card-title {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin: 0;
}

.support-services-cards-row-1 .card-description {
  width: 380px;
}

.card-description {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #F7F7F7;
}

/* Контактная информация */
.contact-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.contact-item i {
  width: 24px;
  height: 24px;
  color: #F7F7F7;
}

.contact-item span {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #F7F7F7;
}

/* Специальные стили для третьей карточки как в Figma */
.card-3 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  gap: 10px;
  width: 1105px;
  height: 160px;
  background: #222222;
  border-radius: 20px;
}

.card-content-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}

.card-text-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 870px;
  height: 95px;
  flex: none;
  order: 0;
  flex-grow: 1;
  margin-top: -20px;
}

.card-3 .card-title {
  width: 870px;
  height: 29px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin: 0;
}

.card-3 .card-description {
  width: 870px;
  height: 50px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #F7F7F7;
  margin: 0;
}

.card-contact-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 195px;
  height: 64px;
  flex: none;
  order: 1;
  flex-grow: 0;
}

.contact-info-horizontal {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.card-3 .contact-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: 100%;
}

.card-3 .contact-item:first-child {
  width: 132px;
  height: 24px;
}

.card-3 .contact-item:last-child {
  width: 195px;
  height: 24px;
}

.card-3 .contact-item span {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #F7F7F7;
}

.card-3 .contact-item i {
  width: 24px;
  height: 24px;
  color: #F7F7F7;
}
/* Декоративный элемент Group для первой карточки */
.card-decorative-group {
  position: absolute;
  width: 217.17px;
  height: 305px;
  left: 325px;
  bottom: -28px;
  opacity: 0.2;
  z-index: 2;
  pointer-events: none;
}

.card-decorative-group img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* Блок: Студенческая жизнь */
.student-life {
  width: 100%;
  height: 1300px;
  background: #1BA1DD; /* Голубой фон на весь экран */
  font-family: 'Montserrat', sans-serif;
  position: relative;
  overflow: hidden;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.student-life-container {
  width: 1600px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  margin: 150px auto;
}

/* Фоновая графика */
.student-life-bg {
  position: absolute;
  width: 1652.86px;
  height: auto;
  top: 100px;
  pointer-events: none;
}

.student-life-bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Заголовок */
.student-life-main-title {
  position: absolute;
  width: 1105px;
  height: 108px;
  left: calc(50% - 1105px/2 + 0.5px);
  top: 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

/* Подзаголовки */
.student-life-subtitle-1 {
  position: absolute;
  width: 513px;
  height: 49px;
  left: calc(50% - 513px/2 - 3.5px);
  top: 168px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 135%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

.student-life-subtitle-2 {
  position: absolute;
  width: 429px;
  height: 49px;
  left: calc(50% - 429px/2 + 37.5px);
  top: 479px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 135%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

.student-life-subtitle-3 {
  position: absolute;
  width: 603px;
  height: 49px;
  left: calc(50% - 603px/2 + 0.5px);
  top: 698px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 135%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

/* Карточки - общие стили */
.student-life-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
  gap: 20px;
  background: #32AAE0;
  border-radius: 20px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  box-sizing: border-box;
}

/* Размеры карточек */
.student-life-card-wide {
  width: 522px;
  height: 94px;
}

.student-life-card-narrow {
  width: 402px;
  height: 76px;
}

.student-life-card-medium {
  width: 542px;
  height: 94px;
}

.student-life-card-small {
  min-width: 161px;
  height: 58px;
  justify-content: center;
  align-items: center;
}

.student-life-card-medium-wide {
  width: 247px;
  height: 58px;
  justify-content: center;
  align-items: center;
}

.student-life-card-wide-2 {
  width: 336px;
  height: 58px;
  justify-content: center;
  align-items: center;
}

.student-life-card-extra-wide {
  width: 444px;
  height: 76px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* Расположение карточек - Студенческие организации (вертикально) */
.student-life-cards-row-1 {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: calc(50% - 522px/2);
  top: 233px;
  width: 522px;
}

/* Поддержка и развитие */
.student-life-cards-row-2 {
  position: absolute;
  left: calc(50% - 542px/2 + 94px);
  top: 544px;
}

/* Масштабные проекты студентов - сетка 2-2-1 */
.student-life-cards-row-3 {
  position: absolute;
  width: 604px;
  left: calc(50% - 604px/2);
  top: 779px;
}

.student-life-projects-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  width: 100%;
}

/* Первая строка: 2 карточки */
.student-life-projects-grid .student-life-card:nth-child(1),
.student-life-projects-grid .student-life-card:nth-child(2) {
  margin-bottom: 16px;
}

/* Вторая строка: 2 карточки */
.student-life-projects-grid .student-life-card:nth-child(3),
.student-life-projects-grid .student-life-card:nth-child(4) {
  margin-bottom: 16px;
}

/* Третья строка: 1 карточка */
.student-life-projects-grid .student-life-card:nth-child(5) {
  /* Карточка уже центрирована по умолчанию */
}

/* Левая группа изображений (единая картинка) */
.student-life-images-left {
  position: absolute;
  width: 460.61px;
  height: 821.82px;
  left: 60px;
  top: 156px;
}

.student-life-images-left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Правая группа изображений (единая картинка) */
.student-life-images-right {
  position: absolute;
  width: 401.93px;
  height: 806.37px;
  left: 1153.29px;
  top: 158.42px;
}

.student-life-images-right img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
    /* Блок: Самара */
.city {
  width: 100%;
  height: 4519px;
  background: #1FA0DA;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  overflow: hidden;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.city-container {
  width: 1600px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

/* Верхний баннер */
.city-banner {
  position: absolute;
  width: 1600px;
  height: 869px;
  left: 0;
  top: 0;
  overflow: hidden;
}

.city-banner-image {
  position: absolute;
  width: 1600px;
  height: auto;
  left: 0;
}

.city-banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.city-banner-text {
  position: absolute;
  width: 1105px;
  height: 29px;
  left: calc(50% - 1105px/2 + 0.5px);
  top: 125px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin: 0;
}

/* Основной текст */
.city-main-text {
  position: absolute;
  width: 1377px;
  height: 108px;
  left: calc(50% - 1377px/2 + 0.5px);
  top: 1139px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}

/* Карта */
.city-map {
  position: absolute;
  width: 1105px;
  height: 467px;
  left: calc(50% - 1105px/2 + 0.5px);
  top: 1290px;
  border-radius: 20px;
  overflow: hidden;
}

.city-map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Блок с цифрами */
.city-stats {
  position: absolute;
  width: 1480px;
  height: 187px;
  left: 60px;
  top: 657px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.city-stat-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  flex: 1;
}

.city-stat-number {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 120px;
  line-height: 95%;
  letter-spacing: -0.05em;
  color: #FFFFFF;
  text-align: center;
}

.city-stat-label {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #F7F7F7;
}

/* Блок истории */
.city-history-section {
  position: absolute;
  width: 1600px;
  height: 360px;
  left: 0;
  top: 1917px;
  display: flex;
  align-items: center;
}

.city-history-image {
  width: 730px;
  height: 360px;
  margin-left: 60px;
  border-radius: 20px;
  overflow: hidden;
}

.city-history-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.city-history-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.city-history-years {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 700;
  font-size: 246.75px;
  line-height: 95%;
  text-align: right;
  letter-spacing: -0.05em;
  color: #2C2C2C;
}

.city-history-text {
  width: 730px;
  height: 120px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 95%;
  letter-spacing: -0.05em;
  color: #FFFFFF;
  margin: 0;
  text-align: right;
}

/* Блок космоса */
.city-space-section {
  position: absolute;
  width: 1600px;
  height: 360px;
  left: 0;
  top: 2435px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.city-space-content {
  flex: 1;
  padding-left: 60px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
}

.city-space-title {
  min-width: 90px;
  height: 173px;

  font-family: 'Bebas Neue', sans-serif;
  font-weight: 700;
  font-size: 246.75px;
  line-height: 1;
  text-align: left;
  letter-spacing: -0.02em;
  color: #2C2C2C;
}

.city-space-text {
  width: 610px;
  height: 160px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 95%;
  text-align: right;
  letter-spacing: -0.05em;
  color: #FFFFFF;
  margin: 0;
}

.city-space-image {
  width: 730px;
  height: 360px;
  margin-right: 60px;
  border-radius: 20px;
  overflow: hidden;
}

.city-space-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Контейнер всего блока */
.city-river-section {
  position: absolute;
  left: 0;
  top: 2953px;

  width: 1600px;
  display: flex;
  flex-direction: column; /* сначала строка сверху, потом текст снизу */
  gap: 20px;
}

/* Верхняя строка: картинка + заголовок */
.city-river-top {
  display: flex;
  align-items: center;
}

/* Картинка */
.city-river-image {
  width: 730px;
  height: 384px;
  margin-left: 30px;
  border-radius: 20px;
  overflow: hidden;
}

.city-river-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Заголовок справа от картинки */
.city-river-title {
  width: 700px;
  height: 375px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 700;
  font-size: 246.75px;
  line-height: 82%;
  letter-spacing: -0.02em;
  color: #2C2C2C;
  margin-left: 25px;
}

/* Текст под картинкой */
.city-river-text {
  margin-left: 60px;
  width: 730px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 42px;
  line-height: 95%;
  letter-spacing: -0.05em;
  color: #FFFFFF;
}

/* Блок карусели */
.city-carousel-section {
  position: absolute;
  width: 1600px;
  height: 600px;
  left: 0;
  top: 3594px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;

}

.city-carousel-title {
  width: 120vw;
  height: 173px;
  font-family: 'Bebas Neue', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 200px;
  line-height: 84%;
  letter-spacing: -0.02em;
  color: #2C2C2C;
  text-align: center;
}

.city-carousel {
  position: relative;
  width: 1106px;
  height: 384px;
}

.city-carousel-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}

.city-carousel-track {
  display: flex;
  width: 200%; /* 100% * количество слайдов (2 слайда = 200%) */
  height: 100%;
  transition: transform 0.5s ease-in-out;
}

.city-carousel-slide {
  flex: 0 0 50%; /* 100% / количество слайдов, отображаемых одновременно (2 слайда = 50%) */
  height: 100%;
  display: flex;
  gap: 20px; /* Расстояние между картинками */
  padding: 0 10px; /* Небольшие отступы по бокам */
  box-sizing: border-box;
}

.city-carousel-image {
  width: 543px;
  height: 384px;
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
}

.city-carousel-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.city-carousel-controls {
  position: absolute;
  top: 70%;
  left: 70px;
  right: 70px;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
  padding: 0 70px;
}

.city-carousel-btn {
  width: 32px;
  height: 32px;
  background: #FFFFFF;
  border: none;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: all;
  transition: all 0.3s ease;
}

.city-carousel-btn:hover {
  background: #F7F7F7;
  transform: scale(1.1);
}

.city-carousel-btn i {
  color: #1E1D1E;
  font-size: 16px;
}

.city-carousel-prev i {
  transform: rotate(180deg);
}

.city-carousel-next i {
  transform: rotate(-180deg);
}

.city-carousel-text {
  width: 1133px;
  height: 120px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 95%;
  text-align: center;
  letter-spacing: -0.05em;
  color: #FFFFFF;
  margin: 0;
}
    .contacts {
  width: 100%;
  height: 591px;
  background: #1BA1DD;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  overflow: hidden;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
}

.contacts-container {
  width: 1600px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

/* Общие стили для карточек */
.contact-card {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  gap: 20px;
  border-radius: 20px;
  isolation: isolate;
  box-sizing: border-box;
}

/* Темная карточка */
/* Обновленные стили для черной карточки */
.contact-card-dark {
  width: 730px;
  height: 240px;
  left: 248px;
  top: 10px;
  background: #2C2C2C;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  gap: 20px;
  isolation: isolate;
  position: absolute;
}

.contact-card-dark .contact-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 690px;
  height: 29px;
  margin: 0 auto;
  z-index: 0;
}

.contact-card-dark .contact-title {
  width: 690px;
  height: 29px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin: 0;
}

.contact-card-dark .contact-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 690px;
  height: 84px;
  margin: 0 auto;
  z-index: 1;
}

.contact-card-dark .contact-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: 168px;
  height: 24px;
}

.contact-card-dark .contact-item .contact-text {
  width: 136px;
  height: 18px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}

/* Новые стили для телефонов с увеличенным отступом */
.contact-phones {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 198px;
  height: 44px;
}

.phone-numbers {
  display: flex;
  flex-direction: column;
  gap: 8px; /* Увеличенный отступ между номерами */
}

.phone-number {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  height: 22px;
}

/* Логотип справа */
.contact-logo {
  position: absolute;
  width: 248.36px;
  height: 348.8px;
  left: 428px;
  top: -55px;
  opacity: 0.2;
  z-index: 2;
}

.contact-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Декоративные линии (альтернатива, если нужно оставить линии вместо лого) */
.contact-decoration {
  position: absolute;
  width: 248.36px;
  height: 348.8px;
  left: 428px;
  top: -64px;
  opacity: 0.2;
  z-index: 2;
  pointer-events: none;
}

.decoration-line {
  position: absolute;
  background: #FFFFFF;
}

.decoration-line:nth-child(1) {
  left: 58.63%;
  right: 24.36%;
  top: -26.67%;
  bottom: 26.02%;
  height: 1px;
}

.decoration-line:nth-child(2) {
  left: 66.05%;
  right: 14.78%;
  top: -4.31%;
  bottom: 3.76%;
  height: 1px;
}

.decoration-line:nth-child(3) {
  left: 75.64%;
  right: 7.35%;
  top: 17.98%;
  bottom: -18.66%;
  height: 1px;
}

/* Светлые карточки */
.contact-card-light {
  background: #F7F7F7;
}

.contact-card:nth-child(2) {
  width: 356px;
  height: 240px;
  left: 997px;
  top: 10px;
}

.contact-card:nth-child(3) {
  width: 542px;
  height: 240px;
  left: 248px;
  top: 270px;
}

.contact-card:nth-child(4) {
  width: 543px;
  height: 240px;
  left: 810px;
  top: 270px;
}

/* Заголовок карточки */
.contact-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  margin: 0 auto;
}

.contact-title {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  margin: 0;
  width: 100%;
}

.contact-card-dark .contact-title {
  color: #FFFFFF;
  height: 29px;
}

.contact-card-light .contact-title {
  color: #2C2C2C;
}

.contact-card:nth-child(2) .contact-title {
  height: 58px;
}

.contact-card:nth-child(3) .contact-title {
  height: 58px;
}

.contact-card:nth-child(4) .contact-title {
  height: 29px;
}

/* Контактная информация */
.contact-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  margin: 0 auto;
}

.contact-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: 100%;
}

.contact-item i {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.contact-card-dark .contact-item i {
  color: #FFFFFF;
}

.contact-card-light .contact-item i {
  color: #888888;
}

.contact-text {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.02em;
  margin: 0;
}

.contact-card-dark .contact-text {
  color: #FFFFFF;
  gap: 20px;
}

.contact-card-light .contact-text {
  color: #888888;
}

/* Специфические размеры для email */
.contact-card:nth-child(1) .contact-item:first-child {
  width: 168px;
  height: 24px;
}

.contact-card:nth-child(2) .contact-item:first-child {
  width: 132px;
  height: 24px;
}

.contact-card:nth-child(3) .contact-item:first-child {
  width: 241px;
  height: 24px;
}

.contact-card:nth-child(4) .contact-item:first-child {
  width: 206px;
  height: 24px;
}

/* Специфические размеры для телефона */
.contact-card:nth-child(1) .contact-item:last-child {
  width: 198px;
  height: 44px;
}

.contact-card:nth-child(2) .contact-item:last-child {
  width: 195px;
  height: 24px;
}

.contact-card:nth-child(3) .contact-item:last-child {
  width: 200px;
  height: 24px;
}

.contact-card:nth-child(4) .contact-item:last-child {
  width: 193px;
  height: 24px;
}

/* Декоративный элемент для первой карточки */
.contact-decoration {
  position: absolute;
  width: 248.36px;
  height: 348.8px;
  left: 428px;
  top: -64px;
  opacity: 0.2;
  z-index: 2;
  pointer-events: none;
}

.decoration-line {
  position: absolute;
  background: #FFFFFF;
}

.decoration-line:nth-child(1) {
  left: 58.63%;
  right: 24.36%;
  top: -26.67%;
  bottom: 26.02%;
  height: 1px;
}

.decoration-line:nth-child(2) {
  left: 66.05%;
  right: 14.78%;
  top: -4.31%;
  bottom: 3.76%;
  height: 1px;
}

.decoration-line:nth-child(3) {
  left: 75.64%;
  right: 7.35%;
  top: 17.98%;
  bottom: -18.66%;
  height: 1px;
}

/* Копирайт */
.contacts-copyright {
  position: absolute;
  width: 426px;
  height: 21px;
  left: calc(50% - 426px/2);
  top: 540px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
  opacity: 0.5;
  text-align: center;
}

  /* На десктопе мобильный блок не нужен */
  .student-life-mobile {
    display: none !important;
  }

  /* Скрываем мобильную версию на десктопе */
  .city-mobile-banner,
  .city-mobile-banner-ino,
  .city-mobile-decorative-text,
  .city-mobile-title,
  .city-mobile-stats,
  .city-mobile-description,
  .city-mobile-stat-item,
  .city-stat-number,
  .city-stat-label,
  .sleeps-image-mob,
  .mobile-header,
  .mobile-menu,
  .education-scheme-mob {
      display: none;
  }
/* Адаптивность для ноутбуков (1024px - 1439px) */
@media (max-width: 1439px) and (min-width: 1024px) {
  .page-frame {
    padding-top: 30px;
  }

      /* Скрываем мобильную версию на десктопе */
  .city-mobile-banner,
  .city-mobile-banner-ino,
  .city-mobile-decorative-text,
  .city-mobile-title,
  .city-mobile-stats,
  .city-mobile-description,
  .city-mobile-stat-item,
  .city-stat-number,
  .city-stat-label,
  .sleeps-image-mob,
  .mobile-header,
  .mobile-menu {
      display: none;
  }

  .canvas {
    width: 95%;
    max-width: 1200px;
  }

  header.topbar {
    flex-wrap: wrap;
    gap: 15px;
  }

  nav.main-nav {
    gap: 20px;
    order: 3;
    width: 100%;
    justify-content: center;
    margin-top: 15px;
  }

  nav.main-nav a {
    font-size: 16px;
    padding: 6px 3px;
  }

  .hero {
    width: 100%;
    left: 0;
    margin-top: 80px;
    height: auto;
    min-height: 800px;
  }

  .hero h1 {
    width: 100%;
    font-size: 70px;
    height: auto;
  }

  .hero h3 {
    width: 80%;
    font-size: 22px;
    height: auto;
  }

  .hero-bg {
    width: 100%;
    height: auto;
  }

  .rating {
    width: 95%;
    margin: 100px auto 0;
  }

  .rating-title {
    width: 100%;
  }

  .rating-container-rus {
    width: 60%;
  }

  .rating-container-rus-eng {
    width: 60%;
  }
  .rating-container-intl, .rating-container-intl-eng  {
    width: 35%;
  }

  .numbers {
    width: 95%;
    max-width: 1200px;
    height: auto;
    margin: 100px auto 0;
  }

  .numbers-caption {
    left: 5%;
  }

  .numbers-title {
    width: 70%;
    left: 5%;
    font-size: 42px;
  }

  .numbers-container {
    width: 90%;
    left: 5%;
    top: 120px;
    gap: 30px;
  }

  .numbers-row-1,
  .numbers-row-2,
  .numbers-row-3,
  .numbers-row-4,
  .numbers-row-5,
  .numbers-row-6 {
    gap: 80px;
    width: 100%;
  }

  .numbers-value-1,
  .numbers-value-2,
  .numbers-value-3,
  .numbers-value-4,
  .numbers-value-5,
  .numbers-value-6 {
    font-size: 55px;
    width: 40%;
  }

  .numbers-text-1,
  .numbers-text-2,
  .numbers-text-3,
  .numbers-text-4,
  .numbers-text-5,
  .numbers-text-6 {
    width: 50%;
    font-size: 16px;
  }

  .numbers-bg {
    width: 100%;
    height: auto;
  }

  .numbers-bg-mob {
    display: none;
  }

  .numbers-bg img {
    width: 100%;
    height: auto;
  }

  .education {
    width: 95%;
    margin: 100px auto 0;
  }

  .education-container {
    width: 95%;
  }

  .education-title {
    width: 60%;
  }

  .education-subtitle {
    width: 60%;
  }

  .education-buttons-container {
    gap: 12px;
  }

  .education-btn {
    flex: none;
    width: auto;
  }

  .education-card-1,
  .education-card-2,
  .education-card-3 {
    width: 100%;
  }

  .education-scheme {
    width: 80%;
    left: 10%;
  }

  education-scheme-mob {
    display: none;
  }

    education-scheme-mob img {
        display: none;
    }

  .education-programs-left {
    width: 40%;
  }

  .education-programs-left-mob {
    display: none;
  }

  .education-programs-right {
    width: 55%;
  }

    .preparation {
    width: 95%;
    margin: 100px auto 0;
    padding: 80px 0;
  }

  .preparation-container {
    width: 95%;
    max-width: 1200px;
    height: auto;
    min-height: 500px;
  }

  .preparation-caption {
    left: 5%;
  }

  .preparation-title, .preparation-title-french {
    width: 70%;
    left: 5%;
    font-size: 42px;
    text-align: left;
  }

  .preparation-bg {
    width: 100%;
    height: auto;
    left: 0;
  }

  .preparation-stars {
    width: 200px;
    height: auto;
    left: 5%;
  }

  .preparation-card {
    width: 45%;
    height: 320px;
  }

  .preparation-card-1 {
    left: 5%;
  }

  .preparation-card-2 {
    left: 50%;
  }

  .preparation-card-title {
    width: 90%;
    font-size: 20px;
  }

  .preparation-card-text {
    width: 90%;
    font-size: 13px;
  }

  .history {
    width: 95%;
    margin: 100px auto 0;
    padding: 80px 0;
    height: auto;
  }

  .history-container {
    width: 95%;
    max-width: 1200px;
    height: auto;
    min-height: 2500px;
  }

  .history-title {
    width: 80%;
    left: 10%;
    font-size: 42px;
    text-align: center;
  }

  .history-bg {
    display: none;
  }

  .timeline {
    display: none;
  }

  .history-img {
    position: static;
    width: 80%;
    height: 300px;
    margin: 20px auto;
    display: block;
  }

  .history-item {
    position: static;
    width: 80%;
    margin: 30px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
  }

  .history-year {
    font-size: 42px;
  }

  .history-text {
    font-size: 20px;
    line-height: 120%;
  }

  .contribution {
    width: 95%;
    margin: 100px auto 0;
    padding: 80px 0;
    height: auto;
  }

  .contribution-container {
    width: 95%;
    max-width: 1200px;
    height: auto;
  }

  .contribution-caption {
    left: 5%;
  }

  .contribution-title {
    width: 70%;
    left: 5%;
    font-size: 42px;
  }

  .contribution-description {
    width: 70%;
    left: 5%;
    font-size: 18px;
  }

  .contribution-filters {
    left: 5%;
    width: 90%;
    gap: 12px;
    flex-wrap: wrap;
  }

  .filter-btn {
    padding: 8px 12px;
    font-size: 13px;
  }

  .contribution-cards {
    left: 5%;
    width: 90%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
  }

  .person-card {
    width: calc(50% - 10px);
    min-width: 300px;
  }

  .person-image {
    width: 100%;
    height: 300px;
  }

  .person-info {
    width: 100%;
  }
}

/* Адаптивность для мобильных устройств (375px - 767px) */
@media (max-width: 767px) {
   /* Скрываем десктопный хедер на мобилках */
  header.topbar {
    display: none;
  }

  .international,
  .career {
    display: none;
  }
/* Показываем мобильный хедер */
  .mobile-header {
    display: flex;
    position: fixed;
    width: 100%;
    height: 70px;
    left: 0px;
    top: 0px;
    background: #171717;
    z-index: 1000;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
  }

  .mobile-header__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  /* Логотип в мобильном хедере */
  .mobile-header__logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 9.56px;
    width: 97px;
    height: 21.86px;
  }

  .mobile-header__logo img {
    width: 97px;
    height: 21.8px;
  }

  /* Иконки в мобильном хедере */
  .mobile-header__icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    width: 108px;
    height: 24px;
  }

  /* Стили для иконок соцсетей */
  .mobile-header__icon {
    width: 24px;
    height: 24px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
  }

  .mobile-header__icon img {
    width: 18px;
    height: 18px;
  }

  /* Разделитель между иконками */
  .mobile-header__divider {
    width: 24px;
    height: 0px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
  }

  /* Кнопка бургер-меню */
  .mobile-header__burger {
    width: 24px;
    height: 24px;
    background: none;
    border: none;
    position: relative;
    cursor: pointer;
    padding: 0;
  }

  .mobile-header__burger span {
    position: absolute;
    height: 0px;
    left: 12.5%;
    right: 12.5%;
    border: 1.5px solid #FFFFFF;
    transition: all 0.3s ease;
  }

  .mobile-header__burger span:nth-child(1) {
    top: calc(50% - 0px/2 - 4px);
  }

  .mobile-header__burger span:nth-child(2) {
    top: calc(50% - 0px/2);
  }

  .mobile-header__burger span:nth-child(3) {
    top: calc(50% - 0px/2 + 4px);
    left: 50%;
    right: 12.5%;
  }

  /* Активное состояние бургер-кнопки (при открытом меню) */
  .mobile-header__burger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }

  .mobile-header__burger.active span:nth-child(2) {
    opacity: 0;
  }

  .mobile-header__burger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
    left: 12.5%;
  }

  /* Мобильное меню */
  .mobile-menu {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background: #171717;
    z-index: 999;
    display: none;
    padding-top: 70px;
  }

  .mobile-menu.active {
    display: block;
  }

  .mobile-menu__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 24px;
    width: 355px;
    margin: 0 auto;
    padding-top: 40px;
  }

  /* Пункты меню */
  .mobile-menu__container a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    text-align: center;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
  }

  /* Специфические ширины для пунктов меню */
  .mobile-menu__container a:nth-child(1) { width: 117px; } /* Рейтинги */
  .mobile-menu__container a:nth-child(2) { width: 104px; } /* История */
  .mobile-menu__container a:nth-child(3) { width: 164px; } /* Образование */
  .mobile-menu__container a:nth-child(4) { width: 90px; } /* Кампус */
  .mobile-menu__container a:nth-child(5) { width: 103px; } /* Карьера */
  .mobile-menu__container a:nth-child(6) {
    width: 214px;
    height: 46px;
    line-height: 95%;
  } /* Международным студентам */
  .mobile-menu__container a:nth-child(7) { width: 251px; } /* Студенческая жизнь */

  /* Кнопка смены языка */
  .mobile-menu__language {
    position: absolute;
    width: 147px;
    height: 24px;
    margin-top: 460px;
  }

  .language-switcher {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 6px;
    background: none;
    border: none;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -0.01em;
    cursor: pointer;
  }

  .language-switcher span {
    width: 105px;
  }

  .language-switcher i {
    width: 24px;
    height: 24px;
    padding-top: 5px;
  }

  /* Дополнения для полного меню согласно макету Figma */
  .language-switcher__content {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 4px;
    width: 133px;
    height: 24px;
  }

  .language-switcher__text {
    width: 105px;
    height: 14px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }

  .language-switcher__icon {
    width: 24px;
    height: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .language-switcher__arrow {
    width: 8px;
    height: 8px;
    background: #FFFFFF;
    border-radius: 1px;
    transform: rotate(-180deg);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  }

  /* Дропдаун для выбора языка */
  .language-dropdown {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 160px;
    background: #2C2C2C;
    border-radius: 8px;
    padding: 8px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    display: none;
    z-index: 1002;
  }

  .language-dropdown.active {
    display: block;
  }

  .language-dropdown a {
    display: block;
    padding: 8px 12px;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.3s ease;
  }

  .language-dropdown a:hover {
    background: rgba(255,255,255,0.1);
  }

  /* Шапка внутри мобильного меню */
  .mobile-menu__header {
    position: absolute;
    width: 375px;
    height: 56px;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px;
  }

  .mobile-menu__header-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 12px;
    width: 359px;
    height: 24px;
    margin: 0 auto;
  }

  .mobile-menu__logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 14px;
    width: 89px;
    height: 24px;
  }

  .mobile-menu__logo img {
    width: 89px;
    height: 20px;
  }

  .mobile-menu__header-icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 12px;
    width: 144px;
    height: 24px;
  }

  .mobile-menu__header-icon {
    width: 24px;
    height: 24px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
  }

  .mobile-menu__header-icon img {
    width: 18px;
    height: 18px;
    filter: brightness(0) invert(1);
  }

  .mobile-menu__header-divider {
    width: 24px;
    height: 0px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
  }

  .mobile-menu__user-icon {
    width: 24px;
    height: 24px;
    position: relative;
  }

  .mobile-menu__user-icon::before,
  .mobile-menu__user-icon::after {
    content: '';
    position: absolute;
    background: #FFFFFF;
  }

  .mobile-menu__user-icon::before {
    left: 33.33%;
    right: 33.33%;
    top: 8.33%;
    bottom: 58.33%;
    height: 2px;
  }

  .mobile-menu__user-icon::after {
    left: 16.67%;
    right: 16.67%;
    top: 54.17%;
    bottom: 8.33%;
    height: 2px;
  }

  .mobile-menu__close {
    width: 24px;
    height: 24px;
    background: none;
    border: none;
    position: relative;
    cursor: pointer;
    padding: 0;
  }

  .mobile-menu__close span {
    position: absolute;
    height: 0px;
    left: 12.5%;
    right: 12.5%;
    border: 1.5px solid #FFFFFF;
    top: 50%;
    transform: translateY(-50%);
  }

  .mobile-menu__close span:nth-child(1) {
    transform: rotate(45deg);
  }

  .mobile-menu__close span:nth-child(2) {
    transform: rotate(-45deg);
  }

  .page-frame {
    padding-top: 50px;
    justify-content: flex-start;
  }

  .canvas {
    width: 100%;
    padding: 0 16px;
  }

  /* Hero блок для мобилок */
  .hero {
    position: relative;
    width: 100%;
    height: 700px;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 16px;
    gap: 16px;
  }

  .hero h1 {
    width: 343px;
    height: 129px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin: 0;
    order: 0;
    align-self: stretch;
  }

  .hero h3 {
    width: 343px;
    height: 57px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 135%;
    color: #FFA91F;
    margin: 0;
    order: 1;
    align-self: stretch;
  }

  /* Фоновая графика для мобилок */
  .hero-bg {
    position: absolute;
    width: 761px;
    height: auto;
    left: -291px;
    top: 200px;
    transform: rotate(2.68deg);
    z-index: 0;
  }

  .hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* Блок Cosmos для мобилок */
  .cosmos {
    width: 375px;
    height: 500px;
    margin: 60px auto 0;
    position: relative;
    overflow: hidden;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
  }

  .cosmos-image {
    position: absolute;
    width: 876px;
    height: 334px;
    left: calc(50% - 876px/2 + 0.5px);
    top: -11px;
    object-fit: cover;
    z-index: 0;
  }

  .cosmos-rect {
    position: absolute;
    width: 375px;
    height: 265px;
    left: 0;
    bottom: 0;
    background: #20A2DC;
    border-radius: 20px;
    z-index: 1;
  }

  /* Контейнер для текста */
  .cosmos-caption,
  .cosmos-title,
  .cosmos-text {
    position: absolute;
    left: 17px;
    width: 342px;
    margin: 0;
    z-index: 2;
  }

  .cosmos-caption {
    width: 342px;
    height: 12px;
    top: 259px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    opacity: 0.5;
  }

  .cosmos-title {
    width: 342px;
    height: 46px;
    top: 295px; /* 259 + 12 + 24 */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
  }

  .cosmos-text {
    width: 342px;
    height: 95px;
    top: 357px; /* 295 + 46 + 16 */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 135%;
    color: #FFFFFF;
  }

  /* Блок Рейтинги для мобилок */
  .rating {
    width: 375px;
    height: 1271px;
    margin: 60px auto 0;
    position: relative;
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
  }

  /* Основной контейнер */
  .rating-container {
    position: absolute;
    width: 342px;
    height: 1239px;
    left: 17px;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 32px;
  }

  /* Заголовочная часть */
  .rating-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    width: 342px;
    height: 97px;
  }

  .rating-caption {
    width: 342px;
    height: 12px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    opacity: 0.5;
    position: static;
    left: auto;
    top: auto;
  }

  .rating-title {
    width: 342px;
    height: 69px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    margin: 15px 0;
    color: #FFFFFF;
    position: static;
    left: auto;
    top: auto;
  }

  /* Скрываем десктопные элементы */
  .rating-subtitle-rus,
  .rating-subtitle-intl,
  .rating-line-left,
  .rating-line-right,
  .rating-stars {
    display: none;
  }

  /* Российские рейтинги - перестраиваем в колонку */
  .rating-container-rus, .rating-container-rus-eng, .rating-container-rus-french {
    position: static;
    width: 342px;
    height: 753px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    left: auto;
    top: auto;
  }

  /* Подзаголовок российских рейтингов */
  .rating-container-rus::before {
    content: "Российские рейтинги";
    width: 311px;
    height: 15px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #F7F7F7;
    opacity: 0.5;
    padding: 10px 0;
    margin-bottom: 10px;
  }

  /* Подзаголовок российских рейтингов */
  .rating-container-rus-eng::before {
    content: "Russian Rankings";
    width: 311px;
    height: 15px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #F7F7F7;
    opacity: 0.5;
    padding: 10px 0;
    margin-bottom: 10px;
  }

  /* Подзаголовок российских рейтингов */
  .rating-container-rus-french::before {
    content: "Rankings a nivel nacional";
    width: 311px;
    height: 15px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #F7F7F7;
    opacity: 0.5;
    padding: 10px 0;
    margin-bottom: 10px;
  }
  /* Карточки рейтингов */
  .rating-card {
    width: 311px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px 0;
    gap: 8px;
  }

  /* Специфические стили для каждой карточки */
  .rating-card:nth-child(1) {
    height: 108px;
    margin-bottom: 10px;
  }

  .rating-card:nth-child(2) {
    height: 108px;
  }

  .rating-card:nth-child(3) {
    height: 134px;
    margin-bottom: 30px;
  }

  .rating-card:nth-child(4) {
    height: 108px;
  }

  .rating-card:nth-child(5) {
    height: 86px;
    margin-top: 10px;
  }

  .rating-card h3 {
    width: 311px;
    height: 32px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 135%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 10;
  }

  .rating-card .blue {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.05em;
    color: #1BA1DD;
    margin-bottom: 10px;
  }

  .rating-card .source {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 135%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    opacity: 0.5;
    margin: 5px 0;
  }

  /* Международные рейтинги */
  .rating-container-intl, .rating-container-intl-eng, .rating-container-intl-french  {
    position: static;
    width: 342px;
    height: 375px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    left: auto;
    top: auto;
  }

  /* Подзаголовок международных рейтингов */
  .rating-container-intl::before {
    content: "Международные рейтинги";
    width: 311px;
    height: 15px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #F7F7F7;
    opacity: 0.5;
  }

  /* Подзаголовок международных рейтингов */
  .rating-container-intl-eng::before {
    content: "International Rankings";
    width: 311px;
    height: 15px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #F7F7F7;
    opacity: 0.5;
  }

  .rating-container-intl-french::before {
    content: "Rankings a nivel mundial";
    width: 311px;
    height: 15px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #F7F7F7;
    opacity: 0.5;
  }

  /* Карточки международных рейтингов */
  .rating-container-intl .rating-card:nth-child(1) {
    height: 86px;
    margin-bottom: 10px;
  }

  .rating-container-intl .rating-card:nth-child(2) {
    height: 108px;
    margin-bottom: 10px;
  }

  .rating-container-intl .rating-card:nth-child(3) {
    height: 86px;
  }

  /* Специфические ширины для текста в международных карточках */
  .rating-container-intl .rating-card:nth-child(1) h3 {
    width: 181px;
  }

  .rating-container-intl .rating-card:nth-child(2) .blue {
    width: 184px;
  }

  .rating-container-intl .rating-card:nth-child(3) .blue {
    width: 259px;
  }

    /* Карточки международных рейтингов */
  .rating-container-intl-eng .rating-card:nth-child(1) {
    height: 86px;
    margin-bottom: 10px;
  }

  .rating-container-intl-eng .rating-card:nth-child(2) {
    height: 108px;
    margin-bottom: 10px;
  }

  .rating-container-intl-eng .rating-card:nth-child(3) {
    height: 86px;
  }

  /* Специфические ширины для текста в международных карточках */
  .rating-container-intl-eng .rating-card:nth-child(1) h3 {
    width: 181px;
  }

  .rating-container-intl-eng .rating-card:nth-child(2) .blue {
    width: 184px;
  }

  .rating-container-intl-eng .rating-card:nth-child(3) .blue {
    width: 259px;
  }

      /* Карточки международных рейтингов */
  .rating-container-intl-french .rating-card:nth-child(1) {
    height: 86px;
    margin-bottom: 10px;
  }

  .rating-container-intl-french .rating-card:nth-child(2) {
    height: 108px;
    margin-bottom: 10px;
  }

  .rating-container-intl-french .rating-card:nth-child(3) {
    height: 86px;
  }

  /* Специфические ширины для текста в международных карточках */
  .rating-container-intl-french .rating-card:nth-child(1) h3 {
    width: 201px;
  }

  .rating-container-intl-french .rating-card:nth-child(2) .blue {
    width: 184px;
  }

  .rating-container-intl-french .rating-card:nth-child(3) .blue {
    width: 259px;
  }

  .rating-container-rus .rating-card:nth-child(1)::after,
  .rating-container-rus .rating-card:nth-child(2)::after,
  .rating-container-rus .rating-card:nth-child(3)::after,
  .rating-container-rus .rating-card:nth-child(4)::after {
    content: "";
    width: 342px;
    height: 0px;
    border: 1px solid #F7F7F7;
  }

  .rating-container-rus-eng .rating-card:nth-child(1)::after,
  .rating-container-rus-eng .rating-card:nth-child(2)::after,
  .rating-container-rus-eng .rating-card:nth-child(3)::after,
  .rating-container-rus-eng .rating-card:nth-child(4)::after {
    content: "";
    width: 342px;
    height: 0px;
    border: 1px solid #F7F7F7;
  }

  .rating-container-rus-french .rating-card:nth-child(1)::after,
  .rating-container-rus-french .rating-card:nth-child(2)::after,
  .rating-container-rus-french .rating-card:nth-child(3)::after,
  .rating-container-rus-french .rating-card:nth-child(4)::after {
    content: "";
    width: 342px;
    height: 0px;
    border: 1px solid #F7F7F7;
  }

  .rating-container-intl .rating-card:nth-child(1)::after,
  .rating-container-intl .rating-card:nth-child(2)::after {
    content: "";
    width: 342px;
    height: 0px;
    border: 1px solid #F7F7F7;
  }

  .rating-container-intl-eng .rating-card:nth-child(1)::after,
  .rating-container-intl-eng .rating-card:nth-child(2)::after {
    content: "";
    width: 342px;
    height: 0px;
    border: 1px solid #F7F7F7;
  }

  .rating-container-intl-french .rating-card:nth-child(1)::after,
  .rating-container-intl-french .rating-card:nth-child(2)::after {
    content: "";
    width: 342px;
    height: 0px;
    border: 1px solid #F7F7F7;
  }

  /* Основной блок */
  .numbers {
    width: 375px;
    height: 900px;
    margin: 60px auto 0;
    position: relative;
    overflow: hidden;
  }

  /* Скрываем десктопные элементы */
  .numbers-divider {
    display: none;
  }

  /* Заголовки */
  .numbers-caption {
    position: absolute;
    width: 342px;
    height: 12px;
    left: 0;
    top: 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    opacity: 0.5;
  }

  .numbers-title {
    position: absolute;
    width: 264px;
    height: 69px;
    left: 0;
    top: 28px; /* 12 + 16 */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin: 0;
  }

  /* Полностью перестраиваем контейнер */
  .numbers-container {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 24px;
    width: 342px;
    height: 775px;
    left: 0;
    top: 125px; /* 69 + 28 + 28 */
  }

  /* Перестраиваем строки в карточки */
  .numbers-row-1,
  .numbers-row-2,
  .numbers-row-3,
  .numbers-row-4,
  .numbers-row-5,
  .numbers-row-6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 8px;
    width: 342px;
    height: auto;
    position: static !important;
    margin-bottom: 10px;
  }

  /* Специфические высоты для каждой строки */
  .numbers-row-1 {
    height: 86px;
  }

  .numbers-row-2 {
    height: 105px;
  }

  .numbers-row-3,
  .numbers-row-4,
  .numbers-row-5,
  .numbers-row-6 {
    height: 86px;
  }

  /* Стили для чисел */
  .numbers-value-1,
  .numbers-value-2,
  .numbers-value-3,
  .numbers-value-4,
  .numbers-value-5,
  .numbers-value-6 {
    width: 342px;
    height: 40px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 42px;
    line-height: 95%;
    letter-spacing: -0.05em;
    color: #FFFFFF;
    margin: 0;
    position: static !important;
  }

  /* Стили для текста */
  .numbers-text-1,
  .numbers-text-2,
  .numbers-text-3,
  .numbers-text-4,
  .numbers-text-5,
  .numbers-text-6 {
    width: 342px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 135%;
    color: #FFFFFF;
    opacity: 0.5;
    margin: 0;
    position: static !important;
  }

  /* Специфические высоты для текста */
  .numbers-text-1,
  .numbers-text-3,
  .numbers-text-4,
  .numbers-text-5,
  .numbers-text-6 {
    height: 38px;
  }

  .numbers-text-2 {
    height: 57px;
  }

  /* Добавляем разделители через псевдоэлементы */
  .numbers-row-1::after,
  .numbers-row-2::after,
  .numbers-row-3::after,
  .numbers-row-4::after,
  .numbers-row-5::after {
    content: "";
    width: 342px;
    height: 0px;
    border: 1px solid #F7F7F7;
    margin-top: 16px;
  }

  .numbers-bg {
    display: none;
  }

  .numbers-bg-mob {
    display: block;
    position: absolute;
    width: 1133.45px;
    height: auto;
    left: -225px;
    top: -100.96px;
    pointer-events: none;
    z-index: 0;
    opacity: 1.5;
  }

  .numbers-bg-mob img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .education {
    width: 375px;
    height: 1900px; /* Увеличил высоту для трех кнопок */
    background: #1BA1DD;
    padding: 40px 0;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  .education-container {
    width: 343px;
    height: 1649px;
    margin: 0 auto;
    position: relative;
    padding: 0;
  }

  /* Заголовки */
  .education-caption {
    position: absolute;
    width: 343px;
    height: 12px;
    left: 0;
    top: 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    opacity: 0.5;
  }

  .education-title {
    position: absolute;
    width: 343px;
    height: 23px;
    left: 0;
    top: 28px; /* 12 + 16 */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin: 0;
  }

  .education-subtitle {
    position: absolute;
    width: 343px;
    height: 57px;
    left: 0;
    top: 67px; /* 23 + 28 + 16 */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 135%;
    color: #FFFFFF;
    margin: 0;
  }

  /* Контейнер для кнопок - перестраиваем в колонку */
  .education-buttons-container {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    width: 343px;
    height: 300px; /* 48px * 3 + 16px * 2 */
    left: 0;
    margin: 15px 0;
  }

  /* Стили для кнопок */
  .education-btn {
    width: 343px;
    height: 48px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    background: #FFFFFF;
    border-radius: 12px;
    text-decoration: none;
  }

  .education-btn-text {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -0.01em;
    color: #2C2C2C;
    margin: 0;
  }

  /* Скрываем десктопные элементы */
  .education-bg,
  .education-hearts {
    display: none;
  }

  /* Карточка 1: Уровни образования */
  .education-card-1 {
    position: absolute;
    width: 343px;
    height: 565px;
    left: 0;
    top: 340px; /* 140 + 160 + 16 */
    background: #171717;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 20px;
  }

  .education-levels-title {
    width: 100%;
    height: 23px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin: 0;
    z-index: 1;
  }

  .education-scheme {
    display: none;
  }

  .education-scheme-mob {
    position: absolute;
    width: 369.35px;
    height: 194.26px;
    left: calc(50% - 369.35px/2 + 0.5px);
    top: 103.74px;
    z-index: 1;
  }

  .education-scheme-mob img {
    width: 100%;
  }

  .education-logo {
    position: absolute;
    left: 30px;
    bottom: -90px;
    z-index: 2;
  }

  .education-logo img {
    width: 300px;
    height: auto;
  }

  /* Карточка 2: Индивидуальные траектории */
  .education-card-2 {
    position: absolute;
    width: 343px;
    height: 420px;
    left: 0;
    top: 930px; /* 316 + 565 + 20 */
    border-radius: 20px;
    overflow: hidden;
  }

  .education-card-2-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .education-card-2-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .education-card-2-overlay {
    position: absolute;
    width: 100%;
    height: 569px;
    left: 0;
    bottom: -4px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    z-index: 1;
  }

  .education-trajectory-title {
    position: absolute;
    width: 303px;
    height: 17px;
    left: 20px;
    bottom: 140px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    z-index: 2;
    margin: 0;
  }

  .education-trajectory-text {
    position: absolute;
    width: 303px;
    height: 108px;
    left: 20px;
    bottom: 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #FFFFFF;
    z-index: 2;
    margin: 0;
  }

  /* Карточка 3: Совместные программы */
  .education-card-3 {
    position: absolute;
    width: 343px;
    height: 412px;
    left: 0;
    top: 1380px; /* 901 + 420 + 20 */
    background: #FFFFFF;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    padding: 10px;
    gap: 10px;
  }

  .education-programs-left {
    display: none;
  }

  .education-programs-left-mob {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 20px;
    width: 323px;
    height: 182px;
    order: 2;
  }

  .education-programs-title {
    width: 303px;
    height: 34px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #171717;
    margin: 0;
  }

  .education-programs-text {
    width: 303px;
    height: 108px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #171717;
    margin: 0;
  }

  .education-programs-right {
    width: 323px;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
    order: 1;
    background: url('./img/3rd_card_bg_mob.png');
    background-size: cover;
    background-position: center;
  }

  .education-programs-right img {
    display: none;
  }

  .preparation {
    width: 375px;
    height: 1000px; /* Увеличил высоту для трех кнопок */
    padding: 40px 0;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  .preparation-container {
    width: 343px;
    height: 1000px;
    margin: 0 auto;
    position: relative;
    padding: 0;
  }

  /* Заголовки */
  .preparation-caption {
    position: absolute;
    width: 343px;
    height: 12px;
    left: 0;
    top: 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    opacity: 0.5;
  }

  .preparation-title, .preparation-title-french {
    position: absolute;
    width: 343px;
    height: 23px;
    left: -10px;
    top: 28px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    margin: 0;
  }

  /* Скрываем десктопные графические элементы */
  .preparation-bg,
  .preparation-stars {
    display: none;
  }

  /* Контейнер для карточек */
  .preparation-cards-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    width: 343px;
    height: 1000px;
    left: 0;
  }

  /* Общие стили для карточек */
  .preparation-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px;
    gap: 20px;
    isolation: isolate;
    width: 343px;
    height: 420px;
    border-radius: 20px;
    position: relative;
    left: auto !important;
    top: 80px;
    margin-bottom: 20px;
  }

  /* Фон карточки */
  .preparation-card-bg {
    position: absolute;
    width: 343px;
    height: 450px;
    left: 0;
    bottom: -30px;
    border-radius: 0px;
    overflow: hidden;
    z-index: 0;
  }

  .preparation-card-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Оверлей */
  .preparation-card-overlay {
    position: absolute;
    width: 343px;
    height: 569px;
    left: 0;
    bottom: -4px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    z-index: 1;
  }

  /* Контент карточки */
  .preparation-card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 20px;
    width: 303px;
    height: 100px;
    z-index: 2;
    position: relative;
  }

  .preparation-card-title {
    width: 303px;
    height: 17px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin: 0;
  }

  .preparation-card-text {
    width: 290px;
    height: 83px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #FFFFFF;
    margin: 0;
  }

  .preparation-card-text-eng {
    width: 290px;
    height: 83px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #FFFFFF;
    margin: 0;
  }

  .preparation-card-2 .preparation-card-text-eng {
      width: 290px;
  }

  /* Специфические настройки для второй карточки */
  .preparation-card-2 .preparation-card-bg {
    height: 420px;
    bottom: 0;
  }

  .history {
    width: 375px;
    height: 3830px;
    padding: 60px 0;
    margin: 0 auto;
  }

  .history-container {
    width: 343px;
    height: 3658px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    top: 0;
  }

  /* Скрываем десктопные элементы */
  .history-bg,
  .timeline,
  .history-img {
    display: none;
  }

  /* Заголовок */
  .history-title {
    position: static;
    width: 264px;
    height: 23px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin: 0 auto 15px auto;
  }

  /* Переопределяем исторические элементы для мобильной версии */
  .history-item {
    position: static !important;
    width: 343px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 32px;
  }

  /* Добавляем изображения как псевдоэлементы */
  .history-item::before {
    content: '';
    width: 343px;
    height: 250px;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
  }

  .history-item-1942::before {
    background-image: url('./img/history_1.png');
  }

  .history-item-1950::before {
    background-image: url('./img/history_2.png');
  }

  .history-item-1966::before {
    background-image: url('./img/history_3.png');
  }

  .history-item-2016::before {
    background-image: url('./img/history_4.png');
  }

  .history-item-2025::before {
    background-image: url('./img/history_5.png');
  }

  .history-item-1947::before,
  .history-item-2015::before {
    display: none;
  }

  /* Переопределяем стили лет и текста */
  .history-year {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 95%;
    letter-spacing: -0.05em;
    color: #FFFFFF;
    margin: 0;
  }

  .history-text {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #F7F7F7;
    margin: 0;
  }

  /* Убираем специальные классы для мобильной версии */
  .history-year-large,
  .history-year-xlarge {
    font-size: 48px;
  }

  .history-text-large,
  .history-text-center {
    font-size: 18px;
    text-align: left;
  }

  /* Специфические настройки высоты для каждого элемента */
  .history-item-1942 {
    height: 559px;
  }

  .history-item-1942 .history-year {
    width: 100px;
    height: 46px;
  }

  .history-item-1942 .history-text {
    width: 329px;
    height: 36px;
  }

  .history-item-1947 {
    height: 329px;
  }

  .history-item-1947 .history-year {
    width: 99px;
    height: 36px;
  }

  .history-item-1947 .history-text {
    width: 329px;
    height: 36px;
  }

  .history-item-1950 {
    height: 583px;
  }

  .history-item-1950 .history-year {
    width: 261px;
    height: 46px;
  }

  .history-item-1950 .history-text {
    width: 329px;
    height: 90px;
    line-height: 120%;
  }

  .history-item-1966 {
    height: 647px;
  }

  .history-item-1966 .history-year {
    width: 211px;
    height: 46px;
  }

  .history-item-1966 .history-text {
    width: 329px;
    height: 54px;
  }

  .history-item-2015 {
    height: 311px;
  }

  .history-item-2015 .history-year {
    width: 98px;
    height: 46px;
  }

  .history-item-2015 .history-text {
    width: 329px;
    height: 18px;
  }

  .history-item-2016 {
    height: 665px;
  }

  .history-item-2016 .history-year {
    width: 225px;
    height: 46px;
  }

  .history-item-2016 .history-text {
    width: 329px;
    height: 72px;
  }

  .history-item-2025 {
    height: 347px;
  }

  .history-item-2025 .history-year {
    width: 108px;
    height: 46px;
  }

  .history-item-2025 .history-text {
    width: 329px;
    height: 54px;
    text-align: left;
  }

  .history-item:not(:last-child)::after {
    content: '';
    width: 3px;
    height: 180px;
    background: #FFFFFF;
    display: block;
    -webkit-mask: linear-gradient(to bottom,
        transparent 0%,
        #FFFFFF 20%,
        #FFFFFF 80%,
        transparent 100%);
    mask: linear-gradient(to bottom,
        transparent 0%,
        #FFFFFF 20%,
        #FFFFFF 80%,
        transparent 100%);
  }

  .contribution {
    width: 375px;
    height: auto;
    padding: 40px 0;
    background-color: white;
  }

  .contribution-container {
    width: 343px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    position: relative;
  }

  /* Заголовки */
  .contribution-caption {
    position: static;
    width: 343px;
    height: 12px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #2C2C2C;
    opacity: 0.5;
    margin: 0;
  }

  .contribution-title {
    position: static;
    width: 264px;
    height: 23px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #2C2C2C;
    margin: 0;
  }

  .contribution-description {
    position: static;
    width: 343px;
    height: 57px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 135%;
    color: #2C2C2C;
    margin: 0;
  }

  /* Фильтры */
  .contribution-filters {
    position: static;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    padding: 0;
    gap: 8px;
    width: 343px;
    height: 118px;
  }

  .filter-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 15px;
    gap: 4px;
    height: 34px;
    border: none;
    border-radius: 8px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.01em;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .filter-btn.active {
    background: #1BA1DD;
    color: #F7F7F7;
  }

  .filter-btn:not(.active) {
    background: #2C2C2C;
    color: #F7F7F7;
  }

  /* Специфические ширины кнопок */
  .filter-btn[data-filter="aviation"] {
    width: 301px;
  }

  .filter-btn[data-filter="space"] {
    width: 85px;
  }

  .filter-btn[data-filter="science"] {
    width: 178px;
  }

  .filter-btn[data-filter="business"] {
    width: 172px;
  }

  /* Карточки */
  .contribution-cards {
    position: static;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 343px;
    height: auto;
  }

  .person-card {
    display: flex;
    flex-direction: column;
    width: 343px;
    height: 480px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }

  .person-image {
    width: 343px;
    height: 355px;
    object-fit: cover;
  }

  .person-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 5px;
    width: 343px;
    height: 110px;
    background: #2C2C2C;
  }

  .person-name {
    width: 303px;
    height: 18px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
  }

  .person-description {
    width: 303px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #F7F7F7;
    margin: 0;
  }

  /* Скрытые карточки - JS будет управлять этим классом */
  .cards-hidden {
    display: none;
  }

  .science {
    width: 375px;
    height: 1312px;
    padding: 0 0;
    position: relative;
    overflow: hidden;
  }

  .science-container {
    width: 343px;
    height: 1240px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    padding: 40px 0;
    position: relative;
  }

  /* Скрываем десктопные графические элементы */
  .science-bg,
  .science-stars {
    display: none;
  }

  /* Фон для мобильной версии */
  .science::before {
    content: '';
    position: absolute;
    width: 1262.19px;
    height: 2000.19px;
    background: url('./img/science_bg.png');
    pointer-events: none;
  }

  /* Заголовки */
  .science-caption {
    position: static;
    width: 343px;
    height: 12px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    opacity: 0.5;
    margin: 0;
  }

  .science-title {
    position: static;
    width: 343px;
    height: 46px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin: 0;
  }

  .science-description {
    position: static;
    width: 343px;
    height: 105px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
    margin: 0;
  }

  /* Большая карточка */
  .science-main-card {
    position: static;
    width: 343px;
    height: 257px;
    border-radius: 20px;
    overflow: hidden;
  }

  .science-main-card-bg,
  .science-main-card-effect {
    display: none;
  }

  .science-main-card::before {
    content: '';
    position: absolute;
    width: 343px;
    height: 257px;
    background: url('./img/venc_i_tanya_mob.png');
    border-radius: 20px;
    background-size: cover;
    background-position: center;
  }

  /* Контейнер для маленьких карточек */
  .science-cards-container {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    width: 343px;
    height: 640px;
  }

  /* Общие стили для карточек */
  .science-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 10px;
    width: 343px;
    height: 148px;
    background: #FFFFFF;
    border-radius: 20px;
  }

  .science-card-number {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 54px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #2C2C2C;
    margin: 0;
  }

  .science-card-text {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #888888;
    margin: 0;
  }

  /* Специфические размеры для каждой карточки */
  .science-card:nth-child(1) .science-card-number {
    width: 41px;
    height: 54px;
  }

  .science-card:nth-child(1) .science-card-text {
    width: 280px;
    height: 36px;
  }

  .science-card:nth-child(2) .science-card-number {
    width: 303px;
    height: 54px;
  }

  .science-card:nth-child(2) .science-card-text {
    width: 303px;
    height: 18px;
  }

  .science-card:nth-child(3) .science-card-number {
    width: 33px;
    height: 54px;
  }

  .science-card:nth-child(3) .science-card-text {
    width: 170px;
    height: 36px;
  }

  .science-card:nth-child(4) .science-card-number {
    width: 41px;
    height: 54px;
  }

  .science-card:nth-child(4) .science-card-text {
    width: 240px;
    height: 36px;
  }

   /* Блок Кампус */
  .campus {
    width: 375px;
    height: 2270px;
    padding: 40px 0;
    margin: 60px auto 0;
    position: relative;
    overflow: hidden;
  }

  .campus-container {
    width: 343px;
    height: 1299px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    position: relative;
    top: 0;
  }

  /* Скрываем декоративные элементы */
  .campus-decoration {
    display: none;
  }

  /* Заголовки */
  .campus-caption {
    position: static;
    width: 343px;
    height: 12px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    opacity: 0.5;
    margin: 0;
  }

  .campus-title {
    position: static;
    width: 343px;
    height: 69px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin: 0;
  }

  .campus-description {
    position: static;
    width: 343px;
    height: 105px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
    margin: 0;
  }

  /* Большая карточка */
  .campus-main-card {
    position: static;
    width: 343px;
    height: 257px;
    border-radius: 20px;
    overflow: hidden;
  }

  .campus-main-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Контейнер для карточек */
  .campus-cards-container {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    width: 343px;
    height: 1678px;
  }

  /* Ряды карточек - перестраиваем в колонку */
  .campus-cards-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 343px;
    height: auto;
  }

  /* Карточки */
  .campus-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    gap: 10px;
    width: 343px;
    height: 176px;
    background: #F7F7F7;
    border-radius: 20px;
  }

  .campus-card-number {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 54px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #2C2C2C;
    text-align: left;
  }

  .campus-card-text {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #888888;
    text-align: left;
  }

  /* Специфические размеры для каждой карточки */
  .campus-card:nth-child(1) .campus-card-number { width: 98px; height: 54px; }
  .campus-card:nth-child(1) .campus-card-text { width: 303px; height: 18px; }

  .campus-card:nth-child(2) .campus-card-number { width: 303px; height: 54px; }
  .campus-card:nth-child(2) .campus-card-text { width: 303px; height: 36px; }

  .campus-card:nth-child(3) .campus-card-number { min-width: 56px; height: 54px; }
  .campus-card:nth-child(3) .campus-card-text { width: 303px; height: 36px; }

  .campus-card:nth-child(4) .campus-card-number { width: 32px; height: 54px; }
  .campus-card:nth-child(4) .campus-card-text { width: 303px; height: 18px; }

  .campus-card:nth-child(5) .campus-card-number { width: 56px; height: 54px; }
  .campus-card:nth-child(5) .campus-card-text { width: 303px; height: 18px; }

  .campus-card:nth-child(6) .campus-card-number { width: 210px; height: 54px; }
  .campus-card:nth-child(6) .campus-card-text { width: 303px; height: 54px; }

  /* Общежития */
  .campus-dorm-title {
    position: static;
    width: 343px;
    height: 23px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin: 0;
  }

  .campus-dorm-section {
    position: static;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 343px;
    height: 221px;
  }

  .campus-dorm-left {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 343px;
  }

  .campus-dorm-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    gap: 10px;
    width: 343px;
    height: 166px;
    background: #F7F7F7;
    border-radius: 20px;
  }

  .campus-dorm-number {
    width: 100%;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 54px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #2C2C2C;
  }

  .campus-dorm-number-eng {
    width: 100%;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 54px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #2C2C2C;
  }

  .campus-dorm-text {
    width: 100%;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #888888;
  }

  .campus-dorm-card-top .campus-dorm-number { width: 129px; height: 54px; }
  .campus-dorm-card-top .campus-dorm-text { width: 303px; height: 36px; }

  .campus-dorm-card-bottom .campus-dorm-number { max-width: 343px; height: 54px; }
  .campus-dorm-card-bottom .campus-dorm-number-eng {
      width: 340px;
      height: 54px;
  }
  .campus-dorm-card-bottom .campus-dorm-text { width: 303px; height: 18px; }

  .campus-dorm-right {
    width: 343px;
    height: 257px;
  }

  .campus-dorm-image-card {
    width: 343px;
    height: 257px;
    border-radius: 26.94px;
    overflow: hidden;
  }

  .campus-dorm-image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Блок Уникальные локации кампуса - ПОЛНЫЙ СБРОС ПОЗИЦИОНИРОВАНИЯ */
  .unique-locations {
    width: 375px;
    height: auto;
    padding: 40px 0;
    position: relative;
    overflow: visible; /* Меняем на visible чтобы видеть все карточки */
    min-height: auto; /* Убираем фиксированную минимальную высоту */
  }

  .locations-container {
    width: 343px;
    height: auto;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding-bottom: 40px;
  }

  /* Скрываем все оригинальные элементы карточек */
  .locations-bg,
  .loc-card-image,
  .loc-card-overlay {
    display: none;
  }

  /* Заголовок */
  .locations-title {
    position: static;
    width: 343px;
    height: 23px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto 32px;
  }

  /* ОБЩИЕ СТИЛИ ДЛЯ ВСЕХ КАРТОЧЕК - ПОЛНЫЙ СБРОС */
  .location-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px;
    gap: 12px;
    width: 343px !important;
    height: 360px !important;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 !important;
    background: none !important;
    /* СБРАСЫВАЕМ ВСЕ АБСОЛЮТНЫЕ ПОЗИЦИИ */
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
  }

  /* Добавляем изображения через псевдоэлементы */
  .location-card::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    border-radius: 20px;
  }

  /* Добавляем оверлей */
  .location-card::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 140px;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    z-index: 1;
    border-radius: 0 0 20px 20px;
  }

  /* Контент карточки */
  .loc-card-content {
    position: relative;
    z-index: 2;
    width: 100%;
  }

  .loc-card-title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin: 0 0 8px 0;
  }

  .loc-card-description {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #F7F7F7;
    margin: 0;
  }

  /* Индивидуальные фоновые изображения для каждой карточки */
  .loc-card-1::before {
    background-image: url('./img/history_4.png');
  }

  .loc-card-2::before {
    background-image: url('./img/bot_sad.png');
  }

  .loc-card-3::before {
    background-image: url('./img/engine_center.png');
  }

  .loc-card-4::before {
    background-image: url('./img/startup_center.png');
  }

  .loc-card-5::before {
    background-image: url('./img/butterfly_house.png');
  }

  .loc-card-6::before {
    background-image: url('./img/airfield.png');
  }

  /* Специфические размеры для текста в каждой карточке */
  .loc-card-1 .loc-card-title {
    width: 303px;
    height: 58px;
  }
  .loc-card-1 .loc-card-description {
    width: 303px;
    height: 54px;
  }

  .loc-card-2 .loc-card-title {
    width: 303px;
    height: 29px;
  }
  .loc-card-2 .loc-card-description {
    width: 303px;
    height: 50px;
  }

  .loc-card-3 .loc-card-title {
    width: 297px;
    height: 87px;
  }
  .loc-card-3 .loc-card-description {
    width: 379px;
    height: 36px;
  }

  .loc-card-4 .loc-card-title {
    width: 303px;
    height: 29px;
  }
  .loc-card-4 .loc-card-description {
    width: 319px;
    height: 36px;
  }

  .loc-card-5 .loc-card-title {
    width: 303px;
    height: 29px;
  }
  .loc-card-5 .loc-card-description {
    width: 300px;
    height: 50px;
  }

  .loc-card-6 .loc-card-title {
    width: 303px;
    height: 29px;
  }
  .loc-card-6 .loc-card-description {
    width: 243px;
    height: 36px;
  }

  /* ОТДЕЛЬНО ДЛЯ КАЖДОЙ КАРТОЧКИ - ПОЛНЫЙ СБРОС ПОЗИЦИОНИРОВАНИЯ */
  .loc-card-1,
  .loc-card-2,
  .loc-card-3,
  .loc-card-4,
  .loc-card-5,
  .loc-card-6 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  /* Адаптивность для блока Поддержка иностранных студентов */
.international-support {
  width: 375px;
  height: 1750px;
  padding: 40px 0;
  margin: 60px auto 0;
  position: relative;
  overflow: hidden;
}

.support-container {
  width: 342px;
  height: 1750px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  position: relative;
}

/* Скрываем десктопные элементы */
.support-bg {
  display: none;
}
    /* Альтернатива: фон через псевдоэлемент */
.primary-card::before {
  content: '';
  position: absolute;
  width: 450.67px;
  height: 211px;
  left: calc(50% - 465.67px/2);
  background-image: url('./img/support_bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
  display: block;
  top: 270px;
}
/* Заголовки */
.support-caption {
  position: static;
  width: 342px;
  height: 12px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  opacity: 0.5;
  margin-bottom: 0;
}

.support-title {
  position: static;
  width: 342px;
  height: 92px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 95%;
  letter-spacing: -0.04em;
  color: #FFFFFF;
  margin: 0;
}

.support-description {
  position: static;
  width: 342px;
  height: 126px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
  margin: 0;
}

/* Основные карточки - перестраиваем в колонку */
.support-main-cards {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 16px;
  width: 375px;
  height: 250px;
  margin-left: -17px;
  margin-top: 122px;
}

.support-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
  gap: 12px;
  width: 375px;
  height: 117px;
  border-radius: 20px;
  box-sizing: border-box;
}

.primary-card {
  background: #1BA1DD;
}

.secondary-card {
  background: #F7F7F7;
}

.support-card .card-title {
  width: 335px;
  height: 29px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  margin: 0;
}

.primary-card .card-title {
  color: #FFFFFF;
}

.secondary-card .card-title {
  color: #2C2C2C;
}

.support-card .card-description {
  width: 335px;
  height: 36px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  margin: 0;
}

.primary-card .card-description {
  color: #F7F7F7;
}

.secondary-card .card-description {
  color: #888888;
}

/* Карточки с цифрами - перестраиваем в колонку */
.support-cards-row {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 16px;
  width: 342px;
  height: auto;
}

.row-1 {
  order: 1;
}

.row-2 {
  order: 2;
}

.support-number-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  gap: 10px;
  width: 342px;
  height: 166px;
  background: rgba(136, 136, 136, 0.1);
  border-radius: 20px;
  box-sizing: border-box;
}

.card-number {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 54px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}

.card-text {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 135%;
  color: #FFFFFF;
}

/* Специфические размеры для чисел */
.support-number-card:nth-child(1) .card-number {
  width: 56px;
  height: 54px;
}

.support-number-card:nth-child(1) .card-text {
  width: 302px;
  height: 57px;
}

.support-number-card:nth-child(2) .card-number,
.support-number-card:nth-child(3) .card-number,
.support-number-card:nth-child(5) .card-number {
  width: 67px;
  height: 54px;
}

.support-number-card:nth-child(2) .card-text {
  width: 302px;
  height: 38px;
}

.support-number-card:nth-child(3) .card-text {
  width: 302px;
  height: 19px;
}

.support-number-card:nth-child(4) .card-number {
  width: 72px;
  height: 54px;
}

.support-number-card:nth-child(4) .card-text,
.support-number-card:nth-child(5) .card-text {
  width: 302px;
  height: 38px;
}

/* Ссылки в карточках */
.support-card .card-title a {
  text-decoration: none;
  color: inherit;
}

.support-card .card-title a:hover {
  text-decoration: underline;
}

/* Адаптивность для блока Грант на бесплатное обучение - переопределение стилей */
.grant {
  width: 375px;
  height: 922px;
  padding: 40px 0;
  margin: 60px auto 0;
  position: relative;
  overflow: hidden;
  background: #171717;
}

.grant-container {
  width: 342px;
  height: 922px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  position: relative;
  left: 0;
  top: 0;
}

/* Скрываем десктопные элементы и переопределяем позиционирование */
.grant-svg {
  position: static;
  width: 109px;
  height: 69px;
  display: block;
}

.grant-svg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.grant-title {
  position: static;
  width: 342px;
  height: 46px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 95%;
  letter-spacing: -0.04em;
  color: #FFFFFF;
  margin: 0;
  text-align: left;
  left: auto;
  top: auto;
}

.grant-subtitle {
  position: static;
  width: 330px;
  height: 63px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
  margin: 0;
  display: block;
  left: auto;
  top: auto;
  right: auto;
}

.grant-subtitle-eng {
  position: static;
  width: 330px;
  height: 63px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
  margin: 0;
  display: block;
  left: auto;
  top: auto;
  right: auto;
}

.direction-header {
  position: static;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 10.17px;
  width: 259.34px;
  height: 36px;
  left: auto;
  top: auto;
}

.icon-circle {
  width: 36px;
  height: 36px;
  border-radius: 10.169px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
}

.icon-circle.blue {
  background: linear-gradient(180deg, #00A4E5 0%, #0092CC 118.33%);
}

.icon-circle.orange {
  background: linear-gradient(180deg, #FFA91F 0%, #E6981C 118.33%);
}

.icon-circle.blue img {
  width: 24px;
  height: 22px;
  position: absolute;
  left: calc(50% - 24px/2);
  top: calc(50% - 22px/2);
}

.icon-circle.orange img {
  width: 19px;
  height: 19px;
  position: absolute;
  left: calc(50% - 19px/2 - 0.67px);
  top: calc(50% - 19px/2 - 0.5px);
}

.direction-title {
  width: 167px;
  height: 29px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #FFFFFF;
}

.directions-list {
  position: static;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  padding: 0;
  gap: 8px 24px;
  width: 352px;
  height: 324px;
  left: auto;
  top: auto;
}

.direction-item {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: rgba(255, 255, 255, 0.6);
  height: 21px;
  display: block;
}

/* Специфические ширины для каждого элемента */
.direction-item:nth-child(1) { width: 236px; }
.direction-item:nth-child(2) { width: 244px; }
.direction-item:nth-child(3) { width: 290px; }
.direction-item:nth-child(4) { width: 252px; height: 42px; }
.direction-item:nth-child(5) { width: 234px; }
.direction-item:nth-child(6) { width: 232px; }
.direction-item:nth-child(7) { width: 342px; height: 42px; }
.direction-item:nth-child(8) { width: 191px; }
.direction-item:nth-child(9) { width: 234px; }
.direction-item:nth-child(10) { width: 337px; }

.grant-button {
  position: static;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 12px 16px;
  gap: 8px;
  width: 342px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 12px;
  text-decoration: none;
}

.button-text {
  width: 342px;
  height: 14px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #2C2C2C;
  text-align: center;
}

/* Переопределяем структуру контейнера для мобильной версии */
.grant-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}

/* Убираем абсолютное позиционирование для всех элементов */
.grant-container > * {
  position: static !important;
}

/* Блок: Международные проекты для абитуриентов - МОБИЛЬНАЯ ВЕРСИЯ */
  .international-projects {
    width: 100%;
    height: auto;
    min-height: 696px;
    padding: 0 6px;
    margin: 40px 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .projects-container {
    width: 100%;
    max-width: 375px;
    height: 696px;
    background: #1BA1DD;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    gap: 16px;
    position: relative;
    overflow: hidden;
  }

  /* Добавляем картинку через псевдоэлемент */
  .projects-container::before {
    content: '';
    position: absolute;
    width: 375px;
    height: 100%;
    background: url('./img/projects_main_mob.png') no-repeat;
    background-size: contain;
    z-index: 0;
    pointer-events: none;
    top: -60px;
    left: 0;
  }


  /* Скрываем десктопную фоновую графику */
  .projects-bg {
    display: none;
  }

  /* Контент с заголовком и проектами */
  .projects-content {
    display: flex;
    flex-direction: column;
    align-items: flex-center;
    padding: 0px;
    gap: 24px;
    width: 333px;
    height: 672px;
    z-index: 2; /* Увеличиваем z-index чтобы контент был поверх картинки */
    position: relative;
  }

  .projects-title {
    width: 333px;
    height: 46px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin: 0;
  }

  .projects-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 333px;
    height: 332px;
    margin: 0 auto;
  }

  .project-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 12px 20px;
    gap: 20px;
    background: #FFFFFF;
    border-radius: 12px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #2C2C2C;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    z-index: 2;
  }

  /* Специфические размеры для каждого проекта в мобильной версии */
  .project-item:nth-child(1) {
    width: 333px;
    height: 60px;
  }

  .project-item:nth-child(2) {
    width: 333px;
    height: 60px;
  }

  .project-item:nth-child(3) {
    width: 333px;
    height: 42px;
  }

  .project-item:nth-child(4) {
    width: 333px;
    height: 78px;
  }

  .project-item:nth-child(5) {
    width: 333px;
    height: 60px;
  }

  /* Стили для ссылок в проектах */
  .project-item a {
    color: #2C2C2C;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .project-item a:hover {
    text-decoration: underline;
  }

  /* Блок: Службы поддержки иностранных студентов - МОБИЛЬНАЯ ВЕРСИЯ */
  .support-services {
    width: 375px;
    height: auto;
    min-height: 1356px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    left: 0;
  }

  .support-services-container {
    width: 342px;
    height: 1456px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
    position: relative;
  }

  /* Скрываем десктопные графические элементы */
  .support-services-bg,
  .support-services-stars,
  .card-decorative-group {
    display: none;
  }

  /* Заголовки */
  .support-services-caption {
    width: 342px;
    height: 12px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    opacity: 0.5;
    margin: 0 auto;
    left: 0;
  }

  .support-services-title {
    width: 342px;
    height: 92px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin: 0;
    left: 0;
    margin-top: 25px;
  }

  /* Перестраиваем строки карточек в колонку */
  .support-services-cards-row-1,
  .support-services-cards-row-2 {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 342px;
    height: auto;
    left: 0;
    top: auto;
  }

  .support-services-cards-row-1{
     margin-top: 150px;
  }

  .support-services-cards-row-1 {
    height: 793px; /* 331px + 402px + 16px + 4px */
    width: 342px;
    left: 0;
  }

  .support-services-cards-row-1 .support-services-card {
    width: 342px;
    height: 400px;
    left: 0;
  }

  .support-services-cards-row-2 .support-services-card {
    width: 342px;
    height: 400px;
    left: 0;
  }

  .support-services-cards-row-2 {
    width: 342px;
    left: 0;
  }

  support-services-card .card-2 {
    height: 450px;
  }

  /* Общие стили для карточек */
  .support-services-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 32px;
    width: 342px;
    background: #222222;
    border-radius: 20px;
    box-sizing: border-box;
  }

  /* Специфические высоты для каждой карточки */
  .card-1 {
    height: 931px;
    width: 342px;
  }

  .card-2 {
    height: 952px;
    width: 342px;
  }

  .card-3 {
    height: 723px;
    width: 342px;
  }

  /* Контент карточек */
  .card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 302px;
    height: auto;
  }

  .card-content-horizontal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 302px;
    height: auto;
  }

  /* Заголовки карточек */
  .card-title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin: 0;
    width: 302px;
  }

  /* Специфические высоты заголовков */
  .card-1 .card-title {
    height: 58px;
    width: 302px;
  }

  .card-2 .card-title {
    height: 87px;
    width: 302px;
  }

  .card-3 .card-title {
    height: 58px;
    width: 302px;
    margin-top: -100px;
  }

  /* Описания карточек */
  .card-description {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #F7F7F7;
    margin: 0;
    width: 302px;
  }

  /* Специфические высоты описаний */
  .card-1 .card-description {
    height: 121px;
    width: 302px;
  }

  .card-2 .card-description {
    height: 163px;
    width: 302px;
  }

  .card-3 .card-description {
    height: 113px;
    width: 302px;
    margin-top: 20px;
  }

  /* Контактная информация */
  .contact-info,
  .contact-info-horizontal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 302px;
    height: 64px;
  }

  .card-contact-section {
    width: 302px;
  }

  .contact-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    height: 24px;
    width: 302px;
  }

  /* Специфические ширины для контактов */
  .card-1 .contact-item:first-child {
    width: 206px;
    margin-top: 50px;
  }

  .card-1 .contact-item:last-child {
    width: 193px;
  }

  .card-2 .contact-item:first-child {
    width: 173px;
  }

  .card-2 .contact-item:last-child {
    width: 195px;
  }

  .card-3 .contact-item:first-child {
    width: 132px;
    margin-top: 40px;
  }

  .card-3 .contact-item:last-child {
    width: 195px;
  }

  /* Иконки */
  .contact-item i {
    width: 24px;
    height: 24px;
    color: #F7F7F7;
  }

  /* Текст контактов */
  .contact-item span {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #F7F7F7;
  }

  /* Ссылки в контактах */
  .contact-item a {
    color: #F7F7F7;
    text-decoration: none;
  }

  .contact-item a:hover {
    text-decoration: underline;
  }

  .student-life {
    display: none !important;
  }

  .student-life-mobile {
    display: block !important;
    width: 375px;
    padding: 120px 16px 40px;
    background: #1BA1DD;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    color: white;
  }

    /* Заголовок */
  .slm-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #fff;
    margin-bottom: 32px;
  }

  /* Основная карточка (Frame 2147236399) */
  .slm-card-main {
    background: #32AAE0;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 32px;
    width: 343px;
    box-sizing: border-box;
  }

  .slm-subtitle {
    font-size: 18px;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -0.04em;
  }

  .slm-text {
    font-size: 14px;
    line-height: 135%;
    font-weight: 500;
  }

  /* ---- КАРТИНКИ (Figma: Rectangle 11, Rectangle 10) ---- */

  .slm-image-block {
    width: 343px;
    height: auto;
    margin-bottom: 32px;
    position: relative;
  }

  .slm-image-block img {
    width: 343px;  /* как в Figma: 154–183px */
    height: auto;
    object-fit: cover;
    display: block;
  }


  /* --------- ПРОЕКТЫ (Frame 2147236503) -------- */

  .slm-projects {
    width: 343px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .slm-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }

  .slm-tag {
    background: #32AAE0;
    border-radius: 12px;
    padding: 12px;
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
  }

  .slm-tag-wide { width: 188px; }
  .slm-tag-wide-2 { width: 278px; }
  .slm-tag-big { width: 343px; }

    /* Блок: Самара - МОБИЛЬНАЯ ВЕРСИЯ */
  .city {
    width: 375px;
    height: 3227px;
    background: #1FA0DA;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
  }

    /* Скрываем мобильную версию на десктопе */
  .city-mobile-banner,
  .city-mobile-banner-ino,
  .city-mobile-decorative-text,
  .city-mobile-title,
  .city-mobile-stats,
  .city-mobile-description,
  .city-mobile-stat-item,
  .city-stat-number,
  .city-stat-label {
    display: block;
  }
  /* Скрываем десктопные элементы */
  .city-banner,
  .sleeps-image {
    display: none;
  }

  .sleeps-image-mob {
    display: block
  }

  /* Мобильный баннер */
  .city-mobile-banner {
    position: absolute;
    width: 375px;
    height: 382px;
    left: 0;
    top: 0;
    overflow: hidden;
  }

  .city-mobile-banner::before {
    content: '';
    position: absolute;
    width: 375px;
    height: 382px;
    top: 0;
    background: url('./img/city_banner_mob.svg') no-repeat;
    background-size: cover;
  }

  /* Мобильный баннер */
  .city-mobile-banner-ino {
    position: absolute;
    width: 375px;
    height: 382px;
    left: 0;
    top: 0;
    overflow: hidden;
  }

  .city-mobile-banner-ino::before {
    content: '';
    position: absolute;
    width: 375px;
    height: 382px;
    top: 0;
    background: url('./img/city_banner_mob_ino.svg') no-repeat;
    background-size: cover;
  }


  /* Контейнер статистики */
  .city-mobile-stats {
    position: absolute;
    width: 230px;
    height: 397px;
    left: calc(50% - 230px/2);
    top: 430px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 32px;
  }

  /* Описание города */
  .city-mobile-description {
    width: 337px;
    height: 51px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 95%;
    text-align: center;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin: 0;
  }

  /* Элементы статистики */
  .city-mobile-stat-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 15px;
    width: 230px;
    height: auto;
  }

  /* Население */
  .city-mobile-stat-item:nth-child(2) {
    height: 77px;
  }

  /* Часовой пояс */
  .city-mobile-stat-item:nth-child(3) {
    height: 77px;
  }

  /* Стоимость жизни */
  .city-mobile-stat-item:nth-child(4) {
    height: 96px;
  }

  /* Большие числа */
  .city-stat-number {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin: 0;
    text-align: center;
  }

  /* Население */
  .city-mobile-stat-item:nth-child(2) .city-stat-number {
    width: 153px;
    height: 43px;
  }

  /* Часовой пояс */
  .city-mobile-stat-item:nth-child(3) .city-stat-number {
    width: 145px;
    height: 43px;
  }

  /* Стоимость жизни */
  .city-mobile-stat-item:nth-child(4) .city-stat-number {
    width: 124px;
    height: 43px;
  }

  /* Подписи статистики */
  .city-stat-label {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 135%;
    color: #F7F7F7;
    margin: 0;
    text-align: center;
  }

  /* Население */
  .city-mobile-stat-item:nth-child(2) .city-stat-label {
    width: 136px;
    height: 19px;
  }

  /* Часовой пояс */
  .city-mobile-stat-item:nth-child(3) .city-stat-label {
    width: 100px;
    height: 19px;
  }

  /* Стоимость жизни */
  .city-mobile-stat-item:nth-child(4) .city-stat-label {
    width: 227.46px;
    height: 38px;
  }

  .city-container {
      width: 360px;
  }

   .city-main-text {
    width: 343px;
    height: 92px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 95%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    margin: 32px auto 0 auto;
    text-align: left;
    order: 2;
    left: 10px;
    top: 840px;
  }

  .city-map {
    width: 343px;
    height: 176px;
    margin: 16px auto 0 auto;
    border: 0.620814px solid #F7F7F7;
    border-radius: 12px;
    overflow: hidden;
    order: 3;
    left: 10px;
    top: 980px;
  }

  .city-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Переопределяем изображение истории */
  .city-history-image {
    width: 343px;
    height: 180px;
    border-radius: 12px;
    overflow: hidden;
    order: 2; /* Картинка идет последней */
    margin: 0;
  }

  .city-history-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Переопределяем контейнер контента */
  .city-history-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    width: 343px;
    height: auto;
    order: 0; /* Контент идет первым */
  }

  /* Стили для картинки с годами */
  .city-history-years {
    width: 305px;
    height: 70px;
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 700;
    font-size: 100px;
    line-height: 95%;
    letter-spacing: -0.05em;
    color: #2C2C2C;
    text-align: center;
    order: 0;
    margin: 0 auto;
  }

  .city-history-section {
    top: 1250px;
  }

  .city-space-section {
    top: 1300px;
  }

  .city-river-section {
    top: 1350px;
  }

  .city-carousel-section {
    top: 2450px;
  }

  .city-history-years img {
    width: 300px;
    height: auto;
    margin: 0 auto;
  }

  .city-carousel-title img {
    width: 300px;
    height: auto;
    margin: 0 auto;
  }

  .city-space-title img {
    width: 300px;
    height: auto;
    margin: 0 auto;
  }

  .city-river-title img {
    width: 300px;
    height: auto;
    margin: 0 auto;
  }

  .city-space-section, .city-history-section, .city-river-section {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    width: 343px;
    height: auto;
    position: relative;
  }

  .city-space-content, .city-river-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    width: 343px;
    height: auto;
    order: 0;
  }

  .city-space-title, .city-history-title, .city-river-title {
    width: 305px;
    height: 70px;
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 700;
    font-size: 100px;
    line-height: 95%;
    letter-spacing: -0.05em;
    color: #2C2C2C;
    text-align: left;
    order: 0;
    margin: 0 auto;
  }

  .city-space-text, .city-history-text, .city-river-text {
    width: 343px;
    height: 54px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #F7F7F7;
    order: 1;
    margin: 0;
    text-align: left;
  }

  .city-space-image, .city-river-image {
    width: 343px;
    height: 180px;
    border-radius: 12px;
    overflow: hidden;
    order: 2;
    margin-top: 10px;
  }

  .city-river-image {
    margin-top: 100px;
    margin-left: 0;
  }

  .city-space-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .city-river-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .city-carousel-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    width: 343px;
    height: auto;
    margin: 32px auto 0 auto;
  }

  .city-carousel-title {
    width: 263px;
    height: 200px;
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 700;
    font-size: 100px;
    line-height: 80%;
    letter-spacing: -0.05em;
    color: #2C2C2C;
    order: 0;
    margin: 10px 0 0 20px;
  }

  .city-carousel-text {
    width: 343px;
    height: 90px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #F7F7F7;
    order: 1;
    margin: 0;
    text-align: left;
  }

  .city-carousel {
    width: 343px;
    height: 360px;
    position: relative;
    margin: 0 auto;
    order: 2;
  }

  .city-carousel-container {
    width: 343px;
    height: 360px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
  }

  .city-carousel-track {
    display: flex;
    width: 600%; /* 6 слайдов × 100% */
    height: 100%;
    transition: transform 0.3s ease-in-out;
    gap: 5px;
  }

  .city-carousel-slide {
    flex: 0 0 22%; /* 100% / 6 слайдов */
    height: 100%;
    display: flex;
    justify-content: center; /* Центрируем одну картинку */
    align-items: center;
    padding: 0;
    box-sizing: border-box;
    gap: 5px;
  }

  .city-carousel-image {
    width: 343px; /* Занимает всю ширину контейнера */
    height: 360px;
    border-radius: 20px;
    overflow: hidden;
    flex-shrink: 0;
  }

  .city-carousel-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .city-carousel-controls {
    display: none;
  }

   .contacts {
    width: 375px;
    height: auto;
    padding: 40px 0;
    margin: 0 auto;
  }

  .contacts-container {
    width: 343px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 20px;
    position: relative;
  }

  /* Общие стили для всех карточек */
  .contact-card {
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    gap: 20px;
    width: 343px;
    height: 240px;
    border-radius: 20px;
    margin: 0;
  }

  /* Темная карточка (Приёмная комиссия) */
  .contact-card-dark {
    background: #2C2C2C;
    order: 0;
  }

  /* Светлые карточки */
  .contact-card-light {
    background: #F7F7F7;
  }

  .contact-card:nth-child(2) {
    order: 1;
    width: 350px;
  }

  .contact-card:nth-child(3) {
    order: 2;
    width: 350px;
  }

  .contact-card:nth-child(4) {
    order: 3;
    width: 350px;
  }

  /* Заголовки карточек */
  .contact-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    width: 303px;
    margin: 0 auto;
  }

  .contact-title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.03em;
    margin: 0;
    width: 100%;
  }

  .contact-card-dark .contact-title {
    color: #FFFFFF;
    height: 29px;
  }

  .contact-card-light .contact-title {
    color: #2C2C2C;
  }

  /* Специфические высоты для заголовков */
  .contact-card:nth-child(2) .contact-title,
  .contact-card:nth-child(4) .contact-title {
    height: 58px;
  }

  .contact-card:nth-child(3) .contact-title {
    height: 87px;
  }

  /* Контактная информация */
  .contact-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    width: 303px;
    margin: 0 auto;
  }

  .contact-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 8px;
    width: 100%;
  }

  .contact-item i {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
  }

  .contact-card-dark .contact-item i {
    color: #FFFFFF;
  }

  .contact-card-light .contact-item i {
    color: #888888;
  }

  .contact-text {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin: 0;
  }

  .contact-card-dark .contact-text {
    color: #FFFFFF;
  }

  .contact-card-light .contact-text {
    color: #888888;
  }

  /* Специфические ширины для email */
  .contact-card:nth-child(1) .contact-item:first-child {
    width: 168px;
    height: 24px;
  }

  .contact-card:nth-child(2) .contact-item:first-child {
    width: 132px;
    height: 24px;
  }

  .contact-card:nth-child(3) .contact-item:first-child {
    width: 241px;
    height: 24px;
  }

  .contact-card:nth-child(4) .contact-item:first-child {
    width: 206px;
    height: 24px;
  }

  /* Телефоны для первой карточки */
  .contact-phones {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: 8px;
    width: 198px;
    height: 44px;
  }

  .phone-numbers {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .phone-number {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    height: 22px;
  }

  /* Специфические ширины для телефонов */
  .contact-card:nth-child(2) .contact-item:last-child {
    width: 195px;
    height: 24px;
  }

  .contact-card:nth-child(3) .contact-item:last-child {
    width: 200px;
    height: 24px;
  }

  .contact-card:nth-child(4) .contact-item:last-child {
    width: 193px;
    height: 24px;
  }

  /* Скрываем логотип в мобильной версии */
  .contact-logo {
    display: none;
  }

  /* Копирайт */
  .contacts-copyright {
    position: static;
    width: 293px;
    height: 42px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
    opacity: 0.5;
    text-align: center;
    order: 4;
    margin-top: 20px;
  }
}