.resources-sec{
   position:relative;
    padding:0px 0px 100px;
}
.resources-sec .page-center{
  max-width:1120px !important;
  padding:0px 20px !important;
  margin:0px auto;
}

.resources-sec .cards-wrapper{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:start;
  padding-top:20px;
  margin:0px -15px;
}
.resources-sec .cards-wrapper .resource-card{
  width:calc(100% / 3 - 30px);
  max-width:341px;
  box-shadow: 0px 2px 5px 5px #efefef;
  border-radius: 2px;
  margin:0px 15px 30px;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.resources-sec .cards-wrapper .image-wrapper{
  padding:0px 5px;
  min-height:275px;
}
.resources-sec .cards-wrapper .image-wrapper img{
  max-width:100%;
  width:275px;
  display:block;
  object-fit:cover;
  margin:0px auto;
}
.resources-sec .cards-wrapper .content-wrapper{
  padding:25px;
  background:#fff;
}
.resources-sec .cards-wrapper .content-wrapper h3{
  font-weight:700;
  font-size: 20px;
  text-align: center;
  line-height: 1.15;
  margin-bottom:25px;
}
@media (max-width:991px){
  .resources-sec{
    padding:0px 0px 80px;
}
  .resources-sec .cards-wrapper .resource-card{
  width:calc(100% / 2 - 30px);
  max-width:100%;
  box-shadow: 0px 2px 5px 5px #efefef;
  border-radius: 2px;
  margin-bottom:0px 15px 30px;
  background: #fff;
  display: flex;
  flex-direction: column;
}
@media (max-width:767px){
  .resources-sec{
    padding:0px 0px 60px;
}
  .resources-sec .cards-wrapper{
    margin:0px;
  }
  .resources-sec .cards-wrapper .resource-card{
  width:100%;
  max-width:400px;
  box-shadow: 0px 2px 5px 5px #efefef;
  border-radius: 2px;
  margin:0px auto 30px;
  background: #fff;
  display: flex;
  flex-direction: column;
}
}