.blog-related {
     background: #fff !important;
     padding: 80px 0;
  }
  

.blog-related .section-title {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 1.5em;
  
}
.blog-related .section-title .button {
  color:#1c1470;
}

.blog-index {
   display: flex;
   flex-wrap: wrap;
}

.blog-index__post {
   width: 32%;
   margin-right: 2%;
   overflow: hidden;
   position: relative;
}

.blog-index__post-image-wrapper {
   position: relative;
   padding-bottom: 56.25%;
}

.blog-index__post-image {
   object-fit: cover;
   width: 100%;
   height: 100%;
   position: absolute;
  border-radius:6px;
}

.blog-index__post:nth-child(3n) {
   margin-right: 0;
}

.blog-index__post-content {
   padding: 1em 0 1.5em;
}

.blog-index__post p {
   font-weight: 400;

}

.blog-index__post .small-title {
   margin-bottom: .8em;
   display: inline-block;
  
}

.blog-index__post-button-wrapper {
   position: absolute;
   bottom: 0;
   left: 0;
}

.arrow-link {
 color:  #00baff;
}
}

 .blog-index__post {
      border-radius:0px;
   }
a.blog-index__post, a.blog-index__post:hover {
 text-decoration:none; 
color: #00baff;
}

   .blog-index__post-title,
   .blog-index__post-title-link {
    text-decoration:none;
}

.blog-index__post-summary,
   .blog-index__post-summary * {
     font-size: 100%;
}

@media screen and (max-width: 768px) {
   .blog-related {
      padding: 45px 0;
   }
   .blog-index__post {
      width: 49%;
      margin-right: 2%;
      margin-bottom: 1.5em;
   }
   .blog-index__post:nth-child(3n) {
      margin-right: 2%;
   }
   .blog-index__post:nth-child(even) {
      margin-right: 0;
   }
}

@media screen and (max-width: 600px) {
   .blog-index__post {
      width: 100%;
      margin-right: 0;
   }
   .blog-index__post:nth-child(3n) {
      margin-right: 0;
   }
}