.recent-posts-slider-module {
  padding: 90px 0;
  position: relative;
  overflow: hidden;
  background-color: #F9F9F9;
}
.recent-posts-slider-module .container {
  width: 100%;
  max-width: 1364px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  overflow: hidden;
}
.recent-posts-slider-module .heading { padding:0 0 11px; }
.recent-posts-slider-module .heading h2:first-child {
  /*padding: 0 0 37px; */
  position: relative;
  overflow: hidden;
}
/* .recent-posts-slider-module .heading h2:first-child:after {
content: "";
width: 97px;
height: 6px;
background-color: #F6C300;
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
margin: 0 auto;
} */

.recentpost-items.no-slider {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.recentpost-item {
  padding: 8px;
  position: relative;
  overflow: hidden;
}
.recentpost-item h4 {
  font-family: Helvetica Condensed,sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.112;
  margin: 0 0 15px;
  padding: 0;
}
.recentpost-item .item-inner {
  /*width: 100%;
  max-width: 100%;*/
  color: #9D9D9D;
  text-align: center;
  background-color: #FFFFFF;
  padding: 26px 28px;
  padding-bottom: 80px;
  position: relative;
  width: auto;
  height:100%;
  box-sizing:border-box;
}
.recentpost-item .item-img {
  margin: 0 0 26px;
  padding: 0 0 55%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.recentpost-item .btn {
  position: absolute;
  top: auto;
  bottom: 26px;
  left: 0;
  right: 0;
  text-align: center;
}
/* .recentpost-item .common-cta a, 
.recentpost-item .cta_button {
  color: #254062;
  background: #fff;
  border: 2px solid #f6c300;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  border-radius: 3px;
  padding: 7px 30px;
  margin: 5px 0;
  display: inline-block;
  transition: color .5s ease,background .5s ease,border .5s ease,opacity .5s ease;
  text-transform: uppercase;
}
.recentpost-item .common-cta a:hover, 
.recentpost-item .cta_button:hover {
  color: #254062;
  background-color: #f6c300;
} */

.recent-posts-slider-module ul.slick-dots,
.recent-posts-slider-module ul.slick-dots li {
  font-size: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
.recent-posts-slider-module ul.slick-dots {
  width: 100%;
  text-align: center;
  padding-top: 58px;
  position: relative;
  top: auto;
  bottom: auto;
}
.recent-posts-slider-module ul.slick-dots li {
  display: inline-block;
  vertical-align: top;
}
.recent-posts-slider-module ul.slick-dots li button {
  color: transparent;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 14px;
  height: 14px;
  background: #BEBEBE;
  border-radius: 100%;
  margin:0 4px;
}
.recent-posts-slider-module ul.slick-dots li button:before,
.recent-posts-slider-module ul.slick-dots li button:after { display:none!important; }
.recent-posts-slider-module ul.slick-dots li.slick-active button {
  background: #1C4064;
}



.recentpost-items.slider.slider {
  position: relative;
  margin: 0;
  padding: 0;
}
.recentpost-items.slider .slick-track {
  display: flex;
  flex-wrap: wrap;
}
.recentpost-item.slick-slide {
  float: none !important;
  height: auto;
}

 .recent-posts-slider-module .btn .contact-button {
    text-decoration: none;
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 120px;
    text-align: center;
     border:2px solid #344263; 

  }
  .recent-posts-slider-module .btn .contact-button svg {
    width: 9px;
    top: 4px;
    left: 5px;
    fill: #344263;
    position: relative;
  }

 {# BUTTON STYLE FOR ICON LEFT SIDE #}
    .recent-posts-slider-module .btn.btn-solid.dark .contact-button,
    .recent-posts-slider-module .btn.solid-icon.dark .contact-button{
      background: #344263;
      color: #fff;
      border: 2px solid #344263;
    }

    .recent-posts-slider-module .btn.btn-solid.dark .contact-button svg,
    .recent-posts-slider-module .btn.solid-icon.dark .contact-button svg{
      fill: #fff;
    }

    .recent-posts-slider-module .btn.outline.dark  .contact-button,
    .recent-posts-slider-module .btn.outline-icon.dark  .contact-button{
      background: transparent;
      border:2px solid #344263;
      color: #344263;
    }

    .recent-posts-slider-module .btn.btn-solid.light .contact-button,
    .recent-posts-slider-module .btn.solid-icon.light .contact-button{
      background: #eee;
      color: #fff;
      border:2px solid #eee;
    }
    .recent-posts-slider-module .btn.btn-solid.light .contact-button svg,
    .recent-posts-slider-module .btn.solid-icon.light .contact-button svg{
      fill: #fff;
    }

    .recent-posts-slider-module .btn.outline.light  .contact-button,
    .recent-posts-slider-module .btn.outline-icon.light  .contact-button{
      background: transparent;
      border:2px solid #eee;
      color:#eee;
    }

    .recent-posts-slider-module .btn.outline.light .contact-button svg,
    .recent-posts-slider-module .btn.outline-icon.light .contact-button svg {
      fill: #eee;
    }

    .recent-posts-slider-module .btn.btn-solid.accent-1 .contact-button,
    .recent-posts-slider-module .btn.solid-icon.accent-1 .contact-button{
      background: #81d8fd;
      color: #fff;
      border: 2px solid #81d8fd;
    }
    .recent-posts-slider-module .btn.btn-solid.accent-1 .contact-button svg,
    .recent-posts-slider-module .btn.solid-icon.accent-1 .contact-button svg{
      fill: #fff;
    }
    .recent-posts-slider-module .btn.outline.accent-1 .contact-button,
    .recent-posts-slider-module .btn.outline-icon.accent-1 .contact-button{
      background: transparent;
      color: #81d8fd;
      border: 2px solid #81d8fd;
    }
    .recent-posts-slider-module .btn.outline.accent-1 .contact-button svg,
    .recent-posts-slider-module .btn.outline-icon.accent-1 .contact-button svg{
      fill: #81d8fd;
    }

    .recent-posts-slider-module .btn.btn-solid.accent-2 .contact-button,
    .recent-posts-slider-module .btn.solid-icon.accent-2 .contact-button{
      background: #f7bd2b;
      color: #344263;
      border:2px solid #f7bd2b;
    }
    .recent-posts-slider-module .btn.btn-solid.accent-2 .contact-button svg,
    .recent-posts-slider-module .btn.solid-icon.accent-2 .contact-button svg{
      fill: #344263;
    }
    .recent-posts-slider-module .btn.outline.accent-2 .contact-button,
    .recent-posts-slider-module .btn.outline-icon.accent-2 .contact-button{
      background: transparent;
      color: #f7bd2b;
      border: 2px solid #f7bd2b;
    }
    .recent-posts-slider-module .btn.outline.accent-2 .contact-button svg,
    .recent-posts-slider-module .btn.outline-icon.accent-2 .contact-button svg{
      fill: #f7bd2b;
    }


@media(min-width:1281px) {
  .recentpost-item .item-img { padding-bottom:197px; }
  .recentpost-item .title { padding-left:20px;padding-right:20px; }
}
@media(min-width:1024px) {
  .recentpost-item h4 { font-size:27px; }
}
@media(min-width:601px) {
  .recentpost-items.no-slider  .recentpost-item { width:33.33%; }
}
@media(min-width:480px) {
  .recentpost-items.no-slider  .recentpost-item { width:50%;max-width:420px; }
}


@media(max-width:1024px) {
  /*.recent-posts-slider-module .heading h2:first-child { padding-bottom:25px; } */
  .recentpost-item .item-inner { padding:24px 24px 80px; }
  .recentpost-item .item-inner p { margin-bottom:15px; }
  .recent-posts-slider-module ul.slick-dots { padding-top:50px; }
  .recent-posts-slider-module ul.slick-dots li button {
    width: 12px;
    height: 12px;
  }
  .recentpost-item .btn { bottom:24px; }
  /*.recentpost-item .common-cta a, .recentpost-item .cta_button { font-size:16px; } */
}
@media(max-width:600px) {
  .recentpost-item .item-inner {
    padding: 20px 20px 80px;
  }
  /*.recentpost-item .common-cta a, 
  .recentpost-item .cta_button { font-size:15px; } */
  .recent-posts-slider-module ul.slick-dots {
    padding-top: 40px;
  }
}
