@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat-Medium.ttf");
    }

.wrapper {
    width: 1440px;
    margin: 0 auto;
    font-family: 'Montserrat';
}
.background {
background-image: url(../img/bg.png);
background-repeat: repeat;
width: 1440px;
height: 4710px;
z-index: 0;

}
body{
    padding: 0;
margin: 0;
min-height: 100%;
min-width: 100%;
background-color: black;
}
.menu {
padding-top: 40px;
padding-left: 60px;
display: flex;
justify-content: space-between;

}
.menu_name {
    font-weight: 400;
font-size: 24px;

}
.menu span{
    color: white;
    
}
.menu_number{
    padding-right: 80px;
    font-family: 'Montserrat';
    font-weight: 300;
font-size: 24px;
line-height: 117%;
letter-spacing: 0.05em;
color: #d6d6d6;
text-decoration:none;
}
.menu_number a{
text-decoration: none;
font-weight: 600;
font-style: italic;
font-size: 24px;
letter-spacing: 0.05em;
color: #d6d6d6;
}
.start {
    display: flex;
    padding-left: 60px;
    padding-top: 80px;
}
.stext {
    font-family: 'Montserrat';
    display: flex;
    flex-direction: column;
}
.stext1 {
   display: flex;
   flex-direction: row;
   gap:210px;
   

}
.stext1 span{

    font-style: italic;
    
font-size: 96px;
line-height: 115%;
color: #fff;
}

.stext2 {
    font-weight: 500;
    font-size: 96px;
    line-height: 115%;
    text-align: right;
    color: #fff;
    padding-top: 20px;
    padding-left: 340px;
}
.stext3 {
    padding-left: 460px;
    padding-top: 20px;
    font-weight: 500;
font-size: 96px;
line-height: 115%;
text-align: right;
color: #fff;
}
.b {
color: white;
background-color: #0191CE;
border-radius: 30px;
align-self: flex-end;
padding: 25px;
width: 300px;
text-align:center ;
text-decoration: none;
font-style: italic;
font-weight: 600;
font-size: 24px;
}
.stext4 {
    font-family: 'Montserrat';
    font-style: italic;
font-weight: 600;
font-size: 24px;
line-height: 167%;
color: #c2c2c2;
padding-left: 55px;
}
.pos {
background-image:url(../img/Group\ 23.png);
    width: 1300px;
    height: 261px;
   
    margin:125px auto 0;
}
.pos span{
    
    margin-left: 40px;
    font-weight: 600;
font-size: 36px;
line-height: 78%;
letter-spacing: 0.05em;
font-style: italic;
font-family: 'Montserrat';
}
.sp1  {
    font-style: italic;
    font-weight: 600;
    font-size: 24px;
    line-height: 167%;
    color: #666;
    margin-top: 20px;
}
.sp2 {
    margin-top: 40px;
}
.tcase{
    margin-top: 60px;
    padding-left: 60px;
}
.mid {
    padding-left: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}
.i1 {
    margin-top: 100px;
    background-image: url(../img/Group\ 14.png);
    width: 619px;
    height: 259px;
   
}
.i2 {
    margin-top: 45px;
    background-image: url(../img/Group\ 9.png);
    width: 619px;
    height: 259px;
}
.i3 {
    background-image: url(../img/Group\ 13.png);
    
    background-repeat: no-repeat;
    width: 620px;
    height:564px ;
    margin-right: 80px;
    margin-top: 100px;
}

.i4 {
    background-image: url(../img/Group\ 15.png);
    height: 144px;
    width: 1281px;
    margin-top: 40px;
    margin-left: 60px;
}
.i5 {
    background-image: url(../img/Group.png);
    height: 144px;
    width: 1281px;
    margin-top: 25px;
    margin-left: 60px;
}
.tbot {
    margin-left: 60px;
    display: flex;
    flex-direction: column;
    margin-top: 100px;
    margin-bottom: 115px;
}
.bot{
    margin-left: 150px;
    background-image: url(../img/Group\ 18.png);
    width: 1083px;
    height: 678px;
}
.bot1 {
    display: flex;
    flex-direction: row;
    margin-top: 80px;

}
.el1{ 
    background-image: url(../img/444.png);
    width: 638px;
    height: 610px;
    margin-top: 15px;
}
.el2 {
    background-image: url(../img/Group\ 26.png);
    width:628px;
    height: 458px;
    margin-left: 40px;
    margin-top: 70px;
}
.el3{
    background-image: url(../img/Group\ 24.png);
    width:49px;
    height: 254px;
    margin-left: 70px;
    margin-top: 120px;

}
.logo {
    background-image: url(../img/Group\ 25.png);
    width: 1440px;
    height: 357px;
}
.flex {
    display: flex;
    flex-direction: row;
}
.flex1 {
    display: flex;
    flex-direction: column;
}
.flex2 {
    display: flex;
    flex-direction: column;
    flex-basis: 450px;
    margin-left: 100px;
}
.sss{
    margin-top: 10px;
        color: #c2c2c2;
    text-decoration: none;
    font-size: 20px;
}
.ee{
padding-top: 93px;
padding-left: 490px;
text-decoration: none;
}
.ee a{
    text-decoration: none;
    font-weight: 600;
    font-style: italic;
font-size: 20px;
letter-spacing: 0.05em;
color: #d6d6d6;
}
.e a{
    text-decoration: none;
    font-weight: 600;
    font-style: italic;
font-size: 20px;
letter-spacing: 0.05em;
color: #d6d6d6;
}
.e {
    padding-top: 30px;
    padding-left: 490px;
}
.ss{
    margin-top: 85px;
    color: #c2c2c2;
    text-decoration: none;
    font-size: 20px;
}


.slider {
    max-width: 1281px; /* Фиксированная ширина слайдера */
    overflow: hidden; /* Обрезаем всё, что выходит за границы контейнера */
    position: relative; /* Необходимо для правильного позиционирования кнопок */
    border-radius: 10px;
    margin-top: 40px;
}

/* Контейнер всех слайдов */
.slides {
    display: flex; /* Размещаем слайды в одну линию */
    transition: transform 0.5s ease-in-out; /* Анимация плавного смещения */
}

/* Каждый отдельный слайд */
.slide {
    width: 100%; /* Занимает всю ширину контейнера */
    flex-shrink: 0; /* Запрещаем уменьшение размера слайдов */
}

/* Стили для изображений */
.slide img {
    width: 100%; /* Картинки растягиваются на весь слайд */
    display: block; /* Убираем пробелы вокруг изображений */
}

/* Кнопки «Назад» и «Вперёд» */
.prev, .next {
    position: absolute; /* Позволяет располагать кнопки поверх слайдов */
    top: 50%; /* Размещаем по вертикали по центру */
    transform: translateY(-50%); /* Сдвигаем кнопки вверх на половину их высоты */
    background: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон кнопок */
    color: white; /* Белый цвет текста */
    border: none; /* Убираем границы */
    padding: 10px; /* Отступы внутри кнопки */
    cursor: pointer; /* Изменяем курсор на указатель */
    font-size: 18px; /* Размер шрифта */
    font-weight: bold; /* Делаем текст жирным */
    z-index: 2; /* Размещаем кнопки выше всех элементов */
}

/* Позиционируем кнопку «Назад» слева */
.prev {
    left: 10px;
}

/* Позиционируем кнопку «Вперёд» справа */
.next {
    right: 10px;
}