.news-release-block {
  padding: 0 0 50px;
  position: relative;
}
.news-release-block + div {
  position: relative;
}
.news-release-block + div > .container > .title {
  color: #fff;
}
.news-release-block .background {
  position: absolute;
  background-size: cover;
  background-position: bottom;
  height: 500px;
  z-index: 0;
  top: 95%;
  aspect-ratio: 596/1209;
  width: 320px;
}
.news-release-block .content {
  padding: 30px 15px;
  background: #FFF;
}
.news-release-block .content > .title {
  font-size: 22px;
  line-height: 28px;
  margin: 0 0 20px;
}
.news-release-block .posts {
  margin: 0;
  padding: 0;
  list-style: none;
}
.news-release-block .posts li {
  padding: 20px 0;
  border-bottom: 1px solid #D9D9D9;
}
.news-release-block .posts li .date {
  color: #526366;
  font-size: 12px;
  display: block;
  margin: 0 0 8px;
}
.news-release-block .posts li .title {
  color: #526366;
  text-decoration: none;
  position: relative;
  padding: 0 30px 0 0;
  display: block;
}
.news-release-block .posts li .title:after {
  content: " ";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.83615 14.6062C8.71517 14.4669 8.6472 14.2779 8.6472 14.0809C8.6472 13.8839 8.71517 13.695 8.83615 13.5557L12.0306 9.87807L8.83615 6.20046C8.7186 6.06034 8.65355 5.87267 8.65502 5.67787C8.65649 5.48307 8.72436 5.29673 8.84401 5.15898C8.96367 5.02123 9.12553 4.9431 9.29474 4.94141C9.46395 4.93971 9.62696 5.0146 9.74868 5.14993L13.3994 9.3528C13.5204 9.49213 13.5884 9.68107 13.5884 9.87807C13.5884 10.0751 13.5204 10.264 13.3994 10.4033L9.74868 14.6062C9.62766 14.7455 9.46354 14.8237 9.29242 14.8237C9.12129 14.8237 8.95717 14.7455 8.83615 14.6062Z' fill='%23526366'/%3E%3Ccircle cx='10.5' cy='10.5' r='10.25' stroke='%23526366' stroke-width='0.5'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  background-size: cover;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s;
}
.news-release-block .posts li .title:hover {
  text-decoration: underline;
  color: #333;
}
.news-release-block .posts li .title:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10.25' fill='%23526366' stroke='%23526366' stroke-width='0.5'/%3E%3Cpath d='M8.83603 14.606C8.71505 14.4667 8.64708 14.2777 8.64708 14.0807C8.64708 13.8837 8.71505 13.6948 8.83603 13.5555L12.0305 9.87787L8.83603 6.20026C8.71847 6.06014 8.65343 5.87247 8.6549 5.67767C8.65637 5.48287 8.72424 5.29653 8.84389 5.15878C8.96355 5.02103 9.12541 4.9429 9.29462 4.9412C9.46383 4.93951 9.62684 5.0144 9.74856 5.14973L13.3993 9.3526C13.5203 9.49192 13.5883 9.68086 13.5883 9.87787C13.5883 10.0749 13.5203 10.2638 13.3993 10.4031L9.74856 14.606C9.62754 14.7453 9.46342 14.8235 9.29229 14.8235C9.12117 14.8235 8.95705 14.7453 8.83603 14.606Z' fill='white'/%3E%3C/svg%3E%0A");
}
.news-release-block .view-all {
  border: 1px solid #8E8E8B;
  color: #333;
  text-decoration: none;
  padding: 13px 30px 13px 20px;
  box-sizing: border-box;
  border-radius: 40px;
  display: flex;
  margin: 20px auto 0;
  font-size: 14px;
  justify-content: center;
  max-width: 145px;
  position: relative;
}
.news-release-block .view-all:hover {
  background: #e4eff1;
}
.news-release-block .view-all:after {
  content: " ";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.65296 11.8239C7.55502 11.7111 7.5 11.5582 7.5 11.3987C7.5 11.2392 7.55502 11.0863 7.65296 10.9735L10.239 7.99637L7.65296 5.01926C7.5578 4.90583 7.50514 4.7539 7.50633 4.59621C7.50752 4.43851 7.56246 4.28767 7.65932 4.17616C7.75619 4.06464 7.88722 4.00139 8.0242 4.00002C8.16117 3.99865 8.29314 4.05927 8.39167 4.16883L11.347 7.57115C11.445 7.68394 11.5 7.83689 11.5 7.99637C11.5 8.15585 11.445 8.3088 11.347 8.42158L8.39167 11.8239C8.2937 11.9367 8.16084 12 8.02232 12C7.88379 12 7.75093 11.9367 7.65296 11.8239Z' fill='%238E8E8B'/%3E%3Ccircle cx='9' cy='8.5' r='8.25' stroke='%238E8E8B' stroke-width='0.5'/%3E%3C/svg%3E%0A");
  width: 18px;
  height: 17px;
  right: 25px;
}

@media (min-width: 768px) {
  .news-release-block .background {
    top: 0;
    height: auto;
    width: 60%;
    min-width: 540px;
    max-width: 780px;
    max-height: 1300px;
  }
  .news-release-block .content {
    padding: 45px 45px 25px;
    position: relative;
    border-radius: 0 0 0 12px;
  }
  .news-release-block .content:before {
    box-shadow: 0 0 24px rgba(51, 51, 51, 0.16);
    content: "";
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 0;
    border-radius: 0 0 0 12px;
    z-index: -1;
  }
  .news-release-block .content > .title {
    font-size: 40px;
    line-height: 32px;
    margin: 0 0 30px;
  }
  .news-release-block .posts li {
    display: flex;
    align-items: center;
    padding: 23px 15px 20px;
  }
  .news-release-block .posts li .date {
    margin: 0 10px 0 0;
  }
  .news-release-block .posts li .title {
    width: 100%;
  }
  .news-release-block .view-all {
    margin: 25px 0 0 auto;
  }
}