.description__cities-list{margin-top:35px;display:grid;grid-template-columns:repeat(2,1fr);gap:40px 20px}.description__cities-item{height:450px;overflow:hidden;display:block;position:relative}.description__cities-item-bg{width:100%;height:100%;transition:all .5s ease;background-blend-mode:overlay;position:relative}.description__cities-item-text{margin:0 40px;display:flex;flex-direction:column;position:absolute;top:70%;gap:10px;width:70%;& > h3,
  p {
    color: var(--bg);
  }

  & > p {
    font-size: 16px;
    line-height: 120%;
  }
}@media (hover:hover){.description__cities-item:hover{.description__cities-item-bg {
      transform: scale(1.1);
    }
  }}@media screen and (max-width:1800px){.description__cities-list{gap:20px}.description__cities-item-text{width:auto}}@media screen and (max-width:1200px){.description__cities-list{margin-top:47px;gap:20px}.description__cities-item{height:270px}.description__cities-item-text{margin:0 30px;top:60%}}@media screen and (max-width:800px){.description__cities-list{gap:12px}.description__cities-item{height:180px}.description__cities-item-text{top:40%;margin:0 20px;& > p {
      font-size: 14px;
    }
  }}@media screen and (max-width:740px){.description__cities-list{grid-template-columns:1fr;grid-template-rows:repeat(auto-fill,270px);margin-top:43px;gap:16px}.description__cities-item{height:270px}.description__cities-item-text{top:auto;bottom:0;margin:30px}}.header__main{background:url(/local/templates/vodohodcity/images/news/header/xheader.png.pagespeed.ic.hpUiCQpeRz.png) center no-repeat , linear-gradient(90deg,rgba(161,161,161,1) 0%,#373737 100%);background-size:cover;flex:none;background-blend-mode:overlay;padding:60px 0}.header__title-box{display:flex;justify-content:end;align-items:center;height:100%;max-width:1752px;margin:0 auto}.header__title{color:var(--bg);width:50%;text-align:right;line-height:130%;font-family: var(--TildaBold)}.main{padding:50px 0}.main__list{margin-top:45px;display:grid;grid-template: repeat(2, 1fr) / repeat(3, 1fr);gap:20px}.main__item{display:block;height:409px;overflow:hidden;position:relative}.main__item-bg{width:100%;height:100%;transition:all .5s ease;background-blend-mode:overlay}.main__item-text{margin:0 40px;display:flex;flex-direction:column;position:absolute;top:72%;gap:16px;& > h3,
  p {
    color: var(--bg);
    font-size: 16px;
  }

  & > p {
    text-transform: uppercase;
    font-size: 20px;
     /* Ограничение на 2 строки (измените число по необходимости) */
    display: -webkit-box;
    -webkit-line-clamp: 2;        /* количество видимых строк */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}.main__item:nth-child(1) {grid-area: 1 / 1 / 2 / 3}.main__item:nth-child(2) {grid-area: 1 / 3 / 2 / 4}.main__item:nth-child(3) {grid-area: 2 / 1 / 3 / 2}.main__item:nth-child(4) {grid-area: 2 / 2 / 3 / 3}.main__item:nth-child(5) {grid-area: 2 / 3 / 3 / 4}@media (hover:hover){.main__item:hover{.main__item-bg {
      transform: scale(1.1);
    }
  }}@media screen and (max-width:1800px){.header__title-box{max-width:1100px}.main__item{height:250px}.main__item-text{margin:0 20px;top:50%;& > p {
      font-size: 18px;
    }
  }}@media screen and (max-width:1300px){.header__title-box{max-width:90vw}.header__title{width:60%}}@media screen and (max-width:1200px){.main__list{gap:15px}.main__item-text{top:56%;& > p {
      text-transform: inherit;
      font-size: 18px;
    }
  }}@media screen and (max-width:1100px){.main__list{margin-top:38px;gap:11px 9px}.main__item{height:166px}.main__item-text{top:40%;& > h3 {
      font-size: 13px;
    }

    & > p {
      font-size: 14px;
    }
  }}@media screen and (max-width:800px){.header__title{width:80%;font-size:42px}.main__item-text{top:46%}}@media screen and (max-width:740px){.main__item-text{top:auto;bottom:0;margin:20px;& > h3 {
      font-size: 13px;
    }

    & > p {
      font-size: 12px;
    }
  }}@media screen and (max-width:640px){.header__title{font-size:38px;width:100%;text-align:center}.main__list{display:flex;flex-direction:column;gap:20px}}@media screen and (max-width:480px){.header__title{font-size:30px}}