.header-default.header-transparent{position:static!important;}
.cases_list{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  @media screen and (width <= 780px){
    grid-template-columns:1fr;
  }
  .cases_item{
    display:flex;
    flex-direction:column;
    gap:10px;
    > figure{
      display: block;
      overflow: hidden;
      position: relative;
      border-radius:var(--radius-big);
      height: 500px;
      transition: var(--transitions15);
      background:white;
      @media screen and (width <= 780px){
        height:240px;
      }
      &:hover .cases_img {
        top: -100px;
      }
      .cases_img{
        width: 100%;
        position: absolute;
        top: 0;
        transition: var(--transitions15);
      }
    }
    .cases_title{
      font-size:var(--font-size-b1);
      color: var(--color-white);
      font-weight:var(--font-weight6);
    }
  }
}