.horizontal-cards{
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 24px;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

/* Card */
.h-card{
  display: flex;
  background: linear-gradient(135deg, #ffffff 10%, #ccdbf89b 80%);
  border-radius: 0 60px 0 60px; 
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
  border: #2f74b874 1px solid;
}

.h-card:hover{
  transform: translateY(-4px);
 
}

/* Image side */
.h-card-img{
  width: 38%;
  min-height: 220px;
}

.h-card-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content side */
.h-card-content{
  width: 62%;
  padding: 26px 30px;
  display: flex;
  flex-direction: column;
}

.h-card-content h3{
  font-size: 20px;
  font-weight: 700;
  color: #0d1e3c;
  margin-bottom: 10px;
}

.h-card-content p{
  font-size: 15.5px;
  line-height: 1.6;
  color: #4a5a70;
  margin-bottom: auto;
}

.h-card-content a{
  margin-top: 18px;
  font-size: 14px;
  font-weight: 600;
  color: #2f74b8;
  text-decoration: none;
}

.h-card-content a:hover{
  text-decoration: underline;
}

/* Responsive */
@media(max-width:900px){
  .h-card{
    flex-direction: column;
  }

  .h-card-img,
  .h-card-content{
    width: 100%;
  }

  .h-card-img{
    height: 200px;
  }
}