body {
    background-color: #161616;
    font-family: 'Lato', sans-serif;
}
html,
body {
  position: relative;
  height: 100%;
}
a {
    text-decoration: none;
    color:#7d7d7d;
    cursor: pointer;
}
li {
    list-style-type: none;
}
ul li a {
    margin-left: 30px;
}
a:hover {
    color: #424141;
}
.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #7d7d7d;
    display: flex;
    justify-content: center;
    align-items: center;
  }
.swiper-button {
    color:white;
}
  .swiper-slide img {
    width: 100%;
height: 450px;
object-fit: cover;
  }
  .text-block-slide {
   position: absolute;
    display: flex;
    left: 10%;
    bottom: 5%;

  }
  .catalog-link {
    color:#fff;
  }
  .name-slide {
   
    background-color: #fff;
    font-size: 30px;
    color:#161616;
    padding: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  p {
    color:#7d7d7d;
  }
  .catalog-link span {
    margin-left: 5px; /* Расстояние между текстом и стрелочкой */
    font-size: 30px; /* Размер шрифта для стрелочки */
}
.tryst {
    padding-top: 7rem;
}
h2,h3 {
    color:#7d7d7d;
}
.image-container {
    box-shadow: 20px -18px 0 0px #232323;
}



.image-container img {
    width: 100%;
    height: auto;
}
.realization {
    font-size: 36px;
    color:#7d7d7d;
  
}
.polosa {
    border: 1px solid #7d7d7d;
    width: 35%;
    text-align: center;
    margin: auto;
}

.slider-bottom{
    height: 400px;
    width: 900px;
    object-fit: cover;
}