.card-block { margin-top:60px; margin-bottom: 60px; }
.card-block .imgblock { position: relative;  padding-bottom: 79.4%; }
.card-block .imgblock img{ width: 100%; height: 100%; position: absolute;  left: 0;  top: 0; object-fit: cover; display: block;  }  
.card-block-info { background: linear-gradient(to right,  #411927 0%,#5e2a3d 100%); padding: 30px 40px; min-height: 250px; }
.card-block-info > span { font-family: 'Euclid Circular B SemiBold'; font-size:21px; color: #FCC62D;  text-align: center;  margin: 0 0 20px 0;  display: block; }
.card-block-info h3 { color: #fff; text-align: center; font-size: 28px; line-height: 33px;  }
.card-block-info h3 span { color: #fff; } 
.card-block-info .linkbtn { color: #FCC62D; text-align: center; font-size: 18px;}
.card-block-info .linkbtn:hover { color: #ffffff; }
.card-block-info .medium-highlight:after { top: 5px; }
.card-block-info .sunarrow-highlight:after {
    left: 60px;
    top: -18px;
}

span.sunarrow-highlight.top.left:after { left: 91px;  top: -23px;}
@media screen and (max-width: 1366px){
  .card-block-info { padding: 30px 20px; }
  .card-block-info h3 { font-size: 22px; line-height: 26px; }
  .card-block-info > span { font-size: 16px;  }
  .card-block-info .linkbtn{ font-size: 16px;  }
}

@media screen and (max-width: 991px){
  .card-block-info h3 { font-size: 18px; line-height: 22px;  }
  .card-block-info > span { font-size: 14px; }
  .card-block-info .linkbtn { font-size: 14px; }

}

@media screen and (max-width: 767px){
  .card-block-info { min-height: 10px; }
  .card-block { margin-top: 30px; margin-bottom: 30px; }
  }

}