.cr-resoures{margin: 40px 0;overflow: hidden;}
.cr-resoures .wrapper { margin: 0 30px; width: 100%; }
.d-flex { display: -ms-flexbox !important; display: flex !important; }
.wrapper { position: relative; list-style: none;  padding: 0; }
.justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important;}
.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}
.cr-resoures .wrapper .item {margin: 5px;width: calc(100% / 3 - 30px);border: 1px solid #ced4da;}
.position-relative {position: relative !important;}
.cr-resoures .wrapper .info-wrapper {width: 100%;padding: 30px 45px;}
.cr-resoures .wrapper figure { width: 100%; max-height: 190px; overflow: hidden; margin:0;}
.cr-resoures .wrapper figure:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; -webkit-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; transition: all .3s linear 0s; }
.cr-resoures .wrapper .item:hover figure:before { opacity: 0.8; }
.cr-resoures .wrapper figure img {height:190px !important;  max-width: inherit !important; width: 100%; font-family: "object-fit: cover; object-position: 50% 50%;"; object-fit: cover; min-height: initial !important; max-height: none !important; }
.cr-resoures .wrapper .info-head {font-weight:500; padding-bottom: 10px; color: #5abbb5; display: flex; align-items: center;position: relative;margin-bottom: 0.5rem;}
.cr-resoures .wrapper article { padding-bottom: 10px; color: #585857; font-size: 16px; line-height: 1.5 !important; display: block; display: -webkit-box; height: 72px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.info-btn{margin-top:10px;}
.info-btn a{color:#5abbb5}
.info-btn a:hover {color: #3c9d97;}


@media (min-width: 1280px){
.cr-resoures .wrapper .info-head{font-size: 35px;}
}

@media (max-width: 991px){
.cr-resoures .wrapper .item {width: calc(100% / 2 - 20px);}
.cr-resoures .wrapper {width: initial;}  
}

@media (max-width: 767px){
.cr-resoures .wrapper .item {width:100%;}
  .cr-resoures .wrapper .info-wrapper{padding:25px 20px;}  
}