.top-update {
  display: grid;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  gap: 60px;
}
@media screen and (min-width: 768px) {
  .top-update {
    gap: 80px;
  }
}
@media screen and (min-width: 992px) {
  .top-update {
    gap: 100px;
  }
}
.top-update__item {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 992px) {
  .top-update__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
}
.top-update__head {
  gap: 10px;
}
@media screen and (max-width: 575px) {
  .top-update__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (min-width: 992px) {
  .top-update__head {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 30%;
  }
}
@media screen and (min-width: 1200px) {
  .top-update__head {
    width: 37.5%;
  }
}
@media screen and (min-width: 992px) {
  .top-update-main {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
}
@media screen and (min-width: 576px) {
  .top-update .link-txt {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 992px) {
  .top-update .link-txt {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .top-update__social {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .top-update__social a {
    width: 260px;
  }
}
.top-update-blog__logo {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 991px) {
  .top-update-blog__logo {
    margin-right: auto;
  }
}
@media screen and (min-width: 992px) {
  .top-update-blog__logo {
    margin-top: 20px;
  }
}
.top-update-blog__logo img {
  width: 150px;
}
@media screen and (max-width: 575px) {
  .top-update-blog__logo img {
    width: 100px;
  }
}

.p-blog-hero {
  position: relative;
  text-align: center;
}
.p-blog-hero:before, .p-blog-hero:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}
.p-blog-hero:before {
  left: 0;
  background: #FBE9CD;
}
.p-blog-hero:after {
  right: 0;
  background: #E9E1DA;
}
.p-blog-hero img {
  position: relative;
  z-index: 10;
}

.works-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
}
.works-list__item {
  width: 100%;
  margin: 0 !important;
}
.works-list__item a {
  padding: 0;
  text-decoration: none;
}
.works-list__item a:hover {
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media screen and (min-width: 992px) {
  .works-list__item a:hover figure {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.works-list__item figure {
  aspect-ratio: 3 / 2;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.works-list__item figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.works-list-desc {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 8px 10px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.3;
}