.recent-posts-sec { width: 100%; display: inline-block; vertical-align: top; padding: 60px 0; }
.recent-posts-sec .title-cta { width: 100%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e5e9ec; padding-bottom: 20px; margin-bottom: 40px; }
.recent-posts-sec .title-cta .cta { display: flex; justify-content: flex-end; width: auto; }
.recent-posts-sec .title-cta .cta a { display: flex; color: #1a83c5; font-weight: 500; position: relative; z-index: 1; right: 15px; }
.recent-posts-sec .title-cta .cta a:after { border-top-width: 2px; border-top-style: solid; border-right-width: 2px; border-right-style: solid; content: ""; display: inline-block; position: absolute; pointer-events: none; width: 8px; height: 8px; transform: rotate(45deg) translateY(-2px); transition: all 0.15s ease 0s; right: -10px; border-color: #1a83c5; top: 13px; }
.recent-posts-sec .title-cta .title { display: inline-block; vertical-align: top; margin-bottom: 0px; }
.recent-posts-sec .title-cta .title h2 { display: inline-block; vertical-align: top; padding: 0px; }
.recent-posts-sec .title-cta .cta a:hover { color: #aece36; }
.recent-posts-sec .title-cta .cta a:hover:after { border-color: #aece36; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

.recent-posts-sec .rp-wrap { width: 100%; display: grid; grid-gap: 40px 60px; grid-template-columns: repeat(3, 1fr); }
.recent-posts-sec .rp-wrap .rp-col:first-child { align-items: stretch; display: flex; grid-area: auto / auto / span 2 / span 2; }
.recent-posts-sec .rp-wrap .rp-col:first-child .image { display: flex; flex-wrap: wrap; float: left; position: relative; margin: 0px; width: 100%; aspect-ratio: 1.78 / 1; overflow: hidden; }
.recent-posts-sec .rp-wrap .rp-col:first-child .image a img { display: inline-block; vertical-align: top; width: 100%; height: 100%; margin: 0px; transform: none; object-fit: cover; }
.recent-posts-sec .rp-wrap .rp-col:first-child .content { background-color: #fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgb(0 0 0/5%); display: inline-block; padding: 20px 24px 27px; vertical-align: top; width: 100%; }
.recent-posts-sec .rp-wrap .rp-col:first-child .content .tag { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 10px; }
.recent-posts-sec .rp-wrap .rp-col:first-child .content .tag .blog-index__post-tags { width: 100%; display: inline-block; vertical-align: top; }
.recent-posts-sec .rp-wrap .rp-col:first-child .content .tag .blog-index__post-tags a.blog-index__post-tag { width: 100%; display: inline-block; vertical-align: top; font-size: 16px; font-weight: 700; text-decoration: none; color: #AECE36; }
.recent-posts-sec .rp-wrap .rp-col:first-child .content .title { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 20px; }
.recent-posts-sec .rp-wrap .rp-col:first-child .content .title a { width: 100%; display: inline-block; vertical-align: top; }
.recent-posts-sec .rp-wrap .rp-col:first-child .content .title a span { width: 100%; display: inline-block; vertical-align: top; padding: 0; color: #0F1520; font-weight: 700; }
.recent-posts-sec .rp-wrap .rp-col:first-child .content .caption { width: 100%; display: inline-block; vertical-align: top; }
.recent-posts-sec .rp-wrap .rp-col:first-child .content .caption p { width: 100%; display: inline-block; vertical-align: top; padding: 0; margin: 0; }

.recent-posts-sec .rp-wrap .rp-col { align-items: stretch; display: flex; flex-wrap: wrap; }
.recent-posts-sec .rp-wrap .rp-col .image { display: flex; flex-wrap: wrap; float: left; position: relative; margin: 0px; width: 100%; aspect-ratio: 1.78 / 1; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; z-index: 0; }
.recent-posts-sec .rp-wrap .rp-col .image a { top: 50%; left: 0px; transform: translateY(-50%) translateZ(0px); transition: transform 0.2s ease-out 0s; width: 100%; height: 100%; margin: 0px; display: block; position: absolute !important; }
.recent-posts-sec .rp-wrap .rp-col .image a:hover { transform: scale(1.02) translateY(-49%) translateZ(0px); transition: transform 0.2s ease-out 0s; }
.recent-posts-sec .rp-wrap .rp-col .image a img { display: inline-block; vertical-align: top; width: 100%; height: 100%; margin: 0px; transform: none; object-fit: cover; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.recent-posts-sec .rp-wrap .rp-col .content { background-color: #fff; border-bottom-right-radius: 8px; border-top-right-radius: 8px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgb(0 0 0/5%); display: inline-block; padding: 20px; vertical-align: top; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.recent-posts-sec .rp-wrap .rp-col .content .tag { display: inline-block; margin-bottom: 10px; vertical-align: top; width: 100%; }
.recent-posts-sec .rp-wrap .rp-col .content .tag .blog-index__post-tags { display: inline-block; vertical-align: top; width: 100%; }
.recent-posts-sec .rp-wrap .rp-col .content .tag .blog-index__post-tags a.blog-index__post-tag { color: #aece36; display: inline-block; font-size: 16px; font-weight: 700; text-decoration: none; vertical-align: top; width: 100%; }
.recent-posts-sec .rp-wrap .rp-col .content .title { display: inline-block; margin-bottom: 0px; vertical-align: top; width: 100%; }
.recent-posts-sec .rp-wrap .rp-col .content .title a { display: inline-block; vertical-align: top; width: 100%; }
.recent-posts-sec .rp-wrap .rp-col .content .title a span { display: inline-block; padding: 0; vertical-align: top; width: 100%; color: #0F1520; font-weight: 700; }
.recent-posts-sec .rp-wrap .rp-col .content .caption { display: inline-block; vertical-align: top; width: 100%; display: none; }
.recent-posts-sec .rp-wrap .rp-col .content .caption p { display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 100%; }
.recent-posts-sec .rp-wrap .rp-col .content .caption span { font-weight: 400 !important; }

@media(max-width: 1440px){
  .recent-posts-sec .rp-wrap { grid-gap: 30px; }
}

@media(max-width: 991px){
  .recent-posts-sec { padding: 40px 0; }
  .recent-posts-sec .rp-wrap { grid-template-columns: repeat(2, 1fr); }
}

@media(max-width: 767px){
  .recent-posts-sec .rp-wrap .rp-col:first-child { grid-column: span 12; }
  .recent-posts-sec .rp-wrap .rp-col { grid-column: span 12; }
  .recent-posts-sec .rp-wrap .rp-col .content .caption { display: block; }
  .recent-posts-sec .rp-wrap .rp-col .image a img { height: 100%; }
}

@media(max-width: 481px){
  .recent-posts-sec .title-cta .title h2 { font-size: 20px; }
  .recent-posts-sec .title-cta .cta a { font-size: 14px; }
}