.recent-wrap { width: 100%; display: inline-block; padding: 0 0 80px 0; }

.recent-wrap .sec-title { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #e5e9ec; padding-bottom: 20px; margin:40px 0; }
.recent-wrap .sec-title .title { margin: 0; width: auto; display: inline-block; }
.recent-wrap .sec-title .view-post { width: auto; margin: 0; display: inline-block; }
.recent-wrap .sec-title .title h3 {margin:0; width: 100%; display: inline-block; color: #1d2b36; font-weight:600; }
.recent-wrap .sec-title .view-post a { width: auto; display: inline-block; color: #0077cc; font-weight: 500; position: relative; }
.recent-wrap .sec-title .view-post a::after { border-top-width: 2px; border-top-style: solid; border-right-width: 2px; border-right-style: solid; content: ""; display: inline-block; position: relative; pointer-events: none; width: 6px; height: 6px; transform: rotate(45deg) translateY(-2px); transition: all 0.15s ease 0s; right: 2px; }
/* .recent-wrap .sec-title .view-post a:hover, .recent-wrap .sec-title .view-post a:hover:after { color: #dc592f; } */

.recent-wrap .recent-inner { width: 100%; display: inline-block; }
.recent-wrap .recent-post-wrap { width: 100%; display: grid; grid-template-columns: repeat( 3 , 1fr); grid-gap: 60px; }
.recent-wrap .recent-post { width: 100%; display: inline-block; background-color: #fff; }
.recent-wrap .post-image { width: 100%; display: inline-block; position: relative; line-height: 0; vertical-align: top; overflow: hidden; border-radius: 4px; }
.recent-wrap .post-image a { width: 100%; display: inline-block; line-height: 0; vertical-align: top; }
.recent-wrap .post-image img { width: 100%; height: 212px; object-fit: cover; object-position: center; transition: all 0.5s ease-in-out; border-radius: 4px; overflow: hidden; }
.recent-wrap .recent-post:hover .post-image img { border-radius: 4px; transform: scale(1.04); }
.recent-wrap .post-caption { width: 100%; display: inline-block; padding: 20px 0; line-height: 0; }
.recent-wrap .post-tag { width: 100%; display: inline-block; }
.recent-wrap .post-tag a { width: 100%; display: inline-block; }

.recent-wrap .post-title { width: 100%; display: inline-block; }
.recent-wrap .post-title a { width: 100%; display: inline-block; }
.recent-wrap .post-title a:hover h3, a:focus { width: 100%; display: block; color: #dc592f; }
.recent-wrap .post-title a:hover { text-decoration: none; }
.recent-wrap .post-tag a:hover { color: #dc592f; }
.recent-wrap .post-title h3 { width: 100%; display: inline-block; margin: 0; text-transform: unset; font-size: 21px; line-height: 30px; color: #1d2b36; }
.recent-wrap .post-tag a { width: 100%; display: inline-block; font-size: 12px; line-height: 17px; color: #556575; text-transform: uppercase; font-weight: 500; margin: 0 0 10px 0; letter-spacing: 0.75px; }


@media(max-width:1279px){
  .recent-wrap .recent-post-wrap { grid-gap: 30px; }
  .recent-wrap .post-image img { height: 190px; }
}

@media(max-width:1199px){
  .recent-wrap .sec-title .title h3 {font-size: 28px;}
  .recent-wrap .sec-title{padding-bottom:13px;}
}

@media(max-width:991px){
  .recent-wrap .sec-title .title h3 {font-size:27px;}
  .recent-wrap .recent-post-wrap { grid-template-columns: repeat( 2 , 1fr); }
  .recent-wrap .recent-post:last-child { display: none; }
  .recent-wrap .post-image img { height: 220px; }
}


@media(max-width:767px){
  .recent-wrap .sec-title .title h3 {font-size:22px;}
  .recent-wrap { padding: 0 0 20px 0; }
  .recent-wrap .sec-title { margin: 20px 0; }
  .recent-wrap .sec-title .title { padding-right: 15px; }
  .recent-wrap .recent-post:last-child { display: inline-block; }
  .recent-wrap .recent-post-wrap { grid-gap: 15px; grid-template-columns: repeat( 1 , 1fr); }
}