.sec-cards{
  position: relative;
}
.cards-item{
  width: 100%;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 1.6rem;
  min-height: 33.2rem;
  padding: 4.8rem;
  background-image: var(--cards-bg);
  background-size: auto 100%;
  background-position: center right;
  background-repeat: no-repeat;
}
a.cards-item:hover{
  border-color: #edd703;
}
.cards-text{
  max-width: 34.2rem;
}
.cards-text .h4{
  margin-bottom: 3.2rem;
}
.cards-text .h4:last-child{
  margin-bottom: 0;
}
@media(min-width:1200px) and (max-width:1351.98px){
  .cards-item {
    min-height: 30.2rem;
    padding: 4rem;
  }
  .cards-text {
    max-width: 31.2rem;
  } 
  .cards-text .h4 {
    margin-bottom: 2.8rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .cards-item {
    min-height: 26.2rem;
    padding: 3.2rem;
    background-position: center right -3.2rem;
  }
  .cards-text {
    max-width: 25.2rem;
  }
  .cards-text .h4 {
    margin-bottom: 2.4rem;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .cards-block .d-flex:nth-child(n + 2){
    margin-top: 2.4rem;
  }
  .cards-item {
    min-height: 28rem;
    padding: 3.2rem 4.8rem;
  }
}
@media(max-width:767.98px){
  .sec-blog + .sec-cards{
    margin-top: 0;
  }
  .cards-block .d-flex:nth-child(n + 2){
    margin-top: 2.4rem;
  }
  .cards-item {
    min-height: 31.2rem;
    padding: 3.2rem;
    background-image: var(--cards-mobile-bg);
  }
  .cards-text .h4 {
    margin-bottom: 2.4rem;
  }
}